@alfalab/core-components 48.6.0-beta.1 → 48.7.0

package/calendar-range/views/static.js

@@ -13,10 +13,11 @@ var desktop = require('../../calendar/desktop');
 var shared$1 = require('../../calendar/shared');
 var shared = require('../../calendar-input/shared');
 var coreComponentsDateInput = require('../../date-input');
+var coreComponentsShared = require('../../shared');
 var components_divider_Component = require('../components/divider/Component.js');
 var hooks = require('../hooks.js');
 var utils = require('../utils.js');
-var index_module = require('../index.module-0764a2af.js');
+var index_module = require('../index.module-ed2ad236.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -30,7 +31,7 @@ var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 var subMonths__default = /*#__PURE__*/_interopDefaultCompat(subMonths);
 
 var CalendarRangeStatic = function (_a) {
-    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default.default(new Date()).getTime() : _b, _c = _a.defaultMonthPosition, defaultMonthPosition = _c === void 0 ? 'left' : _c, minDate = _a.minDate, maxDate = _a.maxDate, _d = _a.valueFrom, valueFrom = _d === void 0 ? '' : _d, _e = _a.valueTo, valueTo = _e === void 0 ? '' : _e, _f = _a.onDateFromChange, onDateFromChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onDateToChange, onDateToChange = _g === void 0 ? function () { return null; } : _g, _h = _a.onChange, onChange = _h === void 0 ? function () { return null; } : _h, onError = _a.onError, _j = _a.inputFromProps, inputFromProps = _j === void 0 ? {} : _j, _k = _a.inputToProps, inputToProps = _k === void 0 ? {} : _k, offDays = _a.offDays, events = _a.events, _l = _a.returnInvalidDates, returnInvalidDates = _l === void 0 ? false : _l, dataTestId = _a.dataTestId;
+    var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default.default(new Date()).getTime() : _b, _c = _a.defaultMonthPosition, defaultMonthPosition = _c === void 0 ? 'left' : _c, minDate = _a.minDate, maxDate = _a.maxDate, _d = _a.valueFrom, valueFrom = _d === void 0 ? '' : _d, _e = _a.valueTo, valueTo = _e === void 0 ? '' : _e, _f = _a.onDateFromChange, onDateFromChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onDateToChange, onDateToChange = _g === void 0 ? function () { return null; } : _g, _h = _a.onChange, onChange = _h === void 0 ? function () { return null; } : _h, onError = _a.onError, _j = _a.inputFromProps, inputFromProps = _j === void 0 ? {} : _j, _k = _a.inputToProps, inputToProps = _k === void 0 ? {} : _k, offDays = _a.offDays, events = _a.events, _l = _a.returnInvalidDates, returnInvalidDates = _l === void 0 ? false : _l, dataTestId = _a.dataTestId, calendarContainerClassName = _a.calendarContainerClassName;
     var _m = React.useState(valueFrom), inputFromValue = _m[0], setInputFromValue = _m[1];
     var _o = React.useState(valueTo), inputToValue = _o[0], setInputToValue = _o[1];
     var dateFrom = shared.isValidInputValue(inputFromValue, minDate, maxDate, offDays)
@@ -174,17 +175,20 @@ var CalendarRangeStatic = function (_a) {
             React__default.default.createElement(coreComponentsDateInput.DateInput, tslib.__assign({}, dateInputFromProps, { mobileMode: dateInputFromProps.mobileMode === 'popover'
                     ? 'input'
                     : dateInputFromProps.mobileMode, value: inputFromValue, onChange: handleInputFromChange, onClear: handleClearFrom, onBlur: handleValidInputFrom, error: bothInvalid || inputFromInvalid || dateInputFromProps.error, clear: true, block: true })),
-            React__default.default.createElement(CalendarFromComponent, tslib.__assign({}, calendarFromProps, { className: cn__default.default(index_module.styles.calendar, calendarFromProps === null || calendarFromProps === void 0 ? void 0 : calendarFromProps.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: minMaxInSameMonth
-                    ? maxDate
-                    : maxDate && max__default.default([maxDate, endOfMonth__default.default(subMonths__default.default(maxDate, 1))]).getTime() }, rangeProps))),
+            React__default.default.createElement("div", { className: cn__default.default(index_module.styles.calendarContainer, calendarContainerClassName), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'container-from') },
+                React__default.default.createElement(CalendarFromComponent, tslib.__assign({}, calendarFromProps, { className: cn__default.default(index_module.styles.calendar, calendarFromProps === null || calendarFromProps === void 0 ? void 0 : calendarFromProps.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: minMaxInSameMonth
+                        ? maxDate
+                        : maxDate &&
+                            max__default.default([maxDate, endOfMonth__default.default(subMonths__default.default(maxDate, 1))]).getTime() }, rangeProps)))),
         React__default.default.createElement(components_divider_Component.Divider, { inputFromProps: inputFromProps, inputToProps: inputToProps }),
         React__default.default.createElement("div", null,
             React__default.default.createElement(coreComponentsDateInput.DateInput, tslib.__assign({}, dateInputToProps, { mobileMode: dateInputToProps.mobileMode === 'popover'
                     ? 'input'
                     : dateInputToProps.mobileMode, value: inputToValue, onChange: handleInputToChange, onClear: handleClearTo, onBlur: handleValidInputTo, error: bothInvalid || inputToInvalid || dateInputToProps.error, clear: true, block: true })),
-            React__default.default.createElement(CalendarToComponent, tslib.__assign({}, calendarToProps, { className: cn__default.default(index_module.styles.calendar, calendarToProps === null || calendarToProps === void 0 ? void 0 : calendarToProps.className), month: monthTo, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthToChange, minDate: minMaxInSameMonth
-                    ? minDate
-                    : minDate && startOfMonth__default.default(addMonths__default.default(minDate, 1)).getTime(), maxDate: maxDate }, rangeProps)))));
+            React__default.default.createElement("div", { "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'container-to') },
+                React__default.default.createElement(CalendarToComponent, tslib.__assign({}, calendarToProps, { className: cn__default.default(index_module.styles.calendar, calendarToProps === null || calendarToProps === void 0 ? void 0 : calendarToProps.className), month: monthTo, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthToChange, minDate: minMaxInSameMonth
+                        ? minDate
+                        : minDate && startOfMonth__default.default(addMonths__default.default(minDate, 1)).getTime(), maxDate: maxDate }, rangeProps))))));
 };
 
 exports.CalendarRangeStatic = CalendarRangeStatic;

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-b4484461.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-04472df7.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

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-b4484461.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-04472df7.js');
 
 
 

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-617a570f.js';
+import './countdown-section-706697ef.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-617a570f.js';
+import '../../countdown-section-706697ef.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-617a570f.js';
+import '../../countdown-section-706697ef.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-617a570f.js';
+import '../countdown-section-706697ef.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-617a570f.js';
+import '../../countdown-section-706697ef.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 { Text } 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-617a570f.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-706697ef.js';
 import '../../../utils.js';
 import '../../../../../button/esm';
 import '../../../../../spinner/esm';

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-617a570f.js';
+export { C as CountdownSection } from '../../../countdown-section-706697ef.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-617a570f.js';
+import '../../../countdown-section-706697ef.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-617a570f.js';
+import '../countdown-section-706697ef.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-617a570f.js';
+import '../countdown-section-706697ef.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-617a570f.js';
+import './countdown-section-706697ef.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-617a570f.js';
+import '../countdown-section-706697ef.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-617a570f.js';
+import '../countdown-section-706697ef.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-617a570f.js';
+import '../countdown-section-706697ef.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-7fa613dc.js';
+import './countdown-section-a75f3606.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-7fa613dc.js';
+import '../../countdown-section-a75f3606.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-7fa613dc.js';
+import '../../countdown-section-a75f3606.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-7fa613dc.js';
+import '../countdown-section-a75f3606.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-7fa613dc.js';
+import '../../countdown-section-a75f3606.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 { Text } 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-7fa613dc.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-a75f3606.js';
 import '../../../utils.js';
 import '../../../../../button/modern';
 import '../../../../../spinner/modern';

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-7fa613dc.js';
+export { C as CountdownSection } from '../../../countdown-section-a75f3606.js';
 import '../../../utils.js';

package/confirmation/modern/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-7fa613dc.js';
+import '../../../countdown-section-a75f3606.js';
 import '../../../../../button/modern';
 import '../../../../../spinner/modern';

package/confirmation/modern/desktop/component.desktop.js

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

package/confirmation/modern/desktop/index.js

@@ -13,7 +13,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-7fa613dc.js';
+import '../countdown-section-a75f3606.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/index.js

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

package/confirmation/modern/mobile/component.mobile.js

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

package/confirmation/modern/mobile/index.js

@@ -13,7 +13,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-7fa613dc.js';
+import '../countdown-section-a75f3606.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/shared/index.js

@@ -15,6 +15,6 @@ import '../../../link/modern';
 import '../../../typography/modern';
 import '@alfalab/hooks';
 import '../components/header/component.js';
-import '../countdown-section-7fa613dc.js';
+import '../countdown-section-a75f3606.js';
 import '../../../button/modern';
 import '../../../spinner/modern';

package/custom-button/Component.d.ts

@@ -1,32 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
-import { ButtonProps } from "../button";
-type ComponentProps = Omit<ButtonProps, 'view' | 'colors'> & {
-    /**
-     * Цвет кнопки
-     */
-    backgroundColor?: string;
-    /**
-     * Цвет контента
-     */
-    contentColor?: 'black' | 'white' | 'static-black' | 'static-white';
-    /**
-     * Затемнение или осветление кнопки при hover и active
-     */
-    stateType?: 'darkening' | 'lightening' | 'static-darkening' | 'static-lightening';
-    /**
-     * Блокировка кнопки
-     */
-    disabled?: boolean;
-    /**
-     * Тип цвета для заблокированного состояния
-     * @default default
-     */
-    disableType?: 'default' | 'static' | 'inverted' | 'static-inverted';
-};
-type AnchorButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;
-type CustomButtonProps = Partial<AnchorButtonProps | NativeButtonProps>;
+import { CustomButtonProps } from "./types/props";
 declare const CustomButton: React.ForwardRefExoticComponent<CustomButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ComponentProps, CustomButtonProps, CustomButton };
+export { CustomButton };

package/custom-button/Component.js

@@ -2,24 +2,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var cn = require('classnames');
 var coreComponentsButton = require('../button');
+var components_baseCustomButton_baseCustomButton = require('./components/base-custom-button/base-custom-button.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"customButton":"custom-button__customButton_1uca8","border":"custom-button__border_1uca8","white":"custom-button__white_1uca8","black":"custom-button__black_1uca8","static-white":"custom-button__static-white_1uca8","static-black":"custom-button__static-black_1uca8","darkening":"custom-button__darkening_1uca8","lightening":"custom-button__lightening_1uca8","static-darkening":"custom-button__static-darkening_1uca8","static-lightening":"custom-button__static-lightening_1uca8","disableType-default":"custom-button__disableType-default_1uca8","disableType-static":"custom-button__disableType-static_1uca8","disableType-inverted":"custom-button__disableType-inverted_1uca8","disableType-static-inverted":"custom-button__disableType-static-inverted_1uca8"};
-require('./index.css');
-
-var DEFAULT_BUTTON_COLOR = '#FF45C3';
-var DEFAULT_CONTENT_COLOR = 'white';
-var CustomButton = React__default.default.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, loading = _a.loading, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? DEFAULT_BUTTON_COLOR : _b, _c = _a.contentColor, contentColor = _c === void 0 ? DEFAULT_CONTENT_COLOR : _c, _d = _a.stateType, stateType = _d === void 0 ? 'darkening' : _d, _e = _a.disableType, disableType = _e === void 0 ? 'default' : _e, restProps = tslib.__rest(_a, ["children", "className", "loading", "backgroundColor", "contentColor", "stateType", "disableType"]);
-    var buttonProps = tslib.__assign({ style: tslib.__assign({}, (!restProps.disabled && { background: backgroundColor })) }, restProps);
-    var buttonClassName = cn__default.default(styles.customButton, styles.border, className, styles[contentColor], styles[stateType], styles["disableType-".concat(disableType)]);
-    return (React__default.default.createElement(coreComponentsButton.Button, tslib.__assign({}, buttonProps, { view: 'primary', ref: ref, className: buttonClassName, loading: loading }), children));
+var CustomButton = React.forwardRef(function (_a, ref) {
+    var children = _a.children, restProps = tslib.__rest(_a, ["children"]);
+    return (React__default.default.createElement(components_baseCustomButton_baseCustomButton.BaseCustomButton, tslib.__assign({ ref: ref }, restProps, { componentButton: coreComponentsButton.Button }), children));
 });
 CustomButton.displayName = 'CustomButton';
 

package/custom-button/components/base-custom-button/base-custom-button.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import React from 'react';
+import { Button } from "../../../button";
+import { ButtonDesktop } from "../../../button/desktop";
+import { ButtonMobile } from "../../../button/mobile";
+import { CustomButtonProps } from "../../types/props";
+declare const BaseCustomButton: React.ForwardRefExoticComponent<(CustomButtonProps & {
+    componentButton: typeof Button | typeof ButtonDesktop | typeof ButtonMobile;
+}) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { BaseCustomButton };

package/custom-button/components/base-custom-button/base-custom-button.js

@@ -0,0 +1,25 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var constants_defaultColors = require('../../constants/default-colors.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var styles = {"customButton":"custom-button__customButton_l67aj","border":"custom-button__border_l67aj","white":"custom-button__white_l67aj","black":"custom-button__black_l67aj","static-white":"custom-button__static-white_l67aj","static-black":"custom-button__static-black_l67aj","darkening":"custom-button__darkening_l67aj","lightening":"custom-button__lightening_l67aj","static-darkening":"custom-button__static-darkening_l67aj","static-lightening":"custom-button__static-lightening_l67aj","disableType-default":"custom-button__disableType-default_l67aj","disableType-static":"custom-button__disableType-static_l67aj","disableType-inverted":"custom-button__disableType-inverted_l67aj","disableType-static-inverted":"custom-button__disableType-static-inverted_l67aj"};
+require('./index.css');
+
+var BaseCustomButton = React.forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, className = _a.className, loading = _a.loading, _c = _a.backgroundColor, backgroundColor = _c === void 0 ? constants_defaultColors.DEFAULT_BUTTON_COLOR : _c, _d = _a.contentColor, contentColor = _d === void 0 ? constants_defaultColors.DEFAULT_CONTENT_COLOR : _d, _e = _a.stateType, stateType = _e === void 0 ? 'darkening' : _e, _f = _a.disableType, disableType = _f === void 0 ? 'default' : _f, ComponentButton = _a.componentButton, restProps = tslib.__rest(_a, ["children", "className", "loading", "backgroundColor", "contentColor", "stateType", "disableType", "componentButton"]);
+    return (React__default.default.createElement(ComponentButton, tslib.__assign({ style: tslib.__assign({}, (!restProps.disabled && { background: backgroundColor })) }, restProps, { view: 'primary', ref: ref, className: cn__default.default(styles.customButton, styles.border, className, styles[contentColor], styles[stateType], styles["disableType-".concat(disableType)], (_b = {},
+            _b[styles.customLoading] = loading,
+            _b)), loading: loading }), children));
+});
+BaseCustomButton.displayName = 'BaseCustomButton';
+
+exports.BaseCustomButton = BaseCustomButton;

package/custom-button/{index.css → components/base-custom-button/index.css}

@@ -1,4 +1,4 @@
-/* hash: ffq8g */
+/* hash: 10pgt */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
@@ -35,23 +35,23 @@
     --gap-0: 0;
 } :root {
 } :root {
-} /* сбрасывает синюю подсветку при нажатии */ .custom-button__customButton_1uca8 {
+} /* сбрасывает синюю подсветку при нажатии */ .custom-button__customButton_l67aj {
     overflow: hidden;
     position: relative
-} .custom-button__customButton_1uca8.custom-button__border_1uca8 {
+} .custom-button__customButton_l67aj.custom-button__border_l67aj {
         border: 0;
-    } .custom-button__customButton_1uca8.custom-button__white_1uca8 * {
+    } .custom-button__customButton_l67aj.custom-button__white_l67aj * {
         color: var(--color-light-text-primary-inverted);
-    } .custom-button__customButton_1uca8.custom-button__black_1uca8 * {
+    } .custom-button__customButton_l67aj.custom-button__black_l67aj * {
         color: var(--color-light-text-primary);
-    } .custom-button__customButton_1uca8.custom-button__static-white_1uca8 * {
+    } .custom-button__customButton_l67aj.custom-button__static-white_l67aj * {
         color: var(--color-static-text-primary-inverted);
-    } .custom-button__customButton_1uca8.custom-button__static-black_1uca8 * {
+    } .custom-button__customButton_l67aj.custom-button__static-black_l67aj * {
         color: var(--color-static-text-primary);
-    } .custom-button__customButton_1uca8 span {
+    } .custom-button__customButton_l67aj span {
         position: relative;
         z-index: 3;
-    } .custom-button__customButton_1uca8:before {
+    } .custom-button__customButton_l67aj:before {
         position: absolute;
         left: var(--gap-0);
         right: var(--gap-0);
@@ -62,36 +62,36 @@
         transition: 0.2s;
         opacity: 1;
         pointer-events: none;
-    } .custom-button__customButton_1uca8.custom-button__darkening_1uca8:hover:before {
+    } .custom-button__customButton_l67aj.custom-button__darkening_l67aj:hover:before {
             background-color: var(--color-light-neutral-translucent-200);
-        } .custom-button__customButton_1uca8.custom-button__darkening_1uca8:active:before {
+        } .custom-button__customButton_l67aj.custom-button__darkening_l67aj:active:before {
             background-color: var(--color-light-neutral-translucent-400);
-        } .custom-button__customButton_1uca8.custom-button__lightening_1uca8:hover:before {
+        } .custom-button__customButton_l67aj.custom-button__lightening_l67aj:hover:before {
             background-color: var(--color-light-neutral-translucent-200-inverted);
-        } .custom-button__customButton_1uca8.custom-button__lightening_1uca8:active:before {
+        } .custom-button__customButton_l67aj.custom-button__lightening_l67aj:active:before {
             background-color: var(--color-light-neutral-translucent-400-inverted);
-        } .custom-button__customButton_1uca8.custom-button__static-darkening_1uca8:hover:before {
+        } .custom-button__customButton_l67aj.custom-button__static-darkening_l67aj:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
-        } .custom-button__customButton_1uca8.custom-button__static-darkening_1uca8:active:before {
+        } .custom-button__customButton_l67aj.custom-button__static-darkening_l67aj:active:before {
             background-color: rgba(0, 0, 0, 0.15);
-        } .custom-button__customButton_1uca8.custom-button__static-lightening_1uca8:hover:before {
+        } .custom-button__customButton_l67aj.custom-button__static-lightening_l67aj:hover:before {
             background-color: rgba(255, 255, 255, 0.07);
-        } .custom-button__customButton_1uca8.custom-button__static-lightening_1uca8:active:before {
+        } .custom-button__customButton_l67aj.custom-button__static-lightening_l67aj:active:before {
             background-color: rgba(255, 255, 255, 0.15);
-        } /* Disabled */ .custom-button__customButton_1uca8:disabled.custom-button__disableType-default_1uca8 {
+        } /* Disabled */ .custom-button__customButton_l67aj:disabled.custom-button__disableType-default_l67aj {
         background-color: var(--color-light-neutral-translucent-100)
-    } .custom-button__customButton_1uca8:disabled.custom-button__disableType-default_1uca8 span {
+    } .custom-button__customButton_l67aj:disabled.custom-button__disableType-default_l67aj span {
             color: var(--color-light-text-tertiary);
-        } .custom-button__customButton_1uca8:disabled.custom-button__disableType-static_1uca8 {
+        } .custom-button__customButton_l67aj:disabled.custom-button__disableType-static_l67aj {
         background-color: var(--color-static-neutral-translucent-100)
-    } .custom-button__customButton_1uca8:disabled.custom-button__disableType-static_1uca8 span {
+    } .custom-button__customButton_l67aj:disabled.custom-button__disableType-static_l67aj span {
             color: var(--color-static-text-tertiary);
-        } .custom-button__customButton_1uca8:disabled.custom-button__disableType-inverted_1uca8 {
+        } .custom-button__customButton_l67aj:disabled.custom-button__disableType-inverted_l67aj {
         background-color: var(--color-light-neutral-translucent-100-inverted)
-    } .custom-button__customButton_1uca8:disabled.custom-button__disableType-inverted_1uca8 span {
+    } .custom-button__customButton_l67aj:disabled.custom-button__disableType-inverted_l67aj span {
             color: var(--color-light-text-tertiary-inverted);
-        } .custom-button__customButton_1uca8:disabled.custom-button__disableType-static-inverted_1uca8 {
+        } .custom-button__customButton_l67aj:disabled.custom-button__disableType-static-inverted_l67aj {
         background-color: var(--color-static-neutral-translucent-100-inverted)
-    } .custom-button__customButton_1uca8:disabled.custom-button__disableType-static-inverted_1uca8 span {
+    } .custom-button__customButton_l67aj:disabled.custom-button__disableType-static-inverted_l67aj span {
             color: var(--color-static-text-tertiary-inverted);
         }

package/custom-button/components/base-custom-button/index.d.ts

@@ -0,0 +1 @@
+export { BaseCustomButton } from "./base-custom-button";

package/custom-button/components/base-custom-button/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_baseCustomButton_baseCustomButton = require('./base-custom-button.js');
+
+
+
+exports.BaseCustomButton = components_baseCustomButton_baseCustomButton.BaseCustomButton;

package/custom-button/constants/default-colors.d.ts

@@ -0,0 +1,3 @@
+declare const DEFAULT_BUTTON_COLOR = "#FF45C3";
+declare const DEFAULT_CONTENT_COLOR = "white";
+export { DEFAULT_BUTTON_COLOR, DEFAULT_CONTENT_COLOR };

package/custom-button/constants/default-colors.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DEFAULT_BUTTON_COLOR = '#FF45C3';
+var DEFAULT_CONTENT_COLOR = 'white';
+
+exports.DEFAULT_BUTTON_COLOR = DEFAULT_BUTTON_COLOR;
+exports.DEFAULT_CONTENT_COLOR = DEFAULT_CONTENT_COLOR;