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

package/dist/styled-components/cjs/components/Counter/Counter.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,32 +18,32 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.counterTokens.color}: var(--inverse-text-primary);
-                ${_styledcomponents.counterTokens.background}: var(--surface-solid-default);
+                ${_styledcomponents.counterTokens.color}: ${_plasma_b2c.inverseTextPrimary};
+                ${_styledcomponents.counterTokens.background}: ${_plasma_b2c.surfaceSolidDefault};
             `,
             accent: (0, _styledcomponents.css)`
-                ${_styledcomponents.counterTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.counterTokens.background}: var(--surface-accent);
+                ${_styledcomponents.counterTokens.color}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.counterTokens.background}: ${_plasma_b2c.surfaceAccent};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.counterTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.counterTokens.background}: var(--surface-positive);
+                ${_styledcomponents.counterTokens.color}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.counterTokens.background}: ${_plasma_b2c.surfacePositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.counterTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.counterTokens.background}: var(--surface-warning);
+                ${_styledcomponents.counterTokens.color}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.counterTokens.background}: ${_plasma_b2c.surfaceWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.counterTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.counterTokens.background}: var(--surface-negative);
+                ${_styledcomponents.counterTokens.color}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.counterTokens.background}: ${_plasma_b2c.surfaceNegative};
             `,
             dark: (0, _styledcomponents.css)`
-                ${_styledcomponents.counterTokens.color}: var(--on-dark-text-primary);
-                ${_styledcomponents.counterTokens.background}: var(--on-light-surface-solid-default);
+                ${_styledcomponents.counterTokens.color}: ${_plasma_b2c.onDarkTextPrimary};
+                ${_styledcomponents.counterTokens.background}: ${_plasma_b2c.onLightSurfaceSolidDefault};
             `,
             light: (0, _styledcomponents.css)`
-                ${_styledcomponents.counterTokens.color}: var(--on-light-text-primary);
-                ${_styledcomponents.counterTokens.background}: var(--on-dark-surface-solid-default);
+                ${_styledcomponents.counterTokens.color}: ${_plasma_b2c.onLightTextPrimary};
+                ${_styledcomponents.counterTokens.background}: ${_plasma_b2c.onDarkSurfaceSolidDefault};
             `
         },
         size: {
@@ -50,56 +51,56 @@ const config = {
                 ${_styledcomponents.counterTokens.borderRadius}: 1rem;
                 ${_styledcomponents.counterTokens.height}: 1.75rem;
                 ${_styledcomponents.counterTokens.padding}: 0 0.625rem;
-                ${_styledcomponents.counterTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.counterTokens.fontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.counterTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.counterTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.counterTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.counterTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.counterTokens.fontFamily}: ${_plasma_b2c.bodyS.fontFamily};
+                ${_styledcomponents.counterTokens.fontSize}: ${_plasma_b2c.bodyS.fontSize};
+                ${_styledcomponents.counterTokens.fontStyle}: ${_plasma_b2c.bodyS.fontStyle};
+                ${_styledcomponents.counterTokens.fontWeight}: ${_plasma_b2c.bodyS.fontWeight};
+                ${_styledcomponents.counterTokens.letterSpacing}: ${_plasma_b2c.bodyS.letterSpacing};
+                ${_styledcomponents.counterTokens.lineHeight}: ${_plasma_b2c.bodyS.lineHeight};
             `,
             m: (0, _styledcomponents.css)`
                 ${_styledcomponents.counterTokens.borderRadius}: 1rem;
                 ${_styledcomponents.counterTokens.height}: 1.5rem;
                 ${_styledcomponents.counterTokens.padding}: 0 0.5rem;
-                ${_styledcomponents.counterTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.counterTokens.fontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.counterTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.counterTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.counterTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.counterTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.counterTokens.fontFamily}: ${_plasma_b2c.bodyXS.fontFamily};
+                ${_styledcomponents.counterTokens.fontSize}: ${_plasma_b2c.bodyXS.fontSize};
+                ${_styledcomponents.counterTokens.fontStyle}: ${_plasma_b2c.bodyXS.fontStyle};
+                ${_styledcomponents.counterTokens.fontWeight}: ${_plasma_b2c.bodyXS.fontWeight};
+                ${_styledcomponents.counterTokens.letterSpacing}: ${_plasma_b2c.bodyXS.letterSpacing};
+                ${_styledcomponents.counterTokens.lineHeight}: ${_plasma_b2c.bodyXS.lineHeight};
             `,
             s: (0, _styledcomponents.css)`
                 ${_styledcomponents.counterTokens.borderRadius}: 1rem;
                 ${_styledcomponents.counterTokens.height}: 1.25rem;
                 ${_styledcomponents.counterTokens.padding}: 0 0.375rem;
-                ${_styledcomponents.counterTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);
-                ${_styledcomponents.counterTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);
-                ${_styledcomponents.counterTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);
-                ${_styledcomponents.counterTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);
-                ${_styledcomponents.counterTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
-                ${_styledcomponents.counterTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);
+                ${_styledcomponents.counterTokens.fontFamily}: ${_plasma_b2c.bodyXXS.fontFamily};
+                ${_styledcomponents.counterTokens.fontSize}: ${_plasma_b2c.bodyXXS.fontSize};
+                ${_styledcomponents.counterTokens.fontStyle}: ${_plasma_b2c.bodyXXS.fontStyle};
+                ${_styledcomponents.counterTokens.fontWeight}: ${_plasma_b2c.bodyXXS.fontWeight};
+                ${_styledcomponents.counterTokens.letterSpacing}: ${_plasma_b2c.bodyXXS.letterSpacing};
+                ${_styledcomponents.counterTokens.lineHeight}: ${_plasma_b2c.bodyXXS.lineHeight};
             `,
             xs: (0, _styledcomponents.css)`
                 ${_styledcomponents.counterTokens.borderRadius}: 1rem;
                 ${_styledcomponents.counterTokens.height}: 1rem;
                 ${_styledcomponents.counterTokens.padding}: 0 0.25rem;
-                ${_styledcomponents.counterTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);
-                ${_styledcomponents.counterTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);
-                ${_styledcomponents.counterTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);
-                ${_styledcomponents.counterTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);
-                ${_styledcomponents.counterTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
-                ${_styledcomponents.counterTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);
+                ${_styledcomponents.counterTokens.fontFamily}: ${_plasma_b2c.bodyXXS.fontFamily};
+                ${_styledcomponents.counterTokens.fontSize}: ${_plasma_b2c.bodyXXS.fontSize};
+                ${_styledcomponents.counterTokens.fontStyle}: ${_plasma_b2c.bodyXXS.fontStyle};
+                ${_styledcomponents.counterTokens.fontWeight}: ${_plasma_b2c.bodyXXS.fontWeight};
+                ${_styledcomponents.counterTokens.letterSpacing}: ${_plasma_b2c.bodyXXS.letterSpacing};
+                ${_styledcomponents.counterTokens.lineHeight}: ${_plasma_b2c.bodyXXS.lineHeight};
             `,
             xxs: (0, _styledcomponents.css)`
                 ${_styledcomponents.counterTokens.borderRadius}: 1rem;
                 ${_styledcomponents.counterTokens.height}: 0.75rem;
                 ${_styledcomponents.counterTokens.padding}: 0 0.125rem;
-                ${_styledcomponents.counterTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);
-                ${_styledcomponents.counterTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);
-                ${_styledcomponents.counterTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);
-                ${_styledcomponents.counterTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);
-                ${_styledcomponents.counterTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
-                ${_styledcomponents.counterTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);
+                ${_styledcomponents.counterTokens.fontFamily}: ${_plasma_b2c.bodyXXS.fontFamily};
+                ${_styledcomponents.counterTokens.fontSize}: ${_plasma_b2c.bodyXXS.fontSize};
+                ${_styledcomponents.counterTokens.fontStyle}: ${_plasma_b2c.bodyXXS.fontStyle};
+                ${_styledcomponents.counterTokens.fontWeight}: ${_plasma_b2c.bodyXXS.fontWeight};
+                ${_styledcomponents.counterTokens.letterSpacing}: ${_plasma_b2c.bodyXXS.letterSpacing};
+                ${_styledcomponents.counterTokens.lineHeight}: ${_plasma_b2c.bodyXXS.lineHeight};
             `
         }
     }