@salutejs/plasma-new-hope 0.139.0-canary.1406.10698489067.0 → 0.139.0-canary.1417.10695762745.0

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

@@ -3,113 +3,47 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ComboboxTarget", {
+var _exportNames = {
+  comboboxRoot: true,
+  comboboxConfig: true,
+  comboboxClasses: true,
+  comboboxTokens: true
+};
+Object.defineProperty(exports, "comboboxClasses", {
   enumerable: true,
   get: function get() {
-    return _ComboboxOld.ComboboxTarget;
+    return _Combobox2.classes;
   }
 });
-Object.defineProperty(exports, "comboboxDividerConfig", {
+Object.defineProperty(exports, "comboboxConfig", {
   enumerable: true,
   get: function get() {
-    return _ComboboxOld.comboboxDividerConfig;
+    return _Combobox.comboboxConfig;
   }
 });
-Object.defineProperty(exports, "comboboxDividerRoot", {
+Object.defineProperty(exports, "comboboxRoot", {
   enumerable: true,
   get: function get() {
-    return _ComboboxOld.comboboxDividerRoot;
+    return _Combobox.comboboxRoot;
   }
 });
-Object.defineProperty(exports, "comboboxFooterConfig", {
+Object.defineProperty(exports, "comboboxTokens", {
   enumerable: true,
   get: function get() {
-    return _ComboboxOld.comboboxFooterConfig;
+    return _Combobox2.tokens;
   }
 });
-Object.defineProperty(exports, "comboboxFooterRoot", {
-  enumerable: true,
-  get: function get() {
-    return _ComboboxOld.comboboxFooterRoot;
-  }
-});
-Object.defineProperty(exports, "comboboxGroupConfig", {
-  enumerable: true,
-  get: function get() {
-    return _ComboboxOld.comboboxGroupConfig;
-  }
-});
-Object.defineProperty(exports, "comboboxGroupRoot", {
-  enumerable: true,
-  get: function get() {
-    return _ComboboxOld.comboboxGroupRoot;
-  }
-});
-Object.defineProperty(exports, "comboboxHeaderConfig", {
-  enumerable: true,
-  get: function get() {
-    return _ComboboxOld.comboboxHeaderConfig;
-  }
-});
-Object.defineProperty(exports, "comboboxHeaderRoot", {
-  enumerable: true,
-  get: function get() {
-    return _ComboboxOld.comboboxHeaderRoot;
-  }
-});
-Object.defineProperty(exports, "comboboxItemConfig", {
-  enumerable: true,
-  get: function get() {
-    return _ComboboxOld.comboboxItemConfig;
-  }
-});
-Object.defineProperty(exports, "comboboxItemRoot", {
-  enumerable: true,
-  get: function get() {
-    return _ComboboxOld.comboboxItemRoot;
-  }
-});
-Object.defineProperty(exports, "comboboxNewConfig", {
-  enumerable: true,
-  get: function get() {
-    return _ComboboxNew.comboboxConfig;
-  }
-});
-Object.defineProperty(exports, "comboboxNewRoot", {
-  enumerable: true,
-  get: function get() {
-    return _ComboboxNew.comboboxRoot;
-  }
-});
-Object.defineProperty(exports, "comboboxNewTokens", {
-  enumerable: true,
-  get: function get() {
-    return _ComboboxNew.comboboxTokens;
-  }
-});
-Object.defineProperty(exports, "comboboxOldClasses", {
-  enumerable: true,
-  get: function get() {
-    return _ComboboxOld.comboboxClasses;
-  }
-});
-Object.defineProperty(exports, "comboboxOldConfig", {
-  enumerable: true,
-  get: function get() {
-    return _ComboboxOld.comboboxConfig;
-  }
-});
-Object.defineProperty(exports, "comboboxOldRoot", {
-  enumerable: true,
-  get: function get() {
-    return _ComboboxOld.comboboxRoot;
-  }
-});
-Object.defineProperty(exports, "comboboxOldTokens", {
-  enumerable: true,
-  get: function get() {
-    return _ComboboxOld.comboboxTokens;
-  }
-});
-var _ComboboxOld = /*#__PURE__*/require("./ComboboxOld");
-var _ComboboxNew = /*#__PURE__*/require("./ComboboxNew");
+var _Combobox = /*#__PURE__*/require("./Combobox");
+var _Combobox2 = /*#__PURE__*/require("./Combobox.tokens");
+var _ui = /*#__PURE__*/require("./ui");
+Object.keys(_ui).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ui[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ui[key];
+    }
+  });
+});

package/styled-components/cjs/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledChip = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Chip = /*#__PURE__*/require("../../../Chip");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Combobox = /*#__PURE__*/require("../../Combobox.tokens");
+var _mixins = /*#__PURE__*/require("../../../../mixins");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+// issue #823
+var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Chip.chipConfig);
+var Chip = /*#__PURE__*/(0, _engines.component)(mergedConfig);
+
+// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
+var StyledChip = exports.StyledChip = /*#__PURE__*/(0, _styledComponents["default"])(Chip).withConfig({
+  componentId: "plasma-new-hope__sc-194p1l0-0"
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", " &[readonly]{opacity:var(", ");}"], _Chip.chipTokens.color, _Combobox.tokens.chipColor, _Chip.chipTokens.background, _Combobox.tokens.chipBackground, _Chip.chipTokens.colorHover, _Combobox.tokens.chipColorHover, _Chip.chipTokens.backgroundHover, _Combobox.tokens.chipBackgroundHover, _Chip.chipTokens.colorActive, _Combobox.tokens.chipColorActive, _Chip.chipTokens.backgroundActive, _Combobox.tokens.chipBackgroundActive, _Chip.chipTokens.backgroundReadOnly, _Combobox.tokens.chipBackgroundReadOnly, _Chip.chipTokens.colorReadOnly, _Combobox.tokens.chipColorReadOnly, _Chip.chipTokens.backgroundReadOnlyHover, _Combobox.tokens.chipBackgroundReadOnlyHover, _Chip.chipTokens.colorReadOnlyHover, _Combobox.tokens.chipColorReadOnlyHover, _Chip.chipTokens.borderRadius, _Combobox.tokens.chipBorderRadius, _Chip.chipTokens.width, _Combobox.tokens.chipWidth, _Chip.chipTokens.height, _Combobox.tokens.chipHeight, _Chip.chipTokens.paddingRight, _Combobox.tokens.chipPaddingRight, _Chip.chipTokens.paddingLeft, _Combobox.tokens.chipPaddingLeft, _Chip.chipTokens.fontFamily, _Combobox.tokens.chipFontFamily, _Chip.chipTokens.fontSize, _Combobox.tokens.chipFontSize, _Chip.chipTokens.fontStyle, _Combobox.tokens.chipFontStyle, _Chip.chipTokens.fontWeight, _Combobox.tokens.chipFontWeight, _Chip.chipTokens.letterSpacing, _Combobox.tokens.chipLetterSpacing, _Chip.chipTokens.lineHeight, _Combobox.tokens.chipLineHeight, _Chip.chipTokens.clearContentMarginLeft, _Combobox.tokens.chipClearContentMarginLeft, _Chip.chipTokens.clearContentMarginRight, _Combobox.tokens.chipClearContentMarginRight, _Chip.chipTokens.scaleHover, _Combobox.tokens.chipScaleHover, _Chip.chipTokens.scaleActive, _Combobox.tokens.chipScaleActive, _Chip.chipTokens.closeIconSize, _Combobox.tokens.chipCloseIconSize, _Chip.chipTokens.closeIconColor, _Combobox.tokens.chipCloseIconColor, _Chip.chipTokens.focusColor, _Combobox.tokens.focusColor, /*#__PURE__*/(0, _mixins.addFocus)({
+  outlineOffset: '0.125rem',
+  outlineSize: '0.0625rem',
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(_Combobox.tokens.chipBorderRadius, ") - 0.1rem)"),
+  outlineColor: /*#__PURE__*/"var(".concat(_Combobox.tokens.focusColor, ")")
+}), _Combobox.tokens.chipOpacityReadonly);

package/styled-components/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.comboboxDividerRoot = exports.comboboxDividerConfig = void 0;
+var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
+var _base = /*#__PURE__*/require("./variations/_view/base");
+var _base2 = /*#__PURE__*/require("./variations/_size/base");
+var _ComboboxDivider = /*#__PURE__*/require("./ComboboxDivider.styles");
+var comboboxDividerRoot = exports.comboboxDividerRoot = _Dropdown.dropdownDividerRoot;
+var comboboxDividerConfig = exports.comboboxDividerConfig = {
+  name: 'ComboboxDivider',
+  tag: 'div',
+  layout: comboboxDividerRoot,
+  base: _ComboboxDivider.base,
+  variations: {
+    view: {
+      css: _base.base
+    },
+    size: {
+      css: _base2.base
+    }
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm'
+  }
+};

package/styled-components/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mappingOverride = exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Combobox = /*#__PURE__*/require("../../Combobox.tokens");
+var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
+// NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
+var mappingOverride = exports.mappingOverride = /*#__PURE__*/(0, _styledComponents.css)(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Dropdown.dropdownTokens.dividerColor, _Combobox.tokens.dividerColor, _Dropdown.dropdownTokens.dividerWidth, _Combobox.tokens.dividerWidth, _Dropdown.dropdownTokens.dividerHeight, _Combobox.tokens.dividerHeight, _Dropdown.dropdownTokens.dividerMarginTop, _Combobox.tokens.dividerMarginTop, _Dropdown.dropdownTokens.dividerMarginRight, _Combobox.tokens.dividerMarginRight, _Dropdown.dropdownTokens.dividerMarginBottom, _Combobox.tokens.dividerMarginBottom, _Dropdown.dropdownTokens.dividerMarginLeft, _Combobox.tokens.dividerMarginLeft);
+var base = exports.base = mappingOverride;

package/styled-components/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.comboboxFooterRoot = exports.comboboxFooterConfig = void 0;
+var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
+var _base = /*#__PURE__*/require("./variations/_view/base");
+var _base2 = /*#__PURE__*/require("./variations/_size/base");
+var _ComboboxFooter = /*#__PURE__*/require("./ComboboxFooter.styles");
+var comboboxFooterRoot = exports.comboboxFooterRoot = _Dropdown.dropdownFooterRoot;
+var comboboxFooterConfig = exports.comboboxFooterConfig = {
+  name: 'ComboboxFooter',
+  tag: 'div',
+  layout: comboboxFooterRoot,
+  base: _ComboboxFooter.base,
+  variations: {
+    view: {
+      css: _base.base
+    },
+    size: {
+      css: _base2.base
+    }
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm'
+  }
+};

package/styled-components/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mappingOverride = exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Combobox = /*#__PURE__*/require("../../Combobox.tokens");
+var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
+// NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
+var mappingOverride = exports.mappingOverride = /*#__PURE__*/(0, _styledComponents.css)(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Dropdown.dropdownTokens.footerBackground, _Combobox.tokens.footerBackground, _Dropdown.dropdownTokens.footerWidth, _Combobox.tokens.footerWidth, _Dropdown.dropdownTokens.footerHeight, _Combobox.tokens.footerHeight, _Dropdown.dropdownTokens.footerPaddingTop, _Combobox.tokens.footerPaddingTop, _Dropdown.dropdownTokens.footerPaddingRight, _Combobox.tokens.footerPaddingRight, _Dropdown.dropdownTokens.footerPaddingBottom, _Combobox.tokens.footerPaddingBottom, _Dropdown.dropdownTokens.footerPaddingLeft, _Combobox.tokens.footerPaddingLeft, _Dropdown.dropdownTokens.footerMarginTop, _Combobox.tokens.footerMarginTop, _Dropdown.dropdownTokens.footerMarginRight, _Combobox.tokens.footerMarginRight, _Dropdown.dropdownTokens.footerMarginBottom, _Combobox.tokens.footerMarginBottom, _Dropdown.dropdownTokens.footerMarginLeft, _Combobox.tokens.footerMarginLeft, _Dropdown.dropdownTokens.footerFontFamily, _Combobox.tokens.footerFontFamily, _Dropdown.dropdownTokens.footerFontSize, _Combobox.tokens.footerFontSize, _Dropdown.dropdownTokens.footerFontStyle, _Combobox.tokens.footerFontStyle, _Dropdown.dropdownTokens.footerFontWeightBold, _Combobox.tokens.footerFontWeightBold, _Dropdown.dropdownTokens.footerFontLetterSpacing, _Combobox.tokens.footerFontLetterSpacing, _Dropdown.dropdownTokens.footerFontLineHeight, _Combobox.tokens.footerFontLineHeight);
+var base = exports.base = mappingOverride;

package/styled-components/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.comboboxGroupRoot = exports.comboboxGroupConfig = void 0;
+var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
+var _base = /*#__PURE__*/require("./variations/_view/base");
+var _base2 = /*#__PURE__*/require("./variations/_size/base");
+var _ComboboxGroup = /*#__PURE__*/require("./ComboboxGroup.styles");
+var comboboxGroupRoot = exports.comboboxGroupRoot = _Dropdown.dropdownGroupRoot;
+var comboboxGroupConfig = exports.comboboxGroupConfig = {
+  name: 'ComboboxGroup',
+  tag: 'div',
+  layout: comboboxGroupRoot,
+  base: _ComboboxGroup.base,
+  variations: {
+    view: {
+      css: _base.base
+    },
+    size: {
+      css: _base2.base
+    }
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm'
+  }
+};

package/styled-components/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mappingOverride = exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Combobox = /*#__PURE__*/require("../../Combobox.tokens");
+var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
+// NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
+var mappingOverride = exports.mappingOverride = /*#__PURE__*/(0, _styledComponents.css)(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Dropdown.dropdownTokens.groupBackground, _Combobox.tokens.groupBackground, _Dropdown.dropdownTokens.groupWidth, _Combobox.tokens.groupWidth, _Dropdown.dropdownTokens.groupHeight, _Combobox.tokens.groupHeight, _Dropdown.dropdownTokens.groupPaddingTop, _Combobox.tokens.groupPaddingTop, _Dropdown.dropdownTokens.groupPaddingRight, _Combobox.tokens.groupPaddingRight, _Dropdown.dropdownTokens.groupPaddingBottom, _Combobox.tokens.groupPaddingBottom, _Dropdown.dropdownTokens.groupPaddingLeft, _Combobox.tokens.groupPaddingLeft, _Dropdown.dropdownTokens.groupMarginTop, _Combobox.tokens.groupMarginTop, _Dropdown.dropdownTokens.groupMarginRight, _Combobox.tokens.groupMarginRight, _Dropdown.dropdownTokens.groupMarginBottom, _Combobox.tokens.groupMarginBottom, _Dropdown.dropdownTokens.groupMarginLeft, _Combobox.tokens.groupMarginLeft, _Dropdown.dropdownTokens.groupLabelFontFamily, _Combobox.tokens.groupLabelFontFamily, _Dropdown.dropdownTokens.groupLabelFontSize, _Combobox.tokens.groupLabelFontSize, _Dropdown.dropdownTokens.groupLabelFontStyle, _Combobox.tokens.groupLabelFontStyle, _Dropdown.dropdownTokens.groupLabelFontWeight, _Combobox.tokens.groupLabelFontWeight, _Dropdown.dropdownTokens.groupLabelLetterSpacing, _Combobox.tokens.groupLabelLetterSpacing, _Dropdown.dropdownTokens.groupLabelLineHeight, _Combobox.tokens.groupLabelLineHeight, _Dropdown.dropdownTokens.groupLabelColor, _Combobox.tokens.groupLabelColor, _Dropdown.dropdownTokens.groupLabelPaddingTop, _Combobox.tokens.groupLabelPaddingTop, _Dropdown.dropdownTokens.groupLabelPaddingRight, _Combobox.tokens.groupLabelPaddingRight, _Dropdown.dropdownTokens.groupLabelPaddingBottom, _Combobox.tokens.groupLabelPaddingBottom, _Dropdown.dropdownTokens.groupLabelPaddingLeft, _Combobox.tokens.groupLabelPaddingLeft, _Dropdown.dropdownTokens.groupLabelMarginTop, _Combobox.tokens.groupLabelMarginTop, _Dropdown.dropdownTokens.groupLabelMarginRight, _Combobox.tokens.groupLabelMarginRight, _Dropdown.dropdownTokens.groupLabelMarginBottom, _Combobox.tokens.groupLabelMarginBottom, _Dropdown.dropdownTokens.groupLabelMarginLeft, _Combobox.tokens.groupLabelMarginLeft);
+var base = exports.base = mappingOverride;

package/styled-components/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.comboboxHeaderRoot = exports.comboboxHeaderConfig = void 0;
+var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
+var _base = /*#__PURE__*/require("./variations/_view/base");
+var _base2 = /*#__PURE__*/require("./variations/_size/base");
+var _ComboboxHeader = /*#__PURE__*/require("./ComboboxHeader.styles");
+var comboboxHeaderRoot = exports.comboboxHeaderRoot = _Dropdown.dropdownHeaderRoot;
+var comboboxHeaderConfig = exports.comboboxHeaderConfig = {
+  name: 'ComboboxHeader',
+  tag: 'div',
+  layout: comboboxHeaderRoot,
+  base: _ComboboxHeader.base,
+  variations: {
+    view: {
+      css: _base.base
+    },
+    size: {
+      css: _base2.base
+    }
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm'
+  }
+};

package/styled-components/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mappingOverride = exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Combobox = /*#__PURE__*/require("../../Combobox.tokens");
+var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
+// NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
+var mappingOverride = exports.mappingOverride = /*#__PURE__*/(0, _styledComponents.css)(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Dropdown.dropdownTokens.headerBackground, _Combobox.tokens.headerBackground, _Dropdown.dropdownTokens.headerWidth, _Combobox.tokens.headerWidth, _Dropdown.dropdownTokens.headerHeight, _Combobox.tokens.headerHeight, _Dropdown.dropdownTokens.headerPaddingTop, _Combobox.tokens.headerPaddingTop, _Dropdown.dropdownTokens.headerPaddingRight, _Combobox.tokens.headerPaddingRight, _Dropdown.dropdownTokens.headerPaddingBottom, _Combobox.tokens.headerPaddingBottom, _Dropdown.dropdownTokens.headerPaddingLeft, _Combobox.tokens.headerPaddingLeft, _Dropdown.dropdownTokens.headerMarginTop, _Combobox.tokens.headerMarginTop, _Dropdown.dropdownTokens.headerMarginRight, _Combobox.tokens.headerMarginRight, _Dropdown.dropdownTokens.headerMarginBottom, _Combobox.tokens.headerMarginBottom, _Dropdown.dropdownTokens.headerMarginLeft, _Combobox.tokens.headerMarginLeft, _Dropdown.dropdownTokens.headerFontFamily, _Combobox.tokens.headerFontFamily, _Dropdown.dropdownTokens.headerFontSize, _Combobox.tokens.headerFontSize, _Dropdown.dropdownTokens.headerFontStyle, _Combobox.tokens.headerFontStyle, _Dropdown.dropdownTokens.headerFontWeightBold, _Combobox.tokens.headerFontWeightBold, _Dropdown.dropdownTokens.headerFontLetterSpacing, _Combobox.tokens.headerFontLetterSpacing, _Dropdown.dropdownTokens.headerFontLineHeight, _Combobox.tokens.headerFontLineHeight);
+var base = exports.base = mappingOverride;

package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.js

@@ -0,0 +1,118 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.comboboxItemRoot = exports.comboboxItemConfig = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
+var _Combobox = /*#__PURE__*/require("../../Combobox.tokens");
+var _utils = /*#__PURE__*/require("../../utils");
+var _utils2 = /*#__PURE__*/require("../../../../utils");
+var _base = /*#__PURE__*/require("./variations/_view/base");
+var _base2 = /*#__PURE__*/require("./variations/_size/base");
+var _ComboboxItem = /*#__PURE__*/require("./ComboboxItem.styles");
+var _excluded = ["id", "className", "children", "text", "isSelected", "name", "checked", "value", "view", "size", "disabled", "role", "contentLeft", "contentRight", "onSelect", "onClick", "onChange"];
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 comboboxItemRoot = exports.comboboxItemRoot = function comboboxItemRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
+    var id = _ref.id,
+      className = _ref.className,
+      children = _ref.children,
+      text = _ref.text,
+      isSelected = _ref.isSelected,
+      name = _ref.name,
+      checked = _ref.checked,
+      value = _ref.value,
+      view = _ref.view,
+      size = _ref.size,
+      disabled = _ref.disabled,
+      _ref$role = _ref.role,
+      role = _ref$role === void 0 ? 'option' : _ref$role,
+      ContentLeftComponent = _ref.contentLeft,
+      ContentRightComponent = _ref.contentRight,
+      onSelect = _ref.onSelect,
+      onClick = _ref.onClick,
+      onChange = _ref.onChange,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    var uniqId = (0, _plasmaCore.safeUseId)();
+    var innerId = id || uniqId;
+    var withComboboxItemIsSelected = checked || isSelected ? _Combobox.classes.comboboxItemIsSelected : undefined;
+    var withComboboxItemIsDisabled = disabled ? _Combobox.classes.comboboxItemIsDisabled : undefined;
+    var handleOnClick = (0, _react.useCallback)(function (event) {
+      if (disabled) {
+        return;
+      }
+      onClick === null || onClick === void 0 || onClick(event);
+      if (onSelect && !ContentLeftComponent) {
+        onSelect(value, text);
+      }
+    }, [onSelect, disabled]);
+    var handleOnChange = (0, _react.useCallback)(function (event) {
+      if (disabled) {
+        return;
+      }
+      onChange === null || onChange === void 0 || onChange(event);
+      if (onSelect && ContentLeftComponent) {
+        onSelect(value, text);
+      }
+    }, [onSelect, disabled]);
+    var contentProps = _objectSpread({
+      name: name,
+      value: value,
+      checked: checked || isSelected,
+      disabled: disabled,
+      tabIndex: -1
+    }, !disabled && {
+      onChange: handleOnChange
+    });
+    var ContentLeft = (0, _react.useMemo)(function () {
+      return (0, _utils.getValidComponent)(ContentLeftComponent, contentProps);
+    }, [ContentRightComponent, contentProps]);
+    var ContentRight = (0, _react.useMemo)(function () {
+      return (0, _utils.getValidComponent)(ContentRightComponent, contentProps);
+    }, [ContentRightComponent, contentProps]);
+    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
+      className: (0, _utils2.cx)(withComboboxItemIsSelected, withComboboxItemIsDisabled, className),
+      view: view,
+      size: size,
+      id: innerId,
+      isSelected: isSelected,
+      role: role,
+      ref: outerRootRef,
+      tabIndex: 0,
+      "aria-disabled": disabled,
+      "aria-selected": isSelected,
+      onClick: handleOnClick,
+      "data-value": value
+    }, rest), text ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_ComboboxItem.StyledContentLeft, null, ContentLeftComponent && ContentLeft), /*#__PURE__*/_react["default"].createElement(_ComboboxItem.StyledText, null, text), /*#__PURE__*/_react["default"].createElement(_ComboboxItem.StyledContentRight, null, ContentRightComponent && ContentRight)) : children);
+  });
+};
+var comboboxItemConfig = exports.comboboxItemConfig = {
+  name: 'ComboboxItem',
+  tag: 'div',
+  layout: comboboxItemRoot,
+  base: _ComboboxItem.base,
+  variations: {
+    view: {
+      css: _base.base
+    },
+    size: {
+      css: _base2.base
+    }
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm'
+  }
+};

package/styled-components/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js

@@ -0,0 +1,33 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.baseContent = exports.base = exports.StyledText = exports.StyledContentRight = exports.StyledContentLeft = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
+var _Combobox = /*#__PURE__*/require("../../Combobox.tokens");
+var _mixins = /*#__PURE__*/require("../../../../mixins");
+var _templateObject;
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-i4bkda-0"
+})(["display:inline-flex;min-width:var(", ");color:var(", ");"], _Combobox.tokens.itemContentLeftWidth, _Combobox.tokens.itemContentLeftColor);
+var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-i4bkda-1"
+})(["margin-left:auto;display:inline-flex;min-width:var(", ");color:var(", ");"], _Combobox.tokens.itemContentRightWidth, _Combobox.tokens.itemContentRightColor);
+var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-i4bkda-2"
+})(["", ";"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
+
+// INFO: Для возможности переиспользования стилей в других компонентах
+var baseContent = exports.baseContent = /*#__PURE__*/"\n    box-sizing: content-box;\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    :focus {\n        outline: none;\n    }\n\n    ".concat((0, _mixins.addFocus)({
+  outlineSize: '0.0625rem',
+  outlineOffset: '0',
+  outlineColor: "var(".concat(_Combobox.tokens.focusColor, ")"),
+  outlineRadius: "var(".concat(_Combobox.tokens.itemBorderRadius, ")"),
+  hasTransition: false
+}), ";\n\n    width: 100%;\n\n    font-family: var(").concat(_Combobox.tokens.itemFontFamily, ");\n    font-size: var(").concat(_Combobox.tokens.itemFontSize, ");\n    font-style: var(").concat(_Combobox.tokens.itemFontStyle, ");\n    font-weight: var(").concat(_Combobox.tokens.itemFontWeightBold, ");\n    letter-spacing: var(").concat(_Combobox.tokens.itemFontLetterSpacing, ");\n    line-height: var(").concat(_Combobox.tokens.itemFontLineHeight, ");\n\n    background: var(").concat(_Combobox.tokens.itemBackground, ");\n    color: var(").concat(_Combobox.tokens.itemColor, ");\n    border-radius: var(").concat(_Combobox.tokens.itemBorderRadius, ");\n\n    width: var(").concat(_Combobox.tokens.itemWidth, ");\n    height: var(").concat(_Combobox.tokens.itemHeight, ");\n\n    padding: var(").concat(_Combobox.tokens.itemPaddingTop, ") var(").concat(_Combobox.tokens.itemPaddingRight, ") var(").concat(_Combobox.tokens.itemPaddingBottom, ")\n        var(").concat(_Combobox.tokens.itemPaddingLeft, ");\n\n    margin: var(").concat(_Combobox.tokens.itemMarginTop, ") var(").concat(_Combobox.tokens.itemMarginRight, ") var(").concat(_Combobox.tokens.itemMarginBottom, ")\n        var(").concat(_Combobox.tokens.itemMarginLeft, ");\n\n    &:hover:not(.").concat(_Combobox.classes.comboboxItemIsDisabled, ") {\n        cursor: pointer;\n        background: var(").concat(_Combobox.tokens.itemBackgroundHover, ");\n    }\n\n    &.").concat(String(_Combobox.classes.comboboxItemIsSelected), " {\n        color: var(").concat(_Combobox.tokens.itemColorSelected, ");\n        background: var(").concat(_Combobox.tokens.itemBackgroundSelected, ");\n\n        &:hover:not(.").concat(_Combobox.classes.comboboxItemIsDisabled, ") {\n            background: var(").concat(_Combobox.tokens.itemBackgroundSelectedHover, ");\n        }\n    }\n\n    &.").concat(_Combobox.classes.comboboxItemIsDisabled, " {\n        opacity: var(").concat(_Combobox.tokens.disabledOpacity, ");\n        cursor: not-allowed;\n    }\n");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    ", ";\n"])), baseContent);