@alfalab/core-components 42.3.1 → 42.4.0

package/calendar/Component-50136800.d.ts

@@ -1,6 +1,186 @@
 /// <reference types="react" />
-import React from 'react';
+import React from "react";
+import { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from "react";
+import { TextElementType, TextSkeletonProps } from "./types-1b036d4b";
 import { NavigationBarProps } from "./types-83e2bd9e";
+interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Текст после иконки
+     */
+    text?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Вид компонента
+     */
+    view: "mobile" | "desktop";
+    /**
+     * Прозрачность текста
+     */
+    textOpacity?: number;
+    /**
+     * Обработчик клика
+     */
+    onClick?: () => void;
+}
+declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
+declare const colors: readonly [
+    "tertiary",
+    "disabled",
+    "accent",
+    "primary",
+    "attention",
+    "positive",
+    "secondary",
+    "tertiary-inverted",
+    "primary-inverted",
+    "secondary-inverted",
+    "link",
+    "negative",
+    "static-primary-light",
+    "static-secondary-light",
+    "static-tertiary-light",
+    "static-primary-dark",
+    "static-secondary-dark",
+    "static-tertiary-dark",
+    "static-accent"
+];
+type Color = (typeof colors)[number];
+type NativeProps = HTMLAttributes<HTMLSpanElement>;
+type TextBaseProps = {
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)
+     */
+    view?: "primary-large" | "primary-medium" | "primary-small" | "secondary-large" | "secondary-medium" | "secondary-small" | "component" | "caps";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Делает цифры моноширинными
+     */
+    monospaceNumbers?: boolean;
+    /**
+     * HTML тег
+     */
+    tag?: "span" | "div";
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Добавляет отступы к тэгу 'p'
+     */
+    defaultMargins?: never;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
+};
+type TextPTagProps = Omit<TextBaseProps, "tag" | "defaultMargins"> & {
+    tag?: "p";
+    defaultMargins?: boolean;
+};
+type TextProps = Omit<NativeProps, "color"> & (TextBaseProps | TextPTagProps);
+type NativeProps$0 = HTMLAttributes<HTMLHeadingElement>;
+type TitleProps = Omit<NativeProps$0, "color"> & {
+    /**
+     * HTML тег
+     */
+    tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div";
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
+     */
+    view?: "xlarge" | "large" | "medium" | "small" | "xsmall";
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "regular" | "medium" | "bold";
+    /**
+     * Шрифт текста
+     */
+    font?: "styrene" | "system";
+    /**
+     * Добавляет отступы
+     */
+    defaultMargins?: boolean;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Количество строк (не поддерживает IE)
+     */
+    rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
+};
+type TitleMobileProps = Omit<TitleProps, "defaultMargins">;
+declare const Typography: {
+    Title: FC<TitleProps>;
+    Text: ForwardRefExoticComponent<TextProps & RefAttributes<TextElementType>>;
+    TitleResponsive: FC<TitleProps>;
+    TitleMobile: FC<TitleMobileProps>;
+};
+declare const typographyPresets: {
+    mobile: {
+        list: {
+            text: {
+                primary: {
+                    tag: string;
+                    view: string;
+                };
+                secondary: {
+                    tag: string;
+                    color: string;
+                    view: string;
+                };
+            };
+        };
+    };
+};
+declare const TitleResponsive: FC<TitleProps>;
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-63dec22f";
-export { NavigationBar };
+export { BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive, NavigationBar };
+export type { TitleProps, TextProps, Color };
+export * from "./useSkeleton-1b036d4b";

package/calendar/Component.desktop-ebda875c.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
+type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
+declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonDesktopProps, ButtonDesktop };

package/calendar/Component.desktop.js

@@ -70,7 +70,7 @@ var endOfDay__default = /*#__PURE__*/_interopDefaultCompat(endOfDay);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"component":"calendar__component_ts4x5","responsive":"calendar__responsive_ts4x5","period":"calendar__period_ts4x5","monthYear":"calendar__monthYear_ts4x5","container":"calendar__container_ts4x5","customScrollbar":"calendar__customScrollbar_ts4x5","sixWeeks":"calendar__sixWeeks_ts4x5"};
+var styles = {"component":"calendar__component_17y9e","responsive":"calendar__responsive_17y9e","period":"calendar__period_17y9e","monthYear":"calendar__monthYear_17y9e","container":"calendar__container_17y9e","customScrollbar":"calendar__customScrollbar_17y9e","sixWeeks":"calendar__sixWeeks_17y9e"};
 require('./desktop.css');
 
 var CalendarDesktop = React.forwardRef(function (_a, ref) {

package/calendar/components/calendar-mobile/Component.js

@@ -77,7 +77,7 @@ var getMonth__default = /*#__PURE__*/_interopDefaultCompat(getMonth);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"wrapper":"calendar__wrapper_3szy8","withZIndex":"calendar__withZIndex_3szy8","calendar":"calendar__calendar_3szy8","dayNames":"calendar__dayNames_3szy8","withHeader":"calendar__withHeader_3szy8","month":"calendar__month_3szy8","daysTable":"calendar__daysTable_3szy8","dayName":"calendar__dayName_3szy8"};
+var styles = {"wrapper":"calendar__wrapper_12qca","withZIndex":"calendar__withZIndex_12qca","calendar":"calendar__calendar_12qca","dayNames":"calendar__dayNames_12qca","withHeader":"calendar__withHeader_12qca","month":"calendar__month_12qca","daysTable":"calendar__daysTable_12qca","dayName":"calendar__dayName_12qca"};
 require('./index.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.

package/calendar/components/calendar-mobile/index.css

@@ -56,23 +56,23 @@
     /* mobile */
 
     /* paddings */
-} .calendar__wrapper_3szy8 {
+} .calendar__wrapper_12qca {
     background: var(--color-light-bg-primary);
-} .calendar__withZIndex_3szy8 {
+} .calendar__withZIndex_12qca {
     z-index: 2;
-} .calendar__calendar_3szy8 th {
+} .calendar__calendar_12qca th {
     border-bottom: 1px solid var(--color-light-border-primary);
-} .calendar__dayNames_3szy8 {
+} .calendar__dayNames_12qca {
     width: 100%;
     position: sticky;
     background: var(--modal-header-background);
     top: 0;
     height: 32px
-} .calendar__dayNames_3szy8.calendar__withHeader_3szy8 {
+} .calendar__dayNames_12qca.calendar__withHeader_12qca {
         top: 48px;
-    } .calendar__dayNames_3szy8 th {
+    } .calendar__dayNames_12qca th {
     height: 100%;
-} .calendar__month_3szy8 {
+} .calendar__month_12qca {
     font-style: normal;
     font-weight: 700;
     font-size: 12px;
@@ -81,18 +81,18 @@
     text-transform: uppercase;
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-xs);
-} .calendar__daysTable_3szy8 {
+} .calendar__daysTable_12qca {
     display: flex;
     flex-direction: column;
     margin-top: var(--gap-2xl);
-} .calendar__dayName_3szy8 {
+} .calendar__dayName_12qca {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     height: var(--calendar-day-size);
     color: var(--color-light-text-secondary)
-} @media (max-width: 374px) { .calendar__dayName_3szy8 {
+} @media (max-width: 374px) { .calendar__dayName_12qca {
         height: 36px
 }
     }

package/calendar/components/days-table/Component.js

@@ -45,7 +45,7 @@ var isToday__default = /*#__PURE__*/_interopDefaultCompat(isToday);
 var isWithinInterval__default = /*#__PURE__*/_interopDefaultCompat(isWithinInterval);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"daysTable":"calendar__daysTable_1go08","responsive":"calendar__responsive_1go08","dayName":"calendar__dayName_1go08","day":"calendar__day_1go08","rounded":"calendar__rounded_1go08","rectangular":"calendar__rectangular_1go08","highlighted":"calendar__highlighted_1go08","range":"calendar__range_1go08","disabled":"calendar__disabled_1go08","holiday":"calendar__holiday_1go08","today":"calendar__today_1go08","rangeComplete":"calendar__rangeComplete_1go08","selected":"calendar__selected_1go08","dayWrapper":"calendar__dayWrapper_1go08","cursorPointer":"calendar__cursorPointer_1go08","rangeEnd":"calendar__rangeEnd_1go08","rangeStart":"calendar__rangeStart_1go08","transitLeft":"calendar__transitLeft_1go08","transitRight":"calendar__transitRight_1go08","sharpTransitLeft":"calendar__sharpTransitLeft_1go08","sharpTransitRight":"calendar__sharpTransitRight_1go08","daysEnter":"calendar__daysEnter_1go08","left":"calendar__left_1go08","daysEnterActive":"calendar__daysEnterActive_1go08","daysExit":"calendar__daysExit_1go08","daysExitActive":"calendar__daysExitActive_1go08","right":"calendar__right_1go08","dayAddons":"calendar__dayAddons_1go08","dayContent":"calendar__dayContent_1go08","addons":"calendar__addons_1go08","dot":"calendar__dot_1go08","bottomAddon":"calendar__bottomAddon_1go08"};
+var styles = {"daysTable":"calendar__daysTable_6gx4a","responsive":"calendar__responsive_6gx4a","dayName":"calendar__dayName_6gx4a","day":"calendar__day_6gx4a","rounded":"calendar__rounded_6gx4a","rectangular":"calendar__rectangular_6gx4a","highlighted":"calendar__highlighted_6gx4a","range":"calendar__range_6gx4a","disabled":"calendar__disabled_6gx4a","holiday":"calendar__holiday_6gx4a","today":"calendar__today_6gx4a","rangeComplete":"calendar__rangeComplete_6gx4a","selected":"calendar__selected_6gx4a","dayWrapper":"calendar__dayWrapper_6gx4a","cursorPointer":"calendar__cursorPointer_6gx4a","rangeEnd":"calendar__rangeEnd_6gx4a","rangeStart":"calendar__rangeStart_6gx4a","transitLeft":"calendar__transitLeft_6gx4a","transitRight":"calendar__transitRight_6gx4a","sharpTransitLeft":"calendar__sharpTransitLeft_6gx4a","sharpTransitRight":"calendar__sharpTransitRight_6gx4a","daysEnter":"calendar__daysEnter_6gx4a","left":"calendar__left_6gx4a","daysEnterActive":"calendar__daysEnterActive_6gx4a","daysExit":"calendar__daysExit_6gx4a","daysExitActive":"calendar__daysExitActive_6gx4a","right":"calendar__right_6gx4a","dayAddons":"calendar__dayAddons_6gx4a","dayContent":"calendar__dayContent_6gx4a","addons":"calendar__addons_6gx4a","dot":"calendar__dot_6gx4a","bottomAddon":"calendar__bottomAddon_6gx4a"};
 require('./index.css');
 
 var DaysTable = function (_a) {

package/calendar/components/days-table/index.css

@@ -69,27 +69,27 @@
     /* marker */
     --calendar-marker-background: var(--color-light-graphic-primary);
     --calendar-marker-selected-background: var(--color-light-graphic-primary-inverted);
-} .calendar__daysTable_1go08 {
+} .calendar__daysTable_6gx4a {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
-} .calendar__daysTable_1go08.calendar__responsive_1go08 {
+} .calendar__daysTable_6gx4a.calendar__responsive_6gx4a {
         width: 100%;
-    } .calendar__daysTable_1go08 th {
+    } .calendar__daysTable_6gx4a th {
         padding: 0;
-    } .calendar__daysTable_1go08 td {
+    } .calendar__daysTable_6gx4a td {
         padding: var(--gap-2xs) 0 0;
-    } .calendar__dayName_1go08 {
+    } .calendar__dayName_6gx4a {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     height: var(--calendar-day-size);
     color: var(--color-light-text-secondary)
-} @media (max-width: 374px) { .calendar__dayName_1go08 {
+} @media (max-width: 374px) { .calendar__dayName_6gx4a {
         height: 36px
 }
-    } .calendar__day_1go08 {
+    } .calendar__day_6gx4a {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
     position: relative;
@@ -102,41 +102,41 @@
     box-sizing: border-box;
     color: var(--color-light-text-primary);
     z-index: 1
-} .calendar__day_1go08.calendar__rounded_1go08 {
+} .calendar__day_6gx4a.calendar__rounded_6gx4a {
         border-radius: var(--calendar-day-border-radius);
-    } .calendar__day_1go08.calendar__rectangular_1go08 {
+    } .calendar__day_6gx4a.calendar__rectangular_6gx4a {
         border-radius: var(--border-radius-m);
         width: 44px;
-    } .calendar__day_1go08.calendar__highlighted_1go08,
-    .calendar__day_1go08.calendar__range_1go08.calendar__highlighted_1go08:not(.calendar__disabled_1go08) {
+    } .calendar__day_6gx4a.calendar__highlighted_6gx4a,
+    .calendar__day_6gx4a.calendar__range_6gx4a.calendar__highlighted_6gx4a:not(.calendar__disabled_6gx4a) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
-    } .calendar__day_1go08.calendar__holiday_1go08 {
+    } .calendar__day_6gx4a.calendar__holiday_6gx4a {
         color: var(--calendar-holiday-color);
-    } .calendar__day_1go08.calendar__disabled_1go08 {
+    } .calendar__day_6gx4a.calendar__disabled_6gx4a {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
-    } .calendar__day_1go08.calendar__today_1go08 {
+    } .calendar__day_6gx4a.calendar__today_6gx4a {
         color: var(--calendar-today-color);
-    } .calendar__day_1go08.calendar__rangeComplete_1go08 {
+    } .calendar__day_6gx4a.calendar__rangeComplete_6gx4a {
         background: var(--calendar-range-complete-background);
-    } .calendar__day_1go08.calendar__selected_1go08,
-    .calendar__day_1go08.calendar__disabled_1go08.calendar__selected_1go08 {
+    } .calendar__day_6gx4a.calendar__selected_6gx4a,
+    .calendar__day_6gx4a.calendar__disabled_6gx4a.calendar__selected_6gx4a {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     } @media (hover) {
-            .calendar__day_1go08.calendar__selected_1go08:hover {
+            .calendar__day_6gx4a.calendar__selected_6gx4a:hover {
                 background: var(--calendar-selected-hover-background);
             }
-        } .calendar__day_1go08:focus {
+        } .calendar__day_6gx4a:focus {
         z-index: 1;
-    } /* RANGE */ .calendar__dayWrapper_1go08 {
+    } /* RANGE */ .calendar__dayWrapper_6gx4a {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     position: relative
-} .calendar__dayWrapper_1go08:before {
+} .calendar__dayWrapper_6gx4a:before {
         content: '';
         display: block;
         position: absolute;
@@ -144,27 +144,27 @@
         bottom: 0;
         width: 100%;
         height: var(--calendar-day-size);
-    } .calendar__dayWrapper_1go08:focus {
+    } .calendar__dayWrapper_6gx4a:focus {
         outline: none;
-    } .calendar__dayWrapper_1go08.calendar__cursorPointer_1go08 {
+    } .calendar__dayWrapper_6gx4a.calendar__cursorPointer_6gx4a {
         cursor: pointer;
-    } .calendar__range_1go08 .calendar__day_1go08:not(.calendar__selected_1go08):not(.calendar__disabled_1go08):not(.calendar__today_1go08):not(.calendar__holiday_1go08) {
+    } .calendar__range_6gx4a .calendar__day_6gx4a:not(.calendar__selected_6gx4a):not(.calendar__disabled_6gx4a):not(.calendar__today_6gx4a):not(.calendar__holiday_6gx4a) {
         color: var(--calendar-range-color);
-    } .calendar__range_1go08:before {
+    } .calendar__range_6gx4a:before {
         background: var(--calendar-range-background);
-    } .calendar__rangeEnd_1go08:before {
+    } .calendar__rangeEnd_6gx4a:before {
         width: calc(50% + 20px);
         border-top-right-radius: var(--calendar-day-border-radius);
         border-bottom-right-radius: var(--calendar-day-border-radius);
-    } .calendar__rangeStart_1go08:before {
+    } .calendar__rangeStart_6gx4a:before {
         left: auto;
         right: 0;
         width: calc(50% + 20px);
         border-top-left-radius: var(--calendar-day-border-radius);
         border-bottom-left-radius: var(--calendar-day-border-radius);
-    } .calendar__rangeComplete_1go08:before {
+    } .calendar__rangeComplete_6gx4a:before {
         background: var(--calendar-range-complete-background);
-    } .calendar__transitLeft_1go08:after, .calendar__transitRight_1go08:after {
+    } .calendar__transitLeft_6gx4a:after, .calendar__transitRight_6gx4a:after {
         content: '';
         position: absolute;
         display: block;
@@ -172,81 +172,81 @@
         height: var(--calendar-day-size);
         bottom: 0;
         pointer-events: none;
-    } .calendar__transitLeft_1go08:after {
+    } .calendar__transitLeft_6gx4a:after {
         right: 100%;
         background: linear-gradient(
             270deg,
             var(--calendar-range-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
-    } .calendar__transitLeft_1go08:first-child:before {
+    } .calendar__transitLeft_6gx4a:first-child:before {
             opacity: 0;
-        } .calendar__transitLeft_1go08:first-child:after {
+        } .calendar__transitLeft_6gx4a:first-child:after {
             right: 0;
-        } .calendar__transitRight_1go08:after {
+        } .calendar__transitRight_6gx4a:after {
         left: 100%;
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
             var(--calendar-range-background) 100%
         );
-    } .calendar__transitRight_1go08:last-child:before {
+    } .calendar__transitRight_6gx4a:last-child:before {
             opacity: 0;
-        } .calendar__transitRight_1go08:last-child:after {
+        } .calendar__transitRight_6gx4a:last-child:after {
             left: 0;
-        } .calendar__sharpTransitLeft_1go08:first-child:before {
+        } .calendar__sharpTransitLeft_6gx4a:first-child:before {
             opacity: 1;
-        } .calendar__sharpTransitLeft_1go08:first-child:after {
+        } .calendar__sharpTransitLeft_6gx4a:first-child:after {
             opacity: 0;
-        } .calendar__sharpTransitRight_1go08:last-child:before {
+        } .calendar__sharpTransitRight_6gx4a:last-child:before {
             opacity: 1;
-        } .calendar__sharpTransitRight_1go08:last-child:after {
+        } .calendar__sharpTransitRight_6gx4a:last-child:after {
             opacity: 0;
-        } .calendar__rangeComplete_1go08.calendar__transitLeft_1go08:after {
+        } .calendar__rangeComplete_6gx4a.calendar__transitLeft_6gx4a:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
-    } .calendar__rangeComplete_1go08.calendar__transitRight_1go08:after {
+    } .calendar__rangeComplete_6gx4a.calendar__transitRight_6gx4a:after {
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
             var(--calendar-range-complete-background) 100%
         );
-    } /* SLIDE ANIMATION */ .calendar__daysEnter_1go08 .calendar__dayWrapper_1go08 {
+    } /* SLIDE ANIMATION */ .calendar__daysEnter_6gx4a .calendar__dayWrapper_6gx4a {
     width: 100px;
-} .calendar__left_1go08 .calendar__daysEnter_1go08 {
+} .calendar__left_6gx4a .calendar__daysEnter_6gx4a {
         transform: translateX(50px);
-    } .calendar__left_1go08 .calendar__daysEnterActive_1go08 {
+    } .calendar__left_6gx4a .calendar__daysEnterActive_6gx4a {
         transform: translateX(0);
-    } .calendar__left_1go08 .calendar__daysExit_1go08 {
+    } .calendar__left_6gx4a .calendar__daysExit_6gx4a {
         transform: translateX(0);
-    } .calendar__left_1go08 .calendar__daysExitActive_1go08 {
+    } .calendar__left_6gx4a .calendar__daysExitActive_6gx4a {
         transform: translateX(-50px);
-    } .calendar__right_1go08 .calendar__daysEnter_1go08 {
+    } .calendar__right_6gx4a .calendar__daysEnter_6gx4a {
         transform: translateX(-50px);
-    } .calendar__right_1go08 .calendar__daysEnterActive_1go08 {
+    } .calendar__right_6gx4a .calendar__daysEnterActive_6gx4a {
         transform: translateX(0);
-    } .calendar__right_1go08 .calendar__daysExit_1go08 {
+    } .calendar__right_6gx4a .calendar__daysExit_6gx4a {
         transform: translateX(0);
-    } .calendar__right_1go08 .calendar__daysExitActive_1go08 {
+    } .calendar__right_6gx4a .calendar__daysExitActive_6gx4a {
         transform: translateX(50px);
-    } .calendar__dayAddons_1go08 > span {
+    } .calendar__dayAddons_6gx4a > span {
         display: flex;
         flex-direction: column;
         justify-content: flex-end;
         height: inherit;
         padding: 0 var(--gap-3xs);
-    } .calendar__dayContent_1go08 {
+    } .calendar__dayContent_6gx4a {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400
-} .calendar__dayContent_1go08.calendar__today_1go08 {
+} .calendar__dayContent_6gx4a.calendar__today_6gx4a {
         font-weight: bold;
-    } .calendar__addons_1go08 {
+    } .calendar__addons_6gx4a {
     min-height: 8px;
-} .calendar__dot_1go08 {
+} .calendar__dot_6gx4a {
     display: block;
     position: absolute;
     bottom: 4px;
@@ -256,25 +256,25 @@
     transform: translateX(-50%);
     border-radius: var(--border-radius-circle);
     background: var(--calendar-marker-background);
-} .calendar__selected_1go08 .calendar__dot_1go08 {
+} .calendar__selected_6gx4a .calendar__dot_6gx4a {
     background: var(--calendar-marker-selected-background);
-} .calendar__daysEnter_1go08 {
+} .calendar__daysEnter_6gx4a {
     opacity: 0;
     position: absolute;
     left: 0;
-} .calendar__daysEnterActive_1go08 {
+} .calendar__daysEnterActive_6gx4a {
     opacity: 1;
-} .calendar__daysExit_1go08 {
+} .calendar__daysExit_6gx4a {
     pointer-events: none;
     opacity: 1;
-} .calendar__daysExitActive_1go08 {
+} .calendar__daysExitActive_6gx4a {
     opacity: 0;
-} .calendar__daysEnterActive_1go08,
-.calendar__daysExitActive_1go08 {
+} .calendar__daysEnterActive_6gx4a,
+.calendar__daysExitActive_6gx4a {
     transition: opacity 200ms, transform 300ms;
-} .calendar__bottomAddon_1go08 {
+} .calendar__bottomAddon_6gx4a {
     margin: 0 auto
-} .calendar__bottomAddon_1go08.calendar__selected_1go08,
-    .calendar__bottomAddon_1go08.calendar__selected_1go08 > * {
+} .calendar__bottomAddon_6gx4a.calendar__selected_6gx4a,
+    .calendar__bottomAddon_6gx4a.calendar__selected_6gx4a > * {
         color: var(--calendar-selected-color);
     }

package/calendar/components/header/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"header":"calendar__header_ba6r4","withShadow":"calendar__withShadow_ba6r4"};
+var styles = {"header":"calendar__header_rb8s5","withShadow":"calendar__withShadow_rb8s5"};
 require('./index.css');
 
 var Header = function (_a) {

package/calendar/components/header/index.css

@@ -39,13 +39,13 @@
     /* disabled */
 
     /* marker */
-} .calendar__header_ba6r4 {
+} .calendar__header_rb8s5 {
     width: 100%;
     box-sizing: border-box;
     padding: var(--gap-m) var(--gap-m) var(--gap-s);
     transition: box-shadow 0.2s ease;
     display: flex;
     justify-content: center;
-} .calendar__withShadow_ba6r4 {
+} .calendar__withShadow_rb8s5 {
     box-shadow: var(--shadow-s);
 }

package/calendar/components/month-year-header/Component.js

@@ -35,7 +35,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"calendar__component_fpe40","button":"calendar__button_fpe40","month":"calendar__month_fpe40","year":"calendar__year_fpe40","buttonContent":"calendar__buttonContent_fpe40","upDownIcon":"calendar__upDownIcon_fpe40"};
+var styles = {"component":"calendar__component_tvil2","button":"calendar__button_tvil2","month":"calendar__month_tvil2","year":"calendar__year_tvil2","buttonContent":"calendar__buttonContent_tvil2","upDownIcon":"calendar__upDownIcon_tvil2"};
 require('./index.css');
 
 var MonthYearHeader = function (_a) {

package/calendar/components/month-year-header/index.css

@@ -37,33 +37,33 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_fpe40 {
+} .calendar__component_tvil2 {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
-} .cc-calendar .calendar__button_fpe40 {
+} .cc-calendar .calendar__button_tvil2 {
         border-radius: var(--border-radius-s);
-    } .calendar__month_fpe40 {
+    } .calendar__month_tvil2 {
     flex-basis: 65%
-} @media (max-width: 374px) { .calendar__month_fpe40 {
+} @media (max-width: 374px) { .calendar__month_tvil2 {
         flex-grow: 1
 }
-    } .calendar__year_fpe40 {
+    } .calendar__year_tvil2 {
     flex-basis: 35%;
     margin-left: var(--gap-xs)
-} @media (max-width: 374px) { .calendar__year_fpe40 {
+} @media (max-width: 374px) { .calendar__year_tvil2 {
         width: 90px
 }
-    } .calendar__buttonContent_fpe40 {
+    } .calendar__buttonContent_tvil2 {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
-} .calendar__upDownIcon_fpe40 {
+} .calendar__upDownIcon_tvil2 {
     margin-left: var(--gap-xs)
-} @media (max-width: 374px) { .calendar__upDownIcon_fpe40 {
+} @media (max-width: 374px) { .calendar__upDownIcon_tvil2 {
         margin-left: auto
 }
     }

package/calendar/components/months-table/Component.js

@@ -38,7 +38,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var isSameMonth__default = /*#__PURE__*/_interopDefaultCompat(isSameMonth);
 var isThisMonth__default = /*#__PURE__*/_interopDefaultCompat(isThisMonth);
 
-var styles = {"monthsTable":"calendar__monthsTable_1qpcv","responsive":"calendar__responsive_1qpcv","button":"calendar__button_1qpcv"};
+var styles = {"monthsTable":"calendar__monthsTable_gi9ri","responsive":"calendar__responsive_gi9ri","button":"calendar__button_gi9ri"};
 require('./index.css');
 
 var MonthsTable = function (_a) {