@salutejs/sdds-netology 0.358.0-next-sbcom.0 → 0.359.0-dev.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 _plasma_b2c = require("@salutejs/plasma-themes/tokens/plasma_b2c");
 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}: ${_plasma_b2c.surfaceTransparentTertiary};
+
+                ${_styledcomponents.rangeTokens.dividerColor}: ${_plasma_b2c.surfaceClear};
+                ${_styledcomponents.rangeTokens.labelColor}: ${_plasma_b2c.textPrimary};
+                ${_styledcomponents.rangeTokens.leftHelperColor}: ${_plasma_b2c.textSecondary};
+                ${_styledcomponents.rangeTokens.leftHelperColorError}: ${_plasma_b2c.textNegative};
+                ${_styledcomponents.rangeTokens.leftHelperColorSuccess}: ${_plasma_b2c.textPositive};
+                ${_styledcomponents.rangeTokens.titleCaptionColor}: ${_plasma_b2c.textSecondary};
+                ${_styledcomponents.rangeTokens.hintIconColor}: ${_plasma_b2c.textSecondary};
+
+                ${_styledcomponents.rangeTokens.contentSlotColor}: ${_plasma_b2c.textPrimary};
+                ${_styledcomponents.rangeTokens.contentSlotColorHover}: ${_plasma_b2c.textPrimaryHover};
+                ${_styledcomponents.rangeTokens.contentSlotColorActive}: ${_plasma_b2c.textPrimaryActive};
+
+                ${_styledcomponents.rangeTokens.embedIconButtonFocusColor}: ${_plasma_b2c.surfaceAccent};
+                ${_styledcomponents.rangeTokens.contentSlotRightColor}: ${_plasma_b2c.textPrimary};
+                ${_styledcomponents.rangeTokens.contentSlotRightColorHover}: ${_plasma_b2c.textPrimaryHover};
+                ${_styledcomponents.rangeTokens.contentSlotRightColorActive}: ${_plasma_b2c.textPrimaryActive};
+
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColor}: ${_plasma_b2c.textSecondary};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColorHover}: ${_plasma_b2c.textSecondaryHover};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColorActive}: ${_plasma_b2c.textSecondaryActive};
+
+                ${_styledcomponents.rangeTokens.textFieldContentSlotRightColor}: ${_plasma_b2c.textSecondary};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotRightColorHover}: ${_plasma_b2c.textSecondaryHover};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotRightColorActive}: ${_plasma_b2c.textSecondaryActive};
+
+                ${_styledcomponents.rangeTokens.contentSlotColorSuccess}: ${_plasma_b2c.textPositive};
+                ${_styledcomponents.rangeTokens.contentSlotColorSuccessHover}: ${_plasma_b2c.textPositiveHover};
+                ${_styledcomponents.rangeTokens.contentSlotColorSuccessActive}: ${_plasma_b2c.textPositiveActive};
+
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColorSuccess}: ${_plasma_b2c.textPositive};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColorSuccessHover}: ${_plasma_b2c.textPositiveHover};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColorSuccessActive}: ${_plasma_b2c.textPositiveActive};
+
+                ${_styledcomponents.rangeTokens.contentSlotColorError}: ${_plasma_b2c.textNegative};
+                ${_styledcomponents.rangeTokens.contentSlotColorErrorHover}: ${_plasma_b2c.textNegativeHover};
+                ${_styledcomponents.rangeTokens.contentSlotColorErrorActive}: ${_plasma_b2c.textNegativeActive};
+
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColorError}: ${_plasma_b2c.textNegative};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColorErrorHover}: ${_plasma_b2c.textNegativeHover};
+                ${_styledcomponents.rangeTokens.textFieldContentSlotColorErrorActive}: ${_plasma_b2c.textNegativeActive};
+
+                ${_styledcomponents.rangeTokens.textFieldColor}: ${_plasma_b2c.textPrimary};
+                ${_styledcomponents.rangeTokens.textFieldColorSuccess}: ${_plasma_b2c.textPositive};
+                ${_styledcomponents.rangeTokens.textFieldColorError}: ${_plasma_b2c.textNegative};
+                ${_styledcomponents.rangeTokens.focusColor}: ${_plasma_b2c.textAccent};
+                ${_styledcomponents.rangeTokens.textFieldPlaceholderColor}: ${_plasma_b2c.textSecondary};
+                ${_styledcomponents.rangeTokens.textFieldPlaceholderColorFocus}: ${_plasma_b2c.textTertiary};
+                ${_styledcomponents.rangeTokens.textFieldClearPlaceholderColorFocus}: ${_plasma_b2c.textTertiary};
+                ${_styledcomponents.rangeTokens.textFieldCaretColor}: ${_plasma_b2c.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}: ${_plasma_b2c.textTertiary};
+                ${_styledcomponents.rangeTokens.textFieldTextAfterColor}: ${_plasma_b2c.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}: ${_plasma_b2c.surfacePositive};
+                ${_styledcomponents.rangeTokens.textFieldDividerColorError}: ${_plasma_b2c.surfaceNegative};
+                ${_styledcomponents.rangeTokens.textFieldDividerColorHover}: ${_plasma_b2c.textSecondary};
+                ${_styledcomponents.rangeTokens.textFieldDividerColorFocus}: ${_plasma_b2c.surfaceAccent};
 
-                ${_styledcomponents.rangeTokens.indicatorColor}: var(--surface-negative);
+                ${_styledcomponents.rangeTokens.indicatorColor}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyL.fontFamily};
+                ${_styledcomponents.rangeTokens.dividerFontStyle}: ${_plasma_b2c.bodyL.fontStyle};
+                ${_styledcomponents.rangeTokens.dividerFontSize}: ${_plasma_b2c.bodyL.fontSize};
+                ${_styledcomponents.rangeTokens.dividerFontWeight}: ${_plasma_b2c.bodyL.fontWeight};
+                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: ${_plasma_b2c.bodyL.letterSpacing};
+                ${_styledcomponents.rangeTokens.dividerLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyL.fontFamily};
+                ${_styledcomponents.rangeTokens.textFieldFontStyle}: ${_plasma_b2c.bodyL.fontStyle};
+                ${_styledcomponents.rangeTokens.textFieldFontSize}: ${_plasma_b2c.bodyL.fontSize};
+                ${_styledcomponents.rangeTokens.textFieldFontWeight}: ${_plasma_b2c.bodyL.fontWeight};
+                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: ${_plasma_b2c.bodyL.letterSpacing};
+                ${_styledcomponents.rangeTokens.textFieldLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyL.fontFamily};
+                ${_styledcomponents.rangeTokens.labelFontStyle}: ${_plasma_b2c.bodyL.fontStyle};
+                ${_styledcomponents.rangeTokens.labelFontSize}: ${_plasma_b2c.bodyL.fontSize};
+                ${_styledcomponents.rangeTokens.labelFontWeight}: ${_plasma_b2c.bodyL.fontWeight};
+                ${_styledcomponents.rangeTokens.labelLetterSpacing}: ${_plasma_b2c.bodyL.letterSpacing};
+                ${_styledcomponents.rangeTokens.labelLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.leftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyL.fontFamily};
+                ${_styledcomponents.rangeTokens.dividerFontStyle}: ${_plasma_b2c.bodyL.fontStyle};
+                ${_styledcomponents.rangeTokens.dividerFontSize}: ${_plasma_b2c.bodyL.fontSize};
+                ${_styledcomponents.rangeTokens.dividerFontWeight}: ${_plasma_b2c.bodyL.fontWeight};
+                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: ${_plasma_b2c.bodyL.letterSpacing};
+                ${_styledcomponents.rangeTokens.dividerLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyL.fontFamily};
+                ${_styledcomponents.rangeTokens.textFieldFontStyle}: ${_plasma_b2c.bodyL.fontStyle};
+                ${_styledcomponents.rangeTokens.textFieldFontSize}: ${_plasma_b2c.bodyL.fontSize};
+                ${_styledcomponents.rangeTokens.textFieldFontWeight}: ${_plasma_b2c.bodyL.fontWeight};
+                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: ${_plasma_b2c.bodyL.letterSpacing};
+                ${_styledcomponents.rangeTokens.textFieldLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyL.fontFamily};
+                ${_styledcomponents.rangeTokens.labelFontSize}: ${_plasma_b2c.bodyL.fontSize};
+                ${_styledcomponents.rangeTokens.labelFontStyle}: ${_plasma_b2c.bodyL.fontStyle};
+                ${_styledcomponents.rangeTokens.labelFontWeight}: ${_plasma_b2c.bodyL.fontWeight};
+                ${_styledcomponents.rangeTokens.labelLetterSpacing}: ${_plasma_b2c.bodyL.letterSpacing};
+                ${_styledcomponents.rangeTokens.labelLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.leftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyM.fontFamily};
+                ${_styledcomponents.rangeTokens.dividerFontStyle}: ${_plasma_b2c.bodyM.fontStyle};
+                ${_styledcomponents.rangeTokens.dividerFontSize}: ${_plasma_b2c.bodyM.fontSize};
+                ${_styledcomponents.rangeTokens.dividerFontWeight}: ${_plasma_b2c.bodyM.fontWeight};
+                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: ${_plasma_b2c.bodyM.letterSpacing};
+                ${_styledcomponents.rangeTokens.dividerLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyM.fontFamily};
+                ${_styledcomponents.rangeTokens.textFieldFontStyle}: ${_plasma_b2c.bodyM.fontStyle};
+                ${_styledcomponents.rangeTokens.textFieldFontSize}: ${_plasma_b2c.bodyM.fontSize};
+                ${_styledcomponents.rangeTokens.textFieldFontWeight}: ${_plasma_b2c.bodyM.fontWeight};
+                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: ${_plasma_b2c.bodyM.letterSpacing};
+                ${_styledcomponents.rangeTokens.textFieldLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyM.fontFamily};
+                ${_styledcomponents.rangeTokens.labelFontSize}: ${_plasma_b2c.bodyM.fontSize};
+                ${_styledcomponents.rangeTokens.labelFontStyle}: ${_plasma_b2c.bodyM.fontStyle};
+                ${_styledcomponents.rangeTokens.labelFontWeight}: ${_plasma_b2c.bodyM.fontWeight};
+                ${_styledcomponents.rangeTokens.labelLetterSpacing}: ${_plasma_b2c.bodyM.letterSpacing};
+                ${_styledcomponents.rangeTokens.labelLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.leftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyS.fontFamily};
+                ${_styledcomponents.rangeTokens.dividerFontStyle}: ${_plasma_b2c.bodyS.fontStyle};
+                ${_styledcomponents.rangeTokens.dividerFontSize}: ${_plasma_b2c.bodyS.fontSize};
+                ${_styledcomponents.rangeTokens.dividerFontWeight}: ${_plasma_b2c.bodyS.fontWeight};
+                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: ${_plasma_b2c.bodyS.letterSpacing};
+                ${_styledcomponents.rangeTokens.dividerLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyS.fontFamily};
+                ${_styledcomponents.rangeTokens.textFieldFontStyle}: ${_plasma_b2c.bodyS.fontStyle};
+                ${_styledcomponents.rangeTokens.textFieldFontSize}: ${_plasma_b2c.bodyS.fontSize};
+                ${_styledcomponents.rangeTokens.textFieldFontWeight}: ${_plasma_b2c.bodyS.fontWeight};
+                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: ${_plasma_b2c.bodyS.letterSpacing};
+                ${_styledcomponents.rangeTokens.textFieldLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyS.fontFamily};
+                ${_styledcomponents.rangeTokens.labelFontSize}: ${_plasma_b2c.bodyS.fontSize};
+                ${_styledcomponents.rangeTokens.labelFontStyle}: ${_plasma_b2c.bodyS.fontStyle};
+                ${_styledcomponents.rangeTokens.labelFontWeight}: ${_plasma_b2c.bodyS.fontWeight};
+                ${_styledcomponents.rangeTokens.labelLetterSpacing}: ${_plasma_b2c.bodyS.letterSpacing};
+                ${_styledcomponents.rangeTokens.labelLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.leftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.dividerFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.dividerFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.dividerFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.dividerLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.dividerLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.textFieldFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.textFieldFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.textFieldFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.textFieldLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.textFieldLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.labelFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.labelFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.labelFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.labelLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.labelLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.titleCaptionFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.titleCaptionFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.titleCaptionFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.titleCaptionLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.titleCaptionLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.leftHelperFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.leftHelperFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.leftHelperFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.leftHelperLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.leftHelperLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.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}: ${_plasma_b2c.textPrimary};
+                ${_styledcomponents.rangeTokens.tooltipArrowBackground}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyS.fontFamily};
+                ${_styledcomponents.rangeTokens.tooltipTextFontSize}: ${_plasma_b2c.bodyS.fontSize};
+                ${_styledcomponents.rangeTokens.tooltipTextFontStyle}: ${_plasma_b2c.bodyS.fontStyle};
+                ${_styledcomponents.rangeTokens.tooltipTextFontWeight}: ${_plasma_b2c.bodyS.fontWeight};
+                ${_styledcomponents.rangeTokens.tooltipTextFontLetterSpacing}: ${_plasma_b2c.bodyS.letterSpacing};
+                ${_styledcomponents.rangeTokens.tooltipTextFontLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.rangeTokens.tooltipTextFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.rangeTokens.tooltipTextFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.rangeTokens.tooltipTextFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.rangeTokens.tooltipTextFontLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.rangeTokens.tooltipTextFontLineHeight}: ${_plasma_b2c.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}: ${_plasma_b2c.surfaceTransparentPrimary};
 
-                ${_styledcomponents.rangeTokens.dividerColorReadOnly}: var(--text-secondary);
+                ${_styledcomponents.rangeTokens.dividerColorReadOnly}: ${_plasma_b2c.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}: ${_plasma_b2c.textPrimary};
                 ${_styledcomponents.rangeTokens.textFieldBackgroundColorReadOnly}: transparent;
-                ${_styledcomponents.rangeTokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
+                ${_styledcomponents.rangeTokens.textFieldPlaceholderColorReadOnly}: ${_plasma_b2c.textSecondary};
             `
         }
     }