@salutejs/plasma-new-hope 0.67.0-canary.1148.8449780048.0 → 0.67.0-dev.0

package/es/index.css

@@ -46,10 +46,6 @@
 .Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
 .Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
 
-.base_c5qh0x_b1sr9i7l__f964d8e5{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);}
-
-.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFixed__56529027{width:var(--plasma-cell-width);}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingFilled__56529027{width:100%;}.base_1ryz4br_b1ppwsal__56529027.base_1ryz4br_cellStretchingAuto__56529027{width:auto;}
-
 .base_1vy4dme_bcchm3r__d3e4eaba{font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);}.base_1vy4dme_bcchm3r__d3e4eaba::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_1vy4dme_bcchm3r__d3e4eaba:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:active::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active::before{opacity:1;}
 
 .base_1w750p8_b1j3f4f__d44baab5[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;}.base_1w750p8_b1j3f4f__d44baab5[disabled]:hover,.base_1w750p8_b1j3f4f__d44baab5[disabled]:active{color:var(--plasma-link-color);}.base_1w750p8_b1j3f4f__d44baab5[disabled]::before{opacity:1;}
@@ -504,3 +500,7 @@
 .base_zgkavi_b1a2rquh__e8c83449{border-radius:var(--plasma-divider-border-radius);}
 
 .base_1l6mh9s_b1ghertr__125c85bf.base_1l6mh9s_plasmaDividerHorizontal__125c85bf{width:var(--plasma_private-divider-scale);height:var(--plasma-divider-base-side-size);}.base_1l6mh9s_b1ghertr__125c85bf.base_1l6mh9s_plasmaDividerVertical__125c85bf{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;position:relative;background:unset;}.base_1l6mh9s_b1ghertr__125c85bf.base_1l6mh9s_plasmaDividerVertical__125c85bf:before{content:'';background:var(--plasma-divider-background);position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:var(--plasma-divider-base-side-size);min-height:var(--plasma_private-divider-scale);}
+
+.Toolbar_styles_iomsh3_bd5aerk__291bdbec{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;border-radius:var(--plasma-toolbar-border-radius);background:var(--plasma-toolbar-background);padding:var(--plasma-toolbar-padding);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarShadow__291bdbec{box-shadow:var(--plasma-toolbar-box-shadow);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarVertical__291bdbec{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--plasma-toolbar-size);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarHorizontal__291bdbec{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:var(--plasma-toolbar-size);}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarVertical__291bdbec .Toolbar_styles_iomsh3_plasmaDivider__291bdbec{width:var(--plasma-toolbar-divider-size);height:0.063rem;margin:var(--plasma-toolbar-divider-offset) 0;}.Toolbar_styles_iomsh3_bd5aerk__291bdbec.Toolbar_styles_iomsh3_toolbarHorizontal__291bdbec .Toolbar_styles_iomsh3_plasmaDivider__291bdbec{width:0.063rem;height:var(--plasma-toolbar-divider-size);margin:0 var(--plasma-toolbar-divider-offset);}
+
+.ToolbarDivider_styles_1ypqhb1_mcdkovg__81732880{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;--plasma-divider-background:var(--plasma-toolbar-divider-color);--plasma-divider-border-radius:var(--plasma-toolbar-divider-border-radius);}

package/es/index.js

@@ -19,12 +19,6 @@ export { buttonGroupConfig, buttonGroupRoot } from './components/ButtonGroup/But
 export { classes as buttonGroupClasses, tokens as buttonGroupTokens } from './components/ButtonGroup/ButtonGroup.tokens.js';
 export { chipConfig, chipRoot } from './components/Chip/Chip.js';
 export { tokens as chipTokens } from './components/Chip/Chip.tokens.js';
-export { TextLabel } from './components/Cell/Textbox/ui/TextLabel.js';
-export { TextTitle } from './components/Cell/Textbox/ui/TextTitle.js';
-export { TextSubtitle } from './components/Cell/Textbox/ui/TextSubtitle.js';
-export { cellConfig, cellRoot } from './components/Cell/Cell.js';
-export { classes as cellClasses, tokens as cellTokens } from './components/Cell/Cell.tokens.js';
-export { Textbox } from './components/Cell/Textbox/Textbox.js';
 export { linkConfig, linkRoot } from './components/Link/Link.js';
 export { spinnerConfig, spinnerRoot } from './components/Spinner/Spinner.js';
 export { tokens as spinnerTokens } from './components/Spinner/Spinner.tokens.js';
@@ -144,5 +138,8 @@ export { progressConfig, progressRoot } from './components/Progress/Progress.js'
 export { tokens as progressTokens } from './components/Progress/Progress.tokens.js';
 export { dividerConfig, dividerRoot } from './components/Divider/Divider.js';
 export { classes as dividerClasses, tokens as dividerTokens } from './components/Divider/Divider.tokens.js';
+export { toolbarConfig, toolbarRoot } from './components/Toolbar/Toolbar.js';
+export { tokens as toolbarTokens } from './components/Toolbar/Toolbar.tokens.js';
+export { toolbarDividerConfig, toolbarDividerRoot } from './components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js';
 export { component, mergeConfig } from './engines/common.js';
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.67.0-canary.1148.8449780048.0",
+  "version": "0.67.0-dev.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -102,5 +102,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "ed35aee23fd1ae8ea726b313ed4acb9b5aebc594"
+  "gitHead": "94c4a7b762bf90d57a87e11b91630ac730ce2d65"
 }

package/styled-components/cjs/components/Divider/Divider.js

@@ -38,7 +38,7 @@ var dividerRoot = exports.dividerRoot = function dividerRoot(Root) {
     };
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: ref,
-      className: (0, _utils.cx)(orientationClass, className),
+      className: (0, _utils.cx)(orientationClass, _Divider.classes.divider, className),
       orientation: orientation,
       view: view,
       style: _objectSpread(_objectSpread({}, style), scaleToken)

package/styled-components/cjs/components/Divider/Divider.tokens.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.tokens = exports.classes = void 0;
 var classes = exports.classes = {
+  divider: 'plasma-divider',
   horizontal: 'plasma-divider-horizontal',
   vertical: 'plasma-divider-vertical'
 };

package/styled-components/cjs/components/Toolbar/Toolbar.js

@@ -0,0 +1,55 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toolbarRoot = exports.toolbarConfig = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../utils");
+var _base = /*#__PURE__*/require("./variations/_view/base");
+var _base2 = /*#__PURE__*/require("./variations/_size/base");
+var _Toolbar = /*#__PURE__*/require("./Toolbar.tokens");
+var _Toolbar2 = /*#__PURE__*/require("./Toolbar.styles");
+var _excluded = ["children", "orientation", "hasShadow", "className"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var toolbarRoot = exports.toolbarRoot = function toolbarRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+    var children = props.children,
+      _props$orientation = props.orientation,
+      orientation = _props$orientation === void 0 ? 'vertical' : _props$orientation,
+      _props$hasShadow = props.hasShadow,
+      hasShadow = _props$hasShadow === void 0 ? true : _props$hasShadow,
+      className = props.className,
+      rest = _objectWithoutProperties(props, _excluded);
+    var orientationClassName = orientation === 'horizontal' ? _Toolbar.classes.horizontal : _Toolbar.classes.vertical;
+    var shadowClassName = hasShadow ? _Toolbar.classes.shadow : undefined;
+    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
+      ref: ref,
+      orientation: orientation,
+      hasShadow: hasShadow,
+      className: (0, _utils.cx)(className, orientationClassName, shadowClassName)
+    }, rest), children);
+  });
+};
+var toolbarConfig = exports.toolbarConfig = {
+  name: 'Toolbar',
+  tag: 'div',
+  layout: toolbarRoot,
+  base: _Toolbar2.base,
+  variations: {
+    size: {
+      css: _base2.base
+    },
+    view: {
+      css: _base.base
+    }
+  },
+  defaults: {
+    view: 'default'
+  }
+};

package/styled-components/cjs/components/Toolbar/Toolbar.styles.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Divider = /*#__PURE__*/require("../Divider");
+var _Toolbar = /*#__PURE__*/require("./Toolbar.tokens");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-flex;box-sizing:border-box;border-radius:var(", ");background:var(", ");padding:var(", ");&.", "{box-shadow:var(", ");}&.", "{flex-direction:column;width:var(", ");}&.", "{flex-direction:row;height:var(", ");}&.", " .", "{width:var(", ");height:0.063rem;margin:var(", ") 0;}&.", " .", "{width:0.063rem;height:var(", ");margin:0 var(", ");}"], _Toolbar.tokens.borderRadius, _Toolbar.tokens.background, _Toolbar.tokens.padding, _Toolbar.classes.shadow, _Toolbar.tokens.boxShadow, _Toolbar.classes.vertical, _Toolbar.tokens.size, _Toolbar.classes.horizontal, _Toolbar.tokens.size, _Toolbar.classes.vertical, _Divider.dividerClasses.divider, _Toolbar.tokens.dividerSize, _Toolbar.tokens.dividerOffset, _Toolbar.classes.horizontal, _Divider.dividerClasses.divider, _Toolbar.tokens.dividerSize, _Toolbar.tokens.dividerOffset);

package/styled-components/cjs/components/Toolbar/Toolbar.tokens.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokens = exports.classes = void 0;
+var classes = exports.classes = {
+  vertical: 'toolbar-vertical',
+  horizontal: 'toolbar-horizontal',
+  shadow: 'toolbar-shadow',
+  divider: 'toolbar-divider'
+};
+var tokens = exports.tokens = {
+  // Toolbar
+  size: '--plasma-toolbar-size',
+  padding: '--plasma-toolbar-padding',
+  background: '--plasma-toolbar-background',
+  boxShadow: '--plasma-toolbar-box-shadow',
+  borderRadius: '--plasma-toolbar-border-radius',
+  // ToolbarDivider
+  dividerColor: '--plasma-toolbar-divider-color',
+  dividerOffset: '--plasma-toolbar-divider-offset',
+  dividerSize: '--plasma-toolbar-divider-size',
+  dividerBorderRadius: '--plasma-toolbar-divider-border-radius'
+};

package/styled-components/cjs/components/Toolbar/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  toolbarRoot: true,
+  toolbarConfig: true,
+  toolbarTokens: true
+};
+Object.defineProperty(exports, "toolbarConfig", {
+  enumerable: true,
+  get: function get() {
+    return _Toolbar.toolbarConfig;
+  }
+});
+Object.defineProperty(exports, "toolbarRoot", {
+  enumerable: true,
+  get: function get() {
+    return _Toolbar.toolbarRoot;
+  }
+});
+Object.defineProperty(exports, "toolbarTokens", {
+  enumerable: true,
+  get: function get() {
+    return _Toolbar2.tokens;
+  }
+});
+var _Toolbar = /*#__PURE__*/require("./Toolbar");
+var _Toolbar2 = /*#__PURE__*/require("./Toolbar.tokens");
+var _ui = /*#__PURE__*/require("./ui");
+Object.keys(_ui).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ui[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ui[key];
+    }
+  });
+});

package/styled-components/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toolbarDividerRoot = exports.toolbarDividerConfig = void 0;
+var _Divider = /*#__PURE__*/require("../../../Divider");
+var _ToolbarDivider = /*#__PURE__*/require("./ToolbarDivider.styles");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Разделитель тулбара
+ */
+var toolbarDividerRoot = exports.toolbarDividerRoot = _Divider.dividerRoot;
+var toolbarDividerConfig = exports.toolbarDividerConfig = /*#__PURE__*/_objectSpread( /*#__PURE__*/_objectSpread({}, _Divider.dividerConfig), {}, {
+  name: 'ToolbarDivider',
+  layout: toolbarDividerRoot,
+  base: _ToolbarDivider.base
+});

package/styled-components/cjs/components/Toolbar/ui/ToolbarDivider/ToolbarDivider.styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mappingOverride = exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Toolbar = /*#__PURE__*/require("../../Toolbar.tokens");
+var _Divider = /*#__PURE__*/require("../../../Divider");
+// NOTE: Необходимое переопределение токенов из компонента Divider
+var mappingOverride = exports.mappingOverride = /*#__PURE__*/(0, _styledComponents.css)(["align-self:center;", ":var(", ");", ":var(", ");"], _Divider.dividerTokens.background, _Toolbar.tokens.dividerColor, _Divider.dividerTokens.borderRadius, _Toolbar.tokens.dividerBorderRadius);
+var base = exports.base = mappingOverride;

package/styled-components/cjs/components/Toolbar/ui/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "toolbarDividerConfig", {
+  enumerable: true,
+  get: function get() {
+    return _ToolbarDivider.toolbarDividerConfig;
+  }
+});
+Object.defineProperty(exports, "toolbarDividerRoot", {
+  enumerable: true,
+  get: function get() {
+    return _ToolbarDivider.toolbarDividerRoot;
+  }
+});
+var _ToolbarDivider = /*#__PURE__*/require("./ToolbarDivider/ToolbarDivider");

package/styled-components/cjs/components/Toolbar/variations/_size/tokens.json

@@ -0,0 +1 @@
+[]

package/styled-components/cjs/components/{Cell → Toolbar}/variations/_view/base.js

@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
-var _Cell = /*#__PURE__*/require("../../Cell.tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ");"], _Cell.tokens.cellColor, _Cell.tokens.cellBackgroundColor);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Toolbar/variations/_view/tokens.json

@@ -0,0 +1 @@
+[]

package/styled-components/cjs/examples/plasma_b2c/components/Toolbar/Toolbar.config.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Toolbar = /*#__PURE__*/require("../../../../components/Toolbar");
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--shadow-down-soft-s);", ":var(--surface-solid-card);", ":var(--surface-transparent-tertiary);"], _Toolbar.toolbarTokens.boxShadow, _Toolbar.toolbarTokens.background, _Toolbar.toolbarTokens.dividerColor)
+    },
+    size: {
+      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.25rem;", ":0.75rem;", ":1.25rem;", ":0.5rem;", ":0.0625rem;"], _Toolbar.toolbarTokens.size, _Toolbar.toolbarTokens.padding, _Toolbar.toolbarTokens.borderRadius, _Toolbar.toolbarTokens.dividerSize, _Toolbar.toolbarTokens.dividerOffset, _Toolbar.toolbarTokens.dividerBorderRadius),
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":0.25rem;", ":0.875rem;", ":1.5rem;", ":0.5rem;", ":0.0625rem;"], _Toolbar.toolbarTokens.size, _Toolbar.toolbarTokens.padding, _Toolbar.toolbarTokens.borderRadius, _Toolbar.toolbarTokens.dividerSize, _Toolbar.toolbarTokens.dividerOffset, _Toolbar.toolbarTokens.dividerBorderRadius),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.75rem;", ":0.375rem;", ":1rem;", ":1.75rem;", ":0.625rem;", ":0.0625rem;"], _Toolbar.toolbarTokens.size, _Toolbar.toolbarTokens.padding, _Toolbar.toolbarTokens.borderRadius, _Toolbar.toolbarTokens.dividerSize, _Toolbar.toolbarTokens.dividerOffset, _Toolbar.toolbarTokens.dividerBorderRadius),
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":4.5rem;", ":0.5rem;", ":1.25rem;", ":2rem;", ":0.75rem;", ":0.0625rem;"], _Toolbar.toolbarTokens.size, _Toolbar.toolbarTokens.padding, _Toolbar.toolbarTokens.borderRadius, _Toolbar.toolbarTokens.dividerSize, _Toolbar.toolbarTokens.dividerOffset, _Toolbar.toolbarTokens.dividerBorderRadius)
+    }
+  }
+};

package/styled-components/cjs/examples/plasma_b2c/components/Toolbar/Toolbar.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarDivider = exports.Toolbar = void 0;
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Toolbar = /*#__PURE__*/require("../../../../components/Toolbar");
+var _Toolbar2 = /*#__PURE__*/require("./Toolbar.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Toolbar.toolbarConfig, _Toolbar2.config);
+
+/**
+ * Компонент Toolbar.
+ */
+var Toolbar = exports.Toolbar = /*#__PURE__*/(0, _engines.component)(mergedConfig);
+var mergedDividerConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Toolbar.toolbarDividerConfig);
+var ToolbarDivider = exports.ToolbarDivider = /*#__PURE__*/(0, _engines.component)(mergedDividerConfig);

package/styled-components/cjs/examples/plasma_b2c/components/Toolbar/Toolbar.stories.tsx

@@ -0,0 +1,63 @@
+import React from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { IconDone } from '../../../../components/_Icon';
+import { Button } from '../Button/Button';
+import { WithTheme } from '../../../_helpers';
+
+import { Toolbar, ToolbarDivider } from './Toolbar';
+
+const orientations: Array<string> = ['vertical', 'horizontal'];
+const size: Array<string> = ['xs', 's', 'm', 'l'];
+
+const ToolbarWrapper = (props: ComponentProps<typeof Toolbar>) => {
+    return (
+        <Toolbar {...props}>
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+            <ToolbarDivider />
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+        </Toolbar>
+    );
+};
+
+const meta: Meta<typeof Toolbar> = {
+    title: 'plasma_b2c/Toolbar',
+    component: ToolbarWrapper,
+    decorators: [WithTheme],
+    argTypes: {
+        orientation: {
+            options: orientations,
+            control: {
+                type: 'select',
+            },
+        },
+        hasShadow: {
+            control: {
+                type: 'boolean',
+            },
+        },
+        size: {
+            options: size,
+            control: {
+                type: 'select',
+            },
+        },
+    },
+    args: {
+        orientation: 'vertical',
+        hasShadow: true,
+        size: 'm',
+    },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Toolbar>;
+
+export const Default: Story = {
+    args: {},
+};

package/styled-components/cjs/examples/plasma_web/components/Toolbar/Toolbar.config.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Toolbar = /*#__PURE__*/require("../../../../components/Toolbar");
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--shadow-down-soft-s);", ":var(--surface-solid-card);", ":var(--surface-transparent-tertiary);"], _Toolbar.toolbarTokens.boxShadow, _Toolbar.toolbarTokens.background, _Toolbar.toolbarTokens.dividerColor)
+    },
+    size: {
+      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.25rem;", ":0.75rem;", ":1.25rem;", ":0.5rem;", ":0.0625rem;"], _Toolbar.toolbarTokens.size, _Toolbar.toolbarTokens.padding, _Toolbar.toolbarTokens.borderRadius, _Toolbar.toolbarTokens.dividerSize, _Toolbar.toolbarTokens.dividerOffset, _Toolbar.toolbarTokens.dividerBorderRadius),
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":0.25rem;", ":0.875rem;", ":1.5rem;", ":0.5rem;", ":0.0625rem;"], _Toolbar.toolbarTokens.size, _Toolbar.toolbarTokens.padding, _Toolbar.toolbarTokens.borderRadius, _Toolbar.toolbarTokens.dividerSize, _Toolbar.toolbarTokens.dividerOffset, _Toolbar.toolbarTokens.dividerBorderRadius),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.75rem;", ":0.375rem;", ":1rem;", ":1.75rem;", ":0.625rem;", ":0.0625rem;"], _Toolbar.toolbarTokens.size, _Toolbar.toolbarTokens.padding, _Toolbar.toolbarTokens.borderRadius, _Toolbar.toolbarTokens.dividerSize, _Toolbar.toolbarTokens.dividerOffset, _Toolbar.toolbarTokens.dividerBorderRadius),
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":4.5rem;", ":0.5rem;", ":1.25rem;", ":2rem;", ":0.75rem;", ":0.0625rem;"], _Toolbar.toolbarTokens.size, _Toolbar.toolbarTokens.padding, _Toolbar.toolbarTokens.borderRadius, _Toolbar.toolbarTokens.dividerSize, _Toolbar.toolbarTokens.dividerOffset, _Toolbar.toolbarTokens.dividerBorderRadius)
+    }
+  }
+};

package/styled-components/cjs/examples/plasma_web/components/Toolbar/Toolbar.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarDivider = exports.Toolbar = void 0;
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Toolbar = /*#__PURE__*/require("../../../../components/Toolbar");
+var _Toolbar2 = /*#__PURE__*/require("./Toolbar.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Toolbar.toolbarConfig, _Toolbar2.config);
+
+/**
+ * Компонент Toolbar.
+ */
+var Toolbar = exports.Toolbar = /*#__PURE__*/(0, _engines.component)(mergedConfig);
+var mergedDividerConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Toolbar.toolbarDividerConfig);
+var ToolbarDivider = exports.ToolbarDivider = /*#__PURE__*/(0, _engines.component)(mergedDividerConfig);

package/styled-components/cjs/examples/plasma_web/components/Toolbar/Toolbar.stories.tsx

@@ -0,0 +1,63 @@
+import React from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { IconDone } from '../../../../components/_Icon';
+import { Button } from '../Button/Button';
+import { WithTheme } from '../../../_helpers';
+
+import { Toolbar, ToolbarDivider } from './Toolbar';
+
+const orientations: Array<string> = ['vertical', 'horizontal'];
+const size: Array<string> = ['xs', 's', 'm', 'l'];
+
+const ToolbarWrapper = (props: ComponentProps<typeof Toolbar>) => {
+    return (
+        <Toolbar {...props}>
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+            <ToolbarDivider />
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+        </Toolbar>
+    );
+};
+
+const meta: Meta<typeof Toolbar> = {
+    title: 'plasma_web/Toolbar',
+    component: ToolbarWrapper,
+    decorators: [WithTheme],
+    argTypes: {
+        orientation: {
+            options: orientations,
+            control: {
+                type: 'select',
+            },
+        },
+        hasShadow: {
+            control: {
+                type: 'boolean',
+            },
+        },
+        size: {
+            options: size,
+            control: {
+                type: 'select',
+            },
+        },
+    },
+    args: {
+        orientation: 'vertical',
+        hasShadow: true,
+        size: 'm',
+    },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Toolbar>;
+
+export const Default: Story = {
+    args: {},
+};

package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.config.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Toolbar = /*#__PURE__*/require("../../../../components/Toolbar");
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--shadow-down-soft-s);", ":var(--surface-solid-card);", ":var(--surface-transparent-tertiary);"], _Toolbar.toolbarTokens.boxShadow, _Toolbar.toolbarTokens.background, _Toolbar.toolbarTokens.dividerColor)
+    },
+    size: {
+      xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":0.25rem;", ":0.75rem;", ":1.25rem;", ":0.5rem;", ":0.0625rem;"], _Toolbar.toolbarTokens.size, _Toolbar.toolbarTokens.padding, _Toolbar.toolbarTokens.borderRadius, _Toolbar.toolbarTokens.dividerSize, _Toolbar.toolbarTokens.dividerOffset, _Toolbar.toolbarTokens.dividerBorderRadius),
+      s: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":0.25rem;", ":0.875rem;", ":1.5rem;", ":0.5rem;", ":0.0625rem;"], _Toolbar.toolbarTokens.size, _Toolbar.toolbarTokens.padding, _Toolbar.toolbarTokens.borderRadius, _Toolbar.toolbarTokens.dividerSize, _Toolbar.toolbarTokens.dividerOffset, _Toolbar.toolbarTokens.dividerBorderRadius),
+      m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.75rem;", ":0.375rem;", ":1rem;", ":1.75rem;", ":0.625rem;", ":0.0625rem;"], _Toolbar.toolbarTokens.size, _Toolbar.toolbarTokens.padding, _Toolbar.toolbarTokens.borderRadius, _Toolbar.toolbarTokens.dividerSize, _Toolbar.toolbarTokens.dividerOffset, _Toolbar.toolbarTokens.dividerBorderRadius),
+      l: /*#__PURE__*/(0, _styledComponents.css)(["", ":4.5rem;", ":0.5rem;", ":1.25rem;", ":2rem;", ":0.75rem;", ":0.0625rem;"], _Toolbar.toolbarTokens.size, _Toolbar.toolbarTokens.padding, _Toolbar.toolbarTokens.borderRadius, _Toolbar.toolbarTokens.dividerSize, _Toolbar.toolbarTokens.dividerOffset, _Toolbar.toolbarTokens.dividerBorderRadius)
+    }
+  }
+};

package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolbarDivider = exports.Toolbar = void 0;
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Toolbar = /*#__PURE__*/require("../../../../components/Toolbar");
+var _Toolbar2 = /*#__PURE__*/require("./Toolbar.config");
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Toolbar.toolbarConfig, _Toolbar2.config);
+
+/**
+ * Компонент Toolbar.
+ */
+var Toolbar = exports.Toolbar = /*#__PURE__*/(0, _engines.component)(mergedConfig);
+var mergedDividerConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Toolbar.toolbarDividerConfig);
+var ToolbarDivider = exports.ToolbarDivider = /*#__PURE__*/(0, _engines.component)(mergedDividerConfig);

package/styled-components/cjs/examples/sds_engineer/components/Toolbar/Toolbar.stories.tsx

@@ -0,0 +1,64 @@
+import React from 'react';
+import type { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+
+import { IconDone } from '../../../../components/_Icon';
+import { Button } from '../Button/Button';
+import { WithTheme } from '../../../_helpers';
+
+import { Toolbar, ToolbarDivider } from './Toolbar';
+
+const orientations: Array<string> = ['vertical', 'horizontal'];
+const size: Array<string> = ['xs', 's', 'm', 'l'];
+
+const ToolbarWrapper = (props: ComponentProps<typeof Toolbar>) => {
+    return (
+        <Toolbar {...props}>
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+            <ToolbarDivider />
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+            <Button square size={props.size} view="clear" contentLeft={<IconDone />} />
+        </Toolbar>
+    );
+};
+
+const meta: Meta<typeof Toolbar> = {
+    title: 'sds_engineer/Toolbar',
+    component: ToolbarWrapper,
+    decorators: [WithTheme],
+    argTypes: {
+        orientation: {
+            options: orientations,
+            control: {
+                type: 'select',
+            },
+        },
+        hasShadow: {
+            control: {
+                type: 'boolean',
+            },
+        },
+        size: {
+            options: size,
+            control: {
+                type: 'select',
+            },
+        },
+    },
+    args: {
+        orientation: 'vertical',
+        hasShadow: true,
+        size: 'm',
+        view: 'default',
+    },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Toolbar>;
+
+export const Default: Story = {
+    args: {},
+};