@itcase/ui 1.9.17 → 1.9.19

package/dist/{Avatar_cjs_ZK4mnb7m.js → Avatar_cjs_DRZE113U.js}

@@ -5,9 +5,9 @@ var React = require('react');
 var clsx = require('clsx');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Icon = require('./Icon_cjs_NpWSQezS.js');
+var Icon = require('./Icon_cjs_BgGtdviU.js');
 var Image = require('./Image_cjs_BUM81t4Y.js');
-var Text = require('./Text_cjs_BhnGHF2T.js');
+var Text = require('./Text_cjs_DG2eMKBi.js');
 
 const avatarAppearanceDefault = {
     surfacePrimary: {

package/dist/{Avatar_es_Dk99rLbe.js → Avatar_es_Cmq4xAG6.js}

@@ -3,9 +3,9 @@ import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { I as Icon, B as Badge } from './Icon_es_CJuX1p1_.js';
+import { I as Icon, B as Badge } from './Icon_es_CtZHchZc.js';
 import { I as Image } from './Image_es_C-IjVkKX.js';
-import { T as Text } from './Text_es_C1kfpokr.js';
+import { T as Text } from './Text_es_CU9KR5AE.js';
 
 const avatarAppearanceDefault = {
     surfacePrimary: {

package/dist/{Button_cjs_vkqr1bkb.js → Button_cjs_BRShPZw4.js}

@@ -6,10 +6,10 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Icon = require('./Icon_cjs_NpWSQezS.js');
+var Icon = require('./Icon_cjs_BgGtdviU.js');
 var Link = require('./Link_cjs_qKXVfU8e.js');
-var Loader = require('./Loader_cjs_rHdGFWUi.js');
-var Text = require('./Text_cjs_BhnGHF2T.js');
+var Loader = require('./Loader_cjs_DWBtnjaL.js');
+var Text = require('./Text_cjs_DG2eMKBi.js');
 
 const buttonAppearanceAccent = {
     accentMutedPrimary: {

package/dist/{Button_es_BD_2rj1L.js → Button_es_CvRcO3xM.js}

@@ -4,10 +4,10 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { I as Icon } from './Icon_es_CJuX1p1_.js';
+import { I as Icon } from './Icon_es_CtZHchZc.js';
 import { a as LinkWrapper } from './Link_es_P2b6ya7P.js';
-import { L as Loader } from './Loader_es_D4Vd79Gk.js';
-import { T as Text } from './Text_es_C1kfpokr.js';
+import { L as Loader } from './Loader_es_BvTBRuay.js';
+import { T as Text } from './Text_es_CU9KR5AE.js';
 
 const buttonAppearanceAccent = {
     accentMutedPrimary: {

package/dist/{ChipsGroup_cjs_Bfv9Z78e.js → ChipsGroup_cjs_D0bGehZY.js}

@@ -5,8 +5,8 @@ var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
-var Icon = require('./Icon_cjs_NpWSQezS.js');
-var Text = require('./Text_cjs_BhnGHF2T.js');
+var Icon = require('./Icon_cjs_BgGtdviU.js');
+var Text = require('./Text_cjs_DG2eMKBi.js');
 
 const chipsAppearanceAccent = {
     accentMutedPrimary: {
@@ -336,7 +336,6 @@ function ChipsGroup(props) {
     const { directionClass, alignClass, alignDirectionClass, fillClass, borderColorClass, borderTypeClass, borderWidthClass, chipsAppearance, widthClass, wrapClass, } = propsGenerator;
     // @ts-expect-error
     const { styles: groupStyles } = useStyles.useStyles(props);
-    console.log();
     return (jsxRuntime.jsx("div", { className: clsx(className, 'chips-group', 'group', widthClass && `width_${widthClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, fillClass && `fill_${fillClass}`, horizontalScroll && 'group_scroll_horizontal', wrapClass && `group_wrap_${wrapClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`), "data-test-id": dataTestId, "data-tour": dataTour, style: Object.assign({}, groupStyles, style), children: children
             ? children
             : chipsList?.map((item) => (jsxRuntime.jsx(Chips, { appearance: chipsAppearance, label: item.label, iconAfter: item.iconAfter, iconBefore: item.iconBefore, isActive: item.isActive, isDisabled: item.isDisabled, onClick: () => onClick(item) }, item.id))) }));

package/dist/{ChipsGroup_es_BrHHulZC.js → ChipsGroup_es_DWvsJ5bu.js}

@@ -3,8 +3,8 @@ import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
-import { I as Icon, B as Badge } from './Icon_es_CJuX1p1_.js';
-import { T as Text } from './Text_es_C1kfpokr.js';
+import { I as Icon, B as Badge } from './Icon_es_CtZHchZc.js';
+import { T as Text } from './Text_es_CU9KR5AE.js';
 
 const chipsAppearanceAccent = {
     accentMutedPrimary: {
@@ -334,7 +334,6 @@ function ChipsGroup(props) {
     const { directionClass, alignClass, alignDirectionClass, fillClass, borderColorClass, borderTypeClass, borderWidthClass, chipsAppearance, widthClass, wrapClass, } = propsGenerator;
     // @ts-expect-error
     const { styles: groupStyles } = useStyles(props);
-    console.log();
     return (jsx("div", { className: clsx(className, 'chips-group', 'group', widthClass && `width_${widthClass}`, alignDirectionClass && `align_${alignDirectionClass}`, directionClass && `group_direction_${directionClass}`, alignClass && `align_${alignClass}`, fillClass && `fill_${fillClass}`, horizontalScroll && 'group_scroll_horizontal', wrapClass && `group_wrap_${wrapClass}`, borderColorClass && `border-color_${borderColorClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`), "data-test-id": dataTestId, "data-tour": dataTour, style: Object.assign({}, groupStyles, style), children: children
             ? children
             : chipsList?.map((item) => (jsx(Chips, { appearance: chipsAppearance, label: item.label, iconAfter: item.iconAfter, iconBefore: item.iconBefore, isActive: item.isActive, isDisabled: item.isDisabled, onClick: () => onClick(item) }, item.id))) }));

package/dist/{DatePicker_cjs_D9q-RqJu.js → DatePicker_cjs_Cm50AX0J.js}

@@ -8,11 +8,11 @@ var DatePicker = require('react-datepicker');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Button = require('./Button_cjs_vkqr1bkb.js');
-var Icon = require('./Icon_cjs_NpWSQezS.js');
+var Button = require('./Button_cjs_BRShPZw4.js');
+var Icon = require('./Icon_cjs_BgGtdviU.js');
 var Input = require('./Input_cjs_KgFCCi2U.js');
-var Label = require('./Label_cjs_BQuZczFh.js');
-var Text = require('./Text_cjs_BhnGHF2T.js');
+var Label = require('./Label_cjs_FRIVslSV.js');
+var Text = require('./Text_cjs_DG2eMKBi.js');
 var _default = require('@itcase/icons/default');
 
 const datePickerSize = {
@@ -86,16 +86,31 @@ const datePickerAppearance = {
     ...datePickerStyle,
 };
 
+const getWeekRange = (date) => {
+    // "getDay" return from 0(sunday) to 6 (saturday).
+    // When 0(sunday) - we set as 7(end of week from 1(monday))
+    const weekDayIndex = date.getDay() || 7;
+    // Collect monday of week from selected date
+    const mondayDate = new Date(date);
+    mondayDate.setDate(date.getDate() - (weekDayIndex - 1));
+    // Collect sunday of week from selected date
+    const sundayDate = new Date(mondayDate);
+    sundayDate.setDate(mondayDate.getDate() + 6);
+    return {
+        mondayDate,
+        sundayDate,
+    };
+};
+
 const datePickerConfig = {
     appearance: datePickerAppearance,
     setAppearance: (appearanceConfig) => {
         datePickerConfig.appearance = appearanceConfig;
     },
 };
-const INPUT_CLASSNAME = 'datepicker__input';
 function DatePickerInput(props) {
     const { className, datePickerProps = {}, endValue, inputProps = {}, value, onChange, } = props;
-    const { appearance, customTimeInput, disablePastDays, monthsShown, selectsRange, showWeekPicker, } = datePickerProps;
+    const { appearance, customTimeInput, disablePastDays, monthsShown, selectsRange, showWeekNumbers, showWeekPicker, } = datePickerProps;
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, datePickerConfig);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(datePickerProps, appearanceConfig);
     const { daySize, dayTextColor, dayTextShape, dayTextSize, iconFill, iconFillHover, iconFillSize, iconItemFill, iconLeft, iconRight, iconShape, monthTextColor, monthTextSize, monthTextWeight, popper, popperPlacement, sizeClass, widthClass, yearTextColor, yearTextSize, yearTextWeight, isClearable, } = propsGenerator;
@@ -124,16 +139,9 @@ function DatePickerInput(props) {
     const handleChange = React.useCallback((selected) => {
         const valuesList = Array.isArray(selected) ? selected : [selected];
         const [selectedDateStart, selectedDateEnd] = valuesList;
+        // "showWeekPicker" means to select full weak by one of day
         if (selectedDateStart && showWeekPicker) {
-            // "getDay" return from 0(sunday) to 6 (saturday).
-            // When 0(sunday) - we set as 7(end of week from 1(monday))
-            const weekDayIndex = selectedDateStart.getDay() || 7;
-            // Collect monday of week from selected date
-            const mondayDate = new Date(selectedDateStart);
-            mondayDate.setDate(selectedDateStart.getDate() - (weekDayIndex - 1));
-            // Collect sunday of week from selected date
-            const sundayDate = new Date(mondayDate);
-            sundayDate.setDate(mondayDate.getDate() + 6);
+            const { mondayDate, sundayDate } = getWeekRange(selectedDateStart);
             // Selected date can be wednesday, but for week picker
             // we return start and end of selected week.
             onChange(mondayDate, sundayDate);
@@ -142,6 +150,10 @@ function DatePickerInput(props) {
             onChange(selectedDateStart, selectedDateEnd);
         }
     }, [showWeekPicker, onChange]);
+    const handleWeekSelect = React.useCallback((startDateOfSelectedWeek) => {
+        const { mondayDate, sundayDate } = getWeekRange(startDateOfSelectedWeek);
+        onChange(mondayDate, sundayDate);
+    }, [onChange]);
     const renderDayContents = React.useCallback((day, date) => {
         return (jsxRuntime.jsx(Button.Button, { className: "react-datepicker__day-button", size: daySize, label: date.getDate().toString(), labelTextColor: dayTextColor, labelTextSize: dayTextSize, shape: dayTextShape }));
     }, [daySize, dayTextColor, dayTextShape, dayTextSize]);
@@ -161,7 +173,7 @@ function DatePickerInput(props) {
         yearTextWeight,
     ]);
     const { styles: datePickerStyles } = useStyles.useStyles(props);
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'datepicker', monthsShown && 'datepicker_multiple-months', customTimeInput && 'datepicker_button', sizeClass && `datepicker_size_${sizeClass}`, widthClass && `datepicker_width_${widthClass}`), style: datePickerStyles, children: jsxRuntime.jsx(DatePicker, { ref: datepickerRef, minDate: disablePastDays ? new Date() : undefined, customInput: jsxRuntime.jsx(DatePickerCustomInput, { datepickerRef: datepickerRef, inputProps: inputProps, isClearable: isClearable }), endDate: selectsRange ? dateEnd : undefined, locale: locale.ru, outsideClickIgnoreClass: INPUT_CLASSNAME, popperClassName: popper && `react-datepicker-popper-${popper}`, popperPlacement: popperPlacement, preventOpenOnFocus: true, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: dateStart, startDate: dateStart, onChange: handleChange, ...datePickerProps, 
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'datepicker', monthsShown && 'datepicker_multiple-months', customTimeInput && 'datepicker_button', sizeClass && `datepicker_size_${sizeClass}`, widthClass && `datepicker_width_${widthClass}`), style: datePickerStyles, children: jsxRuntime.jsx(DatePicker, { ref: datepickerRef, minDate: disablePastDays ? new Date() : undefined, customInput: jsxRuntime.jsx(DatePickerCustomInput, { datepickerRef: datepickerRef, inputProps: inputProps, isClearable: isClearable }), endDate: selectsRange ? dateEnd : undefined, locale: locale.ru, outsideClickIgnoreClass: "react-datepicker-popper", popperClassName: popper && `react-datepicker-popper-${popper}`, popperPlacement: popperPlacement, preventOpenOnFocus: true, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: dateStart, startDate: dateStart, onChange: handleChange, onWeekSelect: showWeekNumbers ? handleWeekSelect : undefined, ...datePickerProps, 
             // Important for use custom clear button
             isClearable: false }) }));
 }
@@ -174,13 +186,14 @@ const DatePickerCustomInput = React.forwardRef((props, ref) => {
         }
         return '';
     }, [value]);
-    return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(Input.Input, { ...props, ...inputProps, className: clsx(inputProps.className, INPUT_CLASSNAME), ref: ref, autocomplete: "off", value: multipleValue, isReadOnly: true }), inputIcon && jsxRuntime.jsx(DatePickerInputIcon, { ...inputProps }), isClearable && jsxRuntime.jsx(DatePickerClearButton, { ...inputProps })] }));
+    return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(Input.Input, { ...props, ...inputProps, className: clsx(inputProps.className, 'datepicker__input'), ref: ref, autocomplete: "off", value: multipleValue, isReadOnly: true }), inputIcon && jsxRuntime.jsx(DatePickerInputIcon, { ...inputProps }), isClearable && jsxRuntime.jsx(DatePickerClearButton, { ...inputProps })] }));
 });
 function DatePickerClearButton(props) {
     const { clearIcon, clearIconFill, clearIconFillHover, clearIconFillSize, clearIconItemFill, clearIconItemFillHover, clearIconShape, clearIconSize, clearIconSrc, clearLabel, clearLabelTextColor, clearLabelTextColorHover, clearLabelTextSize, datepickerRef, } = props;
     const onClick = React.useCallback((event) => {
         datepickerRef?.current?.onClearClick(event);
         datepickerRef?.current?.handleFocus(event);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     return (jsxRuntime.jsx(React.Fragment, { children: clearLabel ? (jsxRuntime.jsx(Label.Label, { className: clsx('react-datepicker__clear-label', 'cursor_type_pointer'), label: clearLabel, labelTextColor: clearLabelTextColor, labelTextColorHover: clearLabelTextColorHover, labelTextSize: clearLabelTextSize, onClick: onClick })) : ((clearIcon || clearIconSrc) && (jsxRuntime.jsx(Icon.Icon, { className: clsx('react-datepicker__clear-icon', 'cursor_type_pointer'), size: clearIconSize, fill: clearIconFill, fillHover: clearIconFillHover, fillSize: clearIconFillSize, iconFill: clearIconItemFill, iconFillHover: clearIconItemFillHover, imageSrc: clearIconSrc, shape: clearIconShape, SvgImage: clearIcon, onClick: onClick }))) }));
 }

package/dist/{DatePicker_es_C8h_4BAl.js → DatePicker_es_B-WPA9y9.js}

@@ -6,11 +6,11 @@ import DatePicker from 'react-datepicker';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { B as Button } from './Button_es_BD_2rj1L.js';
-import { I as Icon } from './Icon_es_CJuX1p1_.js';
+import { B as Button } from './Button_es_CvRcO3xM.js';
+import { I as Icon } from './Icon_es_CtZHchZc.js';
 import { I as Input } from './Input_es_I8GPoibb.js';
-import { L as Label } from './Label_es_CPJTfGeV.js';
-import { T as Text } from './Text_es_C1kfpokr.js';
+import { L as Label } from './Label_es_CI2mt2wH.js';
+import { T as Text } from './Text_es_CU9KR5AE.js';
 import { icons14 } from '@itcase/icons/default';
 
 const datePickerSize = {
@@ -84,16 +84,31 @@ const datePickerAppearance = {
     ...datePickerStyle,
 };
 
+const getWeekRange = (date) => {
+    // "getDay" return from 0(sunday) to 6 (saturday).
+    // When 0(sunday) - we set as 7(end of week from 1(monday))
+    const weekDayIndex = date.getDay() || 7;
+    // Collect monday of week from selected date
+    const mondayDate = new Date(date);
+    mondayDate.setDate(date.getDate() - (weekDayIndex - 1));
+    // Collect sunday of week from selected date
+    const sundayDate = new Date(mondayDate);
+    sundayDate.setDate(mondayDate.getDate() + 6);
+    return {
+        mondayDate,
+        sundayDate,
+    };
+};
+
 const datePickerConfig = {
     appearance: datePickerAppearance,
     setAppearance: (appearanceConfig) => {
         datePickerConfig.appearance = appearanceConfig;
     },
 };
-const INPUT_CLASSNAME = 'datepicker__input';
 function DatePickerInput(props) {
     const { className, datePickerProps = {}, endValue, inputProps = {}, value, onChange, } = props;
-    const { appearance, customTimeInput, disablePastDays, monthsShown, selectsRange, showWeekPicker, } = datePickerProps;
+    const { appearance, customTimeInput, disablePastDays, monthsShown, selectsRange, showWeekNumbers, showWeekPicker, } = datePickerProps;
     const appearanceConfig = useAppearanceConfig(appearance, datePickerConfig);
     const propsGenerator = useDevicePropsGenerator(datePickerProps, appearanceConfig);
     const { daySize, dayTextColor, dayTextShape, dayTextSize, iconFill, iconFillHover, iconFillSize, iconItemFill, iconLeft, iconRight, iconShape, monthTextColor, monthTextSize, monthTextWeight, popper, popperPlacement, sizeClass, widthClass, yearTextColor, yearTextSize, yearTextWeight, isClearable, } = propsGenerator;
@@ -122,16 +137,9 @@ function DatePickerInput(props) {
     const handleChange = useCallback((selected) => {
         const valuesList = Array.isArray(selected) ? selected : [selected];
         const [selectedDateStart, selectedDateEnd] = valuesList;
+        // "showWeekPicker" means to select full weak by one of day
         if (selectedDateStart && showWeekPicker) {
-            // "getDay" return from 0(sunday) to 6 (saturday).
-            // When 0(sunday) - we set as 7(end of week from 1(monday))
-            const weekDayIndex = selectedDateStart.getDay() || 7;
-            // Collect monday of week from selected date
-            const mondayDate = new Date(selectedDateStart);
-            mondayDate.setDate(selectedDateStart.getDate() - (weekDayIndex - 1));
-            // Collect sunday of week from selected date
-            const sundayDate = new Date(mondayDate);
-            sundayDate.setDate(mondayDate.getDate() + 6);
+            const { mondayDate, sundayDate } = getWeekRange(selectedDateStart);
             // Selected date can be wednesday, but for week picker
             // we return start and end of selected week.
             onChange(mondayDate, sundayDate);
@@ -140,6 +148,10 @@ function DatePickerInput(props) {
             onChange(selectedDateStart, selectedDateEnd);
         }
     }, [showWeekPicker, onChange]);
+    const handleWeekSelect = useCallback((startDateOfSelectedWeek) => {
+        const { mondayDate, sundayDate } = getWeekRange(startDateOfSelectedWeek);
+        onChange(mondayDate, sundayDate);
+    }, [onChange]);
     const renderDayContents = useCallback((day, date) => {
         return (jsx(Button, { className: "react-datepicker__day-button", size: daySize, label: date.getDate().toString(), labelTextColor: dayTextColor, labelTextSize: dayTextSize, shape: dayTextShape }));
     }, [daySize, dayTextColor, dayTextShape, dayTextSize]);
@@ -159,7 +171,7 @@ function DatePickerInput(props) {
         yearTextWeight,
     ]);
     const { styles: datePickerStyles } = useStyles(props);
-    return (jsx("div", { className: clsx(className, 'datepicker', monthsShown && 'datepicker_multiple-months', customTimeInput && 'datepicker_button', sizeClass && `datepicker_size_${sizeClass}`, widthClass && `datepicker_width_${widthClass}`), style: datePickerStyles, children: jsx(DatePicker, { ref: datepickerRef, minDate: disablePastDays ? new Date() : undefined, customInput: jsx(DatePickerCustomInput, { datepickerRef: datepickerRef, inputProps: inputProps, isClearable: isClearable }), endDate: selectsRange ? dateEnd : undefined, locale: ru, outsideClickIgnoreClass: INPUT_CLASSNAME, popperClassName: popper && `react-datepicker-popper-${popper}`, popperPlacement: popperPlacement, preventOpenOnFocus: true, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: dateStart, startDate: dateStart, onChange: handleChange, ...datePickerProps, 
+    return (jsx("div", { className: clsx(className, 'datepicker', monthsShown && 'datepicker_multiple-months', customTimeInput && 'datepicker_button', sizeClass && `datepicker_size_${sizeClass}`, widthClass && `datepicker_width_${widthClass}`), style: datePickerStyles, children: jsx(DatePicker, { ref: datepickerRef, minDate: disablePastDays ? new Date() : undefined, customInput: jsx(DatePickerCustomInput, { datepickerRef: datepickerRef, inputProps: inputProps, isClearable: isClearable }), endDate: selectsRange ? dateEnd : undefined, locale: ru, outsideClickIgnoreClass: "react-datepicker-popper", popperClassName: popper && `react-datepicker-popper-${popper}`, popperPlacement: popperPlacement, preventOpenOnFocus: true, renderCustomHeader: renderCustomHeader, renderDayContents: renderDayContents, selected: dateStart, startDate: dateStart, onChange: handleChange, onWeekSelect: showWeekNumbers ? handleWeekSelect : undefined, ...datePickerProps, 
             // Important for use custom clear button
             isClearable: false }) }));
 }
@@ -172,13 +184,14 @@ const DatePickerCustomInput = React.forwardRef((props, ref) => {
         }
         return '';
     }, [value]);
-    return (jsxs(React.Fragment, { children: [jsx(Input, { ...props, ...inputProps, className: clsx(inputProps.className, INPUT_CLASSNAME), ref: ref, autocomplete: "off", value: multipleValue, isReadOnly: true }), inputIcon && jsx(DatePickerInputIcon, { ...inputProps }), isClearable && jsx(DatePickerClearButton, { ...inputProps })] }));
+    return (jsxs(React.Fragment, { children: [jsx(Input, { ...props, ...inputProps, className: clsx(inputProps.className, 'datepicker__input'), ref: ref, autocomplete: "off", value: multipleValue, isReadOnly: true }), inputIcon && jsx(DatePickerInputIcon, { ...inputProps }), isClearable && jsx(DatePickerClearButton, { ...inputProps })] }));
 });
 function DatePickerClearButton(props) {
     const { clearIcon, clearIconFill, clearIconFillHover, clearIconFillSize, clearIconItemFill, clearIconItemFillHover, clearIconShape, clearIconSize, clearIconSrc, clearLabel, clearLabelTextColor, clearLabelTextColorHover, clearLabelTextSize, datepickerRef, } = props;
     const onClick = useCallback((event) => {
         datepickerRef?.current?.onClearClick(event);
         datepickerRef?.current?.handleFocus(event);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     return (jsx(React.Fragment, { children: clearLabel ? (jsx(Label, { className: clsx('react-datepicker__clear-label', 'cursor_type_pointer'), label: clearLabel, labelTextColor: clearLabelTextColor, labelTextColorHover: clearLabelTextColorHover, labelTextSize: clearLabelTextSize, onClick: onClick })) : ((clearIcon || clearIconSrc) && (jsx(Icon, { className: clsx('react-datepicker__clear-icon', 'cursor_type_pointer'), size: clearIconSize, fill: clearIconFill, fillHover: clearIconFillHover, fillSize: clearIconFillSize, iconFill: clearIconItemFill, iconFillHover: clearIconItemFillHover, imageSrc: clearIconSrc, shape: clearIconShape, SvgImage: clearIcon, onClick: onClick }))) }));
 }

package/dist/{DropdownItem_cjs_B9gLsZaE.js → DropdownItem_cjs_CawN_Tz7.js}

@@ -6,9 +6,9 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Icon = require('./Icon_cjs_NpWSQezS.js');
+var Icon = require('./Icon_cjs_BgGtdviU.js');
 var Divider = require('./Divider_cjs_DrmV2ezS.js');
-var Text = require('./Text_cjs_BhnGHF2T.js');
+var Text = require('./Text_cjs_DG2eMKBi.js');
 
 const dropdownAppearanceAccent = {
     accentPrimary: {

package/dist/{DropdownItem_es_B6kgi8Rn.js → DropdownItem_es_BauhVrYj.js}

@@ -4,9 +4,9 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { I as Icon, B as Badge } from './Icon_es_CJuX1p1_.js';
+import { I as Icon, B as Badge } from './Icon_es_CtZHchZc.js';
 import { D as Divider } from './Divider_es_BiYozVBS.js';
-import { T as Text } from './Text_es_C1kfpokr.js';
+import { T as Text } from './Text_es_CU9KR5AE.js';
 
 const dropdownAppearanceAccent = {
     accentPrimary: {

package/dist/{Icon_cjs_NpWSQezS.js → Icon_cjs_BgGtdviU.js}

@@ -9,7 +9,7 @@ var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearance
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 var Link = require('./Link_cjs_qKXVfU8e.js');
-var Text = require('./Text_cjs_BhnGHF2T.js');
+var Text = require('./Text_cjs_DG2eMKBi.js');
 
 const badgeAppearanceAccent = {
     accent: {
@@ -539,7 +539,7 @@ const titleConfig = {
     },
 };
 function Title(props) {
-    const { appearance, className, dataTestId, dataTour, text, afterWrapper, beforeWrapper, tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, children, } = props;
+    const { appearance, className, dataTestId, dataTour, text, afterWrapper, beforeWrapper, style, tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, children, } = props;
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, titleConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     const { directionClass, size, fillClass, fillHoverClass, textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrap, heightClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBadgeAppearance, iconBadgeShape, iconBadgeSize, iconBadgeTextColor, iconBadgeTextSize, iconBadgeValue, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, svgFillClass, svgFillHoverClass, widthClass, wrapperDirectionClass, } = propsGenerator;
@@ -566,7 +566,7 @@ function Title(props) {
             `text-color_hover_${textColorHoverClass}`, isActive &&
             !isDisabled &&
             textColorActiveHoverClass &&
-            `text-color_active_hover${textColorActiveHoverClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, textWrap && `word-wrap_${textWrap}`, iconBadgeValue && 'title_badge', isSkeleton && 'title_skeleton'), "data-test-id": dataTestId, "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxRuntime.jsxs("span", { className: clsx(textAlignClass && `text-align_${textAlignClass}`, wrapperDirectionClass && `title_direction_${wrapperDirectionClass}`, 'title__wrapper', textTruncateClass && `text-truncate_${textTruncateClass}`), style: titleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon, { className: clsx('title__icon_before', iconBadgeValue && 'title__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), beforeWrapper, children || text, afterWrapper, (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon, { className: clsx('title__icon_after', iconBadgeValue && 'title__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }), after] }));
+            `text-color_active_hover${textColorActiveHoverClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, textWrap && `word-wrap_${textWrap}`, iconBadgeValue && 'title_badge', isSkeleton && 'title_skeleton'), "data-test-id": dataTestId, "data-tour": dataTour, style: Object.assign({}, titleStyles, style), onClick: onClick, children: [before, jsxRuntime.jsxs("span", { className: clsx(textAlignClass && `text-align_${textAlignClass}`, wrapperDirectionClass && `title_direction_${wrapperDirectionClass}`, 'title__wrapper', textTruncateClass && `text-truncate_${textTruncateClass}`), style: titleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon, { className: clsx('title__icon_before', iconBadgeValue && 'title__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), beforeWrapper, children || text, afterWrapper, (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon, { className: clsx('title__icon_after', iconBadgeValue && 'title__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }), after] }));
 }
 
 const tooltipAppearanceDefault = {

package/dist/{Icon_es_CJuX1p1_.js → Icon_es_CtZHchZc.js}

@@ -7,7 +7,7 @@ import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceCo
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
 import { a as LinkWrapper } from './Link_es_P2b6ya7P.js';
-import { T as Text } from './Text_es_C1kfpokr.js';
+import { T as Text } from './Text_es_CU9KR5AE.js';
 
 const badgeAppearanceAccent = {
     accent: {
@@ -537,7 +537,7 @@ const titleConfig = {
     },
 };
 function Title(props) {
-    const { appearance, className, dataTestId, dataTour, text, afterWrapper, beforeWrapper, tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, children, } = props;
+    const { appearance, className, dataTestId, dataTour, text, afterWrapper, beforeWrapper, style, tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, children, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, titleConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { directionClass, size, fillClass, fillHoverClass, textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrap, heightClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBadgeAppearance, iconBadgeShape, iconBadgeSize, iconBadgeTextColor, iconBadgeTextSize, iconBadgeValue, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, svgFillClass, svgFillHoverClass, widthClass, wrapperDirectionClass, } = propsGenerator;
@@ -564,7 +564,7 @@ function Title(props) {
             `text-color_hover_${textColorHoverClass}`, isActive &&
             !isDisabled &&
             textColorActiveHoverClass &&
-            `text-color_active_hover${textColorActiveHoverClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, textWrap && `word-wrap_${textWrap}`, iconBadgeValue && 'title_badge', isSkeleton && 'title_skeleton'), "data-test-id": dataTestId, "data-tour": dataTour, style: titleStyles, onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass && `text-align_${textAlignClass}`, wrapperDirectionClass && `title_direction_${wrapperDirectionClass}`, 'title__wrapper', textTruncateClass && `text-truncate_${textTruncateClass}`), style: titleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { className: clsx('title__icon_before', iconBadgeValue && 'title__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), beforeWrapper, children || text, afterWrapper, (iconAfter || iconAfterSrc) && (jsx(Icon, { className: clsx('title__icon_after', iconBadgeValue && 'title__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }), after] }));
+            `text-color_active_hover${textColorActiveHoverClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWeightClass && `text-weight_${textWeightClass}`, textWrap && `word-wrap_${textWrap}`, iconBadgeValue && 'title_badge', isSkeleton && 'title_skeleton'), "data-test-id": dataTestId, "data-tour": dataTour, style: Object.assign({}, titleStyles, style), onClick: onClick, children: [before, jsxs("span", { className: clsx(textAlignClass && `text-align_${textAlignClass}`, wrapperDirectionClass && `title_direction_${wrapperDirectionClass}`, 'title__wrapper', textTruncateClass && `text-truncate_${textTruncateClass}`), style: titleWrapperStyles, children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { className: clsx('title__icon_before', iconBadgeValue && 'title__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), beforeWrapper, children || text, afterWrapper, (iconAfter || iconAfterSrc) && (jsx(Icon, { className: clsx('title__icon_after', iconBadgeValue && 'title__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'title__icon_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }), after] }));
 }
 
 const tooltipAppearanceDefault = {

package/dist/{Label_cjs_BQuZczFh.js → Label_cjs_FRIVslSV.js}

@@ -6,8 +6,8 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Icon = require('./Icon_cjs_NpWSQezS.js');
-var Text = require('./Text_cjs_BhnGHF2T.js');
+var Icon = require('./Icon_cjs_BgGtdviU.js');
+var Text = require('./Text_cjs_DG2eMKBi.js');
 
 const labelAppearanceAccent = {
     accentMutedPrimary: {

package/dist/{Label_es_CPJTfGeV.js → Label_es_CI2mt2wH.js}

@@ -4,8 +4,8 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { I as Icon, T as Tooltip } from './Icon_es_CJuX1p1_.js';
-import { T as Text } from './Text_es_C1kfpokr.js';
+import { I as Icon, T as Tooltip } from './Icon_es_CtZHchZc.js';
+import { T as Text } from './Text_es_CU9KR5AE.js';
 
 const labelAppearanceAccent = {
     accentMutedPrimary: {

package/dist/{Loader_cjs_rHdGFWUi.js → Loader_cjs_DWBtnjaL.js}

@@ -5,7 +5,7 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Text = require('./Text_cjs_BhnGHF2T.js');
+var Text = require('./Text_cjs_DG2eMKBi.js');
 
 const loaderAppearanceAccent = {
     accentPrimary: {

package/dist/{Loader_es_D4Vd79Gk.js → Loader_es_BvTBRuay.js}

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { T as Text } from './Text_es_C1kfpokr.js';
+import { T as Text } from './Text_es_CU9KR5AE.js';
 
 const loaderAppearanceAccent = {
     accentPrimary: {

package/dist/{SelectContainer_cjs_BCd-lWfu.js → SelectContainer_cjs_tjM35jHG.js}

@@ -8,10 +8,10 @@ var CreatableSelect = require('react-select/creatable');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var Group = require('./Group_cjs_CFzdSMKV.js');
-var Text = require('./Text_cjs_BhnGHF2T.js');
+var Text = require('./Text_cjs_DG2eMKBi.js');
 var _default = require('@itcase/icons/default');
-var Icon = require('./Icon_cjs_NpWSQezS.js');
-var Loader = require('./Loader_cjs_rHdGFWUi.js');
+var Icon = require('./Icon_cjs_BgGtdviU.js');
+var Loader = require('./Loader_cjs_DWBtnjaL.js');
 var Divider = require('./Divider_cjs_DrmV2ezS.js');
 
 // interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>

package/dist/{SelectContainer_es_DKSC5hMK.js → SelectContainer_es_BKIz5i19.js}

@@ -6,10 +6,10 @@ import CreatableSelect from 'react-select/creatable';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { G as Group } from './Group_es_BwTj-yH-.js';
-import { T as Text } from './Text_es_C1kfpokr.js';
+import { T as Text } from './Text_es_CU9KR5AE.js';
 import { icons12, icons16, icons14, icons24 } from '@itcase/icons/default';
-import { I as Icon, B as Badge } from './Icon_es_CJuX1p1_.js';
-import { L as Loader } from './Loader_es_D4Vd79Gk.js';
+import { I as Icon, B as Badge } from './Icon_es_CtZHchZc.js';
+import { L as Loader } from './Loader_es_BvTBRuay.js';
 import { D as Divider } from './Divider_es_BiYozVBS.js';
 
 // interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>

package/dist/{Text_cjs_BhnGHF2T.js → Text_cjs_DG2eMKBi.js}

@@ -41,7 +41,7 @@ const textConfig = {
     },
 };
 function Text(props) {
-    const { appearance, className, dataTestId, dataTour, cursor, htmlFor, tag: Tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, onDoubleClick, children, } = props;
+    const { appearance, className, dataTestId, dataTour, cursor, htmlFor, style, tag: Tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, onDoubleClick, children, } = props;
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, textConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     const { textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrapClass, cursorClass, sizeClass, widthClass, } = propsGenerator;
@@ -61,7 +61,7 @@ function Text(props) {
             `text-color_active_hover_${textColorActiveHoverClass}`, isActive &&
             !isDisabled &&
             textColorActiveClass &&
-            `text-color_active_${textColorActiveClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWrapClass && `word-wrap_${textWrapClass}`, textTruncateClass && `text-truncate_${textTruncateClass}`, isSkeleton && 'text_skeleton', widthClass && `width_${widthClass}`, cursorClass && `cursor_${cursorClass}`, onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
+            `text-color_active_${textColorActiveClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWrapClass && `word-wrap_${textWrapClass}`, textTruncateClass && `text-truncate_${textTruncateClass}`, isSkeleton && 'text_skeleton', widthClass && `width_${widthClass}`, cursorClass && `cursor_${cursorClass}`, onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: Object.assign({}, textStyles, style), onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
 }
 
 exports.Text = Text;

package/dist/{Text_es_C1kfpokr.js → Text_es_CU9KR5AE.js}

@@ -39,7 +39,7 @@ const textConfig = {
     },
 };
 function Text(props) {
-    const { appearance, className, dataTestId, dataTour, cursor, htmlFor, tag: Tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, onDoubleClick, children, } = props;
+    const { appearance, className, dataTestId, dataTour, cursor, htmlFor, style, tag: Tag = 'span', before, after, isActive, isDisabled, isSkeleton, onClick, onDoubleClick, children, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, textConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { textAlignClass, textColorActiveClass, textColorActiveHoverClass, textColorClass, textColorDisabledClass, textColorHoverClass, textFontClass, textStyleClass, textTruncateClass, textWeightClass, textWrapClass, cursorClass, sizeClass, widthClass, } = propsGenerator;
@@ -59,7 +59,7 @@ function Text(props) {
             `text-color_active_hover_${textColorActiveHoverClass}`, isActive &&
             !isDisabled &&
             textColorActiveClass &&
-            `text-color_active_${textColorActiveClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWrapClass && `word-wrap_${textWrapClass}`, textTruncateClass && `text-truncate_${textTruncateClass}`, isSkeleton && 'text_skeleton', widthClass && `width_${widthClass}`, cursorClass && `cursor_${cursorClass}`, onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
+            `text-color_active_${textColorActiveClass}`, textFontClass && `text-font_${textFontClass}`, textStyleClass && `text-style_${textStyleClass}`, textWrapClass && `word-wrap_${textWrapClass}`, textTruncateClass && `text-truncate_${textTruncateClass}`, isSkeleton && 'text_skeleton', widthClass && `width_${widthClass}`, cursorClass && `cursor_${cursorClass}`, onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: Object.assign({}, textStyles, style), onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
 }
 
 export { Text as T, textAppearance as a, textConfig as t };

package/dist/cjs/components/Accordion.js

@@ -7,9 +7,9 @@ var castArray = require('lodash/castArray');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-var Icon = require('../../Icon_cjs_NpWSQezS.js');
+var Icon = require('../../Icon_cjs_BgGtdviU.js');
 var Divider = require('../../Divider_cjs_DrmV2ezS.js');
-var Text = require('../../Text_cjs_BhnGHF2T.js');
+var Text = require('../../Text_cjs_DG2eMKBi.js');
 var _default = require('@itcase/icons/default');
 require('lodash/camelCase');
 require('lodash/upperFirst');

package/dist/cjs/components/Avatar.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Avatar = require('../../Avatar_cjs_ZK4mnb7m.js');
+var Avatar = require('../../Avatar_cjs_DRZE113U.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -18,14 +18,14 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Icon_cjs_NpWSQezS.js');
+require('../../Icon_cjs_BgGtdviU.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../../Link_cjs_qKXVfU8e.js');
-require('../../Text_cjs_BhnGHF2T.js');
+require('../../Text_cjs_DG2eMKBi.js');
 require('../../Image_cjs_BUM81t4Y.js');
 
 

package/dist/cjs/components/AvatarStack.js

@@ -5,9 +5,9 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Avatar = require('../../Avatar_cjs_ZK4mnb7m.js');
+var Avatar = require('../../Avatar_cjs_DRZE113U.js');
 var Group = require('../../Group_cjs_CFzdSMKV.js');
-var Text = require('../../Text_cjs_BhnGHF2T.js');
+var Text = require('../../Text_cjs_DG2eMKBi.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -22,7 +22,7 @@ require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
-require('../../Icon_cjs_NpWSQezS.js');
+require('../../Icon_cjs_BgGtdviU.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');

package/dist/cjs/components/Badge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon_cjs_NpWSQezS.js');
+var Icon = require('../../Icon_cjs_BgGtdviU.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -24,7 +24,7 @@ require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../../Link_cjs_qKXVfU8e.js');
-require('../../Text_cjs_BhnGHF2T.js');
+require('../../Text_cjs_DG2eMKBi.js');