@itcase/ui-web 1.9.90 → 1.9.92

package/dist/types/components/Response/appearance/responseUnableLoadData.d.ts

@@ -1,3 +1,14 @@
-import { ResponseAppearance } from '../Response.interface';
-declare const responseAppearanceUnableLoadData: ResponseAppearance;
+declare const responseAppearanceUnableLoadData: {
+    unableLoadData: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "accentPrimary sizeXXL solid";
+        secondaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        svgFill: "surfaceTertiary";
+        svgPathFill: "surfaceQuaternary";
+    };
+};
 export { responseAppearanceUnableLoadData };

package/dist/types/components/Response/appearance/responseWarning.d.ts

@@ -1,3 +1,14 @@
-import { ResponseAppearance } from '../Response.interface';
-declare const responseAppearanceWarning: ResponseAppearance;
+declare const responseAppearanceWarning: {
+    warning: {
+        fill: "surfacePrimary";
+        titleTextColor: "surfaceTextPrimary";
+        titleTextSize: "xxl";
+        descTextSize: "m";
+        imageSrc: string;
+        primaryButtonAppearance: "surfaceSecondary sizeXXL solid";
+        secondaryButtonAppearance: "warningPrimary sizeXXL solid";
+        svgFill: "warningPrimary";
+        svgPathFill: "warningPrimary";
+    };
+};
 export { responseAppearanceWarning };

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

@@ -1,3 +1,136 @@
-import { SearchAppearance } from './Search.interface';
-declare const searchAppearance: SearchAppearance;
+declare const searchAppearance: {
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+    disabledPrimary: {
+        fill: "surfaceDisabled";
+        borderColor: "surfaceBorderDisabled";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconAfterFill: "surfaceItemPrimary";
+        iconBeforeFill: "surfaceItemPrimary";
+        iconClearFill: "surfaceItemPrimary";
+        inputTextColor: "surfaceTextDisabled";
+        placeholderTextColor: "surfaceTextDisabled";
+    };
+    requirePrimary: {
+        fill: "warningTertiary";
+        borderColor: "warningBorderSecondary";
+        borderColorHover: "warningBorderHoverSecondary";
+        iconAfterFill: "warningItemSecondary";
+        iconBeforeFill: "warningItemSecondary";
+        iconClearFill: "warningItemSecondary";
+        inputTextColor: "surfaceTextPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    successPrimary: {
+        fill: "successTertiary";
+        borderColor: "accentBorderQuaternary";
+        borderColorHover: "accentBorderQuaternary";
+        iconAfterFill: "successItemSecondary";
+        iconBeforeFill: "successItemSecondary";
+        iconClearFill: "successItemSecondary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    errorPrimary: {
+        fill: "errorTertiary";
+        borderColor: "errorBorderQuaternary";
+        borderColorHover: "errorBorderHoverQuaternary";
+        iconAfterFill: "errorItemSecondary";
+        iconBeforeFill: "errorItemSecondary";
+        iconClearFill: "errorItemSecondary";
+        inputTextColor: "surfaceTextPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    defaultPrimary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderQuaternary";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconAfterFill: "surfaceItemQuaternary";
+        iconBeforeFill: "surfaceItemQuaternary";
+        iconClearFill: "surfaceItemQuaternary";
+        inputTextColor: "surfaceTextPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    defaultSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderHoverTertiary";
+        iconAfterFill: "surfaceItemQuaternary";
+        iconBeforeFill: "surfaceItemQuaternary";
+        iconClearFill: "surfaceItemQuaternary";
+        inputTextColor: "surfaceTextPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    solid: {
+        borderColor: "none";
+        borderColorHover: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {
+        borderColor: "none";
+    };
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+    sizeXXL: {
+        size: "xxl";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconClear: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        inputTextSize: "l";
+        placeholderTextSize: "l";
+    };
+    sizeXL: {
+        size: "xl";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconClear: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        inputTextSize: "m";
+        placeholderTextSize: "m";
+    };
+    sizeL: {
+        size: "l";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconClear: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        inputTextSize: "s";
+        placeholderTextSize: "s";
+    };
+    sizeM: {
+        size: "m";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconClear: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        inputTextSize: "m";
+        placeholderTextSize: "m";
+    };
+    sizeS: {
+        size: "s";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconClear: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        inputTextSize: "s";
+        placeholderTextSize: "s";
+    };
+    sizeXS: {
+        size: "xs";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconClear: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        inputTextSize: "s";
+        placeholderTextSize: "s";
+    };
+};
 export { searchAppearance };

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

@@ -1,5 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceConfig, AppearanceKeysState, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, FillProps, ShapeProps, SizeProps, TextWeightProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysState, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, FillProps, ShapeProps, SizeProps, TextWeightProps, WidthProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { IconProps } from 'src/components/Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';
@@ -68,4 +69,7 @@ type SearchResultProps = SearchResultAppearanceProps & StyleAttributes & {
 };
 type SearchConfig = AppearanceConfig<AppearanceKeysState, SearchAppearanceProps>;
 type SearchAppearance = SearchConfig['appearance'];
-export type { SearchAppearance, SearchConfig, SearchProps, SearchResultProps };
+type SearchAppearanceStyle = AppearanceRecord<AppearanceStyleKey, SearchAppearanceProps, Extract<keyof SearchAppearanceProps, 'borderColor' | 'borderColorHover' | 'fill'>>;
+type SearchAppearanceShape = Partial<Record<AppearanceShapeKey, Partial<Pick<SearchAppearanceProps, 'shape'>>>>;
+type SearchAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, SearchAppearanceProps, Extract<keyof SearchAppearanceProps, 'iconBefore' | 'iconClear' | 'inputTextSize' | 'placeholderTextSize' | 'size'>>;
+export type { SearchAppearance, SearchAppearanceShape, SearchAppearanceSize, SearchAppearanceStyle, SearchConfig, SearchProps, SearchResultProps, };

package/dist/types/components/Search/appearance/searchDefault.d.ts

@@ -1,3 +1,23 @@
-import { SearchAppearance } from '../Search.interface';
-declare const searchAppearanceDefault: SearchAppearance;
+declare const searchAppearanceDefault: {
+    defaultPrimary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderQuaternary";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconAfterFill: "surfaceItemQuaternary";
+        iconBeforeFill: "surfaceItemQuaternary";
+        iconClearFill: "surfaceItemQuaternary";
+        inputTextColor: "surfaceTextPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+    defaultSecondary: {
+        fill: "surfaceSecondary";
+        borderColor: "surfaceBorderTertiary";
+        borderColorHover: "surfaceBorderHoverTertiary";
+        iconAfterFill: "surfaceItemQuaternary";
+        iconBeforeFill: "surfaceItemQuaternary";
+        iconClearFill: "surfaceItemQuaternary";
+        inputTextColor: "surfaceTextPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+};
 export { searchAppearanceDefault };

package/dist/types/components/Search/appearance/searchDefault.js

@@ -11,8 +11,8 @@ const searchAppearanceDefault = {
     },
     defaultSecondary: {
         fill: 'surfaceSecondary',
-        borderColor: 'surfaceBorderSecondary',
-        borderColorHover: 'surfaceBorderHoverSecondary',
+        borderColor: 'surfaceBorderTertiary',
+        borderColorHover: 'surfaceBorderHoverTertiary',
         iconAfterFill: 'surfaceItemQuaternary',
         iconBeforeFill: 'surfaceItemQuaternary',
         iconClearFill: 'surfaceItemQuaternary',

package/dist/types/components/Search/appearance/searchDisabled.d.ts

@@ -1,3 +1,13 @@
-import { SearchAppearance } from '../Search.interface';
-declare const searchAppearanceDisabled: SearchAppearance;
+declare const searchAppearanceDisabled: {
+    disabledPrimary: {
+        fill: "surfaceDisabled";
+        borderColor: "surfaceBorderDisabled";
+        borderColorHover: "surfaceBorderHoverQuaternary";
+        iconAfterFill: "surfaceItemPrimary";
+        iconBeforeFill: "surfaceItemPrimary";
+        iconClearFill: "surfaceItemPrimary";
+        inputTextColor: "surfaceTextDisabled";
+        placeholderTextColor: "surfaceTextDisabled";
+    };
+};
 export { searchAppearanceDisabled };

package/dist/types/components/Search/appearance/searchError.d.ts

@@ -1,3 +1,13 @@
-import { SearchAppearance } from '../Search.interface';
-declare const searchAppearanceError: SearchAppearance;
+declare const searchAppearanceError: {
+    errorPrimary: {
+        fill: "errorTertiary";
+        borderColor: "errorBorderQuaternary";
+        borderColorHover: "errorBorderHoverQuaternary";
+        iconAfterFill: "errorItemSecondary";
+        iconBeforeFill: "errorItemSecondary";
+        iconClearFill: "errorItemSecondary";
+        inputTextColor: "surfaceTextPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+};
 export { searchAppearanceError };

package/dist/types/components/Search/appearance/searchRequire.d.ts

@@ -1,3 +1,13 @@
-import { SearchAppearance } from '../Search.interface';
-declare const searchAppearanceRequire: SearchAppearance;
+declare const searchAppearanceRequire: {
+    requirePrimary: {
+        fill: "warningTertiary";
+        borderColor: "warningBorderSecondary";
+        borderColorHover: "warningBorderHoverSecondary";
+        iconAfterFill: "warningItemSecondary";
+        iconBeforeFill: "warningItemSecondary";
+        iconClearFill: "warningItemSecondary";
+        inputTextColor: "surfaceTextPrimary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+};
 export { searchAppearanceRequire };

package/dist/types/components/Search/appearance/searchShape.d.ts

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

package/dist/types/components/Search/appearance/searchSize.d.ts

@@ -1,3 +1,45 @@
-import { SearchAppearance } from '../Search.interface';
-declare const searchAppearanceSize: SearchAppearance;
+declare const searchAppearanceSize: {
+    sizeXXL: {
+        size: "xxl";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconClear: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        inputTextSize: "l";
+        placeholderTextSize: "l";
+    };
+    sizeXL: {
+        size: "xl";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconClear: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        inputTextSize: "m";
+        placeholderTextSize: "m";
+    };
+    sizeL: {
+        size: "l";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconClear: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        inputTextSize: "s";
+        placeholderTextSize: "s";
+    };
+    sizeM: {
+        size: "m";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconClear: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        inputTextSize: "m";
+        placeholderTextSize: "m";
+    };
+    sizeS: {
+        size: "s";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconClear: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        inputTextSize: "s";
+        placeholderTextSize: "s";
+    };
+    sizeXS: {
+        size: "xs";
+        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        iconClear: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
+        inputTextSize: "s";
+        placeholderTextSize: "s";
+    };
+};
 export { searchAppearanceSize };

package/dist/types/components/Search/appearance/searchStyle.d.ts

@@ -1,3 +1,17 @@
-import { SearchAppearance } from '../Search.interface';
-declare const searchAppearanceStyle: SearchAppearance;
+declare const searchAppearanceStyle: {
+    solid: {
+        borderColor: "none";
+        borderColorHover: "none";
+    };
+    outlined: {
+        fill: "none";
+    };
+    full: {
+        borderColor: "none";
+    };
+    ghost: {
+        fill: "none";
+        borderColor: "none";
+    };
+};
 export { searchAppearanceStyle };

package/dist/types/components/Search/appearance/searchSuccess.d.ts

@@ -1,3 +1,12 @@
-import { SearchAppearance } from '../Search.interface';
-declare const searchAppearanceSuccess: SearchAppearance;
+declare const searchAppearanceSuccess: {
+    successPrimary: {
+        fill: "successTertiary";
+        borderColor: "accentBorderQuaternary";
+        borderColorHover: "accentBorderQuaternary";
+        iconAfterFill: "successItemSecondary";
+        iconBeforeFill: "successItemSecondary";
+        iconClearFill: "successItemSecondary";
+        placeholderTextColor: "surfaceTextQuaternary";
+    };
+};
 export { searchAppearanceSuccess };

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

@@ -1,3 +1,127 @@
-import { SegmentedAppearance } from './Segmented.interface';
-declare const segmentedAppearance: SegmentedAppearance;
+declare const segmentedAppearance: {
+    requirePrimary: {
+        fill: "warningTertiary";
+        fillActive: "accentPrimary";
+        fillActiveHover: "accentPrimary";
+        fillHover: "warningSecondary";
+        labelTextActiveColor: "warningTextPrimary";
+        labelTextColor: "warningTextPrimary";
+        labelTextColorHover: "warningTextSecondary";
+        borderColor: "warningBorderSecondary";
+        iconFill: "warningItemSecondary";
+        iconFillActive: "warningItemTertiary";
+    };
+    defaultPrimary: {
+        fill: "surfacePrimary";
+        fillActive: "accentPrimary";
+        fillActiveHover: "accentActiveHoverPrimary";
+        fillHover: "surfaceHoverSecondary";
+        labelTextActiveColor: "accentTextPrimary";
+        labelTextActiveColorHover: "accentTextActiveHoverPrimary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderQuaternary";
+        iconFill: "surfaceItemQuaternary";
+        iconFillActive: "surfaceItemSecondary";
+        indicatorFill: "accentPrimary";
+    };
+    defaultSecondary: {
+        fill: "surfaceSecondary";
+        fillActive: "accentPrimary";
+        fillActiveHover: "accentActiveHoverPrimary";
+        fillHover: "surfaceHoverTertiary";
+        labelTextActiveColor: "accentTextPrimary";
+        labelTextActiveColorHover: "accentTextActiveHoverPrimary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderQuaternary";
+        iconFill: "surfaceItemQuaternary";
+        iconFillActive: "surfaceItemSecondary";
+        indicatorFill: "accentPrimary";
+    };
+    successPrimary: {
+        fill: "successTertiary";
+        fillActive: "successSecondary";
+        fillHover: "successSecondary";
+        labelTextActiveColor: "successTextPrimary";
+        labelTextColor: "successTextSecondary";
+        labelTextColorHover: "successTextPrimary";
+        borderColor: "successBorderSecondary";
+        iconFill: "successItemSecondary";
+    };
+    errorPrimary: {
+        fill: "errorTertiary";
+        fillActive: "errorPrimary";
+        fillHover: "errorHoverPrimary";
+        labelTextActiveColor: "errorTextActivePrimary";
+        labelTextColor: "errorTextSecondary";
+        labelTextColorHover: "errorTextPrimary";
+        borderColor: "errorBorderQuaternary";
+        iconFill: "errorItemSecondary";
+        iconFillActive: "errorItemTertiary";
+    };
+    solid: {
+        borderColor: "none";
+    };
+    outlined: {
+        fill: "none";
+        fillActive: "none";
+    };
+    full: {};
+    ghost: {
+        fill: "none";
+        fillActive: "none";
+        borderColor: "none";
+    };
+    circular: {
+        shape: "circular";
+    };
+    rounded: {
+        shape: "rounded";
+    };
+    roundedXL: {
+        shape: "rounded";
+    };
+    roundedL: {
+        shape: "rounded";
+    };
+    roundedM: {
+        shape: "rounded";
+    };
+    roundedS: {
+        shape: "rounded";
+    };
+    sizeL: {
+        size: "l";
+        labelTextSize: "m";
+        iconSize: "24";
+    };
+    sizeM: {
+        size: "m";
+        labelTextSize: "m";
+        iconSize: "24";
+    };
+    sizeS: {
+        size: "s";
+        labelTextSize: "s";
+        iconSize: "20";
+    };
+    sizeXS: {
+        size: "xs";
+        labelTextSize: "xs";
+        iconSize: "16";
+    };
+    sizeXXS: {
+        size: "xxs";
+        labelTextSize: "xxs";
+        iconSize: "14";
+    };
+    disabledPrimary: {
+        fill: "surfaceDisabled";
+        fillActive: "surfaceTertiary";
+        labelTextActiveColor: "surfaceTextActiveQuaternary";
+        labelTextColor: "surfaceTextQuaternary";
+        borderColor: "surfaceBorderPrimary";
+        iconFill: "surfaceItemPrimary";
+        iconFillActive: "surfaceItemPrimary";
+    };
+};
 export { segmentedAppearance };

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

@@ -1,4 +1,5 @@
-import { AppearanceConfig, AppearanceKeysDefaultState, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { AppearanceConfig, AppearanceKeysDefaultState, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import type { AppearancePartialRecord, AppearanceRecord } from '@itcase/types-ui';
 import { StyleAttributes } from '@itcase/ui-core/hooks';
 import { IconProps } from 'src/components/Icon/Icon.interface';
 import { TextProps } from 'src/components/Text/Text.interface';
@@ -51,4 +52,7 @@ type Segment = {
 };
 type SegmentedConfig = AppearanceConfig<AppearanceKeysDefaultState, SegmentedAppearanceProps>;
 type SegmentedAppearance = SegmentedConfig['appearance'];
-export type { Segment, SegmentedAppearance, SegmentedConfig, SegmentedProps };
+type SegmentedAppearanceStyle = AppearanceRecord<AppearanceStyleKey, SegmentedAppearanceProps, 'borderColor' | 'fill' | 'fillActive'>;
+type SegmentedAppearanceShape = AppearancePartialRecord<AppearanceShapeKey, SegmentedAppearanceProps, 'shape'>;
+type SegmentedAppearanceSize = AppearancePartialRecord<AppearanceSizeKey, SegmentedAppearanceProps, 'iconSize' | 'labelTextSize' | 'size'>;
+export type { Segment, SegmentedAppearance, SegmentedAppearanceShape, SegmentedAppearanceSize, SegmentedAppearanceStyle, SegmentedConfig, SegmentedProps, };

package/dist/types/components/Segmented/appearance/segmentedDefault.d.ts

@@ -1,3 +1,29 @@
-import { SegmentedAppearance } from '../Segmented.interface';
-declare const segmentedAppearanceDefault: SegmentedAppearance;
+declare const segmentedAppearanceDefault: {
+    defaultPrimary: {
+        fill: "surfacePrimary";
+        fillActive: "accentPrimary";
+        fillActiveHover: "accentActiveHoverPrimary";
+        fillHover: "surfaceHoverSecondary";
+        labelTextActiveColor: "accentTextPrimary";
+        labelTextActiveColorHover: "accentTextActiveHoverPrimary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderQuaternary";
+        iconFill: "surfaceItemQuaternary";
+        iconFillActive: "surfaceItemSecondary";
+        indicatorFill: "accentPrimary";
+    };
+    defaultSecondary: {
+        fill: "surfaceSecondary";
+        fillActive: "accentPrimary";
+        fillActiveHover: "accentActiveHoverPrimary";
+        fillHover: "surfaceHoverTertiary";
+        labelTextActiveColor: "accentTextPrimary";
+        labelTextActiveColorHover: "accentTextActiveHoverPrimary";
+        labelTextColor: "surfaceTextPrimary";
+        borderColor: "surfaceBorderQuaternary";
+        iconFill: "surfaceItemQuaternary";
+        iconFillActive: "surfaceItemSecondary";
+        indicatorFill: "accentPrimary";
+    };
+};
 export { segmentedAppearanceDefault };

package/dist/types/components/Segmented/appearance/segmentedDisabled.d.ts

@@ -1,3 +1,12 @@
-import { SegmentedAppearance } from '../Segmented.interface';
-declare const segmentedAppearanceDisabled: SegmentedAppearance;
+declare const segmentedAppearanceDisabled: {
+    disabledPrimary: {
+        fill: "surfaceDisabled";
+        fillActive: "surfaceTertiary";
+        labelTextActiveColor: "surfaceTextActiveQuaternary";
+        labelTextColor: "surfaceTextQuaternary";
+        borderColor: "surfaceBorderPrimary";
+        iconFill: "surfaceItemPrimary";
+        iconFillActive: "surfaceItemPrimary";
+    };
+};
 export { segmentedAppearanceDisabled };

package/dist/types/components/Segmented/appearance/segmentedError.d.ts

@@ -1,3 +1,14 @@
-import { SegmentedAppearance } from '../Segmented.interface';
-declare const segmentedAppearanceError: SegmentedAppearance;
+declare const segmentedAppearanceError: {
+    errorPrimary: {
+        fill: "errorTertiary";
+        fillActive: "errorPrimary";
+        fillHover: "errorHoverPrimary";
+        labelTextActiveColor: "errorTextActivePrimary";
+        labelTextColor: "errorTextSecondary";
+        labelTextColorHover: "errorTextPrimary";
+        borderColor: "errorBorderQuaternary";
+        iconFill: "errorItemSecondary";
+        iconFillActive: "errorItemTertiary";
+    };
+};
 export { segmentedAppearanceError };

package/dist/types/components/Segmented/appearance/segmentedRequire.d.ts

@@ -1,3 +1,15 @@
-import { SegmentedAppearance } from '../Segmented.interface';
-declare const segmentedAppearanceRequire: SegmentedAppearance;
+declare const segmentedAppearanceRequire: {
+    requirePrimary: {
+        fill: "warningTertiary";
+        fillActive: "accentPrimary";
+        fillActiveHover: "accentPrimary";
+        fillHover: "warningSecondary";
+        labelTextActiveColor: "warningTextPrimary";
+        labelTextColor: "warningTextPrimary";
+        labelTextColorHover: "warningTextSecondary";
+        borderColor: "warningBorderSecondary";
+        iconFill: "warningItemSecondary";
+        iconFillActive: "warningItemTertiary";
+    };
+};
 export { segmentedAppearanceRequire };

package/dist/types/components/Segmented/appearance/segmentedShape.d.ts

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