@cube-dev/ui-kit 0.19.0 → 0.20.1

package/es/components/content/Card/Card.js

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

package/es/components/content/Content.js

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

package/es/components/content/CopySnippet/CopySnippet.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.19.0
+ * @cube-dev/ui-kit v0.20.1
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CopyOutlined } from '@ant-design/icons';
+import { useState } from 'react';
+import { CopyOutlined, EyeInvisibleOutlined, EyeOutlined, } from '@ant-design/icons';
 import copy from 'clipboard-copy';
 import { Action, Button } from '../../actions';
 import { Card } from '../Card/Card';
@@ -46,6 +47,9 @@ const StyledBlock = tasty({
 const ButtonContainer = tasty({
     styles: {
         position: 'relative',
+        display: 'grid',
+        gridAutoFlow: 'column',
+        margin: '(-1x - 1bw) -1.5x (-1x - 1bw) -1x',
         '&::after': {
             display: {
                 '': 'none',
@@ -54,7 +58,7 @@ const ButtonContainer = tasty({
             content: '""',
             width: '2x',
             position: 'absolute',
-            left: '-2x',
+            left: '-1x',
             top: 0,
             bottom: 0,
             backgroundImage: 'linear-gradient(to right,rgba(var(--context-fill-color-rgb),0),rgba(var(--context-fill-color-rgb),1))',
@@ -64,6 +68,7 @@ const ButtonContainer = tasty({
 const CopySnippetElement = tasty(Card, {
     qa: 'CopySnippet',
     styles: {
+        display: 'block',
         fill: '#grey-light',
         radius: '1r',
         border: 0,
@@ -71,7 +76,7 @@ const CopySnippetElement = tasty(Card, {
         Grid: {
             display: 'grid',
             flow: 'row',
-            gridColumns: 'minmax(0, 1fr) 5x',
+            gridColumns: 'minmax(0, 1fr) auto',
             width: 'min 20x',
             radius: '1r',
             position: 'relative',
@@ -79,15 +84,11 @@ const CopySnippetElement = tasty(Card, {
         },
     },
 });
-const CopyButton = tasty(Button, {
+const ActionButton = tasty(Button, {
     type: 'clear',
-    icon: _jsx(CopyOutlined, {}),
     styles: {
         padding: '1x 1.5x',
-        radius: {
-            '': '0 1r 1r 0',
-            'multiline | with-scroll': '0 1r',
-        },
+        radius: 0,
         placeSelf: {
             '': 'none',
             '!multiline & !with-scroll': 'stretch',
@@ -97,30 +98,71 @@ const CopyButton = tasty(Button, {
             '': '#purple-03.0',
             'focused & focus-visible': '#purple-03 inset',
         },
-        position: 'absolute',
-        right: 0,
-        top: 0,
-        zIndex: 1,
     },
 });
-export function CopySnippet(allProps) {
-    const { code = '', title = 'Code example', nowrap, prefix = '', language, showScroll = true, serif, children, padding = '1.125x 1.5x', showOverlay = true, showTooltip = false, styles, ...props } = allProps;
+const CopyButton = tasty(ActionButton, {
+    icon: _jsx(CopyOutlined, {}),
+    'aria-label': 'Copy to clipboard',
+    styles: {
+        radius: {
+            '': '0 1r 1r 0',
+            'multiline | with-scroll': '0 1r 0 0',
+        },
+    },
+});
+const ShowButton = tasty(ActionButton, {
+    'aria-label': 'Show hidden parts',
+    styles: {
+        radius: 0,
+    },
+});
+// const HIDDEN_SYMBOL = '●';
+const HIDDEN_SYMBOL = '•';
+function CopySnippet(allProps) {
+    const { code = '', title = 'Code example', nowrap, prefix = '', language, showScroll = true, serif, actions, padding = '1.125x 1.5x', showOverlay = true, showTooltip = false, styles, hideText, ...props } = allProps;
     const { toast } = useToastsApi();
+    const [showHidden, setShowHidden] = useState(false);
     async function onCopy() {
         await copy(code);
         toast.success(`${title} copied`);
     }
     const pristineCode = code.replace(/\n$/, '');
     const multiline = pristineCode.includes('\n') && !nowrap;
-    const formattedCode = pristineCode
+    let formattedCode = pristineCode
         .split(/\n/g)
         .map((line) => `${prefix}${line} `)
         .join('\n');
-    const Snippet = (_jsx(CopySnippetElement, { styles: { preset: 'default', ...styles }, ...props, children: _jsxs("div", { "data-element": "Grid", children: [_jsx(StyledBlock, { mods: { nowrap, multiline, scroll: showScroll, serif }, styles: { padding }, children: _jsx(PrismCode, { style: { margin: 0, overflow: 'visible' }, code: formattedCode, language: language || 'javascript' }) }), _jsx(ButtonContainer, { styles: { padding }, mods: { overlay: showOverlay }, children: _jsx(CopyButton, { label: `Copy ${title}`, mods: { multiline, 'with-scroll': showScroll }, onPress: onCopy }) })] }) }));
+    if (!showHidden) {
+        if (hideText === true) {
+            formattedCode = formattedCode
+                .split('')
+                .map((s) => HIDDEN_SYMBOL)
+                .join('');
+        }
+        else if (typeof hideText === 'string') {
+            formattedCode = formattedCode.replaceAll(hideText, hideText
+                .split('')
+                .map((s) => HIDDEN_SYMBOL)
+                .join(''));
+        }
+        else if (Array.isArray(hideText)) {
+            hideText.forEach((text) => {
+                formattedCode = formattedCode.replaceAll(text, text
+                    .split('')
+                    .map((s) => HIDDEN_SYMBOL)
+                    .join(''));
+            });
+        }
+    }
+    const Snippet = (_jsx(CopySnippetElement, { styles: { preset: 'default', ...styles }, ...props, children: _jsxs("div", { "data-element": "Grid", children: [_jsx(StyledBlock, { mods: { nowrap, multiline, scroll: showScroll, serif }, styles: { padding }, children: _jsx(PrismCode, { style: { margin: 0, overflow: 'visible' }, code: formattedCode, language: language || 'javascript' }) }), _jsxs(ButtonContainer, { styles: { padding }, mods: { overlay: showOverlay }, children: [actions, hideText && (_jsx(ShowButton, { icon: showHidden ? _jsx(EyeInvisibleOutlined, {}) : _jsx(EyeOutlined, {}), mods: { multiline, withScroll: showScroll }, onPress: () => setShowHidden(!showHidden) })), _jsx(CopyButton, { label: `Copy ${title}`, mods: { multiline, withScroll: showScroll, hidden: !!hideText }, onPress: onCopy })] })] }) }));
     if (showTooltip) {
         return (_jsxs(TooltipTrigger, { children: [_jsx(ActionElement, { children: Snippet }), _jsx(Tooltip, { children: formattedCode })] }));
     }
     return Snippet;
 }
+const _CopySnippet = Object.assign(CopySnippet, {
+    Button: ActionButton,
+});
+export { _CopySnippet as CopySnippet };
 
         

package/es/components/content/CopySnippet/index.js

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

package/es/components/content/Divider.js

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

package/es/components/content/Footer.js

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

package/es/components/content/Header.js

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

package/es/components/content/Paragraph.js

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

package/es/components/content/Placeholder/Placeholder.js

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

package/es/components/content/PrismCode/PrismCode.js

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

package/es/components/content/Result/Result.js

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

package/es/components/content/Skeleton/Skeleton.js

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

package/es/components/content/Tag/Tag.js

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

package/es/components/content/Text.js

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

package/es/components/content/Title.js

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

package/es/components/forms/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.19.0
+ * @cube-dev/ui-kit v0.20.1
  * Released under the MIT license.
  */
 
@@ -17,7 +17,7 @@ import { useFocus } from '../../../utils/react/interactions';
 import { mergeProps } from '../../../utils/react';
 import { INLINE_LABEL_STYLES, LABEL_STYLES } from '../Label';
 import { HiddenInput } from '../../HiddenInput';
-import { useFormProps } from '../Form';
+import { useFieldProps, useFormProps } from '../Form';
 import { FieldWrapper } from '../FieldWrapper';
 import { castNullableIsSelected, } from '../../../utils/react/nullableValue';
 import { Text } from '../../content/Text';
@@ -75,15 +75,24 @@ const CheckboxElement = tasty({
     },
 });
 function Checkbox(props, ref) {
+    // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.
+    // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
+    // but since the checkbox won't move in and out of a group, it should be safe.
+    let groupState = useContext(CheckboxGroupContext);
     props = castNullableIsSelected(props);
     let originalProps = props;
     props = useProviderProps(props);
     props = useFormProps(props);
+    props = useFieldProps(props, {
+        defaultValidationTrigger: 'onChange',
+        valuePropsMapper: ({ value, onChange }) => ({
+            isSelected: value ?? false,
+            isIndeterminate: false,
+            onChange: onChange,
+        }),
+        unsafe__isDisabled: !!groupState,
+    });
     let { qa, isIndeterminate = false, isDisabled = false, insideForm, isRequired, autoFocus, children, label, extra, validationState, labelProps, labelStyles, labelPosition, necessityLabel, necessityIndicator, message, description, requiredMark = true, tooltip, isHidden, labelSuffix, ...otherProps } = props;
-    // Swap hooks depending on whether this checkbox is inside a CheckboxGroup.
-    // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
-    // but since the checkbox won't move in and out of a group, it should be safe.
-    let groupState = useContext(CheckboxGroupContext);
     let styles = extractStyles(props, OUTER_STYLES);
     let inputStyles = extractStyles(props, BLOCK_STYLES);
     labelStyles = {

package/es/components/forms/Checkbox/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.19.0
+ * @cube-dev/ui-kit v0.20.1
  * Released under the MIT license.
  */
 
@@ -11,10 +11,10 @@ import { useDOMRef } from '@react-spectrum/utils';
 import { useCheckboxGroup } from '@react-aria/checkbox';
 import { useCheckboxGroupState } from '@react-stately/checkbox';
 import { useProviderProps } from '../../../provider';
-import { FormContext, useFormProps } from '../Form/Form';
 import { CONTAINER_STYLES, extractStyles, tasty, } from '../../../tasty';
-import { FieldWrapper } from '../FieldWrapper';
+import { extractFieldWrapperProps, FieldWrapper } from '../FieldWrapper';
 import { castNullableArrayValue, } from '../../../utils/react/nullableValue';
+import { useFieldProps, FormContext, useFormProps } from '../Form';
 import { CheckboxGroupContext } from './context';
 const CheckGroupElement = tasty({
     qa: 'CheckboxGroup',
@@ -36,9 +36,17 @@ function CheckboxGroup(props, ref) {
     props = castNullableArrayValue(props);
     props = useProviderProps(props);
     props = useFormProps(props);
-    let { isDisabled, isRequired, necessityIndicator, necessityLabel, label, extra, labelPosition = 'top', validationState, children, orientation = 'vertical', message, description, labelStyles, requiredMark = true, tooltip, labelSuffix, inputStyles, ...otherProps } = props;
+    props = useFieldProps(props, {
+        defaultValidationTrigger: 'onChange',
+        valuePropsMapper: ({ value, onChange }) => ({
+            value: value != null ? value : [],
+            onChange: onChange,
+        }),
+    });
+    let { isDisabled, isRequired, necessityIndicator, necessityLabel, label, extra, validationState, children, orientation = 'vertical', message, description, labelStyles, tooltip, labelSuffix, inputStyles, ...otherProps } = props;
     let domRef = useDOMRef(ref);
     let styles = extractStyles(otherProps, CONTAINER_STYLES);
+    let { fieldWrapperProps } = extractFieldWrapperProps(props);
     let state = useCheckboxGroupState(props);
     let { groupProps, labelProps } = useCheckboxGroup(props, state);
     let radioGroup = (_jsx(CheckGroupElement, { styles: inputStyles, mods: {
@@ -47,27 +55,7 @@ function CheckboxGroup(props, ref) {
                 isDisabled,
                 validationState,
             }, children: _jsx(CheckboxGroupContext.Provider, { value: state, children: children }) }) }));
-    return (_jsx(FieldWrapper, { ...{
-            labelPosition,
-            label,
-            extra,
-            styles,
-            isRequired,
-            labelStyles,
-            necessityIndicator,
-            necessityLabel,
-            labelProps,
-            fieldProps: groupProps,
-            isDisabled,
-            validationState,
-            message,
-            description,
-            requiredMark,
-            tooltip,
-            labelSuffix,
-            Component: radioGroup,
-            ref: domRef,
-        } }));
+    return (_jsx(FieldWrapper, { ...fieldWrapperProps, ref: domRef, Component: radioGroup, fieldProps: groupProps, labelProps: labelProps, styles: styles }));
 }
 /**
  * Checkbox groups allow users to select a single option from a list of mutually exclusive options.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.19.0
+ * @cube-dev/ui-kit v0.20.1
  * Released under the MIT license.
  */
 
@@ -11,5 +11,6 @@ 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 };
+export { useFieldProps } from './use-field';
 
         

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.19.0
+ * @cube-dev/ui-kit v0.20.1
  * 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.19.0
+ * @cube-dev/ui-kit v0.20.1
  * Released under the MIT license.
  */
 
@@ -9,6 +9,7 @@ import { useRef } from 'react';
 import { useDebugValue } from 'react';
 import { useChainedCallback, useEvent, useWarn } from '../../../../_internal';
 import { useInsideLegacyField } from '../Field';
+import { mergeProps } from '../../../../utils/react';
 import { useField } from './use-field';
 export function useFieldProps(props, params = {}) {
     // We use ref here to "memoize" initial value
@@ -19,7 +20,9 @@ export function useFieldProps(props, params = {}) {
     }), defaultValidationTrigger = 'onBlur', } = params;
     const isInsideLegacyField = useInsideLegacyField();
     useWarn(isInsideLegacyField, '<Field /> is deprecated, use component without <Field /> instead.');
-    if (isInsideLegacyField || isDisabledRef.current || props.name == null) {
+    if (isInsideLegacyField === true ||
+        isDisabledRef.current === true ||
+        props.name == null) {
         return props;
     }
     // eslint-disable-next-line react-hooks/rules-of-hooks
@@ -32,21 +35,13 @@ export function useFieldProps(props, params = {}) {
     // 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);
-    });
+    const onChangeEvent = useEvent((value, dontTouch) => field?.onChange?.(value, dontTouch, field?.validateTrigger ?? defaultValidationTrigger));
     const result = isOutsideOfForm
         ? props
-        : {
-            ...props,
-            ...field,
-            ...valuePropsMapper({
-                value: field.value,
-                onChange: onChangeEvent,
-            }),
+        : mergeProps(props, field, valuePropsMapper({ value: field.value, onChange: onChangeEvent }), {
             validateTrigger: field.validateTrigger ?? defaultValidationTrigger,
             onBlur: onBlurChained,
-        };
+        });
     if (process.env.NODE_ENV === 'development') {
         // eslint-disable-next-line react-hooks/rules-of-hooks
         useDebugValue(result);

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.19.0
+ * @cube-dev/ui-kit v0.20.1
  * Released under the MIT license.
  */
 
@@ -128,6 +128,7 @@ export function useField(props, params) {
     }), [
         form,
         field,
+        field?.inputValue,
         fieldId,
         fieldName,
         isRequired,

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

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