@cube-dev/ui-kit 0.0.0-canary-e9c7690 → 0.0.0-canary-a804266

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

@@ -0,0 +1,46 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-a804266
+ * Released under the MIT license.
+ */
+
+const createFieldWrapperPropsKeys = (arr) => new Set(arr);
+const fieldWrapperPropsKeys = createFieldWrapperPropsKeys([
+    'as',
+    'validationState',
+    'styles',
+    'isRequired',
+    'isDisabled',
+    'fieldProps',
+    'isHidden',
+    'label',
+    'labelPosition',
+    'labelSuffix',
+    'labelStyles',
+    'labelProps',
+    'description',
+    'requiredMark',
+    'tooltip',
+    'extra',
+    'necessityLabel',
+    'necessityIndicator',
+    'message',
+    'messageStyles',
+    'Component',
+]);
+export function extractFieldWrapperProps(props) {
+    const fieldWrapperProps = {};
+    const rest = {};
+    for (const [key, prop] of Object.entries(props)) {
+        if (fieldWrapperPropsKeys.has(key)) {
+            fieldWrapperProps[key] = prop;
+        }
+        else {
+            rest[key] = prop;
+        }
+    }
+    return { fieldWrapperProps, rest };
+}
+
+        

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

@@ -0,0 +1,12 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-a804266
+ * Released under the MIT license.
+ */
+
+export * from './FieldWrapper';
+export * from './extract-field-wrapper-props';
+export * from './types';
+
+        

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

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-a804266
+ * Released under the MIT license.
+ */
+
+export {};
+
+        

package/es/components/forms/FileInput/FileInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e9c7690
+ * @cube-dev/ui-kit v0.0.0-canary-a804266
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useImperativeHandle, useRef, useState, } from 'react';
 import { createFocusableRef } from '@react-spectrum/utils';
 import { useProviderProps } from '../../../provider';
-import { Action } from '../../actions/Action';
+import { Action } from '../../actions';
 import { CONTAINER_STYLES, extractStyles, tasty, } from '../../../tasty';
 import { FieldWrapper } from '../FieldWrapper';
 const FileInputElement = tasty(Action, {

package/es/components/forms/Form/{Field.js → Field/LegacyField.js}

@@ -1,16 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e9c7690
+ * @cube-dev/ui-kit v0.0.0-canary-a804266
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Children, cloneElement, useEffect, useRef, useState, } from 'react';
-import { mergeProps } from '../../../utils/react';
-import { FieldWrapper } from '../FieldWrapper';
-import { warn } from '../../../utils/warnings';
-import { useFormProps } from './Form';
+import { Children, cloneElement, createContext, useContext, useEffect, useState, } from 'react';
+import { useWarn } from '../../../../_internal';
+import { mergeProps } from '../../../../utils/react';
+import { FieldWrapper } from '../../FieldWrapper';
+import { useFormProps } from '../Form';
 const ID_MAP = {};
 function createId(name) {
     if (!name)
@@ -83,13 +83,22 @@ function getValueProps(type, value, onChange, allowsCustomValue) {
         onChange,
     };
 }
-export function Field(allProps) {
-    const props = useFormProps(allProps);
-    let { defaultValue, type: inputType, id, idPrefix, children, name, form, rules, label, extra, validateTrigger, validationState, necessityLabel, necessityIndicator, shouldUpdate, message, description, tooltip, isHidden, isDisabled, isLoading, styles, labelPosition = 'top', labelStyles, labelSuffix, } = props;
+/**
+ * @deprecated Use component without `Field`
+ *
+ * ```tsx
+    <Form>
+        <Checkbox />
+    </Form>
+ *```
+ */
+export function Field(props) {
+    const fullProps = useFormProps(props);
+    let { defaultValue, type: inputType, id, idPrefix, children, name, form, rules, label, extra, validateTrigger, validationState, necessityLabel, necessityIndicator, shouldUpdate, message, description, tooltip, isHidden, isDisabled, isLoading, styles, labelPosition = 'top', labelStyles, labelSuffix, } = fullProps;
     const nonInput = !name;
     const fieldName = name != null ? (Array.isArray(name) ? name.join('.') : name) : '';
-    let firstRunRef = useRef(true);
     let [fieldId, setFieldId] = useState(id || (idPrefix ? `${idPrefix}_${fieldName}` : fieldName));
+    useWarn(!form, 'Form Field requires declared form instance if field name is specified');
     useEffect(() => {
         let newId;
         if (!id && !nonInput) {
@@ -127,32 +136,27 @@ export function Field(allProps) {
         return null;
     let child = Children.only(children);
     if (nonInput) {
-        return (_jsx(FieldWrapper, { isHidden: isHidden, isDisabled: isDisabled, validationState: validationState, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isRequired: isRequired, label: label, extra: extra, tooltip: tooltip, message: message, description: description, Component: child, styles: styles, labelPosition: labelPosition, labelStyles: labelStyles, labelSuffix: labelSuffix }, void 0));
+        return (_jsx(LegacyFieldProvider, { children: _jsx(FieldWrapper, { isHidden: isHidden, isDisabled: isDisabled, validationState: validationState, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isRequired: isRequired, label: label, extra: extra, tooltip: tooltip, message: message, description: description, Component: child, styles: styles, labelPosition: labelPosition, labelStyles: labelStyles, labelSuffix: labelSuffix }, void 0) }, void 0));
     }
     if (!form) {
-        warn('Form Field requires declared form instance if field name is specified');
         return null;
     }
     inputType =
         inputType || child.type.cubeInputType || 'Text';
     const defaultValidateTrigger = getDefaultValidateTrigger(inputType);
-    if (firstRunRef.current && defaultValue != null) {
-        if (!field) {
-            form.createField(fieldName, true);
-        }
-        if (field?.value == null) {
-            form.setFieldValue(fieldName, defaultValue, false, true);
-            field = form?.getFieldInstance(fieldName);
+    if (field) {
+        field.rules = rules;
+        if (defaultValue !== null && !field.touched) {
+            form?.setFieldValue(fieldName, defaultValue, false, true);
         }
     }
-    firstRunRef.current = false;
     if (!field) {
-        return cloneElement(child, mergeProps(child.props, {
-            ...getValueProps(inputType),
-            label: fieldName,
-            name: fieldName,
-            id: fieldId,
-        }));
+        return (_jsx(LegacyFieldProvider, { children: cloneElement(child, mergeProps(child.props, {
+                ...getValueProps(inputType),
+                label: fieldName,
+                name: fieldName,
+                id: fieldId,
+            })) }, void 0));
     }
     if (!validateTrigger) {
         validateTrigger = defaultValidateTrigger;
@@ -235,7 +239,17 @@ export function Field(allProps) {
     Object.assign(newProps, getValueProps(inputType, field?.inputValue, onChangeHandler, child.props.allowsCustomValue));
     const { onChange, onSelectionChange, ...childProps } = child.props;
     // onChange event passed to the child should be executed after Form onChange logic
-    return cloneElement(child, mergeProps(childProps, newProps, onChange ? { onChange } : {}, onSelectionChange ? { onSelectionChange } : {}));
+    return (_jsx(LegacyFieldProvider, { children: cloneElement(child, mergeProps(childProps, newProps, onChange ? { onChange } : {}, onSelectionChange ? { onSelectionChange } : {})) }, void 0));
+}
+const LegacyFieldContext = createContext({
+    insideLegacyField: false,
+});
+function LegacyFieldProvider({ children }) {
+    return (_jsx(LegacyFieldContext.Provider, { value: { insideLegacyField: true }, children: children }, void 0));
+}
+export function useInsideLegacyField() {
+    const { insideLegacyField } = useContext(LegacyFieldContext);
+    return insideLegacyField;
 }
 
         

package/es/components/forms/Form/Field/index.js

@@ -0,0 +1,13 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-a804266
+ * Released under the MIT license.
+ */
+
+export * from './use-field';
+export * from './use-field-props';
+export * from './types';
+export * from './LegacyField';
+
+        

package/es/components/forms/Form/Field/types.js

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-a804266
+ * Released under the MIT license.
+ */
+
+export {};
+
+        

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

@@ -0,0 +1,50 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-a804266
+ * Released under the MIT license.
+ */
+
+import { useRef } from 'react';
+import { useChainedCallback, useEvent, useWarn } from '../../../../_internal';
+import { useField } from './use-field';
+import { useInsideLegacyField } from './LegacyField';
+export function useFieldProps(props, params = {}) {
+    // We use ref here to "memoize" initial value
+    const isDisabledRef = useRef(params.unsafe__isDisabled ?? false);
+    const { valuePropsMapper = ({ value, onChange }) => ({
+        value: value ?? null,
+        onChange,
+    }), defaultValidationTrigger = 'onBlur', } = params;
+    const isInsideLegacyField = useInsideLegacyField();
+    useWarn(isInsideLegacyField, '<Field /> is deprecated, use component without <Field /> instead.');
+    if (isInsideLegacyField || isDisabledRef.current) {
+        return props;
+    }
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const field = useField(props);
+    const isOutsideOfForm = field?.form == null;
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const onBlurChained = useChainedCallback(field?.onBlur, 
+    // TODO: remove type casting after updating to typescipt@4.9
+    'onBlur' in props ? props.onBlur : undefined);
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const onChangeEvent = useEvent((value, dontTouch) => {
+        return field?.onChange?.(value, dontTouch, field?.validateTrigger ?? defaultValidationTrigger);
+    });
+    if (isOutsideOfForm) {
+        return props;
+    }
+    return {
+        ...props,
+        ...field,
+        ...valuePropsMapper({
+            value: field.value,
+            onChange: onChangeEvent,
+        }),
+        validateTrigger: field.validateTrigger ?? defaultValidationTrigger,
+        onBlur: onBlurChained,
+    };
+}
+
+        

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

@@ -0,0 +1,129 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-a804266
+ * Released under the MIT license.
+ */
+
+import { useEffect, useMemo, useState } from 'react';
+import { useEvent, useWarn } from '../../../../_internal';
+import { useFormProps } from '../Form';
+const ID_MAP = {};
+function createId(name) {
+    if (!name)
+        return;
+    if (!ID_MAP[name]) {
+        ID_MAP[name] = [];
+    }
+    let i = 0;
+    let id;
+    do {
+        id = i ? `${name}_${i}` : name;
+        i++;
+    } while (ID_MAP[name].includes(id));
+    ID_MAP[name].push(id);
+    return id;
+}
+function removeId(name, id) {
+    if (!ID_MAP[name])
+        return;
+    ID_MAP[name] = ID_MAP[name].filter((_id) => _id !== id);
+}
+export function useField(props) {
+    props = useFormProps(props);
+    let { defaultValue, id, idPrefix, name, form, rules, validateTrigger, validationState, shouldUpdate, } = props;
+    const nonInput = !name;
+    const fieldName = name != null ? (Array.isArray(name) ? name.join('.') : name) : '';
+    const [fieldId, setFieldId] = useState(id ?? (idPrefix ? `${idPrefix}_${fieldName}` : fieldName));
+    let field = form?.getFieldInstance(fieldName);
+    if (!field) {
+        field = form?.createField(fieldName, true);
+    }
+    useWarn(!form && name !== undefined, 'Form Field requires declared form instance if field name is specified');
+    useEffect(() => {
+        let newId;
+        if (!id && !nonInput) {
+            newId = createId(fieldId);
+            setFieldId(newId);
+        }
+        return () => {
+            if (!id) {
+                removeId(idPrefix ? `${idPrefix}_${fieldName}` : fieldName, newId);
+            }
+            if (fieldName && form) {
+                form.removeField(fieldName);
+            }
+        };
+    }, []);
+    if (field) {
+        field.rules = rules;
+        if (defaultValue !== null && !field.touched) {
+            form?.setFieldValue(fieldName, defaultValue, false, true);
+        }
+    }
+    let isRequired = rules && !!rules.find((rule) => rule.required);
+    useEffect(() => {
+        if (!form)
+            return;
+        if (field) {
+            form.forceReRender();
+        }
+        else {
+            form.createField(fieldName);
+        }
+    }, [field]);
+    const onBlurHandler = useEvent(() => {
+        if (validateTrigger === 'onBlur') {
+            // We need a timeout so the change event can be done.
+            setTimeout(() => {
+                form?.validateField(fieldName).catch(() => { }); // do nothing on fail
+            });
+        }
+    });
+    const onChangeHandler = useEvent((value, dontTouch) => {
+        const field = form?.getFieldInstance(fieldName);
+        if (shouldUpdate) {
+            const fieldsValue = form?.getFieldsValue();
+            // check if we should update the value of the field
+            const shouldNotBeUpdated = typeof shouldUpdate === 'boolean'
+                ? !shouldUpdate
+                : !shouldUpdate(fieldsValue, {
+                    ...fieldsValue,
+                    [fieldName]: value,
+                });
+            if (shouldNotBeUpdated) {
+                return;
+            }
+        }
+        form?.setFieldValue(fieldName, value, !dontTouch, false, dontTouch);
+        if (!dontTouch &&
+            (validateTrigger === 'onChange' || field?.errors?.length)) {
+            form?.validateField(fieldName).catch(() => { }); // do nothing on fail
+        }
+    });
+    return useMemo(() => ({
+        id: fieldId,
+        name: fieldName,
+        value: field?.inputValue,
+        validateTrigger,
+        form,
+        validationState: validationState ?? (field?.errors?.length ? 'invalid' : undefined),
+        ...(isRequired && { isRequired }),
+        ...(field?.errors?.length && { message: field.errors[0] }),
+        onBlur: onBlurHandler,
+        onChange: onChangeHandler,
+    }), [
+        form,
+        field?.errors,
+        field?.inputValue,
+        fieldId,
+        fieldName,
+        isRequired,
+        onBlurHandler,
+        onChangeHandler,
+        validateTrigger,
+        validationState,
+    ]);
+}
+
+        

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e9c7690
+ * @cube-dev/ui-kit v0.0.0-canary-a804266
  * Released under the MIT license.
  */
 
@@ -86,7 +86,7 @@ function Form(props, ref) {
             // onSubmit(Object.fromEntries(new FormData(e.target).entries()));
         };
     }
-    [form] = useForm(form, ref && ref.current, {
+    [form] = useForm(form, ref?.current, {
         onSubmit: onSubmitCallback,
         onValuesChange,
     });

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

@@ -0,0 +1,22 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-a804266
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useProviderProps } from '../../../../provider';
+import { useFormProps } from '../Form';
+import { Button } from '../../../actions';
+export const Submit = forwardRef(function Submit(props, ref) {
+    props = useProviderProps(props);
+    props = useFormProps(props);
+    const { form, ...otherProps } = props;
+    const formData = form?.getFieldsValue() ?? {};
+    const isInvalid = Object.keys(formData).some((name) => form?.isFieldInvalid(name) ?? false);
+    return (_jsx(Button, { ref: ref, type: "primary", htmlType: "submit", isLoading: form?.isSubmitting, isDisabled: isInvalid, ...otherProps }, void 0));
+});
+
+        

package/es/components/forms/Form/Submit/index.js

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-a804266
+ * Released under the MIT license.
+ */
+
+export * from './Submit';
+
+        

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

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

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

@@ -1,15 +1,17 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e9c7690
+ * @cube-dev/ui-kit v0.0.0-canary-a804266
  * Released under the MIT license.
  */
 
+import { Submit } from './Submit';
 import { Field } from './Field';
 import { SubmitError } from './SubmitError';
 import { useForm } from './useForm';
 import { useFormProps, FormContext, Form as _Form } from './Form';
-const Form = Object.assign(_Form, { Item: Field, useForm, SubmitError });
-export { useFormProps, Form, Field, useForm, FormContext, SubmitError };
+const Form = Object.assign(_Form, { Item: Field, useForm, Submit, SubmitError });
+export { useFormProps, Form, Field, useForm, FormContext, Submit, SubmitError };
+export * from './Field';
 
         

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e9c7690
+ * @cube-dev/ui-kit v0.0.0-canary-a804266
  * Released under the MIT license.
  */
 
@@ -217,6 +217,7 @@ export class CubeFormInstance {
         if (!skipRender) {
             this.forceReRender();
         }
+        return this.fields[name];
     }
     removeField(name, skipRender) {
         if (this.fields[name]) {

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e9c7690
+ * @cube-dev/ui-kit v0.0.0-canary-a804266
  * Released under the MIT license.
  */
 
@@ -10,9 +10,9 @@ import { forwardRef, useRef } from 'react';
 import { useLocale } from '@react-aria/i18n';
 import { useNumberFieldState } from '@react-stately/numberfield';
 import { useNumberField } from '@react-aria/numberfield';
-import { useFormProps } from '../Form';
+import { useFieldProps } from '../Form';
 import { useProviderProps } from '../../../provider';
-import { TextInputBase, } from '../TextInput/TextInputBase';
+import { TextInputBase } from '../TextInput';
 import { tasty } from '../../../tasty';
 import { castNullableNumberValue, } from '../../../utils/react/nullableValue';
 import { StepButton } from './StepButton';
@@ -25,10 +25,13 @@ const StepperContainer = tasty({
         placeSelf: 'stretch',
     },
 });
-function NumberInput(props, ref) {
+/**
+ * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.
+ */
+export const NumberInput = forwardRef(function NumberInput(props, ref) {
     props = castNullableNumberValue(props);
     props = useProviderProps(props);
-    props = useFormProps(props);
+    props = useFieldProps(props);
     let { hideStepper, suffix, value, defaultValue, onChange, ...otherProps } = props;
     let showStepper = !hideStepper;
     let { locale } = useLocale();
@@ -36,12 +39,15 @@ function NumberInput(props, ref) {
     let inputRef = useRef(null);
     let { groupProps, labelProps, inputProps, incrementButtonProps, decrementButtonProps, } = useNumberField(props, state, inputRef);
     return (_jsx(TextInputBase, { ...otherProps, ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef, wrapperProps: groupProps, suffixPosition: "after", suffix: showStepper ? (_jsxs(StepperContainer, { children: [_jsx(StepButton, { isDisabled: props.isDisabled, direction: "up", ...incrementButtonProps, size: otherProps.size }, void 0), _jsx(StepButton, { isDisabled: props.isDisabled, direction: "down", ...decrementButtonProps, size: otherProps.size }, void 0)] }, void 0)) : (suffix) }, void 0));
-}
+});
 /**
- * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.
+ * @legacy should be removed with legacy <Field />
  */
-const _NumberInput = forwardRef(NumberInput);
-_NumberInput.cubeInputType = 'Number';
-export { _NumberInput as NumberInput };
+Object.defineProperty(NumberInput, 'cubeInputType', {
+    enumerable: false,
+    configurable: false,
+    writable: false,
+    value: 'Number',
+});
 
         

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

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