[Rendering] Unable to render Input.ChoiceSet with style 'Compact', the displayed effect is the same as that of style 'Expanded'

Target Platforms

NodeJS

SDK Version

3.0.5

Application Name

React

Problem Description

1. Unable to render Input.ChoiceSet with style 'Compact', the displayed effect is the same as that of style 'Expanded'

2. The latest designer already supports Fluent UI. How to use Fluent UI during SDK rendering?
   https://adaptivecards.microsoft.com/designer

Screenshots

No response

Card JSON

{
	"$schema": "https://adaptivecards.io/schemas/adaptive-card.json",
	"type": "AdaptiveCard",
	"version": "1.6",
	"body": [{
		"type": "Input.ChoiceSet",
		"id": "myColor",
		"label": "What color do you want? (isMultiSelect:false, style:compact)",
		"value": "1",
		"choices": [{
			"title": "Red",
			"value": "1"
		}, {
			"title": "Green",
			"value": "2"
		}, {
			"title": "Blue",
			"value": "3"
		}]
	}, {
		"type": "Input.ChoiceSet",
		"id": "myColor2",
		"style": "expanded",
		"label": "What color do you want? (isMultiSelect:false, style:expanded)",
		"value": "1",
		"choices": [{
			"title": "Red",
			"value": "1"
		}, {
			"title": "Green",
			"value": "2"
		}, {
			"title": "Blue",
			"value": "3"
		}]
	}, {
		"type": "Input.ChoiceSet",
		"id": "myColor3",
		"isMultiSelect": true,
		"value": "1,3",
		"label": "What colors do you want? (isMultiSelect:true, style:compact)",
		"choices": [{
			"title": "Red",
			"value": "1"
		}, {
			"title": "Green",
			"value": "2"
		}, {
			"title": "Blue",
			"value": "3"
		}]
	}, {
		"type": "Input.ChoiceSet",
		"id": "myColor4",
		"isMultiSelect": true,
		"value": "1",
		"style": "expanded",
		"label": "What colors do you want? (isMultiSelect:true, style:expanded)",
		"choices": [{
			"title": "Red",
			"value": "1"
		}, {
			"title": "Green",
			"value": "2"
		}, {
			"title": "Blue",
			"value": "3"
		}],
		"wrap": false
	}, {
		"type": "Input.ChoiceSet",
		"id": "BU",
		"style": "filtered",
		"isMultiSelect": true,
		"choices": [{
			"title": "YFS",
			"value": "YFS"
		}, {
			"title": "ITC",
			"value": "12"
		}]
	}],
	"actions": [{
		"type": "Action.Submit",
		"title": "OK"
	}]
}

Sample Code Language

No response

Sample Code

No response

Start by reproducing the supplied Card JSON with the NodeJS React renderer at SDK version 3.0.5, comparing the compact and expanded Input.ChoiceSet cases. Trace the renderer entry point for Input.ChoiceSet and verify the displayed controls differ as specified. Also determine from the renderer documentation or existing integration whether Fluent UI is supported; done means the compact style renders distinctly and the Fluent UI usage path is documented or clarified.