@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/main.css CHANGED
@@ -2,436 +2,579 @@
2
2
 
3
3
  :root {
4
4
  --base-neutral-900-rgb: 231, 231, 232; /* #E7E7E8 */
5
+ --base-neutral-900-p3: color(display-p3 0.9059 0.9059 0.9098);
5
6
  --base-neutral-900: rgb(var(--base-neutral-900-rgb));
6
7
 
7
8
  --base-neutral-800-rgb: 184, 187, 188; /* #B8BBBC */
9
+ --base-neutral-800-p3: color(display-p3 0.7216 0.7333 0.7373);
8
10
  --base-neutral-800: rgb(var(--base-neutral-800-rgb));
9
11
 
10
12
  --base-neutral-700-rgb: 161, 164, 165; /* #A1A4A5 */
13
+ --base-neutral-700-p3: color(display-p3 0.6314 0.6431 0.6471);
11
14
  --base-neutral-700: rgb(var(--base-neutral-700-rgb));
12
15
 
13
16
  --base-neutral-600-rgb: 126, 131, 133; /* #7e8385 */
17
+ --base-neutral-600-p3: color(display-p3 0.4941 0.5137 0.5216);
14
18
  --base-neutral-600: rgb(var(--base-neutral-600-rgb));
15
19
 
16
20
  --base-neutral-500-rgb: 91, 95, 97; /* #5B5F61 */
21
+ --base-neutral-500-p3: color(display-p3 0.3569 0.3725 0.3804);
17
22
  --base-neutral-500: rgb(var(--base-neutral-500-rgb));
18
23
 
19
24
  --base-neutral-400-rgb: 64, 70, 71; /* #404647 */
25
+ --base-neutral-400-p3: color(display-p3 0.251 0.2745 0.2784);
20
26
  --base-neutral-400: rgb(var(--base-neutral-400-rgb));
21
27
 
22
28
  --base-neutral-300-rgb: 45, 51, 53; /* #2D3335 */
29
+ --base-neutral-300-p3: color(display-p3 0.1765 0.2 0.2078);
23
30
  --base-neutral-300: rgb(var(--base-neutral-300-rgb));
24
31
 
25
32
  --base-neutral-200-rgb: 28, 34, 37; /* #1C2225 */
33
+ --base-neutral-200-p3: color(display-p3 0.1098 0.1333 0.1451);
26
34
  --base-neutral-200: rgb(var(--base-neutral-200-rgb));
27
35
 
28
36
  --base-neutral-100-rgb: 20, 27, 29; /* #141B1D */
37
+ --base-neutral-100-p3: color(display-p3 0.0784 0.1059 0.1137);
29
38
  --base-neutral-100: rgb(var(--base-neutral-100-rgb));
30
39
 
31
40
  --base-neutral-50-rgb: 16, 22, 24; /* #101618 */
41
+ --base-neutral-50-p3: color(display-p3 0.0627 0.0863 0.0941);
32
42
  --base-neutral-50: rgb(var(--base-neutral-50-rgb));
33
43
 
34
44
  --base-neutral-0-rgb: 8, 15, 17; /* #080F11 */
45
+ --base-neutral-0-p3: color(display-p3 0.0314 0.0588 0.0667);
35
46
  --base-neutral-0: rgb(var(--base-neutral-0-rgb));
36
47
 
37
48
  --base-blue-800-rgb: 139, 161, 255; /* #8BA1FF */
49
+ --base-blue-800-p3: color(display-p3 0.5451 0.6314 1);
38
50
  --base-blue-800: rgb(var(--base-blue-800-rgb));
39
51
 
40
52
  --base-blue-700-rgb: 120, 138, 221; /* #788ADD */
53
+ --base-blue-700-p3: color(display-p3 0.4706 0.5412 0.8667);
41
54
  --base-blue-700: rgb(var(--base-blue-700-rgb));
42
55
 
43
56
  --base-blue-600-rgb: 103, 118, 187; /* #6776BB */
57
+ --base-blue-600-p3: color(display-p3 0.4039 0.4627 0.7333);
44
58
  --base-blue-600: rgb(var(--base-blue-600-rgb));
45
59
 
46
60
  --base-blue-500-rgb: 81, 91, 143; /* #515B8F */
61
+ --base-blue-500-p3: color(display-p3 0.3176 0.3569 0.5608);
47
62
  --base-blue-500: rgb(var(--base-blue-500-rgb));
48
63
 
49
64
  --base-blue-400-rgb: 60, 67, 102; /* #3C4366 */
65
+ --base-blue-400-p3: color(display-p3 0.2353 0.2627 0.4);
50
66
  --base-blue-400: rgb(var(--base-blue-400-rgb));
51
67
 
52
68
  --base-blue-300-rgb: 45, 48, 72; /* #2D3048 */
69
+ --base-blue-300-p3: color(display-p3 0.1765 0.1882 0.2824);
53
70
  --base-blue-300: rgb(var(--base-blue-300-rgb));
54
71
 
55
72
  --base-blue-200-rgb: 30, 32, 45; /* #1E202D */
73
+ --base-blue-200-p3: color(display-p3 0.1176 0.1255 0.1765);
56
74
  --base-blue-200: rgb(var(--base-blue-200-rgb));
57
75
 
58
76
  --base-blue-100-rgb: 23, 24, 33; /* #171821 */
77
+ --base-blue-100-p3: color(display-p3 0.0902 0.0941 0.1294);
59
78
  --base-blue-100: rgb(var(--base-blue-100-rgb));
60
79
 
61
80
  --base-purple-800-rgb: 190, 149, 235; /* #BE95EB */
81
+ --base-purple-800-p3: color(display-p3 0.7451 0.5843 0.9216);
62
82
  --base-purple-800: rgb(var(--base-purple-800-rgb));
63
83
 
64
84
  --base-purple-700-rgb: 163, 128, 203; /* #A380CB */
85
+ --base-purple-700-p3: color(display-p3 0.6392 0.502 0.7961);
65
86
  --base-purple-700: rgb(var(--base-purple-700-rgb));
66
87
 
67
88
  --base-purple-600-rgb: 139, 109, 172; /* #8B6DAC */
89
+ --base-purple-600-p3: color(display-p3 0.5451 0.4275 0.6745);
68
90
  --base-purple-600: rgb(var(--base-purple-600-rgb));
69
91
 
70
92
  --base-purple-500-rgb: 108, 85, 132; /* #6C5584 */
93
+ --base-purple-500-p3: color(display-p3 0.4235 0.3333 0.5176);
71
94
  --base-purple-500: rgb(var(--base-purple-500-rgb));
72
95
 
73
96
  --base-purple-400-rgb: 77, 62, 94; /* #4D3E5E */
97
+ --base-purple-400-p3: color(display-p3 0.302 0.2431 0.3686);
74
98
  --base-purple-400: rgb(var(--base-purple-400-rgb));
75
99
 
76
100
  --base-purple-300-rgb: 56, 45, 67; /* #382D43 */
101
+ --base-purple-300-p3: color(display-p3 0.2196 0.1765 0.2627);
77
102
  --base-purple-300: rgb(var(--base-purple-300-rgb));
78
103
 
79
104
  --base-purple-200-rgb: 37, 31, 43; /* #251F2B */
105
+ --base-purple-200-p3: color(display-p3 0.1451 0.1216 0.1686);
80
106
  --base-purple-200: rgb(var(--base-purple-200-rgb));
81
107
 
82
108
  --base-purple-100-rgb: 30, 24, 34; /* #1E1822 */
109
+ --base-purple-100-p3: color(display-p3 0.1176 0.0941 0.1333);
83
110
  --base-purple-100: rgb(var(--base-purple-100-rgb));
84
111
 
85
112
  --base-red-800-rgb: 251, 110, 136; /* #FB6E88 */
113
+ --base-red-800-p3: color(display-p3 0.9843 0.4314 0.5333);
86
114
  --base-red-800: rgb(var(--base-red-800-rgb));
87
115
 
88
116
  --base-red-700-rgb: 218, 97, 119; /* #DA6177 */
117
+ --base-red-700-p3: color(display-p3 0.8549 0.3804 0.4667);
89
118
  --base-red-700: rgb(var(--base-red-700-rgb));
90
119
 
91
120
  --base-red-600-rgb: 195, 87, 106; /* #C3576A */
121
+ --base-red-600-p3: color(display-p3 0.7647 0.3412 0.4157);
92
122
  --base-red-600: rgb(var(--base-red-600-rgb));
93
123
 
94
124
  --base-red-500-rgb: 149, 69, 83; /* #954553 */
125
+ --base-red-500-p3: color(display-p3 0.5843 0.2706 0.3255);
95
126
  --base-red-500: rgb(var(--base-red-500-rgb));
96
127
 
97
128
  --base-red-400-rgb: 106, 52, 60; /* #6A343C */
129
+ --base-red-400-p3: color(display-p3 0.4157 0.2039 0.2353);
98
130
  --base-red-400: rgb(var(--base-red-400-rgb));
99
131
 
100
132
  --base-red-300-rgb: 48, 27, 29; /* #301B1D */
133
+ --base-red-300-p3: color(display-p3 0.1882 0.1059 0.1137);
101
134
  --base-red-300: rgb(var(--base-red-300-rgb));
102
135
 
103
136
  --base-red-200-rgb: 35, 21, 23; /* #231517 */
137
+ --base-red-200-p3: color(display-p3 0.1373 0.0824 0.0902);
104
138
  --base-red-200: rgb(var(--base-red-200-rgb));
105
139
 
106
140
  --base-red-100-rgb: 30, 19, 20; /* #1E1314 */
141
+ --base-red-100-p3: color(display-p3 0.1176 0.0745 0.0784);
107
142
  --base-red-100: rgb(var(--base-red-100-rgb));
108
143
 
109
144
  --base-yellow-800-rgb: 245, 185, 68; /* #F5B944 */
145
+ --base-yellow-800-p3: color(display-p3 0.9608 0.7255 0.2667);
110
146
  --base-yellow-800: rgb(var(--base-yellow-800-rgb));
111
147
 
112
148
  --base-yellow-700-rgb: 202, 153, 59; /* #CA993B */
149
+ --base-yellow-700-p3: color(display-p3 0.7922 0.6 0.2314);
113
150
  --base-yellow-700: rgb(var(--base-yellow-700-rgb));
114
151
 
115
152
  --base-yellow-600-rgb: 153, 116, 48; /* #997430 */
153
+ --base-yellow-600-p3: color(display-p3 0.6 0.4549 0.1882);
116
154
  --base-yellow-600: rgb(var(--base-yellow-600-rgb));
117
155
 
118
156
  --base-yellow-500-rgb: 118, 90, 39; /* #765A27 */
157
+ --base-yellow-500-p3: color(display-p3 0.4627 0.3529 0.1529);
119
158
  --base-yellow-500: rgb(var(--base-yellow-500-rgb));
120
159
 
121
160
  --base-yellow-400-rgb: 85, 66, 31; /* #55421F */
161
+ --base-yellow-400-p3: color(display-p3 0.3333 0.2588 0.1216);
122
162
  --base-yellow-400: rgb(var(--base-yellow-400-rgb));
123
163
 
124
164
  --base-yellow-300-rgb: 61, 48, 25; /* #3D3019 */
165
+ --base-yellow-300-p3: color(display-p3 0.2392 0.1882 0.098);
125
166
  --base-yellow-300: rgb(var(--base-yellow-300-rgb));
126
167
 
127
168
  --base-yellow-200-rgb: 41, 32, 19; /* #292013 */
169
+ --base-yellow-200-p3: color(display-p3 0.1608 0.1255 0.0745);
128
170
  --base-yellow-200: rgb(var(--base-yellow-200-rgb));
129
171
 
130
172
  --base-yellow-100-rgb: 32, 25, 15; /* #20190F */
173
+ --base-yellow-100-p3: color(display-p3 0.1255 0.098 0.0588);
131
174
  --base-yellow-100: rgb(var(--base-yellow-100-rgb));
132
175
 
133
176
  --base-green-800-rgb: 72, 213, 151; /* #48d597 */
177
+ --base-green-800-p3: color(display-p3 0.2824 0.8353 0.5922);
134
178
  --base-green-800: rgb(var(--base-green-800-rgb));
135
179
 
136
180
  --base-green-700-rgb: 32, 163, 108; /* #20A36C */
181
+ --base-green-700-p3: color(display-p3 0.1255 0.6392 0.4235);
137
182
  --base-green-700: rgb(var(--base-green-700-rgb));
138
183
 
139
184
  --base-green-600-rgb: 35, 138, 94; /* #238A5E */
185
+ --base-green-600-p3: color(display-p3 0.1373 0.5412 0.3686);
140
186
  --base-green-600: rgb(var(--base-green-600-rgb));
141
187
 
142
188
  --base-green-500-rgb: 35, 106, 76; /* #236A4C */
189
+ --base-green-500-p3: color(display-p3 0.1373 0.4157 0.298);
143
190
  --base-green-500: rgb(var(--base-green-500-rgb));
144
191
 
145
192
  --base-green-400-rgb: 32, 77, 59; /* #204D3B */
193
+ --base-green-400-p3: color(display-p3 0.1255 0.302 0.2314);
146
194
  --base-green-400: rgb(var(--base-green-400-rgb));
147
195
 
148
196
  --base-green-300-rgb: 28, 55, 46; /* #1C372E */
197
+ --base-green-300-p3: color(display-p3 0.1098 0.2157 0.1804);
149
198
  --base-green-300: rgb(var(--base-green-300-rgb));
150
199
 
151
200
  --base-green-200-rgb: 22, 35, 34; /* #162322 */
201
+ --base-green-200-p3: color(display-p3 0.0863 0.1373 0.1333);
152
202
  --base-green-200: rgb(var(--base-green-200-rgb));
153
203
 
154
204
  --base-green-100-rgb: 19, 26, 28; /* #131A1C */
205
+ --base-green-100-p3: color(display-p3 0.0745 0.102 0.1098);
155
206
  --base-green-100: rgb(var(--base-green-100-rgb));
156
207
 
157
208
  --surface-default-rgb: var(--base-neutral-0-rgb);
209
+ --surface-default-p3: var(--base-neutral-0-p3);
158
210
  --surface-default: rgb(var(--surface-default-rgb));
159
211
 
160
212
  --surface-hover-rgb: var(--base-neutral-200-rgb);
213
+ --surface-hover-p3: var(--base-neutral-200-p3);
161
214
  --surface-hover: rgb(var(--surface-hover-rgb));
162
215
 
163
216
  --surface-raise-rgb: var(--base-neutral-50-rgb);
217
+ --surface-raise-p3: var(--base-neutral-50-p3);
164
218
  --surface-raise: rgb(var(--surface-raise-rgb));
165
219
 
166
220
  --surface-secondary-rgb: var(--base-neutral-100-rgb);
221
+ --surface-secondary-p3: var(--base-neutral-100-p3);
167
222
  --surface-secondary: rgb(var(--surface-secondary-rgb));
168
223
 
169
224
  --surface-tertiary-rgb: var(--base-neutral-200-rgb);
225
+ --surface-tertiary-p3: var(--base-neutral-200-p3);
170
226
  --surface-tertiary: rgb(var(--surface-tertiary-rgb));
171
227
 
172
228
  --surface-disabled-rgb: var(--base-neutral-100-rgb);
229
+ --surface-disabled-p3: var(--base-neutral-100-p3);
173
230
  --surface-disabled: rgb(var(--surface-disabled-rgb));
174
231
 
175
232
  --surface-scrim: rgba(var(--base-neutral-0-rgb), 0.4);
176
233
 
177
234
  --surface-accent-rgb: var(--theme-accent-800-rgb);
235
+ --surface-accent-p3: var(--theme-accent-800-p3);
178
236
  --surface-accent: rgb(var(--surface-accent-rgb));
179
237
 
180
238
  --surface-accent-hover-rgb: var(--theme-accent-700-rgb);
239
+ --surface-accent-hover-p3: var(--theme-accent-700-p3);
181
240
  --surface-accent-hover: rgb(var(--surface-accent-hover-rgb));
182
241
 
183
242
  --surface-accent-secondary-rgb: var(--theme-accent-200-rgb);
243
+ --surface-accent-secondary-p3: var(--theme-accent-200-p3);
184
244
  --surface-accent-secondary: rgb(var(--surface-accent-secondary-rgb));
185
245
 
186
246
  --surface-accent-secondary-hover-rgb: var(--theme-accent-300-rgb);
247
+ --surface-accent-secondary-hover-p3: var(--theme-accent-300-p3);
187
248
  --surface-accent-secondary-hover: rgb(var(--surface-accent-secondary-hover-rgb));
188
249
 
189
250
  --surface-destructive-rgb: var(--theme-destructive-800-rgb);
251
+ --surface-destructive-p3: var(--theme-destructive-800-p3);
190
252
  --surface-destructive: rgb(var(--surface-destructive-rgb));
191
253
 
192
254
  --surface-destructive-hover-rgb: var(--theme-destructive-700-rgb);
255
+ --surface-destructive-hover-p3: var(--theme-destructive-700-p3);
193
256
  --surface-destructive-hover: rgb(var(--surface-destructive-hover-rgb));
194
257
 
195
258
  --surface-destructive-secondary-rgb: var(--theme-destructive-200-rgb);
259
+ --surface-destructive-secondary-p3: var(--theme-destructive-200-p3);
196
260
  --surface-destructive-secondary: rgb(var(--surface-destructive-secondary-rgb));
197
261
 
198
262
  --surface-destructive-secondary-hover-rgb: var(--theme-destructive-300-rgb);
263
+ --surface-destructive-secondary-hover-p3: var(--theme-destructive-300-p3);
199
264
  --surface-destructive-secondary-hover: rgb(
200
265
  var(--surface-destructive-secondary-hover-rgb)
201
266
  );
202
267
 
203
268
  --surface-notice-rgb: var(--theme-notice-800-rgb);
269
+ --surface-notice-p3: var(--theme-notice-800-p3);
204
270
  --surface-notice: rgb(var(--surface-notice-rgb));
205
271
 
206
272
  --surface-notice-hover-rgb: var(--theme-notice-700-rgb);
273
+ --surface-notice-hover-p3: var(--theme-notice-700-p3);
207
274
  --surface-notice-hover: rgb(var(--surface-notice-hover-rgb));
208
275
 
209
276
  --surface-notice-secondary-rgb: var(--theme-notice-200-rgb);
277
+ --surface-notice-secondary-p3: var(--theme-notice-200-p3);
210
278
  --surface-notice-secondary: rgb(var(--surface-notice-secondary-rgb));
211
279
 
212
280
  --surface-notice-secondary-hover-rgb: var(--theme-notice-300-rgb);
281
+ --surface-notice-secondary-hover-p3: var(--theme-notice-300-p3);
213
282
  --surface-notice-secondary-hover: rgb(var(--surface-notice-secondary-hover-rgb));
214
283
 
215
284
  --surface-success-rgb: var(--theme-success-800-rgb);
285
+ --surface-success-p3: var(--theme-success-800-p3);
216
286
  --surface-success: rgb(var(--surface-success-rgb));
217
287
 
218
288
  --surface-success-secondary-rgb: var(--theme-success-200-rgb);
289
+ --surface-success-secondary-p3: var(--theme-success-200-p3);
219
290
  --surface-success-secondary: rgb(var(--surface-success-secondary-rgb));
220
291
 
221
292
  --surface-error-rgb: var(--theme-error-800-rgb);
293
+ --surface-error-p3: var(--theme-error-800-p3);
222
294
  --surface-error: rgb(var(--surface-error-rgb));
223
295
 
224
296
  --surface-error-secondary-rgb: var(--theme-error-200-rgb);
297
+ --surface-error-secondary-p3: var(--theme-error-200-p3);
225
298
  --surface-error-secondary: rgb(var(--surface-error-secondary-rgb));
226
299
 
227
300
  --surface-inverse-rgb: var(--content-default-rgb);
301
+ --surface-inverse-p3: var(--content-default-p3);
228
302
  --surface-inverse: rgb(var(--surface-inverse-rgb));
229
303
 
230
304
  --surface-inverse-secondary-rgb: var(--content-secondary-rgb);
305
+ --surface-inverse-secondary-p3: var(--content-secondary-p3);
231
306
  --surface-inverse-secondary: rgb(var(--surface-inverse-secondary-rgb));
232
307
 
233
308
  --surface-inverse-tertiary-rgb: var(--content-tertiary-rgb);
309
+ --surface-inverse-tertiary-p3: var(--content-tertiary-p3);
234
310
  --surface-inverse-tertiary: rgb(var(--surface-inverse-tertiary-rgb));
235
311
 
236
312
  --surface-info-rgb: var(--theme-info-800-rgb);
313
+ --surface-info-p3: var(--theme-info-800-p3);
237
314
  --surface-info: rgb(var(--surface-info-rgb));
238
315
 
239
316
  --surface-info-hover-rgb: var(--theme-info-700-rgb);
317
+ --surface-info-hover-p3: var(--theme-info-700-p3);
240
318
  --surface-info-hover: rgb(var(--surface-info-hover-rgb));
241
319
 
242
320
  --surface-info-secondary-rgb: var(--theme-info-200-rgb);
321
+ --surface-info-secondary-p3: var(--theme-info-200-p3);
243
322
  --surface-info-secondary: rgb(var(--surface-info-secondary-rgb));
244
323
 
245
324
  --surface-info-secondary-hover-rgb: var(--theme-info-300-rgb);
325
+ --surface-info-secondary-hover-p3: var(--theme-info-300-p3);
246
326
  --surface-info-secondary-hover: rgb(var(--surface-info-secondary-hover-rgb));
247
327
 
248
328
  --content-default-rgb: var(--base-neutral-900-rgb);
329
+ --content-default-p3: var(--base-neutral-900-p3);
249
330
  --content-default: rgb(var(--content-default-rgb));
250
331
 
251
332
  --content-secondary-rgb: var(--base-neutral-800-rgb);
333
+ --content-secondary-p3: var(--base-neutral-800-p3);
252
334
  --content-secondary: rgb(var(--content-secondary-rgb));
253
335
 
254
336
  --content-tertiary-rgb: var(--base-neutral-700-rgb);
337
+ --content-tertiary-p3: var(--base-neutral-700-p3);
255
338
  --content-tertiary: rgb(var(--content-tertiary-rgb));
256
339
 
257
340
  --content-quaternary-rgb: var(--base-neutral-600-rgb);
341
+ --content-quaternary-p3: var(--base-neutral-600-p3);
258
342
  --content-quaternary: rgb(var(--content-quaternary-rgb));
259
343
 
260
344
  --content-quinary-rgb: var(--base-neutral-500-rgb);
345
+ --content-quinary-p3: var(--base-neutral-500-p3);
261
346
  --content-quinary: rgb(var(--content-quinary-rgb));
262
347
 
263
348
  --content-disabled-rgb: var(--base-neutral-500-rgb);
349
+ --content-disabled-p3: var(--base-neutral-500-p3);
264
350
  --content-disabled: rgb(var(--content-disabled-rgb));
265
351
 
266
352
  --content-accent-rgb: var(--theme-accent-800-rgb);
353
+ --content-accent-p3: var(--theme-accent-800-p3);
267
354
  --content-accent: rgb(var(--content-accent-rgb));
268
355
 
269
356
  --content-accent-secondary-rgb: var(--theme-accent-700-rgb);
357
+ --content-accent-secondary-p3: var(--theme-accent-700-p3);
270
358
  --content-accent-secondary: rgb(var(--content-accent-secondary-rgb));
271
359
 
272
360
  --content-accent-tertiary-rgb: var(--theme-accent-600-rgb);
361
+ --content-accent-tertiary-p3: var(--theme-accent-600-p3);
273
362
  --content-accent-tertiary: rgb(var(--content-accent-tertiary-rgb));
274
363
 
275
364
  --content-accent-disabled-rgb: var(--theme-accent-500-rgb);
365
+ --content-accent-disabled-p3: var(--theme-accent-500-p3);
276
366
  --content-accent-disabled: rgb(var(--content-accent-disabled-rgb));
277
367
 
278
368
  --content-destructive-rgb: var(--theme-destructive-800-rgb);
369
+ --content-destructive-p3: var(--theme-destructive-800-p3);
279
370
  --content-destructive: rgb(var(--content-destructive-rgb));
280
371
 
281
372
  --content-destructive-secondary-rgb: var(--theme-destructive-700-rgb);
373
+ --content-destructive-secondary-p3: var(--theme-destructive-700-p3);
282
374
  --content-destructive-secondary: rgb(var(--content-destructive-secondary-rgb));
283
375
 
284
376
  --content-destructive-tertiary-rgb: var(--theme-destructive-600-rgb);
377
+ --content-destructive-tertiary-p3: var(--theme-destructive-600-p3);
285
378
  --content-destructive-tertiary: rgb(var(--content-destructive-tertiary-rgb));
286
379
 
287
380
  --content-destructive-disabled-rgb: var(--theme-destructive-500-rgb);
381
+ --content-destructive-disabled-p3: var(--theme-destructive-500-p3);
288
382
  --content-destructive-disabled: rgb(var(--content-destructive-disabled-rgb));
289
383
 
290
384
  --content-success-rgb: var(--theme-success-800-rgb);
385
+ --content-success-p3: var(--theme-success-800-p3);
291
386
  --content-success: rgb(var(--content-success-rgb));
292
387
 
293
388
  --content-success-secondary-rgb: var(--theme-success-700-rgb);
389
+ --content-success-secondary-p3: var(--theme-success-700-p3);
294
390
  --content-success-secondary: rgb(var(--content-success-secondary-rgb));
295
391
 
296
392
  --content-success-tertiary-rgb: var(--theme-success-600-rgb);
393
+ --content-success-tertiary-p3: var(--theme-success-600-p3);
297
394
  --content-success-tertiary: rgb(var(--content-success-tertiary-rgb));
298
395
 
299
396
  --content-success-disabled-rgb: var(--theme-success-500-rgb);
397
+ --content-success-disabled-p3: var(--theme-success-500-p3);
300
398
  --content-success-disabled: rgb(var(--content-success-disabled-rgb));
301
399
 
302
400
  --content-error-rgb: var(--theme-error-800-rgb);
401
+ --content-error-p3: var(--theme-error-800-p3);
303
402
  --content-error: rgb(var(--content-error-rgb));
304
403
 
305
404
  --content-error-secondary-rgb: var(--theme-error-700-rgb);
405
+ --content-error-secondary-p3: var(--theme-error-700-p3);
306
406
  --content-error-secondary: rgb(var(--content-error-secondary-rgb));
307
407
 
308
408
  --content-error-tertiary-rgb: var(--theme-error-600-rgb);
409
+ --content-error-tertiary-p3: var(--theme-error-600-p3);
309
410
  --content-error-tertiary: rgb(var(--content-error-tertiary-rgb));
310
411
 
311
412
  --content-error-disabled-rgb: var(--theme-error-500-rgb);
413
+ --content-error-disabled-p3: var(--theme-error-500-p3);
312
414
  --content-error-disabled: rgb(var(--content-error-disabled-rgb));
313
415
 
314
416
  --content-notice-rgb: var(--theme-notice-800-rgb);
417
+ --content-notice-p3: var(--theme-notice-800-p3);
315
418
  --content-notice: rgb(var(--content-notice-rgb));
316
419
 
317
420
  --content-notice-secondary-rgb: var(--theme-notice-700-rgb);
421
+ --content-notice-secondary-p3: var(--theme-notice-700-p3);
318
422
  --content-notice-secondary: rgb(var(--content-notice-secondary-rgb));
319
423
 
320
424
  --content-notice-tertiary-rgb: var(--theme-notice-600-rgb);
425
+ --content-notice-tertiary-p3: var(--theme-notice-600-p3);
321
426
  --content-notice-tertiary: rgb(var(--content-notice-tertiary-rgb));
322
427
 
323
428
  --content-notice-disabled-rgb: var(--theme-notice-500-rgb);
429
+ --content-notice-disabled-p3: var(--theme-notice-500-p3);
324
430
  --content-notice-disabled: rgb(var(--content-notice-disabled-rgb));
325
431
 
326
432
  --content-inverse-rgb: var(--surface-default-rgb);
433
+ --content-inverse-p3: var(--surface-default-p3);
327
434
  --content-inverse: rgb(var(--content-inverse-rgb));
328
435
 
329
436
  --content-inverse-raise-rgb: var(--surface-raise-rgb);
437
+ --content-inverse-raise-p3: var(--surface-raise-p3);
330
438
  --content-inverse-raise: rgb(var(--content-inverse-raise-rgb));
331
439
 
332
440
  --content-inverse-secondary-rgb: var(--surface-secondary-rgb);
441
+ --content-inverse-secondary-p3: var(--surface-secondary-p3);
333
442
  --content-inverse-secondary: rgb(var(--content-inverse-secondary-rgb));
334
443
 
335
444
  --content-info-rgb: var(--theme-info-800-rgb);
445
+ --content-info-p3: var(--theme-info-800-p3);
336
446
  --content-info: rgb(var(--content-info-rgb));
337
447
 
338
448
  --content-info-secondary-rgb: var(--theme-info-700-rgb);
449
+ --content-info-secondary-p3: var(--theme-info-700-p3);
339
450
  --content-info-secondary: rgb(var(--content-info-secondary-rgb));
340
451
 
341
452
  --content-info-tertiary-rgb: var(--theme-info-600-rgb);
453
+ --content-info-tertiary-p3: var(--theme-info-600-p3);
342
454
  --content-info-tertiary: rgb(var(--content-info-tertiary-rgb));
343
455
 
344
456
  --content-info-disabled-rgb: var(--theme-info-500-rgb);
457
+ --content-info-disabled-p3: var(--theme-info-500-p3);
345
458
  --content-info-disabled: rgb(var(--content-info-disabled-rgb));
346
459
 
347
460
  --stroke-default-rgb: var(--base-neutral-300-rgb);
461
+ --stroke-default-p3: var(--base-neutral-300-p3);
348
462
  --stroke-default: rgb(var(--stroke-default-rgb));
349
463
 
350
464
  --stroke-hover-rgb: var(--base-neutral-400-rgb);
465
+ --stroke-hover-p3: var(--base-neutral-400-p3);
351
466
  --stroke-hover: rgb(var(--stroke-hover-rgb));
352
467
 
353
468
  --stroke-secondary-rgb: var(--base-neutral-200-rgb);
469
+ --stroke-secondary-p3: var(--base-neutral-200-p3);
354
470
  --stroke-secondary: rgb(var(--stroke-secondary-rgb));
355
471
 
356
472
  --stroke-tertiary-rgb: var(--base-neutral-100-rgb);
473
+ --stroke-tertiary-p3: var(--base-neutral-100-p3);
357
474
  --stroke-tertiary: rgb(var(--stroke-tertiary-rgb));
358
475
 
359
476
  --stroke-raise-rgb: var(--base-neutral-500-rgb);
477
+ --stroke-raise-p3: var(--base-neutral-500-p3);
360
478
  --stroke-raise: rgb(var(--stroke-raise-rgb));
361
479
 
362
480
  --stroke-surface-rgb: var(--surface-default-rgb);
481
+ --stroke-surface-p3: var(--surface-default-p3);
363
482
  --stroke-surface: rgb(var(--stroke-surface-rgb));
364
483
 
365
484
  --stroke-accent-rgb: var(--theme-accent-800-rgb);
485
+ --stroke-accent-p3: var(--theme-accent-800-p3);
366
486
  --stroke-accent: rgb(var(--stroke-accent-rgb));
367
487
 
368
488
  --stroke-accent-secondary-rgb: var(--theme-accent-600-rgb);
489
+ --stroke-accent-secondary-p3: var(--theme-accent-600-p3);
369
490
  --stroke-accent-secondary: rgb(var(--stroke-accent-secondary-rgb));
370
491
 
371
492
  --stroke-accent-tertiary-rgb: var(--theme-accent-400-rgb);
493
+ --stroke-accent-tertiary-p3: var(--theme-accent-400-p3);
372
494
  --stroke-accent-tertiary: rgb(var(--stroke-accent-tertiary-rgb));
373
495
 
374
496
  --stroke-accent-quaternary-rgb: var(--theme-accent-300-rgb);
497
+ --stroke-accent-quaternary-p3: var(--theme-accent-300-p3);
375
498
  --stroke-accent-quaternary: rgb(var(--stroke-accent-quaternary-rgb));
376
499
 
377
500
  --stroke-destructive-rgb: var(--theme-destructive-800-rgb);
501
+ --stroke-destructive-p3: var(--theme-destructive-800-p3);
378
502
  --stroke-destructive: rgb(var(--stroke-destructive-rgb));
379
503
 
380
504
  --stroke-destructive-secondary-rgb: var(--theme-destructive-600-rgb);
505
+ --stroke-destructive-secondary-p3: var(--theme-destructive-600-p3);
381
506
  --stroke-destructive-secondary: rgb(var(--stroke-destructive-secondary-rgb));
382
507
 
383
508
  --stroke-destructive-tertiary-rgb: var(--theme-destructive-400-rgb);
509
+ --stroke-destructive-tertiary-p3: var(--theme-destructive-400-p3);
384
510
  --stroke-destructive-tertiary: rgb(var(--stroke-destructive-tertiary-rgb));
385
511
 
386
512
  --stroke-destructive-quaternary-rgb: var(--theme-destructive-300-rgb);
513
+ --stroke-destructive-quaternary-p3: var(--theme-destructive-300-p3);
387
514
  --stroke-destructive-quaternary: rgb(var(--stroke-destructive-quaternary-rgb));
388
515
 
389
516
  --stroke-success-rgb: var(--theme-success-800-rgb);
517
+ --stroke-success-p3: var(--theme-success-800-p3);
390
518
  --stroke-success: rgb(var(--stroke-success-rgb));
391
519
 
392
520
  --stroke-success-secondary-rgb: var(--theme-success-600-rgb);
521
+ --stroke-success-secondary-p3: var(--theme-success-600-p3);
393
522
  --stroke-success-secondary: rgb(var(--stroke-success-secondary-rgb));
394
523
 
395
524
  --stroke-success-tertiary-rgb: var(--theme-success-400-rgb);
525
+ --stroke-success-tertiary-p3: var(--theme-success-400-p3);
396
526
  --stroke-success-tertiary: rgb(var(--stroke-success-tertiary-rgb));
397
527
 
398
528
  --stroke-success-quaternary-rgb: var(--theme-success-300-rgb);
529
+ --stroke-success-quaternary-p3: var(--theme-success-300-p3);
399
530
  --stroke-success-quaternary: rgb(var(--stroke-success-quaternary-rgb));
400
531
 
401
532
  --stroke-error-rgb: var(--theme-error-800-rgb);
533
+ --stroke-error-p3: var(--theme-error-800-p3);
402
534
  --stroke-error: rgb(var(--stroke-error-rgb));
403
535
 
404
536
  --stroke-error-secondary-rgb: var(--theme-error-600-rgb);
537
+ --stroke-error-secondary-p3: var(--theme-error-600-p3);
405
538
  --stroke-error-secondary: rgb(var(--stroke-error-secondary-rgb));
406
539
 
407
540
  --stroke-error-tertiary-rgb: var(--theme-error-400-rgb);
541
+ --stroke-error-tertiary-p3: var(--theme-error-400-p3);
408
542
  --stroke-error-tertiary: rgb(var(--stroke-error-tertiary-rgb));
409
543
 
410
544
  --stroke-error-quaternary-rgb: var(--theme-error-300-rgb);
545
+ --stroke-error-quaternary-p3: var(--theme-error-300-p3);
411
546
  --stroke-error-quaternary: rgb(var(--stroke-error-quaternary-rgb));
412
547
 
413
548
  --stroke-notice-rgb: var(--theme-notice-800-rgb);
549
+ --stroke-notice-p3: var(--theme-notice-800-p3);
414
550
  --stroke-notice: rgb(var(--stroke-notice-rgb));
415
551
 
416
552
  --stroke-notice-secondary-rgb: var(--theme-notice-600-rgb);
553
+ --stroke-notice-secondary-p3: var(--theme-notice-600-p3);
417
554
  --stroke-notice-secondary: rgb(var(--stroke-notice-secondary-rgb));
418
555
 
419
556
  --stroke-notice-tertiary-rgb: var(--theme-notice-400-rgb);
557
+ --stroke-notice-tertiary-p3: var(--theme-notice-400-p3);
420
558
  --stroke-notice-tertiary: rgb(var(--stroke-notice-tertiary-rgb));
421
559
 
422
560
  --stroke-notice-quaternary-rgb: var(--theme-notice-300-rgb);
561
+ --stroke-notice-quaternary-p3: var(--theme-notice-300-p3);
423
562
  --stroke-notice-quaternary: rgb(var(--stroke-notice-quaternary-rgb));
424
563
 
425
564
  --stroke-info-rgb: var(--theme-info-800-rgb);
565
+ --stroke-info-p3: var(--theme-info-800-p3);
426
566
  --stroke-info: rgb(var(--stroke-info-rgb));
427
567
 
428
568
  --stroke-info-secondary-rgb: var(--theme-info-600-rgb);
569
+ --stroke-info-secondary-p3: var(--theme-info-600-p3);
429
570
  --stroke-info-secondary: rgb(var(--stroke-info-secondary-rgb));
430
571
 
431
572
  --stroke-info-tertiary-rgb: var(--theme-info-400-rgb);
573
+ --stroke-info-tertiary-p3: var(--theme-info-400-p3);
432
574
  --stroke-info-tertiary: rgb(var(--stroke-info-tertiary-rgb));
433
575
 
434
576
  --stroke-info-quaternary-rgb: var(--theme-info-300-rgb);
577
+ --stroke-info-quaternary-p3: var(--theme-info-300-p3);
435
578
  --stroke-info-quaternary: rgb(var(--stroke-info-quaternary-rgb));
436
579
 
437
580
  --chart-fill-area-primary: rgba(var(--theme-accent-700-rgb), 0.7019607843137254);
@@ -440,194 +583,256 @@
440
583
  --chart-fill-area-quaternary: rgba(var(--theme-accent-400-rgb), 0.2);
441
584
 
442
585
  --chart-fill-item-primary-rgb: var(--theme-accent-700-rgb);
586
+ --chart-fill-item-primary-p3: var(--theme-accent-700-p3);
443
587
  --chart-fill-item-primary: rgb(var(--chart-fill-item-primary-rgb));
444
588
 
445
589
  --chart-fill-item-secondary-rgb: var(--theme-accent-600-rgb);
590
+ --chart-fill-item-secondary-p3: var(--theme-accent-600-p3);
446
591
  --chart-fill-item-secondary: rgb(var(--chart-fill-item-secondary-rgb));
447
592
 
448
593
  --chart-fill-item-tertiary-rgb: var(--theme-accent-500-rgb);
594
+ --chart-fill-item-tertiary-p3: var(--theme-accent-500-p3);
449
595
  --chart-fill-item-tertiary: rgb(var(--chart-fill-item-tertiary-rgb));
450
596
 
451
597
  --chart-fill-item-quaternary-rgb: var(--theme-accent-400-rgb);
598
+ --chart-fill-item-quaternary-p3: var(--theme-accent-400-p3);
452
599
  --chart-fill-item-quaternary: rgb(var(--chart-fill-item-quaternary-rgb));
453
600
 
454
601
  --chart-fill-error-primary-rgb: var(--theme-destructive-700-rgb);
602
+ --chart-fill-error-primary-p3: var(--theme-destructive-700-p3);
455
603
  --chart-fill-error-primary: rgb(var(--chart-fill-error-primary-rgb));
456
604
 
457
605
  --chart-fill-error-secondary-rgb: var(--theme-destructive-600-rgb);
606
+ --chart-fill-error-secondary-p3: var(--theme-destructive-600-p3);
458
607
  --chart-fill-error-secondary: rgb(var(--chart-fill-error-secondary-rgb));
459
608
 
460
609
  --chart-fill-error-tertiary-rgb: var(--theme-destructive-500-rgb);
610
+ --chart-fill-error-tertiary-p3: var(--theme-destructive-500-p3);
461
611
  --chart-fill-error-tertiary: rgb(var(--chart-fill-error-tertiary-rgb));
462
612
 
463
613
  --chart-fill-error-quaternary-rgb: var(--theme-destructive-400-rgb);
614
+ --chart-fill-error-quaternary-p3: var(--theme-destructive-400-p3);
464
615
  --chart-fill-error-quaternary: rgb(var(--chart-fill-error-quaternary-rgb));
465
616
 
466
617
  --chart-fill-inactive-rgb: var(--base-neutral-50-rgb);
618
+ --chart-fill-inactive-p3: var(--base-neutral-50-p3);
467
619
  --chart-fill-inactive: rgb(var(--chart-fill-inactive-rgb));
468
620
 
469
621
  --chart-stroke-line-rgb: var(--theme-accent-700-rgb);
622
+ --chart-stroke-line-p3: var(--theme-accent-700-p3);
470
623
  --chart-stroke-line: rgb(var(--chart-stroke-line-rgb));
471
624
 
472
625
  --chart-stroke-line-secondary-rgb: var(--base-yellow-600-rgb);
626
+ --chart-stroke-line-secondary-p3: var(--base-yellow-600-p3);
473
627
  --chart-stroke-line-secondary: rgb(var(--chart-stroke-line-secondary-rgb));
474
628
 
475
629
  --chart-stroke-line-tertiary-rgb: var(--base-red-600-rgb);
630
+ --chart-stroke-line-tertiary-p3: var(--base-red-600-p3);
476
631
  --chart-stroke-line-tertiary: rgb(var(--chart-stroke-line-tertiary-rgb));
477
632
 
478
633
  --chart-stroke-line-quaternary-rgb: var(--base-blue-600-rgb);
634
+ --chart-stroke-line-quaternary-p3: var(--base-blue-600-p3);
479
635
  --chart-stroke-line-quaternary: rgb(var(--chart-stroke-line-quaternary-rgb));
480
636
 
481
637
  --chart-stroke-y-axis: rgba(var(--stroke-default-rgb), 0.4);
482
638
  --chart-stroke-item: rgba(var(--theme-accent-700-rgb), 0.4);
483
639
 
484
640
  --chart-stroke-item-inactive-rgb: var(--base-neutral-200-rgb);
641
+ --chart-stroke-item-inactive-p3: var(--base-neutral-200-p3);
485
642
  --chart-stroke-item-inactive: rgb(var(--chart-stroke-item-inactive-rgb));
486
643
 
487
644
  --chart-stroke-error: rgba(var(--theme-destructive-700-rgb), 0.4);
488
645
 
489
646
  --theme-accent-100-rgb: var(--base-green-100-rgb);
647
+ --theme-accent-100-p3: var(--base-green-100-p3);
490
648
  --theme-accent-100: rgb(var(--theme-accent-100-rgb));
491
649
 
492
650
  --theme-accent-200-rgb: var(--base-green-200-rgb);
651
+ --theme-accent-200-p3: var(--base-green-200-p3);
493
652
  --theme-accent-200: rgb(var(--theme-accent-200-rgb));
494
653
 
495
654
  --theme-accent-300-rgb: var(--base-green-300-rgb);
655
+ --theme-accent-300-p3: var(--base-green-300-p3);
496
656
  --theme-accent-300: rgb(var(--theme-accent-300-rgb));
497
657
 
498
658
  --theme-accent-400-rgb: var(--base-green-400-rgb);
659
+ --theme-accent-400-p3: var(--base-green-400-p3);
499
660
  --theme-accent-400: rgb(var(--theme-accent-400-rgb));
500
661
 
501
662
  --theme-accent-500-rgb: var(--base-green-500-rgb);
663
+ --theme-accent-500-p3: var(--base-green-500-p3);
502
664
  --theme-accent-500: rgb(var(--theme-accent-500-rgb));
503
665
 
504
666
  --theme-accent-600-rgb: var(--base-green-600-rgb);
667
+ --theme-accent-600-p3: var(--base-green-600-p3);
505
668
  --theme-accent-600: rgb(var(--theme-accent-600-rgb));
506
669
 
507
670
  --theme-accent-700-rgb: var(--base-green-700-rgb);
671
+ --theme-accent-700-p3: var(--base-green-700-p3);
508
672
  --theme-accent-700: rgb(var(--theme-accent-700-rgb));
509
673
 
510
674
  --theme-accent-800-rgb: var(--base-green-800-rgb);
675
+ --theme-accent-800-p3: var(--base-green-800-p3);
511
676
  --theme-accent-800: rgb(var(--theme-accent-800-rgb));
512
677
 
513
678
  --theme-destructive-100-rgb: var(--base-red-100-rgb);
679
+ --theme-destructive-100-p3: var(--base-red-100-p3);
514
680
  --theme-destructive-100: rgb(var(--theme-destructive-100-rgb));
515
681
 
516
682
  --theme-destructive-200-rgb: var(--base-red-200-rgb);
683
+ --theme-destructive-200-p3: var(--base-red-200-p3);
517
684
  --theme-destructive-200: rgb(var(--theme-destructive-200-rgb));
518
685
 
519
686
  --theme-destructive-300-rgb: var(--base-red-300-rgb);
687
+ --theme-destructive-300-p3: var(--base-red-300-p3);
520
688
  --theme-destructive-300: rgb(var(--theme-destructive-300-rgb));
521
689
 
522
690
  --theme-destructive-400-rgb: var(--base-red-400-rgb);
691
+ --theme-destructive-400-p3: var(--base-red-400-p3);
523
692
  --theme-destructive-400: rgb(var(--theme-destructive-400-rgb));
524
693
 
525
694
  --theme-destructive-500-rgb: var(--base-red-500-rgb);
695
+ --theme-destructive-500-p3: var(--base-red-500-p3);
526
696
  --theme-destructive-500: rgb(var(--theme-destructive-500-rgb));
527
697
 
528
698
  --theme-destructive-600-rgb: var(--base-red-600-rgb);
699
+ --theme-destructive-600-p3: var(--base-red-600-p3);
529
700
  --theme-destructive-600: rgb(var(--theme-destructive-600-rgb));
530
701
 
531
702
  --theme-destructive-700-rgb: var(--base-red-700-rgb);
703
+ --theme-destructive-700-p3: var(--base-red-700-p3);
532
704
  --theme-destructive-700: rgb(var(--theme-destructive-700-rgb));
533
705
 
534
706
  --theme-destructive-800-rgb: var(--base-red-800-rgb);
707
+ --theme-destructive-800-p3: var(--base-red-800-p3);
535
708
  --theme-destructive-800: rgb(var(--theme-destructive-800-rgb));
536
709
 
537
710
  --theme-success-100-rgb: var(--base-green-100-rgb);
711
+ --theme-success-100-p3: var(--base-green-100-p3);
538
712
  --theme-success-100: rgb(var(--theme-success-100-rgb));
539
713
 
540
714
  --theme-success-200-rgb: var(--base-green-200-rgb);
715
+ --theme-success-200-p3: var(--base-green-200-p3);
541
716
  --theme-success-200: rgb(var(--theme-success-200-rgb));
542
717
 
543
718
  --theme-success-300-rgb: var(--base-green-300-rgb);
719
+ --theme-success-300-p3: var(--base-green-300-p3);
544
720
  --theme-success-300: rgb(var(--theme-success-300-rgb));
545
721
 
546
722
  --theme-success-400-rgb: var(--base-green-400-rgb);
723
+ --theme-success-400-p3: var(--base-green-400-p3);
547
724
  --theme-success-400: rgb(var(--theme-success-400-rgb));
548
725
 
549
726
  --theme-success-500-rgb: var(--base-green-500-rgb);
727
+ --theme-success-500-p3: var(--base-green-500-p3);
550
728
  --theme-success-500: rgb(var(--theme-success-500-rgb));
551
729
 
552
730
  --theme-success-600-rgb: var(--base-green-600-rgb);
731
+ --theme-success-600-p3: var(--base-green-600-p3);
553
732
  --theme-success-600: rgb(var(--theme-success-600-rgb));
554
733
 
555
734
  --theme-success-700-rgb: var(--base-green-700-rgb);
735
+ --theme-success-700-p3: var(--base-green-700-p3);
556
736
  --theme-success-700: rgb(var(--theme-success-700-rgb));
557
737
 
558
738
  --theme-success-800-rgb: var(--base-green-800-rgb);
739
+ --theme-success-800-p3: var(--base-green-800-p3);
559
740
  --theme-success-800: rgb(var(--theme-success-800-rgb));
560
741
 
561
742
  --theme-error-100-rgb: var(--base-red-100-rgb);
743
+ --theme-error-100-p3: var(--base-red-100-p3);
562
744
  --theme-error-100: rgb(var(--theme-error-100-rgb));
563
745
 
564
746
  --theme-error-200-rgb: var(--base-red-200-rgb);
747
+ --theme-error-200-p3: var(--base-red-200-p3);
565
748
  --theme-error-200: rgb(var(--theme-error-200-rgb));
566
749
 
567
750
  --theme-error-300-rgb: var(--base-red-300-rgb);
751
+ --theme-error-300-p3: var(--base-red-300-p3);
568
752
  --theme-error-300: rgb(var(--theme-error-300-rgb));
569
753
 
570
754
  --theme-error-400-rgb: var(--base-red-400-rgb);
755
+ --theme-error-400-p3: var(--base-red-400-p3);
571
756
  --theme-error-400: rgb(var(--theme-error-400-rgb));
572
757
 
573
758
  --theme-error-500-rgb: var(--base-red-500-rgb);
759
+ --theme-error-500-p3: var(--base-red-500-p3);
574
760
  --theme-error-500: rgb(var(--theme-error-500-rgb));
575
761
 
576
762
  --theme-error-600-rgb: var(--base-red-600-rgb);
763
+ --theme-error-600-p3: var(--base-red-600-p3);
577
764
  --theme-error-600: rgb(var(--theme-error-600-rgb));
578
765
 
579
766
  --theme-error-700-rgb: var(--base-red-700-rgb);
767
+ --theme-error-700-p3: var(--base-red-700-p3);
580
768
  --theme-error-700: rgb(var(--theme-error-700-rgb));
581
769
 
582
770
  --theme-error-800-rgb: var(--base-red-800-rgb);
771
+ --theme-error-800-p3: var(--base-red-800-p3);
583
772
  --theme-error-800: rgb(var(--theme-error-800-rgb));
584
773
 
585
774
  --theme-notice-100-rgb: var(--base-yellow-100-rgb);
775
+ --theme-notice-100-p3: var(--base-yellow-100-p3);
586
776
  --theme-notice-100: rgb(var(--theme-notice-100-rgb));
587
777
 
588
778
  --theme-notice-200-rgb: var(--base-yellow-200-rgb);
779
+ --theme-notice-200-p3: var(--base-yellow-200-p3);
589
780
  --theme-notice-200: rgb(var(--theme-notice-200-rgb));
590
781
 
591
782
  --theme-notice-300-rgb: var(--base-yellow-300-rgb);
783
+ --theme-notice-300-p3: var(--base-yellow-300-p3);
592
784
  --theme-notice-300: rgb(var(--theme-notice-300-rgb));
593
785
 
594
786
  --theme-notice-400-rgb: var(--base-yellow-400-rgb);
787
+ --theme-notice-400-p3: var(--base-yellow-400-p3);
595
788
  --theme-notice-400: rgb(var(--theme-notice-400-rgb));
596
789
 
597
790
  --theme-notice-500-rgb: var(--base-yellow-500-rgb);
791
+ --theme-notice-500-p3: var(--base-yellow-500-p3);
598
792
  --theme-notice-500: rgb(var(--theme-notice-500-rgb));
599
793
 
600
794
  --theme-notice-600-rgb: var(--base-yellow-600-rgb);
795
+ --theme-notice-600-p3: var(--base-yellow-600-p3);
601
796
  --theme-notice-600: rgb(var(--theme-notice-600-rgb));
602
797
 
603
798
  --theme-notice-700-rgb: var(--base-yellow-700-rgb);
799
+ --theme-notice-700-p3: var(--base-yellow-700-p3);
604
800
  --theme-notice-700: rgb(var(--theme-notice-700-rgb));
605
801
 
606
802
  --theme-notice-800-rgb: var(--base-yellow-800-rgb);
803
+ --theme-notice-800-p3: var(--base-yellow-800-p3);
607
804
  --theme-notice-800: rgb(var(--theme-notice-800-rgb));
608
805
 
609
806
  --theme-info-100-rgb: var(--base-blue-100-rgb);
807
+ --theme-info-100-p3: var(--base-blue-100-p3);
610
808
  --theme-info-100: rgb(var(--theme-info-100-rgb));
611
809
 
612
810
  --theme-info-200-rgb: var(--base-blue-200-rgb);
811
+ --theme-info-200-p3: var(--base-blue-200-p3);
613
812
  --theme-info-200: rgb(var(--theme-info-200-rgb));
614
813
 
615
814
  --theme-info-300-rgb: var(--base-blue-300-rgb);
815
+ --theme-info-300-p3: var(--base-blue-300-p3);
616
816
  --theme-info-300: rgb(var(--theme-info-300-rgb));
617
817
 
618
818
  --theme-info-400-rgb: var(--base-blue-400-rgb);
819
+ --theme-info-400-p3: var(--base-blue-400-p3);
619
820
  --theme-info-400: rgb(var(--theme-info-400-rgb));
620
821
 
621
822
  --theme-info-500-rgb: var(--base-blue-500-rgb);
823
+ --theme-info-500-p3: var(--base-blue-500-p3);
622
824
  --theme-info-500: rgb(var(--theme-info-500-rgb));
623
825
 
624
826
  --theme-info-600-rgb: var(--base-blue-600-rgb);
827
+ --theme-info-600-p3: var(--base-blue-600-p3);
625
828
  --theme-info-600: rgb(var(--theme-info-600-rgb));
626
829
 
627
830
  --theme-info-700-rgb: var(--base-blue-700-rgb);
831
+ --theme-info-700-p3: var(--base-blue-700-p3);
628
832
  --theme-info-700: rgb(var(--theme-info-700-rgb));
629
833
 
630
834
  --theme-info-800-rgb: var(--base-blue-800-rgb);
835
+ --theme-info-800-p3: var(--base-blue-800-p3);
631
836
  --theme-info-800: rgb(var(--theme-info-800-rgb));
632
837
 
633
838
  --border-radius-sm: 0.125rem;