@salutejs/plasma-new-hope 0.94.0-canary.1274.9714678450.0 → 0.94.1-canary.1273.9715265388.0

package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js

@@ -0,0 +1,25 @@
+import styled from 'styled-components';
+import { css } from 'styled-components';
+import { component, mergeConfig } from '../../../engines';
+import { textFieldConfig, textFieldTokens } from '../../TextField';
+import { classes, tokens } from '../DatePicker.tokens';
+import { popoverConfig } from '../../Popover';
+var mergedTextFieldConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
+var TextField = /*#__PURE__*/component(mergedTextFieldConfig);
+var mergedPopoverConfig = /*#__PURE__*/mergeConfig(popoverConfig);
+var Popover = /*#__PURE__*/component(mergedPopoverConfig);
+export var StyledPopover = /*#__PURE__*/styled(Popover).withConfig({
+  componentId: "plasma-new-hope__sc-1ye0xbz-0"
+})([""]);
+
+// NOTE: переопределение токенов TextField
+export var StyledInput = /*#__PURE__*/styled(TextField).withConfig({
+  componentId: "plasma-new-hope__sc-1ye0xbz-1"
+})(["         ", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, classes.datePickerError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.datePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
+export var base = /*#__PURE__*/css(["display:inline-block;"]);
+export var StyledLabel = /*#__PURE__*/styled.label.withConfig({
+  componentId: "plasma-new-hope__sc-1ye0xbz-2"
+})([""]);
+export var LeftHelper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1ye0xbz-3"
+})([""]);

package/styled-components/es/components/DatePicker/SingleDate/SingleDate.types.js

@@ -0,0 +1 @@
+export {};

package/styled-components/es/components/DatePicker/SingleDate/variations/_disabled/base.js

@@ -0,0 +1,3 @@
+import { css } from 'styled-components';
+import { tokens } from '../../../DatePicker.tokens';
+export var base = /*#__PURE__*/css(["&[disabled]{opacity:var(", ");cursor:not-allowed;}"], tokens.disabledOpacity);

package/styled-components/es/components/DatePicker/SingleDate/variations/_disabled/tokens.json

@@ -0,0 +1,4 @@
+{
+    "type": "boolean",
+    "tokens": ["--plasma-date-picker-disabled-opacity"]
+}

package/styled-components/es/components/DatePicker/SingleDate/variations/_readonly/base.js

@@ -0,0 +1,4 @@
+import { css } from 'styled-components';
+import { tokens } from '../../../DatePicker.tokens';
+import { LeftHelper, StyledLabel } from '../../SingleDate.styles';
+export var base = /*#__PURE__*/css(["&[readonly]{cursor:default;", "{display:block;color:var(", ");}", "{color:var(", ");}}"], StyledLabel, tokens.labelColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly);

package/styled-components/es/components/DatePicker/SingleDate/variations/_readonly/tokens.json

@@ -0,0 +1,4 @@
+{
+    "type": "boolean",
+    "tokens": ["--plasma-date-picker__label-color-readonly", "--plasma-date-picker__left-helper-color-readonly"]
+}

package/styled-components/es/components/DatePicker/SingleDate/variations/_size/base.js

@@ -0,0 +1,4 @@
+import { css } from 'styled-components';
+import { tokens } from '../../../DatePicker.tokens';
+import { StyledLabel, LeftHelper } from '../../SingleDate.styles';
+export var base = /*#__PURE__*/css(["width:var(", ");", "{margin:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}"], tokens.width, StyledLabel, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight);

package/styled-components/es/components/DatePicker/SingleDate/variations/_size/tokens.json

@@ -0,0 +1,16 @@
+[
+    "--plasma-date-picker__label-offset",
+    "--plasma-date-picker__label-font-family",
+    "--plasma-date-picker__label-font-style",
+    "--plasma-date-picker__label-font-size",
+    "--plasma-date-picker__label-font-weight",
+    "--plasma-date-picker__label-letter-spacing",
+    "--plasma-date-picker__label-line-height",
+    "--plasma-date-picker__left-helper-offset",
+    "--plasma-date-picker__left-helper-font-family",
+    "--plasma-date-picker__left-helper-font-style",
+    "--plasma-date-picker__left-helper-font-size",
+    "--plasma-date-picker__left-helper-font-weight",
+    "--plasma-date-picker__left-helper-letter-spacing",
+    "--plasma-date-picker__left-helper-line-height"
+]

package/styled-components/es/components/DatePicker/SingleDate/variations/_view/base.js

@@ -0,0 +1,4 @@
+import { css } from 'styled-components';
+import { LeftHelper, StyledLabel } from '../../SingleDate.styles';
+import { tokens } from '../../../DatePicker.tokens';
+export var base = /*#__PURE__*/css(["", "{display:block;color:var(", ");}", "{color:var(", ");}"], StyledLabel, tokens.labelColor, LeftHelper, tokens.leftHelperColor);

package/styled-components/es/components/DatePicker/SingleDate/variations/_view/tokens.json

@@ -0,0 +1 @@
+["--plasma-datepicker__label-color", "--plasma-datepicker__left-helper-color"]

package/styled-components/es/components/DatePicker/hooks/useDatePicker.js

@@ -0,0 +1,71 @@
+import { classes } from '../DatePicker.tokens';
+import { formatCalendarValue, formatInputValue, getDateFromFormat, getMaskedDateOnInput } from '../utils/dateHelper';
+export var useDatePicker = function useDatePicker(_ref) {
+  var currentValue = _ref.currentValue,
+    setInputValue = _ref.setInputValue,
+    setCalendarValue = _ref.setCalendarValue,
+    setIsInnerOpen = _ref.setIsInnerOpen,
+    dateFormatDelimiter = _ref.dateFormatDelimiter,
+    format = _ref.format,
+    disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
+    maskWithFormat = _ref.maskWithFormat,
+    valueError = _ref.valueError,
+    valueSuccess = _ref.valueSuccess,
+    inputRef = _ref.inputRef,
+    onToggle = _ref.onToggle,
+    onChangeValue = _ref.onChangeValue,
+    onCommitDate = _ref.onCommitDate;
+  var datePickerErrorClass = valueError ? classes.datePickerError : undefined;
+  var datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;
+  var handleToggle = function handleToggle(opened, event) {
+    if (disabled || readOnly) {
+      return;
+    }
+    var isCalendarOpen = event.target === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) ? true : opened;
+    if (onToggle) {
+      return onToggle(isCalendarOpen, event);
+    }
+    setIsInnerOpen(isCalendarOpen);
+  };
+  var handleChangeValue = function handleChangeValue(event) {
+    if (disabled || readOnly) {
+      return;
+    }
+    var value = event.target.value;
+    var newValue = maskWithFormat ? getMaskedDateOnInput(value, format, dateFormatDelimiter(), currentValue) : value;
+    setCalendarValue(formatCalendarValue(newValue, format));
+    setInputValue(formatInputValue(newValue, format));
+    onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
+  };
+  var handleCommitDate = function handleCommitDate(date, applyFormat, isCalendarValue) {
+    if (disabled || readOnly) {
+      return;
+    }
+    if (!date) {
+      setCalendarValue(undefined);
+      setInputValue('');
+      return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate('', false, true);
+    }
+    if (isCalendarValue) {
+      setCalendarValue(formatCalendarValue(date, format));
+      setInputValue(formatInputValue(date, format));
+      return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate(date, false, true);
+    }
+    var formatString = applyFormat ? format : undefined;
+    var _getDateFromFormat = getDateFromFormat(date, formatString),
+      newDate = _getDateFromFormat.value,
+      isError = _getDateFromFormat.isError,
+      isSuccess = _getDateFromFormat.isSuccess;
+    setCalendarValue(formatCalendarValue(newDate, format));
+    setInputValue(formatInputValue(newDate, format));
+    onCommitDate === null || onCommitDate === void 0 || onCommitDate(newDate, isError, isSuccess);
+  };
+  return {
+    datePickerErrorClass: datePickerErrorClass,
+    datePickerSuccessClass: datePickerSuccessClass,
+    handleToggle: handleToggle,
+    handleChangeValue: handleChangeValue,
+    handleCommitDate: handleCommitDate
+  };
+};

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

@@ -0,0 +1,3 @@
+export { datePickerRoot, datePickerConfig } from './SingleDate/SingleDate';
+export { datePickerRangeRoot, datePickerRangeConfig } from './RangeDate/RangeDate';
+export { classes as datePickerClasses, tokens as datePickerTokens } from './DatePicker.tokens';

package/styled-components/es/components/DatePicker/utils/dateHelper.js

@@ -0,0 +1,72 @@
+import { customDayjs } from '../../../utils/datejs';
+export var formatInputValue = function formatInputValue(value, format) {
+  if (!value) {
+    return '';
+  }
+  if (format && customDayjs(value, format, true).isValid()) {
+    return customDayjs(value, format).format(format);
+  }
+  if (format && String(value).length >= 10 && String(new Date(value)) !== 'Invalid Date') {
+    return customDayjs(value).format(format);
+  }
+  return String(value);
+};
+export var formatCalendarValue = function formatCalendarValue(value, format) {
+  if (!value) {
+    return undefined;
+  }
+  if (format && customDayjs(value, format, true).isValid()) {
+    return customDayjs(value, format, true).toDate();
+  }
+  if (String(new Date(value)) !== 'Invalid Date') {
+    return customDayjs(value).toDate();
+  }
+  return undefined;
+};
+export var getDateFromFormat = function getDateFromFormat(value, format) {
+  if (format && customDayjs(value, format, true).isValid()) {
+    return {
+      value: customDayjs(value, format, true).toDate(),
+      isError: false,
+      isSuccess: true
+    };
+  }
+  if (!format && String(new Date(value)) !== 'Invalid Date') {
+    return {
+      value: customDayjs(value).toDate(),
+      isError: false,
+      isSuccess: true
+    };
+  }
+  return {
+    value: value,
+    isError: true,
+    isSuccess: false
+  };
+};
+export var getDateFormatDelimiter = function getDateFormatDelimiter(format) {
+  var _format$match;
+  if (!format) {
+    return '';
+  }
+  var delimiter = (_format$match = format.match(/[^a-zA-Z0-9]/)) === null || _format$match === void 0 ? void 0 : _format$match[0];
+  return delimiter !== null && delimiter !== void 0 ? delimiter : '';
+};
+export var getMaskedDateOnInput = function getMaskedDateOnInput(value, format, delimiter, prevValue) {
+  if (!value) {
+    return '';
+  }
+  if (!format || !delimiter) {
+    return value;
+  }
+  if (value.length >= format.length) {
+    return value.slice(0, format.length);
+  }
+  if (prevValue && value.length < prevValue.length && (prevValue === null || prevValue === void 0 ? void 0 : prevValue[value.length]) === delimiter) {
+    return value.slice(0, -1);
+  }
+  if ((format === null || format === void 0 ? void 0 : format[value.length]) === delimiter) {
+    return value + delimiter;
+  }
+  return value;
+};

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

@@ -9,14 +9,14 @@ 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; }
 import React, { forwardRef, useReducer } from 'react';
-import { cx } from '../../utils';
+import { cx, getPlacements } from '../../utils';
 import { pathReducer } from './reducers/pathReducer';
 import { focusedPathReducer } from './reducers/focusedPathReducer';
 import { DropdownInner } from './ui';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
 import { Ul, StyledPopover, base } from './Dropdown.styles';
-import { getPlacements, childrenWithProps } from './utils';
+import { childrenWithProps } from './utils';
 import { classes } from './Dropdown.tokens';
 import { useKeyNavigation } from './hooks/useKeyboardNavigation';
 import { useHashMaps } from './hooks/useHashMaps';
@@ -154,7 +154,8 @@ export var dropdownRoot = function dropdownRoot(Root) {
         onItemClick: onItemClick,
         listWidth: listWidth,
         variant: variant,
-        hasArrow: hasArrow
+        hasArrow: hasArrow,
+        size: size
       });
     }))));
   });

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

@@ -19,7 +19,8 @@ var DropdownInner = function DropdownInner(_ref) {
     onItemClick = _ref.onItemClick,
     listWidth = _ref.listWidth,
     variant = _ref.variant,
-    hasArrow = _ref.hasArrow;
+    hasArrow = _ref.hasArrow,
+    size = _ref.size;
   var handleToggle = function handleToggle(opened) {
     if (opened) {
       dispatchPath({
@@ -58,7 +59,8 @@ var DropdownInner = function DropdownInner(_ref) {
         ariaControls: listId,
         ariaExpanded: isCurrentListOpen,
         ariaLevel: nextLevel,
-        ariaLabel: item.label
+        ariaLabel: item.label,
+        size: size
       }),
       onToggle: handleToggle,
       isFocusTrapped: false,
@@ -90,7 +92,8 @@ var DropdownInner = function DropdownInner(_ref) {
         onItemClick: onItemClick,
         listWidth: listWidth,
         variant: variant,
-        hasArrow: hasArrow
+        hasArrow: hasArrow,
+        size: size
       });
     })));
   }
@@ -105,7 +108,8 @@ var DropdownInner = function DropdownInner(_ref) {
     onHover: onHover,
     onItemSelect: onItemSelect,
     onItemClick: onItemClick,
-    variant: variant
+    variant: variant,
+    size: size
   });
 };
 export { DropdownInner };

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

@@ -1,4 +1,3 @@
-var _DisclosureIconWrappe;
 import React, { useEffect, useRef } from 'react';
 import { classes } from '../../Dropdown.tokens';
 import { cx } from '../../../../utils';
@@ -22,7 +21,8 @@ export var DropdownItem = function DropdownItem(_ref) {
     ariaLevel = _ref.ariaLevel,
     ariaLabel = _ref.ariaLabel,
     variant = _ref.variant,
-    hasArrow = _ref.hasArrow;
+    hasArrow = _ref.hasArrow,
+    size = _ref.size;
   var value = item.value,
     label = item.label,
     disabled = item.disabled,
@@ -30,6 +30,7 @@ export var DropdownItem = function DropdownItem(_ref) {
     contentLeft = item.contentLeft,
     contentRight = item.contentRight;
   var ref = useRef(null);
+  var disclosureIconSize = size === 'xs' ? 'xs' : 's';
   var isDisabledClassName = disabled || isDisabled ? classes.dropdownItemIsDisabled : undefined;
   var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? classes.dropdownItemIsFocused : undefined;
   var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? classes.dropdownItemIsActive : undefined;
@@ -75,8 +76,8 @@ export var DropdownItem = function DropdownItem(_ref) {
     "aria-haspopup": ariaHasPopup,
     "aria-level": ariaLevel,
     "aria-label": ariaLabel
-  }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledText, null, label), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight), item.items && hasArrow && (_DisclosureIconWrappe || (_DisclosureIconWrappe = /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(IconDisclosureRight, {
-    size: "xs",
+  }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledText, null, label), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight), item.items && hasArrow && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(IconDisclosureRight, {
+    size: disclosureIconSize,
     color: "inherit"
-  })))));
+  })));
 };

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

@@ -1,20 +1,5 @@
 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, { Children, cloneElement, isValidElement } from 'react';
-export var getPlacement = function getPlacement(placement) {
-  return "".concat(placement, "-start");
-};
-export var getPlacements = function getPlacements(placements) {
-  if (!placements) {
-    return;
-  }
-  var isArray = Array.isArray(placements);
-  if (!isArray) {
-    return getPlacement(placements);
-  }
-  return (placements || []).map(function (placement) {
-    return getPlacement(placement);
-  });
-};
 export var getCorrectHeight = function getCorrectHeight(listHeight) {
   if (Number.isNaN(Number(listHeight))) {
     return listHeight.toString();

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

@@ -3,7 +3,7 @@ var _excluded = ["label", "leftHelper", "contentLeft", "contentRight", "view", "
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef, useMemo } from 'react';
+import React, { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';
 import { cx } from '../../utils';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as viewCSS } from './variations/_view/base';
@@ -53,6 +53,9 @@ export var rangeRoot = function rangeRoot(Root) {
       onBlurFirstTextfield = _ref.onBlurFirstTextfield,
       onBlurSecondTextfield = _ref.onBlurSecondTextfield,
       rest = _objectWithoutProperties(_ref, _excluded);
+    var rangeRef = useRef(null);
+    var firstTextFieldRef = useRef(null);
+    var secondTextFieldRef = useRef(null);
     var rangeErrorClass = firstValueError && secondValueError ? classes.rangeError : undefined;
     var firstValueErrorClass = !rangeErrorClass && firstValueError ? classes.rangeValueError : undefined;
     var secondValueErrorClass = !rangeErrorClass && secondValueError ? classes.rangeValueError : undefined;
@@ -63,6 +66,16 @@ export var rangeRoot = function rangeRoot(Root) {
     var handleChangeSecondValue = getChangeHandler(onChangeSecondValue, disabled, readOnly);
     var handleSearchFirstValue = getSearchHandler(onSearchFirstValue, disabled, readOnly);
     var handleSearchSecondValue = getSearchHandler(onSearchSecondValue, disabled, readOnly);
+    useImperativeHandle(ref, function () {
+      return {
+        firstTextField: function firstTextField() {
+          return firstTextFieldRef;
+        },
+        secondTextField: function secondTextField() {
+          return secondTextFieldRef;
+        }
+      };
+    }, [firstTextFieldRef, secondTextFieldRef]);
     var Divider = useMemo(function () {
       if (dividerVariant === 'none') {
         return null;
@@ -73,14 +86,15 @@ export var rangeRoot = function rangeRoot(Root) {
       return _StyledDivider2 || (_StyledDivider2 = /*#__PURE__*/React.createElement(StyledDivider, null, dividerIcon));
     }, [dividerVariant, dividerIcon]);
     return /*#__PURE__*/React.createElement(Root, _extends({
+      ref: rangeRef,
       view: view,
       size: size,
       disabled: disabled,
-      readOnly: !disabled && readOnly,
-      ref: ref
+      readOnly: !disabled && readOnly
     }, rest), label && /*#__PURE__*/React.createElement(StyledLabel, null, label), /*#__PURE__*/React.createElement(ContentWrapper, {
       className: cx(rangeErrorClass, rangeSuccessClass)
     }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledInput, {
+      ref: firstTextFieldRef,
       className: cx(firstValueErrorClass, firstValueSuccessClass),
       value: firstValue,
       readOnly: readOnly,
@@ -95,6 +109,7 @@ export var rangeRoot = function rangeRoot(Root) {
       onFocus: onFocusFirstTextfield,
       onBlur: onBlurFirstTextfield
     }), Divider, /*#__PURE__*/React.createElement(StyledInput, {
+      ref: secondTextFieldRef,
       className: cx(secondValueErrorClass, secondValueSuccessClass),
       value: secondValue,
       readOnly: readOnly,

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

@@ -2,6 +2,7 @@ import styled from 'styled-components';
 import { css } from 'styled-components';
 import { component, mergeConfig } from '../../engines';
 import { textFieldConfig, textFieldTokens } from '../TextField';
+import { popoverClasses } from '../Popover';
 import { classes, tokens } from './Range.tokens';
 var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
 var TextField = /*#__PURE__*/component(mergedConfig);
@@ -9,8 +10,8 @@ var TextField = /*#__PURE__*/component(mergedConfig);
 // NOTE: переопределение токенов TextField
 export var StyledInput = /*#__PURE__*/styled(TextField).withConfig({
   componentId: "plasma-new-hope__sc-xpkrak-0"
-})(["flex:1;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, classes.rangeValueError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.rangeValueSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
-export var base = /*#__PURE__*/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(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, classes.rangeValueError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.rangeValueSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
+export var base = /*#__PURE__*/css([".", "{display:block;flex:1;}.", "{display:flex;flex-direction:column;}"], /*#__PURE__*/String(popoverClasses.wrapper), /*#__PURE__*/String(popoverClasses.target));
 export var StyledLabel = /*#__PURE__*/styled.label.withConfig({
   componentId: "plasma-new-hope__sc-xpkrak-1"
 })([""]);

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

@@ -10,8 +10,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { Children, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { safeUseId, useForkRef } from '@salutejs/plasma-core';
-import { cx } from '../../utils';
-import { getPlacements } from '../Dropdown/utils';
+import { cx, getPlacements } from '../../utils';
 import { useDidMountEffect, useForceUpdate } from '../../hooks';
 import { base as targetCSS } from './variations/_target/base';
 import { base as viewCSS } from './variations/_view/base';

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

@@ -2,7 +2,7 @@ var _excluded = ["opened", "children", "onClose", "hasHandle", "contentHeader",
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useRef } from 'react';
 import { Overlay } from '../Overlay';
 import { cx } from '../../utils';
 import { useOverflow, useSheetSwipe } from './hooks';
@@ -38,9 +38,9 @@ export var sheetRoot = function sheetRoot(Root) {
       className = _ref.className,
       view = _ref.view,
       restProps = _objectWithoutProperties(_ref, _excluded);
-    var contentWrapperRef = React.useRef(null);
-    var contentRef = React.useRef(null);
-    var handleRef = React.useRef(null);
+    var contentWrapperRef = useRef(null);
+    var contentRef = useRef(null);
+    var handleRef = useRef(null);
     useOverflow({
       opened: opened
     });

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

@@ -20,7 +20,7 @@ export var tokens = {
   caretColor: '--plasma-textfield__caret-color',
   placeholderColor: '--plasma-textfield__placeholder-color',
   height: '--plasma-textfield-height',
-  borderWidth: '--plasmas-textfield-border-width',
+  borderWidth: '--plasma-textfield-border-width',
   borderRadius: '--plasma-textfield-border-radius',
   /** Отступ от границы ТextField */
   padding: '--plasma-textfield-padding',

package/styled-components/es/components/TextField/variations/_size/base.js

@@ -1,4 +1,4 @@
 import { css } from 'styled-components';
 import { classes, tokens } from '../../TextField.tokens';
 import { Input, InputWrapper, Label, LeftHelper, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
-export var base = /*#__PURE__*/css(["", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");}"], Input, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, InputWrapper, tokens.height, tokens.borderRadius, tokens.padding, classes.hasChips, tokens.paddingWithChips, tokens.paddingWithChips, classes.hasEmptyContentLeft, tokens.paddingWithChips, classes.hasEmptyContentRight, tokens.paddingWithChips, Label, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, StyledTextBefore, StyledTextAfter, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, StyledTextBefore, tokens.textBeforeMargin, StyledTextAfter, tokens.textAfterMargin);
+export var base = /*#__PURE__*/css(["", "{width:100%;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");}"], Input, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, InputWrapper, tokens.height, tokens.borderRadius, tokens.padding, classes.hasChips, tokens.paddingWithChips, tokens.paddingWithChips, classes.hasEmptyContentLeft, tokens.paddingWithChips, classes.hasEmptyContentRight, tokens.paddingWithChips, Label, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, StyledTextBefore, StyledTextAfter, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, StyledTextBefore, tokens.textBeforeMargin, StyledTextAfter, tokens.textAfterMargin);

package/styled-components/es/components/_Icon/Icon.assets/DisclosureDownFill.js

@@ -0,0 +1,15 @@
+var _path;
+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); }
+import React from 'react';
+export var DisclosureDownFill = function DisclosureDownFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "100%",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17.1814 9.43661C17.059 9.17051 16.7929 9 16.5 9H7.50001C7.20711 9 6.94102 9.17051 6.81863 9.43661C6.69624 9.70271 6.73995 10.0157 6.93057 10.2381L11.4306 15.4881C11.5731 15.6543 11.7811 15.75 12 15.75C12.219 15.75 12.427 15.6543 12.5695 15.4881L17.0695 10.2381C17.2601 10.0157 17.3038 9.70271 17.1814 9.43661Z",
+    fill: "currentColor"
+  })));
+};

package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeft.js

@@ -9,7 +9,7 @@ export var DisclosureLeft = function DisclosureLeft(props) {
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M14.117 8.707a1 1 0 10-1.414-1.414L7.996 12l4.707 4.707a1 1 0 001.414-1.414L10.824 12l3.293-3.293z",
+    d: "M14.5309 6.96967C14.8238 7.26256 14.8238 7.73744 14.5309 8.03033L10.5613 12L14.5309 15.9697C14.8238 16.2626 14.8238 16.7374 14.5309 17.0303C14.238 17.3232 13.7632 17.3232 13.4703 17.0303L8.43994 12L13.4703 6.96967C13.7632 6.67678 14.238 6.67678 14.5309 6.96967Z",
     fill: "currentColor"
   })));
 };

package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js

@@ -1,25 +1,15 @@
-var _path, _path2;
+var _path;
 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); }
 import React from 'react';
 export var DisclosureRight = function DisclosureRight(props) {
-  if (props.size === 'xs') {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      width: "100%",
-      viewBox: "0 0 17 16",
-      fill: "none"
-    }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M9.883 4.707a1 1 0 011.414-1.414L16.004 8l-4.707 4.707a1 1 0 01-1.414-1.414L13.176 8 9.883 4.707z",
-      fill: "currentColor"
-    })));
-  }
   return /*#__PURE__*/React.createElement("svg", _extends({
     width: "100%",
     viewBox: "0 0 24 24",
     fill: "none"
-  }, props), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    d: "M9.883 8.707a1 1 0 011.414-1.414L16.004 12l-4.707 4.707a1 1 0 01-1.414-1.414L13.176 12 9.883 8.707z",
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.46967 6.96967C9.17678 7.26256 9.17678 7.73744 9.46967 8.03033L13.4393 12L9.46967 15.9697C9.17678 16.2626 9.17678 16.7374 9.46967 17.0303C9.76256 17.3232 10.2374 17.3232 10.5303 17.0303L15.5607 12L10.5303 6.96967C10.2374 6.67678 9.76256 6.67678 9.46967 6.96967Z",
     fill: "currentColor"
   })));
 };

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { DisclosureDownFill } from '../Icon.assets/DisclosureDownFill';
+import { IconRoot } from '../IconRoot';
+export var IconDisclosureDownFill = function IconDisclosureDownFill(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 's' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement(IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: DisclosureDownFill
+  });
+};

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

@@ -1,5 +1,6 @@
 export { IconDisclosureLeft } from './Icons/IconDisclosureLeft';
 export { IconDisclosureRight } from './Icons/IconDisclosureRight';
+export { IconDisclosureDownFill } from './Icons/IconDisclosureDownFill';
 export { IconMic } from './Icons/IconMic';
 export { IconChevronLeft } from './Icons/IconChevronLeft';
 export { IconChevronDoubleLeft } from './Icons/IconChevronDoubleLeft';