@salutejs/sdds-cs 0.354.1-next-sbcom.0 → 0.355.0-dev.0

package/dist/emotion/es/components/Slider/Slider.config.js

@@ -1,147 +1,132 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-primary);\n\n                ",
-        ": var(--text-secondary);\n\n                ",
-        ": var(--surface-solid-tertiary);\n                ",
-        ": var(--on-light-surface-solid-card);\n                ",
-        ": var(--surface-solid-default);\n\n                ",
-        ": var(--surface-solid-primary);\n\n                ",
-        ": var(--surface-solid-default);\n\n                ",
-        ": var(--surface-solid-primary);\n                ",
-        ": var(--surface-solid-default);\n\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n\n                ",
-        ": var(--outline-solid-primary);\n                ",
-        ": var(--outline-accent);\n                ",
-        ": var(--outline-solid-primary-hover);\n\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--surface-solid-card-active);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-primary);\n\n                ",
-        ": var(--text-secondary);\n\n                ",
-        ": var(--surface-solid-tertiary);\n                ",
-        ": var(--on-light-surface-solid-card);\n                ",
-        ": var(--surface-accent);\n\n                ",
-        ": var(--surface-solid-primary);\n\n                ",
-        ": var(--surface-accent);\n\n                ",
-        ": var(--surface-solid-primary);\n                ",
-        ": var(--surface-accent);\n\n                ",
-        ": var(--text-secondary);\n\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n\n                ",
-        ": var(--outline-solid-primary);\n                ",
-        ": var(--outline-accent);\n                ",
-        ": var(--outline-solid-primary-hover);\n\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--surface-solid-card-active);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 1rem;\n                ",
-        ": 0.375rem;\n\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 1rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": 0.625rem;\n\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": 0.5rem;\n\n                ",
-        ": var(--plasma-typo-body-xs-font-family);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\n                ",
-        ": var(--plasma-typo-body-xs-font-style);\n                ",
-        ": var(--plasma-typo-body-xs-font-weight);\n                ",
-        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-xs-line-height);\n\n                ",
-        ": 1rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 0.0625rem solid;\n\n                ",
-        ": 0.5rem;\n\n                ",
-        ": 1.25rem;\n\n                ",
-        ": 0.25rem;\n                ",
-        ": 0.125rem;\n                ",
-        ": 0.75rem;\n\n                ",
-        ": 0.063rem;\n                ",
-        ": 0.125rem;\n\n                ",
-        ": 2.5rem;\n                ",
-        ": 0.5rem 1rem 0.5rem 1rem;\n                ",
-        ": 0.625rem;\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.4;\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 import { css, sliderTokens } from '@salutejs/plasma-new-hope/emotion';
-export var config = {
+export const config = {
     defaults: {
         view: 'default',
         size: 's'
     },
     variations: {
         view: {
-            default: css(_templateObject(), sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.tickDotColor, sliderTokens.tickDotFilledColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFieldBorderColor, sliderTokens.textFieldBorderColorFocus, sliderTokens.textFieldBorderColorHover, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldBackgroundColorHover, sliderTokens.textFieldBackgroundColorFocus),
-            accent: css(_templateObject1(), sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.tickDotColor, sliderTokens.tickDotFilledColor, sliderTokens.textFieldColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFieldBorderColor, sliderTokens.textFieldBorderColorFocus, sliderTokens.textFieldBorderColorHover, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldBackgroundColorHover, sliderTokens.textFieldBackgroundColorFocus)
+            default: css`
+                ${sliderTokens.labelColor}: var(--text-primary);
+
+                ${sliderTokens.rangeValueColor}: var(--text-secondary);
+
+                ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);
+                ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);
+                ${sliderTokens.thumbFocusBorderColor}: var(--surface-solid-default);
+
+                ${sliderTokens.railBackgroundColor}: var(--surface-solid-primary);
+
+                ${sliderTokens.fillColor}: var(--surface-solid-default);
+
+                ${sliderTokens.tickDotColor}: var(--surface-solid-primary);
+                ${sliderTokens.tickDotFilledColor}: var(--surface-solid-default);
+
+                ${sliderTokens.textFieldCaretColor}: var(--text-accent);
+                ${sliderTokens.textFieldColor}: var(--text-primary);
+                ${sliderTokens.textFiledFocusColor}: var(--text-primary);
+                ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);
+
+                ${sliderTokens.textFieldBorderColor}: var(--outline-solid-primary);
+                ${sliderTokens.textFieldBorderColorFocus}: var(--outline-accent);
+                ${sliderTokens.textFieldBorderColorHover}: var(--outline-solid-primary-hover);
+
+                ${sliderTokens.textFieldBackgroundColor}: var(--surface-solid-card);
+                ${sliderTokens.textFieldBackgroundColorHover}: var(--surface-solid-card);
+                ${sliderTokens.textFieldBackgroundColorFocus}: var(--surface-solid-card-active);
+            `,
+            accent: css`
+                ${sliderTokens.labelColor}: var(--text-primary);
+
+                ${sliderTokens.rangeValueColor}: var(--text-secondary);
+
+                ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);
+                ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);
+                ${sliderTokens.thumbFocusBorderColor}: var(--surface-accent);
+
+                ${sliderTokens.railBackgroundColor}: var(--surface-solid-primary);
+
+                ${sliderTokens.fillColor}: var(--surface-accent);
+
+                ${sliderTokens.tickDotColor}: var(--surface-solid-primary);
+                ${sliderTokens.tickDotFilledColor}: var(--surface-accent);
+
+                ${sliderTokens.textFieldColor}: var(--text-secondary);
+
+                ${sliderTokens.textFieldCaretColor}: var(--text-accent);
+                ${sliderTokens.textFieldColor}: var(--text-primary);
+                ${sliderTokens.textFiledFocusColor}: var(--text-primary);
+                ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);
+
+                ${sliderTokens.textFieldBorderColor}: var(--outline-solid-primary);
+                ${sliderTokens.textFieldBorderColorFocus}: var(--outline-accent);
+                ${sliderTokens.textFieldBorderColorHover}: var(--outline-solid-primary-hover);
+
+                ${sliderTokens.textFieldBackgroundColor}: var(--surface-solid-card);
+                ${sliderTokens.textFieldBackgroundColorHover}: var(--surface-solid-card);
+                ${sliderTokens.textFieldBackgroundColorFocus}: var(--surface-solid-card-active);
+            `
         },
         size: {
-            s: css(_templateObject2(), sliderTokens.size, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelWrapperOnlyIconMarginRight, sliderTokens.labelWrapperVerticalMargin, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeValueHorizontalMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueHorizontalOffset, sliderTokens.rangeValueVerticalMargin, sliderTokens.valueFontFamily, sliderTokens.valueFontSize, sliderTokens.valueFontStyle, sliderTokens.valueFontWeight, sliderTokens.valueLetterSpacing, sliderTokens.valueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbSizeLarge, sliderTokens.thumbBorder, sliderTokens.tickSize, sliderTokens.currentValueTopOffset, sliderTokens.railThickness, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldBorderWidth, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight)
+            s: css`
+                ${sliderTokens.size}: 1rem;
+                ${sliderTokens.doubleWrapperGap}: 0.375rem;
+
+                ${sliderTokens.labelWrapperGap}: 0.25rem;
+                ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;
+                ${sliderTokens.labelWrapperMarginRight}: 1rem;
+                ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;
+                ${sliderTokens.labelWrapperVerticalMargin}: 0.625rem;
+
+                ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${sliderTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);
+                ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${sliderTokens.rangeValueHorizontalMargin}: 0.5rem;
+                ${sliderTokens.rangeValueBottomOffset}: 0.625rem;
+                ${sliderTokens.rangeValueHorizontalOffset}: 0.625rem;
+                ${sliderTokens.rangeValueVerticalMargin}: 0.5rem;
+
+                ${sliderTokens.valueFontFamily}: var(--plasma-typo-body-xs-font-family);
+                ${sliderTokens.valueFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${sliderTokens.valueFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${sliderTokens.valueFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-xs-line-height);
+
+                ${sliderTokens.thumbSize}: 1rem;
+                ${sliderTokens.thumbSizeLarge}: 1.25rem;
+                ${sliderTokens.thumbBorder}: 0.0625rem solid;
+
+                ${sliderTokens.tickSize}: 0.5rem;
+
+                ${sliderTokens.currentValueTopOffset}: 1.25rem;
+
+                ${sliderTokens.railThickness}: 0.25rem;
+                ${sliderTokens.railBorderRadius}: 0.125rem;
+                ${sliderTokens.railIndent}: 0.75rem;
+
+                ${sliderTokens.textFieldWrapperGap}: 0.063rem;
+                ${sliderTokens.textFieldBorderWidth}: 0.125rem;
+
+                ${sliderTokens.textFieldHeight}: 2.5rem;
+                ${sliderTokens.textFieldPadding}: 0.5rem 1rem 0.5rem 1rem;
+                ${sliderTokens.textFieldBorderRadius}: 0.625rem;
+                ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);
+                ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);
+            `
         },
         disabled: {
-            true: css(_templateObject3(), sliderTokens.disabledOpacity)
+            true: css`
+                ${sliderTokens.disabledOpacity}: 0.4;
+            `
         }
     }
 };

package/dist/emotion/es/components/Slider/Slider.js

@@ -1,8 +1,8 @@
 import { sliderConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 import { config } from './Slider.config';
-var mergedConfig = mergeConfig(sliderConfig, config);
-var SliderComponent = component(mergedConfig);
+const mergedConfig = mergeConfig(sliderConfig, config);
+const SliderComponent = component(mergedConfig);
 /**
  * Слайдер позволяет определить числовое значение в пределах указанного промежутка.
  * Можно указать два значения.
- */ export var Slider = SliderComponent;
+ */ export const Slider = SliderComponent;

package/dist/emotion/es/components/Spinner/Spinner.config.js

@@ -1,101 +1,35 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-color: var(--text-primary);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-color: var(--text-secondary);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-color: var(--text-tertiary);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-color: var(--text-paragraph);\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-color: var(--text-accent);\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-color: var(--text-positive);\n            "
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject6() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-color: var(--text-warning);\n            "
-    ]);
-    _templateObject6 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject7() {
-    var data = _tagged_template_literal([
-        "\n                --plasma-spinner-color: var(--text-negative);\n            "
-    ]);
-    _templateObject7 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 import { css } from '@salutejs/plasma-new-hope/emotion';
-export var config = {
+export const config = {
     defaults: {
         view: 'accent',
         size: 'm'
     },
     variations: {
         view: {
-            default: css(_templateObject()),
-            secondary: css(_templateObject1()),
-            tertiary: css(_templateObject2()),
-            paragraph: css(_templateObject3()),
-            accent: css(_templateObject4()),
-            positive: css(_templateObject5()),
-            warning: css(_templateObject6()),
-            negative: css(_templateObject7())
+            default: css`
+                --plasma-spinner-color: var(--text-primary);
+            `,
+            secondary: css`
+                --plasma-spinner-color: var(--text-secondary);
+            `,
+            tertiary: css`
+                --plasma-spinner-color: var(--text-tertiary);
+            `,
+            paragraph: css`
+                --plasma-spinner-color: var(--text-paragraph);
+            `,
+            accent: css`
+                --plasma-spinner-color: var(--text-accent);
+            `,
+            positive: css`
+                --plasma-spinner-color: var(--text-positive);
+            `,
+            warning: css`
+                --plasma-spinner-color: var(--text-warning);
+            `,
+            negative: css`
+                --plasma-spinner-color: var(--text-negative);
+            `
         }
     }
 };

package/dist/emotion/es/components/Spinner/Spinner.js

@@ -1,11 +1,11 @@
 import styled from '@emotion/styled';
 import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 import { config } from './Spinner.config';
-var mergedConfig = mergeConfig(spinnerConfig, config);
-var SpinnerComponent = component(mergedConfig);
+const mergedConfig = mergeConfig(spinnerConfig, config);
+const SpinnerComponent = component(mergedConfig);
 /**
  * Компонент для отображения индикатора загрузки.
- */ export var Spinner = /*#__PURE__*/ styled(SpinnerComponent, {
+ */ export const Spinner = /*#__PURE__*/ styled(SpinnerComponent, {
     target: "e1426z6k0",
     label: "Spinner"
 })("/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvU3Bpbm5lci9TcGlubmVyLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvU3Bpbm5lci9TcGlubmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEhUTUxBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3Bpbm5lckNvbmZpZywgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5cbmltcG9ydCB7IGNvbmZpZyB9IGZyb20gJy4vU3Bpbm5lci5jb25maWcnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhzcGlubmVyQ29uZmlnLCBjb25maWcpO1xuY29uc3QgU3Bpbm5lckNvbXBvbmVudCA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG5leHBvcnQgdHlwZSBTcGlubmVyUHJvcHMgPSBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gICAgLyoqXG4gICAgICog0KDQsNC30LzQtdGAINGB0L/QuNC90L3QtdGA0LBcbiAgICAgKi9cbiAgICBzaXplPzogc3RyaW5nIHwgbnVtYmVyO1xuICAgIC8qKlxuICAgICAqINCm0LLQtdGCINGB0L/QuNC90L3QtdGA0LBcbiAgICAgKi9cbiAgICB2aWV3Pzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqINCm0LLQtdGCINGB0L/QuNC90L3QtdGA0LBcbiAgICAgKiBAZGVwcmVjYXRlZFxuICAgICAqL1xuICAgIGNvbG9yPzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqIEBkZXByZWNhdGVkXG4gICAgICovXG4gICAgZGV2aWNlU2NhbGU/OiBudW1iZXI7XG59O1xuXG4vKipcbiAqINCa0L7QvNC/0L7QvdC10L3RgiDQtNC70Y8g0L7RgtC+0LHRgNCw0LbQtdC90LjRjyDQuNC90LTQuNC60LDRgtC+0YDQsCDQt9Cw0LPRgNGD0LfQutC4LlxuICovXG5leHBvcnQgY29uc3QgU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyQ29tcG9uZW50KWBgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDdUIifQ== */");

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

@@ -1,113 +1,103 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--on-dark-surface-solid-primary);\n\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary-hover);\n                ",
-        ": var(--inverse-text-primary);\n                ",
-        ": var(--on-dark-surface-solid-primary);\n\n                ",
-        ": solid var(--on-dark-surface-solid-primary);\n                ",
-        ": var(--surface-clear);\n\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-accent-hover);\n                ",
-        ": var(--text-positive);\n                ",
-        ": var(--text-positive-hover);\n                ",
-        ": var(--surface-clear);\n                ",
-        ": var(--surface-clear);\n                ",
-        ": var(--surface-positive);\n                ",
-        ": var(--surface-positive-hover);\n\n                ",
-        ": var(--surface-positive);\n                ",
-        ": var(--surface-positive-hover);\n                ",
-        ": var(--surface-positive);\n                ",
-        ": var(--surface-positive-hover);\n\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary-hover);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary);\n\n                ",
-        ": var(--surface-solid-tertiary);\n                ",
-        ": var(--surface-solid-tertiary-hover);\n\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--surface-accent);\n\n                ",
-        ": var(--surface-positive);\n                ",
-        ": linear-gradient(90deg, var(--surface-positive) 35%, var(--on-dark-surface-solid-primary) 100%);\n                ",
-        ": linear-gradient(180deg, var(--surface-positive) 35%, var(--on-dark-surface-solid-primary) 100%);\n                ",
-        ": var(--on-dark-surface-solid-primary);\n\n                ",
-        ": 0.4;\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 1.5rem;\n                ",
-        ": 1.5rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 1rem;\n\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 1.5rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 1rem;\n\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 1rem;\n                ",
-        ": 0.75rem;\n\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n\n                ",
-        ": 0.125rem;\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
-export var config = {
+export const config = {
     defaults: {
         size: 's',
         view: 'default'
     },
     variations: {
         view: {
-            default: css(_templateObject(), tokens.loaderSpinnerColor, tokens.activeTitleColor, tokens.activeTitleColorHover, tokens.activeIndicatorColor, tokens.activeIndicatorBackground, tokens.bulletActiveIndicatorBorder, tokens.bulletActiveBackground, tokens.completedTitleColor, tokens.completedTitleColorHover, tokens.completedIndicatorColor, tokens.completedIndicatorColorHover, tokens.completedIndicatorBackground, tokens.completedIndicatorBackgroundHover, tokens.completedIndicatorBorder, tokens.completedIndicatorBorderHover, tokens.completedBulletBorder, tokens.completedBulletBorderHover, tokens.completedBulletBackground, tokens.completedBulletBackgroundHover, tokens.inactiveTitleColor, tokens.inactiveTitleColorHover, tokens.inactiveIndicatorColor, tokens.inactiveIndicatorColorHover, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackgroundHover, tokens.contentColor, tokens.focusColor, tokens.dividerColor, tokens.dividerGradientColor, tokens.dividerVerticalGradientColor, tokens.dividerVerticalIndentColor, tokens.disabledOpacity)
+            default: css`
+                ${tokens.loaderSpinnerColor}: var(--on-dark-surface-solid-primary);
+
+                ${tokens.activeTitleColor}: var(--text-primary);
+                ${tokens.activeTitleColorHover}: var(--text-primary-hover);
+                ${tokens.activeIndicatorColor}: var(--inverse-text-primary);
+                ${tokens.activeIndicatorBackground}: var(--on-dark-surface-solid-primary);
+
+                ${tokens.bulletActiveIndicatorBorder}: solid var(--on-dark-surface-solid-primary);
+                ${tokens.bulletActiveBackground}: var(--surface-clear);
+
+                ${tokens.completedTitleColor}: var(--text-accent);
+                ${tokens.completedTitleColorHover}: var(--text-accent-hover);
+                ${tokens.completedIndicatorColor}: var(--text-positive);
+                ${tokens.completedIndicatorColorHover}: var(--text-positive-hover);
+                ${tokens.completedIndicatorBackground}: var(--surface-clear);
+                ${tokens.completedIndicatorBackgroundHover}: var(--surface-clear);
+                ${tokens.completedIndicatorBorder}: var(--surface-positive);
+                ${tokens.completedIndicatorBorderHover}: var(--surface-positive-hover);
+
+                ${tokens.completedBulletBorder}: var(--surface-positive);
+                ${tokens.completedBulletBorderHover}: var(--surface-positive-hover);
+                ${tokens.completedBulletBackground}: var(--surface-positive);
+                ${tokens.completedBulletBackgroundHover}: var(--surface-positive-hover);
+
+                ${tokens.inactiveTitleColor}: var(--text-primary);
+                ${tokens.inactiveTitleColorHover}: var(--text-primary-hover);
+                ${tokens.inactiveIndicatorColor}: var(--text-primary);
+                ${tokens.inactiveIndicatorColorHover}: var(--text-primary);
+
+                ${tokens.inactiveIndicatorBackground}: var(--surface-solid-tertiary);
+                ${tokens.inactiveIndicatorBackgroundHover}: var(--surface-solid-tertiary-hover);
+
+                ${tokens.contentColor}: var(--text-secondary);
+                ${tokens.focusColor}: var(--surface-accent);
+
+                ${tokens.dividerColor}: var(--surface-positive);
+                ${tokens.dividerGradientColor}: linear-gradient(90deg, var(--surface-positive) 35%, var(--on-dark-surface-solid-primary) 100%);
+                ${tokens.dividerVerticalGradientColor}: linear-gradient(180deg, var(--surface-positive) 35%, var(--on-dark-surface-solid-primary) 100%);
+                ${tokens.dividerVerticalIndentColor}: var(--on-dark-surface-solid-primary);
+
+                ${tokens.disabledOpacity}: 0.4;
+            `
         },
         size: {
-            s: css(_templateObject1(), tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness)
+            s: css`
+                ${tokens.indicatorSize}: 1.5rem;
+                ${tokens.activeIndicatorSize}: 1.5rem;
+                ${tokens.bulletSize}: 0.5rem;
+                ${tokens.activeBulletSize}: 1rem;
+
+                ${tokens.titlePaddingTop}: 0.5rem;
+                ${tokens.contentPaddingTop}: 0.25rem;
+                ${tokens.contentSidePadding}: 1.5rem;
+                ${tokens.contentVerticalPadding}: 0.5rem;
+                ${tokens.verticalContentPaddingLeft}: 1rem;
+
+                ${tokens.smallIndicatorIndentHeight}: 0.5rem;
+                ${tokens.largeIndicatorIndentHeight}: 0.5rem;
+                ${tokens.smallBulletIndentHeight}: 1rem;
+                ${tokens.largeBulletIndentHeight}: 0.75rem;
+
+                ${tokens.indicatorFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${tokens.indicatorFontSize}: var(--plasma-typo-body-s-font-size);
+                ${tokens.indicatorFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${tokens.indicatorFontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${tokens.indicatorLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${tokens.indicatorLineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${tokens.activeIndicatorFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${tokens.activeIndicatorFontSize}: var(--plasma-typo-body-s-font-size);
+                ${tokens.activeIndicatorFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${tokens.activeIndicatorFontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${tokens.activeIndicatorLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${tokens.activeIndicatorLineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${tokens.titleFontFamily}: var(--plasma-typo-body-m-font-family);
+                ${tokens.titleFontSize}: var(--plasma-typo-body-m-font-size);
+                ${tokens.titleFontStyle}: var(--plasma-typo-body-m-font-style);
+                ${tokens.titleFontWeight}: var(--plasma-typo-body-m-font-weight);
+                ${tokens.titleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${tokens.titleLineHeight}: var(--plasma-typo-body-m-line-height);
+
+                ${tokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);
+                ${tokens.contentFontSize}: var(--plasma-typo-body-s-font-size);
+                ${tokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${tokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${tokens.contentLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${tokens.contentLineHeight}: var(--plasma-typo-body-s-line-height);
+
+                ${tokens.dividerThickness}: 0.125rem;
+            `
         }
     }
 };

package/dist/emotion/es/components/Steps/Steps.js

@@ -1,5 +1,5 @@
 import { stepsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 import { config } from './Steps.config';
-var mergedConfig = mergeConfig(stepsConfig, config);
-var StepsComponent = component(mergedConfig);
-export var Steps = StepsComponent;
+const mergedConfig = mergeConfig(stepsConfig, config);
+const StepsComponent = component(mergedConfig);
+export const Steps = StepsComponent;