@sanity/ui 3.0.0-static.7 → 3.0.0-static.8

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 (37) hide show
  1. package/dist/_chunks-cjs/_visual-editing.js +14 -14
  2. package/dist/_chunks-cjs/_visual-editing.js.map +1 -1
  3. package/dist/_chunks-es/_visual-editing.mjs +14 -14
  4. package/dist/_chunks-es/_visual-editing.mjs.map +1 -1
  5. package/dist/cli.js +1 -1
  6. package/dist/css.d.mts +196 -184
  7. package/dist/css.d.ts +196 -184
  8. package/dist/css.js +293 -238
  9. package/dist/css.js.map +1 -1
  10. package/dist/css.mjs +293 -238
  11. package/dist/css.mjs.map +1 -1
  12. package/dist/sanity-theme.css +1 -1
  13. package/dist/system.css +1105 -904
  14. package/dist/theme.d.mts +84 -76
  15. package/dist/theme.d.ts +84 -76
  16. package/dist/theme.js +147 -123
  17. package/dist/theme.js.map +1 -1
  18. package/dist/theme.mjs +147 -123
  19. package/dist/theme.mjs.map +1 -1
  20. package/package.json +1 -1
  21. package/src/css/compile/compileTheme_v3.ts +46 -37
  22. package/src/css/primitives/badge/badge.style.ts +1 -1
  23. package/src/css/primitives/button/button.style.ts +20 -0
  24. package/src/css/primitives/card/card.style.ts +47 -41
  25. package/src/css/primitives/kbd/kbd.style.ts +1 -1
  26. package/src/css/primitives/text/text.style.ts +11 -3
  27. package/src/css/types.ts +200 -188
  28. package/src/css/varNames.ts +86 -76
  29. package/src/css/vars.ts +85 -76
  30. package/src/theme/v3/color/buildColor_v3.ts +43 -38
  31. package/src/theme/v3/color/card.ts +43 -38
  32. package/src/theme/v3/color/color.ts +42 -38
  33. package/src/theme/v3/defaults.ts +62 -46
  34. package/src/theme/v3/resolveTokens.ts +43 -38
  35. package/src/theme/versioning/themeColor_v3_v2.ts +1 -1
  36. package/src/ui/components/autocomplete/__workshop__/async.tsx +0 -1
  37. package/src/ui/primitives/box/box.tsx +1 -1
package/dist/cli.js CHANGED
@@ -335,7 +335,7 @@ class CAC extends events.EventEmitter {
335
335
  }
336
336
  }
337
337
  const cac = (name = "") => new CAC(name);
338
- var version = "3.0.0-static.7";
338
+ var version = "3.0.0-static.8";
339
339
  const cli = cac("ui");
340
340
  cli.command("build").option("--cwd [cwd]", "Working directory").option("--outDir [outDir]", "Output directory").action(async (options) => {
341
341
  const {
package/dist/css.d.mts CHANGED
@@ -144,6 +144,42 @@ export declare type CardScopedVarName =
144
144
  | `--color-border`
145
145
  | `--color-code-bg`
146
146
  | `--color-code-fg`
147
+ | `--color-code-token-atrule`
148
+ | `--color-code-token-attr-name`
149
+ | `--color-code-token-attr-value`
150
+ | `--color-code-token-attribute`
151
+ | `--color-code-token-boolean`
152
+ | `--color-code-token-builtin`
153
+ | `--color-code-token-cdata`
154
+ | `--color-code-token-char`
155
+ | `--color-code-token-class`
156
+ | `--color-code-token-class-name`
157
+ | `--color-code-token-comment`
158
+ | `--color-code-token-constant`
159
+ | `--color-code-token-deleted`
160
+ | `--color-code-token-doctype`
161
+ | `--color-code-token-entity`
162
+ | `--color-code-token-function`
163
+ | `--color-code-token-hexcode`
164
+ | `--color-code-token-id`
165
+ | `--color-code-token-important`
166
+ | `--color-code-token-inserted`
167
+ | `--color-code-token-keyword`
168
+ | `--color-code-token-number`
169
+ | `--color-code-token-operator`
170
+ | `--color-code-token-prolog`
171
+ | `--color-code-token-property`
172
+ | `--color-code-token-pseudo-class`
173
+ | `--color-code-token-pseudo-element`
174
+ | `--color-code-token-punctuation`
175
+ | `--color-code-token-regex`
176
+ | `--color-code-token-selector`
177
+ | `--color-code-token-string`
178
+ | `--color-code-token-symbol`
179
+ | `--color-code-token-tag`
180
+ | `--color-code-token-unit`
181
+ | `--color-code-token-url`
182
+ | `--color-code-token-variable`
147
183
  | `--color-fg`
148
184
  | `--color-focus-ring`
149
185
  | `--color-link-fg`
@@ -155,42 +191,6 @@ export declare type CardScopedVarName =
155
191
  | `--color-shadow-ambient`
156
192
  | `--color-skeleton-from`
157
193
  | `--color-skeleton-to`
158
- | `--color-token-atrule`
159
- | `--color-token-attr-name`
160
- | `--color-token-attr-value`
161
- | `--color-token-attribute`
162
- | `--color-token-boolean`
163
- | `--color-token-builtin`
164
- | `--color-token-cdata`
165
- | `--color-token-char`
166
- | `--color-token-class`
167
- | `--color-token-class-name`
168
- | `--color-token-comment`
169
- | `--color-token-constant`
170
- | `--color-token-deleted`
171
- | `--color-token-doctype`
172
- | `--color-token-entity`
173
- | `--color-token-function`
174
- | `--color-token-hexcode`
175
- | `--color-token-id`
176
- | `--color-token-important`
177
- | `--color-token-inserted`
178
- | `--color-token-keyword`
179
- | `--color-token-number`
180
- | `--color-token-operator`
181
- | `--color-token-prolog`
182
- | `--color-token-property`
183
- | `--color-token-pseudo-class`
184
- | `--color-token-pseudo-element`
185
- | `--color-token-punctuation`
186
- | `--color-token-regex`
187
- | `--color-token-selector`
188
- | `--color-token-string`
189
- | `--color-token-symbol`
190
- | `--color-token-tag`
191
- | `--color-token-unit`
192
- | `--color-token-url`
193
- | `--color-token-variable`
194
194
  | `--color-checkbox-bg`
195
195
  | `--color-checkbox-fg`
196
196
  | `--color-checkbox-border`
@@ -275,6 +275,44 @@ export declare type ColorCardToneScopedVarName =
275
275
  | `--color-${ThemeColorCardToneKey}-avatar-${ThemeColorAvatarColorKey}-bg`
276
276
  | `--color-${ThemeColorCardToneKey}-avatar-${ThemeColorAvatarColorKey}-fg`
277
277
  | `--color-${ThemeColorCardToneKey}-backdrop`
278
+ | `--color-${ThemeColorCardToneKey}-code-bg`
279
+ | `--color-${ThemeColorCardToneKey}-code-fg`
280
+ | `--color-${ThemeColorCardToneKey}-code-token-atrule`
281
+ | `--color-${ThemeColorCardToneKey}-code-token-attr-name`
282
+ | `--color-${ThemeColorCardToneKey}-code-token-attr-value`
283
+ | `--color-${ThemeColorCardToneKey}-code-token-attribute`
284
+ | `--color-${ThemeColorCardToneKey}-code-token-boolean`
285
+ | `--color-${ThemeColorCardToneKey}-code-token-builtin`
286
+ | `--color-${ThemeColorCardToneKey}-code-token-cdata`
287
+ | `--color-${ThemeColorCardToneKey}-code-token-char`
288
+ | `--color-${ThemeColorCardToneKey}-code-token-class`
289
+ | `--color-${ThemeColorCardToneKey}-code-token-class-name`
290
+ | `--color-${ThemeColorCardToneKey}-code-token-comment`
291
+ | `--color-${ThemeColorCardToneKey}-code-token-constant`
292
+ | `--color-${ThemeColorCardToneKey}-code-token-deleted`
293
+ | `--color-${ThemeColorCardToneKey}-code-token-doctype`
294
+ | `--color-${ThemeColorCardToneKey}-code-token-entity`
295
+ | `--color-${ThemeColorCardToneKey}-code-token-function`
296
+ | `--color-${ThemeColorCardToneKey}-code-token-hexcode`
297
+ | `--color-${ThemeColorCardToneKey}-code-token-id`
298
+ | `--color-${ThemeColorCardToneKey}-code-token-important`
299
+ | `--color-${ThemeColorCardToneKey}-code-token-inserted`
300
+ | `--color-${ThemeColorCardToneKey}-code-token-keyword`
301
+ | `--color-${ThemeColorCardToneKey}-code-token-number`
302
+ | `--color-${ThemeColorCardToneKey}-code-token-operator`
303
+ | `--color-${ThemeColorCardToneKey}-code-token-prolog`
304
+ | `--color-${ThemeColorCardToneKey}-code-token-property`
305
+ | `--color-${ThemeColorCardToneKey}-code-token-pseudo-class`
306
+ | `--color-${ThemeColorCardToneKey}-code-token-pseudo-element`
307
+ | `--color-${ThemeColorCardToneKey}-code-token-punctuation`
308
+ | `--color-${ThemeColorCardToneKey}-code-token-regex`
309
+ | `--color-${ThemeColorCardToneKey}-code-token-selector`
310
+ | `--color-${ThemeColorCardToneKey}-code-token-string`
311
+ | `--color-${ThemeColorCardToneKey}-code-token-symbol`
312
+ | `--color-${ThemeColorCardToneKey}-code-token-tag`
313
+ | `--color-${ThemeColorCardToneKey}-code-token-unit`
314
+ | `--color-${ThemeColorCardToneKey}-code-token-url`
315
+ | `--color-${ThemeColorCardToneKey}-code-token-variable`
278
316
  | `--color-${ThemeColorCardToneKey}-focus-ring`
279
317
  | `--color-${ThemeColorCardToneKey}-link-fg`
280
318
  | `--color-${ThemeColorCardToneKey}-muted-bg`
@@ -286,48 +324,50 @@ export declare type ColorCardToneScopedVarName =
286
324
  | `--color-${ThemeColorCardToneKey}-shadow-ambient`
287
325
  | `--color-${ThemeColorCardToneKey}-skeleton-from`
288
326
  | `--color-${ThemeColorCardToneKey}-skeleton-to`
289
- | `--color-${ThemeColorCardToneKey}-token-atrule`
290
- | `--color-${ThemeColorCardToneKey}-token-attr-name`
291
- | `--color-${ThemeColorCardToneKey}-token-attr-value`
292
- | `--color-${ThemeColorCardToneKey}-token-attribute`
293
- | `--color-${ThemeColorCardToneKey}-token-boolean`
294
- | `--color-${ThemeColorCardToneKey}-token-builtin`
295
- | `--color-${ThemeColorCardToneKey}-token-cdata`
296
- | `--color-${ThemeColorCardToneKey}-token-char`
297
- | `--color-${ThemeColorCardToneKey}-token-class`
298
- | `--color-${ThemeColorCardToneKey}-token-class-name`
299
- | `--color-${ThemeColorCardToneKey}-token-comment`
300
- | `--color-${ThemeColorCardToneKey}-token-constant`
301
- | `--color-${ThemeColorCardToneKey}-token-deleted`
302
- | `--color-${ThemeColorCardToneKey}-token-doctype`
303
- | `--color-${ThemeColorCardToneKey}-token-entity`
304
- | `--color-${ThemeColorCardToneKey}-token-function`
305
- | `--color-${ThemeColorCardToneKey}-token-hexcode`
306
- | `--color-${ThemeColorCardToneKey}-token-id`
307
- | `--color-${ThemeColorCardToneKey}-token-important`
308
- | `--color-${ThemeColorCardToneKey}-token-inserted`
309
- | `--color-${ThemeColorCardToneKey}-token-keyword`
310
- | `--color-${ThemeColorCardToneKey}-token-number`
311
- | `--color-${ThemeColorCardToneKey}-token-operator`
312
- | `--color-${ThemeColorCardToneKey}-token-prolog`
313
- | `--color-${ThemeColorCardToneKey}-token-property`
314
- | `--color-${ThemeColorCardToneKey}-token-pseudo-class`
315
- | `--color-${ThemeColorCardToneKey}-token-pseudo-element`
316
- | `--color-${ThemeColorCardToneKey}-token-punctuation`
317
- | `--color-${ThemeColorCardToneKey}-token-regex`
318
- | `--color-${ThemeColorCardToneKey}-token-selector`
319
- | `--color-${ThemeColorCardToneKey}-token-string`
320
- | `--color-${ThemeColorCardToneKey}-token-symbol`
321
- | `--color-${ThemeColorCardToneKey}-token-tag`
322
- | `--color-${ThemeColorCardToneKey}-token-unit`
323
- | `--color-${ThemeColorCardToneKey}-token-url`
324
- | `--color-${ThemeColorCardToneKey}-token-variable`
325
327
 
326
328
  export declare type ColorCardVarName =
327
329
  | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-accent-fg`
328
330
  | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-avatar-${ThemeColorAvatarColorKey}-bg`
329
331
  | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-avatar-${ThemeColorAvatarColorKey}-fg`
330
332
  | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-backdrop`
333
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-bg`
334
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-fg`
335
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-atrule`
336
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-attr-name`
337
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-attr-value`
338
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-attribute`
339
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-boolean`
340
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-builtin`
341
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-cdata`
342
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-char`
343
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-class`
344
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-class-name`
345
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-comment`
346
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-constant`
347
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-deleted`
348
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-doctype`
349
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-entity`
350
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-function`
351
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-hexcode`
352
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-id`
353
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-important`
354
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-inserted`
355
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-keyword`
356
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-number`
357
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-operator`
358
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-prolog`
359
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-property`
360
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-pseudo-class`
361
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-pseudo-element`
362
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-punctuation`
363
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-regex`
364
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-selector`
365
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-string`
366
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-symbol`
367
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-tag`
368
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-unit`
369
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-url`
370
+ | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-code-token-variable`
331
371
  | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-focus-ring`
332
372
  | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-link-fg`
333
373
  | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-muted-bg`
@@ -339,42 +379,6 @@ export declare type ColorCardVarName =
339
379
  | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-shadow-ambient`
340
380
  | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-skeleton-from`
341
381
  | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-skeleton-to`
342
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-atrule`
343
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-attr-name`
344
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-attr-value`
345
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-attribute`
346
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-boolean`
347
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-builtin`
348
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-cdata`
349
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-char`
350
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-class`
351
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-class-name`
352
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-comment`
353
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-constant`
354
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-deleted`
355
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-doctype`
356
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-entity`
357
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-function`
358
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-hexcode`
359
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-id`
360
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-important`
361
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-inserted`
362
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-keyword`
363
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-number`
364
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-operator`
365
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-prolog`
366
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-property`
367
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-pseudo-class`
368
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-pseudo-element`
369
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-punctuation`
370
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-regex`
371
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-selector`
372
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-string`
373
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-symbol`
374
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-tag`
375
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-unit`
376
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-url`
377
- | `--color-${ThemeColorSchemeKey}-${ThemeColorCardToneKey}-token-variable`
378
382
 
379
383
  /** @public */
380
384
  export declare interface ColorCardVarNames {
@@ -383,6 +387,48 @@ export declare interface ColorCardVarNames {
383
387
  }
384
388
  avatar: Record<ThemeColorAvatarColorKey, ColorAvatarColorVarNames>
385
389
  backdrop: VarName
390
+ code: {
391
+ bg: VarName
392
+ fg: VarName
393
+ token: {
394
+ atrule: VarName
395
+ attrName: VarName
396
+ attrValue: VarName
397
+ attribute: VarName
398
+ boolean: VarName
399
+ builtin: VarName
400
+ cdata: VarName
401
+ char: VarName
402
+ class: VarName
403
+ className: VarName
404
+ comment: VarName
405
+ constant: VarName
406
+ deleted: VarName
407
+ doctype: VarName
408
+ entity: VarName
409
+ function: VarName
410
+ hexcode: VarName
411
+ id: VarName
412
+ important: VarName
413
+ inserted: VarName
414
+ keyword: VarName
415
+ number: VarName
416
+ operator: VarName
417
+ prolog: VarName
418
+ property: VarName
419
+ pseudoClass: VarName
420
+ pseudoElement: VarName
421
+ punctuation: VarName
422
+ regex: VarName
423
+ selector: VarName
424
+ string: VarName
425
+ symbol: VarName
426
+ tag: VarName
427
+ unit: VarName
428
+ url: VarName
429
+ variable: VarName
430
+ }
431
+ }
386
432
  focusRing: VarName
387
433
  link: {
388
434
  fg: VarName
@@ -401,44 +447,6 @@ export declare interface ColorCardVarNames {
401
447
  from: VarName
402
448
  to: VarName
403
449
  }
404
- token: {
405
- atrule: VarName
406
- attrName: VarName
407
- attrValue: VarName
408
- attribute: VarName
409
- boolean: VarName
410
- builtin: VarName
411
- cdata: VarName
412
- char: VarName
413
- class: VarName
414
- className: VarName
415
- comment: VarName
416
- constant: VarName
417
- deleted: VarName
418
- doctype: VarName
419
- entity: VarName
420
- function: VarName
421
- hexcode: VarName
422
- id: VarName
423
- important: VarName
424
- inserted: VarName
425
- keyword: VarName
426
- number: VarName
427
- operator: VarName
428
- prolog: VarName
429
- property: VarName
430
- pseudoClass: VarName
431
- pseudoElement: VarName
432
- punctuation: VarName
433
- regex: VarName
434
- selector: VarName
435
- string: VarName
436
- symbol: VarName
437
- tag: VarName
438
- unit: VarName
439
- url: VarName
440
- variable: VarName
441
- }
442
450
  solid: ColorVariantVarNames
443
451
  tinted: ColorVariantVarNames
444
452
  }
@@ -450,6 +458,48 @@ export declare interface ColorCardVars {
450
458
  }
451
459
  avatar: ColorAvatarVars
452
460
  backdrop: CSSVar
461
+ code: {
462
+ bg: CSSVar
463
+ fg: CSSVar
464
+ token: {
465
+ atrule: CSSVar
466
+ attrName: CSSVar
467
+ attrValue: CSSVar
468
+ attribute: CSSVar
469
+ boolean: CSSVar
470
+ builtin: CSSVar
471
+ cdata: CSSVar
472
+ char: CSSVar
473
+ class: CSSVar
474
+ className: CSSVar
475
+ comment: CSSVar
476
+ constant: CSSVar
477
+ deleted: CSSVar
478
+ doctype: CSSVar
479
+ entity: CSSVar
480
+ function: CSSVar
481
+ hexcode: CSSVar
482
+ id: CSSVar
483
+ important: CSSVar
484
+ inserted: CSSVar
485
+ keyword: CSSVar
486
+ number: CSSVar
487
+ operator: CSSVar
488
+ prolog: CSSVar
489
+ property: CSSVar
490
+ pseudoClass: CSSVar
491
+ pseudoElement: CSSVar
492
+ punctuation: CSSVar
493
+ regex: CSSVar
494
+ selector: CSSVar
495
+ string: CSSVar
496
+ symbol: CSSVar
497
+ tag: CSSVar
498
+ unit: CSSVar
499
+ url: CSSVar
500
+ variable: CSSVar
501
+ }
502
+ }
453
503
  focusRing: CSSVar
454
504
  link: {
455
505
  fg: CSSVar
@@ -468,44 +518,6 @@ export declare interface ColorCardVars {
468
518
  from: CSSVar
469
519
  to: CSSVar
470
520
  }
471
- token: {
472
- atrule: CSSVar
473
- attrName: CSSVar
474
- attrValue: CSSVar
475
- attribute: CSSVar
476
- boolean: CSSVar
477
- builtin: CSSVar
478
- cdata: CSSVar
479
- char: CSSVar
480
- class: CSSVar
481
- className: CSSVar
482
- comment: CSSVar
483
- constant: CSSVar
484
- deleted: CSSVar
485
- doctype: CSSVar
486
- entity: CSSVar
487
- function: CSSVar
488
- hexcode: CSSVar
489
- id: CSSVar
490
- important: CSSVar
491
- inserted: CSSVar
492
- keyword: CSSVar
493
- number: CSSVar
494
- operator: CSSVar
495
- prolog: CSSVar
496
- property: CSSVar
497
- pseudoClass: CSSVar
498
- pseudoElement: CSSVar
499
- punctuation: CSSVar
500
- regex: CSSVar
501
- selector: CSSVar
502
- string: CSSVar
503
- symbol: CSSVar
504
- tag: CSSVar
505
- unit: CSSVar
506
- url: CSSVar
507
- variable: CSSVar
508
- }
509
521
  solid: ColorVariantVars
510
522
  tinted: ColorVariantVars
511
523
  }