@cube-dev/ui-kit 0.11.1 → 0.12.1

package/es/components/overlays/AlertDialog/AlertDialog.js

@@ -1,13 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { chain } from '@react-aria/utils';
 import { Button, ButtonGroup } from '../../actions';
 import { Content } from '../../content/Content';
 import { Paragraph } from '../../content/Paragraph';
@@ -16,6 +15,7 @@ import { useDialogContext } from '../Dialog/context';
 import { Title } from '../../content/Title';
 import { Header } from '../../content/Header';
 import { Footer } from '../../content/Footer';
+import { chain } from '../../../utils/react';
 const DEFAULT_CONFIRM_PROPS = {
     label: 'Ok',
     type: 'primary',

package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js

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

package/es/components/overlays/AlertDialog/AlertDialogZone.js

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

package/es/components/overlays/AlertDialog/index.js

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

package/es/components/overlays/AlertDialog/types.js

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

package/es/components/overlays/Dialog/Dialog.js

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

package/es/components/overlays/Dialog/DialogContainer.js

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

package/es/components/overlays/Dialog/DialogForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog } from './Dialog';
 import { Title } from '../../content/Title';
 import { Form } from '../../forms/Form/Form';
-import { useForm } from '../../forms/Form';
+import { useForm } from '../../forms';
 import { Content } from '../../content/Content';
 import { Submit } from '../../actions/Button/Submit';
 import { Button } from '../../actions';

package/es/components/overlays/Dialog/DialogTrigger.js

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

package/es/components/overlays/Dialog/context.js

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

package/es/components/overlays/Dialog/index.js

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

package/es/components/overlays/Modal/Modal.js

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

package/es/components/overlays/Modal/OpenTransition.js

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

package/es/components/overlays/Modal/Overlay.js

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

package/es/components/overlays/Modal/Popover.js

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

package/es/components/overlays/Modal/Tray.js

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

package/es/components/overlays/Modal/Underlay.js

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

package/es/components/overlays/Modal/index.js

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

package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -19,7 +19,7 @@ export const FloatingNotification = memo(function FloatingNotification(props) {
     const { props: notificationProps, key } = item;
     const ref = useRef(null);
     const onCloseEvent = useChainedCallback(() => onRemoveNotification(id), notificationProps.onClose);
-    const chainedOnDismiss = useChainedCallback(() => onDismissNotification(id), () => onRemoveNotification(id));
+    const chainedOnDismiss = useChainedCallback(() => onDismissNotification(id), () => onRemoveNotification(id), notificationProps.onDismiss);
     const onKeyDown = useEvent(({ key }) => {
         if (notificationProps.isDismissible === false) {
             return;

package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -25,7 +25,7 @@ const NotificationsContainer = tasty({
         right: 'env(safe-area-inset-right, 0)',
         display: 'flex',
         flexDirection: 'column-reverse',
-        width: 'auto 100% 45x',
+        width: 'auto 100% 50x',
         height: '100vh max',
         padding: '2x',
         gap: '1x',

package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js

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

package/es/components/overlays/NewNotifications/Bar/index.js

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

package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js

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

package/es/components/overlays/NewNotifications/Dialog/index.js

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

package/es/components/overlays/NewNotifications/Notification.js

@@ -1,23 +1,26 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
-import { useId } from '@react-aria/utils';
 import { useNotificationsApi } from './hooks';
+import { useEvent, useSyncRef } from '../../../_internal';
+import { useId } from '../../../utils/react/useId';
 export function Notification(props) {
-    const { id: propsId } = props;
-    const { notify, update } = useNotificationsApi();
+    const { id: propsId, disableRemoveOnUnmount = false } = props;
     const defaultId = useId();
+    const disableRemoveOnUnmountRef = useSyncRef(disableRemoveOnUnmount);
+    const { notify, update, remove } = useNotificationsApi();
     const id = propsId !== null && propsId !== void 0 ? propsId : defaultId;
+    const removeNotification = useEvent((id) => disableRemoveOnUnmountRef.current ? void 0 : remove(id));
     useEffect(() => {
-        const { remove } = notify({ id, ...props });
-        return remove;
+        notify({ id, ...props });
     }, [id]);
+    useEffect(() => () => removeNotification(id), [id]);
     useEffect(() => update(id, props));
     return null;
 }

package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -11,7 +11,17 @@ import { Button } from '../../../actions';
 import { useEvent } from '../../../../_internal';
 import { useNotificationContext } from './NotificationProvider';
 const Action = tasty(Button, {
-    color: { '': '#purple-text', primary: '#purple-text', secondary: '#dark-03' },
+    styles: {
+        display: 'block',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis',
+        overflow: 'hidden',
+        color: {
+            '': '#purple-text',
+            primary: '#purple-text',
+            secondary: '#dark-03',
+        },
+    },
 });
 export function NotificationAction(props) {
     const { children, onPress, type = 'primary', disableCloseOnAction = type !== 'primary', ...buttonProps } = props;

package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -17,9 +17,9 @@ const CloseButton = tasty(Button, {
         top: '-0.75x',
         display: 'flex',
         placeItems: 'center',
-        padding: '0.75x',
-        width: '3.5x',
-        height: '3.5x',
+        padding: '0.625x',
+        width: '3x',
+        height: '3x',
         fill: '#white',
         shadow: '0 0.5x 2x #shadow',
         color: { '': '#dark-02', hovered: '#dark-03', pressed: '#dark-02' },

package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -9,8 +9,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
 import { tasty } from '../../../../tasty';
 import { Paragraph } from '../../../content/Paragraph';
+import { mergeProps } from '../../../../utils/react';
 const Description = tasty(Paragraph, {
     as: 'p',
+    preset: 't4m',
     styles: {
         gridArea: 'description',
         display: '-webkit-box',
@@ -21,7 +23,11 @@ const Description = tasty(Paragraph, {
 });
 export const NotificationDescription = memo(function NotificationDescription(props) {
     const { description, ...descriptionProps } = props;
-    return _jsx(Description, { ...descriptionProps, children: description }, void 0);
+    return (_jsx(Description, { ...mergeProps(descriptionProps, {
+            // To make a proper user selection
+            onPointerDown: (e) => e.stopPropagation(),
+            onMouseDown: (e) => e.stopPropagation(),
+        }), children: description }, void 0));
 });
 
         

package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -12,9 +12,10 @@ import flatten from 'react-keyed-flatten-children';
 import { tasty } from '../../../../tasty';
 import { ButtonGroup } from '../../../actions';
 const FooterArea = tasty(ButtonGroup, {
-    gridArea: 'footer',
-    gap: '2x',
     styles: {
+        gridArea: 'footer',
+        gap: '1x 2x',
+        flow: 'row wrap',
         '&:not(:empty)': {
             margin: { '': '0.5x top', 'has-description': '1x top' },
         },

package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -9,10 +9,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
 import { Title } from '../../../content/Title';
 import { tasty } from '../../../../tasty';
-const Header = tasty(Title, { gridArea: 'header', margin: '0.25x 0 0.5x' });
+const Header = tasty(Title, {
+    as: 'div',
+    preset: 'h6',
+    styles: {
+        gridArea: 'header',
+        cursor: 'default',
+        '&:not(:empty)': {
+            margin: '0.25x 0 0.5x',
+        },
+    },
+});
 export const NotificationHeader = memo(function NotificationHeader(props) {
     const { header, ...headerProps } = props;
-    return (_jsx(Header, { as: "div", preset: "h6", ...headerProps, children: header }, void 0));
+    return _jsx(Header, { ...headerProps, children: header }, void 0);
 });
 
         

package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js

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

package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js

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

package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -9,16 +9,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { useHover } from '@react-aria/interactions';
 import { useFocusRing } from '@react-aria/focus';
-import { mergeProps, useId } from '@react-aria/utils';
 import { tasty } from '../../../../tasty';
 import { useEvent, useTimer } from '../../../../_internal';
-import { ClearSlots } from '../../../../utils/react';
+import { ClearSlots, mergeProps } from '../../../../utils/react';
 import { NotificationIcon } from './NotificationIcon';
 import { NotificationHeader } from './NotificationHeader';
 import { NotificationDescription } from './NotificationDescription';
 import { NotificationFooter } from './NotificationFooter';
 import { NotificationCloseButton } from './NotificationCloseButton';
 import { NotificationProvider } from './NotificationProvider';
+import { useId } from '../../../../utils/react/useId';
 const NotificationContainer = tasty({
     styles: {
         boxSizing: 'border-box',
@@ -39,16 +39,6 @@ const NotificationContainer = tasty({
             '': '0 0 0 4bw #purple-04.0 inset',
             focused: '0 0 0 4bw #purple-04 inset',
         },
-        '&::before': {
-            zIndex: 0,
-            content: '""',
-            position: 'absolute',
-            top: '-8px',
-            left: '0',
-            right: '-8px',
-            bottom: '0',
-            display: { '': 'none', 'is-dismissible': 'flex' },
-        },
     },
 });
 export const NotificationView = forwardRef(function NotificationView(props, ref) {
@@ -71,7 +61,7 @@ export const NotificationView = forwardRef(function NotificationView(props, ref)
         callback: onDismissEvent,
         isDisabled: isFocusVisible || isHovered || !isDismissible,
     });
-    return (_jsx(ClearSlots, { children: _jsx(NotificationProvider, { onClose: onClose, children: _jsxs(NotificationContainer, { ...mergeProps(attributes, hoverProps, focusProps), styles: styles, ref: ref, "data-id": id, "data-qa": qa, "aria-labelledby": labelID, "aria-describedby": descriptionID, mods: { focused: isFocusVisible, 'is-dismissible': isDismissible }, children: [_jsx(NotificationIcon, { icon: icon, type: type }, void 0), header && _jsx(NotificationHeader, { header: header, id: labelID }, void 0), description && (_jsx(NotificationDescription, { description: description, id: descriptionID }, void 0)), _jsx(NotificationFooter, { hasDescription: !!description, actions: actions, onClose: onCloseEvent, onDismiss: onDismissEvent }, void 0), isDismissible && (_jsx(NotificationCloseButton, { onPress: onDismissEvent, isHovered: isHovered, isFocused: isFocusVisible }, void 0))] }, void 0) }, void 0) }, void 0));
+    return (_jsx(ClearSlots, { children: _jsx(NotificationProvider, { onClose: onClose, children: _jsxs(NotificationContainer, { ...mergeProps(attributes, hoverProps, focusProps), styles: styles, ref: ref, "data-id": id, "data-qa": qa, "aria-labelledby": labelID, "aria-describedby": descriptionID, mods: { focused: isFocusVisible, 'is-dismissible': isDismissible }, children: [_jsx(NotificationIcon, { icon: icon, type: type }, void 0), _jsx(NotificationHeader, { header: header, id: labelID }, void 0), description && (_jsx(NotificationDescription, { description: description, id: descriptionID }, void 0)), _jsx(NotificationFooter, { hasDescription: !!description, actions: actions, onClose: onCloseEvent, onDismiss: onDismissEvent }, void 0), isDismissible && (_jsx(NotificationCloseButton, { onPress: onDismissEvent, isHovered: isHovered, isFocused: isFocusVisible }, void 0))] }, void 0) }, void 0) }, void 0));
 });
 
         

package/es/components/overlays/NewNotifications/NotificationView/index.js

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

package/es/components/overlays/NewNotifications/NotificationView/types.js

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

package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js

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

package/es/components/overlays/NewNotifications/NotificationsContext/index.js

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

package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -20,7 +20,7 @@ export function useNotifications(rootRef) {
             newToasts.set(id, {
                 id,
                 isDismissible,
-                duration: isDismissible ? 5000 : null,
+                duration: duration !== null && duration !== void 0 ? duration : (isDismissible ? 5000 : null),
                 ...rest,
             });
             return newToasts;

package/es/components/overlays/NewNotifications/NotificationsList.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.11.1
+ * @cube-dev/ui-kit v0.12.1
  * Released under the MIT license.
  */
 
@@ -25,15 +25,15 @@ export function NotificationsList(props) {
     return (_jsx(NotificationListContainer, { ref: ref, ...listProps, children: [...state.collection].map((item) => (_jsx(NotificationListItem, { item: item, state: state }, item.key))) }, void 0));
 }
 NotificationsList.Item = Item;
-const notificationStyles = {
-    borderBottom: { '': '1bw solid #border', ':last-child': 'none' },
-};
+const NotificationListItemWrap = tasty({
+    styles: { borderBottom: { '': '1bw solid #border', ':last-child': 'none' } },
+});
 function NotificationListItem(props) {
     const { item, state } = props;
     const { key, props: notificationProps } = item;
     const ref = useRef(null);
     const { itemProps } = useNotificationListItem({ ref, key, state });
-    return (_jsx(NotificationView, { ref: ref, attributes: itemProps, styles: notificationStyles, ...notificationProps, isDismissible: false }, void 0));
+    return (_jsx(NotificationListItemWrap, { children: _jsx(NotificationView, { ref: ref, attributes: itemProps, ...notificationProps, isDismissible: false }, void 0) }, void 0));
 }
 
         

package/es/components/overlays/NewNotifications/hooks/index.js

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

package/es/components/overlays/NewNotifications/hooks/types.js

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

package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js

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