@itcase/ui 1.3.31 → 1.3.34

package/dist/Label-DgyUhGTQ.js

@@ -1,93 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useCallback } from 'react';
-import clsx from 'clsx';
-import { useDeviceTargetClassGenerator } from './hooks/useDeviceTargetClassGenerator.js';
-import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-JayJa3hj.js';
-import { T as Tooltip } from './Tooltip-AodzD-7D.js';
-
-var labelAppearance = {
-    dev: {
-        fill: 'surfaceSecondary',
-        label: 'Label',
-        labelTextColor: 'surfaceTextPrimary',
-        labelTextSize: 'm',
-        shape: 'rounded',
-        size: 'l',
-    },
-    accent: {
-        fill: 'accentPrimary',
-        labelTextColor: 'accentTextPrimary',
-        labelTextColorHover: 'accentTextPrimary',
-    },
-    accentTertiary: {
-        fill: 'accentTertiary',
-        labelTextColor: 'accentTextPrimary',
-        labelTextColorHover: 'accentTextPrimary',
-    },
-    primary: {
-        fill: 'primaryPrimary',
-        labelTextColor: 'primaryTextPrimary',
-        labelTextColorHover: 'primaryTextPrimary',
-    },
-    secondary: {
-        fill: 'secondaryPrimary',
-        labelTextColor: 'secondaryTextPrimary',
-        labelTextColorHover: 'secondaryTextPrimary',
-    },
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        fillHover: 'surfacePrimaryHover',
-        labelTextColor: 'surfaceTextPrimary',
-        labelTextColorHover: 'surfaceTextPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        labelTextColor: 'surfaceTextPrimary',
-        labelTextColorHover: 'surfaceTextPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        labelTextColor: 'surfaceTextPrimary',
-        labelTextColorHover: 'surfaceTextPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        labelTextColor: 'surfaceTextInverse',
-        labelTextColorHover: 'surfaceTextInverse',
-    },
-    gradientPrimary: {
-        fill: 'gradientPrimary',
-        labelTextColor: 'surfaceTextInverse',
-        labelTextColorHover: 'surfaceTextInverse',
-        labelTextWeight: 600,
-    },
-};
-
-var labelConfig = {
-    appearance: labelAppearance,
-    setAppearance: function (newComponent) {
-        labelConfig.appearance = newComponent;
-    },
-};
-function Label(props) {
-    var children = props.children, cursor = props.cursor, after = props.after, appearance = props.appearance, before = props.before, className = props.className, dataTour = props.dataTour, _a = props.label, label = _a === void 0 ? 'Label' : _a, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, mode = props.mode, set = props.set, showTooltip = props.showTooltip, tooltipAlignment = props.tooltipAlignment, tooltipAppearance = props.tooltipAppearance, tooltipArrowPosition = props.tooltipArrowPosition, tooltipContent = props.tooltipContent, tooltipText = props.tooltipText, tooltipTextSize = props.tooltipTextSize, tooltipTitle = props.tooltipTitle, tooltipTitleSize = props.tooltipTitleSize, type = props.type, onClick = props.onClick;
-    var tooltipRef = useRef(null);
-    var onMouseEnterLabel = useCallback(function () {
-        var _a;
-        (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.openTooltip();
-    }, []);
-    var onMouseLeaveLabel = useCallback(function () {
-        var _a;
-        (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.closeTooltip();
-    }, []);
-    // @ts-expect-error
-    var appearanceConfig = labelConfig.appearance && labelConfig.appearance[appearance];
-    var classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig);
-    var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, borderColorClass = classGenerator.borderColorClass, borderTypeClass = classGenerator.borderTypeClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, shapeClass = classGenerator.shapeClass, sizeClass = classGenerator.sizeClass, widthClass = classGenerator.widthClass, wrapClass = classGenerator.wrapClass;
-    // @ts-expect-error
-    var labelStyles = useStyles(props).styles;
-    return (jsxs("div", { className: clsx(className, 'label', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "label_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "label_size_".concat(sizeClass), wrapClass && "'word-wrap_".concat(wrapClass), widthClass && "label_width_".concat(widthClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), type && "label_type_".concat(type), set && "label_set_".concat(set), mode && "label_mode_".concat(mode), onClick && (cursor || 'cursor_type_pointer')), "data-tour": dataTour, style: labelStyles, onClick: onClick, onMouseEnter: onMouseEnterLabel, onMouseLeave: onMouseLeaveLabel, children: [before, jsxs("div", { className: "label__inner", children: [typeof label === 'string' ? (jsx(Text, { className: "label__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textWeight: labelTextWeight || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextWeight), textWrap: labelTextWrap, children: label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })) : (jsx("div", { className: "label__label", children: label })), children, showTooltip && (jsx(Tooltip, { className: "label__tooltip", ref: tooltipRef, alignment: tooltipAlignment, appearance: tooltipAppearance, arrowPosition: tooltipArrowPosition, text: tooltipText, textSize: tooltipTextSize, title: tooltipTitle, titleSize: tooltipTitleSize, children: tooltipContent }))] }), after] }));
-}
-
-export { Label as L, labelAppearance as a, labelConfig as l };

package/dist/Loader-Dn036JwE.js

@@ -1,56 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var useDeviceTargetClassGenerator = require('./cjs/hooks/useDeviceTargetClassGenerator.js');
-var useStyles = require('./cjs/hooks/useStyles.js');
-var Text = require('./Text-Beslj4Ns.js');
-
-var loaderAppearance = {
-    accent: {
-        fill: 'accentPrimary',
-        itemFill: 'accentItemPrimary',
-    },
-    primary: {
-        fill: 'primaryPrimary',
-        itemFill: 'primaryItemPrimary',
-    },
-    secondary: {
-        fill: 'secondaryPrimary',
-        itemFill: 'secondaryItemPrimary',
-    },
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        itemFill: 'surfaceItemPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        itemFill: 'surfaceItemPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        itemFill: 'surfaceItemPrimary',
-    },
-};
-
-// TODO: is better to use context?
-var loaderConfig = {
-    appearance: loaderAppearance,
-    setAppearance: function (newComponent) {
-        loaderConfig.appearance = newComponent;
-    },
-};
-function Loader(props) {
-    var children = props.children, appearance = props.appearance, className = props.className, set = props.set, text = props.text, textColor = props.textColor, textSize = props.textSize;
-    // @ts-expect-error
-    var appearanceConfig = loaderConfig.appearance && loaderConfig.appearance[appearance];
-    var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
-    var fillClass = classGenerator.fillClass, heightClass = classGenerator.heightClass, itemFillClass = classGenerator.itemFillClass, positionClass = classGenerator.positionClass, widthClass = classGenerator.widthClass;
-    // @ts-expect-error
-    var loader = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsxs("div", { className: clsx('loader', positionClass && "position_".concat(positionClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), fillClass && "fill_".concat(fillClass), className, set && "loader_set_".concat(set)), style: loader, children: [children || (jsxRuntime.jsxs("div", { className: "loader__inner", children: [jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && "fill_".concat(itemFillClass)) }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && "fill_".concat(itemFillClass)) }), jsxRuntime.jsx("span", { className: clsx('loader__item', itemFillClass && "fill_".concat(itemFillClass)) })] })), text && (jsxRuntime.jsx(Text.Text, { className: "loader__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text }))] }));
-}
-
-exports.Loader = Loader;
-exports.loaderAppearance = loaderAppearance;
-exports.loaderConfig = loaderConfig;

package/dist/Loader-K_DJmah6.js

@@ -1,52 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useDeviceTargetClassGenerator } from './hooks/useDeviceTargetClassGenerator.js';
-import { useStyles } from './hooks/useStyles.js';
-import { T as Text } from './Text-JayJa3hj.js';
-
-var loaderAppearance = {
-    accent: {
-        fill: 'accentPrimary',
-        itemFill: 'accentItemPrimary',
-    },
-    primary: {
-        fill: 'primaryPrimary',
-        itemFill: 'primaryItemPrimary',
-    },
-    secondary: {
-        fill: 'secondaryPrimary',
-        itemFill: 'secondaryItemPrimary',
-    },
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        itemFill: 'surfaceItemPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        itemFill: 'surfaceItemPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        itemFill: 'surfaceItemPrimary',
-    },
-};
-
-// TODO: is better to use context?
-var loaderConfig = {
-    appearance: loaderAppearance,
-    setAppearance: function (newComponent) {
-        loaderConfig.appearance = newComponent;
-    },
-};
-function Loader(props) {
-    var children = props.children, appearance = props.appearance, className = props.className, set = props.set, text = props.text, textColor = props.textColor, textSize = props.textSize;
-    // @ts-expect-error
-    var appearanceConfig = loaderConfig.appearance && loaderConfig.appearance[appearance];
-    var classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig);
-    var fillClass = classGenerator.fillClass, heightClass = classGenerator.heightClass, itemFillClass = classGenerator.itemFillClass, positionClass = classGenerator.positionClass, widthClass = classGenerator.widthClass;
-    // @ts-expect-error
-    var loader = useStyles(props).styles;
-    return (jsxs("div", { className: clsx('loader', positionClass && "position_".concat(positionClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), fillClass && "fill_".concat(fillClass), className, set && "loader_set_".concat(set)), style: loader, children: [children || (jsxs("div", { className: "loader__inner", children: [jsx("span", { className: clsx('loader__item', itemFillClass && "fill_".concat(itemFillClass)) }), jsx("span", { className: clsx('loader__item', itemFillClass && "fill_".concat(itemFillClass)) }), jsx("span", { className: clsx('loader__item', itemFillClass && "fill_".concat(itemFillClass)) })] })), text && (jsx(Text, { className: "loader__text", size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text }))] }));
-}
-
-export { Loader as L, loaderAppearance as a, loaderConfig as l };

package/dist/cjs/hooks/useDeviceTargetClassGenerator.interface.js

@@ -1,3 +0,0 @@
-'use strict';
-'use strict';
-

package/dist/cjs/hooks/useDeviceTargetClassGenerator.js

@@ -1,98 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../tslib.es6-CCZ3TN_7.js');
-var React = require('react');
-var camelCase = require('lodash/camelCase');
-var castArray = require('lodash/castArray');
-var UIContext = require('../context/UIContext.js');
-require('react/jsx-runtime');
-require('./useMediaQueries.js');
-require('react-responsive');
-require('../utils/setViewportProperty.js');
-
-function useDeviceTargetClassGenerator(componentProps, appearanceConfig) {
-    /** Generate a class depending on the user's device.
-     * Props:
-     *   - "componentProps" - "props" from component
-     *   - "appearanceConfig" - special appearance dictionary with styles presets
-     *
-     * Usage:
-     *   const appearanceConfig = (
-     *     appearance && componentConfig.appearance && componentConfig.appearance[appearance]
-     *   )
-     *   const classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig)
-     *   ---------
-     *   const fillClass = classGenerator.getClass('fill')
-     *   "fillClass" - is "surface-secondary"
-     *   ---------
-     *   const fillClass = classGenerator.getClass('fill', { prefix: 'fill_' })
-     *   "fillClass" - is "fill_surface-secondary"
-     *   ---------
-     *   const fillClass = classGenerator.fill / classGenerator.fillClass
-     *   "fill" / "fillClass" - is "surface-secondary"
-     *   ---------
-     *   const { fill / fillClass } = classGenerator
-     *   "fill" / "fillClass" - is "surface-secondary"
-     **/
-    var _a = UIContext.useUserDeviceContext(), isMobile = _a.isMobile, isTablet = _a.isTablet, isDesktop = _a.isDesktop;
-    var deviceTargetClassGenerator = React.useMemo(function () {
-        var classGenerator = {
-            getClass: function (propsKey, params) {
-                if (params === void 0) { params = {}; }
-                var _a = params.prefix, prefix = _a === void 0 ? '' : _a, _b = params.replace, replace = _b === void 0 ? [/([A-Z])/g, '-$1'] : _b;
-                // prettier-ignore
-                var deviceBasePart = ((isMobile && 'Mobile') ||
-                    (isTablet && 'Tablet') ||
-                    (isDesktop && 'Desktop') ||
-                    '');
-                var valueForDevice = componentProps["".concat(propsKey).concat(deviceBasePart)];
-                var valueDefault = componentProps[propsKey];
-                var appearanceForDevice = appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig["".concat(propsKey).concat(deviceBasePart)];
-                var appearanceDefault = appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig[propsKey];
-                // prettier-ignore
-                var targetClassValue = (
-                // Value for device from props is first priority
-                valueForDevice ||
-                    // Value without device from props is second priority
-                    valueDefault ||
-                    // Value for device from appearance config is third priority
-                    appearanceForDevice ||
-                    // Value without device from appearance config is last priority
-                    appearanceDefault);
-                if (targetClassValue) {
-                    var cleanClassValue = camelCase(String(targetClassValue));
-                    if (replace) {
-                        var replaceList = castArray(replace);
-                        cleanClassValue = cleanClassValue.replace(replaceList[0], replaceList[1] || '');
-                    }
-                    return "".concat(prefix).concat(cleanClassValue).toLowerCase();
-                }
-                // If target key not exists in props and appearance config - return empty class
-                return '';
-            },
-        };
-        var generatorProxyHandler = {
-            get: function (target, prop, receiver) {
-                var args = [];
-                for (var _i = 3; _i < arguments.length; _i++) {
-                    args[_i - 3] = arguments[_i];
-                }
-                if (typeof prop === 'string') {
-                    if (!Reflect.has(target, prop)) {
-                        if (prop.endsWith('Class')) {
-                            var shortProp = prop.substring(0, prop.lastIndexOf('Class'));
-                            return target.getClass(shortProp);
-                        }
-                        return target.getClass(prop);
-                    }
-                    return Reflect.get.apply(Reflect, tslib_es6.__spreadArray([target, prop, receiver], args, false));
-                }
-                return prop;
-            },
-        };
-        return new Proxy(classGenerator, generatorProxyHandler);
-    }, [componentProps, appearanceConfig, isDesktop, isMobile, isTablet]);
-    return deviceTargetClassGenerator;
-}
-
-exports.useDeviceTargetClassGenerator = useDeviceTargetClassGenerator;

package/dist/css/styles/column-gap/column-gap.css

@@ -1,7 +0,0 @@
-.column-gap {
-  @each $val in 1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200 {
-    &_$(val) {
-      column-gap: $(val)px;
-    }
-  }
-}

package/dist/css/styles/gap/gap.css

@@ -1,7 +0,0 @@
-.gap {
-  @each $val in 1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200 {
-    &_$(val) {
-      gap: $(val)px;
-    }
-  }
-}

package/dist/css/styles/row-gap/row-gap.css

@@ -1,7 +0,0 @@
-.row-gap {
-  @each $val in 1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200 {
-    &_$(val) {
-      row-gap: $(val)px;
-    }
-  }
-}

package/dist/hooks/useDeviceTargetClassGenerator.interface.js

@@ -1 +0,0 @@
-'use strict';

package/dist/hooks/useDeviceTargetClassGenerator.js

@@ -1,96 +0,0 @@
-import { a as __spreadArray } from '../tslib.es6-Bwu1Cn-t.js';
-import { useMemo } from 'react';
-import camelCase from 'lodash/camelCase';
-import castArray from 'lodash/castArray';
-import { useUserDeviceContext } from '../context/UIContext.js';
-import 'react/jsx-runtime';
-import './useMediaQueries.js';
-import 'react-responsive';
-import '../utils/setViewportProperty.js';
-
-function useDeviceTargetClassGenerator(componentProps, appearanceConfig) {
-    /** Generate a class depending on the user's device.
-     * Props:
-     *   - "componentProps" - "props" from component
-     *   - "appearanceConfig" - special appearance dictionary with styles presets
-     *
-     * Usage:
-     *   const appearanceConfig = (
-     *     appearance && componentConfig.appearance && componentConfig.appearance[appearance]
-     *   )
-     *   const classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig)
-     *   ---------
-     *   const fillClass = classGenerator.getClass('fill')
-     *   "fillClass" - is "surface-secondary"
-     *   ---------
-     *   const fillClass = classGenerator.getClass('fill', { prefix: 'fill_' })
-     *   "fillClass" - is "fill_surface-secondary"
-     *   ---------
-     *   const fillClass = classGenerator.fill / classGenerator.fillClass
-     *   "fill" / "fillClass" - is "surface-secondary"
-     *   ---------
-     *   const { fill / fillClass } = classGenerator
-     *   "fill" / "fillClass" - is "surface-secondary"
-     **/
-    var _a = useUserDeviceContext(), isMobile = _a.isMobile, isTablet = _a.isTablet, isDesktop = _a.isDesktop;
-    var deviceTargetClassGenerator = useMemo(function () {
-        var classGenerator = {
-            getClass: function (propsKey, params) {
-                if (params === void 0) { params = {}; }
-                var _a = params.prefix, prefix = _a === void 0 ? '' : _a, _b = params.replace, replace = _b === void 0 ? [/([A-Z])/g, '-$1'] : _b;
-                // prettier-ignore
-                var deviceBasePart = ((isMobile && 'Mobile') ||
-                    (isTablet && 'Tablet') ||
-                    (isDesktop && 'Desktop') ||
-                    '');
-                var valueForDevice = componentProps["".concat(propsKey).concat(deviceBasePart)];
-                var valueDefault = componentProps[propsKey];
-                var appearanceForDevice = appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig["".concat(propsKey).concat(deviceBasePart)];
-                var appearanceDefault = appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig[propsKey];
-                // prettier-ignore
-                var targetClassValue = (
-                // Value for device from props is first priority
-                valueForDevice ||
-                    // Value without device from props is second priority
-                    valueDefault ||
-                    // Value for device from appearance config is third priority
-                    appearanceForDevice ||
-                    // Value without device from appearance config is last priority
-                    appearanceDefault);
-                if (targetClassValue) {
-                    var cleanClassValue = camelCase(String(targetClassValue));
-                    if (replace) {
-                        var replaceList = castArray(replace);
-                        cleanClassValue = cleanClassValue.replace(replaceList[0], replaceList[1] || '');
-                    }
-                    return "".concat(prefix).concat(cleanClassValue).toLowerCase();
-                }
-                // If target key not exists in props and appearance config - return empty class
-                return '';
-            },
-        };
-        var generatorProxyHandler = {
-            get: function (target, prop, receiver) {
-                var args = [];
-                for (var _i = 3; _i < arguments.length; _i++) {
-                    args[_i - 3] = arguments[_i];
-                }
-                if (typeof prop === 'string') {
-                    if (!Reflect.has(target, prop)) {
-                        if (prop.endsWith('Class')) {
-                            var shortProp = prop.substring(0, prop.lastIndexOf('Class'));
-                            return target.getClass(shortProp);
-                        }
-                        return target.getClass(prop);
-                    }
-                    return Reflect.get.apply(Reflect, __spreadArray([target, prop, receiver], args, false));
-                }
-                return prop;
-            },
-        };
-        return new Proxy(classGenerator, generatorProxyHandler);
-    }, [componentProps, appearanceConfig, isDesktop, isMobile, isTablet]);
-    return deviceTargetClassGenerator;
-}
-
-export { useDeviceTargetClassGenerator };

package/dist/stories/Badge.mdx

@@ -1,20 +0,0 @@
-import { Canvas, Meta } from '@storybook/blocks'
-
-import * as IconStories from '../../Icon/stories/Icon.stories.tsx'
-import * as BadgeStories from './Badge.stories.tsx'
-
-<Meta of={BadgeStories} />
-
-# Badge
-
-## Accent
-
-<Canvas sourceState="shown" of={BadgeStories.Accent} />
-
-## Secondary
-
-<Canvas sourceState="shown" of={BadgeStories.Secondary} />
-
-## Primary
-
-<Canvas sourceState="shown" of={BadgeStories.Primary} />

package/dist/stories/Button.mdx

@@ -1,47 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/blocks'
-
-import * as ButtonStories from './Button.stories.tsx'
-
-<Meta of={ButtonStories} />
-
-# Button
-
-## Accent
-
-<Canvas sourceState="shown" of={ButtonStories.Accent} />
-
-## Primary
-
-<Canvas sourceState="shown" of={ButtonStories.Primary} />
-
-## Secondary
-
-<Canvas sourceState="shown" of={ButtonStories.Secondary} />
-
-## SurfacePrimary
-
-<Canvas sourceState="shown" of={ButtonStories.SurfacePrimary} />
-
-## SurfaceSecondary
-
-<Canvas sourceState="shown" of={ButtonStories.SurfaceSecondary} />
-
-## SurfaceTertiary
-
-<Canvas sourceState="shown" of={ButtonStories.SurfaceTertiary} />
-
-## SurfaceDisabled
-
-<Canvas sourceState="shown" of={ButtonStories.SurfaceDisabled} />
-
-## IconBefore
-
-<Canvas sourceState="shown" of={ButtonStories.IconBefore} />
-
-## IconAfter
-
-<Canvas sourceState="shown" of={ButtonStories.IconAfter} />
-
-## WithBadge
-
-<Canvas sourceState="shown" of={ButtonStories.WithBadge} />

package/dist/types/components/Badge/stories/args.d.ts

@@ -1,69 +0,0 @@
-export declare const argTypes: {
-    children: {
-        if: {
-            arg: string;
-        };
-    };
-    borderWidth: {
-        control: string;
-        options: readonly [undefined, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, "1", "2", "3", "4", "5", "6", "7", "8", "9", "10"];
-    };
-    borderColor: {
-        control: string;
-        options: readonly [undefined, "accentBorderPrimary", "accentBorderSecondary", "accentBorderTertiary", "accentBorderQuaternary", "accentBorderDisabled", "primaryBorderPrimary", "primaryBorderSecondary", "primaryBorderTertiary", "primaryBorderQuaternary", "primaryBorderDisabled", "secondaryBorderPrimary", "secondaryBorderSecondary", "secondaryBorderTertiary", "secondaryBorderQuaternary", "secondaryBorderDisabled", "tertiaryBorderPrimary", "tertiaryBorderSecondary", "tertiaryBorderTertiary", "tertiaryBorderQuaternary", "tertiaryBorderDisabled", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "surfaceBorderQuaternary", "surfaceBorderDisabled", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled"];
-    };
-    advancedProps: {
-        control: string;
-    };
-    after: {
-        if: {
-            arg: string;
-        };
-    };
-    appearance: {
-        control: string;
-        options: (string | null)[];
-    };
-    borderColorHover: {
-        control: string;
-        options: readonly [undefined, "accentBorderPrimary", "accentBorderPrimaryHover", "primaryBorderPrimary", "secondaryBorderPrimary", "tertiaryBorderPrimary", "surfaceBorderPrimary", "surfaceBorderSecondary", "surfaceBorderTertiary", "errorBorderPrimary", "errorBorderPrimaryHover", "successBorderPrimary", "surfaceBorderQuaternary"];
-    };
-    borderType: {
-        control: string;
-        options: readonly [undefined, "outline", "solid", "none"];
-    };
-    className: {
-        if: {
-            arg: string;
-        };
-    };
-    fill: {
-        control: string;
-        options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
-    };
-    mode: {
-        control: string;
-        options: (string | null)[];
-    };
-    shape: {
-        control: string;
-        options: readonly [undefined, "geometric", "rounded", "circular"];
-    };
-    size: {
-        control: string;
-        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
-    };
-    textColor: {
-        control: string;
-        options: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
-    };
-    textSize: {
-        control: string;
-        options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
-    };
-    type: {
-        if: {
-            arg: string;
-        };
-    };
-};

package/dist/types/hooks/styleAttributes.d.ts

@@ -1,2 +0,0 @@
-declare const _default: string[];
-export default _default;

package/dist/types/hooks/useDeviceTargetClassGenerator.d.ts

@@ -1,3 +0,0 @@
-import type { iAppearanceConfig, iComponentProps, iDeviceTargetClassGenerator } from './useDeviceTargetClassGenerator.interface';
-declare function useDeviceTargetClassGenerator(componentProps: iComponentProps, appearanceConfig?: iAppearanceConfig): iDeviceTargetClassGenerator;
-export { useDeviceTargetClassGenerator };