@televet/kibble-ui 1.7.4-beta.3dn9adp.0 → 1.7.4

package/build/components/DataDisplay/NotificationCounter/notificationCounter.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlexProps } from '@chakra-ui/react';
 import { NotificationCounterSize } from './notificationCounter.types';
 export interface NotificationCounterProps extends FlexProps {

package/build/components/Forms/RatingDots/ratingDot.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface IRatingDotProps {
     number: number;
     isInteractive?: boolean;

package/build/components/Forms/RatingDots/ratingDots.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface IRatingDotsProps {
     minValue: number;
     maxValue: number;

package/build/components/MediaAndIcons/Avatar/index.d.ts

@@ -1,4 +1,3 @@
-export * from './components/AvatarGroup/avatarGroup.component';
 export * from './avatar.component';
 export * from './avatar.types';
 export * from './avatar.config';

package/build/components/MediaAndIcons/AvatarGroup/avatarGroup.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AvatarProps, AvatarSize } from 'components/MediaAndIcons/Avatar';
 export interface AvatarGroupProps {
     avatars: AvatarProps[];

package/build/components/MediaAndIcons/Logo/logo.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { LogoHoliday, LogoType, LogoColor } from './logo.types';
 export interface ILogoProps {
     type?: LogoType;

package/build/components/MediaAndIcons/index.d.ts

@@ -1,3 +1,4 @@
 export * from './Avatar';
+export * from './AvatarGroup';
 export * from './Icon';
 export * from './Logo';

package/build/components/Overlay/Menu/Components/MenuList/menuList.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuListProps as CMenuListProps } from '@chakra-ui/react';
 import { MenuItemProps } from '../MenuItem/menuItem.component';
 export interface MenuListProps extends CMenuListProps {

package/build/components/Overlay/Menu/Components/MenuOptionGroup/menuOptionGroup.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MenuOptionGroupProps as CMenuOptionGroupProps } from '@chakra-ui/react';
 declare const MenuOptionGroup: ({ children, ...rest }: CMenuOptionGroupProps) => JSX.Element;
 export default MenuOptionGroup;

package/build/components/Overlay/Menu/Components/MenuSelectAllButtons/menuSelectAllButtons.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface MenuSelectAllButtonsProps {
     groupName?: string;
     handleToggleAllItems: ({ groupName, clear }: {

package/build/components/Overlay/Tooltip/tooltip.component.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PlacementWithLogical, TooltipProps as ChakraTooltipProps } from '@chakra-ui/react';
 export interface TooltipProps extends ChakraTooltipProps {
     label: string;

package/build/index.js

@@ -295,7 +295,6 @@ var semanticColors = {
             error: coreColors.red[500],
             warning: coreColors.orange[200],
             success: coreColors.green[200],
-            medium: coreColors.gray[600],
             heavy: coreColors.comet[700],
         },
         dark: {
@@ -4344,15 +4343,6 @@ var SwitchConfig = {
     },
 };
 
-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", color: "subtle", size: size }), onClick: handleAddButtonClick, tooltipText: addButtonTooltipText, size: size }))));
-};
-
 var useAdaptiveColor = function (color) { return react.useColorModeValue(color.light, color.dark); };
 
 var Tooltip = function (_a) {
@@ -4589,6 +4579,15 @@ var AvatarConfig = {
     },
 };
 
+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", color: "subtle", size: size }), onClick: handleAddButtonClick, tooltipText: addButtonTooltipText, size: size }))));
+};
+
 var _path$k, _path2$7;
 
 function _extends$k() { _extends$k = 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$k.apply(this, arguments); }
@@ -6361,95 +6360,6 @@ var BetaMenu = function (_a) {
             React__default["default"].createElement(MenuList, __assign({}, listConfig, { menuItems: menuItems })))));
 };
 
-var RadioConfig = {
-    baseStyle: {
-        label: {
-            color: colors.text.light.default,
-            marginInlineStart: 2,
-        },
-        control: {
-            background: colors.white,
-            borderColor: semanticColors.border.light.medium,
-            borderWidth: '1px',
-            _hover: {
-                borderColor: semanticColors.border.light.heavy,
-                _disabled: {
-                    borderColor: colors.gray[200],
-                },
-            },
-            _checked: {
-                background: colors.teal[600],
-                borderColor: colors.teal[600],
-                _hover: {
-                    background: colors.teal[700],
-                    borderColor: colors.teal[700],
-                },
-                _disabled: {
-                    background: colors.teal[600],
-                    borderColor: colors.teal[600],
-                    color: colors.white,
-                    _hover: {
-                        background: colors.teal[600],
-                        borderColor: colors.teal[600],
-                    },
-                },
-            },
-            _disabled: {
-                background: colors.gray[200],
-                borderColor: colors.gray[200],
-                opacity: 0.4,
-            },
-            _invalid: {
-                _hover: {
-                    borderColor: semanticColors.border.light.error,
-                },
-                _checked: {
-                    borderColor: colors.teal[600],
-                    _hover: {
-                        borderColor: colors.teal[700],
-                    },
-                },
-                _disabled: {
-                    borderColor: colors.gray[200],
-                },
-            },
-            _focus: {
-                boxShadow: 'none',
-            },
-        },
-    },
-    sizes: {
-        sm: {
-            label: {
-                fontSize: fontSizes.sm,
-            },
-            control: {
-                height: '12px',
-                width: '12px',
-            },
-        },
-        md: {
-            label: {
-                fontSize: fontSizes.md,
-            },
-            control: {
-                height: '16px',
-                width: '16px',
-            },
-        },
-        lg: {
-            label: {
-                fontSize: fontSizes.lg,
-                marginLeft: 3,
-            },
-            control: {
-                height: '20px',
-                width: '20px',
-            },
-        },
-    },
-};
-
 // @ts-ignore
 var theme = react.extendTheme({
     styles: {
@@ -6487,7 +6397,6 @@ var theme = react.extendTheme({
         Avatar: AvatarConfig,
         Menu: MenuConfig,
         Tag: TagConfig,
-        Radio: RadioConfig,
     },
 });