diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
index ec7928b61e426..4d8a85c6a4299 100644
--- a/.github/CODEOWNERS
+++ b/.github/CODEOWNERS
@@ -274,6 +274,7 @@ packages/react-components/react-virtualizer/stories @microsoft/xc-uxe @Mitch-At-
 packages/react-components/react-skeleton/library @microsoft/cxe-prg
 packages/react-components/react-skeleton/stories @microsoft/cxe-prg
 packages/tokens @microsoft/teams-prg
+packages/semantic-tokens @microsoft/xc-uxe
 packages/react-components/react-tags/library @microsoft/cxe-prg @microsoft/teams-prg
 packages/react-components/react-tags/stories @microsoft/cxe-prg @microsoft/teams-prg
 packages/react-components/react-migration-v0-v9/library @microsoft/teams-prg
diff --git a/change/@fluentui-semantic-tokens-ab69ccc6-b777-4bb6-909a-c406cc6406d2.json b/change/@fluentui-semantic-tokens-ab69ccc6-b777-4bb6-909a-c406cc6406d2.json
new file mode 100644
index 0000000000000..58168853267ce
--- /dev/null
+++ b/change/@fluentui-semantic-tokens-ab69ccc6-b777-4bb6-909a-c406cc6406d2.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "feat: Initial semantic token package scaffolding",
+  "packageName": "@fluentui/semantic-tokens",
+  "email": "mifraser@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/nx.json b/nx.json
index 77cb282ed1252..522d5b9654fdb 100644
--- a/nx.json
+++ b/nx.json
@@ -151,6 +151,7 @@
         "scripts/**/*",
         "packages/eslint-plugin/**",
         "packages/tokens/**",
+        "packages/semantic-tokens/**",
         "packages/react-conformance/**",
         "packages/react-components/**/*"
       ]
diff --git a/packages/semantic-tokens/.babelrc.json b/packages/semantic-tokens/.babelrc.json
new file mode 100644
index 0000000000000..38bf1f7a945cf
--- /dev/null
+++ b/packages/semantic-tokens/.babelrc.json
@@ -0,0 +1,3 @@
+{
+  "plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
+}
diff --git a/packages/semantic-tokens/.eslintrc.json b/packages/semantic-tokens/.eslintrc.json
new file mode 100644
index 0000000000000..80ca7022e8d9b
--- /dev/null
+++ b/packages/semantic-tokens/.eslintrc.json
@@ -0,0 +1,12 @@
+{
+  "extends": ["plugin:@fluentui/eslint-plugin/react"],
+  "root": true,
+  "rules": {
+    "no-restricted-imports": [
+      "error",
+      {
+        "patterns": ["@fluentui/*", "react", "react-dom"]
+      }
+    ]
+  }
+}
diff --git a/packages/semantic-tokens/.swcrc b/packages/semantic-tokens/.swcrc
new file mode 100644
index 0000000000000..80bbb318befca
--- /dev/null
+++ b/packages/semantic-tokens/.swcrc
@@ -0,0 +1,32 @@
+{
+  "$schema": "https://json.schemastore.org/swcrc",
+  "exclude": [
+    "/testing",
+    "/**/*.cy.ts",
+    "/**/*.cy.tsx",
+    "/**/*.spec-e2e.ts",
+    "/**/*.spec.ts",
+    "/**/*.spec.tsx",
+    "/**/*.test.ts",
+    "/**/*.test.tsx"
+  ],
+  "jsc": {
+    "baseUrl": ".",
+    "parser": {
+      "syntax": "typescript",
+      "tsx": true,
+      "decorators": false,
+      "dynamicImport": false
+    },
+    "externalHelpers": true,
+    "transform": {
+      "react": {
+        "runtime": "classic",
+        "useSpread": true
+      }
+    },
+    "target": "es2019"
+  },
+  "minify": false,
+  "sourceMaps": true
+}
diff --git a/packages/semantic-tokens/CHANGELOG.json b/packages/semantic-tokens/CHANGELOG.json
new file mode 100644
index 0000000000000..22e8744cb2913
--- /dev/null
+++ b/packages/semantic-tokens/CHANGELOG.json
@@ -0,0 +1,4 @@
+{
+  "name": "@fluentui/semantic-tokens",
+  "entries": []
+}
diff --git a/packages/semantic-tokens/CHANGELOG.md b/packages/semantic-tokens/CHANGELOG.md
new file mode 100644
index 0000000000000..14e9a0692dd61
--- /dev/null
+++ b/packages/semantic-tokens/CHANGELOG.md
@@ -0,0 +1,5 @@
+# Change Log - @fluentui/semantic-tokens
+
+This log was last generated on Thurs, 2 Feb 2025 16:26:46 GMT and should not be manually modified.
+
+<!-- Start content -->
diff --git a/packages/semantic-tokens/LICENSE b/packages/semantic-tokens/LICENSE
new file mode 100644
index 0000000000000..2a9bf0a68d0e7
--- /dev/null
+++ b/packages/semantic-tokens/LICENSE
@@ -0,0 +1,15 @@
+@fluentui/semantic-tokens
+
+Copyright (c) Microsoft Corporation
+
+All rights reserved.
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the ""Software""), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+Note: Usage of the fonts and icons referenced in Fluent UI React is subject to the terms listed at https://aka.ms/fluentui-assets-license
diff --git a/packages/semantic-tokens/README.md b/packages/semantic-tokens/README.md
new file mode 100644
index 0000000000000..0ffcbe9fdee7a
--- /dev/null
+++ b/packages/semantic-tokens/README.md
@@ -0,0 +1,3 @@
+# @fluentui/semantic-tokens
+
+**Fluent UI Theme semantic-tokens**
diff --git a/packages/semantic-tokens/config/api-extractor.json b/packages/semantic-tokens/config/api-extractor.json
new file mode 100644
index 0000000000000..02b450759ae91
--- /dev/null
+++ b/packages/semantic-tokens/config/api-extractor.json
@@ -0,0 +1,6 @@
+{
+  "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json",
+  "extends": "@fluentui/scripts-api-extractor/api-extractor.common.v-next.json",
+
+  "mainEntryPointFilePath": "<projectFolder>/../../dist/out-tsc/types/packages/<unscopedPackageName>/src/index.d.ts"
+}
diff --git a/packages/semantic-tokens/config/tests.js b/packages/semantic-tokens/config/tests.js
new file mode 100644
index 0000000000000..2e211ae9e2142
--- /dev/null
+++ b/packages/semantic-tokens/config/tests.js
@@ -0,0 +1 @@
+/** Jest test setup file. */
diff --git a/packages/semantic-tokens/etc/semantic-tokens.api.md b/packages/semantic-tokens/etc/semantic-tokens.api.md
new file mode 100644
index 0000000000000..96e054d935a54
--- /dev/null
+++ b/packages/semantic-tokens/etc/semantic-tokens.api.md
@@ -0,0 +1,5799 @@
+## API Report File for "@fluentui/semantic-tokens"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+// @public (undocumented)
+export const aiBrandStop1 = "var(--smtc-ai-brand-stop1)";
+
+// @public (undocumented)
+export const aiBrandStop1Raw = "--smtc-ai-brand-stop1";
+
+// @public (undocumented)
+export const aiBrandStop2 = "var(--smtc-ai-brand-stop2)";
+
+// @public (undocumented)
+export const aiBrandStop2Raw = "--smtc-ai-brand-stop2";
+
+// @public (undocumented)
+export const aiBrandStop3 = "var(--smtc-ai-brand-stop3)";
+
+// @public (undocumented)
+export const aiBrandStop3Raw = "--smtc-ai-brand-stop3";
+
+// @public (undocumented)
+export const aiBrandStop4 = "var(--smtc-ai-brand-stop4)";
+
+// @public (undocumented)
+export const aiBrandStop4Raw = "--smtc-ai-brand-stop4";
+
+// @public (undocumented)
+export const aiShimmerStop1 = "var(--smtc-ai-shimmer-stop1)";
+
+// @public (undocumented)
+export const aiShimmerStop1Raw = "--smtc-ai-shimmer-stop1";
+
+// @public (undocumented)
+export const aiShimmerStop2 = "var(--smtc-ai-shimmer-stop2)";
+
+// @public (undocumented)
+export const aiShimmerStop2Raw = "--smtc-ai-shimmer-stop2";
+
+// @public (undocumented)
+export const aiShimmerStop3 = "var(--smtc-ai-shimmer-stop3)";
+
+// @public (undocumented)
+export const aiShimmerStop3Raw = "--smtc-ai-shimmer-stop3";
+
+// @public (undocumented)
+export const aiShimmerStop4 = "var(--smtc-ai-shimmer-stop4)";
+
+// @public (undocumented)
+export const aiShimmerStop4Raw = "--smtc-ai-shimmer-stop4";
+
+// @public (undocumented)
+export const backgroundCardOnflyoutDefaultDisabled = "var(--smtc-background-card-onflyout-default-disabled)";
+
+// @public (undocumented)
+export const backgroundCardOnflyoutDefaultDisabledRaw = "--smtc-background-card-onflyout-default-disabled";
+
+// @public (undocumented)
+export const backgroundCardOnflyoutDefaultHover = "var(--smtc-background-card-onflyout-default-hover)";
+
+// @public (undocumented)
+export const backgroundCardOnflyoutDefaultHoverRaw = "--smtc-background-card-onflyout-default-hover";
+
+// @public (undocumented)
+export const backgroundCardOnflyoutDefaultPressed = "var(--smtc-background-card-onflyout-default-pressed)";
+
+// @public (undocumented)
+export const backgroundCardOnflyoutDefaultPressedRaw = "--smtc-background-card-onflyout-default-pressed";
+
+// @public (undocumented)
+export const backgroundCardOnflyoutDefaultRest = "var(--smtc-background-card-onflyout-default-rest)";
+
+// @public (undocumented)
+export const backgroundCardOnflyoutDefaultRestRaw = "--smtc-background-card-onflyout-default-rest";
+
+// @public (undocumented)
+export const backgroundCardOnprimaryAltDisabled = "var(--smtc-background-card-onprimary-alt-disabled)";
+
+// @public (undocumented)
+export const backgroundCardOnprimaryAltDisabledRaw = "--smtc-background-card-onprimary-alt-disabled";
+
+// @public (undocumented)
+export const backgroundCardOnprimaryAltHover = "var(--smtc-background-card-onprimary-alt-hover)";
+
+// @public (undocumented)
+export const backgroundCardOnprimaryAltHoverRaw = "--smtc-background-card-onprimary-alt-hover";
+
+// @public (undocumented)
+export const backgroundCardOnprimaryAltPressed = "var(--smtc-background-card-onprimary-alt-pressed)";
+
+// @public (undocumented)
+export const backgroundCardOnprimaryAltPressedRaw = "--smtc-background-card-onprimary-alt-pressed";
+
+// @public (undocumented)
+export const backgroundCardOnprimaryAltRest = "var(--smtc-background-card-onprimary-alt-rest)";
+
+// @public (undocumented)
+export const backgroundCardOnprimaryAltRestRaw = "--smtc-background-card-onprimary-alt-rest";
+
+// @public (undocumented)
+export const backgroundCardOnprimaryDefaultDisabled = "var(--smtc-background-card-onprimary-default-disabled)";
+
+// @public (undocumented)
+export const backgroundCardOnprimaryDefaultDisabledRaw = "--smtc-background-card-onprimary-default-disabled";
+
+// @public (undocumented)
+export const backgroundCardOnprimaryDefaultHover = "var(--smtc-background-card-onprimary-default-hover)";
+
+// @public (undocumented)
+export const backgroundCardOnprimaryDefaultHoverRaw = "--smtc-background-card-onprimary-default-hover";
+
+// @public (undocumented)
+export const backgroundCardOnprimaryDefaultPressed = "var(--smtc-background-card-onprimary-default-pressed)";
+
+// @public (undocumented)
+export const backgroundCardOnprimaryDefaultPressedRaw = "--smtc-background-card-onprimary-default-pressed";
+
+// @public (undocumented)
+export const backgroundCardOnprimaryDefaultRest = "var(--smtc-background-card-onprimary-default-rest)";
+
+// @public (undocumented)
+export const backgroundCardOnprimaryDefaultRestRaw = "--smtc-background-card-onprimary-default-rest";
+
+// @public (undocumented)
+export const backgroundCardOnprimaryDefaultSelected = "var(--smtc-background-card-onprimary-default-selected, var(--smtc-background-card-onprimary-default-rest))";
+
+// @public (undocumented)
+export const backgroundCardOnprimaryDefaultSelectedRaw = "--smtc-background-card-onprimary-default-selected";
+
+// @public (undocumented)
+export const backgroundCardOnsecondaryAltDisabled = "var(--smtc-background-card-onsecondary-alt-disabled)";
+
+// @public (undocumented)
+export const backgroundCardOnsecondaryAltDisabledRaw = "--smtc-background-card-onsecondary-alt-disabled";
+
+// @public (undocumented)
+export const backgroundCardOnsecondaryAltHover = "var(--smtc-background-card-onsecondary-alt-hover)";
+
+// @public (undocumented)
+export const backgroundCardOnsecondaryAltHoverRaw = "--smtc-background-card-onsecondary-alt-hover";
+
+// @public (undocumented)
+export const backgroundCardOnsecondaryAltPressed = "var(--smtc-background-card-onsecondary-alt-pressed)";
+
+// @public (undocumented)
+export const backgroundCardOnsecondaryAltPressedRaw = "--smtc-background-card-onsecondary-alt-pressed";
+
+// @public (undocumented)
+export const backgroundCardOnsecondaryAltRest = "var(--smtc-background-card-onsecondary-alt-rest)";
+
+// @public (undocumented)
+export const backgroundCardOnsecondaryAltRestRaw = "--smtc-background-card-onsecondary-alt-rest";
+
+// @public (undocumented)
+export const backgroundCardOnsecondaryDefaultDisabled = "var(--smtc-background-card-onsecondary-default-disabled)";
+
+// @public (undocumented)
+export const backgroundCardOnsecondaryDefaultDisabledRaw = "--smtc-background-card-onsecondary-default-disabled";
+
+// @public (undocumented)
+export const backgroundCardOnsecondaryDefaultHover = "var(--smtc-background-card-onsecondary-default-hover)";
+
+// @public (undocumented)
+export const backgroundCardOnsecondaryDefaultHoverRaw = "--smtc-background-card-onsecondary-default-hover";
+
+// @public (undocumented)
+export const backgroundCardOnsecondaryDefaultPressed = "var(--smtc-background-card-onsecondary-default-pressed)";
+
+// @public (undocumented)
+export const backgroundCardOnsecondaryDefaultPressedRaw = "--smtc-background-card-onsecondary-default-pressed";
+
+// @public (undocumented)
+export const backgroundCardOnsecondaryDefaultRest = "var(--smtc-background-card-onsecondary-default-rest)";
+
+// @public (undocumented)
+export const backgroundCardOnsecondaryDefaultRestRaw = "--smtc-background-card-onsecondary-default-rest";
+
+// @public (undocumented)
+export const backgroundCardOnsecondaryDefaultSelected = "var(--smtc-background-card-onsecondary-default-selected, var(--smtc-background-card-onsecondary-default-rest))";
+
+// @public (undocumented)
+export const backgroundCardOnsecondaryDefaultSelectedRaw = "--smtc-background-card-onsecondary-default-selected";
+
+// @public (undocumented)
+export const backgroundCtrlActivebrandDisabled = "var(--smtc-background-ctrl-activebrand-disabled, var(--smtc-background-ctrl-brand-disabled))";
+
+// @public (undocumented)
+export const backgroundCtrlActivebrandDisabledRaw = "--smtc-background-ctrl-activebrand-disabled";
+
+// @public (undocumented)
+export const backgroundCtrlActivebrandHover = "var(--smtc-background-ctrl-activebrand-hover, var(--smtc-background-ctrl-brand-hover))";
+
+// @public (undocumented)
+export const backgroundCtrlActivebrandHoverRaw = "--smtc-background-ctrl-activebrand-hover";
+
+// @public (undocumented)
+export const backgroundCtrlActivebrandPressed = "var(--smtc-background-ctrl-activebrand-pressed, var(--smtc-background-ctrl-brand-pressed))";
+
+// @public (undocumented)
+export const backgroundCtrlActivebrandPressedRaw = "--smtc-background-ctrl-activebrand-pressed";
+
+// @public (undocumented)
+export const backgroundCtrlActivebrandRest = "var(--smtc-background-ctrl-activebrand-rest, var(--smtc-background-ctrl-brand-rest))";
+
+// @public (undocumented)
+export const backgroundCtrlActivebrandRestRaw = "--smtc-background-ctrl-activebrand-rest";
+
+// @public (undocumented)
+export const backgroundCtrlBrandDisabled = "var(--smtc-background-ctrl-brand-disabled)";
+
+// @public (undocumented)
+export const backgroundCtrlBrandDisabledRaw = "--smtc-background-ctrl-brand-disabled";
+
+// @public (undocumented)
+export const backgroundCtrlBrandHover = "var(--smtc-background-ctrl-brand-hover)";
+
+// @public (undocumented)
+export const backgroundCtrlBrandHoverRaw = "--smtc-background-ctrl-brand-hover";
+
+// @public (undocumented)
+export const backgroundCtrlBrandPressed = "var(--smtc-background-ctrl-brand-pressed)";
+
+// @public (undocumented)
+export const backgroundCtrlBrandPressedRaw = "--smtc-background-ctrl-brand-pressed";
+
+// @public (undocumented)
+export const backgroundCtrlBrandRest = "var(--smtc-background-ctrl-brand-rest)";
+
+// @public (undocumented)
+export const backgroundCtrlBrandRestRaw = "--smtc-background-ctrl-brand-rest";
+
+// @public (undocumented)
+export const backgroundCtrlNeutralDisabled = "var(--smtc-background-ctrl-neutral-disabled)";
+
+// @public (undocumented)
+export const backgroundCtrlNeutralDisabledRaw = "--smtc-background-ctrl-neutral-disabled";
+
+// @public (undocumented)
+export const backgroundCtrlNeutralHover = "var(--smtc-background-ctrl-neutral-hover)";
+
+// @public (undocumented)
+export const backgroundCtrlNeutralHoverRaw = "--smtc-background-ctrl-neutral-hover";
+
+// @public (undocumented)
+export const backgroundCtrlNeutralPressed = "var(--smtc-background-ctrl-neutral-pressed)";
+
+// @public (undocumented)
+export const backgroundCtrlNeutralPressedRaw = "--smtc-background-ctrl-neutral-pressed";
+
+// @public (undocumented)
+export const backgroundCtrlNeutralRest = "var(--smtc-background-ctrl-neutral-rest)";
+
+// @public (undocumented)
+export const backgroundCtrlNeutralRestRaw = "--smtc-background-ctrl-neutral-rest";
+
+// @public (undocumented)
+export const backgroundCtrlOutlineDisabled = "var(--smtc-background-ctrl-outline-disabled, unset)";
+
+// @public (undocumented)
+export const backgroundCtrlOutlineDisabledRaw = "--smtc-background-ctrl-outline-disabled";
+
+// @public (undocumented)
+export const backgroundCtrlOutlineHover = "var(--smtc-background-ctrl-outline-hover, unset)";
+
+// @public (undocumented)
+export const backgroundCtrlOutlineHoverRaw = "--smtc-background-ctrl-outline-hover";
+
+// @public (undocumented)
+export const backgroundCtrlOutlinePressed = "var(--smtc-background-ctrl-outline-pressed, unset)";
+
+// @public (undocumented)
+export const backgroundCtrlOutlinePressedRaw = "--smtc-background-ctrl-outline-pressed";
+
+// @public (undocumented)
+export const backgroundCtrlOutlineRest = "var(--smtc-background-ctrl-outline-rest, unset)";
+
+// @public (undocumented)
+export const backgroundCtrlOutlineRestRaw = "--smtc-background-ctrl-outline-rest";
+
+// @public (undocumented)
+export const backgroundCtrlShapesafeActivebrandDisabled = "var(--smtc-background-ctrl-shapesafe-activebrand-disabled, var(--smtc-background-ctrl-brand-disabled))";
+
+// @public (undocumented)
+export const backgroundCtrlShapesafeActivebrandDisabledRaw = "--smtc-background-ctrl-shapesafe-activebrand-disabled";
+
+// @public (undocumented)
+export const backgroundCtrlShapesafeActivebrandRest = "var(--smtc-background-ctrl-shapesafe-activebrand-rest, var(--smtc-background-ctrl-brand-rest))";
+
+// @public (undocumented)
+export const backgroundCtrlShapesafeActivebrandRestRaw = "--smtc-background-ctrl-shapesafe-activebrand-rest";
+
+// @public (undocumented)
+export const backgroundCtrlShapesafeNeutralDisabled = "var(--smtc-background-ctrl-shapesafe-neutral-disabled, var(--smtc-foreground-ctrl-neutral-secondary-disabled))";
+
+// @public (undocumented)
+export const backgroundCtrlShapesafeNeutralDisabledRaw = "--smtc-background-ctrl-shapesafe-neutral-disabled";
+
+// @public (undocumented)
+export const backgroundCtrlShapesafeNeutralHover = "var(--smtc-background-ctrl-shapesafe-neutral-hover, var(--smtc-foreground-ctrl-neutral-secondary-rest))";
+
+// @public (undocumented)
+export const backgroundCtrlShapesafeNeutralHoverRaw = "--smtc-background-ctrl-shapesafe-neutral-hover";
+
+// @public (undocumented)
+export const backgroundCtrlShapesafeNeutralPressed = "var(--smtc-background-ctrl-shapesafe-neutral-pressed, var(--smtc-foreground-ctrl-neutral-secondary-rest))";
+
+// @public (undocumented)
+export const backgroundCtrlShapesafeNeutralPressedRaw = "--smtc-background-ctrl-shapesafe-neutral-pressed";
+
+// @public (undocumented)
+export const backgroundCtrlShapesafeNeutralRest = "var(--smtc-background-ctrl-shapesafe-neutral-rest, var(--smtc-foreground-ctrl-neutral-secondary-rest))";
+
+// @public (undocumented)
+export const backgroundCtrlShapesafeNeutralRestRaw = "--smtc-background-ctrl-shapesafe-neutral-rest";
+
+// @public (undocumented)
+export const backgroundCtrlSubtleDisabled = "var(--smtc-background-ctrl-subtle-disabled, unset)";
+
+// @public (undocumented)
+export const backgroundCtrlSubtleDisabledRaw = "--smtc-background-ctrl-subtle-disabled";
+
+// @public (undocumented)
+export const backgroundCtrlSubtleHover = "var(--smtc-background-ctrl-subtle-hover)";
+
+// @public (undocumented)
+export const backgroundCtrlSubtleHoverRaw = "--smtc-background-ctrl-subtle-hover";
+
+// @public (undocumented)
+export const backgroundCtrlSubtleHoversplit = "var(--smtc-background-ctrl-subtle-hoversplit, unset)";
+
+// @public (undocumented)
+export const backgroundCtrlSubtleHoversplitRaw = "--smtc-background-ctrl-subtle-hoversplit";
+
+// @public (undocumented)
+export const backgroundCtrlSubtlePressed = "var(--smtc-background-ctrl-subtle-pressed)";
+
+// @public (undocumented)
+export const backgroundCtrlSubtlePressedRaw = "--smtc-background-ctrl-subtle-pressed";
+
+// @public (undocumented)
+export const backgroundCtrlSubtleRest = "var(--smtc-background-ctrl-subtle-rest, unset)";
+
+// @public (undocumented)
+export const backgroundCtrlSubtleRestRaw = "--smtc-background-ctrl-subtle-rest";
+
+// @public (undocumented)
+export const backgroundFlyoutColorblend = "var(--smtc-background-flyout-colorblend)";
+
+// @public (undocumented)
+export const backgroundFlyoutColorblendRaw = "--smtc-background-flyout-colorblend";
+
+// @public (undocumented)
+export const backgroundFlyoutLumblend = "var(--smtc-background-flyout-lumblend)";
+
+// @public (undocumented)
+export const backgroundFlyoutLumblendRaw = "--smtc-background-flyout-lumblend";
+
+// @public (undocumented)
+export const backgroundFlyoutSolid = "var(--smtc-background-flyout-solid)";
+
+// @public (undocumented)
+export const backgroundFlyoutSolidRaw = "--smtc-background-flyout-solid";
+
+// @public (undocumented)
+export const backgroundLayerPrimarySolid = "var(--smtc-background-layer-primarysolid)";
+
+// @public (undocumented)
+export const backgroundLayerPrimarySolidRaw = "--smtc-background-layer-primarysolid";
+
+// @public (undocumented)
+export const backgroundLayerPrimaryStop1 = "var(--smtc-background-layer-primarystop1, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const backgroundLayerPrimaryStop1Raw = "--smtc-background-layer-primarystop1";
+
+// @public (undocumented)
+export const backgroundLayerPrimaryStop2 = "var(--smtc-background-layer-primarystop2, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const backgroundLayerPrimaryStop2Raw = "--smtc-background-layer-primarystop2";
+
+// @public (undocumented)
+export const backgroundLayerPrimaryStop3 = "var(--smtc-background-layer-primarystop3, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const backgroundLayerPrimaryStop3Raw = "--smtc-background-layer-primarystop3";
+
+// @public (undocumented)
+export const backgroundLayerSecondary = "var(--smtc-background-layer-secondary, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const backgroundLayerSecondaryRaw = "--smtc-background-layer-secondary";
+
+// @public (undocumented)
+export const backgroundLayerTertiary = "var(--smtc-background-layer-tertiary, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const backgroundLayerTertiaryRaw = "--smtc-background-layer-tertiary";
+
+// @public (undocumented)
+export const backgroundSmoke = "var(--smtc-background-smoke)";
+
+// @public (undocumented)
+export const backgroundSmokeRaw = "--smtc-background-smoke";
+
+// @public (undocumented)
+export const backgroundToolbar = "var(--smtc-background-toolbar, var(--smtc-background-card-onprimary-default-rest))";
+
+// @public (undocumented)
+export const backgroundToolbarRaw = "--smtc-background-toolbar";
+
+// @public (undocumented)
+export const backgroundWebpagePrimary = "var(--smtc-background-webpage-primary)";
+
+// @public (undocumented)
+export const backgroundWebpagePrimaryRaw = "--smtc-background-webpage-primary";
+
+// @public (undocumented)
+export const backgroundWebpageSecondary = "var(--smtc-background-webpage-secondary)";
+
+// @public (undocumented)
+export const backgroundWebpageSecondaryRaw = "--smtc-background-webpage-secondary";
+
+// @public (undocumented)
+export const backgroundWindowPrimaryColorblend = "var(--smtc-background-window-primary-colorblend)";
+
+// @public (undocumented)
+export const backgroundWindowPrimaryColorblendRaw = "--smtc-background-window-primary-colorblend";
+
+// @public (undocumented)
+export const backgroundWindowPrimaryLumblend = "var(--smtc-background-window-primary-lumblend)";
+
+// @public (undocumented)
+export const backgroundWindowPrimaryLumblendRaw = "--smtc-background-window-primary-lumblend";
+
+// @public (undocumented)
+export const backgroundWindowPrimarySolid = "var(--smtc-background-window-primary-solid)";
+
+// @public (undocumented)
+export const backgroundWindowPrimarySolidRaw = "--smtc-background-window-primary-solid";
+
+// @public (undocumented)
+export const backgroundWindowSecondaryColorblend = "var(--smtc-background-window-secondary-colorblend)";
+
+// @public (undocumented)
+export const backgroundWindowSecondaryColorblendRaw = "--smtc-background-window-secondary-colorblend";
+
+// @public (undocumented)
+export const backgroundWindowSecondaryLumblend = "var(--smtc-background-window-secondary-lumblend)";
+
+// @public (undocumented)
+export const backgroundWindowSecondaryLumblendRaw = "--smtc-background-window-secondary-lumblend";
+
+// @public (undocumented)
+export const backgroundWindowSecondarySolid = "var(--smtc-background-window-secondary-solid)";
+
+// @public (undocumented)
+export const backgroundWindowSecondarySolidRaw = "--smtc-background-window-secondary-solid";
+
+// @public (undocumented)
+export const backgroundWindowTabbandColorblend = "var(--smtc-background-window-tabband-colorblend)";
+
+// @public (undocumented)
+export const backgroundWindowTabbandColorblendRaw = "--smtc-background-window-tabband-colorblend";
+
+// @public (undocumented)
+export const backgroundWindowTabbandLumblend = "var(--smtc-background-window-tabband-lumblend)";
+
+// @public (undocumented)
+export const backgroundWindowTabbandLumblendRaw = "--smtc-background-window-tabband-lumblend";
+
+// @public (undocumented)
+export const backgroundWindowTabbandSolid = "var(--smtc-background-window-tabband-solid)";
+
+// @public (undocumented)
+export const backgroundWindowTabbandSolidRaw = "--smtc-background-window-tabband-solid";
+
+// @public (undocumented)
+export const cornerBezel = "var(--smtc-corner-bezel)";
+
+// @public (undocumented)
+export const cornerBezelRaw = "--smtc-corner-bezel";
+
+// @public (undocumented)
+export const cornerCardHover = "var(--smtc-corner-card-hover, var(--smtc-corner-card-rest))";
+
+// @public (undocumented)
+export const cornerCardHoverRaw = "--smtc-corner-card-hover";
+
+// @public (undocumented)
+export const cornerCardPressed = "var(--smtc-corner-card-pressed, var(--smtc-corner-card-rest))";
+
+// @public (undocumented)
+export const cornerCardPressedRaw = "--smtc-corner-card-pressed";
+
+// @public (undocumented)
+export const cornerCardRest = "var(--smtc-corner-card-rest)";
+
+// @public (undocumented)
+export const cornerCardRestRaw = "--smtc-corner-card-rest";
+
+// @public (undocumented)
+export const cornerCircular = "var(--smtc-corner-circular)";
+
+// @public (undocumented)
+export const cornerCircularRaw = "--smtc-corner-circular";
+
+// @public (undocumented)
+export const cornerCtrlHover = "var(--smtc-corner-ctrl-hover, var(--smtc-corner-ctrl-rest))";
+
+// @public (undocumented)
+export const cornerCtrlHoverRaw = "--smtc-corner-ctrl-hover";
+
+// @public (undocumented)
+export const cornerCtrlLgHover = "var(--smtc-corner-ctrl-lg-hover, var(--smtc-corner-ctrl-lg-rest))";
+
+// @public (undocumented)
+export const cornerCtrlLgHoverRaw = "--smtc-corner-ctrl-lg-hover";
+
+// @public (undocumented)
+export const cornerCtrlLgPressed = "var(--smtc-corner-ctrl-lg-pressed, var(--smtc-corner-ctrl-lg-rest))";
+
+// @public (undocumented)
+export const cornerCtrlLgPressedRaw = "--smtc-corner-ctrl-lg-pressed";
+
+// @public (undocumented)
+export const cornerCtrlLgRest = "var(--smtc-corner-ctrl-lg-rest)";
+
+// @public (undocumented)
+export const cornerCtrlLgRestRaw = "--smtc-corner-ctrl-lg-rest";
+
+// @public (undocumented)
+export const cornerCtrlPressed = "var(--smtc-corner-ctrl-pressed, var(--smtc-corner-ctrl-rest))";
+
+// @public (undocumented)
+export const cornerCtrlPressedRaw = "--smtc-corner-ctrl-pressed";
+
+// @public (undocumented)
+export const cornerCtrlRest = "var(--smtc-corner-ctrl-rest)";
+
+// @public (undocumented)
+export const cornerCtrlRestRaw = "--smtc-corner-ctrl-rest";
+
+// @public (undocumented)
+export const cornerCtrlSmHover = "var(--smtc-corner-ctrl-sm-hover, var(--smtc-corner-ctrl-sm-rest))";
+
+// @public (undocumented)
+export const cornerCtrlSmHoverRaw = "--smtc-corner-ctrl-sm-hover";
+
+// @public (undocumented)
+export const cornerCtrlSmPressed = "var(--smtc-corner-ctrl-sm-pressed, var(--smtc-corner-ctrl-sm-rest))";
+
+// @public (undocumented)
+export const cornerCtrlSmPressedRaw = "--smtc-corner-ctrl-sm-pressed";
+
+// @public (undocumented)
+export const cornerCtrlSmRest = "var(--smtc-corner-ctrl-sm-rest)";
+
+// @public (undocumented)
+export const cornerCtrlSmRestRaw = "--smtc-corner-ctrl-sm-rest";
+
+// @public (undocumented)
+export const cornerFlyoutHover = "var(--smtc-corner-flyout-hover, var(--smtc-corner-flyout-rest))";
+
+// @public (undocumented)
+export const cornerFlyoutHoverRaw = "--smtc-corner-flyout-hover";
+
+// @public (undocumented)
+export const cornerFlyoutPressed = "var(--smtc-corner-flyout-pressed, var(--smtc-corner-flyout-rest))";
+
+// @public (undocumented)
+export const cornerFlyoutPressedRaw = "--smtc-corner-flyout-pressed";
+
+// @public (undocumented)
+export const cornerFlyoutRest = "var(--smtc-corner-flyout-rest)";
+
+// @public (undocumented)
+export const cornerFlyoutRestRaw = "--smtc-corner-flyout-rest";
+
+// @public (undocumented)
+export const cornerFlyoutShellRest = "var(--smtc-corner-flyout-shell-rest, var(--smtc-corner-flyout-rest))";
+
+// @public (undocumented)
+export const cornerFlyoutShellRestRaw = "--smtc-corner-flyout-shell-rest";
+
+// @public (undocumented)
+export const cornerImageIncard = "var(--smtc-corner-image-incard)";
+
+// @public (undocumented)
+export const cornerImageIncardRaw = "--smtc-corner-image-incard";
+
+// @public (undocumented)
+export const cornerImageOnpage = "var(--smtc-corner-image-onpage, var(--smtc-corner-card-rest))";
+
+// @public (undocumented)
+export const cornerImageOnpageRaw = "--smtc-corner-image-onpage";
+
+// @public (undocumented)
+export const cornerLayerDefault = "var(--smtc-corner-layer-default)";
+
+// @public (undocumented)
+export const cornerLayerDefaultRaw = "--smtc-corner-layer-default";
+
+// @public (undocumented)
+export const cornerLayerIntersection = "var(--smtc-corner-layer-intersection, var(--smtc-corner-zero))";
+
+// @public (undocumented)
+export const cornerLayerIntersectionRaw = "--smtc-corner-layer-intersection";
+
+// @public (undocumented)
+export const cornerToolbarDefault = "var(--smtc-corner-toolbar-default, var(--smtc-corner-card-rest))";
+
+// @public (undocumented)
+export const cornerToolbarDefaultRaw = "--smtc-corner-toolbar-default";
+
+// @public (undocumented)
+export const cornerWindowDefault = "var(--smtc-corner-window-default)";
+
+// @public (undocumented)
+export const cornerWindowDefaultRaw = "--smtc-corner-window-default";
+
+// @public (undocumented)
+export const cornerZero = "var(--smtc-corner-zero)";
+
+// @public (undocumented)
+export const cornerZeroRaw = "--smtc-corner-zero";
+
+// @public (undocumented)
+export const ctrlAvatarActiveringSize = "var(--smtc-ctrl-avatar-activering-size)";
+
+// @public (undocumented)
+export const ctrlAvatarActiveringSizeRaw = "--smtc-ctrl-avatar-activering-size";
+
+// @public (undocumented)
+export const ctrlAvatarActiveringStroke = "var(--smtc-ctrl-avatar-activering-stroke, var(--smtc-background-ctrl-brand-rest))";
+
+// @public (undocumented)
+export const ctrlAvatarActiveringStrokeRaw = "--smtc-ctrl-avatar-activering-stroke";
+
+// @public (undocumented)
+export const ctrlAvatarActiveringStrokewidth = "var(--smtc-ctrl-avatar-activering-strokewidth)";
+
+// @public (undocumented)
+export const ctrlAvatarActiveringStrokewidthRaw = "--smtc-ctrl-avatar-activering-strokewidth";
+
+// @public (undocumented)
+export const ctrlAvatarBackground = "var(--smtc-ctrl-avatar-background)";
+
+// @public (undocumented)
+export const ctrlAvatarBackgroundRaw = "--smtc-ctrl-avatar-background";
+
+// @public (undocumented)
+export const ctrlAvatarCornerGroup = "var(--smtc-ctrl-avatar-corner-group, var(--smtc-corner-ctrl-rest))";
+
+// @public (undocumented)
+export const ctrlAvatarCornerGroupRaw = "--smtc-ctrl-avatar-corner-group";
+
+// @public (undocumented)
+export const ctrlAvatarCornerItem = "var(--smtc-ctrl-avatar-corner-item, var(--smtc-corner-circular))";
+
+// @public (undocumented)
+export const ctrlAvatarCornerItemRaw = "--smtc-ctrl-avatar-corner-item";
+
+// @public (undocumented)
+export const ctrlAvatarForeground = "var(--smtc-ctrl-avatar-foreground)";
+
+// @public (undocumented)
+export const ctrlAvatarForegroundRaw = "--smtc-ctrl-avatar-foreground";
+
+// @public (undocumented)
+export const ctrlAvatarIconSize = "var(--smtc-ctrl-avatar-icon-size, var(--smtc-size-ctrl-icon))";
+
+// @public (undocumented)
+export const ctrlAvatarIconSizeRaw = "--smtc-ctrl-avatar-icon-size";
+
+// @public (undocumented)
+export const ctrlAvatarPresencebadgeBackgroundBehindbadge = "var(--smtc-ctrl-avatar-presencebadge-background-behindbadge, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const ctrlAvatarPresencebadgeBackgroundBehindbadgeRaw = "--smtc-ctrl-avatar-presencebadge-background-behindbadge";
+
+// @public (undocumented)
+export const ctrlAvatarPresencebadgePaddingBottomrightoffset = "var(--smtc-ctrl-avatar-presencebadge-padding-bottomrightoffset, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const ctrlAvatarPresencebadgePaddingBottomrightoffsetRaw = "--smtc-ctrl-avatar-presencebadge-padding-bottomrightoffset";
+
+// @public (undocumented)
+export const ctrlAvatarPresencebadgeSize = "var(--smtc-ctrl-avatar-presencebadge-size)";
+
+// @public (undocumented)
+export const ctrlAvatarPresencebadgeSizeRaw = "--smtc-ctrl-avatar-presencebadge-size";
+
+// @public (undocumented)
+export const ctrlAvatarPresencebadgeStrokewidth = "var(--smtc-ctrl-avatar-presencebadge-strokewidth, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const ctrlAvatarPresencebadgeStrokewidthRaw = "--smtc-ctrl-avatar-presencebadge-strokewidth";
+
+// @public (undocumented)
+export const ctrlAvatarShowcutout = "var(--smtc-ctrl-avatar-showcutout)";
+
+// @public (undocumented)
+export const ctrlAvatarShowcutoutRaw = "--smtc-ctrl-avatar-showcutout";
+
+// @public (undocumented)
+export const ctrlAvatarSize = "var(--smtc-ctrl-avatar-size, var(--smtc-size-ctrl-default))";
+
+// @public (undocumented)
+export const ctrlAvatarSizeRaw = "--smtc-ctrl-avatar-size";
+
+// @public (undocumented)
+export const ctrlAvatarTextFontsize = "var(--smtc-ctrl-avatar-text-fontsize, var(--smtc-text-global-body3-fontsize))";
+
+// @public (undocumented)
+export const ctrlAvatarTextFontsizeRaw = "--smtc-ctrl-avatar-text-fontsize";
+
+// @public (undocumented)
+export const ctrlAvatarTextLineheight = "var(--smtc-ctrl-avatar-text-lineheight, var(--smtc-text-global-body3-lineheight))";
+
+// @public (undocumented)
+export const ctrlAvatarTextLineheightRaw = "--smtc-ctrl-avatar-text-lineheight";
+
+// @public (undocumented)
+export const ctrlAvatarTextPaddingTopoffset = "var(--smtc-ctrl-avatar-text-padding-topoffset, unset)";
+
+// @public (undocumented)
+export const ctrlAvatarTextPaddingTopoffsetRaw = "--smtc-ctrl-avatar-text-padding-topoffset";
+
+// @public (undocumented)
+export const ctrlBadgeBeaconSize = "var(--smtc-ctrl-badge-beacon-size)";
+
+// @public (undocumented)
+export const ctrlBadgeBeaconSizeRaw = "--smtc-ctrl-badge-beacon-size";
+
+// @public (undocumented)
+export const ctrlBadgeCorner = "var(--smtc-ctrl-badge-corner)";
+
+// @public (undocumented)
+export const ctrlBadgeCornerRaw = "--smtc-ctrl-badge-corner";
+
+// @public (undocumented)
+export const ctrlBadgeGap = "var(--smtc-ctrl-badge-gap)";
+
+// @public (undocumented)
+export const ctrlBadgeGapRaw = "--smtc-ctrl-badge-gap";
+
+// @public (undocumented)
+export const ctrlBadgeIconSize = "var(--smtc-ctrl-badge-icon-size)";
+
+// @public (undocumented)
+export const ctrlBadgeIconSizeFigmaonly = "var(--smtc-ctrl-badge-icon-sizefigmaonly)";
+
+// @public (undocumented)
+export const ctrlBadgeIconSizeFigmaonlyRaw = "--smtc-ctrl-badge-icon-sizefigmaonly";
+
+// @public (undocumented)
+export const ctrlBadgeIconSizeRaw = "--smtc-ctrl-badge-icon-size";
+
+// @public (undocumented)
+export const ctrlBadgeIconTheme = "var(--smtc-ctrl-badge-icon-theme, var(--smtc-icontheme-ctrl-default-rest))";
+
+// @public (undocumented)
+export const ctrlBadgeIconThemeRaw = "--smtc-ctrl-badge-icon-theme";
+
+// @public (undocumented)
+export const ctrlBadgeLgCorner = "var(--smtc-ctrl-badge-lg-corner)";
+
+// @public (undocumented)
+export const ctrlBadgeLgCornerRaw = "--smtc-ctrl-badge-lg-corner";
+
+// @public (undocumented)
+export const ctrlBadgeLgIconSize = "var(--smtc-ctrl-badge-lg-icon-size)";
+
+// @public (undocumented)
+export const ctrlBadgeLgIconSizeFigmaonly = "var(--smtc-ctrl-badge-lg-icon-sizefigmaonly)";
+
+// @public (undocumented)
+export const ctrlBadgeLgIconSizeFigmaonlyRaw = "--smtc-ctrl-badge-lg-icon-sizefigmaonly";
+
+// @public (undocumented)
+export const ctrlBadgeLgIconSizeRaw = "--smtc-ctrl-badge-lg-icon-size";
+
+// @public (undocumented)
+export const ctrlBadgeLgPadding = "var(--smtc-ctrl-badge-lg-padding)";
+
+// @public (undocumented)
+export const ctrlBadgeLgPaddingRaw = "--smtc-ctrl-badge-lg-padding";
+
+// @public (undocumented)
+export const ctrlBadgeLgSize = "var(--smtc-ctrl-badge-lg-size)";
+
+// @public (undocumented)
+export const ctrlBadgeLgSizeRaw = "--smtc-ctrl-badge-lg-size";
+
+// @public (undocumented)
+export const ctrlBadgeLgTextPaddingBottom = "var(--smtc-ctrl-badge-lg-text-padding-bottom, var(--smtc-ctrl-badge-lg-text-padding-top))";
+
+// @public (undocumented)
+export const ctrlBadgeLgTextPaddingBottomRaw = "--smtc-ctrl-badge-lg-text-padding-bottom";
+
+// @public (undocumented)
+export const ctrlBadgeLgTextPaddingTop = "var(--smtc-ctrl-badge-lg-text-padding-top)";
+
+// @public (undocumented)
+export const ctrlBadgeLgTextPaddingTopRaw = "--smtc-ctrl-badge-lg-text-padding-top";
+
+// @public (undocumented)
+export const ctrlBadgePadding = "var(--smtc-ctrl-badge-padding)";
+
+// @public (undocumented)
+export const ctrlBadgePaddingRaw = "--smtc-ctrl-badge-padding";
+
+// @public (undocumented)
+export const ctrlBadgeSize = "var(--smtc-ctrl-badge-size)";
+
+// @public (undocumented)
+export const ctrlBadgeSizeRaw = "--smtc-ctrl-badge-size";
+
+// @public (undocumented)
+export const ctrlBadgeSmCorner = "var(--smtc-ctrl-badge-sm-corner)";
+
+// @public (undocumented)
+export const ctrlBadgeSmCornerRaw = "--smtc-ctrl-badge-sm-corner";
+
+// @public (undocumented)
+export const ctrlBadgeSmIconSize = "var(--smtc-ctrl-badge-sm-icon-size)";
+
+// @public (undocumented)
+export const ctrlBadgeSmIconSizeFigmaonly = "var(--smtc-ctrl-badge-sm-icon-sizefigmaonly)";
+
+// @public (undocumented)
+export const ctrlBadgeSmIconSizeFigmaonlyRaw = "--smtc-ctrl-badge-sm-icon-sizefigmaonly";
+
+// @public (undocumented)
+export const ctrlBadgeSmIconSizeRaw = "--smtc-ctrl-badge-sm-icon-size";
+
+// @public (undocumented)
+export const ctrlBadgeSmPadding = "var(--smtc-ctrl-badge-sm-padding)";
+
+// @public (undocumented)
+export const ctrlBadgeSmPaddingRaw = "--smtc-ctrl-badge-sm-padding";
+
+// @public (undocumented)
+export const ctrlBadgeSmSize = "var(--smtc-ctrl-badge-sm-size)";
+
+// @public (undocumented)
+export const ctrlBadgeSmSizeRaw = "--smtc-ctrl-badge-sm-size";
+
+// @public (undocumented)
+export const ctrlBadgeSmTextPaddingBottom = "var(--smtc-ctrl-badge-sm-text-padding-bottom, var(--smtc-ctrl-badge-sm-text-padding-top))";
+
+// @public (undocumented)
+export const ctrlBadgeSmTextPaddingBottomRaw = "--smtc-ctrl-badge-sm-text-padding-bottom";
+
+// @public (undocumented)
+export const ctrlBadgeSmTextPaddingTop = "var(--smtc-ctrl-badge-sm-text-padding-top)";
+
+// @public (undocumented)
+export const ctrlBadgeSmTextPaddingTopRaw = "--smtc-ctrl-badge-sm-text-padding-top";
+
+// @public (undocumented)
+export const ctrlBadgeTextPaddingBottom = "var(--smtc-ctrl-badge-text-padding-bottom, var(--smtc-ctrl-badge-text-padding-top))";
+
+// @public (undocumented)
+export const ctrlBadgeTextPaddingBottomRaw = "--smtc-ctrl-badge-text-padding-bottom";
+
+// @public (undocumented)
+export const ctrlBadgeTextPaddingTop = "var(--smtc-ctrl-badge-text-padding-top)";
+
+// @public (undocumented)
+export const ctrlBadgeTextPaddingTopRaw = "--smtc-ctrl-badge-text-padding-top";
+
+// @public (undocumented)
+export const ctrlBooleanSelectionhint = "var(--smtc-ctrl-boolean-selectionhint)";
+
+// @public (undocumented)
+export const ctrlBooleanSelectionhintRaw = "--smtc-ctrl-boolean-selectionhint";
+
+// @public (undocumented)
+export const ctrlCardStateDisabled = "var(--smtc-ctrl-card-state-disabled)";
+
+// @public (undocumented)
+export const ctrlCardStateDisabledRaw = "--smtc-ctrl-card-state-disabled";
+
+// @public (undocumented)
+export const ctrlCardStateHover = "var(--smtc-ctrl-card-state-hover)";
+
+// @public (undocumented)
+export const ctrlCardStateHoverRaw = "--smtc-ctrl-card-state-hover";
+
+// @public (undocumented)
+export const ctrlCardStatePressed = "var(--smtc-ctrl-card-state-pressed)";
+
+// @public (undocumented)
+export const ctrlCardStatePressedRaw = "--smtc-ctrl-card-state-pressed";
+
+// @public (undocumented)
+export const ctrlCardStateRest = "var(--smtc-ctrl-card-state-rest)";
+
+// @public (undocumented)
+export const ctrlCardStateRestRaw = "--smtc-ctrl-card-state-rest";
+
+// @public (undocumented)
+export const ctrlChoiceBaseBackgroundDisabled = "var(--smtc-ctrl-choice-base-background-disabled, var(--smtc-background-ctrl-outline-disabled))";
+
+// @public (undocumented)
+export const ctrlChoiceBaseBackgroundDisabledRaw = "--smtc-ctrl-choice-base-background-disabled";
+
+// @public (undocumented)
+export const ctrlChoiceBaseBackgroundHover = "var(--smtc-ctrl-choice-base-background-hover, var(--smtc-background-ctrl-outline-hover))";
+
+// @public (undocumented)
+export const ctrlChoiceBaseBackgroundHoverRaw = "--smtc-ctrl-choice-base-background-hover";
+
+// @public (undocumented)
+export const ctrlChoiceBaseBackgroundPressed = "var(--smtc-ctrl-choice-base-background-pressed, var(--smtc-background-ctrl-outline-pressed))";
+
+// @public (undocumented)
+export const ctrlChoiceBaseBackgroundPressedRaw = "--smtc-ctrl-choice-base-background-pressed";
+
+// @public (undocumented)
+export const ctrlChoiceBaseBackgroundRest = "var(--smtc-ctrl-choice-base-background-rest, var(--smtc-background-ctrl-outline-rest))";
+
+// @public (undocumented)
+export const ctrlChoiceBaseBackgroundRestRaw = "--smtc-ctrl-choice-base-background-rest";
+
+// @public (undocumented)
+export const ctrlChoiceBaseSize = "var(--smtc-ctrl-choice-base-size, var(--smtc-size-ctrl-icon))";
+
+// @public (undocumented)
+export const ctrlChoiceBaseSizeRaw = "--smtc-ctrl-choice-base-size";
+
+// @public (undocumented)
+export const ctrlChoiceBaseStrokeDisabled = "var(--smtc-ctrl-choice-base-stroke-disabled, var(--smtc-foreground-ctrl-neutral-secondary-disabled))";
+
+// @public (undocumented)
+export const ctrlChoiceBaseStrokeDisabledRaw = "--smtc-ctrl-choice-base-stroke-disabled";
+
+// @public (undocumented)
+export const ctrlChoiceBaseStrokeHover = "var(--smtc-ctrl-choice-base-stroke-hover, var(--smtc-foreground-ctrl-neutral-secondary-rest))";
+
+// @public (undocumented)
+export const ctrlChoiceBaseStrokeHoverRaw = "--smtc-ctrl-choice-base-stroke-hover";
+
+// @public (undocumented)
+export const ctrlChoiceBaseStrokePressed = "var(--smtc-ctrl-choice-base-stroke-pressed, var(--smtc-foreground-ctrl-neutral-secondary-rest))";
+
+// @public (undocumented)
+export const ctrlChoiceBaseStrokePressedRaw = "--smtc-ctrl-choice-base-stroke-pressed";
+
+// @public (undocumented)
+export const ctrlChoiceBaseStrokeRest = "var(--smtc-ctrl-choice-base-stroke-rest, var(--smtc-foreground-ctrl-neutral-secondary-rest))";
+
+// @public (undocumented)
+export const ctrlChoiceBaseStrokeRestRaw = "--smtc-ctrl-choice-base-stroke-rest";
+
+// @public (undocumented)
+export const ctrlChoiceCheckboxCorner = "var(--smtc-ctrl-choice-checkbox-corner)";
+
+// @public (undocumented)
+export const ctrlChoiceCheckboxCornerRaw = "--smtc-ctrl-choice-checkbox-corner";
+
+// @public (undocumented)
+export const ctrlChoiceCheckboxIconSize = "var(--smtc-ctrl-choice-checkbox-icon-size, var(--smtc-size-ctrl-iconsecondary))";
+
+// @public (undocumented)
+export const ctrlChoiceCheckboxIconSizeRaw = "--smtc-ctrl-choice-checkbox-icon-size";
+
+// @public (undocumented)
+export const ctrlChoiceCheckboxIndeterminateCorner = "var(--smtc-ctrl-choice-checkbox-indeterminate-corner, var(--smtc-corner-circular))";
+
+// @public (undocumented)
+export const ctrlChoiceCheckboxIndeterminateCornerRaw = "--smtc-ctrl-choice-checkbox-indeterminate-corner";
+
+// @public (undocumented)
+export const ctrlChoiceCheckboxIndeterminateHeight = "var(--smtc-ctrl-choice-checkbox-indeterminate-height)";
+
+// @public (undocumented)
+export const ctrlChoiceCheckboxIndeterminateHeightRaw = "--smtc-ctrl-choice-checkbox-indeterminate-height";
+
+// @public (undocumented)
+export const ctrlChoiceCheckboxIndeterminateWidth = "var(--smtc-ctrl-choice-checkbox-indeterminate-width)";
+
+// @public (undocumented)
+export const ctrlChoiceCheckboxIndeterminateWidthRaw = "--smtc-ctrl-choice-checkbox-indeterminate-width";
+
+// @public (undocumented)
+export const ctrlChoiceIconTheme = "var(--smtc-ctrl-choice-icon-theme)";
+
+// @public (undocumented)
+export const ctrlChoiceIconThemeRaw = "--smtc-ctrl-choice-icon-theme";
+
+// @public (undocumented)
+export const ctrlChoiceLgBaseSize = "var(--smtc-ctrl-choice-lg-base-size, var(--smtc-size-ctrl-lg-icon))";
+
+// @public (undocumented)
+export const ctrlChoiceLgBaseSizeRaw = "--smtc-ctrl-choice-lg-base-size";
+
+// @public (undocumented)
+export const ctrlChoiceLgCheckboxCorner = "var(--smtc-ctrl-choice-lg-checkbox-corner)";
+
+// @public (undocumented)
+export const ctrlChoiceLgCheckboxCornerRaw = "--smtc-ctrl-choice-lg-checkbox-corner";
+
+// @public (undocumented)
+export const ctrlChoiceLgCheckboxIconSize = "var(--smtc-ctrl-choice-lg-checkbox-icon-size, var(--smtc-size-ctrl-iconsecondary))";
+
+// @public (undocumented)
+export const ctrlChoiceLgCheckboxIconSizeFigmaonly = "var(--smtc-ctrl-choice-lg-checkbox-icon-sizefigmaonly)";
+
+// @public (undocumented)
+export const ctrlChoiceLgCheckboxIconSizeFigmaonlyRaw = "--smtc-ctrl-choice-lg-checkbox-icon-sizefigmaonly";
+
+// @public (undocumented)
+export const ctrlChoiceLgCheckboxIconSizeRaw = "--smtc-ctrl-choice-lg-checkbox-icon-size";
+
+// @public (undocumented)
+export const ctrlChoiceLgRadioDotSizeHover = "var(--smtc-ctrl-choice-lg-radio-dot-size-hover, var(--smtc-ctrl-choice-lg-radio-dot-size-rest))";
+
+// @public (undocumented)
+export const ctrlChoiceLgRadioDotSizeHoverRaw = "--smtc-ctrl-choice-lg-radio-dot-size-hover";
+
+// @public (undocumented)
+export const ctrlChoiceLgRadioDotSizePressed = "var(--smtc-ctrl-choice-lg-radio-dot-size-pressed, var(--smtc-ctrl-choice-lg-radio-dot-size-rest))";
+
+// @public (undocumented)
+export const ctrlChoiceLgRadioDotSizePressedRaw = "--smtc-ctrl-choice-lg-radio-dot-size-pressed";
+
+// @public (undocumented)
+export const ctrlChoiceLgRadioDotSizeRest = "var(--smtc-ctrl-choice-lg-radio-dot-size-rest)";
+
+// @public (undocumented)
+export const ctrlChoiceLgRadioDotSizeRestRaw = "--smtc-ctrl-choice-lg-radio-dot-size-rest";
+
+// @public (undocumented)
+export const ctrlChoiceLgSwitchHeight = "var(--smtc-ctrl-choice-lg-switch-height, var(--smtc-size-ctrl-lg-icon))";
+
+// @public (undocumented)
+export const ctrlChoiceLgSwitchHeightRaw = "--smtc-ctrl-choice-lg-switch-height";
+
+// @public (undocumented)
+export const ctrlChoiceLgSwitchThumbWidthHover = "var(--smtc-ctrl-choice-lg-switch-thumb-width-hover, var(--smtc-ctrl-choice-lg-switch-thumb-width-rest))";
+
+// @public (undocumented)
+export const ctrlChoiceLgSwitchThumbWidthHoverRaw = "--smtc-ctrl-choice-lg-switch-thumb-width-hover";
+
+// @public (undocumented)
+export const ctrlChoiceLgSwitchThumbWidthPressed = "var(--smtc-ctrl-choice-lg-switch-thumb-width-pressed, var(--smtc-ctrl-choice-lg-switch-thumb-width-rest))";
+
+// @public (undocumented)
+export const ctrlChoiceLgSwitchThumbWidthPressedRaw = "--smtc-ctrl-choice-lg-switch-thumb-width-pressed";
+
+// @public (undocumented)
+export const ctrlChoiceLgSwitchThumbWidthRest = "var(--smtc-ctrl-choice-lg-switch-thumb-width-rest)";
+
+// @public (undocumented)
+export const ctrlChoiceLgSwitchThumbWidthRestRaw = "--smtc-ctrl-choice-lg-switch-thumb-width-rest";
+
+// @public (undocumented)
+export const ctrlChoiceLgSwitchWidth = "var(--smtc-ctrl-choice-lg-switch-width)";
+
+// @public (undocumented)
+export const ctrlChoiceLgSwitchWidthRaw = "--smtc-ctrl-choice-lg-switch-width";
+
+// @public (undocumented)
+export const ctrlChoicePaddingHorizontal = "var(--smtc-ctrl-choice-padding-horizontal)";
+
+// @public (undocumented)
+export const ctrlChoicePaddingHorizontalRaw = "--smtc-ctrl-choice-padding-horizontal";
+
+// @public (undocumented)
+export const ctrlChoicePaddingVertical = "var(--smtc-ctrl-choice-padding-vertical)";
+
+// @public (undocumented)
+export const ctrlChoicePaddingVerticalRaw = "--smtc-ctrl-choice-padding-vertical";
+
+// @public (undocumented)
+export const ctrlChoiceRadioCorner = "var(--smtc-ctrl-choice-radio-corner, var(--smtc-corner-circular))";
+
+// @public (undocumented)
+export const ctrlChoiceRadioCornerRaw = "--smtc-ctrl-choice-radio-corner";
+
+// @public (undocumented)
+export const ctrlChoiceRadioDotSizeHover = "var(--smtc-ctrl-choice-radio-dot-size-hover, var(--smtc-ctrl-choice-radio-dot-size-rest))";
+
+// @public (undocumented)
+export const ctrlChoiceRadioDotSizeHoverRaw = "--smtc-ctrl-choice-radio-dot-size-hover";
+
+// @public (undocumented)
+export const ctrlChoiceRadioDotSizePressed = "var(--smtc-ctrl-choice-radio-dot-size-pressed, var(--smtc-ctrl-choice-radio-dot-size-rest))";
+
+// @public (undocumented)
+export const ctrlChoiceRadioDotSizePressedRaw = "--smtc-ctrl-choice-radio-dot-size-pressed";
+
+// @public (undocumented)
+export const ctrlChoiceRadioDotSizeRest = "var(--smtc-ctrl-choice-radio-dot-size-rest)";
+
+// @public (undocumented)
+export const ctrlChoiceRadioDotSizeRestRaw = "--smtc-ctrl-choice-radio-dot-size-rest";
+
+// @public (undocumented)
+export const ctrlChoiceSmBaseSize = "var(--smtc-ctrl-choice-sm-base-size, var(--smtc-size-ctrl-sm-icon))";
+
+// @public (undocumented)
+export const ctrlChoiceSmBaseSizeRaw = "--smtc-ctrl-choice-sm-base-size";
+
+// @public (undocumented)
+export const ctrlChoiceSmCheckboxCorner = "var(--smtc-ctrl-choice-sm-checkbox-corner)";
+
+// @public (undocumented)
+export const ctrlChoiceSmCheckboxCornerRaw = "--smtc-ctrl-choice-sm-checkbox-corner";
+
+// @public (undocumented)
+export const ctrlChoiceSmCheckboxIconSize = "var(--smtc-ctrl-choice-sm-checkbox-icon-size, var(--smtc-size-ctrl-iconsecondary))";
+
+// @public (undocumented)
+export const ctrlChoiceSmCheckboxIconSizeFigmaonly = "var(--smtc-ctrl-choice-sm-checkbox-icon-sizefigmaonly)";
+
+// @public (undocumented)
+export const ctrlChoiceSmCheckboxIconSizeFigmaonlyRaw = "--smtc-ctrl-choice-sm-checkbox-icon-sizefigmaonly";
+
+// @public (undocumented)
+export const ctrlChoiceSmCheckboxIconSizeRaw = "--smtc-ctrl-choice-sm-checkbox-icon-size";
+
+// @public (undocumented)
+export const ctrlChoiceSmRadioDotSize = "var(--smtc-ctrl-choice-sm-radio-dot-size)";
+
+// @public (undocumented)
+export const ctrlChoiceSmRadioDotSizeRaw = "--smtc-ctrl-choice-sm-radio-dot-size";
+
+// @public (undocumented)
+export const ctrlChoiceSmSwitchHeight = "var(--smtc-ctrl-choice-sm-switch-height, var(--smtc-size-ctrl-sm-icon))";
+
+// @public (undocumented)
+export const ctrlChoiceSmSwitchHeightRaw = "--smtc-ctrl-choice-sm-switch-height";
+
+// @public (undocumented)
+export const ctrlChoiceSmSwitchThumbWidthHover = "var(--smtc-ctrl-choice-sm-switch-thumb-width-hover, var(--smtc-ctrl-choice-sm-switch-thumb-width-rest))";
+
+// @public (undocumented)
+export const ctrlChoiceSmSwitchThumbWidthHoverRaw = "--smtc-ctrl-choice-sm-switch-thumb-width-hover";
+
+// @public (undocumented)
+export const ctrlChoiceSmSwitchThumbWidthPressed = "var(--smtc-ctrl-choice-sm-switch-thumb-width-pressed, var(--smtc-ctrl-choice-sm-switch-thumb-width-rest))";
+
+// @public (undocumented)
+export const ctrlChoiceSmSwitchThumbWidthPressedRaw = "--smtc-ctrl-choice-sm-switch-thumb-width-pressed";
+
+// @public (undocumented)
+export const ctrlChoiceSmSwitchThumbWidthRest = "var(--smtc-ctrl-choice-sm-switch-thumb-width-rest)";
+
+// @public (undocumented)
+export const ctrlChoiceSmSwitchThumbWidthRestRaw = "--smtc-ctrl-choice-sm-switch-thumb-width-rest";
+
+// @public (undocumented)
+export const ctrlChoiceSmSwitchWidth = "var(--smtc-ctrl-choice-sm-switch-width)";
+
+// @public (undocumented)
+export const ctrlChoiceSmSwitchWidthRaw = "--smtc-ctrl-choice-sm-switch-width";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchCorner = "var(--smtc-ctrl-choice-switch-corner, var(--smtc-corner-circular))";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchCornerRaw = "--smtc-ctrl-choice-switch-corner";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchHeight = "var(--smtc-ctrl-choice-switch-height, var(--smtc-size-ctrl-icon))";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchHeightRaw = "--smtc-ctrl-choice-switch-height";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchPaddingHover = "var(--smtc-ctrl-choice-switch-padding-hover, var(--smtc-ctrl-choice-switch-padding-rest))";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchPaddingHoverRaw = "--smtc-ctrl-choice-switch-padding-hover";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchPaddingPressed = "var(--smtc-ctrl-choice-switch-padding-pressed, var(--smtc-ctrl-choice-switch-padding-rest))";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchPaddingPressedRaw = "--smtc-ctrl-choice-switch-padding-pressed";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchPaddingRest = "var(--smtc-ctrl-choice-switch-padding-rest)";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchPaddingRestRaw = "--smtc-ctrl-choice-switch-padding-rest";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowAmbientBlur = "var(--smtc-ctrl-choice-switch-thumb-shadow-ambient-blur, unset)";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowAmbientBlurRaw = "--smtc-ctrl-choice-switch-thumb-shadow-ambient-blur";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowAmbientColor = "var(--smtc-ctrl-choice-switch-thumb-shadow-ambient-color, unset)";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowAmbientColorRaw = "--smtc-ctrl-choice-switch-thumb-shadow-ambient-color";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowAmbientX = "var(--smtc-ctrl-choice-switch-thumb-shadow-ambient-x, unset)";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowAmbientXRaw = "--smtc-ctrl-choice-switch-thumb-shadow-ambient-x";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowAmbientY = "var(--smtc-ctrl-choice-switch-thumb-shadow-ambient-y, unset)";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowAmbientYRaw = "--smtc-ctrl-choice-switch-thumb-shadow-ambient-y";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowKeyBlur = "var(--smtc-ctrl-choice-switch-thumb-shadow-key-blur, unset)";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowKeyBlurRaw = "--smtc-ctrl-choice-switch-thumb-shadow-key-blur";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowKeyColor = "var(--smtc-ctrl-choice-switch-thumb-shadow-key-color, unset)";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowKeyColorRaw = "--smtc-ctrl-choice-switch-thumb-shadow-key-color";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowKeyX = "var(--smtc-ctrl-choice-switch-thumb-shadow-key-x, unset)";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowKeyXRaw = "--smtc-ctrl-choice-switch-thumb-shadow-key-x";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowKeyY = "var(--smtc-ctrl-choice-switch-thumb-shadow-key-y, unset)";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowKeyYRaw = "--smtc-ctrl-choice-switch-thumb-shadow-key-y";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbWidthHover = "var(--smtc-ctrl-choice-switch-thumb-width-hover, var(--smtc-ctrl-choice-switch-thumb-width-rest))";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbWidthHoverRaw = "--smtc-ctrl-choice-switch-thumb-width-hover";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbWidthPressed = "var(--smtc-ctrl-choice-switch-thumb-width-pressed, var(--smtc-ctrl-choice-switch-thumb-width-rest))";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbWidthPressedRaw = "--smtc-ctrl-choice-switch-thumb-width-pressed";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbWidthRest = "var(--smtc-ctrl-choice-switch-thumb-width-rest)";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbWidthRestRaw = "--smtc-ctrl-choice-switch-thumb-width-rest";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchWidth = "var(--smtc-ctrl-choice-switch-width)";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchWidthRaw = "--smtc-ctrl-choice-switch-width";
+
+// @public (undocumented)
+export const ctrlComposerContainerBackgroundAcryliccolorblend = "var(--smtc-ctrl-composer-container-background-acryliccolorblend, var(--smtc-background-flyout-solid))";
+
+// @public (undocumented)
+export const ctrlComposerContainerBackgroundAcryliccolorblendRaw = "--smtc-ctrl-composer-container-background-acryliccolorblend";
+
+// @public (undocumented)
+export const ctrlComposerContainerBackgroundAcryliclumblend = "var(--smtc-ctrl-composer-container-background-acryliclumblend, var(--smtc-background-flyout-solid))";
+
+// @public (undocumented)
+export const ctrlComposerContainerBackgroundAcryliclumblendRaw = "--smtc-ctrl-composer-container-background-acryliclumblend";
+
+// @public (undocumented)
+export const ctrlComposerContainerBackgroundDefault = "var(--smtc-ctrl-composer-container-background-default)";
+
+// @public (undocumented)
+export const ctrlComposerContainerBackgroundDefaultRaw = "--smtc-ctrl-composer-container-background-default";
+
+// @public (undocumented)
+export const ctrlComposerContainerCorner = "var(--smtc-ctrl-composer-container-corner)";
+
+// @public (undocumented)
+export const ctrlComposerContainerCornerRaw = "--smtc-ctrl-composer-container-corner";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowAmbientBlur = "var(--smtc-ctrl-composer-container-shadow-ambient-blur)";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowAmbientBlurRaw = "--smtc-ctrl-composer-container-shadow-ambient-blur";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowAmbientColor = "var(--smtc-ctrl-composer-container-shadow-ambient-color)";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowAmbientColorRaw = "--smtc-ctrl-composer-container-shadow-ambient-color";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowAmbientX = "var(--smtc-ctrl-composer-container-shadow-ambient-x)";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowAmbientXRaw = "--smtc-ctrl-composer-container-shadow-ambient-x";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowAmbientY = "var(--smtc-ctrl-composer-container-shadow-ambient-y)";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowAmbientYRaw = "--smtc-ctrl-composer-container-shadow-ambient-y";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowKeyBlur = "var(--smtc-ctrl-composer-container-shadow-key-blur)";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowKeyBlurRaw = "--smtc-ctrl-composer-container-shadow-key-blur";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowKeyColor = "var(--smtc-ctrl-composer-container-shadow-key-color)";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowKeyColorRaw = "--smtc-ctrl-composer-container-shadow-key-color";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowKeyX = "var(--smtc-ctrl-composer-container-shadow-key-x)";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowKeyXRaw = "--smtc-ctrl-composer-container-shadow-key-x";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowKeyY = "var(--smtc-ctrl-composer-container-shadow-key-y)";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowKeyYRaw = "--smtc-ctrl-composer-container-shadow-key-y";
+
+// @public (undocumented)
+export const ctrlComposerContainerStrokeDefault = "var(--smtc-ctrl-composer-container-stroke-default, unset)";
+
+// @public (undocumented)
+export const ctrlComposerContainerStrokeDefaultRaw = "--smtc-ctrl-composer-container-stroke-default";
+
+// @public (undocumented)
+export const ctrlComposerInputBackgroundDisabled = "var(--smtc-ctrl-composer-input-background-disabled)";
+
+// @public (undocumented)
+export const ctrlComposerInputBackgroundDisabledRaw = "--smtc-ctrl-composer-input-background-disabled";
+
+// @public (undocumented)
+export const ctrlComposerInputBackgroundHover = "var(--smtc-ctrl-composer-input-background-hover)";
+
+// @public (undocumented)
+export const ctrlComposerInputBackgroundHoverRaw = "--smtc-ctrl-composer-input-background-hover";
+
+// @public (undocumented)
+export const ctrlComposerInputBackgroundPressed = "var(--smtc-ctrl-composer-input-background-pressed)";
+
+// @public (undocumented)
+export const ctrlComposerInputBackgroundPressedRaw = "--smtc-ctrl-composer-input-background-pressed";
+
+// @public (undocumented)
+export const ctrlComposerInputBackgroundRest = "var(--smtc-ctrl-composer-input-background-rest)";
+
+// @public (undocumented)
+export const ctrlComposerInputBackgroundRestRaw = "--smtc-ctrl-composer-input-background-rest";
+
+// @public (undocumented)
+export const ctrlComposerInputBackgroundSelectedRest = "var(--smtc-ctrl-composer-input-background-selected-rest)";
+
+// @public (undocumented)
+export const ctrlComposerInputBackgroundSelectedRestRaw = "--smtc-ctrl-composer-input-background-selected-rest";
+
+// @public (undocumented)
+export const ctrlComposerInputBottomstrokeDisabled = "var(--smtc-ctrl-composer-input-bottomstroke-disabled, unset)";
+
+// @public (undocumented)
+export const ctrlComposerInputBottomstrokeDisabledRaw = "--smtc-ctrl-composer-input-bottomstroke-disabled";
+
+// @public (undocumented)
+export const ctrlComposerInputBottomstrokeHover = "var(--smtc-ctrl-composer-input-bottomstroke-hover, unset)";
+
+// @public (undocumented)
+export const ctrlComposerInputBottomstrokeHoverRaw = "--smtc-ctrl-composer-input-bottomstroke-hover";
+
+// @public (undocumented)
+export const ctrlComposerInputBottomstrokePressed = "var(--smtc-ctrl-composer-input-bottomstroke-pressed, unset)";
+
+// @public (undocumented)
+export const ctrlComposerInputBottomstrokePressedRaw = "--smtc-ctrl-composer-input-bottomstroke-pressed";
+
+// @public (undocumented)
+export const ctrlComposerInputBottomstrokeRest = "var(--smtc-ctrl-composer-input-bottomstroke-rest, unset)";
+
+// @public (undocumented)
+export const ctrlComposerInputBottomstrokeRestRaw = "--smtc-ctrl-composer-input-bottomstroke-rest";
+
+// @public (undocumented)
+export const ctrlComposerInputBottomstrokeSelectedRest = "var(--smtc-ctrl-composer-input-bottomstroke-selected-rest, unset)";
+
+// @public (undocumented)
+export const ctrlComposerInputBottomstrokeSelectedRestRaw = "--smtc-ctrl-composer-input-bottomstroke-selected-rest";
+
+// @public (undocumented)
+export const ctrlComposerInputBottomStrokeWidthHover = "var(--smtc-ctrl-composer-input-bottom-stroke-width-hover)";
+
+// @public (undocumented)
+export const ctrlComposerInputBottomStrokeWidthHoverRaw = "--smtc-ctrl-composer-input-bottom-stroke-width-hover";
+
+// @public (undocumented)
+export const ctrlComposerInputBottomStrokeWidthPressed = "var(--smtc-ctrl-composer-input-bottom-stroke-width-pressed)";
+
+// @public (undocumented)
+export const ctrlComposerInputBottomStrokeWidthPressedRaw = "--smtc-ctrl-composer-input-bottom-stroke-width-pressed";
+
+// @public (undocumented)
+export const ctrlComposerInputBottomStrokeWidthRest = "var(--smtc-ctrl-composer-input-bottom-stroke-width-rest)";
+
+// @public (undocumented)
+export const ctrlComposerInputBottomStrokeWidthRestRaw = "--smtc-ctrl-composer-input-bottom-stroke-width-rest";
+
+// @public (undocumented)
+export const ctrlComposerInputBottomStrokeWidthSelectedRest = "var(--smtc-ctrl-composer-input-bottom-stroke-width-selected-rest)";
+
+// @public (undocumented)
+export const ctrlComposerInputBottomStrokeWidthSelectedRestRaw = "--smtc-ctrl-composer-input-bottom-stroke-width-selected-rest";
+
+// @public (undocumented)
+export const ctrlComposerInputCornerHover = "var(--smtc-ctrl-composer-input-corner-hover)";
+
+// @public (undocumented)
+export const ctrlComposerInputCornerHoverRaw = "--smtc-ctrl-composer-input-corner-hover";
+
+// @public (undocumented)
+export const ctrlComposerInputCornerPressed = "var(--smtc-ctrl-composer-input-corner-pressed)";
+
+// @public (undocumented)
+export const ctrlComposerInputCornerPressedRaw = "--smtc-ctrl-composer-input-corner-pressed";
+
+// @public (undocumented)
+export const ctrlComposerInputCornerRest = "var(--smtc-ctrl-composer-input-corner-rest)";
+
+// @public (undocumented)
+export const ctrlComposerInputCornerRestRaw = "--smtc-ctrl-composer-input-corner-rest";
+
+// @public (undocumented)
+export const ctrlComposerInputShadowBlur = "var(--smtc-ctrl-composer-input-shadow-blur)";
+
+// @public (undocumented)
+export const ctrlComposerInputShadowBlurRaw = "--smtc-ctrl-composer-input-shadow-blur";
+
+// @public (undocumented)
+export const ctrlComposerInputShadowColor = "var(--smtc-ctrl-composer-input-shadow-color)";
+
+// @public (undocumented)
+export const ctrlComposerInputShadowColorRaw = "--smtc-ctrl-composer-input-shadow-color";
+
+// @public (undocumented)
+export const ctrlComposerInputShadowXOffset = "var(--smtc-ctrl-composer-input-shadow-x-offset)";
+
+// @public (undocumented)
+export const ctrlComposerInputShadowXOffsetRaw = "--smtc-ctrl-composer-input-shadow-x-offset";
+
+// @public (undocumented)
+export const ctrlComposerInputShadowY = "var(--smtc-ctrl-composer-input-shadow-y)";
+
+// @public (undocumented)
+export const ctrlComposerInputShadowYRaw = "--smtc-ctrl-composer-input-shadow-y";
+
+// @public (undocumented)
+export const ctrlComposerInputStrokeDisabledUsesgradient = "var(--smtc-ctrl-composer-input-stroke-disabledusesgradient, unset)";
+
+// @public (undocumented)
+export const ctrlComposerInputStrokeDisabledUsesgradientRaw = "--smtc-ctrl-composer-input-stroke-disabledusesgradient";
+
+// @public (undocumented)
+export const ctrlComposerInputStrokeHoverUsesgradient = "var(--smtc-ctrl-composer-input-stroke-hoverusesgradient, unset)";
+
+// @public (undocumented)
+export const ctrlComposerInputStrokeHoverUsesgradientRaw = "--smtc-ctrl-composer-input-stroke-hoverusesgradient";
+
+// @public (undocumented)
+export const ctrlComposerInputStrokePressedUsesgradient = "var(--smtc-ctrl-composer-input-stroke-pressedusesgradient, unset)";
+
+// @public (undocumented)
+export const ctrlComposerInputStrokePressedUsesgradientRaw = "--smtc-ctrl-composer-input-stroke-pressedusesgradient";
+
+// @public (undocumented)
+export const ctrlComposerInputStrokeRest = "var(--smtc-ctrl-composer-input-stroke-rest, unset)";
+
+// @public (undocumented)
+export const ctrlComposerInputStrokeRestRaw = "--smtc-ctrl-composer-input-stroke-rest";
+
+// @public (undocumented)
+export const ctrlComposerInputStrokeSelectedRestUsesgradient = "var(--smtc-ctrl-composer-input-stroke-selected-restusesgradient, unset)";
+
+// @public (undocumented)
+export const ctrlComposerInputStrokeSelectedRestUsesgradientRaw = "--smtc-ctrl-composer-input-stroke-selected-restusesgradient";
+
+// @public (undocumented)
+export const ctrlComposerInputStrokeWidthHover = "var(--smtc-ctrl-composer-input-stroke-width-hover)";
+
+// @public (undocumented)
+export const ctrlComposerInputStrokeWidthHoverRaw = "--smtc-ctrl-composer-input-stroke-width-hover";
+
+// @public (undocumented)
+export const ctrlComposerInputStrokeWidthPressed = "var(--smtc-ctrl-composer-input-stroke-width-pressed)";
+
+// @public (undocumented)
+export const ctrlComposerInputStrokeWidthPressedRaw = "--smtc-ctrl-composer-input-stroke-width-pressed";
+
+// @public (undocumented)
+export const ctrlComposerInputStrokeWidthRest = "var(--smtc-ctrl-composer-input-stroke-width-rest)";
+
+// @public (undocumented)
+export const ctrlComposerInputStrokeWidthRestRaw = "--smtc-ctrl-composer-input-stroke-width-rest";
+
+// @public (undocumented)
+export const ctrlComposerInputStrokeWidthSelectedRest = "var(--smtc-ctrl-composer-input-stroke-width-selected-rest)";
+
+// @public (undocumented)
+export const ctrlComposerInputStrokeWidthSelectedRestRaw = "--smtc-ctrl-composer-input-stroke-width-selected-rest";
+
+// @public (undocumented)
+export const ctrlDialogBackground = "var(--smtc-ctrl-dialog-background)";
+
+// @public (undocumented)
+export const ctrlDialogBackgroundRaw = "--smtc-ctrl-dialog-background";
+
+// @public (undocumented)
+export const ctrlDialogBaseCorner = "var(--smtc-ctrl-dialog-base-corner, var(--smtc-corner-card-rest))";
+
+// @public (undocumented)
+export const ctrlDialogBaseCornerRaw = "--smtc-ctrl-dialog-base-corner";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowAmbientBlur = "var(--smtc-ctrl-dialog-base-shadow-ambient-blur)";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowAmbientBlurRaw = "--smtc-ctrl-dialog-base-shadow-ambient-blur";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowAmbientColor = "var(--smtc-ctrl-dialog-base-shadow-ambient-color)";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowAmbientColorRaw = "--smtc-ctrl-dialog-base-shadow-ambient-color";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowAmbientX = "var(--smtc-ctrl-dialog-base-shadow-ambient-x)";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowAmbientXRaw = "--smtc-ctrl-dialog-base-shadow-ambient-x";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowAmbientY = "var(--smtc-ctrl-dialog-base-shadow-ambient-y)";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowAmbientYRaw = "--smtc-ctrl-dialog-base-shadow-ambient-y";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowKeyBlur = "var(--smtc-ctrl-dialog-base-shadow-key-blur)";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowKeyBlurRaw = "--smtc-ctrl-dialog-base-shadow-key-blur";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowKeyColor = "var(--smtc-ctrl-dialog-base-shadow-key-color)";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowKeyColorRaw = "--smtc-ctrl-dialog-base-shadow-key-color";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowKeyX = "var(--smtc-ctrl-dialog-base-shadow-key-x)";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowKeyXRaw = "--smtc-ctrl-dialog-base-shadow-key-x";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowKeyY = "var(--smtc-ctrl-dialog-base-shadow-key-y)";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowKeyYRaw = "--smtc-ctrl-dialog-base-shadow-key-y";
+
+// @public (undocumented)
+export const ctrlDialogLayerBackground = "var(--smtc-ctrl-dialog-layer-background, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const ctrlDialogLayerBackgroundRaw = "--smtc-ctrl-dialog-layer-background";
+
+// @public (undocumented)
+export const ctrlDialogLayerPaddingBottom = "var(--smtc-ctrl-dialog-layer-padding-bottom)";
+
+// @public (undocumented)
+export const ctrlDialogLayerPaddingBottomRaw = "--smtc-ctrl-dialog-layer-padding-bottom";
+
+// @public (undocumented)
+export const ctrlDialogStroke = "var(--smtc-ctrl-dialog-stroke, unset)";
+
+// @public (undocumented)
+export const ctrlDialogStrokeRaw = "--smtc-ctrl-dialog-stroke";
+
+// @public (undocumented)
+export const ctrlDividerFixedlineLength = "var(--smtc-ctrl-divider-fixedline-length, var(--smtc-padding-content-align-default))";
+
+// @public (undocumented)
+export const ctrlDividerFixedlineLengthRaw = "--smtc-ctrl-divider-fixedline-length";
+
+// @public (undocumented)
+export const ctrlDragBackgroundColorblend = "var(--smtc-ctrl-drag-background-colorblend)";
+
+// @public (undocumented)
+export const ctrlDragBackgroundColorblendRaw = "--smtc-ctrl-drag-background-colorblend";
+
+// @public (undocumented)
+export const ctrlDragBackgroundLumblend = "var(--smtc-ctrl-drag-background-lumblend)";
+
+// @public (undocumented)
+export const ctrlDragBackgroundLumblendRaw = "--smtc-ctrl-drag-background-lumblend";
+
+// @public (undocumented)
+export const ctrlDragBackgroundSolid = "var(--smtc-ctrl-drag-background-solid)";
+
+// @public (undocumented)
+export const ctrlDragBackgroundSolidRaw = "--smtc-ctrl-drag-background-solid";
+
+// @public (undocumented)
+export const ctrlFabBackgroundDisabled = "var(--smtc-ctrl-fab-background-disabled)";
+
+// @public (undocumented)
+export const ctrlFabBackgroundDisabledRaw = "--smtc-ctrl-fab-background-disabled";
+
+// @public (undocumented)
+export const ctrlFabBackgroundHover = "var(--smtc-ctrl-fab-background-hover)";
+
+// @public (undocumented)
+export const ctrlFabBackgroundHoverRaw = "--smtc-ctrl-fab-background-hover";
+
+// @public (undocumented)
+export const ctrlFabBackgroundPressed = "var(--smtc-ctrl-fab-background-pressed)";
+
+// @public (undocumented)
+export const ctrlFabBackgroundPressedRaw = "--smtc-ctrl-fab-background-pressed";
+
+// @public (undocumented)
+export const ctrlFabBackgroundRest = "var(--smtc-ctrl-fab-background-rest)";
+
+// @public (undocumented)
+export const ctrlFabBackgroundRestRaw = "--smtc-ctrl-fab-background-rest";
+
+// @public (undocumented)
+export const ctrlFabCornerHover = "var(--smtc-ctrl-fab-corner-hover, var(--smtc-corner-circular))";
+
+// @public (undocumented)
+export const ctrlFabCornerHoverRaw = "--smtc-ctrl-fab-corner-hover";
+
+// @public (undocumented)
+export const ctrlFabCornerPressed = "var(--smtc-ctrl-fab-corner-pressed, var(--smtc-corner-circular))";
+
+// @public (undocumented)
+export const ctrlFabCornerPressedRaw = "--smtc-ctrl-fab-corner-pressed";
+
+// @public (undocumented)
+export const ctrlFabCornerRest = "var(--smtc-ctrl-fab-corner-rest, var(--smtc-corner-circular))";
+
+// @public (undocumented)
+export const ctrlFabCornerRestRaw = "--smtc-ctrl-fab-corner-rest";
+
+// @public (undocumented)
+export const ctrlFabShadowDisabledKeyBlur = "var(--smtc-ctrl-fab-shadow-disabled-key-blur, var(--smtc-ctrl-fab-shadow-pressed-key-blur))";
+
+// @public (undocumented)
+export const ctrlFabShadowDisabledKeyBlurRaw = "--smtc-ctrl-fab-shadow-disabled-key-blur";
+
+// @public (undocumented)
+export const ctrlFabShadowDisabledKeyColor = "var(--smtc-ctrl-fab-shadow-disabled-key-color, var(--smtc-ctrl-fab-shadow-pressed-key-color))";
+
+// @public (undocumented)
+export const ctrlFabShadowDisabledKeyColorRaw = "--smtc-ctrl-fab-shadow-disabled-key-color";
+
+// @public (undocumented)
+export const ctrlFabShadowDisabledKeyX = "var(--smtc-ctrl-fab-shadow-disabled-key-x, var(--smtc-ctrl-fab-shadow-pressed-key-x))";
+
+// @public (undocumented)
+export const ctrlFabShadowDisabledKeyXRaw = "--smtc-ctrl-fab-shadow-disabled-key-x";
+
+// @public (undocumented)
+export const ctrlFabShadowDisabledKeyY = "var(--smtc-ctrl-fab-shadow-disabled-key-y, var(--smtc-ctrl-fab-shadow-pressed-key-y))";
+
+// @public (undocumented)
+export const ctrlFabShadowDisabledKeyYRaw = "--smtc-ctrl-fab-shadow-disabled-key-y";
+
+// @public (undocumented)
+export const ctrlFabShadowHoverKeyBlur = "var(--smtc-ctrl-fab-shadow-hover-key-blur, var(--smtc-shadow-flyout-key-blur))";
+
+// @public (undocumented)
+export const ctrlFabShadowHoverKeyBlurRaw = "--smtc-ctrl-fab-shadow-hover-key-blur";
+
+// @public (undocumented)
+export const ctrlFabShadowHoverKeyColor = "var(--smtc-ctrl-fab-shadow-hover-key-color, var(--smtc-shadow-flyout-key-color))";
+
+// @public (undocumented)
+export const ctrlFabShadowHoverKeyColorRaw = "--smtc-ctrl-fab-shadow-hover-key-color";
+
+// @public (undocumented)
+export const ctrlFabShadowHoverKeyX = "var(--smtc-ctrl-fab-shadow-hover-key-x, var(--smtc-shadow-flyout-key-x))";
+
+// @public (undocumented)
+export const ctrlFabShadowHoverKeyXRaw = "--smtc-ctrl-fab-shadow-hover-key-x";
+
+// @public (undocumented)
+export const ctrlFabShadowHoverKeyY = "var(--smtc-ctrl-fab-shadow-hover-key-y, var(--smtc-shadow-flyout-key-y))";
+
+// @public (undocumented)
+export const ctrlFabShadowHoverKeyYRaw = "--smtc-ctrl-fab-shadow-hover-key-y";
+
+// @public (undocumented)
+export const ctrlFabShadowPressedKeyBlur = "var(--smtc-ctrl-fab-shadow-pressed-key-blur)";
+
+// @public (undocumented)
+export const ctrlFabShadowPressedKeyBlurRaw = "--smtc-ctrl-fab-shadow-pressed-key-blur";
+
+// @public (undocumented)
+export const ctrlFabShadowPressedKeyColor = "var(--smtc-ctrl-fab-shadow-pressed-key-color)";
+
+// @public (undocumented)
+export const ctrlFabShadowPressedKeyColorRaw = "--smtc-ctrl-fab-shadow-pressed-key-color";
+
+// @public (undocumented)
+export const ctrlFabShadowPressedKeyX = "var(--smtc-ctrl-fab-shadow-pressed-key-x)";
+
+// @public (undocumented)
+export const ctrlFabShadowPressedKeyXRaw = "--smtc-ctrl-fab-shadow-pressed-key-x";
+
+// @public (undocumented)
+export const ctrlFabShadowPressedKeyY = "var(--smtc-ctrl-fab-shadow-pressed-key-y)";
+
+// @public (undocumented)
+export const ctrlFabShadowPressedKeyYRaw = "--smtc-ctrl-fab-shadow-pressed-key-y";
+
+// @public (undocumented)
+export const ctrlFabShadowRestAmbientBlur = "var(--smtc-ctrl-fab-shadow-rest-ambient-blur)";
+
+// @public (undocumented)
+export const ctrlFabShadowRestAmbientBlurRaw = "--smtc-ctrl-fab-shadow-rest-ambient-blur";
+
+// @public (undocumented)
+export const ctrlFabShadowRestAmbientColor = "var(--smtc-ctrl-fab-shadow-rest-ambient-color)";
+
+// @public (undocumented)
+export const ctrlFabShadowRestAmbientColorRaw = "--smtc-ctrl-fab-shadow-rest-ambient-color";
+
+// @public (undocumented)
+export const ctrlFabShadowRestAmbientX = "var(--smtc-ctrl-fab-shadow-rest-ambient-x)";
+
+// @public (undocumented)
+export const ctrlFabShadowRestAmbientXRaw = "--smtc-ctrl-fab-shadow-rest-ambient-x";
+
+// @public (undocumented)
+export const ctrlFabShadowRestAmbientY = "var(--smtc-ctrl-fab-shadow-rest-ambient-y)";
+
+// @public (undocumented)
+export const ctrlFabShadowRestAmbientYRaw = "--smtc-ctrl-fab-shadow-rest-ambient-y";
+
+// @public (undocumented)
+export const ctrlFabShadowRestKeyBlur = "var(--smtc-ctrl-fab-shadow-rest-key-blur)";
+
+// @public (undocumented)
+export const ctrlFabShadowRestKeyBlurRaw = "--smtc-ctrl-fab-shadow-rest-key-blur";
+
+// @public (undocumented)
+export const ctrlFabShadowRestKeyColor = "var(--smtc-ctrl-fab-shadow-rest-key-color)";
+
+// @public (undocumented)
+export const ctrlFabShadowRestKeyColorRaw = "--smtc-ctrl-fab-shadow-rest-key-color";
+
+// @public (undocumented)
+export const ctrlFabShadowRestKeyX = "var(--smtc-ctrl-fab-shadow-rest-key-x)";
+
+// @public (undocumented)
+export const ctrlFabShadowRestKeyXRaw = "--smtc-ctrl-fab-shadow-rest-key-x";
+
+// @public (undocumented)
+export const ctrlFabShadowRestKeyY = "var(--smtc-ctrl-fab-shadow-rest-key-y)";
+
+// @public (undocumented)
+export const ctrlFabShadowRestKeyYRaw = "--smtc-ctrl-fab-shadow-rest-key-y";
+
+// @public (undocumented)
+export const ctrlFocusInnerStroke = "var(--smtc-ctrl-focus-inner-stroke)";
+
+// @public (undocumented)
+export const ctrlFocusInnerStrokeRaw = "--smtc-ctrl-focus-inner-stroke";
+
+// @public (undocumented)
+export const ctrlFocusInnerStrokewidth = "var(--smtc-ctrl-focus-inner-strokewidth, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const ctrlFocusInnerStrokewidthRaw = "--smtc-ctrl-focus-inner-strokewidth";
+
+// @public (undocumented)
+export const ctrlFocusOuterStroke = "var(--smtc-ctrl-focus-outer-stroke, var(--smtc-background-ctrl-brand-rest, var(--colorStrokeFocus2)))";
+
+// @public (undocumented)
+export const ctrlFocusOuterStrokeRaw = "--smtc-ctrl-focus-outer-stroke";
+
+// @public (undocumented)
+export const ctrlFocusOuterStrokewidth = "var(--smtc-ctrl-focus-outer-strokewidth)";
+
+// @public (undocumented)
+export const ctrlFocusOuterStrokewidthRaw = "--smtc-ctrl-focus-outer-strokewidth";
+
+// @public (undocumented)
+export const ctrlFocusPositionFigmaonly = "var(--smtc-ctrl-focus-positionfigmaonly)";
+
+// @public (undocumented)
+export const ctrlFocusPositionFigmaonlyRaw = "--smtc-ctrl-focus-positionfigmaonly";
+
+// @public (undocumented)
+export const ctrlInputBackgroundDisabled = "var(--smtc-ctrl-input-background-disabled, var(--smtc-background-ctrl-neutral-disabled))";
+
+// @public (undocumented)
+export const ctrlInputBackgroundDisabledRaw = "--smtc-ctrl-input-background-disabled";
+
+// @public (undocumented)
+export const ctrlInputBackgroundError = "var(--smtc-ctrl-input-background-error, var(--smtc-background-ctrl-neutral-rest))";
+
+// @public (undocumented)
+export const ctrlInputBackgroundErrorRaw = "--smtc-ctrl-input-background-error";
+
+// @public (undocumented)
+export const ctrlInputBackgroundHover = "var(--smtc-ctrl-input-background-hover, var(--smtc-background-ctrl-neutral-hover))";
+
+// @public (undocumented)
+export const ctrlInputBackgroundHoverRaw = "--smtc-ctrl-input-background-hover";
+
+// @public (undocumented)
+export const ctrlInputBackgroundPressed = "var(--smtc-ctrl-input-background-pressed, var(--smtc-background-ctrl-neutral-pressed))";
+
+// @public (undocumented)
+export const ctrlInputBackgroundPressedRaw = "--smtc-ctrl-input-background-pressed";
+
+// @public (undocumented)
+export const ctrlInputBackgroundRest = "var(--smtc-ctrl-input-background-rest, var(--smtc-background-ctrl-neutral-rest))";
+
+// @public (undocumented)
+export const ctrlInputBackgroundRestRaw = "--smtc-ctrl-input-background-rest";
+
+// @public (undocumented)
+export const ctrlInputBackgroundSelected = "var(--smtc-ctrl-input-background-selected, var(--smtc-background-ctrl-neutral-rest))";
+
+// @public (undocumented)
+export const ctrlInputBackgroundSelectedRaw = "--smtc-ctrl-input-background-selected";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokeDisabled = "var(--smtc-ctrl-input-bottomline-stroke-disabled, unset)";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokeDisabledRaw = "--smtc-ctrl-input-bottomline-stroke-disabled";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokeError = "var(--smtc-ctrl-input-bottomline-stroke-error, unset)";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokeErrorRaw = "--smtc-ctrl-input-bottomline-stroke-error";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokeHover = "var(--smtc-ctrl-input-bottomline-stroke-hover, var(--smtc-foreground-ctrl-neutral-secondary-rest))";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokeHoverRaw = "--smtc-ctrl-input-bottomline-stroke-hover";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokePressed = "var(--smtc-ctrl-input-bottomline-stroke-pressed, var(--smtc-foreground-ctrl-neutral-secondary-rest))";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokePressedRaw = "--smtc-ctrl-input-bottomline-stroke-pressed";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokeRest = "var(--smtc-ctrl-input-bottomline-stroke-rest, var(--smtc-foreground-ctrl-neutral-secondary-rest))";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokeRestRaw = "--smtc-ctrl-input-bottomline-stroke-rest";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokeSelected = "var(--smtc-ctrl-input-bottomline-stroke-selected, var(--smtc-background-ctrl-brand-rest))";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokeSelectedRaw = "--smtc-ctrl-input-bottomline-stroke-selected";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokewidthHover = "var(--smtc-ctrl-input-bottomline-strokewidth-hover, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokewidthHoverRaw = "--smtc-ctrl-input-bottomline-strokewidth-hover";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokewidthPressed = "var(--smtc-ctrl-input-bottomline-strokewidth-pressed, var(--smtc-ctrl-input-bottomline-strokewidth-selected))";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokewidthPressedRaw = "--smtc-ctrl-input-bottomline-strokewidth-pressed";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokewidthRest = "var(--smtc-ctrl-input-bottomline-strokewidth-rest, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokewidthRestRaw = "--smtc-ctrl-input-bottomline-strokewidth-rest";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokewidthSelected = "var(--smtc-ctrl-input-bottomline-strokewidth-selected)";
+
+// @public (undocumented)
+export const ctrlInputBottomlineStrokewidthSelectedRaw = "--smtc-ctrl-input-bottomline-strokewidth-selected";
+
+// @public (undocumented)
+export const ctrlInputStrokeDisabled = "var(--smtc-ctrl-input-stroke-disabled, var(--smtc-stroke-ctrl-onoutline-disabled))";
+
+// @public (undocumented)
+export const ctrlInputStrokeDisabledRaw = "--smtc-ctrl-input-stroke-disabled";
+
+// @public (undocumented)
+export const ctrlInputStrokeError = "var(--smtc-ctrl-input-stroke-error, var(--smtc-status-danger-stroke))";
+
+// @public (undocumented)
+export const ctrlInputStrokeErrorRaw = "--smtc-ctrl-input-stroke-error";
+
+// @public (undocumented)
+export const ctrlInputStrokeHover = "var(--smtc-ctrl-input-stroke-hover, var(--smtc-stroke-ctrl-onoutline-hover))";
+
+// @public (undocumented)
+export const ctrlInputStrokeHoverRaw = "--smtc-ctrl-input-stroke-hover";
+
+// @public (undocumented)
+export const ctrlInputStrokePressed = "var(--smtc-ctrl-input-stroke-pressed, var(--smtc-stroke-ctrl-onoutline-pressed))";
+
+// @public (undocumented)
+export const ctrlInputStrokePressedRaw = "--smtc-ctrl-input-stroke-pressed";
+
+// @public (undocumented)
+export const ctrlInputStrokeRest = "var(--smtc-ctrl-input-stroke-rest, var(--smtc-stroke-ctrl-onoutline-rest))";
+
+// @public (undocumented)
+export const ctrlInputStrokeRestRaw = "--smtc-ctrl-input-stroke-rest";
+
+// @public (undocumented)
+export const ctrlInputStrokeSelected = "var(--smtc-ctrl-input-stroke-selected, var(--smtc-stroke-ctrl-onoutline-rest))";
+
+// @public (undocumented)
+export const ctrlInputStrokeSelectedRaw = "--smtc-ctrl-input-stroke-selected";
+
+// @public (undocumented)
+export const ctrlInputStrokewidthHover = "var(--smtc-ctrl-input-strokewidth-hover, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const ctrlInputStrokewidthHoverRaw = "--smtc-ctrl-input-strokewidth-hover";
+
+// @public (undocumented)
+export const ctrlInputStrokewidthPressed = "var(--smtc-ctrl-input-strokewidth-pressed, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const ctrlInputStrokewidthPressedRaw = "--smtc-ctrl-input-strokewidth-pressed";
+
+// @public (undocumented)
+export const ctrlInputStrokewidthRest = "var(--smtc-ctrl-input-strokewidth-rest, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const ctrlInputStrokewidthRestRaw = "--smtc-ctrl-input-strokewidth-rest";
+
+// @public (undocumented)
+export const ctrlInputStrokewidthSelected = "var(--smtc-ctrl-input-strokewidth-selected)";
+
+// @public (undocumented)
+export const ctrlInputStrokewidthSelectedRaw = "--smtc-ctrl-input-strokewidth-selected";
+
+// @public (undocumented)
+export const ctrlInputTextselectionBackground = "var(--smtc-ctrl-input-textselection-background, var(--smtc-background-ctrl-brand-rest))";
+
+// @public (undocumented)
+export const ctrlInputTextselectionBackgroundRaw = "--smtc-ctrl-input-textselection-background";
+
+// @public (undocumented)
+export const ctrlInputTextselectionForeground = "var(--smtc-ctrl-input-textselection-foreground, var(--smtc-foreground-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const ctrlInputTextselectionForegroundRaw = "--smtc-ctrl-input-textselection-foreground";
+
+// @public (undocumented)
+export const ctrlLinkForegroundBrandHover = "var(--smtc-ctrl-link-foreground-brand-hover, var(--smtc-foreground-ctrl-brand-hover, var(--colorBrandForegroundLinkHover)))";
+
+// @public (undocumented)
+export const ctrlLinkForegroundBrandHoverRaw = "--smtc-ctrl-link-foreground-brand-hover";
+
+// @public (undocumented)
+export const ctrlLinkForegroundBrandPressed = "var(--smtc-ctrl-link-foreground-brand-pressed, var(--smtc-foreground-ctrl-brand-pressed, var(--colorBrandForegroundLinkPressed)))";
+
+// @public (undocumented)
+export const ctrlLinkForegroundBrandPressedRaw = "--smtc-ctrl-link-foreground-brand-pressed";
+
+// @public (undocumented)
+export const ctrlLinkForegroundBrandRest = "var(--smtc-ctrl-link-foreground-brand-rest, var(--smtc-foreground-ctrl-brand-rest, var(--colorBrandForegroundLink)))";
+
+// @public (undocumented)
+export const ctrlLinkForegroundBrandRestRaw = "--smtc-ctrl-link-foreground-brand-rest";
+
+// @public (undocumented)
+export const ctrlLinkForegroundNeutralHover = "var(--smtc-ctrl-link-foreground-neutral-hover, var(--smtc-foreground-ctrl-neutral-primary-rest, var(--colorNeutralForeground2Hover)))";
+
+// @public (undocumented)
+export const ctrlLinkForegroundNeutralHoverRaw = "--smtc-ctrl-link-foreground-neutral-hover";
+
+// @public (undocumented)
+export const ctrlLinkForegroundNeutralPressed = "var(--smtc-ctrl-link-foreground-neutral-pressed, var(--smtc-foreground-ctrl-neutral-primary-rest, var(--colorNeutralForeground2Pressed)))";
+
+// @public (undocumented)
+export const ctrlLinkForegroundNeutralPressedRaw = "--smtc-ctrl-link-foreground-neutral-pressed";
+
+// @public (undocumented)
+export const ctrlLinkForegroundNeutralRest = "var(--smtc-ctrl-link-foreground-neutral-rest, var(--smtc-foreground-ctrl-neutral-primary-rest, var(--colorNeutralForeground2)))";
+
+// @public (undocumented)
+export const ctrlLinkForegroundNeutralRestRaw = "--smtc-ctrl-link-foreground-neutral-rest";
+
+// @public (undocumented)
+export const ctrlLinkInlineShowunderlineatrest = "var(--smtc-ctrl-link-inline-showunderlineatrest)";
+
+// @public (undocumented)
+export const ctrlLinkInlineShowunderlineatrestRaw = "--smtc-ctrl-link-inline-showunderlineatrest";
+
+// @public (undocumented)
+export const ctrlLinkInlineStrokewidthHover = "var(--smtc-ctrl-link-inline-strokewidth-hover, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const ctrlLinkInlineStrokewidthHoverRaw = "--smtc-ctrl-link-inline-strokewidth-hover";
+
+// @public (undocumented)
+export const ctrlLinkInlineStrokewidthRest = "var(--smtc-ctrl-link-inline-strokewidth-rest, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const ctrlLinkInlineStrokewidthRestRaw = "--smtc-ctrl-link-inline-strokewidth-rest";
+
+// @public (undocumented)
+export const ctrlLinkInlineUnderlineDashed = "var(--smtc-ctrl-link-inline-underline-dashed)";
+
+// @public (undocumented)
+export const ctrlLinkInlineUnderlineDashedRaw = "--smtc-ctrl-link-inline-underline-dashed";
+
+// @public (undocumented)
+export const ctrlLinkInlineUnderlineSolidFigmaonly = "var(--smtc-ctrl-link-inline-underline-solidfigmaonly)";
+
+// @public (undocumented)
+export const ctrlLinkInlineUnderlineSolidFigmaonlyRaw = "--smtc-ctrl-link-inline-underline-solidfigmaonly";
+
+// @public (undocumented)
+export const ctrlLinkOnpageShowunderlineatrest = "var(--smtc-ctrl-link-onpage-showunderlineatrest)";
+
+// @public (undocumented)
+export const ctrlLinkOnpageShowunderlineatrestRaw = "--smtc-ctrl-link-onpage-showunderlineatrest";
+
+// @public (undocumented)
+export const ctrlLinkOnpageStrokewidthHover = "var(--smtc-ctrl-link-onpage-strokewidth-hover, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const ctrlLinkOnpageStrokewidthHoverRaw = "--smtc-ctrl-link-onpage-strokewidth-hover";
+
+// @public (undocumented)
+export const ctrlLinkOnpageStrokewidthRest = "var(--smtc-ctrl-link-onpage-strokewidth-rest, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const ctrlLinkOnpageStrokewidthRestRaw = "--smtc-ctrl-link-onpage-strokewidth-rest";
+
+// @public (undocumented)
+export const ctrlLinkOnpageUnderlineDashed = "var(--smtc-ctrl-link-onpage-underline-dashed)";
+
+// @public (undocumented)
+export const ctrlLinkOnpageUnderlineDashedRaw = "--smtc-ctrl-link-onpage-underline-dashed";
+
+// @public (undocumented)
+export const ctrlLinkOnpageUnderlineSolidFigmaonly = "var(--smtc-ctrl-link-onpage-underline-solidfigmaonly)";
+
+// @public (undocumented)
+export const ctrlLinkOnpageUnderlineSolidFigmaonlyRaw = "--smtc-ctrl-link-onpage-underline-solidfigmaonly";
+
+// @public (undocumented)
+export const ctrlListBackgroundSelectedDisabled = "var(--smtc-ctrl-list-background-selected-disabled, var(--smtc-background-ctrl-subtle-disabled))";
+
+// @public (undocumented)
+export const ctrlListBackgroundSelectedDisabledRaw = "--smtc-ctrl-list-background-selected-disabled";
+
+// @public (undocumented)
+export const ctrlListBackgroundSelectedHover = "var(--smtc-ctrl-list-background-selected-hover, var(--smtc-background-ctrl-subtle-hover))";
+
+// @public (undocumented)
+export const ctrlListBackgroundSelectedHoverRaw = "--smtc-ctrl-list-background-selected-hover";
+
+// @public (undocumented)
+export const ctrlListBackgroundSelectedPressed = "var(--smtc-ctrl-list-background-selected-pressed, var(--smtc-background-ctrl-subtle-pressed))";
+
+// @public (undocumented)
+export const ctrlListBackgroundSelectedPressedRaw = "--smtc-ctrl-list-background-selected-pressed";
+
+// @public (undocumented)
+export const ctrlListBackgroundSelectedRest = "var(--smtc-ctrl-list-background-selected-rest, var(--smtc-background-ctrl-subtle-rest))";
+
+// @public (undocumented)
+export const ctrlListBackgroundSelectedRestRaw = "--smtc-ctrl-list-background-selected-rest";
+
+// @public (undocumented)
+export const ctrlListChoiceBackgroundDisabled = "var(--smtc-ctrl-list-choice-background-disabled, unset)";
+
+// @public (undocumented)
+export const ctrlListChoiceBackgroundDisabledRaw = "--smtc-ctrl-list-choice-background-disabled";
+
+// @public (undocumented)
+export const ctrlListChoiceBackgroundRest = "var(--smtc-ctrl-list-choice-background-rest, unset)";
+
+// @public (undocumented)
+export const ctrlListChoiceBackgroundRestRaw = "--smtc-ctrl-list-choice-background-rest";
+
+// @public (undocumented)
+export const ctrlListChoiceBackgroundSelectedDisabled = "var(--smtc-ctrl-list-choice-background-selected-disabled, unset)";
+
+// @public (undocumented)
+export const ctrlListChoiceBackgroundSelectedDisabledRaw = "--smtc-ctrl-list-choice-background-selected-disabled";
+
+// @public (undocumented)
+export const ctrlListChoiceBackgroundSelectedRest = "var(--smtc-ctrl-list-choice-background-selected-rest, unset)";
+
+// @public (undocumented)
+export const ctrlListChoiceBackgroundSelectedRestRaw = "--smtc-ctrl-list-choice-background-selected-rest";
+
+// @public (undocumented)
+export const ctrlListChoiceCheckboxCorner = "var(--smtc-ctrl-list-choice-checkbox-corner, var(--smtc-ctrl-choice-checkbox-corner))";
+
+// @public (undocumented)
+export const ctrlListChoiceCheckboxCornerRaw = "--smtc-ctrl-list-choice-checkbox-corner";
+
+// @public (undocumented)
+export const ctrlListChoiceCheckboxIconSize = "var(--smtc-ctrl-list-choice-checkbox-icon-size, var(--smtc-size-ctrl-iconsecondary))";
+
+// @public (undocumented)
+export const ctrlListChoiceCheckboxIconSizeFigmaonly = "var(--smtc-ctrl-list-choice-checkbox-icon-sizefigmaonly)";
+
+// @public (undocumented)
+export const ctrlListChoiceCheckboxIconSizeFigmaonlyRaw = "--smtc-ctrl-list-choice-checkbox-icon-sizefigmaonly";
+
+// @public (undocumented)
+export const ctrlListChoiceCheckboxIconSizeRaw = "--smtc-ctrl-list-choice-checkbox-icon-size";
+
+// @public (undocumented)
+export const ctrlListChoiceDotSize = "var(--smtc-ctrl-list-choice-dot-size)";
+
+// @public (undocumented)
+export const ctrlListChoiceDotSizeFigmaonly = "var(--smtc-ctrl-list-choice-dot-sizefigmaonly)";
+
+// @public (undocumented)
+export const ctrlListChoiceDotSizeFigmaonlyRaw = "--smtc-ctrl-list-choice-dot-sizefigmaonly";
+
+// @public (undocumented)
+export const ctrlListChoiceDotSizeRaw = "--smtc-ctrl-list-choice-dot-size";
+
+// @public (undocumented)
+export const ctrlListChoiceForegroundHover = "var(--smtc-ctrl-list-choice-foreground-hover, var(--smtc-foreground-ctrl-hint-default))";
+
+// @public (undocumented)
+export const ctrlListChoiceForegroundHoverRaw = "--smtc-ctrl-list-choice-foreground-hover";
+
+// @public (undocumented)
+export const ctrlListChoiceForegroundSelectedDisabled = "var(--smtc-ctrl-list-choice-foreground-selected-disabled, var(--smtc-foreground-ctrl-brand-disabled))";
+
+// @public (undocumented)
+export const ctrlListChoiceForegroundSelectedDisabledRaw = "--smtc-ctrl-list-choice-foreground-selected-disabled";
+
+// @public (undocumented)
+export const ctrlListChoiceForegroundSelectedRest = "var(--smtc-ctrl-list-choice-foreground-selected-rest, var(--smtc-foreground-ctrl-brand-rest))";
+
+// @public (undocumented)
+export const ctrlListChoiceForegroundSelectedRestRaw = "--smtc-ctrl-list-choice-foreground-selected-rest";
+
+// @public (undocumented)
+export const ctrlListChoiceStrokeDisabled = "var(--smtc-ctrl-list-choice-stroke-disabled, unset)";
+
+// @public (undocumented)
+export const ctrlListChoiceStrokeDisabledRaw = "--smtc-ctrl-list-choice-stroke-disabled";
+
+// @public (undocumented)
+export const ctrlListChoiceStrokeRest = "var(--smtc-ctrl-list-choice-stroke-rest, unset)";
+
+// @public (undocumented)
+export const ctrlListChoiceStrokeRestRaw = "--smtc-ctrl-list-choice-stroke-rest";
+
+// @public (undocumented)
+export const ctrlListChoiceStrokeSelectedDisabled = "var(--smtc-ctrl-list-choice-stroke-selected-disabled, unset)";
+
+// @public (undocumented)
+export const ctrlListChoiceStrokeSelectedDisabledRaw = "--smtc-ctrl-list-choice-stroke-selected-disabled";
+
+// @public (undocumented)
+export const ctrlListChoiceStrokeSelectedRest = "var(--smtc-ctrl-list-choice-stroke-selected-rest, unset)";
+
+// @public (undocumented)
+export const ctrlListChoiceStrokeSelectedRestRaw = "--smtc-ctrl-list-choice-stroke-selected-rest";
+
+// @public (undocumented)
+export const ctrlListCornerHover = "var(--smtc-ctrl-list-corner-hover, var(--smtc-corner-ctrl-rest))";
+
+// @public (undocumented)
+export const ctrlListCornerHoverRaw = "--smtc-ctrl-list-corner-hover";
+
+// @public (undocumented)
+export const ctrlListCornerPressed = "var(--smtc-ctrl-list-corner-pressed, var(--smtc-corner-ctrl-rest))";
+
+// @public (undocumented)
+export const ctrlListCornerPressedRaw = "--smtc-ctrl-list-corner-pressed";
+
+// @public (undocumented)
+export const ctrlListCornerRest = "var(--smtc-ctrl-list-corner-rest, var(--smtc-corner-ctrl-rest))";
+
+// @public (undocumented)
+export const ctrlListCornerRestRaw = "--smtc-ctrl-list-corner-rest";
+
+// @public (undocumented)
+export const ctrlListIndentLevel1 = "var(--smtc-ctrl-list-indent-level1, var(--smtc-padding-ctrl-horizontal-default))";
+
+// @public (undocumented)
+export const ctrlListIndentLevel1Raw = "--smtc-ctrl-list-indent-level1";
+
+// @public (undocumented)
+export const ctrlListIndentLevel2 = "var(--smtc-ctrl-list-indent-level2)";
+
+// @public (undocumented)
+export const ctrlListIndentLevel2Raw = "--smtc-ctrl-list-indent-level2";
+
+// @public (undocumented)
+export const ctrlListIndentLevel3 = "var(--smtc-ctrl-list-indent-level3)";
+
+// @public (undocumented)
+export const ctrlListIndentLevel3Raw = "--smtc-ctrl-list-indent-level3";
+
+// @public (undocumented)
+export const ctrlListLgCornerHover = "var(--smtc-ctrl-list-lg-corner-hover, var(--smtc-corner-ctrl-lg-rest))";
+
+// @public (undocumented)
+export const ctrlListLgCornerHoverRaw = "--smtc-ctrl-list-lg-corner-hover";
+
+// @public (undocumented)
+export const ctrlListLgCornerPressed = "var(--smtc-ctrl-list-lg-corner-pressed, var(--smtc-corner-ctrl-lg-rest))";
+
+// @public (undocumented)
+export const ctrlListLgCornerPressedRaw = "--smtc-ctrl-list-lg-corner-pressed";
+
+// @public (undocumented)
+export const ctrlListLgCornerRest = "var(--smtc-ctrl-list-lg-corner-rest, var(--smtc-corner-ctrl-lg-rest))";
+
+// @public (undocumented)
+export const ctrlListLgCornerRestRaw = "--smtc-ctrl-list-lg-corner-rest";
+
+// @public (undocumented)
+export const ctrlListLgIndentLevel1 = "var(--smtc-ctrl-list-lg-indent-level1, var(--smtc-padding-ctrl-lg-horizontal-default))";
+
+// @public (undocumented)
+export const ctrlListLgIndentLevel1Raw = "--smtc-ctrl-list-lg-indent-level1";
+
+// @public (undocumented)
+export const ctrlListLgIndentLevel2 = "var(--smtc-ctrl-list-lg-indent-level2)";
+
+// @public (undocumented)
+export const ctrlListLgIndentLevel2Raw = "--smtc-ctrl-list-lg-indent-level2";
+
+// @public (undocumented)
+export const ctrlListLgIndentLevel3 = "var(--smtc-ctrl-list-lg-indent-level3)";
+
+// @public (undocumented)
+export const ctrlListLgIndentLevel3Raw = "--smtc-ctrl-list-lg-indent-level3";
+
+// @public (undocumented)
+export const ctrlListPillFullwidth = "var(--smtc-ctrl-list-pill-fullwidth)";
+
+// @public (undocumented)
+export const ctrlListPillFullwidthRaw = "--smtc-ctrl-list-pill-fullwidth";
+
+// @public (undocumented)
+export const ctrlListPillLengthHint = "var(--smtc-ctrl-list-pill-length-hint, var(--smtc-ctrl-list-pill-length-rest))";
+
+// @public (undocumented)
+export const ctrlListPillLengthHintRaw = "--smtc-ctrl-list-pill-length-hint";
+
+// @public (undocumented)
+export const ctrlListPillLengthHover = "var(--smtc-ctrl-list-pill-length-hover, var(--smtc-ctrl-list-pill-length-rest))";
+
+// @public (undocumented)
+export const ctrlListPillLengthHoverRaw = "--smtc-ctrl-list-pill-length-hover";
+
+// @public (undocumented)
+export const ctrlListPillLengthPressed = "var(--smtc-ctrl-list-pill-length-pressed, var(--smtc-ctrl-list-pill-length-rest))";
+
+// @public (undocumented)
+export const ctrlListPillLengthPressedRaw = "--smtc-ctrl-list-pill-length-pressed";
+
+// @public (undocumented)
+export const ctrlListPillLengthRest = "var(--smtc-ctrl-list-pill-length-rest)";
+
+// @public (undocumented)
+export const ctrlListPillLengthRestRaw = "--smtc-ctrl-list-pill-length-rest";
+
+// @public (undocumented)
+export const ctrlListPillStretchPaddingDefault = "var(--smtc-ctrl-list-pill-stretch-padding-default)";
+
+// @public (undocumented)
+export const ctrlListPillStretchPaddingDefaultRaw = "--smtc-ctrl-list-pill-stretch-padding-default";
+
+// @public (undocumented)
+export const ctrlListPillStretchPaddingHint = "var(--smtc-ctrl-list-pill-stretch-padding-hint)";
+
+// @public (undocumented)
+export const ctrlListPillStretchPaddingHintRaw = "--smtc-ctrl-list-pill-stretch-padding-hint";
+
+// @public (undocumented)
+export const ctrlListPillWidth = "var(--smtc-ctrl-list-pill-width)";
+
+// @public (undocumented)
+export const ctrlListPillWidthRaw = "--smtc-ctrl-list-pill-width";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedAmbientBlur = "var(--smtc-ctrl-list-shadow-selected-ambient-blur)";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedAmbientBlurRaw = "--smtc-ctrl-list-shadow-selected-ambient-blur";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedAmbientColor = "var(--smtc-ctrl-list-shadow-selected-ambient-color)";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedAmbientColorRaw = "--smtc-ctrl-list-shadow-selected-ambient-color";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedAmbientX = "var(--smtc-ctrl-list-shadow-selected-ambient-x)";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedAmbientXRaw = "--smtc-ctrl-list-shadow-selected-ambient-x";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedAmbientY = "var(--smtc-ctrl-list-shadow-selected-ambient-y)";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedAmbientYRaw = "--smtc-ctrl-list-shadow-selected-ambient-y";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedKeyBlur = "var(--smtc-ctrl-list-shadow-selected-key-blur)";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedKeyBlurRaw = "--smtc-ctrl-list-shadow-selected-key-blur";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedKeyColor = "var(--smtc-ctrl-list-shadow-selected-key-color)";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedKeyColorRaw = "--smtc-ctrl-list-shadow-selected-key-color";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedKeyX = "var(--smtc-ctrl-list-shadow-selected-key-x)";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedKeyXRaw = "--smtc-ctrl-list-shadow-selected-key-x";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedKeyY = "var(--smtc-ctrl-list-shadow-selected-key-y)";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedKeyY2 = "var(--smtc-ctrl-list-shadow-selected-key-y2, unset)";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedKeyY2Raw = "--smtc-ctrl-list-shadow-selected-key-y2";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedKeyYRaw = "--smtc-ctrl-list-shadow-selected-key-y";
+
+// @public (undocumented)
+export const ctrlListSmCornerHover = "var(--smtc-ctrl-list-sm-corner-hover, var(--smtc-corner-ctrl-sm-rest))";
+
+// @public (undocumented)
+export const ctrlListSmCornerHoverRaw = "--smtc-ctrl-list-sm-corner-hover";
+
+// @public (undocumented)
+export const ctrlListSmCornerPressed = "var(--smtc-ctrl-list-sm-corner-pressed, var(--smtc-corner-ctrl-sm-rest))";
+
+// @public (undocumented)
+export const ctrlListSmCornerPressedRaw = "--smtc-ctrl-list-sm-corner-pressed";
+
+// @public (undocumented)
+export const ctrlListSmCornerRest = "var(--smtc-ctrl-list-sm-corner-rest, var(--smtc-corner-ctrl-sm-rest))";
+
+// @public (undocumented)
+export const ctrlListSmCornerRestRaw = "--smtc-ctrl-list-sm-corner-rest";
+
+// @public (undocumented)
+export const ctrlListSmIndentLevel1 = "var(--smtc-ctrl-list-sm-indent-level1, var(--smtc-padding-ctrl-sm-horizontal-default))";
+
+// @public (undocumented)
+export const ctrlListSmIndentLevel1Raw = "--smtc-ctrl-list-sm-indent-level1";
+
+// @public (undocumented)
+export const ctrlListSmIndentLevel2 = "var(--smtc-ctrl-list-sm-indent-level2)";
+
+// @public (undocumented)
+export const ctrlListSmIndentLevel2Raw = "--smtc-ctrl-list-sm-indent-level2";
+
+// @public (undocumented)
+export const ctrlListSmIndentLevel3 = "var(--smtc-ctrl-list-sm-indent-level3)";
+
+// @public (undocumented)
+export const ctrlListSmIndentLevel3Raw = "--smtc-ctrl-list-sm-indent-level3";
+
+// @public (undocumented)
+export const ctrlListSplitDividerPaddingInset = "var(--smtc-ctrl-list-split-divider-padding-inset)";
+
+// @public (undocumented)
+export const ctrlListSplitDividerPaddingInsetRaw = "--smtc-ctrl-list-split-divider-padding-inset";
+
+// @public (undocumented)
+export const ctrlListSplitDividerShowdivider = "var(--smtc-ctrl-list-split-divider-showdivider)";
+
+// @public (undocumented)
+export const ctrlListSplitDividerShowdividerRaw = "--smtc-ctrl-list-split-divider-showdivider";
+
+// @public (undocumented)
+export const ctrlListSplitDividerStroke = "var(--smtc-ctrl-list-split-divider-stroke, var(--smtc-stroke-ctrl-divider-onneutral))";
+
+// @public (undocumented)
+export const ctrlListSplitDividerStrokeRaw = "--smtc-ctrl-list-split-divider-stroke";
+
+// @public (undocumented)
+export const ctrlLitefilterBackgroundSelected = "var(--smtc-ctrl-litefilter-background-selected, var(--smtc-background-ctrl-brand-rest))";
+
+// @public (undocumented)
+export const ctrlLitefilterBackgroundSelectedRaw = "--smtc-ctrl-litefilter-background-selected";
+
+// @public (undocumented)
+export const ctrlLitefilterForegroundSelected = "var(--smtc-ctrl-litefilter-foreground-selected, var(--smtc-foreground-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const ctrlLitefilterForegroundSelectedRaw = "--smtc-ctrl-litefilter-foreground-selected";
+
+// @public (undocumented)
+export const ctrlLitefilterStrokeSelected = "var(--smtc-ctrl-litefilter-stroke-selected, var(--smtc-stroke-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const ctrlLitefilterStrokeSelectedRaw = "--smtc-ctrl-litefilter-stroke-selected";
+
+// @public (undocumented)
+export const ctrlLitefilterStrokewidthSelected = "var(--smtc-ctrl-litefilter-strokewidth-selected, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const ctrlLitefilterStrokewidthSelectedRaw = "--smtc-ctrl-litefilter-strokewidth-selected";
+
+// @public (undocumented)
+export const ctrlProgressBackgroundEmpty = "var(--smtc-ctrl-progress-background-empty)";
+
+// @public (undocumented)
+export const ctrlProgressBackgroundEmptyRaw = "--smtc-ctrl-progress-background-empty";
+
+// @public (undocumented)
+export const ctrlProgressBackgroundFilled = "var(--smtc-ctrl-progress-background-filled, var(--smtc-background-ctrl-brand-rest))";
+
+// @public (undocumented)
+export const ctrlProgressBackgroundFilledRaw = "--smtc-ctrl-progress-background-filled";
+
+// @public (undocumented)
+export const ctrlProgressCorner = "var(--smtc-ctrl-progress-corner, var(--smtc-corner-circular))";
+
+// @public (undocumented)
+export const ctrlProgressCornerRaw = "--smtc-ctrl-progress-corner";
+
+// @public (undocumented)
+export const ctrlProgressHeightEmpty = "var(--smtc-ctrl-progress-height-empty, var(--smtc-ctrl-progress-height-filled))";
+
+// @public (undocumented)
+export const ctrlProgressHeightEmptyRaw = "--smtc-ctrl-progress-height-empty";
+
+// @public (undocumented)
+export const ctrlProgressHeightFilled = "var(--smtc-ctrl-progress-height-filled)";
+
+// @public (undocumented)
+export const ctrlProgressHeightFilledRaw = "--smtc-ctrl-progress-height-filled";
+
+// @public (undocumented)
+export const ctrlProgressLgHeightEmpty = "var(--smtc-ctrl-progress-lg-height-empty, var(--smtc-ctrl-progress-lg-height-filled))";
+
+// @public (undocumented)
+export const ctrlProgressLgHeightEmptyRaw = "--smtc-ctrl-progress-lg-height-empty";
+
+// @public (undocumented)
+export const ctrlProgressLgHeightFilled = "var(--smtc-ctrl-progress-lg-height-filled)";
+
+// @public (undocumented)
+export const ctrlProgressLgHeightFilledRaw = "--smtc-ctrl-progress-lg-height-filled";
+
+// @public (undocumented)
+export const ctrlProgressSmHeightEmpty = "var(--smtc-ctrl-progress-sm-height-empty, var(--smtc-ctrl-progress-sm-height-filled))";
+
+// @public (undocumented)
+export const ctrlProgressSmHeightEmptyRaw = "--smtc-ctrl-progress-sm-height-empty";
+
+// @public (undocumented)
+export const ctrlProgressSmHeightFilled = "var(--smtc-ctrl-progress-sm-height-filled)";
+
+// @public (undocumented)
+export const ctrlProgressSmHeightFilledRaw = "--smtc-ctrl-progress-sm-height-filled";
+
+// @public (undocumented)
+export const ctrlRatingIconForegroundEmpty = "var(--smtc-ctrl-rating-icon-foreground-empty, var(--smtc-ctrl-progress-background-empty))";
+
+// @public (undocumented)
+export const ctrlRatingIconForegroundEmptyRaw = "--smtc-ctrl-rating-icon-foreground-empty";
+
+// @public (undocumented)
+export const ctrlRatingIconForegroundFilled = "var(--smtc-ctrl-rating-icon-foreground-filled, var(--smtc-background-ctrl-brand-rest))";
+
+// @public (undocumented)
+export const ctrlRatingIconForegroundFilledRaw = "--smtc-ctrl-rating-icon-foreground-filled";
+
+// @public (undocumented)
+export const ctrlRatingIconGap = "var(--smtc-ctrl-rating-icon-gap)";
+
+// @public (undocumented)
+export const ctrlRatingIconGapRaw = "--smtc-ctrl-rating-icon-gap";
+
+// @public (undocumented)
+export const ctrlRatingIconSize = "var(--smtc-ctrl-rating-icon-size, var(--smtc-size-ctrl-icon))";
+
+// @public (undocumented)
+export const ctrlRatingIconSizeRaw = "--smtc-ctrl-rating-icon-size";
+
+// @public (undocumented)
+export const ctrlRatingIconTheme = "var(--smtc-ctrl-rating-icon-theme, var(--smtc-icontheme-ctrl-default-rest))";
+
+// @public (undocumented)
+export const ctrlRatingIconThemeRaw = "--smtc-ctrl-rating-icon-theme";
+
+// @public (undocumented)
+export const ctrlSegmentedBackgroundDisabled = "var(--smtc-ctrl-segmented-background-disabled, var(--smtc-background-ctrl-outline-disabled))";
+
+// @public (undocumented)
+export const ctrlSegmentedBackgroundDisabledRaw = "--smtc-ctrl-segmented-background-disabled";
+
+// @public (undocumented)
+export const ctrlSegmentedBackgroundHover = "var(--smtc-ctrl-segmented-background-hover, var(--smtc-background-ctrl-outline-hover))";
+
+// @public (undocumented)
+export const ctrlSegmentedBackgroundHoverRaw = "--smtc-ctrl-segmented-background-hover";
+
+// @public (undocumented)
+export const ctrlSegmentedBackgroundPressed = "var(--smtc-ctrl-segmented-background-pressed, var(--smtc-background-ctrl-outline-pressed))";
+
+// @public (undocumented)
+export const ctrlSegmentedBackgroundPressedRaw = "--smtc-ctrl-segmented-background-pressed";
+
+// @public (undocumented)
+export const ctrlSegmentedBackgroundRest = "var(--smtc-ctrl-segmented-background-rest, var(--smtc-background-ctrl-outline-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedBackgroundRestRaw = "--smtc-ctrl-segmented-background-rest";
+
+// @public (undocumented)
+export const ctrlSegmentedCornerHover = "var(--smtc-ctrl-segmented-corner-hover, var(--smtc-corner-ctrl-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedCornerHoverRaw = "--smtc-ctrl-segmented-corner-hover";
+
+// @public (undocumented)
+export const ctrlSegmentedCornerPressed = "var(--smtc-ctrl-segmented-corner-pressed, var(--smtc-corner-ctrl-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedCornerPressedRaw = "--smtc-ctrl-segmented-corner-pressed";
+
+// @public (undocumented)
+export const ctrlSegmentedCornerRest = "var(--smtc-ctrl-segmented-corner-rest, var(--smtc-corner-ctrl-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedCornerRestRaw = "--smtc-ctrl-segmented-corner-rest";
+
+// @public (undocumented)
+export const ctrlSegmentedGap = "var(--smtc-ctrl-segmented-gap, unset)";
+
+// @public (undocumented)
+export const ctrlSegmentedGapRaw = "--smtc-ctrl-segmented-gap";
+
+// @public (undocumented)
+export const ctrlSegmentedItemCornerHover = "var(--smtc-ctrl-segmented-item-corner-hover, var(--smtc-corner-ctrl-sm-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedItemCornerHoverRaw = "--smtc-ctrl-segmented-item-corner-hover";
+
+// @public (undocumented)
+export const ctrlSegmentedItemCornerPressed = "var(--smtc-ctrl-segmented-item-corner-pressed, var(--smtc-corner-ctrl-sm-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedItemCornerPressedRaw = "--smtc-ctrl-segmented-item-corner-pressed";
+
+// @public (undocumented)
+export const ctrlSegmentedItemCornerRest = "var(--smtc-ctrl-segmented-item-corner-rest, var(--smtc-corner-ctrl-sm-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedItemCornerRestRaw = "--smtc-ctrl-segmented-item-corner-rest";
+
+// @public (undocumented)
+export const ctrlSegmentedLgCornerHover = "var(--smtc-ctrl-segmented-lg-corner-hover, var(--smtc-corner-ctrl-lg-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedLgCornerHoverRaw = "--smtc-ctrl-segmented-lg-corner-hover";
+
+// @public (undocumented)
+export const ctrlSegmentedLgCornerPressed = "var(--smtc-ctrl-segmented-lg-corner-pressed, var(--smtc-corner-ctrl-lg-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedLgCornerPressedRaw = "--smtc-ctrl-segmented-lg-corner-pressed";
+
+// @public (undocumented)
+export const ctrlSegmentedLgCornerRest = "var(--smtc-ctrl-segmented-lg-corner-rest, var(--smtc-corner-ctrl-lg-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedLgCornerRestRaw = "--smtc-ctrl-segmented-lg-corner-rest";
+
+// @public (undocumented)
+export const ctrlSegmentedLgItemCornerHover = "var(--smtc-ctrl-segmented-lg-item-corner-hover, var(--smtc-corner-ctrl-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedLgItemCornerHoverRaw = "--smtc-ctrl-segmented-lg-item-corner-hover";
+
+// @public (undocumented)
+export const ctrlSegmentedLgItemCornerPressed = "var(--smtc-ctrl-segmented-lg-item-corner-pressed, var(--smtc-corner-ctrl-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedLgItemCornerPressedRaw = "--smtc-ctrl-segmented-lg-item-corner-pressed";
+
+// @public (undocumented)
+export const ctrlSegmentedLgItemCornerRest = "var(--smtc-ctrl-segmented-lg-item-corner-rest, var(--smtc-corner-ctrl-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedLgItemCornerRestRaw = "--smtc-ctrl-segmented-lg-item-corner-rest";
+
+// @public (undocumented)
+export const ctrlSegmentedLgPaddingHover = "var(--smtc-ctrl-segmented-lg-padding-hover, var(--smtc-ctrl-segmented-lg-padding-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedLgPaddingHoverRaw = "--smtc-ctrl-segmented-lg-padding-hover";
+
+// @public (undocumented)
+export const ctrlSegmentedLgPaddingPressed = "var(--smtc-ctrl-segmented-lg-padding-pressed, var(--smtc-ctrl-segmented-lg-padding-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedLgPaddingPressedRaw = "--smtc-ctrl-segmented-lg-padding-pressed";
+
+// @public (undocumented)
+export const ctrlSegmentedLgPaddingRest = "var(--smtc-ctrl-segmented-lg-padding-rest)";
+
+// @public (undocumented)
+export const ctrlSegmentedLgPaddingRestRaw = "--smtc-ctrl-segmented-lg-padding-rest";
+
+// @public (undocumented)
+export const ctrlSegmentedPaddingHover = "var(--smtc-ctrl-segmented-padding-hover, var(--smtc-ctrl-segmented-padding-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedPaddingHoverRaw = "--smtc-ctrl-segmented-padding-hover";
+
+// @public (undocumented)
+export const ctrlSegmentedPaddingPressed = "var(--smtc-ctrl-segmented-padding-pressed, var(--smtc-ctrl-segmented-padding-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedPaddingPressedRaw = "--smtc-ctrl-segmented-padding-pressed";
+
+// @public (undocumented)
+export const ctrlSegmentedPaddingRest = "var(--smtc-ctrl-segmented-padding-rest)";
+
+// @public (undocumented)
+export const ctrlSegmentedPaddingRestRaw = "--smtc-ctrl-segmented-padding-rest";
+
+// @public (undocumented)
+export const ctrlSegmentedSmCornerHover = "var(--smtc-ctrl-segmented-sm-corner-hover, var(--smtc-corner-ctrl-sm-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedSmCornerHoverRaw = "--smtc-ctrl-segmented-sm-corner-hover";
+
+// @public (undocumented)
+export const ctrlSegmentedSmCornerPressed = "var(--smtc-ctrl-segmented-sm-corner-pressed, var(--smtc-corner-ctrl-sm-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedSmCornerPressedRaw = "--smtc-ctrl-segmented-sm-corner-pressed";
+
+// @public (undocumented)
+export const ctrlSegmentedSmCornerRest = "var(--smtc-ctrl-segmented-sm-corner-rest, var(--smtc-corner-ctrl-sm-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedSmCornerRestRaw = "--smtc-ctrl-segmented-sm-corner-rest";
+
+// @public (undocumented)
+export const ctrlSegmentedSmItemCornerHover = "var(--smtc-ctrl-segmented-sm-item-corner-hover)";
+
+// @public (undocumented)
+export const ctrlSegmentedSmItemCornerHoverRaw = "--smtc-ctrl-segmented-sm-item-corner-hover";
+
+// @public (undocumented)
+export const ctrlSegmentedSmItemCornerPressed = "var(--smtc-ctrl-segmented-sm-item-corner-pressed)";
+
+// @public (undocumented)
+export const ctrlSegmentedSmItemCornerPressedRaw = "--smtc-ctrl-segmented-sm-item-corner-pressed";
+
+// @public (undocumented)
+export const ctrlSegmentedSmItemCornerRest = "var(--smtc-ctrl-segmented-sm-item-corner-rest)";
+
+// @public (undocumented)
+export const ctrlSegmentedSmItemCornerRestRaw = "--smtc-ctrl-segmented-sm-item-corner-rest";
+
+// @public (undocumented)
+export const ctrlSegmentedSmPaddingHover = "var(--smtc-ctrl-segmented-sm-padding-hover, var(--smtc-ctrl-segmented-sm-padding-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedSmPaddingHoverRaw = "--smtc-ctrl-segmented-sm-padding-hover";
+
+// @public (undocumented)
+export const ctrlSegmentedSmPaddingPressed = "var(--smtc-ctrl-segmented-sm-padding-pressed, var(--smtc-ctrl-segmented-sm-padding-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedSmPaddingPressedRaw = "--smtc-ctrl-segmented-sm-padding-pressed";
+
+// @public (undocumented)
+export const ctrlSegmentedSmPaddingRest = "var(--smtc-ctrl-segmented-sm-padding-rest)";
+
+// @public (undocumented)
+export const ctrlSegmentedSmPaddingRestRaw = "--smtc-ctrl-segmented-sm-padding-rest";
+
+// @public (undocumented)
+export const ctrlSegmentedStrokeDisabled = "var(--smtc-ctrl-segmented-stroke-disabled, var(--smtc-foreground-ctrl-neutral-secondary-disabled))";
+
+// @public (undocumented)
+export const ctrlSegmentedStrokeDisabledRaw = "--smtc-ctrl-segmented-stroke-disabled";
+
+// @public (undocumented)
+export const ctrlSegmentedStrokeHover = "var(--smtc-ctrl-segmented-stroke-hover, var(--smtc-foreground-ctrl-neutral-secondary-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedStrokeHoverRaw = "--smtc-ctrl-segmented-stroke-hover";
+
+// @public (undocumented)
+export const ctrlSegmentedStrokePressed = "var(--smtc-ctrl-segmented-stroke-pressed, var(--smtc-foreground-ctrl-neutral-secondary-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedStrokePressedRaw = "--smtc-ctrl-segmented-stroke-pressed";
+
+// @public (undocumented)
+export const ctrlSegmentedStrokeRest = "var(--smtc-ctrl-segmented-stroke-rest, var(--smtc-foreground-ctrl-neutral-secondary-rest))";
+
+// @public (undocumented)
+export const ctrlSegmentedStrokeRestRaw = "--smtc-ctrl-segmented-stroke-rest";
+
+// @public (undocumented)
+export const ctrlSliderBarCorner = "var(--smtc-ctrl-slider-bar-corner, var(--smtc-corner-circular))";
+
+// @public (undocumented)
+export const ctrlSliderBarCornerRaw = "--smtc-ctrl-slider-bar-corner";
+
+// @public (undocumented)
+export const ctrlSliderBarForegroundEmptyDisabled = "var(--smtc-ctrl-slider-bar-foreground-empty-disabled, var(--smtc-ctrl-progress-background-empty))";
+
+// @public (undocumented)
+export const ctrlSliderBarForegroundEmptyDisabledRaw = "--smtc-ctrl-slider-bar-foreground-empty-disabled";
+
+// @public (undocumented)
+export const ctrlSliderBarForegroundEmptyHover = "var(--smtc-ctrl-slider-bar-foreground-empty-hover, var(--smtc-ctrl-progress-background-empty))";
+
+// @public (undocumented)
+export const ctrlSliderBarForegroundEmptyHoverRaw = "--smtc-ctrl-slider-bar-foreground-empty-hover";
+
+// @public (undocumented)
+export const ctrlSliderBarForegroundEmptyPressed = "var(--smtc-ctrl-slider-bar-foreground-empty-pressed, var(--smtc-ctrl-progress-background-empty))";
+
+// @public (undocumented)
+export const ctrlSliderBarForegroundEmptyPressedRaw = "--smtc-ctrl-slider-bar-foreground-empty-pressed";
+
+// @public (undocumented)
+export const ctrlSliderBarForegroundEmptyRest = "var(--smtc-ctrl-slider-bar-foreground-empty-rest, var(--smtc-ctrl-progress-background-empty))";
+
+// @public (undocumented)
+export const ctrlSliderBarForegroundEmptyRestRaw = "--smtc-ctrl-slider-bar-foreground-empty-rest";
+
+// @public (undocumented)
+export const ctrlSliderBarForegroundFilledDisabled = "var(--smtc-ctrl-slider-bar-foreground-filled-disabled, var(--smtc-background-ctrl-brand-disabled))";
+
+// @public (undocumented)
+export const ctrlSliderBarForegroundFilledDisabledRaw = "--smtc-ctrl-slider-bar-foreground-filled-disabled";
+
+// @public (undocumented)
+export const ctrlSliderBarForegroundFilledHover = "var(--smtc-ctrl-slider-bar-foreground-filled-hover, var(--smtc-background-ctrl-brand-hover))";
+
+// @public (undocumented)
+export const ctrlSliderBarForegroundFilledHoverRaw = "--smtc-ctrl-slider-bar-foreground-filled-hover";
+
+// @public (undocumented)
+export const ctrlSliderBarForegroundFilledPressed = "var(--smtc-ctrl-slider-bar-foreground-filled-pressed, var(--smtc-background-ctrl-brand-pressed))";
+
+// @public (undocumented)
+export const ctrlSliderBarForegroundFilledPressedRaw = "--smtc-ctrl-slider-bar-foreground-filled-pressed";
+
+// @public (undocumented)
+export const ctrlSliderBarForegroundFilledRest = "var(--smtc-ctrl-slider-bar-foreground-filled-rest, var(--smtc-background-ctrl-brand-rest))";
+
+// @public (undocumented)
+export const ctrlSliderBarForegroundFilledRestRaw = "--smtc-ctrl-slider-bar-foreground-filled-rest";
+
+// @public (undocumented)
+export const ctrlSliderBarHeight = "var(--smtc-ctrl-slider-bar-height, var(--smtc-ctrl-progress-height-filled))";
+
+// @public (undocumented)
+export const ctrlSliderBarHeightRaw = "--smtc-ctrl-slider-bar-height";
+
+// @public (undocumented)
+export const ctrlSliderLgBarHeight = "var(--smtc-ctrl-slider-lg-bar-height, var(--smtc-ctrl-progress-lg-height-filled))";
+
+// @public (undocumented)
+export const ctrlSliderLgBarHeightRaw = "--smtc-ctrl-slider-lg-bar-height";
+
+// @public (undocumented)
+export const ctrlSliderLgThumbSizeHover = "var(--smtc-ctrl-slider-lg-thumb-size-hover, var(--smtc-size-ctrl-lg-icon))";
+
+// @public (undocumented)
+export const ctrlSliderLgThumbSizeHoverRaw = "--smtc-ctrl-slider-lg-thumb-size-hover";
+
+// @public (undocumented)
+export const ctrlSliderLgThumbSizePressed = "var(--smtc-ctrl-slider-lg-thumb-size-pressed, var(--smtc-size-ctrl-lg-icon))";
+
+// @public (undocumented)
+export const ctrlSliderLgThumbSizePressedRaw = "--smtc-ctrl-slider-lg-thumb-size-pressed";
+
+// @public (undocumented)
+export const ctrlSliderLgThumbSizeRest = "var(--smtc-ctrl-slider-lg-thumb-size-rest, var(--smtc-size-ctrl-lg-icon))";
+
+// @public (undocumented)
+export const ctrlSliderLgThumbSizeRestRaw = "--smtc-ctrl-slider-lg-thumb-size-rest";
+
+// @public (undocumented)
+export const ctrlSliderSmBarHeight = "var(--smtc-ctrl-slider-sm-bar-height, var(--smtc-ctrl-progress-sm-height-filled))";
+
+// @public (undocumented)
+export const ctrlSliderSmBarHeightRaw = "--smtc-ctrl-slider-sm-bar-height";
+
+// @public (undocumented)
+export const ctrlSliderSmThumbSizeHover = "var(--smtc-ctrl-slider-sm-thumb-size-hover, var(--smtc-size-ctrl-sm-icon))";
+
+// @public (undocumented)
+export const ctrlSliderSmThumbSizeHoverRaw = "--smtc-ctrl-slider-sm-thumb-size-hover";
+
+// @public (undocumented)
+export const ctrlSliderSmThumbSizePressed = "var(--smtc-ctrl-slider-sm-thumb-size-pressed, var(--smtc-size-ctrl-sm-icon))";
+
+// @public (undocumented)
+export const ctrlSliderSmThumbSizePressedRaw = "--smtc-ctrl-slider-sm-thumb-size-pressed";
+
+// @public (undocumented)
+export const ctrlSliderSmThumbSizeRest = "var(--smtc-ctrl-slider-sm-thumb-size-rest, var(--smtc-size-ctrl-sm-icon))";
+
+// @public (undocumented)
+export const ctrlSliderSmThumbSizeRestRaw = "--smtc-ctrl-slider-sm-thumb-size-rest";
+
+// @public (undocumented)
+export const ctrlSliderThumbBackgroundDisabled = "var(--smtc-ctrl-slider-thumb-background-disabled, var(--smtc-foreground-ctrl-onbrand-disabled))";
+
+// @public (undocumented)
+export const ctrlSliderThumbBackgroundDisabledRaw = "--smtc-ctrl-slider-thumb-background-disabled";
+
+// @public (undocumented)
+export const ctrlSliderThumbBackgroundHover = "var(--smtc-ctrl-slider-thumb-background-hover, var(--smtc-foreground-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const ctrlSliderThumbBackgroundHoverRaw = "--smtc-ctrl-slider-thumb-background-hover";
+
+// @public (undocumented)
+export const ctrlSliderThumbBackgroundPressed = "var(--smtc-ctrl-slider-thumb-background-pressed, var(--smtc-foreground-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const ctrlSliderThumbBackgroundPressedRaw = "--smtc-ctrl-slider-thumb-background-pressed";
+
+// @public (undocumented)
+export const ctrlSliderThumbBackgroundRest = "var(--smtc-ctrl-slider-thumb-background-rest, var(--smtc-foreground-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const ctrlSliderThumbBackgroundRestRaw = "--smtc-ctrl-slider-thumb-background-rest";
+
+// @public (undocumented)
+export const ctrlSliderThumbCorner = "var(--smtc-ctrl-slider-thumb-corner, var(--smtc-corner-circular))";
+
+// @public (undocumented)
+export const ctrlSliderThumbCornerRaw = "--smtc-ctrl-slider-thumb-corner";
+
+// @public (undocumented)
+export const ctrlSliderThumbInnerStrokeDisabled = "var(--smtc-ctrl-slider-thumb-inner-stroke-disabled, var(--smtc-background-ctrl-brand-disabled))";
+
+// @public (undocumented)
+export const ctrlSliderThumbInnerStrokeDisabledRaw = "--smtc-ctrl-slider-thumb-inner-stroke-disabled";
+
+// @public (undocumented)
+export const ctrlSliderThumbInnerStrokeHover = "var(--smtc-ctrl-slider-thumb-inner-stroke-hover, var(--smtc-background-ctrl-brand-hover))";
+
+// @public (undocumented)
+export const ctrlSliderThumbInnerStrokeHoverRaw = "--smtc-ctrl-slider-thumb-inner-stroke-hover";
+
+// @public (undocumented)
+export const ctrlSliderThumbInnerStrokePressed = "var(--smtc-ctrl-slider-thumb-inner-stroke-pressed, var(--smtc-background-ctrl-brand-pressed))";
+
+// @public (undocumented)
+export const ctrlSliderThumbInnerStrokePressedRaw = "--smtc-ctrl-slider-thumb-inner-stroke-pressed";
+
+// @public (undocumented)
+export const ctrlSliderThumbInnerStrokeRest = "var(--smtc-ctrl-slider-thumb-inner-stroke-rest, var(--smtc-background-ctrl-brand-rest))";
+
+// @public (undocumented)
+export const ctrlSliderThumbInnerStrokeRestRaw = "--smtc-ctrl-slider-thumb-inner-stroke-rest";
+
+// @public (undocumented)
+export const ctrlSliderThumbInnerStrokewidthHover = "var(--smtc-ctrl-slider-thumb-inner-strokewidth-hover, var(--smtc-ctrl-slider-thumb-inner-strokewidth-rest))";
+
+// @public (undocumented)
+export const ctrlSliderThumbInnerStrokewidthHoverRaw = "--smtc-ctrl-slider-thumb-inner-strokewidth-hover";
+
+// @public (undocumented)
+export const ctrlSliderThumbInnerStrokewidthPressed = "var(--smtc-ctrl-slider-thumb-inner-strokewidth-pressed, var(--smtc-ctrl-slider-thumb-inner-strokewidth-rest))";
+
+// @public (undocumented)
+export const ctrlSliderThumbInnerStrokewidthPressedRaw = "--smtc-ctrl-slider-thumb-inner-strokewidth-pressed";
+
+// @public (undocumented)
+export const ctrlSliderThumbInnerStrokewidthRest = "var(--smtc-ctrl-slider-thumb-inner-strokewidth-rest)";
+
+// @public (undocumented)
+export const ctrlSliderThumbInnerStrokewidthRestRaw = "--smtc-ctrl-slider-thumb-inner-strokewidth-rest";
+
+// @public (undocumented)
+export const ctrlSliderThumbOuterStrokeDisabled = "var(--smtc-ctrl-slider-thumb-outer-stroke-disabled, var(--smtc-background-ctrl-brand-disabled))";
+
+// @public (undocumented)
+export const ctrlSliderThumbOuterStrokeDisabledRaw = "--smtc-ctrl-slider-thumb-outer-stroke-disabled";
+
+// @public (undocumented)
+export const ctrlSliderThumbOuterStrokeHover = "var(--smtc-ctrl-slider-thumb-outer-stroke-hover, var(--smtc-background-ctrl-brand-hover))";
+
+// @public (undocumented)
+export const ctrlSliderThumbOuterStrokeHoverRaw = "--smtc-ctrl-slider-thumb-outer-stroke-hover";
+
+// @public (undocumented)
+export const ctrlSliderThumbOuterStrokePressed = "var(--smtc-ctrl-slider-thumb-outer-stroke-pressed, var(--smtc-background-ctrl-brand-pressed))";
+
+// @public (undocumented)
+export const ctrlSliderThumbOuterStrokePressedRaw = "--smtc-ctrl-slider-thumb-outer-stroke-pressed";
+
+// @public (undocumented)
+export const ctrlSliderThumbOuterStrokeRest = "var(--smtc-ctrl-slider-thumb-outer-stroke-rest, var(--smtc-background-ctrl-brand-rest))";
+
+// @public (undocumented)
+export const ctrlSliderThumbOuterStrokeRestRaw = "--smtc-ctrl-slider-thumb-outer-stroke-rest";
+
+// @public (undocumented)
+export const ctrlSliderThumbOuterStrokewidth = "var(--smtc-ctrl-slider-thumb-outer-strokewidth, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const ctrlSliderThumbOuterStrokewidthRaw = "--smtc-ctrl-slider-thumb-outer-strokewidth";
+
+// @public (undocumented)
+export const ctrlSliderThumbSizeHover = "var(--smtc-ctrl-slider-thumb-size-hover, var(--smtc-size-ctrl-icon))";
+
+// @public (undocumented)
+export const ctrlSliderThumbSizeHoverRaw = "--smtc-ctrl-slider-thumb-size-hover";
+
+// @public (undocumented)
+export const ctrlSliderThumbSizePressed = "var(--smtc-ctrl-slider-thumb-size-pressed, var(--smtc-size-ctrl-icon))";
+
+// @public (undocumented)
+export const ctrlSliderThumbSizePressedRaw = "--smtc-ctrl-slider-thumb-size-pressed";
+
+// @public (undocumented)
+export const ctrlSliderThumbSizeRest = "var(--smtc-ctrl-slider-thumb-size-rest, var(--smtc-size-ctrl-icon))";
+
+// @public (undocumented)
+export const ctrlSliderThumbSizeRestRaw = "--smtc-ctrl-slider-thumb-size-rest";
+
+// @public (undocumented)
+export const ctrlSpinnerShowemptytrack = "var(--smtc-ctrl-spinner-showemptytrack)";
+
+// @public (undocumented)
+export const ctrlSpinnerShowemptytrackRaw = "--smtc-ctrl-spinner-showemptytrack";
+
+// @public (undocumented)
+export const ctrlSpinnerStrokewidth = "var(--smtc-ctrl-spinner-strokewidth, var(--smtc-ctrl-progress-height-filled))";
+
+// @public (undocumented)
+export const ctrlSpinnerStrokewidthRaw = "--smtc-ctrl-spinner-strokewidth";
+
+// @public (undocumented)
+export const ctrlSplitDividerStrokewidth = "var(--smtc-ctrl-split-divider-strokewidth, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const ctrlSplitDividerStrokewidthOnoutline = "var(--smtc-ctrl-split-divider-strokewidth-onoutline, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const ctrlSplitDividerStrokewidthOnoutlineRaw = "--smtc-ctrl-split-divider-strokewidth-onoutline";
+
+// @public (undocumented)
+export const ctrlSplitDividerStrokewidthOnsubtle = "var(--smtc-ctrl-split-divider-strokewidth-onsubtle, unset)";
+
+// @public (undocumented)
+export const ctrlSplitDividerStrokewidthOnsubtleRaw = "--smtc-ctrl-split-divider-strokewidth-onsubtle";
+
+// @public (undocumented)
+export const ctrlSplitDividerStrokewidthRaw = "--smtc-ctrl-split-divider-strokewidth";
+
+// @public (undocumented)
+export const ctrlTooltipBackground = "var(--smtc-ctrl-tooltip-background)";
+
+// @public (undocumented)
+export const ctrlTooltipBackgroundRaw = "--smtc-ctrl-tooltip-background";
+
+// @public (undocumented)
+export const ctrlTooltipCorner = "var(--smtc-ctrl-tooltip-corner, var(--smtc-corner-ctrl-rest))";
+
+// @public (undocumented)
+export const ctrlTooltipCornerRaw = "--smtc-ctrl-tooltip-corner";
+
+// @public (undocumented)
+export const ctrlTooltipForeground = "var(--smtc-ctrl-tooltip-foreground)";
+
+// @public (undocumented)
+export const ctrlTooltipForegroundRaw = "--smtc-ctrl-tooltip-foreground";
+
+// @public (undocumented)
+export const ctrlTooltipShadowAmbientBlur = "var(--smtc-ctrl-tooltip-shadow-ambient-blur, var(--smtc-ctrl-fab-shadow-rest-ambient-blur))";
+
+// @public (undocumented)
+export const ctrlTooltipShadowAmbientBlurRaw = "--smtc-ctrl-tooltip-shadow-ambient-blur";
+
+// @public (undocumented)
+export const ctrlTooltipShadowAmbientColor = "var(--smtc-ctrl-tooltip-shadow-ambient-color, var(--smtc-ctrl-fab-shadow-rest-ambient-color))";
+
+// @public (undocumented)
+export const ctrlTooltipShadowAmbientColorRaw = "--smtc-ctrl-tooltip-shadow-ambient-color";
+
+// @public (undocumented)
+export const ctrlTooltipShadowAmbientX = "var(--smtc-ctrl-tooltip-shadow-ambient-x, var(--smtc-ctrl-fab-shadow-rest-ambient-x))";
+
+// @public (undocumented)
+export const ctrlTooltipShadowAmbientXRaw = "--smtc-ctrl-tooltip-shadow-ambient-x";
+
+// @public (undocumented)
+export const ctrlTooltipShadowAmbientY = "var(--smtc-ctrl-tooltip-shadow-ambient-y, var(--smtc-ctrl-fab-shadow-rest-ambient-y))";
+
+// @public (undocumented)
+export const ctrlTooltipShadowAmbientYRaw = "--smtc-ctrl-tooltip-shadow-ambient-y";
+
+// @public (undocumented)
+export const ctrlTooltipShadowKeyBlur = "var(--smtc-ctrl-tooltip-shadow-key-blur, var(--smtc-ctrl-fab-shadow-rest-key-blur))";
+
+// @public (undocumented)
+export const ctrlTooltipShadowKeyBlurRaw = "--smtc-ctrl-tooltip-shadow-key-blur";
+
+// @public (undocumented)
+export const ctrlTooltipShadowKeyColor = "var(--smtc-ctrl-tooltip-shadow-key-color, var(--smtc-ctrl-fab-shadow-rest-key-color))";
+
+// @public (undocumented)
+export const ctrlTooltipShadowKeyColorRaw = "--smtc-ctrl-tooltip-shadow-key-color";
+
+// @public (undocumented)
+export const ctrlTooltipShadowKeyX = "var(--smtc-ctrl-tooltip-shadow-key-x, var(--smtc-ctrl-fab-shadow-rest-key-x))";
+
+// @public (undocumented)
+export const ctrlTooltipShadowKeyXRaw = "--smtc-ctrl-tooltip-shadow-key-x";
+
+// @public (undocumented)
+export const ctrlTooltipShadowKeyY = "var(--smtc-ctrl-tooltip-shadow-key-y, var(--smtc-ctrl-fab-shadow-rest-key-y))";
+
+// @public (undocumented)
+export const ctrlTooltipShadowKeyYRaw = "--smtc-ctrl-tooltip-shadow-key-y";
+
+// @public (undocumented)
+export const foregroundContentBrandPrimary = "var(--smtc-foreground-content-brand-primary, var(--smtc-foreground-ctrl-brand-rest))";
+
+// @public (undocumented)
+export const foregroundContentBrandPrimaryRaw = "--smtc-foreground-content-brand-primary";
+
+// @public (undocumented)
+export const foregroundContentNeutralPrimary = "var(--smtc-foreground-content-neutral-primary, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundContentNeutralPrimaryRaw = "--smtc-foreground-content-neutral-primary";
+
+// @public (undocumented)
+export const foregroundContentNeutralSecondary = "var(--smtc-foreground-content-neutral-secondary, var(--smtc-foreground-ctrl-neutral-secondary-rest))";
+
+// @public (undocumented)
+export const foregroundContentNeutralSecondaryRaw = "--smtc-foreground-content-neutral-secondary";
+
+// @public (undocumented)
+export const foregroundCtrlActivebrandDisabled = "var(--smtc-foreground-ctrl-activebrand-disabled, var(--smtc-foreground-ctrl-brand-disabled))";
+
+// @public (undocumented)
+export const foregroundCtrlActivebrandDisabledRaw = "--smtc-foreground-ctrl-activebrand-disabled";
+
+// @public (undocumented)
+export const foregroundCtrlActivebrandHover = "var(--smtc-foreground-ctrl-activebrand-hover, var(--smtc-foreground-ctrl-brand-hover))";
+
+// @public (undocumented)
+export const foregroundCtrlActivebrandHoverRaw = "--smtc-foreground-ctrl-activebrand-hover";
+
+// @public (undocumented)
+export const foregroundCtrlActivebrandPressed = "var(--smtc-foreground-ctrl-activebrand-pressed, var(--smtc-foreground-ctrl-brand-pressed))";
+
+// @public (undocumented)
+export const foregroundCtrlActivebrandPressedRaw = "--smtc-foreground-ctrl-activebrand-pressed";
+
+// @public (undocumented)
+export const foregroundCtrlActivebrandRest = "var(--smtc-foreground-ctrl-activebrand-rest, var(--smtc-foreground-ctrl-brand-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlActivebrandRestRaw = "--smtc-foreground-ctrl-activebrand-rest";
+
+// @public (undocumented)
+export const foregroundCtrlBrandDisabled = "var(--smtc-foreground-ctrl-brand-disabled)";
+
+// @public (undocumented)
+export const foregroundCtrlBrandDisabledRaw = "--smtc-foreground-ctrl-brand-disabled";
+
+// @public (undocumented)
+export const foregroundCtrlBrandHover = "var(--smtc-foreground-ctrl-brand-hover)";
+
+// @public (undocumented)
+export const foregroundCtrlBrandHoverRaw = "--smtc-foreground-ctrl-brand-hover";
+
+// @public (undocumented)
+export const foregroundCtrlBrandPressed = "var(--smtc-foreground-ctrl-brand-pressed)";
+
+// @public (undocumented)
+export const foregroundCtrlBrandPressedRaw = "--smtc-foreground-ctrl-brand-pressed";
+
+// @public (undocumented)
+export const foregroundCtrlBrandRest = "var(--smtc-foreground-ctrl-brand-rest)";
+
+// @public (undocumented)
+export const foregroundCtrlBrandRestRaw = "--smtc-foreground-ctrl-brand-rest";
+
+// @public (undocumented)
+export const foregroundCtrlHintDefault = "var(--smtc-foreground-ctrl-hint-default, unset)";
+
+// @public (undocumented)
+export const foregroundCtrlHintDefaultRaw = "--smtc-foreground-ctrl-hint-default";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnneutralDisabled = "var(--smtc-foreground-ctrl-icon-onneutral-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnneutralDisabledRaw = "--smtc-foreground-ctrl-icon-onneutral-disabled";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnneutralHover = "var(--smtc-foreground-ctrl-icon-onneutral-hover, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnneutralHoverRaw = "--smtc-foreground-ctrl-icon-onneutral-hover";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnneutralPressed = "var(--smtc-foreground-ctrl-icon-onneutral-pressed, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnneutralPressedRaw = "--smtc-foreground-ctrl-icon-onneutral-pressed";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnneutralRest = "var(--smtc-foreground-ctrl-icon-onneutral-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnneutralRestRaw = "--smtc-foreground-ctrl-icon-onneutral-rest";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnoutlineDisabled = "var(--smtc-foreground-ctrl-icon-onoutline-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnoutlineDisabledRaw = "--smtc-foreground-ctrl-icon-onoutline-disabled";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnoutlineHover = "var(--smtc-foreground-ctrl-icon-onoutline-hover, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnoutlineHoverRaw = "--smtc-foreground-ctrl-icon-onoutline-hover";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnoutlinePressed = "var(--smtc-foreground-ctrl-icon-onoutline-pressed, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnoutlinePressedRaw = "--smtc-foreground-ctrl-icon-onoutline-pressed";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnoutlineRest = "var(--smtc-foreground-ctrl-icon-onoutline-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnoutlineRestRaw = "--smtc-foreground-ctrl-icon-onoutline-rest";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnsubtleDisabled = "var(--smtc-foreground-ctrl-icon-onsubtle-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnsubtleDisabledRaw = "--smtc-foreground-ctrl-icon-onsubtle-disabled";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnsubtleHover = "var(--smtc-foreground-ctrl-icon-onsubtle-hover, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnsubtleHoverRaw = "--smtc-foreground-ctrl-icon-onsubtle-hover";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnsubtlePressed = "var(--smtc-foreground-ctrl-icon-onsubtle-pressed, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnsubtlePressedRaw = "--smtc-foreground-ctrl-icon-onsubtle-pressed";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnsubtleRest = "var(--smtc-foreground-ctrl-icon-onsubtle-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlIconOnsubtleRestRaw = "--smtc-foreground-ctrl-icon-onsubtle-rest";
+
+// @public (undocumented)
+export const foregroundCtrlNeutralPrimaryDisabled = "var(--smtc-foreground-ctrl-neutral-primary-disabled, var(--colorNeutralForegroundDisabled))";
+
+// @public (undocumented)
+export const foregroundCtrlNeutralPrimaryDisabledRaw = "--smtc-foreground-ctrl-neutral-primary-disabled";
+
+// @public (undocumented)
+export const foregroundCtrlNeutralPrimaryHover = "var(--smtc-foreground-ctrl-neutral-primary-hover, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlNeutralPrimaryHoverRaw = "--smtc-foreground-ctrl-neutral-primary-hover";
+
+// @public (undocumented)
+export const foregroundCtrlNeutralPrimaryPressed = "var(--smtc-foreground-ctrl-neutral-primary-pressed, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlNeutralPrimaryPressedRaw = "--smtc-foreground-ctrl-neutral-primary-pressed";
+
+// @public (undocumented)
+export const foregroundCtrlNeutralPrimaryRest = "var(--smtc-foreground-ctrl-neutral-primary-rest)";
+
+// @public (undocumented)
+export const foregroundCtrlNeutralPrimaryRestRaw = "--smtc-foreground-ctrl-neutral-primary-rest";
+
+// @public (undocumented)
+export const foregroundCtrlNeutralSecondaryDisabled = "var(--smtc-foreground-ctrl-neutral-secondary-disabled)";
+
+// @public (undocumented)
+export const foregroundCtrlNeutralSecondaryDisabledRaw = "--smtc-foreground-ctrl-neutral-secondary-disabled";
+
+// @public (undocumented)
+export const foregroundCtrlNeutralSecondaryHover = "var(--smtc-foreground-ctrl-neutral-secondary-hover, var(--smtc-foreground-ctrl-neutral-secondary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlNeutralSecondaryHoverRaw = "--smtc-foreground-ctrl-neutral-secondary-hover";
+
+// @public (undocumented)
+export const foregroundCtrlNeutralSecondaryPressed = "var(--smtc-foreground-ctrl-neutral-secondary-pressed, var(--smtc-foreground-ctrl-neutral-secondary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlNeutralSecondaryPressedRaw = "--smtc-foreground-ctrl-neutral-secondary-pressed";
+
+// @public (undocumented)
+export const foregroundCtrlNeutralSecondaryRest = "var(--smtc-foreground-ctrl-neutral-secondary-rest)";
+
+// @public (undocumented)
+export const foregroundCtrlNeutralSecondaryRestRaw = "--smtc-foreground-ctrl-neutral-secondary-rest";
+
+// @public (undocumented)
+export const foregroundCtrlOnactivebrandDisabled = "var(--smtc-foreground-ctrl-onactivebrand-disabled, var(--smtc-foreground-ctrl-onbrand-disabled))";
+
+// @public (undocumented)
+export const foregroundCtrlOnactivebrandDisabledRaw = "--smtc-foreground-ctrl-onactivebrand-disabled";
+
+// @public (undocumented)
+export const foregroundCtrlOnactivebrandHover = "var(--smtc-foreground-ctrl-onactivebrand-hover, var(--smtc-foreground-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlOnactivebrandHoverRaw = "--smtc-foreground-ctrl-onactivebrand-hover";
+
+// @public (undocumented)
+export const foregroundCtrlOnactivebrandPressed = "var(--smtc-foreground-ctrl-onactivebrand-pressed, var(--smtc-foreground-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlOnactivebrandPressedRaw = "--smtc-foreground-ctrl-onactivebrand-pressed";
+
+// @public (undocumented)
+export const foregroundCtrlOnactivebrandRest = "var(--smtc-foreground-ctrl-onactivebrand-rest, var(--smtc-foreground-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlOnactivebrandRestRaw = "--smtc-foreground-ctrl-onactivebrand-rest";
+
+// @public (undocumented)
+export const foregroundCtrlOnbrandDisabled = "var(--smtc-foreground-ctrl-onbrand-disabled)";
+
+// @public (undocumented)
+export const foregroundCtrlOnbrandDisabledRaw = "--smtc-foreground-ctrl-onbrand-disabled";
+
+// @public (undocumented)
+export const foregroundCtrlOnbrandHover = "var(--smtc-foreground-ctrl-onbrand-hover, var(--smtc-foreground-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlOnbrandHoverRaw = "--smtc-foreground-ctrl-onbrand-hover";
+
+// @public (undocumented)
+export const foregroundCtrlOnbrandPressed = "var(--smtc-foreground-ctrl-onbrand-pressed, var(--smtc-foreground-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlOnbrandPressedRaw = "--smtc-foreground-ctrl-onbrand-pressed";
+
+// @public (undocumented)
+export const foregroundCtrlOnbrandRest = "var(--smtc-foreground-ctrl-onbrand-rest)";
+
+// @public (undocumented)
+export const foregroundCtrlOnbrandRestRaw = "--smtc-foreground-ctrl-onbrand-rest";
+
+// @public (undocumented)
+export const foregroundCtrlOnoutlineDisabled = "var(--smtc-foreground-ctrl-onoutline-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))";
+
+// @public (undocumented)
+export const foregroundCtrlOnoutlineDisabledRaw = "--smtc-foreground-ctrl-onoutline-disabled";
+
+// @public (undocumented)
+export const foregroundCtrlOnoutlineHover = "var(--smtc-foreground-ctrl-onoutline-hover, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlOnoutlineHoverRaw = "--smtc-foreground-ctrl-onoutline-hover";
+
+// @public (undocumented)
+export const foregroundCtrlOnoutlinePressed = "var(--smtc-foreground-ctrl-onoutline-pressed, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlOnoutlinePressedRaw = "--smtc-foreground-ctrl-onoutline-pressed";
+
+// @public (undocumented)
+export const foregroundCtrlOnoutlineRest = "var(--smtc-foreground-ctrl-onoutline-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlOnoutlineRestRaw = "--smtc-foreground-ctrl-onoutline-rest";
+
+// @public (undocumented)
+export const foregroundCtrlOnsubtleDisabled = "var(--smtc-foreground-ctrl-onsubtle-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))";
+
+// @public (undocumented)
+export const foregroundCtrlOnsubtleDisabledRaw = "--smtc-foreground-ctrl-onsubtle-disabled";
+
+// @public (undocumented)
+export const foregroundCtrlOnsubtleHover = "var(--smtc-foreground-ctrl-onsubtle-hover, var(--smtc-foreground-ctrl-neutral-primary-hover))";
+
+// @public (undocumented)
+export const foregroundCtrlOnsubtleHoverRaw = "--smtc-foreground-ctrl-onsubtle-hover";
+
+// @public (undocumented)
+export const foregroundCtrlOnsubtlePressed = "var(--smtc-foreground-ctrl-onsubtle-pressed, var(--smtc-foreground-ctrl-neutral-primary-pressed))";
+
+// @public (undocumented)
+export const foregroundCtrlOnsubtlePressedRaw = "--smtc-foreground-ctrl-onsubtle-pressed";
+
+// @public (undocumented)
+export const foregroundCtrlOnsubtleRest = "var(--smtc-foreground-ctrl-onsubtle-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlOnsubtleRestRaw = "--smtc-foreground-ctrl-onsubtle-rest";
+
+// @public (undocumented)
+export const foregroundCtrlOntransparentDisabled = "var(--smtc-foreground-ctrl-ontransparent-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))";
+
+// @public (undocumented)
+export const foregroundCtrlOntransparentDisabledRaw = "--smtc-foreground-ctrl-ontransparent-disabled";
+
+// @public (undocumented)
+export const foregroundCtrlOntransparentHover = "var(--smtc-foreground-ctrl-ontransparent-hover, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlOntransparentHoverRaw = "--smtc-foreground-ctrl-ontransparent-hover";
+
+// @public (undocumented)
+export const foregroundCtrlOntransparentPressed = "var(--smtc-foreground-ctrl-ontransparent-pressed, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlOntransparentPressedRaw = "--smtc-foreground-ctrl-ontransparent-pressed";
+
+// @public (undocumented)
+export const foregroundCtrlOntransparentRest = "var(--smtc-foreground-ctrl-ontransparent-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))";
+
+// @public (undocumented)
+export const foregroundCtrlOntransparentRestRaw = "--smtc-foreground-ctrl-ontransparent-rest";
+
+// @public (undocumented)
+export const gapBetweenContentLarge = "var(--smtc-gap-between-content-large)";
+
+// @public (undocumented)
+export const gapBetweenContentLargeRaw = "--smtc-gap-between-content-large";
+
+// @public (undocumented)
+export const gapBetweenContentMedium = "var(--smtc-gap-between-content-medium)";
+
+// @public (undocumented)
+export const gapBetweenContentMediumRaw = "--smtc-gap-between-content-medium";
+
+// @public (undocumented)
+export const gapBetweenContentNone = "var(--smtc-gap-between-content-none)";
+
+// @public (undocumented)
+export const gapBetweenContentNoneRaw = "--smtc-gap-between-content-none";
+
+// @public (undocumented)
+export const gapBetweenContentSmall = "var(--smtc-gap-between-content-small)";
+
+// @public (undocumented)
+export const gapBetweenContentSmallRaw = "--smtc-gap-between-content-small";
+
+// @public (undocumented)
+export const gapBetweenContentXlarge = "var(--smtc-gap-between-content-xlarge)";
+
+// @public (undocumented)
+export const gapBetweenContentXlargeRaw = "--smtc-gap-between-content-xlarge";
+
+// @public (undocumented)
+export const gapBetweenContentXsmall = "var(--smtc-gap-between-content-xsmall)";
+
+// @public (undocumented)
+export const gapBetweenContentXsmallRaw = "--smtc-gap-between-content-xsmall";
+
+// @public (undocumented)
+export const gapBetweenContentXxlarge = "var(--smtc-gap-between-content-xxlarge)";
+
+// @public (undocumented)
+export const gapBetweenContentXxlargeRaw = "--smtc-gap-between-content-xxlarge";
+
+// @public (undocumented)
+export const gapBetweenContentXxsmall = "var(--smtc-gap-between-content-xxsmall)";
+
+// @public (undocumented)
+export const gapBetweenContentXxsmallRaw = "--smtc-gap-between-content-xxsmall";
+
+// @public (undocumented)
+export const gapBetweenCtrlDefault = "var(--smtc-gap-between-ctrl-default)";
+
+// @public (undocumented)
+export const gapBetweenCtrlDefaultRaw = "--smtc-gap-between-ctrl-default";
+
+// @public (undocumented)
+export const gapBetweenCtrlLgDefault = "var(--smtc-gap-between-ctrl-lg-default)";
+
+// @public (undocumented)
+export const gapBetweenCtrlLgDefaultRaw = "--smtc-gap-between-ctrl-lg-default";
+
+// @public (undocumented)
+export const gapBetweenCtrlLgNested = "var(--smtc-gap-between-ctrl-lg-nested, var(--smtc-padding-ctrl-lg-tonestedcontrol))";
+
+// @public (undocumented)
+export const gapBetweenCtrlLgNestedRaw = "--smtc-gap-between-ctrl-lg-nested";
+
+// @public (undocumented)
+export const gapBetweenCtrlNested = "var(--smtc-gap-between-ctrl-nested, var(--smtc-padding-ctrl-tonestedcontrol))";
+
+// @public (undocumented)
+export const gapBetweenCtrlNestedRaw = "--smtc-gap-between-ctrl-nested";
+
+// @public (undocumented)
+export const gapBetweenCtrlSmDefault = "var(--smtc-gap-between-ctrl-sm-default)";
+
+// @public (undocumented)
+export const gapBetweenCtrlSmDefaultRaw = "--smtc-gap-between-ctrl-sm-default";
+
+// @public (undocumented)
+export const gapBetweenCtrlSmNested = "var(--smtc-gap-between-ctrl-sm-nested, var(--smtc-padding-ctrl-sm-tonestedcontrol))";
+
+// @public (undocumented)
+export const gapBetweenCtrlSmNestedRaw = "--smtc-gap-between-ctrl-sm-nested";
+
+// @public (undocumented)
+export const gapCard = "var(--smtc-gap-card, var(--smtc-gap-between-content-medium))";
+
+// @public (undocumented)
+export const gapCardRaw = "--smtc-gap-card";
+
+// @public (undocumented)
+export const gapInsideCtrlDefault = "var(--smtc-gap-inside-ctrl-default)";
+
+// @public (undocumented)
+export const gapInsideCtrlDefaultRaw = "--smtc-gap-inside-ctrl-default";
+
+// @public (undocumented)
+export const gapInsideCtrlLgDefault = "var(--smtc-gap-inside-ctrl-lg-default)";
+
+// @public (undocumented)
+export const gapInsideCtrlLgDefaultRaw = "--smtc-gap-inside-ctrl-lg-default";
+
+// @public (undocumented)
+export const gapInsideCtrlLgTolabel = "var(--smtc-gap-inside-ctrl-lg-tolabel)";
+
+// @public (undocumented)
+export const gapInsideCtrlLgTolabelRaw = "--smtc-gap-inside-ctrl-lg-tolabel";
+
+// @public (undocumented)
+export const gapInsideCtrlLgTosecondaryicon = "var(--smtc-gap-inside-ctrl-lg-tosecondaryicon)";
+
+// @public (undocumented)
+export const gapInsideCtrlLgTosecondaryiconRaw = "--smtc-gap-inside-ctrl-lg-tosecondaryicon";
+
+// @public (undocumented)
+export const gapInsideCtrlSmDefault = "var(--smtc-gap-inside-ctrl-sm-default)";
+
+// @public (undocumented)
+export const gapInsideCtrlSmDefaultRaw = "--smtc-gap-inside-ctrl-sm-default";
+
+// @public (undocumented)
+export const gapInsideCtrlSmTolabel = "var(--smtc-gap-inside-ctrl-sm-tolabel)";
+
+// @public (undocumented)
+export const gapInsideCtrlSmTolabelRaw = "--smtc-gap-inside-ctrl-sm-tolabel";
+
+// @public (undocumented)
+export const gapInsideCtrlSmTosecondaryicon = "var(--smtc-gap-inside-ctrl-sm-tosecondaryicon)";
+
+// @public (undocumented)
+export const gapInsideCtrlSmTosecondaryiconRaw = "--smtc-gap-inside-ctrl-sm-tosecondaryicon";
+
+// @public (undocumented)
+export const gapInsideCtrlTolabel = "var(--smtc-gap-inside-ctrl-tolabel)";
+
+// @public (undocumented)
+export const gapInsideCtrlTolabelRaw = "--smtc-gap-inside-ctrl-tolabel";
+
+// @public (undocumented)
+export const gapInsideCtrlTosecondaryicon = "var(--smtc-gap-inside-ctrl-tosecondaryicon)";
+
+// @public (undocumented)
+export const gapInsideCtrlTosecondaryiconRaw = "--smtc-gap-inside-ctrl-tosecondaryicon";
+
+// @public (undocumented)
+export const gapList = "var(--smtc-gap-list, var(--smtc-gap-between-content-xxsmall))";
+
+// @public (undocumented)
+export const gapListRaw = "--smtc-gap-list";
+
+// @public (undocumented)
+export const gapTextLarge = "var(--smtc-gap-text-large, var(--smtc-gap-between-content-xsmall))";
+
+// @public (undocumented)
+export const gapTextLargeRaw = "--smtc-gap-text-large";
+
+// @public (undocumented)
+export const gapTextSmall = "var(--smtc-gap-text-small, var(--smtc-gap-between-content-xxsmall))";
+
+// @public (undocumented)
+export const gapTextSmallRaw = "--smtc-gap-text-small";
+
+// @public (undocumented)
+export const iconthemeCtrlChevronDefault = "var(--smtc-icontheme-ctrl-chevron-default, var(--smtc-icontheme-ctrl-default-rest))";
+
+// @public (undocumented)
+export const iconthemeCtrlChevronDefaultRaw = "--smtc-icontheme-ctrl-chevron-default";
+
+// @public (undocumented)
+export const iconthemeCtrlChevronSelected = "var(--smtc-icontheme-ctrl-chevron-selected, var(--smtc-icontheme-ctrl-default-selected))";
+
+// @public (undocumented)
+export const iconthemeCtrlChevronSelectedRaw = "--smtc-icontheme-ctrl-chevron-selected";
+
+// @public (undocumented)
+export const iconthemeCtrlDefaultHover = "var(--smtc-icontheme-ctrl-default-hover, var(--smtc-icontheme-ctrl-default-rest))";
+
+// @public (undocumented)
+export const iconthemeCtrlDefaultHoverRaw = "--smtc-icontheme-ctrl-default-hover";
+
+// @public (undocumented)
+export const iconthemeCtrlDefaultPressed = "var(--smtc-icontheme-ctrl-default-pressed, var(--smtc-icontheme-ctrl-default-rest))";
+
+// @public (undocumented)
+export const iconthemeCtrlDefaultPressedRaw = "--smtc-icontheme-ctrl-default-pressed";
+
+// @public (undocumented)
+export const iconthemeCtrlDefaultRest = "var(--smtc-icontheme-ctrl-default-rest)";
+
+// @public (undocumented)
+export const iconthemeCtrlDefaultRestRaw = "--smtc-icontheme-ctrl-default-rest";
+
+// @public (undocumented)
+export const iconthemeCtrlDefaultSelected = "var(--smtc-icontheme-ctrl-default-selected)";
+
+// @public (undocumented)
+export const iconthemeCtrlDefaultSelectedRaw = "--smtc-icontheme-ctrl-default-selected";
+
+// @public (undocumented)
+export const iconthemeCtrlSubtleHover = "var(--smtc-icontheme-ctrl-subtle-hover, var(--smtc-icontheme-ctrl-default-rest))";
+
+// @public (undocumented)
+export const iconthemeCtrlSubtleHoverRaw = "--smtc-icontheme-ctrl-subtle-hover";
+
+// @public (undocumented)
+export const iconthemeCtrlSubtlePressed = "var(--smtc-icontheme-ctrl-subtle-pressed, var(--smtc-icontheme-ctrl-default-rest))";
+
+// @public (undocumented)
+export const iconthemeCtrlSubtlePressedRaw = "--smtc-icontheme-ctrl-subtle-pressed";
+
+// @public (undocumented)
+export const iconthemeCtrlSubtleRest = "var(--smtc-icontheme-ctrl-subtle-rest, var(--smtc-icontheme-ctrl-default-rest))";
+
+// @public (undocumented)
+export const iconthemeCtrlSubtleRestRaw = "--smtc-icontheme-ctrl-subtle-rest";
+
+// @public (undocumented)
+export const iconthemeCtrlSubtleSelected = "var(--smtc-icontheme-ctrl-subtle-selected, var(--smtc-icontheme-ctrl-default-selected))";
+
+// @public (undocumented)
+export const iconthemeCtrlSubtleSelectedRaw = "--smtc-icontheme-ctrl-subtle-selected";
+
+// @public (undocumented)
+export const materialAcrylicBlur = "var(--smtc-material-acrylic-blur)";
+
+// @public (undocumented)
+export const materialAcrylicBlurRaw = "--smtc-material-acrylic-blur";
+
+// @public (undocumented)
+export const materialAcrylicDefaultColorblend = "var(--smtc-material-acrylic-default-colorblend, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const materialAcrylicDefaultColorblendRaw = "--smtc-material-acrylic-default-colorblend";
+
+// @public (undocumented)
+export const materialAcrylicDefaultLumblend = "var(--smtc-material-acrylic-default-lumblend, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const materialAcrylicDefaultLumblendRaw = "--smtc-material-acrylic-default-lumblend";
+
+// @public (undocumented)
+export const materialAcrylicDefaultSolid = "var(--smtc-material-acrylic-default-solid, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const materialAcrylicDefaultSolidRaw = "--smtc-material-acrylic-default-solid";
+
+// @public (undocumented)
+export const materialAcrylicShellDefaultColorblend = "var(--smtc-material-acrylic-shell-default-colorblend, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const materialAcrylicShellDefaultColorblendRaw = "--smtc-material-acrylic-shell-default-colorblend";
+
+// @public (undocumented)
+export const materialAcrylicShellDefaultLumblend = "var(--smtc-material-acrylic-shell-default-lumblend, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const materialAcrylicShellDefaultLumblendRaw = "--smtc-material-acrylic-shell-default-lumblend";
+
+// @public (undocumented)
+export const materialAcrylicShellDefaultSolid = "var(--smtc-material-acrylic-shell-default-solid, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const materialAcrylicShellDefaultSolidRaw = "--smtc-material-acrylic-shell-default-solid";
+
+// @public (undocumented)
+export const materialMicaBlur = "var(--smtc-material-mica-blur)";
+
+// @public (undocumented)
+export const materialMicaBlurRaw = "--smtc-material-mica-blur";
+
+// @public (undocumented)
+export const materialMicaDarkerColorblend = "var(--smtc-material-mica-darker-colorblend, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const materialMicaDarkerColorblendRaw = "--smtc-material-mica-darker-colorblend";
+
+// @public (undocumented)
+export const materialMicaDarkerLumblend = "var(--smtc-material-mica-darker-lumblend, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const materialMicaDarkerLumblendRaw = "--smtc-material-mica-darker-lumblend";
+
+// @public (undocumented)
+export const materialMicaDarkerSolid = "var(--smtc-material-mica-darker-solid, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const materialMicaDarkerSolidRaw = "--smtc-material-mica-darker-solid";
+
+// @public (undocumented)
+export const materialMicaDefaultColorblend = "var(--smtc-material-mica-default-colorblend, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const materialMicaDefaultColorblendRaw = "--smtc-material-mica-default-colorblend";
+
+// @public (undocumented)
+export const materialMicaDefaultLumblend = "var(--smtc-material-mica-default-lumblend, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const materialMicaDefaultLumblendRaw = "--smtc-material-mica-default-lumblend";
+
+// @public (undocumented)
+export const materialMicaDefaultSolid = "var(--smtc-material-mica-default-solid, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const materialMicaDefaultSolidRaw = "--smtc-material-mica-default-solid";
+
+// @public (undocumented)
+export const materialMicaThinColorblend = "var(--smtc-material-mica-thin-colorblend, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const materialMicaThinColorblendRaw = "--smtc-material-mica-thin-colorblend";
+
+// @public (undocumented)
+export const materialMicaThinLumblend = "var(--smtc-material-mica-thin-lumblend, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const materialMicaThinLumblendRaw = "--smtc-material-mica-thin-lumblend";
+
+// @public (undocumented)
+export const materialMicaThinSolid = "var(--smtc-material-mica-thin-solid, var(--smtc-background-layer-primarysolid))";
+
+// @public (undocumented)
+export const materialMicaThinSolidRaw = "--smtc-material-mica-thin-solid";
+
+// @public (undocumented)
+export const nullColor = "var(--smtc-null-color)";
+
+// @public (undocumented)
+export const nullColorRaw = "--smtc-null-color";
+
+// @public (undocumented)
+export const nullNumber = "var(--smtc-null-number)";
+
+// @public (undocumented)
+export const nullNumberRaw = "--smtc-null-number";
+
+// @public (undocumented)
+export const nullString = "var(--smtc-null-string)";
+
+// @public (undocumented)
+export const nullStringRaw = "--smtc-null-string";
+
+// @public (undocumented)
+export const paddingCardNestedimage = "var(--smtc-padding-card-nestedimage, var(--smtc-padding-content-align-default))";
+
+// @public (undocumented)
+export const paddingCardNestedimageRaw = "--smtc-padding-card-nestedimage";
+
+// @public (undocumented)
+export const paddingContentAlignDefault = "var(--smtc-padding-content-align-default)";
+
+// @public (undocumented)
+export const paddingContentAlignDefaultRaw = "--smtc-padding-content-align-default";
+
+// @public (undocumented)
+export const paddingContentAlignOutdentIcononsubtle = "var(--smtc-padding-content-align-outdent-icononsubtle)";
+
+// @public (undocumented)
+export const paddingContentAlignOutdentIcononsubtleRaw = "--smtc-padding-content-align-outdent-icononsubtle";
+
+// @public (undocumented)
+export const paddingContentAlignOutdentTextonsubtle = "var(--smtc-padding-content-align-outdent-textonsubtle)";
+
+// @public (undocumented)
+export const paddingContentAlignOutdentTextonsubtleRaw = "--smtc-padding-content-align-outdent-textonsubtle";
+
+// @public (undocumented)
+export const paddingContentLarge = "var(--smtc-padding-content-large)";
+
+// @public (undocumented)
+export const paddingContentLargeRaw = "--smtc-padding-content-large";
+
+// @public (undocumented)
+export const paddingContentMedium = "var(--smtc-padding-content-medium)";
+
+// @public (undocumented)
+export const paddingContentMediumRaw = "--smtc-padding-content-medium";
+
+// @public (undocumented)
+export const paddingContentNone = "var(--smtc-padding-content-none)";
+
+// @public (undocumented)
+export const paddingContentNoneRaw = "--smtc-padding-content-none";
+
+// @public (undocumented)
+export const paddingContentSmall = "var(--smtc-padding-content-small)";
+
+// @public (undocumented)
+export const paddingContentSmallRaw = "--smtc-padding-content-small";
+
+// @public (undocumented)
+export const paddingContentXlarge = "var(--smtc-padding-content-xlarge)";
+
+// @public (undocumented)
+export const paddingContentXlargeRaw = "--smtc-padding-content-xlarge";
+
+// @public (undocumented)
+export const paddingContentXsmall = "var(--smtc-padding-content-xsmall)";
+
+// @public (undocumented)
+export const paddingContentXsmallRaw = "--smtc-padding-content-xsmall";
+
+// @public (undocumented)
+export const paddingContentXxlarge = "var(--smtc-padding-content-xxlarge)";
+
+// @public (undocumented)
+export const paddingContentXxlargeRaw = "--smtc-padding-content-xxlarge";
+
+// @public (undocumented)
+export const paddingContentXxsmall = "var(--smtc-padding-content-xxsmall)";
+
+// @public (undocumented)
+export const paddingContentXxsmallRaw = "--smtc-padding-content-xxsmall";
+
+// @public (undocumented)
+export const paddingContentXxxlarge = "var(--smtc-padding-content-xxxlarge)";
+
+// @public (undocumented)
+export const paddingContentXxxlargeRaw = "--smtc-padding-content-xxxlarge";
+
+// @public (undocumented)
+export const paddingCtrlHorizontalDefault = "var(--smtc-padding-ctrl-horizontal-default)";
+
+// @public (undocumented)
+export const paddingCtrlHorizontalDefaultRaw = "--smtc-padding-ctrl-horizontal-default";
+
+// @public (undocumented)
+export const paddingCtrlHorizontalIcononly = "var(--smtc-padding-ctrl-horizontal-icononly)";
+
+// @public (undocumented)
+export const paddingCtrlHorizontalIcononlyRaw = "--smtc-padding-ctrl-horizontal-icononly";
+
+// @public (undocumented)
+export const paddingCtrlLgHorizontalDefault = "var(--smtc-padding-ctrl-lg-horizontal-default)";
+
+// @public (undocumented)
+export const paddingCtrlLgHorizontalDefaultRaw = "--smtc-padding-ctrl-lg-horizontal-default";
+
+// @public (undocumented)
+export const paddingCtrlLgHorizontalIcononly = "var(--smtc-padding-ctrl-lg-horizontal-icononly)";
+
+// @public (undocumented)
+export const paddingCtrlLgHorizontalIcononlyRaw = "--smtc-padding-ctrl-lg-horizontal-icononly";
+
+// @public (undocumented)
+export const paddingCtrlLgTextbottom = "var(--smtc-padding-ctrl-lg-textbottom, var(--smtc-padding-ctrl-lg-texttop))";
+
+// @public (undocumented)
+export const paddingCtrlLgTextbottomRaw = "--smtc-padding-ctrl-lg-textbottom";
+
+// @public (undocumented)
+export const paddingCtrlLgTexttop = "var(--smtc-padding-ctrl-lg-texttop)";
+
+// @public (undocumented)
+export const paddingCtrlLgTexttopRaw = "--smtc-padding-ctrl-lg-texttop";
+
+// @public (undocumented)
+export const paddingCtrlLgTonestedcontrol = "var(--smtc-padding-ctrl-lg-tonestedcontrol)";
+
+// @public (undocumented)
+export const paddingCtrlLgTonestedcontrolRaw = "--smtc-padding-ctrl-lg-tonestedcontrol";
+
+// @public (undocumented)
+export const paddingCtrlSmHorizontalDefault = "var(--smtc-padding-ctrl-sm-horizontal-default)";
+
+// @public (undocumented)
+export const paddingCtrlSmHorizontalDefaultRaw = "--smtc-padding-ctrl-sm-horizontal-default";
+
+// @public (undocumented)
+export const paddingCtrlSmHorizontalIcononly = "var(--smtc-padding-ctrl-sm-horizontal-icononly)";
+
+// @public (undocumented)
+export const paddingCtrlSmHorizontalIcononlyRaw = "--smtc-padding-ctrl-sm-horizontal-icononly";
+
+// @public (undocumented)
+export const paddingCtrlSmTextbottom = "var(--smtc-padding-ctrl-sm-textbottom, var(--smtc-padding-ctrl-sm-texttop))";
+
+// @public (undocumented)
+export const paddingCtrlSmTextbottomRaw = "--smtc-padding-ctrl-sm-textbottom";
+
+// @public (undocumented)
+export const paddingCtrlSmTexttop = "var(--smtc-padding-ctrl-sm-texttop)";
+
+// @public (undocumented)
+export const paddingCtrlSmTexttopRaw = "--smtc-padding-ctrl-sm-texttop";
+
+// @public (undocumented)
+export const paddingCtrlSmTonestedcontrol = "var(--smtc-padding-ctrl-sm-tonestedcontrol)";
+
+// @public (undocumented)
+export const paddingCtrlSmTonestedcontrolRaw = "--smtc-padding-ctrl-sm-tonestedcontrol";
+
+// @public (undocumented)
+export const paddingCtrlTextbottom = "var(--smtc-padding-ctrl-textbottom, var(--smtc-padding-ctrl-texttop))";
+
+// @public (undocumented)
+export const paddingCtrlTextbottomRaw = "--smtc-padding-ctrl-textbottom";
+
+// @public (undocumented)
+export const paddingCtrlTextside = "var(--smtc-padding-ctrl-textside)";
+
+// @public (undocumented)
+export const paddingCtrlTextsideRaw = "--smtc-padding-ctrl-textside";
+
+// @public (undocumented)
+export const paddingCtrlTexttop = "var(--smtc-padding-ctrl-texttop)";
+
+// @public (undocumented)
+export const paddingCtrlTexttopRaw = "--smtc-padding-ctrl-texttop";
+
+// @public (undocumented)
+export const paddingCtrlTonestedcontrol = "var(--smtc-padding-ctrl-tonestedcontrol)";
+
+// @public (undocumented)
+export const paddingCtrlTonestedcontrolRaw = "--smtc-padding-ctrl-tonestedcontrol";
+
+// @public (undocumented)
+export const paddingFlyoutDefault = "var(--smtc-padding-flyout-default, var(--smtc-padding-content-align-outdent-textonsubtle))";
+
+// @public (undocumented)
+export const paddingFlyoutDefaultRaw = "--smtc-padding-flyout-default";
+
+// @public (undocumented)
+export const paddingToolbarInside = "var(--smtc-padding-toolbar-inside, var(--smtc-padding-content-xsmall))";
+
+// @public (undocumented)
+export const paddingToolbarInsideRaw = "--smtc-padding-toolbar-inside";
+
+// @public (undocumented)
+export const paddingToolbarOutside = "var(--smtc-padding-toolbar-outside, var(--smtc-padding-content-xxsmall))";
+
+// @public (undocumented)
+export const paddingToolbarOutsideRaw = "--smtc-padding-toolbar-outside";
+
+// @public (undocumented)
+export const shadowCardDisabledKeyBlur = "var(--smtc-shadow-card-disabled-key-blur, unset)";
+
+// @public (undocumented)
+export const shadowCardDisabledKeyBlurRaw = "--smtc-shadow-card-disabled-key-blur";
+
+// @public (undocumented)
+export const shadowCardDisabledKeyColor = "var(--smtc-shadow-card-disabled-key-color, unset)";
+
+// @public (undocumented)
+export const shadowCardDisabledKeyColorRaw = "--smtc-shadow-card-disabled-key-color";
+
+// @public (undocumented)
+export const shadowCardDisabledKeyX = "var(--smtc-shadow-card-disabled-key-x, unset)";
+
+// @public (undocumented)
+export const shadowCardDisabledKeyXRaw = "--smtc-shadow-card-disabled-key-x";
+
+// @public (undocumented)
+export const shadowCardDisabledKeyY = "var(--smtc-shadow-card-disabled-key-y, unset)";
+
+// @public (undocumented)
+export const shadowCardDisabledKeyYRaw = "--smtc-shadow-card-disabled-key-y";
+
+// @public (undocumented)
+export const shadowCardHoverKeyBlur = "var(--smtc-shadow-card-hover-key-blur, unset)";
+
+// @public (undocumented)
+export const shadowCardHoverKeyBlurRaw = "--smtc-shadow-card-hover-key-blur";
+
+// @public (undocumented)
+export const shadowCardHoverKeyColor = "var(--smtc-shadow-card-hover-key-color, unset)";
+
+// @public (undocumented)
+export const shadowCardHoverKeyColorRaw = "--smtc-shadow-card-hover-key-color";
+
+// @public (undocumented)
+export const shadowCardHoverKeyX = "var(--smtc-shadow-card-hover-key-x, unset)";
+
+// @public (undocumented)
+export const shadowCardHoverKeyXRaw = "--smtc-shadow-card-hover-key-x";
+
+// @public (undocumented)
+export const shadowCardHoverKeyY = "var(--smtc-shadow-card-hover-key-y, unset)";
+
+// @public (undocumented)
+export const shadowCardHoverKeyYRaw = "--smtc-shadow-card-hover-key-y";
+
+// @public (undocumented)
+export const shadowCardPressedKeyBlur = "var(--smtc-shadow-card-pressed-key-blur, unset)";
+
+// @public (undocumented)
+export const shadowCardPressedKeyBlurRaw = "--smtc-shadow-card-pressed-key-blur";
+
+// @public (undocumented)
+export const shadowCardPressedKeyColor = "var(--smtc-shadow-card-pressed-key-color, unset)";
+
+// @public (undocumented)
+export const shadowCardPressedKeyColorRaw = "--smtc-shadow-card-pressed-key-color";
+
+// @public (undocumented)
+export const shadowCardPressedKeyX = "var(--smtc-shadow-card-pressed-key-x, unset)";
+
+// @public (undocumented)
+export const shadowCardPressedKeyXRaw = "--smtc-shadow-card-pressed-key-x";
+
+// @public (undocumented)
+export const shadowCardPressedKeyY = "var(--smtc-shadow-card-pressed-key-y, unset)";
+
+// @public (undocumented)
+export const shadowCardPressedKeyYRaw = "--smtc-shadow-card-pressed-key-y";
+
+// @public (undocumented)
+export const shadowCardRestAmbientBlur = "var(--smtc-shadow-card-rest-ambient-blur, unset)";
+
+// @public (undocumented)
+export const shadowCardRestAmbientBlurRaw = "--smtc-shadow-card-rest-ambient-blur";
+
+// @public (undocumented)
+export const shadowCardRestAmbientColor = "var(--smtc-shadow-card-rest-ambient-color, unset)";
+
+// @public (undocumented)
+export const shadowCardRestAmbientColorRaw = "--smtc-shadow-card-rest-ambient-color";
+
+// @public (undocumented)
+export const shadowCardRestAmbientX = "var(--smtc-shadow-card-rest-ambient-x, unset)";
+
+// @public (undocumented)
+export const shadowCardRestAmbientXRaw = "--smtc-shadow-card-rest-ambient-x";
+
+// @public (undocumented)
+export const shadowCardRestAmbientY = "var(--smtc-shadow-card-rest-ambient-y, unset)";
+
+// @public (undocumented)
+export const shadowCardRestAmbientYRaw = "--smtc-shadow-card-rest-ambient-y";
+
+// @public (undocumented)
+export const shadowCardRestKeyBlur = "var(--smtc-shadow-card-rest-key-blur, unset)";
+
+// @public (undocumented)
+export const shadowCardRestKeyBlurRaw = "--smtc-shadow-card-rest-key-blur";
+
+// @public (undocumented)
+export const shadowCardRestKeyColor = "var(--smtc-shadow-card-rest-key-color, unset)";
+
+// @public (undocumented)
+export const shadowCardRestKeyColorRaw = "--smtc-shadow-card-rest-key-color";
+
+// @public (undocumented)
+export const shadowCardRestKeyX = "var(--smtc-shadow-card-rest-key-x, unset)";
+
+// @public (undocumented)
+export const shadowCardRestKeyXRaw = "--smtc-shadow-card-rest-key-x";
+
+// @public (undocumented)
+export const shadowCardRestKeyY = "var(--smtc-shadow-card-rest-key-y, unset)";
+
+// @public (undocumented)
+export const shadowCardRestKeyYRaw = "--smtc-shadow-card-rest-key-y";
+
+// @public (undocumented)
+export const shadowCtrlOndragAmbientBlur = "var(--smtc-shadow-ctrl-ondrag-ambient-blur, var(--smtc-shadow-flyout-ambient-blur))";
+
+// @public (undocumented)
+export const shadowCtrlOndragAmbientBlurRaw = "--smtc-shadow-ctrl-ondrag-ambient-blur";
+
+// @public (undocumented)
+export const shadowCtrlOndragAmbientColor = "var(--smtc-shadow-ctrl-ondrag-ambient-color, var(--smtc-shadow-flyout-ambient-color))";
+
+// @public (undocumented)
+export const shadowCtrlOndragAmbientColorRaw = "--smtc-shadow-ctrl-ondrag-ambient-color";
+
+// @public (undocumented)
+export const shadowCtrlOndragAmbientX = "var(--smtc-shadow-ctrl-ondrag-ambient-x, var(--smtc-shadow-flyout-ambient-x))";
+
+// @public (undocumented)
+export const shadowCtrlOndragAmbientXRaw = "--smtc-shadow-ctrl-ondrag-ambient-x";
+
+// @public (undocumented)
+export const shadowCtrlOndragAmbientY = "var(--smtc-shadow-ctrl-ondrag-ambient-y, var(--smtc-shadow-flyout-ambient-y))";
+
+// @public (undocumented)
+export const shadowCtrlOndragAmbientYRaw = "--smtc-shadow-ctrl-ondrag-ambient-y";
+
+// @public (undocumented)
+export const shadowCtrlOndragKeyBlur = "var(--smtc-shadow-ctrl-ondrag-key-blur, var(--smtc-shadow-flyout-key-blur))";
+
+// @public (undocumented)
+export const shadowCtrlOndragKeyBlurRaw = "--smtc-shadow-ctrl-ondrag-key-blur";
+
+// @public (undocumented)
+export const shadowCtrlOndragKeyColor = "var(--smtc-shadow-ctrl-ondrag-key-color, var(--smtc-shadow-flyout-key-color))";
+
+// @public (undocumented)
+export const shadowCtrlOndragKeyColorRaw = "--smtc-shadow-ctrl-ondrag-key-color";
+
+// @public (undocumented)
+export const shadowCtrlOndragKeyX = "var(--smtc-shadow-ctrl-ondrag-key-x, var(--smtc-shadow-flyout-key-x))";
+
+// @public (undocumented)
+export const shadowCtrlOndragKeyXRaw = "--smtc-shadow-ctrl-ondrag-key-x";
+
+// @public (undocumented)
+export const shadowCtrlOndragKeyY = "var(--smtc-shadow-ctrl-ondrag-key-y, var(--smtc-shadow-flyout-key-y))";
+
+// @public (undocumented)
+export const shadowCtrlOndragKeyYRaw = "--smtc-shadow-ctrl-ondrag-key-y";
+
+// @public (undocumented)
+export const shadowFlyoutAmbientBlur = "var(--smtc-shadow-flyout-ambient-blur)";
+
+// @public (undocumented)
+export const shadowFlyoutAmbientBlurRaw = "--smtc-shadow-flyout-ambient-blur";
+
+// @public (undocumented)
+export const shadowFlyoutAmbientColor = "var(--smtc-shadow-flyout-ambient-color)";
+
+// @public (undocumented)
+export const shadowFlyoutAmbientColorRaw = "--smtc-shadow-flyout-ambient-color";
+
+// @public (undocumented)
+export const shadowFlyoutAmbientX = "var(--smtc-shadow-flyout-ambient-x)";
+
+// @public (undocumented)
+export const shadowFlyoutAmbientXRaw = "--smtc-shadow-flyout-ambient-x";
+
+// @public (undocumented)
+export const shadowFlyoutAmbientY = "var(--smtc-shadow-flyout-ambient-y)";
+
+// @public (undocumented)
+export const shadowFlyoutAmbientYRaw = "--smtc-shadow-flyout-ambient-y";
+
+// @public (undocumented)
+export const shadowFlyoutKeyBlur = "var(--smtc-shadow-flyout-key-blur)";
+
+// @public (undocumented)
+export const shadowFlyoutKeyBlurRaw = "--smtc-shadow-flyout-key-blur";
+
+// @public (undocumented)
+export const shadowFlyoutKeyColor = "var(--smtc-shadow-flyout-key-color)";
+
+// @public (undocumented)
+export const shadowFlyoutKeyColorRaw = "--smtc-shadow-flyout-key-color";
+
+// @public (undocumented)
+export const shadowFlyoutKeyX = "var(--smtc-shadow-flyout-key-x)";
+
+// @public (undocumented)
+export const shadowFlyoutKeyXRaw = "--smtc-shadow-flyout-key-x";
+
+// @public (undocumented)
+export const shadowFlyoutKeyY = "var(--smtc-shadow-flyout-key-y)";
+
+// @public (undocumented)
+export const shadowFlyoutKeyYRaw = "--smtc-shadow-flyout-key-y";
+
+// @public (undocumented)
+export const shadowLayerAmbientBlur = "var(--smtc-shadow-layer-ambient-blur, unset)";
+
+// @public (undocumented)
+export const shadowLayerAmbientBlurRaw = "--smtc-shadow-layer-ambient-blur";
+
+// @public (undocumented)
+export const shadowLayerAmbientColor = "var(--smtc-shadow-layer-ambient-color, unset)";
+
+// @public (undocumented)
+export const shadowLayerAmbientColorRaw = "--smtc-shadow-layer-ambient-color";
+
+// @public (undocumented)
+export const shadowLayerAmbientX = "var(--smtc-shadow-layer-ambient-x, unset)";
+
+// @public (undocumented)
+export const shadowLayerAmbientXRaw = "--smtc-shadow-layer-ambient-x";
+
+// @public (undocumented)
+export const shadowLayerAmbientY = "var(--smtc-shadow-layer-ambient-y, unset)";
+
+// @public (undocumented)
+export const shadowLayerAmbientYRaw = "--smtc-shadow-layer-ambient-y";
+
+// @public (undocumented)
+export const shadowLayerKeyBlur = "var(--smtc-shadow-layer-key-blur, unset)";
+
+// @public (undocumented)
+export const shadowLayerKeyBlurRaw = "--smtc-shadow-layer-key-blur";
+
+// @public (undocumented)
+export const shadowLayerKeyColor = "var(--smtc-shadow-layer-key-color, unset)";
+
+// @public (undocumented)
+export const shadowLayerKeyColorRaw = "--smtc-shadow-layer-key-color";
+
+// @public (undocumented)
+export const shadowLayerKeyX = "var(--smtc-shadow-layer-key-x, unset)";
+
+// @public (undocumented)
+export const shadowLayerKeyXRaw = "--smtc-shadow-layer-key-x";
+
+// @public (undocumented)
+export const shadowLayerKeyY = "var(--smtc-shadow-layer-key-y, unset)";
+
+// @public (undocumented)
+export const shadowLayerKeyYRaw = "--smtc-shadow-layer-key-y";
+
+// @public (undocumented)
+export const shadowToolbarAmbientBlur = "var(--smtc-shadow-toolbar-ambient-blur)";
+
+// @public (undocumented)
+export const shadowToolbarAmbientBlurRaw = "--smtc-shadow-toolbar-ambient-blur";
+
+// @public (undocumented)
+export const shadowToolbarAmbientColor = "var(--smtc-shadow-toolbar-ambient-color)";
+
+// @public (undocumented)
+export const shadowToolbarAmbientColorRaw = "--smtc-shadow-toolbar-ambient-color";
+
+// @public (undocumented)
+export const shadowToolbarAmbientX = "var(--smtc-shadow-toolbar-ambient-x)";
+
+// @public (undocumented)
+export const shadowToolbarAmbientXRaw = "--smtc-shadow-toolbar-ambient-x";
+
+// @public (undocumented)
+export const shadowToolbarAmbientY = "var(--smtc-shadow-toolbar-ambient-y)";
+
+// @public (undocumented)
+export const shadowToolbarAmbientYRaw = "--smtc-shadow-toolbar-ambient-y";
+
+// @public (undocumented)
+export const shadowToolbarKeyBlur = "var(--smtc-shadow-toolbar-key-blur)";
+
+// @public (undocumented)
+export const shadowToolbarKeyBlurRaw = "--smtc-shadow-toolbar-key-blur";
+
+// @public (undocumented)
+export const shadowToolbarKeyColor = "var(--smtc-shadow-toolbar-key-color)";
+
+// @public (undocumented)
+export const shadowToolbarKeyColorRaw = "--smtc-shadow-toolbar-key-color";
+
+// @public (undocumented)
+export const shadowToolbarKeyX = "var(--smtc-shadow-toolbar-key-x)";
+
+// @public (undocumented)
+export const shadowToolbarKeyXRaw = "--smtc-shadow-toolbar-key-x";
+
+// @public (undocumented)
+export const shadowToolbarKeyY = "var(--smtc-shadow-toolbar-key-y)";
+
+// @public (undocumented)
+export const shadowToolbarKeyYRaw = "--smtc-shadow-toolbar-key-y";
+
+// @public (undocumented)
+export const shadowWindowActiveAmbientBlur = "var(--smtc-shadow-window-active-ambient-blur)";
+
+// @public (undocumented)
+export const shadowWindowActiveAmbientBlurRaw = "--smtc-shadow-window-active-ambient-blur";
+
+// @public (undocumented)
+export const shadowWindowActiveAmbientColor = "var(--smtc-shadow-window-active-ambient-color)";
+
+// @public (undocumented)
+export const shadowWindowActiveAmbientColorRaw = "--smtc-shadow-window-active-ambient-color";
+
+// @public (undocumented)
+export const shadowWindowActiveAmbientX = "var(--smtc-shadow-window-active-ambient-x)";
+
+// @public (undocumented)
+export const shadowWindowActiveAmbientXRaw = "--smtc-shadow-window-active-ambient-x";
+
+// @public (undocumented)
+export const shadowWindowActiveAmbientY = "var(--smtc-shadow-window-active-ambient-y)";
+
+// @public (undocumented)
+export const shadowWindowActiveAmbientYRaw = "--smtc-shadow-window-active-ambient-y";
+
+// @public (undocumented)
+export const shadowWindowActiveKeyBlur = "var(--smtc-shadow-window-active-key-blur)";
+
+// @public (undocumented)
+export const shadowWindowActiveKeyBlurRaw = "--smtc-shadow-window-active-key-blur";
+
+// @public (undocumented)
+export const shadowWindowActiveKeyColor = "var(--smtc-shadow-window-active-key-color)";
+
+// @public (undocumented)
+export const shadowWindowActiveKeyColorRaw = "--smtc-shadow-window-active-key-color";
+
+// @public (undocumented)
+export const shadowWindowActiveKeyX = "var(--smtc-shadow-window-active-key-x)";
+
+// @public (undocumented)
+export const shadowWindowActiveKeyXRaw = "--smtc-shadow-window-active-key-x";
+
+// @public (undocumented)
+export const shadowWindowActiveKeyY = "var(--smtc-shadow-window-active-key-y)";
+
+// @public (undocumented)
+export const shadowWindowActiveKeyYRaw = "--smtc-shadow-window-active-key-y";
+
+// @public (undocumented)
+export const shadowWindowInactiveAmbientBlur = "var(--smtc-shadow-window-inactive-ambient-blur)";
+
+// @public (undocumented)
+export const shadowWindowInactiveAmbientBlurRaw = "--smtc-shadow-window-inactive-ambient-blur";
+
+// @public (undocumented)
+export const shadowWindowInactiveAmbientColor = "var(--smtc-shadow-window-inactive-ambient-color)";
+
+// @public (undocumented)
+export const shadowWindowInactiveAmbientColorRaw = "--smtc-shadow-window-inactive-ambient-color";
+
+// @public (undocumented)
+export const shadowWindowInactiveAmbientX = "var(--smtc-shadow-window-inactive-ambient-x)";
+
+// @public (undocumented)
+export const shadowWindowInactiveAmbientXRaw = "--smtc-shadow-window-inactive-ambient-x";
+
+// @public (undocumented)
+export const shadowWindowInactiveAmbientY = "var(--smtc-shadow-window-inactive-ambient-y)";
+
+// @public (undocumented)
+export const shadowWindowInactiveAmbientYRaw = "--smtc-shadow-window-inactive-ambient-y";
+
+// @public (undocumented)
+export const shadowWindowInactiveKeyBlur = "var(--smtc-shadow-window-inactive-key-blur, var(--smtc-shadow-window-active-key-blur))";
+
+// @public (undocumented)
+export const shadowWindowInactiveKeyBlurRaw = "--smtc-shadow-window-inactive-key-blur";
+
+// @public (undocumented)
+export const shadowWindowInactiveKeyColor = "var(--smtc-shadow-window-inactive-key-color, var(--smtc-shadow-window-active-key-color))";
+
+// @public (undocumented)
+export const shadowWindowInactiveKeyColorRaw = "--smtc-shadow-window-inactive-key-color";
+
+// @public (undocumented)
+export const shadowWindowInactiveKeyX = "var(--smtc-shadow-window-inactive-key-x, var(--smtc-shadow-window-active-key-x))";
+
+// @public (undocumented)
+export const shadowWindowInactiveKeyXRaw = "--smtc-shadow-window-inactive-key-x";
+
+// @public (undocumented)
+export const shadowWindowInactiveKeyY = "var(--smtc-shadow-window-inactive-key-y, var(--smtc-shadow-window-active-key-y))";
+
+// @public (undocumented)
+export const shadowWindowInactiveKeyYRaw = "--smtc-shadow-window-inactive-key-y";
+
+// @public (undocumented)
+export const sizeCtrlDefault = "var(--smtc-size-ctrl-default)";
+
+// @public (undocumented)
+export const sizeCtrlDefaultRaw = "--smtc-size-ctrl-default";
+
+// @public (undocumented)
+export const sizeCtrlIcon = "var(--smtc-size-ctrl-icon)";
+
+// @public (undocumented)
+export const sizeCtrlIconFigmaonly = "var(--smtc-size-ctrl-iconfigmaonly)";
+
+// @public (undocumented)
+export const sizeCtrlIconFigmaonlyRaw = "--smtc-size-ctrl-iconfigmaonly";
+
+// @public (undocumented)
+export const sizeCtrlIconRaw = "--smtc-size-ctrl-icon";
+
+// @public (undocumented)
+export const sizeCtrlIconsecondary = "var(--smtc-size-ctrl-iconsecondary)";
+
+// @public (undocumented)
+export const sizeCtrlIconsecondaryRaw = "--smtc-size-ctrl-iconsecondary";
+
+// @public (undocumented)
+export const sizeCtrlLgDefault = "var(--smtc-size-ctrl-lg-default)";
+
+// @public (undocumented)
+export const sizeCtrlLgDefaultRaw = "--smtc-size-ctrl-lg-default";
+
+// @public (undocumented)
+export const sizeCtrlLgIcon = "var(--smtc-size-ctrl-lg-icon)";
+
+// @public (undocumented)
+export const sizeCtrlLgIconFigmaonly = "var(--smtc-size-ctrl-lg-iconfigmaonly)";
+
+// @public (undocumented)
+export const sizeCtrlLgIconFigmaonlyRaw = "--smtc-size-ctrl-lg-iconfigmaonly";
+
+// @public (undocumented)
+export const sizeCtrlLgIconRaw = "--smtc-size-ctrl-lg-icon";
+
+// @public (undocumented)
+export const sizeCtrlSmDefault = "var(--smtc-size-ctrl-sm-default)";
+
+// @public (undocumented)
+export const sizeCtrlSmDefaultRaw = "--smtc-size-ctrl-sm-default";
+
+// @public (undocumented)
+export const sizeCtrlSmIcon = "var(--smtc-size-ctrl-sm-icon)";
+
+// @public (undocumented)
+export const sizeCtrlSmIconFigmaonly = "var(--smtc-size-ctrl-sm-iconfigmaonly)";
+
+// @public (undocumented)
+export const sizeCtrlSmIconFigmaonlyRaw = "--smtc-size-ctrl-sm-iconfigmaonly";
+
+// @public (undocumented)
+export const sizeCtrlSmIconRaw = "--smtc-size-ctrl-sm-icon";
+
+// @public (undocumented)
+export const statusAwayForeground = "var(--smtc-status-away-foreground)";
+
+// @public (undocumented)
+export const statusAwayForegroundRaw = "--smtc-status-away-foreground";
+
+// @public (undocumented)
+export const statusBrandBackground = "var(--smtc-status-brand-background, var(--smtc-background-ctrl-brand-rest))";
+
+// @public (undocumented)
+export const statusBrandBackgroundRaw = "--smtc-status-brand-background";
+
+// @public (undocumented)
+export const statusBrandForeground = "var(--smtc-status-brand-foreground, var(--smtc-foreground-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const statusBrandForegroundRaw = "--smtc-status-brand-foreground";
+
+// @public (undocumented)
+export const statusBrandStroke = "var(--smtc-status-brand-stroke, var(--smtc-background-ctrl-brand-rest))";
+
+// @public (undocumented)
+export const statusBrandStrokeRaw = "--smtc-status-brand-stroke";
+
+// @public (undocumented)
+export const statusBrandTintBackground = "var(--smtc-status-brand-tint-background)";
+
+// @public (undocumented)
+export const statusBrandTintBackgroundRaw = "--smtc-status-brand-tint-background";
+
+// @public (undocumented)
+export const statusBrandTintForeground = "var(--smtc-status-brand-tint-foreground, var(--smtc-foreground-ctrl-brand-rest))";
+
+// @public (undocumented)
+export const statusBrandTintForegroundRaw = "--smtc-status-brand-tint-foreground";
+
+// @public (undocumented)
+export const statusBrandTintStroke = "var(--smtc-status-brand-tint-stroke)";
+
+// @public (undocumented)
+export const statusBrandTintStrokeRaw = "--smtc-status-brand-tint-stroke";
+
+// @public (undocumented)
+export const statusDangerBackground = "var(--smtc-status-danger-background)";
+
+// @public (undocumented)
+export const statusDangerBackgroundRaw = "--smtc-status-danger-background";
+
+// @public (undocumented)
+export const statusDangerForeground = "var(--smtc-status-danger-foreground, var(--smtc-foreground-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const statusDangerForegroundRaw = "--smtc-status-danger-foreground";
+
+// @public (undocumented)
+export const statusDangerStroke = "var(--smtc-status-danger-stroke, var(--smtc-status-danger-background))";
+
+// @public (undocumented)
+export const statusDangerStrokeRaw = "--smtc-status-danger-stroke";
+
+// @public (undocumented)
+export const statusDangerTintBackground = "var(--smtc-status-danger-tint-background)";
+
+// @public (undocumented)
+export const statusDangerTintBackgroundRaw = "--smtc-status-danger-tint-background";
+
+// @public (undocumented)
+export const statusDangerTintForeground = "var(--smtc-status-danger-tint-foreground)";
+
+// @public (undocumented)
+export const statusDangerTintForegroundRaw = "--smtc-status-danger-tint-foreground";
+
+// @public (undocumented)
+export const statusDangerTintStroke = "var(--smtc-status-danger-tint-stroke)";
+
+// @public (undocumented)
+export const statusDangerTintStrokeRaw = "--smtc-status-danger-tint-stroke";
+
+// @public (undocumented)
+export const statusImportantBackground = "var(--smtc-status-important-background)";
+
+// @public (undocumented)
+export const statusImportantBackgroundRaw = "--smtc-status-important-background";
+
+// @public (undocumented)
+export const statusImportantForeground = "var(--smtc-status-important-foreground, var(--smtc-foreground-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const statusImportantForegroundRaw = "--smtc-status-important-foreground";
+
+// @public (undocumented)
+export const statusImportantStroke = "var(--smtc-status-important-stroke, var(--smtc-status-important-background))";
+
+// @public (undocumented)
+export const statusImportantStrokeRaw = "--smtc-status-important-stroke";
+
+// @public (undocumented)
+export const statusImportantTintBackground = "var(--smtc-status-important-tint-background)";
+
+// @public (undocumented)
+export const statusImportantTintBackgroundRaw = "--smtc-status-important-tint-background";
+
+// @public (undocumented)
+export const statusImportantTintForeground = "var(--smtc-status-important-tint-foreground)";
+
+// @public (undocumented)
+export const statusImportantTintForegroundRaw = "--smtc-status-important-tint-foreground";
+
+// @public (undocumented)
+export const statusImportantTintStroke = "var(--smtc-status-important-tint-stroke)";
+
+// @public (undocumented)
+export const statusImportantTintStrokeRaw = "--smtc-status-important-tint-stroke";
+
+// @public (undocumented)
+export const statusInformativeBackground = "var(--smtc-status-informative-background)";
+
+// @public (undocumented)
+export const statusInformativeBackgroundRaw = "--smtc-status-informative-background";
+
+// @public (undocumented)
+export const statusInformativeForeground = "var(--smtc-status-informative-foreground, var(--smtc-foreground-ctrl-neutral-secondary-rest))";
+
+// @public (undocumented)
+export const statusInformativeForegroundRaw = "--smtc-status-informative-foreground";
+
+// @public (undocumented)
+export const statusInformativeStroke = "var(--smtc-status-informative-stroke, var(--smtc-status-informative-background))";
+
+// @public (undocumented)
+export const statusInformativeStrokeRaw = "--smtc-status-informative-stroke";
+
+// @public (undocumented)
+export const statusInformativeTintBackground = "var(--smtc-status-informative-tint-background)";
+
+// @public (undocumented)
+export const statusInformativeTintBackgroundRaw = "--smtc-status-informative-tint-background";
+
+// @public (undocumented)
+export const statusInformativeTintForeground = "var(--smtc-status-informative-tint-foreground)";
+
+// @public (undocumented)
+export const statusInformativeTintForegroundRaw = "--smtc-status-informative-tint-foreground";
+
+// @public (undocumented)
+export const statusInformativeTintStroke = "var(--smtc-status-informative-tint-stroke)";
+
+// @public (undocumented)
+export const statusInformativeTintStrokeRaw = "--smtc-status-informative-tint-stroke";
+
+// @public (undocumented)
+export const statusNeutralBackground = "var(--smtc-status-neutral-background)";
+
+// @public (undocumented)
+export const statusNeutralBackgroundRaw = "--smtc-status-neutral-background";
+
+// @public (undocumented)
+export const statusNeutralForeground = "var(--smtc-status-neutral-foreground, var(--smtc-foreground-ctrl-neutral-secondary-rest))";
+
+// @public (undocumented)
+export const statusNeutralForegroundRaw = "--smtc-status-neutral-foreground";
+
+// @public (undocumented)
+export const statusNeutralStroke = "var(--smtc-status-neutral-stroke, var(--smtc-status-neutral-background))";
+
+// @public (undocumented)
+export const statusNeutralStrokeRaw = "--smtc-status-neutral-stroke";
+
+// @public (undocumented)
+export const statusNeutralTintBackground = "var(--smtc-status-neutral-tint-background)";
+
+// @public (undocumented)
+export const statusNeutralTintBackgroundRaw = "--smtc-status-neutral-tint-background";
+
+// @public (undocumented)
+export const statusNeutralTintForeground = "var(--smtc-status-neutral-tint-foreground, var(--smtc-foreground-ctrl-neutral-secondary-rest))";
+
+// @public (undocumented)
+export const statusNeutralTintForegroundRaw = "--smtc-status-neutral-tint-foreground";
+
+// @public (undocumented)
+export const statusNeutralTintStroke = "var(--smtc-status-neutral-tint-stroke)";
+
+// @public (undocumented)
+export const statusNeutralTintStrokeRaw = "--smtc-status-neutral-tint-stroke";
+
+// @public (undocumented)
+export const statusOofForeground = "var(--smtc-status-oof-foreground)";
+
+// @public (undocumented)
+export const statusOofForegroundRaw = "--smtc-status-oof-foreground";
+
+// @public (undocumented)
+export const statusSuccessBackground = "var(--smtc-status-success-background)";
+
+// @public (undocumented)
+export const statusSuccessBackgroundRaw = "--smtc-status-success-background";
+
+// @public (undocumented)
+export const statusSuccessForeground = "var(--smtc-status-success-foreground, var(--smtc-foreground-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const statusSuccessForegroundRaw = "--smtc-status-success-foreground";
+
+// @public (undocumented)
+export const statusSuccessStroke = "var(--smtc-status-success-stroke, var(--smtc-status-success-background))";
+
+// @public (undocumented)
+export const statusSuccessStrokeRaw = "--smtc-status-success-stroke";
+
+// @public (undocumented)
+export const statusSuccessTintBackground = "var(--smtc-status-success-tint-background)";
+
+// @public (undocumented)
+export const statusSuccessTintBackgroundRaw = "--smtc-status-success-tint-background";
+
+// @public (undocumented)
+export const statusSuccessTintForeground = "var(--smtc-status-success-tint-foreground)";
+
+// @public (undocumented)
+export const statusSuccessTintForegroundRaw = "--smtc-status-success-tint-foreground";
+
+// @public (undocumented)
+export const statusSuccessTintStroke = "var(--smtc-status-success-tint-stroke)";
+
+// @public (undocumented)
+export const statusSuccessTintStrokeRaw = "--smtc-status-success-tint-stroke";
+
+// @public (undocumented)
+export const statusWarningBackground = "var(--smtc-status-warning-background)";
+
+// @public (undocumented)
+export const statusWarningBackgroundRaw = "--smtc-status-warning-background";
+
+// @public (undocumented)
+export const statusWarningForeground = "var(--smtc-status-warning-foreground, var(--smtc-foreground-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const statusWarningForegroundRaw = "--smtc-status-warning-foreground";
+
+// @public (undocumented)
+export const statusWarningStroke = "var(--smtc-status-warning-stroke, var(--smtc-status-warning-background))";
+
+// @public (undocumented)
+export const statusWarningStrokeRaw = "--smtc-status-warning-stroke";
+
+// @public (undocumented)
+export const statusWarningTintBackground = "var(--smtc-status-warning-tint-background)";
+
+// @public (undocumented)
+export const statusWarningTintBackgroundRaw = "--smtc-status-warning-tint-background";
+
+// @public (undocumented)
+export const statusWarningTintForeground = "var(--smtc-status-warning-tint-foreground)";
+
+// @public (undocumented)
+export const statusWarningTintForegroundRaw = "--smtc-status-warning-tint-foreground";
+
+// @public (undocumented)
+export const statusWarningTintStroke = "var(--smtc-status-warning-tint-stroke)";
+
+// @public (undocumented)
+export const statusWarningTintStrokeRaw = "--smtc-status-warning-tint-stroke";
+
+// @public (undocumented)
+export const strokeCardOnprimaryDisabled = "var(--smtc-stroke-card-onprimary-disabled, unset)";
+
+// @public (undocumented)
+export const strokeCardOnprimaryDisabledRaw = "--smtc-stroke-card-onprimary-disabled";
+
+// @public (undocumented)
+export const strokeCardOnprimaryHover = "var(--smtc-stroke-card-onprimary-hover, unset)";
+
+// @public (undocumented)
+export const strokeCardOnprimaryHoverRaw = "--smtc-stroke-card-onprimary-hover";
+
+// @public (undocumented)
+export const strokeCardOnprimaryPressed = "var(--smtc-stroke-card-onprimary-pressed, unset)";
+
+// @public (undocumented)
+export const strokeCardOnprimaryPressedRaw = "--smtc-stroke-card-onprimary-pressed";
+
+// @public (undocumented)
+export const strokeCardOnprimaryRest = "var(--smtc-stroke-card-onprimary-rest, unset)";
+
+// @public (undocumented)
+export const strokeCardOnprimaryRestRaw = "--smtc-stroke-card-onprimary-rest";
+
+// @public (undocumented)
+export const strokeCardOnsecondaryDisabled = "var(--smtc-stroke-card-onsecondary-disabled, unset)";
+
+// @public (undocumented)
+export const strokeCardOnsecondaryDisabledRaw = "--smtc-stroke-card-onsecondary-disabled";
+
+// @public (undocumented)
+export const strokeCardOnsecondaryHover = "var(--smtc-stroke-card-onsecondary-hover, unset)";
+
+// @public (undocumented)
+export const strokeCardOnsecondaryHoverRaw = "--smtc-stroke-card-onsecondary-hover";
+
+// @public (undocumented)
+export const strokeCardOnsecondaryPressed = "var(--smtc-stroke-card-onsecondary-pressed, unset)";
+
+// @public (undocumented)
+export const strokeCardOnsecondaryPressedRaw = "--smtc-stroke-card-onsecondary-pressed";
+
+// @public (undocumented)
+export const strokeCardOnsecondaryRest = "var(--smtc-stroke-card-onsecondary-rest, unset)";
+
+// @public (undocumented)
+export const strokeCardOnsecondaryRestRaw = "--smtc-stroke-card-onsecondary-rest";
+
+// @public (undocumented)
+export const strokeCardSelected = "var(--smtc-stroke-card-selected, unset)";
+
+// @public (undocumented)
+export const strokeCardSelectedRaw = "--smtc-stroke-card-selected";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnactivebrand = "var(--smtc-stroke-ctrl-divider-onactivebrand, var(--smtc-stroke-ctrl-divider-onbrand))";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnactivebrandDisabled = "var(--smtc-stroke-ctrl-divider-onactivebrand-disabled, var(--smtc-stroke-ctrl-divider-onbrand))";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnactivebrandDisabledRaw = "--smtc-stroke-ctrl-divider-onactivebrand-disabled";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnactivebrandRaw = "--smtc-stroke-ctrl-divider-onactivebrand";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnbrand = "var(--smtc-stroke-ctrl-divider-onbrand)";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnbrandDisabled = "var(--smtc-stroke-ctrl-divider-onbrand-disabled, var(--smtc-stroke-ctrl-divider-onbrand))";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnbrandDisabledRaw = "--smtc-stroke-ctrl-divider-onbrand-disabled";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnbrandRaw = "--smtc-stroke-ctrl-divider-onbrand";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnneutral = "var(--smtc-stroke-ctrl-divider-onneutral)";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnneutralDisabled = "var(--smtc-stroke-ctrl-divider-onneutral-disabled, var(--smtc-stroke-ctrl-divider-onneutral))";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnneutralDisabledRaw = "--smtc-stroke-ctrl-divider-onneutral-disabled";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnneutralRaw = "--smtc-stroke-ctrl-divider-onneutral";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnoutline = "var(--smtc-stroke-ctrl-divider-onoutline)";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnoutlineDisabled = "var(--smtc-stroke-ctrl-divider-onoutline-disabled, var(--smtc-stroke-ctrl-divider-onoutline))";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnoutlineDisabledRaw = "--smtc-stroke-ctrl-divider-onoutline-disabled";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnoutlineRaw = "--smtc-stroke-ctrl-divider-onoutline";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnsubtle = "var(--smtc-stroke-ctrl-divider-onsubtle, unset)";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnsubtleDisabled = "var(--smtc-stroke-ctrl-divider-onsubtle-disabled, unset)";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnsubtleDisabledRaw = "--smtc-stroke-ctrl-divider-onsubtle-disabled";
+
+// @public (undocumented)
+export const strokeCtrlDividerOnsubtleRaw = "--smtc-stroke-ctrl-divider-onsubtle";
+
+// @public (undocumented)
+export const strokeCtrlOnactivebrandDisabled = "var(--smtc-stroke-ctrl-onactivebrand-disabled, var(--smtc-stroke-ctrl-onbrand-disabled))";
+
+// @public (undocumented)
+export const strokeCtrlOnactivebrandDisabledRaw = "--smtc-stroke-ctrl-onactivebrand-disabled";
+
+// @public (undocumented)
+export const strokeCtrlOnactivebrandDisabledStop2 = "var(--smtc-stroke-ctrl-onactivebrand-disabledstop2, var(--smtc-stroke-ctrl-onbrand-disabled))";
+
+// @public (undocumented)
+export const strokeCtrlOnactivebrandDisabledStop2Raw = "--smtc-stroke-ctrl-onactivebrand-disabledstop2";
+
+// @public (undocumented)
+export const strokeCtrlOnactivebrandHover = "var(--smtc-stroke-ctrl-onactivebrand-hover, var(--smtc-stroke-ctrl-onbrand-hover))";
+
+// @public (undocumented)
+export const strokeCtrlOnactivebrandHoverRaw = "--smtc-stroke-ctrl-onactivebrand-hover";
+
+// @public (undocumented)
+export const strokeCtrlOnactivebrandHoverStop2 = "var(--smtc-stroke-ctrl-onactivebrand-hoverstop2, var(--smtc-stroke-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const strokeCtrlOnactivebrandHoverStop2Raw = "--smtc-stroke-ctrl-onactivebrand-hoverstop2";
+
+// @public (undocumented)
+export const strokeCtrlOnactivebrandPressed = "var(--smtc-stroke-ctrl-onactivebrand-pressed, var(--smtc-stroke-ctrl-onbrand-pressed))";
+
+// @public (undocumented)
+export const strokeCtrlOnactivebrandPressedRaw = "--smtc-stroke-ctrl-onactivebrand-pressed";
+
+// @public (undocumented)
+export const strokeCtrlOnactivebrandPressedStop2 = "var(--smtc-stroke-ctrl-onactivebrand-pressedstop2, var(--smtc-stroke-ctrl-onbrand-pressed))";
+
+// @public (undocumented)
+export const strokeCtrlOnactivebrandPressedStop2Raw = "--smtc-stroke-ctrl-onactivebrand-pressedstop2";
+
+// @public (undocumented)
+export const strokeCtrlOnactivebrandRest = "var(--smtc-stroke-ctrl-onactivebrand-rest, var(--smtc-stroke-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const strokeCtrlOnactivebrandRestRaw = "--smtc-stroke-ctrl-onactivebrand-rest";
+
+// @public (undocumented)
+export const strokeCtrlOnactivebrandRestStop2 = "var(--smtc-stroke-ctrl-onactivebrand-reststop2, var(--smtc-stroke-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const strokeCtrlOnactivebrandRestStop2Raw = "--smtc-stroke-ctrl-onactivebrand-reststop2";
+
+// @public (undocumented)
+export const strokeCtrlOnbrandDisabled = "var(--smtc-stroke-ctrl-onbrand-disabled, unset)";
+
+// @public (undocumented)
+export const strokeCtrlOnbrandDisabledRaw = "--smtc-stroke-ctrl-onbrand-disabled";
+
+// @public (undocumented)
+export const strokeCtrlOnbrandDisabledStop2 = "var(--smtc-stroke-ctrl-onbrand-disabledstop2, var(--smtc-stroke-ctrl-onbrand-disabled))";
+
+// @public (undocumented)
+export const strokeCtrlOnbrandDisabledStop2Raw = "--smtc-stroke-ctrl-onbrand-disabledstop2";
+
+// @public (undocumented)
+export const strokeCtrlOnbrandHover = "var(--smtc-stroke-ctrl-onbrand-hover, unset)";
+
+// @public (undocumented)
+export const strokeCtrlOnbrandHoverRaw = "--smtc-stroke-ctrl-onbrand-hover";
+
+// @public (undocumented)
+export const strokeCtrlOnbrandHoverStop2 = "var(--smtc-stroke-ctrl-onbrand-hoverstop2, var(--smtc-stroke-ctrl-onbrand-hover))";
+
+// @public (undocumented)
+export const strokeCtrlOnbrandHoverStop2Raw = "--smtc-stroke-ctrl-onbrand-hoverstop2";
+
+// @public (undocumented)
+export const strokeCtrlOnbrandPressed = "var(--smtc-stroke-ctrl-onbrand-pressed, unset)";
+
+// @public (undocumented)
+export const strokeCtrlOnbrandPressedRaw = "--smtc-stroke-ctrl-onbrand-pressed";
+
+// @public (undocumented)
+export const strokeCtrlOnbrandPressedStop2 = "var(--smtc-stroke-ctrl-onbrand-pressedstop2, var(--smtc-stroke-ctrl-onbrand-pressed))";
+
+// @public (undocumented)
+export const strokeCtrlOnbrandPressedStop2Raw = "--smtc-stroke-ctrl-onbrand-pressedstop2";
+
+// @public (undocumented)
+export const strokeCtrlOnbrandRest = "var(--smtc-stroke-ctrl-onbrand-rest, unset)";
+
+// @public (undocumented)
+export const strokeCtrlOnbrandRestRaw = "--smtc-stroke-ctrl-onbrand-rest";
+
+// @public (undocumented)
+export const strokeCtrlOnbrandRestStop2 = "var(--smtc-stroke-ctrl-onbrand-reststop2, var(--smtc-stroke-ctrl-onbrand-rest))";
+
+// @public (undocumented)
+export const strokeCtrlOnbrandRestStop2Raw = "--smtc-stroke-ctrl-onbrand-reststop2";
+
+// @public (undocumented)
+export const strokeCtrlOnneutralDisabled = "var(--smtc-stroke-ctrl-onneutral-disabled, unset)";
+
+// @public (undocumented)
+export const strokeCtrlOnneutralDisabledRaw = "--smtc-stroke-ctrl-onneutral-disabled";
+
+// @public (undocumented)
+export const strokeCtrlOnneutralDisabledStop2 = "var(--smtc-stroke-ctrl-onneutral-disabledstop2, var(--smtc-stroke-ctrl-onneutral-disabled))";
+
+// @public (undocumented)
+export const strokeCtrlOnneutralDisabledStop2Raw = "--smtc-stroke-ctrl-onneutral-disabledstop2";
+
+// @public (undocumented)
+export const strokeCtrlOnneutralHover = "var(--smtc-stroke-ctrl-onneutral-hover, unset)";
+
+// @public (undocumented)
+export const strokeCtrlOnneutralHoverRaw = "--smtc-stroke-ctrl-onneutral-hover";
+
+// @public (undocumented)
+export const strokeCtrlOnneutralHoverStop2 = "var(--smtc-stroke-ctrl-onneutral-hoverstop2, var(--smtc-stroke-ctrl-onneutral-pressed))";
+
+// @public (undocumented)
+export const strokeCtrlOnneutralHoverStop2Raw = "--smtc-stroke-ctrl-onneutral-hoverstop2";
+
+// @public (undocumented)
+export const strokeCtrlOnneutralPressed = "var(--smtc-stroke-ctrl-onneutral-pressed, unset)";
+
+// @public (undocumented)
+export const strokeCtrlOnneutralPressedRaw = "--smtc-stroke-ctrl-onneutral-pressed";
+
+// @public (undocumented)
+export const strokeCtrlOnneutralPressedStop2 = "var(--smtc-stroke-ctrl-onneutral-pressedstop2, var(--smtc-stroke-ctrl-onneutral-hover))";
+
+// @public (undocumented)
+export const strokeCtrlOnneutralPressedStop2Raw = "--smtc-stroke-ctrl-onneutral-pressedstop2";
+
+// @public (undocumented)
+export const strokeCtrlOnneutralRest = "var(--smtc-stroke-ctrl-onneutral-rest, unset)";
+
+// @public (undocumented)
+export const strokeCtrlOnneutralRestRaw = "--smtc-stroke-ctrl-onneutral-rest";
+
+// @public (undocumented)
+export const strokeCtrlOnneutralRestStop2 = "var(--smtc-stroke-ctrl-onneutral-reststop2, var(--smtc-stroke-ctrl-onneutral-rest))";
+
+// @public (undocumented)
+export const strokeCtrlOnneutralRestStop2Raw = "--smtc-stroke-ctrl-onneutral-reststop2";
+
+// @public (undocumented)
+export const strokeCtrlOnoutlineDisabled = "var(--smtc-stroke-ctrl-onoutline-disabled)";
+
+// @public (undocumented)
+export const strokeCtrlOnoutlineDisabledRaw = "--smtc-stroke-ctrl-onoutline-disabled";
+
+// @public (undocumented)
+export const strokeCtrlOnoutlineDisabledStop2 = "var(--smtc-stroke-ctrl-onoutline-disabledstop2, var(--smtc-stroke-ctrl-onoutline-disabled))";
+
+// @public (undocumented)
+export const strokeCtrlOnoutlineDisabledStop2Raw = "--smtc-stroke-ctrl-onoutline-disabledstop2";
+
+// @public (undocumented)
+export const strokeCtrlOnoutlineHover = "var(--smtc-stroke-ctrl-onoutline-hover)";
+
+// @public (undocumented)
+export const strokeCtrlOnoutlineHoverRaw = "--smtc-stroke-ctrl-onoutline-hover";
+
+// @public (undocumented)
+export const strokeCtrlOnoutlineHoverStop2 = "var(--smtc-stroke-ctrl-onoutline-hoverstop2, var(--smtc-stroke-ctrl-onoutline-hover))";
+
+// @public (undocumented)
+export const strokeCtrlOnoutlineHoverStop2Raw = "--smtc-stroke-ctrl-onoutline-hoverstop2";
+
+// @public (undocumented)
+export const strokeCtrlOnoutlinePressed = "var(--smtc-stroke-ctrl-onoutline-pressed)";
+
+// @public (undocumented)
+export const strokeCtrlOnoutlinePressedRaw = "--smtc-stroke-ctrl-onoutline-pressed";
+
+// @public (undocumented)
+export const strokeCtrlOnoutlinePressedStop2 = "var(--smtc-stroke-ctrl-onoutline-pressedstop2, var(--smtc-stroke-ctrl-onoutline-pressed))";
+
+// @public (undocumented)
+export const strokeCtrlOnoutlinePressedStop2Raw = "--smtc-stroke-ctrl-onoutline-pressedstop2";
+
+// @public (undocumented)
+export const strokeCtrlOnoutlineRest = "var(--smtc-stroke-ctrl-onoutline-rest)";
+
+// @public (undocumented)
+export const strokeCtrlOnoutlineRestRaw = "--smtc-stroke-ctrl-onoutline-rest";
+
+// @public (undocumented)
+export const strokeCtrlOnoutlineRestStop2 = "var(--smtc-stroke-ctrl-onoutline-reststop2, var(--smtc-stroke-ctrl-onoutline-rest))";
+
+// @public (undocumented)
+export const strokeCtrlOnoutlineRestStop2Raw = "--smtc-stroke-ctrl-onoutline-reststop2";
+
+// @public (undocumented)
+export const strokeCtrlOnsubtleDisabled = "var(--smtc-stroke-ctrl-onsubtle-disabled, unset)";
+
+// @public (undocumented)
+export const strokeCtrlOnsubtleDisabledRaw = "--smtc-stroke-ctrl-onsubtle-disabled";
+
+// @public (undocumented)
+export const strokeCtrlOnsubtleHover = "var(--smtc-stroke-ctrl-onsubtle-hover, unset)";
+
+// @public (undocumented)
+export const strokeCtrlOnsubtleHoverRaw = "--smtc-stroke-ctrl-onsubtle-hover";
+
+// @public (undocumented)
+export const strokeCtrlOnsubtleHoversplit = "var(--smtc-stroke-ctrl-onsubtle-hoversplit, unset)";
+
+// @public (undocumented)
+export const strokeCtrlOnsubtleHoversplitRaw = "--smtc-stroke-ctrl-onsubtle-hoversplit";
+
+// @public (undocumented)
+export const strokeCtrlOnsubtlePressed = "var(--smtc-stroke-ctrl-onsubtle-pressed, unset)";
+
+// @public (undocumented)
+export const strokeCtrlOnsubtlePressedRaw = "--smtc-stroke-ctrl-onsubtle-pressed";
+
+// @public (undocumented)
+export const strokeCtrlOnsubtleRest = "var(--smtc-stroke-ctrl-onsubtle-rest, unset)";
+
+// @public (undocumented)
+export const strokeCtrlOnsubtleRestRaw = "--smtc-stroke-ctrl-onsubtle-rest";
+
+// @public (undocumented)
+export const strokeDividerBrand = "var(--smtc-stroke-divider-brand, var(--smtc-background-ctrl-brand-rest))";
+
+// @public (undocumented)
+export const strokeDividerBrandRaw = "--smtc-stroke-divider-brand";
+
+// @public (undocumented)
+export const strokeDividerDefault = "var(--smtc-stroke-divider-default)";
+
+// @public (undocumented)
+export const strokeDividerDefaultRaw = "--smtc-stroke-divider-default";
+
+// @public (undocumented)
+export const strokeDividerStrong = "var(--smtc-stroke-divider-strong, var(--smtc-stroke-divider-default))";
+
+// @public (undocumented)
+export const strokeDividerStrongRaw = "--smtc-stroke-divider-strong";
+
+// @public (undocumented)
+export const strokeDividerSubtle = "var(--smtc-stroke-divider-subtle, var(--smtc-stroke-divider-default))";
+
+// @public (undocumented)
+export const strokeDividerSubtleRaw = "--smtc-stroke-divider-subtle";
+
+// @public (undocumented)
+export const strokeFlyout = "var(--smtc-stroke-flyout, unset)";
+
+// @public (undocumented)
+export const strokeFlyoutRaw = "--smtc-stroke-flyout";
+
+// @public (undocumented)
+export const strokeImage = "var(--smtc-stroke-image, unset)";
+
+// @public (undocumented)
+export const strokeImageRaw = "--smtc-stroke-image";
+
+// @public (undocumented)
+export const strokeLayer = "var(--smtc-stroke-layer, unset)";
+
+// @public (undocumented)
+export const strokeLayerRaw = "--smtc-stroke-layer";
+
+// @public (undocumented)
+export const strokeToolbar = "var(--smtc-stroke-toolbar, var(--smtc-stroke-card-onprimary-rest))";
+
+// @public (undocumented)
+export const strokeToolbarRaw = "--smtc-stroke-toolbar";
+
+// @public (undocumented)
+export const strokewidthCtrlOutlineHover = "var(--smtc-strokewidth-ctrl-outline-hover, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const strokewidthCtrlOutlineHoverRaw = "--smtc-strokewidth-ctrl-outline-hover";
+
+// @public (undocumented)
+export const strokewidthCtrlOutlinePressed = "var(--smtc-strokewidth-ctrl-outline-pressed, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const strokewidthCtrlOutlinePressedRaw = "--smtc-strokewidth-ctrl-outline-pressed";
+
+// @public (undocumented)
+export const strokewidthCtrlOutlineRest = "var(--smtc-strokewidth-ctrl-outline-rest, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const strokewidthCtrlOutlineRestRaw = "--smtc-strokewidth-ctrl-outline-rest";
+
+// @public (undocumented)
+export const strokewidthCtrlOutlineSelected = "var(--smtc-strokewidth-ctrl-outline-selected, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const strokewidthCtrlOutlineSelectedRaw = "--smtc-strokewidth-ctrl-outline-selected";
+
+// @public (undocumented)
+export const strokewidthDefault = "var(--smtc-strokewidth-default, var(--strokeWidthThin))";
+
+// @public (undocumented)
+export const strokewidthDefaultRaw = "--smtc-strokewidth-default";
+
+// @public (undocumented)
+export const strokewidthDividerDefault = "var(--smtc-strokewidth-divider-default, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const strokewidthDividerDefaultRaw = "--smtc-strokewidth-divider-default";
+
+// @public (undocumented)
+export const strokewidthDividerStrong = "var(--smtc-strokewidth-divider-strong, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const strokewidthDividerStrongRaw = "--smtc-strokewidth-divider-strong";
+
+// @public (undocumented)
+export const strokewidthWindowDefault = "var(--smtc-strokewidth-window-default, var(--smtc-strokewidth-default))";
+
+// @public (undocumented)
+export const strokewidthWindowDefaultRaw = "--smtc-strokewidth-window-default";
+
+// @public (undocumented)
+export const strokeWindowActive = "var(--smtc-stroke-window-active)";
+
+// @public (undocumented)
+export const strokeWindowActiveRaw = "--smtc-stroke-window-active";
+
+// @public (undocumented)
+export const strokeWindowInactive = "var(--smtc-stroke-window-inactive, var(--smtc-stroke-window-active))";
+
+// @public (undocumented)
+export const strokeWindowInactiveRaw = "--smtc-stroke-window-inactive";
+
+// @public (undocumented)
+export const textCtrlButtonWeightDefault = "var(--smtc-text-ctrl-button-weight-default, var(--smtc-text-style-default-regular-weight))";
+
+// @public (undocumented)
+export const textCtrlButtonWeightDefaultRaw = "--smtc-text-ctrl-button-weight-default";
+
+// @public (undocumented)
+export const textCtrlButtonWeightSelected = "var(--smtc-text-ctrl-button-weight-selected, var(--smtc-text-ctrl-weight-selected))";
+
+// @public (undocumented)
+export const textCtrlButtonWeightSelectedRaw = "--smtc-text-ctrl-button-weight-selected";
+
+// @public (undocumented)
+export const textCtrlWeightDefault = "var(--smtc-text-ctrl-weight-default, var(--smtc-text-style-default-regular-weight))";
+
+// @public (undocumented)
+export const textCtrlWeightDefaultRaw = "--smtc-text-ctrl-weight-default";
+
+// @public (undocumented)
+export const textCtrlWeightSelected = "var(--smtc-text-ctrl-weight-selected)";
+
+// @public (undocumented)
+export const textCtrlWeightSelectedRaw = "--smtc-text-ctrl-weight-selected";
+
+// @public (undocumented)
+export const textGlobalBody1Fontsize = "var(--smtc-text-global-body1-fontsize)";
+
+// @public (undocumented)
+export const textGlobalBody1FontsizeRaw = "--smtc-text-global-body1-fontsize";
+
+// @public (undocumented)
+export const textGlobalBody1Lineheight = "var(--smtc-text-global-body1-lineheight)";
+
+// @public (undocumented)
+export const textGlobalBody1LineheightRaw = "--smtc-text-global-body1-lineheight";
+
+// @public (undocumented)
+export const textGlobalBody2Fontsize = "var(--smtc-text-global-body2-fontsize)";
+
+// @public (undocumented)
+export const textGlobalBody2FontsizeRaw = "--smtc-text-global-body2-fontsize";
+
+// @public (undocumented)
+export const textGlobalBody2Lineheight = "var(--smtc-text-global-body2-lineheight)";
+
+// @public (undocumented)
+export const textGlobalBody2LineheightRaw = "--smtc-text-global-body2-lineheight";
+
+// @public (undocumented)
+export const textGlobalBody3Fontsize = "var(--smtc-text-global-body3-fontsize, var(--fontSizeBase300))";
+
+// @public (undocumented)
+export const textGlobalBody3FontsizeRaw = "--smtc-text-global-body3-fontsize";
+
+// @public (undocumented)
+export const textGlobalBody3Lineheight = "var(--smtc-text-global-body3-lineheight)";
+
+// @public (undocumented)
+export const textGlobalBody3LineheightRaw = "--smtc-text-global-body3-lineheight";
+
+// @public (undocumented)
+export const textGlobalCaption1Fontsize = "var(--smtc-text-global-caption1-fontsize)";
+
+// @public (undocumented)
+export const textGlobalCaption1FontsizeRaw = "--smtc-text-global-caption1-fontsize";
+
+// @public (undocumented)
+export const textGlobalCaption1Lineheight = "var(--smtc-text-global-caption1-lineheight)";
+
+// @public (undocumented)
+export const textGlobalCaption1LineheightRaw = "--smtc-text-global-caption1-lineheight";
+
+// @public (undocumented)
+export const textGlobalCaption2Fontsize = "var(--smtc-text-global-caption2-fontsize)";
+
+// @public (undocumented)
+export const textGlobalCaption2FontsizeRaw = "--smtc-text-global-caption2-fontsize";
+
+// @public (undocumented)
+export const textGlobalCaption2Lineheight = "var(--smtc-text-global-caption2-lineheight)";
+
+// @public (undocumented)
+export const textGlobalCaption2LineheightRaw = "--smtc-text-global-caption2-lineheight";
+
+// @public (undocumented)
+export const textGlobalDisplay1Fontsize = "var(--smtc-text-global-display1-fontsize)";
+
+// @public (undocumented)
+export const textGlobalDisplay1FontsizeRaw = "--smtc-text-global-display1-fontsize";
+
+// @public (undocumented)
+export const textGlobalDisplay1Lineheight = "var(--smtc-text-global-display1-lineheight)";
+
+// @public (undocumented)
+export const textGlobalDisplay1LineheightRaw = "--smtc-text-global-display1-lineheight";
+
+// @public (undocumented)
+export const textGlobalDisplay2Fontsize = "var(--smtc-text-global-display2-fontsize)";
+
+// @public (undocumented)
+export const textGlobalDisplay2FontsizeRaw = "--smtc-text-global-display2-fontsize";
+
+// @public (undocumented)
+export const textGlobalDisplay2Lineheight = "var(--smtc-text-global-display2-lineheight)";
+
+// @public (undocumented)
+export const textGlobalDisplay2LineheightRaw = "--smtc-text-global-display2-lineheight";
+
+// @public (undocumented)
+export const textGlobalSubtitle1Fontsize = "var(--smtc-text-global-subtitle1-fontsize)";
+
+// @public (undocumented)
+export const textGlobalSubtitle1FontsizeRaw = "--smtc-text-global-subtitle1-fontsize";
+
+// @public (undocumented)
+export const textGlobalSubtitle1Lineheight = "var(--smtc-text-global-subtitle1-lineheight)";
+
+// @public (undocumented)
+export const textGlobalSubtitle1LineheightRaw = "--smtc-text-global-subtitle1-lineheight";
+
+// @public (undocumented)
+export const textGlobalSubtitle2Fontsize = "var(--smtc-text-global-subtitle2-fontsize)";
+
+// @public (undocumented)
+export const textGlobalSubtitle2FontsizeRaw = "--smtc-text-global-subtitle2-fontsize";
+
+// @public (undocumented)
+export const textGlobalSubtitle2Lineheight = "var(--smtc-text-global-subtitle2-lineheight)";
+
+// @public (undocumented)
+export const textGlobalSubtitle2LineheightRaw = "--smtc-text-global-subtitle2-lineheight";
+
+// @public (undocumented)
+export const textGlobalTitle1Fontsize = "var(--smtc-text-global-title1-fontsize)";
+
+// @public (undocumented)
+export const textGlobalTitle1FontsizeRaw = "--smtc-text-global-title1-fontsize";
+
+// @public (undocumented)
+export const textGlobalTitle1Lineheight = "var(--smtc-text-global-title1-lineheight)";
+
+// @public (undocumented)
+export const textGlobalTitle1LineheightRaw = "--smtc-text-global-title1-lineheight";
+
+// @public (undocumented)
+export const textGlobalTitle2Fontsize = "var(--smtc-text-global-title2-fontsize)";
+
+// @public (undocumented)
+export const textGlobalTitle2FontsizeRaw = "--smtc-text-global-title2-fontsize";
+
+// @public (undocumented)
+export const textGlobalTitle2Lineheight = "var(--smtc-text-global-title2-lineheight)";
+
+// @public (undocumented)
+export const textGlobalTitle2LineheightRaw = "--smtc-text-global-title2-lineheight";
+
+// @public (undocumented)
+export const textRampItembodyFontsize = "var(--smtc-text-ramp-itembody-fontsize, var(--smtc-text-global-body3-fontsize))";
+
+// @public (undocumented)
+export const textRampItembodyFontsizeRaw = "--smtc-text-ramp-itembody-fontsize";
+
+// @public (undocumented)
+export const textRampItembodyLineheight = "var(--smtc-text-ramp-itembody-lineheight, var(--smtc-text-global-body3-lineheight))";
+
+// @public (undocumented)
+export const textRampItembodyLineheightRaw = "--smtc-text-ramp-itembody-lineheight";
+
+// @public (undocumented)
+export const textRampItemheaderFontsize = "var(--smtc-text-ramp-itemheader-fontsize, var(--smtc-text-global-body2-fontsize))";
+
+// @public (undocumented)
+export const textRampItemheaderFontsizeRaw = "--smtc-text-ramp-itemheader-fontsize";
+
+// @public (undocumented)
+export const textRampItemheaderLineheight = "var(--smtc-text-ramp-itemheader-lineheight, var(--smtc-text-global-body2-lineheight))";
+
+// @public (undocumented)
+export const textRampItemheaderLineheightRaw = "--smtc-text-ramp-itemheader-lineheight";
+
+// @public (undocumented)
+export const textRampLegalFontsize = "var(--smtc-text-ramp-legal-fontsize, var(--smtc-text-global-caption2-fontsize))";
+
+// @public (undocumented)
+export const textRampLegalFontsizeRaw = "--smtc-text-ramp-legal-fontsize";
+
+// @public (undocumented)
+export const textRampLegalLineheight = "var(--smtc-text-ramp-legal-lineheight, var(--smtc-text-global-caption2-lineheight))";
+
+// @public (undocumented)
+export const textRampLegalLineheightRaw = "--smtc-text-ramp-legal-lineheight";
+
+// @public (undocumented)
+export const textRampLgItembodyFontsize = "var(--smtc-text-ramp-lg-itembody-fontsize, var(--smtc-text-global-body2-fontsize))";
+
+// @public (undocumented)
+export const textRampLgItembodyFontsizeRaw = "--smtc-text-ramp-lg-itembody-fontsize";
+
+// @public (undocumented)
+export const textRampLgItembodyLineheight = "var(--smtc-text-ramp-lg-itembody-lineheight, var(--smtc-text-global-body2-lineheight))";
+
+// @public (undocumented)
+export const textRampLgItembodyLineheightRaw = "--smtc-text-ramp-lg-itembody-lineheight";
+
+// @public (undocumented)
+export const textRampLgItemheaderFontsize = "var(--smtc-text-ramp-lg-itemheader-fontsize, var(--smtc-text-global-subtitle2-fontsize))";
+
+// @public (undocumented)
+export const textRampLgItemheaderFontsizeRaw = "--smtc-text-ramp-lg-itemheader-fontsize";
+
+// @public (undocumented)
+export const textRampLgItemheaderLineheight = "var(--smtc-text-ramp-lg-itemheader-lineheight, var(--smtc-text-global-subtitle2-lineheight))";
+
+// @public (undocumented)
+export const textRampLgItemheaderLineheightRaw = "--smtc-text-ramp-lg-itemheader-lineheight";
+
+// @public (undocumented)
+export const textRampLgLegalFontsize = "var(--smtc-text-ramp-lg-legal-fontsize, var(--smtc-text-global-caption1-fontsize))";
+
+// @public (undocumented)
+export const textRampLgLegalFontsizeRaw = "--smtc-text-ramp-lg-legal-fontsize";
+
+// @public (undocumented)
+export const textRampLgLegalLineheight = "var(--smtc-text-ramp-lg-legal-lineheight, var(--smtc-text-global-caption1-lineheight))";
+
+// @public (undocumented)
+export const textRampLgLegalLineheightRaw = "--smtc-text-ramp-lg-legal-lineheight";
+
+// @public (undocumented)
+export const textRampLgMetadataFontsize = "var(--smtc-text-ramp-lg-metadata-fontsize, var(--smtc-text-global-body3-fontsize))";
+
+// @public (undocumented)
+export const textRampLgMetadataFontsizeRaw = "--smtc-text-ramp-lg-metadata-fontsize";
+
+// @public (undocumented)
+export const textRampLgMetadataLineheight = "var(--smtc-text-ramp-lg-metadata-lineheight, var(--smtc-text-global-body3-lineheight))";
+
+// @public (undocumented)
+export const textRampLgMetadataLineheightRaw = "--smtc-text-ramp-lg-metadata-lineheight";
+
+// @public (undocumented)
+export const textRampLgPageheaderFontsize = "var(--smtc-text-ramp-lg-pageheader-fontsize, var(--smtc-text-global-title1-fontsize))";
+
+// @public (undocumented)
+export const textRampLgPageheaderFontsizeRaw = "--smtc-text-ramp-lg-pageheader-fontsize";
+
+// @public (undocumented)
+export const textRampLgPageheaderLineheight = "var(--smtc-text-ramp-lg-pageheader-lineheight, var(--smtc-text-global-title1-lineheight))";
+
+// @public (undocumented)
+export const textRampLgPageheaderLineheightRaw = "--smtc-text-ramp-lg-pageheader-lineheight";
+
+// @public (undocumented)
+export const textRampLgReadingbodyFontsize = "var(--smtc-text-ramp-lg-readingbody-fontsize, var(--smtc-text-global-body1-fontsize))";
+
+// @public (undocumented)
+export const textRampLgReadingbodyFontsizeRaw = "--smtc-text-ramp-lg-readingbody-fontsize";
+
+// @public (undocumented)
+export const textRampLgReadingbodyLineheight = "var(--smtc-text-ramp-lg-readingbody-lineheight, var(--smtc-text-global-body1-lineheight))";
+
+// @public (undocumented)
+export const textRampLgReadingbodyLineheightRaw = "--smtc-text-ramp-lg-readingbody-lineheight";
+
+// @public (undocumented)
+export const textRampLgSectionheaderFontsize = "var(--smtc-text-ramp-lg-sectionheader-fontsize, var(--smtc-text-global-title2-fontsize))";
+
+// @public (undocumented)
+export const textRampLgSectionheaderFontsizeRaw = "--smtc-text-ramp-lg-sectionheader-fontsize";
+
+// @public (undocumented)
+export const textRampLgSectionheaderLineheight = "var(--smtc-text-ramp-lg-sectionheader-lineheight, var(--smtc-text-global-title2-lineheight))";
+
+// @public (undocumented)
+export const textRampLgSectionheaderLineheightRaw = "--smtc-text-ramp-lg-sectionheader-lineheight";
+
+// @public (undocumented)
+export const textRampLgSubsectionheaderFontsize = "var(--smtc-text-ramp-lg-subsectionheader-fontsize, var(--smtc-text-global-subtitle1-fontsize))";
+
+// @public (undocumented)
+export const textRampLgSubsectionheaderFontsizeRaw = "--smtc-text-ramp-lg-subsectionheader-fontsize";
+
+// @public (undocumented)
+export const textRampLgSubsectionheaderLineheight = "var(--smtc-text-ramp-lg-subsectionheader-lineheight, var(--smtc-text-global-subtitle1-lineheight))";
+
+// @public (undocumented)
+export const textRampLgSubsectionheaderLineheightRaw = "--smtc-text-ramp-lg-subsectionheader-lineheight";
+
+// @public (undocumented)
+export const textRampMetadataFontsize = "var(--smtc-text-ramp-metadata-fontsize, var(--smtc-text-global-caption1-fontsize))";
+
+// @public (undocumented)
+export const textRampMetadataFontsizeRaw = "--smtc-text-ramp-metadata-fontsize";
+
+// @public (undocumented)
+export const textRampMetadataLineheight = "var(--smtc-text-ramp-metadata-lineheight, var(--smtc-text-global-caption1-lineheight))";
+
+// @public (undocumented)
+export const textRampMetadataLineheightRaw = "--smtc-text-ramp-metadata-lineheight";
+
+// @public (undocumented)
+export const textRampPageheaderFontsize = "var(--smtc-text-ramp-pageheader-fontsize, var(--smtc-text-global-title2-fontsize))";
+
+// @public (undocumented)
+export const textRampPageheaderFontsizeRaw = "--smtc-text-ramp-pageheader-fontsize";
+
+// @public (undocumented)
+export const textRampPageheaderLineheight = "var(--smtc-text-ramp-pageheader-lineheight, var(--smtc-text-global-title2-lineheight))";
+
+// @public (undocumented)
+export const textRampPageheaderLineheightRaw = "--smtc-text-ramp-pageheader-lineheight";
+
+// @public (undocumented)
+export const textRampReadingbodyFontsize = "var(--smtc-text-ramp-readingbody-fontsize, var(--smtc-text-global-body2-fontsize))";
+
+// @public (undocumented)
+export const textRampReadingbodyFontsizeRaw = "--smtc-text-ramp-readingbody-fontsize";
+
+// @public (undocumented)
+export const textRampReadingbodyLineheight = "var(--smtc-text-ramp-readingbody-lineheight, var(--smtc-text-global-body2-lineheight))";
+
+// @public (undocumented)
+export const textRampReadingbodyLineheightRaw = "--smtc-text-ramp-readingbody-lineheight";
+
+// @public (undocumented)
+export const textRampSectionheaderFontsize = "var(--smtc-text-ramp-sectionheader-fontsize, var(--smtc-text-global-subtitle1-fontsize))";
+
+// @public (undocumented)
+export const textRampSectionheaderFontsizeRaw = "--smtc-text-ramp-sectionheader-fontsize";
+
+// @public (undocumented)
+export const textRampSectionheaderLineheight = "var(--smtc-text-ramp-sectionheader-lineheight, var(--smtc-text-global-subtitle1-lineheight))";
+
+// @public (undocumented)
+export const textRampSectionheaderLineheightRaw = "--smtc-text-ramp-sectionheader-lineheight";
+
+// @public (undocumented)
+export const textRampSmItembodyFontsize = "var(--smtc-text-ramp-sm-itembody-fontsize, var(--smtc-text-global-caption1-fontsize))";
+
+// @public (undocumented)
+export const textRampSmItembodyFontsizeRaw = "--smtc-text-ramp-sm-itembody-fontsize";
+
+// @public (undocumented)
+export const textRampSmItembodyLineheight = "var(--smtc-text-ramp-sm-itembody-lineheight, var(--smtc-text-global-caption1-lineheight))";
+
+// @public (undocumented)
+export const textRampSmItembodyLineheightRaw = "--smtc-text-ramp-sm-itembody-lineheight";
+
+// @public (undocumented)
+export const textRampSmItemheaderFontsize = "var(--smtc-text-ramp-sm-itemheader-fontsize, var(--smtc-text-global-body3-fontsize))";
+
+// @public (undocumented)
+export const textRampSmItemheaderFontsizeRaw = "--smtc-text-ramp-sm-itemheader-fontsize";
+
+// @public (undocumented)
+export const textRampSmItemheaderLineheight = "var(--smtc-text-ramp-sm-itemheader-lineheight, var(--smtc-text-global-body3-lineheight))";
+
+// @public (undocumented)
+export const textRampSmItemheaderLineheightRaw = "--smtc-text-ramp-sm-itemheader-lineheight";
+
+// @public (undocumented)
+export const textRampSmLegalFontsize = "var(--smtc-text-ramp-sm-legal-fontsize, var(--smtc-text-global-caption2-fontsize))";
+
+// @public (undocumented)
+export const textRampSmLegalFontsizeRaw = "--smtc-text-ramp-sm-legal-fontsize";
+
+// @public (undocumented)
+export const textRampSmLegalLineheight = "var(--smtc-text-ramp-sm-legal-lineheight, var(--smtc-text-global-caption2-lineheight))";
+
+// @public (undocumented)
+export const textRampSmLegalLineheightRaw = "--smtc-text-ramp-sm-legal-lineheight";
+
+// @public (undocumented)
+export const textRampSmMetadataFontsize = "var(--smtc-text-ramp-sm-metadata-fontsize, var(--smtc-text-global-caption1-fontsize))";
+
+// @public (undocumented)
+export const textRampSmMetadataFontsizeRaw = "--smtc-text-ramp-sm-metadata-fontsize";
+
+// @public (undocumented)
+export const textRampSmMetadataLineheight = "var(--smtc-text-ramp-sm-metadata-lineheight, var(--smtc-text-global-caption1-lineheight))";
+
+// @public (undocumented)
+export const textRampSmMetadataLineheightRaw = "--smtc-text-ramp-sm-metadata-lineheight";
+
+// @public (undocumented)
+export const textRampSmPageheaderFontsize = "var(--smtc-text-ramp-sm-pageheader-fontsize, var(--smtc-text-global-subtitle1-fontsize))";
+
+// @public (undocumented)
+export const textRampSmPageheaderFontsizeRaw = "--smtc-text-ramp-sm-pageheader-fontsize";
+
+// @public (undocumented)
+export const textRampSmPageheaderLineheight = "var(--smtc-text-ramp-sm-pageheader-lineheight, var(--smtc-text-global-subtitle1-lineheight))";
+
+// @public (undocumented)
+export const textRampSmPageheaderLineheightRaw = "--smtc-text-ramp-sm-pageheader-lineheight";
+
+// @public (undocumented)
+export const textRampSmReadingbodyFontsize = "var(--smtc-text-ramp-sm-readingbody-fontsize, var(--smtc-text-global-body3-fontsize))";
+
+// @public (undocumented)
+export const textRampSmReadingbodyFontsizeRaw = "--smtc-text-ramp-sm-readingbody-fontsize";
+
+// @public (undocumented)
+export const textRampSmReadingbodyLineheight = "var(--smtc-text-ramp-sm-readingbody-lineheight, var(--smtc-text-global-body3-lineheight))";
+
+// @public (undocumented)
+export const textRampSmReadingbodyLineheightRaw = "--smtc-text-ramp-sm-readingbody-lineheight";
+
+// @public (undocumented)
+export const textRampSmSectionheaderFontsize = "var(--smtc-text-ramp-sm-sectionheader-fontsize, var(--smtc-text-global-subtitle2-fontsize))";
+
+// @public (undocumented)
+export const textRampSmSectionheaderFontsizeRaw = "--smtc-text-ramp-sm-sectionheader-fontsize";
+
+// @public (undocumented)
+export const textRampSmSectionheaderLineheight = "var(--smtc-text-ramp-sm-sectionheader-lineheight, var(--smtc-text-global-subtitle2-lineheight))";
+
+// @public (undocumented)
+export const textRampSmSectionheaderLineheightRaw = "--smtc-text-ramp-sm-sectionheader-lineheight";
+
+// @public (undocumented)
+export const textRampSmSubsectionheaderFontsize = "var(--smtc-text-ramp-sm-subsectionheader-fontsize, var(--smtc-text-global-body1-fontsize))";
+
+// @public (undocumented)
+export const textRampSmSubsectionheaderFontsizeRaw = "--smtc-text-ramp-sm-subsectionheader-fontsize";
+
+// @public (undocumented)
+export const textRampSmSubsectionheaderLineheight = "var(--smtc-text-ramp-sm-subsectionheader-lineheight, var(--smtc-text-global-body1-lineheight))";
+
+// @public (undocumented)
+export const textRampSmSubsectionheaderLineheightRaw = "--smtc-text-ramp-sm-subsectionheader-lineheight";
+
+// @public (undocumented)
+export const textRampSubsectionheaderFontsize = "var(--smtc-text-ramp-subsectionheader-fontsize, var(--smtc-text-global-subtitle2-fontsize))";
+
+// @public (undocumented)
+export const textRampSubsectionheaderFontsizeRaw = "--smtc-text-ramp-subsectionheader-fontsize";
+
+// @public (undocumented)
+export const textRampSubsectionheaderLineheight = "var(--smtc-text-ramp-subsectionheader-lineheight, var(--smtc-text-global-subtitle2-lineheight))";
+
+// @public (undocumented)
+export const textRampSubsectionheaderLineheightRaw = "--smtc-text-ramp-subsectionheader-lineheight";
+
+// @public (undocumented)
+export const textStyleAiHeaderCase = "var(--smtc-text-style-ai-header-case, unset)";
+
+// @public (undocumented)
+export const textStyleAiHeaderCaseRaw = "--smtc-text-style-ai-header-case";
+
+// @public (undocumented)
+export const textStyleAiHeaderFontfamily = "var(--smtc-text-style-ai-header-fontfamily, var(--smtc-text-style-default-regular-fontfamily))";
+
+// @public (undocumented)
+export const textStyleAiHeaderFontfamilyRaw = "--smtc-text-style-ai-header-fontfamily";
+
+// @public (undocumented)
+export const textStyleAiHeaderLetterspacing = "var(--smtc-text-style-ai-header-letterspacing, var(--smtc-text-style-default-regular-letterspacing))";
+
+// @public (undocumented)
+export const textStyleAiHeaderLetterspacingRaw = "--smtc-text-style-ai-header-letterspacing";
+
+// @public (undocumented)
+export const textStyleAiHeaderWeight = "var(--smtc-text-style-ai-header-weight, var(--smtc-text-style-default-header-weight))";
+
+// @public (undocumented)
+export const textStyleAiHeaderWeightRaw = "--smtc-text-style-ai-header-weight";
+
+// @public (undocumented)
+export const textStyleAiRegularFontfamily = "var(--smtc-text-style-ai-regular-fontfamily, var(--smtc-text-style-default-regular-fontfamily))";
+
+// @public (undocumented)
+export const textStyleAiRegularFontfamilyRaw = "--smtc-text-style-ai-regular-fontfamily";
+
+// @public (undocumented)
+export const textStyleAiRegularLetterspacing = "var(--smtc-text-style-ai-regular-letterspacing, var(--smtc-text-style-default-regular-letterspacing))";
+
+// @public (undocumented)
+export const textStyleAiRegularLetterspacingRaw = "--smtc-text-style-ai-regular-letterspacing";
+
+// @public (undocumented)
+export const textStyleAiRegularWeight = "var(--smtc-text-style-ai-regular-weight, var(--smtc-text-style-default-regular-weight))";
+
+// @public (undocumented)
+export const textStyleAiRegularWeightRaw = "--smtc-text-style-ai-regular-weight";
+
+// @public (undocumented)
+export const textStyleArticleHeaderCase = "var(--smtc-text-style-article-header-case, unset)";
+
+// @public (undocumented)
+export const textStyleArticleHeaderCaseRaw = "--smtc-text-style-article-header-case";
+
+// @public (undocumented)
+export const textStyleArticleHeaderFontfamily = "var(--smtc-text-style-article-header-fontfamily, var(--smtc-text-style-default-regular-fontfamily))";
+
+// @public (undocumented)
+export const textStyleArticleHeaderFontfamilyRaw = "--smtc-text-style-article-header-fontfamily";
+
+// @public (undocumented)
+export const textStyleArticleHeaderLetterspacing = "var(--smtc-text-style-article-header-letterspacing, var(--smtc-text-style-default-regular-letterspacing))";
+
+// @public (undocumented)
+export const textStyleArticleHeaderLetterspacingRaw = "--smtc-text-style-article-header-letterspacing";
+
+// @public (undocumented)
+export const textStyleArticleHeaderWeight = "var(--smtc-text-style-article-header-weight, var(--smtc-text-style-default-header-weight))";
+
+// @public (undocumented)
+export const textStyleArticleHeaderWeightRaw = "--smtc-text-style-article-header-weight";
+
+// @public (undocumented)
+export const textStyleArticleRegularFontfamily = "var(--smtc-text-style-article-regular-fontfamily, var(--smtc-text-style-default-regular-fontfamily))";
+
+// @public (undocumented)
+export const textStyleArticleRegularFontfamilyRaw = "--smtc-text-style-article-regular-fontfamily";
+
+// @public (undocumented)
+export const textStyleArticleRegularLetterspacing = "var(--smtc-text-style-article-regular-letterspacing, var(--smtc-text-style-default-regular-letterspacing))";
+
+// @public (undocumented)
+export const textStyleArticleRegularLetterspacingRaw = "--smtc-text-style-article-regular-letterspacing";
+
+// @public (undocumented)
+export const textStyleArticleRegularWeight = "var(--smtc-text-style-article-regular-weight, var(--smtc-text-style-default-regular-weight))";
+
+// @public (undocumented)
+export const textStyleArticleRegularWeightRaw = "--smtc-text-style-article-regular-weight";
+
+// @public (undocumented)
+export const textStyleCodeHeaderCase = "var(--smtc-text-style-code-header-case, unset)";
+
+// @public (undocumented)
+export const textStyleCodeHeaderCaseRaw = "--smtc-text-style-code-header-case";
+
+// @public (undocumented)
+export const textStyleCodeHeaderFontfamily = "var(--smtc-text-style-code-header-fontfamily, var(--smtc-text-style-default-regular-fontfamily))";
+
+// @public (undocumented)
+export const textStyleCodeHeaderFontfamilyRaw = "--smtc-text-style-code-header-fontfamily";
+
+// @public (undocumented)
+export const textStyleCodeHeaderLetterspacing = "var(--smtc-text-style-code-header-letterspacing, var(--smtc-text-style-default-regular-letterspacing))";
+
+// @public (undocumented)
+export const textStyleCodeHeaderLetterspacingRaw = "--smtc-text-style-code-header-letterspacing";
+
+// @public (undocumented)
+export const textStyleCodeHeaderWeight = "var(--smtc-text-style-code-header-weight, var(--smtc-text-style-default-header-weight))";
+
+// @public (undocumented)
+export const textStyleCodeHeaderWeightRaw = "--smtc-text-style-code-header-weight";
+
+// @public (undocumented)
+export const textStyleCodeRegularFontfamily = "var(--smtc-text-style-code-regular-fontfamily, var(--smtc-text-style-default-regular-fontfamily))";
+
+// @public (undocumented)
+export const textStyleCodeRegularFontfamilyRaw = "--smtc-text-style-code-regular-fontfamily";
+
+// @public (undocumented)
+export const textStyleCodeRegularLetterspacing = "var(--smtc-text-style-code-regular-letterspacing, var(--smtc-text-style-default-regular-letterspacing))";
+
+// @public (undocumented)
+export const textStyleCodeRegularLetterspacingRaw = "--smtc-text-style-code-regular-letterspacing";
+
+// @public (undocumented)
+export const textStyleCodeRegularWeight = "var(--smtc-text-style-code-regular-weight, var(--smtc-text-style-default-regular-weight))";
+
+// @public (undocumented)
+export const textStyleCodeRegularWeightRaw = "--smtc-text-style-code-regular-weight";
+
+// @public (undocumented)
+export const textStyleDatavizHeaderCase = "var(--smtc-text-style-dataviz-header-case, unset)";
+
+// @public (undocumented)
+export const textStyleDatavizHeaderCaseRaw = "--smtc-text-style-dataviz-header-case";
+
+// @public (undocumented)
+export const textStyleDatavizHeaderFontfamily = "var(--smtc-text-style-dataviz-header-fontfamily, var(--smtc-text-style-default-regular-fontfamily))";
+
+// @public (undocumented)
+export const textStyleDatavizHeaderFontfamilyRaw = "--smtc-text-style-dataviz-header-fontfamily";
+
+// @public (undocumented)
+export const textStyleDatavizHeaderLetterspacing = "var(--smtc-text-style-dataviz-header-letterspacing, var(--smtc-text-style-default-regular-letterspacing))";
+
+// @public (undocumented)
+export const textStyleDatavizHeaderLetterspacingRaw = "--smtc-text-style-dataviz-header-letterspacing";
+
+// @public (undocumented)
+export const textStyleDatavizHeaderWeight = "var(--smtc-text-style-dataviz-header-weight, var(--smtc-text-style-default-header-weight))";
+
+// @public (undocumented)
+export const textStyleDatavizHeaderWeightRaw = "--smtc-text-style-dataviz-header-weight";
+
+// @public (undocumented)
+export const textStyleDatavizRegularFontfamily = "var(--smtc-text-style-dataviz-regular-fontfamily, var(--smtc-text-style-default-regular-fontfamily))";
+
+// @public (undocumented)
+export const textStyleDatavizRegularFontfamilyRaw = "--smtc-text-style-dataviz-regular-fontfamily";
+
+// @public (undocumented)
+export const textStyleDatavizRegularLetterspacing = "var(--smtc-text-style-dataviz-regular-letterspacing, var(--smtc-text-style-default-regular-letterspacing))";
+
+// @public (undocumented)
+export const textStyleDatavizRegularLetterspacingRaw = "--smtc-text-style-dataviz-regular-letterspacing";
+
+// @public (undocumented)
+export const textStyleDatavizRegularWeight = "var(--smtc-text-style-dataviz-regular-weight, var(--smtc-text-style-default-regular-weight))";
+
+// @public (undocumented)
+export const textStyleDatavizRegularWeightRaw = "--smtc-text-style-dataviz-regular-weight";
+
+// @public (undocumented)
+export const textStyleDefaultHeaderCase = "var(--smtc-text-style-default-header-case, unset)";
+
+// @public (undocumented)
+export const textStyleDefaultHeaderCaseRaw = "--smtc-text-style-default-header-case";
+
+// @public (undocumented)
+export const textStyleDefaultHeaderFontfamily = "var(--smtc-text-style-default-header-fontfamily, var(--smtc-text-style-default-regular-fontfamily))";
+
+// @public (undocumented)
+export const textStyleDefaultHeaderFontfamilyRaw = "--smtc-text-style-default-header-fontfamily";
+
+// @public (undocumented)
+export const textStyleDefaultHeaderLetterspacing = "var(--smtc-text-style-default-header-letterspacing, var(--smtc-text-style-default-regular-letterspacing))";
+
+// @public (undocumented)
+export const textStyleDefaultHeaderLetterspacingRaw = "--smtc-text-style-default-header-letterspacing";
+
+// @public (undocumented)
+export const textStyleDefaultHeaderWeight = "var(--smtc-text-style-default-header-weight)";
+
+// @public (undocumented)
+export const textStyleDefaultHeaderWeightRaw = "--smtc-text-style-default-header-weight";
+
+// @public (undocumented)
+export const textStyleDefaultRegularFontfamily = "var(--smtc-text-style-default-regular-fontfamily, var(--fontFamilyBase))";
+
+// @public (undocumented)
+export const textStyleDefaultRegularFontfamilyRaw = "--smtc-text-style-default-regular-fontfamily";
+
+// @public (undocumented)
+export const textStyleDefaultRegularLetterspacing = "var(--smtc-text-style-default-regular-letterspacing)";
+
+// @public (undocumented)
+export const textStyleDefaultRegularLetterspacingRaw = "--smtc-text-style-default-regular-letterspacing";
+
+// @public (undocumented)
+export const textStyleDefaultRegularWeight = "var(--smtc-text-style-default-regular-weight, var(--fontWeightRegular))";
+
+// @public (undocumented)
+export const textStyleDefaultRegularWeightRaw = "--smtc-text-style-default-regular-weight";
+
+// @public (undocumented)
+export const textStyleQuoteHeaderCase = "var(--smtc-text-style-quote-header-case, unset)";
+
+// @public (undocumented)
+export const textStyleQuoteHeaderCaseRaw = "--smtc-text-style-quote-header-case";
+
+// @public (undocumented)
+export const textStyleQuoteHeaderFontfamily = "var(--smtc-text-style-quote-header-fontfamily, var(--smtc-text-style-default-regular-fontfamily))";
+
+// @public (undocumented)
+export const textStyleQuoteHeaderFontfamilyRaw = "--smtc-text-style-quote-header-fontfamily";
+
+// @public (undocumented)
+export const textStyleQuoteHeaderLetterspacing = "var(--smtc-text-style-quote-header-letterspacing, var(--smtc-text-style-default-regular-letterspacing))";
+
+// @public (undocumented)
+export const textStyleQuoteHeaderLetterspacingRaw = "--smtc-text-style-quote-header-letterspacing";
+
+// @public (undocumented)
+export const textStyleQuoteHeaderWeight = "var(--smtc-text-style-quote-header-weight, var(--smtc-text-style-default-header-weight))";
+
+// @public (undocumented)
+export const textStyleQuoteHeaderWeightRaw = "--smtc-text-style-quote-header-weight";
+
+// @public (undocumented)
+export const textStyleQuoteRegularFontfamily = "var(--smtc-text-style-quote-regular-fontfamily, var(--smtc-text-style-default-regular-fontfamily))";
+
+// @public (undocumented)
+export const textStyleQuoteRegularFontfamilyRaw = "--smtc-text-style-quote-regular-fontfamily";
+
+// @public (undocumented)
+export const textStyleQuoteRegularLetterspacing = "var(--smtc-text-style-quote-regular-letterspacing, var(--smtc-text-style-default-regular-letterspacing))";
+
+// @public (undocumented)
+export const textStyleQuoteRegularLetterspacingRaw = "--smtc-text-style-quote-regular-letterspacing";
+
+// @public (undocumented)
+export const textStyleQuoteRegularWeight = "var(--smtc-text-style-quote-regular-weight, var(--smtc-text-style-default-regular-weight))";
+
+// @public (undocumented)
+export const textStyleQuoteRegularWeightRaw = "--smtc-text-style-quote-regular-weight";
+
+// (No @packageDocumentation comment for this package)
+
+```
diff --git a/packages/semantic-tokens/jest.config.js b/packages/semantic-tokens/jest.config.js
new file mode 100644
index 0000000000000..8360c356c1c5a
--- /dev/null
+++ b/packages/semantic-tokens/jest.config.js
@@ -0,0 +1,33 @@
+// @ts-check
+/* eslint-disable */
+
+const { readFileSync } = require('node:fs');
+const { join } = require('node:path');
+
+// Reading the SWC compilation config and remove the "exclude"
+// for the test files to be compiled by SWC
+const { exclude: _, ...swcJestConfig } = JSON.parse(readFileSync(join(__dirname, '.swcrc'), 'utf-8'));
+
+// disable .swcrc look-up by SWC core because we're passing in swcJestConfig ourselves.
+// If we do not disable this, SWC Core will read .swcrc and won't transform our test files due to "exclude"
+if (swcJestConfig.swcrc === undefined) {
+  swcJestConfig.swcrc = false;
+}
+
+// Uncomment if using global setup/teardown files being transformed via swc
+// https://nx.dev/packages/jest/documents/overview#global-setup/teardown-with-nx-libraries
+// jest needs EsModule Interop to find the default exported setup/teardown functions
+// swcJestConfig.module.noInterop = false;
+
+/**
+ * @type {import('@jest/types').Config.InitialOptions}
+ */
+module.exports = {
+  displayName: 'semantic-tokens',
+  preset: '../../jest.preset.js',
+  transform: {
+    '^.+\\.tsx?$': ['@swc/jest', swcJestConfig],
+  },
+  coverageDirectory: './coverage',
+  setupFilesAfterEnv: ['./config/tests.js'],
+};
diff --git a/packages/semantic-tokens/package.json b/packages/semantic-tokens/package.json
new file mode 100644
index 0000000000000..4b938f54d7c17
--- /dev/null
+++ b/packages/semantic-tokens/package.json
@@ -0,0 +1,47 @@
+{
+  "name": "@fluentui/semantic-tokens",
+  "version": "0.0.0-alpha.1",
+  "description": "Fluent UI Theme semantic-tokens",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "typings": "./dist/index.d.ts",
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/scripts-api-extractor": "*",
+    "@fluentui/tokens": ">=1.0.0-alpha",
+    "@swc/helpers": "^0.5.1"
+  },
+  "dependencies": {},
+  "beachball": {
+    "disallowedChangeTypes": [
+      "major",
+      "minor",
+      "patch"
+    ]
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "node": "./lib-commonjs/index.js",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "*.md",
+    "dist/*.d.ts",
+    "lib",
+    "lib-commonjs"
+  ],
+  "scripts": {
+    "generate-tokens": "npx ts-node scripts/tokenGen.ts",
+    "generate-legacy-tokens": "npx ts-node scripts/legacyTokens.ts"
+  }
+}
diff --git a/packages/semantic-tokens/playwright.config.ts b/packages/semantic-tokens/playwright.config.ts
new file mode 100644
index 0000000000000..83dee12790dc5
--- /dev/null
+++ b/packages/semantic-tokens/playwright.config.ts
@@ -0,0 +1,41 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import type { PlaywrightTestConfig } from '@playwright/test';
+import { devices } from '@playwright/test';
+
+const config: PlaywrightTestConfig = {
+  reporter: 'list',
+  retries: 3,
+  fullyParallel: process.env.CI ? false : true,
+  timeout: process.env.CI ? 10000 : 30000,
+  use: {
+    baseURL: 'http://localhost:6006',
+    viewport: {
+      height: 720,
+      width: 1280,
+    },
+  },
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+      testMatch: /.*\.spec-e2e\.ts$/,
+    },
+    // {
+    //   name: 'firefox',
+    //   use: { ...devices['Desktop Firefox'] },
+    //   testMatch: [/set-theme\.spec\.ts$/],
+    // },
+    // {
+    //   name: 'webkit',
+    //   use: { ...devices['Desktop Safari'] },
+    //   testMatch: [/set-theme\.spec\.ts$/],
+    // },
+  ],
+  webServer: {
+    command: `node scripts/server.js --port 6006`,
+    port: 6006,
+    reuseExistingServer: process.env.CI ? false : true,
+  },
+};
+
+export default config;
diff --git a/packages/semantic-tokens/project.json b/packages/semantic-tokens/project.json
new file mode 100644
index 0000000000000..28d906bd209be
--- /dev/null
+++ b/packages/semantic-tokens/project.json
@@ -0,0 +1,19 @@
+{
+  "name": "semantic-tokens",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "library",
+  "implicitDependencies": [],
+  "sourceRoot": "packages/semantic-tokens/src",
+  "tags": ["vNext", "platform:web"],
+  "targets": {
+    "e2e": {
+      "dependsOn": ["build"]
+    },
+    "token-pipeline": {
+      "command": "node -r ../../scripts/ts-node/src/register ../../scripts/generators/src/token-pipeline.ts",
+      "options": {
+        "cwd": "{projectRoot}"
+      }
+    }
+  }
+}
diff --git a/packages/semantic-tokens/scripts/fluentOverrides.ts b/packages/semantic-tokens/scripts/fluentOverrides.ts
new file mode 100644
index 0000000000000..413cb2cf5cc8d
--- /dev/null
+++ b/packages/semantic-tokens/scripts/fluentOverrides.ts
@@ -0,0 +1,30 @@
+export type FluentOverrideValue =
+  | {
+      f2Token: string;
+      rawValue?: never;
+    }
+  | {
+      f2Token?: never;
+      rawValue: string;
+    };
+
+export interface FluentOverrides {
+  [key: string]: FluentOverrideValue;
+}
+
+export const fluentOverrides: FluentOverrides = {
+  ctrlFocusOuterStroke: {
+    f2Token: 'colorStrokeFocus2',
+  },
+  ctrlLinkForegroundBrandRest: { f2Token: 'colorBrandForegroundLink' },
+  textStyleDefaultRegularFontfamily: { f2Token: 'fontFamilyBase' },
+  textGlobalBody3Fontsize: { f2Token: 'fontSizeBase300' },
+  textStyleDefaultRegularWeight: { f2Token: 'fontWeightRegular' },
+  strokewidthDefault: { f2Token: 'strokeWidthThin' },
+  ctrlLinkForegroundBrandHover: { f2Token: 'colorBrandForegroundLinkHover' },
+  ctrlLinkForegroundBrandPressed: { f2Token: 'colorBrandForegroundLinkPressed' },
+  ctrlLinkForegroundNeutralRest: { f2Token: 'colorNeutralForeground2' },
+  ctrlLinkForegroundNeutralPressed: { f2Token: 'colorNeutralForeground2Pressed' },
+  ctrlLinkForegroundNeutralHover: { f2Token: 'colorNeutralForeground2Hover' },
+  foregroundCtrlNeutralPrimaryDisabled: { f2Token: 'colorNeutralForegroundDisabled' },
+};
diff --git a/packages/semantic-tokens/scripts/legacyTokens.ts b/packages/semantic-tokens/scripts/legacyTokens.ts
new file mode 100644
index 0000000000000..50c8584085c66
--- /dev/null
+++ b/packages/semantic-tokens/scripts/legacyTokens.ts
@@ -0,0 +1,35 @@
+import fs from 'node:fs';
+import path from 'node:path';
+
+import * as tokensPackage from '@fluentui/tokens';
+
+main();
+
+function main() {
+  console.log('Importing all fluent legacy tokens as flat export');
+
+  const fluentTokens = Object.keys(tokensPackage.tokens);
+  const comment = '// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE\n';
+
+  const generatedTokens = fluentTokens.reduce((acc, t) => {
+    const token = `
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#${t} | \`${t}\`} design token.
+ * @public
+ */
+export const ${t} = 'var(--${t})';
+`;
+    return acc + token;
+  }, '');
+
+  const dir = path.join(__dirname, '../src/legacy');
+
+  if (!fs.existsSync(dir)) {
+    fs.mkdirSync(dir, { recursive: true });
+  }
+
+  fs.writeFile(path.join(dir, 'tokens.ts'), comment + generatedTokens, err => {
+    if (err) throw err;
+    console.log('Legacy tokens reference created');
+  });
+}
diff --git a/packages/semantic-tokens/scripts/server.js b/packages/semantic-tokens/scripts/server.js
new file mode 100644
index 0000000000000..02faf5439eb8d
--- /dev/null
+++ b/packages/semantic-tokens/scripts/server.js
@@ -0,0 +1,34 @@
+// @ts-check
+
+const { parseArgs } = require('node:util');
+const path = require('node:path');
+const express = require('express');
+
+main();
+
+function main() {
+  const argv = processArgs();
+
+  const app = express();
+  const port = argv.port;
+
+  app.use(express.static(path.join(__dirname)));
+  app.use('/lib', express.static(path.join(__dirname, '../lib')));
+
+  app.listen(port, () => {
+    console.log(`Example app listening on port ${port}`);
+  });
+}
+
+function processArgs() {
+  const options = /** @type {const} */ ({
+    port: {
+      type: 'string',
+      default: '6006',
+    },
+  });
+
+  const { values } = parseArgs({ options, allowPositionals: false });
+
+  return values;
+}
diff --git a/packages/semantic-tokens/scripts/test-esm.html b/packages/semantic-tokens/scripts/test-esm.html
new file mode 100644
index 0000000000000..4bb12e0d739e5
--- /dev/null
+++ b/packages/semantic-tokens/scripts/test-esm.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>native ESM for @fluentui/tokens</title>
+    <style>
+      * {
+        box-sizing: border-box;
+      }
+      .root {
+        display: flex;
+        flex-direction: column;
+        gap: 0.5rem;
+        width: 50%;
+        margin: auto;
+      }
+      .color-ramp {
+        display: flex;
+      }
+      .color-ramp > div {
+        flex: 1;
+        padding: 0.5em;
+      }
+    </style>
+    <script type="importmap">
+      {
+        "imports": {
+          "@fluentui/tokens": "../lib/index.js"
+        }
+      }
+    </script>
+    <script type="module">
+      import * as tokens from '@fluentui/tokens';
+
+      bootstrap(App());
+
+      function App() {
+        const Root = document.createElement('section');
+        Root.classList.add('root');
+
+        const Colors = Object.entries(tokens.webLightTheme)
+          .map(([key, value]) => {
+            if (key.startsWith('color')) {
+              return `<div class="color-ramp" data-id="${key}">
+                      <div>${key}</div>
+                      <div style="background-color:${value}"></div>
+                    </div>`;
+            }
+
+            return;
+          })
+          .filter(Boolean)
+          .join('\n');
+
+        Root.innerHTML = Colors;
+
+        return Root;
+      }
+
+      function bootstrap(App) {
+        const mountRoot = document.querySelector('#app');
+        mountRoot.appendChild(App);
+      }
+    </script>
+  </head>
+  <body>
+    <h1>Native ESM / <code>@fluentui/tokens</code></h1>
+    <div id="app"></div>
+  </body>
+</html>
diff --git a/packages/semantic-tokens/scripts/tokenGen.ts b/packages/semantic-tokens/scripts/tokenGen.ts
new file mode 100644
index 0000000000000..7a772d09c2a98
--- /dev/null
+++ b/packages/semantic-tokens/scripts/tokenGen.ts
@@ -0,0 +1,333 @@
+/*
+ * Token generation script
+ * Takes in a Figma token export file and generates token raw strings and CSS Var files
+ */
+import tokensJSONRaw from './tokens.json';
+import { fluentOverrides as fluentFallbacksRaw, FluentOverrideValue, type FluentOverrides } from './fluentOverrides';
+import fs from 'fs';
+import { Project } from 'ts-morph';
+import { format } from 'prettier';
+
+const project = new Project({
+  tsConfigFilePath: './tsconfig.json',
+});
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const tokensJSON: Record<string, any> = tokensJSONRaw;
+const fluentFallbacks: FluentOverrides = fluentFallbacksRaw;
+// Store exports so we can add them to index.ts at the end
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const exportList: Record<string, any> = {};
+
+interface Token {
+  no: number;
+  name: string;
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  fst_reference: string;
+  optional: boolean;
+  nullable: boolean;
+  description: string;
+  components: string[];
+  contrast: string;
+  fallback: string;
+  exceptions: string[];
+  cssName: string;
+}
+
+interface ComponentTokenMap {
+  [component: string]: string;
+}
+
+function generateTokens() {
+  console.log('Generating tokens...');
+  // Simple for now, just generate the raw strings and variables
+  generateTokenRawStrings();
+  generateTokenVariables();
+}
+
+function escapeInlineToken(token: string) {
+  return `\$\{${token}\}`;
+}
+
+function escapeMixedInlineToken(token: FluentOverrideValue) {
+  // The FluentOverrideValue type has two mutually exclusive properties: f2Token and rawValue
+  // We need to check which one is defined and use that value
+  if (token.f2Token !== undefined) {
+    return `\$\{${token.f2Token}\}`;
+  } else {
+    // we only have a raw value so we should print it directly.
+    return `${token.rawValue}`;
+  }
+}
+
+function cleanFSTTokenName(originalTokenName: string) {
+  // Handle any name housekeeping or small token name fixes
+
+  let newtokenName = originalTokenName.replace('-', '/');
+  // Ignore space
+  newtokenName = newtokenName.replace(' ', '');
+  // Ignore brackets (w/ leading slash)
+  newtokenName = newtokenName.replace('/(', '/');
+  // Ignore brackets
+  newtokenName = newtokenName.replace('(', '/').replace(')', '');
+
+  return newtokenName;
+}
+
+function generateTokenRawStrings() {
+  let optionalRawTokens = '';
+  let controlRawTokens = '';
+  let nullableRawTokens = '';
+  const componentTokens: ComponentTokenMap = {};
+  const optionalVarFile = './src/optional/variables.ts';
+  exportList[optionalVarFile] = [];
+  const controlVarFile = './src/control/variables.ts';
+  exportList[controlVarFile] = [];
+  const nullableVarFile = './src/nullable/variables.ts';
+  exportList[nullableVarFile] = [];
+  const getComponentFile = (component: string) => `./src/components/${component}/variables.ts`;
+
+  for (const token in tokensJSON) {
+    if (tokensJSON.hasOwnProperty(token)) {
+      const tokenData: Token = tokensJSON[token];
+      const tokenName = tokenData.cssName;
+      const tokenRawString = `export const ${token}Raw = '${tokenName}';\n`;
+
+      if (tokenData.name.startsWith('CTRL/')) {
+        // We have a component level control token
+        const component = tokenData.name.split('/')[1];
+        if (!componentTokens[component]) {
+          componentTokens[component] = '';
+        }
+        componentTokens[component] += tokenRawString;
+
+        if (!exportList[getComponentFile(component)]) {
+          const fileLoc = getComponentFile(component);
+          exportList[fileLoc] = [];
+        }
+        exportList[getComponentFile(component)].push(`${token}Raw`);
+      } else {
+        if (tokenData.optional) {
+          optionalRawTokens += tokenRawString;
+          exportList[optionalVarFile].push(`${token}Raw`);
+        } else if (tokenData.nullable) {
+          nullableRawTokens += tokenRawString;
+          exportList[nullableVarFile].push(`${token}Raw`);
+        } else {
+          controlRawTokens += tokenRawString;
+          exportList[controlVarFile].push(`${token}Raw`);
+        }
+      }
+    }
+  }
+
+  fs.writeFileSync(optionalVarFile, optionalRawTokens);
+  fs.writeFileSync(controlVarFile, controlRawTokens);
+  fs.writeFileSync(nullableVarFile, nullableRawTokens);
+  project.addSourceFileAtPathIfExists(optionalVarFile);
+  project.addSourceFileAtPathIfExists(controlVarFile);
+  project.addSourceFileAtPathIfExists(nullableVarFile);
+
+  for (const component in componentTokens) {
+    if (componentTokens.hasOwnProperty(component)) {
+      const dir = `./src/components/${component}/`;
+
+      if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir, { recursive: true });
+      }
+      const variablePath = getComponentFile(component);
+      fs.writeFileSync(variablePath, componentTokens[component]);
+      project.addSourceFileAtPathIfExists(variablePath);
+    }
+  }
+}
+
+function toCamelCase(str: string) {
+  const formattedString = cleanFSTTokenName(str);
+
+  return formattedString
+    .split('/')
+    .map((word: string, index: number) => {
+      // If it is the first word make sure to lowercase all the chars.
+      if (index === 0) {
+        return word.toLowerCase();
+      }
+      // If it is not the first word only upper case the first char and lowercase the rest.
+      return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
+    })
+    .join('');
+}
+
+function generateTokenVariables() {
+  // Default our files to token imports
+  // TODO: Add raw token imports
+  let optionalTokens = '';
+  let controlTokens = '';
+  let nullableTokens = '';
+  const componentTokens: ComponentTokenMap = {};
+
+  const optionalVarFile = './src/optional/tokens.ts';
+  exportList[optionalVarFile] = [];
+  const controlVarFile = './src/control/tokens.ts';
+  exportList[controlVarFile] = [];
+  const nullableVarFile = './src/nullable/tokens.ts';
+  exportList[nullableVarFile] = [];
+  const getComponentFile = (component: string) => `./src/components/${component}/tokens.ts`;
+
+  for (const token in tokensJSON) {
+    if (token.includes('(figma only)')) {
+      // Superfluous tokens - SKIP
+      continue;
+    }
+
+    const tokenData: Token = tokensJSON[token];
+    const tokenNameRaw = token + 'Raw';
+
+    let tokenSemanticRef: null | string = null;
+    let tokenSemanticName: null | string = null;
+
+    if (tokenData.fst_reference.length > 0) {
+      tokenSemanticName = toCamelCase(cleanFSTTokenName(tokenData.fst_reference));
+      tokenSemanticRef = tokenSemanticName + 'Raw';
+    }
+
+    /**
+     * TODO, we need to account for the fact that the fallbacks can be nullable tokens and as such we need to ensure
+     * that they are not wrapped in the var() css function. This is because `unset` is not a variable and a statement.
+     * We also need to ensure legacy F2 tokens are not wrapped in the var() css function because they have the var() css function
+     * already in the token value. Any other values should probably include the var() css function.
+     */
+
+    // Our default token value if no fallbacks found.
+    let resolvedTokenFallback = `var(${escapeInlineToken(tokenNameRaw)})`;
+
+    if (tokenSemanticRef && fluentFallbacks[token]) {
+      // Token has a FST fallback and a fluent override fallback
+      resolvedTokenFallback = `var(${escapeInlineToken(tokenNameRaw)}, var(${escapeInlineToken(
+        tokenSemanticRef,
+      )}, ${escapeMixedInlineToken(fluentFallbacks[token])}))`;
+    } else if (fluentFallbacks[token]) {
+      // Token has a fluent override fallback only
+      resolvedTokenFallback = `var(${escapeInlineToken(tokenNameRaw)}, ${escapeMixedInlineToken(
+        fluentFallbacks[token],
+      )})`;
+    } else if (tokenData.nullable && tokenSemanticRef) {
+      // nullable tokens should always resolve to unset
+      resolvedTokenFallback = `var(${escapeInlineToken(tokenNameRaw)}, unset)`;
+    } else if (tokenSemanticRef) {
+      // Token has a FST reference fallback only
+      resolvedTokenFallback = `var(${escapeInlineToken(tokenNameRaw)}, var(${escapeInlineToken(tokenSemanticRef)}))`;
+    }
+
+    if (tokenData.name.startsWith('CTRL/')) {
+      // We have a component level control token
+      const component = tokenData.name.split('/')[1];
+      if (!componentTokens[component]) {
+        componentTokens[component] = '';
+      }
+      componentTokens[component] += `export const ${token} = \`${resolvedTokenFallback}\`;\n`;
+
+      if (!exportList[getComponentFile(component)]) {
+        const fileLoc = getComponentFile(component);
+        exportList[fileLoc] = [];
+      }
+      // Add to our list of exports for later
+      exportList[getComponentFile(component)].push(token);
+    } else {
+      // We have a global token
+      if (tokenData.optional) {
+        optionalTokens += `export const ${token} = \`${resolvedTokenFallback}\`;\n`;
+        // Add to our list of exports for later
+        exportList[optionalVarFile].push(token);
+      } else if (tokenData.nullable) {
+        nullableTokens += `export const ${token} = \`${resolvedTokenFallback}\`;\n`;
+        // Add to our list of exports for later
+        exportList[nullableVarFile].push(token);
+      } else {
+        controlTokens += `export const ${token} = \`${resolvedTokenFallback}\`;\n`;
+        // Add to our list of exports for later
+        exportList[controlVarFile].push(token);
+      }
+    }
+  }
+
+  // Write files
+  fs.writeFileSync('./src/optional/tokens.ts', optionalTokens);
+  fs.writeFileSync('./src/control/tokens.ts', controlTokens);
+  fs.writeFileSync('./src/nullable/tokens.ts', nullableTokens);
+
+  // Add source files for import statements
+  project.addSourceFileAtPath('./src/legacy/tokens.ts');
+  project.addSourceFileAtPath('./src/optional/tokens.ts');
+  project.addSourceFileAtPath('./src/control/tokens.ts');
+  project.addSourceFileAtPath('./src/nullable/tokens.ts');
+
+  for (const component in componentTokens) {
+    if (componentTokens.hasOwnProperty(component)) {
+      const dir = `./src/components/${component}/`;
+
+      if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir, { recursive: true });
+      }
+      const componentTokensPath = `./src/components/${component}/tokens.ts`;
+      fs.writeFileSync(componentTokensPath, componentTokens[component]);
+      // Add component source files for import statements
+      project.addSourceFileAtPath(componentTokensPath);
+    }
+  }
+
+  // Add import statements
+  project.getSourceFiles().forEach(sourceFile => {
+    console.log('Fix missing imports from:', sourceFile.getFilePath());
+    sourceFile.fixMissingImports().organizeImports().fixUnusedIdentifiers().formatText();
+
+    // Format our text to match prettier rules
+    const rawText = sourceFile.getText();
+    let formattedText = format(rawText, {
+      parser: 'typescript',
+      singleQuote: true,
+      printWidth: 120,
+    });
+
+    // Format our text to match prettier rules
+    sourceFile.replaceWithText(formattedText);
+  });
+
+  // Save changes so far
+  project.saveSync();
+  console.log('Added import statements');
+
+  // Add export statements in index.ts
+  const indexFilePath = './src/index.ts';
+  // Clear index file and rewrite exports
+  fs.truncateSync(indexFilePath, 0);
+  // Add source file after we've cleaned it
+  const indexSourceFile = project.addSourceFileAtPath(indexFilePath);
+  for (const file in exportList) {
+    if (exportList.hasOwnProperty(file)) {
+      // Specifier should be relative and not include .ts
+      const importFilePath = file.replace('./src/', './').replace('.ts', '');
+      indexSourceFile.addExportDeclaration({
+        namedExports: exportList[file],
+        moduleSpecifier: importFilePath,
+      });
+    }
+  }
+
+  const rawText = indexSourceFile.getText();
+  const formattedText = format(rawText, {
+    parser: 'typescript',
+    singleQuote: true,
+    printWidth: 120,
+  });
+
+  // Format our text to match prettier rules
+  indexSourceFile.replaceWithText(formattedText);
+
+  // Save exports
+  project.saveSync();
+  console.log('Added export statements');
+}
+
+// Run script
+generateTokens();
diff --git a/packages/semantic-tokens/scripts/tokens.json b/packages/semantic-tokens/scripts/tokens.json
new file mode 100644
index 0000000000000..aa4c5103c0fb9
--- /dev/null
+++ b/packages/semantic-tokens/scripts/tokens.json
@@ -0,0 +1,13131 @@
+{
+  "textGlobalDisplay1Fontsize": {
+    "no": 1,
+    "name": "text/global/display1/fontSize",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Font-size/1000",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-display1-fontsize"
+  },
+  "textGlobalDisplay1Lineheight": {
+    "no": 2,
+    "name": "text/global/display1/lineHeight",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Line-height/1000",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-display1-lineheight"
+  },
+  "textGlobalDisplay2Fontsize": {
+    "no": 3,
+    "name": "text/global/display2/fontSize",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-display2-fontsize"
+  },
+  "textGlobalDisplay2Lineheight": {
+    "no": 4,
+    "name": "text/global/display2/lineHeight",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-display2-lineheight"
+  },
+  "textGlobalTitle1Fontsize": {
+    "no": 5,
+    "name": "text/global/title1/fontSize",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Font-size/900",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-title1-fontsize"
+  },
+  "textGlobalTitle1Lineheight": {
+    "no": 6,
+    "name": "text/global/title1/lineHeight",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Line-height/900",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-title1-lineheight"
+  },
+  "textGlobalTitle2Fontsize": {
+    "no": 7,
+    "name": "text/global/title2/fontSize",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-title2-fontsize"
+  },
+  "textGlobalTitle2Lineheight": {
+    "no": 8,
+    "name": "text/global/title2/lineHeight",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-title2-lineheight"
+  },
+  "textGlobalSubtitle1Fontsize": {
+    "no": 9,
+    "name": "text/global/subtitle1/fontSize",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Inline drawer", "Overlay drawer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-subtitle1-fontsize"
+  },
+  "textGlobalSubtitle1Lineheight": {
+    "no": 10,
+    "name": "text/global/subtitle1/lineHeight",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Inline drawer", "Overlay drawer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-subtitle1-lineheight"
+  },
+  "textGlobalSubtitle2Fontsize": {
+    "no": 11,
+    "name": "text/global/subtitle2/fontSize",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-subtitle2-fontsize"
+  },
+  "textGlobalSubtitle2Lineheight": {
+    "no": 12,
+    "name": "text/global/subtitle2/lineHeight",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-subtitle2-lineheight"
+  },
+  "textGlobalBody1Fontsize": {
+    "no": 13,
+    "name": "text/global/body1/fontSize",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-body1-fontsize"
+  },
+  "textGlobalBody1Lineheight": {
+    "no": 14,
+    "name": "text/global/body1/lineHeight",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-body1-lineheight"
+  },
+  "textGlobalBody2Fontsize": {
+    "no": 15,
+    "name": "text/global/body2/fontSize",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Field"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-body2-fontsize"
+  },
+  "textGlobalBody2Lineheight": {
+    "no": 16,
+    "name": "text/global/body2/lineHeight",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Field"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-body2-lineheight"
+  },
+  "textGlobalBody3Fontsize": {
+    "no": 17,
+    "name": "text/global/body3/fontSize",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog", "Spinner"],
+    "contrast": "",
+    "fallback": "Font-size/300",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-body3-fontsize"
+  },
+  "textGlobalBody3Lineheight": {
+    "no": 18,
+    "name": "text/global/body3/lineHeight",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "FAB",
+      " Radio",
+      " Checkbox",
+      "Dialog",
+      "Text input box",
+      "Search box",
+      "Password input box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Text area",
+      "Field",
+      "Label",
+      "Inline link",
+      "Page link",
+      "Lite Filter Button",
+      "Spinner"
+    ],
+    "contrast": "",
+    "fallback": "Line-height/300",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-body3-lineheight"
+  },
+  "textGlobalCaption1Fontsize": {
+    "no": 19,
+    "name": "text/global/caption1/fontSize",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer", "Tooltip", "MessageBar"],
+    "contrast": "",
+    "fallback": "Font-size/200",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-caption1-fontsize"
+  },
+  "textGlobalCaption1Lineheight": {
+    "no": 20,
+    "name": "text/global/caption1/lineHeight",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer", "Tooltip", "MessageBar"],
+    "contrast": "",
+    "fallback": "Line-height/200",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-caption1-lineheight"
+  },
+  "textGlobalCaption2Fontsize": {
+    "no": 21,
+    "name": "text/global/caption2/fontSize",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Inline drawer", "Overlay drawer", "Field"],
+    "contrast": "",
+    "fallback": "Font-size/100",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-caption2-fontsize"
+  },
+  "textGlobalCaption2Lineheight": {
+    "no": 22,
+    "name": "text/global/caption2/lineHeight",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Inline drawer", "Overlay drawer", "Field"],
+    "contrast": "",
+    "fallback": "Line-height/100",
+    "exceptions": [],
+    "cssName": "--smtc-text-global-caption2-lineheight"
+  },
+  "textStyleDefaultRegularFontfamily": {
+    "no": 23,
+    "name": "text/style/default/regular/fontFamily",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "FAB",
+      "Split button",
+      "Button",
+      " Radio",
+      " Checkbox",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Text input box",
+      "Search box",
+      "Password input box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Text area",
+      "Field",
+      "Label",
+      "Inline link",
+      "Page link",
+      "Lite Filter Button",
+      "Lite filter",
+      "Title bar",
+      "Tooltip",
+      "Rating",
+      "Spinner",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-default-regular-fontfamily"
+  },
+  "textStyleDefaultRegularWeight": {
+    "no": 24,
+    "name": "text/style/default/regular/weight",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "FAB",
+      " Radio",
+      " Checkbox",
+      "Dialog",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Text input box",
+      "Search box",
+      "Password input box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Text area",
+      "Field",
+      "Label",
+      "Inline link",
+      "Page link",
+      "Lite Filter Button",
+      "Lite filter",
+      "Tooltip",
+      "Rating",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-default-regular-weight"
+  },
+  "textStyleDefaultRegularLetterspacing": {
+    "no": 25,
+    "name": "text/style/default/regular/letterSpacing",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "FAB",
+      "Split button",
+      "Button",
+      " Radio",
+      " Checkbox",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Text input box",
+      "Search box",
+      "Password input box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Text area",
+      "Field",
+      "Label",
+      "Inline link",
+      "Page link",
+      "Lite Filter Button",
+      "Lite filter",
+      "Title bar",
+      "Tooltip",
+      "Rating",
+      "Spinner",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-default-regular-letterspacing"
+  },
+  "textStyleDefaultHeaderFontfamily": {
+    "no": 26,
+    "name": "text/style/default/header/fontFamily",
+    "fst_reference": "text/style/default/regular/fontFamily",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Avatar", "Dialog", "Inline drawer", "Overlay drawer", "Field", "MessageBar"],
+    "contrast": "",
+    "fallback": "Font-family/Base",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-default-header-fontfamily"
+  },
+  "textStyleDefaultHeaderWeight": {
+    "no": 27,
+    "name": "text/style/default/header/weight",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Avatar", "Dialog", "Inline drawer", "Overlay drawer", "Field", "Label", "MessageBar"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-default-header-weight"
+  },
+  "textStyleDefaultHeaderLetterspacing": {
+    "no": 28,
+    "name": "text/style/default/header/letterSpacing",
+    "fst_reference": "text/style/default/regular/letterSpacing",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Avatar", "Dialog", "Inline drawer", "Overlay drawer", "Field", "MessageBar"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-default-header-letterspacing"
+  },
+  "textStyleDefaultHeaderCase": {
+    "no": 29,
+    "name": "text/style/default/header/case",
+    "fst_reference": "NULL/string",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-default-header-case"
+  },
+  "textStyleAiRegularFontfamily": {
+    "no": 30,
+    "name": "text/style/ai/regular/fontFamily",
+    "fst_reference": "text/style/default/regular/fontFamily",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-ai-regular-fontfamily"
+  },
+  "textStyleAiRegularWeight": {
+    "no": 31,
+    "name": "text/style/ai/regular/weight",
+    "fst_reference": "text/style/default/regular/weight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-ai-regular-weight"
+  },
+  "textStyleAiRegularLetterspacing": {
+    "no": 32,
+    "name": "text/style/ai/regular/letterSpacing",
+    "fst_reference": "text/style/default/regular/letterSpacing",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-ai-regular-letterspacing"
+  },
+  "textStyleAiHeaderFontfamily": {
+    "no": 33,
+    "name": "text/style/ai/header/fontFamily",
+    "fst_reference": "text/style/default/regular/fontFamily",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-ai-header-fontfamily"
+  },
+  "textStyleAiHeaderWeight": {
+    "no": 34,
+    "name": "text/style/ai/header/weight",
+    "fst_reference": "text/style/default/header/weight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-ai-header-weight"
+  },
+  "textStyleAiHeaderLetterspacing": {
+    "no": 35,
+    "name": "text/style/ai/header/letterSpacing",
+    "fst_reference": "text/style/default/regular/letterSpacing",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-ai-header-letterspacing"
+  },
+  "textStyleAiHeaderCase": {
+    "no": 36,
+    "name": "text/style/ai/header/case",
+    "fst_reference": "NULL/string",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-ai-header-case"
+  },
+  "textStyleArticleRegularFontfamily": {
+    "no": 37,
+    "name": "text/style/article/regular/fontFamily",
+    "fst_reference": "text/style/default/regular/fontFamily",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-article-regular-fontfamily"
+  },
+  "textStyleArticleRegularWeight": {
+    "no": 38,
+    "name": "text/style/article/regular/weight",
+    "fst_reference": "text/style/default/regular/weight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-article-regular-weight"
+  },
+  "textStyleArticleRegularLetterspacing": {
+    "no": 39,
+    "name": "text/style/article/regular/letterSpacing",
+    "fst_reference": "text/style/default/regular/letterSpacing",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-article-regular-letterspacing"
+  },
+  "textStyleArticleHeaderFontfamily": {
+    "no": 40,
+    "name": "text/style/article/header/fontFamily",
+    "fst_reference": "text/style/default/regular/fontFamily",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-article-header-fontfamily"
+  },
+  "textStyleArticleHeaderWeight": {
+    "no": 41,
+    "name": "text/style/article/header/weight",
+    "fst_reference": "text/style/default/header/weight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-article-header-weight"
+  },
+  "textStyleArticleHeaderLetterspacing": {
+    "no": 42,
+    "name": "text/style/article/header/letterSpacing",
+    "fst_reference": "text/style/default/regular/letterSpacing",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-article-header-letterspacing"
+  },
+  "textStyleArticleHeaderCase": {
+    "no": 43,
+    "name": "text/style/article/header/case",
+    "fst_reference": "NULL/string",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-article-header-case"
+  },
+  "textStyleCodeRegularFontfamily": {
+    "no": 44,
+    "name": "text/style/code/regular/fontFamily",
+    "fst_reference": "text/style/default/regular/fontFamily",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-code-regular-fontfamily"
+  },
+  "textStyleCodeRegularWeight": {
+    "no": 45,
+    "name": "text/style/code/regular/weight",
+    "fst_reference": "text/style/default/regular/weight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-code-regular-weight"
+  },
+  "textStyleCodeRegularLetterspacing": {
+    "no": 46,
+    "name": "text/style/code/regular/letterSpacing",
+    "fst_reference": "text/style/default/regular/letterSpacing",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-code-regular-letterspacing"
+  },
+  "textStyleCodeHeaderFontfamily": {
+    "no": 47,
+    "name": "text/style/code/header/fontFamily",
+    "fst_reference": "text/style/default/regular/fontFamily",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-code-header-fontfamily"
+  },
+  "textStyleCodeHeaderWeight": {
+    "no": 48,
+    "name": "text/style/code/header/weight",
+    "fst_reference": "text/style/default/header/weight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-code-header-weight"
+  },
+  "textStyleCodeHeaderLetterspacing": {
+    "no": 49,
+    "name": "text/style/code/header/letterSpacing",
+    "fst_reference": "text/style/default/regular/letterSpacing",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-code-header-letterspacing"
+  },
+  "textStyleCodeHeaderCase": {
+    "no": 50,
+    "name": "text/style/code/header/case",
+    "fst_reference": "NULL/string",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-code-header-case"
+  },
+  "textStyleDatavizRegularFontfamily": {
+    "no": 51,
+    "name": "text/style/dataViz/regular/fontFamily",
+    "fst_reference": "text/style/default/regular/fontFamily",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-dataviz-regular-fontfamily"
+  },
+  "textStyleDatavizRegularWeight": {
+    "no": 52,
+    "name": "text/style/dataViz/regular/weight",
+    "fst_reference": "text/style/default/regular/weight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-dataviz-regular-weight"
+  },
+  "textStyleDatavizRegularLetterspacing": {
+    "no": 53,
+    "name": "text/style/dataViz/regular/letterSpacing",
+    "fst_reference": "text/style/default/regular/letterSpacing",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-dataviz-regular-letterspacing"
+  },
+  "textStyleDatavizHeaderFontfamily": {
+    "no": 54,
+    "name": "text/style/dataViz/header/fontFamily",
+    "fst_reference": "text/style/default/regular/fontFamily",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-dataviz-header-fontfamily"
+  },
+  "textStyleDatavizHeaderWeight": {
+    "no": 55,
+    "name": "text/style/dataViz/header/weight",
+    "fst_reference": "text/style/default/header/weight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-dataviz-header-weight"
+  },
+  "textStyleDatavizHeaderLetterspacing": {
+    "no": 56,
+    "name": "text/style/dataViz/header/letterSpacing",
+    "fst_reference": "text/style/default/regular/letterSpacing",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-dataviz-header-letterspacing"
+  },
+  "textStyleDatavizHeaderCase": {
+    "no": 57,
+    "name": "text/style/dataViz/header/case",
+    "fst_reference": "NULL/string",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-dataviz-header-case"
+  },
+  "textStyleQuoteRegularFontfamily": {
+    "no": 58,
+    "name": "text/style/quote/regular/fontFamily",
+    "fst_reference": "text/style/default/regular/fontFamily",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-quote-regular-fontfamily"
+  },
+  "textStyleQuoteRegularWeight": {
+    "no": 59,
+    "name": "text/style/quote/regular/weight",
+    "fst_reference": "text/style/default/regular/weight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-quote-regular-weight"
+  },
+  "textStyleQuoteRegularLetterspacing": {
+    "no": 60,
+    "name": "text/style/quote/regular/letterSpacing",
+    "fst_reference": "text/style/default/regular/letterSpacing",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-quote-regular-letterspacing"
+  },
+  "textStyleQuoteHeaderFontfamily": {
+    "no": 61,
+    "name": "text/style/quote/header/fontFamily",
+    "fst_reference": "text/style/default/regular/fontFamily",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-quote-header-fontfamily"
+  },
+  "textStyleQuoteHeaderWeight": {
+    "no": 62,
+    "name": "text/style/quote/header/weight",
+    "fst_reference": "text/style/default/header/weight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-quote-header-weight"
+  },
+  "textStyleQuoteHeaderLetterspacing": {
+    "no": 63,
+    "name": "text/style/quote/header/letterSpacing",
+    "fst_reference": "text/style/default/regular/letterSpacing",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-quote-header-letterspacing"
+  },
+  "textStyleQuoteHeaderCase": {
+    "no": 64,
+    "name": "text/style/quote/header/case",
+    "fst_reference": "NULL/string",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-style-quote-header-case"
+  },
+  "textRampPageheaderFontsize": {
+    "no": 65,
+    "name": "text/ramp/pageHeader/fontSize",
+    "fst_reference": "text/global/title2/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/subtitle1/fontSize",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-pageheader-fontsize"
+  },
+  "textRampPageheaderLineheight": {
+    "no": 66,
+    "name": "text/ramp/pageHeader/lineHeight",
+    "fst_reference": "text/global/title2/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/subtitle1/lineHeight",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-pageheader-lineheight"
+  },
+  "textRampSectionheaderFontsize": {
+    "no": 67,
+    "name": "text/ramp/sectionHeader/fontSize",
+    "fst_reference": "text/global/subtitle1/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/subtitle2/fontSize",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-sectionheader-fontsize"
+  },
+  "textRampSectionheaderLineheight": {
+    "no": 68,
+    "name": "text/ramp/sectionHeader/lineHeight",
+    "fst_reference": "text/global/subtitle1/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/subtitle2/lineHeight",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-sectionheader-lineheight"
+  },
+  "textRampSubsectionheaderFontsize": {
+    "no": 69,
+    "name": "text/ramp/subsectionHeader/fontSize",
+    "fst_reference": "text/global/subtitle2/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/subtitle2/fontSize",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-subsectionheader-fontsize"
+  },
+  "textRampSubsectionheaderLineheight": {
+    "no": 70,
+    "name": "text/ramp/subsectionHeader/lineHeight",
+    "fst_reference": "text/global/subtitle2/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/subtitle2/lineHeight",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-subsectionheader-lineheight"
+  },
+  "textRampReadingbodyFontsize": {
+    "no": 71,
+    "name": "text/ramp/readingBody/fontSize",
+    "fst_reference": "text/global/body2/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/body2/fontSize",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-readingbody-fontsize"
+  },
+  "textRampReadingbodyLineheight": {
+    "no": 72,
+    "name": "text/ramp/readingBody/lineHeight",
+    "fst_reference": "text/global/body2/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/body2/lineHeight",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-readingbody-lineheight"
+  },
+  "textRampItemheaderFontsize": {
+    "no": 73,
+    "name": "text/ramp/itemHeader/fontSize",
+    "fst_reference": "text/global/body2/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/body2/fontSize",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-itemheader-fontsize"
+  },
+  "textRampItemheaderLineheight": {
+    "no": 74,
+    "name": "text/ramp/itemHeader/lineHeight",
+    "fst_reference": "text/global/body2/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/body2/lineHeight",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-itemheader-lineheight"
+  },
+  "textRampItembodyFontsize": {
+    "no": 75,
+    "name": "text/ramp/itemBody/fontSize",
+    "fst_reference": "text/global/body3/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Split button",
+      "Button",
+      " Radio",
+      " Checkbox",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Text input box",
+      "Search box",
+      "Password input box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Text area",
+      "Field",
+      "Label",
+      "Inline link",
+      "Page link",
+      "Lite Filter Button",
+      "Lite filter",
+      "Title bar",
+      "Rating",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "Font-size/300",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-itembody-fontsize"
+  },
+  "textRampItembodyLineheight": {
+    "no": 76,
+    "name": "text/ramp/itemBody/lineHeight",
+    "fst_reference": "text/global/body3/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Split button",
+      "Button",
+      " Radio",
+      " Checkbox",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Lite filter",
+      "Title bar",
+      "Rating",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "Line-height/300",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-itembody-lineheight"
+  },
+  "textRampMetadataFontsize": {
+    "no": 77,
+    "name": "text/ramp/metadata/fontSize",
+    "fst_reference": "text/global/caption1/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-metadata-fontsize"
+  },
+  "textRampMetadataLineheight": {
+    "no": 78,
+    "name": "text/ramp/metadata/lineHeight",
+    "fst_reference": "text/global/caption1/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-metadata-lineheight"
+  },
+  "textRampLegalFontsize": {
+    "no": 79,
+    "name": "text/ramp/legal/fontSize",
+    "fst_reference": "text/global/caption2/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-legal-fontsize"
+  },
+  "textRampLegalLineheight": {
+    "no": 80,
+    "name": "text/ramp/legal/lineHeight",
+    "fst_reference": "text/global/caption2/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-legal-lineheight"
+  },
+  "textRampSmPageheaderFontsize": {
+    "no": 81,
+    "name": "text/ramp-sm/pageHeader/fontSize",
+    "fst_reference": "text/global/subtitle1/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/subtitle2/fontSize",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-sm-pageheader-fontsize"
+  },
+  "textRampSmPageheaderLineheight": {
+    "no": 82,
+    "name": "text/ramp-sm/pageHeader/lineHeight",
+    "fst_reference": "text/global/subtitle1/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/subtitle2/lineHeight",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-sm-pageheader-lineheight"
+  },
+  "textRampSmSectionheaderFontsize": {
+    "no": 83,
+    "name": "text/ramp-sm/sectionHeader/fontSize",
+    "fst_reference": "text/global/subtitle2/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/body1/fontSize",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-sm-sectionheader-fontsize"
+  },
+  "textRampSmSectionheaderLineheight": {
+    "no": 84,
+    "name": "text/ramp-sm/sectionHeader/lineHeight",
+    "fst_reference": "text/global/subtitle2/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/body1/lineHeight",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-sm-sectionheader-lineheight"
+  },
+  "textRampSmSubsectionheaderFontsize": {
+    "no": 85,
+    "name": "text/ramp-sm/subsectionHeader/fontSize",
+    "fst_reference": "text/global/body1/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/body1/fontSize",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-sm-subsectionheader-fontsize"
+  },
+  "textRampSmSubsectionheaderLineheight": {
+    "no": 86,
+    "name": "text/ramp-sm/subsectionHeader/lineHeight",
+    "fst_reference": "text/global/body1/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/body1/lineHeight",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-sm-subsectionheader-lineheight"
+  },
+  "textRampSmReadingbodyFontsize": {
+    "no": 87,
+    "name": "text/ramp-sm/readingBody/fontSize",
+    "fst_reference": "text/global/body3/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/body3/fontSize",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-sm-readingbody-fontsize"
+  },
+  "textRampSmReadingbodyLineheight": {
+    "no": 88,
+    "name": "text/ramp-sm/readingBody/lineHeight",
+    "fst_reference": "text/global/body3/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/body3/lineHeight",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-sm-readingbody-lineheight"
+  },
+  "textRampSmItemheaderFontsize": {
+    "no": 89,
+    "name": "text/ramp-sm/itemHeader/fontSize",
+    "fst_reference": "text/global/body3/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/body3/fontSize",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-sm-itemheader-fontsize"
+  },
+  "textRampSmItemheaderLineheight": {
+    "no": 90,
+    "name": "text/ramp-sm/itemHeader/lineHeight",
+    "fst_reference": "text/global/body3/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/body3/lineHeight",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-sm-itemheader-lineheight"
+  },
+  "textRampSmItembodyFontsize": {
+    "no": 91,
+    "name": "text/ramp-sm/itemBody/fontSize",
+    "fst_reference": "text/global/caption1/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-sm-itembody-fontsize"
+  },
+  "textRampSmItembodyLineheight": {
+    "no": 92,
+    "name": "text/ramp-sm/itemBody/lineHeight",
+    "fst_reference": "text/global/caption1/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-sm-itembody-lineheight"
+  },
+  "textRampSmMetadataFontsize": {
+    "no": 93,
+    "name": "text/ramp-sm/metadata/fontSize",
+    "fst_reference": "text/global/caption1/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-sm-metadata-fontsize"
+  },
+  "textRampSmMetadataLineheight": {
+    "no": 94,
+    "name": "text/ramp-sm/metadata/lineHeight",
+    "fst_reference": "text/global/caption1/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-sm-metadata-lineheight"
+  },
+  "textRampSmLegalFontsize": {
+    "no": 95,
+    "name": "text/ramp-sm/legal/fontSize",
+    "fst_reference": "text/global/caption2/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-sm-legal-fontsize"
+  },
+  "textRampSmLegalLineheight": {
+    "no": 96,
+    "name": "text/ramp-sm/legal/lineHeight",
+    "fst_reference": "text/global/caption2/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-sm-legal-lineheight"
+  },
+  "textRampLgPageheaderFontsize": {
+    "no": 97,
+    "name": "text/ramp-lg/pageHeader/fontSize",
+    "fst_reference": "text/global/title1/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/title2/fontSize",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-lg-pageheader-fontsize"
+  },
+  "textRampLgPageheaderLineheight": {
+    "no": 98,
+    "name": "text/ramp-lg/pageHeader/lineHeight",
+    "fst_reference": "text/global/title1/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/title2/lineHeight",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-lg-pageheader-lineheight"
+  },
+  "textRampLgSectionheaderFontsize": {
+    "no": 99,
+    "name": "text/ramp-lg/sectionHeader/fontSize",
+    "fst_reference": "text/global/title2/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/subtitle1/fontSize",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-lg-sectionheader-fontsize"
+  },
+  "textRampLgSectionheaderLineheight": {
+    "no": 100,
+    "name": "text/ramp-lg/sectionHeader/lineHeight",
+    "fst_reference": "text/global/title2/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/subtitle1/lineHeight",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-lg-sectionheader-lineheight"
+  },
+  "textRampLgSubsectionheaderFontsize": {
+    "no": 101,
+    "name": "text/ramp-lg/subsectionHeader/fontSize",
+    "fst_reference": "text/global/subtitle1/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/subtitle1/fontSize",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-lg-subsectionheader-fontsize"
+  },
+  "textRampLgSubsectionheaderLineheight": {
+    "no": 102,
+    "name": "text/ramp-lg/subsectionHeader/lineHeight",
+    "fst_reference": "text/global/subtitle1/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/subtitle1/lineHeight",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-lg-subsectionheader-lineheight"
+  },
+  "textRampLgReadingbodyFontsize": {
+    "no": 103,
+    "name": "text/ramp-lg/readingBody/fontSize",
+    "fst_reference": "text/global/body1/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/body1/fontSize",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-lg-readingbody-fontsize"
+  },
+  "textRampLgReadingbodyLineheight": {
+    "no": 104,
+    "name": "text/ramp-lg/readingBody/lineHeight",
+    "fst_reference": "text/global/body1/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/body1/lineHeight",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-lg-readingbody-lineheight"
+  },
+  "textRampLgItemheaderFontsize": {
+    "no": 105,
+    "name": "text/ramp-lg/itemHeader/fontSize",
+    "fst_reference": "text/global/subtitle2/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/body1/fontSize",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-lg-itemheader-fontsize"
+  },
+  "textRampLgItemheaderLineheight": {
+    "no": 106,
+    "name": "text/ramp-lg/itemHeader/lineHeight",
+    "fst_reference": "text/global/subtitle2/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "text/global/body1/lineHeight",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-lg-itemheader-lineheight"
+  },
+  "textRampLgItembodyFontsize": {
+    "no": 107,
+    "name": "text/ramp-lg/itemBody/fontSize",
+    "fst_reference": "text/global/body2/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["FAB"],
+    "contrast": "",
+    "fallback": "Font-size/400",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-lg-itembody-fontsize"
+  },
+  "textRampLgItembodyLineheight": {
+    "no": 108,
+    "name": "text/ramp-lg/itemBody/lineHeight",
+    "fst_reference": "text/global/body2/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Line-height/400",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-lg-itembody-lineheight"
+  },
+  "textRampLgMetadataFontsize": {
+    "no": 109,
+    "name": "text/ramp-lg/metadata/fontSize",
+    "fst_reference": "text/global/body3/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-lg-metadata-fontsize"
+  },
+  "textRampLgMetadataLineheight": {
+    "no": 110,
+    "name": "text/ramp-lg/metadata/lineHeight",
+    "fst_reference": "text/global/body3/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-lg-metadata-lineheight"
+  },
+  "textRampLgLegalFontsize": {
+    "no": 111,
+    "name": "text/ramp-lg/legal/fontSize",
+    "fst_reference": "text/global/caption1/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-lg-legal-fontsize"
+  },
+  "textRampLgLegalLineheight": {
+    "no": 112,
+    "name": "text/ramp-lg/legal/lineHeight",
+    "fst_reference": "text/global/caption1/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-ramp-lg-legal-lineheight"
+  },
+  "textCtrlWeightDefault": {
+    "no": 113,
+    "name": "text/ctrl/weight/default",
+    "fst_reference": "text/style/default/regular/weight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-ctrl-weight-default"
+  },
+  "textCtrlButtonWeightDefault": {
+    "no": 114,
+    "name": "text/ctrl/button/weight/default",
+    "fst_reference": "text/style/default/regular/weight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Lite filter",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-ctrl-button-weight-default"
+  },
+  "textCtrlButtonWeightSelected": {
+    "no": 115,
+    "name": "text/ctrl/button/weight/selected",
+    "fst_reference": "text/ctrl/weight/selected",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Split button",
+      "Button",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Lite Filter Button",
+      "Lite filter",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-ctrl-button-weight-selected"
+  },
+  "sizeCtrlDefault": {
+    "no": 116,
+    "name": "size/ctrl/default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Split button",
+      "Button",
+      " Radio",
+      " Checkbox",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Text input box",
+      "Search box",
+      "Password input box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Text area",
+      "Page link",
+      "Lite Filter Button",
+      "Lite filter",
+      "Title bar",
+      "Slider",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-size-ctrl-default"
+  },
+  "sizeCtrlIcon": {
+    "no": 117,
+    "name": "size/ctrl/icon",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "FAB",
+      "Split button",
+      "Button",
+      " Checkbox",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Text input box",
+      "Search box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Inline link",
+      "Page link",
+      "Lite Filter Button",
+      "Lite filter",
+      "Title bar",
+      "Rating",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-size-ctrl-icon"
+  },
+  "sizeCtrlIconFigmaonly": {
+    "no": 118,
+    "name": "size/ctrl/icon(figmaonly)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Split button",
+      "Button",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Text input box",
+      "Search box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Inline link",
+      "Page link",
+      "Lite Filter Button",
+      "Lite filter",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-size-ctrl-iconfigmaonly"
+  },
+  "sizeCtrlIconsecondary": {
+    "no": 119,
+    "name": "size/ctrl/iconSecondary",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Split button",
+      "Button",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Editable dropdown",
+      "Editable spin button",
+      "Lite Filter Button",
+      "Lite filter",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-size-ctrl-iconsecondary"
+  },
+  "textCtrlWeightSelected": {
+    "no": 120,
+    "name": "text/ctrl/weight/selected",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Lite filter"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-text-ctrl-weight-selected"
+  },
+  "sizeCtrlSmDefault": {
+    "no": 121,
+    "name": "size/ctrl-sm/default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer", "Editable dropdown", "Editable spin button"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-size-ctrl-sm-default"
+  },
+  "sizeCtrlSmIcon": {
+    "no": 122,
+    "name": "size/ctrl-sm/icon",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-size-ctrl-sm-icon"
+  },
+  "sizeCtrlLgDefault": {
+    "no": 123,
+    "name": "size/ctrl-lg/default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-size-ctrl-lg-default"
+  },
+  "sizeCtrlLgIcon": {
+    "no": 124,
+    "name": "size/ctrl-lg/icon",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["FAB"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-size-ctrl-lg-icon"
+  },
+  "sizeCtrlSmIconFigmaonly": {
+    "no": 125,
+    "name": "size/ctrl-sm/icon(figmaonly)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-size-ctrl-sm-iconfigmaonly"
+  },
+  "sizeCtrlLgIconFigmaonly": {
+    "no": 126,
+    "name": "size/ctrl-lg/icon(figmaonly)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["FAB"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-size-ctrl-lg-iconfigmaonly"
+  },
+  "paddingContentAlignDefault": {
+    "no": 127,
+    "name": "padding/content/align/default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Inline drawer", "Overlay drawer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-content-align-default"
+  },
+  "paddingContentAlignOutdentIcononsubtle": {
+    "no": 128,
+    "name": "padding/content/align/outdent-iconOnSubtle",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-content-align-outdent-icononsubtle"
+  },
+  "paddingContentAlignOutdentTextonsubtle": {
+    "no": 129,
+    "name": "padding/content/align/outdent-textOnSubtle",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-content-align-outdent-textonsubtle"
+  },
+  "paddingContentNone": {
+    "no": 130,
+    "name": "padding/content/none",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-content-none"
+  },
+  "paddingContentXxsmall": {
+    "no": 131,
+    "name": "padding/content/xxSmall",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-content-xxsmall"
+  },
+  "paddingContentXsmall": {
+    "no": 132,
+    "name": "padding/content/xSmall",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-content-xsmall"
+  },
+  "paddingContentSmall": {
+    "no": 133,
+    "name": "padding/content/small",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-content-small"
+  },
+  "paddingContentMedium": {
+    "no": 134,
+    "name": "padding/content/medium",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-content-medium"
+  },
+  "paddingContentLarge": {
+    "no": 135,
+    "name": "padding/content/large",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog", "Footer", "Consent Dialog/footer", "Inline drawer", "Overlay drawer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-content-large"
+  },
+  "paddingContentXlarge": {
+    "no": 136,
+    "name": "padding/content/xLarge",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-content-xlarge"
+  },
+  "paddingContentXxlarge": {
+    "no": 137,
+    "name": "padding/content/xxLarge",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-content-xxlarge"
+  },
+  "paddingContentXxxlarge": {
+    "no": 138,
+    "name": "padding/content/xxxLarge",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-content-xxxlarge"
+  },
+  "paddingToolbarInside": {
+    "no": 139,
+    "name": "padding/toolbar/inside",
+    "fst_reference": "padding/content/xSmall",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-toolbar-inside"
+  },
+  "paddingToolbarOutside": {
+    "no": 140,
+    "name": "padding/toolbar/outside",
+    "fst_reference": "padding/content/xxSmall",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Title bar"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-toolbar-outside"
+  },
+  "paddingFlyoutDefault": {
+    "no": 141,
+    "name": "padding/flyout/default",
+    "fst_reference": "padding/content/align/outdent-textOnSubtle",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-flyout-default"
+  },
+  "paddingCardNestedimage": {
+    "no": 142,
+    "name": "padding/card/nestedImage",
+    "fst_reference": "padding/content/align/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Image"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-card-nestedimage"
+  },
+  "paddingCtrlHorizontalDefault": {
+    "no": 143,
+    "name": "padding/ctrl/horizontal-default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Text input box",
+      "Search box",
+      "Password input box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Text area",
+      "Page link",
+      "Lite filter",
+      "Tooltip",
+      "Slider",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-ctrl-horizontal-default"
+  },
+  "paddingCtrlHorizontalIcononly": {
+    "no": 144,
+    "name": "padding/ctrl/horizontal-iconOnly",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Split button",
+      "Button",
+      "Dialog",
+      "Inline drawer",
+      "Overlay drawer",
+      "Lite Filter Button",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-ctrl-horizontal-icononly"
+  },
+  "paddingCtrlTexttop": {
+    "no": 145,
+    "name": "padding/ctrl/textTop",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Split button",
+      "Button",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Text input box",
+      "Search box",
+      "Password input box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Text area",
+      "Field",
+      "Label",
+      "Page link",
+      "Lite Filter Button",
+      "Lite filter",
+      "Title bar",
+      "Tooltip",
+      "Rating",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-ctrl-texttop"
+  },
+  "paddingCtrlTextbottom": {
+    "no": 146,
+    "name": "padding/ctrl/textBottom",
+    "fst_reference": "padding/ctrl/textTop",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Split button",
+      "Button",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Text input box",
+      "Search box",
+      "Password input box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Text area",
+      "Field",
+      "Label",
+      "Page link",
+      "Lite Filter Button",
+      "Lite filter",
+      "Title bar",
+      "Tooltip",
+      "Rating",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-ctrl-textbottom"
+  },
+  "paddingCtrlTextside": {
+    "no": 147,
+    "name": "padding/ctrl/textSide",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Lite filter",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-ctrl-textside"
+  },
+  "paddingCtrlTonestedcontrol": {
+    "no": 148,
+    "name": "padding/ctrl/toNestedControl",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Text input box", "Search box", "Password input box", "Editable dropdown", "Editable spin button"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-ctrl-tonestedcontrol"
+  },
+  "paddingCtrlSmHorizontalDefault": {
+    "no": 149,
+    "name": "padding/ctrl-sm/horizontal-default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer", "Editable spin button"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-ctrl-sm-horizontal-default"
+  },
+  "paddingCtrlSmHorizontalIcononly": {
+    "no": 150,
+    "name": "padding/ctrl-sm/horizontal-iconOnly",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Editable dropdown"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-ctrl-sm-horizontal-icononly"
+  },
+  "paddingCtrlSmTexttop": {
+    "no": 151,
+    "name": "padding/ctrl-sm/textTop",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-ctrl-sm-texttop"
+  },
+  "paddingCtrlSmTextbottom": {
+    "no": 152,
+    "name": "padding/ctrl-sm/textBottom",
+    "fst_reference": "padding/ctrl-sm/textTop",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-ctrl-sm-textbottom"
+  },
+  "paddingCtrlSmTonestedcontrol": {
+    "no": 153,
+    "name": "padding/ctrl-sm/toNestedControl",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-ctrl-sm-tonestedcontrol"
+  },
+  "paddingCtrlLgHorizontalDefault": {
+    "no": 154,
+    "name": "padding/ctrl-lg/horizontal-default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-ctrl-lg-horizontal-default"
+  },
+  "paddingCtrlLgHorizontalIcononly": {
+    "no": 155,
+    "name": "padding/ctrl-lg/horizontal-iconOnly",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["FAB"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-ctrl-lg-horizontal-icononly"
+  },
+  "paddingCtrlLgTexttop": {
+    "no": 156,
+    "name": "padding/ctrl-lg/textTop",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["FAB", "MessageBar"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-ctrl-lg-texttop"
+  },
+  "paddingCtrlLgTextbottom": {
+    "no": 157,
+    "name": "padding/ctrl-lg/textBottom",
+    "fst_reference": "padding/ctrl-lg/textTop",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["FAB", "MessageBar"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-ctrl-lg-textbottom"
+  },
+  "paddingCtrlLgTonestedcontrol": {
+    "no": 158,
+    "name": "padding/ctrl-lg/toNestedControl",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-padding-ctrl-lg-tonestedcontrol"
+  },
+  "gapBetweenContentNone": {
+    "no": 159,
+    "name": "gap/between/content/none",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-between-content-none"
+  },
+  "gapBetweenContentXxsmall": {
+    "no": 160,
+    "name": "gap/between/content/xxSmall",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Field"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-between-content-xxsmall"
+  },
+  "gapBetweenContentXsmall": {
+    "no": 161,
+    "name": "gap/between/content/xSmall",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-between-content-xsmall"
+  },
+  "gapBetweenContentSmall": {
+    "no": 162,
+    "name": "gap/between/content/small",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-between-content-small"
+  },
+  "gapBetweenCtrlDefault": {
+    "no": 163,
+    "name": "gap/between/ctrl/default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Lite filter",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-between-ctrl-default"
+  },
+  "gapBetweenContentMedium": {
+    "no": 164,
+    "name": "gap/between/content/medium",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-between-content-medium"
+  },
+  "gapBetweenContentLarge": {
+    "no": 165,
+    "name": "gap/between/content/large",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-between-content-large"
+  },
+  "gapBetweenContentXlarge": {
+    "no": 166,
+    "name": "gap/between/content/xLarge",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-between-content-xlarge"
+  },
+  "gapBetweenCtrlNested": {
+    "no": 167,
+    "name": "gap/between/ctrl/nested",
+    "fst_reference": "padding/ctrl/toNestedControl",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-between-ctrl-nested"
+  },
+  "gapBetweenContentXxlarge": {
+    "no": 168,
+    "name": "gap/between/content/xxLarge",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-between-content-xxlarge"
+  },
+  "gapBetweenCtrlLgDefault": {
+    "no": 169,
+    "name": "gap/between/ctrl-lg/default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-between-ctrl-lg-default"
+  },
+  "gapTextSmall": {
+    "no": 170,
+    "name": "gap/text-small",
+    "fst_reference": "gap/between/content/xxSmall",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog", "Field", "MessageBar"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-text-small"
+  },
+  "gapTextLarge": {
+    "no": 171,
+    "name": "gap/text-large",
+    "fst_reference": "gap/between/content/xSmall",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["MessageBar"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-text-large"
+  },
+  "gapBetweenCtrlLgNested": {
+    "no": 172,
+    "name": "gap/between/ctrl-lg/nested",
+    "fst_reference": "padding/ctrl-lg/toNestedControl",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-between-ctrl-lg-nested"
+  },
+  "gapBetweenCtrlSmDefault": {
+    "no": 173,
+    "name": "gap/between/ctrl-sm/default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Text input box", "Editable dropdown", "Editable spin button"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-between-ctrl-sm-default"
+  },
+  "gapBetweenCtrlSmNested": {
+    "no": 174,
+    "name": "gap/between/ctrl-sm/nested",
+    "fst_reference": "padding/ctrl-sm/toNestedControl",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-between-ctrl-sm-nested"
+  },
+  "gapList": {
+    "no": 175,
+    "name": "gap/list",
+    "fst_reference": "gap/between/content/xxSmall",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-list"
+  },
+  "gapCard": {
+    "no": 176,
+    "name": "gap/card",
+    "fst_reference": "gap/between/content/medium",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-card"
+  },
+  "gapInsideCtrlDefault": {
+    "no": 177,
+    "name": "gap/inside/ctrl/default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Split button",
+      "Button",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Text input box",
+      "Search box",
+      "Password input box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Page link",
+      "Lite Filter Button",
+      "Lite filter",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-inside-ctrl-default"
+  },
+  "gapInsideCtrlSmDefault": {
+    "no": 178,
+    "name": "gap/inside/ctrl-sm/default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-inside-ctrl-sm-default"
+  },
+  "gapInsideCtrlSmTosecondaryicon": {
+    "no": 179,
+    "name": "gap/inside/ctrl-sm/toSecondaryIcon",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Editable dropdown"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-inside-ctrl-sm-tosecondaryicon"
+  },
+  "gapInsideCtrlLgDefault": {
+    "no": 180,
+    "name": "gap/inside/ctrl-lg/default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["FAB"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-inside-ctrl-lg-default"
+  },
+  "gapInsideCtrlLgTosecondaryicon": {
+    "no": 181,
+    "name": "gap/inside/ctrl-lg/toSecondaryIcon",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-inside-ctrl-lg-tosecondaryicon"
+  },
+  "gapInsideCtrlTosecondaryicon": {
+    "no": 182,
+    "name": "gap/inside/ctrl/toSecondaryIcon",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Split button",
+      "Button",
+      " Radio",
+      " Checkbox",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Field",
+      "Label",
+      "Inline link",
+      "Lite Filter Button",
+      "Lite filter",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-inside-ctrl-tosecondaryicon"
+  },
+  "gapInsideCtrlTolabel": {
+    "no": 183,
+    "name": "gap/inside/ctrl/toLabel",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [" Radio", " Checkbox", "Rating", "Spinner", "MessageBar"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-inside-ctrl-tolabel"
+  },
+  "gapInsideCtrlSmTolabel": {
+    "no": 184,
+    "name": "gap/inside/ctrl-sm/toLabel",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-inside-ctrl-sm-tolabel"
+  },
+  "gapInsideCtrlLgTolabel": {
+    "no": 185,
+    "name": "gap/inside/ctrl-lg/toLabel",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-gap-inside-ctrl-lg-tolabel"
+  },
+  "cornerCircular": {
+    "no": 186,
+    "name": "corner/circular",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Presence badge", "Badge", "Lite Filter Button", "Lite filter"],
+    "contrast": "",
+    "fallback": "Circular",
+    "exceptions": [],
+    "cssName": "--smtc-corner-circular"
+  },
+  "strokewidthDefault": {
+    "no": 187,
+    "name": "strokeWidth/default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Badge",
+      "FAB",
+      "Split button",
+      "Button",
+      "Card/Primary",
+      "Card/Secondary",
+      "Card/Tint (needed?)",
+      "Card/Outline",
+      " Switch",
+      " Radio",
+      " Checkbox",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Image",
+      "Editable dropdown",
+      "Editable spin button",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-strokewidth-default"
+  },
+  "strokewidthDividerDefault": {
+    "no": 188,
+    "name": "strokeWidth/divider/default",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer", "Divider"],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-strokewidth-divider-default"
+  },
+  "strokewidthDividerStrong": {
+    "no": 189,
+    "name": "strokeWidth/divider/strong",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-strokewidth-divider-strong"
+  },
+  "strokewidthCtrlOutlineRest": {
+    "no": 190,
+    "name": "strokeWidth/ctrl/outline/rest",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Text input box",
+      "Search box",
+      "Password input box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Text area",
+      "Lite Filter Button"
+    ],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-strokewidth-ctrl-outline-rest"
+  },
+  "strokewidthCtrlOutlineHover": {
+    "no": 191,
+    "name": "strokeWidth/ctrl/outline/hover",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-strokewidth-ctrl-outline-hover"
+  },
+  "strokewidthCtrlOutlinePressed": {
+    "no": 192,
+    "name": "strokeWidth/ctrl/outline/pressed",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-strokewidth-ctrl-outline-pressed"
+  },
+  "strokewidthCtrlOutlineSelected": {
+    "no": 193,
+    "name": "strokeWidth/ctrl/outline/selected",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-strokewidth-ctrl-outline-selected"
+  },
+  "strokewidthWindowDefault": {
+    "no": 194,
+    "name": "strokeWidth/window/default",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-strokewidth-window-default"
+  },
+  "backgroundToolbar": {
+    "no": 195,
+    "name": "background/toolbar",
+    "fst_reference": "background/card/onPrimary/default/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-toolbar"
+  },
+  "backgroundSmoke": {
+    "no": 196,
+    "name": "background/smoke",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-background-smoke"
+  },
+  "strokeLayer": {
+    "no": 197,
+    "name": "stroke/layer",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-layer"
+  },
+  "strokeImage": {
+    "no": 198,
+    "name": "stroke/image",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Image"],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-image"
+  },
+  "strokeToolbar": {
+    "no": 199,
+    "name": "stroke/toolbar",
+    "fst_reference": "stroke/card/onPrimary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-toolbar"
+  },
+  "strokeFlyout": {
+    "no": 200,
+    "name": "stroke/flyout",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Overlay drawer"],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-flyout"
+  },
+  "strokeCtrlOnbrandRest": {
+    "no": 201,
+    "name": "stroke/ctrl/onBrand/rest",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Dialog", "Footer", "Inline drawer", "Overlay drawer", "Tooltip"],
+    "contrast": "",
+    "fallback": "NULL/color",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onbrand-rest"
+  },
+  "strokeCtrlOnbrandHover": {
+    "no": 202,
+    "name": "stroke/ctrl/onBrand/hover",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "NULL/color",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onbrand-hover"
+  },
+  "strokeCtrlOnbrandPressed": {
+    "no": 203,
+    "name": "stroke/ctrl/onBrand/pressed",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "NULL/color",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onbrand-pressed"
+  },
+  "strokeCtrlOnbrandDisabled": {
+    "no": 204,
+    "name": "stroke/ctrl/onBrand/disabled",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "NULL/color",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onbrand-disabled"
+  },
+  "strokeCtrlOnbrandRestStop2": {
+    "no": 205,
+    "name": "stroke/ctrl/onBrand/rest(stop2)",
+    "fst_reference": "stroke/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog", "Footer", "Inline drawer", "Overlay drawer"],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onBrand/rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onbrand-reststop2"
+  },
+  "strokeCtrlOnbrandHoverStop2": {
+    "no": 206,
+    "name": "stroke/ctrl/onBrand/hover(stop2)",
+    "fst_reference": "stroke/ctrl/onBrand/hover",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onBrand/hover",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onbrand-hoverstop2"
+  },
+  "strokeCtrlOnbrandPressedStop2": {
+    "no": 207,
+    "name": "stroke/ctrl/onBrand/pressed(stop2)",
+    "fst_reference": "stroke/ctrl/onBrand/pressed",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onBrand/pressed",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onbrand-pressedstop2"
+  },
+  "strokeCtrlOnbrandDisabledStop2": {
+    "no": 208,
+    "name": "stroke/ctrl/onBrand/disabled(stop2)",
+    "fst_reference": "stroke/ctrl/onBrand/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onBrand/disabled",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onbrand-disabledstop2"
+  },
+  "strokeCtrlOnneutralRest": {
+    "no": 209,
+    "name": "stroke/ctrl/onNeutral/rest",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Dialog", "Footer", "Consent Dialog/footer", "Inline drawer", "Overlay drawer", "MessageBar"],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onneutral-rest"
+  },
+  "strokeCtrlOnneutralHover": {
+    "no": 210,
+    "name": "stroke/ctrl/onNeutral/hover",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/1/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onneutral-hover"
+  },
+  "strokeCtrlOnneutralPressed": {
+    "no": 211,
+    "name": "stroke/ctrl/onNeutral/pressed",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/1/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onneutral-pressed"
+  },
+  "strokeCtrlOnneutralDisabled": {
+    "no": 212,
+    "name": "stroke/ctrl/onNeutral/disabled",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onneutral-disabled"
+  },
+  "strokeCtrlOnneutralRestStop2": {
+    "no": 213,
+    "name": "stroke/ctrl/onNeutral/rest(stop2)",
+    "fst_reference": "stroke/ctrl/onNeutral/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog", "Footer", "Consent Dialog/footer", "Inline drawer", "Overlay drawer", "MessageBar"],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onNeutral/rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onneutral-reststop2"
+  },
+  "strokeCtrlOnneutralHoverStop2": {
+    "no": 214,
+    "name": "stroke/ctrl/onNeutral/hover(stop2)",
+    "fst_reference": "stroke/ctrl/onNeutral/pressed",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onNeutral/hover",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onneutral-hoverstop2"
+  },
+  "strokeCtrlOnneutralPressedStop2": {
+    "no": 215,
+    "name": "stroke/ctrl/onNeutral/pressed(stop2)",
+    "fst_reference": "stroke/ctrl/onNeutral/hover",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onNeutral/pressed",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onneutral-pressedstop2"
+  },
+  "strokeCtrlOnneutralDisabledStop2": {
+    "no": 216,
+    "name": "stroke/ctrl/onNeutral/disabled(stop2)",
+    "fst_reference": "stroke/ctrl/onNeutral/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onNeutral/disabled",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onneutral-disabledstop2"
+  },
+  "strokeCtrlOnoutlineRest": {
+    "no": 217,
+    "name": "stroke/ctrl/onOutline/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Lite filter"],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onoutline-rest"
+  },
+  "strokeCtrlOnoutlineHover": {
+    "no": 218,
+    "name": "stroke/ctrl/onOutline/hover",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/1/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onoutline-hover"
+  },
+  "strokeCtrlOnoutlinePressed": {
+    "no": 219,
+    "name": "stroke/ctrl/onOutline/pressed",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/1/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onoutline-pressed"
+  },
+  "strokeCtrlOnoutlineDisabled": {
+    "no": 220,
+    "name": "stroke/ctrl/onOutline/disabled",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onoutline-disabled"
+  },
+  "strokeCtrlOnoutlineRestStop2": {
+    "no": 221,
+    "name": "stroke/ctrl/onOutline/rest(stop2)",
+    "fst_reference": "stroke/ctrl/onOutline/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Lite filter"],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onOutline/rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onoutline-reststop2"
+  },
+  "strokeCtrlOnoutlineHoverStop2": {
+    "no": 222,
+    "name": "stroke/ctrl/onOutline/hover(stop2)",
+    "fst_reference": "stroke/ctrl/onOutline/hover",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onOutline/hover",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onoutline-hoverstop2"
+  },
+  "strokeCtrlOnoutlinePressedStop2": {
+    "no": 223,
+    "name": "stroke/ctrl/onOutline/pressed(stop2)",
+    "fst_reference": "stroke/ctrl/onOutline/pressed",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onOutline/pressed",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onoutline-pressedstop2"
+  },
+  "strokeCtrlOnoutlineDisabledStop2": {
+    "no": 224,
+    "name": "stroke/ctrl/onOutline/disabled(stop2)",
+    "fst_reference": "stroke/ctrl/onOutline/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Lite Filter Button"],
+    "contrast": "",
+    "fallback": "stroke/ctrl/divider/onOutline",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onoutline-disabledstop2"
+  },
+  "strokeCtrlOnsubtleRest": {
+    "no": 225,
+    "name": "stroke/ctrl/onSubtle/rest",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [
+      "Dialog",
+      "Inline drawer",
+      "Overlay drawer",
+      "Editable dropdown",
+      "Editable spin button",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onsubtle-rest"
+  },
+  "strokeCtrlOnsubtleHover": {
+    "no": 226,
+    "name": "stroke/ctrl/onSubtle/hover",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onsubtle-hover"
+  },
+  "strokeCtrlOnsubtlePressed": {
+    "no": 227,
+    "name": "stroke/ctrl/onSubtle/pressed",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onsubtle-pressed"
+  },
+  "strokeCtrlOnsubtleDisabled": {
+    "no": 228,
+    "name": "stroke/ctrl/onSubtle/disabled",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onsubtle-disabled"
+  },
+  "strokeCtrlOnsubtleHoversplit": {
+    "no": 229,
+    "name": "stroke/ctrl/onSubtle/hoverSplit",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onsubtle-hoversplit"
+  },
+  "strokeCtrlOnactivebrandRest": {
+    "no": 230,
+    "name": "stroke/ctrl/onActiveBrand/rest",
+    "fst_reference": "stroke/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onBrand/rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onactivebrand-rest"
+  },
+  "strokeCtrlDividerOnbrand": {
+    "no": 231,
+    "name": "stroke/ctrl/divider/onBrand",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/onBrand/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-divider-onbrand"
+  },
+  "strokeCtrlDividerOnbrandDisabled": {
+    "no": 232,
+    "name": "stroke/ctrl/divider/onBrand-disabled",
+    "fst_reference": "stroke/ctrl/divider/onBrand",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/onBrand/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-divider-onbrand-disabled"
+  },
+  "strokeCtrlDividerOnneutral": {
+    "no": 233,
+    "name": "stroke/ctrl/divider/onNeutral",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-divider-onneutral"
+  },
+  "strokeCtrlDividerOnneutralDisabled": {
+    "no": 234,
+    "name": "stroke/ctrl/divider/onNeutral-disabled",
+    "fst_reference": "stroke/ctrl/divider/onNeutral",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-divider-onneutral-disabled"
+  },
+  "strokeCtrlDividerOnoutline": {
+    "no": 235,
+    "name": "stroke/ctrl/divider/onOutline",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Lite Filter Button"],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-divider-onoutline"
+  },
+  "strokeCtrlDividerOnoutlineDisabled": {
+    "no": 236,
+    "name": "stroke/ctrl/divider/onOutline-disabled",
+    "fst_reference": "stroke/ctrl/divider/onOutline",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-divider-onoutline-disabled"
+  },
+  "strokeCtrlDividerOnsubtle": {
+    "no": 237,
+    "name": "stroke/ctrl/divider/onSubtle",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-divider-onsubtle"
+  },
+  "strokeCtrlDividerOnsubtleDisabled": {
+    "no": 238,
+    "name": "stroke/ctrl/divider/onSubtle-disabled",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Split button"],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-divider-onsubtle-disabled"
+  },
+  "strokeCtrlDividerOnactivebrand": {
+    "no": 239,
+    "name": "stroke/ctrl/divider/onActiveBrand",
+    "fst_reference": "stroke/ctrl/divider/onBrand",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "stroke/ctrl/divider/onBrand",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-divider-onactivebrand"
+  },
+  "strokeCtrlDividerOnactivebrandDisabled": {
+    "no": 240,
+    "name": "stroke/ctrl/divider/onActiveBrand-disabled",
+    "fst_reference": "stroke/ctrl/divider/onBrand",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "stroke/ctrl/divider/onBrand",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-divider-onactivebrand-disabled"
+  },
+  "strokeCtrlOnactivebrandHover": {
+    "no": 241,
+    "name": "stroke/ctrl/onActiveBrand/hover",
+    "fst_reference": "stroke/ctrl/onBrand/hover",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onBrand/hover",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onactivebrand-hover"
+  },
+  "strokeCtrlOnactivebrandPressed": {
+    "no": 242,
+    "name": "stroke/ctrl/onActiveBrand/pressed",
+    "fst_reference": "stroke/ctrl/onBrand/pressed",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onBrand/pressed",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onactivebrand-pressed"
+  },
+  "strokeCtrlOnactivebrandDisabled": {
+    "no": 243,
+    "name": "stroke/ctrl/onActiveBrand/disabled",
+    "fst_reference": "stroke/ctrl/onBrand/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [" Switch", " Radio", " Checkbox"],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onBrand/disabled",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onactivebrand-disabled"
+  },
+  "strokeCtrlOnactivebrandRestStop2": {
+    "no": 244,
+    "name": "stroke/ctrl/onActiveBrand/rest(stop2)",
+    "fst_reference": "stroke/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onActiveBrand/rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onactivebrand-reststop2"
+  },
+  "strokeCtrlOnactivebrandHoverStop2": {
+    "no": 245,
+    "name": "stroke/ctrl/onActiveBrand/hover(stop2)",
+    "fst_reference": "stroke/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onActiveBrand/hover",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onactivebrand-hoverstop2"
+  },
+  "strokeCtrlOnactivebrandPressedStop2": {
+    "no": 246,
+    "name": "stroke/ctrl/onActiveBrand/pressed(stop2)",
+    "fst_reference": "stroke/ctrl/onBrand/pressed",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onActiveBrand/pressed",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onactivebrand-pressedstop2"
+  },
+  "strokeCtrlOnactivebrandDisabledStop2": {
+    "no": 247,
+    "name": "stroke/ctrl/onActiveBrand/disabled(stop2)",
+    "fst_reference": "stroke/ctrl/onBrand/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onActiveBrand/disabled",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-ctrl-onactivebrand-disabledstop2"
+  },
+  "strokeDividerDefault": {
+    "no": 248,
+    "name": "stroke/divider/default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer", "Inline drawer"],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-divider-default"
+  },
+  "strokeDividerSubtle": {
+    "no": 249,
+    "name": "stroke/divider/subtle",
+    "fst_reference": "stroke/divider/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/3/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-divider-subtle"
+  },
+  "strokeDividerStrong": {
+    "no": 250,
+    "name": "stroke/divider/strong",
+    "fst_reference": "stroke/divider/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-divider-strong"
+  },
+  "strokeDividerBrand": {
+    "no": 251,
+    "name": "stroke/divider/brand",
+    "fst_reference": "background/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Divider"],
+    "contrast": "",
+    "fallback": "Brand/Stroke/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-divider-brand"
+  },
+  "strokeCardSelected": {
+    "no": 252,
+    "name": "stroke/card/selected",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/1/Selected",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-card-selected"
+  },
+  "strokeCardOnprimaryRest": {
+    "no": 253,
+    "name": "stroke/card/onPrimary/rest",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Card/Primary"],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-card-onprimary-rest"
+  },
+  "strokeCardOnprimaryHover": {
+    "no": 254,
+    "name": "stroke/card/onPrimary/hover",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Interactive/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-card-onprimary-hover"
+  },
+  "strokeCardOnprimaryPressed": {
+    "no": 255,
+    "name": "stroke/card/onPrimary/pressed",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Interactive/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-card-onprimary-pressed"
+  },
+  "strokeCardOnprimaryDisabled": {
+    "no": 256,
+    "name": "stroke/card/onPrimary/disabled",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Interactive/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-card-onprimary-disabled"
+  },
+  "strokeCardOnsecondaryRest": {
+    "no": 257,
+    "name": "stroke/card/onSecondary/rest",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Card/Secondary"],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-card-onsecondary-rest"
+  },
+  "strokeCardOnsecondaryHover": {
+    "no": 258,
+    "name": "stroke/card/onSecondary/hover",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Interactive/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-card-onsecondary-hover"
+  },
+  "strokeCardOnsecondaryPressed": {
+    "no": 259,
+    "name": "stroke/card/onSecondary/pressed",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Interactive/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-card-onsecondary-pressed"
+  },
+  "strokeCardOnsecondaryDisabled": {
+    "no": 260,
+    "name": "stroke/card/onSecondary/disabled",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Interactive/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-card-onsecondary-disabled"
+  },
+  "strokeWindowActive": {
+    "no": 261,
+    "name": "stroke/window/active",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-window-active"
+  },
+  "strokeWindowInactive": {
+    "no": 262,
+    "name": "stroke/window/inactive",
+    "fst_reference": "stroke/window/active",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-stroke-window-inactive"
+  },
+  "backgroundWindowPrimarySolid": {
+    "no": 263,
+    "name": "background/window/primary/(solid)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-background-window-primary-solid"
+  },
+  "backgroundWindowPrimaryColorblend": {
+    "no": 264,
+    "name": "background/window/primary/(colorBlend)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-background-window-primary-colorblend"
+  },
+  "backgroundWindowPrimaryLumblend": {
+    "no": 265,
+    "name": "background/window/primary/(lumBlend)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-background-window-primary-lumblend"
+  },
+  "backgroundWindowSecondarySolid": {
+    "no": 266,
+    "name": "background/window/secondary/(solid)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-background-window-secondary-solid"
+  },
+  "backgroundWindowSecondaryColorblend": {
+    "no": 267,
+    "name": "background/window/secondary/(colorBlend)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-background-window-secondary-colorblend"
+  },
+  "backgroundWindowSecondaryLumblend": {
+    "no": 268,
+    "name": "background/window/secondary/(lumBlend)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-background-window-secondary-lumblend"
+  },
+  "backgroundWindowTabbandColorblend": {
+    "no": 269,
+    "name": "background/window/tabBand/(colorBlend)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-background-window-tabband-colorblend"
+  },
+  "backgroundWindowTabbandLumblend": {
+    "no": 270,
+    "name": "background/window/tabBand/(lumBlend)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-background-window-tabband-lumblend"
+  },
+  "backgroundWindowTabbandSolid": {
+    "no": 271,
+    "name": "background/window/tabBand/(solid)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-background-window-tabband-solid"
+  },
+  "backgroundWebpagePrimary": {
+    "no": 272,
+    "name": "background/webPage/primary",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-background-webpage-primary"
+  },
+  "backgroundWebpageSecondary": {
+    "no": 273,
+    "name": "background/webPage/secondary",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-background-webpage-secondary"
+  },
+  "backgroundLayerPrimarySolid": {
+    "no": 274,
+    "name": "background/layer/primary(solid)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-layer-primarysolid"
+  },
+  "backgroundLayerPrimaryStop1": {
+    "no": 275,
+    "name": "background/layer/primary(stop1)",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-background-layer-primarystop1"
+  },
+  "backgroundLayerPrimaryStop2": {
+    "no": 276,
+    "name": "background/layer/primary(stop2)",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-background-layer-primarystop2"
+  },
+  "backgroundLayerPrimaryStop3": {
+    "no": 277,
+    "name": "background/layer/primary(stop3)",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-background-layer-primarystop3"
+  },
+  "backgroundLayerSecondary": {
+    "no": 278,
+    "name": "background/layer/secondary",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-layer-secondary"
+  },
+  "backgroundLayerTertiary": {
+    "no": 279,
+    "name": "background/layer/tertiary",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/3/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-layer-tertiary"
+  },
+  "backgroundCardOnprimaryDefaultRest": {
+    "no": 280,
+    "name": "background/card/onPrimary/default/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Card/Primary"],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onprimary-default-rest"
+  },
+  "backgroundCardOnprimaryAltRest": {
+    "no": 281,
+    "name": "background/card/onPrimary/alt/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Card/Secondary"],
+    "contrast": "",
+    "fallback": "background/card/onPrimary/default/rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onprimary-alt-rest"
+  },
+  "backgroundCardOnprimaryAltHover": {
+    "no": 282,
+    "name": "background/card/onPrimary/alt/hover",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/card/onPrimary/default/hover",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onprimary-alt-hover"
+  },
+  "backgroundCardOnprimaryAltPressed": {
+    "no": 283,
+    "name": "background/card/onPrimary/alt/pressed",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/card/onPrimary/default/pressed",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onprimary-alt-pressed"
+  },
+  "backgroundCardOnprimaryAltDisabled": {
+    "no": 284,
+    "name": "background/card/onPrimary/alt/disabled",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/card/onPrimary/default/pressed",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onprimary-alt-disabled"
+  },
+  "backgroundCardOnprimaryDefaultHover": {
+    "no": 285,
+    "name": "background/card/onPrimary/default/hover",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onprimary-default-hover"
+  },
+  "backgroundCardOnprimaryDefaultPressed": {
+    "no": 286,
+    "name": "background/card/onPrimary/default/pressed",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onprimary-default-pressed"
+  },
+  "backgroundCardOnprimaryDefaultDisabled": {
+    "no": 287,
+    "name": "background/card/onPrimary/default/disabled",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onprimary-default-disabled"
+  },
+  "backgroundCardOnprimaryDefaultSelected": {
+    "no": 288,
+    "name": "background/card/onPrimary/default/selected",
+    "fst_reference": "background/card/onPrimary/default/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Selected",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onprimary-default-selected"
+  },
+  "backgroundFlyoutSolid": {
+    "no": 289,
+    "name": "background/flyout/(solid)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Overlay drawer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-background-flyout-solid"
+  },
+  "backgroundCtrlBrandRest": {
+    "no": 290,
+    "name": "background/ctrl/brand/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog", "Footer", "Inline drawer", "Overlay drawer", "Tooltip"],
+    "contrast": "",
+    "fallback": "Brand/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-brand-rest"
+  },
+  "backgroundCtrlBrandHover": {
+    "no": 291,
+    "name": "background/ctrl/brand/hover",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Brand/Background/1/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-brand-hover"
+  },
+  "backgroundCtrlBrandPressed": {
+    "no": 292,
+    "name": "background/ctrl/brand/pressed",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Brand/Background/1/Selected",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-brand-pressed"
+  },
+  "backgroundCtrlBrandDisabled": {
+    "no": 293,
+    "name": "background/ctrl/brand/disabled",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["FAB"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-brand-disabled"
+  },
+  "backgroundCtrlActivebrandRest": {
+    "no": 294,
+    "name": "background/ctrl/activeBrand/rest",
+    "fst_reference": "background/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/ctrl/brand/rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-activebrand-rest"
+  },
+  "backgroundCtrlActivebrandHover": {
+    "no": 295,
+    "name": "background/ctrl/activeBrand/hover",
+    "fst_reference": "background/ctrl/brand/hover",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/ctrl/brand/hover",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-activebrand-hover"
+  },
+  "backgroundCtrlActivebrandPressed": {
+    "no": 296,
+    "name": "background/ctrl/activeBrand/pressed",
+    "fst_reference": "background/ctrl/brand/pressed",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/ctrl/brand/pressed",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-activebrand-pressed"
+  },
+  "backgroundCtrlActivebrandDisabled": {
+    "no": 297,
+    "name": "background/ctrl/activeBrand/disabled",
+    "fst_reference": "background/ctrl/brand/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [" Switch", " Radio", " Checkbox"],
+    "contrast": "",
+    "fallback": "background/ctrl/brand/disabled",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-activebrand-disabled"
+  },
+  "backgroundCtrlNeutralRest": {
+    "no": 298,
+    "name": "background/ctrl/neutral/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog", "Footer", "Consent Dialog/footer", "Inline drawer", "Overlay drawer", "MessageBar"],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-neutral-rest"
+  },
+  "backgroundCtrlNeutralHover": {
+    "no": 299,
+    "name": "background/ctrl/neutral/hover",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-neutral-hover"
+  },
+  "backgroundCtrlNeutralPressed": {
+    "no": 300,
+    "name": "background/ctrl/neutral/pressed",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-neutral-pressed"
+  },
+  "backgroundCtrlNeutralDisabled": {
+    "no": 301,
+    "name": "background/ctrl/neutral/disabled",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Progress Bar"],
+    "contrast": "",
+    "fallback": "Neutral/Background/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-neutral-disabled"
+  },
+  "backgroundCtrlOutlineRest": {
+    "no": 302,
+    "name": "background/ctrl/outline/rest",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Lite filter"],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-outline-rest"
+  },
+  "backgroundCtrlOutlineHover": {
+    "no": 303,
+    "name": "background/ctrl/outline/hover",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-outline-hover"
+  },
+  "backgroundCtrlOutlinePressed": {
+    "no": 304,
+    "name": "background/ctrl/outline/pressed",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-outline-pressed"
+  },
+  "backgroundCtrlOutlineDisabled": {
+    "no": 305,
+    "name": "background/ctrl/outline/disabled",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Lite Filter Button"],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-outline-disabled"
+  },
+  "backgroundCtrlSubtleRest": {
+    "no": 306,
+    "name": "background/ctrl/subtle/rest",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [
+      "Dialog",
+      "Inline drawer",
+      "Overlay drawer",
+      "Editable dropdown",
+      "Editable spin button",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "Neutral/Background/Subtle/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-subtle-rest"
+  },
+  "backgroundCtrlShapesafeActivebrandRest": {
+    "no": 307,
+    "name": "background/ctrl/shapeSafe/activeBrand/rest",
+    "fst_reference": "background/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Brand/Stroke/Compound/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-shapesafe-activebrand-rest"
+  },
+  "backgroundCtrlShapesafeActivebrandDisabled": {
+    "no": 308,
+    "name": "background/ctrl/shapeSafe/activeBrand/disabled",
+    "fst_reference": "background/ctrl/brand/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-shapesafe-activebrand-disabled"
+  },
+  "backgroundCtrlShapesafeNeutralRest": {
+    "no": 309,
+    "name": "background/ctrl/shapeSafe/neutral/rest",
+    "fst_reference": "foreground/ctrl/neutral/secondary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Rating"],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Accessible/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-shapesafe-neutral-rest"
+  },
+  "backgroundCtrlShapesafeNeutralHover": {
+    "no": 310,
+    "name": "background/ctrl/shapeSafe/neutral/hover",
+    "fst_reference": "foreground/ctrl/neutral/secondary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Accessible/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-shapesafe-neutral-hover"
+  },
+  "backgroundCtrlShapesafeNeutralPressed": {
+    "no": 311,
+    "name": "background/ctrl/shapeSafe/neutral/pressed",
+    "fst_reference": "foreground/ctrl/neutral/secondary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Accessible/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-shapesafe-neutral-pressed"
+  },
+  "backgroundCtrlShapesafeNeutralDisabled": {
+    "no": 312,
+    "name": "background/ctrl/shapeSafe/neutral/disabled",
+    "fst_reference": "foreground/ctrl/neutral/secondary/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-shapesafe-neutral-disabled"
+  },
+  "backgroundCtrlSubtleHover": {
+    "no": 313,
+    "name": "background/ctrl/subtle/hover",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Subtle/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-subtle-hover"
+  },
+  "backgroundCtrlSubtlePressed": {
+    "no": 314,
+    "name": "background/ctrl/subtle/pressed",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Subtle/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-subtle-pressed"
+  },
+  "backgroundCtrlSubtleDisabled": {
+    "no": 315,
+    "name": "background/ctrl/subtle/disabled",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-subtle-disabled"
+  },
+  "backgroundCtrlSubtleHoversplit": {
+    "no": 316,
+    "name": "background/ctrl/subtle/hoverSplit",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-ctrl-subtle-hoversplit"
+  },
+  "backgroundFlyoutLumblend": {
+    "no": 317,
+    "name": "background/flyout/(lumBlend)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Overlay drawer"],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-flyout-lumblend"
+  },
+  "backgroundFlyoutColorblend": {
+    "no": 318,
+    "name": "background/flyout/(colorBlend)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Overlay drawer"],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-flyout-colorblend"
+  },
+  "cornerZero": {
+    "no": 319,
+    "name": "corner/zero",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "None",
+    "exceptions": [],
+    "cssName": "--smtc-corner-zero"
+  },
+  "cornerBezel": {
+    "no": 320,
+    "name": "corner/bezel",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-corner-bezel"
+  },
+  "cornerWindowDefault": {
+    "no": 321,
+    "name": "corner/window/default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-corner-window-default"
+  },
+  "cornerFlyoutRest": {
+    "no": 322,
+    "name": "corner/flyout/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Overlay drawer"],
+    "contrast": "",
+    "fallback": "Medium",
+    "exceptions": [],
+    "cssName": "--smtc-corner-flyout-rest"
+  },
+  "cornerFlyoutHover": {
+    "no": 323,
+    "name": "corner/flyout/hover",
+    "fst_reference": "corner/flyout/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Medium",
+    "exceptions": [],
+    "cssName": "--smtc-corner-flyout-hover"
+  },
+  "cornerFlyoutPressed": {
+    "no": 324,
+    "name": "corner/flyout/pressed",
+    "fst_reference": "corner/flyout/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Medium",
+    "exceptions": [],
+    "cssName": "--smtc-corner-flyout-pressed"
+  },
+  "cornerLayerDefault": {
+    "no": 325,
+    "name": "corner/layer/default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-corner-layer-default"
+  },
+  "cornerLayerIntersection": {
+    "no": 326,
+    "name": "corner/layer/intersection",
+    "fst_reference": "corner/zero",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-corner-layer-intersection"
+  },
+  "cornerCardRest": {
+    "no": 327,
+    "name": "corner/card/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Card/Primary", "Card/Secondary", "Card/Tint (needed?)", "Card/Outline"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-corner-card-rest"
+  },
+  "cornerCardHover": {
+    "no": 328,
+    "name": "corner/card/hover",
+    "fst_reference": "corner/card/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-corner-card-hover"
+  },
+  "cornerCardPressed": {
+    "no": 329,
+    "name": "corner/card/pressed",
+    "fst_reference": "corner/card/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-corner-card-pressed"
+  },
+  "cornerToolbarDefault": {
+    "no": 330,
+    "name": "corner/toolbar/default",
+    "fst_reference": "corner/card/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-corner-toolbar-default"
+  },
+  "cornerImageOnpage": {
+    "no": 331,
+    "name": "corner/image/onPage",
+    "fst_reference": "corner/card/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-corner-image-onpage"
+  },
+  "cornerCtrlRest": {
+    "no": 332,
+    "name": "corner/ctrl/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Split button",
+      "Button",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Text input box",
+      "Search box",
+      "Password input box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Text area",
+      "Inline link",
+      "Page link",
+      "Title bar",
+      "Tooltip",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "Medium",
+    "exceptions": [],
+    "cssName": "--smtc-corner-ctrl-rest"
+  },
+  "cornerCtrlHover": {
+    "no": 333,
+    "name": "corner/ctrl/hover",
+    "fst_reference": "corner/ctrl/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Medium",
+    "exceptions": [],
+    "cssName": "--smtc-corner-ctrl-hover"
+  },
+  "cornerCtrlPressed": {
+    "no": 334,
+    "name": "corner/ctrl/pressed",
+    "fst_reference": "corner/ctrl/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Medium",
+    "exceptions": [],
+    "cssName": "--smtc-corner-ctrl-pressed"
+  },
+  "cornerCtrlSmRest": {
+    "no": 335,
+    "name": "corner/ctrl-sm/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer", "Editable dropdown", "Editable spin button"],
+    "contrast": "",
+    "fallback": "Small",
+    "exceptions": [],
+    "cssName": "--smtc-corner-ctrl-sm-rest"
+  },
+  "cornerCtrlSmHover": {
+    "no": 336,
+    "name": "corner/ctrl-sm/hover",
+    "fst_reference": "corner/ctrl-sm/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Small",
+    "exceptions": [],
+    "cssName": "--smtc-corner-ctrl-sm-hover"
+  },
+  "cornerCtrlSmPressed": {
+    "no": 337,
+    "name": "corner/ctrl-sm/pressed",
+    "fst_reference": "corner/ctrl-sm/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Small",
+    "exceptions": [],
+    "cssName": "--smtc-corner-ctrl-sm-pressed"
+  },
+  "cornerCtrlLgRest": {
+    "no": 338,
+    "name": "corner/ctrl-lg/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-corner-ctrl-lg-rest"
+  },
+  "cornerCtrlLgHover": {
+    "no": 339,
+    "name": "corner/ctrl-lg/hover",
+    "fst_reference": "corner/ctrl-lg/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-corner-ctrl-lg-hover"
+  },
+  "cornerCtrlLgPressed": {
+    "no": 340,
+    "name": "corner/ctrl-lg/pressed",
+    "fst_reference": "corner/ctrl-lg/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-corner-ctrl-lg-pressed"
+  },
+  "cornerImageIncard": {
+    "no": 341,
+    "name": "corner/image/inCard",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Inline drawer", "Overlay drawer", "Image"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-corner-image-incard"
+  },
+  "foregroundContentNeutralPrimary": {
+    "no": 342,
+    "name": "foreground/content/neutral/primary",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [" Radio", " Checkbox", "Dialog", "Inline drawer", "Overlay drawer", "Field", "Label", "Spinner"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-content-neutral-primary"
+  },
+  "foregroundContentNeutralSecondary": {
+    "no": 343,
+    "name": "foreground/content/neutral/secondary",
+    "fst_reference": "foreground/ctrl/neutral/secondary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-content-neutral-secondary"
+  },
+  "foregroundContentBrandPrimary": {
+    "no": 344,
+    "name": "foreground/content/brand/primary",
+    "fst_reference": "foreground/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Brand/Foreground/Link/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-content-brand-primary"
+  },
+  "foregroundCtrlNeutralPrimaryRest": {
+    "no": 345,
+    "name": "foreground/ctrl/neutral/primary/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Rating",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-neutral-primary-rest"
+  },
+  "foregroundCtrlNeutralPrimaryHover": {
+    "no": 346,
+    "name": "foreground/ctrl/neutral/primary/hover",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/1/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-neutral-primary-hover"
+  },
+  "foregroundCtrlNeutralPrimaryPressed": {
+    "no": 347,
+    "name": "foreground/ctrl/neutral/primary/pressed",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/1/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-neutral-primary-pressed"
+  },
+  "foregroundCtrlNeutralPrimaryDisabled": {
+    "no": 348,
+    "name": "foreground/ctrl/neutral/primary/disabled",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-neutral-primary-disabled"
+  },
+  "foregroundCtrlNeutralSecondaryRest": {
+    "no": 349,
+    "name": "foreground/ctrl/neutral/secondary/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Text input box", "Editable dropdown", "Editable spin button", "Text area", "Field"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/4/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-neutral-secondary-rest"
+  },
+  "foregroundCtrlNeutralSecondaryHover": {
+    "no": 350,
+    "name": "foreground/ctrl/neutral/secondary/hover",
+    "fst_reference": "foreground/ctrl/neutral/secondary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/4/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-neutral-secondary-hover"
+  },
+  "foregroundCtrlNeutralSecondaryPressed": {
+    "no": 351,
+    "name": "foreground/ctrl/neutral/secondary/pressed",
+    "fst_reference": "foreground/ctrl/neutral/secondary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/4/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-neutral-secondary-pressed"
+  },
+  "foregroundCtrlNeutralSecondaryDisabled": {
+    "no": 352,
+    "name": "foreground/ctrl/neutral/secondary/disabled",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Search box", "Password input box"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-neutral-secondary-disabled"
+  },
+  "foregroundCtrlIconOnneutralRest": {
+    "no": 353,
+    "name": "foreground/ctrl/icon/onNeutral/rest",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Text input box",
+      "Editable dropdown",
+      "Editable spin button",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-icon-onneutral-rest"
+  },
+  "foregroundCtrlIconOnneutralHover": {
+    "no": 354,
+    "name": "foreground/ctrl/icon/onNeutral/hover",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-icon-onneutral-hover"
+  },
+  "foregroundCtrlIconOnneutralPressed": {
+    "no": 355,
+    "name": "foreground/ctrl/icon/onNeutral/pressed",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-icon-onneutral-pressed"
+  },
+  "foregroundCtrlIconOnneutralDisabled": {
+    "no": 356,
+    "name": "foreground/ctrl/icon/onNeutral/disabled",
+    "fst_reference": "foreground/ctrl/neutral/primary/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Search box"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-icon-onneutral-disabled"
+  },
+  "foregroundCtrlIconOnoutlineRest": {
+    "no": 357,
+    "name": "foreground/ctrl/icon/onOutline/rest",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Lite filter"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-icon-onoutline-rest"
+  },
+  "foregroundCtrlIconOnoutlineHover": {
+    "no": 358,
+    "name": "foreground/ctrl/icon/onOutline/hover",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-icon-onoutline-hover"
+  },
+  "foregroundCtrlIconOnoutlinePressed": {
+    "no": 359,
+    "name": "foreground/ctrl/icon/onOutline/pressed",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-icon-onoutline-pressed"
+  },
+  "foregroundCtrlIconOnoutlineDisabled": {
+    "no": 360,
+    "name": "foreground/ctrl/icon/onOutline/disabled",
+    "fst_reference": "foreground/ctrl/neutral/primary/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Lite Filter Button"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-icon-onoutline-disabled"
+  },
+  "foregroundCtrlIconOnsubtleRest": {
+    "no": 361,
+    "name": "foreground/ctrl/icon/onSubtle/rest",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog", "Inline drawer", "Overlay drawer", "Title bar", "MessageBar"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-icon-onsubtle-rest"
+  },
+  "foregroundCtrlIconOnsubtleHover": {
+    "no": 362,
+    "name": "foreground/ctrl/icon/onSubtle/hover",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Brand/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-icon-onsubtle-hover"
+  },
+  "foregroundCtrlIconOnsubtlePressed": {
+    "no": 363,
+    "name": "foreground/ctrl/icon/onSubtle/pressed",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Brand/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-icon-onsubtle-pressed"
+  },
+  "foregroundCtrlIconOnsubtleDisabled": {
+    "no": 364,
+    "name": "foreground/ctrl/icon/onSubtle/disabled",
+    "fst_reference": "foreground/ctrl/neutral/primary/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-icon-onsubtle-disabled"
+  },
+  "foregroundCtrlBrandRest": {
+    "no": 365,
+    "name": "foreground/ctrl/brand/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["MessageBar"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Brand/Selected",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-brand-rest"
+  },
+  "foregroundCtrlBrandHover": {
+    "no": 366,
+    "name": "foreground/ctrl/brand/hover",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Brand/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-brand-hover"
+  },
+  "foregroundCtrlBrandPressed": {
+    "no": 367,
+    "name": "foreground/ctrl/brand/pressed",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Brand/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-brand-pressed"
+  },
+  "foregroundCtrlBrandDisabled": {
+    "no": 368,
+    "name": "foreground/ctrl/brand/disabled",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-brand-disabled"
+  },
+  "foregroundCtrlOnbrandRest": {
+    "no": 369,
+    "name": "foreground/ctrl/onBrand/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog", "Footer", "Inline drawer", "Overlay drawer", "Tooltip"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/OnBrand/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-onbrand-rest"
+  },
+  "foregroundCtrlOnbrandHover": {
+    "no": 370,
+    "name": "foreground/ctrl/onBrand/hover",
+    "fst_reference": "foreground/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/OnBrand/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-onbrand-hover"
+  },
+  "foregroundCtrlOnbrandPressed": {
+    "no": 371,
+    "name": "foreground/ctrl/onBrand/pressed",
+    "fst_reference": "foreground/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/OnBrand/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-onbrand-pressed"
+  },
+  "foregroundCtrlOnbrandDisabled": {
+    "no": 372,
+    "name": "foreground/ctrl/onBrand/disabled",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["FAB"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-onbrand-disabled"
+  },
+  "foregroundCtrlActivebrandRest": {
+    "no": 373,
+    "name": "foreground/ctrl/activeBrand/rest",
+    "fst_reference": "foreground/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "foreground/ctrl/brand/rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-activebrand-rest"
+  },
+  "foregroundCtrlActivebrandHover": {
+    "no": 374,
+    "name": "foreground/ctrl/activeBrand/hover",
+    "fst_reference": "foreground/ctrl/brand/hover",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "foreground/ctrl/brand/hover",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-activebrand-hover"
+  },
+  "foregroundCtrlActivebrandPressed": {
+    "no": 375,
+    "name": "foreground/ctrl/activeBrand/pressed",
+    "fst_reference": "foreground/ctrl/brand/pressed",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "foreground/ctrl/brand/pressed",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-activebrand-pressed"
+  },
+  "foregroundCtrlActivebrandDisabled": {
+    "no": 376,
+    "name": "foreground/ctrl/activeBrand/disabled",
+    "fst_reference": "foreground/ctrl/brand/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Split button", "Button"],
+    "contrast": "",
+    "fallback": "foreground/ctrl/brand/disabled",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-activebrand-disabled"
+  },
+  "foregroundCtrlOnactivebrandRest": {
+    "no": 377,
+    "name": "foreground/ctrl/onActiveBrand/rest",
+    "fst_reference": "foreground/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Lite filter"],
+    "contrast": "",
+    "fallback": "foreground/ctrl/onBrand/rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-onactivebrand-rest"
+  },
+  "foregroundCtrlOnactivebrandHover": {
+    "no": 378,
+    "name": "foreground/ctrl/onActiveBrand/hover",
+    "fst_reference": "foreground/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "foreground/ctrl/onBrand/hover",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-onactivebrand-hover"
+  },
+  "foregroundCtrlOnactivebrandPressed": {
+    "no": 379,
+    "name": "foreground/ctrl/onActiveBrand/pressed",
+    "fst_reference": "foreground/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "foreground/ctrl/onBrand/pressed",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-onactivebrand-pressed"
+  },
+  "foregroundCtrlOnactivebrandDisabled": {
+    "no": 380,
+    "name": "foreground/ctrl/onActiveBrand/disabled",
+    "fst_reference": "foreground/ctrl/onBrand/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [" Switch", " Radio", " Checkbox"],
+    "contrast": "",
+    "fallback": "foreground/ctrl/onBrand/disabled",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-onactivebrand-disabled"
+  },
+  "foregroundCtrlOnoutlineRest": {
+    "no": 381,
+    "name": "foreground/ctrl/onOutline/rest",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Lite filter"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-onoutline-rest"
+  },
+  "foregroundCtrlOnoutlineHover": {
+    "no": 382,
+    "name": "foreground/ctrl/onOutline/hover",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/1/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-onoutline-hover"
+  },
+  "foregroundCtrlOnoutlinePressed": {
+    "no": 383,
+    "name": "foreground/ctrl/onOutline/pressed",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/1/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-onoutline-pressed"
+  },
+  "foregroundCtrlOnoutlineDisabled": {
+    "no": 384,
+    "name": "foreground/ctrl/onOutline/disabled",
+    "fst_reference": "foreground/ctrl/neutral/primary/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Lite Filter Button"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-onoutline-disabled"
+  },
+  "foregroundCtrlOnsubtleRest": {
+    "no": 385,
+    "name": "foreground/ctrl/onSubtle/rest",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog", "Inline drawer", "Overlay drawer", "Editable spin button", "Title bar", "MessageBar"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-onsubtle-rest"
+  },
+  "foregroundCtrlOnsubtleHover": {
+    "no": 386,
+    "name": "foreground/ctrl/onSubtle/hover",
+    "fst_reference": "foreground/ctrl/neutral/primary/hover",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-onsubtle-hover"
+  },
+  "foregroundCtrlOnsubtlePressed": {
+    "no": 387,
+    "name": "foreground/ctrl/onSubtle/pressed",
+    "fst_reference": "foreground/ctrl/neutral/primary/pressed",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-onsubtle-pressed"
+  },
+  "foregroundCtrlOnsubtleDisabled": {
+    "no": 388,
+    "name": "foreground/ctrl/onSubtle/disabled",
+    "fst_reference": "foreground/ctrl/neutral/primary/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-onsubtle-disabled"
+  },
+  "foregroundCtrlOntransparentRest": {
+    "no": 389,
+    "name": "foreground/ctrl/onTransparent/rest",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-ontransparent-rest"
+  },
+  "foregroundCtrlOntransparentHover": {
+    "no": 390,
+    "name": "foreground/ctrl/onTransparent/hover",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Brand/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-ontransparent-hover"
+  },
+  "foregroundCtrlOntransparentPressed": {
+    "no": 391,
+    "name": "foreground/ctrl/onTransparent/pressed",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Brand/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-ontransparent-pressed"
+  },
+  "foregroundCtrlOntransparentDisabled": {
+    "no": 392,
+    "name": "foreground/ctrl/onTransparent/disabled",
+    "fst_reference": "foreground/ctrl/neutral/primary/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-ontransparent-disabled"
+  },
+  "foregroundCtrlHintDefault": {
+    "no": 393,
+    "name": "foreground/ctrl/hint/default",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Accessible/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-foreground-ctrl-hint-default"
+  },
+  "shadowCardRestKeyX": {
+    "no": 394,
+    "name": "shadow/card/rest/(key)/(x)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-rest-key-x"
+  },
+  "shadowCardRestKeyY": {
+    "no": 395,
+    "name": "shadow/card/rest/(key)/(y)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-rest-key-y"
+  },
+  "shadowCardRestKeyBlur": {
+    "no": 396,
+    "name": "shadow/card/rest/(key)/(blur)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-rest-key-blur"
+  },
+  "shadowCardRestKeyColor": {
+    "no": 397,
+    "name": "shadow/card/rest/(key)/(color)",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Shadow/Key",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-rest-key-color"
+  },
+  "shadowCardHoverKeyX": {
+    "no": 398,
+    "name": "shadow/card/hover/(key)/(x)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-hover-key-x"
+  },
+  "shadowCardHoverKeyY": {
+    "no": 399,
+    "name": "shadow/card/hover/(key)/(y)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-hover-key-y"
+  },
+  "shadowCardHoverKeyBlur": {
+    "no": 400,
+    "name": "shadow/card/hover/(key)/(blur)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-hover-key-blur"
+  },
+  "shadowCardHoverKeyColor": {
+    "no": 401,
+    "name": "shadow/card/hover/(key)/(color)",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-hover-key-color"
+  },
+  "shadowCardPressedKeyX": {
+    "no": 402,
+    "name": "shadow/card/pressed/(key)/(x)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-pressed-key-x"
+  },
+  "shadowCardPressedKeyY": {
+    "no": 403,
+    "name": "shadow/card/pressed/(key)/(y)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-pressed-key-y"
+  },
+  "shadowCardPressedKeyBlur": {
+    "no": 404,
+    "name": "shadow/card/pressed/(key)/(blur)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-pressed-key-blur"
+  },
+  "shadowCardPressedKeyColor": {
+    "no": 405,
+    "name": "shadow/card/pressed/(key)/(color)",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-pressed-key-color"
+  },
+  "shadowCardDisabledKeyX": {
+    "no": 406,
+    "name": "shadow/card/disabled/(key)/(x)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-disabled-key-x"
+  },
+  "shadowCardDisabledKeyY": {
+    "no": 407,
+    "name": "shadow/card/disabled/(key)/(y)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-disabled-key-y"
+  },
+  "shadowCardDisabledKeyBlur": {
+    "no": 408,
+    "name": "shadow/card/disabled/(key)/(blur)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-disabled-key-blur"
+  },
+  "shadowCardDisabledKeyColor": {
+    "no": 409,
+    "name": "shadow/card/disabled/(key)/(color)",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-disabled-key-color"
+  },
+  "shadowCardRestAmbientX": {
+    "no": 410,
+    "name": "shadow/card/rest/(ambient)/(x)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-rest-ambient-x"
+  },
+  "shadowCardRestAmbientY": {
+    "no": 411,
+    "name": "shadow/card/rest/(ambient)/(y)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-rest-ambient-y"
+  },
+  "shadowCardRestAmbientBlur": {
+    "no": 412,
+    "name": "shadow/card/rest/(ambient)/(blur)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-rest-ambient-blur"
+  },
+  "shadowCardRestAmbientColor": {
+    "no": 413,
+    "name": "shadow/card/rest/(ambient)/(color)",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Shadow/Ambient",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-card-rest-ambient-color"
+  },
+  "shadowFlyoutKeyX": {
+    "no": 414,
+    "name": "shadow/flyout/(key)/(x)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Overlay drawer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-flyout-key-x"
+  },
+  "shadowFlyoutKeyY": {
+    "no": 415,
+    "name": "shadow/flyout/(key)/(y)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Overlay drawer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-flyout-key-y"
+  },
+  "shadowFlyoutKeyBlur": {
+    "no": 416,
+    "name": "shadow/flyout/(key)/(blur)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Overlay drawer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-flyout-key-blur"
+  },
+  "shadowFlyoutKeyColor": {
+    "no": 417,
+    "name": "shadow/flyout/(key)/(color)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Overlay drawer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-flyout-key-color"
+  },
+  "shadowFlyoutAmbientX": {
+    "no": 418,
+    "name": "shadow/flyout/(ambient)/(x)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Overlay drawer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-flyout-ambient-x"
+  },
+  "shadowFlyoutAmbientY": {
+    "no": 419,
+    "name": "shadow/flyout/(ambient)/(y)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Overlay drawer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-flyout-ambient-y"
+  },
+  "shadowFlyoutAmbientBlur": {
+    "no": 420,
+    "name": "shadow/flyout/(ambient)/(blur)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Overlay drawer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-flyout-ambient-blur"
+  },
+  "shadowFlyoutAmbientColor": {
+    "no": 421,
+    "name": "shadow/flyout/(ambient)/(color)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Overlay drawer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-flyout-ambient-color"
+  },
+  "shadowCtrlOndragKeyY": {
+    "no": 422,
+    "name": "shadow/ctrl/onDrag/(key)/(y)",
+    "fst_reference": "shadow/flyout/(key)/(y)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-ctrl-ondrag-key-y"
+  },
+  "shadowCtrlOndragKeyX": {
+    "no": 423,
+    "name": "shadow/ctrl/onDrag/(key)/(x)",
+    "fst_reference": "shadow/flyout/(key)/(x)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-ctrl-ondrag-key-x"
+  },
+  "shadowCtrlOndragKeyBlur": {
+    "no": 424,
+    "name": "shadow/ctrl/onDrag/(key)/(blur)",
+    "fst_reference": "shadow/flyout/(key)/(blur)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-ctrl-ondrag-key-blur"
+  },
+  "shadowCtrlOndragKeyColor": {
+    "no": 425,
+    "name": "shadow/ctrl/onDrag/(key)/(color)",
+    "fst_reference": "shadow/flyout/(key)/(color)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Card/Primary", "Card/Secondary", "Card/Tint (needed?)", "Card/Outline"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-ctrl-ondrag-key-color"
+  },
+  "shadowCtrlOndragAmbientY": {
+    "no": 426,
+    "name": "shadow/ctrl/onDrag/(ambient)/(y)",
+    "fst_reference": "shadow/flyout/(ambient)/(y)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Card/Primary", "Card/Secondary", "Card/Tint (needed?)", "Card/Outline"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-ctrl-ondrag-ambient-y"
+  },
+  "shadowCtrlOndragAmbientX": {
+    "no": 427,
+    "name": "shadow/ctrl/onDrag/(ambient)/(x)",
+    "fst_reference": "shadow/flyout/(ambient)/(x)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-ctrl-ondrag-ambient-x"
+  },
+  "shadowCtrlOndragAmbientBlur": {
+    "no": 428,
+    "name": "shadow/ctrl/onDrag/(ambient)/(blur)",
+    "fst_reference": "shadow/flyout/(ambient)/(blur)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Card/Primary", "Card/Secondary", "Card/Tint (needed?)", "Card/Outline"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-ctrl-ondrag-ambient-blur"
+  },
+  "shadowCtrlOndragAmbientColor": {
+    "no": 429,
+    "name": "shadow/ctrl/onDrag/(ambient)/(color)",
+    "fst_reference": "shadow/flyout/(ambient)/(color)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Card/Primary", "Card/Secondary", "Card/Tint (needed?)", "Card/Outline"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-ctrl-ondrag-ambient-color"
+  },
+  "shadowLayerKeyX": {
+    "no": 430,
+    "name": "shadow/layer/(key)/(x)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-layer-key-x"
+  },
+  "shadowToolbarKeyX": {
+    "no": 431,
+    "name": "shadow/toolbar/(key)/(x)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-toolbar-key-x"
+  },
+  "shadowToolbarKeyY": {
+    "no": 432,
+    "name": "shadow/toolbar/(key)/(y)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-toolbar-key-y"
+  },
+  "shadowToolbarKeyBlur": {
+    "no": 433,
+    "name": "shadow/toolbar/(key)/(blur)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-toolbar-key-blur"
+  },
+  "shadowToolbarKeyColor": {
+    "no": 434,
+    "name": "shadow/toolbar/(key)/(color)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Shadow/Ambientlighter",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-toolbar-key-color"
+  },
+  "shadowToolbarAmbientX": {
+    "no": 435,
+    "name": "shadow/toolbar/(ambient)/(x)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-toolbar-ambient-x"
+  },
+  "shadowToolbarAmbientY": {
+    "no": 436,
+    "name": "shadow/toolbar/(ambient)/(y)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-toolbar-ambient-y"
+  },
+  "shadowToolbarAmbientBlur": {
+    "no": 437,
+    "name": "shadow/toolbar/(ambient)/(blur)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-toolbar-ambient-blur"
+  },
+  "shadowToolbarAmbientColor": {
+    "no": 438,
+    "name": "shadow/toolbar/(ambient)/(color)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-toolbar-ambient-color"
+  },
+  "shadowLayerKeyY": {
+    "no": 439,
+    "name": "shadow/layer/(key)/(y)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-layer-key-y"
+  },
+  "shadowLayerKeyBlur": {
+    "no": 440,
+    "name": "shadow/layer/(key)/(blur)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-layer-key-blur"
+  },
+  "shadowLayerKeyColor": {
+    "no": 441,
+    "name": "shadow/layer/(key)/(color)",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-layer-key-color"
+  },
+  "shadowLayerAmbientX": {
+    "no": 442,
+    "name": "shadow/layer/(ambient)/(x)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-layer-ambient-x"
+  },
+  "shadowLayerAmbientY": {
+    "no": 443,
+    "name": "shadow/layer/(ambient)/(y)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-layer-ambient-y"
+  },
+  "shadowLayerAmbientBlur": {
+    "no": 444,
+    "name": "shadow/layer/(ambient)/(blur)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-layer-ambient-blur"
+  },
+  "shadowLayerAmbientColor": {
+    "no": 445,
+    "name": "shadow/layer/(ambient)/(color)",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-layer-ambient-color"
+  },
+  "materialAcrylicDefaultSolid": {
+    "no": 446,
+    "name": "material/acrylic/default/(solid)",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-material-acrylic-default-solid"
+  },
+  "materialAcrylicDefaultColorblend": {
+    "no": 447,
+    "name": "material/acrylic/default/(colorBlend)",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-material-acrylic-default-colorblend"
+  },
+  "materialAcrylicDefaultLumblend": {
+    "no": 448,
+    "name": "material/acrylic/default/(lumBlend)",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-material-acrylic-default-lumblend"
+  },
+  "materialAcrylicBlur": {
+    "no": 449,
+    "name": "material/acrylic/blur",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Overlay drawer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-material-acrylic-blur"
+  },
+  "materialMicaBlur": {
+    "no": 450,
+    "name": "material/mica/blur",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-material-mica-blur"
+  },
+  "materialMicaDefaultSolid": {
+    "no": 451,
+    "name": "material/mica/default/(solid)",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-material-mica-default-solid"
+  },
+  "materialMicaDefaultColorblend": {
+    "no": 452,
+    "name": "material/mica/default/(colorBlend)",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-material-mica-default-colorblend"
+  },
+  "materialMicaDefaultLumblend": {
+    "no": 453,
+    "name": "material/mica/default/(lumBlend)",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-material-mica-default-lumblend"
+  },
+  "materialMicaDarkerSolid": {
+    "no": 454,
+    "name": "material/mica/darker/(solid)",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-material-mica-darker-solid"
+  },
+  "materialMicaDarkerColorblend": {
+    "no": 455,
+    "name": "material/mica/darker/(colorBlend)",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-material-mica-darker-colorblend"
+  },
+  "materialMicaDarkerLumblend": {
+    "no": 456,
+    "name": "material/mica/darker/(lumBlend)",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-material-mica-darker-lumblend"
+  },
+  "materialMicaThinSolid": {
+    "no": 457,
+    "name": "material/mica/thin/(solid)",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-material-mica-thin-solid"
+  },
+  "materialMicaThinColorblend": {
+    "no": 458,
+    "name": "material/mica/thin/(colorBlend)",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-material-mica-thin-colorblend"
+  },
+  "materialMicaThinLumblend": {
+    "no": 459,
+    "name": "material/mica/thin/(lumBlend)",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-material-mica-thin-lumblend"
+  },
+  "ctrlTooltipShadowKeyX": {
+    "no": 460,
+    "name": "CTRL/tooltip/shadow/(key)/(x)",
+    "fst_reference": "CTRL/fab/shadow/rest/(key)/(x)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Tooltip"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-tooltip-shadow-key-x"
+  },
+  "ctrlTooltipShadowKeyY": {
+    "no": 461,
+    "name": "CTRL/tooltip/shadow/(key)/(y)",
+    "fst_reference": "CTRL/fab/shadow/rest/(key)/(y)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Tooltip"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-tooltip-shadow-key-y"
+  },
+  "ctrlTooltipShadowKeyBlur": {
+    "no": 462,
+    "name": "CTRL/tooltip/shadow/(key)/(blur)",
+    "fst_reference": "CTRL/fab/shadow/rest/(key)/(blur)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Tooltip"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-tooltip-shadow-key-blur"
+  },
+  "ctrlTooltipShadowKeyColor": {
+    "no": 463,
+    "name": "CTRL/tooltip/shadow/(key)/(color)",
+    "fst_reference": "CTRL/fab/shadow/rest/(key)/(color)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Tooltip"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-tooltip-shadow-key-color"
+  },
+  "ctrlTooltipShadowAmbientX": {
+    "no": 464,
+    "name": "CTRL/tooltip/shadow/(ambient)/(x)",
+    "fst_reference": "CTRL/fab/shadow/rest/(ambient)/(x)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Tooltip"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-tooltip-shadow-ambient-x"
+  },
+  "ctrlTooltipShadowAmbientY": {
+    "no": 465,
+    "name": "CTRL/tooltip/shadow/(ambient)/(y)",
+    "fst_reference": "CTRL/fab/shadow/rest/(ambient)/(y)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Tooltip"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-tooltip-shadow-ambient-y"
+  },
+  "ctrlTooltipShadowAmbientBlur": {
+    "no": 466,
+    "name": "CTRL/tooltip/shadow/(ambient)/(blur)",
+    "fst_reference": "CTRL/fab/shadow/rest/(ambient)/(blur)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Tooltip"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-tooltip-shadow-ambient-blur"
+  },
+  "ctrlTooltipShadowAmbientColor": {
+    "no": 467,
+    "name": "CTRL/tooltip/shadow/(ambient)/(color)",
+    "fst_reference": "CTRL/fab/shadow/rest/(ambient)/(color)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Tooltip"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-tooltip-shadow-ambient-color"
+  },
+  "iconthemeCtrlDefaultRest": {
+    "no": 468,
+    "name": "iconTheme/ctrl/default/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "FAB",
+      "Split button",
+      "Button",
+      " Checkbox",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Text input box",
+      "Search box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Inline link",
+      "Page link",
+      "Lite Filter Button",
+      "Lite filter",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-icontheme-ctrl-default-rest"
+  },
+  "iconthemeCtrlDefaultHover": {
+    "no": 469,
+    "name": "iconTheme/ctrl/default/hover",
+    "fst_reference": "iconTheme/ctrl/default/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-icontheme-ctrl-default-hover"
+  },
+  "iconthemeCtrlDefaultPressed": {
+    "no": 470,
+    "name": "iconTheme/ctrl/default/pressed",
+    "fst_reference": "iconTheme/ctrl/default/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Inline link", "Page link"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-icontheme-ctrl-default-pressed"
+  },
+  "iconthemeCtrlDefaultSelected": {
+    "no": 471,
+    "name": "iconTheme/ctrl/default/selected",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Split button", "Button", "Lite filter"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-icontheme-ctrl-default-selected"
+  },
+  "iconthemeCtrlSubtleRest": {
+    "no": 472,
+    "name": "iconTheme/ctrl/subtle/rest",
+    "fst_reference": "iconTheme/ctrl/default/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-icontheme-ctrl-subtle-rest"
+  },
+  "iconthemeCtrlSubtleHover": {
+    "no": 473,
+    "name": "iconTheme/ctrl/subtle/hover",
+    "fst_reference": "iconTheme/ctrl/default/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-icontheme-ctrl-subtle-hover"
+  },
+  "iconthemeCtrlSubtlePressed": {
+    "no": 474,
+    "name": "iconTheme/ctrl/subtle/pressed",
+    "fst_reference": "iconTheme/ctrl/default/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-icontheme-ctrl-subtle-pressed"
+  },
+  "iconthemeCtrlSubtleSelected": {
+    "no": 475,
+    "name": "iconTheme/ctrl/subtle/selected",
+    "fst_reference": "iconTheme/ctrl/default/selected",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Split button"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-icontheme-ctrl-subtle-selected"
+  },
+  "iconthemeCtrlChevronDefault": {
+    "no": 476,
+    "name": "iconTheme/ctrl/chevron/default",
+    "fst_reference": "iconTheme/ctrl/default/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Button",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Editable dropdown",
+      "Editable spin button",
+      "Lite Filter Button",
+      "Lite filter",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-icontheme-ctrl-chevron-default"
+  },
+  "iconthemeCtrlChevronSelected": {
+    "no": 477,
+    "name": "iconTheme/ctrl/chevron/selected",
+    "fst_reference": "iconTheme/ctrl/default/selected",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Split button", "Lite filter"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-icontheme-ctrl-chevron-selected"
+  },
+  "ctrlAvatarSize": {
+    "no": 478,
+    "name": "CTRL/avatar/size",
+    "fst_reference": "size/ctrl/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Avatar"],
+    "contrast": "",
+    "fallback": "Size/Avatar/Size",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-avatar-size"
+  },
+  "ctrlAvatarCornerItem": {
+    "no": 479,
+    "name": "CTRL/avatar/corner/item",
+    "fst_reference": "corner/circular",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Avatar"],
+    "contrast": "",
+    "fallback": "corner/circular",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-avatar-corner-item"
+  },
+  "ctrlAvatarBackground": {
+    "no": 480,
+    "name": "CTRL/avatar/background",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Avatar"],
+    "contrast": "",
+    "fallback": "Neutral/Background/6/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-avatar-background"
+  },
+  "ctrlAvatarForeground": {
+    "no": 481,
+    "name": "CTRL/avatar/foreground",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Avatar"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/3/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-avatar-foreground"
+  },
+  "ctrlAvatarIconSize": {
+    "no": 482,
+    "name": "CTRL/avatar/icon/size",
+    "fst_reference": "size/ctrl/icon",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-avatar-icon-size"
+  },
+  "ctrlAvatarPresencebadgeSize": {
+    "no": 483,
+    "name": "CTRL/avatar/presenceBadge/size",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Presence badge"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-avatar-presencebadge-size"
+  },
+  "ctrlAvatarActiveringSize": {
+    "no": 484,
+    "name": "CTRL/avatar/activeRing/size",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-avatar-activering-size"
+  },
+  "ctrlAvatarPresencebadgePaddingBottomrightoffset": {
+    "no": 485,
+    "name": "CTRL/avatar/presenceBadge/padding/bottomRightOffset",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-avatar-presencebadge-padding-bottomrightoffset"
+  },
+  "ctrlAvatarCornerGroup": {
+    "no": 486,
+    "name": "CTRL/avatar/corner/group",
+    "fst_reference": "corner/ctrl/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Avatar"],
+    "contrast": "",
+    "fallback": "Size/Avatar/Corner/Group",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-avatar-corner-group"
+  },
+  "ctrlAvatarActiveringStrokewidth": {
+    "no": 487,
+    "name": "CTRL/avatar/activeRing/strokeWidth",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-avatar-activering-strokewidth"
+  },
+  "ctrlAvatarPresencebadgeStrokewidth": {
+    "no": 488,
+    "name": "CTRL/avatar/presenceBadge/strokeWidth",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Presence badge"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-avatar-presencebadge-strokewidth"
+  },
+  "ctrlAvatarTextFontsize": {
+    "no": 489,
+    "name": "CTRL/avatar/text/fontSize",
+    "fst_reference": "text/global/body3/fontSize",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Avatar"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-avatar-text-fontsize"
+  },
+  "ctrlAvatarTextLineheight": {
+    "no": 490,
+    "name": "CTRL/avatar/text/lineHeight",
+    "fst_reference": "text/global/body3/lineHeight",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Avatar"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-avatar-text-lineheight"
+  },
+  "ctrlAvatarTextPaddingTopoffset": {
+    "no": 491,
+    "name": "CTRL/avatar/text/padding/topOffset",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-avatar-text-padding-topoffset"
+  },
+  "ctrlAvatarActiveringStroke": {
+    "no": 492,
+    "name": "CTRL/avatar/activeRing/stroke",
+    "fst_reference": "background/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Color/Avatar/Activering",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-avatar-activering-stroke"
+  },
+  "ctrlAvatarShowcutout": {
+    "no": 493,
+    "name": "CTRL/avatar/showCutout",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-avatar-showcutout"
+  },
+  "ctrlBadgeTextPaddingTop": {
+    "no": 494,
+    "name": "CTRL/badge/text/padding/top",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-text-padding-top"
+  },
+  "ctrlBadgeTextPaddingBottom": {
+    "no": 495,
+    "name": "CTRL/badge/text/padding/bottom",
+    "fst_reference": "CTRL/badge/text/padding/top",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-text-padding-bottom"
+  },
+  "ctrlBadgeSmTextPaddingTop": {
+    "no": 496,
+    "name": "CTRL/badge/sm/text/padding/top",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-sm-text-padding-top"
+  },
+  "ctrlBadgeSmTextPaddingBottom": {
+    "no": 497,
+    "name": "CTRL/badge/sm/text/padding/bottom",
+    "fst_reference": "CTRL/badge/sm/text/padding/top",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-sm-text-padding-bottom"
+  },
+  "ctrlBadgeLgTextPaddingTop": {
+    "no": 498,
+    "name": "CTRL/badge/lg/text/padding/top",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-lg-text-padding-top"
+  },
+  "ctrlBadgeLgTextPaddingBottom": {
+    "no": 499,
+    "name": "CTRL/badge/lg/text/padding/bottom",
+    "fst_reference": "CTRL/badge/lg/text/padding/top",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-lg-text-padding-bottom"
+  },
+  "ctrlBadgeIconTheme": {
+    "no": 500,
+    "name": "CTRL/badge/icon/theme",
+    "fst_reference": "iconTheme/ctrl/default/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-icon-theme"
+  },
+  "ctrlBadgeBeaconSize": {
+    "no": 501,
+    "name": "CTRL/badge/beacon/size",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Badge"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-beacon-size"
+  },
+  "ctrlBadgeSize": {
+    "no": 502,
+    "name": "CTRL/badge/size",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-size"
+  },
+  "ctrlBadgeCorner": {
+    "no": 503,
+    "name": "CTRL/badge/corner",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-corner"
+  },
+  "ctrlBadgeIconSizeFigmaonly": {
+    "no": 504,
+    "name": "CTRL/badge/icon/size(figmaonly)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-icon-sizefigmaonly"
+  },
+  "ctrlBadgeGap": {
+    "no": 505,
+    "name": "CTRL/badge/gap",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-gap"
+  },
+  "ctrlBadgeIconSize": {
+    "no": 506,
+    "name": "CTRL/badge/icon/size",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-icon-size"
+  },
+  "ctrlBadgePadding": {
+    "no": 507,
+    "name": "CTRL/badge/padding",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-padding"
+  },
+  "ctrlBadgeSmSize": {
+    "no": 508,
+    "name": "CTRL/badge/sm/size",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-sm-size"
+  },
+  "ctrlBadgeSmCorner": {
+    "no": 509,
+    "name": "CTRL/badge/sm/corner",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-sm-corner"
+  },
+  "ctrlBadgeSmIconSizeFigmaonly": {
+    "no": 510,
+    "name": "CTRL/badge/sm/icon/size(figmaonly)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-sm-icon-sizefigmaonly"
+  },
+  "ctrlBadgeSmIconSize": {
+    "no": 511,
+    "name": "CTRL/badge/sm/icon/size",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-sm-icon-size"
+  },
+  "ctrlBadgeSmPadding": {
+    "no": 512,
+    "name": "CTRL/badge/sm/padding",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-sm-padding"
+  },
+  "ctrlBadgeLgSize": {
+    "no": 513,
+    "name": "CTRL/badge/lg/size",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-lg-size"
+  },
+  "ctrlBadgeLgIconSizeFigmaonly": {
+    "no": 514,
+    "name": "CTRL/badge/lg/icon/size(figmaonly)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-lg-icon-sizefigmaonly"
+  },
+  "ctrlBadgeLgIconSize": {
+    "no": 515,
+    "name": "CTRL/badge/lg/icon/size",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-lg-icon-size"
+  },
+  "ctrlBadgeLgCorner": {
+    "no": 516,
+    "name": "CTRL/badge/lg/corner",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-lg-corner"
+  },
+  "ctrlBadgeLgPadding": {
+    "no": 517,
+    "name": "CTRL/badge/lg/padding",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-badge-lg-padding"
+  },
+  "ctrlChoicePaddingHorizontal": {
+    "no": 518,
+    "name": "CTRL/choice/padding/horizontal",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [" Radio", " Checkbox"],
+    "contrast": "",
+    "fallback": "Horizontal/S",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-padding-horizontal"
+  },
+  "ctrlChoicePaddingVertical": {
+    "no": 519,
+    "name": "CTRL/choice/padding/vertical",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [" Radio", " Checkbox"],
+    "contrast": "",
+    "fallback": "Vertical/None",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-padding-vertical"
+  },
+  "ctrlChoiceBaseSize": {
+    "no": 520,
+    "name": "CTRL/choice/base/size",
+    "fst_reference": "size/ctrl/icon",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [" Radio", " Checkbox"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-base-size"
+  },
+  "ctrlChoiceIconTheme": {
+    "no": 521,
+    "name": "CTRL/choice/icon/theme",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [" Checkbox"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-icon-theme"
+  },
+  "ctrlChoiceBaseBackgroundRest": {
+    "no": 522,
+    "name": "CTRL/choice/base/background/rest",
+    "fst_reference": "background/ctrl/outline/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-base-background-rest"
+  },
+  "ctrlChoiceBaseBackgroundHover": {
+    "no": 523,
+    "name": "CTRL/choice/base/background/hover",
+    "fst_reference": "background/ctrl/outline/hover",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-base-background-hover"
+  },
+  "ctrlChoiceBaseBackgroundPressed": {
+    "no": 524,
+    "name": "CTRL/choice/base/background/pressed",
+    "fst_reference": "background/ctrl/outline/pressed",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-base-background-pressed"
+  },
+  "ctrlChoiceBaseBackgroundDisabled": {
+    "no": 525,
+    "name": "CTRL/choice/base/background/disabled",
+    "fst_reference": "background/ctrl/outline/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-base-background-disabled"
+  },
+  "ctrlChoiceBaseStrokeRest": {
+    "no": 526,
+    "name": "CTRL/choice/base/stroke/rest",
+    "fst_reference": "foreground/ctrl/neutral/secondary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Accessible/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-base-stroke-rest"
+  },
+  "ctrlChoiceBaseStrokeHover": {
+    "no": 527,
+    "name": "CTRL/choice/base/stroke/hover",
+    "fst_reference": "foreground/ctrl/neutral/secondary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Accessible/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-base-stroke-hover"
+  },
+  "ctrlChoiceBaseStrokePressed": {
+    "no": 528,
+    "name": "CTRL/choice/base/stroke/pressed",
+    "fst_reference": "foreground/ctrl/neutral/secondary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Accessible/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-base-stroke-pressed"
+  },
+  "ctrlChoiceBaseStrokeDisabled": {
+    "no": 529,
+    "name": "CTRL/choice/base/stroke/disabled",
+    "fst_reference": "foreground/ctrl/neutral/secondary/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-base-stroke-disabled"
+  },
+  "ctrlChoiceCheckboxIconSize": {
+    "no": 530,
+    "name": "CTRL/choice/checkbox/icon/size",
+    "fst_reference": "size/ctrl/iconSecondary",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [" Checkbox"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-checkbox-icon-size"
+  },
+  "ctrlChoiceCheckboxCorner": {
+    "no": 531,
+    "name": "CTRL/choice/checkbox/corner",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [" Checkbox"],
+    "contrast": "",
+    "fallback": "Small",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-checkbox-corner"
+  },
+  "ctrlChoiceCheckboxIndeterminateCorner": {
+    "no": 532,
+    "name": "CTRL/choice/checkbox/indeterminate/corner",
+    "fst_reference": "corner/circular",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-checkbox-indeterminate-corner"
+  },
+  "ctrlChoiceCheckboxIndeterminateHeight": {
+    "no": 533,
+    "name": "CTRL/choice/checkbox/indeterminate/height",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-checkbox-indeterminate-height"
+  },
+  "ctrlChoiceCheckboxIndeterminateWidth": {
+    "no": 534,
+    "name": "CTRL/choice/checkbox/indeterminate/width",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-checkbox-indeterminate-width"
+  },
+  "ctrlChoiceRadioCorner": {
+    "no": 535,
+    "name": "CTRL/choice/radio/corner",
+    "fst_reference": "corner/circular",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "corner/circular",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-radio-corner"
+  },
+  "ctrlChoiceSwitchCorner": {
+    "no": 536,
+    "name": "CTRL/choice/switch/corner",
+    "fst_reference": "corner/circular",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "corner/circular",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-switch-corner"
+  },
+  "ctrlChoiceRadioDotSizeRest": {
+    "no": 537,
+    "name": "CTRL/choice/radio/dot/size/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [" Radio"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-radio-dot-size-rest"
+  },
+  "ctrlChoiceRadioDotSizeHover": {
+    "no": 538,
+    "name": "CTRL/choice/radio/dot/size/hover",
+    "fst_reference": "CTRL/choice/radio/dot/size/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-radio-dot-size-hover"
+  },
+  "ctrlChoiceRadioDotSizePressed": {
+    "no": 539,
+    "name": "CTRL/choice/radio/dot/size/pressed",
+    "fst_reference": "CTRL/choice/radio/dot/size/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-radio-dot-size-pressed"
+  },
+  "ctrlChoiceSwitchPaddingRest": {
+    "no": 540,
+    "name": "CTRL/choice/switch/padding/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [" Switch"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-switch-padding-rest"
+  },
+  "ctrlChoiceSwitchPaddingHover": {
+    "no": 541,
+    "name": "CTRL/choice/switch/padding/hover",
+    "fst_reference": "CTRL/choice/switch/padding/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-switch-padding-hover"
+  },
+  "ctrlChoiceSwitchPaddingPressed": {
+    "no": 542,
+    "name": "CTRL/choice/switch/padding/pressed",
+    "fst_reference": "CTRL/choice/switch/padding/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-switch-padding-pressed"
+  },
+  "ctrlChoiceSwitchHeight": {
+    "no": 543,
+    "name": "CTRL/choice/switch/height",
+    "fst_reference": "size/ctrl/icon",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [" Switch"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-switch-height"
+  },
+  "ctrlChoiceSwitchWidth": {
+    "no": 544,
+    "name": "CTRL/choice/switch/width",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [" Switch"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-switch-width"
+  },
+  "ctrlChoiceSwitchThumbWidthRest": {
+    "no": 545,
+    "name": "CTRL/choice/switch/thumb/width/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [" Switch"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-switch-thumb-width-rest"
+  },
+  "ctrlChoiceSwitchThumbWidthHover": {
+    "no": 546,
+    "name": "CTRL/choice/switch/thumb/width/hover",
+    "fst_reference": "CTRL/choice/switch/thumb/width/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-switch-thumb-width-hover"
+  },
+  "ctrlChoiceSwitchThumbWidthPressed": {
+    "no": 547,
+    "name": "CTRL/choice/switch/thumb/width/pressed",
+    "fst_reference": "CTRL/choice/switch/thumb/width/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-switch-thumb-width-pressed"
+  },
+  "ctrlChoiceSwitchThumbShadowKeyX": {
+    "no": 548,
+    "name": "CTRL/choice/switch/thumb/shadow/(key)/(x)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "NULL/number",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-switch-thumb-shadow-key-x"
+  },
+  "ctrlChoiceSwitchThumbShadowKeyY": {
+    "no": 549,
+    "name": "CTRL/choice/switch/thumb/shadow/(key)/(y)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "NULL/number",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-switch-thumb-shadow-key-y"
+  },
+  "ctrlChoiceSwitchThumbShadowKeyBlur": {
+    "no": 550,
+    "name": "CTRL/choice/switch/thumb/shadow/(key)/(blur)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "NULL/number",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-switch-thumb-shadow-key-blur"
+  },
+  "ctrlChoiceSwitchThumbShadowKeyColor": {
+    "no": 551,
+    "name": "CTRL/choice/switch/thumb/shadow/(key)/(color)",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "NULL/color",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-switch-thumb-shadow-key-color"
+  },
+  "ctrlChoiceSwitchThumbShadowAmbientX": {
+    "no": 552,
+    "name": "CTRL/choice/switch/thumb/shadow/(ambient)/(x)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "NULL/number",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-switch-thumb-shadow-ambient-x"
+  },
+  "ctrlChoiceSwitchThumbShadowAmbientY": {
+    "no": 553,
+    "name": "CTRL/choice/switch/thumb/shadow/(ambient)/(y)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "NULL/number",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-switch-thumb-shadow-ambient-y"
+  },
+  "ctrlChoiceSwitchThumbShadowAmbientBlur": {
+    "no": 554,
+    "name": "CTRL/choice/switch/thumb/shadow/(ambient)/(blur)",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "NULL/number",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-switch-thumb-shadow-ambient-blur"
+  },
+  "ctrlChoiceSwitchThumbShadowAmbientColor": {
+    "no": 555,
+    "name": "CTRL/choice/switch/thumb/shadow/(ambient)/(color)",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "NULL/color",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-switch-thumb-shadow-ambient-color"
+  },
+  "ctrlChoiceSmBaseSize": {
+    "no": 556,
+    "name": "CTRL/choice/sm/base/size",
+    "fst_reference": "size/ctrl-sm/icon",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-sm-base-size"
+  },
+  "ctrlChoiceSmCheckboxCorner": {
+    "no": 557,
+    "name": "CTRL/choice/sm/checkbox/corner",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Small",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-sm-checkbox-corner"
+  },
+  "ctrlChoiceSmCheckboxIconSize": {
+    "no": 558,
+    "name": "CTRL/choice/sm/checkbox/icon/size",
+    "fst_reference": "size/ctrl/iconSecondary",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-sm-checkbox-icon-size"
+  },
+  "ctrlChoiceSmCheckboxIconSizeFigmaonly": {
+    "no": 559,
+    "name": "CTRL/choice/sm/checkbox/icon/size(figmaonly)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-sm-checkbox-icon-sizefigmaonly"
+  },
+  "ctrlChoiceSmRadioDotSize": {
+    "no": 560,
+    "name": "CTRL/choice/sm/radio/dot/size",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-sm-radio-dot-size"
+  },
+  "ctrlChoiceSmSwitchWidth": {
+    "no": 561,
+    "name": "CTRL/choice/sm/switch/width",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-sm-switch-width"
+  },
+  "ctrlChoiceSmSwitchHeight": {
+    "no": 562,
+    "name": "CTRL/choice/sm/switch/height",
+    "fst_reference": "size/ctrl-sm/icon",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-sm-switch-height"
+  },
+  "ctrlChoiceSmSwitchThumbWidthRest": {
+    "no": 563,
+    "name": "CTRL/choice/sm/switch/thumb/width/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-sm-switch-thumb-width-rest"
+  },
+  "ctrlChoiceSmSwitchThumbWidthHover": {
+    "no": 564,
+    "name": "CTRL/choice/sm/switch/thumb/width/hover",
+    "fst_reference": "CTRL/choice/sm/switch/thumb/width/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-sm-switch-thumb-width-hover"
+  },
+  "ctrlChoiceSmSwitchThumbWidthPressed": {
+    "no": 565,
+    "name": "CTRL/choice/sm/switch/thumb/width/pressed",
+    "fst_reference": "CTRL/choice/sm/switch/thumb/width/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-sm-switch-thumb-width-pressed"
+  },
+  "ctrlChoiceLgBaseSize": {
+    "no": 566,
+    "name": "CTRL/choice/lg/base/size",
+    "fst_reference": "size/ctrl-lg/icon",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-lg-base-size"
+  },
+  "ctrlChoiceLgCheckboxCorner": {
+    "no": 567,
+    "name": "CTRL/choice/lg/checkbox/corner",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Small",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-lg-checkbox-corner"
+  },
+  "ctrlChoiceLgCheckboxIconSize": {
+    "no": 568,
+    "name": "CTRL/choice/lg/checkbox/icon/size",
+    "fst_reference": "size/ctrl/iconSecondary",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-lg-checkbox-icon-size"
+  },
+  "ctrlChoiceLgCheckboxIconSizeFigmaonly": {
+    "no": 569,
+    "name": "CTRL/choice/lg/checkbox/icon/size(figmaonly)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-lg-checkbox-icon-sizefigmaonly"
+  },
+  "ctrlChoiceLgRadioDotSizeRest": {
+    "no": 570,
+    "name": "CTRL/choice/lg/radio/dot/size/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-lg-radio-dot-size-rest"
+  },
+  "ctrlChoiceLgRadioDotSizeHover": {
+    "no": 571,
+    "name": "CTRL/choice/lg/radio/dot/size/hover",
+    "fst_reference": "CTRL/choice/lg/radio/dot/size/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-lg-radio-dot-size-hover"
+  },
+  "ctrlChoiceLgRadioDotSizePressed": {
+    "no": 572,
+    "name": "CTRL/choice/lg/radio/dot/size/pressed",
+    "fst_reference": "CTRL/choice/lg/radio/dot/size/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-lg-radio-dot-size-pressed"
+  },
+  "ctrlChoiceLgSwitchWidth": {
+    "no": 573,
+    "name": "CTRL/choice/lg/switch/width",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-lg-switch-width"
+  },
+  "ctrlChoiceLgSwitchHeight": {
+    "no": 574,
+    "name": "CTRL/choice/lg/switch/height",
+    "fst_reference": "size/ctrl-lg/icon",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-lg-switch-height"
+  },
+  "ctrlChoiceLgSwitchThumbWidthRest": {
+    "no": 575,
+    "name": "CTRL/choice/lg/switch/thumb/width/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-lg-switch-thumb-width-rest"
+  },
+  "ctrlChoiceLgSwitchThumbWidthHover": {
+    "no": 576,
+    "name": "CTRL/choice/lg/switch/thumb/width/hover",
+    "fst_reference": "CTRL/choice/lg/switch/thumb/width/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-lg-switch-thumb-width-hover"
+  },
+  "ctrlChoiceLgSwitchThumbWidthPressed": {
+    "no": 577,
+    "name": "CTRL/choice/lg/switch/thumb/width/pressed",
+    "fst_reference": "CTRL/choice/lg/switch/thumb/width/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-choice-lg-switch-thumb-width-pressed"
+  },
+  "ctrlDialogBackground": {
+    "no": 578,
+    "name": "CTRL/dialog/background",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-dialog-background"
+  },
+  "ctrlDialogStroke": {
+    "no": 579,
+    "name": "CTRL/dialog/stroke",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-dialog-stroke"
+  },
+  "ctrlDialogBaseCorner": {
+    "no": 580,
+    "name": "CTRL/dialog/base/corner",
+    "fst_reference": "corner/card/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "X-Large",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-dialog-base-corner"
+  },
+  "ctrlDialogBaseShadowKeyX": {
+    "no": 581,
+    "name": "CTRL/dialog/base/shadow/(key)/(X)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-dialog-base-shadow-key-x"
+  },
+  "ctrlDialogBaseShadowKeyY": {
+    "no": 582,
+    "name": "CTRL/dialog/base/shadow/(key)/(Y)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-dialog-base-shadow-key-y"
+  },
+  "ctrlDialogBaseShadowKeyBlur": {
+    "no": 583,
+    "name": "CTRL/dialog/base/shadow/(key)/(Blur)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-dialog-base-shadow-key-blur"
+  },
+  "ctrlDialogBaseShadowKeyColor": {
+    "no": 584,
+    "name": "CTRL/dialog/base/shadow/(key)/(Color)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-dialog-base-shadow-key-color"
+  },
+  "ctrlDialogBaseShadowAmbientX": {
+    "no": 585,
+    "name": "CTRL/dialog/base/shadow/(ambient)/(X)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-dialog-base-shadow-ambient-x"
+  },
+  "ctrlDialogBaseShadowAmbientY": {
+    "no": 586,
+    "name": "CTRL/dialog/base/shadow/(ambient)/(Y)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-dialog-base-shadow-ambient-y"
+  },
+  "ctrlDialogBaseShadowAmbientBlur": {
+    "no": 587,
+    "name": "CTRL/dialog/base/shadow/(ambient)/(Blur)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-dialog-base-shadow-ambient-blur"
+  },
+  "ctrlDialogBaseShadowAmbientColor": {
+    "no": 588,
+    "name": "CTRL/dialog/base/shadow/(ambient)/(Color)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-dialog-base-shadow-ambient-color"
+  },
+  "ctrlDialogLayerBackground": {
+    "no": 589,
+    "name": "CTRL/dialog/layer/background",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-dialog-layer-background"
+  },
+  "ctrlDialogLayerPaddingBottom": {
+    "no": 590,
+    "name": "CTRL/dialog/layer/padding-bottom",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-dialog-layer-padding-bottom"
+  },
+  "ctrlDividerFixedlineLength": {
+    "no": 591,
+    "name": "CTRL/divider/fixedLine/length",
+    "fst_reference": "padding/content/align/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-divider-fixedline-length"
+  },
+  "ctrlDragBackgroundSolid": {
+    "no": 592,
+    "name": "CTRL/drag/background/(solid)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-drag-background-solid"
+  },
+  "ctrlDragBackgroundColorblend": {
+    "no": 593,
+    "name": "CTRL/drag/background/(colorBlend)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-drag-background-colorblend"
+  },
+  "ctrlDragBackgroundLumblend": {
+    "no": 594,
+    "name": "CTRL/drag/background/(lumBlend)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-drag-background-lumblend"
+  },
+  "ctrlFabBackgroundRest": {
+    "no": 595,
+    "name": "CTRL/fab/background/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-background-rest"
+  },
+  "ctrlFocusPositionFigmaonly": {
+    "no": 596,
+    "name": "CTRL/focus/position(figmaonly)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Editable dropdown",
+      "Lite filter",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-focus-positionfigmaonly"
+  },
+  "ctrlFocusInnerStrokewidth": {
+    "no": 597,
+    "name": "CTRL/focus/inner/strokeWidth",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Card/Primary",
+      "Card/Secondary",
+      "Card/Tint (needed?)",
+      "Card/Outline",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Editable dropdown",
+      "Inline link",
+      "Page link",
+      "Lite filter",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-focus-inner-strokewidth"
+  },
+  "ctrlFocusInnerStroke": {
+    "no": 598,
+    "name": "CTRL/focus/inner/stroke",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Card/Primary",
+      "Card/Secondary",
+      "Card/Tint (needed?)",
+      "Card/Outline",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Editable dropdown",
+      "Inline link",
+      "Page link",
+      "Lite filter",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Focus/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-focus-inner-stroke"
+  },
+  "ctrlFocusOuterStrokewidth": {
+    "no": 599,
+    "name": "CTRL/focus/outer/strokeWidth",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Card/Primary",
+      "Card/Secondary",
+      "Card/Tint (needed?)",
+      "Card/Outline",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Editable dropdown",
+      "Inline link",
+      "Page link",
+      "Lite filter",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "Thick",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-focus-outer-strokewidth"
+  },
+  "ctrlFocusOuterStroke": {
+    "no": 600,
+    "name": "CTRL/focus/outer/stroke",
+    "fst_reference": "background/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Card/Primary",
+      "Card/Secondary",
+      "Card/Tint (needed?)",
+      "Card/Outline",
+      "Dialog",
+      "Footer",
+      "Consent Dialog/footer",
+      "Inline drawer",
+      "Overlay drawer",
+      "Editable dropdown",
+      "Inline link",
+      "Page link",
+      "Lite filter",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Focus/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-focus-outer-stroke"
+  },
+  "ctrlFabBackgroundHover": {
+    "no": 601,
+    "name": "CTRL/fab/background/hover",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-background-hover"
+  },
+  "ctrlFabBackgroundPressed": {
+    "no": 602,
+    "name": "CTRL/fab/background/pressed",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-background-pressed"
+  },
+  "ctrlFabBackgroundDisabled": {
+    "no": 603,
+    "name": "CTRL/fab/background/disabled",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-background-disabled"
+  },
+  "ctrlFabCornerRest": {
+    "no": 604,
+    "name": "CTRL/fab/corner/rest",
+    "fst_reference": "corner/circular",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["FAB"],
+    "contrast": "",
+    "fallback": "Circular",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-corner-rest"
+  },
+  "ctrlFabShadowRestKeyX": {
+    "no": 605,
+    "name": "CTRL/fab/shadow/rest/(key)/(x)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-rest-key-x"
+  },
+  "ctrlFabShadowRestKeyY": {
+    "no": 606,
+    "name": "CTRL/fab/shadow/rest/(key)/(y)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-rest-key-y"
+  },
+  "ctrlFabShadowRestKeyBlur": {
+    "no": 607,
+    "name": "CTRL/fab/shadow/rest/(key)/(blur)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-rest-key-blur"
+  },
+  "ctrlFabShadowRestKeyColor": {
+    "no": 608,
+    "name": "CTRL/fab/shadow/rest/(key)/(color)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-rest-key-color"
+  },
+  "ctrlFabShadowRestAmbientX": {
+    "no": 609,
+    "name": "CTRL/fab/shadow/rest/(ambient)/(x)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-rest-ambient-x"
+  },
+  "ctrlFabShadowRestAmbientY": {
+    "no": 610,
+    "name": "CTRL/fab/shadow/rest/(ambient)/(y)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["FAB"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-rest-ambient-y"
+  },
+  "ctrlFabShadowRestAmbientBlur": {
+    "no": 611,
+    "name": "CTRL/fab/shadow/rest/(ambient)/(blur)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["FAB"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-rest-ambient-blur"
+  },
+  "ctrlFabShadowRestAmbientColor": {
+    "no": 612,
+    "name": "CTRL/fab/shadow/rest/(ambient)/(color)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["FAB"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-rest-ambient-color"
+  },
+  "ctrlFabShadowHoverKeyX": {
+    "no": 613,
+    "name": "CTRL/fab/shadow/hover/(key)/(x)",
+    "fst_reference": "shadow/flyout/(key)/(x)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-hover-key-x"
+  },
+  "ctrlFabShadowHoverKeyY": {
+    "no": 614,
+    "name": "CTRL/fab/shadow/hover/(key)/(y)",
+    "fst_reference": "shadow/flyout/(key)/(y)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-hover-key-y"
+  },
+  "ctrlFabShadowHoverKeyBlur": {
+    "no": 615,
+    "name": "CTRL/fab/shadow/hover/(key)/(blur)",
+    "fst_reference": "shadow/flyout/(key)/(blur)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-hover-key-blur"
+  },
+  "ctrlFabShadowHoverKeyColor": {
+    "no": 616,
+    "name": "CTRL/fab/shadow/hover/(key)/(color)",
+    "fst_reference": "shadow/flyout/(key)/(color)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-hover-key-color"
+  },
+  "ctrlFabShadowPressedKeyX": {
+    "no": 617,
+    "name": "CTRL/fab/shadow/pressed/(key)/(x)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-pressed-key-x"
+  },
+  "ctrlFabShadowPressedKeyY": {
+    "no": 618,
+    "name": "CTRL/fab/shadow/pressed/(key)/(y)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-pressed-key-y"
+  },
+  "ctrlFabShadowPressedKeyBlur": {
+    "no": 619,
+    "name": "CTRL/fab/shadow/pressed/(key)/(blur)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-pressed-key-blur"
+  },
+  "ctrlFabShadowPressedKeyColor": {
+    "no": 620,
+    "name": "CTRL/fab/shadow/pressed/(key)/(color)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-pressed-key-color"
+  },
+  "ctrlFabShadowDisabledKeyX": {
+    "no": 621,
+    "name": "CTRL/fab/shadow/disabled/(key)/(x)",
+    "fst_reference": "CTRL/fab/shadow/pressed/(key)/(x)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-disabled-key-x"
+  },
+  "ctrlFabShadowDisabledKeyY": {
+    "no": 622,
+    "name": "CTRL/fab/shadow/disabled/(key)/(y)",
+    "fst_reference": "CTRL/fab/shadow/pressed/(key)/(y)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["FAB"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-disabled-key-y"
+  },
+  "ctrlFabShadowDisabledKeyBlur": {
+    "no": 623,
+    "name": "CTRL/fab/shadow/disabled/(key)/(blur)",
+    "fst_reference": "CTRL/fab/shadow/pressed/(key)/(blur)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["FAB"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-disabled-key-blur"
+  },
+  "ctrlFabShadowDisabledKeyColor": {
+    "no": 624,
+    "name": "CTRL/fab/shadow/disabled/(key)/(color)",
+    "fst_reference": "CTRL/fab/shadow/pressed/(key)/(color)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["FAB"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-shadow-disabled-key-color"
+  },
+  "ctrlFabCornerHover": {
+    "no": 625,
+    "name": "CTRL/fab/corner/hover",
+    "fst_reference": "corner/circular",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Circular",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-corner-hover"
+  },
+  "ctrlFabCornerPressed": {
+    "no": 626,
+    "name": "CTRL/fab/corner/pressed",
+    "fst_reference": "corner/circular",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Circular",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-fab-corner-pressed"
+  },
+  "ctrlInputBackgroundRest": {
+    "no": 627,
+    "name": "CTRL/input/background/rest",
+    "fst_reference": "background/ctrl/neutral/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-background-rest"
+  },
+  "ctrlInputBackgroundHover": {
+    "no": 628,
+    "name": "CTRL/input/background/hover",
+    "fst_reference": "background/ctrl/neutral/hover",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-background-hover"
+  },
+  "ctrlInputBackgroundPressed": {
+    "no": 629,
+    "name": "CTRL/input/background/pressed",
+    "fst_reference": "background/ctrl/neutral/pressed",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-background-pressed"
+  },
+  "ctrlInputBackgroundDisabled": {
+    "no": 630,
+    "name": "CTRL/input/background/disabled",
+    "fst_reference": "background/ctrl/neutral/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Text input box",
+      "Search box",
+      "Password input box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Text area"
+    ],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-background-disabled"
+  },
+  "ctrlInputBackgroundSelected": {
+    "no": 631,
+    "name": "CTRL/input/background/selected",
+    "fst_reference": "background/ctrl/neutral/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-background-selected"
+  },
+  "ctrlInputBackgroundError": {
+    "no": 632,
+    "name": "CTRL/input/background/error",
+    "fst_reference": "background/ctrl/neutral/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-background-error"
+  },
+  "ctrlInputStrokeRest": {
+    "no": 633,
+    "name": "CTRL/input/stroke/rest",
+    "fst_reference": "stroke/ctrl/onOutline/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-stroke-rest"
+  },
+  "ctrlInputBottomlineStrokewidthRest": {
+    "no": 634,
+    "name": "CTRL/input/bottomLine/strokeWidth/rest",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Text input box",
+      "Search box",
+      "Password input box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Text area"
+    ],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-bottomline-strokewidth-rest"
+  },
+  "ctrlInputStrokewidthRest": {
+    "no": 635,
+    "name": "CTRL/input/strokeWidth/rest",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-strokewidth-rest"
+  },
+  "ctrlInputTextselectionBackground": {
+    "no": 636,
+    "name": "CTRL/input/textSelection/background",
+    "fst_reference": "background/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/ctrl/activeBrand/rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-textselection-background"
+  },
+  "ctrlInputTextselectionForeground": {
+    "no": 637,
+    "name": "CTRL/input/textSelection/foreground",
+    "fst_reference": "foreground/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/4/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-textselection-foreground"
+  },
+  "ctrlInputStrokewidthHover": {
+    "no": 638,
+    "name": "CTRL/input/strokeWidth/hover",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-strokewidth-hover"
+  },
+  "ctrlInputStrokewidthPressed": {
+    "no": 639,
+    "name": "CTRL/input/strokeWidth/pressed",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-strokewidth-pressed"
+  },
+  "ctrlInputStrokewidthSelected": {
+    "no": 640,
+    "name": "CTRL/input/strokeWidth/selected",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-strokewidth-selected"
+  },
+  "ctrlInputBottomlineStrokewidthHover": {
+    "no": 641,
+    "name": "CTRL/input/bottomLine/strokeWidth/hover",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-bottomline-strokewidth-hover"
+  },
+  "ctrlInputBottomlineStrokewidthPressed": {
+    "no": 642,
+    "name": "CTRL/input/bottomLine/strokeWidth/pressed",
+    "fst_reference": "CTRL/input/bottomLine/strokeWidth/selected",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Thick",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-bottomline-strokewidth-pressed"
+  },
+  "ctrlInputBottomlineStrokewidthSelected": {
+    "no": 643,
+    "name": "CTRL/input/bottomLine/strokeWidth/selected",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Thick",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-bottomline-strokewidth-selected"
+  },
+  "ctrlInputBottomlineStrokeRest": {
+    "no": 644,
+    "name": "CTRL/input/bottomLine/stroke/rest",
+    "fst_reference": "foreground/ctrl/neutral/secondary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Accessible/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-bottomline-stroke-rest"
+  },
+  "ctrlInputBottomlineStrokeHover": {
+    "no": 645,
+    "name": "CTRL/input/bottomLine/stroke/hover",
+    "fst_reference": "foreground/ctrl/neutral/secondary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Accessible/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-bottomline-stroke-hover"
+  },
+  "ctrlInputBottomlineStrokePressed": {
+    "no": 646,
+    "name": "CTRL/input/bottomLine/stroke/pressed",
+    "fst_reference": "foreground/ctrl/neutral/secondary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Accessible/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-bottomline-stroke-pressed"
+  },
+  "ctrlInputBottomlineStrokeDisabled": {
+    "no": 647,
+    "name": "CTRL/input/bottomLine/stroke/disabled",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [
+      "Text input box",
+      "Search box",
+      "Password input box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Text area"
+    ],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-bottomline-stroke-disabled"
+  },
+  "ctrlInputBottomlineStrokeSelected": {
+    "no": 648,
+    "name": "CTRL/input/bottomLine/stroke/selected",
+    "fst_reference": "background/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Brand/Stroke/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-bottomline-stroke-selected"
+  },
+  "ctrlInputBottomlineStrokeError": {
+    "no": 649,
+    "name": "CTRL/input/bottomLine/stroke/error",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-bottomline-stroke-error"
+  },
+  "ctrlInputStrokeHover": {
+    "no": 650,
+    "name": "CTRL/input/stroke/hover",
+    "fst_reference": "stroke/ctrl/onOutline/hover",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/1/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-stroke-hover"
+  },
+  "ctrlInputStrokePressed": {
+    "no": 651,
+    "name": "CTRL/input/stroke/pressed",
+    "fst_reference": "stroke/ctrl/onOutline/pressed",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/1/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-stroke-pressed"
+  },
+  "ctrlInputStrokeDisabled": {
+    "no": 652,
+    "name": "CTRL/input/stroke/disabled",
+    "fst_reference": "stroke/ctrl/onOutline/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Text input box",
+      "Search box",
+      "Password input box",
+      "Editable dropdown",
+      "Editable spin button",
+      "Text area"
+    ],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-stroke-disabled"
+  },
+  "ctrlInputStrokeSelected": {
+    "no": 653,
+    "name": "CTRL/input/stroke/selected",
+    "fst_reference": "stroke/ctrl/onOutline/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/1/Selected",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-stroke-selected"
+  },
+  "ctrlInputStrokeError": {
+    "no": 654,
+    "name": "CTRL/input/stroke/error",
+    "fst_reference": "STATUS/danger/stroke",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Status/Danger/Stroke/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-input-stroke-error"
+  },
+  "ctrlLinkForegroundNeutralRest": {
+    "no": 655,
+    "name": "CTRL/link/foreground/neutral/rest",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "foreground/ctrl/neutral/primary/rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-link-foreground-neutral-rest"
+  },
+  "ctrlLinkInlineStrokewidthRest": {
+    "no": 656,
+    "name": "CTRL/link/inline/strokeWidth/rest",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Inline link", "Page link"],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-link-inline-strokewidth-rest"
+  },
+  "ctrlLinkInlineStrokewidthHover": {
+    "no": 657,
+    "name": "CTRL/link/inline/strokeWidth/hover",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer"],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-link-inline-strokewidth-hover"
+  },
+  "ctrlLinkInlineUnderlineDashed": {
+    "no": 658,
+    "name": "CTRL/link/inline/underline/dashed",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Inline link"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-link-inline-underline-dashed"
+  },
+  "ctrlLinkInlineUnderlineSolidFigmaonly": {
+    "no": 659,
+    "name": "CTRL/link/inline/underline/solid(figmaonly)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Inline link"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-link-inline-underline-solidfigmaonly"
+  },
+  "ctrlLinkForegroundNeutralHover": {
+    "no": 660,
+    "name": "CTRL/link/foreground/neutral/hover",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "foreground/ctrl/neutral/primary/hover",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-link-foreground-neutral-hover"
+  },
+  "ctrlLinkForegroundNeutralPressed": {
+    "no": 661,
+    "name": "CTRL/link/foreground/neutral/pressed",
+    "fst_reference": "foreground/ctrl/neutral/primary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Inline link", "Page link"],
+    "contrast": "",
+    "fallback": "foreground/ctrl/neutral/primary/pressed",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-link-foreground-neutral-pressed"
+  },
+  "ctrlLinkForegroundBrandRest": {
+    "no": 662,
+    "name": "CTRL/link/foreground/brand/rest",
+    "fst_reference": "foreground/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer"],
+    "contrast": "",
+    "fallback": "foreground/ctrl/brand/rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-link-foreground-brand-rest"
+  },
+  "ctrlLinkForegroundBrandHover": {
+    "no": 663,
+    "name": "CTRL/link/foreground/brand/hover",
+    "fst_reference": "foreground/ctrl/brand/hover",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "foreground/ctrl/brand/hover",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-link-foreground-brand-hover"
+  },
+  "ctrlLinkForegroundBrandPressed": {
+    "no": 664,
+    "name": "CTRL/link/foreground/brand/pressed",
+    "fst_reference": "foreground/ctrl/brand/pressed",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "foreground/ctrl/brand/pressed",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-link-foreground-brand-pressed"
+  },
+  "ctrlLinkOnpageStrokewidthRest": {
+    "no": 665,
+    "name": "CTRL/link/onPage/strokeWidth/rest",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-link-onpage-strokewidth-rest"
+  },
+  "ctrlLinkOnpageStrokewidthHover": {
+    "no": 666,
+    "name": "CTRL/link/onPage/strokeWidth/hover",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer"],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-link-onpage-strokewidth-hover"
+  },
+  "ctrlLinkOnpageUnderlineDashed": {
+    "no": 667,
+    "name": "CTRL/link/onPage/underline/dashed",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Page link"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-link-onpage-underline-dashed"
+  },
+  "ctrlLinkOnpageUnderlineSolidFigmaonly": {
+    "no": 668,
+    "name": "CTRL/link/onPage/underline/solid(figmaonly)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Page link"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-link-onpage-underline-solidfigmaonly"
+  },
+  "ctrlLinkInlineShowunderlineatrest": {
+    "no": 669,
+    "name": "CTRL/link/inline/showUnderlineAtRest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-link-inline-showunderlineatrest"
+  },
+  "ctrlLinkOnpageShowunderlineatrest": {
+    "no": 670,
+    "name": "CTRL/link/onPage/showUnderlineAtRest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Consent Dialog/footer"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-link-onpage-showunderlineatrest"
+  },
+  "ctrlListPillWidth": {
+    "no": 671,
+    "name": "CTRL/list/pill/width",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Thicker",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-pill-width"
+  },
+  "ctrlListPillFullwidth": {
+    "no": 672,
+    "name": "CTRL/list/pill/fullWidth",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-pill-fullwidth"
+  },
+  "ctrlListPillStretchPaddingDefault": {
+    "no": 673,
+    "name": "CTRL/list/pill/stretch/padding/default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-pill-stretch-padding-default"
+  },
+  "ctrlListPillStretchPaddingHint": {
+    "no": 674,
+    "name": "CTRL/list/pill/stretch/padding/hint",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-pill-stretch-padding-hint"
+  },
+  "ctrlListPillLengthRest": {
+    "no": 675,
+    "name": "CTRL/list/pill/length/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-pill-length-rest"
+  },
+  "ctrlListPillLengthHover": {
+    "no": 676,
+    "name": "CTRL/list/pill/length/hover",
+    "fst_reference": "CTRL/list/pill/length/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-pill-length-hover"
+  },
+  "ctrlListPillLengthPressed": {
+    "no": 677,
+    "name": "CTRL/list/pill/length/pressed",
+    "fst_reference": "CTRL/list/pill/length/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-pill-length-pressed"
+  },
+  "ctrlListPillLengthHint": {
+    "no": 678,
+    "name": "CTRL/list/pill/length/hint",
+    "fst_reference": "CTRL/list/pill/length/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-pill-length-hint"
+  },
+  "ctrlListCornerRest": {
+    "no": 679,
+    "name": "CTRL/list/corner/rest",
+    "fst_reference": "corner/ctrl/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Medium",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-corner-rest"
+  },
+  "ctrlListCornerHover": {
+    "no": 680,
+    "name": "CTRL/list/corner/hover",
+    "fst_reference": "corner/ctrl/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Medium",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-corner-hover"
+  },
+  "ctrlListCornerPressed": {
+    "no": 681,
+    "name": "CTRL/list/corner/pressed",
+    "fst_reference": "corner/ctrl/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Medium",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-corner-pressed"
+  },
+  "ctrlListIndentLevel1": {
+    "no": 682,
+    "name": "CTRL/list/indent/level1",
+    "fst_reference": "padding/ctrl/horizontal-default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-indent-level1"
+  },
+  "ctrlListIndentLevel2": {
+    "no": 683,
+    "name": "CTRL/list/indent/(level2)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-indent-level2"
+  },
+  "ctrlListIndentLevel3": {
+    "no": 684,
+    "name": "CTRL/list/indent/(level3)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-indent-level3"
+  },
+  "ctrlListBackgroundSelectedRest": {
+    "no": 685,
+    "name": "CTRL/list/background/selected-rest",
+    "fst_reference": "background/ctrl/subtle/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/ctrl/subtle/rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-background-selected-rest"
+  },
+  "ctrlListBackgroundSelectedHover": {
+    "no": 686,
+    "name": "CTRL/list/background/selected-hover",
+    "fst_reference": "background/ctrl/subtle/hover",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/ctrl/subtle/hover",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-background-selected-hover"
+  },
+  "ctrlListBackgroundSelectedPressed": {
+    "no": 687,
+    "name": "CTRL/list/background/selected-pressed",
+    "fst_reference": "background/ctrl/subtle/pressed",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/ctrl/subtle/pressed",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-background-selected-pressed"
+  },
+  "ctrlListBackgroundSelectedDisabled": {
+    "no": 688,
+    "name": "CTRL/list/background/selected-disabled",
+    "fst_reference": "background/ctrl/subtle/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/ctrl/subtle/disabled",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-background-selected-disabled"
+  },
+  "ctrlListChoiceBackgroundRest": {
+    "no": 689,
+    "name": "CTRL/list/choice/background/rest",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-choice-background-rest"
+  },
+  "ctrlListChoiceStrokeRest": {
+    "no": 690,
+    "name": "CTRL/list/choice/stroke/rest",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-choice-stroke-rest"
+  },
+  "ctrlListChoiceStrokeDisabled": {
+    "no": 691,
+    "name": "CTRL/list/choice/stroke/disabled",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-choice-stroke-disabled"
+  },
+  "ctrlListChoiceStrokeSelectedRest": {
+    "no": 692,
+    "name": "CTRL/list/choice/stroke/selected-rest",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-choice-stroke-selected-rest"
+  },
+  "ctrlListChoiceStrokeSelectedDisabled": {
+    "no": 693,
+    "name": "CTRL/list/choice/stroke/selected-disabled",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-choice-stroke-selected-disabled"
+  },
+  "ctrlListChoiceForegroundHover": {
+    "no": 694,
+    "name": "CTRL/list/choice/foreground/hover",
+    "fst_reference": "foreground/ctrl/hint/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-choice-foreground-hover"
+  },
+  "ctrlListChoiceForegroundSelectedRest": {
+    "no": 695,
+    "name": "CTRL/list/choice/foreground/selected-rest",
+    "fst_reference": "foreground/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-choice-foreground-selected-rest"
+  },
+  "ctrlListChoiceForegroundSelectedDisabled": {
+    "no": 696,
+    "name": "CTRL/list/choice/foreground/selected-disabled",
+    "fst_reference": "foreground/ctrl/brand/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-choice-foreground-selected-disabled"
+  },
+  "ctrlListChoiceBackgroundDisabled": {
+    "no": 697,
+    "name": "CTRL/list/choice/background/disabled",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-choice-background-disabled"
+  },
+  "ctrlListChoiceBackgroundSelectedRest": {
+    "no": 698,
+    "name": "CTRL/list/choice/background/selected-rest",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-choice-background-selected-rest"
+  },
+  "ctrlListChoiceBackgroundSelectedDisabled": {
+    "no": 699,
+    "name": "CTRL/list/choice/background/selected-disabled",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-choice-background-selected-disabled"
+  },
+  "ctrlListChoiceCheckboxCorner": {
+    "no": 700,
+    "name": "CTRL/list/choice/checkbox/corner",
+    "fst_reference": "CTRL/choice/checkbox/corner",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-choice-checkbox-corner"
+  },
+  "ctrlListChoiceCheckboxIconSize": {
+    "no": 701,
+    "name": "CTRL/list/choice/checkbox/icon/size",
+    "fst_reference": "size/ctrl/iconSecondary",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-choice-checkbox-icon-size"
+  },
+  "ctrlListChoiceCheckboxIconSizeFigmaonly": {
+    "no": 702,
+    "name": "CTRL/list/choice/checkbox/icon/size(figmaonly)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-choice-checkbox-icon-sizefigmaonly"
+  },
+  "ctrlListChoiceDotSize": {
+    "no": 703,
+    "name": "CTRL/list/choice/dot/size",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-choice-dot-size"
+  },
+  "ctrlListChoiceDotSizeFigmaonly": {
+    "no": 704,
+    "name": "CTRL/list/choice/dot/size(figmaonly)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-choice-dot-sizefigmaonly"
+  },
+  "ctrlListSplitDividerPaddingInset": {
+    "no": 705,
+    "name": "CTRL/list/split/divider/padding/inset",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Split button"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-split-divider-padding-inset"
+  },
+  "ctrlListSplitDividerStroke": {
+    "no": 706,
+    "name": "CTRL/list/split/divider/stroke",
+    "fst_reference": "stroke/ctrl/divider/onNeutral",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-split-divider-stroke"
+  },
+  "ctrlListSmCornerRest": {
+    "no": 707,
+    "name": "CTRL/list/sm/corner/rest",
+    "fst_reference": "corner/ctrl-sm/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Medium",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-sm-corner-rest"
+  },
+  "ctrlListSmCornerHover": {
+    "no": 708,
+    "name": "CTRL/list/sm/corner/hover",
+    "fst_reference": "corner/ctrl-sm/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Medium",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-sm-corner-hover"
+  },
+  "ctrlListSmCornerPressed": {
+    "no": 709,
+    "name": "CTRL/list/sm/corner/pressed",
+    "fst_reference": "corner/ctrl-sm/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Medium",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-sm-corner-pressed"
+  },
+  "ctrlListSmIndentLevel1": {
+    "no": 710,
+    "name": "CTRL/list/sm/indent/level1",
+    "fst_reference": "padding/ctrl-sm/horizontal-default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-sm-indent-level1"
+  },
+  "ctrlListSmIndentLevel2": {
+    "no": 711,
+    "name": "CTRL/list/sm/indent/(level2)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-sm-indent-level2"
+  },
+  "ctrlListSmIndentLevel3": {
+    "no": 712,
+    "name": "CTRL/list/sm/indent/(level3)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-sm-indent-level3"
+  },
+  "ctrlListLgCornerRest": {
+    "no": 713,
+    "name": "CTRL/list/lg/corner/rest",
+    "fst_reference": "corner/ctrl-lg/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Medium",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-lg-corner-rest"
+  },
+  "ctrlListLgCornerHover": {
+    "no": 714,
+    "name": "CTRL/list/lg/corner/hover",
+    "fst_reference": "corner/ctrl-lg/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Medium",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-lg-corner-hover"
+  },
+  "ctrlListLgCornerPressed": {
+    "no": 715,
+    "name": "CTRL/list/lg/corner/pressed",
+    "fst_reference": "corner/ctrl-lg/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Medium",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-lg-corner-pressed"
+  },
+  "ctrlListLgIndentLevel1": {
+    "no": 716,
+    "name": "CTRL/list/lg/indent/level1",
+    "fst_reference": "padding/ctrl-lg/horizontal-default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-lg-indent-level1"
+  },
+  "ctrlListLgIndentLevel2": {
+    "no": 717,
+    "name": "CTRL/list/lg/indent/(level2)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-lg-indent-level2"
+  },
+  "ctrlListLgIndentLevel3": {
+    "no": 718,
+    "name": "CTRL/list/lg/indent/(level3)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-lg-indent-level3"
+  },
+  "ctrlLitefilterBackgroundSelected": {
+    "no": 719,
+    "name": "CTRL/liteFilter/background/selected",
+    "fst_reference": "background/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Lite filter"],
+    "contrast": "",
+    "fallback": "background/ctrl/brand/rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-litefilter-background-selected"
+  },
+  "ctrlLitefilterStrokeSelected": {
+    "no": 720,
+    "name": "CTRL/liteFilter/stroke/selected",
+    "fst_reference": "stroke/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Lite filter"],
+    "contrast": "",
+    "fallback": "stroke/ctrl/onBrand/rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-litefilter-stroke-selected"
+  },
+  "ctrlLitefilterForegroundSelected": {
+    "no": 721,
+    "name": "CTRL/liteFilter/foreground/selected",
+    "fst_reference": "foreground/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Lite filter"],
+    "contrast": "",
+    "fallback": "foreground/ctrl/onBrand/rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-litefilter-foreground-selected"
+  },
+  "ctrlProgressBackgroundEmpty": {
+    "no": 722,
+    "name": "CTRL/progress/background/empty",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Spinner", "Progress Bar"],
+    "contrast": "",
+    "fallback": "Neutral/Background/6/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-progress-background-empty"
+  },
+  "ctrlProgressBackgroundFilled": {
+    "no": 723,
+    "name": "CTRL/progress/background/filled",
+    "fst_reference": "background/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Spinner"],
+    "contrast": "",
+    "fallback": "background/ctrl/activeBrand/rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-progress-background-filled"
+  },
+  "ctrlProgressCorner": {
+    "no": 724,
+    "name": "CTRL/progress/corner",
+    "fst_reference": "corner/circular",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Progress Bar"],
+    "contrast": "",
+    "fallback": "Circular",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-progress-corner"
+  },
+  "ctrlProgressHeightFilled": {
+    "no": 725,
+    "name": "CTRL/progress/height/filled",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Progress Bar"],
+    "contrast": "",
+    "fallback": "Thick",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-progress-height-filled"
+  },
+  "ctrlProgressHeightEmpty": {
+    "no": 726,
+    "name": "CTRL/progress/height/empty",
+    "fst_reference": "CTRL/progress/height/filled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Progress Bar"],
+    "contrast": "",
+    "fallback": "Thick",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-progress-height-empty"
+  },
+  "ctrlProgressSmHeightFilled": {
+    "no": 727,
+    "name": "CTRL/progress/sm/height/filled",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Thick",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-progress-sm-height-filled"
+  },
+  "ctrlProgressSmHeightEmpty": {
+    "no": 728,
+    "name": "CTRL/progress/sm/height/empty",
+    "fst_reference": "CTRL/progress/sm/height/filled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Thick",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-progress-sm-height-empty"
+  },
+  "ctrlRatingIconTheme": {
+    "no": 729,
+    "name": "CTRL/rating/icon/theme",
+    "fst_reference": "iconTheme/ctrl/default/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-rating-icon-theme"
+  },
+  "ctrlRatingIconGap": {
+    "no": 730,
+    "name": "CTRL/rating/icon/gap",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Rating"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-rating-icon-gap"
+  },
+  "ctrlRatingIconForegroundFilled": {
+    "no": 731,
+    "name": "CTRL/rating/icon/foreground/filled",
+    "fst_reference": "background/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Rating"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-rating-icon-foreground-filled"
+  },
+  "ctrlRatingIconForegroundEmpty": {
+    "no": 732,
+    "name": "CTRL/rating/icon/foreground/empty",
+    "fst_reference": "CTRL/progress/background/empty",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Rating"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-rating-icon-foreground-empty"
+  },
+  "ctrlRatingIconSize": {
+    "no": 733,
+    "name": "CTRL/rating/icon/size",
+    "fst_reference": "size/ctrl/icon",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-rating-icon-size"
+  },
+  "ctrlSegmentedBackgroundRest": {
+    "no": 734,
+    "name": "CTRL/segmented/background/rest",
+    "fst_reference": "background/ctrl/outline/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-background-rest"
+  },
+  "ctrlSegmentedBackgroundHover": {
+    "no": 735,
+    "name": "CTRL/segmented/background/hover",
+    "fst_reference": "background/ctrl/outline/hover",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-background-hover"
+  },
+  "ctrlSegmentedBackgroundPressed": {
+    "no": 736,
+    "name": "CTRL/segmented/background/pressed",
+    "fst_reference": "background/ctrl/outline/pressed",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-background-pressed"
+  },
+  "ctrlSegmentedBackgroundDisabled": {
+    "no": 737,
+    "name": "CTRL/segmented/background/disabled",
+    "fst_reference": "background/ctrl/outline/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Transparent/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-background-disabled"
+  },
+  "ctrlSegmentedStrokeRest": {
+    "no": 738,
+    "name": "CTRL/segmented/stroke/rest",
+    "fst_reference": "foreground/ctrl/neutral/secondary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Accessible/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-stroke-rest"
+  },
+  "ctrlSegmentedStrokeHover": {
+    "no": 739,
+    "name": "CTRL/segmented/stroke/hover",
+    "fst_reference": "foreground/ctrl/neutral/secondary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Accessible/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-stroke-hover"
+  },
+  "ctrlSegmentedStrokePressed": {
+    "no": 740,
+    "name": "CTRL/segmented/stroke/pressed",
+    "fst_reference": "foreground/ctrl/neutral/secondary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Accessible/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-stroke-pressed"
+  },
+  "ctrlSegmentedStrokeDisabled": {
+    "no": 741,
+    "name": "CTRL/segmented/stroke/disabled",
+    "fst_reference": "foreground/ctrl/neutral/secondary/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-stroke-disabled"
+  },
+  "ctrlSegmentedCornerRest": {
+    "no": 742,
+    "name": "CTRL/segmented/corner/rest",
+    "fst_reference": "corner/ctrl/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-corner-rest"
+  },
+  "ctrlSegmentedCornerHover": {
+    "no": 743,
+    "name": "CTRL/segmented/corner/hover",
+    "fst_reference": "corner/ctrl/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-corner-hover"
+  },
+  "ctrlSegmentedCornerPressed": {
+    "no": 744,
+    "name": "CTRL/segmented/corner/pressed",
+    "fst_reference": "corner/ctrl/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-corner-pressed"
+  },
+  "ctrlSegmentedPaddingRest": {
+    "no": 745,
+    "name": "CTRL/segmented/padding/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-padding-rest"
+  },
+  "ctrlSegmentedPaddingHover": {
+    "no": 746,
+    "name": "CTRL/segmented/padding/hover",
+    "fst_reference": "CTRL/segmented/padding/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-padding-hover"
+  },
+  "ctrlSegmentedPaddingPressed": {
+    "no": 747,
+    "name": "CTRL/segmented/padding/pressed",
+    "fst_reference": "CTRL/segmented/padding/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-padding-pressed"
+  },
+  "ctrlSegmentedGap": {
+    "no": 748,
+    "name": "CTRL/segmented/gap",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-gap"
+  },
+  "ctrlSegmentedItemCornerRest": {
+    "no": 749,
+    "name": "CTRL/segmented/Item/corner/rest",
+    "fst_reference": "corner/ctrl-sm/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-item-corner-rest"
+  },
+  "ctrlSegmentedItemCornerHover": {
+    "no": 750,
+    "name": "CTRL/segmented/Item/corner/hover",
+    "fst_reference": "corner/ctrl-sm/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-item-corner-hover"
+  },
+  "ctrlSegmentedItemCornerPressed": {
+    "no": 751,
+    "name": "CTRL/segmented/Item/corner/pressed",
+    "fst_reference": "corner/ctrl-sm/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-item-corner-pressed"
+  },
+  "ctrlSliderBarHeight": {
+    "no": 752,
+    "name": "CTRL/slider/bar/height",
+    "fst_reference": "CTRL/progress/height/filled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Slider"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-bar-height"
+  },
+  "ctrlSplitDividerStrokewidth": {
+    "no": 753,
+    "name": "CTRL/split/divider/strokeWidth",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Split button"],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-split-divider-strokewidth"
+  },
+  "ctrlSplitDividerStrokewidthOnoutline": {
+    "no": 754,
+    "name": "CTRL/split/divider/strokeWidth-onOutline",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-split-divider-strokewidth-onoutline"
+  },
+  "ctrlSplitDividerStrokewidthOnsubtle": {
+    "no": 755,
+    "name": "CTRL/split/divider/strokeWidth-onSubtle",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": ["Split button"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-split-divider-strokewidth-onsubtle"
+  },
+  "ctrlSpinnerStrokewidth": {
+    "no": 756,
+    "name": "CTRL/spinner/strokeWidth",
+    "fst_reference": "CTRL/progress/height/filled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Spinner"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-spinner-strokewidth"
+  },
+  "ctrlSpinnerShowemptytrack": {
+    "no": 757,
+    "name": "CTRL/spinner/showEmptyTrack",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Spinner"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-spinner-showemptytrack"
+  },
+  "ctrlTooltipCorner": {
+    "no": 758,
+    "name": "CTRL/tooltip/corner",
+    "fst_reference": "corner/ctrl/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Medium",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-tooltip-corner"
+  },
+  "ctrlTooltipBackground": {
+    "no": 759,
+    "name": "CTRL/tooltip/background",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-tooltip-background"
+  },
+  "ctrlTooltipForeground": {
+    "no": 760,
+    "name": "CTRL/tooltip/foreground",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-tooltip-foreground"
+  },
+  "ctrlSliderBarCorner": {
+    "no": 761,
+    "name": "CTRL/slider/bar/corner",
+    "fst_reference": "corner/circular",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Slider"],
+    "contrast": "",
+    "fallback": "Circular",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-bar-corner"
+  },
+  "ctrlSliderBarForegroundFilledRest": {
+    "no": 762,
+    "name": "CTRL/slider/bar/foreground/filled/rest",
+    "fst_reference": "background/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Brand/Background/Compound/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-bar-foreground-filled-rest"
+  },
+  "ctrlSliderBarForegroundEmptyRest": {
+    "no": 763,
+    "name": "CTRL/slider/bar/foreground/empty/rest",
+    "fst_reference": "CTRL/progress/background/empty",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Accessible/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-bar-foreground-empty-rest"
+  },
+  "ctrlSliderBarForegroundEmptyHover": {
+    "no": 764,
+    "name": "CTRL/slider/bar/foreground/empty/hover",
+    "fst_reference": "CTRL/progress/background/empty",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Accessible/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-bar-foreground-empty-hover"
+  },
+  "ctrlSliderBarForegroundEmptyPressed": {
+    "no": 765,
+    "name": "CTRL/slider/bar/foreground/empty/pressed",
+    "fst_reference": "CTRL/progress/background/empty",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Accessible/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-bar-foreground-empty-pressed"
+  },
+  "ctrlSliderBarForegroundEmptyDisabled": {
+    "no": 766,
+    "name": "CTRL/slider/bar/foreground/empty/disabled",
+    "fst_reference": "CTRL/progress/background/empty",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Slider"],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-bar-foreground-empty-disabled"
+  },
+  "ctrlSliderBarForegroundFilledHover": {
+    "no": 767,
+    "name": "CTRL/slider/bar/foreground/filled/hover",
+    "fst_reference": "background/ctrl/brand/hover",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Brand/Background/Compound/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-bar-foreground-filled-hover"
+  },
+  "ctrlSliderBarForegroundFilledPressed": {
+    "no": 768,
+    "name": "CTRL/slider/bar/foreground/filled/pressed",
+    "fst_reference": "background/ctrl/brand/pressed",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Brand/Background/Compound/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-bar-foreground-filled-pressed"
+  },
+  "ctrlSliderBarForegroundFilledDisabled": {
+    "no": 769,
+    "name": "CTRL/slider/bar/foreground/filled/disabled",
+    "fst_reference": "background/ctrl/brand/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Slider"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-bar-foreground-filled-disabled"
+  },
+  "ctrlSliderThumbCorner": {
+    "no": 770,
+    "name": "CTRL/slider/thumb/corner",
+    "fst_reference": "corner/circular",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Slider"],
+    "contrast": "",
+    "fallback": "Circular",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-corner"
+  },
+  "ctrlSliderThumbSizeRest": {
+    "no": 771,
+    "name": "CTRL/slider/thumb/size/rest",
+    "fst_reference": "size/ctrl/icon",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Slider"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-size-rest"
+  },
+  "ctrlSliderThumbSizeHover": {
+    "no": 772,
+    "name": "CTRL/slider/thumb/size/hover",
+    "fst_reference": "size/ctrl/icon",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-size-hover"
+  },
+  "ctrlSliderThumbSizePressed": {
+    "no": 773,
+    "name": "CTRL/slider/thumb/size/pressed",
+    "fst_reference": "size/ctrl/icon",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-size-pressed"
+  },
+  "ctrlSliderThumbBackgroundRest": {
+    "no": 774,
+    "name": "CTRL/slider/thumb/background/rest",
+    "fst_reference": "foreground/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Brand/Background/Compound/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-background-rest"
+  },
+  "ctrlSliderThumbBackgroundHover": {
+    "no": 775,
+    "name": "CTRL/slider/thumb/background/hover",
+    "fst_reference": "foreground/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Brand/Background/Compound/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-background-hover"
+  },
+  "ctrlSliderThumbBackgroundPressed": {
+    "no": 776,
+    "name": "CTRL/slider/thumb/background/pressed",
+    "fst_reference": "foreground/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Brand/Background/Compound/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-background-pressed"
+  },
+  "ctrlSliderThumbBackgroundDisabled": {
+    "no": 777,
+    "name": "CTRL/slider/thumb/background/disabled",
+    "fst_reference": "foreground/ctrl/onBrand/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Slider"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-background-disabled"
+  },
+  "ctrlSliderThumbInnerStrokewidthRest": {
+    "no": 778,
+    "name": "CTRL/slider/thumb/inner/strokeWidth/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Slider"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-inner-strokewidth-rest"
+  },
+  "ctrlSliderThumbInnerStrokewidthHover": {
+    "no": 779,
+    "name": "CTRL/slider/thumb/inner/strokeWidth/hover",
+    "fst_reference": "CTRL/slider/thumb/inner/strokeWidth/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-inner-strokewidth-hover"
+  },
+  "ctrlSliderThumbInnerStrokewidthPressed": {
+    "no": 780,
+    "name": "CTRL/slider/thumb/inner/strokeWidth/pressed",
+    "fst_reference": "CTRL/slider/thumb/inner/strokeWidth/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-inner-strokewidth-pressed"
+  },
+  "ctrlSliderThumbInnerStrokeRest": {
+    "no": 781,
+    "name": "CTRL/slider/thumb/inner/stroke/rest",
+    "fst_reference": "background/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-inner-stroke-rest"
+  },
+  "ctrlSliderThumbInnerStrokeHover": {
+    "no": 782,
+    "name": "CTRL/slider/thumb/inner/stroke/hover",
+    "fst_reference": "background/ctrl/brand/hover",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-inner-stroke-hover"
+  },
+  "ctrlSliderThumbInnerStrokePressed": {
+    "no": 783,
+    "name": "CTRL/slider/thumb/inner/stroke/pressed",
+    "fst_reference": "background/ctrl/brand/pressed",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-inner-stroke-pressed"
+  },
+  "ctrlSliderThumbInnerStrokeDisabled": {
+    "no": 784,
+    "name": "CTRL/slider/thumb/inner/stroke/disabled",
+    "fst_reference": "background/ctrl/brand/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Slider"],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-inner-stroke-disabled"
+  },
+  "ctrlSliderThumbOuterStrokewidth": {
+    "no": 785,
+    "name": "CTRL/slider/thumb/outer/strokeWidth",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Slider"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-outer-strokewidth"
+  },
+  "ctrlSliderThumbOuterStrokeRest": {
+    "no": 786,
+    "name": "CTRL/slider/thumb/outer/stroke/rest",
+    "fst_reference": "background/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-outer-stroke-rest"
+  },
+  "ctrlSliderThumbOuterStrokeHover": {
+    "no": 787,
+    "name": "CTRL/slider/thumb/outer/stroke/hover",
+    "fst_reference": "background/ctrl/brand/hover",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-outer-stroke-hover"
+  },
+  "ctrlSliderThumbOuterStrokePressed": {
+    "no": 788,
+    "name": "CTRL/slider/thumb/outer/stroke/pressed",
+    "fst_reference": "background/ctrl/brand/pressed",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-outer-stroke-pressed"
+  },
+  "ctrlSliderThumbOuterStrokeDisabled": {
+    "no": 789,
+    "name": "CTRL/slider/thumb/outer/stroke/disabled",
+    "fst_reference": "background/ctrl/brand/disabled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Slider"],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-thumb-outer-stroke-disabled"
+  },
+  "ctrlSliderSmThumbSizeRest": {
+    "no": 790,
+    "name": "CTRL/slider/sm/thumb/size/rest",
+    "fst_reference": "size/ctrl-sm/icon",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-sm-thumb-size-rest"
+  },
+  "ctrlSliderSmThumbSizeHover": {
+    "no": 791,
+    "name": "CTRL/slider/sm/thumb/size/hover",
+    "fst_reference": "size/ctrl-sm/icon",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-sm-thumb-size-hover"
+  },
+  "ctrlSliderSmThumbSizePressed": {
+    "no": 792,
+    "name": "CTRL/slider/sm/thumb/size/pressed",
+    "fst_reference": "size/ctrl-sm/icon",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-sm-thumb-size-pressed"
+  },
+  "ctrlSliderSmBarHeight": {
+    "no": 793,
+    "name": "CTRL/slider/sm/bar/height",
+    "fst_reference": "CTRL/progress/sm/height/filled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-sm-bar-height"
+  },
+  "ctrlSliderLgThumbSizeRest": {
+    "no": 794,
+    "name": "CTRL/slider/lg/thumb/size/rest",
+    "fst_reference": "size/ctrl-lg/icon",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-lg-thumb-size-rest"
+  },
+  "ctrlSliderLgBarHeight": {
+    "no": 795,
+    "name": "CTRL/slider/lg/bar/height",
+    "fst_reference": "CTRL/progress/lg/height/filled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-lg-bar-height"
+  },
+  "ctrlSliderLgThumbSizeHover": {
+    "no": 796,
+    "name": "CTRL/slider/lg/thumb/size/hover",
+    "fst_reference": "size/ctrl-lg/icon",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-lg-thumb-size-hover"
+  },
+  "ctrlSliderLgThumbSizePressed": {
+    "no": 797,
+    "name": "CTRL/slider/lg/thumb/size/pressed",
+    "fst_reference": "size/ctrl-lg/icon",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-slider-lg-thumb-size-pressed"
+  },
+  "ctrlListSplitDividerShowdivider": {
+    "no": 798,
+    "name": "CTRL/list/split/divider/showDivider",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-split-divider-showdivider"
+  },
+  "ctrlAvatarPresencebadgeBackgroundBehindbadge": {
+    "no": 799,
+    "name": "CTRL/avatar/presenceBadge/background/behindBadge",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Presence badge"],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-avatar-presencebadge-background-behindbadge"
+  },
+  "statusBrandBackground": {
+    "no": 800,
+    "name": "STATUS/brand/background",
+    "fst_reference": "background/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Badge"],
+    "contrast": "",
+    "fallback": "Brand/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-brand-background"
+  },
+  "statusBrandStroke": {
+    "no": 801,
+    "name": "STATUS/brand/stroke",
+    "fst_reference": "background/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Brand/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-brand-stroke"
+  },
+  "statusBrandForeground": {
+    "no": 802,
+    "name": "STATUS/brand/foreground",
+    "fst_reference": "foreground/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/OnBrand/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-brand-foreground"
+  },
+  "statusBrandTintBackground": {
+    "no": 803,
+    "name": "STATUS/brand/tint/background",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Brand/Background/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-brand-tint-background"
+  },
+  "statusBrandTintStroke": {
+    "no": 804,
+    "name": "STATUS/brand/tint/stroke",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Brand/Stroke/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-brand-tint-stroke"
+  },
+  "statusBrandTintForeground": {
+    "no": 805,
+    "name": "STATUS/brand/tint/foreground",
+    "fst_reference": "foreground/ctrl/brand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Brand/Foreground/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-brand-tint-foreground"
+  },
+  "statusDangerBackground": {
+    "no": 806,
+    "name": "STATUS/danger/background",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Status/Danger/Background/3/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-danger-background"
+  },
+  "statusDangerStroke": {
+    "no": 807,
+    "name": "STATUS/danger/stroke",
+    "fst_reference": "STATUS/danger/background",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Status/Danger/Stroke/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-danger-stroke"
+  },
+  "statusDangerForeground": {
+    "no": 808,
+    "name": "STATUS/danger/foreground",
+    "fst_reference": "foreground/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/OnBrand/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-danger-foreground"
+  },
+  "statusDangerTintBackground": {
+    "no": 809,
+    "name": "STATUS/danger/tint/background",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["MessageBar"],
+    "contrast": "",
+    "fallback": "Status/Danger/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-danger-tint-background"
+  },
+  "statusDangerTintStroke": {
+    "no": 810,
+    "name": "STATUS/danger/tint/stroke",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["MessageBar"],
+    "contrast": "",
+    "fallback": "Status/Danger/Stroke/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-danger-tint-stroke"
+  },
+  "statusDangerTintForeground": {
+    "no": 811,
+    "name": "STATUS/danger/tint/foreground",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Presence badge", " Radio", " Checkbox", "Field", "Label", "MessageBar"],
+    "contrast": "",
+    "fallback": "Status/Danger/Foreground/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-danger-tint-foreground"
+  },
+  "statusWarningBackground": {
+    "no": 812,
+    "name": "STATUS/warning/background",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Status/Warning/Background/3/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-warning-background"
+  },
+  "statusWarningStroke": {
+    "no": 813,
+    "name": "STATUS/warning/stroke",
+    "fst_reference": "STATUS/warning/background",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Status/Warning/Foreground/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-warning-stroke"
+  },
+  "statusWarningForeground": {
+    "no": 814,
+    "name": "STATUS/warning/foreground",
+    "fst_reference": "foreground/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/Static/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-warning-foreground"
+  },
+  "statusWarningTintBackground": {
+    "no": 815,
+    "name": "STATUS/warning/tint/background",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Status/Warning/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-warning-tint-background"
+  },
+  "statusWarningTintStroke": {
+    "no": 816,
+    "name": "STATUS/warning/tint/stroke",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Status/Warning/Stroke/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-warning-tint-stroke"
+  },
+  "statusWarningTintForeground": {
+    "no": 817,
+    "name": "STATUS/warning/tint/foreground",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Status/Warning/Foreground/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-warning-tint-foreground"
+  },
+  "statusSuccessBackground": {
+    "no": 818,
+    "name": "STATUS/success/background",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Status/Success/Background/3/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-success-background"
+  },
+  "statusSuccessStroke": {
+    "no": 819,
+    "name": "STATUS/success/stroke",
+    "fst_reference": "STATUS/success/background",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Status/Success/Stroke/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-success-stroke"
+  },
+  "statusSuccessForeground": {
+    "no": 820,
+    "name": "STATUS/success/foreground",
+    "fst_reference": "foreground/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/OnBrand/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-success-foreground"
+  },
+  "statusSuccessTintBackground": {
+    "no": 821,
+    "name": "STATUS/success/tint/background",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Status/Success/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-success-tint-background"
+  },
+  "statusSuccessTintStroke": {
+    "no": 822,
+    "name": "STATUS/success/tint/stroke",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Status/Success/Stroke/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-success-tint-stroke"
+  },
+  "statusSuccessTintForeground": {
+    "no": 823,
+    "name": "STATUS/success/tint/foreground",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Status/Success/Foreground/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-success-tint-foreground"
+  },
+  "statusImportantBackground": {
+    "no": 824,
+    "name": "STATUS/important/background",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-important-background"
+  },
+  "statusImportantStroke": {
+    "no": 825,
+    "name": "STATUS/important/stroke",
+    "fst_reference": "STATUS/important/background",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Accessible/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-important-stroke"
+  },
+  "statusImportantForeground": {
+    "no": 826,
+    "name": "STATUS/important/foreground",
+    "fst_reference": "foreground/ctrl/onBrand/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/OnBrand/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-important-foreground"
+  },
+  "statusImportantTintBackground": {
+    "no": 827,
+    "name": "STATUS/important/tint/background",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-status-important-tint-background"
+  },
+  "statusImportantTintStroke": {
+    "no": 828,
+    "name": "STATUS/important/tint/stroke",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-status-important-tint-stroke"
+  },
+  "statusImportantTintForeground": {
+    "no": 829,
+    "name": "STATUS/important/tint/foreground",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-status-important-tint-foreground"
+  },
+  "statusInformativeBackground": {
+    "no": 830,
+    "name": "STATUS/informative/background",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/5/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-informative-background"
+  },
+  "statusInformativeStroke": {
+    "no": 831,
+    "name": "STATUS/informative/stroke",
+    "fst_reference": "STATUS/informative/background",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-informative-stroke"
+  },
+  "statusInformativeForeground": {
+    "no": 832,
+    "name": "STATUS/informative/foreground",
+    "fst_reference": "foreground/ctrl/neutral/secondary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/3/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-informative-foreground"
+  },
+  "statusInformativeTintForeground": {
+    "no": 833,
+    "name": "STATUS/informative/tint/foreground",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Field"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/3/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-informative-tint-foreground"
+  },
+  "statusInformativeTintStroke": {
+    "no": 834,
+    "name": "STATUS/informative/tint/stroke",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-informative-tint-stroke"
+  },
+  "statusInformativeTintBackground": {
+    "no": 835,
+    "name": "STATUS/informative/tint/background",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Field"],
+    "contrast": "",
+    "fallback": "Neutral/Background/4/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-informative-tint-background"
+  },
+  "statusAwayForeground": {
+    "no": 836,
+    "name": "STATUS/away/foreground",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Status/Warning/Foreground/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-away-foreground"
+  },
+  "statusOofForeground": {
+    "no": 837,
+    "name": "STATUS/oof/foreground",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Status/Warning/Foreground/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-oof-foreground"
+  },
+  "ctrlBooleanSelectionhint": {
+    "no": 838,
+    "name": "CTRL/boolean/selectionHint",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-boolean-selectionhint"
+  },
+  "ctrlComposerInputBottomStrokeWidthSelectedRest": {
+    "no": 839,
+    "name": "CTRL/composer/Input/Bottom-Stroke-Width/Selected-Rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-bottom-stroke-width-selected-rest"
+  },
+  "ctrlComposerInputBottomStrokeWidthRest": {
+    "no": 840,
+    "name": "CTRL/composer/Input/Bottom-Stroke-Width/Rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-bottom-stroke-width-rest"
+  },
+  "ctrlComposerInputBottomStrokeWidthHover": {
+    "no": 841,
+    "name": "CTRL/composer/Input/Bottom-Stroke-Width/Hover",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-bottom-stroke-width-hover"
+  },
+  "ctrlComposerInputBottomStrokeWidthPressed": {
+    "no": 842,
+    "name": "CTRL/composer/Input/Bottom-Stroke-Width/Pressed",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-bottom-stroke-width-pressed"
+  },
+  "ctrlComposerInputCornerRest": {
+    "no": 843,
+    "name": "CTRL/composer/Input/Corner/Rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "corner/circular",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-corner-rest"
+  },
+  "ctrlComposerInputCornerHover": {
+    "no": 844,
+    "name": "CTRL/composer/Input/Corner/Hover",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "corner/circular",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-corner-hover"
+  },
+  "ctrlComposerInputCornerPressed": {
+    "no": 845,
+    "name": "CTRL/composer/Input/Corner/Pressed",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "corner/circular",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-corner-pressed"
+  },
+  "ctrlComposerInputBackgroundRest": {
+    "no": 846,
+    "name": "CTRL/composer/Input/Background/Rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-background-rest"
+  },
+  "ctrlComposerInputBackgroundPressed": {
+    "no": 847,
+    "name": "CTRL/composer/Input/Background/Pressed",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-background-pressed"
+  },
+  "ctrlComposerInputBackgroundDisabled": {
+    "no": 848,
+    "name": "CTRL/composer/Input/Background/Disabled",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-background-disabled"
+  },
+  "ctrlComposerInputBackgroundSelectedRest": {
+    "no": 849,
+    "name": "CTRL/composer/Input/Background/Selected-Rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-background-selected-rest"
+  },
+  "ctrlComposerInputBackgroundHover": {
+    "no": 850,
+    "name": "CTRL/composer/Input/Background/Hover",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-background-hover"
+  },
+  "ctrlComposerInputStrokeRest": {
+    "no": 851,
+    "name": "CTRL/composer/Input/Stroke/Rest",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-stroke-rest"
+  },
+  "ctrlComposerInputStrokeHoverUsesgradient": {
+    "no": 852,
+    "name": "CTRL/composer/Input/Stroke/Hover(UsesGradient)",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-stroke-hoverusesgradient"
+  },
+  "ctrlComposerInputStrokePressedUsesgradient": {
+    "no": 853,
+    "name": "CTRL/composer/Input/Stroke/Pressed(UsesGradient)",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-stroke-pressedusesgradient"
+  },
+  "ctrlComposerInputStrokeDisabledUsesgradient": {
+    "no": 854,
+    "name": "CTRL/composer/Input/Stroke/Disabled(UsesGradient)",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-stroke-disabledusesgradient"
+  },
+  "ctrlComposerInputStrokeSelectedRestUsesgradient": {
+    "no": 855,
+    "name": "CTRL/composer/Input/Stroke/Selected-Rest(UsesGradient)",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-stroke-selected-restusesgradient"
+  },
+  "ctrlComposerInputStrokeWidthRest": {
+    "no": 856,
+    "name": "CTRL/composer/Input/Stroke-Width/Rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-stroke-width-rest"
+  },
+  "ctrlComposerInputStrokeWidthHover": {
+    "no": 857,
+    "name": "CTRL/composer/Input/Stroke-Width/Hover",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-stroke-width-hover"
+  },
+  "ctrlComposerInputStrokeWidthPressed": {
+    "no": 858,
+    "name": "CTRL/composer/Input/Stroke-Width/Pressed",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-stroke-width-pressed"
+  },
+  "ctrlComposerInputStrokeWidthSelectedRest": {
+    "no": 859,
+    "name": "CTRL/composer/Input/Stroke-Width/Selected-Rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-stroke-width-selected-rest"
+  },
+  "ctrlComposerInputBottomstrokeRest": {
+    "no": 860,
+    "name": "CTRL/composer/Input/BottomStroke/Rest",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-bottomstroke-rest"
+  },
+  "ctrlComposerInputBottomstrokeHover": {
+    "no": 861,
+    "name": "CTRL/composer/Input/BottomStroke/Hover",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-bottomstroke-hover"
+  },
+  "ctrlComposerInputBottomstrokePressed": {
+    "no": 862,
+    "name": "CTRL/composer/Input/BottomStroke/Pressed",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-bottomstroke-pressed"
+  },
+  "ctrlComposerInputBottomstrokeDisabled": {
+    "no": 863,
+    "name": "CTRL/composer/Input/BottomStroke/Disabled",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-bottomstroke-disabled"
+  },
+  "ctrlComposerInputBottomstrokeSelectedRest": {
+    "no": 864,
+    "name": "CTRL/composer/Input/BottomStroke/Selected-Rest",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/Transparent/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-bottomstroke-selected-rest"
+  },
+  "ctrlComposerInputShadowXOffset": {
+    "no": 865,
+    "name": "CTRL/composer/Input/Shadow/(X-offset)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-shadow-x-offset"
+  },
+  "ctrlComposerInputShadowY": {
+    "no": 866,
+    "name": "CTRL/composer/Input/Shadow/(Y)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-shadow-y"
+  },
+  "ctrlComposerInputShadowBlur": {
+    "no": 867,
+    "name": "CTRL/composer/Input/Shadow/(Blur)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-shadow-blur"
+  },
+  "ctrlComposerInputShadowColor": {
+    "no": 868,
+    "name": "CTRL/composer/Input/Shadow/(Color)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-input-shadow-color"
+  },
+  "ctrlComposerContainerCorner": {
+    "no": 869,
+    "name": "CTRL/composer/Container/Corner",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "corner/circular",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-container-corner"
+  },
+  "ctrlComposerContainerBackgroundDefault": {
+    "no": 870,
+    "name": "CTRL/composer/Container/Background/Default",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-container-background-default"
+  },
+  "ctrlComposerContainerBackgroundAcryliccolorblend": {
+    "no": 871,
+    "name": "CTRL/composer/Container/Background/(AcrylicColorBlend)",
+    "fst_reference": "background/flyout/(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-container-background-acryliccolorblend"
+  },
+  "ctrlComposerContainerBackgroundAcryliclumblend": {
+    "no": 872,
+    "name": "CTRL/composer/Container/Background/(AcrylicLumBlend)",
+    "fst_reference": "background/flyout/(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-container-background-acryliclumblend"
+  },
+  "ctrlComposerContainerShadowKeyX": {
+    "no": 873,
+    "name": "CTRL/composer/Container/Shadow/Key/(X)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-container-shadow-key-x"
+  },
+  "ctrlComposerContainerShadowKeyY": {
+    "no": 874,
+    "name": "CTRL/composer/Container/Shadow/Key/(Y)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-container-shadow-key-y"
+  },
+  "ctrlComposerContainerShadowKeyBlur": {
+    "no": 875,
+    "name": "CTRL/composer/Container/Shadow/Key/(Blur)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-container-shadow-key-blur"
+  },
+  "ctrlComposerContainerShadowKeyColor": {
+    "no": 876,
+    "name": "CTRL/composer/Container/Shadow/Key/(Color)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Shadow/Ambientlighter",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-container-shadow-key-color"
+  },
+  "ctrlComposerContainerShadowAmbientX": {
+    "no": 877,
+    "name": "CTRL/composer/Container/Shadow/Ambient/(X)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-container-shadow-ambient-x"
+  },
+  "ctrlComposerContainerShadowAmbientY": {
+    "no": 878,
+    "name": "CTRL/composer/Container/Shadow/Ambient/(Y)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-container-shadow-ambient-y"
+  },
+  "ctrlComposerContainerShadowAmbientBlur": {
+    "no": 879,
+    "name": "CTRL/composer/Container/Shadow/Ambient/(Blur)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-container-shadow-ambient-blur"
+  },
+  "ctrlComposerContainerShadowAmbientColor": {
+    "no": 880,
+    "name": "CTRL/composer/Container/Shadow/Ambient/(Color)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Shadow/Ambientdarker",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-container-shadow-ambient-color"
+  },
+  "ctrlComposerContainerStrokeDefault": {
+    "no": 881,
+    "name": "CTRL/composer/Container/Stroke/Default",
+    "fst_reference": "NULL/color",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-composer-container-stroke-default"
+  },
+  "aiBrandStop1": {
+    "no": 882,
+    "name": "AI/brand/(stop1)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ai-brand-stop1"
+  },
+  "aiBrandStop2": {
+    "no": 883,
+    "name": "AI/brand/(stop2)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ai-brand-stop2"
+  },
+  "aiBrandStop3": {
+    "no": 884,
+    "name": "AI/brand/(stop3)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ai-brand-stop3"
+  },
+  "aiBrandStop4": {
+    "no": 885,
+    "name": "AI/brand/(stop4)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ai-brand-stop4"
+  },
+  "aiShimmerStop1": {
+    "no": 886,
+    "name": "AI/shimmer/(stop1)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ai-shimmer-stop1"
+  },
+  "aiShimmerStop2": {
+    "no": 887,
+    "name": "AI/shimmer/(stop2)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ai-shimmer-stop2"
+  },
+  "aiShimmerStop3": {
+    "no": 888,
+    "name": "AI/shimmer/(stop3)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ai-shimmer-stop3"
+  },
+  "aiShimmerStop4": {
+    "no": 889,
+    "name": "AI/shimmer/(stop4)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ai-shimmer-stop4"
+  },
+  "shadowWindowActiveKeyX": {
+    "no": 890,
+    "name": "shadow/window/active/(key)/(x)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-window-active-key-x"
+  },
+  "shadowWindowActiveKeyY": {
+    "no": 891,
+    "name": "shadow/window/active/(key)/(y)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-window-active-key-y"
+  },
+  "shadowWindowActiveKeyBlur": {
+    "no": 892,
+    "name": "shadow/window/active/(key)/(blur)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-window-active-key-blur"
+  },
+  "shadowWindowActiveKeyColor": {
+    "no": 893,
+    "name": "shadow/window/active/(key)/(color)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Shadow/Ambientlighter",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-window-active-key-color"
+  },
+  "shadowWindowActiveAmbientX": {
+    "no": 894,
+    "name": "shadow/window/active/(ambient)/(x)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-window-active-ambient-x"
+  },
+  "shadowWindowActiveAmbientY": {
+    "no": 895,
+    "name": "shadow/window/active/(ambient)/(y)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-window-active-ambient-y"
+  },
+  "shadowWindowActiveAmbientBlur": {
+    "no": 896,
+    "name": "shadow/window/active/(ambient)/(blur)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-window-active-ambient-blur"
+  },
+  "shadowWindowActiveAmbientColor": {
+    "no": 897,
+    "name": "shadow/window/active/(ambient)/(color)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Shadow/Ambientdarker",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-window-active-ambient-color"
+  },
+  "shadowWindowInactiveKeyX": {
+    "no": 898,
+    "name": "shadow/window/inactive/(key)/(x)",
+    "fst_reference": "shadow/window/active/(key)/(x)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-window-inactive-key-x"
+  },
+  "shadowWindowInactiveKeyY": {
+    "no": 899,
+    "name": "shadow/window/inactive/(key)/(y)",
+    "fst_reference": "shadow/window/active/(key)/(y)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-window-inactive-key-y"
+  },
+  "shadowWindowInactiveKeyBlur": {
+    "no": 900,
+    "name": "shadow/window/inactive/(key)/(blur)",
+    "fst_reference": "shadow/window/active/(key)/(blur)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-window-inactive-key-blur"
+  },
+  "shadowWindowInactiveKeyColor": {
+    "no": 901,
+    "name": "shadow/window/inactive/(key)/(Color)",
+    "fst_reference": "shadow/window/active/(key)/(color)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Shadow/Ambientlighter",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-window-inactive-key-color"
+  },
+  "shadowWindowInactiveAmbientX": {
+    "no": 902,
+    "name": "shadow/window/inactive/(ambient)/(x)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-window-inactive-ambient-x"
+  },
+  "shadowWindowInactiveAmbientY": {
+    "no": 903,
+    "name": "shadow/window/inactive/(ambient)/(y)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-window-inactive-ambient-y"
+  },
+  "shadowWindowInactiveAmbientBlur": {
+    "no": 904,
+    "name": "shadow/window/inactive/(ambient)/(blur)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-window-inactive-ambient-blur"
+  },
+  "shadowWindowInactiveAmbientColor": {
+    "no": 905,
+    "name": "shadow/window/inactive/(ambient)/(color)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Shadow/Ambientdarker",
+    "exceptions": [],
+    "cssName": "--smtc-shadow-window-inactive-ambient-color"
+  },
+  "nullColor": {
+    "no": 906,
+    "name": "NULL/color",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [
+      "Split button",
+      "Button",
+      "Dialog",
+      "Inline drawer",
+      "Overlay drawer",
+      "Editable dropdown",
+      "Editable spin button",
+      "Title bar",
+      "MessageBar"
+    ],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-null-color"
+  },
+  "ctrlCardStateRest": {
+    "no": 907,
+    "name": "CTRL/card/state/(rest)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-card-state-rest"
+  },
+  "ctrlCardStateHover": {
+    "no": 908,
+    "name": "CTRL/card/state/(hover)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-card-state-hover"
+  },
+  "ctrlCardStatePressed": {
+    "no": 909,
+    "name": "CTRL/card/state/(pressed)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-card-state-pressed"
+  },
+  "ctrlCardStateDisabled": {
+    "no": 910,
+    "name": "CTRL/card/state/(disabled)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-card-state-disabled"
+  },
+  "ctrlListShadowSelectedKeyY2": {
+    "no": 911,
+    "name": "CTRL/list/shadow/selected/(key)/(y)2",
+    "fst_reference": "NULL/number",
+    "optional": false,
+    "nullable": true,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "NULL/number",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-shadow-selected-key-y2"
+  },
+  "ctrlListShadowSelectedKeyX": {
+    "no": 912,
+    "name": "CTRL/list/shadow/selected/(key)/(x)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-shadow-selected-key-x"
+  },
+  "ctrlListShadowSelectedKeyY": {
+    "no": 913,
+    "name": "CTRL/list/shadow/selected/(key)/(y)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-shadow-selected-key-y"
+  },
+  "ctrlListShadowSelectedKeyBlur": {
+    "no": 914,
+    "name": "CTRL/list/shadow/selected/(key)/(blur)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-shadow-selected-key-blur"
+  },
+  "ctrlListShadowSelectedKeyColor": {
+    "no": 915,
+    "name": "CTRL/list/shadow/selected/(key)/(color)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-shadow-selected-key-color"
+  },
+  "ctrlListShadowSelectedAmbientX": {
+    "no": 916,
+    "name": "CTRL/list/shadow/selected/(ambient)/(x)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-shadow-selected-ambient-x"
+  },
+  "ctrlListShadowSelectedAmbientY": {
+    "no": 917,
+    "name": "CTRL/list/shadow/selected/(ambient)/(y)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-shadow-selected-ambient-y"
+  },
+  "ctrlListShadowSelectedAmbientBlur": {
+    "no": 918,
+    "name": "CTRL/list/shadow/selected/(ambient)/(blur)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-shadow-selected-ambient-blur"
+  },
+  "ctrlListShadowSelectedAmbientColor": {
+    "no": 919,
+    "name": "CTRL/list/shadow/selected/(ambient)/(color)",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-list-shadow-selected-ambient-color"
+  },
+  "statusNeutralBackground": {
+    "no": 920,
+    "name": "STATUS/neutral/background",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/5/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-neutral-background"
+  },
+  "statusNeutralStroke": {
+    "no": 921,
+    "name": "STATUS/neutral/stroke",
+    "fst_reference": "STATUS/neutral/background",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Stroke/2/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-neutral-stroke"
+  },
+  "statusNeutralForeground": {
+    "no": 922,
+    "name": "STATUS/neutral/foreground",
+    "fst_reference": "foreground/ctrl/neutral/secondary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/3/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-neutral-foreground"
+  },
+  "statusNeutralTintBackground": {
+    "no": 923,
+    "name": "STATUS/neutral/tint/background",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog", "Inline drawer", "Overlay drawer"],
+    "contrast": "",
+    "fallback": "Neutral/Background/4/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-neutral-tint-background"
+  },
+  "statusNeutralTintStroke": {
+    "no": 924,
+    "name": "STATUS/neutral/tint/stroke",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/4/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-neutral-tint-stroke"
+  },
+  "statusNeutralTintForeground": {
+    "no": 925,
+    "name": "STATUS/neutral/tint/foreground",
+    "fst_reference": "foreground/ctrl/neutral/secondary/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Dialog", "Inline drawer", "Overlay drawer"],
+    "contrast": "",
+    "fallback": "Neutral/Foreground/3/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-status-neutral-tint-foreground"
+  },
+  "cornerFlyoutShellRest": {
+    "no": 926,
+    "name": "corner/flyout/shell-rest",
+    "fst_reference": "corner/flyout/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-corner-flyout-shell-rest"
+  },
+  "nullNumber": {
+    "no": 927,
+    "name": "NULL/number",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-null-number"
+  },
+  "nullString": {
+    "no": 928,
+    "name": "NULL/string",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-null-string"
+  },
+  "ctrlSegmentedSmPaddingRest": {
+    "no": 929,
+    "name": "CTRL/segmented/sm/padding/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-sm-padding-rest"
+  },
+  "ctrlSegmentedSmPaddingHover": {
+    "no": 930,
+    "name": "CTRL/segmented/sm/padding/hover",
+    "fst_reference": "CTRL/segmented/sm/padding/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-sm-padding-hover"
+  },
+  "ctrlSegmentedSmPaddingPressed": {
+    "no": 931,
+    "name": "CTRL/segmented/sm/padding/pressed",
+    "fst_reference": "CTRL/segmented/sm/padding/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-sm-padding-pressed"
+  },
+  "ctrlSegmentedLgPaddingRest": {
+    "no": 932,
+    "name": "CTRL/segmented/lg/padding/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-lg-padding-rest"
+  },
+  "ctrlSegmentedLgPaddingHover": {
+    "no": 933,
+    "name": "CTRL/segmented/lg/padding/hover",
+    "fst_reference": "CTRL/segmented/lg/padding/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-lg-padding-hover"
+  },
+  "ctrlSegmentedLgPaddingPressed": {
+    "no": 934,
+    "name": "CTRL/segmented/lg/padding/pressed",
+    "fst_reference": "CTRL/segmented/lg/padding/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-lg-padding-pressed"
+  },
+  "ctrlSegmentedSmItemCornerRest": {
+    "no": 935,
+    "name": "CTRL/segmented/sm/item/corner/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-sm-item-corner-rest"
+  },
+  "ctrlSegmentedSmItemCornerHover": {
+    "no": 936,
+    "name": "CTRL/segmented/sm/item/corner/hover",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-sm-item-corner-hover"
+  },
+  "ctrlSegmentedSmItemCornerPressed": {
+    "no": 937,
+    "name": "CTRL/segmented/sm/item/corner/pressed",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-sm-item-corner-pressed"
+  },
+  "ctrlSegmentedLgItemCornerRest": {
+    "no": 938,
+    "name": "CTRL/segmented/lg/item/corner/rest",
+    "fst_reference": "corner/ctrl/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-lg-item-corner-rest"
+  },
+  "ctrlSegmentedLgItemCornerHover": {
+    "no": 939,
+    "name": "CTRL/segmented/lg/item/corner/hover",
+    "fst_reference": "corner/ctrl/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-lg-item-corner-hover"
+  },
+  "ctrlSegmentedLgItemCornerPressed": {
+    "no": 940,
+    "name": "CTRL/segmented/lg/item/corner/pressed",
+    "fst_reference": "corner/ctrl/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-lg-item-corner-pressed"
+  },
+  "ctrlSegmentedSmCornerRest": {
+    "no": 941,
+    "name": "CTRL/segmented/sm/corner/rest",
+    "fst_reference": "corner/ctrl-sm/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-sm-corner-rest"
+  },
+  "ctrlSegmentedSmCornerHover": {
+    "no": 942,
+    "name": "CTRL/segmented/sm/corner/hover",
+    "fst_reference": "corner/ctrl-sm/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-sm-corner-hover"
+  },
+  "ctrlSegmentedSmCornerPressed": {
+    "no": 943,
+    "name": "CTRL/segmented/sm/corner/pressed",
+    "fst_reference": "corner/ctrl-sm/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-sm-corner-pressed"
+  },
+  "ctrlSegmentedLgCornerRest": {
+    "no": 944,
+    "name": "CTRL/segmented/lg/corner/rest",
+    "fst_reference": "corner/ctrl-lg/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-lg-corner-rest"
+  },
+  "ctrlSegmentedLgCornerHover": {
+    "no": 945,
+    "name": "CTRL/segmented/lg/corner/hover",
+    "fst_reference": "corner/ctrl-lg/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-lg-corner-hover"
+  },
+  "ctrlSegmentedLgCornerPressed": {
+    "no": 946,
+    "name": "CTRL/segmented/lg/corner/pressed",
+    "fst_reference": "corner/ctrl-lg/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-segmented-lg-corner-pressed"
+  },
+  "ctrlLitefilterStrokewidthSelected": {
+    "no": 947,
+    "name": "CTRL/liteFilter/strokeWidth/selected",
+    "fst_reference": "strokeWidth/default",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": ["Lite filter"],
+    "contrast": "",
+    "fallback": "Thin",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-litefilter-strokewidth-selected"
+  },
+  "materialAcrylicShellDefaultSolid": {
+    "no": 948,
+    "name": "material/acrylic/shell-default/(solid)",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-material-acrylic-shell-default-solid"
+  },
+  "materialAcrylicShellDefaultColorblend": {
+    "no": 949,
+    "name": "material/acrylic/shell-default/(colorBlend)",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-material-acrylic-shell-default-colorblend"
+  },
+  "materialAcrylicShellDefaultLumblend": {
+    "no": 950,
+    "name": "material/acrylic/shell-default/(lumBlend)",
+    "fst_reference": "background/layer/primary(solid)",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-material-acrylic-shell-default-lumblend"
+  },
+  "backgroundCardOnsecondaryDefaultRest": {
+    "no": 951,
+    "name": "background/card/onSecondary/default/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onsecondary-default-rest"
+  },
+  "backgroundCardOnsecondaryAltRest": {
+    "no": 952,
+    "name": "background/card/onSecondary/alt/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/card/onPrimary/default/rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onsecondary-alt-rest"
+  },
+  "backgroundCardOnsecondaryAltHover": {
+    "no": 953,
+    "name": "background/card/onSecondary/alt/hover",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/card/onPrimary/default/hover",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onsecondary-alt-hover"
+  },
+  "backgroundCardOnsecondaryAltPressed": {
+    "no": 954,
+    "name": "background/card/onSecondary/alt/pressed",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/card/onPrimary/default/pressed",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onsecondary-alt-pressed"
+  },
+  "backgroundCardOnsecondaryAltDisabled": {
+    "no": 955,
+    "name": "background/card/onSecondary/alt/disabled",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/card/onPrimary/default/pressed",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onsecondary-alt-disabled"
+  },
+  "backgroundCardOnsecondaryDefaultHover": {
+    "no": 956,
+    "name": "background/card/onSecondary/default/hover",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Hover",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onsecondary-default-hover"
+  },
+  "backgroundCardOnsecondaryDefaultPressed": {
+    "no": 957,
+    "name": "background/card/onSecondary/default/pressed",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Pressed",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onsecondary-default-pressed"
+  },
+  "backgroundCardOnsecondaryDefaultDisabled": {
+    "no": 958,
+    "name": "background/card/onSecondary/default/disabled",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/Disabled/Rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onsecondary-default-disabled"
+  },
+  "backgroundCardOnsecondaryDefaultSelected": {
+    "no": 959,
+    "name": "background/card/onSecondary/default/selected",
+    "fst_reference": "background/card/onSecondary/default/rest",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Neutral/Background/1/Selected",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onsecondary-default-selected"
+  },
+  "backgroundCardOnflyoutDefaultRest": {
+    "no": 960,
+    "name": "background/card/onFlyout/default/rest",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/card/onPrimary/default/rest",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onflyout-default-rest"
+  },
+  "backgroundCardOnflyoutDefaultHover": {
+    "no": 961,
+    "name": "background/card/onFlyout/default/hover",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/card/onPrimary/default/hover",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onflyout-default-hover"
+  },
+  "backgroundCardOnflyoutDefaultPressed": {
+    "no": 962,
+    "name": "background/card/onFlyout/default/pressed",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/card/onPrimary/default/pressed",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onflyout-default-pressed"
+  },
+  "backgroundCardOnflyoutDefaultDisabled": {
+    "no": 963,
+    "name": "background/card/onFlyout/default/disabled",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "background/card/onPrimary/default/pressed",
+    "exceptions": [],
+    "cssName": "--smtc-background-card-onflyout-default-disabled"
+  },
+  "ctrlProgressLgHeightFilled": {
+    "no": 964,
+    "name": "CTRL/progress/lg/height/filled",
+    "fst_reference": "",
+    "optional": false,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Thick",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-progress-lg-height-filled"
+  },
+  "ctrlProgressLgHeightEmpty": {
+    "no": 965,
+    "name": "CTRL/progress/lg/height/empty",
+    "fst_reference": "CTRL/progress/lg/height/filled",
+    "optional": true,
+    "nullable": false,
+    "description": "",
+    "components": [],
+    "contrast": "",
+    "fallback": "Thick",
+    "exceptions": [],
+    "cssName": "--smtc-ctrl-progress-lg-height-empty"
+  }
+}
diff --git a/packages/semantic-tokens/src/components/avatar/tokens.ts b/packages/semantic-tokens/src/components/avatar/tokens.ts
new file mode 100644
index 0000000000000..c3ea0cd2afc42
--- /dev/null
+++ b/packages/semantic-tokens/src/components/avatar/tokens.ts
@@ -0,0 +1,48 @@
+import {
+  backgroundCtrlBrandRestRaw,
+  backgroundLayerPrimarySolidRaw,
+  cornerCircularRaw,
+  cornerCtrlRestRaw,
+  sizeCtrlDefaultRaw,
+  sizeCtrlIconRaw,
+  strokewidthDefaultRaw,
+  textGlobalBody3FontsizeRaw,
+  textGlobalBody3LineheightRaw,
+} from '../../control/variables';
+import {
+  ctrlAvatarActiveringSizeRaw,
+  ctrlAvatarActiveringStrokeRaw,
+  ctrlAvatarActiveringStrokewidthRaw,
+  ctrlAvatarBackgroundRaw,
+  ctrlAvatarCornerGroupRaw,
+  ctrlAvatarCornerItemRaw,
+  ctrlAvatarForegroundRaw,
+  ctrlAvatarIconSizeRaw,
+  ctrlAvatarPresencebadgeBackgroundBehindbadgeRaw,
+  ctrlAvatarPresencebadgePaddingBottomrightoffsetRaw,
+  ctrlAvatarPresencebadgeSizeRaw,
+  ctrlAvatarPresencebadgeStrokewidthRaw,
+  ctrlAvatarShowcutoutRaw,
+  ctrlAvatarSizeRaw,
+  ctrlAvatarTextFontsizeRaw,
+  ctrlAvatarTextLineheightRaw,
+  ctrlAvatarTextPaddingTopoffsetRaw,
+} from './variables';
+
+export const ctrlAvatarSize = `var(${ctrlAvatarSizeRaw}, var(${sizeCtrlDefaultRaw}))`;
+export const ctrlAvatarCornerItem = `var(${ctrlAvatarCornerItemRaw}, var(${cornerCircularRaw}))`;
+export const ctrlAvatarBackground = `var(${ctrlAvatarBackgroundRaw})`;
+export const ctrlAvatarForeground = `var(${ctrlAvatarForegroundRaw})`;
+export const ctrlAvatarIconSize = `var(${ctrlAvatarIconSizeRaw}, var(${sizeCtrlIconRaw}))`;
+export const ctrlAvatarPresencebadgeSize = `var(${ctrlAvatarPresencebadgeSizeRaw})`;
+export const ctrlAvatarActiveringSize = `var(${ctrlAvatarActiveringSizeRaw})`;
+export const ctrlAvatarPresencebadgePaddingBottomrightoffset = `var(${ctrlAvatarPresencebadgePaddingBottomrightoffsetRaw}, var(${strokewidthDefaultRaw}))`;
+export const ctrlAvatarCornerGroup = `var(${ctrlAvatarCornerGroupRaw}, var(${cornerCtrlRestRaw}))`;
+export const ctrlAvatarActiveringStrokewidth = `var(${ctrlAvatarActiveringStrokewidthRaw})`;
+export const ctrlAvatarPresencebadgeStrokewidth = `var(${ctrlAvatarPresencebadgeStrokewidthRaw}, var(${strokewidthDefaultRaw}))`;
+export const ctrlAvatarTextFontsize = `var(${ctrlAvatarTextFontsizeRaw}, var(${textGlobalBody3FontsizeRaw}))`;
+export const ctrlAvatarTextLineheight = `var(${ctrlAvatarTextLineheightRaw}, var(${textGlobalBody3LineheightRaw}))`;
+export const ctrlAvatarTextPaddingTopoffset = `var(${ctrlAvatarTextPaddingTopoffsetRaw}, unset)`;
+export const ctrlAvatarActiveringStroke = `var(${ctrlAvatarActiveringStrokeRaw}, var(${backgroundCtrlBrandRestRaw}))`;
+export const ctrlAvatarShowcutout = `var(${ctrlAvatarShowcutoutRaw})`;
+export const ctrlAvatarPresencebadgeBackgroundBehindbadge = `var(${ctrlAvatarPresencebadgeBackgroundBehindbadgeRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
diff --git a/packages/semantic-tokens/src/components/avatar/variables.ts b/packages/semantic-tokens/src/components/avatar/variables.ts
new file mode 100644
index 0000000000000..9959e488de56d
--- /dev/null
+++ b/packages/semantic-tokens/src/components/avatar/variables.ts
@@ -0,0 +1,19 @@
+export const ctrlAvatarSizeRaw = '--smtc-ctrl-avatar-size';
+export const ctrlAvatarCornerItemRaw = '--smtc-ctrl-avatar-corner-item';
+export const ctrlAvatarBackgroundRaw = '--smtc-ctrl-avatar-background';
+export const ctrlAvatarForegroundRaw = '--smtc-ctrl-avatar-foreground';
+export const ctrlAvatarIconSizeRaw = '--smtc-ctrl-avatar-icon-size';
+export const ctrlAvatarPresencebadgeSizeRaw = '--smtc-ctrl-avatar-presencebadge-size';
+export const ctrlAvatarActiveringSizeRaw = '--smtc-ctrl-avatar-activering-size';
+export const ctrlAvatarPresencebadgePaddingBottomrightoffsetRaw =
+  '--smtc-ctrl-avatar-presencebadge-padding-bottomrightoffset';
+export const ctrlAvatarCornerGroupRaw = '--smtc-ctrl-avatar-corner-group';
+export const ctrlAvatarActiveringStrokewidthRaw = '--smtc-ctrl-avatar-activering-strokewidth';
+export const ctrlAvatarPresencebadgeStrokewidthRaw = '--smtc-ctrl-avatar-presencebadge-strokewidth';
+export const ctrlAvatarTextFontsizeRaw = '--smtc-ctrl-avatar-text-fontsize';
+export const ctrlAvatarTextLineheightRaw = '--smtc-ctrl-avatar-text-lineheight';
+export const ctrlAvatarTextPaddingTopoffsetRaw = '--smtc-ctrl-avatar-text-padding-topoffset';
+export const ctrlAvatarActiveringStrokeRaw = '--smtc-ctrl-avatar-activering-stroke';
+export const ctrlAvatarShowcutoutRaw = '--smtc-ctrl-avatar-showcutout';
+export const ctrlAvatarPresencebadgeBackgroundBehindbadgeRaw =
+  '--smtc-ctrl-avatar-presencebadge-background-behindbadge';
diff --git a/packages/semantic-tokens/src/components/badge/tokens.ts b/packages/semantic-tokens/src/components/badge/tokens.ts
new file mode 100644
index 0000000000000..e3567e6598de5
--- /dev/null
+++ b/packages/semantic-tokens/src/components/badge/tokens.ts
@@ -0,0 +1,52 @@
+import { iconthemeCtrlDefaultRestRaw } from '../../control/variables';
+import {
+  ctrlBadgeBeaconSizeRaw,
+  ctrlBadgeCornerRaw,
+  ctrlBadgeGapRaw,
+  ctrlBadgeIconSizeFigmaonlyRaw,
+  ctrlBadgeIconSizeRaw,
+  ctrlBadgeIconThemeRaw,
+  ctrlBadgeLgCornerRaw,
+  ctrlBadgeLgIconSizeFigmaonlyRaw,
+  ctrlBadgeLgIconSizeRaw,
+  ctrlBadgeLgPaddingRaw,
+  ctrlBadgeLgSizeRaw,
+  ctrlBadgeLgTextPaddingBottomRaw,
+  ctrlBadgeLgTextPaddingTopRaw,
+  ctrlBadgePaddingRaw,
+  ctrlBadgeSizeRaw,
+  ctrlBadgeSmCornerRaw,
+  ctrlBadgeSmIconSizeFigmaonlyRaw,
+  ctrlBadgeSmIconSizeRaw,
+  ctrlBadgeSmPaddingRaw,
+  ctrlBadgeSmSizeRaw,
+  ctrlBadgeSmTextPaddingBottomRaw,
+  ctrlBadgeSmTextPaddingTopRaw,
+  ctrlBadgeTextPaddingBottomRaw,
+  ctrlBadgeTextPaddingTopRaw,
+} from './variables';
+
+export const ctrlBadgeTextPaddingTop = `var(${ctrlBadgeTextPaddingTopRaw})`;
+export const ctrlBadgeTextPaddingBottom = `var(${ctrlBadgeTextPaddingBottomRaw}, var(${ctrlBadgeTextPaddingTopRaw}))`;
+export const ctrlBadgeSmTextPaddingTop = `var(${ctrlBadgeSmTextPaddingTopRaw})`;
+export const ctrlBadgeSmTextPaddingBottom = `var(${ctrlBadgeSmTextPaddingBottomRaw}, var(${ctrlBadgeSmTextPaddingTopRaw}))`;
+export const ctrlBadgeLgTextPaddingTop = `var(${ctrlBadgeLgTextPaddingTopRaw})`;
+export const ctrlBadgeLgTextPaddingBottom = `var(${ctrlBadgeLgTextPaddingBottomRaw}, var(${ctrlBadgeLgTextPaddingTopRaw}))`;
+export const ctrlBadgeIconTheme = `var(${ctrlBadgeIconThemeRaw}, var(${iconthemeCtrlDefaultRestRaw}))`;
+export const ctrlBadgeBeaconSize = `var(${ctrlBadgeBeaconSizeRaw})`;
+export const ctrlBadgeSize = `var(${ctrlBadgeSizeRaw})`;
+export const ctrlBadgeCorner = `var(${ctrlBadgeCornerRaw})`;
+export const ctrlBadgeIconSizeFigmaonly = `var(${ctrlBadgeIconSizeFigmaonlyRaw})`;
+export const ctrlBadgeGap = `var(${ctrlBadgeGapRaw})`;
+export const ctrlBadgeIconSize = `var(${ctrlBadgeIconSizeRaw})`;
+export const ctrlBadgePadding = `var(${ctrlBadgePaddingRaw})`;
+export const ctrlBadgeSmSize = `var(${ctrlBadgeSmSizeRaw})`;
+export const ctrlBadgeSmCorner = `var(${ctrlBadgeSmCornerRaw})`;
+export const ctrlBadgeSmIconSizeFigmaonly = `var(${ctrlBadgeSmIconSizeFigmaonlyRaw})`;
+export const ctrlBadgeSmIconSize = `var(${ctrlBadgeSmIconSizeRaw})`;
+export const ctrlBadgeSmPadding = `var(${ctrlBadgeSmPaddingRaw})`;
+export const ctrlBadgeLgSize = `var(${ctrlBadgeLgSizeRaw})`;
+export const ctrlBadgeLgIconSizeFigmaonly = `var(${ctrlBadgeLgIconSizeFigmaonlyRaw})`;
+export const ctrlBadgeLgIconSize = `var(${ctrlBadgeLgIconSizeRaw})`;
+export const ctrlBadgeLgCorner = `var(${ctrlBadgeLgCornerRaw})`;
+export const ctrlBadgeLgPadding = `var(${ctrlBadgeLgPaddingRaw})`;
diff --git a/packages/semantic-tokens/src/components/badge/variables.ts b/packages/semantic-tokens/src/components/badge/variables.ts
new file mode 100644
index 0000000000000..f4ea673bb00d8
--- /dev/null
+++ b/packages/semantic-tokens/src/components/badge/variables.ts
@@ -0,0 +1,24 @@
+export const ctrlBadgeTextPaddingTopRaw = '--smtc-ctrl-badge-text-padding-top';
+export const ctrlBadgeTextPaddingBottomRaw = '--smtc-ctrl-badge-text-padding-bottom';
+export const ctrlBadgeSmTextPaddingTopRaw = '--smtc-ctrl-badge-sm-text-padding-top';
+export const ctrlBadgeSmTextPaddingBottomRaw = '--smtc-ctrl-badge-sm-text-padding-bottom';
+export const ctrlBadgeLgTextPaddingTopRaw = '--smtc-ctrl-badge-lg-text-padding-top';
+export const ctrlBadgeLgTextPaddingBottomRaw = '--smtc-ctrl-badge-lg-text-padding-bottom';
+export const ctrlBadgeIconThemeRaw = '--smtc-ctrl-badge-icon-theme';
+export const ctrlBadgeBeaconSizeRaw = '--smtc-ctrl-badge-beacon-size';
+export const ctrlBadgeSizeRaw = '--smtc-ctrl-badge-size';
+export const ctrlBadgeCornerRaw = '--smtc-ctrl-badge-corner';
+export const ctrlBadgeIconSizeFigmaonlyRaw = '--smtc-ctrl-badge-icon-sizefigmaonly';
+export const ctrlBadgeGapRaw = '--smtc-ctrl-badge-gap';
+export const ctrlBadgeIconSizeRaw = '--smtc-ctrl-badge-icon-size';
+export const ctrlBadgePaddingRaw = '--smtc-ctrl-badge-padding';
+export const ctrlBadgeSmSizeRaw = '--smtc-ctrl-badge-sm-size';
+export const ctrlBadgeSmCornerRaw = '--smtc-ctrl-badge-sm-corner';
+export const ctrlBadgeSmIconSizeFigmaonlyRaw = '--smtc-ctrl-badge-sm-icon-sizefigmaonly';
+export const ctrlBadgeSmIconSizeRaw = '--smtc-ctrl-badge-sm-icon-size';
+export const ctrlBadgeSmPaddingRaw = '--smtc-ctrl-badge-sm-padding';
+export const ctrlBadgeLgSizeRaw = '--smtc-ctrl-badge-lg-size';
+export const ctrlBadgeLgIconSizeFigmaonlyRaw = '--smtc-ctrl-badge-lg-icon-sizefigmaonly';
+export const ctrlBadgeLgIconSizeRaw = '--smtc-ctrl-badge-lg-icon-size';
+export const ctrlBadgeLgCornerRaw = '--smtc-ctrl-badge-lg-corner';
+export const ctrlBadgeLgPaddingRaw = '--smtc-ctrl-badge-lg-padding';
diff --git a/packages/semantic-tokens/src/components/boolean/tokens.ts b/packages/semantic-tokens/src/components/boolean/tokens.ts
new file mode 100644
index 0000000000000..d3acd13d501d8
--- /dev/null
+++ b/packages/semantic-tokens/src/components/boolean/tokens.ts
@@ -0,0 +1,3 @@
+import { ctrlBooleanSelectionhintRaw } from './variables';
+
+export const ctrlBooleanSelectionhint = `var(${ctrlBooleanSelectionhintRaw})`;
diff --git a/packages/semantic-tokens/src/components/boolean/variables.ts b/packages/semantic-tokens/src/components/boolean/variables.ts
new file mode 100644
index 0000000000000..08dfb989b2f67
--- /dev/null
+++ b/packages/semantic-tokens/src/components/boolean/variables.ts
@@ -0,0 +1 @@
+export const ctrlBooleanSelectionhintRaw = '--smtc-ctrl-boolean-selectionhint';
diff --git a/packages/semantic-tokens/src/components/card/tokens.ts b/packages/semantic-tokens/src/components/card/tokens.ts
new file mode 100644
index 0000000000000..cf340341d3e59
--- /dev/null
+++ b/packages/semantic-tokens/src/components/card/tokens.ts
@@ -0,0 +1,11 @@
+import {
+  ctrlCardStateDisabledRaw,
+  ctrlCardStateHoverRaw,
+  ctrlCardStatePressedRaw,
+  ctrlCardStateRestRaw,
+} from './variables';
+
+export const ctrlCardStateRest = `var(${ctrlCardStateRestRaw})`;
+export const ctrlCardStateHover = `var(${ctrlCardStateHoverRaw})`;
+export const ctrlCardStatePressed = `var(${ctrlCardStatePressedRaw})`;
+export const ctrlCardStateDisabled = `var(${ctrlCardStateDisabledRaw})`;
diff --git a/packages/semantic-tokens/src/components/card/variables.ts b/packages/semantic-tokens/src/components/card/variables.ts
new file mode 100644
index 0000000000000..92346a90adc5a
--- /dev/null
+++ b/packages/semantic-tokens/src/components/card/variables.ts
@@ -0,0 +1,4 @@
+export const ctrlCardStateRestRaw = '--smtc-ctrl-card-state-rest';
+export const ctrlCardStateHoverRaw = '--smtc-ctrl-card-state-hover';
+export const ctrlCardStatePressedRaw = '--smtc-ctrl-card-state-pressed';
+export const ctrlCardStateDisabledRaw = '--smtc-ctrl-card-state-disabled';
diff --git a/packages/semantic-tokens/src/components/choice/tokens.ts b/packages/semantic-tokens/src/components/choice/tokens.ts
new file mode 100644
index 0000000000000..e339431b26b07
--- /dev/null
+++ b/packages/semantic-tokens/src/components/choice/tokens.ts
@@ -0,0 +1,138 @@
+import {
+  cornerCircularRaw,
+  foregroundCtrlNeutralSecondaryDisabledRaw,
+  foregroundCtrlNeutralSecondaryRestRaw,
+  sizeCtrlIconRaw,
+  sizeCtrlIconsecondaryRaw,
+  sizeCtrlLgIconRaw,
+  sizeCtrlSmIconRaw,
+} from '../../control/variables';
+import {
+  backgroundCtrlOutlineDisabledRaw,
+  backgroundCtrlOutlineHoverRaw,
+  backgroundCtrlOutlinePressedRaw,
+  backgroundCtrlOutlineRestRaw,
+} from '../../nullable/variables';
+import {
+  ctrlChoiceBaseBackgroundDisabledRaw,
+  ctrlChoiceBaseBackgroundHoverRaw,
+  ctrlChoiceBaseBackgroundPressedRaw,
+  ctrlChoiceBaseBackgroundRestRaw,
+  ctrlChoiceBaseSizeRaw,
+  ctrlChoiceBaseStrokeDisabledRaw,
+  ctrlChoiceBaseStrokeHoverRaw,
+  ctrlChoiceBaseStrokePressedRaw,
+  ctrlChoiceBaseStrokeRestRaw,
+  ctrlChoiceCheckboxCornerRaw,
+  ctrlChoiceCheckboxIconSizeRaw,
+  ctrlChoiceCheckboxIndeterminateCornerRaw,
+  ctrlChoiceCheckboxIndeterminateHeightRaw,
+  ctrlChoiceCheckboxIndeterminateWidthRaw,
+  ctrlChoiceIconThemeRaw,
+  ctrlChoiceLgBaseSizeRaw,
+  ctrlChoiceLgCheckboxCornerRaw,
+  ctrlChoiceLgCheckboxIconSizeFigmaonlyRaw,
+  ctrlChoiceLgCheckboxIconSizeRaw,
+  ctrlChoiceLgRadioDotSizeHoverRaw,
+  ctrlChoiceLgRadioDotSizePressedRaw,
+  ctrlChoiceLgRadioDotSizeRestRaw,
+  ctrlChoiceLgSwitchHeightRaw,
+  ctrlChoiceLgSwitchThumbWidthHoverRaw,
+  ctrlChoiceLgSwitchThumbWidthPressedRaw,
+  ctrlChoiceLgSwitchThumbWidthRestRaw,
+  ctrlChoiceLgSwitchWidthRaw,
+  ctrlChoicePaddingHorizontalRaw,
+  ctrlChoicePaddingVerticalRaw,
+  ctrlChoiceRadioCornerRaw,
+  ctrlChoiceRadioDotSizeHoverRaw,
+  ctrlChoiceRadioDotSizePressedRaw,
+  ctrlChoiceRadioDotSizeRestRaw,
+  ctrlChoiceSmBaseSizeRaw,
+  ctrlChoiceSmCheckboxCornerRaw,
+  ctrlChoiceSmCheckboxIconSizeFigmaonlyRaw,
+  ctrlChoiceSmCheckboxIconSizeRaw,
+  ctrlChoiceSmRadioDotSizeRaw,
+  ctrlChoiceSmSwitchHeightRaw,
+  ctrlChoiceSmSwitchThumbWidthHoverRaw,
+  ctrlChoiceSmSwitchThumbWidthPressedRaw,
+  ctrlChoiceSmSwitchThumbWidthRestRaw,
+  ctrlChoiceSmSwitchWidthRaw,
+  ctrlChoiceSwitchCornerRaw,
+  ctrlChoiceSwitchHeightRaw,
+  ctrlChoiceSwitchPaddingHoverRaw,
+  ctrlChoiceSwitchPaddingPressedRaw,
+  ctrlChoiceSwitchPaddingRestRaw,
+  ctrlChoiceSwitchThumbShadowAmbientBlurRaw,
+  ctrlChoiceSwitchThumbShadowAmbientColorRaw,
+  ctrlChoiceSwitchThumbShadowAmbientXRaw,
+  ctrlChoiceSwitchThumbShadowAmbientYRaw,
+  ctrlChoiceSwitchThumbShadowKeyBlurRaw,
+  ctrlChoiceSwitchThumbShadowKeyColorRaw,
+  ctrlChoiceSwitchThumbShadowKeyXRaw,
+  ctrlChoiceSwitchThumbShadowKeyYRaw,
+  ctrlChoiceSwitchThumbWidthHoverRaw,
+  ctrlChoiceSwitchThumbWidthPressedRaw,
+  ctrlChoiceSwitchThumbWidthRestRaw,
+  ctrlChoiceSwitchWidthRaw,
+} from './variables';
+
+export const ctrlChoicePaddingHorizontal = `var(${ctrlChoicePaddingHorizontalRaw})`;
+export const ctrlChoicePaddingVertical = `var(${ctrlChoicePaddingVerticalRaw})`;
+export const ctrlChoiceBaseSize = `var(${ctrlChoiceBaseSizeRaw}, var(${sizeCtrlIconRaw}))`;
+export const ctrlChoiceIconTheme = `var(${ctrlChoiceIconThemeRaw})`;
+export const ctrlChoiceBaseBackgroundRest = `var(${ctrlChoiceBaseBackgroundRestRaw}, var(${backgroundCtrlOutlineRestRaw}))`;
+export const ctrlChoiceBaseBackgroundHover = `var(${ctrlChoiceBaseBackgroundHoverRaw}, var(${backgroundCtrlOutlineHoverRaw}))`;
+export const ctrlChoiceBaseBackgroundPressed = `var(${ctrlChoiceBaseBackgroundPressedRaw}, var(${backgroundCtrlOutlinePressedRaw}))`;
+export const ctrlChoiceBaseBackgroundDisabled = `var(${ctrlChoiceBaseBackgroundDisabledRaw}, var(${backgroundCtrlOutlineDisabledRaw}))`;
+export const ctrlChoiceBaseStrokeRest = `var(${ctrlChoiceBaseStrokeRestRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`;
+export const ctrlChoiceBaseStrokeHover = `var(${ctrlChoiceBaseStrokeHoverRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`;
+export const ctrlChoiceBaseStrokePressed = `var(${ctrlChoiceBaseStrokePressedRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`;
+export const ctrlChoiceBaseStrokeDisabled = `var(${ctrlChoiceBaseStrokeDisabledRaw}, var(${foregroundCtrlNeutralSecondaryDisabledRaw}))`;
+export const ctrlChoiceCheckboxIconSize = `var(${ctrlChoiceCheckboxIconSizeRaw}, var(${sizeCtrlIconsecondaryRaw}))`;
+export const ctrlChoiceCheckboxCorner = `var(${ctrlChoiceCheckboxCornerRaw})`;
+export const ctrlChoiceCheckboxIndeterminateCorner = `var(${ctrlChoiceCheckboxIndeterminateCornerRaw}, var(${cornerCircularRaw}))`;
+export const ctrlChoiceCheckboxIndeterminateHeight = `var(${ctrlChoiceCheckboxIndeterminateHeightRaw})`;
+export const ctrlChoiceCheckboxIndeterminateWidth = `var(${ctrlChoiceCheckboxIndeterminateWidthRaw})`;
+export const ctrlChoiceRadioCorner = `var(${ctrlChoiceRadioCornerRaw}, var(${cornerCircularRaw}))`;
+export const ctrlChoiceSwitchCorner = `var(${ctrlChoiceSwitchCornerRaw}, var(${cornerCircularRaw}))`;
+export const ctrlChoiceRadioDotSizeRest = `var(${ctrlChoiceRadioDotSizeRestRaw})`;
+export const ctrlChoiceRadioDotSizeHover = `var(${ctrlChoiceRadioDotSizeHoverRaw}, var(${ctrlChoiceRadioDotSizeRestRaw}))`;
+export const ctrlChoiceRadioDotSizePressed = `var(${ctrlChoiceRadioDotSizePressedRaw}, var(${ctrlChoiceRadioDotSizeRestRaw}))`;
+export const ctrlChoiceSwitchPaddingRest = `var(${ctrlChoiceSwitchPaddingRestRaw})`;
+export const ctrlChoiceSwitchPaddingHover = `var(${ctrlChoiceSwitchPaddingHoverRaw}, var(${ctrlChoiceSwitchPaddingRestRaw}))`;
+export const ctrlChoiceSwitchPaddingPressed = `var(${ctrlChoiceSwitchPaddingPressedRaw}, var(${ctrlChoiceSwitchPaddingRestRaw}))`;
+export const ctrlChoiceSwitchHeight = `var(${ctrlChoiceSwitchHeightRaw}, var(${sizeCtrlIconRaw}))`;
+export const ctrlChoiceSwitchWidth = `var(${ctrlChoiceSwitchWidthRaw})`;
+export const ctrlChoiceSwitchThumbWidthRest = `var(${ctrlChoiceSwitchThumbWidthRestRaw})`;
+export const ctrlChoiceSwitchThumbWidthHover = `var(${ctrlChoiceSwitchThumbWidthHoverRaw}, var(${ctrlChoiceSwitchThumbWidthRestRaw}))`;
+export const ctrlChoiceSwitchThumbWidthPressed = `var(${ctrlChoiceSwitchThumbWidthPressedRaw}, var(${ctrlChoiceSwitchThumbWidthRestRaw}))`;
+export const ctrlChoiceSwitchThumbShadowKeyX = `var(${ctrlChoiceSwitchThumbShadowKeyXRaw}, unset)`;
+export const ctrlChoiceSwitchThumbShadowKeyY = `var(${ctrlChoiceSwitchThumbShadowKeyYRaw}, unset)`;
+export const ctrlChoiceSwitchThumbShadowKeyBlur = `var(${ctrlChoiceSwitchThumbShadowKeyBlurRaw}, unset)`;
+export const ctrlChoiceSwitchThumbShadowKeyColor = `var(${ctrlChoiceSwitchThumbShadowKeyColorRaw}, unset)`;
+export const ctrlChoiceSwitchThumbShadowAmbientX = `var(${ctrlChoiceSwitchThumbShadowAmbientXRaw}, unset)`;
+export const ctrlChoiceSwitchThumbShadowAmbientY = `var(${ctrlChoiceSwitchThumbShadowAmbientYRaw}, unset)`;
+export const ctrlChoiceSwitchThumbShadowAmbientBlur = `var(${ctrlChoiceSwitchThumbShadowAmbientBlurRaw}, unset)`;
+export const ctrlChoiceSwitchThumbShadowAmbientColor = `var(${ctrlChoiceSwitchThumbShadowAmbientColorRaw}, unset)`;
+export const ctrlChoiceSmBaseSize = `var(${ctrlChoiceSmBaseSizeRaw}, var(${sizeCtrlSmIconRaw}))`;
+export const ctrlChoiceSmCheckboxCorner = `var(${ctrlChoiceSmCheckboxCornerRaw})`;
+export const ctrlChoiceSmCheckboxIconSize = `var(${ctrlChoiceSmCheckboxIconSizeRaw}, var(${sizeCtrlIconsecondaryRaw}))`;
+export const ctrlChoiceSmCheckboxIconSizeFigmaonly = `var(${ctrlChoiceSmCheckboxIconSizeFigmaonlyRaw})`;
+export const ctrlChoiceSmRadioDotSize = `var(${ctrlChoiceSmRadioDotSizeRaw})`;
+export const ctrlChoiceSmSwitchWidth = `var(${ctrlChoiceSmSwitchWidthRaw})`;
+export const ctrlChoiceSmSwitchHeight = `var(${ctrlChoiceSmSwitchHeightRaw}, var(${sizeCtrlSmIconRaw}))`;
+export const ctrlChoiceSmSwitchThumbWidthRest = `var(${ctrlChoiceSmSwitchThumbWidthRestRaw})`;
+export const ctrlChoiceSmSwitchThumbWidthHover = `var(${ctrlChoiceSmSwitchThumbWidthHoverRaw}, var(${ctrlChoiceSmSwitchThumbWidthRestRaw}))`;
+export const ctrlChoiceSmSwitchThumbWidthPressed = `var(${ctrlChoiceSmSwitchThumbWidthPressedRaw}, var(${ctrlChoiceSmSwitchThumbWidthRestRaw}))`;
+export const ctrlChoiceLgBaseSize = `var(${ctrlChoiceLgBaseSizeRaw}, var(${sizeCtrlLgIconRaw}))`;
+export const ctrlChoiceLgCheckboxCorner = `var(${ctrlChoiceLgCheckboxCornerRaw})`;
+export const ctrlChoiceLgCheckboxIconSize = `var(${ctrlChoiceLgCheckboxIconSizeRaw}, var(${sizeCtrlIconsecondaryRaw}))`;
+export const ctrlChoiceLgCheckboxIconSizeFigmaonly = `var(${ctrlChoiceLgCheckboxIconSizeFigmaonlyRaw})`;
+export const ctrlChoiceLgRadioDotSizeRest = `var(${ctrlChoiceLgRadioDotSizeRestRaw})`;
+export const ctrlChoiceLgRadioDotSizeHover = `var(${ctrlChoiceLgRadioDotSizeHoverRaw}, var(${ctrlChoiceLgRadioDotSizeRestRaw}))`;
+export const ctrlChoiceLgRadioDotSizePressed = `var(${ctrlChoiceLgRadioDotSizePressedRaw}, var(${ctrlChoiceLgRadioDotSizeRestRaw}))`;
+export const ctrlChoiceLgSwitchWidth = `var(${ctrlChoiceLgSwitchWidthRaw})`;
+export const ctrlChoiceLgSwitchHeight = `var(${ctrlChoiceLgSwitchHeightRaw}, var(${sizeCtrlLgIconRaw}))`;
+export const ctrlChoiceLgSwitchThumbWidthRest = `var(${ctrlChoiceLgSwitchThumbWidthRestRaw})`;
+export const ctrlChoiceLgSwitchThumbWidthHover = `var(${ctrlChoiceLgSwitchThumbWidthHoverRaw}, var(${ctrlChoiceLgSwitchThumbWidthRestRaw}))`;
+export const ctrlChoiceLgSwitchThumbWidthPressed = `var(${ctrlChoiceLgSwitchThumbWidthPressedRaw}, var(${ctrlChoiceLgSwitchThumbWidthRestRaw}))`;
diff --git a/packages/semantic-tokens/src/components/choice/variables.ts b/packages/semantic-tokens/src/components/choice/variables.ts
new file mode 100644
index 0000000000000..ef4c4f5faf161
--- /dev/null
+++ b/packages/semantic-tokens/src/components/choice/variables.ts
@@ -0,0 +1,60 @@
+export const ctrlChoicePaddingHorizontalRaw = '--smtc-ctrl-choice-padding-horizontal';
+export const ctrlChoicePaddingVerticalRaw = '--smtc-ctrl-choice-padding-vertical';
+export const ctrlChoiceBaseSizeRaw = '--smtc-ctrl-choice-base-size';
+export const ctrlChoiceIconThemeRaw = '--smtc-ctrl-choice-icon-theme';
+export const ctrlChoiceBaseBackgroundRestRaw = '--smtc-ctrl-choice-base-background-rest';
+export const ctrlChoiceBaseBackgroundHoverRaw = '--smtc-ctrl-choice-base-background-hover';
+export const ctrlChoiceBaseBackgroundPressedRaw = '--smtc-ctrl-choice-base-background-pressed';
+export const ctrlChoiceBaseBackgroundDisabledRaw = '--smtc-ctrl-choice-base-background-disabled';
+export const ctrlChoiceBaseStrokeRestRaw = '--smtc-ctrl-choice-base-stroke-rest';
+export const ctrlChoiceBaseStrokeHoverRaw = '--smtc-ctrl-choice-base-stroke-hover';
+export const ctrlChoiceBaseStrokePressedRaw = '--smtc-ctrl-choice-base-stroke-pressed';
+export const ctrlChoiceBaseStrokeDisabledRaw = '--smtc-ctrl-choice-base-stroke-disabled';
+export const ctrlChoiceCheckboxIconSizeRaw = '--smtc-ctrl-choice-checkbox-icon-size';
+export const ctrlChoiceCheckboxCornerRaw = '--smtc-ctrl-choice-checkbox-corner';
+export const ctrlChoiceCheckboxIndeterminateCornerRaw = '--smtc-ctrl-choice-checkbox-indeterminate-corner';
+export const ctrlChoiceCheckboxIndeterminateHeightRaw = '--smtc-ctrl-choice-checkbox-indeterminate-height';
+export const ctrlChoiceCheckboxIndeterminateWidthRaw = '--smtc-ctrl-choice-checkbox-indeterminate-width';
+export const ctrlChoiceRadioCornerRaw = '--smtc-ctrl-choice-radio-corner';
+export const ctrlChoiceSwitchCornerRaw = '--smtc-ctrl-choice-switch-corner';
+export const ctrlChoiceRadioDotSizeRestRaw = '--smtc-ctrl-choice-radio-dot-size-rest';
+export const ctrlChoiceRadioDotSizeHoverRaw = '--smtc-ctrl-choice-radio-dot-size-hover';
+export const ctrlChoiceRadioDotSizePressedRaw = '--smtc-ctrl-choice-radio-dot-size-pressed';
+export const ctrlChoiceSwitchPaddingRestRaw = '--smtc-ctrl-choice-switch-padding-rest';
+export const ctrlChoiceSwitchPaddingHoverRaw = '--smtc-ctrl-choice-switch-padding-hover';
+export const ctrlChoiceSwitchPaddingPressedRaw = '--smtc-ctrl-choice-switch-padding-pressed';
+export const ctrlChoiceSwitchHeightRaw = '--smtc-ctrl-choice-switch-height';
+export const ctrlChoiceSwitchWidthRaw = '--smtc-ctrl-choice-switch-width';
+export const ctrlChoiceSwitchThumbWidthRestRaw = '--smtc-ctrl-choice-switch-thumb-width-rest';
+export const ctrlChoiceSwitchThumbWidthHoverRaw = '--smtc-ctrl-choice-switch-thumb-width-hover';
+export const ctrlChoiceSwitchThumbWidthPressedRaw = '--smtc-ctrl-choice-switch-thumb-width-pressed';
+export const ctrlChoiceSwitchThumbShadowKeyXRaw = '--smtc-ctrl-choice-switch-thumb-shadow-key-x';
+export const ctrlChoiceSwitchThumbShadowKeyYRaw = '--smtc-ctrl-choice-switch-thumb-shadow-key-y';
+export const ctrlChoiceSwitchThumbShadowKeyBlurRaw = '--smtc-ctrl-choice-switch-thumb-shadow-key-blur';
+export const ctrlChoiceSwitchThumbShadowKeyColorRaw = '--smtc-ctrl-choice-switch-thumb-shadow-key-color';
+export const ctrlChoiceSwitchThumbShadowAmbientXRaw = '--smtc-ctrl-choice-switch-thumb-shadow-ambient-x';
+export const ctrlChoiceSwitchThumbShadowAmbientYRaw = '--smtc-ctrl-choice-switch-thumb-shadow-ambient-y';
+export const ctrlChoiceSwitchThumbShadowAmbientBlurRaw = '--smtc-ctrl-choice-switch-thumb-shadow-ambient-blur';
+export const ctrlChoiceSwitchThumbShadowAmbientColorRaw = '--smtc-ctrl-choice-switch-thumb-shadow-ambient-color';
+export const ctrlChoiceSmBaseSizeRaw = '--smtc-ctrl-choice-sm-base-size';
+export const ctrlChoiceSmCheckboxCornerRaw = '--smtc-ctrl-choice-sm-checkbox-corner';
+export const ctrlChoiceSmCheckboxIconSizeRaw = '--smtc-ctrl-choice-sm-checkbox-icon-size';
+export const ctrlChoiceSmCheckboxIconSizeFigmaonlyRaw = '--smtc-ctrl-choice-sm-checkbox-icon-sizefigmaonly';
+export const ctrlChoiceSmRadioDotSizeRaw = '--smtc-ctrl-choice-sm-radio-dot-size';
+export const ctrlChoiceSmSwitchWidthRaw = '--smtc-ctrl-choice-sm-switch-width';
+export const ctrlChoiceSmSwitchHeightRaw = '--smtc-ctrl-choice-sm-switch-height';
+export const ctrlChoiceSmSwitchThumbWidthRestRaw = '--smtc-ctrl-choice-sm-switch-thumb-width-rest';
+export const ctrlChoiceSmSwitchThumbWidthHoverRaw = '--smtc-ctrl-choice-sm-switch-thumb-width-hover';
+export const ctrlChoiceSmSwitchThumbWidthPressedRaw = '--smtc-ctrl-choice-sm-switch-thumb-width-pressed';
+export const ctrlChoiceLgBaseSizeRaw = '--smtc-ctrl-choice-lg-base-size';
+export const ctrlChoiceLgCheckboxCornerRaw = '--smtc-ctrl-choice-lg-checkbox-corner';
+export const ctrlChoiceLgCheckboxIconSizeRaw = '--smtc-ctrl-choice-lg-checkbox-icon-size';
+export const ctrlChoiceLgCheckboxIconSizeFigmaonlyRaw = '--smtc-ctrl-choice-lg-checkbox-icon-sizefigmaonly';
+export const ctrlChoiceLgRadioDotSizeRestRaw = '--smtc-ctrl-choice-lg-radio-dot-size-rest';
+export const ctrlChoiceLgRadioDotSizeHoverRaw = '--smtc-ctrl-choice-lg-radio-dot-size-hover';
+export const ctrlChoiceLgRadioDotSizePressedRaw = '--smtc-ctrl-choice-lg-radio-dot-size-pressed';
+export const ctrlChoiceLgSwitchWidthRaw = '--smtc-ctrl-choice-lg-switch-width';
+export const ctrlChoiceLgSwitchHeightRaw = '--smtc-ctrl-choice-lg-switch-height';
+export const ctrlChoiceLgSwitchThumbWidthRestRaw = '--smtc-ctrl-choice-lg-switch-thumb-width-rest';
+export const ctrlChoiceLgSwitchThumbWidthHoverRaw = '--smtc-ctrl-choice-lg-switch-thumb-width-hover';
+export const ctrlChoiceLgSwitchThumbWidthPressedRaw = '--smtc-ctrl-choice-lg-switch-thumb-width-pressed';
diff --git a/packages/semantic-tokens/src/components/composer/tokens.ts b/packages/semantic-tokens/src/components/composer/tokens.ts
new file mode 100644
index 0000000000000..a8fea17dd7105
--- /dev/null
+++ b/packages/semantic-tokens/src/components/composer/tokens.ts
@@ -0,0 +1,90 @@
+import { backgroundFlyoutSolidRaw } from '../../control/variables';
+import {
+  ctrlComposerContainerBackgroundAcryliccolorblendRaw,
+  ctrlComposerContainerBackgroundAcryliclumblendRaw,
+  ctrlComposerContainerBackgroundDefaultRaw,
+  ctrlComposerContainerCornerRaw,
+  ctrlComposerContainerShadowAmbientBlurRaw,
+  ctrlComposerContainerShadowAmbientColorRaw,
+  ctrlComposerContainerShadowAmbientXRaw,
+  ctrlComposerContainerShadowAmbientYRaw,
+  ctrlComposerContainerShadowKeyBlurRaw,
+  ctrlComposerContainerShadowKeyColorRaw,
+  ctrlComposerContainerShadowKeyXRaw,
+  ctrlComposerContainerShadowKeyYRaw,
+  ctrlComposerContainerStrokeDefaultRaw,
+  ctrlComposerInputBackgroundDisabledRaw,
+  ctrlComposerInputBackgroundHoverRaw,
+  ctrlComposerInputBackgroundPressedRaw,
+  ctrlComposerInputBackgroundRestRaw,
+  ctrlComposerInputBackgroundSelectedRestRaw,
+  ctrlComposerInputBottomstrokeDisabledRaw,
+  ctrlComposerInputBottomstrokeHoverRaw,
+  ctrlComposerInputBottomstrokePressedRaw,
+  ctrlComposerInputBottomstrokeRestRaw,
+  ctrlComposerInputBottomstrokeSelectedRestRaw,
+  ctrlComposerInputBottomStrokeWidthHoverRaw,
+  ctrlComposerInputBottomStrokeWidthPressedRaw,
+  ctrlComposerInputBottomStrokeWidthRestRaw,
+  ctrlComposerInputBottomStrokeWidthSelectedRestRaw,
+  ctrlComposerInputCornerHoverRaw,
+  ctrlComposerInputCornerPressedRaw,
+  ctrlComposerInputCornerRestRaw,
+  ctrlComposerInputShadowBlurRaw,
+  ctrlComposerInputShadowColorRaw,
+  ctrlComposerInputShadowXOffsetRaw,
+  ctrlComposerInputShadowYRaw,
+  ctrlComposerInputStrokeDisabledUsesgradientRaw,
+  ctrlComposerInputStrokeHoverUsesgradientRaw,
+  ctrlComposerInputStrokePressedUsesgradientRaw,
+  ctrlComposerInputStrokeRestRaw,
+  ctrlComposerInputStrokeSelectedRestUsesgradientRaw,
+  ctrlComposerInputStrokeWidthHoverRaw,
+  ctrlComposerInputStrokeWidthPressedRaw,
+  ctrlComposerInputStrokeWidthRestRaw,
+  ctrlComposerInputStrokeWidthSelectedRestRaw,
+} from './variables';
+
+export const ctrlComposerInputBottomStrokeWidthSelectedRest = `var(${ctrlComposerInputBottomStrokeWidthSelectedRestRaw})`;
+export const ctrlComposerInputBottomStrokeWidthRest = `var(${ctrlComposerInputBottomStrokeWidthRestRaw})`;
+export const ctrlComposerInputBottomStrokeWidthHover = `var(${ctrlComposerInputBottomStrokeWidthHoverRaw})`;
+export const ctrlComposerInputBottomStrokeWidthPressed = `var(${ctrlComposerInputBottomStrokeWidthPressedRaw})`;
+export const ctrlComposerInputCornerRest = `var(${ctrlComposerInputCornerRestRaw})`;
+export const ctrlComposerInputCornerHover = `var(${ctrlComposerInputCornerHoverRaw})`;
+export const ctrlComposerInputCornerPressed = `var(${ctrlComposerInputCornerPressedRaw})`;
+export const ctrlComposerInputBackgroundRest = `var(${ctrlComposerInputBackgroundRestRaw})`;
+export const ctrlComposerInputBackgroundPressed = `var(${ctrlComposerInputBackgroundPressedRaw})`;
+export const ctrlComposerInputBackgroundDisabled = `var(${ctrlComposerInputBackgroundDisabledRaw})`;
+export const ctrlComposerInputBackgroundSelectedRest = `var(${ctrlComposerInputBackgroundSelectedRestRaw})`;
+export const ctrlComposerInputBackgroundHover = `var(${ctrlComposerInputBackgroundHoverRaw})`;
+export const ctrlComposerInputStrokeRest = `var(${ctrlComposerInputStrokeRestRaw}, unset)`;
+export const ctrlComposerInputStrokeHoverUsesgradient = `var(${ctrlComposerInputStrokeHoverUsesgradientRaw}, unset)`;
+export const ctrlComposerInputStrokePressedUsesgradient = `var(${ctrlComposerInputStrokePressedUsesgradientRaw}, unset)`;
+export const ctrlComposerInputStrokeDisabledUsesgradient = `var(${ctrlComposerInputStrokeDisabledUsesgradientRaw}, unset)`;
+export const ctrlComposerInputStrokeSelectedRestUsesgradient = `var(${ctrlComposerInputStrokeSelectedRestUsesgradientRaw}, unset)`;
+export const ctrlComposerInputStrokeWidthRest = `var(${ctrlComposerInputStrokeWidthRestRaw})`;
+export const ctrlComposerInputStrokeWidthHover = `var(${ctrlComposerInputStrokeWidthHoverRaw})`;
+export const ctrlComposerInputStrokeWidthPressed = `var(${ctrlComposerInputStrokeWidthPressedRaw})`;
+export const ctrlComposerInputStrokeWidthSelectedRest = `var(${ctrlComposerInputStrokeWidthSelectedRestRaw})`;
+export const ctrlComposerInputBottomstrokeRest = `var(${ctrlComposerInputBottomstrokeRestRaw}, unset)`;
+export const ctrlComposerInputBottomstrokeHover = `var(${ctrlComposerInputBottomstrokeHoverRaw}, unset)`;
+export const ctrlComposerInputBottomstrokePressed = `var(${ctrlComposerInputBottomstrokePressedRaw}, unset)`;
+export const ctrlComposerInputBottomstrokeDisabled = `var(${ctrlComposerInputBottomstrokeDisabledRaw}, unset)`;
+export const ctrlComposerInputBottomstrokeSelectedRest = `var(${ctrlComposerInputBottomstrokeSelectedRestRaw}, unset)`;
+export const ctrlComposerInputShadowXOffset = `var(${ctrlComposerInputShadowXOffsetRaw})`;
+export const ctrlComposerInputShadowY = `var(${ctrlComposerInputShadowYRaw})`;
+export const ctrlComposerInputShadowBlur = `var(${ctrlComposerInputShadowBlurRaw})`;
+export const ctrlComposerInputShadowColor = `var(${ctrlComposerInputShadowColorRaw})`;
+export const ctrlComposerContainerCorner = `var(${ctrlComposerContainerCornerRaw})`;
+export const ctrlComposerContainerBackgroundDefault = `var(${ctrlComposerContainerBackgroundDefaultRaw})`;
+export const ctrlComposerContainerBackgroundAcryliccolorblend = `var(${ctrlComposerContainerBackgroundAcryliccolorblendRaw}, var(${backgroundFlyoutSolidRaw}))`;
+export const ctrlComposerContainerBackgroundAcryliclumblend = `var(${ctrlComposerContainerBackgroundAcryliclumblendRaw}, var(${backgroundFlyoutSolidRaw}))`;
+export const ctrlComposerContainerShadowKeyX = `var(${ctrlComposerContainerShadowKeyXRaw})`;
+export const ctrlComposerContainerShadowKeyY = `var(${ctrlComposerContainerShadowKeyYRaw})`;
+export const ctrlComposerContainerShadowKeyBlur = `var(${ctrlComposerContainerShadowKeyBlurRaw})`;
+export const ctrlComposerContainerShadowKeyColor = `var(${ctrlComposerContainerShadowKeyColorRaw})`;
+export const ctrlComposerContainerShadowAmbientX = `var(${ctrlComposerContainerShadowAmbientXRaw})`;
+export const ctrlComposerContainerShadowAmbientY = `var(${ctrlComposerContainerShadowAmbientYRaw})`;
+export const ctrlComposerContainerShadowAmbientBlur = `var(${ctrlComposerContainerShadowAmbientBlurRaw})`;
+export const ctrlComposerContainerShadowAmbientColor = `var(${ctrlComposerContainerShadowAmbientColorRaw})`;
+export const ctrlComposerContainerStrokeDefault = `var(${ctrlComposerContainerStrokeDefaultRaw}, unset)`;
diff --git a/packages/semantic-tokens/src/components/composer/variables.ts b/packages/semantic-tokens/src/components/composer/variables.ts
new file mode 100644
index 0000000000000..ba7e76c27be80
--- /dev/null
+++ b/packages/semantic-tokens/src/components/composer/variables.ts
@@ -0,0 +1,47 @@
+export const ctrlComposerInputBottomStrokeWidthSelectedRestRaw =
+  '--smtc-ctrl-composer-input-bottom-stroke-width-selected-rest';
+export const ctrlComposerInputBottomStrokeWidthRestRaw = '--smtc-ctrl-composer-input-bottom-stroke-width-rest';
+export const ctrlComposerInputBottomStrokeWidthHoverRaw = '--smtc-ctrl-composer-input-bottom-stroke-width-hover';
+export const ctrlComposerInputBottomStrokeWidthPressedRaw = '--smtc-ctrl-composer-input-bottom-stroke-width-pressed';
+export const ctrlComposerInputCornerRestRaw = '--smtc-ctrl-composer-input-corner-rest';
+export const ctrlComposerInputCornerHoverRaw = '--smtc-ctrl-composer-input-corner-hover';
+export const ctrlComposerInputCornerPressedRaw = '--smtc-ctrl-composer-input-corner-pressed';
+export const ctrlComposerInputBackgroundRestRaw = '--smtc-ctrl-composer-input-background-rest';
+export const ctrlComposerInputBackgroundPressedRaw = '--smtc-ctrl-composer-input-background-pressed';
+export const ctrlComposerInputBackgroundDisabledRaw = '--smtc-ctrl-composer-input-background-disabled';
+export const ctrlComposerInputBackgroundSelectedRestRaw = '--smtc-ctrl-composer-input-background-selected-rest';
+export const ctrlComposerInputBackgroundHoverRaw = '--smtc-ctrl-composer-input-background-hover';
+export const ctrlComposerInputStrokeRestRaw = '--smtc-ctrl-composer-input-stroke-rest';
+export const ctrlComposerInputStrokeHoverUsesgradientRaw = '--smtc-ctrl-composer-input-stroke-hoverusesgradient';
+export const ctrlComposerInputStrokePressedUsesgradientRaw = '--smtc-ctrl-composer-input-stroke-pressedusesgradient';
+export const ctrlComposerInputStrokeDisabledUsesgradientRaw = '--smtc-ctrl-composer-input-stroke-disabledusesgradient';
+export const ctrlComposerInputStrokeSelectedRestUsesgradientRaw =
+  '--smtc-ctrl-composer-input-stroke-selected-restusesgradient';
+export const ctrlComposerInputStrokeWidthRestRaw = '--smtc-ctrl-composer-input-stroke-width-rest';
+export const ctrlComposerInputStrokeWidthHoverRaw = '--smtc-ctrl-composer-input-stroke-width-hover';
+export const ctrlComposerInputStrokeWidthPressedRaw = '--smtc-ctrl-composer-input-stroke-width-pressed';
+export const ctrlComposerInputStrokeWidthSelectedRestRaw = '--smtc-ctrl-composer-input-stroke-width-selected-rest';
+export const ctrlComposerInputBottomstrokeRestRaw = '--smtc-ctrl-composer-input-bottomstroke-rest';
+export const ctrlComposerInputBottomstrokeHoverRaw = '--smtc-ctrl-composer-input-bottomstroke-hover';
+export const ctrlComposerInputBottomstrokePressedRaw = '--smtc-ctrl-composer-input-bottomstroke-pressed';
+export const ctrlComposerInputBottomstrokeDisabledRaw = '--smtc-ctrl-composer-input-bottomstroke-disabled';
+export const ctrlComposerInputBottomstrokeSelectedRestRaw = '--smtc-ctrl-composer-input-bottomstroke-selected-rest';
+export const ctrlComposerInputShadowXOffsetRaw = '--smtc-ctrl-composer-input-shadow-x-offset';
+export const ctrlComposerInputShadowYRaw = '--smtc-ctrl-composer-input-shadow-y';
+export const ctrlComposerInputShadowBlurRaw = '--smtc-ctrl-composer-input-shadow-blur';
+export const ctrlComposerInputShadowColorRaw = '--smtc-ctrl-composer-input-shadow-color';
+export const ctrlComposerContainerCornerRaw = '--smtc-ctrl-composer-container-corner';
+export const ctrlComposerContainerBackgroundDefaultRaw = '--smtc-ctrl-composer-container-background-default';
+export const ctrlComposerContainerBackgroundAcryliccolorblendRaw =
+  '--smtc-ctrl-composer-container-background-acryliccolorblend';
+export const ctrlComposerContainerBackgroundAcryliclumblendRaw =
+  '--smtc-ctrl-composer-container-background-acryliclumblend';
+export const ctrlComposerContainerShadowKeyXRaw = '--smtc-ctrl-composer-container-shadow-key-x';
+export const ctrlComposerContainerShadowKeyYRaw = '--smtc-ctrl-composer-container-shadow-key-y';
+export const ctrlComposerContainerShadowKeyBlurRaw = '--smtc-ctrl-composer-container-shadow-key-blur';
+export const ctrlComposerContainerShadowKeyColorRaw = '--smtc-ctrl-composer-container-shadow-key-color';
+export const ctrlComposerContainerShadowAmbientXRaw = '--smtc-ctrl-composer-container-shadow-ambient-x';
+export const ctrlComposerContainerShadowAmbientYRaw = '--smtc-ctrl-composer-container-shadow-ambient-y';
+export const ctrlComposerContainerShadowAmbientBlurRaw = '--smtc-ctrl-composer-container-shadow-ambient-blur';
+export const ctrlComposerContainerShadowAmbientColorRaw = '--smtc-ctrl-composer-container-shadow-ambient-color';
+export const ctrlComposerContainerStrokeDefaultRaw = '--smtc-ctrl-composer-container-stroke-default';
diff --git a/packages/semantic-tokens/src/components/dialog/tokens.ts b/packages/semantic-tokens/src/components/dialog/tokens.ts
new file mode 100644
index 0000000000000..37ed0cf32da76
--- /dev/null
+++ b/packages/semantic-tokens/src/components/dialog/tokens.ts
@@ -0,0 +1,30 @@
+import { backgroundLayerPrimarySolidRaw, cornerCardRestRaw } from '../../control/variables';
+import {
+  ctrlDialogBackgroundRaw,
+  ctrlDialogBaseCornerRaw,
+  ctrlDialogBaseShadowAmbientBlurRaw,
+  ctrlDialogBaseShadowAmbientColorRaw,
+  ctrlDialogBaseShadowAmbientXRaw,
+  ctrlDialogBaseShadowAmbientYRaw,
+  ctrlDialogBaseShadowKeyBlurRaw,
+  ctrlDialogBaseShadowKeyColorRaw,
+  ctrlDialogBaseShadowKeyXRaw,
+  ctrlDialogBaseShadowKeyYRaw,
+  ctrlDialogLayerBackgroundRaw,
+  ctrlDialogLayerPaddingBottomRaw,
+  ctrlDialogStrokeRaw,
+} from './variables';
+
+export const ctrlDialogBackground = `var(${ctrlDialogBackgroundRaw})`;
+export const ctrlDialogStroke = `var(${ctrlDialogStrokeRaw}, unset)`;
+export const ctrlDialogBaseCorner = `var(${ctrlDialogBaseCornerRaw}, var(${cornerCardRestRaw}))`;
+export const ctrlDialogBaseShadowKeyX = `var(${ctrlDialogBaseShadowKeyXRaw})`;
+export const ctrlDialogBaseShadowKeyY = `var(${ctrlDialogBaseShadowKeyYRaw})`;
+export const ctrlDialogBaseShadowKeyBlur = `var(${ctrlDialogBaseShadowKeyBlurRaw})`;
+export const ctrlDialogBaseShadowKeyColor = `var(${ctrlDialogBaseShadowKeyColorRaw})`;
+export const ctrlDialogBaseShadowAmbientX = `var(${ctrlDialogBaseShadowAmbientXRaw})`;
+export const ctrlDialogBaseShadowAmbientY = `var(${ctrlDialogBaseShadowAmbientYRaw})`;
+export const ctrlDialogBaseShadowAmbientBlur = `var(${ctrlDialogBaseShadowAmbientBlurRaw})`;
+export const ctrlDialogBaseShadowAmbientColor = `var(${ctrlDialogBaseShadowAmbientColorRaw})`;
+export const ctrlDialogLayerBackground = `var(${ctrlDialogLayerBackgroundRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const ctrlDialogLayerPaddingBottom = `var(${ctrlDialogLayerPaddingBottomRaw})`;
diff --git a/packages/semantic-tokens/src/components/dialog/variables.ts b/packages/semantic-tokens/src/components/dialog/variables.ts
new file mode 100644
index 0000000000000..4e11c408ce72b
--- /dev/null
+++ b/packages/semantic-tokens/src/components/dialog/variables.ts
@@ -0,0 +1,13 @@
+export const ctrlDialogBackgroundRaw = '--smtc-ctrl-dialog-background';
+export const ctrlDialogStrokeRaw = '--smtc-ctrl-dialog-stroke';
+export const ctrlDialogBaseCornerRaw = '--smtc-ctrl-dialog-base-corner';
+export const ctrlDialogBaseShadowKeyXRaw = '--smtc-ctrl-dialog-base-shadow-key-x';
+export const ctrlDialogBaseShadowKeyYRaw = '--smtc-ctrl-dialog-base-shadow-key-y';
+export const ctrlDialogBaseShadowKeyBlurRaw = '--smtc-ctrl-dialog-base-shadow-key-blur';
+export const ctrlDialogBaseShadowKeyColorRaw = '--smtc-ctrl-dialog-base-shadow-key-color';
+export const ctrlDialogBaseShadowAmbientXRaw = '--smtc-ctrl-dialog-base-shadow-ambient-x';
+export const ctrlDialogBaseShadowAmbientYRaw = '--smtc-ctrl-dialog-base-shadow-ambient-y';
+export const ctrlDialogBaseShadowAmbientBlurRaw = '--smtc-ctrl-dialog-base-shadow-ambient-blur';
+export const ctrlDialogBaseShadowAmbientColorRaw = '--smtc-ctrl-dialog-base-shadow-ambient-color';
+export const ctrlDialogLayerBackgroundRaw = '--smtc-ctrl-dialog-layer-background';
+export const ctrlDialogLayerPaddingBottomRaw = '--smtc-ctrl-dialog-layer-padding-bottom';
diff --git a/packages/semantic-tokens/src/components/divider/tokens.ts b/packages/semantic-tokens/src/components/divider/tokens.ts
new file mode 100644
index 0000000000000..b30435c618174
--- /dev/null
+++ b/packages/semantic-tokens/src/components/divider/tokens.ts
@@ -0,0 +1,4 @@
+import { paddingContentAlignDefaultRaw } from '../../control/variables';
+import { ctrlDividerFixedlineLengthRaw } from './variables';
+
+export const ctrlDividerFixedlineLength = `var(${ctrlDividerFixedlineLengthRaw}, var(${paddingContentAlignDefaultRaw}))`;
diff --git a/packages/semantic-tokens/src/components/divider/variables.ts b/packages/semantic-tokens/src/components/divider/variables.ts
new file mode 100644
index 0000000000000..b90c3d821bde1
--- /dev/null
+++ b/packages/semantic-tokens/src/components/divider/variables.ts
@@ -0,0 +1 @@
+export const ctrlDividerFixedlineLengthRaw = '--smtc-ctrl-divider-fixedline-length';
diff --git a/packages/semantic-tokens/src/components/drag/tokens.ts b/packages/semantic-tokens/src/components/drag/tokens.ts
new file mode 100644
index 0000000000000..d9b5487703bc0
--- /dev/null
+++ b/packages/semantic-tokens/src/components/drag/tokens.ts
@@ -0,0 +1,9 @@
+import {
+  ctrlDragBackgroundColorblendRaw,
+  ctrlDragBackgroundLumblendRaw,
+  ctrlDragBackgroundSolidRaw,
+} from './variables';
+
+export const ctrlDragBackgroundSolid = `var(${ctrlDragBackgroundSolidRaw})`;
+export const ctrlDragBackgroundColorblend = `var(${ctrlDragBackgroundColorblendRaw})`;
+export const ctrlDragBackgroundLumblend = `var(${ctrlDragBackgroundLumblendRaw})`;
diff --git a/packages/semantic-tokens/src/components/drag/variables.ts b/packages/semantic-tokens/src/components/drag/variables.ts
new file mode 100644
index 0000000000000..e7a53c5191312
--- /dev/null
+++ b/packages/semantic-tokens/src/components/drag/variables.ts
@@ -0,0 +1,3 @@
+export const ctrlDragBackgroundSolidRaw = '--smtc-ctrl-drag-background-solid';
+export const ctrlDragBackgroundColorblendRaw = '--smtc-ctrl-drag-background-colorblend';
+export const ctrlDragBackgroundLumblendRaw = '--smtc-ctrl-drag-background-lumblend';
diff --git a/packages/semantic-tokens/src/components/fab/tokens.ts b/packages/semantic-tokens/src/components/fab/tokens.ts
new file mode 100644
index 0000000000000..2039e9125a614
--- /dev/null
+++ b/packages/semantic-tokens/src/components/fab/tokens.ts
@@ -0,0 +1,64 @@
+import {
+  cornerCircularRaw,
+  shadowFlyoutKeyBlurRaw,
+  shadowFlyoutKeyColorRaw,
+  shadowFlyoutKeyXRaw,
+  shadowFlyoutKeyYRaw,
+} from '../../control/variables';
+import {
+  ctrlFabBackgroundDisabledRaw,
+  ctrlFabBackgroundHoverRaw,
+  ctrlFabBackgroundPressedRaw,
+  ctrlFabBackgroundRestRaw,
+  ctrlFabCornerHoverRaw,
+  ctrlFabCornerPressedRaw,
+  ctrlFabCornerRestRaw,
+  ctrlFabShadowDisabledKeyBlurRaw,
+  ctrlFabShadowDisabledKeyColorRaw,
+  ctrlFabShadowDisabledKeyXRaw,
+  ctrlFabShadowDisabledKeyYRaw,
+  ctrlFabShadowHoverKeyBlurRaw,
+  ctrlFabShadowHoverKeyColorRaw,
+  ctrlFabShadowHoverKeyXRaw,
+  ctrlFabShadowHoverKeyYRaw,
+  ctrlFabShadowPressedKeyBlurRaw,
+  ctrlFabShadowPressedKeyColorRaw,
+  ctrlFabShadowPressedKeyXRaw,
+  ctrlFabShadowPressedKeyYRaw,
+  ctrlFabShadowRestAmbientBlurRaw,
+  ctrlFabShadowRestAmbientColorRaw,
+  ctrlFabShadowRestAmbientXRaw,
+  ctrlFabShadowRestAmbientYRaw,
+  ctrlFabShadowRestKeyBlurRaw,
+  ctrlFabShadowRestKeyColorRaw,
+  ctrlFabShadowRestKeyXRaw,
+  ctrlFabShadowRestKeyYRaw,
+} from './variables';
+
+export const ctrlFabBackgroundRest = `var(${ctrlFabBackgroundRestRaw})`;
+export const ctrlFabBackgroundHover = `var(${ctrlFabBackgroundHoverRaw})`;
+export const ctrlFabBackgroundPressed = `var(${ctrlFabBackgroundPressedRaw})`;
+export const ctrlFabBackgroundDisabled = `var(${ctrlFabBackgroundDisabledRaw})`;
+export const ctrlFabCornerRest = `var(${ctrlFabCornerRestRaw}, var(${cornerCircularRaw}))`;
+export const ctrlFabShadowRestKeyX = `var(${ctrlFabShadowRestKeyXRaw})`;
+export const ctrlFabShadowRestKeyY = `var(${ctrlFabShadowRestKeyYRaw})`;
+export const ctrlFabShadowRestKeyBlur = `var(${ctrlFabShadowRestKeyBlurRaw})`;
+export const ctrlFabShadowRestKeyColor = `var(${ctrlFabShadowRestKeyColorRaw})`;
+export const ctrlFabShadowRestAmbientX = `var(${ctrlFabShadowRestAmbientXRaw})`;
+export const ctrlFabShadowRestAmbientY = `var(${ctrlFabShadowRestAmbientYRaw})`;
+export const ctrlFabShadowRestAmbientBlur = `var(${ctrlFabShadowRestAmbientBlurRaw})`;
+export const ctrlFabShadowRestAmbientColor = `var(${ctrlFabShadowRestAmbientColorRaw})`;
+export const ctrlFabShadowHoverKeyX = `var(${ctrlFabShadowHoverKeyXRaw}, var(${shadowFlyoutKeyXRaw}))`;
+export const ctrlFabShadowHoverKeyY = `var(${ctrlFabShadowHoverKeyYRaw}, var(${shadowFlyoutKeyYRaw}))`;
+export const ctrlFabShadowHoverKeyBlur = `var(${ctrlFabShadowHoverKeyBlurRaw}, var(${shadowFlyoutKeyBlurRaw}))`;
+export const ctrlFabShadowHoverKeyColor = `var(${ctrlFabShadowHoverKeyColorRaw}, var(${shadowFlyoutKeyColorRaw}))`;
+export const ctrlFabShadowPressedKeyX = `var(${ctrlFabShadowPressedKeyXRaw})`;
+export const ctrlFabShadowPressedKeyY = `var(${ctrlFabShadowPressedKeyYRaw})`;
+export const ctrlFabShadowPressedKeyBlur = `var(${ctrlFabShadowPressedKeyBlurRaw})`;
+export const ctrlFabShadowPressedKeyColor = `var(${ctrlFabShadowPressedKeyColorRaw})`;
+export const ctrlFabShadowDisabledKeyX = `var(${ctrlFabShadowDisabledKeyXRaw}, var(${ctrlFabShadowPressedKeyXRaw}))`;
+export const ctrlFabShadowDisabledKeyY = `var(${ctrlFabShadowDisabledKeyYRaw}, var(${ctrlFabShadowPressedKeyYRaw}))`;
+export const ctrlFabShadowDisabledKeyBlur = `var(${ctrlFabShadowDisabledKeyBlurRaw}, var(${ctrlFabShadowPressedKeyBlurRaw}))`;
+export const ctrlFabShadowDisabledKeyColor = `var(${ctrlFabShadowDisabledKeyColorRaw}, var(${ctrlFabShadowPressedKeyColorRaw}))`;
+export const ctrlFabCornerHover = `var(${ctrlFabCornerHoverRaw}, var(${cornerCircularRaw}))`;
+export const ctrlFabCornerPressed = `var(${ctrlFabCornerPressedRaw}, var(${cornerCircularRaw}))`;
diff --git a/packages/semantic-tokens/src/components/fab/variables.ts b/packages/semantic-tokens/src/components/fab/variables.ts
new file mode 100644
index 0000000000000..0202740b1e53e
--- /dev/null
+++ b/packages/semantic-tokens/src/components/fab/variables.ts
@@ -0,0 +1,27 @@
+export const ctrlFabBackgroundRestRaw = '--smtc-ctrl-fab-background-rest';
+export const ctrlFabBackgroundHoverRaw = '--smtc-ctrl-fab-background-hover';
+export const ctrlFabBackgroundPressedRaw = '--smtc-ctrl-fab-background-pressed';
+export const ctrlFabBackgroundDisabledRaw = '--smtc-ctrl-fab-background-disabled';
+export const ctrlFabCornerRestRaw = '--smtc-ctrl-fab-corner-rest';
+export const ctrlFabShadowRestKeyXRaw = '--smtc-ctrl-fab-shadow-rest-key-x';
+export const ctrlFabShadowRestKeyYRaw = '--smtc-ctrl-fab-shadow-rest-key-y';
+export const ctrlFabShadowRestKeyBlurRaw = '--smtc-ctrl-fab-shadow-rest-key-blur';
+export const ctrlFabShadowRestKeyColorRaw = '--smtc-ctrl-fab-shadow-rest-key-color';
+export const ctrlFabShadowRestAmbientXRaw = '--smtc-ctrl-fab-shadow-rest-ambient-x';
+export const ctrlFabShadowRestAmbientYRaw = '--smtc-ctrl-fab-shadow-rest-ambient-y';
+export const ctrlFabShadowRestAmbientBlurRaw = '--smtc-ctrl-fab-shadow-rest-ambient-blur';
+export const ctrlFabShadowRestAmbientColorRaw = '--smtc-ctrl-fab-shadow-rest-ambient-color';
+export const ctrlFabShadowHoverKeyXRaw = '--smtc-ctrl-fab-shadow-hover-key-x';
+export const ctrlFabShadowHoverKeyYRaw = '--smtc-ctrl-fab-shadow-hover-key-y';
+export const ctrlFabShadowHoverKeyBlurRaw = '--smtc-ctrl-fab-shadow-hover-key-blur';
+export const ctrlFabShadowHoverKeyColorRaw = '--smtc-ctrl-fab-shadow-hover-key-color';
+export const ctrlFabShadowPressedKeyXRaw = '--smtc-ctrl-fab-shadow-pressed-key-x';
+export const ctrlFabShadowPressedKeyYRaw = '--smtc-ctrl-fab-shadow-pressed-key-y';
+export const ctrlFabShadowPressedKeyBlurRaw = '--smtc-ctrl-fab-shadow-pressed-key-blur';
+export const ctrlFabShadowPressedKeyColorRaw = '--smtc-ctrl-fab-shadow-pressed-key-color';
+export const ctrlFabShadowDisabledKeyXRaw = '--smtc-ctrl-fab-shadow-disabled-key-x';
+export const ctrlFabShadowDisabledKeyYRaw = '--smtc-ctrl-fab-shadow-disabled-key-y';
+export const ctrlFabShadowDisabledKeyBlurRaw = '--smtc-ctrl-fab-shadow-disabled-key-blur';
+export const ctrlFabShadowDisabledKeyColorRaw = '--smtc-ctrl-fab-shadow-disabled-key-color';
+export const ctrlFabCornerHoverRaw = '--smtc-ctrl-fab-corner-hover';
+export const ctrlFabCornerPressedRaw = '--smtc-ctrl-fab-corner-pressed';
diff --git a/packages/semantic-tokens/src/components/focus/tokens.ts b/packages/semantic-tokens/src/components/focus/tokens.ts
new file mode 100644
index 0000000000000..ec72f283e7aa6
--- /dev/null
+++ b/packages/semantic-tokens/src/components/focus/tokens.ts
@@ -0,0 +1,15 @@
+import { backgroundCtrlBrandRestRaw, strokewidthDefaultRaw } from '../../control/variables';
+import { colorStrokeFocus2 } from '../../legacy/tokens';
+import {
+  ctrlFocusInnerStrokeRaw,
+  ctrlFocusInnerStrokewidthRaw,
+  ctrlFocusOuterStrokeRaw,
+  ctrlFocusOuterStrokewidthRaw,
+  ctrlFocusPositionFigmaonlyRaw,
+} from './variables';
+
+export const ctrlFocusPositionFigmaonly = `var(${ctrlFocusPositionFigmaonlyRaw})`;
+export const ctrlFocusInnerStrokewidth = `var(${ctrlFocusInnerStrokewidthRaw}, var(${strokewidthDefaultRaw}))`;
+export const ctrlFocusInnerStroke = `var(${ctrlFocusInnerStrokeRaw})`;
+export const ctrlFocusOuterStrokewidth = `var(${ctrlFocusOuterStrokewidthRaw})`;
+export const ctrlFocusOuterStroke = `var(${ctrlFocusOuterStrokeRaw}, var(${backgroundCtrlBrandRestRaw}, ${colorStrokeFocus2}))`;
diff --git a/packages/semantic-tokens/src/components/focus/variables.ts b/packages/semantic-tokens/src/components/focus/variables.ts
new file mode 100644
index 0000000000000..1ac56b2f10c8b
--- /dev/null
+++ b/packages/semantic-tokens/src/components/focus/variables.ts
@@ -0,0 +1,5 @@
+export const ctrlFocusPositionFigmaonlyRaw = '--smtc-ctrl-focus-positionfigmaonly';
+export const ctrlFocusInnerStrokewidthRaw = '--smtc-ctrl-focus-inner-strokewidth';
+export const ctrlFocusInnerStrokeRaw = '--smtc-ctrl-focus-inner-stroke';
+export const ctrlFocusOuterStrokewidthRaw = '--smtc-ctrl-focus-outer-strokewidth';
+export const ctrlFocusOuterStrokeRaw = '--smtc-ctrl-focus-outer-stroke';
diff --git a/packages/semantic-tokens/src/components/input/tokens.ts b/packages/semantic-tokens/src/components/input/tokens.ts
new file mode 100644
index 0000000000000..2cf9b6c7db329
--- /dev/null
+++ b/packages/semantic-tokens/src/components/input/tokens.ts
@@ -0,0 +1,74 @@
+import {
+  backgroundCtrlBrandRestRaw,
+  backgroundCtrlNeutralDisabledRaw,
+  backgroundCtrlNeutralHoverRaw,
+  backgroundCtrlNeutralPressedRaw,
+  backgroundCtrlNeutralRestRaw,
+  foregroundCtrlNeutralSecondaryRestRaw,
+  foregroundCtrlOnbrandRestRaw,
+  strokeCtrlOnoutlineDisabledRaw,
+  strokeCtrlOnoutlineHoverRaw,
+  strokeCtrlOnoutlinePressedRaw,
+  strokeCtrlOnoutlineRestRaw,
+  strokewidthDefaultRaw,
+} from '../../control/variables';
+import { statusDangerStrokeRaw } from '../../optional/variables';
+import {
+  ctrlInputBackgroundDisabledRaw,
+  ctrlInputBackgroundErrorRaw,
+  ctrlInputBackgroundHoverRaw,
+  ctrlInputBackgroundPressedRaw,
+  ctrlInputBackgroundRestRaw,
+  ctrlInputBackgroundSelectedRaw,
+  ctrlInputBottomlineStrokeDisabledRaw,
+  ctrlInputBottomlineStrokeErrorRaw,
+  ctrlInputBottomlineStrokeHoverRaw,
+  ctrlInputBottomlineStrokePressedRaw,
+  ctrlInputBottomlineStrokeRestRaw,
+  ctrlInputBottomlineStrokeSelectedRaw,
+  ctrlInputBottomlineStrokewidthHoverRaw,
+  ctrlInputBottomlineStrokewidthPressedRaw,
+  ctrlInputBottomlineStrokewidthRestRaw,
+  ctrlInputBottomlineStrokewidthSelectedRaw,
+  ctrlInputStrokeDisabledRaw,
+  ctrlInputStrokeErrorRaw,
+  ctrlInputStrokeHoverRaw,
+  ctrlInputStrokePressedRaw,
+  ctrlInputStrokeRestRaw,
+  ctrlInputStrokeSelectedRaw,
+  ctrlInputStrokewidthHoverRaw,
+  ctrlInputStrokewidthPressedRaw,
+  ctrlInputStrokewidthRestRaw,
+  ctrlInputStrokewidthSelectedRaw,
+  ctrlInputTextselectionBackgroundRaw,
+  ctrlInputTextselectionForegroundRaw,
+} from './variables';
+
+export const ctrlInputBackgroundRest = `var(${ctrlInputBackgroundRestRaw}, var(${backgroundCtrlNeutralRestRaw}))`;
+export const ctrlInputBackgroundHover = `var(${ctrlInputBackgroundHoverRaw}, var(${backgroundCtrlNeutralHoverRaw}))`;
+export const ctrlInputBackgroundPressed = `var(${ctrlInputBackgroundPressedRaw}, var(${backgroundCtrlNeutralPressedRaw}))`;
+export const ctrlInputBackgroundDisabled = `var(${ctrlInputBackgroundDisabledRaw}, var(${backgroundCtrlNeutralDisabledRaw}))`;
+export const ctrlInputBackgroundSelected = `var(${ctrlInputBackgroundSelectedRaw}, var(${backgroundCtrlNeutralRestRaw}))`;
+export const ctrlInputBackgroundError = `var(${ctrlInputBackgroundErrorRaw}, var(${backgroundCtrlNeutralRestRaw}))`;
+export const ctrlInputStrokeRest = `var(${ctrlInputStrokeRestRaw}, var(${strokeCtrlOnoutlineRestRaw}))`;
+export const ctrlInputBottomlineStrokewidthRest = `var(${ctrlInputBottomlineStrokewidthRestRaw}, var(${strokewidthDefaultRaw}))`;
+export const ctrlInputStrokewidthRest = `var(${ctrlInputStrokewidthRestRaw}, var(${strokewidthDefaultRaw}))`;
+export const ctrlInputTextselectionBackground = `var(${ctrlInputTextselectionBackgroundRaw}, var(${backgroundCtrlBrandRestRaw}))`;
+export const ctrlInputTextselectionForeground = `var(${ctrlInputTextselectionForegroundRaw}, var(${foregroundCtrlOnbrandRestRaw}))`;
+export const ctrlInputStrokewidthHover = `var(${ctrlInputStrokewidthHoverRaw}, var(${strokewidthDefaultRaw}))`;
+export const ctrlInputStrokewidthPressed = `var(${ctrlInputStrokewidthPressedRaw}, var(${strokewidthDefaultRaw}))`;
+export const ctrlInputStrokewidthSelected = `var(${ctrlInputStrokewidthSelectedRaw})`;
+export const ctrlInputBottomlineStrokewidthHover = `var(${ctrlInputBottomlineStrokewidthHoverRaw}, var(${strokewidthDefaultRaw}))`;
+export const ctrlInputBottomlineStrokewidthPressed = `var(${ctrlInputBottomlineStrokewidthPressedRaw}, var(${ctrlInputBottomlineStrokewidthSelectedRaw}))`;
+export const ctrlInputBottomlineStrokewidthSelected = `var(${ctrlInputBottomlineStrokewidthSelectedRaw})`;
+export const ctrlInputBottomlineStrokeRest = `var(${ctrlInputBottomlineStrokeRestRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`;
+export const ctrlInputBottomlineStrokeHover = `var(${ctrlInputBottomlineStrokeHoverRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`;
+export const ctrlInputBottomlineStrokePressed = `var(${ctrlInputBottomlineStrokePressedRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`;
+export const ctrlInputBottomlineStrokeDisabled = `var(${ctrlInputBottomlineStrokeDisabledRaw}, unset)`;
+export const ctrlInputBottomlineStrokeSelected = `var(${ctrlInputBottomlineStrokeSelectedRaw}, var(${backgroundCtrlBrandRestRaw}))`;
+export const ctrlInputBottomlineStrokeError = `var(${ctrlInputBottomlineStrokeErrorRaw}, unset)`;
+export const ctrlInputStrokeHover = `var(${ctrlInputStrokeHoverRaw}, var(${strokeCtrlOnoutlineHoverRaw}))`;
+export const ctrlInputStrokePressed = `var(${ctrlInputStrokePressedRaw}, var(${strokeCtrlOnoutlinePressedRaw}))`;
+export const ctrlInputStrokeDisabled = `var(${ctrlInputStrokeDisabledRaw}, var(${strokeCtrlOnoutlineDisabledRaw}))`;
+export const ctrlInputStrokeSelected = `var(${ctrlInputStrokeSelectedRaw}, var(${strokeCtrlOnoutlineRestRaw}))`;
+export const ctrlInputStrokeError = `var(${ctrlInputStrokeErrorRaw}, var(${statusDangerStrokeRaw}))`;
diff --git a/packages/semantic-tokens/src/components/input/variables.ts b/packages/semantic-tokens/src/components/input/variables.ts
new file mode 100644
index 0000000000000..dada698475a0a
--- /dev/null
+++ b/packages/semantic-tokens/src/components/input/variables.ts
@@ -0,0 +1,28 @@
+export const ctrlInputBackgroundRestRaw = '--smtc-ctrl-input-background-rest';
+export const ctrlInputBackgroundHoverRaw = '--smtc-ctrl-input-background-hover';
+export const ctrlInputBackgroundPressedRaw = '--smtc-ctrl-input-background-pressed';
+export const ctrlInputBackgroundDisabledRaw = '--smtc-ctrl-input-background-disabled';
+export const ctrlInputBackgroundSelectedRaw = '--smtc-ctrl-input-background-selected';
+export const ctrlInputBackgroundErrorRaw = '--smtc-ctrl-input-background-error';
+export const ctrlInputStrokeRestRaw = '--smtc-ctrl-input-stroke-rest';
+export const ctrlInputBottomlineStrokewidthRestRaw = '--smtc-ctrl-input-bottomline-strokewidth-rest';
+export const ctrlInputStrokewidthRestRaw = '--smtc-ctrl-input-strokewidth-rest';
+export const ctrlInputTextselectionBackgroundRaw = '--smtc-ctrl-input-textselection-background';
+export const ctrlInputTextselectionForegroundRaw = '--smtc-ctrl-input-textselection-foreground';
+export const ctrlInputStrokewidthHoverRaw = '--smtc-ctrl-input-strokewidth-hover';
+export const ctrlInputStrokewidthPressedRaw = '--smtc-ctrl-input-strokewidth-pressed';
+export const ctrlInputStrokewidthSelectedRaw = '--smtc-ctrl-input-strokewidth-selected';
+export const ctrlInputBottomlineStrokewidthHoverRaw = '--smtc-ctrl-input-bottomline-strokewidth-hover';
+export const ctrlInputBottomlineStrokewidthPressedRaw = '--smtc-ctrl-input-bottomline-strokewidth-pressed';
+export const ctrlInputBottomlineStrokewidthSelectedRaw = '--smtc-ctrl-input-bottomline-strokewidth-selected';
+export const ctrlInputBottomlineStrokeRestRaw = '--smtc-ctrl-input-bottomline-stroke-rest';
+export const ctrlInputBottomlineStrokeHoverRaw = '--smtc-ctrl-input-bottomline-stroke-hover';
+export const ctrlInputBottomlineStrokePressedRaw = '--smtc-ctrl-input-bottomline-stroke-pressed';
+export const ctrlInputBottomlineStrokeDisabledRaw = '--smtc-ctrl-input-bottomline-stroke-disabled';
+export const ctrlInputBottomlineStrokeSelectedRaw = '--smtc-ctrl-input-bottomline-stroke-selected';
+export const ctrlInputBottomlineStrokeErrorRaw = '--smtc-ctrl-input-bottomline-stroke-error';
+export const ctrlInputStrokeHoverRaw = '--smtc-ctrl-input-stroke-hover';
+export const ctrlInputStrokePressedRaw = '--smtc-ctrl-input-stroke-pressed';
+export const ctrlInputStrokeDisabledRaw = '--smtc-ctrl-input-stroke-disabled';
+export const ctrlInputStrokeSelectedRaw = '--smtc-ctrl-input-stroke-selected';
+export const ctrlInputStrokeErrorRaw = '--smtc-ctrl-input-stroke-error';
diff --git a/packages/semantic-tokens/src/components/link/tokens.ts b/packages/semantic-tokens/src/components/link/tokens.ts
new file mode 100644
index 0000000000000..2b94cc15a084f
--- /dev/null
+++ b/packages/semantic-tokens/src/components/link/tokens.ts
@@ -0,0 +1,50 @@
+import {
+  foregroundCtrlBrandHoverRaw,
+  foregroundCtrlBrandPressedRaw,
+  foregroundCtrlBrandRestRaw,
+  foregroundCtrlNeutralPrimaryRestRaw,
+  strokewidthDefaultRaw,
+} from '../../control/variables';
+import {
+  colorBrandForegroundLink,
+  colorBrandForegroundLinkHover,
+  colorBrandForegroundLinkPressed,
+  colorNeutralForeground2,
+  colorNeutralForeground2Hover,
+  colorNeutralForeground2Pressed,
+} from '../../legacy/tokens';
+import {
+  ctrlLinkForegroundBrandHoverRaw,
+  ctrlLinkForegroundBrandPressedRaw,
+  ctrlLinkForegroundBrandRestRaw,
+  ctrlLinkForegroundNeutralHoverRaw,
+  ctrlLinkForegroundNeutralPressedRaw,
+  ctrlLinkForegroundNeutralRestRaw,
+  ctrlLinkInlineShowunderlineatrestRaw,
+  ctrlLinkInlineStrokewidthHoverRaw,
+  ctrlLinkInlineStrokewidthRestRaw,
+  ctrlLinkInlineUnderlineDashedRaw,
+  ctrlLinkInlineUnderlineSolidFigmaonlyRaw,
+  ctrlLinkOnpageShowunderlineatrestRaw,
+  ctrlLinkOnpageStrokewidthHoverRaw,
+  ctrlLinkOnpageStrokewidthRestRaw,
+  ctrlLinkOnpageUnderlineDashedRaw,
+  ctrlLinkOnpageUnderlineSolidFigmaonlyRaw,
+} from './variables';
+
+export const ctrlLinkForegroundNeutralRest = `var(${ctrlLinkForegroundNeutralRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}, ${colorNeutralForeground2}))`;
+export const ctrlLinkInlineStrokewidthRest = `var(${ctrlLinkInlineStrokewidthRestRaw}, var(${strokewidthDefaultRaw}))`;
+export const ctrlLinkInlineStrokewidthHover = `var(${ctrlLinkInlineStrokewidthHoverRaw}, var(${strokewidthDefaultRaw}))`;
+export const ctrlLinkInlineUnderlineDashed = `var(${ctrlLinkInlineUnderlineDashedRaw})`;
+export const ctrlLinkInlineUnderlineSolidFigmaonly = `var(${ctrlLinkInlineUnderlineSolidFigmaonlyRaw})`;
+export const ctrlLinkForegroundNeutralHover = `var(${ctrlLinkForegroundNeutralHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}, ${colorNeutralForeground2Hover}))`;
+export const ctrlLinkForegroundNeutralPressed = `var(${ctrlLinkForegroundNeutralPressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}, ${colorNeutralForeground2Pressed}))`;
+export const ctrlLinkForegroundBrandRest = `var(${ctrlLinkForegroundBrandRestRaw}, var(${foregroundCtrlBrandRestRaw}, ${colorBrandForegroundLink}))`;
+export const ctrlLinkForegroundBrandHover = `var(${ctrlLinkForegroundBrandHoverRaw}, var(${foregroundCtrlBrandHoverRaw}, ${colorBrandForegroundLinkHover}))`;
+export const ctrlLinkForegroundBrandPressed = `var(${ctrlLinkForegroundBrandPressedRaw}, var(${foregroundCtrlBrandPressedRaw}, ${colorBrandForegroundLinkPressed}))`;
+export const ctrlLinkOnpageStrokewidthRest = `var(${ctrlLinkOnpageStrokewidthRestRaw}, var(${strokewidthDefaultRaw}))`;
+export const ctrlLinkOnpageStrokewidthHover = `var(${ctrlLinkOnpageStrokewidthHoverRaw}, var(${strokewidthDefaultRaw}))`;
+export const ctrlLinkOnpageUnderlineDashed = `var(${ctrlLinkOnpageUnderlineDashedRaw})`;
+export const ctrlLinkOnpageUnderlineSolidFigmaonly = `var(${ctrlLinkOnpageUnderlineSolidFigmaonlyRaw})`;
+export const ctrlLinkInlineShowunderlineatrest = `var(${ctrlLinkInlineShowunderlineatrestRaw})`;
+export const ctrlLinkOnpageShowunderlineatrest = `var(${ctrlLinkOnpageShowunderlineatrestRaw})`;
diff --git a/packages/semantic-tokens/src/components/link/variables.ts b/packages/semantic-tokens/src/components/link/variables.ts
new file mode 100644
index 0000000000000..c1d541f7bb5e2
--- /dev/null
+++ b/packages/semantic-tokens/src/components/link/variables.ts
@@ -0,0 +1,16 @@
+export const ctrlLinkForegroundNeutralRestRaw = '--smtc-ctrl-link-foreground-neutral-rest';
+export const ctrlLinkInlineStrokewidthRestRaw = '--smtc-ctrl-link-inline-strokewidth-rest';
+export const ctrlLinkInlineStrokewidthHoverRaw = '--smtc-ctrl-link-inline-strokewidth-hover';
+export const ctrlLinkInlineUnderlineDashedRaw = '--smtc-ctrl-link-inline-underline-dashed';
+export const ctrlLinkInlineUnderlineSolidFigmaonlyRaw = '--smtc-ctrl-link-inline-underline-solidfigmaonly';
+export const ctrlLinkForegroundNeutralHoverRaw = '--smtc-ctrl-link-foreground-neutral-hover';
+export const ctrlLinkForegroundNeutralPressedRaw = '--smtc-ctrl-link-foreground-neutral-pressed';
+export const ctrlLinkForegroundBrandRestRaw = '--smtc-ctrl-link-foreground-brand-rest';
+export const ctrlLinkForegroundBrandHoverRaw = '--smtc-ctrl-link-foreground-brand-hover';
+export const ctrlLinkForegroundBrandPressedRaw = '--smtc-ctrl-link-foreground-brand-pressed';
+export const ctrlLinkOnpageStrokewidthRestRaw = '--smtc-ctrl-link-onpage-strokewidth-rest';
+export const ctrlLinkOnpageStrokewidthHoverRaw = '--smtc-ctrl-link-onpage-strokewidth-hover';
+export const ctrlLinkOnpageUnderlineDashedRaw = '--smtc-ctrl-link-onpage-underline-dashed';
+export const ctrlLinkOnpageUnderlineSolidFigmaonlyRaw = '--smtc-ctrl-link-onpage-underline-solidfigmaonly';
+export const ctrlLinkInlineShowunderlineatrestRaw = '--smtc-ctrl-link-inline-showunderlineatrest';
+export const ctrlLinkOnpageShowunderlineatrestRaw = '--smtc-ctrl-link-onpage-showunderlineatrest';
diff --git a/packages/semantic-tokens/src/components/list/tokens.ts b/packages/semantic-tokens/src/components/list/tokens.ts
new file mode 100644
index 0000000000000..8808c11187aa3
--- /dev/null
+++ b/packages/semantic-tokens/src/components/list/tokens.ts
@@ -0,0 +1,139 @@
+import {
+  backgroundCtrlSubtleHoverRaw,
+  backgroundCtrlSubtlePressedRaw,
+  cornerCtrlLgRestRaw,
+  cornerCtrlRestRaw,
+  cornerCtrlSmRestRaw,
+  foregroundCtrlBrandDisabledRaw,
+  foregroundCtrlBrandRestRaw,
+  paddingCtrlHorizontalDefaultRaw,
+  paddingCtrlLgHorizontalDefaultRaw,
+  paddingCtrlSmHorizontalDefaultRaw,
+  sizeCtrlIconsecondaryRaw,
+  strokeCtrlDividerOnneutralRaw,
+} from '../../control/variables';
+import {
+  backgroundCtrlSubtleDisabledRaw,
+  backgroundCtrlSubtleRestRaw,
+  foregroundCtrlHintDefaultRaw,
+} from '../../nullable/variables';
+import { ctrlChoiceCheckboxCornerRaw } from '../choice/variables';
+import {
+  ctrlListBackgroundSelectedDisabledRaw,
+  ctrlListBackgroundSelectedHoverRaw,
+  ctrlListBackgroundSelectedPressedRaw,
+  ctrlListBackgroundSelectedRestRaw,
+  ctrlListChoiceBackgroundDisabledRaw,
+  ctrlListChoiceBackgroundRestRaw,
+  ctrlListChoiceBackgroundSelectedDisabledRaw,
+  ctrlListChoiceBackgroundSelectedRestRaw,
+  ctrlListChoiceCheckboxCornerRaw,
+  ctrlListChoiceCheckboxIconSizeFigmaonlyRaw,
+  ctrlListChoiceCheckboxIconSizeRaw,
+  ctrlListChoiceDotSizeFigmaonlyRaw,
+  ctrlListChoiceDotSizeRaw,
+  ctrlListChoiceForegroundHoverRaw,
+  ctrlListChoiceForegroundSelectedDisabledRaw,
+  ctrlListChoiceForegroundSelectedRestRaw,
+  ctrlListChoiceStrokeDisabledRaw,
+  ctrlListChoiceStrokeRestRaw,
+  ctrlListChoiceStrokeSelectedDisabledRaw,
+  ctrlListChoiceStrokeSelectedRestRaw,
+  ctrlListCornerHoverRaw,
+  ctrlListCornerPressedRaw,
+  ctrlListCornerRestRaw,
+  ctrlListIndentLevel1Raw,
+  ctrlListIndentLevel2Raw,
+  ctrlListIndentLevel3Raw,
+  ctrlListLgCornerHoverRaw,
+  ctrlListLgCornerPressedRaw,
+  ctrlListLgCornerRestRaw,
+  ctrlListLgIndentLevel1Raw,
+  ctrlListLgIndentLevel2Raw,
+  ctrlListLgIndentLevel3Raw,
+  ctrlListPillFullwidthRaw,
+  ctrlListPillLengthHintRaw,
+  ctrlListPillLengthHoverRaw,
+  ctrlListPillLengthPressedRaw,
+  ctrlListPillLengthRestRaw,
+  ctrlListPillStretchPaddingDefaultRaw,
+  ctrlListPillStretchPaddingHintRaw,
+  ctrlListPillWidthRaw,
+  ctrlListShadowSelectedAmbientBlurRaw,
+  ctrlListShadowSelectedAmbientColorRaw,
+  ctrlListShadowSelectedAmbientXRaw,
+  ctrlListShadowSelectedAmbientYRaw,
+  ctrlListShadowSelectedKeyBlurRaw,
+  ctrlListShadowSelectedKeyColorRaw,
+  ctrlListShadowSelectedKeyXRaw,
+  ctrlListShadowSelectedKeyY2Raw,
+  ctrlListShadowSelectedKeyYRaw,
+  ctrlListSmCornerHoverRaw,
+  ctrlListSmCornerPressedRaw,
+  ctrlListSmCornerRestRaw,
+  ctrlListSmIndentLevel1Raw,
+  ctrlListSmIndentLevel2Raw,
+  ctrlListSmIndentLevel3Raw,
+  ctrlListSplitDividerPaddingInsetRaw,
+  ctrlListSplitDividerShowdividerRaw,
+  ctrlListSplitDividerStrokeRaw,
+} from './variables';
+
+export const ctrlListPillWidth = `var(${ctrlListPillWidthRaw})`;
+export const ctrlListPillFullwidth = `var(${ctrlListPillFullwidthRaw})`;
+export const ctrlListPillStretchPaddingDefault = `var(${ctrlListPillStretchPaddingDefaultRaw})`;
+export const ctrlListPillStretchPaddingHint = `var(${ctrlListPillStretchPaddingHintRaw})`;
+export const ctrlListPillLengthRest = `var(${ctrlListPillLengthRestRaw})`;
+export const ctrlListPillLengthHover = `var(${ctrlListPillLengthHoverRaw}, var(${ctrlListPillLengthRestRaw}))`;
+export const ctrlListPillLengthPressed = `var(${ctrlListPillLengthPressedRaw}, var(${ctrlListPillLengthRestRaw}))`;
+export const ctrlListPillLengthHint = `var(${ctrlListPillLengthHintRaw}, var(${ctrlListPillLengthRestRaw}))`;
+export const ctrlListCornerRest = `var(${ctrlListCornerRestRaw}, var(${cornerCtrlRestRaw}))`;
+export const ctrlListCornerHover = `var(${ctrlListCornerHoverRaw}, var(${cornerCtrlRestRaw}))`;
+export const ctrlListCornerPressed = `var(${ctrlListCornerPressedRaw}, var(${cornerCtrlRestRaw}))`;
+export const ctrlListIndentLevel1 = `var(${ctrlListIndentLevel1Raw}, var(${paddingCtrlHorizontalDefaultRaw}))`;
+export const ctrlListIndentLevel2 = `var(${ctrlListIndentLevel2Raw})`;
+export const ctrlListIndentLevel3 = `var(${ctrlListIndentLevel3Raw})`;
+export const ctrlListBackgroundSelectedRest = `var(${ctrlListBackgroundSelectedRestRaw}, var(${backgroundCtrlSubtleRestRaw}))`;
+export const ctrlListBackgroundSelectedHover = `var(${ctrlListBackgroundSelectedHoverRaw}, var(${backgroundCtrlSubtleHoverRaw}))`;
+export const ctrlListBackgroundSelectedPressed = `var(${ctrlListBackgroundSelectedPressedRaw}, var(${backgroundCtrlSubtlePressedRaw}))`;
+export const ctrlListBackgroundSelectedDisabled = `var(${ctrlListBackgroundSelectedDisabledRaw}, var(${backgroundCtrlSubtleDisabledRaw}))`;
+export const ctrlListChoiceBackgroundRest = `var(${ctrlListChoiceBackgroundRestRaw}, unset)`;
+export const ctrlListChoiceStrokeRest = `var(${ctrlListChoiceStrokeRestRaw}, unset)`;
+export const ctrlListChoiceStrokeDisabled = `var(${ctrlListChoiceStrokeDisabledRaw}, unset)`;
+export const ctrlListChoiceStrokeSelectedRest = `var(${ctrlListChoiceStrokeSelectedRestRaw}, unset)`;
+export const ctrlListChoiceStrokeSelectedDisabled = `var(${ctrlListChoiceStrokeSelectedDisabledRaw}, unset)`;
+export const ctrlListChoiceForegroundHover = `var(${ctrlListChoiceForegroundHoverRaw}, var(${foregroundCtrlHintDefaultRaw}))`;
+export const ctrlListChoiceForegroundSelectedRest = `var(${ctrlListChoiceForegroundSelectedRestRaw}, var(${foregroundCtrlBrandRestRaw}))`;
+export const ctrlListChoiceForegroundSelectedDisabled = `var(${ctrlListChoiceForegroundSelectedDisabledRaw}, var(${foregroundCtrlBrandDisabledRaw}))`;
+export const ctrlListChoiceBackgroundDisabled = `var(${ctrlListChoiceBackgroundDisabledRaw}, unset)`;
+export const ctrlListChoiceBackgroundSelectedRest = `var(${ctrlListChoiceBackgroundSelectedRestRaw}, unset)`;
+export const ctrlListChoiceBackgroundSelectedDisabled = `var(${ctrlListChoiceBackgroundSelectedDisabledRaw}, unset)`;
+export const ctrlListChoiceCheckboxCorner = `var(${ctrlListChoiceCheckboxCornerRaw}, var(${ctrlChoiceCheckboxCornerRaw}))`;
+export const ctrlListChoiceCheckboxIconSize = `var(${ctrlListChoiceCheckboxIconSizeRaw}, var(${sizeCtrlIconsecondaryRaw}))`;
+export const ctrlListChoiceCheckboxIconSizeFigmaonly = `var(${ctrlListChoiceCheckboxIconSizeFigmaonlyRaw})`;
+export const ctrlListChoiceDotSize = `var(${ctrlListChoiceDotSizeRaw})`;
+export const ctrlListChoiceDotSizeFigmaonly = `var(${ctrlListChoiceDotSizeFigmaonlyRaw})`;
+export const ctrlListSplitDividerPaddingInset = `var(${ctrlListSplitDividerPaddingInsetRaw})`;
+export const ctrlListSplitDividerStroke = `var(${ctrlListSplitDividerStrokeRaw}, var(${strokeCtrlDividerOnneutralRaw}))`;
+export const ctrlListSmCornerRest = `var(${ctrlListSmCornerRestRaw}, var(${cornerCtrlSmRestRaw}))`;
+export const ctrlListSmCornerHover = `var(${ctrlListSmCornerHoverRaw}, var(${cornerCtrlSmRestRaw}))`;
+export const ctrlListSmCornerPressed = `var(${ctrlListSmCornerPressedRaw}, var(${cornerCtrlSmRestRaw}))`;
+export const ctrlListSmIndentLevel1 = `var(${ctrlListSmIndentLevel1Raw}, var(${paddingCtrlSmHorizontalDefaultRaw}))`;
+export const ctrlListSmIndentLevel2 = `var(${ctrlListSmIndentLevel2Raw})`;
+export const ctrlListSmIndentLevel3 = `var(${ctrlListSmIndentLevel3Raw})`;
+export const ctrlListLgCornerRest = `var(${ctrlListLgCornerRestRaw}, var(${cornerCtrlLgRestRaw}))`;
+export const ctrlListLgCornerHover = `var(${ctrlListLgCornerHoverRaw}, var(${cornerCtrlLgRestRaw}))`;
+export const ctrlListLgCornerPressed = `var(${ctrlListLgCornerPressedRaw}, var(${cornerCtrlLgRestRaw}))`;
+export const ctrlListLgIndentLevel1 = `var(${ctrlListLgIndentLevel1Raw}, var(${paddingCtrlLgHorizontalDefaultRaw}))`;
+export const ctrlListLgIndentLevel2 = `var(${ctrlListLgIndentLevel2Raw})`;
+export const ctrlListLgIndentLevel3 = `var(${ctrlListLgIndentLevel3Raw})`;
+export const ctrlListSplitDividerShowdivider = `var(${ctrlListSplitDividerShowdividerRaw})`;
+export const ctrlListShadowSelectedKeyY2 = `var(${ctrlListShadowSelectedKeyY2Raw}, unset)`;
+export const ctrlListShadowSelectedKeyX = `var(${ctrlListShadowSelectedKeyXRaw})`;
+export const ctrlListShadowSelectedKeyY = `var(${ctrlListShadowSelectedKeyYRaw})`;
+export const ctrlListShadowSelectedKeyBlur = `var(${ctrlListShadowSelectedKeyBlurRaw})`;
+export const ctrlListShadowSelectedKeyColor = `var(${ctrlListShadowSelectedKeyColorRaw})`;
+export const ctrlListShadowSelectedAmbientX = `var(${ctrlListShadowSelectedAmbientXRaw})`;
+export const ctrlListShadowSelectedAmbientY = `var(${ctrlListShadowSelectedAmbientYRaw})`;
+export const ctrlListShadowSelectedAmbientBlur = `var(${ctrlListShadowSelectedAmbientBlurRaw})`;
+export const ctrlListShadowSelectedAmbientColor = `var(${ctrlListShadowSelectedAmbientColorRaw})`;
diff --git a/packages/semantic-tokens/src/components/list/variables.ts b/packages/semantic-tokens/src/components/list/variables.ts
new file mode 100644
index 0000000000000..5ffa76e6361ba
--- /dev/null
+++ b/packages/semantic-tokens/src/components/list/variables.ts
@@ -0,0 +1,58 @@
+export const ctrlListPillWidthRaw = '--smtc-ctrl-list-pill-width';
+export const ctrlListPillFullwidthRaw = '--smtc-ctrl-list-pill-fullwidth';
+export const ctrlListPillStretchPaddingDefaultRaw = '--smtc-ctrl-list-pill-stretch-padding-default';
+export const ctrlListPillStretchPaddingHintRaw = '--smtc-ctrl-list-pill-stretch-padding-hint';
+export const ctrlListPillLengthRestRaw = '--smtc-ctrl-list-pill-length-rest';
+export const ctrlListPillLengthHoverRaw = '--smtc-ctrl-list-pill-length-hover';
+export const ctrlListPillLengthPressedRaw = '--smtc-ctrl-list-pill-length-pressed';
+export const ctrlListPillLengthHintRaw = '--smtc-ctrl-list-pill-length-hint';
+export const ctrlListCornerRestRaw = '--smtc-ctrl-list-corner-rest';
+export const ctrlListCornerHoverRaw = '--smtc-ctrl-list-corner-hover';
+export const ctrlListCornerPressedRaw = '--smtc-ctrl-list-corner-pressed';
+export const ctrlListIndentLevel1Raw = '--smtc-ctrl-list-indent-level1';
+export const ctrlListIndentLevel2Raw = '--smtc-ctrl-list-indent-level2';
+export const ctrlListIndentLevel3Raw = '--smtc-ctrl-list-indent-level3';
+export const ctrlListBackgroundSelectedRestRaw = '--smtc-ctrl-list-background-selected-rest';
+export const ctrlListBackgroundSelectedHoverRaw = '--smtc-ctrl-list-background-selected-hover';
+export const ctrlListBackgroundSelectedPressedRaw = '--smtc-ctrl-list-background-selected-pressed';
+export const ctrlListBackgroundSelectedDisabledRaw = '--smtc-ctrl-list-background-selected-disabled';
+export const ctrlListChoiceBackgroundRestRaw = '--smtc-ctrl-list-choice-background-rest';
+export const ctrlListChoiceStrokeRestRaw = '--smtc-ctrl-list-choice-stroke-rest';
+export const ctrlListChoiceStrokeDisabledRaw = '--smtc-ctrl-list-choice-stroke-disabled';
+export const ctrlListChoiceStrokeSelectedRestRaw = '--smtc-ctrl-list-choice-stroke-selected-rest';
+export const ctrlListChoiceStrokeSelectedDisabledRaw = '--smtc-ctrl-list-choice-stroke-selected-disabled';
+export const ctrlListChoiceForegroundHoverRaw = '--smtc-ctrl-list-choice-foreground-hover';
+export const ctrlListChoiceForegroundSelectedRestRaw = '--smtc-ctrl-list-choice-foreground-selected-rest';
+export const ctrlListChoiceForegroundSelectedDisabledRaw = '--smtc-ctrl-list-choice-foreground-selected-disabled';
+export const ctrlListChoiceBackgroundDisabledRaw = '--smtc-ctrl-list-choice-background-disabled';
+export const ctrlListChoiceBackgroundSelectedRestRaw = '--smtc-ctrl-list-choice-background-selected-rest';
+export const ctrlListChoiceBackgroundSelectedDisabledRaw = '--smtc-ctrl-list-choice-background-selected-disabled';
+export const ctrlListChoiceCheckboxCornerRaw = '--smtc-ctrl-list-choice-checkbox-corner';
+export const ctrlListChoiceCheckboxIconSizeRaw = '--smtc-ctrl-list-choice-checkbox-icon-size';
+export const ctrlListChoiceCheckboxIconSizeFigmaonlyRaw = '--smtc-ctrl-list-choice-checkbox-icon-sizefigmaonly';
+export const ctrlListChoiceDotSizeRaw = '--smtc-ctrl-list-choice-dot-size';
+export const ctrlListChoiceDotSizeFigmaonlyRaw = '--smtc-ctrl-list-choice-dot-sizefigmaonly';
+export const ctrlListSplitDividerPaddingInsetRaw = '--smtc-ctrl-list-split-divider-padding-inset';
+export const ctrlListSplitDividerStrokeRaw = '--smtc-ctrl-list-split-divider-stroke';
+export const ctrlListSmCornerRestRaw = '--smtc-ctrl-list-sm-corner-rest';
+export const ctrlListSmCornerHoverRaw = '--smtc-ctrl-list-sm-corner-hover';
+export const ctrlListSmCornerPressedRaw = '--smtc-ctrl-list-sm-corner-pressed';
+export const ctrlListSmIndentLevel1Raw = '--smtc-ctrl-list-sm-indent-level1';
+export const ctrlListSmIndentLevel2Raw = '--smtc-ctrl-list-sm-indent-level2';
+export const ctrlListSmIndentLevel3Raw = '--smtc-ctrl-list-sm-indent-level3';
+export const ctrlListLgCornerRestRaw = '--smtc-ctrl-list-lg-corner-rest';
+export const ctrlListLgCornerHoverRaw = '--smtc-ctrl-list-lg-corner-hover';
+export const ctrlListLgCornerPressedRaw = '--smtc-ctrl-list-lg-corner-pressed';
+export const ctrlListLgIndentLevel1Raw = '--smtc-ctrl-list-lg-indent-level1';
+export const ctrlListLgIndentLevel2Raw = '--smtc-ctrl-list-lg-indent-level2';
+export const ctrlListLgIndentLevel3Raw = '--smtc-ctrl-list-lg-indent-level3';
+export const ctrlListSplitDividerShowdividerRaw = '--smtc-ctrl-list-split-divider-showdivider';
+export const ctrlListShadowSelectedKeyY2Raw = '--smtc-ctrl-list-shadow-selected-key-y2';
+export const ctrlListShadowSelectedKeyXRaw = '--smtc-ctrl-list-shadow-selected-key-x';
+export const ctrlListShadowSelectedKeyYRaw = '--smtc-ctrl-list-shadow-selected-key-y';
+export const ctrlListShadowSelectedKeyBlurRaw = '--smtc-ctrl-list-shadow-selected-key-blur';
+export const ctrlListShadowSelectedKeyColorRaw = '--smtc-ctrl-list-shadow-selected-key-color';
+export const ctrlListShadowSelectedAmbientXRaw = '--smtc-ctrl-list-shadow-selected-ambient-x';
+export const ctrlListShadowSelectedAmbientYRaw = '--smtc-ctrl-list-shadow-selected-ambient-y';
+export const ctrlListShadowSelectedAmbientBlurRaw = '--smtc-ctrl-list-shadow-selected-ambient-blur';
+export const ctrlListShadowSelectedAmbientColorRaw = '--smtc-ctrl-list-shadow-selected-ambient-color';
diff --git a/packages/semantic-tokens/src/components/liteFilter/tokens.ts b/packages/semantic-tokens/src/components/liteFilter/tokens.ts
new file mode 100644
index 0000000000000..1ca78cc51f5b4
--- /dev/null
+++ b/packages/semantic-tokens/src/components/liteFilter/tokens.ts
@@ -0,0 +1,17 @@
+import {
+  backgroundCtrlBrandRestRaw,
+  foregroundCtrlOnbrandRestRaw,
+  strokewidthDefaultRaw,
+} from '../../control/variables';
+import { strokeCtrlOnbrandRestRaw } from '../../nullable/variables';
+import {
+  ctrlLitefilterBackgroundSelectedRaw,
+  ctrlLitefilterForegroundSelectedRaw,
+  ctrlLitefilterStrokeSelectedRaw,
+  ctrlLitefilterStrokewidthSelectedRaw,
+} from './variables';
+
+export const ctrlLitefilterBackgroundSelected = `var(${ctrlLitefilterBackgroundSelectedRaw}, var(${backgroundCtrlBrandRestRaw}))`;
+export const ctrlLitefilterStrokeSelected = `var(${ctrlLitefilterStrokeSelectedRaw}, var(${strokeCtrlOnbrandRestRaw}))`;
+export const ctrlLitefilterForegroundSelected = `var(${ctrlLitefilterForegroundSelectedRaw}, var(${foregroundCtrlOnbrandRestRaw}))`;
+export const ctrlLitefilterStrokewidthSelected = `var(${ctrlLitefilterStrokewidthSelectedRaw}, var(${strokewidthDefaultRaw}))`;
diff --git a/packages/semantic-tokens/src/components/liteFilter/variables.ts b/packages/semantic-tokens/src/components/liteFilter/variables.ts
new file mode 100644
index 0000000000000..ef5ba7f082ee5
--- /dev/null
+++ b/packages/semantic-tokens/src/components/liteFilter/variables.ts
@@ -0,0 +1,4 @@
+export const ctrlLitefilterBackgroundSelectedRaw = '--smtc-ctrl-litefilter-background-selected';
+export const ctrlLitefilterStrokeSelectedRaw = '--smtc-ctrl-litefilter-stroke-selected';
+export const ctrlLitefilterForegroundSelectedRaw = '--smtc-ctrl-litefilter-foreground-selected';
+export const ctrlLitefilterStrokewidthSelectedRaw = '--smtc-ctrl-litefilter-strokewidth-selected';
diff --git a/packages/semantic-tokens/src/components/progress/tokens.ts b/packages/semantic-tokens/src/components/progress/tokens.ts
new file mode 100644
index 0000000000000..673e08ee448b5
--- /dev/null
+++ b/packages/semantic-tokens/src/components/progress/tokens.ts
@@ -0,0 +1,22 @@
+import { backgroundCtrlBrandRestRaw, cornerCircularRaw } from '../../control/variables';
+import {
+  ctrlProgressBackgroundEmptyRaw,
+  ctrlProgressBackgroundFilledRaw,
+  ctrlProgressCornerRaw,
+  ctrlProgressHeightEmptyRaw,
+  ctrlProgressHeightFilledRaw,
+  ctrlProgressLgHeightEmptyRaw,
+  ctrlProgressLgHeightFilledRaw,
+  ctrlProgressSmHeightEmptyRaw,
+  ctrlProgressSmHeightFilledRaw,
+} from './variables';
+
+export const ctrlProgressBackgroundEmpty = `var(${ctrlProgressBackgroundEmptyRaw})`;
+export const ctrlProgressBackgroundFilled = `var(${ctrlProgressBackgroundFilledRaw}, var(${backgroundCtrlBrandRestRaw}))`;
+export const ctrlProgressCorner = `var(${ctrlProgressCornerRaw}, var(${cornerCircularRaw}))`;
+export const ctrlProgressHeightFilled = `var(${ctrlProgressHeightFilledRaw})`;
+export const ctrlProgressHeightEmpty = `var(${ctrlProgressHeightEmptyRaw}, var(${ctrlProgressHeightFilledRaw}))`;
+export const ctrlProgressSmHeightFilled = `var(${ctrlProgressSmHeightFilledRaw})`;
+export const ctrlProgressSmHeightEmpty = `var(${ctrlProgressSmHeightEmptyRaw}, var(${ctrlProgressSmHeightFilledRaw}))`;
+export const ctrlProgressLgHeightFilled = `var(${ctrlProgressLgHeightFilledRaw})`;
+export const ctrlProgressLgHeightEmpty = `var(${ctrlProgressLgHeightEmptyRaw}, var(${ctrlProgressLgHeightFilledRaw}))`;
diff --git a/packages/semantic-tokens/src/components/progress/variables.ts b/packages/semantic-tokens/src/components/progress/variables.ts
new file mode 100644
index 0000000000000..004a3d9fb33ae
--- /dev/null
+++ b/packages/semantic-tokens/src/components/progress/variables.ts
@@ -0,0 +1,9 @@
+export const ctrlProgressBackgroundEmptyRaw = '--smtc-ctrl-progress-background-empty';
+export const ctrlProgressBackgroundFilledRaw = '--smtc-ctrl-progress-background-filled';
+export const ctrlProgressCornerRaw = '--smtc-ctrl-progress-corner';
+export const ctrlProgressHeightFilledRaw = '--smtc-ctrl-progress-height-filled';
+export const ctrlProgressHeightEmptyRaw = '--smtc-ctrl-progress-height-empty';
+export const ctrlProgressSmHeightFilledRaw = '--smtc-ctrl-progress-sm-height-filled';
+export const ctrlProgressSmHeightEmptyRaw = '--smtc-ctrl-progress-sm-height-empty';
+export const ctrlProgressLgHeightFilledRaw = '--smtc-ctrl-progress-lg-height-filled';
+export const ctrlProgressLgHeightEmptyRaw = '--smtc-ctrl-progress-lg-height-empty';
diff --git a/packages/semantic-tokens/src/components/rating/tokens.ts b/packages/semantic-tokens/src/components/rating/tokens.ts
new file mode 100644
index 0000000000000..2fa3151b23e28
--- /dev/null
+++ b/packages/semantic-tokens/src/components/rating/tokens.ts
@@ -0,0 +1,15 @@
+import { backgroundCtrlBrandRestRaw, iconthemeCtrlDefaultRestRaw, sizeCtrlIconRaw } from '../../control/variables';
+import { ctrlProgressBackgroundEmptyRaw } from '../progress/variables';
+import {
+  ctrlRatingIconForegroundEmptyRaw,
+  ctrlRatingIconForegroundFilledRaw,
+  ctrlRatingIconGapRaw,
+  ctrlRatingIconSizeRaw,
+  ctrlRatingIconThemeRaw,
+} from './variables';
+
+export const ctrlRatingIconTheme = `var(${ctrlRatingIconThemeRaw}, var(${iconthemeCtrlDefaultRestRaw}))`;
+export const ctrlRatingIconGap = `var(${ctrlRatingIconGapRaw})`;
+export const ctrlRatingIconForegroundFilled = `var(${ctrlRatingIconForegroundFilledRaw}, var(${backgroundCtrlBrandRestRaw}))`;
+export const ctrlRatingIconForegroundEmpty = `var(${ctrlRatingIconForegroundEmptyRaw}, var(${ctrlProgressBackgroundEmptyRaw}))`;
+export const ctrlRatingIconSize = `var(${ctrlRatingIconSizeRaw}, var(${sizeCtrlIconRaw}))`;
diff --git a/packages/semantic-tokens/src/components/rating/variables.ts b/packages/semantic-tokens/src/components/rating/variables.ts
new file mode 100644
index 0000000000000..8d1bb852c2e98
--- /dev/null
+++ b/packages/semantic-tokens/src/components/rating/variables.ts
@@ -0,0 +1,5 @@
+export const ctrlRatingIconThemeRaw = '--smtc-ctrl-rating-icon-theme';
+export const ctrlRatingIconGapRaw = '--smtc-ctrl-rating-icon-gap';
+export const ctrlRatingIconForegroundFilledRaw = '--smtc-ctrl-rating-icon-foreground-filled';
+export const ctrlRatingIconForegroundEmptyRaw = '--smtc-ctrl-rating-icon-foreground-empty';
+export const ctrlRatingIconSizeRaw = '--smtc-ctrl-rating-icon-size';
diff --git a/packages/semantic-tokens/src/components/segmented/tokens.ts b/packages/semantic-tokens/src/components/segmented/tokens.ts
new file mode 100644
index 0000000000000..fdbebf512c0fb
--- /dev/null
+++ b/packages/semantic-tokens/src/components/segmented/tokens.ts
@@ -0,0 +1,88 @@
+import {
+  cornerCtrlLgRestRaw,
+  cornerCtrlRestRaw,
+  cornerCtrlSmRestRaw,
+  foregroundCtrlNeutralSecondaryDisabledRaw,
+  foregroundCtrlNeutralSecondaryRestRaw,
+} from '../../control/variables';
+import {
+  backgroundCtrlOutlineDisabledRaw,
+  backgroundCtrlOutlineHoverRaw,
+  backgroundCtrlOutlinePressedRaw,
+  backgroundCtrlOutlineRestRaw,
+} from '../../nullable/variables';
+import {
+  ctrlSegmentedBackgroundDisabledRaw,
+  ctrlSegmentedBackgroundHoverRaw,
+  ctrlSegmentedBackgroundPressedRaw,
+  ctrlSegmentedBackgroundRestRaw,
+  ctrlSegmentedCornerHoverRaw,
+  ctrlSegmentedCornerPressedRaw,
+  ctrlSegmentedCornerRestRaw,
+  ctrlSegmentedGapRaw,
+  ctrlSegmentedItemCornerHoverRaw,
+  ctrlSegmentedItemCornerPressedRaw,
+  ctrlSegmentedItemCornerRestRaw,
+  ctrlSegmentedLgCornerHoverRaw,
+  ctrlSegmentedLgCornerPressedRaw,
+  ctrlSegmentedLgCornerRestRaw,
+  ctrlSegmentedLgItemCornerHoverRaw,
+  ctrlSegmentedLgItemCornerPressedRaw,
+  ctrlSegmentedLgItemCornerRestRaw,
+  ctrlSegmentedLgPaddingHoverRaw,
+  ctrlSegmentedLgPaddingPressedRaw,
+  ctrlSegmentedLgPaddingRestRaw,
+  ctrlSegmentedPaddingHoverRaw,
+  ctrlSegmentedPaddingPressedRaw,
+  ctrlSegmentedPaddingRestRaw,
+  ctrlSegmentedSmCornerHoverRaw,
+  ctrlSegmentedSmCornerPressedRaw,
+  ctrlSegmentedSmCornerRestRaw,
+  ctrlSegmentedSmItemCornerHoverRaw,
+  ctrlSegmentedSmItemCornerPressedRaw,
+  ctrlSegmentedSmItemCornerRestRaw,
+  ctrlSegmentedSmPaddingHoverRaw,
+  ctrlSegmentedSmPaddingPressedRaw,
+  ctrlSegmentedSmPaddingRestRaw,
+  ctrlSegmentedStrokeDisabledRaw,
+  ctrlSegmentedStrokeHoverRaw,
+  ctrlSegmentedStrokePressedRaw,
+  ctrlSegmentedStrokeRestRaw,
+} from './variables';
+
+export const ctrlSegmentedBackgroundRest = `var(${ctrlSegmentedBackgroundRestRaw}, var(${backgroundCtrlOutlineRestRaw}))`;
+export const ctrlSegmentedBackgroundHover = `var(${ctrlSegmentedBackgroundHoverRaw}, var(${backgroundCtrlOutlineHoverRaw}))`;
+export const ctrlSegmentedBackgroundPressed = `var(${ctrlSegmentedBackgroundPressedRaw}, var(${backgroundCtrlOutlinePressedRaw}))`;
+export const ctrlSegmentedBackgroundDisabled = `var(${ctrlSegmentedBackgroundDisabledRaw}, var(${backgroundCtrlOutlineDisabledRaw}))`;
+export const ctrlSegmentedStrokeRest = `var(${ctrlSegmentedStrokeRestRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`;
+export const ctrlSegmentedStrokeHover = `var(${ctrlSegmentedStrokeHoverRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`;
+export const ctrlSegmentedStrokePressed = `var(${ctrlSegmentedStrokePressedRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`;
+export const ctrlSegmentedStrokeDisabled = `var(${ctrlSegmentedStrokeDisabledRaw}, var(${foregroundCtrlNeutralSecondaryDisabledRaw}))`;
+export const ctrlSegmentedCornerRest = `var(${ctrlSegmentedCornerRestRaw}, var(${cornerCtrlRestRaw}))`;
+export const ctrlSegmentedCornerHover = `var(${ctrlSegmentedCornerHoverRaw}, var(${cornerCtrlRestRaw}))`;
+export const ctrlSegmentedCornerPressed = `var(${ctrlSegmentedCornerPressedRaw}, var(${cornerCtrlRestRaw}))`;
+export const ctrlSegmentedPaddingRest = `var(${ctrlSegmentedPaddingRestRaw})`;
+export const ctrlSegmentedPaddingHover = `var(${ctrlSegmentedPaddingHoverRaw}, var(${ctrlSegmentedPaddingRestRaw}))`;
+export const ctrlSegmentedPaddingPressed = `var(${ctrlSegmentedPaddingPressedRaw}, var(${ctrlSegmentedPaddingRestRaw}))`;
+export const ctrlSegmentedGap = `var(${ctrlSegmentedGapRaw}, unset)`;
+export const ctrlSegmentedItemCornerRest = `var(${ctrlSegmentedItemCornerRestRaw}, var(${cornerCtrlSmRestRaw}))`;
+export const ctrlSegmentedItemCornerHover = `var(${ctrlSegmentedItemCornerHoverRaw}, var(${cornerCtrlSmRestRaw}))`;
+export const ctrlSegmentedItemCornerPressed = `var(${ctrlSegmentedItemCornerPressedRaw}, var(${cornerCtrlSmRestRaw}))`;
+export const ctrlSegmentedSmPaddingRest = `var(${ctrlSegmentedSmPaddingRestRaw})`;
+export const ctrlSegmentedSmPaddingHover = `var(${ctrlSegmentedSmPaddingHoverRaw}, var(${ctrlSegmentedSmPaddingRestRaw}))`;
+export const ctrlSegmentedSmPaddingPressed = `var(${ctrlSegmentedSmPaddingPressedRaw}, var(${ctrlSegmentedSmPaddingRestRaw}))`;
+export const ctrlSegmentedLgPaddingRest = `var(${ctrlSegmentedLgPaddingRestRaw})`;
+export const ctrlSegmentedLgPaddingHover = `var(${ctrlSegmentedLgPaddingHoverRaw}, var(${ctrlSegmentedLgPaddingRestRaw}))`;
+export const ctrlSegmentedLgPaddingPressed = `var(${ctrlSegmentedLgPaddingPressedRaw}, var(${ctrlSegmentedLgPaddingRestRaw}))`;
+export const ctrlSegmentedSmItemCornerRest = `var(${ctrlSegmentedSmItemCornerRestRaw})`;
+export const ctrlSegmentedSmItemCornerHover = `var(${ctrlSegmentedSmItemCornerHoverRaw})`;
+export const ctrlSegmentedSmItemCornerPressed = `var(${ctrlSegmentedSmItemCornerPressedRaw})`;
+export const ctrlSegmentedLgItemCornerRest = `var(${ctrlSegmentedLgItemCornerRestRaw}, var(${cornerCtrlRestRaw}))`;
+export const ctrlSegmentedLgItemCornerHover = `var(${ctrlSegmentedLgItemCornerHoverRaw}, var(${cornerCtrlRestRaw}))`;
+export const ctrlSegmentedLgItemCornerPressed = `var(${ctrlSegmentedLgItemCornerPressedRaw}, var(${cornerCtrlRestRaw}))`;
+export const ctrlSegmentedSmCornerRest = `var(${ctrlSegmentedSmCornerRestRaw}, var(${cornerCtrlSmRestRaw}))`;
+export const ctrlSegmentedSmCornerHover = `var(${ctrlSegmentedSmCornerHoverRaw}, var(${cornerCtrlSmRestRaw}))`;
+export const ctrlSegmentedSmCornerPressed = `var(${ctrlSegmentedSmCornerPressedRaw}, var(${cornerCtrlSmRestRaw}))`;
+export const ctrlSegmentedLgCornerRest = `var(${ctrlSegmentedLgCornerRestRaw}, var(${cornerCtrlLgRestRaw}))`;
+export const ctrlSegmentedLgCornerHover = `var(${ctrlSegmentedLgCornerHoverRaw}, var(${cornerCtrlLgRestRaw}))`;
+export const ctrlSegmentedLgCornerPressed = `var(${ctrlSegmentedLgCornerPressedRaw}, var(${cornerCtrlLgRestRaw}))`;
diff --git a/packages/semantic-tokens/src/components/segmented/variables.ts b/packages/semantic-tokens/src/components/segmented/variables.ts
new file mode 100644
index 0000000000000..4d1f6fcf92876
--- /dev/null
+++ b/packages/semantic-tokens/src/components/segmented/variables.ts
@@ -0,0 +1,36 @@
+export const ctrlSegmentedBackgroundRestRaw = '--smtc-ctrl-segmented-background-rest';
+export const ctrlSegmentedBackgroundHoverRaw = '--smtc-ctrl-segmented-background-hover';
+export const ctrlSegmentedBackgroundPressedRaw = '--smtc-ctrl-segmented-background-pressed';
+export const ctrlSegmentedBackgroundDisabledRaw = '--smtc-ctrl-segmented-background-disabled';
+export const ctrlSegmentedStrokeRestRaw = '--smtc-ctrl-segmented-stroke-rest';
+export const ctrlSegmentedStrokeHoverRaw = '--smtc-ctrl-segmented-stroke-hover';
+export const ctrlSegmentedStrokePressedRaw = '--smtc-ctrl-segmented-stroke-pressed';
+export const ctrlSegmentedStrokeDisabledRaw = '--smtc-ctrl-segmented-stroke-disabled';
+export const ctrlSegmentedCornerRestRaw = '--smtc-ctrl-segmented-corner-rest';
+export const ctrlSegmentedCornerHoverRaw = '--smtc-ctrl-segmented-corner-hover';
+export const ctrlSegmentedCornerPressedRaw = '--smtc-ctrl-segmented-corner-pressed';
+export const ctrlSegmentedPaddingRestRaw = '--smtc-ctrl-segmented-padding-rest';
+export const ctrlSegmentedPaddingHoverRaw = '--smtc-ctrl-segmented-padding-hover';
+export const ctrlSegmentedPaddingPressedRaw = '--smtc-ctrl-segmented-padding-pressed';
+export const ctrlSegmentedGapRaw = '--smtc-ctrl-segmented-gap';
+export const ctrlSegmentedItemCornerRestRaw = '--smtc-ctrl-segmented-item-corner-rest';
+export const ctrlSegmentedItemCornerHoverRaw = '--smtc-ctrl-segmented-item-corner-hover';
+export const ctrlSegmentedItemCornerPressedRaw = '--smtc-ctrl-segmented-item-corner-pressed';
+export const ctrlSegmentedSmPaddingRestRaw = '--smtc-ctrl-segmented-sm-padding-rest';
+export const ctrlSegmentedSmPaddingHoverRaw = '--smtc-ctrl-segmented-sm-padding-hover';
+export const ctrlSegmentedSmPaddingPressedRaw = '--smtc-ctrl-segmented-sm-padding-pressed';
+export const ctrlSegmentedLgPaddingRestRaw = '--smtc-ctrl-segmented-lg-padding-rest';
+export const ctrlSegmentedLgPaddingHoverRaw = '--smtc-ctrl-segmented-lg-padding-hover';
+export const ctrlSegmentedLgPaddingPressedRaw = '--smtc-ctrl-segmented-lg-padding-pressed';
+export const ctrlSegmentedSmItemCornerRestRaw = '--smtc-ctrl-segmented-sm-item-corner-rest';
+export const ctrlSegmentedSmItemCornerHoverRaw = '--smtc-ctrl-segmented-sm-item-corner-hover';
+export const ctrlSegmentedSmItemCornerPressedRaw = '--smtc-ctrl-segmented-sm-item-corner-pressed';
+export const ctrlSegmentedLgItemCornerRestRaw = '--smtc-ctrl-segmented-lg-item-corner-rest';
+export const ctrlSegmentedLgItemCornerHoverRaw = '--smtc-ctrl-segmented-lg-item-corner-hover';
+export const ctrlSegmentedLgItemCornerPressedRaw = '--smtc-ctrl-segmented-lg-item-corner-pressed';
+export const ctrlSegmentedSmCornerRestRaw = '--smtc-ctrl-segmented-sm-corner-rest';
+export const ctrlSegmentedSmCornerHoverRaw = '--smtc-ctrl-segmented-sm-corner-hover';
+export const ctrlSegmentedSmCornerPressedRaw = '--smtc-ctrl-segmented-sm-corner-pressed';
+export const ctrlSegmentedLgCornerRestRaw = '--smtc-ctrl-segmented-lg-corner-rest';
+export const ctrlSegmentedLgCornerHoverRaw = '--smtc-ctrl-segmented-lg-corner-hover';
+export const ctrlSegmentedLgCornerPressedRaw = '--smtc-ctrl-segmented-lg-corner-pressed';
diff --git a/packages/semantic-tokens/src/components/slider/tokens.ts b/packages/semantic-tokens/src/components/slider/tokens.ts
new file mode 100644
index 0000000000000..2cd9c5a7d63fb
--- /dev/null
+++ b/packages/semantic-tokens/src/components/slider/tokens.ts
@@ -0,0 +1,98 @@
+import {
+  backgroundCtrlBrandDisabledRaw,
+  backgroundCtrlBrandHoverRaw,
+  backgroundCtrlBrandPressedRaw,
+  backgroundCtrlBrandRestRaw,
+  cornerCircularRaw,
+  foregroundCtrlOnbrandDisabledRaw,
+  foregroundCtrlOnbrandRestRaw,
+  sizeCtrlIconRaw,
+  sizeCtrlLgIconRaw,
+  sizeCtrlSmIconRaw,
+  strokewidthDefaultRaw,
+} from '../../control/variables';
+import {
+  ctrlProgressBackgroundEmptyRaw,
+  ctrlProgressHeightFilledRaw,
+  ctrlProgressLgHeightFilledRaw,
+  ctrlProgressSmHeightFilledRaw,
+} from '../progress/variables';
+import {
+  ctrlSliderBarCornerRaw,
+  ctrlSliderBarForegroundEmptyDisabledRaw,
+  ctrlSliderBarForegroundEmptyHoverRaw,
+  ctrlSliderBarForegroundEmptyPressedRaw,
+  ctrlSliderBarForegroundEmptyRestRaw,
+  ctrlSliderBarForegroundFilledDisabledRaw,
+  ctrlSliderBarForegroundFilledHoverRaw,
+  ctrlSliderBarForegroundFilledPressedRaw,
+  ctrlSliderBarForegroundFilledRestRaw,
+  ctrlSliderBarHeightRaw,
+  ctrlSliderLgBarHeightRaw,
+  ctrlSliderLgThumbSizeHoverRaw,
+  ctrlSliderLgThumbSizePressedRaw,
+  ctrlSliderLgThumbSizeRestRaw,
+  ctrlSliderSmBarHeightRaw,
+  ctrlSliderSmThumbSizeHoverRaw,
+  ctrlSliderSmThumbSizePressedRaw,
+  ctrlSliderSmThumbSizeRestRaw,
+  ctrlSliderThumbBackgroundDisabledRaw,
+  ctrlSliderThumbBackgroundHoverRaw,
+  ctrlSliderThumbBackgroundPressedRaw,
+  ctrlSliderThumbBackgroundRestRaw,
+  ctrlSliderThumbCornerRaw,
+  ctrlSliderThumbInnerStrokeDisabledRaw,
+  ctrlSliderThumbInnerStrokeHoverRaw,
+  ctrlSliderThumbInnerStrokePressedRaw,
+  ctrlSliderThumbInnerStrokeRestRaw,
+  ctrlSliderThumbInnerStrokewidthHoverRaw,
+  ctrlSliderThumbInnerStrokewidthPressedRaw,
+  ctrlSliderThumbInnerStrokewidthRestRaw,
+  ctrlSliderThumbOuterStrokeDisabledRaw,
+  ctrlSliderThumbOuterStrokeHoverRaw,
+  ctrlSliderThumbOuterStrokePressedRaw,
+  ctrlSliderThumbOuterStrokeRestRaw,
+  ctrlSliderThumbOuterStrokewidthRaw,
+  ctrlSliderThumbSizeHoverRaw,
+  ctrlSliderThumbSizePressedRaw,
+  ctrlSliderThumbSizeRestRaw,
+} from './variables';
+
+export const ctrlSliderBarHeight = `var(${ctrlSliderBarHeightRaw}, var(${ctrlProgressHeightFilledRaw}))`;
+export const ctrlSliderBarCorner = `var(${ctrlSliderBarCornerRaw}, var(${cornerCircularRaw}))`;
+export const ctrlSliderBarForegroundFilledRest = `var(${ctrlSliderBarForegroundFilledRestRaw}, var(${backgroundCtrlBrandRestRaw}))`;
+export const ctrlSliderBarForegroundEmptyRest = `var(${ctrlSliderBarForegroundEmptyRestRaw}, var(${ctrlProgressBackgroundEmptyRaw}))`;
+export const ctrlSliderBarForegroundEmptyHover = `var(${ctrlSliderBarForegroundEmptyHoverRaw}, var(${ctrlProgressBackgroundEmptyRaw}))`;
+export const ctrlSliderBarForegroundEmptyPressed = `var(${ctrlSliderBarForegroundEmptyPressedRaw}, var(${ctrlProgressBackgroundEmptyRaw}))`;
+export const ctrlSliderBarForegroundEmptyDisabled = `var(${ctrlSliderBarForegroundEmptyDisabledRaw}, var(${ctrlProgressBackgroundEmptyRaw}))`;
+export const ctrlSliderBarForegroundFilledHover = `var(${ctrlSliderBarForegroundFilledHoverRaw}, var(${backgroundCtrlBrandHoverRaw}))`;
+export const ctrlSliderBarForegroundFilledPressed = `var(${ctrlSliderBarForegroundFilledPressedRaw}, var(${backgroundCtrlBrandPressedRaw}))`;
+export const ctrlSliderBarForegroundFilledDisabled = `var(${ctrlSliderBarForegroundFilledDisabledRaw}, var(${backgroundCtrlBrandDisabledRaw}))`;
+export const ctrlSliderThumbCorner = `var(${ctrlSliderThumbCornerRaw}, var(${cornerCircularRaw}))`;
+export const ctrlSliderThumbSizeRest = `var(${ctrlSliderThumbSizeRestRaw}, var(${sizeCtrlIconRaw}))`;
+export const ctrlSliderThumbSizeHover = `var(${ctrlSliderThumbSizeHoverRaw}, var(${sizeCtrlIconRaw}))`;
+export const ctrlSliderThumbSizePressed = `var(${ctrlSliderThumbSizePressedRaw}, var(${sizeCtrlIconRaw}))`;
+export const ctrlSliderThumbBackgroundRest = `var(${ctrlSliderThumbBackgroundRestRaw}, var(${foregroundCtrlOnbrandRestRaw}))`;
+export const ctrlSliderThumbBackgroundHover = `var(${ctrlSliderThumbBackgroundHoverRaw}, var(${foregroundCtrlOnbrandRestRaw}))`;
+export const ctrlSliderThumbBackgroundPressed = `var(${ctrlSliderThumbBackgroundPressedRaw}, var(${foregroundCtrlOnbrandRestRaw}))`;
+export const ctrlSliderThumbBackgroundDisabled = `var(${ctrlSliderThumbBackgroundDisabledRaw}, var(${foregroundCtrlOnbrandDisabledRaw}))`;
+export const ctrlSliderThumbInnerStrokewidthRest = `var(${ctrlSliderThumbInnerStrokewidthRestRaw})`;
+export const ctrlSliderThumbInnerStrokewidthHover = `var(${ctrlSliderThumbInnerStrokewidthHoverRaw}, var(${ctrlSliderThumbInnerStrokewidthRestRaw}))`;
+export const ctrlSliderThumbInnerStrokewidthPressed = `var(${ctrlSliderThumbInnerStrokewidthPressedRaw}, var(${ctrlSliderThumbInnerStrokewidthRestRaw}))`;
+export const ctrlSliderThumbInnerStrokeRest = `var(${ctrlSliderThumbInnerStrokeRestRaw}, var(${backgroundCtrlBrandRestRaw}))`;
+export const ctrlSliderThumbInnerStrokeHover = `var(${ctrlSliderThumbInnerStrokeHoverRaw}, var(${backgroundCtrlBrandHoverRaw}))`;
+export const ctrlSliderThumbInnerStrokePressed = `var(${ctrlSliderThumbInnerStrokePressedRaw}, var(${backgroundCtrlBrandPressedRaw}))`;
+export const ctrlSliderThumbInnerStrokeDisabled = `var(${ctrlSliderThumbInnerStrokeDisabledRaw}, var(${backgroundCtrlBrandDisabledRaw}))`;
+export const ctrlSliderThumbOuterStrokewidth = `var(${ctrlSliderThumbOuterStrokewidthRaw}, var(${strokewidthDefaultRaw}))`;
+export const ctrlSliderThumbOuterStrokeRest = `var(${ctrlSliderThumbOuterStrokeRestRaw}, var(${backgroundCtrlBrandRestRaw}))`;
+export const ctrlSliderThumbOuterStrokeHover = `var(${ctrlSliderThumbOuterStrokeHoverRaw}, var(${backgroundCtrlBrandHoverRaw}))`;
+export const ctrlSliderThumbOuterStrokePressed = `var(${ctrlSliderThumbOuterStrokePressedRaw}, var(${backgroundCtrlBrandPressedRaw}))`;
+export const ctrlSliderThumbOuterStrokeDisabled = `var(${ctrlSliderThumbOuterStrokeDisabledRaw}, var(${backgroundCtrlBrandDisabledRaw}))`;
+export const ctrlSliderSmThumbSizeRest = `var(${ctrlSliderSmThumbSizeRestRaw}, var(${sizeCtrlSmIconRaw}))`;
+export const ctrlSliderSmThumbSizeHover = `var(${ctrlSliderSmThumbSizeHoverRaw}, var(${sizeCtrlSmIconRaw}))`;
+export const ctrlSliderSmThumbSizePressed = `var(${ctrlSliderSmThumbSizePressedRaw}, var(${sizeCtrlSmIconRaw}))`;
+export const ctrlSliderSmBarHeight = `var(${ctrlSliderSmBarHeightRaw}, var(${ctrlProgressSmHeightFilledRaw}))`;
+export const ctrlSliderLgThumbSizeRest = `var(${ctrlSliderLgThumbSizeRestRaw}, var(${sizeCtrlLgIconRaw}))`;
+export const ctrlSliderLgBarHeight = `var(${ctrlSliderLgBarHeightRaw}, var(${ctrlProgressLgHeightFilledRaw}))`;
+export const ctrlSliderLgThumbSizeHover = `var(${ctrlSliderLgThumbSizeHoverRaw}, var(${sizeCtrlLgIconRaw}))`;
+export const ctrlSliderLgThumbSizePressed = `var(${ctrlSliderLgThumbSizePressedRaw}, var(${sizeCtrlLgIconRaw}))`;
diff --git a/packages/semantic-tokens/src/components/slider/variables.ts b/packages/semantic-tokens/src/components/slider/variables.ts
new file mode 100644
index 0000000000000..aa9fbaa0d7575
--- /dev/null
+++ b/packages/semantic-tokens/src/components/slider/variables.ts
@@ -0,0 +1,38 @@
+export const ctrlSliderBarHeightRaw = '--smtc-ctrl-slider-bar-height';
+export const ctrlSliderBarCornerRaw = '--smtc-ctrl-slider-bar-corner';
+export const ctrlSliderBarForegroundFilledRestRaw = '--smtc-ctrl-slider-bar-foreground-filled-rest';
+export const ctrlSliderBarForegroundEmptyRestRaw = '--smtc-ctrl-slider-bar-foreground-empty-rest';
+export const ctrlSliderBarForegroundEmptyHoverRaw = '--smtc-ctrl-slider-bar-foreground-empty-hover';
+export const ctrlSliderBarForegroundEmptyPressedRaw = '--smtc-ctrl-slider-bar-foreground-empty-pressed';
+export const ctrlSliderBarForegroundEmptyDisabledRaw = '--smtc-ctrl-slider-bar-foreground-empty-disabled';
+export const ctrlSliderBarForegroundFilledHoverRaw = '--smtc-ctrl-slider-bar-foreground-filled-hover';
+export const ctrlSliderBarForegroundFilledPressedRaw = '--smtc-ctrl-slider-bar-foreground-filled-pressed';
+export const ctrlSliderBarForegroundFilledDisabledRaw = '--smtc-ctrl-slider-bar-foreground-filled-disabled';
+export const ctrlSliderThumbCornerRaw = '--smtc-ctrl-slider-thumb-corner';
+export const ctrlSliderThumbSizeRestRaw = '--smtc-ctrl-slider-thumb-size-rest';
+export const ctrlSliderThumbSizeHoverRaw = '--smtc-ctrl-slider-thumb-size-hover';
+export const ctrlSliderThumbSizePressedRaw = '--smtc-ctrl-slider-thumb-size-pressed';
+export const ctrlSliderThumbBackgroundRestRaw = '--smtc-ctrl-slider-thumb-background-rest';
+export const ctrlSliderThumbBackgroundHoverRaw = '--smtc-ctrl-slider-thumb-background-hover';
+export const ctrlSliderThumbBackgroundPressedRaw = '--smtc-ctrl-slider-thumb-background-pressed';
+export const ctrlSliderThumbBackgroundDisabledRaw = '--smtc-ctrl-slider-thumb-background-disabled';
+export const ctrlSliderThumbInnerStrokewidthRestRaw = '--smtc-ctrl-slider-thumb-inner-strokewidth-rest';
+export const ctrlSliderThumbInnerStrokewidthHoverRaw = '--smtc-ctrl-slider-thumb-inner-strokewidth-hover';
+export const ctrlSliderThumbInnerStrokewidthPressedRaw = '--smtc-ctrl-slider-thumb-inner-strokewidth-pressed';
+export const ctrlSliderThumbInnerStrokeRestRaw = '--smtc-ctrl-slider-thumb-inner-stroke-rest';
+export const ctrlSliderThumbInnerStrokeHoverRaw = '--smtc-ctrl-slider-thumb-inner-stroke-hover';
+export const ctrlSliderThumbInnerStrokePressedRaw = '--smtc-ctrl-slider-thumb-inner-stroke-pressed';
+export const ctrlSliderThumbInnerStrokeDisabledRaw = '--smtc-ctrl-slider-thumb-inner-stroke-disabled';
+export const ctrlSliderThumbOuterStrokewidthRaw = '--smtc-ctrl-slider-thumb-outer-strokewidth';
+export const ctrlSliderThumbOuterStrokeRestRaw = '--smtc-ctrl-slider-thumb-outer-stroke-rest';
+export const ctrlSliderThumbOuterStrokeHoverRaw = '--smtc-ctrl-slider-thumb-outer-stroke-hover';
+export const ctrlSliderThumbOuterStrokePressedRaw = '--smtc-ctrl-slider-thumb-outer-stroke-pressed';
+export const ctrlSliderThumbOuterStrokeDisabledRaw = '--smtc-ctrl-slider-thumb-outer-stroke-disabled';
+export const ctrlSliderSmThumbSizeRestRaw = '--smtc-ctrl-slider-sm-thumb-size-rest';
+export const ctrlSliderSmThumbSizeHoverRaw = '--smtc-ctrl-slider-sm-thumb-size-hover';
+export const ctrlSliderSmThumbSizePressedRaw = '--smtc-ctrl-slider-sm-thumb-size-pressed';
+export const ctrlSliderSmBarHeightRaw = '--smtc-ctrl-slider-sm-bar-height';
+export const ctrlSliderLgThumbSizeRestRaw = '--smtc-ctrl-slider-lg-thumb-size-rest';
+export const ctrlSliderLgBarHeightRaw = '--smtc-ctrl-slider-lg-bar-height';
+export const ctrlSliderLgThumbSizeHoverRaw = '--smtc-ctrl-slider-lg-thumb-size-hover';
+export const ctrlSliderLgThumbSizePressedRaw = '--smtc-ctrl-slider-lg-thumb-size-pressed';
diff --git a/packages/semantic-tokens/src/components/spinner/tokens.ts b/packages/semantic-tokens/src/components/spinner/tokens.ts
new file mode 100644
index 0000000000000..d7e758f38dcc1
--- /dev/null
+++ b/packages/semantic-tokens/src/components/spinner/tokens.ts
@@ -0,0 +1,5 @@
+import { ctrlProgressHeightFilledRaw } from '../progress/variables';
+import { ctrlSpinnerShowemptytrackRaw, ctrlSpinnerStrokewidthRaw } from './variables';
+
+export const ctrlSpinnerStrokewidth = `var(${ctrlSpinnerStrokewidthRaw}, var(${ctrlProgressHeightFilledRaw}))`;
+export const ctrlSpinnerShowemptytrack = `var(${ctrlSpinnerShowemptytrackRaw})`;
diff --git a/packages/semantic-tokens/src/components/spinner/variables.ts b/packages/semantic-tokens/src/components/spinner/variables.ts
new file mode 100644
index 0000000000000..8731bb3890903
--- /dev/null
+++ b/packages/semantic-tokens/src/components/spinner/variables.ts
@@ -0,0 +1,2 @@
+export const ctrlSpinnerStrokewidthRaw = '--smtc-ctrl-spinner-strokewidth';
+export const ctrlSpinnerShowemptytrackRaw = '--smtc-ctrl-spinner-showemptytrack';
diff --git a/packages/semantic-tokens/src/components/split/tokens.ts b/packages/semantic-tokens/src/components/split/tokens.ts
new file mode 100644
index 0000000000000..162c2eb90bce3
--- /dev/null
+++ b/packages/semantic-tokens/src/components/split/tokens.ts
@@ -0,0 +1,10 @@
+import { strokewidthDefaultRaw } from '../../control/variables';
+import {
+  ctrlSplitDividerStrokewidthOnoutlineRaw,
+  ctrlSplitDividerStrokewidthOnsubtleRaw,
+  ctrlSplitDividerStrokewidthRaw,
+} from './variables';
+
+export const ctrlSplitDividerStrokewidth = `var(${ctrlSplitDividerStrokewidthRaw}, var(${strokewidthDefaultRaw}))`;
+export const ctrlSplitDividerStrokewidthOnoutline = `var(${ctrlSplitDividerStrokewidthOnoutlineRaw}, var(${strokewidthDefaultRaw}))`;
+export const ctrlSplitDividerStrokewidthOnsubtle = `var(${ctrlSplitDividerStrokewidthOnsubtleRaw}, unset)`;
diff --git a/packages/semantic-tokens/src/components/split/variables.ts b/packages/semantic-tokens/src/components/split/variables.ts
new file mode 100644
index 0000000000000..a380e56f4b38c
--- /dev/null
+++ b/packages/semantic-tokens/src/components/split/variables.ts
@@ -0,0 +1,3 @@
+export const ctrlSplitDividerStrokewidthRaw = '--smtc-ctrl-split-divider-strokewidth';
+export const ctrlSplitDividerStrokewidthOnoutlineRaw = '--smtc-ctrl-split-divider-strokewidth-onoutline';
+export const ctrlSplitDividerStrokewidthOnsubtleRaw = '--smtc-ctrl-split-divider-strokewidth-onsubtle';
diff --git a/packages/semantic-tokens/src/components/tooltip/tokens.ts b/packages/semantic-tokens/src/components/tooltip/tokens.ts
new file mode 100644
index 0000000000000..be0deed6db7dd
--- /dev/null
+++ b/packages/semantic-tokens/src/components/tooltip/tokens.ts
@@ -0,0 +1,36 @@
+import { cornerCtrlRestRaw } from '../../control/variables';
+import {
+  ctrlFabShadowRestAmbientBlurRaw,
+  ctrlFabShadowRestAmbientColorRaw,
+  ctrlFabShadowRestAmbientXRaw,
+  ctrlFabShadowRestAmbientYRaw,
+  ctrlFabShadowRestKeyBlurRaw,
+  ctrlFabShadowRestKeyColorRaw,
+  ctrlFabShadowRestKeyXRaw,
+  ctrlFabShadowRestKeyYRaw,
+} from '../fab/variables';
+import {
+  ctrlTooltipBackgroundRaw,
+  ctrlTooltipCornerRaw,
+  ctrlTooltipForegroundRaw,
+  ctrlTooltipShadowAmbientBlurRaw,
+  ctrlTooltipShadowAmbientColorRaw,
+  ctrlTooltipShadowAmbientXRaw,
+  ctrlTooltipShadowAmbientYRaw,
+  ctrlTooltipShadowKeyBlurRaw,
+  ctrlTooltipShadowKeyColorRaw,
+  ctrlTooltipShadowKeyXRaw,
+  ctrlTooltipShadowKeyYRaw,
+} from './variables';
+
+export const ctrlTooltipShadowKeyX = `var(${ctrlTooltipShadowKeyXRaw}, var(${ctrlFabShadowRestKeyXRaw}))`;
+export const ctrlTooltipShadowKeyY = `var(${ctrlTooltipShadowKeyYRaw}, var(${ctrlFabShadowRestKeyYRaw}))`;
+export const ctrlTooltipShadowKeyBlur = `var(${ctrlTooltipShadowKeyBlurRaw}, var(${ctrlFabShadowRestKeyBlurRaw}))`;
+export const ctrlTooltipShadowKeyColor = `var(${ctrlTooltipShadowKeyColorRaw}, var(${ctrlFabShadowRestKeyColorRaw}))`;
+export const ctrlTooltipShadowAmbientX = `var(${ctrlTooltipShadowAmbientXRaw}, var(${ctrlFabShadowRestAmbientXRaw}))`;
+export const ctrlTooltipShadowAmbientY = `var(${ctrlTooltipShadowAmbientYRaw}, var(${ctrlFabShadowRestAmbientYRaw}))`;
+export const ctrlTooltipShadowAmbientBlur = `var(${ctrlTooltipShadowAmbientBlurRaw}, var(${ctrlFabShadowRestAmbientBlurRaw}))`;
+export const ctrlTooltipShadowAmbientColor = `var(${ctrlTooltipShadowAmbientColorRaw}, var(${ctrlFabShadowRestAmbientColorRaw}))`;
+export const ctrlTooltipCorner = `var(${ctrlTooltipCornerRaw}, var(${cornerCtrlRestRaw}))`;
+export const ctrlTooltipBackground = `var(${ctrlTooltipBackgroundRaw})`;
+export const ctrlTooltipForeground = `var(${ctrlTooltipForegroundRaw})`;
diff --git a/packages/semantic-tokens/src/components/tooltip/variables.ts b/packages/semantic-tokens/src/components/tooltip/variables.ts
new file mode 100644
index 0000000000000..5780a772358a9
--- /dev/null
+++ b/packages/semantic-tokens/src/components/tooltip/variables.ts
@@ -0,0 +1,11 @@
+export const ctrlTooltipShadowKeyXRaw = '--smtc-ctrl-tooltip-shadow-key-x';
+export const ctrlTooltipShadowKeyYRaw = '--smtc-ctrl-tooltip-shadow-key-y';
+export const ctrlTooltipShadowKeyBlurRaw = '--smtc-ctrl-tooltip-shadow-key-blur';
+export const ctrlTooltipShadowKeyColorRaw = '--smtc-ctrl-tooltip-shadow-key-color';
+export const ctrlTooltipShadowAmbientXRaw = '--smtc-ctrl-tooltip-shadow-ambient-x';
+export const ctrlTooltipShadowAmbientYRaw = '--smtc-ctrl-tooltip-shadow-ambient-y';
+export const ctrlTooltipShadowAmbientBlurRaw = '--smtc-ctrl-tooltip-shadow-ambient-blur';
+export const ctrlTooltipShadowAmbientColorRaw = '--smtc-ctrl-tooltip-shadow-ambient-color';
+export const ctrlTooltipCornerRaw = '--smtc-ctrl-tooltip-corner';
+export const ctrlTooltipBackgroundRaw = '--smtc-ctrl-tooltip-background';
+export const ctrlTooltipForegroundRaw = '--smtc-ctrl-tooltip-foreground';
diff --git a/packages/semantic-tokens/src/control/tokens.ts b/packages/semantic-tokens/src/control/tokens.ts
new file mode 100644
index 0000000000000..688f8d9c8d495
--- /dev/null
+++ b/packages/semantic-tokens/src/control/tokens.ts
@@ -0,0 +1,468 @@
+import {
+  colorNeutralForegroundDisabled,
+  fontFamilyBase,
+  fontSizeBase300,
+  fontWeightRegular,
+  strokeWidthThin,
+} from '../legacy/tokens';
+import {
+  aiBrandStop1Raw,
+  aiBrandStop2Raw,
+  aiBrandStop3Raw,
+  aiBrandStop4Raw,
+  aiShimmerStop1Raw,
+  aiShimmerStop2Raw,
+  aiShimmerStop3Raw,
+  aiShimmerStop4Raw,
+  backgroundCardOnflyoutDefaultDisabledRaw,
+  backgroundCardOnflyoutDefaultHoverRaw,
+  backgroundCardOnflyoutDefaultPressedRaw,
+  backgroundCardOnflyoutDefaultRestRaw,
+  backgroundCardOnprimaryAltDisabledRaw,
+  backgroundCardOnprimaryAltHoverRaw,
+  backgroundCardOnprimaryAltPressedRaw,
+  backgroundCardOnprimaryAltRestRaw,
+  backgroundCardOnprimaryDefaultDisabledRaw,
+  backgroundCardOnprimaryDefaultHoverRaw,
+  backgroundCardOnprimaryDefaultPressedRaw,
+  backgroundCardOnprimaryDefaultRestRaw,
+  backgroundCardOnsecondaryAltDisabledRaw,
+  backgroundCardOnsecondaryAltHoverRaw,
+  backgroundCardOnsecondaryAltPressedRaw,
+  backgroundCardOnsecondaryAltRestRaw,
+  backgroundCardOnsecondaryDefaultDisabledRaw,
+  backgroundCardOnsecondaryDefaultHoverRaw,
+  backgroundCardOnsecondaryDefaultPressedRaw,
+  backgroundCardOnsecondaryDefaultRestRaw,
+  backgroundCtrlBrandDisabledRaw,
+  backgroundCtrlBrandHoverRaw,
+  backgroundCtrlBrandPressedRaw,
+  backgroundCtrlBrandRestRaw,
+  backgroundCtrlNeutralDisabledRaw,
+  backgroundCtrlNeutralHoverRaw,
+  backgroundCtrlNeutralPressedRaw,
+  backgroundCtrlNeutralRestRaw,
+  backgroundCtrlSubtleHoverRaw,
+  backgroundCtrlSubtlePressedRaw,
+  backgroundFlyoutColorblendRaw,
+  backgroundFlyoutLumblendRaw,
+  backgroundFlyoutSolidRaw,
+  backgroundLayerPrimarySolidRaw,
+  backgroundSmokeRaw,
+  backgroundWebpagePrimaryRaw,
+  backgroundWebpageSecondaryRaw,
+  backgroundWindowPrimaryColorblendRaw,
+  backgroundWindowPrimaryLumblendRaw,
+  backgroundWindowPrimarySolidRaw,
+  backgroundWindowSecondaryColorblendRaw,
+  backgroundWindowSecondaryLumblendRaw,
+  backgroundWindowSecondarySolidRaw,
+  backgroundWindowTabbandColorblendRaw,
+  backgroundWindowTabbandLumblendRaw,
+  backgroundWindowTabbandSolidRaw,
+  cornerBezelRaw,
+  cornerCardRestRaw,
+  cornerCircularRaw,
+  cornerCtrlLgRestRaw,
+  cornerCtrlRestRaw,
+  cornerCtrlSmRestRaw,
+  cornerFlyoutRestRaw,
+  cornerImageIncardRaw,
+  cornerLayerDefaultRaw,
+  cornerWindowDefaultRaw,
+  cornerZeroRaw,
+  foregroundCtrlBrandDisabledRaw,
+  foregroundCtrlBrandHoverRaw,
+  foregroundCtrlBrandPressedRaw,
+  foregroundCtrlBrandRestRaw,
+  foregroundCtrlNeutralPrimaryDisabledRaw,
+  foregroundCtrlNeutralPrimaryRestRaw,
+  foregroundCtrlNeutralSecondaryDisabledRaw,
+  foregroundCtrlNeutralSecondaryRestRaw,
+  foregroundCtrlOnbrandDisabledRaw,
+  foregroundCtrlOnbrandRestRaw,
+  gapBetweenContentLargeRaw,
+  gapBetweenContentMediumRaw,
+  gapBetweenContentNoneRaw,
+  gapBetweenContentSmallRaw,
+  gapBetweenContentXlargeRaw,
+  gapBetweenContentXsmallRaw,
+  gapBetweenContentXxlargeRaw,
+  gapBetweenContentXxsmallRaw,
+  gapBetweenCtrlDefaultRaw,
+  gapBetweenCtrlLgDefaultRaw,
+  gapBetweenCtrlSmDefaultRaw,
+  gapInsideCtrlDefaultRaw,
+  gapInsideCtrlLgDefaultRaw,
+  gapInsideCtrlLgTolabelRaw,
+  gapInsideCtrlLgTosecondaryiconRaw,
+  gapInsideCtrlSmDefaultRaw,
+  gapInsideCtrlSmTolabelRaw,
+  gapInsideCtrlSmTosecondaryiconRaw,
+  gapInsideCtrlTolabelRaw,
+  gapInsideCtrlTosecondaryiconRaw,
+  iconthemeCtrlDefaultRestRaw,
+  iconthemeCtrlDefaultSelectedRaw,
+  materialAcrylicBlurRaw,
+  materialMicaBlurRaw,
+  nullColorRaw,
+  nullNumberRaw,
+  nullStringRaw,
+  paddingContentAlignDefaultRaw,
+  paddingContentAlignOutdentIcononsubtleRaw,
+  paddingContentAlignOutdentTextonsubtleRaw,
+  paddingContentLargeRaw,
+  paddingContentMediumRaw,
+  paddingContentNoneRaw,
+  paddingContentSmallRaw,
+  paddingContentXlargeRaw,
+  paddingContentXsmallRaw,
+  paddingContentXxlargeRaw,
+  paddingContentXxsmallRaw,
+  paddingContentXxxlargeRaw,
+  paddingCtrlHorizontalDefaultRaw,
+  paddingCtrlHorizontalIcononlyRaw,
+  paddingCtrlLgHorizontalDefaultRaw,
+  paddingCtrlLgHorizontalIcononlyRaw,
+  paddingCtrlLgTexttopRaw,
+  paddingCtrlLgTonestedcontrolRaw,
+  paddingCtrlSmHorizontalDefaultRaw,
+  paddingCtrlSmHorizontalIcononlyRaw,
+  paddingCtrlSmTexttopRaw,
+  paddingCtrlSmTonestedcontrolRaw,
+  paddingCtrlTextsideRaw,
+  paddingCtrlTexttopRaw,
+  paddingCtrlTonestedcontrolRaw,
+  shadowFlyoutAmbientBlurRaw,
+  shadowFlyoutAmbientColorRaw,
+  shadowFlyoutAmbientXRaw,
+  shadowFlyoutAmbientYRaw,
+  shadowFlyoutKeyBlurRaw,
+  shadowFlyoutKeyColorRaw,
+  shadowFlyoutKeyXRaw,
+  shadowFlyoutKeyYRaw,
+  shadowToolbarAmbientBlurRaw,
+  shadowToolbarAmbientColorRaw,
+  shadowToolbarAmbientXRaw,
+  shadowToolbarAmbientYRaw,
+  shadowToolbarKeyBlurRaw,
+  shadowToolbarKeyColorRaw,
+  shadowToolbarKeyXRaw,
+  shadowToolbarKeyYRaw,
+  shadowWindowActiveAmbientBlurRaw,
+  shadowWindowActiveAmbientColorRaw,
+  shadowWindowActiveAmbientXRaw,
+  shadowWindowActiveAmbientYRaw,
+  shadowWindowActiveKeyBlurRaw,
+  shadowWindowActiveKeyColorRaw,
+  shadowWindowActiveKeyXRaw,
+  shadowWindowActiveKeyYRaw,
+  shadowWindowInactiveAmbientBlurRaw,
+  shadowWindowInactiveAmbientColorRaw,
+  shadowWindowInactiveAmbientXRaw,
+  shadowWindowInactiveAmbientYRaw,
+  sizeCtrlDefaultRaw,
+  sizeCtrlIconFigmaonlyRaw,
+  sizeCtrlIconRaw,
+  sizeCtrlIconsecondaryRaw,
+  sizeCtrlLgDefaultRaw,
+  sizeCtrlLgIconFigmaonlyRaw,
+  sizeCtrlLgIconRaw,
+  sizeCtrlSmDefaultRaw,
+  sizeCtrlSmIconFigmaonlyRaw,
+  sizeCtrlSmIconRaw,
+  statusAwayForegroundRaw,
+  statusBrandTintBackgroundRaw,
+  statusBrandTintStrokeRaw,
+  statusDangerBackgroundRaw,
+  statusDangerTintBackgroundRaw,
+  statusDangerTintForegroundRaw,
+  statusDangerTintStrokeRaw,
+  statusImportantBackgroundRaw,
+  statusImportantTintBackgroundRaw,
+  statusImportantTintForegroundRaw,
+  statusImportantTintStrokeRaw,
+  statusInformativeBackgroundRaw,
+  statusInformativeTintBackgroundRaw,
+  statusInformativeTintForegroundRaw,
+  statusInformativeTintStrokeRaw,
+  statusNeutralBackgroundRaw,
+  statusNeutralTintBackgroundRaw,
+  statusNeutralTintStrokeRaw,
+  statusOofForegroundRaw,
+  statusSuccessBackgroundRaw,
+  statusSuccessTintBackgroundRaw,
+  statusSuccessTintForegroundRaw,
+  statusSuccessTintStrokeRaw,
+  statusWarningBackgroundRaw,
+  statusWarningTintBackgroundRaw,
+  statusWarningTintForegroundRaw,
+  statusWarningTintStrokeRaw,
+  strokeCtrlDividerOnbrandRaw,
+  strokeCtrlDividerOnneutralRaw,
+  strokeCtrlDividerOnoutlineRaw,
+  strokeCtrlOnoutlineDisabledRaw,
+  strokeCtrlOnoutlineHoverRaw,
+  strokeCtrlOnoutlinePressedRaw,
+  strokeCtrlOnoutlineRestRaw,
+  strokeDividerDefaultRaw,
+  strokewidthDefaultRaw,
+  strokeWindowActiveRaw,
+  textCtrlWeightSelectedRaw,
+  textGlobalBody1FontsizeRaw,
+  textGlobalBody1LineheightRaw,
+  textGlobalBody2FontsizeRaw,
+  textGlobalBody2LineheightRaw,
+  textGlobalBody3FontsizeRaw,
+  textGlobalBody3LineheightRaw,
+  textGlobalCaption1FontsizeRaw,
+  textGlobalCaption1LineheightRaw,
+  textGlobalCaption2FontsizeRaw,
+  textGlobalCaption2LineheightRaw,
+  textGlobalDisplay1FontsizeRaw,
+  textGlobalDisplay1LineheightRaw,
+  textGlobalDisplay2FontsizeRaw,
+  textGlobalDisplay2LineheightRaw,
+  textGlobalSubtitle1FontsizeRaw,
+  textGlobalSubtitle1LineheightRaw,
+  textGlobalSubtitle2FontsizeRaw,
+  textGlobalSubtitle2LineheightRaw,
+  textGlobalTitle1FontsizeRaw,
+  textGlobalTitle1LineheightRaw,
+  textGlobalTitle2FontsizeRaw,
+  textGlobalTitle2LineheightRaw,
+  textStyleDefaultHeaderWeightRaw,
+  textStyleDefaultRegularFontfamilyRaw,
+  textStyleDefaultRegularLetterspacingRaw,
+  textStyleDefaultRegularWeightRaw,
+} from './variables';
+
+export const textGlobalDisplay1Fontsize = `var(${textGlobalDisplay1FontsizeRaw})`;
+export const textGlobalDisplay1Lineheight = `var(${textGlobalDisplay1LineheightRaw})`;
+export const textGlobalDisplay2Fontsize = `var(${textGlobalDisplay2FontsizeRaw})`;
+export const textGlobalDisplay2Lineheight = `var(${textGlobalDisplay2LineheightRaw})`;
+export const textGlobalTitle1Fontsize = `var(${textGlobalTitle1FontsizeRaw})`;
+export const textGlobalTitle1Lineheight = `var(${textGlobalTitle1LineheightRaw})`;
+export const textGlobalTitle2Fontsize = `var(${textGlobalTitle2FontsizeRaw})`;
+export const textGlobalTitle2Lineheight = `var(${textGlobalTitle2LineheightRaw})`;
+export const textGlobalSubtitle1Fontsize = `var(${textGlobalSubtitle1FontsizeRaw})`;
+export const textGlobalSubtitle1Lineheight = `var(${textGlobalSubtitle1LineheightRaw})`;
+export const textGlobalSubtitle2Fontsize = `var(${textGlobalSubtitle2FontsizeRaw})`;
+export const textGlobalSubtitle2Lineheight = `var(${textGlobalSubtitle2LineheightRaw})`;
+export const textGlobalBody1Fontsize = `var(${textGlobalBody1FontsizeRaw})`;
+export const textGlobalBody1Lineheight = `var(${textGlobalBody1LineheightRaw})`;
+export const textGlobalBody2Fontsize = `var(${textGlobalBody2FontsizeRaw})`;
+export const textGlobalBody2Lineheight = `var(${textGlobalBody2LineheightRaw})`;
+export const textGlobalBody3Fontsize = `var(${textGlobalBody3FontsizeRaw}, ${fontSizeBase300})`;
+export const textGlobalBody3Lineheight = `var(${textGlobalBody3LineheightRaw})`;
+export const textGlobalCaption1Fontsize = `var(${textGlobalCaption1FontsizeRaw})`;
+export const textGlobalCaption1Lineheight = `var(${textGlobalCaption1LineheightRaw})`;
+export const textGlobalCaption2Fontsize = `var(${textGlobalCaption2FontsizeRaw})`;
+export const textGlobalCaption2Lineheight = `var(${textGlobalCaption2LineheightRaw})`;
+export const textStyleDefaultRegularFontfamily = `var(${textStyleDefaultRegularFontfamilyRaw}, ${fontFamilyBase})`;
+export const textStyleDefaultRegularWeight = `var(${textStyleDefaultRegularWeightRaw}, ${fontWeightRegular})`;
+export const textStyleDefaultRegularLetterspacing = `var(${textStyleDefaultRegularLetterspacingRaw})`;
+export const textStyleDefaultHeaderWeight = `var(${textStyleDefaultHeaderWeightRaw})`;
+export const sizeCtrlDefault = `var(${sizeCtrlDefaultRaw})`;
+export const sizeCtrlIcon = `var(${sizeCtrlIconRaw})`;
+export const sizeCtrlIconFigmaonly = `var(${sizeCtrlIconFigmaonlyRaw})`;
+export const sizeCtrlIconsecondary = `var(${sizeCtrlIconsecondaryRaw})`;
+export const textCtrlWeightSelected = `var(${textCtrlWeightSelectedRaw})`;
+export const sizeCtrlSmDefault = `var(${sizeCtrlSmDefaultRaw})`;
+export const sizeCtrlSmIcon = `var(${sizeCtrlSmIconRaw})`;
+export const sizeCtrlLgDefault = `var(${sizeCtrlLgDefaultRaw})`;
+export const sizeCtrlLgIcon = `var(${sizeCtrlLgIconRaw})`;
+export const sizeCtrlSmIconFigmaonly = `var(${sizeCtrlSmIconFigmaonlyRaw})`;
+export const sizeCtrlLgIconFigmaonly = `var(${sizeCtrlLgIconFigmaonlyRaw})`;
+export const paddingContentAlignDefault = `var(${paddingContentAlignDefaultRaw})`;
+export const paddingContentAlignOutdentIcononsubtle = `var(${paddingContentAlignOutdentIcononsubtleRaw})`;
+export const paddingContentAlignOutdentTextonsubtle = `var(${paddingContentAlignOutdentTextonsubtleRaw})`;
+export const paddingContentNone = `var(${paddingContentNoneRaw})`;
+export const paddingContentXxsmall = `var(${paddingContentXxsmallRaw})`;
+export const paddingContentXsmall = `var(${paddingContentXsmallRaw})`;
+export const paddingContentSmall = `var(${paddingContentSmallRaw})`;
+export const paddingContentMedium = `var(${paddingContentMediumRaw})`;
+export const paddingContentLarge = `var(${paddingContentLargeRaw})`;
+export const paddingContentXlarge = `var(${paddingContentXlargeRaw})`;
+export const paddingContentXxlarge = `var(${paddingContentXxlargeRaw})`;
+export const paddingContentXxxlarge = `var(${paddingContentXxxlargeRaw})`;
+export const paddingCtrlHorizontalDefault = `var(${paddingCtrlHorizontalDefaultRaw})`;
+export const paddingCtrlHorizontalIcononly = `var(${paddingCtrlHorizontalIcononlyRaw})`;
+export const paddingCtrlTexttop = `var(${paddingCtrlTexttopRaw})`;
+export const paddingCtrlTextside = `var(${paddingCtrlTextsideRaw})`;
+export const paddingCtrlTonestedcontrol = `var(${paddingCtrlTonestedcontrolRaw})`;
+export const paddingCtrlSmHorizontalDefault = `var(${paddingCtrlSmHorizontalDefaultRaw})`;
+export const paddingCtrlSmHorizontalIcononly = `var(${paddingCtrlSmHorizontalIcononlyRaw})`;
+export const paddingCtrlSmTexttop = `var(${paddingCtrlSmTexttopRaw})`;
+export const paddingCtrlSmTonestedcontrol = `var(${paddingCtrlSmTonestedcontrolRaw})`;
+export const paddingCtrlLgHorizontalDefault = `var(${paddingCtrlLgHorizontalDefaultRaw})`;
+export const paddingCtrlLgHorizontalIcononly = `var(${paddingCtrlLgHorizontalIcononlyRaw})`;
+export const paddingCtrlLgTexttop = `var(${paddingCtrlLgTexttopRaw})`;
+export const paddingCtrlLgTonestedcontrol = `var(${paddingCtrlLgTonestedcontrolRaw})`;
+export const gapBetweenContentNone = `var(${gapBetweenContentNoneRaw})`;
+export const gapBetweenContentXxsmall = `var(${gapBetweenContentXxsmallRaw})`;
+export const gapBetweenContentXsmall = `var(${gapBetweenContentXsmallRaw})`;
+export const gapBetweenContentSmall = `var(${gapBetweenContentSmallRaw})`;
+export const gapBetweenCtrlDefault = `var(${gapBetweenCtrlDefaultRaw})`;
+export const gapBetweenContentMedium = `var(${gapBetweenContentMediumRaw})`;
+export const gapBetweenContentLarge = `var(${gapBetweenContentLargeRaw})`;
+export const gapBetweenContentXlarge = `var(${gapBetweenContentXlargeRaw})`;
+export const gapBetweenContentXxlarge = `var(${gapBetweenContentXxlargeRaw})`;
+export const gapBetweenCtrlLgDefault = `var(${gapBetweenCtrlLgDefaultRaw})`;
+export const gapBetweenCtrlSmDefault = `var(${gapBetweenCtrlSmDefaultRaw})`;
+export const gapInsideCtrlDefault = `var(${gapInsideCtrlDefaultRaw})`;
+export const gapInsideCtrlSmDefault = `var(${gapInsideCtrlSmDefaultRaw})`;
+export const gapInsideCtrlSmTosecondaryicon = `var(${gapInsideCtrlSmTosecondaryiconRaw})`;
+export const gapInsideCtrlLgDefault = `var(${gapInsideCtrlLgDefaultRaw})`;
+export const gapInsideCtrlLgTosecondaryicon = `var(${gapInsideCtrlLgTosecondaryiconRaw})`;
+export const gapInsideCtrlTosecondaryicon = `var(${gapInsideCtrlTosecondaryiconRaw})`;
+export const gapInsideCtrlTolabel = `var(${gapInsideCtrlTolabelRaw})`;
+export const gapInsideCtrlSmTolabel = `var(${gapInsideCtrlSmTolabelRaw})`;
+export const gapInsideCtrlLgTolabel = `var(${gapInsideCtrlLgTolabelRaw})`;
+export const cornerCircular = `var(${cornerCircularRaw})`;
+export const strokewidthDefault = `var(${strokewidthDefaultRaw}, ${strokeWidthThin})`;
+export const backgroundSmoke = `var(${backgroundSmokeRaw})`;
+export const strokeCtrlOnoutlineRest = `var(${strokeCtrlOnoutlineRestRaw})`;
+export const strokeCtrlOnoutlineHover = `var(${strokeCtrlOnoutlineHoverRaw})`;
+export const strokeCtrlOnoutlinePressed = `var(${strokeCtrlOnoutlinePressedRaw})`;
+export const strokeCtrlOnoutlineDisabled = `var(${strokeCtrlOnoutlineDisabledRaw})`;
+export const strokeCtrlDividerOnbrand = `var(${strokeCtrlDividerOnbrandRaw})`;
+export const strokeCtrlDividerOnneutral = `var(${strokeCtrlDividerOnneutralRaw})`;
+export const strokeCtrlDividerOnoutline = `var(${strokeCtrlDividerOnoutlineRaw})`;
+export const strokeDividerDefault = `var(${strokeDividerDefaultRaw})`;
+export const strokeWindowActive = `var(${strokeWindowActiveRaw})`;
+export const backgroundWindowPrimarySolid = `var(${backgroundWindowPrimarySolidRaw})`;
+export const backgroundWindowPrimaryColorblend = `var(${backgroundWindowPrimaryColorblendRaw})`;
+export const backgroundWindowPrimaryLumblend = `var(${backgroundWindowPrimaryLumblendRaw})`;
+export const backgroundWindowSecondarySolid = `var(${backgroundWindowSecondarySolidRaw})`;
+export const backgroundWindowSecondaryColorblend = `var(${backgroundWindowSecondaryColorblendRaw})`;
+export const backgroundWindowSecondaryLumblend = `var(${backgroundWindowSecondaryLumblendRaw})`;
+export const backgroundWindowTabbandColorblend = `var(${backgroundWindowTabbandColorblendRaw})`;
+export const backgroundWindowTabbandLumblend = `var(${backgroundWindowTabbandLumblendRaw})`;
+export const backgroundWindowTabbandSolid = `var(${backgroundWindowTabbandSolidRaw})`;
+export const backgroundWebpagePrimary = `var(${backgroundWebpagePrimaryRaw})`;
+export const backgroundWebpageSecondary = `var(${backgroundWebpageSecondaryRaw})`;
+export const backgroundLayerPrimarySolid = `var(${backgroundLayerPrimarySolidRaw})`;
+export const backgroundCardOnprimaryDefaultRest = `var(${backgroundCardOnprimaryDefaultRestRaw})`;
+export const backgroundCardOnprimaryAltRest = `var(${backgroundCardOnprimaryAltRestRaw})`;
+export const backgroundCardOnprimaryAltHover = `var(${backgroundCardOnprimaryAltHoverRaw})`;
+export const backgroundCardOnprimaryAltPressed = `var(${backgroundCardOnprimaryAltPressedRaw})`;
+export const backgroundCardOnprimaryAltDisabled = `var(${backgroundCardOnprimaryAltDisabledRaw})`;
+export const backgroundCardOnprimaryDefaultHover = `var(${backgroundCardOnprimaryDefaultHoverRaw})`;
+export const backgroundCardOnprimaryDefaultPressed = `var(${backgroundCardOnprimaryDefaultPressedRaw})`;
+export const backgroundCardOnprimaryDefaultDisabled = `var(${backgroundCardOnprimaryDefaultDisabledRaw})`;
+export const backgroundFlyoutSolid = `var(${backgroundFlyoutSolidRaw})`;
+export const backgroundCtrlBrandRest = `var(${backgroundCtrlBrandRestRaw})`;
+export const backgroundCtrlBrandHover = `var(${backgroundCtrlBrandHoverRaw})`;
+export const backgroundCtrlBrandPressed = `var(${backgroundCtrlBrandPressedRaw})`;
+export const backgroundCtrlBrandDisabled = `var(${backgroundCtrlBrandDisabledRaw})`;
+export const backgroundCtrlNeutralRest = `var(${backgroundCtrlNeutralRestRaw})`;
+export const backgroundCtrlNeutralHover = `var(${backgroundCtrlNeutralHoverRaw})`;
+export const backgroundCtrlNeutralPressed = `var(${backgroundCtrlNeutralPressedRaw})`;
+export const backgroundCtrlNeutralDisabled = `var(${backgroundCtrlNeutralDisabledRaw})`;
+export const backgroundCtrlSubtleHover = `var(${backgroundCtrlSubtleHoverRaw})`;
+export const backgroundCtrlSubtlePressed = `var(${backgroundCtrlSubtlePressedRaw})`;
+export const backgroundFlyoutLumblend = `var(${backgroundFlyoutLumblendRaw})`;
+export const backgroundFlyoutColorblend = `var(${backgroundFlyoutColorblendRaw})`;
+export const cornerZero = `var(${cornerZeroRaw})`;
+export const cornerBezel = `var(${cornerBezelRaw})`;
+export const cornerWindowDefault = `var(${cornerWindowDefaultRaw})`;
+export const cornerFlyoutRest = `var(${cornerFlyoutRestRaw})`;
+export const cornerLayerDefault = `var(${cornerLayerDefaultRaw})`;
+export const cornerCardRest = `var(${cornerCardRestRaw})`;
+export const cornerCtrlRest = `var(${cornerCtrlRestRaw})`;
+export const cornerCtrlSmRest = `var(${cornerCtrlSmRestRaw})`;
+export const cornerCtrlLgRest = `var(${cornerCtrlLgRestRaw})`;
+export const cornerImageIncard = `var(${cornerImageIncardRaw})`;
+export const foregroundCtrlNeutralPrimaryRest = `var(${foregroundCtrlNeutralPrimaryRestRaw})`;
+export const foregroundCtrlNeutralPrimaryDisabled = `var(${foregroundCtrlNeutralPrimaryDisabledRaw}, ${colorNeutralForegroundDisabled})`;
+export const foregroundCtrlNeutralSecondaryRest = `var(${foregroundCtrlNeutralSecondaryRestRaw})`;
+export const foregroundCtrlNeutralSecondaryDisabled = `var(${foregroundCtrlNeutralSecondaryDisabledRaw})`;
+export const foregroundCtrlBrandRest = `var(${foregroundCtrlBrandRestRaw})`;
+export const foregroundCtrlBrandHover = `var(${foregroundCtrlBrandHoverRaw})`;
+export const foregroundCtrlBrandPressed = `var(${foregroundCtrlBrandPressedRaw})`;
+export const foregroundCtrlBrandDisabled = `var(${foregroundCtrlBrandDisabledRaw})`;
+export const foregroundCtrlOnbrandRest = `var(${foregroundCtrlOnbrandRestRaw})`;
+export const foregroundCtrlOnbrandDisabled = `var(${foregroundCtrlOnbrandDisabledRaw})`;
+export const shadowFlyoutKeyX = `var(${shadowFlyoutKeyXRaw})`;
+export const shadowFlyoutKeyY = `var(${shadowFlyoutKeyYRaw})`;
+export const shadowFlyoutKeyBlur = `var(${shadowFlyoutKeyBlurRaw})`;
+export const shadowFlyoutKeyColor = `var(${shadowFlyoutKeyColorRaw})`;
+export const shadowFlyoutAmbientX = `var(${shadowFlyoutAmbientXRaw})`;
+export const shadowFlyoutAmbientY = `var(${shadowFlyoutAmbientYRaw})`;
+export const shadowFlyoutAmbientBlur = `var(${shadowFlyoutAmbientBlurRaw})`;
+export const shadowFlyoutAmbientColor = `var(${shadowFlyoutAmbientColorRaw})`;
+export const shadowToolbarKeyX = `var(${shadowToolbarKeyXRaw})`;
+export const shadowToolbarKeyY = `var(${shadowToolbarKeyYRaw})`;
+export const shadowToolbarKeyBlur = `var(${shadowToolbarKeyBlurRaw})`;
+export const shadowToolbarKeyColor = `var(${shadowToolbarKeyColorRaw})`;
+export const shadowToolbarAmbientX = `var(${shadowToolbarAmbientXRaw})`;
+export const shadowToolbarAmbientY = `var(${shadowToolbarAmbientYRaw})`;
+export const shadowToolbarAmbientBlur = `var(${shadowToolbarAmbientBlurRaw})`;
+export const shadowToolbarAmbientColor = `var(${shadowToolbarAmbientColorRaw})`;
+export const materialAcrylicBlur = `var(${materialAcrylicBlurRaw})`;
+export const materialMicaBlur = `var(${materialMicaBlurRaw})`;
+export const iconthemeCtrlDefaultRest = `var(${iconthemeCtrlDefaultRestRaw})`;
+export const iconthemeCtrlDefaultSelected = `var(${iconthemeCtrlDefaultSelectedRaw})`;
+export const statusBrandTintBackground = `var(${statusBrandTintBackgroundRaw})`;
+export const statusBrandTintStroke = `var(${statusBrandTintStrokeRaw})`;
+export const statusDangerBackground = `var(${statusDangerBackgroundRaw})`;
+export const statusDangerTintBackground = `var(${statusDangerTintBackgroundRaw})`;
+export const statusDangerTintStroke = `var(${statusDangerTintStrokeRaw})`;
+export const statusDangerTintForeground = `var(${statusDangerTintForegroundRaw})`;
+export const statusWarningBackground = `var(${statusWarningBackgroundRaw})`;
+export const statusWarningTintBackground = `var(${statusWarningTintBackgroundRaw})`;
+export const statusWarningTintStroke = `var(${statusWarningTintStrokeRaw})`;
+export const statusWarningTintForeground = `var(${statusWarningTintForegroundRaw})`;
+export const statusSuccessBackground = `var(${statusSuccessBackgroundRaw})`;
+export const statusSuccessTintBackground = `var(${statusSuccessTintBackgroundRaw})`;
+export const statusSuccessTintStroke = `var(${statusSuccessTintStrokeRaw})`;
+export const statusSuccessTintForeground = `var(${statusSuccessTintForegroundRaw})`;
+export const statusImportantBackground = `var(${statusImportantBackgroundRaw})`;
+export const statusImportantTintBackground = `var(${statusImportantTintBackgroundRaw})`;
+export const statusImportantTintStroke = `var(${statusImportantTintStrokeRaw})`;
+export const statusImportantTintForeground = `var(${statusImportantTintForegroundRaw})`;
+export const statusInformativeBackground = `var(${statusInformativeBackgroundRaw})`;
+export const statusInformativeTintForeground = `var(${statusInformativeTintForegroundRaw})`;
+export const statusInformativeTintStroke = `var(${statusInformativeTintStrokeRaw})`;
+export const statusInformativeTintBackground = `var(${statusInformativeTintBackgroundRaw})`;
+export const statusAwayForeground = `var(${statusAwayForegroundRaw})`;
+export const statusOofForeground = `var(${statusOofForegroundRaw})`;
+export const aiBrandStop1 = `var(${aiBrandStop1Raw})`;
+export const aiBrandStop2 = `var(${aiBrandStop2Raw})`;
+export const aiBrandStop3 = `var(${aiBrandStop3Raw})`;
+export const aiBrandStop4 = `var(${aiBrandStop4Raw})`;
+export const aiShimmerStop1 = `var(${aiShimmerStop1Raw})`;
+export const aiShimmerStop2 = `var(${aiShimmerStop2Raw})`;
+export const aiShimmerStop3 = `var(${aiShimmerStop3Raw})`;
+export const aiShimmerStop4 = `var(${aiShimmerStop4Raw})`;
+export const shadowWindowActiveKeyX = `var(${shadowWindowActiveKeyXRaw})`;
+export const shadowWindowActiveKeyY = `var(${shadowWindowActiveKeyYRaw})`;
+export const shadowWindowActiveKeyBlur = `var(${shadowWindowActiveKeyBlurRaw})`;
+export const shadowWindowActiveKeyColor = `var(${shadowWindowActiveKeyColorRaw})`;
+export const shadowWindowActiveAmbientX = `var(${shadowWindowActiveAmbientXRaw})`;
+export const shadowWindowActiveAmbientY = `var(${shadowWindowActiveAmbientYRaw})`;
+export const shadowWindowActiveAmbientBlur = `var(${shadowWindowActiveAmbientBlurRaw})`;
+export const shadowWindowActiveAmbientColor = `var(${shadowWindowActiveAmbientColorRaw})`;
+export const shadowWindowInactiveAmbientX = `var(${shadowWindowInactiveAmbientXRaw})`;
+export const shadowWindowInactiveAmbientY = `var(${shadowWindowInactiveAmbientYRaw})`;
+export const shadowWindowInactiveAmbientBlur = `var(${shadowWindowInactiveAmbientBlurRaw})`;
+export const shadowWindowInactiveAmbientColor = `var(${shadowWindowInactiveAmbientColorRaw})`;
+export const nullColor = `var(${nullColorRaw})`;
+export const statusNeutralBackground = `var(${statusNeutralBackgroundRaw})`;
+export const statusNeutralTintBackground = `var(${statusNeutralTintBackgroundRaw})`;
+export const statusNeutralTintStroke = `var(${statusNeutralTintStrokeRaw})`;
+export const nullNumber = `var(${nullNumberRaw})`;
+export const nullString = `var(${nullStringRaw})`;
+export const backgroundCardOnsecondaryDefaultRest = `var(${backgroundCardOnsecondaryDefaultRestRaw})`;
+export const backgroundCardOnsecondaryAltRest = `var(${backgroundCardOnsecondaryAltRestRaw})`;
+export const backgroundCardOnsecondaryAltHover = `var(${backgroundCardOnsecondaryAltHoverRaw})`;
+export const backgroundCardOnsecondaryAltPressed = `var(${backgroundCardOnsecondaryAltPressedRaw})`;
+export const backgroundCardOnsecondaryAltDisabled = `var(${backgroundCardOnsecondaryAltDisabledRaw})`;
+export const backgroundCardOnsecondaryDefaultHover = `var(${backgroundCardOnsecondaryDefaultHoverRaw})`;
+export const backgroundCardOnsecondaryDefaultPressed = `var(${backgroundCardOnsecondaryDefaultPressedRaw})`;
+export const backgroundCardOnsecondaryDefaultDisabled = `var(${backgroundCardOnsecondaryDefaultDisabledRaw})`;
+export const backgroundCardOnflyoutDefaultRest = `var(${backgroundCardOnflyoutDefaultRestRaw})`;
+export const backgroundCardOnflyoutDefaultHover = `var(${backgroundCardOnflyoutDefaultHoverRaw})`;
+export const backgroundCardOnflyoutDefaultPressed = `var(${backgroundCardOnflyoutDefaultPressedRaw})`;
+export const backgroundCardOnflyoutDefaultDisabled = `var(${backgroundCardOnflyoutDefaultDisabledRaw})`;
diff --git a/packages/semantic-tokens/src/control/variables.ts b/packages/semantic-tokens/src/control/variables.ts
new file mode 100644
index 0000000000000..b598973cb7262
--- /dev/null
+++ b/packages/semantic-tokens/src/control/variables.ts
@@ -0,0 +1,229 @@
+export const textGlobalDisplay1FontsizeRaw = '--smtc-text-global-display1-fontsize';
+export const textGlobalDisplay1LineheightRaw = '--smtc-text-global-display1-lineheight';
+export const textGlobalDisplay2FontsizeRaw = '--smtc-text-global-display2-fontsize';
+export const textGlobalDisplay2LineheightRaw = '--smtc-text-global-display2-lineheight';
+export const textGlobalTitle1FontsizeRaw = '--smtc-text-global-title1-fontsize';
+export const textGlobalTitle1LineheightRaw = '--smtc-text-global-title1-lineheight';
+export const textGlobalTitle2FontsizeRaw = '--smtc-text-global-title2-fontsize';
+export const textGlobalTitle2LineheightRaw = '--smtc-text-global-title2-lineheight';
+export const textGlobalSubtitle1FontsizeRaw = '--smtc-text-global-subtitle1-fontsize';
+export const textGlobalSubtitle1LineheightRaw = '--smtc-text-global-subtitle1-lineheight';
+export const textGlobalSubtitle2FontsizeRaw = '--smtc-text-global-subtitle2-fontsize';
+export const textGlobalSubtitle2LineheightRaw = '--smtc-text-global-subtitle2-lineheight';
+export const textGlobalBody1FontsizeRaw = '--smtc-text-global-body1-fontsize';
+export const textGlobalBody1LineheightRaw = '--smtc-text-global-body1-lineheight';
+export const textGlobalBody2FontsizeRaw = '--smtc-text-global-body2-fontsize';
+export const textGlobalBody2LineheightRaw = '--smtc-text-global-body2-lineheight';
+export const textGlobalBody3FontsizeRaw = '--smtc-text-global-body3-fontsize';
+export const textGlobalBody3LineheightRaw = '--smtc-text-global-body3-lineheight';
+export const textGlobalCaption1FontsizeRaw = '--smtc-text-global-caption1-fontsize';
+export const textGlobalCaption1LineheightRaw = '--smtc-text-global-caption1-lineheight';
+export const textGlobalCaption2FontsizeRaw = '--smtc-text-global-caption2-fontsize';
+export const textGlobalCaption2LineheightRaw = '--smtc-text-global-caption2-lineheight';
+export const textStyleDefaultRegularFontfamilyRaw = '--smtc-text-style-default-regular-fontfamily';
+export const textStyleDefaultRegularWeightRaw = '--smtc-text-style-default-regular-weight';
+export const textStyleDefaultRegularLetterspacingRaw = '--smtc-text-style-default-regular-letterspacing';
+export const textStyleDefaultHeaderWeightRaw = '--smtc-text-style-default-header-weight';
+export const sizeCtrlDefaultRaw = '--smtc-size-ctrl-default';
+export const sizeCtrlIconRaw = '--smtc-size-ctrl-icon';
+export const sizeCtrlIconFigmaonlyRaw = '--smtc-size-ctrl-iconfigmaonly';
+export const sizeCtrlIconsecondaryRaw = '--smtc-size-ctrl-iconsecondary';
+export const textCtrlWeightSelectedRaw = '--smtc-text-ctrl-weight-selected';
+export const sizeCtrlSmDefaultRaw = '--smtc-size-ctrl-sm-default';
+export const sizeCtrlSmIconRaw = '--smtc-size-ctrl-sm-icon';
+export const sizeCtrlLgDefaultRaw = '--smtc-size-ctrl-lg-default';
+export const sizeCtrlLgIconRaw = '--smtc-size-ctrl-lg-icon';
+export const sizeCtrlSmIconFigmaonlyRaw = '--smtc-size-ctrl-sm-iconfigmaonly';
+export const sizeCtrlLgIconFigmaonlyRaw = '--smtc-size-ctrl-lg-iconfigmaonly';
+export const paddingContentAlignDefaultRaw = '--smtc-padding-content-align-default';
+export const paddingContentAlignOutdentIcononsubtleRaw = '--smtc-padding-content-align-outdent-icononsubtle';
+export const paddingContentAlignOutdentTextonsubtleRaw = '--smtc-padding-content-align-outdent-textonsubtle';
+export const paddingContentNoneRaw = '--smtc-padding-content-none';
+export const paddingContentXxsmallRaw = '--smtc-padding-content-xxsmall';
+export const paddingContentXsmallRaw = '--smtc-padding-content-xsmall';
+export const paddingContentSmallRaw = '--smtc-padding-content-small';
+export const paddingContentMediumRaw = '--smtc-padding-content-medium';
+export const paddingContentLargeRaw = '--smtc-padding-content-large';
+export const paddingContentXlargeRaw = '--smtc-padding-content-xlarge';
+export const paddingContentXxlargeRaw = '--smtc-padding-content-xxlarge';
+export const paddingContentXxxlargeRaw = '--smtc-padding-content-xxxlarge';
+export const paddingCtrlHorizontalDefaultRaw = '--smtc-padding-ctrl-horizontal-default';
+export const paddingCtrlHorizontalIcononlyRaw = '--smtc-padding-ctrl-horizontal-icononly';
+export const paddingCtrlTexttopRaw = '--smtc-padding-ctrl-texttop';
+export const paddingCtrlTextsideRaw = '--smtc-padding-ctrl-textside';
+export const paddingCtrlTonestedcontrolRaw = '--smtc-padding-ctrl-tonestedcontrol';
+export const paddingCtrlSmHorizontalDefaultRaw = '--smtc-padding-ctrl-sm-horizontal-default';
+export const paddingCtrlSmHorizontalIcononlyRaw = '--smtc-padding-ctrl-sm-horizontal-icononly';
+export const paddingCtrlSmTexttopRaw = '--smtc-padding-ctrl-sm-texttop';
+export const paddingCtrlSmTonestedcontrolRaw = '--smtc-padding-ctrl-sm-tonestedcontrol';
+export const paddingCtrlLgHorizontalDefaultRaw = '--smtc-padding-ctrl-lg-horizontal-default';
+export const paddingCtrlLgHorizontalIcononlyRaw = '--smtc-padding-ctrl-lg-horizontal-icononly';
+export const paddingCtrlLgTexttopRaw = '--smtc-padding-ctrl-lg-texttop';
+export const paddingCtrlLgTonestedcontrolRaw = '--smtc-padding-ctrl-lg-tonestedcontrol';
+export const gapBetweenContentNoneRaw = '--smtc-gap-between-content-none';
+export const gapBetweenContentXxsmallRaw = '--smtc-gap-between-content-xxsmall';
+export const gapBetweenContentXsmallRaw = '--smtc-gap-between-content-xsmall';
+export const gapBetweenContentSmallRaw = '--smtc-gap-between-content-small';
+export const gapBetweenCtrlDefaultRaw = '--smtc-gap-between-ctrl-default';
+export const gapBetweenContentMediumRaw = '--smtc-gap-between-content-medium';
+export const gapBetweenContentLargeRaw = '--smtc-gap-between-content-large';
+export const gapBetweenContentXlargeRaw = '--smtc-gap-between-content-xlarge';
+export const gapBetweenContentXxlargeRaw = '--smtc-gap-between-content-xxlarge';
+export const gapBetweenCtrlLgDefaultRaw = '--smtc-gap-between-ctrl-lg-default';
+export const gapBetweenCtrlSmDefaultRaw = '--smtc-gap-between-ctrl-sm-default';
+export const gapInsideCtrlDefaultRaw = '--smtc-gap-inside-ctrl-default';
+export const gapInsideCtrlSmDefaultRaw = '--smtc-gap-inside-ctrl-sm-default';
+export const gapInsideCtrlSmTosecondaryiconRaw = '--smtc-gap-inside-ctrl-sm-tosecondaryicon';
+export const gapInsideCtrlLgDefaultRaw = '--smtc-gap-inside-ctrl-lg-default';
+export const gapInsideCtrlLgTosecondaryiconRaw = '--smtc-gap-inside-ctrl-lg-tosecondaryicon';
+export const gapInsideCtrlTosecondaryiconRaw = '--smtc-gap-inside-ctrl-tosecondaryicon';
+export const gapInsideCtrlTolabelRaw = '--smtc-gap-inside-ctrl-tolabel';
+export const gapInsideCtrlSmTolabelRaw = '--smtc-gap-inside-ctrl-sm-tolabel';
+export const gapInsideCtrlLgTolabelRaw = '--smtc-gap-inside-ctrl-lg-tolabel';
+export const cornerCircularRaw = '--smtc-corner-circular';
+export const strokewidthDefaultRaw = '--smtc-strokewidth-default';
+export const backgroundSmokeRaw = '--smtc-background-smoke';
+export const strokeCtrlOnoutlineRestRaw = '--smtc-stroke-ctrl-onoutline-rest';
+export const strokeCtrlOnoutlineHoverRaw = '--smtc-stroke-ctrl-onoutline-hover';
+export const strokeCtrlOnoutlinePressedRaw = '--smtc-stroke-ctrl-onoutline-pressed';
+export const strokeCtrlOnoutlineDisabledRaw = '--smtc-stroke-ctrl-onoutline-disabled';
+export const strokeCtrlDividerOnbrandRaw = '--smtc-stroke-ctrl-divider-onbrand';
+export const strokeCtrlDividerOnneutralRaw = '--smtc-stroke-ctrl-divider-onneutral';
+export const strokeCtrlDividerOnoutlineRaw = '--smtc-stroke-ctrl-divider-onoutline';
+export const strokeDividerDefaultRaw = '--smtc-stroke-divider-default';
+export const strokeWindowActiveRaw = '--smtc-stroke-window-active';
+export const backgroundWindowPrimarySolidRaw = '--smtc-background-window-primary-solid';
+export const backgroundWindowPrimaryColorblendRaw = '--smtc-background-window-primary-colorblend';
+export const backgroundWindowPrimaryLumblendRaw = '--smtc-background-window-primary-lumblend';
+export const backgroundWindowSecondarySolidRaw = '--smtc-background-window-secondary-solid';
+export const backgroundWindowSecondaryColorblendRaw = '--smtc-background-window-secondary-colorblend';
+export const backgroundWindowSecondaryLumblendRaw = '--smtc-background-window-secondary-lumblend';
+export const backgroundWindowTabbandColorblendRaw = '--smtc-background-window-tabband-colorblend';
+export const backgroundWindowTabbandLumblendRaw = '--smtc-background-window-tabband-lumblend';
+export const backgroundWindowTabbandSolidRaw = '--smtc-background-window-tabband-solid';
+export const backgroundWebpagePrimaryRaw = '--smtc-background-webpage-primary';
+export const backgroundWebpageSecondaryRaw = '--smtc-background-webpage-secondary';
+export const backgroundLayerPrimarySolidRaw = '--smtc-background-layer-primarysolid';
+export const backgroundCardOnprimaryDefaultRestRaw = '--smtc-background-card-onprimary-default-rest';
+export const backgroundCardOnprimaryAltRestRaw = '--smtc-background-card-onprimary-alt-rest';
+export const backgroundCardOnprimaryAltHoverRaw = '--smtc-background-card-onprimary-alt-hover';
+export const backgroundCardOnprimaryAltPressedRaw = '--smtc-background-card-onprimary-alt-pressed';
+export const backgroundCardOnprimaryAltDisabledRaw = '--smtc-background-card-onprimary-alt-disabled';
+export const backgroundCardOnprimaryDefaultHoverRaw = '--smtc-background-card-onprimary-default-hover';
+export const backgroundCardOnprimaryDefaultPressedRaw = '--smtc-background-card-onprimary-default-pressed';
+export const backgroundCardOnprimaryDefaultDisabledRaw = '--smtc-background-card-onprimary-default-disabled';
+export const backgroundFlyoutSolidRaw = '--smtc-background-flyout-solid';
+export const backgroundCtrlBrandRestRaw = '--smtc-background-ctrl-brand-rest';
+export const backgroundCtrlBrandHoverRaw = '--smtc-background-ctrl-brand-hover';
+export const backgroundCtrlBrandPressedRaw = '--smtc-background-ctrl-brand-pressed';
+export const backgroundCtrlBrandDisabledRaw = '--smtc-background-ctrl-brand-disabled';
+export const backgroundCtrlNeutralRestRaw = '--smtc-background-ctrl-neutral-rest';
+export const backgroundCtrlNeutralHoverRaw = '--smtc-background-ctrl-neutral-hover';
+export const backgroundCtrlNeutralPressedRaw = '--smtc-background-ctrl-neutral-pressed';
+export const backgroundCtrlNeutralDisabledRaw = '--smtc-background-ctrl-neutral-disabled';
+export const backgroundCtrlSubtleHoverRaw = '--smtc-background-ctrl-subtle-hover';
+export const backgroundCtrlSubtlePressedRaw = '--smtc-background-ctrl-subtle-pressed';
+export const backgroundFlyoutLumblendRaw = '--smtc-background-flyout-lumblend';
+export const backgroundFlyoutColorblendRaw = '--smtc-background-flyout-colorblend';
+export const cornerZeroRaw = '--smtc-corner-zero';
+export const cornerBezelRaw = '--smtc-corner-bezel';
+export const cornerWindowDefaultRaw = '--smtc-corner-window-default';
+export const cornerFlyoutRestRaw = '--smtc-corner-flyout-rest';
+export const cornerLayerDefaultRaw = '--smtc-corner-layer-default';
+export const cornerCardRestRaw = '--smtc-corner-card-rest';
+export const cornerCtrlRestRaw = '--smtc-corner-ctrl-rest';
+export const cornerCtrlSmRestRaw = '--smtc-corner-ctrl-sm-rest';
+export const cornerCtrlLgRestRaw = '--smtc-corner-ctrl-lg-rest';
+export const cornerImageIncardRaw = '--smtc-corner-image-incard';
+export const foregroundCtrlNeutralPrimaryRestRaw = '--smtc-foreground-ctrl-neutral-primary-rest';
+export const foregroundCtrlNeutralPrimaryDisabledRaw = '--smtc-foreground-ctrl-neutral-primary-disabled';
+export const foregroundCtrlNeutralSecondaryRestRaw = '--smtc-foreground-ctrl-neutral-secondary-rest';
+export const foregroundCtrlNeutralSecondaryDisabledRaw = '--smtc-foreground-ctrl-neutral-secondary-disabled';
+export const foregroundCtrlBrandRestRaw = '--smtc-foreground-ctrl-brand-rest';
+export const foregroundCtrlBrandHoverRaw = '--smtc-foreground-ctrl-brand-hover';
+export const foregroundCtrlBrandPressedRaw = '--smtc-foreground-ctrl-brand-pressed';
+export const foregroundCtrlBrandDisabledRaw = '--smtc-foreground-ctrl-brand-disabled';
+export const foregroundCtrlOnbrandRestRaw = '--smtc-foreground-ctrl-onbrand-rest';
+export const foregroundCtrlOnbrandDisabledRaw = '--smtc-foreground-ctrl-onbrand-disabled';
+export const shadowFlyoutKeyXRaw = '--smtc-shadow-flyout-key-x';
+export const shadowFlyoutKeyYRaw = '--smtc-shadow-flyout-key-y';
+export const shadowFlyoutKeyBlurRaw = '--smtc-shadow-flyout-key-blur';
+export const shadowFlyoutKeyColorRaw = '--smtc-shadow-flyout-key-color';
+export const shadowFlyoutAmbientXRaw = '--smtc-shadow-flyout-ambient-x';
+export const shadowFlyoutAmbientYRaw = '--smtc-shadow-flyout-ambient-y';
+export const shadowFlyoutAmbientBlurRaw = '--smtc-shadow-flyout-ambient-blur';
+export const shadowFlyoutAmbientColorRaw = '--smtc-shadow-flyout-ambient-color';
+export const shadowToolbarKeyXRaw = '--smtc-shadow-toolbar-key-x';
+export const shadowToolbarKeyYRaw = '--smtc-shadow-toolbar-key-y';
+export const shadowToolbarKeyBlurRaw = '--smtc-shadow-toolbar-key-blur';
+export const shadowToolbarKeyColorRaw = '--smtc-shadow-toolbar-key-color';
+export const shadowToolbarAmbientXRaw = '--smtc-shadow-toolbar-ambient-x';
+export const shadowToolbarAmbientYRaw = '--smtc-shadow-toolbar-ambient-y';
+export const shadowToolbarAmbientBlurRaw = '--smtc-shadow-toolbar-ambient-blur';
+export const shadowToolbarAmbientColorRaw = '--smtc-shadow-toolbar-ambient-color';
+export const materialAcrylicBlurRaw = '--smtc-material-acrylic-blur';
+export const materialMicaBlurRaw = '--smtc-material-mica-blur';
+export const iconthemeCtrlDefaultRestRaw = '--smtc-icontheme-ctrl-default-rest';
+export const iconthemeCtrlDefaultSelectedRaw = '--smtc-icontheme-ctrl-default-selected';
+export const statusBrandTintBackgroundRaw = '--smtc-status-brand-tint-background';
+export const statusBrandTintStrokeRaw = '--smtc-status-brand-tint-stroke';
+export const statusDangerBackgroundRaw = '--smtc-status-danger-background';
+export const statusDangerTintBackgroundRaw = '--smtc-status-danger-tint-background';
+export const statusDangerTintStrokeRaw = '--smtc-status-danger-tint-stroke';
+export const statusDangerTintForegroundRaw = '--smtc-status-danger-tint-foreground';
+export const statusWarningBackgroundRaw = '--smtc-status-warning-background';
+export const statusWarningTintBackgroundRaw = '--smtc-status-warning-tint-background';
+export const statusWarningTintStrokeRaw = '--smtc-status-warning-tint-stroke';
+export const statusWarningTintForegroundRaw = '--smtc-status-warning-tint-foreground';
+export const statusSuccessBackgroundRaw = '--smtc-status-success-background';
+export const statusSuccessTintBackgroundRaw = '--smtc-status-success-tint-background';
+export const statusSuccessTintStrokeRaw = '--smtc-status-success-tint-stroke';
+export const statusSuccessTintForegroundRaw = '--smtc-status-success-tint-foreground';
+export const statusImportantBackgroundRaw = '--smtc-status-important-background';
+export const statusImportantTintBackgroundRaw = '--smtc-status-important-tint-background';
+export const statusImportantTintStrokeRaw = '--smtc-status-important-tint-stroke';
+export const statusImportantTintForegroundRaw = '--smtc-status-important-tint-foreground';
+export const statusInformativeBackgroundRaw = '--smtc-status-informative-background';
+export const statusInformativeTintForegroundRaw = '--smtc-status-informative-tint-foreground';
+export const statusInformativeTintStrokeRaw = '--smtc-status-informative-tint-stroke';
+export const statusInformativeTintBackgroundRaw = '--smtc-status-informative-tint-background';
+export const statusAwayForegroundRaw = '--smtc-status-away-foreground';
+export const statusOofForegroundRaw = '--smtc-status-oof-foreground';
+export const aiBrandStop1Raw = '--smtc-ai-brand-stop1';
+export const aiBrandStop2Raw = '--smtc-ai-brand-stop2';
+export const aiBrandStop3Raw = '--smtc-ai-brand-stop3';
+export const aiBrandStop4Raw = '--smtc-ai-brand-stop4';
+export const aiShimmerStop1Raw = '--smtc-ai-shimmer-stop1';
+export const aiShimmerStop2Raw = '--smtc-ai-shimmer-stop2';
+export const aiShimmerStop3Raw = '--smtc-ai-shimmer-stop3';
+export const aiShimmerStop4Raw = '--smtc-ai-shimmer-stop4';
+export const shadowWindowActiveKeyXRaw = '--smtc-shadow-window-active-key-x';
+export const shadowWindowActiveKeyYRaw = '--smtc-shadow-window-active-key-y';
+export const shadowWindowActiveKeyBlurRaw = '--smtc-shadow-window-active-key-blur';
+export const shadowWindowActiveKeyColorRaw = '--smtc-shadow-window-active-key-color';
+export const shadowWindowActiveAmbientXRaw = '--smtc-shadow-window-active-ambient-x';
+export const shadowWindowActiveAmbientYRaw = '--smtc-shadow-window-active-ambient-y';
+export const shadowWindowActiveAmbientBlurRaw = '--smtc-shadow-window-active-ambient-blur';
+export const shadowWindowActiveAmbientColorRaw = '--smtc-shadow-window-active-ambient-color';
+export const shadowWindowInactiveAmbientXRaw = '--smtc-shadow-window-inactive-ambient-x';
+export const shadowWindowInactiveAmbientYRaw = '--smtc-shadow-window-inactive-ambient-y';
+export const shadowWindowInactiveAmbientBlurRaw = '--smtc-shadow-window-inactive-ambient-blur';
+export const shadowWindowInactiveAmbientColorRaw = '--smtc-shadow-window-inactive-ambient-color';
+export const nullColorRaw = '--smtc-null-color';
+export const statusNeutralBackgroundRaw = '--smtc-status-neutral-background';
+export const statusNeutralTintBackgroundRaw = '--smtc-status-neutral-tint-background';
+export const statusNeutralTintStrokeRaw = '--smtc-status-neutral-tint-stroke';
+export const nullNumberRaw = '--smtc-null-number';
+export const nullStringRaw = '--smtc-null-string';
+export const backgroundCardOnsecondaryDefaultRestRaw = '--smtc-background-card-onsecondary-default-rest';
+export const backgroundCardOnsecondaryAltRestRaw = '--smtc-background-card-onsecondary-alt-rest';
+export const backgroundCardOnsecondaryAltHoverRaw = '--smtc-background-card-onsecondary-alt-hover';
+export const backgroundCardOnsecondaryAltPressedRaw = '--smtc-background-card-onsecondary-alt-pressed';
+export const backgroundCardOnsecondaryAltDisabledRaw = '--smtc-background-card-onsecondary-alt-disabled';
+export const backgroundCardOnsecondaryDefaultHoverRaw = '--smtc-background-card-onsecondary-default-hover';
+export const backgroundCardOnsecondaryDefaultPressedRaw = '--smtc-background-card-onsecondary-default-pressed';
+export const backgroundCardOnsecondaryDefaultDisabledRaw = '--smtc-background-card-onsecondary-default-disabled';
+export const backgroundCardOnflyoutDefaultRestRaw = '--smtc-background-card-onflyout-default-rest';
+export const backgroundCardOnflyoutDefaultHoverRaw = '--smtc-background-card-onflyout-default-hover';
+export const backgroundCardOnflyoutDefaultPressedRaw = '--smtc-background-card-onflyout-default-pressed';
+export const backgroundCardOnflyoutDefaultDisabledRaw = '--smtc-background-card-onflyout-default-disabled';
diff --git a/packages/semantic-tokens/src/index.ts b/packages/semantic-tokens/src/index.ts
new file mode 100644
index 0000000000000..bf93c36b04b3a
--- /dev/null
+++ b/packages/semantic-tokens/src/index.ts
@@ -0,0 +1,2016 @@
+export {
+  textStyleDefaultHeaderFontfamilyRaw,
+  textStyleDefaultHeaderLetterspacingRaw,
+  textStyleAiRegularFontfamilyRaw,
+  textStyleAiRegularWeightRaw,
+  textStyleAiRegularLetterspacingRaw,
+  textStyleAiHeaderFontfamilyRaw,
+  textStyleAiHeaderWeightRaw,
+  textStyleAiHeaderLetterspacingRaw,
+  textStyleArticleRegularFontfamilyRaw,
+  textStyleArticleRegularWeightRaw,
+  textStyleArticleRegularLetterspacingRaw,
+  textStyleArticleHeaderFontfamilyRaw,
+  textStyleArticleHeaderWeightRaw,
+  textStyleArticleHeaderLetterspacingRaw,
+  textStyleCodeRegularFontfamilyRaw,
+  textStyleCodeRegularWeightRaw,
+  textStyleCodeRegularLetterspacingRaw,
+  textStyleCodeHeaderFontfamilyRaw,
+  textStyleCodeHeaderWeightRaw,
+  textStyleCodeHeaderLetterspacingRaw,
+  textStyleDatavizRegularFontfamilyRaw,
+  textStyleDatavizRegularWeightRaw,
+  textStyleDatavizRegularLetterspacingRaw,
+  textStyleDatavizHeaderFontfamilyRaw,
+  textStyleDatavizHeaderWeightRaw,
+  textStyleDatavizHeaderLetterspacingRaw,
+  textStyleQuoteRegularFontfamilyRaw,
+  textStyleQuoteRegularWeightRaw,
+  textStyleQuoteRegularLetterspacingRaw,
+  textStyleQuoteHeaderFontfamilyRaw,
+  textStyleQuoteHeaderWeightRaw,
+  textStyleQuoteHeaderLetterspacingRaw,
+  textRampPageheaderFontsizeRaw,
+  textRampPageheaderLineheightRaw,
+  textRampSectionheaderFontsizeRaw,
+  textRampSectionheaderLineheightRaw,
+  textRampSubsectionheaderFontsizeRaw,
+  textRampSubsectionheaderLineheightRaw,
+  textRampReadingbodyFontsizeRaw,
+  textRampReadingbodyLineheightRaw,
+  textRampItemheaderFontsizeRaw,
+  textRampItemheaderLineheightRaw,
+  textRampItembodyFontsizeRaw,
+  textRampItembodyLineheightRaw,
+  textRampMetadataFontsizeRaw,
+  textRampMetadataLineheightRaw,
+  textRampLegalFontsizeRaw,
+  textRampLegalLineheightRaw,
+  textRampSmPageheaderFontsizeRaw,
+  textRampSmPageheaderLineheightRaw,
+  textRampSmSectionheaderFontsizeRaw,
+  textRampSmSectionheaderLineheightRaw,
+  textRampSmSubsectionheaderFontsizeRaw,
+  textRampSmSubsectionheaderLineheightRaw,
+  textRampSmReadingbodyFontsizeRaw,
+  textRampSmReadingbodyLineheightRaw,
+  textRampSmItemheaderFontsizeRaw,
+  textRampSmItemheaderLineheightRaw,
+  textRampSmItembodyFontsizeRaw,
+  textRampSmItembodyLineheightRaw,
+  textRampSmMetadataFontsizeRaw,
+  textRampSmMetadataLineheightRaw,
+  textRampSmLegalFontsizeRaw,
+  textRampSmLegalLineheightRaw,
+  textRampLgPageheaderFontsizeRaw,
+  textRampLgPageheaderLineheightRaw,
+  textRampLgSectionheaderFontsizeRaw,
+  textRampLgSectionheaderLineheightRaw,
+  textRampLgSubsectionheaderFontsizeRaw,
+  textRampLgSubsectionheaderLineheightRaw,
+  textRampLgReadingbodyFontsizeRaw,
+  textRampLgReadingbodyLineheightRaw,
+  textRampLgItemheaderFontsizeRaw,
+  textRampLgItemheaderLineheightRaw,
+  textRampLgItembodyFontsizeRaw,
+  textRampLgItembodyLineheightRaw,
+  textRampLgMetadataFontsizeRaw,
+  textRampLgMetadataLineheightRaw,
+  textRampLgLegalFontsizeRaw,
+  textRampLgLegalLineheightRaw,
+  textCtrlWeightDefaultRaw,
+  textCtrlButtonWeightDefaultRaw,
+  textCtrlButtonWeightSelectedRaw,
+  paddingToolbarInsideRaw,
+  paddingToolbarOutsideRaw,
+  paddingFlyoutDefaultRaw,
+  paddingCardNestedimageRaw,
+  paddingCtrlTextbottomRaw,
+  paddingCtrlSmTextbottomRaw,
+  paddingCtrlLgTextbottomRaw,
+  gapBetweenCtrlNestedRaw,
+  gapTextSmallRaw,
+  gapTextLargeRaw,
+  gapBetweenCtrlLgNestedRaw,
+  gapBetweenCtrlSmNestedRaw,
+  gapListRaw,
+  gapCardRaw,
+  strokewidthDividerDefaultRaw,
+  strokewidthDividerStrongRaw,
+  strokewidthCtrlOutlineRestRaw,
+  strokewidthCtrlOutlineHoverRaw,
+  strokewidthCtrlOutlinePressedRaw,
+  strokewidthCtrlOutlineSelectedRaw,
+  strokewidthWindowDefaultRaw,
+  backgroundToolbarRaw,
+  strokeToolbarRaw,
+  strokeCtrlOnbrandRestStop2Raw,
+  strokeCtrlOnbrandHoverStop2Raw,
+  strokeCtrlOnbrandPressedStop2Raw,
+  strokeCtrlOnbrandDisabledStop2Raw,
+  strokeCtrlOnneutralRestStop2Raw,
+  strokeCtrlOnneutralHoverStop2Raw,
+  strokeCtrlOnneutralPressedStop2Raw,
+  strokeCtrlOnneutralDisabledStop2Raw,
+  strokeCtrlOnoutlineRestStop2Raw,
+  strokeCtrlOnoutlineHoverStop2Raw,
+  strokeCtrlOnoutlinePressedStop2Raw,
+  strokeCtrlOnoutlineDisabledStop2Raw,
+  strokeCtrlOnactivebrandRestRaw,
+  strokeCtrlDividerOnbrandDisabledRaw,
+  strokeCtrlDividerOnneutralDisabledRaw,
+  strokeCtrlDividerOnoutlineDisabledRaw,
+  strokeCtrlDividerOnactivebrandRaw,
+  strokeCtrlDividerOnactivebrandDisabledRaw,
+  strokeCtrlOnactivebrandHoverRaw,
+  strokeCtrlOnactivebrandPressedRaw,
+  strokeCtrlOnactivebrandDisabledRaw,
+  strokeCtrlOnactivebrandRestStop2Raw,
+  strokeCtrlOnactivebrandHoverStop2Raw,
+  strokeCtrlOnactivebrandPressedStop2Raw,
+  strokeCtrlOnactivebrandDisabledStop2Raw,
+  strokeDividerSubtleRaw,
+  strokeDividerStrongRaw,
+  strokeDividerBrandRaw,
+  strokeWindowInactiveRaw,
+  backgroundLayerPrimaryStop1Raw,
+  backgroundLayerPrimaryStop2Raw,
+  backgroundLayerPrimaryStop3Raw,
+  backgroundLayerSecondaryRaw,
+  backgroundLayerTertiaryRaw,
+  backgroundCardOnprimaryDefaultSelectedRaw,
+  backgroundCtrlActivebrandRestRaw,
+  backgroundCtrlActivebrandHoverRaw,
+  backgroundCtrlActivebrandPressedRaw,
+  backgroundCtrlActivebrandDisabledRaw,
+  backgroundCtrlShapesafeActivebrandRestRaw,
+  backgroundCtrlShapesafeActivebrandDisabledRaw,
+  backgroundCtrlShapesafeNeutralRestRaw,
+  backgroundCtrlShapesafeNeutralHoverRaw,
+  backgroundCtrlShapesafeNeutralPressedRaw,
+  backgroundCtrlShapesafeNeutralDisabledRaw,
+  cornerFlyoutHoverRaw,
+  cornerFlyoutPressedRaw,
+  cornerLayerIntersectionRaw,
+  cornerCardHoverRaw,
+  cornerCardPressedRaw,
+  cornerToolbarDefaultRaw,
+  cornerImageOnpageRaw,
+  cornerCtrlHoverRaw,
+  cornerCtrlPressedRaw,
+  cornerCtrlSmHoverRaw,
+  cornerCtrlSmPressedRaw,
+  cornerCtrlLgHoverRaw,
+  cornerCtrlLgPressedRaw,
+  foregroundContentNeutralPrimaryRaw,
+  foregroundContentNeutralSecondaryRaw,
+  foregroundContentBrandPrimaryRaw,
+  foregroundCtrlNeutralPrimaryHoverRaw,
+  foregroundCtrlNeutralPrimaryPressedRaw,
+  foregroundCtrlNeutralSecondaryHoverRaw,
+  foregroundCtrlNeutralSecondaryPressedRaw,
+  foregroundCtrlIconOnneutralRestRaw,
+  foregroundCtrlIconOnneutralHoverRaw,
+  foregroundCtrlIconOnneutralPressedRaw,
+  foregroundCtrlIconOnneutralDisabledRaw,
+  foregroundCtrlIconOnoutlineRestRaw,
+  foregroundCtrlIconOnoutlineHoverRaw,
+  foregroundCtrlIconOnoutlinePressedRaw,
+  foregroundCtrlIconOnoutlineDisabledRaw,
+  foregroundCtrlIconOnsubtleRestRaw,
+  foregroundCtrlIconOnsubtleHoverRaw,
+  foregroundCtrlIconOnsubtlePressedRaw,
+  foregroundCtrlIconOnsubtleDisabledRaw,
+  foregroundCtrlOnbrandHoverRaw,
+  foregroundCtrlOnbrandPressedRaw,
+  foregroundCtrlActivebrandRestRaw,
+  foregroundCtrlActivebrandHoverRaw,
+  foregroundCtrlActivebrandPressedRaw,
+  foregroundCtrlActivebrandDisabledRaw,
+  foregroundCtrlOnactivebrandRestRaw,
+  foregroundCtrlOnactivebrandHoverRaw,
+  foregroundCtrlOnactivebrandPressedRaw,
+  foregroundCtrlOnactivebrandDisabledRaw,
+  foregroundCtrlOnoutlineRestRaw,
+  foregroundCtrlOnoutlineHoverRaw,
+  foregroundCtrlOnoutlinePressedRaw,
+  foregroundCtrlOnoutlineDisabledRaw,
+  foregroundCtrlOnsubtleRestRaw,
+  foregroundCtrlOnsubtleHoverRaw,
+  foregroundCtrlOnsubtlePressedRaw,
+  foregroundCtrlOnsubtleDisabledRaw,
+  foregroundCtrlOntransparentRestRaw,
+  foregroundCtrlOntransparentHoverRaw,
+  foregroundCtrlOntransparentPressedRaw,
+  foregroundCtrlOntransparentDisabledRaw,
+  shadowCtrlOndragKeyYRaw,
+  shadowCtrlOndragKeyXRaw,
+  shadowCtrlOndragKeyBlurRaw,
+  shadowCtrlOndragKeyColorRaw,
+  shadowCtrlOndragAmbientYRaw,
+  shadowCtrlOndragAmbientXRaw,
+  shadowCtrlOndragAmbientBlurRaw,
+  shadowCtrlOndragAmbientColorRaw,
+  materialAcrylicDefaultSolidRaw,
+  materialAcrylicDefaultColorblendRaw,
+  materialAcrylicDefaultLumblendRaw,
+  materialMicaDefaultSolidRaw,
+  materialMicaDefaultColorblendRaw,
+  materialMicaDefaultLumblendRaw,
+  materialMicaDarkerSolidRaw,
+  materialMicaDarkerColorblendRaw,
+  materialMicaDarkerLumblendRaw,
+  materialMicaThinSolidRaw,
+  materialMicaThinColorblendRaw,
+  materialMicaThinLumblendRaw,
+  iconthemeCtrlDefaultHoverRaw,
+  iconthemeCtrlDefaultPressedRaw,
+  iconthemeCtrlSubtleRestRaw,
+  iconthemeCtrlSubtleHoverRaw,
+  iconthemeCtrlSubtlePressedRaw,
+  iconthemeCtrlSubtleSelectedRaw,
+  iconthemeCtrlChevronDefaultRaw,
+  iconthemeCtrlChevronSelectedRaw,
+  statusBrandBackgroundRaw,
+  statusBrandStrokeRaw,
+  statusBrandForegroundRaw,
+  statusBrandTintForegroundRaw,
+  statusDangerStrokeRaw,
+  statusDangerForegroundRaw,
+  statusWarningStrokeRaw,
+  statusWarningForegroundRaw,
+  statusSuccessStrokeRaw,
+  statusSuccessForegroundRaw,
+  statusImportantStrokeRaw,
+  statusImportantForegroundRaw,
+  statusInformativeStrokeRaw,
+  statusInformativeForegroundRaw,
+  shadowWindowInactiveKeyXRaw,
+  shadowWindowInactiveKeyYRaw,
+  shadowWindowInactiveKeyBlurRaw,
+  shadowWindowInactiveKeyColorRaw,
+  statusNeutralStrokeRaw,
+  statusNeutralForegroundRaw,
+  statusNeutralTintForegroundRaw,
+  cornerFlyoutShellRestRaw,
+  materialAcrylicShellDefaultSolidRaw,
+  materialAcrylicShellDefaultColorblendRaw,
+  materialAcrylicShellDefaultLumblendRaw,
+  backgroundCardOnsecondaryDefaultSelectedRaw,
+} from './optional/variables';
+export {
+  textGlobalDisplay1FontsizeRaw,
+  textGlobalDisplay1LineheightRaw,
+  textGlobalDisplay2FontsizeRaw,
+  textGlobalDisplay2LineheightRaw,
+  textGlobalTitle1FontsizeRaw,
+  textGlobalTitle1LineheightRaw,
+  textGlobalTitle2FontsizeRaw,
+  textGlobalTitle2LineheightRaw,
+  textGlobalSubtitle1FontsizeRaw,
+  textGlobalSubtitle1LineheightRaw,
+  textGlobalSubtitle2FontsizeRaw,
+  textGlobalSubtitle2LineheightRaw,
+  textGlobalBody1FontsizeRaw,
+  textGlobalBody1LineheightRaw,
+  textGlobalBody2FontsizeRaw,
+  textGlobalBody2LineheightRaw,
+  textGlobalBody3FontsizeRaw,
+  textGlobalBody3LineheightRaw,
+  textGlobalCaption1FontsizeRaw,
+  textGlobalCaption1LineheightRaw,
+  textGlobalCaption2FontsizeRaw,
+  textGlobalCaption2LineheightRaw,
+  textStyleDefaultRegularFontfamilyRaw,
+  textStyleDefaultRegularWeightRaw,
+  textStyleDefaultRegularLetterspacingRaw,
+  textStyleDefaultHeaderWeightRaw,
+  sizeCtrlDefaultRaw,
+  sizeCtrlIconRaw,
+  sizeCtrlIconFigmaonlyRaw,
+  sizeCtrlIconsecondaryRaw,
+  textCtrlWeightSelectedRaw,
+  sizeCtrlSmDefaultRaw,
+  sizeCtrlSmIconRaw,
+  sizeCtrlLgDefaultRaw,
+  sizeCtrlLgIconRaw,
+  sizeCtrlSmIconFigmaonlyRaw,
+  sizeCtrlLgIconFigmaonlyRaw,
+  paddingContentAlignDefaultRaw,
+  paddingContentAlignOutdentIcononsubtleRaw,
+  paddingContentAlignOutdentTextonsubtleRaw,
+  paddingContentNoneRaw,
+  paddingContentXxsmallRaw,
+  paddingContentXsmallRaw,
+  paddingContentSmallRaw,
+  paddingContentMediumRaw,
+  paddingContentLargeRaw,
+  paddingContentXlargeRaw,
+  paddingContentXxlargeRaw,
+  paddingContentXxxlargeRaw,
+  paddingCtrlHorizontalDefaultRaw,
+  paddingCtrlHorizontalIcononlyRaw,
+  paddingCtrlTexttopRaw,
+  paddingCtrlTextsideRaw,
+  paddingCtrlTonestedcontrolRaw,
+  paddingCtrlSmHorizontalDefaultRaw,
+  paddingCtrlSmHorizontalIcononlyRaw,
+  paddingCtrlSmTexttopRaw,
+  paddingCtrlSmTonestedcontrolRaw,
+  paddingCtrlLgHorizontalDefaultRaw,
+  paddingCtrlLgHorizontalIcononlyRaw,
+  paddingCtrlLgTexttopRaw,
+  paddingCtrlLgTonestedcontrolRaw,
+  gapBetweenContentNoneRaw,
+  gapBetweenContentXxsmallRaw,
+  gapBetweenContentXsmallRaw,
+  gapBetweenContentSmallRaw,
+  gapBetweenCtrlDefaultRaw,
+  gapBetweenContentMediumRaw,
+  gapBetweenContentLargeRaw,
+  gapBetweenContentXlargeRaw,
+  gapBetweenContentXxlargeRaw,
+  gapBetweenCtrlLgDefaultRaw,
+  gapBetweenCtrlSmDefaultRaw,
+  gapInsideCtrlDefaultRaw,
+  gapInsideCtrlSmDefaultRaw,
+  gapInsideCtrlSmTosecondaryiconRaw,
+  gapInsideCtrlLgDefaultRaw,
+  gapInsideCtrlLgTosecondaryiconRaw,
+  gapInsideCtrlTosecondaryiconRaw,
+  gapInsideCtrlTolabelRaw,
+  gapInsideCtrlSmTolabelRaw,
+  gapInsideCtrlLgTolabelRaw,
+  cornerCircularRaw,
+  strokewidthDefaultRaw,
+  backgroundSmokeRaw,
+  strokeCtrlOnoutlineRestRaw,
+  strokeCtrlOnoutlineHoverRaw,
+  strokeCtrlOnoutlinePressedRaw,
+  strokeCtrlOnoutlineDisabledRaw,
+  strokeCtrlDividerOnbrandRaw,
+  strokeCtrlDividerOnneutralRaw,
+  strokeCtrlDividerOnoutlineRaw,
+  strokeDividerDefaultRaw,
+  strokeWindowActiveRaw,
+  backgroundWindowPrimarySolidRaw,
+  backgroundWindowPrimaryColorblendRaw,
+  backgroundWindowPrimaryLumblendRaw,
+  backgroundWindowSecondarySolidRaw,
+  backgroundWindowSecondaryColorblendRaw,
+  backgroundWindowSecondaryLumblendRaw,
+  backgroundWindowTabbandColorblendRaw,
+  backgroundWindowTabbandLumblendRaw,
+  backgroundWindowTabbandSolidRaw,
+  backgroundWebpagePrimaryRaw,
+  backgroundWebpageSecondaryRaw,
+  backgroundLayerPrimarySolidRaw,
+  backgroundCardOnprimaryDefaultRestRaw,
+  backgroundCardOnprimaryAltRestRaw,
+  backgroundCardOnprimaryAltHoverRaw,
+  backgroundCardOnprimaryAltPressedRaw,
+  backgroundCardOnprimaryAltDisabledRaw,
+  backgroundCardOnprimaryDefaultHoverRaw,
+  backgroundCardOnprimaryDefaultPressedRaw,
+  backgroundCardOnprimaryDefaultDisabledRaw,
+  backgroundFlyoutSolidRaw,
+  backgroundCtrlBrandRestRaw,
+  backgroundCtrlBrandHoverRaw,
+  backgroundCtrlBrandPressedRaw,
+  backgroundCtrlBrandDisabledRaw,
+  backgroundCtrlNeutralRestRaw,
+  backgroundCtrlNeutralHoverRaw,
+  backgroundCtrlNeutralPressedRaw,
+  backgroundCtrlNeutralDisabledRaw,
+  backgroundCtrlSubtleHoverRaw,
+  backgroundCtrlSubtlePressedRaw,
+  backgroundFlyoutLumblendRaw,
+  backgroundFlyoutColorblendRaw,
+  cornerZeroRaw,
+  cornerBezelRaw,
+  cornerWindowDefaultRaw,
+  cornerFlyoutRestRaw,
+  cornerLayerDefaultRaw,
+  cornerCardRestRaw,
+  cornerCtrlRestRaw,
+  cornerCtrlSmRestRaw,
+  cornerCtrlLgRestRaw,
+  cornerImageIncardRaw,
+  foregroundCtrlNeutralPrimaryRestRaw,
+  foregroundCtrlNeutralPrimaryDisabledRaw,
+  foregroundCtrlNeutralSecondaryRestRaw,
+  foregroundCtrlNeutralSecondaryDisabledRaw,
+  foregroundCtrlBrandRestRaw,
+  foregroundCtrlBrandHoverRaw,
+  foregroundCtrlBrandPressedRaw,
+  foregroundCtrlBrandDisabledRaw,
+  foregroundCtrlOnbrandRestRaw,
+  foregroundCtrlOnbrandDisabledRaw,
+  shadowFlyoutKeyXRaw,
+  shadowFlyoutKeyYRaw,
+  shadowFlyoutKeyBlurRaw,
+  shadowFlyoutKeyColorRaw,
+  shadowFlyoutAmbientXRaw,
+  shadowFlyoutAmbientYRaw,
+  shadowFlyoutAmbientBlurRaw,
+  shadowFlyoutAmbientColorRaw,
+  shadowToolbarKeyXRaw,
+  shadowToolbarKeyYRaw,
+  shadowToolbarKeyBlurRaw,
+  shadowToolbarKeyColorRaw,
+  shadowToolbarAmbientXRaw,
+  shadowToolbarAmbientYRaw,
+  shadowToolbarAmbientBlurRaw,
+  shadowToolbarAmbientColorRaw,
+  materialAcrylicBlurRaw,
+  materialMicaBlurRaw,
+  iconthemeCtrlDefaultRestRaw,
+  iconthemeCtrlDefaultSelectedRaw,
+  statusBrandTintBackgroundRaw,
+  statusBrandTintStrokeRaw,
+  statusDangerBackgroundRaw,
+  statusDangerTintBackgroundRaw,
+  statusDangerTintStrokeRaw,
+  statusDangerTintForegroundRaw,
+  statusWarningBackgroundRaw,
+  statusWarningTintBackgroundRaw,
+  statusWarningTintStrokeRaw,
+  statusWarningTintForegroundRaw,
+  statusSuccessBackgroundRaw,
+  statusSuccessTintBackgroundRaw,
+  statusSuccessTintStrokeRaw,
+  statusSuccessTintForegroundRaw,
+  statusImportantBackgroundRaw,
+  statusImportantTintBackgroundRaw,
+  statusImportantTintStrokeRaw,
+  statusImportantTintForegroundRaw,
+  statusInformativeBackgroundRaw,
+  statusInformativeTintForegroundRaw,
+  statusInformativeTintStrokeRaw,
+  statusInformativeTintBackgroundRaw,
+  statusAwayForegroundRaw,
+  statusOofForegroundRaw,
+  aiBrandStop1Raw,
+  aiBrandStop2Raw,
+  aiBrandStop3Raw,
+  aiBrandStop4Raw,
+  aiShimmerStop1Raw,
+  aiShimmerStop2Raw,
+  aiShimmerStop3Raw,
+  aiShimmerStop4Raw,
+  shadowWindowActiveKeyXRaw,
+  shadowWindowActiveKeyYRaw,
+  shadowWindowActiveKeyBlurRaw,
+  shadowWindowActiveKeyColorRaw,
+  shadowWindowActiveAmbientXRaw,
+  shadowWindowActiveAmbientYRaw,
+  shadowWindowActiveAmbientBlurRaw,
+  shadowWindowActiveAmbientColorRaw,
+  shadowWindowInactiveAmbientXRaw,
+  shadowWindowInactiveAmbientYRaw,
+  shadowWindowInactiveAmbientBlurRaw,
+  shadowWindowInactiveAmbientColorRaw,
+  nullColorRaw,
+  statusNeutralBackgroundRaw,
+  statusNeutralTintBackgroundRaw,
+  statusNeutralTintStrokeRaw,
+  nullNumberRaw,
+  nullStringRaw,
+  backgroundCardOnsecondaryDefaultRestRaw,
+  backgroundCardOnsecondaryAltRestRaw,
+  backgroundCardOnsecondaryAltHoverRaw,
+  backgroundCardOnsecondaryAltPressedRaw,
+  backgroundCardOnsecondaryAltDisabledRaw,
+  backgroundCardOnsecondaryDefaultHoverRaw,
+  backgroundCardOnsecondaryDefaultPressedRaw,
+  backgroundCardOnsecondaryDefaultDisabledRaw,
+  backgroundCardOnflyoutDefaultRestRaw,
+  backgroundCardOnflyoutDefaultHoverRaw,
+  backgroundCardOnflyoutDefaultPressedRaw,
+  backgroundCardOnflyoutDefaultDisabledRaw,
+} from './control/variables';
+export {
+  textStyleDefaultHeaderCaseRaw,
+  textStyleAiHeaderCaseRaw,
+  textStyleArticleHeaderCaseRaw,
+  textStyleCodeHeaderCaseRaw,
+  textStyleDatavizHeaderCaseRaw,
+  textStyleQuoteHeaderCaseRaw,
+  strokeLayerRaw,
+  strokeImageRaw,
+  strokeFlyoutRaw,
+  strokeCtrlOnbrandRestRaw,
+  strokeCtrlOnbrandHoverRaw,
+  strokeCtrlOnbrandPressedRaw,
+  strokeCtrlOnbrandDisabledRaw,
+  strokeCtrlOnneutralRestRaw,
+  strokeCtrlOnneutralHoverRaw,
+  strokeCtrlOnneutralPressedRaw,
+  strokeCtrlOnneutralDisabledRaw,
+  strokeCtrlOnsubtleRestRaw,
+  strokeCtrlOnsubtleHoverRaw,
+  strokeCtrlOnsubtlePressedRaw,
+  strokeCtrlOnsubtleDisabledRaw,
+  strokeCtrlOnsubtleHoversplitRaw,
+  strokeCtrlDividerOnsubtleRaw,
+  strokeCtrlDividerOnsubtleDisabledRaw,
+  strokeCardSelectedRaw,
+  strokeCardOnprimaryRestRaw,
+  strokeCardOnprimaryHoverRaw,
+  strokeCardOnprimaryPressedRaw,
+  strokeCardOnprimaryDisabledRaw,
+  strokeCardOnsecondaryRestRaw,
+  strokeCardOnsecondaryHoverRaw,
+  strokeCardOnsecondaryPressedRaw,
+  strokeCardOnsecondaryDisabledRaw,
+  backgroundCtrlOutlineRestRaw,
+  backgroundCtrlOutlineHoverRaw,
+  backgroundCtrlOutlinePressedRaw,
+  backgroundCtrlOutlineDisabledRaw,
+  backgroundCtrlSubtleRestRaw,
+  backgroundCtrlSubtleDisabledRaw,
+  backgroundCtrlSubtleHoversplitRaw,
+  foregroundCtrlHintDefaultRaw,
+  shadowCardRestKeyXRaw,
+  shadowCardRestKeyYRaw,
+  shadowCardRestKeyBlurRaw,
+  shadowCardRestKeyColorRaw,
+  shadowCardHoverKeyXRaw,
+  shadowCardHoverKeyYRaw,
+  shadowCardHoverKeyBlurRaw,
+  shadowCardHoverKeyColorRaw,
+  shadowCardPressedKeyXRaw,
+  shadowCardPressedKeyYRaw,
+  shadowCardPressedKeyBlurRaw,
+  shadowCardPressedKeyColorRaw,
+  shadowCardDisabledKeyXRaw,
+  shadowCardDisabledKeyYRaw,
+  shadowCardDisabledKeyBlurRaw,
+  shadowCardDisabledKeyColorRaw,
+  shadowCardRestAmbientXRaw,
+  shadowCardRestAmbientYRaw,
+  shadowCardRestAmbientBlurRaw,
+  shadowCardRestAmbientColorRaw,
+  shadowLayerKeyXRaw,
+  shadowLayerKeyYRaw,
+  shadowLayerKeyBlurRaw,
+  shadowLayerKeyColorRaw,
+  shadowLayerAmbientXRaw,
+  shadowLayerAmbientYRaw,
+  shadowLayerAmbientBlurRaw,
+  shadowLayerAmbientColorRaw,
+} from './nullable/variables';
+export {
+  ctrlTooltipShadowKeyXRaw,
+  ctrlTooltipShadowKeyYRaw,
+  ctrlTooltipShadowKeyBlurRaw,
+  ctrlTooltipShadowKeyColorRaw,
+  ctrlTooltipShadowAmbientXRaw,
+  ctrlTooltipShadowAmbientYRaw,
+  ctrlTooltipShadowAmbientBlurRaw,
+  ctrlTooltipShadowAmbientColorRaw,
+  ctrlTooltipCornerRaw,
+  ctrlTooltipBackgroundRaw,
+  ctrlTooltipForegroundRaw,
+} from './components/tooltip/variables';
+export {
+  ctrlAvatarSizeRaw,
+  ctrlAvatarCornerItemRaw,
+  ctrlAvatarBackgroundRaw,
+  ctrlAvatarForegroundRaw,
+  ctrlAvatarIconSizeRaw,
+  ctrlAvatarPresencebadgeSizeRaw,
+  ctrlAvatarActiveringSizeRaw,
+  ctrlAvatarPresencebadgePaddingBottomrightoffsetRaw,
+  ctrlAvatarCornerGroupRaw,
+  ctrlAvatarActiveringStrokewidthRaw,
+  ctrlAvatarPresencebadgeStrokewidthRaw,
+  ctrlAvatarTextFontsizeRaw,
+  ctrlAvatarTextLineheightRaw,
+  ctrlAvatarTextPaddingTopoffsetRaw,
+  ctrlAvatarActiveringStrokeRaw,
+  ctrlAvatarShowcutoutRaw,
+  ctrlAvatarPresencebadgeBackgroundBehindbadgeRaw,
+} from './components/avatar/variables';
+export {
+  ctrlBadgeTextPaddingTopRaw,
+  ctrlBadgeTextPaddingBottomRaw,
+  ctrlBadgeSmTextPaddingTopRaw,
+  ctrlBadgeSmTextPaddingBottomRaw,
+  ctrlBadgeLgTextPaddingTopRaw,
+  ctrlBadgeLgTextPaddingBottomRaw,
+  ctrlBadgeIconThemeRaw,
+  ctrlBadgeBeaconSizeRaw,
+  ctrlBadgeSizeRaw,
+  ctrlBadgeCornerRaw,
+  ctrlBadgeIconSizeFigmaonlyRaw,
+  ctrlBadgeGapRaw,
+  ctrlBadgeIconSizeRaw,
+  ctrlBadgePaddingRaw,
+  ctrlBadgeSmSizeRaw,
+  ctrlBadgeSmCornerRaw,
+  ctrlBadgeSmIconSizeFigmaonlyRaw,
+  ctrlBadgeSmIconSizeRaw,
+  ctrlBadgeSmPaddingRaw,
+  ctrlBadgeLgSizeRaw,
+  ctrlBadgeLgIconSizeFigmaonlyRaw,
+  ctrlBadgeLgIconSizeRaw,
+  ctrlBadgeLgCornerRaw,
+  ctrlBadgeLgPaddingRaw,
+} from './components/badge/variables';
+export {
+  ctrlChoicePaddingHorizontalRaw,
+  ctrlChoicePaddingVerticalRaw,
+  ctrlChoiceBaseSizeRaw,
+  ctrlChoiceIconThemeRaw,
+  ctrlChoiceBaseBackgroundRestRaw,
+  ctrlChoiceBaseBackgroundHoverRaw,
+  ctrlChoiceBaseBackgroundPressedRaw,
+  ctrlChoiceBaseBackgroundDisabledRaw,
+  ctrlChoiceBaseStrokeRestRaw,
+  ctrlChoiceBaseStrokeHoverRaw,
+  ctrlChoiceBaseStrokePressedRaw,
+  ctrlChoiceBaseStrokeDisabledRaw,
+  ctrlChoiceCheckboxIconSizeRaw,
+  ctrlChoiceCheckboxCornerRaw,
+  ctrlChoiceCheckboxIndeterminateCornerRaw,
+  ctrlChoiceCheckboxIndeterminateHeightRaw,
+  ctrlChoiceCheckboxIndeterminateWidthRaw,
+  ctrlChoiceRadioCornerRaw,
+  ctrlChoiceSwitchCornerRaw,
+  ctrlChoiceRadioDotSizeRestRaw,
+  ctrlChoiceRadioDotSizeHoverRaw,
+  ctrlChoiceRadioDotSizePressedRaw,
+  ctrlChoiceSwitchPaddingRestRaw,
+  ctrlChoiceSwitchPaddingHoverRaw,
+  ctrlChoiceSwitchPaddingPressedRaw,
+  ctrlChoiceSwitchHeightRaw,
+  ctrlChoiceSwitchWidthRaw,
+  ctrlChoiceSwitchThumbWidthRestRaw,
+  ctrlChoiceSwitchThumbWidthHoverRaw,
+  ctrlChoiceSwitchThumbWidthPressedRaw,
+  ctrlChoiceSwitchThumbShadowKeyXRaw,
+  ctrlChoiceSwitchThumbShadowKeyYRaw,
+  ctrlChoiceSwitchThumbShadowKeyBlurRaw,
+  ctrlChoiceSwitchThumbShadowKeyColorRaw,
+  ctrlChoiceSwitchThumbShadowAmbientXRaw,
+  ctrlChoiceSwitchThumbShadowAmbientYRaw,
+  ctrlChoiceSwitchThumbShadowAmbientBlurRaw,
+  ctrlChoiceSwitchThumbShadowAmbientColorRaw,
+  ctrlChoiceSmBaseSizeRaw,
+  ctrlChoiceSmCheckboxCornerRaw,
+  ctrlChoiceSmCheckboxIconSizeRaw,
+  ctrlChoiceSmCheckboxIconSizeFigmaonlyRaw,
+  ctrlChoiceSmRadioDotSizeRaw,
+  ctrlChoiceSmSwitchWidthRaw,
+  ctrlChoiceSmSwitchHeightRaw,
+  ctrlChoiceSmSwitchThumbWidthRestRaw,
+  ctrlChoiceSmSwitchThumbWidthHoverRaw,
+  ctrlChoiceSmSwitchThumbWidthPressedRaw,
+  ctrlChoiceLgBaseSizeRaw,
+  ctrlChoiceLgCheckboxCornerRaw,
+  ctrlChoiceLgCheckboxIconSizeRaw,
+  ctrlChoiceLgCheckboxIconSizeFigmaonlyRaw,
+  ctrlChoiceLgRadioDotSizeRestRaw,
+  ctrlChoiceLgRadioDotSizeHoverRaw,
+  ctrlChoiceLgRadioDotSizePressedRaw,
+  ctrlChoiceLgSwitchWidthRaw,
+  ctrlChoiceLgSwitchHeightRaw,
+  ctrlChoiceLgSwitchThumbWidthRestRaw,
+  ctrlChoiceLgSwitchThumbWidthHoverRaw,
+  ctrlChoiceLgSwitchThumbWidthPressedRaw,
+} from './components/choice/variables';
+export {
+  ctrlDialogBackgroundRaw,
+  ctrlDialogStrokeRaw,
+  ctrlDialogBaseCornerRaw,
+  ctrlDialogBaseShadowKeyXRaw,
+  ctrlDialogBaseShadowKeyYRaw,
+  ctrlDialogBaseShadowKeyBlurRaw,
+  ctrlDialogBaseShadowKeyColorRaw,
+  ctrlDialogBaseShadowAmbientXRaw,
+  ctrlDialogBaseShadowAmbientYRaw,
+  ctrlDialogBaseShadowAmbientBlurRaw,
+  ctrlDialogBaseShadowAmbientColorRaw,
+  ctrlDialogLayerBackgroundRaw,
+  ctrlDialogLayerPaddingBottomRaw,
+} from './components/dialog/variables';
+export { ctrlDividerFixedlineLengthRaw } from './components/divider/variables';
+export {
+  ctrlDragBackgroundSolidRaw,
+  ctrlDragBackgroundColorblendRaw,
+  ctrlDragBackgroundLumblendRaw,
+} from './components/drag/variables';
+export {
+  ctrlFabBackgroundRestRaw,
+  ctrlFabBackgroundHoverRaw,
+  ctrlFabBackgroundPressedRaw,
+  ctrlFabBackgroundDisabledRaw,
+  ctrlFabCornerRestRaw,
+  ctrlFabShadowRestKeyXRaw,
+  ctrlFabShadowRestKeyYRaw,
+  ctrlFabShadowRestKeyBlurRaw,
+  ctrlFabShadowRestKeyColorRaw,
+  ctrlFabShadowRestAmbientXRaw,
+  ctrlFabShadowRestAmbientYRaw,
+  ctrlFabShadowRestAmbientBlurRaw,
+  ctrlFabShadowRestAmbientColorRaw,
+  ctrlFabShadowHoverKeyXRaw,
+  ctrlFabShadowHoverKeyYRaw,
+  ctrlFabShadowHoverKeyBlurRaw,
+  ctrlFabShadowHoverKeyColorRaw,
+  ctrlFabShadowPressedKeyXRaw,
+  ctrlFabShadowPressedKeyYRaw,
+  ctrlFabShadowPressedKeyBlurRaw,
+  ctrlFabShadowPressedKeyColorRaw,
+  ctrlFabShadowDisabledKeyXRaw,
+  ctrlFabShadowDisabledKeyYRaw,
+  ctrlFabShadowDisabledKeyBlurRaw,
+  ctrlFabShadowDisabledKeyColorRaw,
+  ctrlFabCornerHoverRaw,
+  ctrlFabCornerPressedRaw,
+} from './components/fab/variables';
+export {
+  ctrlFocusPositionFigmaonlyRaw,
+  ctrlFocusInnerStrokewidthRaw,
+  ctrlFocusInnerStrokeRaw,
+  ctrlFocusOuterStrokewidthRaw,
+  ctrlFocusOuterStrokeRaw,
+} from './components/focus/variables';
+export {
+  ctrlInputBackgroundRestRaw,
+  ctrlInputBackgroundHoverRaw,
+  ctrlInputBackgroundPressedRaw,
+  ctrlInputBackgroundDisabledRaw,
+  ctrlInputBackgroundSelectedRaw,
+  ctrlInputBackgroundErrorRaw,
+  ctrlInputStrokeRestRaw,
+  ctrlInputBottomlineStrokewidthRestRaw,
+  ctrlInputStrokewidthRestRaw,
+  ctrlInputTextselectionBackgroundRaw,
+  ctrlInputTextselectionForegroundRaw,
+  ctrlInputStrokewidthHoverRaw,
+  ctrlInputStrokewidthPressedRaw,
+  ctrlInputStrokewidthSelectedRaw,
+  ctrlInputBottomlineStrokewidthHoverRaw,
+  ctrlInputBottomlineStrokewidthPressedRaw,
+  ctrlInputBottomlineStrokewidthSelectedRaw,
+  ctrlInputBottomlineStrokeRestRaw,
+  ctrlInputBottomlineStrokeHoverRaw,
+  ctrlInputBottomlineStrokePressedRaw,
+  ctrlInputBottomlineStrokeDisabledRaw,
+  ctrlInputBottomlineStrokeSelectedRaw,
+  ctrlInputBottomlineStrokeErrorRaw,
+  ctrlInputStrokeHoverRaw,
+  ctrlInputStrokePressedRaw,
+  ctrlInputStrokeDisabledRaw,
+  ctrlInputStrokeSelectedRaw,
+  ctrlInputStrokeErrorRaw,
+} from './components/input/variables';
+export {
+  ctrlLinkForegroundNeutralRestRaw,
+  ctrlLinkInlineStrokewidthRestRaw,
+  ctrlLinkInlineStrokewidthHoverRaw,
+  ctrlLinkInlineUnderlineDashedRaw,
+  ctrlLinkInlineUnderlineSolidFigmaonlyRaw,
+  ctrlLinkForegroundNeutralHoverRaw,
+  ctrlLinkForegroundNeutralPressedRaw,
+  ctrlLinkForegroundBrandRestRaw,
+  ctrlLinkForegroundBrandHoverRaw,
+  ctrlLinkForegroundBrandPressedRaw,
+  ctrlLinkOnpageStrokewidthRestRaw,
+  ctrlLinkOnpageStrokewidthHoverRaw,
+  ctrlLinkOnpageUnderlineDashedRaw,
+  ctrlLinkOnpageUnderlineSolidFigmaonlyRaw,
+  ctrlLinkInlineShowunderlineatrestRaw,
+  ctrlLinkOnpageShowunderlineatrestRaw,
+} from './components/link/variables';
+export {
+  ctrlListPillWidthRaw,
+  ctrlListPillFullwidthRaw,
+  ctrlListPillStretchPaddingDefaultRaw,
+  ctrlListPillStretchPaddingHintRaw,
+  ctrlListPillLengthRestRaw,
+  ctrlListPillLengthHoverRaw,
+  ctrlListPillLengthPressedRaw,
+  ctrlListPillLengthHintRaw,
+  ctrlListCornerRestRaw,
+  ctrlListCornerHoverRaw,
+  ctrlListCornerPressedRaw,
+  ctrlListIndentLevel1Raw,
+  ctrlListIndentLevel2Raw,
+  ctrlListIndentLevel3Raw,
+  ctrlListBackgroundSelectedRestRaw,
+  ctrlListBackgroundSelectedHoverRaw,
+  ctrlListBackgroundSelectedPressedRaw,
+  ctrlListBackgroundSelectedDisabledRaw,
+  ctrlListChoiceBackgroundRestRaw,
+  ctrlListChoiceStrokeRestRaw,
+  ctrlListChoiceStrokeDisabledRaw,
+  ctrlListChoiceStrokeSelectedRestRaw,
+  ctrlListChoiceStrokeSelectedDisabledRaw,
+  ctrlListChoiceForegroundHoverRaw,
+  ctrlListChoiceForegroundSelectedRestRaw,
+  ctrlListChoiceForegroundSelectedDisabledRaw,
+  ctrlListChoiceBackgroundDisabledRaw,
+  ctrlListChoiceBackgroundSelectedRestRaw,
+  ctrlListChoiceBackgroundSelectedDisabledRaw,
+  ctrlListChoiceCheckboxCornerRaw,
+  ctrlListChoiceCheckboxIconSizeRaw,
+  ctrlListChoiceCheckboxIconSizeFigmaonlyRaw,
+  ctrlListChoiceDotSizeRaw,
+  ctrlListChoiceDotSizeFigmaonlyRaw,
+  ctrlListSplitDividerPaddingInsetRaw,
+  ctrlListSplitDividerStrokeRaw,
+  ctrlListSmCornerRestRaw,
+  ctrlListSmCornerHoverRaw,
+  ctrlListSmCornerPressedRaw,
+  ctrlListSmIndentLevel1Raw,
+  ctrlListSmIndentLevel2Raw,
+  ctrlListSmIndentLevel3Raw,
+  ctrlListLgCornerRestRaw,
+  ctrlListLgCornerHoverRaw,
+  ctrlListLgCornerPressedRaw,
+  ctrlListLgIndentLevel1Raw,
+  ctrlListLgIndentLevel2Raw,
+  ctrlListLgIndentLevel3Raw,
+  ctrlListSplitDividerShowdividerRaw,
+  ctrlListShadowSelectedKeyY2Raw,
+  ctrlListShadowSelectedKeyXRaw,
+  ctrlListShadowSelectedKeyYRaw,
+  ctrlListShadowSelectedKeyBlurRaw,
+  ctrlListShadowSelectedKeyColorRaw,
+  ctrlListShadowSelectedAmbientXRaw,
+  ctrlListShadowSelectedAmbientYRaw,
+  ctrlListShadowSelectedAmbientBlurRaw,
+  ctrlListShadowSelectedAmbientColorRaw,
+} from './components/list/variables';
+export {
+  ctrlLitefilterBackgroundSelectedRaw,
+  ctrlLitefilterStrokeSelectedRaw,
+  ctrlLitefilterForegroundSelectedRaw,
+  ctrlLitefilterStrokewidthSelectedRaw,
+} from './components/liteFilter/variables';
+export {
+  ctrlProgressBackgroundEmptyRaw,
+  ctrlProgressBackgroundFilledRaw,
+  ctrlProgressCornerRaw,
+  ctrlProgressHeightFilledRaw,
+  ctrlProgressHeightEmptyRaw,
+  ctrlProgressSmHeightFilledRaw,
+  ctrlProgressSmHeightEmptyRaw,
+  ctrlProgressLgHeightFilledRaw,
+  ctrlProgressLgHeightEmptyRaw,
+} from './components/progress/variables';
+export {
+  ctrlRatingIconThemeRaw,
+  ctrlRatingIconGapRaw,
+  ctrlRatingIconForegroundFilledRaw,
+  ctrlRatingIconForegroundEmptyRaw,
+  ctrlRatingIconSizeRaw,
+} from './components/rating/variables';
+export {
+  ctrlSegmentedBackgroundRestRaw,
+  ctrlSegmentedBackgroundHoverRaw,
+  ctrlSegmentedBackgroundPressedRaw,
+  ctrlSegmentedBackgroundDisabledRaw,
+  ctrlSegmentedStrokeRestRaw,
+  ctrlSegmentedStrokeHoverRaw,
+  ctrlSegmentedStrokePressedRaw,
+  ctrlSegmentedStrokeDisabledRaw,
+  ctrlSegmentedCornerRestRaw,
+  ctrlSegmentedCornerHoverRaw,
+  ctrlSegmentedCornerPressedRaw,
+  ctrlSegmentedPaddingRestRaw,
+  ctrlSegmentedPaddingHoverRaw,
+  ctrlSegmentedPaddingPressedRaw,
+  ctrlSegmentedGapRaw,
+  ctrlSegmentedItemCornerRestRaw,
+  ctrlSegmentedItemCornerHoverRaw,
+  ctrlSegmentedItemCornerPressedRaw,
+  ctrlSegmentedSmPaddingRestRaw,
+  ctrlSegmentedSmPaddingHoverRaw,
+  ctrlSegmentedSmPaddingPressedRaw,
+  ctrlSegmentedLgPaddingRestRaw,
+  ctrlSegmentedLgPaddingHoverRaw,
+  ctrlSegmentedLgPaddingPressedRaw,
+  ctrlSegmentedSmItemCornerRestRaw,
+  ctrlSegmentedSmItemCornerHoverRaw,
+  ctrlSegmentedSmItemCornerPressedRaw,
+  ctrlSegmentedLgItemCornerRestRaw,
+  ctrlSegmentedLgItemCornerHoverRaw,
+  ctrlSegmentedLgItemCornerPressedRaw,
+  ctrlSegmentedSmCornerRestRaw,
+  ctrlSegmentedSmCornerHoverRaw,
+  ctrlSegmentedSmCornerPressedRaw,
+  ctrlSegmentedLgCornerRestRaw,
+  ctrlSegmentedLgCornerHoverRaw,
+  ctrlSegmentedLgCornerPressedRaw,
+} from './components/segmented/variables';
+export {
+  ctrlSliderBarHeightRaw,
+  ctrlSliderBarCornerRaw,
+  ctrlSliderBarForegroundFilledRestRaw,
+  ctrlSliderBarForegroundEmptyRestRaw,
+  ctrlSliderBarForegroundEmptyHoverRaw,
+  ctrlSliderBarForegroundEmptyPressedRaw,
+  ctrlSliderBarForegroundEmptyDisabledRaw,
+  ctrlSliderBarForegroundFilledHoverRaw,
+  ctrlSliderBarForegroundFilledPressedRaw,
+  ctrlSliderBarForegroundFilledDisabledRaw,
+  ctrlSliderThumbCornerRaw,
+  ctrlSliderThumbSizeRestRaw,
+  ctrlSliderThumbSizeHoverRaw,
+  ctrlSliderThumbSizePressedRaw,
+  ctrlSliderThumbBackgroundRestRaw,
+  ctrlSliderThumbBackgroundHoverRaw,
+  ctrlSliderThumbBackgroundPressedRaw,
+  ctrlSliderThumbBackgroundDisabledRaw,
+  ctrlSliderThumbInnerStrokewidthRestRaw,
+  ctrlSliderThumbInnerStrokewidthHoverRaw,
+  ctrlSliderThumbInnerStrokewidthPressedRaw,
+  ctrlSliderThumbInnerStrokeRestRaw,
+  ctrlSliderThumbInnerStrokeHoverRaw,
+  ctrlSliderThumbInnerStrokePressedRaw,
+  ctrlSliderThumbInnerStrokeDisabledRaw,
+  ctrlSliderThumbOuterStrokewidthRaw,
+  ctrlSliderThumbOuterStrokeRestRaw,
+  ctrlSliderThumbOuterStrokeHoverRaw,
+  ctrlSliderThumbOuterStrokePressedRaw,
+  ctrlSliderThumbOuterStrokeDisabledRaw,
+  ctrlSliderSmThumbSizeRestRaw,
+  ctrlSliderSmThumbSizeHoverRaw,
+  ctrlSliderSmThumbSizePressedRaw,
+  ctrlSliderSmBarHeightRaw,
+  ctrlSliderLgThumbSizeRestRaw,
+  ctrlSliderLgBarHeightRaw,
+  ctrlSliderLgThumbSizeHoverRaw,
+  ctrlSliderLgThumbSizePressedRaw,
+} from './components/slider/variables';
+export {
+  ctrlSplitDividerStrokewidthRaw,
+  ctrlSplitDividerStrokewidthOnoutlineRaw,
+  ctrlSplitDividerStrokewidthOnsubtleRaw,
+} from './components/split/variables';
+export { ctrlSpinnerStrokewidthRaw, ctrlSpinnerShowemptytrackRaw } from './components/spinner/variables';
+export { ctrlBooleanSelectionhintRaw } from './components/boolean/variables';
+export {
+  ctrlComposerInputBottomStrokeWidthSelectedRestRaw,
+  ctrlComposerInputBottomStrokeWidthRestRaw,
+  ctrlComposerInputBottomStrokeWidthHoverRaw,
+  ctrlComposerInputBottomStrokeWidthPressedRaw,
+  ctrlComposerInputCornerRestRaw,
+  ctrlComposerInputCornerHoverRaw,
+  ctrlComposerInputCornerPressedRaw,
+  ctrlComposerInputBackgroundRestRaw,
+  ctrlComposerInputBackgroundPressedRaw,
+  ctrlComposerInputBackgroundDisabledRaw,
+  ctrlComposerInputBackgroundSelectedRestRaw,
+  ctrlComposerInputBackgroundHoverRaw,
+  ctrlComposerInputStrokeRestRaw,
+  ctrlComposerInputStrokeHoverUsesgradientRaw,
+  ctrlComposerInputStrokePressedUsesgradientRaw,
+  ctrlComposerInputStrokeDisabledUsesgradientRaw,
+  ctrlComposerInputStrokeSelectedRestUsesgradientRaw,
+  ctrlComposerInputStrokeWidthRestRaw,
+  ctrlComposerInputStrokeWidthHoverRaw,
+  ctrlComposerInputStrokeWidthPressedRaw,
+  ctrlComposerInputStrokeWidthSelectedRestRaw,
+  ctrlComposerInputBottomstrokeRestRaw,
+  ctrlComposerInputBottomstrokeHoverRaw,
+  ctrlComposerInputBottomstrokePressedRaw,
+  ctrlComposerInputBottomstrokeDisabledRaw,
+  ctrlComposerInputBottomstrokeSelectedRestRaw,
+  ctrlComposerInputShadowXOffsetRaw,
+  ctrlComposerInputShadowYRaw,
+  ctrlComposerInputShadowBlurRaw,
+  ctrlComposerInputShadowColorRaw,
+  ctrlComposerContainerCornerRaw,
+  ctrlComposerContainerBackgroundDefaultRaw,
+  ctrlComposerContainerBackgroundAcryliccolorblendRaw,
+  ctrlComposerContainerBackgroundAcryliclumblendRaw,
+  ctrlComposerContainerShadowKeyXRaw,
+  ctrlComposerContainerShadowKeyYRaw,
+  ctrlComposerContainerShadowKeyBlurRaw,
+  ctrlComposerContainerShadowKeyColorRaw,
+  ctrlComposerContainerShadowAmbientXRaw,
+  ctrlComposerContainerShadowAmbientYRaw,
+  ctrlComposerContainerShadowAmbientBlurRaw,
+  ctrlComposerContainerShadowAmbientColorRaw,
+  ctrlComposerContainerStrokeDefaultRaw,
+} from './components/composer/variables';
+export {
+  ctrlCardStateRestRaw,
+  ctrlCardStateHoverRaw,
+  ctrlCardStatePressedRaw,
+  ctrlCardStateDisabledRaw,
+} from './components/card/variables';
+export {
+  textStyleDefaultHeaderFontfamily,
+  textStyleDefaultHeaderLetterspacing,
+  textStyleAiRegularFontfamily,
+  textStyleAiRegularWeight,
+  textStyleAiRegularLetterspacing,
+  textStyleAiHeaderFontfamily,
+  textStyleAiHeaderWeight,
+  textStyleAiHeaderLetterspacing,
+  textStyleArticleRegularFontfamily,
+  textStyleArticleRegularWeight,
+  textStyleArticleRegularLetterspacing,
+  textStyleArticleHeaderFontfamily,
+  textStyleArticleHeaderWeight,
+  textStyleArticleHeaderLetterspacing,
+  textStyleCodeRegularFontfamily,
+  textStyleCodeRegularWeight,
+  textStyleCodeRegularLetterspacing,
+  textStyleCodeHeaderFontfamily,
+  textStyleCodeHeaderWeight,
+  textStyleCodeHeaderLetterspacing,
+  textStyleDatavizRegularFontfamily,
+  textStyleDatavizRegularWeight,
+  textStyleDatavizRegularLetterspacing,
+  textStyleDatavizHeaderFontfamily,
+  textStyleDatavizHeaderWeight,
+  textStyleDatavizHeaderLetterspacing,
+  textStyleQuoteRegularFontfamily,
+  textStyleQuoteRegularWeight,
+  textStyleQuoteRegularLetterspacing,
+  textStyleQuoteHeaderFontfamily,
+  textStyleQuoteHeaderWeight,
+  textStyleQuoteHeaderLetterspacing,
+  textRampPageheaderFontsize,
+  textRampPageheaderLineheight,
+  textRampSectionheaderFontsize,
+  textRampSectionheaderLineheight,
+  textRampSubsectionheaderFontsize,
+  textRampSubsectionheaderLineheight,
+  textRampReadingbodyFontsize,
+  textRampReadingbodyLineheight,
+  textRampItemheaderFontsize,
+  textRampItemheaderLineheight,
+  textRampItembodyFontsize,
+  textRampItembodyLineheight,
+  textRampMetadataFontsize,
+  textRampMetadataLineheight,
+  textRampLegalFontsize,
+  textRampLegalLineheight,
+  textRampSmPageheaderFontsize,
+  textRampSmPageheaderLineheight,
+  textRampSmSectionheaderFontsize,
+  textRampSmSectionheaderLineheight,
+  textRampSmSubsectionheaderFontsize,
+  textRampSmSubsectionheaderLineheight,
+  textRampSmReadingbodyFontsize,
+  textRampSmReadingbodyLineheight,
+  textRampSmItemheaderFontsize,
+  textRampSmItemheaderLineheight,
+  textRampSmItembodyFontsize,
+  textRampSmItembodyLineheight,
+  textRampSmMetadataFontsize,
+  textRampSmMetadataLineheight,
+  textRampSmLegalFontsize,
+  textRampSmLegalLineheight,
+  textRampLgPageheaderFontsize,
+  textRampLgPageheaderLineheight,
+  textRampLgSectionheaderFontsize,
+  textRampLgSectionheaderLineheight,
+  textRampLgSubsectionheaderFontsize,
+  textRampLgSubsectionheaderLineheight,
+  textRampLgReadingbodyFontsize,
+  textRampLgReadingbodyLineheight,
+  textRampLgItemheaderFontsize,
+  textRampLgItemheaderLineheight,
+  textRampLgItembodyFontsize,
+  textRampLgItembodyLineheight,
+  textRampLgMetadataFontsize,
+  textRampLgMetadataLineheight,
+  textRampLgLegalFontsize,
+  textRampLgLegalLineheight,
+  textCtrlWeightDefault,
+  textCtrlButtonWeightDefault,
+  textCtrlButtonWeightSelected,
+  paddingToolbarInside,
+  paddingToolbarOutside,
+  paddingFlyoutDefault,
+  paddingCardNestedimage,
+  paddingCtrlTextbottom,
+  paddingCtrlSmTextbottom,
+  paddingCtrlLgTextbottom,
+  gapBetweenCtrlNested,
+  gapTextSmall,
+  gapTextLarge,
+  gapBetweenCtrlLgNested,
+  gapBetweenCtrlSmNested,
+  gapList,
+  gapCard,
+  strokewidthDividerDefault,
+  strokewidthDividerStrong,
+  strokewidthCtrlOutlineRest,
+  strokewidthCtrlOutlineHover,
+  strokewidthCtrlOutlinePressed,
+  strokewidthCtrlOutlineSelected,
+  strokewidthWindowDefault,
+  backgroundToolbar,
+  strokeToolbar,
+  strokeCtrlOnbrandRestStop2,
+  strokeCtrlOnbrandHoverStop2,
+  strokeCtrlOnbrandPressedStop2,
+  strokeCtrlOnbrandDisabledStop2,
+  strokeCtrlOnneutralRestStop2,
+  strokeCtrlOnneutralHoverStop2,
+  strokeCtrlOnneutralPressedStop2,
+  strokeCtrlOnneutralDisabledStop2,
+  strokeCtrlOnoutlineRestStop2,
+  strokeCtrlOnoutlineHoverStop2,
+  strokeCtrlOnoutlinePressedStop2,
+  strokeCtrlOnoutlineDisabledStop2,
+  strokeCtrlOnactivebrandRest,
+  strokeCtrlDividerOnbrandDisabled,
+  strokeCtrlDividerOnneutralDisabled,
+  strokeCtrlDividerOnoutlineDisabled,
+  strokeCtrlDividerOnactivebrand,
+  strokeCtrlDividerOnactivebrandDisabled,
+  strokeCtrlOnactivebrandHover,
+  strokeCtrlOnactivebrandPressed,
+  strokeCtrlOnactivebrandDisabled,
+  strokeCtrlOnactivebrandRestStop2,
+  strokeCtrlOnactivebrandHoverStop2,
+  strokeCtrlOnactivebrandPressedStop2,
+  strokeCtrlOnactivebrandDisabledStop2,
+  strokeDividerSubtle,
+  strokeDividerStrong,
+  strokeDividerBrand,
+  strokeWindowInactive,
+  backgroundLayerPrimaryStop1,
+  backgroundLayerPrimaryStop2,
+  backgroundLayerPrimaryStop3,
+  backgroundLayerSecondary,
+  backgroundLayerTertiary,
+  backgroundCardOnprimaryDefaultSelected,
+  backgroundCtrlActivebrandRest,
+  backgroundCtrlActivebrandHover,
+  backgroundCtrlActivebrandPressed,
+  backgroundCtrlActivebrandDisabled,
+  backgroundCtrlShapesafeActivebrandRest,
+  backgroundCtrlShapesafeActivebrandDisabled,
+  backgroundCtrlShapesafeNeutralRest,
+  backgroundCtrlShapesafeNeutralHover,
+  backgroundCtrlShapesafeNeutralPressed,
+  backgroundCtrlShapesafeNeutralDisabled,
+  cornerFlyoutHover,
+  cornerFlyoutPressed,
+  cornerLayerIntersection,
+  cornerCardHover,
+  cornerCardPressed,
+  cornerToolbarDefault,
+  cornerImageOnpage,
+  cornerCtrlHover,
+  cornerCtrlPressed,
+  cornerCtrlSmHover,
+  cornerCtrlSmPressed,
+  cornerCtrlLgHover,
+  cornerCtrlLgPressed,
+  foregroundContentNeutralPrimary,
+  foregroundContentNeutralSecondary,
+  foregroundContentBrandPrimary,
+  foregroundCtrlNeutralPrimaryHover,
+  foregroundCtrlNeutralPrimaryPressed,
+  foregroundCtrlNeutralSecondaryHover,
+  foregroundCtrlNeutralSecondaryPressed,
+  foregroundCtrlIconOnneutralRest,
+  foregroundCtrlIconOnneutralHover,
+  foregroundCtrlIconOnneutralPressed,
+  foregroundCtrlIconOnneutralDisabled,
+  foregroundCtrlIconOnoutlineRest,
+  foregroundCtrlIconOnoutlineHover,
+  foregroundCtrlIconOnoutlinePressed,
+  foregroundCtrlIconOnoutlineDisabled,
+  foregroundCtrlIconOnsubtleRest,
+  foregroundCtrlIconOnsubtleHover,
+  foregroundCtrlIconOnsubtlePressed,
+  foregroundCtrlIconOnsubtleDisabled,
+  foregroundCtrlOnbrandHover,
+  foregroundCtrlOnbrandPressed,
+  foregroundCtrlActivebrandRest,
+  foregroundCtrlActivebrandHover,
+  foregroundCtrlActivebrandPressed,
+  foregroundCtrlActivebrandDisabled,
+  foregroundCtrlOnactivebrandRest,
+  foregroundCtrlOnactivebrandHover,
+  foregroundCtrlOnactivebrandPressed,
+  foregroundCtrlOnactivebrandDisabled,
+  foregroundCtrlOnoutlineRest,
+  foregroundCtrlOnoutlineHover,
+  foregroundCtrlOnoutlinePressed,
+  foregroundCtrlOnoutlineDisabled,
+  foregroundCtrlOnsubtleRest,
+  foregroundCtrlOnsubtleHover,
+  foregroundCtrlOnsubtlePressed,
+  foregroundCtrlOnsubtleDisabled,
+  foregroundCtrlOntransparentRest,
+  foregroundCtrlOntransparentHover,
+  foregroundCtrlOntransparentPressed,
+  foregroundCtrlOntransparentDisabled,
+  shadowCtrlOndragKeyY,
+  shadowCtrlOndragKeyX,
+  shadowCtrlOndragKeyBlur,
+  shadowCtrlOndragKeyColor,
+  shadowCtrlOndragAmbientY,
+  shadowCtrlOndragAmbientX,
+  shadowCtrlOndragAmbientBlur,
+  shadowCtrlOndragAmbientColor,
+  materialAcrylicDefaultSolid,
+  materialAcrylicDefaultColorblend,
+  materialAcrylicDefaultLumblend,
+  materialMicaDefaultSolid,
+  materialMicaDefaultColorblend,
+  materialMicaDefaultLumblend,
+  materialMicaDarkerSolid,
+  materialMicaDarkerColorblend,
+  materialMicaDarkerLumblend,
+  materialMicaThinSolid,
+  materialMicaThinColorblend,
+  materialMicaThinLumblend,
+  iconthemeCtrlDefaultHover,
+  iconthemeCtrlDefaultPressed,
+  iconthemeCtrlSubtleRest,
+  iconthemeCtrlSubtleHover,
+  iconthemeCtrlSubtlePressed,
+  iconthemeCtrlSubtleSelected,
+  iconthemeCtrlChevronDefault,
+  iconthemeCtrlChevronSelected,
+  statusBrandBackground,
+  statusBrandStroke,
+  statusBrandForeground,
+  statusBrandTintForeground,
+  statusDangerStroke,
+  statusDangerForeground,
+  statusWarningStroke,
+  statusWarningForeground,
+  statusSuccessStroke,
+  statusSuccessForeground,
+  statusImportantStroke,
+  statusImportantForeground,
+  statusInformativeStroke,
+  statusInformativeForeground,
+  shadowWindowInactiveKeyX,
+  shadowWindowInactiveKeyY,
+  shadowWindowInactiveKeyBlur,
+  shadowWindowInactiveKeyColor,
+  statusNeutralStroke,
+  statusNeutralForeground,
+  statusNeutralTintForeground,
+  cornerFlyoutShellRest,
+  materialAcrylicShellDefaultSolid,
+  materialAcrylicShellDefaultColorblend,
+  materialAcrylicShellDefaultLumblend,
+  backgroundCardOnsecondaryDefaultSelected,
+} from './optional/tokens';
+export {
+  textGlobalDisplay1Fontsize,
+  textGlobalDisplay1Lineheight,
+  textGlobalDisplay2Fontsize,
+  textGlobalDisplay2Lineheight,
+  textGlobalTitle1Fontsize,
+  textGlobalTitle1Lineheight,
+  textGlobalTitle2Fontsize,
+  textGlobalTitle2Lineheight,
+  textGlobalSubtitle1Fontsize,
+  textGlobalSubtitle1Lineheight,
+  textGlobalSubtitle2Fontsize,
+  textGlobalSubtitle2Lineheight,
+  textGlobalBody1Fontsize,
+  textGlobalBody1Lineheight,
+  textGlobalBody2Fontsize,
+  textGlobalBody2Lineheight,
+  textGlobalBody3Fontsize,
+  textGlobalBody3Lineheight,
+  textGlobalCaption1Fontsize,
+  textGlobalCaption1Lineheight,
+  textGlobalCaption2Fontsize,
+  textGlobalCaption2Lineheight,
+  textStyleDefaultRegularFontfamily,
+  textStyleDefaultRegularWeight,
+  textStyleDefaultRegularLetterspacing,
+  textStyleDefaultHeaderWeight,
+  sizeCtrlDefault,
+  sizeCtrlIcon,
+  sizeCtrlIconFigmaonly,
+  sizeCtrlIconsecondary,
+  textCtrlWeightSelected,
+  sizeCtrlSmDefault,
+  sizeCtrlSmIcon,
+  sizeCtrlLgDefault,
+  sizeCtrlLgIcon,
+  sizeCtrlSmIconFigmaonly,
+  sizeCtrlLgIconFigmaonly,
+  paddingContentAlignDefault,
+  paddingContentAlignOutdentIcononsubtle,
+  paddingContentAlignOutdentTextonsubtle,
+  paddingContentNone,
+  paddingContentXxsmall,
+  paddingContentXsmall,
+  paddingContentSmall,
+  paddingContentMedium,
+  paddingContentLarge,
+  paddingContentXlarge,
+  paddingContentXxlarge,
+  paddingContentXxxlarge,
+  paddingCtrlHorizontalDefault,
+  paddingCtrlHorizontalIcononly,
+  paddingCtrlTexttop,
+  paddingCtrlTextside,
+  paddingCtrlTonestedcontrol,
+  paddingCtrlSmHorizontalDefault,
+  paddingCtrlSmHorizontalIcononly,
+  paddingCtrlSmTexttop,
+  paddingCtrlSmTonestedcontrol,
+  paddingCtrlLgHorizontalDefault,
+  paddingCtrlLgHorizontalIcononly,
+  paddingCtrlLgTexttop,
+  paddingCtrlLgTonestedcontrol,
+  gapBetweenContentNone,
+  gapBetweenContentXxsmall,
+  gapBetweenContentXsmall,
+  gapBetweenContentSmall,
+  gapBetweenCtrlDefault,
+  gapBetweenContentMedium,
+  gapBetweenContentLarge,
+  gapBetweenContentXlarge,
+  gapBetweenContentXxlarge,
+  gapBetweenCtrlLgDefault,
+  gapBetweenCtrlSmDefault,
+  gapInsideCtrlDefault,
+  gapInsideCtrlSmDefault,
+  gapInsideCtrlSmTosecondaryicon,
+  gapInsideCtrlLgDefault,
+  gapInsideCtrlLgTosecondaryicon,
+  gapInsideCtrlTosecondaryicon,
+  gapInsideCtrlTolabel,
+  gapInsideCtrlSmTolabel,
+  gapInsideCtrlLgTolabel,
+  cornerCircular,
+  strokewidthDefault,
+  backgroundSmoke,
+  strokeCtrlOnoutlineRest,
+  strokeCtrlOnoutlineHover,
+  strokeCtrlOnoutlinePressed,
+  strokeCtrlOnoutlineDisabled,
+  strokeCtrlDividerOnbrand,
+  strokeCtrlDividerOnneutral,
+  strokeCtrlDividerOnoutline,
+  strokeDividerDefault,
+  strokeWindowActive,
+  backgroundWindowPrimarySolid,
+  backgroundWindowPrimaryColorblend,
+  backgroundWindowPrimaryLumblend,
+  backgroundWindowSecondarySolid,
+  backgroundWindowSecondaryColorblend,
+  backgroundWindowSecondaryLumblend,
+  backgroundWindowTabbandColorblend,
+  backgroundWindowTabbandLumblend,
+  backgroundWindowTabbandSolid,
+  backgroundWebpagePrimary,
+  backgroundWebpageSecondary,
+  backgroundLayerPrimarySolid,
+  backgroundCardOnprimaryDefaultRest,
+  backgroundCardOnprimaryAltRest,
+  backgroundCardOnprimaryAltHover,
+  backgroundCardOnprimaryAltPressed,
+  backgroundCardOnprimaryAltDisabled,
+  backgroundCardOnprimaryDefaultHover,
+  backgroundCardOnprimaryDefaultPressed,
+  backgroundCardOnprimaryDefaultDisabled,
+  backgroundFlyoutSolid,
+  backgroundCtrlBrandRest,
+  backgroundCtrlBrandHover,
+  backgroundCtrlBrandPressed,
+  backgroundCtrlBrandDisabled,
+  backgroundCtrlNeutralRest,
+  backgroundCtrlNeutralHover,
+  backgroundCtrlNeutralPressed,
+  backgroundCtrlNeutralDisabled,
+  backgroundCtrlSubtleHover,
+  backgroundCtrlSubtlePressed,
+  backgroundFlyoutLumblend,
+  backgroundFlyoutColorblend,
+  cornerZero,
+  cornerBezel,
+  cornerWindowDefault,
+  cornerFlyoutRest,
+  cornerLayerDefault,
+  cornerCardRest,
+  cornerCtrlRest,
+  cornerCtrlSmRest,
+  cornerCtrlLgRest,
+  cornerImageIncard,
+  foregroundCtrlNeutralPrimaryRest,
+  foregroundCtrlNeutralPrimaryDisabled,
+  foregroundCtrlNeutralSecondaryRest,
+  foregroundCtrlNeutralSecondaryDisabled,
+  foregroundCtrlBrandRest,
+  foregroundCtrlBrandHover,
+  foregroundCtrlBrandPressed,
+  foregroundCtrlBrandDisabled,
+  foregroundCtrlOnbrandRest,
+  foregroundCtrlOnbrandDisabled,
+  shadowFlyoutKeyX,
+  shadowFlyoutKeyY,
+  shadowFlyoutKeyBlur,
+  shadowFlyoutKeyColor,
+  shadowFlyoutAmbientX,
+  shadowFlyoutAmbientY,
+  shadowFlyoutAmbientBlur,
+  shadowFlyoutAmbientColor,
+  shadowToolbarKeyX,
+  shadowToolbarKeyY,
+  shadowToolbarKeyBlur,
+  shadowToolbarKeyColor,
+  shadowToolbarAmbientX,
+  shadowToolbarAmbientY,
+  shadowToolbarAmbientBlur,
+  shadowToolbarAmbientColor,
+  materialAcrylicBlur,
+  materialMicaBlur,
+  iconthemeCtrlDefaultRest,
+  iconthemeCtrlDefaultSelected,
+  statusBrandTintBackground,
+  statusBrandTintStroke,
+  statusDangerBackground,
+  statusDangerTintBackground,
+  statusDangerTintStroke,
+  statusDangerTintForeground,
+  statusWarningBackground,
+  statusWarningTintBackground,
+  statusWarningTintStroke,
+  statusWarningTintForeground,
+  statusSuccessBackground,
+  statusSuccessTintBackground,
+  statusSuccessTintStroke,
+  statusSuccessTintForeground,
+  statusImportantBackground,
+  statusImportantTintBackground,
+  statusImportantTintStroke,
+  statusImportantTintForeground,
+  statusInformativeBackground,
+  statusInformativeTintForeground,
+  statusInformativeTintStroke,
+  statusInformativeTintBackground,
+  statusAwayForeground,
+  statusOofForeground,
+  aiBrandStop1,
+  aiBrandStop2,
+  aiBrandStop3,
+  aiBrandStop4,
+  aiShimmerStop1,
+  aiShimmerStop2,
+  aiShimmerStop3,
+  aiShimmerStop4,
+  shadowWindowActiveKeyX,
+  shadowWindowActiveKeyY,
+  shadowWindowActiveKeyBlur,
+  shadowWindowActiveKeyColor,
+  shadowWindowActiveAmbientX,
+  shadowWindowActiveAmbientY,
+  shadowWindowActiveAmbientBlur,
+  shadowWindowActiveAmbientColor,
+  shadowWindowInactiveAmbientX,
+  shadowWindowInactiveAmbientY,
+  shadowWindowInactiveAmbientBlur,
+  shadowWindowInactiveAmbientColor,
+  nullColor,
+  statusNeutralBackground,
+  statusNeutralTintBackground,
+  statusNeutralTintStroke,
+  nullNumber,
+  nullString,
+  backgroundCardOnsecondaryDefaultRest,
+  backgroundCardOnsecondaryAltRest,
+  backgroundCardOnsecondaryAltHover,
+  backgroundCardOnsecondaryAltPressed,
+  backgroundCardOnsecondaryAltDisabled,
+  backgroundCardOnsecondaryDefaultHover,
+  backgroundCardOnsecondaryDefaultPressed,
+  backgroundCardOnsecondaryDefaultDisabled,
+  backgroundCardOnflyoutDefaultRest,
+  backgroundCardOnflyoutDefaultHover,
+  backgroundCardOnflyoutDefaultPressed,
+  backgroundCardOnflyoutDefaultDisabled,
+} from './control/tokens';
+export {
+  textStyleDefaultHeaderCase,
+  textStyleAiHeaderCase,
+  textStyleArticleHeaderCase,
+  textStyleCodeHeaderCase,
+  textStyleDatavizHeaderCase,
+  textStyleQuoteHeaderCase,
+  strokeLayer,
+  strokeImage,
+  strokeFlyout,
+  strokeCtrlOnbrandRest,
+  strokeCtrlOnbrandHover,
+  strokeCtrlOnbrandPressed,
+  strokeCtrlOnbrandDisabled,
+  strokeCtrlOnneutralRest,
+  strokeCtrlOnneutralHover,
+  strokeCtrlOnneutralPressed,
+  strokeCtrlOnneutralDisabled,
+  strokeCtrlOnsubtleRest,
+  strokeCtrlOnsubtleHover,
+  strokeCtrlOnsubtlePressed,
+  strokeCtrlOnsubtleDisabled,
+  strokeCtrlOnsubtleHoversplit,
+  strokeCtrlDividerOnsubtle,
+  strokeCtrlDividerOnsubtleDisabled,
+  strokeCardSelected,
+  strokeCardOnprimaryRest,
+  strokeCardOnprimaryHover,
+  strokeCardOnprimaryPressed,
+  strokeCardOnprimaryDisabled,
+  strokeCardOnsecondaryRest,
+  strokeCardOnsecondaryHover,
+  strokeCardOnsecondaryPressed,
+  strokeCardOnsecondaryDisabled,
+  backgroundCtrlOutlineRest,
+  backgroundCtrlOutlineHover,
+  backgroundCtrlOutlinePressed,
+  backgroundCtrlOutlineDisabled,
+  backgroundCtrlSubtleRest,
+  backgroundCtrlSubtleDisabled,
+  backgroundCtrlSubtleHoversplit,
+  foregroundCtrlHintDefault,
+  shadowCardRestKeyX,
+  shadowCardRestKeyY,
+  shadowCardRestKeyBlur,
+  shadowCardRestKeyColor,
+  shadowCardHoverKeyX,
+  shadowCardHoverKeyY,
+  shadowCardHoverKeyBlur,
+  shadowCardHoverKeyColor,
+  shadowCardPressedKeyX,
+  shadowCardPressedKeyY,
+  shadowCardPressedKeyBlur,
+  shadowCardPressedKeyColor,
+  shadowCardDisabledKeyX,
+  shadowCardDisabledKeyY,
+  shadowCardDisabledKeyBlur,
+  shadowCardDisabledKeyColor,
+  shadowCardRestAmbientX,
+  shadowCardRestAmbientY,
+  shadowCardRestAmbientBlur,
+  shadowCardRestAmbientColor,
+  shadowLayerKeyX,
+  shadowLayerKeyY,
+  shadowLayerKeyBlur,
+  shadowLayerKeyColor,
+  shadowLayerAmbientX,
+  shadowLayerAmbientY,
+  shadowLayerAmbientBlur,
+  shadowLayerAmbientColor,
+} from './nullable/tokens';
+export {
+  ctrlTooltipShadowKeyX,
+  ctrlTooltipShadowKeyY,
+  ctrlTooltipShadowKeyBlur,
+  ctrlTooltipShadowKeyColor,
+  ctrlTooltipShadowAmbientX,
+  ctrlTooltipShadowAmbientY,
+  ctrlTooltipShadowAmbientBlur,
+  ctrlTooltipShadowAmbientColor,
+  ctrlTooltipCorner,
+  ctrlTooltipBackground,
+  ctrlTooltipForeground,
+} from './components/tooltip/tokens';
+export {
+  ctrlAvatarSize,
+  ctrlAvatarCornerItem,
+  ctrlAvatarBackground,
+  ctrlAvatarForeground,
+  ctrlAvatarIconSize,
+  ctrlAvatarPresencebadgeSize,
+  ctrlAvatarActiveringSize,
+  ctrlAvatarPresencebadgePaddingBottomrightoffset,
+  ctrlAvatarCornerGroup,
+  ctrlAvatarActiveringStrokewidth,
+  ctrlAvatarPresencebadgeStrokewidth,
+  ctrlAvatarTextFontsize,
+  ctrlAvatarTextLineheight,
+  ctrlAvatarTextPaddingTopoffset,
+  ctrlAvatarActiveringStroke,
+  ctrlAvatarShowcutout,
+  ctrlAvatarPresencebadgeBackgroundBehindbadge,
+} from './components/avatar/tokens';
+export {
+  ctrlBadgeTextPaddingTop,
+  ctrlBadgeTextPaddingBottom,
+  ctrlBadgeSmTextPaddingTop,
+  ctrlBadgeSmTextPaddingBottom,
+  ctrlBadgeLgTextPaddingTop,
+  ctrlBadgeLgTextPaddingBottom,
+  ctrlBadgeIconTheme,
+  ctrlBadgeBeaconSize,
+  ctrlBadgeSize,
+  ctrlBadgeCorner,
+  ctrlBadgeIconSizeFigmaonly,
+  ctrlBadgeGap,
+  ctrlBadgeIconSize,
+  ctrlBadgePadding,
+  ctrlBadgeSmSize,
+  ctrlBadgeSmCorner,
+  ctrlBadgeSmIconSizeFigmaonly,
+  ctrlBadgeSmIconSize,
+  ctrlBadgeSmPadding,
+  ctrlBadgeLgSize,
+  ctrlBadgeLgIconSizeFigmaonly,
+  ctrlBadgeLgIconSize,
+  ctrlBadgeLgCorner,
+  ctrlBadgeLgPadding,
+} from './components/badge/tokens';
+export {
+  ctrlChoicePaddingHorizontal,
+  ctrlChoicePaddingVertical,
+  ctrlChoiceBaseSize,
+  ctrlChoiceIconTheme,
+  ctrlChoiceBaseBackgroundRest,
+  ctrlChoiceBaseBackgroundHover,
+  ctrlChoiceBaseBackgroundPressed,
+  ctrlChoiceBaseBackgroundDisabled,
+  ctrlChoiceBaseStrokeRest,
+  ctrlChoiceBaseStrokeHover,
+  ctrlChoiceBaseStrokePressed,
+  ctrlChoiceBaseStrokeDisabled,
+  ctrlChoiceCheckboxIconSize,
+  ctrlChoiceCheckboxCorner,
+  ctrlChoiceCheckboxIndeterminateCorner,
+  ctrlChoiceCheckboxIndeterminateHeight,
+  ctrlChoiceCheckboxIndeterminateWidth,
+  ctrlChoiceRadioCorner,
+  ctrlChoiceSwitchCorner,
+  ctrlChoiceRadioDotSizeRest,
+  ctrlChoiceRadioDotSizeHover,
+  ctrlChoiceRadioDotSizePressed,
+  ctrlChoiceSwitchPaddingRest,
+  ctrlChoiceSwitchPaddingHover,
+  ctrlChoiceSwitchPaddingPressed,
+  ctrlChoiceSwitchHeight,
+  ctrlChoiceSwitchWidth,
+  ctrlChoiceSwitchThumbWidthRest,
+  ctrlChoiceSwitchThumbWidthHover,
+  ctrlChoiceSwitchThumbWidthPressed,
+  ctrlChoiceSwitchThumbShadowKeyX,
+  ctrlChoiceSwitchThumbShadowKeyY,
+  ctrlChoiceSwitchThumbShadowKeyBlur,
+  ctrlChoiceSwitchThumbShadowKeyColor,
+  ctrlChoiceSwitchThumbShadowAmbientX,
+  ctrlChoiceSwitchThumbShadowAmbientY,
+  ctrlChoiceSwitchThumbShadowAmbientBlur,
+  ctrlChoiceSwitchThumbShadowAmbientColor,
+  ctrlChoiceSmBaseSize,
+  ctrlChoiceSmCheckboxCorner,
+  ctrlChoiceSmCheckboxIconSize,
+  ctrlChoiceSmCheckboxIconSizeFigmaonly,
+  ctrlChoiceSmRadioDotSize,
+  ctrlChoiceSmSwitchWidth,
+  ctrlChoiceSmSwitchHeight,
+  ctrlChoiceSmSwitchThumbWidthRest,
+  ctrlChoiceSmSwitchThumbWidthHover,
+  ctrlChoiceSmSwitchThumbWidthPressed,
+  ctrlChoiceLgBaseSize,
+  ctrlChoiceLgCheckboxCorner,
+  ctrlChoiceLgCheckboxIconSize,
+  ctrlChoiceLgCheckboxIconSizeFigmaonly,
+  ctrlChoiceLgRadioDotSizeRest,
+  ctrlChoiceLgRadioDotSizeHover,
+  ctrlChoiceLgRadioDotSizePressed,
+  ctrlChoiceLgSwitchWidth,
+  ctrlChoiceLgSwitchHeight,
+  ctrlChoiceLgSwitchThumbWidthRest,
+  ctrlChoiceLgSwitchThumbWidthHover,
+  ctrlChoiceLgSwitchThumbWidthPressed,
+} from './components/choice/tokens';
+export {
+  ctrlDialogBackground,
+  ctrlDialogStroke,
+  ctrlDialogBaseCorner,
+  ctrlDialogBaseShadowKeyX,
+  ctrlDialogBaseShadowKeyY,
+  ctrlDialogBaseShadowKeyBlur,
+  ctrlDialogBaseShadowKeyColor,
+  ctrlDialogBaseShadowAmbientX,
+  ctrlDialogBaseShadowAmbientY,
+  ctrlDialogBaseShadowAmbientBlur,
+  ctrlDialogBaseShadowAmbientColor,
+  ctrlDialogLayerBackground,
+  ctrlDialogLayerPaddingBottom,
+} from './components/dialog/tokens';
+export { ctrlDividerFixedlineLength } from './components/divider/tokens';
+export {
+  ctrlDragBackgroundSolid,
+  ctrlDragBackgroundColorblend,
+  ctrlDragBackgroundLumblend,
+} from './components/drag/tokens';
+export {
+  ctrlFabBackgroundRest,
+  ctrlFabBackgroundHover,
+  ctrlFabBackgroundPressed,
+  ctrlFabBackgroundDisabled,
+  ctrlFabCornerRest,
+  ctrlFabShadowRestKeyX,
+  ctrlFabShadowRestKeyY,
+  ctrlFabShadowRestKeyBlur,
+  ctrlFabShadowRestKeyColor,
+  ctrlFabShadowRestAmbientX,
+  ctrlFabShadowRestAmbientY,
+  ctrlFabShadowRestAmbientBlur,
+  ctrlFabShadowRestAmbientColor,
+  ctrlFabShadowHoverKeyX,
+  ctrlFabShadowHoverKeyY,
+  ctrlFabShadowHoverKeyBlur,
+  ctrlFabShadowHoverKeyColor,
+  ctrlFabShadowPressedKeyX,
+  ctrlFabShadowPressedKeyY,
+  ctrlFabShadowPressedKeyBlur,
+  ctrlFabShadowPressedKeyColor,
+  ctrlFabShadowDisabledKeyX,
+  ctrlFabShadowDisabledKeyY,
+  ctrlFabShadowDisabledKeyBlur,
+  ctrlFabShadowDisabledKeyColor,
+  ctrlFabCornerHover,
+  ctrlFabCornerPressed,
+} from './components/fab/tokens';
+export {
+  ctrlFocusPositionFigmaonly,
+  ctrlFocusInnerStrokewidth,
+  ctrlFocusInnerStroke,
+  ctrlFocusOuterStrokewidth,
+  ctrlFocusOuterStroke,
+} from './components/focus/tokens';
+export {
+  ctrlInputBackgroundRest,
+  ctrlInputBackgroundHover,
+  ctrlInputBackgroundPressed,
+  ctrlInputBackgroundDisabled,
+  ctrlInputBackgroundSelected,
+  ctrlInputBackgroundError,
+  ctrlInputStrokeRest,
+  ctrlInputBottomlineStrokewidthRest,
+  ctrlInputStrokewidthRest,
+  ctrlInputTextselectionBackground,
+  ctrlInputTextselectionForeground,
+  ctrlInputStrokewidthHover,
+  ctrlInputStrokewidthPressed,
+  ctrlInputStrokewidthSelected,
+  ctrlInputBottomlineStrokewidthHover,
+  ctrlInputBottomlineStrokewidthPressed,
+  ctrlInputBottomlineStrokewidthSelected,
+  ctrlInputBottomlineStrokeRest,
+  ctrlInputBottomlineStrokeHover,
+  ctrlInputBottomlineStrokePressed,
+  ctrlInputBottomlineStrokeDisabled,
+  ctrlInputBottomlineStrokeSelected,
+  ctrlInputBottomlineStrokeError,
+  ctrlInputStrokeHover,
+  ctrlInputStrokePressed,
+  ctrlInputStrokeDisabled,
+  ctrlInputStrokeSelected,
+  ctrlInputStrokeError,
+} from './components/input/tokens';
+export {
+  ctrlLinkForegroundNeutralRest,
+  ctrlLinkInlineStrokewidthRest,
+  ctrlLinkInlineStrokewidthHover,
+  ctrlLinkInlineUnderlineDashed,
+  ctrlLinkInlineUnderlineSolidFigmaonly,
+  ctrlLinkForegroundNeutralHover,
+  ctrlLinkForegroundNeutralPressed,
+  ctrlLinkForegroundBrandRest,
+  ctrlLinkForegroundBrandHover,
+  ctrlLinkForegroundBrandPressed,
+  ctrlLinkOnpageStrokewidthRest,
+  ctrlLinkOnpageStrokewidthHover,
+  ctrlLinkOnpageUnderlineDashed,
+  ctrlLinkOnpageUnderlineSolidFigmaonly,
+  ctrlLinkInlineShowunderlineatrest,
+  ctrlLinkOnpageShowunderlineatrest,
+} from './components/link/tokens';
+export {
+  ctrlListPillWidth,
+  ctrlListPillFullwidth,
+  ctrlListPillStretchPaddingDefault,
+  ctrlListPillStretchPaddingHint,
+  ctrlListPillLengthRest,
+  ctrlListPillLengthHover,
+  ctrlListPillLengthPressed,
+  ctrlListPillLengthHint,
+  ctrlListCornerRest,
+  ctrlListCornerHover,
+  ctrlListCornerPressed,
+  ctrlListIndentLevel1,
+  ctrlListIndentLevel2,
+  ctrlListIndentLevel3,
+  ctrlListBackgroundSelectedRest,
+  ctrlListBackgroundSelectedHover,
+  ctrlListBackgroundSelectedPressed,
+  ctrlListBackgroundSelectedDisabled,
+  ctrlListChoiceBackgroundRest,
+  ctrlListChoiceStrokeRest,
+  ctrlListChoiceStrokeDisabled,
+  ctrlListChoiceStrokeSelectedRest,
+  ctrlListChoiceStrokeSelectedDisabled,
+  ctrlListChoiceForegroundHover,
+  ctrlListChoiceForegroundSelectedRest,
+  ctrlListChoiceForegroundSelectedDisabled,
+  ctrlListChoiceBackgroundDisabled,
+  ctrlListChoiceBackgroundSelectedRest,
+  ctrlListChoiceBackgroundSelectedDisabled,
+  ctrlListChoiceCheckboxCorner,
+  ctrlListChoiceCheckboxIconSize,
+  ctrlListChoiceCheckboxIconSizeFigmaonly,
+  ctrlListChoiceDotSize,
+  ctrlListChoiceDotSizeFigmaonly,
+  ctrlListSplitDividerPaddingInset,
+  ctrlListSplitDividerStroke,
+  ctrlListSmCornerRest,
+  ctrlListSmCornerHover,
+  ctrlListSmCornerPressed,
+  ctrlListSmIndentLevel1,
+  ctrlListSmIndentLevel2,
+  ctrlListSmIndentLevel3,
+  ctrlListLgCornerRest,
+  ctrlListLgCornerHover,
+  ctrlListLgCornerPressed,
+  ctrlListLgIndentLevel1,
+  ctrlListLgIndentLevel2,
+  ctrlListLgIndentLevel3,
+  ctrlListSplitDividerShowdivider,
+  ctrlListShadowSelectedKeyY2,
+  ctrlListShadowSelectedKeyX,
+  ctrlListShadowSelectedKeyY,
+  ctrlListShadowSelectedKeyBlur,
+  ctrlListShadowSelectedKeyColor,
+  ctrlListShadowSelectedAmbientX,
+  ctrlListShadowSelectedAmbientY,
+  ctrlListShadowSelectedAmbientBlur,
+  ctrlListShadowSelectedAmbientColor,
+} from './components/list/tokens';
+export {
+  ctrlLitefilterBackgroundSelected,
+  ctrlLitefilterStrokeSelected,
+  ctrlLitefilterForegroundSelected,
+  ctrlLitefilterStrokewidthSelected,
+} from './components/liteFilter/tokens';
+export {
+  ctrlProgressBackgroundEmpty,
+  ctrlProgressBackgroundFilled,
+  ctrlProgressCorner,
+  ctrlProgressHeightFilled,
+  ctrlProgressHeightEmpty,
+  ctrlProgressSmHeightFilled,
+  ctrlProgressSmHeightEmpty,
+  ctrlProgressLgHeightFilled,
+  ctrlProgressLgHeightEmpty,
+} from './components/progress/tokens';
+export {
+  ctrlRatingIconTheme,
+  ctrlRatingIconGap,
+  ctrlRatingIconForegroundFilled,
+  ctrlRatingIconForegroundEmpty,
+  ctrlRatingIconSize,
+} from './components/rating/tokens';
+export {
+  ctrlSegmentedBackgroundRest,
+  ctrlSegmentedBackgroundHover,
+  ctrlSegmentedBackgroundPressed,
+  ctrlSegmentedBackgroundDisabled,
+  ctrlSegmentedStrokeRest,
+  ctrlSegmentedStrokeHover,
+  ctrlSegmentedStrokePressed,
+  ctrlSegmentedStrokeDisabled,
+  ctrlSegmentedCornerRest,
+  ctrlSegmentedCornerHover,
+  ctrlSegmentedCornerPressed,
+  ctrlSegmentedPaddingRest,
+  ctrlSegmentedPaddingHover,
+  ctrlSegmentedPaddingPressed,
+  ctrlSegmentedGap,
+  ctrlSegmentedItemCornerRest,
+  ctrlSegmentedItemCornerHover,
+  ctrlSegmentedItemCornerPressed,
+  ctrlSegmentedSmPaddingRest,
+  ctrlSegmentedSmPaddingHover,
+  ctrlSegmentedSmPaddingPressed,
+  ctrlSegmentedLgPaddingRest,
+  ctrlSegmentedLgPaddingHover,
+  ctrlSegmentedLgPaddingPressed,
+  ctrlSegmentedSmItemCornerRest,
+  ctrlSegmentedSmItemCornerHover,
+  ctrlSegmentedSmItemCornerPressed,
+  ctrlSegmentedLgItemCornerRest,
+  ctrlSegmentedLgItemCornerHover,
+  ctrlSegmentedLgItemCornerPressed,
+  ctrlSegmentedSmCornerRest,
+  ctrlSegmentedSmCornerHover,
+  ctrlSegmentedSmCornerPressed,
+  ctrlSegmentedLgCornerRest,
+  ctrlSegmentedLgCornerHover,
+  ctrlSegmentedLgCornerPressed,
+} from './components/segmented/tokens';
+export {
+  ctrlSliderBarHeight,
+  ctrlSliderBarCorner,
+  ctrlSliderBarForegroundFilledRest,
+  ctrlSliderBarForegroundEmptyRest,
+  ctrlSliderBarForegroundEmptyHover,
+  ctrlSliderBarForegroundEmptyPressed,
+  ctrlSliderBarForegroundEmptyDisabled,
+  ctrlSliderBarForegroundFilledHover,
+  ctrlSliderBarForegroundFilledPressed,
+  ctrlSliderBarForegroundFilledDisabled,
+  ctrlSliderThumbCorner,
+  ctrlSliderThumbSizeRest,
+  ctrlSliderThumbSizeHover,
+  ctrlSliderThumbSizePressed,
+  ctrlSliderThumbBackgroundRest,
+  ctrlSliderThumbBackgroundHover,
+  ctrlSliderThumbBackgroundPressed,
+  ctrlSliderThumbBackgroundDisabled,
+  ctrlSliderThumbInnerStrokewidthRest,
+  ctrlSliderThumbInnerStrokewidthHover,
+  ctrlSliderThumbInnerStrokewidthPressed,
+  ctrlSliderThumbInnerStrokeRest,
+  ctrlSliderThumbInnerStrokeHover,
+  ctrlSliderThumbInnerStrokePressed,
+  ctrlSliderThumbInnerStrokeDisabled,
+  ctrlSliderThumbOuterStrokewidth,
+  ctrlSliderThumbOuterStrokeRest,
+  ctrlSliderThumbOuterStrokeHover,
+  ctrlSliderThumbOuterStrokePressed,
+  ctrlSliderThumbOuterStrokeDisabled,
+  ctrlSliderSmThumbSizeRest,
+  ctrlSliderSmThumbSizeHover,
+  ctrlSliderSmThumbSizePressed,
+  ctrlSliderSmBarHeight,
+  ctrlSliderLgThumbSizeRest,
+  ctrlSliderLgBarHeight,
+  ctrlSliderLgThumbSizeHover,
+  ctrlSliderLgThumbSizePressed,
+} from './components/slider/tokens';
+export {
+  ctrlSplitDividerStrokewidth,
+  ctrlSplitDividerStrokewidthOnoutline,
+  ctrlSplitDividerStrokewidthOnsubtle,
+} from './components/split/tokens';
+export { ctrlSpinnerStrokewidth, ctrlSpinnerShowemptytrack } from './components/spinner/tokens';
+export { ctrlBooleanSelectionhint } from './components/boolean/tokens';
+export {
+  ctrlComposerInputBottomStrokeWidthSelectedRest,
+  ctrlComposerInputBottomStrokeWidthRest,
+  ctrlComposerInputBottomStrokeWidthHover,
+  ctrlComposerInputBottomStrokeWidthPressed,
+  ctrlComposerInputCornerRest,
+  ctrlComposerInputCornerHover,
+  ctrlComposerInputCornerPressed,
+  ctrlComposerInputBackgroundRest,
+  ctrlComposerInputBackgroundPressed,
+  ctrlComposerInputBackgroundDisabled,
+  ctrlComposerInputBackgroundSelectedRest,
+  ctrlComposerInputBackgroundHover,
+  ctrlComposerInputStrokeRest,
+  ctrlComposerInputStrokeHoverUsesgradient,
+  ctrlComposerInputStrokePressedUsesgradient,
+  ctrlComposerInputStrokeDisabledUsesgradient,
+  ctrlComposerInputStrokeSelectedRestUsesgradient,
+  ctrlComposerInputStrokeWidthRest,
+  ctrlComposerInputStrokeWidthHover,
+  ctrlComposerInputStrokeWidthPressed,
+  ctrlComposerInputStrokeWidthSelectedRest,
+  ctrlComposerInputBottomstrokeRest,
+  ctrlComposerInputBottomstrokeHover,
+  ctrlComposerInputBottomstrokePressed,
+  ctrlComposerInputBottomstrokeDisabled,
+  ctrlComposerInputBottomstrokeSelectedRest,
+  ctrlComposerInputShadowXOffset,
+  ctrlComposerInputShadowY,
+  ctrlComposerInputShadowBlur,
+  ctrlComposerInputShadowColor,
+  ctrlComposerContainerCorner,
+  ctrlComposerContainerBackgroundDefault,
+  ctrlComposerContainerBackgroundAcryliccolorblend,
+  ctrlComposerContainerBackgroundAcryliclumblend,
+  ctrlComposerContainerShadowKeyX,
+  ctrlComposerContainerShadowKeyY,
+  ctrlComposerContainerShadowKeyBlur,
+  ctrlComposerContainerShadowKeyColor,
+  ctrlComposerContainerShadowAmbientX,
+  ctrlComposerContainerShadowAmbientY,
+  ctrlComposerContainerShadowAmbientBlur,
+  ctrlComposerContainerShadowAmbientColor,
+  ctrlComposerContainerStrokeDefault,
+} from './components/composer/tokens';
+export {
+  ctrlCardStateRest,
+  ctrlCardStateHover,
+  ctrlCardStatePressed,
+  ctrlCardStateDisabled,
+} from './components/card/tokens';
diff --git a/packages/semantic-tokens/src/legacy/tokens.ts b/packages/semantic-tokens/src/legacy/tokens.ts
new file mode 100644
index 0000000000000..61dfcc32a4b6b
--- /dev/null
+++ b/packages/semantic-tokens/src/legacy/tokens.ts
@@ -0,0 +1,2659 @@
+export const colorNeutralForeground1 = 'var(--colorNeutralForeground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground1Hover | `colorNeutralForeground1Hover`} design token.
+ * @public
+ */
+export const colorNeutralForeground1Hover = 'var(--colorNeutralForeground1Hover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground1Pressed | `colorNeutralForeground1Pressed`} design token.
+ * @public
+ */
+export const colorNeutralForeground1Pressed = 'var(--colorNeutralForeground1Pressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground1Selected | `colorNeutralForeground1Selected`} design token.
+ * @public
+ */
+export const colorNeutralForeground1Selected = 'var(--colorNeutralForeground1Selected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2 | `colorNeutralForeground2`} design token.
+ * @public
+ */
+export const colorNeutralForeground2 = 'var(--colorNeutralForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2Hover | `colorNeutralForeground2Hover`} design token.
+ * @public
+ */
+export const colorNeutralForeground2Hover = 'var(--colorNeutralForeground2Hover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2Pressed | `colorNeutralForeground2Pressed`} design token.
+ * @public
+ */
+export const colorNeutralForeground2Pressed = 'var(--colorNeutralForeground2Pressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2Selected | `colorNeutralForeground2Selected`} design token.
+ * @public
+ */
+export const colorNeutralForeground2Selected = 'var(--colorNeutralForeground2Selected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2BrandHover | `colorNeutralForeground2BrandHover`} design token.
+ * @public
+ */
+export const colorNeutralForeground2BrandHover = 'var(--colorNeutralForeground2BrandHover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2BrandPressed | `colorNeutralForeground2BrandPressed`} design token.
+ * @public
+ */
+export const colorNeutralForeground2BrandPressed = 'var(--colorNeutralForeground2BrandPressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2BrandSelected | `colorNeutralForeground2BrandSelected`} design token.
+ * @public
+ */
+export const colorNeutralForeground2BrandSelected = 'var(--colorNeutralForeground2BrandSelected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground3 | `colorNeutralForeground3`} design token.
+ * @public
+ */
+export const colorNeutralForeground3 = 'var(--colorNeutralForeground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground3Hover | `colorNeutralForeground3Hover`} design token.
+ * @public
+ */
+export const colorNeutralForeground3Hover = 'var(--colorNeutralForeground3Hover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground3Pressed | `colorNeutralForeground3Pressed`} design token.
+ * @public
+ */
+export const colorNeutralForeground3Pressed = 'var(--colorNeutralForeground3Pressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground3Selected | `colorNeutralForeground3Selected`} design token.
+ * @public
+ */
+export const colorNeutralForeground3Selected = 'var(--colorNeutralForeground3Selected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground3BrandHover | `colorNeutralForeground3BrandHover`} design token.
+ * @public
+ */
+export const colorNeutralForeground3BrandHover = 'var(--colorNeutralForeground3BrandHover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground3BrandPressed | `colorNeutralForeground3BrandPressed`} design token.
+ * @public
+ */
+export const colorNeutralForeground3BrandPressed = 'var(--colorNeutralForeground3BrandPressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground3BrandSelected | `colorNeutralForeground3BrandSelected`} design token.
+ * @public
+ */
+export const colorNeutralForeground3BrandSelected = 'var(--colorNeutralForeground3BrandSelected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground4 | `colorNeutralForeground4`} design token.
+ * @public
+ */
+export const colorNeutralForeground4 = 'var(--colorNeutralForeground4)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundDisabled | `colorNeutralForegroundDisabled`} design token.
+ * @public
+ */
+export const colorNeutralForegroundDisabled = 'var(--colorNeutralForegroundDisabled)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundLink | `colorBrandForegroundLink`} design token.
+ * @public
+ */
+export const colorBrandForegroundLink = 'var(--colorBrandForegroundLink)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundLinkHover | `colorBrandForegroundLinkHover`} design token.
+ * @public
+ */
+export const colorBrandForegroundLinkHover = 'var(--colorBrandForegroundLinkHover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundLinkPressed | `colorBrandForegroundLinkPressed`} design token.
+ * @public
+ */
+export const colorBrandForegroundLinkPressed = 'var(--colorBrandForegroundLinkPressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundLinkSelected | `colorBrandForegroundLinkSelected`} design token.
+ * @public
+ */
+export const colorBrandForegroundLinkSelected = 'var(--colorBrandForegroundLinkSelected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2Link | `colorNeutralForeground2Link`} design token.
+ * @public
+ */
+export const colorNeutralForeground2Link = 'var(--colorNeutralForeground2Link)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2LinkHover | `colorNeutralForeground2LinkHover`} design token.
+ * @public
+ */
+export const colorNeutralForeground2LinkHover = 'var(--colorNeutralForeground2LinkHover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2LinkPressed | `colorNeutralForeground2LinkPressed`} design token.
+ * @public
+ */
+export const colorNeutralForeground2LinkPressed = 'var(--colorNeutralForeground2LinkPressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2LinkSelected | `colorNeutralForeground2LinkSelected`} design token.
+ * @public
+ */
+export const colorNeutralForeground2LinkSelected = 'var(--colorNeutralForeground2LinkSelected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorCompoundBrandForeground1 | `colorCompoundBrandForeground1`} design token.
+ * @public
+ */
+export const colorCompoundBrandForeground1 = 'var(--colorCompoundBrandForeground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorCompoundBrandForeground1Hover | `colorCompoundBrandForeground1Hover`} design token.
+ * @public
+ */
+export const colorCompoundBrandForeground1Hover = 'var(--colorCompoundBrandForeground1Hover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorCompoundBrandForeground1Pressed | `colorCompoundBrandForeground1Pressed`} design token.
+ * @public
+ */
+export const colorCompoundBrandForeground1Pressed = 'var(--colorCompoundBrandForeground1Pressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundOnBrand | `colorNeutralForegroundOnBrand`} design token.
+ * @public
+ */
+export const colorNeutralForegroundOnBrand = 'var(--colorNeutralForegroundOnBrand)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInverted | `colorNeutralForegroundInverted`} design token.
+ * @public
+ */
+export const colorNeutralForegroundInverted = 'var(--colorNeutralForegroundInverted)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInvertedHover | `colorNeutralForegroundInvertedHover`} design token.
+ * @public
+ */
+export const colorNeutralForegroundInvertedHover = 'var(--colorNeutralForegroundInvertedHover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInvertedPressed | `colorNeutralForegroundInvertedPressed`} design token.
+ * @public
+ */
+export const colorNeutralForegroundInvertedPressed = 'var(--colorNeutralForegroundInvertedPressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInvertedSelected | `colorNeutralForegroundInvertedSelected`} design token.
+ * @public
+ */
+export const colorNeutralForegroundInvertedSelected = 'var(--colorNeutralForegroundInvertedSelected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInverted2 | `colorNeutralForegroundInverted2`} design token.
+ * @public
+ */
+export const colorNeutralForegroundInverted2 = 'var(--colorNeutralForegroundInverted2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundStaticInverted | `colorNeutralForegroundStaticInverted`} design token.
+ * @public
+ */
+export const colorNeutralForegroundStaticInverted = 'var(--colorNeutralForegroundStaticInverted)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInvertedLink | `colorNeutralForegroundInvertedLink`} design token.
+ * @public
+ */
+export const colorNeutralForegroundInvertedLink = 'var(--colorNeutralForegroundInvertedLink)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInvertedLinkHover | `colorNeutralForegroundInvertedLinkHover`} design token.
+ * @public
+ */
+export const colorNeutralForegroundInvertedLinkHover = 'var(--colorNeutralForegroundInvertedLinkHover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInvertedLinkPressed | `colorNeutralForegroundInvertedLinkPressed`} design token.
+ * @public
+ */
+export const colorNeutralForegroundInvertedLinkPressed = 'var(--colorNeutralForegroundInvertedLinkPressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInvertedLinkSelected | `colorNeutralForegroundInvertedLinkSelected`} design token.
+ * @public
+ */
+export const colorNeutralForegroundInvertedLinkSelected = 'var(--colorNeutralForegroundInvertedLinkSelected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundInvertedDisabled | `colorNeutralForegroundInvertedDisabled`} design token.
+ * @public
+ */
+export const colorNeutralForegroundInvertedDisabled = 'var(--colorNeutralForegroundInvertedDisabled)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandForeground1 | `colorBrandForeground1`} design token.
+ * @public
+ */
+export const colorBrandForeground1 = 'var(--colorBrandForeground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandForeground2 | `colorBrandForeground2`} design token.
+ * @public
+ */
+export const colorBrandForeground2 = 'var(--colorBrandForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandForeground2Hover | `colorBrandForeground2Hover`} design token.
+ * @public
+ */
+export const colorBrandForeground2Hover = 'var(--colorBrandForeground2Hover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandForeground2Pressed | `colorBrandForeground2Pressed`} design token.
+ * @public
+ */
+export const colorBrandForeground2Pressed = 'var(--colorBrandForeground2Pressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground1Static | `colorNeutralForeground1Static`} design token.
+ * @public
+ */
+export const colorNeutralForeground1Static = 'var(--colorNeutralForeground1Static)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundInverted | `colorBrandForegroundInverted`} design token.
+ * @public
+ */
+export const colorBrandForegroundInverted = 'var(--colorBrandForegroundInverted)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundInvertedHover | `colorBrandForegroundInvertedHover`} design token.
+ * @public
+ */
+export const colorBrandForegroundInvertedHover = 'var(--colorBrandForegroundInvertedHover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundInvertedPressed | `colorBrandForegroundInvertedPressed`} design token.
+ * @public
+ */
+export const colorBrandForegroundInvertedPressed = 'var(--colorBrandForegroundInvertedPressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundOnLight | `colorBrandForegroundOnLight`} design token.
+ * @public
+ */
+export const colorBrandForegroundOnLight = 'var(--colorBrandForegroundOnLight)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundOnLightHover | `colorBrandForegroundOnLightHover`} design token.
+ * @public
+ */
+export const colorBrandForegroundOnLightHover = 'var(--colorBrandForegroundOnLightHover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundOnLightPressed | `colorBrandForegroundOnLightPressed`} design token.
+ * @public
+ */
+export const colorBrandForegroundOnLightPressed = 'var(--colorBrandForegroundOnLightPressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundOnLightSelected | `colorBrandForegroundOnLightSelected`} design token.
+ * @public
+ */
+export const colorBrandForegroundOnLightSelected = 'var(--colorBrandForegroundOnLightSelected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground1 | `colorNeutralBackground1`} design token.
+ * @public
+ */
+export const colorNeutralBackground1 = 'var(--colorNeutralBackground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground1Hover | `colorNeutralBackground1Hover`} design token.
+ * @public
+ */
+export const colorNeutralBackground1Hover = 'var(--colorNeutralBackground1Hover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground1Pressed | `colorNeutralBackground1Pressed`} design token.
+ * @public
+ */
+export const colorNeutralBackground1Pressed = 'var(--colorNeutralBackground1Pressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground1Selected | `colorNeutralBackground1Selected`} design token.
+ * @public
+ */
+export const colorNeutralBackground1Selected = 'var(--colorNeutralBackground1Selected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground2 | `colorNeutralBackground2`} design token.
+ * @public
+ */
+export const colorNeutralBackground2 = 'var(--colorNeutralBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground2Hover | `colorNeutralBackground2Hover`} design token.
+ * @public
+ */
+export const colorNeutralBackground2Hover = 'var(--colorNeutralBackground2Hover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground2Pressed | `colorNeutralBackground2Pressed`} design token.
+ * @public
+ */
+export const colorNeutralBackground2Pressed = 'var(--colorNeutralBackground2Pressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground2Selected | `colorNeutralBackground2Selected`} design token.
+ * @public
+ */
+export const colorNeutralBackground2Selected = 'var(--colorNeutralBackground2Selected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground3 | `colorNeutralBackground3`} design token.
+ * @public
+ */
+export const colorNeutralBackground3 = 'var(--colorNeutralBackground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground3Hover | `colorNeutralBackground3Hover`} design token.
+ * @public
+ */
+export const colorNeutralBackground3Hover = 'var(--colorNeutralBackground3Hover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground3Pressed | `colorNeutralBackground3Pressed`} design token.
+ * @public
+ */
+export const colorNeutralBackground3Pressed = 'var(--colorNeutralBackground3Pressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground3Selected | `colorNeutralBackground3Selected`} design token.
+ * @public
+ */
+export const colorNeutralBackground3Selected = 'var(--colorNeutralBackground3Selected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground4 | `colorNeutralBackground4`} design token.
+ * @public
+ */
+export const colorNeutralBackground4 = 'var(--colorNeutralBackground4)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground4Hover | `colorNeutralBackground4Hover`} design token.
+ * @public
+ */
+export const colorNeutralBackground4Hover = 'var(--colorNeutralBackground4Hover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground4Pressed | `colorNeutralBackground4Pressed`} design token.
+ * @public
+ */
+export const colorNeutralBackground4Pressed = 'var(--colorNeutralBackground4Pressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground4Selected | `colorNeutralBackground4Selected`} design token.
+ * @public
+ */
+export const colorNeutralBackground4Selected = 'var(--colorNeutralBackground4Selected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground5 | `colorNeutralBackground5`} design token.
+ * @public
+ */
+export const colorNeutralBackground5 = 'var(--colorNeutralBackground5)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground5Hover | `colorNeutralBackground5Hover`} design token.
+ * @public
+ */
+export const colorNeutralBackground5Hover = 'var(--colorNeutralBackground5Hover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground5Pressed | `colorNeutralBackground5Pressed`} design token.
+ * @public
+ */
+export const colorNeutralBackground5Pressed = 'var(--colorNeutralBackground5Pressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground5Selected | `colorNeutralBackground5Selected`} design token.
+ * @public
+ */
+export const colorNeutralBackground5Selected = 'var(--colorNeutralBackground5Selected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackground6 | `colorNeutralBackground6`} design token.
+ * @public
+ */
+export const colorNeutralBackground6 = 'var(--colorNeutralBackground6)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackgroundInverted | `colorNeutralBackgroundInverted`} design token.
+ * @public
+ */
+export const colorNeutralBackgroundInverted = 'var(--colorNeutralBackgroundInverted)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackgroundStatic | `colorNeutralBackgroundStatic`} design token.
+ * @public
+ */
+export const colorNeutralBackgroundStatic = 'var(--colorNeutralBackgroundStatic)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackgroundAlpha | `colorNeutralBackgroundAlpha`} design token.
+ * @public
+ */
+export const colorNeutralBackgroundAlpha = 'var(--colorNeutralBackgroundAlpha)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackgroundAlpha2 | `colorNeutralBackgroundAlpha2`} design token.
+ * @public
+ */
+export const colorNeutralBackgroundAlpha2 = 'var(--colorNeutralBackgroundAlpha2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackground | `colorSubtleBackground`} design token.
+ * @public
+ */
+export const colorSubtleBackground = 'var(--colorSubtleBackground)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundHover | `colorSubtleBackgroundHover`} design token.
+ * @public
+ */
+export const colorSubtleBackgroundHover = 'var(--colorSubtleBackgroundHover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundPressed | `colorSubtleBackgroundPressed`} design token.
+ * @public
+ */
+export const colorSubtleBackgroundPressed = 'var(--colorSubtleBackgroundPressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundSelected | `colorSubtleBackgroundSelected`} design token.
+ * @public
+ */
+export const colorSubtleBackgroundSelected = 'var(--colorSubtleBackgroundSelected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundLightAlphaHover | `colorSubtleBackgroundLightAlphaHover`} design token.
+ * @public
+ */
+export const colorSubtleBackgroundLightAlphaHover = 'var(--colorSubtleBackgroundLightAlphaHover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundLightAlphaPressed | `colorSubtleBackgroundLightAlphaPressed`} design token.
+ * @public
+ */
+export const colorSubtleBackgroundLightAlphaPressed = 'var(--colorSubtleBackgroundLightAlphaPressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundLightAlphaSelected | `colorSubtleBackgroundLightAlphaSelected`} design token.
+ * @public
+ */
+export const colorSubtleBackgroundLightAlphaSelected = 'var(--colorSubtleBackgroundLightAlphaSelected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundInverted | `colorSubtleBackgroundInverted`} design token.
+ * @public
+ */
+export const colorSubtleBackgroundInverted = 'var(--colorSubtleBackgroundInverted)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundInvertedHover | `colorSubtleBackgroundInvertedHover`} design token.
+ * @public
+ */
+export const colorSubtleBackgroundInvertedHover = 'var(--colorSubtleBackgroundInvertedHover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundInvertedPressed | `colorSubtleBackgroundInvertedPressed`} design token.
+ * @public
+ */
+export const colorSubtleBackgroundInvertedPressed = 'var(--colorSubtleBackgroundInvertedPressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorSubtleBackgroundInvertedSelected | `colorSubtleBackgroundInvertedSelected`} design token.
+ * @public
+ */
+export const colorSubtleBackgroundInvertedSelected = 'var(--colorSubtleBackgroundInvertedSelected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorTransparentBackground | `colorTransparentBackground`} design token.
+ * @public
+ */
+export const colorTransparentBackground = 'var(--colorTransparentBackground)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorTransparentBackgroundHover | `colorTransparentBackgroundHover`} design token.
+ * @public
+ */
+export const colorTransparentBackgroundHover = 'var(--colorTransparentBackgroundHover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorTransparentBackgroundPressed | `colorTransparentBackgroundPressed`} design token.
+ * @public
+ */
+export const colorTransparentBackgroundPressed = 'var(--colorTransparentBackgroundPressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorTransparentBackgroundSelected | `colorTransparentBackgroundSelected`} design token.
+ * @public
+ */
+export const colorTransparentBackgroundSelected = 'var(--colorTransparentBackgroundSelected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackgroundDisabled | `colorNeutralBackgroundDisabled`} design token.
+ * @public
+ */
+export const colorNeutralBackgroundDisabled = 'var(--colorNeutralBackgroundDisabled)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralBackgroundInvertedDisabled | `colorNeutralBackgroundInvertedDisabled`} design token.
+ * @public
+ */
+export const colorNeutralBackgroundInvertedDisabled = 'var(--colorNeutralBackgroundInvertedDisabled)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStencil1 | `colorNeutralStencil1`} design token.
+ * @public
+ */
+export const colorNeutralStencil1 = 'var(--colorNeutralStencil1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStencil2 | `colorNeutralStencil2`} design token.
+ * @public
+ */
+export const colorNeutralStencil2 = 'var(--colorNeutralStencil2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStencil1Alpha | `colorNeutralStencil1Alpha`} design token.
+ * @public
+ */
+export const colorNeutralStencil1Alpha = 'var(--colorNeutralStencil1Alpha)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStencil2Alpha | `colorNeutralStencil2Alpha`} design token.
+ * @public
+ */
+export const colorNeutralStencil2Alpha = 'var(--colorNeutralStencil2Alpha)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBackgroundOverlay | `colorBackgroundOverlay`} design token.
+ * @public
+ */
+export const colorBackgroundOverlay = 'var(--colorBackgroundOverlay)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorScrollbarOverlay | `colorScrollbarOverlay`} design token.
+ * @public
+ */
+export const colorScrollbarOverlay = 'var(--colorScrollbarOverlay)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackground | `colorBrandBackground`} design token.
+ * @public
+ */
+export const colorBrandBackground = 'var(--colorBrandBackground)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackgroundHover | `colorBrandBackgroundHover`} design token.
+ * @public
+ */
+export const colorBrandBackgroundHover = 'var(--colorBrandBackgroundHover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackgroundPressed | `colorBrandBackgroundPressed`} design token.
+ * @public
+ */
+export const colorBrandBackgroundPressed = 'var(--colorBrandBackgroundPressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackgroundSelected | `colorBrandBackgroundSelected`} design token.
+ * @public
+ */
+export const colorBrandBackgroundSelected = 'var(--colorBrandBackgroundSelected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorCompoundBrandBackground | `colorCompoundBrandBackground`} design token.
+ * @public
+ */
+export const colorCompoundBrandBackground = 'var(--colorCompoundBrandBackground)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorCompoundBrandBackgroundHover | `colorCompoundBrandBackgroundHover`} design token.
+ * @public
+ */
+export const colorCompoundBrandBackgroundHover = 'var(--colorCompoundBrandBackgroundHover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorCompoundBrandBackgroundPressed | `colorCompoundBrandBackgroundPressed`} design token.
+ * @public
+ */
+export const colorCompoundBrandBackgroundPressed = 'var(--colorCompoundBrandBackgroundPressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackgroundStatic | `colorBrandBackgroundStatic`} design token.
+ * @public
+ */
+export const colorBrandBackgroundStatic = 'var(--colorBrandBackgroundStatic)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackground2 | `colorBrandBackground2`} design token.
+ * @public
+ */
+export const colorBrandBackground2 = 'var(--colorBrandBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackground2Hover | `colorBrandBackground2Hover`} design token.
+ * @public
+ */
+export const colorBrandBackground2Hover = 'var(--colorBrandBackground2Hover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackground2Pressed | `colorBrandBackground2Pressed`} design token.
+ * @public
+ */
+export const colorBrandBackground2Pressed = 'var(--colorBrandBackground2Pressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackground3Static | `colorBrandBackground3Static`} design token.
+ * @public
+ */
+export const colorBrandBackground3Static = 'var(--colorBrandBackground3Static)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackground4Static | `colorBrandBackground4Static`} design token.
+ * @public
+ */
+export const colorBrandBackground4Static = 'var(--colorBrandBackground4Static)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackgroundInverted | `colorBrandBackgroundInverted`} design token.
+ * @public
+ */
+export const colorBrandBackgroundInverted = 'var(--colorBrandBackgroundInverted)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackgroundInvertedHover | `colorBrandBackgroundInvertedHover`} design token.
+ * @public
+ */
+export const colorBrandBackgroundInvertedHover = 'var(--colorBrandBackgroundInvertedHover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackgroundInvertedPressed | `colorBrandBackgroundInvertedPressed`} design token.
+ * @public
+ */
+export const colorBrandBackgroundInvertedPressed = 'var(--colorBrandBackgroundInvertedPressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandBackgroundInvertedSelected | `colorBrandBackgroundInvertedSelected`} design token.
+ * @public
+ */
+export const colorBrandBackgroundInvertedSelected = 'var(--colorBrandBackgroundInvertedSelected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralCardBackground | `colorNeutralCardBackground`} design token.
+ * @public
+ */
+export const colorNeutralCardBackground = 'var(--colorNeutralCardBackground)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralCardBackgroundHover | `colorNeutralCardBackgroundHover`} design token.
+ * @public
+ */
+export const colorNeutralCardBackgroundHover = 'var(--colorNeutralCardBackgroundHover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralCardBackgroundPressed | `colorNeutralCardBackgroundPressed`} design token.
+ * @public
+ */
+export const colorNeutralCardBackgroundPressed = 'var(--colorNeutralCardBackgroundPressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralCardBackgroundSelected | `colorNeutralCardBackgroundSelected`} design token.
+ * @public
+ */
+export const colorNeutralCardBackgroundSelected = 'var(--colorNeutralCardBackgroundSelected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralCardBackgroundDisabled | `colorNeutralCardBackgroundDisabled`} design token.
+ * @public
+ */
+export const colorNeutralCardBackgroundDisabled = 'var(--colorNeutralCardBackgroundDisabled)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeAccessible | `colorNeutralStrokeAccessible`} design token.
+ * @public
+ */
+export const colorNeutralStrokeAccessible = 'var(--colorNeutralStrokeAccessible)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeAccessibleHover | `colorNeutralStrokeAccessibleHover`} design token.
+ * @public
+ */
+export const colorNeutralStrokeAccessibleHover = 'var(--colorNeutralStrokeAccessibleHover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeAccessiblePressed | `colorNeutralStrokeAccessiblePressed`} design token.
+ * @public
+ */
+export const colorNeutralStrokeAccessiblePressed = 'var(--colorNeutralStrokeAccessiblePressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeAccessibleSelected | `colorNeutralStrokeAccessibleSelected`} design token.
+ * @public
+ */
+export const colorNeutralStrokeAccessibleSelected = 'var(--colorNeutralStrokeAccessibleSelected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStroke1 | `colorNeutralStroke1`} design token.
+ * @public
+ */
+export const colorNeutralStroke1 = 'var(--colorNeutralStroke1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStroke1Hover | `colorNeutralStroke1Hover`} design token.
+ * @public
+ */
+export const colorNeutralStroke1Hover = 'var(--colorNeutralStroke1Hover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStroke1Pressed | `colorNeutralStroke1Pressed`} design token.
+ * @public
+ */
+export const colorNeutralStroke1Pressed = 'var(--colorNeutralStroke1Pressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStroke1Selected | `colorNeutralStroke1Selected`} design token.
+ * @public
+ */
+export const colorNeutralStroke1Selected = 'var(--colorNeutralStroke1Selected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStroke2 | `colorNeutralStroke2`} design token.
+ * @public
+ */
+export const colorNeutralStroke2 = 'var(--colorNeutralStroke2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStroke3 | `colorNeutralStroke3`} design token.
+ * @public
+ */
+export const colorNeutralStroke3 = 'var(--colorNeutralStroke3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeSubtle | `colorNeutralStrokeSubtle`} design token.
+ * @public
+ */
+export const colorNeutralStrokeSubtle = 'var(--colorNeutralStrokeSubtle)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeOnBrand | `colorNeutralStrokeOnBrand`} design token.
+ * @public
+ */
+export const colorNeutralStrokeOnBrand = 'var(--colorNeutralStrokeOnBrand)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeOnBrand2 | `colorNeutralStrokeOnBrand2`} design token.
+ * @public
+ */
+export const colorNeutralStrokeOnBrand2 = 'var(--colorNeutralStrokeOnBrand2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeOnBrand2Hover | `colorNeutralStrokeOnBrand2Hover`} design token.
+ * @public
+ */
+export const colorNeutralStrokeOnBrand2Hover = 'var(--colorNeutralStrokeOnBrand2Hover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeOnBrand2Pressed | `colorNeutralStrokeOnBrand2Pressed`} design token.
+ * @public
+ */
+export const colorNeutralStrokeOnBrand2Pressed = 'var(--colorNeutralStrokeOnBrand2Pressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeOnBrand2Selected | `colorNeutralStrokeOnBrand2Selected`} design token.
+ * @public
+ */
+export const colorNeutralStrokeOnBrand2Selected = 'var(--colorNeutralStrokeOnBrand2Selected)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandStroke1 | `colorBrandStroke1`} design token.
+ * @public
+ */
+export const colorBrandStroke1 = 'var(--colorBrandStroke1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandStroke2 | `colorBrandStroke2`} design token.
+ * @public
+ */
+export const colorBrandStroke2 = 'var(--colorBrandStroke2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandStroke2Hover | `colorBrandStroke2Hover`} design token.
+ * @public
+ */
+export const colorBrandStroke2Hover = 'var(--colorBrandStroke2Hover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandStroke2Pressed | `colorBrandStroke2Pressed`} design token.
+ * @public
+ */
+export const colorBrandStroke2Pressed = 'var(--colorBrandStroke2Pressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandStroke2Contrast | `colorBrandStroke2Contrast`} design token.
+ * @public
+ */
+export const colorBrandStroke2Contrast = 'var(--colorBrandStroke2Contrast)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorCompoundBrandStroke | `colorCompoundBrandStroke`} design token.
+ * @public
+ */
+export const colorCompoundBrandStroke = 'var(--colorCompoundBrandStroke)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorCompoundBrandStrokeHover | `colorCompoundBrandStrokeHover`} design token.
+ * @public
+ */
+export const colorCompoundBrandStrokeHover = 'var(--colorCompoundBrandStrokeHover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorCompoundBrandStrokePressed | `colorCompoundBrandStrokePressed`} design token.
+ * @public
+ */
+export const colorCompoundBrandStrokePressed = 'var(--colorCompoundBrandStrokePressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeDisabled | `colorNeutralStrokeDisabled`} design token.
+ * @public
+ */
+export const colorNeutralStrokeDisabled = 'var(--colorNeutralStrokeDisabled)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeInvertedDisabled | `colorNeutralStrokeInvertedDisabled`} design token.
+ * @public
+ */
+export const colorNeutralStrokeInvertedDisabled = 'var(--colorNeutralStrokeInvertedDisabled)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorTransparentStroke | `colorTransparentStroke`} design token.
+ * @public
+ */
+export const colorTransparentStroke = 'var(--colorTransparentStroke)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorTransparentStrokeInteractive | `colorTransparentStrokeInteractive`} design token.
+ * @public
+ */
+export const colorTransparentStrokeInteractive = 'var(--colorTransparentStrokeInteractive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorTransparentStrokeDisabled | `colorTransparentStrokeDisabled`} design token.
+ * @public
+ */
+export const colorTransparentStrokeDisabled = 'var(--colorTransparentStrokeDisabled)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeAlpha | `colorNeutralStrokeAlpha`} design token.
+ * @public
+ */
+export const colorNeutralStrokeAlpha = 'var(--colorNeutralStrokeAlpha)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralStrokeAlpha2 | `colorNeutralStrokeAlpha2`} design token.
+ * @public
+ */
+export const colorNeutralStrokeAlpha2 = 'var(--colorNeutralStrokeAlpha2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStrokeFocus1 | `colorStrokeFocus1`} design token.
+ * @public
+ */
+export const colorStrokeFocus1 = 'var(--colorStrokeFocus1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStrokeFocus2 | `colorStrokeFocus2`} design token.
+ * @public
+ */
+export const colorStrokeFocus2 = 'var(--colorStrokeFocus2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralShadowAmbient | `colorNeutralShadowAmbient`} design token.
+ * @public
+ */
+export const colorNeutralShadowAmbient = 'var(--colorNeutralShadowAmbient)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralShadowKey | `colorNeutralShadowKey`} design token.
+ * @public
+ */
+export const colorNeutralShadowKey = 'var(--colorNeutralShadowKey)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralShadowAmbientLighter | `colorNeutralShadowAmbientLighter`} design token.
+ * @public
+ */
+export const colorNeutralShadowAmbientLighter = 'var(--colorNeutralShadowAmbientLighter)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralShadowKeyLighter | `colorNeutralShadowKeyLighter`} design token.
+ * @public
+ */
+export const colorNeutralShadowKeyLighter = 'var(--colorNeutralShadowKeyLighter)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralShadowAmbientDarker | `colorNeutralShadowAmbientDarker`} design token.
+ * @public
+ */
+export const colorNeutralShadowAmbientDarker = 'var(--colorNeutralShadowAmbientDarker)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorNeutralShadowKeyDarker | `colorNeutralShadowKeyDarker`} design token.
+ * @public
+ */
+export const colorNeutralShadowKeyDarker = 'var(--colorNeutralShadowKeyDarker)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandShadowAmbient | `colorBrandShadowAmbient`} design token.
+ * @public
+ */
+export const colorBrandShadowAmbient = 'var(--colorBrandShadowAmbient)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorBrandShadowKey | `colorBrandShadowKey`} design token.
+ * @public
+ */
+export const colorBrandShadowKey = 'var(--colorBrandShadowKey)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedBackground1 | `colorPaletteRedBackground1`} design token.
+ * @public
+ */
+export const colorPaletteRedBackground1 = 'var(--colorPaletteRedBackground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedBackground2 | `colorPaletteRedBackground2`} design token.
+ * @public
+ */
+export const colorPaletteRedBackground2 = 'var(--colorPaletteRedBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedBackground3 | `colorPaletteRedBackground3`} design token.
+ * @public
+ */
+export const colorPaletteRedBackground3 = 'var(--colorPaletteRedBackground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedBorderActive | `colorPaletteRedBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteRedBorderActive = 'var(--colorPaletteRedBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedBorder1 | `colorPaletteRedBorder1`} design token.
+ * @public
+ */
+export const colorPaletteRedBorder1 = 'var(--colorPaletteRedBorder1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedBorder2 | `colorPaletteRedBorder2`} design token.
+ * @public
+ */
+export const colorPaletteRedBorder2 = 'var(--colorPaletteRedBorder2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedForeground1 | `colorPaletteRedForeground1`} design token.
+ * @public
+ */
+export const colorPaletteRedForeground1 = 'var(--colorPaletteRedForeground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedForeground2 | `colorPaletteRedForeground2`} design token.
+ * @public
+ */
+export const colorPaletteRedForeground2 = 'var(--colorPaletteRedForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedForeground3 | `colorPaletteRedForeground3`} design token.
+ * @public
+ */
+export const colorPaletteRedForeground3 = 'var(--colorPaletteRedForeground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRedForegroundInverted | `colorPaletteRedForegroundInverted`} design token.
+ * @public
+ */
+export const colorPaletteRedForegroundInverted = 'var(--colorPaletteRedForegroundInverted)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenBackground1 | `colorPaletteGreenBackground1`} design token.
+ * @public
+ */
+export const colorPaletteGreenBackground1 = 'var(--colorPaletteGreenBackground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenBackground2 | `colorPaletteGreenBackground2`} design token.
+ * @public
+ */
+export const colorPaletteGreenBackground2 = 'var(--colorPaletteGreenBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenBackground3 | `colorPaletteGreenBackground3`} design token.
+ * @public
+ */
+export const colorPaletteGreenBackground3 = 'var(--colorPaletteGreenBackground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenBorderActive | `colorPaletteGreenBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteGreenBorderActive = 'var(--colorPaletteGreenBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenBorder1 | `colorPaletteGreenBorder1`} design token.
+ * @public
+ */
+export const colorPaletteGreenBorder1 = 'var(--colorPaletteGreenBorder1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenBorder2 | `colorPaletteGreenBorder2`} design token.
+ * @public
+ */
+export const colorPaletteGreenBorder2 = 'var(--colorPaletteGreenBorder2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenForeground1 | `colorPaletteGreenForeground1`} design token.
+ * @public
+ */
+export const colorPaletteGreenForeground1 = 'var(--colorPaletteGreenForeground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenForeground2 | `colorPaletteGreenForeground2`} design token.
+ * @public
+ */
+export const colorPaletteGreenForeground2 = 'var(--colorPaletteGreenForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenForeground3 | `colorPaletteGreenForeground3`} design token.
+ * @public
+ */
+export const colorPaletteGreenForeground3 = 'var(--colorPaletteGreenForeground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGreenForegroundInverted | `colorPaletteGreenForegroundInverted`} design token.
+ * @public
+ */
+export const colorPaletteGreenForegroundInverted = 'var(--colorPaletteGreenForegroundInverted)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkOrangeBackground1 | `colorPaletteDarkOrangeBackground1`} design token.
+ * @public
+ */
+export const colorPaletteDarkOrangeBackground1 = 'var(--colorPaletteDarkOrangeBackground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkOrangeBackground2 | `colorPaletteDarkOrangeBackground2`} design token.
+ * @public
+ */
+export const colorPaletteDarkOrangeBackground2 = 'var(--colorPaletteDarkOrangeBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkOrangeBackground3 | `colorPaletteDarkOrangeBackground3`} design token.
+ * @public
+ */
+export const colorPaletteDarkOrangeBackground3 = 'var(--colorPaletteDarkOrangeBackground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkOrangeBorderActive | `colorPaletteDarkOrangeBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteDarkOrangeBorderActive = 'var(--colorPaletteDarkOrangeBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkOrangeBorder1 | `colorPaletteDarkOrangeBorder1`} design token.
+ * @public
+ */
+export const colorPaletteDarkOrangeBorder1 = 'var(--colorPaletteDarkOrangeBorder1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkOrangeBorder2 | `colorPaletteDarkOrangeBorder2`} design token.
+ * @public
+ */
+export const colorPaletteDarkOrangeBorder2 = 'var(--colorPaletteDarkOrangeBorder2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkOrangeForeground1 | `colorPaletteDarkOrangeForeground1`} design token.
+ * @public
+ */
+export const colorPaletteDarkOrangeForeground1 = 'var(--colorPaletteDarkOrangeForeground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkOrangeForeground2 | `colorPaletteDarkOrangeForeground2`} design token.
+ * @public
+ */
+export const colorPaletteDarkOrangeForeground2 = 'var(--colorPaletteDarkOrangeForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkOrangeForeground3 | `colorPaletteDarkOrangeForeground3`} design token.
+ * @public
+ */
+export const colorPaletteDarkOrangeForeground3 = 'var(--colorPaletteDarkOrangeForeground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowBackground1 | `colorPaletteYellowBackground1`} design token.
+ * @public
+ */
+export const colorPaletteYellowBackground1 = 'var(--colorPaletteYellowBackground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowBackground2 | `colorPaletteYellowBackground2`} design token.
+ * @public
+ */
+export const colorPaletteYellowBackground2 = 'var(--colorPaletteYellowBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowBackground3 | `colorPaletteYellowBackground3`} design token.
+ * @public
+ */
+export const colorPaletteYellowBackground3 = 'var(--colorPaletteYellowBackground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowBorderActive | `colorPaletteYellowBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteYellowBorderActive = 'var(--colorPaletteYellowBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowBorder1 | `colorPaletteYellowBorder1`} design token.
+ * @public
+ */
+export const colorPaletteYellowBorder1 = 'var(--colorPaletteYellowBorder1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowBorder2 | `colorPaletteYellowBorder2`} design token.
+ * @public
+ */
+export const colorPaletteYellowBorder2 = 'var(--colorPaletteYellowBorder2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowForeground1 | `colorPaletteYellowForeground1`} design token.
+ * @public
+ */
+export const colorPaletteYellowForeground1 = 'var(--colorPaletteYellowForeground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowForeground2 | `colorPaletteYellowForeground2`} design token.
+ * @public
+ */
+export const colorPaletteYellowForeground2 = 'var(--colorPaletteYellowForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowForeground3 | `colorPaletteYellowForeground3`} design token.
+ * @public
+ */
+export const colorPaletteYellowForeground3 = 'var(--colorPaletteYellowForeground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteYellowForegroundInverted | `colorPaletteYellowForegroundInverted`} design token.
+ * @public
+ */
+export const colorPaletteYellowForegroundInverted = 'var(--colorPaletteYellowForegroundInverted)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBerryBackground1 | `colorPaletteBerryBackground1`} design token.
+ * @public
+ */
+export const colorPaletteBerryBackground1 = 'var(--colorPaletteBerryBackground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBerryBackground2 | `colorPaletteBerryBackground2`} design token.
+ * @public
+ */
+export const colorPaletteBerryBackground2 = 'var(--colorPaletteBerryBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBerryBackground3 | `colorPaletteBerryBackground3`} design token.
+ * @public
+ */
+export const colorPaletteBerryBackground3 = 'var(--colorPaletteBerryBackground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBerryBorderActive | `colorPaletteBerryBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteBerryBorderActive = 'var(--colorPaletteBerryBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBerryBorder1 | `colorPaletteBerryBorder1`} design token.
+ * @public
+ */
+export const colorPaletteBerryBorder1 = 'var(--colorPaletteBerryBorder1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBerryBorder2 | `colorPaletteBerryBorder2`} design token.
+ * @public
+ */
+export const colorPaletteBerryBorder2 = 'var(--colorPaletteBerryBorder2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBerryForeground1 | `colorPaletteBerryForeground1`} design token.
+ * @public
+ */
+export const colorPaletteBerryForeground1 = 'var(--colorPaletteBerryForeground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBerryForeground2 | `colorPaletteBerryForeground2`} design token.
+ * @public
+ */
+export const colorPaletteBerryForeground2 = 'var(--colorPaletteBerryForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBerryForeground3 | `colorPaletteBerryForeground3`} design token.
+ * @public
+ */
+export const colorPaletteBerryForeground3 = 'var(--colorPaletteBerryForeground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMarigoldBackground1 | `colorPaletteMarigoldBackground1`} design token.
+ * @public
+ */
+export const colorPaletteMarigoldBackground1 = 'var(--colorPaletteMarigoldBackground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMarigoldBackground2 | `colorPaletteMarigoldBackground2`} design token.
+ * @public
+ */
+export const colorPaletteMarigoldBackground2 = 'var(--colorPaletteMarigoldBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMarigoldBackground3 | `colorPaletteMarigoldBackground3`} design token.
+ * @public
+ */
+export const colorPaletteMarigoldBackground3 = 'var(--colorPaletteMarigoldBackground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMarigoldBorderActive | `colorPaletteMarigoldBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteMarigoldBorderActive = 'var(--colorPaletteMarigoldBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMarigoldBorder1 | `colorPaletteMarigoldBorder1`} design token.
+ * @public
+ */
+export const colorPaletteMarigoldBorder1 = 'var(--colorPaletteMarigoldBorder1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMarigoldBorder2 | `colorPaletteMarigoldBorder2`} design token.
+ * @public
+ */
+export const colorPaletteMarigoldBorder2 = 'var(--colorPaletteMarigoldBorder2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMarigoldForeground1 | `colorPaletteMarigoldForeground1`} design token.
+ * @public
+ */
+export const colorPaletteMarigoldForeground1 = 'var(--colorPaletteMarigoldForeground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMarigoldForeground2 | `colorPaletteMarigoldForeground2`} design token.
+ * @public
+ */
+export const colorPaletteMarigoldForeground2 = 'var(--colorPaletteMarigoldForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMarigoldForeground3 | `colorPaletteMarigoldForeground3`} design token.
+ * @public
+ */
+export const colorPaletteMarigoldForeground3 = 'var(--colorPaletteMarigoldForeground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightGreenBackground1 | `colorPaletteLightGreenBackground1`} design token.
+ * @public
+ */
+export const colorPaletteLightGreenBackground1 = 'var(--colorPaletteLightGreenBackground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightGreenBackground2 | `colorPaletteLightGreenBackground2`} design token.
+ * @public
+ */
+export const colorPaletteLightGreenBackground2 = 'var(--colorPaletteLightGreenBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightGreenBackground3 | `colorPaletteLightGreenBackground3`} design token.
+ * @public
+ */
+export const colorPaletteLightGreenBackground3 = 'var(--colorPaletteLightGreenBackground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightGreenBorderActive | `colorPaletteLightGreenBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteLightGreenBorderActive = 'var(--colorPaletteLightGreenBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightGreenBorder1 | `colorPaletteLightGreenBorder1`} design token.
+ * @public
+ */
+export const colorPaletteLightGreenBorder1 = 'var(--colorPaletteLightGreenBorder1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightGreenBorder2 | `colorPaletteLightGreenBorder2`} design token.
+ * @public
+ */
+export const colorPaletteLightGreenBorder2 = 'var(--colorPaletteLightGreenBorder2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightGreenForeground1 | `colorPaletteLightGreenForeground1`} design token.
+ * @public
+ */
+export const colorPaletteLightGreenForeground1 = 'var(--colorPaletteLightGreenForeground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightGreenForeground2 | `colorPaletteLightGreenForeground2`} design token.
+ * @public
+ */
+export const colorPaletteLightGreenForeground2 = 'var(--colorPaletteLightGreenForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightGreenForeground3 | `colorPaletteLightGreenForeground3`} design token.
+ * @public
+ */
+export const colorPaletteLightGreenForeground3 = 'var(--colorPaletteLightGreenForeground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteAnchorBackground2 | `colorPaletteAnchorBackground2`} design token.
+ * @public
+ */
+export const colorPaletteAnchorBackground2 = 'var(--colorPaletteAnchorBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteAnchorBorderActive | `colorPaletteAnchorBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteAnchorBorderActive = 'var(--colorPaletteAnchorBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteAnchorForeground2 | `colorPaletteAnchorForeground2`} design token.
+ * @public
+ */
+export const colorPaletteAnchorForeground2 = 'var(--colorPaletteAnchorForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBeigeBackground2 | `colorPaletteBeigeBackground2`} design token.
+ * @public
+ */
+export const colorPaletteBeigeBackground2 = 'var(--colorPaletteBeigeBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBeigeBorderActive | `colorPaletteBeigeBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteBeigeBorderActive = 'var(--colorPaletteBeigeBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBeigeForeground2 | `colorPaletteBeigeForeground2`} design token.
+ * @public
+ */
+export const colorPaletteBeigeForeground2 = 'var(--colorPaletteBeigeForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBlueBackground2 | `colorPaletteBlueBackground2`} design token.
+ * @public
+ */
+export const colorPaletteBlueBackground2 = 'var(--colorPaletteBlueBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBlueBorderActive | `colorPaletteBlueBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteBlueBorderActive = 'var(--colorPaletteBlueBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBlueForeground2 | `colorPaletteBlueForeground2`} design token.
+ * @public
+ */
+export const colorPaletteBlueForeground2 = 'var(--colorPaletteBlueForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBrassBackground2 | `colorPaletteBrassBackground2`} design token.
+ * @public
+ */
+export const colorPaletteBrassBackground2 = 'var(--colorPaletteBrassBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBrassBorderActive | `colorPaletteBrassBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteBrassBorderActive = 'var(--colorPaletteBrassBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBrassForeground2 | `colorPaletteBrassForeground2`} design token.
+ * @public
+ */
+export const colorPaletteBrassForeground2 = 'var(--colorPaletteBrassForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBrownBackground2 | `colorPaletteBrownBackground2`} design token.
+ * @public
+ */
+export const colorPaletteBrownBackground2 = 'var(--colorPaletteBrownBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBrownBorderActive | `colorPaletteBrownBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteBrownBorderActive = 'var(--colorPaletteBrownBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteBrownForeground2 | `colorPaletteBrownForeground2`} design token.
+ * @public
+ */
+export const colorPaletteBrownForeground2 = 'var(--colorPaletteBrownForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteCornflowerBackground2 | `colorPaletteCornflowerBackground2`} design token.
+ * @public
+ */
+export const colorPaletteCornflowerBackground2 = 'var(--colorPaletteCornflowerBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteCornflowerBorderActive | `colorPaletteCornflowerBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteCornflowerBorderActive = 'var(--colorPaletteCornflowerBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteCornflowerForeground2 | `colorPaletteCornflowerForeground2`} design token.
+ * @public
+ */
+export const colorPaletteCornflowerForeground2 = 'var(--colorPaletteCornflowerForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteCranberryBackground2 | `colorPaletteCranberryBackground2`} design token.
+ * @public
+ */
+export const colorPaletteCranberryBackground2 = 'var(--colorPaletteCranberryBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteCranberryBorderActive | `colorPaletteCranberryBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteCranberryBorderActive = 'var(--colorPaletteCranberryBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteCranberryForeground2 | `colorPaletteCranberryForeground2`} design token.
+ * @public
+ */
+export const colorPaletteCranberryForeground2 = 'var(--colorPaletteCranberryForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkGreenBackground2 | `colorPaletteDarkGreenBackground2`} design token.
+ * @public
+ */
+export const colorPaletteDarkGreenBackground2 = 'var(--colorPaletteDarkGreenBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkGreenBorderActive | `colorPaletteDarkGreenBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteDarkGreenBorderActive = 'var(--colorPaletteDarkGreenBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkGreenForeground2 | `colorPaletteDarkGreenForeground2`} design token.
+ * @public
+ */
+export const colorPaletteDarkGreenForeground2 = 'var(--colorPaletteDarkGreenForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkRedBackground2 | `colorPaletteDarkRedBackground2`} design token.
+ * @public
+ */
+export const colorPaletteDarkRedBackground2 = 'var(--colorPaletteDarkRedBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkRedBorderActive | `colorPaletteDarkRedBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteDarkRedBorderActive = 'var(--colorPaletteDarkRedBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteDarkRedForeground2 | `colorPaletteDarkRedForeground2`} design token.
+ * @public
+ */
+export const colorPaletteDarkRedForeground2 = 'var(--colorPaletteDarkRedForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteForestBackground2 | `colorPaletteForestBackground2`} design token.
+ * @public
+ */
+export const colorPaletteForestBackground2 = 'var(--colorPaletteForestBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteForestBorderActive | `colorPaletteForestBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteForestBorderActive = 'var(--colorPaletteForestBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteForestForeground2 | `colorPaletteForestForeground2`} design token.
+ * @public
+ */
+export const colorPaletteForestForeground2 = 'var(--colorPaletteForestForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGoldBackground2 | `colorPaletteGoldBackground2`} design token.
+ * @public
+ */
+export const colorPaletteGoldBackground2 = 'var(--colorPaletteGoldBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGoldBorderActive | `colorPaletteGoldBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteGoldBorderActive = 'var(--colorPaletteGoldBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGoldForeground2 | `colorPaletteGoldForeground2`} design token.
+ * @public
+ */
+export const colorPaletteGoldForeground2 = 'var(--colorPaletteGoldForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGrapeBackground2 | `colorPaletteGrapeBackground2`} design token.
+ * @public
+ */
+export const colorPaletteGrapeBackground2 = 'var(--colorPaletteGrapeBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGrapeBorderActive | `colorPaletteGrapeBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteGrapeBorderActive = 'var(--colorPaletteGrapeBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteGrapeForeground2 | `colorPaletteGrapeForeground2`} design token.
+ * @public
+ */
+export const colorPaletteGrapeForeground2 = 'var(--colorPaletteGrapeForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLavenderBackground2 | `colorPaletteLavenderBackground2`} design token.
+ * @public
+ */
+export const colorPaletteLavenderBackground2 = 'var(--colorPaletteLavenderBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLavenderBorderActive | `colorPaletteLavenderBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteLavenderBorderActive = 'var(--colorPaletteLavenderBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLavenderForeground2 | `colorPaletteLavenderForeground2`} design token.
+ * @public
+ */
+export const colorPaletteLavenderForeground2 = 'var(--colorPaletteLavenderForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightTealBackground2 | `colorPaletteLightTealBackground2`} design token.
+ * @public
+ */
+export const colorPaletteLightTealBackground2 = 'var(--colorPaletteLightTealBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightTealBorderActive | `colorPaletteLightTealBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteLightTealBorderActive = 'var(--colorPaletteLightTealBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLightTealForeground2 | `colorPaletteLightTealForeground2`} design token.
+ * @public
+ */
+export const colorPaletteLightTealForeground2 = 'var(--colorPaletteLightTealForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLilacBackground2 | `colorPaletteLilacBackground2`} design token.
+ * @public
+ */
+export const colorPaletteLilacBackground2 = 'var(--colorPaletteLilacBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLilacBorderActive | `colorPaletteLilacBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteLilacBorderActive = 'var(--colorPaletteLilacBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteLilacForeground2 | `colorPaletteLilacForeground2`} design token.
+ * @public
+ */
+export const colorPaletteLilacForeground2 = 'var(--colorPaletteLilacForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMagentaBackground2 | `colorPaletteMagentaBackground2`} design token.
+ * @public
+ */
+export const colorPaletteMagentaBackground2 = 'var(--colorPaletteMagentaBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMagentaBorderActive | `colorPaletteMagentaBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteMagentaBorderActive = 'var(--colorPaletteMagentaBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMagentaForeground2 | `colorPaletteMagentaForeground2`} design token.
+ * @public
+ */
+export const colorPaletteMagentaForeground2 = 'var(--colorPaletteMagentaForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMinkBackground2 | `colorPaletteMinkBackground2`} design token.
+ * @public
+ */
+export const colorPaletteMinkBackground2 = 'var(--colorPaletteMinkBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMinkBorderActive | `colorPaletteMinkBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteMinkBorderActive = 'var(--colorPaletteMinkBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteMinkForeground2 | `colorPaletteMinkForeground2`} design token.
+ * @public
+ */
+export const colorPaletteMinkForeground2 = 'var(--colorPaletteMinkForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteNavyBackground2 | `colorPaletteNavyBackground2`} design token.
+ * @public
+ */
+export const colorPaletteNavyBackground2 = 'var(--colorPaletteNavyBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteNavyBorderActive | `colorPaletteNavyBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteNavyBorderActive = 'var(--colorPaletteNavyBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteNavyForeground2 | `colorPaletteNavyForeground2`} design token.
+ * @public
+ */
+export const colorPaletteNavyForeground2 = 'var(--colorPaletteNavyForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPalettePeachBackground2 | `colorPalettePeachBackground2`} design token.
+ * @public
+ */
+export const colorPalettePeachBackground2 = 'var(--colorPalettePeachBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPalettePeachBorderActive | `colorPalettePeachBorderActive`} design token.
+ * @public
+ */
+export const colorPalettePeachBorderActive = 'var(--colorPalettePeachBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPalettePeachForeground2 | `colorPalettePeachForeground2`} design token.
+ * @public
+ */
+export const colorPalettePeachForeground2 = 'var(--colorPalettePeachForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPalettePinkBackground2 | `colorPalettePinkBackground2`} design token.
+ * @public
+ */
+export const colorPalettePinkBackground2 = 'var(--colorPalettePinkBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPalettePinkBorderActive | `colorPalettePinkBorderActive`} design token.
+ * @public
+ */
+export const colorPalettePinkBorderActive = 'var(--colorPalettePinkBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPalettePinkForeground2 | `colorPalettePinkForeground2`} design token.
+ * @public
+ */
+export const colorPalettePinkForeground2 = 'var(--colorPalettePinkForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPalettePlatinumBackground2 | `colorPalettePlatinumBackground2`} design token.
+ * @public
+ */
+export const colorPalettePlatinumBackground2 = 'var(--colorPalettePlatinumBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPalettePlatinumBorderActive | `colorPalettePlatinumBorderActive`} design token.
+ * @public
+ */
+export const colorPalettePlatinumBorderActive = 'var(--colorPalettePlatinumBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPalettePlatinumForeground2 | `colorPalettePlatinumForeground2`} design token.
+ * @public
+ */
+export const colorPalettePlatinumForeground2 = 'var(--colorPalettePlatinumForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPalettePlumBackground2 | `colorPalettePlumBackground2`} design token.
+ * @public
+ */
+export const colorPalettePlumBackground2 = 'var(--colorPalettePlumBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPalettePlumBorderActive | `colorPalettePlumBorderActive`} design token.
+ * @public
+ */
+export const colorPalettePlumBorderActive = 'var(--colorPalettePlumBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPalettePlumForeground2 | `colorPalettePlumForeground2`} design token.
+ * @public
+ */
+export const colorPalettePlumForeground2 = 'var(--colorPalettePlumForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPalettePumpkinBackground2 | `colorPalettePumpkinBackground2`} design token.
+ * @public
+ */
+export const colorPalettePumpkinBackground2 = 'var(--colorPalettePumpkinBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPalettePumpkinBorderActive | `colorPalettePumpkinBorderActive`} design token.
+ * @public
+ */
+export const colorPalettePumpkinBorderActive = 'var(--colorPalettePumpkinBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPalettePumpkinForeground2 | `colorPalettePumpkinForeground2`} design token.
+ * @public
+ */
+export const colorPalettePumpkinForeground2 = 'var(--colorPalettePumpkinForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPalettePurpleBackground2 | `colorPalettePurpleBackground2`} design token.
+ * @public
+ */
+export const colorPalettePurpleBackground2 = 'var(--colorPalettePurpleBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPalettePurpleBorderActive | `colorPalettePurpleBorderActive`} design token.
+ * @public
+ */
+export const colorPalettePurpleBorderActive = 'var(--colorPalettePurpleBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPalettePurpleForeground2 | `colorPalettePurpleForeground2`} design token.
+ * @public
+ */
+export const colorPalettePurpleForeground2 = 'var(--colorPalettePurpleForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRoyalBlueBackground2 | `colorPaletteRoyalBlueBackground2`} design token.
+ * @public
+ */
+export const colorPaletteRoyalBlueBackground2 = 'var(--colorPaletteRoyalBlueBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRoyalBlueBorderActive | `colorPaletteRoyalBlueBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteRoyalBlueBorderActive = 'var(--colorPaletteRoyalBlueBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteRoyalBlueForeground2 | `colorPaletteRoyalBlueForeground2`} design token.
+ * @public
+ */
+export const colorPaletteRoyalBlueForeground2 = 'var(--colorPaletteRoyalBlueForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteSeafoamBackground2 | `colorPaletteSeafoamBackground2`} design token.
+ * @public
+ */
+export const colorPaletteSeafoamBackground2 = 'var(--colorPaletteSeafoamBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteSeafoamBorderActive | `colorPaletteSeafoamBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteSeafoamBorderActive = 'var(--colorPaletteSeafoamBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteSeafoamForeground2 | `colorPaletteSeafoamForeground2`} design token.
+ * @public
+ */
+export const colorPaletteSeafoamForeground2 = 'var(--colorPaletteSeafoamForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteSteelBackground2 | `colorPaletteSteelBackground2`} design token.
+ * @public
+ */
+export const colorPaletteSteelBackground2 = 'var(--colorPaletteSteelBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteSteelBorderActive | `colorPaletteSteelBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteSteelBorderActive = 'var(--colorPaletteSteelBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteSteelForeground2 | `colorPaletteSteelForeground2`} design token.
+ * @public
+ */
+export const colorPaletteSteelForeground2 = 'var(--colorPaletteSteelForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteTealBackground2 | `colorPaletteTealBackground2`} design token.
+ * @public
+ */
+export const colorPaletteTealBackground2 = 'var(--colorPaletteTealBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteTealBorderActive | `colorPaletteTealBorderActive`} design token.
+ * @public
+ */
+export const colorPaletteTealBorderActive = 'var(--colorPaletteTealBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorPaletteTealForeground2 | `colorPaletteTealForeground2`} design token.
+ * @public
+ */
+export const colorPaletteTealForeground2 = 'var(--colorPaletteTealForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessBackground1 | `colorStatusSuccessBackground1`} design token.
+ * @public
+ */
+export const colorStatusSuccessBackground1 = 'var(--colorStatusSuccessBackground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessBackground2 | `colorStatusSuccessBackground2`} design token.
+ * @public
+ */
+export const colorStatusSuccessBackground2 = 'var(--colorStatusSuccessBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessBackground3 | `colorStatusSuccessBackground3`} design token.
+ * @public
+ */
+export const colorStatusSuccessBackground3 = 'var(--colorStatusSuccessBackground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessForeground1 | `colorStatusSuccessForeground1`} design token.
+ * @public
+ */
+export const colorStatusSuccessForeground1 = 'var(--colorStatusSuccessForeground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessForeground2 | `colorStatusSuccessForeground2`} design token.
+ * @public
+ */
+export const colorStatusSuccessForeground2 = 'var(--colorStatusSuccessForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessForeground3 | `colorStatusSuccessForeground3`} design token.
+ * @public
+ */
+export const colorStatusSuccessForeground3 = 'var(--colorStatusSuccessForeground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessForegroundInverted | `colorStatusSuccessForegroundInverted`} design token.
+ * @public
+ */
+export const colorStatusSuccessForegroundInverted = 'var(--colorStatusSuccessForegroundInverted)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessBorderActive | `colorStatusSuccessBorderActive`} design token.
+ * @public
+ */
+export const colorStatusSuccessBorderActive = 'var(--colorStatusSuccessBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessBorder1 | `colorStatusSuccessBorder1`} design token.
+ * @public
+ */
+export const colorStatusSuccessBorder1 = 'var(--colorStatusSuccessBorder1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusSuccessBorder2 | `colorStatusSuccessBorder2`} design token.
+ * @public
+ */
+export const colorStatusSuccessBorder2 = 'var(--colorStatusSuccessBorder2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningBackground1 | `colorStatusWarningBackground1`} design token.
+ * @public
+ */
+export const colorStatusWarningBackground1 = 'var(--colorStatusWarningBackground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningBackground2 | `colorStatusWarningBackground2`} design token.
+ * @public
+ */
+export const colorStatusWarningBackground2 = 'var(--colorStatusWarningBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningBackground3 | `colorStatusWarningBackground3`} design token.
+ * @public
+ */
+export const colorStatusWarningBackground3 = 'var(--colorStatusWarningBackground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningForeground1 | `colorStatusWarningForeground1`} design token.
+ * @public
+ */
+export const colorStatusWarningForeground1 = 'var(--colorStatusWarningForeground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningForeground2 | `colorStatusWarningForeground2`} design token.
+ * @public
+ */
+export const colorStatusWarningForeground2 = 'var(--colorStatusWarningForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningForeground3 | `colorStatusWarningForeground3`} design token.
+ * @public
+ */
+export const colorStatusWarningForeground3 = 'var(--colorStatusWarningForeground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningForegroundInverted | `colorStatusWarningForegroundInverted`} design token.
+ * @public
+ */
+export const colorStatusWarningForegroundInverted = 'var(--colorStatusWarningForegroundInverted)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningBorderActive | `colorStatusWarningBorderActive`} design token.
+ * @public
+ */
+export const colorStatusWarningBorderActive = 'var(--colorStatusWarningBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningBorder1 | `colorStatusWarningBorder1`} design token.
+ * @public
+ */
+export const colorStatusWarningBorder1 = 'var(--colorStatusWarningBorder1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusWarningBorder2 | `colorStatusWarningBorder2`} design token.
+ * @public
+ */
+export const colorStatusWarningBorder2 = 'var(--colorStatusWarningBorder2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerBackground1 | `colorStatusDangerBackground1`} design token.
+ * @public
+ */
+export const colorStatusDangerBackground1 = 'var(--colorStatusDangerBackground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerBackground2 | `colorStatusDangerBackground2`} design token.
+ * @public
+ */
+export const colorStatusDangerBackground2 = 'var(--colorStatusDangerBackground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerBackground3 | `colorStatusDangerBackground3`} design token.
+ * @public
+ */
+export const colorStatusDangerBackground3 = 'var(--colorStatusDangerBackground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerBackground3Hover | `colorStatusDangerBackground3Hover`} design token.
+ * @public
+ */
+export const colorStatusDangerBackground3Hover = 'var(--colorStatusDangerBackground3Hover)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerBackground3Pressed | `colorStatusDangerBackground3Pressed`} design token.
+ * @public
+ */
+export const colorStatusDangerBackground3Pressed = 'var(--colorStatusDangerBackground3Pressed)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerForeground1 | `colorStatusDangerForeground1`} design token.
+ * @public
+ */
+export const colorStatusDangerForeground1 = 'var(--colorStatusDangerForeground1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerForeground2 | `colorStatusDangerForeground2`} design token.
+ * @public
+ */
+export const colorStatusDangerForeground2 = 'var(--colorStatusDangerForeground2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerForeground3 | `colorStatusDangerForeground3`} design token.
+ * @public
+ */
+export const colorStatusDangerForeground3 = 'var(--colorStatusDangerForeground3)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerForegroundInverted | `colorStatusDangerForegroundInverted`} design token.
+ * @public
+ */
+export const colorStatusDangerForegroundInverted = 'var(--colorStatusDangerForegroundInverted)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerBorderActive | `colorStatusDangerBorderActive`} design token.
+ * @public
+ */
+export const colorStatusDangerBorderActive = 'var(--colorStatusDangerBorderActive)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerBorder1 | `colorStatusDangerBorder1`} design token.
+ * @public
+ */
+export const colorStatusDangerBorder1 = 'var(--colorStatusDangerBorder1)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#colorStatusDangerBorder2 | `colorStatusDangerBorder2`} design token.
+ * @public
+ */
+export const colorStatusDangerBorder2 = 'var(--colorStatusDangerBorder2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#borderRadiusNone | `borderRadiusNone`} design token.
+ * @public
+ */
+export const borderRadiusNone = 'var(--borderRadiusNone)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#borderRadiusSmall | `borderRadiusSmall`} design token.
+ * @public
+ */
+export const borderRadiusSmall = 'var(--borderRadiusSmall)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#borderRadiusMedium | `borderRadiusMedium`} design token.
+ * @public
+ */
+export const borderRadiusMedium = 'var(--borderRadiusMedium)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#borderRadiusLarge | `borderRadiusLarge`} design token.
+ * @public
+ */
+export const borderRadiusLarge = 'var(--borderRadiusLarge)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#borderRadiusXLarge | `borderRadiusXLarge`} design token.
+ * @public
+ */
+export const borderRadiusXLarge = 'var(--borderRadiusXLarge)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#borderRadiusCircular | `borderRadiusCircular`} design token.
+ * @public
+ */
+export const borderRadiusCircular = 'var(--borderRadiusCircular)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#fontFamilyBase | `fontFamilyBase`} design token.
+ * @public
+ */
+export const fontFamilyBase = 'var(--fontFamilyBase)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#fontFamilyMonospace | `fontFamilyMonospace`} design token.
+ * @public
+ */
+export const fontFamilyMonospace = 'var(--fontFamilyMonospace)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#fontFamilyNumeric | `fontFamilyNumeric`} design token.
+ * @public
+ */
+export const fontFamilyNumeric = 'var(--fontFamilyNumeric)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#fontSizeBase100 | `fontSizeBase100`} design token.
+ * @public
+ */
+export const fontSizeBase100 = 'var(--fontSizeBase100)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#fontSizeBase200 | `fontSizeBase200`} design token.
+ * @public
+ */
+export const fontSizeBase200 = 'var(--fontSizeBase200)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#fontSizeBase300 | `fontSizeBase300`} design token.
+ * @public
+ */
+export const fontSizeBase300 = 'var(--fontSizeBase300)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#fontSizeBase400 | `fontSizeBase400`} design token.
+ * @public
+ */
+export const fontSizeBase400 = 'var(--fontSizeBase400)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#fontSizeBase500 | `fontSizeBase500`} design token.
+ * @public
+ */
+export const fontSizeBase500 = 'var(--fontSizeBase500)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#fontSizeBase600 | `fontSizeBase600`} design token.
+ * @public
+ */
+export const fontSizeBase600 = 'var(--fontSizeBase600)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#fontSizeHero700 | `fontSizeHero700`} design token.
+ * @public
+ */
+export const fontSizeHero700 = 'var(--fontSizeHero700)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#fontSizeHero800 | `fontSizeHero800`} design token.
+ * @public
+ */
+export const fontSizeHero800 = 'var(--fontSizeHero800)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#fontSizeHero900 | `fontSizeHero900`} design token.
+ * @public
+ */
+export const fontSizeHero900 = 'var(--fontSizeHero900)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#fontSizeHero1000 | `fontSizeHero1000`} design token.
+ * @public
+ */
+export const fontSizeHero1000 = 'var(--fontSizeHero1000)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#fontWeightRegular | `fontWeightRegular`} design token.
+ * @public
+ */
+export const fontWeightRegular = 'var(--fontWeightRegular)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#fontWeightMedium | `fontWeightMedium`} design token.
+ * @public
+ */
+export const fontWeightMedium = 'var(--fontWeightMedium)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#fontWeightSemibold | `fontWeightSemibold`} design token.
+ * @public
+ */
+export const fontWeightSemibold = 'var(--fontWeightSemibold)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#fontWeightBold | `fontWeightBold`} design token.
+ * @public
+ */
+export const fontWeightBold = 'var(--fontWeightBold)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#lineHeightBase100 | `lineHeightBase100`} design token.
+ * @public
+ */
+export const lineHeightBase100 = 'var(--lineHeightBase100)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#lineHeightBase200 | `lineHeightBase200`} design token.
+ * @public
+ */
+export const lineHeightBase200 = 'var(--lineHeightBase200)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#lineHeightBase300 | `lineHeightBase300`} design token.
+ * @public
+ */
+export const lineHeightBase300 = 'var(--lineHeightBase300)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#lineHeightBase400 | `lineHeightBase400`} design token.
+ * @public
+ */
+export const lineHeightBase400 = 'var(--lineHeightBase400)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#lineHeightBase500 | `lineHeightBase500`} design token.
+ * @public
+ */
+export const lineHeightBase500 = 'var(--lineHeightBase500)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#lineHeightBase600 | `lineHeightBase600`} design token.
+ * @public
+ */
+export const lineHeightBase600 = 'var(--lineHeightBase600)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#lineHeightHero700 | `lineHeightHero700`} design token.
+ * @public
+ */
+export const lineHeightHero700 = 'var(--lineHeightHero700)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#lineHeightHero800 | `lineHeightHero800`} design token.
+ * @public
+ */
+export const lineHeightHero800 = 'var(--lineHeightHero800)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#lineHeightHero900 | `lineHeightHero900`} design token.
+ * @public
+ */
+export const lineHeightHero900 = 'var(--lineHeightHero900)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#lineHeightHero1000 | `lineHeightHero1000`} design token.
+ * @public
+ */
+export const lineHeightHero1000 = 'var(--lineHeightHero1000)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#shadow2 | `shadow2`} design token.
+ * @public
+ */
+export const shadow2 = 'var(--shadow2)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#shadow4 | `shadow4`} design token.
+ * @public
+ */
+export const shadow4 = 'var(--shadow4)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#shadow8 | `shadow8`} design token.
+ * @public
+ */
+export const shadow8 = 'var(--shadow8)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#shadow16 | `shadow16`} design token.
+ * @public
+ */
+export const shadow16 = 'var(--shadow16)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#shadow28 | `shadow28`} design token.
+ * @public
+ */
+export const shadow28 = 'var(--shadow28)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#shadow64 | `shadow64`} design token.
+ * @public
+ */
+export const shadow64 = 'var(--shadow64)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#shadow2Brand | `shadow2Brand`} design token.
+ * @public
+ */
+export const shadow2Brand = 'var(--shadow2Brand)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#shadow4Brand | `shadow4Brand`} design token.
+ * @public
+ */
+export const shadow4Brand = 'var(--shadow4Brand)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#shadow8Brand | `shadow8Brand`} design token.
+ * @public
+ */
+export const shadow8Brand = 'var(--shadow8Brand)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#shadow16Brand | `shadow16Brand`} design token.
+ * @public
+ */
+export const shadow16Brand = 'var(--shadow16Brand)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#shadow28Brand | `shadow28Brand`} design token.
+ * @public
+ */
+export const shadow28Brand = 'var(--shadow28Brand)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#shadow64Brand | `shadow64Brand`} design token.
+ * @public
+ */
+export const shadow64Brand = 'var(--shadow64Brand)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#strokeWidthThin | `strokeWidthThin`} design token.
+ * @public
+ */
+export const strokeWidthThin = 'var(--strokeWidthThin)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#strokeWidthThick | `strokeWidthThick`} design token.
+ * @public
+ */
+export const strokeWidthThick = 'var(--strokeWidthThick)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#strokeWidthThicker | `strokeWidthThicker`} design token.
+ * @public
+ */
+export const strokeWidthThicker = 'var(--strokeWidthThicker)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#strokeWidthThickest | `strokeWidthThickest`} design token.
+ * @public
+ */
+export const strokeWidthThickest = 'var(--strokeWidthThickest)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalNone | `spacingHorizontalNone`} design token.
+ * @public
+ */
+export const spacingHorizontalNone = 'var(--spacingHorizontalNone)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalXXS | `spacingHorizontalXXS`} design token.
+ * @public
+ */
+export const spacingHorizontalXXS = 'var(--spacingHorizontalXXS)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalXS | `spacingHorizontalXS`} design token.
+ * @public
+ */
+export const spacingHorizontalXS = 'var(--spacingHorizontalXS)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalSNudge | `spacingHorizontalSNudge`} design token.
+ * @public
+ */
+export const spacingHorizontalSNudge = 'var(--spacingHorizontalSNudge)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalS | `spacingHorizontalS`} design token.
+ * @public
+ */
+export const spacingHorizontalS = 'var(--spacingHorizontalS)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalMNudge | `spacingHorizontalMNudge`} design token.
+ * @public
+ */
+export const spacingHorizontalMNudge = 'var(--spacingHorizontalMNudge)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalM | `spacingHorizontalM`} design token.
+ * @public
+ */
+export const spacingHorizontalM = 'var(--spacingHorizontalM)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalL | `spacingHorizontalL`} design token.
+ * @public
+ */
+export const spacingHorizontalL = 'var(--spacingHorizontalL)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalXL | `spacingHorizontalXL`} design token.
+ * @public
+ */
+export const spacingHorizontalXL = 'var(--spacingHorizontalXL)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalXXL | `spacingHorizontalXXL`} design token.
+ * @public
+ */
+export const spacingHorizontalXXL = 'var(--spacingHorizontalXXL)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingHorizontalXXXL | `spacingHorizontalXXXL`} design token.
+ * @public
+ */
+export const spacingHorizontalXXXL = 'var(--spacingHorizontalXXXL)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalNone | `spacingVerticalNone`} design token.
+ * @public
+ */
+export const spacingVerticalNone = 'var(--spacingVerticalNone)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalXXS | `spacingVerticalXXS`} design token.
+ * @public
+ */
+export const spacingVerticalXXS = 'var(--spacingVerticalXXS)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalXS | `spacingVerticalXS`} design token.
+ * @public
+ */
+export const spacingVerticalXS = 'var(--spacingVerticalXS)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalSNudge | `spacingVerticalSNudge`} design token.
+ * @public
+ */
+export const spacingVerticalSNudge = 'var(--spacingVerticalSNudge)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalS | `spacingVerticalS`} design token.
+ * @public
+ */
+export const spacingVerticalS = 'var(--spacingVerticalS)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalMNudge | `spacingVerticalMNudge`} design token.
+ * @public
+ */
+export const spacingVerticalMNudge = 'var(--spacingVerticalMNudge)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalM | `spacingVerticalM`} design token.
+ * @public
+ */
+export const spacingVerticalM = 'var(--spacingVerticalM)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalL | `spacingVerticalL`} design token.
+ * @public
+ */
+export const spacingVerticalL = 'var(--spacingVerticalL)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalXL | `spacingVerticalXL`} design token.
+ * @public
+ */
+export const spacingVerticalXL = 'var(--spacingVerticalXL)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalXXL | `spacingVerticalXXL`} design token.
+ * @public
+ */
+export const spacingVerticalXXL = 'var(--spacingVerticalXXL)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#spacingVerticalXXXL | `spacingVerticalXXXL`} design token.
+ * @public
+ */
+export const spacingVerticalXXXL = 'var(--spacingVerticalXXXL)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#durationUltraFast | `durationUltraFast`} design token.
+ * @public
+ */
+export const durationUltraFast = 'var(--durationUltraFast)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#durationFaster | `durationFaster`} design token.
+ * @public
+ */
+export const durationFaster = 'var(--durationFaster)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#durationFast | `durationFast`} design token.
+ * @public
+ */
+export const durationFast = 'var(--durationFast)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#durationNormal | `durationNormal`} design token.
+ * @public
+ */
+export const durationNormal = 'var(--durationNormal)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#durationGentle | `durationGentle`} design token.
+ * @public
+ */
+export const durationGentle = 'var(--durationGentle)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#durationSlow | `durationSlow`} design token.
+ * @public
+ */
+export const durationSlow = 'var(--durationSlow)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#durationSlower | `durationSlower`} design token.
+ * @public
+ */
+export const durationSlower = 'var(--durationSlower)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#durationUltraSlow | `durationUltraSlow`} design token.
+ * @public
+ */
+export const durationUltraSlow = 'var(--durationUltraSlow)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#curveAccelerateMax | `curveAccelerateMax`} design token.
+ * @public
+ */
+export const curveAccelerateMax = 'var(--curveAccelerateMax)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#curveAccelerateMid | `curveAccelerateMid`} design token.
+ * @public
+ */
+export const curveAccelerateMid = 'var(--curveAccelerateMid)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#curveAccelerateMin | `curveAccelerateMin`} design token.
+ * @public
+ */
+export const curveAccelerateMin = 'var(--curveAccelerateMin)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#curveDecelerateMax | `curveDecelerateMax`} design token.
+ * @public
+ */
+export const curveDecelerateMax = 'var(--curveDecelerateMax)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#curveDecelerateMid | `curveDecelerateMid`} design token.
+ * @public
+ */
+export const curveDecelerateMid = 'var(--curveDecelerateMid)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#curveDecelerateMin | `curveDecelerateMin`} design token.
+ * @public
+ */
+export const curveDecelerateMin = 'var(--curveDecelerateMin)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#curveEasyEaseMax | `curveEasyEaseMax`} design token.
+ * @public
+ */
+export const curveEasyEaseMax = 'var(--curveEasyEaseMax)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#curveEasyEase | `curveEasyEase`} design token.
+ * @public
+ */
+export const curveEasyEase = 'var(--curveEasyEase)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#curveLinear | `curveLinear`} design token.
+ * @public
+ */
+export const curveLinear = 'var(--curveLinear)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#zIndexBackground | `zIndexBackground`} design token.
+ * @public
+ */
+export const zIndexBackground = 'var(--zIndexBackground)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#zIndexContent | `zIndexContent`} design token.
+ * @public
+ */
+export const zIndexContent = 'var(--zIndexContent)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#zIndexOverlay | `zIndexOverlay`} design token.
+ * @public
+ */
+export const zIndexOverlay = 'var(--zIndexOverlay)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#zIndexPopup | `zIndexPopup`} design token.
+ * @public
+ */
+export const zIndexPopup = 'var(--zIndexPopup)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#zIndexMessages | `zIndexMessages`} design token.
+ * @public
+ */
+export const zIndexMessages = 'var(--zIndexMessages)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#zIndexFloating | `zIndexFloating`} design token.
+ * @public
+ */
+export const zIndexFloating = 'var(--zIndexFloating)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#zIndexPriority | `zIndexPriority`} design token.
+ * @public
+ */
+export const zIndexPriority = 'var(--zIndexPriority)';
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#zIndexDebug | `zIndexDebug`} design token.
+ * @public
+ */
+export const zIndexDebug = 'var(--zIndexDebug)';
diff --git a/packages/semantic-tokens/src/native-esm.spec-e2e.ts b/packages/semantic-tokens/src/native-esm.spec-e2e.ts
new file mode 100644
index 0000000000000..b7223455f1039
--- /dev/null
+++ b/packages/semantic-tokens/src/native-esm.spec-e2e.ts
@@ -0,0 +1,8 @@
+import { expect, test } from '@playwright/test';
+
+// Dummy test for now to pass E2E
+test.describe('Native ESM', () => {
+  test('Dummy test', async () => {
+    expect(0).toEqual(0);
+  });
+});
diff --git a/packages/semantic-tokens/src/nullable/tokens.ts b/packages/semantic-tokens/src/nullable/tokens.ts
new file mode 100644
index 0000000000000..e58b8c9381fd8
--- /dev/null
+++ b/packages/semantic-tokens/src/nullable/tokens.ts
@@ -0,0 +1,141 @@
+import {
+  backgroundCtrlOutlineDisabledRaw,
+  backgroundCtrlOutlineHoverRaw,
+  backgroundCtrlOutlinePressedRaw,
+  backgroundCtrlOutlineRestRaw,
+  backgroundCtrlSubtleDisabledRaw,
+  backgroundCtrlSubtleHoversplitRaw,
+  backgroundCtrlSubtleRestRaw,
+  foregroundCtrlHintDefaultRaw,
+  shadowCardDisabledKeyBlurRaw,
+  shadowCardDisabledKeyColorRaw,
+  shadowCardDisabledKeyXRaw,
+  shadowCardDisabledKeyYRaw,
+  shadowCardHoverKeyBlurRaw,
+  shadowCardHoverKeyColorRaw,
+  shadowCardHoverKeyXRaw,
+  shadowCardHoverKeyYRaw,
+  shadowCardPressedKeyBlurRaw,
+  shadowCardPressedKeyColorRaw,
+  shadowCardPressedKeyXRaw,
+  shadowCardPressedKeyYRaw,
+  shadowCardRestAmbientBlurRaw,
+  shadowCardRestAmbientColorRaw,
+  shadowCardRestAmbientXRaw,
+  shadowCardRestAmbientYRaw,
+  shadowCardRestKeyBlurRaw,
+  shadowCardRestKeyColorRaw,
+  shadowCardRestKeyXRaw,
+  shadowCardRestKeyYRaw,
+  shadowLayerAmbientBlurRaw,
+  shadowLayerAmbientColorRaw,
+  shadowLayerAmbientXRaw,
+  shadowLayerAmbientYRaw,
+  shadowLayerKeyBlurRaw,
+  shadowLayerKeyColorRaw,
+  shadowLayerKeyXRaw,
+  shadowLayerKeyYRaw,
+  strokeCardOnprimaryDisabledRaw,
+  strokeCardOnprimaryHoverRaw,
+  strokeCardOnprimaryPressedRaw,
+  strokeCardOnprimaryRestRaw,
+  strokeCardOnsecondaryDisabledRaw,
+  strokeCardOnsecondaryHoverRaw,
+  strokeCardOnsecondaryPressedRaw,
+  strokeCardOnsecondaryRestRaw,
+  strokeCardSelectedRaw,
+  strokeCtrlDividerOnsubtleDisabledRaw,
+  strokeCtrlDividerOnsubtleRaw,
+  strokeCtrlOnbrandDisabledRaw,
+  strokeCtrlOnbrandHoverRaw,
+  strokeCtrlOnbrandPressedRaw,
+  strokeCtrlOnbrandRestRaw,
+  strokeCtrlOnneutralDisabledRaw,
+  strokeCtrlOnneutralHoverRaw,
+  strokeCtrlOnneutralPressedRaw,
+  strokeCtrlOnneutralRestRaw,
+  strokeCtrlOnsubtleDisabledRaw,
+  strokeCtrlOnsubtleHoverRaw,
+  strokeCtrlOnsubtleHoversplitRaw,
+  strokeCtrlOnsubtlePressedRaw,
+  strokeCtrlOnsubtleRestRaw,
+  strokeFlyoutRaw,
+  strokeImageRaw,
+  strokeLayerRaw,
+  textStyleAiHeaderCaseRaw,
+  textStyleArticleHeaderCaseRaw,
+  textStyleCodeHeaderCaseRaw,
+  textStyleDatavizHeaderCaseRaw,
+  textStyleDefaultHeaderCaseRaw,
+  textStyleQuoteHeaderCaseRaw,
+} from './variables';
+
+export const textStyleDefaultHeaderCase = `var(${textStyleDefaultHeaderCaseRaw}, unset)`;
+export const textStyleAiHeaderCase = `var(${textStyleAiHeaderCaseRaw}, unset)`;
+export const textStyleArticleHeaderCase = `var(${textStyleArticleHeaderCaseRaw}, unset)`;
+export const textStyleCodeHeaderCase = `var(${textStyleCodeHeaderCaseRaw}, unset)`;
+export const textStyleDatavizHeaderCase = `var(${textStyleDatavizHeaderCaseRaw}, unset)`;
+export const textStyleQuoteHeaderCase = `var(${textStyleQuoteHeaderCaseRaw}, unset)`;
+export const strokeLayer = `var(${strokeLayerRaw}, unset)`;
+export const strokeImage = `var(${strokeImageRaw}, unset)`;
+export const strokeFlyout = `var(${strokeFlyoutRaw}, unset)`;
+export const strokeCtrlOnbrandRest = `var(${strokeCtrlOnbrandRestRaw}, unset)`;
+export const strokeCtrlOnbrandHover = `var(${strokeCtrlOnbrandHoverRaw}, unset)`;
+export const strokeCtrlOnbrandPressed = `var(${strokeCtrlOnbrandPressedRaw}, unset)`;
+export const strokeCtrlOnbrandDisabled = `var(${strokeCtrlOnbrandDisabledRaw}, unset)`;
+export const strokeCtrlOnneutralRest = `var(${strokeCtrlOnneutralRestRaw}, unset)`;
+export const strokeCtrlOnneutralHover = `var(${strokeCtrlOnneutralHoverRaw}, unset)`;
+export const strokeCtrlOnneutralPressed = `var(${strokeCtrlOnneutralPressedRaw}, unset)`;
+export const strokeCtrlOnneutralDisabled = `var(${strokeCtrlOnneutralDisabledRaw}, unset)`;
+export const strokeCtrlOnsubtleRest = `var(${strokeCtrlOnsubtleRestRaw}, unset)`;
+export const strokeCtrlOnsubtleHover = `var(${strokeCtrlOnsubtleHoverRaw}, unset)`;
+export const strokeCtrlOnsubtlePressed = `var(${strokeCtrlOnsubtlePressedRaw}, unset)`;
+export const strokeCtrlOnsubtleDisabled = `var(${strokeCtrlOnsubtleDisabledRaw}, unset)`;
+export const strokeCtrlOnsubtleHoversplit = `var(${strokeCtrlOnsubtleHoversplitRaw}, unset)`;
+export const strokeCtrlDividerOnsubtle = `var(${strokeCtrlDividerOnsubtleRaw}, unset)`;
+export const strokeCtrlDividerOnsubtleDisabled = `var(${strokeCtrlDividerOnsubtleDisabledRaw}, unset)`;
+export const strokeCardSelected = `var(${strokeCardSelectedRaw}, unset)`;
+export const strokeCardOnprimaryRest = `var(${strokeCardOnprimaryRestRaw}, unset)`;
+export const strokeCardOnprimaryHover = `var(${strokeCardOnprimaryHoverRaw}, unset)`;
+export const strokeCardOnprimaryPressed = `var(${strokeCardOnprimaryPressedRaw}, unset)`;
+export const strokeCardOnprimaryDisabled = `var(${strokeCardOnprimaryDisabledRaw}, unset)`;
+export const strokeCardOnsecondaryRest = `var(${strokeCardOnsecondaryRestRaw}, unset)`;
+export const strokeCardOnsecondaryHover = `var(${strokeCardOnsecondaryHoverRaw}, unset)`;
+export const strokeCardOnsecondaryPressed = `var(${strokeCardOnsecondaryPressedRaw}, unset)`;
+export const strokeCardOnsecondaryDisabled = `var(${strokeCardOnsecondaryDisabledRaw}, unset)`;
+export const backgroundCtrlOutlineRest = `var(${backgroundCtrlOutlineRestRaw}, unset)`;
+export const backgroundCtrlOutlineHover = `var(${backgroundCtrlOutlineHoverRaw}, unset)`;
+export const backgroundCtrlOutlinePressed = `var(${backgroundCtrlOutlinePressedRaw}, unset)`;
+export const backgroundCtrlOutlineDisabled = `var(${backgroundCtrlOutlineDisabledRaw}, unset)`;
+export const backgroundCtrlSubtleRest = `var(${backgroundCtrlSubtleRestRaw}, unset)`;
+export const backgroundCtrlSubtleDisabled = `var(${backgroundCtrlSubtleDisabledRaw}, unset)`;
+export const backgroundCtrlSubtleHoversplit = `var(${backgroundCtrlSubtleHoversplitRaw}, unset)`;
+export const foregroundCtrlHintDefault = `var(${foregroundCtrlHintDefaultRaw}, unset)`;
+export const shadowCardRestKeyX = `var(${shadowCardRestKeyXRaw}, unset)`;
+export const shadowCardRestKeyY = `var(${shadowCardRestKeyYRaw}, unset)`;
+export const shadowCardRestKeyBlur = `var(${shadowCardRestKeyBlurRaw}, unset)`;
+export const shadowCardRestKeyColor = `var(${shadowCardRestKeyColorRaw}, unset)`;
+export const shadowCardHoverKeyX = `var(${shadowCardHoverKeyXRaw}, unset)`;
+export const shadowCardHoverKeyY = `var(${shadowCardHoverKeyYRaw}, unset)`;
+export const shadowCardHoverKeyBlur = `var(${shadowCardHoverKeyBlurRaw}, unset)`;
+export const shadowCardHoverKeyColor = `var(${shadowCardHoverKeyColorRaw}, unset)`;
+export const shadowCardPressedKeyX = `var(${shadowCardPressedKeyXRaw}, unset)`;
+export const shadowCardPressedKeyY = `var(${shadowCardPressedKeyYRaw}, unset)`;
+export const shadowCardPressedKeyBlur = `var(${shadowCardPressedKeyBlurRaw}, unset)`;
+export const shadowCardPressedKeyColor = `var(${shadowCardPressedKeyColorRaw}, unset)`;
+export const shadowCardDisabledKeyX = `var(${shadowCardDisabledKeyXRaw}, unset)`;
+export const shadowCardDisabledKeyY = `var(${shadowCardDisabledKeyYRaw}, unset)`;
+export const shadowCardDisabledKeyBlur = `var(${shadowCardDisabledKeyBlurRaw}, unset)`;
+export const shadowCardDisabledKeyColor = `var(${shadowCardDisabledKeyColorRaw}, unset)`;
+export const shadowCardRestAmbientX = `var(${shadowCardRestAmbientXRaw}, unset)`;
+export const shadowCardRestAmbientY = `var(${shadowCardRestAmbientYRaw}, unset)`;
+export const shadowCardRestAmbientBlur = `var(${shadowCardRestAmbientBlurRaw}, unset)`;
+export const shadowCardRestAmbientColor = `var(${shadowCardRestAmbientColorRaw}, unset)`;
+export const shadowLayerKeyX = `var(${shadowLayerKeyXRaw}, unset)`;
+export const shadowLayerKeyY = `var(${shadowLayerKeyYRaw}, unset)`;
+export const shadowLayerKeyBlur = `var(${shadowLayerKeyBlurRaw}, unset)`;
+export const shadowLayerKeyColor = `var(${shadowLayerKeyColorRaw}, unset)`;
+export const shadowLayerAmbientX = `var(${shadowLayerAmbientXRaw}, unset)`;
+export const shadowLayerAmbientY = `var(${shadowLayerAmbientYRaw}, unset)`;
+export const shadowLayerAmbientBlur = `var(${shadowLayerAmbientBlurRaw}, unset)`;
+export const shadowLayerAmbientColor = `var(${shadowLayerAmbientColorRaw}, unset)`;
diff --git a/packages/semantic-tokens/src/nullable/variables.ts b/packages/semantic-tokens/src/nullable/variables.ts
new file mode 100644
index 0000000000000..460f853e94728
--- /dev/null
+++ b/packages/semantic-tokens/src/nullable/variables.ts
@@ -0,0 +1,69 @@
+export const textStyleDefaultHeaderCaseRaw = '--smtc-text-style-default-header-case';
+export const textStyleAiHeaderCaseRaw = '--smtc-text-style-ai-header-case';
+export const textStyleArticleHeaderCaseRaw = '--smtc-text-style-article-header-case';
+export const textStyleCodeHeaderCaseRaw = '--smtc-text-style-code-header-case';
+export const textStyleDatavizHeaderCaseRaw = '--smtc-text-style-dataviz-header-case';
+export const textStyleQuoteHeaderCaseRaw = '--smtc-text-style-quote-header-case';
+export const strokeLayerRaw = '--smtc-stroke-layer';
+export const strokeImageRaw = '--smtc-stroke-image';
+export const strokeFlyoutRaw = '--smtc-stroke-flyout';
+export const strokeCtrlOnbrandRestRaw = '--smtc-stroke-ctrl-onbrand-rest';
+export const strokeCtrlOnbrandHoverRaw = '--smtc-stroke-ctrl-onbrand-hover';
+export const strokeCtrlOnbrandPressedRaw = '--smtc-stroke-ctrl-onbrand-pressed';
+export const strokeCtrlOnbrandDisabledRaw = '--smtc-stroke-ctrl-onbrand-disabled';
+export const strokeCtrlOnneutralRestRaw = '--smtc-stroke-ctrl-onneutral-rest';
+export const strokeCtrlOnneutralHoverRaw = '--smtc-stroke-ctrl-onneutral-hover';
+export const strokeCtrlOnneutralPressedRaw = '--smtc-stroke-ctrl-onneutral-pressed';
+export const strokeCtrlOnneutralDisabledRaw = '--smtc-stroke-ctrl-onneutral-disabled';
+export const strokeCtrlOnsubtleRestRaw = '--smtc-stroke-ctrl-onsubtle-rest';
+export const strokeCtrlOnsubtleHoverRaw = '--smtc-stroke-ctrl-onsubtle-hover';
+export const strokeCtrlOnsubtlePressedRaw = '--smtc-stroke-ctrl-onsubtle-pressed';
+export const strokeCtrlOnsubtleDisabledRaw = '--smtc-stroke-ctrl-onsubtle-disabled';
+export const strokeCtrlOnsubtleHoversplitRaw = '--smtc-stroke-ctrl-onsubtle-hoversplit';
+export const strokeCtrlDividerOnsubtleRaw = '--smtc-stroke-ctrl-divider-onsubtle';
+export const strokeCtrlDividerOnsubtleDisabledRaw = '--smtc-stroke-ctrl-divider-onsubtle-disabled';
+export const strokeCardSelectedRaw = '--smtc-stroke-card-selected';
+export const strokeCardOnprimaryRestRaw = '--smtc-stroke-card-onprimary-rest';
+export const strokeCardOnprimaryHoverRaw = '--smtc-stroke-card-onprimary-hover';
+export const strokeCardOnprimaryPressedRaw = '--smtc-stroke-card-onprimary-pressed';
+export const strokeCardOnprimaryDisabledRaw = '--smtc-stroke-card-onprimary-disabled';
+export const strokeCardOnsecondaryRestRaw = '--smtc-stroke-card-onsecondary-rest';
+export const strokeCardOnsecondaryHoverRaw = '--smtc-stroke-card-onsecondary-hover';
+export const strokeCardOnsecondaryPressedRaw = '--smtc-stroke-card-onsecondary-pressed';
+export const strokeCardOnsecondaryDisabledRaw = '--smtc-stroke-card-onsecondary-disabled';
+export const backgroundCtrlOutlineRestRaw = '--smtc-background-ctrl-outline-rest';
+export const backgroundCtrlOutlineHoverRaw = '--smtc-background-ctrl-outline-hover';
+export const backgroundCtrlOutlinePressedRaw = '--smtc-background-ctrl-outline-pressed';
+export const backgroundCtrlOutlineDisabledRaw = '--smtc-background-ctrl-outline-disabled';
+export const backgroundCtrlSubtleRestRaw = '--smtc-background-ctrl-subtle-rest';
+export const backgroundCtrlSubtleDisabledRaw = '--smtc-background-ctrl-subtle-disabled';
+export const backgroundCtrlSubtleHoversplitRaw = '--smtc-background-ctrl-subtle-hoversplit';
+export const foregroundCtrlHintDefaultRaw = '--smtc-foreground-ctrl-hint-default';
+export const shadowCardRestKeyXRaw = '--smtc-shadow-card-rest-key-x';
+export const shadowCardRestKeyYRaw = '--smtc-shadow-card-rest-key-y';
+export const shadowCardRestKeyBlurRaw = '--smtc-shadow-card-rest-key-blur';
+export const shadowCardRestKeyColorRaw = '--smtc-shadow-card-rest-key-color';
+export const shadowCardHoverKeyXRaw = '--smtc-shadow-card-hover-key-x';
+export const shadowCardHoverKeyYRaw = '--smtc-shadow-card-hover-key-y';
+export const shadowCardHoverKeyBlurRaw = '--smtc-shadow-card-hover-key-blur';
+export const shadowCardHoverKeyColorRaw = '--smtc-shadow-card-hover-key-color';
+export const shadowCardPressedKeyXRaw = '--smtc-shadow-card-pressed-key-x';
+export const shadowCardPressedKeyYRaw = '--smtc-shadow-card-pressed-key-y';
+export const shadowCardPressedKeyBlurRaw = '--smtc-shadow-card-pressed-key-blur';
+export const shadowCardPressedKeyColorRaw = '--smtc-shadow-card-pressed-key-color';
+export const shadowCardDisabledKeyXRaw = '--smtc-shadow-card-disabled-key-x';
+export const shadowCardDisabledKeyYRaw = '--smtc-shadow-card-disabled-key-y';
+export const shadowCardDisabledKeyBlurRaw = '--smtc-shadow-card-disabled-key-blur';
+export const shadowCardDisabledKeyColorRaw = '--smtc-shadow-card-disabled-key-color';
+export const shadowCardRestAmbientXRaw = '--smtc-shadow-card-rest-ambient-x';
+export const shadowCardRestAmbientYRaw = '--smtc-shadow-card-rest-ambient-y';
+export const shadowCardRestAmbientBlurRaw = '--smtc-shadow-card-rest-ambient-blur';
+export const shadowCardRestAmbientColorRaw = '--smtc-shadow-card-rest-ambient-color';
+export const shadowLayerKeyXRaw = '--smtc-shadow-layer-key-x';
+export const shadowLayerKeyYRaw = '--smtc-shadow-layer-key-y';
+export const shadowLayerKeyBlurRaw = '--smtc-shadow-layer-key-blur';
+export const shadowLayerKeyColorRaw = '--smtc-shadow-layer-key-color';
+export const shadowLayerAmbientXRaw = '--smtc-shadow-layer-ambient-x';
+export const shadowLayerAmbientYRaw = '--smtc-shadow-layer-ambient-y';
+export const shadowLayerAmbientBlurRaw = '--smtc-shadow-layer-ambient-blur';
+export const shadowLayerAmbientColorRaw = '--smtc-shadow-layer-ambient-color';
diff --git a/packages/semantic-tokens/src/optional/tokens.ts b/packages/semantic-tokens/src/optional/tokens.ts
new file mode 100644
index 0000000000000..b93fae09ca414
--- /dev/null
+++ b/packages/semantic-tokens/src/optional/tokens.ts
@@ -0,0 +1,623 @@
+import {
+  backgroundCardOnprimaryDefaultRestRaw,
+  backgroundCardOnsecondaryDefaultRestRaw,
+  backgroundCtrlBrandDisabledRaw,
+  backgroundCtrlBrandHoverRaw,
+  backgroundCtrlBrandPressedRaw,
+  backgroundCtrlBrandRestRaw,
+  backgroundLayerPrimarySolidRaw,
+  cornerCardRestRaw,
+  cornerCtrlLgRestRaw,
+  cornerCtrlRestRaw,
+  cornerCtrlSmRestRaw,
+  cornerFlyoutRestRaw,
+  cornerZeroRaw,
+  foregroundCtrlBrandDisabledRaw,
+  foregroundCtrlBrandHoverRaw,
+  foregroundCtrlBrandPressedRaw,
+  foregroundCtrlBrandRestRaw,
+  foregroundCtrlNeutralPrimaryDisabledRaw,
+  foregroundCtrlNeutralPrimaryRestRaw,
+  foregroundCtrlNeutralSecondaryDisabledRaw,
+  foregroundCtrlNeutralSecondaryRestRaw,
+  foregroundCtrlOnbrandDisabledRaw,
+  foregroundCtrlOnbrandRestRaw,
+  gapBetweenContentMediumRaw,
+  gapBetweenContentXsmallRaw,
+  gapBetweenContentXxsmallRaw,
+  iconthemeCtrlDefaultRestRaw,
+  iconthemeCtrlDefaultSelectedRaw,
+  paddingContentAlignDefaultRaw,
+  paddingContentAlignOutdentTextonsubtleRaw,
+  paddingContentXsmallRaw,
+  paddingContentXxsmallRaw,
+  paddingCtrlLgTexttopRaw,
+  paddingCtrlLgTonestedcontrolRaw,
+  paddingCtrlSmTexttopRaw,
+  paddingCtrlSmTonestedcontrolRaw,
+  paddingCtrlTexttopRaw,
+  paddingCtrlTonestedcontrolRaw,
+  shadowFlyoutAmbientBlurRaw,
+  shadowFlyoutAmbientColorRaw,
+  shadowFlyoutAmbientXRaw,
+  shadowFlyoutAmbientYRaw,
+  shadowFlyoutKeyBlurRaw,
+  shadowFlyoutKeyColorRaw,
+  shadowFlyoutKeyXRaw,
+  shadowFlyoutKeyYRaw,
+  shadowWindowActiveKeyBlurRaw,
+  shadowWindowActiveKeyColorRaw,
+  shadowWindowActiveKeyXRaw,
+  shadowWindowActiveKeyYRaw,
+  statusDangerBackgroundRaw,
+  statusImportantBackgroundRaw,
+  statusInformativeBackgroundRaw,
+  statusNeutralBackgroundRaw,
+  statusSuccessBackgroundRaw,
+  statusWarningBackgroundRaw,
+  strokeCtrlDividerOnbrandRaw,
+  strokeCtrlDividerOnneutralRaw,
+  strokeCtrlDividerOnoutlineRaw,
+  strokeCtrlOnoutlineDisabledRaw,
+  strokeCtrlOnoutlineHoverRaw,
+  strokeCtrlOnoutlinePressedRaw,
+  strokeCtrlOnoutlineRestRaw,
+  strokeDividerDefaultRaw,
+  strokewidthDefaultRaw,
+  strokeWindowActiveRaw,
+  textCtrlWeightSelectedRaw,
+  textGlobalBody1FontsizeRaw,
+  textGlobalBody1LineheightRaw,
+  textGlobalBody2FontsizeRaw,
+  textGlobalBody2LineheightRaw,
+  textGlobalBody3FontsizeRaw,
+  textGlobalBody3LineheightRaw,
+  textGlobalCaption1FontsizeRaw,
+  textGlobalCaption1LineheightRaw,
+  textGlobalCaption2FontsizeRaw,
+  textGlobalCaption2LineheightRaw,
+  textGlobalSubtitle1FontsizeRaw,
+  textGlobalSubtitle1LineheightRaw,
+  textGlobalSubtitle2FontsizeRaw,
+  textGlobalSubtitle2LineheightRaw,
+  textGlobalTitle1FontsizeRaw,
+  textGlobalTitle1LineheightRaw,
+  textGlobalTitle2FontsizeRaw,
+  textGlobalTitle2LineheightRaw,
+  textStyleDefaultHeaderWeightRaw,
+  textStyleDefaultRegularFontfamilyRaw,
+  textStyleDefaultRegularLetterspacingRaw,
+  textStyleDefaultRegularWeightRaw,
+} from '../control/variables';
+import {
+  strokeCardOnprimaryRestRaw,
+  strokeCtrlOnbrandDisabledRaw,
+  strokeCtrlOnbrandHoverRaw,
+  strokeCtrlOnbrandPressedRaw,
+  strokeCtrlOnbrandRestRaw,
+  strokeCtrlOnneutralDisabledRaw,
+  strokeCtrlOnneutralHoverRaw,
+  strokeCtrlOnneutralPressedRaw,
+  strokeCtrlOnneutralRestRaw,
+} from '../nullable/variables';
+import {
+  backgroundCardOnprimaryDefaultSelectedRaw,
+  backgroundCardOnsecondaryDefaultSelectedRaw,
+  backgroundCtrlActivebrandDisabledRaw,
+  backgroundCtrlActivebrandHoverRaw,
+  backgroundCtrlActivebrandPressedRaw,
+  backgroundCtrlActivebrandRestRaw,
+  backgroundCtrlShapesafeActivebrandDisabledRaw,
+  backgroundCtrlShapesafeActivebrandRestRaw,
+  backgroundCtrlShapesafeNeutralDisabledRaw,
+  backgroundCtrlShapesafeNeutralHoverRaw,
+  backgroundCtrlShapesafeNeutralPressedRaw,
+  backgroundCtrlShapesafeNeutralRestRaw,
+  backgroundLayerPrimaryStop1Raw,
+  backgroundLayerPrimaryStop2Raw,
+  backgroundLayerPrimaryStop3Raw,
+  backgroundLayerSecondaryRaw,
+  backgroundLayerTertiaryRaw,
+  backgroundToolbarRaw,
+  cornerCardHoverRaw,
+  cornerCardPressedRaw,
+  cornerCtrlHoverRaw,
+  cornerCtrlLgHoverRaw,
+  cornerCtrlLgPressedRaw,
+  cornerCtrlPressedRaw,
+  cornerCtrlSmHoverRaw,
+  cornerCtrlSmPressedRaw,
+  cornerFlyoutHoverRaw,
+  cornerFlyoutPressedRaw,
+  cornerFlyoutShellRestRaw,
+  cornerImageOnpageRaw,
+  cornerLayerIntersectionRaw,
+  cornerToolbarDefaultRaw,
+  foregroundContentBrandPrimaryRaw,
+  foregroundContentNeutralPrimaryRaw,
+  foregroundContentNeutralSecondaryRaw,
+  foregroundCtrlActivebrandDisabledRaw,
+  foregroundCtrlActivebrandHoverRaw,
+  foregroundCtrlActivebrandPressedRaw,
+  foregroundCtrlActivebrandRestRaw,
+  foregroundCtrlIconOnneutralDisabledRaw,
+  foregroundCtrlIconOnneutralHoverRaw,
+  foregroundCtrlIconOnneutralPressedRaw,
+  foregroundCtrlIconOnneutralRestRaw,
+  foregroundCtrlIconOnoutlineDisabledRaw,
+  foregroundCtrlIconOnoutlineHoverRaw,
+  foregroundCtrlIconOnoutlinePressedRaw,
+  foregroundCtrlIconOnoutlineRestRaw,
+  foregroundCtrlIconOnsubtleDisabledRaw,
+  foregroundCtrlIconOnsubtleHoverRaw,
+  foregroundCtrlIconOnsubtlePressedRaw,
+  foregroundCtrlIconOnsubtleRestRaw,
+  foregroundCtrlNeutralPrimaryHoverRaw,
+  foregroundCtrlNeutralPrimaryPressedRaw,
+  foregroundCtrlNeutralSecondaryHoverRaw,
+  foregroundCtrlNeutralSecondaryPressedRaw,
+  foregroundCtrlOnactivebrandDisabledRaw,
+  foregroundCtrlOnactivebrandHoverRaw,
+  foregroundCtrlOnactivebrandPressedRaw,
+  foregroundCtrlOnactivebrandRestRaw,
+  foregroundCtrlOnbrandHoverRaw,
+  foregroundCtrlOnbrandPressedRaw,
+  foregroundCtrlOnoutlineDisabledRaw,
+  foregroundCtrlOnoutlineHoverRaw,
+  foregroundCtrlOnoutlinePressedRaw,
+  foregroundCtrlOnoutlineRestRaw,
+  foregroundCtrlOnsubtleDisabledRaw,
+  foregroundCtrlOnsubtleHoverRaw,
+  foregroundCtrlOnsubtlePressedRaw,
+  foregroundCtrlOnsubtleRestRaw,
+  foregroundCtrlOntransparentDisabledRaw,
+  foregroundCtrlOntransparentHoverRaw,
+  foregroundCtrlOntransparentPressedRaw,
+  foregroundCtrlOntransparentRestRaw,
+  gapBetweenCtrlLgNestedRaw,
+  gapBetweenCtrlNestedRaw,
+  gapBetweenCtrlSmNestedRaw,
+  gapCardRaw,
+  gapListRaw,
+  gapTextLargeRaw,
+  gapTextSmallRaw,
+  iconthemeCtrlChevronDefaultRaw,
+  iconthemeCtrlChevronSelectedRaw,
+  iconthemeCtrlDefaultHoverRaw,
+  iconthemeCtrlDefaultPressedRaw,
+  iconthemeCtrlSubtleHoverRaw,
+  iconthemeCtrlSubtlePressedRaw,
+  iconthemeCtrlSubtleRestRaw,
+  iconthemeCtrlSubtleSelectedRaw,
+  materialAcrylicDefaultColorblendRaw,
+  materialAcrylicDefaultLumblendRaw,
+  materialAcrylicDefaultSolidRaw,
+  materialAcrylicShellDefaultColorblendRaw,
+  materialAcrylicShellDefaultLumblendRaw,
+  materialAcrylicShellDefaultSolidRaw,
+  materialMicaDarkerColorblendRaw,
+  materialMicaDarkerLumblendRaw,
+  materialMicaDarkerSolidRaw,
+  materialMicaDefaultColorblendRaw,
+  materialMicaDefaultLumblendRaw,
+  materialMicaDefaultSolidRaw,
+  materialMicaThinColorblendRaw,
+  materialMicaThinLumblendRaw,
+  materialMicaThinSolidRaw,
+  paddingCardNestedimageRaw,
+  paddingCtrlLgTextbottomRaw,
+  paddingCtrlSmTextbottomRaw,
+  paddingCtrlTextbottomRaw,
+  paddingFlyoutDefaultRaw,
+  paddingToolbarInsideRaw,
+  paddingToolbarOutsideRaw,
+  shadowCtrlOndragAmbientBlurRaw,
+  shadowCtrlOndragAmbientColorRaw,
+  shadowCtrlOndragAmbientXRaw,
+  shadowCtrlOndragAmbientYRaw,
+  shadowCtrlOndragKeyBlurRaw,
+  shadowCtrlOndragKeyColorRaw,
+  shadowCtrlOndragKeyXRaw,
+  shadowCtrlOndragKeyYRaw,
+  shadowWindowInactiveKeyBlurRaw,
+  shadowWindowInactiveKeyColorRaw,
+  shadowWindowInactiveKeyXRaw,
+  shadowWindowInactiveKeyYRaw,
+  statusBrandBackgroundRaw,
+  statusBrandForegroundRaw,
+  statusBrandStrokeRaw,
+  statusBrandTintForegroundRaw,
+  statusDangerForegroundRaw,
+  statusDangerStrokeRaw,
+  statusImportantForegroundRaw,
+  statusImportantStrokeRaw,
+  statusInformativeForegroundRaw,
+  statusInformativeStrokeRaw,
+  statusNeutralForegroundRaw,
+  statusNeutralStrokeRaw,
+  statusNeutralTintForegroundRaw,
+  statusSuccessForegroundRaw,
+  statusSuccessStrokeRaw,
+  statusWarningForegroundRaw,
+  statusWarningStrokeRaw,
+  strokeCtrlDividerOnactivebrandDisabledRaw,
+  strokeCtrlDividerOnactivebrandRaw,
+  strokeCtrlDividerOnbrandDisabledRaw,
+  strokeCtrlDividerOnneutralDisabledRaw,
+  strokeCtrlDividerOnoutlineDisabledRaw,
+  strokeCtrlOnactivebrandDisabledRaw,
+  strokeCtrlOnactivebrandDisabledStop2Raw,
+  strokeCtrlOnactivebrandHoverRaw,
+  strokeCtrlOnactivebrandHoverStop2Raw,
+  strokeCtrlOnactivebrandPressedRaw,
+  strokeCtrlOnactivebrandPressedStop2Raw,
+  strokeCtrlOnactivebrandRestRaw,
+  strokeCtrlOnactivebrandRestStop2Raw,
+  strokeCtrlOnbrandDisabledStop2Raw,
+  strokeCtrlOnbrandHoverStop2Raw,
+  strokeCtrlOnbrandPressedStop2Raw,
+  strokeCtrlOnbrandRestStop2Raw,
+  strokeCtrlOnneutralDisabledStop2Raw,
+  strokeCtrlOnneutralHoverStop2Raw,
+  strokeCtrlOnneutralPressedStop2Raw,
+  strokeCtrlOnneutralRestStop2Raw,
+  strokeCtrlOnoutlineDisabledStop2Raw,
+  strokeCtrlOnoutlineHoverStop2Raw,
+  strokeCtrlOnoutlinePressedStop2Raw,
+  strokeCtrlOnoutlineRestStop2Raw,
+  strokeDividerBrandRaw,
+  strokeDividerStrongRaw,
+  strokeDividerSubtleRaw,
+  strokeToolbarRaw,
+  strokewidthCtrlOutlineHoverRaw,
+  strokewidthCtrlOutlinePressedRaw,
+  strokewidthCtrlOutlineRestRaw,
+  strokewidthCtrlOutlineSelectedRaw,
+  strokewidthDividerDefaultRaw,
+  strokewidthDividerStrongRaw,
+  strokewidthWindowDefaultRaw,
+  strokeWindowInactiveRaw,
+  textCtrlButtonWeightDefaultRaw,
+  textCtrlButtonWeightSelectedRaw,
+  textCtrlWeightDefaultRaw,
+  textRampItembodyFontsizeRaw,
+  textRampItembodyLineheightRaw,
+  textRampItemheaderFontsizeRaw,
+  textRampItemheaderLineheightRaw,
+  textRampLegalFontsizeRaw,
+  textRampLegalLineheightRaw,
+  textRampLgItembodyFontsizeRaw,
+  textRampLgItembodyLineheightRaw,
+  textRampLgItemheaderFontsizeRaw,
+  textRampLgItemheaderLineheightRaw,
+  textRampLgLegalFontsizeRaw,
+  textRampLgLegalLineheightRaw,
+  textRampLgMetadataFontsizeRaw,
+  textRampLgMetadataLineheightRaw,
+  textRampLgPageheaderFontsizeRaw,
+  textRampLgPageheaderLineheightRaw,
+  textRampLgReadingbodyFontsizeRaw,
+  textRampLgReadingbodyLineheightRaw,
+  textRampLgSectionheaderFontsizeRaw,
+  textRampLgSectionheaderLineheightRaw,
+  textRampLgSubsectionheaderFontsizeRaw,
+  textRampLgSubsectionheaderLineheightRaw,
+  textRampMetadataFontsizeRaw,
+  textRampMetadataLineheightRaw,
+  textRampPageheaderFontsizeRaw,
+  textRampPageheaderLineheightRaw,
+  textRampReadingbodyFontsizeRaw,
+  textRampReadingbodyLineheightRaw,
+  textRampSectionheaderFontsizeRaw,
+  textRampSectionheaderLineheightRaw,
+  textRampSmItembodyFontsizeRaw,
+  textRampSmItembodyLineheightRaw,
+  textRampSmItemheaderFontsizeRaw,
+  textRampSmItemheaderLineheightRaw,
+  textRampSmLegalFontsizeRaw,
+  textRampSmLegalLineheightRaw,
+  textRampSmMetadataFontsizeRaw,
+  textRampSmMetadataLineheightRaw,
+  textRampSmPageheaderFontsizeRaw,
+  textRampSmPageheaderLineheightRaw,
+  textRampSmReadingbodyFontsizeRaw,
+  textRampSmReadingbodyLineheightRaw,
+  textRampSmSectionheaderFontsizeRaw,
+  textRampSmSectionheaderLineheightRaw,
+  textRampSmSubsectionheaderFontsizeRaw,
+  textRampSmSubsectionheaderLineheightRaw,
+  textRampSubsectionheaderFontsizeRaw,
+  textRampSubsectionheaderLineheightRaw,
+  textStyleAiHeaderFontfamilyRaw,
+  textStyleAiHeaderLetterspacingRaw,
+  textStyleAiHeaderWeightRaw,
+  textStyleAiRegularFontfamilyRaw,
+  textStyleAiRegularLetterspacingRaw,
+  textStyleAiRegularWeightRaw,
+  textStyleArticleHeaderFontfamilyRaw,
+  textStyleArticleHeaderLetterspacingRaw,
+  textStyleArticleHeaderWeightRaw,
+  textStyleArticleRegularFontfamilyRaw,
+  textStyleArticleRegularLetterspacingRaw,
+  textStyleArticleRegularWeightRaw,
+  textStyleCodeHeaderFontfamilyRaw,
+  textStyleCodeHeaderLetterspacingRaw,
+  textStyleCodeHeaderWeightRaw,
+  textStyleCodeRegularFontfamilyRaw,
+  textStyleCodeRegularLetterspacingRaw,
+  textStyleCodeRegularWeightRaw,
+  textStyleDatavizHeaderFontfamilyRaw,
+  textStyleDatavizHeaderLetterspacingRaw,
+  textStyleDatavizHeaderWeightRaw,
+  textStyleDatavizRegularFontfamilyRaw,
+  textStyleDatavizRegularLetterspacingRaw,
+  textStyleDatavizRegularWeightRaw,
+  textStyleDefaultHeaderFontfamilyRaw,
+  textStyleDefaultHeaderLetterspacingRaw,
+  textStyleQuoteHeaderFontfamilyRaw,
+  textStyleQuoteHeaderLetterspacingRaw,
+  textStyleQuoteHeaderWeightRaw,
+  textStyleQuoteRegularFontfamilyRaw,
+  textStyleQuoteRegularLetterspacingRaw,
+  textStyleQuoteRegularWeightRaw,
+} from './variables';
+
+export const textStyleDefaultHeaderFontfamily = `var(${textStyleDefaultHeaderFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`;
+export const textStyleDefaultHeaderLetterspacing = `var(${textStyleDefaultHeaderLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`;
+export const textStyleAiRegularFontfamily = `var(${textStyleAiRegularFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`;
+export const textStyleAiRegularWeight = `var(${textStyleAiRegularWeightRaw}, var(${textStyleDefaultRegularWeightRaw}))`;
+export const textStyleAiRegularLetterspacing = `var(${textStyleAiRegularLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`;
+export const textStyleAiHeaderFontfamily = `var(${textStyleAiHeaderFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`;
+export const textStyleAiHeaderWeight = `var(${textStyleAiHeaderWeightRaw}, var(${textStyleDefaultHeaderWeightRaw}))`;
+export const textStyleAiHeaderLetterspacing = `var(${textStyleAiHeaderLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`;
+export const textStyleArticleRegularFontfamily = `var(${textStyleArticleRegularFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`;
+export const textStyleArticleRegularWeight = `var(${textStyleArticleRegularWeightRaw}, var(${textStyleDefaultRegularWeightRaw}))`;
+export const textStyleArticleRegularLetterspacing = `var(${textStyleArticleRegularLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`;
+export const textStyleArticleHeaderFontfamily = `var(${textStyleArticleHeaderFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`;
+export const textStyleArticleHeaderWeight = `var(${textStyleArticleHeaderWeightRaw}, var(${textStyleDefaultHeaderWeightRaw}))`;
+export const textStyleArticleHeaderLetterspacing = `var(${textStyleArticleHeaderLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`;
+export const textStyleCodeRegularFontfamily = `var(${textStyleCodeRegularFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`;
+export const textStyleCodeRegularWeight = `var(${textStyleCodeRegularWeightRaw}, var(${textStyleDefaultRegularWeightRaw}))`;
+export const textStyleCodeRegularLetterspacing = `var(${textStyleCodeRegularLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`;
+export const textStyleCodeHeaderFontfamily = `var(${textStyleCodeHeaderFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`;
+export const textStyleCodeHeaderWeight = `var(${textStyleCodeHeaderWeightRaw}, var(${textStyleDefaultHeaderWeightRaw}))`;
+export const textStyleCodeHeaderLetterspacing = `var(${textStyleCodeHeaderLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`;
+export const textStyleDatavizRegularFontfamily = `var(${textStyleDatavizRegularFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`;
+export const textStyleDatavizRegularWeight = `var(${textStyleDatavizRegularWeightRaw}, var(${textStyleDefaultRegularWeightRaw}))`;
+export const textStyleDatavizRegularLetterspacing = `var(${textStyleDatavizRegularLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`;
+export const textStyleDatavizHeaderFontfamily = `var(${textStyleDatavizHeaderFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`;
+export const textStyleDatavizHeaderWeight = `var(${textStyleDatavizHeaderWeightRaw}, var(${textStyleDefaultHeaderWeightRaw}))`;
+export const textStyleDatavizHeaderLetterspacing = `var(${textStyleDatavizHeaderLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`;
+export const textStyleQuoteRegularFontfamily = `var(${textStyleQuoteRegularFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`;
+export const textStyleQuoteRegularWeight = `var(${textStyleQuoteRegularWeightRaw}, var(${textStyleDefaultRegularWeightRaw}))`;
+export const textStyleQuoteRegularLetterspacing = `var(${textStyleQuoteRegularLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`;
+export const textStyleQuoteHeaderFontfamily = `var(${textStyleQuoteHeaderFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`;
+export const textStyleQuoteHeaderWeight = `var(${textStyleQuoteHeaderWeightRaw}, var(${textStyleDefaultHeaderWeightRaw}))`;
+export const textStyleQuoteHeaderLetterspacing = `var(${textStyleQuoteHeaderLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`;
+export const textRampPageheaderFontsize = `var(${textRampPageheaderFontsizeRaw}, var(${textGlobalTitle2FontsizeRaw}))`;
+export const textRampPageheaderLineheight = `var(${textRampPageheaderLineheightRaw}, var(${textGlobalTitle2LineheightRaw}))`;
+export const textRampSectionheaderFontsize = `var(${textRampSectionheaderFontsizeRaw}, var(${textGlobalSubtitle1FontsizeRaw}))`;
+export const textRampSectionheaderLineheight = `var(${textRampSectionheaderLineheightRaw}, var(${textGlobalSubtitle1LineheightRaw}))`;
+export const textRampSubsectionheaderFontsize = `var(${textRampSubsectionheaderFontsizeRaw}, var(${textGlobalSubtitle2FontsizeRaw}))`;
+export const textRampSubsectionheaderLineheight = `var(${textRampSubsectionheaderLineheightRaw}, var(${textGlobalSubtitle2LineheightRaw}))`;
+export const textRampReadingbodyFontsize = `var(${textRampReadingbodyFontsizeRaw}, var(${textGlobalBody2FontsizeRaw}))`;
+export const textRampReadingbodyLineheight = `var(${textRampReadingbodyLineheightRaw}, var(${textGlobalBody2LineheightRaw}))`;
+export const textRampItemheaderFontsize = `var(${textRampItemheaderFontsizeRaw}, var(${textGlobalBody2FontsizeRaw}))`;
+export const textRampItemheaderLineheight = `var(${textRampItemheaderLineheightRaw}, var(${textGlobalBody2LineheightRaw}))`;
+export const textRampItembodyFontsize = `var(${textRampItembodyFontsizeRaw}, var(${textGlobalBody3FontsizeRaw}))`;
+export const textRampItembodyLineheight = `var(${textRampItembodyLineheightRaw}, var(${textGlobalBody3LineheightRaw}))`;
+export const textRampMetadataFontsize = `var(${textRampMetadataFontsizeRaw}, var(${textGlobalCaption1FontsizeRaw}))`;
+export const textRampMetadataLineheight = `var(${textRampMetadataLineheightRaw}, var(${textGlobalCaption1LineheightRaw}))`;
+export const textRampLegalFontsize = `var(${textRampLegalFontsizeRaw}, var(${textGlobalCaption2FontsizeRaw}))`;
+export const textRampLegalLineheight = `var(${textRampLegalLineheightRaw}, var(${textGlobalCaption2LineheightRaw}))`;
+export const textRampSmPageheaderFontsize = `var(${textRampSmPageheaderFontsizeRaw}, var(${textGlobalSubtitle1FontsizeRaw}))`;
+export const textRampSmPageheaderLineheight = `var(${textRampSmPageheaderLineheightRaw}, var(${textGlobalSubtitle1LineheightRaw}))`;
+export const textRampSmSectionheaderFontsize = `var(${textRampSmSectionheaderFontsizeRaw}, var(${textGlobalSubtitle2FontsizeRaw}))`;
+export const textRampSmSectionheaderLineheight = `var(${textRampSmSectionheaderLineheightRaw}, var(${textGlobalSubtitle2LineheightRaw}))`;
+export const textRampSmSubsectionheaderFontsize = `var(${textRampSmSubsectionheaderFontsizeRaw}, var(${textGlobalBody1FontsizeRaw}))`;
+export const textRampSmSubsectionheaderLineheight = `var(${textRampSmSubsectionheaderLineheightRaw}, var(${textGlobalBody1LineheightRaw}))`;
+export const textRampSmReadingbodyFontsize = `var(${textRampSmReadingbodyFontsizeRaw}, var(${textGlobalBody3FontsizeRaw}))`;
+export const textRampSmReadingbodyLineheight = `var(${textRampSmReadingbodyLineheightRaw}, var(${textGlobalBody3LineheightRaw}))`;
+export const textRampSmItemheaderFontsize = `var(${textRampSmItemheaderFontsizeRaw}, var(${textGlobalBody3FontsizeRaw}))`;
+export const textRampSmItemheaderLineheight = `var(${textRampSmItemheaderLineheightRaw}, var(${textGlobalBody3LineheightRaw}))`;
+export const textRampSmItembodyFontsize = `var(${textRampSmItembodyFontsizeRaw}, var(${textGlobalCaption1FontsizeRaw}))`;
+export const textRampSmItembodyLineheight = `var(${textRampSmItembodyLineheightRaw}, var(${textGlobalCaption1LineheightRaw}))`;
+export const textRampSmMetadataFontsize = `var(${textRampSmMetadataFontsizeRaw}, var(${textGlobalCaption1FontsizeRaw}))`;
+export const textRampSmMetadataLineheight = `var(${textRampSmMetadataLineheightRaw}, var(${textGlobalCaption1LineheightRaw}))`;
+export const textRampSmLegalFontsize = `var(${textRampSmLegalFontsizeRaw}, var(${textGlobalCaption2FontsizeRaw}))`;
+export const textRampSmLegalLineheight = `var(${textRampSmLegalLineheightRaw}, var(${textGlobalCaption2LineheightRaw}))`;
+export const textRampLgPageheaderFontsize = `var(${textRampLgPageheaderFontsizeRaw}, var(${textGlobalTitle1FontsizeRaw}))`;
+export const textRampLgPageheaderLineheight = `var(${textRampLgPageheaderLineheightRaw}, var(${textGlobalTitle1LineheightRaw}))`;
+export const textRampLgSectionheaderFontsize = `var(${textRampLgSectionheaderFontsizeRaw}, var(${textGlobalTitle2FontsizeRaw}))`;
+export const textRampLgSectionheaderLineheight = `var(${textRampLgSectionheaderLineheightRaw}, var(${textGlobalTitle2LineheightRaw}))`;
+export const textRampLgSubsectionheaderFontsize = `var(${textRampLgSubsectionheaderFontsizeRaw}, var(${textGlobalSubtitle1FontsizeRaw}))`;
+export const textRampLgSubsectionheaderLineheight = `var(${textRampLgSubsectionheaderLineheightRaw}, var(${textGlobalSubtitle1LineheightRaw}))`;
+export const textRampLgReadingbodyFontsize = `var(${textRampLgReadingbodyFontsizeRaw}, var(${textGlobalBody1FontsizeRaw}))`;
+export const textRampLgReadingbodyLineheight = `var(${textRampLgReadingbodyLineheightRaw}, var(${textGlobalBody1LineheightRaw}))`;
+export const textRampLgItemheaderFontsize = `var(${textRampLgItemheaderFontsizeRaw}, var(${textGlobalSubtitle2FontsizeRaw}))`;
+export const textRampLgItemheaderLineheight = `var(${textRampLgItemheaderLineheightRaw}, var(${textGlobalSubtitle2LineheightRaw}))`;
+export const textRampLgItembodyFontsize = `var(${textRampLgItembodyFontsizeRaw}, var(${textGlobalBody2FontsizeRaw}))`;
+export const textRampLgItembodyLineheight = `var(${textRampLgItembodyLineheightRaw}, var(${textGlobalBody2LineheightRaw}))`;
+export const textRampLgMetadataFontsize = `var(${textRampLgMetadataFontsizeRaw}, var(${textGlobalBody3FontsizeRaw}))`;
+export const textRampLgMetadataLineheight = `var(${textRampLgMetadataLineheightRaw}, var(${textGlobalBody3LineheightRaw}))`;
+export const textRampLgLegalFontsize = `var(${textRampLgLegalFontsizeRaw}, var(${textGlobalCaption1FontsizeRaw}))`;
+export const textRampLgLegalLineheight = `var(${textRampLgLegalLineheightRaw}, var(${textGlobalCaption1LineheightRaw}))`;
+export const textCtrlWeightDefault = `var(${textCtrlWeightDefaultRaw}, var(${textStyleDefaultRegularWeightRaw}))`;
+export const textCtrlButtonWeightDefault = `var(${textCtrlButtonWeightDefaultRaw}, var(${textStyleDefaultRegularWeightRaw}))`;
+export const textCtrlButtonWeightSelected = `var(${textCtrlButtonWeightSelectedRaw}, var(${textCtrlWeightSelectedRaw}))`;
+export const paddingToolbarInside = `var(${paddingToolbarInsideRaw}, var(${paddingContentXsmallRaw}))`;
+export const paddingToolbarOutside = `var(${paddingToolbarOutsideRaw}, var(${paddingContentXxsmallRaw}))`;
+export const paddingFlyoutDefault = `var(${paddingFlyoutDefaultRaw}, var(${paddingContentAlignOutdentTextonsubtleRaw}))`;
+export const paddingCardNestedimage = `var(${paddingCardNestedimageRaw}, var(${paddingContentAlignDefaultRaw}))`;
+export const paddingCtrlTextbottom = `var(${paddingCtrlTextbottomRaw}, var(${paddingCtrlTexttopRaw}))`;
+export const paddingCtrlSmTextbottom = `var(${paddingCtrlSmTextbottomRaw}, var(${paddingCtrlSmTexttopRaw}))`;
+export const paddingCtrlLgTextbottom = `var(${paddingCtrlLgTextbottomRaw}, var(${paddingCtrlLgTexttopRaw}))`;
+export const gapBetweenCtrlNested = `var(${gapBetweenCtrlNestedRaw}, var(${paddingCtrlTonestedcontrolRaw}))`;
+export const gapTextSmall = `var(${gapTextSmallRaw}, var(${gapBetweenContentXxsmallRaw}))`;
+export const gapTextLarge = `var(${gapTextLargeRaw}, var(${gapBetweenContentXsmallRaw}))`;
+export const gapBetweenCtrlLgNested = `var(${gapBetweenCtrlLgNestedRaw}, var(${paddingCtrlLgTonestedcontrolRaw}))`;
+export const gapBetweenCtrlSmNested = `var(${gapBetweenCtrlSmNestedRaw}, var(${paddingCtrlSmTonestedcontrolRaw}))`;
+export const gapList = `var(${gapListRaw}, var(${gapBetweenContentXxsmallRaw}))`;
+export const gapCard = `var(${gapCardRaw}, var(${gapBetweenContentMediumRaw}))`;
+export const strokewidthDividerDefault = `var(${strokewidthDividerDefaultRaw}, var(${strokewidthDefaultRaw}))`;
+export const strokewidthDividerStrong = `var(${strokewidthDividerStrongRaw}, var(${strokewidthDefaultRaw}))`;
+export const strokewidthCtrlOutlineRest = `var(${strokewidthCtrlOutlineRestRaw}, var(${strokewidthDefaultRaw}))`;
+export const strokewidthCtrlOutlineHover = `var(${strokewidthCtrlOutlineHoverRaw}, var(${strokewidthDefaultRaw}))`;
+export const strokewidthCtrlOutlinePressed = `var(${strokewidthCtrlOutlinePressedRaw}, var(${strokewidthDefaultRaw}))`;
+export const strokewidthCtrlOutlineSelected = `var(${strokewidthCtrlOutlineSelectedRaw}, var(${strokewidthDefaultRaw}))`;
+export const strokewidthWindowDefault = `var(${strokewidthWindowDefaultRaw}, var(${strokewidthDefaultRaw}))`;
+export const backgroundToolbar = `var(${backgroundToolbarRaw}, var(${backgroundCardOnprimaryDefaultRestRaw}))`;
+export const strokeToolbar = `var(${strokeToolbarRaw}, var(${strokeCardOnprimaryRestRaw}))`;
+export const strokeCtrlOnbrandRestStop2 = `var(${strokeCtrlOnbrandRestStop2Raw}, var(${strokeCtrlOnbrandRestRaw}))`;
+export const strokeCtrlOnbrandHoverStop2 = `var(${strokeCtrlOnbrandHoverStop2Raw}, var(${strokeCtrlOnbrandHoverRaw}))`;
+export const strokeCtrlOnbrandPressedStop2 = `var(${strokeCtrlOnbrandPressedStop2Raw}, var(${strokeCtrlOnbrandPressedRaw}))`;
+export const strokeCtrlOnbrandDisabledStop2 = `var(${strokeCtrlOnbrandDisabledStop2Raw}, var(${strokeCtrlOnbrandDisabledRaw}))`;
+export const strokeCtrlOnneutralRestStop2 = `var(${strokeCtrlOnneutralRestStop2Raw}, var(${strokeCtrlOnneutralRestRaw}))`;
+export const strokeCtrlOnneutralHoverStop2 = `var(${strokeCtrlOnneutralHoverStop2Raw}, var(${strokeCtrlOnneutralPressedRaw}))`;
+export const strokeCtrlOnneutralPressedStop2 = `var(${strokeCtrlOnneutralPressedStop2Raw}, var(${strokeCtrlOnneutralHoverRaw}))`;
+export const strokeCtrlOnneutralDisabledStop2 = `var(${strokeCtrlOnneutralDisabledStop2Raw}, var(${strokeCtrlOnneutralDisabledRaw}))`;
+export const strokeCtrlOnoutlineRestStop2 = `var(${strokeCtrlOnoutlineRestStop2Raw}, var(${strokeCtrlOnoutlineRestRaw}))`;
+export const strokeCtrlOnoutlineHoverStop2 = `var(${strokeCtrlOnoutlineHoverStop2Raw}, var(${strokeCtrlOnoutlineHoverRaw}))`;
+export const strokeCtrlOnoutlinePressedStop2 = `var(${strokeCtrlOnoutlinePressedStop2Raw}, var(${strokeCtrlOnoutlinePressedRaw}))`;
+export const strokeCtrlOnoutlineDisabledStop2 = `var(${strokeCtrlOnoutlineDisabledStop2Raw}, var(${strokeCtrlOnoutlineDisabledRaw}))`;
+export const strokeCtrlOnactivebrandRest = `var(${strokeCtrlOnactivebrandRestRaw}, var(${strokeCtrlOnbrandRestRaw}))`;
+export const strokeCtrlDividerOnbrandDisabled = `var(${strokeCtrlDividerOnbrandDisabledRaw}, var(${strokeCtrlDividerOnbrandRaw}))`;
+export const strokeCtrlDividerOnneutralDisabled = `var(${strokeCtrlDividerOnneutralDisabledRaw}, var(${strokeCtrlDividerOnneutralRaw}))`;
+export const strokeCtrlDividerOnoutlineDisabled = `var(${strokeCtrlDividerOnoutlineDisabledRaw}, var(${strokeCtrlDividerOnoutlineRaw}))`;
+export const strokeCtrlDividerOnactivebrand = `var(${strokeCtrlDividerOnactivebrandRaw}, var(${strokeCtrlDividerOnbrandRaw}))`;
+export const strokeCtrlDividerOnactivebrandDisabled = `var(${strokeCtrlDividerOnactivebrandDisabledRaw}, var(${strokeCtrlDividerOnbrandRaw}))`;
+export const strokeCtrlOnactivebrandHover = `var(${strokeCtrlOnactivebrandHoverRaw}, var(${strokeCtrlOnbrandHoverRaw}))`;
+export const strokeCtrlOnactivebrandPressed = `var(${strokeCtrlOnactivebrandPressedRaw}, var(${strokeCtrlOnbrandPressedRaw}))`;
+export const strokeCtrlOnactivebrandDisabled = `var(${strokeCtrlOnactivebrandDisabledRaw}, var(${strokeCtrlOnbrandDisabledRaw}))`;
+export const strokeCtrlOnactivebrandRestStop2 = `var(${strokeCtrlOnactivebrandRestStop2Raw}, var(${strokeCtrlOnbrandRestRaw}))`;
+export const strokeCtrlOnactivebrandHoverStop2 = `var(${strokeCtrlOnactivebrandHoverStop2Raw}, var(${strokeCtrlOnbrandRestRaw}))`;
+export const strokeCtrlOnactivebrandPressedStop2 = `var(${strokeCtrlOnactivebrandPressedStop2Raw}, var(${strokeCtrlOnbrandPressedRaw}))`;
+export const strokeCtrlOnactivebrandDisabledStop2 = `var(${strokeCtrlOnactivebrandDisabledStop2Raw}, var(${strokeCtrlOnbrandDisabledRaw}))`;
+export const strokeDividerSubtle = `var(${strokeDividerSubtleRaw}, var(${strokeDividerDefaultRaw}))`;
+export const strokeDividerStrong = `var(${strokeDividerStrongRaw}, var(${strokeDividerDefaultRaw}))`;
+export const strokeDividerBrand = `var(${strokeDividerBrandRaw}, var(${backgroundCtrlBrandRestRaw}))`;
+export const strokeWindowInactive = `var(${strokeWindowInactiveRaw}, var(${strokeWindowActiveRaw}))`;
+export const backgroundLayerPrimaryStop1 = `var(${backgroundLayerPrimaryStop1Raw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const backgroundLayerPrimaryStop2 = `var(${backgroundLayerPrimaryStop2Raw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const backgroundLayerPrimaryStop3 = `var(${backgroundLayerPrimaryStop3Raw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const backgroundLayerSecondary = `var(${backgroundLayerSecondaryRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const backgroundLayerTertiary = `var(${backgroundLayerTertiaryRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const backgroundCardOnprimaryDefaultSelected = `var(${backgroundCardOnprimaryDefaultSelectedRaw}, var(${backgroundCardOnprimaryDefaultRestRaw}))`;
+export const backgroundCtrlActivebrandRest = `var(${backgroundCtrlActivebrandRestRaw}, var(${backgroundCtrlBrandRestRaw}))`;
+export const backgroundCtrlActivebrandHover = `var(${backgroundCtrlActivebrandHoverRaw}, var(${backgroundCtrlBrandHoverRaw}))`;
+export const backgroundCtrlActivebrandPressed = `var(${backgroundCtrlActivebrandPressedRaw}, var(${backgroundCtrlBrandPressedRaw}))`;
+export const backgroundCtrlActivebrandDisabled = `var(${backgroundCtrlActivebrandDisabledRaw}, var(${backgroundCtrlBrandDisabledRaw}))`;
+export const backgroundCtrlShapesafeActivebrandRest = `var(${backgroundCtrlShapesafeActivebrandRestRaw}, var(${backgroundCtrlBrandRestRaw}))`;
+export const backgroundCtrlShapesafeActivebrandDisabled = `var(${backgroundCtrlShapesafeActivebrandDisabledRaw}, var(${backgroundCtrlBrandDisabledRaw}))`;
+export const backgroundCtrlShapesafeNeutralRest = `var(${backgroundCtrlShapesafeNeutralRestRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`;
+export const backgroundCtrlShapesafeNeutralHover = `var(${backgroundCtrlShapesafeNeutralHoverRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`;
+export const backgroundCtrlShapesafeNeutralPressed = `var(${backgroundCtrlShapesafeNeutralPressedRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`;
+export const backgroundCtrlShapesafeNeutralDisabled = `var(${backgroundCtrlShapesafeNeutralDisabledRaw}, var(${foregroundCtrlNeutralSecondaryDisabledRaw}))`;
+export const cornerFlyoutHover = `var(${cornerFlyoutHoverRaw}, var(${cornerFlyoutRestRaw}))`;
+export const cornerFlyoutPressed = `var(${cornerFlyoutPressedRaw}, var(${cornerFlyoutRestRaw}))`;
+export const cornerLayerIntersection = `var(${cornerLayerIntersectionRaw}, var(${cornerZeroRaw}))`;
+export const cornerCardHover = `var(${cornerCardHoverRaw}, var(${cornerCardRestRaw}))`;
+export const cornerCardPressed = `var(${cornerCardPressedRaw}, var(${cornerCardRestRaw}))`;
+export const cornerToolbarDefault = `var(${cornerToolbarDefaultRaw}, var(${cornerCardRestRaw}))`;
+export const cornerImageOnpage = `var(${cornerImageOnpageRaw}, var(${cornerCardRestRaw}))`;
+export const cornerCtrlHover = `var(${cornerCtrlHoverRaw}, var(${cornerCtrlRestRaw}))`;
+export const cornerCtrlPressed = `var(${cornerCtrlPressedRaw}, var(${cornerCtrlRestRaw}))`;
+export const cornerCtrlSmHover = `var(${cornerCtrlSmHoverRaw}, var(${cornerCtrlSmRestRaw}))`;
+export const cornerCtrlSmPressed = `var(${cornerCtrlSmPressedRaw}, var(${cornerCtrlSmRestRaw}))`;
+export const cornerCtrlLgHover = `var(${cornerCtrlLgHoverRaw}, var(${cornerCtrlLgRestRaw}))`;
+export const cornerCtrlLgPressed = `var(${cornerCtrlLgPressedRaw}, var(${cornerCtrlLgRestRaw}))`;
+export const foregroundContentNeutralPrimary = `var(${foregroundContentNeutralPrimaryRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundContentNeutralSecondary = `var(${foregroundContentNeutralSecondaryRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`;
+export const foregroundContentBrandPrimary = `var(${foregroundContentBrandPrimaryRaw}, var(${foregroundCtrlBrandRestRaw}))`;
+export const foregroundCtrlNeutralPrimaryHover = `var(${foregroundCtrlNeutralPrimaryHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundCtrlNeutralPrimaryPressed = `var(${foregroundCtrlNeutralPrimaryPressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundCtrlNeutralSecondaryHover = `var(${foregroundCtrlNeutralSecondaryHoverRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`;
+export const foregroundCtrlNeutralSecondaryPressed = `var(${foregroundCtrlNeutralSecondaryPressedRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`;
+export const foregroundCtrlIconOnneutralRest = `var(${foregroundCtrlIconOnneutralRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundCtrlIconOnneutralHover = `var(${foregroundCtrlIconOnneutralHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundCtrlIconOnneutralPressed = `var(${foregroundCtrlIconOnneutralPressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundCtrlIconOnneutralDisabled = `var(${foregroundCtrlIconOnneutralDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`;
+export const foregroundCtrlIconOnoutlineRest = `var(${foregroundCtrlIconOnoutlineRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundCtrlIconOnoutlineHover = `var(${foregroundCtrlIconOnoutlineHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundCtrlIconOnoutlinePressed = `var(${foregroundCtrlIconOnoutlinePressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundCtrlIconOnoutlineDisabled = `var(${foregroundCtrlIconOnoutlineDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`;
+export const foregroundCtrlIconOnsubtleRest = `var(${foregroundCtrlIconOnsubtleRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundCtrlIconOnsubtleHover = `var(${foregroundCtrlIconOnsubtleHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundCtrlIconOnsubtlePressed = `var(${foregroundCtrlIconOnsubtlePressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundCtrlIconOnsubtleDisabled = `var(${foregroundCtrlIconOnsubtleDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`;
+export const foregroundCtrlOnbrandHover = `var(${foregroundCtrlOnbrandHoverRaw}, var(${foregroundCtrlOnbrandRestRaw}))`;
+export const foregroundCtrlOnbrandPressed = `var(${foregroundCtrlOnbrandPressedRaw}, var(${foregroundCtrlOnbrandRestRaw}))`;
+export const foregroundCtrlActivebrandRest = `var(${foregroundCtrlActivebrandRestRaw}, var(${foregroundCtrlBrandRestRaw}))`;
+export const foregroundCtrlActivebrandHover = `var(${foregroundCtrlActivebrandHoverRaw}, var(${foregroundCtrlBrandHoverRaw}))`;
+export const foregroundCtrlActivebrandPressed = `var(${foregroundCtrlActivebrandPressedRaw}, var(${foregroundCtrlBrandPressedRaw}))`;
+export const foregroundCtrlActivebrandDisabled = `var(${foregroundCtrlActivebrandDisabledRaw}, var(${foregroundCtrlBrandDisabledRaw}))`;
+export const foregroundCtrlOnactivebrandRest = `var(${foregroundCtrlOnactivebrandRestRaw}, var(${foregroundCtrlOnbrandRestRaw}))`;
+export const foregroundCtrlOnactivebrandHover = `var(${foregroundCtrlOnactivebrandHoverRaw}, var(${foregroundCtrlOnbrandRestRaw}))`;
+export const foregroundCtrlOnactivebrandPressed = `var(${foregroundCtrlOnactivebrandPressedRaw}, var(${foregroundCtrlOnbrandRestRaw}))`;
+export const foregroundCtrlOnactivebrandDisabled = `var(${foregroundCtrlOnactivebrandDisabledRaw}, var(${foregroundCtrlOnbrandDisabledRaw}))`;
+export const foregroundCtrlOnoutlineRest = `var(${foregroundCtrlOnoutlineRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundCtrlOnoutlineHover = `var(${foregroundCtrlOnoutlineHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundCtrlOnoutlinePressed = `var(${foregroundCtrlOnoutlinePressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundCtrlOnoutlineDisabled = `var(${foregroundCtrlOnoutlineDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`;
+export const foregroundCtrlOnsubtleRest = `var(${foregroundCtrlOnsubtleRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundCtrlOnsubtleHover = `var(${foregroundCtrlOnsubtleHoverRaw}, var(${foregroundCtrlNeutralPrimaryHoverRaw}))`;
+export const foregroundCtrlOnsubtlePressed = `var(${foregroundCtrlOnsubtlePressedRaw}, var(${foregroundCtrlNeutralPrimaryPressedRaw}))`;
+export const foregroundCtrlOnsubtleDisabled = `var(${foregroundCtrlOnsubtleDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`;
+export const foregroundCtrlOntransparentRest = `var(${foregroundCtrlOntransparentRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundCtrlOntransparentHover = `var(${foregroundCtrlOntransparentHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundCtrlOntransparentPressed = `var(${foregroundCtrlOntransparentPressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`;
+export const foregroundCtrlOntransparentDisabled = `var(${foregroundCtrlOntransparentDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`;
+export const shadowCtrlOndragKeyY = `var(${shadowCtrlOndragKeyYRaw}, var(${shadowFlyoutKeyYRaw}))`;
+export const shadowCtrlOndragKeyX = `var(${shadowCtrlOndragKeyXRaw}, var(${shadowFlyoutKeyXRaw}))`;
+export const shadowCtrlOndragKeyBlur = `var(${shadowCtrlOndragKeyBlurRaw}, var(${shadowFlyoutKeyBlurRaw}))`;
+export const shadowCtrlOndragKeyColor = `var(${shadowCtrlOndragKeyColorRaw}, var(${shadowFlyoutKeyColorRaw}))`;
+export const shadowCtrlOndragAmbientY = `var(${shadowCtrlOndragAmbientYRaw}, var(${shadowFlyoutAmbientYRaw}))`;
+export const shadowCtrlOndragAmbientX = `var(${shadowCtrlOndragAmbientXRaw}, var(${shadowFlyoutAmbientXRaw}))`;
+export const shadowCtrlOndragAmbientBlur = `var(${shadowCtrlOndragAmbientBlurRaw}, var(${shadowFlyoutAmbientBlurRaw}))`;
+export const shadowCtrlOndragAmbientColor = `var(${shadowCtrlOndragAmbientColorRaw}, var(${shadowFlyoutAmbientColorRaw}))`;
+export const materialAcrylicDefaultSolid = `var(${materialAcrylicDefaultSolidRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const materialAcrylicDefaultColorblend = `var(${materialAcrylicDefaultColorblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const materialAcrylicDefaultLumblend = `var(${materialAcrylicDefaultLumblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const materialMicaDefaultSolid = `var(${materialMicaDefaultSolidRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const materialMicaDefaultColorblend = `var(${materialMicaDefaultColorblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const materialMicaDefaultLumblend = `var(${materialMicaDefaultLumblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const materialMicaDarkerSolid = `var(${materialMicaDarkerSolidRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const materialMicaDarkerColorblend = `var(${materialMicaDarkerColorblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const materialMicaDarkerLumblend = `var(${materialMicaDarkerLumblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const materialMicaThinSolid = `var(${materialMicaThinSolidRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const materialMicaThinColorblend = `var(${materialMicaThinColorblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const materialMicaThinLumblend = `var(${materialMicaThinLumblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const iconthemeCtrlDefaultHover = `var(${iconthemeCtrlDefaultHoverRaw}, var(${iconthemeCtrlDefaultRestRaw}))`;
+export const iconthemeCtrlDefaultPressed = `var(${iconthemeCtrlDefaultPressedRaw}, var(${iconthemeCtrlDefaultRestRaw}))`;
+export const iconthemeCtrlSubtleRest = `var(${iconthemeCtrlSubtleRestRaw}, var(${iconthemeCtrlDefaultRestRaw}))`;
+export const iconthemeCtrlSubtleHover = `var(${iconthemeCtrlSubtleHoverRaw}, var(${iconthemeCtrlDefaultRestRaw}))`;
+export const iconthemeCtrlSubtlePressed = `var(${iconthemeCtrlSubtlePressedRaw}, var(${iconthemeCtrlDefaultRestRaw}))`;
+export const iconthemeCtrlSubtleSelected = `var(${iconthemeCtrlSubtleSelectedRaw}, var(${iconthemeCtrlDefaultSelectedRaw}))`;
+export const iconthemeCtrlChevronDefault = `var(${iconthemeCtrlChevronDefaultRaw}, var(${iconthemeCtrlDefaultRestRaw}))`;
+export const iconthemeCtrlChevronSelected = `var(${iconthemeCtrlChevronSelectedRaw}, var(${iconthemeCtrlDefaultSelectedRaw}))`;
+export const statusBrandBackground = `var(${statusBrandBackgroundRaw}, var(${backgroundCtrlBrandRestRaw}))`;
+export const statusBrandStroke = `var(${statusBrandStrokeRaw}, var(${backgroundCtrlBrandRestRaw}))`;
+export const statusBrandForeground = `var(${statusBrandForegroundRaw}, var(${foregroundCtrlOnbrandRestRaw}))`;
+export const statusBrandTintForeground = `var(${statusBrandTintForegroundRaw}, var(${foregroundCtrlBrandRestRaw}))`;
+export const statusDangerStroke = `var(${statusDangerStrokeRaw}, var(${statusDangerBackgroundRaw}))`;
+export const statusDangerForeground = `var(${statusDangerForegroundRaw}, var(${foregroundCtrlOnbrandRestRaw}))`;
+export const statusWarningStroke = `var(${statusWarningStrokeRaw}, var(${statusWarningBackgroundRaw}))`;
+export const statusWarningForeground = `var(${statusWarningForegroundRaw}, var(${foregroundCtrlOnbrandRestRaw}))`;
+export const statusSuccessStroke = `var(${statusSuccessStrokeRaw}, var(${statusSuccessBackgroundRaw}))`;
+export const statusSuccessForeground = `var(${statusSuccessForegroundRaw}, var(${foregroundCtrlOnbrandRestRaw}))`;
+export const statusImportantStroke = `var(${statusImportantStrokeRaw}, var(${statusImportantBackgroundRaw}))`;
+export const statusImportantForeground = `var(${statusImportantForegroundRaw}, var(${foregroundCtrlOnbrandRestRaw}))`;
+export const statusInformativeStroke = `var(${statusInformativeStrokeRaw}, var(${statusInformativeBackgroundRaw}))`;
+export const statusInformativeForeground = `var(${statusInformativeForegroundRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`;
+export const shadowWindowInactiveKeyX = `var(${shadowWindowInactiveKeyXRaw}, var(${shadowWindowActiveKeyXRaw}))`;
+export const shadowWindowInactiveKeyY = `var(${shadowWindowInactiveKeyYRaw}, var(${shadowWindowActiveKeyYRaw}))`;
+export const shadowWindowInactiveKeyBlur = `var(${shadowWindowInactiveKeyBlurRaw}, var(${shadowWindowActiveKeyBlurRaw}))`;
+export const shadowWindowInactiveKeyColor = `var(${shadowWindowInactiveKeyColorRaw}, var(${shadowWindowActiveKeyColorRaw}))`;
+export const statusNeutralStroke = `var(${statusNeutralStrokeRaw}, var(${statusNeutralBackgroundRaw}))`;
+export const statusNeutralForeground = `var(${statusNeutralForegroundRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`;
+export const statusNeutralTintForeground = `var(${statusNeutralTintForegroundRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`;
+export const cornerFlyoutShellRest = `var(${cornerFlyoutShellRestRaw}, var(${cornerFlyoutRestRaw}))`;
+export const materialAcrylicShellDefaultSolid = `var(${materialAcrylicShellDefaultSolidRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const materialAcrylicShellDefaultColorblend = `var(${materialAcrylicShellDefaultColorblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const materialAcrylicShellDefaultLumblend = `var(${materialAcrylicShellDefaultLumblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const backgroundCardOnsecondaryDefaultSelected = `var(${backgroundCardOnsecondaryDefaultSelectedRaw}, var(${backgroundCardOnsecondaryDefaultRestRaw}))`;
diff --git a/packages/semantic-tokens/src/optional/variables.ts b/packages/semantic-tokens/src/optional/variables.ts
new file mode 100644
index 0000000000000..dac795b93fbcf
--- /dev/null
+++ b/packages/semantic-tokens/src/optional/variables.ts
@@ -0,0 +1,259 @@
+export const textStyleDefaultHeaderFontfamilyRaw = '--smtc-text-style-default-header-fontfamily';
+export const textStyleDefaultHeaderLetterspacingRaw = '--smtc-text-style-default-header-letterspacing';
+export const textStyleAiRegularFontfamilyRaw = '--smtc-text-style-ai-regular-fontfamily';
+export const textStyleAiRegularWeightRaw = '--smtc-text-style-ai-regular-weight';
+export const textStyleAiRegularLetterspacingRaw = '--smtc-text-style-ai-regular-letterspacing';
+export const textStyleAiHeaderFontfamilyRaw = '--smtc-text-style-ai-header-fontfamily';
+export const textStyleAiHeaderWeightRaw = '--smtc-text-style-ai-header-weight';
+export const textStyleAiHeaderLetterspacingRaw = '--smtc-text-style-ai-header-letterspacing';
+export const textStyleArticleRegularFontfamilyRaw = '--smtc-text-style-article-regular-fontfamily';
+export const textStyleArticleRegularWeightRaw = '--smtc-text-style-article-regular-weight';
+export const textStyleArticleRegularLetterspacingRaw = '--smtc-text-style-article-regular-letterspacing';
+export const textStyleArticleHeaderFontfamilyRaw = '--smtc-text-style-article-header-fontfamily';
+export const textStyleArticleHeaderWeightRaw = '--smtc-text-style-article-header-weight';
+export const textStyleArticleHeaderLetterspacingRaw = '--smtc-text-style-article-header-letterspacing';
+export const textStyleCodeRegularFontfamilyRaw = '--smtc-text-style-code-regular-fontfamily';
+export const textStyleCodeRegularWeightRaw = '--smtc-text-style-code-regular-weight';
+export const textStyleCodeRegularLetterspacingRaw = '--smtc-text-style-code-regular-letterspacing';
+export const textStyleCodeHeaderFontfamilyRaw = '--smtc-text-style-code-header-fontfamily';
+export const textStyleCodeHeaderWeightRaw = '--smtc-text-style-code-header-weight';
+export const textStyleCodeHeaderLetterspacingRaw = '--smtc-text-style-code-header-letterspacing';
+export const textStyleDatavizRegularFontfamilyRaw = '--smtc-text-style-dataviz-regular-fontfamily';
+export const textStyleDatavizRegularWeightRaw = '--smtc-text-style-dataviz-regular-weight';
+export const textStyleDatavizRegularLetterspacingRaw = '--smtc-text-style-dataviz-regular-letterspacing';
+export const textStyleDatavizHeaderFontfamilyRaw = '--smtc-text-style-dataviz-header-fontfamily';
+export const textStyleDatavizHeaderWeightRaw = '--smtc-text-style-dataviz-header-weight';
+export const textStyleDatavizHeaderLetterspacingRaw = '--smtc-text-style-dataviz-header-letterspacing';
+export const textStyleQuoteRegularFontfamilyRaw = '--smtc-text-style-quote-regular-fontfamily';
+export const textStyleQuoteRegularWeightRaw = '--smtc-text-style-quote-regular-weight';
+export const textStyleQuoteRegularLetterspacingRaw = '--smtc-text-style-quote-regular-letterspacing';
+export const textStyleQuoteHeaderFontfamilyRaw = '--smtc-text-style-quote-header-fontfamily';
+export const textStyleQuoteHeaderWeightRaw = '--smtc-text-style-quote-header-weight';
+export const textStyleQuoteHeaderLetterspacingRaw = '--smtc-text-style-quote-header-letterspacing';
+export const textRampPageheaderFontsizeRaw = '--smtc-text-ramp-pageheader-fontsize';
+export const textRampPageheaderLineheightRaw = '--smtc-text-ramp-pageheader-lineheight';
+export const textRampSectionheaderFontsizeRaw = '--smtc-text-ramp-sectionheader-fontsize';
+export const textRampSectionheaderLineheightRaw = '--smtc-text-ramp-sectionheader-lineheight';
+export const textRampSubsectionheaderFontsizeRaw = '--smtc-text-ramp-subsectionheader-fontsize';
+export const textRampSubsectionheaderLineheightRaw = '--smtc-text-ramp-subsectionheader-lineheight';
+export const textRampReadingbodyFontsizeRaw = '--smtc-text-ramp-readingbody-fontsize';
+export const textRampReadingbodyLineheightRaw = '--smtc-text-ramp-readingbody-lineheight';
+export const textRampItemheaderFontsizeRaw = '--smtc-text-ramp-itemheader-fontsize';
+export const textRampItemheaderLineheightRaw = '--smtc-text-ramp-itemheader-lineheight';
+export const textRampItembodyFontsizeRaw = '--smtc-text-ramp-itembody-fontsize';
+export const textRampItembodyLineheightRaw = '--smtc-text-ramp-itembody-lineheight';
+export const textRampMetadataFontsizeRaw = '--smtc-text-ramp-metadata-fontsize';
+export const textRampMetadataLineheightRaw = '--smtc-text-ramp-metadata-lineheight';
+export const textRampLegalFontsizeRaw = '--smtc-text-ramp-legal-fontsize';
+export const textRampLegalLineheightRaw = '--smtc-text-ramp-legal-lineheight';
+export const textRampSmPageheaderFontsizeRaw = '--smtc-text-ramp-sm-pageheader-fontsize';
+export const textRampSmPageheaderLineheightRaw = '--smtc-text-ramp-sm-pageheader-lineheight';
+export const textRampSmSectionheaderFontsizeRaw = '--smtc-text-ramp-sm-sectionheader-fontsize';
+export const textRampSmSectionheaderLineheightRaw = '--smtc-text-ramp-sm-sectionheader-lineheight';
+export const textRampSmSubsectionheaderFontsizeRaw = '--smtc-text-ramp-sm-subsectionheader-fontsize';
+export const textRampSmSubsectionheaderLineheightRaw = '--smtc-text-ramp-sm-subsectionheader-lineheight';
+export const textRampSmReadingbodyFontsizeRaw = '--smtc-text-ramp-sm-readingbody-fontsize';
+export const textRampSmReadingbodyLineheightRaw = '--smtc-text-ramp-sm-readingbody-lineheight';
+export const textRampSmItemheaderFontsizeRaw = '--smtc-text-ramp-sm-itemheader-fontsize';
+export const textRampSmItemheaderLineheightRaw = '--smtc-text-ramp-sm-itemheader-lineheight';
+export const textRampSmItembodyFontsizeRaw = '--smtc-text-ramp-sm-itembody-fontsize';
+export const textRampSmItembodyLineheightRaw = '--smtc-text-ramp-sm-itembody-lineheight';
+export const textRampSmMetadataFontsizeRaw = '--smtc-text-ramp-sm-metadata-fontsize';
+export const textRampSmMetadataLineheightRaw = '--smtc-text-ramp-sm-metadata-lineheight';
+export const textRampSmLegalFontsizeRaw = '--smtc-text-ramp-sm-legal-fontsize';
+export const textRampSmLegalLineheightRaw = '--smtc-text-ramp-sm-legal-lineheight';
+export const textRampLgPageheaderFontsizeRaw = '--smtc-text-ramp-lg-pageheader-fontsize';
+export const textRampLgPageheaderLineheightRaw = '--smtc-text-ramp-lg-pageheader-lineheight';
+export const textRampLgSectionheaderFontsizeRaw = '--smtc-text-ramp-lg-sectionheader-fontsize';
+export const textRampLgSectionheaderLineheightRaw = '--smtc-text-ramp-lg-sectionheader-lineheight';
+export const textRampLgSubsectionheaderFontsizeRaw = '--smtc-text-ramp-lg-subsectionheader-fontsize';
+export const textRampLgSubsectionheaderLineheightRaw = '--smtc-text-ramp-lg-subsectionheader-lineheight';
+export const textRampLgReadingbodyFontsizeRaw = '--smtc-text-ramp-lg-readingbody-fontsize';
+export const textRampLgReadingbodyLineheightRaw = '--smtc-text-ramp-lg-readingbody-lineheight';
+export const textRampLgItemheaderFontsizeRaw = '--smtc-text-ramp-lg-itemheader-fontsize';
+export const textRampLgItemheaderLineheightRaw = '--smtc-text-ramp-lg-itemheader-lineheight';
+export const textRampLgItembodyFontsizeRaw = '--smtc-text-ramp-lg-itembody-fontsize';
+export const textRampLgItembodyLineheightRaw = '--smtc-text-ramp-lg-itembody-lineheight';
+export const textRampLgMetadataFontsizeRaw = '--smtc-text-ramp-lg-metadata-fontsize';
+export const textRampLgMetadataLineheightRaw = '--smtc-text-ramp-lg-metadata-lineheight';
+export const textRampLgLegalFontsizeRaw = '--smtc-text-ramp-lg-legal-fontsize';
+export const textRampLgLegalLineheightRaw = '--smtc-text-ramp-lg-legal-lineheight';
+export const textCtrlWeightDefaultRaw = '--smtc-text-ctrl-weight-default';
+export const textCtrlButtonWeightDefaultRaw = '--smtc-text-ctrl-button-weight-default';
+export const textCtrlButtonWeightSelectedRaw = '--smtc-text-ctrl-button-weight-selected';
+export const paddingToolbarInsideRaw = '--smtc-padding-toolbar-inside';
+export const paddingToolbarOutsideRaw = '--smtc-padding-toolbar-outside';
+export const paddingFlyoutDefaultRaw = '--smtc-padding-flyout-default';
+export const paddingCardNestedimageRaw = '--smtc-padding-card-nestedimage';
+export const paddingCtrlTextbottomRaw = '--smtc-padding-ctrl-textbottom';
+export const paddingCtrlSmTextbottomRaw = '--smtc-padding-ctrl-sm-textbottom';
+export const paddingCtrlLgTextbottomRaw = '--smtc-padding-ctrl-lg-textbottom';
+export const gapBetweenCtrlNestedRaw = '--smtc-gap-between-ctrl-nested';
+export const gapTextSmallRaw = '--smtc-gap-text-small';
+export const gapTextLargeRaw = '--smtc-gap-text-large';
+export const gapBetweenCtrlLgNestedRaw = '--smtc-gap-between-ctrl-lg-nested';
+export const gapBetweenCtrlSmNestedRaw = '--smtc-gap-between-ctrl-sm-nested';
+export const gapListRaw = '--smtc-gap-list';
+export const gapCardRaw = '--smtc-gap-card';
+export const strokewidthDividerDefaultRaw = '--smtc-strokewidth-divider-default';
+export const strokewidthDividerStrongRaw = '--smtc-strokewidth-divider-strong';
+export const strokewidthCtrlOutlineRestRaw = '--smtc-strokewidth-ctrl-outline-rest';
+export const strokewidthCtrlOutlineHoverRaw = '--smtc-strokewidth-ctrl-outline-hover';
+export const strokewidthCtrlOutlinePressedRaw = '--smtc-strokewidth-ctrl-outline-pressed';
+export const strokewidthCtrlOutlineSelectedRaw = '--smtc-strokewidth-ctrl-outline-selected';
+export const strokewidthWindowDefaultRaw = '--smtc-strokewidth-window-default';
+export const backgroundToolbarRaw = '--smtc-background-toolbar';
+export const strokeToolbarRaw = '--smtc-stroke-toolbar';
+export const strokeCtrlOnbrandRestStop2Raw = '--smtc-stroke-ctrl-onbrand-reststop2';
+export const strokeCtrlOnbrandHoverStop2Raw = '--smtc-stroke-ctrl-onbrand-hoverstop2';
+export const strokeCtrlOnbrandPressedStop2Raw = '--smtc-stroke-ctrl-onbrand-pressedstop2';
+export const strokeCtrlOnbrandDisabledStop2Raw = '--smtc-stroke-ctrl-onbrand-disabledstop2';
+export const strokeCtrlOnneutralRestStop2Raw = '--smtc-stroke-ctrl-onneutral-reststop2';
+export const strokeCtrlOnneutralHoverStop2Raw = '--smtc-stroke-ctrl-onneutral-hoverstop2';
+export const strokeCtrlOnneutralPressedStop2Raw = '--smtc-stroke-ctrl-onneutral-pressedstop2';
+export const strokeCtrlOnneutralDisabledStop2Raw = '--smtc-stroke-ctrl-onneutral-disabledstop2';
+export const strokeCtrlOnoutlineRestStop2Raw = '--smtc-stroke-ctrl-onoutline-reststop2';
+export const strokeCtrlOnoutlineHoverStop2Raw = '--smtc-stroke-ctrl-onoutline-hoverstop2';
+export const strokeCtrlOnoutlinePressedStop2Raw = '--smtc-stroke-ctrl-onoutline-pressedstop2';
+export const strokeCtrlOnoutlineDisabledStop2Raw = '--smtc-stroke-ctrl-onoutline-disabledstop2';
+export const strokeCtrlOnactivebrandRestRaw = '--smtc-stroke-ctrl-onactivebrand-rest';
+export const strokeCtrlDividerOnbrandDisabledRaw = '--smtc-stroke-ctrl-divider-onbrand-disabled';
+export const strokeCtrlDividerOnneutralDisabledRaw = '--smtc-stroke-ctrl-divider-onneutral-disabled';
+export const strokeCtrlDividerOnoutlineDisabledRaw = '--smtc-stroke-ctrl-divider-onoutline-disabled';
+export const strokeCtrlDividerOnactivebrandRaw = '--smtc-stroke-ctrl-divider-onactivebrand';
+export const strokeCtrlDividerOnactivebrandDisabledRaw = '--smtc-stroke-ctrl-divider-onactivebrand-disabled';
+export const strokeCtrlOnactivebrandHoverRaw = '--smtc-stroke-ctrl-onactivebrand-hover';
+export const strokeCtrlOnactivebrandPressedRaw = '--smtc-stroke-ctrl-onactivebrand-pressed';
+export const strokeCtrlOnactivebrandDisabledRaw = '--smtc-stroke-ctrl-onactivebrand-disabled';
+export const strokeCtrlOnactivebrandRestStop2Raw = '--smtc-stroke-ctrl-onactivebrand-reststop2';
+export const strokeCtrlOnactivebrandHoverStop2Raw = '--smtc-stroke-ctrl-onactivebrand-hoverstop2';
+export const strokeCtrlOnactivebrandPressedStop2Raw = '--smtc-stroke-ctrl-onactivebrand-pressedstop2';
+export const strokeCtrlOnactivebrandDisabledStop2Raw = '--smtc-stroke-ctrl-onactivebrand-disabledstop2';
+export const strokeDividerSubtleRaw = '--smtc-stroke-divider-subtle';
+export const strokeDividerStrongRaw = '--smtc-stroke-divider-strong';
+export const strokeDividerBrandRaw = '--smtc-stroke-divider-brand';
+export const strokeWindowInactiveRaw = '--smtc-stroke-window-inactive';
+export const backgroundLayerPrimaryStop1Raw = '--smtc-background-layer-primarystop1';
+export const backgroundLayerPrimaryStop2Raw = '--smtc-background-layer-primarystop2';
+export const backgroundLayerPrimaryStop3Raw = '--smtc-background-layer-primarystop3';
+export const backgroundLayerSecondaryRaw = '--smtc-background-layer-secondary';
+export const backgroundLayerTertiaryRaw = '--smtc-background-layer-tertiary';
+export const backgroundCardOnprimaryDefaultSelectedRaw = '--smtc-background-card-onprimary-default-selected';
+export const backgroundCtrlActivebrandRestRaw = '--smtc-background-ctrl-activebrand-rest';
+export const backgroundCtrlActivebrandHoverRaw = '--smtc-background-ctrl-activebrand-hover';
+export const backgroundCtrlActivebrandPressedRaw = '--smtc-background-ctrl-activebrand-pressed';
+export const backgroundCtrlActivebrandDisabledRaw = '--smtc-background-ctrl-activebrand-disabled';
+export const backgroundCtrlShapesafeActivebrandRestRaw = '--smtc-background-ctrl-shapesafe-activebrand-rest';
+export const backgroundCtrlShapesafeActivebrandDisabledRaw = '--smtc-background-ctrl-shapesafe-activebrand-disabled';
+export const backgroundCtrlShapesafeNeutralRestRaw = '--smtc-background-ctrl-shapesafe-neutral-rest';
+export const backgroundCtrlShapesafeNeutralHoverRaw = '--smtc-background-ctrl-shapesafe-neutral-hover';
+export const backgroundCtrlShapesafeNeutralPressedRaw = '--smtc-background-ctrl-shapesafe-neutral-pressed';
+export const backgroundCtrlShapesafeNeutralDisabledRaw = '--smtc-background-ctrl-shapesafe-neutral-disabled';
+export const cornerFlyoutHoverRaw = '--smtc-corner-flyout-hover';
+export const cornerFlyoutPressedRaw = '--smtc-corner-flyout-pressed';
+export const cornerLayerIntersectionRaw = '--smtc-corner-layer-intersection';
+export const cornerCardHoverRaw = '--smtc-corner-card-hover';
+export const cornerCardPressedRaw = '--smtc-corner-card-pressed';
+export const cornerToolbarDefaultRaw = '--smtc-corner-toolbar-default';
+export const cornerImageOnpageRaw = '--smtc-corner-image-onpage';
+export const cornerCtrlHoverRaw = '--smtc-corner-ctrl-hover';
+export const cornerCtrlPressedRaw = '--smtc-corner-ctrl-pressed';
+export const cornerCtrlSmHoverRaw = '--smtc-corner-ctrl-sm-hover';
+export const cornerCtrlSmPressedRaw = '--smtc-corner-ctrl-sm-pressed';
+export const cornerCtrlLgHoverRaw = '--smtc-corner-ctrl-lg-hover';
+export const cornerCtrlLgPressedRaw = '--smtc-corner-ctrl-lg-pressed';
+export const foregroundContentNeutralPrimaryRaw = '--smtc-foreground-content-neutral-primary';
+export const foregroundContentNeutralSecondaryRaw = '--smtc-foreground-content-neutral-secondary';
+export const foregroundContentBrandPrimaryRaw = '--smtc-foreground-content-brand-primary';
+export const foregroundCtrlNeutralPrimaryHoverRaw = '--smtc-foreground-ctrl-neutral-primary-hover';
+export const foregroundCtrlNeutralPrimaryPressedRaw = '--smtc-foreground-ctrl-neutral-primary-pressed';
+export const foregroundCtrlNeutralSecondaryHoverRaw = '--smtc-foreground-ctrl-neutral-secondary-hover';
+export const foregroundCtrlNeutralSecondaryPressedRaw = '--smtc-foreground-ctrl-neutral-secondary-pressed';
+export const foregroundCtrlIconOnneutralRestRaw = '--smtc-foreground-ctrl-icon-onneutral-rest';
+export const foregroundCtrlIconOnneutralHoverRaw = '--smtc-foreground-ctrl-icon-onneutral-hover';
+export const foregroundCtrlIconOnneutralPressedRaw = '--smtc-foreground-ctrl-icon-onneutral-pressed';
+export const foregroundCtrlIconOnneutralDisabledRaw = '--smtc-foreground-ctrl-icon-onneutral-disabled';
+export const foregroundCtrlIconOnoutlineRestRaw = '--smtc-foreground-ctrl-icon-onoutline-rest';
+export const foregroundCtrlIconOnoutlineHoverRaw = '--smtc-foreground-ctrl-icon-onoutline-hover';
+export const foregroundCtrlIconOnoutlinePressedRaw = '--smtc-foreground-ctrl-icon-onoutline-pressed';
+export const foregroundCtrlIconOnoutlineDisabledRaw = '--smtc-foreground-ctrl-icon-onoutline-disabled';
+export const foregroundCtrlIconOnsubtleRestRaw = '--smtc-foreground-ctrl-icon-onsubtle-rest';
+export const foregroundCtrlIconOnsubtleHoverRaw = '--smtc-foreground-ctrl-icon-onsubtle-hover';
+export const foregroundCtrlIconOnsubtlePressedRaw = '--smtc-foreground-ctrl-icon-onsubtle-pressed';
+export const foregroundCtrlIconOnsubtleDisabledRaw = '--smtc-foreground-ctrl-icon-onsubtle-disabled';
+export const foregroundCtrlOnbrandHoverRaw = '--smtc-foreground-ctrl-onbrand-hover';
+export const foregroundCtrlOnbrandPressedRaw = '--smtc-foreground-ctrl-onbrand-pressed';
+export const foregroundCtrlActivebrandRestRaw = '--smtc-foreground-ctrl-activebrand-rest';
+export const foregroundCtrlActivebrandHoverRaw = '--smtc-foreground-ctrl-activebrand-hover';
+export const foregroundCtrlActivebrandPressedRaw = '--smtc-foreground-ctrl-activebrand-pressed';
+export const foregroundCtrlActivebrandDisabledRaw = '--smtc-foreground-ctrl-activebrand-disabled';
+export const foregroundCtrlOnactivebrandRestRaw = '--smtc-foreground-ctrl-onactivebrand-rest';
+export const foregroundCtrlOnactivebrandHoverRaw = '--smtc-foreground-ctrl-onactivebrand-hover';
+export const foregroundCtrlOnactivebrandPressedRaw = '--smtc-foreground-ctrl-onactivebrand-pressed';
+export const foregroundCtrlOnactivebrandDisabledRaw = '--smtc-foreground-ctrl-onactivebrand-disabled';
+export const foregroundCtrlOnoutlineRestRaw = '--smtc-foreground-ctrl-onoutline-rest';
+export const foregroundCtrlOnoutlineHoverRaw = '--smtc-foreground-ctrl-onoutline-hover';
+export const foregroundCtrlOnoutlinePressedRaw = '--smtc-foreground-ctrl-onoutline-pressed';
+export const foregroundCtrlOnoutlineDisabledRaw = '--smtc-foreground-ctrl-onoutline-disabled';
+export const foregroundCtrlOnsubtleRestRaw = '--smtc-foreground-ctrl-onsubtle-rest';
+export const foregroundCtrlOnsubtleHoverRaw = '--smtc-foreground-ctrl-onsubtle-hover';
+export const foregroundCtrlOnsubtlePressedRaw = '--smtc-foreground-ctrl-onsubtle-pressed';
+export const foregroundCtrlOnsubtleDisabledRaw = '--smtc-foreground-ctrl-onsubtle-disabled';
+export const foregroundCtrlOntransparentRestRaw = '--smtc-foreground-ctrl-ontransparent-rest';
+export const foregroundCtrlOntransparentHoverRaw = '--smtc-foreground-ctrl-ontransparent-hover';
+export const foregroundCtrlOntransparentPressedRaw = '--smtc-foreground-ctrl-ontransparent-pressed';
+export const foregroundCtrlOntransparentDisabledRaw = '--smtc-foreground-ctrl-ontransparent-disabled';
+export const shadowCtrlOndragKeyYRaw = '--smtc-shadow-ctrl-ondrag-key-y';
+export const shadowCtrlOndragKeyXRaw = '--smtc-shadow-ctrl-ondrag-key-x';
+export const shadowCtrlOndragKeyBlurRaw = '--smtc-shadow-ctrl-ondrag-key-blur';
+export const shadowCtrlOndragKeyColorRaw = '--smtc-shadow-ctrl-ondrag-key-color';
+export const shadowCtrlOndragAmbientYRaw = '--smtc-shadow-ctrl-ondrag-ambient-y';
+export const shadowCtrlOndragAmbientXRaw = '--smtc-shadow-ctrl-ondrag-ambient-x';
+export const shadowCtrlOndragAmbientBlurRaw = '--smtc-shadow-ctrl-ondrag-ambient-blur';
+export const shadowCtrlOndragAmbientColorRaw = '--smtc-shadow-ctrl-ondrag-ambient-color';
+export const materialAcrylicDefaultSolidRaw = '--smtc-material-acrylic-default-solid';
+export const materialAcrylicDefaultColorblendRaw = '--smtc-material-acrylic-default-colorblend';
+export const materialAcrylicDefaultLumblendRaw = '--smtc-material-acrylic-default-lumblend';
+export const materialMicaDefaultSolidRaw = '--smtc-material-mica-default-solid';
+export const materialMicaDefaultColorblendRaw = '--smtc-material-mica-default-colorblend';
+export const materialMicaDefaultLumblendRaw = '--smtc-material-mica-default-lumblend';
+export const materialMicaDarkerSolidRaw = '--smtc-material-mica-darker-solid';
+export const materialMicaDarkerColorblendRaw = '--smtc-material-mica-darker-colorblend';
+export const materialMicaDarkerLumblendRaw = '--smtc-material-mica-darker-lumblend';
+export const materialMicaThinSolidRaw = '--smtc-material-mica-thin-solid';
+export const materialMicaThinColorblendRaw = '--smtc-material-mica-thin-colorblend';
+export const materialMicaThinLumblendRaw = '--smtc-material-mica-thin-lumblend';
+export const iconthemeCtrlDefaultHoverRaw = '--smtc-icontheme-ctrl-default-hover';
+export const iconthemeCtrlDefaultPressedRaw = '--smtc-icontheme-ctrl-default-pressed';
+export const iconthemeCtrlSubtleRestRaw = '--smtc-icontheme-ctrl-subtle-rest';
+export const iconthemeCtrlSubtleHoverRaw = '--smtc-icontheme-ctrl-subtle-hover';
+export const iconthemeCtrlSubtlePressedRaw = '--smtc-icontheme-ctrl-subtle-pressed';
+export const iconthemeCtrlSubtleSelectedRaw = '--smtc-icontheme-ctrl-subtle-selected';
+export const iconthemeCtrlChevronDefaultRaw = '--smtc-icontheme-ctrl-chevron-default';
+export const iconthemeCtrlChevronSelectedRaw = '--smtc-icontheme-ctrl-chevron-selected';
+export const statusBrandBackgroundRaw = '--smtc-status-brand-background';
+export const statusBrandStrokeRaw = '--smtc-status-brand-stroke';
+export const statusBrandForegroundRaw = '--smtc-status-brand-foreground';
+export const statusBrandTintForegroundRaw = '--smtc-status-brand-tint-foreground';
+export const statusDangerStrokeRaw = '--smtc-status-danger-stroke';
+export const statusDangerForegroundRaw = '--smtc-status-danger-foreground';
+export const statusWarningStrokeRaw = '--smtc-status-warning-stroke';
+export const statusWarningForegroundRaw = '--smtc-status-warning-foreground';
+export const statusSuccessStrokeRaw = '--smtc-status-success-stroke';
+export const statusSuccessForegroundRaw = '--smtc-status-success-foreground';
+export const statusImportantStrokeRaw = '--smtc-status-important-stroke';
+export const statusImportantForegroundRaw = '--smtc-status-important-foreground';
+export const statusInformativeStrokeRaw = '--smtc-status-informative-stroke';
+export const statusInformativeForegroundRaw = '--smtc-status-informative-foreground';
+export const shadowWindowInactiveKeyXRaw = '--smtc-shadow-window-inactive-key-x';
+export const shadowWindowInactiveKeyYRaw = '--smtc-shadow-window-inactive-key-y';
+export const shadowWindowInactiveKeyBlurRaw = '--smtc-shadow-window-inactive-key-blur';
+export const shadowWindowInactiveKeyColorRaw = '--smtc-shadow-window-inactive-key-color';
+export const statusNeutralStrokeRaw = '--smtc-status-neutral-stroke';
+export const statusNeutralForegroundRaw = '--smtc-status-neutral-foreground';
+export const statusNeutralTintForegroundRaw = '--smtc-status-neutral-tint-foreground';
+export const cornerFlyoutShellRestRaw = '--smtc-corner-flyout-shell-rest';
+export const materialAcrylicShellDefaultSolidRaw = '--smtc-material-acrylic-shell-default-solid';
+export const materialAcrylicShellDefaultColorblendRaw = '--smtc-material-acrylic-shell-default-colorblend';
+export const materialAcrylicShellDefaultLumblendRaw = '--smtc-material-acrylic-shell-default-lumblend';
+export const backgroundCardOnsecondaryDefaultSelectedRaw = '--smtc-background-card-onsecondary-default-selected';
diff --git a/packages/semantic-tokens/tsconfig.e2e.json b/packages/semantic-tokens/tsconfig.e2e.json
new file mode 100644
index 0000000000000..8296283fbc75c
--- /dev/null
+++ b/packages/semantic-tokens/tsconfig.e2e.json
@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "types": ["node"]
+  },
+  "include": ["playwright.config.ts", "**/*.spec-e2e.ts"]
+}
diff --git a/packages/semantic-tokens/tsconfig.json b/packages/semantic-tokens/tsconfig.json
new file mode 100644
index 0000000000000..479e95aadcbcc
--- /dev/null
+++ b/packages/semantic-tokens/tsconfig.json
@@ -0,0 +1,33 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "target": "ES2019",
+    "noEmit": true,
+    "isolatedModules": true,
+    "importHelpers": true,
+    "noUnusedLocals": true,
+    "preserveConstEnums": true
+  },
+  "include": [],
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    },
+    {
+      "path": "./tsconfig.e2e.json"
+    }
+  ],
+  "ts-node": {
+    // these options are overrides used only by ts-node
+    // same as the --compilerOptions flag and the TS_NODE_COMPILER_OPTIONS environment variable
+    "compilerOptions": {
+      "module": "commonjs",
+      "resolveJsonModule": true,
+      "esModuleInterop": true
+    }
+  }
+}
diff --git a/packages/semantic-tokens/tsconfig.lib.json b/packages/semantic-tokens/tsconfig.lib.json
new file mode 100644
index 0000000000000..050276d9ee283
--- /dev/null
+++ b/packages/semantic-tokens/tsconfig.lib.json
@@ -0,0 +1,16 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "noEmit": false,
+    "lib": ["ES2019", "dom"],
+    "declaration": true,
+    "declarationDir": "../../dist/out-tsc/types",
+    "outDir": "../../dist/out-tsc",
+    "inlineSources": true,
+    "types": ["static-assets", "environment", "node"],
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true
+  },
+  "exclude": ["**/*.spec.ts", "**/*.test.ts", "**/*.spec-e2e.ts"],
+  "include": ["./src/**/*.ts", "./scripts/**/*.ts"]
+}
diff --git a/packages/semantic-tokens/tsconfig.spec.json b/packages/semantic-tokens/tsconfig.spec.json
new file mode 100644
index 0000000000000..4d20fc98b71dd
--- /dev/null
+++ b/packages/semantic-tokens/tsconfig.spec.json
@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "module": "CommonJS",
+    "outDir": "dist",
+    "types": ["jest", "node"]
+  },
+  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts"]
+}
diff --git a/tsconfig.base.all.json b/tsconfig.base.all.json
index 4277a03934720..848811e70e3c1 100644
--- a/tsconfig.base.all.json
+++ b/tsconfig.base.all.json
@@ -262,6 +262,7 @@
       "@fluentui/recipes": ["packages/react-components/recipes/src/index.ts"],
       "@fluentui/theme-designer": ["packages/react-components/theme-designer/src/index.ts"],
       "@fluentui/tokens": ["packages/tokens/src/index.ts"],
+      "@fluentui/semantic-tokens": ["packages/semantic-tokens/src/index.ts"],
       "@fluentui/visual-regression-utilities": ["tools/visual-regression-utilities/src/index.ts"],
       "@fluentui/workspace-plugin": ["tools/workspace-plugin/src/index.ts"]
     }
diff --git a/tsconfig.base.json b/tsconfig.base.json
index 89f2cbf81dfbb..e4152f0724db3 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -194,6 +194,7 @@
       "@fluentui/react-virtualizer": ["packages/react-components/react-virtualizer/library/src/index.ts"],
       "@fluentui/react-virtualizer-stories": ["packages/react-components/react-virtualizer/stories/src/index.ts"],
       "@fluentui/recipes": ["packages/react-components/recipes/src/index.ts"],
+      "@fluentui/semantic-tokens": ["packages/semantic-tokens/src/index.ts"],
       "@fluentui/theme-designer": ["packages/react-components/theme-designer/src/index.ts"],
       "@fluentui/tokens": ["packages/tokens/src/index.ts"],
       "@fluentui/visual-regression-utilities": ["tools/visual-regression-utilities/src/index.ts"],
diff --git a/tsconfig.base.wc.json b/tsconfig.base.wc.json
index 8884bb799a86f..d86ffaf7df1f1 100644
--- a/tsconfig.base.wc.json
+++ b/tsconfig.base.wc.json
@@ -14,7 +14,8 @@
     "paths": {
       "@fluentui/chart-web-components": ["packages/charts/chart-web-components/src/index.ts"],
       "@fluentui/web-components": ["packages/web-components/src/index.ts"],
-      "@fluentui/tokens": ["packages/tokens/src/index.ts"]
+      "@fluentui/tokens": ["packages/tokens/src/index.ts"],
+      "@fluentui/semantic-tokens": ["packages/semantic-tokens/src/index.ts"]
     }
   }
 }