@itcase/ui 1.8.19 → 1.8.22

package/dist/types/components/{Cell/appearance/cellWarning.d.ts → Link/appearance/linkWarning.d.ts}

@@ -1,4 +1,4 @@
-declare const cellAppearanceWarning: {
+declare const linkAppearanceWarning: {
     warning: {
         fill: string;
         fillHover: string;
@@ -8,4 +8,4 @@ declare const cellAppearanceWarning: {
         loaderItemFill: string;
     };
 };
-export { cellAppearanceWarning };
+export { linkAppearanceWarning };

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

@@ -1,2 +1,3 @@
-import { loaderAppearanceType } from './Loader.interface';
-export declare const loaderAppearance: loaderAppearanceType;
+import { LoaderAppearance } from './Loader.interface';
+declare const loaderAppearance: LoaderAppearance;
+export { loaderAppearance };

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

@@ -1,32 +1,31 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, FillProps, HeightProps, ItemColorProps, PositionProps, TextColorProps, TextSizeProps, WidthProps } from '@itcase/types';
+import { AppearanceKeysDefault, FillProps, HeightProps, ItemColorProps, SizeProps, TextColorProps, TextSizeProps, WidthProps } from '@itcase/types';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-export interface LoaderThemeColor {
+type LoaderConfig = {
     [key: number | string | symbol]: any;
+    appearance: LoaderAppearance | undefined;
+    setAppearance: (newComponent: LoaderAppearance) => void;
+};
+type LoaderAppearanceProps = {
     fill?: FillProps;
     height?: HeightProps;
     itemFill?: ItemColorProps;
+    size?: SizeProps;
     textColor?: TextColorProps;
     textSize?: TextSizeProps;
     width?: WidthProps;
-}
-type AppearanceKeys = AppearanceKeysDefault & {};
-export type LoaderAppearanceType = {
-    [key in AppearanceKeys]?: LoaderThemeColor;
 };
-export interface LoaderConfig {
-    [key: number | string | symbol]: any;
-    appearance: LoaderAppearanceType | undefined;
-    setAppearance: (newComponent: LoaderAppearanceType) => void;
-}
-export interface LoaderProps extends LoaderThemeColor, StyleAttributes {
+type LoaderAppearance = {
+    [key in AppearanceKeysDefault]?: LoaderAppearanceProps;
+};
+type LoaderProps = LoaderAppearanceProps & StyleAttributes & {
     [key: number | string | symbol]: any;
-    appearance?: AppearanceKeys;
+    appearance?: AppearanceKeysDefault;
     children?: ReactNode;
     className?: string;
-    position?: PositionProps;
+    height?: string | HeightProps;
     style?: CSSProperties;
     text?: string;
-    set?: string;
-}
-export {};
+    width?: string | WidthProps;
+};
+export type { LoaderAppearance, LoaderConfig, LoaderProps };

package/dist/types/components/Loader/appearance/loaderSize.d.ts

@@ -0,0 +1,12 @@
+declare const loaderAppearanceSize: {
+    sizeL: {
+        size: string;
+    };
+    sizeM: {
+        size: string;
+    };
+    sizeS: {
+        size: string;
+    };
+};
+export { loaderAppearanceSize };

package/dist/types/components/MenuItem/appearance/menuItemSize.d.ts

@@ -18,6 +18,7 @@ declare const menuItemAppearanceSize: {
     sizeL: {
         size: string;
         labelTextSize: string;
+        descTextSize: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;

package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts

@@ -1,8 +1,12 @@
 declare const menuItemAppearanceSurface: {
     surfacePrimary: {
         fill: string;
+        fillActive: string;
+        fillActiveHover: string;
         fillHover: string;
         labelTextColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
     surfaceQuaternary: {
         fill: string;
@@ -13,8 +17,6 @@ declare const menuItemAppearanceSurface: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
     };
     surfaceTertiary: {
         fill: string;

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

@@ -0,0 +1,5 @@
+export declare const modalSheetBottomAppearance: {
+    dev: {
+        fill: string;
+    };
+};

package/dist/types/components/ModalSheetBottom/index.d.ts

@@ -1 +1,2 @@
+export { modalSheetBottomAppearance } from './ModalSheetBottom.appearance';
 export { ModalSheetBottom } from './ModalSheetBottom';

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

@@ -30,6 +30,14 @@ declare const paginationAppearanceSize: {
         iconAfterSize: string;
         iconBeforeFillSize: string;
         iconBeforeSize: string;
+        gap: string;
+        marginPagesDisplayed: number;
+        pageCountDescTextSize: string;
+        pageCountDropdownItemDividerSize: string;
+        pageCountDropdownItemLabelSize: string;
+        pageCountDropdownItemSize: string;
+        pageCountInputIconFillSize: string;
+        pageCountInputTextSize: string;
     };
     sizeS: {
         size: string;

package/dist/types/components/Pagination/appearance/paginationSurface.d.ts

@@ -20,6 +20,8 @@ declare const paginationAppearanceSurface: {
         pageCountDropdownItemLabelAlign: string;
         pageCountDropdownItemLabelColor: string;
         pageCountDropdownItemLabelColorActive: string;
+        pageCountDropdownItemLabelColorActiveHover: string;
+        pageCountDropdownItemLabelColorHover: string;
         pageCountDropdownItemLabelSize: string;
         pageCountDropdownItemShowDivider: boolean;
         pageCountDropdownItemSize: string;

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

@@ -1,2 +1,2 @@
-import { responseAppearanceType } from './Response.interface';
-export declare const responseAppearance: responseAppearanceType;
+import { ResponseAppearanceType } from './Response.interface';
+export declare const responseAppearance: ResponseAppearanceType;

package/dist/types/components/Response/appearance/responceConfirm.d.ts

@@ -0,0 +1,13 @@
+declare const responseAppearanceConfirm: {
+    confirm: {
+        fill: string;
+        titleTextColor: string;
+        labelTextColor: string;
+        primaryButtonAppearance: string;
+        secondaryButtonAppearance: string;
+        svgFill: string;
+        SvgImage: any;
+        svgPathFill: string;
+    };
+};
+export { responseAppearanceConfirm };

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

@@ -0,0 +1,13 @@
+declare const responseAppearanceFail: {
+    fail: {
+        fill: string;
+        titleTextColor: string;
+        labelTextColor: string;
+        primaryButtonAppearance: string;
+        secondaryButtonAppearance: string;
+        svgFill: string;
+        SvgImage: any;
+        svgPathFill: string;
+    };
+};
+export { responseAppearanceFail };

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

@@ -0,0 +1,13 @@
+declare const responseAppearanceNothingFound: {
+    nothingFound: {
+        fill: string;
+        titleTextColor: string;
+        labelTextColor: string;
+        primaryButtonAppearance: string;
+        secondaryButtonAppearance: string;
+        svgFill: string;
+        SvgImage: any;
+        svgPathFill: string;
+    };
+};
+export { responseAppearanceNothingFound };

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

@@ -0,0 +1,13 @@
+declare const responseAppearanceRefresh: {
+    refresh: {
+        fill: string;
+        titleTextColor: string;
+        labelTextColor: string;
+        primaryButtonAppearance: string;
+        secondaryButtonAppearance: string;
+        svgFill: string;
+        SvgImage: any;
+        svgPathFill: string;
+    };
+};
+export { responseAppearanceRefresh };

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

@@ -0,0 +1,13 @@
+declare const responseAppearanceError: {
+    error: {
+        fill: string;
+        titleTextColor: string;
+        labelTextColor: string;
+        primaryButtonAppearance: string;
+        secondaryButtonAppearance: string;
+        svgFill: string;
+        SvgImage: any;
+        svgPathFill: string;
+    };
+};
+export { responseAppearanceError };

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

@@ -0,0 +1,13 @@
+declare const responseAppearanceSuccess: {
+    success: {
+        fill: string;
+        titleTextColor: string;
+        labelTextColor: string;
+        primaryButtonAppearance: string;
+        secondaryButtonAppearance: string;
+        svgFill: string;
+        SvgImage: any;
+        svgPathFill: string;
+    };
+};
+export { responseAppearanceSuccess };

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

@@ -0,0 +1,13 @@
+declare const responseAppearanceUnableLoadData: {
+    unableLoadData: {
+        fill: string;
+        titleTextColor: string;
+        labelTextColor: string;
+        primaryButtonAppearance: string;
+        secondaryButtonAppearance: string;
+        svgFill: string;
+        SvgImage: any;
+        svgPathFill: string;
+    };
+};
+export { responseAppearanceUnableLoadData };

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

@@ -0,0 +1,13 @@
+declare const responseAppearanceWarning: {
+    warning: {
+        fill: string;
+        titleTextColor: string;
+        labelTextColor: string;
+        primaryButtonAppearance: string;
+        secondaryButtonAppearance: string;
+        svgFill: string;
+        SvgImage: any;
+        svgPathFill: string;
+    };
+};
+export { responseAppearanceWarning };

package/dist/types/components/Response/img/index.d.ts

@@ -0,0 +1,12 @@
+declare const resposeIcon: {
+    Warning: any;
+    Success: any;
+    Confirm: any;
+    Search: any;
+    Error: any;
+    Fail: any;
+    NothingFound: any;
+    Refresh: any;
+    UnableLoadData: any;
+};
+export { resposeIcon };

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

@@ -0,0 +1,24 @@
+declare const searchAppearanceDefault: {
+    defaultPrimary: {
+        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;
+        iconBeforeFill: string;
+        iconClearFill: string;
+        placeholderTextColor: string;
+    };
+};
+export { searchAppearanceDefault };

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

@@ -0,0 +1,20 @@
+declare const searchAppearanceDisabled: {
+    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;
+    };
+};
+export { searchAppearanceDisabled };

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

@@ -0,0 +1,20 @@
+declare const searchAppearanceError: {
+    errorPrimary: {
+        fill: string;
+        borderColor: string;
+        borderHover: string;
+        textColor: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+        placeholderTextColor: string;
+    };
+    errorSecondary: {
+        fill: string;
+        borderColor: string;
+        borderHover: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+        placeholderTextColor: string;
+    };
+};
+export { searchAppearanceError };

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

@@ -0,0 +1,20 @@
+declare const searchAppearanceRequire: {
+    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;
+    };
+};
+export { searchAppearanceRequire };

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

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

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

@@ -0,0 +1,20 @@
+declare const searchAppearanceSuccess: {
+    successPrimary: {
+        fill: string;
+        borderColor: string;
+        borderHover: string;
+        textColor: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+        placeholderTextColor: string;
+    };
+    successSecondary: {
+        fill: string;
+        borderColor: string;
+        borderHover: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+        placeholderTextColor: string;
+    };
+};
+export { searchAppearanceSuccess };

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

@@ -1,2 +1,2 @@
-import { SwitchAppearanceType } from 'src/components/Switch/Switch.interface';
+import { SwitchAppearanceType } from './Switch.interface';
 export declare const switchAppearance: SwitchAppearanceType;

package/dist/types/components/Switch/appearance/switchAccent.d.ts

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

package/dist/types/components/Switch/appearance/switchDanger.d.ts

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

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

@@ -0,0 +1,20 @@
+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;
+    };
+};
+export { switchAppearanceDisabled };

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

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

package/dist/types/components/Switch/appearance/switchInfo.d.ts

@@ -0,0 +1,21 @@
+declare const switchAppearanceInfo: {
+    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 { switchAppearanceInfo };

package/dist/types/components/Switch/appearance/switchPrimary.d.ts

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

package/dist/types/components/Switch/appearance/switchRequire.d.ts

@@ -0,0 +1,20 @@
+declare const switchAppearanceRequire: {
+    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;
+    };
+};
+export { switchAppearanceRequire };

package/dist/types/components/Switch/appearance/switchSecondary.d.ts

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

package/dist/types/components/Switch/appearance/switchSize.d.ts

@@ -0,0 +1,59 @@
+declare const switchAppearanceSize: {
+    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;
+        iconAfterFillSize: string;
+        iconAfterSize: string;
+        iconBeforeFillSize: string;
+        iconBeforeSize: string;
+    };
+    sizeM: {
+        size: string;
+        labelTextSize: string;
+        iconAfterFillSize: string;
+        iconAfterSize: string;
+        iconBeforeFillSize: string;
+        iconBeforeSize: string;
+    };
+    sizeS: {
+        size: string;
+        labelTextSize: string;
+        iconAfterFillSize: string;
+        iconAfterSize: string;
+        iconBeforeFillSize: string;
+        iconBeforeSize: string;
+    };
+    sizeXS: {
+        size: string;
+        labelTextSize: string;
+        iconAfterFillSize: string;
+        iconAfterSize: string;
+        iconBeforeFillSize: string;
+        iconBeforeSize: string;
+    };
+    sizeXXS: {
+        size: string;
+        labelTextSize: string;
+        iconAfterFillSize: string;
+        iconAfterSize: string;
+        iconBeforeFillSize: string;
+        iconBeforeSize: string;
+    };
+};
+export { switchAppearanceSize };

package/dist/types/components/Switch/appearance/switchStyle.d.ts

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

package/dist/types/components/Switch/appearance/switchSuccess.d.ts

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