Set variable path correctly

packages/semantic-tokens/scripts/tokenGen.ts

@@ -89,7 +89,7 @@ function generateTokenRawStrings() {
     if (!fs.existsSync(dir)) {
       fs.mkdirSync(dir, { recursive: true });
     }
-    fs.writeFileSync(`./src/components/${component}/tokens.ts`, componentTokens[component]);
+    fs.writeFileSync(`./src/components/${component}/variables.ts`, componentTokens[component]);
   }
 }
 

packages/semantic-tokens/src/components/avatar/variables.ts

@@ -0,0 +1,17 @@
+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';

packages/semantic-tokens/src/components/badge/variables.ts

@@ -0,0 +1,24 @@
+export const ctrlBadgeTextPaddingTopRaw = '--smtc-ctrl-badge-text-padding-top';
+export const ctrlBadgeTextPaddingBottomRaw = '--smtc-ctrl-badge-text-padding-bottom';
+export const ctrlBadgeSmTextPaddingTopRaw = '--smtc-ctrl-badge-sm-text-padding-top';
+export const ctrlBadgeSmTextPaddingBottomRaw = '--smtc-ctrl-badge-sm-text-padding-bottom';
+export const ctrlBadgeLgTextPaddingTopRaw = '--smtc-ctrl-badge-lg-text-padding-top';
+export const ctrlBadgeLgTextPaddingBottomRaw = '--smtc-ctrl-badge-lg-text-padding-bottom';
+export const ctrlBadgeIconThemeRaw = '--smtc-ctrl-badge-icon-theme';
+export const ctrlBadgeBeaconSizeRaw = '--smtc-ctrl-badge-beacon-size';
+export const ctrlBadgeSizeRaw = '--smtc-ctrl-badge-size';
+export const ctrlBadgeCornerRaw = '--smtc-ctrl-badge-corner';
+export const ctrlBadgeIconSizeFigmaOnlyRaw = '--smtc-ctrl-badge-icon-size (figma only)';
+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-size (figma only)';
+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-size (figma only)';
+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';

packages/semantic-tokens/src/components/boolean/variables.ts

@@ -0,0 +1 @@
+export const ctrlBooleanSelectionhintRaw = '--smtc-ctrl-boolean-selectionhint';

packages/semantic-tokens/src/components/choice/variables.ts

@@ -0,0 +1,69 @@
+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 ctrlChoiceBaseBackgroundIndeterminateRestRaw = '--smtc-ctrl-choice-base-background-indeterminate-rest';
+export const ctrlChoiceBaseBackgroundIndeterminateHoverRaw = '--smtc-ctrl-choice-base-background-indeterminate-hover';
+export const ctrlChoiceBaseBackgroundIndeterminatePressedRaw = '--smtc-ctrl-choice-base-background-indeterminate-pressed';
+export const ctrlChoiceBaseBackgroundIndeterminateDisabledRaw = '--smtc-ctrl-choice-base-background-indeterminate-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 ctrlChoiceBaseStrokeIndeterminateRestRaw = '--smtc-ctrl-choice-base-stroke-indeterminate-rest';
+export const ctrlChoiceBaseStrokeIndeterminateHoverRaw = '--smtc-ctrl-choice-base-stroke-indeterminate-hover';
+export const ctrlChoiceBaseStrokeIndeterminatePressedRaw = '--smtc-ctrl-choice-base-stroke-indeterminate-pressed';
+export const ctrlChoiceBaseStrokeIndeterminateDisabledRaw = '--smtc-ctrl-choice-base-stroke-indeterminate-disabled';
+export const ctrlChoiceForegroundIndeterminateRestRaw = '--smtc-ctrl-choice-foreground-indeterminate-rest';
+export const ctrlChoiceForegroundIndeterminateHoverRaw = '--smtc-ctrl-choice-foreground-indeterminate-hover';
+export const ctrlChoiceForegroundIndeterminatePressedRaw = '--smtc-ctrl-choice-foreground-indeterminate-pressed';
+export const ctrlChoiceForegroundIndeterminateDisabledRaw = '--smtc-ctrl-choice-foreground-indeterminate-disabled';
+export const ctrlChoiceCheckboxIconSizeRaw = '--smtc-ctrl-choice-checkbox-icon-size';
+export const ctrlChoiceCheckboxCornerRaw = '--smtc-ctrl-choice-checkbox-corner';
+export const ctrlChoiceRadioCornerRaw = '--smtc-ctrl-choice-radio-corner';
+export const ctrlChoiceSwitchCornerRaw = '--smtc-ctrl-choice-switch-corner';
+export const ctrlChoiceRadioDotSizeRestRaw = '--smtc-ctrl-choice-radio-dot-size-rest';
+export const ctrlChoiceRadioDotSizeHoverRaw = '--smtc-ctrl-choice-radio-dot-size-hover';
+export const ctrlChoiceRadioDotSizePressedRaw = '--smtc-ctrl-choice-radio-dot-size-pressed';
+export const ctrlChoiceSwitchPaddingRestRaw = '--smtc-ctrl-choice-switch-padding-rest';
+export const ctrlChoiceSwitchPaddingHoverRaw = '--smtc-ctrl-choice-switch-padding-hover';
+export const ctrlChoiceSwitchPaddingPressedRaw = '--smtc-ctrl-choice-switch-padding-pressed';
+export const ctrlChoiceSwitchHeightRaw = '--smtc-ctrl-choice-switch-height';
+export const ctrlChoiceSwitchWidthRaw = '--smtc-ctrl-choice-switch-width';
+export const ctrlChoiceSwitchThumbWidthRestRaw = '--smtc-ctrl-choice-switch-thumb-width-rest';
+export const ctrlChoiceSwitchThumbWidthHoverRaw = '--smtc-ctrl-choice-switch-thumb-width-hover';
+export const ctrlChoiceSwitchThumbWidthPressedRaw = '--smtc-ctrl-choice-switch-thumb-width-pressed';
+export const ctrlChoiceSwitchThumbShadowKeyXRaw = '--smtc-ctrl-choice-switch-thumb-shadow-(key)-(x)';
+export const ctrlChoiceSwitchThumbShadowKeyYRaw = '--smtc-ctrl-choice-switch-thumb-shadow-(key)-(y)';
+export const ctrlChoiceSwitchThumbShadowKeyBlurRaw = '--smtc-ctrl-choice-switch-thumb-shadow-(key)-(blur)';
+export const ctrlChoiceSwitchThumbShadowKeyColorRaw = '--smtc-ctrl-choice-switch-thumb-shadow-(key)-(color)';
+export const ctrlChoiceSwitchThumbShadowAmbientXRaw = '--smtc-ctrl-choice-switch-thumb-shadow-(ambient)-(x)';
+export const ctrlChoiceSwitchThumbShadowAmbientYRaw = '--smtc-ctrl-choice-switch-thumb-shadow-(ambient)-(y)';
+export const ctrlChoiceSwitchThumbShadowAmbientBlurRaw = '--smtc-ctrl-choice-switch-thumb-shadow-(ambient)-(blur)';
+export const ctrlChoiceSwitchThumbShadowAmbientColorRaw = '--smtc-ctrl-choice-switch-thumb-shadow-(ambient)-(color)';
+export const ctrlChoiceSmBaseSizeRaw = '--smtc-ctrl-choice-sm-base-size';
+export const ctrlChoiceSmCheckboxIconSizeRaw = '--smtc-ctrl-choice-sm-checkbox-icon-size';
+export const ctrlChoiceSmCheckboxCornerRaw = '--smtc-ctrl-choice-sm-checkbox-corner';
+export const ctrlChoiceSmCheckboxIconSizeFigmaOnlyRaw = '--smtc-ctrl-choice-sm-checkbox-icon-size (figma only)';
+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-size (figma only)';
+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';

packages/semantic-tokens/src/components/dialog/variables.ts

@@ -0,0 +1,13 @@
+export const ctrlDialogBackgroundRaw = '--smtc-ctrl-dialog-background';
+export const ctrlDialogStrokeRaw = '--smtc-ctrl-dialog-stroke';
+export const ctrlDialogBaseCornerRaw = '--smtc-ctrl-dialog-base-corner';
+export const ctrlDialogBaseShadowKeyXRaw = '--smtc-ctrl-dialog-base-shadow-(key)-(x)';
+export const ctrlDialogBaseShadowKeyYRaw = '--smtc-ctrl-dialog-base-shadow-(key)-(y)';
+export const ctrlDialogBaseShadowKeyBlurRaw = '--smtc-ctrl-dialog-base-shadow-(key)-(blur)';
+export const ctrlDialogBaseShadowKeyColorRaw = '--smtc-ctrl-dialog-base-shadow-(key)-(color)';
+export const ctrlDialogBaseShadowAmbientXRaw = '--smtc-ctrl-dialog-base-shadow-(ambient)-(x)';
+export const ctrlDialogBaseShadowAmbientYRaw = '--smtc-ctrl-dialog-base-shadow-(ambient)-(y)';
+export const ctrlDialogBaseShadowAmbientBlurRaw = '--smtc-ctrl-dialog-base-shadow-(ambient)-(blur)';
+export const ctrlDialogBaseShadowAmbientColorRaw = '--smtc-ctrl-dialog-base-shadow-(ambient)-(color)';
+export const ctrlDialogLayerBackgroundRaw = '--smtc-ctrl-dialog-layer-background';
+export const ctrlDialogLayerPaddingBottomRaw = '--smtc-ctrl-dialog-layer-padding-bottom';

packages/semantic-tokens/src/components/divider/variables.ts

@@ -0,0 +1 @@
+export const ctrlDividerFixedlineLengthRaw = '--smtc-ctrl-divider-fixedline-length';

packages/semantic-tokens/src/components/drag/variables.ts

@@ -0,0 +1,3 @@
+export const ctrlDragBackgroundSolidRaw = '--smtc-ctrl-drag-background-(solid)';
+export const ctrlDragBackgroundColorblendRaw = '--smtc-ctrl-drag-background-(colorblend)';
+export const ctrlDragBackgroundLumblendRaw = '--smtc-ctrl-drag-background-(lumblend)';

packages/semantic-tokens/src/components/fab/variables.ts

@@ -0,0 +1,27 @@
+export const ctrlFabBackgroundRestRaw = '--smtc-ctrl-fab-background-rest';
+export const ctrlFabBackgroundHoverRaw = '--smtc-ctrl-fab-background-hover';
+export const ctrlFabBackgroundPressedRaw = '--smtc-ctrl-fab-background-pressed';
+export const ctrlFabBackgroundDisabledRaw = '--smtc-ctrl-fab-background-disabled';
+export const ctrlFabCornerRestRaw = '--smtc-ctrl-fab-corner-rest';
+export const ctrlFabShadowRestKeyXRaw = '--smtc-ctrl-fab-shadow-rest-(key)-(x)';
+export const ctrlFabShadowRestKeyYRaw = '--smtc-ctrl-fab-shadow-rest-(key)-(y)';
+export const ctrlFabShadowRestKeyBlurRaw = '--smtc-ctrl-fab-shadow-rest-(key)-(blur)';
+export const ctrlFabShadowRestKeyColorRaw = '--smtc-ctrl-fab-shadow-rest-(key)-(color)';
+export const ctrlFabShadowRestAmbientXRaw = '--smtc-ctrl-fab-shadow-rest-(ambient)-(x)';
+export const ctrlFabShadowRestAmbientYRaw = '--smtc-ctrl-fab-shadow-rest-(ambient)-(y)';
+export const ctrlFabShadowRestAmbientBlurRaw = '--smtc-ctrl-fab-shadow-rest-(ambient)-(blur)';
+export const ctrlFabShadowRestAmbientColorRaw = '--smtc-ctrl-fab-shadow-rest-(ambient)-(color)';
+export const ctrlFabShadowHoverKeyXRaw = '--smtc-ctrl-fab-shadow-hover-(key)-(x)';
+export const ctrlFabShadowHoverKeyYRaw = '--smtc-ctrl-fab-shadow-hover-(key)-(y)';
+export const ctrlFabShadowHoverKeyBlurRaw = '--smtc-ctrl-fab-shadow-hover-(key)-(blur)';
+export const ctrlFabShadowHoverKeyColorRaw = '--smtc-ctrl-fab-shadow-hover-(key)-(color)';
+export const ctrlFabShadowPressedKeyXRaw = '--smtc-ctrl-fab-shadow-pressed-(key)-(x)';
+export const ctrlFabShadowPressedKeyYRaw = '--smtc-ctrl-fab-shadow-pressed-(key)-(y)';
+export const ctrlFabShadowPressedKeyBlurRaw = '--smtc-ctrl-fab-shadow-pressed-(key)-(blur)';
+export const ctrlFabShadowPressedKeyColorRaw = '--smtc-ctrl-fab-shadow-pressed-(key)-(color)';
+export const ctrlFabShadowDisabledKeyXRaw = '--smtc-ctrl-fab-shadow-disabled-(key)-(x)';
+export const ctrlFabShadowDisabledKeyYRaw = '--smtc-ctrl-fab-shadow-disabled-(key)-(y)';
+export const ctrlFabShadowDisabledKeyBlurRaw = '--smtc-ctrl-fab-shadow-disabled-(key)-(blur)';
+export const ctrlFabShadowDisabledKeyColorRaw = '--smtc-ctrl-fab-shadow-disabled-(key)-(color)';
+export const ctrlFabCornerHoverRaw = '--smtc-ctrl-fab-corner-hover';
+export const ctrlFabCornerPressedRaw = '--smtc-ctrl-fab-corner-pressed';

packages/semantic-tokens/src/components/focus/variables.ts

@@ -0,0 +1,5 @@
+export const ctrlFocusPositionFigmaOnlyRaw = '--smtc-ctrl-focus-position (figma only)';
+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';

packages/semantic-tokens/src/components/input/variables.ts

@@ -0,0 +1,28 @@
+export const ctrlInputBackgroundRestRaw = '--smtc-ctrl-input-background-rest';
+export const ctrlInputBackgroundHoverRaw = '--smtc-ctrl-input-background-hover';
+export const ctrlInputBackgroundPressedRaw = '--smtc-ctrl-input-background-pressed';
+export const ctrlInputBackgroundDisabledRaw = '--smtc-ctrl-input-background-disabled';
+export const ctrlInputBackgroundSelectedRaw = '--smtc-ctrl-input-background-selected';
+export const ctrlInputBackgroundErrorRaw = '--smtc-ctrl-input-background-error';
+export const ctrlInputStrokeRestRaw = '--smtc-ctrl-input-stroke-rest';
+export const ctrlInputBottomlineStrokewidthRestRaw = '--smtc-ctrl-input-bottomline-strokewidth-rest';
+export const ctrlInputStrokewidthRestRaw = '--smtc-ctrl-input-strokewidth-rest';
+export const ctrlInputTextselectionBackgroundRaw = '--smtc-ctrl-input-textselection-background';
+export const ctrlInputTextselectionForegroundRaw = '--smtc-ctrl-input-textselection-foreground';
+export const ctrlInputStrokewidthHoverRaw = '--smtc-ctrl-input-strokewidth-hover';
+export const ctrlInputStrokewidthPressedRaw = '--smtc-ctrl-input-strokewidth-pressed';
+export const ctrlInputStrokewidthSelectedRaw = '--smtc-ctrl-input-strokewidth-selected';
+export const ctrlInputBottomlineStrokewidthHoverRaw = '--smtc-ctrl-input-bottomline-strokewidth-hover';
+export const ctrlInputBottomlineStrokewidthPressedRaw = '--smtc-ctrl-input-bottomline-strokewidth-pressed';
+export const ctrlInputBottomlineStrokewidthSelectedRaw = '--smtc-ctrl-input-bottomline-strokewidth-selected';
+export const ctrlInputBottomlineStrokeRestRaw = '--smtc-ctrl-input-bottomline-stroke-rest';
+export const ctrlInputBottomlineStrokeHoverRaw = '--smtc-ctrl-input-bottomline-stroke-hover';
+export const ctrlInputBottomlineStrokePressedRaw = '--smtc-ctrl-input-bottomline-stroke-pressed';
+export const ctrlInputBottomlineStrokeDisabledRaw = '--smtc-ctrl-input-bottomline-stroke-disabled';
+export const ctrlInputBottomlineStrokeSelectedRaw = '--smtc-ctrl-input-bottomline-stroke-selected';
+export const ctrlInputBottomlineStrokeErrorRaw = '--smtc-ctrl-input-bottomline-stroke-error';
+export const ctrlInputStrokeHoverRaw = '--smtc-ctrl-input-stroke-hover';
+export const ctrlInputStrokePressedRaw = '--smtc-ctrl-input-stroke-pressed';
+export const ctrlInputStrokeDisabledRaw = '--smtc-ctrl-input-stroke-disabled';
+export const ctrlInputStrokeSelectedRaw = '--smtc-ctrl-input-stroke-selected';
+export const ctrlInputStrokeErrorRaw = '--smtc-ctrl-input-stroke-error';

packages/semantic-tokens/src/components/link/variables.ts

@@ -0,0 +1,15 @@
+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-solid (figma only)';
+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-solid (figma only)';
+export const ctrlLinkShowunderlineatrestRaw = '--smtc-ctrl-link-showunderlineatrest';