@itcase/ui 1.8.122 → 1.8.123

package/dist/{Avatar_cjs_kuE0Rueg.js → Avatar_cjs_CLJnKU39.js}

@@ -6,7 +6,7 @@ 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_Cz6IyOkb.js');
-var Image = require('./Image_cjs_B6YlGx8G.js');
+var Image = require('./Image_cjs_DRhhc66R.js');
 var Text = require('./Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 

package/dist/{Avatar_es_lx7s4Vla.js → Avatar_es_BgN-fbOj.js}

@@ -4,7 +4,7 @@ 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_BrwLifge.js';
-import { I as Image } from './Image_es_BvYo_cHH.js';
+import { I as Image } from './Image_es_BpMidmve.js';
 import { T as Text } from './Text_es_CwV9rjFD.js';
 import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 

package/dist/{Button_cjs_i0Dn1pkl.js → Button_cjs_Ce97psFT.js}

@@ -187,7 +187,7 @@ var buttonAppearancePrimary = {
 var buttonAppearanceSecondary = {
     secondary: {
         fill: 'secondaryPrimary',
-        fillHover: 'secondaryPrimaryHover',
+        fillHover: 'secondaryHoverPrimary',
         labelTextColor: 'secondaryTextPrimary',
         iconAfterFillIcon: 'secondaryItemPrimary',
         iconBeforeFillIcon: 'secondaryItemPrimary',
@@ -197,8 +197,8 @@ var buttonAppearanceSecondary = {
     secondaryMutedPrimary: {
         fill: 'secondaryTertiary',
         fillHover: 'secondaryPrimaryHover',
-        borderColor: 'secondaryBorderSecondary',
         labelTextColor: 'secondaryTextQuaternary',
+        borderColor: 'secondaryBorderSecondary',
         iconAfterFillIcon: 'secondaryItemQuaternary',
         iconBeforeFillIcon: 'secondaryItemQuaternary',
         iconFillIcon: 'secondaryItemQuaternary',
@@ -206,7 +206,7 @@ var buttonAppearanceSecondary = {
     },
     secondaryPrimary: {
         fill: 'secondaryPrimary',
-        fillHover: 'secondaryPrimaryHover',
+        fillHover: 'secondaryHoverPrimary',
         labelTextColor: 'secondaryTextPrimary',
         iconAfterFillIcon: 'secondaryItemPrimary',
         iconBeforeFillIcon: 'secondaryItemPrimary',

package/dist/{Button_es_CtH5EKJd.js → Button_es_CZss7cXh.js}

@@ -185,7 +185,7 @@ var buttonAppearancePrimary = {
 var buttonAppearanceSecondary = {
     secondary: {
         fill: 'secondaryPrimary',
-        fillHover: 'secondaryPrimaryHover',
+        fillHover: 'secondaryHoverPrimary',
         labelTextColor: 'secondaryTextPrimary',
         iconAfterFillIcon: 'secondaryItemPrimary',
         iconBeforeFillIcon: 'secondaryItemPrimary',
@@ -195,8 +195,8 @@ var buttonAppearanceSecondary = {
     secondaryMutedPrimary: {
         fill: 'secondaryTertiary',
         fillHover: 'secondaryPrimaryHover',
-        borderColor: 'secondaryBorderSecondary',
         labelTextColor: 'secondaryTextQuaternary',
+        borderColor: 'secondaryBorderSecondary',
         iconAfterFillIcon: 'secondaryItemQuaternary',
         iconBeforeFillIcon: 'secondaryItemQuaternary',
         iconFillIcon: 'secondaryItemQuaternary',
@@ -204,7 +204,7 @@ var buttonAppearanceSecondary = {
     },
     secondaryPrimary: {
         fill: 'secondaryPrimary',
-        fillHover: 'secondaryPrimaryHover',
+        fillHover: 'secondaryHoverPrimary',
         labelTextColor: 'secondaryTextPrimary',
         iconAfterFillIcon: 'secondaryItemPrimary',
         iconBeforeFillIcon: 'secondaryItemPrimary',

package/dist/{DatePicker_cjs_DsIAoi01.js → DatePicker_cjs_BzEtDAb8.js}

@@ -9,9 +9,9 @@ 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_i0Dn1pkl.js');
+var Button = require('./Button_cjs_Ce97psFT.js');
 var Icon = require('./Icon_cjs_Cz6IyOkb.js');
-var Input = require('./Input_cjs_Du73R-wm.js');
+var Input = require('./Input_cjs_DRPK_RHK.js');
 var Label = require('./Label_cjs_DMoaOoHi.js');
 var Text = require('./Text_cjs_0EINiUq4.js');
 var _default = require('@itcase/icons/default');

package/dist/{DatePicker_es_BP5BrEr-.js → DatePicker_es_DRyCMO0I.js}

@@ -7,9 +7,9 @@ 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_CtH5EKJd.js';
+import { B as Button } from './Button_es_CZss7cXh.js';
 import { I as Icon } from './Icon_es_BrwLifge.js';
-import { I as Input } from './Input_es_CiDHjDqJ.js';
+import { I as Input } from './Input_es_Cv5nEb_n.js';
 import { L as Label } from './Label_es_SULlg9bL.js';
 import { T as Text } from './Text_es_CwV9rjFD.js';
 import { icons14 } from '@itcase/icons/default';

package/dist/{Image_cjs_B6YlGx8G.js → Image_cjs_DRhhc66R.js}

@@ -10,8 +10,9 @@ var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 var Image = urlWithAssetPrefix.urlWithAssetPrefix(function Image(props) {
     var className = props.className, type = props.type, src = props.src, title = props.title, alt = props.alt, caption = props.caption, imageClassName = props.imageClassName, imageWrapperClassName = props.imageWrapperClassName, mode = props.mode, overlay = props.overlay, placeholderUrl = props.placeholderUrl, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, onError = props.onError, children = props.children;
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
-    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorImageClass = propsGenerator.borderColorImageClass, cursorClass = propsGenerator.cursorClass, heightClass = propsGenerator.heightClass, horizontalAlignClass = propsGenerator.horizontalAlignClass, imageHeightClass = propsGenerator.imageHeightClass, imageWidthClass = propsGenerator.imageWidthClass, resizeModeClass = propsGenerator.resizeModeClass, shapeClass = propsGenerator.shapeClass, borderWidthClass = propsGenerator.borderWidthClass, borderTypeClass = propsGenerator.borderTypeClass, verticalAlignClass = propsGenerator.verticalAlignClass, widthClass = propsGenerator.widthClass;
+    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorImageClass = propsGenerator.borderColorImageClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, cursorClass = propsGenerator.cursorClass, heightClass = propsGenerator.heightClass, horizontalAlignClass = propsGenerator.horizontalAlignClass, imageHeightClass = propsGenerator.imageHeightClass, imageWidthClass = propsGenerator.imageWidthClass, resizeModeClass = propsGenerator.resizeModeClass, shapeClass = propsGenerator.shapeClass, verticalAlignClass = propsGenerator.verticalAlignClass, widthClass = propsGenerator.widthClass;
     var _a = useStyles.useStyles(props), imageStyles = _a.image, styles = _a.styles, wrapperStyles = _a.wrapper;
+    console.log(styles);
     var onErrorImage = React.useCallback(function (event) {
         if (onError) {
             onError(event);

package/dist/{Image_es_BvYo_cHH.js → Image_es_BpMidmve.js}

@@ -8,8 +8,9 @@ import { useStyles } from './hooks/useStyles/useStyles.js';
 var Image = urlWithAssetPrefix(function Image(props) {
     var className = props.className, type = props.type, src = props.src, title = props.title, alt = props.alt, caption = props.caption, imageClassName = props.imageClassName, imageWrapperClassName = props.imageWrapperClassName, mode = props.mode, overlay = props.overlay, placeholderUrl = props.placeholderUrl, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, onError = props.onError, children = props.children;
     var propsGenerator = useDevicePropsGenerator(props);
-    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorImageClass = propsGenerator.borderColorImageClass, cursorClass = propsGenerator.cursorClass, heightClass = propsGenerator.heightClass, horizontalAlignClass = propsGenerator.horizontalAlignClass, imageHeightClass = propsGenerator.imageHeightClass, imageWidthClass = propsGenerator.imageWidthClass, resizeModeClass = propsGenerator.resizeModeClass, shapeClass = propsGenerator.shapeClass, borderWidthClass = propsGenerator.borderWidthClass, borderTypeClass = propsGenerator.borderTypeClass, verticalAlignClass = propsGenerator.verticalAlignClass, widthClass = propsGenerator.widthClass;
+    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorImageClass = propsGenerator.borderColorImageClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, cursorClass = propsGenerator.cursorClass, heightClass = propsGenerator.heightClass, horizontalAlignClass = propsGenerator.horizontalAlignClass, imageHeightClass = propsGenerator.imageHeightClass, imageWidthClass = propsGenerator.imageWidthClass, resizeModeClass = propsGenerator.resizeModeClass, shapeClass = propsGenerator.shapeClass, verticalAlignClass = propsGenerator.verticalAlignClass, widthClass = propsGenerator.widthClass;
     var _a = useStyles(props), imageStyles = _a.image, styles = _a.styles, wrapperStyles = _a.wrapper;
+    console.log(styles);
     var onErrorImage = useCallback(function (event) {
         if (onError) {
             onError(event);

package/dist/{Input_cjs_Du73R-wm.js → Input_cjs_DRPK_RHK.js}

@@ -201,12 +201,12 @@ var inputConfig = {
     },
 };
 var Input = React.forwardRef(function Input(props, ref) {
-    var id = props.id, dataTestId = props.dataTestId, className = props.className, _a = props.type, type = _a === void 0 ? 'text' : _a, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, autocomplete = props.autocomplete, index = props.index, placeholder = props.placeholder, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var id = props.id, appearance = props.appearance, className = props.className, dataTestId = props.dataTestId, _a = props.type, type = _a === void 0 ? 'text' : _a, name = props.name, autocomplete = props.autocomplete, index = props.index, placeholder = props.placeholder, value = props.value, isDisabled = props.isDisabled, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, inputConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
-    return (jsxRuntime.jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', isDisabled && 'input_state_disabled', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), textColorClass && "text-color_".concat(textColorClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), sizeClass && "input_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderColorClass && "border-color_".concat(borderColorClass), placeholderTextColorClass &&
-            "placeholder-text-color_".concat(placeholderTextColorClass), textColorClass && "text-color_".concat(textColorClass)), type: type, ref: ref, disabled: isDisabled, autoComplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), index: index, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
+    return (jsxRuntime.jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', isDisabled && 'input_state_disabled', (textSizeClass || textColorClass || textWeightClass) && 'text', borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), caretClass && "caret-color_".concat(caretClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), placeholderTextColorClass &&
+            "placeholder-text-color_".concat(placeholderTextColorClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), sizeClass && "input_size_".concat(sizeClass), textColorClass && "text-color_".concat(textColorClass), textColorClass && "text-color_".concat(textColorClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass)), type: type, ref: ref, disabled: isDisabled, autoComplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), index: index, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
 });
 
 exports.Input = Input;

package/dist/{Input_es_CiDHjDqJ.js → Input_es_Cv5nEb_n.js}

@@ -199,12 +199,12 @@ var inputConfig = {
     },
 };
 var Input = React.forwardRef(function Input(props, ref) {
-    var id = props.id, dataTestId = props.dataTestId, className = props.className, _a = props.type, type = _a === void 0 ? 'text' : _a, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, autocomplete = props.autocomplete, index = props.index, placeholder = props.placeholder, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var id = props.id, appearance = props.appearance, className = props.className, dataTestId = props.dataTestId, _a = props.type, type = _a === void 0 ? 'text' : _a, name = props.name, autocomplete = props.autocomplete, index = props.index, placeholder = props.placeholder, value = props.value, isDisabled = props.isDisabled, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var appearanceConfig = useAppearanceConfig(appearance, inputConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
-    return (jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', isDisabled && 'input_state_disabled', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), textColorClass && "text-color_".concat(textColorClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), sizeClass && "input_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderColorClass && "border-color_".concat(borderColorClass), placeholderTextColorClass &&
-            "placeholder-text-color_".concat(placeholderTextColorClass), textColorClass && "text-color_".concat(textColorClass)), type: type, ref: ref, disabled: isDisabled, autoComplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), index: index, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
+    return (jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', isDisabled && 'input_state_disabled', (textSizeClass || textColorClass || textWeightClass) && 'text', borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), caretClass && "caret-color_".concat(caretClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), placeholderTextColorClass &&
+            "placeholder-text-color_".concat(placeholderTextColorClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), sizeClass && "input_size_".concat(sizeClass), textColorClass && "text-color_".concat(textColorClass), textColorClass && "text-color_".concat(textColorClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass)), type: type, ref: ref, disabled: isDisabled, autoComplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), index: index, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
 });
 
 export { Input as I, inputAppearance as a, inputConfig as i };

package/dist/cjs/components/Avatar.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Avatar = require('../../Avatar_cjs_kuE0Rueg.js');
+var Avatar = require('../../Avatar_cjs_CLJnKU39.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -27,7 +27,7 @@ require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../../Link_cjs_C5UsZUiF.js');
 require('../../Text_cjs_0EINiUq4.js');
-require('../../Image_cjs_B6YlGx8G.js');
+require('../../Image_cjs_DRhhc66R.js');
 
 
 

package/dist/cjs/components/AvatarStack.js

@@ -5,7 +5,7 @@ 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_kuE0Rueg.js');
+var Avatar = require('../../Avatar_cjs_CLJnKU39.js');
 var Group = require('../../Group_cjs_CsJ6ICKK.js');
 var Text = require('../../Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
@@ -28,7 +28,7 @@ require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
 require('../../Link_cjs_C5UsZUiF.js');
-require('../../Image_cjs_B6YlGx8G.js');
+require('../../Image_cjs_DRhhc66R.js');
 
 var avatarStackAppearanceSize = {
     size16: {

package/dist/cjs/components/Button.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Button = require('../../Button_cjs_i0Dn1pkl.js');
+var Button = require('../../Button_cjs_Ce97psFT.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/CookiesWarning.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Button = require('../../Button_cjs_i0Dn1pkl.js');
+var Button = require('../../Button_cjs_Ce97psFT.js');
 var Text = require('../../Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('lodash/camelCase');

package/dist/cjs/components/Dadata.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var reactDadata = require('react-dadata');
-var Input = require('../../Input_cjs_Du73R-wm.js');
+var Input = require('../../Input_cjs_DRPK_RHK.js');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');

package/dist/cjs/components/DatePeriod.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var common = require('@itcase/common');
-var DatePicker = require('../../DatePicker_cjs_DsIAoi01.js');
+var DatePicker = require('../../DatePicker_cjs_BzEtDAb8.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var ChipsGroup = require('../../ChipsGroup_cjs_C8L3ZeD_.js');
@@ -23,7 +23,7 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Button_cjs_i0Dn1pkl.js');
+require('../../Button_cjs_Ce97psFT.js');
 require('../../Icon_cjs_Cz6IyOkb.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
@@ -31,7 +31,7 @@ require('../context/UrlAssetPrefix.js');
 require('../../Link_cjs_C5UsZUiF.js');
 require('../../Text_cjs_0EINiUq4.js');
 require('../../Loader_cjs_D3lnxPlI.js');
-require('../../Input_cjs_Du73R-wm.js');
+require('../../Input_cjs_DRPK_RHK.js');
 require('../../Label_cjs_DMoaOoHi.js');
 require('@itcase/icons/default');
 require('lodash/castArray');
@@ -81,7 +81,7 @@ var datePeriodConfig = {
     },
 };
 function DatePeriod(props) {
-    var className = props.className, appearance = props.appearance, _a = props.datePeriodIntervalsList, datePeriodIntervalsList = _a === void 0 ? Object.values(common.DATE_PERIOD_INTERVALS) : _a, datePeriodValueEnd = props.datePeriodValueEnd, datePeriodValueStart = props.datePeriodValueStart, monthsShown = props.monthsShown, isSkeleton = props.isSkeleton, isDisabled = props.isDisabled, onChangeDatePeriod = props.onChangeDatePeriod, onKeyDown = props.onKeyDown;
+    var appearance = props.appearance, className = props.className, _a = props.datePeriodIntervalsList, datePeriodIntervalsList = _a === void 0 ? Object.values(common.DATE_PERIOD_INTERVALS) : _a, datePeriodValueEnd = props.datePeriodValueEnd, datePeriodValueStart = props.datePeriodValueStart, monthsShown = props.monthsShown, isDisabled = props.isDisabled, isSkeleton = props.isSkeleton, onChangeDatePeriod = props.onChangeDatePeriod, onKeyDown = props.onKeyDown;
     var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, datePeriodConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var _b = propsGenerator, fillClass = _b.fillClass, chipsAppearance = _b.chipsAppearance, chipsAppearanceSize = _b.chipsAppearanceSize, chipsShape = _b.chipsShape, datePickerAppearance = _b.datePickerAppearance, datePickerAppearanceSize = _b.datePickerAppearanceSize, datePickerInputAppearance = _b.datePickerInputAppearance, datePickerInputFillHover = _b.datePickerInputFillHover, datePickerInputSize = _b.datePickerInputSize, datePickerInputTextSize = _b.datePickerInputTextSize, shapeClass = _b.shapeClass, sizeClass = _b.sizeClass;
@@ -110,7 +110,7 @@ function DatePeriod(props) {
     //   },
     //   [onChangeDatePeriod],
     // )
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'date-period', shapeClass && "date-period_shape_".concat(shapeClass), sizeClass && "date-period_size_".concat(sizeClass), isSkeleton && "date-period_skeleton", fillClass && "fill_".concat(fillClass), 'cursor_type_pointer'), children: jsxRuntime.jsxs(ChipsGroup.ChipsGroup, { direction: "horizontal", children: [datePeriodIntervalsList.map(function (datePeriodItem) { return (jsxRuntime.jsx(ChipsGroup.Chips, { appearance: "".concat(chipsAppearance, " ").concat(chipsAppearanceSize), label: datePeriodItem.label, shape: chipsShape, isActive: checkIsChipsActive(datePeriodItem), onClick: function () { return onClickPeriodChips(datePeriodItem); } }, datePeriodItem.value)); }), jsxRuntime.jsx(DatePicker.DatePickerInput, { datePickerProps: {
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'date-period', shapeClass && "date-period_shape_".concat(shapeClass), sizeClass && "date-period_size_".concat(sizeClass), isSkeleton && "date-period_skeleton", fillClass && "fill_".concat(fillClass), 'cursor_type_pointer'), children: jsxRuntime.jsxs(ChipsGroup.ChipsGroup, { direction: "horizontal", children: [datePeriodIntervalsList.map(function (datePeriodItem) { return (jsxRuntime.jsx(ChipsGroup.Chips, { appearance: "".concat(chipsAppearance, " ").concat(chipsAppearanceSize), label: datePeriodItem.label, shape: chipsShape, isActive: checkIsChipsActive(datePeriodItem), onClick: function () { return onClickPeriodChips(datePeriodItem); } }, datePeriodItem.value)); }), jsxRuntime.jsx(DatePicker.DatePickerInput, { className: "date-period__datepicker", datePickerProps: {
                         appearance: "".concat(datePickerAppearance, " ").concat(datePickerAppearanceSize),
                         dateFormat: 'dd/MM/yyyy',
                         monthsShown: monthsShown,
@@ -120,8 +120,8 @@ function DatePeriod(props) {
                         isStartDefaultNull: true,
                         onKeyDown: onKeyDown,
                     }, endValue: datePeriodValueEnd, inputProps: {
-                        className: "date-period__datepicker-input date-period__datepicker-input_size_".concat(datePickerInputSize),
                         appearance: "".concat(datePickerInputAppearance, " ghost"),
+                        className: "date-period__datepicker-input date-period__datepicker-input_size_".concat(datePickerInputSize),
                         fillHover: datePickerInputFillHover,
                         textSize: datePickerInputTextSize,
                         placeholder: 'Выбрать период',

package/dist/cjs/components/DatePicker.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DatePicker = require('../../DatePicker_cjs_DsIAoi01.js');
+var DatePicker = require('../../DatePicker_cjs_BzEtDAb8.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -23,7 +23,7 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Button_cjs_i0Dn1pkl.js');
+require('../../Button_cjs_Ce97psFT.js');
 require('../../Icon_cjs_Cz6IyOkb.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
@@ -31,7 +31,7 @@ require('../context/UrlAssetPrefix.js');
 require('../../Link_cjs_C5UsZUiF.js');
 require('../../Text_cjs_0EINiUq4.js');
 require('../../Loader_cjs_D3lnxPlI.js');
-require('../../Input_cjs_Du73R-wm.js');
+require('../../Input_cjs_DRPK_RHK.js');
 require('../../Label_cjs_DMoaOoHi.js');
 require('@itcase/icons/default');
 

package/dist/cjs/components/Grid.js

@@ -21,12 +21,12 @@ require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
 
 function Grid(props) {
-    var id = props.id, className = props.className, type = props.type, dataTour = props.dataTour, horizontalResizing = props.horizontalResizing, horizontalScroll = props.horizontalScroll, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, useGridSystem = props.useGridSystem, verticalResizing = props.verticalResizing, before = props.before, after = props.after, onClick = props.onClick, onDoubleClick = props.onDoubleClick, children = props.children;
+    var id = props.id, className = props.className, dataTour = props.dataTour, type = props.type, horizontalResizing = props.horizontalResizing, horizontalScroll = props.horizontalScroll, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, useGridSystem = props.useGridSystem, verticalResizing = props.verticalResizing, before = props.before, after = props.after, onClick = props.onClick, onDoubleClick = props.onDoubleClick, children = props.children;
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
-    var justifyContentClass = propsGenerator.justifyContentClass, justifyItemsClass = propsGenerator.justifyItemsClass, alignContentClass = propsGenerator.alignContentClass, alignItemsClass = propsGenerator.alignItemsClass, fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, columnGapClass = propsGenerator.columnGapClass, columnsClass = propsGenerator.columnsClass, heightClass = propsGenerator.heightClass, rowGapClass = propsGenerator.rowGapClass, rowsClass = propsGenerator.rowsClass, widthClass = propsGenerator.widthClass;
+    var justifyContentClass = propsGenerator.justifyContentClass, justifyItemsClass = propsGenerator.justifyItemsClass, alignContentClass = propsGenerator.alignContentClass, alignItemsClass = propsGenerator.alignItemsClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, columnGapClass = propsGenerator.columnGapClass, columnsClass = propsGenerator.columnsClass, heightClass = propsGenerator.heightClass, rowGapClass = propsGenerator.rowGapClass, rowsClass = propsGenerator.rowsClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error
     var gridStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs(Tag, { id: id, className: clsx(className, 'grid', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), useGridSystem && "grid_state_system", horizontalScroll && "grid_scroll_horizontal", type && "grid_type_".concat(type), columnsClass && "grid_columns_".concat(columnsClass), rowsClass && "grid_rows_".concat(rowsClass), rowGapClass && "grid_row-gap_".concat(rowGapClass), columnGapClass && "grid_column-gap_".concat(columnGapClass), alignContentClass && "grid_align-content_".concat(alignContentClass), alignItemsClass && "grid_align-items_".concat(alignItemsClass), borderColorClass && "border-color_".concat(borderColorClass), justifyContentClass && "grid_justify-content_".concat(justifyContentClass), justifyItemsClass && "grid_justify-items_".concat(justifyItemsClass), fillClass && "fill_".concat(fillClass), horizontalResizing && "grid_horizontal-resizing_".concat(horizontalResizing), verticalResizing && "grid_vertical-resizing_".concat(verticalResizing)), dataTour: dataTour, style: gridStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before && jsxRuntime.jsx("div", { className: "grid__before", children: before }), children, after && jsxRuntime.jsx("div", { className: "grid__after", children: after })] }));
+    return (jsxRuntime.jsxs(Tag, { id: id, className: clsx(className, 'grid', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), useGridSystem && "grid_state_system", horizontalScroll && "grid_scroll_horizontal", type && "grid_type_".concat(type), columnsClass && "grid_columns_".concat(columnsClass), rowsClass && "grid_rows_".concat(rowsClass), rowGapClass && "grid_row-gap_".concat(rowGapClass), columnGapClass && "grid_column-gap_".concat(columnGapClass), alignContentClass && "grid_align-content_".concat(alignContentClass), alignItemsClass && "grid_align-items_".concat(alignItemsClass), borderColorClass && "border-color_".concat(borderColorClass), justifyContentClass && "grid_justify-content_".concat(justifyContentClass), justifyItemsClass && "grid_justify-items_".concat(justifyItemsClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), horizontalResizing && "grid_horizontal-resizing_".concat(horizontalResizing), verticalResizing && "grid_vertical-resizing_".concat(verticalResizing)), dataTour: dataTour, style: gridStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before && jsxRuntime.jsx("div", { className: "grid__before", children: before }), children, after && jsxRuntime.jsx("div", { className: "grid__after", children: after })] }));
 }
 
 function GridItem(props) {

package/dist/cjs/components/Image.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Image = require('../../Image_cjs_B6YlGx8G.js');
+var Image = require('../../Image_cjs_DRhhc66R.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/Input.js

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