diff --git a/packages/semantic-tokens/etc/semantic-tokens.api.md b/packages/semantic-tokens/etc/semantic-tokens.api.md
index abbd875f220e1..84a707b9653c4 100644
--- a/packages/semantic-tokens/etc/semantic-tokens.api.md
+++ b/packages/semantic-tokens/etc/semantic-tokens.api.md
@@ -4,6 +4,5196 @@
 
 ```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 ctrlChoiceSwitchThumbShadowAmbient = "var(--smtc-ctrl-choice-switch-thumb-shadow-ambient, unset)";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowAmbientRaw = "--smtc-ctrl-choice-switch-thumb-shadow-ambient";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowKey = "var(--smtc-ctrl-choice-switch-thumb-shadow-key, unset)";
+
+// @public (undocumented)
+export const ctrlChoiceSwitchThumbShadowKeyRaw = "--smtc-ctrl-choice-switch-thumb-shadow-key";
+
+// @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 ctrlComposerContainerShadowAmbient = "var(--smtc-ctrl-composer-container-shadow-ambient)";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowAmbientRaw = "--smtc-ctrl-composer-container-shadow-ambient";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowKey = "var(--smtc-ctrl-composer-container-shadow-key)";
+
+// @public (undocumented)
+export const ctrlComposerContainerShadowKeyRaw = "--smtc-ctrl-composer-container-shadow-key";
+
+// @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 ctrlComposerInputShadow = "var(--smtc-ctrl-composer-input-shadow-x)";
+
+// @public (undocumented)
+export const ctrlComposerInputShadowRaw = "--smtc-ctrl-composer-input-shadow-x";
+
+// @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 ctrlDialogBaseShadowAmbient = "var(--smtc-ctrl-dialog-base-shadow-ambient)";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowAmbientRaw = "--smtc-ctrl-dialog-base-shadow-ambient";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowKey = "var(--smtc-ctrl-dialog-base-shadow-key)";
+
+// @public (undocumented)
+export const ctrlDialogBaseShadowKeyRaw = "--smtc-ctrl-dialog-base-shadow-key";
+
+// @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 ctrlFabShadowDisabledKey = "var(--smtc-ctrl-fab-shadow-disabled-key, var(--smtc-ctrl-fab-shadow-pressed-key))";
+
+// @public (undocumented)
+export const ctrlFabShadowDisabledKeyRaw = "--smtc-ctrl-fab-shadow-disabled-key";
+
+// @public (undocumented)
+export const ctrlFabShadowHoverKey = "var(--smtc-ctrl-fab-shadow-hover-key, var(--smtc-shadow-flyout-key))";
+
+// @public (undocumented)
+export const ctrlFabShadowHoverKeyRaw = "--smtc-ctrl-fab-shadow-hover-key";
+
+// @public (undocumented)
+export const ctrlFabShadowPressedKey = "var(--smtc-ctrl-fab-shadow-pressed-key)";
+
+// @public (undocumented)
+export const ctrlFabShadowPressedKeyRaw = "--smtc-ctrl-fab-shadow-pressed-key";
+
+// @public (undocumented)
+export const ctrlFabShadowRestAmbient = "var(--smtc-ctrl-fab-shadow-rest-ambient)";
+
+// @public (undocumented)
+export const ctrlFabShadowRestAmbientRaw = "--smtc-ctrl-fab-shadow-rest-ambient";
+
+// @public (undocumented)
+export const ctrlFabShadowRestKey = "var(--smtc-ctrl-fab-shadow-rest-key)";
+
+// @public (undocumented)
+export const ctrlFabShadowRestKeyRaw = "--smtc-ctrl-fab-shadow-rest-key";
+
+// @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: string;
+
+// @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: string;
+
+// @public (undocumented)
+export const ctrlLinkForegroundBrandHoverRaw = "--smtc-ctrl-link-foreground-brand-hover";
+
+// @public (undocumented)
+export const ctrlLinkForegroundBrandPressed: string;
+
+// @public (undocumented)
+export const ctrlLinkForegroundBrandPressedRaw = "--smtc-ctrl-link-foreground-brand-pressed";
+
+// @public (undocumented)
+export const ctrlLinkForegroundBrandRest: string;
+
+// @public (undocumented)
+export const ctrlLinkForegroundBrandRestRaw = "--smtc-ctrl-link-foreground-brand-rest";
+
+// @public (undocumented)
+export const ctrlLinkForegroundNeutralHover: string;
+
+// @public (undocumented)
+export const ctrlLinkForegroundNeutralHoverRaw = "--smtc-ctrl-link-foreground-neutral-hover";
+
+// @public (undocumented)
+export const ctrlLinkForegroundNeutralPressed: string;
+
+// @public (undocumented)
+export const ctrlLinkForegroundNeutralPressedRaw = "--smtc-ctrl-link-foreground-neutral-pressed";
+
+// @public (undocumented)
+export const ctrlLinkForegroundNeutralRest: string;
+
+// @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 ctrlListShadowSelectedAmbient = "var(--smtc-ctrl-list-shadow-selected-ambient)";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedAmbientRaw = "--smtc-ctrl-list-shadow-selected-ambient";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedKey = "var(--smtc-ctrl-list-shadow-selected-key, unset)";
+
+// @public (undocumented)
+export const ctrlListShadowSelectedKeyRaw = "--smtc-ctrl-list-shadow-selected-key";
+
+// @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 ctrlTooltipShadowAmbient = "var(--smtc-ctrl-tooltip-shadow-ambient, var(--smtc-ctrl-fab-shadow-rest-ambient))";
+
+// @public (undocumented)
+export const ctrlTooltipShadowAmbientRaw = "--smtc-ctrl-tooltip-shadow-ambient";
+
+// @public (undocumented)
+export const ctrlTooltipShadowKey = "var(--smtc-ctrl-tooltip-shadow-key, var(--smtc-ctrl-fab-shadow-rest-key))";
+
+// @public (undocumented)
+export const ctrlTooltipShadowKeyRaw = "--smtc-ctrl-tooltip-shadow-key";
+
+// @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: string;
+
+// @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 shadowCardDisabledKey = "var(--smtc-shadow-card-disabled-key, unset)";
+
+// @public (undocumented)
+export const shadowCardDisabledKeyRaw = "--smtc-shadow-card-disabled-key";
+
+// @public (undocumented)
+export const shadowCardHoverKey = "var(--smtc-shadow-card-hover-key, unset)";
+
+// @public (undocumented)
+export const shadowCardHoverKeyRaw = "--smtc-shadow-card-hover-key";
+
+// @public (undocumented)
+export const shadowCardPressedKey = "var(--smtc-shadow-card-pressed-key, unset)";
+
+// @public (undocumented)
+export const shadowCardPressedKeyRaw = "--smtc-shadow-card-pressed-key";
+
+// @public (undocumented)
+export const shadowCardRestAmbient = "var(--smtc-shadow-card-rest-ambient, unset)";
+
+// @public (undocumented)
+export const shadowCardRestAmbientRaw = "--smtc-shadow-card-rest-ambient";
+
+// @public (undocumented)
+export const shadowCardRestKey = "var(--smtc-shadow-card-rest-key, unset)";
+
+// @public (undocumented)
+export const shadowCardRestKeyRaw = "--smtc-shadow-card-rest-key";
+
+// @public (undocumented)
+export const shadowCtrlOndragAmbient = "var(--smtc-shadow-ctrl-ondrag-ambient, var(--smtc-shadow-flyout-ambient))";
+
+// @public (undocumented)
+export const shadowCtrlOndragAmbientRaw = "--smtc-shadow-ctrl-ondrag-ambient";
+
+// @public (undocumented)
+export const shadowCtrlOndragKey = "var(--smtc-shadow-ctrl-ondrag-key, var(--smtc-shadow-flyout-key))";
+
+// @public (undocumented)
+export const shadowCtrlOndragKeyRaw = "--smtc-shadow-ctrl-ondrag-key";
+
+// @public (undocumented)
+export const shadowFlyoutAmbient = "var(--smtc-shadow-flyout-ambient)";
+
+// @public (undocumented)
+export const shadowFlyoutAmbientRaw = "--smtc-shadow-flyout-ambient";
+
+// @public (undocumented)
+export const shadowFlyoutKey = "var(--smtc-shadow-flyout-key)";
+
+// @public (undocumented)
+export const shadowFlyoutKeyRaw = "--smtc-shadow-flyout-key";
+
+// @public (undocumented)
+export const shadowLayerAmbient = "var(--smtc-shadow-layer-ambient, unset)";
+
+// @public (undocumented)
+export const shadowLayerAmbientRaw = "--smtc-shadow-layer-ambient";
+
+// @public (undocumented)
+export const shadowLayerKey = "var(--smtc-shadow-layer-key, unset)";
+
+// @public (undocumented)
+export const shadowLayerKeyRaw = "--smtc-shadow-layer-key";
+
+// @public (undocumented)
+export const shadowToolbarAmbient = "var(--smtc-shadow-toolbar-ambient)";
+
+// @public (undocumented)
+export const shadowToolbarAmbientRaw = "--smtc-shadow-toolbar-ambient";
+
+// @public (undocumented)
+export const shadowToolbarKey = "var(--smtc-shadow-toolbar-key)";
+
+// @public (undocumented)
+export const shadowToolbarKeyRaw = "--smtc-shadow-toolbar-key";
+
+// @public (undocumented)
+export const shadowWindowActiveAmbient = "var(--smtc-shadow-window-active-ambient)";
+
+// @public (undocumented)
+export const shadowWindowActiveAmbientRaw = "--smtc-shadow-window-active-ambient";
+
+// @public (undocumented)
+export const shadowWindowActiveKey = "var(--smtc-shadow-window-active-key)";
+
+// @public (undocumented)
+export const shadowWindowActiveKeyRaw = "--smtc-shadow-window-active-key";
+
+// @public (undocumented)
+export const shadowWindowInactiveAmbient = "var(--smtc-shadow-window-inactive-ambient)";
+
+// @public (undocumented)
+export const shadowWindowInactiveAmbientRaw = "--smtc-shadow-window-inactive-ambient";
+
+// @public (undocumented)
+export const shadowWindowInactiveKey = "var(--smtc-shadow-window-inactive-key, var(--smtc-shadow-window-active-key))";
+
+// @public (undocumented)
+export const shadowWindowInactiveKeyRaw = "--smtc-shadow-window-inactive-key";
+
+// @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: string;
+
+// @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: string;
+
+// @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: string;
+
+// @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: string;
+
+// @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/scripts/tokenGen.ts b/packages/semantic-tokens/scripts/tokenGen.ts
index 4648785675cf5..773869e8d93a9 100644
--- a/packages/semantic-tokens/scripts/tokenGen.ts
+++ b/packages/semantic-tokens/scripts/tokenGen.ts
@@ -20,6 +20,8 @@ const tokensJSON = dedupeShadowTokens(tokensJSONRaw);
 const fluentFallbacks: FluentOverrides = fluentFallbacksRaw;
 // Store exports so we can add them to index.ts at the end
 const exportList: Record<string, string[]> = {};
+// Add an automated header warning to each file to prevent direct modifications
+const headerWarning = '// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE\n';
 
 const generateTokens = () => {
   console.log('Generating tokens...');
@@ -234,7 +236,7 @@ const generateTokenVariables = () => {
     });
 
     // Format our text to match prettier rules
-    sourceFile.replaceWithText(formattedText);
+    sourceFile.replaceWithText(headerWarning + formattedText);
   });
 
   // Save changes so far
@@ -266,7 +268,7 @@ const generateTokenVariables = () => {
   });
 
   // Format our text to match prettier rules
-  indexSourceFile.replaceWithText(formattedText);
+  indexSourceFile.replaceWithText(headerWarning + formattedText);
 
   // Save exports
   project.saveSync();
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..63b0ef7490d86
--- /dev/null
+++ b/packages/semantic-tokens/src/components/avatar/tokens.ts
@@ -0,0 +1,49 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import {
+  sizeCtrlDefaultRaw,
+  cornerCircularRaw,
+  sizeCtrlIconRaw,
+  strokewidthDefaultRaw,
+  cornerCtrlRestRaw,
+  textGlobalBody3FontsizeRaw,
+  textGlobalBody3LineheightRaw,
+  backgroundCtrlBrandRestRaw,
+  backgroundLayerPrimarySolidRaw,
+} from '../../control/variables';
+import {
+  ctrlAvatarSizeRaw,
+  ctrlAvatarCornerItemRaw,
+  ctrlAvatarBackgroundRaw,
+  ctrlAvatarForegroundRaw,
+  ctrlAvatarIconSizeRaw,
+  ctrlAvatarPresencebadgeSizeRaw,
+  ctrlAvatarActiveringSizeRaw,
+  ctrlAvatarPresencebadgePaddingBottomrightoffsetRaw,
+  ctrlAvatarCornerGroupRaw,
+  ctrlAvatarActiveringStrokewidthRaw,
+  ctrlAvatarPresencebadgeStrokewidthRaw,
+  ctrlAvatarTextFontsizeRaw,
+  ctrlAvatarTextLineheightRaw,
+  ctrlAvatarTextPaddingTopoffsetRaw,
+  ctrlAvatarActiveringStrokeRaw,
+  ctrlAvatarShowcutoutRaw,
+  ctrlAvatarPresencebadgeBackgroundBehindbadgeRaw,
+} 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..7f63fa9d49072
--- /dev/null
+++ b/packages/semantic-tokens/src/components/avatar/variables.ts
@@ -0,0 +1,20 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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..1c4dcafe7cc15
--- /dev/null
+++ b/packages/semantic-tokens/src/components/badge/tokens.ts
@@ -0,0 +1,53 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import { iconthemeCtrlDefaultRestRaw } from '../../control/variables';
+import {
+  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 './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..d6006af4fae06
--- /dev/null
+++ b/packages/semantic-tokens/src/components/badge/variables.ts
@@ -0,0 +1,25 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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..a5b98d56f349c
--- /dev/null
+++ b/packages/semantic-tokens/src/components/boolean/tokens.ts
@@ -0,0 +1,4 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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..7ba3c9d705c60
--- /dev/null
+++ b/packages/semantic-tokens/src/components/boolean/variables.ts
@@ -0,0 +1,2 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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..8453e9b16ecb0
--- /dev/null
+++ b/packages/semantic-tokens/src/components/card/tokens.ts
@@ -0,0 +1,12 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import {
+  ctrlCardStateRestRaw,
+  ctrlCardStateHoverRaw,
+  ctrlCardStatePressedRaw,
+  ctrlCardStateDisabledRaw,
+} 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..df257d1d76a4f
--- /dev/null
+++ b/packages/semantic-tokens/src/components/card/variables.ts
@@ -0,0 +1,5 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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..302c1aff661a9
--- /dev/null
+++ b/packages/semantic-tokens/src/components/choice/tokens.ts
@@ -0,0 +1,127 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import {
+  sizeCtrlIconRaw,
+  foregroundCtrlNeutralSecondaryRestRaw,
+  foregroundCtrlNeutralSecondaryDisabledRaw,
+  sizeCtrlIconsecondaryRaw,
+  cornerCircularRaw,
+  sizeCtrlSmIconRaw,
+  sizeCtrlLgIconRaw,
+} from '../../control/variables';
+import {
+  backgroundCtrlOutlineRestRaw,
+  backgroundCtrlOutlineHoverRaw,
+  backgroundCtrlOutlinePressedRaw,
+  backgroundCtrlOutlineDisabledRaw,
+} from '../../nullable/variables';
+import {
+  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,
+  ctrlChoiceSmBaseSizeRaw,
+  ctrlChoiceSmCheckboxCornerRaw,
+  ctrlChoiceSmCheckboxIconSizeRaw,
+  ctrlChoiceSmCheckboxIconSizeFigmaonlyRaw,
+  ctrlChoiceSmRadioDotSizeRaw,
+  ctrlChoiceSmSwitchWidthRaw,
+  ctrlChoiceSmSwitchHeightRaw,
+  ctrlChoiceSmSwitchThumbWidthRestRaw,
+  ctrlChoiceSmSwitchThumbWidthHoverRaw,
+  ctrlChoiceSmSwitchThumbWidthPressedRaw,
+  ctrlChoiceLgBaseSizeRaw,
+  ctrlChoiceLgCheckboxCornerRaw,
+  ctrlChoiceLgCheckboxIconSizeRaw,
+  ctrlChoiceLgCheckboxIconSizeFigmaonlyRaw,
+  ctrlChoiceLgRadioDotSizeRestRaw,
+  ctrlChoiceLgRadioDotSizeHoverRaw,
+  ctrlChoiceLgRadioDotSizePressedRaw,
+  ctrlChoiceLgSwitchWidthRaw,
+  ctrlChoiceLgSwitchHeightRaw,
+  ctrlChoiceLgSwitchThumbWidthRestRaw,
+  ctrlChoiceLgSwitchThumbWidthHoverRaw,
+  ctrlChoiceLgSwitchThumbWidthPressedRaw,
+  ctrlChoiceSwitchThumbShadowKeyRaw,
+  ctrlChoiceSwitchThumbShadowAmbientRaw,
+} 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 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}))`;
+export const ctrlChoiceSwitchThumbShadowKey = `var(${ctrlChoiceSwitchThumbShadowKeyRaw}, unset)`;
+export const ctrlChoiceSwitchThumbShadowAmbient = `var(${ctrlChoiceSwitchThumbShadowAmbientRaw}, unset)`;
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..e23b81d4e35a2
--- /dev/null
+++ b/packages/semantic-tokens/src/components/choice/variables.ts
@@ -0,0 +1,55 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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 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';
+export const ctrlChoiceSwitchThumbShadowKeyRaw = '--smtc-ctrl-choice-switch-thumb-shadow-key';
+export const ctrlChoiceSwitchThumbShadowAmbientRaw = '--smtc-ctrl-choice-switch-thumb-shadow-ambient';
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..ceea300cb73c3
--- /dev/null
+++ b/packages/semantic-tokens/src/components/composer/tokens.ts
@@ -0,0 +1,73 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import { backgroundFlyoutSolidRaw } from '../../control/variables';
+import {
+  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,
+  ctrlComposerContainerCornerRaw,
+  ctrlComposerContainerBackgroundDefaultRaw,
+  ctrlComposerContainerBackgroundAcryliccolorblendRaw,
+  ctrlComposerContainerBackgroundAcryliclumblendRaw,
+  ctrlComposerContainerStrokeDefaultRaw,
+  ctrlComposerInputShadowRaw,
+  ctrlComposerContainerShadowKeyRaw,
+  ctrlComposerContainerShadowAmbientRaw,
+} 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 ctrlComposerContainerCorner = `var(${ctrlComposerContainerCornerRaw})`;
+export const ctrlComposerContainerBackgroundDefault = `var(${ctrlComposerContainerBackgroundDefaultRaw})`;
+export const ctrlComposerContainerBackgroundAcryliccolorblend = `var(${ctrlComposerContainerBackgroundAcryliccolorblendRaw}, var(${backgroundFlyoutSolidRaw}))`;
+export const ctrlComposerContainerBackgroundAcryliclumblend = `var(${ctrlComposerContainerBackgroundAcryliclumblendRaw}, var(${backgroundFlyoutSolidRaw}))`;
+export const ctrlComposerContainerStrokeDefault = `var(${ctrlComposerContainerStrokeDefaultRaw}, unset)`;
+export const ctrlComposerInputShadow = `var(${ctrlComposerInputShadowRaw})`;
+export const ctrlComposerContainerShadowKey = `var(${ctrlComposerContainerShadowKeyRaw})`;
+export const ctrlComposerContainerShadowAmbient = `var(${ctrlComposerContainerShadowAmbientRaw})`;
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..482735d883c21
--- /dev/null
+++ b/packages/semantic-tokens/src/components/composer/variables.ts
@@ -0,0 +1,39 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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 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 ctrlComposerContainerStrokeDefaultRaw = '--smtc-ctrl-composer-container-stroke-default';
+export const ctrlComposerInputShadowRaw = '--smtc-ctrl-composer-input-shadow-x';
+export const ctrlComposerContainerShadowKeyRaw = '--smtc-ctrl-composer-container-shadow-key';
+export const ctrlComposerContainerShadowAmbientRaw = '--smtc-ctrl-composer-container-shadow-ambient';
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..f764d5068069f
--- /dev/null
+++ b/packages/semantic-tokens/src/components/dialog/tokens.ts
@@ -0,0 +1,19 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import { cornerCardRestRaw, backgroundLayerPrimarySolidRaw } from '../../control/variables';
+import {
+  ctrlDialogBackgroundRaw,
+  ctrlDialogStrokeRaw,
+  ctrlDialogBaseCornerRaw,
+  ctrlDialogLayerBackgroundRaw,
+  ctrlDialogLayerPaddingBottomRaw,
+  ctrlDialogBaseShadowKeyRaw,
+  ctrlDialogBaseShadowAmbientRaw,
+} from './variables';
+
+export const ctrlDialogBackground = `var(${ctrlDialogBackgroundRaw})`;
+export const ctrlDialogStroke = `var(${ctrlDialogStrokeRaw}, unset)`;
+export const ctrlDialogBaseCorner = `var(${ctrlDialogBaseCornerRaw}, var(${cornerCardRestRaw}))`;
+export const ctrlDialogLayerBackground = `var(${ctrlDialogLayerBackgroundRaw}, var(${backgroundLayerPrimarySolidRaw}))`;
+export const ctrlDialogLayerPaddingBottom = `var(${ctrlDialogLayerPaddingBottomRaw})`;
+export const ctrlDialogBaseShadowKey = `var(${ctrlDialogBaseShadowKeyRaw})`;
+export const ctrlDialogBaseShadowAmbient = `var(${ctrlDialogBaseShadowAmbientRaw})`;
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..64b94cb2dfbcf
--- /dev/null
+++ b/packages/semantic-tokens/src/components/dialog/variables.ts
@@ -0,0 +1,8 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+export const ctrlDialogBackgroundRaw = '--smtc-ctrl-dialog-background';
+export const ctrlDialogStrokeRaw = '--smtc-ctrl-dialog-stroke';
+export const ctrlDialogBaseCornerRaw = '--smtc-ctrl-dialog-base-corner';
+export const ctrlDialogLayerBackgroundRaw = '--smtc-ctrl-dialog-layer-background';
+export const ctrlDialogLayerPaddingBottomRaw = '--smtc-ctrl-dialog-layer-padding-bottom';
+export const ctrlDialogBaseShadowKeyRaw = '--smtc-ctrl-dialog-base-shadow-key';
+export const ctrlDialogBaseShadowAmbientRaw = '--smtc-ctrl-dialog-base-shadow-ambient';
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..c5e16d1cde48c
--- /dev/null
+++ b/packages/semantic-tokens/src/components/divider/tokens.ts
@@ -0,0 +1,5 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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..354af4188358b
--- /dev/null
+++ b/packages/semantic-tokens/src/components/divider/variables.ts
@@ -0,0 +1,2 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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..38d8bb0acc849
--- /dev/null
+++ b/packages/semantic-tokens/src/components/drag/tokens.ts
@@ -0,0 +1,10 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import {
+  ctrlDragBackgroundSolidRaw,
+  ctrlDragBackgroundColorblendRaw,
+  ctrlDragBackgroundLumblendRaw,
+} 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..989f274b38b31
--- /dev/null
+++ b/packages/semantic-tokens/src/components/drag/variables.ts
@@ -0,0 +1,4 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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..3f2bc8c1b76ea
--- /dev/null
+++ b/packages/semantic-tokens/src/components/fab/tokens.ts
@@ -0,0 +1,29 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import { cornerCircularRaw, shadowFlyoutKeyRaw } from '../../control/variables';
+import {
+  ctrlFabBackgroundRestRaw,
+  ctrlFabBackgroundHoverRaw,
+  ctrlFabBackgroundPressedRaw,
+  ctrlFabBackgroundDisabledRaw,
+  ctrlFabCornerRestRaw,
+  ctrlFabCornerHoverRaw,
+  ctrlFabCornerPressedRaw,
+  ctrlFabShadowRestKeyRaw,
+  ctrlFabShadowRestAmbientRaw,
+  ctrlFabShadowHoverKeyRaw,
+  ctrlFabShadowPressedKeyRaw,
+  ctrlFabShadowDisabledKeyRaw,
+} 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 ctrlFabCornerHover = `var(${ctrlFabCornerHoverRaw}, var(${cornerCircularRaw}))`;
+export const ctrlFabCornerPressed = `var(${ctrlFabCornerPressedRaw}, var(${cornerCircularRaw}))`;
+export const ctrlFabShadowRestKey = `var(${ctrlFabShadowRestKeyRaw})`;
+export const ctrlFabShadowRestAmbient = `var(${ctrlFabShadowRestAmbientRaw})`;
+export const ctrlFabShadowHoverKey = `var(${ctrlFabShadowHoverKeyRaw}, var(${shadowFlyoutKeyRaw}))`;
+export const ctrlFabShadowPressedKey = `var(${ctrlFabShadowPressedKeyRaw})`;
+export const ctrlFabShadowDisabledKey = `var(${ctrlFabShadowDisabledKeyRaw}, var(${ctrlFabShadowPressedKeyRaw}))`;
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..63c5d4c28fe68
--- /dev/null
+++ b/packages/semantic-tokens/src/components/fab/variables.ts
@@ -0,0 +1,13 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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 ctrlFabCornerHoverRaw = '--smtc-ctrl-fab-corner-hover';
+export const ctrlFabCornerPressedRaw = '--smtc-ctrl-fab-corner-pressed';
+export const ctrlFabShadowRestKeyRaw = '--smtc-ctrl-fab-shadow-rest-key';
+export const ctrlFabShadowRestAmbientRaw = '--smtc-ctrl-fab-shadow-rest-ambient';
+export const ctrlFabShadowHoverKeyRaw = '--smtc-ctrl-fab-shadow-hover-key';
+export const ctrlFabShadowPressedKeyRaw = '--smtc-ctrl-fab-shadow-pressed-key';
+export const ctrlFabShadowDisabledKeyRaw = '--smtc-ctrl-fab-shadow-disabled-key';
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..367a684546214
--- /dev/null
+++ b/packages/semantic-tokens/src/components/focus/tokens.ts
@@ -0,0 +1,15 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import { tokens } from '@fluentui/tokens';
+import { strokewidthDefaultRaw, backgroundCtrlBrandRestRaw } from '../../control/variables';
+import {
+  ctrlFocusPositionFigmaonlyRaw,
+  ctrlFocusInnerStrokewidthRaw,
+  ctrlFocusInnerStrokeRaw,
+  ctrlFocusOuterStrokewidthRaw,
+  ctrlFocusOuterStrokeRaw,
+} 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}, ${tokens.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..7d9143f3a827c
--- /dev/null
+++ b/packages/semantic-tokens/src/components/focus/variables.ts
@@ -0,0 +1,6 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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..5e015bb09b62e
--- /dev/null
+++ b/packages/semantic-tokens/src/components/input/tokens.ts
@@ -0,0 +1,75 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import {
+  backgroundCtrlNeutralRestRaw,
+  backgroundCtrlNeutralHoverRaw,
+  backgroundCtrlNeutralPressedRaw,
+  backgroundCtrlNeutralDisabledRaw,
+  strokeCtrlOnoutlineRestRaw,
+  strokewidthDefaultRaw,
+  backgroundCtrlBrandRestRaw,
+  foregroundCtrlOnbrandRestRaw,
+  foregroundCtrlNeutralSecondaryRestRaw,
+  strokeCtrlOnoutlineHoverRaw,
+  strokeCtrlOnoutlinePressedRaw,
+  strokeCtrlOnoutlineDisabledRaw,
+} from '../../control/variables';
+import { statusDangerStrokeRaw } from '../../optional/variables';
+import {
+  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 './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..8d4c028b2c533
--- /dev/null
+++ b/packages/semantic-tokens/src/components/input/variables.ts
@@ -0,0 +1,29 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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..4b0fad2e68a14
--- /dev/null
+++ b/packages/semantic-tokens/src/components/link/tokens.ts
@@ -0,0 +1,43 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import { tokens } from '@fluentui/tokens';
+import {
+  foregroundCtrlNeutralPrimaryRestRaw,
+  strokewidthDefaultRaw,
+  foregroundCtrlBrandRestRaw,
+  foregroundCtrlBrandHoverRaw,
+  foregroundCtrlBrandPressedRaw,
+} from '../../control/variables';
+import {
+  ctrlLinkForegroundNeutralRestRaw,
+  ctrlLinkInlineStrokewidthRestRaw,
+  ctrlLinkInlineStrokewidthHoverRaw,
+  ctrlLinkInlineUnderlineDashedRaw,
+  ctrlLinkInlineUnderlineSolidFigmaonlyRaw,
+  ctrlLinkForegroundNeutralHoverRaw,
+  ctrlLinkForegroundNeutralPressedRaw,
+  ctrlLinkForegroundBrandRestRaw,
+  ctrlLinkForegroundBrandHoverRaw,
+  ctrlLinkForegroundBrandPressedRaw,
+  ctrlLinkOnpageStrokewidthRestRaw,
+  ctrlLinkOnpageStrokewidthHoverRaw,
+  ctrlLinkOnpageUnderlineDashedRaw,
+  ctrlLinkOnpageUnderlineSolidFigmaonlyRaw,
+  ctrlLinkInlineShowunderlineatrestRaw,
+  ctrlLinkOnpageShowunderlineatrestRaw,
+} from './variables';
+export const ctrlLinkForegroundNeutralRest = `var(${ctrlLinkForegroundNeutralRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}, ${tokens.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}, ${tokens.colorNeutralForeground2Hover}))`;
+export const ctrlLinkForegroundNeutralPressed = `var(${ctrlLinkForegroundNeutralPressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}, ${tokens.colorNeutralForeground2Pressed}))`;
+export const ctrlLinkForegroundBrandRest = `var(${ctrlLinkForegroundBrandRestRaw}, var(${foregroundCtrlBrandRestRaw}, ${tokens.colorBrandForegroundLink}))`;
+export const ctrlLinkForegroundBrandHover = `var(${ctrlLinkForegroundBrandHoverRaw}, var(${foregroundCtrlBrandHoverRaw}, ${tokens.colorBrandForegroundLinkHover}))`;
+export const ctrlLinkForegroundBrandPressed = `var(${ctrlLinkForegroundBrandPressedRaw}, var(${foregroundCtrlBrandPressedRaw}, ${tokens.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..065dfd097448e
--- /dev/null
+++ b/packages/semantic-tokens/src/components/link/variables.ts
@@ -0,0 +1,17 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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..df7dcad9d443f
--- /dev/null
+++ b/packages/semantic-tokens/src/components/list/tokens.ts
@@ -0,0 +1,126 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import {
+  cornerCtrlRestRaw,
+  paddingCtrlHorizontalDefaultRaw,
+  backgroundCtrlSubtleHoverRaw,
+  backgroundCtrlSubtlePressedRaw,
+  foregroundCtrlBrandRestRaw,
+  foregroundCtrlBrandDisabledRaw,
+  sizeCtrlIconsecondaryRaw,
+  strokeCtrlDividerOnneutralRaw,
+  cornerCtrlSmRestRaw,
+  paddingCtrlSmHorizontalDefaultRaw,
+  cornerCtrlLgRestRaw,
+  paddingCtrlLgHorizontalDefaultRaw,
+} from '../../control/variables';
+import {
+  backgroundCtrlSubtleRestRaw,
+  backgroundCtrlSubtleDisabledRaw,
+  foregroundCtrlHintDefaultRaw,
+} from '../../nullable/variables';
+import { ctrlChoiceCheckboxCornerRaw } from '../choice/variables';
+import {
+  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,
+  ctrlListShadowSelectedKeyRaw,
+  ctrlListShadowSelectedAmbientRaw,
+} 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 ctrlListShadowSelectedKey = `var(${ctrlListShadowSelectedKeyRaw}, unset)`;
+export const ctrlListShadowSelectedAmbient = `var(${ctrlListShadowSelectedAmbientRaw})`;
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..67db5e2c3fb6c
--- /dev/null
+++ b/packages/semantic-tokens/src/components/list/variables.ts
@@ -0,0 +1,52 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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 ctrlListShadowSelectedKeyRaw = '--smtc-ctrl-list-shadow-selected-key';
+export const ctrlListShadowSelectedAmbientRaw = '--smtc-ctrl-list-shadow-selected-ambient';
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..a05d37d34a654
--- /dev/null
+++ b/packages/semantic-tokens/src/components/liteFilter/tokens.ts
@@ -0,0 +1,18 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import {
+  backgroundCtrlBrandRestRaw,
+  foregroundCtrlOnbrandRestRaw,
+  strokewidthDefaultRaw,
+} from '../../control/variables';
+import { strokeCtrlOnbrandRestRaw } from '../../nullable/variables';
+import {
+  ctrlLitefilterBackgroundSelectedRaw,
+  ctrlLitefilterStrokeSelectedRaw,
+  ctrlLitefilterForegroundSelectedRaw,
+  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..e0f5c9d5be775
--- /dev/null
+++ b/packages/semantic-tokens/src/components/liteFilter/variables.ts
@@ -0,0 +1,5 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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..7f654e6f2a140
--- /dev/null
+++ b/packages/semantic-tokens/src/components/progress/tokens.ts
@@ -0,0 +1,23 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import { backgroundCtrlBrandRestRaw, cornerCircularRaw } from '../../control/variables';
+import {
+  ctrlProgressBackgroundEmptyRaw,
+  ctrlProgressBackgroundFilledRaw,
+  ctrlProgressCornerRaw,
+  ctrlProgressHeightFilledRaw,
+  ctrlProgressHeightEmptyRaw,
+  ctrlProgressSmHeightFilledRaw,
+  ctrlProgressSmHeightEmptyRaw,
+  ctrlProgressLgHeightFilledRaw,
+  ctrlProgressLgHeightEmptyRaw,
+} 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..a25933bb4e03f
--- /dev/null
+++ b/packages/semantic-tokens/src/components/progress/variables.ts
@@ -0,0 +1,10 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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..5b074016482b4
--- /dev/null
+++ b/packages/semantic-tokens/src/components/rating/tokens.ts
@@ -0,0 +1,16 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import { iconthemeCtrlDefaultRestRaw, backgroundCtrlBrandRestRaw, sizeCtrlIconRaw } from '../../control/variables';
+import { ctrlProgressBackgroundEmptyRaw } from '../progress/variables';
+import {
+  ctrlRatingIconThemeRaw,
+  ctrlRatingIconGapRaw,
+  ctrlRatingIconForegroundFilledRaw,
+  ctrlRatingIconForegroundEmptyRaw,
+  ctrlRatingIconSizeRaw,
+} 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..b48396e925c3c
--- /dev/null
+++ b/packages/semantic-tokens/src/components/rating/variables.ts
@@ -0,0 +1,6 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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..f0e32348ebe35
--- /dev/null
+++ b/packages/semantic-tokens/src/components/segmented/tokens.ts
@@ -0,0 +1,89 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import {
+  foregroundCtrlNeutralSecondaryRestRaw,
+  foregroundCtrlNeutralSecondaryDisabledRaw,
+  cornerCtrlRestRaw,
+  cornerCtrlSmRestRaw,
+  cornerCtrlLgRestRaw,
+} from '../../control/variables';
+import {
+  backgroundCtrlOutlineRestRaw,
+  backgroundCtrlOutlineHoverRaw,
+  backgroundCtrlOutlinePressedRaw,
+  backgroundCtrlOutlineDisabledRaw,
+} from '../../nullable/variables';
+import {
+  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 './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..1a2eb26ebf7ab
--- /dev/null
+++ b/packages/semantic-tokens/src/components/segmented/variables.ts
@@ -0,0 +1,37 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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..1168c839d63d8
--- /dev/null
+++ b/packages/semantic-tokens/src/components/slider/tokens.ts
@@ -0,0 +1,99 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import {
+  cornerCircularRaw,
+  backgroundCtrlBrandRestRaw,
+  backgroundCtrlBrandHoverRaw,
+  backgroundCtrlBrandPressedRaw,
+  backgroundCtrlBrandDisabledRaw,
+  sizeCtrlIconRaw,
+  foregroundCtrlOnbrandRestRaw,
+  foregroundCtrlOnbrandDisabledRaw,
+  strokewidthDefaultRaw,
+  sizeCtrlSmIconRaw,
+  sizeCtrlLgIconRaw,
+} from '../../control/variables';
+import {
+  ctrlProgressHeightFilledRaw,
+  ctrlProgressBackgroundEmptyRaw,
+  ctrlProgressSmHeightFilledRaw,
+  ctrlProgressLgHeightFilledRaw,
+} from '../progress/variables';
+import {
+  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 './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..a4b0ce3ee544f
--- /dev/null
+++ b/packages/semantic-tokens/src/components/slider/variables.ts
@@ -0,0 +1,39 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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..15046039e0cf7
--- /dev/null
+++ b/packages/semantic-tokens/src/components/spinner/tokens.ts
@@ -0,0 +1,6 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import { ctrlProgressHeightFilledRaw } from '../progress/variables';
+import { ctrlSpinnerStrokewidthRaw, ctrlSpinnerShowemptytrackRaw } 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..0a29772638096
--- /dev/null
+++ b/packages/semantic-tokens/src/components/spinner/variables.ts
@@ -0,0 +1,3 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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..b6714dd3be2eb
--- /dev/null
+++ b/packages/semantic-tokens/src/components/split/tokens.ts
@@ -0,0 +1,11 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import { strokewidthDefaultRaw } from '../../control/variables';
+import {
+  ctrlSplitDividerStrokewidthRaw,
+  ctrlSplitDividerStrokewidthOnoutlineRaw,
+  ctrlSplitDividerStrokewidthOnsubtleRaw,
+} 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..ee394f33b0370
--- /dev/null
+++ b/packages/semantic-tokens/src/components/split/variables.ts
@@ -0,0 +1,4 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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..f6d30ff6dc571
--- /dev/null
+++ b/packages/semantic-tokens/src/components/tooltip/tokens.ts
@@ -0,0 +1,16 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import { cornerCtrlRestRaw } from '../../control/variables';
+import { ctrlFabShadowRestKeyRaw, ctrlFabShadowRestAmbientRaw } from '../fab/variables';
+import {
+  ctrlTooltipCornerRaw,
+  ctrlTooltipBackgroundRaw,
+  ctrlTooltipForegroundRaw,
+  ctrlTooltipShadowKeyRaw,
+  ctrlTooltipShadowAmbientRaw,
+} from './variables';
+
+export const ctrlTooltipCorner = `var(${ctrlTooltipCornerRaw}, var(${cornerCtrlRestRaw}))`;
+export const ctrlTooltipBackground = `var(${ctrlTooltipBackgroundRaw})`;
+export const ctrlTooltipForeground = `var(${ctrlTooltipForegroundRaw})`;
+export const ctrlTooltipShadowKey = `var(${ctrlTooltipShadowKeyRaw}, var(${ctrlFabShadowRestKeyRaw}))`;
+export const ctrlTooltipShadowAmbient = `var(${ctrlTooltipShadowAmbientRaw}, var(${ctrlFabShadowRestAmbientRaw}))`;
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..73513a3928a8e
--- /dev/null
+++ b/packages/semantic-tokens/src/components/tooltip/variables.ts
@@ -0,0 +1,6 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+export const ctrlTooltipCornerRaw = '--smtc-ctrl-tooltip-corner';
+export const ctrlTooltipBackgroundRaw = '--smtc-ctrl-tooltip-background';
+export const ctrlTooltipForegroundRaw = '--smtc-ctrl-tooltip-foreground';
+export const ctrlTooltipShadowKeyRaw = '--smtc-ctrl-tooltip-shadow-key';
+export const ctrlTooltipShadowAmbientRaw = '--smtc-ctrl-tooltip-shadow-ambient';
diff --git a/packages/semantic-tokens/src/control/tokens.ts b/packages/semantic-tokens/src/control/tokens.ts
new file mode 100644
index 0000000000000..b2528b8a725e1
--- /dev/null
+++ b/packages/semantic-tokens/src/control/tokens.ts
@@ -0,0 +1,420 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import { tokens } from '@fluentui/tokens';
+import {
+  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,
+  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,
+  nullColorRaw,
+  statusNeutralBackgroundRaw,
+  statusNeutralTintBackgroundRaw,
+  statusNeutralTintStrokeRaw,
+  nullNumberRaw,
+  nullStringRaw,
+  backgroundCardOnsecondaryDefaultRestRaw,
+  backgroundCardOnsecondaryAltRestRaw,
+  backgroundCardOnsecondaryAltHoverRaw,
+  backgroundCardOnsecondaryAltPressedRaw,
+  backgroundCardOnsecondaryAltDisabledRaw,
+  backgroundCardOnsecondaryDefaultHoverRaw,
+  backgroundCardOnsecondaryDefaultPressedRaw,
+  backgroundCardOnsecondaryDefaultDisabledRaw,
+  backgroundCardOnflyoutDefaultRestRaw,
+  backgroundCardOnflyoutDefaultHoverRaw,
+  backgroundCardOnflyoutDefaultPressedRaw,
+  backgroundCardOnflyoutDefaultDisabledRaw,
+  shadowFlyoutKeyRaw,
+  shadowFlyoutAmbientRaw,
+  shadowToolbarKeyRaw,
+  shadowToolbarAmbientRaw,
+  shadowWindowActiveKeyRaw,
+  shadowWindowActiveAmbientRaw,
+  shadowWindowInactiveAmbientRaw,
+} 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}, ${tokens.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}, ${tokens.fontFamilyBase})`;
+export const textStyleDefaultRegularWeight = `var(${textStyleDefaultRegularWeightRaw}, ${tokens.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}, ${tokens.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}, ${tokens.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 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 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})`;
+export const shadowFlyoutKey = `var(${shadowFlyoutKeyRaw})`;
+export const shadowFlyoutAmbient = `var(${shadowFlyoutAmbientRaw})`;
+export const shadowToolbarKey = `var(${shadowToolbarKeyRaw})`;
+export const shadowToolbarAmbient = `var(${shadowToolbarAmbientRaw})`;
+export const shadowWindowActiveKey = `var(${shadowWindowActiveKeyRaw})`;
+export const shadowWindowActiveAmbient = `var(${shadowWindowActiveAmbientRaw})`;
+export const shadowWindowInactiveAmbient = `var(${shadowWindowInactiveAmbientRaw})`;
diff --git a/packages/semantic-tokens/src/control/variables.ts b/packages/semantic-tokens/src/control/variables.ts
new file mode 100644
index 0000000000000..798418fcdc610
--- /dev/null
+++ b/packages/semantic-tokens/src/control/variables.ts
@@ -0,0 +1,209 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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 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 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';
+export const shadowFlyoutKeyRaw = '--smtc-shadow-flyout-key';
+export const shadowFlyoutAmbientRaw = '--smtc-shadow-flyout-ambient';
+export const shadowToolbarKeyRaw = '--smtc-shadow-toolbar-key';
+export const shadowToolbarAmbientRaw = '--smtc-shadow-toolbar-ambient';
+export const shadowWindowActiveKeyRaw = '--smtc-shadow-window-active-key';
+export const shadowWindowActiveAmbientRaw = '--smtc-shadow-window-active-ambient';
+export const shadowWindowInactiveAmbientRaw = '--smtc-shadow-window-inactive-ambient';
diff --git a/packages/semantic-tokens/src/index.ts b/packages/semantic-tokens/src/index.ts
index cb0ff5c3b541f..143489db536a8 100644
--- a/packages/semantic-tokens/src/index.ts
+++ b/packages/semantic-tokens/src/index.ts
@@ -1 +1,1817 @@
-export {};
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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,
+  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,
+  statusNeutralStrokeRaw,
+  statusNeutralForegroundRaw,
+  statusNeutralTintForegroundRaw,
+  cornerFlyoutShellRestRaw,
+  materialAcrylicShellDefaultSolidRaw,
+  materialAcrylicShellDefaultColorblendRaw,
+  materialAcrylicShellDefaultLumblendRaw,
+  backgroundCardOnsecondaryDefaultSelectedRaw,
+  shadowCtrlOndragKeyRaw,
+  shadowCtrlOndragAmbientRaw,
+  shadowWindowInactiveKeyRaw,
+} 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,
+  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,
+  nullColorRaw,
+  statusNeutralBackgroundRaw,
+  statusNeutralTintBackgroundRaw,
+  statusNeutralTintStrokeRaw,
+  nullNumberRaw,
+  nullStringRaw,
+  backgroundCardOnsecondaryDefaultRestRaw,
+  backgroundCardOnsecondaryAltRestRaw,
+  backgroundCardOnsecondaryAltHoverRaw,
+  backgroundCardOnsecondaryAltPressedRaw,
+  backgroundCardOnsecondaryAltDisabledRaw,
+  backgroundCardOnsecondaryDefaultHoverRaw,
+  backgroundCardOnsecondaryDefaultPressedRaw,
+  backgroundCardOnsecondaryDefaultDisabledRaw,
+  backgroundCardOnflyoutDefaultRestRaw,
+  backgroundCardOnflyoutDefaultHoverRaw,
+  backgroundCardOnflyoutDefaultPressedRaw,
+  backgroundCardOnflyoutDefaultDisabledRaw,
+  shadowFlyoutKeyRaw,
+  shadowFlyoutAmbientRaw,
+  shadowToolbarKeyRaw,
+  shadowToolbarAmbientRaw,
+  shadowWindowActiveKeyRaw,
+  shadowWindowActiveAmbientRaw,
+  shadowWindowInactiveAmbientRaw,
+} 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,
+  shadowCardRestKeyRaw,
+  shadowCardHoverKeyRaw,
+  shadowCardPressedKeyRaw,
+  shadowCardDisabledKeyRaw,
+  shadowCardRestAmbientRaw,
+  shadowLayerKeyRaw,
+  shadowLayerAmbientRaw,
+} from './nullable/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,
+  ctrlChoiceSmBaseSizeRaw,
+  ctrlChoiceSmCheckboxCornerRaw,
+  ctrlChoiceSmCheckboxIconSizeRaw,
+  ctrlChoiceSmCheckboxIconSizeFigmaonlyRaw,
+  ctrlChoiceSmRadioDotSizeRaw,
+  ctrlChoiceSmSwitchWidthRaw,
+  ctrlChoiceSmSwitchHeightRaw,
+  ctrlChoiceSmSwitchThumbWidthRestRaw,
+  ctrlChoiceSmSwitchThumbWidthHoverRaw,
+  ctrlChoiceSmSwitchThumbWidthPressedRaw,
+  ctrlChoiceLgBaseSizeRaw,
+  ctrlChoiceLgCheckboxCornerRaw,
+  ctrlChoiceLgCheckboxIconSizeRaw,
+  ctrlChoiceLgCheckboxIconSizeFigmaonlyRaw,
+  ctrlChoiceLgRadioDotSizeRestRaw,
+  ctrlChoiceLgRadioDotSizeHoverRaw,
+  ctrlChoiceLgRadioDotSizePressedRaw,
+  ctrlChoiceLgSwitchWidthRaw,
+  ctrlChoiceLgSwitchHeightRaw,
+  ctrlChoiceLgSwitchThumbWidthRestRaw,
+  ctrlChoiceLgSwitchThumbWidthHoverRaw,
+  ctrlChoiceLgSwitchThumbWidthPressedRaw,
+  ctrlChoiceSwitchThumbShadowKeyRaw,
+  ctrlChoiceSwitchThumbShadowAmbientRaw,
+} from './components/choice/variables';
+export {
+  ctrlDialogBackgroundRaw,
+  ctrlDialogStrokeRaw,
+  ctrlDialogBaseCornerRaw,
+  ctrlDialogLayerBackgroundRaw,
+  ctrlDialogLayerPaddingBottomRaw,
+  ctrlDialogBaseShadowKeyRaw,
+  ctrlDialogBaseShadowAmbientRaw,
+} from './components/dialog/variables';
+export { ctrlDividerFixedlineLengthRaw } from './components/divider/variables';
+export {
+  ctrlDragBackgroundSolidRaw,
+  ctrlDragBackgroundColorblendRaw,
+  ctrlDragBackgroundLumblendRaw,
+} from './components/drag/variables';
+export {
+  ctrlFabBackgroundRestRaw,
+  ctrlFabBackgroundHoverRaw,
+  ctrlFabBackgroundPressedRaw,
+  ctrlFabBackgroundDisabledRaw,
+  ctrlFabCornerRestRaw,
+  ctrlFabCornerHoverRaw,
+  ctrlFabCornerPressedRaw,
+  ctrlFabShadowRestKeyRaw,
+  ctrlFabShadowRestAmbientRaw,
+  ctrlFabShadowHoverKeyRaw,
+  ctrlFabShadowPressedKeyRaw,
+  ctrlFabShadowDisabledKeyRaw,
+} 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,
+  ctrlListShadowSelectedKeyRaw,
+  ctrlListShadowSelectedAmbientRaw,
+} 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 {
+  ctrlTooltipCornerRaw,
+  ctrlTooltipBackgroundRaw,
+  ctrlTooltipForegroundRaw,
+  ctrlTooltipShadowKeyRaw,
+  ctrlTooltipShadowAmbientRaw,
+} from './components/tooltip/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,
+  ctrlComposerContainerCornerRaw,
+  ctrlComposerContainerBackgroundDefaultRaw,
+  ctrlComposerContainerBackgroundAcryliccolorblendRaw,
+  ctrlComposerContainerBackgroundAcryliclumblendRaw,
+  ctrlComposerContainerStrokeDefaultRaw,
+  ctrlComposerInputShadowRaw,
+  ctrlComposerContainerShadowKeyRaw,
+  ctrlComposerContainerShadowAmbientRaw,
+} 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,
+  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,
+  statusNeutralStroke,
+  statusNeutralForeground,
+  statusNeutralTintForeground,
+  cornerFlyoutShellRest,
+  materialAcrylicShellDefaultSolid,
+  materialAcrylicShellDefaultColorblend,
+  materialAcrylicShellDefaultLumblend,
+  backgroundCardOnsecondaryDefaultSelected,
+  shadowCtrlOndragKey,
+  shadowCtrlOndragAmbient,
+  shadowWindowInactiveKey,
+} 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,
+  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,
+  nullColor,
+  statusNeutralBackground,
+  statusNeutralTintBackground,
+  statusNeutralTintStroke,
+  nullNumber,
+  nullString,
+  backgroundCardOnsecondaryDefaultRest,
+  backgroundCardOnsecondaryAltRest,
+  backgroundCardOnsecondaryAltHover,
+  backgroundCardOnsecondaryAltPressed,
+  backgroundCardOnsecondaryAltDisabled,
+  backgroundCardOnsecondaryDefaultHover,
+  backgroundCardOnsecondaryDefaultPressed,
+  backgroundCardOnsecondaryDefaultDisabled,
+  backgroundCardOnflyoutDefaultRest,
+  backgroundCardOnflyoutDefaultHover,
+  backgroundCardOnflyoutDefaultPressed,
+  backgroundCardOnflyoutDefaultDisabled,
+  shadowFlyoutKey,
+  shadowFlyoutAmbient,
+  shadowToolbarKey,
+  shadowToolbarAmbient,
+  shadowWindowActiveKey,
+  shadowWindowActiveAmbient,
+  shadowWindowInactiveAmbient,
+} 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,
+  shadowCardRestKey,
+  shadowCardHoverKey,
+  shadowCardPressedKey,
+  shadowCardDisabledKey,
+  shadowCardRestAmbient,
+  shadowLayerKey,
+  shadowLayerAmbient,
+} from './nullable/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,
+  ctrlChoiceSmBaseSize,
+  ctrlChoiceSmCheckboxCorner,
+  ctrlChoiceSmCheckboxIconSize,
+  ctrlChoiceSmCheckboxIconSizeFigmaonly,
+  ctrlChoiceSmRadioDotSize,
+  ctrlChoiceSmSwitchWidth,
+  ctrlChoiceSmSwitchHeight,
+  ctrlChoiceSmSwitchThumbWidthRest,
+  ctrlChoiceSmSwitchThumbWidthHover,
+  ctrlChoiceSmSwitchThumbWidthPressed,
+  ctrlChoiceLgBaseSize,
+  ctrlChoiceLgCheckboxCorner,
+  ctrlChoiceLgCheckboxIconSize,
+  ctrlChoiceLgCheckboxIconSizeFigmaonly,
+  ctrlChoiceLgRadioDotSizeRest,
+  ctrlChoiceLgRadioDotSizeHover,
+  ctrlChoiceLgRadioDotSizePressed,
+  ctrlChoiceLgSwitchWidth,
+  ctrlChoiceLgSwitchHeight,
+  ctrlChoiceLgSwitchThumbWidthRest,
+  ctrlChoiceLgSwitchThumbWidthHover,
+  ctrlChoiceLgSwitchThumbWidthPressed,
+  ctrlChoiceSwitchThumbShadowKey,
+  ctrlChoiceSwitchThumbShadowAmbient,
+} from './components/choice/tokens';
+export {
+  ctrlDialogBackground,
+  ctrlDialogStroke,
+  ctrlDialogBaseCorner,
+  ctrlDialogLayerBackground,
+  ctrlDialogLayerPaddingBottom,
+  ctrlDialogBaseShadowKey,
+  ctrlDialogBaseShadowAmbient,
+} from './components/dialog/tokens';
+export { ctrlDividerFixedlineLength } from './components/divider/tokens';
+export {
+  ctrlDragBackgroundSolid,
+  ctrlDragBackgroundColorblend,
+  ctrlDragBackgroundLumblend,
+} from './components/drag/tokens';
+export {
+  ctrlFabBackgroundRest,
+  ctrlFabBackgroundHover,
+  ctrlFabBackgroundPressed,
+  ctrlFabBackgroundDisabled,
+  ctrlFabCornerRest,
+  ctrlFabCornerHover,
+  ctrlFabCornerPressed,
+  ctrlFabShadowRestKey,
+  ctrlFabShadowRestAmbient,
+  ctrlFabShadowHoverKey,
+  ctrlFabShadowPressedKey,
+  ctrlFabShadowDisabledKey,
+} 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,
+  ctrlListShadowSelectedKey,
+  ctrlListShadowSelectedAmbient,
+} 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 {
+  ctrlTooltipCorner,
+  ctrlTooltipBackground,
+  ctrlTooltipForeground,
+  ctrlTooltipShadowKey,
+  ctrlTooltipShadowAmbient,
+} from './components/tooltip/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,
+  ctrlComposerContainerCorner,
+  ctrlComposerContainerBackgroundDefault,
+  ctrlComposerContainerBackgroundAcryliccolorblend,
+  ctrlComposerContainerBackgroundAcryliclumblend,
+  ctrlComposerContainerStrokeDefault,
+  ctrlComposerInputShadow,
+  ctrlComposerContainerShadowKey,
+  ctrlComposerContainerShadowAmbient,
+} from './components/composer/tokens';
+export {
+  ctrlCardStateRest,
+  ctrlCardStateHover,
+  ctrlCardStatePressed,
+  ctrlCardStateDisabled,
+} from './components/card/tokens';
diff --git a/packages/semantic-tokens/src/nullable/tokens.ts b/packages/semantic-tokens/src/nullable/tokens.ts
new file mode 100644
index 0000000000000..b7846c3dfe163
--- /dev/null
+++ b/packages/semantic-tokens/src/nullable/tokens.ts
@@ -0,0 +1,100 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import {
+  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,
+  shadowCardRestKeyRaw,
+  shadowCardHoverKeyRaw,
+  shadowCardPressedKeyRaw,
+  shadowCardDisabledKeyRaw,
+  shadowCardRestAmbientRaw,
+  shadowLayerKeyRaw,
+  shadowLayerAmbientRaw,
+} 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 shadowCardRestKey = `var(${shadowCardRestKeyRaw}, unset)`;
+export const shadowCardHoverKey = `var(${shadowCardHoverKeyRaw}, unset)`;
+export const shadowCardPressedKey = `var(${shadowCardPressedKeyRaw}, unset)`;
+export const shadowCardDisabledKey = `var(${shadowCardDisabledKeyRaw}, unset)`;
+export const shadowCardRestAmbient = `var(${shadowCardRestAmbientRaw}, unset)`;
+export const shadowLayerKey = `var(${shadowLayerKeyRaw}, unset)`;
+export const shadowLayerAmbient = `var(${shadowLayerAmbientRaw}, 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..21b2da722d93f
--- /dev/null
+++ b/packages/semantic-tokens/src/nullable/variables.ts
@@ -0,0 +1,49 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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 shadowCardRestKeyRaw = '--smtc-shadow-card-rest-key';
+export const shadowCardHoverKeyRaw = '--smtc-shadow-card-hover-key';
+export const shadowCardPressedKeyRaw = '--smtc-shadow-card-pressed-key';
+export const shadowCardDisabledKeyRaw = '--smtc-shadow-card-disabled-key';
+export const shadowCardRestAmbientRaw = '--smtc-shadow-card-rest-ambient';
+export const shadowLayerKeyRaw = '--smtc-shadow-layer-key';
+export const shadowLayerAmbientRaw = '--smtc-shadow-layer-ambient';
diff --git a/packages/semantic-tokens/src/optional/tokens.ts b/packages/semantic-tokens/src/optional/tokens.ts
new file mode 100644
index 0000000000000..4b38ddc8237fe
--- /dev/null
+++ b/packages/semantic-tokens/src/optional/tokens.ts
@@ -0,0 +1,597 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+import {
+  textStyleDefaultRegularFontfamilyRaw,
+  textStyleDefaultRegularLetterspacingRaw,
+  textStyleDefaultRegularWeightRaw,
+  textStyleDefaultHeaderWeightRaw,
+  textGlobalTitle2FontsizeRaw,
+  textGlobalTitle2LineheightRaw,
+  textGlobalSubtitle1FontsizeRaw,
+  textGlobalSubtitle1LineheightRaw,
+  textGlobalSubtitle2FontsizeRaw,
+  textGlobalSubtitle2LineheightRaw,
+  textGlobalBody2FontsizeRaw,
+  textGlobalBody2LineheightRaw,
+  textGlobalBody3FontsizeRaw,
+  textGlobalBody3LineheightRaw,
+  textGlobalCaption1FontsizeRaw,
+  textGlobalCaption1LineheightRaw,
+  textGlobalCaption2FontsizeRaw,
+  textGlobalCaption2LineheightRaw,
+  textGlobalBody1FontsizeRaw,
+  textGlobalBody1LineheightRaw,
+  textGlobalTitle1FontsizeRaw,
+  textGlobalTitle1LineheightRaw,
+  textCtrlWeightSelectedRaw,
+  paddingContentXsmallRaw,
+  paddingContentXxsmallRaw,
+  paddingContentAlignOutdentTextonsubtleRaw,
+  paddingContentAlignDefaultRaw,
+  paddingCtrlTexttopRaw,
+  paddingCtrlSmTexttopRaw,
+  paddingCtrlLgTexttopRaw,
+  paddingCtrlTonestedcontrolRaw,
+  gapBetweenContentXxsmallRaw,
+  gapBetweenContentXsmallRaw,
+  paddingCtrlLgTonestedcontrolRaw,
+  paddingCtrlSmTonestedcontrolRaw,
+  gapBetweenContentMediumRaw,
+  strokewidthDefaultRaw,
+  backgroundCardOnprimaryDefaultRestRaw,
+  strokeCtrlOnoutlineRestRaw,
+  strokeCtrlOnoutlineHoverRaw,
+  strokeCtrlOnoutlinePressedRaw,
+  strokeCtrlOnoutlineDisabledRaw,
+  strokeCtrlDividerOnbrandRaw,
+  strokeCtrlDividerOnneutralRaw,
+  strokeCtrlDividerOnoutlineRaw,
+  strokeDividerDefaultRaw,
+  backgroundCtrlBrandRestRaw,
+  strokeWindowActiveRaw,
+  backgroundLayerPrimarySolidRaw,
+  backgroundCtrlBrandHoverRaw,
+  backgroundCtrlBrandPressedRaw,
+  backgroundCtrlBrandDisabledRaw,
+  foregroundCtrlNeutralSecondaryRestRaw,
+  foregroundCtrlNeutralSecondaryDisabledRaw,
+  cornerFlyoutRestRaw,
+  cornerZeroRaw,
+  cornerCardRestRaw,
+  cornerCtrlRestRaw,
+  cornerCtrlSmRestRaw,
+  cornerCtrlLgRestRaw,
+  foregroundCtrlNeutralPrimaryRestRaw,
+  foregroundCtrlBrandRestRaw,
+  foregroundCtrlNeutralPrimaryDisabledRaw,
+  foregroundCtrlOnbrandRestRaw,
+  foregroundCtrlBrandHoverRaw,
+  foregroundCtrlBrandPressedRaw,
+  foregroundCtrlBrandDisabledRaw,
+  foregroundCtrlOnbrandDisabledRaw,
+  iconthemeCtrlDefaultRestRaw,
+  iconthemeCtrlDefaultSelectedRaw,
+  statusDangerBackgroundRaw,
+  statusWarningBackgroundRaw,
+  statusSuccessBackgroundRaw,
+  statusImportantBackgroundRaw,
+  statusInformativeBackgroundRaw,
+  statusNeutralBackgroundRaw,
+  backgroundCardOnsecondaryDefaultRestRaw,
+  shadowFlyoutKeyRaw,
+  shadowFlyoutAmbientRaw,
+  shadowWindowActiveKeyRaw,
+} from '../control/variables';
+import {
+  strokeCardOnprimaryRestRaw,
+  strokeCtrlOnbrandRestRaw,
+  strokeCtrlOnbrandHoverRaw,
+  strokeCtrlOnbrandPressedRaw,
+  strokeCtrlOnbrandDisabledRaw,
+  strokeCtrlOnneutralRestRaw,
+  strokeCtrlOnneutralPressedRaw,
+  strokeCtrlOnneutralHoverRaw,
+  strokeCtrlOnneutralDisabledRaw,
+} from '../nullable/variables';
+import {
+  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,
+  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,
+  statusNeutralStrokeRaw,
+  statusNeutralForegroundRaw,
+  statusNeutralTintForegroundRaw,
+  cornerFlyoutShellRestRaw,
+  materialAcrylicShellDefaultSolidRaw,
+  materialAcrylicShellDefaultColorblendRaw,
+  materialAcrylicShellDefaultLumblendRaw,
+  backgroundCardOnsecondaryDefaultSelectedRaw,
+  shadowCtrlOndragKeyRaw,
+  shadowCtrlOndragAmbientRaw,
+  shadowWindowInactiveKeyRaw,
+} 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 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 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}))`;
+export const shadowCtrlOndragKey = `var(${shadowCtrlOndragKeyRaw}, var(${shadowFlyoutKeyRaw}))`;
+export const shadowCtrlOndragAmbient = `var(${shadowCtrlOndragAmbientRaw}, var(${shadowFlyoutAmbientRaw}))`;
+export const shadowWindowInactiveKey = `var(${shadowWindowInactiveKeyRaw}, var(${shadowWindowActiveKeyRaw}))`;
diff --git a/packages/semantic-tokens/src/optional/variables.ts b/packages/semantic-tokens/src/optional/variables.ts
new file mode 100644
index 0000000000000..9957d665e4d3e
--- /dev/null
+++ b/packages/semantic-tokens/src/optional/variables.ts
@@ -0,0 +1,251 @@
+// THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE
+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 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 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';
+export const shadowCtrlOndragKeyRaw = '--smtc-shadow-ctrl-ondrag-key';
+export const shadowCtrlOndragAmbientRaw = '--smtc-shadow-ctrl-ondrag-ambient';
+export const shadowWindowInactiveKeyRaw = '--smtc-shadow-window-inactive-key';