@itcase/ui-web 1.9.90 → 1.9.92

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

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

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

@@ -1,3 +1,45 @@
-import { ChipsAppearance } from '../Chips.interface';
-declare const chipsAppearanceSize: ChipsAppearance;
+declare const chipsAppearanceSize: {
+    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 { chipsAppearanceSize };

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

@@ -1,3 +1,17 @@
-import { ChipsAppearance } from '../Chips.interface';
-declare const chipsAppearanceSpecial: ChipsAppearance;
+declare const chipsAppearanceSpecial: {
+    specialMutedPrimary: {
+        fill: "specialTertiary";
+        labelTextColor: "specialTextSecondary";
+        borderColor: "specialBorderSecondary";
+        iconAfterFillIcon: "specialItemSecondary";
+        iconBeforeFillIcon: "specialItemSecondary";
+    };
+    specialPrimary: {
+        fill: "specialPrimary";
+        labelTextColor: "specialTextPrimary";
+        borderColor: "specialBorderSecondary";
+        iconAfterFillIcon: "specialItemPrimary";
+        iconBeforeFillIcon: "specialItemPrimary";
+    };
+};
 export { chipsAppearanceSpecial };

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

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

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

@@ -1,3 +1,17 @@
-import { ChipsAppearance } from '../Chips.interface';
-declare const chipsAppearanceSuccess: ChipsAppearance;
+declare const chipsAppearanceSuccess: {
+    successMutedPrimary: {
+        fill: "successTertiary";
+        labelTextColor: "successTextQuaternary";
+        borderColor: "successBorderQuaternary";
+        iconAfterFillIcon: "successItemQuaternary";
+        iconBeforeFillIcon: "successItemQuaternary";
+    };
+    successPrimary: {
+        fill: "successPrimary";
+        labelTextColor: "successTextPrimary";
+        borderColor: "successBorderSecondary";
+        iconAfterFillIcon: "successItemPrimary";
+        iconBeforeFillIcon: "successItemPrimary";
+    };
+};
 export { chipsAppearanceSuccess };

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

@@ -1,3 +1,45 @@
-import { ChipsAppearance } from '../Chips.interface';
-declare const chipsAppearanceSurface: ChipsAppearance;
+declare const chipsAppearanceSurface: {
+    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";
+    };
+};
 export { chipsAppearanceSurface };

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

@@ -1,3 +1,17 @@
-import { ChipsAppearance } from '../Chips.interface';
-declare const chipsAppearanceWarning: ChipsAppearance;
+declare const chipsAppearanceWarning: {
+    warningMutedPrimary: {
+        fill: "warningTertiary";
+        labelTextColor: "warningTextSecondary";
+        borderColor: "warningBorderSecondary";
+        iconAfterFillIcon: "warningItemSecondary";
+        iconBeforeFillIcon: "warningItemSecondary";
+    };
+    warningPrimary: {
+        fill: "warningPrimary";
+        labelTextColor: "warningTextPrimary";
+        borderColor: "warningBorderSecondary";
+        iconAfterFillIcon: "warningItemPrimary";
+        iconBeforeFillIcon: "warningItemPrimary";
+    };
+};
 export { chipsAppearanceWarning };

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

@@ -1,3 +1,140 @@
-import { ChoiceAppearance } from './Choice.interface';
-declare const choiceAppearance: ChoiceAppearance;
+declare const choiceAppearance: {
+    sizeL: {
+        size: "l";
+        labelTextSize: "m";
+        iconSize: "24";
+    };
+    sizeM: {
+        size: "m";
+        labelTextSize: "m";
+        iconSize: "24";
+    };
+    sizeS: {
+        size: "s";
+        labelTextSize: "s";
+        iconSize: "20";
+    };
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    requirePrimary: {
+        fill: "warningTertiary";
+        fillItem: "warningTertiary";
+        fillItemActive: "warningSecondary";
+        fillItemHover: "warningHoverPrimary";
+        labelTextColor: "warningTextSecondary";
+        labelTextColorActive: "warningTextPrimary";
+        borderColor: "warningBorderSecondary";
+        iconAfterFill: "warningItemSecondary";
+        iconAfterFillActive: "warningItemTertiary";
+        iconBeforeFill: "warningItemSecondary";
+        iconBeforeFillActive: "warningItemTertiary";
+        iconFill: "warningItemSecondary";
+        iconFillActive: "warningItemTertiary";
+    };
+    successPrimary: {
+        fill: "successTertiary";
+        fillItem: "successTertiary";
+        fillItemActive: "successSecondary";
+        fillItemHover: "successHoverPrimary";
+        labelTextColor: "successTextSecondary";
+        labelTextColorActive: "successTextActivePrimary";
+        borderColor: "successBorderSecondary";
+        iconAfterFill: "successItemSecondary";
+        iconAfterFillActive: "successItemTertiary";
+        iconBeforeFill: "successItemSecondary";
+        iconBeforeFillActive: "successItemTertiary";
+        iconFill: "successItemSecondary";
+        iconFillActive: "successItemTertiary";
+    };
+    defaultMutedPrimary: {
+        fill: "surfaceSecondary";
+        fillItem: "surfaceSecondary";
+        fillItemActive: "accentTertiary";
+        fillItemActiveHover: "accentPrimary";
+        fillItemHover: "surfaceTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        labelTextColorActive: "surfaceTextPrimary";
+        labelTextColorActiveHover: "accentTextPrimary";
+        borderColor: "surfaceBorderSecondary";
+        iconAfterFill: "surfaceItemQuaternary";
+        iconAfterFillActive: "surfaceItemSecondary";
+        iconBeforeFill: "surfaceItemQuaternary";
+        iconBeforeFillActive: "surfaceItemSecondary";
+        iconFill: "surfaceItemQuaternary";
+        iconFillActive: "surfaceItemSecondary";
+    };
+    defaultPrimary: {
+        fill: "surfaceSecondary";
+        fillItem: "surfaceSecondary";
+        fillItemActive: "accentPrimary";
+        fillItemActiveHover: "accentActiveHoverPrimary";
+        fillItemHover: "surfaceTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        labelTextColorActive: "accentTextPrimary";
+        labelTextColorActiveHover: "accentTextPrimary";
+        borderColor: "surfaceBorderQuaternary";
+        iconAfterFill: "surfaceItemQuaternary";
+        iconAfterFillActive: "surfaceItemSecondary";
+        iconBeforeFill: "surfaceItemQuaternary";
+        iconBeforeFillActive: "surfaceItemSecondary";
+        iconFill: "surfaceItemQuaternary";
+        iconFillActive: "surfaceItemSecondary";
+    };
+    disabledPrimary: {
+        fill: "disabledTertiary";
+        fillItem: "disabledTertiary";
+        fillItemActive: "surfaceDisabled";
+        fillItemActiveHover: "surfaceDisabled";
+        fillItemHover: "surfaceTertiary";
+        labelTextColor: "surfaceTextQuaternary";
+        borderColor: "surfaceBorderPrimary";
+        iconAfterFill: "surfaceItemPrimary";
+        iconAfterFillActive: "disabledItemSecondary";
+        iconBeforeFill: "surfaceItemPrimary";
+        iconBeforeFillActive: "disabledItemSecondary";
+        iconFill: "surfaceItemPrimary";
+        iconFillActive: "disabledItemSecondary";
+    };
+    errorPrimary: {
+        fill: "errorTertiary";
+        fillItem: "errorTertiary";
+        fillItemActive: "errorSecondary";
+        fillItemHover: "errorHoverPrimary";
+        labelTextColor: "errorTextSecondary";
+        borderColor: "errorBorderQuaternary";
+        iconAfterFill: "errorItemSecondary";
+        iconAfterFillActive: "errorItemTertiary";
+        iconBeforeFill: "errorItemSecondary";
+        iconBeforeFillActive: "errorItemTertiary";
+        iconFill: "errorItemSecondary";
+        iconFillActive: "errorItemTertiary";
+    };
+};
 export { choiceAppearance };

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

@@ -1,5 +1,6 @@
 import type { ReactNode } from 'react';
-import { AppearanceConfig, AppearanceKeysState, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WrapProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysState, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillDisabledProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WrapProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import type { StyleAttributes } from '@itcase/ui-core/hooks';
 import { IconProps } from 'src/components/Icon/Icon.interface';
 import { TextProps } from 'src/components/Text/Text.interface';
@@ -81,4 +82,7 @@ type ChoiceProps = ChoiceAppearanceProps & StyleAttributes & {
 };
 type ChoiceConfig = AppearanceConfig<AppearanceKeysState, ChoiceAppearanceProps>;
 type ChoiceAppearance = ChoiceConfig['appearance'];
-export type { ChoiceAppearance, ChoiceConfig, ChoiceProps };
+type ChoiceAppearanceStyle = AppearanceRecord<AppearanceStyleKey, ChoiceAppearanceProps, 'borderColor' | 'fill'>;
+type ChoiceAppearanceShape = Partial<Record<AppearanceShapeKey, Partial<Pick<ChoiceAppearanceProps, 'shape'>>>>;
+type ChoiceAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, ChoiceAppearanceProps, 'iconSize' | 'labelTextSize' | 'size'>;
+export type { ChoiceAppearance, ChoiceAppearanceShape, ChoiceAppearanceSize, ChoiceAppearanceStyle, ChoiceConfig, ChoiceProps, };

package/dist/types/components/Choice/appearance/choiceDefault.d.ts

@@ -1,3 +1,37 @@
-import { ChoiceAppearance } from '../Choice.interface';
-declare const choiceAppearanceDefault: ChoiceAppearance;
+declare const choiceAppearanceDefault: {
+    defaultMutedPrimary: {
+        fill: "surfaceSecondary";
+        fillItem: "surfaceSecondary";
+        fillItemActive: "accentTertiary";
+        fillItemActiveHover: "accentPrimary";
+        fillItemHover: "surfaceTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        labelTextColorActive: "surfaceTextPrimary";
+        labelTextColorActiveHover: "accentTextPrimary";
+        borderColor: "surfaceBorderSecondary";
+        iconAfterFill: "surfaceItemQuaternary";
+        iconAfterFillActive: "surfaceItemSecondary";
+        iconBeforeFill: "surfaceItemQuaternary";
+        iconBeforeFillActive: "surfaceItemSecondary";
+        iconFill: "surfaceItemQuaternary";
+        iconFillActive: "surfaceItemSecondary";
+    };
+    defaultPrimary: {
+        fill: "surfaceSecondary";
+        fillItem: "surfaceSecondary";
+        fillItemActive: "accentPrimary";
+        fillItemActiveHover: "accentActiveHoverPrimary";
+        fillItemHover: "surfaceTertiary";
+        labelTextColor: "surfaceTextPrimary";
+        labelTextColorActive: "accentTextPrimary";
+        labelTextColorActiveHover: "accentTextPrimary";
+        borderColor: "surfaceBorderQuaternary";
+        iconAfterFill: "surfaceItemQuaternary";
+        iconAfterFillActive: "surfaceItemSecondary";
+        iconBeforeFill: "surfaceItemQuaternary";
+        iconBeforeFillActive: "surfaceItemSecondary";
+        iconFill: "surfaceItemQuaternary";
+        iconFillActive: "surfaceItemSecondary";
+    };
+};
 export { choiceAppearanceDefault };

package/dist/types/components/Choice/appearance/choiceDisabled.d.ts

@@ -1,3 +1,18 @@
-import { ChoiceAppearance } from '../Choice.interface';
-declare const choiceAppearanceDisabled: ChoiceAppearance;
+declare const choiceAppearanceDisabled: {
+    disabledPrimary: {
+        fill: "disabledTertiary";
+        fillItem: "disabledTertiary";
+        fillItemActive: "surfaceDisabled";
+        fillItemActiveHover: "surfaceDisabled";
+        fillItemHover: "surfaceTertiary";
+        labelTextColor: "surfaceTextQuaternary";
+        borderColor: "surfaceBorderPrimary";
+        iconAfterFill: "surfaceItemPrimary";
+        iconAfterFillActive: "disabledItemSecondary";
+        iconBeforeFill: "surfaceItemPrimary";
+        iconBeforeFillActive: "disabledItemSecondary";
+        iconFill: "surfaceItemPrimary";
+        iconFillActive: "disabledItemSecondary";
+    };
+};
 export { choiceAppearanceDisabled };

package/dist/types/components/Choice/appearance/choiceError.d.ts

@@ -1,3 +1,17 @@
-import { ChoiceAppearance } from '../Choice.interface';
-declare const choiceAppearanceError: ChoiceAppearance;
+declare const choiceAppearanceError: {
+    errorPrimary: {
+        fill: "errorTertiary";
+        fillItem: "errorTertiary";
+        fillItemActive: "errorSecondary";
+        fillItemHover: "errorHoverPrimary";
+        labelTextColor: "errorTextSecondary";
+        borderColor: "errorBorderQuaternary";
+        iconAfterFill: "errorItemSecondary";
+        iconAfterFillActive: "errorItemTertiary";
+        iconBeforeFill: "errorItemSecondary";
+        iconBeforeFillActive: "errorItemTertiary";
+        iconFill: "errorItemSecondary";
+        iconFillActive: "errorItemTertiary";
+    };
+};
 export { choiceAppearanceError };

package/dist/types/components/Choice/appearance/choiceRequire.d.ts

@@ -1,3 +1,18 @@
-import { ChoiceAppearance } from '../Choice.interface';
-declare const choiceAppearanceRequire: ChoiceAppearance;
+declare const choiceAppearanceRequire: {
+    requirePrimary: {
+        fill: "warningTertiary";
+        fillItem: "warningTertiary";
+        fillItemActive: "warningSecondary";
+        fillItemHover: "warningHoverPrimary";
+        labelTextColor: "warningTextSecondary";
+        labelTextColorActive: "warningTextPrimary";
+        borderColor: "warningBorderSecondary";
+        iconAfterFill: "warningItemSecondary";
+        iconAfterFillActive: "warningItemTertiary";
+        iconBeforeFill: "warningItemSecondary";
+        iconBeforeFillActive: "warningItemTertiary";
+        iconFill: "warningItemSecondary";
+        iconFillActive: "warningItemTertiary";
+    };
+};
 export { choiceAppearanceRequire };

package/dist/types/components/Choice/appearance/choiceShape.d.ts

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

package/dist/types/components/Choice/appearance/choiceSize.d.ts

@@ -1,3 +1,18 @@
-import { ChoiceAppearance } from '../Choice.interface';
-declare const choiceAppearanceSize: ChoiceAppearance;
+declare const choiceAppearanceSize: {
+    sizeL: {
+        size: "l";
+        labelTextSize: "m";
+        iconSize: "24";
+    };
+    sizeM: {
+        size: "m";
+        labelTextSize: "m";
+        iconSize: "24";
+    };
+    sizeS: {
+        size: "s";
+        labelTextSize: "s";
+        iconSize: "20";
+    };
+};
 export { choiceAppearanceSize };

package/dist/types/components/Choice/appearance/choiceStyle.d.ts

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

package/dist/types/components/Choice/appearance/choiceSuccess.d.ts

@@ -1,3 +1,18 @@
-import { ChoiceAppearance } from '../Choice.interface';
-declare const choiceAppearanceSuccess: ChoiceAppearance;
+declare const choiceAppearanceSuccess: {
+    successPrimary: {
+        fill: "successTertiary";
+        fillItem: "successTertiary";
+        fillItemActive: "successSecondary";
+        fillItemHover: "successHoverPrimary";
+        labelTextColor: "successTextSecondary";
+        labelTextColorActive: "successTextActivePrimary";
+        borderColor: "successBorderSecondary";
+        iconAfterFill: "successItemSecondary";
+        iconAfterFillActive: "successItemTertiary";
+        iconBeforeFill: "successItemSecondary";
+        iconBeforeFillActive: "successItemTertiary";
+        iconFill: "successItemSecondary";
+        iconFillActive: "successItemTertiary";
+    };
+};
 export { choiceAppearanceSuccess };

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

@@ -1,3 +1,88 @@
-import { CodeAppearance } from './Code.interface';
-declare const codeAppearance: CodeAppearance;
+declare const codeAppearance: {
+    successPrimary: {
+        inputBorderColor: "successBorderSecondary";
+        inputBorderColorHover: "successBorderSecondary";
+        inputCaretColor: "surfaceItemPrimary";
+        inputFill: "successTertiary";
+        inputFillHover: "successHoverTertiary";
+        inputPlaceholderTextColor: "surfaceTextQuaternary";
+        inputTextColor: "surfaceTextPrimary";
+    };
+    errorPrimary: {
+        inputBorderColor: "errorBorderQuaternary";
+        inputBorderColorHover: "errorBorderSecondary";
+        inputCaretColor: "surfaceItemPrimary";
+        inputFill: "errorTertiary";
+        inputFillHover: "errorHoverTertiary";
+        inputPlaceholderTextColor: "surfaceTextQuaternary";
+        inputTextColor: "surfaceTextPrimary";
+    };
+    solid: {
+        inputBorderColor: "none";
+    };
+    outlined: {
+        inputFill: "none";
+    };
+    full: {
+        inputBorderColor: "none";
+    };
+    ghost: {
+        inputBorderColor: "none";
+        inputFill: "none";
+    };
+    defaultPrimary: {
+        inputBorderColor: "surfaceBorderTertiary";
+        inputCaretColor: "surfaceItemPrimary";
+        inputFill: "surfaceSecondary";
+        inputFillHover: "surfaceSecondary";
+        inputPlaceholderTextColor: "surfaceTextQuaternary";
+        inputTextColor: "surfaceTextPrimary";
+    };
+    sizeL: {
+        size: "l";
+        inputSize: "l";
+        inputTextSize: "xxl";
+    };
+    sizeM: {
+        size: "m";
+        inputSize: "m";
+        inputTextSize: "xxl";
+    };
+    requirePrimary: {
+        inputBorderColor: "warningBorderSecondary";
+        inputBorderColorHover: "warningBorderSecondary";
+        inputCaretColor: "surfaceItemPrimary";
+        inputFill: "warningTertiary";
+        inputFillHover: "warningTertiary";
+        inputPlaceholderTextColor: "surfaceTextQuaternary";
+        inputTextColor: "surfaceTextPrimary";
+    };
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+    disabledPrimary: {
+        inputBorderColor: "surfaceBorderDisabled";
+        inputBorderColorHover: "surfaceBorderDisabled";
+        inputCaretColor: "surfaceItemPrimary";
+        inputFill: "surfaceDisabled";
+        inputFillHover: "surfaceDisabled";
+        inputPlaceholderTextColor: "surfaceTextQuaternary";
+        inputTextColor: "surfaceTextPrimary";
+    };
+};
 export { codeAppearance };