demio-ui 2.1.50 → 2.1.51

package/dist/esm/types/src/components/Badge/Badge.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+export type Props = {
+    className?: string;
+    icon?: ReactNode;
+    variant?: 'outlined' | 'contained';
+    color?: 'green' | 'orange' | 'gray' | 'purple' | 'blue';
+    children: ReactNode;
+};
+declare const Badge: FC<Props>;
+export default Badge;

package/dist/esm/types/src/components/Badge/index.d.ts

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

package/dist/esm/types/src/components/Drawer/Drawer.d.ts

@@ -7,6 +7,7 @@ export type Props = {
     header?: ReactNode;
     toggleDrawer?: (open: boolean) => void;
     align?: 'left' | 'right';
+    isClosable?: boolean;
 };
 declare const Drawer: FC<Props>;
 export default Drawer;

package/dist/esm/types/src/components/Modal/Modal.d.ts

@@ -3,7 +3,6 @@ type Props = {
     children: ReactNode;
     contentClassName?: string;
     isCloseButtonVisible?: boolean;
-    onClose?: () => void;
     onOpenChange: (open: boolean) => void;
     open: boolean;
     overlayClassName?: string;
@@ -12,6 +11,7 @@ type Props = {
     childrenClassName?: string;
     title?: ReactNode;
     body?: ReactNode;
+    isClosable?: boolean;
 };
 /**
 - Focus is automatically trapped when modal.
@@ -19,5 +19,5 @@ type Props = {
 - Esc closes the component automatically.
 - [Accessibility and Keyboard Interactions](https://www.radix-ui.com/docs/primitives/components/dialog#accessibility)
  **/
-declare function Modal({ children, contentClassName, isCloseButtonVisible, onClose, onOpenChange, open, overlayClassName, title, }: Props): React.JSX.Element;
+declare function Modal({ children, contentClassName, isCloseButtonVisible, onOpenChange, open, overlayClassName, title, isClosable, }: Props): React.JSX.Element;
 export default Modal;

package/dist/esm/types/src/components/MultiSelect/MultiSelect.d.ts

@@ -17,6 +17,7 @@ export interface Props {
     onChange?: ((value: Option) => void) | null;
     options?: Option[];
     placeholder?: string;
+    portalTarget?: HTMLElement;
     value?: Option;
 }
 declare const MultiSelect: FC<Props>;

package/dist/esm/types/src/components/index.d.ts

@@ -1,5 +1,6 @@
 export { default as Alert } from './Alert';
 export { default as Avatar } from './Avatar';
+export { default as Badge } from './Badge';
 export { default as Button } from './Button';
 export { default as Card } from './Card';
 export { default as Checkbox } from './Checkbox';

package/dist/types.d.ts

@@ -4,7 +4,7 @@ import { PopoverContentTypeProps } from '@radix-ui/react-popover';
 export { Content as PopoverContent, Portal as PopoverPortal, Root as PopoverRoot, Trigger as PopoverTrigger } from '@radix-ui/react-popover';
 import * as SelectPrimitive from '@radix-ui/react-select';
 
-type Props$k = {
+type Props$l = {
     open: boolean;
     actionText?: string;
     onActionClick: MouseEventHandler<HTMLButtonElement>;
@@ -19,11 +19,11 @@ type Props$k = {
     maxWidth?: string;
     isCloseButtonVisible?: boolean;
 };
-declare function Alert({ open, actionText, onActionClick, cancelText, onCancelClick, title, description, showLoader, isOkDisabled, actionButtonType, maxWidth, onClose, isCloseButtonVisible, }: Props$k): React__default.JSX.Element;
+declare function Alert({ open, actionText, onActionClick, cancelText, onCancelClick, title, description, showLoader, isOkDisabled, actionButtonType, maxWidth, onClose, isCloseButtonVisible, }: Props$l): React__default.JSX.Element;
 
 declare const AVATAR_SIZES: readonly [16, 24, 32, 40, 48, 64, 80, 96, 128];
 type AvatarSizeType = (typeof AVATAR_SIZES)[number];
-interface Props$j {
+interface Props$k {
     src?: string;
     size?: AvatarSizeType;
     userName?: string;
@@ -31,7 +31,16 @@ interface Props$j {
     className?: string;
     fallbackDelay?: number;
 }
-declare const Avatar: FC<Props$j>;
+declare const Avatar: FC<Props$k>;
+
+type Props$j = {
+    className?: string;
+    icon?: ReactNode;
+    variant?: 'outlined' | 'contained';
+    color?: 'green' | 'orange' | 'gray' | 'purple' | 'blue';
+    children: ReactNode;
+};
+declare const Badge: FC<Props$j>;
 
 type Props$i = {
     disabled?: boolean;
@@ -89,6 +98,7 @@ type Props$f = {
     header?: ReactNode;
     toggleDrawer?: (open: boolean) => void;
     align?: 'left' | 'right';
+    isClosable?: boolean;
 };
 declare const Drawer: FC<Props$f>;
 
@@ -187,7 +197,6 @@ type Props$6 = {
     children: ReactNode;
     contentClassName?: string;
     isCloseButtonVisible?: boolean;
-    onClose?: () => void;
     onOpenChange: (open: boolean) => void;
     open: boolean;
     overlayClassName?: string;
@@ -196,6 +205,7 @@ type Props$6 = {
     childrenClassName?: string;
     title?: ReactNode;
     body?: ReactNode;
+    isClosable?: boolean;
 };
 /**
 - Focus is automatically trapped when modal.
@@ -203,7 +213,7 @@ type Props$6 = {
 - Esc closes the component automatically.
 - [Accessibility and Keyboard Interactions](https://www.radix-ui.com/docs/primitives/components/dialog#accessibility)
  **/
-declare function Modal({ children, contentClassName, isCloseButtonVisible, onClose, onOpenChange, open, overlayClassName, title, }: Props$6): React__default.JSX.Element;
+declare function Modal({ children, contentClassName, isCloseButtonVisible, onOpenChange, open, overlayClassName, title, isClosable, }: Props$6): React__default.JSX.Element;
 
 type Option = unknown;
 interface Props$5 {
@@ -223,6 +233,7 @@ interface Props$5 {
     onChange?: ((value: Option) => void) | null;
     options?: Option[];
     placeholder?: string;
+    portalTarget?: HTMLElement;
     value?: Option;
 }
 declare const MultiSelect: FC<Props$5>;
@@ -1707,4 +1718,4 @@ declare namespace index {
   export { SvgAdd as AddIcon, SvgKeyboardArrowDown as ArrowDownIcon, SvgArrowLeft as ArrowLeftIcon, SvgBarChart as BarChartIcon, SvgBlock as BlockIcon, SvgBlurOn as BlurOnIcon, SvgCached as CachedIcon, SvgCalendar as CalendarIcon, SvgCalendarStar as CalendarStarIcon, SvgCheckCircle as CheckCircleIcon, SvgCheckbox as CheckboxIcon, SvgCheckboxUncheck as CheckboxUncheckIcon, SvgClock as ClockIcon, SvgClose as CloseIcon, SvgCustomize as CustomizeIcon, SvgDelete as DeleteIcon, SvgDots as DotsIcon, SvgEdit as EditIcon, SvgElectricBolt as ElectricBoltIcon, SvgEventDetails as EventDetailsIcon, SvgEventRepeat as EventRepeatIcon, SvgExclamation as ExclamationIcon, SvgExternalLink as ExternalLinkIcon, SvgFile as FileIcon, SvgFilterList as FilterListIcon, SvgInfo as InfoIcon, SvgInfo1 as InfoSolidIcon, SvgItems as ItemsIcon, SvgList as ListIcon, SvgListTh as ListThIcon, SvgLock as LockIcon, SvgMagic as MagicIcon, SvgMaterials as MaterialsIcon, SvgMicOff1 as MicOffIcon, SvgMicOff as MicOffSolidIcon, SvgMic1 as MicOnSolidIcon, SvgMic as MicOnfIcon, SvgPasswordEyeCrossed as PasswordEyeCrossedIcon, SvgPasswordEye as PasswordEyeIcon, SvgPerson as Person, SvgPlay as PlayIcon, SvgPoll as PollIcon, SvgProgress as ProgressIcon, SvgReplayDisabled as ReplayDisabledIcon, SvgRocket as RocketIcon, SvgSearch as SearchIcon, SvgSmile as SmileIcon, SvgStackedEmail as StackedEmailIcon, SvgToday as TodayIcon, SvgTrendingDown as TrendingDownIcon, SvgTrendingUp as TrendingUpIcon, SvgVideocamOff as VideoCamOffIcon, SvgVideocamOff1 as VideoCamOffSolidIcon, SvgVideocam as VideoCamOnIcon, SvgVideocam1 as VideoCamOnSolidIcon, SvgVolumeOff1 as VolumeOffIcon, SvgVolumeOff as VolumeOffSolidIcon, SvgVolumeUp1 as VolumeUpIcon, SvgVolumeUp as VolumeUpSolidIcon, SvgWarning1 as WarningIcon, SvgWarning as WarningSolidIcon };
 }
 
-export { Alert, Avatar, Button, Card, Checkbox, Drawer, Dropdown, DropdownItem, FormGroup, InfoBanner, Input, InputHint, Label, Loader, Modal, MultiSelect, Popover, Progress, RadioGroup, Select, SelectItem, SelectItemText, Switch, Tab, TabsContent, TabsList, TabsRoot, Tag, Tooltip, Typography, index as icons };
+export { Alert, Avatar, Badge, Button, Card, Checkbox, Drawer, Dropdown, DropdownItem, FormGroup, InfoBanner, Input, InputHint, Label, Loader, Modal, MultiSelect, Popover, Progress, RadioGroup, Select, SelectItem, SelectItemText, Switch, Tab, TabsContent, TabsList, TabsRoot, Tag, Tooltip, Typography, index as icons };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "demio-ui",
-  "version": "2.1.50",
+  "version": "2.1.51",
   "description": "",
   "repository": {
     "type": "git",