@salutejs/plasma-new-hope 0.88.0-canary.1223.9301566220.0 → 0.88.0-canary.1223.9302553119.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.88.0-canary.1223.9301566220.0",
+  "version": "0.88.0-canary.1223.9302553119.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -103,5 +103,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "93085fc5bf6fc985c6fcfe7d2ed6b6005d2a6a99"
+  "gitHead": "87d78f583ce31022b0bcaa10859379befa5c45ef"
 }

package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js

@@ -57,17 +57,17 @@ var AccordionItem = exports.AccordionItem = function AccordionItem(_ref) {
   var showedBody = show ? _Accordion.classes.accordionItemShowBody : undefined;
   var StyledAnimationPLus = function StyledAnimationPLus() {
     return /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledPlus, null, _StyledMinus || (_StyledMinus = /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledMinus, {
-      size: "s",
+      size: "xs",
       color: "inhert"
     })), /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledMinus, {
-      size: "s",
+      size: "xs",
       color: "inhert",
       className: showedBody !== null && showedBody !== void 0 ? showedBody : _Accordion.classes.accordionPlusAnimationElement
     }));
   };
   var accordionBorderRadius = (0, _roundness.convertRoundnessMatrix)(pin, "var(".concat(_Accordion.tokens.accordionItemBorderRadius, ")"));
   var leftContent = contentLeft !== null && contentLeft !== void 0 ? contentLeft : type === 'arrow' ? _StyledArrow || (_StyledArrow = /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledArrow, {
-    size: "s",
+    size: "xs",
     color: "inhert"
   })) : undefined;
   var leftContentRotate = type === 'arrow' && show ? _Accordion.classes.accordionItemShowBody : undefined;

package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js

@@ -38,7 +38,7 @@ var StyledAccordionBodyAnimate = exports.StyledAccordionBodyAnimate = /*#__PURE_
 var StyledAccordionBody = exports.StyledAccordionBody = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-20ij9z-7"
 })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");overflow:hidden;padding-right:var(", ");padding-left:var(", ");"], _Accordion.tokens.accordionItemTextColor, _Accordion.tokens.accordionItemTextFontWeight, _Accordion.tokens.accordionItemTextFontSize, _Accordion.tokens.accordionItemTextFontWeight, _Accordion.tokens.accordionItemTextFontStyle, _Accordion.tokens.accordionItemTextLetterSpacing, _Accordion.tokens.accordionItemTextLineHeight, _Accordion.tokens.accordionItemPaddingRight, _Accordion.tokens.accordionItemPaddingLeft);
-var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconChevronDown).withConfig({
+var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconChevronDownFill).withConfig({
   componentId: "plasma-new-hope__sc-20ij9z-8"
 })(["pointer-events:none;user-select:none;color:var(", ");"], _Accordion.tokens.accordionItemTextColor);
 var StyledMinus = exports.StyledMinus = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconMinus).withConfig({
@@ -46,4 +46,4 @@ var StyledMinus = exports.StyledMinus = /*#__PURE__*/(0, _styledComponents["defa
 })(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&&.", "{transition:0.2s;transform:rotate(90deg);}&&.", "{transition:0.2s;transform:rotate(0deg);}"], _Accordion.tokens.accordionItemTextColor, _Accordion.classes.accordionPlusAnimationElement, _Accordion.classes.accordionItemShowBody);
 var StyledPlus = exports.StyledPlus = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-20ij9z-10"
-})(["position:relative;height:1.5rem;display:flex;align-items:center;justify-content:center;width:1.5rem;"]);
+})(["position:relative;height:1rem;display:flex;align-items:center;justify-content:center;width:1rem;"]);

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChevronDownFill = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _defs, _g;
+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 ChevronDownFill = exports.ChevronDownFill = function ChevronDownFill(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+    width: "100%",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, props), _defs || (_defs = /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
+    id: "clip3066_154194"
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    width: "16.000000",
+    height: "16.000000",
+    fill: "currentColor",
+    fillOpacity: "0"
+  })))), _g || (_g = /*#__PURE__*/_react["default"].createElement("g", {
+    clipPath: "url(#clip3066_154194)"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    id: "path",
+    d: "M11.45 5.79C11.37 5.61 11.19 5.5 11 5.5L5 5.5C4.8 5.5 4.62 5.61 4.54 5.79C4.46 5.96 4.49 6.17 4.62 6.32L7.62 9.82C7.71 9.93 7.85 10 8 10C8.14 10 8.28 9.93 8.37 9.82L11.37 6.32C11.5 6.17 11.53 5.96 11.45 5.79Z",
+    fillRule: "evenodd",
+    fill: "currentColor",
+    clipRule: "evenodd"
+  }))));
+};

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

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

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

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "IconChevronDown", {
     return _IconChevronDown.IconChevronDown;
   }
 });
+Object.defineProperty(exports, "IconChevronDownFill", {
+  enumerable: true,
+  get: function get() {
+    return _IconChevronDownFill.IconChevronDownFill;
+  }
+});
 Object.defineProperty(exports, "IconChevronLeft", {
   enumerable: true,
   get: function get() {
@@ -69,6 +75,7 @@ var _IconMic = /*#__PURE__*/require("./Icons/IconMic");
 var _IconChevronLeft = /*#__PURE__*/require("./Icons/IconChevronLeft");
 var _IconChevronDoubleLeft = /*#__PURE__*/require("./Icons/IconChevronDoubleLeft");
 var _IconChevronDown = /*#__PURE__*/require("./Icons/IconChevronDown");
+var _IconChevronDownFill = /*#__PURE__*/require("./Icons/IconChevronDownFill");
 var _IconClose = /*#__PURE__*/require("./Icons/IconClose");
 var _IconCross = /*#__PURE__*/require("./Icons/IconCross");
 var _IconDone = /*#__PURE__*/require("./Icons/IconDone");

package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js

@@ -48,17 +48,17 @@ export var AccordionItem = function AccordionItem(_ref) {
   var showedBody = show ? classes.accordionItemShowBody : undefined;
   var StyledAnimationPLus = function StyledAnimationPLus() {
     return /*#__PURE__*/React.createElement(StyledPlus, null, _StyledMinus || (_StyledMinus = /*#__PURE__*/React.createElement(StyledMinus, {
-      size: "s",
+      size: "xs",
       color: "inhert"
     })), /*#__PURE__*/React.createElement(StyledMinus, {
-      size: "s",
+      size: "xs",
       color: "inhert",
       className: showedBody !== null && showedBody !== void 0 ? showedBody : classes.accordionPlusAnimationElement
     }));
   };
   var accordionBorderRadius = convertRoundnessMatrix(pin, "var(".concat(tokens.accordionItemBorderRadius, ")"));
   var leftContent = contentLeft !== null && contentLeft !== void 0 ? contentLeft : type === 'arrow' ? _StyledArrow || (_StyledArrow = /*#__PURE__*/React.createElement(StyledArrow, {
-    size: "s",
+    size: "xs",
     color: "inhert"
   })) : undefined;
   var leftContentRotate = type === 'arrow' && show ? classes.accordionItemShowBody : undefined;

package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { IconChevronDown, IconMinus } from '../../../_Icon';
+import { IconChevronDownFill, IconMinus } from '../../../_Icon';
 import { classes, tokens } from '../../Accordion.tokens';
 import { addFocus } from '../../../../mixins';
 export var StyledAccordionItem = /*#__PURE__*/styled.div.withConfig({
@@ -31,7 +31,7 @@ export var StyledAccordionBodyAnimate = /*#__PURE__*/styled.div.withConfig({
 export var StyledAccordionBody = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-20ij9z-7"
 })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");overflow:hidden;padding-right:var(", ");padding-left:var(", ");"], tokens.accordionItemTextColor, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingRight, tokens.accordionItemPaddingLeft);
-export var StyledArrow = /*#__PURE__*/styled(IconChevronDown).withConfig({
+export var StyledArrow = /*#__PURE__*/styled(IconChevronDownFill).withConfig({
   componentId: "plasma-new-hope__sc-20ij9z-8"
 })(["pointer-events:none;user-select:none;color:var(", ");"], tokens.accordionItemTextColor);
 export var StyledMinus = /*#__PURE__*/styled(IconMinus).withConfig({
@@ -39,4 +39,4 @@ export var StyledMinus = /*#__PURE__*/styled(IconMinus).withConfig({
 })(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&&.", "{transition:0.2s;transform:rotate(90deg);}&&.", "{transition:0.2s;transform:rotate(0deg);}"], tokens.accordionItemTextColor, classes.accordionPlusAnimationElement, classes.accordionItemShowBody);
 export var StyledPlus = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-20ij9z-10"
-})(["position:relative;height:1.5rem;display:flex;align-items:center;justify-content:center;width:1.5rem;"]);
+})(["position:relative;height:1rem;display:flex;align-items:center;justify-content:center;width:1rem;"]);

package/styled-components/es/components/_Icon/Icon.assets/ChevronDownFill.js

@@ -0,0 +1,25 @@
+var _defs, _g;
+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); }
+import React from 'react';
+export var ChevronDownFill = function ChevronDownFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "100%",
+    viewBox: "0 0 16 16",
+    fill: "none"
+  }, props), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip3066_154194"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "16.000000",
+    height: "16.000000",
+    fill: "currentColor",
+    fillOpacity: "0"
+  })))), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip3066_154194)"
+  }, /*#__PURE__*/React.createElement("path", {
+    id: "path",
+    d: "M11.45 5.79C11.37 5.61 11.19 5.5 11 5.5L5 5.5C4.8 5.5 4.62 5.61 4.54 5.79C4.46 5.96 4.49 6.17 4.62 6.32L7.62 9.82C7.71 9.93 7.85 10 8 10C8.14 10 8.28 9.93 8.37 9.82L11.37 6.32C11.5 6.17 11.53 5.96 11.45 5.79Z",
+    fillRule: "evenodd",
+    fill: "currentColor",
+    clipRule: "evenodd"
+  }))));
+};

package/styled-components/es/components/_Icon/Icons/IconChevronDownFill.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ChevronDownFill } from '../Icon.assets/ChevronDownFill';
+import { IconRoot } from '../IconRoot';
+export var IconChevronDownFill = function IconChevronDownFill(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'xs' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement(IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: ChevronDownFill
+  });
+};

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

@@ -4,6 +4,7 @@ export { IconMic } from './Icons/IconMic';
 export { IconChevronLeft } from './Icons/IconChevronLeft';
 export { IconChevronDoubleLeft } from './Icons/IconChevronDoubleLeft';
 export { IconChevronDown } from './Icons/IconChevronDown';
+export { IconChevronDownFill } from './Icons/IconChevronDownFill';
 export { IconClose } from './Icons/IconClose';
 export { IconCross } from './Icons/IconCross';
 export { IconDone } from './Icons/IconDone';

package/types/components/_Icon/Icon.assets/ChevronDownFill.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from '../IconRoot';
+export declare const ChevronDownFill: React.FC<IconProps>;
+//# sourceMappingURL=ChevronDownFill.d.ts.map

package/types/components/_Icon/Icon.assets/ChevronDownFill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChevronDownFill.d.ts","sourceRoot":"","sources":["../../../../src/components/_Icon/Icon.assets/ChevronDownFill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAiB/C,CAAC"}

package/types/components/_Icon/Icons/IconChevronDownFill.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from '../IconRoot';
+export declare const IconChevronDownFill: React.FC<IconProps>;
+//# sourceMappingURL=IconChevronDownFill.d.ts.map

package/types/components/_Icon/Icons/IconChevronDownFill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconChevronDownFill.d.ts","sourceRoot":"","sources":["../../../../src/components/_Icon/Icons/IconChevronDownFill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAY,SAAS,EAAE,MAAM,aAAa,CAAC;AAElD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEnD,CAAC"}

package/types/components/_Icon/index.d.ts

@@ -4,6 +4,7 @@ export { IconMic } from './Icons/IconMic';
 export { IconChevronLeft } from './Icons/IconChevronLeft';
 export { IconChevronDoubleLeft } from './Icons/IconChevronDoubleLeft';
 export { IconChevronDown } from './Icons/IconChevronDown';
+export { IconChevronDownFill } from './Icons/IconChevronDownFill';
 export { IconClose } from './Icons/IconClose';
 export { IconCross } from './Icons/IconCross';
 export { IconDone } from './Icons/IconDone';

package/types/components/_Icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/_Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/_Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC"}