@sanity/ui 3.0.0-static.6 → 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 (60) hide show
  1. package/dist/_chunks-cjs/_visual-editing.js +53 -53
  2. package/dist/_chunks-cjs/_visual-editing.js.map +1 -1
  3. package/dist/_chunks-es/_visual-editing.mjs +54 -54
  4. package/dist/_chunks-es/_visual-editing.mjs.map +1 -1
  5. package/dist/cli.js +1 -1
  6. package/dist/css.d.mts +207 -185
  7. package/dist/css.d.ts +207 -185
  8. package/dist/css.js +617 -547
  9. package/dist/css.js.map +1 -1
  10. package/dist/css.mjs +617 -547
  11. package/dist/css.mjs.map +1 -1
  12. package/dist/index.js +3 -13
  13. package/dist/index.js.map +1 -1
  14. package/dist/index.mjs +3 -13
  15. package/dist/index.mjs.map +1 -1
  16. package/dist/sanity-theme.css +1 -1
  17. package/dist/system.css +1334 -914
  18. package/dist/theme.d.mts +84 -76
  19. package/dist/theme.d.ts +84 -76
  20. package/dist/theme.js +148 -124
  21. package/dist/theme.js.map +1 -1
  22. package/dist/theme.mjs +148 -124
  23. package/dist/theme.mjs.map +1 -1
  24. package/package.json +1 -1
  25. package/src/css/aspects/index.ts +1 -0
  26. package/src/css/aspects/minWidth/index.ts +2 -0
  27. package/src/css/aspects/minWidth/minWidth.style.ts +13 -0
  28. package/src/css/aspects/minWidth/minWidth.ts +6 -0
  29. package/src/css/aspects/minWidth/types.ts +7 -0
  30. package/src/css/compile/compileRule.ts +1 -0
  31. package/src/css/compile/compileStyle.ts +1 -1
  32. package/src/css/compile/compileTheme_v3.ts +46 -37
  33. package/src/css/primitives/badge/badge.style.ts +1 -1
  34. package/src/css/primitives/box/box.style.ts +1 -1
  35. package/src/css/primitives/box/box.ts +2 -3
  36. package/src/css/primitives/box/types.ts +2 -0
  37. package/src/css/primitives/button/button.style.ts +20 -0
  38. package/src/css/primitives/card/card.style.ts +116 -44
  39. package/src/css/primitives/card/types.ts +0 -1
  40. package/src/css/primitives/kbd/kbd.style.ts +1 -1
  41. package/src/css/primitives/popover/popover.ts +4 -0
  42. package/src/css/primitives/switch/switch.style.ts +8 -83
  43. package/src/css/primitives/text/text.style.ts +11 -3
  44. package/src/css/system.style.ts +2 -0
  45. package/src/css/types.ts +200 -188
  46. package/src/css/varNames.ts +86 -76
  47. package/src/css/vars.ts +85 -76
  48. package/src/theme/v3/color/buildColor_v3.ts +43 -38
  49. package/src/theme/v3/color/card.ts +43 -38
  50. package/src/theme/v3/color/color.ts +42 -38
  51. package/src/theme/v3/defaults.ts +63 -47
  52. package/src/theme/v3/resolveTokens.ts +43 -38
  53. package/src/theme/versioning/themeColor_v3_v2.ts +1 -1
  54. package/src/ui/components/autocomplete/__workshop__/async.tsx +0 -1
  55. package/src/ui/components/autocomplete/autocomplete.tsx +2 -11
  56. package/src/ui/primitives/box/box.tsx +4 -3
  57. package/src/ui/primitives/card/card.tsx +2 -6
  58. package/src/ui/primitives/kbd/kbd.tsx +2 -2
  59. package/src/ui/primitives/popover/popoverCard.tsx +45 -39
  60. package/src/css/primitives/card/rules.ts +0 -473
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.6";
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
@@ -100,6 +100,7 @@ export declare interface BoxStyleProps
100
100
  InsetStyleProps,
101
101
  MarginStyleProps,
102
102
  MaxWidthStyleProps,
103
+ MinWidthStyleProps,
103
104
  OverflowStyleProps,
104
105
  PaddingStyleProps,
105
106
  PointerEventsStyleProps,
@@ -143,6 +144,42 @@ export declare type CardScopedVarName =
143
144
  | `--color-border`
144
145
  | `--color-code-bg`
145
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`
146
183
  | `--color-fg`
147
184
  | `--color-focus-ring`
148
185
  | `--color-link-fg`
@@ -154,42 +191,6 @@ export declare type CardScopedVarName =
154
191
  | `--color-shadow-ambient`
155
192
  | `--color-skeleton-from`
156
193
  | `--color-skeleton-to`
157
- | `--color-token-atrule`
158
- | `--color-token-attr-name`
159
- | `--color-token-attr-value`
160
- | `--color-token-attribute`
161
- | `--color-token-boolean`
162
- | `--color-token-builtin`
163
- | `--color-token-cdata`
164
- | `--color-token-char`
165
- | `--color-token-class`
166
- | `--color-token-class-name`
167
- | `--color-token-comment`
168
- | `--color-token-constant`
169
- | `--color-token-deleted`
170
- | `--color-token-doctype`
171
- | `--color-token-entity`
172
- | `--color-token-function`
173
- | `--color-token-hexcode`
174
- | `--color-token-id`
175
- | `--color-token-important`
176
- | `--color-token-inserted`
177
- | `--color-token-keyword`
178
- | `--color-token-number`
179
- | `--color-token-operator`
180
- | `--color-token-prolog`
181
- | `--color-token-property`
182
- | `--color-token-pseudo-class`
183
- | `--color-token-pseudo-element`
184
- | `--color-token-punctuation`
185
- | `--color-token-regex`
186
- | `--color-token-selector`
187
- | `--color-token-string`
188
- | `--color-token-symbol`
189
- | `--color-token-tag`
190
- | `--color-token-unit`
191
- | `--color-token-url`
192
- | `--color-token-variable`
193
194
  | `--color-checkbox-bg`
194
195
  | `--color-checkbox-fg`
195
196
  | `--color-checkbox-border`
@@ -218,7 +219,6 @@ export declare type CardScopedVarName =
218
219
 
219
220
  export declare interface CardStyleProps extends BoxStyleProps, ShadowStyleProps {
220
221
  checkered?: boolean
221
- selectable?: boolean
222
222
  scheme?: ThemeColorSchemeKey
223
223
  tone?: ThemeColorCardToneKey | 'inherit'
224
224
  }
@@ -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
  }
@@ -1007,6 +1019,14 @@ export declare function menu(): string | undefined
1007
1019
 
1008
1020
  export declare function menuDivider(): string | undefined
1009
1021
 
1022
+ export declare type MinWidth = 0 | 'auto' | 'full' | 'min' | 'max' | 'fit'
1023
+
1024
+ export declare function minWidth(props: MinWidthStyleProps): string
1025
+
1026
+ export declare interface MinWidthStyleProps {
1027
+ minWidth?: ResponsiveProp<MinWidth>
1028
+ }
1029
+
1010
1030
  export declare function overflow(props: OverflowStyleProps): string | undefined
1011
1031
 
1012
1032
  /** @public */
@@ -1044,6 +1064,8 @@ export declare interface PointerEventsStyleProps {
1044
1064
 
1045
1065
  export declare function popover(): string | undefined
1046
1066
 
1067
+ export declare function popoverCard(): string | undefined
1068
+
1047
1069
  /** @public */
1048
1070
  export declare type Position = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky'
1049
1071