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

@itcase/ui 1.8.27 → 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 (455) hide show

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

@@ -0,0 +1,17 @@
+declare const notificationAppearanceSuccess: {
+    successPrimary: {
+        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 { notificationAppearanceSuccess };

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

@@ -0,0 +1,17 @@
+declare const notificationAppearanceWarning: {
+    warningPrimary: {
+        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 { notificationAppearanceWarning };

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

@@ -1,4 +1,4 @@
-import { NotificationItem, notificationItemConfig } from './NotificationItem';
-import { notificationItemAppearance } from './NotificationItem.appearance';
-import { NotificationList } from './NotificationList';
-export { NotificationList, NotificationItem, notificationItemConfig, notificationItemAppearance };
+import { Notification, notificationConfig } from './Notification';
+import { notificationAppearance } from './Notification.appearance';
+import { NotificationWrapper } from './NotificationWrapper';
+export { NotificationWrapper, Notification, notificationConfig, notificationAppearance, };

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

@@ -0,0 +1,7 @@
+declare const notificationsMock: {
+    key: number;
+    title: string;
+    desc: string;
+    status: string;
+}[];
+export { notificationsMock };

package/dist/types/components/Overlay/appearance/overlayDefault.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+declare const overlayAppearanceDefault: {
+    blackout: {
+        fill: string;
+        opacity: number;
+    };
+    blur: {
+        fill: string;
+        blur: number;
+    };
+};
+export { overlayAppearanceDefault };

package/dist/types/components/Pagination/appearance/paginationSize.d.ts CHANGED Viewed

@@ -1,36 +1,27 @@
 declare const paginationAppearanceSize: {
-    sizeXXL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
-    sizeXL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
     sizeL: {
         size: string;
         labelTextSize: string;
+        gap: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
         iconBeforeSize: string;
+        pageCountDescTextSize: string;
+        pageCountDropdownItemDividerSize: string;
+        pageCountDropdownItemLabelSize: string;
+        pageCountDropdownItemSize: string;
+        pageCountInputIconFillSize: string;
+        pageCountInputTextSize: string;
     };
     sizeM: {
         size: string;
         labelTextSize: string;
+        gap: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
         iconBeforeSize: string;
-        gap: string;
         marginPagesDisplayed: number;
         pageCountDescTextSize: string;
         pageCountDropdownItemDividerSize: string;
@@ -50,18 +41,8 @@ declare const paginationAppearanceSize: {
     sizeXS: {
         size: string;
         labelTextSize: string;
+        beforeSize: string;
         iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
-    sizeXXS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
     };
 };
 export { paginationAppearanceSize };

package/dist/types/components/Radio/Radio.appearance.d.ts CHANGED Viewed

@@ -1,3 +1,93 @@
-import { radioAppearanceType, radioStateType } from './Radio.interface';
-export declare const radioAppearance: radioAppearanceType;
-export declare const radioState: radioStateType;
+export declare const radioAppearance: {
+    full: {
+        borderColor: string;
+    };
+    ghost: {
+        fill: string;
+        borderColor: string;
+    };
+    outlined: {
+        fill: string;
+    };
+    solid: {
+        borderColor: string;
+    };
+    sizeM: {
+        size: string;
+        labelTextSize: string;
+        descTextSize: string;
+    };
+    sizeXS: {
+        size: string;
+        labelTextSize: string;
+        descTextSize: string;
+    };
+    sizeXXS: {
+        size: string;
+        labelTextSize: string;
+        descTextSize: string;
+    };
+    disabledPrimary: {
+        fill: string;
+        borderColor: string;
+        borderHover: string;
+        textColor: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+        placeholderTextColor: string;
+    };
+    requirePrimary: {
+        fill: string;
+        borderColor: string;
+        borderHover: string;
+        textColor: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+        placeholderTextColor: string;
+    };
+    requireSecondary: {
+        fill: string;
+        borderColor: string;
+        borderHover: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+        placeholderTextColor: string;
+    };
+    success: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+    error: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
+    defaultPrimary: {
+        fillCheckmark: string;
+        fillRadio: string;
+        fillRadioActive: string;
+        fillRadioActiveHover: string;
+        fillRadioHover: string;
+        labelTextColor: string;
+        descTextColor: string;
+        borderColorRadio: string;
+        borderColorRadioActive: string;
+        borderColorRadioActiveHover: string;
+        borderColorRadioHover: string;
+    };
+    defaultSecondary: {
+        fill: string;
+        borderColor: string;
+        borderHover: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+        placeholderTextColor: string;
+    };
+};

package/dist/types/components/Radio/appearance/radioDefault.d.ts CHANGED Viewed

@@ -1,10 +1,16 @@
 declare const radioAppearanceDefault: {
     defaultPrimary: {
-        fill: string;
-        borderColor: string;
-        borderHover: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
+        fillCheckmark: string;
+        fillRadio: string;
+        fillRadioActive: string;
+        fillRadioActiveHover: string;
+        fillRadioHover: string;
+        labelTextColor: string;
+        descTextColor: string;
+        borderColorRadio: string;
+        borderColorRadioActive: string;
+        borderColorRadioActiveHover: string;
+        borderColorRadioHover: string;
     };
     defaultSecondary: {
         fill: string;

package/dist/types/components/Radio/appearance/radioDisabled.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+declare const radioAppearanceDisabled: {
+    disabledPrimary: {
+        fill: string;
+        borderColor: string;
+        borderHover: string;
+        textColor: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+        placeholderTextColor: string;
+    };
+};
+export { radioAppearanceDisabled };

package/dist/types/components/Radio/appearance/radioRequire.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-declare const requireAppearanceRequire: {
+declare const radioAppearanceRequire: {
     requirePrimary: {
         fill: string;
         borderColor: string;
@@ -17,4 +17,4 @@ declare const requireAppearanceRequire: {
         placeholderTextColor: string;
     };
 };
-export { requireAppearanceRequire };
+export { radioAppearanceRequire };

package/dist/types/components/Radio/appearance/radioSize.d.ts CHANGED Viewed

@@ -2,26 +2,17 @@ declare const radioAppearanceSize: {
     sizeM: {
         size: string;
         labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        descTextSize: string;
     };
     sizeXS: {
         size: string;
         labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        descTextSize: string;
     };
     sizeXXS: {
         size: string;
         labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        descTextSize: string;
     };
 };
 export { radioAppearanceSize };

package/dist/types/components/Radio/index.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 export { Radio, radioConfig } from './Radio';
-export { radioAppearance, radioState } from './Radio.appearance';
+export { radioAppearance } from './Radio.appearance';

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

@@ -64,6 +64,7 @@ export interface ResponseProps extends ResponseAppearance, StyleAttributes {
     style?: CSSProperties;
     /** title description */
     title?: string;
+    isSkeleton: boolean;
     onClickPrimaryButton?: () => void;
     onClickSecondaryButton?: () => void;
 }

package/dist/types/components/Response/appearance/responceFail.d.ts CHANGED Viewed

@@ -7,6 +7,8 @@ declare const responseAppearanceFail: {
         descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
+        svgFill: string;
+        svgPathFill: string;
     };
 };
 export { responseAppearanceFail };

package/dist/types/components/Response/appearance/responceNothingFound.d.ts CHANGED Viewed

@@ -7,6 +7,8 @@ declare const responseAppearanceNothingFound: {
         descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
+        svgFill: string;
+        svgPathFill: string;
     };
 };
 export { responseAppearanceNothingFound };

package/dist/types/components/Response/appearance/responceRefresh.d.ts CHANGED Viewed

@@ -7,6 +7,8 @@ declare const responseAppearanceRefresh: {
         descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
+        svgFill: string;
+        svgPathFill: string;
     };
 };
 export { responseAppearanceRefresh };

package/dist/types/components/Response/appearance/responseError.d.ts CHANGED Viewed

@@ -7,6 +7,8 @@ declare const responseAppearanceError: {
         descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
+        svgFill: string;
+        svgPathFill: string;
     };
 };
 export { responseAppearanceError };

package/dist/types/components/Response/appearance/responseSuccess.d.ts CHANGED Viewed

@@ -7,6 +7,8 @@ declare const responseAppearanceSuccess: {
         descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
+        svgFill: string;
+        svgPathFill: string;
     };
 };
 export { responseAppearanceSuccess };

package/dist/types/components/Response/appearance/responseUnableLoadData.d.ts CHANGED Viewed

@@ -7,6 +7,8 @@ declare const responseAppearanceUnableLoadData: {
         descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
+        svgFill: string;
+        svgPathFill: string;
     };
 };
 export { responseAppearanceUnableLoadData };

package/dist/types/components/Response/appearance/responseWarning.d.ts CHANGED Viewed

@@ -7,6 +7,8 @@ declare const responseAppearanceWarning: {
         descTextSize: string;
         primaryButtonAppearance: string;
         secondaryButtonAppearance: string;
+        svgFill: string;
+        svgPathFill: string;
     };
 };
 export { responseAppearanceWarning };

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

@@ -54,6 +54,8 @@ export interface SearchProps extends SearchThemeColor, StyleAttributes {
     style?: CSSProperties;
     type?: string;
     value?: string;
+    isActive?: boolean;
+    isSkeleton?: boolean;
     onChange?: (targetValue: string) => void;
     onClickClean?: () => void;
     onFocus?: (() => void) | undefined;

package/dist/types/components/Search/appearance/searchDefault.d.ts CHANGED Viewed

@@ -3,21 +3,10 @@ declare const searchAppearanceDefault: {
         fill: string;
         borderColor: string;
         borderHover: string;
-        textColor: string;
-        textColorDisabled: string;
-        caret: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-    };
-    defaultSecondary: {
-        fill: string;
-        borderColor: string;
-        borderHover: string;
-        textColor: string;
-        textColorDisabled: string;
-        caret: string;
+        iconAfterFill: string;
         iconBeforeFill: string;
         iconClearFill: string;
+        inputTextColor: string;
         placeholderTextColor: string;
     };
 };

package/dist/types/components/Search/appearance/searchDisabled.d.ts CHANGED Viewed

@@ -3,17 +3,10 @@ declare const searchAppearanceDisabled: {
         fill: string;
         borderColor: string;
         borderHover: string;
-        textColor: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    disabledSecondary: {
-        fill: string;
-        borderColor: string;
-        borderHover: string;
+        iconAfterFill: string;
         iconBeforeFill: string;
         iconClearFill: string;
+        inputTextColor: string;
         placeholderTextColor: string;
     };
 };

package/dist/types/components/Search/appearance/searchError.d.ts CHANGED Viewed

@@ -3,17 +3,10 @@ declare const searchAppearanceError: {
         fill: string;
         borderColor: string;
         borderHover: string;
-        textColor: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    errorSecondary: {
-        fill: string;
-        borderColor: string;
-        borderHover: string;
+        iconAfterFill: string;
         iconBeforeFill: string;
         iconClearFill: string;
+        inputTextColor: string;
         placeholderTextColor: string;
     };
 };

package/dist/types/components/Search/appearance/searchRequire.d.ts CHANGED Viewed

@@ -3,17 +3,10 @@ declare const searchAppearanceRequire: {
         fill: string;
         borderColor: string;
         borderHover: string;
-        textColor: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    requireSecondary: {
-        fill: string;
-        borderColor: string;
-        borderHover: string;
+        iconAfterFill: string;
         iconBeforeFill: string;
         iconClearFill: string;
+        inputTextColor: string;
         placeholderTextColor: string;
     };
 };

package/dist/types/components/Search/appearance/searchSize.d.ts CHANGED Viewed

@@ -1,27 +1,45 @@
 declare const searchAppearanceSize: {
     sizeXXL: {
         size: string;
-        textSize: string;
+        iconBefore: string;
+        iconClear: string;
+        inputTextSize: string;
+        placeholderTextSize: string;
     };
     sizeXL: {
         size: string;
-        textSize: string;
+        iconBefore: string;
+        iconClear: string;
+        inputTextSize: string;
+        placeholderTextSize: string;
     };
     sizeL: {
         size: string;
-        textSize: string;
+        iconBefore: string;
+        iconClear: string;
+        inputTextSize: string;
+        placeholderTextSize: string;
     };
     sizeM: {
         size: string;
-        textSize: string;
+        iconBefore: string;
+        iconClear: string;
+        inputTextSize: string;
+        placeholderTextSize: string;
     };
     sizeS: {
         size: string;
-        textSize: string;
+        iconBefore: string;
+        iconClear: string;
+        inputTextSize: string;
+        placeholderTextSize: string;
     };
     sizeXS: {
         size: string;
-        textSize: string;
+        iconBefore: string;
+        iconClear: string;
+        inputTextSize: string;
+        placeholderTextSize: string;
     };
 };
 export { searchAppearanceSize };

package/dist/types/components/Search/appearance/searchStyle.d.ts CHANGED Viewed

@@ -1,5 +1,7 @@
 declare const searchAppearanceStyle: {
-    full: {};
+    full: {
+        borderColor: string;
+    };
     ghost: {
         fill: string;
         borderWidth: string;

package/dist/types/components/Search/appearance/searchSuccess.d.ts CHANGED Viewed

@@ -4,14 +4,7 @@ declare const searchAppearanceSuccess: {
         borderColor: string;
         borderHover: string;
         textColor: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    successSecondary: {
-        fill: string;
-        borderColor: string;
-        borderHover: string;
+        iconAfterFill: string;
         iconBeforeFill: string;
         iconClearFill: string;
         placeholderTextColor: string;

package/dist/types/components/Segmented/appearance/segmentedStyle.d.ts CHANGED Viewed

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

package/dist/types/components/Switch/appearance/switchDefault.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+declare const switchAppearanceDefault: {
+    defaultPrimary: {
+        fill: string;
+        fillActive: string;
+        fillToggle: string;
+        fillToggleActive: string;
+        titleTextColor: string;
+        descTextColor: string;
+    };
+};
+export { switchAppearanceDefault };

package/dist/types/components/Switch/appearance/switchDisabled.d.ts CHANGED Viewed

@@ -1,20 +1,11 @@
 declare const switchAppearanceDisabled: {
     disabledPrimary: {
         fill: string;
-        borderColor: string;
-        borderHover: string;
-        textColor: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    disabledSecondary: {
-        fill: string;
-        borderColor: string;
-        borderHover: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
+        fillActive: string;
+        fillToggle: string;
+        fillToggleActive: string;
+        titleTextColor: string;
+        descTextColor: string;
     };
 };
 export { switchAppearanceDisabled };

package/dist/types/components/Switch/appearance/switchError.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
 declare const switchAppearanceError: {
-    error: {
+    errorPrimary: {
         fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        fillActive: string;
+        fillToggle: string;
+        fillToggleActive: string;
+        titleTextColor: string;
+        descTextColor: string;
     };
 };
 export { switchAppearanceError };