@itcase/ui 1.8.38 → 1.8.40

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

@@ -2,7 +2,10 @@ declare const dropdownAppearanceSize: {
     sizeL: {
         size: string;
         labelTextSize: string;
+        badgeSize: string;
+        badgeTextSize: string;
         dividerSize: string;
+        emptyMessageTextSize: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
@@ -11,7 +14,10 @@ declare const dropdownAppearanceSize: {
     sizeS: {
         size: string;
         labelTextSize: string;
+        badgeSize: string;
+        badgeTextSize: string;
         dividerSize: string;
+        emptyMessageTextSize: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
@@ -20,7 +26,10 @@ declare const dropdownAppearanceSize: {
     sizeXS: {
         size: string;
         labelTextSize: string;
+        badgeSize: string;
+        badgeTextSize: string;
         dividerSize: string;
+        emptyMessageTextSize: string;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;

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

@@ -1,12 +1,15 @@
 declare const dropdownAppearanceSurface: {
     surfacePrimary: {
         fill: string;
+        fillActive: string;
         fillHover: string;
         labelTextColor: string;
         labelTextColorActive: string;
         labelTextColorActiveHover: string;
         labelTextColorHover: string;
+        badgeAppearance: string;
         dividerFill: string;
+        emptyMessageTextColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
     };

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

@@ -5,7 +5,6 @@ declare const dropdownListMock: ({
     badgeValue?: undefined;
     iconBefore?: undefined;
     iconAfter?: undefined;
-    showDivider?: undefined;
 } | {
     key: number;
     label: string;
@@ -13,7 +12,6 @@ declare const dropdownListMock: ({
     isActive: boolean;
     iconBefore?: undefined;
     iconAfter?: undefined;
-    showDivider?: undefined;
 } | {
     key: number;
     label: string;
@@ -21,7 +19,6 @@ declare const dropdownListMock: ({
     isActive: boolean;
     badgeValue?: undefined;
     iconAfter?: undefined;
-    showDivider?: undefined;
 } | {
     key: number;
     label: string;
@@ -29,16 +26,16 @@ declare const dropdownListMock: ({
     isActive: boolean;
     badgeValue?: undefined;
     iconBefore?: undefined;
-    showDivider?: undefined;
-} | {
+})[];
+declare const dropdownListMessageMock: {
+    key: number;
+    emptyMessage: string;
+}[];
+declare const dropdownListBadgeMock: {
     key: number;
     label: string;
-    showDivider: boolean;
-    isActive: boolean;
-    badgeValue?: undefined;
-    iconBefore?: undefined;
-    iconAfter?: undefined;
-})[];
+    badgeValue: number;
+}[];
 declare const dropdownListSimpleMock: ({
     key: number;
     label: string;
@@ -84,4 +81,4 @@ declare const dropdownListAfterMock: ({
     iconAfter: any;
     isActive: boolean;
 })[];
-export { dropdownListMock, dropdownListSimpleMock, dropdownListBeforeMock, dropdownListAfterMock, };
+export { dropdownListMock, dropdownListSimpleMock, dropdownListBeforeMock, dropdownListAfterMock, dropdownListMessageMock, dropdownListBadgeMock, };

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

@@ -1,5 +1,9 @@
 import React from 'react';
-import type { IconConfig, IconProps } from '../Icon/Icon.interface';
+import type { IconConfig } from '../Icon/Icon.interface';
 declare const iconConfig: IconConfig;
-declare const Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Icon: React.ForwardRefExoticComponent<{
+    imageSrc?: string;
+    src?: string;
+    svgSrc?: string;
+} & React.RefAttributes<HTMLDivElement>>;
 export { Icon, iconConfig };

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

@@ -6,6 +6,7 @@ declare const iconAppearanceDanger: {
     dangerPrimary: {
         fill: string;
         fillHover: string;
+        borderColor: string;
         badgeAppearance: string;
         iconFill: string;
     };

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

@@ -5,6 +5,7 @@ declare const iconAppearanceDisabled: {
     };
     disabledPrimary: {
         fill: string;
+        borderColor: string;
         badgeAppearance: string;
         iconFill: string;
     };

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

@@ -8,6 +8,7 @@ declare const iconAppearanceError: {
     errorPrimary: {
         fill: string;
         fillHover: string;
+        borderColor: string;
         badgeAppearance: string;
         iconFill: string;
     };

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

@@ -6,7 +6,6 @@ declare const iconAppearanceInfo: {
     };
     infoPrimary: {
         fill: string;
-        fillHover: string;
         borderColor: string;
         badgeAppearance: string;
         iconFill: string;

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

@@ -8,6 +8,7 @@ declare const iconAppearancePrimary: {
     primaryPrimary: {
         fill: string;
         fillHover: string;
+        borderColor: string;
         badgeAppearance: string;
         iconFill: string;
     };

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

@@ -6,6 +6,7 @@ declare const iconAppearanceSecondary: {
     secondaryPrimary: {
         fill: string;
         fillHover: string;
+        borderColor: string;
         badgeAppearance: string;
         iconFill: string;
     };

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

@@ -6,6 +6,7 @@ declare const iconAppearanceSuccess: {
     successPrimary: {
         fill: string;
         fillHover: string;
+        borderColor: string;
         badgeAppearance: string;
         iconFill: string;
     };

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

@@ -2,6 +2,7 @@ declare const iconAppearanceSurface: {
     surfacePrimary: {
         fill: string;
         fillHover: string;
+        borderColor: string;
         badgeAppearance: string;
         iconFill: string;
     };

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

@@ -8,6 +8,7 @@ declare const iconAppearanceWarning: {
     warningPrimary: {
         fill: string;
         fillHover: string;
+        borderColor: string;
         badgeAppearance: string;
         iconFill: string;
     };

package/dist/types/components/Image/Image.d.ts

@@ -1,3 +1,6 @@
-import type { ImageProps } from './Image.interface';
-declare function Image(props: ImageProps): import("react/jsx-runtime").JSX.Element;
+declare const Image: import("react").ForwardRefExoticComponent<{
+    imageSrc?: string;
+    src?: string;
+    svgSrc?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export { Image };

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

@@ -8,7 +8,6 @@ declare const labelAppearanceError: {
     };
     errorPrimary: {
         fill: string;
-        fillHover: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFillIcon: string;

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

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

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

@@ -2,7 +2,6 @@ declare const labelAppearancePrimary: {
     primaryMutedPrimary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;

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

@@ -8,7 +8,6 @@ declare const labelAppearanceSuccess: {
     };
     successPrimary: {
         fill: string;
-        fillHover: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFillIcon: string;

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

@@ -2,7 +2,6 @@ declare const labelAppearanceSurface: {
     surfaceMutedPrimary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;

package/dist/types/components/Logo/Logo.d.ts

@@ -1,4 +1,8 @@
-import type { LogoConfig, LogoProps } from './Logo.interface';
+import type { LogoConfig } from './Logo.interface';
 declare const logoConfig: LogoConfig;
-declare function Logo(props: LogoProps): import("react/jsx-runtime").JSX.Element;
+declare const Logo: import("react").ForwardRefExoticComponent<{
+    imageSrc?: string;
+    src?: string;
+    svgSrc?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export { Logo, logoConfig };

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

@@ -5,8 +5,29 @@ declare const paginationAppearanceAccent: {
     };
     accentPrimary: {
         fill: string;
-        fillHover: string;
+        fillActive: string;
+        fillInput: string;
         borderColor: string;
+        textColor: string;
+        builderIconFillIcon: string;
+        nextIconFillIcon: string;
+        pageCountDescTextColor: string;
+        pageCountDropdownAlignment: string;
+        pageCountDropdownElevation: number;
+        pageCountDropdownFill: string;
+        pageCountDropdownItemDividerFill: string;
+        pageCountDropdownItemFill: string;
+        pageCountDropdownItemFillActive: string;
+        pageCountDropdownItemFillActiveHover: string;
+        pageCountDropdownItemFillHover: string;
+        pageCountDropdownItemLabelAlign: string;
+        pageCountDropdownItemLabelColor: string;
+        pageCountDropdownItemLabelColorActive: string;
+        pageCountDropdownItemLabelColorActiveHover: string;
+        pageCountDropdownItemLabelColorHover: string;
+        pageCountInputIconColor: string;
+        pageCountInputTextColor: string;
+        previousIconFillIcon: string;
     };
     accentSecondary: {
         fill: string;

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

@@ -2,6 +2,8 @@ declare const paginationAppearanceSize: {
     sizeL: {
         size: string;
         labelTextSize: string;
+        textSize: string;
+        builderIcon: any;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
@@ -11,6 +13,7 @@ declare const paginationAppearanceSize: {
         pageCountDropdownItemDividerSize: string;
         pageCountDropdownItemLabelSize: string;
         pageCountDropdownItemSize: string;
+        pageCountDropdownItemWidth: string;
         pageCountInputIcon: any;
         pageCountInputIconFillSize: string;
         pageCountInputTextSize: string;
@@ -19,6 +22,8 @@ declare const paginationAppearanceSize: {
     sizeM: {
         size: string;
         labelTextSize: string;
+        textSize: string;
+        builderIcon: any;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
@@ -28,7 +33,6 @@ declare const paginationAppearanceSize: {
         pageCountDropdownItemDividerSize: string;
         pageCountDropdownItemLabelSize: string;
         pageCountDropdownItemSize: string;
-        pageCountDropdownItemWidth: string;
         pageCountInputIcon: any;
         pageCountInputIconFillSize: string;
         pageCountInputTextSize: string;
@@ -37,20 +41,35 @@ declare const paginationAppearanceSize: {
     sizeS: {
         size: string;
         labelTextSize: string;
+        textSize: string;
+        builderIcon: any;
         iconAfterFillSize: string;
         iconAfterSize: string;
         iconBeforeFillSize: string;
         iconBeforeSize: string;
         nextIcon: any;
+        pageCountDescTextSize: string;
+        pageCountDropdownItemDividerSize: string;
+        pageCountDropdownItemLabelSize: string;
+        pageCountDropdownItemSize: string;
+        pageCountInputIcon: any;
+        pageCountInputTextSize: string;
         previousIcon: any;
     };
     sizeXS: {
         size: string;
         labelTextSize: string;
+        textSize: string;
         beforeSize: string;
+        builderIcon: any;
         iconAfterFillSize: string;
         nextIcon: any;
+        pageCountDescTextSize: string;
+        pageCountDropdownItemDividerSize: string;
+        pageCountDropdownItemLabelSize: string;
+        pageCountDropdownItemSize: string;
         pageCountInputIcon: any;
+        pageCountInputTextSize: string;
         previousIcon: any;
     };
 };

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

@@ -1,7 +1,10 @@
 declare const paginationAppearanceSurface: {
     surfacePrimary: {
         fill: string;
-        fillHover: string;
+        fillActive: string;
+        fillInput: string;
+        textColor: string;
+        builderIconFillIcon: string;
         nextIconFillIcon: string;
         pageCountDescTextColor: string;
         pageCountDropdownAlignment: string;

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

@@ -1,15 +1,13 @@
 export declare const radioAppearance: {
-    full: {
-        borderColor: string;
-    };
-    ghost: {
-        fill: string;
+    solid: {
         borderColor: string;
     };
     outlined: {
         fill: string;
     };
-    solid: {
+    full: {};
+    ghost: {
+        fill: string;
         borderColor: string;
     };
     sizeM: {
@@ -29,65 +27,47 @@ export declare const radioAppearance: {
     };
     disabledPrimary: {
         fill: string;
+        fillCheckmark: string;
+        labelTextColor: string;
+        descTextColor: string;
         borderColor: string;
-        borderHover: string;
-        textColor: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
+        borderColorRadio: string;
+        borderColorRadioActive: string;
     };
     requirePrimary: {
         fill: string;
+        fillCheckmark: string;
+        labelTextColor: string;
+        descTextColor: 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;
+        borderColorRadio: string;
+        borderColorRadioActive: string;
     };
-    success: {
+    successPrimary: {
         fill: string;
-        fillHover: string;
+        fillCheckmark: string;
         labelTextColor: string;
-        labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        descTextColor: string;
+        borderColor: string;
+        borderColorRadio: string;
+        borderColorRadioActive: string;
     };
-    error: {
+    errorPrimary: {
         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;
+        borderColor: string;
         borderColorRadio: string;
         borderColorRadioActive: string;
-        borderColorRadioActiveHover: string;
-        borderColorRadioHover: string;
     };
-    defaultSecondary: {
+    defaultPrimary: {
         fill: string;
+        fillCheckmark: string;
+        labelTextColor: string;
+        descTextColor: string;
         borderColor: string;
-        borderHover: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
+        borderColorRadio: string;
+        borderColorRadioActive: string;
     };
 };

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

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

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

@@ -1,12 +1,12 @@
 declare const radioAppearanceDisabled: {
     disabledPrimary: {
         fill: string;
+        fillCheckmark: string;
+        labelTextColor: string;
+        descTextColor: string;
         borderColor: string;
-        borderHover: string;
-        textColor: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
+        borderColorRadio: string;
+        borderColorRadioActive: string;
     };
 };
 export { radioAppearanceDisabled };

package/dist/types/components/Radio/appearance/radioError.d.ts

@@ -1,11 +1,12 @@
 declare const radioAppearanceError: {
-    error: {
+    errorPrimary: {
         fill: string;
-        fillHover: string;
+        fillCheckmark: string;
         labelTextColor: string;
-        labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        descTextColor: string;
+        borderColor: string;
+        borderColorRadio: string;
+        borderColorRadioActive: string;
     };
 };
 export { radioAppearanceError };

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

@@ -1,20 +1,12 @@
 declare const radioAppearanceRequire: {
     requirePrimary: {
         fill: string;
+        fillCheckmark: string;
+        labelTextColor: string;
+        descTextColor: 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;
+        borderColorRadio: string;
+        borderColorRadioActive: string;
     };
 };
 export { radioAppearanceRequire };

package/dist/types/components/Radio/appearance/radioStyle.d.ts

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

package/dist/types/components/Radio/appearance/radioSuccess.d.ts

@@ -1,11 +1,12 @@
 declare const radioAppearanceSuccess: {
-    success: {
+    successPrimary: {
         fill: string;
-        fillHover: string;
+        fillCheckmark: string;
         labelTextColor: string;
-        labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        descTextColor: string;
+        borderColor: string;
+        borderColorRadio: string;
+        borderColorRadioActive: string;
     };
 };
 export { radioAppearanceSuccess };

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

@@ -1,4 +1,8 @@
-import type { ResponseConfig, ResponseProps } from './Response.interface';
+import type { ResponseConfig } from './Response.interface';
 declare const responseConfig: ResponseConfig;
-declare function Response(props: ResponseProps): import("react/jsx-runtime").JSX.Element;
+declare const Response: import("react").ForwardRefExoticComponent<{
+    imageSrc?: string;
+    src?: string;
+    svgSrc?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export { Response, responseConfig };

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

@@ -55,6 +55,7 @@ export interface ResponseProps extends ResponseAppearance, StyleAttributes {
     /** desc description */
     desc?: string;
     descTextWeight?: TextWeightProps;
+    imageSrc?: string;
     primaryButton?: boolean;
     primaryButtonAfter?: ReactNode;
     primaryButtonBefore?: ReactNode;
@@ -62,9 +63,10 @@ export interface ResponseProps extends ResponseAppearance, StyleAttributes {
     secondaryButtonAfter?: ReactNode;
     secondaryButtonBefore?: ReactNode;
     style?: CSSProperties;
+    svgSrc?: string;
     /** title description */
     title?: string;
-    isSkeleton: boolean;
+    isSkeleton?: boolean;
     onClickPrimaryButton?: () => void;
     onClickSecondaryButton?: () => void;
 }

package/dist/types/components/SVGContent/SVGContent.d.ts

@@ -1,3 +1,6 @@
-import type { SVGContentProps } from './SVGContent.interface';
-declare function SVGContent(props: SVGContentProps): import("react/jsx-runtime").JSX.Element;
+declare const SVGContent: import("react").ForwardRefExoticComponent<{
+    imageSrc?: string;
+    src?: string;
+    svgSrc?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export { SVGContent };