@itcase/ui 1.9.24 → 1.9.26

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

@@ -1,75 +1,86 @@
-import { ElementType, ReactNode } from 'react';
-import { AppearanceKeysDefault, DirectionProps, FillProps, IconFillSizeProps, ItemColorProps, ShapeProps, SizeProps, TextAlignProps, TextColorProps, TextSizeProps, TextWeightProps, TextWrapProps } from '@itcase/types';
+import { ReactNode } from 'react';
+import { AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceDefaultSizeStyleKey, DirectionProps, FillActiveHoverProps, FillHoverProps, FillProps, ItemColorProps, ShapeProps, SizeProps, TextColorProps } from '@itcase/types';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface CellThemeColor {
-}
-type AppearanceKeys = AppearanceKeysDefault & {};
-export type CellAppearanceType = {
-    [key in AppearanceKeys]?: CellThemeColor;
-};
-export interface CellConfig {
-    [key: number | string | symbol]: any;
-    appearance: CellAppearanceType | undefined;
-    setAppearance: (newComponent: CellAppearanceType) => void;
-}
-export interface CellProps extends CellThemeColor, StyleAttributes {
-    [key: number | string | symbol]: any;
-    after?: ReactNode;
-    appearance?: AppearanceKeys;
-    before?: ReactNode;
-    className?: string;
+import { IconProps } from '../Icon/Icon.interface';
+import { LabelProps } from '../Label/Label.interface';
+import { TextProps } from '../Text/Text.interface';
+type CellAppearanceProps = {
+    borderColor?: BorderColorProps;
+    borderColorActive?: BorderColorProps;
+    borderColorActiveHover?: BorderColorProps;
+    borderColorHover?: BorderColorProps;
     direction?: DirectionProps;
-    mode?: string;
-    reverse?: boolean;
-    showTitleLabel?: boolean;
-    showValueLabel?: boolean;
+    fill?: FillProps;
+    fillActive?: FillProps;
+    fillActiveHover?: FillActiveHoverProps;
+    fillHover?: FillHoverProps;
+    labelTextColor?: TextColorProps;
+    shape?: ShapeProps;
     size?: SizeProps;
-    title?: any;
-    titleIcon?: ElementType;
-    titleIconFill?: FillProps;
+    titleIconFill?: IconProps['fill'];
     titleIconFillHover?: ItemColorProps;
-    titleIconFillSize?: IconFillSizeProps;
+    titleIconFillSize?: IconProps['fillSize'];
     titleIconItemFill?: ItemColorProps;
-    titleIconShape?: ShapeProps;
-    titleIconSrc?: string;
-    titleLabel?: string;
-    titleLabelAppearance?: AppearanceKeys;
+    titleIconShape?: IconProps['shape'];
+    titleIconSrc?: IconProps['imageSrc'];
+    titleLabelAppearance?: LabelProps['appearance'];
+    titleLabelAppearanceSize?: AppearanceSizeKey;
     titleLabelShape?: ShapeProps;
     titleLabelSize?: SizeProps;
-    titleLabelTextSize?: TextSizeProps;
-    titleTag?: ElementType;
+    titleLabelTextSize?: TextProps['size'];
     titleTextColor?: TextColorProps;
-    titleTextSize?: TextSizeProps;
-    titleTextTruncate?: boolean;
-    titleTextWeight?: TextWeightProps;
-    titleTextWrap?: TextWrapProps;
-    value?: any;
-    valueIcon?: ElementType;
-    valueIconFill?: FillProps;
+    titleTextSize?: TextProps['size'];
+    titleTextTruncate?: TextProps['textTruncate'];
+    titleTextWeight?: TextProps['textWeight'];
+    titleTextWrap?: TextProps['textWrap'];
+    valueIconFill?: IconProps['fill'];
     valueIconFillHover?: ItemColorProps;
-    valueIconFillSize?: IconFillSizeProps;
+    valueIconFillSize?: IconProps['fillSize'];
     valueIconItemFill?: ItemColorProps;
-    valueIconShape?: ShapeProps;
-    valueIconSrc?: string;
+    valueIconShape?: IconProps['shape'];
+    valueIconSrc?: IconProps['imageSrc'];
     valueLabel?: string;
-    valueLabelAppearance?: AppearanceKeys;
+    valueLabelAppearance?: LabelProps['appearance'];
+    valueLabelAppearanceSize?: AppearanceSizeKey;
     valueLabelShape?: ShapeProps;
     valueLabelSize?: SizeProps;
-    valueLabelTextSize?: TextSizeProps;
-    valueTag?: ElementType;
-    valueTextAlign?: TextAlignProps;
-    valueTextColor?: TextColorProps;
-    valueTextSize?: TextSizeProps;
-    valueTextTruncate?: boolean;
-    valueTextWeight?: TextWeightProps;
-    valueTextWrap?: TextWrapProps;
+    valueLabelTextSize?: TextProps['size'];
+    valueTextAlign?: TextProps['textAlign'];
+    valueTextColor?: TextProps['textColor'];
+    valueTextSize?: TextProps['size'];
+    valueTextTruncate?: TextProps['textTruncate'];
+    valueTextWeight?: TextProps['textWeight'];
+    valueTextWrap?: TextProps['textWrap'];
     zeroGap?: boolean;
     zeroPadding?: boolean;
+};
+type CellProps = CellAppearanceProps & StyleAttributes & {
+    after?: string;
+    appearance?: CompositeAppearanceDefaultSizeStyleKey;
+    before?: string;
+    className?: string;
     isActive?: boolean;
-    isDisabled?: boolean;
     isEqual?: boolean;
+    isSameWidth?: boolean;
     onClick?: () => void;
     onMouseEnter?: () => void;
-    set?: string;
-}
-export {};
+    reverse?: boolean;
+    showTitleLabel?: boolean;
+    showValueLabel?: boolean;
+    title?: string;
+    titleIcon?: IconProps['SvgImage'];
+    titleLabel?: string;
+    titleTag?: ReactNode;
+    value?: string;
+    valueIcon?: IconProps['SvgImage'];
+    valueTag?: TextProps['tag'];
+};
+type AppearanceKeys = AppearanceKeysDefault | AppearanceSizeKey | AppearanceStyleKey;
+type CellAppearance = {
+    [key in AppearanceKeys]?: CellAppearanceProps;
+};
+type CellConfig = {
+    appearance: CellAppearance;
+    setAppearance: (appearanceConfig: CellAppearance) => void;
+};
+export type { CellAppearance, CellConfig, CellProps };

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

@@ -1,59 +1,3 @@
-declare const cellAppearanceSize: {
-    sizeXL: {
-        size: string;
-        titleLabelAppearanceSize: string;
-        titleTextSize: string;
-        valueLabelAppearanceSize: string;
-        valueTextSize: string;
-    };
-    sizeL: {
-        size: string;
-        titleLabelAppearanceSize: string;
-        titleTextSize: string;
-        valueLabelAppearanceSize: string;
-        valueTextSize: string;
-    };
-    sizeM: {
-        size: string;
-        titleLabelAppearanceSize: string;
-        titleTextSize: string;
-        valueLabelAppearanceSize: string;
-        valueTextSize: string;
-    };
-    sizeS: {
-        size: string;
-        titleLabelAppearanceSize: string;
-        titleTextSize: string;
-        valueLabelAppearanceSize: string;
-        valueTextSize: string;
-    };
-    sizeEqualL: {
-        size: string;
-        titleLabelAppearanceSize: string;
-        titleTextSize: string;
-        valueLabelAppearanceSize: string;
-        valueTextSize: string;
-    };
-    sizeEqualM: {
-        size: string;
-        titleLabelAppearanceSize: string;
-        titleTextSize: string;
-        valueLabelAppearanceSize: string;
-        valueTextSize: string;
-    };
-    sizeEqualS: {
-        size: string;
-        titleLabelAppearanceSize: string;
-        titleTextSize: string;
-        valueLabelAppearanceSize: string;
-        valueTextSize: string;
-    };
-    sizeEqualXL: {
-        size: string;
-        titleLabelAppearanceSize: string;
-        titleTextSize: string;
-        valueLabelAppearanceSize: string;
-        valueTextSize: string;
-    };
-};
+import { CellAppearance } from '../Cell.interface';
+declare const cellAppearanceSize: CellAppearance;
 export { cellAppearanceSize };

package/dist/types/components/Cell/appearance/cellStyle.d.ts

@@ -1,14 +1,3 @@
-declare const cellAppearanceStyle: {
-    solid: {
-        borderColor: string;
-    };
-    outlined: {
-        fill: string;
-    };
-    full: {};
-    ghost: {
-        fill: string;
-        borderColor: string;
-    };
-};
+import { CellAppearance } from '../Cell.interface';
+declare const cellAppearanceStyle: CellAppearance;
 export { cellAppearanceStyle };

package/dist/types/components/Cell/appearance/cellSurface.d.ts

@@ -1,55 +1,3 @@
-declare const cellAppearanceSurface: {
-    surfacePrimary: {
-        fill: string;
-        fillHover: string;
-        titleIconItemFill: string;
-        titleLabelAppearance: string;
-        titleTextColor: string;
-        titleTextSize: string;
-        labelTextColor: string;
-        borderColor: string;
-        valueIconItemFill: string;
-        valueLabelAppearance: string;
-        valueTextColor: string;
-    };
-    surfaceSecondary: {
-        fill: string;
-        fillHover: string;
-        titleIconItemFill: string;
-        titleLabelAppearance: string;
-        titleTextColor: string;
-        titleTextSize: string;
-        labelTextColor: string;
-        borderColor: string;
-        valueIconItemFill: string;
-        valueLabelAppearance: string;
-        valueTextColor: string;
-    };
-    surfaceTertiary: {
-        fill: string;
-        fillHover: string;
-        titleIconItemFill: string;
-        titleLabelAppearance: string;
-        titleTextColor: string;
-        titleTextSize: string;
-        labelTextColor: string;
-        borderColor: string;
-        valueIconItemFill: string;
-        valueLabelAppearance: string;
-        valueTextColor: string;
-    };
-    surfaceQuaternary: {
-        fill: string;
-        fillHover: string;
-        titleIconItemFill: string;
-        titleLabelAppearance: string;
-        titleTextColor: string;
-        titleTextSize: string;
-        labelTextColor: string;
-        borderColor: string;
-        valueIconItemFill: string;
-        valueLabelAppearance: string;
-        valueTextColor: string;
-    };
-};
+import { CellAppearance } from '../Cell.interface';
+declare const cellAppearanceSurface: CellAppearance;
 export { cellAppearanceSurface };

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

@@ -1,10 +1,18 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AlignDirectionProps, AlignProps, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, CompositeAppearanceKey, FillHoverProps, FillProps, ShapeProps, SizeProps, TextColorProps, TextSizeProps, TextWeightProps } from '@itcase/types';
+import { AlignDirectionProps, AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, WrapProps } from '@itcase/types';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-interface ChipsThemeColor {
-    [key: number | string | symbol]: any;
+import { BadgeProps } from '../Badge/Badge.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+type ChipsAppearanceProps = {
     align?: AlignProps;
     alignDirection?: AlignDirectionProps;
+    badgeAppearance?: BadgeProps['appearance'];
+    badgeShape?: BadgeProps['shape'];
+    badgeSize?: BadgeProps['size'];
+    badgeTextColor?: BadgeProps['textColor'];
+    badgeTextSize?: BadgeProps['textSize'];
+    badgeValue?: BadgeProps['value'];
     borderColor?: BorderColorProps;
     borderColorDesktop?: BorderColorProps;
     borderColorMobile?: BorderColorProps;
@@ -15,33 +23,87 @@ interface ChipsThemeColor {
     borderTypeTablet?: BorderTypeProps;
     fill?: FillProps;
     fillActive?: FillProps;
+    fillActiveHover?: FillActiveHoverProps;
     fillHover?: FillHoverProps;
-    labelTextActiveColor?: TextColorProps;
+    iconAfter?: IconProps['SvgImage'];
+    iconAfterFill?: IconProps['fill'];
+    iconAfterFillActiveIcon?: IconProps['iconFillIcon'];
+    iconAfterFillIcon?: IconProps['iconFillIcon'];
+    iconAfterFillSize?: IconProps['fillSize'];
+    iconAfterShape?: IconProps['shape'];
+    iconAfterSize?: IconProps['iconSize'];
+    iconAfterSrc?: IconProps['imageSrc'];
+    iconBefore?: IconProps['SvgImage'];
+    iconBeforeFill?: IconProps['fill'];
+    iconBeforeFillActiveIcon?: IconProps['iconFillIcon'];
+    iconBeforeFillIcon?: IconProps['iconFillIcon'];
+    iconBeforeFillSize?: IconProps['fillSize'];
+    iconBeforeShape?: IconProps['shape'];
+    iconBeforeSize?: IconProps['iconSize'];
+    iconBeforeSrc?: IconProps['imageSrc'];
+    labelTextActiveColor?: TextProps['textColorActive'];
+    labelTextActiveColorHover?: TextProps['textColorActiveHover'];
     labelTextColor?: TextColorProps;
-    labelTextSize?: TextSizeProps;
-    labelTextWeight?: TextWeightProps;
+    labelTextColorHover?: TextProps['textColorHover'];
+    labelTextSize?: TextProps['size'];
+    labelTextWeight?: TextProps['textWeight'];
+    labelTextWrap?: TextProps['textWrap'];
     shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
     size?: SizeProps;
-}
-type ChipsAppearance = {
-    [key in AppearanceKeysDefault]?: ChipsThemeColor;
 };
-interface ChipsConfig {
-    [key: number | string | symbol]: any;
-    appearance: ChipsAppearance | undefined;
-    setAppearance: (newComponent: ChipsAppearance) => void;
-}
-interface ChipsProps extends ChipsThemeColor, StyleAttributes {
-    [key: number | string | symbol]: any;
+type ChipsProps = ChipsAppearanceProps & StyleAttributes & {
     appearance?: CompositeAppearanceKey;
     children?: ReactNode;
     className?: string;
     cursor?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
     label?: string;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onClickIconAfter?: () => void;
+    onClickIconBefore?: () => void;
     style?: CSSProperties;
     type?: string;
-    isActive?: boolean;
-    isSkeleton?: boolean;
-    onClick?: () => void;
-}
-export type { ChipsThemeColor, ChipsAppearance, ChipsConfig, ChipsProps };
+};
+type ChipsGroupListItem = {
+    id?: string;
+    iconAfter?: ChipsProps['iconAfter'];
+    iconBefore?: ChipsProps['iconBefore'];
+    isActive?: ChipsProps['isActive'];
+    isDisabled?: ChipsProps['isDisabled'];
+    label?: ChipsProps['label'];
+};
+type ChipsGroupAppearanceProps = {
+    align?: AlignProps;
+    alignDirection?: AlignDirectionProps;
+    borderColor?: BorderColorProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
+    chipsAppearance?: ChipsProps['appearance'];
+    direction?: DirectionProps;
+    fill?: FillProps;
+    wrap?: WrapProps;
+};
+type ChipsGroupProps = ChipsGroupAppearanceProps & StyleAttributes & {
+    children?: ChipsProps['children'];
+    chipsList?: ChipsGroupListItem[];
+    className?: ChipsProps['className'];
+    dataTestId?: ChipsProps['dataTestId'];
+    dataTour?: ChipsProps['dataTour'];
+    horizontalScroll?: boolean;
+    onClick?: (item: ChipsGroupListItem, event: React.MouseEvent<HTMLDivElement>) => void;
+    style?: ChipsProps['style'];
+};
+type ChipsAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type ChipsAppearance = {
+    [key in ChipsAppearanceKey]?: ChipsAppearanceProps;
+};
+type ChipsConfig = {
+    appearance: ChipsAppearance;
+    setAppearance: (appearanceConfig: ChipsAppearance) => void;
+};
+export type { ChipsAppearance, ChipsConfig, ChipsGroupProps, ChipsProps };

package/dist/types/components/Chips/ChipsGroup.d.ts

@@ -1,2 +1,3 @@
-declare function ChipsGroup(props: any): import("react/jsx-runtime").JSX.Element;
+import { ChipsGroupProps } from './Chips.interface';
+declare function ChipsGroup(props: ChipsGroupProps): import("react/jsx-runtime").JSX.Element;
 export { ChipsGroup };

package/dist/types/components/Chips/appearance/chipsAccent.d.ts

@@ -1,24 +1,3 @@
-declare const chipsAppearanceAccent: {
-    accentMutedPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    accentPrimary: {
-        fill: string;
-        fillActive: string;
-        fillActiveHover: string;
-        fillHover: string;
-        labelTextActiveColor: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillActiveIcon: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillActiveIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { ChipsAppearance } from '../Chips.interface';
+declare const chipsAppearanceAccent: ChipsAppearance;
 export { chipsAppearanceAccent };

package/dist/types/components/Chips/appearance/chipsDanger.d.ts

@@ -1,17 +1,3 @@
-declare const chipsAppearanceDanger: {
-    dangerMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    dangerPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { ChipsAppearance } from '../Chips.interface';
+declare const chipsAppearanceDanger: ChipsAppearance;
 export { chipsAppearanceDanger };

package/dist/types/components/Chips/appearance/chipsDisabled.d.ts

@@ -1,14 +1,3 @@
-declare const chipsAppearanceDisabled: {
-    disabled: {
-        fill: string;
-        fillHover: string;
-        labelTextActiveColor: string;
-        labelTextActiveColorHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { ChipsAppearance } from '../Chips.interface';
+declare const chipsAppearanceDisabled: ChipsAppearance;
 export { chipsAppearanceDisabled };

package/dist/types/components/Chips/appearance/chipsError.d.ts

@@ -1,17 +1,3 @@
-declare const chipsAppearanceError: {
-    errorMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    errorPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { ChipsAppearance } from '../Chips.interface';
+declare const chipsAppearanceError: ChipsAppearance;
 export { chipsAppearanceError };

package/dist/types/components/Chips/appearance/chipsInfo.d.ts

@@ -1,17 +1,3 @@
-declare const chipsAppearanceInfo: {
-    infoMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    infoPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { ChipsAppearance } from '../Chips.interface';
+declare const chipsAppearanceInfo: ChipsAppearance;
 export { chipsAppearanceInfo };

package/dist/types/components/Chips/appearance/chipsPrimary.d.ts

@@ -1,17 +1,3 @@
-declare const chipsAppearancePrimary: {
-    primaryMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    primaryPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { ChipsAppearance } from '../Chips.interface';
+declare const chipsAppearancePrimary: ChipsAppearance;
 export { chipsAppearancePrimary };

package/dist/types/components/Chips/appearance/chipsSecondary.d.ts

@@ -1,17 +1,3 @@
-declare const chipsAppearanceSecondary: {
-    secondaryMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    secondaryPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { ChipsAppearance } from '../Chips.interface';
+declare const chipsAppearanceSecondary: ChipsAppearance;
 export { chipsAppearanceSecondary };

package/dist/types/components/Chips/appearance/chipsShape.d.ts

@@ -1,25 +1,3 @@
-declare const chipsAppearanceShape: {
-    circular: {
-        shape: string;
-    };
-    rounded: {
-        shape: string;
-    };
-    roundedS: {
-        shape: string;
-        shapeStrength: string;
-    };
-    roundedM: {
-        shape: string;
-        shapeStrength: string;
-    };
-    roundedL: {
-        shape: string;
-        shapeStrength: string;
-    };
-    roundedXL: {
-        shape: string;
-        shapeStrength: string;
-    };
-};
+import { ChipsAppearance } from '../Chips.interface';
+declare const chipsAppearanceShape: ChipsAppearance;
 export { chipsAppearanceShape };

package/dist/types/components/Chips/appearance/chipsSize.d.ts

@@ -1,45 +1,3 @@
-declare const chipsAppearanceSize: {
-    sizeXXL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterSize: number;
-        iconBeforeSize: number;
-    };
-    sizeXL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterSize: number;
-        iconBeforeSize: number;
-    };
-    sizeL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterSize: number;
-        iconBeforeSize: number;
-    };
-    sizeM: {
-        size: string;
-        labelTextSize: string;
-        iconAfterSize: number;
-        iconBeforeSize: number;
-    };
-    sizeS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterSize: number;
-        iconBeforeSize: number;
-    };
-    sizeXS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterSize: number;
-        iconBeforeSize: number;
-    };
-    sizeXXS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterSize: number;
-        iconBeforeSize: number;
-    };
-};
+import { ChipsAppearance } from '../Chips.interface';
+declare const chipsAppearanceSize: ChipsAppearance;
 export { chipsAppearanceSize };

package/dist/types/components/Chips/appearance/chipsStyle.d.ts

@@ -1,14 +1,3 @@
-declare const chipsAppearanceStyle: {
-    solid: {
-        borderColor: string;
-    };
-    outlined: {
-        fill: string;
-    };
-    full: {};
-    ghost: {
-        fill: string;
-        borderColor: string;
-    };
-};
+import { ChipsAppearance } from '../Chips.interface';
+declare const chipsAppearanceStyle: ChipsAppearance;
 export { chipsAppearanceStyle };