@cube-dev/ui-kit 0.0.0-canary-8ca04ef → 0.0.0-canary-dae9b2f

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

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-export { NotificationsProvider, NotificationsContext, } from './NotificationsContext/index.js';
-export * from './NotificationsList/index.js';
-export * from './hooks/index.js';
-export { NotificationAction } from './NotificationView/index.js';
-export * from './Dialog/index.js';
-export * from './Notification.js';
+export { NotificationsProvider, NotificationsContext, } from './NotificationsContext';
+export * from './NotificationsList';
+export * from './hooks';
+export { NotificationAction } from './NotificationView';
+export * from './Dialog';
+export * from './Notification';
 
         

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

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

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

@@ -1,17 +1,17 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import THEMES from '../../../data/themes.js';
-import { CheckIcon, CloseIcon, ExclamationIcon, InfoIcon, } from '../../../icons/index.js';
-import { tasty } from '../../../tasty/index.js';
-import { Action } from '../../actions/index.js';
-import { Block } from '../../Block.js';
-import { Card } from '../../content/Card/Card.js';
+import THEMES from '../../../data/themes';
+import { CheckIcon, CloseIcon, ExclamationIcon, InfoIcon, } from '../../../icons';
+import { tasty } from '../../../tasty';
+import { Action } from '../../actions';
+import { Block } from '../../Block';
+import { Card } from '../../content/Card/Card';
 const NotificationElement = tasty(Card, {
     role: 'region',
     styles: {

package/es/components/overlays/OverlayWrapper.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
-import { Portal } from '../portal/index.js';
+import { Portal } from '../portal';
 export function OverlayWrapper({ isOpen, placement, minOffset, minScale, children, container = null, }) {
     const containerRef = useRef(container);
     const nodeRef = useRef(null);

package/es/components/overlays/Toasts/Toast.js

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
-import { useEvent, useSyncRef } from '../../../_internal/index.js';
-import { useId } from '../../../utils/react/useId.js';
-import { useToastsApi } from './use-toasts-api.js';
+import { useEvent, useSyncRef } from '../../../_internal';
+import { useId } from '../../../utils/react/useId';
+import { useToastsApi } from './use-toasts-api';
 export function Toast(props) {
     const { id: propsId, disableRemoveOnUnmount } = props;
     const defaultId = useId();

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

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-export * from './use-toasts-api.js';
-export * from './Toast.js';
+export * from './use-toasts-api';
+export * from './Toast';
 
         

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

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

package/es/components/overlays/Toasts/use-toasts-api.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { isValidElement, useMemo } from 'react';
 import { isFragment } from 'react-is';
-import { useNotificationsApi } from '../NewNotifications/index.js';
+import { useNotificationsApi } from '../NewNotifications';
 export function useToastsApi() {
     const { notify, update, remove } = useNotificationsApi();
     const toast = useMemo(() => Object.assign((props) => notify({

package/es/components/overlays/Tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
@@ -9,9 +9,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createDOMRef } from '@react-spectrum/utils';
 import { forwardRef, useContext, useImperativeHandle, useMemo, useRef, } from 'react';
 import { useTooltip } from 'react-aria';
-import { CONTAINER_STYLES, extractStyles, tasty, } from '../../../tasty/index.js';
-import { mergeProps, mergeRefs, useLayoutEffect } from '../../../utils/react/index.js';
-import { TooltipContext } from './context.js';
+import { CONTAINER_STYLES, extractStyles, tasty, } from '../../../tasty';
+import { mergeProps, mergeRefs, useLayoutEffect } from '../../../utils/react';
+import { TooltipContext } from './context';
 const TooltipElement = tasty({
     styles: {
         display: 'block',

package/es/components/overlays/Tooltip/TooltipProvider.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { isValidElement, useEffect, useState, } from 'react';
-import { Tooltip } from './Tooltip.js';
-import { TooltipTrigger, } from './TooltipTrigger.js';
+import { Tooltip } from './Tooltip';
+import { TooltipTrigger, } from './TooltipTrigger';
 export function TooltipProvider(props) {
     const [rendered, setRendered] = useState(false);
     const { title, children, tooltipStyles, width, isDisabled, ...otherProps } = props;

package/es/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
@@ -10,11 +10,11 @@ import { FocusableProvider } from '@react-aria/focus';
 import { isValidElement, useRef, } from 'react';
 import { useOverlayPosition, useTooltipTrigger, } from 'react-aria';
 import { useTooltipTriggerState } from 'react-stately';
-import { Block } from '../../Block.js';
-import { ActiveZone } from '../../content/ActiveZone/ActiveZone.js';
-import { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition.js';
-import { Portal } from '../../portal/index.js';
-import { TooltipContext } from './context.js';
+import { Block } from '../../Block';
+import { ActiveZone } from '../../content/ActiveZone/ActiveZone';
+import { DisplayTransition } from '../../helpers/DisplayTransition/DisplayTransition';
+import { Portal } from '../../portal';
+import { TooltipContext } from './context';
 const DEFAULT_OFFSET = 8; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button
 const DEFAULT_CROSS_OFFSET = 0;
 // Type guards

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

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

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

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-export * from './Tooltip.js';
-export * from './TooltipTrigger.js';
-export * from './TooltipProvider.js';
+export * from './Tooltip';
+export * from './TooltipTrigger';
+export * from './TooltipProvider';
 
         

package/es/components/portal/Portal.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { createPortal } from 'react-dom';
-import { usePortal } from './usePortal.js';
+import { usePortal } from './usePortal';
 /**
  * This component renders its children outside the current DOM hierarchy.
  *

package/es/components/portal/PortalProvider.js

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

package/es/components/portal/index.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-export { PortalProvider } from './PortalProvider.js';
-export * from './Portal.js';
+export { PortalProvider } from './PortalProvider';
+export * from './Portal';
 
         

package/es/components/portal/types.js

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

package/es/components/portal/usePortal.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { useEffect, useRef, useState } from 'react';
 import invariant from 'tiny-invariant';
-import { usePortalContext } from './PortalProvider.js';
+import { usePortalContext } from './PortalProvider';
 /**
  * @internal Do not use it
  */

package/es/components/shared/InvalidIcon.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { WarningIcon } from '../../icons/index.js';
+import { WarningIcon } from '../../icons';
 export const InvalidIcon = (_jsx(WarningIcon, { "data-element": "ValidationIcon", color: "#danger" }));
 
         

package/es/components/shared/ValidIcon.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { CheckIcon } from '../../icons/index.js';
+import { CheckIcon } from '../../icons';
 export const ValidIcon = (_jsx(CheckIcon, { "data-element": "ValidationIcon", color: "#success" }));
 
         

package/es/components/status/LoadingAnimation/LoadingAnimation.js

@@ -1,67 +1,123 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { tasty } from '../../../tasty/index.js';
-import { Block } from '../../Block.js';
-const CUBE_IMAGE = "data:image/svg+xml,%3Csvg width='36' height='41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.899 10.351l-18 10.25L.1 10.25l18-10.25L35.9 10.351z' fill='%23FAFAFF'/%3E%3Cpath d='M18 41L0 30.75l.101-20.5L18 20.5' fill='%23E5E5F6'/%3E%3Cpath d='M36 30.75L18 41V20.6l17.899-10.25L36 30.75z' fill='%23C0C0EA'/%3E%3C/svg%3E";
-const CubeElement = tasty({
-    as: 'img',
-    role: 'presentation',
-    src: CUBE_IMAGE,
-    alt: '',
-    styles: {
-        display: 'block',
-        position: 'absolute',
-        width: '50%',
-        height: '50%',
-        animationName: {
-            'index=0': 'dice0',
-            'index=1': 'dice1',
-            'index=2': 'dice2',
-        },
-        animationDuration: {
-            'index=0 | index=1 | index=2': '2s',
-        },
-        animationIterationCount: {
-            'index=0 | index=1 | index=2': 'infinite',
-        },
-        animationTimingFunction: {
-            'index=0 | index=1 | index=2': 'ease',
-        },
-        zIndex: {
-            'index=0 | index=1 | index=2': 0,
-        },
-        '@keyframes': {
-            dice0: {
-                from: 'transform: translate(49%, 0.5%); z-index: 0;',
-                '25%': 'transform: translate(49%, 0.5%); z-index: 0;',
-                '50%': 'transform: translate(0%, 25%); z-index: 0;',
-                '51%': 'z-index: 1;',
-                '75%': 'z-index: 1;',
-                to: 'transform: translate(0%, 25%); z-index: 1;',
-            },
-            dice1: {
-                from: 'transform: translate(0%, 25%); z-index: 3;',
-                '25%': 'transform: translate(49%, 49%); z-index: 3;',
-                '75%': 'transform: translate(49%, 49%); z-index: 2;',
-                to: 'transform: translate(98%, 25%); z-index: 1;',
-            },
-            dice2: {
-                from: 'transform: translate(98%, 25%); z-index: 1;',
-                '50%': 'transform: translate(98%, 25%); z-index: 0;',
-                '75%': 'transform: translate(49%, 0.5%); z-index: 0;',
-                to: 'transform: translate(49%, 0.5%); z-index: 0;',
-            },
-        },
-    },
-});
-function Cube({ index, style }) {
-    return (_jsx(CubeElement, { mods: index != null ? { index } : undefined, style: style }));
+import styled from 'styled-components';
+import { Block } from '../../Block';
+const POSITIONS = [
+    [49, 0.5],
+    [0, 25],
+    [49, 49],
+    [98, 25],
+];
+const cubeImage = "data:image/svg+xml,%3Csvg width='36' height='41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.899 10.351l-18 10.25L.1 10.25l18-10.25L35.9 10.351z' fill='%23FAFAFF'/%3E%3Cpath d='M18 41L0 30.75l.101-20.5L18 20.5' fill='%23E5E5F6'/%3E%3Cpath d='M36 30.75L18 41V20.6l17.899-10.25L36 30.75z' fill='%23C0C0EA'/%3E%3C/svg%3E";
+function pos(index) {
+    return `transform: translate(${POSITIONS[index][0]}%, ${POSITIONS[index][1]}%);`;
+}
+const ImgElement = styled.img(({ $index }) => `
+  display: block;
+  position: absolute;
+  width: 50%;
+  height: 50%;
+
+  ${$index != null
+    ? `
+  animation-name: dice${$index};
+  animation-duration: 2s;
+  animation-iteration-count: infinite;
+  animation-timing-function: ease;
+  z-index: 0;
+
+  @keyframes dice${$index} {
+    ${$index === 0
+        ? `
+    from {
+      ${pos(0)}
+      z-index: 0;
+    }
+
+    25% {
+      ${pos(0)}
+      z-index: 0;
+    }
+
+    50% {
+      ${pos(1)}
+      z-index: 0;
+    }
+
+    51% {
+      z-index: 1;
+    }
+
+    75% {
+      z-index: 1;
+    }
+
+    to {
+      ${pos(1)}
+      z-index: 1;
+    }
+    `
+        : ''}
+
+    ${$index === 1
+        ? `
+    from {
+      ${pos(1)}
+      z-index: 3;
+    }
+
+    25% {
+      ${pos(2)}
+      z-index: 3;
+    }
+
+    75% {
+      ${pos(2)}
+      z-index: 2;
+    }
+
+    to {
+      ${pos(3)}
+      z-index: 1;
+    }
+    `
+        : ''}
+
+    ${$index === 2
+        ? `
+    from {
+      ${pos(3)}
+      z-index: 1;
+    }
+
+    50% {
+      ${pos(3)}
+      z-index: 0;
+    }
+
+    75% {
+      ${pos(0)}
+      z-index: 0;
+    }
+
+    to {
+      ${pos(0)}
+      z-index: 0;
+    }
+    `
+        : ''}
+  }
+  `
+    : ''}
+`);
+function Cube(props) {
+    return _jsx(ImgElement, { role: "presentation", src: cubeImage, alt: "", ...props });
 }
 const SIZE_MAP = {
     small: 32,
@@ -70,7 +126,7 @@ const SIZE_MAP = {
 };
 export function LoadingAnimation({ size = 'medium', ...props }) {
     const numSize = SIZE_MAP[size] || size || SIZE_MAP.medium;
-    return (_jsxs(Block, { role: "img", "aria-label": "Loading animation", width: numSize, height: numSize * 1.1388888889, style: { position: 'relative' }, ...props, children: [_jsx(Cube, { style: { transform: 'translate(0%, 72.5%)' } }), _jsx(Cube, { style: { transform: 'translate(98%, 72.5%)' } }), _jsx(Cube, { style: { transform: 'translate(49%, 96.5%)' } }), _jsx(Cube, { index: 0 }), _jsx(Cube, { index: 1 }), _jsx(Cube, { index: 2 })] }));
+    return (_jsxs(Block, { role: "img", "aria-label": "Loading animation", width: numSize, height: numSize * 1.1388888889, style: { position: 'relative' }, ...props, children: [_jsx(Cube, { style: { transform: 'translate(0%, 72.5%)' } }), _jsx(Cube, { style: { transform: 'translate(98%, 72.5%)' } }), _jsx(Cube, { style: { transform: 'translate(49%, 96.5%)' } }), _jsx(Cube, { "$index": 0 }), _jsx(Cube, { "$index": 1 }), _jsx(Cube, { "$index": 2 })] }));
 }
 
         

package/es/components/status/LoadingAnimation/index.js

@@ -1,10 +1,10 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-8ca04ef
+ * @cube-dev/ui-kit v0.0.0-canary-dae9b2f
  * Released under the MIT license.
  */
 
-export { LoadingAnimation } from './LoadingAnimation.js';
+export { LoadingAnimation } from './LoadingAnimation';