@cube-dev/ui-kit 0.27.2 → 0.28.0

package/es/components/forms/Form/use-field/types.js

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

package/es/components/forms/Form/use-field/use-field-props.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -69,9 +69,7 @@ export function useFieldProps(props, params = {}) {
         if (!result.labelProps) {
             result.labelProps = {};
         }
-        if (result.labelProps) {
-            result.labelProps.for = result.id;
-        }
+        result.labelProps.for = result.id;
     }
     if (process.env.NODE_ENV === 'development') {
         // eslint-disable-next-line react-hooks/rules-of-hooks

package/es/components/forms/Form/use-field/use-field.js

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

package/es/components/forms/Form/use-form.js

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

package/es/components/forms/Form/validation.js

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

package/es/components/forms/Input/Input.js

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

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

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

package/es/components/forms/Label.js

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

package/es/components/forms/NumberInput/NumberInput.js

@@ -1,15 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef, useRef } from 'react';
-import { useLocale } from '@react-aria/i18n';
-import { useNumberFieldState } from '@react-stately/numberfield';
-import { useNumberField } from '@react-aria/numberfield';
+import { useLocale, useNumberField } from 'react-aria';
+import { useNumberFieldState } from 'react-stately';
 import { useFieldProps } from '../Form';
 import { useProviderProps } from '../../../provider';
 import { TextInputBase, } from '../TextInput/TextInputBase';

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

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

package/es/components/forms/PasswordInput/PasswordInput.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useRef, useState } from 'react';
-import { useTextField } from '@react-aria/textfield';
+import { useTextField } from 'react-aria';
 import { EyeInvisibleOutlined, EyeOutlined } from '@ant-design/icons';
 import { TextInputBase, } from '../TextInput/TextInputBase';
 import { useProviderProps } from '../../../provider';

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

@@ -1,15 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useFocusableRef } from '@react-spectrum/utils';
 import { forwardRef, useMemo, useRef } from 'react';
-import { useHover } from '@react-aria/interactions';
-import { useRadio } from '@react-aria/radio';
+import { useHover, useRadio } from 'react-aria';
 import { extractStyles, filterBaseProps, OUTER_STYLES, tasty, } from '../../../tasty';
 import { useFocus } from '../../../utils/react/interactions';
 import { mergeProps } from '../../../utils/react';

package/es/components/forms/RadioGroup/RadioGroup.js

@@ -1,20 +1,21 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { useDOMRef } from '@react-spectrum/utils';
-import { useRadioGroup } from '@react-aria/radio';
-import { useRadioGroupState } from '@react-stately/radio';
+import { useRadioGroup } from 'react-aria';
+import { useRadioGroupState } from 'react-stately';
 import { useProviderProps } from '../../../provider';
 import { FormContext, useFieldProps, useFormProps } from '../Form';
 import { BLOCK_STYLES, extractStyles, OUTER_STYLES, tasty, } from '../../../tasty';
-import { FieldWrapper } from '../FieldWrapper';
 import { castNullableStringValue, } from '../../../utils/react/nullableValue';
+import { mergeProps } from '../../../utils/react';
+import { wrapWithField } from '../wrapper';
 import { RadioContext } from './context';
 const RadioGroupElement = tasty({
     qa: 'RadioGroup',
@@ -39,7 +40,7 @@ function RadioGroup(props, ref) {
     props = useProviderProps(props);
     props = useFormProps(props);
     props = useFieldProps(props, { defaultValidationTrigger: 'onChange' });
-    let { isDisabled, isRequired, necessityIndicator, label, extra, labelPosition = 'top', validationState, children, orientation, message, description, labelStyles, requiredMark = true, tooltip, isHidden, styles, groupStyles, insideForm, labelSuffix, isSolid, ...otherProps } = props;
+    let { isDisabled, isRequired, labelPosition = 'top', validationState, children, orientation, styles, groupStyles, insideForm, labelProps: baseLabelProps, isSolid, ...otherProps } = props;
     let domRef = useDOMRef(ref);
     styles = extractStyles(otherProps, OUTER_STYLES, styles);
     groupStyles = extractStyles(otherProps, BLOCK_STYLES, groupStyles);
@@ -58,28 +59,13 @@ function RadioGroup(props, ref) {
                 validationState,
                 isDisabled,
             }, children: _jsx(RadioContext.Provider, { value: { state, name: props.name, isSolid }, children: children }) }) }));
-    return (_jsx(FieldWrapper, { ...{
-            labelPosition,
-            label,
-            extra,
-            styles,
-            isRequired,
-            labelStyles,
-            necessityIndicator,
-            labelProps,
-            fieldProps,
-            isDisabled,
-            validationState,
-            message,
-            description,
-            requiredMark,
-            tooltip,
-            isHidden,
-            orientation,
-            Component: radioGroup,
-            ref: domRef,
-            labelSuffix,
-        } }));
+    return wrapWithField(radioGroup, domRef, {
+        ...props,
+        children: null,
+        fieldProps,
+        labelProps: mergeProps(baseLabelProps, labelProps),
+        styles,
+    });
 }
 /**
  * Radio groups allow users to select a single option from a list of mutually exclusive options.

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

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

package/es/components/forms/SearchInput/SearchInput.js

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useRef } from 'react';
 import { CloseOutlined, SearchOutlined } from '@ant-design/icons';
-import { useSearchFieldState } from '@react-stately/searchfield';
-import { useSearchField } from '@react-aria/searchfield';
+import { useSearchFieldState } from 'react-stately';
+import { useSearchField } from 'react-aria';
 import { TextInputBase, } from '../TextInput/TextInputBase';
 import { useProviderProps } from '../../../provider';
 import { Button } from '../../actions';

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

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

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

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

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

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

package/es/components/forms/Slider/Slider.js

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

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

@@ -1,16 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useRef } from 'react';
 import { useFocusableRef } from '@react-spectrum/utils';
-import { useSliderState } from '@react-stately/slider';
-import { useSlider } from '@react-aria/slider';
-import { useNumberFormatter } from '@react-aria/i18n';
+import { useSliderState } from 'react-stately';
+import { useSlider, useNumberFormatter } from 'react-aria';
 import { FieldWrapper } from '../FieldWrapper';
 import { extractStyles, OUTER_STYLES, tasty } from '../../../tasty';
 import { useFieldProps, useFormProps } from '../Form';

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

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

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

@@ -1,15 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef } from 'react';
-import { useSliderThumb } from '@react-aria/slider';
-import { useHover } from '@react-aria/interactions';
-import { VisuallyHidden } from '@react-aria/visually-hidden';
+import { useHover, useSliderThumb, VisuallyHidden, } from 'react-aria';
 import { mergeProps } from '../../../utils/react';
 import { SliderThumbElement } from './elements';
 export function SliderThumb(props) {

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

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

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

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

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

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

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

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

package/es/components/forms/Switch/Switch.js

@@ -1,16 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef, useMemo, useRef } from 'react';
 import { useFocusableRef } from '@react-spectrum/utils';
-import { useSwitch } from '@react-aria/switch';
-import { useHover } from '@react-aria/interactions';
-import { useToggleState } from '@react-stately/toggle';
+import { useSwitch, useHover } from 'react-aria';
+import { useToggleState } from 'react-stately';
 import { LoadingOutlined } from '@ant-design/icons';
 import { useProviderProps } from '../../../provider';
 import { BLOCK_STYLES, Element, extractStyles, filterBaseProps, OUTER_STYLES, tasty, } from '../../../tasty';
@@ -19,9 +18,9 @@ import { mergeProps } from '../../../utils/react';
 import { HiddenInput } from '../../HiddenInput';
 import { INLINE_LABEL_STYLES, LABEL_STYLES } from '../Label';
 import { Text } from '../../content/Text';
-import { FieldWrapper } from '../FieldWrapper';
 import { castNullableIsSelected, } from '../../../utils/react/nullableValue';
 import { useFieldProps, useFormProps } from '../Form';
+import { wrapWithField } from '../wrapper';
 const SwitchWrapperElement = tasty({
     qa: 'SwitchWrapper',
     styles: {
@@ -32,6 +31,7 @@ const SwitchWrapperElement = tasty({
             'side-label': 'baseline stretch',
         },
         gap: '1x',
+        width: 'max max-content',
     },
 });
 const SwitchLabelElement = tasty({
@@ -53,9 +53,8 @@ const SwitchElement = tasty({
     qa: 'Switch',
     styles: {
         position: 'relative',
-        display: 'grid',
         verticalAlign: 'baseline',
-        placeItems: 'center',
+        placeSelf: 'center',
         radius: 'round',
         fill: {
             '': '#dark.50',
@@ -78,10 +77,6 @@ const SwitchElement = tasty({
         },
         transition: 'theme',
         cursor: 'pointer',
-        placeSelf: {
-            '': null,
-            'inside-form & side-label': 'start',
-        },
         Thumb: {
             position: 'absolute',
             width: {
@@ -121,7 +116,7 @@ function Switch(props, ref) {
             onChange: onChange,
         }),
     });
-    let { qa, isDisabled = false, autoFocus, children, label, extra, labelProps, labelStyles, isLoading, insideForm, validationState, message, description, labelPosition, inputStyles, requiredMark = true, tooltip, labelSuffix, size = 'large', ...otherProps } = props;
+    let { qa, isDisabled = false, children, label, labelProps, labelStyles, insideForm, isLoading, labelPosition, inputStyles, validationState, size = 'large', ...otherProps } = props;
     let styles = extractStyles(props, OUTER_STYLES);
     inputStyles = extractStyles(props, BLOCK_STYLES, inputStyles);
     labelStyles = useMemo(() => ({
@@ -140,33 +135,24 @@ function Switch(props, ref) {
             : {}),
     }, useToggleState(props), inputRef);
     const mods = {
-        'inside-form': insideForm,
-        'side-label': labelPosition === 'side',
         checked: inputProps.checked,
         disabled: isDisabled,
         hovered: isHovered,
         focused: isFocused,
+        invalid: validationState === 'invalid',
+        valid: validationState === 'valid',
+        'inside-form': insideForm,
+        'side-label': labelPosition === 'side',
     };
     const switchField = (_jsxs(SwitchWrapperElement, { mods: mods, "data-size": size, children: [_jsx(HiddenInput, { "data-qa": "HiddenInput", ...mergeProps(inputProps, focusProps), ref: inputRef }), _jsx(SwitchElement, { qa: 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] }));
     if (insideForm) {
-        return (_jsx(FieldWrapper, { ...{
-                as: 'label',
-                labelPosition,
-                label,
-                extra,
-                styles,
-                labelStyles,
-                labelProps,
-                isDisabled,
-                validationState,
-                message,
-                description,
-                requiredMark,
-                tooltip,
-                labelSuffix,
-                Component: switchField,
-                ref: domRef,
-            } }));
+        return wrapWithField(switchField, domRef, {
+            ...props,
+            children: null,
+            labelStyles,
+            inputStyles,
+            styles,
+        });
     }
     return (_jsxs(SwitchLabelElement, { styles: styles, mods: mods, ...hoverProps, ...filterBaseProps(otherProps), ref: domRef, children: [switchField, label ? (_jsxs(Element, { styles: labelStyles, mods: {
                     disabled: isDisabled,

package/es/components/forms/TextArea/TextArea.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useRef } from 'react';
 import { useControlledState } from '@react-stately/utils';
-import { useTextField } from '@react-aria/textfield';
+import { useTextField } from 'react-aria';
 import { TextInputBase, } from '../TextInput/TextInputBase';
 import { useProviderProps } from '../../../provider';
 import { castNullableStringValue, } from '../../../utils/react/nullableValue';

package/es/components/forms/TextInput/TextInput.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useRef } from 'react';
-import { useTextField } from '@react-aria/textfield';
+import { useTextField } from 'react-aria';
 import { useProviderProps } from '../../../provider';
 import { castNullableStringValue, } from '../../../utils/react/nullableValue';
 import { useFieldProps } from '../Form';

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.27.2
+ * @cube-dev/ui-kit v0.28.0
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { LoadingOutlined } from '@ant-design/icons';
 import { createFocusableRef } from '@react-spectrum/utils';
 import { cloneElement, forwardRef, useImperativeHandle, useMemo, useRef, } from 'react';
-import { useHover } from '@react-aria/interactions';
+import { useHover } from 'react-aria';
 import { useFieldProps, useFormProps } from '../Form';
 import { useProviderProps } from '../../../provider';
 import { BLOCK_STYLES, DIMENSION_STYLES, extractStyles, POSITION_STYLES, tasty, } from '../../../tasty';

package/es/components/forms/index.js

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

package/es/components/forms/wrapper.js

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

package/es/components/layout/Flex.js

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

package/es/components/layout/Flow.js

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

package/es/components/layout/Grid.js

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

package/es/components/layout/Prefix.js

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

package/es/components/layout/Space.js

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

package/es/components/layout/Suffix.js

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

package/es/components/navigation/LegacyTabs/LegacyTabs.js

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