@cube-dev/ui-kit 0.11.1 → 0.12.1

package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/NewNotifications/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Notification/Notification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/OverlayWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Toasts/Toast.js

@@ -1,26 +1,27 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
-import { useId } from '@react-aria/utils';
 import { useToastsApi } from './use-toasts-api';
+import { useEvent, useSyncRef } from '../../../_internal';
+import { useId } from '../../../utils/react/useId';
 export function Toast(props) {
-    const { id: propsId } = props;
-    const { toast, update, remove } = useToastsApi();
+    const { id: propsId, disableRemoveOnUnmount } = props;
     const defaultId = useId();
+    const disableRemoveOnUnmountRef = useSyncRef(disableRemoveOnUnmount);
+    const { toast, update, remove } = useToastsApi();
     const id = propsId !== null && propsId !== void 0 ? propsId : defaultId;
+    const removeNotification = useEvent((id) => disableRemoveOnUnmountRef.current ? void 0 : remove(id));
     useEffect(() => {
-        toast({ ...props, id });
-        return () => remove(id);
+        toast({ id, ...props });
     }, [id]);
-    useEffect(() => {
-        update(id, props);
-    });
+    useEffect(() => () => removeNotification(id), [id]);
+    useEffect(() => update(id, props));
     return null;
 }
 Toast.Success = function ToastSuccess(props) {

package/es/components/overlays/Toasts/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Toasts/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Toasts/use-toasts-api.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -11,9 +11,7 @@ import { useNotificationsApi } from '../NewNotifications';
 export function useToastsApi() {
     const { notify, update, remove } = useNotificationsApi();
     const toast = useMemo(() => Object.assign((props) => notify({
-        isDismissible: true,
         putNotificationInDropdownOnDismiss: false,
-        duration: 5000,
         ...unwrapProps(props),
     }), {
         success: (props) => toast({ type: 'success', ...unwrapProps(props) }),
@@ -24,16 +22,21 @@ export function useToastsApi() {
 }
 function unwrapProps(props) {
     return {
-        ...(propsIsDescription(props)
-            ? { description: props }
-            : props),
+        ...(propsIsToastProps(props)
+            ? {
+                isDismissible: props.duration !== null,
+                duration: 5000,
+                ...props,
+            }
+            : { description: props, isDismissible: true, duration: 5000 }),
     };
 }
-function propsIsDescription(props) {
-    return (isElement(props) ||
+function propsIsToastProps(props) {
+    const isReactNode = isElement(props) ||
         isFragment(props) ||
         typeof props === 'string' ||
-        typeof props === 'number');
+        typeof props === 'number';
+    return !isReactNode;
 }
 
         

package/es/components/overlays/Tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/overlays/Tooltip/TooltipProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -15,7 +15,7 @@ function TooltipProvider(props) {
     useEffect(() => {
         setRendered(true);
     }, []);
-    return rendered ? (_jsxs(TooltipTrigger, { ...otherProps, children: [children, _jsx(Tooltip, { styles: tooltipStyles, ...(width ? { width } : null), children: title }, void 0)] }, void 0)) : (_jsx(_Fragment, { children: "children" }, void 0));
+    return rendered ? (_jsxs(TooltipTrigger, { ...otherProps, children: [children, _jsx(Tooltip, { styles: tooltipStyles, ...(width ? { width } : null), children: title }, void 0)] }, void 0)) : (_jsx(_Fragment, { children: children }, void 0));
 }
 let _TooltipProvider = TooltipProvider;
 export { _TooltipProvider as TooltipProvider };

package/es/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -18,17 +18,18 @@ import { Block } from '../../Block';
 const DEFAULT_OFFSET = 8; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button
 const DEFAULT_CROSS_OFFSET = 0;
 function TooltipTrigger(props) {
-    let { children, activeWrap, crossOffset = DEFAULT_CROSS_OFFSET, isDisabled, isMaterial, offset = DEFAULT_OFFSET, trigger: triggerAction, } = props;
+    let { children, activeWrap, crossOffset = DEFAULT_CROSS_OFFSET, isDisabled, isMaterial, offset = DEFAULT_OFFSET, trigger: triggerAction, delay = 250, isOpen, onOpenChange, defaultOpen, } = props;
     let [trigger, tooltip] = Children.toArray(children);
-    let state = useTooltipTriggerState({
-        delay: 750,
-        ...props,
-    });
+    let state = useTooltipTriggerState({ delay, ...props });
     let tooltipTriggerRef = useRef(null);
     let overlayRef = useRef(null);
     let { triggerProps, tooltipProps } = useTooltipTrigger({
         isDisabled,
         trigger: triggerAction,
+        delay,
+        isOpen,
+        onOpenChange,
+        defaultOpen,
     }, state, tooltipTriggerRef);
     let { overlayProps, arrowProps, placement } = useOverlayPosition({
         placement: props.placement || 'top',

package/es/components/overlays/Tooltip/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/pickers/ComboBox/ComboBox.js

@@ -1,13 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CheckOutlined, LoadingOutlined, WarningOutlined, } from '@ant-design/icons';
-import { mergeProps } from '@react-aria/utils';
 import { cloneElement, forwardRef, useState } from 'react';
 import { useComboBoxState } from '@react-stately/combobox';
 import { useComboBox } from '@react-aria/combobox';
@@ -18,7 +17,7 @@ import { useProviderProps } from '../../../provider';
 import { useFilter } from '@react-aria/i18n';
 import { BLOCK_STYLES, extractStyles, OUTER_STYLES, tasty, } from '../../../tasty';
 import { useFocus } from '../../../utils/react/interactions';
-import { modAttrs, useCombinedRefs } from '../../../utils/react';
+import { mergeProps, modAttrs, useCombinedRefs } from '../../../utils/react';
 import { FieldWrapper } from '../../forms/FieldWrapper';
 import { ListBoxPopup } from '../Select/Select';
 import { Prefix } from '../../layout/Prefix';
@@ -126,25 +125,22 @@ function ComboBox(props, ref) {
     let validationIcon = isInvalid ? (_jsx(WarningOutlined, { style: { color: 'var(--danger-color)' } }, void 0)) : (_jsx(CheckOutlined, { style: { color: 'var(--success-color)' } }, void 0));
     let validation = cloneElement(validationIcon);
     let comboBoxWidth = (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
-    let comboBoxField = (_jsxs(ComboBoxWrapperElement, { ref: ref, qa: qa || 'ComboBox', ...modAttrs({
-            invalid: isInvalid,
-            valid: validationState === 'valid',
-            disabled: isDisabled,
-            hovered: isHovered,
-            focused: isFocused,
-        }), styles: outerStyles, style: {
+    let mods = {
+        invalid: isInvalid,
+        valid: validationState === 'valid',
+        disabled: isDisabled,
+        hovered: isHovered,
+        focused: isFocused,
+        loading: isLoading,
+    };
+    let comboBoxField = (_jsxs(ComboBoxWrapperElement, { ref: ref, qa: qa || 'ComboBox', ...modAttrs(mods), styles: outerStyles, style: {
             zIndex: isFocused ? 1 : 'initial',
-        }, "data-size": size, children: [_jsx(InputElement, { qa: "Input", ...mergeProps(inputProps, hoverProps, focusProps), ref: inputRef, autoComplete: autoComplete, styles: inputStyles, ...modAttrs({
-                    invalid: isInvalid,
-                    valid: validationState === 'valid',
-                    disabled: isDisabled,
-                    hovered: isHovered,
-                    focused: isFocused,
-                }), "data-size": size }, void 0), prefix ? (_jsx(Prefix, { onWidthChange: setPrefixWidth, padding: "0 1x 0 1.5x", opacity: isDisabled ? '@disabled-opacity' : false, placeItems: "center", outerGap: 0, children: prefix }, void 0)) : null, _jsxs(Suffix, { onWidthChange: setSuffixWidth, opacity: isDisabled ? '@disabled-opacity' : false, children: [validationState || isLoading ? (_jsxs(Space, { gap: false, padding: "0 1x", children: [validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingOutlined, {}, void 0)] }, void 0)) : null, suffix, !hideTrigger ? (_jsx(TriggerElement, { ...mergeProps(buttonProps, triggerFocusProps, triggerHoverProps), ...modAttrs({
+        }, "data-size": size, children: [_jsx(InputElement, { qa: "Input", ...mergeProps(inputProps, hoverProps, focusProps), ref: inputRef, autoComplete: autoComplete, styles: inputStyles, ...modAttrs(mods), "data-size": size }, void 0), prefix ? (_jsx(Prefix, { onWidthChange: setPrefixWidth, padding: "0 1x 0 1.5x", opacity: isDisabled ? '@disabled-opacity' : false, placeItems: "center", outerGap: 0, children: prefix }, void 0)) : null, _jsxs(Suffix, { onWidthChange: setSuffixWidth, opacity: isDisabled ? '@disabled-opacity' : false, children: [validationState || isLoading ? (_jsxs(Space, { gap: false, padding: "0 1x", children: [validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingOutlined, {}, void 0)] }, void 0)) : null, suffix, !hideTrigger ? (_jsx(TriggerElement, { ...mergeProps(buttonProps, triggerFocusProps, triggerHoverProps), ...modAttrs({
                             pressed: isTriggerPressed,
                             focused: isTriggerFocused,
                             hovered: isTriggerHovered,
                             disabled: isDisabled,
+                            loading: isLoading,
                         }), "data-size": size, isDisabled: isDisabled, ref: triggerRef, styles: triggerStyles, children: _jsx(CaretDownIcon, {}, void 0) }, void 0)) : null] }, void 0), _jsx(OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: _jsx(ListBoxPopup, { ...listBoxProps, listBoxRef: listBoxRef, popoverRef: popoverRef, overlayProps: overlayProps, shouldUseVirtualFocus: true, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: comboBoxWidth }, void 0) }, void 0)] }, void 0));
     return (_jsx(FieldWrapper, { ...{
             labelPosition,

package/es/components/pickers/Menu/Menu.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Item as BaseItem, Section as BaseSection, } from '@react-stately/collections';
 import { useMenu } from '@react-aria/menu';
-import { mergeProps, useSyncRef } from '@react-aria/utils';
+import { useSyncRef } from '@react-aria/utils';
 import { useDOMRef } from '@react-spectrum/utils';
 import { useTreeState } from '@react-stately/tree';
 import { CONTAINER_STYLES, extractStyles, } from '../../../tasty';
@@ -17,6 +17,7 @@ import { StyledMenu, StyledMenuHeader } from './styled';
 import { MenuItem } from './MenuItem';
 import { MenuSection } from './MenuSection';
 import { useMenuContext } from './context';
+import { mergeProps } from '../../../utils/react';
 function Menu(props, ref) {
     const { header, footer, selectionIcon } = props;
     const domRef = useDOMRef(ref);

package/es/components/pickers/Menu/MenuButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -73,12 +73,14 @@ const getSelectionTypeIcon = (selectionIcon) => {
         case 'radio':
             return _jsx(RadioIcon, {}, void 0);
         default:
-            return null;
+            return undefined;
     }
 };
 export function MenuButton({ children, icon, postfix, ...props }) {
     const { selectionIcon, isSelected, isSelectable } = props;
-    const checkIcon = isSelectable && isSelected ? getSelectionTypeIcon(selectionIcon) : null;
+    const checkIcon = isSelectable && isSelected
+        ? getSelectionTypeIcon(selectionIcon)
+        : undefined;
     const mods = {
         ...props.mods,
         selectionIcon: !!selectionIcon,

package/es/components/pickers/Menu/MenuItem.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -34,7 +34,7 @@ export function MenuItem(props) {
         isVirtualized,
         onAction,
     }, state, ref);
-    let contents = typeof rendered === 'string' ? (_jsx(MenuButton, { ...itemProps, selectionIcon: selectionIcon, isSelectable: isSelectable, isSelected: isSelected, isDisabled: isDisabled, children: rendered }, void 0)) : (rendered);
+    const contents = (_jsx(MenuButton, { ...itemProps, selectionIcon: selectionIcon, isSelectable: isSelectable, isSelected: isSelected, isDisabled: isDisabled, children: rendered }, void 0));
     return (_jsx(FocusRing, { children: _jsx(StyledMenuItem, { ...mergeProps(menuItemProps, hoverProps), ref: ref, mods: {
                 disabled: isDisabled,
                 selected: isSelected,

package/es/components/pickers/Menu/MenuSection.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/pickers/Menu/MenuTrigger.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef, Fragment, useRef } from 'react';
-import { useDOMRef, useIsMobileDevice, } from '@react-spectrum/utils';
+import { useDOMRef, useIsMobileDevice } from '@react-spectrum/utils';
 import { DismissButton, useOverlayPosition } from '@react-aria/overlays';
 import { PressResponder } from '@react-aria/interactions';
 import { useMenuTrigger } from '@react-aria/menu';
@@ -74,7 +74,7 @@ function MenuTrigger(props, ref) {
         overlay = (_jsx(Tray, { isOpen: state.isOpen, onClose: state.close, children: contents }, void 0));
     }
     else {
-        overlay = (_jsx(Popover, { isOpen: state.isOpen, style: positionProps.style, ref: menuPopoverRef, placement: placement, hideArrow: true, onClose: state.close, shouldCloseOnBlur: true, children: contents }, void 0));
+        overlay = (_jsx(Popover, { isOpen: state.isOpen, style: positionProps.style, ref: menuPopoverRef, placement: placement, hideArrow: true, onClose: state.close, isNonModal: true, children: contents }, void 0));
     }
     return (_jsxs(Fragment, { children: [_jsx(SlotProvider, { slots: { actionButton: { holdAffordance: trigger === 'longPress' } }, children: _jsx(PressResponder, { ...menuTriggerProps, ref: menuTriggerRef, isPressed: state.isOpen, children: menuTrigger }, void 0) }, void 0), _jsx(MenuContext.Provider, { value: menuContext, children: overlay }, void 0)] }, void 0));
 }

package/es/components/pickers/Menu/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/pickers/Menu/styled.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/pickers/Select/Select.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -37,7 +37,7 @@ const SelectWrapperElement = tasty({
             '': '#dark.85',
             invalid: '#danger-text',
             focused: '#dark.85',
-            disabled: '#dark.30',
+            disabled: '#dark.3',
         },
     },
 });
@@ -81,6 +81,12 @@ const SelectElement = tasty({
         textAlign: 'left',
         cursor: 'pointer',
         transition: 'theme',
+        Value: {
+            color: {
+                '': 'inherit',
+                placeholder: '#dark.4',
+            },
+        },
     },
 });
 const ListBoxElement = tasty({
@@ -165,20 +171,17 @@ function Select(props, ref) {
     let validationIcon = isInvalid ? (_jsx(WarningOutlined, { style: { color: 'var(--danger-color)' } }, void 0)) : (_jsx(CheckOutlined, { style: { color: 'var(--success-color)' } }, void 0));
     let validation = cloneElement(validationIcon);
     let triggerWidth = (_a = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
-    let selectField = (_jsxs(SelectWrapperElement, { qa: qa || 'Select', mods: {
-            invalid: isInvalid,
-            valid: validationState === 'valid',
-            disabled: isDisabled,
-            hovered: isHovered,
-            focused: isFocused,
-        }, styles: outerStyles, "data-size": size, children: [_jsx(HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }, void 0), _jsxs(SelectElement, { ...mergeProps(buttonProps, hoverProps, focusProps), ref: triggerRef, styles: inputStyles, "data-size": size, mods: {
-                    invalid: isInvalid,
-                    valid: validationState === 'valid',
-                    disabled: isDisabled,
-                    hovered: isHovered,
-                    focused: isFocused,
-                    'with-prefix': !!prefix,
-                }, children: [prefix, _jsx("span", { ...valueProps, children: state.selectedItem
+    let mods = {
+        invalid: isInvalid,
+        valid: validationState === 'valid',
+        disabled: isDisabled,
+        loading: isLoading,
+        hovered: isHovered,
+        focused: isFocused,
+        placeholder: !!(placeholder === null || placeholder === void 0 ? void 0 : placeholder.trim()) && !state.selectedItem,
+        'with-prefix': !!prefix,
+    };
+    let selectField = (_jsxs(SelectWrapperElement, { qa: qa || 'Select', mods: mods, styles: outerStyles, "data-size": size, children: [_jsx(HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }, void 0), _jsxs(SelectElement, { ...mergeProps(buttonProps, hoverProps, focusProps), ref: triggerRef, styles: inputStyles, "data-size": size, mods: mods, children: [prefix, _jsx("span", { "data-element": "Value", ...valueProps, children: state.selectedItem
                             ? state.selectedItem.rendered
                             : placeholder || _jsx(_Fragment, { children: "\u00A0" }, void 0) }, void 0), (validationState || isLoading || suffix) && (_jsxs("div", { children: [validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingOutlined, {}, void 0), suffix] }, void 0)), _jsx(CaretDownIcon, {}, void 0)] }, void 0), _jsx(OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: _jsx(ListBoxPopup, { ...menuProps, popoverRef: popoverRef, listBoxRef: listBoxRef, overlayProps: overlayProps, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: triggerWidth }, void 0) }, void 0)] }, void 0));
     return (_jsx(FieldWrapper, { ...{

package/es/components/portal/Portal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/portal/PortalProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/portal/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/portal/storybook/templates/CustomRoot.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/portal/storybook/templates/PortalOrder.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/portal/storybook/templates/basic.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/portal/storybook/templates/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/portal/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/portal/usePortal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/status/LoadingAnimation/LoadingAnimation.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/status/LoadingAnimation/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/status/Spin/Cube.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/status/Spin/InternalSpinner.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 

package/es/components/status/Spin/Spin.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */