@cube-dev/ui-kit 0.85.1 → 0.86.0

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.85.1
+ * @cube-dev/ui-kit v0.86.0
  * Released under the MIT license.
  */
 
@@ -22,9 +22,9 @@ import { mergeProps, useCombinedRefs } from '../../../utils/react';
 import { useFocus } from '../../../utils/react/interactions';
 // Import Menu styled components for header and footer
 import { StyledDivider, StyledFooter, StyledHeader, StyledSectionHeading, } from '../../actions/Menu/styled';
-import { ItemBase } from '../../content/ItemBase/ItemBase';
+import { CollectionItem } from '../../CollectionItem';
+import { Item } from '../../content/Item/Item';
 import { useFieldProps, useFormProps, wrapWithField } from '../../form';
-import { Item } from '../../Item';
 const ListBoxWrapperElement = tasty({
     qa: 'ListBox',
     styles: {
@@ -77,8 +77,8 @@ const ListBoxScrollElement = tasty({
         scrollbar: 'styled',
     },
 });
-// Create an extended ItemBase for ListBox options with 'all' modifier support
-const ListBoxItemBase = tasty(ItemBase, {
+// Create an extended Item for ListBox options with 'all' modifier support
+const ListBoxItem = tasty(Item, {
     as: 'li',
     styles: {
         margin: {
@@ -207,7 +207,8 @@ const SelectAllOption = ({ label = 'Select All', isSelected, isIndeterminate, is
             onClick?.(true);
         }
     };
-    return (_jsxs(_Fragment, { children: [_jsx(ListBoxItemBase, { ref: localRef, "data-size": size, size: size, role: "option", "aria-selected": isSelected, isSelected: isSelected, isDisabled: isDisabled, icon: checkboxIcon, mods: {
+    return (_jsxs(_Fragment, { children: [_jsx(ListBoxItem, { ref: localRef, "data-size": size, size: size, role: "option", "aria-selected": isSelected, isSelected: isSelected, isDisabled: isDisabled, icon: checkboxIcon, mods: {
+                    listboxitem: true,
                     disabled: isDisabled,
                     checkable: isCheckable,
                     hovered: isHovered,
@@ -240,7 +241,7 @@ export const ListBox = forwardRef(function ListBox(props, ref) {
             return fieldProps;
         },
     });
-    let { qa, label, extra, id, labelStyles, isRequired, necessityIndicator, validationState, isDisabled, listStyles, optionStyles, sectionStyles, headingStyles, listRef, message, description, styles, mods: externalMods, size = 'medium', labelSuffix, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, shouldUseVirtualFocus, onSelectionChange, disableSelectionToggle = false, stateRef, focusOnHover, header, footer, headerStyles, footerStyles, onEscape, isCheckable, onOptionClick, showSelectAll, selectAllLabel, allValueProps, filter, form, ...otherProps } = props;
+    let { qa, label, extra, id, labelStyles, isRequired, necessityIndicator, validationState, isDisabled, listStyles, optionStyles, sectionStyles, headingStyles, listRef, message, description, styles, mods: externalMods, size = 'medium', labelSuffix, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, shouldUseVirtualFocus, onSelectionChange, disableSelectionToggle = false, stateRef, focusOnHover, header, footer, headerStyles, footerStyles, onEscape, isCheckable, onOptionClick, showSelectAll, selectAllLabel, allValueProps, filter, emptyLabel = 'No items', form, ...otherProps } = props;
     const [, forceUpdate] = useState({});
     const lastSelectedKeyRef = useRef(null);
     // Wrap onSelectionChange to prevent selection when disabled and handle React Aria's Set format
@@ -467,41 +468,35 @@ export const ListBox = forwardRef(function ListBox(props, ref) {
             rowVirtualizer.measure();
         }
     }, [shouldVirtualize, itemsArray, rowVirtualizer]);
-    // Keep focused item visible when virtualizing, but only for keyboard navigation
-    useEffect(() => {
-        if (!shouldVirtualize)
-            return;
+    // Keep focused item visible, but only for keyboard navigation
+    useLayoutEffect(() => {
         const focusedKey = listState.selectionManager.focusedKey;
-        if (focusedKey != null) {
-            const idx = itemsArrayRef.current.findIndex((it) => it.key === focusedKey);
-            if (idx !== -1) {
-                // Check if the focused item is actually visible in the current viewport
-                // (not just rendered due to overscan)
-                const scrollElement = scrollRef.current;
-                if (scrollElement) {
-                    const scrollTop = scrollElement.scrollTop;
-                    const viewportHeight = scrollElement.clientHeight;
-                    const viewportBottom = scrollTop + viewportHeight;
-                    // Find the virtual item for this index
-                    const virtualItems = rowVirtualizer.getVirtualItems();
-                    const virtualItem = virtualItems.find((item) => item.index === idx);
-                    let isAlreadyVisible = false;
-                    if (virtualItem) {
-                        const itemTop = virtualItem.start;
-                        const itemBottom = virtualItem.start + virtualItem.size;
-                        // Check if the item is fully visible in the viewport
-                        // We should scroll if the item is partially hidden
-                        isAlreadyVisible =
-                            itemTop >= scrollTop && itemBottom <= viewportBottom;
-                    }
-                    // Only scroll if the item is not already visible AND the focus change was due to keyboard navigation
-                    if (!isAlreadyVisible && lastFocusSourceRef.current === 'keyboard') {
-                        rowVirtualizer.scrollToIndex(idx, { align: 'auto' });
-                    }
-                }
-            }
+        if (focusedKey == null)
+            return;
+        // Only scroll on keyboard navigation
+        if (lastFocusSourceRef.current !== 'keyboard')
+            return;
+        const scrollElement = scrollRef.current;
+        if (!scrollElement)
+            return;
+        const itemElement = scrollElement.querySelector(`[data-key="${CSS.escape(String(focusedKey))}"]`);
+        if (!itemElement)
+            return;
+        const scrollTop = scrollElement.scrollTop;
+        const viewportHeight = scrollElement.clientHeight;
+        const viewportBottom = scrollTop + viewportHeight;
+        const itemRect = itemElement.getBoundingClientRect();
+        const scrollRect = scrollElement.getBoundingClientRect();
+        // Calculate item position relative to scroll container
+        const itemTop = itemRect.top - scrollRect.top + scrollTop;
+        const itemBottom = itemTop + itemRect.height;
+        // Check if the item is fully visible in the viewport
+        const isAlreadyVisible = itemTop >= scrollTop && itemBottom <= viewportBottom;
+        if (!isAlreadyVisible) {
+            // Use scrollIntoView with block: 'nearest' to minimize scroll jumps
+            itemElement.scrollIntoView({ block: 'nearest', behavior: 'auto' });
         }
-    }, [shouldVirtualize, listState.selectionManager.focusedKey, itemsArray]);
+    }, [listState.selectionManager.focusedKey, itemsArray]);
     // Merge React Aria listbox props with custom keyboard props so both sets of
     // event handlers (e.g. Arrow navigation *and* our Escape handler) are
     // preserved.
@@ -526,7 +521,7 @@ export const ListBox = forwardRef(function ListBox(props, ref) {
         props.selectionMode,
         externalMods,
     ]);
-    const listBoxField = (_jsxs(ListBoxWrapperElement, { ref: ref, qa: "ListBoxWrapper", mods: mods, styles: styles, children: [header ? (_jsx(StyledHeader, { styles: headerStyles, "data-size": size, children: header })) : (_jsx("div", { role: "presentation" })), showSelectAll && props.selectionMode === 'multiple' ? (_jsx(SelectAllOption, { label: selectAllLabel || 'Select All', state: listState, lastFocusSourceRef: lastFocusSourceRef, isSelected: selectAllState.isSelected, isIndeterminate: selectAllState.isIndeterminate, isDisabled: isDisabled, isCheckable: isCheckable, size: size, allValueProps: allValueProps, onClick: handleSelectAllClick })) : (_jsxs(_Fragment, { children: [_jsx("div", { role: "presentation" }), _jsx("div", { role: "presentation" })] })), _jsx(ListBoxScrollElement, { ref: scrollRef, mods: mods, ...focusProps, children: _jsx(ListElement, { qa: qa || 'ListBox', ...mergedListBoxProps, ref: listRef, styles: listStyles, "aria-disabled": isDisabled || undefined, mods: { sections: hasSections }, style: shouldVirtualize
+    const listBoxField = (_jsxs(ListBoxWrapperElement, { ref: ref, qa: "ListBoxWrapper", mods: mods, styles: styles, children: [header ? (_jsx(StyledHeader, { styles: headerStyles, "data-size": size, children: header })) : (_jsx("div", { role: "presentation" })), showSelectAll && props.selectionMode === 'multiple' ? (_jsx(SelectAllOption, { label: selectAllLabel || 'Select All', state: listState, lastFocusSourceRef: lastFocusSourceRef, isSelected: selectAllState.isSelected, isIndeterminate: selectAllState.isIndeterminate, isDisabled: isDisabled, isCheckable: isCheckable, size: size, allValueProps: allValueProps, onClick: handleSelectAllClick })) : (_jsxs(_Fragment, { children: [_jsx("div", { role: "presentation" }), _jsx("div", { role: "presentation" })] })), _jsx(ListBoxScrollElement, { ref: scrollRef, mods: mods, ...focusProps, children: listState.collection.size === 0 ? (_jsx(Item, { preset: "t4", color: "#dark-03", size: size, padding: "(.5x - 1bw)", children: emptyLabel })) : (_jsx(ListElement, { qa: qa || 'ListBox', ...mergedListBoxProps, ref: listRef, styles: listStyles, "aria-disabled": isDisabled || undefined, mods: { sections: hasSections }, style: shouldVirtualize
                         ? {
                             position: 'relative',
                             height: `${rowVirtualizer.getTotalSize() + 3}px`,
@@ -561,7 +556,7 @@ export const ListBox = forwardRef(function ListBox(props, ref) {
                                 }
                             }
                             return renderedItems;
-                        })() }) }), footer ? (_jsx(StyledFooter, { styles: footerStyles, "data-size": size, children: footer })) : (_jsx("div", { role: "presentation" }))] }));
+                        })() })) }), footer ? (_jsx(StyledFooter, { styles: footerStyles, "data-size": size, children: footer })) : (_jsx("div", { role: "presentation" }))] }));
     const finalProps = { ...props, styles: undefined };
     return wrapWithField(listBoxField, ref, mergeProps(finalProps, {}));
 });
@@ -660,7 +655,7 @@ function Option({ size = 'medium', item, state, styles, isParentDisabled, valida
     // Filter out React Aria props that shouldn't reach the DOM
     const { onKeyDown, onKeyUp, tabIndex, 'aria-selected': ariaSelected, 'aria-disabled': ariaDisabled, role, ...filteredOptionProps } = optionProps;
     const theme = { valid: 'success', invalid: 'danger' }[validationState] || 'default';
-    return (_jsx(ListBoxItemBase, { ref: combinedRef, qa: item.props?.qa, id: `ListBoxItem-${String(item.key)}`, ...mergeProps(filteredOptionProps, hoverProps, {
+    return (_jsx(ListBoxItem, { ref: combinedRef, qa: item.props?.qa, id: `ListBoxItem-${String(item.key)}`, "data-key": String(item.key), ...mergeProps(filteredOptionProps, hoverProps, {
             onClick: handleOptionClick,
             onKeyDown,
             onKeyUp,
@@ -669,6 +664,7 @@ function Option({ size = 'medium', item, state, styles, isParentDisabled, valida
             'aria-disabled': ariaDisabled,
             role,
         }), theme: theme, style: virtualStyle, "data-size": size, "data-index": virtualIndex, size: size, isSelected: isSelected, isDisabled: isDisabled, icon: effectiveIcon, rightIcon: item.props?.rightIcon, hotkeys: item.props?.hotkeys, suffix: item.props?.suffix, description: item.props?.description, descriptionPlacement: item.props?.descriptionPlacement, labelProps: labelProps, descriptionProps: descriptionProps, styles: styles, tooltip: item.props?.tooltip, defaultTooltipPlacement: "right", mods: {
+            listboxitem: true,
             focused: isFocused,
             pressed: isPressed,
             valid: isSelected && validationState === 'valid',
@@ -692,7 +688,7 @@ function ListBoxSection(props) {
 const ListBoxSectionComponent = Object.assign(BaseSection, {
     displayName: 'Section',
 });
-ListBox.Item = Item;
+ListBox.Item = CollectionItem;
 ListBox.Section = ListBoxSectionComponent;
 Object.defineProperty(ListBox, 'cubeInputType', {
     value: 'ListBox',

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * Released under the MIT license.
  */
 

package/es/components/fields/Picker/Picker.js

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * Released under the MIT license.
  */
 
@@ -13,13 +13,13 @@ import { useProviderProps } from '../../../provider';
 import { extractStyles, filterBaseProps, OUTER_STYLES, tasty, } from '../../../tasty';
 import { mergeProps } from '../../../utils/react';
 import { useFocus } from '../../../utils/react/interactions';
-import { ItemBase } from '../../content/ItemBase/ItemBase';
+import { Item } from '../../content/Item/Item';
 import { INLINE_LABEL_STYLES, useFieldProps, useFormProps } from '../../form';
 import { HiddenInput } from '../../HiddenInput';
 import { useRadioProvider } from './context';
 import { RadioGroup } from './RadioGroup';
 export { useRadio };
-const RadioButtonElement = tasty(ItemBase, {
+const RadioButtonElement = tasty(Item, {
     qa: 'RadioButton',
     as: 'label',
     styles: {
@@ -135,9 +135,7 @@ function Radio(props, ref) {
     // Determine effective size with priority: prop > context > default
     let effectiveSize = (size ??
         contextSize ??
-        (effectiveType === 'tabs'
-            ? 'small'
-            : 'medium'));
+        (effectiveType === 'tabs' ? 'small' : 'medium'));
     // Apply size mapping for tabs mode button radios
     if (effectiveType === 'tabs' && isButton) {
         if (effectiveSize === 'small' || effectiveSize === 'medium') {
@@ -196,7 +194,7 @@ function Radio(props, ref) {
         isFocused,
         effectiveType,
     ]);
-    // Render button type using ItemBase
+    // Render button type using Item
     if (isButton) {
         const ButtonElement = isRadioSelected && contextType === 'tabs'
             ? TabRadioButtonSelectedElement

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * Released under the MIT license.
  */
 
@@ -20,10 +20,10 @@ import { useFocus } from '../../../utils/react/interactions';
 import { useEventBus } from '../../../utils/react/useEventBus';
 import { ItemAction } from '../../actions';
 import { StyledDivider as ListDivider, StyledSectionHeading as ListSectionHeading, StyledSection as ListSectionWrapper, } from '../../actions/Menu/styled';
-import { ItemBase } from '../../content/ItemBase';
+import { CollectionItem } from '../../CollectionItem';
+import { Item } from '../../content/Item';
 import { useFieldProps, useFormProps, wrapWithField } from '../../form';
 import { DisplayTransition } from '../../helpers';
-import { Item } from '../../Item';
 import { Portal } from '../../portal';
 import { InvalidIcon } from '../../shared/InvalidIcon';
 import { ValidIcon } from '../../shared/ValidIcon';
@@ -45,7 +45,7 @@ const SelectWrapperElement = tasty({
         },
     },
 });
-const SelectTrigger = tasty(ItemBase, {
+const SelectTrigger = tasty(Item, {
     as: 'button',
     qa: 'Trigger',
     styles: {
@@ -70,8 +70,8 @@ export const ListBoxElement = tasty({
         scrollbar: 'styled',
     },
 });
-// Use ItemBase for options to unify item visuals and reduce custom styling
-const OptionItem = tasty(ItemBase, {
+// Use Item for options to unify item visuals and reduce custom styling
+const OptionItem = tasty(Item, {
     as: 'li',
     qa: 'Option',
     styles: {
@@ -315,6 +315,7 @@ function Option({ item, state, styles, shouldUseVirtualFocus, size }) {
     let { isFocused, focusProps } = useFocus({ isDisabled });
     const { qa, description, icon, prefix, suffix, rightIcon, descriptionPlacement, tooltip, styles: itemStyles, } = (item?.props || {});
     return (_jsx(OptionItem, { ...mergeProps(optionProps, focusProps), ref: ref, qa: qa, mods: {
+            listboxitem: true,
             selected: isSelected,
             focused: shouldUseVirtualFocus ? isVirtualFocused : isFocused,
             disabled: isDisabled,
@@ -338,7 +339,7 @@ const SelectSectionComponent = Object.assign(BaseSection, {
     displayName: 'Section',
 });
 const __Select = Object.assign(_Select, {
-    Item,
+    Item: CollectionItem,
     Section: SelectSectionComponent,
 });
 __Select.displayName = 'Select';

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * Released under the MIT license.
  */
 
@@ -57,6 +57,7 @@ export const INPUT_WRAPPER_STYLES = {
         '': '#purple-03.0',
         'invalid & focused': '#danger.50',
     },
+    preset: 't3',
     radius: true,
     cursor: 'text',
     color: {

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.85.1
+ * @cube-dev/ui-kit v0.86.0
  * 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.85.1
+ * @cube-dev/ui-kit v0.86.0
  * Released under the MIT license.
  */
 

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

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

package/es/components/form/FieldWrapper/extract-field-wrapper-props.js

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

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

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