npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-f1cfc71 → 0.0.0-canary-61e3780 - Mend

@cube-dev/ui-kit 0.0.0-canary-f1cfc71 → 0.0.0-canary-61e3780

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (541) hide show

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f1cfc71
+ * @cube-dev/ui-kit v0.0.0-canary-61e3780
  * Released under the MIT license.
  */
@@ -9,7 +9,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { memo, useRef } from 'react';
 import { useChainedCallback, useEvent, useTimer } from '../../../../_internal';
 import { tasty } from '../../../../tasty';
-import { Notification } from '../Notification';
+import { NotificationView } from '../NotificationView';
 import { useNotificationListItem, } from '../hooks';
 const NotificationContainer = tasty({
     styles: { boxShadow: '0 0.5x 2x #shadow', pointerEvents: 'auto' },
@@ -35,7 +35,7 @@ export const FloatingNotification = memo(function FloatingNotification(props) {
         delay: notificationProps.duration,
         isDisabled: isDisabledTimer,
     });
-    return (_jsx(NotificationContainer, { children: _jsx(Notification, { ref: ref, ...notificationProps, timer: timer, attributes: {
+    return (_jsx(NotificationContainer, { children: _jsx(NotificationView, { ref: ref, ...notificationProps, timer: timer, attributes: {
                 ...itemProps,
                 onKeyDown,
                 role: 'status',

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,36 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-61e3780
+ * 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';
+export function Notification(props) {
+    const { id: propsId } = props;
+    const { notify, update, remove } = useNotificationsApi();
+    const defaultId = useId();
+    const id = propsId !== null && propsId !== void 0 ? propsId : defaultId;
+    useEffect(() => {
+        notify({ id, ...props });
+        return () => remove(id);
+    }, [id]);
+    useEffect(() => {
+        update(id, props);
+    });
+    return null;
+}
+Notification.Success = function NotificationSuccess(props) {
+    return _jsx(Notification, { type: "success", ...props }, void 0);
+};
+Notification.Danger = function NotificationDanger(props) {
+    return _jsx(Notification, { type: "danger", ...props }, void 0);
+};
+Notification.Attention = function NotificationAttention(props) {
+    return _jsx(Notification, { type: "attention", ...props }, void 0);
+};

package/es/components/overlays/NewNotifications/{Notification → NotificationView}/NotificationAction.js RENAMED Viewed

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

package/es/components/overlays/NewNotifications/{Notification → NotificationView}/NotificationCloseButton.js RENAMED Viewed

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

package/es/components/overlays/NewNotifications/{Notification → NotificationView}/NotificationDescription.js RENAMED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f1cfc71
+ * @cube-dev/ui-kit v0.0.0-canary-61e3780
  * Released under the MIT license.
  */
@@ -10,8 +10,14 @@ import { memo } from 'react';
 import { tasty } from '../../../../tasty';
 import { Paragraph } from '../../../content/Paragraph';
 const Description = tasty(Paragraph, {
-    as: 'div',
-    styles: { gridArea: 'description' },
+    as: 'p',
+    styles: {
+        gridArea: 'description',
+        display: '-webkit-box',
+        '-webkit-line-clamp': 3,
+        '-webkit-box-orient': 'vertical',
+        overflow: 'hidden',
+    },
 });
 export const NotificationDescription = memo(function NotificationDescription(props) {
     const { description, ...descriptionProps } = props;

package/es/components/overlays/NewNotifications/{Notification → NotificationView}/NotificationFooter.js RENAMED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f1cfc71
+ * @cube-dev/ui-kit v0.0.0-canary-61e3780
  * Released under the MIT license.
  */
@@ -14,11 +14,15 @@ import { ButtonGroup } from '../../../actions';
 const FooterArea = tasty(ButtonGroup, {
     gridArea: 'footer',
     gap: '2x',
-    styles: { '&:not(:empty)': { margin: '1x top' } },
+    styles: {
+        '&:not(:empty)': {
+            margin: { '': '0.5x top', 'has-description': '1x top' },
+        },
+    },
 });
 export const NotificationFooter = memo(function NotificationFooter(props) {
-    const { actions, onClose, onDismiss } = props;
-    return (_jsx(FooterArea, { children: flatten(typeof actions === 'function'
+    const { actions, onClose, onDismiss, hasDescription } = props;
+    return (_jsx(FooterArea, { mods: { 'has-description': hasDescription }, children: flatten(typeof actions === 'function'
             ? actions({ onClose, onDismiss })
             : actions)
             .filter((action) => isElement(action))

package/es/components/overlays/NewNotifications/{Notification → NotificationView}/NotificationHeader.js RENAMED Viewed

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

package/es/components/overlays/NewNotifications/{Notification → NotificationView}/NotificationIcon.js RENAMED Viewed

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f1cfc71
+ * @cube-dev/ui-kit v0.0.0-canary-61e3780
  * Released under the MIT license.
  */
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
 import { tasty } from '../../../../tasty';
 import { Danger, Success, Attention } from '../../../../icons';
@@ -13,7 +13,16 @@ const IconContainer = tasty({
     styles: {
         boxSizing: 'border-box',
         display: 'flex',
+        alignSelf: 'start',
         gridArea: 'icon',
+        minHeight: '3x',
+        placeContent: 'center',
+    },
+});
+const IconPreset = tasty({
+    styles: {
+        boxSizing: 'border-box',
+        display: 'flex',
         fill: {
             '': '#note-bg',
             attention: '#note-bg',
@@ -40,14 +49,11 @@ const IconContainer = tasty({
 });
 export const NotificationIcon = memo(function NotificationIcon(props) {
     const { icon, type } = props;
-    if (icon) {
-        return _jsx(_Fragment, { children: icon }, void 0);
-    }
-    return (_jsx(IconContainer, { mods: {
-            attention: type === 'attention',
-            success: type === 'success',
-            danger: type === 'danger',
-        }, children: iconsByType[type] }, void 0));
+    return (_jsx(IconContainer, { children: icon ? (icon) : (_jsx(IconPreset, { mods: {
+                attention: type === 'attention',
+                success: type === 'success',
+                danger: type === 'danger',
+            }, children: iconsByType[type] }, void 0)) }, void 0));
 });
 const iconsByType = {
     attention: _jsx(Attention, {}, void 0),

package/es/components/overlays/NewNotifications/{Notification → NotificationView}/NotificationProvider.js RENAMED Viewed

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

package/es/components/overlays/NewNotifications/{Notification/Notification.js → NotificationView/NotificationView.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f1cfc71
+ * @cube-dev/ui-kit v0.0.0-canary-61e3780
  * Released under the MIT license.
  */
@@ -29,9 +29,10 @@ const NotificationContainer = tasty({
         gridAreas: `
       "icon . header"
       "icon . description"
-      "icon . footer"
+      ".    . footer"
     `,
         gridColumns: 'min-content 1x minmax(0, auto)',
+        gridRows: 'minmax(0, auto) minmax(0, auto) minmax(0, auto)',
         fill: '#white',
         boxShadow: {
             '': '0 0 0 4bw #purple-04.0 inset',
@@ -39,7 +40,7 @@ const NotificationContainer = tasty({
         },
     },
 });
-export const Notification = forwardRef(function Notification(props, ref) {
+export const NotificationView = forwardRef(function NotificationView(props, ref) {
     const { onClose, actions, header, icon, description, id, styles, type = 'attention', isDismissible = true, duration = null, attributes = {}, qa = 'notification', timer: propsTimer, onDismiss, } = props;
     const labelID = useId();
     const descriptionID = useId();
@@ -59,7 +60,7 @@ export const Notification = forwardRef(function Notification(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 }, 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)), actions && (_jsx(NotificationFooter, { 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 }, 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));
 });

package/es/components/overlays/NewNotifications/{Notification → NotificationView}/index.js RENAMED Viewed

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f1cfc71
+ * @cube-dev/ui-kit v0.0.0-canary-61e3780
  * Released under the MIT license.
  */
-export * from './Notification';
+export * from './NotificationView';
 export * from './NotificationAction';

package/es/components/overlays/NewNotifications/{Notification → NotificationView}/types.js RENAMED Viewed

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f1cfc71
+ * @cube-dev/ui-kit v0.0.0-canary-61e3780
  * Released under the MIT license.
  */
@@ -9,11 +9,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useMemo } from 'react';
 import { Portal } from '../../../portal';
 import { NotificationsBar } from '../Bar';
-import { useNotificationToasts } from './use-notification-toasts';
+import { useNotifications } from './use-notifications';
 export const NotificationsContext = createContext(null);
 export function NotificationsProvider(props) {
     const { children, rootRef } = props;
-    const { toasts, api, addOnDismissListener, onDismissNotification } = useNotificationToasts(rootRef);
+    const { toasts, api, addOnDismissListener, onDismissNotification } = useNotifications(rootRef);
     const providerValue = useMemo(() => ({ api, addOnDismissListener }), []);
     return (_jsxs(NotificationsContext.Provider, { value: providerValue, children: [_jsx(Portal, { children: _jsx(NotificationsBar, { items: toasts, onRemoveNotification: api.remove, onDismissNotification: onDismissNotification, children: (notification) => (_jsx(NotificationsBar.Item, { ...notification }, notification.id)) }, void 0) }, void 0), children] }, void 0));
 }

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

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

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

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

package/es/components/overlays/NewNotifications/NotificationsContext/{use-notification-toasts.js → use-notifications.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f1cfc71
+ * @cube-dev/ui-kit v0.0.0-canary-61e3780
  * Released under the MIT license.
  */
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { useEvent } from '../../../../_internal';
 const DISMISS_EVENT_NAME = 'cube:notification:dismiss';
-export function useNotificationToasts(rootRef) {
+export function useNotifications(rootRef) {
     const idRef = useRef(0);
     const listeners = useRef([]);
     const [toasts, setToasts] = useState(new Map());

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f1cfc71
+ * @cube-dev/ui-kit v0.0.0-canary-61e3780
  * Released under the MIT license.
  */
@@ -9,7 +9,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef } from 'react';
 import { Item } from '@react-stately/collections';
 import { tasty } from '../../../tasty';
-import { Notification } from './Notification';
+import { NotificationView } from './NotificationView';
 import { useNotificationListItem, useNotificationsList, } from './hooks';
 const NotificationListContainer = tasty({
     styles: { boxSizing: 'border-box', width: '100%' },
@@ -33,7 +33,7 @@ function NotificationListItem(props) {
     const { key, props: notificationProps } = item;
     const ref = useRef(null);
     const { itemProps } = useNotificationListItem({ ref, key, state });
-    return (_jsx(Notification, { ref: ref, isDismissible: false, attributes: itemProps, styles: notificationStyles, ...notificationProps }, void 0));
+    return (_jsx(NotificationView, { ref: ref, isDismissible: false, attributes: itemProps, styles: notificationStyles, ...notificationProps }, void 0));
 }

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

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

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

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

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

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

package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js CHANGED Viewed

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

package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js CHANGED Viewed

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