@cube-dev/ui-kit 0.0.0-canary-5971971 → 0.0.0-canary-7480fe6

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-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * 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-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * 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-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * 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-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 

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-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 

package/es/components/{organisms → content}/Alert/Alert.js

@@ -1,20 +1,17 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import THEMES from '../../../data/themes';
-import { CONTAINER_STYLES, TEXT_STYLES } from '../../../styles/list';
-import { extractStyles } from '../../../utils/styles';
-import { filterBaseProps } from '../../../utils/filterBaseProps';
-import { tasty } from '../../../tasty';
-const RawAlert = tasty({
-    role: 'alert',
-    qa: 'Alert',
+import { styled } from '../../../styled';
+import { useAlert } from './use-alert';
+const RawAlert = styled({
+    name: 'Alert',
     styles: {
         display: 'block',
         flow: 'column',
@@ -40,13 +37,14 @@ const RawAlert = tasty({
             }, {}),
         },
     },
+    props: {
+        role: 'alert',
+        qa: 'Alert',
+    },
 });
-const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
-export const Alert = forwardRef((allProps, ref) => {
-    let { type, label, isDisabled, ...props } = allProps;
-    type = isDisabled ? 'disabled' : type || 'note';
-    const styles = extractStyles(props, STYLE_LIST);
-    return (_jsx(RawAlert, { ...filterBaseProps(props, { eventProps: true }), "data-type": type, styles: styles, ref: ref }, void 0));
+export const Alert = forwardRef((props, ref) => {
+    const { styles, theme, filteredProps } = useAlert(props);
+    return (_jsx(RawAlert, { ...filteredProps, "data-type": theme, styles: styles, ref: ref }, void 0));
 });
 
         

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

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * Released under the MIT license.
+ */
+
+export * from './Alert';
+
+        

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

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * Released under the MIT license.
+ */
+
+export {};
+
+        

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

@@ -0,0 +1,30 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * Released under the MIT license.
+ */
+
+import { extractStyles } from '../../../utils/styles';
+import { useDeprecationWarning } from '../../../_internal';
+import { CONTAINER_STYLES, TEXT_STYLES } from '../../../styles/list';
+import { filterBaseProps } from '../../../utils/filterBaseProps';
+const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
+export function useAlert(props) {
+    var _a;
+    const { type, isDisabled = false, theme } = props;
+    const styles = extractStyles(props, STYLE_LIST);
+    useDeprecationWarning(typeof type === 'undefined', {
+        property: 'type',
+        name: 'Alert',
+        betterAlternative: 'theme',
+    });
+    const _theme = isDisabled ? 'disabled' : (_a = theme !== null && theme !== void 0 ? theme : type) !== null && _a !== void 0 ? _a : 'note'; //?
+    return {
+        styles,
+        theme: _theme,
+        filteredProps: filterBaseProps(props, { eventProps: true }),
+    };
+}
+
+        

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-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * 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-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
@@ -11,10 +11,10 @@ import THEMES from '../../../data/themes';
 import { CONTAINER_STYLES } from '../../../styles/list';
 import { extractStyles } from '../../../utils/styles';
 import { filterBaseProps } from '../../../utils/filterBaseProps';
-import { tasty } from '../../../tasty';
-const RawBadge = tasty({
-    qa: 'Badge',
-    role: 'region',
+import { styled } from '../../../styled';
+const RawBadge = styled({
+    name: 'Badge',
+    props: { role: 'region' },
     styles: {
         display: 'inline-flex',
         placeContent: 'center',

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-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 

package/es/components/content/Content.js

@@ -1,21 +1,21 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { tasty } from '../../tasty';
+import { styled } from '../../styled';
 import { CONTAINER_STYLES, TEXT_STYLES } from '../../styles/list';
 import { extractStyles } from '../../utils/styles';
 import { filterBaseProps } from '../../utils/filterBaseProps';
 import { useSlotProps } from '../../utils/react';
 const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
-const RawContent = tasty({
-    qa: 'Content',
-    as: 'section',
+const RawContent = styled({
+    name: 'Content',
+    tag: 'section',
     styles: {
         gridArea: 'content',
         preset: 'p3',
@@ -26,6 +26,9 @@ const RawContent = tasty({
         overflow: 'auto',
         styledScrollbar: true,
     },
+    props: {
+        'data-id': 'Content',
+    },
 });
 export const Content = forwardRef((props, ref) => {
     props = useSlotProps(props, 'content');

package/es/components/{organisms → content}/CopySnippet/CopySnippet.js

@@ -1,21 +1,21 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import copy from 'clipboard-copy';
 import { Button } from '../../actions';
-import { Card } from '../../content/Card/Card';
+import { Card } from '../Card/Card';
 import { Grid } from '../../layout/Grid';
-import { tasty } from '../../../tasty';
+import { styled } from '../../../styled';
 import { PrismCode, } from '../../content/PrismCode/PrismCode';
 import { notification } from '../../../services/notification';
 import { CopyOutlined } from '@ant-design/icons';
 import { TooltipTrigger } from '../../overlays/Tooltip/TooltipTrigger';
-import { Action } from '../../actions/Action';
+import { Action } from '../../actions';
 import { Tooltip } from '../../overlays/Tooltip/Tooltip';
 const POSITION_ACTION = {
     position: 'absolute',
@@ -23,7 +23,7 @@ const POSITION_ACTION = {
     top: 0,
     zIndex: 1,
 };
-const StyledBlock = tasty({
+const StyledBlock = styled({
     styles: {
         position: 'relative',
         overflow: {
@@ -44,7 +44,7 @@ const StyledBlock = tasty({
         },
     },
 });
-const ButtonContainer = tasty({
+const ButtonContainer = styled({
     styles: {
         position: 'relative',
         '&::after': {

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

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * Released under the MIT license.
+ */
+
+export * from './CopySnippet';
+
+        

package/es/components/content/Divider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * 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-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
@@ -11,16 +11,18 @@ import { CONTAINER_STYLES, TEXT_STYLES } from '../../styles/list';
 import { extractStyles } from '../../utils/styles';
 import { filterBaseProps } from '../../utils/filterBaseProps';
 import { useSlotProps } from '../../utils/react';
-import { tasty } from '../../tasty';
+import { styled } from '../../styled';
 const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
-const RawFooter = tasty({
-    qa: 'Footer',
-    'data-id': 'Footer',
+const RawFooter = styled({
+    name: 'Footer',
     styles: {
         gridArea: 'footer',
         display: 'block',
         flow: 'column',
     },
+    props: {
+        'data-id': 'Footer',
+    },
 });
 export const Footer = forwardRef((props, ref) => {
     props = useSlotProps(props, 'footer');

package/es/components/content/Header.js

@@ -1,21 +1,22 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { tasty } from '../../tasty';
+import { styled } from '../../styled';
 import { CONTAINER_STYLES, TEXT_STYLES } from '../../styles/list';
 import { extractStyles } from '../../utils/styles';
 import { filterBaseProps } from '../../utils/filterBaseProps';
 import { useSlotProps } from '../../utils/react';
 const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
-const RawHeader = tasty({
-    qa: 'Header',
-    as: 'header',
+const RawHeader = styled({
+    name: 'Header',
+    tag: 'header',
+    props: { 'data-id': 'Header' },
     styles: {
         display: 'block',
         gridArea: 'header',

package/es/components/content/Paragraph.js

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

package/es/components/content/PrismCode/PrismCode.js

@@ -1,20 +1,20 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useEffect } from 'react';
 import Prism from 'prismjs';
-import { tasty } from '../../../tasty';
+import { styled } from '../../../styled';
 import { CONTAINER_STYLES } from '../../../styles/list';
-const RawPre = tasty({
-    as: 'pre',
-    qa: 'CodeBlock',
+const RawPre = styled({
+    name: 'CodeBlock',
+    tag: 'pre',
     styleProps: CONTAINER_STYLES.concat([]),
-    className: 'cube-prism-code',
+    props: { className: 'cube-prism-code' },
     styles: {
         margin: 0,
         Code: {

package/es/components/content/Result/Result.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
@@ -9,14 +9,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useMemo } from 'react';
 import { CheckCircleFilled, CloseCircleFilled, InfoCircleFilled, WarningFilled, } from '@ant-design/icons';
 import { Title } from '../Title';
-import { tasty } from '../../../tasty';
+import { styled } from '../../../styled';
 import { CONTAINER_STYLES } from '../../../styles/list';
 import { filterBaseProps } from '../../../utils/filterBaseProps';
 import { extractStyles } from '../../../utils/styles';
 import { wrapNodeIfPlain } from '../../../utils/react';
-const Container = tasty({
-    qa: 'Result_Container',
-    as: 'section',
+const Container = styled({
+    name: 'ResultContainer',
+    tag: 'section',
     styles: {
         display: 'flex',
         flow: 'column',
@@ -35,7 +35,7 @@ const Container = tasty({
         },
     },
 });
-const IconWrapper = tasty({
+const IconWrapper = styled({
     styles: {
         fontSize: '10x',
     },

package/es/components/content/Skeleton/Skeleton.js

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

package/es/components/content/Tag/Tag.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
@@ -15,10 +15,9 @@ import { Action } from '../../actions/Action';
 import { Suffix } from '../../layout/Suffix';
 import { Block } from '../../Block';
 import { CloseOutlined } from '@ant-design/icons';
-import { tasty } from '../../../tasty';
-const RawTag = tasty({
-    qa: 'Tag',
-    role: 'status',
+import { styled } from '../../../styled';
+const RawTag = styled({
+    name: 'Tag',
     styles: {
         position: 'relative',
         display: 'inline-flex',
@@ -56,34 +55,30 @@ const RawTag = tasty({
             }, {}),
         },
     },
+    props: { role: 'status' },
 });
-const RawContent = tasty(Block, {
-    styles: {
-        width: 'max 100%',
-        textOverflow: 'ellipsis',
-        overflow: 'hidden',
-        pointerEvents: 'none',
-    },
-});
-const CloseAction = tasty(Action, {
-    label: 'Close',
-    styles: {
-        display: 'grid',
-        placeItems: 'center',
-        color: true,
-        placeSelf: 'center',
-        opacity: {
-            '': 0.85,
-            'pressed | hovered': 1,
-        },
-        transition: 'opacity',
-        padding: '0 .5x',
+const DEFAULT_CONTENT_STYLES = {
+    width: 'max 100%',
+    textOverflow: 'ellipsis',
+    overflow: 'hidden',
+    pointerEvents: 'none',
+};
+const DEFAULT_CLOSE_STYLES = {
+    display: 'grid',
+    placeItems: 'center',
+    color: true,
+    placeSelf: 'center',
+    opacity: {
+        '': 0.85,
+        'pressed | hovered': 1,
     },
-});
+    transition: 'opacity',
+    padding: '0 .5x',
+};
 const Tag = (allProps, ref) => {
     let { type, isClosable, onClose, children, ...props } = allProps;
     const styles = extractStyles(props, CONTAINER_STYLES);
-    return (_jsxs(RawTag, { ...filterBaseProps(props, { eventProps: true }), styles: styles, "data-type": type, mods: { closable: isClosable }, ref: ref, children: [_jsx(RawContent, { mods: { closable: isClosable }, children: children }, void 0), isClosable ? (_jsx(Suffix, { outerGap: "0", children: _jsx(CloseAction, { onPress: onClose, children: _jsx(CloseOutlined, { style: {
+    return (_jsxs(RawTag, { ...filterBaseProps(props, { eventProps: true }), styles: styles, "data-type": type, mods: { closable: isClosable }, ref: ref, children: [_jsx(Block, { mods: { closable: isClosable }, styles: DEFAULT_CONTENT_STYLES, children: children }, void 0), isClosable ? (_jsx(Suffix, { outerGap: "0", children: _jsx(Action, { onPress: onClose, styles: DEFAULT_CLOSE_STYLES, label: "Close", children: _jsx(CloseOutlined, { style: {
                             fontSize: 'calc(var(--font-size) - (var(--border-width) * 2))',
                         } }, void 0) }, void 0) }, void 0)) : undefined] }, void 0));
 };

package/es/components/content/Text.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-5971971
+ * @cube-dev/ui-kit v0.0.0-canary-7480fe6
  * Released under the MIT license.
  */
 
@@ -10,49 +10,50 @@ import { forwardRef } from 'react';
 import { BASE_STYLES, COLOR_STYLES, TEXT_STYLES } from '../../styles/list';
 import { extractStyles } from '../../utils/styles';
 import { filterBaseProps } from '../../utils/filterBaseProps';
-import { tasty } from '../../tasty';
+import { styled } from '../../styled';
 import { useSlotProps } from '../../utils/react';
 const STYLE_LIST = [...BASE_STYLES, ...TEXT_STYLES, ...COLOR_STYLES];
+const DEFAULT_STYLES = {
+    display: {
+        '': 'inline',
+        ellipsis: 'block',
+    },
+    margin: '0',
+    whiteSpace: {
+        '': 'inherit',
+        'nowrap | ellipsis': 'nowrap',
+    },
+    textOverflow: {
+        '': false,
+        ellipsis: 'ellipsis',
+    },
+    overflow: {
+        '': false,
+        ellipsis: 'hidden',
+    },
+    width: {
+        '': false,
+        ellipsis: 'max 100%',
+    },
+};
 export const TEXT_PROP_MAP = {
     transform: 'textTransform',
     weight: 'fontWeight',
     italic: 'fontStyle',
 };
-const RawText = tasty({
-    qa: 'Text',
-    as: 'span',
-    styles: {
-        display: {
-            '': 'inline',
-            ellipsis: 'block',
-        },
-        margin: '0',
-        whiteSpace: {
-            '': 'inherit',
-            'nowrap | ellipsis': 'nowrap',
-        },
-        textOverflow: {
-            '': false,
-            ellipsis: 'ellipsis',
-        },
-        overflow: {
-            '': false,
-            ellipsis: 'hidden',
-        },
-        width: {
-            '': false,
-            ellipsis: 'max 100%',
-        },
-    },
+const RawText = styled({
+    name: 'Text',
+    tag: 'span',
+    styles: DEFAULT_STYLES,
 });
 const _Text = forwardRef((allProps, ref) => {
     allProps = useSlotProps(allProps, 'text');
-    const { as, qa, block, styleName, ellipsis, nowrap, ...props } = allProps;
+    const { as, qa, block, styleName, ellipsis, css, nowrap, ...props } = allProps;
     const styles = extractStyles(props, STYLE_LIST, {}, TEXT_PROP_MAP);
     return (_jsx(RawText, { as: as || 'span', qa: qa || 'Text', styleName: styleName, mods: {
             nowrap,
             ellipsis,
-        }, block: !!(block || ellipsis), ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+        }, block: !!(block || ellipsis), css: css, ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 const Text = Object.assign(_Text, {
     Minor: forwardRef(function MinorText(props, ref) {