@oxide/design-system 0.12.0 → 0.12.1--canary.fcbeb0f.0

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 (10) hide show
  1. package/components/dist/index.d.ts +107 -55
  2. package/components/dist/index.js +45839 -44321
  3. package/icons/index.ts +148 -148
  4. package/package.json +1 -1
  5. package/styles/dist/blue.css +154 -0
  6. package/styles/dist/main.css +205 -0
  7. package/styles/dist/purple.css +154 -0
  8. package/styles/dist/red.css +154 -0
  9. package/styles/dist/tailwind-tokens.js +1137 -0
  10. package/styles/dist/yellow.css +154 -0
package/styles/dist/blue.css CHANGED
@@ -2,283 +2,375 @@
2
2
 
3
3
  .blue-theme {
4
4
  --surface-default-rgb: var(--base-neutral-0-rgb);
5
+ --surface-default-p3: var(--base-neutral-0-p3);
5
6
  --surface-default: rgb(var(--surface-default-rgb));
6
7
 
7
8
  --surface-hover-rgb: var(--base-neutral-200-rgb);
9
+ --surface-hover-p3: var(--base-neutral-200-p3);
8
10
  --surface-hover: rgb(var(--surface-hover-rgb));
9
11
 
10
12
  --surface-raise-rgb: var(--base-neutral-50-rgb);
13
+ --surface-raise-p3: var(--base-neutral-50-p3);
11
14
  --surface-raise: rgb(var(--surface-raise-rgb));
12
15
 
13
16
  --surface-secondary-rgb: var(--base-neutral-100-rgb);
17
+ --surface-secondary-p3: var(--base-neutral-100-p3);
14
18
  --surface-secondary: rgb(var(--surface-secondary-rgb));
15
19
 
16
20
  --surface-tertiary-rgb: var(--base-neutral-200-rgb);
21
+ --surface-tertiary-p3: var(--base-neutral-200-p3);
17
22
  --surface-tertiary: rgb(var(--surface-tertiary-rgb));
18
23
 
19
24
  --surface-disabled-rgb: var(--base-neutral-100-rgb);
25
+ --surface-disabled-p3: var(--base-neutral-100-p3);
20
26
  --surface-disabled: rgb(var(--surface-disabled-rgb));
21
27
 
22
28
  --surface-scrim: rgba(var(--base-neutral-0-rgb), 0.4);
23
29
 
24
30
  --surface-accent-rgb: var(--theme-accent-800-rgb);
31
+ --surface-accent-p3: var(--theme-accent-800-p3);
25
32
  --surface-accent: rgb(var(--surface-accent-rgb));
26
33
 
27
34
  --surface-accent-hover-rgb: var(--theme-accent-700-rgb);
35
+ --surface-accent-hover-p3: var(--theme-accent-700-p3);
28
36
  --surface-accent-hover: rgb(var(--surface-accent-hover-rgb));
29
37
 
30
38
  --surface-accent-secondary-rgb: var(--theme-accent-200-rgb);
39
+ --surface-accent-secondary-p3: var(--theme-accent-200-p3);
31
40
  --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb));
32
41
 
33
42
  --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb);
43
+ --surface-accent-secondary-hover-p3: var(--theme-accent-300-p3);
34
44
  --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb));
35
45
 
36
46
  --surface-destructive-rgb: var(--theme-destructive-800-rgb);
47
+ --surface-destructive-p3: var(--theme-destructive-800-p3);
37
48
  --surface-destructive: rgb(var(--surface-destructive-rgb));
38
49
 
39
50
  --surface-destructive-hover-rgb: var(--theme-destructive-700-rgb);
51
+ --surface-destructive-hover-p3: var(--theme-destructive-700-p3);
40
52
  --surface-destructive-hover: rgb(var(--surface-destructive-hover-rgb));
41
53
 
42
54
  --surface-destructive-secondary-rgb: var(--theme-destructive-200-rgb);
55
+ --surface-destructive-secondary-p3: var(--theme-destructive-200-p3);
43
56
  --surface-destructive-secondary: rgb(var(--surface-destructive-secondary-rgb));
44
57
 
45
58
  --surface-destructive-secondary-hover-rgb: var(--theme-destructive-300-rgb);
59
+ --surface-destructive-secondary-hover-p3: var(--theme-destructive-300-p3);
46
60
  --surface-destructive-secondary-hover: rgb(
47
61
  var(--surface-destructive-secondary-hover-rgb)
48
62
  );
49
63
 
50
64
  --surface-notice-rgb: var(--theme-notice-800-rgb);
65
+ --surface-notice-p3: var(--theme-notice-800-p3);
51
66
  --surface-notice: rgb(var(--surface-notice-rgb));
52
67
 
53
68
  --surface-notice-hover-rgb: var(--theme-notice-700-rgb);
69
+ --surface-notice-hover-p3: var(--theme-notice-700-p3);
54
70
  --surface-notice-hover: rgb(var(--surface-notice-hover-rgb));
55
71
 
56
72
  --surface-notice-secondary-rgb: var(--theme-notice-200-rgb);
73
+ --surface-notice-secondary-p3: var(--theme-notice-200-p3);
57
74
  --surface-notice-secondary: rgb(var(--surface-notice-secondary-rgb));
58
75
 
59
76
  --surface-notice-secondary-hover-rgb: var(--theme-notice-300-rgb);
77
+ --surface-notice-secondary-hover-p3: var(--theme-notice-300-p3);
60
78
  --surface-notice-secondary-hover: rgb(var(--surface-notice-secondary-hover-rgb));
61
79
 
62
80
  --surface-success-rgb: var(--theme-success-800-rgb);
81
+ --surface-success-p3: var(--theme-success-800-p3);
63
82
  --surface-success: rgb(var(--surface-success-rgb));
64
83
 
65
84
  --surface-success-secondary-rgb: var(--theme-success-200-rgb);
85
+ --surface-success-secondary-p3: var(--theme-success-200-p3);
66
86
  --surface-success-secondary: rgb(var(--surface-success-secondary-rgb));
67
87
 
68
88
  --surface-error-rgb: var(--theme-error-800-rgb);
89
+ --surface-error-p3: var(--theme-error-800-p3);
69
90
  --surface-error: rgb(var(--surface-error-rgb));
70
91
 
71
92
  --surface-error-secondary-rgb: var(--theme-error-200-rgb);
93
+ --surface-error-secondary-p3: var(--theme-error-200-p3);
72
94
  --surface-error-secondary: rgb(var(--surface-error-secondary-rgb));
73
95
 
74
96
  --surface-inverse-rgb: var(--content-default-rgb);
97
+ --surface-inverse-p3: var(--content-default-p3);
75
98
  --surface-inverse: rgb(var(--surface-inverse-rgb));
76
99
 
77
100
  --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
101
+ --surface-inverse-secondary-p3: var(--content-secondary-p3);
78
102
  --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
79
103
 
80
104
  --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb);
105
+ --surface-inverse-tertiary-p3: var(--content-tertiary-p3);
81
106
  --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb));
82
107
 
83
108
  --surface-info-rgb: var(--theme-info-800-rgb);
109
+ --surface-info-p3: var(--theme-info-800-p3);
84
110
  --surface-info: rgb(var(--surface-info-rgb));
85
111
 
86
112
  --surface-info-hover-rgb: var(--theme-info-700-rgb);
113
+ --surface-info-hover-p3: var(--theme-info-700-p3);
87
114
  --surface-info-hover: rgb(var(--surface-info-hover-rgb));
88
115
 
89
116
  --surface-info-secondary-rgb: var(--theme-info-200-rgb);
117
+ --surface-info-secondary-p3: var(--theme-info-200-p3);
90
118
  --surface-info-secondary: rgb(var(--surface-info-secondary-rgb));
91
119
 
92
120
  --surface-info-secondary-hover-rgb: var(--theme-info-300-rgb);
121
+ --surface-info-secondary-hover-p3: var(--theme-info-300-p3);
93
122
  --surface-info-secondary-hover: rgb(var(--surface-info-secondary-hover-rgb));
94
123
 
95
124
  --content-default-rgb: var(--base-neutral-900-rgb);
125
+ --content-default-p3: var(--base-neutral-900-p3);
96
126
  --content-default: rgb(var(--content-default-rgb));
97
127
 
98
128
  --content-secondary-rgb: var(--base-neutral-800-rgb);
129
+ --content-secondary-p3: var(--base-neutral-800-p3);
99
130
  --content-secondary: rgb(var(--content-secondary-rgb));
100
131
 
101
132
  --content-tertiary-rgb: var(--base-neutral-700-rgb);
133
+ --content-tertiary-p3: var(--base-neutral-700-p3);
102
134
  --content-tertiary: rgb(var(--content-tertiary-rgb));
103
135
 
104
136
  --content-quaternary-rgb: var(--base-neutral-600-rgb);
137
+ --content-quaternary-p3: var(--base-neutral-600-p3);
105
138
  --content-quaternary: rgb(var(--content-quaternary-rgb));
106
139
 
107
140
  --content-quinary-rgb: var(--base-neutral-500-rgb);
141
+ --content-quinary-p3: var(--base-neutral-500-p3);
108
142
  --content-quinary: rgb(var(--content-quinary-rgb));
109
143
 
110
144
  --content-disabled-rgb: var(--base-neutral-500-rgb);
145
+ --content-disabled-p3: var(--base-neutral-500-p3);
111
146
  --content-disabled: rgb(var(--content-disabled-rgb));
112
147
 
113
148
  --content-accent-rgb: var(--theme-accent-800-rgb);
149
+ --content-accent-p3: var(--theme-accent-800-p3);
114
150
  --content-accent: rgb(var(--content-accent-rgb));
115
151
 
116
152
  --content-accent-secondary-rgb: var(--theme-accent-700-rgb);
153
+ --content-accent-secondary-p3: var(--theme-accent-700-p3);
117
154
  --content-accent-secondary: rgb(var(--content-accent-secondary-rgb));
118
155
 
119
156
  --content-accent-tertiary-rgb: var(--theme-accent-600-rgb);
157
+ --content-accent-tertiary-p3: var(--theme-accent-600-p3);
120
158
  --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb));
121
159
 
122
160
  --content-accent-disabled-rgb: var(--theme-accent-500-rgb);
161
+ --content-accent-disabled-p3: var(--theme-accent-500-p3);
123
162
  --content-accent-disabled: rgb(var(--content-accent-disabled-rgb));
124
163
 
125
164
  --content-destructive-rgb: var(--theme-destructive-800-rgb);
165
+ --content-destructive-p3: var(--theme-destructive-800-p3);
126
166
  --content-destructive: rgb(var(--content-destructive-rgb));
127
167
 
128
168
  --content-destructive-secondary-rgb: var(--theme-destructive-700-rgb);
169
+ --content-destructive-secondary-p3: var(--theme-destructive-700-p3);
129
170
  --content-destructive-secondary: rgb(var(--content-destructive-secondary-rgb));
130
171
 
131
172
  --content-destructive-tertiary-rgb: var(--theme-destructive-600-rgb);
173
+ --content-destructive-tertiary-p3: var(--theme-destructive-600-p3);
132
174
  --content-destructive-tertiary: rgb(var(--content-destructive-tertiary-rgb));
133
175
 
134
176
  --content-destructive-disabled-rgb: var(--theme-destructive-500-rgb);
177
+ --content-destructive-disabled-p3: var(--theme-destructive-500-p3);
135
178
  --content-destructive-disabled: rgb(var(--content-destructive-disabled-rgb));
136
179
 
137
180
  --content-success-rgb: var(--theme-success-800-rgb);
181
+ --content-success-p3: var(--theme-success-800-p3);
138
182
  --content-success: rgb(var(--content-success-rgb));
139
183
 
140
184
  --content-success-secondary-rgb: var(--theme-success-700-rgb);
185
+ --content-success-secondary-p3: var(--theme-success-700-p3);
141
186
  --content-success-secondary: rgb(var(--content-success-secondary-rgb));
142
187
 
143
188
  --content-success-tertiary-rgb: var(--theme-success-600-rgb);
189
+ --content-success-tertiary-p3: var(--theme-success-600-p3);
144
190
  --content-success-tertiary: rgb(var(--content-success-tertiary-rgb));
145
191
 
146
192
  --content-success-disabled-rgb: var(--theme-success-500-rgb);
193
+ --content-success-disabled-p3: var(--theme-success-500-p3);
147
194
  --content-success-disabled: rgb(var(--content-success-disabled-rgb));
148
195
 
149
196
  --content-error-rgb: var(--theme-error-800-rgb);
197
+ --content-error-p3: var(--theme-error-800-p3);
150
198
  --content-error: rgb(var(--content-error-rgb));
151
199
 
152
200
  --content-error-secondary-rgb: var(--theme-error-700-rgb);
201
+ --content-error-secondary-p3: var(--theme-error-700-p3);
153
202
  --content-error-secondary: rgb(var(--content-error-secondary-rgb));
154
203
 
155
204
  --content-error-tertiary-rgb: var(--theme-error-600-rgb);
205
+ --content-error-tertiary-p3: var(--theme-error-600-p3);
156
206
  --content-error-tertiary: rgb(var(--content-error-tertiary-rgb));
157
207
 
158
208
  --content-error-disabled-rgb: var(--theme-error-500-rgb);
209
+ --content-error-disabled-p3: var(--theme-error-500-p3);
159
210
  --content-error-disabled: rgb(var(--content-error-disabled-rgb));
160
211
 
161
212
  --content-notice-rgb: var(--theme-notice-800-rgb);
213
+ --content-notice-p3: var(--theme-notice-800-p3);
162
214
  --content-notice: rgb(var(--content-notice-rgb));
163
215
 
164
216
  --content-notice-secondary-rgb: var(--theme-notice-700-rgb);
217
+ --content-notice-secondary-p3: var(--theme-notice-700-p3);
165
218
  --content-notice-secondary: rgb(var(--content-notice-secondary-rgb));
166
219
 
167
220
  --content-notice-tertiary-rgb: var(--theme-notice-600-rgb);
221
+ --content-notice-tertiary-p3: var(--theme-notice-600-p3);
168
222
  --content-notice-tertiary: rgb(var(--content-notice-tertiary-rgb));
169
223
 
170
224
  --content-notice-disabled-rgb: var(--theme-notice-500-rgb);
225
+ --content-notice-disabled-p3: var(--theme-notice-500-p3);
171
226
  --content-notice-disabled: rgb(var(--content-notice-disabled-rgb));
172
227
 
173
228
  --content-inverse-rgb: var(--surface-default-rgb);
229
+ --content-inverse-p3: var(--surface-default-p3);
174
230
  --content-inverse: rgb(var(--content-inverse-rgb));
175
231
 
176
232
  --content-inverse-raise-rgb: var(--surface-raise-rgb);
233
+ --content-inverse-raise-p3: var(--surface-raise-p3);
177
234
  --content-inverse-raise: rgb(var(--content-inverse-raise-rgb));
178
235
 
179
236
  --content-inverse-secondary-rgb: var(--surface-secondary-rgb);
237
+ --content-inverse-secondary-p3: var(--surface-secondary-p3);
180
238
  --content-inverse-secondary: rgb(var(--content-inverse-secondary-rgb));
181
239
 
182
240
  --content-info-rgb: var(--theme-info-800-rgb);
241
+ --content-info-p3: var(--theme-info-800-p3);
183
242
  --content-info: rgb(var(--content-info-rgb));
184
243
 
185
244
  --content-info-secondary-rgb: var(--theme-info-700-rgb);
245
+ --content-info-secondary-p3: var(--theme-info-700-p3);
186
246
  --content-info-secondary: rgb(var(--content-info-secondary-rgb));
187
247
 
188
248
  --content-info-tertiary-rgb: var(--theme-info-600-rgb);
249
+ --content-info-tertiary-p3: var(--theme-info-600-p3);
189
250
  --content-info-tertiary: rgb(var(--content-info-tertiary-rgb));
190
251
 
191
252
  --content-info-disabled-rgb: var(--theme-info-500-rgb);
253
+ --content-info-disabled-p3: var(--theme-info-500-p3);
192
254
  --content-info-disabled: rgb(var(--content-info-disabled-rgb));
193
255
 
194
256
  --stroke-default-rgb: var(--base-neutral-300-rgb);
257
+ --stroke-default-p3: var(--base-neutral-300-p3);
195
258
  --stroke-default: rgb(var(--stroke-default-rgb));
196
259
 
197
260
  --stroke-hover-rgb: var(--base-neutral-400-rgb);
261
+ --stroke-hover-p3: var(--base-neutral-400-p3);
198
262
  --stroke-hover: rgb(var(--stroke-hover-rgb));
199
263
 
200
264
  --stroke-secondary-rgb: var(--base-neutral-200-rgb);
265
+ --stroke-secondary-p3: var(--base-neutral-200-p3);
201
266
  --stroke-secondary: rgb(var(--stroke-secondary-rgb));
202
267
 
203
268
  --stroke-tertiary-rgb: var(--base-neutral-100-rgb);
269
+ --stroke-tertiary-p3: var(--base-neutral-100-p3);
204
270
  --stroke-tertiary: rgb(var(--stroke-tertiary-rgb));
205
271
 
206
272
  --stroke-raise-rgb: var(--base-neutral-500-rgb);
273
+ --stroke-raise-p3: var(--base-neutral-500-p3);
207
274
  --stroke-raise: rgb(var(--stroke-raise-rgb));
208
275
 
209
276
  --stroke-surface-rgb: var(--surface-default-rgb);
277
+ --stroke-surface-p3: var(--surface-default-p3);
210
278
  --stroke-surface: rgb(var(--stroke-surface-rgb));
211
279
 
212
280
  --stroke-accent-rgb: var(--theme-accent-800-rgb);
281
+ --stroke-accent-p3: var(--theme-accent-800-p3);
213
282
  --stroke-accent: rgb(var(--stroke-accent-rgb));
214
283
 
215
284
  --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb);
285
+ --stroke-accent-secondary-p3: var(--theme-accent-600-p3);
216
286
  --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb));
217
287
 
218
288
  --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb);
289
+ --stroke-accent-tertiary-p3: var(--theme-accent-400-p3);
219
290
  --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb));
220
291
 
221
292
  --stroke-accent-quaternary-rgb: var(--theme-accent-300-rgb);
293
+ --stroke-accent-quaternary-p3: var(--theme-accent-300-p3);
222
294
  --stroke-accent-quaternary: rgb(var(--stroke-accent-quaternary-rgb));
223
295
 
224
296
  --stroke-destructive-rgb: var(--theme-destructive-800-rgb);
297
+ --stroke-destructive-p3: var(--theme-destructive-800-p3);
225
298
  --stroke-destructive: rgb(var(--stroke-destructive-rgb));
226
299
 
227
300
  --stroke-destructive-secondary-rgb: var(--theme-destructive-600-rgb);
301
+ --stroke-destructive-secondary-p3: var(--theme-destructive-600-p3);
228
302
  --stroke-destructive-secondary: rgb(var(--stroke-destructive-secondary-rgb));
229
303
 
230
304
  --stroke-destructive-tertiary-rgb: var(--theme-destructive-400-rgb);
305
+ --stroke-destructive-tertiary-p3: var(--theme-destructive-400-p3);
231
306
  --stroke-destructive-tertiary: rgb(var(--stroke-destructive-tertiary-rgb));
232
307
 
233
308
  --stroke-destructive-quaternary-rgb: var(--theme-destructive-300-rgb);
309
+ --stroke-destructive-quaternary-p3: var(--theme-destructive-300-p3);
234
310
  --stroke-destructive-quaternary: rgb(var(--stroke-destructive-quaternary-rgb));
235
311
 
236
312
  --stroke-success-rgb: var(--theme-success-800-rgb);
313
+ --stroke-success-p3: var(--theme-success-800-p3);
237
314
  --stroke-success: rgb(var(--stroke-success-rgb));
238
315
 
239
316
  --stroke-success-secondary-rgb: var(--theme-success-600-rgb);
317
+ --stroke-success-secondary-p3: var(--theme-success-600-p3);
240
318
  --stroke-success-secondary: rgb(var(--stroke-success-secondary-rgb));
241
319
 
242
320
  --stroke-success-tertiary-rgb: var(--theme-success-400-rgb);
321
+ --stroke-success-tertiary-p3: var(--theme-success-400-p3);
243
322
  --stroke-success-tertiary: rgb(var(--stroke-success-tertiary-rgb));
244
323
 
245
324
  --stroke-success-quaternary-rgb: var(--theme-success-300-rgb);
325
+ --stroke-success-quaternary-p3: var(--theme-success-300-p3);
246
326
  --stroke-success-quaternary: rgb(var(--stroke-success-quaternary-rgb));
247
327
 
248
328
  --stroke-error-rgb: var(--theme-error-800-rgb);
329
+ --stroke-error-p3: var(--theme-error-800-p3);
249
330
  --stroke-error: rgb(var(--stroke-error-rgb));
250
331
 
251
332
  --stroke-error-secondary-rgb: var(--theme-error-600-rgb);
333
+ --stroke-error-secondary-p3: var(--theme-error-600-p3);
252
334
  --stroke-error-secondary: rgb(var(--stroke-error-secondary-rgb));
253
335
 
254
336
  --stroke-error-tertiary-rgb: var(--theme-error-400-rgb);
337
+ --stroke-error-tertiary-p3: var(--theme-error-400-p3);
255
338
  --stroke-error-tertiary: rgb(var(--stroke-error-tertiary-rgb));
256
339
 
257
340
  --stroke-error-quaternary-rgb: var(--theme-error-300-rgb);
341
+ --stroke-error-quaternary-p3: var(--theme-error-300-p3);
258
342
  --stroke-error-quaternary: rgb(var(--stroke-error-quaternary-rgb));
259
343
 
260
344
  --stroke-notice-rgb: var(--theme-notice-800-rgb);
345
+ --stroke-notice-p3: var(--theme-notice-800-p3);
261
346
  --stroke-notice: rgb(var(--stroke-notice-rgb));
262
347
 
263
348
  --stroke-notice-secondary-rgb: var(--theme-notice-600-rgb);
349
+ --stroke-notice-secondary-p3: var(--theme-notice-600-p3);
264
350
  --stroke-notice-secondary: rgb(var(--stroke-notice-secondary-rgb));
265
351
 
266
352
  --stroke-notice-tertiary-rgb: var(--theme-notice-400-rgb);
353
+ --stroke-notice-tertiary-p3: var(--theme-notice-400-p3);
267
354
  --stroke-notice-tertiary: rgb(var(--stroke-notice-tertiary-rgb));
268
355
 
269
356
  --stroke-notice-quaternary-rgb: var(--theme-notice-300-rgb);
357
+ --stroke-notice-quaternary-p3: var(--theme-notice-300-p3);
270
358
  --stroke-notice-quaternary: rgb(var(--stroke-notice-quaternary-rgb));
271
359
 
272
360
  --stroke-info-rgb: var(--theme-info-800-rgb);
361
+ --stroke-info-p3: var(--theme-info-800-p3);
273
362
  --stroke-info: rgb(var(--stroke-info-rgb));
274
363
 
275
364
  --stroke-info-secondary-rgb: var(--theme-info-600-rgb);
365
+ --stroke-info-secondary-p3: var(--theme-info-600-p3);
276
366
  --stroke-info-secondary: rgb(var(--stroke-info-secondary-rgb));
277
367
 
278
368
  --stroke-info-tertiary-rgb: var(--theme-info-400-rgb);
369
+ --stroke-info-tertiary-p3: var(--theme-info-400-p3);
279
370
  --stroke-info-tertiary: rgb(var(--stroke-info-tertiary-rgb));
280
371
 
281
372
  --stroke-info-quaternary-rgb: var(--theme-info-300-rgb);
373
+ --stroke-info-quaternary-p3: var(--theme-info-300-p3);
282
374
  --stroke-info-quaternary: rgb(var(--stroke-info-quaternary-rgb));
283
375
 
284
376
  --chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), 0.7019607843137254);
@@ -287,193 +379,255 @@
287
379
  --chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), 0.2);
288
380
 
289
381
  --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb);
382
+ --chart-fill-item-primary-p3: var(--theme-accent-700-p3);
290
383
  --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb));
291
384
 
292
385
  --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb);
386
+ --chart-fill-item-secondary-p3: var(--theme-accent-600-p3);
293
387
  --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb));
294
388
 
295
389
  --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb);
390
+ --chart-fill-item-tertiary-p3: var(--theme-accent-500-p3);
296
391
  --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb));
297
392
 
298
393
  --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb);
394
+ --chart-fill-item-quaternary-p3: var(--theme-accent-400-p3);
299
395
  --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb));
300
396
 
301
397
  --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb);
398
+ --chart-fill-error-primary-p3: var(--theme-destructive-700-p3);
302
399
  --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb));
303
400
 
304
401
  --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb);
402
+ --chart-fill-error-secondary-p3: var(--theme-destructive-600-p3);
305
403
  --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb));
306
404
 
307
405
  --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb);
406
+ --chart-fill-error-tertiary-p3: var(--theme-destructive-500-p3);
308
407
  --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb));
309
408
 
310
409
  --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb);
410
+ --chart-fill-error-quaternary-p3: var(--theme-destructive-400-p3);
311
411
  --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb));
312
412
 
313
413
  --chart-fill-inactive-rgb: var(--base-neutral-50-rgb);
414
+ --chart-fill-inactive-p3: var(--base-neutral-50-p3);
314
415
  --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb));
315
416
 
316
417
  --chart-stroke-line-rgb: var(--theme-accent-700-rgb);
418
+ --chart-stroke-line-p3: var(--theme-accent-700-p3);
317
419
  --chart-stroke-line: rgb(var(--chart-stroke-line-rgb));
318
420
 
319
421
  --chart-stroke-line-secondary-rgb: var(--base-yellow-600-rgb);
422
+ --chart-stroke-line-secondary-p3: var(--base-yellow-600-p3);
320
423
  --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb));
321
424
 
322
425
  --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb);
426
+ --chart-stroke-line-tertiary-p3: var(--base-red-600-p3);
323
427
  --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb));
324
428
 
325
429
  --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb);
430
+ --chart-stroke-line-quaternary-p3: var(--base-blue-600-p3);
326
431
  --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb));
327
432
 
328
433
  --chart-stroke-y-axis: rgba(var(--stroke-default-rgb), 0.4);
329
434
  --chart-stroke-item: rgba(var(--theme-accent-700-rgb), 0.4);
330
435
 
331
436
  --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb);
437
+ --chart-stroke-item-inactive-p3: var(--base-neutral-200-p3);
332
438
  --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb));
333
439
 
334
440
  --chart-stroke-error: rgba(var(--theme-destructive-700-rgb), 0.4);
335
441
 
336
442
  --theme-accent-100-rgb: var(--base-blue-100-rgb);
443
+ --theme-accent-100-p3: var(--base-blue-100-p3);
337
444
  --theme-accent-100: rgb(var(--theme-accent-100-rgb));
338
445
 
339
446
  --theme-accent-200-rgb: var(--base-blue-200-rgb);
447
+ --theme-accent-200-p3: var(--base-blue-200-p3);
340
448
  --theme-accent-200: rgb(var(--theme-accent-200-rgb));
341
449
 
342
450
  --theme-accent-300-rgb: var(--base-blue-300-rgb);
451
+ --theme-accent-300-p3: var(--base-blue-300-p3);
343
452
  --theme-accent-300: rgb(var(--theme-accent-300-rgb));
344
453
 
345
454
  --theme-accent-400-rgb: var(--base-blue-400-rgb);
455
+ --theme-accent-400-p3: var(--base-blue-400-p3);
346
456
  --theme-accent-400: rgb(var(--theme-accent-400-rgb));
347
457
 
348
458
  --theme-accent-500-rgb: var(--base-blue-500-rgb);
459
+ --theme-accent-500-p3: var(--base-blue-500-p3);
349
460
  --theme-accent-500: rgb(var(--theme-accent-500-rgb));
350
461
 
351
462
  --theme-accent-600-rgb: var(--base-blue-600-rgb);
463
+ --theme-accent-600-p3: var(--base-blue-600-p3);
352
464
  --theme-accent-600: rgb(var(--theme-accent-600-rgb));
353
465
 
354
466
  --theme-accent-700-rgb: var(--base-blue-700-rgb);
467
+ --theme-accent-700-p3: var(--base-blue-700-p3);
355
468
  --theme-accent-700: rgb(var(--theme-accent-700-rgb));
356
469
 
357
470
  --theme-accent-800-rgb: var(--base-blue-800-rgb);
471
+ --theme-accent-800-p3: var(--base-blue-800-p3);
358
472
  --theme-accent-800: rgb(var(--theme-accent-800-rgb));
359
473
 
360
474
  --theme-destructive-100-rgb: var(--base-red-100-rgb);
475
+ --theme-destructive-100-p3: var(--base-red-100-p3);
361
476
  --theme-destructive-100: rgb(var(--theme-destructive-100-rgb));
362
477
 
363
478
  --theme-destructive-200-rgb: var(--base-red-200-rgb);
479
+ --theme-destructive-200-p3: var(--base-red-200-p3);
364
480
  --theme-destructive-200: rgb(var(--theme-destructive-200-rgb));
365
481
 
366
482
  --theme-destructive-300-rgb: var(--base-red-300-rgb);
483
+ --theme-destructive-300-p3: var(--base-red-300-p3);
367
484
  --theme-destructive-300: rgb(var(--theme-destructive-300-rgb));
368
485
 
369
486
  --theme-destructive-400-rgb: var(--base-red-400-rgb);
487
+ --theme-destructive-400-p3: var(--base-red-400-p3);
370
488
  --theme-destructive-400: rgb(var(--theme-destructive-400-rgb));
371
489
 
372
490
  --theme-destructive-500-rgb: var(--base-red-500-rgb);
491
+ --theme-destructive-500-p3: var(--base-red-500-p3);
373
492
  --theme-destructive-500: rgb(var(--theme-destructive-500-rgb));
374
493
 
375
494
  --theme-destructive-600-rgb: var(--base-red-600-rgb);
495
+ --theme-destructive-600-p3: var(--base-red-600-p3);
376
496
  --theme-destructive-600: rgb(var(--theme-destructive-600-rgb));
377
497
 
378
498
  --theme-destructive-700-rgb: var(--base-red-700-rgb);
499
+ --theme-destructive-700-p3: var(--base-red-700-p3);
379
500
  --theme-destructive-700: rgb(var(--theme-destructive-700-rgb));
380
501
 
381
502
  --theme-destructive-800-rgb: var(--base-red-800-rgb);
503
+ --theme-destructive-800-p3: var(--base-red-800-p3);
382
504
  --theme-destructive-800: rgb(var(--theme-destructive-800-rgb));
383
505
 
384
506
  --theme-success-100-rgb: var(--base-green-100-rgb);
507
+ --theme-success-100-p3: var(--base-green-100-p3);
385
508
  --theme-success-100: rgb(var(--theme-success-100-rgb));
386
509
 
387
510
  --theme-success-200-rgb: var(--base-green-200-rgb);
511
+ --theme-success-200-p3: var(--base-green-200-p3);
388
512
  --theme-success-200: rgb(var(--theme-success-200-rgb));
389
513
 
390
514
  --theme-success-300-rgb: var(--base-green-300-rgb);
515
+ --theme-success-300-p3: var(--base-green-300-p3);
391
516
  --theme-success-300: rgb(var(--theme-success-300-rgb));
392
517
 
393
518
  --theme-success-400-rgb: var(--base-green-400-rgb);
519
+ --theme-success-400-p3: var(--base-green-400-p3);
394
520
  --theme-success-400: rgb(var(--theme-success-400-rgb));
395
521
 
396
522
  --theme-success-500-rgb: var(--base-green-500-rgb);
523
+ --theme-success-500-p3: var(--base-green-500-p3);
397
524
  --theme-success-500: rgb(var(--theme-success-500-rgb));
398
525
 
399
526
  --theme-success-600-rgb: var(--base-green-600-rgb);
527
+ --theme-success-600-p3: var(--base-green-600-p3);
400
528
  --theme-success-600: rgb(var(--theme-success-600-rgb));
401
529
 
402
530
  --theme-success-700-rgb: var(--base-green-700-rgb);
531
+ --theme-success-700-p3: var(--base-green-700-p3);
403
532
  --theme-success-700: rgb(var(--theme-success-700-rgb));
404
533
 
405
534
  --theme-success-800-rgb: var(--base-green-800-rgb);
535
+ --theme-success-800-p3: var(--base-green-800-p3);
406
536
  --theme-success-800: rgb(var(--theme-success-800-rgb));
407
537
 
408
538
  --theme-error-100-rgb: var(--base-red-100-rgb);
539
+ --theme-error-100-p3: var(--base-red-100-p3);
409
540
  --theme-error-100: rgb(var(--theme-error-100-rgb));
410
541
 
411
542
  --theme-error-200-rgb: var(--base-red-200-rgb);
543
+ --theme-error-200-p3: var(--base-red-200-p3);
412
544
  --theme-error-200: rgb(var(--theme-error-200-rgb));
413
545
 
414
546
  --theme-error-300-rgb: var(--base-red-300-rgb);
547
+ --theme-error-300-p3: var(--base-red-300-p3);
415
548
  --theme-error-300: rgb(var(--theme-error-300-rgb));
416
549
 
417
550
  --theme-error-400-rgb: var(--base-red-400-rgb);
551
+ --theme-error-400-p3: var(--base-red-400-p3);
418
552
  --theme-error-400: rgb(var(--theme-error-400-rgb));
419
553
 
420
554
  --theme-error-500-rgb: var(--base-red-500-rgb);
555
+ --theme-error-500-p3: var(--base-red-500-p3);
421
556
  --theme-error-500: rgb(var(--theme-error-500-rgb));
422
557
 
423
558
  --theme-error-600-rgb: var(--base-red-600-rgb);
559
+ --theme-error-600-p3: var(--base-red-600-p3);
424
560
  --theme-error-600: rgb(var(--theme-error-600-rgb));
425
561
 
426
562
  --theme-error-700-rgb: var(--base-red-700-rgb);
563
+ --theme-error-700-p3: var(--base-red-700-p3);
427
564
  --theme-error-700: rgb(var(--theme-error-700-rgb));
428
565
 
429
566
  --theme-error-800-rgb: var(--base-red-800-rgb);
567
+ --theme-error-800-p3: var(--base-red-800-p3);
430
568
  --theme-error-800: rgb(var(--theme-error-800-rgb));
431
569
 
432
570
  --theme-notice-100-rgb: var(--base-yellow-100-rgb);
571
+ --theme-notice-100-p3: var(--base-yellow-100-p3);
433
572
  --theme-notice-100: rgb(var(--theme-notice-100-rgb));
434
573
 
435
574
  --theme-notice-200-rgb: var(--base-yellow-200-rgb);
575
+ --theme-notice-200-p3: var(--base-yellow-200-p3);
436
576
  --theme-notice-200: rgb(var(--theme-notice-200-rgb));
437
577
 
438
578
  --theme-notice-300-rgb: var(--base-yellow-300-rgb);
579
+ --theme-notice-300-p3: var(--base-yellow-300-p3);
439
580
  --theme-notice-300: rgb(var(--theme-notice-300-rgb));
440
581
 
441
582
  --theme-notice-400-rgb: var(--base-yellow-400-rgb);
583
+ --theme-notice-400-p3: var(--base-yellow-400-p3);
442
584
  --theme-notice-400: rgb(var(--theme-notice-400-rgb));
443
585
 
444
586
  --theme-notice-500-rgb: var(--base-yellow-500-rgb);
587
+ --theme-notice-500-p3: var(--base-yellow-500-p3);
445
588
  --theme-notice-500: rgb(var(--theme-notice-500-rgb));
446
589
 
447
590
  --theme-notice-600-rgb: var(--base-yellow-600-rgb);
591
+ --theme-notice-600-p3: var(--base-yellow-600-p3);
448
592
  --theme-notice-600: rgb(var(--theme-notice-600-rgb));
449
593
 
450
594
  --theme-notice-700-rgb: var(--base-yellow-700-rgb);
595
+ --theme-notice-700-p3: var(--base-yellow-700-p3);
451
596
  --theme-notice-700: rgb(var(--theme-notice-700-rgb));
452
597
 
453
598
  --theme-notice-800-rgb: var(--base-yellow-800-rgb);
599
+ --theme-notice-800-p3: var(--base-yellow-800-p3);
454
600
  --theme-notice-800: rgb(var(--theme-notice-800-rgb));
455
601
 
456
602
  --theme-info-100-rgb: var(--base-blue-100-rgb);
603
+ --theme-info-100-p3: var(--base-blue-100-p3);
457
604
  --theme-info-100: rgb(var(--theme-info-100-rgb));
458
605
 
459
606
  --theme-info-200-rgb: var(--base-blue-200-rgb);
607
+ --theme-info-200-p3: var(--base-blue-200-p3);
460
608
  --theme-info-200: rgb(var(--theme-info-200-rgb));
461
609
 
462
610
  --theme-info-300-rgb: var(--base-blue-300-rgb);
611
+ --theme-info-300-p3: var(--base-blue-300-p3);
463
612
  --theme-info-300: rgb(var(--theme-info-300-rgb));
464
613
 
465
614
  --theme-info-400-rgb: var(--base-blue-400-rgb);
615
+ --theme-info-400-p3: var(--base-blue-400-p3);
466
616
  --theme-info-400: rgb(var(--theme-info-400-rgb));
467
617
 
468
618
  --theme-info-500-rgb: var(--base-blue-500-rgb);
619
+ --theme-info-500-p3: var(--base-blue-500-p3);
469
620
  --theme-info-500: rgb(var(--theme-info-500-rgb));
470
621
 
471
622
  --theme-info-600-rgb: var(--base-blue-600-rgb);
623
+ --theme-info-600-p3: var(--base-blue-600-p3);
472
624
  --theme-info-600: rgb(var(--theme-info-600-rgb));
473
625
 
474
626
  --theme-info-700-rgb: var(--base-blue-700-rgb);
627
+ --theme-info-700-p3: var(--base-blue-700-p3);
475
628
  --theme-info-700: rgb(var(--theme-info-700-rgb));
476
629
 
477
630
  --theme-info-800-rgb: var(--base-blue-800-rgb);
631
+ --theme-info-800-p3: var(--base-blue-800-p3);
478
632
  --theme-info-800: rgb(var(--theme-info-800-rgb));
479
633
  }