@alfalab/core-components 26.12.0 → 27.0.0-beta.0

package/calendar/components/select-button/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-143012f2.js');
+require('../../tslib.es6-9016aae0.js');
 require('react');
 require('classnames');
 require('../../../button');

package/calendar/components/years-table/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-143012f2.js');
+var tslib_es6 = require('../../tslib.es6-9016aae0.js');
 var React = require('react');
 require('classnames');
 require('../../../button');

package/calendar/components/years-table/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-143012f2.js');
+require('../../tslib.es6-9016aae0.js');
 require('react');
 require('classnames');
 require('../../../button');

package/calendar/cssm/components/days-table/index.module.css

@@ -2,9 +2,9 @@
     --color-static-graphic-solitude: #e8f2fe;
 }
 :root {
-    --color-light-graphic-neutral: #dbdee1;
     --color-light-graphic-primary: #0b1f35;
     --color-light-graphic-primary-inverted: #fff;
+    --color-light-graphic-quaternary: #dbdee1;
     --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
     --color-light-specialbg-nulled: rgba(255, 255, 255, 0);
     --color-light-text-link: #007aff;
@@ -44,7 +44,7 @@
 
     /* highlighted */
     --calendar-highlighted-color: var(--color-light-text-primary);
-    --calendar-highlighted-background: var(--color-light-graphic-neutral);
+    --calendar-highlighted-background: var(--color-light-graphic-quaternary);
 
     /* range */
     --calendar-range-color: var(--color-light-text-primary);

package/calendar/cssm/components/select-button/Component.d.ts

@@ -19,6 +19,6 @@ declare const SelectButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttr
     /**
      * Вид кнопки
      */
-    view?: "selected" | "outlined" | "filled" | "default" | undefined;
+    view?: "outlined" | "filled" | "default" | "selected" | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
 export { SelectButtonProps, SelectButton };

package/calendar/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-dcaa720f.js';
+import { _ as __assign } from './tslib.es6-cc88169d.js';
 import React, { forwardRef, useState, useMemo, useCallback } from 'react';
 import cn from 'classnames';
 import startOfDay from 'date-fns/startOfDay';

package/calendar/esm/components/days-table/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-dcaa720f.js';
+import { _ as __assign } from '../../tslib.es6-cc88169d.js';
 import React, { useRef, useCallback } from 'react';
 import cn from 'classnames';
 import 'date-fns/startOfDay';

package/calendar/esm/components/days-table/index.css

@@ -3,9 +3,9 @@
     --color-static-graphic-solitude: #e8f2fe;
 }
 :root {
-    --color-light-graphic-neutral: #dbdee1;
     --color-light-graphic-primary: #0b1f35;
     --color-light-graphic-primary-inverted: #fff;
+    --color-light-graphic-quaternary: #dbdee1;
     --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
     --color-light-specialbg-nulled: rgba(255, 255, 255, 0);
     --color-light-text-link: #007aff;
@@ -45,7 +45,7 @@
 
     /* highlighted */
     --calendar-highlighted-color: var(--color-light-text-primary);
-    --calendar-highlighted-background: var(--color-light-graphic-neutral);
+    --calendar-highlighted-background: var(--color-light-graphic-quaternary);
 
     /* range */
     --calendar-range-color: var(--color-light-text-primary);

package/calendar/esm/components/days-table/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-dcaa720f.js';
+import '../../tslib.es6-cc88169d.js';
 import 'react';
 import 'classnames';
 import 'date-fns/startOfDay';

package/calendar/esm/components/month-year-header/Component.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-dcaa720f.js';
+import '../../tslib.es6-cc88169d.js';
 import React from 'react';
 import cn from 'classnames';
 import 'date-fns/startOfDay';

package/calendar/esm/components/month-year-header/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-dcaa720f.js';
+import '../../tslib.es6-cc88169d.js';
 import 'react';
 import 'classnames';
 import 'date-fns/startOfDay';

package/calendar/esm/components/months-table/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-dcaa720f.js';
+import { _ as __assign } from '../../tslib.es6-cc88169d.js';
 import React, { useCallback } from 'react';
 import 'classnames';
 import 'date-fns/startOfDay';

package/calendar/esm/components/months-table/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-dcaa720f.js';
+import '../../tslib.es6-cc88169d.js';
 import 'react';
 import 'classnames';
 import 'date-fns/startOfDay';

package/calendar/esm/components/select-button/Component.d.ts

@@ -19,6 +19,6 @@ declare const SelectButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttr
     /**
      * Вид кнопки
      */
-    view?: "selected" | "outlined" | "filled" | "default" | undefined;
+    view?: "outlined" | "filled" | "default" | "selected" | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
 export { SelectButtonProps, SelectButton };

package/calendar/esm/components/select-button/Component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-dcaa720f.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-cc88169d.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { Button } from '../../../../button/esm';

package/calendar/esm/components/select-button/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-dcaa720f.js';
+import '../../tslib.es6-cc88169d.js';
 import 'react';
 import 'classnames';
 import '../../../../button/esm';

package/calendar/esm/components/years-table/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-dcaa720f.js';
+import { _ as __assign } from '../../tslib.es6-cc88169d.js';
 import React, { useRef, useCallback, useLayoutEffect } from 'react';
 import 'classnames';
 import '../../../../button/esm';

package/calendar/esm/components/years-table/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-dcaa720f.js';
+import '../../tslib.es6-cc88169d.js';
 import 'react';
 import 'classnames';
 import '../../../../button/esm';

package/calendar/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-dcaa720f.js';
+import './tslib.es6-cc88169d.js';
 import 'react';
 import 'classnames';
 import 'date-fns/startOfDay';

package/calendar/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-143012f2.js');
+require('./tslib.es6-9016aae0.js');
 require('react');
 require('classnames');
 require('date-fns/startOfDay');

package/calendar/modern/components/days-table/index.css

@@ -3,9 +3,9 @@
     --color-static-graphic-solitude: #e8f2fe;
 }
 :root {
-    --color-light-graphic-neutral: #dbdee1;
     --color-light-graphic-primary: #0b1f35;
     --color-light-graphic-primary-inverted: #fff;
+    --color-light-graphic-quaternary: #dbdee1;
     --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
     --color-light-specialbg-nulled: rgba(255, 255, 255, 0);
     --color-light-text-link: #007aff;
@@ -45,7 +45,7 @@
 
     /* highlighted */
     --calendar-highlighted-color: var(--color-light-text-primary);
-    --calendar-highlighted-background: var(--color-light-graphic-neutral);
+    --calendar-highlighted-background: var(--color-light-graphic-quaternary);
 
     /* range */
     --calendar-range-color: var(--color-light-text-primary);

package/calendar-range/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('./index.module-f524d00d.js');
+var index_module = require('./index.module-56ec1ab3.js');
 var React = require('react');
 require('classnames');
 require('date-fns/startOfMonth');

package/calendar-range/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './index.module-e24e5cda.js';
+import { _ as __rest, a as __assign } from './index.module-180edf9f.js';
 import React from 'react';
 import 'classnames';
 import 'date-fns/startOfMonth';

package/calendar-range/esm/index.js

@@ -1,4 +1,4 @@
-import './index.module-e24e5cda.js';
+import './index.module-180edf9f.js';
 import 'react';
 import 'classnames';
 import 'date-fns/startOfMonth';

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

@@ -1,4 +1,4 @@
-import { s as styles, a as __assign } from '../index.module-e24e5cda.js';
+import { s as styles, a as __assign } from '../index.module-180edf9f.js';
 import React, { useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import startOfMonth from 'date-fns/startOfMonth';

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

@@ -1,4 +1,4 @@
-import { _ as __rest, s as styles, a as __assign } from '../index.module-e24e5cda.js';
+import { _ as __rest, s as styles, a as __assign } from '../index.module-180edf9f.js';
 import React, { useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import startOfMonth from 'date-fns/startOfMonth';

package/calendar-range/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./index.module-f524d00d.js');
+require('./index.module-56ec1ab3.js');
 require('react');
 require('classnames');
 require('date-fns/startOfMonth');

package/calendar-range/modern/Component.js

@@ -10,7 +10,7 @@ import 'date-fns/endOfMonth';
 import '../../calendar-input/modern';
 import '../../date-input/modern';
 import './hooks.js';
-import './index.module-e9ae4588.js';
+import './index.module-db728217.js';
 import { CalendarRangePopover } from './views/popover.js';
 import '../../calendar/modern';
 import './utils.js';

package/calendar-range/modern/index.js

@@ -10,7 +10,7 @@ import 'date-fns/endOfMonth';
 import '../../calendar-input/modern';
 import '../../date-input/modern';
 import './hooks.js';
-import './index.module-e9ae4588.js';
+import './index.module-db728217.js';
 import './views/popover.js';
 import '../../calendar/modern';
 import './utils.js';

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

@@ -9,7 +9,7 @@ import 'date-fns/isEqual';
 import { isValidInputValue, parseDateString, CalendarInput } from '../../../calendar-input/modern';
 import { isCompleteDateInput } from '../../../date-input/modern';
 import { usePopoverViewMonthes } from '../hooks.js';
-import { s as styles } from '../index.module-e9ae4588.js';
+import { s as styles } from '../index.module-db728217.js';
 
 const CalendarRangePopover = ({ className, defaultMonth = startOfMonth(new Date()).getTime(), minDate, maxDate, valueFrom = '', valueTo = '', onDateFromChange = () => null, onDateToChange = () => null, onChange = () => null, inputFromProps = {}, inputToProps = {}, offDays, events, dataTestId, }) => {
     const [inputFromValue, setInputFromValue] = useState(valueFrom);

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

@@ -10,7 +10,7 @@ import endOfMonth from 'date-fns/endOfMonth';
 import { isValidInputValue, parseDateString, formatDate } from '../../../calendar-input/modern';
 import { isCompleteDateInput, DateInput } from '../../../date-input/modern';
 import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
-import { s as styles } from '../index.module-e9ae4588.js';
+import { s as styles } from '../index.module-db728217.js';
 import { usePeriodWithReset, Calendar } from '../../../calendar/modern';
 import { isDayButton } from '../utils.js';
 

package/calendar-range/views/popover.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('../index.module-f524d00d.js');
+var index_module = require('../index.module-56ec1ab3.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfMonth = require('date-fns/startOfMonth');

package/calendar-range/views/static.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('../index.module-f524d00d.js');
+var index_module = require('../index.module-56ec1ab3.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfMonth = require('date-fns/startOfMonth');

package/chart/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-30c58b24.js');
+var tslib_es6 = require('./tslib.es6-ff6bc76d.js');
 var React = require('react');
 var cn = require('classnames');
 var recharts = require('recharts');

package/chart/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-ecd58c05.js';
+import { _ as __assign } from './tslib.es6-91da9559.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';

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

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

package/chart/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-ecd58c05.js';
+import './tslib.es6-91da9559.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-30c58b24.js');
+var tslib_es6 = require('../../tslib.es6-ff6bc76d.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.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { DataDynamicBooleanProps, DataDynamicProps } from "../../../types/utils/data.types";
 import { SeriaProps } from "../../../types/seria.types";
 type DatasResultProps = [DataDynamicProps[], DataDynamicBooleanProps, number];
-declare const setDatas: (series: SeriaProps[], labels: (string | number)[]) => DatasResultProps;
+declare const setDatas: (series: SeriaProps[], labels: import("react").Key[]) => DatasResultProps;
 export { setDatas };

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

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

package/chart/index.js

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

package/chart/modern/hooks/useSettings/utils/setDatas.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { DataDynamicBooleanProps, DataDynamicProps } from "../../../types/utils/data.types";
 import { SeriaProps } from "../../../types/seria.types";
 type DatasResultProps = [DataDynamicProps[], DataDynamicBooleanProps, number];
-declare const setDatas: (series: SeriaProps[], labels: (string | number)[]) => DatasResultProps;
+declare const setDatas: (series: SeriaProps[], labels: import("react").Key[]) => DatasResultProps;
 export { setDatas };

package/checkbox/cssm/index.module.css

@@ -1,12 +1,12 @@
 :root {
-    --color-light-bg-neutral: #dbdee1;
     --color-light-bg-primary: #fff;
+    --color-light-bg-quaternary: #dbdee1;
     --color-light-border-key: #0b1f35;
     --color-light-border-link: #007aff;
-    --color-light-border-secondary-inverted: #b6bcc3;
+    --color-light-border-underline: #b6bcc3;
     --color-light-graphic-accent: #ef3124;
-    --color-light-graphic-neutral: #dbdee1;
     --color-light-graphic-primary-inverted: #fff;
+    --color-light-graphic-quaternary: #dbdee1;
     --color-light-graphic-secondary: #6d7986;
     --color-light-graphic-tertiary: #b6bcc3;
     --color-light-text-negative: #d91d0b;
@@ -61,14 +61,14 @@
     /* disabled */
     --checkbox-disabled-color: var(--color-light-text-secondary);
     --checkbox-disabled-bg-color: var(--color-light-graphic-primary-inverted);
-    --checkbox-disabled-border-color: var(--color-light-graphic-neutral);
+    --checkbox-disabled-border-color: var(--color-light-graphic-quaternary);
 
     /* inactive */
-    --checkbox-inactive-border-color: var(--color-light-border-secondary-inverted);
+    --checkbox-inactive-border-color: var(--color-light-border-underline);
     --checkbox-checked-inactive-color: var(--color-light-graphic-tertiary);
 
     /* disabled and checked */
-    --checkbox-checked-disabled-bg-color: var(--color-light-bg-neutral);
+    --checkbox-checked-disabled-bg-color: var(--color-light-bg-quaternary);
     --checkbox-checked-disabled-border-color: transparent;
 
     /* icon */

package/checkbox/esm/index.css

@@ -1,13 +1,13 @@
 /* hash: 7s50p */
 :root {
-    --color-light-bg-neutral: #dbdee1;
     --color-light-bg-primary: #fff;
+    --color-light-bg-quaternary: #dbdee1;
     --color-light-border-key: #0b1f35;
     --color-light-border-link: #007aff;
-    --color-light-border-secondary-inverted: #b6bcc3;
+    --color-light-border-underline: #b6bcc3;
     --color-light-graphic-accent: #ef3124;
-    --color-light-graphic-neutral: #dbdee1;
     --color-light-graphic-primary-inverted: #fff;
+    --color-light-graphic-quaternary: #dbdee1;
     --color-light-graphic-secondary: #6d7986;
     --color-light-graphic-tertiary: #b6bcc3;
     --color-light-text-negative: #d91d0b;
@@ -62,14 +62,14 @@
     /* disabled */
     --checkbox-disabled-color: var(--color-light-text-secondary);
     --checkbox-disabled-bg-color: var(--color-light-graphic-primary-inverted);
-    --checkbox-disabled-border-color: var(--color-light-graphic-neutral);
+    --checkbox-disabled-border-color: var(--color-light-graphic-quaternary);
 
     /* inactive */
-    --checkbox-inactive-border-color: var(--color-light-border-secondary-inverted);
+    --checkbox-inactive-border-color: var(--color-light-border-underline);
     --checkbox-checked-inactive-color: var(--color-light-graphic-tertiary);
 
     /* disabled and checked */
-    --checkbox-checked-disabled-bg-color: var(--color-light-bg-neutral);
+    --checkbox-checked-disabled-bg-color: var(--color-light-bg-quaternary);
     --checkbox-checked-disabled-border-color: transparent;
 
     /* icon */

package/checkbox/index.css

@@ -1,13 +1,13 @@
 /* hash: 7s50p */
 :root {
-    --color-light-bg-neutral: #dbdee1;
     --color-light-bg-primary: #fff;
+    --color-light-bg-quaternary: #dbdee1;
     --color-light-border-key: #0b1f35;
     --color-light-border-link: #007aff;
-    --color-light-border-secondary-inverted: #b6bcc3;
+    --color-light-border-underline: #b6bcc3;
     --color-light-graphic-accent: #ef3124;
-    --color-light-graphic-neutral: #dbdee1;
     --color-light-graphic-primary-inverted: #fff;
+    --color-light-graphic-quaternary: #dbdee1;
     --color-light-graphic-secondary: #6d7986;
     --color-light-graphic-tertiary: #b6bcc3;
     --color-light-text-negative: #d91d0b;
@@ -62,14 +62,14 @@
     /* disabled */
     --checkbox-disabled-color: var(--color-light-text-secondary);
     --checkbox-disabled-bg-color: var(--color-light-graphic-primary-inverted);
-    --checkbox-disabled-border-color: var(--color-light-graphic-neutral);
+    --checkbox-disabled-border-color: var(--color-light-graphic-quaternary);
 
     /* inactive */
-    --checkbox-inactive-border-color: var(--color-light-border-secondary-inverted);
+    --checkbox-inactive-border-color: var(--color-light-border-underline);
     --checkbox-checked-inactive-color: var(--color-light-graphic-tertiary);
 
     /* disabled and checked */
-    --checkbox-checked-disabled-bg-color: var(--color-light-bg-neutral);
+    --checkbox-checked-disabled-bg-color: var(--color-light-bg-quaternary);
     --checkbox-checked-disabled-border-color: transparent;
 
     /* icon */

package/checkbox/modern/index.css

@@ -1,13 +1,13 @@
 /* hash: 7s50p */
 :root {
-    --color-light-bg-neutral: #dbdee1;
     --color-light-bg-primary: #fff;
+    --color-light-bg-quaternary: #dbdee1;
     --color-light-border-key: #0b1f35;
     --color-light-border-link: #007aff;
-    --color-light-border-secondary-inverted: #b6bcc3;
+    --color-light-border-underline: #b6bcc3;
     --color-light-graphic-accent: #ef3124;
-    --color-light-graphic-neutral: #dbdee1;
     --color-light-graphic-primary-inverted: #fff;
+    --color-light-graphic-quaternary: #dbdee1;
     --color-light-graphic-secondary: #6d7986;
     --color-light-graphic-tertiary: #b6bcc3;
     --color-light-text-negative: #d91d0b;
@@ -62,14 +62,14 @@
     /* disabled */
     --checkbox-disabled-color: var(--color-light-text-secondary);
     --checkbox-disabled-bg-color: var(--color-light-graphic-primary-inverted);
-    --checkbox-disabled-border-color: var(--color-light-graphic-neutral);
+    --checkbox-disabled-border-color: var(--color-light-graphic-quaternary);
 
     /* inactive */
-    --checkbox-inactive-border-color: var(--color-light-border-secondary-inverted);
+    --checkbox-inactive-border-color: var(--color-light-border-underline);
     --checkbox-checked-inactive-color: var(--color-light-graphic-tertiary);
 
     /* disabled and checked */
-    --checkbox-checked-disabled-bg-color: var(--color-light-bg-neutral);
+    --checkbox-checked-disabled-bg-color: var(--color-light-bg-quaternary);
     --checkbox-checked-disabled-border-color: transparent;
 
     /* icon */

package/confirmation/component.js

@@ -8,7 +8,7 @@ var context = require('./context.js');
 var types = require('./types.js');
 require('../code-input');
 require('../link');
-require('./countdown-section-aeaa4fb5.js');
+require('./countdown-section-f9e59127.js');
 require('../loader');
 require('../button');
 var components_screens_initial_component = require('./components/screens/initial/component.js');

package/confirmation/components/index.js

@@ -7,7 +7,7 @@ require('../utils.js');
 require('../context.js');
 require('../../code-input');
 require('../../link');
-require('../countdown-section-aeaa4fb5.js');
+require('../countdown-section-f9e59127.js');
 require('../../loader');
 require('../../button');
 var components_screens_initial_component = require('./screens/initial/component.js');

package/confirmation/components/screens/index.js

@@ -7,7 +7,7 @@ require('../../utils.js');
 require('../../context.js');
 require('../../../code-input');
 require('../../../link');
-require('../../countdown-section-aeaa4fb5.js');
+require('../../countdown-section-f9e59127.js');
 require('../../../loader');
 require('../../../button');
 var components_screens_initial_component = require('./initial/component.js');