@itcase/ui 1.3.31 → 1.3.32

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/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/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 };