@cube-dev/ui-kit 0.0.0-canary-dfe4967 → 0.0.0-canary-c56f761

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-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * 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 { styled } from '../../../styled';
+import { tasty } from '../../../tasty';
 import { CONTAINER_STYLES } from '../../../styles/list';
 import { filterBaseProps } from '../../../utils/filterBaseProps';
 import { extractStyles } from '../../../utils/styles';
 import { wrapNodeIfPlain } from '../../../utils/react';
-const Container = styled({
-    name: 'ResultContainer',
-    tag: 'section',
+const Container = tasty({
+    qa: 'Result_Container',
+    as: 'section',
     styles: {
         display: 'flex',
         flow: 'column',
@@ -35,7 +35,7 @@ const Container = styled({
         },
     },
 });
-const IconWrapper = styled({
+const IconWrapper = tasty({
     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-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * 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-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 
@@ -15,9 +15,10 @@ import { Action } from '../../actions/Action';
 import { Suffix } from '../../layout/Suffix';
 import { Block } from '../../Block';
 import { CloseOutlined } from '@ant-design/icons';
-import { styled } from '../../../styled';
-const RawTag = styled({
-    name: 'Tag',
+import { tasty } from '../../../tasty';
+const RawTag = tasty({
+    qa: 'Tag',
+    role: 'status',
     styles: {
         position: 'relative',
         display: 'inline-flex',
@@ -55,30 +56,34 @@ const RawTag = styled({
             }, {}),
         },
     },
-    props: { role: 'status' },
 });
-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,
+const RawContent = tasty(Block, {
+    styles: {
+        width: 'max 100%',
+        textOverflow: 'ellipsis',
+        overflow: 'hidden',
+        pointerEvents: 'none',
     },
-    transition: 'opacity',
-    padding: '0 .5x',
-};
+});
+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 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(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: {
+    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: {
                             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-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 
@@ -10,50 +10,49 @@ 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 { styled } from '../../styled';
+import { tasty } from '../../tasty';
 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 = styled({
-    name: 'Text',
-    tag: 'span',
-    styles: DEFAULT_STYLES,
+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 _Text = forwardRef((allProps, ref) => {
     allProps = useSlotProps(allProps, 'text');
-    const { as, qa, block, styleName, ellipsis, css, nowrap, ...props } = allProps;
+    const { as, qa, block, styleName, ellipsis, 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), css: css, ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+        }, block: !!(block || ellipsis), ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 const Text = Object.assign(_Text, {
     Minor: forwardRef(function MinorText(props, ref) {

package/es/components/content/Title.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 
@@ -12,36 +12,32 @@ import { CONTAINER_STYLES, TEXT_STYLES } from '../../styles/list';
 import { extractStyles } from '../../utils/styles';
 import { filterBaseProps } from '../../utils/filterBaseProps';
 import { useSlotProps } from '../../utils/react';
-import { styled } from '../../styled';
-const DEFAULT_STYLES = {
-    gridArea: 'heading',
-    display: 'block',
-    color: '#dark',
-    preset: {
-        '': 'h6m',
-        '[data-level="1"]': 'h1',
-        '[data-level="2"]': 'h2',
-        '[data-level="3"]': 'h3',
-        '[data-level="4"]': 'h4',
-        '[data-level="5"]': 'h5',
-        '[data-level="6"]': 'h6',
-    },
-    margin: '0',
-    whiteSpace: {
-        '': 'initial',
-        'nowrap | ellipsis': 'nowrap',
-    },
-    textOverflow: 'ellipsis',
-    overflow: 'hidden',
-    width: 'max 100%',
-};
+import { tasty } from '../../tasty';
 const STYLE_LIST = [...TEXT_STYLES, ...CONTAINER_STYLES];
-const RawTitle = styled({
-    name: 'Title',
-    tag: 'h1',
-    styles: DEFAULT_STYLES,
-    props: {
-        'data-qa': 'Title',
+const RawTitle = tasty({
+    qa: 'Title',
+    as: 'h1',
+    styles: {
+        gridArea: 'heading',
+        display: 'block',
+        color: '#dark',
+        preset: {
+            '': 'h6m',
+            '[data-level="1"]': 'h1',
+            '[data-level="2"]': 'h2',
+            '[data-level="3"]': 'h3',
+            '[data-level="4"]': 'h4',
+            '[data-level="5"]': 'h5',
+            '[data-level="6"]': 'h6',
+        },
+        margin: '0',
+        whiteSpace: {
+            '': 'initial',
+            'nowrap | ellipsis': 'nowrap',
+        },
+        textOverflow: 'ellipsis',
+        overflow: 'hidden',
+        width: 'max 100%',
     },
 });
 const _Title = forwardRef(({ qa, as, styleName, inline, nowrap, ellipsis, level, ...props }, ref) => {

package/es/components/forms/Checkbox/Checkbox.js

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

package/es/components/forms/Checkbox/CheckboxGroup.js

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

package/es/components/forms/Checkbox/context.js

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

package/es/components/forms/FieldWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 
@@ -14,11 +14,9 @@ import { Paragraph } from '../content/Paragraph';
 import { TooltipProvider } from '../overlays/Tooltip/TooltipProvider';
 import { InfoCircleOutlined } from '@ant-design/icons';
 import { wrapNodeIfPlain } from '../../utils/react';
-import { styled } from '../../styled';
-const RawField = styled({
-    props: {
-        qa: 'Field',
-    },
+import { tasty } from '../../tasty';
+const RawField = tasty({
+    qa: 'Field',
     styles: {
         display: 'grid',
         gridColumns: {
@@ -47,10 +45,8 @@ const RawField = styled({
         },
     },
 });
-const RawMessage = styled({
-    props: {
-        qa: 'Field_Message',
-    },
+const RawMessage = tasty({
+    qa: 'Field_Message',
     styles: {
         preset: 'default',
         color: {

package/es/components/forms/FileInput/FileInput.js

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

package/es/components/forms/Form/Field.js

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

package/es/components/forms/Form/Form.js

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

package/es/components/forms/Form/index.js

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

package/es/components/forms/Form/useForm.js

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

package/es/components/forms/Form/validation.js

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

package/es/components/forms/Label.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 
@@ -11,9 +11,9 @@ import { forwardRef } from 'react';
 import { useProviderProps } from '../../provider';
 import { extractStyles } from '../../utils/styles';
 import { CONTAINER_STYLES } from '../../styles/list';
-import { Base } from '../Base';
 import { useContextStyles } from '../../providers/StylesProvider';
 import { filterBaseProps } from '../../utils/filterBaseProps';
+import { tasty } from '../../tasty';
 const REQUIRED_ICON = (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0px", y: "0px", viewBox: "0 0 100 125", style: {
         // @ts-ignore
         enableBackground: 'new 0 0 100 100',
@@ -54,15 +54,17 @@ export const LABEL_STYLES = {
         side: '@(label-width, initial)',
     },
 };
+const RawLabel = tasty({
+    as: 'label',
+    qa: 'Label',
+    styles: LABEL_STYLES,
+});
 function Label(props, ref) {
     props = useProviderProps(props);
     let { as, qa, children, labelPosition = 'top', isRequired, necessityIndicator = isRequired != null ? 'icon' : null, includeNecessityIndicatorInAccessibilityName = false, htmlFor, isDisabled, validationState, for: labelFor, onClick, ...otherProps } = props;
     let domRef = useDOMRef(ref);
     const contextStyles = useContextStyles('Label', otherProps);
-    const styles = extractStyles(otherProps, CONTAINER_STYLES, {
-        ...LABEL_STYLES,
-        ...contextStyles,
-    });
+    const styles = extractStyles(otherProps, CONTAINER_STYLES, contextStyles || {});
     let formatMessage = (message) => INTL_MESSAGES[message];
     let necessityLabel = isRequired
         ? formatMessage('(required)')
@@ -70,14 +72,14 @@ function Label(props, ref) {
     let icon = (_jsx("span", { "aria-label": includeNecessityIndicatorInAccessibilityName
             ? formatMessage('(required)')
             : undefined, children: REQUIRED_ICON }, void 0));
-    return (_jsx(Base, { as: as || 'label', qa: qa || 'Label', ...filterBaseProps(otherProps), onClick: onClick, ref: domRef, styles: styles, htmlFor: labelFor || htmlFor, mods: {
+    return (_jsx(RawLabel, { ...filterBaseProps(otherProps), onClick: onClick, ref: domRef, styles: styles, htmlFor: labelFor || htmlFor, mods: {
             side: labelPosition === 'side',
             disabled: isDisabled,
             invalid: validationState === 'invalid',
             valid: validationState === 'valid',
-        }, children: typeof children !== 'string' ? (children) : (_jsxs(_Fragment, { children: [children, (necessityIndicator === 'label'
-                    || (necessityIndicator === 'icon' && isRequired))
-                    && ' \u200b', necessityIndicator === 'label' && (_jsx("span", { "aria-hidden": !includeNecessityIndicatorInAccessibilityName
+        }, children: typeof children !== 'string' ? (children) : (_jsxs(_Fragment, { children: [children, (necessityIndicator === 'label' ||
+                    (necessityIndicator === 'icon' && isRequired)) &&
+                    ' \u200b', necessityIndicator === 'label' && (_jsx("span", { "aria-hidden": !includeNecessityIndicatorInAccessibilityName
                         ? isRequired
                         : undefined, children: necessityLabel }, void 0)), necessityIndicator === 'icon' && isRequired && icon] }, void 0)) }, void 0));
 }

package/es/components/forms/NumberInput/NumberInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-dfe4967
+ * @cube-dev/ui-kit v0.0.0-canary-c56f761
  * Released under the MIT license.
  */
 
@@ -14,9 +14,9 @@ import { TextInputBase, } from '../TextInput/TextInputBase';
 import { useNumberFieldState } from '@react-stately/numberfield';
 import { useNumberField } from '@react-aria/numberfield';
 import { StepButton } from './StepButton';
-import { styled } from '../../../styled';
+import { tasty } from '../../../tasty';
 import { castNullableNumberValue, } from '../../../utils/react/nullableValue';
-const StepperContainer = styled({
+const StepperContainer = tasty({
     styles: {
         display: 'grid',
         gridColumns: '1fr',

package/es/components/forms/NumberInput/StepButton.js

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

package/es/components/forms/PasswordInput/PasswordInput.js

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

package/es/components/forms/RadioGroup/Radio.js

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

package/es/components/forms/RadioGroup/RadioGroup.js

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

package/es/components/forms/RadioGroup/context.js

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

package/es/components/forms/SearchInput/SearchInput.js

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

package/es/components/forms/Switch/Switch.js

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

package/es/components/forms/TextArea/TextArea.js

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

package/es/components/forms/TextInput/TextInput.js

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

package/es/components/forms/TextInput/TextInputBase.js

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

package/es/components/forms/index.js

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

package/es/components/layout/Flex.js

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

package/es/components/layout/Flow.js

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

package/es/components/layout/Grid.js

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

package/es/components/layout/Prefix.js

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

package/es/components/layout/Space.js

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