@salutejs/sdds-serv 0.313.1-canary.2043.15852251108.0 → 0.314.0-canary.1741.15743877104.0

package/es/components/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../../src-css/components/Spinner/Spinner.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Spinner.config';\n\nconst mergedConfig = mergeConfig(spinnerConfig, config);\nconst SpinnerComponent = component(mergedConfig);\n\nexport type SpinnerProps = HTMLAttributes<HTMLDivElement> & {\n    /**\n     * Размер спиннера\n     */\n    size?: string | number;\n    /**\n     * Цвет спиннера\n     */\n    view?: string;\n    /**\n     * Цвет спиннера\n     * @deprecated\n     */\n    color?: string;\n    /**\n     * @deprecated\n     */\n    deviceScale?: number;\n};\n\n/**\n * Компонент для отображения индикатора загрузки.\n */\nexport const Spinner = SpinnerComponent;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","config","SpinnerComponent","component","Spinner"],"mappings":";;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,EAAEC,MAAM,CAAC,CAAA;AACvD,IAAMC,gBAAgB,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAsBhD;AACA;AACA;AACO,IAAMM,OAAO,GAAGF;;;;"}
+{"version":3,"file":"Spinner.js","sources":["../../../src-css/components/Spinner/Spinner.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Spinner.config';\n\nconst mergedConfig = mergeConfig(spinnerConfig, config);\nconst SpinnerComponent = component(mergedConfig);\n\nexport type SpinnerProps = HTMLAttributes<HTMLDivElement> & {\n    /**\n     * Размер спиннера\n     */\n    size?: string | number;\n    /**\n     * Цвет спиннера\n     */\n    view?: string;\n    /**\n     * Цвет спиннера\n     * @deprecated\n     */\n    color?: string;\n    /**\n     * @deprecated\n     */\n    deviceScale?: number;\n};\n\n/**\n * Компонент для отображения индикатора загрузки.\n */\nexport const Spinner = SpinnerComponent;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","config","SpinnerComponent","component","Spinner"],"mappings":";;;AAMA,MAAMA,YAAY,GAAGC,WAAW,CAACC,aAAa,EAAEC,MAAM,CAAC,CAAA;AACvD,MAAMC,gBAAgB,GAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAsBhD;AACA;AACA;AACO,MAAMM,OAAO,GAAGF;;;;"}

package/es/components/Steps/Steps.config.js

@@ -1,16 +1,16 @@
 import './Steps.config_1thzvf2.css';
-var config = {
+const config = {
   defaults: {
     size: 'm',
     view: 'default'
   },
   variations: {
     view: {
-      "default": "d1eto8nh",
+      default: "d1eto8nh",
       accent: "as5t39y"
     },
     itemView: {
-      "default": "d1o9g49i",
+      default: "d1o9g49i",
       negative: "nzx2zl9",
       warning: "wcdn5ma",
       positive: "pxho34d"

package/es/components/Steps/Steps.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.config.js","sources":["../../../src-css/components/Steps/Steps.config.ts"],"sourcesContent":["import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope';\n\nconst baseItemView = `\n    ${tokens.activeTitleColor}: var(--text-primary);\n    ${tokens.activeTitleColorHover}: var(--text-primary-hover);\n    ${tokens.activeIndicatorBorder}: solid var(--surface-solid-default);\n    ${tokens.activeIndicatorColor}: var(--text-primary);\n    ${tokens.activeIndicatorBackground}: var(--surface-clear);\n    \n    ${tokens.completedIndicatorColor}: var(--inverse-text-primary);\n    ${tokens.completedIndicatorColorHover}: var(--inverse-text-primary);\n    ${tokens.completedIndicatorBackground}: var(--surface-solid-default);\n    ${tokens.completedIndicatorBackgroundHover}: var(--surface-solid-default-hover);\n    ${tokens.completedTitleColor}: var(--text-primary);\n    ${tokens.completedTitleColorHover}: var(--text-primary-hover);\n\n    ${tokens.inactiveTitleColor}: var(--text-secondary);\n    ${tokens.inactiveTitleColorHover}: var(--text-secondary-hover);\n    ${tokens.inactiveIndicatorColor}: var(--text-secondary);\n    ${tokens.inactiveIndicatorColorHover}: var(--text-secondary);\n    ${tokens.inactiveIndicatorBackground}: var(--surface-transparent-secondary);\n    ${tokens.inactiveIndicatorBackgroundHover}: var(--surface-transparent-secondary-hover);\n\n    ${tokens.contentColor}: var(--text-secondary);\n    ${tokens.focusColor}: var(--surface-accent);\n\n    ${tokens.disabledOpacity}: 0.4;\n`;\n\nconst accentConfig = `\n    ${tokens.completedTitleColor}: var(--text-primary);\n    ${tokens.completedTitleColorHover}: var(--text-primary-hover);\n    \n    ${tokens.completedIndicatorBackground}: var(--surface-accent);\n    ${tokens.completedIndicatorBackgroundHover}: var(--surface-accent-hover);\n    \n    // Цвет контента внутри элемента Step\n    ${tokens.completedIndicatorColor}: var(--on-dark-text-primary);\n    ${tokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);\n`;\n\nexport const config = {\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.dividerColor}: var(--surface-solid-default);\n            `,\n            accent: css`\n                ${tokens.dividerColor}: var(--surface-accent);\n            `,\n        },\n        itemView: {\n            default: css`\n                ${baseItemView};\n            `,\n            negative: css`\n                ${baseItemView};\n\n                ${tokens.activeTitleColor}: var(--surface-negative);\n                ${tokens.activeTitleColorHover}: var(--surface-negative-hover);\n                ${tokens.activeIndicatorBorder}: solid var(--surface-negative);\n                ${tokens.activeIndicatorColor}: var(--text-negative);\n            `,\n            warning: css`\n                ${baseItemView};\n\n                ${tokens.activeTitleColor}: var(--surface-warning);\n                ${tokens.activeTitleColorHover}: var(--surface-warning-hover);\n                ${tokens.activeIndicatorBorder}: solid var(--surface-warning);\n                ${tokens.activeIndicatorColor}: var(--text-warning);\n            `,\n            positive: css`\n                ${baseItemView};\n\n                ${tokens.activeTitleColor}: var(--surface-positive);\n                ${tokens.activeTitleColorHover}: var(--surface-positive-hover);\n                ${tokens.activeIndicatorBorder}: solid var(--surface-positive);\n                ${tokens.activeIndicatorColor}: var(--text-positive);\n            `,\n        },\n        size: {\n            l: css`\n                ${tokens.indicatorSize}: 1.5rem;\n                ${tokens.activeIndicatorSize}: 2.25rem;\n                ${tokens.bulletSize}: 0.5rem;\n                ${tokens.activeBulletSize}: 1rem;\n\n                ${tokens.titlePaddingTop}: 0.75rem;\n                ${tokens.contentPaddingTop}: 0.375rem;\n                ${tokens.contentSidePadding}: 2rem;\n                ${tokens.contentVerticalPadding}: 1.0625rem;\n                ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n                ${tokens.smallIndicatorIndentHeight}: 1rem;\n                ${tokens.largeIndicatorIndentHeight}: 0.625rem;\n                ${tokens.smallBulletIndentHeight}: 1.5rem;\n                ${tokens.largeBulletIndentHeight}: 1.25rem;\n\n                ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.titleFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.titleFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.titleFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.titleFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.titleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.titleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.contentFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.contentFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.contentFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.contentFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.contentLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.contentLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.dividerThickness}: 0.125rem;\n            `,\n            m: css`\n                ${tokens.indicatorSize}: 1.5rem;\n                ${tokens.activeIndicatorSize}: 2.25rem;\n                ${tokens.bulletSize}: 0.5rem;\n                ${tokens.activeBulletSize}: 1rem;\n\n                ${tokens.titlePaddingTop}: 0.625rem;\n                ${tokens.contentPaddingTop}: 0.375rem;\n                ${tokens.contentSidePadding}: 1.75rem;\n                ${tokens.contentVerticalPadding}: 0.875rem;\n                ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n                ${tokens.smallIndicatorIndentHeight}: 0.75rem;\n                ${tokens.largeIndicatorIndentHeight}: 0.4375rem;\n                ${tokens.smallBulletIndentHeight}: 1.25rem;\n                ${tokens.largeBulletIndentHeight}: 1.125rem;\n\n                ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.titleFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.titleFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.titleFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.titleFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.titleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.titleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.contentLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.contentLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.dividerThickness}: 0.125rem;\n            `,\n            s: css`\n                ${tokens.indicatorSize}: 1.5rem;\n                ${tokens.activeIndicatorSize}: 1.5rem;\n                ${tokens.bulletSize}: 0.5rem;\n                ${tokens.activeBulletSize}: 1rem;\n\n                ${tokens.titlePaddingTop}: 0.5rem;\n                ${tokens.contentPaddingTop}: 0.375rem;\n                ${tokens.contentSidePadding}: 1.5rem;\n                ${tokens.contentVerticalPadding}: 0.6875rem;\n                ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n                ${tokens.smallIndicatorIndentHeight}: 0.5rem;\n                ${tokens.largeIndicatorIndentHeight}: 0.5rem;\n                ${tokens.smallBulletIndentHeight}: 1rem;\n                ${tokens.largeBulletIndentHeight}: 0.75rem;\n\n                ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.titleFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.titleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.titleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.contentFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.dividerThickness}: 0.125rem;\n            `,\n            xs: css`\n                ${tokens.indicatorSize}: 1.5rem;\n                ${tokens.activeIndicatorSize}: 1.5rem;\n                ${tokens.bulletSize}: 0.5rem;\n                ${tokens.activeBulletSize}: 1rem;\n\n                ${tokens.titlePaddingTop}: 0.5rem;\n                ${tokens.contentPaddingTop}: 0.25rem;\n                ${tokens.contentSidePadding}: 1.5rem;\n                ${tokens.contentVerticalPadding}: 0.5625rem;\n                ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n                ${tokens.smallIndicatorIndentHeight}: 0.25rem;\n                ${tokens.largeIndicatorIndentHeight}: 0.25rem;\n                ${tokens.smallBulletIndentHeight}: 0.75rem;\n                ${tokens.largeBulletIndentHeight}: 0.5rem;\n\n                ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.titleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.contentFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.dividerThickness}: 0.125rem;\n            `,\n        },\n    },\n    intersections: [\n        {\n            view: 'accent',\n            itemView: 'default',\n            style: css`\n                ${tokens.activeIndicatorBorder}: solid var(--text-accent);\n                ${tokens.activeIndicatorColor}: var(--text-accent);\n\n                ${accentConfig};\n            `,\n        },\n        {\n            view: 'accent',\n            itemView: 'negative',\n            style: css`\n                ${accentConfig};\n            `,\n        },\n        {\n            view: 'accent',\n            itemView: 'warning',\n            style: css`\n                ${accentConfig};\n            `,\n        },\n        {\n            view: 'accent',\n            itemView: 'positive',\n            style: css`\n                ${accentConfig};\n            `,\n        },\n    ],\n};\n"],"names":["config","defaults","size","view","variations","default","accent","itemView","negative","warning","positive","l","m","s","xs","intersections","style"],"mappings":"AAyCO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,SAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,SAAAA,EAEC,UAAA;AACDC,MAAAA,MAAM,EAAA,SAAA;KAGT;AACDC,IAAAA,QAAQ,EAAE;AACNF,MAAAA,SAAAA,EAEC,UAAA;AACDG,MAAAA,QAAQ,EAOP,SAAA;AACDC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAQX;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EA8CA,SAAA;AACDC,MAAAA,CAAC,EA8CA,UAAA;AACDC,MAAAA,CAAC,EA8CA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AA+CN,KAAA;GACH;AACDC,EAAAA,aAAa,EAAE,CACX;AACIZ,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBS,IAAAA,KAAK,EAAA,SAAA;AAMT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBS,IAAAA,KAAK,EAAA,SAAA;AAGT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBS,IAAAA,KAAK,EAAA,UAAA;AAGT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBS,IAAAA,KAAK,EAAA,SAAA;GAGR,CAAA;AAET;;;;"}
+{"version":3,"file":"Steps.config.js","sources":["../../../src-css/components/Steps/Steps.config.ts"],"sourcesContent":["import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope';\n\nconst baseItemView = `\n    ${tokens.activeTitleColor}: var(--text-primary);\n    ${tokens.activeTitleColorHover}: var(--text-primary-hover);\n    ${tokens.activeIndicatorBorder}: solid var(--surface-solid-default);\n    ${tokens.activeIndicatorColor}: var(--text-primary);\n    ${tokens.activeIndicatorBackground}: var(--surface-clear);\n    \n    ${tokens.completedIndicatorColor}: var(--inverse-text-primary);\n    ${tokens.completedIndicatorColorHover}: var(--inverse-text-primary);\n    ${tokens.completedIndicatorBackground}: var(--surface-solid-default);\n    ${tokens.completedIndicatorBackgroundHover}: var(--surface-solid-default-hover);\n    ${tokens.completedTitleColor}: var(--text-primary);\n    ${tokens.completedTitleColorHover}: var(--text-primary-hover);\n\n    ${tokens.inactiveTitleColor}: var(--text-secondary);\n    ${tokens.inactiveTitleColorHover}: var(--text-secondary-hover);\n    ${tokens.inactiveIndicatorColor}: var(--text-secondary);\n    ${tokens.inactiveIndicatorColorHover}: var(--text-secondary);\n    ${tokens.inactiveIndicatorBackground}: var(--surface-transparent-secondary);\n    ${tokens.inactiveIndicatorBackgroundHover}: var(--surface-transparent-secondary-hover);\n\n    ${tokens.contentColor}: var(--text-secondary);\n    ${tokens.focusColor}: var(--surface-accent);\n\n    ${tokens.disabledOpacity}: 0.4;\n`;\n\nconst accentConfig = `\n    ${tokens.completedTitleColor}: var(--text-primary);\n    ${tokens.completedTitleColorHover}: var(--text-primary-hover);\n    \n    ${tokens.completedIndicatorBackground}: var(--surface-accent);\n    ${tokens.completedIndicatorBackgroundHover}: var(--surface-accent-hover);\n    \n    // Цвет контента внутри элемента Step\n    ${tokens.completedIndicatorColor}: var(--on-dark-text-primary);\n    ${tokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);\n`;\n\nexport const config = {\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.dividerColor}: var(--surface-solid-default);\n            `,\n            accent: css`\n                ${tokens.dividerColor}: var(--surface-accent);\n            `,\n        },\n        itemView: {\n            default: css`\n                ${baseItemView};\n            `,\n            negative: css`\n                ${baseItemView};\n\n                ${tokens.activeTitleColor}: var(--surface-negative);\n                ${tokens.activeTitleColorHover}: var(--surface-negative-hover);\n                ${tokens.activeIndicatorBorder}: solid var(--surface-negative);\n                ${tokens.activeIndicatorColor}: var(--text-negative);\n            `,\n            warning: css`\n                ${baseItemView};\n\n                ${tokens.activeTitleColor}: var(--surface-warning);\n                ${tokens.activeTitleColorHover}: var(--surface-warning-hover);\n                ${tokens.activeIndicatorBorder}: solid var(--surface-warning);\n                ${tokens.activeIndicatorColor}: var(--text-warning);\n            `,\n            positive: css`\n                ${baseItemView};\n\n                ${tokens.activeTitleColor}: var(--surface-positive);\n                ${tokens.activeTitleColorHover}: var(--surface-positive-hover);\n                ${tokens.activeIndicatorBorder}: solid var(--surface-positive);\n                ${tokens.activeIndicatorColor}: var(--text-positive);\n            `,\n        },\n        size: {\n            l: css`\n                ${tokens.indicatorSize}: 1.5rem;\n                ${tokens.activeIndicatorSize}: 2.25rem;\n                ${tokens.bulletSize}: 0.5rem;\n                ${tokens.activeBulletSize}: 1rem;\n\n                ${tokens.titlePaddingTop}: 0.75rem;\n                ${tokens.contentPaddingTop}: 0.375rem;\n                ${tokens.contentSidePadding}: 2rem;\n                ${tokens.contentVerticalPadding}: 1.0625rem;\n                ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n                ${tokens.smallIndicatorIndentHeight}: 1rem;\n                ${tokens.largeIndicatorIndentHeight}: 0.625rem;\n                ${tokens.smallBulletIndentHeight}: 1.5rem;\n                ${tokens.largeBulletIndentHeight}: 1.25rem;\n\n                ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.titleFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.titleFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.titleFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.titleFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.titleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.titleLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.contentFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.contentFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.contentFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.contentFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.contentLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.contentLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.dividerThickness}: 0.125rem;\n            `,\n            m: css`\n                ${tokens.indicatorSize}: 1.5rem;\n                ${tokens.activeIndicatorSize}: 2.25rem;\n                ${tokens.bulletSize}: 0.5rem;\n                ${tokens.activeBulletSize}: 1rem;\n\n                ${tokens.titlePaddingTop}: 0.625rem;\n                ${tokens.contentPaddingTop}: 0.375rem;\n                ${tokens.contentSidePadding}: 1.75rem;\n                ${tokens.contentVerticalPadding}: 0.875rem;\n                ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n                ${tokens.smallIndicatorIndentHeight}: 0.75rem;\n                ${tokens.largeIndicatorIndentHeight}: 0.4375rem;\n                ${tokens.smallBulletIndentHeight}: 1.25rem;\n                ${tokens.largeBulletIndentHeight}: 1.125rem;\n\n                ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.titleFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.titleFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.titleFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.titleFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.titleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.titleLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.contentLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.contentLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.dividerThickness}: 0.125rem;\n            `,\n            s: css`\n                ${tokens.indicatorSize}: 1.5rem;\n                ${tokens.activeIndicatorSize}: 1.5rem;\n                ${tokens.bulletSize}: 0.5rem;\n                ${tokens.activeBulletSize}: 1rem;\n\n                ${tokens.titlePaddingTop}: 0.5rem;\n                ${tokens.contentPaddingTop}: 0.375rem;\n                ${tokens.contentSidePadding}: 1.5rem;\n                ${tokens.contentVerticalPadding}: 0.6875rem;\n                ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n                ${tokens.smallIndicatorIndentHeight}: 0.5rem;\n                ${tokens.largeIndicatorIndentHeight}: 0.5rem;\n                ${tokens.smallBulletIndentHeight}: 1rem;\n                ${tokens.largeBulletIndentHeight}: 0.75rem;\n\n                ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.titleFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.titleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.titleLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.contentFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.dividerThickness}: 0.125rem;\n            `,\n            xs: css`\n                ${tokens.indicatorSize}: 1.5rem;\n                ${tokens.activeIndicatorSize}: 1.5rem;\n                ${tokens.bulletSize}: 0.5rem;\n                ${tokens.activeBulletSize}: 1rem;\n\n                ${tokens.titlePaddingTop}: 0.5rem;\n                ${tokens.contentPaddingTop}: 0.25rem;\n                ${tokens.contentSidePadding}: 1.5rem;\n                ${tokens.contentVerticalPadding}: 0.5625rem;\n                ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n                ${tokens.smallIndicatorIndentHeight}: 0.25rem;\n                ${tokens.largeIndicatorIndentHeight}: 0.25rem;\n                ${tokens.smallBulletIndentHeight}: 0.75rem;\n                ${tokens.largeBulletIndentHeight}: 0.5rem;\n\n                ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.indicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.indicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.titleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.titleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.titleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.titleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.titleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.titleLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.contentFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.contentFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.contentFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.contentFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.contentLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.contentLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.dividerThickness}: 0.125rem;\n            `,\n        },\n    },\n    intersections: [\n        {\n            view: 'accent',\n            itemView: 'default',\n            style: css`\n                ${tokens.activeIndicatorBorder}: solid var(--text-accent);\n                ${tokens.activeIndicatorColor}: var(--text-accent);\n\n                ${accentConfig};\n            `,\n        },\n        {\n            view: 'accent',\n            itemView: 'negative',\n            style: css`\n                ${accentConfig};\n            `,\n        },\n        {\n            view: 'accent',\n            itemView: 'warning',\n            style: css`\n                ${accentConfig};\n            `,\n        },\n        {\n            view: 'accent',\n            itemView: 'positive',\n            style: css`\n                ${accentConfig};\n            `,\n        },\n    ],\n};\n"],"names":["config","defaults","size","view","variations","default","accent","itemView","negative","warning","positive","l","m","s","xs","intersections","style"],"mappings":"AAyCO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,SAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,OAAO,EAEN,UAAA;AACDC,MAAAA,MAAM,EAAA,SAAA;KAGT;AACDC,IAAAA,QAAQ,EAAE;AACNF,MAAAA,OAAO,EAEN,UAAA;AACDG,MAAAA,QAAQ,EAOP,SAAA;AACDC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAQX;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EA8CA,SAAA;AACDC,MAAAA,CAAC,EA8CA,UAAA;AACDC,MAAAA,CAAC,EA8CA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AA+CN,KAAA;GACH;AACDC,EAAAA,aAAa,EAAE,CACX;AACIZ,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBS,IAAAA,KAAK,EAAA,SAAA;AAMT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBS,IAAAA,KAAK,EAAA,SAAA;AAGT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBS,IAAAA,KAAK,EAAA,UAAA;AAGT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBS,IAAAA,KAAK,EAAA,SAAA;GAGR,CAAA;AAET;;;;"}

package/es/components/Steps/Steps.js

@@ -1,9 +1,9 @@
-import { component, mergeConfig, stepsConfig } from '@salutejs/plasma-new-hope';
+import { mergeConfig, stepsConfig, component } from '@salutejs/plasma-new-hope';
 import { config } from './Steps.config.js';
 
-var mergedConfig = /*#__PURE__*/mergeConfig(stepsConfig, config);
-var StepsComponent = /*#__PURE__*/component(mergedConfig);
-var Steps = StepsComponent;
+const mergedConfig = mergeConfig(stepsConfig, config);
+const StepsComponent = component(mergedConfig);
+const Steps = StepsComponent;
 
 export { Steps };
 //# sourceMappingURL=Steps.js.map

package/es/components/Steps/Steps.js.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.js","sources":["../../../src-css/components/Steps/Steps.ts"],"sourcesContent":["import { stepsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Steps.config';\n\nconst mergedConfig = mergeConfig(stepsConfig, config);\nconst StepsComponent = component(mergedConfig);\n\nexport const Steps = StepsComponent;\n"],"names":["mergedConfig","mergeConfig","stepsConfig","config","StepsComponent","component","Steps"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC,CAAA;AACrD,IAAMC,cAAc,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAEvC,IAAMM,KAAK,GAAGF;;;;"}
+{"version":3,"file":"Steps.js","sources":["../../../src-css/components/Steps/Steps.ts"],"sourcesContent":["import { stepsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Steps.config';\n\nconst mergedConfig = mergeConfig(stepsConfig, config);\nconst StepsComponent = component(mergedConfig);\n\nexport const Steps = StepsComponent;\n"],"names":["mergedConfig","mergeConfig","stepsConfig","config","StepsComponent","component","Steps"],"mappings":";;;AAIA,MAAMA,YAAY,GAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC,CAAA;AACrD,MAAMC,cAAc,GAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAEvC,MAAMM,KAAK,GAAGF;;;;"}

package/es/components/Switch/Switch.config.js

@@ -1,5 +1,5 @@
 import './Switch.config_1y3cre3.css';
-var config = {
+const config = {
   defaults: {
     view: 'default',
     size: 'm',
@@ -18,13 +18,13 @@ var config = {
       s: "s1tua898"
     },
     view: {
-      "default": "d1awd42o"
+      default: "d1awd42o"
     },
     disabled: {
-      "true": "t1mlr3rr"
+      true: "t1mlr3rr"
     },
     focused: {
-      "true": "tsi8kgi"
+      true: "tsi8kgi"
     }
   }
 };

package/es/components/Switch/Switch.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.config.js","sources":["../../../src-css/components/Switch/Switch.config.ts"],"sourcesContent":["import { css, switchTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n        toggleSize: 'l',\n        labelPosition: 'before',\n        focused: 'true',\n    },\n    variations: {\n        size: {\n            s: css`\n                ${switchTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${switchTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${switchTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${switchTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n                ${switchTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${switchTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${switchTokens.descriptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${switchTokens.descriptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${switchTokens.descriptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${switchTokens.descriptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${switchTokens.descriptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${switchTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${switchTokens.verticalGap}: 0.25rem;\n                ${switchTokens.labelOffset}: 0.75rem;\n            `,\n            m: css`\n                ${switchTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${switchTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${switchTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${switchTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n                ${switchTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${switchTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${switchTokens.descriptionFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${switchTokens.descriptionFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${switchTokens.descriptionFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${switchTokens.descriptionLineHeight}: var(--plasma-typo-body-s-line-height);\n                ${switchTokens.descriptionFontSize}: var(--plasma-typo-body-s-font-size);\n                ${switchTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${switchTokens.verticalGap}: 0.25rem;\n                ${switchTokens.labelOffset}: 0.75rem;\n            `,\n            l: css`\n                ${switchTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${switchTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${switchTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${switchTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n                ${switchTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${switchTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${switchTokens.descriptionFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${switchTokens.descriptionFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${switchTokens.descriptionFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${switchTokens.descriptionLineHeight}: var(--plasma-typo-body-m-line-height);\n                ${switchTokens.descriptionFontSize}: var(--plasma-typo-body-m-font-size);\n                ${switchTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${switchTokens.verticalGap}: 0.25rem;\n                ${switchTokens.labelOffset}: 0.75rem;\n            `,\n        },\n        toggleSize: {\n            l: css`\n                ${switchTokens.trackWidth}: 2.75rem;\n                ${switchTokens.trackHeight}: 1.75rem;\n                ${switchTokens.trackBorderRadius}: calc(var(${switchTokens.trackHeight}) / 2);\n                ${switchTokens.thumbSize}: 1.5rem;\n                ${switchTokens.thumbBorderRadius}: calc(var(${switchTokens.thumbSize}) / 2);\n                ${switchTokens.thumbOffsetOn}: 0.125rem;\n                ${switchTokens.thumbOffsetOff}: 0.125rem;\n                ${switchTokens.thumbPressScale}: 1.25;\n            `,\n            s: css`\n                ${switchTokens.trackWidth}: 2rem;\n                ${switchTokens.trackHeight}: 1.25rem;\n                ${switchTokens.trackBorderRadius}: calc(var(${switchTokens.trackHeight}) / 2);\n                ${switchTokens.thumbSize}: 1rem;\n                ${switchTokens.thumbBorderRadius}: calc(var(${switchTokens.thumbSize}) / 2);\n                ${switchTokens.thumbOffsetOn}: 0.125rem;\n                ${switchTokens.thumbOffsetOff}: 0.125rem;\n                ${switchTokens.thumbPressScale}: 1.25;\n            `,\n        },\n        view: {\n            default: css`\n                ${switchTokens.labelColor}: var(--text-primary);\n                ${switchTokens.descriptionColor}: var(--text-secondary);\n                ${switchTokens.descriptionMaxLines}: initial;\n                ${switchTokens.trackBackgroundColorOn}: var(--surface-accent);\n                ${switchTokens.trackBackgroundColorOnHover}: var(--surface-accent-hover);\n                ${switchTokens.trackBackgroundColorOff}: var(--surface-transparent-tertiary);\n                ${switchTokens.trackBackgroundColorOffHover}: var(--surface-transparent-tertiary-hover);\n                ${switchTokens.trackBorderWidthOn}: 0;\n                ${switchTokens.trackBorderWidthOff}: 0;\n                ${switchTokens.thumbBackgroundColorOn}: var(--on-dark-surface-solid-default);\n                ${switchTokens.thumbBackgroundColorOff}: var(--on-dark-surface-solid-default);\n                ${switchTokens.thumbBoxShadow}: 0 1px 1px rgba(0, 0, 0, 0.11);\n            `,\n        },\n        disabled: {\n            true: css`\n                ${switchTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        focused: {\n            true: css`\n                ${switchTokens.trackFocusColor}: var(--surface-accent);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","toggleSize","labelPosition","focused","variations","s","m","l","default","disabled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,UAAU,EAAE,GAAG;AACfC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAeA,SAAA;AACDC,MAAAA,CAAC,EAeA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAgBJ;AACDN,IAAAA,UAAU,EAAE;AACRM,MAAAA,CAAC,EASA,UAAA;AACDF,MAAAA,CAAC,EAAA,UAAA;KAUJ;AACDN,IAAAA,IAAI,EAAE;MACFS,SAAO,EAAA,UAAA;KAcV;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDP,IAAAA,OAAO,EAAE;MACLO,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"Switch.config.js","sources":["../../../src-css/components/Switch/Switch.config.ts"],"sourcesContent":["import { css, switchTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n        toggleSize: 'l',\n        labelPosition: 'before',\n        focused: 'true',\n    },\n    variations: {\n        size: {\n            s: css`\n                ${switchTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${switchTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${switchTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${switchTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n                ${switchTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${switchTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${switchTokens.descriptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${switchTokens.descriptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${switchTokens.descriptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${switchTokens.descriptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${switchTokens.descriptionFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${switchTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${switchTokens.verticalGap}: 0.25rem;\n                ${switchTokens.labelOffset}: 0.75rem;\n            `,\n            m: css`\n                ${switchTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${switchTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${switchTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${switchTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n                ${switchTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${switchTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${switchTokens.descriptionFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${switchTokens.descriptionFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${switchTokens.descriptionFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${switchTokens.descriptionLineHeight}: var(--plasma-typo-body-s-line-height);\n                ${switchTokens.descriptionFontSize}: var(--plasma-typo-body-s-font-size);\n                ${switchTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${switchTokens.verticalGap}: 0.25rem;\n                ${switchTokens.labelOffset}: 0.75rem;\n            `,\n            l: css`\n                ${switchTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${switchTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${switchTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${switchTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n                ${switchTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${switchTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${switchTokens.descriptionFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${switchTokens.descriptionFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${switchTokens.descriptionFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${switchTokens.descriptionLineHeight}: var(--plasma-typo-body-m-line-height);\n                ${switchTokens.descriptionFontSize}: var(--plasma-typo-body-m-font-size);\n                ${switchTokens.descriptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${switchTokens.verticalGap}: 0.25rem;\n                ${switchTokens.labelOffset}: 0.75rem;\n            `,\n        },\n        toggleSize: {\n            l: css`\n                ${switchTokens.trackWidth}: 2.75rem;\n                ${switchTokens.trackHeight}: 1.75rem;\n                ${switchTokens.trackBorderRadius}: calc(var(${switchTokens.trackHeight}) / 2);\n                ${switchTokens.thumbSize}: 1.5rem;\n                ${switchTokens.thumbBorderRadius}: calc(var(${switchTokens.thumbSize}) / 2);\n                ${switchTokens.thumbOffsetOn}: 0.125rem;\n                ${switchTokens.thumbOffsetOff}: 0.125rem;\n                ${switchTokens.thumbPressScale}: 1.25;\n            `,\n            s: css`\n                ${switchTokens.trackWidth}: 2rem;\n                ${switchTokens.trackHeight}: 1.25rem;\n                ${switchTokens.trackBorderRadius}: calc(var(${switchTokens.trackHeight}) / 2);\n                ${switchTokens.thumbSize}: 1rem;\n                ${switchTokens.thumbBorderRadius}: calc(var(${switchTokens.thumbSize}) / 2);\n                ${switchTokens.thumbOffsetOn}: 0.125rem;\n                ${switchTokens.thumbOffsetOff}: 0.125rem;\n                ${switchTokens.thumbPressScale}: 1.25;\n            `,\n        },\n        view: {\n            default: css`\n                ${switchTokens.labelColor}: var(--text-primary);\n                ${switchTokens.descriptionColor}: var(--text-secondary);\n                ${switchTokens.descriptionMaxLines}: initial;\n                ${switchTokens.trackBackgroundColorOn}: var(--surface-accent);\n                ${switchTokens.trackBackgroundColorOnHover}: var(--surface-accent-hover);\n                ${switchTokens.trackBackgroundColorOff}: var(--surface-transparent-tertiary);\n                ${switchTokens.trackBackgroundColorOffHover}: var(--surface-transparent-tertiary-hover);\n                ${switchTokens.trackBorderWidthOn}: 0;\n                ${switchTokens.trackBorderWidthOff}: 0;\n                ${switchTokens.thumbBackgroundColorOn}: var(--on-dark-surface-solid-default);\n                ${switchTokens.thumbBackgroundColorOff}: var(--on-dark-surface-solid-default);\n                ${switchTokens.thumbBoxShadow}: 0 1px 1px rgba(0, 0, 0, 0.11);\n            `,\n        },\n        disabled: {\n            true: css`\n                ${switchTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        focused: {\n            true: css`\n                ${switchTokens.trackFocusColor}: var(--surface-accent);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","toggleSize","labelPosition","focused","variations","s","m","l","default","disabled","true"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,UAAU,EAAE,GAAG;AACfC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAeA,SAAA;AACDC,MAAAA,CAAC,EAeA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAgBJ;AACDN,IAAAA,UAAU,EAAE;AACRM,MAAAA,CAAC,EASA,UAAA;AACDF,MAAAA,CAAC,EAAA,UAAA;KAUJ;AACDN,IAAAA,IAAI,EAAE;AACFS,MAAAA,OAAO,EAAA,UAAA;KAcV;AACDC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,IAAI,EAAA,UAAA;KAGP;AACDP,IAAAA,OAAO,EAAE;AACLO,MAAAA,IAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/es/components/Switch/Switch.js

@@ -1,9 +1,9 @@
-import { component, mergeConfig, switchConfig } from '@salutejs/plasma-new-hope';
+import { mergeConfig, switchConfig, component } from '@salutejs/plasma-new-hope';
 import { config } from './Switch.config.js';
 
-var mergedConfig = /*#__PURE__*/mergeConfig(switchConfig, config);
-var SwitchComponent = /*#__PURE__*/component(mergedConfig);
-var Switch = SwitchComponent;
+const mergedConfig = mergeConfig(switchConfig, config);
+const SwitchComponent = component(mergedConfig);
+const Switch = SwitchComponent;
 
 export { Switch };
 //# sourceMappingURL=Switch.js.map

package/es/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../src-css/components/Switch/Switch.tsx"],"sourcesContent":["import { switchConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport { ComponentProps } from 'react';\n\nimport { config } from './Switch.config';\n\nconst mergedConfig = mergeConfig(switchConfig, config);\nconst SwitchComponent = component(mergedConfig);\n\nexport const Switch = SwitchComponent;\nexport type SwitchProps = ComponentProps<typeof SwitchComponent>;\n"],"names":["mergedConfig","mergeConfig","switchConfig","config","SwitchComponent","component","Switch"],"mappings":";;;AAKA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC,CAAA;AACtD,IAAMC,eAAe,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAExC,IAAMM,MAAM,GAAGF;;;;"}
+{"version":3,"file":"Switch.js","sources":["../../../src-css/components/Switch/Switch.tsx"],"sourcesContent":["import { switchConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport { ComponentProps } from 'react';\n\nimport { config } from './Switch.config';\n\nconst mergedConfig = mergeConfig(switchConfig, config);\nconst SwitchComponent = component(mergedConfig);\n\nexport const Switch = SwitchComponent;\nexport type SwitchProps = ComponentProps<typeof SwitchComponent>;\n"],"names":["mergedConfig","mergeConfig","switchConfig","config","SwitchComponent","component","Switch"],"mappings":";;;AAKA,MAAMA,YAAY,GAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC,CAAA;AACtD,MAAMC,eAAe,GAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAExC,MAAMM,MAAM,GAAGF;;;;"}

package/es/components/Table/Table.config.js

@@ -1,12 +1,12 @@
 import './Table.config_11seey5.css';
-var config = {
+const config = {
   defaults: {
     view: 'default',
     size: 'm'
   },
   variations: {
     view: {
-      "default": "d5x0195",
+      default: "d5x0195",
       clear: "c3naxk1"
     },
     size: {

package/es/components/Table/Table.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.config.js","sources":["../../../src-css/components/Table/Table.config.ts"],"sourcesContent":["import { css, tableTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.borderColor}: #ddd;\n            `,\n            clear: css`\n                ${tokens.borderColor}: transparent;\n            `,\n        },\n        size: {\n            l: css`\n                ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.headerRowHeight}: 3.125rem;\n                ${tokens.rowHeight}: 3.125rem;\n                ${tokens.cellPadding}: 0.375rem 1rem;\n                ${tokens.checkboxCellPadding}: 0.375rem 1rem;\n                ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerSize}: 1.25rem;\n                ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n                ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n                ${tokens.checkboxFillColor}: var(--text-accent);\n                ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n                ${tokens.editableCellIconGap}: 0.5rem;\n                ${tokens.editableCellIconButtonWidth}: 3rem;\n                ${tokens.editableCellIconButtonHeight}: 100%;\n                ${tokens.editableCellPadding}: 0.25rem;\n                ${tokens.editableCellInputBorderRadius}: 0.875rem;\n                ${tokens.editableCellInputPadding}: 0 0.75rem;\n\n                ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n                ${tokens.filterCheckboxPadding}: 0.75rem 0;\n                ${tokens.filterDividerMargin}: 0.375rem 0.75rem;\n\n                ${tokens.buttonHeight}: 2.5rem;\n                ${tokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.selectPadding}: 0.125rem;\n                ${tokens.selectBorderRadius}: 0.875rem;\n                ${tokens.selectItemHeight}: 1.5rem;\n                ${tokens.selectItemPadding}: 0.75rem 0.75rem 0.75rem 0.875rem;\n                ${tokens.selectItemBorderRadius}: 0.75rem;\n                ${tokens.selectItemIconMargin}: 0 0.375rem 0 0;\n                ${tokens.selectItemIconSize}: 1.5rem;\n                ${tokens.selectCellPadding}: 0;\n                ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n                ${tokens.selectCheckboxTriggerSize}: 1.25rem;\n                ${tokens.selectCheckboxTriggerBorderRadius}: 0.375rem;\n                ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n                ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.selectControlPanelPadding}: 0.5rem 0.875rem;\n                ${tokens.selectControlPanelGap}: 0.5rem;\n\n                ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.linkButtonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            m: css`\n                ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.headerRowHeight}: 2.75rem;\n                ${tokens.rowHeight}: 2.75rem;\n                ${tokens.cellPadding}: 0.25rem 0.875rem;\n                ${tokens.checkboxCellPadding}: 0.25rem 0.75rem;\n                ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerSize}: 1.25rem;\n                ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n                ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n                ${tokens.checkboxFillColor}: var(--text-accent);\n                ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n                ${tokens.editableCellIconGap}: 0.375rem;\n                ${tokens.editableCellIconButtonWidth}: 2.5rem;\n                ${tokens.editableCellIconButtonHeight}: 100%;\n                ${tokens.editableCellPadding}: 0.25rem;\n                ${tokens.editableCellInputBorderRadius}: 0.625rem;\n                ${tokens.editableCellInputPadding}: 0 0.625rem;\n\n                ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n                ${tokens.filterCheckboxPadding}: 0.5rem 0;\n                ${tokens.filterDividerMargin}: 0.375rem 0.75rem;\n\n                ${tokens.buttonHeight}: 2rem;\n                ${tokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.selectPadding}: 0.125rem;\n                ${tokens.selectBorderRadius}: 0.75rem;\n                ${tokens.selectItemHeight}: 1.5rem;\n                ${tokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.625rem;\n                ${tokens.selectItemBorderRadius}: 0.625rem;\n                ${tokens.selectItemIconMargin}: 0 0.375rem 0 0;\n                ${tokens.selectItemIconSize}: 1.5rem;\n                ${tokens.selectCellPadding}: 0;\n                ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n                ${tokens.selectCheckboxTriggerSize}: 1.25rem;\n                ${tokens.selectCheckboxTriggerBorderRadius}: 0.375rem;\n                ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n                ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.selectControlPanelPadding}: 0.25rem 0.75rem;\n                ${tokens.selectControlPanelGap}: 0.625rem;\n\n                ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            s: css`\n                ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.headerRowHeight}: 2.125rem;\n                ${tokens.rowHeight}: 2.125rem;\n                ${tokens.cellPadding}: 0.125rem 0.5rem;\n                ${tokens.checkboxCellPadding}: 0.125rem 0.625rem;\n                ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerSize}: 0.875rem;\n                ${tokens.checkboxTriggerBorderRadius}: 0.25rem;\n                ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n                ${tokens.checkboxFillColor}: var(--text-accent);\n                ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n                ${tokens.editableCellIconGap}: 0.25rem;\n                ${tokens.editableCellIconButtonWidth}: 2rem;\n                ${tokens.editableCellIconButtonHeight}: 100%;\n                ${tokens.editableCellPadding}: 0.125rem;\n                ${tokens.editableCellInputBorderRadius}: 0.5rem;\n                ${tokens.editableCellInputPadding}: 0 0.375rem;\n\n                ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n                ${tokens.filterCheckboxPadding}: 0.5rem 0;\n                ${tokens.filterDividerMargin}: 0.25rem 0.5rem;\n\n                ${tokens.buttonHeight}: 1.5rem;\n                ${tokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.selectPadding}: 0.125rem;\n                ${tokens.selectBorderRadius}: 0.625rem;\n                ${tokens.selectItemHeight}: 1rem;\n                ${tokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n                ${tokens.selectItemBorderRadius}: 0.5rem;\n                ${tokens.selectItemIconMargin}: 0 0.25rem 0 0;\n                ${tokens.selectItemIconSize}: 1rem;\n                ${tokens.selectCellPadding}: 0;\n                ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${tokens.selectCheckboxTriggerSize}: 0.875rem;\n                ${tokens.selectCheckboxTriggerBorderRadius}: 0.25rem;\n                ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n                ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.selectControlPanelPadding}: 0.25rem 0.5rem;\n                ${tokens.selectControlPanelGap}: 0.25rem;\n\n                ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAEC,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAGR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAmEA,UAAA;AACDC,MAAAA,CAAC,EAmEA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;AAoEL,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"Table.config.js","sources":["../../../src-css/components/Table/Table.config.ts"],"sourcesContent":["import { css, tableTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.borderColor}: #ddd;\n            `,\n            clear: css`\n                ${tokens.borderColor}: transparent;\n            `,\n        },\n        size: {\n            l: css`\n                ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.headerRowHeight}: 3.125rem;\n                ${tokens.rowHeight}: 3.125rem;\n                ${tokens.cellPadding}: 0.375rem 1rem;\n                ${tokens.checkboxCellPadding}: 0.375rem 1rem;\n                ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerSize}: 1.25rem;\n                ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n                ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n                ${tokens.checkboxFillColor}: var(--text-accent);\n                ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n                ${tokens.editableCellIconGap}: 0.5rem;\n                ${tokens.editableCellIconButtonWidth}: 3rem;\n                ${tokens.editableCellIconButtonHeight}: 100%;\n                ${tokens.editableCellPadding}: 0.25rem;\n                ${tokens.editableCellInputBorderRadius}: 0.875rem;\n                ${tokens.editableCellInputPadding}: 0 0.75rem;\n\n                ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n                ${tokens.filterCheckboxPadding}: 0.75rem 0;\n                ${tokens.filterDividerMargin}: 0.375rem 0.75rem;\n\n                ${tokens.buttonHeight}: 2.5rem;\n                ${tokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.selectPadding}: 0.125rem;\n                ${tokens.selectBorderRadius}: 0.875rem;\n                ${tokens.selectItemHeight}: 1.5rem;\n                ${tokens.selectItemPadding}: 0.75rem 0.75rem 0.75rem 0.875rem;\n                ${tokens.selectItemBorderRadius}: 0.75rem;\n                ${tokens.selectItemIconMargin}: 0 0.375rem 0 0;\n                ${tokens.selectItemIconSize}: 1.5rem;\n                ${tokens.selectCellPadding}: 0;\n                ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n                ${tokens.selectCheckboxTriggerSize}: 1.25rem;\n                ${tokens.selectCheckboxTriggerBorderRadius}: 0.375rem;\n                ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n                ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.selectControlPanelPadding}: 0.5rem 0.875rem;\n                ${tokens.selectControlPanelGap}: 0.5rem;\n\n                ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.linkButtonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            m: css`\n                ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.headerRowHeight}: 2.75rem;\n                ${tokens.rowHeight}: 2.75rem;\n                ${tokens.cellPadding}: 0.25rem 0.875rem;\n                ${tokens.checkboxCellPadding}: 0.25rem 0.75rem;\n                ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerSize}: 1.25rem;\n                ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n                ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n                ${tokens.checkboxFillColor}: var(--text-accent);\n                ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n                ${tokens.editableCellIconGap}: 0.375rem;\n                ${tokens.editableCellIconButtonWidth}: 2.5rem;\n                ${tokens.editableCellIconButtonHeight}: 100%;\n                ${tokens.editableCellPadding}: 0.25rem;\n                ${tokens.editableCellInputBorderRadius}: 0.625rem;\n                ${tokens.editableCellInputPadding}: 0 0.625rem;\n\n                ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n                ${tokens.filterCheckboxPadding}: 0.5rem 0;\n                ${tokens.filterDividerMargin}: 0.375rem 0.75rem;\n\n                ${tokens.buttonHeight}: 2rem;\n                ${tokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.selectPadding}: 0.125rem;\n                ${tokens.selectBorderRadius}: 0.75rem;\n                ${tokens.selectItemHeight}: 1.5rem;\n                ${tokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.625rem;\n                ${tokens.selectItemBorderRadius}: 0.625rem;\n                ${tokens.selectItemIconMargin}: 0 0.375rem 0 0;\n                ${tokens.selectItemIconSize}: 1.5rem;\n                ${tokens.selectCellPadding}: 0;\n                ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n                ${tokens.selectCheckboxTriggerSize}: 1.25rem;\n                ${tokens.selectCheckboxTriggerBorderRadius}: 0.375rem;\n                ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n                ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.selectControlPanelPadding}: 0.25rem 0.75rem;\n                ${tokens.selectControlPanelGap}: 0.625rem;\n\n                ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            s: css`\n                ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.headerRowHeight}: 2.125rem;\n                ${tokens.rowHeight}: 2.125rem;\n                ${tokens.cellPadding}: 0.125rem 0.5rem;\n                ${tokens.checkboxCellPadding}: 0.125rem 0.625rem;\n                ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n                ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.checkboxTriggerSize}: 0.875rem;\n                ${tokens.checkboxTriggerBorderRadius}: 0.25rem;\n                ${tokens.checkboxTriggerBorderColor}: var(--text-secondary);\n                ${tokens.checkboxFillColor}: var(--text-accent);\n                ${tokens.checkboxTriggerIconColor}: var(--on-dark-text-primary);\n\n                ${tokens.editableCellIconGap}: 0.25rem;\n                ${tokens.editableCellIconButtonWidth}: 2rem;\n                ${tokens.editableCellIconButtonHeight}: 100%;\n                ${tokens.editableCellPadding}: 0.125rem;\n                ${tokens.editableCellInputBorderRadius}: 0.5rem;\n                ${tokens.editableCellInputPadding}: 0 0.375rem;\n\n                ${tokens.editableCellInputBackground}: var(--surface-transparent-tertiary);\n\n                ${tokens.filterCheckboxPadding}: 0.5rem 0;\n                ${tokens.filterDividerMargin}: 0.25rem 0.5rem;\n\n                ${tokens.buttonHeight}: 1.5rem;\n                ${tokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${tokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.selectPadding}: 0.125rem;\n                ${tokens.selectBorderRadius}: 0.625rem;\n                ${tokens.selectItemHeight}: 1rem;\n                ${tokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n                ${tokens.selectItemBorderRadius}: 0.5rem;\n                ${tokens.selectItemIconMargin}: 0 0.25rem 0 0;\n                ${tokens.selectItemIconSize}: 1rem;\n                ${tokens.selectCellPadding}: 0;\n                ${tokens.selectCellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.selectCellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.selectCellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.selectCellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.selectCellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.selectCellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n                ${tokens.selectCheckboxTriggerSize}: 0.875rem;\n                ${tokens.selectCheckboxTriggerBorderRadius}: 0.25rem;\n                ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n                ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n                ${tokens.selectControlPanelPadding}: 0.25rem 0.5rem;\n                ${tokens.selectControlPanelGap}: 0.25rem;\n\n                ${tokens.linkButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.linkButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.linkButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.linkButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${tokens.linkButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.linkButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,OAAO,EAEN,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAGR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAmEA,UAAA;AACDC,MAAAA,CAAC,EAmEA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;AAoEL,KAAA;AACJ,GAAA;AACJ;;;;"}

package/es/components/Table/Table.js

@@ -1,13 +1,13 @@
-import { component, mergeConfig, tableConfig } from '@salutejs/plasma-new-hope';
+import { mergeConfig, tableConfig, component } from '@salutejs/plasma-new-hope';
 import { config } from './Table.config.js';
 
-var mergedConfig = /*#__PURE__*/mergeConfig(tableConfig, config);
-var TableComponent = /*#__PURE__*/component(mergedConfig);
+const mergedConfig = mergeConfig(tableConfig, config);
+const TableComponent = component(mergedConfig);
 
 /**
  * Таблица.
  */
-var Table = TableComponent;
+const Table = TableComponent;
 
 export { Table };
 //# sourceMappingURL=Table.js.map

package/es/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../src-css/components/Table/Table.tsx"],"sourcesContent":["import { tableConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Table.config';\n\nconst mergedConfig = mergeConfig(tableConfig, config);\nconst TableComponent = component(mergedConfig);\n\n/**\n * Таблица.\n */\nexport const Table = TableComponent;\n"],"names":["mergedConfig","mergeConfig","tableConfig","config","TableComponent","component","Table"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC,CAAA;AACrD,IAAMC,cAAc,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAE9C;AACA;AACA;AACO,IAAMM,KAAK,GAAGF;;;;"}
+{"version":3,"file":"Table.js","sources":["../../../src-css/components/Table/Table.tsx"],"sourcesContent":["import { tableConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Table.config';\n\nconst mergedConfig = mergeConfig(tableConfig, config);\nconst TableComponent = component(mergedConfig);\n\n/**\n * Таблица.\n */\nexport const Table = TableComponent;\n"],"names":["mergedConfig","mergeConfig","tableConfig","config","TableComponent","component","Table"],"mappings":";;;AAIA,MAAMA,YAAY,GAAGC,WAAW,CAACC,WAAW,EAAEC,MAAM,CAAC,CAAA;AACrD,MAAMC,cAAc,GAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAE9C;AACA;AACA;AACO,MAAMM,KAAK,GAAGF;;;;"}

package/es/components/Tabs/TabItem.js

@@ -1,16 +1,16 @@
 import React from 'react';
-import { component, mergeConfig, horizontalTabItemConfig, verticalTabItemConfig } from '@salutejs/plasma-new-hope';
+import { mergeConfig, horizontalTabItemConfig, component, verticalTabItemConfig } from '@salutejs/plasma-new-hope';
 import { config } from './horizontal/HorizontalTabItem.config.js';
 import { config as config$1 } from './vertical/VerticalTabItem.config.js';
 
-var mergedHorizontalTabItemConfig = /*#__PURE__*/mergeConfig(horizontalTabItemConfig, config);
-var HorizontalTabItem = /*#__PURE__*/component(mergedHorizontalTabItemConfig);
-var mergedVerticalTabItemConfig = /*#__PURE__*/mergeConfig(verticalTabItemConfig, config$1);
-var VerticalTabItem = /*#__PURE__*/component(mergedVerticalTabItemConfig);
+const mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, config);
+const HorizontalTabItem = component(mergedHorizontalTabItemConfig);
+const mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, config$1);
+const VerticalTabItem = component(mergedVerticalTabItemConfig);
 /**
  * Элемент списка, недопустимо использовать вне компонента Tabs.
  */
-var TabItem = function TabItem(props) {
+const TabItem = props => {
   if (props.orientation === 'vertical') {
     return /*#__PURE__*/React.createElement(VerticalTabItem, props);
   }

package/es/components/Tabs/TabItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.js","sources":["../../../src-css/components/Tabs/TabItem.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n    horizontalTabItemConfig,\n    verticalTabItemConfig,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';\nimport { config as verticalConfig } from './vertical/VerticalTabItem.config';\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\nconst mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);\nconst VerticalTabItem = component(mergedVerticalTabItemConfig);\n\ntype TabItemProps = ComponentProps<typeof HorizontalTabItem> | ComponentProps<typeof VerticalTabItem>;\n\n/**\n * Элемент списка, недопустимо использовать вне компонента Tabs.\n */\nexport const TabItem = (props: TabItemProps) => {\n    if (props.orientation === 'vertical') {\n        return <VerticalTabItem {...props} />;\n    }\n\n    return <HorizontalTabItem {...props} />;\n};\n"],"names":["mergedHorizontalTabItemConfig","mergeConfig","horizontalTabItemConfig","horizontalConfig","HorizontalTabItem","component","mergedVerticalTabItemConfig","verticalTabItemConfig","verticalConfig","VerticalTabItem","TabItem","props","orientation","React","createElement"],"mappings":";;;;;AAWA,IAAMA,6BAA6B,gBAAGC,WAAW,CAACC,uBAAuB,EAAEC,MAAgB,CAAC,CAAA;AAC5F,IAAMC,iBAAiB,gBAAGC,SAAS,CAACL,6BAA6B,CAAC,CAAA;AAElE,IAAMM,2BAA2B,gBAAGL,WAAW,CAACM,qBAAqB,EAAEC,QAAc,CAAC,CAAA;AACtF,IAAMC,eAAe,gBAAGJ,SAAS,CAACC,2BAA2B,CAAC,CAAA;AAI9D;AACA;AACA;IACaI,OAAO,GAAG,SAAVA,OAAOA,CAAIC,KAAmB,EAAK;AAC5C,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACL,eAAe,EAAKE,KAAQ,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,oBAAOE,KAAA,CAAAC,aAAA,CAACV,iBAAiB,EAAKO,KAAQ,CAAC,CAAA;AAC3C;;;;"}
+{"version":3,"file":"TabItem.js","sources":["../../../src-css/components/Tabs/TabItem.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n    horizontalTabItemConfig,\n    verticalTabItemConfig,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabItem.config';\nimport { config as verticalConfig } from './vertical/VerticalTabItem.config';\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, horizontalConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\nconst mergedVerticalTabItemConfig = mergeConfig(verticalTabItemConfig, verticalConfig);\nconst VerticalTabItem = component(mergedVerticalTabItemConfig);\n\ntype TabItemProps = ComponentProps<typeof HorizontalTabItem> | ComponentProps<typeof VerticalTabItem>;\n\n/**\n * Элемент списка, недопустимо использовать вне компонента Tabs.\n */\nexport const TabItem = (props: TabItemProps) => {\n    if (props.orientation === 'vertical') {\n        return <VerticalTabItem {...props} />;\n    }\n\n    return <HorizontalTabItem {...props} />;\n};\n"],"names":["mergedHorizontalTabItemConfig","mergeConfig","horizontalTabItemConfig","horizontalConfig","HorizontalTabItem","component","mergedVerticalTabItemConfig","verticalTabItemConfig","verticalConfig","VerticalTabItem","TabItem","props","orientation","React","createElement"],"mappings":";;;;;AAWA,MAAMA,6BAA6B,GAAGC,WAAW,CAACC,uBAAuB,EAAEC,MAAgB,CAAC,CAAA;AAC5F,MAAMC,iBAAiB,GAAGC,SAAS,CAACL,6BAA6B,CAAC,CAAA;AAElE,MAAMM,2BAA2B,GAAGL,WAAW,CAACM,qBAAqB,EAAEC,QAAc,CAAC,CAAA;AACtF,MAAMC,eAAe,GAAGJ,SAAS,CAACC,2BAA2B,CAAC,CAAA;AAI9D;AACA;AACA;AACaI,MAAAA,OAAO,GAAIC,KAAmB,IAAK;AAC5C,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACL,eAAe,EAAKE,KAAQ,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,oBAAOE,KAAA,CAAAC,aAAA,CAACV,iBAAiB,EAAKO,KAAQ,CAAC,CAAA;AAC3C;;;;"}

package/es/components/Tabs/Tabs.js

@@ -1,16 +1,16 @@
 import React from 'react';
-import { component, mergeConfig, horizontalTabsConfig, verticalTabsConfig } from '@salutejs/plasma-new-hope';
+import { mergeConfig, horizontalTabsConfig, verticalTabsConfig, component } from '@salutejs/plasma-new-hope';
 import { config } from './horizontal/HorizontalTabs.config.js';
 import { config as config$1 } from './vertical/VerticalTabs.config.js';
 
-var mergedHorizontalTabsConfig = /*#__PURE__*/mergeConfig(horizontalTabsConfig, config);
-var mergedVerticalTabsConfig = /*#__PURE__*/mergeConfig(verticalTabsConfig, config$1);
-var HorizontalTabs = /*#__PURE__*/component(mergedHorizontalTabsConfig);
-var VerticalTabs = /*#__PURE__*/component(mergedVerticalTabsConfig);
+const mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, config);
+const mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, config$1);
+const HorizontalTabs = component(mergedHorizontalTabsConfig);
+const VerticalTabs = component(mergedVerticalTabsConfig);
 /**
  * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
  */
-var Tabs = function Tabs(props) {
+const Tabs = props => {
   if (props.orientation === 'vertical') {
     return /*#__PURE__*/React.createElement(VerticalTabs, props);
   }

package/es/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../src-css/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n    horizontalTabsConfig,\n    verticalTabsConfig,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabs.config';\nimport { config as verticalConfig } from './vertical/VerticalTabs.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, horizontalConfig);\nconst mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, verticalConfig);\n\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\nconst VerticalTabs = component(mergedVerticalTabsConfig);\n\ntype TabsProps = ComponentProps<typeof HorizontalTabs> | ComponentProps<typeof VerticalTabs>;\n\n/**\n * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.\n */\nexport const Tabs = (props: TabsProps) => {\n    if (props.orientation === 'vertical') {\n        return <VerticalTabs {...props} />;\n    }\n\n    return <HorizontalTabs {...props} />;\n};\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalTabsConfig","horizontalConfig","mergedVerticalTabsConfig","verticalTabsConfig","verticalConfig","HorizontalTabs","component","VerticalTabs","Tabs","props","orientation","React","createElement"],"mappings":";;;;;AAWA,IAAMA,0BAA0B,gBAAGC,WAAW,CAACC,oBAAoB,EAAEC,MAAgB,CAAC,CAAA;AACtF,IAAMC,wBAAwB,gBAAGH,WAAW,CAACI,kBAAkB,EAAEC,QAAc,CAAC,CAAA;AAEhF,IAAMC,cAAc,gBAAGC,SAAS,CAACR,0BAA0B,CAAC,CAAA;AAC5D,IAAMS,YAAY,gBAAGD,SAAS,CAACJ,wBAAwB,CAAC,CAAA;AAIxD;AACA;AACA;IACaM,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAgB,EAAK;AACtC,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACL,YAAY,EAAKE,KAAQ,CAAC,CAAA;AACtC,GAAA;AAEA,EAAA,oBAAOE,KAAA,CAAAC,aAAA,CAACP,cAAc,EAAKI,KAAQ,CAAC,CAAA;AACxC;;;;"}
+{"version":3,"file":"Tabs.js","sources":["../../../src-css/components/Tabs/Tabs.tsx"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport {\n    horizontalTabsConfig,\n    verticalTabsConfig,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config as horizontalConfig } from './horizontal/HorizontalTabs.config';\nimport { config as verticalConfig } from './vertical/VerticalTabs.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, horizontalConfig);\nconst mergedVerticalTabsConfig = mergeConfig(verticalTabsConfig, verticalConfig);\n\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\nconst VerticalTabs = component(mergedVerticalTabsConfig);\n\ntype TabsProps = ComponentProps<typeof HorizontalTabs> | ComponentProps<typeof VerticalTabs>;\n\n/**\n * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.\n */\nexport const Tabs = (props: TabsProps) => {\n    if (props.orientation === 'vertical') {\n        return <VerticalTabs {...props} />;\n    }\n\n    return <HorizontalTabs {...props} />;\n};\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalTabsConfig","horizontalConfig","mergedVerticalTabsConfig","verticalTabsConfig","verticalConfig","HorizontalTabs","component","VerticalTabs","Tabs","props","orientation","React","createElement"],"mappings":";;;;;AAWA,MAAMA,0BAA0B,GAAGC,WAAW,CAACC,oBAAoB,EAAEC,MAAgB,CAAC,CAAA;AACtF,MAAMC,wBAAwB,GAAGH,WAAW,CAACI,kBAAkB,EAAEC,QAAc,CAAC,CAAA;AAEhF,MAAMC,cAAc,GAAGC,SAAS,CAACR,0BAA0B,CAAC,CAAA;AAC5D,MAAMS,YAAY,GAAGD,SAAS,CAACJ,wBAAwB,CAAC,CAAA;AAIxD;AACA;AACA;AACaM,MAAAA,IAAI,GAAIC,KAAgB,IAAK;AACtC,EAAA,IAAIA,KAAK,CAACC,WAAW,KAAK,UAAU,EAAE;AAClC,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACL,YAAY,EAAKE,KAAQ,CAAC,CAAA;AACtC,GAAA;AAEA,EAAA,oBAAOE,KAAA,CAAAC,aAAA,CAACP,cAAc,EAAKI,KAAQ,CAAC,CAAA;AACxC;;;;"}

package/es/components/Tabs/TabsController.js

@@ -1,17 +1,17 @@
-import { createTabsController, component, mergeConfig, horizontalTabsConfig, horizontalTabItemConfig } from '@salutejs/plasma-new-hope';
+import { mergeConfig, horizontalTabsConfig, component, horizontalTabItemConfig, createTabsController } from '@salutejs/plasma-new-hope';
 import { config } from './horizontal/HorizontalTabs.config.js';
 import { config as config$1 } from './horizontal/HorizontalTabItem.config.js';
 
-var mergedHorizontalTabsConfig = /*#__PURE__*/mergeConfig(horizontalTabsConfig, config);
-var HorizontalTabs = /*#__PURE__*/component(mergedHorizontalTabsConfig);
-var mergedHorizontalTabItemConfig = /*#__PURE__*/mergeConfig(horizontalTabItemConfig, config$1);
-var HorizontalTabItem = /*#__PURE__*/component(mergedHorizontalTabItemConfig);
+const mergedHorizontalTabsConfig = mergeConfig(horizontalTabsConfig, config);
+const HorizontalTabs = component(mergedHorizontalTabsConfig);
+const mergedHorizontalTabItemConfig = mergeConfig(horizontalTabItemConfig, config$1);
+const HorizontalTabItem = component(mergedHorizontalTabItemConfig);
 
 /**
  * Контроллер вкладок.
  * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
  */
-var TabsController = /*#__PURE__*/createTabsController(HorizontalTabs, HorizontalTabItem);
+const TabsController = createTabsController(HorizontalTabs, HorizontalTabItem);
 
 export { TabsController };
 //# sourceMappingURL=TabsController.js.map

package/es/components/Tabs/TabsController.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsController.js","sources":["../../../src-css/components/Tabs/TabsController.tsx"],"sourcesContent":["import {\n    createTabsController,\n    horizontalTabItemConfig as horizontalBaseTabItemConfig,\n    horizontalTabsConfig as horizontalBaseTabsConfig,\n    HorizontalTabItemProps,\n    HorizontalTabsProps,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope';\nimport { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { config as horizontalTabsConfig } from './horizontal/HorizontalTabs.config';\nimport { config as horizontalTabItemConfig } from './horizontal/HorizontalTabItem.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalBaseTabsConfig, horizontalTabsConfig);\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalBaseTabItemConfig, horizontalTabItemConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\n/**\n * Контроллер вкладок.\n * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.\n */\nexport const TabsController = createTabsController(\n    HorizontalTabs as ForwardRefExoticComponent<HorizontalTabsProps & RefAttributes<HTMLDivElement>>,\n    HorizontalTabItem as ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>,\n);\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalBaseTabsConfig","horizontalTabsConfig","HorizontalTabs","component","mergedHorizontalTabItemConfig","horizontalBaseTabItemConfig","horizontalTabItemConfig","HorizontalTabItem","TabsController","createTabsController"],"mappings":";;;;AAcA,IAAMA,0BAA0B,gBAAGC,WAAW,CAACC,oBAAwB,EAAEC,MAAoB,CAAC,CAAA;AAC9F,IAAMC,cAAc,gBAAGC,SAAS,CAACL,0BAA0B,CAAC,CAAA;AAE5D,IAAMM,6BAA6B,gBAAGL,WAAW,CAACM,uBAA2B,EAAEC,QAAuB,CAAC,CAAA;AACvG,IAAMC,iBAAiB,gBAAGJ,SAAS,CAACC,6BAA6B,CAAC,CAAA;;AAElE;AACA;AACA;AACA;AACO,IAAMI,cAAc,gBAAGC,oBAAoB,CAC9CP,cAAc,EACdK,iBACJ;;;;"}
+{"version":3,"file":"TabsController.js","sources":["../../../src-css/components/Tabs/TabsController.tsx"],"sourcesContent":["import {\n    createTabsController,\n    horizontalTabItemConfig as horizontalBaseTabItemConfig,\n    horizontalTabsConfig as horizontalBaseTabsConfig,\n    HorizontalTabItemProps,\n    HorizontalTabsProps,\n    component,\n    mergeConfig,\n} from '@salutejs/plasma-new-hope';\nimport { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { config as horizontalTabsConfig } from './horizontal/HorizontalTabs.config';\nimport { config as horizontalTabItemConfig } from './horizontal/HorizontalTabItem.config';\n\nconst mergedHorizontalTabsConfig = mergeConfig(horizontalBaseTabsConfig, horizontalTabsConfig);\nconst HorizontalTabs = component(mergedHorizontalTabsConfig);\n\nconst mergedHorizontalTabItemConfig = mergeConfig(horizontalBaseTabItemConfig, horizontalTabItemConfig);\nconst HorizontalTabItem = component(mergedHorizontalTabItemConfig);\n\n/**\n * Контроллер вкладок.\n * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.\n */\nexport const TabsController = createTabsController(\n    HorizontalTabs as ForwardRefExoticComponent<HorizontalTabsProps & RefAttributes<HTMLDivElement>>,\n    HorizontalTabItem as ForwardRefExoticComponent<HorizontalTabItemProps & RefAttributes<HTMLDivElement>>,\n);\n"],"names":["mergedHorizontalTabsConfig","mergeConfig","horizontalBaseTabsConfig","horizontalTabsConfig","HorizontalTabs","component","mergedHorizontalTabItemConfig","horizontalBaseTabItemConfig","horizontalTabItemConfig","HorizontalTabItem","TabsController","createTabsController"],"mappings":";;;;AAcA,MAAMA,0BAA0B,GAAGC,WAAW,CAACC,oBAAwB,EAAEC,MAAoB,CAAC,CAAA;AAC9F,MAAMC,cAAc,GAAGC,SAAS,CAACL,0BAA0B,CAAC,CAAA;AAE5D,MAAMM,6BAA6B,GAAGL,WAAW,CAACM,uBAA2B,EAAEC,QAAuB,CAAC,CAAA;AACvG,MAAMC,iBAAiB,GAAGJ,SAAS,CAACC,6BAA6B,CAAC,CAAA;;AAElE;AACA;AACA;AACA;AACO,MAAMI,cAAc,GAAGC,oBAAoB,CAC9CP,cAAc,EACdK,iBACJ;;;;"}

package/es/components/Tabs/horizontal/HorizontalTabItem.config.js

@@ -1,5 +1,5 @@
 import './HorizontalTabItem.config_tnix0u.css';
-var config = {
+const config = {
   defaults: {
     view: 'secondary',
     size: 'l'
@@ -9,7 +9,7 @@ var config = {
       clear: "c1qbla27",
       secondary: "s1sazr3k",
       divider: "d4t8mk9",
-      "default": "d1hrjiow"
+      default: "d1hrjiow"
     },
     size: {
       xs: "x1539gzv",
@@ -23,13 +23,13 @@ var config = {
       h1: "hwisn6u"
     },
     disabled: {
-      "true": "t19ews1g"
+      true: "t19ews1g"
     },
     pilled: {
-      "true": "tosxbtd"
+      true: "tosxbtd"
     },
     truncate: {
-      "true": "tlltwx8"
+      true: "tlltwx8"
     }
   }
 };

package/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalTabItem.config.js","sources":["../../../../src-css/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'secondary',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            clear: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemValueColor}: var(--text-tertiary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemPaddingClear}: 0;\n                ${tabsTokens.itemContentPaddingClear}: 0;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            secondary: css`\n                ${tabsTokens.itemColor}: var(--text-primary);\n                ${tabsTokens.itemValueColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-transparent-card);\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-transparent-card);\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            divider: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemValueColor}: var(--text-tertiary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemPaddingClear}: 0;\n                ${tabsTokens.itemContentPaddingClear}: 0;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            default: css`\n                ${tabsTokens.itemColor}: var(--text-primary);\n                ${tabsTokens.itemValueColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--inverse-text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--on-dark-text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n                ${tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--on-dark-text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2rem;\n                ${tabsTokens.itemPadding}: 0 0.5rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            s: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2.5rem;\n                ${tabsTokens.itemPadding}: 0 0.625rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            m: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0 0.625rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.375rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            l: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.5rem;\n                ${tabsTokens.itemPadding}: 0 0.875rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.5rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            h5: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h5-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h5-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h5-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h5-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n            `,\n            h4: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.25rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 2rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h4-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h4-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h4-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h4-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h4-line-height);\n            `,\n            h3: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.875rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 2.25rem;\n                ${tabsTokens.itemContentGap}: 0.75rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h3-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h3-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h3-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h3-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h3-line-height);\n            `,\n            h2: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 4.5rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 2.5rem;\n                ${tabsTokens.itemContentGap}: 0.875rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h2-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h2-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h2-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h2-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h2-line-height);\n            `,\n            h1: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 5.75rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 3.5rem;\n                ${tabsTokens.itemContentGap}: 1rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h1-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h1-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h1-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h1-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h1-line-height);\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n            `,\n        },\n        truncate: {\n            true: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h5","h4","h3","h2","h1","disabled","true","pilled","truncate"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,WAAW;AACjBC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EA2BJ,UAAA;AACDC,MAAAA,SAAS,EA0BR,UAAA;AACDC,MAAAA,OAAO,EA2BN,SAAA;MACDC,SAAO,EAAA,UAAA;KA2BV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAcD,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAeL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAI,EAAA,SAAA;KAGP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAI,EAAA,SAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"HorizontalTabItem.config.js","sources":["../../../../src-css/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'secondary',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            clear: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemValueColor}: var(--text-tertiary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemPaddingClear}: 0;\n                ${tabsTokens.itemContentPaddingClear}: 0;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            secondary: css`\n                ${tabsTokens.itemColor}: var(--text-primary);\n                ${tabsTokens.itemValueColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-transparent-card);\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-transparent-card);\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            divider: css`\n                ${tabsTokens.itemColor}: var(--text-secondary);\n                ${tabsTokens.itemValueColor}: var(--text-tertiary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n                ${tabsTokens.itemSelectedColorHover}: var(--text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemPaddingClear}: 0;\n                ${tabsTokens.itemContentPaddingClear}: 0;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n            default: css`\n                ${tabsTokens.itemColor}: var(--text-primary);\n                ${tabsTokens.itemValueColor}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColor}: transparent;\n                ${tabsTokens.itemColorHover}: var(--text-secondary-hover);\n                ${tabsTokens.itemValueColorHover}: var(--text-secondary);\n                ${tabsTokens.itemColorActive}: var(--text-secondary-active);\n                ${tabsTokens.itemValueColorActive}: var(--text-secondary);\n                ${tabsTokens.itemBackgroundColorHover}: transparent;\n                ${tabsTokens.itemSelectedColor}: var(--inverse-text-primary);\n                ${tabsTokens.itemSelectedValueColor}: var(--on-dark-text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColor}: var(--surface-solid-default);\n                ${tabsTokens.itemSelectedColorHover}: var(--inverse-text-primary);\n                ${tabsTokens.itemSelectedValueColorHover}: var(--on-dark-text-secondary);\n                ${tabsTokens.itemSelectedBackgroundColorHover}: var(--surface-solid-default);\n                ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n                ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n                ${tabsTokens.outlineFocusColor}: var(--surface-accent);\n\n                ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n                ${tabsTokens.itemSelectedDividerColor}: var(--text-primary);\n                ${tabsTokens.itemSelectedDividerColorHover}: var(--text-primary);\n\n                ${tabsTokens.itemCursor}: pointer;\n            `,\n        },\n        size: {\n            xs: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2rem;\n                ${tabsTokens.itemPadding}: 0 0.5rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            s: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 2.5rem;\n                ${tabsTokens.itemPadding}: 0 0.625rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.25rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            m: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0 0.625rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.375rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            l: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.5rem;\n                ${tabsTokens.itemPadding}: 0 0.875rem;\n                ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.5rem;\n                ${tabsTokens.itemContentPadding}: 0.125rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            h5: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 1.75rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h5-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h5-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h5-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h5-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h5-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h5-line-height);\n            `,\n            h4: css`\n                ${tabsTokens.itemBorderRadius}: 0.375rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.25rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 2rem;\n                ${tabsTokens.itemContentGap}: 0.625rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h4-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h4-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h4-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h4-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h4-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h4-line-height);\n            `,\n            h3: css`\n                ${tabsTokens.itemBorderRadius}: 0.5rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 3.875rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 2.25rem;\n                ${tabsTokens.itemContentGap}: 0.75rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h3-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h3-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h3-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h3-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h3-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h3-line-height);\n            `,\n            h2: css`\n                ${tabsTokens.itemBorderRadius}: 0.625rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 4.5rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 2.5rem;\n                ${tabsTokens.itemContentGap}: 0.875rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h2-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h2-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h2-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h2-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h2-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h2-line-height);\n            `,\n            h1: css`\n                ${tabsTokens.itemBorderRadius}: 0.75rem;\n                ${tabsTokens.itemWidth}: auto;\n                ${tabsTokens.itemHeight}: 5.75rem;\n                ${tabsTokens.itemPadding}: 0rem;\n                ${tabsTokens.itemMarginLeft}: 3.5rem;\n                ${tabsTokens.itemContentGap}: 1rem;\n\n                ${tabsTokens.fontFamily}: var(--plasma-typo-h1-font-family);\n                ${tabsTokens.fontSize}: var(--plasma-typo-h1-font-size);\n                ${tabsTokens.fontStyle}: var(--plasma-typo-h1-font-style);\n                ${tabsTokens.fontWeight}: var(--plasma-typo-h1-font-weight);\n                ${tabsTokens.letterSpacing}: var(--plasma-typo-h1-letter-spacing);\n                ${tabsTokens.lineHeight}: var(--plasma-typo-h1-line-height);\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tabsTokens.disabledOpacity}: 0.4;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n            `,\n        },\n        truncate: {\n            true: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h5","h4","h3","h2","h1","disabled","true","pilled","truncate"],"mappings":"AAEO,MAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,WAAW;AACjBC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EA2BJ,UAAA;AACDC,MAAAA,SAAS,EA0BR,UAAA;AACDC,MAAAA,OAAO,EA2BN,SAAA;AACDC,MAAAA,OAAO,EAAA,UAAA;KA2BV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,SAAA;AACDC,MAAAA,CAAC,EAgBA,UAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,EAAE,EAcD,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAeL;AACDC,IAAAA,QAAQ,EAAE;AACNC,MAAAA,IAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,MAAM,EAAE;AACJD,MAAAA,IAAI,EAAA,SAAA;KAGP;AACDE,IAAAA,QAAQ,EAAE;AACNF,MAAAA,IAAI,EAAA,SAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/es/components/Tabs/horizontal/HorizontalTabs.config.js

@@ -1,5 +1,5 @@
 import './HorizontalTabs.config_r01l94.css';
-var config = {
+const config = {
   defaults: {
     view: 'filled',
     size: 'l'
@@ -22,13 +22,13 @@ var config = {
       h1: "h9rmvuc"
     },
     stretch: {
-      "true": "tyx4id5"
+      true: "tyx4id5"
     },
     disabled: {
-      "true": "tp7ddhx"
+      true: "tp7ddhx"
     },
     pilled: {
-      "true": "tr3t05m"
+      true: "tr3t05m"
     }
   }
 };