@itcase/ui 1.8.29 → 1.8.31

package/dist/{Tooltip_cjs_pBGCcXLZ.js → Tooltip_cjs_BE4fABOp.js}

@@ -317,6 +317,12 @@ var iconAppearanceDanger = {
         labelTextColor: 'dangerTextSecondary',
         labelTextColorHover: 'dangerTextSecondary',
     },
+    dangerPrimary: {
+        fill: 'dangerPrimary',
+        fillHover: 'dangerHover',
+        labelTextColor: 'dangerTextSecondary',
+        labelTextColorHover: 'dangerTextSecondary',
+    },
 };
 
 var iconAppearanceError = {
@@ -326,6 +332,12 @@ var iconAppearanceError = {
         labelTextColor: 'errorTextPrimary',
         labelTextColorHover: 'errorTextPrimary',
     },
+    errorPrimary: {
+        fill: 'errorPrimary',
+        fillHover: 'errorHover',
+        labelTextColor: 'errorTextPrimary',
+        labelTextColorHover: 'errorTextPrimary',
+    },
 };
 
 var iconAppearanceInfo = {
@@ -351,6 +363,11 @@ var iconAppearancePrimary = {
         fillHover: 'primaryPrimaryHover',
         labelTextColor: 'primaryTextPrimary',
     },
+    primaryPrimary: {
+        fill: 'primaryPrimary',
+        fillHover: 'primaryPrimaryHover',
+        labelTextColor: 'primaryTextPrimary',
+    },
 };
 
 var iconAppearanceSecondary = {
@@ -359,6 +376,11 @@ var iconAppearanceSecondary = {
         fillHover: 'secondaryPrimaryHover',
         labelTextColor: 'secondaryTextPrimary',
     },
+    secondaryPrimary: {
+        fill: 'secondaryPrimary',
+        fillHover: 'secondaryPrimaryHover',
+        labelTextColor: 'secondaryTextPrimary',
+    },
 };
 
 var iconAppearanceSize = {
@@ -505,16 +527,17 @@ var iconAppearanceSize = {
 };
 
 var iconAppearanceStyle = {
-    solid: {
+    full: {
         borderColor: '0',
     },
-    outlined: {
+    ghost: {
         fill: 'none',
+        borderColor: '0',
     },
-    full: {},
-    ghost: {
+    outlined: {
         fill: 'none',
-        fillHover: 'none',
+    },
+    solid: {
         borderColor: '0',
     },
 };
@@ -573,6 +596,12 @@ var iconAppearanceWarning = {
         labelTextColor: 'warningTextSecondary',
         labelTextColorHover: 'warningTextSecondary',
     },
+    warningPrimary: {
+        fill: 'warningPrimary',
+        fillHover: 'warningHover',
+        labelTextColor: 'warningTextSecondary',
+        labelTextColorHover: 'warningTextSecondary',
+    },
 };
 
 var iconAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, iconAppearanceSize), iconAppearanceStyle), iconAppearanceAccent), iconAppearanceDanger), iconAppearanceError), iconAppearanceInfo), iconAppearancePrimary), iconAppearanceSecondary), iconAppearanceSuccess), iconAppearanceSurface), iconAppearanceWarning);

package/dist/{Tooltip_es_frBCZDrO.js → Tooltip_es_BPMRrd2L.js}

@@ -315,6 +315,12 @@ var iconAppearanceDanger = {
         labelTextColor: 'dangerTextSecondary',
         labelTextColorHover: 'dangerTextSecondary',
     },
+    dangerPrimary: {
+        fill: 'dangerPrimary',
+        fillHover: 'dangerHover',
+        labelTextColor: 'dangerTextSecondary',
+        labelTextColorHover: 'dangerTextSecondary',
+    },
 };
 
 var iconAppearanceError = {
@@ -324,6 +330,12 @@ var iconAppearanceError = {
         labelTextColor: 'errorTextPrimary',
         labelTextColorHover: 'errorTextPrimary',
     },
+    errorPrimary: {
+        fill: 'errorPrimary',
+        fillHover: 'errorHover',
+        labelTextColor: 'errorTextPrimary',
+        labelTextColorHover: 'errorTextPrimary',
+    },
 };
 
 var iconAppearanceInfo = {
@@ -349,6 +361,11 @@ var iconAppearancePrimary = {
         fillHover: 'primaryPrimaryHover',
         labelTextColor: 'primaryTextPrimary',
     },
+    primaryPrimary: {
+        fill: 'primaryPrimary',
+        fillHover: 'primaryPrimaryHover',
+        labelTextColor: 'primaryTextPrimary',
+    },
 };
 
 var iconAppearanceSecondary = {
@@ -357,6 +374,11 @@ var iconAppearanceSecondary = {
         fillHover: 'secondaryPrimaryHover',
         labelTextColor: 'secondaryTextPrimary',
     },
+    secondaryPrimary: {
+        fill: 'secondaryPrimary',
+        fillHover: 'secondaryPrimaryHover',
+        labelTextColor: 'secondaryTextPrimary',
+    },
 };
 
 var iconAppearanceSize = {
@@ -503,16 +525,17 @@ var iconAppearanceSize = {
 };
 
 var iconAppearanceStyle = {
-    solid: {
+    full: {
         borderColor: '0',
     },
-    outlined: {
+    ghost: {
         fill: 'none',
+        borderColor: '0',
     },
-    full: {},
-    ghost: {
+    outlined: {
         fill: 'none',
-        fillHover: 'none',
+    },
+    solid: {
         borderColor: '0',
     },
 };
@@ -571,6 +594,12 @@ var iconAppearanceWarning = {
         labelTextColor: 'warningTextSecondary',
         labelTextColorHover: 'warningTextSecondary',
     },
+    warningPrimary: {
+        fill: 'warningPrimary',
+        fillHover: 'warningHover',
+        labelTextColor: 'warningTextSecondary',
+        labelTextColorHover: 'warningTextSecondary',
+    },
 };
 
 var iconAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, iconAppearanceSize), iconAppearanceStyle), iconAppearanceAccent), iconAppearanceDanger), iconAppearanceError), iconAppearanceInfo), iconAppearancePrimary), iconAppearanceSecondary), iconAppearanceSuccess), iconAppearanceSurface), iconAppearanceWarning);

package/dist/cjs/components/Accordion.js

@@ -7,8 +7,8 @@ var clsx = require('clsx');
 var castArray = require('lodash/castArray');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
+var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
 var Divider = require('../../Divider_cjs_BmCJj3TN.js');
-var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 var _default = require('@itcase/icons/default');
 require('lodash/camelCase');
@@ -28,42 +28,49 @@ require('../../Link_cjs_DbRGq2Yk.js');
 var accordionAppearanceSize = {
     sizeXXL: {
         size: 'xxl',
-        titleTextSize: 'xxl',
+        titleTextSize: 'h3',
+        badgeAppearanceSize: 'sizeXS',
         contentTextSize: 'xxl',
         icon: _default.icon16.ChevronDown,
     },
     sizeXL: {
         size: 'xl',
-        titleTextSize: 'l',
+        titleTextSize: 'h3',
+        badgeAppearanceSize: 'sizeXS',
         contentTextSize: 'l',
         icon: _default.icon16.ChevronDown,
     },
     sizeL: {
         size: 'l',
-        titleTextSize: 'l',
+        titleTextSize: 'h4',
+        badgeAppearanceSize: 'sizeXS',
         icon: _default.icon16.ChevronDown,
     },
     sizeM: {
         size: 'm',
-        titleTextSize: 'm',
+        titleTextSize: 'h5',
+        badgeAppearanceSize: 'sizeXS',
         contentTextSize: 'm',
         icon: _default.icon16.ChevronDown,
     },
     sizeS: {
         size: 's',
-        titleTextSize: 's',
+        titleTextSize: 'h6',
+        badgeAppearanceSize: 'sizeXS',
         contentTextSize: 's',
         icon: _default.icon16.ChevronDown,
     },
     sizeXS: {
         size: 'xs',
-        titleTextSize: 'xs',
+        titleTextSize: 'h6',
+        badgeAppearanceSize: 'sizeXS',
         contentTextSize: 'xs',
         icon: _default.icon16.ChevronDown,
     },
     sizeXXS: {
         size: 'xxs',
-        titleTextSize: 'xs',
+        titleTextSize: 'h6',
+        badgeAppearanceSize: 'sizeXS',
         contentTextSize: 'xs',
         icon: _default.icon16.ChevronDown,
     },
@@ -89,24 +96,33 @@ var accordionAppearanceSurface = {
         fillHover: 'surfacePrimaryHover',
         titleTextColor: 'surfaceTextPrimary',
         labelTextColor: 'surfaceTextPrimary',
+        badgeAppearance: 'accentPrimary solid',
+        badgeShape: 'circular',
         iconFillIcon: 'surfaceItemPrimary',
     },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
         fillHover: 'surfaceSecondaryHover',
         labelTextColor: 'surfaceTextPrimary',
-        loaderFill: 'surfaceSecondary',
-        loaderItemFill: 'surfaceItemPrimary',
+        badgeAppearance: 'accentPrimary solid',
+        badgeShape: 'circular',
+        iconFillIcon: 'surfaceItemPrimary',
     },
     surfaceTertiary: {
         fill: 'surfaceTertiary',
         fillHover: 'surfaceTertiaryHover',
         labelTextColor: 'surfaceTextPrimary',
+        badgeAppearance: 'accentPrimary solid',
+        badgeShape: 'circular',
+        iconFillIcon: 'surfaceItemPrimary',
     },
     surfaceQuaternary: {
         fill: 'surfaceQuaternary',
         fillHover: 'surfaceQuaternaryHover',
         labelTextColor: 'surfaceTextPrimary',
+        badgeAppearance: 'accentPrimary solid',
+        badgeShape: 'circular',
+        iconFillIcon: 'surfaceItemPrimary',
     },
 };
 
@@ -135,10 +151,10 @@ function AccordionItem(props) {
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = accordionItemConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, titleBorderColorClass = propsGenerator.titleBorderColorClass, titleFillClass = propsGenerator.titleFillClass, titleFillHoverClass = propsGenerator.titleFillHoverClass, titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, titleTextWeight = propsGenerator.titleTextWeight, _a = propsGenerator.titleWidthClass, titleWidthClass = _a === void 0 ? 'fill' : _a, borderColorClass = propsGenerator.borderColorClass, contentTextColor = propsGenerator.contentTextColor, contentTextSize = propsGenerator.contentTextSize, contentTextWeight = propsGenerator.contentTextWeight, dividerDirection = propsGenerator.dividerDirection, dividerFill = propsGenerator.dividerFill, dividerSize = propsGenerator.dividerSize, icon = propsGenerator.icon, iconFill = propsGenerator.iconFill, iconFillIcon = propsGenerator.iconFillIcon, iconFillSize = propsGenerator.iconFillSize, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, shapeClass = propsGenerator.shapeClass, showDivider = propsGenerator.showDivider, sizeClass = propsGenerator.sizeClass;
+    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, titleBorderColorClass = propsGenerator.titleBorderColorClass, titleFillClass = propsGenerator.titleFillClass, titleFillHoverClass = propsGenerator.titleFillHoverClass, titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, titleTextWeight = propsGenerator.titleTextWeight, titleWidthClass = propsGenerator.titleWidthClass, borderColorClass = propsGenerator.borderColorClass, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, badgeValue = propsGenerator.badgeValue, contentTextColor = propsGenerator.contentTextColor, contentTextSize = propsGenerator.contentTextSize, contentTextWeight = propsGenerator.contentTextWeight, dividerDirection = propsGenerator.dividerDirection, dividerFill = propsGenerator.dividerFill, dividerSize = propsGenerator.dividerSize, icon = propsGenerator.icon, iconFill = propsGenerator.iconFill, iconFillIcon = propsGenerator.iconFillIcon, iconFillSize = propsGenerator.iconFillSize, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, shapeClass = propsGenerator.shapeClass, showDivider = propsGenerator.showDivider, sizeClass = propsGenerator.sizeClass, zeroGap = propsGenerator.zeroGap, zeroPadding = propsGenerator.zeroPadding;
     // @ts-expect-error
     var styles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs("div", { className: clsx('accordion-item', className, borderColorClass && "border-color_".concat(borderColorClass), shapeClass && "accordion-item_shape_".concat(shapeClass), sizeClass && "accordion-item_size_".concat(sizeClass), isExpanded && 'accordion-item_state_open'), style: styles, children: [jsxRuntime.jsxs("div", { className: clsx('accordion-item__header', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), children: [jsxRuntime.jsx(Text.Text, { className: clsx('accordion-item__title', titleBorderColorClass && "border-color_".concat(titleBorderColorClass), titleFillClass && "fill_".concat(titleFillClass), titleFillHoverClass && "fill_hover_".concat(titleFillHoverClass), titleWidthClass && "width_".concat(titleWidthClass), onClickTitle && 'cursor_type_pointer'), size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, onClick: onClickTitle, children: title }), (icon || iconSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: clsx('accordion-item__icon'), fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon, onClick: onClickTitle })), beforeContent, showDivider && (jsxRuntime.jsx(Divider.Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill || 'surfaceTertiary' }))] }), isExpanded && (jsxRuntime.jsxs("div", { className: clsx('accordion-item__content'), children: [content && (jsxRuntime.jsx("div", { className: clsx('accordion-item__content-inner', fillClass && "fill_".concat(fillClass)), children: jsxRuntime.jsx(Text.Text, { size: contentTextSize, textColor: contentTextColor, textWeight: contentTextWeight, children: content }) })), children] })), afterContent] }));
+    return (jsxRuntime.jsxs("div", { className: clsx('accordion-item', className, zeroPadding && 'accordion-item_zero-padding', zeroGap && 'accordion-item_zero-gap', borderColorClass && "border-color_".concat(borderColorClass), shapeClass && "accordion-item_shape_".concat(shapeClass), sizeClass && "accordion-item_size_".concat(sizeClass), isExpanded && 'accordion-item_state_open'), style: styles, children: [jsxRuntime.jsxs("div", { className: clsx('accordion-item__header', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), children: [jsxRuntime.jsx(Text.Text, { className: clsx('accordion-item__title', titleBorderColorClass && "border-color_".concat(titleBorderColorClass), titleFillClass && "fill_".concat(titleFillClass), titleFillHoverClass && "fill_hover_".concat(titleFillHoverClass), titleWidthClass && "width_".concat(titleWidthClass), onClickTitle && 'cursor_type_pointer'), size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, onClick: onClickTitle, children: title }), jsxRuntime.jsxs("div", { className: "accordion-item__action", children: [badgeValue && (jsxRuntime.jsx(Tooltip.Badge, { className: "accordion-item__badge", appearance: "".concat(badgeAppearance, " ").concat(badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: clsx('accordion-item__icon'), fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon, onClick: onClickTitle }))] }), showDivider && (jsxRuntime.jsx(Divider.Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill || 'surfaceTertiary' }))] }), beforeContent, isExpanded && (jsxRuntime.jsxs("div", { className: clsx('accordion-item__content'), children: [content && (jsxRuntime.jsx("div", { className: clsx('accordion-item__content-inner', fillClass && "fill_".concat(fillClass)), children: jsxRuntime.jsx(Text.Text, { size: contentTextSize, textColor: contentTextColor, textWeight: contentTextWeight, children: content }) })), children] })), afterContent] }));
 }
 
 function Accordion(props) {

package/dist/cjs/components/Avatar.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Avatar = require('../../Avatar_cjs_33OrnLtt.js');
+var Avatar = require('../../Avatar_cjs_DRaNGlad.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -16,7 +16,7 @@ require('../context/UIContext.js');
 require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
-require('../../Tooltip_cjs_pBGCcXLZ.js');
+require('../../Tooltip_cjs_BE4fABOp.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');

package/dist/cjs/components/AvatarStack.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Avatar = require('../../Avatar_cjs_33OrnLtt.js');
+var Avatar = require('../../Avatar_cjs_DRaNGlad.js');
 var Group = require('../../Group_cjs_Cwt0gWk4.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('react');
@@ -21,7 +21,7 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Tooltip_cjs_pBGCcXLZ.js');
+require('../../Tooltip_cjs_BE4fABOp.js');
 require('react-inlinesvg');
 require('../../Link_cjs_DbRGq2Yk.js');
 require('../../Image_cjs_CCWqbNn4.js');

package/dist/cjs/components/Badge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
+var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');

package/dist/cjs/components/Breadcrumbs.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
-var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
+var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
 var Link = require('../../Link_cjs_DbRGq2Yk.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('lodash/camelCase');

package/dist/cjs/components/Button.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var Button = require('../../Button_cjs_C05Joa8j.js');
+var Button = require('../../Button_cjs_CnBP4mKv.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('../../Tooltip_cjs_pBGCcXLZ.js');
+require('../../Tooltip_cjs_BE4fABOp.js');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Cell.js

@@ -5,8 +5,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
-var Label = require('../../Label_cjs_BefEcq6i.js');
+var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
+var Label = require('../../Label_cjs_CqSZcFNk.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('react');
 require('lodash/camelCase');

package/dist/cjs/components/Chips.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var ChipsGroup = require('../../ChipsGroup_cjs_Cm_pVx8z.js');
+var ChipsGroup = require('../../ChipsGroup_cjs_BCnPa9xv.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -19,7 +19,7 @@ require('../utils/setViewportProperty.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Tooltip_cjs_pBGCcXLZ.js');
+require('../../Tooltip_cjs_BE4fABOp.js');
 require('../../Text_cjs_C9fOm0nd.js');
 require('react-inlinesvg');
 require('../../Link_cjs_DbRGq2Yk.js');

package/dist/cjs/components/Choice/stories/__mock__.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var options = [
+    { label: 'Label 1', value: 1 },
+    { label: 'Label 2', value: 2 },
+    { label: 'Label 3', value: 3 },
+    { label: 'Label 4', value: 4 },
+    { label: 'Label 5', value: 5 },
+];
+
+exports.options = options;

package/dist/cjs/components/Choice.js

@@ -6,7 +6,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Tooltip = require('../../Tooltip_cjs_pBGCcXLZ.js');
+var Tooltip = require('../../Tooltip_cjs_BE4fABOp.js');
 var Loader = require('../../Loader_cjs_CCrbD8Em.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('lodash/camelCase');
@@ -24,13 +24,44 @@ require('../hooks/useStyles/styleAttributes.js');
 require('react-inlinesvg');
 require('../../Link_cjs_DbRGq2Yk.js');
 
-var choiceAppearanceAccent = {
-    accentPrimary: {
-        fill: 'surfacePrimary',
-        fillItemActive: 'accentPrimary',
-        labelTextActiveColor: 'accentTextPrimary',
+var choiceAppearanceDefault = {
+    defaultPrimary: {
+        fill: 'surfaceSecondary',
         labelTextColor: 'surfaceTextPrimary',
-        borderColor: 'surfaceBorderSecondary',
+        borderColor: 'surfaceBorderQuaternary',
+        iconAfterFill: 'surfaceItemQuaternary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+    },
+};
+
+var choiceAppearanceDisabled = {
+    disabledPrimary: {
+        fill: 'surfaceDisabled',
+        labelTextColor: 'surfaceTextQuaternary',
+        borderColor: 'surfaceBorderPrimary',
+        iconAfterFill: 'surfaceItemPrimary',
+        iconBeforeFill: 'surfaceItemPrimary',
+    },
+};
+
+var choiceAppearanceError = {
+    errorPrimary: {
+        fill: 'errorTertiary',
+        labelTextColor: 'surfaceTextPrimary',
+        borderColor: 'errorBorderQuaternary',
+        iconAfterFill: 'errorItemPrimary',
+        iconBeforeFill: 'errorItemPrimary',
+    },
+};
+
+var choiceAppearanceRequire = {
+    requirePrimary: {
+        fill: 'warningTertiary',
+        fillItemActive: 'warningTertiary',
+        labelTextColor: 'surfaceTextPrimary',
+        borderColor: 'warningBorderSecondary',
+        iconAfterFill: 'warningItemSecondary',
+        iconBeforeFill: 'warningItemSecondary',
     },
 };
 
@@ -53,18 +84,29 @@ var choiceAppearanceSize = {
 };
 
 var choiceAppearanceStyle = {
-    solid: {
-        borderColor: 'none',
+    full: {
+        borderColor: '0',
+    },
+    ghost: {
+        fill: 'none',
+        borderColor: '0',
     },
     outlined: {
         fill: 'none',
     },
-    full: {
-    /* border / fill */
+    solid: {
+        borderColor: '0',
     },
-    ghost: {
-        fill: 'none',
-        borderColor: 'none',
+};
+
+var choiceAppearanceSuccess = {
+    successPrimary: {
+        fill: 'successTertiary',
+        fillItemActive: 'successTertiary',
+        labelTextColor: 'surfaceTextPrimary',
+        borderColor: 'successBorderSecondary',
+        iconAfterFill: 'successItemSecondary',
+        iconBeforeFill: 'successItemSecondary',
     },
 };
 
@@ -93,7 +135,7 @@ var choiceAppearanceSurface = {
     },
 };
 
-var choiceAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, choiceAppearanceAccent), choiceAppearanceStyle), choiceAppearanceSize), choiceAppearanceSurface);
+var choiceAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, choiceAppearanceError), choiceAppearanceDisabled), choiceAppearanceDefault), choiceAppearanceSuccess), choiceAppearanceRequire), choiceAppearanceStyle), choiceAppearanceSize), choiceAppearanceSurface);
 
 var choiceConfig = {
     appearance: choiceAppearance,
@@ -102,7 +144,7 @@ var choiceConfig = {
     },
 };
 function Choice(props) {
-    var id = props.id, className = props.className, name = props.name, appearance = props.appearance, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, _b = props.active, active = _b === void 0 ? { value: undefined } : _b, dataTestId = props.dataTestId, dataTour = props.dataTour, icon = props.icon, itemAfter = props.itemAfter, itemBefore = props.itemBefore, _c = props.options, options = _c === void 0 ? [] : _c, before = props.before, after = props.after, _d = props.isCheckbox, isCheckbox = _d === void 0 ? false : _d, _e = props.isLoading, isLoading = _e === void 0 ? false : _e, setActiveSegment = props.setActiveSegment;
+    var id = props.id, className = props.className, name = props.name, appearance = props.appearance, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, _b = props.active, active = _b === void 0 ? { value: undefined } : _b, dataTestId = props.dataTestId, dataTour = props.dataTour, icon = props.icon, itemAfter = props.itemAfter, itemBefore = props.itemBefore, _c = props.options, options = _c === void 0 ? [] : _c, before = props.before, after = props.after, _d = props.isCheckbox, isCheckbox = _d === void 0 ? false : _d, _e = props.isLoading, isLoading = _e === void 0 ? false : _e, isSkeleton = props.isSkeleton, setActiveSegment = props.setActiveSegment;
     var controlRef = React.useRef(null);
     var optionsRefs = React.useMemo(function () {
         return new Map(options.map(function (item) { return [item.value, React.createRef()]; }));
@@ -118,7 +160,7 @@ function Choice(props) {
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillItemActiveClass = propsGenerator.fillItemActiveClass, fillItemActiveDisabledClass = propsGenerator.fillItemActiveDisabledClass, fillItemActiveHoverClass = propsGenerator.fillItemActiveHoverClass, fillItemClass = propsGenerator.fillItemClass, fillItemDisabledClass = propsGenerator.fillItemDisabledClass, fillItemHoverClass = propsGenerator.fillItemHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveColorDisabled = propsGenerator.labelTextActiveColorDisabled, labelTextColor = propsGenerator.labelTextColor, labelTextColorDisabled = propsGenerator.labelTextColorDisabled, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconAfterFillDisabled = propsGenerator.iconAfterFillDisabled, iconBeforeFillDisabled = propsGenerator.iconBeforeFillDisabled, iconFillDisabled = propsGenerator.iconFillDisabled, iconActive = propsGenerator.iconActive, iconAfter = propsGenerator.iconAfter, iconAfterActive = propsGenerator.iconAfterActive, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillActive = propsGenerator.iconAfterFillActive, iconAfterSize = propsGenerator.iconAfterSize, iconBefore = propsGenerator.iconBefore, iconBeforeActive = propsGenerator.iconBeforeActive, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillActive = propsGenerator.iconBeforeFillActive, iconBeforeSize = propsGenerator.iconBeforeSize, iconFill = propsGenerator.iconFill, iconFillActive = propsGenerator.iconFillActive, iconSize = propsGenerator.iconSize, shapeClass = propsGenerator.shapeClass, shapeItemClass = propsGenerator.shapeItemClass, wrapClass = propsGenerator.wrapClass;
     var styles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs("div", { id: id, className: clsx(className, 'choice', size && "choice_size_".concat(size), fillClass && "fill_".concat(fillClass), wrapClass && "choice_wrap_".concat(wrapClass)), "data-testid": dataTestId && "".concat(dataTestId, "Choice"), "data-tour": dataTour, ref: controlRef, style: styles, children: [before && jsxRuntime.jsx("div", { className: "choice__before", children: before }), isLoading ? (jsxRuntime.jsx(Loader.Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent" })) : (jsxRuntime.jsx(React.Fragment, { children: options.map(function (item) {
+    return (jsxRuntime.jsxs("div", { id: id, className: clsx(className, 'choice', size && "choice_size_".concat(size), fillClass && "fill_".concat(fillClass), wrapClass && "choice_wrap_".concat(wrapClass), isSkeleton && "choice_skeleton"), "data-testid": dataTestId && "".concat(dataTestId, "Choice"), "data-tour": dataTour, ref: controlRef, style: styles, children: [before && jsxRuntime.jsx("div", { className: "choice__before", children: before }), isLoading ? (jsxRuntime.jsx(Loader.Loader, { width: "fill", height: "fill", fill: "surfacePrimary", itemFill: "surfaceItemAccent" })) : (jsxRuntime.jsx(React.Fragment, { children: options.map(function (item) {
                     var isActive = typeof active === 'object'
                         ? String(item.value) === String(active.value)
                         : String(item.value) === String(active);

package/dist/cjs/components/CookiesWarning.js

@@ -6,7 +6,7 @@ var React = require('react');
 var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Button = require('../../Button_cjs_C05Joa8j.js');
+var Button = require('../../Button_cjs_CnBP4mKv.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -18,7 +18,7 @@ require('../context/UIContext.js');
 require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
-require('../../Tooltip_cjs_pBGCcXLZ.js');
+require('../../Tooltip_cjs_BE4fABOp.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');

package/dist/cjs/components/DatePeriod.js

@@ -6,9 +6,9 @@ var React = require('react');
 var clsx = require('clsx');
 var luxon = require('luxon');
 var common = require('@itcase/common');
-var DatePicker = require('../../DatePicker_cjs_0y_2FcnF.js');
+var DatePicker = require('../../DatePicker_cjs_Cbv3ffoB.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var ChipsGroup = require('../../ChipsGroup_cjs_Cm_pVx8z.js');
+var ChipsGroup = require('../../ChipsGroup_cjs_BCnPa9xv.js');
 require('date-fns/locale');
 require('react-datepicker');
 require('../hooks/useStyles/useStyles.js');
@@ -22,27 +22,29 @@ require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Button_cjs_C05Joa8j.js');
-require('../../Tooltip_cjs_pBGCcXLZ.js');
+require('../../Button_cjs_CnBP4mKv.js');
+require('../../Tooltip_cjs_BE4fABOp.js');
 require('../../Text_cjs_C9fOm0nd.js');
 require('react-inlinesvg');
 require('../../Link_cjs_DbRGq2Yk.js');
 require('../../Loader_cjs_CCrbD8Em.js');
 require('../../Input_cjs_BAVggtkk.js');
-require('../../Label_cjs_BefEcq6i.js');
+require('../../Label_cjs_CqSZcFNk.js');
 require('@itcase/icons/default');
 require('lodash/castArray');
 
 var datePeriodAppearanceSize = {
     sizeL: {
         size: 'm',
-        datePickerAppearance: 'sizeM',
+        chipsAppearanceSize: 'sizeL',
+        datePickerAppearanceSize: 'sizeM',
         datePickerInputSize: 'l',
         datePickerInputTextSize: 'm',
     },
     sizeM: {
         size: 'm',
-        datePickerAppearance: 'sizeM',
+        chipsAppearanceSize: 'sizeL',
+        datePickerAppearanceSize: 'sizeM',
         datePickerInputSize: 'm',
         datePickerInputTextSize: 'm',
     },
@@ -51,20 +53,18 @@ var datePeriodAppearanceSize = {
 var datePeriodAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
-        chipsAppearance: 'surfacePrimary sizeL ghost',
+        chipsAppearance: 'surfacePrimary ghost',
         chipsShape: 'rounded',
         datePickerAppearance: 'surfacePrimary',
         datePickerInputAppearance: 'defaultPrimary',
-        datePickerInputFillHover: 'surfaceHover',
         shape: 'rounded',
     },
     surfaceSecondary: {
         fill: 'surfaceSecondary',
-        chipsAppearance: 'surfacePrimary sizeL ghost',
+        chipsAppearance: 'surfacePrimary ghost',
         chipsShape: 'rounded',
         datePickerAppearance: 'surfacePrimary',
         datePickerInputAppearance: 'defaultPrimary',
-        datePickerInputFillHover: 'surfaceHover',
         shape: 'rounded',
     },
 };
@@ -84,7 +84,7 @@ function DatePeriod(props) {
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = datePeriodConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var _b = propsGenerator, fillClass = _b.fillClass, chipsAppearance = _b.chipsAppearance, chipsShape = _b.chipsShape, datePickerAppearance = _b.datePickerAppearance, datePickerInputAppearance = _b.datePickerInputAppearance, datePickerInputFillHover = _b.datePickerInputFillHover, datePickerInputSize = _b.datePickerInputSize, datePickerInputTextSize = _b.datePickerInputTextSize, shapeClass = _b.shapeClass, sizeClass = _b.sizeClass;
+    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;
     var onClickPeriodChips = React.useCallback(function (selectedPeriodItem) {
         var dateStartIso = selectedPeriodItem.dateIntervalsList[0];
         var dateEndIso = selectedPeriodItem.dateIntervalsList[1];
@@ -107,8 +107,8 @@ function DatePeriod(props) {
         return (dateStartIso === datePeriodValueStart &&
             dateEndIso === datePeriodValueEnd);
     }, [datePeriodValueEnd, datePeriodValueStart]);
-    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: chipsAppearance, label: datePeriodItem.label, shape: chipsShape, isActive: checkIsChipsActive(datePeriodItem), onClick: function () { return onClickPeriodChips(datePeriodItem); } }, datePeriodItem.value)); }), jsxRuntime.jsx(DatePicker.DatePickerInput, { datePickerProps: {
-                        appearance: datePickerAppearance,
+    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: {
+                        appearance: "".concat(datePickerAppearance, " ").concat(datePickerAppearanceSize),
                         dateFormat: 'dd/MM/yyyy',
                         selectsRange: true,
                         showWeekNumbers: true,