@cueplusplus/ui 0.17.0 → 0.18.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 (203) hide show
  1. package/CHANGELOG.md +76 -0
  2. package/dist/chrome/empty-state.js +8 -4
  3. package/dist/chrome/navigation-menu.js +3 -2
  4. package/dist/chrome/panel.js +2 -1
  5. package/dist/chrome/row.js +4 -3
  6. package/dist/chrome/scroll-area.js +4 -3
  7. package/dist/chrome/segmented-control.js +2 -1
  8. package/dist/chrome/tabs.js +5 -2
  9. package/dist/chrome/toolbar.js +5 -3
  10. package/dist/date/_trigger.js +4 -1
  11. package/dist/date/calendar.js +15 -9
  12. package/dist/forms/_chassis.d.ts +10 -2
  13. package/dist/forms/_chassis.js +15 -5
  14. package/dist/forms/_listbox.js +18 -13
  15. package/dist/forms/checkbox.js +9 -6
  16. package/dist/forms/field.js +5 -5
  17. package/dist/forms/input-group.js +11 -2
  18. package/dist/forms/multi-select.js +4 -3
  19. package/dist/forms/number-field.js +6 -3
  20. package/dist/forms/otp-field.js +15 -6
  21. package/dist/forms/radio-group.js +7 -5
  22. package/dist/forms/select.js +8 -5
  23. package/dist/forms/slider.js +5 -3
  24. package/dist/forms/switch.js +6 -4
  25. package/dist/forms/tags-input.js +4 -3
  26. package/dist/forms/textarea.js +2 -1
  27. package/dist/forms/toggle-group.js +2 -1
  28. package/dist/forms/toggle.js +3 -1
  29. package/dist/instruments/meter.js +2 -1
  30. package/dist/instruments/progress.js +6 -3
  31. package/dist/instruments/stat.js +5 -3
  32. package/dist/instruments/table.js +3 -2
  33. package/dist/layout/_collapse.js +24 -8
  34. package/dist/layout/accordion.js +2 -1
  35. package/dist/layout/breadcrumb.js +8 -7
  36. package/dist/layout/card.js +2 -1
  37. package/dist/layout/collapsible.js +2 -1
  38. package/dist/layout/link.d.ts +14 -0
  39. package/dist/layout/link.js +4 -4
  40. package/dist/layout/pagination.js +7 -8
  41. package/dist/overlays/_surface.d.ts +4 -4
  42. package/dist/overlays/_surface.js +8 -7
  43. package/dist/overlays/alert-dialog.js +1 -1
  44. package/dist/overlays/command-palette.js +23 -8
  45. package/dist/overlays/dialog.js +1 -1
  46. package/dist/overlays/drawer.js +8 -1
  47. package/dist/overlays/hover-card.js +3 -1
  48. package/dist/overlays/popover.js +2 -1
  49. package/dist/overlays/toast.js +8 -4
  50. package/dist/overlays/tooltip.js +3 -4
  51. package/dist/primitives/avatar.js +6 -2
  52. package/dist/primitives/button.d.ts +1 -1
  53. package/dist/primitives/button.js +10 -7
  54. package/dist/primitives/chip.d.ts +0 -36
  55. package/dist/primitives/chip.js +14 -46
  56. package/dist/primitives/icon-button.d.ts +1 -1
  57. package/dist/primitives/kbd.js +2 -2
  58. package/dist/primitives/skeleton.js +2 -1
  59. package/dist/system/_style-accordion-rule.js +32 -0
  60. package/dist/system/_style-avatar.js +20 -0
  61. package/dist/system/_style-body-leading.js +1 -3
  62. package/dist/system/_style-body.js +7 -2
  63. package/dist/system/_style-caption-ink.js +17 -0
  64. package/dist/system/_style-caption-size.js +19 -0
  65. package/dist/system/_style-caption-weight.js +18 -0
  66. package/dist/system/_style-card-gap.js +14 -0
  67. package/dist/system/_style-cell.js +18 -0
  68. package/dist/system/_style-check-glyph.js +14 -0
  69. package/dist/system/_style-check.js +8 -1
  70. package/dist/system/_style-chip.js +41 -1
  71. package/dist/system/_style-choice-gap.js +15 -0
  72. package/dist/system/_style-collapse.js +81 -1
  73. package/dist/system/_style-control-gap.js +14 -0
  74. package/dist/system/_style-control-label.js +8 -1
  75. package/dist/system/_style-crumb.js +44 -0
  76. package/dist/system/_style-day.js +25 -0
  77. package/dist/system/_style-disabled.js +70 -0
  78. package/dist/system/_style-disclosure.js +21 -0
  79. package/dist/system/_style-empty-state.js +42 -0
  80. package/dist/system/_style-field-chassis.js +38 -0
  81. package/dist/system/_style-field-gap.js +12 -0
  82. package/dist/system/_style-glyph-ink.js +20 -0
  83. package/dist/system/_style-glyph-opacity.js +20 -0
  84. package/dist/system/_style-glyph-size.js +21 -0
  85. package/dist/system/_style-group-gap.js +15 -0
  86. package/dist/system/_style-group-label-pad.js +14 -0
  87. package/dist/system/_style-group-label.js +24 -0
  88. package/dist/system/_style-help.js +10 -1
  89. package/dist/system/_style-hover-card-width.js +15 -0
  90. package/dist/system/_style-kbd.js +13 -1
  91. package/dist/system/_style-link.js +15 -3
  92. package/dist/system/_style-menu.js +14 -1
  93. package/dist/system/_style-meter.js +15 -0
  94. package/dist/system/_style-nav-menu.js +48 -0
  95. package/dist/system/_style-option.js +61 -4
  96. package/dist/system/_style-otp.js +15 -0
  97. package/dist/system/_style-outline-hover.js +18 -0
  98. package/dist/system/_style-page.js +17 -0
  99. package/dist/system/_style-palette.js +18 -0
  100. package/dist/system/_style-panel.js +21 -0
  101. package/dist/system/_style-popover-width.js +15 -0
  102. package/dist/system/_style-radio.js +19 -0
  103. package/dist/system/_style-row-disabled.js +17 -0
  104. package/dist/system/_style-row.js +30 -0
  105. package/dist/system/_style-scrollbar.js +19 -0
  106. package/dist/system/_style-segment-pad.js +15 -0
  107. package/dist/system/_style-skeleton.js +15 -0
  108. package/dist/system/_style-slider.js +26 -0
  109. package/dist/system/_style-stat.js +31 -0
  110. package/dist/system/_style-stepper.js +16 -0
  111. package/dist/system/_style-switch.js +26 -0
  112. package/dist/system/_style-tab-hover.js +15 -0
  113. package/dist/system/_style-text-focus.js +26 -0
  114. package/dist/system/_style-toast.js +22 -0
  115. package/dist/system/_style-toggle.js +50 -0
  116. package/dist/system/_style-toolbar.js +23 -0
  117. package/dist/system/_style-tooltip.js +30 -1
  118. package/manifest/components/accordion.json +22 -1
  119. package/manifest/components/alert-dialog.json +7 -0
  120. package/manifest/components/app-bar.json +42 -0
  121. package/manifest/components/autocomplete.json +48 -1
  122. package/manifest/components/avatar-group.json +7 -0
  123. package/manifest/components/avatar.json +7 -0
  124. package/manifest/components/breadcrumb.json +7 -2
  125. package/manifest/components/button.json +16 -1
  126. package/manifest/components/calendar.json +6 -0
  127. package/manifest/components/card.json +1 -0
  128. package/manifest/components/channel-matrix.json +6 -0
  129. package/manifest/components/chart-tooltip-content.json +6 -0
  130. package/manifest/components/checkbox-group.json +22 -1
  131. package/manifest/components/checkbox.json +22 -1
  132. package/manifest/components/chip.json +6 -0
  133. package/manifest/components/collapsible.json +22 -0
  134. package/manifest/components/color-field.json +19 -0
  135. package/manifest/components/color-picker.json +19 -0
  136. package/manifest/components/combobox.json +48 -1
  137. package/manifest/components/command-palette.json +11 -0
  138. package/manifest/components/composer.json +19 -0
  139. package/manifest/components/context-menu.json +6 -0
  140. package/manifest/components/date-field.json +18 -0
  141. package/manifest/components/date-picker.json +22 -0
  142. package/manifest/components/date-range-picker.json +22 -0
  143. package/manifest/components/dialog.json +7 -0
  144. package/manifest/components/disclosure.json +22 -0
  145. package/manifest/components/dmx-bar.json +6 -0
  146. package/manifest/components/dmx-strip.json +6 -0
  147. package/manifest/components/drawer.json +7 -0
  148. package/manifest/components/dropdown-menu.json +6 -0
  149. package/manifest/components/empty-state.json +13 -0
  150. package/manifest/components/env-var-input.json +19 -0
  151. package/manifest/components/field-description.json +2 -1
  152. package/manifest/components/field-error.json +2 -1
  153. package/manifest/components/field-label.json +2 -1
  154. package/manifest/components/field.json +2 -1
  155. package/manifest/components/hover-card.json +8 -0
  156. package/manifest/components/input-group.json +21 -0
  157. package/manifest/components/input.json +19 -0
  158. package/manifest/components/kbd.json +2 -0
  159. package/manifest/components/link.json +23 -0
  160. package/manifest/components/menubar.json +6 -0
  161. package/manifest/components/meter.json +1 -0
  162. package/manifest/components/multi-select.json +49 -1
  163. package/manifest/components/musical-time-input.json +19 -0
  164. package/manifest/components/navigation-menu.json +16 -0
  165. package/manifest/components/number-field.json +21 -0
  166. package/manifest/components/otp-field.json +20 -0
  167. package/manifest/components/pagination.json +19 -0
  168. package/manifest/components/panel-header.json +3 -0
  169. package/manifest/components/panel.json +3 -0
  170. package/manifest/components/password-input.json +19 -0
  171. package/manifest/components/popover.json +7 -0
  172. package/manifest/components/progress.json +4 -0
  173. package/manifest/components/radio-group.json +6 -0
  174. package/manifest/components/radio.json +6 -0
  175. package/manifest/components/row.json +3 -0
  176. package/manifest/components/scroll-area.json +3 -1
  177. package/manifest/components/scrollable-tabs-list.json +3 -0
  178. package/manifest/components/scrub-input.json +19 -0
  179. package/manifest/components/seam-list.json +3 -0
  180. package/manifest/components/search-input.json +19 -0
  181. package/manifest/components/segmented-control.json +1 -0
  182. package/manifest/components/select.json +25 -0
  183. package/manifest/components/sheet.json +6 -0
  184. package/manifest/components/skeleton.json +2 -0
  185. package/manifest/components/slider.json +8 -0
  186. package/manifest/components/stat.json +8 -0
  187. package/manifest/components/switch.json +22 -0
  188. package/manifest/components/table-scroll-region.json +2 -0
  189. package/manifest/components/table.json +2 -0
  190. package/manifest/components/tabs.json +3 -0
  191. package/manifest/components/tags-input.json +49 -1
  192. package/manifest/components/textarea.json +19 -0
  193. package/manifest/components/theme-configurator.json +6 -0
  194. package/manifest/components/time-field.json +18 -0
  195. package/manifest/components/toast.json +9 -0
  196. package/manifest/components/toggle-group.json +2 -1
  197. package/manifest/components/toggle.json +28 -0
  198. package/manifest/components/toolbar.json +19 -0
  199. package/manifest/components/tooltip.json +11 -0
  200. package/manifest/fixtures.json +15 -0
  201. package/manifest/manifest.json +84 -84
  202. package/manifest/tokens.json +155 -1
  203. package/package.json +6 -6
package/manifest/components/autocomplete.json CHANGED
@@ -203,23 +203,30 @@
203
203
  "defaultVariants": {},
204
204
  "tokensUsed": [
205
205
  "--cue-accent",
206
+ "--cue-accent-fill",
207
+ "--cue-accent-fill-fg",
206
208
  "--cue-accent-soft",
207
209
  "--cue-border",
208
210
  "--cue-border-overlay",
209
211
  "--cue-border-strong",
212
+ "--cue-busy",
210
213
  "--cue-chip-h",
211
214
  "--cue-control-lg",
212
215
  "--cue-control-md",
213
216
  "--cue-control-sm",
214
217
  "--cue-danger",
218
+ "--cue-danger-fg",
215
219
  "--cue-fg",
216
220
  "--cue-fg-muted",
217
221
  "--cue-fg-subtle",
218
222
  "--cue-focus",
219
223
  "--cue-focus-ring",
220
224
  "--cue-font-mono",
225
+ "--cue-hair-strong",
221
226
  "--cue-icon-sm",
227
+ "--cue-info",
222
228
  "--cue-leading-ui",
229
+ "--cue-ok",
223
230
  "--cue-paint-rest-shade",
224
231
  "--cue-paint-rim-width",
225
232
  "--cue-paint-scrim-filter",
@@ -248,12 +255,35 @@
248
255
  "--cue-style-body-leading",
249
256
  "--cue-style-body-size",
250
257
  "--cue-style-body-weight",
258
+ "--cue-style-check-edge",
259
+ "--cue-style-chip-case",
260
+ "--cue-style-chip-edge",
261
+ "--cue-style-chip-fill",
262
+ "--cue-style-chip-gap",
263
+ "--cue-style-chip-height",
264
+ "--cue-style-chip-ink",
265
+ "--cue-style-chip-leading",
266
+ "--cue-style-chip-pad",
267
+ "--cue-style-chip-radius",
268
+ "--cue-style-chip-size",
269
+ "--cue-style-chip-tracking",
251
270
  "--cue-style-control-face",
252
271
  "--cue-style-control-step-size",
272
+ "--cue-style-disabled-edge",
273
+ "--cue-style-disabled-fill",
274
+ "--cue-style-disabled-ink",
275
+ "--cue-style-disabled-opacity",
253
276
  "--cue-style-display-variation",
254
277
  "--cue-style-field-focus-offset",
278
+ "--cue-style-field-hover-edge",
279
+ "--cue-style-field-pad",
255
280
  "--cue-style-focus-edge",
256
281
  "--cue-style-focus-width",
282
+ "--cue-style-glyph-ink",
283
+ "--cue-style-glyph-opacity",
284
+ "--cue-style-group-label-ink",
285
+ "--cue-style-group-label-pad",
286
+ "--cue-style-group-label-size",
257
287
  "--cue-style-heading-ink",
258
288
  "--cue-style-input-face",
259
289
  "--cue-style-label-case",
@@ -262,18 +292,34 @@
262
292
  "--cue-style-label-size",
263
293
  "--cue-style-label-tracking",
264
294
  "--cue-style-label-weight",
295
+ "--cue-style-listbox-pad",
265
296
  "--cue-style-menu-highlight",
266
297
  "--cue-style-menu-item-radius",
298
+ "--cue-style-menu-min-width",
299
+ "--cue-style-menu-separator-inset",
300
+ "--cue-style-option-height",
301
+ "--cue-style-option-highlight-ink",
267
302
  "--cue-style-option-ink",
303
+ "--cue-style-option-leading",
304
+ "--cue-style-option-pad",
305
+ "--cue-style-option-selected-ground",
306
+ "--cue-style-option-selected-hover-ground",
268
307
  "--cue-style-option-selected-ink",
308
+ "--cue-style-outline-edge",
269
309
  "--cue-style-overlay-ground",
270
310
  "--cue-style-overlay-title-leading",
271
311
  "--cue-style-overlay-title-size",
272
312
  "--cue-style-quiet-ink",
313
+ "--cue-style-row-disabled-opacity",
314
+ "--cue-style-secondary-ground",
315
+ "--cue-style-secondary-ink",
316
+ "--cue-style-tag-edge",
317
+ "--cue-style-tag-pad",
273
318
  "--cue-style-title-face",
274
319
  "--cue-style-title-weight",
275
320
  "--cue-sunken",
276
321
  "--cue-surface-2",
322
+ "--cue-surface-3",
277
323
  "--cue-text-body",
278
324
  "--cue-text-emphasis",
279
325
  "--cue-text-label",
@@ -281,7 +327,8 @@
281
327
  "--cue-text-ui",
282
328
  "--cue-tracking-caps",
283
329
  "--cue-tracking-caps-loose",
284
- "--cue-tracking-caps-tight"
330
+ "--cue-tracking-caps-tight",
331
+ "--cue-warn"
285
332
  ],
286
333
  "summary": "A text field that suggests as you type — and accepts what you typed anyway.",
287
334
  "examples": [
package/manifest/components/avatar-group.json CHANGED
@@ -47,8 +47,15 @@
47
47
  "--cue-control-md",
48
48
  "--cue-control-sm",
49
49
  "--cue-fg-muted",
50
+ "--cue-fg-subtle",
50
51
  "--cue-font-mono",
52
+ "--cue-radius-scale",
51
53
  "--cue-space-2",
54
+ "--cue-style-avatar-edge",
55
+ "--cue-style-avatar-radius",
56
+ "--cue-style-caption-ink",
57
+ "--cue-style-caption-size",
58
+ "--cue-style-caption-weight",
52
59
  "--cue-surface-2",
53
60
  "--cue-surface-3",
54
61
  "--cue-text-label",
package/manifest/components/avatar.json CHANGED
@@ -77,8 +77,15 @@
77
77
  "--cue-control-md",
78
78
  "--cue-control-sm",
79
79
  "--cue-fg-muted",
80
+ "--cue-fg-subtle",
80
81
  "--cue-font-mono",
82
+ "--cue-radius-scale",
81
83
  "--cue-space-2",
84
+ "--cue-style-avatar-edge",
85
+ "--cue-style-avatar-radius",
86
+ "--cue-style-caption-ink",
87
+ "--cue-style-caption-size",
88
+ "--cue-style-caption-weight",
82
89
  "--cue-surface-2",
83
90
  "--cue-surface-3",
84
91
  "--cue-text-label",
package/manifest/components/breadcrumb.json CHANGED
@@ -59,10 +59,15 @@
59
59
  "--cue-space-2",
60
60
  "--cue-style-body-size",
61
61
  "--cue-style-control-face",
62
+ "--cue-style-crumb-face",
63
+ "--cue-style-crumb-gap",
64
+ "--cue-style-crumb-hover-ink",
65
+ "--cue-style-crumb-ink",
66
+ "--cue-style-crumb-separator-opacity",
67
+ "--cue-style-crumb-size",
62
68
  "--cue-style-focus-width",
63
69
  "--cue-style-help-ink",
64
- "--cue-text-label",
65
- "--cue-text-ui"
70
+ "--cue-text-label"
66
71
  ],
67
72
  "summary": "Where you are, and how to get back.",
68
73
  "examples": [
package/manifest/components/button.json CHANGED
@@ -56,7 +56,7 @@
56
56
  },
57
57
  {
58
58
  "name": "variant",
59
- "type": "\"danger\" | \"ghost\" | \"secondary\" | \"primary\" | \"outline\" | \"danger-outline\"",
59
+ "type": "\"danger\" | \"ghost\" | \"danger-outline\" | \"secondary\" | \"primary\" | \"outline\"",
60
60
  "required": false,
61
61
  "defaultValue": "secondary",
62
62
  "description": "",
@@ -124,27 +124,42 @@
124
124
  "--cue-paint-glow-ink-hover",
125
125
  "--cue-paint-rest-shade",
126
126
  "--cue-paint-shadow-scale",
127
+ "--cue-paint-stroke-angle",
128
+ "--cue-paint-stroke-from",
129
+ "--cue-paint-stroke-to",
127
130
  "--cue-radius-control",
128
131
  "--cue-space-4",
129
132
  "--cue-space-5",
130
133
  "--cue-space-6",
134
+ "--cue-style-check-edge",
131
135
  "--cue-style-control-case",
132
136
  "--cue-style-control-face",
137
+ "--cue-style-control-gap",
133
138
  "--cue-style-control-pad",
134
139
  "--cue-style-control-step-size",
135
140
  "--cue-style-control-tracking",
136
141
  "--cue-style-control-trim",
137
142
  "--cue-style-control-weight",
143
+ "--cue-style-disabled-edge",
144
+ "--cue-style-disabled-fill",
145
+ "--cue-style-disabled-ink",
146
+ "--cue-style-disabled-opacity",
138
147
  "--cue-style-focus-offset",
139
148
  "--cue-style-focus-width",
149
+ "--cue-style-label-ink",
140
150
  "--cue-style-outline-edge",
151
+ "--cue-style-outline-hover-edge",
152
+ "--cue-style-outline-hover-ground",
141
153
  "--cue-style-quiet-ink",
142
154
  "--cue-style-secondary-edge",
143
155
  "--cue-style-secondary-ground",
144
156
  "--cue-style-secondary-hover-edge",
157
+ "--cue-style-secondary-hover-ground",
145
158
  "--cue-style-secondary-hover-ink",
146
159
  "--cue-style-secondary-ink",
160
+ "--cue-sunken",
147
161
  "--cue-surface-2",
162
+ "--cue-surface-3",
148
163
  "--cue-text-body",
149
164
  "--cue-text-emphasis",
150
165
  "--cue-text-label",
package/manifest/components/calendar.json CHANGED
@@ -33,7 +33,13 @@
33
33
  "--cue-radius-control",
34
34
  "--cue-space-2",
35
35
  "--cue-space-5",
36
+ "--cue-style-caption-size",
37
+ "--cue-style-caption-weight",
38
+ "--cue-style-day-ink",
39
+ "--cue-style-day-size",
36
40
  "--cue-style-focus-width",
41
+ "--cue-style-glyph-ink",
42
+ "--cue-style-glyph-opacity",
37
43
  "--cue-style-label-case",
38
44
  "--cue-style-label-face",
39
45
  "--cue-style-label-tracking",
package/manifest/components/card.json CHANGED
@@ -134,6 +134,7 @@
134
134
  "--cue-style-body-leading",
135
135
  "--cue-style-body-size",
136
136
  "--cue-style-body-weight",
137
+ "--cue-style-card-gap",
137
138
  "--cue-style-card-pad",
138
139
  "--cue-style-description-leading",
139
140
  "--cue-style-description-tracking",
package/manifest/components/channel-matrix.json CHANGED
@@ -226,6 +226,9 @@
226
226
  "--cue-style-control-face",
227
227
  "--cue-style-display-variation",
228
228
  "--cue-style-focus-width",
229
+ "--cue-style-group-label-ink",
230
+ "--cue-style-group-label-pad",
231
+ "--cue-style-group-label-size",
229
232
  "--cue-style-heading-ink",
230
233
  "--cue-style-label-case",
231
234
  "--cue-style-label-face",
@@ -235,10 +238,13 @@
235
238
  "--cue-style-label-weight",
236
239
  "--cue-style-menu-highlight",
237
240
  "--cue-style-menu-item-radius",
241
+ "--cue-style-menu-min-width",
242
+ "--cue-style-menu-separator-inset",
238
243
  "--cue-style-overlay-ground",
239
244
  "--cue-style-overlay-title-leading",
240
245
  "--cue-style-overlay-title-size",
241
246
  "--cue-style-quiet-ink",
247
+ "--cue-style-row-disabled-opacity",
242
248
  "--cue-style-title-face",
243
249
  "--cue-style-title-weight",
244
250
  "--cue-surface-1",
package/manifest/components/chart-tooltip-content.json CHANGED
@@ -126,6 +126,9 @@
126
126
  "--cue-style-body-weight",
127
127
  "--cue-style-control-face",
128
128
  "--cue-style-display-variation",
129
+ "--cue-style-group-label-ink",
130
+ "--cue-style-group-label-pad",
131
+ "--cue-style-group-label-size",
129
132
  "--cue-style-heading-ink",
130
133
  "--cue-style-label-case",
131
134
  "--cue-style-label-face",
@@ -135,10 +138,13 @@
135
138
  "--cue-style-label-weight",
136
139
  "--cue-style-menu-highlight",
137
140
  "--cue-style-menu-item-radius",
141
+ "--cue-style-menu-min-width",
142
+ "--cue-style-menu-separator-inset",
138
143
  "--cue-style-overlay-ground",
139
144
  "--cue-style-overlay-title-leading",
140
145
  "--cue-style-overlay-title-size",
141
146
  "--cue-style-quiet-ink",
147
+ "--cue-style-row-disabled-opacity",
142
148
  "--cue-style-title-face",
143
149
  "--cue-style-title-weight",
144
150
  "--cue-surface-2",
package/manifest/components/checkbox-group.json CHANGED
@@ -28,9 +28,13 @@
28
28
  "tokensUsed": [
29
29
  "--cue-accent",
30
30
  "--cue-accent-fg",
31
+ "--cue-accent-fill",
32
+ "--cue-accent-fill-fg",
31
33
  "--cue-border",
32
34
  "--cue-border-strong",
33
35
  "--cue-danger",
36
+ "--cue-danger-fg",
37
+ "--cue-fg",
34
38
  "--cue-fg-muted",
35
39
  "--cue-fg-subtle",
36
40
  "--cue-focus",
@@ -40,19 +44,36 @@
40
44
  "--cue-icon-sm",
41
45
  "--cue-paint-rest-shade",
42
46
  "--cue-paint-shadow-scale",
47
+ "--cue-paint-stroke-angle",
48
+ "--cue-paint-stroke-from",
49
+ "--cue-paint-stroke-to",
43
50
  "--cue-radius-control",
44
51
  "--cue-radius-scale",
45
52
  "--cue-space-2",
46
53
  "--cue-space-3",
47
54
  "--cue-style-body-weight",
48
55
  "--cue-style-check-edge",
56
+ "--cue-style-check-glyph-size",
57
+ "--cue-style-check-hover-edge",
49
58
  "--cue-style-check-radius",
50
59
  "--cue-style-check-size",
60
+ "--cue-style-choice-gap",
51
61
  "--cue-style-control-face",
62
+ "--cue-style-control-label-leading",
63
+ "--cue-style-disabled-edge",
64
+ "--cue-style-disabled-fill",
65
+ "--cue-style-disabled-ink",
66
+ "--cue-style-disabled-opacity",
52
67
  "--cue-style-focus-width",
53
68
  "--cue-style-label-ink",
54
69
  "--cue-style-label-weight",
70
+ "--cue-style-outline-edge",
71
+ "--cue-style-quiet-ink",
72
+ "--cue-style-secondary-ground",
73
+ "--cue-style-secondary-ink",
55
74
  "--cue-sunken",
75
+ "--cue-surface-2",
76
+ "--cue-surface-3",
56
77
  "--cue-text-ui"
57
78
  ],
58
79
  "summary": "Shared state for a set of checkboxes: one `value` array in, one out.",
@@ -87,7 +108,7 @@
87
108
  "Checkbox",
88
109
  "CheckboxGroup"
89
110
  ],
90
- "code": "<div className=\"grid w-full gap-(--cue-space-5) lg:grid-cols-2\">\n <Specimens>\n <Specimen label=\"checked\">\n <Checkbox label=\"Art-Net\" defaultChecked />\n </Specimen>\n <Specimen label=\"unchecked\">\n <Checkbox label=\"sACN\" />\n </Specimen>\n <Specimen label=\"indeterminate\">\n <Checkbox label=\"All protocols\" indeterminate />\n </Specimen>\n <Specimen label=\"disabled\">\n <Checkbox label=\"Timecode\" disabled />\n </Specimen>\n <Specimen label=\"sm\">\n <Checkbox label=\"Small\" size=\"sm\" defaultChecked />\n </Specimen>\n </Specimens>\n <CheckboxGroup\n aria-label=\"Output protocols\"\n defaultValue={[\"artnet\"]}\n className=\"flex flex-col gap-(--cue-space-3)\"\n >\n <Checkbox name=\"artnet\" label=\"Art-Net\" />\n <Checkbox name=\"sacn\" label=\"sACN\" />\n <Checkbox name=\"osc\" label=\"OSC\" />\n </CheckboxGroup>\n</div>",
111
+ "code": "<div className=\"grid w-full gap-(--cue-space-5) lg:grid-cols-2\">\n <Specimens>\n <Specimen label=\"checked\">\n <Checkbox label=\"Art-Net\" defaultChecked />\n </Specimen>\n <Specimen label=\"unchecked\">\n <Checkbox label=\"sACN\" />\n </Specimen>\n <Specimen label=\"indeterminate\">\n <Checkbox label=\"All protocols\" indeterminate />\n </Specimen>\n <Specimen label=\"disabled\">\n <Checkbox label=\"Timecode\" disabled />\n </Specimen>\n <Specimen label=\"sm\">\n <Checkbox label=\"Small\" size=\"sm\" defaultChecked />\n </Specimen>\n </Specimens>\n <CheckboxGroup aria-label=\"Output protocols\" defaultValue={[\"artnet\"]}>\n <Checkbox name=\"artnet\" label=\"Art-Net\" />\n <Checkbox name=\"sacn\" label=\"sACN\" />\n <Checkbox name=\"osc\" label=\"OSC\" />\n </CheckboxGroup>\n</div>",
91
112
  "note": "Two sizes and a real indeterminate state, wired as a parent of its group.",
92
113
  "interaction": "Space toggles; the group's parent box drives and reflects its children."
93
114
  }
package/manifest/components/checkbox.json CHANGED
@@ -53,9 +53,13 @@
53
53
  "tokensUsed": [
54
54
  "--cue-accent",
55
55
  "--cue-accent-fg",
56
+ "--cue-accent-fill",
57
+ "--cue-accent-fill-fg",
56
58
  "--cue-border",
57
59
  "--cue-border-strong",
58
60
  "--cue-danger",
61
+ "--cue-danger-fg",
62
+ "--cue-fg",
59
63
  "--cue-fg-muted",
60
64
  "--cue-fg-subtle",
61
65
  "--cue-focus",
@@ -65,19 +69,36 @@
65
69
  "--cue-icon-sm",
66
70
  "--cue-paint-rest-shade",
67
71
  "--cue-paint-shadow-scale",
72
+ "--cue-paint-stroke-angle",
73
+ "--cue-paint-stroke-from",
74
+ "--cue-paint-stroke-to",
68
75
  "--cue-radius-control",
69
76
  "--cue-radius-scale",
70
77
  "--cue-space-2",
71
78
  "--cue-space-3",
72
79
  "--cue-style-body-weight",
73
80
  "--cue-style-check-edge",
81
+ "--cue-style-check-glyph-size",
82
+ "--cue-style-check-hover-edge",
74
83
  "--cue-style-check-radius",
75
84
  "--cue-style-check-size",
85
+ "--cue-style-choice-gap",
76
86
  "--cue-style-control-face",
87
+ "--cue-style-control-label-leading",
88
+ "--cue-style-disabled-edge",
89
+ "--cue-style-disabled-fill",
90
+ "--cue-style-disabled-ink",
91
+ "--cue-style-disabled-opacity",
77
92
  "--cue-style-focus-width",
78
93
  "--cue-style-label-ink",
79
94
  "--cue-style-label-weight",
95
+ "--cue-style-outline-edge",
96
+ "--cue-style-quiet-ink",
97
+ "--cue-style-secondary-ground",
98
+ "--cue-style-secondary-ink",
80
99
  "--cue-sunken",
100
+ "--cue-surface-2",
101
+ "--cue-surface-3",
81
102
  "--cue-text-ui"
82
103
  ],
83
104
  "summary": "A square, two- or three-state box, sized from the density icon tokens.",
@@ -112,7 +133,7 @@
112
133
  "Checkbox",
113
134
  "CheckboxGroup"
114
135
  ],
115
- "code": "<div className=\"grid w-full gap-(--cue-space-5) lg:grid-cols-2\">\n <Specimens>\n <Specimen label=\"checked\">\n <Checkbox label=\"Art-Net\" defaultChecked />\n </Specimen>\n <Specimen label=\"unchecked\">\n <Checkbox label=\"sACN\" />\n </Specimen>\n <Specimen label=\"indeterminate\">\n <Checkbox label=\"All protocols\" indeterminate />\n </Specimen>\n <Specimen label=\"disabled\">\n <Checkbox label=\"Timecode\" disabled />\n </Specimen>\n <Specimen label=\"sm\">\n <Checkbox label=\"Small\" size=\"sm\" defaultChecked />\n </Specimen>\n </Specimens>\n <CheckboxGroup\n aria-label=\"Output protocols\"\n defaultValue={[\"artnet\"]}\n className=\"flex flex-col gap-(--cue-space-3)\"\n >\n <Checkbox name=\"artnet\" label=\"Art-Net\" />\n <Checkbox name=\"sacn\" label=\"sACN\" />\n <Checkbox name=\"osc\" label=\"OSC\" />\n </CheckboxGroup>\n</div>",
136
+ "code": "<div className=\"grid w-full gap-(--cue-space-5) lg:grid-cols-2\">\n <Specimens>\n <Specimen label=\"checked\">\n <Checkbox label=\"Art-Net\" defaultChecked />\n </Specimen>\n <Specimen label=\"unchecked\">\n <Checkbox label=\"sACN\" />\n </Specimen>\n <Specimen label=\"indeterminate\">\n <Checkbox label=\"All protocols\" indeterminate />\n </Specimen>\n <Specimen label=\"disabled\">\n <Checkbox label=\"Timecode\" disabled />\n </Specimen>\n <Specimen label=\"sm\">\n <Checkbox label=\"Small\" size=\"sm\" defaultChecked />\n </Specimen>\n </Specimens>\n <CheckboxGroup aria-label=\"Output protocols\" defaultValue={[\"artnet\"]}>\n <Checkbox name=\"artnet\" label=\"Art-Net\" />\n <Checkbox name=\"sacn\" label=\"sACN\" />\n <Checkbox name=\"osc\" label=\"OSC\" />\n </CheckboxGroup>\n</div>",
116
137
  "note": "Two sizes and a real indeterminate state, wired as a parent of its group.",
117
138
  "interaction": "Space toggles; the group's parent box drives and reflects its children."
118
139
  }
package/manifest/components/chip.json CHANGED
@@ -126,7 +126,10 @@
126
126
  "--cue-style-chip-case",
127
127
  "--cue-style-chip-edge",
128
128
  "--cue-style-chip-fill",
129
+ "--cue-style-chip-gap",
129
130
  "--cue-style-chip-height",
131
+ "--cue-style-chip-ink",
132
+ "--cue-style-chip-leading",
130
133
  "--cue-style-chip-pad",
131
134
  "--cue-style-chip-radius",
132
135
  "--cue-style-chip-size",
@@ -135,6 +138,9 @@
135
138
  "--cue-style-label-case",
136
139
  "--cue-style-label-face",
137
140
  "--cue-style-label-weight",
141
+ "--cue-style-outline-edge",
142
+ "--cue-style-tag-edge",
143
+ "--cue-style-tag-pad",
138
144
  "--cue-surface-2",
139
145
  "--cue-text-label",
140
146
  "--cue-text-micro",
package/manifest/components/collapsible.json CHANGED
@@ -102,14 +102,36 @@
102
102
  "--cue-space-2",
103
103
  "--cue-space-3",
104
104
  "--cue-space-4",
105
+ "--cue-style-body-face",
106
+ "--cue-style-collapse-body-ink",
107
+ "--cue-style-collapse-body-leading",
108
+ "--cue-style-collapse-body-pad",
109
+ "--cue-style-collapse-body-size",
110
+ "--cue-style-collapse-body-tracking",
111
+ "--cue-style-collapse-caret-ink",
112
+ "--cue-style-collapse-caret-opacity",
113
+ "--cue-style-collapse-caret-size",
114
+ "--cue-style-collapse-gap",
105
115
  "--cue-style-collapse-height",
116
+ "--cue-style-collapse-hover-ground",
117
+ "--cue-style-collapse-hover-ink",
118
+ "--cue-style-collapse-leading",
119
+ "--cue-style-collapse-open-ink",
120
+ "--cue-style-collapse-pad",
121
+ "--cue-style-collapse-radius",
122
+ "--cue-style-collapse-size",
123
+ "--cue-style-collapse-weight",
106
124
  "--cue-style-control-face",
125
+ "--cue-style-disclosure-hover-ink",
126
+ "--cue-style-disclosure-ink",
127
+ "--cue-style-disclosure-weight",
107
128
  "--cue-style-focus-width",
108
129
  "--cue-style-label-case",
109
130
  "--cue-style-label-face",
110
131
  "--cue-style-label-tracking",
111
132
  "--cue-style-label-weight",
112
133
  "--cue-style-quiet-ink",
134
+ "--cue-style-text-focus-offset",
113
135
  "--cue-text-label",
114
136
  "--cue-text-micro",
115
137
  "--cue-text-ui",
package/manifest/components/color-field.json CHANGED
@@ -43,13 +43,18 @@
43
43
  "variants": {},
44
44
  "defaultVariants": {},
45
45
  "tokensUsed": [
46
+ "--cue-accent",
47
+ "--cue-accent-fill",
48
+ "--cue-accent-fill-fg",
46
49
  "--cue-border",
47
50
  "--cue-border-strong",
48
51
  "--cue-control-lg",
49
52
  "--cue-control-md",
50
53
  "--cue-control-sm",
51
54
  "--cue-danger",
55
+ "--cue-danger-fg",
52
56
  "--cue-fg",
57
+ "--cue-fg-muted",
53
58
  "--cue-fg-subtle",
54
59
  "--cue-focus",
55
60
  "--cue-focus-ring",
@@ -66,12 +71,26 @@
66
71
  "--cue-space-4",
67
72
  "--cue-space-5",
68
73
  "--cue-style-body-weight",
74
+ "--cue-style-check-edge",
69
75
  "--cue-style-control-step-size",
76
+ "--cue-style-disabled-edge",
77
+ "--cue-style-disabled-fill",
78
+ "--cue-style-disabled-ink",
79
+ "--cue-style-disabled-opacity",
70
80
  "--cue-style-field-focus-offset",
81
+ "--cue-style-field-hover-edge",
82
+ "--cue-style-field-pad",
71
83
  "--cue-style-focus-edge",
72
84
  "--cue-style-focus-width",
73
85
  "--cue-style-input-face",
86
+ "--cue-style-label-ink",
87
+ "--cue-style-outline-edge",
88
+ "--cue-style-quiet-ink",
89
+ "--cue-style-secondary-ground",
90
+ "--cue-style-secondary-ink",
74
91
  "--cue-sunken",
92
+ "--cue-surface-2",
93
+ "--cue-surface-3",
75
94
  "--cue-text-body",
76
95
  "--cue-text-emphasis",
77
96
  "--cue-text-label",
package/manifest/components/color-picker.json CHANGED
@@ -187,13 +187,18 @@
187
187
  "variants": {},
188
188
  "defaultVariants": {},
189
189
  "tokensUsed": [
190
+ "--cue-accent",
191
+ "--cue-accent-fill",
192
+ "--cue-accent-fill-fg",
190
193
  "--cue-border",
191
194
  "--cue-border-strong",
192
195
  "--cue-control-lg",
193
196
  "--cue-control-md",
194
197
  "--cue-control-sm",
195
198
  "--cue-danger",
199
+ "--cue-danger-fg",
196
200
  "--cue-fg",
201
+ "--cue-fg-muted",
197
202
  "--cue-fg-subtle",
198
203
  "--cue-focus",
199
204
  "--cue-focus-ring",
@@ -210,12 +215,26 @@
210
215
  "--cue-space-4",
211
216
  "--cue-space-5",
212
217
  "--cue-style-body-weight",
218
+ "--cue-style-check-edge",
213
219
  "--cue-style-control-step-size",
220
+ "--cue-style-disabled-edge",
221
+ "--cue-style-disabled-fill",
222
+ "--cue-style-disabled-ink",
223
+ "--cue-style-disabled-opacity",
214
224
  "--cue-style-field-focus-offset",
225
+ "--cue-style-field-hover-edge",
226
+ "--cue-style-field-pad",
215
227
  "--cue-style-focus-edge",
216
228
  "--cue-style-focus-width",
217
229
  "--cue-style-input-face",
230
+ "--cue-style-label-ink",
231
+ "--cue-style-outline-edge",
232
+ "--cue-style-quiet-ink",
233
+ "--cue-style-secondary-ground",
234
+ "--cue-style-secondary-ink",
218
235
  "--cue-sunken",
236
+ "--cue-surface-2",
237
+ "--cue-surface-3",
219
238
  "--cue-text-body",
220
239
  "--cue-text-emphasis",
221
240
  "--cue-text-label",