@itcase/ui 1.3.12 → 1.3.13

package/dist/cjs/components/DatePicker.js

@@ -8,11 +8,11 @@ var locale = require('date-fns/locale');
 var DatePicker = require('react-datepicker');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Button = require('../../Button-DHQeSUSA.js');
-var Icon = require('../../Icon-3VtRLW-J.js');
-var Input = require('../../Input-ffioh1sj.js');
-var Label = require('../../Label-HKRKV3mn.js');
-var Text = require('../../Text-Beslj4Ns.js');
+var Button = require('../../Button-BIVXOiP4.js');
+var Icon = require('../../Icon-DJSIqu5Z.js');
+var Input = require('../../Input-zkYoZhQk.js');
+var Label = require('../../Label-GEBQXoVJ.js');
+var Text = require('../../Text-COHpLTYr.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('../context/UIContext.js');
@@ -21,11 +21,11 @@ require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Link-C2dn5VUy.js');
-require('../../Loader-Dn036JwE.js');
+require('../../Link-CH-W1dww.js');
+require('../../Loader-D_53c71f.js');
 require('react-inlinesvg');
-require('../../Tooltip-CNua1g76.js');
-require('../../Title-DBaHcpvB.js');
+require('../../Tooltip-CyZCVyba.js');
+require('../../Title-BduD-TXE.js');
 
 var datePickerAppearance = {
     dev: {},
@@ -38,7 +38,7 @@ var datePickerConfig = {
     },
 };
 function DatePickerInput(props) {
-    var appearance = props.appearance, className = props.className, clearIcon = props.clearIcon, clearIconFill = props.clearIconFill, clearIconFillHover = props.clearIconFillHover, clearIconFillSize = props.clearIconFillSize, clearIconItemFill = props.clearIconItemFill, clearIconItemFillHover = props.clearIconItemFillHover, clearIconShape = props.clearIconShape, clearIconSize = props.clearIconSize, clearIconSrc = props.clearIconSrc, clearLabel = props.clearLabel, clearLabelTextColor = props.clearLabelTextColor, clearLabelTextColorHover = props.clearLabelTextColorHover, clearLabelTextSize = props.clearLabelTextSize, _a = props.datePickerProps, datePickerProps = _a === void 0 ? {} : _a, endValue = props.endValue, inputProps = props.inputProps, labelTextSize = props.labelTextSize, value = props.value, onChange = props.onChange;
+    var appearance = props.appearance, className = props.className, clearIcon = props.clearIcon, clearIconFill = props.clearIconFill, clearIconFillHover = props.clearIconFillHover, clearIconFillSize = props.clearIconFillSize, clearIconItemFill = props.clearIconItemFill, clearIconItemFillHover = props.clearIconItemFillHover, clearIconShape = props.clearIconShape, clearIconSize = props.clearIconSize, clearIconSrc = props.clearIconSrc, clearLabel = props.clearLabel, clearLabelTextColor = props.clearLabelTextColor, clearLabelTextColorHover = props.clearLabelTextColorHover, clearLabelTextSize = props.clearLabelTextSize, _a = props.datePickerProps, datePickerProps = _a === undefined ? {} : _a, endValue = props.endValue, inputProps = props.inputProps, labelTextSize = props.labelTextSize, value = props.value, onChange = props.onChange;
     var datepickerRef = React.useRef(null);
     var start = React.useMemo(function () {
         if (value) {
@@ -70,7 +70,7 @@ function DatePickerInput(props) {
         setEndDate(newEndDate);
     }, [onChange]);
     var renderDayContents = React.useCallback(function (day, date) {
-        return (jsxRuntime.jsx(Button.Button, { className: "react-datepicker__day-button", labelTextColor: datePickerProps.dayTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.dayTextColor), labelTextSize: datePickerProps.dayTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.dayTextSize), label: date.getDate().toString(), shape: datePickerProps.dayTextShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.dayTextShape), size: datePickerProps.daySize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.daySize) }));
+        return (jsxRuntime.jsx(Button.Button, { className: "react-datepicker__day-button", labelTextColor: datePickerProps.dayTextColor || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.dayTextColor), labelTextSize: datePickerProps.dayTextSize || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.dayTextSize), label: date.getDate().toString(), shape: datePickerProps.dayTextShape || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.dayTextShape), size: datePickerProps.daySize || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.daySize) }));
     }, [
         datePickerProps.daySize,
         datePickerProps.dayTextColor,
@@ -79,7 +79,7 @@ function DatePickerInput(props) {
     ]);
     var renderCustomHeader = React.useCallback(function (_a) {
         var decreaseMonth = _a.decreaseMonth, increaseMonth = _a.increaseMonth, monthDate = _a.monthDate;
-        return (jsxRuntime.jsxs("div", { className: "react-datepicker__header--div", children: [datePickerProps.iconLeft && (jsxRuntime.jsx(Icon.Icon, { className: "react-datepicker__icon", fill: datePickerProps.iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconFill), fillHover: datePickerProps.iconFillHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconFillHover), fillSize: datePickerProps.iconFillSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconFillSize), iconFill: datePickerProps.iconItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconItemFill), shape: datePickerProps.iconShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconShape), size: datePickerProps.iconSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconSize), SvgImage: datePickerProps.iconLeft || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconLeft), onClick: decreaseMonth })), jsxRuntime.jsxs("div", { className: "react-datepicker__data", children: [jsxRuntime.jsx(Text.Text, { className: "react-datepicker__month", size: datePickerProps.monthTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.monthTextSize), textColor: datePickerProps.monthTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.monthTextColor), textWeight: datePickerProps.monthTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.monthTextWeight), children: monthDate.toLocaleString('ru-RU', { month: 'long' }) }), jsxRuntime.jsx(Text.Text, { className: "react-datepicker__year", size: datePickerProps.yearTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.yearTextSize), textColor: datePickerProps.yearTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.yearTextColor), textWeight: datePickerProps.yearTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.yearTextWeight), children: monthDate.toLocaleString('ru-RU', { year: 'numeric' }) })] }), datePickerProps.iconRight && (jsxRuntime.jsx(Icon.Icon, { className: "react-datepicker__icon", fill: datePickerProps.iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconFill), fillHover: datePickerProps.iconFillHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconFillHover), fillSize: datePickerProps.iconFillSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconFillSize), iconFill: datePickerProps.iconItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconItemFill), shape: datePickerProps.iconShape || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconShape), size: datePickerProps.iconSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconSize), SvgImage: datePickerProps.iconRight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.datePicker.iconRight), onClick: increaseMonth }))] }));
+        return (jsxRuntime.jsxs("div", { className: "react-datepicker__header--div", children: [datePickerProps.iconLeft && (jsxRuntime.jsx(Icon.Icon, { className: "react-datepicker__icon", fill: datePickerProps.iconFill || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.iconFill), fillHover: datePickerProps.iconFillHover || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.iconFillHover), fillSize: datePickerProps.iconFillSize || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.iconFillSize), iconFill: datePickerProps.iconItemFill || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.iconItemFill), shape: datePickerProps.iconShape || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.iconShape), size: datePickerProps.iconSize || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.iconSize), SvgImage: datePickerProps.iconLeft || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.iconLeft), onClick: decreaseMonth })), jsxRuntime.jsxs("div", { className: "react-datepicker__data", children: [jsxRuntime.jsx(Text.Text, { className: "react-datepicker__month", size: datePickerProps.monthTextSize || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.monthTextSize), textColor: datePickerProps.monthTextColor || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.monthTextColor), textWeight: datePickerProps.monthTextWeight || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.monthTextWeight), children: monthDate.toLocaleString('ru-RU', { month: 'long' }) }), jsxRuntime.jsx(Text.Text, { className: "react-datepicker__year", size: datePickerProps.yearTextSize || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.yearTextSize), textColor: datePickerProps.yearTextColor || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.yearTextColor), textWeight: datePickerProps.yearTextWeight || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.yearTextWeight), children: monthDate.toLocaleString('ru-RU', { year: 'numeric' }) })] }), datePickerProps.iconRight && (jsxRuntime.jsx(Icon.Icon, { className: "react-datepicker__icon", fill: datePickerProps.iconFill || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.iconFill), fillHover: datePickerProps.iconFillHover || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.iconFillHover), fillSize: datePickerProps.iconFillSize || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.iconFillSize), iconFill: datePickerProps.iconItemFill || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.iconItemFill), shape: datePickerProps.iconShape || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.iconShape), size: datePickerProps.iconSize || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.iconSize), SvgImage: datePickerProps.iconRight || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.datePicker.iconRight), onClick: increaseMonth }))] }));
     }, [
         datePickerProps.iconFill,
         datePickerProps.iconFillHover,
@@ -108,7 +108,7 @@ function DatePickerInput(props) {
     var widthClass = classGenerator.widthClass;
     // @ts-expect-error
     var datePickerStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'datepicker', (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.monthsShown) && 'datepicker_type_multiple-months', (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.customTimeInput) && 'datepicker_type_button', widthClass && "datepicker_width_".concat(widthClass)), style: datePickerStyles, children: jsxRuntime.jsx(DatePicker, tslib_es6.__assign({ ref: datepickerRef, endDate: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectsRange) ? endDate : undefined, locale: locale.ru, minDate: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.disablePastDays) ? new Date() : undefined, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: startDate, startDate: startDate, customInput: jsxRuntime.jsx(DatePickerCustomInput, { labelTextSize: labelTextSize, clearIcon: clearIcon, clearIconFill: clearIconFill, clearIconFillHover: clearIconFillHover, clearIconFillSize: clearIconFillSize, clearIconItemFill: clearIconItemFill, clearIconItemFillHover: clearIconItemFillHover, clearIconShape: clearIconShape, clearIconSize: clearIconSize, clearIconSrc: clearIconSrc, clearLabel: clearLabel, clearLabelTextColor: clearLabelTextColor, clearLabelTextColorHover: clearLabelTextColorHover, clearLabelTextSize: clearLabelTextSize, datePickerAppearance: appearance, datepickerRef: datepickerRef, inputIcon: datePickerProps.inputIcon, inputIconFill: datePickerProps.inputIconFill, inputIconFillHover: datePickerProps.inputIconFillHover, inputIconFillSize: datePickerProps.inputIconFillSize, inputIconItemFill: datePickerProps.inputIconItemFill, inputIconShape: datePickerProps.inputIconShape, inputIconSize: datePickerProps.inputIconSize, inputIconSrc: datePickerProps.inputIconSrc, inputProps: inputProps, isClearable: datePickerProps.isClearable }), popperClassName: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.popper) && "react-datepicker-popper-".concat(datePickerProps.popper), onChange: (datePickerProps === null || datePickerProps === void 0 ? void 0 : datePickerProps.selectsRange) ? handleChange : onChange }, datePickerProps, { 
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'datepicker', (datePickerProps === null || datePickerProps === undefined ? undefined : datePickerProps.monthsShown) && 'datepicker_type_multiple-months', (datePickerProps === null || datePickerProps === undefined ? undefined : datePickerProps.customTimeInput) && 'datepicker_type_button', widthClass && "datepicker_width_".concat(widthClass)), style: datePickerStyles, children: jsxRuntime.jsx(DatePicker, tslib_es6.__assign({ ref: datepickerRef, endDate: (datePickerProps === null || datePickerProps === undefined ? undefined : datePickerProps.selectsRange) ? endDate : undefined, locale: locale.ru, minDate: (datePickerProps === null || datePickerProps === undefined ? undefined : datePickerProps.disablePastDays) ? new Date() : undefined, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: startDate, startDate: startDate, customInput: jsxRuntime.jsx(DatePickerCustomInput, { labelTextSize: labelTextSize, clearIcon: clearIcon, clearIconFill: clearIconFill, clearIconFillHover: clearIconFillHover, clearIconFillSize: clearIconFillSize, clearIconItemFill: clearIconItemFill, clearIconItemFillHover: clearIconItemFillHover, clearIconShape: clearIconShape, clearIconSize: clearIconSize, clearIconSrc: clearIconSrc, clearLabel: clearLabel, clearLabelTextColor: clearLabelTextColor, clearLabelTextColorHover: clearLabelTextColorHover, clearLabelTextSize: clearLabelTextSize, datePickerAppearance: appearance, datepickerRef: datepickerRef, inputIcon: datePickerProps.inputIcon, inputIconFill: datePickerProps.inputIconFill, inputIconFillHover: datePickerProps.inputIconFillHover, inputIconFillSize: datePickerProps.inputIconFillSize, inputIconItemFill: datePickerProps.inputIconItemFill, inputIconShape: datePickerProps.inputIconShape, inputIconSize: datePickerProps.inputIconSize, inputIconSrc: datePickerProps.inputIconSrc, inputProps: inputProps, isClearable: datePickerProps.isClearable }), popperClassName: (datePickerProps === null || datePickerProps === undefined ? undefined : datePickerProps.popper) && "react-datepicker-popper-".concat(datePickerProps.popper), onChange: (datePickerProps === null || datePickerProps === undefined ? undefined : datePickerProps.selectsRange) ? handleChange : onChange }, datePickerProps, { 
             // Important for use custom clear button
             isClearable: false })) }));
 }
@@ -122,7 +122,7 @@ var DatePickerCustomInput = React.forwardRef(function (props, ref) {
         }
         return '';
     }, [value]);
-    var inputAppearanceProps = (_a = datePickerConfig.appearance[datePickerAppearance]) === null || _a === void 0 ? void 0 : _a.input;
+    var inputAppearanceProps = (_a = datePickerConfig.appearance[datePickerAppearance]) === null || _a === undefined ? undefined : _a.input;
     return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(Input.Input, tslib_es6.__assign({}, inputAppearanceProps, props, inputProps, { ref: ref, autocomplete: "off", value: multipleValue })), inputIcon && jsxRuntime.jsx(DatePickerInputIcon, tslib_es6.__assign({}, props)), isClearable && jsxRuntime.jsx(DatePickerClearButton, tslib_es6.__assign({}, props))] }));
 });
 DatePickerCustomInput.displayName = 'DatePickerCustomInput';
@@ -130,8 +130,8 @@ function DatePickerClearButton(props) {
     var clearIcon = props.clearIcon, clearIconFill = props.clearIconFill, clearIconFillHover = props.clearIconFillHover, clearIconFillSize = props.clearIconFillSize, clearIconItemFill = props.clearIconItemFill, clearIconItemFillHover = props.clearIconItemFillHover, clearIconShape = props.clearIconShape, clearIconSize = props.clearIconSize, clearIconSrc = props.clearIconSrc, clearLabel = props.clearLabel, clearLabelTextColor = props.clearLabelTextColor, clearLabelTextColorHover = props.clearLabelTextColorHover, clearLabelTextSize = props.clearLabelTextSize, datepickerRef = props.datepickerRef;
     var onClick = React.useCallback(function (event) {
         var _a, _b;
-        (_a = datepickerRef === null || datepickerRef === void 0 ? void 0 : datepickerRef.current) === null || _a === void 0 ? void 0 : _a.onClearClick(event);
-        (_b = datepickerRef === null || datepickerRef === void 0 ? void 0 : datepickerRef.current) === null || _b === void 0 ? void 0 : _b.handleFocus(event);
+        (_a = datepickerRef === null || datepickerRef === undefined ? undefined : datepickerRef.current) === null || _a === undefined ? undefined : _a.onClearClick(event);
+        (_b = datepickerRef === null || datepickerRef === undefined ? undefined : datepickerRef.current) === null || _b === undefined ? undefined : _b.handleFocus(event);
     }, []);
     return (jsxRuntime.jsxs(React.Fragment, { children: [clearLabel && (jsxRuntime.jsx(Label.Label, { className: clsx('react-datepicker__clear-label', 'cursor_type_pointer'), labelTextColor: clearLabelTextColor, labelTextSize: clearLabelTextSize, label: clearLabel, labelTextColorHover: clearLabelTextColorHover, onClick: onClick })), (clearIcon || clearIconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('react-datepicker__clear-icon', 'cursor_type_pointer'), fill: clearIconFill, fillHover: clearIconFillHover, fillSize: clearIconFillSize, iconFill: clearIconItemFill, iconFillHover: clearIconItemFillHover, imageSrc: clearIconSrc, shape: clearIconShape, size: clearIconSize, SvgImage: clearIcon, onClick: onClick }))] }));
 }

package/dist/cjs/components/Drawer.js

@@ -3,14 +3,6 @@
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var ReactDrawer = require('react-modern-drawer');
-var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-require('../../tslib.es6-CCZ3TN_7.js');
-require('react');
-require('lodash/camelCase');
-require('lodash/castArray');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
 
 var drawerAppearance = {
     dev: {},
@@ -23,10 +15,11 @@ var drawerConfig = {
     },
 };
 function Drawer(props) {
-    var children = props.children, direction = props.direction, isOpenModal = props.isOpenModal, after = props.after, appearance = props.appearance, before = props.before, className = props.className, closeModal = props.closeModal, dataTour = props.dataTour, enableOverlay = props.enableOverlay, size = props.size, type = props.type;
-    // @ts-expect-error
-    var appearanceConfig = drawerConfig.appearance && drawerConfig.appearance[appearance];
-    useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
+    var children = props.children, direction = props.direction, isOpenModal = props.isOpenModal, after = props.after, before = props.before, className = props.className, closeModal = props.closeModal, dataTour = props.dataTour, enableOverlay = props.enableOverlay, size = props.size, type = props.type;
+    // // @ts-expect-error
+    // const appearanceConfig = drawerConfig.appearance && drawerConfig.appearance[appearance]
+    // const classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig)
+    // const {} = classGenerator
     return (jsxRuntime.jsxs(ReactDrawer, { className: clsx('drawer', type && "drawer_type_".concat(type), className, dataTour && "data-tour-".concat(dataTour)), direction: direction || 'right', enableOverlay: enableOverlay, lockBackgroundScroll: false, 
         // @ts-expect-error
         open: isOpenModal, overlayClassName: "drawer__overlay", size: size || 600, onClose: closeModal, children: [before && jsxRuntime.jsx("div", { className: "drawer__before", children: before }), children && jsxRuntime.jsx("div", { className: "drawer__wrapper", children: children }), after && jsxRuntime.jsx("div", { className: "drawer__after", children: after })] }));

package/dist/cjs/components/Dropdown.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DropdownItem = require('../../DropdownItem-DXz1l415.js');
+var DropdownItem = require('../../DropdownItem-CRvS3KEp.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -16,8 +16,8 @@ require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 require('../../Divider-Goh6mpPK.js');
-require('../../Link-C2dn5VUy.js');
-require('../../Text-Beslj4Ns.js');
+require('../../Link-CH-W1dww.js');
+require('../../Text-COHpLTYr.js');
 
 
 

package/dist/cjs/components/Flex.js

@@ -16,7 +16,7 @@ require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 
 function Flex(props) {
-    var id = props.id, children = props.children, className = props.className, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, type = props.type, style = props.style, onClick = props.onClick;
+    var id = props.id, children = props.children, className = props.className, _a = props.tag, Tag = _a === undefined ? 'div' : _a, type = props.type, style = props.style, onClick = props.onClick;
     var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props);
     var alignContentClass = classGenerator.alignContentClass, alignItemsClass = classGenerator.alignItemsClass, borderColorClass = classGenerator.borderColorClass, borderTypeClass = classGenerator.borderTypeClass, directionClass = classGenerator.directionClass, fillClass = classGenerator.fillClass, flowClass = classGenerator.flowClass, justifyContentClass = classGenerator.justifyContentClass, positionClass = classGenerator.positionClass, shapeClass = classGenerator.shapeClass, widthClass = classGenerator.widthClass, wrapClass = classGenerator.wrapClass;
     // @ts-expect-error
@@ -25,7 +25,7 @@ function Flex(props) {
 }
 
 function FlexItem(props) {
-    var children = props.children, className = props.className, htmlFor = props.htmlFor, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, style = props.style;
+    var children = props.children, className = props.className, htmlFor = props.htmlFor, _a = props.tag, Tag = _a === undefined ? 'div' : _a, style = props.style;
     var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props);
     var alignItemsClass = classGenerator.alignItemsClass, alignSelfClass = classGenerator.alignSelfClass, directionClass = classGenerator.directionClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, growClass = classGenerator.growClass, justifyContentClass = classGenerator.justifyContentClass, positionClass = classGenerator.positionClass, shapeClass = classGenerator.shapeClass, widthClass = classGenerator.widthClass, wrapClass = classGenerator.wrapClass;
     // @ts-expect-error

package/dist/cjs/components/Grid.js

@@ -16,7 +16,7 @@ require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
 
 function Grid(props) {
-    var id = props.id, children = props.children, after = props.after, before = props.before, className = props.className, dataTour = props.dataTour, horizontalResizing = props.horizontalResizing, horizontalScroll = props.horizontalScroll, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, type = props.type, useGridSystem = props.useGridSystem, verticalResizing = props.verticalResizing, style = props.style, onClick = props.onClick;
+    var id = props.id, children = props.children, after = props.after, before = props.before, className = props.className, dataTour = props.dataTour, horizontalResizing = props.horizontalResizing, horizontalScroll = props.horizontalScroll, _a = props.tag, Tag = _a === undefined ? 'div' : _a, type = props.type, useGridSystem = props.useGridSystem, verticalResizing = props.verticalResizing, style = props.style, onClick = props.onClick;
     var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props);
     var alignContentClass = classGenerator.alignContentClass, alignItemsClass = classGenerator.alignItemsClass, borderColorClass = classGenerator.borderColorClass, columnGapClass = classGenerator.columnGapClass, columnsClass = classGenerator.columnsClass, fillClass = classGenerator.fillClass, justifyContentClass = classGenerator.justifyContentClass, justifyItemsClass = classGenerator.justifyItemsClass, rowGapClass = classGenerator.rowGapClass, rowsClass = classGenerator.rowsClass;
     // @ts-expect-error
@@ -34,7 +34,7 @@ function GridItem(props) {
 }
 
 function GridRow(props) {
-    var id = props.id, children = props.children, className = props.className, dataTour = props.dataTour, htmlFor = props.htmlFor, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick;
+    var id = props.id, children = props.children, className = props.className, dataTour = props.dataTour, htmlFor = props.htmlFor, style = props.style, _a = props.tag, Tag = _a === undefined ? 'div' : _a, onClick = props.onClick;
     var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props);
     var borderColorClass = classGenerator.borderColorClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass;
     // @ts-expect-error

package/dist/cjs/components/Group.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Group = require('../../Group-D6CXN4hS.js');
+var Group = require('../../Group-pMTTxQH4.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/Icon.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon-3VtRLW-J.js');
+var Icon = require('../../Icon-DJSIqu5Z.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -16,10 +16,10 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Link-C2dn5VUy.js');
-require('../../Tooltip-CNua1g76.js');
-require('../../Text-Beslj4Ns.js');
-require('../../Title-DBaHcpvB.js');
+require('../../Link-CH-W1dww.js');
+require('../../Tooltip-CyZCVyba.js');
+require('../../Text-COHpLTYr.js');
+require('../../Title-BduD-TXE.js');
 
 
 

package/dist/cjs/components/Input.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Input = require('../../Input-ffioh1sj.js');
+var Input = require('../../Input-zkYoZhQk.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/InputMask.js

@@ -26,7 +26,7 @@ var Input = React.forwardRef(function Input(props, ref) {
     // state,
     _a = props.type, 
     // state,
-    type = _a === void 0 ? 'text' : _a, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    type = _a === undefined ? 'text' : _a, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     // @ts-expect-error
     var appearanceConfig = inputMaskConfig.appearance && inputMaskConfig.appearance[appearance];
     // const stateConfig = useMemo(

package/dist/cjs/components/InputPassword.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
-var Icon = require('../../Icon-3VtRLW-J.js');
+var Icon = require('../../Icon-DJSIqu5Z.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -16,10 +16,10 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Link-C2dn5VUy.js');
-require('../../Tooltip-CNua1g76.js');
-require('../../Text-Beslj4Ns.js');
-require('../../Title-DBaHcpvB.js');
+require('../../Link-CH-W1dww.js');
+require('../../Tooltip-CyZCVyba.js');
+require('../../Text-COHpLTYr.js');
+require('../../Title-BduD-TXE.js');
 
 var InputPasswordAppearance = {
     dev: {

package/dist/cjs/components/Label.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Label = require('../../Label-HKRKV3mn.js');
+var Label = require('../../Label-GEBQXoVJ.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -15,9 +15,9 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Text-Beslj4Ns.js');
-require('../../Tooltip-CNua1g76.js');
-require('../../Title-DBaHcpvB.js');
+require('../../Text-COHpLTYr.js');
+require('../../Tooltip-CyZCVyba.js');
+require('../../Title-BduD-TXE.js');
 
 
 

package/dist/cjs/components/Link.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Link = require('../../Link-C2dn5VUy.js');
+var Link = require('../../Link-CH-W1dww.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');

package/dist/cjs/components/List.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Link = require('../../Link-C2dn5VUy.js');
+var Link = require('../../Link-CH-W1dww.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');

package/dist/cjs/components/Loader.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Loader = require('../../Loader-Dn036JwE.js');
+var Loader = require('../../Loader-D_53c71f.js');
 require('react/jsx-runtime');
 require('clsx');
 require('../hooks/useDeviceTargetClassGenerator.js');
@@ -15,7 +15,7 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Text-Beslj4Ns.js');
+require('../../Text-COHpLTYr.js');
 
 
 

package/dist/cjs/components/Logo.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Link = require('../../Link-C2dn5VUy.js');
+var Link = require('../../Link-CH-W1dww.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
@@ -30,7 +30,7 @@ function Logo(props) {
     var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, alignItemsClass = classGenerator.alignItemsClass, widthClass = classGenerator.widthClass;
     // @ts-expect-error
     var logo = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'logo', alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignItemsClass && "logo_align-items_".concat(alignItemsClass), alt, title, mode && "logo_mode_".concat(mode), (size || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size)) && "logo_size_".concat(size || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size)), widthClass && "width_".concat(widthClass)), style: logo, children: link || href ? (jsxRuntime.jsx(Link.LinkWrapper, { className: "logo__link", href: link || href, children: jsxRuntime.jsx("img", { className: "logo__image", alt: alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt) || title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title), src: src || source || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.src) || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.source), title: title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title) || alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt) }) })) : (jsxRuntime.jsx("img", { className: "logo__image", alt: alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt) || title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title), src: src || source || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.src) || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.source), title: title || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.title) || alt || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.alt) })) }));
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'logo', alignClass && "align_".concat(alignClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignItemsClass && "logo_align-items_".concat(alignItemsClass), alt, title, mode && "logo_mode_".concat(mode), (size || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.size)) && "logo_size_".concat(size || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.size)), widthClass && "width_".concat(widthClass)), style: logo, children: link || href ? (jsxRuntime.jsx(Link.LinkWrapper, { className: "logo__link", href: link || href, children: jsxRuntime.jsx("img", { className: "logo__image", alt: alt || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.alt) || title || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.title), src: src || source || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.src) || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.source), title: title || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.title) || alt || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.alt) }) })) : (jsxRuntime.jsx("img", { className: "logo__image", alt: alt || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.alt) || title || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.title), src: src || source || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.src) || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.source), title: title || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.title) || alt || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.alt) })) }));
 }
 
 exports.Logo = Logo;

package/dist/cjs/components/Menu.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var MenuItem = require('../../MenuItem-DEzP_HLq.js');
+var MenuItem = require('../../MenuItem-GoaeJJ04.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
@@ -15,8 +15,8 @@ require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Link-C2dn5VUy.js');
-require('../../Text-Beslj4Ns.js');
+require('../../Link-CH-W1dww.js');
+require('../../Text-COHpLTYr.js');
 
 var menuAppearance = {
     dev: {},
@@ -37,7 +37,7 @@ function Menu(props) {
     // @ts-expect-error
     var menuStyles = useStyles.useStyles(props).styles;
     return (jsxRuntime.jsx("div", { className: clsx(className, 'menu', directionClass && "menu_direction_".concat(directionClass), columnsClass && "menu_columns_".concat(columnsClass), type && "menu_type_".concat(type), flexGrowClass && "flex-grow_".concat(flexGrowClass), widthClass && "width_".concat(widthClass)), children: jsxRuntime.jsxs("div", { className: "menu__wrapper", style: menuStyles, children: [before, children ||
-                    (items === null || items === void 0 ? void 0 : items.map(function (item, i) { return (jsxRuntime.jsx(MenuItem.MenuItem, { label: item.label, onClick: onClickItem }, "menuItem_".concat(item.id || i))); })), after] }) }));
+                    (items === null || items === undefined ? undefined : items.map(function (item, i) { return (jsxRuntime.jsx(MenuItem.MenuItem, { label: item.label, onClick: onClickItem }, "menuItem_".concat(item.id || i))); })), after] }) }));
 }
 Menu.defaultProps = {
     direction: 'horizontal',

package/dist/cjs/components/MenuItem.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var MenuItem = require('../../MenuItem-DEzP_HLq.js');
+var MenuItem = require('../../MenuItem-GoaeJJ04.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -15,8 +15,8 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Link-C2dn5VUy.js');
-require('../../Text-Beslj4Ns.js');
+require('../../Link-CH-W1dww.js');
+require('../../Text-COHpLTYr.js');
 
 
 

package/dist/cjs/components/Modal.js

@@ -7,7 +7,7 @@ var ReactDOM = require('react-dom');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
 var Overlay = require('../../Overlay-CCx7yAPc.js');
-var Loader = require('../../Loader-Dn036JwE.js');
+var Loader = require('../../Loader-D_53c71f.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -17,7 +17,7 @@ require('react-responsive');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../../Text-Beslj4Ns.js');
+require('../../Text-COHpLTYr.js');
 
 var modalAppearance = {
     dev: {},
@@ -31,7 +31,7 @@ var modalConfig = {
 };
 var getOrCreateModalElement = function (modalQuerySelector, className) {
     var _a;
-    if (className === void 0) { className = ''; }
+    if (className === undefined) { className = ''; }
     // prettier-ignore
     var classList = className && typeof className === 'string'
         ? className.split(' ').filter(Boolean)
@@ -51,7 +51,7 @@ var getOrCreateModalElement = function (modalQuerySelector, className) {
 };
 // Modal component that is an abstraction around the portal API.
 var Modal = React.forwardRef(function Modal(props, ref) {
-    var id = props.id, children = props.children, _a = props.isCloseOnBlur, isCloseOnBlur = _a === void 0 ? true : _a, _b = props.isOpen, initialIsOpen = _b === void 0 ? false : _b, _c = props.isOverlay, isOverlay = _c === void 0 ? true : _c, _d = props.isScrollOnOpen, isScrollOnOpen = _d === void 0 ? true : _d, _e = props.isSetFocusOnOpen, isSetFocusOnOpen = _e === void 0 ? true : _e, appearance = props.appearance, className = props.className, closeButton = props.closeButton, contentClassName = props.contentClassName, _f = props.modalQuerySelector, modalQuerySelector = _f === void 0 ? '#modal-global' : _f, overlayClassName = props.overlayClassName, overlayFill = props.overlayFill, overlayFillGradient = props.overlayFillGradient, overlayOpacity = props.overlayOpacity, onClickOverlay = props.onClickOverlay, onCloseModal = props.onCloseModal, onOpenModal = props.onOpenModal;
+    var id = props.id, children = props.children, _a = props.isCloseOnBlur, isCloseOnBlur = _a === undefined ? true : _a, _b = props.isOpen, initialIsOpen = _b === undefined ? false : _b, _c = props.isOverlay, isOverlay = _c === undefined ? true : _c, _d = props.isScrollOnOpen, isScrollOnOpen = _d === undefined ? true : _d, _e = props.isSetFocusOnOpen, isSetFocusOnOpen = _e === undefined ? true : _e, appearance = props.appearance, className = props.className, closeButton = props.closeButton, contentClassName = props.contentClassName, _f = props.modalQuerySelector, modalQuerySelector = _f === undefined ? '#modal-global' : _f, overlayClassName = props.overlayClassName, overlayFill = props.overlayFill, overlayFillGradient = props.overlayFillGradient, overlayOpacity = props.overlayOpacity, onClickOverlay = props.onClickOverlay, onCloseModal = props.onCloseModal, onOpenModal = props.onOpenModal;
     // Query DOM element
     var _g = React.useState(null), modalElement = _g[0], setModalElement = _g[1];
     var _h = React.useState(initialIsOpen), isOpen = _h[0], setIsOpen = _h[1];
@@ -150,7 +150,7 @@ var Modal = React.forwardRef(function Modal(props, ref) {
         // Any valid React child: JSX, strings, arrays, etc.
         isOpen ? (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsxs("div", { className: clsx('modal-content', contentClassName, fillClass && "fill_".concat(fillClass), shapeClass && "modal-shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass)), ref: modalContentRef, id: id, style: modalStyles, tabIndex: 0, onBlur: isCloseOnBlur ? closeModal : undefined, children: [closeButton && (jsxRuntime.jsx("div", { className: "modal-content__close", onClick: closeModal, children: closeButton })), jsxRuntime.jsx("div", { className: "modal-content__wrapper", children: children })] }), jsxRuntime.jsx(Overlay.Overlay, { className: clsx('modal__overlay', 'overlay_type_modal', overlayClassName), 
                     // ref={modalOverlayRef}
-                    fill: overlayFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.overlayFill), opacity: overlayOpacity || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.overlayOpacity), fillGradient: overlayFillGradient || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.overlayFillGradient), isOverlay: isOverlay || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.isOverlay), onClick: onClickOverlay })] })) : null, 
+                    fill: overlayFill || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.overlayFill), opacity: overlayOpacity || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.overlayOpacity), fillGradient: overlayFillGradient || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.overlayFillGradient), isOverlay: isOverlay || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.isOverlay), onClick: onClickOverlay })] })) : null, 
         // A DOM element
         modalElement));
 });

package/dist/cjs/components/Notification.js

@@ -4,8 +4,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Text = require('../../Text-Beslj4Ns.js');
-var Title = require('../../Title-DBaHcpvB.js');
+var Text = require('../../Text-COHpLTYr.js');
+var Title = require('../../Title-BduD-TXE.js');
 var Notifications = require('../context/Notifications.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react');
@@ -59,14 +59,14 @@ var notificationItemConfig = {
     },
 };
 function NotificationItem(props) {
-    var id = props.id, after = props.after, appearance = props.appearance, before = props.before, className = props.className, closeButton = props.closeButton, dataTour = props.dataTour, set = props.set, size = props.size, status = props.status, text = props.text, textColor = props.textColor, _a = props.textSize, textSize = _a === void 0 ? 's' : _a, title = props.title, titleTextColor = props.titleTextColor, _b = props.titleTextSize, titleTextSize = _b === void 0 ? 'h5' : _b, onClickClose = props.onClickClose;
+    var id = props.id, after = props.after, appearance = props.appearance, before = props.before, className = props.className, closeButton = props.closeButton, dataTour = props.dataTour, set = props.set, size = props.size, status = props.status, text = props.text, textColor = props.textColor, _a = props.textSize, textSize = _a === undefined ? 's' : _a, title = props.title, titleTextColor = props.titleTextColor, _b = props.titleTextSize, titleTextSize = _b === undefined ? 'h5' : _b, onClickClose = props.onClickClose;
     // @ts-expect-error
     var appearanceConfig = notificationItemConfig.appearance && notificationItemConfig.appearance[appearance];
     var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
     var fillClass = classGenerator.fillClass, widthClass = classGenerator.widthClass;
     // @ts-expect-error
     var notificationStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs("div", { className: clsx('notification__item', status && "notification__item_status_".concat(status), set && "notification__item_set_".concat(set), size && "notification__item_set_".concat(size), closeButton && 'notification__item_type_close-button', widthClass && "width_".concat(widthClass), fillClass && "fill_".concat(fillClass)), "data-tour": dataTour, style: notificationStyles, children: [before, jsxRuntime.jsxs("div", { className: clsx(className, 'notification__item-wrapper'), children: [title && (jsxRuntime.jsx(Title.Title, { className: "notification__item-title", size: titleTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextSize), textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "notification__item-text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text })), closeButton && (jsxRuntime.jsx("div", { className: clsx('notification__item-close', onClickClose && 'cursor_type_pointer'), onClick: function () { return onClickClose && onClickClose(id); }, children: closeButton }))] }), after] }));
+    return (jsxRuntime.jsxs("div", { className: clsx('notification__item', status && "notification__item_status_".concat(status), set && "notification__item_set_".concat(set), size && "notification__item_set_".concat(size), closeButton && 'notification__item_type_close-button', widthClass && "width_".concat(widthClass), fillClass && "fill_".concat(fillClass)), "data-tour": dataTour, style: notificationStyles, children: [before, jsxRuntime.jsxs("div", { className: clsx(className, 'notification__item-wrapper'), children: [title && (jsxRuntime.jsx(Title.Title, { className: "notification__item-title", size: titleTextSize || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.titleTextSize), textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.titleTextColor), children: title })), text && (jsxRuntime.jsx(Text.Text, { className: "notification__item-text", size: textSize || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === undefined ? undefined : appearanceConfig.textColor), children: text })), closeButton && (jsxRuntime.jsx("div", { className: clsx('notification__item-close', onClickClose && 'cursor_type_pointer'), onClick: function () { return onClickClose && onClickClose(id); }, children: closeButton }))] }), after] }));
 }
 
 function NotificationList(props) {