@cube-dev/ui-kit 0.0.0-canary-46cdcd9 → 0.0.0-canary-154d528

package/es/tasty/styles/margin.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/styles/outline.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/styles/padding.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/styles/place.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/styles/predefined.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/styles/preset.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/styles/radius.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/styles/reset.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/styles/scrollbar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/styles/shadow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/styles/styledScrollbar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/styles/transition.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/styles/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/styles/width.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/tasty.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/utils/cache-wrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/utils/case-converter.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/utils/colors.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/utils/dotize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/utils/filterBaseProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/utils/getDisplayName.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/utils/isDevEnv.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/utils/mergeStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/utils/modAttrs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/utils/processTokens.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/utils/string.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/utils/styles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 
@@ -28,9 +28,6 @@ const SIMPLE_COLOR_PATTERNS = [
 // Rate limiting for dev warnings to avoid spam
 let colorWarningCount = 0;
 const MAX_COLOR_WARNINGS = 10;
-const IS_DVH_SUPPORTED = typeof CSS !== 'undefined' && typeof CSS?.supports === 'function'
-    ? CSS.supports('height: 100dvh')
-    : false;
 export const CUSTOM_UNITS = {
     r: 'var(--radius)',
     cr: 'var(--card-radius)',
@@ -44,12 +41,6 @@ export const CUSTOM_UNITS = {
     sf: function sf(num) {
         return `minmax(0, ${num}fr)`;
     },
-    // global setting
-    dvh: function dvh(num) {
-        return IS_DVH_SUPPORTED
-            ? `${num}dvh`
-            : `calc(var(--cube-dynamic-viewport-height, 100dvh) / 100 * ${num})`;
-    },
     // span unit for GridProvider
     sp: function spanWidth(num) {
         return `((${num} * var(--column-width)) + (${num - 1} * var(--column-gap)))`;

package/es/tasty/utils/typography.js

@@ -0,0 +1,67 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
+ * Released under the MIT license.
+ */
+
+import { TYPOGRAPHY_PRESETS } from '../../tokens/typography';
+/**
+ * Generate typography tokens with $ prefix for CSS custom properties.
+ *
+ * Each preset generates the following CSS custom properties:
+ * - `${name}-font-size`
+ * - `${name}-line-height`
+ * - `${name}-letter-spacing`
+ * - `${name}-font-weight`
+ * - `${name}-bold-font-weight` (if defined)
+ * - `${name}-icon-size` (if defined)
+ * - `${name}-text-transform` (if defined)
+ * - `${name}-font-family` (if defined)
+ * - `${name}-font-style` (if defined)
+ *
+ * @param presets - Typography presets object (defaults to TYPOGRAPHY_PRESETS)
+ * @returns Styles object with $ prefixed keys
+ *
+ * @example
+ * // Using default presets
+ * const tokens = generateTypographyTokens();
+ * // tokens['$h1-font-size'] === '36px'
+ *
+ * @example
+ * // Using custom presets
+ * const customTokens = generateTypographyTokens({
+ *   myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' }
+ * });
+ */
+export function generateTypographyTokens(presets = TYPOGRAPHY_PRESETS) {
+    const tokens = {};
+    for (const [name, preset] of Object.entries(presets)) {
+        tokens[`$${name}-font-size`] = preset.fontSize;
+        tokens[`$${name}-line-height`] = preset.lineHeight;
+        tokens[`$${name}-letter-spacing`] = preset.letterSpacing ?? '0';
+        tokens[`$${name}-font-weight`] = preset.fontWeight;
+        if (preset.boldFontWeight !== undefined) {
+            // Handle different property naming for c1 (uses font-bold-weight instead of bold-font-weight)
+            const boldKey = name === 'c1'
+                ? `$${name}-font-bold-weight`
+                : `$${name}-bold-font-weight`;
+            tokens[boldKey] = preset.boldFontWeight;
+        }
+        if (preset.iconSize !== undefined) {
+            tokens[`$${name}-icon-size`] = preset.iconSize;
+        }
+        if (preset.textTransform !== undefined) {
+            tokens[`$${name}-text-transform`] = preset.textTransform;
+        }
+        if (preset.fontFamily !== undefined) {
+            tokens[`$${name}-font-family`] = preset.fontFamily;
+        }
+        if (preset.fontStyle !== undefined) {
+            tokens[`$${name}-font-style`] = preset.fontStyle;
+        }
+    }
+    return tokens;
+}
+
+        

package/es/tasty/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/zero/babel.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/zero/css-writer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/zero/extractor.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/zero/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tasty/zero/next.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-46cdcd9
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
  * Released under the MIT license.
  */
 

package/es/tokens/base.js

@@ -0,0 +1,90 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
+ * Released under the MIT license.
+ */
+
+/**
+ * Base design system tokens.
+ * These define the fundamental units and values used throughout the system.
+ *
+ * Keys use $ prefix for CSS custom properties.
+ * Color values use tasty syntax (#color.opacity) which will be
+ * processed when applied via useGlobalStyles.
+ */
+export const BASE_TOKENS = {
+    // Typography base
+    /** @deprecated Use preset tokens instead */
+    '$font-size': '14px',
+    /** @deprecated Use preset tokens instead */
+    '$line-height': '20px',
+    // Input typography
+    '$input-font-size': '14px',
+    '$input-line-height': '20px',
+    '$input-letter-spacing': '0.02em',
+    // Opacity & dimensions
+    /** Opacity for disabled elements */
+    '$disabled-opacity': '.4',
+    /** Base gap unit for spacing (used with `.5x`, `1x`, `2x` etc.) */
+    $gap: '8px',
+    /** Stroke width for icons */
+    '$stroke-width': 1.5,
+    /** Focus outline width */
+    '$outline-width': 'calc(1rem / 16 * 3)',
+    /** Border width for bordered elements */
+    '$border-width': '1px',
+    // Border radius
+    /** Base border radius (used with `1r`, `2r` etc.) */
+    $radius: '6px',
+    /** Larger radius using tasty calc: 1r + 0.5x */
+    '$large-radius': '(1r + .5x)',
+    /** Card border radius */
+    '$card-radius': '(1r + .5x)',
+    /** Sharp corner for leaf shapes */
+    '$leaf-sharp-radius': '0px',
+    // Misc dimensions
+    /** Width of fade effect for overflowing content */
+    '$fade-width': '32px',
+    /** Minimum dialog width (responsive) */
+    '$min-dialog-size': 'min(288px, calc(100vw - (2 * var(--gap))))',
+    // Transitions
+    /** Default transition duration */
+    $transition: '80ms',
+    /** Transition for disclosure animations */
+    '$disclosure-transition': '120ms',
+    // Semantic colors - using tasty color syntax with opacity
+    /** Transparent color */
+    '$clear-color': 'transparent',
+    /** Opaque border color (not using opacity) */
+    '$border-opaque-color': 'rgb(227 227 233)',
+    /** Shadow color */
+    '$shadow-color': '#dark.06',
+    /** Draft/placeholder color */
+    '$draft-color': '#dark.2',
+    /** Minor/secondary text color */
+    '$minor-color': '#dark.65',
+    /** Danger background on hover */
+    '$danger-bg-hover-color': '#danger.1',
+    /** Dark at 75% opacity */
+    '$dark-75-color': '#dark.75',
+    /** Primary brand color */
+    '$primary-color': '#purple',
+    // Pink opacity variants
+    '$pink-8-color': '#pink.2',
+    '$pink-9-color': '#pink.1',
+    // Disabled state colors
+    '$disabled-color': '#dark-01.25',
+    '$disabled-text-color': '#dark-01.25',
+    '$disabled-bg-color': '#dark-05.2',
+    // Scrollbar tokens
+    '$scrollbar-width': '1.5x',
+    '$scrollbar-outline-width': '1ow',
+    '$scrollbar-radius': '1.5r',
+    '$scrollbar-thumb-color': '#text.5',
+    '$scrollbar-outline-color': '#clear',
+    '$scrollbar-bg-color': '#dark-bg',
+    '$scrollbar-corner-color': '#clear',
+};
+
+        

package/es/tokens/colors.js

@@ -0,0 +1,51 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
+ * Released under the MIT license.
+ */
+
+/**
+ * Color tokens with # prefix for tasty color definitions.
+ * The tasty system automatically generates {name}-color-rgb variants.
+ */
+export const COLOR_TOKENS = {
+    '#pink': 'rgb(255 100 146)',
+    '#pink-02': 'rgb(255 131 168)',
+    '#purple': 'rgb(113 110 238)',
+    '#purple-text': 'rgb(105 103 227)',
+    '#purple-bg': 'rgb(241 239 250)',
+    '#purple-icon': 'rgb(142 134 237)',
+    '#purple-01': 'rgb(122 119 255)',
+    '#purple-02': 'rgb(149 146 255)',
+    '#purple-03': 'rgb(175 173 255)',
+    '#purple-04': 'rgb(202 201 255)',
+    '#focus': 'rgb(172 163 238)',
+    '#text': 'rgb(91 92 125)',
+    '#dark': 'rgb(25 26 46)',
+    '#dark-01': 'rgb(25 26 46)',
+    '#dark-02': 'rgb(69 68 98)',
+    '#dark-03': 'rgb(115 114 139)',
+    '#dark-04': 'rgb(161 161 178)',
+    '#dark-05': 'rgb(213 213 222)',
+    '#dark-bg': 'rgb(249 249 251)',
+    '#light': 'rgb(246 246 248)',
+    '#white': 'rgb(255 255 255)',
+    '#black': 'rgb(0 0 0)',
+    '#danger': 'rgb(227 70 75)',
+    '#danger-text': 'rgb(208 57 56)',
+    '#danger-bg': 'rgb(253 245 244)',
+    '#danger-icon': 'rgb(245 101 99)',
+    '#success': 'rgb(9 145 88)',
+    '#success-text': 'rgb(12 135 82)',
+    '#success-icon': 'rgb(40 165 104)',
+    '#success-bg': 'rgb(238 249 242)',
+    '#note': 'rgb(158 119 19)',
+    '#note-text': 'rgb(150 112 8)',
+    '#note-bg': 'rgb(253 245 233)',
+    '#note-icon': 'rgb(181 140 44)',
+    '#border': 'rgb(227 227 233)',
+    '#light-border': 'rgb(227 227 233)',
+};
+
+        

package/es/tokens/index.js

@@ -0,0 +1,63 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
+ * Released under the MIT license.
+ */
+
+/**
+ * Design tokens for the Cube UI Kit.
+ *
+ * This module exports all design tokens used throughout the design system.
+ * All token keys use $ prefix for CSS custom properties.
+ *
+ * Categories:
+ * - Colors: Base color palette with -color and -color-rgb variants
+ * - Typography: Font presets for headings, text, paragraphs, etc.
+ * - Sizes: Component size values (XS, SM, MD, LG, XL)
+ * - Spacing: Space tokens using gap multipliers
+ * - Shadows: Shadow definitions for elevation
+ * - Layout: Common layout dimensions
+ * - Base: Core design system values
+ */
+import { generateTypographyTokens } from '../tasty/utils/typography';
+import { BASE_TOKENS } from './base';
+import { COLOR_TOKENS } from './colors';
+import { LAYOUT_TOKENS } from './layout';
+import { SHADOW_TOKENS } from './shadows';
+import { SIZE_TOKENS } from './sizes';
+import { SPACE_TOKENS } from './spacing';
+/**
+ * All design tokens combined into a single Styles object.
+ * Keys use $ prefix for CSS custom properties.
+ *
+ * Ready for use with useGlobalStyles('body', TOKENS).
+ *
+ * Includes:
+ * - Base tokens ($gap, $radius, etc.)
+ * - Space tokens ($space-xs, $space-sm, etc.)
+ * - Size tokens ($size-xs, $size-sm, etc.)
+ * - Shadow tokens ($item-shadow, $card-shadow, etc.)
+ * - Layout tokens ($max-content-width, $topbar-height, etc.)
+ * - Typography tokens ($h1-font-size, $t3-line-height, etc.)
+ * - Color tokens ($purple-color, $purple-color-rgb, etc.)
+ */
+export const TOKENS = {
+    ...BASE_TOKENS,
+    ...SPACE_TOKENS,
+    ...SIZE_TOKENS,
+    ...SHADOW_TOKENS,
+    ...LAYOUT_TOKENS,
+    ...generateTypographyTokens(),
+    ...COLOR_TOKENS,
+};
+// Re-export category modules for direct access
+export { COLOR_TOKENS } from './colors';
+export { SIZES, SIZE_NAME_TO_KEY, SIZES_MAP, SIZE_TOKENS } from './sizes';
+export { SPACE_TOKENS } from './spacing';
+export { SHADOW_TOKENS } from './shadows';
+export { LAYOUT_TOKENS } from './layout';
+export { BASE_TOKENS } from './base';
+export { TYPOGRAPHY_PRESETS } from './typography';
+
+        

package/es/tokens/layout.js

@@ -0,0 +1,26 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-154d528
+ * Released under the MIT license.
+ */
+
+/**
+ * Layout-related tokens for common UI dimensions.
+ *
+ * Keys use $ prefix for CSS custom properties.
+ */
+export const LAYOUT_TOKENS = {
+    /** Maximum width for main content areas */
+    '$max-content-width': '1440px',
+    /** Height of the top navigation bar */
+    '$topbar-height': '48px',
+    /** Height of the development mode indicator bar */
+    '$devmodebar-height': '54px',
+    /** Width of the sidebar navigation */
+    '$sidebar-width': '200px',
+    /** Base border radius (legacy, prefer `radius`) */
+    '$border-radius-base': '4px',
+};
+
+