@salutejs/plasma-new-hope 0.155.1-canary.1458.11067362582.0 → 0.156.0-canary.1392.11069835794.0

package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.js

@@ -15,7 +15,7 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_pilled/base");
 var _SegmentItem = /*#__PURE__*/require("./SegmentItem.styles");
-var _excluded = ["size", "view", "id", "label", "value", "pilled", "customHandleSelect", "aria-label"];
+var _excluded = ["size", "view", "id", "label", "value", "pilled", "contentLeft", "contentRight", "customHandleSelect", "skipSelection", "aria-label"];
 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 && {}.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); }
@@ -24,12 +24,16 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var segmentItemRoot = exports.segmentItemRoot = function segmentItemRoot(Root) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
     var size = props.size,
-      view = props.view,
+      _props$view = props.view,
+      view = _props$view === void 0 ? 'default' : _props$view,
       id = props.id,
       label = props.label,
       value = props.value,
       pilled = props.pilled,
+      contentLeft = props.contentLeft,
+      contentRight = props.contentRight,
       customHandleSelect = props.customHandleSelect,
+      skipSelection = props.skipSelection,
       ariaLabelExternal = props['aria-label'],
       rest = _objectWithoutProperties(props, _excluded);
     var _useSegmentInner = (0, _SegmentProvider.useSegmentInner)(),
@@ -42,17 +46,21 @@ var segmentItemRoot = exports.segmentItemRoot = function segmentItemRoot(Root) {
     var ariaLabelDefault = (0, _react.useMemo)(function () {
       return (0, _utils.extractTextFrom)(label);
     }, [label]);
-    var pilledAttr = view !== 'clear' && pilled;
+    var pilledAttr = pilled;
     var pilledClass = pilledAttr ? _tokens.classes.segmentPilled : undefined;
+    var xsSize = size === 'xs' ? _tokens.classes.segmentXsSize : undefined;
     var isSelected = selectedSegmentItems === null || selectedSegmentItems === void 0 ? void 0 : selectedSegmentItems.includes(value || ariaLabelDefault);
     var selectedClass = isSelected ? _tokens.classes.selectedSegmentItem : undefined;
     var handleSelectSegment = (0, _react.useCallback)(function (event) {
       if (disabledGroup) {
         return;
       }
+      if (skipSelection) {
+        return;
+      }
       customHandleSelect === null || customHandleSelect === void 0 || customHandleSelect(event);
       handleSelect === null || handleSelect === void 0 || handleSelect(value || ariaLabelDefault);
-    }, [selectionMode]);
+    }, [selectionMode, disabledGroup, skipSelection]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       view: view,
       size: size,
@@ -61,11 +69,13 @@ var segmentItemRoot = exports.segmentItemRoot = function segmentItemRoot(Root) {
       "aria-label": ariaLabelExternal || ariaLabelDefault,
       value: value,
       pilled: pilledAttr,
-      className: (0, _utils.cx)(selectedClass, pilledClass),
+      className: (0, _utils.cx)(selectedClass, pilledClass, xsSize),
       onClick: handleSelectSegment,
       tabIndex: disabledGroup ? -1 : 0,
       disabled: disabledGroup
-    }, rest), /*#__PURE__*/_react["default"].createElement(_SegmentItem.StyledContent, null, label || value));
+    }, rest), contentLeft && /*#__PURE__*/_react["default"].createElement(_SegmentItem.LeftContent, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_SegmentItem.StyledContent, null, label || value), contentRight && /*#__PURE__*/_react["default"].createElement(_SegmentItem.RightContent, {
+      className: typeof contentRight === 'string' ? _tokens.classes.segmentAdditionalText : ''
+    }, contentRight));
   });
 };
 var segmentItemConfig = exports.segmentItemConfig = {
@@ -90,7 +100,7 @@ var segmentItemConfig = exports.segmentItemConfig = {
     }
   },
   defaults: {
-    view: 'clear',
+    view: 'default',
     size: 'xs'
   }
 };

package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js

@@ -4,19 +4,31 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.base = exports.StyledContent = void 0;
+exports.base = exports.StyledContent = exports.RightContent = exports.LeftContent = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
 var _mixins = /*#__PURE__*/require("../../../../mixins");
 var _tokens = /*#__PURE__*/require("../../tokens");
 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 && {}.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; }
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;align-items:center;appearance:none;border:none;outline:none;cursor:pointer;margin-left:var(", ");-webkit-tap-highlight-color:rgba(0,0,0,0);&:first-child{margin-left:0;}", ";"], _tokens.tokens.itemMarginLeft, /*#__PURE__*/(0, _mixins.addFocus)({
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;appearance:none;border:none;outline:none;cursor:pointer;margin-left:var(", ");-webkit-tap-highlight-color:rgba(0,0,0,0);&:first-child{margin-left:0;}", ";"], _tokens.tokens.itemMarginLeft, /*#__PURE__*/(0, _mixins.addFocus)({
   outlineSize: '0.063rem',
-  outlineOffset: '-0.125rem',
+  outlineOffset: '0.063rem',
   outlineColor: /*#__PURE__*/"var(".concat(_tokens.tokens.outlineFocusColor, ")"),
   outlineRadius: 'calc(var(--plasma_private-outline-radius) + 0.063rem)',
   customFocusRules: /*#__PURE__*/"\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(".concat(_tokens.tokens.outlineFocusColor, ");\n                }\n            }\n        ")
 }));
 var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-m3m328-0"
-})(["display:inline-block;width:fit-content;", ";"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
+})(["display:inline-block;width:fit-content;padding:var(", ");", ";margin-right:", ";margin-left:", ";"], _tokens.tokens.itemContentPadding, /*#__PURE__*/(0, _mixins.applyEllipsis)(), function (_ref) {
+  var hasRightMargin = _ref.hasRightMargin;
+  return hasRightMargin ? "var(".concat(_tokens.tokens.itemIconMargin, ")") : '0';
+}, function (_ref2) {
+  var hasLeftMargin = _ref2.hasLeftMargin;
+  return hasLeftMargin ? "var(".concat(_tokens.tokens.itemIconMargin, ")") : '0';
+});
+var RightContent = exports.RightContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-m3m328-1"
+})(["display:flex;margin-left:var(", ");overflow:hidden;color:var(", ");&.", "{text-overflow:ellipsis;overflow:hidden;color:var(", ");}"], _tokens.tokens.itemIconMargin, _tokens.tokens.itemColor, _tokens.classes.segmentAdditionalText, _tokens.tokens.itemAdditionalColor);
+var LeftContent = exports.LeftContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-m3m328-2"
+})(["display:flex;margin-right:var(", ");color:inherit;"], _tokens.tokens.itemIconMargin);

package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_pilled/base.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _tokens = /*#__PURE__*/require("../../../../tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");}"], /*#__PURE__*/String(_tokens.classes.segmentPilled), _tokens.tokens.itemPilledBorderRadius, _tokens.tokens.itemPilledBorderRadius);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{--plasma_private-outline-radius:var(", ");border-radius:var(", ");padding:var(", ");}"], /*#__PURE__*/String(_tokens.classes.segmentPilled), _tokens.tokens.itemPilledBorderRadius, _tokens.tokens.itemPilledBorderRadius, _tokens.tokens.itemPilledPadding);

package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js

@@ -6,4 +6,5 @@ Object.defineProperty(exports, "__esModule", {
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _tokens = /*#__PURE__*/require("../../../../tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");}&.", "{color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");}}"], _tokens.tokens.itemColor, _tokens.tokens.itemBackgroundColor, _tokens.tokens.itemColorHover, _tokens.tokens.itemBackgroundColorHover, /*#__PURE__*/String(_tokens.classes.selectedSegmentItem), _tokens.tokens.itemSelectedColor, _tokens.tokens.itemSelectedBackgroundColor, _tokens.tokens.itemSelectedColorHover, _tokens.tokens.itemSelectedBackgroundColorHover);
+var _SegmentItem = /*#__PURE__*/require("../../SegmentItem.styles");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ");&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}", ".", "{color:var(", ");}}&.", "{color:var(", ");background-color:var(", ");", "{color:var(", ");}", ".", "{color:var(", ");}&:hover{color:var(", ");background-color:var(", ");", "{color:var(", ");}}}"], _tokens.tokens.itemColor, _tokens.tokens.itemBackgroundColor, _tokens.tokens.itemColorHover, _tokens.tokens.itemBackgroundColorHover, _SegmentItem.RightContent, _tokens.tokens.itemColorHover, _SegmentItem.RightContent, _tokens.classes.segmentAdditionalText, _tokens.tokens.itemAdditionalColorHover, /*#__PURE__*/String(_tokens.classes.selectedSegmentItem), _tokens.tokens.itemSelectedColor, _tokens.tokens.itemSelectedBackgroundColor, _SegmentItem.RightContent, _tokens.tokens.itemSelectedColor, _SegmentItem.RightContent, _tokens.classes.segmentAdditionalText, _tokens.tokens.itemSelectedAdditionalColor, _tokens.tokens.itemSelectedColorHover, _tokens.tokens.itemSelectedBackgroundColorHover, _SegmentItem.RightContent, _tokens.tokens.itemSelectedAdditionalColorHover);

package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js

@@ -123,7 +123,7 @@ var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
         isFilled: isFilled,
         ref: leftArrowRef,
         isLeftArrow: true
-      }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeft, {
+      }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureLeftCentered, {
         color: "var(".concat(_tokens.tokens.arrowColor, ")")
       }));
     }, [onPrev, disabled, isFilled]);
@@ -135,7 +135,7 @@ var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
         tabIndex: disabled ? -1 : 0,
         disabled: disabled,
         isFilled: isFilled
-      }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
+      }, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRightCentered, {
         color: "var(".concat(_tokens.tokens.arrowColor, ")")
       }));
     }, [onNext, disabled, isFilled]);
@@ -145,7 +145,7 @@ var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
       var scrollLeft = Math.round(event.currentTarget.scrollLeft);
       setFirstItemVisible(scrollLeft <= 0);
       setLastItemVisible(scrollLeft >= maxScrollLeft);
-    }, [setFirstItemVisible, setLastItemVisible]);
+    }, []);
     var onKeyDown = (0, _react.useCallback)(function (event) {
       if (index === undefined) {
         return;
@@ -193,7 +193,7 @@ var tabsRoot = exports.tabsRoot = function tabsRoot(Root) {
       scrollRef.current.scrollTo({
         left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth)
       });
-    }, [firstItemVisible, scrollRef, leftArrowRef]);
+    }, [firstItemVisible]);
     return /*#__PURE__*/_react["default"].createElement(_TabsContext.TabsContext.Provider, {
       value: refs
     }, /*#__PURE__*/_react["default"].createElement(Root, _extends({

package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDown.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DisclosureDown = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _path;
+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); }
+var DisclosureDown = exports.DisclosureDown = function DisclosureDown(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+    width: "100%",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M17.78 18.21C17.48 17.92 17.01 17.92 16.71 18.21L12.75 22.18L8.78 18.21C8.48 17.92 8.01 17.92 7.71 18.21C7.42 18.51 7.42 18.98 7.71 19.28L12.75 24.31L17.78 19.28C18.07 18.98 18.07 18.51 17.78 18.21Z",
+    fillRule: "evenodd",
+    fill: "currentColor"
+  })));
+};

package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeft.js

@@ -14,9 +14,8 @@ var DisclosureLeft = exports.DisclosureLeft = function DisclosureLeft(props) {
     viewBox: "0 0 24 24",
     fill: "none"
   }, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M14.5309 6.96967C14.8238 7.26256 14.8238 7.73744 14.5309 8.03033L10.5613 12L14.5309 15.9697C14.8238 16.2626 14.8238 16.7374 14.5309 17.0303C14.238 17.3232 13.7632 17.3232 13.4703 17.0303L8.43994 12L13.4703 6.96967C13.7632 6.67678 14.238 6.67678 14.5309 6.96967Z",
-    fill: "currentColor"
+    d: "M6.09 6.96c.29.3.29.77 0 1.07L2.12 12l3.97 3.96c.29.3.29.77 0 1.07-.3.29-.77.29-1.06 0L0 12l5.03-5.04c.29-.29.76-.29 1.06 0Z",
+    fill: "currentColor",
+    fillRule: "evenodd"
   })));
 };

package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureLeftCentered.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DisclosureLeftCentered = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _path;
+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); }
+var DisclosureLeftCentered = exports.DisclosureLeftCentered = function DisclosureLeftCentered(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+    width: "100%",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.5309 6.96967C14.8238 7.26256 14.8238 7.73744 14.5309 8.03033L10.5613 12L14.5309 15.9697C14.8238 16.2626 14.8238 16.7374 14.5309 17.0303C14.238 17.3232 13.7632 17.3232 13.4703 17.0303L8.43994 12L13.4703 6.96967C13.7632 6.67678 14.238 6.67678 14.5309 6.96967Z",
+    fill: "currentColor"
+  })));
+};

package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureRight.js

@@ -14,9 +14,8 @@ var DisclosureRight = exports.DisclosureRight = function DisclosureRight(props)
     viewBox: "0 0 24 24",
     fill: "none"
   }, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M9.46967 6.96967C9.17678 7.26256 9.17678 7.73744 9.46967 8.03033L13.4393 12L9.46967 15.9697C9.17678 16.2626 9.17678 16.7374 9.46967 17.0303C9.76256 17.3232 10.2374 17.3232 10.5303 17.0303L15.5607 12L10.5303 6.96967C10.2374 6.67678 9.76256 6.67678 9.46967 6.96967Z",
-    fill: "currentColor"
+    d: "M18.21 6.96c-.29.3-.29.77 0 1.07L22.18 12l-3.97 3.96c-.29.3-.29.77 0 1.07.3.29.77.29 1.07 0L24.31 12l-5.03-5.04a.767.767 0 0 0-1.07 0Z",
+    fill: "currentColor",
+    fillRule: "evenodd"
   })));
 };

package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureUp.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DisclosureUp = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _path;
+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); }
+var DisclosureUp = exports.DisclosureUp = function DisclosureUp(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+    width: "100%",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M17.18 8.18C16.89 8.47 16.41 8.47 16.12 8.18L12.15 4.21L8.18 8.18C7.89 8.47 7.41 8.47 7.12 8.18C6.83 7.89 6.83 7.41 7.12 7.12L12.15 2.09L17.18 7.12C17.47 7.41 17.47 7.89 17.18 8.18Z",
+    fillRule: "evenodd",
+    fill: "currentColor"
+  })));
+};

package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDown.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconDisclosureDown = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _DisclosureDown = /*#__PURE__*/require("../Icon.assets/DisclosureDown");
+var _IconRoot = /*#__PURE__*/require("../IconRoot");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var IconDisclosureDown = exports.IconDisclosureDown = function IconDisclosureDown(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 's' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: _DisclosureDown.DisclosureDown
+  });
+};

package/styled-components/cjs/components/_Icon/Icons/IconDisclosureLeftCentered.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconDisclosureLeftCentered = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _IconRoot = /*#__PURE__*/require("../IconRoot");
+var _DisclosureLeftCentered = /*#__PURE__*/require("../Icon.assets/DisclosureLeftCentered");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var IconDisclosureLeftCentered = exports.IconDisclosureLeftCentered = function IconDisclosureLeftCentered(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 's' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: _DisclosureLeftCentered.DisclosureLeftCentered
+  });
+};

package/styled-components/cjs/components/_Icon/Icons/IconDisclosureUp.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconDisclosureUp = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _DisclosureUp = /*#__PURE__*/require("../Icon.assets/DisclosureUp");
+var _IconRoot = /*#__PURE__*/require("../IconRoot");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var IconDisclosureUp = exports.IconDisclosureUp = function IconDisclosureUp(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 's' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: _DisclosureUp.DisclosureUp
+  });
+};

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

@@ -81,6 +81,12 @@ Object.defineProperty(exports, "IconCross", {
     return _IconCross.IconCross;
   }
 });
+Object.defineProperty(exports, "IconDisclosureDown", {
+  enumerable: true,
+  get: function get() {
+    return _IconDisclosureDown.IconDisclosureDown;
+  }
+});
 Object.defineProperty(exports, "IconDisclosureDownCentered", {
   enumerable: true,
   get: function get() {
@@ -99,6 +105,12 @@ Object.defineProperty(exports, "IconDisclosureLeft", {
     return _IconDisclosureLeft.IconDisclosureLeft;
   }
 });
+Object.defineProperty(exports, "IconDisclosureLeftCentered", {
+  enumerable: true,
+  get: function get() {
+    return _IconDisclosureLeftCentered.IconDisclosureLeftCentered;
+  }
+});
 Object.defineProperty(exports, "IconDisclosureRight", {
   enumerable: true,
   get: function get() {
@@ -111,6 +123,12 @@ Object.defineProperty(exports, "IconDisclosureRightCentered", {
     return _IconDisclosureRightCentered.IconDisclosureRightCentered;
   }
 });
+Object.defineProperty(exports, "IconDisclosureUp", {
+  enumerable: true,
+  get: function get() {
+    return _IconDisclosureUp.IconDisclosureUp;
+  }
+});
 Object.defineProperty(exports, "IconDone", {
   enumerable: true,
   get: function get() {
@@ -138,6 +156,8 @@ Object.defineProperty(exports, "IconPlus", {
 var _IconDisclosureLeft = /*#__PURE__*/require("./Icons/IconDisclosureLeft");
 var _IconDisclosureRight = /*#__PURE__*/require("./Icons/IconDisclosureRight");
 var _IconDisclosureDownFill = /*#__PURE__*/require("./Icons/IconDisclosureDownFill");
+var _IconDisclosureDown = /*#__PURE__*/require("./Icons/IconDisclosureDown");
+var _IconDisclosureUp = /*#__PURE__*/require("./Icons/IconDisclosureUp");
 var _IconMic = /*#__PURE__*/require("./Icons/IconMic");
 var _IconChevronLeft = /*#__PURE__*/require("./Icons/IconChevronLeft");
 var _IconChevronDoubleLeft = /*#__PURE__*/require("./Icons/IconChevronDoubleLeft");
@@ -146,6 +166,7 @@ var _IconChevronDownFill = /*#__PURE__*/require("./Icons/IconChevronDownFill");
 var _IconClose = /*#__PURE__*/require("./Icons/IconClose");
 var _IconCross = /*#__PURE__*/require("./Icons/IconCross");
 var _IconDone = /*#__PURE__*/require("./Icons/IconDone");
+var _IconDisclosureLeftCentered = /*#__PURE__*/require("./Icons/IconDisclosureLeftCentered");
 var _IconDisclosureRightCentered = /*#__PURE__*/require("./Icons/IconDisclosureRightCentered");
 var _IconDisclosureDownCentered = /*#__PURE__*/require("./Icons/IconDisclosureDownCentered");
 var _IconMinus = /*#__PURE__*/require("./Icons/IconMinus");

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

@@ -3,7 +3,7 @@ import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { disableProps } from '@salutejs/plasma-sb-utils';
 
-import { IconDisclosureLeft } from '../../../../components/_Icon';
+import { IconDisclosureLeftCentered } from '../../../../components/_Icon';
 import { WithTheme } from '../../../_helpers';
 
 import { Editable, typographyVariants } from './Editable';
@@ -50,7 +50,7 @@ const StoryDefault = ({ defaultValue, componentName, iconSize, ...rest }: StoryP
     return (
         <Editable
             {...rest}
-            icon={<IconDisclosureLeft size={iconSize} color="inherit" />}
+            icon={<IconDisclosureLeftCentered size={iconSize} color="inherit" />}
             textComponent={typographyVariants[componentName]}
             value={defaultValue}
             onChange={handleChange}

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

@@ -12,7 +12,7 @@ import {
 import { WithTheme } from '../../../_helpers';
 import { PopupProvider } from '../Popup/Popup';
 import { NotificationProps } from '../../../../components/Notification';
-import { IconDisclosureRight } from '../../../../components/_Icon';
+import { IconDisclosureRightCentered } from '../../../../components/_Icon';
 
 import { Notification, NotificationsProvider } from './Notification';
 
@@ -55,7 +55,7 @@ const StoryDefault = ({ title, children, iconPlacement, size, layout, showLeftIc
     return (
         <Notification
             title={title}
-            icon={showLeftIcon ? <IconDisclosureRight /> : ''}
+            icon={showLeftIcon ? <IconDisclosureRightCentered /> : ''}
             iconPlacement={iconPlacement}
             actions={
                 <Button
@@ -116,7 +116,10 @@ type StoryLiveDemoProps = ComponentProps<typeof Notification> & {
 const StoryLiveDemo = ({ timeout, ...rest }: StoryLiveDemoProps) => {
     const count = useRef(0);
     const handleClick = useCallback(() => {
-        addNotification({ icon: <IconDisclosureRight />, ...rest, ...getNotificationProps(count.current) }, timeout);
+        addNotification(
+            { icon: <IconDisclosureRightCentered />, ...rest, ...getNotificationProps(count.current) },
+            timeout,
+        );
         count.current++;
     }, [count, rest]);