@salutejs/plasma-new-hope 0.142.0-canary.1424.10812555652.0 → 0.142.0-canary.1428.10806066547.0

package/emotion/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentProps } from 'react';
+import React from 'react';
 import { disableProps } from '@salutejs/plasma-sb-utils';
 import type { StoryObj, Meta } from '@storybook/react';
 
@@ -8,7 +8,6 @@ import { Badge } from './Badge';
 
 const meta: Meta<typeof Badge> = {
     title: 'plasma_web/Badge',
-    component: Badge,
     decorators: [WithTheme],
     argTypes: {
         size: {
@@ -23,25 +22,13 @@ const meta: Meta<typeof Badge> = {
                 type: 'select',
             },
         },
-        pilled: {
-            control: { type: 'boolean' },
-            if: { arg: 'clear', truthy: false },
-        },
-        transparent: {
-            control: { type: 'boolean' },
-            if: { arg: 'clear', truthy: false },
-        },
         ...disableProps(['contentLeft', 'contentRight']),
     },
 };
 
 export default meta;
 
-type StoryProps = ComponentProps<typeof Badge> & {
-    enableContentLeft: boolean;
-    enableContentRight: boolean;
-};
-type Story = StoryObj<StoryProps>;
+type Story = StoryObj<typeof Badge>;
 
 const BellIcon = (props) => (
     <svg width="100%" viewBox="0 0 24 24" fill="none" {...props}>
@@ -53,36 +40,16 @@ const BellIcon = (props) => (
 );
 
 export const Default: Story = {
-    argTypes: {
-        enableContentLeft: {
-            control: { type: 'boolean' },
-            if: { arg: 'enableContentRight', truthy: false },
-        },
-        enableContentRight: {
-            control: { type: 'boolean' },
-            if: { arg: 'enableContentLeft', truthy: false },
-        },
-    },
     args: {
         text: 'Hello',
         view: 'default',
         size: 'm',
-        enableContentLeft: false,
-        enableContentRight: false,
-        clear: false,
         pilled: false,
         transparent: false,
     },
-    render: ({ enableContentLeft, enableContentRight, size, ...rest }: StoryProps) => {
-        const iconSize = size === 'l' ? '1rem' : '0.75rem';
+};
 
-        return (
-            <Badge
-                contentLeft={enableContentLeft ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
-                contentRight={enableContentRight ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
-                size={size}
-                {...rest}
-            />
-        );
-    },
+export const WithIcon: Story = {
+    args: { ...Default.args },
+    render: (args) => <Badge contentLeft={<BellIcon width="1rem" height="1rem" />} {...args} />,
 };

package/emotion/es/components/Badge/Badge.js

@@ -1,4 +1,4 @@
-var _excluded = ["children", "className", "text", "contentLeft", "contentRight", "size", "view", "pilled", "transparent", "clear"];
+var _excluded = ["children", "className", "text", "contentLeft", "contentRight", "size", "view", "pilled", "transparent"];
 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; }
@@ -8,7 +8,6 @@ import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as pilledCSS } from './variations/_pilled/base';
 import { base as transparentCSS } from './variations/_transparent/base';
-import { base as clearCSS } from './variations/_clear/base';
 import { StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Badge.styles';
 import { classes } from './Badge.tokens';
 export var badgeRoot = function badgeRoot(Root) {
@@ -24,21 +23,17 @@ export var badgeRoot = function badgeRoot(Root) {
       pilled = _props$pilled === void 0 ? false : _props$pilled,
       _props$transparent = props.transparent,
       transparent = _props$transparent === void 0 ? false : _props$transparent,
-      _props$clear = props.clear,
-      clear = _props$clear === void 0 ? false : _props$clear,
       rest = _objectWithoutProperties(props, _excluded);
     var pilledClass = pilled ? classes.badgePilled : undefined;
     var transparentClass = transparent ? classes.badgeTransparent : undefined;
-    var clearClass = clear ? classes.badgeClear : undefined;
     var txt = !text && typeof children === 'string' ? children : text;
     return /*#__PURE__*/React.createElement(Root, _extends({
       ref: ref,
-      className: cx(pilledClass, transparentClass, clearClass, className),
+      className: cx(pilledClass, transparentClass, className),
       view: view,
       size: size,
       pilled: pilled,
-      transparent: transparent,
-      clear: clear
+      transparent: transparent
     }, rest), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React.createElement(StyledContentMain, null, txt) : children, contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight));
   });
 };
@@ -61,10 +56,6 @@ export var badgeConfig = {
     transparent: {
       css: transparentCSS,
       attrs: true
-    },
-    clear: {
-      css: clearCSS,
-      attrs: true
     }
   },
   defaults: {

package/emotion/es/components/Badge/Badge.template-doc.mdx

@@ -60,32 +60,41 @@ export function App() {
 + `"dark"` – темный badge;
 + `"light"` – светлый badge.
 
-Так же на вид badge влияет свойства `transparent` и `clear`.
-
 ```tsx live 
 import React from 'react';
 import { Badge } from '@salutejs/{{ package }}';
 
 export function App() {
-    const Badges = ({transparent, clear}) => {
-        return (
-            <div style=\{{ display: 'flex', gap: '0.5rem' }}>
-                <Badge text="Бейдж" size="l" view="primary" transparent={transparent} clear={clear} />
-                <Badge text="Бейдж" size="l" view="accent" transparent={transparent} clear={clear} />
-                <Badge text="Бейдж" size="l" view="positive" transparent={transparent} clear={clear} />
-                <Badge text="Бейдж" size="l" view="warning" transparent={transparent} clear={clear} />
-                <Badge text="Бейдж" size="l" view="negative" transparent={transparent} clear={clear} />
-                <Badge text="Бейдж" size="l" view="dark" transparent={transparent} clear={clear} />
-                <Badge text="Бейдж" size="l" view="light" transparent={transparent} clear={clear} />
-            </div>
-        )
-    }
+    return (
+        <div>
+            <Badge text="Бейдж" size="l" view="primary" />
+            <Badge text="Бейдж" size="l" view="accent" />
+            <Badge text="Бейдж" size="l" view="positive" />
+            <Badge text="Бейдж" size="l" view="warning" />
+            <Badge text="Бейдж" size="l" view="negative" />
+            <Badge text="Бейдж" size="l" view="dark" />
+            <Badge text="Бейдж" size="l" view="light" />
+        </div>
+    );
+}
+```
 
+Так же на вид badge влияет свойство `transparent`:
+
+```tsx live 
+import React from 'react';
+import { Badge } from '@salutejs/{{ package }}';
+
+export function App() {
     return (
-        <div style=\{{ display: 'flex', flexDirection: 'column', gap: '2rem' }}>
-            <Badges />
-            <Badges transparent />
-            <Badges clear />
+        <div>
+            <Badge text="Бейдж" size="l" view="primary" transparent />
+            <Badge text="Бейдж" size="l" view="accent" transparent />
+            <Badge text="Бейдж" size="l" view="positive" transparent />
+            <Badge text="Бейдж" size="l" view="warning" transparent />
+            <Badge text="Бейдж" size="l" view="negative" transparent />
+            <Badge text="Бейдж" size="l" view="dark" transparent />
+            <Badge text="Бейдж" size="l" view="light" transparent />
         </div>
     );
 }

package/emotion/es/components/Badge/Badge.tokens.js

@@ -1,14 +1,12 @@
 export var classes = {
   badgePilled: 'badge-pilled',
-  badgeTransparent: 'badge-transparent',
-  badgeClear: 'badge-clear'
+  badgeTransparent: 'badge-transparent'
 };
 export var tokens = {
   background: '--plasma-badge-background',
   color: '--plasma-badge-color',
   backgroundTransparent: '--plasma-badge-background-transparent',
   colorTransparent: '--plasma-badge-color-transparent',
-  colorClear: '--plasma-badge-color-clear',
   borderRadius: '--plasma-badge-border-radius',
   pilledBorderRadius: '--plasma-badge-pilled-border-radius',
   height: '--plasma-badge-height',

package/emotion/es/components/Badge/variations/_pilled/base.js

@@ -1,3 +1,3 @@
 import { css } from '@emotion/react';
 import { classes, tokens } from '../../Badge.tokens';
-export var base = /*#__PURE__*/css("&.", classes.badgePilled, "{border-radius:var(", tokens.pilledBorderRadius, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQmFkZ2UvdmFyaWF0aW9ucy9fcGlsbGVkL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQmFkZ2UvdmFyaWF0aW9ucy9fcGlsbGVkL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL0JhZGdlLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICYuJHtjbGFzc2VzLmJhZGdlUGlsbGVkfSB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5waWxsZWRCb3JkZXJSYWRpdXN9KTtcbiAgICB9XG5gO1xuIl19 */"));
+export var base = /*#__PURE__*/css("&.", /*#__PURE__*/String(classes.badgePilled), "{border-radius:var(", tokens.pilledBorderRadius, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQmFkZ2UvdmFyaWF0aW9ucy9fcGlsbGVkL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQmFkZ2UvdmFyaWF0aW9ucy9fcGlsbGVkL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL0JhZGdlLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICYuJHtTdHJpbmcoY2xhc3Nlcy5iYWRnZVBpbGxlZCl9IHtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLnBpbGxlZEJvcmRlclJhZGl1c30pO1xuICAgIH1cbmA7XG4iXX0= */"));

package/emotion/es/components/Badge/variations/_transparent/base.js

@@ -1,3 +1,3 @@
 import { css } from '@emotion/react';
 import { classes, tokens } from '../../Badge.tokens';
-export var base = /*#__PURE__*/css("&.", classes.badgeTransparent, "{color:var(", tokens.colorTransparent, ");background-color:var(", tokens.backgroundTransparent, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQmFkZ2UvdmFyaWF0aW9ucy9fdHJhbnNwYXJlbnQvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CYWRnZS92YXJpYXRpb25zL190cmFuc3BhcmVudC9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9CYWRnZS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7Y2xhc3Nlcy5iYWRnZVRyYW5zcGFyZW50fSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3JUcmFuc3BhcmVudH0pO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFRyYW5zcGFyZW50fSk7XG4gICAgfVxuYDtcbiJdfQ== */"));
+export var base = /*#__PURE__*/css("&.", /*#__PURE__*/String(classes.badgeTransparent), "{color:var(", tokens.colorTransparent, ");background-color:var(", tokens.backgroundTransparent, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQmFkZ2UvdmFyaWF0aW9ucy9fdHJhbnNwYXJlbnQvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CYWRnZS92YXJpYXRpb25zL190cmFuc3BhcmVudC9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9CYWRnZS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7U3RyaW5nKGNsYXNzZXMuYmFkZ2VUcmFuc3BhcmVudCl9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2xvclRyYW5zcGFyZW50fSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kVHJhbnNwYXJlbnR9KTtcbiAgICB9XG5gO1xuIl19 */"));

package/emotion/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", "local"];
 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$local = _ref.local,
+      local = _ref$local === void 0 ? 'ru' : _ref$local,
       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,
+      local: local
     }), 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,
+      local: local
     }), 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,
+      local: local
     }), calendarState === CalendarState.Quarters && /*#__PURE__*/React.createElement(CalendarQuarters, {
       value: externalValue,
       date: date,

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", "local"];
 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$local = _ref.local,
+      local = _ref$local === void 0 ? 'ru' : _ref$local,
       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,
+      local: local
     }), /*#__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,
+      local: local,
       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,
+      local: local,
       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,
+      local: local,
       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,
+      local: local,
       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$local = _ref.local,
+    local = _ref$local === void 0 ? 'ru' : _ref$local;
   return useMemo(function () {
-    var months = SHORT_MONTH_NAME.map(function (monthName, monthIndex) {
+    var months = SHORT_MONTH_NAME[local].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[local][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, local]);
 };

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

@@ -34,7 +34,8 @@ export var CalendarDays = function CalendarDays(_ref) {
     onChangeDay = _ref.onChangeDay,
     onHoverDay = _ref.onHoverDay,
     onSetSelected = _ref.onSetSelected,
-    onKeyDown = _ref.onKeyDown;
+    onKeyDown = _ref.onKeyDown,
+    local = _ref.local;
   var _useDays = useDays({
       date: currentDate,
       value: value,
@@ -105,7 +106,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[local].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,
+    local = _ref.local;
   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[local][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, local]);
   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,
+    local = _ref.local;
   var _useMonths = useMonths({
       date: currentDate,
       value: value,
       eventList: eventList,
       disabledList: disabledList,
       min: min,
-      max: max
+      max: max,
+      local: local
     }),
     _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 LOCAL = {
+  ru: 'ru-RU',
+  eng: '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(LOCAL[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(LOCAL[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'
+  })),
+  eng: /*#__PURE__*/WEEKS.map( /*#__PURE__*/callbackDayFormatter('eng', {
+    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'
+  })),
+  eng: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('eng', {
+    month: 'short'
+  }))
+};
+export var MONTH_NAMES = {
+  ru: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('ru', {
+    month: 'long'
+  })),
+  eng: /*#__PURE__*/MONTHS.map( /*#__PURE__*/callbackMonthFormatter('eng', {
+    month: 'long'
+  }))
+};