@itcase/ui 1.1.8 → 1.1.10

package/dist/cjs/hooks/styleAttributes.interface.d.ts

@@ -1,3 +1,5 @@
+import type * as CSS from 'csstype';
+import { overflowPropsType, textAlignPropsType } from '../types';
 export interface TypeStyleAttributes {
     /**
      * Layout
@@ -5,7 +7,7 @@ export interface TypeStyleAttributes {
     alignContent?: string;
     alignItems?: string;
     alignSelf?: string;
-    aspectRatio?: string;
+    aspectRatio?: CSS.Property.AspectRatio;
     border?: string;
     borderBottomWidth?: string;
     borderEndWidth?: string;
@@ -16,13 +18,13 @@ export interface TypeStyleAttributes {
     bottom?: string;
     columnGap?: string;
     columnWidth?: string;
-    display?: string;
+    display?: CSS.Property.Display;
     end?: string;
-    flex?: string;
-    flexBasis?: string;
-    flexDirection?: string;
-    flexShrink?: string;
-    flexWrap?: string;
+    flex?: CSS.Property.Flex;
+    flexBasis?: CSS.Property.FlexBasis;
+    flexDirection?: CSS.Property.FlexDirection;
+    flexShrink?: CSS.Property.FlexShrink;
+    flexWrap?: CSS.Property.FlexWrap;
     gap?: string;
     height?: string;
     left?: string;
@@ -39,8 +41,8 @@ export interface TypeStyleAttributes {
     maxWidth?: string;
     minHeight?: string;
     minWidth?: string;
-    order?: string;
-    overflow?: string;
+    order?: CSS.Property.Order;
+    overflow?: overflowPropsType;
     padding?: string;
     paddingBottom?: string;
     paddingEnd?: string;
@@ -67,7 +69,7 @@ export interface TypeStyleAttributes {
     /**
      * Transform
      */
-    transform?: string;
+    transform?: CSS.Property.Transform;
     /**
      * View
      */
@@ -98,26 +100,26 @@ export interface TypeStyleAttributes {
     color?: string;
     fontFamily?: string;
     fontSize?: string;
-    fontStyle?: string;
+    fontStyle?: CSS.Property.FontStyle;
     fontVariant?: string;
-    fontWeight?: string;
+    fontWeight?: CSS.Property.FontWeight;
     letterSpacing?: string;
     lineHeight?: string;
-    textAlign?: string;
+    textAlign?: textAlignPropsType;
     textDecorationColor?: string;
     textDecorationLine?: string;
     textDecorationStyle?: string;
     textShadowColor?: string;
     textShadowOffset?: string;
     textShadowRadius?: string;
-    textTransform?: string;
-    verticalAlign?: string;
-    writingMode?: string;
-    whiteSpace?: string;
+    textTransform?: CSS.Property.TextTransform;
+    verticalAlign?: CSS.Property.VerticalAlign;
+    writingMode?: CSS.Property.WritingMode;
+    whiteSpace?: CSS.Property.WhiteSpace;
     /**
      * Image
      */
-    objectFit?: string;
+    objectFit?: CSS.Property.ObjectFit;
     overlayColor?: string;
     resizeMode?: string;
     tintColor?: string;
@@ -141,3 +143,19 @@ export interface TypeStyleAttributes {
      */
     backdropFilter?: string;
 }
+type WrappedInterface<T> = {
+    [P in keyof T as `${string & P}Wrapper`]: T[P];
+};
+type LabelInterface<T> = {
+    [P in keyof T as `${string & P}Label`]: T[P];
+};
+type ImageInterface<T> = {
+    [P in keyof T as `${string & P}Image`]: T[P];
+};
+export interface TypeStyleWrapperAttributes extends WrappedInterface<TypeStyleAttributes> {
+}
+export interface TypeStyleLabelAttributes extends LabelInterface<TypeStyleAttributes> {
+}
+export interface TypeStyleImageAttributes extends ImageInterface<TypeStyleAttributes> {
+}
+export {};

package/dist/cjs/{jsx-runtime-BCmQOGxJ.js → jsx-runtime-BBxmckJR.js}

@@ -1040,11 +1040,6 @@ function requireReactJsxRuntime_development () {
 
 	function getSourceInfoErrorAddendum(source) {
 	  {
-	    if (source !== undefined) {
-	      var fileName = source.fileName.replace(/^.*[\\\/]/, '');
-	      var lineNumber = source.lineNumber;
-	      return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
-	    }
 
 	    return '';
 	  }
@@ -1245,6 +1240,7 @@ function requireReactJsxRuntime_development () {
 	  }
 	}
 
+	var didWarnAboutKeySpread = {};
 	function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
 	  {
 	    var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
@@ -1257,7 +1253,7 @@ function requireReactJsxRuntime_development () {
 	        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
 	      }
 
-	      var sourceInfo = getSourceInfoErrorAddendum(source);
+	      var sourceInfo = getSourceInfoErrorAddendum();
 
 	      if (sourceInfo) {
 	        info += sourceInfo;
@@ -1315,6 +1311,24 @@ function requireReactJsxRuntime_development () {
 	      }
 	    }
 
+	    {
+	      if (hasOwnProperty.call(props, 'key')) {
+	        var componentName = getComponentNameFromType(type);
+	        var keys = Object.keys(props).filter(function (k) {
+	          return k !== 'key';
+	        });
+	        var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
+
+	        if (!didWarnAboutKeySpread[componentName + beforeExample]) {
+	          var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
+
+	          error('A props object containing a "key" prop is being spread into JSX:\n' + '  let props = %s;\n' + '  <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + '  let props = %s;\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
+
+	          didWarnAboutKeySpread[componentName + beforeExample] = true;
+	        }
+	      }
+	    }
+
 	    if (type === REACT_FRAGMENT_TYPE) {
 	      validateFragmentProps(element);
 	    } else {

package/dist/cjs/types/componentProps/alignment.d.ts

@@ -1 +1 @@
-export type alignmentProps = 'topLeft' | 'topCenter' | 'topRight' | 'leftCenter' | 'rightCenter' | 'bottomRight' | 'bottomCenter' | 'bottomLeft';
+export type alignmentPropsType = 'topLeft' | 'topCenter' | 'topRight' | 'leftCenter' | 'rightCenter' | 'bottomRight' | 'bottomCenter' | 'bottomLeft';

package/dist/cjs/types/componentProps/appearanceKeys.d.ts

@@ -1 +1 @@
-export type appearanceKeysDefaultType = 'dev' | 'accent' | 'primary' | 'secondary' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary';
+export type appearanceKeysDefaultType = 'any' | 'dev' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceDisabled' | 'gradientPrimary' | 'accent' | 'primary' | 'secondary' | 'disabled' | 'success' | 'warning' | 'error' | 'fail';

package/dist/cjs/types/componentProps/fill.d.ts

@@ -1 +1 @@
-export type fillPropsType = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'errorPrimary' | 'errorSecondary' | 'gradientPrimary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'successPrimary' | 'successSecondary' | 'surfaceItemPrimary' | 'surfaceItemPrimary' | 'surfacePrimary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'surfaceSecondary' | 'surfaceTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary';
+export type fillPropsType = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'errorPrimary' | 'errorSecondary' | 'gradientPrimary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'successPrimary' | 'successSecondary' | 'surfaceItemPrimary' | 'surfacePrimary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'surfaceSecondary' | 'surfaceTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary';

package/dist/cjs/types/componentProps/itemColor.d.ts

@@ -1 +1 @@
-export type itemColorPropsType = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'errorPrimary' | 'errorSecondary' | 'successPrimary' | 'successSecondary';
+export type itemColorPropsType = 'accentItemPrimary' | 'accentItemSecondary' | 'accentItemTertiary' | 'accentItemDisabled' | 'primaryItemPrimary' | 'primaryItemSecondary' | 'primaryItemTertiary' | 'primaryItemDisabled' | 'secondaryItemPrimary' | 'secondaryItemSecondary' | 'secondaryItemTertiary' | 'secondaryItemDisabled' | 'tertiaryItemPrimary' | 'tertiaryItemSecondary' | 'tertiaryItemTertiary' | 'surfaceItemPrimary' | 'surfaceItemSecondary' | 'surfaceItemTertiary' | 'surfaceItemQuaternary' | 'surfaceItemQuinary' | 'surfaceItemDisabled' | 'surfaceItemInvert' | 'surfaceItemAccent' | 'errorItemPrimary' | 'errorItemSecondary' | 'successItemPrimary' | 'successItemSecondary';

package/dist/cjs/types/componentProps/overflow.d.ts

@@ -0,0 +1 @@
+export type overflowPropsType = null | 'visible' | 'hidden' | 'scroll';

package/dist/cjs/types/componentProps/sizeInterface.d.ts

@@ -1 +1 @@
-export type sizeInterfacePropsType = 'compact' | 'normal' | 'regular' | 'any';
+export type sizeOptionPropsType = 'compact' | 'normal' | 'regular' | 'any';

package/dist/cjs/types/componentProps/stateKeys.d.ts

@@ -0,0 +1 @@
+export type stateKeysDefaultType = 'normal' | 'filled' | 'active' | 'activeFilled' | 'error' | 'errorFilled' | 'readonly' | 'disabled' | 'success' | 'require';

package/dist/cjs/types/index.d.ts

@@ -1,6 +1,6 @@
 export type { alignDirectionPropsType } from './componentProps/alignDirection';
 export type { alignPropsType } from './componentProps/align';
-export type { alignmentProps } from './componentProps/alignment';
+export type { alignmentPropsType } from './componentProps/alignment';
 export type { borderColorHoverPropsType } from './componentProps/borderColorHover';
 export type { borderColorPropsType } from './componentProps/borderColor';
 export type { borderTypePropsType } from './componentProps/borderType';
@@ -28,15 +28,15 @@ export type { iconFillSizePropsType } from './componentProps/iconFillSize';
 export type { iconSizePropsType } from './componentProps/iconSize';
 export type { itemColorPropsType } from './componentProps/itemColor';
 export type { justifyContentPropsType } from './componentProps/justifyContent';
+export type { overflowPropsType } from './componentProps/overflow.ts';
 export type { positionPropsType } from './componentProps/position';
 export type { resizeModePropsType } from './componentProps/resizeMode';
 export type { shapePropsType } from './componentProps/shape';
-export type { sizeInterfacePropsType } from './componentProps/sizeInterface';
+export type { sizeOptionPropsType } from './componentProps/sizeInterface';
 export type { sizePXPropsType } from './componentProps/sizePX';
 export type { sizePropsType } from './componentProps/size';
 export type { stackingPropsType } from './componentProps/stacking';
 export type { statePropsType } from './componentProps/state';
-export type { strokeColorPropsType } from './componentProps/strokeColor';
 export type { textAlignPropsType } from './componentProps/textAlign';
 export type { textColorActivePropsType } from './componentProps/textColorActive';
 export type { textColorHoverPropsType } from './componentProps/textColorHover';

package/dist/components/Accordion/Accordion.interface.d.ts

@@ -1,56 +1,58 @@
-import React from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { borderColorPropsType, directionPropsType, fillHoverPropsType, fillPropsType, heightPropsType, shapePropsType, sizePropsType, textColorPropsType, textWeightPropsType, widthPropsType } from '../../types';
+import { borderColorPropsType, directionPropsType, fillHoverPropsType, fillPropsType, heightPropsType, itemColorPropsType, shapePropsType, sizePropsType, textColorPropsType, textWeightPropsType, widthPropsType } from '../../types';
 export interface IAccordionProps extends TypeStyleAttributes {
-    children?: React.ReactNode;
+    children?: ReactNode;
+    className: string;
+    initial: any;
+    isMultiple: boolean;
     items?: {
-        content: React.ReactNode;
+        content: ReactNode;
         id: number | string;
         title: string;
     }[];
-    className: string;
-    initial: any;
-    isMultiple: boolean;
+    style?: CSSProperties;
     onClickItem?: ({}: {
         id: number | string;
     }) => void;
     borderColor?: borderColorPropsType;
     direction?: directionPropsType;
     fill?: fillPropsType;
-    shape?: shapePropsType;
     height?: heightPropsType;
+    shape?: shapePropsType;
     width?: widthPropsType;
 }
 export interface IAccordionItemProps extends TypeStyleAttributes {
-    children?: React.ReactNode;
-    id: number | string;
-    title?: string;
-    icon?: React.ReactNode;
-    content?: React.ReactNode;
-    afterContent?: React.ReactNode;
-    beforeContent?: React.ReactNode;
+    afterContent?: ReactNode;
+    beforeContent?: ReactNode;
+    children?: ReactNode;
     className?: string;
-    titleTextSize?: sizePropsType;
-    titleTextColor?: textColorPropsType;
-    titleTextWeight?: textWeightPropsType;
-    contentTextSize?: sizePropsType;
+    content?: ReactNode;
     contentTextColor?: textColorPropsType;
+    contentTextSize?: sizePropsType;
     contentTextWeight?: textWeightPropsType;
+    icon?: ReactNode;
+    id: number | string;
     size?: sizePropsType;
+    style?: CSSProperties;
+    title?: string;
+    titleTextColor?: textColorPropsType;
+    titleTextSize?: sizePropsType;
+    titleTextWeight?: textWeightPropsType;
     isExpanded?: boolean;
     onClick?: ({}: {
         id: number | string;
         title?: string;
-        content?: React.ReactNode;
+        content?: ReactNode;
         isExpanded?: boolean;
     }) => void;
     fillDesktop?: fillPropsType;
     fillMobile?: fillPropsType;
     fillTablet?: fillPropsType;
-    iconFill?: fillPropsType;
-    iconFillDesktop?: fillPropsType;
-    iconFillMobile?: fillPropsType;
-    iconFillTablet?: fillPropsType;
+    iconFill?: itemColorPropsType;
+    iconFillDesktop?: itemColorPropsType;
+    iconFillMobile?: itemColorPropsType;
+    iconFillTablet?: itemColorPropsType;
     shapeDesktop?: shapePropsType;
     shapeMobile?: shapePropsType;
     shapeTablet?: shapePropsType;

package/dist/components/Accordion.js

@@ -1,10 +1,10 @@
-export { A as Accordion, a as AccordionItem } from '../Accordion-CqPVnTKh.js';
-import '../Link-ByBzBRDH.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+export { A as Accordion, a as AccordionItem } from '../Accordion-CXvqu97t.js';
+import '../_tslib-S-VPg1Cw.js';
+import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
-import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
+import '../hooks/useDeviceTargetClass.js';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
 import 'prop-types';
@@ -14,20 +14,9 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Icon-Dn2eEZvb.js';
+import '../Icon-C1j6rkeI.js';
 import 'react-inlinesvg';
-import './Tooltip.js';
-import '../Text-BcGbRc14.js';
-import './Title.js';
-import '../constants/componentProps/fill.js';
-import '../constants/componentProps/textAlign.js';
-import '../constants/componentProps/textColor.js';
-import '../constants/componentProps/textGradient.js';
-import '../constants/componentProps/textStyle.js';
-import '../constants/componentProps/textWeight.js';
-import '../constants/componentProps/titleSize.js';
-import '../constants/componentProps/type.js';
-import '../constants/componentProps/wrap.js';
-import '../constants/componentProps/size.js';
-import '../constants/componentProps/textSize.js';
-import '../constants/componentProps/shape.js';
+import '../Link-CbCqej5B.js';
+import '../Tooltip-jT5A43he.js';
+import '../Text-edtauAM6.js';
+import '../Title-BUN57fWw.js';

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

@@ -1,13 +1,3 @@
 import { IAvatarProps } from './Avatar.interface';
 declare function Avatar(props: IAvatarProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Avatar {
-    var defaultProps: {
-        size: string;
-        textSize: string;
-        textColor: string;
-        textWeight: number;
-        firstName: string;
-        secondName: string;
-    };
-}
 export { Avatar };

package/dist/components/Avatar/Avatar.interface.d.ts

@@ -1,44 +1,29 @@
-import React from 'react';
+import { ElementType, ReactNode } from 'react';
 import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { fillHoverPropsType, fillPropsType, iconFillSizePropsType, iconSizePropsType, shapePropsType, sizePXPropsType, textColorPropsType, textSizePropsType, textWeightPropsType } from '../../types';
-import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
-export interface IAvatarThemeColor {
+import { fillHoverPropsType, fillPropsType, iconFillSizePropsType, iconSizePropsType, itemColorPropsType, shapePropsType, sizePXPropsType, textColorPropsType, textSizePropsType, textWeightPropsType } from '../../types';
+export interface IAvatarProps extends TypeStyleAttributes {
+    Dot?: ReactNode;
+    after?: ReactNode;
+    before?: ReactNode;
+    className?: string;
     fill?: fillPropsType;
+    firstName?: string;
+    icon?: ElementType;
     iconFill?: fillPropsType;
     iconFillHover?: fillHoverPropsType;
     iconFillSize?: iconFillSizePropsType;
-    iconItemFill?: fillPropsType;
+    iconItemFill?: itemColorPropsType;
     iconShape?: shapePropsType;
     iconSize?: iconSizePropsType;
-    iconStroke?: string;
+    iconSrc?: string;
     mode?: string;
+    secondName?: string;
     shape?: shapePropsType;
     size?: sizePXPropsType;
+    src?: string;
     textColor?: textColorPropsType;
     textSize?: textSizePropsType;
     textWeight?: textWeightPropsType;
-    type?: string;
-}
-type appearanceKeysType = appearanceKeysDefaultType & {};
-export type avatarAppearanceType = {
-    [key in appearanceKeysType]?: IAvatarThemeColor;
-};
-export interface IAvatarConfig {
-    appearance: avatarAppearanceType | undefined;
-    setAppearance: (newComponent: avatarAppearanceType) => void;
-}
-export interface IAvatarProps extends IAvatarThemeColor, TypeStyleAttributes {
-    after?: React.ReactNode;
-    before?: React.ReactNode;
-    className?: string;
-    Dot?: React.ReactNode;
-    firstName?: string;
-    icon?: React.ElementType;
-    iconSrc?: string;
-    mode?: string;
-    onClick?: () => void;
-    secondName?: string;
-    src?: string;
     type?: 'image' | 'text';
+    onClick?: () => void;
 }
-export {};

package/dist/components/Avatar.js

@@ -1,5 +1,5 @@
-export { A as Avatar } from '../Avatar-diLCwtnd.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+export { A as Avatar } from '../Avatar-JAaLGdYj.js';
+import '../jsx-runtime-C2uP7l8s.js';
 import 'react';
 import 'clsx';
 import '../hooks/useDeviceTargetClass.js';
@@ -9,29 +9,15 @@ import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../Icon-Dn2eEZvb.js';
-import '../Link-ByBzBRDH.js';
+import '../Icon-C1j6rkeI.js';
+import '../_tslib-S-VPg1Cw.js';
+import 'react-inlinesvg';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import 'react-inlinesvg';
-import './Tooltip.js';
-import '../Text-BcGbRc14.js';
-import './Title.js';
-import '../constants/componentProps/fill.js';
-import '../constants/componentProps/textAlign.js';
-import '../constants/componentProps/textColor.js';
-import '../constants/componentProps/textGradient.js';
-import '../constants/componentProps/textStyle.js';
-import '../constants/componentProps/textWeight.js';
-import '../constants/componentProps/titleSize.js';
-import '../constants/componentProps/type.js';
-import '../constants/componentProps/wrap.js';
-import '../constants/componentProps/size.js';
-import '../constants/componentProps/textSize.js';
-import '../constants/componentProps/shape.js';
-import './Image.js';
-import '../constants/componentProps/borderColor.js';
-import '../constants/componentProps/resizeMode.js';
-import '../constants/componentProps/width.js';
+import '../Link-CbCqej5B.js';
+import '../Tooltip-jT5A43he.js';
+import '../Text-edtauAM6.js';
+import '../Title-BUN57fWw.js';
+import '../Image-Bz4Fo3eB.js';

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,10 @@
+import { IBadgeConfig, IBadgeProps } from './Badge.interface';
+declare const badgeConfig: IBadgeConfig;
+declare function Badge(props: IBadgeProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Badge {
+    var defaultProps: {
+        size: string;
+        shape: string;
+    };
+}
+export { Badge, badgeConfig };

package/dist/components/Badge/Badge.interface.d.ts

@@ -0,0 +1,32 @@
+import { CSSProperties, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorHoverPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, fillPropsType, shapePropsType, sizePropsType, textColorPropsType, textSizePropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+export interface IBadgeThemeColor {
+    borderColor?: borderColorPropsType;
+    borderColorHover?: borderColorHoverPropsType;
+    borderType?: borderTypePropsType;
+    borderWidth?: borderWidthPropsType;
+    fill?: fillPropsType;
+    shape?: shapePropsType;
+    size?: sizePropsType;
+    textColor?: textColorPropsType;
+    textSize?: textSizePropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+export type badgeAppearanceType = {
+    [key in appearanceKeysType]?: IBadgeThemeColor;
+};
+export interface IBadgeConfig {
+    appearance: badgeAppearanceType | undefined;
+    setAppearance: (newComponent: badgeAppearanceType) => void;
+}
+export interface IBadgeProps extends IBadgeThemeColor, TypeStyleAttributes {
+    appearance?: appearanceKeysType;
+    children?: ReactNode;
+    className?: string;
+    mode?: string;
+    style?: CSSProperties;
+    value?: string;
+}
+export {};

package/dist/components/Badge/index.d.ts

@@ -0,0 +1 @@
+export { Badge, badgeConfig } from './Badge';