@salutejs/plasma-new-hope 0.154.0-canary.1421.11039037651.0 → 0.154.0-dev.0

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

@@ -11,9 +11,8 @@ var _ui = /*#__PURE__*/require("../../ui");
 var _utils = /*#__PURE__*/require("../../utils");
 var _utils2 = /*#__PURE__*/require("../../../../utils");
 var _Slider = /*#__PURE__*/require("../../Slider.tokens");
-var _inputHidden = /*#__PURE__*/require("../../../../utils/inputHidden");
 var _Double = /*#__PURE__*/require("./Double.styles");
-var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize", "name"];
+var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -54,7 +53,6 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
     ariaLabel = _ref.ariaLabel,
     _ref$multipleStepSize = _ref.multipleStepSize,
     multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
-    name = _ref.name,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, _react.useState)({
       stepSize: 0,
@@ -90,20 +88,10 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
   var secondHandleRef = (0, _react.useRef)(null);
   var firstHandleValue = (0, _react.useRef)(value[0]);
   var secondHandleValue = (0, _react.useRef)(value[1]);
-  var innerRefFirst = (0, _react.useRef)(null);
-  var innerRefSecond = (0, _react.useRef)(null);
   var stepSize = state.stepSize;
   var hasLabelContent = label || labelContentLeft;
   var firstInputActiveClass = firstInputActive && !disabled ? _Slider.classes.textFieldActive : undefined;
   var secondInputActiveClass = secondInputActive && !disabled ? _Slider.classes.textFieldActive : undefined;
-  var setValue = function setValue(e) {
-    var firstElement = innerRefFirst.current;
-    var firstValueInit = Number(firstElement.getAttribute('defaultValue'));
-    var secondValueInit = (0, _utils.setInitValue)(e);
-    onChangeCommitted && onChangeCommitted([firstValueInit, secondValueInit]);
-    setFirstValue(firstValueInit);
-    setSecondValue(secondValueInit);
-  };
   (0, _react.useEffect)(function () {
     var firstLocalValue = Math.min(Math.max(value[0], min), max) - min;
     var secondLocalValue = Math.min(Math.max(value[1], min), max) - min;
@@ -118,16 +106,6 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
       });
     });
   }, [value, stepSize, min, max, setFirstValue, setSecondValue]);
-  (0, _react.useEffect)(function () {
-    if (innerRefSecond.current && onChangeCommitted) {
-      innerRefSecond.current.addEventListener('setInitValue', setValue);
-    }
-    return function () {
-      if (innerRefSecond.current && onChangeCommitted) {
-        innerRefSecond.current.removeEventListener('setInitValue', setValue);
-      }
-    };
-  }, [innerRefSecond]);
   var setStepSize = (0, _react.useCallback)(function (newStepSize) {
     setState(function (prevState) {
       return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -336,21 +314,5 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
     onChange: onSecondTextfieldChange,
     onBlur: onSecondTextfieldBlur,
     onKeyDown: onTextfieldKeyDown
-  }))), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
-    name: name,
-    type: "number",
-    datatype: "slider-double",
-    "data-slidertype": "min",
-    value: firstValue,
-    ref: innerRefFirst,
-    onChange: function onChange() {}
-  }), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
-    name: name,
-    type: "number",
-    datatype: "slider-double",
-    "data-slidertype": "max",
-    value: secondValue,
-    ref: innerRefSecond,
-    onChange: function onChange() {}
-  }));
+  }))));
 };

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

@@ -11,9 +11,8 @@ var _ui = /*#__PURE__*/require("../../ui");
 var _utils = /*#__PURE__*/require("../../utils");
 var _utils2 = /*#__PURE__*/require("../../../../utils");
 var _Slider = /*#__PURE__*/require("../../Slider.tokens");
-var _inputHidden = /*#__PURE__*/require("../../../../utils/inputHidden");
 var _Single = /*#__PURE__*/require("./Single.styles");
-var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "defaultValue", "size", "name"];
+var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -31,7 +30,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
-  var _ref2;
   var min = _ref.min,
     max = _ref.max,
     value = _ref.value,
@@ -51,10 +49,8 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
     rangeValuesPlacement = _ref$rangeValuesPlace === void 0 ? 'outer' : _ref$rangeValuesPlace,
     _ref$multipleStepSize = _ref.multipleStepSize,
     multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
-    defaultValue = _ref.defaultValue,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'm' : _ref$size,
-    name = _ref.name,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, _react.useState)({
       xHandle: 0,
@@ -64,7 +60,6 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-  var innerRef = (0, _react.useRef)(null);
   var _useState3 = (0, _react.useState)(0),
     _useState4 = _slicedToArray(_useState3, 2),
     startOffset = _useState4[0],
@@ -73,7 +68,7 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     endOffset = _useState6[0],
     setEndOffset = _useState6[1];
-  var _useState7 = (0, _react.useState)((_ref2 = value !== null && value !== void 0 ? value : defaultValue) !== null && _ref2 !== void 0 ? _ref2 : min),
+  var _useState7 = (0, _react.useState)(value),
     _useState8 = _slicedToArray(_useState7, 2),
     dragValue = _useState8[0],
     setDragValue = _useState8[1];
@@ -81,14 +76,14 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
   var hasLabelContent = label || labelContentLeft;
   var labelPlacementClass = labelPlacement === 'outer' ? _Slider.classes.labelPlacementOuter : _Slider.classes.labelPlacementInner;
   var rangeValuesPlacementClass = rangeValuesPlacement === 'outer' ? _Slider.classes.rangeValuesPlacementOuter : _Slider.classes.rangeValuesPlacementInner;
-  var hideMinValueDiffClass = hideMinValueDiff && dragValue - min <= hideMinValueDiff ? _Slider.classes.hideMinValue : '';
-  var hideMaxValueDiffClass = hideMaxValueDiff && max - dragValue <= hideMaxValueDiff ? _Slider.classes.hideMaxValue : '';
+  var hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? _Slider.classes.hideMinValue : '';
+  var hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? _Slider.classes.hideMaxValue : '';
   var startLabelRef = (0, _react.useRef)(null);
   var endLabelRef = (0, _react.useRef)(null);
   var activeFirstValue = dragValue === min ? _Slider.classes.activeRangeValue : undefined;
   var activeSecondValue = dragValue === max ? _Slider.classes.activeRangeValue : undefined;
   (0, _react.useEffect)(function () {
-    var localValue = Math.min(Math.max(dragValue, min), max) - min;
+    var localValue = Math.min(Math.max(value, min), max) - min;
     if (rangeValuesPlacement === 'outer') {
       var _startLabelRef$curren, _endLabelRef$current;
       var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
@@ -109,21 +104,7 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
         railFillWidth: stepSize * localValue
       });
     });
-  }, [dragValue, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
-  (0, _react.useEffect)(function () {
-    if (innerRef.current) {
-      innerRef.current.addEventListener('setInitValue', function (e) {
-        return setDragValue((0, _utils.setInitValue)(e));
-      });
-    }
-    return function () {
-      if (innerRef.current) {
-        innerRef.current.removeEventListener('setInitValue', function (e) {
-          return setDragValue((0, _utils.setInitValue)(e));
-        });
-      }
-    };
-  }, [innerRef]);
+  }, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
   var setStepSize = (0, _react.useCallback)(function (newStepSize) {
     setState(function (prevState) {
       return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -140,19 +121,7 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
       });
     });
     if (onChange) {
-      if (value !== undefined) {
-        // Если value определен, значит, мы находимся в втором варианте типа
-        onChange(newValue);
-      }
-      if (name && !value) {
-        // Если name определен, значит, мы находимся в первом варианте типа
-        onChange({
-          target: {
-            value: newValue,
-            name: name
-          }
-        });
-      }
+      onChange(newValue);
     }
     setDragValue(newValue);
   };
@@ -203,12 +172,5 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
   })), showRangeValues && /*#__PURE__*/_react["default"].createElement(_Single.StyledRangeValue, {
     ref: endLabelRef,
     className: (0, _utils2.cx)(_Slider.classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
-  }, max)), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
-    name: name,
-    type: "number",
-    datatype: "slider-single",
-    value: dragValue,
-    ref: innerRef,
-    onChange: function onChange() {}
-  }));
+  }, max)));
 };

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

@@ -24,15 +24,4 @@ Object.keys(_Double).forEach(function (key) {
       return _Double[key];
     }
   });
-});
-var _DoubleUncontrolled = /*#__PURE__*/require("./DoubleUncontrolled/DoubleUncontrolled");
-Object.keys(_DoubleUncontrolled).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _DoubleUncontrolled[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DoubleUncontrolled[key];
-    }
-  });
 });

package/styled-components/cjs/components/Slider/utils/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getOffsets = getOffsets;
 exports.getSliderThumbValue = getSliderThumbValue;
-exports.sizeData = exports.setInitValue = void 0;
+exports.sizeData = void 0;
 /**
  * Расчитать значение слайдера с учетом его координат и шага изменений.
  * @param {number} handleCenterXRelative
@@ -52,9 +52,4 @@ var sizeData = exports.sizeData = {
     indent: 0.75,
     fontSizeMultiplier: 16
   }
-};
-var setInitValue = exports.setInitValue = function setInitValue(e) {
-  var item = e.target;
-  var defaultValue = Number(item.getAttribute('defaultValue'));
-  return defaultValue;
 };

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

@@ -126,7 +126,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
       _useState6 = _slicedToArray(_useState5, 2),
       uncontrolledValue = _useState6[0],
       setUncontrolledValue = _useState6[1];
-    var outerRef = /*#__PURE__*/(0, _react.createRef)();
+    var outerRef = innerRef && 'current' in innerRef ? innerRef : /*#__PURE__*/(0, _react.createRef)();
     var innerOptional = required ? false : optional;
     var hasHelper = Boolean(leftHelper || rightHelper || helperText);
     var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
@@ -198,7 +198,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
       hasContentRight: Boolean(contentRight),
       hasHelper: hasHelper,
       applyCustomWidth: applyCustomWidth,
-      ref: (0, _utils.mergeRefs)(outerRef, innerRef),
+      ref: outerRef,
       disabled: disabled,
       height: autoResize ? minAuto : height,
       width: width,

package/styled-components/cjs/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx

@@ -32,6 +32,12 @@ const meta: Meta<typeof CalendarBase> = {
                 type: 'inline-radio',
             },
         },
+        locale: {
+            options: ['ru', 'en'],
+            control: {
+                type: 'select',
+            },
+        },
     },
 };
 
@@ -75,7 +81,7 @@ const getBaseEvents = (type: 'days' | 'months' | 'quarters' | 'years', datesNumb
 };
 
 const StoryDefault = (args: CalendarProps) => {
-    const { isRange, isDouble, min, max, date, includeEdgeDates, size } = args;
+    const { isRange, isDouble, min, max, date, includeEdgeDates, size, locale } = args;
     const [value, setValue] = useState(new Date(2023, 10, 16));
     const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
 
@@ -97,6 +103,7 @@ const StoryDefault = (args: CalendarProps) => {
             min={min}
             max={max}
             includeEdgeDates={includeEdgeDates}
+            locale={locale}
             onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
         />
     );
@@ -110,12 +117,13 @@ export const Default: StoryObj<CalendarProps> = {
         isRange: false,
         includeEdgeDates: false,
         size: 'm',
+        locale: 'ru',
     },
     render: (args) => <StoryDefault {...args} />,
 };
 
 const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
-    const { min, max, includeEdgeDates, size, displayDouble } = args;
+    const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
     const [value, setValue] = useState(new Date(2023, 6, 7));
     const [currentState, setCurrentState] = useState('Days');
 
@@ -142,6 +150,7 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
                 max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
+                locale={locale}
                 onChangeValue={handleOnChange}
                 {...rest}
             />
@@ -153,6 +162,7 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
                 max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
+                locale={locale}
                 onChangeValue={handleOnChange}
                 {...rest}
             />
@@ -194,12 +204,13 @@ export const Base: StoryObj<CalendarBaseProps & { displayDouble: boolean }> = {
         max: defaultMaxDate,
         includeEdgeDates: false,
         displayDouble: false,
+        locale: 'ru',
     },
     render: (args) => <StoryBase {...args} />,
 };
 
 const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) => {
-    const { min, max, includeEdgeDates, size, displayDouble } = args;
+    const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
     const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 6, 1), new Date(2023, 6, 16)]);
     const [currentState, setCurrentState] = useState('Days');
 
@@ -227,6 +238,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
+                locale={locale}
                 {...rest}
             />
         ) : (
@@ -238,6 +250,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
+                locale={locale}
                 {...rest}
             />
         );
@@ -278,6 +291,7 @@ export const Range: StoryObj<CalendarBaseRangeProps & { displayDouble: boolean }
         max: defaultMaxDate,
         includeEdgeDates: false,
         displayDouble: false,
+        locale: 'ru',
     },
     render: (args) => <StoryRange {...args} />,
 };

package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx

@@ -176,6 +176,7 @@ const StoryRange = ({
     secondValueError,
     secondValueSuccess,
     size,
+    lang,
     ...rest
 }: StoryPropsRange) => {
     const rangeRef = useRef<RangeInputRefs>(null);
@@ -234,6 +235,7 @@ const StoryRange = ({
             onCommitSecondDate={(currentValue) => {
                 firstDate && currentValue && setIsOpen(false);
             }}
+            lang={lang}
             {...dividerIconProps}
             {...rest}
         />

package/styled-components/cjs/examples/plasma_web/components/Calendar/Calendar.stories.tsx

@@ -32,6 +32,12 @@ const meta: Meta<typeof CalendarBase> = {
                 type: 'inline-radio',
             },
         },
+        locale: {
+            options: ['ru', 'en'],
+            control: {
+                type: 'select',
+            },
+        },
     },
 };
 
@@ -75,7 +81,7 @@ const getBaseEvents = (type: 'days' | 'months' | 'quarters' | 'years', datesNumb
 };
 
 const StoryDefault = (args: CalendarProps) => {
-    const { isRange, isDouble, min, max, date, includeEdgeDates, size } = args;
+    const { isRange, isDouble, min, max, date, includeEdgeDates, size, locale } = args;
     const [value, setValue] = useState(new Date(2023, 10, 16));
     const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
 
@@ -97,6 +103,7 @@ const StoryDefault = (args: CalendarProps) => {
             min={min}
             max={max}
             includeEdgeDates={includeEdgeDates}
+            locale={locale}
             onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
         />
     );
@@ -110,12 +117,13 @@ export const Default: StoryObj<CalendarProps> = {
         isRange: false,
         includeEdgeDates: false,
         size: 'm',
+        locale: 'ru',
     },
     render: (args) => <StoryDefault {...args} />,
 };
 
 const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
-    const { min, max, includeEdgeDates, size, displayDouble } = args;
+    const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
     const [value, setValue] = useState(new Date(2023, 6, 7));
     const [currentState, setCurrentState] = useState('Days');
 
@@ -142,6 +150,7 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
                 max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
+                locale={locale}
                 onChangeValue={handleOnChange}
                 {...rest}
             />
@@ -153,6 +162,7 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
                 max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
+                locale={locale}
                 onChangeValue={handleOnChange}
                 {...rest}
             />
@@ -194,12 +204,13 @@ export const Base: StoryObj<CalendarBaseProps & { displayDouble: boolean }> = {
         max: defaultMaxDate,
         includeEdgeDates: false,
         displayDouble: false,
+        locale: 'ru',
     },
     render: (args) => <StoryBase {...args} />,
 };
 
 const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) => {
-    const { min, max, includeEdgeDates, size, displayDouble } = args;
+    const { min, max, includeEdgeDates, size, displayDouble, locale } = args;
     const [values, setValue] = useState<[Date, Date?]>([new Date(2023, 6, 1), new Date(2023, 6, 16)]);
     const [currentState, setCurrentState] = useState('Days');
 
@@ -227,6 +238,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
+                locale={locale}
                 {...rest}
             />
         ) : (
@@ -238,6 +250,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
+                locale={locale}
                 {...rest}
             />
         );
@@ -278,6 +291,7 @@ export const Range: StoryObj<CalendarBaseRangeProps & { displayDouble: boolean }
         max: defaultMaxDate,
         includeEdgeDates: false,
         displayDouble: false,
+        locale: 'ru',
     },
     render: (args) => <StoryRange {...args} />,
 };

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

@@ -21,12 +21,6 @@ Object.defineProperty(exports, "useForceUpdate", {
     return _useForceUpdate.useForceUpdate;
   }
 });
-Object.defineProperty(exports, "useForm", {
-  enumerable: true,
-  get: function get() {
-    return _useForm.useForm;
-  }
-});
 Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
   enumerable: true,
   get: function get() {
@@ -57,5 +51,4 @@ var _usePreviousValue = /*#__PURE__*/require("./usePreviousValue");
 var _useForceUpdate = /*#__PURE__*/require("./useForceUpdate");
 var _useDidMountEffect = /*#__PURE__*/require("./useDidMountEffect");
 var _useOutsideClick = /*#__PURE__*/require("./useOutsideClick");
-var _useIsomorphicLayoutEffect = /*#__PURE__*/require("./useIsomorphicLayoutEffect");
-var _useForm = /*#__PURE__*/require("./useForm");
+var _useIsomorphicLayoutEffect = /*#__PURE__*/require("./useIsomorphicLayoutEffect");

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

@@ -13,8 +13,6 @@ var _exportNames = {
   IS_REACT_18: true,
   safeUseId: true,
   isNumber: true,
-  mergeRefs: true,
-  setRefList: true,
   isEmpty: true,
   constants: true
 };
@@ -55,30 +53,17 @@ Object.defineProperty(exports, "isNumber", {
     return _isNumber.isNumber;
   }
 });
-Object.defineProperty(exports, "mergeRefs", {
-  enumerable: true,
-  get: function get() {
-    return _setRefList.mergeRefs;
-  }
-});
 Object.defineProperty(exports, "safeUseId", {
   enumerable: true,
   get: function get() {
     return _react.safeUseId;
   }
 });
-Object.defineProperty(exports, "setRefList", {
-  enumerable: true,
-  get: function get() {
-    return _setRefList.setRefList;
-  }
-});
 var _canUseDOM = /*#__PURE__*/require("./canUseDOM");
 var _extractTextFrom = /*#__PURE__*/require("./extractTextFrom");
 var _getSizeValueFromProp = /*#__PURE__*/require("./getSizeValueFromProp");
 var _react = /*#__PURE__*/require("./react");
 var _isNumber = /*#__PURE__*/require("./isNumber");
-var _setRefList = /*#__PURE__*/require("./setRefList");
 var _isEmpty = /*#__PURE__*/require("./isEmpty");
 var _constants = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("./constants"));
 exports.constants = _constants;

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

@@ -64,6 +64,7 @@ export var buttonRoot = function buttonRoot(Root) {
       value: value,
       disabled: disabled,
       focused: focused || outlined,
+      contentPlacing: contentPlacing,
       className: cx(squareClass, stretchingClass, classes.buttonItem, isLoadingClass, className),
       style: _objectSpread(_objectSpread({}, style), {}, {
         '--plasma_computed-btn-br': buttonBorderRadius,

package/styled-components/es/components/Calendar/Calendar.template-doc.mdx

@@ -291,4 +291,29 @@ export function App() {
         </div>
     );
 }
-```
+```
+
+## Выбор языка.
+Для выбора языка необходимо указать свойство `locale: 'ru' | 'en'`.
+
+По-умолчанию используется `ru`.
+
+```tsx live
+import React from 'react';
+import { CalendarBase } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div style=\{{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: "2rem" }}>
+            <CalendarBase
+                type="Days"
+                locale="en"
+            />
+            <CalendarBase
+                type="Months"
+                locale="en"
+            />
+        </div>
+    );
+}
+```

package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js

@@ -1,4 +1,4 @@
-var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue"];
+var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "onChangeValue", "locale"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -37,6 +37,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
       eventYearList = _ref.eventYearList,
       disabledYearList = _ref.disabledYearList,
       onChangeValue = _ref.onChangeValue,
+      _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? 'ru' : _ref$locale,
       rest = _objectWithoutProperties(_ref, _excluded);
     var _useMemo = useMemo(function () {
         return Array.isArray(externalValue) ? externalValue : [externalValue];
@@ -151,7 +153,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
       type: calendarState,
       onPrev: handlePrev,
       onNext: handleNext,
-      onUpdateCalendarState: handleUpdateCalendarState
+      onUpdateCalendarState: handleUpdateCalendarState,
+      locale: locale
     }), calendarState === CalendarState.Days && /*#__PURE__*/React.createElement(CalendarDays, {
       value: externalValue,
       date: date,
@@ -166,7 +169,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
       onSetSelected: onSelectIndexes,
       onHoverDay: setHoveredItem,
       onKeyDown: handleKeyDown,
-      outerRefs: outerRefs
+      outerRefs: outerRefs,
+      locale: locale
     }), calendarState === CalendarState.Months && /*#__PURE__*/React.createElement(CalendarMonths, {
       value: externalValue,
       date: date,
@@ -180,7 +184,8 @@ export var calendarBaseRoot = function calendarBaseRoot(Root) {
       onSetSelected: onSelectIndexes,
       onHoverMonth: setHoveredItem,
       onKeyDown: onKeyDown,
-      outerRefs: outerRefs
+      outerRefs: outerRefs,
+      locale: locale
     }), calendarState === CalendarState.Quarters && /*#__PURE__*/React.createElement(CalendarQuarters, {
       value: externalValue,
       date: date,