npm - @cube-dev/ui-kit - Versions diffs - 0.26.3 → 0.27.0 - Mend

@cube-dev/ui-kit 0.26.3 → 0.27.0

Files changed (676) hide show

package/es/components/actions/ButtonGroup/ButtonGroup.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -17,7 +17,7 @@ const ButtonGroupElement = tasty(Space, {
     },
 });
 export const ButtonGroup = forwardRef(function ButtonGroup(props, ref) {
-    return (_jsx(ButtonGroupElement, { ref: ref, ...useSlotProps(props, 'buttonGroup') }, void 0));
+    return (_jsx(ButtonGroupElement, { ref: ref, ...useSlotProps(props, 'buttonGroup') }));
 });

package/es/components/actions/index.js CHANGED Viewed

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

package/es/components/actions/use-action.js CHANGED Viewed

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

package/es/components/content/ActiveZone/ActiveZone.js CHANGED Viewed

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

package/es/components/content/Alert/Alert.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -42,7 +42,7 @@ const AlertElement = tasty({
 });
 export const Alert = forwardRef(function Alert(props, ref) {
     const { styles, theme, filteredProps } = useAlert(props);
-    return (_jsx(AlertElement, { ...filteredProps, ref: ref, "data-type": theme, styles: styles }, void 0));
+    return (_jsx(AlertElement, { ...filteredProps, ref: ref, "data-type": theme, styles: styles }));
 });

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

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

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

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

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

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

package/es/components/content/Avatar/Avatar.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -27,7 +27,7 @@ export const Avatar = forwardRef(function Avatar({ size = '4x', icon, children,
         ...DEFAULT_STYLES,
         '--avatar-size': size,
     });
-    return (_jsxs(Element, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles, "data-theme": "special", children: [icon, children] }, void 0));
+    return (_jsxs(Element, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles, "data-theme": "special", children: [icon, children] }));
 });

package/es/components/content/Badge/Badge.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -41,7 +41,7 @@ export const Badge = forwardRef(function Badge(allProps, ref) {
     return (_jsx(BadgeElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, "data-type": type, mods: {
             long: typeof children !== 'string' || children.length > 1,
             ...mods,
-        }, styles: styles, children: children }, void 0));
+        }, styles: styles, children: children }));
 });

package/es/components/content/Card/Card.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -23,7 +23,7 @@ const CardElement = tasty({
 });
 export const Card = forwardRef(function Card(props, ref) {
     const styles = extractStyles(props, CONTAINER_STYLES);
-    return (_jsx(CardElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
+    return (_jsx(CardElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }));
 });

package/es/components/content/Content.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -27,7 +27,7 @@ const ContentElement = tasty({
 export const Content = forwardRef(function Content(props, ref) {
     props = useSlotProps(props, 'content');
     const styles = extractStyles(props, STYLE_LIST);
-    return (_jsx(ContentElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
+    return (_jsx(ContentElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }));
 });

package/es/components/content/CopyPasteBlock/CopyPasteBlock.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -88,7 +88,7 @@ const CopyPasteBlockElement = tasty(Card, {
 });
 const CopyButton = tasty(Button, {
     type: 'clear',
-    icon: _jsx(CopyOutlined, {}, void 0),
+    icon: _jsx(CopyOutlined, {}),
     'aria-label': 'Copy to clipboard',
     styles: {
         placeSelf: 'stretch',
@@ -150,7 +150,7 @@ function CopyPasteBlock(allProps, ref) {
     const pristineValue = value.replace(/\n/, ' ');
     return (_jsx(CopyPasteBlockElement, { ref: ref, mods: { error: !!error }, "data-size": size, styles: styles, tabIndex: "0", ...props, ...clipboardProps, children: _jsxs("div", { "data-element": "Grid", children: [_jsxs(StyledBlock, { "data-size": size, mods: {
                         placeholder: !!placeholder || !value,
-                    }, children: [_jsx("div", { "data-element": "Label", children: error != null ? (error || 'Invalid data') : value ? (pristineValue) : (_jsx(_Fragment, { children: placeholder ? placeholder : 'Select and paste' }, void 0)) }, void 0), _jsxs("span", { "data-element": "Shortcut", children: [_jsx("kbd", { children: "Cmd" }, void 0), " + ", _jsx("kbd", { children: "V" }, void 0)] }, void 0)] }, void 0), value && !error && (_jsx(CopyButton, { size: size, "aria-label": `Copy ${title}`, onPress: onCopy }, void 0))] }, void 0) }, void 0));
+                    }, children: [_jsx("div", { "data-element": "Label", children: error != null ? (error || 'Invalid data') : value ? (pristineValue) : (_jsx(_Fragment, { children: placeholder ? placeholder : 'Select and paste' })) }), _jsxs("span", { "data-element": "Shortcut", children: [_jsx("kbd", { children: "Cmd" }), " + ", _jsx("kbd", { children: "V" })] })] }), value && !error && (_jsx(CopyButton, { size: size, "aria-label": `Copy ${title}`, onPress: onCopy }))] }) }));
 }
 const _CopyPasteBlock = forwardRef(CopyPasteBlock);
 export { _CopyPasteBlock as CopyPasteBlock };

package/es/components/content/CopyPasteBlock/index.js CHANGED Viewed

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

package/es/components/content/CopySnippet/CopySnippet.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -101,7 +101,7 @@ const ActionButton = tasty(Button, {
     },
 });
 const CopyButton = tasty(ActionButton, {
-    icon: _jsx(CopyOutlined, {}, void 0),
+    icon: _jsx(CopyOutlined, {}),
     'aria-label': 'Copy to clipboard',
     styles: {
         radius: {
@@ -154,9 +154,9 @@ function CopySnippet(allProps) {
             });
         }
     }
-    const Snippet = (_jsx(CopySnippetElement, { styles: { preset: 'default', ...styles }, ...props, children: _jsxs("div", { "data-element": "Grid", children: [_jsx(StyledBlock, { mods: { nowrap, multiline, scroll: showScroll, serif }, styles: { padding }, children: _jsx(PrismCode, { style: { margin: 0, overflow: 'visible' }, code: formattedCode, language: language || 'javascript' }, void 0) }, void 0), _jsxs(ButtonContainer, { styles: { padding }, mods: { overlay: showOverlay }, children: [actions, hideText && (_jsx(ShowButton, { icon: showHidden ? _jsx(EyeInvisibleOutlined, {}, void 0) : _jsx(EyeOutlined, {}, void 0), mods: { multiline, withScroll: showScroll }, onPress: () => setShowHidden(!showHidden) }, void 0)), _jsx(CopyButton, { "aria-label": `Copy ${title}`, mods: { multiline, withScroll: showScroll, hidden: !!hideText }, onPress: onCopy }, void 0)] }, void 0)] }, void 0) }, void 0));
+    const Snippet = (_jsx(CopySnippetElement, { styles: { preset: 'default', ...styles }, ...props, children: _jsxs("div", { "data-element": "Grid", children: [_jsx(StyledBlock, { mods: { nowrap, multiline, scroll: showScroll, serif }, styles: { padding }, children: _jsx(PrismCode, { style: { margin: 0, overflow: 'visible' }, code: formattedCode, language: language || 'javascript' }) }), _jsxs(ButtonContainer, { styles: { padding }, mods: { overlay: showOverlay }, children: [actions, hideText && (_jsx(ShowButton, { icon: showHidden ? _jsx(EyeInvisibleOutlined, {}) : _jsx(EyeOutlined, {}), mods: { multiline, withScroll: showScroll }, onPress: () => setShowHidden(!showHidden) })), _jsx(CopyButton, { "aria-label": `Copy ${title}`, mods: { multiline, withScroll: showScroll, hidden: !!hideText }, onPress: onCopy })] })] }) }));
     if (showTooltip) {
-        return (_jsxs(TooltipTrigger, { children: [_jsx(ActionElement, { children: Snippet }, void 0), _jsx(Tooltip, { children: formattedCode }, void 0)] }, void 0));
+        return (_jsxs(TooltipTrigger, { children: [_jsx(ActionElement, { children: Snippet }), _jsx(Tooltip, { children: formattedCode })] }));
     }
     return Snippet;
 }

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

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

package/es/components/content/Divider.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -42,7 +42,7 @@ export const Divider = forwardRef(function Divider(props, ref) {
     return (_jsx(DividerElement, { as: children ? 'div' : 'hr', role: children ? 'separator' : undefined, mods: {
             text: !!children,
             ...mods,
-        }, ...filterBaseProps(otherProps, { eventProps: true }), ref: ref, styles: styles, children: children && (_jsxs(_Fragment, { children: [_jsx("div", { "data-element": "Line" }, void 0), _jsx("div", { children: children }, void 0), _jsx("div", { "data-element": "Line" }, void 0)] }, void 0)) }, void 0));
+        }, ...filterBaseProps(otherProps, { eventProps: true }), ref: ref, styles: styles, children: children && (_jsxs(_Fragment, { children: [_jsx("div", { "data-element": "Line" }), _jsx("div", { children: children }), _jsx("div", { "data-element": "Line" })] })) }));
 });

package/es/components/content/Footer.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -22,7 +22,7 @@ const FooterElement = tasty({
 export const Footer = forwardRef(function Footer(props, ref) {
     props = useSlotProps(props, 'footer');
     const styles = extractStyles(props, STYLE_LIST);
-    return (_jsx(FooterElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
+    return (_jsx(FooterElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }));
 });

package/es/components/content/Header.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -22,7 +22,7 @@ const HeaderElement = tasty({
 export const Header = forwardRef(function Header(props, ref) {
     props = useSlotProps(props, 'header');
     const styles = extractStyles(props, STYLE_LIST);
-    return (_jsx(HeaderElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
+    return (_jsx(HeaderElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }));
 });

package/es/components/content/Paragraph.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -17,7 +17,7 @@ const DEFAULT_STYLES = {
 const STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];
 export const Paragraph = forwardRef(function Paragraph(props, ref) {
     const styles = extractStyles(props, STYLE_PROPS, DEFAULT_STYLES);
-    return _jsx(Text, { as: "p", qa: "Paragraph", ...props, ref: ref, styles: styles }, void 0);
+    return _jsx(Text, { as: "p", qa: "Paragraph", ...props, ref: ref, styles: styles });
 });

package/es/components/content/Placeholder/Placeholder.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -55,7 +55,7 @@ export const Placeholder = forwardRef(function Placeholder(allProps, ref) {
             width: circle ? size : false,
             radius: circle ? '9999rem' : '1r',
             ...styles,
-        } }, void 0));
+        } }));
 });

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -27,7 +27,7 @@ function PrismCode(props, ref) {
     useEffect(() => {
         Prism.highlightAll();
     });
-    return (_jsx(PreElement, { ref: ref, className: "cube-prism-code", ...otherProps, children: _jsx("code", { "data-element": "Code", className: `language-${language}`, children: code }, void 0) }, void 0));
+    return (_jsx(PreElement, { ref: ref, className: "cube-prism-code", ...otherProps, children: _jsx("code", { "data-element": "Code", className: `language-${language}`, children: code }) }));
 }
 /**
  * Code block with syntax highlighting

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -89,10 +89,10 @@ function Result(props, ref) {
         const { color, component: Component } = status && statusIconMap.hasOwnProperty(status)
             ? statusIconMap[status]
             : statusIconMap.info;
-        return (_jsx(IconWrapper, { "data-element": "IconWrapper", styles: { color }, children: _jsx(Component, { "data-element": "Icon" }, void 0) }, void 0));
+        return (_jsx(IconWrapper, { "data-element": "IconWrapper", styles: { color }, children: _jsx(Component, { "data-element": "Icon" }) }));
     }, [icon, status]);
     const styles = extractStyles(otherProps, CONTAINER_STYLES);
-    return (_jsxs(Container, { ...filterBaseProps(otherProps, { eventProps: true }), ref: ref, styles: styles, children: [iconNode, (title || subtitle) && (_jsxs("div", { "data-element": "Title", children: [wrapNodeIfPlain(title, () => (_jsx(Title, { level: 2, preset: "h4", children: title }, void 0))), wrapNodeIfPlain(subtitle, () => (_jsx(Title, { level: 3, preset: "t2m", children: subtitle }, void 0)))] }, void 0)), children && _jsx("div", { "data-element": "Content", children: children }, void 0)] }, void 0));
+    return (_jsxs(Container, { ...filterBaseProps(otherProps, { eventProps: true }), ref: ref, styles: styles, children: [iconNode, (title || subtitle) && (_jsxs("div", { "data-element": "Title", children: [wrapNodeIfPlain(title, () => (_jsx(Title, { level: 2, preset: "h4", children: title }))), wrapNodeIfPlain(subtitle, () => (_jsx(Title, { level: 3, preset: "t2m", children: subtitle })))] })), children && _jsx("div", { "data-element": "Content", children: children })] }));
 }
 const _Result = forwardRef(Result);
 export { _Result as Result };

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -12,37 +12,37 @@ import { Space } from '../../layout/Space';
 import { Grid } from '../../layout/Grid';
 const LAYOUT_MAP = {
     page({ lines, children, ...props }) {
-        return (_jsxs(Flow, { gap: "4x", ...props, children: [_jsxs(Space, { placeContent: "space-between", children: [_jsx(Placeholder, { width: "100px 25% 300px" }, void 0), _jsx(Placeholder, { width: "50px 10% 150px" }, void 0)] }, void 0), _jsx(Flow, { gap: "2x", children: children ||
+        return (_jsxs(Flow, { gap: "4x", ...props, children: [_jsxs(Space, { placeContent: "space-between", children: [_jsx(Placeholder, { width: "100px 25% 300px" }), _jsx(Placeholder, { width: "50px 10% 150px" })] }), _jsx(Flow, { gap: "2x", children: children ||
                         Array(lines || 5)
                             .fill(0)
-                            .map((item, i) => _jsx(Placeholder, {}, i)) }, void 0)] }, void 0));
+                            .map((item, i) => _jsx(Placeholder, {}, i)) })] }));
     },
     content({ children, lines, ...props }) {
         return (_jsx(Flow, { gap: "2x", ...props, children: children ||
                 Array(lines || 5)
                     .fill(0)
-                    .map((item, i) => _jsx(Placeholder, {}, i)) }, void 0));
+                    .map((item, i) => _jsx(Placeholder, {}, i)) }));
     },
     topbar(props) {
-        return (_jsxs(Space, { gap: "4x", placeContent: "space-between", height: "6x", padding: "1x", border: "bottom", ...props, children: [_jsxs(Space, { children: [_jsx(Placeholder, { circle: true, size: "4x" }, void 0), _jsx(Placeholder, { width: "20x" }, void 0)] }, void 0), _jsxs(Space, { children: [_jsx(Placeholder, { width: "10x" }, void 0), _jsx(Placeholder, { circle: true, size: "4x" }, void 0)] }, void 0)] }, void 0));
+        return (_jsxs(Space, { gap: "4x", placeContent: "space-between", height: "6x", padding: "1x", border: "bottom", ...props, children: [_jsxs(Space, { children: [_jsx(Placeholder, { circle: true, size: "4x" }), _jsx(Placeholder, { width: "20x" })] }), _jsxs(Space, { children: [_jsx(Placeholder, { width: "10x" }), _jsx(Placeholder, { circle: true, size: "4x" })] })] }));
     },
     menu({ lines, ...props }) {
         return (_jsx(Flow, { gap: "3.25x", ...props, padding: "3x 1x", children: Array(lines || 5)
                 .fill(0)
-                .map((item, i) => (_jsx(Placeholder, {}, i))) }, void 0));
+                .map((item, i) => (_jsx(Placeholder, {}, i))) }));
     },
     stats({ cards, ...props }) {
         return (_jsx(Space, { gap: "4x", ...props, children: Array(cards || 3)
                 .fill(0)
-                .map((item, i) => (_jsx(Placeholder, { radius: "1x", width: "20x", height: "12x", flexGrow: 1 }, i))) }, void 0));
+                .map((item, i) => (_jsx(Placeholder, { radius: "1x", width: "20x", height: "12x", flexGrow: 1 }, i))) }));
     },
     tabs({ tabs, children, lines, ...props }) {
         return (_jsxs(Flow, { gap: "4x", ...props, children: [_jsx(Space, { children: Array(tabs || 3)
                         .fill(0)
-                        .map((item, i) => (_jsx(Placeholder, { width: "15x" }, i))) }, void 0), _jsx(Flow, { gap: "2x", children: children ||
+                        .map((item, i) => (_jsx(Placeholder, { width: "15x" }, i))) }), _jsx(Flow, { gap: "2x", children: children ||
                         Array(lines || 5)
                             .fill(0)
-                            .map((item, i) => _jsx(Placeholder, {}, i)) }, void 0)] }, void 0));
+                            .map((item, i) => _jsx(Placeholder, {}, i)) })] }));
     },
     table({ rows, columns, ...props }) {
         columns = columns || 5;
@@ -55,7 +55,7 @@ const LAYOUT_MAP = {
                     .map((item, j) => {
                     return (_jsx(Placeholder, { size: !i ? '3x' : '2x' }, `${i}.${j}`));
                 });
-            }) }, void 0));
+            }) }));
     },
     chart({ columns, ...props }) {
         columns = columns || 12;
@@ -64,12 +64,12 @@ const LAYOUT_MAP = {
                 .fill(0)
                 .map((item, i) => {
                 return (_jsx(Placeholder, { height: `${heightMap[i % 12] * 10}%`, width: "max 6x" }, i));
-            }) }, void 0));
+            }) }));
     },
 };
 export function Skeleton({ layout, ...props }) {
     layout = layout || 'page';
-    return LAYOUT_MAP[layout] ? (LAYOUT_MAP[layout]({ ...props, qa: 'Skeleton' })) : (_jsx(Placeholder, { ...props }, void 0));
+    return LAYOUT_MAP[layout] ? (LAYOUT_MAP[layout]({ ...props, qa: 'Skeleton' })) : (_jsx(Placeholder, { ...props }));
 }

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -82,9 +82,9 @@ const CloseAction = tasty(Action, {
 function Tag(allProps, ref) {
     let { type, icon, isClosable, onClose, closeButtonStyles, children, ...props } = allProps;
     const styles = extractStyles(props, CONTAINER_STYLES);
-    return (_jsxs(TagElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles, "data-type": type, mods: { closable: isClosable }, children: [icon ? _jsx("div", { "data-element": "TagIcon", children: icon }, void 0) : null, _jsx("div", { "data-element": "Content", children: children }, void 0), isClosable ? (_jsx(Suffix, { outerGap: "0", children: _jsx(CloseAction, { styles: closeButtonStyles, onPress: onClose, children: _jsx(CloseOutlined, { style: {
+    return (_jsxs(TagElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles, "data-type": type, mods: { closable: isClosable }, children: [icon ? _jsx("div", { "data-element": "TagIcon", children: icon }) : null, _jsx("div", { "data-element": "Content", children: children }), isClosable ? (_jsx(Suffix, { outerGap: "0", children: _jsx(CloseAction, { styles: closeButtonStyles, onPress: onClose, children: _jsx(CloseOutlined, { style: {
                             fontSize: 'var(--font-size, inherit)',
-                        } }, void 0) }, void 0) }, void 0)) : undefined] }, void 0));
+                        } }) }) })) : undefined] }));
 }
 const _Tag = forwardRef(Tag);
 export { _Tag as Tag };

package/es/components/content/Text.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -49,26 +49,26 @@ const _Text = forwardRef(function Text(allProps, ref) {
     return (_jsx(TextElement, { as: as || 'span', qa: qa || 'Text', styleName: styleName, mods: {
             nowrap,
             ellipsis,
-        }, block: !!(block || ellipsis), ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
+        }, block: !!(block || ellipsis), ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }));
 });
 const Text = Object.assign(_Text, {
     Minor: forwardRef(function MinorText(props, ref) {
-        return _jsx(_Text, { ref: ref, color: "#minor", ...props }, void 0);
+        return _jsx(_Text, { ref: ref, color: "#minor", ...props });
     }),
     Danger: forwardRef(function DangerText(props, ref) {
-        return _jsx(_Text, { ref: ref, role: "alert", color: "#danger-text", ...props }, void 0);
+        return _jsx(_Text, { ref: ref, role: "alert", color: "#danger-text", ...props });
     }),
     Success: forwardRef(function SuccessText(props, ref) {
-        return _jsx(_Text, { ref: ref, color: "#success-text", ...props }, void 0);
+        return _jsx(_Text, { ref: ref, color: "#success-text", ...props });
     }),
     Strong: forwardRef(function StrongText(props, ref) {
-        return (_jsx(_Text, { ref: ref, as: "strong", preset: "strong", color: "#dark", ...props }, void 0));
+        return (_jsx(_Text, { ref: ref, as: "strong", preset: "strong", color: "#dark", ...props }));
     }),
     Emphasis: forwardRef(function EmphasisText(props, ref) {
-        return _jsx(_Text, { ref: ref, as: "em", preset: "em", ...props }, void 0);
+        return _jsx(_Text, { ref: ref, as: "em", preset: "em", ...props });
     }),
     Selection: forwardRef(function SelectionText(props, ref) {
-        return _jsx(_Text, { ref: ref, color: "#dark", fill: "#note.30", ...props }, void 0);
+        return _jsx(_Text, { ref: ref, color: "#dark", fill: "#note.30", ...props });
     }),
 });
 export { Text };

package/es/components/content/Title.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -53,14 +53,14 @@ const _Title = forwardRef(function Title({ qa, as, styleName, inline, nowrap, el
     return (_jsx(TitleElement, { qa: qa || 'Title', as: as || tag, styleName: styleName, "data-level": level || 1, mods: {
             nowrap,
             ellipsis,
-        }, inline: inline, ...filterBaseProps(propsWithSlots, { eventProps: true }), ref: ref, styles: styles }, void 0));
+        }, inline: inline, ...filterBaseProps(propsWithSlots, { eventProps: true }), ref: ref, styles: styles }));
 });
 const Title = Object.assign(_Title, {
     Danger: forwardRef(function DangerTitle(props, ref) {
-        return _jsx(Title, { ref: ref, color: "#danger-text", ...props }, void 0);
+        return _jsx(Title, { ref: ref, color: "#danger-text", ...props });
     }),
     Success: forwardRef(function SuccessTitle(props, ref) {
-        return _jsx(Title, { ref: ref, color: "#success-text", ...props }, void 0);
+        return _jsx(Title, { ref: ref, color: "#success-text", ...props });
     }),
 });
 export { Title };

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.3
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
@@ -24,10 +24,10 @@ import { Text } from '../../content/Text';
 import { CheckboxGroup } from './CheckboxGroup';
 import { CheckboxGroupContext } from './context';
 function CheckOutlined() {
-    return (_jsx("svg", { width: "10", height: "8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M3.417 7.604l-.017.018-3.4-3.4 1.433-1.433 1.985 1.985L8.192 0l1.432 1.433-6.189 6.189-.018-.018z", fill: "currentColor" }, void 0) }, void 0));
+    return (_jsx("svg", { width: "10", height: "8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M3.417 7.604l-.017.018-3.4-3.4 1.433-1.433 1.985 1.985L8.192 0l1.432 1.433-6.189 6.189-.018-.018z", fill: "currentColor" }) }));
 }
 function IndeterminateOutline() {
-    return (_jsx("svg", { width: "9", height: "3", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M0 .044v2.001l.026.025h8.063V.044H0z", fill: "#fff" }, void 0) }, void 0));
+    return (_jsx("svg", { width: "9", height: "3", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M0 .044v2.001l.026.025h8.063V.044H0z", fill: "#fff" }) }));
 }
 const CheckboxWrapperElement = tasty({
     as: 'label',
@@ -121,7 +121,7 @@ function Checkbox(props, ref) {
                 ? { 'aria-label': label }
                 : {}),
         }, toggleState, inputRef);
-    let markIcon = isIndeterminate ? _jsx(IndeterminateOutline, {}, void 0) : _jsx(CheckOutlined, {}, void 0);
+    let markIcon = isIndeterminate ? _jsx(IndeterminateOutline, {}) : _jsx(CheckOutlined, {});
     if (groupState) {
         for (let key of ['isSelected', 'defaultSelected', 'isEmphasized']) {
             if (originalProps[key] != null) {
@@ -143,7 +143,7 @@ function Checkbox(props, ref) {
         'side-label': labelPosition === 'side',
         'inside-form': insideForm,
     };
-    const checkboxField = (_jsxs(CheckboxWrapperElement, { isHidden: isHidden, mods: mods, styles: { position: 'relative' }, children: [_jsx(HiddenInput, { "data-qa": qa || 'Checkbox', ...mergeProps(inputProps, focusProps), ref: inputRef }, void 0), _jsx(CheckboxElement, { qa: "Checkbox", mods: mods, styles: inputStyles, children: markIcon }, void 0), children && _jsx(Text, { children: children }, void 0)] }, void 0));
+    const checkboxField = (_jsxs(CheckboxWrapperElement, { isHidden: isHidden, mods: mods, styles: { position: 'relative' }, children: [_jsx(HiddenInput, { "data-qa": qa || 'Checkbox', ...mergeProps(inputProps, focusProps), ref: inputRef }), _jsx(CheckboxElement, { qa: "Checkbox", mods: mods, styles: inputStyles, children: markIcon }), children && _jsx(Text, { children: children })] }));
     if (insideForm && !groupState) {
         return (_jsx(FieldWrapper, { ...{
                 as: 'label',
@@ -166,13 +166,13 @@ function Checkbox(props, ref) {
                 labelSuffix,
                 Component: checkboxField,
                 ref: domRef,
-            } }, void 0));
+            } }));
     }
     return (_jsxs(CheckboxWrapperElement, { as: "label", styles: styles, isHidden: isHidden, ...hoverProps, ...filterBaseProps(otherProps), ref: domRef, children: [checkboxField, label ? (_jsx(Element, { styles: labelStyles, mods: {
                     invalid: validationState === 'invalid',
                     valid: validationState === 'valid',
                     disabled: isDisabled,
-                }, ...filterBaseProps(labelProps), children: label }, void 0)) : null] }, void 0));
+                }, ...filterBaseProps(labelProps), children: label })) : null] }));
 }
 /**
  * Checkboxes allow users to select multiple items from a list of individual items,