@salutejs/plasma-web 1.585.0-canary.2031.15774276345.0 → 1.585.0-canary.2040.15828624275.0

package/components/AvatarGroup/index.js

@@ -1,12 +1,11 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
 Object.defineProperty(exports, "AvatarGroup", {
-  enumerable: true,
-  get: function get() {
-    return _AvatarGroup.AvatarGroup;
-  }
+    enumerable: true,
+    get: function() {
+        return _AvatarGroup.AvatarGroup;
+    }
 });
-var _AvatarGroup = /*#__PURE__*/require("./AvatarGroup");
+var _AvatarGroup = require("./AvatarGroup");

package/components/Badge/Badge.config.js

@@ -1,46 +1,290 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n\n                ", ": var(--text-primary);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
-      /**
-       * @deprecated
-       * использовать `default`
-       */
-      primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n\n                ", ": var(--text-primary);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-accent);\n                ", ": var(--surface-transparent-accent);\n\n                ", ": var(--text-accent);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-positive);\n\n                ", ": var(--text-positive);\n                ", ": var(--surface-transparent-positive);\n\n                ", ": var(--text-positive);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-warning);\n\n                ", ": var(--text-warning);\n                ", ": var(--surface-transparent-warning);\n\n                ", ": var(--text-warning);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-negative);\n\n                ", ": var(--text-negative);\n                ", ": var(--surface-transparent-negative);\n\n                ", ": var(--text-negative);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
-      dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-light-surface-solid-default);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-light-surface-transparent-deep);\n\n                ", ": var(--on-light-text-primary);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
-      light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-dark-surface-solid-default);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-surface-transparent-card);\n\n                ", ": var(--on-dark-text-primary);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear)
-    },
-    size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 1.75rem;\n                ", ": 0 0.6875rem;\n                ", ": 0 0.375rem;\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.0625rem;\n                ", ": 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": -0.0625rem;\n            "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.padding, _styledComponents.badgeTokens.paddingIconOnly, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.375rem;\n                ", ": 1.5rem;\n                ", ": 0 0.5625rem;\n                ", ": 0 0.375rem;\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                ", ": -0.0625rem;\n                ", ": 0.1875rem;\n\n                ", ": 0.1875rem;\n                ", ": -0.0625rem;\n            "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.padding, _styledComponents.badgeTokens.paddingIconOnly, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.375rem;\n                ", ": 1.25rem;\n                ", ": 0 0.4375rem;\n                ", ": 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.125rem;\n\n                ", ": 0.125rem;\n                ", ": -0.0625rem;\n            "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.padding, _styledComponents.badgeTokens.paddingIconOnly, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.25rem;\n                ", ": 1rem;\n                ", ": 0 0.25rem;\n                ", ": 0 0.188rem;\n\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.125rem;\n\n                ", ": 0.125rem;\n                ", ": -0.0625rem;\n            "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.padding, _styledComponents.badgeTokens.paddingIconOnly, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight)
-    },
-    pilled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.25rem;\n            "])), _styledComponents.badgeTokens.pilledBorderRadius)
-    },
-    transparent: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+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(--inverse-text-primary);\n                ",
+        ": var(--surface-solid-default);\n\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--surface-transparent-secondary);\n\n                ",
+        ": var(--text-primary);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--inverse-text-primary);\n                ",
+        ": var(--surface-solid-default);\n\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--surface-transparent-secondary);\n\n                ",
+        ": var(--text-primary);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-accent);\n\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--surface-transparent-accent);\n\n                ",
+        ": var(--text-accent);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-positive);\n\n                ",
+        ": var(--text-positive);\n                ",
+        ": var(--surface-transparent-positive);\n\n                ",
+        ": var(--text-positive);\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-warning);\n\n                ",
+        ": var(--text-warning);\n                ",
+        ": var(--surface-transparent-warning);\n\n                ",
+        ": var(--text-warning);\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-negative);\n\n                ",
+        ": var(--text-negative);\n                ",
+        ": var(--surface-transparent-negative);\n\n                ",
+        ": var(--text-negative);\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--on-light-surface-solid-default);\n\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--on-light-surface-transparent-deep);\n\n                ",
+        ": var(--on-light-text-primary);\n            "
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject7() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-light-text-primary);\n                ",
+        ": var(--on-dark-surface-solid-default);\n\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--on-dark-surface-transparent-card);\n\n                ",
+        ": var(--on-dark-text-primary);\n            "
+    ]);
+    _templateObject7 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject8() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.5rem;\n                ",
+        ": 1.75rem;\n                ",
+        ": 0 0.6875rem;\n                ",
+        ": 0 0.375rem;\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.0625rem;\n                ",
+        ": 0.25rem;\n\n                ",
+        ": 0.25rem;\n                ",
+        ": -0.0625rem;\n            "
+    ]);
+    _templateObject8 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject9() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.375rem;\n                ",
+        ": 1.5rem;\n                ",
+        ": 0 0.5625rem;\n                ",
+        ": 0 0.375rem;\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                ",
+        ": -0.0625rem;\n                ",
+        ": 0.1875rem;\n\n                ",
+        ": 0.1875rem;\n                ",
+        ": -0.0625rem;\n            "
+    ]);
+    _templateObject9 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject10() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.375rem;\n                ",
+        ": 1.25rem;\n                ",
+        ": 0 0.4375rem;\n                ",
+        ": 0 0.25rem;\n\n                ",
+        ": var(--plasma-typo-body-xxs-font-family);\n                ",
+        ": var(--plasma-typo-body-xxs-font-size);\n                ",
+        ": var(--plasma-typo-body-xxs-font-style);\n                ",
+        ": var(--plasma-typo-body-xxs-font-weight);\n                ",
+        ": var(--plasma-typo-body-xxs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xxs-line-height);\n\n                ",
+        ": -0.0625rem;\n                ",
+        ": 0.125rem;\n\n                ",
+        ": 0.125rem;\n                ",
+        ": -0.0625rem;\n            "
+    ]);
+    _templateObject10 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject11() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.25rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0 0.25rem;\n                ",
+        ": 0 0.188rem;\n\n                ",
+        ": var(--plasma-typo-body-xxs-font-family);\n                ",
+        ": var(--plasma-typo-body-xxs-font-size);\n                ",
+        ": var(--plasma-typo-body-xxs-font-style);\n                ",
+        ": var(--plasma-typo-body-xxs-font-weight);\n                ",
+        ": var(--plasma-typo-body-xxs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xxs-line-height);\n\n                ",
+        ": -0.0625rem;\n                ",
+        ": 0.125rem;\n\n                ",
+        ": 0.125rem;\n                ",
+        ": -0.0625rem;\n            "
+    ]);
+    _templateObject11 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject12() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1.25rem;\n            "
+    ]);
+    _templateObject12 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject13() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject13 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject14() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-clear);\n            "
+    ]);
+    _templateObject14 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
     },
-    clear: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-clear);\n            "])), _styledComponents.badgeTokens.backgroundClear)
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.badgeTokens.color, _styledcomponents.badgeTokens.background, _styledcomponents.badgeTokens.colorTransparent, _styledcomponents.badgeTokens.backgroundTransparent, _styledcomponents.badgeTokens.colorClear),
+            /**
+             * @deprecated
+             * использовать `default`
+             */ primary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.badgeTokens.color, _styledcomponents.badgeTokens.background, _styledcomponents.badgeTokens.colorTransparent, _styledcomponents.badgeTokens.backgroundTransparent, _styledcomponents.badgeTokens.colorClear),
+            accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.badgeTokens.color, _styledcomponents.badgeTokens.background, _styledcomponents.badgeTokens.colorTransparent, _styledcomponents.badgeTokens.backgroundTransparent, _styledcomponents.badgeTokens.colorClear),
+            positive: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.badgeTokens.color, _styledcomponents.badgeTokens.background, _styledcomponents.badgeTokens.colorTransparent, _styledcomponents.badgeTokens.backgroundTransparent, _styledcomponents.badgeTokens.colorClear),
+            warning: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.badgeTokens.color, _styledcomponents.badgeTokens.background, _styledcomponents.badgeTokens.colorTransparent, _styledcomponents.badgeTokens.backgroundTransparent, _styledcomponents.badgeTokens.colorClear),
+            negative: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.badgeTokens.color, _styledcomponents.badgeTokens.background, _styledcomponents.badgeTokens.colorTransparent, _styledcomponents.badgeTokens.backgroundTransparent, _styledcomponents.badgeTokens.colorClear),
+            dark: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.badgeTokens.color, _styledcomponents.badgeTokens.background, _styledcomponents.badgeTokens.colorTransparent, _styledcomponents.badgeTokens.backgroundTransparent, _styledcomponents.badgeTokens.colorClear),
+            light: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.badgeTokens.color, _styledcomponents.badgeTokens.background, _styledcomponents.badgeTokens.colorTransparent, _styledcomponents.badgeTokens.backgroundTransparent, _styledcomponents.badgeTokens.colorClear)
+        },
+        size: {
+            l: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.badgeTokens.borderRadius, _styledcomponents.badgeTokens.height, _styledcomponents.badgeTokens.padding, _styledcomponents.badgeTokens.paddingIconOnly, _styledcomponents.badgeTokens.fontFamily, _styledcomponents.badgeTokens.fontSize, _styledcomponents.badgeTokens.fontStyle, _styledcomponents.badgeTokens.fontWeight, _styledcomponents.badgeTokens.letterSpacing, _styledcomponents.badgeTokens.lineHeight, _styledcomponents.badgeTokens.leftContentMarginLeft, _styledcomponents.badgeTokens.leftContentMarginRight, _styledcomponents.badgeTokens.rightContentMarginLeft, _styledcomponents.badgeTokens.rightContentMarginRight),
+            m: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.badgeTokens.borderRadius, _styledcomponents.badgeTokens.height, _styledcomponents.badgeTokens.padding, _styledcomponents.badgeTokens.paddingIconOnly, _styledcomponents.badgeTokens.fontFamily, _styledcomponents.badgeTokens.fontSize, _styledcomponents.badgeTokens.fontStyle, _styledcomponents.badgeTokens.fontWeight, _styledcomponents.badgeTokens.letterSpacing, _styledcomponents.badgeTokens.lineHeight, _styledcomponents.badgeTokens.leftContentMarginLeft, _styledcomponents.badgeTokens.leftContentMarginRight, _styledcomponents.badgeTokens.rightContentMarginLeft, _styledcomponents.badgeTokens.rightContentMarginRight),
+            s: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.badgeTokens.borderRadius, _styledcomponents.badgeTokens.height, _styledcomponents.badgeTokens.padding, _styledcomponents.badgeTokens.paddingIconOnly, _styledcomponents.badgeTokens.fontFamily, _styledcomponents.badgeTokens.fontSize, _styledcomponents.badgeTokens.fontStyle, _styledcomponents.badgeTokens.fontWeight, _styledcomponents.badgeTokens.letterSpacing, _styledcomponents.badgeTokens.lineHeight, _styledcomponents.badgeTokens.leftContentMarginLeft, _styledcomponents.badgeTokens.leftContentMarginRight, _styledcomponents.badgeTokens.rightContentMarginLeft, _styledcomponents.badgeTokens.rightContentMarginRight),
+            xs: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.badgeTokens.borderRadius, _styledcomponents.badgeTokens.height, _styledcomponents.badgeTokens.padding, _styledcomponents.badgeTokens.paddingIconOnly, _styledcomponents.badgeTokens.fontFamily, _styledcomponents.badgeTokens.fontSize, _styledcomponents.badgeTokens.fontStyle, _styledcomponents.badgeTokens.fontWeight, _styledcomponents.badgeTokens.letterSpacing, _styledcomponents.badgeTokens.lineHeight, _styledcomponents.badgeTokens.leftContentMarginLeft, _styledcomponents.badgeTokens.leftContentMarginRight, _styledcomponents.badgeTokens.rightContentMarginLeft, _styledcomponents.badgeTokens.rightContentMarginRight)
+        },
+        pilled: {
+            true: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.badgeTokens.pilledBorderRadius)
+        },
+        transparent: {
+            true: (0, _styledcomponents.css)(_templateObject13())
+        },
+        clear: {
+            true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.badgeTokens.backgroundClear)
+        }
     }
-  }
-};
+};

package/components/Badge/Badge.js

@@ -1,14 +1,14 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Badge = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _Badge = /*#__PURE__*/require("./Badge.config");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.badgeConfig, _Badge.config);
-
-/**
- * Компонент Badge.
- */
-var Badge = exports.Badge = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+Object.defineProperty(exports, "Badge", {
+    enumerable: true,
+    get: function() {
+        return Badge;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Badgeconfig = require("./Badge.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.badgeConfig, _Badgeconfig.config);
+var Badge = (0, _styledcomponents.component)(mergedConfig);

package/components/Badge/Badge.perftest.js

@@ -1,25 +1,59 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Default = void 0;
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
-var _plasmaIcons = /*#__PURE__*/require("@salutejs/plasma-icons");
-var _ = /*#__PURE__*/require(".");
-var _IconSettings;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+Object.defineProperty(exports, "Default", {
+    enumerable: true,
+    get: function() {
+        return Default;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_default(require("react"));
+var _plasmaicons = require("@salutejs/plasma-icons");
+var _ = require(".");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
 var defaultProps = {
-  text: 'Badge',
-  size: 'l',
-  view: 'default'
+    text: 'Badge',
+    size: 'l',
+    view: 'default'
+};
+var Default = function() {
+    return /*#__PURE__*/ _react.default.createElement(_.Badge, _object_spread({
+        contentLeft: /*#__PURE__*/ _react.default.createElement(_plasmaicons.IconSettings, {
+            color: "inherit",
+            size: "xs"
+        })
+    }, defaultProps));
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_.Badge, _extends({
-    contentLeft: _IconSettings || (_IconSettings = /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconSettings, {
-      color: "inherit",
-      size: "xs"
-    }))
-  }, defaultProps));
-};

package/components/Badge/index.js

@@ -1,12 +1,11 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
 Object.defineProperty(exports, "Badge", {
-  enumerable: true,
-  get: function get() {
-    return _Badge.Badge;
-  }
+    enumerable: true,
+    get: function() {
+        return _Badge.Badge;
+    }
 });
-var _Badge = /*#__PURE__*/require("./Badge");
+var _Badge = require("./Badge");

package/components/Breadcrumbs/Breadcrumbs.config.js

@@ -1,26 +1,116 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": 0.4;\n                ", ": var(--surface-accent);\n            "])), _styledComponents.breadcrumbsTokens.breadcrumbsColor, _styledComponents.breadcrumbsTokens.breadcrumbsColorText, _styledComponents.breadcrumbsTokens.breadcrumbsColorSeparator, _styledComponents.breadcrumbsTokens.breadcrumbsOpacity, _styledComponents.breadcrumbsTokens.breadcrumbsFocusOutlineColor)
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+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-primary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": 0.4;\n                ",
+        ": var(--surface-accent);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.5rem;\n\n                ",
+        ": var(--plasma-typo-body-l-font-family);\n                ",
+        ": var(--plasma-typo-body-l-font-size);\n                ",
+        ": var(--plasma-typo-body-l-font-style);\n                ",
+        ": var(--plasma-typo-body-l-bold-weight);\n                ",
+        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-l-line-height);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.375rem;\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-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    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-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0rem;\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-bold-weight);\n                ",
+        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xs-line-height);\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
     },
-    size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-bold-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), _styledComponents.breadcrumbsTokens.breadcrumbsGap, _styledComponents.breadcrumbsTokens.breadcrumbsFontFamily, _styledComponents.breadcrumbsTokens.breadcrumbsFontSize, _styledComponents.breadcrumbsTokens.breadcrumbsFontStyle, _styledComponents.breadcrumbsTokens.breadcrumbsFontWeight, _styledComponents.breadcrumbsTokens.breadcrumbsLetterSpacing, _styledComponents.breadcrumbsTokens.breadcrumbsLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.375rem;\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-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n            "])), _styledComponents.breadcrumbsTokens.breadcrumbsGap, _styledComponents.breadcrumbsTokens.breadcrumbsFontFamily, _styledComponents.breadcrumbsTokens.breadcrumbsFontSize, _styledComponents.breadcrumbsTokens.breadcrumbsFontStyle, _styledComponents.breadcrumbsTokens.breadcrumbsFontWeight, _styledComponents.breadcrumbsTokens.breadcrumbsLetterSpacing, _styledComponents.breadcrumbsTokens.breadcrumbsLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__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-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _styledComponents.breadcrumbsTokens.breadcrumbsGap, _styledComponents.breadcrumbsTokens.breadcrumbsFontFamily, _styledComponents.breadcrumbsTokens.breadcrumbsFontSize, _styledComponents.breadcrumbsTokens.breadcrumbsFontStyle, _styledComponents.breadcrumbsTokens.breadcrumbsFontWeight, _styledComponents.breadcrumbsTokens.breadcrumbsLetterSpacing, _styledComponents.breadcrumbsTokens.breadcrumbsLineHeight),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0rem;\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-bold-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _styledComponents.breadcrumbsTokens.breadcrumbsGap, _styledComponents.breadcrumbsTokens.breadcrumbsFontFamily, _styledComponents.breadcrumbsTokens.breadcrumbsFontSize, _styledComponents.breadcrumbsTokens.breadcrumbsFontStyle, _styledComponents.breadcrumbsTokens.breadcrumbsFontWeight, _styledComponents.breadcrumbsTokens.breadcrumbsLetterSpacing, _styledComponents.breadcrumbsTokens.breadcrumbsLineHeight)
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.breadcrumbsTokens.breadcrumbsColor, _styledcomponents.breadcrumbsTokens.breadcrumbsColorText, _styledcomponents.breadcrumbsTokens.breadcrumbsColorSeparator, _styledcomponents.breadcrumbsTokens.breadcrumbsOpacity, _styledcomponents.breadcrumbsTokens.breadcrumbsFocusOutlineColor)
+        },
+        size: {
+            l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.breadcrumbsTokens.breadcrumbsGap, _styledcomponents.breadcrumbsTokens.breadcrumbsFontFamily, _styledcomponents.breadcrumbsTokens.breadcrumbsFontSize, _styledcomponents.breadcrumbsTokens.breadcrumbsFontStyle, _styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight, _styledcomponents.breadcrumbsTokens.breadcrumbsLetterSpacing, _styledcomponents.breadcrumbsTokens.breadcrumbsLineHeight),
+            m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.breadcrumbsTokens.breadcrumbsGap, _styledcomponents.breadcrumbsTokens.breadcrumbsFontFamily, _styledcomponents.breadcrumbsTokens.breadcrumbsFontSize, _styledcomponents.breadcrumbsTokens.breadcrumbsFontStyle, _styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight, _styledcomponents.breadcrumbsTokens.breadcrumbsLetterSpacing, _styledcomponents.breadcrumbsTokens.breadcrumbsLineHeight),
+            s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.breadcrumbsTokens.breadcrumbsGap, _styledcomponents.breadcrumbsTokens.breadcrumbsFontFamily, _styledcomponents.breadcrumbsTokens.breadcrumbsFontSize, _styledcomponents.breadcrumbsTokens.breadcrumbsFontStyle, _styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight, _styledcomponents.breadcrumbsTokens.breadcrumbsLetterSpacing, _styledcomponents.breadcrumbsTokens.breadcrumbsLineHeight),
+            xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.breadcrumbsTokens.breadcrumbsGap, _styledcomponents.breadcrumbsTokens.breadcrumbsFontFamily, _styledcomponents.breadcrumbsTokens.breadcrumbsFontSize, _styledcomponents.breadcrumbsTokens.breadcrumbsFontStyle, _styledcomponents.breadcrumbsTokens.breadcrumbsFontWeight, _styledcomponents.breadcrumbsTokens.breadcrumbsLetterSpacing, _styledcomponents.breadcrumbsTokens.breadcrumbsLineHeight)
+        }
     }
-  }
-};
+};