@salutejs/plasma-new-hope 0.320.1-canary.1912.14382016568.0 → 0.320.1-canary.1913.14457152885.0

package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js

@@ -6,9 +6,9 @@ function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Sym
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import React, { forwardRef } from 'react';
-import { sizeToIconSize, getItemId, getRemovedElement } from '../../../../utils';
-import { classes } from '../../../../Select.tokens';
-import { IconArrowWrapper, StyledArrow, StyledTextField } from './Textfield.styles';
+import { sizeToIconSize, getItemId, getRemovedElement } from "../../../../utils";
+import { classes } from "../../../../Select.tokens";
+import { IconArrowWrapper, StyledArrow, StyledTextField, StyledLeftHelper } from "./Textfield.styles";
 export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var inputWrapperRef = _ref.inputWrapperRef,
     opened = _ref.opened,
@@ -39,13 +39,16 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var withArrowInverse = opened ? classes.arrowInverse : undefined;
   var getValue = function getValue() {
     var _valueToItemMap$get;
-    if (multiselect || !value) {
+    if (multiselect || Array.isArray(value) || !value) {
       return '';
     }
     if (renderValue) {
-      return renderValue(valueToItemMap.get(value.toString()));
+      return renderValue(valueToItemMap.get(value.toString()) || {
+        value: value,
+        label: value.toString()
+      });
     }
-    return ((_valueToItemMap$get = valueToItemMap.get(value.toString())) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || '';
+    return ((_valueToItemMap$get = valueToItemMap.get(value.toString())) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || value.toString();
   };
   var getChips = function getChips() {
     if (multiselect && Array.isArray(value)) {
@@ -54,10 +57,14 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
         return ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(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$get2;
+        return ((_valueToItemMap$get2 = valueToItemMap.get(stringValue)) === null || _valueToItemMap$get2 === void 0 ? void 0 : _valueToItemMap$get2.label) || stringValue.toString();
       };
       return value.map(renderValueMapper || valueToItemMapper);
     }
@@ -73,21 +80,38 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
     if (renderValue && !isTargetAmount) {
       var resultValues = _toConsumableArray(value);
       value.forEach(function (_, index) {
-        var labelAfterRenderValue = renderValue(labelToItemMap.get(valueToItemMap.get(value[index]).label));
+        var _valueToItemMap$get3;
+        var stringValue = value[index];
+        var label = (_valueToItemMap$get3 = valueToItemMap.get(stringValue)) === null || _valueToItemMap$get3 === void 0 ? void 0 : _valueToItemMap$get3.label;
+        var labelAfterRenderValue = renderValue(label ? labelToItemMap.get(label) : {
+          value: stringValue,
+          label: stringValue.toString()
+        });
         if (!chipLabels.includes(labelAfterRenderValue)) {
           resultValues.splice(index, 1);
         }
       });
       var removedItemValue = 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 = getRemovedElement(value, newValues, isTargetAmount);
-      onChange(newValues, _removedItemValue ? valueToItemMap.get(_removedItemValue) : null);
+      var item = _removedItemValue ? valueToItemMap.get(_removedItemValue) || {
+        value: _removedItemValue,
+        label: _removedItemValue.toString()
+      } : null;
+      onChange(newValues, item);
     }
   };
+  var helperTextStopPropagation = function helperTextStopPropagation(event) {
+    event.stopPropagation();
+  };
   return /*#__PURE__*/React.createElement(StyledTextField, _extends({
     ref: ref,
     inputWrapperRef: inputWrapperRef,
@@ -111,7 +135,9 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
       className: withArrowInverse
     })),
     onKeyDown: onKeyDown,
-    leftHelper: helperText,
+    leftHelper: /*#__PURE__*/React.createElement(StyledLeftHelper, {
+      onClick: helperTextStopPropagation
+    }, helperText),
     role: "combobox",
     "aria-autocomplete": "list",
     "aria-controls": "".concat(treeId, "_tree_level_1"),
@@ -126,7 +152,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
   } : {
     enumerationType: 'plain'
   }, {
-    onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
+    _onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
     ,
     opened: opened
     // TODO: #1547

package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js

@@ -1,8 +1,8 @@
 import styled from 'styled-components';
-import { component, mergeConfig } from '../../../../../../engines';
-import { textFieldConfig, textFieldTokens } from '../../../../../TextField';
-import { tokens, classes } from '../../../../Select.tokens';
-import { IconDisclosureDownCentered } from '../../../../../_Icon';
+import { component, mergeConfig } from "../../../../../../engines";
+import { IconDisclosureDownCentered } from "../../../../../_Icon";
+import { textFieldConfig, textFieldTokens } from "../../../../../TextField";
+import { tokens, classes } from "../../../../Select.tokens";
 var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
 var TextField = /*#__PURE__*/component(mergedConfig);
 export var StyledTextField = /*#__PURE__*/styled(TextField).withConfig({
@@ -50,4 +50,7 @@ export var StyledArrow = /*#__PURE__*/styled(IconDisclosureDownCentered).withCon
   var _ref9$size = _ref9.size,
     size = _ref9$size === void 0 ? 'xs' : _ref9$size;
   return "var(".concat(tokens.disclosureIconSize, ", ").concat(sizeMap[size], ")");
-});
+});
+export var StyledLeftHelper = /*#__PURE__*/styled.span.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-3"
+})(["margin:0;padding:0;"]);

package/styled-components/es/components/Select/ui/Target/ui/index.js

@@ -1,2 +1,2 @@
-export * from './Button/Button';
-export * from './Textfield/Textfield';
+export * from "./Button/Button";
+export * from "./Textfield/Textfield";

package/styled-components/es/components/Select/ui/VirtualList/VirtualList.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import List from 'rc-virtual-list';
-import { getHeightAsNumber } from '../../../../utils';
-import { Item } from '../Inner/ui';
+import { getHeightAsNumber } from "../../../../utils";
+import { Item } from "../Inner/ui";
 export var VirtualList = function VirtualList(_ref) {
   var items = _ref.items,
     listMaxHeight = _ref.listMaxHeight,

package/styled-components/es/components/Select/ui/index.js

@@ -1,3 +1,3 @@
-export * from './Inner/Inner';
-export * from './Target/Target';
-export * from './VirtualList/VirtualList';
+export * from "./Inner/Inner";
+export * from "./Target/Target";
+export * from "./VirtualList/VirtualList";

package/styled-components/es/components/Select/utils/getButtonLabel.js

@@ -1,18 +1,21 @@
-import { isEmpty } from '../../../utils';
+import { isEmpty } from "../../../utils";
 var getLabel = function getLabel(_ref) {
+  var _valueToItemMap$get;
   var value = _ref.value,
     valueToItemMap = _ref.valueToItemMap,
     renderValue = _ref.renderValue;
-  var _ref2 = valueToItemMap.get(value),
-    label = _ref2.label;
-  return renderValue ? renderValue(valueToItemMap.get(value)) : label;
+  var label = ((_valueToItemMap$get = valueToItemMap.get(value)) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || value.toString();
+  return renderValue ? renderValue(valueToItemMap.get(value) || {
+    value: value,
+    label: label
+  }) : label;
 };
-export var getButtonLabel = function getButtonLabel(_ref3) {
-  var value = _ref3.value,
-    valueToItemMap = _ref3.valueToItemMap,
-    label = _ref3.label,
-    renderValue = _ref3.renderValue,
-    selectProps = _ref3.selectProps;
+export var getButtonLabel = function getButtonLabel(_ref2) {
+  var value = _ref2.value,
+    valueToItemMap = _ref2.valueToItemMap,
+    label = _ref2.label,
+    renderValue = _ref2.renderValue,
+    selectProps = _ref2.selectProps;
   if (isEmpty(value) && typeof value !== 'number') {
     return label || '';
   }

package/styled-components/es/components/Select/utils/index.js

@@ -1,13 +1,12 @@
-export { initialItemsTransform } from './initialItemsTransform';
-export { updateDescendants } from './updateDescendants';
-export { updateAncestors } from './updateAncestors';
-export { updateSingleAncestors } from './updateSingleAncestors';
-export { sizeToIconSize } from './sizeToIconSize';
-export { getCorrectHeight } from './getCorrectHeight';
-export { getButtonLabel } from './getButtonLabel';
-export { getView } from './getView';
-export { getInitialValue } from './getInitialValue';
-export { getPlacement } from './getPlacement';
-export { getFallbackPlacements } from './getFallbackPlacements';
-export { getItemId } from './getItemId';
-export { getRemovedElement } from './getRemovedElement';
+export { initialItemsTransform } from "./initialItemsTransform";
+export { updateDescendants } from "./updateDescendants";
+export { updateAncestors } from "./updateAncestors";
+export { updateSingleAncestors } from "./updateSingleAncestors";
+export { sizeToIconSize } from "./sizeToIconSize";
+export { getCorrectHeight } from "./getCorrectHeight";
+export { getButtonLabel } from "./getButtonLabel";
+export { getView } from "./getView";
+export { getPlacement } from "./getPlacement";
+export { getFallbackPlacements } from "./getFallbackPlacements";
+export { getItemId } from "./getItemId";
+export { getRemovedElement } from "./getRemovedElement";

package/styled-components/es/components/Sheet/Sheet.js

@@ -3,13 +3,13 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useRef } from 'react';
-import { Overlay } from '../Overlay';
-import { cx } from '../../utils';
-import { useOverflow, useSheetSwipe } from './hooks';
-import { classes, tokens } from './Sheet.tokens';
-import { StyledContentWrapper, StyledSheetBody, StyledSheetContent, StyledSheetFooter, StyledSheetHandle, StyledSheetHeader } from './Sheet.styles';
-import { base as viewCSS } from './variations/_view/base';
-import { DEFAULT_Z_INDEX } from './utils';
+import { Overlay } from "../Overlay";
+import { cx } from "../../utils";
+import { useOverflow, useSheetSwipe } from "./hooks";
+import { classes, tokens } from "./Sheet.tokens";
+import { StyledContentWrapper, StyledSheetBody, StyledSheetContent, StyledSheetFooter, StyledSheetHandle, StyledSheetHeader } from "./Sheet.styles";
+import { base as viewCSS } from "./variations/_view/base";
+import { DEFAULT_Z_INDEX } from "./utils";
 
 /**
  * Открывает окно-шторку поверх основного экрана.

package/styled-components/es/components/Sheet/Sheet.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-import { tokens, classes } from './Sheet.tokens';
-import { handleTransition } from './utils/handleTransition';
+import { tokens, classes } from "./Sheet.tokens";
+import { handleTransition } from "./utils/handleTransition";
 export var StyledContentWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1pj79gq-0"
 })(["position:fixed;left:0;bottom:0;width:100%;max-height:100%;z-index:1000;opacity:1;display:flex;flex-direction:column;justify-content:flex-end;transition:", ";&.", "{opacity:0;visibility:hidden;transform:translateY(100%);}"], /*#__PURE__*/handleTransition('all 0.5s 0.1s'), /*#__PURE__*/String(classes.closed));

package/styled-components/es/components/Sheet/hooks/index.js

@@ -1,2 +1,2 @@
-export { useSheetSwipe } from './useSheetSwipe';
-export { useOverflow } from './useOverflow';
+export { useSheetSwipe } from "./useSheetSwipe";
+export { useOverflow } from "./useOverflow";

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

@@ -1,2 +1,2 @@
-export { sheetConfig, sheetRoot } from './Sheet';
-export { classes as sheetClasses, tokens as sheetTokens } from './Sheet.tokens';
+export { sheetConfig, sheetRoot } from "./Sheet";
+export { classes as sheetClasses, tokens as sheetTokens } from "./Sheet.tokens";

package/styled-components/es/components/Sheet/utils/index.js

@@ -1,2 +1,2 @@
-export { handleTransition } from './handleTransition';
+export { handleTransition } from "./handleTransition";
 export var DEFAULT_Z_INDEX = '0';

package/styled-components/es/components/Skeleton/LineSkeleton/LineSkeleton.js

@@ -3,9 +3,9 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef } from 'react';
-import { getRoundness, getSkeletonColor } from '../../../mixins';
-import { base as sizeCSS } from './variations/_size/base';
-import { StyledVisibleLine, base } from './LineSkeleton.styles';
+import { getRoundness, getSkeletonColor } from "../../../mixins";
+import { base as sizeCSS } from "./variations/_size/base";
+import { StyledVisibleLine, base } from "./LineSkeleton.styles";
 /**
  * Копонент-составляющая Скелетона
  */

package/styled-components/es/components/Skeleton/LineSkeleton/LineSkeleton.styles.js

@@ -2,7 +2,7 @@ var _templateObject;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 import { css } from 'styled-components';
 import styled from 'styled-components';
-import { applyRoundness, applySkeletonGradient } from '../../../mixins';
+import { applyRoundness, applySkeletonGradient } from "../../../mixins";
 export var base = /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n"])));
 export var StyledVisibleLine = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-sqxw39-0"

package/styled-components/es/components/Skeleton/LineSkeleton/index.js

@@ -1 +1 @@
-export { lineSkeletonRoot, lineSkeletonConfig } from './LineSkeleton';
+export { lineSkeletonRoot, lineSkeletonConfig } from "./LineSkeleton";

package/styled-components/es/components/Skeleton/LineSkeleton/variations/_size/base.js

@@ -1,4 +1,4 @@
 import { css } from 'styled-components';
-import { StyledVisibleLine } from '../../LineSkeleton.styles';
-import { tokens } from '../../../tokens';
+import { StyledVisibleLine } from "../../LineSkeleton.styles";
+import { tokens } from "../../../tokens";
 export var base = /*#__PURE__*/css(["height:var(", ");& ", "{height:var(", ");}"], tokens.lineHeight, StyledVisibleLine, tokens.visibleLineHeight);

package/styled-components/es/components/Skeleton/RectSkeleton/RectSkeleton.js

@@ -3,8 +3,8 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef } from 'react';
-import { getRoundness, getSkeletonColor } from '../../../mixins';
-import { StyledRectSkeleton } from './RectSkeleton.styles';
+import { getRoundness, getSkeletonColor } from "../../../mixins";
+import { StyledRectSkeleton } from "./RectSkeleton.styles";
 /**
  * Компонент для создания прямоугольного плейсхолдера.
  */

package/styled-components/es/components/Skeleton/RectSkeleton/RectSkeleton.styles.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { applyRoundness, applySkeletonGradient } from '../../../mixins';
+import { applyRoundness, applySkeletonGradient } from "../../../mixins";
 export var StyledRectSkeleton = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-nv9fqv-0"
 })(["position:relative;overflow:hidden;width:", ";height:", ";--plasma_private-line-skeleton-roundness:", ";", ";--plasma_private-line-skeleton-gradient:", ";", ";"], function (_ref) {

package/styled-components/es/components/Skeleton/RectSkeleton/index.js

@@ -1 +1 @@
-export { RectSkeleton } from './RectSkeleton';
+export { RectSkeleton } from "./RectSkeleton";

package/styled-components/es/components/Skeleton/TextSkeleton/TextSkeleton.js

@@ -14,7 +14,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { useEffect, useState } from 'react';
-import { StyledTextSkeleton } from './TextSkeleton.styles';
+import { StyledTextSkeleton } from "./TextSkeleton.styles";
 var variousWidth = [7.58, 5.27, 13.54, 6.63, 0.28, 14.8, 0.33, 11.26, 14.1, 10.59, 3.38, 13.5, 7.71, 3.34, 7.96];
 
 /**

package/styled-components/es/components/Skeleton/TextSkeleton/index.js

@@ -1 +1 @@
-export { textSkeleton } from './TextSkeleton';
+export { textSkeleton } from "./TextSkeleton";

package/styled-components/es/components/Skeleton/hoc/withSkeleton.js

@@ -9,8 +9,8 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 import styled from 'styled-components';
-import { applySkeletonGradient, getSkeletonColor } from '../../../mixins';
-import { cx } from '../../../utils';
+import { applySkeletonGradient, getSkeletonColor } from "../../../mixins";
+import { cx } from "../../../utils";
 /**
  * Делает компонент скелетоном - у него заменяется фоновый цвет,
  * добавляется градиент и текст становится на 100% прозрачным.

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

@@ -1,5 +1,5 @@
-export { lineSkeletonRoot, lineSkeletonConfig } from './LineSkeleton';
-export { textSkeleton } from './TextSkeleton';
-export { RectSkeleton } from './RectSkeleton';
-export { withSkeleton } from './hoc/withSkeleton';
-export { tokens as skeletonTokens } from './tokens';
+export { lineSkeletonRoot, lineSkeletonConfig } from "./LineSkeleton";
+export { textSkeleton } from "./TextSkeleton";
+export { RectSkeleton } from "./RectSkeleton";
+export { withSkeleton } from "./hoc/withSkeleton";
+export { tokens as skeletonTokens } from "./tokens";

package/styled-components/es/components/Slider/Slider.js

@@ -4,12 +4,12 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 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); }
 import React, { forwardRef } from 'react';
-import { cx } from '../../utils';
-import { base as viewCSS } from './variations/_view/base';
-import { base as sizeCSS } from './variations/_size/base';
-import { base as disabledCSS } from './variations/_disabled/base';
-import { SingleSlider, DoubleUncontrolled } from './components';
-import { classes } from './Slider.tokens';
+import { cx } from "../../utils";
+import { base as viewCSS } from "./variations/_view/base";
+import { base as sizeCSS } from "./variations/_size/base";
+import { base as disabledCSS } from "./variations/_disabled/base";
+import { SingleSlider, DoubleUncontrolled } from "./components";
+import { classes } from "./Slider.tokens";
 
 // TODO: проверить, можно ли обойтись без каста типов
 

package/styled-components/es/components/Slider/components/Double/Double.js

@@ -15,13 +15,13 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { SliderBase } from '../SliderBase/SliderBase';
-import { Handler } from '../../ui';
-import { cx, isNumber, noop } from '../../../../utils';
-import { sizeData } from '../../utils';
-import { classes } from '../../Slider.tokens';
-import { InputHidden } from '../SliderBase/SliderBase.styles';
-import { SliderWrapper, InputsWrapper, Label, LabelContentLeft, LabelWrapper, StyledInput, DoubleWrapper } from './Double.styles';
+import { SliderBase } from "../SliderBase/SliderBase";
+import { Handler } from "../../ui";
+import { cx, isNumber, noop } from "../../../../utils";
+import { sizeData } from "../../utils";
+import { classes } from "../../Slider.tokens";
+import { InputHidden } from "../SliderBase/SliderBase.styles";
+import { SliderWrapper, InputsWrapper, Label, LabelContentLeft, LabelWrapper, StyledInput, DoubleWrapper } from "./Double.styles";
 function getXCenterHandle(handle) {
   var _handle$parentElement;
   var containerX = ((_handle$parentElement = handle.parentElement) === null || _handle$parentElement === void 0 || (_handle$parentElement = _handle$parentElement.getBoundingClientRect()) === null || _handle$parentElement === void 0 ? void 0 : _handle$parentElement.x) || 0;

package/styled-components/es/components/Slider/components/Double/Double.styles.js

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
-import { classes, tokens } from '../../Slider.tokens';
-import { component, mergeConfig } from '../../../../engines';
-import { textFieldConfig, textFieldTokens } from '../../../TextField';
+import { classes, tokens } from "../../Slider.tokens";
+import { component, mergeConfig } from "../../../../engines";
+import { textFieldConfig, textFieldTokens } from "../../../TextField";
 var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
 var TextField = /*#__PURE__*/component(mergedConfig);
 export var LabelWrapper = /*#__PURE__*/styled.div.withConfig({

package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js

@@ -6,7 +6,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 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(r) { if (Array.isArray(r)) return r; }
 import React, { useState, useCallback } from 'react';
-import { DoubleSlider } from '../Double/Double';
+import { DoubleSlider } from "../Double/Double";
 export var DoubleUncontrolled = function DoubleUncontrolled(props) {
   var defaultValue = props.defaultValue,
     min = props.min,

package/styled-components/es/components/Slider/components/Single/Single.js

@@ -15,13 +15,13 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { useCallback, useEffect, useState, useRef } from 'react';
-import { SliderBase } from '../SliderBase/SliderBase';
-import { Handler } from '../../ui';
-import { sizeData } from '../../utils';
-import { cx, isNumber, noop } from '../../../../utils';
-import { classes } from '../../Slider.tokens';
-import { InputHidden } from '../SliderBase/SliderBase.styles';
-import { Label, LabelContent, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue } from './Single.styles';
+import { SliderBase } from "../SliderBase/SliderBase";
+import { Handler } from "../../ui";
+import { sizeData } from "../../utils";
+import { cx, isNumber, noop } from "../../../../utils";
+import { classes } from "../../Slider.tokens";
+import { InputHidden } from "../SliderBase/SliderBase.styles";
+import { Label, LabelContent, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue } from "./Single.styles";
 var clamp = function clamp(value, min, max) {
   return Math.max(min, Math.min(value, max));
 };

package/styled-components/es/components/Slider/components/Single/Single.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-import { classes, tokens } from '../../Slider.tokens';
-import { Slider } from '../SliderBase/SliderBase.styles';
+import { classes, tokens } from "../../Slider.tokens";
+import { Slider } from "../SliderBase/SliderBase.styles";
 export var LabelWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1qm4elt-0"
 })(["color:var(", ");display:flex;gap:var(", ");"], tokens.labelColor, tokens.labelWrapperGap);

package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js

@@ -1,8 +1,8 @@
 import React, { useRef, useEffect } from 'react';
-import { useIsomorphicLayoutEffect } from '../../../../hooks';
-import { classes } from '../../Slider.tokens';
-import { cx } from '../../../../utils';
-import { Fill, Rail, RailWrap, Slider } from './SliderBase.styles';
+import { useIsomorphicLayoutEffect } from "../../../../hooks";
+import { classes } from "../../Slider.tokens";
+import { cx } from "../../../../utils";
+import { Fill, Rail, RailWrap, Slider } from "./SliderBase.styles";
 export var SliderBase = function SliderBase(_ref) {
   var max = _ref.max,
     min = _ref.min,

package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-import { applyHidden } from '../../../../mixins';
-import { classes, tokens } from '../../Slider.tokens';
+import { applyHidden } from "../../../../mixins";
+import { classes, tokens } from "../../Slider.tokens";
 export var Rail = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-ik0bjb-0"
 })(["position:relative;top:50%;height:var(", ");border-radius:var(", ");background-color:var(", ");overflow:hidden;transform:translateY(-50%);"], tokens.railThickness, tokens.railBorderRadius, tokens.railBackgroundColor);

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

@@ -1,4 +1,4 @@
-export * from './Single/Single';
-export * from './Double/Double';
-export * from './DoubleUncontrolled/DoubleUncontrolled';
+export * from "./Single/Single";
+export * from "./Double/Double";
+export * from "./DoubleUncontrolled/DoubleUncontrolled";
 export {};

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

@@ -1,3 +1,3 @@
-export { sliderConfig, sliderRoot } from './Slider';
-export { tokens as sliderTokens } from './Slider.tokens';
-export { ThumbBase } from './ui';
+export { sliderConfig, sliderRoot } from "./Slider";
+export { tokens as sliderTokens } from "./Slider.tokens";
+export { ThumbBase } from "./ui";

package/styled-components/es/components/Slider/ui/Handler/Handler.js

@@ -14,12 +14,12 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { useRef, useState, forwardRef } from 'react';
 import Draggable from 'react-draggable';
-import { cx } from '../../../../utils';
-import { getSliderThumbValue, getOffsets } from '../../utils';
-import { Thumb } from '../Thumb/Thumb';
-import { classes } from '../../Slider.tokens';
-import { HandlerStyled, StyledValue } from './Handler.styles';
-import { computeKeyPressData } from './computeKeyPressData';
+import { cx } from "../../../../utils";
+import { getSliderThumbValue, getOffsets } from "../../utils";
+import { Thumb } from "../Thumb/Thumb";
+import { classes } from "../../Slider.tokens";
+import { HandlerStyled, StyledValue } from "./Handler.styles";
+import { computeKeyPressData } from "./computeKeyPressData";
 
 // TODO: PLASMA-1707
 

package/styled-components/es/components/Slider/ui/Handler/Handler.styles.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { classes, tokens } from '../../Slider.tokens';
+import { classes, tokens } from "../../Slider.tokens";
 export var StyledValue = /*#__PURE__*/styled.span.withConfig({
   componentId: "plasma-new-hope__sc-a1py3c-0"
 })(["position:absolute;z-index:1;top:var(", ");text-align:center;width:100%;margin-left:", ";display:flex;justify-content:center;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.currentValueTopOffset, function (_ref) {

package/styled-components/es/components/Slider/ui/Thumb/Thumb.js

@@ -3,7 +3,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
-import { ThumbBase } from './Thumb.styles';
+import { ThumbBase } from "./Thumb.styles";
 export var Thumb = function Thumb(_ref) {
   var min = _ref.min,
     max = _ref.max,

package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-import { addFocus } from '../../../../mixins';
-import { tokens } from '../../Slider.tokens';
+import { addFocus } from "../../../../mixins";
+import { tokens } from "../../Slider.tokens";
 export var ThumbBase = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-13botku-0"
 })(["width:var(--plasma-private-thumb-size);height:var(--plasma-private-thumb-size);min-width:var(--plasma-private-thumb-size);min-height:var(--plasma-private-thumb-size);position:relative;border-radius:50%;box-sizing:border-box;background:var(", ");margin:0.0625rem;transition:border-color 0.1s ease-in-out;&:after{background:var(", ");margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}&:not([disabled]):hover:after,&:not([disabled]):active:after{background:var(", ");}&[disabled]{cursor:not-allowed;}&:focus{outline:none;}", ""], tokens.thumbBackgroundColor, tokens.thumbBorderColor, tokens.thumbFocusBorderColor, /*#__PURE__*/addFocus({

package/styled-components/es/components/Slider/ui/index.js

@@ -1,5 +1,5 @@
-export * from './Handler/Handler';
-export * from './Thumb/Thumb';
-export { ThumbBase } from './Thumb/Thumb.styles';
-export * from './Handler/Handler.types';
-export * from './Thumb/Thumb.types';
+export * from "./Handler/Handler";
+export * from "./Thumb/Thumb";
+export { ThumbBase } from "./Thumb/Thumb.styles";
+export * from "./Handler/Handler.types";
+export * from "./Thumb/Thumb.types";

package/styled-components/es/components/Slider/variations/_view/base.js

@@ -1,3 +1,3 @@
 import { css } from 'styled-components';
-import { classes } from '../../Slider.tokens';
+import { classes } from "../../Slider.tokens";
 export var base = /*#__PURE__*/css(["&.", "{height:100%;display:inline-flex;}"], classes.verticalOrientation);