diff --git a/fluentui/Assets/SampleImage.json b/fluentui/Assets/SampleImage.json
new file mode 100644
index 0000000000000000000000000000000000000000..f620723215fd716d281480518b4be8b72b88495b
--- /dev/null
+++ b/fluentui/Assets/SampleImage.json
@@ -0,0 +1,12 @@
+{
+  "Content": "Image",
+  "FileName": "/ctrllib/image/images/SampleImage.svg",
+  "IsSampleData": true,
+  "IsWritable": false,
+  "Name": "SampleImage",
+  "Path": "/ctrllib/image/images/SampleImage.svg",
+  "ResourceKind": "Uri",
+  "RootPath": "ms-appx:///ctrllib/image/images/SampleImage.svg",
+  "Schema": "i",
+  "Type": "ResourceInfo"
+}
\ No newline at end of file
diff --git a/fluentui/CanvasManifest.json b/fluentui/CanvasManifest.json
new file mode 100644
index 0000000000000000000000000000000000000000..1437d9f9ba9fea99f32ad644053b1e92987cfba9
--- /dev/null
+++ b/fluentui/CanvasManifest.json
@@ -0,0 +1,135 @@
+{
+  "FormatVersion": "0.24",
+  "Header": {
+    "AnalysisOptions": {
+      "DataflowAnalysisEnabled": false,
+      "DataflowAnalysisFlagStateToggledByUser": false
+    },
+    "DocVersion": "1.335",
+    "MinVersionToLoad": "1.331",
+    "MSAppStructureVersion": "2.0"
+  },
+  "Properties": {
+    "AppCreationSource": "AppFromScratch",
+    "AppDescription": "",
+    "AppPreviewFlagsMap": {
+      "aibuilderserviceenrollment": false,
+      "allowmultiplescreensincanvaspages": false,
+      "appinsightserrortracing": false,
+      "appinstrumentationcorrelationtracing": false,
+      "autocreateenvironmentvariables": false,
+      "behaviorpropertyui": false,
+      "blockmovingcontrol": true,
+      "cdsdataformatting": false,
+      "classiccontrols": false,
+      "consistentreturnschemafortabularfunctions": true,
+      "copyandmerge": true,
+      "dataflowanalysisenabled": false,
+      "datatablev2control": true,
+      "dataverseactionsenabled": true,
+      "delaycontrolrendering": true,
+      "delayloadscreens": true,
+      "disablecdsfileandlargeimage": false,
+      "dynamicschema": false,
+      "enableappembeddingux": false,
+      "enablechatbotfeature": true,
+      "enablecomponentnamemaps": false,
+      "enablecomponentscopeoldbehavior": false,
+      "enablecopilotcontrol": true,
+      "enabledataverseoffline": false,
+      "enableeditcacherefreshfrequency": false,
+      "enableexcelonlinebusinessv2connector": true,
+      "enableexperimentaldataverseoffline": true,
+      "enableideaspanel": true,
+      "enablelegacybarcodescanner": false,
+      "enableonstart": true,
+      "enableonstartnavigate": false,
+      "enablepcfmoderndatasets": true,
+      "enablerowscopeonetonexpand": false,
+      "enablerpawarecomponentdependency": true,
+      "enablerulespanel": false,
+      "enableruntimepolicies": true,
+      "enablesaveloadcleardataonweb": true,
+      "enableupdateifdelegation": false,
+      "errorhandling": true,
+      "expandedsavedatasupport": true,
+      "exportimportcomponents2": true,
+      "externalmessage": false,
+      "fluentv9controls": false,
+      "fluentv9controlspreview": false,
+      "formuladataprefetch": true,
+      "formularepair": false,
+      "generatedebugpublishedapp": false,
+      "herocontrols": false,
+      "improvedmediacapture": true,
+      "improvedtabstopbehavior": false,
+      "isemptyrequirestableargument": true,
+      "keeprecentscreensloaded": false,
+      "longlivingcache": false,
+      "mobilenativerendering": false,
+      "namedformulas": true,
+      "nativecdsexperimental": true,
+      "onegrid": false,
+      "optimizedforteamsmeeting": false,
+      "packagemodernruntime": false,
+      "parallelcodegen": false,
+      "pdffunction": false,
+      "powerfxdecimal": false,
+      "powerfxv1": false,
+      "projectionmapping": true,
+      "reactformulabar": false,
+      "reliableconcurrent": true,
+      "reservedkeywords": false,
+      "reverttooldpowerautomate": false,
+      "rtlinstudiopreview": false,
+      "rtlsupport": false,
+      "smartemaildatacard": false,
+      "supportcolumnnamesasidentifiers": false,
+      "tabledoesntwraprecords": true,
+      "usedisplaynamemetadata": true,
+      "useenforcesavedatalimits": true,
+      "useexperimentalcdsconnector": true,
+      "useexperimentalsqlconnector": true,
+      "useguiddatatypes": true,
+      "usenonblockingonstartrule": true,
+      "webbarcodescanner": false,
+      "zeroalltabindexes": false
+    },
+    "Author": "",
+    "BindingErrorCount": 0,
+    "ContainsThirdPartyPcfControls": false,
+    "DefaultConnectedDataSourceMaxGetRowsCount": 500,
+    "DocumentAppType": "Phone",
+    "DocumentLayoutHeight": 1136,
+    "DocumentLayoutLockOrientation": false,
+    "DocumentLayoutMaintainAspectRatio": true,
+    "DocumentLayoutOrientation": "portrait",
+    "DocumentLayoutScaleToFit": true,
+    "DocumentLayoutWidth": 640,
+    "DocumentType": "App",
+    "EnableInstrumentation": false,
+    "FileID": "d066fce5-33f3-4216-b2d8-999aac4a43b5",
+    "Id": "ae4fb549-02a6-4873-a706-5ae6fc3008c9",
+    "InstrumentationKey": "",
+    "LocalDatabaseReferences": "{}",
+    "ManualOfflineProfileId": "",
+    "Name": "chatGPT-H-Interface",
+    "OriginatingVersion": "1.335",
+    "ParserErrorCount": 0,
+    "ShowStatusBar": false
+  },
+  "PublishInfo": {
+    "AppName": "chatGPT-H-Interface",
+    "BackgroundColor": "RGBA(0,176,240,1)",
+    "IconColor": "RGBA(255,255,255,1)",
+    "IconName": "Edit",
+    "LogoFileName": "",
+    "PublishDataLocally": false,
+    "PublishResourcesLocally": false,
+    "PublishTarget": "player",
+    "UserLocale": "en-US"
+  },
+  "ScreenOrder": [
+    "Main"
+  ]
+}
\ No newline at end of file
diff --git a/fluentui/ComponentReferences.json b/fluentui/ComponentReferences.json
new file mode 100644
index 0000000000000000000000000000000000000000..0637a088a01e8ddab3bf3fa98dbe804cbde1a0dc
--- /dev/null
+++ b/fluentui/ComponentReferences.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/fluentui/Connections/Connections.json b/fluentui/Connections/Connections.json
new file mode 100644
index 0000000000000000000000000000000000000000..9e26dfeeb6e641a33dae4961196235bdb965b21b
--- /dev/null
+++ b/fluentui/Connections/Connections.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/fluentui/ControlTemplates.json b/fluentui/ControlTemplates.json
new file mode 100644
index 0000000000000000000000000000000000000000..9c26c4a1091cbee9665aa3664a85ca2fc0fa9966
--- /dev/null
+++ b/fluentui/ControlTemplates.json
@@ -0,0 +1,111 @@
+{
+  "appinfo": {
+    "CustomGroupControlTemplateName": "",
+    "FirstParty": true,
+    "Id": "http://microsoft.com/appmagic/appinfo",
+    "IsComponentTemplate": false,
+    "IsCustomGroupControlTemplate": false,
+    "IsPcfControl": false,
+    "IsPremiumPcfControl": false,
+    "IsWidgetTemplate": false,
+    "LastModifiedTimestamp": "0",
+    "Name": "appinfo",
+    "OverridableProperties": {},
+    "Version": "1.0"
+  },
+  "button": {
+    "CustomGroupControlTemplateName": "",
+    "FirstParty": true,
+    "Id": "http://microsoft.com/appmagic/button",
+    "IsComponentTemplate": false,
+    "IsCustomGroupControlTemplate": false,
+    "IsPcfControl": false,
+    "IsPremiumPcfControl": false,
+    "IsWidgetTemplate": true,
+    "LastModifiedTimestamp": "0",
+    "Name": "button",
+    "OverridableProperties": {},
+    "Version": "2.2.0"
+  },
+  "groupContainer": {
+    "FirstParty": true,
+    "Id": "http://microsoft.com/appmagic/groupContainer",
+    "IsComponentTemplate": false,
+    "IsPcfControl": false,
+    "IsWidgetTemplate": false,
+    "LastModifiedTimestamp": "0",
+    "Name": "groupContainer",
+    "Version": "1.0"
+  },
+  "Host": {
+    "CustomGroupControlTemplateName": "",
+    "FirstParty": true,
+    "HostType": "Default",
+    "Id": "http://microsoft.com/appmagic/hostcontrol",
+    "IsComponentTemplate": false,
+    "IsCustomGroupControlTemplate": false,
+    "IsPcfControl": false,
+    "IsPremiumPcfControl": false,
+    "IsWidgetTemplate": false,
+    "LastModifiedTimestamp": "0",
+    "Name": "hostControl",
+    "OverridableProperties": {},
+    "Version": "1.6.0"
+  },
+  "icon": {
+    "CustomGroupControlTemplateName": "",
+    "FirstParty": true,
+    "Id": "http://microsoft.com/appmagic/icon",
+    "IsComponentTemplate": false,
+    "IsCustomGroupControlTemplate": false,
+    "IsPcfControl": false,
+    "IsPremiumPcfControl": false,
+    "IsWidgetTemplate": true,
+    "LastModifiedTimestamp": "0",
+    "Name": "icon",
+    "OverridableProperties": {},
+    "Version": "2.5.0"
+  },
+  "label": {
+    "CustomGroupControlTemplateName": "",
+    "FirstParty": true,
+    "Id": "http://microsoft.com/appmagic/label",
+    "IsComponentTemplate": false,
+    "IsCustomGroupControlTemplate": false,
+    "IsPcfControl": false,
+    "IsPremiumPcfControl": false,
+    "IsWidgetTemplate": true,
+    "LastModifiedTimestamp": "0",
+    "Name": "label",
+    "OverridableProperties": {},
+    "Version": "2.5.1"
+  },
+  "screen": {
+    "CustomGroupControlTemplateName": "",
+    "FirstParty": true,
+    "Id": "http://microsoft.com/appmagic/screen",
+    "IsComponentTemplate": false,
+    "IsCustomGroupControlTemplate": false,
+    "IsPcfControl": false,
+    "IsPremiumPcfControl": false,
+    "IsWidgetTemplate": false,
+    "LastModifiedTimestamp": "0",
+    "Name": "screen",
+    "OverridableProperties": {},
+    "Version": "1.0"
+  },
+  "text": {
+    "CustomGroupControlTemplateName": "",
+    "FirstParty": true,
+    "Id": "http://microsoft.com/appmagic/text",
+    "IsComponentTemplate": false,
+    "IsCustomGroupControlTemplate": false,
+    "IsPcfControl": false,
+    "IsPremiumPcfControl": false,
+    "IsWidgetTemplate": true,
+    "LastModifiedTimestamp": "0",
+    "Name": "text",
+    "OverridableProperties": {},
+    "Version": "2.3.2"
+  }
+}
\ No newline at end of file
diff --git a/fluentui/DataSources/CustomGallerySample.json b/fluentui/DataSources/CustomGallerySample.json
new file mode 100644
index 0000000000000000000000000000000000000000..221a30117afa8985ff34312575ab16c98cd3fd99
--- /dev/null
+++ b/fluentui/DataSources/CustomGallerySample.json
@@ -0,0 +1,17 @@
+[
+  {
+    "Data": "[{\"SampleHeading\":\"Lorem ipsum 1\",\"SampleImage\":\"/ctrllib/image/images/SampleImage.svg\",\"SampleText\":\"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\"},{\"SampleHeading\":\"Lorem ipsum 2\",\"SampleImage\":\"/ctrllib/image/images/SampleImage.svg\",\"SampleText\":\"Suspendisse enim metus, tincidunt quis lobortis a, fringilla dignissim neque.\"},{\"SampleHeading\":\"Lorem ipsum 3\",\"SampleImage\":\"/ctrllib/image/images/SampleImage.svg\",\"SampleText\":\"Ut pharetra a dolor ac vehicula.\"},{\"SampleHeading\":\"Lorem ipsum 4\",\"SampleImage\":\"/ctrllib/image/images/SampleImage.svg\",\"SampleText\":\"Vestibulum dui felis, fringilla nec mi sed, tristique dictum nisi.\"}]",
+    "IsSampleData": true,
+    "IsWritable": false,
+    "Name": "CustomGallerySample",
+    "OrderedColumnNames": [
+      "SampleImage",
+      "SampleHeading",
+      "SampleText"
+    ],
+    "OriginalName": "CustomGallerySample",
+    "OriginalSchema": "*[SampleHeading:s, SampleImage:i, SampleText:s]",
+    "Schema": "*[SampleHeading:s, SampleImage:i, SampleText:s]",
+    "Type": "StaticDataSourceInfo"
+  }
+]
\ No newline at end of file
diff --git a/fluentui/DataSources/DropDownSample.json b/fluentui/DataSources/DropDownSample.json
new file mode 100644
index 0000000000000000000000000000000000000000..cae86d659cea8b94a30f7625c5c0d0817ecdf3bd
--- /dev/null
+++ b/fluentui/DataSources/DropDownSample.json
@@ -0,0 +1,15 @@
+[
+  {
+    "Data": "[{\"Value\":\"1\"},{\"Value\":\"2\"},{\"Value\":\"3\"}]",
+    "IsSampleData": true,
+    "IsWritable": false,
+    "Name": "DropDownSample",
+    "OrderedColumnNames": [
+      "Value"
+    ],
+    "OriginalName": "DropDownSample",
+    "OriginalSchema": "*[Value:s]",
+    "Schema": "*[Value:s]",
+    "Type": "StaticDataSourceInfo"
+  }
+]
\ No newline at end of file
diff --git a/fluentui/Entropy/AppCheckerResult.sarif b/fluentui/Entropy/AppCheckerResult.sarif
new file mode 100644
index 0000000000000000000000000000000000000000..f164a714b7a41e266329340552d5f3fa0ce5e3ce
--- /dev/null
+++ b/fluentui/Entropy/AppCheckerResult.sarif
@@ -0,0 +1,196 @@
+{
+  "$schema": "https://schemastore.azurewebsites.net/schemas/json/sarif-2.1.0-rtm.4.json",
+  "runs": [
+    {
+      "columnKind": "utf16CodeUnits",
+      "invocations": [
+        {
+          "executionSuccessful": true
+        }
+      ],
+      "results": [
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Main.Icon2.AccessibleLabel"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Main.Icon2.AccessibleLabel",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "AccessibleLabel",
+                "module": "Main",
+                "type": "Main.Icon2"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Medium"
+          },
+          "ruleId": "acc-AccessibleLabelNeeded",
+          "ruleIndex": 0
+        },
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Main.Icon2.TabIndex"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Main.Icon2.TabIndex",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "TabIndex",
+                "module": "Main",
+                "type": "Main.Icon2"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Medium"
+          },
+          "ruleId": "acc-TabIndexShouldBeDefinedForInteractiveControl",
+          "ruleIndex": 1
+        },
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Main.textinput1.AccessibleLabel"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Main.textinput1.AccessibleLabel",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "AccessibleLabel",
+                "module": "Main",
+                "type": "Main.textinput1"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Medium"
+          },
+          "ruleId": "acc-AccessibleLabelNeeded",
+          "ruleIndex": 0
+        },
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Main.maintext"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Main.maintext",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "maintext",
+                "module": "Main",
+                "type": "Main"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Medium"
+          },
+          "ruleId": "app-UnusedVariables",
+          "ruleIndex": 2
+        }
+      ],
+      "tool": {
+        "driver": {
+          "fullName": "PowerApps app checker",
+          "name": "PowerApps app checker",
+          "rules": [
+            {
+              "id": "acc-AccessibleLabelNeeded",
+              "messageStrings": {
+                "issue": {
+                  "text": "Missing accessible label"
+                }
+              },
+              "properties": {
+                "componentType": "app",
+                "howToFix": [
+                  "Edit the accessible label property to describe the item."
+                ],
+                "level": "Medium",
+                "primaryCategory": "accessibility",
+                "whyFix": "If there's no accessible text, people who can’t see the screen won't understand what’s in images and controls."
+              }
+            },
+            {
+              "id": "acc-TabIndexShouldBeDefinedForInteractiveControl",
+              "messageStrings": {
+                "issue": {
+                  "text": "Missing tab stop"
+                }
+              },
+              "properties": {
+                "componentType": "app",
+                "howToFix": [
+                  "Set TabIndex to 0 or greater to ensure that interactive elements have a tab stop."
+                ],
+                "level": "Medium",
+                "primaryCategory": "accessibility",
+                "whyFix": "People who use the keyboard with your app will not be able to access this element without a tab stop."
+              }
+            },
+            {
+              "id": "app-UnusedVariables",
+              "messageStrings": {
+                "issue": {
+                  "text": "Unused variable"
+                }
+              },
+              "properties": {
+                "componentType": "app",
+                "howToFix": [
+                  "Remove the unused variable."
+                ],
+                "level": "Medium",
+                "primaryCategory": "performance",
+                "whyFix": "This variable is declared but is not referenced by any control, so it is not needed."
+              }
+            }
+          ],
+          "version": "1.335"
+        }
+      }
+    }
+  ],
+  "version": "2.1.0"
+}
\ No newline at end of file
diff --git a/fluentui/Entropy/Entropy.json b/fluentui/Entropy/Entropy.json
new file mode 100644
index 0000000000000000000000000000000000000000..fcb4e9e8bb2e3eebd0585db40d33edb834bc8a44
--- /dev/null
+++ b/fluentui/Entropy/Entropy.json
@@ -0,0 +1,88 @@
+{
+  "ComponentIndexes": {},
+  "ControlUniqueGuids": {},
+  "ControlUniqueIds": {
+    "App": 1,
+    "B1": 13,
+    "chatbox1": 5,
+    "Host": 3,
+    "Icon2": 10,
+    "Main": 4,
+    "send1": 12,
+    "tab1": 6,
+    "tab2": 7,
+    "tab3": 8,
+    "tab4": 9,
+    "textinput1": 11
+  },
+  "FunctionParamsInvariantScripts": {},
+  "FunctionParamsInvariantScriptsOnInstances": {},
+  "HeaderLastSavedDateTimeUTC": "11/09/2023 07:14:31",
+  "IsLegacyComponentAllowGlobalScopeCase": false,
+  "LocalConnectionIDReferences": {},
+  "LocalDatabaseReferencesAsEmpty": false,
+  "LocalResourceFileNames": {},
+  "LocalResourceRootPaths": {},
+  "OrderComponentMetadata": {},
+  "OrderComponentTemplate": {},
+  "OrderDataSource": {
+    "CustomGallerySample": 0,
+    "DropDownSample": 1
+  },
+  "OrderGroupControls": {},
+  "OrderPcfTemplate": {},
+  "OrderTemplate": {},
+  "OrderXMLTemplate": {
+    "button": 3,
+    "icon": 1,
+    "label": 0,
+    "text": 2
+  },
+  "OverridablePropertiesEntry": {
+    "App": {},
+    "B1": {},
+    "chatbox1": {},
+    "Host": {},
+    "Icon2": {},
+    "Main": {},
+    "send1": {},
+    "tab1": {},
+    "tab2": {},
+    "tab3": {},
+    "tab4": {},
+    "textinput1": {}
+  },
+  "PCFDynamicSchemaForIRRetrievalEntry": {},
+  "PCFTemplateEntry": {},
+  "PublishOrderIndices": {
+    "App": 0,
+    "B1": 8,
+    "chatbox1": 0,
+    "Host": 0,
+    "Icon2": 5,
+    "Main": 0,
+    "send1": 7,
+    "tab1": 1,
+    "tab2": 2,
+    "tab3": 3,
+    "tab4": 4,
+    "textinput1": 6
+  },
+  "ResourcesJsonIndices": {
+    "Image-SampleImage": 0
+  },
+  "RuleScreenIdWithoutScreen": {},
+  "TemplateVersions": {},
+  "VolatileProperties": {
+    "AnalysisLoadTime": 0.0886546,
+    "ControlCount": {
+      "button": 1,
+      "icon": 6,
+      "label": 1,
+      "screen": 1,
+      "text": 1
+    },
+    "DeserializationLoadTime": 3.1310033
+  },
+  "WasLocalDatabaseReferencesEmpty": true
+}
\ No newline at end of file
diff --git a/fluentui/Entropy/checksum.json b/fluentui/Entropy/checksum.json
new file mode 100644
index 0000000000000000000000000000000000000000..5605406c2bbf925ab092b23f7f01e40faedcff7d
--- /dev/null
+++ b/fluentui/Entropy/checksum.json
@@ -0,0 +1,34 @@
+{
+  "ClientBuildDetails": {
+    "CommitHash": "941f06c8f5cf7a493289e9514c8dec5c50b61d34",
+    "IsLocalBuild": false
+  },
+  "ClientPerFileChecksums": {
+    "AppCheckerResult.sarif": "C8_wuCLMYkjswdGOB8CIUkw109CpJbRJgdPkWP5U0yqIqk=",
+    "Controls\\1.json": "C8_opQhFd7tQ3IkRABVgFFq82IYQKAFbJ5qy/GElyH/FyI=",
+    "Controls\\4.json": "C8_XbnCwTiDzQTfTn4MIQLR6qpaIlKqah3jBxmWV+VD61k=",
+    "Header.json": "C8_hHCEURQGELi1rl+63rKAEs8nb0hXpJx2JHWoPoYqWM8=",
+    "Properties.json": "C8_2Ncz587DNIes76IIu30+6zoyZ/8dAQuVRjdzAsYHLlc=",
+    "References\\DataSources.json": "C8_Mg5OhCscRCsdB8WFyXz4o6iMRDxQFaCtfXCnNT8E/+o=",
+    "References\\ModernThemes.json": "C8_KDQJ/3t27vgKx25iCQB/PGqxkWE34ZB7Eyb+RxNxY0k=",
+    "References\\Resources.json": "C8_s+se9qfOYnCKwfIt6gbv1FGBHW47JCt5d/CkUpqbcjk=",
+    "References\\Templates.json": "C8_lyMtnrg9NYRKVIKJa08j9mLx9AAnr4Qom3M/HoJvY4U=",
+    "References\\Themes.json": "C8_tsXtDVkT5pjhDU/pIa1ap3UW1Mua31Be8aPLGOt6H94=",
+    "Resources\\PublishInfo.json": "C8_BDzXB/XwFggKTFb7EVkbB4z5ZX4/lSRN87GpfLsKt+k="
+  },
+  "ClientStampedChecksum": "C8_na/irgLnaEmybjR8ZtOiPxpYmJ2QXPutukkieSMCT0I=",
+  "ServerPerFileChecksums": {
+    "AppCheckerResult.sarif": "C8_wuCLMYkjswdGOB8CIUkw109CpJbRJgdPkWP5U0yqIqk=",
+    "Controls\\1.json": "C8_opQhFd7tQ3IkRABVgFFq82IYQKAFbJ5qy/GElyH/FyI=",
+    "Controls\\4.json": "C8_XbnCwTiDzQTfTn4MIQLR6qpaIlKqah3jBxmWV+VD61k=",
+    "Header.json": "C8_hHCEURQGELi1rl+63rKAEs8nb0hXpJx2JHWoPoYqWM8=",
+    "Properties.json": "C8_2Ncz587DNIes76IIu30+6zoyZ/8dAQuVRjdzAsYHLlc=",
+    "References\\DataSources.json": "C8_Mg5OhCscRCsdB8WFyXz4o6iMRDxQFaCtfXCnNT8E/+o=",
+    "References\\ModernThemes.json": "C8_KDQJ/3t27vgKx25iCQB/PGqxkWE34ZB7Eyb+RxNxY0k=",
+    "References\\Resources.json": "C8_s+se9qfOYnCKwfIt6gbv1FGBHW47JCt5d/CkUpqbcjk=",
+    "References\\Templates.json": "C8_lyMtnrg9NYRKVIKJa08j9mLx9AAnr4Qom3M/HoJvY4U=",
+    "References\\Themes.json": "C8_tsXtDVkT5pjhDU/pIa1ap3UW1Mua31Be8aPLGOt6H94=",
+    "Resources\\PublishInfo.json": "C8_BDzXB/XwFggKTFb7EVkbB4z5ZX4/lSRN87GpfLsKt+k="
+  },
+  "ServerStampedChecksum": "C8_na/irgLnaEmybjR8ZtOiPxpYmJ2QXPutukkieSMCT0I="
+}
\ No newline at end of file
diff --git a/fluentui/Other/References/ModernThemes.json b/fluentui/Other/References/ModernThemes.json
new file mode 100644
index 0000000000000000000000000000000000000000..14ac0273bbbaf4f5ac995550b5867a69a47868b9
--- /dev/null
+++ b/fluentui/Other/References/ModernThemes.json
@@ -0,0 +1,8 @@
+{
+  "Themes": [
+    {
+      "EntityName": "PowerAppsTheme",
+      "ThemeName": "PowerAppsTheme"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/fluentui/Src/App.fx.yaml b/fluentui/Src/App.fx.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..b7ebc9ecf3571b2380a97a98f6c41a3c27aa3fd5
--- /dev/null
+++ b/fluentui/Src/App.fx.yaml
@@ -0,0 +1,11 @@
+App As appinfo:
+    BackEnabled: =true
+    Theme: =PowerAppsTheme
+
+    Host As hostControl.DefaultHostControlVariant:
+        OnCancel: =false
+        OnEdit: =false
+        OnNew: =false
+        OnSave: =false
+        OnView: =false
+
diff --git a/fluentui/Src/EditorState/App.editorstate.json b/fluentui/Src/EditorState/App.editorstate.json
new file mode 100644
index 0000000000000000000000000000000000000000..dc68feb37cbc495e12c8cb027e9712bccadd0947
--- /dev/null
+++ b/fluentui/Src/EditorState/App.editorstate.json
@@ -0,0 +1,112 @@
+{
+  "ControlStates": {
+    "App": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "MinScreenHeight",
+        "MinScreenWidth",
+        "ConfirmExit",
+        "SizeBreakpoints",
+        "BackEnabled",
+        "Theme"
+      ],
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": true,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "App",
+      "ParentIndex": 0,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Data",
+          "PropertyName": "ConfirmExit",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "BackEnabled",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "MinScreenHeight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "MinScreenWidth",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Theme",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "ConstantData",
+          "PropertyName": "SizeBreakpoints",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "",
+      "Type": "ControlInfo"
+    },
+    "Host": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "OnNew",
+        "OnEdit",
+        "OnView",
+        "OnSave",
+        "OnCancel"
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": true,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "Host",
+      "ParentIndex": 0,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnNew",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnEdit",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnView",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnSave",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnCancel",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "",
+      "Type": "ControlInfo"
+    }
+  },
+  "TopParentName": "App"
+}
\ No newline at end of file
diff --git a/fluentui/Src/EditorState/Main.editorstate.json b/fluentui/Src/EditorState/Main.editorstate.json
new file mode 100644
index 0000000000000000000000000000000000000000..b28e11325abf06c9804d4282fad84cad69ac0155
--- /dev/null
+++ b/fluentui/Src/EditorState/Main.editorstate.json
@@ -0,0 +1,2156 @@
+{
+  "ControlStates": {
+    "B1": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Text",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "BorderColor",
+        "DisabledBorderColor",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "PressedBorderColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "HoverBorderColor",
+        "BorderStyle",
+        "FocusedBorderColor",
+        "Color",
+        "DisabledColor",
+        "PressedColor",
+        "HoverColor",
+        "DisplayMode",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Fill",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisabledFill",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "PressedFill",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "HoverFill",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Font",
+        "FontWeight",
+        "Align",
+        "VerticalAlign",
+        "X",
+        "Y",
+        "Width",
+        "Height",
+        "ZIndex",
+        "RadiusTopLeft",
+        "RadiusTopRight",
+        "RadiusBottomLeft",
+        "RadiusBottomRight",
+        "BorderThickness",
+        "FocusedBorderThickness",
+        "Size",
+        "Italic",
+        "Underline",
+        "Strikethrough",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "false",
+          "InvariantPropertyName": "OnSelect",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        }
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "B1",
+      "ParentIndex": 8,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Data",
+          "PropertyName": "Text",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Strikethrough",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Underline",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Italic",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Size",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "RadiusBottomRight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "RadiusBottomLeft",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "RadiusTopRight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "RadiusTopLeft",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ZIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Height",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Width",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Y",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "X",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "VerticalAlign",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Align",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FontWeight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Font",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Fill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisplayMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Color",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderStyle",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnSelect",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultButtonStyle",
+      "Type": "ControlInfo"
+    },
+    "chatbox1": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "Live",
+        "Overflow",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "\"Text\"",
+          "InvariantPropertyName": "Text",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Role",
+        "Color",
+        "DisabledColor",
+        "PressedColor",
+        "HoverColor",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "BorderColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisabledBorderColor",
+        "PressedBorderColor",
+        "HoverBorderColor",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "BorderStyle",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "FocusedBorderColor",
+        "Fill",
+        "DisabledFill",
+        "PressedFill",
+        "HoverFill",
+        "Font",
+        "FontWeight",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Align",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "VerticalAlign",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "X",
+        "Y",
+        "Width",
+        "Height",
+        "DisplayMode",
+        "ZIndex",
+        "LineHeight",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "BorderThickness",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "FocusedBorderThickness",
+        "Size",
+        "Italic",
+        "Underline",
+        "Strikethrough",
+        "PaddingTop",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "PaddingRight",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "PaddingBottom",
+        "PaddingLeft"
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "chatbox1",
+      "ParentIndex": 0,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Data",
+          "PropertyName": "Role",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "Text",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "Live",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Size",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LineHeight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ZIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisplayMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingLeft",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingBottom",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Height",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Width",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingRight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingTop",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Y",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Strikethrough",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "X",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "VerticalAlign",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Underline",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Italic",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Align",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FontWeight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Font",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Fill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderStyle",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Color",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Overflow",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedColor",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultLabelStyle",
+      "Type": "ControlInfo"
+    },
+    "Icon2": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "Icon",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Color",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisabledColor",
+        "PressedColor",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "HoverColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Fill",
+        "DisabledFill",
+        "PressedFill",
+        "HoverFill",
+        "DisplayMode",
+        "X",
+        "Y",
+        "Width",
+        "Height",
+        "BorderStyle",
+        "BorderColor",
+        "DisabledBorderColor",
+        "PressedBorderColor",
+        "HoverBorderColor",
+        "FocusedBorderColor",
+        "ZIndex",
+        "BorderThickness",
+        "FocusedBorderThickness",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "false",
+          "InvariantPropertyName": "OnSelect",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        }
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "Icon2",
+      "ParentIndex": 5,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Design",
+          "PropertyName": "Icon",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Color",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Fill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisplayMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "X",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Y",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Width",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Height",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderStyle",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ZIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnSelect",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultIconStyle",
+      "Type": "ControlInfo"
+    },
+    "Main": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Fill",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "ImagePosition",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Height",
+        "Width",
+        "Size",
+        "Orientation",
+        "LoadingSpinner",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "RGBA(0, 120, 212, 1)",
+          "InvariantPropertyName": "LoadingSpinnerColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "ContentLanguage",
+        "BackgroundImage"
+      ],
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "Main",
+      "ParentIndex": 0,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Data",
+          "PropertyName": "ContentLanguage",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "BackgroundImage",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Width",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Height",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ImagePosition",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Fill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LoadingSpinner",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LoadingSpinnerColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Size",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Orientation",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultScreenStyle",
+      "Type": "ControlInfo"
+    },
+    "send1": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "Icon",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Color",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisabledColor",
+        "PressedColor",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "HoverColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Fill",
+        "DisabledFill",
+        "PressedFill",
+        "HoverFill",
+        "DisplayMode",
+        "X",
+        "Y",
+        "Width",
+        "Height",
+        "BorderStyle",
+        "BorderColor",
+        "DisabledBorderColor",
+        "PressedBorderColor",
+        "HoverBorderColor",
+        "FocusedBorderColor",
+        "ZIndex",
+        "BorderThickness",
+        "FocusedBorderThickness",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "true",
+          "InvariantPropertyName": "AutoDisableOnSelect",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Tooltip",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        }
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "send1",
+      "ParentIndex": 7,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Data",
+          "PropertyName": "Tooltip",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ZIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderStyle",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Height",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Width",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Y",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "X",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisplayMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Fill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Color",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Icon",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "AutoDisableOnSelect",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultIconStyle",
+      "Type": "ControlInfo"
+    },
+    "tab1": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "Icon",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Color",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisabledColor",
+        "PressedColor",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "HoverColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Fill",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisabledFill",
+        "PressedFill",
+        "HoverFill",
+        "DisplayMode",
+        "X",
+        "Y",
+        "Width",
+        "Height",
+        "BorderStyle",
+        "BorderColor",
+        "DisabledBorderColor",
+        "PressedBorderColor",
+        "HoverBorderColor",
+        "FocusedBorderColor",
+        "ZIndex",
+        "BorderThickness",
+        "FocusedBorderThickness"
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "tab1",
+      "ParentIndex": 1,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Design",
+          "PropertyName": "BorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ZIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderStyle",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Height",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Width",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Y",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "X",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisplayMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Fill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Color",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Icon",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderColor",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultIconStyle",
+      "Type": "ControlInfo"
+    },
+    "tab2": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "Icon",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Color",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisabledColor",
+        "PressedColor",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "HoverColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Fill",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisabledFill",
+        "PressedFill",
+        "HoverFill",
+        "DisplayMode",
+        "X",
+        "Y",
+        "Width",
+        "Height",
+        "BorderStyle",
+        "BorderColor",
+        "DisabledBorderColor",
+        "PressedBorderColor",
+        "HoverBorderColor",
+        "FocusedBorderColor",
+        "ZIndex",
+        "BorderThickness",
+        "FocusedBorderThickness"
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "tab2",
+      "ParentIndex": 2,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Design",
+          "PropertyName": "BorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ZIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderStyle",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Height",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Width",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Y",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "X",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisplayMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Fill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Color",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Icon",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderColor",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultIconStyle",
+      "Type": "ControlInfo"
+    },
+    "tab3": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "Icon",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Color",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisabledColor",
+        "PressedColor",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "HoverColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Fill",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisabledFill",
+        "PressedFill",
+        "HoverFill",
+        "DisplayMode",
+        "X",
+        "Y",
+        "Width",
+        "Height",
+        "BorderStyle",
+        "BorderColor",
+        "DisabledBorderColor",
+        "PressedBorderColor",
+        "HoverBorderColor",
+        "FocusedBorderColor",
+        "ZIndex",
+        "BorderThickness",
+        "FocusedBorderThickness"
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "tab3",
+      "ParentIndex": 3,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Design",
+          "PropertyName": "BorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ZIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderStyle",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Height",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Width",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Y",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "X",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisplayMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Fill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Color",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Icon",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderColor",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultIconStyle",
+      "Type": "ControlInfo"
+    },
+    "tab4": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "Icon",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Color",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisabledColor",
+        "PressedColor",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "HoverColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Fill",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisabledFill",
+        "PressedFill",
+        "HoverFill",
+        "DisplayMode",
+        "X",
+        "Y",
+        "Width",
+        "Height",
+        "BorderStyle",
+        "BorderColor",
+        "DisabledBorderColor",
+        "PressedBorderColor",
+        "HoverBorderColor",
+        "FocusedBorderColor",
+        "ZIndex",
+        "BorderThickness",
+        "FocusedBorderThickness"
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "tab4",
+      "ParentIndex": 4,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Design",
+          "PropertyName": "BorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ZIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderStyle",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Height",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Width",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Y",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "X",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisplayMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Fill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Color",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Icon",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderColor",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultIconStyle",
+      "Type": "ControlInfo"
+    },
+    "textinput1": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Default",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Mode",
+        "Format",
+        "VirtualKeyboardMode",
+        "DelayOutput",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "RGBA(245, 245, 245, 1)",
+          "InvariantPropertyName": "BorderColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "DisabledBorderColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "PressedBorderColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "HoverBorderColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "BorderStyle",
+        "FocusedBorderColor",
+        "Color",
+        "DisabledColor",
+        "PressedColor",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "HoverColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Fill",
+        "DisabledFill",
+        "PressedFill",
+        "HoverFill",
+        "Font",
+        "FontWeight",
+        "Align",
+        "X",
+        "Y",
+        "Width",
+        "Height",
+        "DisplayMode",
+        "ZIndex",
+        "RadiusTopLeft",
+        "RadiusTopRight",
+        "RadiusBottomLeft",
+        "RadiusBottomRight",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "2",
+          "InvariantPropertyName": "BorderThickness",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "FocusedBorderThickness",
+        "Size",
+        "Italic",
+        "Underline",
+        "Strikethrough",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "false",
+          "InvariantPropertyName": "EnableSpellCheck",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Clear",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Reset",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "false",
+          "InvariantPropertyName": "OnSelect",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "OnChange",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "MaxLength",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        }
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "textinput1",
+      "ParentIndex": 6,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Data",
+          "PropertyName": "DelayOutput",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "Default",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "Reset",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "MaxLength",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Mode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Format",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "VirtualKeyboardMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderStyle",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Color",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Fill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Font",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FontWeight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Align",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "X",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Y",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Width",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Height",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisplayMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ZIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "EnableSpellCheck",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "RadiusTopLeft",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "RadiusTopRight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "RadiusBottomLeft",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "RadiusBottomRight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Size",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Italic",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Underline",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Strikethrough",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Clear",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnSelect",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnChange",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultTextStyle",
+      "Type": "ControlInfo"
+    }
+  },
+  "TopParentName": "Main"
+}
\ No newline at end of file
diff --git a/fluentui/Src/Main.fx.yaml b/fluentui/Src/Main.fx.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..736226a387a0d95851d2556af812ee988d8a7132
--- /dev/null
+++ b/fluentui/Src/Main.fx.yaml
@@ -0,0 +1,195 @@
+Main As screen:
+    BackgroundImage: =
+    ContentLanguage: =""
+    Fill: =RGBA(204, 218, 228, 1)
+    ImagePosition: =ImagePosition.Tile
+    LoadingSpinnerColor: =RGBA(0, 204, 128, 1)
+
+    textinput1 As text:
+        BorderColor: =RGBA(224, 24, 24, 1)
+        BorderThickness: =8
+        Color: =RGBA(50, 49, 48, 1)
+        Default: ="Prompt or Completion"
+        DisabledBorderColor: =RGBA(224, 24, 24, 1)
+        DisabledColor: =RGBA(161, 159, 157, 1)
+        DisabledFill: =RGBA(242, 242, 241, 0)
+        EnableSpellCheck: =true
+        FocusedBorderThickness: =4
+        Font: =Font.'Segoe UI'
+        Height: =72
+        HoverBorderColor: =RGBA(224, 24, 24, 1)
+        HoverColor: =RGBA(0, 0, 0, 1)
+        HoverFill: =RGBA(255, 255, 255, 1)
+        MaxLength: =25
+        OnSelect: |-
+            =UpdateContext({maintext: ""})
+        PressedBorderColor: =RGBA(224, 24, 24, 1)
+        PressedColor: =RGBA(50, 49, 48, 1)
+        PressedFill: =RGBA(255, 255, 255, 1)
+        RadiusBottomLeft: =0
+        RadiusBottomRight: =0
+        RadiusTopLeft: =0
+        RadiusTopRight: =0
+        Size: =21
+        Width: =470
+        X: =55
+        Y: =976
+        ZIndex: =1
+
+    send1 As icon.Send:
+        AutoDisableOnSelect: =
+        BorderColor: =RGBA(0, 0, 0, 0)
+        Color: =RGBA(224, 24, 24, 1)
+        DisabledBorderColor: =RGBA(245, 245, 245, 1)
+        DisabledColor: =RGBA(225, 223, 221, 1)
+        DisabledFill: =RGBA(0, 0, 0, 0)
+        FocusedBorderThickness: =4
+        HoverBorderColor: =RGBA(0, 0, 0, 0)
+        HoverColor: =RGBA(180, 24, 24, 1)
+        HoverFill: =RGBA(0, 0, 0, 0)
+        Icon: =Icon.Send
+        PressedBorderColor: =RGBA(0, 0, 0, 0)
+        PressedColor: =RGBA(16, 110, 190, 1)
+        PressedFill: =RGBA(0, 0, 0, 0)
+        Tooltip: ="1"
+        X: =545
+        Y: =980
+        ZIndex: =2
+
+    chatbox1 As label:
+        Align: =Align.Justify
+        BorderColor: =RGBA(224, 24, 24, 1)
+        BorderThickness: =8
+        Color: =RGBA(50, 49, 48, 1)
+        DisabledBorderColor: =RGBA(0, 0, 0, 0)
+        DisabledColor: =RGBA(161, 159, 157, 1)
+        FocusedBorderThickness: =4
+        Font: =Font.'Segoe UI'
+        Height: =758
+        Size: =21
+        Text: =varResponse
+        VerticalAlign: =VerticalAlign.Bottom
+        Width: =560
+        X: =40
+        Y: =40
+        ZIndex: =3
+
+    tab1 As icon.Bookmark:
+        BorderColor: =RGBA(0, 0, 0, 0)
+        Color: =RGBA(224, 24, 24, 1)
+        DisabledBorderColor: =RGBA(245, 245, 245, 1)
+        DisabledColor: =RGBA(225, 223, 221, 1)
+        DisabledFill: =RGBA(0, 0, 0, 0)
+        FocusedBorderThickness: =4
+        HoverBorderColor: =RGBA(0, 0, 0, 0)
+        HoverColor: =RGBA(180, 24, 24, 1)
+        HoverFill: =RGBA(0, 0, 0, 0)
+        Icon: =Icon.Bookmark
+        PressedBorderColor: =RGBA(0, 0, 0, 0)
+        PressedColor: =RGBA(16, 110, 190, 1)
+        PressedFill: =RGBA(0, 0, 0, 0)
+        X: =40
+        Y: =798
+        ZIndex: =10
+
+    tab2 As icon.Bookmark:
+        BorderColor: =RGBA(0, 0, 0, 0)
+        Color: =RGBA(224, 24, 24, 1)
+        DisabledBorderColor: =RGBA(245, 245, 245, 1)
+        DisabledColor: =RGBA(225, 223, 221, 1)
+        DisabledFill: =RGBA(0, 0, 0, 0)
+        FocusedBorderThickness: =4
+        HoverBorderColor: =RGBA(0, 0, 0, 0)
+        HoverColor: =RGBA(180, 24, 24, 1)
+        HoverFill: =RGBA(0, 0, 0, 0)
+        Icon: =Icon.Bookmark
+        PressedBorderColor: =RGBA(0, 0, 0, 0)
+        PressedColor: =RGBA(16, 110, 190, 1)
+        PressedFill: =RGBA(0, 0, 0, 0)
+        X: =149
+        Y: =798
+        ZIndex: =11
+
+    tab3 As icon.Bookmark:
+        BorderColor: =RGBA(0, 0, 0, 0)
+        Color: =RGBA(224, 24, 24, 1)
+        DisabledBorderColor: =RGBA(245, 245, 245, 1)
+        DisabledColor: =RGBA(225, 223, 221, 1)
+        DisabledFill: =RGBA(0, 0, 0, 0)
+        FocusedBorderThickness: =4
+        HoverBorderColor: =RGBA(0, 0, 0, 0)
+        HoverColor: =RGBA(180, 24, 24, 1)
+        HoverFill: =RGBA(0, 0, 0, 0)
+        Icon: =Icon.Bookmark
+        PressedBorderColor: =RGBA(0, 0, 0, 0)
+        PressedColor: =RGBA(16, 110, 190, 1)
+        PressedFill: =RGBA(0, 0, 0, 0)
+        X: =258
+        Y: =798
+        ZIndex: =12
+
+    tab4 As icon.Bookmark:
+        BorderColor: =RGBA(0, 0, 0, 0)
+        Color: =RGBA(224, 24, 24, 1)
+        DisabledBorderColor: =RGBA(245, 245, 245, 1)
+        DisabledColor: =RGBA(225, 223, 221, 1)
+        DisabledFill: =RGBA(0, 0, 0, 0)
+        FocusedBorderThickness: =4
+        HoverBorderColor: =RGBA(0, 0, 0, 0)
+        HoverColor: =RGBA(180, 24, 24, 1)
+        HoverFill: =RGBA(0, 0, 0, 0)
+        Icon: =Icon.Bookmark
+        PressedBorderColor: =RGBA(0, 0, 0, 0)
+        PressedColor: =RGBA(16, 110, 190, 1)
+        PressedFill: =RGBA(0, 0, 0, 0)
+        X: =377
+        Y: =798
+        ZIndex: =13
+
+    B1 As button:
+        BorderColor: =RGBA(0, 0, 0, 0)
+        BorderStyle: =BorderStyle.None
+        DisabledBorderColor: =RGBA(0, 0, 0, 0)
+        DisabledColor: =RGBA(161, 159, 157, 1)
+        DisabledFill: =RGBA(242, 242, 241, 0)
+        Fill: =RGBA(224, 24, 24, 1)
+        Font: =Font.'Segoe UI'
+        FontWeight: =FontWeight.Semibold
+        Height: =51
+        HoverBorderColor: =RGBA(0, 0, 0, 0)
+        HoverColor: =RGBA(255, 255, 255, 1)
+        HoverFill: =RGBA(180, 24, 24, 1)
+        OnSelect: =Set(varResponse, varResponse & Char(13) & textinput1.Text)
+        PressedBorderColor: =RGBA(180, 24, 24, 1)
+        PressedColor: =RGBA(255, 255, 255, 1)
+        PressedFill: =RGBA(180, 24, 24, 1)
+        RadiusBottomLeft: =0
+        RadiusBottomRight: =0
+        RadiusTopLeft: =0
+        RadiusTopRight: =0
+        Size: =24
+        Text: ="Send"
+        Width: =99
+        X: =245
+        Y: =1071
+        ZIndex: =14
+
+    Icon2 As icon.Erase:
+        BorderColor: =RGBA(0, 0, 0, 0)
+        Color: =RGBA(224, 24, 24, 1)
+        DisabledBorderColor: =RGBA(245, 245, 245, 1)
+        DisabledColor: =RGBA(225, 223, 221, 1)
+        DisabledFill: =RGBA(0, 0, 0, 0)
+        FocusedBorderThickness: =4
+        HoverBorderColor: =RGBA(0, 0, 0, 0)
+        HoverColor: =RGBA(180, 24, 24, 1)
+        HoverFill: =RGBA(0, 0, 0, 0)
+        Icon: =Icon.Erase
+        OnSelect: =Set(varResponse, Blank());
+        PressedBorderColor: =RGBA(0, 0, 0, 0)
+        PressedColor: =RGBA(16, 110, 190, 1)
+        PressedFill: =RGBA(0, 0, 0, 0)
+        X: =536
+        Y: =798
+        ZIndex: =15
+
diff --git a/fluentui/Src/Themes.json b/fluentui/Src/Themes.json
new file mode 100644
index 0000000000000000000000000000000000000000..3a9924266c4a9c7f14b2af427830438dc3cba542
--- /dev/null
+++ b/fluentui/Src/Themes.json
@@ -0,0 +1,4962 @@
+{
+  "CurrentTheme": "v9WebLightTheme",
+  "CustomThemes": [
+    {
+      "name": "defaultTheme",
+      "palette": [
+        {
+          "name": "ScreenBkgColor",
+          "type": "c",
+          "value": "%Color.RESERVED%.White"
+        },
+        {
+          "name": "InvertedBkgColor",
+          "type": "c",
+          "value": "RGBA(56, 96, 178, 1)"
+        },
+        {
+          "name": "PrimaryColor1",
+          "type": "c",
+          "value": "RGBA(56, 96, 178, 1)"
+        },
+        {
+          "name": "PrimaryColor2",
+          "type": "c",
+          "value": "RGBA(0, 18, 107, 1)"
+        },
+        {
+          "name": "PrimaryColor3",
+          "type": "c",
+          "value": "RGBA(186, 202, 226, 1)"
+        },
+        {
+          "name": "PrimaryColor1Light",
+          "type": "c",
+          "value": "RGBA(56, 96, 178, .2)"
+        },
+        {
+          "name": "PrimaryColor2Light",
+          "type": "c",
+          "value": "RGBA(0, 18, 107, .2)"
+        },
+        {
+          "name": "PrimaryColor3Light",
+          "type": "c",
+          "value": "RGBA(186, 202, 226, .2)"
+        },
+        {
+          "name": "PrimaryColor3Fade",
+          "type": "c",
+          "value": "ColorFade(RGBA(186, 202, 226, 1), 70%)"
+        },
+        {
+          "name": "Transparency",
+          "type": "c",
+          "value": "RGBA(0, 0, 0, 0)"
+        },
+        {
+          "name": "TextMainColor",
+          "type": "c",
+          "value": "RGBA(0, 0, 0, 1)"
+        },
+        {
+          "name": "TextMainColorInverted",
+          "type": "c",
+          "value": "RGBA(255, 255, 255, 1)"
+        },
+        {
+          "name": "TextLinkColor",
+          "type": "c",
+          "value": "RGBA(0, 134, 208, 1)"
+        },
+        {
+          "name": "TextFooterFontColor",
+          "type": "c",
+          "value": "RGBA(117, 117, 117, 1)"
+        },
+        {
+          "name": "InputBkgColor",
+          "type": "c",
+          "value": "RGBA(255, 255, 255, 1)"
+        },
+        {
+          "name": "InputTextColor",
+          "type": "c",
+          "value": "RGBA(0, 0, 0, 1)"
+        },
+        {
+          "name": "InputBorderColor",
+          "type": "c",
+          "value": "RGBA(0, 18, 107, 1)"
+        },
+        {
+          "name": "RailBkgColor",
+          "type": "c",
+          "value": "RGBA(128, 130, 133, 1)"
+        },
+        {
+          "name": "HandleBkgColor",
+          "type": "c",
+          "value": "RGBA(255, 255, 255, 1)"
+        },
+        {
+          "name": "InnerCircleBkgColor",
+          "type": "c",
+          "value": "RGBA(255, 255, 255, 1)"
+        },
+        {
+          "name": "DisabledBorderColor",
+          "type": "c",
+          "value": "RGBA(166, 166, 166, 1)"
+        },
+        {
+          "name": "DisabledTextMainColor",
+          "type": "c",
+          "value": "RGBA(166, 166, 166, 1)"
+        },
+        {
+          "name": "DisabledInputBkgColor",
+          "type": "c",
+          "value": "RGBA(244, 244, 244, 1)"
+        },
+        {
+          "name": "DisabledButtonBkgColor",
+          "type": "c",
+          "value": "RGBA(244, 244, 244, 1)"
+        },
+        {
+          "name": "HoverButtonBkgColor",
+          "type": "c",
+          "value": "ColorFade(RGBA(56, 96, 178, 1), -20%)"
+        },
+        {
+          "name": "HoverCancelButtonBkgColor",
+          "type": "c",
+          "value": "ColorFade(RGBA(62, 96, 170, 1), 20%)"
+        },
+        {
+          "name": "HoverInputBkgColor",
+          "type": "c",
+          "value": "RGBA(186, 202, 226, 1)"
+        },
+        {
+          "name": "OverlayBkgColor",
+          "type": "c",
+          "value": "RGBA(0, 0, 0, 0.4)"
+        },
+        {
+          "name": "ReservedInfoColor",
+          "type": "c",
+          "value": "RGBA(0, 134, 208, 1)"
+        },
+        {
+          "name": "ReservedSuccessColor",
+          "type": "c",
+          "value": "RGBA(141, 198, 63, 1)"
+        },
+        {
+          "name": "ReservedWarningColor",
+          "type": "c",
+          "value": "RGBA(252, 219, 2, 1)"
+        },
+        {
+          "name": "ReservedErrorColor",
+          "type": "c",
+          "value": "RGBA(246, 88, 16, 1)"
+        },
+        {
+          "name": "ReservedCriticalErrorColor",
+          "type": "c",
+          "value": "RGBA(168, 0, 0, 1)"
+        },
+        {
+          "name": "ReservedDisabledStatusColor",
+          "type": "c",
+          "value": "RGBA(193, 193, 193, 1)"
+        },
+        {
+          "name": "ReservedWhiteColor",
+          "type": "c",
+          "value": "RGBA(255, 255, 255, 1)"
+        },
+        {
+          "name": "ReservedGrayColor",
+          "type": "c",
+          "value": "RGBA(240, 240, 240, 1)"
+        },
+        {
+          "name": "ReservedBlackColor",
+          "type": "c",
+          "value": "RGBA(47, 41, 43, 1)"
+        },
+        {
+          "name": "ReservedChartColorSet",
+          "type": "![]",
+          "value": "[RGBA(49, 130, 93, 1),RGBA(48,166,103, 1), RGBA(94,193,108,1), RGBA(246,199,144,1), RGBA(247,199,114,1), RGBA(247,180,91,1), RGBA(246,143,100,1), RGBA(212,96,104,1), RGBA(148, 110, 176, 1), RGBA(118, 154, 204, 1), RGBA(96, 197, 234, 1)]"
+        },
+        {
+          "name": "TextBodyFontWeight",
+          "type": "e",
+          "value": "%FontWeight.RESERVED%.Normal"
+        },
+        {
+          "name": "TextEmphasisFontWeight",
+          "type": "e",
+          "value": "%FontWeight.RESERVED%.Semibold"
+        },
+        {
+          "name": "TextBodyFontFace",
+          "type": "e",
+          "value": "%Font.RESERVED%.'Open Sans'"
+        },
+        {
+          "name": "InputBorderThickness",
+          "type": "n",
+          "value": "2"
+        },
+        {
+          "name": "InputFocusedBorderThickness",
+          "type": "n",
+          "value": "4"
+        },
+        {
+          "name": "TextHeaderFontSize",
+          "phoneValue": "27",
+          "type": "n",
+          "value": "18"
+        },
+        {
+          "name": "TextTitleFontSize",
+          "type": "n",
+          "value": "20"
+        },
+        {
+          "name": "TextSubtitleFontSize",
+          "type": "n",
+          "value": "18"
+        },
+        {
+          "name": "TextContentFontSize",
+          "type": "n",
+          "value": "16"
+        },
+        {
+          "name": "TextTitleFontSize_galleryLayouts_ver5",
+          "type": "n",
+          "value": "14"
+        },
+        {
+          "name": "TextSubtitleFontSize_galleryLayouts_ver5",
+          "type": "n",
+          "value": "12"
+        },
+        {
+          "name": "TextContentFontSize_galleryLayouts_ver5",
+          "type": "n",
+          "value": "12"
+        },
+        {
+          "name": "DividerColor2020",
+          "type": "c",
+          "value": "RGBA(255, 255, 255, 1)"
+        },
+        {
+          "name": "TextTitleColor_galleryLayouts_ver5",
+          "type": "c",
+          "value": "RGBA(50, 49, 48, 1)"
+        },
+        {
+          "name": "TableNameLabelPadding_copilotAppSinglePage",
+          "type": "n",
+          "value": "16"
+        },
+        {
+          "name": "SearchContainerFill_copilotAppPage",
+          "type": "c",
+          "value": "RGBA(245, 245, 245, 1)"
+        },
+        {
+          "name": "ContainerRadius",
+          "type": "n",
+          "value": "4"
+        },
+        {
+          "name": "TextHeaderFontSize2020",
+          "type": "n",
+          "value": "16"
+        },
+        {
+          "name": "TextEmphasisFontSize",
+          "phoneValue": "24",
+          "type": "n",
+          "value": "15"
+        },
+        {
+          "name": "TextBodyFontSize",
+          "phoneValue": "21",
+          "type": "n",
+          "value": "13"
+        },
+        {
+          "name": "TextFooterFontSize",
+          "phoneValue": "18",
+          "type": "n",
+          "value": "11"
+        },
+        {
+          "name": "TextMiniFontSize",
+          "phoneValue": "15",
+          "type": "n",
+          "value": "9"
+        },
+        {
+          "name": "IconFillColorInverted",
+          "type": "c",
+          "value": "RGBA(255, 255, 255, 1)"
+        },
+        {
+          "name": "IconPressedFillColorInverted",
+          "type": "c",
+          "value": "RGBA(255, 255, 255, 0.3)"
+        },
+        {
+          "name": "DatePickerSelectedColor",
+          "type": "c",
+          "value": "RGBA(37, 70, 148, 1)"
+        },
+        {
+          "name": "DatePickerHeaderColor",
+          "type": "c",
+          "value": "RGBA(68, 97, 165, 1)"
+        },
+        {
+          "name": "NoAttachmentPaddingLeft",
+          "phoneValue": "20",
+          "type": "n",
+          "value": "12"
+        },
+        {
+          "name": "DefaultSize",
+          "phoneValue": "24",
+          "type": "n",
+          "value": "14"
+        },
+        {
+          "name": "DefaultSize2",
+          "type": "n",
+          "value": "13"
+        },
+        {
+          "name": "DropTargetBorderColor",
+          "type": "c",
+          "value": "RGBA(0, 0, 0, 1)"
+        },
+        {
+          "name": "DropTargetBackgroundColor",
+          "type": "c",
+          "value": "RGBA(255, 255, 255, 0.8)"
+        },
+        {
+          "name": "DropTargetTextColor",
+          "type": "c",
+          "value": "RGBA(0, 0, 0, 1)"
+        },
+        {
+          "name": "DropTargetBorderThickness",
+          "type": "n",
+          "value": "2"
+        }
+      ],
+      "styles": [
+        {
+          "controlTemplateName": "screen",
+          "name": "defaultScreenStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.ScreenBkgColor%"
+            },
+            {
+              "property": "LoadingSpinnerColor",
+              "value": "%Palette.PrimaryColor1%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "defaultLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextBodyFontSize%"
+            },
+            {
+              "property": "LineHeight",
+              "value": "1.2"
+            },
+            {
+              "property": "Overflow",
+              "value": "%Overflow.RESERVED%.Hidden"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "RGBA(56, 56, 56, 1)"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "Fill",
+              "value": "RGBA(0, 0, 0, 0)"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "RGBA(0, 0, 0, 0)"
+            },
+            {
+              "property": "Italic",
+              "value": "false"
+            },
+            {
+              "property": "Underline",
+              "value": "false"
+            },
+            {
+              "property": "Strikethrough",
+              "value": "false"
+            },
+            {
+              "property": "PaddingTop",
+              "value": "5"
+            },
+            {
+              "property": "PaddingRight",
+              "value": "5"
+            },
+            {
+              "property": "PaddingBottom",
+              "value": "5"
+            },
+            {
+              "property": "PaddingLeft",
+              "value": "5"
+            },
+            {
+              "property": "VerticalAlign",
+              "value": "%VerticalAlign.RESERVED%.Middle"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "basicNoSizeLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "basicNoSizeInvertedBkgLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "basicNoSizeWeightColorLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "invertedBkgHeaderLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextHeaderFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "invertedBkgTitleLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextTitleFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "linkLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextLinkColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "headerLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextHeaderFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "subHeaderLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextEmphasisFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextBodyFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "titleLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextEmphasisFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextTitleFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "overlayTitleLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextEmphasisFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextTitleFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "subtitleLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextSubtitleFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "overlaySubtitleLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextSubtitleFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "contentLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextContentFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "titleLabelStyle_galleryLayouts_ver5",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextTitleColor_galleryLayouts_ver5%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextTitleFontSize_galleryLayouts_ver5%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "subtitleLabelStyle_galleryLayouts_ver5",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextSubtitleFontSize_galleryLayouts_ver5%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "contentLabelStyle_galleryLayouts_ver5",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextContentFontSize_galleryLayouts_ver5%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "rectangle",
+          "name": "dividerStyle2020",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.DividerColor2020%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "tableNameLabelStyle_copilotAppSinglePage",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.ReservedWhiteColor%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "PaddingLeft",
+              "value": "%Palette.TableNameLabelPadding_copilotAppSinglePage%"
+            },
+            {
+              "property": "PaddingRight",
+              "value": "%Palette.TableNameLabelPadding_copilotAppSinglePage%"
+            },
+            {
+              "property": "PaddingTop",
+              "value": "%Palette.TableNameLabelPadding_copilotAppSinglePage%"
+            },
+            {
+              "property": "PaddingBottom",
+              "value": "%Palette.TableNameLabelPadding_copilotAppSinglePage%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "groupContainer",
+          "name": "searchContainerStyle_copilotAppPage",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.SearchContainerFill_copilotAppPage%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "text",
+          "name": "searchInputStyle_copilotAppPage",
+          "propertyValuesMap": [
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.None"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.Transparency%"
+            },
+            {
+              "property": "HoverFill",
+              "value": "%Palette.Transparency%"
+            },
+            {
+              "property": "PressedFill",
+              "value": "%Palette.Transparency%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "icon",
+          "name": "searchIconStyle_copilotAppPage",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.Transparency%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "accentLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextBodyFontSize%"
+            },
+            {
+              "property": "LineHeight",
+              "value": "1.2"
+            },
+            {
+              "property": "Overflow",
+              "value": "%Overflow.RESERVED%.Hidden"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "RGBA(56, 56, 56, 1)"
+            },
+            {
+              "property": "BorderColor",
+              "value": "RGBA(0, 0, 0, 1)"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "Fill",
+              "value": "RGBA(0, 0, 0, 0)"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "RGBA(0, 0, 0, 0)"
+            },
+            {
+              "property": "Italic",
+              "value": "false"
+            },
+            {
+              "property": "Underline",
+              "value": "false"
+            },
+            {
+              "property": "Strikethrough",
+              "value": "false"
+            },
+            {
+              "property": "PaddingTop",
+              "value": "5"
+            },
+            {
+              "property": "PaddingRight",
+              "value": "5"
+            },
+            {
+              "property": "PaddingBottom",
+              "value": "5"
+            },
+            {
+              "property": "PaddingLeft",
+              "value": "5"
+            },
+            {
+              "property": "VerticalAlign",
+              "value": "%VerticalAlign.RESERVED%.Middle"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "pickerEmphasisLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextEmphasisFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextEmphasisFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "pickerEmphasisWithAccentLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextEmphasisFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextEmphasisFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "pickerEmphasisSecondaryLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextFooterFontColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextEmphasisFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "footerAccentLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextFooterFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "footerLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextFooterFontColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextFooterFontSize%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "RGBA(0, 0, 0, 1)"
+            },
+            {
+              "property": "LineHeight",
+              "value": "1.2"
+            },
+            {
+              "property": "Overflow",
+              "value": "%Overflow.RESERVED%.Hidden"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "RGBA(56, 56, 56, 1)"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "Fill",
+              "value": "RGBA(0, 0, 0, 0)"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "RGBA(0, 0, 0, 0)"
+            },
+            {
+              "property": "Italic",
+              "value": "false"
+            },
+            {
+              "property": "Underline",
+              "value": "false"
+            },
+            {
+              "property": "Strikethrough",
+              "value": "false"
+            },
+            {
+              "property": "PaddingTop",
+              "value": "5"
+            },
+            {
+              "property": "PaddingRight",
+              "value": "5"
+            },
+            {
+              "property": "PaddingBottom",
+              "value": "5"
+            },
+            {
+              "property": "PaddingLeft",
+              "value": "5"
+            },
+            {
+              "property": "VerticalAlign",
+              "value": "%VerticalAlign.RESERVED%.Middle"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "miniLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextMiniFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "miniInvertedBkgLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextMiniFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "disabledLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.ReservedDisabledStatusColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextEmphasisFontWeight%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "infoLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextLinkColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextEmphasisFontWeight%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "successLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.ReservedSuccessColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextEmphasisFontWeight%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "warningLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.ReservedWarningColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextEmphasisFontWeight%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "errorLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.ReservedErrorColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextEmphasisFontWeight%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "label",
+          "name": "criticalErrorLabelStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.ReservedCriticalErrorColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextEmphasisFontWeight%"
+            },
+            {
+              "property": "LineHeight",
+              "value": "1.2"
+            },
+            {
+              "property": "BorderColor",
+              "value": "RGBA(0, 0, 0, 1)"
+            },
+            {
+              "property": "Overflow",
+              "value": "%Overflow.RESERVED%.Hidden"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "RGBA(56, 56, 56, 1)"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "Fill",
+              "value": "RGBA(0, 0, 0, 0)"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "RGBA(0, 0, 0, 0)"
+            },
+            {
+              "property": "Italic",
+              "value": "false"
+            },
+            {
+              "property": "Underline",
+              "value": "false"
+            },
+            {
+              "property": "Strikethrough",
+              "value": "false"
+            },
+            {
+              "property": "VerticalAlign",
+              "value": "%VerticalAlign.RESERVED%.Middle"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.DefaultSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "toggleSwitch",
+          "name": "defaultToggleSwitchStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "HandleFill",
+              "value": "%Palette.HandleBkgColor%"
+            },
+            {
+              "property": "FalseFill",
+              "value": "%Palette.RailBkgColor%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextBodyFontSize%"
+            },
+            {
+              "property": "TrueFill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "FalseHoverFill",
+              "value": "ColorFade(Self.FalseFill, 15%)"
+            },
+            {
+              "property": "TrueHoverFill",
+              "value": "ColorFade(Self.TrueFill, 15%)"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "RGBA(56, 56, 56, 1)"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "ColorFade(Self.BorderColor, -15%)"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 15%)"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "2"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "rating",
+          "name": "defaultRatingStyle",
+          "propertyValuesMap": [
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "RatingFill",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "Fill",
+              "value": "RGBA(0, 0, 0, 0)"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "2"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "checkbox",
+          "name": "defaultCheckboxStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "CheckboxBackgroundFill",
+              "value": "%Palette.InnerCircleBkgColor%"
+            },
+            {
+              "property": "CheckboxBorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "CheckmarkFill",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "HoverColor",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextBodyFontSize%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "RGBA(56, 56, 56, 1)"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "2"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "ColorFade(Self.BorderColor, -30%)"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 30%)"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "RGBA(186, 186, 186, 1)"
+            },
+            {
+              "property": "Fill",
+              "value": "RGBA(0, 0, 0, 0)"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "RGBA(0, 0, 0, 0)"
+            },
+            {
+              "property": "PressedColor",
+              "value": "RGBA(70, 68, 64, 1)"
+            },
+            {
+              "property": "PressedFill",
+              "value": "ColorFade(Self.Fill, -30%)"
+            },
+            {
+              "property": "HoverFill",
+              "value": "ColorFade(Self.Fill, 30%)"
+            },
+            {
+              "property": "Italic",
+              "value": "false"
+            },
+            {
+              "property": "Underline",
+              "value": "false"
+            },
+            {
+              "property": "Strikethrough",
+              "value": "false"
+            },
+            {
+              "property": "PaddingTop",
+              "value": "0"
+            },
+            {
+              "property": "PaddingRight",
+              "value": "0"
+            },
+            {
+              "property": "PaddingBottom",
+              "value": "0"
+            },
+            {
+              "property": "PaddingLeft",
+              "value": "0"
+            },
+            {
+              "property": "VerticalAlign",
+              "value": "%VerticalAlign.RESERVED%.Middle"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "radio",
+          "name": "defaultRadioStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "HoverColor",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "RadioBackgroundFill",
+              "value": "%Palette.InnerCircleBkgColor%"
+            },
+            {
+              "property": "RadioBorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "RadioSelectionFill",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextBodyFontSize%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "RGBA(56, 56, 56, 1)"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "2"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "RGBA(186, 186, 186, 1)"
+            },
+            {
+              "property": "Fill",
+              "value": "RGBA(0, 0, 0, 0)"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "RGBA(0, 0, 0, 0)"
+            },
+            {
+              "property": "Italic",
+              "value": "false"
+            },
+            {
+              "property": "Underline",
+              "value": "false"
+            },
+            {
+              "property": "Strikethrough",
+              "value": "false"
+            },
+            {
+              "property": "PaddingTop",
+              "value": "10"
+            },
+            {
+              "property": "PaddingRight",
+              "value": "0"
+            },
+            {
+              "property": "PaddingBottom",
+              "value": "10"
+            },
+            {
+              "property": "PaddingLeft",
+              "value": "0"
+            },
+            {
+              "property": "Align",
+              "value": "%Align.RESERVED%.Left"
+            },
+            {
+              "property": "PressedColor",
+              "value": "Self.Color"
+            },
+            {
+              "property": "HoverFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "PressedFill",
+              "value": "Self.Fill"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "listbox",
+          "name": "defaultListboxStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "%Palette.InputBorderThickness%"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "%Palette.InputFocusedBorderThickness%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "DisabledSelectionColor",
+              "value": "%Palette.DisabledInputBkgColor%"
+            },
+            {
+              "property": "DisabledSelectionFill",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.InputBkgColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "HoverColor",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "HoverFill",
+              "value": "%Palette.HoverInputBkgColor%"
+            },
+            {
+              "property": "PressedColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "PressedFill",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "SelectionColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "SelectionFill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextBodyFontSize%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "RGBA(186, 186, 186, 1)"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "RGBA(242, 242, 242, 1)"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "Self.HoverBorderColor"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 15%)"
+            },
+            {
+              "property": "PaddingTop",
+              "value": "0"
+            },
+            {
+              "property": "PaddingRight",
+              "value": "0"
+            },
+            {
+              "property": "PaddingBottom",
+              "value": "0"
+            },
+            {
+              "property": "PaddingLeft",
+              "value": "0"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "dropdown",
+          "name": "defaultDropdownStyle",
+          "propertyValuesMap": [
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "%Palette.InputBorderThickness%"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "%Palette.InputFocusedBorderThickness%"
+            },
+            {
+              "property": "Color",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "ChevronBackground",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "ChevronFill",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "ChevronHoverBackground",
+              "value": "%Palette.HoverButtonBkgColor%"
+            },
+            {
+              "property": "ChevronHoverFill",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "ChevronDisabledBackground",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "ChevronDisabledFill",
+              "value": "%Palette.DisabledInputBkgColor%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "%Palette.DisabledInputBkgColor%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.InputBkgColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "HoverColor",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "HoverFill",
+              "value": "%Palette.HoverInputBkgColor%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextBodyFontSize%"
+            },
+            {
+              "property": "PressedColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "PressedFill",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "SelectionColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "SelectionFill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 15%)"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "Self.HoverBorderColor"
+            },
+            {
+              "property": "Italic",
+              "value": "false"
+            },
+            {
+              "property": "Underline",
+              "value": "false"
+            },
+            {
+              "property": "Strikethrough",
+              "value": "false"
+            },
+            {
+              "property": "PaddingTop",
+              "value": "10"
+            },
+            {
+              "property": "PaddingRight",
+              "value": "10"
+            },
+            {
+              "property": "PaddingBottom",
+              "value": "10"
+            },
+            {
+              "property": "PaddingLeft",
+              "value": "10"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "combobox",
+          "name": "defaultComboBoxStyle",
+          "propertyValuesMap": [
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "%Palette.InputBorderThickness%"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "%Palette.InputFocusedBorderThickness%"
+            },
+            {
+              "property": "Color",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "ChevronBackground",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "ChevronFill",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "ChevronHoverBackground",
+              "value": "%Palette.HoverButtonBkgColor%"
+            },
+            {
+              "property": "ChevronHoverFill",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "ChevronDisabledBackground",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "ChevronDisabledFill",
+              "value": "%Palette.DisabledInputBkgColor%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "%Palette.DisabledInputBkgColor%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.InputBkgColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "HoverColor",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "HoverFill",
+              "value": "%Palette.HoverInputBkgColor%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextBodyFontSize%"
+            },
+            {
+              "property": "PressedColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "PressedFill",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "SelectionColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "SelectionFill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 15%)"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "Self.HoverBorderColor"
+            },
+            {
+              "property": "MoreItemsButtonColor",
+              "value": "Self.ChevronBackground"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "attachments",
+          "name": "defaultAttachmentsStyle",
+          "propertyValuesMap": [
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "%Palette.InputBorderThickness%"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "%Palette.InputFocusedBorderThickness%"
+            },
+            {
+              "property": "Color",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "%Palette.DisabledInputBkgColor%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.InputBkgColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "HoverColor",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "HoverFill",
+              "value": "%Palette.HoverInputBkgColor%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextBodyFontSize%"
+            },
+            {
+              "property": "PressedColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "PressedFill",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "ItemColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "ItemFill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "ItemHoverColor",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "ItemHoverFill",
+              "value": "%Palette.HoverInputBkgColor%"
+            },
+            {
+              "property": "ItemSpacing",
+              "value": "0"
+            },
+            {
+              "property": "NoAttachmentsColor",
+              "value": "Self.Color"
+            },
+            {
+              "property": "NoAttachmentsPaddingLeft",
+              "value": "%Palette.NoAttachmentPaddingLeft%"
+            },
+            {
+              "property": "DropTargetBorderThickness",
+              "value": "%Palette.DropTargetBorderThickness%"
+            },
+            {
+              "property": "DropTargetBorderStyle",
+              "value": "%BorderStyle.RESERVED%.Dotted"
+            },
+            {
+              "property": "DropTargetBorderColor",
+              "value": "%Palette.DropTargetBorderColor%"
+            },
+            {
+              "property": "DropTargetBackgroundColor",
+              "value": "%Palette.DropTargetBackgroundColor%"
+            },
+            {
+              "property": "DropTargetTextColor",
+              "value": "%Palette.DropTargetTextColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "datepicker",
+          "name": "defaultDatePickerStyle",
+          "propertyValuesMap": [
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "%Palette.InputBorderThickness%"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "%Palette.InputFocusedBorderThickness%"
+            },
+            {
+              "property": "Color",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "%Palette.DisabledInputBkgColor%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.InputBkgColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "IconFill",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "IconBackground",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "SelectedDateFill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "HoverDateFill",
+              "value": "%Palette.PrimaryColor3%"
+            },
+            {
+              "property": "CalendarHeaderFill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.DefaultSize%"
+            },
+            {
+              "property": "Italic",
+              "value": "false"
+            },
+            {
+              "property": "PaddingTop",
+              "value": "0"
+            },
+            {
+              "property": "PaddingRight",
+              "value": "5"
+            },
+            {
+              "property": "PaddingBottom",
+              "value": "5"
+            },
+            {
+              "property": "PaddingLeft",
+              "value": "12"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "lookup",
+          "name": "defaultLookupStyle",
+          "propertyValuesMap": [
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "%Palette.InputBorderThickness%"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "%Palette.InputFocusedBorderThickness%"
+            },
+            {
+              "property": "Color",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "ChevronBackground",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "ChevronFill",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "ChevronHoverBackground",
+              "value": "%Palette.HoverButtonBkgColor%"
+            },
+            {
+              "property": "ChevronHoverFill",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "ChevronDisabledBackground",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "ChevronDisabledFill",
+              "value": "%Palette.DisabledInputBkgColor%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "%Palette.DisabledInputBkgColor%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.InputBkgColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "HoverColor",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "HoverFill",
+              "value": "%Palette.HoverInputBkgColor%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextBodyFontSize%"
+            },
+            {
+              "property": "PressedColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "PressedFill",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "SelectionColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "SelectionFill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 15%)"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "Self.HoverBorderColor"
+            },
+            {
+              "property": "Italic",
+              "value": "false"
+            },
+            {
+              "property": "Underline",
+              "value": "false"
+            },
+            {
+              "property": "Strikethrough",
+              "value": "false"
+            },
+            {
+              "property": "PaddingTop",
+              "value": "10"
+            },
+            {
+              "property": "PaddingRight",
+              "value": "10"
+            },
+            {
+              "property": "PaddingBottom",
+              "value": "10"
+            },
+            {
+              "property": "PaddingLeft",
+              "value": "10"
+            },
+            {
+              "property": "FooterSize",
+              "value": "Self.Size - 3"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "text",
+          "name": "defaultTextStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "%Palette.InputBorderThickness%"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "%Palette.InputFocusedBorderThickness%"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "HoverColor",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "HoverFill",
+              "value": "%Palette.HoverInputBkgColor%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.InputBkgColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "%Palette.DisabledInputBkgColor%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextBodyFontSize%"
+            },
+            {
+              "property": "RadiusTopLeft",
+              "value": "5"
+            },
+            {
+              "property": "RadiusBottomRight",
+              "value": "5"
+            },
+            {
+              "property": "RadiusTopRight",
+              "value": "5"
+            },
+            {
+              "property": "RadiusBottomLeft",
+              "value": "5"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "Self.HoverBorderColor"
+            },
+            {
+              "property": "PressedColor",
+              "value": "Self.Color"
+            },
+            {
+              "property": "PressedFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "Italic",
+              "value": "false"
+            },
+            {
+              "property": "Underline",
+              "value": "false"
+            },
+            {
+              "property": "Strikethrough",
+              "value": "false"
+            },
+            {
+              "property": "Align",
+              "value": "%Align.RESERVED%.Left"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "text",
+          "name": "searchTextStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.None"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "%Palette.InputBorderThickness%"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "%Palette.InputFocusedBorderThickness%"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "HoverColor",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "HoverFill",
+              "value": "%Palette.HoverInputBkgColor%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.InputBkgColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "%Palette.DisabledInputBkgColor%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextBodyFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "slider",
+          "name": "defaultSliderStyle",
+          "propertyValuesMap": [
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "HandleFill",
+              "value": "%Palette.HandleBkgColor%"
+            },
+            {
+              "property": "RailFill",
+              "value": "%Palette.RailBkgColor%"
+            },
+            {
+              "property": "ValueFill",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "HandleHoverFill",
+              "value": "Self.HandleFill"
+            },
+            {
+              "property": "HandleActiveFill",
+              "value": "Self.HandleFill"
+            },
+            {
+              "property": "RailHoverFill",
+              "value": "ColorFade(Self.RailFill, 15%)"
+            },
+            {
+              "property": "ValueHoverFill",
+              "value": "ColorFade(Self.ValueFill, 15%)"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "ColorFade(Self.BorderColor, -30%)"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 30%)"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "2"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "button",
+          "name": "defaultButtonStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextEmphasisFontWeight%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "%Palette.DisabledInputBkgColor%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextEmphasisFontSize%"
+            },
+            {
+              "property": "HoverColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "HoverFill",
+              "value": "%Palette.HoverButtonBkgColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "ColorFade(Self.Fill, -15%)"
+            },
+            {
+              "property": "RadiusTopLeft",
+              "value": "10"
+            },
+            {
+              "property": "RadiusBottomRight",
+              "value": "10"
+            },
+            {
+              "property": "RadiusTopRight",
+              "value": "10"
+            },
+            {
+              "property": "RadiusBottomLeft",
+              "value": "10"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 20%)"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "2"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "4"
+            },
+            {
+              "property": "PressedColor",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "PressedFill",
+              "value": "Self.Color"
+            },
+            {
+              "property": "Italic",
+              "value": "false"
+            },
+            {
+              "property": "Underline",
+              "value": "false"
+            },
+            {
+              "property": "Strikethrough",
+              "value": "false"
+            },
+            {
+              "property": "Align",
+              "value": "%Align.RESERVED%.Center"
+            },
+            {
+              "property": "VerticalAlign",
+              "value": "%VerticalAlign.RESERVED%.Middle"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "button",
+          "name": "cancelButtonStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "%Palette.DisabledInputBkgColor%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor3%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextEmphasisFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextEmphasisFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "button",
+          "name": "rezervedOkButtonStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.ReservedWhiteColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "%Palette.DisabledInputBkgColor%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.ReservedInfoColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextEmphasisFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextEmphasisFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "button",
+          "name": "rezervedCancelButtonStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.ReservedInfoColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "%Palette.DisabledInputBkgColor%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.ReservedWhiteColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextEmphasisFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextEmphasisFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "lineChart",
+          "name": "defaultLineChartStyle",
+          "propertyValuesMap": [
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "ItemColorSet",
+              "value": "%Palette.ReservedChartColorSet%"
+            },
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "RGBA(0, 0, 0, 1)"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "ColorFade(Self.BorderColor, -30%)"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 30%)"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "Font",
+              "value": "%Font.RESERVED%.'Open Sans'"
+            },
+            {
+              "property": "Size",
+              "value": "11"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "lineChart",
+          "name": "monochromeAccentLineChartStyle",
+          "propertyValuesMap": [
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "ItemColorSet",
+              "value": "[%Palette.PrimaryColor1%]"
+            },
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "pieChart",
+          "name": "defaultPieChartStyle",
+          "propertyValuesMap": [
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "ItemColorSet",
+              "value": "%Palette.ReservedChartColorSet%"
+            },
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "RGBA(0, 0, 0, 1)"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "ColorFade(Self.BorderColor, -30%)"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 30%)"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "Font",
+              "value": "%Font.RESERVED%.'Open Sans'"
+            },
+            {
+              "property": "Size",
+              "value": "10"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "pieChart",
+          "name": "monochromeAccentPieChartStyle",
+          "propertyValuesMap": [
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "ItemColorSet",
+              "value": "[%Palette.PrimaryColor1%]"
+            },
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "barChart",
+          "name": "defaultBarChartStyle",
+          "propertyValuesMap": [
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "ItemColorSet",
+              "value": "%Palette.ReservedChartColorSet%"
+            },
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "RGBA(0, 0, 0, 1)"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "ColorFade(Self.BorderColor, -30%)"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 30%)"
+            },
+            {
+              "property": "Size",
+              "value": "10"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "Font",
+              "value": "%Font.RESERVED%.'Open Sans'"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "barChart",
+          "name": "monochromeAccentBarChartStyle",
+          "propertyValuesMap": [
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "ItemColorSet",
+              "value": "[%Palette.PrimaryColor1%]"
+            },
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "legend",
+          "name": "defaultLegendStyle",
+          "propertyValuesMap": [
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextFooterFontSize%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "RGBA(0, 0, 0, 1)"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "RGBA(56, 56, 56, 1)"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "Self.BorderColor"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "Self.BorderColor"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "RGBA(0, 0, 0, 0)"
+            },
+            {
+              "property": "Italic",
+              "value": "false"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "rectangle",
+          "name": "separatorShapeStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor3%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "videoPlayback",
+          "name": "defaultVideoPlaybackStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "timer",
+          "name": "defaultTimerStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "HoverFill",
+              "value": "%Palette.HoverButtonBkgColor%"
+            },
+            {
+              "property": "HoverColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "ColorFade(Self.Fill, -15%)"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "ColorFade(Self.BorderColor, 70%)"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 20%)"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "2"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "4"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "ColorFade(Self.Fill, 90%)"
+            },
+            {
+              "property": "PressedColor",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "ColorFade(Self.Fill, 70%)"
+            },
+            {
+              "property": "PressedFill",
+              "value": "Self.Color"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.DefaultSize2%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "triangle",
+          "name": "defaultTriangleStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "PressedFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "HoverFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "2"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "star",
+          "name": "defaultStarStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "pentagon",
+          "name": "defaultPentagonStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "PressedFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "HoverFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "2"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "partialCircle",
+          "name": "defaultPartialCircleStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "octagon",
+          "name": "defaultOctagonStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "PressedFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "HoverFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "2"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "hexagon",
+          "name": "defaultHexagonStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "PressedFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "HoverFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "2"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "hexagon",
+          "name": "primary2HexagonStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "hexagon",
+          "name": "primary3HexagonStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor3%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "hexagon",
+          "name": "primary3FadeHexagonStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor3Fade%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "hexagon",
+          "name": "screenHexagonStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.ScreenBkgColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "circle",
+          "name": "defaultCircleStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "PressedFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "HoverFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "circle",
+          "name": "primary2CircleStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "circle",
+          "name": "primary3CircleStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor3%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "circle",
+          "name": "primary3FadeCircleStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor3Fade%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "arrow",
+          "name": "defaultArrowStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "icon",
+          "name": "defaultIconStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledButtonBkgColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "PressedColor",
+              "value": "ColorFade(Self.Color, -20%)"
+            },
+            {
+              "property": "HoverColor",
+              "value": "ColorFade(Self.Color, 20%)"
+            },
+            {
+              "property": "Fill",
+              "value": "RGBA(0, 0, 0, 0)"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "PressedFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "HoverFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "ColorFade(Self.BorderColor, -20%)"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 20%)"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "2"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "icon",
+          "name": "primary1IconStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledButtonBkgColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "icon",
+          "name": "primary3IconStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.PrimaryColor3%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledButtonBkgColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "icon",
+          "name": "invertedBkgHeaderIconStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.IconFillColorInverted%"
+            },
+            {
+              "property": "PressedFill",
+              "value": "%Palette.IconPressedFillColorInverted%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledButtonBkgColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "microphone",
+          "name": "defaultMicrophoneStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "HoverFill",
+              "value": "%Palette.HoverButtonBkgColor%"
+            },
+            {
+              "property": "HoverColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "RGBA(186, 186, 186, 1)"
+            },
+            {
+              "property": "PressedColor",
+              "value": "Self.Color"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "RGBA(56, 56, 56, 1)"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "ColorFade(Self.BorderColor, -15%)"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 15%)"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "RGBA(119, 119, 119, 1)"
+            },
+            {
+              "property": "PressedFill",
+              "value": "ColorFade(Self.Fill, -15%)"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "barcode",
+          "name": "defaultBarcodeStyle",
+          "propertyValuesMap": [
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "groupContainer",
+          "name": "defaultGroupContainerStyle",
+          "propertyValuesMap": [
+            {
+              "property": "RadiusTopLeft",
+              "value": "%Palette.ContainerRadius%"
+            },
+            {
+              "property": "RadiusBottomRight",
+              "value": "%Palette.ContainerRadius%"
+            },
+            {
+              "property": "RadiusTopRight",
+              "value": "%Palette.ContainerRadius%"
+            },
+            {
+              "property": "RadiusBottomLeft",
+              "value": "%Palette.ContainerRadius%"
+            },
+            {
+              "property": "DropShadow",
+              "value": "%DropShadow.RESERVED%.Light"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "barcodeScanner",
+          "name": "defaultBarcodeScannerStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextEmphasisFontWeight%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "%Palette.DisabledInputBkgColor%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextEmphasisFontSize%"
+            },
+            {
+              "property": "HoverColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "HoverFill",
+              "value": "%Palette.HoverButtonBkgColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "ColorFade(Self.Fill, -15%)"
+            },
+            {
+              "property": "RadiusTopLeft",
+              "value": "10"
+            },
+            {
+              "property": "RadiusBottomRight",
+              "value": "10"
+            },
+            {
+              "property": "RadiusTopRight",
+              "value": "10"
+            },
+            {
+              "property": "RadiusBottomLeft",
+              "value": "10"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 20%)"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "2"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "4"
+            },
+            {
+              "property": "PressedColor",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "PressedFill",
+              "value": "Self.Color"
+            },
+            {
+              "property": "Italic",
+              "value": "false"
+            },
+            {
+              "property": "Underline",
+              "value": "false"
+            },
+            {
+              "property": "Strikethrough",
+              "value": "false"
+            },
+            {
+              "property": "Align",
+              "value": "%Align.RESERVED%.Center"
+            },
+            {
+              "property": "VerticalAlign",
+              "value": "%VerticalAlign.RESERVED%.Middle"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "camera",
+          "name": "defaultCameraStyle",
+          "propertyValuesMap": [
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "inkControl",
+          "name": "defaultInkControlStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "Size",
+              "value": "2"
+            },
+            {
+              "property": "Fill",
+              "value": "RGBA(0, 0, 0, 0)"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "2"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "import",
+          "name": "defaultImportStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextEmphasisFontWeight%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "%Palette.DisabledInputBkgColor%"
+            },
+            {
+              "property": "HoverFill",
+              "value": "%Palette.HoverButtonBkgColor%"
+            },
+            {
+              "property": "HoverColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextEmphasisFontSize%"
+            },
+            {
+              "property": "RadiusTopLeft",
+              "value": "10"
+            },
+            {
+              "property": "RadiusTopRight",
+              "value": "10"
+            },
+            {
+              "property": "RadiusBottomLeft",
+              "value": "10"
+            },
+            {
+              "property": "RadiusBottomRight",
+              "value": "10"
+            },
+            {
+              "property": "BorderColor",
+              "value": "ColorFade(Self.Fill, -15%)"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "RGBA(56, 56, 56, 1)"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "ColorFade(Self.BorderColor, -20%)"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 20%)"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "2"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "4"
+            },
+            {
+              "property": "PressedColor",
+              "value": "Self.Color"
+            },
+            {
+              "property": "PressedFill",
+              "value": "ColorFade(Self.Fill, -20%)"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "image",
+          "name": "defaultImageStyle",
+          "propertyValuesMap": [
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "%Palette.DisabledButtonBkgColor%"
+            },
+            {
+              "property": "Fill",
+              "value": "RGBA(0, 0, 0, 0)"
+            },
+            {
+              "property": "PressedFill",
+              "value": "ColorFade(Self.Fill, -20%)"
+            },
+            {
+              "property": "HoverFill",
+              "value": "ColorFade(Self.Fill, 20%)"
+            },
+            {
+              "property": "RadiusTopLeft",
+              "value": "0"
+            },
+            {
+              "property": "RadiusTopRight",
+              "value": "0"
+            },
+            {
+              "property": "RadiusBottomLeft",
+              "value": "0"
+            },
+            {
+              "property": "RadiusBottomRight",
+              "value": "0"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "ColorFade(Self.BorderColor, -20%)"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 20%)"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "2"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "PaddingTop",
+              "value": "0"
+            },
+            {
+              "property": "PaddingRight",
+              "value": "0"
+            },
+            {
+              "property": "PaddingBottom",
+              "value": "0"
+            },
+            {
+              "property": "PaddingLeft",
+              "value": "0"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "htmlviewer",
+          "name": "defaultHtmlViewerStyle",
+          "propertyValuesMap": [
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextBodyFontSize%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "htmlviewer",
+          "name": "typedDataCardHtmlViewerStyle",
+          "propertyValuesMap": [
+            {
+              "property": "DisabledBorderColor",
+              "value": "%Palette.DisabledBorderColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextBodyFontSize%"
+            },
+            {
+              "property": "Color",
+              "value": "%Palette.TextLinkColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "export",
+          "name": "defaultExportStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextEmphasisFontWeight%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "%Palette.DisabledInputBkgColor%"
+            },
+            {
+              "property": "HoverFill",
+              "value": "%Palette.HoverButtonBkgColor%"
+            },
+            {
+              "property": "HoverColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextEmphasisFontSize%"
+            },
+            {
+              "property": "RadiusTopLeft",
+              "value": "10"
+            },
+            {
+              "property": "RadiusTopRight",
+              "value": "10"
+            },
+            {
+              "property": "RadiusBottomLeft",
+              "value": "10"
+            },
+            {
+              "property": "RadiusBottomRight",
+              "value": "10"
+            },
+            {
+              "property": "BorderColor",
+              "value": "ColorFade(Self.Fill, -15%)"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "RGBA(56, 56, 56, 1)"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "ColorFade(Self.BorderColor, -20%)"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 20%)"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "2"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "4"
+            },
+            {
+              "property": "PressedColor",
+              "value": "Self.Color"
+            },
+            {
+              "property": "PressedFill",
+              "value": "ColorFade(Self.Fill, -20%)"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "addMedia",
+          "name": "defaultAddMediaStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Color",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.InputBkgColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "2"
+            },
+            {
+              "property": "Font",
+              "value": "%Font.RESERVED%.'Open Sans'"
+            },
+            {
+              "property": "Size",
+              "value": "11"
+            },
+            {
+              "property": "Italic",
+              "value": "false"
+            },
+            {
+              "property": "Underline",
+              "value": "false"
+            },
+            {
+              "property": "Strikethrough",
+              "value": "false"
+            },
+            {
+              "property": "DisabledBorderColor",
+              "value": "RGBA(56, 56, 56, 1)"
+            },
+            {
+              "property": "PressedBorderColor",
+              "value": "ColorFade(Self.BorderColor, -20%)"
+            },
+            {
+              "property": "HoverBorderColor",
+              "value": "ColorFade(Self.BorderColor, 20%)"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "RGBA(186, 186, 186, 1)"
+            },
+            {
+              "property": "PressedColor",
+              "value": "Self.Color"
+            },
+            {
+              "property": "HoverColor",
+              "value": "Self.Color"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "RGBA(119, 119, 119, 1)"
+            },
+            {
+              "property": "PressedFill",
+              "value": "ColorFade(Self.Fill, -20%)"
+            },
+            {
+              "property": "HoverFill",
+              "value": "ColorFade(Self.Fill, 20%)"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%FontWeight.RESERVED%.Semibold"
+            },
+            {
+              "property": "Align",
+              "value": "%Align.RESERVED%.Center"
+            },
+            {
+              "property": "VerticalAlign",
+              "value": "%VerticalAlign.RESERVED%.Middle"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "audioPlayback",
+          "name": "defaultAudioPlaybackStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "rectangle",
+          "name": "defaultRectangleStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "DisabledFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "PressedFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "HoverFill",
+              "value": "Self.Fill"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "FocusedBorderThickness",
+              "value": "2"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "rectangle",
+          "name": "primary2RectangleStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "rectangle",
+          "name": "primary3RectangleStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor3%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "rectangle",
+          "name": "primary3FadeRectangleStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.PrimaryColor3Fade%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "rectangle",
+          "name": "grayRectangleStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.ReservedGrayColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "rectangle",
+          "name": "invertedBackgroundRectangleStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.InvertedBkgColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "rectangle",
+          "name": "overlayRectangleStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.OverlayBkgColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "typedDataCard",
+          "name": "defaultTypedDataCardStyle",
+          "propertyValuesMap": [
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "entityForm",
+          "name": "defaultEntityFormStyle",
+          "propertyValuesMap": [
+            {
+              "property": "TextColor",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "InputTextColor",
+              "value": "%Palette.InputTextColor%"
+            },
+            {
+              "property": "DisabledTextColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "PrimaryColor1",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "PrimaryColor2",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "PrimaryColor3",
+              "value": "%Palette.PrimaryColor3%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "InputBackgroundColor",
+              "value": "%Palette.InputBkgColor%"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "Font",
+              "value": "%Font.RESERVED%.'Open Sans'"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%FontWeight.RESERVED%.Normal"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "dataGrid",
+          "name": "defaultDataGridStyle",
+          "propertyValuesMap": [
+            {
+              "property": "LinkColor",
+              "value": "%Palette.TextLinkColor%"
+            },
+            {
+              "property": "PrimaryColor1",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "PrimaryColor2",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "PrimaryColor3",
+              "value": "%Palette.PrimaryColor3%"
+            },
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "InvertedColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "SelectedFill",
+              "value": "%Palette.PrimaryColor1Light%"
+            },
+            {
+              "property": "SelectedColor",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "HoverFill",
+              "value": "%Palette.PrimaryColor3Light%"
+            },
+            {
+              "property": "HoverColor",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "InputFill",
+              "value": "%Palette.InputBkgColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextBodyFontSize%"
+            },
+            {
+              "property": "HeadingFont",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "HeadingFontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "HeadingSize",
+              "value": "%Palette.TextBodyFontSize%"
+            },
+            {
+              "property": "HeadingColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "HeadingFill",
+              "value": "%Palette.PrimaryColor1%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "powerbi",
+          "name": "defaultPowerbiStyle",
+          "propertyValuesMap": [
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "microsoftStreamPlayback",
+          "name": "defaultMicrosoftStreamPlaybackStyle",
+          "propertyValuesMap": [
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "BorderStyle",
+              "value": "%BorderStyle.RESERVED%.Solid"
+            },
+            {
+              "property": "BorderThickness",
+              "value": "0"
+            },
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "Fill",
+              "value": "%Palette.ScreenBkgColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "form",
+          "name": "defaultFormStyle",
+          "propertyValuesMap": [
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "formViewer",
+          "name": "defaultFormViewerStyle",
+          "propertyValuesMap": [
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "pdfViewer",
+          "name": "defaultPdfViewerStyle",
+          "propertyValuesMap": [
+            {
+              "property": "Fill",
+              "value": "%Palette.ScreenBkgColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "gallery",
+          "name": "defaultGalleryStyle",
+          "propertyValuesMap": [
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "richTextEditor",
+          "name": "defaultRichTextEditorStyle",
+          "propertyValuesMap": [
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            }
+          ]
+        },
+        {
+          "controlTemplateName": "dataTable",
+          "name": "defaultDataTableStyle",
+          "propertyValuesMap": [
+            {
+              "property": "LinkColor",
+              "value": "%Palette.TextLinkColor%"
+            },
+            {
+              "property": "PrimaryColor1",
+              "value": "%Palette.PrimaryColor1%"
+            },
+            {
+              "property": "PrimaryColor2",
+              "value": "%Palette.PrimaryColor2%"
+            },
+            {
+              "property": "PrimaryColor3",
+              "value": "%Palette.PrimaryColor3%"
+            },
+            {
+              "property": "Color",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "InvertedColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "DisabledColor",
+              "value": "%Palette.DisabledTextMainColor%"
+            },
+            {
+              "property": "SelectedFill",
+              "value": "%Palette.PrimaryColor1Light%"
+            },
+            {
+              "property": "SelectedColor",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "HoverFill",
+              "value": "%Palette.PrimaryColor3Light%"
+            },
+            {
+              "property": "HoverColor",
+              "value": "%Palette.TextMainColor%"
+            },
+            {
+              "property": "BorderColor",
+              "value": "%Palette.InputBorderColor%"
+            },
+            {
+              "property": "InputFill",
+              "value": "%Palette.InputBkgColor%"
+            },
+            {
+              "property": "Font",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "FontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "Size",
+              "value": "%Palette.TextBodyFontSize%"
+            },
+            {
+              "property": "HeadingFont",
+              "value": "%Palette.TextBodyFontFace%"
+            },
+            {
+              "property": "HeadingFontWeight",
+              "value": "%Palette.TextBodyFontWeight%"
+            },
+            {
+              "property": "HeadingSize",
+              "value": "%Palette.TextBodyFontSize%"
+            },
+            {
+              "property": "HeadingColor",
+              "value": "%Palette.TextMainColorInverted%"
+            },
+            {
+              "property": "HeadingFill",
+              "value": "%Palette.PrimaryColor1%"
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/fluentui/pkgs/button_2.2.0.xml b/fluentui/pkgs/button_2.2.0.xml
new file mode 100644
index 0000000000000000000000000000000000000000..bd3107b93552c52e11ec1f4d11fa884e94cfffb4
--- /dev/null
+++ b/fluentui/pkgs/button_2.2.0.xml
@@ -0,0 +1,232 @@
+<widget xmlns="http://openajax.org/metadata" spec="1.0" id="http://microsoft.com/appmagic/button" name="button" jsClass="AppMagic.Controls.Button" version="2.2.0" styleable="true" runtimeCost="1" xmlns:appMagic="http://schemas.microsoft.com/appMagic">
+  <author name="Microsoft AppMagic" />
+  <license type="text/html"><![CDATA[<p>TODO:  Need license text here.</p>]]></license>
+  <description><![CDATA[BUTTON
+      Control description here.]]></description>
+  <requires>
+    <require type="css" src="/ctrllib/common/css/button.css" />
+    <require type="javascript" src="/ctrllib/common/js/button.js" excludeOnFeatureGate="controls.reactButton" />
+    <require type="javascript" src="/ctrllib/reactControls/js/buttonReact.js" includeOnFeatureGate="controls.reactButton" />
+    <require type="javascript" src="/ctrllib/common/js/buttonReactProxy.js" includeOnFeatureGate="controls.reactButton" />
+  </requires>
+  <appMagic:capabilities contextualViewsEnabled="true" autoBorders="true" autoFocusedBorders="true" autoFill="true" autoPointerViewState="true" autoDisabledViewState="true" autoBorderRadius="true" isVersionFlexible="true" supportsSetFocus="true" />
+  <appMagic:accessibilityChecks controlIsInteractive="true" />
+  <content><![CDATA[
+<div class="appmagic-button-wrapper">
+  <div
+    class="a11y appmagic-button-busy"
+    tabindex="-1"
+    data-bind="
+      style: {
+        display: viewState.isAutoDisabled() ? null : 'none'
+      },
+      text: AppMagic.Strings.ButtonBusyMessage
+    "
+  ></div>
+
+  <button
+    class="appmagic-button-container no-focus-outline"
+    data-control-part="button"
+    data-bind="
+      event: {
+        click: handleClick,
+        pointerdown: handleMouseDown,
+        pointerup: handleMouseUp,
+        pointerout: handleMouseOut
+      },
+      attr: {
+        title: properties.Tooltip,
+        disabled: viewState.displayMode() !== AppMagic.Constants.DisplayMode.Edit
+      }
+    "
+  >
+    <div
+      class="appmagic-button"
+      touch-action="pan-x pan-y"
+      data-bind="
+        style: {
+            fontFamily: properties.Font,
+            fontSize: properties.Size,
+            color: autoProperties.Color,
+            fontWeight: properties.FontWeight,
+            fontStyle: properties.Italic,
+            textAlign: properties.Align,
+            paddingTop: properties.PaddingTop,
+            paddingRight: properties.PaddingRight,
+            paddingBottom: properties.PaddingBottom,
+            paddingLeft: properties.PaddingLeft,
+        },
+        css: {
+            top: properties.VerticalAlign() === 'top',
+            middle: properties.VerticalAlign() === 'middle',
+            bottom: properties.VerticalAlign() === 'bottom',
+            left: properties.Align() === 'left',
+            right: properties.Align() === 'right',
+            center: properties.Align() === 'center',
+            justify: properties.Align() === 'justify',
+            disabled: viewState.displayMode() === AppMagic.Constants.DisplayMode.Disabled,
+            underline: properties.Underline,
+            strikethrough: properties.Strikethrough,
+            readonly: viewState.displayMode() === AppMagic.Constants.DisplayMode.View
+        }
+      "
+    >
+      <div
+        class="appmagic-button-label no-focus-outline"
+        data-control-part="text"
+        spellcheck="false"
+        data-bind="inlineEditText: properties.Text"
+      >
+      </div>
+    </div>
+  </button>
+<div>
+]]></content>
+  <properties>
+    <property name="Pressed" localizedName="##button_Pressed##" datatype="Boolean" direction="out" defaultValue="false" isPrimaryOutputProperty="true">
+      <title>The pressed state of the button.</title>
+      <appMagic:category>data</appMagic:category>
+      <appMagic:helperUI>boolean</appMagic:helperUI>
+    </property>
+  </properties>
+  <appMagic:includeProperties>
+    <!-- Behavior -->
+    <appMagic:includeProperty name="OnSelect" direction="in" isPrimaryInputProperty="true" />
+    <appMagic:includeProperty name="AutoDisableOnSelect" />
+    <!-- Data -->
+    <appMagic:includeProperty name="Text" defaultValue="##Button_DefaultValue_Text##" isExpr="true" />
+    <appMagic:includeProperty name="Tooltip" />
+    <appMagic:includeProperty name="ContentLanguage" />
+    <!-- Design -->
+    <appMagic:includeProperty name="BorderColor" defaultValue="ColorFade(Self.Fill, -15%)" />
+    <!-- TASK: 4548082: Add the Color and Fill in default theme json -->
+    <appMagic:includeProperty name="RadiusTopLeft" defaultValue="10" />
+    <appMagic:includeProperty name="RadiusTopRight" defaultValue="10" />
+    <appMagic:includeProperty name="RadiusBottomLeft" defaultValue="10" />
+    <appMagic:includeProperty name="RadiusBottomRight" defaultValue="10" />
+    <appMagic:includeProperty name="DisabledBorderColor" defaultValue="ColorFade(Self.BorderColor, 70%)" />
+    <appMagic:includeProperty name="PressedBorderColor" defaultValue="Self.Fill" />
+    <appMagic:includeProperty name="HoverBorderColor" defaultValue="ColorFade(Self.BorderColor, 20%)" />
+    <appMagic:includeProperty name="BorderStyle" />
+    <appMagic:includeProperty name="BorderThickness" defaultValue="2" />
+    <appMagic:includeProperty name="FocusedBorderColor" defaultValue="Self.BorderColor" isExpr="true" />
+    <appMagic:includeProperty name="FocusedBorderThickness" defaultValue="4" />
+    <appMagic:includeProperty name="Color" defaultValue="RGBA(255, 255, 255, 1)" />
+    <appMagic:includeProperty name="DisabledColor" defaultValue="ColorFade(Self.Fill, 90%)" />
+    <appMagic:includeProperty name="PressedColor" defaultValue="Self.Fill" />
+    <appMagic:includeProperty name="HoverColor" defaultValue="Self.Color" />
+    <appMagic:includeProperty name="DisplayMode" />
+    <appMagic:includeProperty name="Fill" defaultValue="RGBA(35, 31, 32, 1)" />
+    <appMagic:includeProperty name="DisabledFill" defaultValue="ColorFade(Self.Fill, 70%)" />
+    <appMagic:includeProperty name="PressedFill" defaultValue="Self.Color" />
+    <appMagic:includeProperty name="HoverFill" defaultValue="ColorFade(Self.Fill, 20%)" />
+    <appMagic:includeProperty name="Font" />
+    <appMagic:includeProperty name="Size" defaultValue="13" phoneDefaultValue="23" />
+    <appMagic:includeProperty name="FontWeight" defaultValue="%FontWeight.RESERVED%.Normal" />
+    <appMagic:includeProperty name="Italic" />
+    <appMagic:includeProperty name="Underline" />
+    <appMagic:includeProperty name="Strikethrough" />
+    <appMagic:includeProperty name="Align" defaultValue="%Align.RESERVED%.Center" />
+    <appMagic:includeProperty name="PaddingTop" defaultValue="5" />
+    <appMagic:includeProperty name="PaddingRight" defaultValue="5" />
+    <appMagic:includeProperty name="PaddingBottom" defaultValue="5" />
+    <appMagic:includeProperty name="PaddingLeft" defaultValue="5" />
+    <appMagic:includeProperty name="Visible" />
+    <appMagic:includeProperty name="VerticalAlign" defaultValue="%VerticalAlign.RESERVED%.Middle" />
+    <appMagic:includeProperty name="X" />
+    <appMagic:includeProperty name="Y" />
+    <appMagic:includeProperty name="Width" defaultValue="160" phoneDefaultValue="280" webDefaultValue="85" />
+    <appMagic:includeProperty name="Height" defaultValue="40" phoneDefaultValue="70" webDefaultValue="32" />
+    <appMagic:includeProperty name="TabIndex" />
+    <!-- Hidden properties -->
+    <appMagic:includeProperty name="maximumHeight" defaultValue="768" />
+    <appMagic:includeProperty name="maximumWidth" defaultValue="1366" />
+    <appMagic:includeProperty name="minimumHeight" defaultValue="5" />
+    <appMagic:includeProperty name="minimumWidth" defaultValue="5" />
+  </appMagic:includeProperties>
+  <appMagic:insertMetadata>
+    <appMagic:category name="Popular" priority="80" />
+    <appMagic:category name="Input" priority="10" />
+    <appMagic:category name="ClassicControls" priority="10" />
+  </appMagic:insertMetadata>
+  <!-- Display metadata providing property visibility, order, sections, and grouping in UI (e.g. properties panel) -->
+  <appMagic:displayMetadata>
+    <appMagic:section>
+      <appMagic:property name="Text" />
+      <appMagic:property name="DisplayMode" />
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:property name="Visible" />
+      <appMagic:propertyGroup name="Position">
+        <appMagic:property name="X" />
+        <appMagic:property name="Y" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Size">
+        <appMagic:property name="Width" />
+        <appMagic:property name="Height" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Padding">
+        <appMagic:property name="PaddingTop" labelOverride="##Padding_Top_Title##" />
+        <appMagic:property name="PaddingBottom" labelOverride="##Padding_Bottom_Title##" />
+        <appMagic:property name="PaddingLeft" labelOverride="##Padding_Left_Title##" />
+        <appMagic:property name="PaddingRight" labelOverride="##Padding_Right_Title##" />
+      </appMagic:propertyGroup>
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:propertyGroup name="Color">
+        <appMagic:property name="Color" showInFloatie="true" showInCommandBar="true" />
+        <appMagic:property name="Fill" showInFloatie="true" showInCommandBar="true" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Border">
+        <appMagic:property name="BorderStyle" />
+        <appMagic:property name="BorderThickness" />
+        <appMagic:property name="BorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Radius">
+        <appMagic:property name="RadiusTopLeft" />
+        <appMagic:property name="RadiusTopRight" />
+        <appMagic:property name="RadiusBottomLeft" />
+        <appMagic:property name="RadiusBottomRight" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="Font" displayType="FontEnum" showInFloatie="true" showInCommandBar="true" />
+      <appMagic:property name="Size" labelOverride="##FontSize_Property##" showInFloatie="true" showInCommandBar="true" />
+      <appMagic:property name="FontWeight" displayType="EnumIcon" itemsOrder="Bold;Semibold;Normal;Lighter" showInCommandBar="true" />
+      <appMagic:propertyGroup name="Style">
+        <appMagic:property name="Italic" displayType="ToggleButton" />
+        <appMagic:property name="Underline" displayType="ToggleButton" />
+        <appMagic:property name="Strikethrough" displayType="ToggleButton" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="Align" displayType="EnumButtons" itemsOrder="Left;Center;Right;Justify" labelOverride="##FontAlign_Property##" showInFloatie="true" showInCommandBar="true" floatieDisplayType="FaceplateIconEnum" />
+      <appMagic:property name="VerticalAlign" displayType="EnumIcon" itemsOrder="Top;Middle;Bottom" />
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:property name="AutoDisableOnSelect" />
+      <appMagic:propertyGroup name="DisabledColor">
+        <appMagic:property name="DisabledColor" />
+        <appMagic:property name="DisabledFill" />
+        <appMagic:property name="DisabledBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="PressedColor">
+        <appMagic:property name="PressedColor" />
+        <appMagic:property name="PressedFill" />
+        <appMagic:property name="PressedBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="HoverColor">
+        <appMagic:property name="HoverColor" />
+        <appMagic:property name="HoverFill" />
+        <appMagic:property name="HoverBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="Tooltip" />
+      <appMagic:property name="TabIndex" />
+    </appMagic:section>
+  </appMagic:displayMetadata>
+  <appMagic:conversion from="2.0.0" to="2.0.1">
+    <!-- Accessibility fixes for KO template -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.0.1" to="2.1.0">
+    <appMagic:conversionAction type="add" name="ContentLanguage" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.1.0" to="2.2.0">
+    <!-- Adding showInCommandBar flag -->
+  </appMagic:conversion>
+</widget>
\ No newline at end of file
diff --git a/fluentui/pkgs/icon_2.5.0.xml b/fluentui/pkgs/icon_2.5.0.xml
new file mode 100644
index 0000000000000000000000000000000000000000..c07eb7107a03396878c5d33083bd7a4045d81253
--- /dev/null
+++ b/fluentui/pkgs/icon_2.5.0.xml
@@ -0,0 +1,1096 @@
+<widget xmlns="http://openajax.org/metadata" spec="1.0" id="http://microsoft.com/appmagic/icon" name="icon" jsClass="AppMagic.Controls.Icon" version="2.5.0" styleable="true" runtimeCost="1" xmlns:appMagic="http://schemas.microsoft.com/appMagic">
+  <author name="Microsoft AppMagic" />
+  <license type="text/html"><![CDATA[<p>TODO:  Need license text here.</p>]]></license>
+  <description><![CDATA[Icon
+      Control description here.]]></description>
+  <requires>
+    <require type="javascript" src="/ctrllib/icon/js/icon.js" />
+    <require type="other" src="/ctrllib/icon/images/ctrllib-symbols.svg" />
+  </requires>
+  <appMagic:capabilities contextualViewsEnabled="true" autoFill="true" autoBorders="true" autoFocusedBorders="true" autoPointerViewState="true" autoDisabledViewState="true" isVersionFlexible="true" supportsSetFocus="true" />
+  <content><![CDATA[
+      <div class="powerapps-icon no-focus-outline" touch-action="pan-x pan-y" data-control-part="icon" data-bind="
+        event: {
+          click: handleClick
+        },
+        shortcut: {
+          provider: shortcutProvider,
+          capture: false
+        },
+        attr: {
+          title: properties.Tooltip() || null,
+          role: (properties.TabIndex() < 0) ? (!!properties.AccessibleLabel() && 'img') : 'button',
+          'aria-label': properties.AccessibleLabel() || null,
+          'aria-disabled': (properties.TabIndex() >= 0) && (viewState.displayMode() !== AppMagic.Constants.DisplayMode.Edit),
+          'aria-hidden': properties.TabIndex() < 0 && !properties.AccessibleLabel()
+        },
+        style: {
+          cursor: viewState.displayMode() !== AppMagic.Constants.DisplayMode.Edit ? 'default' : 'pointer',
+          transform: iconRotationComputed()
+        }
+      ">
+
+        <div class="icon-svg-container" aria-hidden="true" data-bind="
+          attr: {
+            width: properties.Width,
+            height: properties.Height,
+            preserveAspectRatio: properties.PreserveAspectRatio() ? 'xMidYMid meet' : 'none',
+          },
+          style: {
+            paddingTop: properties.PaddingTop,
+            paddingRight: properties.PaddingRight,
+            paddingBottom: properties.PaddingBottom,
+            paddingLeft: properties.PaddingLeft
+          }
+        ">
+        </div>
+
+     </div>
+    ]]></content>
+  <properties>
+    <property name="Icon" localizedName="##icon_Icon##" datatype="Icon" defaultValue="%Icon.RESERVED%.ArrowDown" isExpr="true">
+      <title>Icon</title>
+      <appMagic:autoBind>false</appMagic:autoBind>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##icon_Icon_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##icon_Icon_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="Rotation" localizedName="##icon_Rotation##" datatype="Number" defaultValue="0">
+      <title>Rotation</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##icon_Rotation_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##icon_Rotation_Tooltip##</appMagic:tooltip>
+    </property>
+  </properties>
+  <appMagic:includeProperties>
+    <appMagic:includeProperty name="AccessibleLabel" />
+    <appMagic:includeProperty name="Tooltip" />
+    <appMagic:includeProperty name="ContentLanguage" />
+    <appMagic:includeProperty name="AutoDisableOnSelect" />
+    <appMagic:includeProperty name="Color" defaultValue="RGBA(0, 0, 0, 1)" converter="argbConverter" isPrimaryOutputProperty="true" />
+    <appMagic:includeProperty name="DisabledColor" defaultValue="RGBA(119, 119, 119, 1)" />
+    <appMagic:includeProperty name="PressedColor" defaultValue="ColorFade(Self.Color, -20%)" />
+    <appMagic:includeProperty name="HoverColor" defaultValue="ColorFade(Self.Color, 20%)" />
+    <appMagic:includeProperty name="Fill" defaultValue="RGBA(0, 0, 0, 0)" converter="argbConverter" />
+    <appMagic:includeProperty name="DisabledFill" defaultValue="Self.Fill" />
+    <appMagic:includeProperty name="PressedFill" defaultValue="Self.Fill" />
+    <appMagic:includeProperty name="HoverFill" defaultValue="Self.Fill" />
+    <appMagic:includeProperty name="Visible" />
+    <appMagic:includeProperty name="DisplayMode" />
+    <appMagic:includeProperty name="X" />
+    <appMagic:includeProperty name="Y" />
+    <appMagic:includeProperty name="Width" defaultValue="64" converter="pxHorizontalConverter" />
+    <appMagic:includeProperty name="Height" defaultValue="64" converter="pxVerticalConverter" />
+    <appMagic:includeProperty name="PaddingTop" />
+    <appMagic:includeProperty name="PaddingRight" />
+    <appMagic:includeProperty name="PaddingBottom" />
+    <appMagic:includeProperty name="PaddingLeft" />
+    <appMagic:includeProperty name="TabIndex" defaultValue="-1" />
+    <!-- Borders -->
+    <appMagic:includeProperty name="BorderStyle" />
+    <appMagic:includeProperty name="BorderColor" />
+    <appMagic:includeProperty name="DisabledBorderColor" defaultValue="RGBA(56, 56, 56, 1)" />
+    <appMagic:includeProperty name="PressedBorderColor" defaultValue="ColorFade(Self.BorderColor, -20%)" />
+    <appMagic:includeProperty name="HoverBorderColor" defaultValue="ColorFade(Self.BorderColor, 20%)" />
+    <appMagic:includeProperty name="BorderThickness" />
+    <appMagic:includeProperty name="FocusedBorderColor" defaultValue="Self.BorderColor" isExpr="true" />
+    <appMagic:includeProperty name="FocusedBorderThickness" />
+    <!-- Behavior Properties -->
+    <appMagic:includeProperty name="OnSelect" direction="in" isPrimaryInputProperty="true" />
+    <!-- Hidden properties -->
+    <appMagic:includeProperty name="minimumWidth" defaultValue="1" />
+    <appMagic:includeProperty name="minimumHeight" defaultValue="20" />
+    <appMagic:includeProperty name="maximumWidth" defaultValue="1366" />
+    <appMagic:includeProperty name="maximumHeight" defaultValue="768" />
+    <appMagic:includeProperty name="PreserveAspectRatio" defaultValue="true" />
+  </appMagic:includeProperties>
+  <!-- Display metadata providing property visibility, order, sections, and grouping in UI (e.g. properties panel) -->
+  <appMagic:displayMetadata>
+    <appMagic:section>
+      <appMagic:property name="Icon" displayType="IconEnum" showInCommandBar="true" />
+      <appMagic:property name="Rotation" />
+      <appMagic:property name="DisplayMode" />
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:property name="Visible" />
+      <appMagic:propertyGroup name="Position">
+        <appMagic:property name="X" />
+        <appMagic:property name="Y" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Size">
+        <appMagic:property name="Width" />
+        <appMagic:property name="Height" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Padding">
+        <appMagic:property name="PaddingTop" labelOverride="##Padding_Top_Title##" />
+        <appMagic:property name="PaddingBottom" labelOverride="##Padding_Bottom_Title##" />
+        <appMagic:property name="PaddingLeft" labelOverride="##Padding_Left_Title##" />
+        <appMagic:property name="PaddingRight" labelOverride="##Padding_Right_Title##" />
+      </appMagic:propertyGroup>
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:propertyGroup name="Color">
+        <appMagic:property name="Color" showInFloatie="true" showInCommandBar="true" />
+        <appMagic:property name="Fill" showInFloatie="true" showInCommandBar="true" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Border">
+        <appMagic:property name="BorderStyle" />
+        <appMagic:property name="BorderThickness" />
+        <appMagic:property name="BorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="FocusedBorder">
+        <appMagic:property name="FocusedBorderThickness" />
+        <appMagic:property name="FocusedBorderColor" />
+      </appMagic:propertyGroup>
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:property name="AutoDisableOnSelect" />
+      <appMagic:propertyGroup name="DisabledColor">
+        <appMagic:property name="DisabledColor" />
+        <appMagic:property name="DisabledFill" />
+        <appMagic:property name="DisabledBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="HoverColor">
+        <appMagic:property name="HoverColor" />
+        <appMagic:property name="HoverFill" />
+        <appMagic:property name="HoverBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="Tooltip" />
+      <appMagic:property name="TabIndex" />
+    </appMagic:section>
+  </appMagic:displayMetadata>
+  <appMagic:insertMetadata>
+    <appMagic:category name="Icons" priority="50" foldVariants="Add|ArrowDown|ArrowLeft|ArrowRight|ArrowUp|ArrowsUpDown|NextArrow|BackArrow|Camera|Cancel|Check|ChevronDown|ChevronLeft|ChevronRight|Computer|Edit|Message|3DPrinting|Document|DockCheckProperties|Folder|Items|Journal|LevelsLayersItems|ListWatchlistRemind|LogJournal|Map|Mobile|Note|People|Person|Phone|PhoneHangUp|PhotosPictures|Pin|Post|RadarActivityMonitor|Tablet|Tag|Tools|ToolsWrench|Trending|TrendingHashtag|TrendingUpwards|ChevronUp|Trash|Search|Filter|Reload|ExpandView|Compose|Crop|AddDocument|AddLibrary|CameraApertureFocus|clearDrawing|Clock|CollapseView|ColorPicker|ComputerDesktop|ComputerSimple|Controller|DetailList|DocumentwithContent|Draw|EditFolders|Erase|Calendar|CalendarBlank|ListScrollEmpty|ListScrollWatchlist|Mail|Send|OptionsList|Airplane|Attachment|Bell|Bus|Cars|Copy|Currency|Database|DocumentPDF|Download|EmojiFrown|EmojiNeutral|EmojiSad|EmojiSmile|ForkKnife|Hamburger|Home|Information|LikeDislike|Lock|Money|More|Newspaper|OfficeBuilding|Save|Settings|ShoppingCart|Vehicles|Waffle|Warning|Waypoint|Weather|Import|AddUser|Alarm|Blocked|Bookmark|Bug|Calculator|Diamond|DockLeft|DockRight|Enhance|Error|Export|Flag|Globe|GlobeNotConnected|GlobeRefresh|GlobeChangesPending|GlobeWarning|GlobeError|HalfFilledCircle|Health|Heart|Help|Hide|History|HorizontalLine|Hospital|Key|Lightbulb|LightningBolt|Link|Manufacture|Medical|Microphone|Notebook|OpenInNewWindow|Phonebook|Print|Publish|QuestionMark|Redo|Reset|Ribbon|Scan|Share|Shirt|Shop|Signal|Support|Sync|Text|ThumbsDown|ThumbsUp|Train|Tray|Undo|Unlock|VerticalLine|Video|View|ZoomIn|ZoomOut|BookmarkFilled|CancelBadge|CheckBadge|Cut|FilterFlat|FilterFlatFilled|Leave|Paste|ThumbsDownFilled|ThumbsUpFilled|EmojiHappy" />
+  </appMagic:insertMetadata>
+  <!-- Variants for all icons -->
+  <appMagic:controlVariants>
+    <appMagic:controlVariant name="Add">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Add" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ArrowDown">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ArrowDown" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ArrowLeft">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ArrowLeft" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ArrowRight">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ArrowRight" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ArrowUp">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ArrowUp" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ArrowsUpDown">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Sort" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="NextArrow">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.NextArrow" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="BackArrow">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.BackArrow" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Camera">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Camera" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Cancel">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Cancel" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Check">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Check" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ChevronDown">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ChevronDown" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ChevronLeft">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ChevronLeft" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ChevronRight">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ChevronRight" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Computer">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Laptop" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Edit">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Edit" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Message">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Message" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="3DPrinting">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Printing3D" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Document">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Document" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="DockCheckProperties">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.DockCheckProperties" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Folder">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Folder" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Items">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Items" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Journal">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Journal" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="LevelsLayersItems">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.LevelsLayersItems" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ListWatchlistRemind">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ListWatchlistRemind" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="LogJournal">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.LogJournal" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Map">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Location" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Mobile">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Mobile" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Note">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Note" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="People">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.People" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Person">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Person" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Phone">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Phone" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="PhoneHangUp">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.PhoneHangUp" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="PhotosPictures">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.PhotosPictures" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Pin">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Pin" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Post">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Post" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="RadarActivityMonitor">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.RadarActivityMonitor" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Tablet">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Tablet" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Tag">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Tag" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Tools">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Tools" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ToolsWrench">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ToolsWrench" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Trending">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Trending" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="TrendingHashtag">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.TrendingHashtag" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="TrendingUpwards">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.TrendingUpwards" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ChevronUp">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ChevronUp" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Trash">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Trash" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Search">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Search" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Filter">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Filter" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Reload">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Reload" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ExpandView">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ExpandView" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Compose">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Compose" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Crop">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Crop" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="AddDocument">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.AddDocument" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="AddLibrary">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.AddLibrary" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="CameraApertureFocus">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.CameraAperture" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="clearDrawing">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ClearDrawing" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Clock">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Clock" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="CollapseView">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.CollapseView" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ColorPicker">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ColorPicker" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ComputerDesktop">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ComputerDesktop" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ComputerSimple">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Devices" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Controller">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Controller" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="DetailList">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.DetailList" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="DocumentwithContent">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.DocumentWithContent" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Draw">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Draw" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="EditFolders">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.LineWeight" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Erase">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Erase" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Calendar">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.AddToCalendar" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="CalendarBlank">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.CalendarBlank" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ListScrollEmpty">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ListScrollEmpty" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ListScrollWatchlist">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ListScrollWatchlist" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Mail">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Mail" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Send">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Send" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="OptionsList">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.OptionsList" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Airplane">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Airplane" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Attachment">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.PaperClip" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Bell">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Bell" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Bus">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Bus" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Cars">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Cars" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Copy">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Copy" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Currency">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Currency" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Database">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Database" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="DocumentPDF">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.DocumentPDF" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Download">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Download" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="EmojiFrown">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.EmojiFrown" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="EmojiNeutral">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.EmojiNeutral" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="EmojiSad">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.EmojiSad" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="EmojiSmile">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.EmojiSmile" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ForkKnife">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ForkKnife" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Hamburger">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Hamburger" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Home">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Home" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Information">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Information" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="LikeDislike">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.LikeDislike" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Lock">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Lock" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Money">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Money" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="More">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.More" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="MSOffice">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.MSOffice" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Newspaper">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Newspaper" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="OfficeBuilding">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.OfficeBuilding" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Save">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Save" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Settings">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Settings" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ShoppingCart">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ShoppingCart" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Vehicles">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Transportation" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Waffle">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Waffle" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Warning">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Warning" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Waypoint">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Waypoint" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Weather">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Weather" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Import">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Import" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="AddUser">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.AddUser" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Alarm">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Alarm" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Blocked">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Blocked" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Bookmark">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Bookmark" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Bug">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Bug" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Calculator">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Calculator" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Diamond">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Diamond" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="DockLeft">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.DockLeft" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="DockRight">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.DockRight" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Enhance">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Enhance" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Error">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Error" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Export">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Export" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Flag">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Flag" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Globe">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Globe" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="GlobeNotConnected">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.GlobeNotConnected" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="GlobeRefresh">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.GlobeRefresh" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="GlobeChangesPending">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.GlobeChangesPending" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="GlobeWarning">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.GlobeWarning" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="GlobeError">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.GlobeError" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="HalfFilledCircle">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.HalfFilledCircle" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Health">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Health" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Heart">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Heart" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Help">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Help" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Hide">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Hide" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="History">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.History" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="HorizontalLine">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.HorizontalLine" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Hospital">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Hospital" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Key">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Key" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Lightbulb">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Lightbulb" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="LightningBolt">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.LightningBolt" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Link">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Link" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Manufacture">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Manufacture" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Medical">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Medical" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Microphone">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Microphone" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Notebook">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Notebook" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="OpenInNewWindow">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.OpenInNewWindow" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Phonebook">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Phonebook" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Print">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Print" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Publish">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Publish" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="QuestionMark">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.QuestionMark" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Redo">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Redo" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Reset">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Reset" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Ribbon">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Ribbon" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Scan">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Scan" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Share">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Share" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Shirt">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Shirt" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Shop">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Shop" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Signal">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Signal" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Support">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Support" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Sync">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Sync" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Text">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Text" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ThumbsDown">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ThumbsDown" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ThumbsUp">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ThumbsUp" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Train">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Train" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Tray">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Tray" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Undo">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Undo" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Unlock">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Unlock" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="VerticalLine">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.VerticalLine" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Video">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Video" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="View">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.View" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ZoomIn">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ZoomIn" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ZoomOut">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ZoomOut" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="BookmarkFilled">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.BookmarkFilled" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="CancelBadge">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.CancelBadge" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="CheckBadge">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.CheckBadge" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Cut">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Cut" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="FilterFlat">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.FilterFlat" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="FilterFlatFilled">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.FilterFlatFilled" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Leave">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Leave" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="Paste">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.Paste" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ThumbsDownFilled">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ThumbsDownFilled" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="ThumbsUpFilled">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.ThumbsUpFilled" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+    <appMagic:controlVariant name="EmojiHappy">
+      <appMagic:overrideProperties>
+        <appMagic:overrideProperty name="Icon" defaultValue="%Icon.RESERVED%.EmojiHappy" isExpr="true" />
+      </appMagic:overrideProperties>
+    </appMagic:controlVariant>
+  </appMagic:controlVariants>
+  <appMagic:conversion from="2.0.0" to="2.1.0">
+    <appMagic:conversionAction type="add" name="Rotation" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.1.0" to="2.2.0">
+    <!-- Removed SVG sprite from KO template (in <content> node of this file) -->
+    <appMagic:conversionAction type="block" newDocVersion="1.282" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.2.0" to="2.3.0">
+    <!-- Changed to access Width and Height on measuredProperties -->
+    <appMagic:conversionAction type="block" newDocVersion="1.295" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.3.0" to="2.3.1">
+    <!-- Reverted previous change (Width and Height properties now return actual values) -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.3.1" to="2.3.2">
+    <!-- KO template changes for accessibility fixes -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.3.2" to="2.4.0">
+    <appMagic:conversionAction type="add" name="ContentLanguage" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.4.0" to="2.5.0">
+    <!-- Adding showInCommandBar flag -->
+  </appMagic:conversion>
+</widget>
\ No newline at end of file
diff --git a/fluentui/pkgs/label_2.5.1.xml b/fluentui/pkgs/label_2.5.1.xml
new file mode 100644
index 0000000000000000000000000000000000000000..e9d1e207c62068c0a9e34501c72daf59ee1150a3
--- /dev/null
+++ b/fluentui/pkgs/label_2.5.1.xml
@@ -0,0 +1,341 @@
+<widget xmlns="http://openajax.org/metadata" spec="1.0" id="http://microsoft.com/appmagic/label" name="label" jsClass="AppMagic.Controls.Label" version="2.5.1" styleable="true" runtimeCost="1" xmlns:appMagic="http://schemas.microsoft.com/appMagic">
+  <author name="Microsoft AppMagic" />
+  <license type="text/html"><![CDATA[<p>TODO:  Need license text here.</p>]]></license>
+  <description><![CDATA[LABEL
+      Control description here.]]></description>
+  <requires>
+    <require type="css" src="css/label.css" />
+    <require type="javascript" src="js/label.js" excludeOnFeatureGate="controls.reactLabel" />
+    <require type="javascript" src="js/labelReactProxy.js" includeOnFeatureGate="controls.reactLabel" />
+  </requires>
+  <appMagic:capabilities contextualViewsEnabled="true" allowsPerCharacterFormatting="true" autoBorders="true" autoFill="true" autoFocusedBorders="true" autoPointerViewState="true" autoDisabledViewState="true" screenActiveAware="true" isVersionFlexible="true" supportsSetFocus="true" />
+  <content><![CDATA[
+  <div
+    class="appmagic-label no-focus-outline"
+    touch-action="pan-x pan-y"
+    tabIndex="-1"
+    data-bind="
+      style: {
+        fontFamily: properties.Font,
+        fontSize: properties.Size,
+        color: autoProperties.Color,
+        fontWeight: properties.FontWeight,
+        fontStyle: properties.Italic,
+        textAlign: properties.Align,
+        paddingTop: properties.PaddingTop,
+        paddingRight: properties.PaddingRight,
+        paddingBottom: properties.PaddingBottom,
+        paddingLeft: properties.PaddingLeft,
+        lineHeight: properties.LineHeight,
+        overflowY: properties.Overflow,
+        display:  properties.Overflow() === 'auto' ? 'block' : ''
+      },
+      css: {
+        top: properties.AutoHeight() || properties.VerticalAlign() === 'top',
+        middle: !properties.AutoHeight() && properties.VerticalAlign() === 'middle',
+        bottom: !properties.AutoHeight() && properties.VerticalAlign() === 'bottom',
+        disabled: viewState.displayMode() === AppMagic.Constants.DisplayMode.Disabled,
+        readOnly: viewState.displayMode() === AppMagic.Constants.DisplayMode.View,
+        underline: properties.Underline,
+        strikethrough: properties.Strikethrough
+      },
+      attr: {
+        title: properties.Tooltip,
+        role: properties.TabIndex() >= 0 ? 'button' : 'presentation',
+        'aria-disabled': properties.TabIndex() >= 0 && viewState.displayMode() !== AppMagic.Constants.DisplayMode.Edit
+      },
+      event: {
+        click: handleClick
+      },
+      shortcut: {
+        provider: shortcutProvider,
+        enabled: shortcutsEnabled
+      }"
+    >
+    <!-- ko if: properties.Role() !== 'heading1' && properties.Role() !== 'heading2' && properties.Role() !== 'heading3' && properties.Role() !== 'heading4' -->
+        <div
+          spellcheck="false"
+          unselectable="off"
+          class="appmagic-label-text"
+          data-control-part="text"
+          data-bind="{
+            inlineEditText: properties.Text,
+            css: {
+              'appmagic-label-single-line': !properties.Wrap()
+            },
+            attr: {
+              'aria-live': live,
+              'aria-atomic': live() ? 'true' : null
+            }
+          }">
+        </div>
+    <!-- /ko -->
+    <!-- ko if: properties.Role() === 'heading1' -->
+        <h1
+          spellcheck="false"
+          unselectable="off"
+          class="appmagic-label-text"
+          data-control-part="text"
+          data-bind="{
+            inlineEditText: properties.Text,
+            css: {
+              'appmagic-label-single-line': !properties.Wrap()
+            },
+            attr: {
+              'aria-live': live,
+              'aria-atomic': live() ? 'true' : null
+            }
+          }">
+         </h1>
+    <!-- /ko -->
+    <!-- ko if: properties.Role() === 'heading2' -->
+        <h2
+          spellcheck="false"
+          unselectable="off"
+          class="appmagic-label-text"
+          data-control-part="text"
+          data-bind="{
+            inlineEditText: properties.Text,
+            css: {
+              'appmagic-label-single-line': !properties.Wrap()
+            },
+            attr: {
+              'aria-live': live,
+              'aria-atomic': live() ? 'true' : null
+            }
+          }">
+         </h2>
+    <!-- /ko -->
+    <!-- ko if: properties.Role() === 'heading3' -->
+        <h3
+          spellcheck="false"
+          unselectable="off"
+          class="appmagic-label-text"
+          data-control-part="text"
+          data-bind="{
+            inlineEditText: properties.Text,
+            css: {
+              'appmagic-label-single-line': !properties.Wrap()
+            },
+            attr: {
+              'aria-live': live,
+              'aria-atomic': live() ? 'true' : null
+            }
+          }">
+         </h3>
+    <!-- /ko -->
+    <!-- ko if: properties.Role() === 'heading4' -->
+        <h4
+          spellcheck="false"
+          unselectable="off"
+          class="appmagic-label-text"
+          data-control-part="text"
+          data-bind="{
+            inlineEditText: properties.Text,
+            css: {
+              'appmagic-label-single-line': !properties.Wrap()
+            },
+            attr: {
+              'aria-live': live,
+              'aria-atomic': live() ? 'true' : null
+            }
+          }">
+         </h4>
+    <!-- /ko -->
+  </div>
+  ]]></content>
+  <properties>
+    <!-- Data -->
+    <property name="Live" localizedName="##label_Live##" datatype="Live" defaultValue="%Live.RESERVED%.Off" isExpr="true">
+      <title>Live</title>
+      <appMagic:category>data</appMagic:category>
+      <appMagic:displayName>##label_Live_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##label_Live_Tooltip##</appMagic:tooltip>
+    </property>
+    <!-- Design -->
+    <property name="LineHeight" localizedName="##label_LineHeight##" datatype="Number" defaultValue="1.2">
+      <title>Line Height</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##label_LineHeight_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##label_LineHeight_Tooltip##</appMagic:tooltip>
+      <appMagic:helperUI>lineWidth</appMagic:helperUI>
+    </property>
+    <property name="Overflow" localizedName="##label_Overflow##" datatype="Overflow" defaultValue="%Overflow.RESERVED%.Hidden" isExpr="true" converter="overflowConverter">
+      <title>Overflow</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##label_Overflow_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##label_Overflow_Tooltip##</appMagic:tooltip>
+      <appMagic:helperUI>overflow</appMagic:helperUI>
+    </property>
+    <!-- This is not an 'Auto' property. This is for allowing the label to grow vertically to display the content -->
+    <property name="AutoHeight" localizedName="##CommonProperties_AutoHeight##" datatype="Boolean" defaultValue="false">
+      <title>AutoHeight</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##CommonProperties_AutoHeight_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##CommonProperties_AutoHeight_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="Wrap" localizedName="##label_Wrap##" datatype="Boolean" defaultValue="true" canBeCompressed="false">
+      <title>Wrap</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##label_Wrap_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##label_Wrap_Tooltip##</appMagic:tooltip>
+    </property>
+    <!-- IsErrorMessage is deprecated. Delete once a document converter is written to migrate IsErrorMessage=true -> Live=Live.Assertive -->
+    <property name="IsErrorMessage" localizedName="##label_IsErrorMessage##" datatype="Boolean" defaultValue="false" hidden="true">
+      <appMagic:category>design</appMagic:category>
+    </property>
+  </properties>
+  <appMagic:includeProperties>
+    <!-- Data -->
+    <appMagic:includeProperty name="Text" defaultValue="##Label_DefaultValue_Text##" isExpr="true" isPrimaryInputProperty="true" isPrimaryOutputProperty="true">
+      <appMagic:autoBind>true</appMagic:autoBind>
+    </appMagic:includeProperty>
+    <appMagic:includeProperty name="Tooltip" />
+    <appMagic:includeProperty name="Role" />
+    <appMagic:includeProperty name="ContentLanguage" />
+    <!-- Design -->
+    <appMagic:includeProperty name="Color" allowsPerCharacterFormatting="true" defaultValue="RGBA(71, 69, 64, 1)" />
+    <appMagic:includeProperty name="DisabledColor" defaultValue="RGBA(186, 186, 186, 1)" />
+    <appMagic:includeProperty name="PressedColor" defaultValue="Self.Color" />
+    <appMagic:includeProperty name="HoverColor" defaultValue="Self.Color" />
+    <appMagic:includeProperty name="BorderColor" />
+    <appMagic:includeProperty name="DisabledBorderColor" defaultValue="RGBA(56, 56, 56, 1)" />
+    <appMagic:includeProperty name="PressedBorderColor" defaultValue="Self.BorderColor" />
+    <appMagic:includeProperty name="HoverBorderColor" defaultValue="Self.BorderColor" />
+    <appMagic:includeProperty name="BorderStyle" />
+    <appMagic:includeProperty name="BorderThickness" defaultValue="0" />
+    <appMagic:includeProperty name="FocusedBorderColor" defaultValue="Self.BorderColor" isExpr="true" />
+    <appMagic:includeProperty name="FocusedBorderThickness" defaultValue="0" />
+    <appMagic:includeProperty name="Fill" allowsPerCharacterFormatting="true" />
+    <appMagic:includeProperty name="DisabledFill" defaultValue="RGBA(0, 0, 0, 0)" />
+    <appMagic:includeProperty name="PressedFill" defaultValue="Self.Fill" />
+    <appMagic:includeProperty name="HoverFill" defaultValue="Self.Fill" />
+    <appMagic:includeProperty name="Font" allowsPerCharacterFormatting="true" />
+    <appMagic:includeProperty name="Size" allowsPerCharacterFormatting="true" defaultValue="14" phoneDefaultValue="24" />
+    <appMagic:includeProperty name="FontWeight" allowsPerCharacterFormatting="true" />
+    <appMagic:includeProperty name="Italic" allowsPerCharacterFormatting="true" />
+    <appMagic:includeProperty name="Underline" allowsPerCharacterFormatting="true" />
+    <appMagic:includeProperty name="Strikethrough" allowsPerCharacterFormatting="true" />
+    <appMagic:includeProperty name="PaddingTop" defaultValue="5" />
+    <appMagic:includeProperty name="PaddingRight" defaultValue="5" />
+    <appMagic:includeProperty name="PaddingBottom" defaultValue="5" />
+    <appMagic:includeProperty name="PaddingLeft" defaultValue="5" />
+    <appMagic:includeProperty name="Align" />
+    <appMagic:includeProperty name="VerticalAlign" defaultValue="%VerticalAlign.RESERVED%.Middle" />
+    <appMagic:includeProperty name="X" />
+    <appMagic:includeProperty name="Y" />
+    <appMagic:includeProperty name="Width" defaultValue="150" phoneDefaultValue="560" webDefaultValue="260" />
+    <appMagic:includeProperty name="Height" defaultValue="40" phoneDefaultValue="70" webDefaultValue="40" />
+    <appMagic:includeProperty name="Visible" />
+    <appMagic:includeProperty name="DisplayMode" />
+    <!-- TabIndex should be -1 to *prevent* making the control a tabstop unless explicitly changed -->
+    <appMagic:includeProperty name="TabIndex" defaultValue="-1" />
+    <!-- Behavior Properties -->
+    <!-- TASK: 85476: Do Behavior properties make sense as input only? -->
+    <appMagic:includeProperty name="OnSelect" direction="in" />
+    <!-- Hidden properties -->
+    <appMagic:includeProperty name="minimumWidth" defaultValue="1" />
+    <appMagic:includeProperty name="minimumHeight" defaultValue="1" />
+    <appMagic:includeProperty name="maximumWidth" defaultValue="1366" />
+    <appMagic:includeProperty name="maximumHeight" defaultValue="7680" />
+  </appMagic:includeProperties>
+  <appMagic:propertyDependencies>
+    <appMagic:propertyDependency input="AutoHeight" output="Height" />
+  </appMagic:propertyDependencies>
+  <appMagic:insertMetadata>
+    <appMagic:category name="Popular" priority="10" />
+    <appMagic:category name="Display" priority="10" />
+    <appMagic:category name="ClassicControls" priority="10" />
+  </appMagic:insertMetadata>
+  <!-- Display metadata providing property visibility, order, sections, and grouping in UI (e.g. properties panel) -->
+  <appMagic:displayMetadata>
+    <appMagic:section>
+      <appMagic:property name="Text" />
+      <appMagic:property name="Font" displayType="FontEnum" showInFloatie="true" showInCommandBar="true" />
+      <appMagic:property name="Size" labelOverride="##FontSize_Property##" showInFloatie="true" showInCommandBar="true" />
+      <appMagic:property name="FontWeight" displayType="EnumIcon" itemsOrder="Bold;Semibold;Normal;Lighter" showInCommandBar="true" />
+      <appMagic:propertyGroup name="Style">
+        <appMagic:property name="Italic" displayType="ToggleButton" />
+        <appMagic:property name="Underline" displayType="ToggleButton" />
+        <appMagic:property name="Strikethrough" displayType="ToggleButton" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="Align" displayType="EnumButtons" itemsOrder="Left;Center;Right;Justify" labelOverride="##FontAlign_Property##" showInFloatie="true" showInCommandBar="true" floatieDisplayType="FaceplateIconEnum" />
+      <appMagic:property name="AutoHeight" />
+      <appMagic:property name="LineHeight" />
+      <appMagic:property name="Overflow" />
+      <appMagic:property name="DisplayMode" />
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:property name="Visible" />
+      <appMagic:propertyGroup name="Position">
+        <appMagic:property name="X" />
+        <appMagic:property name="Y" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Size">
+        <appMagic:property name="Width" />
+        <appMagic:property name="Height" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Padding">
+        <appMagic:property name="PaddingTop" labelOverride="##Padding_Top_Title##" />
+        <appMagic:property name="PaddingBottom" labelOverride="##Padding_Bottom_Title##" />
+        <appMagic:property name="PaddingLeft" labelOverride="##Padding_Left_Title##" />
+        <appMagic:property name="PaddingRight" labelOverride="##Padding_Right_Title##" />
+      </appMagic:propertyGroup>
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:propertyGroup name="Color">
+        <appMagic:property name="Color" showInFloatie="true" showInCommandBar="true" />
+        <appMagic:property name="Fill" showInFloatie="true" showInCommandBar="true" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Border">
+        <appMagic:property name="BorderStyle" />
+        <appMagic:property name="BorderThickness" />
+        <appMagic:property name="BorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="FocusedBorder">
+        <appMagic:property name="FocusedBorderThickness" />
+        <appMagic:property name="FocusedBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="Wrap" />
+      <appMagic:property name="VerticalAlign" displayType="EnumIcon" itemsOrder="Top;Middle;Bottom" />
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:propertyGroup name="DisabledColor">
+        <appMagic:property name="DisabledColor" />
+        <appMagic:property name="DisabledFill" />
+        <appMagic:property name="DisabledBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="HoverColor">
+        <appMagic:property name="HoverColor" />
+        <appMagic:property name="HoverFill" />
+        <appMagic:property name="HoverBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="Tooltip" />
+      <appMagic:property name="TabIndex" />
+    </appMagic:section>
+  </appMagic:displayMetadata>
+  <appMagic:conversion from="2.0.0" to="2.1.0">
+    <appMagic:conversionAction type="add" name="IsErrorMessage" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.1.0" to="2.2.0">
+    <appMagic:conversionAction type="add" name="Live" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.2.0" to="2.3.0">
+    <appMagic:conversionAction type="add" name="Role" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.3.0" to="2.3.1">
+    <!-- updated template for auto-height -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.3.1" to="2.3.2">
+    <!-- KO template changes for accessibility fixes -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.3.2" to="2.4.0">
+    <appMagic:conversionAction type="add" name="ContentLanguage" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.4.0" to="2.5.0">
+    <!-- Adding showInCommandBar flag -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.5.0" to="2.5.1">
+    <!-- Adding role=presentation for TabIndex > -1 -->
+  </appMagic:conversion>
+</widget>
\ No newline at end of file
diff --git a/fluentui/pkgs/text_2.3.2.xml b/fluentui/pkgs/text_2.3.2.xml
new file mode 100644
index 0000000000000000000000000000000000000000..ec6bff5510db9f1a4be2a4b23941f3158e20292b
--- /dev/null
+++ b/fluentui/pkgs/text_2.3.2.xml
@@ -0,0 +1,367 @@
+<widget xmlns="http://openajax.org/metadata" spec="1.0" id="http://microsoft.com/appmagic/text" name="text" jsClass="AppMagic.Controls.Text" version="2.3.2" styleable="true" runtimeCost="1" xmlns:appMagic="http://schemas.microsoft.com/appMagic">
+  <author name="Microsoft AppMagic" />
+  <license type="text/html"><![CDATA[<p>TODO:  Need license text here.</p>]]></license>
+  <description><![CDATA[TEXT
+      Control description here.]]></description>
+  <requires>
+    <require type="css" src="css/text.css" excludeOnFeatureGate="controls.reactText" />
+    <require type="javascript" src="js/text.js" excludeOnFeatureGate="controls.reactText" />
+    <require type="javascript" src="js/textReactProxy.js" includeOnFeatureGate="controls.reactText" />
+  </requires>
+  <appMagic:capabilities contextualViewsEnabled="true" autoBorders="true" autoFocusedBorders="true" autoFill="true" autoPointerViewState="true" autoDisabledViewState="true" autoBorderRadius="true" isVersionFlexible="true" supportsSetFocus="true" />
+  <appMagic:accessibilityChecks controlIsInteractive="true" />
+  <content><![CDATA[
+  <div class="appmagic-textbox" touch-action="pan-x pan-y"
+    appmagic-control="__WID__">
+  <!-- ko if: (mode() === "multiline") -->
+  <textarea
+    appmagic-control="__WID__textarea"
+    class="appmagic-textarea mousetrap block-undo-redo"
+    data-control-part="text"
+    data-bind="
+      value: text,
+      css: {
+        underline: properties.Underline,
+        strikethrough: properties.Strikethrough,
+        readonly: viewState.displayMode() === AppMagic.Constants.DisplayMode.View
+      },
+      event: {
+        click: handleClick,
+        change: handleOnChange
+      },
+      attr: {
+        title: properties.Tooltip() || null,
+        'aria-label': properties.AccessibleLabel() || null,
+        placeholder: properties.HintText,
+        readonly: viewState.displayMode() === AppMagic.Constants.DisplayMode.View,
+        maxlength: properties.MaxLength() < 0 ? 0 : properties.MaxLength()
+      },
+      style: {
+        fontFamily: properties.Font,
+        fontSize: properties.Size,
+        color: autoProperties.Color,
+        fontWeight: properties.FontWeight,
+        fontStyle: properties.Italic,
+        textAlign: properties.Align,
+        lineHeight: properties.LineHeight,
+        paddingTop: properties.PaddingTop,
+        paddingRight: properties.PaddingRight,
+        paddingBottom: properties.PaddingBottom,
+        paddingLeft: properties.PaddingLeft
+      },
+      disable: viewState.displayMode() === AppMagic.Constants.DisplayMode.Disabled">
+  </textarea>
+  <!-- /ko -->
+  <!-- ko if: (mode() !== "multiline") -->
+  <input
+    appmagic-control="__WID__textbox"
+    class="appmagic-text mousetrap block-undo-redo"
+    maxlength="10000"
+    data-bind="
+      attr: {
+        type: mode() === 'password' ? 'password' : 'text',
+        title: properties.Tooltip() || null,
+        'aria-label': properties.AccessibleLabel() || null,
+        placeholder: properties.HintText,
+        readonly: viewState.displayMode() === AppMagic.Constants.DisplayMode.View,
+        'data-control-part': properties.Clear() ? 'text clearable' : 'text',
+        inputmode: keyboardMode,
+        maxlength: properties.MaxLength() < 0 ? 0 : properties.MaxLength()
+      },
+      css: {
+        underline: properties.Underline,
+        strikethrough: properties.Strikethrough,
+        readonly: viewState.displayMode() === AppMagic.Constants.DisplayMode.View
+      },
+      value: text,
+      event: {
+        click: handleClick,
+        change: handleOnChange
+      },
+      style: {
+        fontFamily: properties.Font,
+        fontSize: properties.Size,
+        color: autoProperties.Color,
+        fontWeight: properties.FontWeight,
+        fontStyle: properties.Italic,
+        textAlign: properties.Align,
+        lineHeight: properties.LineHeight,
+        paddingTop: properties.PaddingTop,
+        paddingRight: properties.PaddingRight,
+        paddingBottom: properties.PaddingBottom,
+        paddingLeft: properties.PaddingLeft
+      },
+      disable: viewState.displayMode() === AppMagic.Constants.DisplayMode.Disabled">
+  </input>
+  <div class='appmagic-text-clear-container'>
+    <button class='appmagic-text-clear-button'
+      data-control-part="clear"
+      data-bind="
+        visible: isFocused() && properties.Clear() && properties.Text() && mode() !== 'password' && viewState.displayMode() === AppMagic.Constants.DisplayMode.Edit,
+        event: {click: handleClearClick},
+        attr: {'aria-label': AppMagic.Strings.TextInputClearButtonLabel},
+        style: {color: autoProperties.Color}">
+        <svg
+          class='appmagic-text-clear-svg'
+          xmlns='http://www.w3.org/2000/svg'
+          viewbox='0 0 12 12'
+          aria-hidden='true'
+          focusable='false'>
+          <polygon points="12,1.1 10.9,0 6,4.9 1.1,0 0,1.1 4.9,6 0,10.9 1.1,12 6,7.1 10.9,12 12,10.9 7.1,6"></polygon>
+        </svg>
+    </button>
+  </div>
+  <!-- /ko -->
+  <!-- ko if: properties.Format() === 'number' && viewState.displayMode() === AppMagic.Constants.DisplayMode.Edit -->
+  <div class="a11y" aria-live="assertive" aria-atomic="true"></div>
+  <!-- /ko -->
+  </div>
+    ]]></content>
+  <properties>
+    <property name="Default" localizedName="##text_Default##" datatype="String" defaultValue="##Text_DefaultValue_Default##" isExpr="true" editable="true" direction="in" isPrimaryInputProperty="true">
+      <title>Initial text</title>
+      <appMagic:category>data</appMagic:category>
+      <appMagic:displayName>##text_Default_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##text_Default_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="Text" localizedName="##text_Text##" datatype="String" direction="out" isPrimaryOutputProperty="true" supportsAutomation="true">
+      <title>Output Text</title>
+      <appMagic:category>data</appMagic:category>
+    </property>
+    <property name="Mode" localizedName="##text_Mode##" datatype="TextMode" defaultValue="%TextMode.RESERVED%.SingleLine" isExpr="true">
+      <title>Textbox Mode</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>TextMode</appMagic:helperUI>
+      <appMagic:displayName>##text_Mode_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##text_Mode_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="Format" localizedName="##text_Format##" datatype="TextFormat" defaultValue="%TextFormat.RESERVED%.Text" isExpr="true">
+      <title>Input textbox Format</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>TextFormat</appMagic:helperUI>
+      <appMagic:displayName>##text_Format_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##text_Format_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="VirtualKeyboardMode" localizedName="##text_VirtualKeyboardMode##" datatype="VirtualKeyboardMode" defaultValue="%VirtualKeyboardMode.RESERVED%.Auto" isExpr="true">
+      <title>Input Keyboard Type</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>VirtualKeyboardMode</appMagic:helperUI>
+      <appMagic:displayName>##text_VirtualKeyboardMode_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##text_VirtualKeyboardMode_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="Clear" localizedName="##text_Clear##" datatype="Boolean" defaultValue="false">
+      <title>Clear Button</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>boolean</appMagic:helperUI>
+      <appMagic:displayName>##text_Clear_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##text_Clear_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="EnableSpellCheck" localizedName="##text_EnableSpellCheck##" datatype="Boolean" defaultValue="false">
+      <title>Enable spell check</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>boolean</appMagic:helperUI>
+      <appMagic:displayName>##text_EnableSpellCheck_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##text_EnableSpellCheck_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="Reset" localizedName="##commonProperties_Reset##" datatype="Boolean" defaultValue="false" direction="in">
+      <title>Reset</title>
+      <appMagic:category>data</appMagic:category>
+      <appMagic:displayName>##commonProperties_Reset_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##commonProperties_Reset_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="LineHeight" localizedName="##text_LineHeight##" datatype="Number" defaultValue="1.2">
+      <title>Line Height</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##text_LineHeight_DisplayName##</appMagic:displayName>
+      <appMagic:helperUI>lineWidth</appMagic:helperUI>
+      <appMagic:tooltip>##label_LineHeight_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="HintText" localizedName="##text_HintText##" datatype="String">
+      <title>Hint text</title>
+      <appMagic:category>data</appMagic:category>
+      <appMagic:displayName>##text_HintText_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##text_HintText_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="MaxLength" localizedName="##commonProperties_MaxLength##" datatype="Number" default="" direction="in" isExpr="true">
+      <title>MaxLength</title>
+      <appMagic:category>data</appMagic:category>
+      <appMagic:displayName>##commonProperties_MaxLength_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##commonProperties_MaxLength_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="DelayOutput" localizedName="##text_DelayOutput##" datatype="Boolean" defaultValue="false" direction="in" isExpr="true">
+      <title>DelayOutput</title>
+      <appMagic:category>data</appMagic:category>
+      <appMagic:displayName>##text_DelayOutput_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##text_DelayOutput_Tooltip##</appMagic:tooltip>
+    </property>
+  </properties>
+  <appMagic:includeProperties>
+    <!-- Data -->
+    <appMagic:includeProperty name="AccessibleLabel" />
+    <appMagic:includeProperty name="Tooltip">
+      <appMagic:commandBar>
+        <appMagic:visible>true</appMagic:visible>
+      </appMagic:commandBar>
+    </appMagic:includeProperty>
+    <appMagic:includeProperty name="ContentLanguage" />
+    <!-- Design -->
+    <appMagic:includeProperty name="BorderColor" />
+    <appMagic:includeProperty name="RadiusTopLeft" defaultValue="5" />
+    <appMagic:includeProperty name="RadiusTopRight" defaultValue="5" />
+    <appMagic:includeProperty name="RadiusBottomLeft" defaultValue="5" />
+    <appMagic:includeProperty name="RadiusBottomRight" defaultValue="5" />
+    <appMagic:includeProperty name="DisabledBorderColor" defaultValue="ColorFade(Self.BorderColor, 40%)" />
+    <appMagic:includeProperty name="PressedBorderColor" defaultValue="Self.HoverBorderColor" />
+    <appMagic:includeProperty name="HoverBorderColor" defaultValue="Self.Color" />
+    <appMagic:includeProperty name="BorderStyle" />
+    <appMagic:includeProperty name="BorderThickness" defaultValue="1" />
+    <appMagic:includeProperty name="FocusedBorderColor" defaultValue="Self.BorderColor" isExpr="true" />
+    <appMagic:includeProperty name="FocusedBorderThickness" defaultValue="3" />
+    <appMagic:includeProperty name="Color" defaultValue="RGBA(70, 68, 64, 1)" />
+    <appMagic:includeProperty name="DisabledColor" defaultValue="ColorFade(Self.Color, 40%)" />
+    <appMagic:includeProperty name="PressedColor" defaultValue="Self.Color" />
+    <appMagic:includeProperty name="HoverColor" defaultValue="Self.Color" />
+    <appMagic:includeProperty name="Fill" defaultValue="RGBA(255, 255, 255, 1)" />
+    <appMagic:includeProperty name="DisabledFill" defaultValue="Self.Fill" />
+    <appMagic:includeProperty name="PressedFill" defaultValue="Self.Fill" />
+    <appMagic:includeProperty name="HoverFill" defaultValue="Self.Fill" />
+    <appMagic:includeProperty name="Font" />
+    <appMagic:includeProperty name="Size" defaultValue="14" phoneDefaultValue="24" webDefaultValue="12" />
+    <appMagic:includeProperty name="FontWeight" />
+    <appMagic:includeProperty name="Italic" />
+    <appMagic:includeProperty name="Underline" />
+    <appMagic:includeProperty name="Strikethrough" />
+    <appMagic:includeProperty name="Align" />
+    <appMagic:includeProperty name="PaddingTop" defaultValue="5" />
+    <appMagic:includeProperty name="PaddingRight" defaultValue="5" />
+    <appMagic:includeProperty name="PaddingBottom" defaultValue="5" />
+    <appMagic:includeProperty name="PaddingLeft" defaultValue="12" />
+    <appMagic:includeProperty name="X" />
+    <appMagic:includeProperty name="Y" />
+    <appMagic:includeProperty name="Width" defaultValue="320" phoneDefaultValue="560" webDefaultValue="180" />
+    <appMagic:includeProperty name="Height" defaultValue="40" phoneDefaultValue="70" webDefaultValue="32" />
+    <appMagic:includeProperty name="Visible" />
+    <appMagic:includeProperty name="DisplayMode" />
+    <appMagic:includeProperty name="TabIndex" />
+    <!-- Behavior -->
+    <!-- TASK: 85476: Do Behavior properties make sense as input only? -->
+    <appMagic:includeProperty name="OnChange" direction="in" />
+    <appMagic:includeProperty name="OnSelect" direction="in" />
+    <!--Hidden properties -->
+    <appMagic:includeProperty name="maximumHeight" defaultValue="768" />
+    <appMagic:includeProperty name="maximumWidth" defaultValue="1366" />
+    <appMagic:includeProperty name="minimumHeight" defaultValue="30" />
+    <appMagic:includeProperty name="minimumWidth" defaultValue="10" />
+  </appMagic:includeProperties>
+  <!--Property Dependencies -->
+  <appMagic:propertyDependencies>
+    <appMagic:propertyDependency input="Default" output="Text" />
+    <appMagic:propertyDependency input="MaxLength" output="Text" />
+    <appMagic:propertyDependency input="Format" output="Text" />
+    <appMagic:propertyDependency input="Reset" output="Text" />
+  </appMagic:propertyDependencies>
+  <appMagic:insertMetadata>
+    <appMagic:category name="Popular" priority="30" />
+    <appMagic:category name="Input" priority="20" />
+    <appMagic:category name="ClassicControls" priority="20" />
+  </appMagic:insertMetadata>
+  <!-- Display metadata providing property visibility, order, sections, and grouping in UI (e.g. properties panel) -->
+  <appMagic:displayMetadata>
+    <appMagic:section>
+      <appMagic:property name="Default" />
+      <appMagic:property name="Format" />
+      <appMagic:property name="HintText" />
+      <appMagic:property name="Font" displayType="FontEnum" showInFloatie="true" showInCommandBar="true" />
+      <appMagic:property name="Size" labelOverride="##FontSize_Property##" showInFloatie="true" showInCommandBar="true" />
+      <appMagic:property name="FontWeight" displayType="EnumIcon" itemsOrder="Bold;Semibold;Normal;Lighter" showInCommandBar="true" />
+      <appMagic:propertyGroup name="Style">
+        <appMagic:property name="Italic" displayType="ToggleButton" />
+        <appMagic:property name="Underline" displayType="ToggleButton" />
+        <appMagic:property name="Strikethrough" displayType="ToggleButton" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="Align" displayType="EnumButtons" itemsOrder="Left;Center;Right;Justify" labelOverride="##FontAlign_Property##" showInFloatie="true" showInCommandBar="true" floatieDisplayType="FaceplateIconEnum" />
+      <appMagic:property name="LineHeight" />
+      <appMagic:property name="Clear" />
+      <appMagic:property name="EnableSpellCheck" />
+      <appMagic:property name="MaxLength" />
+      <appMagic:property name="Mode" />
+      <appMagic:property name="DisplayMode" />
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:property name="Visible" />
+      <appMagic:propertyGroup name="Position">
+        <appMagic:property name="X" />
+        <appMagic:property name="Y" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Size">
+        <appMagic:property name="Width" />
+        <appMagic:property name="Height" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Padding">
+        <appMagic:property name="PaddingTop" labelOverride="##Padding_Top_Title##" />
+        <appMagic:property name="PaddingBottom" labelOverride="##Padding_Bottom_Title##" />
+        <appMagic:property name="PaddingLeft" labelOverride="##Padding_Left_Title##" />
+        <appMagic:property name="PaddingRight" labelOverride="##Padding_Right_Title##" />
+      </appMagic:propertyGroup>
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:propertyGroup name="Color">
+        <appMagic:property name="Color" showInFloatie="true" showInCommandBar="true" />
+        <appMagic:property name="Fill" showInFloatie="true" showInCommandBar="true" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Border">
+        <appMagic:property name="BorderStyle" showInCommandBar="true" />
+        <appMagic:property name="BorderThickness" showInCommandBar="true" />
+        <appMagic:property name="BorderColor" showInCommandBar="true" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="Radius">
+        <appMagic:property name="RadiusTopLeft" />
+        <appMagic:property name="RadiusTopRight" />
+        <appMagic:property name="RadiusBottomLeft" />
+        <appMagic:property name="RadiusBottomRight" />
+      </appMagic:propertyGroup>
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:propertyGroup name="DisabledColor">
+        <appMagic:property name="DisabledColor" />
+        <appMagic:property name="DisabledFill" />
+        <appMagic:property name="DisabledBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="HoverColor">
+        <appMagic:property name="HoverColor" />
+        <appMagic:property name="HoverFill" />
+        <appMagic:property name="HoverBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="PressedColor">
+        <appMagic:property name="PressedColor" />
+        <appMagic:property name="PressedFill" />
+        <appMagic:property name="PressedBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="Tooltip" />
+      <appMagic:property name="TabIndex" />
+    </appMagic:section>
+  </appMagic:displayMetadata>
+  <appMagic:conversion from="2.0.0" to="2.0.1">
+    <!-- Removed defaultValue for BorderColor. BorderColor default now defined in theme. -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.0.1" to="2.1.0">
+    <!-- Added a new property VirtualKeyboardMode to hint what type of virtual keyboard for the OS to show-->
+    <appMagic:conversionAction type="add" name="VirtualKeyboardMode" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.1.0" to="2.2.0">
+    <!-- Added EnableSpellCheck property. -->
+    <appMagic:conversionAction type="add" name="EnableSpellCheck" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.2.0" to="2.2.1">
+    <!-- KO template change to use HTML maxlength attribute -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.2.1" to="2.3.0">
+    <appMagic:conversionAction type="add" name="ContentLanguage" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.3.0" to="2.3.1">
+    <!-- KO template changes for accessibility fixes -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.3.1" to="2.3.2">
+    <!-- KO template changes for accessibility fixes -->
+  </appMagic:conversion>
+</widget>
\ No newline at end of file