@cube-dev/ui-kit 0.23.1 → 0.24.0

package/cjs/utils/random.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * Released under the MIT license.
  */
 

package/es/components/Base.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * Released under the MIT license.
  */
 

package/es/components/GlobalStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.1
+ * @cube-dev/ui-kit v0.24.0
  * Released under the MIT license.
  */
 
@@ -21,12 +21,12 @@ const BODY_STYLES = {
     'letter-spacing': '0.02em',
     'font-weight': '400',
 };
-const fontsProvider = ({ publicUrl = '' }) => `
+const fontsProvider = ({ publicUrl = '', fontDisplay = 'swap' }) => `
   @font-face {
     font-family: 'Inter';
     font-style: normal;
     font-weight: 400;
-    font-display: swap;
+    font-display: ${fontDisplay};
     src: url(${publicUrl}/fonts/Inter-Regular.woff2) format('woff2'),
       url(${publicUrl}/fonts/Inter-Regular.woff) format('woff');
   }
@@ -34,7 +34,7 @@ const fontsProvider = ({ publicUrl = '' }) => `
     font-family: 'Inter';
     font-style: normal;
     font-weight: 500;
-    font-display: swap;
+    font-display: ${fontDisplay};
     src: url(${publicUrl}/fonts/Inter-Medium.woff2) format('woff2'),
       url(${publicUrl}/fonts/Inter-Medium.woff) format('woff');
   }
@@ -42,7 +42,7 @@ const fontsProvider = ({ publicUrl = '' }) => `
     font-family: 'Inter';
     font-style: normal;
     font-weight: 600;
-    font-display: swap;
+    font-display: ${fontDisplay};
     src: url(${publicUrl}/fonts/Inter-SemiBold.woff2) format('woff2'),
       url(${publicUrl}/fonts/Inter-SemiBold.woff) format('woff');
   }
@@ -50,7 +50,7 @@ const fontsProvider = ({ publicUrl = '' }) => `
     font-family: 'Inter';
     font-style: normal;
     font-weight: 700;
-    font-display: swap;
+    font-display: ${fontDisplay};
     src: url(${publicUrl}/fonts/Inter-Bold.woff2) format('woff2'),
       url(${publicUrl}/fonts/Inter-Bold.woff) format('woff');
   }
@@ -60,14 +60,14 @@ const fontsProvider = ({ publicUrl = '' }) => `
       url('${publicUrl}/fonts/SourceCodePro-Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
-    font-display: swap;
+    font-display: ${fontDisplay};
   }
 
   @font-face {
     font-family: 'JetBrains Mono';
     font-style: normal;
     font-weight: 400;
-    font-display: swap;
+    font-display: ${fontDisplay};
     src: url(${publicUrl}/fonts/JetBrainsMono-Regular.woff2) format('woff2'),
       url(${publicUrl}/fonts/JetBrainsMono-Regular.woff) format('woff');
   }
@@ -76,7 +76,7 @@ const fontsProvider = ({ publicUrl = '' }) => `
     font-family: 'JetBrains Mono';
     font-style: normal;
     font-weight: 700;
-    font-display: swap;
+    font-display: ${fontDisplay};
     src: url(${publicUrl}/fonts/JetBrainsMono-Bold.woff2) format('woff2'),
       url(${publicUrl}/fonts/JetBrainsMono-Bold.woff) format('woff');
   }
@@ -117,6 +117,17 @@ export const GlobalStyles = createGlobalStyle `
     --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;}`}
+  }
+
+  kbd {
+    font-family: var(--c2-font-family);
+    font-weight: var(--c2-font-weight);
+    font-size: var(--c2-font-size);
+    border: var(--border-width) solid var(--dark-04-color);
+    background-color: white;
+    border-radius: var(--radius);
+    padding: 0 var(--outline-width);
+  }
 
   .cube-notification-container {
     min-width: 288px;
@@ -184,7 +195,9 @@ export const GlobalStyles = createGlobalStyle `
     font-family: var(--monospace-font);
   }
 
-  ${({ fonts, publicUrl }) => fonts === false ? '' : fontsProvider({ publicUrl })}
+  ${({ fonts, publicUrl, fontDisplay }) => fonts === false
+    ? ''
+    : fontsProvider({ publicUrl, ...(fontDisplay ? { fontDisplay } : {}) })}
 
   // Prism Code
   code[class*="language-"],

package/es/components/GridProvider.js

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

package/es/components/HiddenInput.js

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

package/es/components/OpenTrasition.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * Released under the MIT license.
  */
 
@@ -37,7 +37,7 @@ const IS_DVH_SUPPORTED = typeof CSS !== 'undefined' && typeof CSS?.supports ===
 export function Root(allProps) {
     let { children, 
     /** Raw css styles for body element */
-    bodyStyles, fonts, publicUrl, router, font, monospaceFont, applyLegacyTokens, tracking, ...props } = allProps;
+    bodyStyles, fontDisplay = 'swap', fonts, publicUrl, router, font, monospaceFont, applyLegacyTokens, tracking, ...props } = allProps;
     const ref = useRef(null);
     const [rootRef, setRootRef] = useState();
     // We need to measure the window's height in JS rather than using percentages in CSS
@@ -78,11 +78,11 @@ 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, ...filterBaseProps(props, { eventProps: true }), styles: styles, style: {
+    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: {
                         '--cube-dynamic-viewport-height': height
                             ? height + 'px'
                             : '100dvh',
-                    }, children: [_jsx(GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont }, void 0), _jsx(ModalProvider, { children: _jsx(PortalProvider, { value: ref, children: _jsx(NotificationsProvider, { rootRef: ref, children: _jsx(AlertDialogApiProvider, { children: children }, void 0) }, void 0) }, void 0) }, void 0)] }, void 0) }, void 0) }, void 0) }, void 0));
+                    }, children: [_jsx(GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont, fontDisplay: fontDisplay }, void 0), _jsx(ModalProvider, { children: _jsx(PortalProvider, { value: ref, children: _jsx(NotificationsProvider, { rootRef: ref, children: _jsx(AlertDialogApiProvider, { children: children }, void 0) }, void 0) }, void 0) }, void 0)] }, void 0) }, void 0) }, void 0) }, void 0));
 }
 
         

package/es/components/actions/Action.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.1
+ * @cube-dev/ui-kit v0.24.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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * 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.23.1
+ * @cube-dev/ui-kit v0.24.0
  * Released under the MIT license.
  */