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

package/styled-components/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/styled-components/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/styled-components/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/styled-components/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/styled-components/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'
+  }))
+};

package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js

@@ -7,13 +7,13 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
-      accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-transparent-accent);", ":var(--text-accent);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
-      positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);", ":var(--text-positive);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
-      warning: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);", ":var(--text-warning);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
-      negative: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--text-negative);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
-      dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);", ":var(--on-light-text-primary);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
-      light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);", ":var(--on-dark-text-primary);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear)
+      "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
+      accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-transparent-accent);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
+      positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
+      warning: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
+      negative: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
+      dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
+      light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent)
     },
     size: {
       l: /*#__PURE__*/css(["", ":0.5rem;", ":1.75rem;", ":0.6875rem;", ":0.6875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":-0.0625rem;", ":0.25rem;", ":0.25rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
@@ -25,9 +25,6 @@ export var config = {
     },
     transparent: {
       "true": /*#__PURE__*/css([""])
-    },
-    clear: {
-      "true": /*#__PURE__*/css([""])
     }
   }
 };

package/styled-components/es/examples/plasma_b2c/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';
 
@@ -23,25 +23,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 +41,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/styled-components/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx

@@ -32,6 +32,12 @@ const meta: Meta<typeof CalendarBase> = {
                 type: 'inline-radio',
             },
         },
+        local: {
+            options: ['ru', 'eng'],
+            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, local } = 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}
+            local={local}
             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',
+        local: 'ru',
     },
     render: (args) => <StoryDefault {...args} />,
 };

package/styled-components/es/examples/plasma_web/components/Badge/Badge.config.js

@@ -7,13 +7,13 @@ export var config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
-      accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-transparent-accent);", ":var(--text-accent);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
-      positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);", ":var(--text-positive);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
-      warning: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);", ":var(--text-warning);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
-      negative: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);", ":var(--text-negative);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
-      dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);", ":var(--on-light-text-primary);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear),
-      light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);", ":var(--on-dark-text-primary);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear)
+      "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-transparent-secondary);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
+      accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--text-accent);", ":var(--surface-transparent-accent);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
+      positive: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--text-positive);", ":var(--surface-transparent-positive);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
+      warning: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--text-warning);", ":var(--surface-transparent-warning);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
+      negative: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--text-negative);", ":var(--surface-transparent-negative);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
+      dark: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent),
+      light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent)
     },
     size: {
       l: /*#__PURE__*/css(["", ":0.5rem;", ":1.75rem;", ":0.6875rem;", ":0.6875rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":-0.0625rem;", ":0.25rem;", ":0.25rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.paddingRight, badgeTokens.paddingLeft, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
@@ -25,9 +25,6 @@ export var config = {
     },
     transparent: {
       "true": /*#__PURE__*/css([""])
-    },
-    clear: {
-      "true": /*#__PURE__*/css([""])
     }
   }
 };

package/styled-components/es/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/types/components/Badge/Badge.d.ts

@@ -1,11 +1,31 @@
 import React from 'react';
 import type { RootProps } from '../../engines';
-import type { BadgeProps, BadgeRootProps } from './Badge.types';
-export declare const badgeRoot: (Root: RootProps<HTMLDivElement, BadgeRootProps>) => React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+import type { BadgeProps } from './Badge.types';
+export declare const badgeRoot: (Root: RootProps<HTMLDivElement, BadgeProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    text?: string | undefined;
+    contentLeft?: React.ReactNode;
+    contentRight?: React.ReactNode;
+    pilled?: boolean | undefined;
+    transparent?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
 export declare const badgeConfig: {
     name: string;
     tag: string;
-    layout: (Root: RootProps<HTMLDivElement, BadgeRootProps>) => React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+    layout: (Root: RootProps<HTMLDivElement, BadgeProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        text?: string | undefined;
+        contentLeft?: React.ReactNode;
+        contentRight?: React.ReactNode;
+        pilled?: boolean | undefined;
+        transparent?: boolean | undefined;
+        size?: string | undefined;
+        view?: string | undefined;
+    } & {
+        children?: React.ReactNode;
+    } & React.RefAttributes<HTMLDivElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {
         view: {
@@ -22,10 +42,6 @@ export declare const badgeConfig: {
             css: import("@linaria/core").LinariaClassName;
             attrs: boolean;
         };
-        clear: {
-            css: import("@linaria/core").LinariaClassName;
-            attrs: boolean;
-        };
     };
     defaults: {
         view: string;

package/types/components/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIhE,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,cAAc,CAAC,sFAqCnE,CAAC;AAEP,eAAO,MAAM,WAAW;;;mBAvCQ,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CAoExE,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAO/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;wCAkC/D,CAAC;AAEP,eAAO,MAAM,WAAW;;;mBApCQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DpE,CAAC"}

package/types/components/Badge/Badge.tokens.d.ts

@@ -1,14 +1,12 @@
 export declare const classes: {
     badgePilled: string;
     badgeTransparent: string;
-    badgeClear: string;
 };
 export declare const tokens: {
     background: string;
     color: string;
     backgroundTransparent: string;
     colorTransparent: string;
-    colorClear: string;
     borderRadius: string;
     pilledBorderRadius: string;
     height: string;

package/types/components/Badge/Badge.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CA0BlB,CAAC"}
+{"version":3,"file":"Badge.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAyBlB,CAAC"}

package/types/components/Badge/Badge.types.d.ts

@@ -1,50 +1,4 @@
 import type { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
-declare type ClearViewProps = {
-    /**
-     * view применяется с clear-токенами
-     * @default
-     * false
-     */
-    clear?: true;
-    /**
-     * Компонент c округлым border-radius
-     * @default
-     * false
-     */
-    pilled?: false;
-    /**
-     * view применяется с учетом прозрачности
-     * @default
-     * false
-     */
-    transparent?: false;
-} | {
-    /**
-     * Компонент c округлым border-radius
-     */
-    pilled?: true;
-    /**
-     * view применяется с учетом прозрачности
-     */
-    transparent?: boolean;
-    /**
-     * view применяется с clear-токенами
-     */
-    clear?: false;
-} | {
-    /**
-     * Компонент c округлым border-radius
-     */
-    pilled?: boolean;
-    /**
-     * view применяется с учетом прозрачности
-     */
-    transparent?: true;
-    /**
-     * view применяется с clear-токенами
-     */
-    clear?: false;
-};
 declare type CustomBadgeProps = {
     /**
      * Текстовая надпись
@@ -58,6 +12,18 @@ declare type CustomBadgeProps = {
      * Слот для контента справа, например `Icon`
      */
     contentRight?: ReactNode;
+    /**
+     * Компонент c округлым border-radius
+     * @default
+     * false
+     */
+    pilled?: boolean;
+    /**
+     * view применяется с учетом прозрачности
+     * @default
+     * false
+     */
+    transparent?: boolean;
     /**
      * Размер Badge
      * @default
@@ -71,11 +37,6 @@ declare type CustomBadgeProps = {
      */
     view?: string;
 } & PropsWithChildren;
-export declare type BadgeProps = HTMLAttributes<HTMLDivElement> & CustomBadgeProps & ClearViewProps;
-export declare type BadgeRootProps = HTMLAttributes<HTMLDivElement> & CustomBadgeProps & {
-    pilled?: boolean;
-    transparent?: boolean;
-    clear?: boolean;
-};
+export declare type BadgeProps = HTMLAttributes<HTMLDivElement> & CustomBadgeProps;
 export {};
 //# sourceMappingURL=Badge.types.d.ts.map

package/types/components/Badge/Badge.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,aAAK,cAAc,GACb;IACI;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IACI;;OAEG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACI;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAER,aAAK,gBAAgB,GAAG;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,iBAAiB,CAAC;AAEtB,oBAAY,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAC5F,oBAAY,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GACvD,gBAAgB,GAAG;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
+{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,aAAK,gBAAgB,GAAG;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,iBAAiB,CAAC;AAEtB,oBAAY,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,gBAAgB,CAAC"}

package/types/components/Calendar/Calendar.types.d.ts

@@ -83,6 +83,7 @@ export declare type DateInfo = {
     name: string;
     fullValue: CalendarValueType;
 };
+export declare type LOCAL = 'ru' | 'eng';
 export interface Calendar extends HTMLAttributes<HTMLDivElement> {
     /**
      * Выбранное значение.
@@ -144,6 +145,10 @@ export interface Calendar extends HTMLAttributes<HTMLDivElement> {
      * Конечный тип отображения календаря: дни, месяца, года, кварталы.
      */
     type?: CalendarStateType;
+    /**
+     * Choose calendar lang
+     */
+    local?: LOCAL;
 }
 export declare type CalendarConfigProps = {
     /**