@itcase/ui-web 1.9.90 → 1.9.91

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

@@ -1,3 +1,169 @@
-import { LinkAppearance } from './Link.interface';
-declare const linkAppearance: LinkAppearance;
+declare const linkAppearance: {
+    warningPrimary: {
+        fill: "warningPrimary";
+        fillHover: "warningHoverPrimary";
+        labelTextColor: "warningTextSecondary";
+        labelTextColorHover: "warningTextSecondary";
+    };
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillHover: "surfaceHoverPrimary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        fillHover: "surfaceHoverQuaternary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceHoverSecondary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        fillHover: "surfaceHoverTertiary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+    successPrimary: {
+        fill: "successPrimary";
+        fillHover: "successHoverPrimary";
+        labelTextColor: "successTextSecondary";
+        labelTextColorHover: "successTextSecondary";
+    };
+    extraPrimary: {
+        fill: "extraPrimary";
+        fillHover: "extraHoverPrimary";
+        labelTextColor: "extraTextPrimary";
+    };
+    specialPrimary: {
+        fill: "specialPrimary";
+        fillHover: "specialHoverPrimary";
+        labelTextColor: "specialTextPrimary";
+    };
+    infoPrimary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        labelTextColor: "accentTextPrimary";
+        labelTextColorHover: "accentTextPrimary";
+        borderColor: "accentBorderPrimary";
+    };
+    infoSecondary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        labelTextColor: "accentTextSecondary";
+        labelTextColorHover: "accentTextPrimary";
+        borderColor: "accentBorderPrimary";
+    };
+    errorPrimary: {
+        fill: "errorPrimary";
+        fillHover: "errorHoverPrimary";
+        labelTextColor: "errorTextPrimary";
+        labelTextColorHover: "errorTextPrimary";
+    };
+    dangerPrimary: {
+        fill: "dangerPrimary";
+        fillHover: "dangerHoverPrimary";
+    };
+    accentPrimary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        borderColor: "accentBorderPrimary";
+    };
+    accentSecondary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        labelTextColor: "accentTextSecondary";
+        labelTextColorHover: "accentTextSecondary";
+        borderColor: "accentBorderPrimary";
+    };
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {
+        borderColor: "none";
+    };
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    requirePrimary: {
+        fill: "warningTertiary";
+        borderColor: "warningBorderQuaternary";
+        textColor: "surfaceTextPrimary";
+    };
+    requireSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+    };
+    disabledPrimary: {
+        fill: "surfaceDisabled";
+        borderColor: "errorBorderQuaternary";
+        textColor: "surfaceTextQuaternary";
+    };
+    disabledSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderQuaternary";
+    };
+    sizeXXL: {
+        size: "xxl";
+        labelTextSize: "xxl";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    sizeXL: {
+        size: "xl";
+        labelTextSize: "l";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    sizeL: {
+        size: "l";
+        labelTextSize: "l";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    sizeM: {
+        size: "m";
+        labelTextSize: "m";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    sizeS: {
+        size: "s";
+        labelTextSize: "s";
+        iconAfterFillSize: "20";
+        iconAfterSize: "20";
+        iconBeforeFillSize: "20";
+        iconBeforeSize: "20";
+    };
+    sizeXS: {
+        size: "xs";
+        labelTextSize: "xs";
+        iconAfterFillSize: "16";
+        iconAfterSize: "16";
+        iconBeforeFillSize: "16";
+        iconBeforeSize: "16";
+    };
+    sizeXXS: {
+        size: "xxs";
+        labelTextSize: "xs";
+        iconAfterFillSize: "14";
+        iconAfterSize: "14";
+        iconBeforeFillSize: "14";
+        iconBeforeSize: "14";
+    };
+};
 export { linkAppearance };

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

@@ -1,5 +1,6 @@
 import type { CSSProperties, ElementType, MouseEventHandler, ReactNode } from 'react';
-import { AppearanceConfig, AppearanceKeysDefaultState, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKeys, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextWeightProps, UnderlineProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysDefaultState, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKeys, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextWeightProps, UnderlineProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { IconProps } from 'src/components/Icon/Icon.interface';
 import { TextProps } from 'src/components/Text/Text.interface';
@@ -88,4 +89,6 @@ type LinkConfig = AppearanceConfig<AppearanceKeysDefaultState, LinkAppearancePro
     setLinkComponent: (LinkComponent: LinkProps['LinkComponent']) => void;
 };
 type LinkAppearance = LinkConfig['appearance'];
-export type { LinkAppearance, LinkConfig, LinkProps, LinkWrapperProps };
+type LinkAppearanceStyle = AppearanceRecord<AppearanceStyleKey, LinkAppearanceProps, 'borderColor' | 'fill'>;
+type LinkAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, LinkAppearanceProps, 'iconAfterFillSize' | 'iconAfterSize' | 'iconBeforeFillSize' | 'iconBeforeSize' | 'labelTextSize' | 'size'>;
+export type { LinkAppearance, LinkAppearanceSize, LinkAppearanceStyle, LinkConfig, LinkProps, LinkWrapperProps, };

package/dist/types/components/Link/appearance/linkAccent.d.ts

@@ -1,3 +1,15 @@
-import { LinkAppearance } from '../Link.interface';
-declare const linkAppearanceAccent: LinkAppearance;
+declare const linkAppearanceAccent: {
+    accentPrimary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        borderColor: "accentBorderPrimary";
+    };
+    accentSecondary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        labelTextColor: "accentTextSecondary";
+        labelTextColorHover: "accentTextSecondary";
+        borderColor: "accentBorderPrimary";
+    };
+};
 export { linkAppearanceAccent };

package/dist/types/components/Link/appearance/linkDanger.d.ts

@@ -1,3 +1,7 @@
-import { LinkAppearance } from '../Link.interface';
-declare const linkAppearanceDanger: LinkAppearance;
+declare const linkAppearanceDanger: {
+    dangerPrimary: {
+        fill: "dangerPrimary";
+        fillHover: "dangerHoverPrimary";
+    };
+};
 export { linkAppearanceDanger };

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

@@ -1,3 +1,13 @@
-import { LinkAppearance } from '../Link.interface';
-declare const linkAppearanceDisabled: LinkAppearance;
+declare const linkAppearanceDisabled: {
+    disabledPrimary: {
+        fill: "surfaceDisabled";
+        borderColor: "errorBorderQuaternary";
+        textColor: "surfaceTextQuaternary";
+    };
+    disabledSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderQuaternary";
+    };
+};
 export { linkAppearanceDisabled };

package/dist/types/components/Link/appearance/linkError.d.ts

@@ -1,3 +1,9 @@
-import { LinkAppearance } from '../Link.interface';
-declare const linkAppearanceError: LinkAppearance;
+declare const linkAppearanceError: {
+    errorPrimary: {
+        fill: "errorPrimary";
+        fillHover: "errorHoverPrimary";
+        labelTextColor: "errorTextPrimary";
+        labelTextColorHover: "errorTextPrimary";
+    };
+};
 export { linkAppearanceError };

package/dist/types/components/Link/appearance/linkExtra.d.ts

@@ -1,3 +1,8 @@
-import { LinkAppearance } from '../Link.interface';
-declare const linkAppearanceExtra: LinkAppearance;
+declare const linkAppearanceExtra: {
+    extraPrimary: {
+        fill: "extraPrimary";
+        fillHover: "extraHoverPrimary";
+        labelTextColor: "extraTextPrimary";
+    };
+};
 export { linkAppearanceExtra };

package/dist/types/components/Link/appearance/linkInfo.d.ts

@@ -1,3 +1,17 @@
-import { LinkAppearance } from '../Link.interface';
-declare const linkAppearanceInfo: LinkAppearance;
+declare const linkAppearanceInfo: {
+    infoPrimary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        labelTextColor: "accentTextPrimary";
+        labelTextColorHover: "accentTextPrimary";
+        borderColor: "accentBorderPrimary";
+    };
+    infoSecondary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        labelTextColor: "accentTextSecondary";
+        labelTextColorHover: "accentTextPrimary";
+        borderColor: "accentBorderPrimary";
+    };
+};
 export { linkAppearanceInfo };

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

@@ -1,3 +1,12 @@
-import { LinkAppearance } from '../Link.interface';
-declare const linkAppearanceRequire: LinkAppearance;
+declare const linkAppearanceRequire: {
+    requirePrimary: {
+        fill: "warningTertiary";
+        borderColor: "warningBorderQuaternary";
+        textColor: "surfaceTextPrimary";
+    };
+    requireSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+    };
+};
 export { linkAppearanceRequire };

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

@@ -1,3 +1,59 @@
-import { LinkAppearance } from '../Link.interface';
-declare const linkAppearanceSize: LinkAppearance;
+declare const linkAppearanceSize: {
+    sizeXXL: {
+        size: "xxl";
+        labelTextSize: "xxl";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    sizeXL: {
+        size: "xl";
+        labelTextSize: "l";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    sizeL: {
+        size: "l";
+        labelTextSize: "l";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    sizeM: {
+        size: "m";
+        labelTextSize: "m";
+        iconAfterFillSize: "24";
+        iconAfterSize: "24";
+        iconBeforeFillSize: "24";
+        iconBeforeSize: "24";
+    };
+    sizeS: {
+        size: "s";
+        labelTextSize: "s";
+        iconAfterFillSize: "20";
+        iconAfterSize: "20";
+        iconBeforeFillSize: "20";
+        iconBeforeSize: "20";
+    };
+    sizeXS: {
+        size: "xs";
+        labelTextSize: "xs";
+        iconAfterFillSize: "16";
+        iconAfterSize: "16";
+        iconBeforeFillSize: "16";
+        iconBeforeSize: "16";
+    };
+    sizeXXS: {
+        size: "xxs";
+        labelTextSize: "xs";
+        iconAfterFillSize: "14";
+        iconAfterSize: "14";
+        iconBeforeFillSize: "14";
+        iconBeforeSize: "14";
+    };
+};
 export { linkAppearanceSize };

package/dist/types/components/Link/appearance/linkSpecial.d.ts

@@ -1,3 +1,8 @@
-import { LinkAppearance } from '../Link.interface';
-declare const linkAppearanceSpecial: LinkAppearance;
+declare const linkAppearanceSpecial: {
+    specialPrimary: {
+        fill: "specialPrimary";
+        fillHover: "specialHoverPrimary";
+        labelTextColor: "specialTextPrimary";
+    };
+};
 export { linkAppearanceSpecial };

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

@@ -1,3 +1,16 @@
-import { LinkAppearance } from '../Link.interface';
-declare const linkAppearanceStyle: LinkAppearance;
+declare const linkAppearanceStyle: {
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {
+        borderColor: "none";
+    };
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+};
 export { linkAppearanceStyle };

package/dist/types/components/Link/appearance/linkSuccess.d.ts

@@ -1,3 +1,9 @@
-import { LinkAppearance } from '../Link.interface';
-declare const linkAppearanceSuccess: LinkAppearance;
+declare const linkAppearanceSuccess: {
+    successPrimary: {
+        fill: "successPrimary";
+        fillHover: "successHoverPrimary";
+        labelTextColor: "successTextSecondary";
+        labelTextColorHover: "successTextSecondary";
+    };
+};
 export { linkAppearanceSuccess };

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

@@ -1,3 +1,23 @@
-import { LinkAppearance } from '../Link.interface';
-declare const linkAppearanceSurface: LinkAppearance;
+declare const linkAppearanceSurface: {
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillHover: "surfaceHoverPrimary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        fillHover: "surfaceHoverQuaternary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceHoverSecondary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        fillHover: "surfaceHoverTertiary";
+        labelTextColor: "surfaceTextPrimary";
+    };
+};
 export { linkAppearanceSurface };

package/dist/types/components/Link/appearance/linkWarning.d.ts

@@ -1,3 +1,9 @@
-import { LinkAppearance } from '../Link.interface';
-declare const linkAppearanceWarning: LinkAppearance;
+declare const linkAppearanceWarning: {
+    warningPrimary: {
+        fill: "warningPrimary";
+        fillHover: "warningHoverPrimary";
+        labelTextColor: "warningTextSecondary";
+        labelTextColorHover: "warningTextSecondary";
+    };
+};
 export { linkAppearanceWarning };

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

@@ -1,3 +1,92 @@
-import { ListAppearance } from './List.interface';
-declare const listAppearance: ListAppearance;
+declare const listAppearance: {
+    warningPrimary: {
+        fill: "warningPrimary";
+        fillHover: "warningHoverPrimary";
+    };
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillHover: "surfaceHoverPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        fillHover: "surfaceHoverQuaternary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceHoverSecondary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        fillHover: "surfaceHoverTertiary";
+    };
+    successPrimary: {
+        fill: "successPrimary";
+        fillHover: "successHoverPrimary";
+    };
+    extraPrimary: {
+        fill: "extraPrimary";
+        fillHover: "extraHoverPrimary";
+    };
+    specialPrimary: {
+        fill: "specialPrimary";
+        fillHover: "specialHoverPrimary";
+    };
+    infoPrimary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        borderColor: "accentBorderPrimary";
+    };
+    infoSecondary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        borderColor: "accentBorderPrimary";
+    };
+    errorPrimary: {
+        fill: "errorPrimary";
+        fillHover: "errorHoverPrimary";
+    };
+    dangerPrimary: {
+        fill: "dangerPrimary";
+        fillHover: "dangerHoverPrimary";
+    };
+    accentPrimary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        borderColor: "accentBorderPrimary";
+    };
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {
+        borderColor: "none";
+    };
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    sizeXXL: {
+        size: "xxl";
+    };
+    sizeXL: {
+        size: "xl";
+    };
+    sizeL: {
+        size: "l";
+    };
+    sizeM: {
+        size: "m";
+    };
+    sizeS: {
+        size: "s";
+    };
+    sizeXS: {
+        size: "xs";
+    };
+    sizeXXS: {
+        size: "xxs";
+    };
+};
 export { listAppearance };

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

@@ -1,6 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { LinkProps } from 'react-scroll';
-import { AppearanceConfig, AppearanceKeysDefault, BorderColorProps, CompositeAppearanceKeys, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKeys, DirectionProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { TextProps } from 'src/components/Text/Text.interface';
 type ListAppearanceProps = {
@@ -45,4 +46,6 @@ type ListItemProps = ListItemAppearanceProps & StyleAttributes & {
 };
 type ListConfig = AppearanceConfig<AppearanceKeysDefault, ListAppearanceProps>;
 type ListAppearance = ListConfig['appearance'];
-export type { ListAppearance, ListConfig, ListItemProps, ListProps };
+type ListAppearanceStyle = AppearanceRecord<AppearanceStyleKey, ListAppearanceProps, 'borderColor' | 'fill'>;
+type ListAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, ListAppearanceProps, 'size'>;
+export type { ListAppearance, ListAppearanceSize, ListAppearanceStyle, ListConfig, ListItemProps, ListProps, };

package/dist/types/components/List/appearance/listAccent.d.ts

@@ -1,3 +1,8 @@
-import { ListAppearance } from '../List.interface';
-declare const listAppearanceAccent: ListAppearance;
+declare const listAppearanceAccent: {
+    accentPrimary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        borderColor: "accentBorderPrimary";
+    };
+};
 export { listAppearanceAccent };

package/dist/types/components/List/appearance/listDanger.d.ts

@@ -1,3 +1,7 @@
-import { ListAppearance } from '../List.interface';
-declare const listAppearanceDanger: ListAppearance;
+declare const listAppearanceDanger: {
+    dangerPrimary: {
+        fill: "dangerPrimary";
+        fillHover: "dangerHoverPrimary";
+    };
+};
 export { listAppearanceDanger };

package/dist/types/components/List/appearance/listError.d.ts

@@ -1,3 +1,7 @@
-import { ListAppearance } from '../List.interface';
-declare const listAppearanceError: ListAppearance;
+declare const listAppearanceError: {
+    errorPrimary: {
+        fill: "errorPrimary";
+        fillHover: "errorHoverPrimary";
+    };
+};
 export { listAppearanceError };

package/dist/types/components/List/appearance/listExtra.d.ts

@@ -1,3 +1,7 @@
-import { ListAppearance } from '../List.interface';
-declare const listAppearanceExtra: ListAppearance;
+declare const listAppearanceExtra: {
+    extraPrimary: {
+        fill: "extraPrimary";
+        fillHover: "extraHoverPrimary";
+    };
+};
 export { listAppearanceExtra };

package/dist/types/components/List/appearance/listInfo.d.ts

@@ -1,3 +1,13 @@
-import { ListAppearance } from '../List.interface';
-declare const listAppearanceInfo: ListAppearance;
+declare const listAppearanceInfo: {
+    infoPrimary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        borderColor: "accentBorderPrimary";
+    };
+    infoSecondary: {
+        fill: "accentPrimary";
+        fillHover: "accentHoverPrimary";
+        borderColor: "accentBorderPrimary";
+    };
+};
 export { listAppearanceInfo };

package/dist/types/components/List/appearance/listSize.d.ts

@@ -1,3 +1,24 @@
-import { ListAppearance } from '../List.interface';
-declare const listAppearanceSize: ListAppearance;
+declare const listAppearanceSize: {
+    sizeXXL: {
+        size: "xxl";
+    };
+    sizeXL: {
+        size: "xl";
+    };
+    sizeL: {
+        size: "l";
+    };
+    sizeM: {
+        size: "m";
+    };
+    sizeS: {
+        size: "s";
+    };
+    sizeXS: {
+        size: "xs";
+    };
+    sizeXXS: {
+        size: "xxs";
+    };
+};
 export { listAppearanceSize };

package/dist/types/components/List/appearance/listSpecial.d.ts

@@ -1,3 +1,7 @@
-import { ListAppearance } from '../List.interface';
-declare const listAppearanceSpecial: ListAppearance;
+declare const listAppearanceSpecial: {
+    specialPrimary: {
+        fill: "specialPrimary";
+        fillHover: "specialHoverPrimary";
+    };
+};
 export { listAppearanceSpecial };