@itcase/ui 1.9.7 → 1.9.9

package/dist/cjs/components/Warning.js

@@ -3,22 +3,18 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var Icon = require('../../Icon_cjs_NpWSQezS.js');
-var Text = require('../../Text_cjs_BhnGHF2T.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
+var Icon = require('../../Icon_cjs_NpWSQezS.js');
+var Text = require('../../Text_cjs_BhnGHF2T.js');
 var _default = require('@itcase/icons/default');
-require('react-inlinesvg');
-require('../hoc/urlWithAssetPrefix.js');
-require('@itcase/common');
-require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_qKXVfU8e.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
 require('../context/Notifications.js');
 require('uuid');
+require('@itcase/common');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
@@ -26,6 +22,10 @@ require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
+require('react-inlinesvg');
+require('../hoc/urlWithAssetPrefix.js');
+require('../context/UrlAssetPrefix.js');
+require('../../Link_cjs_qKXVfU8e.js');
 
 const warningAppearanceAccent = {
     accentMutedPrimary: {
@@ -96,6 +96,31 @@ const warningAppearanceInfo = {
     },
 };
 
+const warningAppearanceShape = {
+    circular: {
+        shape: 'circular',
+    },
+    rounded: {
+        shape: 'rounded',
+    },
+    roundedXL: {
+        shape: 'rounded',
+        shapeStrength: '2m',
+    },
+    roundedL: {
+        shape: 'rounded',
+        shapeStrength: '1_5m',
+    },
+    roundedM: {
+        shape: 'rounded',
+        shapeStrength: '1m',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
+    },
+};
+
 const warningAppearanceSize = {
     sizeL: {
         size: 'l',
@@ -151,6 +176,7 @@ const warningAppearance = {
     ...warningAppearanceInfo,
     ...warningAppearanceStyle,
     ...warningAppearanceSize,
+    ...warningAppearanceShape,
 };
 
 const warningConfig = {
@@ -160,14 +186,14 @@ const warningConfig = {
     },
 };
 function Warning(props) {
-    const { className, appearance, label, description, shape, isSkeleton } = props;
+    const { appearance, className, label, description, isSkeleton } = props;
     const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, warningConfig);
     const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, labelTextColor, labelTextSize, labelTextWeight, descriptionTextColor, descriptionTextSize, borderColorClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeSize, iconBeforeSrc, sizeClass, } = propsGenerator;
+    const { fillClass, labelTextColor, labelTextSize, labelTextWeight, descriptionTextColor, descriptionTextSize, borderColorClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeSize, iconBeforeSrc, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
     // @ts-ignore
     const { styles: warningStyles } = useStyles.useStyles(props);
     const [isVisible, setIsVisible] = React.useState(true);
-    return (jsxRuntime.jsx(React.Fragment, { children: isVisible && (jsxRuntime.jsxs("div", { className: clsx(className, 'warning', fillClass && `fill_${fillClass}`, sizeClass && `warning_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, shape && `warning_shape_${shape}`, isSkeleton && `warning_skeleton`), style: warningStyles, children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { fill: iconBeforeFill, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxRuntime.jsxs("div", { className: 'warning__content', children: [label && (jsxRuntime.jsx(Text.Text, { size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), description && (jsxRuntime.jsx(Text.Text, { size: descriptionTextSize, textColor: descriptionTextColor, children: description }))] }), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { fill: iconAfterFill, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, SvgImage: iconAfter, onClick: () => setIsVisible(false) }))] })) }));
+    return (jsxRuntime.jsx(React.Fragment, { children: isVisible && (jsxRuntime.jsxs("div", { className: clsx(className, 'warning', fillClass && `fill_${fillClass}`, sizeClass && `warning_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, isSkeleton && `warning_skeleton`), style: warningStyles, children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { fill: iconBeforeFill, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxRuntime.jsxs("div", { className: 'warning__content', children: [label && (jsxRuntime.jsx(Text.Text, { size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), description && (jsxRuntime.jsx(Text.Text, { size: descriptionTextSize, textColor: descriptionTextColor, children: description }))] }), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { fill: iconAfterFill, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, SvgImage: iconAfter, onClick: () => setIsVisible(false) }))] })) }));
 }
 
 exports.Warning = Warning;

package/dist/components/Warning.js

@@ -1,22 +1,18 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, Fragment } from 'react';
 import clsx from 'clsx';
-import { I as Icon } from '../Icon_es_CJuX1p1_.js';
-import { T as Text } from '../Text_es_C1kfpokr.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
+import { I as Icon } from '../Icon_es_CJuX1p1_.js';
+import { T as Text } from '../Text_es_C1kfpokr.js';
 import { icons16 } from '@itcase/icons/default';
-import 'react-inlinesvg';
-import '../hoc/urlWithAssetPrefix.js';
-import '@itcase/common';
-import '../context/UrlAssetPrefix.js';
-import '../Link_es_P2b6ya7P.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
 import '../context/Notifications.js';
 import 'uuid';
+import '@itcase/common';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries/useMediaQueries.js';
 import 'react-responsive';
@@ -24,6 +20,10 @@ import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
+import 'react-inlinesvg';
+import '../hoc/urlWithAssetPrefix.js';
+import '../context/UrlAssetPrefix.js';
+import '../Link_es_P2b6ya7P.js';
 
 const warningAppearanceAccent = {
     accentMutedPrimary: {
@@ -94,6 +94,31 @@ const warningAppearanceInfo = {
     },
 };
 
+const warningAppearanceShape = {
+    circular: {
+        shape: 'circular',
+    },
+    rounded: {
+        shape: 'rounded',
+    },
+    roundedXL: {
+        shape: 'rounded',
+        shapeStrength: '2m',
+    },
+    roundedL: {
+        shape: 'rounded',
+        shapeStrength: '1_5m',
+    },
+    roundedM: {
+        shape: 'rounded',
+        shapeStrength: '1m',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
+    },
+};
+
 const warningAppearanceSize = {
     sizeL: {
         size: 'l',
@@ -149,6 +174,7 @@ const warningAppearance = {
     ...warningAppearanceInfo,
     ...warningAppearanceStyle,
     ...warningAppearanceSize,
+    ...warningAppearanceShape,
 };
 
 const warningConfig = {
@@ -158,14 +184,14 @@ const warningConfig = {
     },
 };
 function Warning(props) {
-    const { className, appearance, label, description, shape, isSkeleton } = props;
+    const { appearance, className, label, description, isSkeleton } = props;
     const appearanceConfig = useAppearanceConfig(appearance, warningConfig);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillClass, labelTextColor, labelTextSize, labelTextWeight, descriptionTextColor, descriptionTextSize, borderColorClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeSize, iconBeforeSrc, sizeClass, } = propsGenerator;
+    const { fillClass, labelTextColor, labelTextSize, labelTextWeight, descriptionTextColor, descriptionTextSize, borderColorClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeSize, iconBeforeSrc, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
     // @ts-ignore
     const { styles: warningStyles } = useStyles(props);
     const [isVisible, setIsVisible] = useState(true);
-    return (jsx(Fragment, { children: isVisible && (jsxs("div", { className: clsx(className, 'warning', fillClass && `fill_${fillClass}`, sizeClass && `warning_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, shape && `warning_shape_${shape}`, isSkeleton && `warning_skeleton`), style: warningStyles, children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { fill: iconBeforeFill, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxs("div", { className: 'warning__content', children: [label && (jsx(Text, { size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), description && (jsx(Text, { size: descriptionTextSize, textColor: descriptionTextColor, children: description }))] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { fill: iconAfterFill, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, SvgImage: iconAfter, onClick: () => setIsVisible(false) }))] })) }));
+    return (jsx(Fragment, { children: isVisible && (jsxs("div", { className: clsx(className, 'warning', fillClass && `fill_${fillClass}`, sizeClass && `warning_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, isSkeleton && `warning_skeleton`), style: warningStyles, children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { fill: iconBeforeFill, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxs("div", { className: 'warning__content', children: [label && (jsx(Text, { size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), description && (jsx(Text, { size: descriptionTextSize, textColor: descriptionTextColor, children: description }))] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { fill: iconAfterFill, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, SvgImage: iconAfter, onClick: () => setIsVisible(false) }))] })) }));
 }
 
 export { Warning, warningAppearance, warningConfig };

package/dist/css/styles/bundles.css

@@ -60463,6 +60463,7 @@ h2.react-datepicker__current-month {
 .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
 .react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
   background-color: rgb(28.75, 93.2196969697, 143.75);
+  color: #fff;
 }
 .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
 .react-datepicker__month-text--in-range,

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

@@ -27,7 +27,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    outlined?: {
+    accentPrimary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -55,7 +55,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    full?: {
+    accentSecondary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -83,7 +83,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    ghost?: {
+    accentTertiary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -111,7 +111,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    accentPrimary?: {
+    accentQuaternary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -139,7 +139,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    accentQuaternary?: {
+    specialPrimary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -167,7 +167,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    accentSecondary?: {
+    specialSecondary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -195,7 +195,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    accentTertiary?: {
+    specialTertiary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -223,7 +223,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    dangerPrimary?: {
+    specialQuaternary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -251,7 +251,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    dangerQuaternary?: {
+    extraPrimary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -279,7 +279,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    dangerSecondary?: {
+    extraSecondary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -307,7 +307,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    dangerTertiary?: {
+    extraTertiary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -335,7 +335,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    disabledPrimary?: {
+    extraQuaternary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -363,7 +363,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    disabledQuaternary?: {
+    surfacePrimary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -391,7 +391,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    disabledSecondary?: {
+    surfaceSecondary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -419,7 +419,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    disabledTertiary?: {
+    surfaceTertiary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -447,7 +447,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    errorPrimary?: {
+    surfaceQuaternary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -475,7 +475,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    errorQuaternary?: {
+    errorPrimary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -559,7 +559,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    extraPrimary?: {
+    errorQuaternary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -587,7 +587,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    extraQuaternary?: {
+    warningPrimary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -615,7 +615,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    extraSecondary?: {
+    warningSecondary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -643,7 +643,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    extraTertiary?: {
+    warningTertiary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -671,7 +671,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    infoPrimary?: {
+    warningQuaternary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -699,7 +699,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    infoQuaternary?: {
+    successPrimary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -727,7 +727,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    infoSecondary?: {
+    successSecondary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -755,7 +755,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    infoTertiary?: {
+    successTertiary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -783,7 +783,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    specialPrimary?: {
+    successQuaternary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -811,7 +811,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    specialQuaternary?: {
+    infoPrimary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -839,7 +839,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    specialSecondary?: {
+    infoSecondary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -867,7 +867,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    specialTertiary?: {
+    infoTertiary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -895,7 +895,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    successPrimary?: {
+    infoQuaternary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -923,7 +923,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    successQuaternary?: {
+    dangerPrimary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -951,7 +951,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    successSecondary?: {
+    dangerSecondary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -979,7 +979,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    successTertiary?: {
+    dangerTertiary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -1007,7 +1007,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    surfacePrimary?: {
+    dangerQuaternary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -1035,7 +1035,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    surfaceQuaternary?: {
+    disabledPrimary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -1063,7 +1063,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    surfaceSecondary?: {
+    disabledSecondary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -1091,7 +1091,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    surfaceTertiary?: {
+    disabledTertiary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -1119,7 +1119,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    warningPrimary?: {
+    disabledQuaternary?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -1147,7 +1147,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    warningQuaternary?: {
+    geometric?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -1175,7 +1175,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    warningSecondary?: {
+    circular?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -1203,7 +1203,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    warningTertiary?: {
+    rounded?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -1231,7 +1231,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    circular?: {
+    outlined?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -1259,7 +1259,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    geometric?: {
+    full?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;
@@ -1287,7 +1287,7 @@ export declare const avatarAppearance: {
         textSize?: import("../Text/Text.interface").TextProps["size"];
         textWeight?: import("../Text/Text.interface").TextProps["textWeight"];
     } | undefined;
-    rounded?: {
+    ghost?: {
         badge?: string;
         badgeAppearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey;
         badgeAppearanceSize?: import("@itcase/types").AppearanceSizeKey;