@itcase/ui 1.8.13 → 1.8.16

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

@@ -1,13 +1,13 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
-import { AppearanceKeysDefault, FillProps, HeroTitleSizeProps, SvgFillProps, TextAlignProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextGradientProps, TextStyleProps, TextWeightProps, TextWrapProps } from '@itcase/types';
+import { AppearanceKeysDefault, FillProps, SvgFillProps, TextAlignProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextGradientProps, TextStyleProps, TextWeightProps, TextWrapProps, TitleSizeHeadingProps } from '@itcase/types';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 interface HeroTitleThemeColor {
     [key: number | string | symbol]: any;
     fill?: FillProps;
-    size?: HeroTitleSizeProps;
-    sizeDesktop?: HeroTitleSizeProps;
-    sizeMobile?: HeroTitleSizeProps;
-    sizeTablet?: HeroTitleSizeProps;
+    size?: TitleSizeHeadingProps;
+    sizeDesktop?: TitleSizeHeadingProps;
+    sizeMobile?: TitleSizeHeadingProps;
+    sizeTablet?: TitleSizeHeadingProps;
     svgFill?: SvgFillProps;
     svgFillHover?: SvgFillProps;
     textColor?: TextColorProps;
@@ -20,13 +20,13 @@ interface HeroTitleThemeColor {
     weight?: TextWeightProps;
 }
 type AppearanceKeys = AppearanceKeysDefault & {};
-export type Appearance = {
+export type HeroTitleAppearanceType = {
     [key in AppearanceKeys]: HeroTitleThemeColor;
 };
 export interface HeroTitleConfig {
     [key: number | string | symbol]: any;
-    appearance: Appearance | undefined;
-    setAppearance: (newComponent: Appearance) => void;
+    appearance: HeroTitleAppearanceType | undefined;
+    setAppearance: (newComponent: HeroTitleAppearanceType) => void;
 }
 export interface HeroTitleProps extends HeroTitleThemeColor, StyleAttributes {
     [key: number | string | symbol]: any;

package/dist/types/components/HeroTitle/appearance/heroTitleSize.d.ts

@@ -0,0 +1,27 @@
+declare const heroTitleAppearanceSize: {
+    sizeH1: {
+        size: string;
+        labelTextSize: string;
+    };
+    sizeH2: {
+        size: string;
+        labelTextSize: string;
+    };
+    sizeH3: {
+        size: string;
+        labelTextSize: string;
+    };
+    sizeH4: {
+        size: string;
+        labelTextSize: string;
+    };
+    sizeH5: {
+        size: string;
+        labelTextSize: string;
+    };
+    sizeH6: {
+        size: string;
+        labelTextSize: string;
+    };
+};
+export { heroTitleAppearanceSize };

package/dist/types/components/Icon/appearance/iconAccent.d.ts

@@ -0,0 +1,34 @@
+declare const iconAppearanceAccent: {
+    accent: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+    accentPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+    accentSecondary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+};
+export { iconAppearanceAccent };

package/dist/types/components/Icon/appearance/iconDanger.d.ts

@@ -0,0 +1,11 @@
+declare const iconAppearanceDanger: {
+    danger: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+};
+export { iconAppearanceDanger };

package/dist/types/components/Icon/appearance/iconError.d.ts

@@ -0,0 +1,11 @@
+declare const iconAppearanceError: {
+    error: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+};
+export { iconAppearanceError };

package/dist/types/components/Icon/appearance/iconInfo.d.ts

@@ -0,0 +1,21 @@
+declare const iconAppearanceInfo: {
+    info: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+    infoSecondary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+};
+export { iconAppearanceInfo };

package/dist/types/components/Icon/appearance/iconPrimary.d.ts

@@ -0,0 +1,8 @@
+declare const iconAppearancePrimary: {
+    primary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+    };
+};
+export { iconAppearancePrimary };

package/dist/types/components/Icon/appearance/iconSecondary.d.ts

@@ -0,0 +1,8 @@
+declare const iconAppearanceSecondary: {
+    secondary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+    };
+};
+export { iconAppearanceSecondary };

package/dist/types/components/Icon/appearance/iconSize.d.ts

@@ -0,0 +1,115 @@
+declare const iconAppearanceSize: {
+    size40_40: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size40_32: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size40_24: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size40_20: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size40_16: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size40_14: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size40_12: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size32_32: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size32_24: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size32_20: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size32_16: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size32_14: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size32_12: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size24_24: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size24_20: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size24_16: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size24_14: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size24_12: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size20_20: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size20_16: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size20_14: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size20_12: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size16_16: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size16_14: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size16_12: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size14_14: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size14_12: {
+        fillSize: string;
+        iconSize: string;
+    };
+    size12_12: {
+        fillSize: string;
+        iconSize: string;
+    };
+};
+export { iconAppearanceSize };

package/dist/types/components/Icon/appearance/iconStyle.d.ts

@@ -0,0 +1,16 @@
+declare const iconAppearanceStyle: {
+    full: {};
+    ghost: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+    };
+    outlined: {
+        fill: string;
+        fillHover: string;
+    };
+    solid: {
+        borderColor: string;
+    };
+};
+export { iconAppearanceStyle };

package/dist/types/components/Icon/appearance/iconSuccess.d.ts

@@ -0,0 +1,11 @@
+declare const iconAppearanceSuccess: {
+    success: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+};
+export { iconAppearanceSuccess };

package/dist/types/components/Icon/appearance/iconSurface.d.ts

@@ -0,0 +1,27 @@
+declare const iconAppearanceSurface: {
+    surfacePrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        iconFillIcon: string;
+    };
+    surfaceSecondary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+    surfaceTertiary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+    };
+    surfaceQuaternary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+    };
+};
+export { iconAppearanceSurface };

package/dist/types/components/Icon/appearance/iconWarning.d.ts

@@ -0,0 +1,11 @@
+declare const iconAppearanceWarning: {
+    warning: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+};
+export { iconAppearanceWarning };

package/dist/types/components/Label/appearance/labelDanger.d.ts

@@ -4,8 +4,6 @@ declare const labelAppearanceDanger: {
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
     };
 };
 export { labelAppearanceDanger };

package/dist/types/components/Label/appearance/labelError.d.ts

@@ -4,8 +4,12 @@ declare const labelAppearanceError: {
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+    };
+    errorPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
     };
 };
 export { labelAppearanceError };

package/dist/types/components/Label/appearance/labelGradient.d.ts

@@ -4,8 +4,6 @@ declare const labelAppearanceWarning: {
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
     };
 };
 export { labelAppearanceWarning };

package/dist/types/components/Label/appearance/labelInfo.d.ts

@@ -2,20 +2,16 @@ declare const labelAppearanceInfo: {
     accent: {
         fill: string;
         fillHover: string;
-        borderColor: string;
         labelTextColor: string;
         labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        borderColor: string;
     };
     accentSecondary: {
         fill: string;
         fillHover: string;
-        borderColor: string;
         labelTextColor: string;
         labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        borderColor: string;
     };
 };
 export { labelAppearanceInfo };

package/dist/types/components/Label/appearance/labelSize.d.ts

@@ -1,7 +1,6 @@
 declare const labelAppearanceSize: {
     sizeXXL: {
         labelTextSize: string;
-        size: string;
         iconAfterFillSize: number;
         iconAfterSize: number;
         iconBeforeFillSize: number;
@@ -13,7 +12,6 @@ declare const labelAppearanceSize: {
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
-        size: string;
     };
     sizeL: {
         labelTextSize: string;
@@ -21,7 +19,6 @@ declare const labelAppearanceSize: {
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
-        size: string;
     };
     sizeM: {
         labelTextSize: string;
@@ -29,7 +26,6 @@ declare const labelAppearanceSize: {
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
-        size: string;
     };
     sizeS: {
         labelTextSize: string;
@@ -37,7 +33,6 @@ declare const labelAppearanceSize: {
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
-        size: string;
     };
     sizeXS: {
         labelTextSize: string;
@@ -45,7 +40,6 @@ declare const labelAppearanceSize: {
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
-        size: string;
     };
     sizeXXS: {
         labelTextSize: string;
@@ -53,7 +47,6 @@ declare const labelAppearanceSize: {
         iconAfterSize: number;
         iconBeforeFillSize: number;
         iconBeforeSize: number;
-        size: string;
     };
 };
 export { labelAppearanceSize };

package/dist/types/components/Label/appearance/labelStyle.d.ts

@@ -1,16 +1,16 @@
 declare const labelAppearanceStyle: {
-    full: {
-        borderColor: null;
-    };
+    full: {};
     ghost: {
-        fill: null;
-        borderColor: null;
+        fill: string;
+        fillHover: string;
+        borderColor: string;
     };
     outlined: {
-        fill: null;
+        fill: string;
+        fillHover: string;
     };
     solid: {
-        borderColor: null;
+        borderColor: string;
     };
 };
 export { labelAppearanceStyle };

package/dist/types/components/Label/appearance/labelSuccess.d.ts

@@ -4,8 +4,12 @@ declare const labelAppearanceSuccess: {
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+    };
+    successPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
     };
 };
 export { labelAppearanceSuccess };

package/dist/types/components/Label/appearance/labelWarning.d.ts

@@ -4,8 +4,12 @@ declare const labelAppearanceWarning: {
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+    };
+    warningPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
     };
 };
 export { labelAppearanceWarning };

package/dist/types/components/List/List.appearance.d.ts

@@ -0,0 +1,2 @@
+import { ListAppearanceType } from './List.interface';
+export declare const listAppearance: ListAppearanceType;

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

@@ -1,8 +1,28 @@
 import { CSSProperties, ReactNode } from 'react';
-import { DirectionProps, FillProps, SizeProps, TextColorProps, TextStyleProps, TextWeightProps, TitleSizeProps } from '@itcase/types';
+import { AppearanceKeysDefault, DirectionProps, FillProps, SizeProps, TextColorProps, TextStyleProps, TextWeightProps, TitleSizeProps, type BorderColorProps, type FillHoverProps, type ShapeProps, type WidthProps } from '@itcase/types';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+interface ListThemeColor {
+    [key: number | string | symbol]: any;
+    borderColor?: BorderColorProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    fillIcon?: FillProps;
+    shape?: ShapeProps;
+    size?: SizeProps;
+    width?: WidthProps;
+}
+export type AppearanceKeys = AppearanceKeysDefault & {};
+export type ListAppearanceType = {
+    [key in AppearanceKeys]?: ListThemeColor;
+};
+export interface ListConfig {
+    [key: number | string | symbol]: any;
+    appearance: ListAppearanceType | undefined;
+    setAppearance: (newComponent: ListAppearanceType) => void;
+}
 export interface ListProps extends StyleAttributes {
     [key: number | string | symbol]: any;
+    appearance?: ListAppearanceType | undefined;
     bulletFill?: FillProps;
     bulletSize?: TitleSizeProps;
     bulletTextColor?: TextColorProps;
@@ -28,3 +48,4 @@ export interface ListItemProps extends StyleAttributes {
     textStyle?: TextStyleProps;
     textWeight?: TextWeightProps;
 }
+export {};

package/dist/types/components/List/appearance/listAccent.d.ts

@@ -0,0 +1,21 @@
+declare const listAppearanceAccent: {
+    accent: {
+        fill: string;
+        fillHover: string;
+    };
+    accentPrimary: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+    };
+    accentSecondary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+};
+export { listAppearanceAccent };

package/dist/types/components/List/appearance/listDanger.d.ts

@@ -0,0 +1,7 @@
+declare const listAppearanceDanger: {
+    danger: {
+        fill: string;
+        fillHover: string;
+    };
+};
+export { listAppearanceDanger };

package/dist/types/components/List/appearance/listError.d.ts

@@ -0,0 +1,11 @@
+declare const listAppearanceError: {
+    error: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+};
+export { listAppearanceError };

package/dist/types/components/List/appearance/listInfo.d.ts

@@ -0,0 +1,21 @@
+declare const listAppearanceInfo: {
+    info: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+    infoSecondary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        borderColor: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+};
+export { listAppearanceInfo };

package/dist/types/components/List/appearance/listPrimary.d.ts

@@ -0,0 +1,8 @@
+declare const listAppearancePrimary: {
+    primary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+    };
+};
+export { listAppearancePrimary };

package/dist/types/components/List/appearance/listSecondary.d.ts

@@ -0,0 +1,8 @@
+declare const listAppearanceSecondary: {
+    secondary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+    };
+};
+export { listAppearanceSecondary };