@itcase/ui 1.8.19 → 1.8.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.19",
+  "version": "1.8.22",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -96,22 +96,22 @@
   },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
-    "@itcase/common": "^1.2.25",
+    "@itcase/common": "^1.2.26",
     "@itcase/config": "^1.0.47",
     "@itcase/icons": "^1.1.1",
-    "@itcase/storybook-config": "^1.1.11",
+    "@itcase/storybook-config": "^1.1.13",
     "@itcase/tokens-am": "^1.1.9",
     "@itcase/tokens-baikal": "^1.1.9",
-    "@itcase/types": "^1.0.3",
+    "@itcase/types": "^1.0.4",
     "@itcase/tokens-palette": "^1.1.11",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-import": "^2.31.0",
-    "framer-motion": "^12.15.0",
+    "framer-motion": "^12.16.0",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
-    "motion": "^12.15.0",
+    "motion": "^12.16.0",
     "rc-slider": "^11.1.8",
     "react": "^18.3.1",
     "react-dadata": "^2.27.4",
@@ -136,7 +136,7 @@
     "@babel/preset-react": "^7.27.1",
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
-    "@itcase/lint": "^1.1.9",
+    "@itcase/lint": "^1.1.10",
     "@rollup/plugin-alias": "^5.1.1",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.3",

package/dist/Link_cjs_yht44xJv.js

@@ -1,68 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-
-var linkAppearance = {
-    dev: {},
-};
-
-var linkConfig = {
-    appearance: linkAppearance,
-    LinkComponent: 'a',
-    setAppearance: function (appearanceConfig) {
-        linkConfig.appearance = appearanceConfig;
-    },
-    setLinkComponent: function (newComponent) {
-        linkConfig.LinkComponent = newComponent;
-    },
-};
-function Link(props) {
-    var className = props.className, appearance = props.appearance, text = props.text, href = props.href, link = props.link, LinkComponent = props.LinkComponent, rel = props.rel, style = props.style, target = props.target, _a = props.underline, underline = _a === void 0 ? 'underline' : _a, before = props.before, after = props.after, onClick = props.onClick, onMouseDown = props.onMouseDown, children = props.children;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-        var _a;
-        return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = linkConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var directionClass = propsGenerator.directionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, textGradientClass = propsGenerator.textGradientClass, textStyleClass = propsGenerator.textStyleClass, textWeightClass = propsGenerator.textWeightClass, heightClass = propsGenerator.heightClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, svgFillClass = propsGenerator.svgFillClass, svgFillHoverClass = propsGenerator.svgFillHoverClass, widthClass = propsGenerator.widthClass;
-    // @ts-expect-error
-    var styles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs(LinkWrapper, { className: clsx(className, 'link', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), directionClass && "link_direction_".concat(directionClass), sizeClass && "text_size_".concat(sizeClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), underline && "link_underline_".concat(underline), 'text', (textColorClass ||
-            textColorHoverClass ||
-            textGradientClass ||
-            textStyleClass ||
-            textWeightClass) &&
-            'text', textColorClass && "text-color_".concat(textColorClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), textGradientClass && "text-gradient_".concat(textGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), shapeClass && "link_shape_".concat(shapeClass)), Component: LinkComponent, href: href || link, rel: rel, style: Object.assign({}, styles, style), target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
-}
-// Wrapper with "Link" by condition
-function LinkWrapper(props) {
-    var Component = props.Component, DefaultComponent = props.DefaultComponent, href = props.href, rel = props.rel, target = props.target, children = props.children, otherProps = tslib_es6.__rest(props, ["Component", "DefaultComponent", "href", "rel", "target", "children"]);
-    if (href) {
-        // If href passed, make link-wrapper
-        var LinkComponent = Component || linkConfig.LinkComponent;
-        if (LinkComponent) {
-            return (jsxRuntime.jsx(LinkComponent, tslib_es6.__assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
-        }
-    }
-    else if (DefaultComponent) {
-        // If has default "Component" - render it
-        return jsxRuntime.jsx(DefaultComponent, tslib_es6.__assign({}, otherProps, { children: children }));
-    }
-    // Return children and pass current props to
-    return React.Children.toArray(children)
-        .filter(Boolean)
-        .map(function (child) {
-        return React.isValidElement(child)
-            ? React.cloneElement(child, otherProps)
-            : child;
-    });
-}
-
-exports.Link = Link;
-exports.LinkWrapper = LinkWrapper;
-exports.linkAppearance = linkAppearance;
-exports.linkConfig = linkConfig;

package/dist/Link_es_DkW06IM-.js

@@ -1,63 +0,0 @@
-import { b as __rest, _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React from 'react';
-import clsx from 'clsx';
-import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { useStyles } from './hooks/useStyles/useStyles.js';
-
-var linkAppearance = {
-    dev: {},
-};
-
-var linkConfig = {
-    appearance: linkAppearance,
-    LinkComponent: 'a',
-    setAppearance: function (appearanceConfig) {
-        linkConfig.appearance = appearanceConfig;
-    },
-    setLinkComponent: function (newComponent) {
-        linkConfig.LinkComponent = newComponent;
-    },
-};
-function Link(props) {
-    var className = props.className, appearance = props.appearance, text = props.text, href = props.href, link = props.link, LinkComponent = props.LinkComponent, rel = props.rel, style = props.style, target = props.target, _a = props.underline, underline = _a === void 0 ? 'underline' : _a, before = props.before, after = props.after, onClick = props.onClick, onMouseDown = props.onMouseDown, children = props.children;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-        var _a;
-        return (__assign(__assign({}, resultConfig), (_a = linkConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var directionClass = propsGenerator.directionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, textGradientClass = propsGenerator.textGradientClass, textStyleClass = propsGenerator.textStyleClass, textWeightClass = propsGenerator.textWeightClass, heightClass = propsGenerator.heightClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, svgFillClass = propsGenerator.svgFillClass, svgFillHoverClass = propsGenerator.svgFillHoverClass, widthClass = propsGenerator.widthClass;
-    // @ts-expect-error
-    var styles = useStyles(props).styles;
-    return (jsxs(LinkWrapper, { className: clsx(className, 'link', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), directionClass && "link_direction_".concat(directionClass), sizeClass && "text_size_".concat(sizeClass), svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass), underline && "link_underline_".concat(underline), 'text', (textColorClass ||
-            textColorHoverClass ||
-            textGradientClass ||
-            textStyleClass ||
-            textWeightClass) &&
-            'text', textColorClass && "text-color_".concat(textColorClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), textGradientClass && "text-gradient_".concat(textGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWeightClass && "text-weight_".concat(textWeightClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), shapeClass && "link_shape_".concat(shapeClass)), Component: LinkComponent, href: href || link, rel: rel, style: Object.assign({}, styles, style), target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
-}
-// Wrapper with "Link" by condition
-function LinkWrapper(props) {
-    var Component = props.Component, DefaultComponent = props.DefaultComponent, href = props.href, rel = props.rel, target = props.target, children = props.children, otherProps = __rest(props, ["Component", "DefaultComponent", "href", "rel", "target", "children"]);
-    if (href) {
-        // If href passed, make link-wrapper
-        var LinkComponent = Component || linkConfig.LinkComponent;
-        if (LinkComponent) {
-            return (jsx(LinkComponent, __assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
-        }
-    }
-    else if (DefaultComponent) {
-        // If has default "Component" - render it
-        return jsx(DefaultComponent, __assign({}, otherProps, { children: children }));
-    }
-    // Return children and pass current props to
-    return React.Children.toArray(children)
-        .filter(Boolean)
-        .map(function (child) {
-        return React.isValidElement(child)
-            ? React.cloneElement(child, otherProps)
-            : child;
-    });
-}
-
-export { Link as L, LinkWrapper as a, linkAppearance as b, linkConfig as l };

package/dist/Text_cjs_iL1l_7V1.js

@@ -1,63 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-
-var textAppearanceSize = {
-    sizeXXL: {
-        size: 'xxl',
-        labelTextSize: 'xxl',
-    },
-    sizeXL: {
-        size: 'xl',
-        labelTextSize: 'l',
-    },
-    sizeL: {
-        size: 'l',
-        labelTextSize: 'l',
-    },
-    sizeM: {
-        size: 'm',
-        labelTextSize: 'm',
-    },
-    sizeS: {
-        size: 's',
-        labelTextSize: 's',
-    },
-    sizeXS: {
-        size: 'xs',
-        labelTextSize: 'xs',
-    },
-    sizeXXS: {
-        size: 'xxs',
-        labelTextSize: 'xs',
-    },
-};
-
-var textAppearance = tslib_es6.__assign({}, textAppearanceSize);
-
-var textConfig = {
-    appearance: textAppearance,
-    setAppearance: function (appearanceConfig) {
-        textConfig.appearance = appearanceConfig;
-    },
-};
-function Text(props) {
-    var className = props.className, type = props.type, appearance = props.appearance, cursor = props.cursor, dataTestId = props.dataTestId, dataTour = props.dataTour, htmlFor = props.htmlFor, _a = props.tag, Tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, onDoubleClick = props.onDoubleClick, children = props.children;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-        var _a;
-        return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = textConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorGradientClass = propsGenerator.textColorGradientClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrapClass = propsGenerator.textWrapClass, cursorClass = propsGenerator.cursorClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
-    // @ts-expect-error
-    var textStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'text', sizeClass && "text_size_".concat(sizeClass), textWeightClass && "text-weight_".concat(textWeightClass), textAlignClass && "text-align_".concat(textAlignClass), textColorClass && "text-color_".concat(textColorClass), textColorActiveClass && "text-color_active_".concat(textColorActiveClass), textColorHoverClass && "text-color_hover_".concat(textColorHoverClass), textColorGradientClass && "text-gradient_".concat(textColorGradientClass), textStyleClass && "text-style_".concat(textStyleClass), textWrapClass && "word-wrap_".concat(textWrapClass), textTruncateClass && "text-truncate_".concat(textTruncateClass), type && "text_type_".concat(type), isSkeleton && 'text_skeleton', widthClass && "width_".concat(widthClass), cursorClass && "cursor_".concat(cursorClass), onClick && (cursor || 'cursor_type_pointer')), "data-test-id": dataTestId, "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, children: [before, children, after] }));
-}
-
-exports.Text = Text;
-exports.textAppearance = textAppearance;
-exports.textConfig = textConfig;

package/dist/cjs/components/InputMask.js

@@ -1,65 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-require('lodash/camelCase');
-require('lodash/castArray');
-require('lodash/upperFirst');
-require('../context/Notifications.js');
-require('uuid');
-require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
-require('react-responsive');
-require('../utils/setViewportProperty.js');
-
-var inputMaskConfig = {
-    appearance: undefined,
-    state: undefined,
-    setAppearance: function (appearanceConfig) {
-        inputMaskConfig.appearance = appearanceConfig;
-    },
-    setState: function (newComponent) {
-        inputMaskConfig.state = newComponent;
-    },
-};
-var InputMask = React.forwardRef(function Input(props, ref) {
-    var id = props.id, className = props.className, 
-    // state,
-    _a = props.type, 
-    // state,
-    type = _a === void 0 ? 'text' : _a, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, dataTestId = props.dataTestId, index = props.index, placeholder = props.placeholder, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-        var _a;
-        return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = inputMaskConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    // const stateConfig = useMemo(
-    //   () => state && inputMaskConfig.state && inputMaskConfig.state[state],
-    //   [state, inputMaskConfig],
-    // )
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, borderColorClass = propsGenerator.borderColorClass, borderColorDisabledClass = propsGenerator.borderColorDisabledClass, borderWidthClass = propsGenerator.borderWidthClass, borderWidthDisabledClass = propsGenerator.borderWidthDisabledClass, textColorClass = propsGenerator.textColorClass, textColorDisabledClass = propsGenerator.textColorDisabledClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, placeholderTextColorDisabledClass = propsGenerator.placeholderTextColorDisabledClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, _b = propsGenerator.sizeClass, sizeClass = _b === void 0 ? 'm' : _b, widthClass = propsGenerator.widthClass;
-    return (jsxRuntime.jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), !isDisabled
-            ? fillClass && "fill_".concat(fillClass)
-            : fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), shapeClass && "input_shape_".concat(shapeClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), !isDisabled
-            ? borderWidthClass && "border-width_".concat(borderWidthClass)
-            : borderWidthDisabledClass &&
-                "border-width_disabled_".concat(borderWidthDisabledClass), sizeClass && "input_size_".concat(sizeClass), !isDisabled
-            ? borderColorClass && "border-color_".concat(borderColorClass)
-            : borderColorDisabledClass &&
-                "border-color_disabled_".concat(borderColorDisabledClass), !isDisabled
-            ? placeholderTextColorClass &&
-                "placeholder-text-color_".concat(placeholderTextColorClass)
-            : placeholderTextColorDisabledClass &&
-                "placeholder-text-color_disabled_".concat(placeholderTextColorDisabledClass), !isDisabled
-            ? textColorClass && "text-color_".concat(textColorClass)
-            : textColorDisabledClass && "text-color_".concat(textColorDisabledClass)), type: type, disabled: isDisabled, "data-test-id": dataTestId || (name ? "".concat(name, "InputMask") : 'inputMask'), index: index, placeholder: placeholder, 
-        // @ts-expect-error
-        ref: ref, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
-});
-
-exports.InputMask = InputMask;
-exports.inputMaskConfig = inputMaskConfig;

package/dist/cjs/components/Panel.js

@@ -1,44 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var useStyles = require('../hooks/useStyles/useStyles.js');
-var Group = require('../../Group_cjs_B0oM0pjF.js');
-var Text = require('../../Text_cjs_iL1l_7V1.js');
-require('lodash/camelCase');
-require('lodash/castArray');
-require('lodash/upperFirst');
-require('../context/Notifications.js');
-require('uuid');
-require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
-require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('lodash/maxBy');
-require('../hooks/useStyles/styleAttributes.js');
-
-var panelConfig = {
-    appearance: undefined,
-    setAppearance: function (appearanceConfig) {
-        panelConfig.appearance = appearanceConfig;
-    },
-};
-var Panel = React.forwardRef(function Panel(props, ref) {
-    var className = props.className, appearance = props.appearance, title = props.title, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, desc = props.desc, descTextColor = props.descTextColor, descTextSize = props.descTextSize, descTextWeight = props.descTextWeight, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, verticalScroll = props.verticalScroll, set = props.set, children = props.children;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-        var _a;
-        return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = panelConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var directionClass = propsGenerator.directionClass, justifyContentClass = propsGenerator.justifyContentClass, alignContentClass = propsGenerator.alignContentClass, alignItemsClass = propsGenerator.alignItemsClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, elevationClass = propsGenerator.elevationClass, heightClass = propsGenerator.heightClass, positionClass = propsGenerator.positionClass, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
-    // @ts-expect-error
-    var _a = useStyles.useStyles(props), panelStyles = _a.styles, panelWrapperStyles = _a.wrapper;
-    return (jsxRuntime.jsxs(Group.Group, { className: clsx(className, 'panel', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), set && "panel_set_".concat(set), wrapClass && "flex_wrap_".concat(wrapClass), shapeClass && "panel_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), alignContentClass && "panel_align-content_".concat(alignContentClass), alignItemsClass && "panel_align-items_".concat(alignItemsClass), elevationClass && "elevation_".concat(elevationClass), justifyContentClass && "panel_justify-content_".concat(justifyContentClass), positionClass && "position_".concat(positionClass), horizontalScroll && 'panel_type_scroll_horizontal', verticalScroll && 'panel_type_scroll_vertical'), "data-tour": dataTour, htmlFor: htmlFor, ref: ref, style: panelStyles, children: [title && (jsxRuntime.jsx("div", { className: "panel__header", children: jsxRuntime.jsx(Text.Text, { className: "panel__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title }) })), jsxRuntime.jsx("div", { className: clsx('panel__wrapper', directionClass && "panel_direction_".concat(directionClass)), style: panelWrapperStyles, children: children }), desc && (jsxRuntime.jsx("div", { className: "panel__footer", children: jsxRuntime.jsx(Text.Text, { className: "panel__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }) }))] }));
-});
-
-exports.Panel = Panel;
-exports.panelConfig = panelConfig;

package/dist/components/InputMask.js

@@ -1,62 +0,0 @@
-import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
-import { jsx } from 'react/jsx-runtime';
-import React from 'react';
-import clsx from 'clsx';
-import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
-import '../context/Notifications.js';
-import 'uuid';
-import '@itcase/common';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries/useMediaQueries.js';
-import 'react-responsive';
-import '../utils/setViewportProperty.js';
-
-var inputMaskConfig = {
-    appearance: undefined,
-    state: undefined,
-    setAppearance: function (appearanceConfig) {
-        inputMaskConfig.appearance = appearanceConfig;
-    },
-    setState: function (newComponent) {
-        inputMaskConfig.state = newComponent;
-    },
-};
-var InputMask = React.forwardRef(function Input(props, ref) {
-    var id = props.id, className = props.className, 
-    // state,
-    _a = props.type, 
-    // state,
-    type = _a === void 0 ? 'text' : _a, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, dataTestId = props.dataTestId, index = props.index, placeholder = props.placeholder, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-        var _a;
-        return (__assign(__assign({}, resultConfig), (_a = inputMaskConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    // const stateConfig = useMemo(
-    //   () => state && inputMaskConfig.state && inputMaskConfig.state[state],
-    //   [state, inputMaskConfig],
-    // )
-    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, borderColorClass = propsGenerator.borderColorClass, borderColorDisabledClass = propsGenerator.borderColorDisabledClass, borderWidthClass = propsGenerator.borderWidthClass, borderWidthDisabledClass = propsGenerator.borderWidthDisabledClass, textColorClass = propsGenerator.textColorClass, textColorDisabledClass = propsGenerator.textColorDisabledClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, placeholderTextColorDisabledClass = propsGenerator.placeholderTextColorDisabledClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, _b = propsGenerator.sizeClass, sizeClass = _b === void 0 ? 'm' : _b, widthClass = propsGenerator.widthClass;
-    return (jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), !isDisabled
-            ? fillClass && "fill_".concat(fillClass)
-            : fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), shapeClass && "input_shape_".concat(shapeClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), !isDisabled
-            ? borderWidthClass && "border-width_".concat(borderWidthClass)
-            : borderWidthDisabledClass &&
-                "border-width_disabled_".concat(borderWidthDisabledClass), sizeClass && "input_size_".concat(sizeClass), !isDisabled
-            ? borderColorClass && "border-color_".concat(borderColorClass)
-            : borderColorDisabledClass &&
-                "border-color_disabled_".concat(borderColorDisabledClass), !isDisabled
-            ? placeholderTextColorClass &&
-                "placeholder-text-color_".concat(placeholderTextColorClass)
-            : placeholderTextColorDisabledClass &&
-                "placeholder-text-color_disabled_".concat(placeholderTextColorDisabledClass), !isDisabled
-            ? textColorClass && "text-color_".concat(textColorClass)
-            : textColorDisabledClass && "text-color_".concat(textColorDisabledClass)), type: type, disabled: isDisabled, "data-test-id": dataTestId || (name ? "".concat(name, "InputMask") : 'inputMask'), index: index, placeholder: placeholder, 
-        // @ts-expect-error
-        ref: ref, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
-});
-
-export { InputMask, inputMaskConfig };

package/dist/components/Panel.js

@@ -1,41 +0,0 @@
-import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React from 'react';
-import clsx from 'clsx';
-import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { G as Group } from '../Group_es_B8pQHYsC.js';
-import { T as Text } from '../Text_es_D012qJ8s.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'lodash/upperFirst';
-import '../context/Notifications.js';
-import 'uuid';
-import '@itcase/common';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries/useMediaQueries.js';
-import 'react-responsive';
-import '../utils/setViewportProperty.js';
-import 'lodash/maxBy';
-import '../hooks/useStyles/styleAttributes.js';
-
-var panelConfig = {
-    appearance: undefined,
-    setAppearance: function (appearanceConfig) {
-        panelConfig.appearance = appearanceConfig;
-    },
-};
-var Panel = React.forwardRef(function Panel(props, ref) {
-    var className = props.className, appearance = props.appearance, title = props.title, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, desc = props.desc, descTextColor = props.descTextColor, descTextSize = props.descTextSize, descTextWeight = props.descTextWeight, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, verticalScroll = props.verticalScroll, set = props.set, children = props.children;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
-        var _a;
-        return (__assign(__assign({}, resultConfig), (_a = panelConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
-    }, {});
-    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var directionClass = propsGenerator.directionClass, justifyContentClass = propsGenerator.justifyContentClass, alignContentClass = propsGenerator.alignContentClass, alignItemsClass = propsGenerator.alignItemsClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, elevationClass = propsGenerator.elevationClass, heightClass = propsGenerator.heightClass, positionClass = propsGenerator.positionClass, shapeClass = propsGenerator.shapeClass, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
-    // @ts-expect-error
-    var _a = useStyles(props), panelStyles = _a.styles, panelWrapperStyles = _a.wrapper;
-    return (jsxs(Group, { className: clsx(className, 'panel', widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), set && "panel_set_".concat(set), wrapClass && "flex_wrap_".concat(wrapClass), shapeClass && "panel_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), alignContentClass && "panel_align-content_".concat(alignContentClass), alignItemsClass && "panel_align-items_".concat(alignItemsClass), elevationClass && "elevation_".concat(elevationClass), justifyContentClass && "panel_justify-content_".concat(justifyContentClass), positionClass && "position_".concat(positionClass), horizontalScroll && 'panel_type_scroll_horizontal', verticalScroll && 'panel_type_scroll_vertical'), "data-tour": dataTour, htmlFor: htmlFor, ref: ref, style: panelStyles, children: [title && (jsx("div", { className: "panel__header", children: jsx(Text, { className: "panel__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title }) })), jsx("div", { className: clsx('panel__wrapper', directionClass && "panel_direction_".concat(directionClass)), style: panelWrapperStyles, children: children }), desc && (jsx("div", { className: "panel__footer", children: jsx(Text, { className: "panel__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }) }))] }));
-});
-
-export { Panel, panelConfig };

package/dist/css/components/InputMask/InputMask.css

@@ -1,77 +0,0 @@
-.input-mask {
-  min-width: unset;
-  padding: 0;
-  margin: 0;
-  border: none;
-  position: relative;
-  box-shadow: none;
-  appearance: none;
-  outline: 0;
-  caret-color: var(--input-caret-color);
-  &:disabled {
-    background: var(--input-state-disabled-background);
-    border: solid 1px var(--input-state-disabled-border);
-    &:hover {
-      background: var(--input-state-disabled-background);
-      border: solid 1px var(--input-state-disabled-border);
-    }
-  }
-  &:focus {
-    outline: none;
-  }
-  &:hover {
-    background: var(--input-state-hover-background);
-    border: solid 1px var(--input-state-hover-border);
-  }
-  &&_state {
-    &_success {
-      background: var(--input-state-success-background);
-      border: solid 1px var(--input-state-success-border);
-    }
-    &_error {
-      background: var(--input-state-error-background);
-      border: solid 1px var(--input-state-error-border);
-    }
-    &_focus {
-      background: var(--input-state-focus-background);
-      border: solid 1px var(--input-state-focus-border);
-    }
-  }
-}
-.input-mask {
-  &_shape {
-    &_rounded {
-      border-radius: var(--input-shape-rounded);
-      position: relative;
-    }
-    &_underline {
-      border-left: none !important;
-      border-top: none !important;
-      border-right: none !important;
-      position: relative;
-    }
-  }
-}
-.input-mask {
-  &&_size {
-    @each $size in xxl, xl, l, m, s, xs, xxs, normal, tiny, compact, large {
-      &_$(size) {
-        padding: var(--input-size-$(size)-padding);
-      }
-    }
-  }
-}
-.input-mask {
-  &_type {
-    &_number {
-      appearance: none;
-      &[type='number'] {
-        appearance: textfield;
-      }
-      &::-webkit-outer-spin-button,
-      &::-webkit-inner-spin-button {
-        appearance: none;
-      }
-    }
-  }
-}