@salutejs/sdds-serv 0.355.0-next-sbcom.0 → 0.355.0

package/dist/styled-components/cjs/components/Range/Range.clear.config.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "config", {
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_serv = require("@salutejs/sdds-themes/tokens/sdds_serv");
 const config = {
     defaults: {
         view: 'default',
@@ -23,57 +24,57 @@ const config = {
                 ${_styledcomponents.rangeTokens.backgroundError}: transparent;
                 ${_styledcomponents.rangeTokens.backgroundSuccess}: transparent;
 
-                ${_styledcomponents.rangeTokens.clearDividerColor}: var(--surface-transparent-tertiary);
-
-                ${_styledcomponents.rangeTokens.dividerColor}: var(--surface-transparent-clear);
-                ${_styledcomponents.rangeTokens.labelColor}: var(--text-primary);
-                ${_styledcomponents.rangeTokens.leftHelperColor}: var(--text-secondary);
-                ${_styledcomponents.rangeTokens.leftHelperColorError}: var(--text-negative);
-                ${_styledcomponents.rangeTokens.leftHelperColorSuccess}: var(--text-positive);
-                ${_styledcomponents.rangeTokens.titleCaptionColor}: var(--text-secondary);
-                ${_styledcomponents.rangeTokens.hintIconColor}: var(--text-secondary);
-
-                ${_styledcomponents.rangeTokens.contentSlotColor}: var(--text-primary);
-                ${_styledcomponents.rangeTokens.contentSlotColorHover}: var(--text-primary-hover);
-                ${_styledcomponents.rangeTokens.contentSlotColorActive}: var(--text-primary-active);
-
-                ${_styledcomponents.rangeTokens.embedIconButtonFocusColor}: var(--surface-accent);
-                ${_styledcomponents.rangeTokens.contentSlotRightColor}: var(--text-primary);
-                ${_styledcomponents.rangeTokens.contentSlotRightColorHover}: var(--text-primary-hover);
-                ${_styledcomponents.rangeTokens.contentSlotRightColorActive}: var(--text-primary-active);
-
-                ${_styledcomponents.rangeTokens.textFieldContentSlotColor}: var(--text-secondary);
-                ${_styledcomponents.rangeTokens.textFieldContentSlotColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.rangeTokens.textFieldContentSlotColorActive}: var(--text-secondary-active);
-
-                ${_styledcomponents.rangeTokens.textFieldContentSlotRightColor}: var(--text-secondary);
-                ${_styledcomponents.rangeTokens.textFieldContentSlotRightColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.rangeTokens.textFieldContentSlotRightColorActive}: var(--text-secondary-active);
-
-                ${_styledcomponents.rangeTokens.contentSlotColorSuccess}: var(--text-positive);
-                ${_styledcomponents.rangeTokens.contentSlotColorSuccessHover}: var(--text-positive-hover);
-                ${_styledcomponents.rangeTokens.contentSlotColorSuccessActive}: var(--text-positive-active);
-
-                ${_styledcomponents.rangeTokens.textFieldContentSlotColorSuccess}: var(--text-positive);
-                ${_styledcomponents.rangeTokens.textFieldContentSlotColorSuccessHover}: var(--text-positive-hover);
-                ${_styledcomponents.rangeTokens.textFieldContentSlotColorSuccessActive}: var(--text-positive-active);
-
-                ${_styledcomponents.rangeTokens.contentSlotColorError}: var(--text-negative);
-                ${_styledcomponents.rangeTokens.contentSlotColorErrorHover}: var(--text-negative-hover);
-                ${_styledcomponents.rangeTokens.contentSlotColorErrorActive}: var(--text-negative-active);
-
-                ${_styledcomponents.rangeTokens.textFieldContentSlotColorError}: var(--text-negative);
-                ${_styledcomponents.rangeTokens.textFieldContentSlotColorErrorHover}: var(--text-negative-hover);
-                ${_styledcomponents.rangeTokens.textFieldContentSlotColorErrorActive}: var(--text-negative-active);
-
-                ${_styledcomponents.rangeTokens.textFieldColor}: var(--text-primary);
-                ${_styledcomponents.rangeTokens.textFieldColorSuccess}: var(--text-positive);
-                ${_styledcomponents.rangeTokens.textFieldColorError}: var(--text-negative);
-                ${_styledcomponents.rangeTokens.focusColor}: var(--text-accent);
-                ${_styledcomponents.rangeTokens.textFieldPlaceholderColor}: var(--text-secondary);
-                ${_styledcomponents.rangeTokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
-                ${_styledcomponents.rangeTokens.textFieldClearPlaceholderColorFocus}: var(--text-tertiary);
-                ${_styledcomponents.rangeTokens.textFieldCaretColor}: var(--text-accent);
+                ${_styledcomponents.rangeTokens.clearDividerColor}: ${_sdds_serv.surfaceTransparentTertiary};
+
+                ${_styledcomponents.rangeTokens.dividerColor}: ${_sdds_serv.surfaceClear};
+                ${_styledcomponents.rangeTokens.labelColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.rangeTokens.leftHelperColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.rangeTokens.leftHelperColorError}: ${_sdds_serv.textNegative};
+                ${_styledcomponents.rangeTokens.leftHelperColorSuccess}: ${_sdds_serv.textPositive};
+                ${_styledcomponents.rangeTokens.titleCaptionColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.rangeTokens.hintIconColor}: ${_sdds_serv.textSecondary};
+
+                ${_styledcomponents.rangeTokens.contentSlotColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.rangeTokens.contentSlotColorHover}: ${_sdds_serv.textPrimaryHover};
+                ${_styledcomponents.rangeTokens.contentSlotColorActive}: ${_sdds_serv.textPrimaryActive};
+
+                ${_styledcomponents.rangeTokens.embedIconButtonFocusColor}: ${_sdds_serv.surfaceAccent};
+                ${_styledcomponents.rangeTokens.contentSlotRightColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.rangeTokens.contentSlotRightColorHover}: ${_sdds_serv.textPrimaryHover};
+                ${_styledcomponents.rangeTokens.contentSlotRightColorActive}: ${_sdds_serv.textPrimaryActive};
+
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColorHover}: ${_sdds_serv.textSecondaryHover};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColorActive}: ${_sdds_serv.textSecondaryActive};
+
+                ${_styledcomponents.rangeTokens.textFieldContentSlotRightColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotRightColorHover}: ${_sdds_serv.textSecondaryHover};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotRightColorActive}: ${_sdds_serv.textSecondaryActive};
+
+                ${_styledcomponents.rangeTokens.contentSlotColorSuccess}: ${_sdds_serv.textPositive};
+                ${_styledcomponents.rangeTokens.contentSlotColorSuccessHover}: ${_sdds_serv.textPositiveHover};
+                ${_styledcomponents.rangeTokens.contentSlotColorSuccessActive}: ${_sdds_serv.textPositiveActive};
+
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColorSuccess}: ${_sdds_serv.textPositive};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColorSuccessHover}: ${_sdds_serv.textPositiveHover};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColorSuccessActive}: ${_sdds_serv.textPositiveActive};
+
+                ${_styledcomponents.rangeTokens.contentSlotColorError}: ${_sdds_serv.textNegative};
+                ${_styledcomponents.rangeTokens.contentSlotColorErrorHover}: ${_sdds_serv.textNegativeHover};
+                ${_styledcomponents.rangeTokens.contentSlotColorErrorActive}: ${_sdds_serv.textNegativeActive};
+
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColorError}: ${_sdds_serv.textNegative};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColorErrorHover}: ${_sdds_serv.textNegativeHover};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColorErrorActive}: ${_sdds_serv.textNegativeActive};
+
+                ${_styledcomponents.rangeTokens.textFieldColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.rangeTokens.textFieldColorSuccess}: ${_sdds_serv.textPositive};
+                ${_styledcomponents.rangeTokens.textFieldColorError}: ${_sdds_serv.textNegative};
+                ${_styledcomponents.rangeTokens.focusColor}: ${_sdds_serv.textAccent};
+                ${_styledcomponents.rangeTokens.textFieldPlaceholderColor}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.rangeTokens.textFieldPlaceholderColorFocus}: ${_sdds_serv.textTertiary};
+                ${_styledcomponents.rangeTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_serv.textTertiary};
+                ${_styledcomponents.rangeTokens.textFieldCaretColor}: ${_sdds_serv.textAccent};
 
                 ${_styledcomponents.rangeTokens.textFieldBackgroundColorHover}: transparent;
                 ${_styledcomponents.rangeTokens.textFieldBackgroundColorFocus}: transparent;
@@ -84,15 +85,15 @@ const config = {
                 ${_styledcomponents.rangeTokens.textFieldBackgroundSuccessColorHover}: transparent;
                 ${_styledcomponents.rangeTokens.textFieldBackgroundSuccessColorFocus}: transparent;
 
-                ${_styledcomponents.rangeTokens.textFieldTextBeforeColor}: var(--text-tertiary);
-                ${_styledcomponents.rangeTokens.textFieldTextAfterColor}: var(--text-tertiary);
+                ${_styledcomponents.rangeTokens.textFieldTextBeforeColor}: ${_sdds_serv.textTertiary};
+                ${_styledcomponents.rangeTokens.textFieldTextAfterColor}: ${_sdds_serv.textTertiary};
 
-                ${_styledcomponents.rangeTokens.textFieldDividerColorSuccess}: var(--surface-positive);
-                ${_styledcomponents.rangeTokens.textFieldDividerColorError}: var(--surface-negative);
-                ${_styledcomponents.rangeTokens.textFieldDividerColorHover}: var(--text-secondary);
-                ${_styledcomponents.rangeTokens.textFieldDividerColorFocus}: var(--surface-accent);
+                ${_styledcomponents.rangeTokens.textFieldDividerColorSuccess}: ${_sdds_serv.surfacePositive};
+                ${_styledcomponents.rangeTokens.textFieldDividerColorError}: ${_sdds_serv.surfaceNegative};
+                ${_styledcomponents.rangeTokens.textFieldDividerColorHover}: ${_sdds_serv.textSecondary};
+                ${_styledcomponents.rangeTokens.textFieldDividerColorFocus}: ${_sdds_serv.surfaceAccent};
 
-                ${_styledcomponents.rangeTokens.indicatorColor}: var(--surface-negative);
+                ${_styledcomponents.rangeTokens.indicatorColor}: ${_sdds_serv.surfaceNegative};
             `
         },
         size: {
@@ -100,12 +101,12 @@ const config = {
                 ${_styledcomponents.rangeTokens.borderRadius}: 1rem;
 
                 ${_styledcomponents.rangeTokens.dividerPadding}: 0 1.5rem;
-                ${_styledcomponents.rangeTokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.rangeTokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.rangeTokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.rangeTokens.dividerFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.rangeTokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.rangeTokens.dividerFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.rangeTokens.dividerFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.rangeTokens.dividerFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.rangeTokens.dividerFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.rangeTokens.dividerLineHeight}: ${_sdds_serv.bodyL.lineHeight};
 
                 ${_styledcomponents.rangeTokens.leftContentMargin}: 0 1.125rem 0 0;
                 ${_styledcomponents.rangeTokens.rightContentMargin}: 0;
@@ -113,24 +114,24 @@ const config = {
                 ${_styledcomponents.rangeTokens.textFieldHeight}: 4rem;
                 ${_styledcomponents.rangeTokens.textFieldBorderRadius}: 1rem;
                 ${_styledcomponents.rangeTokens.textFieldPadding}: 1.3125rem 0;
-                ${_styledcomponents.rangeTokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.rangeTokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.rangeTokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.rangeTokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.rangeTokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.rangeTokens.textFieldFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.rangeTokens.textFieldFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.rangeTokens.textFieldFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.rangeTokens.textFieldFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.rangeTokens.textFieldLineHeight}: ${_sdds_serv.bodyL.lineHeight};
 
                 ${_styledcomponents.rangeTokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0;
                 ${_styledcomponents.rangeTokens.textFieldRightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;
                 ${_styledcomponents.rangeTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_styledcomponents.rangeTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
 
-                ${_styledcomponents.rangeTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.rangeTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.rangeTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.rangeTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.rangeTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.rangeTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.rangeTokens.labelFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.rangeTokens.labelFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.rangeTokens.labelFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.rangeTokens.labelFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.rangeTokens.labelLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.rangeTokens.labelLineHeight}: ${_sdds_serv.bodyL.lineHeight};
 
                 ${_styledcomponents.rangeTokens.embedIconButtonHeight}: 4rem;
                 ${_styledcomponents.rangeTokens.embedIconButtonWidth}: 2.25rem;
@@ -148,22 +149,22 @@ const config = {
                 ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.438rem;
 
                 ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.375rem;
-                ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.helpersPadding}: 0.25rem 0 0 0;
                 ${_styledcomponents.rangeTokens.helpersGap}: 0.25rem;
 
-                ${_styledcomponents.rangeTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.leftHelperFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.leftHelperFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.indicatorSizeInner}: 0.5rem;
                 ${_styledcomponents.rangeTokens.indicatorSizeOuter}: 0.375rem;
@@ -177,12 +178,12 @@ const config = {
                 ${_styledcomponents.rangeTokens.borderRadius}: 0.875rem;
 
                 ${_styledcomponents.rangeTokens.dividerPadding}: 0 1.375rem;
-                ${_styledcomponents.rangeTokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.rangeTokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.rangeTokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.rangeTokens.dividerFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.rangeTokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.rangeTokens.dividerFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.rangeTokens.dividerFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.rangeTokens.dividerFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.rangeTokens.dividerFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.rangeTokens.dividerLineHeight}: ${_sdds_serv.bodyL.lineHeight};
 
                 ${_styledcomponents.rangeTokens.leftContentMargin}: 0 1.125rem 0 0;
                 ${_styledcomponents.rangeTokens.rightContentMargin}: 0;
@@ -190,24 +191,24 @@ const config = {
                 ${_styledcomponents.rangeTokens.textFieldHeight}: 3.5rem;
                 ${_styledcomponents.rangeTokens.textFieldBorderRadius}: 0.875rem;
                 ${_styledcomponents.rangeTokens.textFieldPadding}: 1.0625rem 0;
-                ${_styledcomponents.rangeTokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.rangeTokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.rangeTokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.rangeTokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.rangeTokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.rangeTokens.textFieldFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.rangeTokens.textFieldFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.rangeTokens.textFieldFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.rangeTokens.textFieldFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.rangeTokens.textFieldLineHeight}: ${_sdds_serv.bodyL.lineHeight};
 
                 ${_styledcomponents.rangeTokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;
                 ${_styledcomponents.rangeTokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
                 ${_styledcomponents.rangeTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_styledcomponents.rangeTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
 
-                ${_styledcomponents.rangeTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.rangeTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.rangeTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.rangeTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.rangeTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.rangeTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.rangeTokens.labelFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.rangeTokens.labelFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.rangeTokens.labelFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.rangeTokens.labelFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.rangeTokens.labelLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.rangeTokens.labelLineHeight}: ${_sdds_serv.bodyL.lineHeight};
 
                 ${_styledcomponents.rangeTokens.embedIconButtonHeight}: 3.5rem;
                 ${_styledcomponents.rangeTokens.embedIconButtonWidth}: 2.25rem;
@@ -225,22 +226,22 @@ const config = {
                 ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.438rem;
 
                 ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.375rem;
-                ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.helpersPadding}: 0.25rem 0 0 0;
                 ${_styledcomponents.rangeTokens.helpersGap}: 0.25rem;
 
-                ${_styledcomponents.rangeTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.leftHelperFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.leftHelperFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.indicatorSizeInner}: 0.5rem;
                 ${_styledcomponents.rangeTokens.indicatorSizeOuter}: 0.375rem;
@@ -254,12 +255,12 @@ const config = {
                 ${_styledcomponents.rangeTokens.borderRadius}: 0.75rem;
 
                 ${_styledcomponents.rangeTokens.dividerPadding}: 0 1.25rem;
-                ${_styledcomponents.rangeTokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.rangeTokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.rangeTokens.dividerFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.rangeTokens.dividerFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.rangeTokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.rangeTokens.dividerFontFamily}: ${_sdds_serv.bodyM.fontFamily};
+                ${_styledcomponents.rangeTokens.dividerFontStyle}: ${_sdds_serv.bodyM.fontStyle};
+                ${_styledcomponents.rangeTokens.dividerFontSize}: ${_sdds_serv.bodyM.fontSize};
+                ${_styledcomponents.rangeTokens.dividerFontWeight}: ${_sdds_serv.bodyM.fontWeight};
+                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
+                ${_styledcomponents.rangeTokens.dividerLineHeight}: ${_sdds_serv.bodyM.lineHeight};
 
                 ${_styledcomponents.rangeTokens.leftContentMargin}: 0 0.875rem 0 0;
                 ${_styledcomponents.rangeTokens.rightContentMargin}: 0;
@@ -267,24 +268,24 @@ const config = {
                 ${_styledcomponents.rangeTokens.textFieldHeight}: 3rem;
                 ${_styledcomponents.rangeTokens.textFieldBorderRadius}: 0.75rem;
                 ${_styledcomponents.rangeTokens.textFieldPadding}: 0.875rem 0;
-                ${_styledcomponents.rangeTokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.rangeTokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.rangeTokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.rangeTokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.rangeTokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.rangeTokens.textFieldFontFamily}: ${_sdds_serv.bodyM.fontFamily};
+                ${_styledcomponents.rangeTokens.textFieldFontStyle}: ${_sdds_serv.bodyM.fontStyle};
+                ${_styledcomponents.rangeTokens.textFieldFontSize}: ${_sdds_serv.bodyM.fontSize};
+                ${_styledcomponents.rangeTokens.textFieldFontWeight}: ${_sdds_serv.bodyM.fontWeight};
+                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
+                ${_styledcomponents.rangeTokens.textFieldLineHeight}: ${_sdds_serv.bodyM.lineHeight};
 
                 ${_styledcomponents.rangeTokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;
                 ${_styledcomponents.rangeTokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;
                 ${_styledcomponents.rangeTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_styledcomponents.rangeTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
 
-                ${_styledcomponents.rangeTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.rangeTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.rangeTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.rangeTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.rangeTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.rangeTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.rangeTokens.labelFontFamily}: ${_sdds_serv.bodyM.fontFamily};
+                ${_styledcomponents.rangeTokens.labelFontSize}: ${_sdds_serv.bodyM.fontSize};
+                ${_styledcomponents.rangeTokens.labelFontStyle}: ${_sdds_serv.bodyM.fontStyle};
+                ${_styledcomponents.rangeTokens.labelFontWeight}: ${_sdds_serv.bodyM.fontWeight};
+                ${_styledcomponents.rangeTokens.labelLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
+                ${_styledcomponents.rangeTokens.labelLineHeight}: ${_sdds_serv.bodyM.lineHeight};
 
                 ${_styledcomponents.rangeTokens.embedIconButtonHeight}: 3rem;
                 ${_styledcomponents.rangeTokens.embedIconButtonWidth}: 2.375rem;
@@ -302,22 +303,22 @@ const config = {
                 ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.438rem;
 
                 ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.313rem;
-                ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.helpersPadding}: 0.25rem 0 0 0;
                 ${_styledcomponents.rangeTokens.helpersGap}: 0.25rem;
 
-                ${_styledcomponents.rangeTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.leftHelperFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.leftHelperFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.indicatorSizeInner}: 0.5rem;
                 ${_styledcomponents.rangeTokens.indicatorSizeOuter}: 0.375rem;
@@ -331,12 +332,12 @@ const config = {
                 ${_styledcomponents.rangeTokens.borderRadius}: 0.625rem;
 
                 ${_styledcomponents.rangeTokens.dividerPadding}: 0 1.125rem;
-                ${_styledcomponents.rangeTokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.rangeTokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.rangeTokens.dividerFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.rangeTokens.dividerFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.rangeTokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.rangeTokens.dividerFontFamily}: ${_sdds_serv.bodyS.fontFamily};
+                ${_styledcomponents.rangeTokens.dividerFontStyle}: ${_sdds_serv.bodyS.fontStyle};
+                ${_styledcomponents.rangeTokens.dividerFontSize}: ${_sdds_serv.bodyS.fontSize};
+                ${_styledcomponents.rangeTokens.dividerFontWeight}: ${_sdds_serv.bodyS.fontWeight};
+                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
+                ${_styledcomponents.rangeTokens.dividerLineHeight}: ${_sdds_serv.bodyS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.leftContentMargin}: 0 0.75rem 0 0;
                 ${_styledcomponents.rangeTokens.rightContentMargin}: 0;
@@ -344,24 +345,24 @@ const config = {
                 ${_styledcomponents.rangeTokens.textFieldHeight}: 2.5rem;
                 ${_styledcomponents.rangeTokens.textFieldBorderRadius}: 0.625rem;
                 ${_styledcomponents.rangeTokens.textFieldPadding}: 0.6875rem 0;
-                ${_styledcomponents.rangeTokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.rangeTokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.rangeTokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.rangeTokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.rangeTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.rangeTokens.textFieldFontFamily}: ${_sdds_serv.bodyS.fontFamily};
+                ${_styledcomponents.rangeTokens.textFieldFontStyle}: ${_sdds_serv.bodyS.fontStyle};
+                ${_styledcomponents.rangeTokens.textFieldFontSize}: ${_sdds_serv.bodyS.fontSize};
+                ${_styledcomponents.rangeTokens.textFieldFontWeight}: ${_sdds_serv.bodyS.fontWeight};
+                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
+                ${_styledcomponents.rangeTokens.textFieldLineHeight}: ${_sdds_serv.bodyS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;
                 ${_styledcomponents.rangeTokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;
                 ${_styledcomponents.rangeTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_styledcomponents.rangeTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
 
-                ${_styledcomponents.rangeTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.rangeTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.rangeTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.rangeTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.rangeTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.rangeTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.rangeTokens.labelFontFamily}: ${_sdds_serv.bodyS.fontFamily};
+                ${_styledcomponents.rangeTokens.labelFontSize}: ${_sdds_serv.bodyS.fontSize};
+                ${_styledcomponents.rangeTokens.labelFontStyle}: ${_sdds_serv.bodyS.fontStyle};
+                ${_styledcomponents.rangeTokens.labelFontWeight}: ${_sdds_serv.bodyS.fontWeight};
+                ${_styledcomponents.rangeTokens.labelLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
+                ${_styledcomponents.rangeTokens.labelLineHeight}: ${_sdds_serv.bodyS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.embedIconButtonHeight}: 2.5rem;
                 ${_styledcomponents.rangeTokens.embedIconButtonWidth}: 2.5rem;
@@ -379,22 +380,22 @@ const config = {
                 ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.438rem;
 
                 ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0.188rem;
-                ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.helpersPadding}: 0.25rem 0 0 0;
                 ${_styledcomponents.rangeTokens.helpersGap}: 0.25rem;
 
-                ${_styledcomponents.rangeTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.leftHelperFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.leftHelperFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.indicatorSizeInner}: 0.5rem;
                 ${_styledcomponents.rangeTokens.indicatorSizeOuter}: 0.375rem;
@@ -408,12 +409,12 @@ const config = {
                 ${_styledcomponents.rangeTokens.borderRadius}: 0.5rem;
 
                 ${_styledcomponents.rangeTokens.dividerPadding}: 0 0.875rem;
-                ${_styledcomponents.rangeTokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.dividerFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.dividerFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.dividerFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.dividerFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.dividerFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.dividerLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.leftContentMargin}: 0 0.5rem 0 0;
                 ${_styledcomponents.rangeTokens.rightContentMargin}: 0;
@@ -421,24 +422,24 @@ const config = {
                 ${_styledcomponents.rangeTokens.textFieldHeight}: 2rem;
                 ${_styledcomponents.rangeTokens.textFieldBorderRadius}: 0.5rem;
                 ${_styledcomponents.rangeTokens.textFieldPadding}: 0.5625rem 0;
-                ${_styledcomponents.rangeTokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.textFieldFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.textFieldFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.textFieldFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.textFieldFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.textFieldLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;
                 ${_styledcomponents.rangeTokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;
                 ${_styledcomponents.rangeTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
                 ${_styledcomponents.rangeTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
 
-                ${_styledcomponents.rangeTokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.labelFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.labelFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.labelFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.labelFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.labelLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.labelLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.embedIconButtonHeight}: 2rem;
                 ${_styledcomponents.rangeTokens.embedIconButtonWidth}: 1.5rem;
@@ -456,22 +457,22 @@ const config = {
                 ${_styledcomponents.rangeTokens.hintPlacementInnerMargin}: 0 -0.688rem;
 
                 ${_styledcomponents.rangeTokens.titleCaptionOffset}: 0;
-                ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.titleCaptionFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.helpersPadding}: 0.25rem 0 0 0;
                 ${_styledcomponents.rangeTokens.helpersGap}: 0.25rem;
 
-                ${_styledcomponents.rangeTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.leftHelperFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.leftHelperFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.indicatorSizeInner}: 0.375rem;
                 ${_styledcomponents.rangeTokens.indicatorSizeOuter}: 0.375rem;
@@ -484,10 +485,10 @@ const config = {
         },
         hintView: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.rangeTokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);
+                ${_styledcomponents.rangeTokens.tooltipBackgroundColor}: ${_sdds_serv.surfaceSolidCardBrightness};
                 ${_styledcomponents.rangeTokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));
-                ${_styledcomponents.rangeTokens.tooltipColor}: var(--text-primary);
-                ${_styledcomponents.rangeTokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);
+                ${_styledcomponents.rangeTokens.tooltipColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.rangeTokens.tooltipArrowBackground}: ${_sdds_serv.surfaceSolidCardBrightness};
             `
         },
         hintSize: {
@@ -500,12 +501,12 @@ const config = {
                 ${_styledcomponents.rangeTokens.tooltipMinHeight}: 2.5rem;
                 ${_styledcomponents.rangeTokens.tooltipBorderRadius}: 0.625rem;
 
-                ${_styledcomponents.rangeTokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.rangeTokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.rangeTokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.rangeTokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.rangeTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.rangeTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.rangeTokens.tooltipTextFontFamily}: ${_sdds_serv.bodyS.fontFamily};
+                ${_styledcomponents.rangeTokens.tooltipTextFontSize}: ${_sdds_serv.bodyS.fontSize};
+                ${_styledcomponents.rangeTokens.tooltipTextFontStyle}: ${_sdds_serv.bodyS.fontStyle};
+                ${_styledcomponents.rangeTokens.tooltipTextFontWeight}: ${_sdds_serv.bodyS.fontWeight};
+                ${_styledcomponents.rangeTokens.tooltipTextFontLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
+                ${_styledcomponents.rangeTokens.tooltipTextFontLineHeight}: ${_sdds_serv.bodyS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.tooltipContentLeftMargin}: 0.375rem;
 
@@ -524,12 +525,12 @@ const config = {
                 ${_styledcomponents.rangeTokens.tooltipMinHeight}: 2rem;
                 ${_styledcomponents.rangeTokens.tooltipBorderRadius}: 0.5rem;
 
-                ${_styledcomponents.rangeTokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.rangeTokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.rangeTokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.rangeTokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.rangeTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.rangeTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.rangeTokens.tooltipTextFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.tooltipTextFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.tooltipTextFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.tooltipTextFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.tooltipTextFontLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.tooltipTextFontLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_styledcomponents.rangeTokens.tooltipContentLeftMargin}: 0.25rem;
 
@@ -547,16 +548,16 @@ const config = {
         },
         readOnly: {
             true: (0, _styledcomponents.css)`
-                ${_styledcomponents.rangeTokens.backgroundReadOnly}: var(--surface-transparent-primary);
+                ${_styledcomponents.rangeTokens.backgroundReadOnly}: ${_sdds_serv.surfaceTransparentPrimary};
 
-                ${_styledcomponents.rangeTokens.dividerColorReadOnly}: var(--text-secondary);
+                ${_styledcomponents.rangeTokens.dividerColorReadOnly}: ${_sdds_serv.textSecondary};
                 ${_styledcomponents.rangeTokens.readOnlyOpacity}: 0.1;
                 ${_styledcomponents.rangeTokens.dividerOpacityReadOnly}: 0.4;
                 ${_styledcomponents.rangeTokens.rightContentOpacityReadOnly}: 0.4;
 
-                ${_styledcomponents.rangeTokens.textFieldColorReadOnly}: var(--text-primary);
+                ${_styledcomponents.rangeTokens.textFieldColorReadOnly}: ${_sdds_serv.textPrimary};
                 ${_styledcomponents.rangeTokens.textFieldBackgroundColorReadOnly}: transparent;
-                ${_styledcomponents.rangeTokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
+                ${_styledcomponents.rangeTokens.textFieldPlaceholderColorReadOnly}: ${_sdds_serv.textSecondary};
             `
         }
     }