npm - @salutejs/sdds-scan - Versions diffs - 0.357.0-next-sbcom.0 → 0.358.0-dev.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (758) hide show

package/dist/styled-components/cjs/components/Note/Note.config.js CHANGED Viewed

@@ -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',
@@ -18,29 +19,29 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.noteTokens.background}: var(--surface-transparent-secondary);
-                ${_styledcomponents.noteTokens.color}: var(--text-primary);
-                ${_styledcomponents.noteTokens.contentBeforeColor}: var(--text-primary);
+                ${_styledcomponents.noteTokens.background}: ${_sdds_scan.surfaceTransparentSecondary};
+                ${_styledcomponents.noteTokens.color}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.noteTokens.contentBeforeColor}: ${_sdds_scan.textPrimary};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.noteTokens.background}: var(--surface-transparent-positive);
-                ${_styledcomponents.noteTokens.color}: var(--text-primary);
-                ${_styledcomponents.noteTokens.contentBeforeColor}: var(--text-positive);
+                ${_styledcomponents.noteTokens.background}: ${_sdds_scan.surfaceTransparentPositive};
+                ${_styledcomponents.noteTokens.color}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.noteTokens.contentBeforeColor}: ${_sdds_scan.textPositive};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.noteTokens.background}: var(--surface-transparent-warning);
-                ${_styledcomponents.noteTokens.color}: var(--text-primary);
-                ${_styledcomponents.noteTokens.contentBeforeColor}: var(--text-warning);
+                ${_styledcomponents.noteTokens.background}: ${_sdds_scan.surfaceTransparentWarning};
+                ${_styledcomponents.noteTokens.color}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.noteTokens.contentBeforeColor}: ${_sdds_scan.textWarning};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.noteTokens.background}: var(--surface-transparent-negative);
-                ${_styledcomponents.noteTokens.color}: var(--text-primary);
-                ${_styledcomponents.noteTokens.contentBeforeColor}: var(--text-negative);
+                ${_styledcomponents.noteTokens.background}: ${_sdds_scan.surfaceTransparentNegative};
+                ${_styledcomponents.noteTokens.color}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.noteTokens.contentBeforeColor}: ${_sdds_scan.textNegative};
             `,
             info: (0, _styledcomponents.css)`
-                ${_styledcomponents.noteTokens.background}: var(--surface-transparent-info);
-                ${_styledcomponents.noteTokens.color}: var(--text-primary);
-                ${_styledcomponents.noteTokens.contentBeforeColor}: var(--text-info);
+                ${_styledcomponents.noteTokens.background}: ${_sdds_scan.surfaceTransparentInfo};
+                ${_styledcomponents.noteTokens.color}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.noteTokens.contentBeforeColor}: ${_sdds_scan.textInfo};
             `
         },
         size: {
@@ -56,8 +57,8 @@ const config = {
                 ${_styledcomponents.noteTokens.closeIconTop}: 0.75rem;
                 ${_styledcomponents.noteTokens.closeIconRight}: 0.75rem;
-                ${_styledcomponents.noteTokens.closeIconColor}: var(--text-secondary);
-                ${_styledcomponents.noteTokens.closeIconColorOnHover}: var(--text-secondary-hover);
+                ${_styledcomponents.noteTokens.closeIconColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.noteTokens.closeIconColorOnHover}: ${_sdds_scan.textSecondaryHover};
                 ${_styledcomponents.noteTokens.closeIconSize}: 1.5rem;
                 ${_styledcomponents.noteTokens.closeIconButtonSize}: 1.5rem;
@@ -65,20 +66,20 @@ const config = {
                 ${_styledcomponents.noteTokens.fixedContentBeforeHeight}: 1.625rem;
                 ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0rem;
-                ${_styledcomponents.noteTokens.titleFontFamily}: var(--plasma-typo-text-m-font-family);
-                ${_styledcomponents.noteTokens.titleFontSize}: var(--plasma-typo-text-m-font-size);
-                ${_styledcomponents.noteTokens.titleFontStyle}: var(--plasma-typo-text-m-font-style);
-                ${_styledcomponents.noteTokens.titleFontWeight}: var(--plasma-typo-text-m-bold-font-weight);
-                ${_styledcomponents.noteTokens.titleLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);
-                ${_styledcomponents.noteTokens.titleLineHeight}: var(--plasma-typo-text-m-line-height);
+                ${_styledcomponents.noteTokens.titleFontFamily}: ${_sdds_scan.textM.fontFamily};
+                ${_styledcomponents.noteTokens.titleFontSize}: ${_sdds_scan.textM.fontSize};
+                ${_styledcomponents.noteTokens.titleFontStyle}: ${_sdds_scan.textM.fontStyle};
+                ${_styledcomponents.noteTokens.titleFontWeight}: ${_sdds_scan.textMBold.fontWeight};
+                ${_styledcomponents.noteTokens.titleLetterSpacing}: ${_sdds_scan.textM.letterSpacing};
+                ${_styledcomponents.noteTokens.titleLineHeight}: ${_sdds_scan.textM.lineHeight};
                 ${_styledcomponents.noteTokens.titlePaddingRight}: 1.75rem;
-                ${_styledcomponents.noteTokens.textFontFamily}: var(--plasma-typo-text-m-font-family);
-                ${_styledcomponents.noteTokens.textFontSize}: var(--plasma-typo-text-m-font-size);
-                ${_styledcomponents.noteTokens.textFontStyle}: var(--plasma-typo-text-m-font-style);
-                ${_styledcomponents.noteTokens.textFontWeight}: var(--plasma-typo-text-m-font-weight);
-                ${_styledcomponents.noteTokens.textLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);
-                ${_styledcomponents.noteTokens.textLineHeight}: var(--plasma-typo-text-m-line-height);
+                ${_styledcomponents.noteTokens.textFontFamily}: ${_sdds_scan.textM.fontFamily};
+                ${_styledcomponents.noteTokens.textFontSize}: ${_sdds_scan.textM.fontSize};
+                ${_styledcomponents.noteTokens.textFontStyle}: ${_sdds_scan.textM.fontStyle};
+                ${_styledcomponents.noteTokens.textFontWeight}: ${_sdds_scan.textM.fontWeight};
+                ${_styledcomponents.noteTokens.textLetterSpacing}: ${_sdds_scan.textM.letterSpacing};
+                ${_styledcomponents.noteTokens.textLineHeight}: ${_sdds_scan.textM.lineHeight};
             `,
             s: (0, _styledcomponents.css)`
                 ${_styledcomponents.noteTokens.padding}: 1rem 1.25rem;
@@ -92,8 +93,8 @@ const config = {
                 ${_styledcomponents.noteTokens.closeIconTop}: 0.625rem;
                 ${_styledcomponents.noteTokens.closeIconRight}: 0.625rem;
-                ${_styledcomponents.noteTokens.closeIconColor}: var(--text-secondary);
-                ${_styledcomponents.noteTokens.closeIconColorOnHover}: var(--text-secondary-hover);
+                ${_styledcomponents.noteTokens.closeIconColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.noteTokens.closeIconColorOnHover}: ${_sdds_scan.textSecondaryHover};
                 ${_styledcomponents.noteTokens.closeIconSize}: 1.5rem;
                 ${_styledcomponents.noteTokens.closeIconButtonSize}: 1.5rem;
@@ -101,20 +102,20 @@ const config = {
                 ${_styledcomponents.noteTokens.fixedContentBeforeHeight}: 1.125rem;
                 ${_styledcomponents.noteTokens.fixedContentBeforePadding}: 0.063rem 0rem;
-                ${_styledcomponents.noteTokens.titleFontFamily}: var(--plasma-typo-text-s-font-family);
-                ${_styledcomponents.noteTokens.titleFontSize}: var(--plasma-typo-text-s-font-size);
-                ${_styledcomponents.noteTokens.titleFontStyle}: var(--plasma-typo-text-s-font-style);
-                ${_styledcomponents.noteTokens.titleFontWeight}: var(--plasma-typo-text-s-bold-font-weight);
-                ${_styledcomponents.noteTokens.titleLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);
-                ${_styledcomponents.noteTokens.titleLineHeight}: var(--plasma-typo-text-s-line-height);
+                ${_styledcomponents.noteTokens.titleFontFamily}: ${_sdds_scan.textS.fontFamily};
+                ${_styledcomponents.noteTokens.titleFontSize}: ${_sdds_scan.textS.fontSize};
+                ${_styledcomponents.noteTokens.titleFontStyle}: ${_sdds_scan.textS.fontStyle};
+                ${_styledcomponents.noteTokens.titleFontWeight}: ${_sdds_scan.textSBold.fontWeight};
+                ${_styledcomponents.noteTokens.titleLetterSpacing}: ${_sdds_scan.textS.letterSpacing};
+                ${_styledcomponents.noteTokens.titleLineHeight}: ${_sdds_scan.textS.lineHeight};
                 ${_styledcomponents.noteTokens.titlePaddingRight}: 1.625rem;
-                ${_styledcomponents.noteTokens.textFontFamily}: var(--plasma-typo-text-s-font-family);
-                ${_styledcomponents.noteTokens.textFontSize}: var(--plasma-typo-text-s-font-size);
-                ${_styledcomponents.noteTokens.textFontStyle}: var(--plasma-typo-text-s-font-style);
-                ${_styledcomponents.noteTokens.textFontWeight}: var(--plasma-typo-text-s-font-weight);
-                ${_styledcomponents.noteTokens.textLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);
-                ${_styledcomponents.noteTokens.textLineHeight}: var(--plasma-typo-text-s-line-height);
+                ${_styledcomponents.noteTokens.textFontFamily}: ${_sdds_scan.textS.fontFamily};
+                ${_styledcomponents.noteTokens.textFontSize}: ${_sdds_scan.textS.fontSize};
+                ${_styledcomponents.noteTokens.textFontStyle}: ${_sdds_scan.textS.fontStyle};
+                ${_styledcomponents.noteTokens.textFontWeight}: ${_sdds_scan.textS.fontWeight};
+                ${_styledcomponents.noteTokens.textLetterSpacing}: ${_sdds_scan.textS.letterSpacing};
+                ${_styledcomponents.noteTokens.textLineHeight}: ${_sdds_scan.textS.lineHeight};
             `
         },
         orientation: {

package/dist/styled-components/cjs/components/Notification/Notification.config.js CHANGED Viewed

@@ -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,10 +18,10 @@ const config = {
     variations: {
         view: {
             default: (0, _styledcomponents.css)`
-                ${_styledcomponents.notificationTokens.titleColor}: var(--text-primary);
-                ${_styledcomponents.notificationTokens.contentLeftIconColor}: var(--text-primary);
-                ${_styledcomponents.notificationTokens.contentColor}: var(--text-secondary);
-                ${_styledcomponents.notificationTokens.background}: var(--surface-transparent-card);
+                ${_styledcomponents.notificationTokens.titleColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.notificationTokens.contentLeftIconColor}: ${_sdds_scan.textPrimary};
+                ${_styledcomponents.notificationTokens.contentColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.notificationTokens.background}: ${_sdds_scan.surfaceTransparentCard};
                 ${_styledcomponents.notificationTokens.borderRadius}: 0.75rem;
                 ${_styledcomponents.notificationTokens.padding}: 0.375rem;
@@ -49,32 +50,32 @@ const config = {
                 ${_styledcomponents.notificationTokens.contentLeftIconMargin}: 0.375rem;
                 ${_styledcomponents.notificationTokens.contentTopIconMargin}: 0.5rem;
-                ${_styledcomponents.notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.notificationTokens.contentFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.notificationTokens.contentFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.notificationTokens.contentFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.notificationTokens.contentFontWeight}: ${_sdds_scan.bodyS.fontWeight};
+                ${_styledcomponents.notificationTokens.contentFontLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.notificationTokens.contentFontLineHeight}: ${_sdds_scan.bodyS.lineHeight};
-                ${_styledcomponents.notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
-                ${_styledcomponents.notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.notificationTokens.titleFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.notificationTokens.titleFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.notificationTokens.titleFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.notificationTokens.titleFontWeight}: ${_sdds_scan.bodySBold.fontWeight};
+                ${_styledcomponents.notificationTokens.titleFontLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.notificationTokens.titleFontLineHeight}: ${_sdds_scan.bodyS.lineHeight};
-                ${_styledcomponents.notificationTokens.closeIconColor}: var(--text-tertiary);
-                ${_styledcomponents.notificationTokens.closeIconColorOnHover}: var(--text-primary);
+                ${_styledcomponents.notificationTokens.closeIconColor}: ${_sdds_scan.textTertiary};
+                ${_styledcomponents.notificationTokens.closeIconColorOnHover}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.notificationTokens.horizontalLayoutGap}: 0.375rem;
                 ${_styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;
                 ${_styledcomponents.notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.notificationTokens.titleColor}: var(--text-negative);
-                ${_styledcomponents.notificationTokens.contentLeftIconColor}: var(--text-negative);
-                ${_styledcomponents.notificationTokens.contentColor}: var(--text-secondary);
-                ${_styledcomponents.notificationTokens.background}: var(--surface-transparent-card);
+                ${_styledcomponents.notificationTokens.titleColor}: ${_sdds_scan.textNegative};
+                ${_styledcomponents.notificationTokens.contentLeftIconColor}: ${_sdds_scan.textNegative};
+                ${_styledcomponents.notificationTokens.contentColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.notificationTokens.background}: ${_sdds_scan.surfaceTransparentCard};
                 ${_styledcomponents.notificationTokens.borderRadius}: 0.75rem;
                 ${_styledcomponents.notificationTokens.padding}: 0.375rem;
@@ -103,32 +104,32 @@ const config = {
                 ${_styledcomponents.notificationTokens.contentLeftIconMargin}: 0.375rem;
                 ${_styledcomponents.notificationTokens.contentTopIconMargin}: 0.5rem;
-                ${_styledcomponents.notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.notificationTokens.contentFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.notificationTokens.contentFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.notificationTokens.contentFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.notificationTokens.contentFontWeight}: ${_sdds_scan.bodyS.fontWeight};
+                ${_styledcomponents.notificationTokens.contentFontLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.notificationTokens.contentFontLineHeight}: ${_sdds_scan.bodyS.lineHeight};
-                ${_styledcomponents.notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
-                ${_styledcomponents.notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.notificationTokens.titleFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.notificationTokens.titleFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.notificationTokens.titleFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.notificationTokens.titleFontWeight}: ${_sdds_scan.bodySBold.fontWeight};
+                ${_styledcomponents.notificationTokens.titleFontLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.notificationTokens.titleFontLineHeight}: ${_sdds_scan.bodyS.lineHeight};
-                ${_styledcomponents.notificationTokens.closeIconColor}: var(--text-tertiary);
-                ${_styledcomponents.notificationTokens.closeIconColorOnHover}: var(--text-primary);
+                ${_styledcomponents.notificationTokens.closeIconColor}: ${_sdds_scan.textTertiary};
+                ${_styledcomponents.notificationTokens.closeIconColorOnHover}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.notificationTokens.horizontalLayoutGap}: 0.375rem;
                 ${_styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;
                 ${_styledcomponents.notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.notificationTokens.titleColor}: var(--text-positive);
-                ${_styledcomponents.notificationTokens.contentLeftIconColor}: var(--text-positive);
-                ${_styledcomponents.notificationTokens.contentColor}: var(--text-secondary);
-                ${_styledcomponents.notificationTokens.background}: var(--surface-transparent-card);
+                ${_styledcomponents.notificationTokens.titleColor}: ${_sdds_scan.textPositive};
+                ${_styledcomponents.notificationTokens.contentLeftIconColor}: ${_sdds_scan.textPositive};
+                ${_styledcomponents.notificationTokens.contentColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.notificationTokens.background}: ${_sdds_scan.surfaceTransparentCard};
                 ${_styledcomponents.notificationTokens.borderRadius}: 0.75rem;
                 ${_styledcomponents.notificationTokens.padding}: 0.375rem;
@@ -157,32 +158,32 @@ const config = {
                 ${_styledcomponents.notificationTokens.contentLeftIconMargin}: 0.375rem;
                 ${_styledcomponents.notificationTokens.contentTopIconMargin}: 0.5rem;
-                ${_styledcomponents.notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.notificationTokens.contentFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.notificationTokens.contentFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.notificationTokens.contentFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.notificationTokens.contentFontWeight}: ${_sdds_scan.bodyS.fontWeight};
+                ${_styledcomponents.notificationTokens.contentFontLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.notificationTokens.contentFontLineHeight}: ${_sdds_scan.bodyS.lineHeight};
-                ${_styledcomponents.notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
-                ${_styledcomponents.notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.notificationTokens.titleFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.notificationTokens.titleFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.notificationTokens.titleFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.notificationTokens.titleFontWeight}: ${_sdds_scan.bodySBold.fontWeight};
+                ${_styledcomponents.notificationTokens.titleFontLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.notificationTokens.titleFontLineHeight}: ${_sdds_scan.bodyS.lineHeight};
-                ${_styledcomponents.notificationTokens.closeIconColor}: var(--text-tertiary);
-                ${_styledcomponents.notificationTokens.closeIconColorOnHover}: var(--text-primary);
+                ${_styledcomponents.notificationTokens.closeIconColor}: ${_sdds_scan.textTertiary};
+                ${_styledcomponents.notificationTokens.closeIconColorOnHover}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.notificationTokens.horizontalLayoutGap}: 0.375rem;
                 ${_styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;
                 ${_styledcomponents.notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.notificationTokens.titleColor}: var(--text-warning);
-                ${_styledcomponents.notificationTokens.contentLeftIconColor}: var(--text-warning);
-                ${_styledcomponents.notificationTokens.contentColor}: var(--text-secondary);
-                ${_styledcomponents.notificationTokens.background}: var(--surface-transparent-card);
+                ${_styledcomponents.notificationTokens.titleColor}: ${_sdds_scan.textWarning};
+                ${_styledcomponents.notificationTokens.contentLeftIconColor}: ${_sdds_scan.textWarning};
+                ${_styledcomponents.notificationTokens.contentColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.notificationTokens.background}: ${_sdds_scan.surfaceTransparentCard};
                 ${_styledcomponents.notificationTokens.borderRadius}: 0.75rem;
                 ${_styledcomponents.notificationTokens.padding}: 0.375rem;
@@ -211,32 +212,32 @@ const config = {
                 ${_styledcomponents.notificationTokens.contentLeftIconMargin}: 0.375rem;
                 ${_styledcomponents.notificationTokens.contentTopIconMargin}: 0.5rem;
-                ${_styledcomponents.notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.notificationTokens.contentFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.notificationTokens.contentFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.notificationTokens.contentFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.notificationTokens.contentFontWeight}: ${_sdds_scan.bodyS.fontWeight};
+                ${_styledcomponents.notificationTokens.contentFontLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.notificationTokens.contentFontLineHeight}: ${_sdds_scan.bodyS.lineHeight};
-                ${_styledcomponents.notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
-                ${_styledcomponents.notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.notificationTokens.titleFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.notificationTokens.titleFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.notificationTokens.titleFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.notificationTokens.titleFontWeight}: ${_sdds_scan.bodySBold.fontWeight};
+                ${_styledcomponents.notificationTokens.titleFontLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.notificationTokens.titleFontLineHeight}: ${_sdds_scan.bodyS.lineHeight};
-                ${_styledcomponents.notificationTokens.closeIconColor}: var(--text-tertiary);
-                ${_styledcomponents.notificationTokens.closeIconColorOnHover}: var(--text-primary);
+                ${_styledcomponents.notificationTokens.closeIconColor}: ${_sdds_scan.textTertiary};
+                ${_styledcomponents.notificationTokens.closeIconColorOnHover}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.notificationTokens.horizontalLayoutGap}: 0.375rem;
                 ${_styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;
                 ${_styledcomponents.notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;
             `,
             info: (0, _styledcomponents.css)`
-                ${_styledcomponents.notificationTokens.titleColor}: var(--text-info);
-                ${_styledcomponents.notificationTokens.contentLeftIconColor}: var(--text-info);
-                ${_styledcomponents.notificationTokens.contentColor}: var(--text-secondary);
-                ${_styledcomponents.notificationTokens.background}: var(--surface-transparent-card);
+                ${_styledcomponents.notificationTokens.titleColor}: ${_sdds_scan.textInfo};
+                ${_styledcomponents.notificationTokens.contentLeftIconColor}: ${_sdds_scan.textInfo};
+                ${_styledcomponents.notificationTokens.contentColor}: ${_sdds_scan.textSecondary};
+                ${_styledcomponents.notificationTokens.background}: ${_sdds_scan.surfaceTransparentCard};
                 ${_styledcomponents.notificationTokens.borderRadius}: 0.75rem;
                 ${_styledcomponents.notificationTokens.padding}: 0.375rem;
@@ -265,22 +266,22 @@ const config = {
                 ${_styledcomponents.notificationTokens.contentLeftIconMargin}: 0.375rem;
                 ${_styledcomponents.notificationTokens.contentTopIconMargin}: 0.5rem;
-                ${_styledcomponents.notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);
-                ${_styledcomponents.notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
-                ${_styledcomponents.notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);
-                ${_styledcomponents.notificationTokens.closeIconColor}: var(--text-tertiary);
-                ${_styledcomponents.notificationTokens.closeIconColorOnHover}: var(--text-primary);
+                ${_styledcomponents.notificationTokens.contentFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.notificationTokens.contentFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.notificationTokens.contentFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.notificationTokens.contentFontWeight}: ${_sdds_scan.bodyS.fontWeight};
+                ${_styledcomponents.notificationTokens.contentFontLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.notificationTokens.contentFontLineHeight}: ${_sdds_scan.bodyS.lineHeight};
+                ${_styledcomponents.notificationTokens.titleFontFamily}: ${_sdds_scan.bodyS.fontFamily};
+                ${_styledcomponents.notificationTokens.titleFontSize}: ${_sdds_scan.bodyS.fontSize};
+                ${_styledcomponents.notificationTokens.titleFontStyle}: ${_sdds_scan.bodyS.fontStyle};
+                ${_styledcomponents.notificationTokens.titleFontWeight}: ${_sdds_scan.bodySBold.fontWeight};
+                ${_styledcomponents.notificationTokens.titleFontLetterSpacing}: ${_sdds_scan.bodyS.letterSpacing};
+                ${_styledcomponents.notificationTokens.titleFontLineHeight}: ${_sdds_scan.bodyS.lineHeight};
+                ${_styledcomponents.notificationTokens.closeIconColor}: ${_sdds_scan.textTertiary};
+                ${_styledcomponents.notificationTokens.closeIconColorOnHover}: ${_sdds_scan.textPrimary};
                 ${_styledcomponents.notificationTokens.horizontalLayoutGap}: 0.375rem;
                 ${_styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;

package/dist/styled-components/cjs/components/NumberFormat/NumberFormat.js ADDED Viewed

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "NumberFormat", {
+    enumerable: true,
+    get: function() {
+        return NumberFormat;
+    }
+});
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _TextField = require("../TextField/TextField");
+const NumberFormat = (0, _styledcomponents.composeNumberFormat)(_TextField.TextField);

package/dist/styled-components/cjs/components/NumberFormat/index.js ADDED Viewed

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get NumberFormat () {
+        return _NumberFormat.NumberFormat;
+    },
+    get numberFormatter () {
+        return _styledcomponents.numberFormatter;
+    }
+});
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _NumberFormat = require("./NumberFormat");