@reifydb/ui 0.9.3 → 0.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.cjs +13 -13
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +33 -34
  4. package/dist/index.d.ts +33 -34
  5. package/dist/index.mjs +13 -13
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
  8. package/src/styles/base.css +12 -5
  9. package/src/styles/theme.css +35 -41
package/src/styles/theme.css CHANGED
@@ -2,16 +2,14 @@
2
2
  /* Copyright (c) 2026 ReifyDB */
3
3
 
4
4
  @theme {
5
- /* Background Colors - Light neutral surfaces */
6
- --color-bg-primary: #f7f7f8;
5
+ --color-bg-primary: #faf8f2;
7
6
  --color-bg-secondary: #ffffff;
8
- --color-bg-tertiary: #f0f0f2;
9
- --color-bg-elevated: #e4e4e7;
7
+ --color-bg-tertiary: #f4f3fb;
8
+ --color-bg-elevated: #e9e7f4;
10
9
 
11
- /* Text Colors - Zinc ramp */
12
- --color-text-primary: #18181b;
13
- --color-text-secondary: #3f3f46;
14
- --color-text-muted: #71717a;
10
+ --color-text-primary: #1b1840;
11
+ --color-text-secondary: #3a3766;
12
+ --color-text-muted: #5d5a80;
15
13
 
16
14
  /* Primary Colors - Indigo-violet accent */
17
15
  --color-primary: #7e85f2;
@@ -22,22 +20,21 @@
22
20
  --color-forest: #166534;
23
21
  --color-forest-border: #14572f;
24
22
 
25
- /* Border Colors - Near-black brutalist border + light hairlines */
26
- --color-border-default: #18181b;
27
- --color-border-light: #e4e4e7;
28
- --color-border-subtle: #d4d4d8;
23
+ --color-border-default: #8a8899;
24
+ --color-border-light: #1b18401f;
25
+ --color-border-subtle: #1b184033;
29
26
  --color-border-ghost: rgba(126, 133, 242, 0.3);
30
27
 
31
28
  /* Form inputs - fields blend into the page */
32
- --color-input-bg: #f7f7f8;
33
- --color-input-bg-focus: #f0f0f2;
29
+ --color-input-bg: #faf8f2;
30
+ --color-input-bg-focus: #f4f3fb;
34
31
 
35
32
  /* Code block colors - light */
36
- --color-code-bg: #f0f0f2;
33
+ --color-code-bg: #f4f3fb;
37
34
  --color-code-bg-elevated: #ffffff;
38
- --color-code-border: #d4d4d8;
39
- --color-code-text: #18181b;
40
- --color-code-text-muted: #71717a;
35
+ --color-code-border: #1b184033;
36
+ --color-code-text: #1b1840;
37
+ --color-code-text-muted: #5d5a80;
41
38
 
42
39
  /* Status colors - functional (real errors/warnings) */
43
40
  --color-status-success: #22C55E;
@@ -45,37 +42,34 @@
45
42
  --color-status-error: #DC2626;
46
43
  --color-status-info: #7e85f2;
47
44
 
48
- /* Shadows - Border-based depth */
49
- --shadow-soft: 0px 1px 3px rgba(0, 0, 0, 0.1);
50
- --shadow-medium: 0px 2px 8px rgba(0, 0, 0, 0.2);
51
- --shadow-large: 0px 4px 16px rgba(0, 0, 0, 0.3);
52
- --shadow-inset: 0px 4px 25px rgba(0, 0, 0, 0.14) inset;
45
+ --shadow-soft: 0 1px 3px rgba(27, 24, 64, 0.08);
46
+ --shadow-medium: 0 8px 20px -10px rgba(46, 57, 223, 0.25);
47
+ --shadow-large: 0 30px 60px -34px rgba(46, 57, 223, 0.35);
48
+ --shadow-inset: 0 4px 25px rgba(27, 24, 64, 0.08) inset;
53
49
 
54
- /* Hard offset shadows - Brutalist blocks (zero blur, near-black) */
55
- --shadow-hard: 4px 4px 0 var(--color-border-default);
56
- --shadow-hard-sm: 2px 2px 0 var(--color-border-default);
57
- --shadow-hard-muted: 4px 4px 0 var(--color-border-subtle);
58
- --shadow-hard-primary: 4px 4px 0 var(--color-primary-dark);
50
+ --shadow-hard: var(--shadow-medium);
51
+ --shadow-hard-sm: var(--shadow-soft);
52
+ --shadow-hard-muted: var(--shadow-medium);
53
+ --shadow-hard-primary: var(--shadow-large);
59
54
 
60
55
  /* Rounded Corners */
61
- --radius-sm: 4px;
62
- --radius-md: 6px;
56
+ --radius-sm: 6px;
57
+ --radius-md: 10px;
63
58
  --radius-lg: 10px;
64
59
  --radius-xl: 14px;
65
60
  --radius-pill: 9999px;
66
61
 
67
- /* Fonts - mono-first, Archivo Black display, Plex Sans body */
68
- --font-display: 'Archivo Black', ui-sans-serif, system-ui, sans-serif;
69
- --font-body: 'IBM Plex Sans Variable', ui-sans-serif, system-ui, sans-serif;
62
+ --font-display: 'Schibsted Grotesk Variable', 'Schibsted Grotesk', ui-sans-serif, system-ui, sans-serif;
63
+ --font-body: 'Schibsted Grotesk Variable', 'Schibsted Grotesk', ui-sans-serif, system-ui, sans-serif;
70
64
  --font-mono: 'JetBrains Mono Variable', ui-monospace, 'SF Mono', Monaco, monospace;
71
65
 
72
66
  /* Semantic grayscale - normal orientation (50 lightest -> 900 darkest) */
73
- --color-gray-50: #fafafa;
74
- --color-gray-100: #f4f4f5;
75
- --color-gray-200: #e4e4e7;
76
- --color-gray-400: #a1a1aa;
77
- --color-gray-500: #71717a;
78
- --color-gray-600: #52525b;
79
- --color-gray-800: #27272a;
80
- --color-gray-900: #18181b;
67
+ --color-gray-50: #faf9fd;
68
+ --color-gray-100: #f4f3fb;
69
+ --color-gray-200: #e9e7f4;
70
+ --color-gray-400: #a19fbd;
71
+ --color-gray-500: #5d5a80;
72
+ --color-gray-600: #46436b;
73
+ --color-gray-800: #2a2750;
74
+ --color-gray-900: #1b1840;
81
75
  }