@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/toggle.json CHANGED
@@ -87,10 +87,15 @@
87
87
  },
88
88
  "tokensUsed": [
89
89
  "--cue-accent",
90
+ "--cue-accent-fill",
91
+ "--cue-accent-fill-fg",
90
92
  "--cue-accent-soft",
93
+ "--cue-border",
91
94
  "--cue-control-lg",
92
95
  "--cue-control-md",
93
96
  "--cue-control-sm",
97
+ "--cue-danger",
98
+ "--cue-danger-fg",
94
99
  "--cue-fg",
95
100
  "--cue-fg-muted",
96
101
  "--cue-focus",
@@ -98,13 +103,36 @@
98
103
  "--cue-font-mono",
99
104
  "--cue-icon-md",
100
105
  "--cue-icon-sm",
106
+ "--cue-paint-stroke-angle",
107
+ "--cue-paint-stroke-from",
108
+ "--cue-paint-stroke-to",
101
109
  "--cue-radius-control",
102
110
  "--cue-space-3",
103
111
  "--cue-space-4",
104
112
  "--cue-space-5",
113
+ "--cue-style-check-edge",
105
114
  "--cue-style-control-face",
115
+ "--cue-style-disabled-edge",
116
+ "--cue-style-disabled-fill",
117
+ "--cue-style-disabled-ink",
118
+ "--cue-style-disabled-opacity",
106
119
  "--cue-style-focus-width",
120
+ "--cue-style-label-ink",
121
+ "--cue-style-outline-edge",
122
+ "--cue-style-quiet-ink",
123
+ "--cue-style-secondary-ground",
124
+ "--cue-style-secondary-ink",
125
+ "--cue-style-toggle-edge",
126
+ "--cue-style-toggle-hover-edge",
127
+ "--cue-style-toggle-hover-ground",
128
+ "--cue-style-toggle-hover-ink",
129
+ "--cue-style-toggle-ink",
130
+ "--cue-style-toggle-pressed-edge",
131
+ "--cue-style-toggle-pressed-ground",
132
+ "--cue-style-toggle-pressed-ink",
133
+ "--cue-sunken",
107
134
  "--cue-surface-2",
135
+ "--cue-surface-3",
108
136
  "--cue-text-body",
109
137
  "--cue-text-label",
110
138
  "--cue-text-ui"
package/manifest/components/toolbar.json CHANGED
@@ -161,8 +161,27 @@
161
161
  "--cue-space-1",
162
162
  "--cue-space-2",
163
163
  "--cue-space-3",
164
+ "--cue-space-4",
164
165
  "--cue-space-5",
166
+ "--cue-space-6",
167
+ "--cue-style-control-case",
168
+ "--cue-style-control-pad",
169
+ "--cue-style-control-tracking",
170
+ "--cue-style-control-trim",
171
+ "--cue-style-control-weight",
165
172
  "--cue-style-focus-width",
173
+ "--cue-style-outline-edge",
174
+ "--cue-style-quiet-ink",
175
+ "--cue-style-secondary-edge",
176
+ "--cue-style-secondary-ground",
177
+ "--cue-style-secondary-ink",
178
+ "--cue-style-toolbar-edge",
179
+ "--cue-style-toolbar-gap",
180
+ "--cue-style-toolbar-height",
181
+ "--cue-style-toolbar-pad",
182
+ "--cue-style-toolbar-radius",
183
+ "--cue-style-toolbar-rim",
184
+ "--cue-style-toolbar-separator-height",
166
185
  "--cue-surface-1",
167
186
  "--cue-surface-2",
168
187
  "--cue-text-ui"
package/manifest/components/tooltip.json CHANGED
@@ -173,6 +173,9 @@
173
173
  "--cue-style-body-weight",
174
174
  "--cue-style-control-face",
175
175
  "--cue-style-display-variation",
176
+ "--cue-style-group-label-ink",
177
+ "--cue-style-group-label-pad",
178
+ "--cue-style-group-label-size",
176
179
  "--cue-style-heading-ink",
177
180
  "--cue-style-help-size",
178
181
  "--cue-style-label-case",
@@ -183,13 +186,21 @@
183
186
  "--cue-style-label-weight",
184
187
  "--cue-style-menu-highlight",
185
188
  "--cue-style-menu-item-radius",
189
+ "--cue-style-menu-min-width",
190
+ "--cue-style-menu-separator-inset",
186
191
  "--cue-style-overlay-ground",
187
192
  "--cue-style-overlay-title-leading",
188
193
  "--cue-style-overlay-title-size",
189
194
  "--cue-style-quiet-ink",
195
+ "--cue-style-row-disabled-opacity",
190
196
  "--cue-style-title-face",
191
197
  "--cue-style-title-weight",
198
+ "--cue-style-tooltip-face",
199
+ "--cue-style-tooltip-ink",
200
+ "--cue-style-tooltip-leading",
192
201
  "--cue-style-tooltip-pad",
202
+ "--cue-style-tooltip-radius",
203
+ "--cue-style-tooltip-tracking",
193
204
  "--cue-surface-2",
194
205
  "--cue-text-emphasis",
195
206
  "--cue-text-label",
package/manifest/fixtures.json CHANGED
@@ -17,6 +17,21 @@
17
17
  "kind": "node",
18
18
  "label": "A short label"
19
19
  },
20
+ {
21
+ "id": "children.buttons",
22
+ "kind": "node",
23
+ "label": "Three outline buttons"
24
+ },
25
+ {
26
+ "id": "children.input",
27
+ "kind": "node",
28
+ "label": "A bare input"
29
+ },
30
+ {
31
+ "id": "glyph.search",
32
+ "kind": "node",
33
+ "label": "A search glyph"
34
+ },
20
35
  {
21
36
  "id": "bento.tiles",
22
37
  "kind": "node",