@cube-dev/ui-kit 0.0.0-canary-90d250e → 0.0.0-canary-6869af9

package/es/components/actions/Button/Button.js

@@ -1,15 +1,16 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cloneElement, forwardRef, useMemo } from 'react';
 import { LoadingOutlined } from '@ant-design/icons';
-import { Action } from '../Action';
+import { tasty } from '../../../tasty';
 import { accessibilityWarning } from '../../../utils/warnings';
+import { useAction } from '../use-action';
 // const DEFAULT_STYLES_BY_TYPE: { [key: string]: Styles } = {
 //   primary: {
 //     border: {
@@ -235,103 +236,6 @@ export const DEFAULT_BUTTON_STYLES = {
         '': true,
         '[data-type="link"] & !focused': 0,
     },
-    // Theming
-    shadow: {
-        '': false,
-        '[data-type="link"] & [data-theme="default"]': '0 @border-width 0 0 #purple.20',
-        '[data-type="link"] & [data-theme="default"] & (pressed | hovered | [disabled])': '0 0 0 0 #purple.20',
-        '[data-type="link"] & [data-theme="danger"]': '0 @border-width 0 0 #danger.20',
-        '[data-type="link"] & [data-theme="danger"] & (pressed | hovered | [disabled])': '0 0 0 0 #danger.20',
-        '[data-type="link"] & [data-theme="special"]': '0 @border-width 0 0 #white.44',
-        '[data-type="link"] & [data-theme="special"] & (pressed | hovered | [disabled])': '0 0 0 0 #white.44',
-    },
-    outline: {
-        '': '0 #purple-03.20',
-        focused: '@outline-width #purple-03.20',
-        '[data-theme="danger"]': '0 #danger.20',
-        '[data-theme="danger"] & focused': '@outline-width #danger.20',
-        '[data-theme="special"]': '0 #white.44',
-        '[data-theme="special"] & focused': '@outline-width #white.44',
-        '[data-theme="special"] & ([data-type="primary"] | [data-type="clear"])': '0 #dark-03.80',
-        '[data-theme="special"] & ([data-type="primary"] | [data-type="clear"]) & focused': '@outline-width #dark-03.80',
-    },
-    border: {
-        // default
-        '': '#clear',
-        '[data-type="primary"] & ([data-theme="default"] | [data-theme="special"]) & pressed': '#purple-text',
-        '[data-type="secondary"] & [data-theme="default"] & pressed': '#purple.3',
-        '[data-type="outline"] & [data-theme="default"]': '#purple.3',
-        '[data-type="outline"] & [data-theme="default"] & [disabled]': '#dark.12',
-        '([data-type="clear"] | [data-type="outline"]) & [data-theme="default"] & pressed': '#purple-text.10',
-        '[data-type="link"] & [data-theme="default"] & pressed': '#purple',
-        // danger
-        '[data-type="primary"] & [data-theme="danger"] & pressed': '#danger-text',
-        '[data-type="secondary"] & [data-theme="danger"] & pressed': '#danger.3',
-        '[data-type="outline"] & [data-theme="danger"]': '#danger-text.3',
-        '([data-type="clear"] | [data-type="outline"]) & [data-theme="danger"] & pressed': '#danger-text.10',
-        '[data-type="outline"] & [data-theme="danger"] & pressed': '#danger.3',
-        // special
-        '[data-type="primary"] & [data-theme="special"] & pressed': '#danger-text',
-        '[data-type="secondary"] & [data-theme="special"] & pressed': '#white.44',
-        '[data-type="outline"] & [data-theme="special"] & !pressed': '#white.44',
-        '[data-type="link"]': '#clear',
-    },
-    fill: {
-        // default
-        '': '#clear',
-        '[data-type="primary"] & [data-theme="default"]': '#purple',
-        '[data-type="primary"] & [data-theme="default"] & pressed': '#purple',
-        '[data-type="primary"] & [data-theme="default"] & hovered': '#purple-text',
-        '[data-type="secondary"] & [data-theme="default"]': '#purple.10',
-        '[data-type="secondary"] & [data-theme="default"] & hovered': '#purple.16',
-        '[data-type="secondary"] & [data-theme="default"] & pressed': '#purple-text.10',
-        '[data-type="neutral"] & [data-theme="default"]': '#dark.0',
-        '[data-type="neutral"] & [data-theme="default"] & hovered': '#dark.04',
-        '[data-type="neutral"] & [data-theme="default"] & pressed': '#dark.05',
-        '[data-theme="default"] & [disabled]': '#dark.04',
-        '([data-type="clear"] | [data-type="outline"]) & [data-theme="default"]': '#purple.0',
-        '([data-type="clear"] | [data-type="outline"]) & [data-theme="default"] & hovered': '#purple.16',
-        '([data-type="clear"] | [data-type="outline"]) & [data-theme="default"] & pressed': '#purple.10',
-        '([data-type="clear"] | [data-type="outline"]) & [data-theme="default"] & [disabled]': '#purple.0',
-        // danger
-        '[data-type="primary"] & [data-theme="danger"]': '#danger-text',
-        '[data-type="primary"] & [data-theme="danger"] & hovered': '#danger-text',
-        '[data-type="primary"] & [data-theme="danger"] & pressed': '#danger',
-        '[data-type="secondary"] & [data-theme="danger"]': '#danger.05',
-        '[data-type="secondary"] & [data-theme="danger"] & hovered': '#danger.1',
-        '[data-type="secondary"] & [data-theme="danger"] & pressed': '#danger.05',
-        '[data-type="neutral"] & [data-theme="danger"]': '#dark.0',
-        '[data-type="neutral"] & [data-theme="danger"] & hovered': '#dark.04',
-        '[data-type="neutral"] & [data-theme="danger"] & pressed': '#dark.05',
-        '[data-theme="danger"] & [disabled]': '#dark.04',
-        '([data-type="clear"] | [data-type="outline"]) & [data-theme="danger"]': '#danger.0',
-        '([data-type="clear"] | [data-type="outline"]) & [data-theme="danger"] & hovered': '#danger.1',
-        '([data-type="clear"] | [data-type="outline"]) & [data-theme="danger"] & pressed': '#danger.05',
-        '([data-type="clear"] | [data-type="outline"]) & [data-theme="danger"] & [disabled]': '#danger.0',
-        // special
-    },
-    color: {
-        // default
-        '': '#white',
-        '[data-type="secondary"] & [data-theme="default"]': '#purple',
-        '([data-type="clear"] | [data-type="outline"] | [data-type="link"]) & [data-theme="default"]': '#purple-text',
-        '[data-type="link"] & [data-theme="default"] & pressed': '#purple',
-        '[data-type="neutral"]': '#dark.75',
-        '[data-type="neutral"] & hovered': '#dark.75',
-        '[data-type="neutral"] & [data-theme="default"] & pressed': '#purple',
-        // danger
-        '[data-type="secondary"] & [data-theme="danger"]': '#danger',
-        '([data-type="clear"] | [data-type="outline"] | [data-type="link"]) & [data-theme="danger"]': '#danger-text',
-        '[data-type="link"] & [data-theme="danger"] & pressed': '#danger',
-        '[data-type="neutral"] & [data-theme="danger"] & pressed': '#danger',
-        // special
-        '[data-type="primary"] & [data-theme="special"]': '#danger',
-        '([data-type="clear"] | [data-type="outline"] | [data-type="link"]) & [data-theme="special"]': '#danger-text',
-        '[data-type="link"] & [data-theme="special"] & pressed': '#danger',
-        '[data-type="neutral"] & [data-theme="special"] & pressed': '#danger',
-        // other
-        '[disabled]': '#dark.30',
-    },
     '& .anticon': {
         transition: 'display .2s steps(1, start), margin .2s linear, opacity .2s linear',
     },
@@ -340,9 +244,172 @@ export const DEFAULT_BUTTON_STYLES = {
         fontSize: '@icon-size',
     },
 };
+const DefaultButtonElement = tasty({
+    'data-theme': 'default',
+    styles: {
+        ...DEFAULT_BUTTON_STYLES,
+        shadow: {
+            '': false,
+            '[data-type="link"]': '0 @border-width 0 0 #purple.20',
+            '[data-type="link"] & (pressed | hovered | [disabled])': '0 0 0 0 #purple.20',
+        },
+        outline: {
+            '': '0 #purple-03.20',
+            focused: '@outline-width #purple-03.20',
+        },
+        border: {
+            // default
+            '': '#clear',
+            '[data-type="primary"] & pressed': '#purple-text',
+            '[data-type="secondary"] & pressed': '#purple.3',
+            '[data-type="outline"]': '#purple.3',
+            '[data-type="outline"] & [disabled]': '#dark.12',
+            '([data-type="clear"] | [data-type="outline"]) & pressed': '#purple-text.10',
+            '[data-type="link"]': '#clear',
+            '[data-type="link"] & pressed': '#purple',
+        },
+        fill: {
+            '': '#clear',
+            '[data-type="primary"]': '#purple',
+            '[data-type="primary"] & pressed': '#purple',
+            '[data-type="primary"] & hovered': '#purple-text',
+            '[data-type="secondary"]': '#purple.10',
+            '[data-type="secondary"] & hovered': '#purple.16',
+            '[data-type="secondary"] & pressed': '#purple-text.10',
+            '[data-type="neutral"]': '#dark.0',
+            '[data-type="neutral"] & hovered': '#dark.04',
+            '[data-type="neutral"] & pressed': '#dark.05',
+            '[disabled]': '#dark.04',
+            '([data-type="clear"] | [data-type="outline"])': '#purple.0',
+            '([data-type="clear"] | [data-type="outline"]) & hovered': '#purple.16',
+            '([data-type="clear"] | [data-type="outline"]) & pressed': '#purple.10',
+            '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#purple.0',
+        },
+        color: {
+            // default
+            '': '#white',
+            '[data-type="secondary"]': '#purple',
+            '[data-type="clear"] | [data-type="outline"] | [data-type="link"]': '#purple-text',
+            '[data-type="link"] & pressed': '#purple',
+            '[data-type="neutral"]': '#dark.75',
+            '[data-type="neutral"] & hovered': '#dark.75',
+            '[data-type="neutral"] & pressed': '#purple',
+            // other
+            '[disabled]': '#dark.30',
+        },
+    },
+});
+const DangerButtonElement = tasty({
+    'data-theme': 'default',
+    styles: {
+        ...DEFAULT_BUTTON_STYLES,
+        shadow: {
+            '': false,
+            '[data-type="link"]': '0 @border-width 0 0 #danger.20',
+            '[data-type="link"] & (pressed | hovered | [disabled])': '0 0 0 0 #danger.20',
+        },
+        outline: {
+            '': '0 #danger.20',
+            focused: '@outline-width #danger.20',
+        },
+        border: {
+            '': '#clear',
+            '[data-type="primary"] & pressed': '#danger-text',
+            '[data-type="secondary"] & pressed': '#danger.3',
+            '[data-type="outline"]': '#danger-text.3',
+            '([data-type="clear"] | [data-type="outline"]) & pressed': '#danger-text.10',
+            '[data-type="outline"] & pressed': '#danger.3',
+            '[data-type="link"]': '#clear',
+        },
+        fill: {
+            '': '#clear',
+            '[data-type="primary"]': '#danger-text',
+            '[data-type="primary"] & hovered': '#danger-text',
+            '[data-type="primary"] & pressed': '#danger',
+            '[data-type="secondary"]': '#danger.05',
+            '[data-type="secondary"] & hovered': '#danger.1',
+            '[data-type="secondary"] & pressed': '#danger.05',
+            '[data-type="neutral"]': '#dark.0',
+            '[data-type="neutral"] & hovered': '#dark.04',
+            '[data-type="neutral"] & pressed': '#dark.05',
+            '[disabled]': '#dark.04',
+            '[data-type="clear"] | [data-type="outline"]': '#danger.0',
+            '([data-type="clear"] | [data-type="outline"]) & hovered': '#danger.1',
+            '([data-type="clear"] | [data-type="outline"]) & pressed': '#danger.05',
+            '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#danger.0',
+        },
+        color: {
+            '': '#white',
+            '[data-type="neutral"]': '#dark.75',
+            '[data-type="neutral"] & hovered': '#dark.75',
+            '[data-type="secondary"]': '#danger',
+            '[data-type="clear"] | [data-type="outline"] | [data-type="link"]': '#danger-text',
+            '[data-type="link"] & pressed': '#danger',
+            '[data-type="neutral"] & pressed': '#danger',
+            '[disabled]': '#dark.30',
+        },
+    },
+});
+const SpecialButtonElement = tasty({
+    'data-theme': 'default',
+    styles: {
+        ...DEFAULT_BUTTON_STYLES,
+        shadow: {
+            '': false,
+            '[data-type="link"]': '0 @border-width 0 0 #white.44',
+            '[data-type="link"] & (pressed | hovered | [disabled])': '0 0 0 0 #white.44',
+        },
+        outline: {
+            '': '0 #white.44',
+            focused: '@outline-width #white.44',
+            '([data-type="primary"] | [data-type="clear"])': '0 #dark-03.80',
+            '([data-type="primary"] | [data-type="clear"]) & focused': '@outline-width #purple-03.80',
+        },
+        border: {
+            '': '#clear',
+            '[data-type="primary"] & pressed': '#purple-03',
+            '[data-type="secondary"] & pressed': '#white.44',
+            '[data-type="outline"] & !pressed': '#white.44',
+        },
+        fill: {
+            '': '#clear',
+            '[data-type="primary"]': '#purple',
+            '[data-type="primary"] & pressed': '#purple',
+            '[data-type="primary"] & hovered': '#purple-text',
+            '[data-type="secondary"]': '#white.12',
+            '[data-type="secondary"] & hovered': '#white.18',
+            '[data-type="secondary"] & pressed': '#white.12',
+            '[data-type="clear"]': '#white',
+            '[data-type="clear"] & hovered': '#white.94',
+            '[data-type="clear"] & pressed': '#white',
+            '[disabled]': '#white.12',
+            '([data-type="neutral"] | [data-type="outline"])': '#white.0',
+            '([data-type="neutral"] | [data-type="outline"]) & hovered': '#white.18',
+            '([data-type="neutral"] | [data-type="outline"]) & pressed': '#white.18',
+            '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#white.0',
+        },
+        color: {
+            // default
+            '': '#white',
+            '[data-type="neutral"]': '#white.75',
+            '[data-type="neutral"] & hovered': '#white.75',
+            // '[data-type="primary"]': '#white',
+            '[data-type="clear"]': '#purple',
+            // '[data-type="link"] & pressed': '#white',
+            // '[data-type="neutral"] & pressed': '#white',
+            // other
+            '[disabled]': '#white.30',
+        },
+    },
+});
+const ElementMap = {
+    default: DefaultButtonElement,
+    danger: DangerButtonElement,
+    special: SpecialButtonElement,
+};
 export const Button = forwardRef(function Button(allProps, ref) {
     let { type, size, label, styles, children, theme = 'default', icon, rightIcon, mods, ...props } = allProps;
-    const isDisabled = props.isDisabled;
+    const isDisabled = props.isDisabled || props.isLoading;
     const isLoading = props.isLoading;
     const isSelected = props.isSelected;
     if (!children) {
@@ -358,10 +425,6 @@ export const Button = forwardRef(function Button(allProps, ref) {
         }
     }
     children = children || icon || rightIcon ? children : label;
-    styles = useMemo(() => ({
-        ...DEFAULT_BUTTON_STYLES,
-        ...styles,
-    }), [type, theme, styles]);
     if (icon) {
         icon = cloneElement(icon, {
             'data-element': 'ButtonIcon',
@@ -375,13 +438,14 @@ export const Button = forwardRef(function Button(allProps, ref) {
     const singleIcon = !!(((icon && !rightIcon) || (rightIcon && !icon)) &&
         !children);
     const modifiers = useMemo(() => ({
-        disabled: isDisabled,
         loading: isLoading,
         selected: isSelected,
         'single-icon-only': singleIcon,
         ...mods,
     }), [mods, isDisabled, isLoading, isSelected, singleIcon]);
-    return (_jsxs(Action, { as: props.to ? 'a' : undefined, ...props, ref: ref, isDisabled: isLoading || isDisabled, theme: theme, "data-type": type ?? 'secondary', "data-size": size ?? 'medium', mods: modifiers, styles: styles, label: label, children: [icon || isLoading ? !isLoading ? icon : _jsx(LoadingOutlined, {}, void 0) : null, children, rightIcon] }, void 0));
+    const ButtonElement = ElementMap[theme];
+    const { actionProps } = useAction({ ...props, isDisabled, mods: modifiers }, ref);
+    return (_jsxs(ButtonElement, { ...actionProps, "data-theme": theme, "data-type": type ?? 'secondary', "data-size": size ?? 'medium', styles: styles, children: [icon || isLoading ? !isLoading ? icon : _jsx(LoadingOutlined, {}, void 0) : null, children, rightIcon] }, void 0));
 });
 
         

package/es/components/actions/Button/Submit.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * Released under the MIT license.
  */
 

package/es/components/actions/Button/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * Released under the MIT license.
  */
 

package/es/components/actions/ButtonGroup/ButtonGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * Released under the MIT license.
  */
 

package/es/components/actions/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * Released under the MIT license.
  */
 
@@ -10,6 +10,7 @@ import { ButtonGroup } from './ButtonGroup/ButtonGroup';
 const Button = Object.assign(__Button, { Group: ButtonGroup });
 export * from './Button';
 export * from './Action';
+export * from './use-action';
 export { Button, ButtonGroup };
 
         

package/es/components/actions/use-action.js

@@ -0,0 +1,122 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
+ * Released under the MIT license.
+ */
+
+import { useCallback, useContext } from 'react';
+import { useHover } from '@react-aria/interactions';
+import { useButton } from '@react-aria/button';
+import { useFocusableRef } from '@react-spectrum/utils';
+import { UIKitContext } from '../../provider';
+import { mergeProps } from '../../utils/react';
+import { useFocus } from '../../utils/react/interactions';
+import { filterBaseProps } from '../../tasty';
+const FILTER_OPTIONS = { propNames: new Set(['onMouseEnter', 'onMouseLeave']) };
+/**
+ * Helper to open link.
+ * @param {String} href
+ * @param {String|Boolean} [target]
+ */
+export function openLink(href, target) {
+    const link = document.createElement('a');
+    link.href = href;
+    if (target) {
+        link.target = target === true ? '_blank' : target;
+    }
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+}
+export function parseTo(to) {
+    const newTab = to && typeof to === 'string' && to.startsWith('!');
+    const nativeRoute = to && typeof to === 'string' && to.startsWith('@');
+    const href = to && typeof to === 'string'
+        ? newTab || nativeRoute
+            ? to.slice(1)
+            : to
+        : undefined;
+    return {
+        newTab,
+        nativeRoute,
+        href,
+    };
+}
+export function performClickHandler(evt, router, to, onPress) {
+    const { newTab, nativeRoute, href } = parseTo(to);
+    onPress?.(evt);
+    if (!to)
+        return;
+    if (evt.shiftKey || evt.metaKey || newTab) {
+        openLink(href, true);
+        return;
+    }
+    if (nativeRoute) {
+        openLink(href || window.location.href);
+    }
+    else if (href && href.startsWith('#')) {
+        const id = href.slice(1);
+        const element = document.getElementById(id);
+        if (element) {
+            element.scrollIntoView({
+                behavior: 'smooth',
+                block: 'start',
+                inline: 'nearest',
+            });
+            return;
+        }
+    }
+    if (router) {
+        router.push(href);
+    }
+    else if (href) {
+        window.location.href = href;
+    }
+}
+export const useAction = function useAction({ to, as, htmlType, label, mods, onPress, ...props }, ref) {
+    as = to ? 'a' : as || 'button';
+    const router = useContext(UIKitContext).router;
+    const isDisabled = props.isDisabled;
+    const { newTab, href } = parseTo(to);
+    const target = newTab ? '_blank' : undefined;
+    const domRef = useFocusableRef(ref);
+    const customOnPress = useCallback((evt) => {
+        performClickHandler(evt, router, to, onPress);
+    }, [router, to, onPress]);
+    let { buttonProps, isPressed } = useButton({
+        ...props,
+        onPress: customOnPress,
+    }, domRef);
+    let { hoverProps, isHovered } = useHover({ isDisabled });
+    let { focusProps, isFocused } = useFocus({ isDisabled }, true);
+    const customProps = to
+        ? {
+            onClick(evt) {
+                evt.preventDefault();
+            },
+        }
+        : {};
+    return {
+        actionProps: {
+            mods: {
+                hovered: isHovered && !isDisabled,
+                pressed: isPressed && !isDisabled,
+                focused: isFocused && !isDisabled,
+                disabled: isDisabled,
+                ...mods,
+            },
+            'aria-label': label,
+            ...mergeProps(buttonProps, hoverProps, focusProps, customProps, filterBaseProps(props, FILTER_OPTIONS)),
+            ref: domRef,
+            type: htmlType || 'button',
+            rel: as === 'a' && newTab ? 'rel="noopener noreferrer"' : undefined,
+            as,
+            isDisabled,
+            target,
+            href,
+        },
+    };
+};
+
+        

package/es/components/content/ActiveZone/ActiveZone.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * Released under the MIT license.
  */
 

package/es/components/content/Alert/Alert.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * Released under the MIT license.
  */
 

package/es/components/content/Alert/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * Released under the MIT license.
  */
 

package/es/components/content/Alert/use-alert.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * Released under the MIT license.
  */
 

package/es/components/content/Avatar/Avatar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * Released under the MIT license.
  */
 

package/es/components/content/Badge/Badge.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * 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.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * 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.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * 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.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * 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.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * 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.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * 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.0.0-canary-90d250e
+ * @cube-dev/ui-kit v0.0.0-canary-6869af9
  * Released under the MIT license.
  */