@itcase/ui-web 1.9.89 → 1.9.91

package/dist/types/components/Button/appearance/buttonSuccess.d.ts

@@ -1,3 +1,24 @@
-import { ButtonAppearance } from '../Button.interface';
-declare const buttonAppearanceSuccess: ButtonAppearance;
+declare const buttonAppearanceSuccess: {
+    successMutedPrimary: {
+        fill: "successTertiary";
+        fillHover: "successHoverPrimary";
+        labelTextColor: "successTextQuaternary";
+        labelTextColorHover: "successTextQuaternary";
+        borderColor: "successBorderQuaternary";
+        iconAfterFillIcon: "successItemQuaternary";
+        iconBeforeFillIcon: "successItemQuaternary";
+        iconFillIcon: "successItemQuaternary";
+        loaderAppearance: "successTertiary";
+    };
+    successPrimary: {
+        fill: "successPrimary";
+        fillHover: "successHoverPrimary";
+        labelTextColor: "successTextPrimary";
+        labelTextColorHover: "successTextPrimary";
+        iconAfterFillIcon: "successItemPrimary";
+        iconBeforeFillIcon: "successItemPrimary";
+        iconFillIcon: "successItemPrimary";
+        loaderAppearance: "successPrimary";
+    };
+};
 export { buttonAppearanceSuccess };

package/dist/types/components/Button/appearance/buttonSurface.d.ts

@@ -1,3 +1,52 @@
-import { ButtonAppearance } from '../Button.interface';
-declare const buttonAppearanceSurface: ButtonAppearance;
+declare const buttonAppearanceSurface: {
+    surfaceMutedPrimary: {
+        fill: "surfaceTertiary";
+        fillHover: "surfaceTertiary";
+        labelTextColor: "surfaceTextQuaternary";
+        borderColor: "surfaceBorderQuaternary";
+        iconAfterFillIcon: "surfaceItemQuaternary";
+        iconBeforeFillIcon: "surfaceItemQuaternary";
+        iconFillIcon: "surfaceItemQuaternary";
+        loaderAppearance: "surfaceTertiary";
+    };
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillHover: "surfaceSecondary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderTertiary";
+        iconAfterFillIcon: "surfaceItemPrimary";
+        iconBeforeFillIcon: "surfaceItemPrimary";
+        iconFillIcon: "surfaceItemPrimary";
+        loaderAppearance: "surfacePrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceTertiary";
+        fillHover: "surfaceTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderTertiary";
+        iconAfterFillIcon: "surfaceItemPrimary";
+        iconBeforeFillIcon: "surfaceItemPrimary";
+        iconFillIcon: "surfaceItemPrimary";
+        loaderAppearance: "surfacePrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderTertiary";
+        iconAfterFillIcon: "surfaceItemPrimary";
+        iconBeforeFillIcon: "surfaceItemPrimary";
+        iconFillIcon: "surfaceItemPrimary";
+        loaderAppearance: "surfacePrimary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        fillHover: "surfaceSecondary";
+        labelTextColor: "surfaceTextPrimary";
+        iconAfterFillIcon: "surfaceItemPrimary";
+        iconBeforeFillIcon: "surfaceItemPrimary";
+        iconFillIcon: "surfaceItemPrimary";
+        loaderAppearance: "surfacePrimary";
+    };
+};
 export { buttonAppearanceSurface };

package/dist/types/components/Button/appearance/buttonWarning.d.ts

@@ -1,3 +1,24 @@
-import { ButtonAppearance } from '../Button.interface';
-declare const buttonAppearanceWarning: ButtonAppearance;
+declare const buttonAppearanceWarning: {
+    warningMutedPrimary: {
+        fill: "warningTertiary";
+        fillHover: "warningHoverPrimary";
+        labelTextColor: "warningTextSecondary";
+        labelTextColorHover: "warningTextPrimary";
+        borderColor: "warningBorderPrimary";
+        iconAfterFillIcon: "warningItemSecondary";
+        iconBeforeFillIcon: "warningItemSecondary";
+        iconFillIcon: "warningItemSecondary";
+        loaderAppearance: "warningTertiary";
+    };
+    warningPrimary: {
+        fill: "warningPrimary";
+        fillHover: "warningHoverPrimary";
+        labelTextColor: "warningTextPrimary";
+        labelTextColorHover: "warningTextPrimary";
+        iconAfterFillIcon: "warningItemPrimary";
+        iconBeforeFillIcon: "warningItemPrimary";
+        iconFillIcon: "warningItemPrimary";
+        loaderAppearance: "warningPrimary";
+    };
+};
 export { buttonAppearanceWarning };

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

@@ -1,3 +1,118 @@
-import { CellAppearance } from './Cell.interface';
-declare const cellAppearance: CellAppearance;
+declare const cellAppearance: {
+    surfacePrimary: {
+        fill: "surfacePrimary";
+        fillHover: "surfacePrimary";
+        titleIconItemFill: "surfaceItemPrimary";
+        titleLabelAppearance: "accentPrimary";
+        titleTextColor: "surfaceTextPrimary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderPrimary";
+        valueIconItemFill: "surfaceItemPrimary";
+        valueLabelAppearance: "accentPrimary";
+        valueTextColor: "surfaceTextPrimary";
+    };
+    surfaceQuaternary: {
+        fill: "surfaceQuaternary";
+        fillHover: "surfaceQuaternary";
+        titleIconItemFill: "surfaceItemPrimary";
+        titleLabelAppearance: "accentPrimary";
+        titleTextColor: "surfaceTextPrimary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderPrimary";
+        valueIconItemFill: "surfaceItemPrimary";
+        valueLabelAppearance: "accentPrimary";
+        valueTextColor: "surfaceTextPrimary";
+    };
+    surfaceSecondary: {
+        fill: "surfaceSecondary";
+        fillHover: "surfaceSecondary";
+        titleIconItemFill: "surfaceItemPrimary";
+        titleLabelAppearance: "accentPrimary";
+        titleTextColor: "surfaceTextPrimary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderPrimary";
+        valueIconItemFill: "surfaceItemPrimary";
+        valueLabelAppearance: "accentPrimary";
+        valueTextColor: "surfaceTextPrimary";
+    };
+    surfaceTertiary: {
+        fill: "surfaceTertiary";
+        fillHover: "surfaceTertiary";
+        titleIconItemFill: "surfaceItemPrimary";
+        titleLabelAppearance: "accentPrimary";
+        titleTextColor: "surfaceTextPrimary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderPrimary";
+        valueIconItemFill: "surfaceItemPrimary";
+        valueLabelAppearance: "accentPrimary";
+        valueTextColor: "surfaceTextPrimary";
+    };
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    sizeXL: {
+        size: "xl";
+        titleLabelAppearanceSize: "sizeXS";
+        titleTextSize: "l";
+        valueLabelAppearanceSize: "sizeS";
+        valueTextSize: "xl";
+    };
+    sizeL: {
+        size: "l";
+        titleLabelAppearanceSize: "sizeXS";
+        titleTextSize: "m";
+        valueLabelAppearanceSize: "sizeS";
+        valueTextSize: "l";
+    };
+    sizeM: {
+        size: "m";
+        titleLabelAppearanceSize: "sizeXS";
+        titleTextSize: "s";
+        valueLabelAppearanceSize: "sizeS";
+        valueTextSize: "m";
+    };
+    sizeS: {
+        size: "s";
+        titleLabelAppearanceSize: "sizeXS";
+        titleTextSize: "xs";
+        valueLabelAppearanceSize: "sizeS";
+        valueTextSize: "s";
+    };
+    sizeEqualL: {
+        size: "l";
+        titleLabelAppearanceSize: "sizeS";
+        titleTextSize: "l";
+        valueLabelAppearanceSize: "sizeS";
+        valueTextSize: "l";
+    };
+    sizeEqualM: {
+        size: "m";
+        titleLabelAppearanceSize: "sizeS";
+        titleTextSize: "m";
+        valueLabelAppearanceSize: "sizeS";
+        valueTextSize: "m";
+    };
+    sizeEqualS: {
+        size: "s";
+        titleLabelAppearanceSize: "sizeXS";
+        titleTextSize: "s";
+        valueLabelAppearanceSize: "sizeXS";
+        valueTextSize: "s";
+    };
+    sizeEqualXL: {
+        size: "xl";
+        titleLabelAppearanceSize: "sizeS";
+        titleTextSize: "xl";
+        valueLabelAppearanceSize: "sizeS";
+        valueTextSize: "xl";
+    };
+};
 export { cellAppearance };

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

@@ -1,4 +1,5 @@
-import { AppearanceConfig, AppearanceKeysDefault, AppearanceSizeKey, BorderColorActiveProps, BorderColorProps, CompositeAppearanceEqualKeys, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextColorProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysDefault, AppearanceSizeEqualKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorActiveProps, BorderColorProps, CompositeAppearanceEqualKeys, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, SizeProps, TextColorProps } 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';
 import { LabelProps } from '../Label/Label.interface';
@@ -79,4 +80,6 @@ type CellProps = CellAppearanceProps & StyleAttributes & {
 };
 type CellConfig = AppearanceConfig<AppearanceKeysDefault, CellAppearanceProps>;
 type CellAppearance = CellConfig['appearance'];
-export type { CellAppearance, CellConfig, CellProps };
+type CellAppearanceStyle = AppearanceRecord<AppearanceStyleKey, CellAppearanceProps, 'borderColor' | 'fill'>;
+type CellAppearanceSize = AppearancePartialRecord<AppearanceSizeEqualKey | AppearanceSizeKey, CellAppearanceProps, 'size' | 'titleLabelAppearanceSize' | 'titleTextSize' | 'valueLabelAppearanceSize' | 'valueTextSize'>;
+export type { CellAppearance, CellAppearanceSize, CellAppearanceStyle, CellConfig, CellProps, };

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

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

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

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

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

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

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

@@ -1,3 +1,110 @@
-import { CheckboxAppearance } from './Checkbox.interface';
-declare const checkboxAppearance: CheckboxAppearance;
+declare const checkboxAppearance: {
+    rounded: {
+        shape: "rounded";
+    };
+    solid: {
+        borderColorCheckbox: "none";
+        borderColorCheckboxActive: "none";
+        borderColorCheckboxActiveHover: "none";
+        borderColorCheckboxHover: "none";
+    };
+    outlined: {
+        fill: "none";
+        fillHover: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        fillHover: "none";
+        borderColorCheckbox: "none";
+        borderColorCheckboxActive: "none";
+        borderColorCheckboxActiveHover: "none";
+        borderColorCheckboxHover: "none";
+    };
+    sizeXL: {
+        size: "xl";
+        labelTextSize: "s";
+        descTextSize: "xs";
+    };
+    sizeL: {
+        size: "l";
+        labelTextSize: "s";
+        descTextSize: "xs";
+    };
+    sizeM: {
+        size: "m";
+        labelTextSize: "m";
+        descTextSize: "xs";
+    };
+    sizeS: {
+        size: "s";
+        labelTextSize: "s";
+        descTextSize: "xs";
+    };
+    disabledPrimary: {
+        fill: "surfaceSecondary";
+        fillCheckbox: "surfaceSecondary";
+        fillCheckboxActive: "surfaceQuaternary";
+        fillCheckboxActiveHover: "surfaceActiveHoverTertiary";
+        fillCheckboxHover: "surfaceHoverTertiary";
+        labelTextColor: "disabledTextSecondary";
+        descTextColor: "disabledTextSecondary";
+        borderColorCheckbox: "surfaceBorderQuaternary";
+        borderColorCheckboxActive: "surfaceBorderQuaternary";
+        borderColorCheckboxActiveHover: "surfaceBorderActivePrimary";
+        borderColorCheckboxHover: "surfaceBorderHoverPrimary";
+    };
+    requirePrimary: {
+        fill: "warningTertiary";
+        fillCheckbox: "warningTertiary";
+        fillCheckboxActive: "warningPrimary";
+        fillCheckboxActiveHover: "warningActiveHoverPrimary";
+        fillCheckboxHover: "warningHoverTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColorCheckbox: "warningBorderSecondary";
+        borderColorCheckboxActive: "warningBorderSecondary";
+        borderColorCheckboxActiveHover: "warningBorderActivePrimary";
+        borderColorCheckboxHover: "warningBorderHoverPrimary";
+    };
+    successPrimary: {
+        fill: "successTertiary";
+        fillCheckbox: "successTertiary";
+        fillCheckboxActive: "successSecondary";
+        fillCheckboxActiveHover: "successActiveHoverPrimary";
+        fillCheckboxHover: "successHoverTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColorCheckbox: "successBorderSecondary";
+        borderColorCheckboxActive: "successBorderSecondary";
+        borderColorCheckboxActiveHover: "successBorderActivePrimary";
+        borderColorCheckboxHover: "successBorderHoverPrimary";
+    };
+    errorPrimary: {
+        fill: "errorTertiary";
+        fillCheckbox: "errorTertiary";
+        fillCheckboxActive: "errorQuaternary";
+        fillCheckboxActiveHover: "errorActiveHoverPrimary";
+        fillCheckboxHover: "errorHoverTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColorCheckbox: "errorBorderQuaternary";
+        borderColorCheckboxActive: "errorBorderActiveQuaternary";
+        borderColorCheckboxActiveHover: "errorBorderActivePrimary";
+        borderColorCheckboxHover: "errorBorderHoverPrimary";
+    };
+    defaultPrimary: {
+        fill: "surfaceSecondary";
+        fillCheckbox: "surfaceSecondary";
+        fillCheckboxActive: "surfaceQuaternary";
+        fillCheckboxActiveHover: "surfaceActiveHoverTertiary";
+        fillCheckboxHover: "surfaceHoverTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColorCheckbox: "surfaceBorderQuaternary";
+        borderColorCheckboxActive: "surfaceBorderQuaternary";
+        borderColorCheckboxActiveHover: "surfaceBorderActivePrimary";
+        borderColorCheckboxHover: "surfaceBorderHoverPrimary";
+    };
+};
 export { checkboxAppearance };

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

@@ -1,5 +1,6 @@
 import type { ElementType, ReactNode } from 'react';
-import { AppearanceConfig, AppearanceKeysState, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysState, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import type { StyleAttributes } from '@itcase/ui-core/hooks';
 import { TextProps } from '../Text/Text.interface';
 type CheckboxAppearanceProps = {
@@ -56,4 +57,7 @@ type CheckboxProps = CheckboxAppearanceProps & StyleAttributes & {
 };
 type CheckboxConfig = AppearanceConfig<AppearanceKeysState, CheckboxAppearanceProps>;
 type CheckboxAppearance = CheckboxConfig['appearance'];
-export type { CheckboxAppearance, CheckboxConfig, CheckboxProps };
+type CheckboxAppearanceStyle = AppearanceRecord<AppearanceStyleKey, CheckboxAppearanceProps, 'borderColorCheckbox' | 'borderColorCheckboxActive' | 'borderColorCheckboxActiveHover' | 'borderColorCheckboxHover' | 'fill' | 'fillHover'>;
+type CheckboxAppearanceShape = AppearancePartialRecord<AppearanceShapeKey, CheckboxAppearanceProps, 'shape'>;
+type CheckboxAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, CheckboxAppearanceProps, 'descTextSize' | 'labelTextSize' | 'size'>;
+export type { CheckboxAppearance, CheckboxAppearanceShape, CheckboxAppearanceSize, CheckboxAppearanceStyle, CheckboxConfig, CheckboxProps, };

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

@@ -1,3 +1,16 @@
-import { CheckboxAppearance } from '../Checkbox.interface';
-declare const checkboxAppearanceDefault: CheckboxAppearance;
+declare const checkboxAppearanceDefault: {
+    defaultPrimary: {
+        fill: "surfaceSecondary";
+        fillCheckbox: "surfaceSecondary";
+        fillCheckboxActive: "surfaceQuaternary";
+        fillCheckboxActiveHover: "surfaceActiveHoverTertiary";
+        fillCheckboxHover: "surfaceHoverTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColorCheckbox: "surfaceBorderQuaternary";
+        borderColorCheckboxActive: "surfaceBorderQuaternary";
+        borderColorCheckboxActiveHover: "surfaceBorderActivePrimary";
+        borderColorCheckboxHover: "surfaceBorderHoverPrimary";
+    };
+};
 export { checkboxAppearanceDefault };

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

@@ -1,3 +1,16 @@
-import { CheckboxAppearance } from '../Checkbox.interface';
-declare const checkboxAppearanceDisabled: CheckboxAppearance;
+declare const checkboxAppearanceDisabled: {
+    disabledPrimary: {
+        fill: "surfaceSecondary";
+        fillCheckbox: "surfaceSecondary";
+        fillCheckboxActive: "surfaceQuaternary";
+        fillCheckboxActiveHover: "surfaceActiveHoverTertiary";
+        fillCheckboxHover: "surfaceHoverTertiary";
+        labelTextColor: "disabledTextSecondary";
+        descTextColor: "disabledTextSecondary";
+        borderColorCheckbox: "surfaceBorderQuaternary";
+        borderColorCheckboxActive: "surfaceBorderQuaternary";
+        borderColorCheckboxActiveHover: "surfaceBorderActivePrimary";
+        borderColorCheckboxHover: "surfaceBorderHoverPrimary";
+    };
+};
 export { checkboxAppearanceDisabled };

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

@@ -1,3 +1,16 @@
-import { CheckboxAppearance } from '../Checkbox.interface';
-declare const checkboxAppearanceError: CheckboxAppearance;
+declare const checkboxAppearanceError: {
+    errorPrimary: {
+        fill: "errorTertiary";
+        fillCheckbox: "errorTertiary";
+        fillCheckboxActive: "errorQuaternary";
+        fillCheckboxActiveHover: "errorActiveHoverPrimary";
+        fillCheckboxHover: "errorHoverTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColorCheckbox: "errorBorderQuaternary";
+        borderColorCheckboxActive: "errorBorderActiveQuaternary";
+        borderColorCheckboxActiveHover: "errorBorderActivePrimary";
+        borderColorCheckboxHover: "errorBorderHoverPrimary";
+    };
+};
 export { checkboxAppearanceError };

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

@@ -1,3 +1,16 @@
-import { CheckboxAppearance } from '../Checkbox.interface';
-declare const checkboxAppearanceRequire: CheckboxAppearance;
+declare const checkboxAppearanceRequire: {
+    requirePrimary: {
+        fill: "warningTertiary";
+        fillCheckbox: "warningTertiary";
+        fillCheckboxActive: "warningPrimary";
+        fillCheckboxActiveHover: "warningActiveHoverPrimary";
+        fillCheckboxHover: "warningHoverTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        descTextColor: "surfaceTextPrimary";
+        borderColorCheckbox: "warningBorderSecondary";
+        borderColorCheckboxActive: "warningBorderSecondary";
+        borderColorCheckboxActiveHover: "warningBorderActivePrimary";
+        borderColorCheckboxHover: "warningBorderHoverPrimary";
+    };
+};
 export { checkboxAppearanceRequire };

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

@@ -1,3 +1,6 @@
-import { CheckboxAppearance } from '../Checkbox.interface';
-declare const checkboxAppearanceShape: CheckboxAppearance;
+declare const checkboxAppearanceShape: {
+    rounded: {
+        shape: "rounded";
+    };
+};
 export { checkboxAppearanceShape };

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

@@ -1,3 +1,23 @@
-import { CheckboxAppearance } from '../Checkbox.interface';
-declare const checkboxAppearanceSize: CheckboxAppearance;
+declare const checkboxAppearanceSize: {
+    sizeXL: {
+        size: "xl";
+        labelTextSize: "s";
+        descTextSize: "xs";
+    };
+    sizeL: {
+        size: "l";
+        labelTextSize: "s";
+        descTextSize: "xs";
+    };
+    sizeM: {
+        size: "m";
+        labelTextSize: "m";
+        descTextSize: "xs";
+    };
+    sizeS: {
+        size: "s";
+        labelTextSize: "s";
+        descTextSize: "xs";
+    };
+};
 export { checkboxAppearanceSize };

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

@@ -1,3 +1,22 @@
-import { CheckboxAppearance } from '../Checkbox.interface';
-declare const checkboxAppearanceStyle: CheckboxAppearance;
+declare const checkboxAppearanceStyle: {
+    solid: {
+        borderColorCheckbox: "none";
+        borderColorCheckboxActive: "none";
+        borderColorCheckboxActiveHover: "none";
+        borderColorCheckboxHover: "none";
+    };
+    outlined: {
+        fill: "none";
+        fillHover: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        fillHover: "none";
+        borderColorCheckbox: "none";
+        borderColorCheckboxActive: "none";
+        borderColorCheckboxActiveHover: "none";
+        borderColorCheckboxHover: "none";
+    };
+};
 export { checkboxAppearanceStyle };