npm - @cube-dev/ui-kit - Versions diffs - 0.22.8 → 0.23.0 - Mend

@cube-dev/ui-kit 0.22.8 → 0.23.0

Files changed (643) hide show

package/es/components/forms/DatePicker/utils.js ADDED Viewed

@@ -0,0 +1,69 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.23.0
+ * Released under the MIT license.
+ */
+import { createDOMRef } from '@react-spectrum/utils';
+import { createFocusManager } from '@react-aria/focus';
+import { useDateFormatter } from '@react-aria/i18n';
+import { useDisplayNames } from '@react-aria/datepicker';
+import { useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { useLayoutEffect } from '@react-aria/utils';
+export function useFormatHelpText(props) {
+    let formatter = useDateFormatter({ dateStyle: 'short' });
+    let displayNames = useDisplayNames();
+    return useMemo(() => {
+        if (props.description) {
+            return props.description;
+        }
+        if (props.showFormatHelpText) {
+            return formatter
+                .formatToParts(new Date())
+                .map((s) => {
+                if (s.type === 'literal') {
+                    return s.value;
+                }
+                return displayNames.of(s.type);
+            })
+                .join(' ');
+        }
+        return '';
+    }, [props.description, props.showFormatHelpText, formatter, displayNames]);
+}
+export function useVisibleMonths(maxVisibleMonths) {
+    let [visibleMonths, setVisibleMonths] = useState(getVisibleMonths('large'));
+    useLayoutEffect(() => {
+        let onResize = () => setVisibleMonths(getVisibleMonths('large'));
+        onResize();
+        window.addEventListener('resize', onResize);
+        return () => {
+            window.removeEventListener('resize', onResize);
+        };
+    }, []);
+    return Math.max(1, Math.min(visibleMonths, maxVisibleMonths, 3));
+}
+function getVisibleMonths(scale) {
+    if (typeof window === 'undefined') {
+        return 1;
+    }
+    let monthWidth = scale === 'large' ? 336 : 280;
+    let gap = scale === 'large' ? 30 : 24;
+    let popoverPadding = scale === 'large' ? 32 : 48;
+    return Math.floor((window.innerWidth - popoverPadding * 2) / (monthWidth + gap));
+}
+export function useFocusManagerRef(ref) {
+    let domRef = useRef();
+    useImperativeHandle(ref, () => ({
+        // @ts-ignore
+        ...createDOMRef(domRef),
+        focus() {
+            // @ts-ignore
+            createFocusManager(domRef).focusFirst({ tabbable: true });
+        },
+    }));
+    return domRef;
+}

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

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { InfoCircleOutlined } from '@ant-design/icons';
 import { Paragraph } from '../../content/Paragraph';
@@ -71,7 +71,7 @@ const MessageElement = tasty({
  * @internal Do not use this component directly.
  */
 export const FieldWrapper = forwardRef(function FieldWrapper(props, ref) {
-    const { as, labelPosition = 'top', label, extra, styles, isRequired, isDisabled, labelStyles, necessityIndicator, labelProps, fieldProps, message, messageStyles, description, Component, validationState, requiredMark = true, tooltip, isHidden, labelSuffix, } = props;
+    const { as, labelPosition = 'top', label, extra, styles, isRequired, isDisabled, labelStyles, necessityIndicator, labelProps, fieldProps, message, messageStyles, description, Component, validationState, requiredMark = true, tooltip, isHidden, labelSuffix, children, } = props;
     const labelComponent = label ? (_jsx(Label, { as: as === 'label' ? 'div' : 'label', styles: labelStyles, labelPosition: labelPosition, isRequired: requiredMark ? isRequired : false, isDisabled: isDisabled, necessityIndicator: necessityIndicator, validationState: validationState, "aria-label": label, ...labelProps, children: _jsxs(Flex, { placeContent: "baseline space-between", width: "100%", children: [_jsxs(Space, { placeItems: "center", gap: "0.25x", children: [_jsx("div", { children: label }, void 0), tooltip ? (_jsx(TooltipProvider, { activeWrap: true, title: tooltip, width: "initial max-content 40x", children: _jsx(InfoCircleOutlined, { style: {
                                     color: 'var(--primary-color)',
                                     margin: '0 4px',
@@ -83,7 +83,7 @@ export const FieldWrapper = forwardRef(function FieldWrapper(props, ref) {
         invalid: validationState === 'invalid',
         valid: validationState === 'valid',
     };
-    return (_jsxs(FieldElement, { ref: ref, as: as ?? 'div', mods: mods, isHidden: isHidden, styles: styles, ...fieldProps, children: [labelComponent || descriptionComponent ? (_jsxs("div", { "data-element": "LabelArea", children: [labelComponent, descriptionComponent] }, void 0)) : null, _jsxs("div", { "data-element": "InputArea", children: [Component, message && !isDisabled && (_jsx(MessageElement, { mods: mods, styles: messageStyles, role: validationState === 'invalid' ? 'alert' : undefined, children: message }, void 0))] }, void 0)] }, void 0));
+    return (_jsxs(_Fragment, { children: [_jsxs(FieldElement, { ref: ref, as: as ?? 'div', mods: mods, isHidden: isHidden, styles: styles, ...fieldProps, children: [labelComponent || descriptionComponent ? (_jsxs("div", { "data-element": "LabelArea", children: [labelComponent, descriptionComponent] }, void 0)) : null, _jsxs("div", { "data-element": "InputArea", children: [Component, message && !isDisabled && (_jsx(MessageElement, { mods: mods, styles: messageStyles, role: validationState === 'invalid' ? 'alert' : undefined, children: message }, void 0))] }, void 0)] }, void 0), children] }, void 0));
 });

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/components/forms/Label.js CHANGED Viewed

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
@@ -104,7 +104,6 @@ const RadioNormalElement = tasty({
             width: '1x',
             height: '1x',
             fill: 'currentColor',
-            transition: 'theme',
         },
     },
 });

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.22.8
+ * @cube-dev/ui-kit v0.23.0
  * Released under the MIT license.
  */
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckOutlined, LoadingOutlined, WarningOutlined, } from '@ant-design/icons';
+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';
@@ -14,8 +14,10 @@ import { useFieldProps, useFormProps } from '../Form';
 import { useProviderProps } from '../../../provider';
 import { BLOCK_STYLES, DIMENSION_STYLES, extractStyles, POSITION_STYLES, tasty, } from '../../../tasty';
 import { useFocus } from '../../../utils/react/interactions';
-import { FieldWrapper } from '../FieldWrapper';
 import { mergeProps } from '../../../utils/react';
+import { wrapWithField } from '../wrapper';
+import { InvalidIcon } from '../../shared/InvalidIcon';
+import { ValidIcon } from '../../shared/ValidIcon';
 const ADD_STYLES = {
     display: 'grid',
     placeContent: 'stretch',
@@ -65,6 +67,7 @@ export const INPUT_WRAPPER_STYLES = {
     },
     boxSizing: 'border-box',
     transition: 'theme',
+    backgroundClip: 'content-box',
     Prefix: {
         ...ADD_STYLES,
         gridArea: 'prefix',
@@ -141,7 +144,7 @@ function TextInputBase(props, ref) {
             onChange,
         }),
     });
-    let { qa, label, extra, mods, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, necessityLabel, validationState, message, description, prefix, isDisabled, multiLine, autoFocus, labelProps, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, requiredMark = true, tooltip, isHidden, rows = 1, size, icon, labelSuffix, maxLength, minLength, ...otherProps } = props;
+    let { qa, mods, validationState, prefix, isDisabled, multiLine, autoFocus, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, tooltip, rows = 1, size, icon, maxLength, minLength, ...otherProps } = props;
     let styles = extractStyles(otherProps, STYLE_LIST);
     let type = otherProps.type;
     inputStyles = extractStyles(otherProps, INPUT_STYLE_PROPS_LIST, inputStyles);
@@ -164,7 +167,7 @@ function TextInputBase(props, ref) {
         },
     }));
     let isInvalid = validationState === 'invalid';
-    let validationIcon = isInvalid ? (_jsx(WarningOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--danger-color)' } }, void 0)) : (_jsx(CheckOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--success-color)' } }, void 0));
+    let validationIcon = isInvalid ? InvalidIcon : ValidIcon;
     let validation = cloneElement(validationIcon);
     // Fix safari bug: https://github.com/philipwalton/flexbugs/issues/270
     if (!inputProps?.placeholder) {
@@ -213,27 +216,10 @@ function TextInputBase(props, ref) {
         }
         : {};
     const textField = (_jsxs(InputWrapperElement, { ref: wrapperRef, qa: qa || 'TextInput', mods: modifiers, "data-size": size, styles: wrapperStyles, ...wrapperProps, children: [_jsx(InputElement, { as: ElementType, ...mergeProps(inputProps, focusProps, hoverProps), ref: inputRef, rows: multiLine ? rows : undefined, mods: modifiers, style: textSecurityStyles, autoFocus: autoFocus, "data-size": size, styles: inputStyles, isDisabled: isDisabled, maxLength: maxLength, minLength: minLength }, void 0), prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }, void 0) : null, (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(LoadingOutlined, { "data-element": "InputIcon" }, void 0)] }, void 0)) : null, suffixPosition === 'after' ? suffix : null] }, void 0)) : null] }, void 0));
-    return (_jsx(FieldWrapper, { ...{
-            labelPosition,
-            label,
-            extra,
-            styles,
-            isRequired,
-            labelStyles,
-            necessityIndicator,
-            necessityLabel,
-            labelProps,
-            isDisabled,
-            validationState,
-            message,
-            description,
-            requiredMark,
-            tooltip,
-            isHidden,
-            labelSuffix,
-            Component: textField,
-            ref: domRef,
-        } }, void 0));
+    return wrapWithField(textField, domRef, {
+        ...props,
+        styles,
+    });
 }
 const _TextInputBase = forwardRef(TextInputBase);
 export { _TextInputBase as TextInputBase };

package/es/components/forms/index.js CHANGED Viewed

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