@salutejs/plasma-new-hope 0.109.0-canary.1233.10042812952.0 → 0.109.0-canary.1302.10054896875.0

package/styled-components/cjs/components/Select/ui/SelectFooter/SelectFooter.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_size/base.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_size/tokens.json

@@ -0,0 +1,12 @@
+[
+    "--plasma-select-footer-width",
+    "--plasma-select-footer-height",
+    "--plasma-select-footer-padding-top",
+    "--plasma-select-footer-padding-right",
+    "--plasma-select-footer-padding-bottom",
+    "--plasma-select-footer-padding-left",
+    "--plasma-select-footer-margin-top",
+    "--plasma-select-footer-margin-right",
+    "--plasma-select-footer-margin-bottom",
+    "--plasma-select-footer-margin-left"
+]

package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_view/base.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Select/ui/SelectFooter/variations/_view/tokens.json

@@ -0,0 +1,9 @@
+[
+    "--plasma-select-footer-background",
+    "--plasma-select-footer-font-family",
+    "--plasma-select-footer-font-size",
+    "--plasma-select-footer-font-style",
+    "--plasma-select-footer-letter-spacing",
+    "--plasma-select-footer-line-height",
+    "--plasma-select-footer-font-weight"
+]

package/styled-components/cjs/components/Select/ui/SelectGroup/SelectGroup.js

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

package/styled-components/cjs/components/Select/ui/SelectGroup/SelectGroup.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 _Select = /*#__PURE__*/require("../../Select.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, _Select.tokens.groupBackground, _Dropdown.dropdownTokens.groupWidth, _Select.tokens.groupWidth, _Dropdown.dropdownTokens.groupHeight, _Select.tokens.groupHeight, _Dropdown.dropdownTokens.groupPaddingTop, _Select.tokens.groupPaddingTop, _Dropdown.dropdownTokens.groupPaddingRight, _Select.tokens.groupPaddingRight, _Dropdown.dropdownTokens.groupPaddingBottom, _Select.tokens.groupPaddingBottom, _Dropdown.dropdownTokens.groupPaddingLeft, _Select.tokens.groupPaddingLeft, _Dropdown.dropdownTokens.groupMarginTop, _Select.tokens.groupMarginTop, _Dropdown.dropdownTokens.groupMarginRight, _Select.tokens.groupMarginRight, _Dropdown.dropdownTokens.groupMarginBottom, _Select.tokens.groupMarginBottom, _Dropdown.dropdownTokens.groupMarginLeft, _Select.tokens.groupMarginLeft, _Dropdown.dropdownTokens.groupLabelFontFamily, _Select.tokens.groupLabelFontFamily, _Dropdown.dropdownTokens.groupLabelFontSize, _Select.tokens.groupLabelFontSize, _Dropdown.dropdownTokens.groupLabelFontStyle, _Select.tokens.groupLabelFontStyle, _Dropdown.dropdownTokens.groupLabelFontWeight, _Select.tokens.groupLabelFontWeight, _Dropdown.dropdownTokens.groupLabelLetterSpacing, _Select.tokens.groupLabelLetterSpacing, _Dropdown.dropdownTokens.groupLabelLineHeight, _Select.tokens.groupLabelLineHeight, _Dropdown.dropdownTokens.groupLabelColor, _Select.tokens.groupLabelColor, _Dropdown.dropdownTokens.groupLabelPaddingTop, _Select.tokens.groupLabelPaddingTop, _Dropdown.dropdownTokens.groupLabelPaddingRight, _Select.tokens.groupLabelPaddingRight, _Dropdown.dropdownTokens.groupLabelPaddingBottom, _Select.tokens.groupLabelPaddingBottom, _Dropdown.dropdownTokens.groupLabelPaddingLeft, _Select.tokens.groupLabelPaddingLeft, _Dropdown.dropdownTokens.groupLabelMarginTop, _Select.tokens.groupLabelMarginTop, _Dropdown.dropdownTokens.groupLabelMarginRight, _Select.tokens.groupLabelMarginRight, _Dropdown.dropdownTokens.groupLabelMarginBottom, _Select.tokens.groupLabelMarginBottom, _Dropdown.dropdownTokens.groupLabelMarginLeft, _Select.tokens.groupLabelMarginLeft);
+var base = exports.base = mappingOverride;

package/styled-components/cjs/components/Select/ui/SelectGroup/SelectGroup.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_size/base.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_size/tokens.json

@@ -0,0 +1,20 @@
+[
+    "--plasma-select-group-width",
+    "--plasma-select-group-height",
+    "--plasma-select-group-padding-top",
+    "--plasma-select-group-padding-right",
+    "--plasma-select-group-padding-bottom",
+    "--plasma-select-group-padding-left",
+    "--plasma-select-group-margin-top",
+    "--plasma-select-group-margin-right",
+    "--plasma-select-group-margin-bottom",
+    "--plasma-select-group-margin-left",
+    "--plasma-select-group-label-padding-top",
+    "--plasma-select-group-label-padding-right",
+    "--plasma-select-group-label-padding-bottom",
+    "--plasma-select-group-label-padding-left",
+    "--plasma-select-group-label-margin-top",
+    "--plasma-select-group-label-margin-right",
+    "--plasma-select-group-label-margin-bottom",
+    "--plasma-select-group-label-margin-left"
+]

package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_view/base.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Select/ui/SelectGroup/variations/_view/tokens.json

@@ -0,0 +1,10 @@
+[
+    "--plasma-select-group-background",
+    "--plasma-select-group-label-color",
+    "--plasma-select-group-label-font-family",
+    "--plasma-select-group-label-font-size",
+    "--plasma-select-group-label-font-style",
+    "--plasma-select-group-label-font-weight",
+    "--plasma-select-group-label-letter-spacing",
+    "--plasma-select-group-label-line-height"
+]

package/styled-components/cjs/components/Select/ui/SelectHeader/SelectHeader.js

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

package/styled-components/cjs/components/Select/ui/SelectHeader/SelectHeader.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 _Select = /*#__PURE__*/require("../../Select.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, _Select.tokens.headerBackground, _Dropdown.dropdownTokens.headerWidth, _Select.tokens.headerWidth, _Dropdown.dropdownTokens.headerHeight, _Select.tokens.headerHeight, _Dropdown.dropdownTokens.headerPaddingTop, _Select.tokens.headerPaddingTop, _Dropdown.dropdownTokens.headerPaddingRight, _Select.tokens.headerPaddingRight, _Dropdown.dropdownTokens.headerPaddingBottom, _Select.tokens.headerPaddingBottom, _Dropdown.dropdownTokens.headerPaddingLeft, _Select.tokens.headerPaddingLeft, _Dropdown.dropdownTokens.headerMarginTop, _Select.tokens.headerMarginTop, _Dropdown.dropdownTokens.headerMarginRight, _Select.tokens.headerMarginRight, _Dropdown.dropdownTokens.headerMarginBottom, _Select.tokens.headerMarginBottom, _Dropdown.dropdownTokens.headerMarginLeft, _Select.tokens.headerMarginLeft, _Dropdown.dropdownTokens.headerFontFamily, _Select.tokens.headerFontFamily, _Dropdown.dropdownTokens.headerFontSize, _Select.tokens.headerFontSize, _Dropdown.dropdownTokens.headerFontStyle, _Select.tokens.headerFontStyle, _Dropdown.dropdownTokens.headerFontWeightBold, _Select.tokens.headerFontWeightBold, _Dropdown.dropdownTokens.headerFontLetterSpacing, _Select.tokens.headerFontLetterSpacing, _Dropdown.dropdownTokens.headerFontLineHeight, _Select.tokens.headerFontLineHeight);
+var base = exports.base = mappingOverride;

package/styled-components/cjs/components/Select/ui/SelectHeader/SelectHeader.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_size/base.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_size/tokens.json

@@ -0,0 +1,12 @@
+[
+    "--plasma-select-header-width",
+    "--plasma-select-header-height",
+    "--plasma-select-header-padding-top",
+    "--plasma-select-header-padding-right",
+    "--plasma-select-header-padding-bottom",
+    "--plasma-select-header-padding-left",
+    "--plasma-select-header-margin-top",
+    "--plasma-select-header-margin-right",
+    "--plasma-select-header-margin-bottom",
+    "--plasma-select-header-margin-left"
+]

package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_view/base.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Select/ui/SelectHeader/variations/_view/tokens.json

@@ -0,0 +1,9 @@
+[
+    "--plasma-select-header-background",
+    "--plasma-select-header-font-family",
+    "--plasma-select-header-font-size",
+    "--plasma-select-header-font-style",
+    "--plasma-select-header-letter-spacing",
+    "--plasma-select-header-line-height",
+    "--plasma-select-header-font-weight"
+]

package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.js

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

package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.styles.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mappingOverride = exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var _Select = /*#__PURE__*/require("../../Select.tokens");
+var _Dropdown = /*#__PURE__*/require("../../../Dropdown");
+var _DropdownItem = /*#__PURE__*/require("../../../Dropdown/ui/DropdownItemOld/DropdownItem.styles");
+// NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
+var mappingOverride = exports.mappingOverride = /*#__PURE__*/"\n    ".concat(_Dropdown.dropdownTokens.itemBackground, ": var(").concat(_Select.tokens.itemBackground, ");\n    ").concat(_Dropdown.dropdownTokens.itemColor, ": var(").concat(_Select.tokens.itemColor, ");\n    ").concat(_Dropdown.dropdownTokens.itemBackgroundHover, ": var(").concat(_Select.tokens.itemBackgroundHover, ");\n    ").concat(_Dropdown.dropdownTokens.itemBackgroundSelected, ": var(").concat(_Select.tokens.itemBackgroundSelected, ");\n    ").concat(_Dropdown.dropdownTokens.itemColorSelected, ": var(").concat(_Select.tokens.itemColorSelected, ");\n    ").concat(_Dropdown.dropdownTokens.itemBackgroundSelectedHover, ": var(").concat(_Select.tokens.itemBackgroundSelectedHover, ");\n    ").concat(_Dropdown.dropdownTokens.itemColorSelectedHover, ": var(").concat(_Select.tokens.itemColorSelectedHover, ");\n    ").concat(_Dropdown.dropdownTokens.itemContentLeftColor, ": var(").concat(_Select.tokens.itemContentLeftColor, ");\n    ").concat(_Dropdown.dropdownTokens.itemContentRightColor, ": var(").concat(_Select.tokens.itemContentRightColor, ");\n    ").concat(_Dropdown.dropdownTokens.disabledOpacity, ": var(").concat(_Select.tokens.disabledOpacity, ");\n    ").concat(_Dropdown.dropdownTokens.focusColor, ": var(").concat(_Select.tokens.focusColor, ");\n    ").concat(_Dropdown.dropdownTokens.itemWidth, ": var(").concat(_Select.tokens.itemWidth, ");\n    ").concat(_Dropdown.dropdownTokens.itemHeight, ": var(").concat(_Select.tokens.itemHeight, ");\n    ").concat(_Dropdown.dropdownTokens.itemBorderRadius, ": var(").concat(_Select.tokens.itemBorderRadius, ");\n    ").concat(_Dropdown.dropdownTokens.itemPaddingTop, ": var(").concat(_Select.tokens.itemPaddingTop, ");\n    ").concat(_Dropdown.dropdownTokens.itemPaddingRight, ": var(").concat(_Select.tokens.itemPaddingRight, ");\n    ").concat(_Dropdown.dropdownTokens.itemPaddingBottom, ": var(").concat(_Select.tokens.itemPaddingBottom, ");\n    ").concat(_Dropdown.dropdownTokens.itemPaddingLeft, ": var(").concat(_Select.tokens.itemPaddingLeft, ");\n    ").concat(_Dropdown.dropdownTokens.itemMarginTop, ": var(").concat(_Select.tokens.itemMarginTop, ");\n    ").concat(_Dropdown.dropdownTokens.itemMarginRight, ": var(").concat(_Select.tokens.itemMarginRight, ");\n    ").concat(_Dropdown.dropdownTokens.itemMarginBottom, ": var(").concat(_Select.tokens.itemMarginBottom, ");\n    ").concat(_Dropdown.dropdownTokens.itemMarginLeft, ": var(").concat(_Select.tokens.itemMarginLeft, ");\n    ").concat(_Dropdown.dropdownTokens.itemFontFamily, ": var(").concat(_Select.tokens.itemFontFamily, ");\n    ").concat(_Dropdown.dropdownTokens.itemFontSize, ": var(").concat(_Select.tokens.itemFontSize, ");\n    ").concat(_Dropdown.dropdownTokens.itemFontStyle, ": var(").concat(_Select.tokens.itemFontStyle, ");\n    ").concat(_Dropdown.dropdownTokens.itemFontWeightBold, ": var(").concat(_Select.tokens.itemFontWeightBold, ");\n    ").concat(_Dropdown.dropdownTokens.itemFontLetterSpacing, ": var(").concat(_Select.tokens.itemFontLetterSpacing, ");\n    ").concat(_Dropdown.dropdownTokens.itemFontLineHeight, ": var(").concat(_Select.tokens.itemFontLineHeight, ");\n    ").concat(_Dropdown.dropdownTokens.itemContentLeftWidth, ": var(").concat(_Select.tokens.itemContentLeftWidth, ");\n    ").concat(_Dropdown.dropdownTokens.itemContentRightWidth, ": var(").concat(_Select.tokens.itemContentRightWidth, ");\n");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", ";", ";"], _DropdownItem.baseContent, mappingOverride);

package/styled-components/cjs/components/Select/ui/SelectItem/SelectItem.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/styled-components/cjs/components/Select/ui/SelectItem/variations/_size/base.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Select/ui/SelectItem/variations/_size/tokens.json

@@ -0,0 +1,19 @@
+[
+    "--plasma-select-item-width",
+    "--plasma-select-item-height",
+    "--plasma-select-item-padding-top",
+    "--plasma-select-item-padding-right",
+    "--plasma-select-item-padding-bottom",
+    "--plasma-select-item-padding-left",
+    "--plasma-select-item-margin-top",
+    "--plasma-select-item-margin-right",
+    "--plasma-select-item-margin-bottom",
+    "--plasma-select-item-margin-left",
+    "--plasma-select-item-border-radius",
+    "--plasma-select-item-font-family",
+    "--plasma-select-item-font-size",
+    "--plasma-select-item-font-style",
+    "--plasma-select-item-letter-spacing",
+    "--plasma-select-item-line-height",
+    "--plasma-select-item-font-weight"
+]

package/styled-components/cjs/components/Select/ui/SelectItem/variations/_view/base.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _styledComponents = /*#__PURE__*/require("styled-components");
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

package/styled-components/cjs/components/Select/ui/SelectItem/variations/_view/tokens.json

@@ -0,0 +1,9 @@
+[
+    "--plasma-select-item-background",
+    "--plasma-select-item-color",
+    "--plasma-select-item-background-hover",
+    "--plasma-select-item-background-selected",
+    "--plasma-select-item-color-selected",
+    "--plasma-select-item-background-selected-hover",
+    "--plasma-select-item-color-selected-hover"
+]

package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.js

@@ -0,0 +1,157 @@
+"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.SelectTarget = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _Select = /*#__PURE__*/require("../../Select.tokens");
+var _utils = /*#__PURE__*/require("../../../../utils");
+var _SelectChip = /*#__PURE__*/require("../SelectChip/SelectChip");
+var _useKeyNavigation = /*#__PURE__*/require("../../hooks/useKeyNavigation");
+var _SelectTarget = /*#__PURE__*/require("./SelectTarget.styles");
+var _excluded = ["values", "target", "label", "opened", "readOnly", "disabled", "enumerationType", "size", "id", "chipsRefs", "onChange", "onKeyDown"];
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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 hasNoFocus = _Select.classes.hasNoFocus,
+  hasChips = _Select.classes.hasChips,
+  innerLabelUp = _Select.classes.innerLabelUp,
+  arrowInverse = _Select.classes.arrowInverse,
+  selectTarget = _Select.classes.selectTarget,
+  selectTargetArrow = _Select.classes.selectTargetArrow,
+  selectTargeText = _Select.classes.selectTargeText,
+  selectTargetLabel = _Select.classes.selectTargetLabel;
+
+/**
+ * Элемент для выпадающего списка
+ */
+var SelectTarget = exports.SelectTarget = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var values = _ref.values,
+    _ref$target = _ref.target,
+    target = _ref$target === void 0 ? 'textField-like' : _ref$target,
+    label = _ref.label,
+    opened = _ref.opened,
+    readOnly = _ref.readOnly,
+    disabled = _ref.disabled,
+    enumerationType = _ref.enumerationType,
+    size = _ref.size,
+    id = _ref.id,
+    chipsRefs = _ref.chipsRefs,
+    onChange = _ref.onChange,
+    onKeyDown = _ref.onKeyDown,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var hasText = Boolean(values === null || values === void 0 ? void 0 : values.some(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 1),
+      value = _ref3[0];
+    return value;
+  }));
+  var hasLabel = label && size !== 'xs' && target === 'textField-like';
+  var textContent = values === null || values === void 0 ? void 0 : values.map(function (_ref4) {
+    var _ref5 = _slicedToArray(_ref4, 2),
+      text = _ref5[1];
+    return text;
+  }).join(', ');
+  var contentRef = (0, _react.useRef)(null);
+  var withArrowInverse = opened ? arrowInverse : undefined;
+  var withInnerLabelUp = hasLabel && hasText ? innerLabelUp : undefined;
+  var withHasChips = hasText && enumerationType === 'chip' && target === 'textField-like' ? hasChips : undefined;
+  var withNoFocus = target === 'textField-like' ? hasNoFocus : undefined;
+  var isLabelVisible = !hasText || hasLabel && enumerationType === 'comma';
+  var onChipClick = (0, _react.useCallback)(function (event) {
+    event.stopPropagation();
+  }, []);
+  var onChipClear = (0, _react.useCallback)(function (value, text, index) {
+    var newValue = values === null || values === void 0 ? void 0 : values.filter(function (_ref6) {
+      var _ref7 = _slicedToArray(_ref6, 2),
+        itemValue = _ref7[0],
+        itemText = _ref7[1];
+      return !(itemValue === value && itemText === text);
+    }).map(function (_ref8) {
+      var _ref9 = _slicedToArray(_ref8, 1),
+        itemValue = _ref9[0];
+      return itemValue;
+    });
+    chipsRefs === null || chipsRefs === void 0 || chipsRefs.current.splice(index, 1);
+    onChange === null || onChange === void 0 || onChange(newValue);
+  }, [values, onChange]);
+  var onChipKeyDown = (0, _react.useCallback)(function (value, text, index, event) {
+    var code = event.code,
+      shiftKey = event.shiftKey;
+    if (code === _useKeyNavigation.Keys.Tab || code === _useKeyNavigation.Keys.Tab && shiftKey) {
+      event.preventDefault();
+    }
+    if (code === _useKeyNavigation.Keys.Backspace) {
+      onChipClear(value, text, index);
+    }
+  }, [onChipClear]);
+  var onWheel = (0, _react.useCallback)(function (event) {
+    var deltaY = event.deltaY;
+    if (contentRef.current) {
+      contentRef.current.scrollLeft += Math.round(deltaY);
+    }
+  }, []);
+  var getRef = (0, _react.useCallback)(function (element, index) {
+    if (element && chipsRefs && chipsRefs.current) {
+      chipsRefs.current[index] = element;
+    }
+  }, []);
+
+  // INFO: Нужно очищать на каждый ререндер компонента для актуализации состояния рефов
+  if (chipsRefs) {
+    chipsRefs.current = [];
+  }
+  return /*#__PURE__*/_react["default"].createElement(_SelectTarget.StyledSelectTarget, _extends({}, rest, {
+    ref: ref,
+    opened: opened,
+    target: target,
+    readOnly: readOnly,
+    disabled: disabled,
+    title: textContent,
+    "aria-label": label,
+    className: (0, _utils.cx)(withInnerLabelUp, withHasChips, withNoFocus, selectTarget),
+    onWheel: onWheel,
+    onKeyDown: onKeyDown,
+    stretching: "filled"
+  }), hasText && (enumerationType === 'comma' || target === 'button-like' ? /*#__PURE__*/_react["default"].createElement(_SelectTarget.StyledText, {
+    className: selectTargeText
+  }, textContent) : /*#__PURE__*/_react["default"].createElement(_SelectTarget.StyledChipsWrapper, {
+    ref: contentRef
+  }, /*#__PURE__*/_react["default"].createElement(_SelectTarget.StyledChips, null, values === null || values === void 0 ? void 0 : values.map(function (_ref10, index) {
+    var _ref11 = _slicedToArray(_ref10, 2),
+      value = _ref11[0],
+      text = _ref11[1];
+    return /*#__PURE__*/_react["default"].createElement(_SelectChip.SelectChip, {
+      index: index,
+      ref: function ref(element) {
+        return getRef(element, index);
+      },
+      key: "".concat(value, "_").concat(text),
+      disabled: disabled,
+      readOnly: readOnly,
+      value: value,
+      text: text,
+      onClear: function onClear(v, t) {
+        return onChipClear(v, t, index);
+      },
+      onClick: onChipClick,
+      onKeyDown: onChipKeyDown
+    });
+  })))), isLabelVisible && /*#__PURE__*/_react["default"].createElement(_SelectTarget.StyledLabel, {
+    className: selectTargetLabel,
+    htmlFor: id
+  }, label), /*#__PURE__*/_react["default"].createElement(_SelectTarget.StyledArrow, {
+    size: "s",
+    color: "inherit",
+    className: (0, _utils.cx)(selectTargetArrow, withArrowInverse)
+  }));
+});

package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.styles.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledText = exports.StyledSelectTarget = exports.StyledLabel = exports.StyledChipsWrapper = exports.StyledChips = exports.StyledArrow = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Icon = /*#__PURE__*/require("../../../_Icon");
+var _mixins = /*#__PURE__*/require("../../../../mixins");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Button = /*#__PURE__*/require("../../../Button");
+var _Select = /*#__PURE__*/require("../../Select.tokens");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var hasChips = _Select.classes.hasChips,
+  hasNoFocus = _Select.classes.hasNoFocus,
+  innerLabelUp = _Select.classes.innerLabelUp,
+  arrowInverse = _Select.classes.arrowInverse,
+  selectTargetArrow = _Select.classes.selectTargetArrow,
+  selectTargeText = _Select.classes.selectTargeText,
+  selectTargetLabel = _Select.classes.selectTargetLabel;
+var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonConfig);
+var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
+
+// NOTE: Необходимое переопределение токенов из компонента Button т.к. используются его части
+var StyledSelectTarget = exports.StyledSelectTarget = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
+  componentId: "plasma-new-hope__sc-s16vtc-0"
+})(["", ":var(", ");", ":var(", ");", ":", ";", ":", ";", ":", ";", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");box-shadow:inset 0 0 0 0.0625rem ", ";&:hover:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem ", ";}&:active:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem ", ";}padding:", ";display:flex;justify-content:flex-start;&[readonly]{cursor:default;.", "{opacity:0.4;}}.", "{transform:rotate(-180deg);}&.", "{padding:var(", ");}&.", "{.", "{top:var(", ");}.", "{top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}}&.", "{--plasma_private-combobox-focus-size:0.0625rem;", "}"], _Button.buttonTokens.buttonDisabledOpacity, _Select.tokens.disabledOpacity, _Button.buttonTokens.buttonColor, _Select.tokens.targetColor, _Button.buttonTokens.buttonBackgroundColor, function (_ref) {
+  var opened = _ref.opened;
+  return opened ? "var(".concat(_Select.tokens.targetBackgroundColorOpen, ")") : "var(".concat(_Select.tokens.targetBackgroundColor, ")");
+}, _Button.buttonTokens.buttonBackgroundColorHover, function (_ref2) {
+  var opened = _ref2.opened;
+  return opened ? "var(".concat(_Select.tokens.targetBackgroundColorOpen, ")") : "var(".concat(_Select.tokens.targetBackgroundColorHover, ")");
+}, _Button.buttonTokens.buttonBackgroundColorActive, function (_ref3) {
+  var opened = _ref3.opened;
+  return opened ? "var(".concat(_Select.tokens.targetBackgroundColorOpen, ")") : "var(".concat(_Select.tokens.targetBackgroundColorActive, ")");
+}, _Button.buttonTokens.buttonHeight, _Select.tokens.targetHeight, _Button.buttonTokens.buttonWidth, _Select.tokens.targetWidth, _Button.buttonTokens.buttonRadius, _Select.tokens.targetRadius, _Button.buttonTokens.buttonFontFamily, _Select.tokens.targetFontFamily, _Button.buttonTokens.buttonFontSize, _Select.tokens.targetFontSize, _Button.buttonTokens.buttonFontStyle, _Select.tokens.targetFontStyle, _Button.buttonTokens.buttonFontWeight, _Select.tokens.targetFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Select.tokens.targetLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Select.tokens.targetLineHeight, _Button.buttonTokens.buttonFocusColor, _Select.tokens.focusColor, function (_ref4) {
+  var opened = _ref4.opened;
+  return opened ? "var(".concat(_Select.tokens.targetBorderColorOpen, ")") : "var(".concat(_Select.tokens.targetBorderColor, ")");
+}, function (_ref5) {
+  var opened = _ref5.opened;
+  return opened ? "var(".concat(_Select.tokens.targetBorderColorOpen, ")") : "var(".concat(_Select.tokens.targetBorderColorHover, ")");
+}, function (_ref6) {
+  var opened = _ref6.opened;
+  return opened ? "var(".concat(_Select.tokens.targetBorderColorOpen, ")") : "var(".concat(_Select.tokens.targetBorderColorActive, ")");
+}, function (_ref7) {
+  var target = _ref7.target;
+  return target === 'textField-like' ? "var(".concat(_Select.tokens.targetPaddingWithInput, ")") : "var(".concat(_Select.tokens.targetPadding, ")");
+}, /*#__PURE__*/String(selectTargetArrow), /*#__PURE__*/String(arrowInverse), /*#__PURE__*/String(hasChips), _Select.tokens.targetPaddingHasChips, /*#__PURE__*/String(innerLabelUp), /*#__PURE__*/String(selectTargeText), _Select.tokens.targetInnerTop, /*#__PURE__*/String(selectTargetLabel), _Select.tokens.targetLabelInnerTop, _Select.tokens.targetLabelInnerFontFamily, _Select.tokens.targetLabelInnerFontSize, _Select.tokens.targetLabelInnerFontStyle, _Select.tokens.targetLabelInnerFontWeight, _Select.tokens.targetLabelInnerLetterSpacing, _Select.tokens.targetLabelInnerLineHeight, /*#__PURE__*/String(hasNoFocus), /*#__PURE__*/(0, _mixins.addFocus)({
+  hasTransition: false,
+  outlineOffset: 'calc(-1 * var(--plasma_private-combobox-focus-size))',
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(_Select.tokens.targetRadius, ") + var(--plasma_private-combobox-focus-size))"),
+  outlineSize: 'var(--plasma_private-combobox-focus-size)',
+  customFocusRules: /*#__PURE__*/"\n                &:focus-within {\n                    box-shadow: none;\n                    background-color: var(".concat(_Select.tokens.targetBackgroundColorOpen, ");\n\n                    &::before {\n                        box-shadow: inset 0 0 0 var(--plasma_private-combobox-focus-size) var(").concat(_Select.tokens.targetBorderColorOpen, ");\n                    }\n                }\n            ")
+}));
+var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconChevronDown).withConfig({
+  componentId: "plasma-new-hope__sc-s16vtc-1"
+})(["transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;position:absolute;right:var(", ");color:var(", ");"], _Select.tokens.targetArrowRight, _Select.tokens.targetArrowColor);
+var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+  componentId: "plasma-new-hope__sc-s16vtc-2"
+})(["", ";position:relative;pointer-events:none;user-select:none;color:var(", ");"], /*#__PURE__*/(0, _mixins.applyEllipsis)(), _Select.tokens.targetColor);
+var StyledChipsWrapper = exports.StyledChipsWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-s16vtc-3"
+})(["border-radius:var(", ");overflow:scroll;position:relative;width:100%;height:var(", ");display:flex;align-items:center;::-webkit-scrollbar{display:none;}scrollbar-width:none;overscroll-behavior:contain;"], _Select.tokens.chipBorderRadius, _Select.tokens.chipHeight);
+var StyledChips = exports.StyledChips = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-s16vtc-4"
+})(["overflow:visible;display:flex;gap:var(", ");position:absolute;user-select:none;"], _Select.tokens.chipGap);
+var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
+  componentId: "plasma-new-hope__sc-s16vtc-5"
+})(["", ";box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;width:100%;height:auto;color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], /*#__PURE__*/(0, _mixins.applyEllipsis)(), _Select.tokens.targetLabelColor, _Select.tokens.targetFontFamily, _Select.tokens.targetFontSize, _Select.tokens.targetFontStyle, _Select.tokens.targetFontWeight, _Select.tokens.targetLetterSpacing, _Select.tokens.targetLineHeight);

package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});