@salutejs/sdds-cs 0.318.1-canary.2030.15756642897.0 → 0.318.1-canary.2030.15826725038.0

package/emotion/es/components/Range/Range.config.js

@@ -1,23 +1,152 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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(--surface-solid-card);\n                ",
+        ": var(--outline-solid-primary);\n                ",
+        ": var(--outline-negative);\n                ",
+        ": var(--outline-accent);\n\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-negative);\n                ",
+        ": var(--text-positive);\n\n                ",
+        ": var(--surface-negative);\n\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-accent);\n\n                ",
+        ": var(--outline-solid-primary-hover);\n                ",
+        ": var(--outline-accent);\n                ",
+        ": var(--outline-negative);\n                ",
+        ": var(--outline-negative);\n                ",
+        ": var(--outline-accent);\n                ",
+        ": var(--outline-accent);\n\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.625rem;\n                ",
+        ": 0.125rem;\n\n                ",
+        ": 0 0.375rem;\n                ",
+        ": var(--plasma-typo-body-s-font-family);\n                ",
+        ": var(--plasma-typo-body-s-font-style);\n                ",
+        ": var(--plasma-typo-body-s-font-size);\n                ",
+        ": var(--plasma-typo-body-s-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n\n                ",
+        ": 0 0.375rem 0 0.75rem;\n                ",
+        ": 0;\n\n                ",
+        ": 0.5rem;\n\n                ",
+        ": var(--plasma-typo-body-s-font-family);\n                ",
+        ": var(--plasma-typo-body-s-font-style);\n                ",
+        ": var(--plasma-typo-body-s-font-size);\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.375rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": 0 0 0 0;\n                ",
+        ": 0.3125rem auto auto -0.6875rem;\n                ",
+        ": 0 0 auto auto;\n                ",
+        ": 0.25rem -0.625rem auto auto;\n\n                ",
+        ": 2.5rem;\n                ",
+        ": 0.625rem;\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.6875rem 0.75rem 0.6875rem 0.75rem;\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\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                ",
+        ": 0.25rem 0 0 0;\n                ",
+        ": var(--plasma-typo-body-s-font-family);\n                ",
+        ": var(--plasma-typo-body-s-font-style);\n                ",
+        ": var(--plasma-typo-body-s-font-size);\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.1875rem 0.25rem -0.1875rem -0.125rem;\n                ",
+        ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n                ",
+        ": 0 0.25rem 0 0;\n                ",
+        ": 0 0 0 0.25rem;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1;\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--outline-solid-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": 1;\n                ",
+        ": 1;\n                ",
+        ": 0.4;\n\n                ",
+        ": var(--text-primary);\n                ",
+        ": transparent;\n                ",
+        ": var(--text-secondary);\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
 export var config = {
-  defaults: {
-    view: 'default',
-    size: 's'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-card);\n                ", ": var(--outline-solid-primary);\n                ", ": var(--outline-negative);\n                ", ": var(--outline-accent);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-negative);\n                ", ": var(--text-positive);\n\n                ", ": var(--surface-negative);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-accent);\n\n                ", ": var(--outline-solid-primary-hover);\n                ", ": var(--outline-accent);\n                ", ": var(--outline-negative);\n                ", ": var(--outline-negative);\n                ", ": var(--outline-accent);\n                ", ": var(--outline-accent);\n\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.indicatorColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.focusColor, tokens.textFieldTextAfterColor, tokens.textFieldTextBeforeColor)
-    },
-    size: {
-      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n\n                ", ": 0 0.375rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0 0.375rem 0 0.75rem;\n                ", ": 0;\n\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\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.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.3125rem auto auto -0.6875rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n\n                ", ": 2.5rem;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n                ", ": 0.6875rem 0.75rem 0.6875rem 0.75rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-size);\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                ", ": 0.25rem 0 0 0;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-size);\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.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n            "])), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin)
-    },
-    disabled: {
-      "true": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1;\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), tokens.disabledOpacity, tokens.background, tokens.borderColor, tokens.textFieldBorderColorFocus, tokens.textFieldColor, tokens.textFieldPlaceholderColor)
+    defaults: {
+        view: 'default',
+        size: 's'
     },
-    readOnly: {
-      "true": /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--outline-solid-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": 1;\n                ", ": 1;\n                ", ": 0.4;\n\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": var(--text-secondary);\n            "])), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.borderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.readOnlyOpacity, tokens.dividerOpacityReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
+    variations: {
+        view: {
+            default: css(_templateObject(), tokens.background, tokens.borderColor, tokens.borderColorError, tokens.borderColorSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.indicatorColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.focusColor, tokens.textFieldTextAfterColor, tokens.textFieldTextBeforeColor)
+        },
+        size: {
+            s: css(_templateObject1(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin)
+        },
+        disabled: {
+            true: css(_templateObject2(), tokens.disabledOpacity, tokens.background, tokens.borderColor, tokens.textFieldBorderColorFocus, tokens.textFieldColor, tokens.textFieldPlaceholderColor)
+        },
+        readOnly: {
+            true: css(_templateObject3(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.borderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.readOnlyOpacity, tokens.dividerOpacityReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
+        }
     }
-  }
-};
+};

package/emotion/es/components/Range/Range.js

@@ -1,8 +1,6 @@
 import { rangeConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 import { config } from './Range.config';
-var mergedConfig = /*#__PURE__*/mergeConfig(rangeConfig, config);
-
+var mergedConfig = mergeConfig(rangeConfig, config);
 /**
  * Компонент Range.
- */
-export var Range = /*#__PURE__*/component(mergedConfig);
+ */ export var Range = component(mergedConfig);

package/emotion/es/components/Range/index.js

@@ -1,2 +1,2 @@
 export { Range } from './Range';
-export { rangeTokens } from '@salutejs/plasma-new-hope/emotion';
+export { rangeTokens } from '@salutejs/plasma-new-hope/emotion';

package/emotion/es/components/Rating/Rating.config.js

@@ -1,19 +1,112 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                // TODO: change with token data-yellow, when it will be added to theme\n                ",
+        ": var(--text-warning);\n                ",
+        ": var(--text-tertiary);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.25rem;\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-bold-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                ",
+        ": 0.5rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0.125rem;\n\n                ",
+        ": 1rem;\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.25rem;\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-bold-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.625rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0.125rem;\n\n                ",
+        ": 0.125rem;\n                ",
+        ": 1.5rem;\n                ",
+        ": 1.25rem;\n                ",
+        ": 1.25rem;\n\n                ",
+        ": 0.125rem;\n                ",
+        ": 1.5rem;\n                ",
+        ": 1.25rem;\n                ",
+        ": 1.25rem;\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, ratingTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
 export var config = {
-  defaults: {
-    view: 'default',
-    size: 's'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n            "])), tokens.color, tokens.helperTextColor, tokens.iconColor, tokens.outlineIconColor),
-      accent: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                // TODO: change with token data-yellow, when it will be added to theme\n                ", ": var(--text-warning);\n                ", ": var(--text-tertiary);\n            "])), tokens.color, tokens.helperTextColor, tokens.iconColor, tokens.outlineIconColor)
+    defaults: {
+        view: 'default',
+        size: 's'
     },
-    size: {
-      s: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.25rem;\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-bold-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                ", ": 0.5rem;\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n\n                ", ": 1rem;\n            "])), tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.helperTextFontFamily, tokens.helperTextFontSize, tokens.helperTextFontStyle, tokens.helperTextFontWeight, tokens.helperTextLetterSpacing, tokens.helperTextLineHeight, tokens.contentGap, tokens.singleIconContentGap, tokens.starsWrapperGap, tokens.iconSize),
-      h4: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.25rem;\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-bold-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.625rem;\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n\n                ", ": 0.125rem;\n                ", ": 1.5rem;\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n\n                ", ": 0.125rem;\n                ", ": 1.5rem;\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n            "])), tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.helperTextFontFamily, tokens.helperTextFontSize, tokens.helperTextFontStyle, tokens.helperTextFontWeight, tokens.helperTextLetterSpacing, tokens.helperTextLineHeight, tokens.contentGap, tokens.singleIconContentGap, tokens.starsWrapperGap, tokens.iconMarginBottom, tokens.iconSizeLarge, tokens.iconSizeMedium, tokens.iconSizeSmall, tokens.singleIconMarginBottom, tokens.singleIconSizeLarge, tokens.singleIconSizeMedium, tokens.singleIconSizeSmall)
+    variations: {
+        view: {
+            default: css(_templateObject(), tokens.color, tokens.helperTextColor, tokens.iconColor, tokens.outlineIconColor),
+            accent: css(_templateObject1(), tokens.color, tokens.helperTextColor, tokens.iconColor, tokens.outlineIconColor)
+        },
+        size: {
+            s: css(_templateObject2(), tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.helperTextFontFamily, tokens.helperTextFontSize, tokens.helperTextFontStyle, tokens.helperTextFontWeight, tokens.helperTextLetterSpacing, tokens.helperTextLineHeight, tokens.contentGap, tokens.singleIconContentGap, tokens.starsWrapperGap, tokens.iconSize),
+            h4: css(_templateObject3(), tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.helperTextFontFamily, tokens.helperTextFontSize, tokens.helperTextFontStyle, tokens.helperTextFontWeight, tokens.helperTextLetterSpacing, tokens.helperTextLineHeight, tokens.contentGap, tokens.singleIconContentGap, tokens.starsWrapperGap, tokens.iconMarginBottom, tokens.iconSizeLarge, tokens.iconSizeMedium, tokens.iconSizeSmall, tokens.singleIconMarginBottom, tokens.singleIconSizeLarge, tokens.singleIconSizeMedium, tokens.singleIconSizeSmall)
+        }
     }
-  }
-};
+};

package/emotion/es/components/Rating/Rating.js

@@ -1,4 +1,4 @@
 import { ratingConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 import { config } from './Rating.config';
-var mergedConfig = /*#__PURE__*/mergeConfig(ratingConfig, config);
-export var Rating = /*#__PURE__*/component(mergedConfig);
+var mergedConfig = mergeConfig(ratingConfig, config);
+export var Rating = component(mergedConfig);

package/emotion/es/components/Rating/index.js

@@ -1,2 +1,2 @@
 export { Rating } from './Rating';
-export { ratingTokens, ratingClasses } from '@salutejs/plasma-new-hope/emotion';
+export { ratingTokens, ratingClasses } from '@salutejs/plasma-new-hope/emotion';

package/emotion/es/components/SSRProvider/index.js

@@ -1 +1 @@
-export { SSRProvider } from '@salutejs/plasma-new-hope/emotion';
+export { SSRProvider } from '@salutejs/plasma-new-hope/emotion';

package/emotion/es/components/Segment/Segment.js

@@ -1,19 +1,14 @@
 import { segmentItemConfig, segmentGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 import { config as configSegmentItem } from './SegmentItem.config';
 import { config as configSegmentGroup } from './SegmentGroup.config';
-
 /**
  * Провайдер контекста для группы сегментов и хук для доступа к контексту.
- */
-export { SegmentProvider, useSegment } from '@salutejs/plasma-new-hope/emotion';
-var mergedSegmentItemConfig = /*#__PURE__*/mergeConfig(segmentItemConfig, configSegmentItem);
-var mergedSegmentGroupConfig = /*#__PURE__*/mergeConfig(segmentGroupConfig, configSegmentGroup);
-
+ */ export { SegmentProvider, useSegment } from '@salutejs/plasma-new-hope/emotion';
+var mergedSegmentItemConfig = mergeConfig(segmentItemConfig, configSegmentItem);
+var mergedSegmentGroupConfig = mergeConfig(segmentGroupConfig, configSegmentGroup);
 /**
  * Компонент группы сегментов.
- */
-export var SegmentGroup = /*#__PURE__*/component(mergedSegmentGroupConfig);
+ */ export var SegmentGroup = component(mergedSegmentGroupConfig);
 /**
  * Компонент сегмента.
- */
-export var SegmentItem = /*#__PURE__*/component(mergedSegmentItemConfig);
+ */ export var SegmentItem = component(mergedSegmentItemConfig);

package/emotion/es/components/Segment/SegmentGroup.config.js

@@ -1,33 +1,125 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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-accent);\n                ",
+        ": transparent;\n                ",
+        ": var(--text-accent);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-accent);\n                ",
+        ": transparent;\n                ",
+        ": var(--text-accent);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.75rem;\n                ",
+        ": 1.375rem;\n                ",
+        ": auto;\n                ",
+        ": auto;\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;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-solid-primary);\n            "
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject7() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject7 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, segmentTokens } from '@salutejs/plasma-new-hope/emotion';
 export var config = {
-  defaults: {
-    view: 'clear',
-    size: 'xs'
-  },
-  variations: {
-    view: {
-      clear: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": transparent;\n                ", ": var(--text-accent);\n            "])), segmentTokens.arrowColor, segmentTokens.groupBackgroundColor, segmentTokens.outlineFocusColor),
-      filled: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": transparent;\n                ", ": var(--text-accent);\n            "])), segmentTokens.arrowColor, segmentTokens.groupBackgroundColor, segmentTokens.outlineFocusColor)
-    },
-    size: {
-      xs: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": 1.375rem;\n                ", ": auto;\n                ", ": auto;\n            "])), segmentTokens.groupBorderRadius, segmentTokens.groupPilledBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight)
-    },
-    disabled: {
-      "true": /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), segmentTokens.disabledOpacity)
-    },
-    pilled: {
-      "true": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral([""])))
-    },
-    stretch: {
-      "true": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral([""])))
-    },
-    filledBackground: {
-      "true": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-primary);\n            "])), segmentTokens.groupFilledBackgroundColor)
+    defaults: {
+        view: 'clear',
+        size: 'xs'
     },
-    orientation: {
-      vertical: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    variations: {
+        view: {
+            clear: css(_templateObject(), segmentTokens.arrowColor, segmentTokens.groupBackgroundColor, segmentTokens.outlineFocusColor),
+            filled: css(_templateObject1(), segmentTokens.arrowColor, segmentTokens.groupBackgroundColor, segmentTokens.outlineFocusColor)
+        },
+        size: {
+            xs: css(_templateObject2(), segmentTokens.groupBorderRadius, segmentTokens.groupPilledBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight)
+        },
+        disabled: {
+            true: css(_templateObject3(), segmentTokens.disabledOpacity)
+        },
+        pilled: {
+            true: css(_templateObject4())
+        },
+        stretch: {
+            true: css(_templateObject5())
+        },
+        filledBackground: {
+            true: css(_templateObject6(), segmentTokens.groupFilledBackgroundColor)
+        },
+        orientation: {
+            vertical: css(_templateObject7())
+        }
     }
-  }
-};
+};