@salutejs/plasma-new-hope 0.231.1-dev.0 → 0.232.0-canary.1650.12478253360.0

package/es/components/_Icon/Icons/IconDisclosureRight.js

@@ -1,18 +1,21 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { DisclosureRight } from '../Icon.assets/DisclosureRight.js';
 import { IconRoot } from '../IconRoot.js';
 
+var _excluded = ["size", "color", "className"];
 var IconDisclosureRight = function IconDisclosureRight(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 's' : _ref$size,
     color = _ref.color,
-    className = _ref.className;
-  return /*#__PURE__*/React.createElement(IconRoot, {
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(IconRoot, _extends({
     className: className,
     size: size,
     color: color,
     icon: DisclosureRight
-  });
+  }, rest));
 };
 
 export { IconDisclosureRight };

package/es/components/_Icon/Icons/IconDisclosureRight.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconDisclosureRight.js","sources":["../../../../src/components/_Icon/Icons/IconDisclosureRight.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DisclosureRight } from '../Icon.assets/DisclosureRight';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconDisclosureRight: React.FC<IconProps> = ({ size = 's', color, className }) => {\n    return <IconRoot className={className} size={size} color={color} icon={DisclosureRight} />;\n};\n"],"names":["IconDisclosureRight","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","DisclosureRight"],"mappings":";;;;IAKaA,mBAAwC,GAAG,SAA3CA,mBAAwCA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAAnCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACnF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,eAAAA;AAAgB,GAAE,CAAC,CAAA;AAC9F;;;;"}
+{"version":3,"file":"IconDisclosureRight.js","sources":["../../../../src/components/_Icon/Icons/IconDisclosureRight.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { DisclosureRight } from '../Icon.assets/DisclosureRight';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconDisclosureRight: React.FC<IconProps & HTMLAttributes<HTMLDivElement>> = ({\n    size = 's',\n    color,\n    className,\n    ...rest\n}) => {\n    return <IconRoot className={className} size={size} color={color} icon={DisclosureRight} {...rest} />;\n};\n"],"names":["IconDisclosureRight","_ref","_ref$size","size","color","className","rest","_objectWithoutProperties","_excluded","React","createElement","IconRoot","_extends","icon","DisclosureRight"],"mappings":";;;;;;IAKaA,mBAAyE,GAAG,SAA5EA,mBAAyEA,CAAAC,IAAA,EAKhF;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAJFE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;IACVE,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,SAAS,GAAAJ,IAAA,CAATI,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;AAEP,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAAC,QAAA,CAAA;AAACP,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACS,IAAAA,IAAI,EAAEC,eAAAA;GAAqBR,EAAAA,IAAI,CAAG,CAAC,CAAA;AACxG;;;;"}

package/es/index.css

@@ -400,12 +400,13 @@
 
 .DropdownHeader_styles_196gwgm_s133b1g2__3510806e{background:var(--plasma-dropdown-header-background);font-family:var(--plasma-dropdown-header-font-family);font-size:var(--plasma-dropdown-header-font-size);font-style:var(--plasma-dropdown-header-font-style);font-weight:var(--plasma-dropdown-header-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-header-line-height);-moz-letter-spacing:var(--plasma-dropdown-header-line-height);-ms-letter-spacing:var(--plasma-dropdown-header-line-height);letter-spacing:var(--plasma-dropdown-header-line-height);line-height:var(--plasma-dropdown-header-font-weight);width:var(--plasma-dropdown-header-width);height:var(--plasma-dropdown-header-height);padding:var(--plasma-dropdown-header-padding-top) var(--plasma-dropdown-header-padding-right) var(--plasma-dropdown-header-padding-bottom) var(--plasma-dropdown-header-padding-left);margin:var(--plasma-dropdown-header-margin-top) var(--plasma-dropdown-header-margin-right) var(--plasma-dropdown-header-margin-bottom) var(--plasma-dropdown-header-margin-left);}
 
-.DropdownItem_styles_14yih1y_c1gkzlls__bf539568{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
+.DropdownItem_styles_z6xd28_c1gkzlls__90ad11ce{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
 
-.DropdownItem_styles_14yih1y_d1m97l2m__bf539568{line-height:0;color:var(--text-secondary);}
-.DropdownItem_styles_14yih1y_doib72h__bf539568{height:1px;margin-top:var(--doib72h-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--doib72h-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
-.DropdownItem_styles_14yih1y_w6l2f0g__bf539568{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-dropdown-item-height);margin:0;box-sizing:content-box;padding:var(--w6l2f0g-0);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:var(--plasma-dropdown-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:0.125rem solid transparent;border-left:0.125rem solid transparent;background-clip:padding-box;position:relative;}.DropdownItem_styles_14yih1y_w6l2f0g__bf539568:hover:not(.DropdownItem_styles_14yih1y_dropdownItemIsDisabled__bf539568){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_14yih1y_w6l2f0g__bf539568.DropdownItem_styles_14yih1y_dropdownItemIsActive__bf539568{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_14yih1y_w6l2f0g__bf539568.DropdownItem_styles_14yih1y_dropdownItemIsDisabled__bf539568{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_14yih1y_w6l2f0g__bf539568:focus{outline:none;}.DropdownItem_styles_14yih1y_w6l2f0g__bf539568::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_14yih1y_w6l2f0g__bf539568.DropdownItem_styles_14yih1y_dropdownItemIsFocused__bf539568:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
-.DropdownItem_styles_14yih1y_r1jav4ek__bf539568{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.DropdownItem_styles_z6xd28_d1m97l2m__90ad11ce{line-height:0;color:var(--text-secondary);}
+.DropdownItem_styles_z6xd28_soib72h__90ad11ce{width:var(--soib72h-0);height:var(--soib72h-0);}
+.DropdownItem_styles_z6xd28_d6l2f0g__90ad11ce{height:1px;margin-top:var(--d6l2f0g-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--d6l2f0g-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
+.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--w1jav4ek-0);min-height:var(--plasma-dropdown-item-height);margin:0 calc(0.125rem + var(--plasma-dropdown-border-width,0rem));box-sizing:content-box;padding:var(--w1jav4ek-1);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:calc(var(--plasma-dropdown-border-radius) - 0.125rem - var(--plasma-dropdown-border-width,0rem));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-clip:padding-box;position:relative;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce:hover:not(.DropdownItem_styles_z6xd28_dropdownItemIsDisabled__90ad11ce){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsActive__90ad11ce{background-color:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsDisabled__90ad11ce{opacity:0.4;cursor:not-allowed;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce:focus{outline:none;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_z6xd28_w1jav4ek__90ad11ce.DropdownItem_styles_z6xd28_dropdownItemIsFocused__90ad11ce:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
+.DropdownItem_styles_z6xd28_r1fqtjio__90ad11ce{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
 
 .DropdownItem_styles_1lyg81y_s1iqs5in__b17ea060{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
 .DropdownItem_styles_1lyg81y_sfg3dyd__b17ea060{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.231.1-dev.0",
+  "version": "0.232.0-canary.1650.12478253360.0",
   "description": "Salute Design System blueprint",
   "main": "./cjs/index.js",
   "module": "./es/index.js",
@@ -145,5 +145,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "db1bf70e3567af5de2534e2824101d40d3e05130"
+  "gitHead": "7ee1e3f024cb318c68655d825ed4cc858cbb7ac6"
 }

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

@@ -84,6 +84,9 @@ var tokens = exports.tokens = {
   itemFontLineHeight: '--plasma-dropdown-item-font-weight',
   itemPadding: '--plasma-dropdown-item-padding',
   itemPaddingTight: '--plasma-dropdown-item-padding-tight',
+  itemGap: '--plasma-dropdown-item-gap',
+  itemGapTight: '--plasma-dropdown-item-gap-tight',
+  itemDisclosureIconSize: '--plasma-dropdown-item-disclosure-icon-size',
   cellPadding: '--plasma-dropdown-cell-padding',
   cellPaddingLeftContent: '--plasma-dropdown-cell-padding-left-content',
   cellPaddingContent: '--plasma-dropdown-cell-padding-content',

package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js

@@ -8,7 +8,6 @@ exports.DropdownItem = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _Dropdown = /*#__PURE__*/require("../../Dropdown.tokens");
 var _utils = /*#__PURE__*/require("../../../../utils");
-var _Icon = /*#__PURE__*/require("../../../_Icon");
 var _Dropdown2 = /*#__PURE__*/require("../../Dropdown.context");
 var _utils2 = /*#__PURE__*/require("../../utils");
 var _DropdownItem = /*#__PURE__*/require("./DropdownItem.styles");
@@ -107,7 +106,7 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
     alignContentLeft: "center",
     alignContentRight: "center",
     title: label
-  })), item.items && hasArrow && /*#__PURE__*/_react["default"].createElement(_DropdownItem.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
+  })), item.items && hasArrow && /*#__PURE__*/_react["default"].createElement(_DropdownItem.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledIconDisclosureRight, {
     size: disclosureIconSize,
     color: "inherit"
   }))), dividerAfter && /*#__PURE__*/_react["default"].createElement(_DropdownItem.Divider, {

package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Wrapper = exports.StyledCell = exports.RenderItemWrapper = exports.Divider = exports.DisclosureIconWrapper = exports.CellWrapper = void 0;
+exports.sizeMap = exports.Wrapper = exports.StyledIconDisclosureRight = exports.StyledCell = exports.RenderItemWrapper = exports.Divider = exports.DisclosureIconWrapper = exports.CellWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
 var _Dropdown = /*#__PURE__*/require("../../Dropdown.tokens");
 var _mixins = /*#__PURE__*/require("../../../../mixins");
 var _Cell = /*#__PURE__*/require("../../../Cell");
 var _engines = /*#__PURE__*/require("../../../../engines");
+var _Icon = /*#__PURE__*/require("../../../_Icon");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var mergedCellConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Cell.cellConfig);
 var Cell = /*#__PURE__*/(0, _engines.component)(mergedCellConfig);
@@ -21,21 +22,42 @@ var StyledCell = exports.StyledCell = /*#__PURE__*/(0, _styledComponents["defaul
 var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-hs0ek1-2"
 })(["line-height:0;color:var(", ");"], _Dropdown.constants.disclosureIconColor);
-var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+
+// TODO: Удалить после поддержки JS переменных в конфиге компонент
+var sizeMap = exports.sizeMap = {
+  xs: '1rem',
+  s: '1.5rem',
+  m: '2rem'
+};
+var StyledIconDisclosureRight = exports.StyledIconDisclosureRight = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureRight).withConfig({
   componentId: "plasma-new-hope__sc-hs0ek1-3"
-})(["height:1px;margin-top:", ";margin-right:var(", ");margin-bottom:", ";margin-left:var(", ");background:var(", ");"], function (_ref) {
-  var variant = _ref.variant;
+})(["width:", ";height:", ";"], function (_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'xs' : _ref$size;
+  return "var(".concat(_Dropdown.tokens.itemDisclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function (_ref2) {
+  var _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'xs' : _ref2$size;
+  return "var(".concat(_Dropdown.tokens.itemDisclosureIconSize, ", ").concat(sizeMap[size], ")");
+});
+var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-hs0ek1-4"
+})(["height:1px;margin-top:", ";margin-right:var(", ");margin-bottom:", ";margin-left:var(", ");background:var(", ");"], function (_ref3) {
+  var variant = _ref3.variant;
   return "var(".concat(variant === 'tight' ? _Dropdown.tokens.dividerMarginTopTight : _Dropdown.tokens.dividerMarginTop, ")");
-}, _Dropdown.tokens.dividerMarginRight, function (_ref2) {
-  var variant = _ref2.variant;
+}, _Dropdown.tokens.dividerMarginRight, function (_ref4) {
+  var variant = _ref4.variant;
   return "var(".concat(variant === 'tight' ? _Dropdown.tokens.dividerMarginBottomTight : _Dropdown.tokens.dividerMarginBottom, ")");
 }, _Dropdown.tokens.dividerMarginLeft, _Dropdown.tokens.dividerColor);
 var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
-  componentId: "plasma-new-hope__sc-hs0ek1-4"
-})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");border-radius:var(", ");user-select:none;border-right:0.125rem solid transparent;border-left:0.125rem solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Dropdown.tokens.itemHeight, function (_ref3) {
-  var variant = _ref3.variant;
+  componentId: "plasma-new-hope__sc-hs0ek1-5"
+})(["display:flex;align-items:center;gap:", ";min-height:var(", ");margin:0 calc(0.125rem + var(", ",0rem));box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");border-radius:calc(var(", ") - 0.125rem - var(", ",0rem));user-select:none;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], function (_ref5) {
+  var variant = _ref5.variant;
+  return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemGapTight : _Dropdown.tokens.itemGap, ")");
+}, _Dropdown.tokens.itemHeight, _Dropdown.tokens.borderWidth, function (_ref6) {
+  var variant = _ref6.variant;
   return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingTight : _Dropdown.tokens.itemPadding, ")");
-}, _Dropdown.tokens.itemFontFamily, _Dropdown.tokens.itemFontSize, _Dropdown.tokens.itemFontStyle, _Dropdown.tokens.itemFontWeightBold, _Dropdown.tokens.itemFontLetterSpacing, _Dropdown.tokens.itemFontLineHeight, _Dropdown.constants.itemBackground, _Dropdown.tokens.borderRadius, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsActive, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
+}, _Dropdown.tokens.itemFontFamily, _Dropdown.tokens.itemFontSize, _Dropdown.tokens.itemFontStyle, _Dropdown.tokens.itemFontWeightBold, _Dropdown.tokens.itemFontLetterSpacing, _Dropdown.tokens.itemFontLineHeight, _Dropdown.constants.itemBackground, _Dropdown.tokens.borderRadius, _Dropdown.tokens.borderWidth, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsActive, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
   outlineSize: '0.0625rem',
   outlineOffset: '0',
   outlineColor: /*#__PURE__*/"var(".concat(_Dropdown.constants.focusColor, ")"),
@@ -44,5 +66,5 @@ var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.wit
   customFocusRules: /*#__PURE__*/"\n            &.".concat(_Dropdown.classes.dropdownItemIsFocused, ":before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(").concat(_Dropdown.constants.focusColor, ");\n            }\n        ")
 }));
 var RenderItemWrapper = exports.RenderItemWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-hs0ek1-5"
+  componentId: "plasma-new-hope__sc-hs0ek1-6"
 })(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());

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

@@ -6,7 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.IconRoot = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _excluded = ["icon", "size", "color", "className", "sizeCustomProperty", "sizeCustomValue"];
 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); }
+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 sizeMap = {
   xxs: 1,
   // 16px
@@ -40,14 +44,15 @@ var IconRoot = exports.IconRoot = function IconRoot(_ref4) {
     color = _ref4.color,
     className = _ref4.className,
     sizeCustomProperty = _ref4.sizeCustomProperty,
-    sizeCustomValue = _ref4.sizeCustomValue;
+    sizeCustomValue = _ref4.sizeCustomValue,
+    rest = _objectWithoutProperties(_ref4, _excluded);
   var c = color || 'var(--text-primary)';
   var w = sizeCustomProperty ? "var(".concat(sizeCustomProperty, ")") : sizeCustomValue || "".concat(sizeMap[size], "rem");
-  return /*#__PURE__*/_react["default"].createElement(StyledRoot, {
+  return /*#__PURE__*/_react["default"].createElement(StyledRoot, _extends({
     "aria-hidden": true,
     w: w,
     className: className
-  }, /*#__PURE__*/_react["default"].createElement(IconComponent, {
+  }, rest), /*#__PURE__*/_react["default"].createElement(IconComponent, {
     color: c,
     size: size
   }));

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

@@ -7,16 +7,21 @@ exports.IconDisclosureRight = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
 var _DisclosureRight = /*#__PURE__*/require("../Icon.assets/DisclosureRight");
 var _IconRoot = /*#__PURE__*/require("../IconRoot");
+var _excluded = ["size", "color", "className"];
 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); }
+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 IconDisclosureRight = exports.IconDisclosureRight = function IconDisclosureRight(_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 = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, _extends({
     className: className,
     size: size,
     color: color,
     icon: _DisclosureRight.DisclosureRight
-  });
+  }, rest));
 };

package/styled-components/es/components/Dropdown/Dropdown.tokens.js

@@ -78,6 +78,9 @@ export var tokens = {
   itemFontLineHeight: '--plasma-dropdown-item-font-weight',
   itemPadding: '--plasma-dropdown-item-padding',
   itemPaddingTight: '--plasma-dropdown-item-padding-tight',
+  itemGap: '--plasma-dropdown-item-gap',
+  itemGapTight: '--plasma-dropdown-item-gap-tight',
+  itemDisclosureIconSize: '--plasma-dropdown-item-disclosure-icon-size',
   cellPadding: '--plasma-dropdown-cell-padding',
   cellPaddingLeftContent: '--plasma-dropdown-cell-padding-left-content',
   cellPaddingContent: '--plasma-dropdown-cell-padding-content',

package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js

@@ -5,10 +5,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useEffect, useRef, useContext } from 'react';
 import { classes } from '../../Dropdown.tokens';
 import { cx } from '../../../../utils';
-import { IconDisclosureRight } from '../../../_Icon';
 import { Context } from '../../Dropdown.context';
 import { getItemId } from '../../utils';
-import { Wrapper, DisclosureIconWrapper, Divider, CellWrapper, StyledCell, RenderItemWrapper } from './DropdownItem.styles';
+import { Wrapper, DisclosureIconWrapper, Divider, CellWrapper, StyledCell, RenderItemWrapper, StyledIconDisclosureRight } from './DropdownItem.styles';
 export var DropdownItem = function DropdownItem(_ref) {
   var item = _ref.item,
     path = _ref.path,
@@ -98,7 +97,7 @@ export var DropdownItem = function DropdownItem(_ref) {
     alignContentLeft: "center",
     alignContentRight: "center",
     title: label
-  })), item.items && hasArrow && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(IconDisclosureRight, {
+  })), item.items && hasArrow && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(StyledIconDisclosureRight, {
     size: disclosureIconSize,
     color: "inherit"
   }))), dividerAfter && /*#__PURE__*/React.createElement(Divider, {

package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js

@@ -3,6 +3,7 @@ import { classes, tokens, constants } from '../../Dropdown.tokens';
 import { addFocus, applyEllipsis } from '../../../../mixins';
 import { cellConfig, cellTokens } from '../../../Cell';
 import { component, mergeConfig } from '../../../../engines';
+import { IconDisclosureRight } from '../../../_Icon';
 var mergedCellConfig = /*#__PURE__*/mergeConfig(cellConfig);
 var Cell = /*#__PURE__*/component(mergedCellConfig);
 export var CellWrapper = /*#__PURE__*/styled.div.withConfig({
@@ -14,21 +15,42 @@ export var StyledCell = /*#__PURE__*/styled(Cell).withConfig({
 export var DisclosureIconWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-hs0ek1-2"
 })(["line-height:0;color:var(", ");"], constants.disclosureIconColor);
-export var Divider = /*#__PURE__*/styled.div.withConfig({
+
+// TODO: Удалить после поддержки JS переменных в конфиге компонент
+export var sizeMap = {
+  xs: '1rem',
+  s: '1.5rem',
+  m: '2rem'
+};
+export var StyledIconDisclosureRight = /*#__PURE__*/styled(IconDisclosureRight).withConfig({
   componentId: "plasma-new-hope__sc-hs0ek1-3"
-})(["height:1px;margin-top:", ";margin-right:var(", ");margin-bottom:", ";margin-left:var(", ");background:var(", ");"], function (_ref) {
-  var variant = _ref.variant;
+})(["width:", ";height:", ";"], function (_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'xs' : _ref$size;
+  return "var(".concat(tokens.itemDisclosureIconSize, ", ").concat(sizeMap[size], ")");
+}, function (_ref2) {
+  var _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'xs' : _ref2$size;
+  return "var(".concat(tokens.itemDisclosureIconSize, ", ").concat(sizeMap[size], ")");
+});
+export var Divider = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-hs0ek1-4"
+})(["height:1px;margin-top:", ";margin-right:var(", ");margin-bottom:", ";margin-left:var(", ");background:var(", ");"], function (_ref3) {
+  var variant = _ref3.variant;
   return "var(".concat(variant === 'tight' ? tokens.dividerMarginTopTight : tokens.dividerMarginTop, ")");
-}, tokens.dividerMarginRight, function (_ref2) {
-  var variant = _ref2.variant;
+}, tokens.dividerMarginRight, function (_ref4) {
+  var variant = _ref4.variant;
   return "var(".concat(variant === 'tight' ? tokens.dividerMarginBottomTight : tokens.dividerMarginBottom, ")");
 }, tokens.dividerMarginLeft, tokens.dividerColor);
 export var Wrapper = /*#__PURE__*/styled.li.withConfig({
-  componentId: "plasma-new-hope__sc-hs0ek1-4"
-})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");border-radius:var(", ");user-select:none;border-right:0.125rem solid transparent;border-left:0.125rem solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], tokens.itemHeight, function (_ref3) {
-  var variant = _ref3.variant;
+  componentId: "plasma-new-hope__sc-hs0ek1-5"
+})(["display:flex;align-items:center;gap:", ";min-height:var(", ");margin:0 calc(0.125rem + var(", ",0rem));box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");border-radius:calc(var(", ") - 0.125rem - var(", ",0rem));user-select:none;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], function (_ref5) {
+  var variant = _ref5.variant;
+  return "var(".concat(variant === 'tight' ? tokens.itemGapTight : tokens.itemGap, ")");
+}, tokens.itemHeight, tokens.borderWidth, function (_ref6) {
+  var variant = _ref6.variant;
   return "var(".concat(variant === 'tight' ? tokens.itemPaddingTight : tokens.itemPadding, ")");
-}, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeightBold, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, constants.itemBackground, tokens.borderRadius, classes.dropdownItemIsDisabled, tokens.itemBackgroundHover, classes.dropdownItemIsActive, tokens.itemBackgroundHover, classes.dropdownItemIsDisabled, constants.opacity, /*#__PURE__*/addFocus({
+}, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeightBold, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, constants.itemBackground, tokens.borderRadius, tokens.borderWidth, classes.dropdownItemIsDisabled, tokens.itemBackgroundHover, classes.dropdownItemIsActive, tokens.itemBackgroundHover, classes.dropdownItemIsDisabled, constants.opacity, /*#__PURE__*/addFocus({
   outlineSize: '0.0625rem',
   outlineOffset: '0',
   outlineColor: /*#__PURE__*/"var(".concat(constants.focusColor, ")"),
@@ -37,5 +59,5 @@ export var Wrapper = /*#__PURE__*/styled.li.withConfig({
   customFocusRules: /*#__PURE__*/"\n            &.".concat(classes.dropdownItemIsFocused, ":before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(").concat(constants.focusColor, ");\n            }\n        ")
 }));
 export var RenderItemWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-new-hope__sc-hs0ek1-5"
+  componentId: "plasma-new-hope__sc-hs0ek1-6"
 })(["", ";flex:1;"], /*#__PURE__*/applyEllipsis());

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

@@ -1,3 +1,7 @@
+var _excluded = ["icon", "size", "color", "className", "sizeCustomProperty", "sizeCustomValue"];
+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; }
 import React from 'react';
 import styled from 'styled-components';
 var sizeMap = {
@@ -33,14 +37,15 @@ export var IconRoot = function IconRoot(_ref4) {
     color = _ref4.color,
     className = _ref4.className,
     sizeCustomProperty = _ref4.sizeCustomProperty,
-    sizeCustomValue = _ref4.sizeCustomValue;
+    sizeCustomValue = _ref4.sizeCustomValue,
+    rest = _objectWithoutProperties(_ref4, _excluded);
   var c = color || 'var(--text-primary)';
   var w = sizeCustomProperty ? "var(".concat(sizeCustomProperty, ")") : sizeCustomValue || "".concat(sizeMap[size], "rem");
-  return /*#__PURE__*/React.createElement(StyledRoot, {
+  return /*#__PURE__*/React.createElement(StyledRoot, _extends({
     "aria-hidden": true,
     w: w,
     className: className
-  }, /*#__PURE__*/React.createElement(IconComponent, {
+  }, rest), /*#__PURE__*/React.createElement(IconComponent, {
     color: c,
     size: size
   }));

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

@@ -1,3 +1,7 @@
+var _excluded = ["size", "color", "className"];
+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; }
 import React from 'react';
 import { DisclosureRight } from '../Icon.assets/DisclosureRight';
 import { IconRoot } from '../IconRoot';
@@ -5,11 +9,12 @@ export var IconDisclosureRight = function IconDisclosureRight(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 's' : _ref$size,
     color = _ref.color,
-    className = _ref.className;
-  return /*#__PURE__*/React.createElement(IconRoot, {
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(IconRoot, _extends({
     className: className,
     size: size,
     color: color,
     icon: DisclosureRight
-  });
+  }, rest));
 };

package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts

@@ -3,5 +3,5 @@ export declare const StyledLink: import("@linaria/react").StyledComponent<{
     isHref: boolean;
 } & import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & import("../Link/Link").LinkCustomProps & import("react").RefAttributes<HTMLAnchorElement>>;
 export declare const base: import("@linaria/core").LinariaClassName;
-export declare const Separator: import("@linaria/react").StyledMeta & import("react").FC<import("../_Icon/IconRoot").IconProps>;
+export declare const Separator: import("@linaria/react").StyledMeta & import("react").FC<import("../_Icon/IconRoot").IconProps & import("react").HTMLAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Breadcrumbs.styles.d.ts.map

package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,UAAU;YAA0B,OAAO;0OAmBvD,CAAC;AAEF,eAAO,MAAM,IAAI,0CAahB,CAAC;AAEF,eAAO,MAAM,SAAS,iGAGrB,CAAC"}
+{"version":3,"file":"Breadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,UAAU;YAA0B,OAAO;0OAmBvD,CAAC;AAEF,eAAO,MAAM,IAAI,0CAahB,CAAC;AAEF,eAAO,MAAM,SAAS,kJAGrB,CAAC"}

package/types/components/Dropdown/Dropdown.tokens.d.ts

@@ -55,6 +55,9 @@ export declare const tokens: {
     itemFontLineHeight: string;
     itemPadding: string;
     itemPaddingTight: string;
+    itemGap: string;
+    itemGapTight: string;
+    itemDisclosureIconSize: string;
     cellPadding: string;
     cellPaddingLeftContent: string;
     cellPaddingContent: string;

package/types/components/Dropdown/Dropdown.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoIlB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC"}
+{"version":3,"file":"Dropdown.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuIlB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC"}

package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts

@@ -33,6 +33,8 @@ export declare const StyledCell: import("@linaria/react").StyledMeta & import("r
     children?: import("react").ReactNode;
 } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
 export declare const DisclosureIconWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const sizeMap: Record<string, string>;
+export declare const StyledIconDisclosureRight: import("@linaria/react").StyledMeta & import("react").FC<import("../../../_Icon/IconRoot").IconProps & import("react").HTMLAttributes<HTMLDivElement>>;
 export declare const Divider: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     variant: DropdownProps['variant'];
 }>;

package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAOrD,eAAO,MAAM,WAAW,qKAgBvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qGAAiB,CAAC;AAEzC,eAAO,MAAM,qBAAqB,qKAGjC,CAAC;AAEF,eAAO,MAAM,OAAO;aAAyB,aAAa,CAAC,SAAS,CAAC;EASpE,CAAC;AAEF,eAAO,MAAM,OAAO;aAAwB,aAAa,CAAC,SAAS,CAAC;EAmDnE,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAG7B,CAAC"}
+{"version":3,"file":"DropdownItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAQrD,eAAO,MAAM,WAAW,qKAgBvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qGAAiB,CAAC;AAEzC,eAAO,MAAM,qBAAqB,qKAGjC,CAAC;AAGF,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAI1C,CAAC;AAEF,eAAO,MAAM,yBAAyB,wJAGrC,CAAC;AAEF,eAAO,MAAM,OAAO;aAAyB,aAAa,CAAC,SAAS,CAAC;EASpE,CAAC;AAEF,eAAO,MAAM,OAAO;aAAwB,aAAa,CAAC,SAAS,CAAC;EAkDnE,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAG7B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"IconRoot.d.ts","sourceRoot":"","sources":["../../../src/components/_Icon/IconRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,OAAO;;;;;;;;CAQZ,CAAC;AAEF,oBAAY,QAAQ,GAAG,MAAM,OAAO,OAAO,CAAC;AAE5C,MAAM,WAAW,SAAS;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IASnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAO5B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,UAAU,aAAc,SAAQ,SAAS;IACrC,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;CAC7B;AASD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiB5C,CAAC"}
+{"version":3,"file":"IconRoot.d.ts","sourceRoot":"","sources":["../../../src/components/_Icon/IconRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,OAAO;;;;;;;;CAQZ,CAAC;AAEF,oBAAY,QAAQ,GAAG,MAAM,OAAO,OAAO,CAAC;AAE5C,MAAM,WAAW,SAAS;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IASnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAO5B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,UAAU,aAAc,SAAQ,SAAS;IACrC,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;CAC7B;AASD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkB5C,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"IconDisclosureRight.d.ts","sourceRoot":"","sources":["../../../../src/components/_Icon/Icons/IconDisclosureRight.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"}
+{"version":3,"file":"IconDisclosureRight.d.ts","sourceRoot":"","sources":["../../../../src/components/_Icon/Icons/IconDisclosureRight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAY,SAAS,EAAE,MAAM,aAAa,CAAC;AAElD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG,cAAc,CAAC,cAAc,CAAC,CAOpF,CAAC"}

package/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles_14yih1y.css

@@ -1,6 +0,0 @@
-.c1gkzlls{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
-
-.d1m97l2m{line-height:0;color:var(--text-secondary);}
-.doib72h{height:1px;margin-top:var(--doib72h-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--doib72h-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
-.w6l2f0g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-dropdown-item-height);margin:0;box-sizing:content-box;padding:var(--w6l2f0g-0);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:var(--plasma-dropdown-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:0.125rem solid transparent;border-left:0.125rem solid transparent;background-clip:padding-box;position:relative;}.w6l2f0g:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.w6l2f0g.dropdown-item-is-active{background-color:var(--plasma-dropdown-item-background-hover);}.w6l2f0g.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.w6l2f0g:focus{outline:none;}.w6l2f0g::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.w6l2f0g.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
-.r1jav4ek{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}

package/es/components/Dropdown/ui/DropdownItem/DropdownItem.styles_14yih1y.css

@@ -1,6 +0,0 @@
-.c1gkzlls{--plasma-cell-title-color:var(--text-primary);--plasma-cell-background-color:var(--plasma-colors-transparent);--plasma-cell-padding:var(--plasma-dropdown-cell-padding);--plasma-cell-padding-left-content:var(--plasma-dropdown-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-dropdown-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-dropdown-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-dropdown-cell-textbox-gap);--plasma-cell-gap:var(--plasma-dropdown-cell-gap);--plasma-cell-title-font-family:var(--plasma-dropdown-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-dropdown-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-dropdown-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-dropdown-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-dropdown-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-dropdown-cell-title-line-height);width:100%;}
-
-.d1m97l2m{line-height:0;color:var(--text-secondary);}
-.doib72h{height:1px;margin-top:var(--doib72h-0);margin-right:var(--plasma-dropdown-divider-margin-right);margin-bottom:var(--doib72h-1);margin-left:var(--plasma-dropdown-divider-margin-left);background:var(--plasma-dropdown-divider-color);}
-.w6l2f0g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-dropdown-item-height);margin:0;box-sizing:content-box;padding:var(--w6l2f0g-0);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background-color:var(--plasma-colors-transparent);border-radius:var(--plasma-dropdown-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:0.125rem solid transparent;border-left:0.125rem solid transparent;background-clip:padding-box;position:relative;}.w6l2f0g:hover:not(.dropdown-item-is-disabled){cursor:pointer;background-color:var(--plasma-dropdown-item-background-hover);}.w6l2f0g.dropdown-item-is-active{background-color:var(--plasma-dropdown-item-background-hover);}.w6l2f0g.dropdown-item-is-disabled{opacity:0.4;cursor:not-allowed;}.w6l2f0g:focus{outline:none;}.w6l2f0g::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.w6l2f0g.dropdown-item-is-focused:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
-.r1jav4ek{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}