@alfalab/core-components 20.7.1 → 21.1.1

package/calendar-range/index.css

@@ -1,4 +1,4 @@
-/* hash: v17im */
+/* hash: jkizo */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -13,13 +13,13 @@
 :root {
     --gap-xs: 8px;
 }
-.calendar-range__component_v17im {
+.calendar-range__component_jkizo {
     display: flex
 }
-.calendar-range__component_v17im button[aria-selected='true'] {
+.calendar-range__component_jkizo button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__divider_v17im {
+.calendar-range__divider_jkizo {
     height: 48px;
     display: flex;
     align-items: center;
@@ -27,7 +27,7 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_v17im:after {
+.calendar-range__divider_jkizo:after {
         content: '';
         display: block;
         width: 100%;

package/calendar-range/modern/Component.js

@@ -7,7 +7,7 @@ import { initialValueState, getCorrectValueState, isDayButton } from './utils.js
 import { useCalendarMonthes } from './useCalendarMonthes.js';
 import { useCalendarMaxMinDates } from './useCalendarMaxMinDates.js';
 
-var styles = {"component":"calendar-range__component_v17im","divider":"calendar-range__divider_v17im"};
+var styles = {"component":"calendar-range__component_jkizo","divider":"calendar-range__divider_jkizo"};
 require('./index.css');
 
 /* eslint-disable multiline-comment-style */

package/calendar-range/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: v17im */
+/* hash: jkizo */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -13,13 +13,13 @@
 :root {
     --gap-xs: 8px;
 }
-.calendar-range__component_v17im {
+.calendar-range__component_jkizo {
     display: flex
 }
-.calendar-range__component_v17im button[aria-selected='true'] {
+.calendar-range__component_jkizo button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__divider_v17im {
+.calendar-range__divider_jkizo {
     height: 48px;
     display: flex;
     align-items: center;
@@ -27,7 +27,7 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_v17im:after {
+.calendar-range__divider_jkizo:after {
         content: '';
         display: block;
         width: 100%;

package/chart/Component.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import React from 'react';
 import { OptionsProps } from "./types/options.types";
-declare const _default: React.MemoExoticComponent<(props: OptionsProps) => JSX.Element | null>;
-export { _default as default };
+declare const Chart: (props: OptionsProps) => JSX.Element | null;
+export { Chart };

package/chart/Component.js

@@ -1,4 +1,6 @@
-var tslib_es6 = require('./tslib.es6-8e7742ab.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('./tslib.es6-da022204.js');
 var React = require('react');
 var cn = require('classnames');
 var recharts = require('recharts');
@@ -158,7 +160,7 @@ var Chart = function (props) {
             var show = charts["" + properties.dataKey];
             switch (chart) {
                 case 'bar':
-                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React__default['default'].createElement(recharts.Bar, tslib_es6.__assign({ key: state.id + "-" + properties.dataKey }, properties, { shape: React__default['default'].createElement(components_RectBar, { radius: radius }) }),
+                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React__default['default'].createElement(recharts.Bar, tslib_es6.__assign({ key: state.id + "-" + properties.dataKey }, properties, { shape: React__default['default'].createElement(components_RectBar.RectBar, { radius: radius }) }),
                         labelList && (React__default['default'].createElement(recharts.LabelList, tslib_es6.__assign({ dataKey: properties.dataKey.toString() }, labelList, { content: React__default['default'].createElement(components_CustomizedLabel.CustomizedLabel, { radius: radius }) }))),
                         data.map(function (_, index) {
                             var key = state.id + "-" + properties.dataKey + "-" + index;
@@ -274,6 +276,5 @@ var Chart = function (props) {
                 state.brush && renderBrush,
                 state.legend && renderLegend))));
 };
-var Component = React__default['default'].memo(Chart);
 
-module.exports = Component;
+exports.Chart = Chart;

package/chart/components/RectBar.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
-import React from 'react';
-declare const _default: React.MemoExoticComponent<({ fill, x, y, width, height, radius, background }: any) => JSX.Element>;
-export { _default as default };
+declare const RectBar: ({ fill, x, y, width, height, radius, background }: any) => JSX.Element;
+export { RectBar };

package/chart/components/RectBar.js

@@ -1,3 +1,5 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 require('../hooks/usePathBar/utils/getRadius.js');
 var hooks_usePathBar_index = require('../hooks/usePathBar/index.js');
@@ -25,6 +27,5 @@ var RectBar = function (_a) {
     var path = React.useMemo(function () { return (React__default['default'].createElement("path", { d: getPath(x, width, height, initHeight, topRadius, bottomRadius, initY), stroke: 'none', fill: fill })); }, [x, width, height, initHeight, topRadius, bottomRadius, initY, fill]);
     return React__default['default'].createElement(React__default['default'].Fragment, null, path);
 };
-var RectBar$1 = React__default['default'].memo(RectBar);
 
-module.exports = RectBar$1;
+exports.RectBar = RectBar;

package/chart/cssm/Component.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import React from 'react';
 import { OptionsProps } from "./types/options.types";
-declare const _default: React.MemoExoticComponent<(props: OptionsProps) => JSX.Element | null>;
-export { _default as default };
+declare const Chart: (props: OptionsProps) => JSX.Element | null;
+export { Chart };

package/chart/cssm/Component.js

@@ -1,3 +1,5 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('./tslib.es6-2be2aee7.js');
 var React = require('react');
 var cn = require('classnames');
@@ -161,7 +163,7 @@ var Chart = function (props) {
             var show = charts["" + properties.dataKey];
             switch (chart) {
                 case 'bar':
-                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React__default['default'].createElement(recharts.Bar, tslib_es6.__assign({ key: state.id + "-" + properties.dataKey }, properties, { shape: React__default['default'].createElement(components_RectBar, { radius: radius }) }),
+                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React__default['default'].createElement(recharts.Bar, tslib_es6.__assign({ key: state.id + "-" + properties.dataKey }, properties, { shape: React__default['default'].createElement(components_RectBar.RectBar, { radius: radius }) }),
                         labelList && (React__default['default'].createElement(recharts.LabelList, tslib_es6.__assign({ dataKey: properties.dataKey.toString() }, labelList, { content: React__default['default'].createElement(components_CustomizedLabel.CustomizedLabel, { radius: radius }) }))),
                         data.map(function (_, index) {
                             var key = state.id + "-" + properties.dataKey + "-" + index;
@@ -277,6 +279,5 @@ var Chart = function (props) {
                 state.brush && renderBrush,
                 state.legend && renderLegend))));
 };
-var Component = React__default['default'].memo(Chart);
 
-module.exports = Component;
+exports.Chart = Chart;

package/chart/cssm/components/RectBar.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
-import React from 'react';
-declare const _default: React.MemoExoticComponent<({ fill, x, y, width, height, radius, background }: any) => JSX.Element>;
-export { _default as default };
+declare const RectBar: ({ fill, x, y, width, height, radius, background }: any) => JSX.Element;
+export { RectBar };

package/chart/cssm/components/RectBar.js

@@ -1,3 +1,5 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 require('../hooks/usePathBar/utils/getRadius.js');
 var hooks_usePathBar_index = require('../hooks/usePathBar/index.js');
@@ -25,6 +27,5 @@ var RectBar = function (_a) {
     var path = React.useMemo(function () { return (React__default['default'].createElement("path", { d: getPath(x, width, height, initHeight, topRadius, bottomRadius, initY), stroke: 'none', fill: fill })); }, [x, width, height, initHeight, topRadius, bottomRadius, initY, fill]);
     return React__default['default'].createElement(React__default['default'].Fragment, null, path);
 };
-var RectBar$1 = React__default['default'].memo(RectBar);
 
-module.exports = RectBar$1;
+exports.RectBar = RectBar;

package/chart/cssm/index.d.ts

@@ -1 +1,2 @@
 export * from "./Component";
+export * from "./types/index";

package/chart/cssm/index.js

@@ -1,8 +1,10 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 require('./tslib.es6-2be2aee7.js');
 require('react');
 require('classnames');
 require('recharts');
-require('./Component.js');
+var Component = require('./Component.js');
 require('./components/LinearGradient.js');
 require('../../typography/cssm');
 require('./icons/Circle.js');
@@ -29,3 +31,7 @@ require('./components/Tick/index.js');
 require('./components/TooltipContent/index.module.css');
 require('./components/TooltipContent/index.js');
 require('./index.module.css');
+
+
+
+exports.Chart = Component.Chart;

package/chart/cssm/types/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./utils/index";
+export * from "./brush.types";
+export * from "./cartesianGrid.types";
+export * from "./chart.types";
+export * from "./composedChart.types";
+export * from "./labelList.types";
+export * from "./legend.types";
+export * from "./options.types";
+export * from "./payload.types";
+export * from "./responsiveContainer.types";
+export * from "./seria.types";
+export * from "./tooltip.types";
+export * from "./xAxis.types";
+export * from "./yAxis.types";

package/chart/cssm/types/index.js

@@ -0,0 +1 @@
+

package/chart/cssm/types/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./axis.types";
+export * from "./coordinates.types";
+export * from "./data.types";
+export * from "./dot.types";
+export * from "./gradient.types";
+export * from "./tick.types";

package/chart/cssm/types/utils/index.js

@@ -0,0 +1 @@
+

package/chart/esm/Component.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import React from 'react';
 import { OptionsProps } from "./types/options.types";
-declare const _default: React.MemoExoticComponent<(props: OptionsProps) => JSX.Element | null>;
-export { _default as default };
+declare const Chart: (props: OptionsProps) => JSX.Element | null;
+export { Chart };

package/chart/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-a3fbf5e6.js';
+import { _ as __assign } from './tslib.es6-a33f87c9.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';
@@ -20,7 +20,7 @@ import { useSettings } from './hooks/useSettings/index.js';
 import './hooks/usePathBar/utils/getRadius.js';
 import './hooks/usePathBar/index.js';
 import { CustomizedLabel } from './components/CustomizedLabel.js';
-import RectBar$1 from './components/RectBar.js';
+import { RectBar } from './components/RectBar.js';
 import { Tick } from './components/Tick/index.js';
 import { TooltipContent } from './components/TooltipContent/index.js';
 
@@ -153,7 +153,7 @@ var Chart = function (props) {
             var show = charts["" + properties.dataKey];
             switch (chart) {
                 case 'bar':
-                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React.createElement(Bar, __assign({ key: state.id + "-" + properties.dataKey }, properties, { shape: React.createElement(RectBar$1, { radius: radius }) }),
+                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React.createElement(Bar, __assign({ key: state.id + "-" + properties.dataKey }, properties, { shape: React.createElement(RectBar, { radius: radius }) }),
                         labelList && (React.createElement(LabelList, __assign({ dataKey: properties.dataKey.toString() }, labelList, { content: React.createElement(CustomizedLabel, { radius: radius }) }))),
                         data.map(function (_, index) {
                             var key = state.id + "-" + properties.dataKey + "-" + index;
@@ -269,6 +269,5 @@ var Chart = function (props) {
                 state.brush && renderBrush,
                 state.legend && renderLegend))));
 };
-var Component = React.memo(Chart);
 
-export default Component;
+export { Chart };

package/chart/esm/components/RectBar.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
-import React from 'react';
-declare const _default: React.MemoExoticComponent<({ fill, x, y, width, height, radius, background }: any) => JSX.Element>;
-export { _default as default };
+declare const RectBar: ({ fill, x, y, width, height, radius, background }: any) => JSX.Element;
+export { RectBar };

package/chart/esm/components/RectBar.js

@@ -21,6 +21,5 @@ var RectBar = function (_a) {
     var path = useMemo(function () { return (React.createElement("path", { d: getPath(x, width, height, initHeight, topRadius, bottomRadius, initY), stroke: 'none', fill: fill })); }, [x, width, height, initHeight, topRadius, bottomRadius, initY, fill]);
     return React.createElement(React.Fragment, null, path);
 };
-var RectBar$1 = React.memo(RectBar);
 
-export default RectBar$1;
+export { RectBar };

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

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-a3fbf5e6.js';
+import { _ as __assign } from '../../tslib.es6-a33f87c9.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-a3fbf5e6.js';
+import { _ as __assign } from '../../../tslib.es6-a33f87c9.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-a3fbf5e6.js';
+import { _ as __assign } from '../../../tslib.es6-a33f87c9.js';
 
 var setGradientCharts = function (series) {
     var filterSeries = series.filter(function (item) { return item.chart !== 'gradient'; });

package/chart/esm/index.d.ts

@@ -1 +1,2 @@
 export * from "./Component";
+export * from "./types/index";

package/chart/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-a3fbf5e6.js';
+import './tslib.es6-a33f87c9.js';
 import 'react';
 import 'classnames';
 import 'recharts';
@@ -23,4 +23,4 @@ import './components/CustomizedLabel.js';
 import './components/RectBar.js';
 import './components/Tick/index.js';
 import './components/TooltipContent/index.js';
-import './Component.js';
+export { Chart } from './Component.js';

package/chart/esm/types/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./utils/index";
+export * from "./brush.types";
+export * from "./cartesianGrid.types";
+export * from "./chart.types";
+export * from "./composedChart.types";
+export * from "./labelList.types";
+export * from "./legend.types";
+export * from "./options.types";
+export * from "./payload.types";
+export * from "./responsiveContainer.types";
+export * from "./seria.types";
+export * from "./tooltip.types";
+export * from "./xAxis.types";
+export * from "./yAxis.types";

package/chart/esm/types/index.js

@@ -0,0 +1 @@
+

package/chart/esm/types/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./axis.types";
+export * from "./coordinates.types";
+export * from "./data.types";
+export * from "./dot.types";
+export * from "./gradient.types";
+export * from "./tick.types";

package/chart/esm/types/utils/index.js

@@ -0,0 +1 @@
+

package/chart/hooks/useSettings/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-8e7742ab.js');
+var tslib_es6 = require('../../tslib.es6-da022204.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-8e7742ab.js');
+var tslib_es6 = require('../../../tslib.es6-da022204.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-8e7742ab.js');
+var tslib_es6 = require('../../../tslib.es6-da022204.js');
 
 var setGradientCharts = function (series) {
     var filterSeries = series.filter(function (item) { return item.chart !== 'gradient'; });

package/chart/index.d.ts

@@ -1 +1,2 @@
 export * from "./Component";
+export * from "./types/index";

package/chart/index.js

@@ -1,8 +1,10 @@
-require('./tslib.es6-8e7742ab.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./tslib.es6-da022204.js');
 require('react');
 require('classnames');
 require('recharts');
-require('./Component.js');
+var Component = require('./Component.js');
 require('./components/LinearGradient.js');
 require('../typography');
 require('./icons/Circle.js');
@@ -24,3 +26,7 @@ require('./components/CustomizedLabel.js');
 require('./components/RectBar.js');
 require('./components/Tick/index.js');
 require('./components/TooltipContent/index.js');
+
+
+
+exports.Chart = Component.Chart;

package/chart/modern/Component.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import React from 'react';
 import { OptionsProps } from "./types/options.types";
-declare const _default: React.MemoExoticComponent<(props: OptionsProps) => JSX.Element | null>;
-export { _default as default };
+declare const Chart: (props: OptionsProps) => JSX.Element | null;
+export { Chart };

package/chart/modern/Component.js

@@ -19,7 +19,7 @@ import { useSettings } from './hooks/useSettings/index.js';
 import './hooks/usePathBar/utils/getRadius.js';
 import './hooks/usePathBar/index.js';
 import { CustomizedLabel } from './components/CustomizedLabel.js';
-import RectBar$1 from './components/RectBar.js';
+import { RectBar } from './components/RectBar.js';
 import { Tick } from './components/Tick/index.js';
 import { TooltipContent } from './components/TooltipContent/index.js';
 
@@ -148,7 +148,7 @@ const Chart = (props) => {
             const show = charts[`${properties.dataKey}`];
             switch (chart) {
                 case 'bar':
-                    return show && !item?.hide ? (React.createElement(Bar, Object.assign({ key: `${state.id}-${properties.dataKey}` }, properties, { shape: React.createElement(RectBar$1, { radius: radius }) }),
+                    return show && !item?.hide ? (React.createElement(Bar, Object.assign({ key: `${state.id}-${properties.dataKey}` }, properties, { shape: React.createElement(RectBar, { radius: radius }) }),
                         labelList && (React.createElement(LabelList, Object.assign({ dataKey: properties.dataKey.toString() }, labelList, { content: React.createElement(CustomizedLabel, { radius: radius }) }))),
                         data.map((_, index) => {
                             const key = `${state.id}-${properties.dataKey}-${index}`;
@@ -263,6 +263,5 @@ const Chart = (props) => {
                 state.brush && renderBrush,
                 state.legend && renderLegend))));
 };
-var Component = React.memo(Chart);
 
-export default Component;
+export { Chart };

package/chart/modern/components/RectBar.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
-import React from 'react';
-declare const _default: React.MemoExoticComponent<({ fill, x, y, width, height, radius, background }: any) => JSX.Element>;
-export { _default as default };
+declare const RectBar: ({ fill, x, y, width, height, radius, background }: any) => JSX.Element;
+export { RectBar };

package/chart/modern/components/RectBar.js

@@ -28,6 +28,5 @@ const RectBar = ({ fill, x, y, width, height, radius, background }) => {
     const path = useMemo(() => (React.createElement("path", { d: getPath(x, width, height, initHeight, topRadius, bottomRadius, initY), stroke: 'none', fill: fill })), [x, width, height, initHeight, topRadius, bottomRadius, initY, fill]);
     return React.createElement(React.Fragment, null, path);
 };
-var RectBar$1 = React.memo(RectBar);
 
-export default RectBar$1;
+export { RectBar };

package/chart/modern/index.d.ts

@@ -1 +1,2 @@
 export * from "./Component";
+export * from "./types/index";

package/chart/modern/index.js

@@ -22,4 +22,4 @@ import './components/CustomizedLabel.js';
 import './components/RectBar.js';
 import './components/Tick/index.js';
 import './components/TooltipContent/index.js';
-import './Component.js';
+export { Chart } from './Component.js';

package/chart/modern/types/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./utils/index";
+export * from "./brush.types";
+export * from "./cartesianGrid.types";
+export * from "./chart.types";
+export * from "./composedChart.types";
+export * from "./labelList.types";
+export * from "./legend.types";
+export * from "./options.types";
+export * from "./payload.types";
+export * from "./responsiveContainer.types";
+export * from "./seria.types";
+export * from "./tooltip.types";
+export * from "./xAxis.types";
+export * from "./yAxis.types";

package/chart/modern/types/index.js

@@ -0,0 +1 @@
+

package/chart/modern/types/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./axis.types";
+export * from "./coordinates.types";
+export * from "./data.types";
+export * from "./dot.types";
+export * from "./gradient.types";
+export * from "./tick.types";

package/chart/modern/types/utils/index.js

@@ -0,0 +1 @@
+

package/chart/types/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./utils/index";
+export * from "./brush.types";
+export * from "./cartesianGrid.types";
+export * from "./chart.types";
+export * from "./composedChart.types";
+export * from "./labelList.types";
+export * from "./legend.types";
+export * from "./options.types";
+export * from "./payload.types";
+export * from "./responsiveContainer.types";
+export * from "./seria.types";
+export * from "./tooltip.types";
+export * from "./xAxis.types";
+export * from "./yAxis.types";

package/chart/types/index.js

@@ -0,0 +1 @@
+

package/chart/types/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./axis.types";
+export * from "./coordinates.types";
+export * from "./data.types";
+export * from "./dot.types";
+export * from "./gradient.types";
+export * from "./tick.types";

package/chart/types/utils/index.js

@@ -0,0 +1 @@
+

package/confirmation/component.js

@@ -20,7 +20,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":"confirmation__component_1tkto","error":"confirmation__error_1tkto","errorHeader":"confirmation__errorHeader_1tkto","errorText":"confirmation__errorText_1tkto","phoneHintWrap":"confirmation__phoneHintWrap_1tkto","phoneHintText":"confirmation__phoneHintText_1tkto","phonesWrap":"confirmation__phonesWrap_1tkto","phoneWrap":"confirmation__phoneWrap_1tkto","phoneDescription":"confirmation__phoneDescription_1tkto","center":"confirmation__center_1tkto"};
+var styles = {"component":"confirmation__component_1v42v","error":"confirmation__error_1v42v","errorHeader":"confirmation__errorHeader_1v42v","errorText":"confirmation__errorText_1v42v","phoneHintWrap":"confirmation__phoneHintWrap_1v42v","phoneHintText":"confirmation__phoneHintText_1v42v","phonesWrap":"confirmation__phonesWrap_1v42v","phoneWrap":"confirmation__phoneWrap_1v42v","phoneDescription":"confirmation__phoneDescription_1v42v","center":"confirmation__center_1v42v"};
 require('./index.css');
 
 var Confirmation = React.forwardRef(function (_a, ref) {

package/confirmation/components/code-input/component.js

@@ -33,7 +33,7 @@ function __spreadArrays() {
     return r;
 }
 
-var styles = {"component":"confirmation__component_16s9a","input":"confirmation__input_16s9a","hasError":"confirmation__hasError_16s9a","center":"confirmation__center_16s9a","disabled":"confirmation__disabled_16s9a","shake":"confirmation__shake_16s9a"};
+var styles = {"component":"confirmation__component_10g1t","input":"confirmation__input_10g1t","hasError":"confirmation__hasError_10g1t","center":"confirmation__center_10g1t","disabled":"confirmation__disabled_10g1t","compact":"confirmation__compact_10g1t","shake":"confirmation__shake_10g1t"};
 require('./index.css');
 
 var Input = function (_a) {
@@ -149,6 +149,7 @@ var CodeInput = React.forwardRef(function (_a, ref) {
     }, [value.length, prevValue.length, slotsCount, focus]);
     return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className, (_b = {},
             _b[styles.shake] = Boolean(error),
+            _b[styles.compact] = slotsCount > 6,
             _b)) }, new Array(slotsCount).fill('').map(function (_, index) { return (React__default['default'].createElement(Input, { value: value, index: index, error: error, processing: processing, slotsCount: slotsCount, alignContent: alignContent, handleChange: handleChange, handleInputKeyDown: handleInputKeyDown, setRef: setRef, focus: focus, 
         // eslint-disable-next-line react/no-array-index-key
         key: index })); })));