npm - @itcase/ui - Versions diffs - 1.8.25 → 1.8.29 - Mend

@itcase/ui 1.8.25 → 1.8.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (457) hide show

package/dist/types/components/Divider/appearance/dividerSurface.d.ts CHANGED Viewed

@@ -1,25 +1,15 @@
 declare const dividerAppearanceSurface: {
     surfacePrimary: {
         fill: string;
-        fillHover: string;
-        labelTextColor: string;
-    };
-    surfaceQuaternary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
     };
     surfaceSecondary: {
         fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
     };
     surfaceTertiary: {
         fill: string;
-        fillHover: string;
-        labelTextColor: string;
+    };
+    surfaceQuaternary: {
+        fill: string;
     };
 };
 export { dividerAppearanceSurface };

package/dist/types/components/Divider/appearance/dividerWarning.d.ts CHANGED Viewed

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

package/dist/types/components/Drawer/appearance/drawerSurface.d.ts CHANGED Viewed

@@ -2,7 +2,13 @@ declare const drawerAppearanceSurface: {
     surfacePrimary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
+        titleTextColor: string;
+        titleTextSize: string;
+        descTextColor: string;
+        descTextSize: string;
+        iconSize: number;
+        closeIcon: string;
+        closeIconFillIcon: string;
     };
     surfaceQuaternary: {
         fill: string;

package/dist/types/components/Dropdown/appearance/dropdownAccent.d.ts CHANGED Viewed

@@ -2,7 +2,12 @@ declare const dropdownAppearanceAccent: {
     accentPrimary: {
         fill: string;
         fillHover: string;
-        borderColor: string;
+        labelTextColor: string;
+        labelTextColorActive: string;
+        labelTextColorActiveHover: string;
+        labelTextColorHover: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
     accentSecondary: {
         fill: string;

package/dist/types/components/Dropdown/appearance/dropdownSize.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ declare const dropdownAppearanceSize: {
     sizeL: {
         size: string;
         labelTextSize: string;
+        dividerSize: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
@@ -10,6 +11,7 @@ declare const dropdownAppearanceSize: {
     sizeS: {
         size: string;
         labelTextSize: string;
+        dividerSize: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
@@ -18,6 +20,7 @@ declare const dropdownAppearanceSize: {
     sizeXS: {
         size: string;
         labelTextSize: string;
+        dividerSize: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;

package/dist/types/components/Dropdown/appearance/dropdownStyle.d.ts CHANGED Viewed

@@ -1,15 +1,13 @@
 declare const dropdownAppearanceStyle: {
-    full: {
-        borderColor: string;
-    };
-    ghost: {
-        fill: string;
+    solid: {
         borderColor: string;
     };
     outlined: {
         fill: string;
     };
-    solid: {
+    full: {};
+    ghost: {
+        fill: string;
         borderColor: string;
     };
 };

package/dist/types/components/Dropdown/appearance/dropdownSurface.d.ts CHANGED Viewed

@@ -6,14 +6,10 @@ declare const dropdownAppearanceSurface: {
         labelTextColorActive: string;
         labelTextColorActiveHover: string;
         labelTextColorHover: string;
+        dividerFill: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
     };
-    surfaceQuaternary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-    };
     surfaceSecondary: {
         fill: string;
         fillHover: string;
@@ -26,5 +22,10 @@ declare const dropdownAppearanceSurface: {
         fillHover: string;
         labelTextColor: string;
     };
+    surfaceQuaternary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+    };
 };
 export { dropdownAppearanceSurface };

package/dist/types/components/Dropdown/stories/__mock__/index.d.ts ADDED Viewed

@@ -0,0 +1,44 @@
+declare const dropdownListMock: {
+    dropdownList: ({
+        key: number;
+        label: string;
+        isActive: boolean;
+        badgeValue?: undefined;
+        iconBefore?: undefined;
+        iconAfter?: undefined;
+        showDivider?: undefined;
+    } | {
+        key: number;
+        label: string;
+        badgeValue: number;
+        isActive: boolean;
+        iconBefore?: undefined;
+        iconAfter?: undefined;
+        showDivider?: undefined;
+    } | {
+        key: number;
+        label: string;
+        iconBefore: any;
+        isActive: boolean;
+        badgeValue?: undefined;
+        iconAfter?: undefined;
+        showDivider?: undefined;
+    } | {
+        key: number;
+        label: string;
+        iconAfter: any;
+        isActive: boolean;
+        badgeValue?: undefined;
+        iconBefore?: undefined;
+        showDivider?: undefined;
+    } | {
+        key: number;
+        label: string;
+        showDivider: boolean;
+        isActive: boolean;
+        badgeValue?: undefined;
+        iconBefore?: undefined;
+        iconAfter?: undefined;
+    })[];
+};
+export { dropdownListMock };

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

@@ -2,13 +2,8 @@ declare const iconAppearanceAccent: {
     accent: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        iconFill: string;
     };
     accentPrimary: {
         fill: string;
@@ -16,10 +11,7 @@ declare const iconAppearanceAccent: {
         labelTextColor: string;
         labelTextColorHover: string;
         borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        iconFill: string;
     };
     accentSecondary: {
         fill: string;
@@ -27,8 +19,7 @@ declare const iconAppearanceAccent: {
         labelTextColor: string;
         labelTextColorHover: string;
         borderColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        iconFill: string;
     };
 };
 export { iconAppearanceAccent };

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

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

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

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

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

@@ -5,8 +5,6 @@ declare const iconAppearanceInfo: {
         labelTextColor: string;
         labelTextColorHover: string;
         borderColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
     };
     infoSecondary: {
         fill: string;
@@ -14,8 +12,6 @@ declare const iconAppearanceInfo: {
         labelTextColor: string;
         labelTextColorHover: string;
         borderColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
     };
 };
 export { iconAppearanceInfo };

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

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

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

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

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

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

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

@@ -3,25 +3,30 @@ declare const iconAppearanceSurface: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
-        iconFillIcon: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
     surfaceSecondary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
     surfaceTertiary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
     surfaceQuaternary: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
 };
 export { iconAppearanceSurface };

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

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

package/dist/types/components/Label/appearance/labelSurface.d.ts CHANGED Viewed

@@ -1,35 +1,35 @@
 declare const labelAppearanceSurface: {
-    surfaceMuted: {
+    surfacePrimary: {
         fill: string;
+        fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
     };
-    surfacePrimary: {
+    surfaceSecondary: {
         fill: string;
-        fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
     };
-    surfaceQuaternary: {
+    surfaceTertiary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;
     };
-    surfaceSecondary: {
+    surfaceQuaternary: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;
     };
-    surfaceTertiary: {
+    surfaceMuted: {
         fill: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
 };
 export { labelAppearanceSurface };

package/dist/types/components/MenuItem/appearance/menuItemStyle.d.ts CHANGED Viewed

@@ -1,15 +1,15 @@
 declare const menuItemAppearanceStyle: {
-    full: {
+    solid: {
         borderColor: string;
     };
-    ghost: {
+    outlined: {
         fill: string;
+    };
+    full: {
         borderColor: string;
     };
-    outlined: {
+    ghost: {
         fill: string;
-    };
-    solid: {
         borderColor: string;
     };
 };

package/dist/types/components/Notification/Notification.appearance.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { NotificationAppearanceType } from './Notification.interface';
2	+ export declare const notificationAppearance: NotificationAppearanceType;

package/dist/types/components/Notification/Notification.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { NotificationConfig, NotificationProps } from './Notification.interface';
+declare const notificationConfig: NotificationConfig;
+declare function Notification(props: NotificationProps): import("react/jsx-runtime").JSX.Element;
+export { Notification, notificationConfig };

package/dist/types/components/Notification/Notification.interface.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { AppearanceKeysDefault, FillProps, SizeProps, TextColorProps, TextSizeProps, WidthProps } from '@itcase/types';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-export interface NotificationItemThemeColor {
+export interface NotificationThemeColor {
     [key: number | string | symbol]: any;
     fill?: FillProps;
     size?: SizeProps;
@@ -12,15 +12,15 @@ export interface NotificationItemThemeColor {
     width?: WidthProps;
 }
 type AppearanceKeys = AppearanceKeysDefault & {};
-export type NotificationItemAppearanceType = {
-    [key in AppearanceKeys]?: NotificationItemThemeColor;
+export type NotificationAppearanceType = {
+    [key in AppearanceKeys]?: NotificationThemeColor;
 };
-export interface NotificationItemConfig {
+export interface NotificationConfig {
     [key: number | string | symbol]: any;
-    appearance: NotificationItemAppearanceType | undefined;
-    setAppearance: (newComponent: NotificationItemAppearanceType) => void;
+    appearance: NotificationAppearanceType | undefined;
+    setAppearance: (newComponent: NotificationAppearanceType) => void;
 }
-export interface NotificationItemProps extends StyleAttributes {
+export interface NotificationProps extends StyleAttributes {
     id?: number | string;
     [key: number | string | symbol]: any;
     after?: ReactNode;
@@ -40,10 +40,11 @@ export interface NotificationItemProps extends StyleAttributes {
     titleTextColor?: TextColorProps;
     titleTextSize?: TextSizeProps;
     type?: string;
+    isSkeleton: boolean;
     onClickClose?: (id?: number | string) => void;
     set?: string;
 }
-export interface NotificationListProps {
+export interface NotificationWrapperProps {
     className?: string;
     closeButton?: ReactNode;
     size?: SizeProps;

package/dist/types/components/Notification/NotificationWrapper.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { NotificationWrapperProps } from './Notification.interface';
+declare function NotificationWrapper(props: NotificationWrapperProps): import("react/jsx-runtime").JSX.Element;
+export { NotificationWrapper };

package/dist/types/components/Notification/appearance/notificationDefault.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+declare const notificationAppearanceDefault: {
+    defaultPrimary: {
+        fill: string;
+        fillHover: string;
+        titleTextColor: string;
+        titleTextSize: string;
+        descTextColor: string;
+        descTextSize: string;
+        borderColor: string;
+        elevation: number;
+        textColor: string;
+        iconSize: number;
+        closeIcon: string;
+        closeIconFillIcon: string;
+    };
+};
+export { notificationAppearanceDefault };

package/dist/types/components/Notification/appearance/notificationError.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+declare const notificationAppearanceError: {
+    errorPrimary: {
+        fill: string;
+        fillHover: string;
+        titleTextColor: string;
+        titleTextSize: string;
+        descTextColor: string;
+        descTextSize: string;
+        borderColor: string;
+        elevation: number;
+        textColor: string;
+        iconSize: number;
+        closeIcon: string;
+        closeIconFillIcon: string;
+    };
+};
+export { notificationAppearanceError };