@salutejs/plasma-new-hope 0.149.1-canary.1448.10989541108.0 → 0.150.0-canary.1428.10987052735.0

package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js

@@ -1,5 +1,5 @@
 var _StyledSeparator, _StyledSeparator2, _StyledSeparator3, _StyledSeparator4;
-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."); }
@@ -38,6 +38,8 @@ export var calendarDoubleRoot = function calendarDoubleRoot(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];
@@ -211,7 +213,8 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
       type: calendarState,
       onPrev: handlePrev,
       onNext: handleNext,
-      onUpdateCalendarState: handleUpdateCalendarState
+      onUpdateCalendarState: handleUpdateCalendarState,
+      locale: locale
     }), /*#__PURE__*/React.createElement(StyledWrapper, null, calendarState === CalendarState.Days && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarDays, {
       value: externalValue,
       date: firstDate,
@@ -227,6 +230,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
       onSetSelected: onSelectIndexes,
       onKeyDown: handleKeyDown,
       outerRefs: outerRefs,
+      locale: locale,
       isDouble: true
     }), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/React.createElement(StyledSeparator, null)), /*#__PURE__*/React.createElement(CalendarDays, {
       value: externalValue,
@@ -243,6 +247,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
       onSetSelected: onSelectIndexes,
       onKeyDown: handleKeyDown,
       outerRefs: outerRefs,
+      locale: locale,
       isDouble: true,
       isSecond: true
     })), calendarState === CalendarState.Months && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarMonths, {
@@ -259,6 +264,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
       onHoverMonth: setHoveredItem,
       onKeyDown: handleKeyDown,
       outerRefs: outerRefs,
+      locale: locale,
       isDouble: true
     }), _StyledSeparator2 || (_StyledSeparator2 = /*#__PURE__*/React.createElement(StyledSeparator, null)), /*#__PURE__*/React.createElement(CalendarMonths, {
       value: externalValue,
@@ -274,6 +280,7 @@ export var calendarDoubleRoot = function calendarDoubleRoot(Root) {
       onHoverMonth: setHoveredItem,
       onKeyDown: handleKeyDown,
       outerRefs: outerRefs,
+      locale: locale,
       isDouble: true,
       isSecond: true
     })), calendarState === CalendarState.Quarters && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CalendarQuarters, {

package/emotion/es/components/Calendar/hooks/useMonths.js

@@ -10,9 +10,11 @@ export var useMonths = function useMonths(_ref) {
     eventList = _ref.eventList,
     disabledList = _ref.disabledList,
     min = _ref.min,
-    max = _ref.max;
+    max = _ref.max,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? 'ru' : _ref$locale;
   return useMemo(function () {
-    var months = SHORT_MONTH_NAME.map(function (monthName, monthIndex) {
+    var months = SHORT_MONTH_NAME[locale].map(function (monthName, monthIndex) {
       return {
         monthName: monthName,
         monthIndex: monthIndex,
@@ -21,7 +23,7 @@ export var useMonths = function useMonths(_ref) {
           return isSelectedMonth(date, monthIndex, v);
         })) : isSelectedMonth(date, monthIndex, value),
         inRange: Array.isArray(value) ? isDateInRange(date.year, monthIndex, 1, value) : false,
-        monthFullName: MONTH_NAMES[monthIndex],
+        monthFullName: MONTH_NAMES[locale][monthIndex],
         date: {
           year: date.year,
           monthIndex: monthIndex,
@@ -41,5 +43,5 @@ export var useMonths = function useMonths(_ref) {
       return getMatrix(modifiedMonths, 3);
     }
     return getMatrix(months, 3);
-  }, [date, value, eventList, disabledList, max, min]);
+  }, [date, value, eventList, disabledList, max, min, locale]);
 };

package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js

@@ -34,7 +34,9 @@ export var CalendarDays = function CalendarDays(_ref) {
     onChangeDay = _ref.onChangeDay,
     onHoverDay = _ref.onHoverDay,
     onSetSelected = _ref.onSetSelected,
-    onKeyDown = _ref.onKeyDown;
+    onKeyDown = _ref.onKeyDown,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? 'ru' : _ref$locale;
   var _useDays = useDays({
       date: currentDate,
       value: value,
@@ -105,7 +107,7 @@ export var CalendarDays = function CalendarDays(_ref) {
     id: "withShift"
   }, "\u0414\u043B\u044F \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u043E \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u043C \u0434\u0430\u0442\u0430\u043C \u0443\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u043A\u043B\u0430\u0432\u0438\u0448\u0443 Shift.")), /*#__PURE__*/React.createElement(StyledFlex, {
     role: "row"
-  }, SHORT_DAY_NAMES.map(function (name) {
+  }, SHORT_DAY_NAMES[locale].map(function (name) {
     return /*#__PURE__*/React.createElement(DateStructureItem, {
       role: "columnheader",
       "aria-label": FULL_DAY_NAMES[name],

package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js

@@ -20,7 +20,8 @@ export var CalendarHeader = function CalendarHeader(_ref) {
     isDouble = _ref.isDouble,
     onPrev = _ref.onPrev,
     onNext = _ref.onNext,
-    onUpdateCalendarState = _ref.onUpdateCalendarState;
+    onUpdateCalendarState = _ref.onUpdateCalendarState,
+    locale = _ref.locale;
   var handleCalendarState = useCallback(function () {
     var newSize = isDouble ? sizeMap.Months["double"] : sizeMap.Months.single;
     if (type === CalendarState.Days) {
@@ -35,7 +36,7 @@ export var CalendarHeader = function CalendarHeader(_ref) {
       return '';
     }
     if (type === CalendarState.Days) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderDate, null, MONTH_NAMES[date.monthIndex]), /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledHeaderDate, null, MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/React.createElement(StyledHeaderDate, null, date.year, /*#__PURE__*/React.createElement(IconDisclosureDownFill, {
         color: "inherit",
         size: size === 'xs' ? 'xs' : 's'
       })));
@@ -54,7 +55,7 @@ export var CalendarHeader = function CalendarHeader(_ref) {
       }));
     }
     return '';
-  }, [type, startYear, size]);
+  }, [type, startYear, size, locale]);
   var currentCalendarType = getCalendarType(type);
   var PreviousButton = useMemo(function () {
     return /*#__PURE__*/React.createElement(StyledArrow, {

package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -33,14 +33,16 @@ export var CalendarMonths = function CalendarMonths(_ref) {
     onChangeMonth = _ref.onChangeMonth,
     onHoverMonth = _ref.onHoverMonth,
     onSetSelected = _ref.onSetSelected,
-    onKeyDown = _ref.onKeyDown;
+    onKeyDown = _ref.onKeyDown,
+    locale = _ref.locale;
   var _useMonths = useMonths({
       date: currentDate,
       value: value,
       eventList: eventList,
       disabledList: disabledList,
       min: min,
-      max: max
+      max: max,
+      locale: locale
     }),
     _useMonths2 = _slicedToArray(_useMonths, 2),
     months = _useMonths2[0],

package/emotion/es/components/Calendar/utils/calendarGridHelper.js

@@ -9,7 +9,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { isSelectProcess } from './calendarRangeHelper';
-import { MONTH_NAMES, YEAR_RENDER_COUNT } from './constants';
+import { MONTHS, YEAR_RENDER_COUNT } from './constants';
 export var getDaysInMonth = function getDaysInMonth(monthIndex, year) {
   return new Date(year, monthIndex + 1, 0).getDate();
 };
@@ -20,7 +20,7 @@ export var getStartYear = function getStartYear(year) {
   return Math.floor(year / YEAR_RENDER_COUNT) * YEAR_RENDER_COUNT;
 };
 export var getNextDate = function getNextDate(currentYear, currentMonth) {
-  return currentMonth + 1 === MONTH_NAMES.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];
+  return currentMonth + 1 === MONTHS.length ? [currentYear + 1, 0] : [currentYear, currentMonth + 1];
 };
 export var getPrevDate = function getPrevDate(currentYear, currentMonth) {
   return currentMonth - 1 < 0 ? [currentYear - 1, 11] : [currentYear, currentMonth - 1];

package/emotion/es/components/Calendar/utils/constants.js

@@ -1,3 +1,46 @@
+function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var LOCALES = {
+  ru: 'ru-RU',
+  en: 'en-US'
+};
+export var MONTHS = /*#__PURE__*/Array.from({
+  length: 12
+}, function (_, i) {
+  return i + 1;
+});
+var WEEKS = /*#__PURE__*/Array.from({
+  length: 7
+}, function (_, i) {
+  return i + 1;
+});
+var callbackDayFormatter = function callbackDayFormatter(local, options) {
+  var dateFormatter = new Intl.DateTimeFormat(LOCALES[local], options);
+  return function (index) {
+    // INFO: Start for monday
+    var day = new Date(Date.UTC(2024, 0, index));
+    var _dateFormatter$format = dateFormatter.format(day),
+      _dateFormatter$format2 = _toArray(_dateFormatter$format),
+      first = _dateFormatter$format2[0],
+      rest = _dateFormatter$format2.slice(1);
+    return first.toUpperCase() + rest.join('');
+  };
+};
+var callbackMonthFormatter = function callbackMonthFormatter(local, options) {
+  var dateFormatter = new Intl.DateTimeFormat(LOCALES[local], options);
+  return function (month) {
+    var data = new Date(Date.UTC(2024, month - 1));
+    var _dateFormatter$format3 = dateFormatter.format(data),
+      _dateFormatter$format4 = _toArray(_dateFormatter$format3),
+      first = _dateFormatter$format4[0],
+      rest = _dateFormatter$format4.slice(1);
+    return first.toUpperCase() + rest.join('').replace('.', '');
+  };
+};
 export var ROW_STEP = 6;
 export var ROW_MONTH_STEP = 4;
 export var ROW_YEAR_STEP = 4;
@@ -28,7 +71,14 @@ export var quarterDates = {
     day: 1
   }
 };
-export var SHORT_DAY_NAMES = ['Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб', 'Вс'];
+export var SHORT_DAY_NAMES = {
+  ru: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('ru', {
+    weekday: 'short'
+  })),
+  en: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('en', {
+    weekday: 'short'
+  }))
+};
 export var FULL_DAY_NAMES = {
   Пн: 'Понедельник',
   Вт: 'Вторник',
@@ -38,5 +88,19 @@ export var FULL_DAY_NAMES = {
   Сб: 'Суббота',
   Вс: 'Воскресенье'
 };
-export var SHORT_MONTH_NAME = ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек'];
-export var MONTH_NAMES = ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'];
+export var SHORT_MONTH_NAME = {
+  ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
+    month: 'short'
+  })),
+  en: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('en', {
+    month: 'short'
+  }))
+};
+export var MONTH_NAMES = {
+  ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
+    month: 'long'
+  })),
+  en: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('en', {
+    month: 'long'
+  }))
+};

package/emotion/es/components/DatePicker/RangeDate/RangeDate.js

@@ -304,6 +304,7 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       offset: offset,
       type: type,
       onToggle: handleToggle,
+      lang: lang,
       isDoubleCalendar: isDoubleCalendar,
       onChangeStartOfRange: function onChangeStartOfRange(firstDate, dateInfo) {
         handleCommitFirstDate(firstDate, false, true, dateInfo);

package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js

@@ -27,6 +27,8 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
     offset = _ref.offset,
     type = _ref.type,
     size = _ref.size,
+    _ref$lang = _ref.lang,
+    lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
     onChangeValue = _ref.onChangeValue,
     onChangeStartOfRange = _ref.onChangeStartOfRange,
     onToggle = _ref.onToggle;
@@ -56,6 +58,7 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
       disabledYearList: disabledYearList,
       min: min,
       max: max,
+      locale: lang,
       includeEdgeDates: includeEdgeDates,
       onChangeValue: onChangeValue,
       onChangeStartOfRange: onChangeStartOfRange
@@ -87,6 +90,7 @@ export var RangeDatePopover = function RangeDatePopover(_ref) {
     min: min,
     max: max,
     type: type,
+    locale: lang,
     includeEdgeDates: includeEdgeDates,
     onChangeValue: onChangeValue,
     onChangeStartOfRange: onChangeStartOfRange

package/emotion/es/components/DatePicker/SingleDate/SingleDate.js

@@ -201,6 +201,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
       max: max,
       includeEdgeDates: includeEdgeDates,
       isRange: false,
+      locale: lang,
       onChangeValue: function onChangeValue(date, dateInfo) {
         return handleCommitDate(date, false, true, dateInfo);
       }

package/emotion/es/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,6 +117,7 @@ export const Default: StoryObj<CalendarProps> = {
         isRange: false,
         includeEdgeDates: false,
         size: 'm',
+        locale: 'ru',
     },
     render: (args) => <StoryDefault {...args} />,
 };
@@ -194,12 +202,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 +236,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
+                locale={locale}
                 {...rest}
             />
         ) : (
@@ -238,6 +248,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
+                locale={locale}
                 {...rest}
             />
         );
@@ -278,6 +289,7 @@ export const Range: StoryObj<CalendarBaseRangeProps & { displayDouble: boolean }
         max: defaultMaxDate,
         includeEdgeDates: false,
         displayDouble: false,
+        locale: 'ru',
     },
     render: (args) => <StoryRange {...args} />,
 };

package/emotion/es/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/emotion/es/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,6 +117,7 @@ export const Default: StoryObj<CalendarProps> = {
         isRange: false,
         includeEdgeDates: false,
         size: 'm',
+        locale: 'ru',
     },
     render: (args) => <StoryDefault {...args} />,
 };
@@ -194,12 +202,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 +236,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
+                locale={locale}
                 {...rest}
             />
         ) : (
@@ -238,6 +248,7 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
+                locale={locale}
                 {...rest}
             />
         );
@@ -278,6 +289,7 @@ export const Range: StoryObj<CalendarBaseRangeProps & { displayDouble: boolean }
         max: defaultMaxDate,
         includeEdgeDates: false,
         displayDouble: false,
+        locale: 'ru',
     },
     render: (args) => <StoryRange {...args} />,
 };

package/es/_virtual/_rollupPluginBabelHelpers.js

@@ -149,6 +149,9 @@ function _objectWithoutProperties(source, excluded) {
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
+function _toArray(arr) {
+  return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();
+}
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
@@ -181,5 +184,5 @@ 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.");
 }
 
-export { _arrayLikeToArray as arrayLikeToArray, _arrayWithHoles as arrayWithHoles, _arrayWithoutHoles as arrayWithoutHoles, _classCallCheck as classCallCheck, _createClass as createClass, _defineProperty as defineProperty, _extends as extends, _iterableToArray as iterableToArray, _iterableToArrayLimit as iterableToArrayLimit, _nonIterableRest as nonIterableRest, _nonIterableSpread as nonIterableSpread, _objectSpread2 as objectSpread2, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _slicedToArray as slicedToArray, _toConsumableArray as toConsumableArray, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey, _typeof as typeof, _unsupportedIterableToArray as unsupportedIterableToArray };
+export { _arrayLikeToArray as arrayLikeToArray, _arrayWithHoles as arrayWithHoles, _arrayWithoutHoles as arrayWithoutHoles, _classCallCheck as classCallCheck, _createClass as createClass, _defineProperty as defineProperty, _extends as extends, _iterableToArray as iterableToArray, _iterableToArrayLimit as iterableToArrayLimit, _nonIterableRest as nonIterableRest, _nonIterableSpread as nonIterableSpread, _objectSpread2 as objectSpread2, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _slicedToArray as slicedToArray, _toArray as toArray, _toConsumableArray as toConsumableArray, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey, _typeof as typeof, _unsupportedIterableToArray as unsupportedIterableToArray };
 //# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/es/_virtual/_rollupPluginBabelHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js

@@ -1,7 +1,9 @@
 import styled from 'styled-components';
-import { tokens, classes } from '../../Accordion.tokens.js';
+import 'react';
+import '@linaria/react';
 import { IconChevronDownFill } from '../../../_Icon/Icons/IconChevronDownFill.js';
 import { IconMinus } from '../../../_Icon/Icons/IconMinus.js';
+import { tokens, classes } from '../../Accordion.tokens.js';
 import { addFocus } from '../../../../mixins/addFocus.js';
 
 var StyledAccordionItem = /*#__PURE__*/styled.div.withConfig({

package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.styles.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { IconChevronDownFill, IconMinus } from '../../../_Icon';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { addFocus } from '../../../../mixins';\n\nexport const StyledAccordionItem = styled.div`\n    background: var(${tokens.accordionItemBackground});\n    border: var(${tokens.accordionItemBorder});\n    border-bottom: var(${tokens.accordionItemBorderBottom});\n\n    &:last-child {\n        border-bottom: var(${tokens.accordionItemBorder});\n    }\n\n    &.${classes.accordionDisabled} {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n`;\n\nexport const StyledAccordionHeader = styled.button`\n    width: 100%;\n    border: none;\n    padding: var(${tokens.accordionItemPadding});\n    display: flex;\n    gap: var(${tokens.accordionItemGap});\n    justify-content: space-between;\n    align-items: center;\n    background: none;\n    box-sizing: border-box;\n    cursor: pointer;\n\n    &:focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineOffset: '0.125rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0',\n        outlineColor: `var(${tokens.accordionItemFocus})`,\n    })}\n`;\n\nexport const StyledAccordionHeaderLeft = styled.div`\n    display: flex;\n    gap: var(${tokens.accordionItemGap});\n    justify-content: space-between;\n    align-items: center;\n`;\n\nexport const StyledAccordionContentRight = styled.div`\n    transition: 0.2s;\n    transform: rotate(90deg);\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(0deg);\n    }\n`;\n\nexport const StyledAccordionContentLeft = styled.div`\n    transition: 0.2s;\n    display: flex;\n    align-items: center;\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(180deg);\n    }\n`;\n\nexport const StyledAccordionTitle = styled.div`\n    color: var(${tokens.accordionItemTitleColor});\n    font-family: var(${tokens.accordionItemTitleFontFamily});\n    font-size: var(${tokens.accordionItemTitleFontSize});\n    font-weight: var(${tokens.accordionItemTitleFontWeight});\n    font-style: var(${tokens.accordionItemTitleFontStyle});\n    letter-spacing: var(${tokens.accordionItemTitleLetterSpacing});\n    line-height: var(${tokens.accordionItemTitleLineHeight});\n    text-align: left;\n`;\n\nexport const StyledAccordionBodyAnimate = styled.div`\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.2s ease-out;\n    overflow: hidden;\n\n    &.${classes.accordionItemShowBody} {\n        grid-template-rows: 1fr;\n        padding-bottom: var(${tokens.accordionItemPaddingVertical});\n\n        &.${classes.accordionPlusAnimationElement} {\n            transition: 0.2s;\n            transform: rotate(0deg);\n        }\n    }\n`;\n\nexport const StyledAccordionBody = styled.div`\n    color: var(${tokens.accordionItemTextColor});\n    font-family: var(${tokens.accordionItemTextFontFamily});\n    font-size: var(${tokens.accordionItemTextFontSize});\n    font-weight: var(${tokens.accordionItemTextFontWeight});\n    font-style: var(${tokens.accordionItemTextFontStyle});\n    letter-spacing: var(${tokens.accordionItemTextLetterSpacing});\n    line-height: var(${tokens.accordionItemTextLineHeight});\n    overflow: hidden;\n    padding-right: var(${tokens.accordionItemPaddingHorizontal});\n    padding-left: var(${tokens.accordionItemPaddingHorizontalLeft});\n    text-align: left;\n`;\n\nexport const StyledArrow = styled(IconChevronDownFill)`\n    pointer-events: none;\n    user-select: none;\n    color: var(${tokens.accordionItemIconColor});\n`;\n\nexport const StyledMinus = styled(IconMinus)`\n    pointer-events: none;\n    user-select: none;\n    color: var(${tokens.accordionItemIconColor});\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    &.${classes.accordionPlusAnimationElement} {\n        transition: 0.2s;\n        transform: rotate(90deg);\n    }\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(0deg);\n    }\n`;\n\nexport const StyledPlus = styled.div`\n    position: relative;\n    height: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1rem;\n`;\n"],"names":["StyledAccordionItem","styled","div","withConfig","componentId","tokens","accordionItemBackground","accordionItemBorder","accordionItemBorderBottom","classes","accordionDisabled","StyledAccordionHeader","button","accordionItemPadding","accordionItemGap","addFocus","outlineOffset","outlineSize","outlineRadius","outlineColor","concat","accordionItemFocus","StyledAccordionHeaderLeft","StyledAccordionContentRight","accordionItemShowBody","StyledAccordionContentLeft","StyledAccordionTitle","accordionItemTitleColor","accordionItemTitleFontFamily","accordionItemTitleFontSize","accordionItemTitleFontWeight","accordionItemTitleFontStyle","accordionItemTitleLetterSpacing","accordionItemTitleLineHeight","StyledAccordionBodyAnimate","accordionItemPaddingVertical","accordionPlusAnimationElement","StyledAccordionBody","accordionItemTextColor","accordionItemTextFontFamily","accordionItemTextFontSize","accordionItemTextFontWeight","accordionItemTextFontStyle","accordionItemTextLetterSpacing","accordionItemTextLineHeight","accordionItemPaddingHorizontal","accordionItemPaddingHorizontalLeft","StyledArrow","IconChevronDownFill","accordionItemIconColor","StyledMinus","IconMinus","StyledPlus"],"mappings":"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"}
+{"version":3,"file":"AccordionItem.styles.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { IconChevronDownFill, IconMinus } from '../../../_Icon';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { addFocus } from '../../../../mixins';\n\nexport const StyledAccordionItem = styled.div`\n    background: var(${tokens.accordionItemBackground});\n    border: var(${tokens.accordionItemBorder});\n    border-bottom: var(${tokens.accordionItemBorderBottom});\n\n    &:last-child {\n        border-bottom: var(${tokens.accordionItemBorder});\n    }\n\n    &.${classes.accordionDisabled} {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n`;\n\nexport const StyledAccordionHeader = styled.button`\n    width: 100%;\n    border: none;\n    padding: var(${tokens.accordionItemPadding});\n    display: flex;\n    gap: var(${tokens.accordionItemGap});\n    justify-content: space-between;\n    align-items: center;\n    background: none;\n    box-sizing: border-box;\n    cursor: pointer;\n\n    &:focus {\n        outline: none;\n    }\n\n    ${addFocus({\n        outlineOffset: '0.125rem',\n        outlineSize: '0.125rem',\n        outlineRadius: '0',\n        outlineColor: `var(${tokens.accordionItemFocus})`,\n    })}\n`;\n\nexport const StyledAccordionHeaderLeft = styled.div`\n    display: flex;\n    gap: var(${tokens.accordionItemGap});\n    justify-content: space-between;\n    align-items: center;\n`;\n\nexport const StyledAccordionContentRight = styled.div`\n    transition: 0.2s;\n    transform: rotate(90deg);\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(0deg);\n    }\n`;\n\nexport const StyledAccordionContentLeft = styled.div`\n    transition: 0.2s;\n    display: flex;\n    align-items: center;\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(180deg);\n    }\n`;\n\nexport const StyledAccordionTitle = styled.div`\n    color: var(${tokens.accordionItemTitleColor});\n    font-family: var(${tokens.accordionItemTitleFontFamily});\n    font-size: var(${tokens.accordionItemTitleFontSize});\n    font-weight: var(${tokens.accordionItemTitleFontWeight});\n    font-style: var(${tokens.accordionItemTitleFontStyle});\n    letter-spacing: var(${tokens.accordionItemTitleLetterSpacing});\n    line-height: var(${tokens.accordionItemTitleLineHeight});\n    text-align: left;\n`;\n\nexport const StyledAccordionBodyAnimate = styled.div`\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.2s ease-out;\n    overflow: hidden;\n\n    &.${classes.accordionItemShowBody} {\n        grid-template-rows: 1fr;\n        padding-bottom: var(${tokens.accordionItemPaddingVertical});\n\n        &.${classes.accordionPlusAnimationElement} {\n            transition: 0.2s;\n            transform: rotate(0deg);\n        }\n    }\n`;\n\nexport const StyledAccordionBody = styled.div`\n    color: var(${tokens.accordionItemTextColor});\n    font-family: var(${tokens.accordionItemTextFontFamily});\n    font-size: var(${tokens.accordionItemTextFontSize});\n    font-weight: var(${tokens.accordionItemTextFontWeight});\n    font-style: var(${tokens.accordionItemTextFontStyle});\n    letter-spacing: var(${tokens.accordionItemTextLetterSpacing});\n    line-height: var(${tokens.accordionItemTextLineHeight});\n    overflow: hidden;\n    padding-right: var(${tokens.accordionItemPaddingHorizontal});\n    padding-left: var(${tokens.accordionItemPaddingHorizontalLeft});\n    text-align: left;\n`;\n\nexport const StyledArrow = styled(IconChevronDownFill)`\n    pointer-events: none;\n    user-select: none;\n    color: var(${tokens.accordionItemIconColor});\n`;\n\nexport const StyledMinus = styled(IconMinus)`\n    pointer-events: none;\n    user-select: none;\n    color: var(${tokens.accordionItemIconColor});\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    &.${classes.accordionPlusAnimationElement} {\n        transition: 0.2s;\n        transform: rotate(90deg);\n    }\n\n    &.${classes.accordionItemShowBody} {\n        transition: 0.2s;\n        transform: rotate(0deg);\n    }\n`;\n\nexport const StyledPlus = styled.div`\n    position: relative;\n    height: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1rem;\n`;\n"],"names":["StyledAccordionItem","styled","div","withConfig","componentId","tokens","accordionItemBackground","accordionItemBorder","accordionItemBorderBottom","classes","accordionDisabled","StyledAccordionHeader","button","accordionItemPadding","accordionItemGap","addFocus","outlineOffset","outlineSize","outlineRadius","outlineColor","concat","accordionItemFocus","StyledAccordionHeaderLeft","StyledAccordionContentRight","accordionItemShowBody","StyledAccordionContentLeft","StyledAccordionTitle","accordionItemTitleColor","accordionItemTitleFontFamily","accordionItemTitleFontSize","accordionItemTitleFontWeight","accordionItemTitleFontStyle","accordionItemTitleLetterSpacing","accordionItemTitleLineHeight","StyledAccordionBodyAnimate","accordionItemPaddingVertical","accordionPlusAnimationElement","StyledAccordionBody","accordionItemTextColor","accordionItemTextFontFamily","accordionItemTextFontSize","accordionItemTextFontWeight","accordionItemTextFontStyle","accordionItemTextLetterSpacing","accordionItemTextLineHeight","accordionItemPaddingHorizontal","accordionItemPaddingHorizontalLeft","StyledArrow","IconChevronDownFill","accordionItemIconColor","StyledMinus","IconMinus","StyledPlus"],"mappings":"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"}

package/es/components/Autocomplete/Autocomplete.js

@@ -1,14 +1,15 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useReducer, useState } from 'react';
 import { safeUseId } from '@salutejs/plasma-core';
-import { focusedReducer } from './reducers/focusedReducer.js';
-import { StyledPopover, Ul, InfiniteLoaderWrapper, LeftHelper, base } from './Autocomplete.styles.js';
-import { useKeyNavigation } from './hooks/useKeyboardNavigation.js';
-import { useOutsideClick } from '../../hooks/useOutsideClick.js';
 import { useDidMountEffect } from '../../hooks/useDidMountEffect.js';
+import { useOutsideClick } from '../../hooks/useOutsideClick.js';
+import '../../utils/react.js';
+import { getPlacements } from '../../utils/getPopoverPlacement.js';
+import { focusedReducer } from './reducers/focusedReducer.js';
 import { StyledTextField } from './ui/TextField/TextField.styles.js';
 import { SuggestionItem } from './ui/SuggestionItem/SuggestionItem.js';
-import { getPlacements } from '../../utils/getPopoverPlacement.js';
+import { StyledPopover, Ul, InfiniteLoaderWrapper, LeftHelper, base } from './Autocomplete.styles.js';
+import { useKeyNavigation } from './hooks/useKeyboardNavigation.js';
 
 var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch"];