@cube-dev/ui-kit 0.29.1 → 0.30.1

package/es/components/GlobalStyles.js

@@ -1,10 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.29.1
+ * @cube-dev/ui-kit v0.30.1
  * Released under the MIT license.
  */
 
+import { jsx as _jsx } from "react/jsx-runtime";
 import { createGlobalStyle } from 'styled-components';
 import { TOKENS } from '../tokens';
 const BODY_STYLES = {
@@ -87,10 +88,10 @@ const fontsProvider = ({ publicUrl = '', fontDisplay = 'swap' }) => `
       url(${publicUrl}/fonts/text-security-disc.woff) format('woff');
   }
 `;
-export const GlobalStyles = createGlobalStyle `
+const GlobalStylesElement = createGlobalStyle `
   body {
-    ${({ applyLegacyTokens }) => {
-    return applyLegacyTokens
+    ${({ $applyLegacyTokens }) => {
+    return $applyLegacyTokens
         ? Object.entries(TOKENS)
             .map(([key, value]) => {
             // `inherit` value in custom property is reserved for inheritance behavior
@@ -103,8 +104,8 @@ export const GlobalStyles = createGlobalStyle `
             .join('\n    ')
         : '';
 }}
-    ${({ bodyStyles }) => {
-    return Object.entries({ ...BODY_STYLES, ...bodyStyles })
+    ${({ $bodyStyles }) => {
+    return Object.entries({ ...BODY_STYLES, ...$bodyStyles })
         .map(([key, value]) => {
         return `${key}: ${value};`;
     })
@@ -114,9 +115,9 @@ export const GlobalStyles = createGlobalStyle `
 
   html {
     overscroll-behavior-y: none;
-    --font: ${({ font }) => font ||
+    --font: ${({ $font }) => $font ||
     'Inter'}, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-    --monospace-font: ${({ monospaceFont }) => `${monospaceFont ? `${monospaceFont}, ` : ''}Menlo, Monaco, Consolas, 'Courier New', monospace;}`}
+    --monospace-font: ${({ $monospaceFont }) => `${$monospaceFont ? `${$monospaceFont}, ` : ''}Menlo, Monaco, Consolas, 'Courier New', monospace;`}
   }
 
   kbd {
@@ -196,11 +197,13 @@ export const GlobalStyles = createGlobalStyle `
     font-family: var(--monospace-font);
   }
 
-  ${({ fonts, publicUrl, fontDisplay }) => fonts === false
+  ${({ $fonts, $publicUrl, $fontDisplay }) => $fonts === false
     ? ''
-    : fontsProvider({ publicUrl, ...(fontDisplay ? { fontDisplay } : {}) })}
-
-  // Prism Code
+    : fontsProvider({
+        publicUrl: $publicUrl,
+        ...($fontDisplay ? { fontDisplay: $fontDisplay } : {}),
+    })}
+    // Prism Code
   code[class*="language-"],
   pre[class*="language-"] {
     color: var(--dark-color);
@@ -342,5 +345,14 @@ export const GlobalStyles = createGlobalStyle `
     cursor: help;
   }
 `;
+export const GlobalStyles = (props) => {
+    const newProps = {};
+    Object.entries(props).forEach(([key, value]) => {
+        if (value !== undefined) {
+            newProps[`$${key}`] = value;
+        }
+    });
+    return _jsx(GlobalStylesElement, { ...newProps });
+};
 
         

package/es/components/GridProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.29.1
+ * @cube-dev/ui-kit v0.30.1
  * Released under the MIT license.
  */
 
@@ -11,7 +11,7 @@ import { filterBaseProps } from '../tasty';
 import { useCombinedRefs } from '../utils/react';
 import { tasty } from '../tasty';
 const GridElement = tasty({
-    styled: {
+    styles: {
         display: 'contents',
     },
 });

package/es/components/HiddenInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.29.1
+ * @cube-dev/ui-kit v0.30.1
  * Released under the MIT license.
  */
 
@@ -23,10 +23,9 @@ export const HiddenInput = styled.input `
     bottom: 0;
     opacity: 0.0001;
     z-index: 1;
-    cursor: ${({ isButton }) => (isButton ? 'pointer' : 'default')};
     width: 100%;
     height: 100%;
-    cursor: pointer;
+    cursor: ${({ $isButton }) => ($isButton ? 'pointer' : 'default')};
   }
 `;
 

package/es/components/OpenTrasition.js

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

package/es/components/Root.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.29.1
+ * @cube-dev/ui-kit v0.30.1
  * Released under the MIT license.
  */
 
@@ -78,7 +78,7 @@ export function Root(allProps) {
         }
     }, []);
     const styles = extractStyles(props, STYLES, DEFAULT_STYLES);
-    return (_jsx(Provider, { router: router, root: rootRef, children: _jsx(TrackingProvider, { event: tracking?.event, children: _jsx(StyleSheetManager, { disableVendorPrefixes: true, children: _jsxs(RootElement, { ref: ref, "data-font-display": fontDisplay, ...filterBaseProps(props, { eventProps: true }), styles: styles, style: {
+    return (_jsx(Provider, { router: router, root: rootRef, children: _jsx(TrackingProvider, { event: tracking?.event, children: _jsx(StyleSheetManager, { children: _jsxs(RootElement, { ref: ref, "data-font-display": fontDisplay, ...filterBaseProps(props, { eventProps: true }), styles: styles, style: {
                         '--cube-dynamic-viewport-height': height
                             ? height + 'px'
                             : '100dvh',

package/es/components/actions/Action.js

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

package/es/components/actions/Button/Button.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.29.1
+ * @cube-dev/ui-kit v0.30.1
  * Released under the MIT license.
  */
 
@@ -249,7 +249,9 @@ export const Button = forwardRef(function Button(allProps, ref) {
     }), [mods, isDisabled, isLoading, isSelected, singleIcon]);
     const { actionProps } = useAction({ ...allProps, isDisabled, mods: modifiers, ...(label ? { label } : {}) }, ref);
     const styles = extractStyles(props, STYLE_PROPS);
-    return (_jsxs(ButtonElement, { ...actionProps, variant: theme, "data-theme": theme, "data-type": type ?? 'secondary', "data-size": size ?? 'medium', styles: styles, children: [icon || isLoading ? (!isLoading ? (icon) : (_jsx(LoadingOutlined, { "data-element": "ButtonIcon" }))) : null, children, rightIcon] }));
+    const isDisabledElement = actionProps.isDisabled;
+    delete actionProps.isDisabled;
+    return (_jsxs(ButtonElement, { ...actionProps, disabled: isDisabledElement, variant: theme, "data-theme": theme, "data-type": type ?? 'secondary', "data-size": size ?? 'medium', styles: styles, children: [icon || isLoading ? (!isLoading ? (icon) : (_jsx(LoadingOutlined, { "data-element": "ButtonIcon" }))) : null, children, rightIcon] }));
 });
 
         

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

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

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

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

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

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

package/es/components/actions/index.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/components/content/Content.js

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

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

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

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

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

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

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

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

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

package/es/components/content/Divider.js

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

package/es/components/content/Footer.js

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

package/es/components/content/Header.js

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

package/es/components/content/Paragraph.js

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.29.1
+ * @cube-dev/ui-kit v0.30.1
  * Released under the MIT license.
  */
 
@@ -23,20 +23,27 @@ const PlaceholderElement = tasty({
 const StyledPlaceholder = styled(PlaceholderElement) `
   --placeholder-animation-time: 1.4s;
   --placeholder-animation-size: calc((180rem + 100vw) / 3);
-  background-image: linear-gradient(
-    135deg,
-    rgba(var(--dark-color-rgb), 0.15) 0%,
-    rgba(var(--dark-color-rgb), 0.15) 5%,
-    rgba(var(--dark-color-rgb), 0) 35%,
-    rgba(var(--dark-03-color-rgb), 0.2) 50%,
-    rgba(var(--dark-03-color-rgb), 0) 65%,
-    rgba(var(--dark-color-rgb), 0.15) 95%,
-    rgba(var(--dark-color-rgb), 0.15) 100%
-  );
   background-repeat: repeat;
   background-size: var(--placeholder-animation-size);
-  animation: placeholder-animation var(--placeholder-animation-time) linear
-    infinite;
+
+  && {
+    background-color: rgba(var(--dark-color-rgb), 0.15);
+  }
+
+  &[data-is-animated] {
+    animation: placeholder-animation var(--placeholder-animation-time) linear
+      infinite;
+    background-image: linear-gradient(
+      135deg,
+      rgba(var(--dark-color-rgb), 0.15) 0%,
+      rgba(var(--dark-color-rgb), 0.15) 5%,
+      rgba(var(--dark-color-rgb), 0) 35%,
+      rgba(var(--dark-03-color-rgb), 0.2) 50%,
+      rgba(var(--dark-03-color-rgb), 0) 65%,
+      rgba(var(--dark-color-rgb), 0.15) 95%,
+      rgba(var(--dark-color-rgb), 0.15) 100%
+    );
+  }
 
   @keyframes placeholder-animation {
     0% {
@@ -48,9 +55,9 @@ const StyledPlaceholder = styled(PlaceholderElement) `
   }
 `;
 export const Placeholder = forwardRef(function Placeholder(allProps, ref) {
-    let { size = '2x', circle, ...props } = allProps;
+    let { size = '2x', isStatic, circle, ...props } = allProps;
     let styles = extractStyles(props, CONTAINER_STYLES);
-    return (_jsx(StyledPlaceholder, { role: "region", ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: {
+    return (_jsx(StyledPlaceholder, { role: "region", ...filterBaseProps(props, { eventProps: true }), ref: ref, mods: { animated: !isStatic }, styles: {
             height: size,
             width: circle ? size : false,
             radius: circle ? '9999rem' : '1r',

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.29.1
+ * @cube-dev/ui-kit v0.30.1
  * 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 }) }));
+    return (_jsx(PreElement, { ref: ref, ...otherProps, children: _jsx("code", { "data-element": "Code", className: `language-${language}`, children: code }) }));
 }
 /**
  * Code block with syntax highlighting

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

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

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

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

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

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

package/es/components/content/Text.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.29.1
+ * @cube-dev/ui-kit v0.30.1
  * Released under the MIT license.
  */
 
@@ -21,7 +21,7 @@ const TextElement = tasty({
     styles: {
         display: {
             '': 'inline',
-            ellipsis: 'block',
+            'ellipsis | block': 'block',
         },
         margin: '0',
         whiteSpace: {
@@ -48,8 +48,9 @@ const _Text = forwardRef(function Text(allProps, ref) {
     const styles = extractStyles(props, STYLE_LIST, {}, TEXT_PROP_MAP);
     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 }));
+            ellipsis: !!ellipsis,
+            block: !!block,
+        }, ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }));
 });
 const Text = Object.assign(_Text, {
     Minor: forwardRef(function MinorText(props, ref) {

package/es/components/content/Title.js

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

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

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