@itcase/ui-web 1.9.90 → 1.9.91

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

@@ -1,3 +1,95 @@
-import { AccordionItemAppearance } from './Accordion.interface';
-declare const accordionAppearance: AccordionItemAppearance;
+declare const accordionAppearance: {
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillHover: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        labelTextColor: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary";
+        badgeShape: "circular";
+        iconFillIcon: "surfaceItemPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        fillHover: "surfaceQuaternary";
+        labelTextColor: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary";
+        badgeShape: "circular";
+        iconFillIcon: "surfaceItemPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceSecondary";
+        labelTextColor: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary";
+        badgeShape: "circular";
+        iconFillIcon: "surfaceItemPrimary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        fillHover: "surfaceTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary";
+        badgeShape: "circular";
+        iconFillIcon: "surfaceItemPrimary";
+    };
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    sizeXXL: {
+        size: "xxl";
+        titleTextSize: "xxl";
+        badgeAppearanceSize: "sizeXS";
+        contentTextSize: "xxl";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXL: {
+        size: "xl";
+        titleTextSize: "xl";
+        badgeAppearanceSize: "sizeXS";
+        contentTextSize: "l";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeL: {
+        size: "l";
+        titleTextSize: "l";
+        badgeAppearanceSize: "sizeXS";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeM: {
+        size: "m";
+        titleTextSize: "m";
+        badgeAppearanceSize: "sizeXS";
+        contentTextSize: "m";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeS: {
+        size: "s";
+        titleTextSize: "s";
+        badgeAppearanceSize: "sizeXS";
+        contentTextSize: "s";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXS: {
+        size: "xs";
+        titleTextSize: "xs";
+        badgeAppearanceSize: "sizeXS";
+        contentTextSize: "xs";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXXS: {
+        size: "xxs";
+        titleTextSize: "xxs";
+        badgeAppearanceSize: "sizeXS";
+        contentTextSize: "xs";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+};
 export { accordionAppearance };

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

@@ -1,5 +1,6 @@
 import type { CSSProperties, ReactNode } from 'react';
-import { AppearanceConfig, AppearanceKeysDefault, AppearanceSizeKey, BorderColorProps, CompositeAppearanceKeys, DirectionProps, FillHoverProps, FillProps, HeightProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKeys, DirectionProps, FillHoverProps, FillProps, HeightProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import type { StyleAttributes } from '@itcase/ui-core/hooks';
 import { BadgeProps } from '../Badge/Badge.interface';
 import { DividerProps } from '../Divider/Divider.interface';
@@ -89,4 +90,6 @@ type AccordionItemProps = AccordionItemAppearanceProps & StyleAttributes & {
 };
 type AccordionItemConfig = AppearanceConfig<AppearanceKeysDefault, AccordionItemAppearanceProps>;
 type AccordionItemAppearance = AccordionItemConfig['appearance'];
-export type { AccordionItemAppearance, AccordionItemConfig, AccordionItemEventData, AccordionItemProps, AccordionProps, };
+type AccordionItemAppearanceStyle = AppearanceRecord<AppearanceStyleKey, AccordionItemAppearanceProps, 'borderColor' | 'fill'>;
+type AccordionItemAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, AccordionItemAppearanceProps, 'badgeAppearanceSize' | 'contentTextSize' | 'icon' | 'size' | 'titleTextSize'>;
+export type { AccordionItemAppearance, AccordionItemAppearanceSize, AccordionItemAppearanceStyle, AccordionItemConfig, AccordionItemEventData, AccordionItemProps, AccordionProps, };

package/dist/types/components/Accordion/appearance/accordionSize.d.ts

@@ -1,3 +1,51 @@
-import { AccordionItemAppearance } from '../Accordion.interface';
-declare const accordionAppearanceSize: AccordionItemAppearance;
+declare const accordionAppearanceSize: {
+    sizeXXL: {
+        size: "xxl";
+        titleTextSize: "xxl";
+        badgeAppearanceSize: "sizeXS";
+        contentTextSize: "xxl";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXL: {
+        size: "xl";
+        titleTextSize: "xl";
+        badgeAppearanceSize: "sizeXS";
+        contentTextSize: "l";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeL: {
+        size: "l";
+        titleTextSize: "l";
+        badgeAppearanceSize: "sizeXS";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeM: {
+        size: "m";
+        titleTextSize: "m";
+        badgeAppearanceSize: "sizeXS";
+        contentTextSize: "m";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeS: {
+        size: "s";
+        titleTextSize: "s";
+        badgeAppearanceSize: "sizeXS";
+        contentTextSize: "s";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXS: {
+        size: "xs";
+        titleTextSize: "xs";
+        badgeAppearanceSize: "sizeXS";
+        contentTextSize: "xs";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXXS: {
+        size: "xxs";
+        titleTextSize: "xxs";
+        badgeAppearanceSize: "sizeXS";
+        contentTextSize: "xs";
+        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+};
 export { accordionAppearanceSize };

package/dist/types/components/Accordion/appearance/accordionStyle.d.ts

@@ -1,3 +1,14 @@
-import { AccordionItemAppearance } from '../Accordion.interface';
-declare const accordionAppearanceStyle: AccordionItemAppearance;
+declare const accordionAppearanceStyle: {
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+};
 export { accordionAppearanceStyle };

package/dist/types/components/Accordion/appearance/accordionSurface.d.ts

@@ -1,3 +1,36 @@
-import { AccordionItemAppearance } from '../Accordion.interface';
-declare const accordionAppearanceSurface: AccordionItemAppearance;
+declare const accordionAppearanceSurface: {
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillHover: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        labelTextColor: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary";
+        badgeShape: "circular";
+        iconFillIcon: "surfaceItemPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        fillHover: "surfaceQuaternary";
+        labelTextColor: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary";
+        badgeShape: "circular";
+        iconFillIcon: "surfaceItemPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceSecondary";
+        labelTextColor: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary";
+        badgeShape: "circular";
+        iconFillIcon: "surfaceItemPrimary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        fillHover: "surfaceTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary";
+        badgeShape: "circular";
+        iconFillIcon: "surfaceItemPrimary";
+    };
+};
 export { accordionAppearanceSurface };

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

@@ -1,3 +1,114 @@
-import { AvatarAppearance } from './Avatar.interface';
-declare const avatarAppearance: AvatarAppearance;
+declare const avatarAppearance: {
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        textColor: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary solid circular";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        textColor: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary solid circular";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        textColor: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary solid circular";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        textColor: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary solid circular";
+    };
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {
+        borderColor: "none";
+    };
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    size16: {
+        size: "16";
+        textSize: "xs";
+        badgeSize: "xxs";
+        iconFillSize: "12";
+    };
+    size20: {
+        size: "20";
+        textSize: "xs";
+        badgeSize: "xxs";
+        iconFillSize: "12";
+    };
+    size24: {
+        size: "24";
+        textSize: "s";
+        badgeSize: "xxs";
+        iconFillSize: "12";
+    };
+    size32: {
+        size: "32";
+        textSize: "m";
+        badgeSize: "xs";
+        iconFillSize: "12";
+    };
+    size40: {
+        size: "40";
+        textSize: "l";
+        badgeSize: "s";
+        iconFillSize: "12";
+    };
+    size48: {
+        size: "48";
+        textSize: "l";
+        badgeSize: "s";
+        iconFillSize: "12";
+    };
+    size56: {
+        size: "56";
+        textSize: "xl";
+        badgeSize: "m";
+        iconFillSize: "16";
+    };
+    size96: {
+        size: "96";
+        textSize: "xxl";
+        badgeSize: "xl";
+        iconFillSize: "32";
+    };
+    size144: {
+        size: "144";
+        textSize: "xxl";
+        badgeSize: "xxl";
+        iconFillSize: "40";
+    };
+    size240: {
+        size: "240";
+        textSize: "xxl";
+        badgeSize: "xxl";
+        iconFillSize: "40";
+    };
+};
 export { avatarAppearance };

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

@@ -1,5 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceConfig, AppearanceKeysPx, BorderColorProps, CompositeAppearancePxKeys, FillHoverProps, FillProps, ShapeProps, SizePXProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysPx, AppearanceShapeKey, AppearanceSizePxKey, AppearanceStyleKey, BorderColorProps, CompositeAppearancePxKeys, FillHoverProps, FillProps, ShapeProps, SizePXProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { BadgeProps } from '../Badge/Badge.interface';
 import { IconProps } from '../Icon/Icon.interface';
@@ -48,4 +49,7 @@ type AvatarProps = AvatarAppearanceProps & StyleAttributes & {
 };
 type AvatarConfig = AppearanceConfig<AppearanceKeysPx, AvatarAppearanceProps>;
 type AvatarAppearance = AvatarConfig['appearance'];
-export type { AvatarAppearance, AvatarConfig, AvatarProps };
+type AvatarAppearanceStyle = AppearanceRecord<AppearanceStyleKey, AvatarAppearanceProps, 'borderColor' | 'fill'>;
+type AvatarAppearanceShape = AppearancePartialRecord<AppearanceShapeKey, AvatarAppearanceProps, 'shape'>;
+type AvatarAppearanceSize = AppearancePartialRecord<AppearanceSizePxKey, AvatarAppearanceProps, 'badgeSize' | 'iconFillSize' | 'size' | 'textSize'>;
+export type { AvatarAppearance, AvatarAppearanceShape, AvatarAppearanceSize, AvatarAppearanceStyle, AvatarConfig, AvatarProps, };

package/dist/types/components/Avatar/appearance/avatarDefault.d.ts

@@ -1,3 +1,23 @@
-import { AvatarAppearance } from '../Avatar.interface';
-declare const avatarAppearanceDefault: AvatarAppearance;
+declare const avatarAppearanceDefault: {
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        textColor: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary solid circular";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        textColor: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary solid circular";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        textColor: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary solid circular";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        textColor: "surfaceTextPrimary";
+        badgeAppearance: "accentPrimary solid circular";
+    };
+};
 export { avatarAppearanceDefault };

package/dist/types/components/Avatar/appearance/avatarShape.d.ts

@@ -1,3 +1,21 @@
-import { AvatarAppearance } from '../Avatar.interface';
-declare const avatarAppearanceShape: AvatarAppearance;
+declare const avatarAppearanceShape: {
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+};
 export { avatarAppearanceShape };

package/dist/types/components/Avatar/appearance/avatarSize.d.ts

@@ -1,3 +1,63 @@
-import { AvatarAppearance } from '../Avatar.interface';
-declare const avatarAppearanceSize: AvatarAppearance;
+declare const avatarAppearanceSize: {
+    size16: {
+        size: "16";
+        textSize: "xs";
+        badgeSize: "xxs";
+        iconFillSize: "12";
+    };
+    size20: {
+        size: "20";
+        textSize: "xs";
+        badgeSize: "xxs";
+        iconFillSize: "12";
+    };
+    size24: {
+        size: "24";
+        textSize: "s";
+        badgeSize: "xxs";
+        iconFillSize: "12";
+    };
+    size32: {
+        size: "32";
+        textSize: "m";
+        badgeSize: "xs";
+        iconFillSize: "12";
+    };
+    size40: {
+        size: "40";
+        textSize: "l";
+        badgeSize: "s";
+        iconFillSize: "12";
+    };
+    size48: {
+        size: "48";
+        textSize: "l";
+        badgeSize: "s";
+        iconFillSize: "12";
+    };
+    size56: {
+        size: "56";
+        textSize: "xl";
+        badgeSize: "m";
+        iconFillSize: "16";
+    };
+    size96: {
+        size: "96";
+        textSize: "xxl";
+        badgeSize: "xl";
+        iconFillSize: "32";
+    };
+    size144: {
+        size: "144";
+        textSize: "xxl";
+        badgeSize: "xxl";
+        iconFillSize: "40";
+    };
+    size240: {
+        size: "240";
+        textSize: "xxl";
+        badgeSize: "xxl";
+        iconFillSize: "40";
+    };
+};
 export { avatarAppearanceSize };

package/dist/types/components/Avatar/appearance/avatarStyle.d.ts

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

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

@@ -1,3 +1,21 @@
-import { AvatarStackAppearance } from './AvatarStack.interface';
-declare const avatarStackAppearance: AvatarStackAppearance;
+declare const avatarStackAppearance: {
+    size16: {
+        size: "16";
+    };
+    size20: {
+        size: "20";
+    };
+    size24: {
+        size: "24";
+    };
+    size32: {
+        size: "32";
+    };
+    size40: {
+        size: "40";
+    };
+    size56: {
+        size: "56";
+    };
+};
 export { avatarStackAppearance };

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

@@ -1,5 +1,5 @@
 import { StringId } from '@itcase/types-core';
-import type { AppearanceKeysPx, DirectionProps, SizePXProps } from '@itcase/types-ui';
+import type { AppearanceKeysPx, AppearancePartialRecord, AppearanceSizePxKey, DirectionProps, SizePXProps } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { AvatarConfig, AvatarProps } from '../Avatar/Avatar.interface';
 type AvatarStackAppearanceProps = {
@@ -21,4 +21,5 @@ type AvatarStackProps = AvatarStackAppearanceProps & StyleAttributes & {
     length?: number;
 };
 type AvatarStackAppearance = AvatarConfig['appearance'];
-export type { AvatarStackAppearance, AvatarStackProps };
+type AvatarStackAppearanceSize = AppearancePartialRecord<AppearanceSizePxKey, AvatarStackAppearanceProps, 'size'>;
+export type { AvatarStackAppearance, AvatarStackAppearanceSize, AvatarStackProps, };

package/dist/types/components/AvatarStack/appearance/avatarStackSize.d.ts

@@ -1,3 +1,21 @@
-import { AvatarStackAppearance } from '../AvatarStack.interface';
-declare const avatarStackAppearanceSize: AvatarStackAppearance;
+declare const avatarStackAppearanceSize: {
+    size16: {
+        size: "16";
+    };
+    size20: {
+        size: "20";
+    };
+    size24: {
+        size: "24";
+    };
+    size32: {
+        size: "32";
+    };
+    size40: {
+        size: "40";
+    };
+    size56: {
+        size: "56";
+    };
+};
 export { avatarStackAppearanceSize };