@itcase/ui-web 1.9.90 → 1.9.92

package/dist/types/components/Checkbox/appearance/checkboxSuccess.d.ts

@@ -1,3 +1,16 @@
-import { CheckboxAppearance } from '../Checkbox.interface';
-declare const checkboxAppearanceSuccess: CheckboxAppearance;
+declare const checkboxAppearanceSuccess: {
+    successPrimary: {
+        fill: "successTertiary";
+        fillCheckbox: "successTertiary";
+        fillCheckboxActive: "successSecondary";
+        fillCheckboxActiveHover: "successActiveHoverPrimary";
+        fillCheckboxHover: "successHoverTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColorCheckbox: "successBorderSecondary";
+        borderColorCheckboxActive: "successBorderSecondary";
+        borderColorCheckboxActiveHover: "successBorderActivePrimary";
+        borderColorCheckboxHover: "successBorderHoverPrimary";
+    };
+};
 export { checkboxAppearanceSuccess };

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

@@ -1,3 +1,88 @@
-import { CheckmarkAppearance } from './Checkmark.interface';
-declare const checkmarkAppearance: CheckmarkAppearance;
+declare const checkmarkAppearance: {
+    errorPrimary: {
+        fill: "extraPrimary";
+        fillActive: "extraActivePrimary";
+        borderColor: "extraBorderTertiary";
+        borderWidth: "2";
+        checkmarkIconFill: "extraItemPrimary";
+    };
+    sizeXXL: {
+        size: "xxl";
+        checkmarkCheckedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        checkmarkNegativeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXL: {
+        size: "xl";
+        checkmarkCheckedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        checkmarkNegativeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeL: {
+        size: "l";
+        checkmarkCheckedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        checkmarkNegativeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeM: {
+        size: "m";
+        checkmarkCheckedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        checkmarkNegativeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeS: {
+        size: "s";
+        checkmarkCheckedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        checkmarkNegativeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXS: {
+        size: "xs";
+        checkmarkCheckedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        checkmarkNegativeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXXS: {
+        size: "xxs";
+        checkmarkCheckedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        checkmarkNegativeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillActive: "surfaceActivePrimary";
+        fillHover: "surfacePrimary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderPrimary";
+        borderWidth: "2";
+        checkmarkIconFill: "surfaceItemPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        fillActive: "surfaceActivePrimary";
+        fillHover: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderPrimary";
+        borderWidth: "2";
+        checkmarkIconFill: "surfaceItemPrimary";
+    };
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    disabledPrimary: {
+        fill: "surfaceDisabled";
+        fillActive: "surfaceDisabled";
+        borderColor: "surfaceBorderDisabled";
+        borderWidth: "2";
+        checkmarkIconFill: "surfaceItemDisabled";
+    };
+    accentPrimary: {
+        fill: "accentPrimary";
+        fillActive: "accentPrimary";
+        borderColor: "accentBorderPrimary";
+        borderWidth: "2";
+        checkmarkIconFill: "accentItemPrimary";
+    };
+};
 export { checkmarkAppearance };

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

@@ -1,5 +1,6 @@
 import { ElementType } from 'react';
-import { AppearanceConfig, AppearanceKeysDefault, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKeys, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, SizeProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysDefault, AppearanceSizeKey, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, BorderWidthProps, CompositeAppearanceKeys, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, SizeProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { IconProps } from '../Icon/Icon.interface';
 type CheckmarkAppearanceProps = {
@@ -36,4 +37,6 @@ type CheckmarkProps = CheckmarkAppearanceProps & StyleAttributes & {
 };
 type CheckmarkConfig = AppearanceConfig<AppearanceKeysDefault, CheckmarkAppearanceProps>;
 type CheckmarkAppearance = CheckmarkConfig['appearance'];
-export type { CheckmarkAppearance, CheckmarkConfig, CheckmarkProps };
+type CheckmarkAppearanceStyle = AppearanceRecord<AppearanceStyleKey, CheckmarkAppearanceProps, 'borderColor' | 'fill'>;
+type CheckmarkAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, CheckmarkAppearanceProps, 'checkmarkCheckedIcon' | 'checkmarkNegativeIcon' | 'size'>;
+export type { CheckmarkAppearance, CheckmarkAppearanceSize, CheckmarkAppearanceStyle, CheckmarkConfig, CheckmarkProps, };

package/dist/types/components/Checkmark/appearance/checkmarkAccent.d.ts

@@ -1,3 +1,10 @@
-import { CheckmarkAppearance } from '../Checkmark.interface';
-declare const checkmarkAppearanceAccent: CheckmarkAppearance;
+declare const checkmarkAppearanceAccent: {
+    accentPrimary: {
+        fill: "accentPrimary";
+        fillActive: "accentPrimary";
+        borderColor: "accentBorderPrimary";
+        borderWidth: "2";
+        checkmarkIconFill: "accentItemPrimary";
+    };
+};
 export { checkmarkAppearanceAccent };

package/dist/types/components/Checkmark/appearance/checkmarkDisabled.d.ts

@@ -1,3 +1,10 @@
-import { CheckmarkAppearance } from '../Checkmark.interface';
-declare const checkmarkAppearanceDisabled: CheckmarkAppearance;
+declare const checkmarkAppearanceDisabled: {
+    disabledPrimary: {
+        fill: "surfaceDisabled";
+        fillActive: "surfaceDisabled";
+        borderColor: "surfaceBorderDisabled";
+        borderWidth: "2";
+        checkmarkIconFill: "surfaceItemDisabled";
+    };
+};
 export { checkmarkAppearanceDisabled };

package/dist/types/components/Checkmark/appearance/checkmarkError.d.ts

@@ -1,3 +1,10 @@
-import { CheckmarkAppearance } from '../Checkmark.interface';
-declare const checkmarkAppearanceError: CheckmarkAppearance;
+declare const checkmarkAppearanceError: {
+    errorPrimary: {
+        fill: "extraPrimary";
+        fillActive: "extraActivePrimary";
+        borderColor: "extraBorderTertiary";
+        borderWidth: "2";
+        checkmarkIconFill: "extraItemPrimary";
+    };
+};
 export { checkmarkAppearanceError };

package/dist/types/components/Checkmark/appearance/checkmarkSize.d.ts

@@ -1,3 +1,38 @@
-import { CheckmarkAppearance } from '../Checkmark.interface';
-declare const checkmarkAppearanceSize: CheckmarkAppearance;
+declare const checkmarkAppearanceSize: {
+    sizeXXL: {
+        size: "xxl";
+        checkmarkCheckedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        checkmarkNegativeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXL: {
+        size: "xl";
+        checkmarkCheckedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        checkmarkNegativeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeL: {
+        size: "l";
+        checkmarkCheckedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        checkmarkNegativeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeM: {
+        size: "m";
+        checkmarkCheckedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        checkmarkNegativeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeS: {
+        size: "s";
+        checkmarkCheckedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        checkmarkNegativeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXS: {
+        size: "xs";
+        checkmarkCheckedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        checkmarkNegativeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+    sizeXXS: {
+        size: "xxs";
+        checkmarkCheckedIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        checkmarkNegativeIcon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+    };
+};
 export { checkmarkAppearanceSize };

package/dist/types/components/Checkmark/appearance/checkmarkStyle.d.ts

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

package/dist/types/components/Checkmark/appearance/checkmarkSurface.d.ts

@@ -1,3 +1,21 @@
-import { CheckmarkAppearance } from '../Checkmark.interface';
-declare const checkmarkAppearanceSurface: CheckmarkAppearance;
+declare const checkmarkAppearanceSurface: {
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillActive: "surfaceActivePrimary";
+        fillHover: "surfacePrimary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderPrimary";
+        borderWidth: "2";
+        checkmarkIconFill: "surfaceItemPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        fillActive: "surfaceActivePrimary";
+        fillHover: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderPrimary";
+        borderWidth: "2";
+        checkmarkIconFill: "surfaceItemPrimary";
+    };
+};
 export { checkmarkAppearanceSurface };

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

@@ -1,3 +1,246 @@
-import { ChipsAppearance } from './Chips.interface';
-declare const chipsAppearance: ChipsAppearance;
+declare const chipsAppearance: {
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+    warningMutedPrimary: {
+        fill: "warningTertiary";
+        labelTextColor: "warningTextSecondary";
+        borderColor: "warningBorderSecondary";
+        iconAfterFillIcon: "warningItemSecondary";
+        iconBeforeFillIcon: "warningItemSecondary";
+    };
+    warningPrimary: {
+        fill: "warningPrimary";
+        labelTextColor: "warningTextPrimary";
+        borderColor: "warningBorderSecondary";
+        iconAfterFillIcon: "warningItemPrimary";
+        iconBeforeFillIcon: "warningItemPrimary";
+    };
+    surfaceMutedPrimary: {
+        fill: "surfaceSecondary";
+        labelTextColor: "surfaceTextQuaternary";
+        borderColor: "surfaceBorderQuaternary";
+        iconAfterFillIcon: "surfaceItemQuaternary";
+        iconBeforeFillIcon: "surfaceItemQuaternary";
+    };
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillActive: "accentPrimary";
+        fillActiveHover: "accentSecondary";
+        fillHover: "surfaceHoverTertiary";
+        labelTextActiveColor: "accentTextPrimary";
+        labelTextColor: "surfaceTextPrimary";
+        labelTextColorHover: "surfaceTextPrimary";
+        borderColor: "surfaceBorderTertiary";
+        badgeAppearance: "surfacePrimary sizeXS solid";
+        iconAfterFillActiveIcon: "accentItemPrimary";
+        iconAfterFillIcon: "surfaceItemPrimary";
+        iconBeforeFillActiveIcon: "accentItemPrimary";
+        iconBeforeFillIcon: "surfaceItemPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        fillActive: "accentPrimary";
+        fillActiveHover: "accentSecondary";
+        fillHover: "surfaceHoverTertiary";
+        labelTextActiveColor: "accentTextPrimary";
+        labelTextColor: "surfaceTextPrimary";
+        labelTextColorHover: "surfaceTextPrimary";
+        borderColor: "surfaceBorderSecondary";
+        iconAfterFillActiveIcon: "accentItemPrimary";
+        iconAfterFillIcon: "surfaceItemPrimary";
+        iconBeforeFillActiveIcon: "accentItemPrimary";
+        iconBeforeFillIcon: "surfaceItemPrimary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        fillHover: "surfaceHoverTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderTertiary";
+    };
+    successMutedPrimary: {
+        fill: "successTertiary";
+        labelTextColor: "successTextQuaternary";
+        borderColor: "successBorderQuaternary";
+        iconAfterFillIcon: "successItemQuaternary";
+        iconBeforeFillIcon: "successItemQuaternary";
+    };
+    successPrimary: {
+        fill: "successPrimary";
+        labelTextColor: "successTextPrimary";
+        borderColor: "successBorderSecondary";
+        iconAfterFillIcon: "successItemPrimary";
+        iconBeforeFillIcon: "successItemPrimary";
+    };
+    extraMutedPrimary: {
+        fill: "extraTertiary";
+        labelTextColor: "extraTextQuaternary";
+        borderColor: "extraBorderSecondary";
+        iconAfterFillIcon: "extraItemQuaternary";
+        iconBeforeFillIcon: "extraItemQuaternary";
+    };
+    extraPrimary: {
+        fill: "extraPrimary";
+        labelTextColor: "extraTextPrimary";
+        borderColor: "extraBorderSecondary";
+        iconAfterFillIcon: "extraItemPrimary";
+        iconBeforeFillIcon: "extraItemPrimary";
+    };
+    specialMutedPrimary: {
+        fill: "specialTertiary";
+        labelTextColor: "specialTextSecondary";
+        borderColor: "specialBorderSecondary";
+        iconAfterFillIcon: "specialItemSecondary";
+        iconBeforeFillIcon: "specialItemSecondary";
+    };
+    specialPrimary: {
+        fill: "specialPrimary";
+        labelTextColor: "specialTextPrimary";
+        borderColor: "specialBorderSecondary";
+        iconAfterFillIcon: "specialItemPrimary";
+        iconBeforeFillIcon: "specialItemPrimary";
+    };
+    disabledPrimary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceHoverSecondary";
+        labelTextActiveColor: "surfaceTextActiveQuaternary";
+        labelTextActiveColorHover: "surfaceTextActiveHoverQuaternary";
+        labelTextColor: "surfaceTextQuaternary";
+        labelTextColorHover: "surfaceTextQuaternary";
+        borderColor: "disabledBorderPrimary";
+        iconAfterFillIcon: "disabledItemPrimary";
+        iconBeforeFillIcon: "disabledItemPrimary";
+    };
+    infoMutedPrimary: {
+        fill: "infoTertiary";
+        labelTextColor: "infoTextSecondary";
+        borderColor: "infoBorderSecondary";
+        iconAfterFillIcon: "infoItemPrimary";
+        iconBeforeFillIcon: "infoItemPrimary";
+    };
+    infoPrimary: {
+        fill: "infoPrimary";
+        labelTextColor: "infoTextPrimary";
+        borderColor: "infoBorderPrimary";
+        iconAfterFillIcon: "infoItemPrimary";
+        iconBeforeFillIcon: "infoItemPrimary";
+    };
+    errorMutedPrimary: {
+        fill: "errorTertiary";
+        labelTextColor: "errorTextQuaternary";
+        borderColor: "errorBorderQuaternary";
+        iconAfterFillIcon: "errorItemQuaternary";
+        iconBeforeFillIcon: "errorItemQuaternary";
+    };
+    errorPrimary: {
+        fill: "errorPrimary";
+        labelTextColor: "errorTextPrimary";
+        borderColor: "errorBorderSecondary";
+        iconAfterFillIcon: "errorItemPrimary";
+        iconBeforeFillIcon: "errorItemPrimary";
+    };
+    dangerMutedPrimary: {
+        fill: "dangerTertiary";
+        labelTextColor: "dangerTextQuaternary";
+        borderColor: "dangerBorderQuaternary";
+        iconAfterFillIcon: "dangerItemQuaternary";
+        iconBeforeFillIcon: "dangerItemQuaternary";
+    };
+    dangerPrimary: {
+        fill: "dangerPrimary";
+        labelTextColor: "dangerTextPrimary";
+        borderColor: "dangerBorderSecondary";
+        iconAfterFillIcon: "dangerItemPrimary";
+        iconBeforeFillIcon: "dangerItemPrimary";
+    };
+    accentMutedPrimary: {
+        fill: "accentTertiary";
+        fillHover: "accentHoverPrimary";
+        labelTextColor: "accentTextSecondary";
+        borderColor: "accentBorderSecondary";
+        iconAfterFillIcon: "accentItemQuaternary";
+        iconBeforeFillIcon: "accentItemQuaternary";
+    };
+    accentPrimary: {
+        fill: "accentPrimary";
+        fillActive: "accentPrimary";
+        fillActiveHover: "accentActiveHoverPrimary";
+        fillHover: "accentHoverPrimary";
+        labelTextActiveColor: "accentTextPrimary";
+        labelTextColor: "accentTextPrimary";
+        borderColor: "accentBorderPrimary";
+        iconAfterFillActiveIcon: "accentItemPrimary";
+        iconAfterFillIcon: "accentItemPrimary";
+        iconBeforeFillActiveIcon: "accentItemPrimary";
+        iconBeforeFillIcon: "accentItemPrimary";
+    };
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    sizeXXL: {
+        size: "xxl";
+        labelTextSize: "xl";
+        iconAfterSize: "24";
+        iconBeforeSize: "24";
+    };
+    sizeXL: {
+        size: "xl";
+        labelTextSize: "m";
+        iconAfterSize: "20";
+        iconBeforeSize: "20";
+    };
+    sizeL: {
+        size: "l";
+        labelTextSize: "m";
+        iconAfterSize: "16";
+        iconBeforeSize: "16";
+    };
+    sizeM: {
+        size: "m";
+        labelTextSize: "s";
+        iconAfterSize: "16";
+        iconBeforeSize: "16";
+    };
+    sizeS: {
+        size: "s";
+        labelTextSize: "s";
+        iconAfterSize: "16";
+        iconBeforeSize: "16";
+    };
+    sizeXS: {
+        size: "xs";
+        labelTextSize: "xs";
+        iconAfterSize: "14";
+        iconBeforeSize: "14";
+    };
+    sizeXXS: {
+        size: "xxs";
+        labelTextSize: "xxs";
+        iconAfterSize: "14";
+        iconBeforeSize: "14";
+    };
+};
 export { chipsAppearance };

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

@@ -1,5 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AlignProps, AppearanceConfig, AppearanceKeysDefault, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextColorProps, WrapProps } from '@itcase/types-ui';
+import { AlignProps, AppearanceConfig, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceKeys, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextColorProps, WrapProps } 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';
@@ -103,4 +104,7 @@ type ChipsGroupProps = ChipsGroupAppearanceProps & StyleAttributes & {
 };
 type ChipsConfig = AppearanceConfig<AppearanceKeysDefault, ChipsAppearanceProps>;
 type ChipsAppearance = ChipsConfig['appearance'];
-export type { ChipsAppearance, ChipsConfig, ChipsGroupProps, ChipsProps };
+type ChipsAppearanceStyle = AppearanceRecord<AppearanceStyleKey, ChipsAppearanceProps, 'borderColor' | 'fill'>;
+type ChipsAppearanceShape = Partial<Record<AppearanceShapeKey, Partial<Pick<ChipsAppearanceProps, 'shape'>>>>;
+type ChipsAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, ChipsAppearanceProps, Extract<keyof ChipsAppearanceProps, 'iconAfterSize' | 'iconBeforeSize' | 'labelTextSize' | 'size'>>;
+export type { ChipsAppearance, ChipsAppearanceShape, ChipsAppearanceSize, ChipsAppearanceStyle, ChipsConfig, ChipsGroupProps, ChipsProps, };

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

@@ -1,3 +1,24 @@
-import { ChipsAppearance } from '../Chips.interface';
-declare const chipsAppearanceAccent: ChipsAppearance;
+declare const chipsAppearanceAccent: {
+    accentMutedPrimary: {
+        fill: "accentTertiary";
+        fillHover: "accentHoverPrimary";
+        labelTextColor: "accentTextSecondary";
+        borderColor: "accentBorderSecondary";
+        iconAfterFillIcon: "accentItemQuaternary";
+        iconBeforeFillIcon: "accentItemQuaternary";
+    };
+    accentPrimary: {
+        fill: "accentPrimary";
+        fillActive: "accentPrimary";
+        fillActiveHover: "accentActiveHoverPrimary";
+        fillHover: "accentHoverPrimary";
+        labelTextActiveColor: "accentTextPrimary";
+        labelTextColor: "accentTextPrimary";
+        borderColor: "accentBorderPrimary";
+        iconAfterFillActiveIcon: "accentItemPrimary";
+        iconAfterFillIcon: "accentItemPrimary";
+        iconBeforeFillActiveIcon: "accentItemPrimary";
+        iconBeforeFillIcon: "accentItemPrimary";
+    };
+};
 export { chipsAppearanceAccent };

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

@@ -1,3 +1,17 @@
-import { ChipsAppearance } from '../Chips.interface';
-declare const chipsAppearanceDanger: ChipsAppearance;
+declare const chipsAppearanceDanger: {
+    dangerMutedPrimary: {
+        fill: "dangerTertiary";
+        labelTextColor: "dangerTextQuaternary";
+        borderColor: "dangerBorderQuaternary";
+        iconAfterFillIcon: "dangerItemQuaternary";
+        iconBeforeFillIcon: "dangerItemQuaternary";
+    };
+    dangerPrimary: {
+        fill: "dangerPrimary";
+        labelTextColor: "dangerTextPrimary";
+        borderColor: "dangerBorderSecondary";
+        iconAfterFillIcon: "dangerItemPrimary";
+        iconBeforeFillIcon: "dangerItemPrimary";
+    };
+};
 export { chipsAppearanceDanger };

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

@@ -1,3 +1,14 @@
-import { ChipsAppearance } from '../Chips.interface';
-declare const chipsAppearanceDisabled: ChipsAppearance;
+declare const chipsAppearanceDisabled: {
+    disabledPrimary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceHoverSecondary";
+        labelTextActiveColor: "surfaceTextActiveQuaternary";
+        labelTextActiveColorHover: "surfaceTextActiveHoverQuaternary";
+        labelTextColor: "surfaceTextQuaternary";
+        labelTextColorHover: "surfaceTextQuaternary";
+        borderColor: "disabledBorderPrimary";
+        iconAfterFillIcon: "disabledItemPrimary";
+        iconBeforeFillIcon: "disabledItemPrimary";
+    };
+};
 export { chipsAppearanceDisabled };

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

@@ -1,3 +1,17 @@
-import { ChipsAppearance } from '../Chips.interface';
-declare const chipsAppearanceError: ChipsAppearance;
+declare const chipsAppearanceError: {
+    errorMutedPrimary: {
+        fill: "errorTertiary";
+        labelTextColor: "errorTextQuaternary";
+        borderColor: "errorBorderQuaternary";
+        iconAfterFillIcon: "errorItemQuaternary";
+        iconBeforeFillIcon: "errorItemQuaternary";
+    };
+    errorPrimary: {
+        fill: "errorPrimary";
+        labelTextColor: "errorTextPrimary";
+        borderColor: "errorBorderSecondary";
+        iconAfterFillIcon: "errorItemPrimary";
+        iconBeforeFillIcon: "errorItemPrimary";
+    };
+};
 export { chipsAppearanceError };

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

@@ -1,3 +1,17 @@
-import { ChipsAppearance } from '../Chips.interface';
-declare const chipsAppearanceExtra: ChipsAppearance;
+declare const chipsAppearanceExtra: {
+    extraMutedPrimary: {
+        fill: "extraTertiary";
+        labelTextColor: "extraTextQuaternary";
+        borderColor: "extraBorderSecondary";
+        iconAfterFillIcon: "extraItemQuaternary";
+        iconBeforeFillIcon: "extraItemQuaternary";
+    };
+    extraPrimary: {
+        fill: "extraPrimary";
+        labelTextColor: "extraTextPrimary";
+        borderColor: "extraBorderSecondary";
+        iconAfterFillIcon: "extraItemPrimary";
+        iconBeforeFillIcon: "extraItemPrimary";
+    };
+};
 export { chipsAppearanceExtra };

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

@@ -1,3 +1,17 @@
-import { ChipsAppearance } from '../Chips.interface';
-declare const chipsAppearanceInfo: ChipsAppearance;
+declare const chipsAppearanceInfo: {
+    infoMutedPrimary: {
+        fill: "infoTertiary";
+        labelTextColor: "infoTextSecondary";
+        borderColor: "infoBorderSecondary";
+        iconAfterFillIcon: "infoItemPrimary";
+        iconBeforeFillIcon: "infoItemPrimary";
+    };
+    infoPrimary: {
+        fill: "infoPrimary";
+        labelTextColor: "infoTextPrimary";
+        borderColor: "infoBorderPrimary";
+        iconAfterFillIcon: "infoItemPrimary";
+        iconBeforeFillIcon: "infoItemPrimary";
+    };
+};
 export { chipsAppearanceInfo };