@itcase/ui 1.9.24 → 1.9.25

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 };

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

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

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

@@ -1,46 +1,3 @@
-declare const chipsAppearanceSurface: {
-    surfaceMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    surfacePrimary: {
-        fill: string;
-        fillActive: string;
-        fillActiveHover: string;
-        fillHover: string;
-        labelTextActiveColor: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        activeIconItemFill: string;
-        badgeAppearance: string;
-        iconAfterFillActiveIcon: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillActiveIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    surfaceSecondary: {
-        fill: string;
-        fillActive: string;
-        fillActiveHover: string;
-        fillHover: string;
-        labelTextActiveColor: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillActiveIcon: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillActiveIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    surfaceTertiary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        borderColor: string;
-    };
-};
+import { ChipsAppearance } from '../Chips.interface';
+declare const chipsAppearanceSurface: ChipsAppearance;
 export { chipsAppearanceSurface };

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

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

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

@@ -1,2 +1,2 @@
-import { CodeAppearanceType } from './Code.interface';
-export declare const codeAppearance: CodeAppearanceType;
+import { CodeAppearance } from './Code.interface';
+export declare const codeAppearance: CodeAppearance;

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

@@ -1,56 +1,55 @@
 import { FocusEvent, ReactNode } from 'react';
 import { AllowedInputTypes } from 'react-otp-input';
-import { AppearanceKeysDefault, BorderColorHoverProps, BorderColorProps, BorderWidthProps, FillHoverProps, FillProps, ItemColorProps, ShapeProps, SizeProps, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderWidthProps, FillHoverProps, FillProps, ItemColorProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface CodeThemeColor {
-    [key: number | string | symbol]: any;
+import { LabelProps } from '../Label/Label.interface';
+type CodeAppearanceProps = {
     borderColor?: BorderColorProps;
     fill?: FillProps;
     fillHover?: FillHoverProps;
-    labelTextColor?: TextColorProps;
-    labelTextSize?: TextSizeProps;
-    shape?: ShapeProps;
-}
-type AppearanceKeys = AppearanceKeysDefault & {};
-export type CodeAppearanceType = {
-    [key in AppearanceKeys]?: CodeThemeColor;
-};
-export interface CodeConfig {
-    [key: number | string | symbol]: any;
-    appearance: CodeAppearanceType | undefined;
-    setAppearance: (newComponent: CodeAppearanceType) => void;
-}
-export interface CodeProps extends CodeThemeColor, StyleAttributes {
-    [key: number | string | symbol]: any;
-    after?: ReactNode;
-    appearance?: AppearanceKeys;
-    before?: ReactNode;
-    className?: string;
-    gap?: string;
-    initialValue?: string;
-    inputAutoFocus?: boolean;
     inputBorderColor?: BorderColorProps;
     inputBorderColorHover?: BorderColorHoverProps;
     inputBorderFocusColor?: BorderColorProps;
     inputBorderWidth?: BorderWidthProps;
     inputCaretColor?: ItemColorProps;
-    inputCount?: number;
     inputFill?: FillProps;
     inputFillHover?: FillHoverProps;
-    inputPlaceholder?: string;
     inputPlaceholderTextColor?: TextColorProps;
     inputShape?: ShapeProps;
     inputSize?: SizeProps;
     inputTextColor?: TextColorProps;
     inputTextSize?: TextSizeProps;
     inputTextWeight?: TextWeightProps;
-    inputType?: AllowedInputTypes | undefined;
-    otp?: number | string;
-    separatorComponent?: ReactNode;
+    labelTextColor?: LabelProps['labelTextColor'];
+    labelTextSize?: LabelProps['labelTextSize'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
     width?: WidthProps;
-    isSkeleton: boolean;
+};
+type CodeProps = CodeAppearanceProps & StyleAttributes & {
+    after?: ReactNode;
+    appearance?: AppearanceKeys;
+    before?: ReactNode;
+    className?: string;
+    initialValue?: string;
+    inputAutoFocus?: boolean;
+    inputCount?: number;
+    inputPlaceholder?: string;
+    inputType?: AllowedInputTypes;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
     onBlur?: (arg0: FocusEvent) => void;
     onChange?: (otp: string) => void;
     onFocus?: (arg0: FocusEvent) => void;
-}
-export {};
+    separatorComponent?: ReactNode;
+};
+type AppearanceKeys = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type CodeAppearance = {
+    [key in AppearanceKeys]?: CodeAppearanceProps;
+};
+type CodeConfig = {
+    appearance: CodeAppearance;
+    setAppearance: (appearanceConfig: CodeAppearance) => void;
+};
+export type { CodeAppearance, CodeConfig, CodeProps };

package/dist/types/components/Code/appearance/codeDefault.d.ts

@@ -1,11 +1,3 @@
-declare const codeAppearanceDefault: {
-    defaultPrimary: {
-        inputBorderColor: string;
-        inputCaretColor: string;
-        inputFill: string;
-        inputFillHover: string;
-        inputPlaceholderTextColor: string;
-        inputTextColor: string;
-    };
-};
+import { CodeAppearance } from '../Code.interface';
+declare const codeAppearanceDefault: CodeAppearance;
 export { codeAppearanceDefault };

package/dist/types/components/Code/appearance/codeDisabled.d.ts

@@ -1,12 +1,3 @@
-declare const codeAppearanceDisabled: {
-    disabledPrimary: {
-        inputBorderColor: string;
-        inputBorderColorHover: string;
-        inputCaretColor: string;
-        inputFill: string;
-        inputFillHover: string;
-        inputPlaceholderTextColor: string;
-        inputTextColor: string;
-    };
-};
+import { CodeAppearance } from '../Code.interface';
+declare const codeAppearanceDisabled: CodeAppearance;
 export { codeAppearanceDisabled };

package/dist/types/components/Code/appearance/codeError.d.ts

@@ -1,12 +1,3 @@
-declare const codeAppearanceError: {
-    errorPrimary: {
-        inputBorderColor: string;
-        inputBorderColorHover: string;
-        inputCaretColor: string;
-        inputFill: string;
-        inputFillHover: string;
-        inputPlaceholderTextColor: string;
-        inputTextColor: string;
-    };
-};
+import { CodeAppearance } from '../Code.interface';
+declare const codeAppearanceError: CodeAppearance;
 export { codeAppearanceError };

package/dist/types/components/Code/appearance/codeRequire.d.ts

@@ -1,12 +1,3 @@
-declare const codeAppearanceRequire: {
-    requirePrimary: {
-        inputBorderColor: string;
-        inputBorderColorHover: string;
-        inputCaretColor: string;
-        inputFill: string;
-        inputFillHover: string;
-        inputPlaceholderTextColor: string;
-        inputTextColor: string;
-    };
-};
+import { CodeAppearance } from '../Code.interface';
+declare const codeAppearanceRequire: CodeAppearance;
 export { codeAppearanceRequire };

package/dist/types/components/Code/appearance/codeShape.d.ts

@@ -1,25 +1,3 @@
-declare const codeAppearanceShape: {
-    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 { CodeAppearance } from '../Code.interface';
+declare const codeAppearanceShape: CodeAppearance;
 export { codeAppearanceShape };

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

@@ -1,13 +1,3 @@
-declare const codeAppearanceSize: {
-    sizeL: {
-        size: string;
-        inputSize: string;
-        inputTextSize: string;
-    };
-    sizeM: {
-        size: string;
-        inputSize: string;
-        inputTextSize: string;
-    };
-};
+import { CodeAppearance } from '../Code.interface';
+declare const codeAppearanceSize: CodeAppearance;
 export { codeAppearanceSize };