@alfalab/core-components 41.13.0 → 41.14.0-beta.1

package/calendar-range/modern/views/popover.js

@@ -6,7 +6,7 @@ import { isCompleteDateInput } from '../../../date-input/modern';
 import { useDidUpdateEffect } from '@alfalab/hooks';
 import { Divider } from '../components/divider/Component.js';
 import { usePopoverViewMonthes } from '../hooks.js';
-import { s as styles } from '../index.module-3056439a.js';
+import { s as styles } from '../index.module-8af430b2.js';
 import 'date-fns/addMonths';
 import 'date-fns/isEqual';
 import 'date-fns/max';

package/calendar-range/modern/views/static.js

@@ -12,7 +12,7 @@ import { isCompleteDateInput, DateInput } from '../../../date-input/modern';
 import { Divider } from '../components/divider/Component.js';
 import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
 import { isDayButton } from '../utils.js';
-import { s as styles } from '../index.module-3056439a.js';
+import { s as styles } from '../index.module-8af430b2.js';
 import 'date-fns/isEqual';
 import 'date-fns/min';
 

package/calendar-range/views/index.css

@@ -38,16 +38,16 @@
     /* disabled */
 
     /* marker */
-} .calendar-range__component_ob5el {
+} .calendar-range__component_du8iw {
     display: flex
-} .calendar-range__component_ob5el button[aria-selected='true'] {
+} .calendar-range__component_du8iw button[aria-selected='true'] {
         cursor: pointer;
-    } .calendar-range__component_ob5el *[class*='errorIcon_'] {
+    } .calendar-range__component_du8iw *[class*='errorIcon_'] {
         display: none;
-    } .calendar-range__component_ob5el *[class*='calendarIcon_'] {
+    } .calendar-range__component_du8iw *[class*='calendarIcon_'] {
         margin-right: 0;
-    } .calendar-range__static_ob5el .calendar-range__calendar_ob5el {
+    } .calendar-range__static_du8iw .calendar-range__calendar_du8iw {
         width: var(--calendar-inner-width)
-    } .calendar-range__static_ob5el .calendar-range__calendar_ob5el > div:first-child {
+    } .calendar-range__static_du8iw .calendar-range__calendar_du8iw > div:first-child {
             padding: var(--gap-m) 0 var(--gap-s);
         }

package/calendar-range/views/popover.js

@@ -9,7 +9,7 @@ var coreComponentsDateInput = require('../../date-input');
 var hooks$1 = require('@alfalab/hooks');
 var components_divider_Component = require('../components/divider/Component.js');
 var hooks = require('../hooks.js');
-var index_module = require('../index.module-53b9d57c.js');
+var index_module = require('../index.module-9e0c2e9e.js');
 require('date-fns/addMonths');
 require('date-fns/isEqual');
 require('date-fns/max');

package/calendar-range/views/static.js

@@ -15,7 +15,7 @@ var coreComponentsDateInput = require('../../date-input');
 var components_divider_Component = require('../components/divider/Component.js');
 var hooks = require('../hooks.js');
 var utils = require('../utils.js');
-var index_module = require('../index.module-53b9d57c.js');
+var index_module = require('../index.module-9e0c2e9e.js');
 require('date-fns/isEqual');
 require('date-fns/min');
 

package/calendar-with-skeleton/Component.js

@@ -12,7 +12,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-with-skeleton__component_98ykt","calendarVisible":"calendar-with-skeleton__calendarVisible_98ykt","contentCalendar":"calendar-with-skeleton__contentCalendar_98ykt","skeleton":"calendar-with-skeleton__skeleton_98ykt","header":"calendar-with-skeleton__header_98ykt","weekDays":"calendar-with-skeleton__weekDays_98ykt","row":"calendar-with-skeleton__row_98ykt","enter":"calendar-with-skeleton__enter_98ykt","enterActive":"calendar-with-skeleton__enterActive_98ykt","exit":"calendar-with-skeleton__exit_98ykt","exitActive":"calendar-with-skeleton__exitActive_98ykt"};
+var styles = {"component":"calendar-with-skeleton__component_n4zxe","calendarVisible":"calendar-with-skeleton__calendarVisible_n4zxe","contentCalendar":"calendar-with-skeleton__contentCalendar_n4zxe","skeleton":"calendar-with-skeleton__skeleton_n4zxe","header":"calendar-with-skeleton__header_n4zxe","weekDays":"calendar-with-skeleton__weekDays_n4zxe","row":"calendar-with-skeleton__row_n4zxe","enter":"calendar-with-skeleton__enter_n4zxe","enterActive":"calendar-with-skeleton__enterActive_n4zxe","exit":"calendar-with-skeleton__exit_n4zxe","exitActive":"calendar-with-skeleton__exitActive_n4zxe"};
 require('./index.css');
 
 var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {

package/calendar-with-skeleton/esm/Component.js

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { Calendar } from '../../calendar/esm';
 import { Skeleton } from '../../skeleton/esm';
 
-var styles = {"component":"calendar-with-skeleton__component_98ykt","calendarVisible":"calendar-with-skeleton__calendarVisible_98ykt","contentCalendar":"calendar-with-skeleton__contentCalendar_98ykt","skeleton":"calendar-with-skeleton__skeleton_98ykt","header":"calendar-with-skeleton__header_98ykt","weekDays":"calendar-with-skeleton__weekDays_98ykt","row":"calendar-with-skeleton__row_98ykt","enter":"calendar-with-skeleton__enter_98ykt","enterActive":"calendar-with-skeleton__enterActive_98ykt","exit":"calendar-with-skeleton__exit_98ykt","exitActive":"calendar-with-skeleton__exitActive_98ykt"};
+var styles = {"component":"calendar-with-skeleton__component_n4zxe","calendarVisible":"calendar-with-skeleton__calendarVisible_n4zxe","contentCalendar":"calendar-with-skeleton__contentCalendar_n4zxe","skeleton":"calendar-with-skeleton__skeleton_n4zxe","header":"calendar-with-skeleton__header_n4zxe","weekDays":"calendar-with-skeleton__weekDays_n4zxe","row":"calendar-with-skeleton__row_n4zxe","enter":"calendar-with-skeleton__enter_n4zxe","enterActive":"calendar-with-skeleton__enterActive_n4zxe","exit":"calendar-with-skeleton__exit_n4zxe","exitActive":"calendar-with-skeleton__exitActive_n4zxe"};
 require('./index.css');
 
 var CalendarWithSkeleton = forwardRef(function (_a, ref) {

package/calendar-with-skeleton/esm/index.css

@@ -40,15 +40,15 @@
     /* disabled */
 
     /* marker */
-} .calendar-with-skeleton__component_98ykt {
+} .calendar-with-skeleton__component_n4zxe {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
-} .calendar-with-skeleton__calendarVisible_98ykt {
+} .calendar-with-skeleton__calendarVisible_n4zxe {
     height: auto;
-} .calendar-with-skeleton__contentCalendar_98ykt > div:last-child {
+} .calendar-with-skeleton__contentCalendar_n4zxe > div:last-child {
         padding: 0 0 var(--gap-m);
-    } .calendar-with-skeleton__skeleton_98ykt {
+    } .calendar-with-skeleton__skeleton_n4zxe {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -62,20 +62,20 @@
     height: 100%;
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
-} .calendar-with-skeleton__header_98ykt {
+} .calendar-with-skeleton__header_n4zxe {
     height: 48px;
     margin-bottom: var(--gap-l);
-} .calendar-with-skeleton__weekDays_98ykt {
+} .calendar-with-skeleton__weekDays_n4zxe {
     height: 12px;
     margin-bottom: var(--gap-m);
-} .calendar-with-skeleton__row_98ykt {
+} .calendar-with-skeleton__row_n4zxe {
     height: 32px
-} .calendar-with-skeleton__row_98ykt + .calendar-with-skeleton__row_98ykt {
+} .calendar-with-skeleton__row_n4zxe + .calendar-with-skeleton__row_n4zxe {
         margin-top: 10px;
-    } .calendar-with-skeleton__enter_98ykt,
-.calendar-with-skeleton__enterActive_98ykt,
-.calendar-with-skeleton__exit_98ykt {
+    } .calendar-with-skeleton__enter_n4zxe,
+.calendar-with-skeleton__enterActive_n4zxe,
+.calendar-with-skeleton__exit_n4zxe {
     opacity: 1;
-} .calendar-with-skeleton__exitActive_98ykt {
+} .calendar-with-skeleton__exitActive_n4zxe {
     opacity: 0;
 }

package/calendar-with-skeleton/index.css

@@ -40,15 +40,15 @@
     /* disabled */
 
     /* marker */
-} .calendar-with-skeleton__component_98ykt {
+} .calendar-with-skeleton__component_n4zxe {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
-} .calendar-with-skeleton__calendarVisible_98ykt {
+} .calendar-with-skeleton__calendarVisible_n4zxe {
     height: auto;
-} .calendar-with-skeleton__contentCalendar_98ykt > div:last-child {
+} .calendar-with-skeleton__contentCalendar_n4zxe > div:last-child {
         padding: 0 0 var(--gap-m);
-    } .calendar-with-skeleton__skeleton_98ykt {
+    } .calendar-with-skeleton__skeleton_n4zxe {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -62,20 +62,20 @@
     height: 100%;
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
-} .calendar-with-skeleton__header_98ykt {
+} .calendar-with-skeleton__header_n4zxe {
     height: 48px;
     margin-bottom: var(--gap-l);
-} .calendar-with-skeleton__weekDays_98ykt {
+} .calendar-with-skeleton__weekDays_n4zxe {
     height: 12px;
     margin-bottom: var(--gap-m);
-} .calendar-with-skeleton__row_98ykt {
+} .calendar-with-skeleton__row_n4zxe {
     height: 32px
-} .calendar-with-skeleton__row_98ykt + .calendar-with-skeleton__row_98ykt {
+} .calendar-with-skeleton__row_n4zxe + .calendar-with-skeleton__row_n4zxe {
         margin-top: 10px;
-    } .calendar-with-skeleton__enter_98ykt,
-.calendar-with-skeleton__enterActive_98ykt,
-.calendar-with-skeleton__exit_98ykt {
+    } .calendar-with-skeleton__enter_n4zxe,
+.calendar-with-skeleton__enterActive_n4zxe,
+.calendar-with-skeleton__exit_n4zxe {
     opacity: 1;
-} .calendar-with-skeleton__exitActive_98ykt {
+} .calendar-with-skeleton__exitActive_n4zxe {
     opacity: 0;
 }

package/calendar-with-skeleton/modern/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { Calendar } from '../../calendar/modern';
 import { Skeleton } from '../../skeleton/modern';
 
-const styles = {"component":"calendar-with-skeleton__component_98ykt","calendarVisible":"calendar-with-skeleton__calendarVisible_98ykt","contentCalendar":"calendar-with-skeleton__contentCalendar_98ykt","skeleton":"calendar-with-skeleton__skeleton_98ykt","header":"calendar-with-skeleton__header_98ykt","weekDays":"calendar-with-skeleton__weekDays_98ykt","row":"calendar-with-skeleton__row_98ykt","enter":"calendar-with-skeleton__enter_98ykt","enterActive":"calendar-with-skeleton__enterActive_98ykt","exit":"calendar-with-skeleton__exit_98ykt","exitActive":"calendar-with-skeleton__exitActive_98ykt"};
+const styles = {"component":"calendar-with-skeleton__component_n4zxe","calendarVisible":"calendar-with-skeleton__calendarVisible_n4zxe","contentCalendar":"calendar-with-skeleton__contentCalendar_n4zxe","skeleton":"calendar-with-skeleton__skeleton_n4zxe","header":"calendar-with-skeleton__header_n4zxe","weekDays":"calendar-with-skeleton__weekDays_n4zxe","row":"calendar-with-skeleton__row_n4zxe","enter":"calendar-with-skeleton__enter_n4zxe","enterActive":"calendar-with-skeleton__enterActive_n4zxe","exit":"calendar-with-skeleton__exit_n4zxe","exitActive":"calendar-with-skeleton__exitActive_n4zxe"};
 require('./index.css');
 
 const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {

package/calendar-with-skeleton/modern/index.css

@@ -40,15 +40,15 @@
     /* disabled */
 
     /* marker */
-} .calendar-with-skeleton__component_98ykt {
+} .calendar-with-skeleton__component_n4zxe {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
-} .calendar-with-skeleton__calendarVisible_98ykt {
+} .calendar-with-skeleton__calendarVisible_n4zxe {
     height: auto;
-} .calendar-with-skeleton__contentCalendar_98ykt > div:last-child {
+} .calendar-with-skeleton__contentCalendar_n4zxe > div:last-child {
         padding: 0 0 var(--gap-m);
-    } .calendar-with-skeleton__skeleton_98ykt {
+    } .calendar-with-skeleton__skeleton_n4zxe {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -62,20 +62,20 @@
     height: 100%;
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
-} .calendar-with-skeleton__header_98ykt {
+} .calendar-with-skeleton__header_n4zxe {
     height: 48px;
     margin-bottom: var(--gap-l);
-} .calendar-with-skeleton__weekDays_98ykt {
+} .calendar-with-skeleton__weekDays_n4zxe {
     height: 12px;
     margin-bottom: var(--gap-m);
-} .calendar-with-skeleton__row_98ykt {
+} .calendar-with-skeleton__row_n4zxe {
     height: 32px
-} .calendar-with-skeleton__row_98ykt + .calendar-with-skeleton__row_98ykt {
+} .calendar-with-skeleton__row_n4zxe + .calendar-with-skeleton__row_n4zxe {
         margin-top: 10px;
-    } .calendar-with-skeleton__enter_98ykt,
-.calendar-with-skeleton__enterActive_98ykt,
-.calendar-with-skeleton__exit_98ykt {
+    } .calendar-with-skeleton__enter_n4zxe,
+.calendar-with-skeleton__enterActive_n4zxe,
+.calendar-with-skeleton__exit_n4zxe {
     opacity: 1;
-} .calendar-with-skeleton__exitActive_98ykt {
+} .calendar-with-skeleton__exitActive_n4zxe {
     opacity: 0;
 }

package/card-image/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 = {"cardImage":"card-image__cardImage_xlfs8","rounded":"card-image__rounded_xlfs8","image":"card-image__image_xlfs8","loaded":"card-image__loaded_xlfs8"};
+var styles = {"cardImage":"card-image__cardImage_1ewk6","rounded":"card-image__rounded_1ewk6","image":"card-image__image_1ewk6","loaded":"card-image__loaded_1ewk6"};
 require('./index.css');
 
 var ASPECT_RATIO = 0.63;

package/card-image/esm/Component.js

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useEffect } from 'react';
 import cn from 'classnames';
 
-var styles = {"cardImage":"card-image__cardImage_xlfs8","rounded":"card-image__rounded_xlfs8","image":"card-image__image_xlfs8","loaded":"card-image__loaded_xlfs8"};
+var styles = {"cardImage":"card-image__cardImage_1ewk6","rounded":"card-image__rounded_1ewk6","image":"card-image__image_1ewk6","loaded":"card-image__loaded_1ewk6"};
 require('./index.css');
 
 var ASPECT_RATIO = 0.63;

package/card-image/esm/index.css

@@ -18,23 +18,23 @@
 } :root {
     --card-image-background: #e7e8ea;
     --card-image-border-radius: var(--border-radius-m);
-} .card-image__cardImage_xlfs8 {
+} .card-image__cardImage_1ewk6 {
     position: relative;
     display: inline-block;
     background: var(--card-image-background);
     transition: background 0.2s ease;
-} .card-image__rounded_xlfs8 {
+} .card-image__rounded_1ewk6 {
     border-radius: var(--card-image-border-radius)
-} .card-image__rounded_xlfs8 .card-image__image_xlfs8 {
+} .card-image__rounded_1ewk6 .card-image__image_1ewk6 {
         border-radius: var(--card-image-border-radius);
-    } .card-image__image_xlfs8 {
+    } .card-image__image_1ewk6 {
     display: block;
     max-width: 100%;
     height: auto;
     opacity: 0;
     transition: opacity 0.2s ease;
-} .card-image__loaded_xlfs8 {
+} .card-image__loaded_1ewk6 {
     background: transparent
-} .card-image__loaded_xlfs8 .card-image__image_xlfs8 {
+} .card-image__loaded_1ewk6 .card-image__image_1ewk6 {
         opacity: 1;
     }

package/card-image/index.css

@@ -18,23 +18,23 @@
 } :root {
     --card-image-background: #e7e8ea;
     --card-image-border-radius: var(--border-radius-m);
-} .card-image__cardImage_xlfs8 {
+} .card-image__cardImage_1ewk6 {
     position: relative;
     display: inline-block;
     background: var(--card-image-background);
     transition: background 0.2s ease;
-} .card-image__rounded_xlfs8 {
+} .card-image__rounded_1ewk6 {
     border-radius: var(--card-image-border-radius)
-} .card-image__rounded_xlfs8 .card-image__image_xlfs8 {
+} .card-image__rounded_1ewk6 .card-image__image_1ewk6 {
         border-radius: var(--card-image-border-radius);
-    } .card-image__image_xlfs8 {
+    } .card-image__image_1ewk6 {
     display: block;
     max-width: 100%;
     height: auto;
     opacity: 0;
     transition: opacity 0.2s ease;
-} .card-image__loaded_xlfs8 {
+} .card-image__loaded_1ewk6 {
     background: transparent
-} .card-image__loaded_xlfs8 .card-image__image_xlfs8 {
+} .card-image__loaded_1ewk6 .card-image__image_1ewk6 {
         opacity: 1;
     }

package/card-image/modern/Component.js

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useEffect } from 'react';
 import cn from 'classnames';
 
-const styles = {"cardImage":"card-image__cardImage_xlfs8","rounded":"card-image__rounded_xlfs8","image":"card-image__image_xlfs8","loaded":"card-image__loaded_xlfs8"};
+const styles = {"cardImage":"card-image__cardImage_1ewk6","rounded":"card-image__rounded_1ewk6","image":"card-image__image_1ewk6","loaded":"card-image__loaded_1ewk6"};
 require('./index.css');
 
 const ASPECT_RATIO = 0.63;

package/card-image/modern/index.css

@@ -18,23 +18,23 @@
 } :root {
     --card-image-background: #e7e8ea;
     --card-image-border-radius: var(--border-radius-m);
-} .card-image__cardImage_xlfs8 {
+} .card-image__cardImage_1ewk6 {
     position: relative;
     display: inline-block;
     background: var(--card-image-background);
     transition: background 0.2s ease;
-} .card-image__rounded_xlfs8 {
+} .card-image__rounded_1ewk6 {
     border-radius: var(--card-image-border-radius)
-} .card-image__rounded_xlfs8 .card-image__image_xlfs8 {
+} .card-image__rounded_1ewk6 .card-image__image_1ewk6 {
         border-radius: var(--card-image-border-radius);
-    } .card-image__image_xlfs8 {
+    } .card-image__image_1ewk6 {
     display: block;
     max-width: 100%;
     height: auto;
     opacity: 0;
     transition: opacity 0.2s ease;
-} .card-image__loaded_xlfs8 {
+} .card-image__loaded_1ewk6 {
     background: transparent
-} .card-image__loaded_xlfs8 .card-image__image_xlfs8 {
+} .card-image__loaded_1ewk6 .card-image__image_1ewk6 {
         opacity: 1;
     }

package/cdn-icon/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 = {"component":"cdn-icon__component_1a5dl"};
+var styles = {"component":"cdn-icon__component_ug9fz"};
 require('./index.css');
 
 var CDNIcon = function (_a) {

package/cdn-icon/esm/Component.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"cdn-icon__component_1a5dl"};
+var styles = {"component":"cdn-icon__component_ug9fz"};
 require('./index.css');
 
 var CDNIcon = function (_a) {

package/cdn-icon/esm/index.css

@@ -14,10 +14,10 @@
 } :root {
 } :root {
 } :root {
-} .cdn-icon__component_1a5dl {
+} .cdn-icon__component_ug9fz {
     display: inline-flex;
-} .cdn-icon__component_1a5dl svg {
+} .cdn-icon__component_ug9fz svg {
     fill: currentColor;
-} .cdn-icon__component_1a5dl path {
+} .cdn-icon__component_ug9fz path {
     fill: inherit;
 }

package/cdn-icon/index.css

@@ -14,10 +14,10 @@
 } :root {
 } :root {
 } :root {
-} .cdn-icon__component_1a5dl {
+} .cdn-icon__component_ug9fz {
     display: inline-flex;
-} .cdn-icon__component_1a5dl svg {
+} .cdn-icon__component_ug9fz svg {
     fill: currentColor;
-} .cdn-icon__component_1a5dl path {
+} .cdn-icon__component_ug9fz path {
     fill: inherit;
 }

package/cdn-icon/modern/Component.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"cdn-icon__component_1a5dl"};
+const styles = {"component":"cdn-icon__component_ug9fz"};
 require('./index.css');
 
 const CDNIcon = ({ name, color, dataTestId, className, baseUrl = 'https://alfabank.servicecdn.ru/icons', }) => {

package/cdn-icon/modern/index.css

@@ -14,10 +14,10 @@
 } :root {
 } :root {
 } :root {
-} .cdn-icon__component_1a5dl {
+} .cdn-icon__component_ug9fz {
     display: inline-flex;
-} .cdn-icon__component_1a5dl svg {
+} .cdn-icon__component_ug9fz svg {
     fill: currentColor;
-} .cdn-icon__component_1a5dl path {
+} .cdn-icon__component_ug9fz path {
     fill: inherit;
 }

package/chart/Component.js

@@ -36,7 +36,7 @@ var CustomizedHOC = function (Component, options) {
     return NewComponent;
 };
 
-var styles = {"coreChart":"chart__coreChart_15ebj","bar":"chart__bar_15ebj","unfocused":"chart__unfocused_15ebj"};
+var styles = {"coreChart":"chart__coreChart_ub2co","bar":"chart__bar_ub2co","unfocused":"chart__unfocused_ub2co"};
 require('./index.css');
 
 var Chart = function (props) {

package/chart/components/Dot/index.css

@@ -1,19 +1,19 @@
 /* hash: 1f14y */
-.chart__dotUnfocused_1emmo {
+.chart__dotUnfocused_ooupz {
     opacity: 0.3;
 }
 
-.chart__dot_1emmo,
-.chart__dotItem_1emmo,
-.chart__dotWrap_1emmo {
+.chart__dot_ooupz,
+.chart__dotItem_ooupz,
+.chart__dotWrap_ooupz {
     transition: all 0.2s ease;
 }
 
-.chart__dot_1emmo {
-    animation: chart__showDot_1emmo 0.5s ease;
+.chart__dot_ooupz {
+    animation: chart__showDot_ooupz 0.5s ease;
 }
 
-@keyframes chart__showDot_1emmo {
+@keyframes chart__showDot_ooupz {
     from {
         opacity: 0;
     }

package/chart/components/Dot/index.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"dotUnfocused":"chart__dotUnfocused_1emmo","dot":"chart__dot_1emmo","dotItem":"chart__dotItem_1emmo","dotWrap":"chart__dotWrap_1emmo","showDot":"chart__showDot_1emmo"};
+var styles = {"dotUnfocused":"chart__dotUnfocused_ooupz","dot":"chart__dot_ooupz","dotItem":"chart__dotItem_ooupz","dotWrap":"chart__dotWrap_ooupz","showDot":"chart__showDot_ooupz"};
 require('./index.css');
 
 var Dot = React__default.default.forwardRef(function (_a, ref) {

package/chart/components/Legends/index.css

@@ -15,25 +15,25 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .chart__legendContent_s0fqn {
+} .chart__legendContent_133ox {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
-} .chart__legendWrap_s0fqn {
+} .chart__legendWrap_133ox {
     width: 100%;
     margin: 0;
     padding: 0;
-} .chart__legendItem_s0fqn {
+} .chart__legendItem_133ox {
     margin-right: var(--gap-2xl);
     cursor: pointer;
     display: inline-block;
-} .chart__legendItem_s0fqn:last-child {
+} .chart__legendItem_133ox:last-child {
     margin-right: 0;
-} .chart__legendUnactive_s0fqn {
+} .chart__legendUnactive_133ox {
     opacity: 0.3;
-} .chart__legendIcon_s0fqn {
+} .chart__legendIcon_133ox {
     margin-right: 13px;
     display: flex;
-} .chart__legendValue_s0fqn {
+} .chart__legendValue_133ox {
     text-transform: capitalize;
 }

package/chart/components/Legends/index.js

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"legendContent":"chart__legendContent_s0fqn","legendWrap":"chart__legendWrap_s0fqn","legendItem":"chart__legendItem_s0fqn","legendUnactive":"chart__legendUnactive_s0fqn","legendIcon":"chart__legendIcon_s0fqn","legendValue":"chart__legendValue_s0fqn"};
+var styles = {"legendContent":"chart__legendContent_133ox","legendWrap":"chart__legendWrap_133ox","legendItem":"chart__legendItem_133ox","legendUnactive":"chart__legendUnactive_133ox","legendIcon":"chart__legendIcon_133ox","legendValue":"chart__legendValue_133ox"};
 require('./index.css');
 
 var icons = {

package/chart/components/Tick/index.css

@@ -16,15 +16,15 @@
 } :root {
 } :root {
 } :root {
-} .chart__tickText_nlwhg {
+} .chart__tickText_1mgyy {
     fill: var(--color-light-text-primary);
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
-} .chart__circle_nlwhg {
+} .chart__circle_1mgyy {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
-} .chart__circle_nlwhg {
+} .chart__circle_1mgyy {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }

package/chart/components/Tick/index.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 = {"tickText":"chart__tickText_nlwhg","circle":"chart__circle_nlwhg"};
+var styles = {"tickText":"chart__tickText_1mgyy","circle":"chart__circle_1mgyy"};
 require('./index.css');
 
 var Tick = function (_a) {

package/chart/components/TooltipContent/index.css

@@ -21,7 +21,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .chart__tooltip_pn0mu {
+} .chart__tooltip_1qcyo {
     background-color: var(--color-light-bg-primary);
     border: 1px solid var(--color-light-border-primary);
     box-shadow: var(--shadow-l);
@@ -29,15 +29,15 @@
     padding: var(--gap-s) var(--gap-m);
     pointer-events: none;
     position: relative;
-} .chart__tooltipList_pn0mu {
+} .chart__tooltipList_1qcyo {
     position: relative;
     z-index: 5;
     list-style-type: none;
     padding: 0;
     margin: 0;
-} .chart__tooltipItem_pn0mu {
+} .chart__tooltipItem_1qcyo {
     margin-bottom: 10px;
-} .chart__tooltipArrow_pn0mu {
+} .chart__tooltipArrow_1qcyo {
     position: absolute;
     left: 0;
     top: 50%;
@@ -46,7 +46,7 @@
     height: 10px;
     border: 1px solid var(--color-light-border-primary);
     background-color: var(--color-light-bg-primary);
-} .chart__tooltipArrow_pn0mu:before {
+} .chart__tooltipArrow_1qcyo:before {
     content: '';
     position: absolute;
     left: -2px;
@@ -56,7 +56,7 @@
     border-style: solid;
     border-width: 0 24px 24px 0;
     border-color: transparent var(--color-light-bg-primary) transparent transparent;
-} .chart__tooltipArrowRight_pn0mu {
+} .chart__tooltipArrowRight_1qcyo {
     left: 100%;
     transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
 }

package/chart/components/TooltipContent/index.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"tooltip":"chart__tooltip_pn0mu","tooltipList":"chart__tooltipList_pn0mu","tooltipItem":"chart__tooltipItem_pn0mu","tooltipArrow":"chart__tooltipArrow_pn0mu","tooltipArrowRight":"chart__tooltipArrowRight_pn0mu"};
+var styles = {"tooltip":"chart__tooltip_1qcyo","tooltipList":"chart__tooltipList_1qcyo","tooltipItem":"chart__tooltipItem_1qcyo","tooltipArrow":"chart__tooltipArrow_1qcyo","tooltipArrowRight":"chart__tooltipArrowRight_1qcyo"};
 require('./index.css');
 
 var TooltipContent = function (_a) {