@itcase/ui 1.1.8 → 1.1.10

package/dist/cjs/Tooltip-DasmzIDY.js

@@ -0,0 +1,116 @@
+'use strict';
+
+var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var React = require('react');
+var clsx = require('clsx');
+var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
+var useStyles = require('./hooks/useStyles.js');
+var Text = require('./Text-CgYNdSwY.js');
+var Title = require('./Title-C3lN-EvU.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+var tooltipConfig = {
+    appearance: undefined,
+    setAppearance: function (newComponent) {
+        tooltipConfig.appearance = newComponent;
+    },
+};
+var Tooltip = React__default.default.forwardRef(function Tooltip(props, ref) {
+    var before = props.before, after = props.after, appearance = props.appearance, children = props.children, className = props.className, text = props.text, title = props.title, type = props.type, set = props.set, arrowPosition = props.arrowPosition, titleTextColor = props.titleTextColor, titleSize = props.titleSize, textColor = props.textColor, textSize = props.textSize, initialIsVisible = props.initialIsVisible;
+    var tooltipTimeoutHideRef = React.useRef(null);
+    var tooltipTimeoutShowRef = React.useRef(null);
+    var isTooltipCloseAnimationInProgressRef = React.useRef(false);
+    var _a = React.useState(initialIsVisible), isTooltipVisible = _a[0], setIsTooltipVisible = _a[1];
+    var openTooltip = React.useCallback(function () {
+        if (!isTooltipCloseAnimationInProgressRef.current) {
+            if (tooltipTimeoutHideRef.current) {
+                clearTimeout(tooltipTimeoutHideRef.current);
+            }
+            tooltipTimeoutShowRef.current = setTimeout(function () {
+                setIsTooltipVisible(true);
+            }, 500);
+        }
+    }, []);
+    var closeTooltip = React.useCallback(function () {
+        if (tooltipTimeoutShowRef.current) {
+            clearTimeout(tooltipTimeoutShowRef.current);
+        }
+        // Make a small delay to be able to move cursor on the tooltip without
+        // triggering a close, because the label and the tooltip have  space between
+        tooltipTimeoutHideRef.current = setTimeout(function () {
+            // @ts-expect-error
+            setIsTooltipVisible(function (prevState) {
+                var newState = false;
+                if (prevState === true) {
+                    isTooltipCloseAnimationInProgressRef.current = true;
+                }
+                return newState;
+            });
+        }, 250);
+    }, []);
+    var onAnimationEnd = React.useCallback(function () {
+        isTooltipCloseAnimationInProgressRef.current = false;
+    }, []);
+    // @ts-expect-error
+    React.useImperativeHandle(ref, function () { return ({ openTooltip: openTooltip, closeTooltip: closeTooltip }); }, [openTooltip, closeTooltip]);
+    var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
+    });
+    var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
+    });
+    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'tooltip_shape_',
+        propsKey: 'shape',
+    });
+    var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'tooltip_size_',
+        propsKey: 'size',
+    });
+    var borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'borderWidth',
+    });
+    var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    var elevationClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'elevation_',
+        propsKey: 'elevation',
+    });
+    var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var alignmentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'alignment_',
+        propsKey: 'alignment',
+    });
+    // @ts-expect-error
+    var tooltipStyles = useStyles.useStyles(props).styles;
+    var appearanceConfig = React.useMemo(function () { return appearance && tooltipConfig.appearance && tooltipConfig.appearance[appearance]; }, [appearance, tooltipConfig]);
+    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default(className, 'tooltip', isTooltipVisible === true && 'tooltip_state_open', isTooltipVisible === false && 'tooltip_state_close', fillClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
+                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), shapeClass, alignDirectionClass, alignClass, alignmentClass, borderWidthClass, borderColorClass, borderTypeClass, elevationClass, sizeClass, arrowPosition && "tooltip_type_arrow tooltip_arrow_position_".concat(arrowPosition), type && "tooltip_type_".concat(type), set && "tooltip_set_".concat(set), widthClass), style: tooltipStyles, onAnimationEnd: onAnimationEnd, children: [before, jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "tooltip__inner", children: [title && (jsxRuntime.jsxRuntimeExports.jsx(Title.Title, { className: "tooltip__title", size: titleSize, textColor: titleTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor), children: title })), text && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "tooltip__text", size: textSize, textColor: textColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor), children: text })), children] }), after] }));
+});
+Tooltip.defaultProps = {
+    initialIsVisible: null,
+};
+
+exports.Tooltip = Tooltip;
+exports.tooltipConfig = tooltipConfig;

package/dist/cjs/Video-B_xqvgag.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var clsx = require('clsx');
+var useStyles = require('./hooks/useStyles.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+function Video(props) {
+    var id = props.id, children = props.children, className = props.className, poster = props.poster, webm = props.webm, ogv = props.ogv, mp4 = props.mp4, type = props.type, position = props.position;
+    // @ts-expect-error
+    var videoStyles = useStyles.useStyles(props).styles;
+    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default('video', className, type && "video_type_".concat(type), position && "video_position_".concat(position)), id: id, style: videoStyles, children: [jsxRuntime.jsxRuntimeExports.jsxs("video", { autoPlay: true, className: "video__wrapper", poster: poster, muted: true, loop: true, playsInline: false, children: [webm && jsxRuntime.jsxRuntimeExports.jsx("source", { src: webm, type: "video/webm", 
+                        // @ts-expect-error
+                        codecs: "vp8, vorbis" }), ogv && jsxRuntime.jsxRuntimeExports.jsx("source", { src: ogv, type: "video/ogg", 
+                        // @ts-expect-error
+                        codecs: "theora, vorbis" }), mp4 && jsxRuntime.jsxRuntimeExports.jsx("source", { src: mp4, type: "video/mp4", 
+                        // @ts-expect-error
+                        codecs: "avc1.42E01E, mp4a.40.2" })] }), children] }));
+}
+
+exports.Video = Video;

package/dist/cjs/Wrapper-DravIzND.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
+var clsx = require('clsx');
+var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
+var useStyles = require('./hooks/useStyles.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+function Wrapper(props) {
+    var after = props.after, before = props.before, children = props.children, className = props.className, id = props.id, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, type = props.type;
+    var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
+    });
+    var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
+    });
+    var resizeHorizontalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'wrapper_resize-horizontal_',
+        propsKey: 'horizontalResizing',
+    });
+    var resizeVerticalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'wrapper_resize-vertical_',
+        propsKey: 'verticalResizing',
+    });
+    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'position_',
+        propsKey: 'position',
+    });
+    var wrapperPositionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+        prefix: 'position_',
+        propsKey: 'wrapperPosition',
+    });
+    // @ts-expect-error
+    var _b = useStyles.useStyles(props), wrapperStyles = _b.styles, innerStyles = _b.inner;
+    return (jsxRuntime.jsxRuntimeExports.jsx(Tag, { id: id, className: clsx__default.default(className, type && "".concat(className, "_type_").concat(type), fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass), style: wrapperStyles, children: jsxRuntime.jsxRuntimeExports.jsxs("div", { className: clsx__default.default("".concat(className, "__inner"), alignDirectionClass, alignClass, wrapperPositionClass), style: innerStyles, children: [before, children, after] }) }));
+}
+Wrapper.defaultProps = {
+    className: 'wrapper',
+    tag: 'div',
+};
+
+exports.Wrapper = Wrapper;

package/dist/cjs/_tslib-CKiUdo7p.js

@@ -0,0 +1,59 @@
+'use strict';
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+exports.__assign = function() {
+    exports.__assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return exports.__assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+exports.__rest = __rest;
+exports.__spreadArray = __spreadArray;

package/dist/cjs/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/cjs/components/Accordion.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var Accordion = require('../Accordion-DcZ9P5kP.js');
-require('../Link-BoShjCEw.js');
-require('../jsx-runtime-BCmQOGxJ.js');
+var Accordion = require('../Accordion-Dx0BRqhi.js');
+require('../_tslib-CKiUdo7p.js');
+require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
-require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
+require('../hooks/useDeviceTargetClass.js');
 require('lodash/camelCase');
 require('../context/UIContext.js');
 require('prop-types');
@@ -16,23 +16,12 @@ require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../Icon-UBahY607.js');
+require('../Icon-D1v73UhR.js');
 require('react-inlinesvg');
-require('./Tooltip.js');
-require('../Text-D7Aq1i5R.js');
-require('./Title.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textSize.js');
-require('../constants/componentProps/shape.js');
+require('../Link-3qPujNn9.js');
+require('../Tooltip-DasmzIDY.js');
+require('../Text-CgYNdSwY.js');
+require('../Title-C3lN-EvU.js');
 
 
 

package/dist/cjs/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/cjs/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/cjs/components/Avatar.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Avatar = require('../Avatar-DQ5fNpnO.js');
-require('../jsx-runtime-BCmQOGxJ.js');
+var Avatar = require('../Avatar-C2xK87qB.js');
+require('../jsx-runtime-BBxmckJR.js');
 require('react');
 require('clsx');
 require('../hooks/useDeviceTargetClass.js');
@@ -11,32 +11,18 @@ require('../context/UIContext.js');
 require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('../Icon-UBahY607.js');
-require('../Link-BoShjCEw.js');
+require('../Icon-D1v73UhR.js');
+require('../_tslib-CKiUdo7p.js');
+require('react-inlinesvg');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('react-inlinesvg');
-require('./Tooltip.js');
-require('../Text-D7Aq1i5R.js');
-require('./Title.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textSize.js');
-require('../constants/componentProps/shape.js');
-require('./Image.js');
-require('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/resizeMode.js');
-require('../constants/componentProps/width.js');
+require('../Link-3qPujNn9.js');
+require('../Tooltip-DasmzIDY.js');
+require('../Text-CgYNdSwY.js');
+require('../Title-C3lN-EvU.js');
+require('../Image-CCx6QWZj.js');
 
 
 

package/dist/cjs/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/cjs/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/cjs/components/Badge/index.d.ts

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