@cube-dev/ui-kit 0.29.1 → 0.30.0

package/cjs/tasty/utils/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.0
  * Released under the MIT license.
  */
 

package/cjs/tasty/utils/mergeStyles.js

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

package/cjs/tasty/utils/modAttrs.js

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

package/cjs/tasty/utils/renderStyles.js

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

package/cjs/tasty/utils/responsive.js

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

package/cjs/tasty/utils/string.js

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

package/cjs/tasty/utils/styles.js

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

package/cjs/tasty/utils/warnings.js

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

package/cjs/tokens.js

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

package/cjs/type-checks.js

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

package/cjs/utils/ResizeSensor.js

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

package/cjs/utils/modules.js

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

package/cjs/utils/promise.js

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

package/cjs/utils/random.js

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

package/cjs/utils/range.js

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

package/cjs/utils/react/Slots.js

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

package/cjs/utils/react/chain.js

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

package/cjs/utils/react/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.0
  * Released under the MIT license.
  */
 

package/cjs/utils/react/interactions.js

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

package/cjs/utils/react/isTextOnly.js

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

package/cjs/utils/react/mapProps.js

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

package/cjs/utils/react/mergeProps.js

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

package/cjs/utils/react/nullableValue.js

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

package/cjs/utils/react/useCombinedRefs.js

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

package/cjs/utils/react/useId.js

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

package/cjs/utils/react/useLayoutEffect.js

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

package/cjs/utils/react/useViewportSize.js

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

package/cjs/utils/react/wrapNodeIfPlain.js

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

package/cjs/utils/transitions.js

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

package/cjs/utils/tree.js

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

package/cjs/utils/warnings.js

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

package/es/_internal/hooks/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.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-chained-callback.js

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

package/es/_internal/hooks/use-deprecation-warning.js

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

package/es/_internal/hooks/use-effect-once.js

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

package/es/_internal/hooks/use-event.js

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

package/es/_internal/hooks/use-is-first-render.js

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

package/es/_internal/hooks/use-sync-ref.js

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

package/es/_internal/hooks/use-timer/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.0
  * Released under the MIT license.
  */
 

package/es/_internal/hooks/use-timer/timer.js

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

package/es/_internal/hooks/use-timer/use-timer.js

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

package/es/_internal/hooks/use-update-effect.js

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

package/es/_internal/hooks/use-warn.js

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

package/es/_internal/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.0
  * Released under the MIT license.
  */
 

package/es/components/Block.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.29.1
+ * @cube-dev/ui-kit v0.30.0
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../tasty';
 const BlockElement = tasty({
-    styled: {
+    styles: {
         display: 'block',
     },
 });

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.0
  * 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.0
  * 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.0
  * 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.0
  * 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.0
  * 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.0
  * 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.0
  * 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.0
  * Released under the MIT license.
  */