diff --git a/fluentui-ard/Assets/Images/ard-logo.png b/fluentui-ard/Assets/Images/ard-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..d59c527f275370809909a8e23d1b8f652f3c138e
Binary files /dev/null and b/fluentui-ard/Assets/Images/ard-logo.png differ
diff --git a/fluentui-ard/Assets/Images/rbb-logo.jpg b/fluentui-ard/Assets/Images/rbb-logo.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d69daa2b440e0aaf644e13bce438fa6379413572
Binary files /dev/null and b/fluentui-ard/Assets/Images/rbb-logo.jpg differ
diff --git a/fluentui-ard/Assets/SampleImage.json b/fluentui-ard/Assets/SampleImage.json
new file mode 100644
index 0000000000000000000000000000000000000000..f620723215fd716d281480518b4be8b72b88495b
--- /dev/null
+++ b/fluentui-ard/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-ard/CanvasManifest.json b/fluentui-ard/CanvasManifest.json
new file mode 100644
index 0000000000000000000000000000000000000000..e4137f55df9b90e0dba94db32b1b0d966944ef19
--- /dev/null
+++ b/fluentui-ard/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": false,
+    "DocumentLayoutOrientation": "portrait",
+    "DocumentLayoutScaleToFit": false,
+    "DocumentLayoutWidth": 640,
+    "DocumentType": "App",
+    "EnableInstrumentation": false,
+    "FileID": "4c127163-e48d-4e19-b119-a6ccd7ec349d",
+    "Id": "4c127163-e48d-4e19-b119-a6ccd7ec349d",
+    "InstrumentationKey": "",
+    "LocalDatabaseReferences": "{}",
+    "ManualOfflineProfileId": "",
+    "Name": "ChatGPT-H-I",
+    "OriginatingVersion": "1.335",
+    "ParserErrorCount": 0,
+    "ShowStatusBar": false
+  },
+  "PublishInfo": {
+    "AppName": "ChatGPT-H-I",
+    "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": [
+    "Screen1"
+  ]
+}
\ No newline at end of file
diff --git a/fluentui-ard/ComponentReferences.json b/fluentui-ard/ComponentReferences.json
new file mode 100644
index 0000000000000000000000000000000000000000..0637a088a01e8ddab3bf3fa98dbe804cbde1a0dc
--- /dev/null
+++ b/fluentui-ard/ComponentReferences.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/fluentui-ard/Connections/Connections.json b/fluentui-ard/Connections/Connections.json
new file mode 100644
index 0000000000000000000000000000000000000000..9e26dfeeb6e641a33dae4961196235bdb965b21b
--- /dev/null
+++ b/fluentui-ard/Connections/Connections.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/fluentui-ard/ControlTemplates.json b/fluentui-ard/ControlTemplates.json
new file mode 100644
index 0000000000000000000000000000000000000000..910e783b3b5d52fc208fe21be343151d326470d4
--- /dev/null
+++ b/fluentui-ard/ControlTemplates.json
@@ -0,0 +1,129 @@
+{
+  "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"
+  },
+  "groupContainer": {
+    "CustomGroupControlTemplateName": "",
+    "FirstParty": true,
+    "Id": "http://microsoft.com/appmagic/groupContainer",
+    "IsComponentTemplate": false,
+    "IsCustomGroupControlTemplate": false,
+    "IsPcfControl": false,
+    "IsPremiumPcfControl": false,
+    "IsWidgetTemplate": true,
+    "LastModifiedTimestamp": "0",
+    "Name": "groupContainer",
+    "OverridableProperties": {},
+    "Version": "1.3.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"
+  },
+  "image": {
+    "CustomGroupControlTemplateName": "",
+    "FirstParty": true,
+    "Id": "http://microsoft.com/appmagic/image",
+    "IsComponentTemplate": false,
+    "IsCustomGroupControlTemplate": false,
+    "IsPcfControl": false,
+    "IsPremiumPcfControl": false,
+    "IsWidgetTemplate": true,
+    "LastModifiedTimestamp": "0",
+    "Name": "image",
+    "OverridableProperties": {},
+    "Version": "2.2.2"
+  },
+  "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"
+  },
+  "toggleSwitch": {
+    "CustomGroupControlTemplateName": "",
+    "FirstParty": true,
+    "Id": "http://microsoft.com/appmagic/toggleSwitch",
+    "IsComponentTemplate": false,
+    "IsCustomGroupControlTemplate": false,
+    "IsPcfControl": false,
+    "IsPremiumPcfControl": false,
+    "IsWidgetTemplate": true,
+    "LastModifiedTimestamp": "0",
+    "Name": "toggleSwitch",
+    "OverridableProperties": {},
+    "Version": "2.1.0"
+  }
+}
\ No newline at end of file
diff --git a/fluentui-ard/Entropy/AppCheckerResult.sarif b/fluentui-ard/Entropy/AppCheckerResult.sarif
new file mode 100644
index 0000000000000000000000000000000000000000..e03806d0e6d014dfc0a656b0c28130a5d83ee8b3
--- /dev/null
+++ b/fluentui-ard/Entropy/AppCheckerResult.sarif
@@ -0,0 +1,486 @@
+{
+  "$schema": "https://schemastore.azurewebsites.net/schemas/json/sarif-2.1.0-rtm.4.json",
+  "runs": [
+    {
+      "columnKind": "utf16CodeUnits",
+      "invocations": [
+        {
+          "executionSuccessful": true
+        }
+      ],
+      "results": [
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Screen1"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Screen1",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "module": "Screen1",
+                "type": "Screen1"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Low"
+          },
+          "ruleId": "acc-ReadableScreenNameNeeded",
+          "ruleIndex": 0
+        },
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Screen1.ConResp.chatbox1.AccessibleLabel"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Screen1.ConResp.chatbox1.AccessibleLabel",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "AccessibleLabel",
+                "module": "Screen1",
+                "type": "Screen1.ConResp.chatbox1"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Medium"
+          },
+          "ruleId": "acc-AccessibleLabelNeeded",
+          "ruleIndex": 1
+        },
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Screen1.ConFkt1.Eraser1.AccessibleLabel"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Screen1.ConFkt1.Eraser1.AccessibleLabel",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "AccessibleLabel",
+                "module": "Screen1",
+                "type": "Screen1.ConFkt1.Eraser1"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Medium"
+          },
+          "ruleId": "acc-AccessibleLabelNeeded",
+          "ruleIndex": 1
+        },
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Screen1.ConFkt1.Eraser1.TabIndex"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Screen1.ConFkt1.Eraser1.TabIndex",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "TabIndex",
+                "module": "Screen1",
+                "type": "Screen1.ConFkt1.Eraser1"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Low"
+          },
+          "ruleId": "acc-TabOrderShouldBeChecked",
+          "ruleIndex": 2
+        },
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Screen1.ConFkt1.Eraser1.FocusedBorderThickness"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Screen1.ConFkt1.Eraser1.FocusedBorderThickness",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "FocusedBorderThickness",
+                "module": "Screen1",
+                "type": "Screen1.ConFkt1.Eraser1"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Medium"
+          },
+          "ruleId": "acc-FocusBorderShouldBeVisible",
+          "ruleIndex": 3
+        },
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Screen1.ConFkt1.Completionmode1.ShowLabel"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Screen1.ConFkt1.Completionmode1.ShowLabel",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "ShowLabel",
+                "module": "Screen1",
+                "type": "Screen1.ConFkt1.Completionmode1"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Medium"
+          },
+          "ruleId": "acc-HelpfulControlSettingNeeded",
+          "ruleIndex": 4
+        },
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Screen1.ConFkt1.Completionmode1.AccessibleLabel"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Screen1.ConFkt1.Completionmode1.AccessibleLabel",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "AccessibleLabel",
+                "module": "Screen1",
+                "type": "Screen1.ConFkt1.Completionmode1"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Medium"
+          },
+          "ruleId": "acc-AccessibleLabelNeeded",
+          "ruleIndex": 1
+        },
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Screen1.ConFkt1.Completionmode1.TabIndex"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Screen1.ConFkt1.Completionmode1.TabIndex",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "TabIndex",
+                "module": "Screen1",
+                "type": "Screen1.ConFkt1.Completionmode1"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Low"
+          },
+          "ruleId": "acc-TabOrderShouldBeChecked",
+          "ruleIndex": 2
+        },
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Screen1.ConSend.textinput1.AccessibleLabel"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Screen1.ConSend.textinput1.AccessibleLabel",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "AccessibleLabel",
+                "module": "Screen1",
+                "type": "Screen1.ConSend.textinput1"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Medium"
+          },
+          "ruleId": "acc-AccessibleLabelNeeded",
+          "ruleIndex": 1
+        },
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Screen1.ConSend.send1.AccessibleLabel"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Screen1.ConSend.send1.AccessibleLabel",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "AccessibleLabel",
+                "module": "Screen1",
+                "type": "Screen1.ConSend.send1"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Medium"
+          },
+          "ruleId": "acc-AccessibleLabelNeeded",
+          "ruleIndex": 1
+        },
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "Screen1.ConSend.send1.TabIndex"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "Screen1.ConSend.send1.TabIndex",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "TabIndex",
+                "module": "Screen1",
+                "type": "Screen1.ConSend.send1"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Low"
+          },
+          "ruleId": "acc-TabOrderShouldBeChecked",
+          "ruleIndex": 2
+        },
+        {
+          "locations": [
+            {
+              "logicalLocations": [
+                {
+                  "fullyQualifiedName": "App.rbb-logo"
+                }
+              ],
+              "physicalLocation": {
+                "address": {
+                  "fullyQualifiedName": "App.rbb-logo",
+                  "relativeAddress": 0
+                }
+              },
+              "properties": {
+                "member": "rbb-logo",
+                "module": "App",
+                "type": "App"
+              }
+            }
+          ],
+          "message": {
+            "id": "issue"
+          },
+          "properties": {
+            "level": "Medium"
+          },
+          "ruleId": "app-UnusedMediaResources",
+          "ruleIndex": 5
+        }
+      ],
+      "tool": {
+        "driver": {
+          "fullName": "PowerApps app checker",
+          "name": "PowerApps app checker",
+          "rules": [
+            {
+              "id": "acc-ReadableScreenNameNeeded",
+              "messageStrings": {
+                "issue": {
+                  "text": "Revise screen name"
+                }
+              },
+              "properties": {
+                "componentType": "app",
+                "howToFix": [
+                  "Give the screen  a title that describes what's on the screen or what it's used for."
+                ],
+                "level": "Low",
+                "primaryCategory": "accessibility",
+                "whyFix": "People who are blind, have low vision, or a reading disability rely on screen titles to navigate using the screen reader. "
+              }
+            },
+            {
+              "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-TabOrderShouldBeChecked",
+              "messageStrings": {
+                "issue": {
+                  "text": "Check the order of the screen items"
+                }
+              },
+              "properties": {
+                "componentType": "app",
+                "howToFix": [
+                  "Make sure that your screen elements match the order in which you'd want to tab through them."
+                ],
+                "level": "Low",
+                "primaryCategory": "accessibility",
+                "whyFix": "When a screen reader reads the elements of a slide, it's important that they appear in the order that a user would see them, instead of the order they were added to the slide."
+              }
+            },
+            {
+              "id": "acc-FocusBorderShouldBeVisible",
+              "messageStrings": {
+                "issue": {
+                  "text": "Focus isn't showing"
+                }
+              },
+              "properties": {
+                "componentType": "app",
+                "howToFix": [
+                  "Change the FocusedBorderThickness property to be more than 0."
+                ],
+                "level": "Medium",
+                "primaryCategory": "accessibility",
+                "whyFix": "If the focus isn't visible, people who don't use a mouse won't be able to see it when they're interacting with the app."
+              }
+            },
+            {
+              "id": "acc-HelpfulControlSettingNeeded",
+              "messageStrings": {
+                "issue": {
+                  "text": "Missing helpful control settings"
+                }
+              },
+              "properties": {
+                "componentType": "app",
+                "howToFix": [
+                  "Select the warning and set the item property to true to enable control setting."
+                ],
+                "level": "Medium",
+                "primaryCategory": "accessibility",
+                "whyFix": "Changing this property setting will give the user better information about the function of the controls in your app."
+              }
+            },
+            {
+              "id": "app-UnusedMediaResources",
+              "messageStrings": {
+                "issue": {
+                  "text": "Unused media files"
+                }
+              },
+              "properties": {
+                "componentType": "app",
+                "howToFix": [
+                  "Remove the unused media file in the Media pane."
+                ],
+                "level": "Medium",
+                "primaryCategory": "performance",
+                "whyFix": "This media file is not referenced by any control formulas so it is not needed. Removing it will improve performance."
+              }
+            }
+          ],
+          "version": "1.335"
+        }
+      }
+    }
+  ],
+  "version": "2.1.0"
+}
\ No newline at end of file
diff --git a/fluentui-ard/Entropy/Entropy.json b/fluentui-ard/Entropy/Entropy.json
new file mode 100644
index 0000000000000000000000000000000000000000..c2455f61b75fb1bbd68bb508afbd905b3bd18b2e
--- /dev/null
+++ b/fluentui-ard/Entropy/Entropy.json
@@ -0,0 +1,109 @@
+{
+  "ComponentIndexes": {},
+  "ControlUniqueGuids": {},
+  "ControlUniqueIds": {
+    "App": 1,
+    "Banlabel1": 6,
+    "chatbox1": 9,
+    "Completionmode1": 14,
+    "ConBan": 5,
+    "ConFkt1": 10,
+    "ConResp": 8,
+    "ConSend": 15,
+    "Eraser1": 13,
+    "Fktlabel1": 11,
+    "Host": 3,
+    "Logo": 7,
+    "Screen1": 4,
+    "send1": 17,
+    "SendMail1": 12,
+    "textinput1": 16
+  },
+  "FunctionParamsInvariantScripts": {},
+  "FunctionParamsInvariantScriptsOnInstances": {},
+  "HeaderLastSavedDateTimeUTC": "11/27/2023 13:13:56",
+  "IsLegacyComponentAllowGlobalScopeCase": false,
+  "LocalConnectionIDReferences": {},
+  "LocalDatabaseReferencesAsEmpty": false,
+  "LocalResourceFileNames": {
+    "ard-logo": "78c7e9f5-0639-41e2-a0ad-f6ac0c98310d.png",
+    "rbb-logo": "456c8ea7-7577-4383-9836-36f2e1f344a3.jpg"
+  },
+  "LocalResourceRootPaths": {
+    "ard-logo": "https://docserverpwaprodneu.blob.core.windows.net/085df51d-bf9b-4148-9f69-7ab81b6217ea-1/resource/Assets0Images078c7e9f5-0639-41e2-a0ad-f6ac0c98310d.png?skoid=58690ece-ec83-4ce2-9ce8-883d4d6a54ee&sktid=975f013f-7f24-47e8-a7d3-abc4752bf346&skt=2023-11-27T13%3A10%3A48Z&ske=2023-11-28T13%3A25%3A48Z&sks=b&skv=2021-12-02&sv=2021-12-02&spr=https&se=2023-11-28T13%3A25%3A48Z&sr=b&sp=r&sig=XSJVWfwov%2BIj4%2BM5ECBtgW5UPFf%2BtWgpU5ldVdH5Diw%3D",
+    "rbb-logo": "https://docserverpwaprodneu.blob.core.windows.net/085df51d-bf9b-4148-9f69-7ab81b6217ea-1/resource/Assets0Images0456c8ea7-7577-4383-9836-36f2e1f344a3.jpg?skoid=58690ece-ec83-4ce2-9ce8-883d4d6a54ee&sktid=975f013f-7f24-47e8-a7d3-abc4752bf346&skt=2023-11-27T13%3A10%3A48Z&ske=2023-11-28T13%3A25%3A48Z&sks=b&skv=2021-12-02&sv=2021-12-02&spr=https&se=2023-11-28T13%3A25%3A48Z&sr=b&sp=r&sig=3McDZxlwKWIlgCh2R8uOR0i1nWNj5%2BQ93nDzB4m7Yac%3D"
+  },
+  "OrderComponentMetadata": {},
+  "OrderComponentTemplate": {},
+  "OrderDataSource": {},
+  "OrderGroupControls": {},
+  "OrderPcfTemplate": {},
+  "OrderTemplate": {},
+  "OrderXMLTemplate": {
+    "groupContainer": 0,
+    "icon": 4,
+    "image": 2,
+    "label": 1,
+    "text": 3,
+    "toggleSwitch": 5
+  },
+  "OverridablePropertiesEntry": {
+    "App": {},
+    "Banlabel1": {},
+    "chatbox1": {},
+    "Completionmode1": {},
+    "ConBan": {},
+    "ConFkt1": {},
+    "ConResp": {},
+    "ConSend": {},
+    "Eraser1": {},
+    "Fktlabel1": {},
+    "Host": {},
+    "Logo": {},
+    "Screen1": {},
+    "send1": {},
+    "SendMail1": {},
+    "textinput1": {}
+  },
+  "PCFDynamicSchemaForIRRetrievalEntry": {},
+  "PCFTemplateEntry": {},
+  "PublishOrderIndices": {
+    "App": 0,
+    "Banlabel1": 1,
+    "chatbox1": 4,
+    "Completionmode1": 9,
+    "ConBan": 0,
+    "ConFkt1": 5,
+    "ConResp": 3,
+    "ConSend": 10,
+    "Eraser1": 8,
+    "Fktlabel1": 6,
+    "Host": 0,
+    "Logo": 2,
+    "Screen1": 0,
+    "send1": 12,
+    "SendMail1": 7,
+    "textinput1": 11
+  },
+  "ResourcesJsonIndices": {
+    "Image-ard-logo": 2,
+    "Image-rbb-logo": 0,
+    "Image-SampleImage": 1
+  },
+  "RuleScreenIdWithoutScreen": {},
+  "TemplateVersions": {},
+  "VolatileProperties": {
+    "AnalysisLoadTime": 0.1677293,
+    "ControlCount": {
+      "groupContainer": 4,
+      "icon": 3,
+      "image": 1,
+      "label": 2,
+      "screen": 1,
+      "text": 2,
+      "toggleSwitch": 1
+    },
+    "DeserializationLoadTime": 0.9639214
+  },
+  "WasLocalDatabaseReferencesEmpty": true
+}
\ No newline at end of file
diff --git a/fluentui-ard/Entropy/checksum.json b/fluentui-ard/Entropy/checksum.json
new file mode 100644
index 0000000000000000000000000000000000000000..8a08d7d88996dc6b0790fc0ec3ba350418aa4169
--- /dev/null
+++ b/fluentui-ard/Entropy/checksum.json
@@ -0,0 +1,38 @@
+{
+  "ClientBuildDetails": {
+    "CommitHash": "941f06c8f5cf7a493289e9514c8dec5c50b61d34",
+    "IsLocalBuild": false
+  },
+  "ClientPerFileChecksums": {
+    "AppCheckerResult.sarif": "C8_P4gX7pLLOXz33lhlewlu5RkJjnciJzTm5WbaLbzOk0M=",
+    "Assets\\Images\\456c8ea7-7577-4383-9836-36f2e1f344a3.jpg": "C8_Tc/HGdQ62xbtBm/41G1l7DIpMm/RT0cgmhtJyanyURs=",
+    "Assets\\Images\\78c7e9f5-0639-41e2-a0ad-f6ac0c98310d.png": "C8_D0WGiAaxVuIcUWpkdQuVcyQy/gSJZuMRDwL63zxJhAk=",
+    "Controls\\1.json": "C8_opQhFd7tQ3IkRABVgFFq82IYQKAFbJ5qy/GElyH/FyI=",
+    "Controls\\4.json": "C8_qg+7JVehmYPh83DL2A0TuLZ3nP0Bh6oxLEL62WzFLCE=",
+    "Header.json": "C8_llhQt1scpWXqxHFjOvnOKAf0i6om02k/7nh2T7XUYlw=",
+    "Properties.json": "C8_EAxCpe/d2f2bPOiTUXokhgQsvdhxfLGaL/Mt1YOtukA=",
+    "References\\DataSources.json": "C8_1Mz8z/quQND5c2f8m0mw1Mjdi+ggLSDhPUoMPaSWpDQ=",
+    "References\\ModernThemes.json": "C8_KDQJ/3t27vgKx25iCQB/PGqxkWE34ZB7Eyb+RxNxY0k=",
+    "References\\Resources.json": "C8_Lm70YxUAxXBDOxspLWPNZqRLnI5XdMraoeyvoVRdqrY=",
+    "References\\Templates.json": "C8_J3t0H8DTiojOWo7lXGqARfvfsp17IlEr5Bodphws3HA=",
+    "References\\Themes.json": "C8_zuMgLpz3IJQlVgGqo3GtyhriL3PR35GxXf+rtPR4Gfc=",
+    "Resources\\PublishInfo.json": "C8_L9UhOWDoS/LUj0KodcbQiXLqewg00O5iSZA4+bCdTGs="
+  },
+  "ClientStampedChecksum": "C8_mcVkvE3ELr7IfhT1HsGGeWFRH5zPtBHwztFhWq7gZQ4=",
+  "ServerPerFileChecksums": {
+    "AppCheckerResult.sarif": "C8_P4gX7pLLOXz33lhlewlu5RkJjnciJzTm5WbaLbzOk0M=",
+    "Assets\\Images\\456c8ea7-7577-4383-9836-36f2e1f344a3.jpg": "C8_Tc/HGdQ62xbtBm/41G1l7DIpMm/RT0cgmhtJyanyURs=",
+    "Assets\\Images\\78c7e9f5-0639-41e2-a0ad-f6ac0c98310d.png": "C8_D0WGiAaxVuIcUWpkdQuVcyQy/gSJZuMRDwL63zxJhAk=",
+    "Controls\\1.json": "C8_opQhFd7tQ3IkRABVgFFq82IYQKAFbJ5qy/GElyH/FyI=",
+    "Controls\\4.json": "C8_qg+7JVehmYPh83DL2A0TuLZ3nP0Bh6oxLEL62WzFLCE=",
+    "Header.json": "C8_llhQt1scpWXqxHFjOvnOKAf0i6om02k/7nh2T7XUYlw=",
+    "Properties.json": "C8_EAxCpe/d2f2bPOiTUXokhgQsvdhxfLGaL/Mt1YOtukA=",
+    "References\\DataSources.json": "C8_1Mz8z/quQND5c2f8m0mw1Mjdi+ggLSDhPUoMPaSWpDQ=",
+    "References\\ModernThemes.json": "C8_KDQJ/3t27vgKx25iCQB/PGqxkWE34ZB7Eyb+RxNxY0k=",
+    "References\\Resources.json": "C8_Lm70YxUAxXBDOxspLWPNZqRLnI5XdMraoeyvoVRdqrY=",
+    "References\\Templates.json": "C8_J3t0H8DTiojOWo7lXGqARfvfsp17IlEr5Bodphws3HA=",
+    "References\\Themes.json": "C8_zuMgLpz3IJQlVgGqo3GtyhriL3PR35GxXf+rtPR4Gfc=",
+    "Resources\\PublishInfo.json": "C8_L9UhOWDoS/LUj0KodcbQiXLqewg00O5iSZA4+bCdTGs="
+  },
+  "ServerStampedChecksum": "C8_mcVkvE3ELr7IfhT1HsGGeWFRH5zPtBHwztFhWq7gZQ4="
+}
\ No newline at end of file
diff --git a/fluentui-ard/Other/References/ModernThemes.json b/fluentui-ard/Other/References/ModernThemes.json
new file mode 100644
index 0000000000000000000000000000000000000000..14ac0273bbbaf4f5ac995550b5867a69a47868b9
--- /dev/null
+++ b/fluentui-ard/Other/References/ModernThemes.json
@@ -0,0 +1,8 @@
+{
+  "Themes": [
+    {
+      "EntityName": "PowerAppsTheme",
+      "ThemeName": "PowerAppsTheme"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/fluentui-ard/Src/App.fx.yaml b/fluentui-ard/Src/App.fx.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..b7ebc9ecf3571b2380a97a98f6c41a3c27aa3fd5
--- /dev/null
+++ b/fluentui-ard/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-ard/Src/EditorState/App.editorstate.json b/fluentui-ard/Src/EditorState/App.editorstate.json
new file mode 100644
index 0000000000000000000000000000000000000000..dc68feb37cbc495e12c8cb027e9712bccadd0947
--- /dev/null
+++ b/fluentui-ard/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-ard/Src/EditorState/Screen1.editorstate.json b/fluentui-ard/Src/EditorState/Screen1.editorstate.json
new file mode 100644
index 0000000000000000000000000000000000000000..fa9f6054697152a5096280c6f4a848a9d381cf9c
--- /dev/null
+++ b/fluentui-ard/Src/EditorState/Screen1.editorstate.json
@@ -0,0 +1,3952 @@
+{
+  "ControlStates": {
+    "Banlabel1": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "Live",
+        "Overflow",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "\"Text\"",
+          "InvariantPropertyName": "Text",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Role",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Color",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "DisabledColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "PressedColor",
+        "HoverColor",
+        "BorderColor",
+        "DisabledBorderColor",
+        "PressedBorderColor",
+        "HoverBorderColor",
+        "BorderStyle",
+        "FocusedBorderColor",
+        "Fill",
+        "DisabledFill",
+        "PressedFill",
+        "HoverFill",
+        "Font",
+        "FontWeight",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Align",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "VerticalAlign",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "11",
+          "InvariantPropertyName": "X",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "10",
+          "InvariantPropertyName": "Y",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "134",
+          "InvariantPropertyName": "Width",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "66",
+          "InvariantPropertyName": "Height",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisplayMode",
+        "ZIndex",
+        "LineHeight",
+        "BorderThickness",
+        "FocusedBorderThickness",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Size",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Italic",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Underline",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Strikethrough",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "PaddingTop",
+        "PaddingRight",
+        "PaddingBottom",
+        "PaddingLeft",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "AutoHeight",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        }
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "Banlabel1",
+      "ParentIndex": 0,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Data",
+          "PropertyName": "Live",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "Text",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "Role",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Fill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Font",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FontWeight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Align",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Italic",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Underline",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "VerticalAlign",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "X",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Strikethrough",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Y",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingTop",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingRight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Width",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Height",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingBottom",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingLeft",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisplayMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ZIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LineHeight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Size",
+          "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": "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": "AutoHeight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedColor",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultLabelStyle",
+      "Type": "ControlInfo"
+    },
+    "chatbox1": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Default",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Mode",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Format",
+        "VirtualKeyboardMode",
+        "DelayOutput",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "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",
+        {
+          "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",
+        "Font",
+        "FontWeight",
+        "Align",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "39",
+          "InvariantPropertyName": "X",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "30",
+          "InvariantPropertyName": "Y",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "560",
+          "InvariantPropertyName": "Width",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "692",
+          "InvariantPropertyName": "Height",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "DisplayMode",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "ZIndex",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "0",
+          "InvariantPropertyName": "RadiusTopLeft",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "0",
+          "InvariantPropertyName": "RadiusTopRight",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "0",
+          "InvariantPropertyName": "RadiusBottomLeft",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "0",
+          "InvariantPropertyName": "RadiusBottomRight",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "BorderThickness",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "FocusedBorderThickness",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Size",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Italic",
+        "Underline",
+        "Strikethrough",
+        "EnableSpellCheck",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Clear",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "false",
+          "InvariantPropertyName": "Reset",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "false",
+          "InvariantPropertyName": "OnSelect",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "false",
+          "InvariantPropertyName": "OnChange",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "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": "chatbox1",
+      "ParentIndex": 0,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Data",
+          "PropertyName": "MaxLength",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "Reset",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "Default",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "DelayOutput",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Clear",
+          "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": "EnableSpellCheck",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ZIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisplayMode",
+          "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": "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": "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": "VirtualKeyboardMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Format",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Mode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnSelect",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnChange",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultTextStyle",
+      "Type": "ControlInfo"
+    },
+    "Completionmode1": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "HandleFill",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "TextPosition",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "FalseFill",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "FalseHoverFill",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "TrueFill",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "TrueHoverFill",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "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": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "BorderStyle.None",
+          "InvariantPropertyName": "BorderStyle",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "FocusedBorderColor",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "63",
+          "InvariantPropertyName": "Height",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "128",
+          "InvariantPropertyName": "Width",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "21",
+          "InvariantPropertyName": "X",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "28",
+          "InvariantPropertyName": "Y",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "DisplayMode",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "FontWeight",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Color",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisabledColor",
+        "Font",
+        "ZIndex",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "BorderThickness",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "FocusedBorderThickness",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Size",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "ShowLabel",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "TabIndex",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "AccessibleLabel",
+        "ContentLanguage",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Default",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Visible",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Tooltip",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Strikethrough",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "\"Off\"",
+          "InvariantPropertyName": "FalseText",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "\"On\"",
+          "InvariantPropertyName": "TrueText",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Underline",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Italic",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "LabelPaddingRight",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "5",
+          "InvariantPropertyName": "LabelPaddingLeft",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        }
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "Completionmode1",
+      "ParentIndex": 3,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Data",
+          "PropertyName": "TrueText",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "FalseText",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "Tooltip",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "Default",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "ContentLanguage",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Data",
+          "PropertyName": "AccessibleLabel",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LabelPaddingRight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Italic",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Underline",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Strikethrough",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Visible",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "TabIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ZIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Font",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Color",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FontWeight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisplayMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Y",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "X",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Width",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Size",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Height",
+          "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": "TrueHoverFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "TrueFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FalseHoverFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FalseFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "TextPosition",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HandleFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ShowLabel",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LabelPaddingLeft",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderColor",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultToggleSwitchStyle",
+      "Type": "ControlInfo"
+    },
+    "ConBan": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "BorderColor",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "BorderStyle",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Fill",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "3",
+          "InvariantPropertyName": "X",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Y",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "637",
+          "InvariantPropertyName": "Width",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "105",
+          "InvariantPropertyName": "Height",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisplayMode",
+        "LayoutMode",
+        "LayoutDirection",
+        "LayoutAlignItems",
+        "LayoutJustifyContent",
+        "LayoutGap",
+        "LayoutOverflowX",
+        "LayoutOverflowY",
+        "LayoutWrap",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "DropShadow",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "ZIndex",
+        "RadiusTopLeft",
+        "RadiusTopRight",
+        "RadiusBottomLeft",
+        "RadiusBottomRight"
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "ConBan",
+      "ParentIndex": 0,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "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": "DropShadow",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutWrap",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutOverflowY",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutOverflowX",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutGap",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutJustifyContent",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutAlignItems",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutDirection",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisplayMode",
+          "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": "Fill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderStyle",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderColor",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultGroupContainerStyle",
+      "Type": "ControlInfo"
+    },
+    "ConFkt1": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "BorderColor",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "BorderStyle",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Fill",
+        "X",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "762",
+          "InvariantPropertyName": "Y",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "640",
+          "InvariantPropertyName": "Width",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "137",
+          "InvariantPropertyName": "Height",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisplayMode",
+        "LayoutMode",
+        "LayoutDirection",
+        "LayoutAlignItems",
+        "LayoutJustifyContent",
+        "LayoutGap",
+        "LayoutOverflowX",
+        "LayoutOverflowY",
+        "LayoutWrap",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "DropShadow",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "ZIndex",
+        "RadiusTopLeft",
+        "RadiusTopRight",
+        "RadiusBottomLeft",
+        "RadiusBottomRight",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Visible",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "PaddingRight",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        }
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "ConFkt1",
+      "ParentIndex": 2,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "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": "DropShadow",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutWrap",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutOverflowY",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutOverflowX",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutGap",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutJustifyContent",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutAlignItems",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutDirection",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisplayMode",
+          "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": "Fill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderStyle",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Visible",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingRight",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultGroupContainerStyle",
+      "Type": "ControlInfo"
+    },
+    "ConResp": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "BorderColor",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "BorderStyle",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Fill",
+        "X",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "94",
+          "InvariantPropertyName": "Y",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "640",
+          "InvariantPropertyName": "Width",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "699",
+          "InvariantPropertyName": "Height",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisplayMode",
+        "LayoutMode",
+        "LayoutDirection",
+        "LayoutAlignItems",
+        "LayoutJustifyContent",
+        "LayoutGap",
+        "LayoutOverflowX",
+        "LayoutOverflowY",
+        "LayoutWrap",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "DropShadow",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "ZIndex",
+        "RadiusTopLeft",
+        "RadiusTopRight",
+        "RadiusBottomLeft",
+        "RadiusBottomRight"
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "ConResp",
+      "ParentIndex": 1,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Design",
+          "PropertyName": "BorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderStyle",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Fill",
+          "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": "LayoutMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutDirection",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutAlignItems",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutJustifyContent",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutGap",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutOverflowX",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutOverflowY",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutWrap",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DropShadow",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ZIndex",
+          "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"
+        }
+      ],
+      "StyleName": "defaultGroupContainerStyle",
+      "Type": "ControlInfo"
+    },
+    "ConSend": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "BorderColor",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "BorderStyle",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Fill",
+        "X",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "904",
+          "InvariantPropertyName": "Y",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "640",
+          "InvariantPropertyName": "Width",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "232",
+          "InvariantPropertyName": "Height",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisplayMode",
+        "LayoutMode",
+        "LayoutDirection",
+        "LayoutAlignItems",
+        "LayoutJustifyContent",
+        "LayoutGap",
+        "LayoutOverflowX",
+        "LayoutOverflowY",
+        "LayoutWrap",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "DropShadow",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "ZIndex",
+        "RadiusTopLeft",
+        "RadiusTopRight",
+        "RadiusBottomLeft",
+        "RadiusBottomRight"
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "ConSend",
+      "ParentIndex": 3,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "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": "DropShadow",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutWrap",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutOverflowY",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutOverflowX",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutGap",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutJustifyContent",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutAlignItems",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutDirection",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LayoutMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisplayMode",
+          "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": "Fill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderStyle",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderColor",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultGroupContainerStyle",
+      "Type": "ControlInfo"
+    },
+    "Eraser1": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "Icon",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Color",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "DisabledColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "RGBA(16, 110, 190, 1)",
+          "InvariantPropertyName": "PressedColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "HoverColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Fill",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisabledFill",
+        "PressedFill",
+        "HoverFill",
+        "DisplayMode",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "540",
+          "InvariantPropertyName": "X",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "27",
+          "InvariantPropertyName": "Y",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "72",
+          "InvariantPropertyName": "Width",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "72",
+          "InvariantPropertyName": "Height",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "BorderStyle",
+        "BorderColor",
+        "DisabledBorderColor",
+        "PressedBorderColor",
+        "HoverBorderColor",
+        "FocusedBorderColor",
+        "ZIndex",
+        "BorderThickness",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "FocusedBorderThickness",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "false",
+          "InvariantPropertyName": "OnSelect",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "TabIndex",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        }
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "Eraser1",
+      "ParentIndex": 2,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "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": "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": "ZIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Icon",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "TabIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "X",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnSelect",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultIconStyle",
+      "Type": "ControlInfo"
+    },
+    "Fktlabel1": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "Live",
+        "Overflow",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Text",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Role",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Color",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisabledColor",
+        "PressedColor",
+        "HoverColor",
+        "BorderColor",
+        "DisabledBorderColor",
+        "PressedBorderColor",
+        "HoverBorderColor",
+        "BorderStyle",
+        "FocusedBorderColor",
+        "Fill",
+        "DisabledFill",
+        "PressedFill",
+        "HoverFill",
+        "Font",
+        "FontWeight",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Align",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "VerticalAlign",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "185",
+          "InvariantPropertyName": "X",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "6",
+          "InvariantPropertyName": "Y",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "178",
+          "InvariantPropertyName": "Width",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "100",
+          "InvariantPropertyName": "Height",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisplayMode",
+        "ZIndex",
+        "LineHeight",
+        "BorderThickness",
+        "FocusedBorderThickness",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Size",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Italic",
+        "Underline",
+        "Strikethrough",
+        "PaddingTop",
+        "PaddingRight",
+        "PaddingBottom",
+        "PaddingLeft",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "AutoHeight",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Visible",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        }
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "Fktlabel1",
+      "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": "BorderStyle",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Height",
+          "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": "Size",
+          "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": "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": "AutoHeight",
+          "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": "Visible",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedColor",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultLabelStyle",
+      "Type": "ControlInfo"
+    },
+    "Logo": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Image",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "ImagePosition",
+        "ImageRotation",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "235",
+          "InvariantPropertyName": "X",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "7",
+          "InvariantPropertyName": "Y",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "180",
+          "InvariantPropertyName": "Width",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "87",
+          "InvariantPropertyName": "Height",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Fill",
+        "DisabledFill",
+        "PressedFill",
+        "HoverFill",
+        "BorderColor",
+        "DisabledBorderColor",
+        "PressedBorderColor",
+        "HoverBorderColor",
+        "FocusedBorderColor",
+        "BorderStyle",
+        "DisplayMode",
+        "ZIndex",
+        "RadiusTopLeft",
+        "RadiusTopRight",
+        "RadiusBottomLeft",
+        "RadiusBottomRight",
+        "BorderThickness",
+        "FocusedBorderThickness",
+        "PaddingTop",
+        "PaddingRight",
+        "PaddingBottom",
+        "PaddingLeft"
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "Logo",
+      "ParentIndex": 1,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Data",
+          "PropertyName": "Image",
+          "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": "DisplayMode",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderStyle",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingLeft",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingBottom",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "DisabledFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingRight",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PaddingTop",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Fill",
+          "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": "ImageRotation",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ImagePosition",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "HoverFill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "PressedFill",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultImageStyle",
+      "Type": "ControlInfo"
+    },
+    "Screen1": {
+      "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",
+        "LoadingSpinnerColor"
+      ],
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "Screen1",
+      "ParentIndex": 0,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Design",
+          "PropertyName": "Fill",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "ImagePosition",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Height",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Width",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Size",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Orientation",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LoadingSpinner",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "LoadingSpinnerColor",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultScreenStyle",
+      "Type": "ControlInfo"
+    },
+    "send1": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "Icon",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Color",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisabledColor",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "RGBA(16, 110, 190, 1)",
+          "InvariantPropertyName": "PressedColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "HoverColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Fill",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisabledFill",
+        "PressedFill",
+        "HoverFill",
+        "DisplayMode",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "536",
+          "InvariantPropertyName": "X",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "40",
+          "InvariantPropertyName": "Y",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "64",
+          "InvariantPropertyName": "Width",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "64",
+          "InvariantPropertyName": "Height",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "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": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "false",
+          "InvariantPropertyName": "OnSelect",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "TabIndex",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        }
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "send1",
+      "ParentIndex": 1,
+      "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"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "TabIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnSelect",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultIconStyle",
+      "Type": "ControlInfo"
+    },
+    "SendMail1": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        "Icon",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Color",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "DisabledColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "RGBA(16, 110, 190, 1)",
+          "InvariantPropertyName": "PressedColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "HoverColor",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Fill",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisabledFill",
+        "PressedFill",
+        "HoverFill",
+        "DisplayMode",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "402",
+          "InvariantPropertyName": "X",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "16",
+          "InvariantPropertyName": "Y",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "77",
+          "InvariantPropertyName": "Width",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "80",
+          "InvariantPropertyName": "Height",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "BorderStyle",
+        "BorderColor",
+        "DisabledBorderColor",
+        "PressedBorderColor",
+        "HoverBorderColor",
+        "FocusedBorderColor",
+        "ZIndex",
+        "BorderThickness",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "FocusedBorderThickness",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "false",
+          "InvariantPropertyName": "OnSelect",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "AutoDisableOnSelect",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Rotation",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        }
+      ],
+      "HasDynamicProperties": false,
+      "IsAutoGenerated": false,
+      "IsComponentDefinition": false,
+      "IsDataControl": false,
+      "IsFromScreenLayout": false,
+      "IsGroupControl": false,
+      "IsLocked": false,
+      "LayoutName": "",
+      "MetaDataIDKey": "",
+      "Name": "SendMail1",
+      "ParentIndex": 1,
+      "PersistMetaDataIDKey": false,
+      "Properties": [
+        {
+          "Category": "Design",
+          "PropertyName": "Rotation",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "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": "AutoDisableOnSelect",
+          "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": "Height",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Y",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "Width",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "X",
+          "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": "ZIndex",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "BorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderThickness",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Design",
+          "PropertyName": "FocusedBorderColor",
+          "RuleProviderType": "Unknown"
+        },
+        {
+          "Category": "Behavior",
+          "PropertyName": "OnSelect",
+          "RuleProviderType": "Unknown"
+        }
+      ],
+      "StyleName": "defaultIconStyle",
+      "Type": "ControlInfo"
+    },
+    "textinput1": {
+      "AllowAccessToGlobals": true,
+      "ControlPropertyState": [
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Default",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "InvariantPropertyName": "Mode",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "Format",
+        "VirtualKeyboardMode",
+        "DelayOutput",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "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",
+        {
+          "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",
+        "Font",
+        "FontWeight",
+        "Align",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "40",
+          "InvariantPropertyName": "X",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "40",
+          "InvariantPropertyName": "Y",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "479",
+          "InvariantPropertyName": "Width",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "72",
+          "InvariantPropertyName": "Height",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        "DisplayMode",
+        "ZIndex",
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "0",
+          "InvariantPropertyName": "RadiusTopLeft",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "0",
+          "InvariantPropertyName": "RadiusTopRight",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "0",
+          "InvariantPropertyName": "RadiusBottomLeft",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "0",
+          "InvariantPropertyName": "RadiusBottomRight",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "",
+          "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": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "false",
+          "InvariantPropertyName": "Reset",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "false",
+          "InvariantPropertyName": "OnSelect",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "AFDDataSourceName": "",
+          "AutoRuleBindingEnabled": false,
+          "AutoRuleBindingString": "false",
+          "InvariantPropertyName": "OnChange",
+          "IsLockable": false,
+          "NameMapSourceSchema": "?"
+        },
+        {
+          "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": 0,
+      "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": "Screen1"
+}
\ No newline at end of file
diff --git a/fluentui-ard/Src/Screen1.fx.yaml b/fluentui-ard/Src/Screen1.fx.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..3dd615c1e95666cf14ccd8ca157a508c8708ffbf
--- /dev/null
+++ b/fluentui-ard/Src/Screen1.fx.yaml
@@ -0,0 +1,258 @@
+Screen1 As screen:
+    Fill: =RGBA(0, 52, 128, 1)
+    ImagePosition: =ImagePosition.Fill
+
+    ConBan As groupContainer.manualLayoutContainer:
+        BorderStyle: =BorderStyle.None
+        DropShadow: =DropShadow.None
+        Height: =Parent.Height/13
+        Width: =Parent.Width
+        ZIndex: =1
+
+        Logo As image:
+            Height: =ConBan.Height - (ConBan.Height/6)
+            Image: ='ard-logo'
+            Width: =ConBan.Width/3.5
+            X: =ConBan.Width/3
+            Y: =ConBan.Y + (ConBan.Height/7)
+            ZIndex: =1
+
+        Banlabel1 As label:
+            Align: =Align.Center
+            AutoHeight: =true
+            BorderColor: =RGBA(0, 0, 0, 0)
+            BorderStyle: =BorderStyle.None
+            BorderThickness: =2
+            Color: =RGBA(255, 255, 255, 1)
+            DisabledBorderColor: =RGBA(0, 0, 0, 0)
+            DisabledColor: =RGBA(255, 255, 255, 1)
+            FocusedBorderThickness: =4
+            Font: =Font.'Segoe UI'
+            Height: =ConBan.Height
+            Italic: =true
+            Size: =ConBan.Height/3.6
+            Text: |-
+                ="Ask
+                ChatGPT"
+            Width: =ConBan.Height*1.6
+            X: =ConBan.Width - (ConBan.Width - ConBan.Width/25)
+            Y: =ConBan.Y
+            ZIndex: =2
+
+    ConFkt1 As groupContainer.manualLayoutContainer:
+        BorderStyle: =BorderStyle.None
+        DropShadow: =DropShadow.None
+        Height: =Parent.Height/10
+        Width: =Parent.Width
+        Y: =ConResp.Y + ConResp.Height
+        ZIndex: =2
+
+        Completionmode1 As toggleSwitch:
+            BorderColor: =RGBA(0, 52, 128, 1)
+            Color: =RGBA(255, 255, 255, 1)
+            DisabledBorderColor: =RGBA(0, 52, 128, 1)
+            FalseFill: =RGBA(255, 255, 255, 1)
+            FalseHoverFill: =RGBA(251, 188, 159, 1)
+            FalseText: ="Creativity" & Char(10) & "mode off"
+            FocusedBorderThickness: =4
+            Font: =Font.'Segoe UI'
+            HandleFill: =RGBA(128, 128, 128, 1)
+            Height: =ConFkt1.Height/2
+            HoverBorderColor: =RGBA(0, 52, 128, 1)
+            LabelPaddingLeft: =7
+            PressedBorderColor: =RGBA(0, 52, 128, 1)
+            ShowLabel: =false
+            Size: =18
+            TabIndex: =1
+            TrueFill: =RGBA(251, 188, 159, 1)
+            TrueHoverFill: =RGBA(251, 188, 159, 1)
+            TrueText: ="Creativity" & Char(10) & "mode on"
+            Width: |-
+                =If(ConFkt1.Height<=ConFkt1.Width/6, ConFkt1.Height, 
+                ConFkt1.Height > ConFkt1.Width/6, ConFkt1.Width/6)
+            X: =ConFkt1.Width - (ConFkt1.Width - ConFkt1.Width/25)
+            Y: =ConFkt1.Height - (ConFkt1.Height - ConFkt1.Height/4)
+            ZIndex: =1
+
+        Fktlabel1 As label:
+            Align: =Align.Center
+            AutoHeight: =true
+            BorderColor: =RGBA(0, 0, 0, 0)
+            BorderStyle: =BorderStyle.None
+            BorderThickness: =2
+            Color: =RGBA(255, 255, 255, 1)
+            DisabledBorderColor: =RGBA(0, 0, 0, 0)
+            DisabledColor: =RGBA(161, 159, 157, 1)
+            FocusedBorderThickness: =4
+            Font: =Font.'Segoe UI'
+            Height: =Completionmode1.Height
+            Size: =Completionmode1.Height/2
+            Text: ="Creativity" & Char(10) & "Mode"
+            Width: |-
+                =If(ConFkt1.Height<=ConFkt1.Width/6, ConFkt1.Height*1.7, 
+                ConFkt1.Height > ConFkt1.Width/6, ConFkt1.Width/3)
+            X: =(ConFkt1.Width - (ConFkt1.Width - ConFkt1.Width/25)) + Completionmode1.Width
+            Y: =Completionmode1.Y + (Completionmode1.Height - Fktlabel1.Height)/2	
+            ZIndex: =2
+
+        Eraser1 As icon.Erase:
+            BorderColor: =RGBA(0, 0, 0, 0)
+            Color: =RGBA(255, 255, 255, 1)
+            DisabledBorderColor: =RGBA(245, 245, 245, 1)
+            DisabledColor: =RGBA(204, 204, 204, 1)
+            DisabledFill: =RGBA(0, 0, 0, 0)
+            Fill: =RGBA(0, 52, 128, 1)
+            FocusedBorderThickness: =0
+            Height: =Completionmode1.Height*1.6
+            HoverBorderColor: =RGBA(0, 0, 0, 0)
+            HoverColor: =RGBA(251, 188, 159, 1)
+            HoverFill: =RGBA(0, 0, 0, 0)
+            Icon: =Icon.Erase
+            OnSelect: =Set(varResp, Blank());
+            PressedBorderColor: =RGBA(0, 0, 0, 0)
+            PressedColor: =RGBA(251, 188, 159, 1)
+            PressedFill: =RGBA(0, 0, 0, 0)
+            TabIndex: =3
+            Width: |-
+                =If(ConFkt1.Height<=ConFkt1.Width/6, ConFkt1.Height, 
+                ConFkt1.Height > ConFkt1.Width/6, ConFkt1.Width/6)
+            X: =ConFkt1.Width - ConFkt1.Width/25 - Eraser1.Width
+            Y: =Completionmode1.Y + (Completionmode1.Height - Eraser1.Height)/2	
+            ZIndex: =3
+
+        SendMail1 As icon.Mail:
+            BorderColor: =RGBA(0, 0, 0, 0)
+            Color: =RGBA(255, 255, 255, 1)
+            DisabledBorderColor: =RGBA(245, 245, 245, 1)
+            DisabledColor: =RGBA(204, 204, 204, 1)
+            DisabledFill: =RGBA(0, 0, 0, 0)
+            Fill: =RGBA(0, 52, 128, 1)
+            FocusedBorderThickness: =0
+            Height: =Completionmode1.Height*1.6
+            HoverBorderColor: =RGBA(0, 0, 0, 0)
+            HoverColor: =RGBA(251, 188, 159, 1)
+            HoverFill: =RGBA(0, 0, 0, 0)
+            Icon: =Icon.Mail
+            OnSelect: =
+            PressedBorderColor: =RGBA(0, 0, 0, 0)
+            PressedColor: =RGBA(251, 188, 159, 1)
+            PressedFill: =RGBA(0, 0, 0, 0)
+            Rotation: =20
+            Width: |-
+                =If(ConFkt1.Height<=ConFkt1.Width/6, ConFkt1.Height, 
+                ConFkt1.Height > ConFkt1.Width/6, ConFkt1.Width/6)
+            X: =(ConFkt1.Width - (ConFkt1.Width - ConFkt1.Width/25)) + Completionmode1.Width + Fktlabel1.Width + ConFkt1.Width/40
+            Y: =Completionmode1.Y + (Completionmode1.Height - SendMail1.Height)/2	
+            ZIndex: =4
+
+    ConResp As groupContainer.manualLayoutContainer:
+        BorderStyle: =BorderStyle.None
+        DropShadow: =DropShadow.None
+        Height: =Parent.Height/1.6
+        Width: =Parent.Width
+        Y: =ConBan.Y + ConBan.Height
+        ZIndex: =3
+
+        chatbox1 As text:
+            BorderColor: =RGBA(224, 24, 24, 1)
+            BorderThickness: =0
+            Default: =varResp
+            DisabledBorderColor: =RGBA(255, 255, 255, 1)
+            DisabledColor: =RGBA(161, 159, 157, 1)
+            DisabledFill: =RGBA(242, 242, 241, 0)
+            DisplayMode: =DisplayMode.View
+            Fill: =RGBA(236, 236, 235, 1)
+            Font: =Font.'Segoe UI'
+            Height: =ConResp.Height - 2* (ConResp.Height/50)
+            HoverBorderColor: =RGBA(255, 255, 255, 1)
+            HoverFill: =RGBA(255, 255, 255, 1)
+            MaxLength: =88
+            Mode: =TextMode.MultiLine
+            OnChange: =//chatbox1.ScrollToEnd();
+            OnSelect: =
+            PressedBorderColor: =RGBA(255, 255, 255, 1)
+            PressedColor: =RGBA(50, 49, 48, 1)
+            PressedFill: =RGBA(255, 255, 255, 1)
+            RadiusBottomLeft: =10
+            RadiusBottomRight: =10
+            RadiusTopLeft: =10
+            RadiusTopRight: =10
+            Reset: =
+            Size: =32
+            Width: =ConResp.Width - 2*(ConResp.Width/25)
+            X: =ConResp.Width - (ConResp.Width - ConResp.Width/25)
+            Y: =ConResp.Height - (ConResp.Height - ConResp.Height/50)
+            ZIndex: =1
+
+    ConSend As groupContainer.manualLayoutContainer:
+        BorderStyle: =BorderStyle.None
+        DropShadow: =DropShadow.None
+        Height: =Parent.Height - ConSend.Y
+        Width: =Parent.Width
+        Y: =ConFkt1.Y + ConFkt1.Height
+        ZIndex: =4
+
+        textinput1 As text:
+            BorderColor: =RGBA(224, 24, 24, 1)
+            BorderThickness: =0
+            Default: =""
+            DisabledBorderColor: =RGBA(255, 255, 255, 1)
+            DisabledColor: =RGBA(161, 159, 157, 1)
+            DisabledFill: =RGBA(242, 242, 241, 0)
+            EnableSpellCheck: =true
+            Font: =Font.'Segoe UI'
+            Height: =ConSend.Height - 2* (ConSend.Height/10)
+            HoverBorderColor: =RGBA(255, 255, 255, 1)
+            HoverFill: =RGBA(255, 255, 255, 1)
+            MaxLength: =88
+            Mode: =TextMode.MultiLine
+            OnChange: =
+            OnSelect: =
+            PressedBorderColor: =RGBA(255, 255, 255, 1)
+            PressedColor: =RGBA(50, 49, 48, 1)
+            PressedFill: =RGBA(255, 255, 255, 1)
+            RadiusBottomLeft: =10
+            RadiusBottomRight: =10
+            RadiusTopLeft: =10
+            RadiusTopRight: =10
+            Reset: =
+            Size: =21
+            Width: |+
+                =ConSend.Width - ((ConSend.Width/25)*2.5) - send1.Width
+                
+            X: =ConSend.Width - (ConSend.Width - ConSend.Width/25)
+            Y: =ConSend.Height - (ConSend.Height - ConSend.Height/15)
+            ZIndex: =1
+
+        send1 As icon.Send:
+            AutoDisableOnSelect: =
+            BorderColor: =RGBA(0, 0, 0, 0)
+            Color: =RGBA(255, 255, 255, 1)
+            DisabledBorderColor: =RGBA(245, 245, 245, 1)
+            DisabledColor: =RGBA(225, 223, 221, 1)
+            DisabledFill: =RGBA(0, 0, 0, 0)
+            Fill: =RGBA(0, 52, 128, 1)
+            FocusedBorderThickness: =4
+            Height: =Completionmode1.Height*1.3
+            HoverBorderColor: =RGBA(0, 0, 0, 0)
+            HoverColor: =RGBA(251, 188, 159, 1)
+            HoverFill: =RGBA(0, 0, 0, 0)
+            Icon: =Icon.Send
+            OnSelect: |-
+                =
+                If(!IsBlank(textinput1.Text), Set(varResp, varResp
+                 & Char(13) & textinput1.Text));
+                Reset(textinput1);
+                Notify("ChatGPT asked", NotificationType.Success , 1000);
+            PressedBorderColor: =RGBA(0, 0, 0, 0)
+            PressedColor: =RGBA(251, 188, 159, 1)
+            PressedFill: =RGBA(0, 0, 0, 0)
+            TabIndex: =2
+            Tooltip: ="1"
+            Width: |-
+                =If(ConSend.Height<=ConSend.Width/6, ConSend.Height, 
+                ConSend.Height > ConSend.Width/6, ConSend.Width/8)
+            X: =ConSend.Width - ConSend.Width/25 - send1.Width
+            Y: =textinput1.Y + (textinput1.Height - send1.Height)/2	
+            ZIndex: =2
+
diff --git a/fluentui-ard/Src/Themes.json b/fluentui-ard/Src/Themes.json
new file mode 100644
index 0000000000000000000000000000000000000000..8844851ccc2e8cce15085809a22bb732ccd2de6d
--- /dev/null
+++ b/fluentui-ard/Src/Themes.json
@@ -0,0 +1,4962 @@
+{
+  "CurrentTheme": "defaultTheme",
+  "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-ard/pkgs/groupContainer_1.3.0.xml b/fluentui-ard/pkgs/groupContainer_1.3.0.xml
new file mode 100644
index 0000000000000000000000000000000000000000..10d8c62b36b14efb350c0c87ec50bf0f9d960d2d
--- /dev/null
+++ b/fluentui-ard/pkgs/groupContainer_1.3.0.xml
@@ -0,0 +1,165 @@
+<openAjax:widget spec="1.0" id="http://microsoft.com/appmagic/groupContainer" name="groupContainer" jsClass="AppMagic.Controls.GroupContainer.GroupControl" version="1.3.0" styleable="true" xmlns="http://schemas.microsoft.com/appMagic" xmlns:openAjax="http://openajax.org/metadata">
+  <openAjax:author name="Microsoft AppMagic" />
+  <openAjax:license type="text/html"><![CDATA[<p>TODO:  Need license text here.</p>]]></openAjax:license>
+  <openAjax:requires>
+    <openAjax:require type="css" src="css/groupContainer.css" />
+    <openAjax:require type="javascript" src="/ctrllib/common/js/container.js" />
+    <openAjax:require type="javascript" src="js/groupContainer.js" />
+  </openAjax:requires>
+  <capabilities supportsNestedControls="true" supportsNestedComponents="true" replicatesNestedControls="false" contextualViewsEnabled="false" autoBorders="true" autoFill="true" autoPointerViewState="false" autoDisabledViewState="false" isVersionFlexible="true" autoBorderRadius="true" autoDropShadow="true" />
+  <includeProperties>
+    <includeProperty name="ContentLanguage" />
+    <includeProperty name="BorderColor" />
+    <includeProperty name="BorderStyle" />
+    <includeProperty name="BorderThickness" />
+    <includeProperty name="RadiusTopLeft" defaultValue="0" />
+    <includeProperty name="RadiusTopRight" defaultValue="0" />
+    <includeProperty name="RadiusBottomLeft" defaultValue="0" />
+    <includeProperty name="RadiusBottomRight" defaultValue="0" />
+    <includeProperty name="Fill" />
+    <includeProperty name="X" />
+    <includeProperty name="Y" />
+    <includeProperty name="Width" defaultValue="500" />
+    <includeProperty name="Height" defaultValue="200" phoneDefaultValue="225" />
+    <includeProperty name="Visible" />
+    <includeProperty name="DisplayMode" hidden="true" />
+    <includeProperty name="ChildTabPriority" />
+    <includeProperty name="EnableChildFocus" />
+    <!-- AutoLayout properties -->
+    <includeProperty name="LayoutMode" />
+    <includeProperty name="LayoutDirection" />
+    <includeProperty name="LayoutAlignItems" />
+    <includeProperty name="LayoutJustifyContent" />
+    <includeProperty name="LayoutGap" />
+    <includeProperty name="LayoutOverflowX" />
+    <includeProperty name="LayoutOverflowY" />
+    <includeProperty name="LayoutWrap" />
+    <includeProperty name="PaddingTop" defaultValue="0" />
+    <includeProperty name="PaddingRight" defaultValue="0" />
+    <includeProperty name="PaddingBottom" defaultValue="0" />
+    <includeProperty name="PaddingLeft" defaultValue="0" />
+    <!-- Hidden properties -->
+    <includeProperty name="minimumWidth" defaultValue="20" />
+    <includeProperty name="minimumHeight" defaultValue="20" />
+    <includeProperty name="maximumWidth" defaultValue="1366" phoneDefaultValue="640" />
+    <includeProperty name="maximumHeight" defaultValue="7680" phoneDefaultValue="11360" />
+    <includeProperty name="DropShadow" defaultValue="%DropShadow.RESERVED%.None" />
+  </includeProperties>
+  <!-- Display metadata providing property visibility, order, sections, and grouping in UI (e.g. properties panel) -->
+  <displayMetadata>
+    <section>
+      <property name="LayoutMode" />
+      <property name="LayoutDirection" displayType="EnumIcon" />
+      <property name="LayoutJustifyContent" displayType="EnumButtons" itemsOrder="Start;Center;End;SpaceBetween" />
+      <property name="LayoutAlignItems" displayType="EnumButtons" itemsOrder="Start;Center;End;Stretch" />
+      <property name="LayoutGap" />
+      <property name="LayoutOverflowX" />
+      <property name="LayoutOverflowY" />
+      <property name="LayoutWrap" />
+    </section>
+    <section>
+      <propertyGroup name="Position">
+        <property name="X" />
+        <property name="Y" />
+      </propertyGroup>
+      <propertyGroup name="Size">
+        <property name="Width" />
+        <property name="Height" />
+      </propertyGroup>
+      <propertyGroup name="Padding">
+        <property name="PaddingTop" labelOverride="##Padding_Top_Title##" />
+        <property name="PaddingBottom" labelOverride="##Padding_Bottom_Title##" />
+        <property name="PaddingLeft" labelOverride="##Padding_Left_Title##" />
+        <property name="PaddingRight" labelOverride="##Padding_Right_Title##" />
+      </propertyGroup>
+    </section>
+    <section>
+      <propertyGroup name="Color">
+        <property name="Fill" />
+      </propertyGroup>
+      <propertyGroup name="Border">
+        <property name="BorderStyle" />
+        <property name="BorderThickness" />
+        <property name="BorderColor" />
+      </propertyGroup>
+      <propertyGroup name="Radius">
+        <property name="RadiusTopLeft" />
+        <property name="RadiusTopRight" />
+        <property name="RadiusBottomLeft" />
+        <property name="RadiusBottomRight" />
+      </propertyGroup>
+      <property name="DropShadow" itemsOrder="None;Light;Semilight;Regular;Semibold;Bold;ExtraBold" />
+    </section>
+    <section>
+      <property name="Visible" />
+    </section>
+    <section>
+      <property name="ChildTabPriority" />
+      <property name="EnableChildFocus" />
+    </section>
+  </displayMetadata>
+  <controlVariants>
+    <controlVariant name="horizontalAutoLayoutContainer">
+      <insertMetadata>
+        <category name="Layout" priority="100" />
+      </insertMetadata>
+      <overrideProperties>
+        <overrideProperty name="LayoutMode" defaultValue="%LayoutMode.RESERVED%.Auto" isExpr="true" />
+        <overrideProperty name="LayoutDirection" hidden="false" defaultValue="%LayoutDirection.RESERVED%.Horizontal" isExpr="true" />
+        <overrideProperty name="LayoutAlignItems" hidden="false" />
+        <overrideProperty name="LayoutJustifyContent" hidden="false" />
+        <overrideProperty name="LayoutGap" hidden="false" />
+        <overrideProperty name="LayoutOverflowX" hidden="false" />
+        <overrideProperty name="LayoutOverflowY" hidden="false" />
+        <overrideProperty name="LayoutWrap" hidden="false" defaultValue="false" />
+        <!-- Behavior of ChildTabPriority is always true in a layout container, so hide it -->
+        <overrideProperty name="ChildTabPriority" hidden="true" defaultValue="true" />
+      </overrideProperties>
+    </controlVariant>
+    <controlVariant name="verticalAutoLayoutContainer">
+      <insertMetadata>
+        <category name="Layout" priority="101" />
+      </insertMetadata>
+      <overrideProperties>
+        <overrideProperty name="LayoutMode" defaultValue="%LayoutMode.RESERVED%.Auto" isExpr="true" />
+        <overrideProperty name="LayoutDirection" hidden="false" defaultValue="%LayoutDirection.RESERVED%.Vertical" isExpr="true" />
+        <overrideProperty name="LayoutAlignItems" hidden="false" />
+        <overrideProperty name="LayoutJustifyContent" hidden="false" />
+        <overrideProperty name="LayoutGap" hidden="false" />
+        <overrideProperty name="LayoutOverflowX" hidden="false" />
+        <overrideProperty name="LayoutOverflowY" hidden="false" />
+        <overrideProperty name="LayoutWrap" hidden="false" defaultValue="false" />
+        <!-- Behavior of ChildTabPriority is always true in a layout container, so hide it -->
+        <overrideProperty name="ChildTabPriority" hidden="true" defaultValue="true" />
+      </overrideProperties>
+    </controlVariant>
+    <controlVariant name="manualLayoutContainer">
+      <insertMetadata>
+        <category name="Layout" priority="102" />
+      </insertMetadata>
+      <overrideProperties>
+        <overrideProperty name="LayoutMode" defaultValue="%LayoutMode.RESERVED%.Manual" isExpr="true" />
+        <overrideProperty name="LayoutDirection" hidden="true" />
+        <overrideProperty name="LayoutAlignItems" hidden="true" />
+        <overrideProperty name="LayoutJustifyContent" hidden="true" />
+        <overrideProperty name="LayoutGap" hidden="true" />
+        <overrideProperty name="LayoutOverflowX" hidden="true" />
+        <overrideProperty name="LayoutOverflowY" hidden="true" />
+        <overrideProperty name="LayoutWrap" hidden="true" />
+      </overrideProperties>
+    </controlVariant>
+  </controlVariants>
+  <conversion from="1.0.1" to="1.1.0">
+    <conversionAction type="add" name="ChildTabPriority" />
+    <conversionAction type="add" name="EnableChildFocus" />
+  </conversion>
+  <conversion from="1.1.0" to="1.2.0">
+    <conversionAction type="add" name="RadiusTopLeft" />
+    <conversionAction type="add" name="RadiusTopRight" />
+    <conversionAction type="add" name="RadiusBottomLeft" />
+    <conversionAction type="add" name="RadiusBottomRight" />
+  </conversion>
+  <conversion from="1.2.0" to="1.3.0">
+    <conversionAction type="add" name="DropShadow" />
+  </conversion>
+</openAjax:widget>
\ No newline at end of file
diff --git a/fluentui-ard/pkgs/icon_2.5.0.xml b/fluentui-ard/pkgs/icon_2.5.0.xml
new file mode 100644
index 0000000000000000000000000000000000000000..c07eb7107a03396878c5d33083bd7a4045d81253
--- /dev/null
+++ b/fluentui-ard/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-ard/pkgs/image_2.2.2.xml b/fluentui-ard/pkgs/image_2.2.2.xml
new file mode 100644
index 0000000000000000000000000000000000000000..f372cd7622e5a22b59fa6c57be6de9fcd0e24ea0
--- /dev/null
+++ b/fluentui-ard/pkgs/image_2.2.2.xml
@@ -0,0 +1,344 @@
+<widget xmlns="http://openajax.org/metadata" spec="1.0" id="http://microsoft.com/appmagic/image" name="image" jsClass="AppMagic.Controls.Image" version="2.2.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/image.css" excludeOnFeatureGate="controls.reactImage" />
+    <require type="javascript" src="js/image.js" excludeOnFeatureGate="controls.reactImage" />
+    <require type="javascript" src="js/imageReactProxy.js" includeOnFeatureGate="controls.reactImage" />
+    <require type="javascript" src="/openSource/unmodified/exif-js/exif.min.js" />
+  </requires>
+  <appMagic:capabilities contextualViewsEnabled="true" autoBorders="true" autoFocusedBorders="true" autoPointerViewState="true" autoDisabledViewState="true" autoBorderRadius="true" isVersionFlexible="true" supportsSetFocus="true" />
+  <content>
+    <!-- When the image is meant to be clickable, a <button> is overlaid on top of the actual image.
+         Unfortunately, the control does not know if OnSelect behavior is specified by the user,
+         so we use TabIndex >= 0 as a heuristic that the image should be a button.
+
+         When the image is intended to be non-interactive (TabIndex < 0), a <div> is overlaid instead.
+         Ideally, users should set TabIndex >= 0 whenever they have OnSelect behavior.
+         This div supports the case when OnSelect behavior is specified but users did not set
+         TabIndex >= 0. The div will catch clicks and trigger OnSelect.
+
+         <button> has to be used instead of <div role="button"> because of VoiceOver/iOS bug where
+         <div> elements scaled down with CSS transforms are not selectable (bug 2504010).
+    --><![CDATA[
+  <div
+    class="appmagic-image no-focus-outline"
+    data-bind="{
+      style: {
+        paddingTop: properties.PaddingTop,
+        paddingRight: properties.PaddingRight,
+        paddingBottom: properties.PaddingBottom,
+        paddingLeft: properties.PaddingLeft,
+        backgroundColor: autoProperties.Fill,
+        height: '100%',
+        width: '100%',
+        opacity: properties.Transparency() >= 1 ? '0' : 1 - properties.Transparency(),
+        visibility: properties.Transparency() >= 1 ? 'hidden' : ''
+      },
+      visible: properties.Visible
+    }">
+      <!-- ko if: !$data.imageSrc || !properties.ImagePosition().objectFit || Core.Environment.getBrowserId() === Core.Environment.BrowserId.InternetExplorer -->
+      <div
+        data-bind="{
+          css: {
+            'appmagic-image-inner': true,
+            rotateHorizontal: $data.hasHorizontalRotation && $data.hasHorizontalRotation()
+          },
+          style: {
+            height: innerHeight,
+            width: innerWidth,
+            visibility: innerVisibility,
+            backgroundSize: backgroundSize,
+            backgroundRepeat: properties.ImagePosition().repeat,
+            backgroundPosition: properties.ImagePosition().position,
+            backgroundImage: imageUrl,
+            '-webkit-transform': transform,
+            transform: transform,
+            forcedColorAdjust: 'none'
+          },
+          attr: {
+            role: properties.TabIndex() < 0 && !!properties.AccessibleLabel() && 'img',
+            'aria-label': properties.TabIndex() < 0 && properties.AccessibleLabel() ? properties.AccessibleLabel() : null
+          }
+      }">
+      </div>
+      <!-- /ko -->
+      <!-- ko if: $data.imageSrc && properties.ImagePosition().objectFit && Core.Environment.getBrowserId() !== Core.Environment.BrowserId.InternetExplorer -->
+      <img 
+        data-bind="{
+          css: {
+            'appmagic-image-inner': true,
+            rotateHorizontal: $data.hasHorizontalRotation && $data.hasHorizontalRotation()
+          },
+          style: {
+            height: innerHeight,
+            width: innerWidth,
+            visibility: imageAvailable() ? innerVisibility() : 'hidden',
+            objectFit: properties.ImagePosition().objectFit,
+            objectPosition: properties.ImagePosition().objectPosition,
+            flex: '0 0 auto',
+            borderRadius: '0.1px',
+            '-webkit-transform': transform,
+            transform: transform
+          },
+          attr: {
+            src: $data.imageSrc && $data.imageSrc(),
+            alt: properties.TabIndex() < 0 && properties.AccessibleLabel() ? properties.AccessibleLabel() : ''
+          },
+          event: {
+            load: onImageLoad,
+            error: onImageError
+          }
+      }">      
+      <!-- /ko -->
+      <div class="appmagic-image-stub-container">
+      </div>
+      <button class="appmagic-image-button"
+        data-bind="{
+          visible: properties.TabIndex() >= 0,
+          text: properties.AccessibleLabel() || '',
+          disable: viewState.displayMode() !== AppMagic.Constants.DisplayMode.Edit,
+          event: { click: onClickHandler },
+          attr: {
+            title: properties.Tooltip() || null
+          }
+      }">
+      </button>
+      <div class="appmagic-image-pseudo-button"
+        aria-hidden="true"
+        data-bind="{
+          visible: properties.TabIndex() < 0,
+          event: { click: onClickHandler },
+          attr: {
+            title: properties.Tooltip() || null
+          }
+      }">
+      </div>
+  </div>
+  ]]></content>
+  <properties>
+    <property name="Image" localizedName="##image_Image##" datatype="Image" defaultValue="SampleImage" converter="encodeImageUrl" isExpr="true" isPrimaryInputProperty="true" isPrimaryOutputProperty="true">
+      <title>Image content</title>
+      <appMagic:autoBind>true</appMagic:autoBind>
+      <appMagic:category>data</appMagic:category>
+      <appMagic:displayName>##image_Image_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##CommonProperties_Image_Tooltip##</appMagic:tooltip>
+      <appMagic:sampleDataSource name="SampleImage" location="images/SampleImage.svg" />
+    </property>
+    <property name="Transparency" localizedName="##image_Transparency##" datatype="Number" defaultValue="0">
+      <title>Image transparency</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##image_Transparency_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##image_Transparency_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="ImagePosition" localizedName="##image_ImagePosition##" datatype="ImagePosition" defaultValue="%ImagePosition.RESERVED%.Fit" isExpr="true" converter="imagePositionConverter">
+      <title>Image stretch style</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>imagePosition</appMagic:helperUI>
+      <appMagic:displayName>##image_ImagePosition_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##CommonProperties_ImagePosition_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="CalculateOriginalDimensions" localizedName="##image_CalculateOriginalDimensions##" datatype="boolean" defaultValue="false" direction="in">
+      <title>CalculateOriginalDimensions</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>boolean</appMagic:helperUI>
+      <appMagic:displayName>##image_CalculateOriginalDimensions_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="ImageRotation" localizedName="##image_ImageRotation##" datatype="ImageRotation" defaultValue="%ImageRotation.RESERVED%.None" isExpr="true">
+      <title>ImageRotation</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##image_ImageRotation_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##image_ImageRotation_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="FlipHorizontal" localizedName="##image_FlipHorizontal##" datatype="boolean" defaultValue="false" direction="in">
+      <title>FlipHorizontal</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>boolean</appMagic:helperUI>
+      <appMagic:displayName>##image_FlipHorizontal_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="FlipVertical" localizedName="##image_FlipVertical##" datatype="boolean" defaultValue="false" direction="in">
+      <title>FlipVertical</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>boolean</appMagic:helperUI>
+      <appMagic:displayName>##image_FlipVertical_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="ApplyEXIFOrientation" localizedName="##image_ApplyEXIFOrientation##" datatype="boolean" defaultValue="true" direction="in">
+      <title>ApplyEXIFOrientation</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>boolean</appMagic:helperUI>
+      <appMagic:displayName>##image_ApplyEXIFOrientation_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="EXIFOrientation" localizedName="##image_EXIFOrientation##" datatype="Number" defaultValue="1" direction="out">
+      <title>EXIFOrientation</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##image_EXIFOrientation_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="OriginalWidth" localizedName="##image_OriginalWidth##" datatype="Number" defaultValue="0" direction="out">
+      <title>OriginalWidth</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>imagePosition</appMagic:helperUI>
+      <appMagic:displayName>##image_OriginalWidth_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="OriginalHeight" localizedName="##image_OriginalHeight##" datatype="Number" defaultValue="0" direction="out">
+      <title>OriginalHeight</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>imagePosition</appMagic:helperUI>
+      <appMagic:displayName>##image_OriginalHeight_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="DisplayedWidth" localizedName="##image_DisplayedWidth##" datatype="Number" defaultValue="0" direction="out">
+      <title>DisplayedWidth</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##image_DisplayedWidth_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="DisplayedHeight" localizedName="##image_DisplayedHeight##" datatype="Number" defaultValue="0" direction="out">
+      <title>DisplayedHeight</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##image_DisplayedHeight_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="OffsetX" localizedName="##image_OffsetX##" datatype="Number" defaultValue="0" direction="out">
+      <title>OffsetX</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##image_OffsetX_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="OffsetY" localizedName="##image_OffsetY##" datatype="Number" defaultValue="0" direction="out">
+      <title>OffsetY</title>
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##image_OffsetY_DisplayName##</appMagic:displayName>
+    </property>
+  </properties>
+  <appMagic:includeProperties>
+    <appMagic:includeProperty name="AccessibleLabel" />
+    <appMagic:includeProperty name="Tooltip" />
+    <appMagic:includeProperty name="ContentLanguage" />
+    <appMagic:includeProperty name="AutoDisableOnSelect" />
+    <appMagic:includeProperty name="X" />
+    <appMagic:includeProperty name="Y" />
+    <appMagic:includeProperty name="Width" defaultValue="100" phoneDefaultValue="320" webDefaultValue="236" />
+    <appMagic:includeProperty name="Height" defaultValue="100" phoneDefaultValue="320" webDefaultValue="175" />
+    <appMagic:includeProperty name="Visible" />
+    <appMagic:includeProperty name="Fill" />
+    <appMagic:includeProperty name="DisabledFill" defaultValue="RGBA(119, 119, 119, 1)" />
+    <appMagic:includeProperty name="PressedFill" defaultValue="ColorFade(Self.Fill, -20%)" />
+    <appMagic:includeProperty name="HoverFill" defaultValue="ColorFade(Self.Fill, 20%)" />
+    <appMagic:includeProperty name="BorderColor" />
+    <appMagic:includeProperty name="RadiusTopLeft" defaultValue="0" />
+    <appMagic:includeProperty name="RadiusTopRight" defaultValue="0" />
+    <appMagic:includeProperty name="RadiusBottomLeft" defaultValue="0" />
+    <appMagic:includeProperty name="RadiusBottomRight" defaultValue="0" />
+    <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" />
+    <appMagic:includeProperty name="BorderStyle" />
+    <appMagic:includeProperty name="PaddingTop" />
+    <appMagic:includeProperty name="PaddingRight" />
+    <appMagic:includeProperty name="PaddingBottom" />
+    <appMagic:includeProperty name="PaddingLeft" />
+    <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="768" />
+  </appMagic:includeProperties>
+  <appMagic:insertMetadata>
+    <appMagic:category name="Media" 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="Image" serverProvidesValue="true" computedValueType="Media" showInFloatie="true" />
+      <appMagic:property name="ImagePosition" displayType="EnumIcon" showInFloatie="true" />
+      <appMagic:property name="Transparency" />
+      <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="Fill" showInFloatie="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:section>
+    <appMagic:section>
+      <appMagic:property name="AutoDisableOnSelect" />
+      <appMagic:propertyGroup name="DisabledColor">
+        <appMagic:property name="DisabledFill" />
+        <appMagic:property name="DisabledBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="HoverColor">
+        <appMagic:property name="HoverFill" />
+        <appMagic:property name="HoverBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup 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.1.0">
+    <appMagic:conversionAction type="add" name="EXIFOrientation" />
+    <appMagic:conversionAction type="add" name="DisplayedWidth" />
+    <appMagic:conversionAction type="add" name="DisplayedHeight" />
+    <appMagic:conversionAction type="add" name="OffsetX" />
+    <appMagic:conversionAction type="add" name="OffsetY" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.1.0" to="2.1.1">
+    <!--
+      KO template change: appmagic-image-pseudo-button element role="presentation"
+      so that screen readers will not announce it as clickable (even though it may be).
+      If app makers truly intend the Image control as clickable, they have to set
+      TabIndex >= 0 as a hint.
+      Controls do not know if app makers have defined OnSelect. That's why they always
+      attach a click listener and rely on TabIndex as a hint about author's intentions.
+    -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.1.1" to="2.1.2">
+    <!-- KO template changes for accessibility fixes -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.1.2" to="2.2.0">
+    <appMagic:conversionAction type="add" name="ContentLanguage" />
+  </appMagic:conversion>
+  <appMagic:conversion from="2.2.0" to="2.2.1">
+    <!-- KO template changes to use <img> tag when possible -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.2.1" to="2.2.2">
+    <!-- KO template changes to hide image when unavailable -->
+  </appMagic:conversion>
+</widget>
\ No newline at end of file
diff --git a/fluentui-ard/pkgs/label_2.5.1.xml b/fluentui-ard/pkgs/label_2.5.1.xml
new file mode 100644
index 0000000000000000000000000000000000000000..e9d1e207c62068c0a9e34501c72daf59ee1150a3
--- /dev/null
+++ b/fluentui-ard/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-ard/pkgs/text_2.3.2.xml b/fluentui-ard/pkgs/text_2.3.2.xml
new file mode 100644
index 0000000000000000000000000000000000000000..ec6bff5510db9f1a4be2a4b23941f3158e20292b
--- /dev/null
+++ b/fluentui-ard/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
diff --git a/fluentui-ard/pkgs/toggleSwitch_2.1.0.xml b/fluentui-ard/pkgs/toggleSwitch_2.1.0.xml
new file mode 100644
index 0000000000000000000000000000000000000000..7c4707d744f4c10a61d2399a0ed9a057a3fecf8b
--- /dev/null
+++ b/fluentui-ard/pkgs/toggleSwitch_2.1.0.xml
@@ -0,0 +1,324 @@
+<widget xmlns="http://openajax.org/metadata" spec="1.0" id="http://microsoft.com/appmagic/toggleSwitch" name="toggleSwitch" jsClass="AppMagic.Controls.ToggleSwitch" version="2.1.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[toggleSwitch
+      Control description here.]]></description>
+  <requires>
+    <require type="css" src="css/toggleSwitch.css" />
+    <require type="javascript" src="js/toggleSwitch.js" />
+  </requires>
+  <appMagic:capabilities contextualViewsEnabled="true" autoBorders="true" autoFocusedBorders="true" autoPointerViewState="true" autoDisabledViewState="true" isVersionFlexible="true" />
+  <appMagic:accessibilityChecks controlIsInteractive="true">
+    <appMagic:accessibilityCheck type="StateIndicationTextNeeded" property="TrueText" />
+    <appMagic:accessibilityCheck type="StateIndicationTextNeeded" property="FalseText" />
+    <appMagic:accessibilityCheck type="HelpfulControlSettingNeeded" property="ShowLabel" />
+  </appMagic:accessibilityChecks>
+  <content><![CDATA[
+    <div class="appmagic-toggleSwitch-control"
+      data-bind="{
+        event: {
+          click: offOnRailClick
+        }
+      }">
+      <div
+        class="appmagic-toggleSwitch-label"
+        data-bind="{
+          attr: {
+            id: labelId,
+            'aria-hidden': viewState.displayMode() !== AppMagic.Constants.DisplayMode.View,
+            'aria-disabled': viewState.displayMode() === AppMagic.Constants.DisplayMode.Disabled
+          },
+          text: properties.Value() ? properties.TrueText : properties.FalseText,
+          style: {
+            color: autoProperties.Color,
+            fontFamily: properties.Font,
+            fontSize: properties.Size,
+            fontStyle: properties.Italic,
+            fontWeight: properties.FontWeight,
+            paddingLeft: properties.LabelPaddingLeft() + 'px',
+            paddingRight: properties.LabelPaddingRight() + 'px',
+            height: AppMagic.Controls.converters.pxVerticalConverter.view(toggleHeight),
+            width: AppMagic.Controls.converters.pxHorizontalConverter.view(labelWidth),
+            visibility: showLabelText ? '' : 'hidden'
+          },
+          css: {
+            left: properties.TextPosition() === 'left',
+            right: properties.TextPosition() === 'right',
+            strikethrough: properties.Strikethrough,
+            underline: properties.Underline,
+            readOnly: viewState.displayMode() === AppMagic.Constants.DisplayMode.View
+          },
+          visible: hasLabel
+        }">
+      </div>
+      <div
+        class="appmagic-toggleSwitch no-focus-outline"
+        role="switch"
+        data-bind="{
+            style: {
+              height: AppMagic.Controls.converters.pxVerticalConverter.view(toggleHeight),
+              width: AppMagic.Controls.converters.pxHorizontalConverter.view(toggleWidth),
+              borderRadius: AppMagic.Controls.converters.pxVerticalConverter.view(toggleHeight / 2),
+            },
+            attr: {
+              title: properties.Tooltip() || null,
+              'aria-label': properties.AccessibleLabel() || null,
+              'aria-describedby': properties.ShowLabel() ? labelId : null,
+              'aria-checked': properties.Value() ? 'true' : 'false',
+              'aria-disabled': viewState.displayMode() !== AppMagic.Constants.DisplayMode.Edit
+            },
+            disable: viewState.displayMode() === AppMagic.Constants.DisplayMode.Disabled || viewState.displayMode() === AppMagic.Constants.DisplayMode.View,
+            shortcut: {
+              provider: shortcutProvider
+            },
+            css: {
+              disabled: viewState.displayMode() === AppMagic.Constants.DisplayMode.Disabled,
+              readonly: viewState.displayMode() === AppMagic.Constants.DisplayMode.View,
+              left: properties.TextPosition() === 'right',
+              right: properties.TextPosition() === 'left'
+            },
+            visible: viewState.displayMode() !== AppMagic.Constants.DisplayMode.View
+          }" >
+          <div
+            class="appmagic-toggleSwitch-off"
+              data-bind="{
+                style: {
+                  backgroundColor: trueFill,
+                  left: AppMagic.Controls.converters.pxHorizontalConverter.view(switchOff.left()),
+                  top: AppMagic.Controls.converters.pxVerticalConverter.view(switchOff.top()),
+                  width: AppMagic.Controls.converters.pxHorizontalConverter.view(switchOff.width()),
+                  height: AppMagic.Controls.converters.pxVerticalConverter.view(switchOff.height()),
+                },
+                css: {
+                  disabled: viewState.displayMode() === AppMagic.Constants.DisplayMode.Disabled
+                }
+              }">
+          </div>
+          <div
+            class="appmagic-toggleSwitch-on"
+              data-bind="{
+                style: {
+                  backgroundColor: falseFill,
+                  left: AppMagic.Controls.converters.pxHorizontalConverter.view(switchOn.left()),
+                  top: AppMagic.Controls.converters.pxVerticalConverter.view(switchOn.top()),
+                  width: AppMagic.Controls.converters.pxHorizontalConverter.view(switchOn.width()),
+                  height: AppMagic.Controls.converters.pxVerticalConverter.view(switchOn.height()),
+                },
+                css: {
+                  disabled: viewState.displayMode() === AppMagic.Constants.DisplayMode.Disabled
+                }
+              }">
+          </div>
+          <div
+            class="appmagic-toggleSwitch-handle"
+            touch-action="none"
+            aria-hidden="true"
+              data-bind="{
+                style: {
+                  backgroundColor: properties.HandleFill,
+                  left: AppMagic.Controls.converters.pxHorizontalConverter.view(handle.left()),
+                  top: AppMagic.Controls.converters.pxVerticalConverter.view(handle.top()),
+                  width: AppMagic.Controls.converters.pxHorizontalConverter.view(handle.width()),
+                  height: AppMagic.Controls.converters.pxVerticalConverter.view(handle.height()),
+                  borderRadius: AppMagic.Controls.converters.pxHorizontalConverter.view(handle.width() / 2),
+                },
+                css: {
+                  disabled: viewState.displayMode() === AppMagic.Constants.DisplayMode.Disabled
+                },
+                event: { pointerdown: onMouseDown }
+              }">
+          </div>
+      </div>
+    </div>
+    ]]></content>
+  <properties>
+    <property name="Value" localizedName="##toggleSwitch_Value##" datatype="Boolean" editable="true" defaultValue="false" direction="out" isPrimaryOutputProperty="true" supportsAutomation="true">
+      <appMagic:category>data</appMagic:category>
+    </property>
+    <property name="Default" localizedName="##toggleSwitch_Default##" datatype="Boolean" defaultValue="false" editable="true" direction="in">
+      <title>Default value</title>
+      <appMagic:category>data</appMagic:category>
+      <appMagic:helperUI>boolean</appMagic:helperUI>
+      <appMagic:displayName>##toggleSwitch_Default_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##toggleSwitch_Default_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="OnCheck" localizedName="##toggleSwitch_OnCheck##" datatype="Boolean" defaultValue="false" direction="in">
+      <appMagic:category>behavior</appMagic:category>
+      <appMagic:displayName>##toggleSwitch_OnCheck_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##checkbox_OnCheck_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="OnUncheck" localizedName="##toggleSwitch_OnUncheck##" datatype="Boolean" defaultValue="false" direction="in">
+      <appMagic:category>behavior</appMagic:category>
+      <appMagic:displayName>##toggleSwitch_OnUncheck_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##checkbox_OnUncheck_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="HandleFill" localizedName="##toggleSwitch_HandleFill##" datatype="Color" defaultValue="RGBA(69, 69, 69, 1)" isExpr="true" converter="argbConverter">
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>color</appMagic:helperUI>
+      <appMagic:displayName>##toggleSwitch_HandleFill_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##toggleSwitch_HandleFill_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="TextPosition" localizedName="##toggleSwitch_TextPosition##" datatype="TextPosition" defaultValue="%TextPosition.RESERVED%.Right" isExpr="true">
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##toggleSwitch_TextPosition_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##toggleSwitch_TextPosition_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="FalseText" localizedName="##toggleSwitch_FalseText##" datatype="String" defaultValue="##toggleSwitch_DefaultValue_FalseText##">
+      <appMagic:displayName>##toggleSwitch_FalseText_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="TrueText" localizedName="##toggleSwitch_TrueText##" datatype="String" defaultValue="##toggleSwitch_DefaultValue_TrueText##">
+      <appMagic:displayName>##toggleSwitch_TrueText_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="FalseFill" localizedName="##toggleSwitch_FalseFill##" datatype="Color" defaultValue="RGBA(186, 186, 186, 1)" isExpr="true" converter="argbConverter">
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>color</appMagic:helperUI>
+      <appMagic:displayName>##toggleSwitch_FalseFill_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##toggleSwitch_FalseFill_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="FalseHoverFill" localizedName="##toggleSwitch_FalseHoverFill##" datatype="Color" isExpr="true" defaultValue="ColorFade(Self.FalseFill, 15%)" converter="argbConverter">
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>color</appMagic:helperUI>
+      <appMagic:displayName>##toggleSwitch_FalseHoverFill_DisplayName##</appMagic:displayName>
+    </property>
+    <property name="ShowLabel" localizedName="##toggleSwitch_ShowLabel##" datatype="Boolean" defaultValue="true">
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##toggleSwitch_ShowLabel_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##toggleSwitch_ShowLabel_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="LabelPaddingLeft" localizedName="##toggleSwitch_LabelPaddingLeft##" datatype="Number" defaultValue="5">
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##toggleSwitch_LabelPaddingLeft_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##toggleSwitch_LabelPaddingLeft_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="LabelPaddingRight" localizedName="##toggleSwitch_LabelPaddingRight##" datatype="Number" defaultValue="5">
+      <appMagic:category>design</appMagic:category>
+      <appMagic:displayName>##toggleSwitch_LabelPaddingRight_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##toggleSwitch_LabelPaddingRight_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="TrueFill" localizedName="##toggleSwitch_TrueFill##" datatype="Color" defaultValue="RGBA(0, 176, 240, 1)" isExpr="true" converter="argbConverter">
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>color</appMagic:helperUI>
+      <appMagic:displayName>##toggleSwitch_TrueFill_DisplayName##</appMagic:displayName>
+      <appMagic:tooltip>##toggleSwitch_TrueFill_Tooltip##</appMagic:tooltip>
+    </property>
+    <property name="TrueHoverFill" localizedName="##toggleSwitch_TrueHoverFill##" datatype="Color" isExpr="true" defaultValue="ColorFade(Self.TrueFill, 15%)" converter="argbConverter">
+      <appMagic:category>design</appMagic:category>
+      <appMagic:helperUI>color</appMagic:helperUI>
+      <appMagic:displayName>##toggleSwitch_TrueHoverFill_DisplayName##</appMagic:displayName>
+    </property>
+  </properties>
+  <appMagic:includeProperties>
+    <!-- Data -->
+    <appMagic:includeProperty name="AccessibleLabel" />
+    <appMagic:includeProperty name="Tooltip" />
+    <appMagic:includeProperty name="ContentLanguage" />
+    <!-- Design -->
+    <appMagic:includeProperty name="BorderColor" />
+    <appMagic:includeProperty name="DisabledBorderColor" defaultValue="RGBA(56, 56, 56, 1)" />
+    <appMagic:includeProperty name="PressedBorderColor" defaultValue="ColorFade(Self.BorderColor, -15%)" />
+    <appMagic:includeProperty name="HoverBorderColor" defaultValue="ColorFade(Self.BorderColor, 15%)" />
+    <appMagic:includeProperty name="BorderStyle" />
+    <appMagic:includeProperty name="BorderThickness" />
+    <appMagic:includeProperty name="FocusedBorderColor" defaultValue="Self.BorderColor" isExpr="true" />
+    <appMagic:includeProperty name="FocusedBorderThickness" />
+    <appMagic:includeProperty name="Height" defaultValue="28" phoneDefaultValue="49" webDefaultValue="22" />
+    <appMagic:includeProperty name="Width" defaultValue="92" phoneDefaultValue="154" webDefaultValue="40" />
+    <appMagic:includeProperty name="X" />
+    <appMagic:includeProperty name="Y" />
+    <appMagic:includeProperty name="Visible" />
+    <appMagic:includeProperty name="DisplayMode" />
+    <appMagic:includeProperty name="TabIndex" />
+    <appMagic:includeProperty name="Italic" />
+    <appMagic:includeProperty name="Strikethrough" />
+    <appMagic:includeProperty name="FontWeight" />
+    <appMagic:includeProperty name="Underline" />
+    <appMagic:includeProperty name="Color" defaultValue="RGBA(70, 68, 64, 1)" />
+    <appMagic:includeProperty name="DisabledColor" defaultValue="RGBA(186, 186, 186, 1)" />
+    <appMagic:includeProperty name="Font" />
+    <appMagic:includeProperty name="Size" defaultValue="14" phoneDefaultValue="24" />
+    <!-- Behavior -->
+    <!-- TASK: 85476: Do Behavior properties make sense as input only? -->
+    <appMagic:includeProperty name="OnSelect" direction="in" />
+    <appMagic:includeProperty name="OnChange" direction="in" isPrimaryInputProperty="true" isPrimaryBehaviorProperty="true" />
+    <!-- Hidden -->
+    <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>
+  <!--Property Dependencies -->
+  <appMagic:propertyDependencies>
+    <appMagic:propertyDependency input="Default" output="Value" />
+    <appMagic:propertyDependency input="Reset" output="Value" />
+  </appMagic:propertyDependencies>
+  <appMagic:insertMetadata>
+    <appMagic:category name="Input" priority="100" />
+    <appMagic:category name="ClassicControls" priority="100" />
+  </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="ShowLabel" />
+      <appMagic:property name="TextPosition" />
+      <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:section>
+    <appMagic:section>
+      <appMagic:property name="FalseFill" />
+      <appMagic:property name="TrueFill" />
+      <appMagic:property name="HandleFill" />
+      <appMagic:property name="Color" showInFloatie="true" showInCommandBar="true" />
+      <appMagic:property name="Font" displayType="FontEnum" showInFloatie="true" />
+      <appMagic:property name="Size" labelOverride="##FontSize_Property##" showInFloatie="true" />
+      <appMagic:property name="FontWeight" displayType="EnumIcon" itemsOrder="Bold;Semibold;Normal;Lighter" />
+      <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:propertyGroup name="Border">
+        <appMagic:property name="BorderStyle" />
+        <appMagic:property name="BorderThickness" />
+        <appMagic:property name="BorderColor" />
+      </appMagic:propertyGroup>
+    </appMagic:section>
+    <appMagic:section>
+      <appMagic:propertyGroup name="DisabledColor">
+        <appMagic:property name="DisabledBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:propertyGroup name="HoverColor">
+        <appMagic:property name="HoverBorderColor" />
+      </appMagic:propertyGroup>
+      <appMagic:property name="TrueHoverFill" />
+      <appMagic:property name="FalseHoverFill" />
+      <appMagic:propertyGroup name="PressedColor">
+        <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">
+    <!-- KO template changes for accessibility fixes -->
+  </appMagic:conversion>
+  <appMagic:conversion from="2.0.1" to="2.1.0">
+    <appMagic:conversionAction type="add" name="ContentLanguage" />
+  </appMagic:conversion>
+</widget>
\ No newline at end of file