@itcase/ui 1.9.24 → 1.9.26

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

@@ -1,41 +1,45 @@
-import type { CSSProperties, ElementType } from 'react';
-import { AppearanceKeysDefault, BorderColorProps, FillProps, ItemFillProps, ShapeProps, SizePXProps, TextColorProps, TextSizeProps, TextWeightProps } from '@itcase/types';
-interface WarningThemeColor {
+import type { CSSProperties, ReactNode } from 'react';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, FillProps, ShapeProps, ShapeStrengthProps, TextColorProps, TextSizeProps } from '@itcase/types';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+type WarningAppearanceProps = {
     borderColor?: BorderColorProps;
-    descriptionTextColor: TextColorProps;
-    descriptionTextSize: TextSizeProps;
+    descriptionTextColor?: TextColorProps;
+    descriptionTextSize?: TextSizeProps;
     fill?: FillProps;
-    iconAfter: ElementType;
-    iconAfterFillIcon: ItemFillProps;
-    iconAfterSize: SizePXProps;
-    iconAfterSrc: string;
-    iconBefore: ElementType;
-    iconBeforeFill: FillProps;
-    iconBeforeFillIcon: ItemFillProps;
-    iconBeforeSize: SizePXProps;
-    iconBeforeSrc: string;
-    labelTextColor?: TextColorProps;
-    labelTextSize?: TextSizeProps;
-    labelTextWeight: TextWeightProps;
-    size: TextSizeProps;
-}
-type WarningAppearance = {
-    [key in AppearanceKeysDefault]?: WarningThemeColor;
+    iconAfter?: IconProps['SvgImage'];
+    iconAfterFill?: IconProps['fill'];
+    iconAfterFillIcon?: IconProps['iconFillIcon'];
+    iconAfterSize?: IconProps['iconSize'];
+    iconAfterSrc?: IconProps['imageSrc'];
+    iconBefore?: IconProps['SvgImage'];
+    iconBeforeFill?: IconProps['fill'];
+    iconBeforeFillIcon?: IconProps['iconFillIcon'];
+    iconBeforeSize?: IconProps['iconSize'];
+    iconBeforeSrc?: IconProps['imageSrc'];
+    labelTextColor?: TextProps['textColor'];
+    labelTextSize?: TextProps['size'];
+    labelTextWeight?: TextProps['textWeight'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: TextSizeProps;
 };
-interface WarningConfig {
-    [key: number | string | symbol]: any;
-    appearance: WarningAppearance | undefined;
-    setAppearance: (newComponent: WarningAppearance) => void;
-}
-interface WarningProps {
-    appearance?: string;
-    className: string;
+type WarningProps = StyleAttributes & WarningAppearanceProps & {
+    appearance?: CompositeAppearanceKey;
+    children?: ReactNode;
+    className?: string;
     description?: string;
-    iconAfterSrc?: string;
-    iconBeforeSrc?: string;
+    isSkeleton?: boolean;
     label?: string;
-    shape?: ShapeProps;
     style?: CSSProperties;
-    isSkeleton?: boolean;
+};
+type WarningAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type WarningAppearance = {
+    [key in WarningAppearanceKey]?: WarningAppearanceProps;
+};
+interface WarningConfig {
+    appearance: WarningAppearance;
+    setAppearance: (appearanceConfig: WarningAppearance) => void;
 }
-export { WarningConfig, WarningProps };
+export type { WarningAppearance, WarningConfig, WarningProps };

package/dist/types/components/Warning/appearance/warningAccent.d.ts

@@ -1,23 +1,3 @@
-declare const warningAppearanceAccent: {
-    accentMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        descriptionTextColor: string;
-        borderColor: string;
-        iconAfter: string;
-        iconAfterFillIcon: string;
-        iconBefore: string;
-        iconBeforeFillIcon: string;
-    };
-    accentPrimary: {
-        fill: string;
-        labelTextColor: string;
-        descriptionTextColor: string;
-        borderColor: string;
-        iconAfter: string;
-        iconAfterFillIcon: string;
-        iconBefore: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { WarningAppearance } from '../Warning.interface';
+declare const warningAppearanceAccent: WarningAppearance;
 export { warningAppearanceAccent };

package/dist/types/components/Warning/appearance/warningError.d.ts

@@ -1,23 +1,3 @@
-declare const warningAppearanceError: {
-    errorMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        descriptionTextColor: string;
-        borderColor: string;
-        iconAfter: string;
-        iconAfterFillIcon: string;
-        iconBefore: string;
-        iconBeforeFillIcon: string;
-    };
-    errorPrimary: {
-        fill: string;
-        labelTextColor: string;
-        descriptionTextColor: string;
-        borderColor: string;
-        iconAfter: string;
-        iconAfterFillIcon: string;
-        iconBefore: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { WarningAppearance } from '../Warning.interface';
+declare const warningAppearanceError: WarningAppearance;
 export { warningAppearanceError };

package/dist/types/components/Warning/appearance/warningInfo.d.ts

@@ -1,23 +1,3 @@
-declare const warningAppearanceInfo: {
-    infoMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        descriptionTextColor: string;
-        borderColor: string;
-        iconAfter: string;
-        iconAfterFillIcon: string;
-        iconBefore: string;
-        iconBeforeFillIcon: string;
-    };
-    infoPrimary: {
-        fill: string;
-        labelTextColor: string;
-        descriptionTextColor: string;
-        borderColor: string;
-        iconAfter: string;
-        iconAfterFillIcon: string;
-        iconBefore: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { WarningAppearance } from '../Warning.interface';
+declare const warningAppearanceInfo: WarningAppearance;
 export { warningAppearanceInfo };

package/dist/types/components/Warning/appearance/warningShape.d.ts

@@ -1,25 +1,3 @@
-declare const warningAppearanceShape: {
-    circular: {
-        shape: string;
-    };
-    rounded: {
-        shape: string;
-    };
-    roundedXL: {
-        shape: string;
-        shapeStrength: string;
-    };
-    roundedL: {
-        shape: string;
-        shapeStrength: string;
-    };
-    roundedM: {
-        shape: string;
-        shapeStrength: string;
-    };
-    roundedS: {
-        shape: string;
-        shapeStrength: string;
-    };
-};
+import { WarningAppearance } from '../Warning.interface';
+declare const warningAppearanceShape: WarningAppearance;
 export { warningAppearanceShape };

package/dist/types/components/Warning/appearance/warningSize.d.ts

@@ -1,11 +1,3 @@
-declare const warningAppearanceSize: {
-    sizeL: {
-        size: string;
-        labelTextSize: string;
-        labelTextWeight: string;
-        descriptionTextSize: string;
-        iconAfterSize: string;
-        iconBeforeSize: string;
-    };
-};
+import { WarningAppearance } from '../Warning.interface';
+declare const warningAppearanceSize: WarningAppearance;
 export { warningAppearanceSize };

package/dist/types/components/Warning/appearance/warningStyle.d.ts

@@ -1,14 +1,3 @@
-declare const warningAppearanceStyle: {
-    solid: {
-        borderColor: string;
-    };
-    outlined: {
-        fill: string;
-    };
-    full: {};
-    ghost: {
-        fill: string;
-        borderColor: string;
-    };
-};
+import { WarningAppearance } from '../Warning.interface';
+declare const warningAppearanceStyle: WarningAppearance;
 export { warningAppearanceStyle };

package/dist/types/components/Warning/appearance/warningWarning.d.ts

@@ -1,23 +1,3 @@
-declare const warningAppearanceWarning: {
-    warningMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        descriptionTextColor: string;
-        borderColor: string;
-        iconAfter: string;
-        iconAfterFillIcon: string;
-        iconBefore: string;
-        iconBeforeFillIcon: string;
-    };
-    warningPrimary: {
-        fill: string;
-        labelTextColor: string;
-        descriptionTextColor: string;
-        borderColor: string;
-        iconAfter: string;
-        iconAfterFillIcon: string;
-        iconBefore: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { WarningAppearance } from '../Warning.interface';
+declare const warningAppearanceWarning: WarningAppearance;
 export { warningAppearanceWarning };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.9.24",
+  "version": "1.9.26",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",

package/dist/{Button_cjs_BRShPZw4.js → Button_cjs_DPs7uj_n.js}

@@ -85,9 +85,9 @@ const buttonAppearanceError = {
     errorMutedPrimary: {
         fill: 'errorTertiary',
         fillHover: 'errorHover',
-        borderColor: 'errorBorderSecondary',
         labelTextColor: 'errorTextQuaternary',
         labelTextColorHover: 'errorTextQuaternary',
+        borderColor: 'errorBorderSecondary',
         iconAfterFillIcon: 'errorItemQuaternary',
         iconBeforeFillIcon: 'errorItemQuaternary',
         iconFillIcon: 'errorItemQuaternary',

package/dist/{Button_es_CvRcO3xM.js → Button_es_ljlle2Pu.js}

@@ -83,9 +83,9 @@ const buttonAppearanceError = {
     errorMutedPrimary: {
         fill: 'errorTertiary',
         fillHover: 'errorHover',
-        borderColor: 'errorBorderSecondary',
         labelTextColor: 'errorTextQuaternary',
         labelTextColorHover: 'errorTextQuaternary',
+        borderColor: 'errorBorderSecondary',
         iconAfterFillIcon: 'errorItemQuaternary',
         iconBeforeFillIcon: 'errorItemQuaternary',
         iconFillIcon: 'errorItemQuaternary',