@helixui/tokens 3.0.0 → 3.2.0-next.100

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 (6) hide show
  1. package/dist/index.d.ts +1232 -0
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/tokens.css +187 -106
  4. package/dist/tokens.json +1380 -131
  5. package/package.json +1 -1
  6. package/src/tokens.json +1380 -131
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,UAAU,EAAE,MAAM,YAAY,CAAC;AAE9D,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG9D,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AA+C7E,yCAAyC;AACzC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAa,CAAC;AASjC,oEAAoE;AACpE,eAAO,MAAM,YAAY,EAAE,UAAU,EAA6B,CAAC;AAEnE,oDAAoD;AACpD,eAAO,MAAM,gBAAgB,EAAE,UAAU,EAEnC,CAAC;AAEP,wDAAwD;AACxD,eAAO,MAAM,wBAAwB,EAAE,UAAU,EAE3C,CAAC;AAEP,kDAAkD;AAClD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAqC,CAAC;AAEhG,wCAAwC;AACxC,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAE3C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,MAAoC,CAAC;AAEjE;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,MAAwC,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAgD,CAAC"}
package/dist/tokens.css CHANGED
@@ -1,121 +1,148 @@
1
1
  :root {
2
- --hx-color-primary-50: #EFF6FF;
3
- --hx-color-primary-100: #DBEAFE;
4
- --hx-color-primary-200: #BFDBFE;
5
- --hx-color-primary-300: #93C5FD;
6
- --hx-color-primary-400: #60A5FA;
7
- --hx-color-primary-500: #2563EB;
8
- --hx-color-primary-600: #1D4ED8;
9
- --hx-color-primary-700: #1E40AF;
10
- --hx-color-primary-800: #1E3A8A;
11
- --hx-color-primary-900: #1E3050;
12
- --hx-color-primary-950: #172554;
13
- --hx-color-secondary-50: #ECFEFF;
14
- --hx-color-secondary-100: #CFFAFE;
15
- --hx-color-secondary-200: #A5F3FC;
16
- --hx-color-secondary-300: #67E8F9;
17
- --hx-color-secondary-400: #22D3EE;
18
- --hx-color-secondary-500: #0891B2;
19
- --hx-color-secondary-600: #0E7490;
20
- --hx-color-secondary-700: #155E75;
21
- --hx-color-secondary-800: #164E63;
22
- --hx-color-secondary-900: #134152;
23
- --hx-color-secondary-950: #083344;
24
- --hx-color-accent-50: #F5F3FF;
25
- --hx-color-accent-100: #EDE9FE;
26
- --hx-color-accent-200: #DDD6FE;
27
- --hx-color-accent-300: #C4B5FD;
28
- --hx-color-accent-400: #A78BFA;
29
- --hx-color-accent-500: #7C3AED;
30
- --hx-color-accent-600: #6D28D9;
31
- --hx-color-accent-700: #5B21B6;
32
- --hx-color-accent-800: #4C1D95;
33
- --hx-color-accent-900: #3B0764;
34
- --hx-color-accent-950: #2E1065;
2
+ --hx-color-primary-50: #EBF8F8;
3
+ --hx-color-primary-100: #DBF0F0;
4
+ --hx-color-primary-200: #BCE1E1;
5
+ --hx-color-primary-300: #97CDCC;
6
+ --hx-color-primary-400: #6AB1B1;
7
+ --hx-color-primary-500: #429797;
8
+ --hx-color-primary-600: #0F7078;
9
+ --hx-color-primary-700: #0F6363;
10
+ --hx-color-primary-800: #07494A;
11
+ --hx-color-primary-900: #0B3232;
12
+ --hx-color-primary-950: #061B1B;
13
+ --hx-color-secondary-50: #EAF8FA;
14
+ --hx-color-secondary-100: #DAF0F3;
15
+ --hx-color-secondary-200: #BBE1E5;
16
+ --hx-color-secondary-300: #96CCD2;
17
+ --hx-color-secondary-400: #69B1B9;
18
+ --hx-color-secondary-500: #40969F;
19
+ --hx-color-secondary-600: #0F6B7E;
20
+ --hx-color-secondary-700: #0B626A;
21
+ --hx-color-secondary-800: #04494F;
22
+ --hx-color-secondary-900: #0A3135;
23
+ --hx-color-secondary-950: #061B1D;
24
+ --hx-color-accent-50: #F0F5FF;
25
+ --hx-color-accent-100: #E2EBFF;
26
+ --hx-color-accent-200: #C8D9FC;
27
+ --hx-color-accent-300: #A3C0FF;
28
+ --hx-color-accent-400: #769FFD;
29
+ --hx-color-accent-500: #4C7EFB;
30
+ --hx-color-accent-600: #3A4BC9;
31
+ --hx-color-accent-700: #254BB6;
32
+ --hx-color-accent-800: #19378A;
33
+ --hx-color-accent-900: #12265D;
34
+ --hx-color-accent-950: #081534;
35
35
  --hx-color-neutral-0: #FFFFFF;
36
- --hx-color-neutral-50: #F8FAFC;
37
- --hx-color-neutral-100: #F1F5F9;
38
- --hx-color-neutral-200: #E2E8F0;
39
- --hx-color-neutral-300: #CBD5E1;
40
- --hx-color-neutral-400: #94A3B8;
41
- --hx-color-neutral-500: #64748B;
42
- --hx-color-neutral-600: #475569;
43
- --hx-color-neutral-700: #334155;
44
- --hx-color-neutral-800: #1E293B;
45
- --hx-color-neutral-900: #0F172A;
46
- --hx-color-neutral-950: #020617;
47
- --hx-color-success-50: #F0FDF4;
48
- --hx-color-success-100: #DCFCE7;
49
- --hx-color-success-200: #BBF7D0;
50
- --hx-color-success-300: #86EFAC;
51
- --hx-color-success-400: #4ADE80;
52
- --hx-color-success-500: #16A34A;
53
- --hx-color-success-600: #15803D;
54
- --hx-color-success-700: #166534;
55
- --hx-color-success-800: #14532D;
56
- --hx-color-success-900: #0D3B21;
57
- --hx-color-success-950: #052E16;
58
- --hx-color-warning-50: #FFFBEB;
59
- --hx-color-warning-100: #FEF3C7;
60
- --hx-color-warning-200: #FDE68A;
61
- --hx-color-warning-300: #FCD34D;
62
- --hx-color-warning-400: #FBBF24;
63
- --hx-color-warning-500: #D97706;
64
- --hx-color-warning-600: #B45309;
65
- --hx-color-warning-700: #92400E;
66
- --hx-color-warning-800: #78350F;
67
- --hx-color-warning-900: #633112;
68
- --hx-color-warning-950: #451A03;
69
- --hx-color-error-50: #FEF2F2;
70
- --hx-color-error-100: #FEE2E2;
71
- --hx-color-error-200: #FECACA;
72
- --hx-color-error-300: #FCA5A5;
73
- --hx-color-error-400: #F87171;
74
- --hx-color-error-500: #DC2626;
75
- --hx-color-error-600: #B91C1C;
76
- --hx-color-error-700: #991B1B;
77
- --hx-color-error-800: #7F1D1D;
78
- --hx-color-error-900: #651A1A;
79
- --hx-color-error-950: #450A0A;
80
- --hx-color-info-50: #F0F9FF;
81
- --hx-color-info-100: #E0F2FE;
82
- --hx-color-info-200: #BAE6FD;
83
- --hx-color-info-300: #7DD3FC;
84
- --hx-color-info-400: #38BDF8;
85
- --hx-color-info-500: #0284C7;
86
- --hx-color-info-600: #0369A1;
87
- --hx-color-info-700: #075985;
88
- --hx-color-info-800: #0C4A6E;
89
- --hx-color-info-900: #0A3553;
90
- --hx-color-info-950: #082F49;
36
+ --hx-color-neutral-50: #F5F8F3;
37
+ --hx-color-neutral-100: #EBEEE9;
38
+ --hx-color-neutral-200: #D6DBD5;
39
+ --hx-color-neutral-300: #B6BFB9;
40
+ --hx-color-neutral-400: #8E9C98;
41
+ --hx-color-neutral-500: #66787B;
42
+ --hx-color-neutral-600: #4A5362;
43
+ --hx-color-neutral-700: #313E4B;
44
+ --hx-color-neutral-800: #202B39;
45
+ --hx-color-neutral-900: #0D1825;
46
+ --hx-color-neutral-950: #010714;
47
+ --hx-color-success-50: #EAFAEC;
48
+ --hx-color-success-100: #DAF3DE;
49
+ --hx-color-success-200: #BAE6C2;
50
+ --hx-color-success-300: #94D3A1;
51
+ --hx-color-success-400: #66B879;
52
+ --hx-color-success-500: #3B9E58;
53
+ --hx-color-success-600: #0E8A4A;
54
+ --hx-color-success-700: #146831;
55
+ --hx-color-success-800: #0B4D23;
56
+ --hx-color-success-900: #073516;
57
+ --hx-color-success-950: #051D0B;
58
+ --hx-color-warning-50: #FFF3EA;
59
+ --hx-color-warning-100: #FEE6D4;
60
+ --hx-color-warning-200: #FACFAE;
61
+ --hx-color-warning-300: #EEB383;
62
+ --hx-color-warning-400: #DA904F;
63
+ --hx-color-warning-500: #C2711C;
64
+ --hx-color-warning-600: #B8650E;
65
+ --hx-color-warning-700: #804605;
66
+ --hx-color-warning-800: #603301;
67
+ --hx-color-warning-900: #422202;
68
+ --hx-color-warning-950: #261101;
69
+ --hx-color-error-50: #FFF2F0;
70
+ --hx-color-error-100: #FEE5E1;
71
+ --hx-color-error-200: #FCCBC4;
72
+ --hx-color-error-300: #FDA79C;
73
+ --hx-color-error-400: #FC7264;
74
+ --hx-color-error-500: #E5493E;
75
+ --hx-color-error-600: #C92A2A;
76
+ --hx-color-error-700: #A21312;
77
+ --hx-color-error-800: #7A090A;
78
+ --hx-color-error-900: #530D0A;
79
+ --hx-color-error-950: #2F0806;
80
+ --hx-color-info-50: #EFF6FE;
81
+ --hx-color-info-100: #DDEDFF;
82
+ --hx-color-info-200: #BEDCFC;
83
+ --hx-color-info-300: #93C6FA;
84
+ --hx-color-info-400: #4EA8FE;
85
+ --hx-color-info-500: #0C8BEB;
86
+ --hx-color-info-600: #1B6FD4;
87
+ --hx-color-info-700: #0E5997;
88
+ --hx-color-info-800: #064172;
89
+ --hx-color-info-900: #052D4F;
90
+ --hx-color-info-950: #001830;
91
91
  --hx-color-text-primary: var(--hx-color-neutral-900);
92
- --hx-color-text-secondary: var(--hx-color-neutral-600);
93
- --hx-color-text-muted: var(--hx-color-neutral-500);
92
+ --hx-color-text-strong: var(--hx-color-neutral-800);
93
+ --hx-color-text-secondary: var(--hx-color-neutral-700);
94
+ --hx-color-text-muted: var(--hx-color-neutral-600);
95
+ --hx-color-text-placeholder: var(--hx-color-neutral-500);
94
96
  --hx-color-text-disabled: var(--hx-color-neutral-400);
95
97
  --hx-color-text-inverse: var(--hx-color-neutral-0);
96
- --hx-color-text-on-primary: var(--hx-color-neutral-0);
97
- --hx-color-text-on-secondary: var(--hx-color-neutral-0);
98
- --hx-color-text-on-error: var(--hx-color-neutral-0);
99
- --hx-color-text-on-success: var(--hx-color-neutral-0);
98
+ --hx-color-text-on-primary: var(--hx-color-neutral-900);
99
+ --hx-color-text-on-secondary: var(--hx-color-neutral-900);
100
+ --hx-color-text-on-error: var(--hx-color-neutral-900);
101
+ --hx-color-text-on-success: var(--hx-color-neutral-900);
100
102
  --hx-color-text-on-warning: var(--hx-color-neutral-900);
101
- --hx-color-text-on-info: var(--hx-color-neutral-0);
103
+ --hx-color-text-on-info: var(--hx-color-neutral-900);
104
+ --hx-color-text-on-primary-strong: var(--hx-color-neutral-0);
105
+ --hx-color-text-on-success-strong: var(--hx-color-neutral-0);
106
+ --hx-color-text-on-error-strong: var(--hx-color-neutral-0);
102
107
  --hx-color-text-link: var(--hx-color-primary-600);
103
108
  --hx-color-text-link-hover: var(--hx-color-primary-700);
104
109
  --hx-color-text-link-visited: var(--hx-color-secondary-600);
105
110
  --hx-color-text-link-active: var(--hx-color-primary-800);
106
111
  --hx-color-error-text: var(--hx-color-error-600);
107
- --hx-color-success-text: var(--hx-color-success-600);
112
+ --hx-color-success-text: var(--hx-color-success-700);
108
113
  --hx-color-surface-default: var(--hx-color-neutral-0);
109
114
  --hx-color-surface-raised: var(--hx-color-neutral-50);
110
115
  --hx-color-surface-sunken: var(--hx-color-neutral-100);
116
+ --hx-color-surface-inverse: var(--hx-color-neutral-900);
111
117
  --hx-color-surface-overlay: rgba(0, 0, 0, 0.75);
118
+ --hx-color-surface-success-strong: var(--hx-color-success-700);
119
+ --hx-color-surface-warning-strong: var(--hx-color-warning-500);
120
+ --hx-color-surface-danger-strong: var(--hx-color-error-600);
121
+ --hx-color-surface-info-strong: var(--hx-color-primary-600);
112
122
  --hx-color-border-default: var(--hx-color-neutral-200);
113
123
  --hx-color-border-subtle: var(--hx-color-neutral-100);
114
- --hx-color-border-strong: var(--hx-color-neutral-400);
124
+ --hx-color-border-strong: var(--hx-color-neutral-500);
115
125
  --hx-color-border-focus: var(--hx-color-primary-500);
116
- --hx-color-focus-ring: var(--hx-color-primary-400);
126
+ --hx-color-border-on-dark-strong: var(--hx-overlay-white-70);
127
+ --hx-color-border-on-dark-default: var(--hx-overlay-white-30);
128
+ --hx-color-border-on-dark-subtle: var(--hx-overlay-white-10);
129
+ --hx-color-focus-ring: var(--hx-color-primary-600);
117
130
  --hx-color-selection-bg: var(--hx-color-primary-200);
118
131
  --hx-color-selection-color: var(--hx-color-neutral-900);
132
+ --hx-color-action-primary-bg: var(--hx-color-primary-500);
133
+ --hx-color-action-primary-bg-inverted-rest: var(--hx-color-primary-500);
134
+ --hx-color-action-primary-bg-hover: var(--hx-color-primary-600);
135
+ --hx-color-action-primary-bg-active: var(--hx-color-primary-700);
136
+ --hx-color-action-primary-bg-inverted-hover: var(--hx-color-primary-400);
137
+ --hx-color-action-secondary-fg: var(--hx-color-primary-600);
138
+ --hx-color-action-secondary-border: var(--hx-color-primary-600);
139
+ --hx-color-action-secondary-bg-hover: var(--hx-color-primary-50);
140
+ --hx-color-action-ghost-fg: var(--hx-color-primary-600);
141
+ --hx-color-action-ghost-bg-hover: var(--hx-color-primary-50);
142
+ --hx-color-action-danger-bg: var(--hx-color-error-500);
143
+ --hx-color-action-danger-bg-hover: var(--hx-color-error-600);
144
+ --hx-color-action-danger-bg-active: var(--hx-color-error-700);
145
+ --hx-color-action-danger-bg-inverted-hover: var(--hx-color-error-400);
119
146
  --hx-body-bg: var(--hx-color-surface-default);
120
147
  --hx-body-color: var(--hx-color-text-primary);
121
148
  --hx-body-font-family: var(--hx-font-family-sans);
@@ -215,7 +242,7 @@
215
242
  --hx-transition-slow: 350ms ease;
216
243
  --hx-touch-target-min: 2.75rem;
217
244
  --hx-touch-target-size: 44px;
218
- --hx-focus-ring-color: var(--hx-color-primary-400);
245
+ --hx-focus-ring-color: var(--hx-color-primary-600);
219
246
  --hx-focus-ring-width: 2px;
220
247
  --hx-focus-ring-offset: 2px;
221
248
  --hx-focus-ring-style: solid;
@@ -307,9 +334,9 @@
307
334
  --hx-overlay-white-40: rgba(255, 255, 255, 0.40);
308
335
  --hx-overlay-white-50: rgba(255, 255, 255, 0.50);
309
336
  --hx-overlay-white-70: rgba(255, 255, 255, 0.70);
310
- --hx-overlay-primary-25: rgba(37, 99, 235, 0.25);
311
- --hx-overlay-error-25: rgba(220, 53, 69, 0.25);
312
- --hx-overlay-neutral-12: rgba(13, 17, 23, 0.12);
337
+ --hx-overlay-primary-25: rgba(66, 151, 151, 0.25);
338
+ --hx-overlay-error-25: rgba(229, 73, 62, 0.25);
339
+ --hx-overlay-neutral-12: rgba(13, 24, 37, 0.12);
313
340
  --hx-breakpoint-sm: 640px;
314
341
  --hx-breakpoint-md: 768px;
315
342
  --hx-breakpoint-lg: 1024px;
@@ -326,9 +353,11 @@
326
353
  --hx-color-error-text: var(--hx-color-error-400);
327
354
  --hx-color-success-text: var(--hx-color-success-400);
328
355
  --hx-color-text-primary: var(--hx-color-neutral-100);
356
+ --hx-color-text-strong: var(--hx-color-neutral-50);
329
357
  --hx-color-text-secondary: var(--hx-color-neutral-300);
330
358
  --hx-color-text-muted: var(--hx-color-neutral-400);
331
- --hx-color-text-disabled: var(--hx-color-neutral-600);
359
+ --hx-color-text-placeholder: var(--hx-color-neutral-400);
360
+ --hx-color-text-disabled: var(--hx-color-neutral-500);
332
361
  --hx-color-text-inverse: var(--hx-color-neutral-900);
333
362
  --hx-color-text-link: var(--hx-color-primary-400);
334
363
  --hx-color-text-link-hover: var(--hx-color-primary-300);
@@ -337,16 +366,27 @@
337
366
  --hx-color-surface-default: var(--hx-color-neutral-900);
338
367
  --hx-color-surface-raised: var(--hx-color-neutral-800);
339
368
  --hx-color-surface-sunken: var(--hx-color-neutral-950);
369
+ --hx-color-surface-inverse: var(--hx-color-neutral-100);
340
370
  --hx-color-surface-overlay: rgba(0, 0, 0, 0.85);
341
371
  --hx-color-border-default: var(--hx-color-neutral-700);
342
372
  --hx-color-border-subtle: var(--hx-color-neutral-800);
343
- --hx-color-border-strong: var(--hx-color-neutral-500);
373
+ --hx-color-border-strong: var(--hx-color-neutral-400);
344
374
  --hx-color-border-focus: var(--hx-color-primary-400);
375
+ --hx-color-border-on-dark-strong: var(--hx-overlay-black-50);
376
+ --hx-color-border-on-dark-default: var(--hx-overlay-black-30);
377
+ --hx-color-border-on-dark-subtle: var(--hx-overlay-black-10);
345
378
  --hx-color-focus-ring: var(--hx-color-primary-400);
346
379
  --hx-color-selection-bg: var(--hx-color-primary-800);
347
380
  --hx-color-selection-color: var(--hx-color-neutral-100);
381
+ --hx-color-action-primary-bg-inverted-rest: var(--hx-color-primary-600);
382
+ --hx-color-action-secondary-fg: var(--hx-color-primary-400);
383
+ --hx-color-action-secondary-border: var(--hx-color-primary-400);
384
+ --hx-color-action-secondary-bg-hover: var(--hx-color-primary-900);
385
+ --hx-color-action-ghost-fg: var(--hx-color-primary-400);
386
+ --hx-color-action-ghost-bg-hover: var(--hx-color-primary-900);
348
387
  --hx-body-bg: var(--hx-color-surface-default);
349
388
  --hx-body-color: var(--hx-color-text-primary);
389
+ --hx-focus-ring-color: var(--hx-color-primary-400);
350
390
  --hx-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);
351
391
  --hx-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3);
352
392
  --hx-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.3);
@@ -359,9 +399,11 @@
359
399
  --hx-color-error-text: var(--hx-color-error-400);
360
400
  --hx-color-success-text: var(--hx-color-success-400);
361
401
  --hx-color-text-primary: var(--hx-color-neutral-100);
402
+ --hx-color-text-strong: var(--hx-color-neutral-50);
362
403
  --hx-color-text-secondary: var(--hx-color-neutral-300);
363
404
  --hx-color-text-muted: var(--hx-color-neutral-400);
364
- --hx-color-text-disabled: var(--hx-color-neutral-600);
405
+ --hx-color-text-placeholder: var(--hx-color-neutral-400);
406
+ --hx-color-text-disabled: var(--hx-color-neutral-500);
365
407
  --hx-color-text-inverse: var(--hx-color-neutral-900);
366
408
  --hx-color-text-link: var(--hx-color-primary-400);
367
409
  --hx-color-text-link-hover: var(--hx-color-primary-300);
@@ -370,16 +412,27 @@
370
412
  --hx-color-surface-default: var(--hx-color-neutral-900);
371
413
  --hx-color-surface-raised: var(--hx-color-neutral-800);
372
414
  --hx-color-surface-sunken: var(--hx-color-neutral-950);
415
+ --hx-color-surface-inverse: var(--hx-color-neutral-100);
373
416
  --hx-color-surface-overlay: rgba(0, 0, 0, 0.85);
374
417
  --hx-color-border-default: var(--hx-color-neutral-700);
375
418
  --hx-color-border-subtle: var(--hx-color-neutral-800);
376
- --hx-color-border-strong: var(--hx-color-neutral-500);
419
+ --hx-color-border-strong: var(--hx-color-neutral-400);
377
420
  --hx-color-border-focus: var(--hx-color-primary-400);
421
+ --hx-color-border-on-dark-strong: var(--hx-overlay-black-50);
422
+ --hx-color-border-on-dark-default: var(--hx-overlay-black-30);
423
+ --hx-color-border-on-dark-subtle: var(--hx-overlay-black-10);
378
424
  --hx-color-focus-ring: var(--hx-color-primary-400);
379
425
  --hx-color-selection-bg: var(--hx-color-primary-800);
380
426
  --hx-color-selection-color: var(--hx-color-neutral-100);
427
+ --hx-color-action-primary-bg-inverted-rest: var(--hx-color-primary-600);
428
+ --hx-color-action-secondary-fg: var(--hx-color-primary-400);
429
+ --hx-color-action-secondary-border: var(--hx-color-primary-400);
430
+ --hx-color-action-secondary-bg-hover: var(--hx-color-primary-900);
431
+ --hx-color-action-ghost-fg: var(--hx-color-primary-400);
432
+ --hx-color-action-ghost-bg-hover: var(--hx-color-primary-900);
381
433
  --hx-body-bg: var(--hx-color-surface-default);
382
434
  --hx-body-color: var(--hx-color-text-primary);
435
+ --hx-focus-ring-color: var(--hx-color-primary-400);
383
436
  --hx-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);
384
437
  --hx-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3);
385
438
  --hx-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.3);
@@ -405,8 +458,10 @@
405
458
  --hx-color-info-500: #38BDF8;
406
459
  --hx-color-info-600: #7DD3FC;
407
460
  --hx-color-text-primary: #FFFFFF;
461
+ --hx-color-text-strong: #FFFFFF;
408
462
  --hx-color-text-secondary: #FFFFFF;
409
463
  --hx-color-text-muted: #E0E0E0;
464
+ --hx-color-text-placeholder: #B0B0B0;
410
465
  --hx-color-text-disabled: #767676;
411
466
  --hx-color-text-inverse: #000000;
412
467
  --hx-color-text-on-primary: #000000;
@@ -415,6 +470,9 @@
415
470
  --hx-color-text-on-success: #000000;
416
471
  --hx-color-text-on-warning: #000000;
417
472
  --hx-color-text-on-info: #000000;
473
+ --hx-color-text-on-primary-strong: #000000;
474
+ --hx-color-text-on-error-strong: #000000;
475
+ --hx-color-text-on-success-strong: #000000;
418
476
  --hx-color-text-link: #FFFF00;
419
477
  --hx-color-text-link-hover: #FFFF99;
420
478
  --hx-color-text-link-visited: #FF80FF;
@@ -422,14 +480,23 @@
422
480
  --hx-color-surface-default: #000000;
423
481
  --hx-color-surface-raised: #1A1A1A;
424
482
  --hx-color-surface-sunken: #000000;
483
+ --hx-color-surface-inverse: #FFFFFF;
425
484
  --hx-color-surface-overlay: rgba(0, 0, 0, 0.95);
485
+ --hx-color-surface-success-strong: var(--hx-color-success-500);
486
+ --hx-color-surface-warning-strong: var(--hx-color-warning-500);
487
+ --hx-color-surface-danger-strong: var(--hx-color-error-500);
488
+ --hx-color-surface-info-strong: var(--hx-color-primary-500);
426
489
  --hx-color-border-default: #FFFFFF;
427
490
  --hx-color-border-subtle: #C0C0C0;
428
491
  --hx-color-border-strong: #FFFFFF;
429
492
  --hx-color-border-focus: #FFFF00;
493
+ --hx-color-border-on-dark-strong: #FFFFFF;
494
+ --hx-color-border-on-dark-default: #FFFFFF;
495
+ --hx-color-border-on-dark-subtle: #C0C0C0;
430
496
  --hx-color-focus-ring: #FFFF00;
431
497
  --hx-color-selection-bg: #1AEBFF;
432
498
  --hx-color-selection-color: #000000;
499
+ --hx-color-action-danger-bg-active: var(--hx-color-error-500);
433
500
  --hx-body-bg: #000000;
434
501
  --hx-body-color: #FFFFFF;
435
502
  --hx-focus-ring-color: #FFFF00;
@@ -467,8 +534,10 @@
467
534
  --hx-color-info-500: #38BDF8;
468
535
  --hx-color-info-600: #7DD3FC;
469
536
  --hx-color-text-primary: #FFFFFF;
537
+ --hx-color-text-strong: #FFFFFF;
470
538
  --hx-color-text-secondary: #FFFFFF;
471
539
  --hx-color-text-muted: #E0E0E0;
540
+ --hx-color-text-placeholder: #B0B0B0;
472
541
  --hx-color-text-disabled: #767676;
473
542
  --hx-color-text-inverse: #000000;
474
543
  --hx-color-text-on-primary: #000000;
@@ -477,6 +546,9 @@
477
546
  --hx-color-text-on-success: #000000;
478
547
  --hx-color-text-on-warning: #000000;
479
548
  --hx-color-text-on-info: #000000;
549
+ --hx-color-text-on-primary-strong: #000000;
550
+ --hx-color-text-on-error-strong: #000000;
551
+ --hx-color-text-on-success-strong: #000000;
480
552
  --hx-color-text-link: #FFFF00;
481
553
  --hx-color-text-link-hover: #FFFF99;
482
554
  --hx-color-text-link-visited: #FF80FF;
@@ -484,14 +556,23 @@
484
556
  --hx-color-surface-default: #000000;
485
557
  --hx-color-surface-raised: #1A1A1A;
486
558
  --hx-color-surface-sunken: #000000;
559
+ --hx-color-surface-inverse: #FFFFFF;
487
560
  --hx-color-surface-overlay: rgba(0, 0, 0, 0.95);
561
+ --hx-color-surface-success-strong: var(--hx-color-success-500);
562
+ --hx-color-surface-warning-strong: var(--hx-color-warning-500);
563
+ --hx-color-surface-danger-strong: var(--hx-color-error-500);
564
+ --hx-color-surface-info-strong: var(--hx-color-primary-500);
488
565
  --hx-color-border-default: #FFFFFF;
489
566
  --hx-color-border-subtle: #C0C0C0;
490
567
  --hx-color-border-strong: #FFFFFF;
491
568
  --hx-color-border-focus: #FFFF00;
569
+ --hx-color-border-on-dark-strong: #FFFFFF;
570
+ --hx-color-border-on-dark-default: #FFFFFF;
571
+ --hx-color-border-on-dark-subtle: #C0C0C0;
492
572
  --hx-color-focus-ring: #FFFF00;
493
573
  --hx-color-selection-bg: #1AEBFF;
494
574
  --hx-color-selection-color: #000000;
575
+ --hx-color-action-danger-bg-active: var(--hx-color-error-500);
495
576
  --hx-body-bg: #000000;
496
577
  --hx-body-color: #FFFFFF;
497
578
  --hx-focus-ring-color: #FFFF00;