@salutejs/sdds-cs 0.318.1-canary.2030.15819491481.0 → 0.318.1-canary.2030.15843645408.0

package/components/Tokens/NumberTokens/NumberTokens.styles.js

@@ -1,26 +1,73 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.TokensWrapper = exports.TokensTitle = exports.TokensDataWrapper = exports.TokenInfo = exports.TokenDataHeader = exports.TokenData = void 0;
-var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var TokensWrapper = exports.TokensWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "sdds-srvc__sc-1m65jep-0"
-})(["margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;gap:2rem;"]);
-var TokensTitle = exports.TokensTitle = /*#__PURE__*/_styledComponents["default"].h2.withConfig({
-  componentId: "sdds-srvc__sc-1m65jep-1"
-})(["margin:0;font-family:var(--plasma-typo-h2-font-family);font-size:var(--plasma-typo-h2-font-size);font-style:var(--plasma-typo-h2-font-style);font-weight:var(--plasma-typo-h2-font-weight);letter-spacing:var(--plasma-typo-h2-letter-spacing);line-height:var(--plasma-typo-h2-line-height);"]);
-var TokensDataWrapper = exports.TokensDataWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "sdds-srvc__sc-1m65jep-2"
-})(["display:flex;flex-direction:column;gap:1rem;"]);
-var TokenInfo = exports.TokenInfo = /*#__PURE__*/_styledComponents["default"].p.withConfig({
-  componentId: "sdds-srvc__sc-1m65jep-3"
-})(["margin:0;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);cursor:copy;color:var(--text-paragraph);&.value{text-align:end;}&:hover{color:var(--text-paragraph-hover);}&:active{color:var(--text-paragraph-active);}"]);
-var TokenData = exports.TokenData = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "sdds-srvc__sc-1m65jep-4"
-})(["display:grid;grid-template-columns:16.75rem 3.813rem;column-gap:1.5rem;row-gap:0.75rem;"]);
-var TokenDataHeader = exports.TokenDataHeader = /*#__PURE__*/(0, _styledComponents["default"])(TokenData).withConfig({
-  componentId: "sdds-srvc__sc-1m65jep-5"
-})(["", "{color:var(--text-secondary);cursor:default;pointer-events:none;&:hover{color:var(--text-secondary);}&:active{color:var(--text-secondary);}}"], TokenInfo);
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get TokenData () {
+        return TokenData;
+    },
+    get TokenDataHeader () {
+        return TokenDataHeader;
+    },
+    get TokenInfo () {
+        return TokenInfo;
+    },
+    get TokensDataWrapper () {
+        return TokensDataWrapper;
+    },
+    get TokensTitle () {
+        return TokensTitle;
+    },
+    get TokensWrapper () {
+        return TokensWrapper;
+    }
+});
+var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var TokensWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "NumberTokens.styles__TokensWrapper",
+    componentId: "sc-5cff0c2a-0"
+})([
+    "margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;gap:2rem;"
+]);
+var TokensTitle = _styledcomponents.default.h2.withConfig({
+    displayName: "NumberTokens.styles__TokensTitle",
+    componentId: "sc-5cff0c2a-1"
+})([
+    "margin:0;font-family:var(--plasma-typo-h2-font-family);font-size:var(--plasma-typo-h2-font-size);font-style:var(--plasma-typo-h2-font-style);font-weight:var(--plasma-typo-h2-font-weight);letter-spacing:var(--plasma-typo-h2-letter-spacing);line-height:var(--plasma-typo-h2-line-height);"
+]);
+var TokensDataWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "NumberTokens.styles__TokensDataWrapper",
+    componentId: "sc-5cff0c2a-2"
+})([
+    "display:flex;flex-direction:column;gap:1rem;"
+]);
+var TokenInfo = _styledcomponents.default.p.withConfig({
+    displayName: "NumberTokens.styles__TokenInfo",
+    componentId: "sc-5cff0c2a-3"
+})([
+    "margin:0;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);cursor:copy;color:var(--text-paragraph);&.value{text-align:end;}&:hover{color:var(--text-paragraph-hover);}&:active{color:var(--text-paragraph-active);}"
+]);
+var TokenData = _styledcomponents.default.div.withConfig({
+    displayName: "NumberTokens.styles__TokenData",
+    componentId: "sc-5cff0c2a-4"
+})([
+    "display:grid;grid-template-columns:16.75rem 3.813rem;column-gap:1.5rem;row-gap:0.75rem;"
+]);
+var TokenDataHeader = (0, _styledcomponents.default)(TokenData).withConfig({
+    displayName: "NumberTokens.styles__TokenDataHeader",
+    componentId: "sc-5cff0c2a-5"
+})([
+    "",
+    "{color:var(--text-secondary);cursor:default;pointer-events:none;&:hover{color:var(--text-secondary);}&:active{color:var(--text-secondary);}}"
+], TokenInfo);

package/components/Tokens/Typography/Typography.styles.js

@@ -1,80 +1,208 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.TypographyTokensWrapper = exports.TokenText = exports.TokenShortName = exports.TokenPropsWrapper = exports.TokenProps = exports.TokenPropValue = exports.TokenPropName = exports.TokenInfoWrapper = exports.TokenInfo = exports.StyledSegmentItem = exports.StyledAccordionItem = exports.FontWeightSwitcher = exports.FontPropsSwitcher = exports.FontFamily = exports.BreakpointSwitcher = exports.AccordionTypographyTitle = exports.AccordionInfo = void 0;
-var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
-var _plasmaNewHope = /*#__PURE__*/require("@salutejs/plasma-new-hope");
-var _Accordion = /*#__PURE__*/require("../../Accordion");
-var _Segment = /*#__PURE__*/require("../../Segment/Segment");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var TypographyTokensWrapper = exports.TypographyTokensWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "sdds-srvc__sc-1ytnfi7-0"
-})(["width:100%;margin:1.5rem auto auto 2.5rem;"]);
-var FontPropsSwitcher = exports.FontPropsSwitcher = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "sdds-srvc__sc-1ytnfi7-1"
-})(["margin:-0.5rem 0 2.5rem;display:flex;justify-content:center;width:100%;position:relative;box-sizing:border-box;"]);
-var FontWeightSwitcher = exports.FontWeightSwitcher = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "sdds-srvc__sc-1ytnfi7-2"
-})(["position:absolute;top:0;left:0;"]);
-var BreakpointSwitcher = exports.BreakpointSwitcher = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "sdds-srvc__sc-1ytnfi7-3"
-})(["width:fit-content;position:relative;&:before{content:'\u042D\u043A\u0440\u0430\u043D';position:absolute;top:50%;transform:translate(-100%,-50%);left:-0.75rem;color:var(--text-tertiary);", ";}"], _plasmaNewHope.bodyXS);
-var StyledSegmentItem = exports.StyledSegmentItem = /*#__PURE__*/(0, _styledComponents["default"])(_Segment.SegmentItem).withConfig({
-  componentId: "sdds-srvc__sc-1ytnfi7-4"
-})(["", ":1.75rem;", ":0.375rem 0.5rem;"], _plasmaNewHope.segmentTokens.itemHeight, _plasmaNewHope.segmentTokens.itemPilledPadding);
-var AccordionTypographyTitle = exports.AccordionTypographyTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "sdds-srvc__sc-1ytnfi7-5"
-})(["color:var(--text-secondary);", ";"], _plasmaNewHope.bodyM);
-var FontFamily = exports.FontFamily = /*#__PURE__*/_styledComponents["default"].span.withConfig({
-  componentId: "sdds-srvc__sc-1ytnfi7-6"
-})(["color:var(--text-tertiary);"]);
-var AccordionInfo = exports.AccordionInfo = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "sdds-srvc__sc-1ytnfi7-7"
-})(["display:grid;grid-template-columns:16.75rem 35.75rem;grid-column-gap:1.5rem;max-width:55.5rem;"]);
-var StyledAccordionItem = exports.StyledAccordionItem = /*#__PURE__*/(0, _styledComponents["default"])(_Accordion.AccordionItem).withConfig({
-  componentId: "sdds-srvc__sc-1ytnfi7-8"
-})(["--plasma-accordion-item-padding:0;--plasma-accordion-item-padding-vertical:0;border-bottom:unset;.accordion-item-body{margin-bottom:2rem;padding-top:0.125rem;transition:margin-bottom 0.2s,padding-top 0.2s;}[aria-expanded]{margin-bottom:1rem;}[aria-expanded='false']{margin-bottom:1.125rem;", "{opacity:0;}}[aria-expanded='false'] + div > .accordion-item-body{margin:0;padding:0;}"], AccordionInfo);
-var TokenInfoWrapper = exports.TokenInfoWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "sdds-srvc__sc-1ytnfi7-9"
-})(["display:flex;flex-direction:column;gap:2rem;"]);
-var TokenShortName = exports.TokenShortName = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "sdds-srvc__sc-1ytnfi7-10"
-})(["cursor:copy;color:var(--text-paragraph);", ";&:hover{color:var(--text-paragraph-hover);}&:active{color:var(--text-paragraph-active);}"], _plasmaNewHope.bodyM);
-var TokenInfo = exports.TokenInfo = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "sdds-srvc__sc-1ytnfi7-11"
-})(["display:flex;flex-direction:column;gap:1rem;"]);
-var TokenText = exports.TokenText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "sdds-srvc__sc-1ytnfi7-12"
-})(["color:var(--text-primary);font-size:", ";font-weight:", ";line-height:", ";letter-spacing:", ";font-style:", ";white-space:", ";"], function (_ref) {
-  var fontSize = _ref.fontSize;
-  return fontSize;
-}, function (_ref2) {
-  var fontWeight = _ref2.fontWeight;
-  return fontWeight;
-}, function (_ref3) {
-  var lineHeight = _ref3.lineHeight;
-  return lineHeight;
-}, function (_ref4) {
-  var letterSpacing = _ref4.letterSpacing;
-  return letterSpacing;
-}, function (_ref5) {
-  var fontStyle = _ref5.fontStyle;
-  return fontStyle;
-}, function (_ref6) {
-  var isDisplay = _ref6.isDisplay;
-  return isDisplay ? 'nowrap' : 'normal';
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get AccordionInfo () {
+        return AccordionInfo;
+    },
+    get AccordionTypographyTitle () {
+        return AccordionTypographyTitle;
+    },
+    get BreakpointSwitcher () {
+        return BreakpointSwitcher;
+    },
+    get FontFamily () {
+        return FontFamily;
+    },
+    get FontPropsSwitcher () {
+        return FontPropsSwitcher;
+    },
+    get FontWeightSwitcher () {
+        return FontWeightSwitcher;
+    },
+    get StyledAccordionItem () {
+        return StyledAccordionItem;
+    },
+    get StyledSegmentItem () {
+        return StyledSegmentItem;
+    },
+    get TokenInfo () {
+        return TokenInfo;
+    },
+    get TokenInfoWrapper () {
+        return TokenInfoWrapper;
+    },
+    get TokenPropName () {
+        return TokenPropName;
+    },
+    get TokenPropValue () {
+        return TokenPropValue;
+    },
+    get TokenProps () {
+        return TokenProps;
+    },
+    get TokenPropsWrapper () {
+        return TokenPropsWrapper;
+    },
+    get TokenShortName () {
+        return TokenShortName;
+    },
+    get TokenText () {
+        return TokenText;
+    },
+    get TypographyTokensWrapper () {
+        return TypographyTokensWrapper;
+    }
 });
-var TokenPropValue = exports.TokenPropValue = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "sdds-srvc__sc-1ytnfi7-13"
-})(["color:var(--text-paragraph);"]);
-var TokenPropName = exports.TokenPropName = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "sdds-srvc__sc-1ytnfi7-14"
-})(["color:var(--text-tertiary);"]);
-var TokenPropsWrapper = exports.TokenPropsWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "sdds-srvc__sc-1ytnfi7-15"
-})(["cursor:copy;width:fit-content;display:flex;flex-direction:column;gap:0.5rem;", ";&:hover{", "{color:var(--text-paragraph-hover);}}&:active{", "{color:var(--text-paragraph-active);}", "{color:var(--text-tertiary-active);}}"], _plasmaNewHope.bodyXS, TokenPropValue, TokenPropValue, TokenPropName);
-var TokenProps = exports.TokenProps = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "sdds-srvc__sc-1ytnfi7-16"
-})(["display:flex;gap:1rem;"]);
+var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+var _plasmanewhope = require("@salutejs/plasma-new-hope");
+var _Accordion = require("../../Accordion");
+var _Segment = require("../../Segment/Segment");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var TypographyTokensWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Typography.styles__TypographyTokensWrapper",
+    componentId: "sc-93225963-0"
+})([
+    "width:100%;margin:1.5rem auto auto 2.5rem;"
+]);
+var FontPropsSwitcher = _styledcomponents.default.div.withConfig({
+    displayName: "Typography.styles__FontPropsSwitcher",
+    componentId: "sc-93225963-1"
+})([
+    "margin:-0.5rem 0 2.5rem;display:flex;justify-content:center;width:100%;position:relative;box-sizing:border-box;"
+]);
+var FontWeightSwitcher = _styledcomponents.default.div.withConfig({
+    displayName: "Typography.styles__FontWeightSwitcher",
+    componentId: "sc-93225963-2"
+})([
+    "position:absolute;top:0;left:0;"
+]);
+var BreakpointSwitcher = _styledcomponents.default.div.withConfig({
+    displayName: "Typography.styles__BreakpointSwitcher",
+    componentId: "sc-93225963-3"
+})([
+    "width:fit-content;position:relative;&:before{content:'Экран';position:absolute;top:50%;transform:translate(-100%,-50%);left:-0.75rem;color:var(--text-tertiary);",
+    ";}"
+], _plasmanewhope.bodyXS);
+var StyledSegmentItem = (0, _styledcomponents.default)(_Segment.SegmentItem).withConfig({
+    displayName: "Typography.styles__StyledSegmentItem",
+    componentId: "sc-93225963-4"
+})([
+    "",
+    ":1.75rem;",
+    ":0.375rem 0.5rem;"
+], _plasmanewhope.segmentTokens.itemHeight, _plasmanewhope.segmentTokens.itemPilledPadding);
+var AccordionTypographyTitle = _styledcomponents.default.div.withConfig({
+    displayName: "Typography.styles__AccordionTypographyTitle",
+    componentId: "sc-93225963-5"
+})([
+    "color:var(--text-secondary);",
+    ";"
+], _plasmanewhope.bodyM);
+var FontFamily = _styledcomponents.default.span.withConfig({
+    displayName: "Typography.styles__FontFamily",
+    componentId: "sc-93225963-6"
+})([
+    "color:var(--text-tertiary);"
+]);
+var AccordionInfo = _styledcomponents.default.div.withConfig({
+    displayName: "Typography.styles__AccordionInfo",
+    componentId: "sc-93225963-7"
+})([
+    "display:grid;grid-template-columns:16.75rem 35.75rem;grid-column-gap:1.5rem;max-width:55.5rem;"
+]);
+var StyledAccordionItem = (0, _styledcomponents.default)(_Accordion.AccordionItem).withConfig({
+    displayName: "Typography.styles__StyledAccordionItem",
+    componentId: "sc-93225963-8"
+})([
+    "--plasma-accordion-item-padding:0;--plasma-accordion-item-padding-vertical:0;border-bottom:unset;.accordion-item-body{margin-bottom:2rem;padding-top:0.125rem;transition:margin-bottom 0.2s,padding-top 0.2s;}[aria-expanded]{margin-bottom:1rem;}[aria-expanded='false']{margin-bottom:1.125rem;",
+    "{opacity:0;}}[aria-expanded='false'] + div > .accordion-item-body{margin:0;padding:0;}"
+], AccordionInfo);
+var TokenInfoWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Typography.styles__TokenInfoWrapper",
+    componentId: "sc-93225963-9"
+})([
+    "display:flex;flex-direction:column;gap:2rem;"
+]);
+var TokenShortName = _styledcomponents.default.div.withConfig({
+    displayName: "Typography.styles__TokenShortName",
+    componentId: "sc-93225963-10"
+})([
+    "cursor:copy;color:var(--text-paragraph);",
+    ";&:hover{color:var(--text-paragraph-hover);}&:active{color:var(--text-paragraph-active);}"
+], _plasmanewhope.bodyM);
+var TokenInfo = _styledcomponents.default.div.withConfig({
+    displayName: "Typography.styles__TokenInfo",
+    componentId: "sc-93225963-11"
+})([
+    "display:flex;flex-direction:column;gap:1rem;"
+]);
+var TokenText = _styledcomponents.default.div.withConfig({
+    displayName: "Typography.styles__TokenText",
+    componentId: "sc-93225963-12"
+})([
+    "color:var(--text-primary);font-size:",
+    ";font-weight:",
+    ";line-height:",
+    ";letter-spacing:",
+    ";font-style:",
+    ";white-space:",
+    ";"
+], function(param) {
+    var fontSize = param.fontSize;
+    return fontSize;
+}, function(param) {
+    var fontWeight = param.fontWeight;
+    return fontWeight;
+}, function(param) {
+    var lineHeight = param.lineHeight;
+    return lineHeight;
+}, function(param) {
+    var letterSpacing = param.letterSpacing;
+    return letterSpacing;
+}, function(param) {
+    var fontStyle = param.fontStyle;
+    return fontStyle;
+}, function(param) {
+    var isDisplay = param.isDisplay;
+    return isDisplay ? 'nowrap' : 'normal';
+});
+var TokenPropValue = _styledcomponents.default.div.withConfig({
+    displayName: "Typography.styles__TokenPropValue",
+    componentId: "sc-93225963-13"
+})([
+    "color:var(--text-paragraph);"
+]);
+var TokenPropName = _styledcomponents.default.div.withConfig({
+    displayName: "Typography.styles__TokenPropName",
+    componentId: "sc-93225963-14"
+})([
+    "color:var(--text-tertiary);"
+]);
+var TokenPropsWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "Typography.styles__TokenPropsWrapper",
+    componentId: "sc-93225963-15"
+})([
+    "cursor:copy;width:fit-content;display:flex;flex-direction:column;gap:0.5rem;",
+    ";&:hover{",
+    "{color:var(--text-paragraph-hover);}}&:active{",
+    "{color:var(--text-paragraph-active);}",
+    "{color:var(--text-tertiary-active);}}"
+], _plasmanewhope.bodyXS, TokenPropValue, TokenPropValue, TokenPropName);
+var TokenProps = _styledcomponents.default.div.withConfig({
+    displayName: "Typography.styles__TokenProps",
+    componentId: "sc-93225963-16"
+})([
+    "display:flex;gap:1rem;"
+]);

package/components/Toolbar/Toolbar.config.js

@@ -1,23 +1,62 @@
 "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;
-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: 's'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                /* TODO: \u0437\u0430\u043C\u0435\u043D\u0438\u0442\u044C \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 box-shadow \u043D\u0430 var(--shadow-down-soft-s). https://github.com/salute-developers/plasma/issues/1131 */\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--surface-solid-card-brightness);\n\n                ", ": var(--surface-transparent-tertiary);\n            "])), _styledComponents.toolbarTokens.boxShadow, _styledComponents.toolbarTokens.background, _styledComponents.toolbarTokens.dividerColor)
+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                /* TODO: заменить значение box-shadow на var(--shadow-down-soft-s). https://github.com/salute-developers/plasma/issues/1131 */\n                ",
+        ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ",
+        ": var(--surface-solid-card-brightness);\n\n                ",
+        ": var(--surface-transparent-tertiary);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 2.5rem;\n                ",
+        ": 0 0.25rem;\n                ",
+        ": 0.875rem;\n\n                ",
+        ": 1.5rem;\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.0625rem;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 's'
     },
-    size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0 0.25rem;\n                ", ": 0.875rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem;\n                ", ": 0.0625rem;\n            "])), _styledComponents.toolbarTokens.size, _styledComponents.toolbarTokens.padding, _styledComponents.toolbarTokens.borderRadius, _styledComponents.toolbarTokens.dividerSize, _styledComponents.toolbarTokens.dividerOffset, _styledComponents.toolbarTokens.dividerBorderRadius)
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.toolbarTokens.boxShadow, _styledcomponents.toolbarTokens.background, _styledcomponents.toolbarTokens.dividerColor)
+        },
+        size: {
+            s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.toolbarTokens.size, _styledcomponents.toolbarTokens.padding, _styledcomponents.toolbarTokens.borderRadius, _styledcomponents.toolbarTokens.dividerSize, _styledcomponents.toolbarTokens.dividerOffset, _styledcomponents.toolbarTokens.dividerBorderRadius)
+        }
     }
-  }
-};
+};

package/components/Toolbar/Toolbar.js

@@ -1,16 +1,24 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.ToolbarDivider = exports.Toolbar = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _Toolbar = /*#__PURE__*/require("./Toolbar.config");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.toolbarConfig, _Toolbar.config);
-
-/**
- * Компонент Toolbar.
- */
-var Toolbar = exports.Toolbar = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
-var mergedDividerConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.toolbarDividerConfig);
-var ToolbarDivider = exports.ToolbarDivider = /*#__PURE__*/(0, _styledComponents.component)(mergedDividerConfig);
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Toolbar () {
+        return Toolbar;
+    },
+    get ToolbarDivider () {
+        return ToolbarDivider;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Toolbarconfig = require("./Toolbar.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.toolbarConfig, _Toolbarconfig.config);
+var Toolbar = (0, _styledcomponents.component)(mergedConfig);
+var mergedDividerConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.toolbarDividerConfig);
+var ToolbarDivider = (0, _styledcomponents.component)(mergedDividerConfig);

package/components/Toolbar/index.js

@@ -1,25 +1,23 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-Object.defineProperty(exports, "Toolbar", {
-  enumerable: true,
-  get: function get() {
-    return _Toolbar.Toolbar;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Toolbar () {
+        return _Toolbar.Toolbar;
+    },
+    get ToolbarDivider () {
+        return _Toolbar.ToolbarDivider;
+    },
+    get toolbarTokens () {
+        return _styledcomponents.toolbarTokens;
+    }
 });
-Object.defineProperty(exports, "ToolbarDivider", {
-  enumerable: true,
-  get: function get() {
-    return _Toolbar.ToolbarDivider;
-  }
-});
-Object.defineProperty(exports, "toolbarTokens", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.toolbarTokens;
-  }
-});
-var _Toolbar = /*#__PURE__*/require("./Toolbar");
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Toolbar = require("./Toolbar");
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");