@alfalab/core-components 45.3.0-beta.1 → 45.4.0

package/calendar/esm/components/calendar-mobile/Component.js

@@ -34,6 +34,7 @@ import 'date-fns/addMonths';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
+import 'date-fns/differenceInDays';
 import 'date-fns/endOfMonth';
 import 'date-fns/endOfQuarter';
 import 'date-fns/endOfYear';
@@ -85,6 +86,8 @@ var CalendarMonthOnlyView = function (_a) {
     var minDate = useMemo(function () { return (minDateTimestamp ? startOfDay(minDateTimestamp) : undefined); }, [minDateTimestamp]);
     var maxDate = useMemo(function () { return (maxDateTimestamp ? endOfDay(maxDateTimestamp) : undefined); }, [maxDateTimestamp]);
     var selected = useMemo(function () { return (value ? new Date(value) : undefined); }, [value]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    var startingDate = useMemo(function () { return (value ? new Date(value) : new Date()); }, []);
     var defaultMonth = useMemo(function () {
         return startOfMonth(selected ||
             limitDate(defaultMonthTimestamp || Date.now(), minDateTimestamp, maxDateTimestamp));
@@ -108,7 +111,7 @@ var CalendarMonthOnlyView = function (_a) {
         var dayAddonsMap = addonArrayToHashTable(dayAddons || []);
         var prevMonths = [];
         var nextMonths = [];
-        var date = new Date();
+        var date = new Date(startingDate.getTime());
         var currentYear = date.getFullYear();
         var currYearMonths = generateMonths(date, {});
         for (var i = 0; i < yearsAmount; i++) {
@@ -129,7 +132,17 @@ var CalendarMonthOnlyView = function (_a) {
                 holidaysMap: holidaysMap,
                 dayAddonsMap: dayAddonsMap,
             }), title: "".concat(monthName(item.date), " ").concat(item.date.getFullYear()) })); });
-    }, [events, offDays, holidays, dayAddons, yearsAmount, minDate, maxDate, selected]);
+    }, [
+        events,
+        offDays,
+        holidays,
+        dayAddons,
+        startingDate,
+        minDate,
+        maxDate,
+        yearsAmount,
+        selected,
+    ]);
     var initialMonthIndex = useMemo(function () {
         var date = value || selectedFrom || activeMonth.getTime() || Date.now();
         return activeMonths.findIndex(function (m) { return isSameMonth(date, m.date); });

package/calendar/esm/components/calendar-mobile/index.js

@@ -54,6 +54,7 @@ import '../period-slider/utils.js';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
+import 'date-fns/differenceInDays';
 import 'date-fns/endOfMonth';
 import 'date-fns/endOfQuarter';
 import 'date-fns/getQuarter';

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

@@ -104,7 +104,7 @@ var DaysTable = function (_a) {
                     dayProps.ref(node);
                 }
             }, onClick: handleDayClick }),
-            React.createElement(ButtonDesktop, { type: 'button', view: 'ghost', size: 'xs', disabled: day.disabled, className: cn(styles.day, styles[shape], (_b = {},
+            React.createElement(ButtonDesktop, { type: 'button', view: 'text', size: 'xs', disabled: day.disabled, className: cn(styles.day, styles[shape], (_b = {},
                     _b[styles.dayAddons] = day.dayAddon,
                     _b[styles.selected] = daySelected,
                     _b[styles.today] = isToday(day.date),

package/calendar/esm/components/period-slider/Component.js

@@ -31,6 +31,7 @@ import '../../../../shared/esm';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
+import 'date-fns/differenceInDays';
 import 'date-fns/endOfMonth';
 import 'date-fns/endOfQuarter';
 import 'date-fns/getQuarter';
@@ -98,8 +99,8 @@ var PeriodSlider = function (_a) {
         }
         if (periodType === 'month' && isMonthAndYearSelectable) {
             return (React.createElement("div", null,
-                React.createElement(ButtonDesktop, { className: styles.period, view: 'ghost', size: 'l', onClick: onMonthClick }, monthName(valueFrom)),
-                yearSelectorValue && (React.createElement(ButtonDesktop, { className: cn(styles.yearSelectorButton, styles.period), view: 'ghost', size: 'l', onClick: onYearClick }, yearSelectorValue))));
+                React.createElement(ButtonDesktop, { className: styles.period, view: 'text', size: 'l', onClick: onMonthClick }, monthName(valueFrom)),
+                yearSelectorValue && (React.createElement(ButtonDesktop, { className: cn(styles.yearSelectorButton, styles.period), view: 'text', size: 'l', onClick: onYearClick }, yearSelectorValue))));
         }
         if (onPeriodClick) {
             return (

package/calendar/esm/components/period-slider/index.js

@@ -32,6 +32,7 @@ import '../../../../shared/esm';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
+import 'date-fns/differenceInDays';
 import 'date-fns/endOfMonth';
 import 'date-fns/endOfQuarter';
 import 'date-fns/getQuarter';

package/calendar/esm/components/period-slider/utils.js

@@ -3,6 +3,7 @@ import addMonths from 'date-fns/addMonths';
 import addQuarters from 'date-fns/addQuarters';
 import addWeeks from 'date-fns/addWeeks';
 import addYears from 'date-fns/addYears';
+import differenceInDays from 'date-fns/differenceInDays';
 import endOfMonth from 'date-fns/endOfMonth';
 import endOfQuarter from 'date-fns/endOfQuarter';
 import endOfWeek from 'date-fns/endOfWeek';
@@ -92,6 +93,12 @@ var shiftValues = function (valueFrom, valueTo, periodType, direction) {
             newValueFrom = startOfYear(addYears(valueFrom, amount));
             newValueTo = endOfYear(newValueFrom);
             break;
+        case 'range': {
+            var diffInDays = differenceInDays(valueTo, valueFrom);
+            newValueFrom = addDays(valueFrom, diffInDays * amount);
+            newValueTo = addDays(valueTo, diffInDays * amount);
+            break;
+        }
     }
     return {
         valueFrom: newValueFrom,

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

@@ -8,7 +8,7 @@ require('./index.css');
 
 var SelectButton = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, _b = _a.view, view = _b === void 0 ? 'default' : _b, restProps = __rest(_a, ["className", "children", "view"]);
-    return (React.createElement(ButtonDesktop, __assign({}, restProps, { ref: ref, view: 'ghost', size: 'xs', className: cn(styles.button, styles[view], className) }), children));
+    return (React.createElement(ButtonDesktop, __assign({}, restProps, { ref: ref, view: 'text', size: 'xs', className: cn(styles.button, styles[view], className) }), children));
 });
 
 export { SelectButton };

package/calendar/esm/desktop/Component.desktop.js

@@ -16,6 +16,7 @@ import 'date-fns/addMonths';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
+import 'date-fns/differenceInDays';
 import 'date-fns/endOfMonth';
 import 'date-fns/endOfQuarter';
 import 'date-fns/endOfWeek';

package/calendar/esm/desktop/index.js

@@ -48,6 +48,7 @@ import '../components/period-slider/utils.js';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
+import 'date-fns/differenceInDays';
 import 'date-fns/endOfMonth';
 import 'date-fns/endOfQuarter';
 import 'date-fns/getQuarter';

package/calendar/esm/index.js

@@ -56,6 +56,7 @@ import './components/period-slider/utils.js';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
+import 'date-fns/differenceInDays';
 import 'date-fns/endOfMonth';
 import 'date-fns/endOfQuarter';
 import 'date-fns/getQuarter';

package/calendar/esm/mobile/index.js

@@ -54,6 +54,7 @@ import '../components/period-slider/utils.js';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
+import 'date-fns/differenceInDays';
 import 'date-fns/endOfMonth';
 import 'date-fns/endOfQuarter';
 import 'date-fns/getQuarter';

package/calendar/modern/Component.responsive.js

@@ -58,6 +58,7 @@ import '@alfalab/icons-glyph/ChevronBackMIcon';
 import './components/period-slider/utils.js';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
+import 'date-fns/differenceInDays';
 import 'date-fns/endOfMonth';
 import 'date-fns/endOfQuarter';
 import 'date-fns/getQuarter';

package/calendar/modern/components/calendar-mobile/Component.js

@@ -33,6 +33,7 @@ import 'date-fns/addMonths';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
+import 'date-fns/differenceInDays';
 import 'date-fns/endOfMonth';
 import 'date-fns/endOfQuarter';
 import 'date-fns/endOfYear';
@@ -83,6 +84,8 @@ const CalendarMonthOnlyView = ({ value, month: monthTimestamp, minDate: minDateT
     const minDate = useMemo(() => (minDateTimestamp ? startOfDay(minDateTimestamp) : undefined), [minDateTimestamp]);
     const maxDate = useMemo(() => (maxDateTimestamp ? endOfDay(maxDateTimestamp) : undefined), [maxDateTimestamp]);
     const selected = useMemo(() => (value ? new Date(value) : undefined), [value]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const startingDate = useMemo(() => (value ? new Date(value) : new Date()), []);
     const defaultMonth = useMemo(() => startOfMonth(selected ||
         limitDate(defaultMonthTimestamp || Date.now(), minDateTimestamp, maxDateTimestamp)), [defaultMonthTimestamp, maxDateTimestamp, minDateTimestamp, selected]);
     const { activeMonth, highlighted, getDayProps } = useCalendar({
@@ -104,7 +107,7 @@ const CalendarMonthOnlyView = ({ value, month: monthTimestamp, minDate: minDateT
         const dayAddonsMap = addonArrayToHashTable(dayAddons || []);
         const prevMonths = [];
         const nextMonths = [];
-        const date = new Date();
+        const date = new Date(startingDate.getTime());
         const currentYear = date.getFullYear();
         const currYearMonths = generateMonths(date, {});
         for (let i = 0; i < yearsAmount; i++) {
@@ -129,7 +132,17 @@ const CalendarMonthOnlyView = ({ value, month: monthTimestamp, minDate: minDateT
             }),
             title: `${monthName(item.date)} ${item.date.getFullYear()}`,
         }));
-    }, [events, offDays, holidays, dayAddons, yearsAmount, minDate, maxDate, selected]);
+    }, [
+        events,
+        offDays,
+        holidays,
+        dayAddons,
+        startingDate,
+        minDate,
+        maxDate,
+        yearsAmount,
+        selected,
+    ]);
     const initialMonthIndex = useMemo(() => {
         const date = value || selectedFrom || activeMonth.getTime() || Date.now();
         return activeMonths.findIndex((m) => isSameMonth(date, m.date));

package/calendar/modern/components/calendar-mobile/index.js

@@ -53,6 +53,7 @@ import '../period-slider/utils.js';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
+import 'date-fns/differenceInDays';
 import 'date-fns/endOfMonth';
 import 'date-fns/endOfQuarter';
 import 'date-fns/getQuarter';

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

@@ -99,7 +99,7 @@ const DaysTable = ({ weeks = [], activeMonth = new Date(), highlighted, selected
                     dayProps.ref(node);
                 }
             }, onClick: handleDayClick },
-            React.createElement(ButtonDesktop, { type: 'button', view: 'ghost', size: 'xs', disabled: day.disabled, className: cn(styles.day, styles[shape], {
+            React.createElement(ButtonDesktop, { type: 'button', view: 'text', size: 'xs', disabled: day.disabled, className: cn(styles.day, styles[shape], {
                     [styles.dayAddons]: day.dayAddon,
                     [styles.selected]: daySelected,
                     [styles.today]: isToday(day.date),

package/calendar/modern/components/period-slider/Component.js

@@ -31,6 +31,7 @@ import '../../../../shared/modern';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
+import 'date-fns/differenceInDays';
 import 'date-fns/endOfMonth';
 import 'date-fns/endOfQuarter';
 import 'date-fns/getQuarter';
@@ -96,8 +97,8 @@ const PeriodSlider = ({ value, periodType = 'month', className, periodFormatter
         }
         if (periodType === 'month' && isMonthAndYearSelectable) {
             return (React.createElement("div", null,
-                React.createElement(ButtonDesktop, { className: styles.period, view: 'ghost', size: 'l', onClick: onMonthClick }, monthName(valueFrom)),
-                yearSelectorValue && (React.createElement(ButtonDesktop, { className: cn(styles.yearSelectorButton, styles.period), view: 'ghost', size: 'l', onClick: onYearClick }, yearSelectorValue))));
+                React.createElement(ButtonDesktop, { className: styles.period, view: 'text', size: 'l', onClick: onMonthClick }, monthName(valueFrom)),
+                yearSelectorValue && (React.createElement(ButtonDesktop, { className: cn(styles.yearSelectorButton, styles.period), view: 'text', size: 'l', onClick: onYearClick }, yearSelectorValue))));
         }
         if (onPeriodClick) {
             return (

package/calendar/modern/components/period-slider/index.js

@@ -32,6 +32,7 @@ import '../../../../shared/modern';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
+import 'date-fns/differenceInDays';
 import 'date-fns/endOfMonth';
 import 'date-fns/endOfQuarter';
 import 'date-fns/getQuarter';

package/calendar/modern/components/period-slider/utils.js

@@ -3,6 +3,7 @@ import addMonths from 'date-fns/addMonths';
 import addQuarters from 'date-fns/addQuarters';
 import addWeeks from 'date-fns/addWeeks';
 import addYears from 'date-fns/addYears';
+import differenceInDays from 'date-fns/differenceInDays';
 import endOfMonth from 'date-fns/endOfMonth';
 import endOfQuarter from 'date-fns/endOfQuarter';
 import endOfWeek from 'date-fns/endOfWeek';
@@ -92,6 +93,12 @@ const shiftValues = (valueFrom, valueTo, periodType, direction) => {
             newValueFrom = startOfYear(addYears(valueFrom, amount));
             newValueTo = endOfYear(newValueFrom);
             break;
+        case 'range': {
+            const diffInDays = differenceInDays(valueTo, valueFrom);
+            newValueFrom = addDays(valueFrom, diffInDays * amount);
+            newValueTo = addDays(valueTo, diffInDays * amount);
+            break;
+        }
     }
     return {
         valueFrom: newValueFrom,

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

@@ -5,6 +5,6 @@ import { ButtonDesktop } from '../../../../button/modern/desktop';
 const styles = {"button":"calendar__button_g9agc","filled":"calendar__filled_g9agc","current":"calendar__current_g9agc","selected":"calendar__selected_g9agc"};
 require('./index.css');
 
-const SelectButton = forwardRef(({ className, children, view = 'default', ...restProps }, ref) => (React.createElement(ButtonDesktop, { ...restProps, ref: ref, view: 'ghost', size: 'xs', className: cn(styles.button, styles[view], className) }, children)));
+const SelectButton = forwardRef(({ className, children, view = 'default', ...restProps }, ref) => (React.createElement(ButtonDesktop, { ...restProps, ref: ref, view: 'text', size: 'xs', className: cn(styles.button, styles[view], className) }, children)));
 
 export { SelectButton };

package/calendar/modern/desktop/Component.desktop.js

@@ -15,6 +15,7 @@ import 'date-fns/addMonths';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
+import 'date-fns/differenceInDays';
 import 'date-fns/endOfMonth';
 import 'date-fns/endOfQuarter';
 import 'date-fns/endOfWeek';

package/calendar/modern/desktop/index.js

@@ -47,6 +47,7 @@ import '../components/period-slider/utils.js';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
+import 'date-fns/differenceInDays';
 import 'date-fns/endOfMonth';
 import 'date-fns/endOfQuarter';
 import 'date-fns/getQuarter';

package/calendar/modern/index.js

@@ -55,6 +55,7 @@ import './components/period-slider/utils.js';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
+import 'date-fns/differenceInDays';
 import 'date-fns/endOfMonth';
 import 'date-fns/endOfQuarter';
 import 'date-fns/getQuarter';

package/calendar/modern/mobile/index.js

@@ -53,6 +53,7 @@ import '../components/period-slider/utils.js';
 import 'date-fns/addQuarters';
 import 'date-fns/addWeeks';
 import 'date-fns/addYears';
+import 'date-fns/differenceInDays';
 import 'date-fns/endOfMonth';
 import 'date-fns/endOfQuarter';
 import 'date-fns/getQuarter';

package/calendar-range/utils.js

@@ -1,5 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var isDayButton = function (node) { return node && node.tagName === 'BUTTON' && node.dataset.date; };
+var isDayButton = function (node) {
+    return node && node.tagName === 'BUTTON' && node.dataset.date;
+};
 
 exports.isDayButton = isDayButton;

package/confirmation/components/screens/initial/component.js

@@ -10,7 +10,7 @@ var coreComponentsTypography = require('../../../../typography');
 var hooks = require('@alfalab/hooks');
 var context = require('../../../context.js');
 var components_header_component = require('../../header/component.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-f0928054.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-c7b95621.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -90,7 +90,7 @@ var Initial = function (_a) {
             return initialScreenHintSlot;
         }
         if (mobile$2) {
-            return (React__default.default.createElement(mobile.ButtonMobile, { onClick: handleSmsHintLinkClick, view: 'link', size: 'xs' }, texts.linkToHint));
+            return (React__default.default.createElement(mobile.ButtonMobile, { onClick: handleSmsHintLinkClick, view: 'transparent', size: 'xs' }, texts.linkToHint));
         }
         return (React__default.default.createElement(coreComponentsLink.Link, { onClick: handleSmsHintLinkClick, className: components_screens_initial_countdownSection.styles.smsComeLink, view: mobile$2 ? 'primary' : 'secondary', pseudo: true }, texts.linkToHint));
     };

package/confirmation/components/screens/initial/countdown-section.js

@@ -7,7 +7,7 @@ require('../../../../spinner');
 require('../../../../typography');
 require('../../../context.js');
 require('../../../utils.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-f0928054.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-c7b95621.js');
 
 
 

package/confirmation/cssm/components/screens/initial/component.js

@@ -92,7 +92,7 @@ var Initial = function (_a) {
             return initialScreenHintSlot;
         }
         if (mobile$2) {
-            return (React__default.default.createElement(mobile.ButtonMobile, { onClick: handleSmsHintLinkClick, view: 'link', size: 'xs' }, texts.linkToHint));
+            return (React__default.default.createElement(mobile.ButtonMobile, { onClick: handleSmsHintLinkClick, view: 'transparent', size: 'xs' }, texts.linkToHint));
         }
         return (React__default.default.createElement(coreComponentsLink.Link, { onClick: handleSmsHintLinkClick, className: styles__default.default.smsComeLink, view: mobile$2 ? 'primary' : 'secondary', pseudo: true }, texts.linkToHint));
     };

package/confirmation/esm/component.responsive.js

@@ -16,7 +16,7 @@ import '../../code-input/esm/mobile';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-9f6a0e69.js';
+import './countdown-section-b0eafcff.js';
 import '../../button/esm';
 import '../../spinner/esm';
 import './components/screens/hint/component.js';

package/confirmation/esm/components/base-confirmation/component.js

@@ -15,7 +15,7 @@ import '../../../../code-input/esm/mobile';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-9f6a0e69.js';
+import '../../countdown-section-b0eafcff.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../countdown-loader/component.js';

package/confirmation/esm/components/base-confirmation/index.js

@@ -13,7 +13,7 @@ import '../../../../code-input/esm/mobile';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-9f6a0e69.js';
+import '../../countdown-section-b0eafcff.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../screens/hint/component.js';

package/confirmation/esm/components/index.js

@@ -14,6 +14,6 @@ import '@alfalab/hooks';
 import '../context.js';
 import '../utils.js';
 import './header/component.js';
-import '../countdown-section-9f6a0e69.js';
+import '../countdown-section-b0eafcff.js';
 import '../../../button/esm';
 import '../../../spinner/esm';

package/confirmation/esm/components/screens/index.js

@@ -13,7 +13,7 @@ import '@alfalab/hooks';
 import '../../context.js';
 import '../../utils.js';
 import '../header/component.js';
-import '../../countdown-section-9f6a0e69.js';
+import '../../countdown-section-b0eafcff.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../countdown-loader/component.js';

package/confirmation/esm/components/screens/initial/component.js

@@ -8,7 +8,7 @@ import { Typography } from '../../../../../typography/esm';
 import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-9f6a0e69.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-b0eafcff.js';
 import '../../../utils.js';
 import '../../../../../button/esm';
 import '../../../../../spinner/esm';
@@ -86,7 +86,7 @@ var Initial = function (_a) {
             return initialScreenHintSlot;
         }
         if (mobile) {
-            return (React.createElement(ButtonMobile, { onClick: handleSmsHintLinkClick, view: 'link', size: 'xs' }, texts.linkToHint));
+            return (React.createElement(ButtonMobile, { onClick: handleSmsHintLinkClick, view: 'transparent', size: 'xs' }, texts.linkToHint));
         }
         return (React.createElement(Link, { onClick: handleSmsHintLinkClick, className: styles.smsComeLink, view: mobile ? 'primary' : 'secondary', pseudo: true }, texts.linkToHint));
     };

package/confirmation/esm/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/esm';
 import '../../../../../spinner/esm';
 import '../../../../../typography/esm';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-9f6a0e69.js';
+export { C as CountdownSection } from '../../../countdown-section-b0eafcff.js';
 import '../../../utils.js';

package/confirmation/esm/components/screens/initial/index.js

@@ -10,6 +10,6 @@ import '@alfalab/hooks';
 import '../../../context.js';
 import '../../../utils.js';
 import '../../header/component.js';
-import '../../../countdown-section-9f6a0e69.js';
+import '../../../countdown-section-b0eafcff.js';
 import '../../../../../button/esm';
 import '../../../../../spinner/esm';

package/confirmation/esm/desktop/component.desktop.js

@@ -13,7 +13,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-9f6a0e69.js';
+import '../countdown-section-b0eafcff.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/desktop/index.js

@@ -14,7 +14,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-9f6a0e69.js';
+import '../countdown-section-b0eafcff.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/index.js

@@ -16,7 +16,7 @@ import '../../code-input/esm/mobile';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-9f6a0e69.js';
+import './countdown-section-b0eafcff.js';
 import '../../button/esm';
 import '../../spinner/esm';
 import './components/screens/hint/component.js';

package/confirmation/esm/mobile/component.mobile.js

@@ -13,7 +13,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-9f6a0e69.js';
+import '../countdown-section-b0eafcff.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/mobile/index.js

@@ -14,7 +14,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-9f6a0e69.js';
+import '../countdown-section-b0eafcff.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/shared/index.js

@@ -15,6 +15,6 @@ import '../../../link/esm';
 import '../../../typography/esm';
 import '@alfalab/hooks';
 import '../components/header/component.js';
-import '../countdown-section-9f6a0e69.js';
+import '../countdown-section-b0eafcff.js';
 import '../../../button/esm';
 import '../../../spinner/esm';

package/confirmation/modern/component.responsive.js

@@ -15,7 +15,7 @@ import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-bf3d2d78.js';
+import './countdown-section-0eefd440.js';
 import '../../button/modern';
 import '../../spinner/modern';
 import './components/screens/hint/component.js';

package/confirmation/modern/components/base-confirmation/component.js

@@ -14,7 +14,7 @@ import '../../../../code-input/modern/mobile';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-bf3d2d78.js';
+import '../../countdown-section-0eefd440.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../countdown-loader/component.js';

package/confirmation/modern/components/base-confirmation/index.js

@@ -12,7 +12,7 @@ import '../../../../code-input/modern/mobile';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-bf3d2d78.js';
+import '../../countdown-section-0eefd440.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../screens/hint/component.js';

package/confirmation/modern/components/index.js

@@ -14,6 +14,6 @@ import '@alfalab/hooks';
 import '../context.js';
 import '../utils.js';
 import './header/component.js';
-import '../countdown-section-bf3d2d78.js';
+import '../countdown-section-0eefd440.js';
 import '../../../button/modern';
 import '../../../spinner/modern';

package/confirmation/modern/components/screens/index.js

@@ -13,7 +13,7 @@ import '@alfalab/hooks';
 import '../../context.js';
 import '../../utils.js';
 import '../header/component.js';
-import '../../countdown-section-bf3d2d78.js';
+import '../../countdown-section-0eefd440.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../countdown-loader/component.js';

package/confirmation/modern/components/screens/initial/component.js

@@ -8,7 +8,7 @@ import { Typography } from '../../../../../typography/modern';
 import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-bf3d2d78.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-0eefd440.js';
 import '../../../utils.js';
 import '../../../../../button/modern';
 import '../../../../../spinner/modern';
@@ -84,7 +84,7 @@ const Initial = ({ mobile }) => {
             return initialScreenHintSlot;
         }
         if (mobile) {
-            return (React.createElement(ButtonMobile, { onClick: handleSmsHintLinkClick, view: 'link', size: 'xs' }, texts.linkToHint));
+            return (React.createElement(ButtonMobile, { onClick: handleSmsHintLinkClick, view: 'transparent', size: 'xs' }, texts.linkToHint));
         }
         return (React.createElement(Link, { onClick: handleSmsHintLinkClick, className: styles.smsComeLink, view: mobile ? 'primary' : 'secondary', pseudo: true }, texts.linkToHint));
     };

package/confirmation/modern/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/modern';
 import '../../../../../spinner/modern';
 import '../../../../../typography/modern';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-bf3d2d78.js';
+export { C as CountdownSection } from '../../../countdown-section-0eefd440.js';
 import '../../../utils.js';