@salutejs/sdds-cs 0.362.0-next-sbcom.0 → 0.362.0

package/dist/beta/cjs/Popover/Popover.closeInner.config.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
+const _sdds_cs = require("@salutejs/sdds-themes/tokens/sdds_cs");
 const _emotion = require("@salutejs/plasma-new-hope/emotion");
 const config = {
     defaults: {
@@ -17,18 +18,18 @@ const config = {
     variations: {
         view: {
             default: (0, _emotion.css)`
-                ${_emotion._beta_popoverTokens.backgroundColor}: var(--surface-solid-card);
-                ${_emotion._beta_popoverTokens.boxShadow}: var(--shadow-down-hard-m);
-                ${_emotion._beta_popoverTokens.iconColor}: var(--text-secondary);
-                ${_emotion._beta_popoverTokens.iconColorHover}: var(--text-secondary-hover);
-                ${_emotion._beta_popoverTokens.iconColorActive}: var(--text-secondary-active);
+                ${_emotion._beta_popoverTokens.backgroundColor}: ${_sdds_cs.surfaceSolidCard};
+                ${_emotion._beta_popoverTokens.boxShadow}: ${_sdds_cs.shadowDownHardM};
+                ${_emotion._beta_popoverTokens.iconColor}: ${_sdds_cs.textSecondary};
+                ${_emotion._beta_popoverTokens.iconColorHover}: ${_sdds_cs.textSecondaryHover};
+                ${_emotion._beta_popoverTokens.iconColorActive}: ${_sdds_cs.textSecondaryActive};
             `,
             info: (0, _emotion.css)`
-                ${_emotion._beta_popoverTokens.backgroundColor}: var(--surface-accent);
-                ${_emotion._beta_popoverTokens.boxShadow}: var(--shadow-down-hard-m);
-                ${_emotion._beta_popoverTokens.iconColor}: var(--on-dark-text-secondary);
-                ${_emotion._beta_popoverTokens.iconColorHover}: var(--on-dark-text-secondary-hover);
-                ${_emotion._beta_popoverTokens.iconColorActive}: var(--on-dark-text-secondary-active);
+                ${_emotion._beta_popoverTokens.backgroundColor}: ${_sdds_cs.surfaceAccent};
+                ${_emotion._beta_popoverTokens.boxShadow}: ${_sdds_cs.shadowDownHardM};
+                ${_emotion._beta_popoverTokens.iconColor}: ${_sdds_cs.onDarkTextSecondary};
+                ${_emotion._beta_popoverTokens.iconColorHover}: ${_sdds_cs.onDarkTextSecondaryHover};
+                ${_emotion._beta_popoverTokens.iconColorActive}: ${_sdds_cs.onDarkTextSecondaryActive};
             `
         },
         size: {

package/dist/beta/cjs/Popover/Popover.closeNone.config.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
+const _sdds_cs = require("@salutejs/sdds-themes/tokens/sdds_cs");
 const _emotion = require("@salutejs/plasma-new-hope/emotion");
 const config = {
     defaults: {
@@ -17,12 +18,12 @@ const config = {
     variations: {
         view: {
             default: (0, _emotion.css)`
-                ${_emotion._beta_popoverTokens.backgroundColor}: var(--surface-solid-card);
-                ${_emotion._beta_popoverTokens.boxShadow}: var(--shadow-down-hard-m);
+                ${_emotion._beta_popoverTokens.backgroundColor}: ${_sdds_cs.surfaceSolidCard};
+                ${_emotion._beta_popoverTokens.boxShadow}: ${_sdds_cs.shadowDownHardM};
             `,
             info: (0, _emotion.css)`
-                ${_emotion._beta_popoverTokens.backgroundColor}: var(--surface-accent);
-                ${_emotion._beta_popoverTokens.boxShadow}: var(--shadow-down-hard-m);
+                ${_emotion._beta_popoverTokens.backgroundColor}: ${_sdds_cs.surfaceAccent};
+                ${_emotion._beta_popoverTokens.boxShadow}: ${_sdds_cs.shadowDownHardM};
             `
         },
         size: {

package/dist/beta/cjs/Tooltip/Tooltip.config.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
+const _sdds_cs = require("@salutejs/sdds-themes/tokens/sdds_cs");
 const _emotion = require("@salutejs/plasma-new-hope/emotion");
 const config = {
     defaults: {
@@ -17,9 +18,9 @@ const config = {
     variations: {
         view: {
             default: (0, _emotion.css)`
-                ${_emotion._beta_tooltipTokens.backgroundColor}: var(--inverse-surface-solid-card-brightness);
-                ${_emotion._beta_tooltipTokens.boxShadow}: var(--shadow-down-hard-m);
-                ${_emotion._beta_tooltipTokens.color}: var(--inverse-text-primary);
+                ${_emotion._beta_tooltipTokens.backgroundColor}: ${_sdds_cs.inverseSurfaceSolidCardBrightness};
+                ${_emotion._beta_tooltipTokens.boxShadow}: ${_sdds_cs.shadowDownHardM};
+                ${_emotion._beta_tooltipTokens.color}: ${_sdds_cs.inverseTextPrimary};
             `
         },
         size: {
@@ -27,23 +28,23 @@ const config = {
                 ${_emotion._beta_tooltipTokens.borderRadius}: 0.625rem;
                 ${_emotion._beta_tooltipTokens.padding}: 0.75rem 0.875rem;
                 ${_emotion._beta_tooltipTokens.gap}: 0.375rem;
-                ${_emotion._beta_tooltipTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_emotion._beta_tooltipTokens.fontSize}: var(--plasma-typo-body-s-font-size);
-                ${_emotion._beta_tooltipTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_emotion._beta_tooltipTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_emotion._beta_tooltipTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_emotion._beta_tooltipTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_emotion._beta_tooltipTokens.fontFamily}: ${_sdds_cs.bodyS.fontFamily};
+                ${_emotion._beta_tooltipTokens.fontSize}: ${_sdds_cs.bodyS.fontSize};
+                ${_emotion._beta_tooltipTokens.fontStyle}: ${_sdds_cs.bodyS.fontStyle};
+                ${_emotion._beta_tooltipTokens.fontWeight}: ${_sdds_cs.bodyS.fontWeight};
+                ${_emotion._beta_tooltipTokens.letterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
+                ${_emotion._beta_tooltipTokens.lineHeight}: ${_sdds_cs.bodyS.lineHeight};
             `,
             s: (0, _emotion.css)`
                 ${_emotion._beta_tooltipTokens.borderRadius}: 0.5rem;
                 ${_emotion._beta_tooltipTokens.padding}: 0.5rem 0.75rem;
                 ${_emotion._beta_tooltipTokens.gap}: 0.25rem;
-                ${_emotion._beta_tooltipTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion._beta_tooltipTokens.fontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion._beta_tooltipTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion._beta_tooltipTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion._beta_tooltipTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion._beta_tooltipTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion._beta_tooltipTokens.fontFamily}: ${_sdds_cs.bodyXS.fontFamily};
+                ${_emotion._beta_tooltipTokens.fontSize}: ${_sdds_cs.bodyXS.fontSize};
+                ${_emotion._beta_tooltipTokens.fontStyle}: ${_sdds_cs.bodyXS.fontStyle};
+                ${_emotion._beta_tooltipTokens.fontWeight}: ${_sdds_cs.bodyXS.fontWeight};
+                ${_emotion._beta_tooltipTokens.letterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
+                ${_emotion._beta_tooltipTokens.lineHeight}: ${_sdds_cs.bodyXS.lineHeight};
             `
         }
     }

package/dist/beta/es/Popover/Popover.closeInner.config.js

@@ -1,3 +1,4 @@
+import { onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, shadowDownHardM, surfaceAccent, surfaceSolidCard, textSecondary, textSecondaryActive, textSecondaryHover } from '@salutejs/sdds-themes/tokens/sdds_cs';
 import { css, _beta_popoverTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
 export const config = {
     defaults: {
@@ -7,18 +8,18 @@ export const config = {
     variations: {
         view: {
             default: css`
-                ${tokens.backgroundColor}: var(--surface-solid-card);
-                ${tokens.boxShadow}: var(--shadow-down-hard-m);
-                ${tokens.iconColor}: var(--text-secondary);
-                ${tokens.iconColorHover}: var(--text-secondary-hover);
-                ${tokens.iconColorActive}: var(--text-secondary-active);
+                ${tokens.backgroundColor}: ${surfaceSolidCard};
+                ${tokens.boxShadow}: ${shadowDownHardM};
+                ${tokens.iconColor}: ${textSecondary};
+                ${tokens.iconColorHover}: ${textSecondaryHover};
+                ${tokens.iconColorActive}: ${textSecondaryActive};
             `,
             info: css`
-                ${tokens.backgroundColor}: var(--surface-accent);
-                ${tokens.boxShadow}: var(--shadow-down-hard-m);
-                ${tokens.iconColor}: var(--on-dark-text-secondary);
-                ${tokens.iconColorHover}: var(--on-dark-text-secondary-hover);
-                ${tokens.iconColorActive}: var(--on-dark-text-secondary-active);
+                ${tokens.backgroundColor}: ${surfaceAccent};
+                ${tokens.boxShadow}: ${shadowDownHardM};
+                ${tokens.iconColor}: ${onDarkTextSecondary};
+                ${tokens.iconColorHover}: ${onDarkTextSecondaryHover};
+                ${tokens.iconColorActive}: ${onDarkTextSecondaryActive};
             `
         },
         size: {

package/dist/beta/es/Popover/Popover.closeNone.config.js

@@ -1,3 +1,4 @@
+import { shadowDownHardM, surfaceAccent, surfaceSolidCard } from '@salutejs/sdds-themes/tokens/sdds_cs';
 import { css, _beta_popoverTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
 export const config = {
     defaults: {
@@ -7,12 +8,12 @@ export const config = {
     variations: {
         view: {
             default: css`
-                ${tokens.backgroundColor}: var(--surface-solid-card);
-                ${tokens.boxShadow}: var(--shadow-down-hard-m);
+                ${tokens.backgroundColor}: ${surfaceSolidCard};
+                ${tokens.boxShadow}: ${shadowDownHardM};
             `,
             info: css`
-                ${tokens.backgroundColor}: var(--surface-accent);
-                ${tokens.boxShadow}: var(--shadow-down-hard-m);
+                ${tokens.backgroundColor}: ${surfaceAccent};
+                ${tokens.boxShadow}: ${shadowDownHardM};
             `
         },
         size: {

package/dist/beta/es/Tooltip/Tooltip.config.js

@@ -1,3 +1,4 @@
+import { bodyS, bodyXS, inverseSurfaceSolidCardBrightness, inverseTextPrimary, shadowDownHardM } from '@salutejs/sdds-themes/tokens/sdds_cs';
 import { css, _beta_tooltipTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
 export const config = {
     defaults: {
@@ -7,9 +8,9 @@ export const config = {
     variations: {
         view: {
             default: css`
-                ${tokens.backgroundColor}: var(--inverse-surface-solid-card-brightness);
-                ${tokens.boxShadow}: var(--shadow-down-hard-m);
-                ${tokens.color}: var(--inverse-text-primary);
+                ${tokens.backgroundColor}: ${inverseSurfaceSolidCardBrightness};
+                ${tokens.boxShadow}: ${shadowDownHardM};
+                ${tokens.color}: ${inverseTextPrimary};
             `
         },
         size: {
@@ -17,23 +18,23 @@ export const config = {
                 ${tokens.borderRadius}: 0.625rem;
                 ${tokens.padding}: 0.75rem 0.875rem;
                 ${tokens.gap}: 0.375rem;
-                ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);
-                ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);
-                ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);
-                ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+                ${tokens.fontFamily}: ${bodyS.fontFamily};
+                ${tokens.fontSize}: ${bodyS.fontSize};
+                ${tokens.fontStyle}: ${bodyS.fontStyle};
+                ${tokens.fontWeight}: ${bodyS.fontWeight};
+                ${tokens.letterSpacing}: ${bodyS.letterSpacing};
+                ${tokens.lineHeight}: ${bodyS.lineHeight};
             `,
             s: css`
                 ${tokens.borderRadius}: 0.5rem;
                 ${tokens.padding}: 0.5rem 0.75rem;
                 ${tokens.gap}: 0.25rem;
-                ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);
-                ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${tokens.fontFamily}: ${bodyXS.fontFamily};
+                ${tokens.fontSize}: ${bodyXS.fontSize};
+                ${tokens.fontStyle}: ${bodyXS.fontStyle};
+                ${tokens.fontWeight}: ${bodyXS.fontWeight};
+                ${tokens.letterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.lineHeight}: ${bodyXS.lineHeight};
             `
         }
     }

package/dist/emotion/cjs/components/Accordion/Accordion.config.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
+const _sdds_cs = require("@salutejs/sdds-themes/tokens/sdds_cs");
 const _emotion = require("@salutejs/plasma-new-hope/emotion");
 const config = {
     defaults: {
@@ -20,12 +21,12 @@ const config = {
                 ${_emotion.accordionTokens.accordionGap}: 0.125rem;
                 ${_emotion.accordionTokens.accordionWidth}: 20rem;
                 ${_emotion.accordionTokens.accordionItemPadding}: var(${_emotion.accordionTokens.accordionItemPaddingVertical}) var(${_emotion.accordionTokens.accordionItemPaddingHorizontal});
-                ${_emotion.accordionTokens.accordionItemBackground}: var(--surface-solid-card);
-                ${_emotion.accordionTokens.accordionItemTitleColor}: var(--text-primary);
-                ${_emotion.accordionTokens.accordionItemTextColor}: var(--text-primary);
-                ${_emotion.accordionTokens.accordionItemIconColor}: var(--text-accent);
-                ${_emotion.accordionTokens.accordionItemFocus}: var(--surface-accent);
-                ${_emotion.accordionTokens.accordionBackground}: var(--surface-clear);
+                ${_emotion.accordionTokens.accordionItemBackground}: ${_sdds_cs.surfaceSolidCard};
+                ${_emotion.accordionTokens.accordionItemTitleColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.accordionTokens.accordionItemTextColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.accordionTokens.accordionItemIconColor}: ${_sdds_cs.textAccent};
+                ${_emotion.accordionTokens.accordionItemFocus}: ${_sdds_cs.surfaceAccent};
+                ${_emotion.accordionTokens.accordionBackground}: ${_sdds_cs.surfaceClear};
                 ${_emotion.accordionTokens.accordionItemBorderBottom}: 0;
                 ${_emotion.accordionTokens.accordionItemPaddingHorizontalLeft}: var(${_emotion.accordionTokens.accordionItemPaddingHorizontal});
             `,
@@ -33,14 +34,14 @@ const config = {
                 ${_emotion.accordionTokens.accordionGap}: 0;
                 ${_emotion.accordionTokens.accordionWidth}: 20rem;
                 ${_emotion.accordionTokens.accordionItemPadding}: var(${_emotion.accordionTokens.accordionItemPaddingVertical}) 0rem;
-                ${_emotion.accordionTokens.accordionItemBackground}: var(--surface-clear);
-                ${_emotion.accordionTokens.accordionItemTitleColor}: var(--text-primary);
-                ${_emotion.accordionTokens.accordionItemTextColor}: var(--text-primary);
-                ${_emotion.accordionTokens.accordionItemIconColor}: var(--text-accent);
-                ${_emotion.accordionTokens.accordionItemFocus}: var(--surface-accent);
+                ${_emotion.accordionTokens.accordionItemBackground}: ${_sdds_cs.surfaceClear};
+                ${_emotion.accordionTokens.accordionItemTitleColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.accordionTokens.accordionItemTextColor}: ${_sdds_cs.textPrimary};
+                ${_emotion.accordionTokens.accordionItemIconColor}: ${_sdds_cs.textAccent};
+                ${_emotion.accordionTokens.accordionItemFocus}: ${_sdds_cs.surfaceAccent};
                 ${_emotion.accordionTokens.accordionItemViewBorderRadius}: 0rem;
-                ${_emotion.accordionTokens.accordionBackground}: var(--surface-clear);
-                ${_emotion.accordionTokens.accordionItemBorderBottom}: 0.125rem solid var(--surface-solid-tertiary);
+                ${_emotion.accordionTokens.accordionBackground}: ${_sdds_cs.surfaceClear};
+                ${_emotion.accordionTokens.accordionItemBorderBottom}: 0.125rem solid ${_sdds_cs.surfaceSolidTertiary};
                 ${_emotion.accordionTokens.accordionItemPaddingHorizontalLeft}: 0;
             `
         },
@@ -52,19 +53,19 @@ const config = {
                 ${_emotion.accordionTokens.accordionItemGap}: 0.375rem;
                 ${_emotion.accordionTokens.accordionItemBorderRadius}: 0.625rem;
 
-                ${_emotion.accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_emotion.accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_emotion.accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_emotion.accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
-                ${_emotion.accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_emotion.accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_emotion.accordionTokens.accordionItemTitleFontFamily}: ${_sdds_cs.bodyM.fontFamily};
+                ${_emotion.accordionTokens.accordionItemTitleFontSize}: ${_sdds_cs.bodyM.fontSize};
+                ${_emotion.accordionTokens.accordionItemTitleFontStyle}: ${_sdds_cs.bodyM.fontStyle};
+                ${_emotion.accordionTokens.accordionItemTitleFontWeight}: ${_sdds_cs.bodyMBold.fontWeight};
+                ${_emotion.accordionTokens.accordionItemTitleLetterSpacing}: ${_sdds_cs.bodyM.letterSpacing};
+                ${_emotion.accordionTokens.accordionItemTitleLineHeight}: ${_sdds_cs.bodyM.lineHeight};
 
-                ${_emotion.accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_emotion.accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_emotion.accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_emotion.accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_emotion.accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_emotion.accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_emotion.accordionTokens.accordionItemTextFontFamily}: ${_sdds_cs.bodyM.fontFamily};
+                ${_emotion.accordionTokens.accordionItemTextFontSize}: ${_sdds_cs.bodyM.fontSize};
+                ${_emotion.accordionTokens.accordionItemTextFontStyle}: ${_sdds_cs.bodyM.fontStyle};
+                ${_emotion.accordionTokens.accordionItemTextFontWeight}: ${_sdds_cs.bodyM.fontWeight};
+                ${_emotion.accordionTokens.accordionItemTextLetterSpacing}: ${_sdds_cs.bodyM.letterSpacing};
+                ${_emotion.accordionTokens.accordionItemTextLineHeight}: ${_sdds_cs.bodyM.lineHeight};
             `
         }
     }