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

package/cjs/components/forms/Switch/Switch.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -15,13 +15,10 @@ const switch_1 = require("@react-aria/switch");
 const interactions_1 = require("@react-aria/interactions");
 const toggle_1 = require("@react-stately/toggle");
 const provider_1 = require("../../../provider");
-const list_1 = require("../../../styles/list");
-const styles_1 = require("../../../utils/styles");
+const tasty_1 = require("../../../tasty");
 const Base_1 = require("../../Base");
-const interactions_2 = require("../../../utils/interactions");
+const interactions_2 = require("../../../utils/react/interactions");
 const react_2 = require("../../../utils/react");
-const filterBaseProps_1 = require("../../../utils/filterBaseProps");
-const StylesProvider_1 = require("../../../providers/StylesProvider");
 const HiddenInput_1 = require("../../HiddenInput");
 const Label_1 = require("../Label");
 const icons_1 = require("@ant-design/icons");
@@ -80,15 +77,15 @@ function Switch(props, ref) {
     props = (0, Form_1.useFormProps)(props);
     let { qa, isDisabled = false, autoFocus, children, label, extra, labelProps, labelStyles, thumbStyles, isLoading, insideForm, validationState, message, description, labelPosition, inputStyles, requiredMark = true, tooltip, ...otherProps } = props;
     label = label || children;
-    let wrapperContextStyles = (0, StylesProvider_1.useContextStyles)('Switch_Wrapper', props);
-    let inputContextStyles = (0, StylesProvider_1.useContextStyles)('Switch', props);
-    let labelContextStyles = (0, StylesProvider_1.useContextStyles)('Switch_Label', props);
-    let thumbContextStyles = (0, StylesProvider_1.useContextStyles)('Switch_Thumb', props);
-    let styles = (0, styles_1.extractStyles)(props, list_1.OUTER_STYLES, {
+    let wrapperContextStyles = (0, tasty_1.useContextStyles)('Switch_Wrapper', props);
+    let inputContextStyles = (0, tasty_1.useContextStyles)('Switch', props);
+    let labelContextStyles = (0, tasty_1.useContextStyles)('Switch_Label', props);
+    let thumbContextStyles = (0, tasty_1.useContextStyles)('Switch_Thumb', props);
+    let styles = (0, tasty_1.extractStyles)(props, tasty_1.OUTER_STYLES, {
         ...(insideForm ? {} : STYLES),
         ...wrapperContextStyles,
     });
-    inputStyles = (0, styles_1.extractStyles)(props, list_1.BLOCK_STYLES, {
+    inputStyles = (0, tasty_1.extractStyles)(props, tasty_1.BLOCK_STYLES, {
         ...INPUT_STYLES,
         ...inputContextStyles,
         ...(insideForm && labelPosition === 'side'
@@ -142,9 +139,9 @@ function Switch(props, ref) {
                 ref: domRef,
             } }, void 0));
     }
-    return ((0, jsx_runtime_1.jsxs)(Base_1.Base, { as: "label", styles: styles, ...hoverProps, ...(0, filterBaseProps_1.filterBaseProps)(otherProps), ref: domRef, children: [switchField, label && ((0, jsx_runtime_1.jsxs)(Base_1.Base, { styles: labelStyles, mods: {
+    return ((0, jsx_runtime_1.jsxs)(Base_1.Base, { as: "label", styles: styles, ...hoverProps, ...(0, tasty_1.filterBaseProps)(otherProps), ref: domRef, children: [switchField, label && ((0, jsx_runtime_1.jsxs)(Base_1.Base, { styles: labelStyles, mods: {
                     disabled: isDisabled,
-                }, ...(0, filterBaseProps_1.filterBaseProps)(labelProps), children: [label, isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u00A0" }, void 0) : null, (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0)] }, void 0)) : null] }, void 0))] }, void 0));
+                }, ...(0, tasty_1.filterBaseProps)(labelProps), children: [label, isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [label ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u00A0" }, void 0) : null, (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0)] }, void 0)) : null] }, void 0))] }, void 0));
 }
 /**
  * Switches allow users to turn an individual option on or off.

package/cjs/components/forms/TextArea/TextArea.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -32,10 +32,10 @@ function TextArea(props, ref) {
             input.style.height = 'auto';
             input.style.height = input.scrollHeight
                 ? `calc(${input.scrollHeight}px + (2 * var(--border-width)))`
-                : `${parseFloat(computedStyle.paddingTop)
-                    + parseFloat(computedStyle.paddingBottom)
-                    + parseFloat(computedStyle.lineHeight) * (rows || 3)
-                    + 2}px`;
+                : `${parseFloat(computedStyle.paddingTop) +
+                    parseFloat(computedStyle.paddingBottom) +
+                    parseFloat(computedStyle.lineHeight) * (rows || 3) +
+                    2}px`;
             input.style.alignSelf = prevAlignment;
         }
     }, [inputRef]);

package/cjs/components/forms/TextInput/TextInput.js

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -16,12 +16,10 @@ const Form_1 = require("../Form/Form");
 const interactions_1 = require("@react-aria/interactions");
 const provider_1 = require("../../../provider");
 const Base_1 = require("../../Base");
-const styles_1 = require("../../../utils/styles");
-const list_1 = require("../../../styles/list");
-const interactions_2 = require("../../../utils/interactions");
+const tasty_1 = require("../../../tasty");
+const interactions_2 = require("../../../utils/react/interactions");
 const Prefix_1 = require("../../layout/Prefix");
 const Suffix_1 = require("../../layout/Suffix");
-const StylesProvider_1 = require("../../../providers/StylesProvider");
 const FieldWrapper_1 = require("../FieldWrapper");
 const Space_1 = require("../../layout/Space");
 const Block_1 = require("../../Block");
@@ -30,8 +28,8 @@ const WRAPPER_STYLES = {
     display: 'grid',
     position: 'relative',
 };
-const STYLE_LIST = [...list_1.POSITION_STYLES, ...list_1.DIMENSION_STYLES];
-const INPUT_STYLE_PROPS_LIST = [...list_1.BLOCK_STYLES, 'resize'];
+const STYLE_LIST = [...tasty_1.POSITION_STYLES, ...tasty_1.DIMENSION_STYLES];
+const INPUT_STYLE_PROPS_LIST = [...tasty_1.BLOCK_STYLES, 'resize'];
 exports.DEFAULT_INPUT_STYLES = {
     display: 'block',
     width: 'initial 100% initial',
@@ -79,10 +77,10 @@ function TextInputBase(props, ref) {
     let { qa, label, extra, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, necessityLabel, validationState, message, description, prefix, isDisabled, multiLine, autoFocus, labelProps, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, requiredMark = true, tooltip, isHidden, rows = 1, size, ...otherProps } = props;
     let [suffixWidth, setSuffixWidth] = (0, react_1.useState)(0);
     let [prefixWidth, setPrefixWidth] = (0, react_1.useState)(0);
-    let styles = (0, styles_1.extractStyles)(otherProps, STYLE_LIST);
+    let styles = (0, tasty_1.extractStyles)(otherProps, STYLE_LIST);
     let type = otherProps.type;
-    let contextStyles = (0, StylesProvider_1.useContextStyles)('Input', otherProps);
-    inputStyles = (0, styles_1.extractStyles)(otherProps, INPUT_STYLE_PROPS_LIST, {
+    let contextStyles = (0, tasty_1.useContextStyles)('Input', otherProps);
+    inputStyles = (0, tasty_1.extractStyles)(otherProps, INPUT_STYLE_PROPS_LIST, {
         ...exports.DEFAULT_INPUT_STYLES,
         ...contextStyles,
         ...inputStyles,

package/cjs/components/forms/index.js

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

package/cjs/components/layout/Flex.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -11,16 +11,14 @@ exports.Flex = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Base_1 = require("../Base");
-const list_1 = require("../../styles/list");
-const styles_1 = require("../../utils/styles");
-const filterBaseProps_1 = require("../../utils/filterBaseProps");
+const tasty_1 = require("../../tasty");
 const DEFAULT_STYLES = {
     display: 'flex',
     flow: 'row',
 };
 exports.Flex = (0, react_1.forwardRef)((props, ref) => {
-    const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES, DEFAULT_STYLES);
-    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+    const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, DEFAULT_STYLES);
+    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 
         

package/cjs/components/layout/Flow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -11,17 +11,15 @@ exports.Flow = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Base_1 = require("../Base");
-const list_1 = require("../../styles/list");
-const styles_1 = require("../../utils/styles");
-const filterBaseProps_1 = require("../../utils/filterBaseProps");
+const tasty_1 = require("../../tasty");
 const DEFAULT_STYLES = {
     display: 'block',
     flow: 'column',
 };
-const STYLE_PROPS = list_1.CONTAINER_STYLES;
+const STYLE_PROPS = tasty_1.CONTAINER_STYLES;
 exports.Flow = (0, react_1.forwardRef)((props, ref) => {
-    const styles = (0, styles_1.extractStyles)(props, STYLE_PROPS, DEFAULT_STYLES);
-    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+    const styles = (0, tasty_1.extractStyles)(props, STYLE_PROPS, DEFAULT_STYLES);
+    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 
         

package/cjs/components/layout/Grid.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -11,9 +11,7 @@ exports.Grid = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Base_1 = require("../Base");
-const list_1 = require("../../styles/list");
-const styles_1 = require("../../utils/styles");
-const filterBaseProps_1 = require("../../utils/filterBaseProps");
+const tasty_1 = require("../../tasty");
 const DEFAULT_STYLES = {
     display: 'grid',
     flow: 'row',
@@ -26,8 +24,8 @@ const PROP_MAP = {
     areas: 'gridAreas',
 };
 exports.Grid = (0, react_1.forwardRef)((props, ref) => {
-    const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES, DEFAULT_STYLES, PROP_MAP);
-    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+    const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, DEFAULT_STYLES, PROP_MAP);
+    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 
         

package/cjs/components/layout/Prefix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -11,9 +11,7 @@ exports.Prefix = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Base_1 = require("../Base");
-const list_1 = require("../../styles/list");
-const styles_1 = require("../../utils/styles");
-const filterBaseProps_1 = require("../../utils/filterBaseProps");
+const tasty_1 = require("../../tasty");
 const react_2 = require("../../utils/react");
 const DEFAULT_STYLES = {
     position: 'absolute',
@@ -30,16 +28,16 @@ const DEFAULT_STYLES = {
 };
 exports.Prefix = (0, react_1.forwardRef)((allProps, outerRef) => {
     let { onWidthChange, outerGap = '1bw', children, ...props } = allProps;
-    const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES, DEFAULT_STYLES);
+    const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, DEFAULT_STYLES);
     const ref = (0, react_2.useCombinedRefs)(outerRef);
     (0, react_1.useEffect)(() => {
         if ((ref === null || ref === void 0 ? void 0 : ref.current) && onWidthChange) {
             onWidthChange(ref.current.offsetWidth);
         }
     }, [children, ref, onWidthChange]);
-    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, style: {
+    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, style: {
             // @ts-ignore
-            '--prefix-gap': (0, styles_1.parseStyle)(outerGap).value,
+            '--prefix-gap': (0, tasty_1.parseStyle)(outerGap).value,
         }, children: children }, void 0));
 });
 

package/cjs/components/layout/Space.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -11,9 +11,7 @@ exports.Space = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Base_1 = require("../Base");
-const list_1 = require("../../styles/list");
-const styles_1 = require("../../utils/styles");
-const filterBaseProps_1 = require("../../utils/filterBaseProps");
+const tasty_1 = require("../../tasty");
 const DEFAULT_STYLES = {
     display: 'flex',
     gap: true,
@@ -24,12 +22,12 @@ exports.Space = (0, react_1.forwardRef)(function Space(props, ref) {
             ? 'column'
             : 'row'
         : props.flow || 'row';
-    const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES, {
+    const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, {
         ...DEFAULT_STYLES,
         flow,
         alignItems: flow === 'row' ? 'center' : 'stretch',
     });
-    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 
         

package/cjs/components/layout/Suffix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -11,9 +11,7 @@ exports.Suffix = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Base_1 = require("../Base");
-const list_1 = require("../../styles/list");
-const styles_1 = require("../../utils/styles");
-const filterBaseProps_1 = require("../../utils/filterBaseProps");
+const tasty_1 = require("../../tasty");
 const react_2 = require("../../utils/react");
 const DEFAULT_STYLES = {
     position: 'absolute',
@@ -30,15 +28,15 @@ const DEFAULT_STYLES = {
 };
 exports.Suffix = (0, react_1.forwardRef)((allProps, outerRef) => {
     let { onWidthChange, outerGap = '1bw', children, ...props } = allProps;
-    const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES, DEFAULT_STYLES);
+    const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, DEFAULT_STYLES);
     const ref = (0, react_2.useCombinedRefs)(outerRef);
     (0, react_1.useEffect)(() => {
         if (ref && ref.current && onWidthChange) {
             onWidthChange(ref.current.offsetWidth);
         }
     }, [children, ref, onWidthChange]);
-    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, style: {
-            '--suffix-gap': (0, styles_1.parseStyle)(outerGap).value,
+    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, style: {
+            '--suffix-gap': (0, tasty_1.parseStyle)(outerGap).value,
         }, children: children }, void 0));
 });
 

package/cjs/components/navigation/LegacyTabs/LegacyTabs.js

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

package/cjs/components/navigation/Link/Link.js

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

package/cjs/components/organisms/FileTabs/FileTabs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -15,6 +15,7 @@ const Block_1 = require("../../Block");
 const Action_1 = require("../../actions/Action");
 const Space_1 = require("../../layout/Space");
 const Flex_1 = require("../../layout/Flex");
+const tasty_1 = require("../../../tasty");
 const FileTabsContext = (0, react_1.createContext)({
     addTab() { },
     removeTab() { },
@@ -91,13 +92,19 @@ const TABS_CONTAINER_CSS = `
     opacity: 1;
   }
 `;
-const DIRTY_BADGE_CSS = `
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  transition: all .2s linear;
-`;
+const DirtyBadge = (0, tasty_1.tasty)({
+    styles: {
+        position: 'absolute',
+        top: '50%',
+        left: '50%',
+        transform: 'translate(-50%, -50%)',
+        transition: 'all .2s linear',
+        width: '1x',
+        height: '1x',
+        fill: '#dark.30',
+        radius: 'round',
+    },
+});
 const TAB_STYLES = {
     radius: '1r 1r 0 0',
     padding: '1x 1.5x',
@@ -171,7 +178,7 @@ const TAB_CSS = `
   }
 `;
 const Tab = ({ isDirty, isDisabled, children, isClosable, onClose, ...props }) => {
-    return ((0, jsx_runtime_1.jsx)(Action_1.Action, { className: isDirty ? 'file-tab--dirty' : '', css: TAB_CSS, styles: TAB_STYLES, isDisabled: isDisabled, ...props, children: (0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: ".75x", children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { children: children }, void 0), (isClosable || isDirty) && ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { placeItems: "center", style: { position: 'relative' }, children: [isClosable ? ((0, jsx_runtime_1.jsx)(Action_1.Action, { onPress: onClose, className: "file-tab-close", styles: CLOSE_STYLES, children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, {}, void 0) }, void 0)) : ((0, jsx_runtime_1.jsx)("div", {}, void 0)), isDirty ? ((0, jsx_runtime_1.jsx)(Block_1.Block, { className: "file-tab-dirty-badge", css: DIRTY_BADGE_CSS, width: "1x", height: "1x", fill: "#dark.30", radius: "round" }, void 0)) : null] }, void 0))] }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(Action_1.Action, { className: isDirty ? 'file-tab--dirty' : '', css: TAB_CSS, styles: TAB_STYLES, isDisabled: isDisabled, ...props, children: (0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: ".75x", children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { children: children }, void 0), (isClosable || isDirty) && ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { placeItems: "center", style: { position: 'relative' }, children: [isClosable ? ((0, jsx_runtime_1.jsx)(Action_1.Action, { onPress: onClose, className: "file-tab-close", styles: CLOSE_STYLES, children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, {}, void 0) }, void 0)) : ((0, jsx_runtime_1.jsx)("div", {}, void 0)), isDirty ? (0, jsx_runtime_1.jsx)(DirtyBadge, { className: "file-tab-dirty-badge" }, void 0) : null] }, void 0))] }, void 0) }, void 0));
 };
 function FileTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, isClosable = true, children, ...props }) {
     const tabsRef = (0, react_1.useRef)(null);

package/cjs/components/organisms/Modal/Modal.js

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

package/cjs/components/organisms/StatsCard/StatsCard.js

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

package/cjs/components/other/Base64Upload/Base64Upload.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -17,9 +17,7 @@ const actions_1 = require("../../actions");
 const Block_1 = require("../../Block");
 const Text_1 = require("../../content/Text");
 const styled_components_1 = __importDefault(require("styled-components"));
-const styles_1 = require("../../../utils/styles");
-const list_1 = require("../../../styles/list");
-const filterBaseProps_1 = require("../../../utils/filterBaseProps");
+const tasty_1 = require("../../../tasty");
 const DEFAULT_STYLES = {
     display: 'inline-flex',
     padding: '.75x 1x',
@@ -32,7 +30,7 @@ const DEFAULT_STYLES = {
 };
 exports.Base64Upload = (0, styled_components_1.default)((0, react_1.forwardRef)((allProps, ref) => {
     const { onInput, ...props } = allProps;
-    const styles = (0, styles_1.extractStyles)(props, list_1.POSITION_STYLES, DEFAULT_STYLES);
+    const styles = (0, tasty_1.extractStyles)(props, tasty_1.POSITION_STYLES, DEFAULT_STYLES);
     const [file, setFile] = (0, react_1.useState)();
     const [error, setError] = (0, react_1.useState)('');
     function onInputFile(e) {
@@ -76,7 +74,7 @@ exports.Base64Upload = (0, styled_components_1.default)((0, react_1.forwardRef)(
             setError('Invalid file');
         }
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(actions_1.Button, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { radius: "round", fill: "#purple.10", color: "#dark-02", padding: ".5x 1x", children: "Choose file" }, void 0), (0, jsx_runtime_1.jsx)(Block_1.Block, { color: "#dark-04", children: file || 'No file selected' }, void 0), (0, jsx_runtime_1.jsx)("input", { type: "file", name: "base64", onInput: onInputFile, accept: ".json" }, void 0)] }, void 0), error && (0, jsx_runtime_1.jsx)(Text_1.Text.Danger, { color: "danger", children: error }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(actions_1.Button, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref, children: [(0, jsx_runtime_1.jsx)(Block_1.Block, { radius: "round", fill: "#purple.10", color: "#dark-02", padding: ".5x 1x", children: "Choose file" }, void 0), (0, jsx_runtime_1.jsx)(Block_1.Block, { color: "#dark-04", children: file || 'No file selected' }, void 0), (0, jsx_runtime_1.jsx)("input", { type: "file", name: "base64", onInput: onInputFile, accept: ".json" }, void 0)] }, void 0), error && (0, jsx_runtime_1.jsx)(Text_1.Text.Danger, { color: "danger", children: error }, void 0)] }, void 0));
 })) `
   appearance: none;
   cursor: pointer;

package/cjs/components/other/CloudLogo/CloudLogo.js

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

package/cjs/components/overlays/AlertDialog/AlertDialog.js

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

package/cjs/components/overlays/AlertDialog/AlertDialogApiProvider.js

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

package/cjs/components/overlays/AlertDialog/AlertDialogZone.js

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

package/cjs/components/overlays/AlertDialog/index.js

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

package/cjs/components/overlays/AlertDialog/types.js

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

package/cjs/components/overlays/Dialog/Dialog.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
+ * @cube-dev/ui-kit v0.0.0-canary-4e595be
  * Released under the MIT license.
  */
 
@@ -19,11 +19,9 @@ const dialog_1 = require("@react-aria/dialog");
 const i18n_1 = require("@react-aria/i18n");
 const Base_1 = require("../../Base");
 const icons_1 = require("@ant-design/icons");
-const styles_1 = require("../../../utils/styles");
-const list_1 = require("../../../styles/list");
+const tasty_1 = require("../../../tasty");
 const react_2 = require("../../../utils/react");
-const StylesProvider_1 = require("../../../providers/StylesProvider");
-const STYLES_LIST = [...list_1.BASE_STYLES, ...list_1.DIMENSION_STYLES, ...list_1.BLOCK_STYLES];
+const STYLES_LIST = [...tasty_1.BASE_STYLES, ...tasty_1.DIMENSION_STYLES, ...tasty_1.BLOCK_STYLES];
 const DEFAULT_STYLES = {
     pointerEvents: 'auto',
     position: 'relative',
@@ -106,8 +104,8 @@ function Dialog(props, ref) {
     size = sizeMap[size.toUpperCase()] || size;
     const styles = {
         ...DEFAULT_STYLES,
-        ...(0, StylesProvider_1.useContextStyles)('Dialog', props),
-        ...(0, styles_1.extractStyles)(otherProps, STYLES_LIST),
+        ...(0, tasty_1.useContextStyles)('Dialog', props),
+        ...(0, tasty_1.extractStyles)(otherProps, STYLES_LIST),
         '@dialog-size': `${sizePxMap[size] || 288}px`,
     };
     let formatMessage = (0, i18n_1.useMessageFormatter)(intlMessages);

package/cjs/components/overlays/Dialog/DialogContainer.js

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

package/cjs/components/overlays/Dialog/DialogForm.js

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