@alfalab/core-components 27.9.0 → 27.12.0

package/chart/esm/components/Dot/index.css

@@ -1,19 +1,19 @@
-/* hash: 176vn */
-.chart__dotUnfocused_clnkg {
+/* hash: vhjnl */
+.chart__dotUnfocused_clui9 {
     opacity: 0.3;
 }
 
-.chart__dot_clnkg,
-.chart__dotItem_clnkg,
-.chart__dotWrap_clnkg {
+.chart__dot_clui9,
+.chart__dotItem_clui9,
+.chart__dotWrap_clui9 {
     transition: all 0.2s ease;
 }
 
-.chart__dot_clnkg {
-    animation: chart__showDot_clnkg 0.5s ease;
+.chart__dot_clui9 {
+    animation: chart__showDot_clui9 0.5s ease;
 }
 
-@keyframes chart__showDot_clnkg {
+@keyframes chart__showDot_clui9 {
     from {
         opacity: 0;
     }

package/chart/esm/components/Dot/index.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
 import { PointIcon } from '../../icons/Point.js';
 
-var styles = {"dotUnfocused":"chart__dotUnfocused_clnkg","dot":"chart__dot_clnkg","dotItem":"chart__dotItem_clnkg","dotWrap":"chart__dotWrap_clnkg","showDot":"chart__showDot_clnkg"};
+var styles = {"dotUnfocused":"chart__dotUnfocused_clui9","dot":"chart__dot_clui9","dotItem":"chart__dotItem_clui9","dotWrap":"chart__dotWrap_clui9","showDot":"chart__showDot_clui9"};
 require('./index.css');
 
 var Dot = React.forwardRef(function (_a, ref) {

package/chart/esm/components/Legends/index.css

@@ -1,4 +1,4 @@
-/* hash: 1jnvu */
+/* hash: 1vd7t */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -703,6 +703,7 @@
     --border-radius-m: 8px;
     --border-radius-l: 12px;
     --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
 }
@@ -721,31 +722,31 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.chart__legendContent_g5q0z {
+.chart__legendContent_stiem {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }
-.chart__legendWrap_g5q0z {
+.chart__legendWrap_stiem {
     width: 100%;
     margin: 0;
     padding: 0;
 }
-.chart__legendItem_g5q0z {
+.chart__legendItem_stiem {
     margin-right: var(--gap-2xl);
     cursor: pointer;
     display: inline-block;
 }
-.chart__legendItem_g5q0z:last-child {
+.chart__legendItem_stiem:last-child {
     margin-right: 0;
 }
-.chart__legendUnactive_g5q0z {
+.chart__legendUnactive_stiem {
     opacity: 0.3;
 }
-.chart__legendIcon_g5q0z {
+.chart__legendIcon_stiem {
     margin-right: 13px;
     display: flex;
 }
-.chart__legendValue_g5q0z {
+.chart__legendValue_stiem {
     text-transform: capitalize;
 }

package/chart/esm/components/Legends/index.js

@@ -6,7 +6,7 @@ import { CircleLineIcon } from '../../icons/CircleLine.js';
 import { FilledCircleIcon } from '../../icons/FilledCircle.js';
 import { StrokeCircleIcon } from '../../icons/StrokeCircle.js';
 
-var styles = {"legendContent":"chart__legendContent_g5q0z","legendWrap":"chart__legendWrap_g5q0z","legendItem":"chart__legendItem_g5q0z","legendUnactive":"chart__legendUnactive_g5q0z","legendIcon":"chart__legendIcon_g5q0z","legendValue":"chart__legendValue_g5q0z"};
+var styles = {"legendContent":"chart__legendContent_stiem","legendWrap":"chart__legendWrap_stiem","legendItem":"chart__legendItem_stiem","legendUnactive":"chart__legendUnactive_stiem","legendIcon":"chart__legendIcon_stiem","legendValue":"chart__legendValue_stiem"};
 require('./index.css');
 
 var icons = {

package/chart/esm/components/Tick/index.css

@@ -1,4 +1,4 @@
-/* hash: rru2t */
+/* hash: 86wte */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -703,6 +703,7 @@
     --border-radius-m: 8px;
     --border-radius-l: 12px;
     --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
 }
@@ -721,17 +722,17 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.chart__tickText_130b2 {
+.chart__tickText_1fs5b {
     fill: var(--color-light-text-primary);
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
 }
-.chart__circle_130b2 {
+.chart__circle_1fs5b {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }
-.chart__circle_130b2 {
+.chart__circle_1fs5b {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }

package/chart/esm/components/Tick/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"tickText":"chart__tickText_130b2","circle":"chart__circle_130b2"};
+var styles = {"tickText":"chart__tickText_1fs5b","circle":"chart__circle_1fs5b"};
 require('./index.css');
 
 var Tick = function (_a) {

package/chart/esm/components/TooltipContent/index.css

@@ -1,4 +1,4 @@
-/* hash: 9lf1k */
+/* hash: 14oyr */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -703,6 +703,7 @@
     --border-radius-m: 8px;
     --border-radius-l: 12px;
     --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
 }
@@ -721,7 +722,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.chart__tooltip_1a65p {
+.chart__tooltip_h8cns {
     background-color: var(--color-light-bg-primary);
     border: 1px solid var(--color-light-border-primary);
     box-shadow: var(--shadow-l);
@@ -730,17 +731,17 @@
     pointer-events: none;
     position: relative;
 }
-.chart__tooltipList_1a65p {
+.chart__tooltipList_h8cns {
     position: relative;
     z-index: 5;
     list-style-type: none;
     padding: 0;
     margin: 0;
 }
-.chart__tooltipItem_1a65p {
+.chart__tooltipItem_h8cns {
     margin-bottom: 10px;
 }
-.chart__tooltipArrow_1a65p {
+.chart__tooltipArrow_h8cns {
     position: absolute;
     left: 0;
     top: 50%;
@@ -750,7 +751,7 @@
     border: 1px solid var(--color-light-border-primary);
     background-color: var(--color-light-bg-primary);
 }
-.chart__tooltipArrow_1a65p:before {
+.chart__tooltipArrow_h8cns:before {
     content: '';
     position: absolute;
     left: -2px;
@@ -761,7 +762,7 @@
     border-width: 0 24px 24px 0;
     border-color: transparent var(--color-light-bg-primary) transparent transparent;
 }
-.chart__tooltipArrowRight_1a65p {
+.chart__tooltipArrowRight_h8cns {
     left: 100%;
     transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
 }

package/chart/esm/components/TooltipContent/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '../../../../typography/esm';
 
-var styles = {"tooltip":"chart__tooltip_1a65p","tooltipList":"chart__tooltipList_1a65p","tooltipItem":"chart__tooltipItem_1a65p","tooltipArrow":"chart__tooltipArrow_1a65p","tooltipArrowRight":"chart__tooltipArrowRight_1a65p"};
+var styles = {"tooltip":"chart__tooltip_h8cns","tooltipList":"chart__tooltipList_h8cns","tooltipItem":"chart__tooltipItem_h8cns","tooltipArrow":"chart__tooltipArrow_h8cns","tooltipArrowRight":"chart__tooltipArrowRight_h8cns"};
 require('./index.css');
 
 var TooltipContent = function (_a) {

package/chart/esm/hooks/useSettings/index.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-c8665fb3.js';
+import { _ as __assign } from '../../tslib.es6-f6fe98fe.js';
 import { useState, useEffect } from 'react';
 import { setComposedChartsMargin } from './utils/setComposedChartsMargin.js';
 import { setDatas } from './utils/setDatas.js';

package/chart/esm/hooks/useSettings/utils/setDatas.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../../tslib.es6-c8665fb3.js';
+import { _ as __assign } from '../../../tslib.es6-f6fe98fe.js';
 
 var setDatas = function (series, labels) {
     var initData = [];

package/chart/esm/hooks/useSettings/utils/setGradientCharts.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../../tslib.es6-c8665fb3.js';
+import { _ as __assign } from '../../../tslib.es6-f6fe98fe.js';
 
 var setGradientCharts = function (series) {
     var filterSeries = series.filter(function (item) { return item.chart !== 'gradient'; });

package/chart/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: tgrrq */
+/* hash: 1goq8 */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -703,6 +703,7 @@
     --border-radius-m: 8px;
     --border-radius-l: 12px;
     --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
 }
@@ -721,17 +722,17 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.chart__coreChart_mqzi3 .recharts-line path {
+.chart__coreChart_1h4d3 .recharts-line path {
         transition: d 0.2s ease-out;
     }
-.chart__coreChart_mqzi3 .recharts-text tspan {
+.chart__coreChart_1h4d3 .recharts-text tspan {
         fill: var(--color-light-text-primary);
         font-size: 16px;
         line-height: 22px;
     }
-.chart__bar_mqzi3 {
+.chart__bar_1h4d3 {
     transition: opacity 0.2s ease-out, d 0.2s ease-out;
 }
-.chart__unfocused_mqzi3 {
+.chart__unfocused_1h4d3 {
     opacity: 0.3;
 }

package/chart/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-c8665fb3.js';
+import './tslib.es6-f6fe98fe.js';
 import 'react';
 import 'classnames';
 import 'recharts';

package/chart/hooks/useSettings/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-83f61e86.js');
+var tslib_es6 = require('../../tslib.es6-1334fff8.js');
 var React = require('react');
 var hooks_useSettings_utils_setComposedChartsMargin = require('./utils/setComposedChartsMargin.js');
 var hooks_useSettings_utils_setDatas = require('./utils/setDatas.js');

package/chart/hooks/useSettings/utils/setDatas.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../tslib.es6-83f61e86.js');
+var tslib_es6 = require('../../../tslib.es6-1334fff8.js');
 
 var setDatas = function (series, labels) {
     var initData = [];

package/chart/hooks/useSettings/utils/setGradientCharts.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../tslib.es6-83f61e86.js');
+var tslib_es6 = require('../../../tslib.es6-1334fff8.js');
 
 var setGradientCharts = function (series) {
     var filterSeries = series.filter(function (item) { return item.chart !== 'gradient'; });

package/chart/index.css

@@ -1,4 +1,4 @@
-/* hash: tgrrq */
+/* hash: 1goq8 */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -703,6 +703,7 @@
     --border-radius-m: 8px;
     --border-radius-l: 12px;
     --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
 }
@@ -721,17 +722,17 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.chart__coreChart_mqzi3 .recharts-line path {
+.chart__coreChart_1h4d3 .recharts-line path {
         transition: d 0.2s ease-out;
     }
-.chart__coreChart_mqzi3 .recharts-text tspan {
+.chart__coreChart_1h4d3 .recharts-text tspan {
         fill: var(--color-light-text-primary);
         font-size: 16px;
         line-height: 22px;
     }
-.chart__bar_mqzi3 {
+.chart__bar_1h4d3 {
     transition: opacity 0.2s ease-out, d 0.2s ease-out;
 }
-.chart__unfocused_mqzi3 {
+.chart__unfocused_1h4d3 {
     opacity: 0.3;
 }

package/chart/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-83f61e86.js');
+require('./tslib.es6-1334fff8.js');
 require('react');
 require('classnames');
 require('recharts');

package/chart/modern/Component.js

@@ -30,7 +30,7 @@ const CustomizedHOC = (Component, options) => {
     return NewComponent;
 };
 
-var styles = {"coreChart":"chart__coreChart_mqzi3","bar":"chart__bar_mqzi3","unfocused":"chart__unfocused_mqzi3"};
+var styles = {"coreChart":"chart__coreChart_1h4d3","bar":"chart__bar_1h4d3","unfocused":"chart__unfocused_1h4d3"};
 require('./index.css');
 
 const Chart = (props) => {

package/chart/modern/components/Dot/index.css

@@ -1,19 +1,19 @@
-/* hash: 176vn */
-.chart__dotUnfocused_clnkg {
+/* hash: vhjnl */
+.chart__dotUnfocused_clui9 {
     opacity: 0.3;
 }
 
-.chart__dot_clnkg,
-.chart__dotItem_clnkg,
-.chart__dotWrap_clnkg {
+.chart__dot_clui9,
+.chart__dotItem_clui9,
+.chart__dotWrap_clui9 {
     transition: all 0.2s ease;
 }
 
-.chart__dot_clnkg {
-    animation: chart__showDot_clnkg 0.5s ease;
+.chart__dot_clui9 {
+    animation: chart__showDot_clui9 0.5s ease;
 }
 
-@keyframes chart__showDot_clnkg {
+@keyframes chart__showDot_clui9 {
     from {
         opacity: 0;
     }

package/chart/modern/components/Dot/index.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
 import { PointIcon } from '../../icons/Point.js';
 
-var styles = {"dotUnfocused":"chart__dotUnfocused_clnkg","dot":"chart__dot_clnkg","dotItem":"chart__dotItem_clnkg","dotWrap":"chart__dotWrap_clnkg","showDot":"chart__showDot_clnkg"};
+var styles = {"dotUnfocused":"chart__dotUnfocused_clui9","dot":"chart__dot_clui9","dotItem":"chart__dotItem_clui9","dotWrap":"chart__dotWrap_clui9","showDot":"chart__showDot_clui9"};
 require('./index.css');
 
 const Dot = React.forwardRef(({ cx, cy, index, activeDot, dataKey, dotSettings, value, stroke }, ref) => {

package/chart/modern/components/Legends/index.css

@@ -1,4 +1,4 @@
-/* hash: 1jnvu */
+/* hash: 1vd7t */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -703,6 +703,7 @@
     --border-radius-m: 8px;
     --border-radius-l: 12px;
     --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
 }
@@ -721,31 +722,31 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.chart__legendContent_g5q0z {
+.chart__legendContent_stiem {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }
-.chart__legendWrap_g5q0z {
+.chart__legendWrap_stiem {
     width: 100%;
     margin: 0;
     padding: 0;
 }
-.chart__legendItem_g5q0z {
+.chart__legendItem_stiem {
     margin-right: var(--gap-2xl);
     cursor: pointer;
     display: inline-block;
 }
-.chart__legendItem_g5q0z:last-child {
+.chart__legendItem_stiem:last-child {
     margin-right: 0;
 }
-.chart__legendUnactive_g5q0z {
+.chart__legendUnactive_stiem {
     opacity: 0.3;
 }
-.chart__legendIcon_g5q0z {
+.chart__legendIcon_stiem {
     margin-right: 13px;
     display: flex;
 }
-.chart__legendValue_g5q0z {
+.chart__legendValue_stiem {
     text-transform: capitalize;
 }

package/chart/modern/components/Legends/index.js

@@ -6,7 +6,7 @@ import { CircleLineIcon } from '../../icons/CircleLine.js';
 import { FilledCircleIcon } from '../../icons/FilledCircle.js';
 import { StrokeCircleIcon } from '../../icons/StrokeCircle.js';
 
-var styles = {"legendContent":"chart__legendContent_g5q0z","legendWrap":"chart__legendWrap_g5q0z","legendItem":"chart__legendItem_g5q0z","legendUnactive":"chart__legendUnactive_g5q0z","legendIcon":"chart__legendIcon_g5q0z","legendValue":"chart__legendValue_g5q0z"};
+var styles = {"legendContent":"chart__legendContent_stiem","legendWrap":"chart__legendWrap_stiem","legendItem":"chart__legendItem_stiem","legendUnactive":"chart__legendUnactive_stiem","legendIcon":"chart__legendIcon_stiem","legendValue":"chart__legendValue_stiem"};
 require('./index.css');
 
 const icons = {

package/chart/modern/components/Tick/index.css

@@ -1,4 +1,4 @@
-/* hash: rru2t */
+/* hash: 86wte */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -703,6 +703,7 @@
     --border-radius-m: 8px;
     --border-radius-l: 12px;
     --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
 }
@@ -721,17 +722,17 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.chart__tickText_130b2 {
+.chart__tickText_1fs5b {
     fill: var(--color-light-text-primary);
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
 }
-.chart__circle_130b2 {
+.chart__circle_1fs5b {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }
-.chart__circle_130b2 {
+.chart__circle_1fs5b {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }

package/chart/modern/components/Tick/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"tickText":"chart__tickText_130b2","circle":"chart__circle_130b2"};
+var styles = {"tickText":"chart__tickText_1fs5b","circle":"chart__circle_1fs5b"};
 require('./index.css');
 
 const Tick = ({ y, payload, tickFormatter, xAxis }) => {

package/chart/modern/components/TooltipContent/index.css

@@ -1,4 +1,4 @@
-/* hash: 9lf1k */
+/* hash: 14oyr */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -703,6 +703,7 @@
     --border-radius-m: 8px;
     --border-radius-l: 12px;
     --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
 }
@@ -721,7 +722,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.chart__tooltip_1a65p {
+.chart__tooltip_h8cns {
     background-color: var(--color-light-bg-primary);
     border: 1px solid var(--color-light-border-primary);
     box-shadow: var(--shadow-l);
@@ -730,17 +731,17 @@
     pointer-events: none;
     position: relative;
 }
-.chart__tooltipList_1a65p {
+.chart__tooltipList_h8cns {
     position: relative;
     z-index: 5;
     list-style-type: none;
     padding: 0;
     margin: 0;
 }
-.chart__tooltipItem_1a65p {
+.chart__tooltipItem_h8cns {
     margin-bottom: 10px;
 }
-.chart__tooltipArrow_1a65p {
+.chart__tooltipArrow_h8cns {
     position: absolute;
     left: 0;
     top: 50%;
@@ -750,7 +751,7 @@
     border: 1px solid var(--color-light-border-primary);
     background-color: var(--color-light-bg-primary);
 }
-.chart__tooltipArrow_1a65p:before {
+.chart__tooltipArrow_h8cns:before {
     content: '';
     position: absolute;
     left: -2px;
@@ -761,7 +762,7 @@
     border-width: 0 24px 24px 0;
     border-color: transparent var(--color-light-bg-primary) transparent transparent;
 }
-.chart__tooltipArrowRight_1a65p {
+.chart__tooltipArrowRight_h8cns {
     left: 100%;
     transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
 }

package/chart/modern/components/TooltipContent/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '../../../../typography/modern';
 
-var styles = {"tooltip":"chart__tooltip_1a65p","tooltipList":"chart__tooltipList_1a65p","tooltipItem":"chart__tooltipItem_1a65p","tooltipArrow":"chart__tooltipArrow_1a65p","tooltipArrowRight":"chart__tooltipArrowRight_1a65p"};
+var styles = {"tooltip":"chart__tooltip_h8cns","tooltipList":"chart__tooltipList_h8cns","tooltipItem":"chart__tooltipItem_h8cns","tooltipArrow":"chart__tooltipArrow_h8cns","tooltipArrowRight":"chart__tooltipArrowRight_h8cns"};
 require('./index.css');
 
 const TooltipContent = ({ payload, separator, label, tooltipArrowSide, arrow, series, labelFormatter, labelStyle, }) => {

package/chart/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: tgrrq */
+/* hash: 1goq8 */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -703,6 +703,7 @@
     --border-radius-m: 8px;
     --border-radius-l: 12px;
     --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
 }
@@ -721,17 +722,17 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.chart__coreChart_mqzi3 .recharts-line path {
+.chart__coreChart_1h4d3 .recharts-line path {
         transition: d 0.2s ease-out;
     }
-.chart__coreChart_mqzi3 .recharts-text tspan {
+.chart__coreChart_1h4d3 .recharts-text tspan {
         fill: var(--color-light-text-primary);
         font-size: 16px;
         line-height: 22px;
     }
-.chart__bar_mqzi3 {
+.chart__bar_1h4d3 {
     transition: opacity 0.2s ease-out, d 0.2s ease-out;
 }
-.chart__unfocused_mqzi3 {
+.chart__unfocused_1h4d3 {
     opacity: 0.3;
 }

package/checkbox/Component.js

@@ -51,7 +51,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"checkbox__component_b0mdj","start":"checkbox__start_b0mdj","center":"checkbox__center_b0mdj","addons":"checkbox__addons_b0mdj","block":"checkbox__block_b0mdj","box":"checkbox__box_b0mdj","checkedIcon":"checkbox__checkedIcon_b0mdj","s":"checkbox__s_b0mdj","disabled":"checkbox__disabled_b0mdj","inactive":"checkbox__inactive_b0mdj","checked":"checkbox__checked_b0mdj","indeterminate":"checkbox__indeterminate_b0mdj","label":"checkbox__label_b0mdj","hint":"checkbox__hint_b0mdj","focused":"checkbox__focused_b0mdj","content":"checkbox__content_b0mdj","errorMessage":"checkbox__errorMessage_b0mdj","indeterminateLine":"checkbox__indeterminateLine_b0mdj"};
+var styles = {"component":"checkbox__component_h6ioh","start":"checkbox__start_h6ioh","center":"checkbox__center_h6ioh","addons":"checkbox__addons_h6ioh","block":"checkbox__block_h6ioh","box":"checkbox__box_h6ioh","checkedIcon":"checkbox__checkedIcon_h6ioh","s":"checkbox__s_h6ioh","disabled":"checkbox__disabled_h6ioh","inactive":"checkbox__inactive_h6ioh","checked":"checkbox__checked_h6ioh","indeterminate":"checkbox__indeterminate_h6ioh","label":"checkbox__label_h6ioh","hint":"checkbox__hint_h6ioh","focused":"checkbox__focused_h6ioh","content":"checkbox__content_h6ioh","errorMessage":"checkbox__errorMessage_h6ioh","indeterminateLine":"checkbox__indeterminateLine_h6ioh"};
 require('./index.css');
 
 var Checkbox = React.forwardRef(function (_a, ref) {

package/checkbox/cssm/index.module.css

@@ -702,6 +702,7 @@
     --border-radius-m: 8px;
     --border-radius-l: 12px;
     --border-radius-xl: 16px;
+    --border-radius-xxl: 20px;
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
 }