@alfalab/core-components 42.12.0-beta.0 → 42.13.0-beta.0

package/calendar/Component-10db897e.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-1c79e231";
+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-69921c40";
-export { NavigationBar };
+export { BackArrowAddonProps, BackArrowAddon, Typography, typographyPresets, TitleResponsive, NavigationBar };
+export type { TitleProps, TextProps, Color };
+export * from "./useSkeleton-1b036d4b";

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_1phzl","responsive":"calendar__responsive_1phzl","period":"calendar__period_1phzl","monthYear":"calendar__monthYear_1phzl","container":"calendar__container_1phzl","customScrollbar":"calendar__customScrollbar_1phzl","sixWeeks":"calendar__sixWeeks_1phzl"};
+var styles = {"component":"calendar__component_974er","responsive":"calendar__responsive_974er","period":"calendar__period_974er","monthYear":"calendar__monthYear_974er","container":"calendar__container_974er","customScrollbar":"calendar__customScrollbar_974er","sixWeeks":"calendar__sixWeeks_974er"};
 require('./desktop.css');
 
 var CalendarDesktop = React.forwardRef(function (_a, ref) {

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

@@ -77,13 +77,13 @@ var isSameMonth__default = /*#__PURE__*/_interopDefaultCompat(isSameMonth);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var backdropTransitionStyles = {"appear":"calendar__appear_1wq7n","enter":"calendar__enter_1wq7n","appearActive":"calendar__appearActive_1wq7n","enterActive":"calendar__enterActive_1wq7n","appearDone":"calendar__appearDone_1wq7n","enterDone":"calendar__enterDone_1wq7n","exit":"calendar__exit_1wq7n","exitActive":"calendar__exitActive_1wq7n","exitDone":"calendar__exitDone_1wq7n"};
+var backdropTransitionStyles = {"appear":"calendar__appear_1rtcy","enter":"calendar__enter_1rtcy","appearActive":"calendar__appearActive_1rtcy","enterActive":"calendar__enterActive_1rtcy","appearDone":"calendar__appearDone_1rtcy","enterDone":"calendar__enterDone_1rtcy","exit":"calendar__exit_1rtcy","exitActive":"calendar__exitActive_1rtcy","exitDone":"calendar__exitDone_1rtcy"};
 require('./backdrop-transitions.css');
 
-var styles = {"wrapper":"calendar__wrapper_1bt1m","withZIndex":"calendar__withZIndex_1bt1m","calendar":"calendar__calendar_1bt1m","dayNames":"calendar__dayNames_1bt1m","withHeader":"calendar__withHeader_1bt1m","month":"calendar__month_1bt1m","daysTable":"calendar__daysTable_1bt1m","dayName":"calendar__dayName_1bt1m","header":"calendar__header_1bt1m","content":"calendar__content_1bt1m"};
+var styles = {"wrapper":"calendar__wrapper_uutt5","withZIndex":"calendar__withZIndex_uutt5","calendar":"calendar__calendar_uutt5","dayNames":"calendar__dayNames_uutt5","withHeader":"calendar__withHeader_uutt5","month":"calendar__month_uutt5","daysTable":"calendar__daysTable_uutt5","dayName":"calendar__dayName_uutt5","header":"calendar__header_uutt5","content":"calendar__content_uutt5"};
 require('./index.css');
 
-var transitionStyles = {"appear":"calendar__appear_1965y","enter":"calendar__enter_1965y","appearActive":"calendar__appearActive_1965y","enterActive":"calendar__enterActive_1965y","exit":"calendar__exit_1965y","exitActive":"calendar__exitActive_1965y","exitDone":"calendar__exitDone_1965y"};
+var transitionStyles = {"appear":"calendar__appear_1e30n","enter":"calendar__enter_1e30n","appearActive":"calendar__appearActive_1e30n","enterActive":"calendar__enterActive_1e30n","exit":"calendar__exit_1e30n","exitActive":"calendar__exitActive_1e30n","exitDone":"calendar__exitDone_1e30n"};
 require('./transitions.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.

package/calendar/components/calendar-mobile/backdrop-transitions.css

@@ -15,19 +15,19 @@
 } :root {
 } :root {
 } :root {
-} .calendar__appear_1wq7n,
-.calendar__enter_1wq7n {
+} .calendar__appear_1rtcy,
+.calendar__enter_1rtcy {
     background-color: transparent;
-} .calendar__appearActive_1wq7n,
-.calendar__enterActive_1wq7n,
-.calendar__appearDone_1wq7n,
-.calendar__enterDone_1wq7n {
+} .calendar__appearActive_1rtcy,
+.calendar__enterActive_1rtcy,
+.calendar__appearDone_1rtcy,
+.calendar__enterDone_1rtcy {
     background-color: var(--color-light-bg-primary-inverted-alpha-10);
     transition: background-color 80ms linear;
-} .calendar__exit_1wq7n {
+} .calendar__exit_1rtcy {
     background-color: var(--color-light-bg-primary-inverted-alpha-10);
-} .calendar__exitActive_1wq7n,
-.calendar__exitDone_1wq7n {
+} .calendar__exitActive_1rtcy,
+.calendar__exitDone_1rtcy {
     background-color: transparent;
     transition: background-color 80ms linear;
     transition-delay: 280ms;

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

@@ -56,24 +56,24 @@
     /* mobile */
 
     /* paddings */
-} .calendar__wrapper_1bt1m {
+} .calendar__wrapper_uutt5 {
     overflow-x: hidden;
-} .calendar__withZIndex_1bt1m {
+} .calendar__withZIndex_uutt5 {
     z-index: 2;
-} .calendar__calendar_1bt1m th {
+} .calendar__calendar_uutt5 th {
     border-bottom: 1px solid var(--color-light-border-primary);
-} .calendar__dayNames_1bt1m {
+} .calendar__dayNames_uutt5 {
     width: 100%;
     position: sticky;
     background: var(--modal-header-background);
     top: 0;
     height: 32px;
     padding: 0 6px
-} .calendar__dayNames_1bt1m.calendar__withHeader_1bt1m {
+} .calendar__dayNames_uutt5.calendar__withHeader_uutt5 {
         top: 48px;
-    } .calendar__dayNames_1bt1m th {
+    } .calendar__dayNames_uutt5 th {
     height: 100%;
-} .calendar__month_1bt1m {
+} .calendar__month_uutt5 {
     font-style: normal;
     font-weight: 700;
     font-size: 12px;
@@ -82,22 +82,22 @@
     text-transform: uppercase;
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-xs);
-} .calendar__daysTable_1bt1m {
+} .calendar__daysTable_uutt5 {
     display: flex;
     flex-direction: column;
     margin-top: var(--gap-2xl);
-} .calendar__dayName_1bt1m {
+} .calendar__dayName_uutt5 {
     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_1bt1m {
+} @media (max-width: 374px) { .calendar__dayName_uutt5 {
         height: 36px
 }
-    } .calendar__header_1bt1m.calendar__header_1bt1m,
-.calendar__content_1bt1m.calendar__content_1bt1m {
+    } .calendar__header_uutt5.calendar__header_uutt5,
+.calendar__content_uutt5.calendar__content_uutt5 {
     padding-right: 0;
     padding-left: 0;
 }

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

@@ -14,18 +14,18 @@
 } :root {
 } :root {
 } :root {
-} .calendar__appear_1965y,
-.calendar__enter_1965y {
+} .calendar__appear_1e30n,
+.calendar__enter_1e30n {
     transform: translateX(100%);
-} .calendar__appearActive_1965y,
-.calendar__enterActive_1965y {
+} .calendar__appearActive_1e30n,
+.calendar__enterActive_1e30n {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
-} .calendar__exit_1965y {
+} .calendar__exit_1e30n {
     transform: translateX(0);
-} .calendar__exitActive_1965y,
-.calendar__exitDone_1965y {
+} .calendar__exitActive_1e30n,
+.calendar__exitDone_1e30n {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

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_v7iz4","responsive":"calendar__responsive_v7iz4","dayName":"calendar__dayName_v7iz4","day":"calendar__day_v7iz4","rounded":"calendar__rounded_v7iz4","rectangular":"calendar__rectangular_v7iz4","highlighted":"calendar__highlighted_v7iz4","range":"calendar__range_v7iz4","disabled":"calendar__disabled_v7iz4","holiday":"calendar__holiday_v7iz4","today":"calendar__today_v7iz4","rangeComplete":"calendar__rangeComplete_v7iz4","selected":"calendar__selected_v7iz4","dayWrapper":"calendar__dayWrapper_v7iz4","cursorPointer":"calendar__cursorPointer_v7iz4","rangeEnd":"calendar__rangeEnd_v7iz4","rangeStart":"calendar__rangeStart_v7iz4","transitLeft":"calendar__transitLeft_v7iz4","transitRight":"calendar__transitRight_v7iz4","sharpTransitLeft":"calendar__sharpTransitLeft_v7iz4","sharpTransitRight":"calendar__sharpTransitRight_v7iz4","daysEnter":"calendar__daysEnter_v7iz4","left":"calendar__left_v7iz4","daysEnterActive":"calendar__daysEnterActive_v7iz4","daysExit":"calendar__daysExit_v7iz4","daysExitActive":"calendar__daysExitActive_v7iz4","right":"calendar__right_v7iz4","dayAddons":"calendar__dayAddons_v7iz4","dayContent":"calendar__dayContent_v7iz4","addons":"calendar__addons_v7iz4","dot":"calendar__dot_v7iz4","bottomAddon":"calendar__bottomAddon_v7iz4"};
+var styles = {"daysTable":"calendar__daysTable_qaoa2","responsive":"calendar__responsive_qaoa2","dayName":"calendar__dayName_qaoa2","day":"calendar__day_qaoa2","rounded":"calendar__rounded_qaoa2","rectangular":"calendar__rectangular_qaoa2","highlighted":"calendar__highlighted_qaoa2","range":"calendar__range_qaoa2","disabled":"calendar__disabled_qaoa2","holiday":"calendar__holiday_qaoa2","today":"calendar__today_qaoa2","rangeComplete":"calendar__rangeComplete_qaoa2","selected":"calendar__selected_qaoa2","dayWrapper":"calendar__dayWrapper_qaoa2","cursorPointer":"calendar__cursorPointer_qaoa2","rangeEnd":"calendar__rangeEnd_qaoa2","rangeStart":"calendar__rangeStart_qaoa2","transitLeft":"calendar__transitLeft_qaoa2","transitRight":"calendar__transitRight_qaoa2","sharpTransitLeft":"calendar__sharpTransitLeft_qaoa2","sharpTransitRight":"calendar__sharpTransitRight_qaoa2","daysEnter":"calendar__daysEnter_qaoa2","left":"calendar__left_qaoa2","daysEnterActive":"calendar__daysEnterActive_qaoa2","daysExit":"calendar__daysExit_qaoa2","daysExitActive":"calendar__daysExitActive_qaoa2","right":"calendar__right_qaoa2","dayAddons":"calendar__dayAddons_qaoa2","dayContent":"calendar__dayContent_qaoa2","addons":"calendar__addons_qaoa2","dot":"calendar__dot_qaoa2","bottomAddon":"calendar__bottomAddon_qaoa2"};
 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_v7iz4 {
+} .calendar__daysTable_qaoa2 {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
-} .calendar__daysTable_v7iz4.calendar__responsive_v7iz4 {
+} .calendar__daysTable_qaoa2.calendar__responsive_qaoa2 {
         width: 100%;
-    } .calendar__daysTable_v7iz4 th {
+    } .calendar__daysTable_qaoa2 th {
         padding: 0;
-    } .calendar__daysTable_v7iz4 td {
+    } .calendar__daysTable_qaoa2 td {
         padding: var(--gap-2xs) 0 0;
-    } .calendar__dayName_v7iz4 {
+    } .calendar__dayName_qaoa2 {
     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_v7iz4 {
+} @media (max-width: 374px) { .calendar__dayName_qaoa2 {
         height: 36px
 }
-    } .calendar__day_v7iz4 {
+    } .calendar__day_qaoa2 {
     -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_v7iz4.calendar__rounded_v7iz4 {
+} .calendar__day_qaoa2.calendar__rounded_qaoa2 {
         border-radius: var(--calendar-day-border-radius);
-    } .calendar__day_v7iz4.calendar__rectangular_v7iz4 {
+    } .calendar__day_qaoa2.calendar__rectangular_qaoa2 {
         border-radius: var(--border-radius-m);
         width: 44px;
-    } .calendar__day_v7iz4.calendar__highlighted_v7iz4,
-    .calendar__day_v7iz4.calendar__range_v7iz4.calendar__highlighted_v7iz4:not(.calendar__disabled_v7iz4) {
+    } .calendar__day_qaoa2.calendar__highlighted_qaoa2,
+    .calendar__day_qaoa2.calendar__range_qaoa2.calendar__highlighted_qaoa2:not(.calendar__disabled_qaoa2) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
-    } .calendar__day_v7iz4.calendar__holiday_v7iz4 {
+    } .calendar__day_qaoa2.calendar__holiday_qaoa2 {
         color: var(--calendar-holiday-color);
-    } .calendar__day_v7iz4.calendar__disabled_v7iz4 {
+    } .calendar__day_qaoa2.calendar__disabled_qaoa2 {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
-    } .calendar__day_v7iz4.calendar__today_v7iz4 {
+    } .calendar__day_qaoa2.calendar__today_qaoa2 {
         color: var(--calendar-today-color);
-    } .calendar__day_v7iz4.calendar__rangeComplete_v7iz4 {
+    } .calendar__day_qaoa2.calendar__rangeComplete_qaoa2 {
         background: var(--calendar-range-complete-background);
-    } .calendar__day_v7iz4.calendar__selected_v7iz4,
-    .calendar__day_v7iz4.calendar__disabled_v7iz4.calendar__selected_v7iz4 {
+    } .calendar__day_qaoa2.calendar__selected_qaoa2,
+    .calendar__day_qaoa2.calendar__disabled_qaoa2.calendar__selected_qaoa2 {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     } @media (hover) {
-            .calendar__day_v7iz4.calendar__selected_v7iz4:hover {
+            .calendar__day_qaoa2.calendar__selected_qaoa2:hover {
                 background: var(--calendar-selected-hover-background);
             }
-        } .calendar__day_v7iz4:focus {
+        } .calendar__day_qaoa2:focus {
         z-index: 1;
-    } /* RANGE */ .calendar__dayWrapper_v7iz4 {
+    } /* RANGE */ .calendar__dayWrapper_qaoa2 {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     position: relative
-} .calendar__dayWrapper_v7iz4:before {
+} .calendar__dayWrapper_qaoa2:before {
         content: '';
         display: block;
         position: absolute;
@@ -144,27 +144,27 @@
         bottom: 0;
         width: 100%;
         height: var(--calendar-day-size);
-    } .calendar__dayWrapper_v7iz4:focus {
+    } .calendar__dayWrapper_qaoa2:focus {
         outline: none;
-    } .calendar__dayWrapper_v7iz4.calendar__cursorPointer_v7iz4 {
+    } .calendar__dayWrapper_qaoa2.calendar__cursorPointer_qaoa2 {
         cursor: pointer;
-    } .calendar__range_v7iz4 .calendar__day_v7iz4:not(.calendar__selected_v7iz4):not(.calendar__disabled_v7iz4):not(.calendar__today_v7iz4):not(.calendar__holiday_v7iz4) {
+    } .calendar__range_qaoa2 .calendar__day_qaoa2:not(.calendar__selected_qaoa2):not(.calendar__disabled_qaoa2):not(.calendar__today_qaoa2):not(.calendar__holiday_qaoa2) {
         color: var(--calendar-range-color);
-    } .calendar__range_v7iz4:before {
+    } .calendar__range_qaoa2:before {
         background: var(--calendar-range-background);
-    } .calendar__rangeEnd_v7iz4:before {
+    } .calendar__rangeEnd_qaoa2: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_v7iz4:before {
+    } .calendar__rangeStart_qaoa2: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_v7iz4:before {
+    } .calendar__rangeComplete_qaoa2:before {
         background: var(--calendar-range-complete-background);
-    } .calendar__transitLeft_v7iz4:after, .calendar__transitRight_v7iz4:after {
+    } .calendar__transitLeft_qaoa2:after, .calendar__transitRight_qaoa2:after {
         content: '';
         position: absolute;
         display: block;
@@ -172,81 +172,81 @@
         height: var(--calendar-day-size);
         bottom: 0;
         pointer-events: none;
-    } .calendar__transitLeft_v7iz4:after {
+    } .calendar__transitLeft_qaoa2:after {
         right: 100%;
         background: linear-gradient(
             270deg,
             var(--calendar-range-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
-    } .calendar__transitLeft_v7iz4:first-child:before {
+    } .calendar__transitLeft_qaoa2:first-child:before {
             opacity: 0;
-        } .calendar__transitLeft_v7iz4:first-child:after {
+        } .calendar__transitLeft_qaoa2:first-child:after {
             right: 0;
-        } .calendar__transitRight_v7iz4:after {
+        } .calendar__transitRight_qaoa2:after {
         left: 100%;
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
             var(--calendar-range-background) 100%
         );
-    } .calendar__transitRight_v7iz4:last-child:before {
+    } .calendar__transitRight_qaoa2:last-child:before {
             opacity: 0;
-        } .calendar__transitRight_v7iz4:last-child:after {
+        } .calendar__transitRight_qaoa2:last-child:after {
             left: 0;
-        } .calendar__sharpTransitLeft_v7iz4:first-child:before {
+        } .calendar__sharpTransitLeft_qaoa2:first-child:before {
             opacity: 1;
-        } .calendar__sharpTransitLeft_v7iz4:first-child:after {
+        } .calendar__sharpTransitLeft_qaoa2:first-child:after {
             opacity: 0;
-        } .calendar__sharpTransitRight_v7iz4:last-child:before {
+        } .calendar__sharpTransitRight_qaoa2:last-child:before {
             opacity: 1;
-        } .calendar__sharpTransitRight_v7iz4:last-child:after {
+        } .calendar__sharpTransitRight_qaoa2:last-child:after {
             opacity: 0;
-        } .calendar__rangeComplete_v7iz4.calendar__transitLeft_v7iz4:after {
+        } .calendar__rangeComplete_qaoa2.calendar__transitLeft_qaoa2:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
-    } .calendar__rangeComplete_v7iz4.calendar__transitRight_v7iz4:after {
+    } .calendar__rangeComplete_qaoa2.calendar__transitRight_qaoa2:after {
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
             var(--calendar-range-complete-background) 100%
         );
-    } /* SLIDE ANIMATION */ .calendar__daysEnter_v7iz4 .calendar__dayWrapper_v7iz4 {
+    } /* SLIDE ANIMATION */ .calendar__daysEnter_qaoa2 .calendar__dayWrapper_qaoa2 {
     width: 100px;
-} .calendar__left_v7iz4 .calendar__daysEnter_v7iz4 {
+} .calendar__left_qaoa2 .calendar__daysEnter_qaoa2 {
         transform: translateX(50px);
-    } .calendar__left_v7iz4 .calendar__daysEnterActive_v7iz4 {
+    } .calendar__left_qaoa2 .calendar__daysEnterActive_qaoa2 {
         transform: translateX(0);
-    } .calendar__left_v7iz4 .calendar__daysExit_v7iz4 {
+    } .calendar__left_qaoa2 .calendar__daysExit_qaoa2 {
         transform: translateX(0);
-    } .calendar__left_v7iz4 .calendar__daysExitActive_v7iz4 {
+    } .calendar__left_qaoa2 .calendar__daysExitActive_qaoa2 {
         transform: translateX(-50px);
-    } .calendar__right_v7iz4 .calendar__daysEnter_v7iz4 {
+    } .calendar__right_qaoa2 .calendar__daysEnter_qaoa2 {
         transform: translateX(-50px);
-    } .calendar__right_v7iz4 .calendar__daysEnterActive_v7iz4 {
+    } .calendar__right_qaoa2 .calendar__daysEnterActive_qaoa2 {
         transform: translateX(0);
-    } .calendar__right_v7iz4 .calendar__daysExit_v7iz4 {
+    } .calendar__right_qaoa2 .calendar__daysExit_qaoa2 {
         transform: translateX(0);
-    } .calendar__right_v7iz4 .calendar__daysExitActive_v7iz4 {
+    } .calendar__right_qaoa2 .calendar__daysExitActive_qaoa2 {
         transform: translateX(50px);
-    } .calendar__dayAddons_v7iz4 > span {
+    } .calendar__dayAddons_qaoa2 > span {
         display: flex;
         flex-direction: column;
         justify-content: flex-end;
         height: inherit;
         padding: 0 var(--gap-3xs);
-    } .calendar__dayContent_v7iz4 {
+    } .calendar__dayContent_qaoa2 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400
-} .calendar__dayContent_v7iz4.calendar__today_v7iz4 {
+} .calendar__dayContent_qaoa2.calendar__today_qaoa2 {
         font-weight: bold;
-    } .calendar__addons_v7iz4 {
+    } .calendar__addons_qaoa2 {
     min-height: 8px;
-} .calendar__dot_v7iz4 {
+} .calendar__dot_qaoa2 {
     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_v7iz4 .calendar__dot_v7iz4 {
+} .calendar__selected_qaoa2 .calendar__dot_qaoa2 {
     background: var(--calendar-marker-selected-background);
-} .calendar__daysEnter_v7iz4 {
+} .calendar__daysEnter_qaoa2 {
     opacity: 0;
     position: absolute;
     left: 0;
-} .calendar__daysEnterActive_v7iz4 {
+} .calendar__daysEnterActive_qaoa2 {
     opacity: 1;
-} .calendar__daysExit_v7iz4 {
+} .calendar__daysExit_qaoa2 {
     pointer-events: none;
     opacity: 1;
-} .calendar__daysExitActive_v7iz4 {
+} .calendar__daysExitActive_qaoa2 {
     opacity: 0;
-} .calendar__daysEnterActive_v7iz4,
-.calendar__daysExitActive_v7iz4 {
+} .calendar__daysEnterActive_qaoa2,
+.calendar__daysExitActive_qaoa2 {
     transition: opacity 200ms, transform 300ms;
-} .calendar__bottomAddon_v7iz4 {
+} .calendar__bottomAddon_qaoa2 {
     margin: 0 auto
-} .calendar__bottomAddon_v7iz4.calendar__selected_v7iz4,
-    .calendar__bottomAddon_v7iz4.calendar__selected_v7iz4 > * {
+} .calendar__bottomAddon_qaoa2.calendar__selected_qaoa2,
+    .calendar__bottomAddon_qaoa2.calendar__selected_qaoa2 > * {
         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_116hn","withShadow":"calendar__withShadow_116hn"};
+var styles = {"header":"calendar__header_ae5sp","withShadow":"calendar__withShadow_ae5sp"};
 require('./index.css');
 
 var Header = function (_a) {

package/calendar/components/header/index.css

@@ -39,13 +39,13 @@
     /* disabled */
 
     /* marker */
-} .calendar__header_116hn {
+} .calendar__header_ae5sp {
     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_116hn {
+} .calendar__withShadow_ae5sp {
     box-shadow: var(--shadow-s);
 }