@alfalab/core-components 27.9.0 → 27.12.0

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

@@ -1,4 +1,4 @@
-/* hash: gnacv */
+/* hash: zj13j */
 :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,15 +722,15 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.calendar-with-skeleton__component_2vzag {
+.calendar-with-skeleton__component_tdvkx {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_2vzag {
+.calendar-with-skeleton__calendarVisible_tdvkx {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_2vzag {
+.calendar-with-skeleton__skeleton_tdvkx {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -744,25 +745,25 @@
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
 }
-.calendar-with-skeleton__header_2vzag {
+.calendar-with-skeleton__header_tdvkx {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_2vzag {
+.calendar-with-skeleton__weekDays_tdvkx {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_2vzag {
+.calendar-with-skeleton__row_tdvkx {
     height: 32px
 }
-.calendar-with-skeleton__row_2vzag + .calendar-with-skeleton__row_2vzag {
+.calendar-with-skeleton__row_tdvkx + .calendar-with-skeleton__row_tdvkx {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_2vzag,
-.calendar-with-skeleton__enterActive_2vzag,
-.calendar-with-skeleton__exit_2vzag {
+.calendar-with-skeleton__enter_tdvkx,
+.calendar-with-skeleton__enterActive_tdvkx,
+.calendar-with-skeleton__exit_tdvkx {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_2vzag {
+.calendar-with-skeleton__exitActive_tdvkx {
     opacity: 0;
 }

package/card-image/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"cardImage":"card-image__cardImage_11345","rounded":"card-image__rounded_11345","image":"card-image__image_11345","loaded":"card-image__loaded_11345"};
+var styles = {"cardImage":"card-image__cardImage_v7p0t","rounded":"card-image__rounded_v7p0t","image":"card-image__image_v7p0t","loaded":"card-image__loaded_v7p0t"};
 require('./index.css');
 
 var ASPECT_RATIO = 0.63;

package/card-image/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;
 }

package/card-image/esm/Component.js

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useCallback } from 'react';
 import cn from 'classnames';
 
-var styles = {"cardImage":"card-image__cardImage_11345","rounded":"card-image__rounded_11345","image":"card-image__image_11345","loaded":"card-image__loaded_11345"};
+var styles = {"cardImage":"card-image__cardImage_v7p0t","rounded":"card-image__rounded_v7p0t","image":"card-image__image_v7p0t","loaded":"card-image__loaded_v7p0t"};
 require('./index.css');
 
 var ASPECT_RATIO = 0.63;

package/card-image/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1orz6 */
+/* hash: 1p1wy */
 :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;
 }
@@ -725,28 +726,28 @@
     --card-image-background: #e7e8ea;
     --card-image-border-radius: var(--border-radius-m);
 }
-.card-image__cardImage_11345 {
+.card-image__cardImage_v7p0t {
     position: relative;
     display: inline-block;
     background: var(--card-image-background);
     transition: background 0.2s ease;
 }
-.card-image__rounded_11345 {
+.card-image__rounded_v7p0t {
     border-radius: var(--card-image-border-radius)
 }
-.card-image__rounded_11345 .card-image__image_11345 {
+.card-image__rounded_v7p0t .card-image__image_v7p0t {
         border-radius: var(--card-image-border-radius);
     }
-.card-image__image_11345 {
+.card-image__image_v7p0t {
     display: block;
     max-width: 100%;
     height: auto;
     opacity: 0;
     transition: opacity 0.2s ease;
 }
-.card-image__loaded_11345 {
+.card-image__loaded_v7p0t {
     background: transparent
 }
-.card-image__loaded_11345 .card-image__image_11345 {
+.card-image__loaded_v7p0t .card-image__image_v7p0t {
         opacity: var(--opacity-active);
     }

package/card-image/index.css

@@ -1,4 +1,4 @@
-/* hash: 1orz6 */
+/* hash: 1p1wy */
 :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;
 }
@@ -725,28 +726,28 @@
     --card-image-background: #e7e8ea;
     --card-image-border-radius: var(--border-radius-m);
 }
-.card-image__cardImage_11345 {
+.card-image__cardImage_v7p0t {
     position: relative;
     display: inline-block;
     background: var(--card-image-background);
     transition: background 0.2s ease;
 }
-.card-image__rounded_11345 {
+.card-image__rounded_v7p0t {
     border-radius: var(--card-image-border-radius)
 }
-.card-image__rounded_11345 .card-image__image_11345 {
+.card-image__rounded_v7p0t .card-image__image_v7p0t {
         border-radius: var(--card-image-border-radius);
     }
-.card-image__image_11345 {
+.card-image__image_v7p0t {
     display: block;
     max-width: 100%;
     height: auto;
     opacity: 0;
     transition: opacity 0.2s ease;
 }
-.card-image__loaded_11345 {
+.card-image__loaded_v7p0t {
     background: transparent
 }
-.card-image__loaded_11345 .card-image__image_11345 {
+.card-image__loaded_v7p0t .card-image__image_v7p0t {
         opacity: var(--opacity-active);
     }

package/card-image/modern/Component.js

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useCallback } from 'react';
 import cn from 'classnames';
 
-var styles = {"cardImage":"card-image__cardImage_11345","rounded":"card-image__rounded_11345","image":"card-image__image_11345","loaded":"card-image__loaded_11345"};
+var styles = {"cardImage":"card-image__cardImage_v7p0t","rounded":"card-image__rounded_v7p0t","image":"card-image__image_v7p0t","loaded":"card-image__loaded_v7p0t"};
 require('./index.css');
 
 const ASPECT_RATIO = 0.63;

package/card-image/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1orz6 */
+/* hash: 1p1wy */
 :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;
 }
@@ -725,28 +726,28 @@
     --card-image-background: #e7e8ea;
     --card-image-border-radius: var(--border-radius-m);
 }
-.card-image__cardImage_11345 {
+.card-image__cardImage_v7p0t {
     position: relative;
     display: inline-block;
     background: var(--card-image-background);
     transition: background 0.2s ease;
 }
-.card-image__rounded_11345 {
+.card-image__rounded_v7p0t {
     border-radius: var(--card-image-border-radius)
 }
-.card-image__rounded_11345 .card-image__image_11345 {
+.card-image__rounded_v7p0t .card-image__image_v7p0t {
         border-radius: var(--card-image-border-radius);
     }
-.card-image__image_11345 {
+.card-image__image_v7p0t {
     display: block;
     max-width: 100%;
     height: auto;
     opacity: 0;
     transition: opacity 0.2s ease;
 }
-.card-image__loaded_11345 {
+.card-image__loaded_v7p0t {
     background: transparent
 }
-.card-image__loaded_11345 .card-image__image_11345 {
+.card-image__loaded_v7p0t .card-image__image_v7p0t {
         opacity: var(--opacity-active);
     }

package/cdn-icon/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"cdn-icon__component_16im4"};
+var styles = {"component":"cdn-icon__component_1kh11"};
 require('./index.css');
 
 var CDNIcon = function (_a) {

package/cdn-icon/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;
 }

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

package/cdn-icon/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1yco7 */
+/* hash: 2pxuf */
 :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,9 +722,9 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.cdn-icon__component_16im4 svg {
+.cdn-icon__component_1kh11 svg {
     fill: currentColor;
 }
-.cdn-icon__component_16im4 path {
+.cdn-icon__component_1kh11 path {
     fill: inherit;
 }

package/cdn-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: 1yco7 */
+/* hash: 2pxuf */
 :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,9 +722,9 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.cdn-icon__component_16im4 svg {
+.cdn-icon__component_1kh11 svg {
     fill: currentColor;
 }
-.cdn-icon__component_16im4 path {
+.cdn-icon__component_1kh11 path {
     fill: inherit;
 }

package/cdn-icon/modern/Component.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"cdn-icon__component_16im4"};
+var styles = {"component":"cdn-icon__component_1kh11"};
 require('./index.css');
 
 const CDNIcon = ({ name, color, dataTestId, className }) => {

package/cdn-icon/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1yco7 */
+/* hash: 2pxuf */
 :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,9 +722,9 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.cdn-icon__component_16im4 svg {
+.cdn-icon__component_1kh11 svg {
     fill: currentColor;
 }
-.cdn-icon__component_16im4 path {
+.cdn-icon__component_1kh11 path {
     fill: inherit;
 }

package/chart/Component.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 cn = require('classnames');
 var recharts = require('recharts');
@@ -38,7 +38,7 @@ var CustomizedHOC = function (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');
 
 var Chart = function (props) {

package/chart/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/components/Dot/index.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-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__default['default'].forwardRef(function (_a, ref) {

package/chart/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/components/Legends/index.js

@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-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/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/components/Tick/index.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-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/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/components/TooltipContent/index.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-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/cssm/components/Legends/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;
 }

package/chart/cssm/components/Tick/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;
 }

package/chart/cssm/components/TooltipContent/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;
 }

package/chart/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;
 }

package/chart/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-c8665fb3.js';
+import { _ as __assign } from './tslib.es6-f6fe98fe.js';
 import React, { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import { Legend, CartesianGrid, XAxis, YAxis, Brush, Tooltip, Area, Line, Bar, LabelList, Cell, ResponsiveContainer, ComposedChart } from 'recharts';
@@ -31,7 +31,7 @@ var CustomizedHOC = function (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');
 
 var Chart = function (props) {