@cube-dev/ui-kit 0.16.3 → 0.17.0

package/cjs/components/actions/Button/Button.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 
@@ -67,164 +67,150 @@ exports.DEFAULT_BUTTON_STYLES = {
         fontSize: '@icon-size',
     },
 };
-const DefaultButtonElement = (0, tasty_1.tasty)({
+const ButtonElement = (0, tasty_1.tasty)({
     qa: 'Button',
-    'data-theme': 'default',
-    styles: {
-        ...exports.DEFAULT_BUTTON_STYLES,
-        shadow: {
-            '': false,
-            '[data-type="link"]': '0 @border-width 0 0 #purple.20',
-            '[data-type="link"] & (pressed | hovered | [disabled])': '0 0 0 0 #purple.20',
+    styles: exports.DEFAULT_BUTTON_STYLES,
+    variants: {
+        default: {
+            shadow: {
+                '': false,
+                '[data-type="link"]': '0 @border-width 0 0 #purple.20',
+                '[data-type="link"] & (pressed | hovered | [disabled])': '0 0 0 0 #purple.20',
+            },
+            outline: {
+                '': '0 #purple-03.0',
+                focused: '@outline-width #purple-03',
+            },
+            border: {
+                // default
+                '': '#clear',
+                '[data-type="primary"] & pressed': '#purple-text',
+                '[data-type="secondary"] & pressed': '#purple.3',
+                '[data-type="outline"]': '#purple.3',
+                '[data-type="outline"] & [disabled]': '#dark.12',
+                '([data-type="clear"] | [data-type="outline"]) & pressed': '#purple-text.10',
+                '[data-type="link"]': '0',
+            },
+            fill: {
+                '': '#clear',
+                '[data-type="primary"]': '#purple',
+                '[data-type="primary"] & pressed': '#purple',
+                '[data-type="primary"] & hovered': '#purple-text',
+                '[data-type="secondary"]': '#purple.10',
+                '[data-type="secondary"] & hovered': '#purple.16',
+                '[data-type="secondary"] & pressed': '#purple-text.10',
+                '[data-type="neutral"]': '#dark.0',
+                '[data-type="neutral"] & hovered': '#dark.04',
+                '[data-type="neutral"] & pressed': '#dark.05',
+                '[disabled] & ![data-type="link"]': '#dark.04',
+                '([data-type="clear"] | [data-type="outline"])': '#purple.0',
+                '([data-type="clear"] | [data-type="outline"]) & hovered': '#purple.16',
+                '([data-type="clear"] | [data-type="outline"]) & pressed': '#purple.10',
+                '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#purple.0',
+            },
+            color: {
+                // default
+                '': '#white',
+                '[data-type="secondary"]': '#purple',
+                '[data-type="clear"] | [data-type="outline"] | [data-type="link"]': '#purple-text',
+                '[data-type="link"] & pressed': '#purple',
+                '[data-type="neutral"]': '#dark.75',
+                '[data-type="neutral"] & hovered': '#dark.75',
+                '[data-type="neutral"] & pressed': '#purple',
+                // other
+                '[disabled]': '#dark.30',
+            },
         },
-        outline: {
-            '': '0 #purple-03.0',
-            focused: '@outline-width #purple-03',
+        danger: {
+            shadow: {
+                '': false,
+                '[data-type="link"]': '0 @border-width 0 0 #danger.20',
+                '[data-type="link"] & (pressed | hovered | [disabled])': '0 0 0 0 #danger.20',
+            },
+            outline: {
+                '': '0 #danger.0',
+                focused: '@outline-width #danger.50',
+            },
+            border: {
+                '': '#clear',
+                '[data-type="primary"] & pressed': '#danger-text',
+                '[data-type="secondary"] & pressed': '#danger.3',
+                '[data-type="outline"]': '#danger-text.3',
+                '([data-type="clear"] | [data-type="outline"]) & pressed': '#danger-text.10',
+                '[data-type="outline"] & pressed': '#danger.3',
+                '[data-type="link"]': '#clear',
+            },
+            fill: {
+                '': '#clear',
+                '[data-type="primary"]': '#danger-text',
+                '[data-type="primary"] & hovered': '#danger-text',
+                '[data-type="primary"] & pressed': '#danger',
+                '[data-type="secondary"]': '#danger.05',
+                '[data-type="secondary"] & hovered': '#danger.1',
+                '[data-type="secondary"] & pressed': '#danger.05',
+                '[data-type="neutral"]': '#dark.0',
+                '[data-type="neutral"] & hovered': '#dark.04',
+                '[data-type="neutral"] & pressed': '#dark.05',
+                '[disabled] & ![data-type="link"]': '#dark.04',
+                '[data-type="clear"] | [data-type="outline"]': '#danger.0',
+                '([data-type="clear"] | [data-type="outline"]) & hovered': '#danger.1',
+                '([data-type="clear"] | [data-type="outline"]) & pressed': '#danger.05',
+                '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#danger.0',
+            },
+            color: {
+                '': '#white',
+                '[data-type="neutral"]': '#dark.75',
+                '[data-type="neutral"] & hovered': '#dark.75',
+                '[data-type="secondary"]': '#danger',
+                '[data-type="clear"] | [data-type="outline"] | [data-type="link"]': '#danger-text',
+                '[data-type="link"] & pressed': '#danger',
+                '[data-type="neutral"] & pressed': '#danger',
+                '[disabled]': '#dark.30',
+            },
         },
-        border: {
-            // default
-            '': '#clear',
-            '[data-type="primary"] & pressed': '#purple-text',
-            '[data-type="secondary"] & pressed': '#purple.3',
-            '[data-type="outline"]': '#purple.3',
-            '[data-type="outline"] & [disabled]': '#dark.12',
-            '([data-type="clear"] | [data-type="outline"]) & pressed': '#purple-text.10',
-            '[data-type="link"]': '0',
-        },
-        fill: {
-            '': '#clear',
-            '[data-type="primary"]': '#purple',
-            '[data-type="primary"] & pressed': '#purple',
-            '[data-type="primary"] & hovered': '#purple-text',
-            '[data-type="secondary"]': '#purple.10',
-            '[data-type="secondary"] & hovered': '#purple.16',
-            '[data-type="secondary"] & pressed': '#purple-text.10',
-            '[data-type="neutral"]': '#dark.0',
-            '[data-type="neutral"] & hovered': '#dark.04',
-            '[data-type="neutral"] & pressed': '#dark.05',
-            '[disabled] & ![data-type="link"]': '#dark.04',
-            '([data-type="clear"] | [data-type="outline"])': '#purple.0',
-            '([data-type="clear"] | [data-type="outline"]) & hovered': '#purple.16',
-            '([data-type="clear"] | [data-type="outline"]) & pressed': '#purple.10',
-            '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#purple.0',
-        },
-        color: {
-            // default
-            '': '#white',
-            '[data-type="secondary"]': '#purple',
-            '[data-type="clear"] | [data-type="outline"] | [data-type="link"]': '#purple-text',
-            '[data-type="link"] & pressed': '#purple',
-            '[data-type="neutral"]': '#dark.75',
-            '[data-type="neutral"] & hovered': '#dark.75',
-            '[data-type="neutral"] & pressed': '#purple',
-            // other
-            '[disabled]': '#dark.30',
-        },
-    },
-});
-const DangerButtonElement = (0, tasty_1.tasty)({
-    qa: 'Button',
-    'data-theme': 'default',
-    styles: {
-        ...exports.DEFAULT_BUTTON_STYLES,
-        shadow: {
-            '': false,
-            '[data-type="link"]': '0 @border-width 0 0 #danger.20',
-            '[data-type="link"] & (pressed | hovered | [disabled])': '0 0 0 0 #danger.20',
-        },
-        outline: {
-            '': '0 #danger.0',
-            focused: '@outline-width #danger.50',
-        },
-        border: {
-            '': '#clear',
-            '[data-type="primary"] & pressed': '#danger-text',
-            '[data-type="secondary"] & pressed': '#danger.3',
-            '[data-type="outline"]': '#danger-text.3',
-            '([data-type="clear"] | [data-type="outline"]) & pressed': '#danger-text.10',
-            '[data-type="outline"] & pressed': '#danger.3',
-            '[data-type="link"]': '#clear',
-        },
-        fill: {
-            '': '#clear',
-            '[data-type="primary"]': '#danger-text',
-            '[data-type="primary"] & hovered': '#danger-text',
-            '[data-type="primary"] & pressed': '#danger',
-            '[data-type="secondary"]': '#danger.05',
-            '[data-type="secondary"] & hovered': '#danger.1',
-            '[data-type="secondary"] & pressed': '#danger.05',
-            '[data-type="neutral"]': '#dark.0',
-            '[data-type="neutral"] & hovered': '#dark.04',
-            '[data-type="neutral"] & pressed': '#dark.05',
-            '[disabled] & ![data-type="link"]': '#dark.04',
-            '[data-type="clear"] | [data-type="outline"]': '#danger.0',
-            '([data-type="clear"] | [data-type="outline"]) & hovered': '#danger.1',
-            '([data-type="clear"] | [data-type="outline"]) & pressed': '#danger.05',
-            '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#danger.0',
-        },
-        color: {
-            '': '#white',
-            '[data-type="neutral"]': '#dark.75',
-            '[data-type="neutral"] & hovered': '#dark.75',
-            '[data-type="secondary"]': '#danger',
-            '[data-type="clear"] | [data-type="outline"] | [data-type="link"]': '#danger-text',
-            '[data-type="link"] & pressed': '#danger',
-            '[data-type="neutral"] & pressed': '#danger',
-            '[disabled]': '#dark.30',
+        special: {
+            shadow: {
+                '': false,
+                '[data-type="link"]': '0 @border-width 0 0 #white.44',
+                '[data-type="link"] & (pressed | hovered | [disabled])': '0 0 0 0 #white.44',
+            },
+            outline: {
+                '': '0 #white.0',
+                focused: '@outline-width #white.44',
+                '([data-type="primary"] | [data-type="clear"])': '0 #dark-03.80',
+                '([data-type="primary"] | [data-type="clear"]) & focused': '@outline-width #purple-03.80',
+            },
+            border: {
+                '': '#clear',
+                '[data-type="primary"] & pressed': '#purple-03',
+                '[data-type="secondary"] & pressed': '#white.44',
+                '[data-type="outline"] & !pressed': '#white.44',
+            },
+            fill: {
+                '': '#clear',
+                '[data-type="primary"]': '#purple',
+                '[data-type="primary"] & pressed': '#purple',
+                '[data-type="primary"] & hovered': '#purple-text',
+                '[data-type="secondary"]': '#white.12',
+                '[data-type="clear"]': '#white',
+                '[data-type="clear"] & hovered': '#white.94',
+                '[data-type="clear"] & pressed': '#white',
+                '[disabled] & ![data-type="link"]': '#white.12',
+                '([data-type="neutral"] | [data-type="outline"])': '#white.0',
+                '([data-type="neutral"] | [data-type="outline"] | [data-type="secondary"]) & hovered': '#white.18',
+                '([data-type="neutral"] | [data-type="outline"] | [data-type="secondary"]) & pressed': '#white.12',
+                '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#white.0',
+            },
+            color: {
+                // default
+                '': '#white',
+                '[data-type="clear"]': '#purple',
+                // other
+                '[disabled]': '#white.30',
+            },
         },
     },
 });
-const SpecialButtonElement = (0, tasty_1.tasty)({
-    qa: 'Button',
-    'data-theme': 'default',
-    styles: {
-        ...exports.DEFAULT_BUTTON_STYLES,
-        shadow: {
-            '': false,
-            '[data-type="link"]': '0 @border-width 0 0 #white.44',
-            '[data-type="link"] & (pressed | hovered | [disabled])': '0 0 0 0 #white.44',
-        },
-        outline: {
-            '': '0 #white.0',
-            focused: '@outline-width #white.44',
-            '([data-type="primary"] | [data-type="clear"])': '0 #dark-03.80',
-            '([data-type="primary"] | [data-type="clear"]) & focused': '@outline-width #purple-03.80',
-        },
-        border: {
-            '': '#clear',
-            '[data-type="primary"] & pressed': '#purple-03',
-            '[data-type="secondary"] & pressed': '#white.44',
-            '[data-type="outline"] & !pressed': '#white.44',
-        },
-        fill: {
-            '': '#clear',
-            '[data-type="primary"]': '#purple',
-            '[data-type="primary"] & pressed': '#purple',
-            '[data-type="primary"] & hovered': '#purple-text',
-            '[data-type="secondary"]': '#white.12',
-            '[data-type="clear"]': '#white',
-            '[data-type="clear"] & hovered': '#white.94',
-            '[data-type="clear"] & pressed': '#white',
-            '[disabled] & ![data-type="link"]': '#white.12',
-            '([data-type="neutral"] | [data-type="outline"])': '#white.0',
-            '([data-type="neutral"] | [data-type="outline"] | [data-type="secondary"]) & hovered': '#white.18',
-            '([data-type="neutral"] | [data-type="outline"] | [data-type="secondary"]) & pressed': '#white.12',
-            '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#white.0',
-        },
-        color: {
-            // default
-            '': '#white',
-            '[data-type="clear"]': '#purple',
-            // other
-            '[disabled]': '#white.30',
-        },
-    },
-});
-const ElementMap = {
-    default: DefaultButtonElement,
-    danger: DangerButtonElement,
-    special: SpecialButtonElement,
-};
 exports.Button = (0, react_1.forwardRef)(function Button(allProps, ref) {
     let { type, size, label, children, theme = 'default', icon, rightIcon, mods, ...props } = allProps;
     const isDisabled = props.isDisabled || props.isLoading;
@@ -261,10 +247,9 @@ exports.Button = (0, react_1.forwardRef)(function Button(allProps, ref) {
         'single-icon-only': singleIcon,
         ...mods,
     }), [mods, isDisabled, isLoading, isSelected, singleIcon]);
-    const ButtonElement = ElementMap[theme];
     const { actionProps } = (0, use_action_1.useAction)({ ...allProps, isDisabled, mods: modifiers }, ref);
     const styles = (0, tasty_1.extractStyles)(props, STYLE_PROPS);
-    return ((0, jsx_runtime_1.jsxs)(ButtonElement, { ...actionProps, "data-theme": theme, "data-type": type ?? 'secondary', "data-size": size ?? 'medium', styles: styles, children: [icon || isLoading ? !isLoading ? icon : (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0) : null, children, rightIcon] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(ButtonElement, { ...actionProps, variant: theme, "data-theme": theme, "data-type": type ?? 'secondary', "data-size": size ?? 'medium', styles: styles, children: [icon || isLoading ? !isLoading ? icon : (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}) : null, children, rightIcon] }));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 
@@ -21,7 +21,7 @@ function Submit(props, ref) {
     const isValid = !Object.keys(formData).find((name) => {
         return form.isFieldInvalid(name);
     });
-    return ((0, jsx_runtime_1.jsx)(Button_1.Button, { ref: ref, type: "primary", htmlType: "submit", isLoading: form.isSubmitting, isDisabled: !isValid, ...otherProps }, void 0));
+    return ((0, jsx_runtime_1.jsx)(Button_1.Button, { ref: ref, type: "primary", htmlType: "submit", isLoading: form.isSubmitting, isDisabled: !isValid, ...otherProps }));
 }
 const _Submit = (0, react_1.forwardRef)(Submit);
 exports.Submit = _Submit;

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

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/components/actions/ButtonGroup/ButtonGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 
@@ -20,7 +20,7 @@ const ButtonGroupElement = (0, tasty_1.tasty)(Space_1.Space, {
     },
 });
 exports.ButtonGroup = (0, react_1.forwardRef)(function ButtonGroup(props, ref) {
-    return ((0, jsx_runtime_1.jsx)(ButtonGroupElement, { ref: ref, ...(0, react_2.useSlotProps)(props, 'buttonGroup') }, void 0));
+    return ((0, jsx_runtime_1.jsx)(ButtonGroupElement, { ref: ref, ...(0, react_2.useSlotProps)(props, 'buttonGroup') }));
 });
 
         

package/cjs/components/actions/index.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

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

package/cjs/components/content/ActiveZone/ActiveZone.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 
@@ -33,7 +33,7 @@ function ActiveZone({ as, label, onClick, ...props }, ref) {
     let { hoverProps, isHovered } = (0, interactions_1.useHover)({ isDisabled });
     let { focusProps, isFocused } = (0, interactions_2.useFocus)({ isDisabled });
     let { focusableProps } = (0, focus_1.useFocusable)(props, domRef);
-    return ((0, jsx_runtime_1.jsx)(tasty_1.Element, { "data-is-hovered": isHovered && !isDisabled ? '' : null, "data-is-focused": isFocused && !isDisabled ? '' : null, "data-is-disabled": isDisabled || null, "aria-label": label, ...(0, react_2.mergeProps)(hoverProps, focusProps, focusableProps, { onClick }, (0, tasty_1.filterBaseProps)(props, { eventProps: true })), ref: domRef, tabIndex: props.excludeFromTabOrder || isDisabled ? -1 : 0, as: as, styles: styles }, void 0));
+    return ((0, jsx_runtime_1.jsx)(tasty_1.Element, { "data-is-hovered": isHovered && !isDisabled ? '' : null, "data-is-focused": isFocused && !isDisabled ? '' : null, "data-is-disabled": isDisabled || null, "aria-label": label, ...(0, react_2.mergeProps)(hoverProps, focusProps, focusableProps, { onClick }, (0, tasty_1.filterBaseProps)(props, { eventProps: true })), ref: domRef, tabIndex: props.excludeFromTabOrder || isDisabled ? -1 : 0, as: as, styles: styles }));
 }
 const _ActiveZone = (0, react_1.forwardRef)(ActiveZone);
 exports.ActiveZone = _ActiveZone;

package/cjs/components/content/Alert/Alert.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 
@@ -48,7 +48,7 @@ const AlertElement = (0, tasty_1.tasty)({
 });
 exports.Alert = (0, react_1.forwardRef)(function Alert(props, ref) {
     const { styles, theme, filteredProps } = (0, use_alert_1.useAlert)(props);
-    return ((0, jsx_runtime_1.jsx)(AlertElement, { ...filteredProps, ref: ref, "data-type": theme, styles: styles }, void 0));
+    return ((0, jsx_runtime_1.jsx)(AlertElement, { ...filteredProps, ref: ref, "data-type": theme, styles: styles }));
 });
 
         

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

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

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

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

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

package/cjs/components/content/Avatar/Avatar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 
@@ -30,7 +30,7 @@ exports.Avatar = (0, react_1.forwardRef)(function Avatar({ size = '4x', icon, ch
         ...DEFAULT_STYLES,
         '--avatar-size': size,
     });
-    return ((0, jsx_runtime_1.jsxs)(tasty_1.Element, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles, "data-theme": "special", children: [icon, children] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(tasty_1.Element, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles, "data-theme": "special", children: [icon, children] }));
 });
 
         

package/cjs/components/content/Badge/Badge.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 
@@ -48,7 +48,7 @@ exports.Badge = (0, react_1.forwardRef)(function Badge(allProps, ref) {
     return ((0, jsx_runtime_1.jsx)(BadgeElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, "data-type": type, mods: {
             single: typeof children === 'string' && children.length === 1,
             multiple: typeof children === 'string' && children.length === 2,
-        }, styles: styles, children: children }, void 0));
+        }, styles: styles, children: children }));
 });
 
         

package/cjs/components/content/Card/Card.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 
@@ -26,7 +26,7 @@ const CardElement = (0, tasty_1.tasty)({
 });
 exports.Card = (0, react_1.forwardRef)(function Card(props, ref) {
     const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsx)(CardElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
+    return ((0, jsx_runtime_1.jsx)(CardElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }));
 });
 
         

package/cjs/components/content/Content.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 
@@ -30,7 +30,7 @@ const ContentElement = (0, tasty_1.tasty)({
 exports.Content = (0, react_1.forwardRef)(function Content(props, ref) {
     props = (0, react_2.useSlotProps)(props, 'content');
     const styles = (0, tasty_1.extractStyles)(props, STYLE_LIST);
-    return ((0, jsx_runtime_1.jsx)(ContentElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
+    return ((0, jsx_runtime_1.jsx)(ContentElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * Released under the MIT license.
  */
 
@@ -87,7 +87,7 @@ const CopySnippetElement = (0, tasty_1.tasty)(Card_1.Card, {
 });
 const CopyButton = (0, tasty_1.tasty)(actions_1.Button, {
     type: 'clear',
-    icon: (0, jsx_runtime_1.jsx)(icons_1.CopyOutlined, {}, void 0),
+    icon: (0, jsx_runtime_1.jsx)(icons_1.CopyOutlined, {}),
     styles: {
         padding: '1x 1.5x',
         radius: {
@@ -122,9 +122,9 @@ function CopySnippet(allProps) {
         .split(/\n/g)
         .map((line) => `${prefix}${line} `)
         .join('\n');
-    const Snippet = ((0, jsx_runtime_1.jsx)(CopySnippetElement, { styles: { preset: 'default', ...styles }, ...props, children: (0, jsx_runtime_1.jsxs)("div", { "data-element": "Grid", children: [(0, jsx_runtime_1.jsx)(StyledBlock, { mods: { nowrap, multiline, scroll: showScroll, serif }, styles: { padding }, children: (0, jsx_runtime_1.jsx)(PrismCode_1.PrismCode, { style: { margin: 0, overflow: 'visible' }, code: formattedCode, language: language || 'javascript' }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(ButtonContainer, { styles: { padding }, mods: { overlay: showOverlay }, children: (0, jsx_runtime_1.jsx)(CopyButton, { label: `Copy ${title}`, mods: { multiline, 'with-scroll': showScroll }, onPress: onCopy }, void 0) }, void 0)] }, void 0) }, void 0));
+    const Snippet = ((0, jsx_runtime_1.jsx)(CopySnippetElement, { styles: { preset: 'default', ...styles }, ...props, children: (0, jsx_runtime_1.jsxs)("div", { "data-element": "Grid", children: [(0, jsx_runtime_1.jsx)(StyledBlock, { mods: { nowrap, multiline, scroll: showScroll, serif }, styles: { padding }, children: (0, jsx_runtime_1.jsx)(PrismCode_1.PrismCode, { style: { margin: 0, overflow: 'visible' }, code: formattedCode, language: language || 'javascript' }) }), (0, jsx_runtime_1.jsx)(ButtonContainer, { styles: { padding }, mods: { overlay: showOverlay }, children: (0, jsx_runtime_1.jsx)(CopyButton, { label: `Copy ${title}`, mods: { multiline, 'with-scroll': showScroll }, onPress: onCopy }) })] }) }));
     if (showTooltip) {
-        return ((0, jsx_runtime_1.jsxs)(TooltipTrigger_1.TooltipTrigger, { children: [(0, jsx_runtime_1.jsx)(ActionElement, { 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)(ActionElement, { children: Snippet }), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { children: formattedCode })] }));
     }
     return Snippet;
 }

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

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.3
+ * @cube-dev/ui-kit v0.17.0
  * 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];