@itcase/ui 1.3.26 → 1.3.27

package/dist/{Group-D6CXN4hS.js → Group-BQ4Ic0jX.js}

@@ -23,14 +23,14 @@ var groupConfig = {
     },
 };
 var Group = React.forwardRef(function Group(props, ref) {
-    var id = props.id, children = props.children, appearance = props.appearance, className = props.className, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, name = props.name, set = props.set, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick;
+    var id = props.id, children = props.children, appearance = props.appearance, className = props.className, dataTestId = props.dataTestId, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, name = props.name, set = props.set, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick;
     // @ts-expect-error
     var appearanceConfig = groupConfig.appearance && groupConfig.appearance[appearance];
     var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
     var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, borderColorClass = classGenerator.borderColorClass, borderTypeClass = classGenerator.borderTypeClass, borderWidthClass = classGenerator.borderWidthClass, columnsClass = classGenerator.columnsClass, contentAlignClass = classGenerator.contentAlignClass, directionClass = classGenerator.directionClass, elevationClass = classGenerator.elevationClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, flexGrowClass = classGenerator.flexGrowClass, heightClass = classGenerator.heightClass, iconFillHoverClass = classGenerator.iconFillHoverClass, justifyContentClass = classGenerator.justifyContentClass, shapeClass = classGenerator.shapeClass, stackingClass = classGenerator.stackingClass, textColorActiveClass = classGenerator.textColorActiveClass, textColorClass = classGenerator.textColorClass, textColorHoverClass = classGenerator.textColorHoverClass, widthClass = classGenerator.widthClass, wrapClass = classGenerator.wrapClass;
     // @ts-expect-error
     var _b = useStyles.useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
-    return (jsxRuntime.jsx(Tag, { className: clsx(className, 'group', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), columnsClass && "group_columns_".concat(columnsClass), contentAlignClass && "group_content-align_".concat(contentAlignClass), alignDirectionClass && "align_".concat(alignDirectionClass), directionClass && "group_direction_".concat(directionClass), alignClass && "align_".concat(alignClass), textColorClass && "group_text-color_".concat(textColorClass), textColorActiveClass && "group_text-color_active_".concat(textColorActiveClass), textColorHoverClass && "group_text-color_hover_".concat(textColorHoverClass), iconFillHoverClass && "group_icon_fill_hover_".concat(iconFillHoverClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), set && "group_set_".concat(set), horizontalScroll && 'group_type_horizontal_scroll', stackingClass && "group_stacking_".concat(stackingClass), wrapClass && "group_wrap_".concat(wrapClass), flexGrowClass && "flex-grow_".concat(flexGrowClass), shapeClass && "group_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), justifyContentClass && "justify-content_".concat(justifyContentClass), onClick && 'cursor_type_pointer'), ref: ref, name: name, "data-tour": dataTour, htmlFor: htmlFor, id: id, style: Object.assign({}, groupStyles, style), onClick: onClick, children: horizontalScroll ? (jsxRuntime.jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
+    return (jsxRuntime.jsx(Tag, { className: clsx(className, 'group', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), columnsClass && "group_columns_".concat(columnsClass), contentAlignClass && "group_content-align_".concat(contentAlignClass), alignDirectionClass && "align_".concat(alignDirectionClass), directionClass && "group_direction_".concat(directionClass), alignClass && "align_".concat(alignClass), textColorClass && "group_text-color_".concat(textColorClass), textColorActiveClass && "group_text-color_active_".concat(textColorActiveClass), textColorHoverClass && "group_text-color_hover_".concat(textColorHoverClass), iconFillHoverClass && "group_icon_fill_hover_".concat(iconFillHoverClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), set && "group_set_".concat(set), horizontalScroll && 'group_type_horizontal_scroll', stackingClass && "group_stacking_".concat(stackingClass), wrapClass && "group_wrap_".concat(wrapClass), flexGrowClass && "flex-grow_".concat(flexGrowClass), shapeClass && "group_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), justifyContentClass && "justify-content_".concat(justifyContentClass), onClick && 'cursor_type_pointer'), ref: ref, name: name, "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, id: id, style: Object.assign({}, groupStyles, style), onClick: onClick, children: horizontalScroll ? (jsxRuntime.jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
 });
 
 exports.Group = Group;

package/dist/{Group-B9L2NTgM.js → Group-DT1ukQCn.js}

@@ -21,14 +21,14 @@ var groupConfig = {
     },
 };
 var Group = React.forwardRef(function Group(props, ref) {
-    var id = props.id, children = props.children, appearance = props.appearance, className = props.className, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, name = props.name, set = props.set, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick;
+    var id = props.id, children = props.children, appearance = props.appearance, className = props.className, dataTestId = props.dataTestId, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, name = props.name, set = props.set, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick;
     // @ts-expect-error
     var appearanceConfig = groupConfig.appearance && groupConfig.appearance[appearance];
     var classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig);
     var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, borderColorClass = classGenerator.borderColorClass, borderTypeClass = classGenerator.borderTypeClass, borderWidthClass = classGenerator.borderWidthClass, columnsClass = classGenerator.columnsClass, contentAlignClass = classGenerator.contentAlignClass, directionClass = classGenerator.directionClass, elevationClass = classGenerator.elevationClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, flexGrowClass = classGenerator.flexGrowClass, heightClass = classGenerator.heightClass, iconFillHoverClass = classGenerator.iconFillHoverClass, justifyContentClass = classGenerator.justifyContentClass, shapeClass = classGenerator.shapeClass, stackingClass = classGenerator.stackingClass, textColorActiveClass = classGenerator.textColorActiveClass, textColorClass = classGenerator.textColorClass, textColorHoverClass = classGenerator.textColorHoverClass, widthClass = classGenerator.widthClass, wrapClass = classGenerator.wrapClass;
     // @ts-expect-error
     var _b = useStyles(props), groupStyles = _b.styles, groupWrapperStyles = _b.wrapper;
-    return (jsx(Tag, { className: clsx(className, 'group', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), columnsClass && "group_columns_".concat(columnsClass), contentAlignClass && "group_content-align_".concat(contentAlignClass), alignDirectionClass && "align_".concat(alignDirectionClass), directionClass && "group_direction_".concat(directionClass), alignClass && "align_".concat(alignClass), textColorClass && "group_text-color_".concat(textColorClass), textColorActiveClass && "group_text-color_active_".concat(textColorActiveClass), textColorHoverClass && "group_text-color_hover_".concat(textColorHoverClass), iconFillHoverClass && "group_icon_fill_hover_".concat(iconFillHoverClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), set && "group_set_".concat(set), horizontalScroll && 'group_type_horizontal_scroll', stackingClass && "group_stacking_".concat(stackingClass), wrapClass && "group_wrap_".concat(wrapClass), flexGrowClass && "flex-grow_".concat(flexGrowClass), shapeClass && "group_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), justifyContentClass && "justify-content_".concat(justifyContentClass), onClick && 'cursor_type_pointer'), ref: ref, name: name, "data-tour": dataTour, htmlFor: htmlFor, id: id, style: Object.assign({}, groupStyles, style), onClick: onClick, children: horizontalScroll ? (jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
+    return (jsx(Tag, { className: clsx(className, 'group', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), columnsClass && "group_columns_".concat(columnsClass), contentAlignClass && "group_content-align_".concat(contentAlignClass), alignDirectionClass && "align_".concat(alignDirectionClass), directionClass && "group_direction_".concat(directionClass), alignClass && "align_".concat(alignClass), textColorClass && "group_text-color_".concat(textColorClass), textColorActiveClass && "group_text-color_active_".concat(textColorActiveClass), textColorHoverClass && "group_text-color_hover_".concat(textColorHoverClass), iconFillHoverClass && "group_icon_fill_hover_".concat(iconFillHoverClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), set && "group_set_".concat(set), horizontalScroll && 'group_type_horizontal_scroll', stackingClass && "group_stacking_".concat(stackingClass), wrapClass && "group_wrap_".concat(wrapClass), flexGrowClass && "flex-grow_".concat(flexGrowClass), shapeClass && "group_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), elevationClass && "elevation_".concat(elevationClass), justifyContentClass && "justify-content_".concat(justifyContentClass), onClick && 'cursor_type_pointer'), ref: ref, name: name, "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, id: id, style: Object.assign({}, groupStyles, style), onClick: onClick, children: horizontalScroll ? (jsx("div", { className: "group__wrapper", style: groupWrapperStyles, children: children })) : (children) }));
 });
 
 export { Group as G, groupAppearance as a, groupConfig as g };

package/dist/cjs/components/Checkmark.js

@@ -4,7 +4,6 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Icon = require('../../Icon-B_bS-o4g.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
@@ -16,30 +15,25 @@ require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('react-inlinesvg');
-require('../../Link-CxWmYMyL.js');
-require('../../Tooltip-CNua1g76.js');
-require('../../Text-Beslj4Ns.js');
-require('../../Title-DBaHcpvB.js');
 
 var checkmarkAppearance = {
     accent: {
         borderWidth: '4',
-        borderColor: 'accentBorderQuaternary',
+        borderColor: 'accentBorderPrimary',
         fill: 'accentPrimary',
-        iconFill: 'surfaceItemInverse',
+        iconFill: 'white',
     },
     disabled: {
         borderWidth: '4',
         borderColor: 'surfaceBorderTertiary',
         fill: 'surfaceItemSecondary',
-        iconFill: 'surfaceItemQuaternary',
+        iconFill: '#787878',
     },
     surface: {
         borderWidth: '4',
         borderColor: 'surfaceBorderTertiary',
         fill: 'surfacePrimary',
-        iconFill: 'surfaceItemPrimary',
+        iconFill: 'black',
     },
 };
 
@@ -50,14 +44,14 @@ var checkmarkConfig = {
     },
 };
 function Checkmark(props) {
-    var isChecked = props.isChecked, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, appearance = props.appearance, className = props.className, iconChecked = props.iconChecked, iconFill = props.iconFill, iconSize = props.iconSize, onClick = props.onClick;
+    var isChecked = props.isChecked, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, appearance = props.appearance, className = props.className, iconFill = props.iconFill, onClick = props.onClick;
     // @ts-expect-error
     var appearanceConfig = checkmarkConfig.appearance && checkmarkConfig.appearance[appearance];
     var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
     var borderColorClass = classGenerator.borderColorClass, borderWidthClass = classGenerator.borderWidthClass, fillClass = classGenerator.fillClass, sizeClass = classGenerator.sizeClass;
     // @ts-expect-error
     var checkmarkStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'checkmark', sizeClass && "checkmark_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), isDisabled), style: checkmarkStyles, onClick: onClick, children: isChecked && (jsxRuntime.jsx(Icon.Icon, { className: "checkmark__svg", iconFill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), imageSrc: isChecked ? iconChecked : null, size: iconSize, SvgImage: isChecked ? iconChecked : null })) }));
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'checkmark', sizeClass && "checkmark_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), isDisabled), style: checkmarkStyles, onClick: onClick, children: isChecked && (jsxRuntime.jsx("svg", { fill: "none", style: { width: '60%', height: '60%' }, viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { fill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), "clip-rule": "evenodd", d: "M11.5281 3.04275C11.8222 2.75109 11.8242 2.27622 11.5325 1.9821C11.2409 1.68799 10.766 1.686 10.4719 1.97766L3.94118 8.45396L1.52811 6.061C1.23399 5.76933 0.759121 5.77132 0.467456 6.06544C0.17579 6.35955 0.177777 6.83442 0.471894 7.12609L3.37786 10.0078C3.68973 10.3171 4.19262 10.3171 4.50449 10.0078L11.5281 3.04275Z", "fill-rule": "evenodd" }) })) }));
 }
 
 exports.Checkmark = Checkmark;

package/dist/cjs/components/CookiesWarning.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var Cookies = require('js-cookie');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var Button = require('../../Button-BFX_EEum.js');
-var Group = require('../../Group-D6CXN4hS.js');
+var Group = require('../../Group-BQ4Ic0jX.js');
 var Text = require('../../Text-Beslj4Ns.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('lodash/camelCase');

package/dist/cjs/components/Group.js

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

package/dist/cjs/components/Panel.js

@@ -5,7 +5,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
-var Group = require('../../Group-D6CXN4hS.js');
+var Group = require('../../Group-BQ4Ic0jX.js');
 var Text = require('../../Text-Beslj4Ns.js');
 require('../../tslib.es6-CCZ3TN_7.js');
 require('lodash/camelCase');

package/dist/cjs/components/Response.js

@@ -8,7 +8,7 @@ var SVG = require('react-inlinesvg');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var useStyles = require('../hooks/useStyles.js');
 var Button = require('../../Button-BFX_EEum.js');
-var Group = require('../../Group-D6CXN4hS.js');
+var Group = require('../../Group-BQ4Ic0jX.js');
 var Text = require('../../Text-Beslj4Ns.js');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/SVGContent.js

@@ -23,7 +23,6 @@ function SVGContent(props) {
     var svgFillClass = classGenerator.svgFillClass, svgFillHoverClass = classGenerator.svgFillHoverClass;
     // @ts-expect-error
     var svgContentStyles = useStyles.useStyles(props).styles;
-    console.log(src);
     return (jsxRuntime.jsxs("div", { className: clsx(className, 'svg-content', svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass)), style: svgContentStyles, children: [src && jsxRuntime.jsx(SVG, { src: src }), SvgImage && jsxRuntime.jsx(SvgImage, {})] }));
 }
 

package/dist/cjs/components/Select.js

@@ -10,7 +10,7 @@ var CreatableSelect = require('react-select/creatable');
 var useDeviceTargetClassGenerator = require('../hooks/useDeviceTargetClassGenerator.js');
 var Text = require('../../Text-Beslj4Ns.js');
 var Badge = require('../../Badge-CoHPvO35.js');
-var Group = require('../../Group-D6CXN4hS.js');
+var Group = require('../../Group-BQ4Ic0jX.js');
 var Divider = require('../../Divider-Goh6mpPK.js');
 require('react-inlinesvg');
 require('../hooks/useStyles.js');

package/dist/components/Checkmark.js

@@ -2,7 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { I as Icon } from '../Icon-BZa8B7te.js';
 import '../tslib.es6-Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
@@ -14,30 +13,25 @@ import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import 'react-inlinesvg';
-import '../Link-DN2LhPjD.js';
-import '../Tooltip-1Jbub0K6.js';
-import '../Text-JayJa3hj.js';
-import '../Title-CHgrIarR.js';
 
 var checkmarkAppearance = {
     accent: {
         borderWidth: '4',
-        borderColor: 'accentBorderQuaternary',
+        borderColor: 'accentBorderPrimary',
         fill: 'accentPrimary',
-        iconFill: 'surfaceItemInverse',
+        iconFill: 'white',
     },
     disabled: {
         borderWidth: '4',
         borderColor: 'surfaceBorderTertiary',
         fill: 'surfaceItemSecondary',
-        iconFill: 'surfaceItemQuaternary',
+        iconFill: '#787878',
     },
     surface: {
         borderWidth: '4',
         borderColor: 'surfaceBorderTertiary',
         fill: 'surfacePrimary',
-        iconFill: 'surfaceItemPrimary',
+        iconFill: 'black',
     },
 };
 
@@ -48,14 +42,14 @@ var checkmarkConfig = {
     },
 };
 function Checkmark(props) {
-    var isChecked = props.isChecked, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, appearance = props.appearance, className = props.className, iconChecked = props.iconChecked, iconFill = props.iconFill, iconSize = props.iconSize, onClick = props.onClick;
+    var isChecked = props.isChecked, _a = props.isDisabled, isDisabled = _a === void 0 ? false : _a, appearance = props.appearance, className = props.className, iconFill = props.iconFill, onClick = props.onClick;
     // @ts-expect-error
     var appearanceConfig = checkmarkConfig.appearance && checkmarkConfig.appearance[appearance];
     var classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig);
     var borderColorClass = classGenerator.borderColorClass, borderWidthClass = classGenerator.borderWidthClass, fillClass = classGenerator.fillClass, sizeClass = classGenerator.sizeClass;
     // @ts-expect-error
     var checkmarkStyles = useStyles(props).styles;
-    return (jsx("div", { className: clsx(className, 'checkmark', sizeClass && "checkmark_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), isDisabled), style: checkmarkStyles, onClick: onClick, children: isChecked && (jsx(Icon, { className: "checkmark__svg", iconFill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), imageSrc: isChecked ? iconChecked : null, size: iconSize, SvgImage: isChecked ? iconChecked : null })) }));
+    return (jsx("div", { className: clsx(className, 'checkmark', sizeClass && "checkmark_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorClass && "border-color_".concat(borderColorClass), isDisabled), style: checkmarkStyles, onClick: onClick, children: isChecked && (jsx("svg", { fill: "none", style: { width: '60%', height: '60%' }, viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { fill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), "clip-rule": "evenodd", d: "M11.5281 3.04275C11.8222 2.75109 11.8242 2.27622 11.5325 1.9821C11.2409 1.68799 10.766 1.686 10.4719 1.97766L3.94118 8.45396L1.52811 6.061C1.23399 5.76933 0.759121 5.77132 0.467456 6.06544C0.17579 6.35955 0.177777 6.83442 0.471894 7.12609L3.37786 10.0078C3.68973 10.3171 4.19262 10.3171 4.50449 10.0078L11.5281 3.04275Z", "fill-rule": "evenodd" }) })) }));
 }
 
 export { Checkmark, checkmarkAppearance, checkmarkConfig };

package/dist/components/CookiesWarning.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import Cookies from 'js-cookie';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
 import { B as Button } from '../Button-BSzqA8CB.js';
-import { G as Group } from '../Group-B9L2NTgM.js';
+import { G as Group } from '../Group-DT1ukQCn.js';
 import { T as Text } from '../Text-JayJa3hj.js';
 import '../tslib.es6-Bwu1Cn-t.js';
 import 'lodash/camelCase';

package/dist/components/Group.js

@@ -1,4 +1,4 @@
-export { G as Group, a as groupAppearance, g as groupConfig } from '../Group-B9L2NTgM.js';
+export { G as Group, a as groupAppearance, g as groupConfig } from '../Group-DT1ukQCn.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';

package/dist/components/Panel.js

@@ -3,7 +3,7 @@ import React from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { G as Group } from '../Group-B9L2NTgM.js';
+import { G as Group } from '../Group-DT1ukQCn.js';
 import { T as Text } from '../Text-JayJa3hj.js';
 import '../tslib.es6-Bwu1Cn-t.js';
 import 'lodash/camelCase';

package/dist/components/Response.js

@@ -6,7 +6,7 @@ import SVG from 'react-inlinesvg';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
 import { useStyles } from '../hooks/useStyles.js';
 import { B as Button } from '../Button-BSzqA8CB.js';
-import { G as Group } from '../Group-B9L2NTgM.js';
+import { G as Group } from '../Group-DT1ukQCn.js';
 import { T as Text } from '../Text-JayJa3hj.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/SVGContent.js

@@ -21,7 +21,6 @@ function SVGContent(props) {
     var svgFillClass = classGenerator.svgFillClass, svgFillHoverClass = classGenerator.svgFillHoverClass;
     // @ts-expect-error
     var svgContentStyles = useStyles(props).styles;
-    console.log(src);
     return (jsxs("div", { className: clsx(className, 'svg-content', svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass)), style: svgContentStyles, children: [src && jsx(SVG, { src: src }), SvgImage && jsx(SvgImage, {})] }));
 }
 

package/dist/components/Select.js

@@ -8,7 +8,7 @@ import CreatableSelect from 'react-select/creatable';
 import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
 import { T as Text } from '../Text-JayJa3hj.js';
 import { B as Badge } from '../Badge-CcaG-4ly.js';
-import { G as Group } from '../Group-B9L2NTgM.js';
+import { G as Group } from '../Group-DT1ukQCn.js';
 import { D as Divider } from '../Divider-DBvDCUqP.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';

package/dist/css/components/Checkmark/Checkmark.css

@@ -11,10 +11,6 @@
       height: 100%;
       justify-content: center;
       align-items: center;
-      & > svg {
-        width: 60%;
-        height: 60%;
-      }
     }
   }
 }
@@ -24,6 +20,8 @@
       &_$(size) {
         min-width: var(--checkmark-width-size-$(size));
         min-height: var(--checkmark-height-size-$(size));
+        max-width: var(--checkmark-width-size-$(size));
+        max-height: var(--checkmark-height-size-$(size));
       }
     }
   }

package/dist/css/tokens/colors.css

@@ -1,17 +1,25 @@
 /* stylelint-disable custom-property-empty-line-before, value-keyword-case */
 
 :root {
-  --color-accent-primary: hsla(216, 99%, 63%, 1);
-  --color-accent-primary-hover: hsla(216, 99%, 55%, 1);
+  --color-accent-primary: hsla(92, 49%, 47%, 1);
+  --color-accent-secondary: hsla(92, 28%, 62%, 1);
+  --color-accent-tertiary: hsla(93, 53%, 93%, 1);
+  --color-accent-quaternary: hsla(92, 71%, 27%, 1);
 
   --color-accent-text-primary: hsla(0, 0%, 100%, 1);
-  --color-accent-text-secondary: hsla(216, 99%, 63%, 1);
+  --color-accent-text-secondary: hsla(92, 71%, 27%, 1);
+  --color-accent-text-tertiary: hsla(92, 49%, 47%, 1);
+  --color-accent-text-quaternary: hsla(0, 0%, 100%, 1);
 
   --color-accent-item-primary: hsla(0, 0%, 100%, 1);
-  --color-accent-item-secondary: hsla(216, 99%, 63%, 1);
+  --color-accent-item-secondary: hsla(92, 37%, 35%, 1);
+  --color-accent-item-tertiary: hsla(92, 49%, 47%, 1);
+  --color-accent-item-quaternary: hsla(0, 0%, 100%, 1);
 
-  --color-accent-border-primary: hsla(216, 99%, 63%, 1);
-  --color-accent-border-primary-hover: hsla(216, 99%, 73%, 1);
+  --color-accent-border-primary: hsla(92, 37%, 35%, 1);
+  --color-accent-border-secondary: hsla(92, 37%, 35%, 1);
+  --color-accent-border-tertiary: hsla(92, 49%, 47%, 1);
+  --color-accent-border-quaternary: hsla(0, 0%, 100%, 1);
 
   --color-primary: hsla(0, 94%, 66%, 1);
   --color-primary-primary: hsla(0, 94%, 66%, 1);
@@ -42,7 +50,7 @@
   --color-secondary-item-primary: hsla(0, 0%, 100%, 1);
   --color-secondary-item-secondary: hsla(0, 0%, 59%, 1);
 
-  --color-secondary-border-primary: hsla(0, 0%, 59%, 1);
+  --color-secondary-border-primary: hsla(210, 8%, 75%, 1);
 
   --color-tertiary-primary: hsla(50, 100%, 62%, 1);
   --color-tertiary-secondary: hsla(50, 100%, 77%, 1);
@@ -98,10 +106,14 @@
   --color-warning-text-primary: hsla(43, 68%, 50%, 1);
   --color-warning-text-secondary: hsla(0, 0%, 100%, 1);
 
+  --color-warning-border-primary: hsla(43, 68%, 50%, 1);
+
   --color-danger-primary: hsla(349, 96%, 44%, 1);
   --color-danger-text-primary: hsla(349, 96%, 44%, 1);
   --color-danger-text-secondary: hsla(0, 0%, 100%, 1);
 
+  --color-danger-border-primary: hsla(349, 96%, 44%, 1);
+
   --color-error-primary: hsla(6, 99%, 57%, 1);
   --color-error-text-primary: hsla(0, 0%, 100%, 1);
   --color-error-text-secondary: hsla(6, 99%, 57%, 1);

package/dist/stories/Overview.mdx

@@ -1,11 +1,11 @@
 import { Meta, Story } from '@storybook/blocks'
 
-import * as TitleStories from './Title.stories.tsx'
+import * as TooltipStories from './Tooltip.stories.tsx'
 
-<Meta title="Atoms / Title / Overview" />
+<Meta title="Atoms / Tooltip / Overview" />
 
-# Title
+# Tooltip
 
-`Title` отображает заголовки.
+`Tooltip` - это небольшой фрагмент контекстной информации, который появляется, когда пользователи наводят курсор мыши на элемент пользовательского интерфейса.
 
-<Story of={TitleStories.SizeH3} />
+<Story of={TooltipStories.surfacePrimary} />

package/dist/stories/Playground.mdx

@@ -1,10 +1,10 @@
 import { Canvas, Controls, Meta } from '@storybook/blocks'
 
-import * as TitleStories from './Title.stories.tsx'
+import * as TooltipStories from './Tooltip.stories.tsx'
 
-<Meta title="Atoms / Title / Playground" />
+<Meta title="Atoms / Tooltip / Playground" />
 
 # Playground
 
-<Canvas sourceState="shown" of={TitleStories.SizeH4} />
-<Controls of={TitleStories.SizeH4} />
+<Canvas sourceState="shown" of={TooltipStories.surfacePrimary} />
+<Controls of={TooltipStories.surfacePrimary} />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.3.26",
+  "version": "1.3.27",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -91,7 +91,7 @@
   },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
-    "@itcase/storybook-config": "^1.0.38",
+    "@itcase/storybook-config": "^1.0.49",
     "@itcase/common": "^1.2.18",
     "@itcase/config": "^1.0.16",
     "@itcase/icons": "^1.0.21",
@@ -162,8 +162,13 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^24.2.3",
-    "storybook": "^8.5.8",
+    "storybook": "^8.6.0",
     "stylelint": "^16.14.1",
     "typescript": "^5.7.3"
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
   }
 }