@cube-dev/ui-kit 0.0.0-canary-00505d5 → 0.0.0-canary-5bf7ae4

package/cjs/components/content/Content.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -11,11 +11,8 @@ exports.Content = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const tasty_1 = require("../../tasty");
-const list_1 = require("../../tasty/styles/list");
-const styles_1 = require("../../tasty/utils/styles");
-const filterBaseProps_1 = require("../../tasty/utils/filterBaseProps");
 const react_2 = require("../../utils/react");
-const STYLE_LIST = [...list_1.CONTAINER_STYLES, ...list_1.TEXT_STYLES];
+const STYLE_LIST = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
 const RawContent = (0, tasty_1.tasty)({
     qa: 'Content',
     as: 'section',
@@ -32,8 +29,8 @@ const RawContent = (0, tasty_1.tasty)({
 });
 exports.Content = (0, react_1.forwardRef)((props, ref) => {
     props = (0, react_2.useSlotProps)(props, 'content');
-    const styles = (0, styles_1.extractStyles)(props, STYLE_LIST);
-    return ((0, jsx_runtime_1.jsx)(RawContent, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+    const styles = (0, tasty_1.extractStyles)(props, STYLE_LIST);
+    return ((0, jsx_runtime_1.jsx)(RawContent, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -14,14 +14,13 @@ exports.CopySnippet = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clipboard_copy_1 = __importDefault(require("clipboard-copy"));
 const actions_1 = require("../../actions");
-const Card_1 = require("../../content/Card/Card");
+const Card_1 = require("../Card/Card");
 const Grid_1 = require("../../layout/Grid");
 const tasty_1 = require("../../../tasty");
 const PrismCode_1 = require("../../content/PrismCode/PrismCode");
 const notification_1 = require("../../../services/notification");
 const icons_1 = require("@ant-design/icons");
 const TooltipTrigger_1 = require("../../overlays/Tooltip/TooltipTrigger");
-const Action_1 = require("../../actions/Action");
 const Tooltip_1 = require("../../overlays/Tooltip/Tooltip");
 const POSITION_ACTION = {
     position: 'absolute',
@@ -103,7 +102,7 @@ function CopySnippet(allProps) {
                         },
                     }, style: POSITION_ACTION, onPress: onCopy, icon: (0, jsx_runtime_1.jsx)(icons_1.CopyOutlined, {}, void 0) }, void 0)] }, void 0) }, void 0));
     if (showTooltip) {
-        return ((0, jsx_runtime_1.jsxs)(TooltipTrigger_1.TooltipTrigger, { children: [(0, jsx_runtime_1.jsx)(Action_1.Action, { styles: { display: 'block', cursor: 'default', width: '100%' }, children: Snippet }, void 0), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { children: formattedCode }, void 0)] }, void 0));
+        return ((0, jsx_runtime_1.jsxs)(TooltipTrigger_1.TooltipTrigger, { children: [(0, jsx_runtime_1.jsx)(actions_1.Action, { styles: { display: 'block', cursor: 'default', width: '100%' }, children: Snippet }, void 0), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { children: formattedCode }, void 0)] }, void 0));
     }
     return Snippet;
 }

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

@@ -0,0 +1,22 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CopySnippet"), exports);
+
+        

package/cjs/components/content/Divider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -11,11 +11,9 @@ exports.Divider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Base_1 = require("../Base");
-const list_1 = require("../../tasty/styles/list");
-const styles_1 = require("../../tasty/utils/styles");
-const filterBaseProps_1 = require("../../tasty/utils/filterBaseProps");
+const tasty_1 = require("../../tasty");
 const react_2 = require("../../utils/react");
-const STYLE_LIST = [...list_1.OUTER_STYLES, ...list_1.BASE_STYLES, ...list_1.COLOR_STYLES];
+const STYLE_LIST = [...tasty_1.OUTER_STYLES, ...tasty_1.BASE_STYLES, ...tasty_1.COLOR_STYLES];
 const DEFAULT_STYLES = {
     gridArea: 'divider',
     display: {
@@ -43,11 +41,11 @@ const DEFAULT_STYLES = {
 };
 exports.Divider = (0, react_1.forwardRef)((props, ref) => {
     const { mods, children, ...otherProps } = (0, react_2.useSlotProps)(props, 'divider');
-    const styles = (0, styles_1.extractStyles)(otherProps, STYLE_LIST, DEFAULT_STYLES);
+    const styles = (0, tasty_1.extractStyles)(otherProps, STYLE_LIST, DEFAULT_STYLES);
     return ((0, jsx_runtime_1.jsx)(Base_1.Base, { as: children ? 'div' : 'hr', role: children ? 'separator' : undefined, mods: {
             text: !!children,
             ...mods,
-        }, "data-id": "Divider", ...(0, filterBaseProps_1.filterBaseProps)(otherProps, { eventProps: true }), styles: styles, ref: ref, children: children && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Line" }, void 0), (0, jsx_runtime_1.jsx)("div", { children: children }, void 0), (0, jsx_runtime_1.jsx)("div", { "data-element": "Line" }, void 0)] }, void 0)) }, void 0));
+        }, "data-id": "Divider", ...(0, tasty_1.filterBaseProps)(otherProps, { eventProps: true }), styles: styles, ref: ref, children: children && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Line" }, void 0), (0, jsx_runtime_1.jsx)("div", { children: children }, void 0), (0, jsx_runtime_1.jsx)("div", { "data-element": "Line" }, void 0)] }, void 0)) }, void 0));
 });
 
         

package/cjs/components/content/Footer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -10,12 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Footer = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const list_1 = require("../../tasty/styles/list");
-const styles_1 = require("../../tasty/utils/styles");
-const filterBaseProps_1 = require("../../tasty/utils/filterBaseProps");
-const react_2 = require("../../utils/react");
 const tasty_1 = require("../../tasty");
-const STYLE_LIST = [...list_1.CONTAINER_STYLES, ...list_1.TEXT_STYLES];
+const react_2 = require("../../utils/react");
+const STYLE_LIST = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
 const RawFooter = (0, tasty_1.tasty)({
     qa: 'Footer',
     'data-id': 'Footer',
@@ -27,8 +24,8 @@ const RawFooter = (0, tasty_1.tasty)({
 });
 exports.Footer = (0, react_1.forwardRef)((props, ref) => {
     props = (0, react_2.useSlotProps)(props, 'footer');
-    const styles = (0, styles_1.extractStyles)(props, STYLE_LIST);
-    return ((0, jsx_runtime_1.jsx)(RawFooter, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+    const styles = (0, tasty_1.extractStyles)(props, STYLE_LIST);
+    return ((0, jsx_runtime_1.jsx)(RawFooter, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 
         

package/cjs/components/content/Header.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -11,11 +11,8 @@ exports.Header = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const tasty_1 = require("../../tasty");
-const list_1 = require("../../tasty/styles/list");
-const styles_1 = require("../../tasty/utils/styles");
-const filterBaseProps_1 = require("../../tasty/utils/filterBaseProps");
 const react_2 = require("../../utils/react");
-const STYLE_LIST = [...list_1.CONTAINER_STYLES, ...list_1.TEXT_STYLES];
+const STYLE_LIST = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
 const RawHeader = (0, tasty_1.tasty)({
     qa: 'Header',
     as: 'header',
@@ -27,8 +24,8 @@ const RawHeader = (0, tasty_1.tasty)({
 });
 exports.Header = (0, react_1.forwardRef)((props, ref) => {
     props = (0, react_2.useSlotProps)(props, 'header');
-    const styles = (0, styles_1.extractStyles)(props, STYLE_LIST);
-    return ((0, jsx_runtime_1.jsx)(RawHeader, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+    const styles = (0, tasty_1.extractStyles)(props, STYLE_LIST);
+    return ((0, jsx_runtime_1.jsx)(RawHeader, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 
         

package/cjs/components/content/Paragraph.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -11,16 +11,15 @@ exports.Paragraph = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Text_1 = require("./Text");
-const list_1 = require("../../tasty/styles/list");
-const styles_1 = require("../../tasty/utils/styles");
+const tasty_1 = require("../../tasty");
 const DEFAULT_STYLES = {
     preset: 'p3',
     color: '#dark.75',
     display: 'block',
 };
-const STYLE_PROPS = [...list_1.CONTAINER_STYLES, ...list_1.TEXT_STYLES];
+const STYLE_PROPS = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
 exports.Paragraph = (0, react_1.forwardRef)((props, ref) => {
-    const styles = (0, styles_1.extractStyles)(props, STYLE_PROPS, DEFAULT_STYLES);
+    const styles = (0, tasty_1.extractStyles)(props, STYLE_PROPS, DEFAULT_STYLES);
     return (0, jsx_runtime_1.jsx)(Text_1.Text, { as: "p", qa: "Paragraph", ...props, styles: styles, ref: ref }, void 0);
 });
 

package/cjs/components/content/Placeholder/Placeholder.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -11,9 +11,7 @@ exports.Placeholder = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Base_1 = require("../../Base");
-const list_1 = require("../../../tasty/styles/list");
-const styles_1 = require("../../../tasty/utils/styles");
-const filterBaseProps_1 = require("../../../tasty/utils/filterBaseProps");
+const tasty_1 = require("../../../tasty");
 const DEFAULT_STYLES = {
     display: 'block',
     fill: '#dark.10',
@@ -39,13 +37,13 @@ const CSS = `
 `;
 exports.Placeholder = (0, react_1.forwardRef)((allProps, ref) => {
     let { size = '2x', circle, ...props } = allProps;
-    const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES, {
+    const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES, {
         ...DEFAULT_STYLES,
         height: size,
         width: circle ? size : false,
         radius: circle ? '9999rem' : '1r',
     });
-    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { role: "region", css: CSS, ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+    return ((0, jsx_runtime_1.jsx)(Base_1.Base, { role: "region", css: CSS, ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 
         

package/cjs/components/content/PrismCode/PrismCode.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -15,11 +15,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const prismjs_1 = __importDefault(require("prismjs"));
 const tasty_1 = require("../../../tasty");
-const list_1 = require("../../../tasty/styles/list");
 const RawPre = (0, tasty_1.tasty)({
     as: 'pre',
     qa: 'CodeBlock',
-    styleProps: list_1.CONTAINER_STYLES.concat([]),
+    styleProps: tasty_1.CONTAINER_STYLES.concat([]),
     className: 'cube-prism-code',
     styles: {
         margin: 0,

package/cjs/components/content/Result/Result.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -13,9 +13,6 @@ const react_1 = require("react");
 const icons_1 = require("@ant-design/icons");
 const Title_1 = require("../Title");
 const tasty_1 = require("../../../tasty");
-const list_1 = require("../../../tasty/styles/list");
-const filterBaseProps_1 = require("../../../tasty/utils/filterBaseProps");
-const styles_1 = require("../../../tasty/utils/styles");
 const react_2 = require("../../../utils/react");
 const Container = (0, tasty_1.tasty)({
     qa: 'Result_Container',
@@ -97,8 +94,8 @@ function Result(props, ref) {
             : statusIconMap.info;
         return ((0, jsx_runtime_1.jsx)(IconWrapper, { "data-element": "IconWrapper", styles: { color }, children: (0, jsx_runtime_1.jsx)(Component, { "data-element": "Icon" }, void 0) }, void 0));
     }, [icon, status]);
-    const styles = (0, styles_1.extractStyles)(otherProps, list_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsxs)(Container, { ...(0, filterBaseProps_1.filterBaseProps)(otherProps, { eventProps: true }), ref: ref, styles: styles, children: [iconNode, (title || subtitle) && ((0, jsx_runtime_1.jsxs)("div", { "data-element": "Title", children: [(0, react_2.wrapNodeIfPlain)(title, () => ((0, jsx_runtime_1.jsx)(Title_1.Title, { level: 2, preset: "h4", children: title }, void 0))), (0, react_2.wrapNodeIfPlain)(subtitle, () => ((0, jsx_runtime_1.jsx)(Title_1.Title, { level: 3, preset: "h5m", children: subtitle }, void 0)))] }, void 0)), children && (0, jsx_runtime_1.jsx)("div", { "data-element": "Content", children: children }, void 0)] }, void 0));
+    const styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES);
+    return ((0, jsx_runtime_1.jsxs)(Container, { ...(0, tasty_1.filterBaseProps)(otherProps, { eventProps: true }), ref: ref, styles: styles, children: [iconNode, (title || subtitle) && ((0, jsx_runtime_1.jsxs)("div", { "data-element": "Title", children: [(0, react_2.wrapNodeIfPlain)(title, () => ((0, jsx_runtime_1.jsx)(Title_1.Title, { level: 2, preset: "h4", children: title }, void 0))), (0, react_2.wrapNodeIfPlain)(subtitle, () => ((0, jsx_runtime_1.jsx)(Title_1.Title, { level: 3, preset: "h5m", children: subtitle }, void 0)))] }, void 0)), children && (0, jsx_runtime_1.jsx)("div", { "data-element": "Content", children: children }, void 0)] }, void 0));
 }
 const _Result = (0, react_1.forwardRef)(Result);
 exports.Result = _Result;

package/cjs/components/content/Skeleton/Skeleton.js

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

package/cjs/components/content/Tag/Tag.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -14,14 +14,11 @@ exports.Tag = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const themes_1 = __importDefault(require("../../../data/themes"));
-const list_1 = require("../../../tasty/styles/list");
-const styles_1 = require("../../../tasty/utils/styles");
-const filterBaseProps_1 = require("../../../tasty/utils/filterBaseProps");
+const tasty_1 = require("../../../tasty");
 const Action_1 = require("../../actions/Action");
 const Suffix_1 = require("../../layout/Suffix");
 const Block_1 = require("../../Block");
 const icons_1 = require("@ant-design/icons");
-const tasty_1 = require("../../../tasty");
 const RawTag = (0, tasty_1.tasty)({
     qa: 'Tag',
     role: 'status',
@@ -88,8 +85,8 @@ const CloseAction = (0, tasty_1.tasty)(Action_1.Action, {
 });
 const Tag = (allProps, ref) => {
     let { type, isClosable, onClose, children, ...props } = allProps;
-    const styles = (0, styles_1.extractStyles)(props, list_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsxs)(RawTag, { ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, "data-type": type, mods: { closable: isClosable }, ref: ref, children: [(0, jsx_runtime_1.jsx)(RawContent, { mods: { closable: isClosable }, children: children }, void 0), isClosable ? ((0, jsx_runtime_1.jsx)(Suffix_1.Suffix, { outerGap: "0", children: (0, jsx_runtime_1.jsx)(CloseAction, { onPress: onClose, children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, { style: {
+    const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
+    return ((0, jsx_runtime_1.jsxs)(RawTag, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, "data-type": type, mods: { closable: isClosable }, ref: ref, children: [(0, jsx_runtime_1.jsx)(RawContent, { mods: { closable: isClosable }, children: children }, void 0), isClosable ? ((0, jsx_runtime_1.jsx)(Suffix_1.Suffix, { outerGap: "0", children: (0, jsx_runtime_1.jsx)(CloseAction, { onPress: onClose, children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, { style: {
                             fontSize: 'calc(var(--font-size) - (var(--border-width) * 2))',
                         } }, void 0) }, void 0) }, void 0)) : undefined] }, void 0));
 };

package/cjs/components/content/Text.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -10,12 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Text = exports.TEXT_PROP_MAP = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const list_1 = require("../../tasty/styles/list");
-const styles_1 = require("../../tasty/utils/styles");
-const filterBaseProps_1 = require("../../tasty/utils/filterBaseProps");
 const tasty_1 = require("../../tasty");
 const react_2 = require("../../utils/react");
-const STYLE_LIST = [...list_1.BASE_STYLES, ...list_1.TEXT_STYLES, ...list_1.COLOR_STYLES];
+const STYLE_LIST = [...tasty_1.BASE_STYLES, ...tasty_1.TEXT_STYLES, ...tasty_1.COLOR_STYLES];
 exports.TEXT_PROP_MAP = {
     transform: 'textTransform',
     weight: 'fontWeight',
@@ -51,11 +48,11 @@ const RawText = (0, tasty_1.tasty)({
 const _Text = (0, react_1.forwardRef)((allProps, ref) => {
     allProps = (0, react_2.useSlotProps)(allProps, 'text');
     const { as, qa, block, styleName, ellipsis, nowrap, ...props } = allProps;
-    const styles = (0, styles_1.extractStyles)(props, STYLE_LIST, {}, exports.TEXT_PROP_MAP);
+    const styles = (0, tasty_1.extractStyles)(props, STYLE_LIST, {}, exports.TEXT_PROP_MAP);
     return ((0, jsx_runtime_1.jsx)(RawText, { as: as || 'span', qa: qa || 'Text', styleName: styleName, mods: {
             nowrap,
             ellipsis,
-        }, block: !!(block || ellipsis), ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+        }, block: !!(block || ellipsis), ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 const Text = Object.assign(_Text, {
     Minor: (0, react_1.forwardRef)(function MinorText(props, ref) {

package/cjs/components/content/Title.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -11,12 +11,9 @@ exports.Title = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Text_1 = require("./Text");
-const list_1 = require("../../tasty/styles/list");
-const styles_1 = require("../../tasty/utils/styles");
-const filterBaseProps_1 = require("../../tasty/utils/filterBaseProps");
-const react_2 = require("../../utils/react");
 const tasty_1 = require("../../tasty");
-const STYLE_LIST = [...list_1.TEXT_STYLES, ...list_1.CONTAINER_STYLES];
+const react_2 = require("../../utils/react");
+const STYLE_LIST = [...tasty_1.TEXT_STYLES, ...tasty_1.CONTAINER_STYLES];
 const RawTitle = (0, tasty_1.tasty)({
     qa: 'Title',
     as: 'h1',
@@ -46,11 +43,11 @@ const RawTitle = (0, tasty_1.tasty)({
 const _Title = (0, react_1.forwardRef)(({ qa, as, styleName, inline, nowrap, ellipsis, level, ...props }, ref) => {
     props = (0, react_2.useSlotProps)(props, 'heading');
     const tag = `h${level || 1}`;
-    const styles = (0, styles_1.extractStyles)(props, STYLE_LIST, {}, Text_1.TEXT_PROP_MAP);
+    const styles = (0, tasty_1.extractStyles)(props, STYLE_LIST, {}, Text_1.TEXT_PROP_MAP);
     return ((0, jsx_runtime_1.jsx)(RawTitle, { qa: qa || 'Title', as: as || tag, styleName: styleName, "data-level": level || 1, mods: {
             nowrap,
             ellipsis,
-        }, inline: inline, ...(0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
+        }, inline: inline, ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 const Title = Object.assign(_Title, {
     Danger: (0, react_1.forwardRef)(function DangerTitle(props, ref) {

package/cjs/components/forms/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -15,13 +15,10 @@ const checkbox_1 = require("@react-aria/checkbox");
 const interactions_1 = require("@react-aria/interactions");
 const toggle_1 = require("@react-stately/toggle");
 const provider_1 = require("../../../provider");
-const list_1 = require("../../../tasty/styles/list");
-const styles_1 = require("../../../tasty/utils/styles");
+const tasty_1 = require("../../../tasty");
 const Base_1 = require("../../Base");
 const interactions_2 = require("../../../utils/react/interactions");
 const react_2 = require("../../../utils/react");
-const filterBaseProps_1 = require("../../../tasty/utils/filterBaseProps");
-const StylesProvider_1 = require("../../../tasty/providers/StylesProvider");
 const Label_1 = require("../Label");
 const HiddenInput_1 = require("../../HiddenInput");
 const Form_1 = require("../Form/Form");
@@ -79,14 +76,14 @@ function Checkbox(props, ref) {
     // This is a bit unorthodox. Typically, hooks cannot be called in a conditional,
     // but since the checkbox won't move in and out of a group, it should be safe.
     let groupState = (0, react_1.useContext)(context_1.CheckboxGroupContext);
-    let wrapperContextStyles = (0, StylesProvider_1.useContextStyles)('Checkbox_Wrapper', props);
-    let inputContextStyles = (0, StylesProvider_1.useContextStyles)('Checkbox', props);
-    let labelContextStyles = (0, StylesProvider_1.useContextStyles)('Checkbox_Label', props);
-    let styles = (0, styles_1.extractStyles)(props, list_1.OUTER_STYLES, {
+    let wrapperContextStyles = (0, tasty_1.useContextStyles)('Checkbox_Wrapper', props);
+    let inputContextStyles = (0, tasty_1.useContextStyles)('Checkbox', props);
+    let labelContextStyles = (0, tasty_1.useContextStyles)('Checkbox_Label', props);
+    let styles = (0, tasty_1.extractStyles)(props, tasty_1.OUTER_STYLES, {
         ...(insideForm && !groupState ? {} : DEFAULT_STYLES),
         ...wrapperContextStyles,
     });
-    let inputStyles = (0, styles_1.extractStyles)(props, list_1.BLOCK_STYLES, {
+    let inputStyles = (0, tasty_1.extractStyles)(props, tasty_1.BLOCK_STYLES, {
         ...INPUT_STYLES,
         ...inputContextStyles,
     });
@@ -160,11 +157,11 @@ function Checkbox(props, ref) {
                 ref: domRef,
             } }, void 0));
     }
-    return ((0, jsx_runtime_1.jsxs)(Base_1.Base, { as: "label", styles: styles, isHidden: isHidden, ...hoverProps, ...(0, filterBaseProps_1.filterBaseProps)(otherProps), ref: domRef, children: [checkboxField, label && ((0, jsx_runtime_1.jsx)(Base_1.Base, { styles: labelStyles, mods: {
+    return ((0, jsx_runtime_1.jsxs)(Base_1.Base, { as: "label", styles: styles, isHidden: isHidden, ...hoverProps, ...(0, tasty_1.filterBaseProps)(otherProps), ref: domRef, children: [checkboxField, label && ((0, jsx_runtime_1.jsx)(Base_1.Base, { styles: labelStyles, mods: {
                     invalid: validationState === 'invalid',
                     valid: validationState === 'valid',
                     disabled: isDisabled,
-                }, ...(0, filterBaseProps_1.filterBaseProps)(labelProps), children: label }, void 0))] }, void 0));
+                }, ...(0, tasty_1.filterBaseProps)(labelProps), children: label }, void 0))] }, void 0));
 }
 /**
  * Checkboxes allow users to select multiple items from a list of individual items,

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -17,10 +17,8 @@ const checkbox_1 = require("@react-aria/checkbox");
 const checkbox_2 = require("@react-stately/checkbox");
 const Form_1 = require("../Form/Form");
 const context_1 = require("./context");
-const styles_1 = require("../../../tasty/utils/styles");
-const list_1 = require("../../../tasty/styles/list");
+const tasty_1 = require("../../../tasty");
 const Base_1 = require("../../Base");
-const StylesProvider_1 = require("../../../tasty/providers/StylesProvider");
 const FieldWrapper_1 = require("../FieldWrapper");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
 const STYLES = {
@@ -55,14 +53,14 @@ function CheckboxGroup(props, ref) {
     props = (0, Form_1.useFormProps)(props);
     let { isDisabled, isRequired, necessityIndicator, necessityLabel, label, extra, labelPosition = 'top', validationState, children, orientation = 'vertical', message, description, labelStyles, requiredMark = true, tooltip, ...otherProps } = props;
     let domRef = (0, utils_1.useDOMRef)(ref);
-    let wrapperContextStyles = (0, StylesProvider_1.useContextStyles)('CheckboxGroup_Wrapper', props);
-    let groupContextStyles = (0, StylesProvider_1.useContextStyles)('CheckboxGroup', props);
-    let labelContextStyles = (0, StylesProvider_1.useContextStyles)('CheckboxGroup_Label', props);
-    let styles = (0, styles_1.extractStyles)(otherProps, list_1.OUTER_STYLES, {
+    let wrapperContextStyles = (0, tasty_1.useContextStyles)('CheckboxGroup_Wrapper', props);
+    let groupContextStyles = (0, tasty_1.useContextStyles)('CheckboxGroup', props);
+    let labelContextStyles = (0, tasty_1.useContextStyles)('CheckboxGroup_Label', props);
+    let styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, {
         ...STYLES,
         ...wrapperContextStyles,
     });
-    let groupStyles = (0, styles_1.extractStyles)(otherProps, list_1.BLOCK_STYLES, {
+    let groupStyles = (0, tasty_1.extractStyles)(otherProps, tasty_1.BLOCK_STYLES, {
         ...GROUP_STYLES,
         ...groupContextStyles,
     });

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

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

package/cjs/components/forms/FieldWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -14,10 +14,10 @@ const Text_1 = require("../content/Text");
 const Label_1 = require("./Label");
 const Grid_1 = require("../layout/Grid");
 const Paragraph_1 = require("../content/Paragraph");
+const tasty_1 = require("../../tasty");
 const TooltipProvider_1 = require("../overlays/Tooltip/TooltipProvider");
 const icons_1 = require("@ant-design/icons");
 const react_2 = require("../../utils/react");
-const tasty_1 = require("../../tasty");
 const RawField = (0, tasty_1.tasty)({
     qa: 'Field',
     styles: {

package/cjs/components/forms/FileInput/FileInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-00505d5
+ * @cube-dev/ui-kit v0.0.0-canary-5bf7ae4
  * Released under the MIT license.
  */
 
@@ -12,11 +12,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const provider_1 = require("../../../provider");
 const Action_1 = require("../../actions/Action");
+const tasty_1 = require("../../../tasty");
 const utils_1 = require("@react-spectrum/utils");
 const FieldWrapper_1 = require("../FieldWrapper");
-const styles_1 = require("../../../tasty/utils/styles");
-const list_1 = require("../../../tasty/styles/list");
-const StylesProvider_1 = require("../../../tasty/providers/StylesProvider");
 const DEFAULT_WRAPPER_STYLES = {
     display: 'inline-flex',
     position: 'relative',
@@ -79,10 +77,10 @@ function FileInput(props, ref) {
     let domRef = (0, react_1.useRef)(null);
     let defaultInputRef = (0, react_1.useRef)(null);
     inputRef = inputRef || defaultInputRef;
-    let styles = (0, styles_1.extractStyles)(otherProps, list_1.CONTAINER_STYLES);
+    let styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES);
     inputStyles = {
         ...DEFAULT_WRAPPER_STYLES,
-        ...(0, StylesProvider_1.useContextStyles)('FileInput', otherProps),
+        ...(0, tasty_1.useContextStyles)('FileInput', otherProps),
         ...inputStyles,
     };
     const onLocalChange = (0, react_1.useCallback)((event) => {

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

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