@salutejs/plasma-new-hope 0.320.1-canary.1910.14381785345.0 → 0.320.1-canary.1910.14466228582.0

package/es/mixins/applyDisabled.js

@@ -1,6 +1,8 @@
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { css } from 'styled-components';
 
-var disabledCss = /*#__PURE__*/css(["opacity:0.4;cursor:not-allowed;&:hover,&:active{transform:none;}"]);
+var _templateObject, _templateObject2;
+var disabledCss = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    opacity: 0.4;\n    cursor: not-allowed;\n\n    /* stylelint-disable-next-line selector-nested-pattern */\n    &:hover,\n    &:active {\n        transform: none;\n    }\n"])));
 
 /**
  * Миксин неактивной кнопки
@@ -8,7 +10,7 @@ var disabledCss = /*#__PURE__*/css(["opacity:0.4;cursor:not-allowed;&:hover,&:ac
 var applyDisabled = function applyDisabled(_ref) {
   var disabled = _ref.disabled,
     $disabled = _ref.$disabled;
-  return css(["&:disabled{", "}", ""], disabledCss, (disabled || $disabled) && disabledCss);
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    &:disabled {\n        ", "\n    }\n\n    ", "\n"])), disabledCss, (disabled || $disabled) && disabledCss);
 };
 
 export { applyDisabled };

package/es/mixins/applyDisabled.js.map

@@ -1 +1 @@
-{"version":3,"file":"applyDisabled.js","sources":["../../src/mixins/applyDisabled.ts"],"sourcesContent":["import { css, InterpolationFunction } from 'styled-components';\n\nexport interface DisabledProps {\n    /**\n     * Компонент неактивен\n     */\n    disabled?: boolean;\n}\n\nconst disabledCss = css`\n    opacity: 0.4;\n    cursor: not-allowed;\n\n    /* stylelint-disable-next-line selector-nested-pattern */\n    &:hover,\n    &:active {\n        transform: none;\n    }\n`;\n\n/**\n * Миксин неактивной кнопки\n */\nexport const applyDisabled: InterpolationFunction<DisabledProps & { $disabled?: boolean }> = ({\n    disabled,\n    $disabled,\n}) => css`\n    &:disabled {\n        ${disabledCss}\n    }\n\n    ${(disabled || $disabled) && disabledCss}\n`;\n"],"names":["disabledCss","css","applyDisabled","_ref","disabled","$disabled"],"mappings":";;AASA,IAAMA,WAAW,gBAAGC,GAAG,CAStB,CAAA,kEAAA,CAAA,CAAA,CAAA;;AAED;AACA;AACA;IACaC,aAA6E,GAAG,SAAhFA,aAA6EA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACtFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAA;EAAA,OACPJ,GAAG,2BAECD,WAAW,EAGf,CAACI,QAAQ,IAAIC,SAAS,KAAKL,WAAW,CAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"applyDisabled.js","sources":["../../src/mixins/applyDisabled.ts"],"sourcesContent":["import { css, InterpolationFunction } from 'styled-components';\n\nexport interface DisabledProps {\n    /**\n     * Компонент неактивен\n     */\n    disabled?: boolean;\n}\n\nconst disabledCss = css`\n    opacity: 0.4;\n    cursor: not-allowed;\n\n    /* stylelint-disable-next-line selector-nested-pattern */\n    &:hover,\n    &:active {\n        transform: none;\n    }\n`;\n\n/**\n * Миксин неактивной кнопки\n */\nexport const applyDisabled: InterpolationFunction<DisabledProps & { $disabled?: boolean }> = ({\n    disabled,\n    $disabled,\n}) => css`\n    &:disabled {\n        ${disabledCss}\n    }\n\n    ${(disabled || $disabled) && disabledCss}\n`;\n"],"names":["disabledCss","css","_templateObject","_taggedTemplateLiteral","applyDisabled","_ref","disabled","$disabled","_templateObject2"],"mappings":";;;;AASA,IAAMA,WAAW,gBAAGC,GAAG,CAAAC,eAAA,KAAAA,eAAA,gBAAAC,sBAAA,CAStB,CAAA,iLAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;AAED;AACA;AACA;IACaC,aAA6E,GAAG,SAAhFA,aAA6EA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACtFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAA;AAAA,EAAA,OACPN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA,CAECH,CAAAA,8BAAAA,EAAAA,iBAAAA,EAAAA,IAAAA,CAAAA,CAAAA,CAAAA,EAAAA,WAAW,EAGf,CAACM,QAAQ,IAAIC,SAAS,KAAKP,WAAW,CAAA,CAAA;AAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.320.1-canary.1910.14381785345.0",
+  "version": "0.320.1-canary.1910.14466228582.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -29,8 +29,8 @@
     "build:emotion:cjs": "rm -rf emotion/cjs && BABEL_ENV=cjs EMOTION=true SC_NAMESPACE=plasma-new-hope babel ./src-emotion --out-dir ./emotion/cjs --extensions .ts,.tsx --copy-files",
     "build:emotion:esm": "rm -rf emotion/es && BABEL_ENV=esm EMOTION=true SC_NAMESPACE=plasma-new-hope babel ./src-emotion --out-dir ./emotion/es --extensions .ts,.tsx --copy-files",
     "build:styled-components": "npm run build:styled-components:esm && npm run build:styled-components:cjs",
-    "build:styled-components:cjs": "rm -rf styled-components/cjs && BABEL_ENV=cjs SC_NAMESPACE=plasma-new-hope babel ./src-sc --out-dir ./styled-components/cjs --extensions .ts,.tsx --copy-files",
-    "build:styled-components:esm": "rm -rf styled-components/es && BABEL_ENV=esm SC_NAMESPACE=plasma-new-hope babel ./src-sc --out-dir ./styled-components/es --extensions .ts,.tsx --copy-files",
+    "build:styled-components:cjs": "rm -rf styled-components/cjs && BABEL_ENV=cjs SC=true SC_NAMESPACE=plasma-new-hope babel ./src-sc --out-dir ./styled-components/cjs --extensions .ts,.tsx --copy-files",
+    "build:styled-components:esm": "rm -rf styled-components/es && BABEL_ENV=esm SC=true SC_NAMESPACE=plasma-new-hope babel ./src-sc --out-dir ./styled-components/es --extensions .ts,.tsx --copy-files",
     "postbuild:styled-components": "rm -rf src-sc",
     "postbuild:emotion": "rm -rf src-emotion",
     "generate:typings:css": "tsc --outDir types --emitDeclarationOnly",
@@ -81,7 +81,7 @@
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@salutejs/plasma-sb-utils": "0.195.0",
-    "@salutejs/plasma-themes": "0.31.1-canary.1910.14381785345.0",
+    "@salutejs/plasma-themes": "0.31.1-canary.1910.14466228582.0",
     "@storybook/addon-docs": "8.6.12",
     "@storybook/addon-essentials": "8.6.12",
     "@storybook/manager-api": "8.6.12",
@@ -98,6 +98,7 @@
     "@vitejs/plugin-react": "^3.1.0",
     "babel-loader": "8.2.2",
     "babel-plugin-annotate-pure-calls": "0.4.0",
+    "babel-plugin-module-resolver": "5.0.2",
     "babel-plugin-styled-components": "1.13.2",
     "csstype": "3.1.3",
     "default-browser-id": "2.0.0",
@@ -135,5 +136,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "e024b4b51db52ffb2918918abb7bf65b146509ae"
+  "gitHead": "fe59b5a73d930ed0858f263df30e1e4a363a994f"
 }

package/styled-components/cjs/components/Checkbox/Checkbox.js

@@ -15,7 +15,7 @@ var _base4 = /*#__PURE__*/require("./variations/_focused/base");
 var _IconsSvg = /*#__PURE__*/require("./IconsSvg");
 var _Checkbox = /*#__PURE__*/require("./Checkbox.styles");
 var _Checkbox2 = /*#__PURE__*/require("./Checkbox.tokens");
-var _DoneThin, _Done, _Indeterminate;
+var _DoneThin, _Done, _IndeterminateThin, _Indeterminate;
 var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "appearance", "style", "className", "singleLine", "aria-label"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -64,6 +64,12 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
       }
       return _Done || (_Done = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Done, null));
     };
+    var getIndeterminate = function getIndeterminate() {
+      if (appearance === 'outline') {
+        return _IndeterminateThin || (_IndeterminateThin = /*#__PURE__*/_react["default"].createElement(_IconsSvg.IndeterminateThin, null));
+      }
+      return _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null));
+    };
     return /*#__PURE__*/_react["default"].createElement(Root, {
       view: view,
       size: size,
@@ -85,7 +91,7 @@ var checkboxRoot = exports.checkboxRoot = function checkboxRoot(Root) {
       className: singleLineClass
     }, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTriggerWrapper, null, /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledTrigger, {
       className: _Checkbox2.classes.checkboxTrigger
-    }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/_react["default"].createElement(_IconsSvg.Indeterminate, null)) : getIcon())), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
+    }, indeterminate ? getIndeterminate() : getIcon())), hasContent && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledContent, {
       className: singleLineClass
     }, label && /*#__PURE__*/_react["default"].createElement(_Checkbox.StyledLabel, {
       className: singleLineClass,

package/styled-components/cjs/components/Checkbox/IconsSvg.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Indeterminate = exports.DoneThin = exports.Done = void 0;
+exports.IndeterminateThin = exports.Indeterminate = exports.DoneThin = exports.Done = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
 var _Checkbox = /*#__PURE__*/require("./Checkbox.tokens");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -60,4 +60,23 @@ var Indeterminate = exports.Indeterminate = function Indeterminate() {
     stroke: "var(".concat(_Checkbox.tokens.iconColor, ")"),
     d: "m5.09449,9.0315l8,0"
   })));
+};
+var IndeterminateThin = exports.IndeterminateThin = function IndeterminateThin() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      display: 'inline-flex'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("svg", {
+    width: "100%",
+    viewBox: "0 0 18 18",
+    fill: "none",
+    style: {
+      width: "var(".concat(_Checkbox.tokens.triggerSize, ")")
+    }
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    strokeLinecap: "round",
+    strokeWidth: "1",
+    stroke: "var(".concat(_Checkbox.tokens.iconColor, ")"),
+    d: "m5.09449,9.0315l8,0"
+  })));
 };

package/styled-components/cjs/components/Chip/Chip.js

@@ -16,7 +16,7 @@ var _base5 = /*#__PURE__*/require("./variations/_focused/base");
 var _base6 = /*#__PURE__*/require("./variations/_pilled/base");
 var _Chip = /*#__PURE__*/require("./Chip.styles");
 var _Chip2 = /*#__PURE__*/require("./Chip.tokens");
-var _excluded = ["children", "text", "contentLeft", "contentRight", "contentClearButton", "hasClear", "size", "className", "onClear", "onClick", "onClickClose", "pilled", "readOnly", "disabled"];
+var _excluded = ["children", "text", "contentLeft", "contentRight", "contentClearButton", "hasClear", "size", "className", "onClear", "onClick", "onClickClose", "pilled", "readOnly", "disabled", "_forceChipManipulationWithReadonly"];
 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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -42,13 +42,14 @@ var chipRoot = exports.chipRoot = function chipRoot(Root) {
       readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _forceChipManipulationWithReadonly = props._forceChipManipulationWithReadonly,
       rest = _objectWithoutProperties(props, _excluded);
     var txt = !text && typeof children === 'string' ? children : text;
     var pilledClass = pilled ? _Chip2.classes.pilled : undefined;
     var handleClick = function handleClick(event) {
       // TODO: #1547
       // eslint-disable-next-line no-underscore-dangle
-      if (disabled || readOnly && !rest._forceChipManipulationWithReadonly) {
+      if (disabled || readOnly && !_forceChipManipulationWithReadonly) {
         return;
       }
       onClick === null || onClick === void 0 || onClick(event);

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

@@ -21,7 +21,7 @@ var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _SelectNative = /*#__PURE__*/require("./ui/SelectNative/SelectNative");
 var _Combobox3 = /*#__PURE__*/require("./Combobox.context");
-var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "virtual", "hintView", "hintSize", "emptyStateDescription", "onChangeValue", "onScroll", "onToggle"];
+var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "checkboxAppearance", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "virtual", "hintView", "hintSize", "emptyStateDescription", "onChangeValue", "onScroll", "onToggle"];
 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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -55,6 +55,8 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       items = props.items,
       _props$placement = props.placement,
       placement = _props$placement === void 0 ? 'bottom-start' : _props$placement,
+      _props$checkboxAppear = props.checkboxAppearance,
+      checkboxAppearance = _props$checkboxAppear === void 0 ? 'default' : _props$checkboxAppear,
       label = props.label,
       placeholder = props.placeholder,
       helperText = props.helperText,
@@ -106,7 +108,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       valueToCheckedMap = _useMemo2[0],
       valueToItemMap = _useMemo2[1],
       labelToItemMap = _useMemo2[2];
-    var _useState = (0, _react.useState)(((_valueToItemMap$get = valueToItemMap.get(outerValue)) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || ''),
+    var _useState = (0, _react.useState)(multiple || Array.isArray(outerValue) ? '' : ((_valueToItemMap$get = valueToItemMap.get(outerValue)) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || (outerValue === null || outerValue === void 0 ? void 0 : outerValue.toString()) || ''),
       _useState2 = _slicedToArray(_useState, 2),
       textValue = _useState2[0],
       setTextValue = _useState2[1];
@@ -114,7 +116,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       _useState4 = _slicedToArray(_useState3, 2),
       internalValue = _useState4[0],
       setInternalValue = _useState4[1];
-    var value = outerValue !== null && outerValue !== undefined ? (0, _utils3.getInitialValue)(outerValue, valueToItemMap) : internalValue;
+    var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
     var inputRef = (0, _react.useRef)(null);
     var floatingPopoverRef = (0, _react.useRef)(null);
     var inputForkRef = (0, _plasmaCore.useForkRef)(inputRef, ref);
@@ -235,19 +237,32 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       if (renderValue && !isTargetAmount) {
         var resultValues = _toConsumableArray(value);
         value.forEach(function (_, index) {
-          var labelAfterRenderValue = renderValue(labelToItemMap.get(valueToItemMap.get(value[index]).label));
+          var _valueToItemMap$get4;
+          var stringValue = value[index];
+          var label = (_valueToItemMap$get4 = valueToItemMap.get(stringValue)) === null || _valueToItemMap$get4 === void 0 ? void 0 : _valueToItemMap$get4.label;
+          var labelAfterRenderValue = renderValue(label ? labelToItemMap.get(label) : {
+            value: stringValue,
+            label: stringValue.toString()
+          });
           if (!chipLabels.includes(labelAfterRenderValue)) {
             resultValues.splice(index, 1);
           }
         });
         var removedItemValue = (0, _utils3.getRemovedElement)(value, resultValues, isTargetAmount);
-        onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) : null);
+        onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) || {
+          value: removedItemValue,
+          label: removedItemValue.toString()
+        } : null);
       } else {
         var newValues = chipLabels.map(function (chipLabel) {
-          return labelToItemMap.get(chipLabel).value;
+          var _labelToItemMap$get;
+          return ((_labelToItemMap$get = labelToItemMap.get(chipLabel)) === null || _labelToItemMap$get === void 0 ? void 0 : _labelToItemMap$get.value) || chipLabel;
         });
         var _removedItemValue = (0, _utils3.getRemovedElement)(value, newValues, isTargetAmount);
-        onChange(newValues, _removedItemValue ? valueToItemMap.get(_removedItemValue) : null);
+        onChange(newValues, _removedItemValue ? valueToItemMap.get(_removedItemValue) || {
+          value: _removedItemValue,
+          label: _removedItemValue.toString()
+        } : null);
       }
     };
 
@@ -293,6 +308,15 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
           newValues.push(item.value);
         }
       });
+
+      // Оставляем values, которых нет в items.
+      if (Array.isArray(value)) {
+        value.forEach(function (val) {
+          if (!valueToItemMap.has(val)) {
+            newValues.push(val);
+          }
+        });
+      }
       if (!alwaysOpened && closeAfterSelect) {
         dispatchPath({
           type: 'reset'
@@ -348,10 +372,14 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
           return ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(targetAmount || value.length)];
         }
         var renderValueMapper = renderValue && function (stringValue) {
-          return renderValue(valueToItemMap.get(stringValue));
+          return renderValue(valueToItemMap.get(stringValue) || {
+            value: stringValue,
+            label: stringValue.toString()
+          });
         };
         var valueToItemMapper = function valueToItemMapper(stringValue) {
-          return valueToItemMap.get(stringValue).label;
+          var _valueToItemMap$get5;
+          return ((_valueToItemMap$get5 = valueToItemMap.get(stringValue)) === null || _valueToItemMap$get5 === void 0 ? void 0 : _valueToItemMap$get5.label) || stringValue.toString();
         };
         return value.map(renderValueMapper || valueToItemMapper);
       }
@@ -384,7 +412,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
     // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
     // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
     (0, _react.useLayoutEffect)(function () {
-      var _valueToItemMap$get4;
+      var _valueToItemMap$get6;
       var checkedCopy = new Map(checked);
       checkedCopy.forEach(function (_, key) {
         checkedCopy.set(key, false);
@@ -392,17 +420,24 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       if (!(0, _utils.isEmpty)(value)) {
         if (Array.isArray(value)) {
           value.forEach(function (val) {
-            checkedCopy.set(val, true);
-            (0, _utils3.updateDescendants)(valueToItemMap.get(val), checkedCopy, true);
-            (0, _utils3.updateAncestors)(valueToItemMap.get(val), checkedCopy);
+            // Только если value находится в items, т.к. value может и не существовать в items.
+            if (valueToItemMap.has(val)) {
+              checkedCopy.set(val, true);
+              (0, _utils3.updateDescendants)(valueToItemMap.get(val), checkedCopy, true);
+              (0, _utils3.updateAncestors)(valueToItemMap.get(val), checkedCopy);
+            }
           });
         } else {
-          checkedCopy.set(value, 'done');
-          (0, _utils3.updateSingleAncestors)(valueToItemMap.get(value), checkedCopy, 'dot');
+          // Только если value находится в items, т.к. value может и не существовать в items.
+          // eslint-disable-next-line no-lonely-if
+          if (valueToItemMap.has(value)) {
+            checkedCopy.set(value, 'done');
+            (0, _utils3.updateSingleAncestors)(valueToItemMap.get(value), checkedCopy, 'dot');
+          }
         }
       }
       setChecked(checkedCopy);
-      setTextValue(((_valueToItemMap$get4 = valueToItemMap.get(value)) === null || _valueToItemMap$get4 === void 0 ? void 0 : _valueToItemMap$get4.label) || '');
+      setTextValue(multiple ? '' : ((_valueToItemMap$get6 = valueToItemMap.get(value)) === null || _valueToItemMap$get6 === void 0 ? void 0 : _valueToItemMap$get6.label) || (value === null || value === void 0 ? void 0 : value.toString()) || '');
 
       // В deps мы кладем именно outerValue и internalValue, а не просто value.
       // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.
@@ -440,7 +475,8 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
         handleItemClick: handleItemClick,
         variant: variant,
         renderItem: renderItem,
-        treeId: treeId
+        treeId: treeId,
+        checkboxAppearance: checkboxAppearance
       }
     }, /*#__PURE__*/_react["default"].createElement(_FloatingPopover.FloatingPopover, {
       ref: floatingPopoverRef,
@@ -488,7 +524,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
         } : {
           enumerationType: 'plain'
         }, rest, {
-          onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
+          _onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
         }));
       },
       zIndex: zIndex

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js

@@ -45,7 +45,8 @@ var Item = exports.Item = function Item(_ref) {
     handleItemClick = _useContext.handleItemClick,
     variant = _useContext.variant,
     renderItem = _useContext.renderItem,
-    treeId = _useContext.treeId;
+    treeId = _useContext.treeId,
+    checkboxAppearance = _useContext.checkboxAppearance;
   var disabledClassName = disabled ? _Combobox.classes.dropdownItemIsDisabled : undefined;
   var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? _Combobox.classes.dropdownItemIsFocused : undefined;
   var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? _Combobox.classes.dropdownItemIsActive : undefined;
@@ -92,7 +93,8 @@ var Item = exports.Item = function Item(_ref) {
     disabled: disabled,
     checked: Boolean(checked.get(item.value)),
     indeterminate: checked.get(item.value) === 'indeterminate',
-    onChange: handleChange
+    onChange: handleChange,
+    appearance: checkboxAppearance
   })), !multiple && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/_react["default"].createElement(_Item.StyledIndicator, {
     size: "s",
     view: "default"

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

@@ -9,12 +9,6 @@ Object.defineProperty(exports, "filterItems", {
     return _filterItems.filterItems;
   }
 });
-Object.defineProperty(exports, "getInitialValue", {
-  enumerable: true,
-  get: function get() {
-    return _getInitialValue.getInitialValue;
-  }
-});
 Object.defineProperty(exports, "getItemId", {
   enumerable: true,
   get: function get() {
@@ -64,5 +58,4 @@ var _updateSingleAncestors = /*#__PURE__*/require("./updateSingleAncestors");
 var _sizeToIconSize = /*#__PURE__*/require("./sizeToIconSize");
 var _filterItems = /*#__PURE__*/require("./filterItems");
 var _getItemId = /*#__PURE__*/require("./getItemId");
-var _getInitialValue = /*#__PURE__*/require("./getInitialValue");
 var _getRemovedElement = /*#__PURE__*/require("./getRemovedElement");

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

@@ -44,7 +44,7 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
       placement: (0, _utils.getPlacement)((item === null || item === void 0 ? void 0 : item.placement) || 'right'),
       opened: isCurrentListOpen,
       onToggle: handleToggle,
-      trigger: trigger,
+      trigger: item.trigger || trigger,
       target: /*#__PURE__*/_react["default"].createElement(_DropdownItem.DropdownItem, {
         item: item,
         index: index,

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

@@ -17,7 +17,7 @@ var _Select = /*#__PURE__*/require("./Select.styles");
 var _FloatingPopover = /*#__PURE__*/require("./FloatingPopover");
 var _SelectNative = /*#__PURE__*/require("./ui/SelectNative/SelectNative");
 var _Select2 = /*#__PURE__*/require("./Select.context");
-var _excluded = ["id", "value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "readOnly", "view", "size", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "contentLeft", "onScrollBottom", "onScroll", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount", "beforeList", "afterList", "zIndex", "name", "defaultValue", "virtual", "onToggle"];
+var _excluded = ["id", "value", "onChange", "target", "checkboxAppearance", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "readOnly", "view", "size", "listOverflow", "listHeight", "listMaxHeight", "listWidth", "contentLeft", "onScrollBottom", "onScroll", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator", "closeAfterSelect", "isTargetAmount", "beforeList", "afterList", "zIndex", "name", "defaultValue", "virtual", "onToggle", "chipType", "multiselect", "required", "requiredPlacement", "hasRequiredIndicator", "optional", "hintText", "hintTrigger", "hintView", "hintSize", "hintTargetPlacement", "hintPlacement", "hintWidth", "hintHasArrow", "hasHint"];
 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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -41,6 +41,8 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       outerOnChange = props.onChange,
       _props$target = props.target,
       target = _props$target === void 0 ? 'textfield-like' : _props$target,
+      _props$checkboxAppear = props.checkboxAppearance,
+      checkboxAppearance = _props$checkboxAppear === void 0 ? 'default' : _props$checkboxAppear,
       items = props.items,
       _props$placement = props.placement,
       placement = _props$placement === void 0 ? 'bottom' : _props$placement,
@@ -80,6 +82,21 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       _props$virtual = props.virtual,
       virtual = _props$virtual === void 0 ? false : _props$virtual,
       onToggle = props.onToggle,
+      chipType = props.chipType,
+      multiselect = props.multiselect,
+      required = props.required,
+      requiredPlacement = props.requiredPlacement,
+      hasRequiredIndicator = props.hasRequiredIndicator,
+      optional = props.optional,
+      hintText = props.hintText,
+      hintTrigger = props.hintTrigger,
+      hintView = props.hintView,
+      hintSize = props.hintSize,
+      hintTargetPlacement = props.hintTargetPlacement,
+      hintPlacement = props.hintPlacement,
+      hintWidth = props.hintWidth,
+      hintHasArrow = props.hintHasArrow,
+      hasHint = props.hasHint,
       rest = _objectWithoutProperties(props, _excluded);
     var transformedItems = (0, _react.useMemo)(function () {
       return (0, _utils2.initialItemsTransform)(items || []);
@@ -97,7 +114,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       _useState2 = _slicedToArray(_useState, 2),
       internalValue = _useState2[0],
       setInternalValue = _useState2[1];
-    var value = outerValue !== null && outerValue !== undefined ? (0, _utils2.getInitialValue)(outerValue, valueToItemMap) : internalValue;
+    var value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;
     var floatingPopoverRef = (0, _react.useRef)(null);
 
     // Состояния дерева элементов
@@ -121,22 +138,22 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
 
     // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
     var requiredProps = props.target === 'button-like' ? undefined : {
-      required: props.required,
-      requiredPlacement: props.requiredPlacement,
-      hasRequiredIndicator: props.hasRequiredIndicator,
-      optional: props.optional
+      required: required,
+      requiredPlacement: requiredPlacement,
+      hasRequiredIndicator: hasRequiredIndicator,
+      optional: optional
     };
 
     // Собираем объект с пропсами для hint и прокидываем их напрямую в компонент Textfield.
     var hintProps = props.target === 'button-like' ? undefined : {
-      hintText: props.hintText,
-      hintTrigger: props.hintTrigger,
-      hintView: props.hintView,
-      hintSize: props.hintSize,
-      hintTargetPlacement: props.hintTargetPlacement,
-      hintPlacement: props.hintPlacement,
-      hintWidth: props.hintWidth,
-      hintHasArrow: props.hintHasArrow
+      hintText: hintText,
+      hintTrigger: hintTrigger,
+      hintView: hintView,
+      hintSize: hintSize,
+      hintTargetPlacement: hintTargetPlacement,
+      hintPlacement: hintPlacement,
+      hintWidth: hintWidth,
+      hintHasArrow: hintHasArrow
     };
     var targetRef = (0, _hooks.useOutsideClick)(function () {
       if (!isCurrentListOpen) {
@@ -210,6 +227,15 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
           newValues.push(item.value);
         }
       });
+
+      // Оставляем values, которых нет в items.
+      if (Array.isArray(value)) {
+        value.forEach(function (val) {
+          if (!valueToItemMap.has(val)) {
+            newValues.push(val);
+          }
+        });
+      }
       if (closeAfterSelect) {
         dispatchPath({
           type: 'reset'
@@ -288,13 +314,20 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       if (!(0, _utils.isEmpty)(value) || typeof value === 'number') {
         if (Array.isArray(value)) {
           value.forEach(function (val) {
-            checkedCopy.set(val, true);
-            (0, _utils2.updateDescendants)(valueToItemMap.get(val), checkedCopy, true);
-            (0, _utils2.updateAncestors)(valueToItemMap.get(val), checkedCopy);
+            // Только если value находится в items, т.к. value может и не существовать в items.
+            if (valueToItemMap.has(val)) {
+              checkedCopy.set(val, true);
+              (0, _utils2.updateDescendants)(valueToItemMap.get(val), checkedCopy, true);
+              (0, _utils2.updateAncestors)(valueToItemMap.get(val), checkedCopy);
+            }
           });
         } else {
-          checkedCopy.set(value, 'done');
-          (0, _utils2.updateSingleAncestors)(valueToItemMap.get(value), checkedCopy, 'dot');
+          // Только если value находится в items, т.к. value может и не существовать в items.
+          // eslint-disable-next-line no-lonely-if
+          if (valueToItemMap.has(value)) {
+            checkedCopy.set(value, 'done');
+            (0, _utils2.updateSingleAncestors)(valueToItemMap.get(value), checkedCopy, 'dot');
+          }
         }
       }
       setChecked(checkedCopy);
@@ -334,7 +367,8 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
         handleItemClick: handleItemClick,
         variant: variant,
         renderItem: renderItem,
-        treeId: treeId
+        treeId: treeId,
+        checkboxAppearance: checkboxAppearance
       }
     }, /*#__PURE__*/_react["default"].createElement(_FloatingPopover.FloatingPopover, {
       ref: floatingPopoverRef,

package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Item = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
-var _utils = /*#__PURE__*/require("../../../../utils");
+var _utils = /*#__PURE__*/require("../../../../../../utils");
+var _hooks = /*#__PURE__*/require("../../../../../../hooks");
+var _utils2 = /*#__PURE__*/require("../../../../utils");
 var _Select = /*#__PURE__*/require("../../../../Select.tokens");
-var _utils2 = /*#__PURE__*/require("../../../../../../utils");
 var _Select2 = /*#__PURE__*/require("../../../../Select.context");
-var _hooks = /*#__PURE__*/require("../../../../../../hooks");
 var _Item = /*#__PURE__*/require("./Item.styles");
 var _StyledIndicator;
 var _excluded = ["value", "label", "disabled", "isDisabled", "contentLeft", "contentRight", "className"];
@@ -46,7 +46,8 @@ var Item = exports.Item = function Item(_ref) {
     handleItemClick = _useContext.handleItemClick,
     variant = _useContext.variant,
     renderItem = _useContext.renderItem,
-    treeId = _useContext.treeId;
+    treeId = _useContext.treeId,
+    checkboxAppearance = _useContext.checkboxAppearance;
   var itemDisabled = Boolean(disabled || isDisabled);
   var disabledClassName = itemDisabled ? _Select.classes.dropdownItemIsDisabled : undefined;
   var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? _Select.classes.dropdownItemIsFocused : undefined;
@@ -73,8 +74,8 @@ var Item = exports.Item = function Item(_ref) {
     handleItemClick(item, e);
   };
   return /*#__PURE__*/_react["default"].createElement(_Item.Wrapper, _extends({}, rest, {
-    className: (0, _utils2.cx)(disabledClassName, focusedClass, activeClass, className),
-    id: (0, _utils.getItemId)(treeId, value.toString()),
+    className: (0, _utils.cx)(disabledClassName, focusedClass, activeClass, className),
+    id: (0, _utils2.getItemId)(treeId, value.toString()),
     ref: ref,
     onClick: handleClick,
     variant: variant,
@@ -94,12 +95,13 @@ var Item = exports.Item = function Item(_ref) {
     disabled: itemDisabled,
     checked: Boolean(checked.get(item.value)),
     indeterminate: checked.get(item.value) === 'indeterminate',
-    onChange: handleChange
+    onChange: handleChange,
+    appearance: checkboxAppearance
   })), !multiselect && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/_react["default"].createElement(_Item.StyledIndicator, {
     size: "s",
     view: "default"
   }))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/_react["default"].createElement(_Item.StyledIconDone, {
-    size: (0, _utils.sizeToIconSize)(size, variant),
+    size: (0, _utils2.sizeToIconSize)(size, variant),
     color: "inherit"
   })), renderItem ? /*#__PURE__*/_react["default"].createElement(_Item.StyledText, null, renderItem(item)) : /*#__PURE__*/_react["default"].createElement(_Item.StyledWrapper, null, /*#__PURE__*/_react["default"].createElement(_Item.StyledCell, {
     contentLeft: contentLeft,
@@ -109,8 +111,8 @@ var Item = exports.Item = function Item(_ref) {
     // @ts-ignore
     ,
     title: /*#__PURE__*/_react["default"].createElement("span", null, label)
-  })), !(0, _utils2.isEmpty)(item.items) && /*#__PURE__*/_react["default"].createElement(_Item.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Item.StyledArrow, {
-    size: (0, _utils.sizeToIconSize)(size, variant),
+  })), !(0, _utils.isEmpty)(item.items) && /*#__PURE__*/_react["default"].createElement(_Item.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Item.StyledArrow, {
+    size: (0, _utils2.sizeToIconSize)(size, variant),
     color: "inherit"
   })));
 };

package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.sizeMap = exports.Wrapper = exports.StyledWrapper = exports.StyledText = exports.StyledIndicator = exports.StyledIconDone = exports.StyledCheckboxWrapper = exports.StyledCheckbox = exports.StyledCell = exports.StyledArrow = exports.IconWrapper = exports.DisclosureIconWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
-var _Select = /*#__PURE__*/require("../../../../Select.tokens");
 var _mixins = /*#__PURE__*/require("../../../../../../mixins");
 var _engines = /*#__PURE__*/require("../../../../../../engines");
+var _Select = /*#__PURE__*/require("../../../../Select.tokens");
 var _Checkbox = /*#__PURE__*/require("../../../../../Checkbox");
 var _Cell = /*#__PURE__*/require("../../../../../Cell");
 var _Indicator = /*#__PURE__*/require("../../../../../Indicator");

package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js

@@ -41,8 +41,7 @@ var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
     "aria-controls": "".concat(treeId, "_tree_level_1"),
     "aria-expanded": opened,
     "aria-activedescendant": activeDescendantItemValue ? (0, _utils2.getItemId)(treeId, activeDescendantItemValue) : '',
-    "aria-label": label,
-    renderTarget: Boolean(selectProps.renderTarget)
+    "aria-label": label
   }, /*#__PURE__*/_react["default"].createElement(_Button.Label, null, (0, _utils2.getButtonLabel)({
     value: value,
     valueToItemMap: valueToItemMap,