@cube-dev/ui-kit 0.0.0-canary-bc5b3b3 → 0.0.0-canary-6561ea5

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

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

package/es/components/fields/Input/Input.js

@@ -1,20 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * Released under the MIT license.
  */
 
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
 import { FileInput } from '../FileInput/FileInput';
 import { NumberInput } from '../NumberInput/NumberInput';
 import { PasswordInput } from '../PasswordInput/PasswordInput';
 import { TextArea } from '../TextArea/TextArea';
 import { TextInput } from '../TextInput';
-export const Input = Object.assign(forwardRef(function Input(props, ref) {
-    return _jsx(TextInput, { ref: ref, ...props });
-}), {
+export const Input = Object.assign(TextInput, {
     Text: TextInput,
     Password: PasswordInput,
     Number: NumberInput,

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * Released under the MIT license.
  */
 
@@ -526,7 +526,7 @@ export const ListBox = forwardRef(function ListBox(props, ref) {
         props.selectionMode,
         externalMods,
     ]);
-    const listBoxField = (_jsxs(ListBoxWrapperElement, { ref: ref, qa: "ListBoxWrapper", mods: mods, styles: styles, "data-shape": shape, 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 }, "data-shape": shape, style: shouldVirtualize
+    const listBoxField = (_jsxs(ListBoxWrapperElement, { ref: ref, qa: "ListBoxWrapper", mods: mods, styles: styles, "data-shape": shape, 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 }, "data-shape": shape, "data-input-type": "listbox", style: shouldVirtualize
                         ? {
                             position: 'relative',
                             height: `${rowVirtualizer.getTotalSize() + 3}px`,

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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * Released under the MIT license.
  */
 
@@ -42,7 +42,7 @@ function NumberInput(props, ref) {
     inputRef = inputRef ?? localInputRef;
     let { groupProps, labelProps, inputProps, incrementButtonProps, decrementButtonProps, } = useNumberField(props, state, inputRef);
     const steppers = showStepper ? (_jsxs(StepperContainer, { children: [_jsx(StepButton, { isDisabled: props.isDisabled, direction: "up", ...incrementButtonProps, size: otherProps.size }), _jsx(StepButton, { isDisabled: props.isDisabled, direction: "down", ...decrementButtonProps, size: otherProps.size })] })) : undefined;
-    return (_jsx(StyledTextInputBase, { ...otherProps, ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef, wrapperProps: groupProps, suffixPosition: "after", suffix: showStepper ? (props.suffixPosition === 'before' ? (_jsxs(_Fragment, { children: [suffix, steppers] })) : (_jsxs(_Fragment, { children: [steppers, suffix] }))) : (suffix) }));
+    return (_jsx(StyledTextInputBase, { ...otherProps, ref: ref, labelProps: labelProps, inputProps: { ...inputProps, 'data-input-type': 'numberinput' }, inputRef: inputRef, wrapperProps: groupProps, suffixPosition: "after", suffix: showStepper ? (props.suffixPosition === 'before' ? (_jsxs(_Fragment, { children: [suffix, steppers] })) : (_jsxs(_Fragment, { children: [steppers, suffix] }))) : (suffix) }));
 }
 /**
  * NumberFields allow users to enter a number and increment or decrement the value using stepper buttons.

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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * Released under the MIT license.
  */
 
@@ -36,7 +36,7 @@ function PasswordInput(props, ref) {
         setType((type) => (type === 'password' ? 'text' : 'password'));
     }, []);
     const wrappedSuffix = (_jsxs(_Fragment, { children: [suffix, _jsx(ItemAction, { type: "neutral", tooltip: "Toggle masking", icon: type === 'password' ? _jsx(EyeInvisibleIcon, {}) : _jsx(EyeIcon, {}), onPress: toggleType })] }));
-    return (_jsx(TextInputBase, { ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef, inputStyles: { paddingRight: '4x' }, type: type, suffixPosition: "after", suffix: wrappedSuffix, multiLine: multiLine, ...rest }));
+    return (_jsx(TextInputBase, { ref: ref, labelProps: labelProps, inputProps: { ...inputProps, 'data-input-type': 'passwordinput' }, inputRef: inputRef, inputStyles: { paddingRight: '4x' }, type: type, suffixPosition: "after", suffix: wrappedSuffix, multiLine: multiLine, ...rest }));
 }
 /**
  * PasswordInputs are password inputs that allow users to input passwords or code entries

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * Released under the MIT license.
  */
 
@@ -62,7 +62,7 @@ export const Picker = forwardRef(function Picker(props, ref) {
             return fieldProps;
         },
     });
-    let { id, qa, label, extra, icon, rightIcon, prefix, suffix, hotkeys, triggerTooltip, triggerDescription, labelStyles, isRequired, necessityIndicator, validationState, isDisabled, isLoading, message, mods: externalMods, description, descriptionPlacement, placeholder, size = 'medium', styles, listBoxStyles, popoverStyles, type = 'outline', theme = 'default', labelSuffix, shouldFocusWrap, children, shouldFlip = true, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, disabledKeys, onSelectionChange, selectionMode = 'single', listStateRef, focusOnHover, showSelectAll, selectAllLabel = 'All', items, header, footer, headerStyles, footerStyles, triggerStyles, renderSummary, isCheckable, allValueProps, listStyles, optionStyles, sectionStyles, headingStyles, listRef, disallowEmptySelection, shouldUseVirtualFocus, onEscape, onOptionClick, isClearable, onClear, sortSelectedToTop, listStateRef: externalListStateRef, ...otherProps } = props;
+    let { id, qa, label, extra, icon, rightIcon, prefix, suffix, hotkeys, triggerTooltip, triggerDescription, labelStyles, isRequired, necessityIndicator, validationState, isDisabled, isLoading, message, mods: externalMods, description, descriptionPlacement, placeholder, size = 'medium', styles, listBoxStyles, popoverStyles, type = 'outline', theme = 'default', labelSuffix, shouldFocusWrap, children, shouldFlip = true, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, disabledKeys, onSelectionChange, selectionMode = 'single', listStateRef, focusOnHover, showSelectAll, selectAllLabel = 'All', items, header, footer, headerStyles, footerStyles, triggerStyles, renderSummary, isCheckable, allValueProps, listStyles, optionStyles, sectionStyles, headingStyles, listRef, disallowEmptySelection, shouldUseVirtualFocus, onEscape, onOptionClick, isClearable, onClear, sortSelectedToTop, isButton = false, listStateRef: externalListStateRef, ...otherProps } = props;
     styles = extractStyles(otherProps, PROP_STYLES, styles);
     // Generate a unique ID for this Picker instance
     const pickerId = useMemo(() => generateRandomId(), []);
@@ -341,7 +341,7 @@ export const Picker = forwardRef(function Picker(props, ref) {
             onClear?.();
             return false;
         });
-        return (_jsx(ItemButton, { ref: triggerRef, "data-popover-trigger": true, isButton: false, id: id, qa: qa || 'PickerTrigger', type: type, theme: validationState === 'invalid' ? 'danger' : theme, size: size, isDisabled: isDisabled || isLoading, mods: {
+        return (_jsx(ItemButton, { ref: triggerRef, "data-popover-trigger": true, isButton: isButton, id: id, qa: qa || 'PickerTrigger', type: type, theme: validationState === 'invalid' ? 'danger' : theme, size: size, isDisabled: isDisabled || isLoading, "data-input-type": "picker", mods: {
                 placeholder: !hasSelection,
                 ...externalMods,
             }, icon: icon, rightIcon: isLoading ? (_jsx(LoadingIcon, {})) : rightIcon !== undefined ? (rightIcon) : showClearButton ? (_jsx(ItemAction, { icon: _jsx(CloseIcon, {}), size: size, theme: validationState === 'invalid' ? 'danger' : undefined, qa: "PickerClearButton", mods: { pressed: false }, onPress: clearValue })) : (_jsx(DirectionIcon, { to: state.isOpen ? 'top' : 'bottom' })), prefix: prefix, suffix: suffix, hotkeys: hotkeys, tooltip: triggerTooltip, description: triggerDescription, descriptionPlacement: descriptionPlacement, styles: styles, ...keyboardProps, "aria-label": `${props['aria-label'] ?? props.label ?? ''}`, children: renderTriggerContent() }));

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * Released under the MIT license.
  */
 
@@ -199,10 +199,10 @@ function Radio(props, ref) {
         const ButtonElement = isRadioSelected && contextType === 'tabs'
             ? TabRadioButtonSelectedElement
             : RadioButtonElement;
-        return (_jsxs(ButtonElement, { ref: domRef, type: effectiveButtonType, theme: isInvalid ? 'danger' : 'default', size: effectiveSize, icon: icon, rightIcon: rightIcon, prefix: prefix, suffix: suffix, description: description, tooltip: tooltip, hotkeys: hotkeys, isSelected: isRadioSelected, isDisabled: isRadioDisabled, mods: mods, styles: styles, ...mergeProps(hoverProps, focusProps), children: [_jsx(HiddenInput, { "data-qa": qa || 'Radio', "aria-label": ariaLabel, ...inputProps, ref: inputRef, form: null, mods: { button: isButton, disabled: isRadioDisabled } }), label] }));
+        return (_jsxs(ButtonElement, { ref: domRef, type: effectiveButtonType, theme: isInvalid ? 'danger' : 'default', size: effectiveSize, icon: icon, rightIcon: rightIcon, prefix: prefix, suffix: suffix, description: description, tooltip: tooltip, hotkeys: hotkeys, isSelected: isRadioSelected, isDisabled: isRadioDisabled, mods: mods, styles: styles, ...mergeProps(hoverProps, focusProps), children: [_jsx(HiddenInput, { "data-qa": qa || 'Radio', "data-input-type": "radio", "aria-label": ariaLabel, ...inputProps, ref: inputRef, form: null, mods: { button: isButton, disabled: isRadioDisabled } }), label] }));
     }
     // Render classic radio type
-    return (_jsxs(RadioWrapperElement, { styles: styles, ...hoverProps, ref: domRef, mods: mods, "data-type": type, children: [_jsx(HiddenInput, { "data-qa": qa || 'Radio', "aria-label": ariaLabel, ...mergeProps(inputProps, focusProps), ref: inputRef, mods: { button: isButton } }), _jsx(RadioNormalElement, { "data-element": "Input", mods: mods, "data-type": type, children: RadioCircleElement }), label && (_jsx(RadioLabelElement, { mods: mods, styles: labelStyles, ...filterBaseProps(labelProps), children: label }))] }));
+    return (_jsxs(RadioWrapperElement, { styles: styles, ...hoverProps, ref: domRef, mods: mods, "data-type": type, children: [_jsx(HiddenInput, { "data-qa": qa || 'Radio', "data-input-type": "radio", "aria-label": ariaLabel, ...mergeProps(inputProps, focusProps), ref: inputRef, mods: { button: isButton } }), _jsx(RadioNormalElement, { "data-element": "Input", mods: mods, "data-type": type, children: RadioCircleElement }), label && (_jsx(RadioLabelElement, { mods: mods, styles: labelStyles, ...filterBaseProps(labelProps), children: label }))] }));
 }
 /**
  * Radio buttons allow users to select a single option from a list of mutually exclusive options.

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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * Released under the MIT license.
  */
 
@@ -51,7 +51,7 @@ function RadioGroup(props, ref) {
     props = useProviderProps(props);
     props = useFormProps(props);
     props = useFieldProps(props, { defaultValidationTrigger: 'onChange' });
-    let { isDisabled, isRequired, labelPosition = 'top', isInvalid, children, styles, groupStyles, insideForm, 
+    let { qa, isDisabled, isRequired, labelPosition = 'top', isInvalid, children, styles, groupStyles, insideForm, 
     // orientation, // ignore orientation since it came from the form context
     labelProps: baseLabelProps, size, buttonType, type, form, ...otherProps } = props;
     let domRef = useDOMRef(ref);
@@ -63,7 +63,7 @@ function RadioGroup(props, ref) {
             type === 'button' || type === 'tabs' ? 'horizontal' : 'vertical';
     }
     let { radioGroupProps: fieldProps, labelProps } = useRadioGroup({ ...props, orientation }, state);
-    let radioGroup = (_jsx(RadioGroupElement, { styles: styles, mods: {
+    let radioGroup = (_jsx(RadioGroupElement, { qa: qa || 'RadioGroup', styles: styles, "data-input-type": "radiogroup", mods: {
             horizontal: orientation === 'horizontal',
             'inside-form': insideForm,
             'side-label': labelPosition === 'side',

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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * Released under the MIT license.
  */
 
@@ -24,7 +24,7 @@ export const SearchInput = forwardRef(function SearchInput(props, ref) {
     let state = useSearchFieldState(props);
     let { inputProps, clearButtonProps } = useSearchField(props, state, inputRef);
     let showClearButton = isClearable && state.value !== '' && !props.isReadOnly;
-    return (_jsx(TextInputBase, { ref: ref, inputProps: inputProps, inputRef: inputRef, type: "search", icon: _jsx(SearchIcon, {}), suffixPosition: "after", ...props, suffix: props.suffix || showClearButton ? (_jsxs(_Fragment, { children: [props.suffix, showClearButton && (_jsx(ItemAction, { icon: _jsx(CloseIcon, {}), size: props.size, type: validationState === 'invalid' ? 'clear' : 'neutral', theme: validationState === 'invalid' ? 'danger' : undefined, ...ariaToCubeButtonProps(clearButtonProps), onPress: (e) => {
+    return (_jsx(TextInputBase, { ref: ref, inputProps: { ...inputProps, 'data-input-type': 'searchinput' }, inputRef: inputRef, type: "search", icon: _jsx(SearchIcon, {}), suffixPosition: "after", ...props, suffix: props.suffix || showClearButton ? (_jsxs(_Fragment, { children: [props.suffix, showClearButton && (_jsx(ItemAction, { icon: _jsx(CloseIcon, {}), size: props.size, type: validationState === 'invalid' ? 'clear' : 'neutral', theme: validationState === 'invalid' ? 'danger' : undefined, ...ariaToCubeButtonProps(clearButtonProps), onPress: (e) => {
                         // Call the original clear functionality
                         clearButtonProps.onPress?.();
                         // Call the onClear callback

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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * Released under the MIT license.
  */
 
@@ -219,7 +219,7 @@ function Select(props, ref) {
         }
         return (_jsxs(_Fragment, { children: [suffix, validationState ? validation : null] }));
     }, [suffix, validationState, validation]);
-    let selectField = (_jsxs(SelectWrapperElement, { qa: qa || 'Select', mods: modifiers, styles: { ...wrapperStyles, ...styles }, "data-size": size, "data-type": type, "data-theme": theme, children: [_jsx(HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }), _jsx(SelectTrigger, { ...mergeProps(buttonProps, hoverProps, focusProps), ref: triggerRef, "data-popover-trigger": true, styles: { ...inputStyles, ...triggerStyles }, theme: theme, size: size, 
+    let selectField = (_jsxs(SelectWrapperElement, { qa: qa || 'Select', mods: modifiers, styles: { ...wrapperStyles, ...styles }, "data-size": size, "data-type": type, "data-theme": theme, "data-input-type": "select", children: [_jsx(HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }), _jsx(SelectTrigger, { ...mergeProps(buttonProps, hoverProps, focusProps), ref: triggerRef, "data-popover-trigger": true, styles: { ...inputStyles, ...triggerStyles }, theme: theme, size: size, 
                 // Ensure this button never submits a surrounding form in tests or runtime
                 htmlType: "button", 
                 // Preserve visual variant via data attribute instead of conflicting with HTML attribute

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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * Released under the MIT license.
  */
 
@@ -107,7 +107,7 @@ function SliderBase(allProps, ref) {
         horizontal: orientation === 'horizontal',
     }), [labelPosition, orientation]);
     styles = extractStyles(otherProps, OUTER_STYLES, styles);
-    const sliderField = (_jsx(SliderElement, { ref: domRef, ...groupProps, mods: mods, styles: styles, children: _jsx(SliderControlsElement, { ...trackProps, ref: trackRef, mods: mods, children: children({
+    const sliderField = (_jsx(SliderElement, { ref: domRef, ...groupProps, mods: mods, styles: styles, "data-input-type": "slider", children: _jsx(SliderControlsElement, { ...trackProps, ref: trackRef, mods: mods, children: children({
                 trackRef,
                 inputRef,
                 state,

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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * Released under the MIT license.
  */
 
@@ -142,7 +142,7 @@ function Switch(props, ref) {
         'inside-form': insideForm,
         'side-label': labelPosition === 'side',
     };
-    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] }));
+    const switchField = (_jsxs(SwitchWrapperElement, { qa: "SwitchWrapper", mods: mods, "data-size": size, styles: styles, ...hoverProps, children: [_jsx(HiddenInput, { qa: qa || 'Switch', "data-input-type": "switch", ...mergeProps(inputProps, focusProps), ref: inputRef, id: id }), _jsx(SwitchElement, { 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,

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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * Released under the MIT license.
  */
 
@@ -78,7 +78,7 @@ function TextArea(props, ref) {
         resizeObserver.observe(inputRef?.current);
         return () => resizeObserver.disconnect();
     }, [autoSize, inputRef?.current]);
-    return (_jsx(TextInputBase, { ref: ref, ...otherProps, multiLine: true, inputRef: inputRef, labelProps: labelProps, inputProps: inputProps, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, rows: rows }));
+    return (_jsx(TextInputBase, { ref: ref, ...otherProps, multiLine: true, inputRef: inputRef, labelProps: labelProps, inputProps: { ...inputProps, 'data-input-type': 'textarea' }, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, rows: rows }));
 }
 /**
  * TextInputs are text inputs that allow users to input custom text entries

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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * Released under the MIT license.
  */
 
@@ -232,7 +232,7 @@ function _TextInputBase(props, ref) {
             fontFamily: 'text-security-disc',
         }
         : {};
-    const textField = (_jsxs(InputWrapperElement, { ref: wrapperRef, mods: modifiers, "data-size": size, styles: wrapperStyles, ...wrapperProps, children: [prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }) : null, _jsx(InputElement, { qa: qa || 'Input', as: ElementType, ...mergeProps(inputProps, focusProps, hoverProps), ref: inputRef, rows: multiLine ? rows : undefined, mods: modifiers, style: textSecurityStyles, "data-autofocus": autoFocus ? '' : undefined, autoFocus: autoFocus, "data-size": size, autoComplete: autocomplete, styles: inputStyles, disabled: !!isDisabled, maxLength: maxLength, minLength: minLength }), (validationState && !isLoading) || isLoading || suffix ? (_jsxs("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, (validationState && !isLoading) || isLoading ? (_jsxs("div", { "data-element": "State", children: [validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingIcon, { "data-element": "InputIcon" })] })) : null, suffixPosition === 'after' ? suffix : null] })) : null] }));
+    const textField = (_jsxs(InputWrapperElement, { ref: wrapperRef, mods: modifiers, "data-size": size, styles: wrapperStyles, ...wrapperProps, children: [prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }) : null, _jsx(InputElement, { qa: qa || 'Input', as: ElementType, ...mergeProps(inputProps, focusProps, hoverProps), ref: inputRef, rows: multiLine ? rows : undefined, mods: modifiers, style: textSecurityStyles, "data-autofocus": autoFocus ? '' : undefined, autoFocus: autoFocus, "data-size": size, "data-input-type": "textinput", autoComplete: autocomplete, styles: inputStyles, disabled: !!isDisabled, maxLength: maxLength, minLength: minLength }), (validationState && !isLoading) || isLoading || suffix ? (_jsxs("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, (validationState && !isLoading) || isLoading ? (_jsxs("div", { "data-element": "State", children: [validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingIcon, { "data-element": "InputIcon" })] })) : null, suffixPosition === 'after' ? suffix : null] })) : null] }));
     return wrapWithField(textField, domRef, {
         ...props,
         form: undefined,

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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * Released under the MIT license.
  */
 
@@ -54,7 +54,7 @@ function TextInputMapper(props, ref) {
         }),
     });
     const counterRef = useRef(0);
-    let { isDisabled, actionLabel, value, onChange, keyProps, valueProps, KeyComponent, ValueComponent, size = 'medium', form, } = props;
+    let { qa, isDisabled, actionLabel, value, onChange, keyProps, valueProps, KeyComponent, ValueComponent, size = 'medium', form, } = props;
     function extractLocalValues(value, localValues) {
         const valueKeys = Object.keys(value);
         const localKeys = localValues.map(({ key }) => key);
@@ -151,7 +151,7 @@ function TextInputMapper(props, ref) {
                         } })] }, id));
         });
     }, [JSON.stringify(mappings)]);
-    const element = (_jsxs(Flow, { ref: ref, gap: "1x", onKeyDown: onKeyDown, children: [[...renderedMappings], showNewButton ? (_jsxs(Space, { gap: 0, children: [_jsx(Block, { styles: { overflow: 'clip', width: 'max 0px' }, children: "\u00A0" }), _jsx(Button, { isDisabled: isDisabled, size: size, icon: _jsx(PlusIcon, {}), onPress: addNewMapping, children: actionLabel ? actionLabel : 'Mapping' })] })) : null] }));
+    const element = (_jsxs(Flow, { ref: ref, gap: "1x", "data-qa": qa || 'TextInputMapper', "data-input-type": "textinputmapper", onKeyDown: onKeyDown, children: [[...renderedMappings], showNewButton ? (_jsxs(Space, { gap: 0, children: [_jsx(Block, { styles: { overflow: 'clip', width: 'max 0px' }, children: "\u00A0" }), _jsx(Button, { isDisabled: isDisabled, size: size, icon: _jsx(PlusIcon, {}), onPress: addNewMapping, children: actionLabel ? actionLabel : 'Mapping' })] })) : null] }));
     return wrapWithField(element, ref, props);
 }
 function TextInputMapperInput(props) {

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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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.0.0-canary-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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.0.0-canary-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * 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.0.0-canary-bc5b3b3
+ * @cube-dev/ui-kit v0.0.0-canary-6561ea5
  * Released under the MIT license.
  */
 

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

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

package/es/components/form/Form/Field.js

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

package/es/components/form/Form/Form.js

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