@televet/kibble-ui 1.20.1 → 1.20.2

package/build/index.js

@@ -6577,113 +6577,14 @@ var Icon = React.forwardRef(function (_a, ref) {
 });
 Icon.displayName = 'Icon';
 
-var camelCaseToLabel = function (s) {
-    return s.replace(/([A-Z])/g, ' $1').replace(/^\w/, function (c) { return c.toUpperCase(); });
-};
-var toTitleCase = function (s) {
-    var smallWords = /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|v.?|vs.?|via)$/i;
-    var alphanumericPattern = /([A-Za-z0-9\u00C0-\u00FF])/;
-    var wordSeparators = /([ :–—-])/;
-    return s
-        .split(wordSeparators)
-        .map(function (current, index, array) {
-        if (
-        /* Check for small words */
-        current.search(smallWords) > -1 &&
-            /* Skip first and last word */
-            index !== 0 &&
-            index !== array.length - 1 &&
-            /* Ignore title end and subtitle start */
-            array[index - 3] !== ':' &&
-            array[index + 1] !== ':' &&
-            /* Ignore small words that start a hyphenated phrase */
-            (array[index + 1] !== '-' || (array[index - 1] === '-' && array[index + 1] === '-'))) {
-            return current.toLowerCase();
-        }
-        /* Ignore intentional capitalization */
-        if (current.substring(1).search(/[A-Z]|\../) > -1) {
-            return current;
-        }
-        /* Ignore URLs */
-        if (array[index + 1] === ':' && array[index + 2] !== '') {
-            return current;
-        }
-        /* Capitalize the first letter */
-        return current.replace(alphanumericPattern, function (match) { return match.toUpperCase(); });
-    })
-        .join('');
-};
-
-var getNextIconSize = function (size, larger, count) {
-    if (larger === void 0) { larger = true; }
-    if (count === void 0) { count = 1; }
-    var nextSize;
-    switch (size) {
-        case 'xs':
-            nextSize = larger ? 'sm' : 'xs';
-            break;
-        case 'sm':
-            nextSize = larger ? 'md' : 'xs';
-            break;
-        case 'md':
-            nextSize = larger ? 'lg' : 'sm';
-            break;
-        case 'lg':
-            nextSize = larger ? 'xl' : 'md';
-            break;
-        case 'xl':
-            nextSize = larger ? '2xl' : 'lg';
-            break;
-        case '2xl':
-            nextSize = larger ? '2xl' : 'xl';
-            break;
-        default:
-            nextSize = size;
-            break;
-    }
-    if (count > 1) {
-        nextSize = getNextIconSize(nextSize, larger, count - 1);
-    }
-    return nextSize;
-};
-
-var Tooltip = function (_a) {
-    var children = _a.children, label = _a.label, _b = _a.openDelay, openDelay = _b === void 0 ? 350 : _b, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, _d = _a.titleCaseLabel, titleCaseLabel = _d === void 0 ? true : _d, rest = __rest(_a, ["children", "label", "openDelay", "placement", "titleCaseLabel"]);
-    var components = useTheme().components;
-    var bg = useAdaptiveColor(components.Tooltip.color);
-    var l = titleCaseLabel ? toTitleCase(label.toLowerCase()) : label;
-    return (React__default["default"].createElement(react.Tooltip, __assign({ hasArrow: true, arrowSize: 10, label: l, bg: bg, openDelay: openDelay, placement: placement }, rest), children));
-};
-
-var TooltipGlobalStyle = {
-    '[id^=tooltip]': {
-        padding: '4px 8px 4px 8px !important',
-        borderRadius: '4px !important',
-    },
-};
-var TooltipConfig = {
-    color: { light: semanticColors.background.dark, dark: semanticColors.background.light },
-    baseStyle: {
-        zIndex: 'tooltipExtra',
-    },
-};
-
 var AvatarConfig = {
     baseStyle: {
         container: {
             backgroundColor: coreColors.white,
-            borderWidth: '2px',
-            boxShadow: "0 0 0 1px ".concat(coreColors.white),
-            _hover: {
-                backgroundColor: coreColors.gray[50],
-                zIndex: 2,
-            },
-            _active: {
-                backgroundColor: coreColors.gray[100],
-            },
         },
         label: {
             paddingTop: '1px',
+            fontWeight: 'semibold',
         },
     },
     sizes: {
@@ -6736,25 +6637,19 @@ var AvatarConfig = {
     variants: {
         red: {
             container: {
-                borderColor: coreColors.red[300],
-            },
-            label: {
                 color: coreColors.red[300],
+                borderColor: coreColors.red[300],
             },
         },
         green: {
             container: {
                 borderColor: coreColors.green[400],
-            },
-            label: {
                 color: coreColors.green[400],
             },
         },
         blue: {
             container: {
                 borderColor: coreColors.blue[300],
-            },
-            label: {
                 color: coreColors.blue[300],
             },
         },
@@ -6762,74 +6657,49 @@ var AvatarConfig = {
             container: {
                 backgroundColor: coreColors.comet[50],
                 borderColor: coreColors.comet[400],
-                _hover: {
-                    backgroundColor: coreColors.comet[100],
-                },
-                _active: {
-                    backgroundColor: coreColors.comet[200],
-                },
-            },
-            label: {
-                color: coreColors.comet[800],
+                color: coreColors.comet[700],
             },
         },
-        number: {
+        dark: {
             container: {
                 backgroundColor: coreColors.blue[800],
                 border: 0,
-                _hover: {
-                    backgroundColor: coreColors.blue[800], // 700
-                },
-                _active: {
-                    backgroundColor: coreColors.blue[800], // 600
-                },
-            },
-            label: {
                 color: coreColors.white,
             },
         },
         dashed: {
             container: {
-                backgroundColor: coreColors.transparent,
-                border: '1px dashed',
-                borderColor: semanticColors.border.dark,
-                boxShadow: 0,
-                _hover: {
-                    backgroundColor: coreColors.blackAlpha[100],
-                    zIndex: 0,
-                },
-                _active: {
-                    backgroundColor: coreColors.blackAlpha[200],
-                },
-            },
-            label: {
+                backgroundColor: coreColors.white,
+                borderColor: coreColors.white,
+                overflow: 'visible',
                 color: adaptiveColors.icon.light.subtle,
-            },
-        },
-        image: {
-            container: {
-                border: 0,
-                _hover: {
-                    backgroundColor: coreColors.black,
-                    img: { opacity: 0.94 },
-                },
-                _active: {
-                    backgroundColor: coreColors.black,
-                    img: { opacity: 0.92 },
+                _after: {
+                    content: "''",
+                    position: 'absolute',
+                    top: '-2px',
+                    right: '-2px',
+                    bottom: '-2px',
+                    left: '-2px',
+                    border: "1px dashed ".concat(semanticColors.border.light.heavy),
+                    borderRadius: '100%',
                 },
             },
         },
-        icon: {
+        test: {
             container: {
-                border: 0,
-                color: adaptiveColors.icon.light.default,
-                backgroundColor: coreColors.comet[50],
-                opacity: 1,
-                _hover: {
-                    backgroundColor: coreColors.comet[100],
-                },
-                _active: {
-                    backgroundColor: coreColors.comet[200],
+                backgroundColor: coreColors.orange['50'],
+                borderColor: coreColors.orange['200'],
+                overflow: 'visible',
+                color: adaptiveColors.icon.light.subtle,
+                _after: {
+                    content: "''",
+                    position: 'absolute',
+                    top: '-2px',
+                    right: '-2px',
+                    bottom: '-2px',
+                    left: '-2px',
+                    border: "2px dashed ".concat(coreColors.blackAlpha['200']),
+                    borderRadius: '100%',
                 },
             },
         },
@@ -6844,7 +6714,7 @@ exports.AvatarBadgePosition = void 0;
     AvatarBadgePosition["BottomRight"] = "bottomRight";
 })(exports.AvatarBadgePosition || (exports.AvatarBadgePosition = {}));
 var AvatarBadge = function (_a) {
-    var avatarSize = _a.avatarSize, badgeIconName = _a.badgeIconName, badgeBackgroundColor = _a.badgeBackgroundColor, badgeBorderColor = _a.badgeBorderColor, badgeIconColor = _a.badgeIconColor, badgePosition = _a.badgePosition;
+    var avatarSize = _a.avatarSize, badgeIconName = _a.badgeIconName, _b = _a.badgeBackgroundColor, badgeBackgroundColor = _b === void 0 ? semanticColors.background.info : _b, _c = _a.badgeBorderColor, badgeBorderColor = _c === void 0 ? coreColors.white : _c, _d = _a.badgeIconColor, badgeIconColor = _d === void 0 ? adaptiveColors.icon.light.active : _d, _e = _a.badgePosition, badgePosition = _e === void 0 ? exports.AvatarBadgePosition.BottomRight : _e;
     var useSmallBadge = React.useMemo(function () { return avatarSize === 'xs' || !badgeIconName; }, [badgeIconName, avatarSize]);
     var getBadgeTransform = function (position) {
         var _a, _b, _c, _d;
@@ -6859,7 +6729,7 @@ var AvatarBadge = function (_a) {
             case exports.AvatarBadgePosition.TopRight:
                 return useSmallBadge && avatarSize !== 'xs'
                     ? "translate(".concat(translation / 10, "px, ").concat(translation * -1.35, "px)")
-                    : "translate(".concat(translation / 5, "px, ").concat(translation * -1.2, "px)");
+                    : "translate(".concat(translation / 3, "px, ").concat(translation * -1.2, "px)");
             case exports.AvatarBadgePosition.BottomLeft:
                 return useSmallBadge && avatarSize !== 'xs'
                     ? "translate(".concat(translation * -1.35, "px, ").concat(translation / 10, "px)")
@@ -6870,7 +6740,98 @@ var AvatarBadge = function (_a) {
                     : "translate(".concat(translation / 3, "px, ").concat(translation / 3, "px)");
         }
     };
-    return (React__default["default"].createElement(react.AvatarBadge, { color: badgeIconColor || adaptiveColors.icon.light.active, borderColor: badgeBorderColor || coreColors.white, borderWidth: "1px", bg: badgeBackgroundColor || semanticColors.background.info, boxSize: useSmallBadge ? '10px' : '18px', transform: getBadgeTransform(badgePosition || exports.AvatarBadgePosition.BottomRight) }, !useSmallBadge && badgeIconName && React__default["default"].createElement(Icon, { name: badgeIconName, size: 'xs' })));
+    return (React__default["default"].createElement(react.AvatarBadge, { color: badgeIconColor, borderColor: badgeBorderColor, borderWidth: "1px", bg: badgeBackgroundColor, boxSize: useSmallBadge ? '10px' : '18px', transform: getBadgeTransform(badgePosition) }, !useSmallBadge && badgeIconName && React__default["default"].createElement(Icon, { name: badgeIconName, size: 'xs' })));
+};
+
+var camelCaseToLabel = function (s) {
+    return s.replace(/([A-Z])/g, ' $1').replace(/^\w/, function (c) { return c.toUpperCase(); });
+};
+var toTitleCase = function (s) {
+    var smallWords = /^(a|an|and|as|at|but|by|en|for|if|in|nor|of|on|or|per|the|to|v.?|vs.?|via)$/i;
+    var alphanumericPattern = /([A-Za-z0-9\u00C0-\u00FF])/;
+    var wordSeparators = /([ :–—-])/;
+    return s
+        .split(wordSeparators)
+        .map(function (current, index, array) {
+        if (
+        /* Check for small words */
+        current.search(smallWords) > -1 &&
+            /* Skip first and last word */
+            index !== 0 &&
+            index !== array.length - 1 &&
+            /* Ignore title end and subtitle start */
+            array[index - 3] !== ':' &&
+            array[index + 1] !== ':' &&
+            /* Ignore small words that start a hyphenated phrase */
+            (array[index + 1] !== '-' || (array[index - 1] === '-' && array[index + 1] === '-'))) {
+            return current.toLowerCase();
+        }
+        /* Ignore intentional capitalization */
+        if (current.substring(1).search(/[A-Z]|\../) > -1) {
+            return current;
+        }
+        /* Ignore URLs */
+        if (array[index + 1] === ':' && array[index + 2] !== '') {
+            return current;
+        }
+        /* Capitalize the first letter */
+        return current.replace(alphanumericPattern, function (match) { return match.toUpperCase(); });
+    })
+        .join('');
+};
+
+var getNextIconSize = function (size, larger, count) {
+    if (larger === void 0) { larger = true; }
+    if (count === void 0) { count = 1; }
+    var nextSize;
+    switch (size) {
+        case 'xs':
+            nextSize = larger ? 'sm' : 'xs';
+            break;
+        case 'sm':
+            nextSize = larger ? 'md' : 'xs';
+            break;
+        case 'md':
+            nextSize = larger ? 'lg' : 'sm';
+            break;
+        case 'lg':
+            nextSize = larger ? 'xl' : 'md';
+            break;
+        case 'xl':
+            nextSize = larger ? '2xl' : 'lg';
+            break;
+        case '2xl':
+            nextSize = larger ? '2xl' : 'xl';
+            break;
+        default:
+            nextSize = size;
+            break;
+    }
+    if (count > 1) {
+        nextSize = getNextIconSize(nextSize, larger, count - 1);
+    }
+    return nextSize;
+};
+
+var Tooltip = function (_a) {
+    var children = _a.children, label = _a.label, _b = _a.openDelay, openDelay = _b === void 0 ? 350 : _b, _c = _a.placement, placement = _c === void 0 ? 'top' : _c, _d = _a.titleCaseLabel, titleCaseLabel = _d === void 0 ? true : _d, rest = __rest(_a, ["children", "label", "openDelay", "placement", "titleCaseLabel"]);
+    var components = useTheme().components;
+    var bg = useAdaptiveColor(components.Tooltip.color);
+    var l = titleCaseLabel ? toTitleCase(label.toLowerCase()) : label;
+    return (React__default["default"].createElement(react.Tooltip, __assign({ hasArrow: true, arrowSize: 10, label: l, bg: bg, openDelay: openDelay, placement: placement }, rest), children));
+};
+
+var TooltipGlobalStyle = {
+    '[id^=tooltip]': {
+        padding: '4px 8px 4px 8px !important',
+        borderRadius: '4px !important',
+    },
+};
+var TooltipConfig = {
+    color: { light: semanticColors.background.dark, dark: semanticColors.background.light },
+    baseStyle: {
+        zIndex: 'tooltipExtra',
+    },
 };
 
 exports.AvatarVariant = void 0;
@@ -6879,11 +6840,11 @@ exports.AvatarVariant = void 0;
     AvatarVariant["Red"] = "red";
     AvatarVariant["Blue"] = "blue";
     AvatarVariant["Comet"] = "comet";
-    AvatarVariant["Number"] = "number";
+    AvatarVariant["Dark"] = "dark";
     AvatarVariant["Dashed"] = "dashed";
-    AvatarVariant["Image"] = "image";
-    AvatarVariant["Icon"] = "icon";
-})(exports.AvatarVariant || (exports.AvatarVariant = {}));
+    AvatarVariant["Test"] = "test";
+})(exports.AvatarVariant || (exports.AvatarVariant = {}));
+
 var getAvatarVariant = function (charCode) {
     if (charCode >= 65 && charCode <= 71) {
         return exports.AvatarVariant.Blue;
@@ -6899,24 +6860,59 @@ var getAvatarVariant = function (charCode) {
     }
 };
 var Avatar = function (_a) {
-    var name = _a.name, src = _a.src, _b = _a.isClinic, isClinic = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, _d = _a.showTooltip, showTooltip = _d === void 0 ? true : _d, _e = _a.tooltipPlacement, tooltipPlacement = _e === void 0 ? 'bottom' : _e, style = _a.style, handleClick = _a.handleClick, showRemoveButton = _a.showRemoveButton, handleRemoveButtonClick = _a.handleRemoveButtonClick, variant = _a.variant, iconName = _a.iconName, tooltipText = _a.tooltipText, showBadge = _a.showBadge, badgeProps = _a.badgeProps, rest = __rest(_a, ["name", "src", "isClinic", "size", "showTooltip", "tooltipPlacement", "style", "handleClick", "showRemoveButton", "handleRemoveButtonClick", "variant", "iconName", "tooltipText", "showBadge", "badgeProps"]);
-    var theme = useTheme();
-    var _f = __read(React.useState(!!src), 2), isSrcValid = _f[0], setIsSrcValid = _f[1];
-    var _g = __read(React.useState(false), 2), isHoveringAvatar = _g[0], setIsHoveringAvatar = _g[1];
-    var _h = __read(React.useState(false), 2), isHoveringRemoveButton = _h[0], setIsHoveringRemoveButton = _h[1];
-    var shouldHideRemoveButton = size === 'xs' || variant === exports.AvatarVariant.Dashed || variant === exports.AvatarVariant.Number;
-    var _variant = isClinic ? 'comet' : getAvatarVariant(name.charCodeAt(0));
-    if (isSrcValid) {
-        _variant = exports.AvatarVariant.Image;
-    }
-    if (iconName) {
-        _variant = exports.AvatarVariant.Icon;
+    var badgeProps = _a.badgeProps, handleClick = _a.handleClick, handleRemoveButtonClick = _a.handleRemoveButtonClick, _b = _a.hideBorder, hideBorder = _b === void 0 ? false : _b, iconName = _a.iconName, _c = _a.name, name = _c === void 0 ? '' : _c, _d = _a.randomizeVariant, randomizeVariant = _d === void 0 ? false : _d, _e = _a.showBadge, showBadge = _e === void 0 ? false : _e, _f = _a.showRemoveButton, showRemoveButton = _f === void 0 ? false : _f, _g = _a.showTooltip, showTooltip = _g === void 0 ? true : _g, _h = _a.size, size = _h === void 0 ? 'md' : _h, src = _a.src, _j = _a.tooltipPlacement, tooltipPlacement = _j === void 0 ? 'bottom' : _j, tooltipText = _a.tooltipText, _k = _a.variant, variant = _k === void 0 ? exports.AvatarVariant.Comet : _k, rest = __rest(_a, ["badgeProps", "handleClick", "handleRemoveButtonClick", "hideBorder", "iconName", "name", "randomizeVariant", "showBadge", "showRemoveButton", "showTooltip", "size", "src", "tooltipPlacement", "tooltipText", "variant"]);
+    var colors = useTheme().colors;
+    var _l = __read(React.useState(!!src), 2), isSrcValid = _l[0], setIsSrcValid = _l[1];
+    var _m = __read(React.useState(false), 2), isHoveringAvatar = _m[0], setIsHoveringAvatar = _m[1];
+    var _o = __read(React.useState(false), 2), isHoveringRemoveButton = _o[0], setIsHoveringRemoveButton = _o[1];
+    var shouldHideRemoveButton = size === 'xs';
+    var _variant = variant;
+    if (randomizeVariant) {
+        _variant = getAvatarVariant(name.charCodeAt(0));
     }
-    var avatarDynamicStyles = __assign({ cursor: handleClick ? 'pointer' : 'auto' }, style);
-    var avatarMarkup = (React__default["default"].createElement(react.Avatar, __assign({}, rest, { name: iconName ? '' : name, src: src, size: size, style: avatarDynamicStyles, variant: variant || _variant }, (iconName && {
+    var hoverActiveStyles = React.useMemo(function () {
+        var styles = {
+            _hover: {
+                backgroundColor: colors.gray[50],
+                img: { opacity: 1 },
+                zIndex: 2,
+            },
+            _active: {
+                backgroundColor: colors.gray[100],
+                img: { opacity: 1 },
+            },
+        };
+        switch (_variant) {
+            case exports.AvatarVariant.Comet:
+                styles._hover.backgroundColor = colors.gray[100];
+                styles._active.backgroundColor = colors.gray[200];
+                break;
+            case exports.AvatarVariant.Dark:
+                styles._hover.backgroundColor = colors.blue[700];
+                styles._active.backgroundColor = colors.blue[600];
+                break;
+            case exports.AvatarVariant.Dashed:
+                styles._hover.backgroundColor = colors.blackAlpha[100];
+                styles._hover.zIndex = 0;
+                styles._active.backgroundColor = colors.blackAlpha[200];
+                break;
+            case exports.AvatarVariant.Test:
+                styles._hover.backgroundColor = colors.orange[100];
+                styles._active.backgroundColor = colors.orange[200];
+                break;
+        }
+        if (isSrcValid) {
+            styles._hover.backgroundColor = colors.black;
+            styles._hover.img.opacity = 0.94;
+            styles._active.backgroundColor = colors.gray[200];
+            styles._active.img.opacity = 0.92;
+        }
+        return styles;
+    }, [_variant, isSrcValid, colors]);
+    var avatarMarkup = (React__default["default"].createElement(react.Avatar, __assign({ name: iconName ? '' : name, src: src, size: size, variant: _variant, boxShadow: "0 0 0 1px ".concat(hideBorder ? colors.transparent : colors.white), borderWidth: isSrcValid || hideBorder ? '0px' : '2px' }, (iconName && {
         icon: React__default["default"].createElement(Icon, { name: iconName, size: getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1) }),
-    }), { icon: iconName && React__default["default"].createElement(Icon, { name: iconName, size: getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1) }), onClick: handleClick, onError: function () { return setIsSrcValid(false); }, onMouseEnter: function () { return setIsHoveringAvatar(true); }, onMouseLeave: function () { return setIsHoveringAvatar(false); } }),
-        showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (React__default["default"].createElement(react.Box, { backgroundColor: theme.colors.white, borderRadius: "9999px", cursor: "pointer", position: "absolute", top: "-4px", right: "-4px", onClick: handleRemoveButtonClick, onMouseEnter: function () { return setIsHoveringRemoveButton(true); }, onMouseLeave: function () { return setIsHoveringRemoveButton(false); } },
+    }), (handleClick && __assign({ onClick: handleClick, cursor: 'pointer' }, hoverActiveStyles)), { onError: function () { return setIsSrcValid(false); }, onMouseEnter: function () { return setIsHoveringAvatar(true); }, onMouseLeave: function () { return setIsHoveringAvatar(false); } }, rest),
+        showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (React__default["default"].createElement(react.Box, { backgroundColor: colors.white, borderRadius: "9999px", cursor: "pointer", position: "absolute", top: "-4px", right: "-5px", onClick: handleRemoveButtonClick, onMouseEnter: function () { return setIsHoveringRemoveButton(true); }, zIndex: 2, onMouseLeave: function () { return setIsHoveringRemoveButton(false); } },
             React__default["default"].createElement(Icon, { name: "closeCircle", size: isHoveringRemoveButton ? 'sm' : 'xs', colorToken: "default" }))),
         showBadge && React__default["default"].createElement(AvatarBadge, __assign({ avatarSize: size }, badgeProps))));
     if (showTooltip) {
@@ -6925,15 +6921,6 @@ var Avatar = function (_a) {
     return avatarMarkup;
 };
 
-var AvatarGroup = function (_a) {
-    var avatars = _a.avatars, _b = _a.max, max = _b === void 0 ? 3 : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, handleAddButtonClick = _a.handleAddButtonClick, _d = _a.showAddButton, showAddButton = _d === void 0 ? true : _d, addButtonTooltipText = _a.addButtonTooltipText, _e = _a.showRemoveAvatarButton, showRemoveAvatarButton = _e === void 0 ? false : _e, handleRemoveButtonClick = _a.handleRemoveButtonClick;
-    var mergedNames = React.useMemo(function () { return avatars.map(function (avatar) { return avatar.name; }).join(', '); }, [avatars]);
-    var spacing = size === 'lg' || size === 'md' ? -2 : -1;
-    return (React__default["default"].createElement(react.AvatarGroup, { size: size, spacing: spacing },
-        avatars.length > max ? (React__default["default"].createElement(Avatar, { name: "".concat(avatars.length), size: size, variant: exports.AvatarVariant.Number, tooltipText: mergedNames })) : (avatars.map(function (avatar) { return (React__default["default"].createElement(Avatar, __assign({}, avatar, { key: avatar.name, size: size, showRemoveButton: showRemoveAvatarButton, handleRemoveButtonClick: handleRemoveButtonClick }))); })),
-        showAddButton && (React__default["default"].createElement(Avatar, { name: "", variant: exports.AvatarVariant.Dashed, icon: React__default["default"].createElement(Icon, { name: "plus", colorToken: "subtle", size: size }), onClick: handleAddButtonClick, tooltipText: addButtonTooltipText, size: size }))));
-};
-
 var _path$5, _path2;
 
 function _extends$a() { _extends$a = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
@@ -28668,7 +28655,6 @@ exports.AlertConfig = AlertConfig;
 exports.AlertIconColorMap = AlertIconColorMap;
 exports.Avatar = Avatar;
 exports.AvatarConfig = AvatarConfig;
-exports.AvatarGroup = AvatarGroup;
 exports.Button = Button;
 exports.ButtonSizeConfig = ButtonSizeConfig;
 exports.ButtonVariantConfig = ButtonVariantConfig;