@salutejs/sdds-netology 0.358.0-next-sbcom.0 → 0.359.0-dev.0

package/dist/styled-components/cjs/components/LinkButton/LinkButton.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',
@@ -17,74 +18,74 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-primary);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-primary);
-                ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: var(--text-primary-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: var(--text-primary-active);
-                ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: var(--text-primary-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: var(--text-primary-active);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: ${_plasma_b2c.textPrimary};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: ${_plasma_b2c.textPrimary};
+                ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: ${_plasma_b2c.surfaceClear};
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: ${_plasma_b2c.textPrimaryHover};
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: ${_plasma_b2c.textPrimaryActive};
+                ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: ${_plasma_b2c.surfaceAccent};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: ${_plasma_b2c.textPrimaryHover};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: ${_plasma_b2c.textPrimaryActive};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-accent);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-accent);
-                ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: var(---surface-transparent-clear);
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: var(--text-accent-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: var(--text-accent-active);
-                ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: var(--text-accent-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: var(--text-accent-active);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: ${_plasma_b2c.textAccent};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: ${_plasma_b2c.textAccent};
+                ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: ${_plasma_b2c.surfaceClear};
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: ${_plasma_b2c.textAccentHover};
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: ${_plasma_b2c.textAccentActive};
+                ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: ${_plasma_b2c.surfaceAccent};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: ${_plasma_b2c.textAccentHover};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: ${_plasma_b2c.textAccentActive};
             `,
             secondary: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-secondary);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-secondary);
-                ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: var(--text-secondary-active);
-                ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: var(--text-secondary-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: var(--text-secondary-active);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: ${_plasma_b2c.textSecondary};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: ${_plasma_b2c.textSecondary};
+                ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: ${_plasma_b2c.surfaceClear};
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: ${_plasma_b2c.textSecondaryHover};
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: ${_plasma_b2c.textSecondaryActive};
+                ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: ${_plasma_b2c.surfaceAccent};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: ${_plasma_b2c.textSecondaryHover};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: ${_plasma_b2c.textSecondaryActive};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-positive);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-positive);
-                ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: var(--text-positive-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: var(--text-positive-active);
-                ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: var(--text-positive-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: var(--text-positive-active);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: ${_plasma_b2c.textPositive};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: ${_plasma_b2c.textPositive};
+                ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: ${_plasma_b2c.surfaceClear};
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: ${_plasma_b2c.textPositiveHover};
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: ${_plasma_b2c.textPositiveActive};
+                ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: ${_plasma_b2c.surfaceAccent};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: ${_plasma_b2c.textPositiveHover};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: ${_plasma_b2c.textPositiveActive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-warning);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-warning);
-                ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: var(--text-warning-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: var(--text-warning-active);
-                ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: var(--text-warning-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: var(--text-warning-active);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: ${_plasma_b2c.textWarning};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: ${_plasma_b2c.textWarning};
+                ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: ${_plasma_b2c.surfaceClear};
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: ${_plasma_b2c.textWarningHover};
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: ${_plasma_b2c.textWarningActive};
+                ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: ${_plasma_b2c.surfaceAccent};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: ${_plasma_b2c.textWarningHover};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: ${_plasma_b2c.textWarningActive};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-negative);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-negative);
-                ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: var(--text-negative-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: var(--text-negative-active);
-                ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: var(--text-negative-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: var(--text-negative-active);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: ${_plasma_b2c.textNegative};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: ${_plasma_b2c.textNegative};
+                ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: ${_plasma_b2c.surfaceClear};
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: ${_plasma_b2c.textNegativeHover};
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: ${_plasma_b2c.textNegativeActive};
+                ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: ${_plasma_b2c.surfaceAccent};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: ${_plasma_b2c.textNegativeHover};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: ${_plasma_b2c.textNegativeActive};
             `,
             info: (0, _styledcomponents.css)`
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: var(--text-info);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: var(--text-info);
-                ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: var(--text-info-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: var(--text-info-active);
-                ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: var(--text-info-hover);
-                ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: var(--text-info-active);
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColor}: ${_plasma_b2c.textInfo};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColor}: ${_plasma_b2c.textInfo};
+                ${_styledcomponents.linkButtonTokens.linkButtonBackgroundColor}: ${_plasma_b2c.surfaceClear};
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorHover}: ${_plasma_b2c.textInfoHover};
+                ${_styledcomponents.linkButtonTokens.linkButtonIconColorActive}: ${_plasma_b2c.textInfoActive};
+                ${_styledcomponents.linkButtonTokens.linkButtonFocusColor}: ${_plasma_b2c.surfaceAccent};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColorHover}: ${_plasma_b2c.textInfoHover};
+                ${_styledcomponents.linkButtonTokens.linkButtonTextColorActive}: ${_plasma_b2c.textInfoActive};
             `
         },
         size: {
@@ -92,12 +93,12 @@ const config = {
                 ${_styledcomponents.linkButtonTokens.linkButtonHeight}: 4rem;
                 ${_styledcomponents.linkButtonTokens.linkButtonPadding}: 1.25rem 0;
                 ${_styledcomponents.linkButtonTokens.linkButtonRadius}: 1rem;
-                ${_styledcomponents.linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
-                ${_styledcomponents.linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.linkButtonTokens.linkButtonFontFamily}: ${_plasma_b2c.bodyL.fontFamily};
+                ${_styledcomponents.linkButtonTokens.linkButtonFontSize}: ${_plasma_b2c.bodyL.fontSize};
+                ${_styledcomponents.linkButtonTokens.linkButtonFontStyle}: ${_plasma_b2c.bodyL.fontStyle};
+                ${_styledcomponents.linkButtonTokens.linkButtonFontWeight}: ${_plasma_b2c.bodyLBold.fontWeight};
+                ${_styledcomponents.linkButtonTokens.linkButtonLetterSpacing}: ${_plasma_b2c.bodyL.letterSpacing};
+                ${_styledcomponents.linkButtonTokens.linkButtonLineHeight}: ${_plasma_b2c.bodyL.lineHeight};
 
                 ${_styledcomponents.linkButtonTokens.linkButtonSpinnerSize}: 1.5rem;
                 ${_styledcomponents.linkButtonTokens.linkButtonSpinnerColor}: inherit;
@@ -111,12 +112,12 @@ const config = {
                 ${_styledcomponents.linkButtonTokens.linkButtonHeight}: 3.5rem;
                 ${_styledcomponents.linkButtonTokens.linkButtonPadding}: 1rem 0;
                 ${_styledcomponents.linkButtonTokens.linkButtonRadius}: 0.875rem;
-                ${_styledcomponents.linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
-                ${_styledcomponents.linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.linkButtonTokens.linkButtonFontFamily}: ${_plasma_b2c.bodyL.fontFamily};
+                ${_styledcomponents.linkButtonTokens.linkButtonFontSize}: ${_plasma_b2c.bodyL.fontSize};
+                ${_styledcomponents.linkButtonTokens.linkButtonFontStyle}: ${_plasma_b2c.bodyL.fontStyle};
+                ${_styledcomponents.linkButtonTokens.linkButtonFontWeight}: ${_plasma_b2c.bodyLBold.fontWeight};
+                ${_styledcomponents.linkButtonTokens.linkButtonLetterSpacing}: ${_plasma_b2c.bodyL.letterSpacing};
+                ${_styledcomponents.linkButtonTokens.linkButtonLineHeight}: ${_plasma_b2c.bodyL.lineHeight};
 
                 ${_styledcomponents.linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;
                 ${_styledcomponents.linkButtonTokens.linkButtonSpinnerColor}: inherit;
@@ -130,12 +131,12 @@ const config = {
                 ${_styledcomponents.linkButtonTokens.linkButtonHeight}: 3rem;
                 ${_styledcomponents.linkButtonTokens.linkButtonPadding}: 0.75rem 0;
                 ${_styledcomponents.linkButtonTokens.linkButtonRadius}: 0.75rem;
-                ${_styledcomponents.linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
-                ${_styledcomponents.linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.linkButtonTokens.linkButtonFontFamily}: ${_plasma_b2c.bodyM.fontFamily};
+                ${_styledcomponents.linkButtonTokens.linkButtonFontSize}: ${_plasma_b2c.bodyM.fontSize};
+                ${_styledcomponents.linkButtonTokens.linkButtonFontStyle}: ${_plasma_b2c.bodyM.fontStyle};
+                ${_styledcomponents.linkButtonTokens.linkButtonFontWeight}: ${_plasma_b2c.bodyMBold.fontWeight};
+                ${_styledcomponents.linkButtonTokens.linkButtonLetterSpacing}: ${_plasma_b2c.bodyM.letterSpacing};
+                ${_styledcomponents.linkButtonTokens.linkButtonLineHeight}: ${_plasma_b2c.bodyM.lineHeight};
 
                 ${_styledcomponents.linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;
                 ${_styledcomponents.linkButtonTokens.linkButtonSpinnerColor}: inherit;
@@ -149,12 +150,12 @@ const config = {
                 ${_styledcomponents.linkButtonTokens.linkButtonHeight}: 2.5rem;
                 ${_styledcomponents.linkButtonTokens.linkButtonPadding}: 0.5rem 0;
                 ${_styledcomponents.linkButtonTokens.linkButtonRadius}: 0.625rem;
-                ${_styledcomponents.linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
-                ${_styledcomponents.linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.linkButtonTokens.linkButtonFontFamily}: ${_plasma_b2c.bodyS.fontFamily};
+                ${_styledcomponents.linkButtonTokens.linkButtonFontSize}: ${_plasma_b2c.bodyS.fontSize};
+                ${_styledcomponents.linkButtonTokens.linkButtonFontStyle}: ${_plasma_b2c.bodyS.fontStyle};
+                ${_styledcomponents.linkButtonTokens.linkButtonFontWeight}: ${_plasma_b2c.bodySBold.fontWeight};
+                ${_styledcomponents.linkButtonTokens.linkButtonLetterSpacing}: ${_plasma_b2c.bodyS.letterSpacing};
+                ${_styledcomponents.linkButtonTokens.linkButtonLineHeight}: ${_plasma_b2c.bodyS.lineHeight};
 
                 ${_styledcomponents.linkButtonTokens.linkButtonSpinnerSize}: 1.375rem;
                 ${_styledcomponents.linkButtonTokens.linkButtonSpinnerColor}: inherit;
@@ -168,12 +169,12 @@ const config = {
                 ${_styledcomponents.linkButtonTokens.linkButtonHeight}: 2rem;
                 ${_styledcomponents.linkButtonTokens.linkButtonPadding}: 0.5rem 0;
                 ${_styledcomponents.linkButtonTokens.linkButtonRadius}: 0.5rem;
-                ${_styledcomponents.linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
-                ${_styledcomponents.linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.linkButtonTokens.linkButtonFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.linkButtonTokens.linkButtonFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.linkButtonTokens.linkButtonFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.linkButtonTokens.linkButtonFontWeight}: ${_plasma_b2c.bodyXSBold.fontWeight};
+                ${_styledcomponents.linkButtonTokens.linkButtonLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.linkButtonTokens.linkButtonLineHeight}: ${_plasma_b2c.bodyXS.lineHeight};
 
                 ${_styledcomponents.linkButtonTokens.linkButtonSpinnerSize}: 1rem;
                 ${_styledcomponents.linkButtonTokens.linkButtonSpinnerColor}: inherit;
@@ -187,12 +188,12 @@ const config = {
                 ${_styledcomponents.linkButtonTokens.linkButtonHeight}: 1.5rem;
                 ${_styledcomponents.linkButtonTokens.linkButtonPadding}: 0.375rem 0;
                 ${_styledcomponents.linkButtonTokens.linkButtonRadius}: 0.375rem;
-                ${_styledcomponents.linkButtonTokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.linkButtonTokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.linkButtonTokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.linkButtonTokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
-                ${_styledcomponents.linkButtonTokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.linkButtonTokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.linkButtonTokens.linkButtonFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.linkButtonTokens.linkButtonFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.linkButtonTokens.linkButtonFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.linkButtonTokens.linkButtonFontWeight}: ${_plasma_b2c.bodyXSBold.fontWeight};
+                ${_styledcomponents.linkButtonTokens.linkButtonLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.linkButtonTokens.linkButtonLineHeight}: ${_plasma_b2c.bodyXS.lineHeight};
 
                 ${_styledcomponents.linkButtonTokens.linkButtonSpinnerSize}: 0.75rem;
                 ${_styledcomponents.linkButtonTokens.linkButtonSpinnerColor}: inherit;

package/dist/styled-components/cjs/components/List/List.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',
@@ -17,13 +18,13 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.listTokens.listItemColor}: var(--text-primary);
-                ${_styledcomponents.listTokens.listItemColorHover}: var(--text-primary);
+                ${_styledcomponents.listTokens.listItemColor}: ${_plasma_b2c.textPrimary};
+                ${_styledcomponents.listTokens.listItemColorHover}: ${_plasma_b2c.textPrimary};
                 ${_styledcomponents.listTokens.listItemBackground}: transparent;
-                ${_styledcomponents.listTokens.listItemBackgroundHover}: var(--surface-transparent-secondary);
+                ${_styledcomponents.listTokens.listItemBackgroundHover}: ${_plasma_b2c.surfaceTransparentSecondary};
                 ${_styledcomponents.listTokens.listItemBorderColor}: transparent;
                 ${_styledcomponents.listTokens.listItemBorderColorHover}: transparent;
-                ${_styledcomponents.listTokens.listItemFocusColor}: var(--surface-accent);
+                ${_styledcomponents.listTokens.listItemFocusColor}: ${_plasma_b2c.surfaceAccent};
                 ${_styledcomponents.listTokens.listDisabledOpacity}: 0.4;
             `
         },
@@ -38,12 +39,12 @@ const config = {
                 ${_styledcomponents.listTokens.listItemGap}: 0.375rem;
                 ${_styledcomponents.listTokens.listItemTightDifference}: 0.25rem;
 
-                ${_styledcomponents.listTokens.listItemFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.listTokens.listItemFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.listTokens.listItemFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.listTokens.listItemFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.listTokens.listItemLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.listTokens.listItemLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.listTokens.listItemFontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.listTokens.listItemFontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.listTokens.listItemFontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.listTokens.listItemFontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.listTokens.listItemLetterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.listTokens.listItemLineHeight}: ${_plasma_b2c.bodyXS.lineHeight};
             `,
             s: (0, _styledcomponents.css)`
                 ${_styledcomponents.listTokens.listItemPaddingTop}: 0.689rem;
@@ -55,12 +56,12 @@ const config = {
                 ${_styledcomponents.listTokens.listItemGap}: 0.375rem;
                 ${_styledcomponents.listTokens.listItemTightDifference}: 0.25rem;
 
-                ${_styledcomponents.listTokens.listItemFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.listTokens.listItemFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.listTokens.listItemFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.listTokens.listItemFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.listTokens.listItemLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.listTokens.listItemLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.listTokens.listItemFontFamily}: ${_plasma_b2c.bodyS.fontFamily};
+                ${_styledcomponents.listTokens.listItemFontSize}: ${_plasma_b2c.bodyS.fontSize};
+                ${_styledcomponents.listTokens.listItemFontStyle}: ${_plasma_b2c.bodyS.fontStyle};
+                ${_styledcomponents.listTokens.listItemFontWeight}: ${_plasma_b2c.bodyS.fontWeight};
+                ${_styledcomponents.listTokens.listItemLetterSpacing}: ${_plasma_b2c.bodyS.letterSpacing};
+                ${_styledcomponents.listTokens.listItemLineHeight}: ${_plasma_b2c.bodyS.lineHeight};
             `,
             m: (0, _styledcomponents.css)`
                 ${_styledcomponents.listTokens.listItemPaddingTop}: 0.75rem;
@@ -72,12 +73,12 @@ const config = {
                 ${_styledcomponents.listTokens.listItemGap}: 0.5rem;
                 ${_styledcomponents.listTokens.listItemTightDifference}: 0.25rem;
 
-                ${_styledcomponents.listTokens.listItemFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.listTokens.listItemFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.listTokens.listItemFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.listTokens.listItemFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.listTokens.listItemLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.listTokens.listItemLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.listTokens.listItemFontFamily}: ${_plasma_b2c.bodyM.fontFamily};
+                ${_styledcomponents.listTokens.listItemFontSize}: ${_plasma_b2c.bodyM.fontSize};
+                ${_styledcomponents.listTokens.listItemFontStyle}: ${_plasma_b2c.bodyM.fontStyle};
+                ${_styledcomponents.listTokens.listItemFontWeight}: ${_plasma_b2c.bodyM.fontWeight};
+                ${_styledcomponents.listTokens.listItemLetterSpacing}: ${_plasma_b2c.bodyM.letterSpacing};
+                ${_styledcomponents.listTokens.listItemLineHeight}: ${_plasma_b2c.bodyM.lineHeight};
             `,
             l: (0, _styledcomponents.css)`
                 ${_styledcomponents.listTokens.listItemPaddingTop}: 1rem;
@@ -89,12 +90,12 @@ const config = {
                 ${_styledcomponents.listTokens.listItemGap}: 0.5rem;
                 ${_styledcomponents.listTokens.listItemTightDifference}: 0.25rem;
 
-                ${_styledcomponents.listTokens.listItemFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.listTokens.listItemFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.listTokens.listItemFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.listTokens.listItemFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.listTokens.listItemLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.listTokens.listItemLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.listTokens.listItemFontFamily}: ${_plasma_b2c.bodyL.fontFamily};
+                ${_styledcomponents.listTokens.listItemFontSize}: ${_plasma_b2c.bodyL.fontSize};
+                ${_styledcomponents.listTokens.listItemFontStyle}: ${_plasma_b2c.bodyL.fontStyle};
+                ${_styledcomponents.listTokens.listItemFontWeight}: ${_plasma_b2c.bodyL.fontWeight};
+                ${_styledcomponents.listTokens.listItemLetterSpacing}: ${_plasma_b2c.bodyL.letterSpacing};
+                ${_styledcomponents.listTokens.listItemLineHeight}: ${_plasma_b2c.bodyL.lineHeight};
             `,
             xl: (0, _styledcomponents.css)`
                 ${_styledcomponents.listTokens.listItemPaddingTop}: 1.3125rem;
@@ -106,12 +107,12 @@ const config = {
                 ${_styledcomponents.listTokens.listItemGap}: 0.5rem;
                 ${_styledcomponents.listTokens.listItemTightDifference}: 0.25rem;
 
-                ${_styledcomponents.listTokens.listItemFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.listTokens.listItemFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.listTokens.listItemFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.listTokens.listItemFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.listTokens.listItemLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.listTokens.listItemLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.listTokens.listItemFontFamily}: ${_plasma_b2c.bodyL.fontFamily};
+                ${_styledcomponents.listTokens.listItemFontSize}: ${_plasma_b2c.bodyL.fontSize};
+                ${_styledcomponents.listTokens.listItemFontStyle}: ${_plasma_b2c.bodyL.fontStyle};
+                ${_styledcomponents.listTokens.listItemFontWeight}: ${_plasma_b2c.bodyL.fontWeight};
+                ${_styledcomponents.listTokens.listItemLetterSpacing}: ${_plasma_b2c.bodyL.letterSpacing};
+                ${_styledcomponents.listTokens.listItemLineHeight}: ${_plasma_b2c.bodyL.lineHeight};
             `
         },
         disabled: {