@adia-ai/web-components 0.8.41 → 0.8.42

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 (63) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/MIGRATION.md +187 -0
  3. package/USAGE.md +4 -4
  4. package/components/action-list/action-item.a2ui.json +8 -3
  5. package/components/action-list/action-item.yaml +25 -7
  6. package/components/action-list/action-list.class.js +68 -6
  7. package/components/action-list/action-list.d.ts +3 -1
  8. package/components/chart/chart.a2ui.json +18 -3
  9. package/components/chart/chart.class.js +58 -16
  10. package/components/chart/chart.d.ts +9 -3
  11. package/components/chart/chart.yaml +35 -3
  12. package/components/chart-legend/chart-legend.a2ui.json +6 -1
  13. package/components/chart-legend/chart-legend.class.js +59 -6
  14. package/components/chart-legend/chart-legend.css +5 -2
  15. package/components/chart-legend/chart-legend.d.ts +3 -1
  16. package/components/chart-legend/chart-legend.yaml +15 -1
  17. package/components/color-area/color-area.a2ui.json +148 -0
  18. package/components/color-area/color-area.class.js +657 -0
  19. package/components/color-area/color-area.css +188 -0
  20. package/components/color-area/color-area.d.ts +66 -0
  21. package/components/color-area/color-area.examples.md +19 -0
  22. package/components/color-area/color-area.js +17 -0
  23. package/components/color-area/color-area.yaml +183 -0
  24. package/components/color-input/color-input.a2ui.json +5 -5
  25. package/components/color-input/color-input.class.js +9 -6
  26. package/components/color-input/color-input.css +1 -1
  27. package/components/color-input/color-input.js +2 -2
  28. package/components/color-input/color-input.yaml +14 -12
  29. package/components/color-picker/color-picker.a2ui.json +15 -12
  30. package/components/color-picker/color-picker.class.js +24 -633
  31. package/components/color-picker/color-picker.css +14 -182
  32. package/components/color-picker/color-picker.yaml +41 -41
  33. package/components/description-list/description-list.a2ui.json +1 -1
  34. package/components/description-list/description-list.css +1 -1
  35. package/components/description-list/description-list.d.ts +1 -1
  36. package/components/description-list/description-list.yaml +1 -1
  37. package/components/field/field.a2ui.json +1 -1
  38. package/components/field/field.class.js +4 -1
  39. package/components/field/field.yaml +1 -1
  40. package/components/index.js +1 -0
  41. package/components/integration-card/integration-card.examples.md +2 -1
  42. package/components/menu/menu-item.a2ui.json +8 -3
  43. package/components/menu/menu-item.yaml +24 -3
  44. package/components/menu/menu.class.js +34 -6
  45. package/components/menu/menu.d.ts +3 -1
  46. package/components/pane/pane.a2ui.json +11 -1
  47. package/components/pane/pane.class.js +32 -3
  48. package/components/pane/pane.css +15 -10
  49. package/components/pane/pane.d.ts +10 -7
  50. package/components/pane/pane.yaml +15 -1
  51. package/components/swatch/swatch.yaml +1 -1
  52. package/components/table-toolbar/table-toolbar.class.js +15 -3
  53. package/core/icons.js +5 -0
  54. package/custom-elements.json +191 -16
  55. package/dist/theme-provider.min.js +1 -1
  56. package/dist/web-components.min.css +1 -1
  57. package/dist/web-components.min.js +89 -89
  58. package/dist/web-components.sheet.js +1 -1
  59. package/index.d.ts +12 -1
  60. package/package.json +1 -1
  61. package/patterns/admin-shell/admin-shell.examples.html +2 -2
  62. package/patterns/form-system/form-system.examples.html +1 -1
  63. package/styles/components.css +1 -0
package/index.d.ts CHANGED
@@ -97,8 +97,18 @@ export type {
97
97
  } from './components/option-card/option-card.js';
98
98
 
99
99
  export type {
100
- UIColorPicker,
100
+ UIColorArea,
101
101
  ColorFormat,
102
+ ColorAreaChangeEvent,
103
+ ColorAreaInputEvent,
104
+ ColorAreaChangeEventDetail,
105
+ ColorAreaClampRecord,
106
+ ColorAreaConstraintClampEvent,
107
+ ColorAreaConstraintClampEventDetail,
108
+ } from './components/color-area/color-area.js';
109
+
110
+ export type {
111
+ UIColorPicker,
102
112
  ColorPickerChangeEvent,
103
113
  ColorPickerInputEvent,
104
114
  ColorPickerChangeEventDetail,
@@ -240,6 +250,7 @@ declare global {
240
250
  'search-ui': import('./components/search/search.js').UISearch;
241
251
  'otp-input-ui': import('./components/otp-input/otp-input.js').UIOtpInput;
242
252
  'option-card-ui': import('./components/option-card/option-card.js').UIOptionCard;
253
+ 'color-area-ui': import('./components/color-area/color-area.js').UIColorArea;
243
254
  'color-picker-ui': import('./components/color-picker/color-picker.js').UIColorPicker;
244
255
  'rating-ui': import('./components/rating/rating.js').UIRating;
245
256
  'code-ui': import('./components/code/code.js').UICode;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adia-ai/web-components",
3
- "version": "0.8.41",
3
+ "version": "0.8.42",
4
4
  "description": "AdiaUI web components \u2014 vanilla custom elements. A2UI runtime (renderer, registry, streams, wiring) lives in @adia-ai/a2ui.",
5
5
  "type": "module",
6
6
  "types": "./index.d.ts",
package/patterns/admin-shell/admin-shell.examples.html CHANGED
@@ -42,7 +42,7 @@
42
42
  <admin-statusbar slot="footer">
43
43
  <select-ui avatar="…" value="user" variant="ghost" style="flex:1"></select-ui>
44
44
  </admin-statusbar>
45
- <div data-resize></div>
45
+ <div data-sidebar-resize></div>
46
46
  </admin-sidebar>
47
47
 
48
48
  <!-- MAIN content column — breadcrumb topbar · scrollable page · status footer -->
@@ -86,7 +86,7 @@
86
86
  <button-ui slot="action" data-sidebar-toggle="trailing" icon="x" variant="ghost" size="sm"></button-ui>
87
87
  </admin-topbar>
88
88
  <section-ui>…</section-ui>
89
- <div data-resize></div>
89
+ <div data-sidebar-resize></div>
90
90
  </admin-sidebar>
91
91
 
92
92
  <!-- Command palette — top-level child, NOT nested in admin-content -->
package/patterns/form-system/form-system.examples.html CHANGED
@@ -53,7 +53,7 @@
53
53
  <tr><td>Segmented</td><td><code>segmented-ui</code></td><td>String</td></tr>
54
54
  <tr><td>OTP Input</td><td><code>otp-input-ui</code></td><td>String</td></tr>
55
55
  <tr><td>Calendar Picker</td><td><code>calendar-picker-ui</code></td><td>Date string</td></tr>
56
- <tr><td>Color Picker</td><td><code>color-picker-ui</code></td><td>Color string</td></tr>
56
+ <tr><td>Color Picker</td><td><code>color-area-ui</code></td><td>Color string</td></tr>
57
57
  <tr><td>Upload</td><td><code>upload-ui</code></td><td>File(s)</td></tr>
58
58
  </tbody>
59
59
  </table>
package/styles/components.css CHANGED
@@ -42,6 +42,7 @@
42
42
  @import "../components/badge/badge.css";
43
43
  @import "../components/breadcrumb/breadcrumb.css";
44
44
  @import "../components/command/command.css";
45
+ @import "../components/color-area/color-area.css";
45
46
  @import "../components/color-picker/color-picker.css";
46
47
  @import "../components/color-input/color-input.css";
47
48
  @import "../components/noodles/noodles.css";