npm - @itcase/ui - Versions diffs - 1.8.19 → 1.8.22 - Mend

@itcase/ui 1.8.19 → 1.8.22

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 (287) hide show

package/dist/types/components/Cell/appearance/cellSize.d.ts CHANGED Viewed

@@ -1,59 +1,23 @@
 declare const cellAppearanceSize: {
-    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;
+        titleTextSize: string;
+        valueTextSize: string;
     };
     sizeL: {
         size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        titleTextSize: string;
+        valueTextSize: string;
     };
     sizeM: {
         size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        titleTextSize: string;
+        valueTextSize: 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;
+        titleTextSize: string;
+        valueTextSize: string;
     };
 };
 export { cellAppearanceSize };

package/dist/types/components/Code/appearance/codeSize.d.ts CHANGED Viewed

@@ -2,18 +2,12 @@ declare const codeAppearanceSize: {
     sizeL: {
         size: string;
         labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        inputSize: string;
     };
     sizeM: {
         size: string;
         labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        inputSize: string;
     };
 };
 export { codeAppearanceSize };

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

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

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

@@ -1,2 +1,3 @@
 import { CookiesWarning } from './CookiesWarning';
-export { CookiesWarning };
+import { cookiesWarningAppearance } from './CookiesWarning.appearance';
+export { CookiesWarning, cookiesWarningAppearance };

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

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

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

@@ -1,8 +1,4 @@
 declare const dropdownAppearanceAccent: {
-    accent: {
-        fill: string;
-        fillHover: string;
-    };
     accentPrimary: {
         fill: string;
         fillHover: string;
@@ -14,8 +10,6 @@ declare const dropdownAppearanceAccent: {
         labelTextColor: string;
         labelTextColorHover: string;
         borderColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
     };
 };
 export { dropdownAppearanceAccent };

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

@@ -3,6 +3,11 @@ declare const dropdownAppearanceSurface: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
+        labelTextColorActive: string;
+        labelTextColorActiveHover: string;
+        labelTextColorHover: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
     };
     surfaceQuaternary: {
         fill: string;

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

@@ -1,3 +1,2 @@
-import { InputAppearance, InputState } from './InputPassword.interface';
-export declare const InputPasswordAppearance: InputAppearance;
-export declare const InputPasswordState: InputState;
+import { InputPasswordAppearanceType } from './InputPassword.interface';
+export declare const inputPasswordAppearance: InputPasswordAppearanceType;

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

@@ -1,4 +1,4 @@
-import { AppearanceKeysDefault, BorderColorProps, BorderWidthProps, FillProps, IconSizeProps, ItemColorProps, ShapeProps, SizeProps, StateKeysDefault, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types';
+import { AppearanceKeysDefault, BorderColorProps, BorderWidthProps, FillProps, IconSizeProps, ItemColorProps, ShapeProps, SizeProps, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 export interface InputThemeColor {
     [key: number | string | symbol]: any;
@@ -15,19 +15,13 @@ export interface InputThemeColor {
     width?: WidthProps;
 }
 type AppearanceKeys = AppearanceKeysDefault & {};
-type stateKeysType = StateKeysDefault & {};
-export type InputState = {
-    [key in stateKeysType]?: InputThemeColor;
-};
-export type InputAppearance = {
+export type InputPasswordAppearanceType = {
     [key in AppearanceKeys]?: InputThemeColor;
 };
 export interface InputPasswordConfig {
     [key: number | string | symbol]: any;
-    appearance: InputAppearance | undefined;
-    state: InputState | undefined;
-    setAppearance: (newComponent: InputAppearance) => void;
-    setState: (newComponent: InputState) => void;
+    appearance: InputPasswordAppearanceType | undefined;
+    setAppearance: (newComponent: InputPasswordAppearanceType) => void;
 }
 export interface InputPasswordProps extends InputThemeColor, StyleAttributes {
     id?: number | string;
@@ -44,7 +38,6 @@ export interface InputPasswordProps extends InputThemeColor, StyleAttributes {
     imageRevealableHide?: string;
     imageRevealableShow?: string;
     placeholder?: string;
-    state?: stateKeysType;
     value?: string;
     isRevealable?: boolean;
     onBlur?: () => void;

package/dist/types/components/InputPassword/appearance/inputPasswordDefault.d.ts ADDED Viewed

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

package/dist/types/components/InputPassword/appearance/inputPasswordDisabled.d.ts ADDED Viewed

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

package/dist/types/components/InputPassword/appearance/inputPasswordError.d.ts ADDED Viewed

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

package/dist/types/components/InputPassword/appearance/inputPasswordRequire.d.ts ADDED Viewed

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

package/dist/types/components/InputPassword/appearance/inputPasswordSize.d.ts ADDED Viewed

@@ -0,0 +1,59 @@
+declare const inputPasswordAppearanceSize: {
+    sizeXXL: {
+        size: string;
+        textSize: string;
+        iconAfterFillSize: string;
+        iconAfterSize: string;
+        iconBeforeFillSize: string;
+        iconBeforeSize: string;
+    };
+    sizeXL: {
+        size: string;
+        textSize: string;
+        iconAfterFillSize: string;
+        iconAfterSize: string;
+        iconBeforeFillSize: string;
+        iconBeforeSize: string;
+    };
+    sizeL: {
+        size: string;
+        textSize: string;
+        iconAfterFillSize: string;
+        iconAfterSize: string;
+        iconBeforeFillSize: string;
+        iconBeforeSize: string;
+    };
+    sizeM: {
+        size: string;
+        textSize: string;
+        iconAfterFillSize: string;
+        iconAfterSize: string;
+        iconBeforeFillSize: string;
+        iconBeforeSize: string;
+    };
+    sizeS: {
+        size: string;
+        textSize: string;
+        iconAfterFillSize: string;
+        iconAfterSize: string;
+        iconBeforeFillSize: string;
+        iconBeforeSize: string;
+    };
+    sizeXS: {
+        size: string;
+        textSize: string;
+        iconAfterFillSize: string;
+        iconAfterSize: string;
+        iconBeforeFillSize: string;
+        iconBeforeSize: string;
+    };
+    sizeXXS: {
+        size: string;
+        textSize: string;
+        iconAfterFillSize: string;
+        iconAfterSize: string;
+        iconBeforeFillSize: string;
+        iconBeforeSize: string;
+    };
+};
+export { inputPasswordAppearanceSize };

package/dist/types/components/InputPassword/appearance/inputPasswordStyle.d.ts ADDED Viewed

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

package/dist/types/components/InputPassword/appearance/inputPasswordSuccess.d.ts ADDED Viewed

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

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

@@ -1,2 +1,2 @@
-export { InputPasswordAppearance, InputPasswordState } from './InputPassword.appearance';
+export { inputPasswordAppearance } from './InputPassword.appearance';
 export { InputPassword, inputPasswordConfig } from './InputPassword';

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

@@ -4,6 +4,13 @@ declare const labelAppearanceAccent: {
         labelTextColor: string;
         labelTextColorHover: string;
     };
+    accentPrimary: {
+        fill: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        iconBeforeFillIcon: string;
+        iconAfterFillIcon: string;
+    };
     accentTertiary: {
         fill: string;
         labelTextColor: string;

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

@@ -1,5 +1,6 @@
 declare const labelAppearanceSize: {
     sizeXXL: {
+        size: string;
         labelTextSize: string;
         iconAfterFillSize: number;
         iconAfterSize: number;

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

@@ -56,9 +56,9 @@ export interface LinkWrapperProps extends LinkThemeColor, StyleAttributes {
     children?: ReactNode;
     className?: string;
     Component?: ElementType;
-    DefaultComponent?: ElementType;
     disabled?: boolean;
     href?: string;
+    LinkComponent?: ElementType;
     rel?: string;
     style?: CSSProperties;
     target?: string;

package/dist/types/components/{Cell/appearance/cellAccent.d.ts → Link/appearance/linkAccent.d.ts} RENAMED Viewed

@@ -1,4 +1,4 @@
-declare const cellAppearanceAccent: {
+declare const linkAppearanceAccent: {
     accent: {
         fill: string;
         fillHover: string;
@@ -14,8 +14,7 @@ declare const cellAppearanceAccent: {
         labelTextColor: string;
         labelTextColorHover: string;
         borderColor: string;
-        loaderFill: string;
         loaderItemFill: string;
     };
 };
-export { cellAppearanceAccent };
+export { linkAppearanceAccent };

package/dist/types/components/{Cell/appearance/cellDanger.d.ts → Link/appearance/linkDanger.d.ts} RENAMED Viewed

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

package/dist/types/components/Link/appearance/linkDisabled.d.ts ADDED Viewed

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

package/dist/types/components/{Cell/appearance/cellError.d.ts → Link/appearance/linkError.d.ts} RENAMED Viewed

@@ -1,4 +1,4 @@
-declare const cellAppearanceError: {
+declare const linkAppearanceError: {
     error: {
         fill: string;
         fillHover: string;
@@ -8,4 +8,4 @@ declare const cellAppearanceError: {
         loaderItemFill: string;
     };
 };
-export { cellAppearanceError };
+export { linkAppearanceError };

package/dist/types/components/{Cell/appearance/cellInfo.d.ts → Link/appearance/linkInfo.d.ts} RENAMED Viewed

@@ -1,4 +1,4 @@
-declare const cellAppearanceInfo: {
+declare const linkAppearanceInfo: {
     info: {
         fill: string;
         fillHover: string;
@@ -18,4 +18,4 @@ declare const cellAppearanceInfo: {
         loaderItemFill: string;
     };
 };
-export { cellAppearanceInfo };
+export { linkAppearanceInfo };

package/dist/types/components/{Cell/appearance/cellPrimary.d.ts → Link/appearance/linkPrimary.d.ts} RENAMED Viewed

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

package/dist/types/components/Link/appearance/linkRequire.d.ts ADDED Viewed

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

package/dist/types/components/{Cell/appearance/cellSecondary.d.ts → Link/appearance/linkSecondary.d.ts} RENAMED Viewed

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

package/dist/types/components/Link/appearance/linkSize.d.ts ADDED Viewed

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

package/dist/types/components/Link/appearance/linkStyle.d.ts ADDED Viewed

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

package/dist/types/components/{Cell/appearance/cellSuccess.d.ts → Link/appearance/linkSuccess.d.ts} RENAMED Viewed

@@ -1,4 +1,4 @@
-declare const cellAppearanceSuccess: {
+declare const linkAppearanceSuccess: {
     success: {
         fill: string;
         fillHover: string;
@@ -8,4 +8,4 @@ declare const cellAppearanceSuccess: {
         loaderItemFill: string;
     };
 };
-export { cellAppearanceSuccess };
+export { linkAppearanceSuccess };

package/dist/types/components/Link/appearance/linkSurface.d.ts ADDED Viewed

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