@cube-dev/ui-kit 0.65.1 → 0.66.0

package/es/components/{pickers → actions}/Menu/MenuItem.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.1
+ * @cube-dev/ui-kit v0.66.0
  * Released under the MIT license.
  */
 
@@ -32,11 +32,11 @@ const getSelectionTypeIcon = (selectionIcon) => {
 const getPostfix = (postfix) => typeof postfix === 'string' ? (_jsx(Text, { nowrap: true, color: "inherit", "data-element": "Postfix", children: postfix })) : (postfix);
 /** @private */
 export function MenuItem(props) {
-    const { item, state, styles, selectionIcon, isVirtualized, onAction } = props;
+    const { item, state, styles, selectionIcon, isVirtualized, onAction, size } = props;
     const { onClose, closeOnSelect } = useMenuContext();
     const { rendered, key, props: itemProps } = item;
-    // Extract optional keyboard shortcut from item props so it is not passed down to DOM elements.
-    const { hotkeys, wrapper, ...cleanItemProps } = (itemProps || {});
+    // Extract optional keyboard shortcut and CommandMenu-specific props from item props so they are not passed down to DOM elements.
+    const { hotkeys, wrapper, keywords, forceMount, ...cleanItemProps } = (itemProps || {});
     const isSelectable = state.selectionManager.selectionMode !== 'none';
     const isDisabledKey = state.disabledKeys.has(key);
     const ref = useRef(null);
@@ -53,13 +53,14 @@ export function MenuItem(props) {
     // Destructure presentation-related props from cleanItemProps so they are not spread onto DOM element
     const { postfix, description, icon, mods: itemMods, qa: itemQa, textValue, ...restCleanProps } = cleanItemProps;
     // Build final postfix: custom postfix or HotKeys hint if provided and no explicit postfix
-    const finalPostfix = postfix ?? (hotkeys ? _jsx(HotKeys, { keys: hotkeys }) : undefined);
+    const finalPostfix = postfix ?? (hotkeys ? _jsx(HotKeys, { children: hotkeys }) : undefined);
     const checkIcon = isSelectable && isSelected
         ? getSelectionTypeIcon(selectionIcon)
         : undefined;
+    const isVirtualFocused = state.selectionManager.focusedKey === key;
     const mods = {
         ...itemMods,
-        focused: isFocused,
+        focused: isFocused || isVirtualFocused,
         pressed: isPressed,
         selectionIcon: !!selectionIcon,
         selectable: isSelectable,
@@ -80,16 +81,18 @@ export function MenuItem(props) {
         enableOnContentEditable: true,
         enabled: !!hotkeys,
         preventDefault: true,
+        enableOnFormTags: true,
     }, [hotkeys, isDisabledKey, isDisabled]);
     return (_jsx(FocusRing, { children: _jsx(StyledItem, { ...mergeProps(menuItemProps, restCleanProps, {
                 qa: itemQa ? itemQa : `MenuItem-${key}`,
                 mods,
                 styles,
                 'aria-disabled': isDisabled || undefined,
+                'data-size': size,
             }), ref: ref, children: _jsx(ClearSlots, { children: _jsxs(SlotProvider, { slots: {
                         text: { className: 'itemLabel', ...labelProps },
                         end: { className: 'end', ...descriptionProps },
-                        icon: { className: 'icon', size: 'S' },
+                        icon: { className: 'icon' },
                         description: { className: 'description', ...descriptionProps },
                         keyboard: { className: 'keyboard', ...keyboardShortcutProps },
                     }, children: [checkIcon ? (_jsx("div", { "data-element": "ButtonIcon", children: checkIcon })) : null, icon ? _jsx("div", { "data-element": "ButtonIcon", children: icon }) : null, _jsxs(Space, { gap: "1x", placeContent: "space-between", overflow: "clip", width: "100%", children: [_jsxs(Space, { flow: "column", gap: "0", width: "100%", children: [_jsx(Text, { ellipsis: true, color: "inherit", children: rendered }), description ? (_jsx(Text, { nowrap: true, ellipsis: true, "data-element": "Description", preset: "t4", color: "#dark-03", children: description })) : null] }), finalPostfix && getPostfix(finalPostfix)] })] }) }) }) }));

package/es/components/{pickers → actions}/Menu/MenuSection.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.1
+ * @cube-dev/ui-kit v0.66.0
  * Released under the MIT license.
  */
 
@@ -12,14 +12,14 @@ import { MenuItem } from './MenuItem';
 import { StyledMenu, StyledSection, StyledSectionHeading } from './styled';
 /** @private */
 export function MenuSection(props) {
-    const { item, state, styles, itemStyles, headingStyles } = props;
+    const { item, state, styles, itemStyles, headingStyles, size } = props;
     const heading = item.rendered;
     const { itemProps, headingProps, groupProps } = useMenuSection({
         heading,
         'aria-label': item['aria-label'],
     });
     return (_jsx(_Fragment, { children: _jsxs(StyledSection, { ...itemProps, styles: styles, children: [heading && (_jsx(StyledSectionHeading, { ...headingProps, styles: headingStyles, children: heading })), _jsx(StyledMenu, { ...groupProps, mods: { section: true }, children: [...item.childNodes].map((node) => {
-                        let menuItem = (_jsx(MenuItem, { item: node, styles: itemStyles, state: state, onAction: node.onAction }, node.key));
+                        let menuItem = (_jsx(MenuItem, { item: node, styles: itemStyles, state: state, size: size, onAction: node.onAction }, node.key));
                         // Apply tooltip wrapper if tooltip property is provided
                         if (node.props.tooltip) {
                             const tooltipProps = typeof node.props.tooltip === 'string'

package/es/components/{pickers → actions}/Menu/MenuTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.1
+ * @cube-dev/ui-kit v0.66.0
  * Released under the MIT license.
  */
 
@@ -70,6 +70,7 @@ function MenuTrigger(props, ref) {
             : undefined,
         mods: {
             popover: !isMobile,
+            tray: isMobile,
         },
     };
     const contents = (_jsxs(_Fragment, { children: [_jsx(DismissButton, { onDismiss: state.close }), menu, _jsx(DismissButton, { onDismiss: state.close })] }));

package/es/components/{pickers → actions}/Menu/context.js

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

package/es/components/actions/Menu/index.js

@@ -0,0 +1,17 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.66.0
+ * Released under the MIT license.
+ */
+
+export * from './Menu';
+export * from './MenuTrigger';
+export * from './MenuItem';
+export * from './MenuSection';
+export * from './context';
+// Re-export the main components
+export { Menu } from './Menu';
+export { MenuTrigger } from './MenuTrigger';
+
+        

package/es/components/{pickers → actions}/Menu/styled.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.1
+ * @cube-dev/ui-kit v0.66.0
  * Released under the MIT license.
  */
 
+import { DEFAULT_BUTTON_STYLES, DEFAULT_NEUTRAL_STYLES } from '..';
 import { tasty } from '../../../tasty';
-import { DEFAULT_BUTTON_STYLES, DEFAULT_NEUTRAL_STYLES } from '../../actions';
 import { Space } from '../../layout/Space';
 export const StyledMenu = tasty({
     as: 'ul',
@@ -55,17 +55,29 @@ export const StyledDivider = tasty({
 });
 export const StyledHeader = tasty(Space, {
     qa: 'Header',
-    as: 'li',
+    as: 'div',
     styles: {
         color: '#dark-02',
-        preset: 't2m',
-        padding: '0.75x 1.5x',
-        margin: '-0.5x -0.5x (0.5x - 1bw) -0.5x',
-        border: '#dark-05 bottom',
+        preset: 't3',
         placeContent: 'space-between',
-        align: 'start',
-        radius: '1r 1r 0 0',
+        placeItems: 'center',
         whiteSpace: 'nowrap',
+        padding: '.5x 1x',
+        height: 'min 4x',
+    },
+});
+export const StyledFooter = tasty(Space, {
+    qa: 'Footer',
+    as: 'div',
+    styles: {
+        color: '#dark-02',
+        preset: 't3',
+        border: '#border top',
+        placeContent: 'space-between',
+        placeItems: 'center',
+        whiteSpace: 'nowrap',
+        padding: '.5x 1x',
+        height: 'min 4x',
     },
 });
 export const StyledSection = tasty({
@@ -90,10 +102,15 @@ export const StyledItem = tasty({
         // Override specifics for menu context
         display: 'flex',
         flow: 'row',
-        justifyContent: 'start',
+        justifyContent: 'stretch',
         listStyle: 'none',
-        height: 'min 4x',
-        border: '#clear',
+        flexShrink: 0,
+        height: {
+            '': 'min 4x',
+            '[data-size="medium"]': 'min 5x',
+        },
+        border: false,
+        boxSizing: 'border-box',
         fill: {
             '': '#clear',
             focused: '#dark.03',
@@ -113,8 +130,8 @@ export const StyledItem = tasty({
         },
         shadow: '#clear',
         padding: {
-            '': '0 (1x - 1bw)',
-            'selectionIcon & selectable & !selected': '0 (1x - 1bw) 0 (1x - 1bw + 3x)',
+            '': '.5x 1x',
+            'selectionIcon & selectable & !selected': '.5x 1x .5x (1x + 3x)',
         },
         gap: '.75x',
         outline: false,

package/es/components/actions/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.1
+ * @cube-dev/ui-kit v0.66.0
  * Released under the MIT license.
  */
 
@@ -10,6 +10,8 @@ import { ButtonGroup } from './ButtonGroup/ButtonGroup';
 const Button = Object.assign(__Button, { Group: ButtonGroup });
 export * from './Button';
 export * from './Action/Action';
+export * from './Menu';
+export * from './CommandMenu';
 export * from './use-action';
 export { Button, ButtonGroup };
 

package/es/components/actions/use-action.js

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

package/es/components/content/ActiveZone/ActiveZone.js

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

package/es/components/content/Alert/Alert.js

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

package/es/components/content/Alert/index.js

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

package/es/components/content/Alert/types.js

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

package/es/components/content/Alert/use-alert.js

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

package/es/components/content/Avatar/Avatar.js

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

package/es/components/content/Badge/Badge.js

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

package/es/components/content/Card/Card.js

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

package/es/components/content/Content.js

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

package/es/components/content/CopyPasteBlock/CopyPasteBlock.js

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

package/es/components/content/CopyPasteBlock/index.js

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

package/es/components/content/CopySnippet/CopySnippet.js

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

package/es/components/content/CopySnippet/index.js

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

package/es/components/content/Divider.js

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

package/es/components/content/Footer.js

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

package/es/components/content/Header.js

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

package/es/components/content/HotKeys/HotKeys.js

@@ -1,22 +1,32 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.1
+ * @cube-dev/ui-kit v0.66.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, Fragment } from 'react';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, } from '../../../tasty';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../../tasty';
 import { useKeySymbols } from '../../../utils/react/useKeySymbols';
 import { Space } from '../../layout/Space';
 import { Tag } from '../Tag/Tag';
 import { Text } from '../Text';
+const StyledHotKeys = tasty(Space, {
+    qa: 'HotKeys',
+    role: 'group',
+    'aria-label': 'Keyboard shortcuts',
+    styles: {
+        display: 'inline-flex',
+        flow: 'row',
+        gap: '1x',
+    },
+});
 function HotKeys(props, ref) {
-    const { keys, ...otherProps } = props;
+    const { children: keys, ...otherProps } = props;
     const parsedKeys = useKeySymbols(keys);
     const styles = extractStyles(otherProps, CONTAINER_STYLES);
-    return (_jsx(Space, { qa: "HotKeys", "aria-label": "Keyboard shortcuts", ...filterBaseProps(otherProps, { eventProps: true, labelable: true }), ref: ref, styles: styles, flow: "row", gap: "1x", role: "group", children: parsedKeys.map((keyGroup, groupIndex) => (_jsxs(Fragment, { children: [groupIndex > 0 && (_jsx(Text, { color: "#dark-03", role: "separator", "aria-hidden": "true", children: "or" })), _jsx(Space, { flow: "row", gap: "0.25x", role: "group", "aria-label": `Key combination ${groupIndex + 1}`, children: keyGroup.map((key, keyIndex) => (_jsx(Tag, { as: "kbd", role: "text", "aria-label": `Key ${key}`, children: key }, keyIndex))) })] }, groupIndex))) }));
+    return (_jsx(StyledHotKeys, { qa: "HotKeys", ...filterBaseProps(otherProps, { eventProps: true, labelable: true }), ref: ref, styles: styles, children: parsedKeys.map((keyGroup, groupIndex) => (_jsxs(Fragment, { children: [groupIndex > 0 && (_jsx(Text, { color: "#dark-03", role: "separator", "aria-hidden": "true", children: "or" })), _jsx(Space, { flow: "row", gap: "0.25x", role: "group", "aria-label": `Key combination ${groupIndex + 1}`, children: keyGroup.map((key, keyIndex) => (_jsx(Tag, { as: "kbd", role: "text", "aria-label": `Key ${key}`, children: key }, keyIndex))) })] }, groupIndex))) }));
 }
 const _HotKeys = forwardRef(HotKeys);
 _HotKeys.displayName = 'HotKeys';

package/es/components/content/HotKeys/index.js

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

package/es/components/content/Paragraph.js

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

package/es/components/content/Placeholder/Placeholder.js

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

package/es/components/content/PrismCode/PrismCode.js

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

package/es/components/content/PrismCode/prismSetup.js

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

package/es/components/content/PrismDiffCode/PrismDiffCode.js

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

package/es/components/content/Result/Result.js

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

package/es/components/content/Skeleton/Skeleton.js

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

package/es/components/content/Tag/Tag.js

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

package/es/components/content/Text.js

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

package/es/components/content/Title.js

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

package/es/components/fields/Checkbox/Checkbox.js

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

package/es/components/fields/Checkbox/CheckboxGroup.js

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

package/es/components/fields/Checkbox/context.js

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

package/es/components/fields/Checkbox/index.js

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

package/es/components/fields/ComboBox/ComboBox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.65.1
+ * @cube-dev/ui-kit v0.66.0
  * Released under the MIT license.
  */
 
@@ -40,6 +40,7 @@ const TriggerElement = tasty({
         width: {
             '': '4x',
             '[data-size="small"]': '3x',
+            '[data-size="medium"]': '4x',
         },
         color: {
             '': '#dark-02',
@@ -83,7 +84,7 @@ export const ComboBox = forwardRef(function ComboBox(props, ref) {
             };
         },
     });
-    let { qa, label, extra, labelStyles, isRequired, necessityIndicator, validationState, icon, prefix, isDisabled, multiLine, autoFocus, wrapperRef, inputRef, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, triggerStyles, listBoxStyles, overlayStyles, wrapperStyles, suffix, hideTrigger, message, description, size, autoComplete = 'off', direction = 'bottom', shouldFlip = true, menuTrigger = 'input', suffixPosition = 'before', loadingState, filter, styles, labelSuffix, selectedKey, defaultSelectedKey, ...otherProps } = props;
+    let { qa, label, extra, labelStyles, isRequired, necessityIndicator, validationState, icon, prefix, isDisabled, multiLine, autoFocus, wrapperRef, inputRef, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, triggerStyles, listBoxStyles, overlayStyles, wrapperStyles, suffix, hideTrigger, message, description, size = 'medium', autoComplete = 'off', direction = 'bottom', shouldFlip = true, menuTrigger = 'input', suffixPosition = 'before', loadingState, filter, styles, labelSuffix, selectedKey, defaultSelectedKey, ...otherProps } = props;
     let isAsync = loadingState != null;
     let { contains } = useFilter({ sensitivity: 'base' });
     let comboBoxStateProps = {

package/es/components/fields/ComboBox/index.js

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

package/es/components/fields/DatePicker/DateInput.js

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