@salutejs/sdds-scan 0.357.0-next-sbcom.0 → 0.358.0-dev.0

package/dist/styled-components/cjs/components/CodeInput/CodeInput.config.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "config", {
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_scan = require("@salutejs/sdds-themes/tokens/sdds_scan");
 const config = {
     defaults: {
         view: 'default',
@@ -17,12 +18,12 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.codeInputTokens.captionColor}: var(--text-secondary);
-                ${_styledcomponents.codeInputTokens.captionColorError}: var(--text-negative);
+                ${_styledcomponents.codeInputTokens.captionColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.codeInputTokens.captionColorError}: ${_sdds_scan.textNegative};
 
-                ${_styledcomponents.codeInputTokens.codeColor}: var(--text-primary);
-                ${_styledcomponents.codeInputTokens.codeColorError}: var(--text-negative);
-                ${_styledcomponents.codeInputTokens.borderColorFocus}: var(--outline-accent);
+                ${_styledcomponents.codeInputTokens.codeColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.codeInputTokens.codeColorError}: ${_sdds_scan.textNegative};
+                ${_styledcomponents.codeInputTokens.borderColorFocus}: ${_sdds_scan.outlineAccent};
             `
         },
         size: {
@@ -32,10 +33,10 @@ const config = {
 
                 ${_styledcomponents.codeInputTokens.separatorWidth}: 0.75rem;
 
-                ${_styledcomponents.codeInputTokens.fontFamily}: var(--plasma-typo-dspl-l-font-family);
-                ${_styledcomponents.codeInputTokens.fontStyle}: var(--plasma-typo-dspl-l-font-style);
-                ${_styledcomponents.codeInputTokens.fontWeight}: var(--plasma-typo-dspl-l-bold-font-weight);
-                ${_styledcomponents.codeInputTokens.letterSpacing}: var(--plasma-typo-dspl-l-letter-spacing);
+                ${_styledcomponents.codeInputTokens.fontFamily}: ${_sdds_scan.dsplL.fontFamily};
+                ${_styledcomponents.codeInputTokens.fontStyle}: ${_sdds_scan.dsplL.fontStyle};
+                ${_styledcomponents.codeInputTokens.fontWeight}: ${_sdds_scan.dsplLBold.fontWeight};
+                ${_styledcomponents.codeInputTokens.letterSpacing}: ${_sdds_scan.dsplL.letterSpacing};
 
                 ${_styledcomponents.codeInputTokens.largeFontSize}: 8rem;
                 ${_styledcomponents.codeInputTokens.largeLineHeight}: 8rem;
@@ -46,12 +47,12 @@ const config = {
                 ${_styledcomponents.codeInputTokens.smallFontSize}: 5.5rem;
                 ${_styledcomponents.codeInputTokens.smallLineHeight}: 5.75rem;
 
-                ${_styledcomponents.codeInputTokens.captionFontFamily}: var(--plasma-typo-h3-font-family);
-                ${_styledcomponents.codeInputTokens.captionFontSize}: var(--plasma-typo-h3-font-size);
-                ${_styledcomponents.codeInputTokens.captionFontStyle}: var(--plasma-typo-h3-font-style);
-                ${_styledcomponents.codeInputTokens.captionFontWeight}: var(--plasma-typo-h3-font-weight);
-                ${_styledcomponents.codeInputTokens.captionLetterSpacing}: var(--plasma-typo-h3-letter-spacing);
-                ${_styledcomponents.codeInputTokens.captionLineHeight}: var(--plasma-typo-h3-line-height);
+                ${_styledcomponents.codeInputTokens.captionFontFamily}: ${_sdds_scan.h3.fontFamily};
+                ${_styledcomponents.codeInputTokens.captionFontSize}: ${_sdds_scan.h3.fontSize};
+                ${_styledcomponents.codeInputTokens.captionFontStyle}: ${_sdds_scan.h3.fontStyle};
+                ${_styledcomponents.codeInputTokens.captionFontWeight}: ${_sdds_scan.h3.fontWeight};
+                ${_styledcomponents.codeInputTokens.captionLetterSpacing}: ${_sdds_scan.h3.letterSpacing};
+                ${_styledcomponents.codeInputTokens.captionLineHeight}: ${_sdds_scan.h3.lineHeight};
 
                 ${_styledcomponents.codeInputTokens.largeCodeItemWidth}: 5rem;
                 ${_styledcomponents.codeInputTokens.largeCodeItemHeight}: 8rem;
@@ -71,10 +72,10 @@ const config = {
 
                 ${_styledcomponents.codeInputTokens.separatorWidth}: 0.75rem;
 
-                ${_styledcomponents.codeInputTokens.fontFamily}: var(--plasma-typo-dspl-m-font-family);
-                ${_styledcomponents.codeInputTokens.fontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.codeInputTokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);
-                ${_styledcomponents.codeInputTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${_styledcomponents.codeInputTokens.fontFamily}: ${_sdds_scan.dsplM.fontFamily};
+                ${_styledcomponents.codeInputTokens.fontStyle}: ${_sdds_scan.bodyM.fontStyle};
+                ${_styledcomponents.codeInputTokens.fontWeight}: ${_sdds_scan.bodyMBold.fontWeight};
+                ${_styledcomponents.codeInputTokens.letterSpacing}: ${_sdds_scan.bodyM.letterSpacing};
 
                 ${_styledcomponents.codeInputTokens.largeFontSize}: 5.5rem;
                 ${_styledcomponents.codeInputTokens.largeLineHeight}: 5.75rem;
@@ -85,12 +86,12 @@ const config = {
                 ${_styledcomponents.codeInputTokens.smallFontSize}: 3.5rem;
                 ${_styledcomponents.codeInputTokens.smallLineHeight}: 3.75rem;
 
-                ${_styledcomponents.codeInputTokens.captionFontFamily}: var(--plasma-typo-h4-font-family);
-                ${_styledcomponents.codeInputTokens.captionFontSize}: var(--plasma-typo-h4-font-size);
-                ${_styledcomponents.codeInputTokens.captionFontStyle}: var(--plasma-typo-h4-font-style);
-                ${_styledcomponents.codeInputTokens.captionFontWeight}: var(--plasma-typo-h4-font-weight);
-                ${_styledcomponents.codeInputTokens.captionLetterSpacing}: var(--plasma-typo-h4-letter-spacing);
-                ${_styledcomponents.codeInputTokens.captionLineHeight}: var(--plasma-typo-h4-line-height);
+                ${_styledcomponents.codeInputTokens.captionFontFamily}: ${_sdds_scan.h4.fontFamily};
+                ${_styledcomponents.codeInputTokens.captionFontSize}: ${_sdds_scan.h4.fontSize};
+                ${_styledcomponents.codeInputTokens.captionFontStyle}: ${_sdds_scan.h4.fontStyle};
+                ${_styledcomponents.codeInputTokens.captionFontWeight}: ${_sdds_scan.h4.fontWeight};
+                ${_styledcomponents.codeInputTokens.captionLetterSpacing}: ${_sdds_scan.h4.letterSpacing};
+                ${_styledcomponents.codeInputTokens.captionLineHeight}: ${_sdds_scan.h4.lineHeight};
 
                 ${_styledcomponents.codeInputTokens.largeCodeItemWidth}: 3.5rem;
                 ${_styledcomponents.codeInputTokens.largeCodeItemHeight}: 5.75rem;
@@ -110,10 +111,10 @@ const config = {
 
                 ${_styledcomponents.codeInputTokens.separatorWidth}: 0.5rem;
 
-                ${_styledcomponents.codeInputTokens.fontFamily}: var(--plasma-typo-dspl-s-font-family);
-                ${_styledcomponents.codeInputTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.codeInputTokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);
-                ${_styledcomponents.codeInputTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${_styledcomponents.codeInputTokens.fontFamily}: ${_sdds_scan.dsplS.fontFamily};
+                ${_styledcomponents.codeInputTokens.fontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.codeInputTokens.fontWeight}: ${_sdds_scan.bodySBold.fontWeight};
+                ${_styledcomponents.codeInputTokens.letterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
 
                 ${_styledcomponents.codeInputTokens.largeFontSize}: 4rem;
                 ${_styledcomponents.codeInputTokens.largeLineHeight}: 4.25rem;
@@ -124,12 +125,12 @@ const config = {
                 ${_styledcomponents.codeInputTokens.smallFontSize}: 2.5rem;
                 ${_styledcomponents.codeInputTokens.smallLineHeight}: 2.75rem;
 
-                ${_styledcomponents.codeInputTokens.captionFontFamily}: var(--plasma-typo-h5-font-family);
-                ${_styledcomponents.codeInputTokens.captionFontSize}: var(--plasma-typo-h5-font-size);
-                ${_styledcomponents.codeInputTokens.captionFontStyle}: var(--plasma-typo-h5-font-style);
-                ${_styledcomponents.codeInputTokens.captionFontWeight}: var(--plasma-typo-h5-font-weight);
-                ${_styledcomponents.codeInputTokens.captionLetterSpacing}: var(--plasma-typo-h5-letter-spacing);
-                ${_styledcomponents.codeInputTokens.captionLineHeight}: var(--plasma-typo-h5-line-height);
+                ${_styledcomponents.codeInputTokens.captionFontFamily}: ${_sdds_scan.h5.fontFamily};
+                ${_styledcomponents.codeInputTokens.captionFontSize}: ${_sdds_scan.h5.fontSize};
+                ${_styledcomponents.codeInputTokens.captionFontStyle}: ${_sdds_scan.h5.fontStyle};
+                ${_styledcomponents.codeInputTokens.captionFontWeight}: ${_sdds_scan.h5.fontWeight};
+                ${_styledcomponents.codeInputTokens.captionLetterSpacing}: ${_sdds_scan.h5.letterSpacing};
+                ${_styledcomponents.codeInputTokens.captionLineHeight}: ${_sdds_scan.h5.lineHeight};
 
                 ${_styledcomponents.codeInputTokens.largeCodeItemWidth}: 2.5rem;
                 ${_styledcomponents.codeInputTokens.largeCodeItemHeight}: 4.25rem;