@cube-dev/ui-kit 0.0.0-canary-e521c67 → 0.0.0-canary-810714b

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/NumberInput/NumberInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/NumberInput/StepButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/PasswordInput/PasswordInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/RadioGroup/Radio.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/RadioGroup/RadioGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/SearchInput/SearchInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/Select/Select.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 
@@ -9,6 +9,7 @@ import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-run
 import { cloneElement, useEffect, useMemo, useRef, } from 'react';
 import { DismissButton, FocusScope, HiddenSelect, useButton, useHover, useListBox, useListBoxSection, useOption, useOverlay, useOverlayPosition, useSelect, } from 'react-aria';
 import { Section as BaseSection, useSelectState } from 'react-stately';
+import styled from 'styled-components';
 import { useEvent } from '../../../_internal';
 import { CloseIcon, DirectionIcon, LoadingIcon } from '../../../icons/index';
 import { useProviderProps } from '../../../provider';
@@ -17,12 +18,13 @@ import { generateRandomId } from '../../../utils/random';
 import { forwardRefWithGenerics, mergeProps, useCombinedRefs, } from '../../../utils/react/index';
 import { useFocus } from '../../../utils/react/interactions';
 import { useEventBus } from '../../../utils/react/useEventBus';
+import { getOverlayTransitionCSS } from '../../../utils/transitions';
 import { ItemAction } from '../../actions';
 import { StyledDivider as ListDivider, StyledSectionHeading as ListSectionHeading, StyledSection as ListSectionWrapper, } from '../../actions/Menu/styled';
 import { ItemBase } from '../../content/ItemBase';
 import { useFieldProps, useFormProps, wrapWithField } from '../../form';
-import { DisplayTransition } from '../../helpers';
 import { Item } from '../../Item';
+import { OverlayWrapper } from '../../overlays/OverlayWrapper';
 import { InvalidIcon } from '../../shared/InvalidIcon';
 import { ValidIcon } from '../../shared/ValidIcon';
 const SelectWrapperElement = tasty({
@@ -63,8 +65,26 @@ export const ListBoxElement = tasty({
         gap: '1bw',
         flow: 'column',
         margin: '0',
-        padding: '0',
+        padding: {
+            '': '.5x',
+            section: 0,
+        },
         listStyle: 'none',
+        radius: {
+            '': '1cr',
+            section: '0',
+        },
+        border: {
+            '': true,
+            section: false,
+        },
+        fill: '#white',
+        shadow: {
+            '': '0px 4px 16px #shadow',
+            section: false,
+        },
+        height: 'initial max-content (50vh - $size-md)',
+        overflow: 'clip auto',
         scrollbar: 'styled',
     },
 });
@@ -80,33 +100,13 @@ const OverlayElement = tasty({
     styles: {
         position: 'absolute',
         width: 'min $overlay-min-width',
-        display: 'grid',
-        gridRows: '1sf',
-        height: 'initial max-content (50vh - $size)',
-        overflow: 'auto',
-        background: '#white',
-        radius: '1cr',
-        shadow: '0px 4px 16px #shadow',
-        padding: '.5x',
-        border: true,
-        transition: 'transform $transition ease-out, scale $transition ease-out, theme $transition ease-out',
-        transform: {
-            '': '0 0',
-            'open & [data-placement="top"]': 'translate(0, 0)',
-            '!open & [data-placement="top"]': 'translate(0, 10%)',
-            'open & [data-placement="bottom"]': 'translate(0, 0)',
-            '!open & [data-placement="bottom"]': 'translate(0, -10%)',
-        },
-        scale: {
-            '': '1 1',
-            '!open': '1 .9',
-        },
-        opacity: {
-            '': 1,
-            '!open': 0.001,
-        },
     },
 });
+const StyledOverlayElement = styled(OverlayElement) `
+  ${(props) => {
+    return getOverlayTransitionCSS({ placement: props?.['data-position'] });
+}}
+`;
 const PROP_STYLES = [...BASE_STYLES, ...OUTER_STYLES, ...COLOR_STYLES];
 function Select(props, ref) {
     props = useProviderProps(props);
@@ -211,13 +211,13 @@ function Select(props, ref) {
                 // Preserve visual variant via data attribute instead of conflicting with HTML attribute
                 type: type, mods: modifiers, prefix: prefix, suffix: suffix, icon: icon, rightIcon: rightIcon !== undefined ? (rightIcon) : showClearButton ? (_jsx(ItemAction, { icon: _jsx(CloseIcon, {}), size: size, theme: validationState === 'invalid' ? 'danger' : undefined, qa: "SelectClearButton", mods: { pressed: false }, onPress: clearValue })) : isLoading ? (_jsx(LoadingIcon, {})) : (_jsx(DirectionIcon, { to: state.isOpen ? 'up' : 'down' })), description: description, descriptionPlacement: descriptionPlacement, hotkeys: hotkeys, tooltip: tooltip, labelProps: valueProps, children: state.selectedItem
                     ? state.selectedItem.rendered
-                    : placeholder || _jsx(_Fragment, { children: "\u00A0" }) }), _jsx(ListBoxPopup, { ...menuProps, popoverRef: popoverRef, listBoxRef: listBoxRef, overlayProps: overlayProps, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: triggerWidth, triggerRef: triggerRef, isDisabled: isDisabled })] }));
+                    : placeholder || _jsx(_Fragment, { children: "\u00A0" }) }), _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, triggerRef: triggerRef }) })] }));
     return wrapWithField(selectField, ref, mergeProps({
         ...props,
-        styles: labelStyles,
+        styles,
     }, { labelProps }));
 }
-export function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlayStyles, optionStyles, overlayProps: parentOverlayProps, shouldUseVirtualFocus = false, placement, minWidth, size = 'small', triggerRef, isDisabled, ...otherProps }) {
+export function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlayStyles, optionStyles, overlayProps: parentOverlayProps, shouldUseVirtualFocus = false, placement, minWidth, size = 'small', triggerRef, ...otherProps }) {
     // For trigger+popover components, map 'small' size to 'medium' for list items
     // while preserving 'medium' and 'large' sizes
     const listItemSize = size === 'small' ? 'medium' : size;
@@ -246,37 +246,31 @@ export function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, ove
             return false;
         },
     }, popoverRef);
-    // Extract primary placement direction for consistent styling
-    const placementDirection = placement?.split(' ')[0] || 'bottom';
     // Wrap in <FocusScope> so that focus is restored back to the
     // trigger when the popup is closed. In addition, add hidden
     // <DismissButton> components at the start and end of the list
     // to allow screen reader users to dismiss the popup easily.
-    return (_jsx(DisplayTransition, { isShown: state.isOpen && !isDisabled, children: ({ phase, isShown, ref: transitionRef }) => (_jsx(OverlayElement, { ...overlayProps, ...parentOverlayProps, ref: (value) => {
-                transitionRef(value);
-                popoverRef.current = value;
-            }, "data-placement": placementDirection, "data-phase": phase, mods: {
-                open: isShown,
-            }, styles: overlayStyles, style: {
-                '--overlay-min-width': minWidth ? `${minWidth}px` : 'initial',
-                ...parentOverlayProps?.style,
-            }, children: _jsxs(FocusScope, { restoreFocus: true, children: [_jsx(DismissButton, { onDismiss: () => state.close() }), (() => {
-                        const renderedItems = [];
-                        let isFirstSection = true;
-                        for (const item of state.collection) {
-                            if (item.type === 'section') {
-                                if (!isFirstSection) {
-                                    renderedItems.push(_jsx(ListDivider, { as: "li", role: "separator", "aria-orientation": "horizontal" }, `divider-${String(item.key)}`));
-                                }
-                                renderedItems.push(_jsx(SelectSection, { item: item, state: state, optionStyles: optionStyles, sectionStyles: undefined, shouldUseVirtualFocus: shouldUseVirtualFocus, size: listItemSize }, item.key));
-                                isFirstSection = false;
-                            }
-                            else {
-                                renderedItems.push(_jsx(Option, { item: item, state: state, styles: optionStyles, shouldUseVirtualFocus: shouldUseVirtualFocus, size: listItemSize }, item.key));
+    return (_jsx(StyledOverlayElement, { ...overlayProps, ...parentOverlayProps, ref: popoverRef, styles: overlayStyles, style: {
+            '--overlay-min-width': minWidth ? `${minWidth}px` : 'initial',
+            ...parentOverlayProps?.style,
+        }, "data-position": placement, children: _jsxs(FocusScope, { restoreFocus: true, children: [_jsx(DismissButton, { onDismiss: () => state.close() }), (() => {
+                    const hasSections = Array.from(state.collection).some((i) => i.type === 'section');
+                    const renderedItems = [];
+                    let isFirstSection = true;
+                    for (const item of state.collection) {
+                        if (item.type === 'section') {
+                            if (!isFirstSection) {
+                                renderedItems.push(_jsx(ListDivider, { as: "li", role: "separator", "aria-orientation": "horizontal" }, `divider-${String(item.key)}`));
                             }
+                            renderedItems.push(_jsx(SelectSection, { item: item, state: state, optionStyles: optionStyles, sectionStyles: undefined, shouldUseVirtualFocus: shouldUseVirtualFocus, size: listItemSize }, item.key));
+                            isFirstSection = false;
+                        }
+                        else {
+                            renderedItems.push(_jsx(Option, { item: item, state: state, styles: optionStyles, shouldUseVirtualFocus: shouldUseVirtualFocus, size: listItemSize }, item.key));
                         }
-                        return (_jsx(ListBoxElement, { styles: listBoxStyles, ...listBoxProps, ref: listBoxRef, children: renderedItems }));
-                    })(), _jsx(DismissButton, { onDismiss: () => state.close() })] }) })) }));
+                    }
+                    return (_jsx(ListBoxElement, { styles: listBoxStyles, ...listBoxProps, ref: listBoxRef, mods: { sections: hasSections }, children: renderedItems }));
+                })(), _jsx(DismissButton, { onDismiss: () => state.close() })] }) }));
 }
 function Option({ item, state, styles, shouldUseVirtualFocus, size }) {
     let ref = useRef(null);

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/Slider/Gradation.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/Slider/Header.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/Slider/RangeSlider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/Slider/Slider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/Slider/SliderBase.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/Slider/SliderInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/Slider/SliderThumb.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/Slider/SliderTrack.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/Slider/elements.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/Slider/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/Switch/Switch.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 
@@ -16,6 +16,7 @@ import { BLOCK_STYLES, extractStyles, OUTER_STYLES, tasty, } from '../../../tast
 import { mergeProps } from '../../../utils/react';
 import { useFocus } from '../../../utils/react/interactions';
 import { castNullableIsSelected, } from '../../../utils/react/nullableValue';
+import { useId } from '../../../utils/react/useId';
 import { Text } from '../../content/Text';
 import { useFieldProps, useFormProps, wrapWithField } from '../../form';
 import { HiddenInput } from '../../HiddenInput';
@@ -52,16 +53,18 @@ const SwitchElement = tasty({
         },
         border: {
             '': '#dark-05',
-            checked: '#purple',
+            checked: '#purple-text',
             disabled: '#dark-05',
         },
         width: {
-            '': '5.25x 5.25x',
-            '[data-size="small"]': '4x 4x',
+            '': '5x 5x',
+            '[data-size="medium"]': '4x 4x',
+            '[data-size="small"]': '3x 3x',
         },
         height: {
             '': '3x 3x',
-            '[data-size="small"]': '2.5x 2.5x',
+            '[data-size="medium"]': '2.5x 2.5x',
+            '[data-size="small"]': '2x 2x',
         },
         outline: {
             '': '#purple-text.0',
@@ -72,17 +75,19 @@ const SwitchElement = tasty({
         cursor: 'pointer',
         shadow: {
             '': '0 0 0 0 #clear',
-            invalid: '0 0 0 1bw #white, 0 0 0 1ow #danger',
+            invalid: '0 0 0 1bw #white, 0 0 0 2bw #danger',
         },
         Thumb: {
             position: 'absolute',
             width: {
                 '': '2x 2x',
-                '[data-size="small"]': '1.5x 1.5x',
+                '[data-size="medium"]': '1.5x 1.5x',
+                '[data-size="small"]': '1.25x 1.25x',
             },
             height: {
                 '': '2x 2x',
-                '[data-size="small"]': '1.5x 1.5x',
+                '[data-size="medium"]': '1.5x 1.5x',
+                '[data-size="small"]': '1.25x 1.25x',
             },
             radius: 'round',
             fill: {
@@ -91,13 +96,16 @@ const SwitchElement = tasty({
             },
             top: {
                 '': '.375x',
-                '[data-size="small"]': '.375x',
+                '[data-size="medium"]': '.375x',
+                '[data-size="small"]': '.25x',
             },
             left: {
                 '': '.375x',
-                '[data-size="small"]': '.375x',
-                checked: '2.5x',
-                'checked & [data-size="small"]': '1.75x',
+                '[data-size="medium"]': '.375x',
+                '[data-size="small"]': '.25x',
+                checked: '2.25x',
+                'checked & [data-size="medium"]': '1.75x',
+                'checked & [data-size="small"]': '1.25x',
             },
             transition: 'left, theme',
             cursor: 'pointer',
@@ -116,19 +124,15 @@ function Switch(props, ref) {
             onChange: onChange,
         }),
     });
-    let { qa, isDisabled = false, children, label, labelStyles, insideForm, isLoading, labelPosition, inputStyles, validationState, size = 'large', } = props;
+    let { qa, isDisabled = false, children, label, labelStyles, insideForm, isLoading, labelPosition, inputStyles, fieldStyles, validationState, size = 'medium', } = props;
+    const id = useId(props.id);
     let styles = extractStyles(props, OUTER_STYLES);
     inputStyles = extractStyles(props, BLOCK_STYLES, inputStyles);
     let { isFocused, focusProps } = useFocus({ isDisabled }, true);
     let { hoverProps, isHovered } = useHover({ isDisabled });
     let inputRef = useRef(null);
     let domRef = useFocusableRef(ref, inputRef);
-    let { inputProps } = useSwitch({
-        ...props,
-        ...(typeof label === 'string' && label.trim()
-            ? { 'aria-label': label }
-            : {}),
-    }, useToggleState(props), inputRef);
+    let { inputProps } = useSwitch(props, useToggleState(props), inputRef);
     const mods = {
         checked: inputProps.checked,
         disabled: isDisabled,
@@ -139,13 +143,18 @@ function Switch(props, ref) {
         'inside-form': insideForm,
         'side-label': labelPosition === 'side',
     };
-    const switchField = (_jsxs(SwitchWrapperElement, { qa: qa || 'SwitchWrapper', mods: mods, "data-size": size, ...hoverProps, children: [_jsx(HiddenInput, { "data-qa": "HiddenInput", ...mergeProps(inputProps, focusProps), ref: inputRef }), _jsx(SwitchElement, { qa: "Switch", mods: mods, "data-size": size, styles: inputStyles, children: _jsx("div", { "data-element": "Thumb", "aria-hidden": "true" }) }), children ? _jsx(Text, { nowrap: true, children: children }) : null, isLoading ? (_jsxs(_Fragment, { children: [label ? _jsx(_Fragment, { children: "\u00A0" }) : null, _jsx(LoadingIcon, {})] })) : null] }));
+    const switchField = (_jsxs(SwitchWrapperElement, { qa: qa || 'SwitchWrapper', mods: mods, "data-size": size, styles: styles, ...hoverProps, children: [_jsx(HiddenInput, { "data-qa": "HiddenInput", ...mergeProps(inputProps, focusProps), ref: inputRef, id: id }), _jsx(SwitchElement, { qa: "Switch", mods: mods, "data-size": size, styles: inputStyles, children: _jsx("div", { "data-element": "Thumb", "aria-hidden": "true" }) }), children ? _jsx(Text, { nowrap: true, children: children }) : null, isLoading ? (_jsxs(_Fragment, { children: [label ? _jsx(_Fragment, { children: "\u00A0" }) : null, _jsx(LoadingIcon, {})] })) : null] }));
     return wrapWithField(switchField, domRef, {
         ...props,
+        id,
+        labelProps: {
+            ...props.labelProps,
+            for: id,
+        },
         children: null,
         labelStyles,
         inputStyles,
-        styles,
+        styles: fieldStyles,
     });
 }
 /**

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/TextArea/TextArea.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/TextInput/TextInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/TextInput/TextInputBase.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/TextInputMapper/TextInputMapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 
@@ -177,7 +177,7 @@ function TextInputMapperInput(props) {
         password: PasswordInput,
     }[inputType];
     if (inputType === 'combobox') {
-        return (_jsx(ComboBox, { qa: "AddMapping", "data-type": fieldType, width: "auto", size: size, ...mergeProps(rest, PROPS_GRID_HACK), id: undefined, inputValue: value, selectedKey: value, labelPosition: "top", "aria-label": placeholder, placeholder: placeholder, allowsCustomValue: allowsCustomValue, onInputChange: onChange, onSelectionChange: (val) => onSelectionChange(val ?? ''), children: (options ?? []).map((option) => (_jsx(ComboBox.Item, { children: option }, option))) }));
+        return (_jsx(ComboBox, { qa: "AddMapping", "data-type": fieldType, width: "auto", size: size, ...mergeProps(rest, PROPS_GRID_HACK), id: undefined, inputValue: value, selectedKey: value, labelPosition: "top", "aria-label": placeholder, placeholder: placeholder, onInputChange: onChange, onSelectionChange: (val) => onSelectionChange(val ?? ''), children: (options ?? []).map((option) => (_jsx(ComboBox.Item, { children: option }, option))) }));
     }
     return (_jsx(Component, { qa: "AddMapping", "data-type": fieldType, width: "auto", rows: 1, size: size, ...mergeProps(rest, PROPS_GRID_HACK), id: undefined, value: value, labelPosition: "top", "aria-label": placeholder, placeholder: placeholder, onChange: onChange, onBlur: onBlur }));
 }

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 

package/es/components/fields/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */
 
@@ -19,7 +19,6 @@ export * from './Slider';
 export * from './Switch/Switch';
 export * from './Select';
 export * from './ComboBox';
-export * from './LegacyComboBox';
 export * from './ListBox';
 export * from './FilterListBox';
 export * from './FilterPicker';

package/es/components/form/FieldWrapper/FieldWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e521c67
+ * @cube-dev/ui-kit v0.0.0-canary-810714b
  * Released under the MIT license.
  */