@cube-dev/ui-kit 0.0.0-canary-76be278 → 0.0.0-canary-7e4ec9d

package/es/tokens.js

@@ -0,0 +1,309 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
+ * Released under the MIT license.
+ */
+
+const colors = {
+    pink: '255 100 146',
+    'pink-02': '255 131 168',
+    purple: '113 110 238',
+    'purple-text': '105 103 227',
+    'purple-bg': '241 239 250',
+    'purple-icon': '142, 134, 237',
+    'purple-01': '122 119 255',
+    'purple-02': '149 146 255',
+    'purple-03': '175 173 255',
+    'purple-04': '202 201 255',
+    focus: '172 163 238',
+    text: '91 92 125',
+    dark: '25 26 46',
+    'dark-01': '25 26 46',
+    'dark-02': '69 68 98',
+    'dark-03': '115 114 139',
+    'dark-04': '161 161 178',
+    'dark-05': '213 213 222',
+    'dark-bg': '249 249 251',
+    light: '246 246 248',
+    white: '255 255 255',
+    black: '0 0 0',
+    danger: '227 70 75',
+    'danger-text': '208 57 56',
+    'danger-bg': '253 245 244',
+    'danger-icon': '245 101 99',
+    success: '9 145 88',
+    'success-text': '12 135 82',
+    'success-icon': '40 165 104',
+    'success-bg': '238 249 242',
+    note: '158 119 19',
+    'note-text': '150 112 8',
+    'note-bg': '253 245 233',
+    'note-icon': '181 140 44',
+    border: '227 227 233',
+    // 'light-border': '237 237 240',
+    'light-border': '227 227 233', // deprecated
+};
+export const SIZES = {
+    XS: 24,
+    SM: 28,
+    MD: 32,
+    LG: 40,
+    XL: 48,
+};
+export const SIZES_MAP = {
+    xsmall: 'XS',
+    small: 'SM',
+    medium: 'MD',
+    large: 'LG',
+    xlarge: 'XL',
+};
+function color(name, opacity = 1) {
+    return `rgb(${colors[name]} / ${opacity})`;
+}
+const TOKENS = {
+    // Base and legacy tokens
+    'font-size': '14px',
+    'line-height': '20px',
+    'input-font-size': '14px',
+    'input-line-height': '20px',
+    'input-letter-spacing': '0.02em',
+    'disabled-opacity': '.4',
+    gap: '8px',
+    'stroke-width': 1.5,
+    'outline-width': 'calc(1rem / 16 * 3)',
+    'border-width': '1px',
+    radius: '6px',
+    'large-radius': '(1r + .5x)',
+    'card-radius': '(1r + .5x)',
+    'leaf-sharp-radius': '0px',
+    'fade-width': '32px',
+    transition: '80ms',
+    'disclosure-transition': '120ms',
+    'min-dialog-size': 'min(288px, calc(100vw - (2 * var(--gap))))',
+    'clear-color': 'transparent',
+    'border-opaque-color': 'rgb(227 227 233)',
+    'shadow-color': color('dark', 0.06),
+    'draft-color': color('dark', 0.2),
+    'minor-color': color('dark', 0.65),
+    'danger-bg-hover-color': color('danger', 0.1),
+    'dark-75-color': color('dark', 0.75),
+    'primary-color': color('purple'),
+    'pink-8-color': color('pink', 0.2),
+    'pink-9-color': color('pink', 0.1),
+    'disabled-color': color('dark-01', 0.25),
+    'disabled-text-color': color('dark-01', 0.25),
+    'disabled-bg-color': color('dark-05', 0.2),
+    'max-content-width': '1440px',
+    'topbar-height': '48px',
+    'devmodebar-height': '54px',
+    'sidebar-width': '200px',
+    'border-radius-base': '4px',
+    // shadows
+    'item-shadow': '0 1bw .375x #dark.15',
+    'card-shadow': '0 .5x 2x #shadow',
+    'dialog-shadow': '0 1x 4x #dark.15',
+    // button/input sizes
+    'size-xs': `${SIZES.XS}px`,
+    'size-sm': `${SIZES.SM}px`,
+    'size-md': `${SIZES.MD}px`,
+    'size-lg': `${SIZES.LG}px`,
+    'size-xl': `${SIZES.XL}px`,
+    // space sizes
+    'space-xs': '.5x',
+    'space-sm': '.75x',
+    'space-md': '1x',
+    'space-lg': '1.5x',
+    'space-xl': '2x',
+    // font sizes
+    'text-font-size': '14px',
+    'text-line-height': '20px',
+    'text-letter-spacing': '0',
+    // h1
+    'h1-font-size': '36px',
+    'h1-line-height': '44px',
+    'h1-letter-spacing': '-0.01em',
+    'h1-font-weight': '600',
+    'h1-bold-font-weight': '700',
+    'h1-icon-size': '40px',
+    // h2
+    'h2-font-size': '24px',
+    'h2-line-height': '32px',
+    'h2-letter-spacing': '0em',
+    'h2-font-weight': '600',
+    'h2-bold-font-weight': '700',
+    'h2-icon-size': '28px',
+    // h3
+    'h3-font-size': '20px',
+    'h3-line-height': '28px',
+    'h3-letter-spacing': '0em',
+    'h3-font-weight': '600',
+    'h3-bold-font-weight': '700',
+    'h3-icon-size': '24px',
+    // h4
+    'h4-font-size': '18px',
+    'h4-line-height': '24px',
+    'h4-letter-spacing': '0',
+    'h4-font-weight': '600',
+    'h4-bold-font-weight': '700',
+    'h4-icon-size': '22px',
+    // h5
+    'h5-font-size': '16px',
+    'h5-line-height': '22px',
+    'h5-letter-spacing': '0',
+    'h5-font-weight': '600',
+    'h5-bold-font-weight': '700',
+    'h5-icon-size': '20px',
+    // h6
+    'h6-font-size': '14px',
+    'h6-line-height': '20px',
+    'h6-letter-spacing': '0.01em',
+    'h6-font-weight': '600',
+    'h6-bold-font-weight': '700',
+    'h6-icon-size': '20px',
+    // t1
+    't1-font-size': '18px',
+    't1-line-height': '24px',
+    't1-letter-spacing': '0',
+    't1-font-weight': '400',
+    't1-icon-size': '20px',
+    // t2
+    't2-font-size': '16px',
+    't2-line-height': '22px',
+    't2-letter-spacing': '0',
+    't2-font-weight': '400',
+    't2-icon-size': '20px',
+    // t2m
+    't2m-font-size': '16px',
+    't2m-line-height': '22px',
+    't2m-letter-spacing': '0',
+    't2m-font-weight': '500',
+    't2m-icon-size': '20px',
+    // t3
+    't3-font-size': '14px',
+    't3-line-height': '20px',
+    't3-letter-spacing': '0',
+    't3-font-weight': '400',
+    't3-icon-size': '18px',
+    // t3m
+    't3m-font-size': '14px',
+    't3m-line-height': '20px',
+    't3m-letter-spacing': '0',
+    't3m-font-weight': '500',
+    't3m-icon-size': '18px',
+    // t4
+    't4-font-size': '12px',
+    't4-line-height': '18px',
+    't4-letter-spacing': '0',
+    't4-font-weight': '500',
+    't4-icon-size': '16px',
+    // t4m
+    't4m-font-size': '12px',
+    't4m-line-height': '18px',
+    't4m-letter-spacing': '0',
+    't4m-font-weight': '600',
+    't4m-bold-font-weight': '700',
+    't4m-icon-size': '16px',
+    // m1
+    'm1-font-size': '18px',
+    'm1-line-height': '32px',
+    'm1-letter-spacing': '0',
+    'm1-font-weight': '400',
+    'm1-icon-size': '22px',
+    // m2
+    'm2-font-size': '16px',
+    'm2-line-height': '28px',
+    'm2-letter-spacing': '0',
+    'm2-font-weight': '400',
+    'm2-icon-size': '20px',
+    // m2
+    'm3-font-size': '14px',
+    'm3-line-height': '24px',
+    'm3-letter-spacing': '0',
+    'm3-font-weight': '400',
+    'm3-icon-size': '20px',
+    // p1
+    'p1-font-size': '18px',
+    'p1-line-height': '28px',
+    'p1-letter-spacing': '0',
+    'p1-font-weight': '400',
+    'p1-icon-size': '22px',
+    // p2
+    'p2-font-size': '16px',
+    'p2-line-height': '24px',
+    'p2-letter-spacing': '0',
+    'p2-font-weight': '400',
+    'p2-icon-size': '20px',
+    // p3
+    'p3-font-size': '14px',
+    'p3-line-height': '22px',
+    'p3-letter-spacing': '0',
+    'p3-font-weight': '400',
+    'p3-icon-size': '18px',
+    // p4
+    'p4-font-size': '12px',
+    'p4-line-height': '20px',
+    'p4-letter-spacing': '0',
+    'p4-font-weight': '500',
+    'p4-icon-size': '16px',
+    // c1
+    'c1-font-size': '14px',
+    'c1-line-height': '20px',
+    'c1-letter-spacing': '0',
+    'c1-font-weight': '600',
+    'c1-font-bold-weight': '700',
+    'c1-text-transform': 'uppercase',
+    'c1-icon-size': '18px',
+    // c2
+    'c2-font-size': '12px',
+    'c2-line-height': '18px',
+    'c2-letter-spacing': '0.01em',
+    'c2-font-weight': '600',
+    'c2-font-bold-weight': '700',
+    'c2-text-transform': 'uppercase',
+    'c2-icon-size': '16px',
+    // tag
+    'tag-font-size': '12px',
+    'tag-line-height': '18px',
+    'tag-letter-spacing': '0.01em',
+    'tag-font-weight': '600',
+    'tag-bold-font-weight': '700',
+    'tag-icon-size': '16px',
+    // strong
+    'strong-font-size': 'inherit',
+    'strong-line-height': 'inherit',
+    'strong-letter-spacing': 'inherit',
+    'strong-font-family': 'inherit',
+    'strong-font-style': 'inherit',
+    'strong-font-weight': 'var(--bold-font-weight, var(--default-bold-font-weight, 600))',
+    // em
+    'em-font-size': 'inherit',
+    'em-line-height': 'inherit',
+    'em-letter-spacing': 'inherit',
+    'em-font-family': 'inherit',
+    'em-font-style': 'italic',
+    'em-font-weight': 'inherit',
+    // default
+    'default-font-size': 'var(--t3-font-size)',
+    'default-line-height': 'var(--t3-line-height)',
+    'default-letter-spacing': 'var(--t3-letter-spacing)',
+    'default-font-weight': 'var(--t3-font-weight)',
+    'default-bold-font-weight': '600',
+    'default-icon-size': 'inherit',
+    // scrollbar colors
+    'scrollbar-width': '1.5x',
+    'scrollbar-outline-width': '1ow',
+    'scrollbar-radius': '1.5r',
+    'scrollbar-thumb-color': 'rgb(var(--text-color-rgb) / .5)',
+    'scrollbar-outline-color': 'var(--clear-color)',
+    'scrollbar-bg-color': 'var(--dark-bg-color)',
+    'scrollbar-corner-color': 'var(--clear-color)',
+};
+// Map color tokens
+Object.keys(colors).forEach((name) => {
+    TOKENS[`${name}-color`] = color(name);
+    TOKENS[`${name}-color-rgb`] = colors[name];
+});
+export { TOKENS };
+
+        

package/es/utils/ResizeSensor.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/modules.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/promise.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/raf.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/random.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/range.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/RenderCache.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/Slots.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/chain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/forwardRefWithGenerics.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/interactions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/isTextOnly.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/mapProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/mergeProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/nullableValue.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/resolveIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/sharedStore.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/useCombinedRefs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/useControlledFocusVisible.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/useEventBus.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/useId.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/useIsDarwin.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/useKeySymbols.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/useLayoutEffect.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/useLocalStorage.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/useQaProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/useViewportSize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/react/wrapNodeIfPlain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 

package/es/version.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-76be278
+ * @cube-dev/ui-kit v0.0.0-canary-7e4ec9d
  * Released under the MIT license.
  */
 
-export const VERSION = '0.0.0-canary-76be278';
+export const VERSION = '0.0.0-canary-7e4ec9d';
 if (typeof window !== 'undefined') {
     const version = VERSION;
     // Ensure CubeUIKit is defined on window in a way bundlers recognize

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-76be278",
+  "version": "0.0.0-canary-7e4ec9d",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
@@ -21,8 +21,6 @@
     "styled-components": ">= 5.3.0"
   },
   "dependencies": {
-    "@babel/helper-plugin-utils": "^7.24.0",
-    "@babel/types": "^7.24.0",
     "@ianvs/prettier-plugin-sort-imports": "^4.4.1",
     "@internationalized/date": "^3.7.0",
     "@react-aria/focus": "^3.21.0",