@itcase/ui 1.3.30 → 1.3.32

package/dist/types/components/Search/Search.interface.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { tBorderColorHoverProps, tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tFillProps, tIconSizeProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iSearchThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;

package/dist/types/components/Segmented/Segmented.interface.d.ts

@@ -1,6 +1,6 @@
 import { tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tTextColorActiveProps, tTextColorProps, tTextSizeProps, tTextWrapProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iSegmentedThemeColor {
     [key: number | string | symbol]: any;
     borderType?: tBorderTypeProps;

package/dist/types/components/Swiper/Swiper.d.ts

@@ -1,8 +1,3 @@
 import type { iSwiperProps } from './Swiper.interface';
 declare function Swiper(props: iSwiperProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Swiper {
-    var defaultProps: {
-        disabledButtonClass: string;
-    };
-}
 export { Swiper };

package/dist/types/components/Swiper/Swiper.interface.d.ts

@@ -2,7 +2,7 @@ import { CSSProperties, ReactNode, type Ref } from 'react';
 import { SwiperClass, type SwiperRef } from 'swiper/react';
 import { SwiperModule, SwiperOptions } from 'swiper/types';
 import { tAlignDirectionProps, tAlignProps, tFillProps, tShapeProps, tTextColorProps, tTextWeightProps, tTitleSizeProps } from 'types';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iSwiperProps extends iStyleAttributes {
     id?: string;
     [key: number | string | symbol]: any;

package/dist/types/components/Switch/Switch.interface.d.ts

@@ -1,5 +1,5 @@
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iSwitchThemeColor {
     size?: string;
     set?: string;

package/dist/types/components/Tab/Tab.interface.d.ts

@@ -1,7 +1,7 @@
 import type { CSSProperties, ReactNode } from 'react';
 import type { tAlignDirectionProps, tAlignProps, tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tDirectionProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tWidthProps, tWrapProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 interface iTabThemeColor {
     [key: number | string | symbol]: any;
     align?: tAlignProps;

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

@@ -29,7 +29,7 @@ export declare const argTypes: {
         };
         badgeFill: {
             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"];
+            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", "none"];
         };
         badgeSize: {
             control: string;
@@ -55,7 +55,7 @@ export declare const argTypes: {
         };
         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"];
+            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", "none"];
         };
         fillHover: {
             control: string;
@@ -125,7 +125,7 @@ export declare const argTypes: {
             if: {
                 arg: 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"];
+            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", "none"];
         };
         rel: {
             if: {

package/dist/types/components/Text/Text.interface.d.ts

@@ -1,7 +1,7 @@
 import type { CSSProperties, ElementType, ReactNode } from 'react';
 import type { tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tTypeProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 interface iTextThemeColor {
     [key: number | string | symbol]: any;
     size?: tSizeProps;

package/dist/types/components/Textarea/Textarea.d.ts

@@ -1,9 +1,4 @@
 import type { iTextareaConfig, iTextareaProps } from './Textarea.interface';
 declare const textareaConfig: iTextareaConfig;
 declare function Textarea(props: iTextareaProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Textarea {
-    var defaultProps: {
-        size: string;
-    };
-}
 export { Textarea, textareaConfig };

package/dist/types/components/Textarea/Textarea.interface.d.ts

@@ -1,7 +1,7 @@
 import { tBorderColorHoverProps, tBorderColorProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
 import { tStateKeysDefault } from 'types/componentProps/stateKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iTextareaThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;

package/dist/types/components/Tile/Tile.d.ts

@@ -1,9 +1,4 @@
 import type { iTileConfig, iTileProps } from './Tile.interface';
 declare const tileConfig: iTileConfig;
 declare function Tile(props: iTileProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Tile {
-    var defaultProps: {
-        alignDirection: string;
-    };
-}
 export { Tile, tileConfig };

package/dist/types/components/Tile/Tile.interface.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { tAlignDirectionProps, tAlignProps, tBorderColorHoverProps, tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tDirectionProps, tFillProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, tTitleSizeProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iTileThemeColor {
     [key: number | string | symbol]: any;
     borderColor?: tBorderColorProps;

package/dist/types/components/Title/Title.interface.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
 import { tFillProps, tSvgFillProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tTitleSizeProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 interface iTitleThemeColor {
     [key: number | string | symbol]: any;
     fill?: tFillProps;

package/dist/types/components/Tooltip/Tooltip.interface.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { tAlignDirectionProps, tAlignmentProps, tAlignProps, tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tElevationProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTitleSizeProps } from 'types';
 import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iTooltipThemeColor {
     [key: number | string | symbol]: any;
     align?: tAlignProps;

package/dist/types/components/Video/Video.interface.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 export interface iVideoProps extends iStyleAttributes {
     id?: string;
     children?: ReactNode;

package/dist/types/context/UIContext.d.ts

@@ -1,14 +1,4 @@
-import React, { ReactNode } from 'react';
-declare function useUserDeviceContext(): {
-    isMobile: boolean;
-    isTablet: boolean;
-    isDesktop: boolean;
-};
-declare function useSiteMenuContext(): {
-    isSiteMenuOpen: boolean;
-    setIsSiteMenuOpen: () => void;
-};
-declare const UIProvider: React.NamedExoticComponent<iUIProvider>;
+import { ReactNode } from 'react';
 interface iUIProvider {
     children?: ReactNode;
     userDeviceState?: {
@@ -17,4 +7,10 @@ interface iUIProvider {
         isTablet?: boolean;
     };
 }
-export { UIProvider, useUserDeviceContext, useSiteMenuContext };
+declare const UIProvider: import("react").NamedExoticComponent<iUIProvider>;
+declare function useUserDeviceContext(): {
+    isDesktop: boolean;
+    isMobile: boolean;
+    isTablet: boolean;
+};
+export { UIProvider, useUserDeviceContext };

package/dist/types/hooks/useDevicePropsGenerator/index.d.ts

@@ -0,0 +1 @@
+export { useDevicePropsGenerator } from './useDevicePropsGenerator';

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

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

package/dist/types/hooks/{useDeviceTargetClassGenerator.interface.d.ts → useDevicePropsGenerator/useDevicePropsGenerator.interface.d.ts}

@@ -9,7 +9,7 @@ interface iGeneratorGetClassParams {
     replace?: [RegExp, string];
 }
 type tGetClass = (propsKey: keyof iComponentProps, params?: iGeneratorGetClassParams) => string;
-interface iDeviceTargetClassGenerator {
+interface iDevicePropsGenerator {
     [key: string]: string;
     /**
      * Function to create class from props or appearance config by passing key and prefix(optional)
@@ -17,4 +17,4 @@ interface iDeviceTargetClassGenerator {
      */
     getClass: tGetClass;
 }
-export type { iComponentProps, iAppearanceConfig, iGeneratorGetClassParams, iDeviceTargetClassGenerator, };
+export type { iComponentProps, iAppearanceConfig, iGeneratorGetClassParams, iDevicePropsGenerator };

package/dist/types/hooks/useMediaQueries/index.d.ts

@@ -0,0 +1 @@
+export { useMediaQueries } from './useMediaQueries';

package/dist/types/hooks/useStyles/index.d.ts

@@ -0,0 +1 @@
+export { useStyles } from './useStyles';

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

@@ -0,0 +1,4 @@
+declare const _default: (string | (string | {
+    validate: (value: any) => boolean;
+})[])[];
+export default _default;

package/dist/types/types/componentProps/appearanceKeys.d.ts

@@ -1 +1 @@
-export type tAppearanceKeysDefault = 'accent' | 'accentSecondary' | 'accentTertiary' | 'any' | 'cantLoadData' | 'custom' | 'default' | 'dev' | 'disabled' | 'error' | 'fail' | 'gradientPrimary' | 'l' | 'm' | 'primary' | 'refresh' | 's' | 'search' | 'secondary' | 'success' | 'surface' | 'surfaceDisabled' | 'surfacePrimary' | 'surfaceQuaternary' | 'surfaceSecondary' | 'surfaceTertiary' | 'warning' | 'xl' | 'xs';
+export type tAppearanceKeysDefault = 'accent' | 'accentPrimary' | 'accentQuaternary' | 'accentSecondary' | 'accentTertiary' | 'any' | 'cantLoadData' | 'custom' | 'default' | 'dev' | 'disabled' | 'error' | 'fail' | 'full' | 'ghost' | 'gradientPrimary' | 'l' | 'm' | 'outlined' | 'primary' | 'refresh' | 's' | 'search' | 'secondary' | 'solid' | 'success' | 'surface' | 'surfaceDisabled' | 'surfacePrimary' | 'surfaceQuaternary' | 'surfaceSecondary' | 'surfaceTertiary' | 'warning' | 'xl' | 'xs';

package/dist/types/types/componentProps/borderColor.d.ts

@@ -1,3 +1,3 @@
-declare const borderColorProps: 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"];
+declare const borderColorProps: 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", "none"];
 export type tBorderColorProps = (typeof borderColorProps)[number];
 export { borderColorProps };

package/dist/types/types/componentProps/fill.d.ts

@@ -1,3 +1,3 @@
-declare const fillProps: 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"];
+declare const fillProps: 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", "none"];
 export type tFillProps = (typeof fillProps)[number];
 export { fillProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.3.30",
+  "version": "1.3.32",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -91,16 +91,16 @@
   },
   "dependencies": {
     "@emotion/is-prop-valid": "^1.3.1",
-    "@itcase/storybook-config": "^1.0.59",
     "@itcase/common": "^1.2.19",
-    "@itcase/config": "^1.0.19",
+    "@itcase/config": "^1.0.26",
     "@itcase/icons": "^1.0.23",
+    "@itcase/storybook-config": "^1.0.63",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "framer-motion": "^12.5.0",
+    "framer-motion": "^12.6.2",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
-    "motion": "^12.5.0",
+    "motion": "^12.6.2",
     "rc-slider": "^11.1.8",
     "react": "^18.3.1",
     "react-dadata": "^2.27.4",
@@ -116,7 +116,7 @@
     "react-scroll": "^1.9.3",
     "react-scrollbars-custom": "^4.1.1",
     "react-select": "^5.10.1",
-    "swiper": "^11.2.5",
+    "swiper": "^11.2.6",
     "uuid": "^11.1.0"
   },
   "devDependencies": {
@@ -125,7 +125,7 @@
     "@babel/preset-react": "^7.26.3",
     "@commitlint/cli": "^19.8.0",
     "@commitlint/config-conventional": "^19.8.0",
-    "@itcase/lint": "^1.0.41",
+    "@itcase/lint": "^1.0.48",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-image": "^3.0.3",
@@ -136,6 +136,7 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/release-notes-generator": "14.0.3",
+    "@svgr/webpack": "^8.1.0",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.16",
     "@types/react": "^19",
@@ -148,20 +149,22 @@
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "conventional-changelog-conventionalcommits": "^8.0.0",
-    "eslint": "9.22.0",
+    "eslint": "9.23.0",
     "husky": "^9.1.7",
     "lint-staged": "^15.5.0",
     "npm": "^11.2.0",
     "postcss": "^8.5.3",
     "prettier": "^3.5.3",
-    "rollup": "^4.35.0",
+    "react-docgen-typescript": "^2.2.2",
+    "react-svg": "^16.3.0",
+    "rollup": "^4.38.0",
     "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-dts": "^6.2.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^24.2.3",
-    "storybook": "^8.6.4",
-    "stylelint": "^16.15.0",
+    "storybook": "^8.6.11",
+    "stylelint": "^16.17.0",
     "typescript": "^5.8.2"
   },
   "msw": {

package/dist/Badge-5gtVywXB.js

@@ -1,111 +0,0 @@
-import { _ as __assign } from './tslib.es6-Bwu1Cn-t.js';
-import { 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 badgeAppearance = {
-    accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        textColor: 'accentTextPrimary',
-    },
-    primary: {
-        fill: 'primaryPrimary',
-        fillHover: 'primaryPrimaryHover',
-        textColor: 'primaryTextPrimary',
-    },
-    secondary: {
-        fill: 'secondaryPrimary',
-        fillHover: 'secondaryPrimaryHover',
-        textColor: 'secondaryTextPrimary',
-    },
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        fillHover: 'surfacePrimaryHover',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        fillHover: 'surfaceSecondaryHover',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        fillHover: 'surfaceTertiaryHover',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        fillHover: 'surfaceTertiaryHover',
-        textColor: 'surfaceTextInverse',
-    },
-    disabled: {
-        fill: 'accentDisabled',
-        fillHover: 'none',
-        textColor: 'accentTextDisabled',
-    },
-    success: {
-        fill: 'successPrimary',
-        fillHover: 'successPrimary',
-        textColor: 'successTextSecondary',
-    },
-    warning: {
-        fill: 'warningPrimary',
-        fillHover: 'warningPrimary',
-        textColor: 'warningTextSecondary',
-    },
-    danger: {
-        fill: 'dangerPrimary',
-        fillHover: 'dangerPrimary',
-        textColor: 'dangerTextSecondary',
-    },
-    textXXS: {
-        textSize: 'xxs',
-    },
-    textXS: {
-        textSize: 'xs',
-    },
-    textS: {
-        textSize: 's',
-    },
-    textM: {
-        textSize: 'm',
-    },
-    textL: {
-        textSize: 'l',
-    },
-    textXL: {
-        textSize: 'xl',
-    },
-    textXXL: {
-        textSize: 'xxl',
-    },
-};
-
-var badgeConfig = {
-    appearance: badgeAppearance,
-    setAppearance: function (newComponent) {
-        badgeConfig.appearance = newComponent;
-    },
-};
-function Badge(props) {
-    var children = props.children, appearance = props.appearance, className = props.className, mode = props.mode, textColor = props.textColor, textSize = props.textSize, value = props.value;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultApperance, appearance) {
-        var _a;
-        return (__assign(__assign({}, resultApperance), (_a = badgeConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
-    }, {});
-    var classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig);
-    var borderColorClass = classGenerator.borderColorClass, borderColorHoverClass = classGenerator.borderColorHoverClass, borderTypeClass = classGenerator.borderTypeClass, borderWidthClass = classGenerator.borderWidthClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, positionClass = classGenerator.positionClass, shapeClass = classGenerator.shapeClass, sizeClass = classGenerator.sizeClass;
-    // @ts-expect-error
-    var badgeStyles = useStyles(props).styles;
-    return (jsx("div", { className: clsx(className, 'badge', !value && 'badge_type_status', mode && "badge_mode_".concat(mode), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), positionClass && "position_".concat(positionClass), sizeClass && "badge_size_".concat(sizeClass), shapeClass && "badge_shape_".concat(shapeClass)), style: badgeStyles, children: children ||
-            (value && (jsx(Text, { size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: value }))) }));
-}
-Badge.defaultProps = {
-    shape: 'circular',
-    size: 'm',
-};
-
-export { Badge as B, badgeConfig as a, badgeAppearance as b };

package/dist/Badge-DhOJoJgc.js

@@ -1,115 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-CCZ3TN_7.js');
-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 badgeAppearance = {
-    accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        textColor: 'accentTextPrimary',
-    },
-    primary: {
-        fill: 'primaryPrimary',
-        fillHover: 'primaryPrimaryHover',
-        textColor: 'primaryTextPrimary',
-    },
-    secondary: {
-        fill: 'secondaryPrimary',
-        fillHover: 'secondaryPrimaryHover',
-        textColor: 'secondaryTextPrimary',
-    },
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        fillHover: 'surfacePrimaryHover',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        fillHover: 'surfaceSecondaryHover',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        fillHover: 'surfaceTertiaryHover',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        fillHover: 'surfaceTertiaryHover',
-        textColor: 'surfaceTextInverse',
-    },
-    disabled: {
-        fill: 'accentDisabled',
-        fillHover: 'none',
-        textColor: 'accentTextDisabled',
-    },
-    success: {
-        fill: 'successPrimary',
-        fillHover: 'successPrimary',
-        textColor: 'successTextSecondary',
-    },
-    warning: {
-        fill: 'warningPrimary',
-        fillHover: 'warningPrimary',
-        textColor: 'warningTextSecondary',
-    },
-    danger: {
-        fill: 'dangerPrimary',
-        fillHover: 'dangerPrimary',
-        textColor: 'dangerTextSecondary',
-    },
-    textXXS: {
-        textSize: 'xxs',
-    },
-    textXS: {
-        textSize: 'xs',
-    },
-    textS: {
-        textSize: 's',
-    },
-    textM: {
-        textSize: 'm',
-    },
-    textL: {
-        textSize: 'l',
-    },
-    textXL: {
-        textSize: 'xl',
-    },
-    textXXL: {
-        textSize: 'xxl',
-    },
-};
-
-var badgeConfig = {
-    appearance: badgeAppearance,
-    setAppearance: function (newComponent) {
-        badgeConfig.appearance = newComponent;
-    },
-};
-function Badge(props) {
-    var children = props.children, appearance = props.appearance, className = props.className, mode = props.mode, textColor = props.textColor, textSize = props.textSize, value = props.value;
-    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultApperance, appearance) {
-        var _a;
-        return (tslib_es6.__assign(tslib_es6.__assign({}, resultApperance), (_a = badgeConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearance]));
-    }, {});
-    var classGenerator = useDeviceTargetClassGenerator.useDeviceTargetClassGenerator(props, appearanceConfig);
-    var borderColorClass = classGenerator.borderColorClass, borderColorHoverClass = classGenerator.borderColorHoverClass, borderTypeClass = classGenerator.borderTypeClass, borderWidthClass = classGenerator.borderWidthClass, fillClass = classGenerator.fillClass, fillHoverClass = classGenerator.fillHoverClass, positionClass = classGenerator.positionClass, shapeClass = classGenerator.shapeClass, sizeClass = classGenerator.sizeClass;
-    // @ts-expect-error
-    var badgeStyles = useStyles.useStyles(props).styles;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'badge', !value && 'badge_type_status', mode && "badge_mode_".concat(mode), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), positionClass && "position_".concat(positionClass), sizeClass && "badge_size_".concat(sizeClass), shapeClass && "badge_shape_".concat(shapeClass)), style: badgeStyles, children: children ||
-            (value && (jsxRuntime.jsx(Text.Text, { size: textSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textSize), textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: value }))) }));
-}
-Badge.defaultProps = {
-    shape: 'circular',
-    size: 'm',
-};
-
-exports.Badge = Badge;
-exports.badgeAppearance = badgeAppearance;
-exports.badgeConfig = badgeConfig;