@adia-ai/web-components 0.7.28 → 0.8.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 (156) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/components/accordion/accordion.css +13 -4
  3. package/components/action-list/action-list.css +3 -3
  4. package/components/agent-artifact/agent-artifact.css +4 -4
  5. package/components/agent-questions/agent-questions.css +8 -8
  6. package/components/agent-reasoning/agent-reasoning.css +6 -6
  7. package/components/agent-trace/agent-trace.css +4 -4
  8. package/components/agent-trace/agent-trace.js +1 -1
  9. package/components/alert/alert.css +16 -16
  10. package/components/avatar/avatar.css +3 -3
  11. package/components/badge/badge.css +32 -32
  12. package/components/blockquote/blockquote.css +1 -1
  13. package/components/breadcrumb/breadcrumb.css +2 -2
  14. package/components/button/button.css +14 -14
  15. package/components/calendar-grid/calendar-grid.a2ui.json +3 -3
  16. package/components/calendar-grid/calendar-grid.css +10 -10
  17. package/components/calendar-grid/calendar-grid.yaml +3 -3
  18. package/components/calendar-picker/calendar-picker.css +11 -11
  19. package/components/canvas/canvas.css +2 -2
  20. package/components/card/card.css +15 -15
  21. package/components/chart/chart.css +23 -23
  22. package/components/chart-legend/chart-legend.css +2 -2
  23. package/components/chat-thread/chat-input.css +6 -6
  24. package/components/chat-thread/chat-thread.css +7 -7
  25. package/components/check/check.css +4 -4
  26. package/components/code/code-editor.js +1 -1
  27. package/components/code/code.css +45 -22
  28. package/components/color-picker/color-picker.css +4 -4
  29. package/components/combobox/combobox.css +6 -6
  30. package/components/command/command.class.js +14 -3
  31. package/components/command/command.css +4 -4
  32. package/components/context-menu/context-menu.css +2 -2
  33. package/components/date-range-picker/date-range-picker.a2ui.json +3 -3
  34. package/components/date-range-picker/date-range-picker.css +8 -8
  35. package/components/date-range-picker/date-range-picker.yaml +3 -3
  36. package/components/datetime-picker/datetime-picker.css +6 -6
  37. package/components/demo-toggle/demo-toggle.css +4 -4
  38. package/components/description-list/description-list.css +1 -1
  39. package/components/display-field/display-field.css +2 -2
  40. package/components/divider/divider.css +1 -1
  41. package/components/drawer/drawer.css +7 -7
  42. package/components/embed/embed.css +1 -1
  43. package/components/empty-state/empty-state.css +5 -5
  44. package/components/feed/feed.css +7 -7
  45. package/components/field/field.css +2 -2
  46. package/components/heatmap/heatmap.css +8 -8
  47. package/components/inline-edit/inline-edit.a2ui.json +1 -1
  48. package/components/inline-edit/inline-edit.css +3 -3
  49. package/components/inline-edit/inline-edit.yaml +1 -1
  50. package/components/inline-message/inline-message.css +4 -4
  51. package/components/input/input.css +1 -1
  52. package/components/inspector/inspector.css +1 -1
  53. package/components/integration-card/integration-card.css +3 -3
  54. package/components/kbd/kbd.css +2 -2
  55. package/components/link/link.css +2 -2
  56. package/components/list/list.css +10 -10
  57. package/components/list-window/list-window.css +2 -2
  58. package/components/mark/mark.css +9 -9
  59. package/components/menu/menu.css +9 -9
  60. package/components/modal/modal.css +4 -4
  61. package/components/nav/nav.css +1 -1
  62. package/components/nav-group/nav-group.css +7 -16
  63. package/components/nav-item/nav-item.css +1 -1
  64. package/components/noodles/noodles.a2ui.json +1 -1
  65. package/components/noodles/noodles.css +3 -3
  66. package/components/noodles/noodles.d.ts +1 -1
  67. package/components/noodles/noodles.yaml +1 -1
  68. package/components/option-card/option-card.css +11 -11
  69. package/components/otp-input/otp-input.css +1 -1
  70. package/components/page/page.css +2 -2
  71. package/components/pane/pane.css +5 -5
  72. package/components/password-strength/password-strength.css +1 -1
  73. package/components/pipeline-status/pipeline-status.css +9 -9
  74. package/components/popover/popover.css +2 -2
  75. package/components/preview/preview.css +14 -3
  76. package/components/progress/progress.a2ui.json +1 -1
  77. package/components/progress/progress.css +1 -1
  78. package/components/progress/progress.d.ts +1 -1
  79. package/components/progress/progress.yaml +1 -1
  80. package/components/progress-row/progress-row.css +2 -2
  81. package/components/radio/radio.css +4 -4
  82. package/components/range/range.css +2 -2
  83. package/components/rating/rating.css +2 -2
  84. package/components/richtext/richtext.class.js +4 -0
  85. package/components/richtext/richtext.css +5 -5
  86. package/components/richtext/richtext.yaml +1 -0
  87. package/components/row/row.css +1 -1
  88. package/components/select/select.css +8 -8
  89. package/components/skip-nav/skip-nav.a2ui.json +2 -2
  90. package/components/skip-nav/skip-nav.css +3 -3
  91. package/components/skip-nav/skip-nav.yaml +2 -2
  92. package/components/slider/slider.css +5 -5
  93. package/components/spinner/spinner.css +2 -2
  94. package/components/spinner/spinner.test.js +4 -2
  95. package/components/stat/stat.css +1 -1
  96. package/components/step-progress/step-progress.a2ui.json +1 -1
  97. package/components/step-progress/step-progress.class.js +1 -1
  98. package/components/step-progress/step-progress.css +2 -2
  99. package/components/step-progress/step-progress.d.ts +1 -1
  100. package/components/step-progress/step-progress.yaml +1 -1
  101. package/components/stepper/stepper.css +22 -22
  102. package/components/stream/stream.css +2 -2
  103. package/components/swatch/swatch.class.js +1 -1
  104. package/components/swatch/swatch.css +11 -11
  105. package/components/swiper/swiper.css +5 -5
  106. package/components/switch/switch.css +5 -5
  107. package/components/table/cell-types.js +1 -1
  108. package/components/table/table.css +16 -11
  109. package/components/table-toolbar/table-toolbar.css +8 -8
  110. package/components/tabs/tabs.css +5 -5
  111. package/components/tag/tag.css +41 -29
  112. package/components/tag/tag.test.js +22 -29
  113. package/components/tags-input/tags-input.a2ui.json +1 -1
  114. package/components/tags-input/tags-input.css +3 -3
  115. package/components/tags-input/tags-input.yaml +5 -3
  116. package/components/text/text.css +4 -4
  117. package/components/textarea/textarea.css +1 -1
  118. package/components/time-picker/time-picker.css +2 -2
  119. package/components/timeline/timeline.css +31 -31
  120. package/components/toast/toast.css +19 -19
  121. package/components/toc/toc.a2ui.json +1 -1
  122. package/components/toc/toc.css +3 -3
  123. package/components/toc/toc.yaml +1 -1
  124. package/components/toggle-group/toggle-group.css +3 -3
  125. package/components/toolbar/toolbar.css +3 -3
  126. package/components/tooltip/tooltip.css +9 -9
  127. package/components/tour/tour.css +3 -3
  128. package/components/tree/tree.css +2 -2
  129. package/components/upload/upload.css +7 -7
  130. package/dist/host.min.css +1 -1
  131. package/dist/host.sheet.js +1 -1
  132. package/dist/theme-provider.min.js +7 -7
  133. package/dist/themes.min.css +1 -1
  134. package/dist/themes.sheet.js +1 -1
  135. package/dist/web-components.min.css +1 -1
  136. package/dist/web-components.min.js +34 -34
  137. package/dist/web-components.sheet.js +1 -1
  138. package/package.json +3 -3
  139. package/styles/api/text.css +1 -1
  140. package/styles/colors/bridges/material-bridge.css +30 -0
  141. package/styles/colors/index.css +19 -1
  142. package/styles/colors/material-static.css +771 -0
  143. package/styles/colors/parameters.css +40 -4
  144. package/styles/colors/primitives-primary.css +89 -0
  145. package/styles/colors/primitives-secondary.css +89 -0
  146. package/styles/colors/primitives-tertiary.css +89 -0
  147. package/styles/colors/primitives.css +3 -1
  148. package/styles/colors/scrims.css +19 -180
  149. package/styles/colors/semantics/aliases.css +25 -11
  150. package/styles/colors/semantics/buckets.css +28 -12
  151. package/styles/colors/semantics/core.css +323 -202
  152. package/styles/colors/semantics/data-viz.css +13 -13
  153. package/styles/colors/semantics/features.css +31 -13
  154. package/styles/colors/surfaces.css +41 -31
  155. package/styles/themes.css +15 -15
  156. package/styles/colors/primitives-accent.css +0 -89
package/components/tooltip/tooltip.css CHANGED
@@ -26,8 +26,8 @@
26
26
  box-sizing: border-box;
27
27
  margin: 0;
28
28
  padding: var(--a-space-1) var(--a-space-2);
29
- background: var(--a-fg);
30
- color: var(--a-bg);
29
+ background: var(--md-sys-color-neutral-on-surface);
30
+ color: var(--md-sys-color-neutral-background);
31
31
  font-family: var(--a-font-family);
32
32
  font-size: var(--a-ui-sm);
33
33
  line-height: 1.4;
@@ -69,8 +69,8 @@
69
69
  max-width: 18rem;
70
70
  padding: var(--a-space-2) var(--a-space-3);
71
71
  background: var(--a-canvas-0);
72
- color: var(--a-fg);
73
- border: 1px solid var(--a-border-subtle);
72
+ color: var(--md-sys-color-neutral-on-surface);
73
+ border: 1px solid var(--md-sys-color-neutral-outline-variant);
74
74
  border-radius: var(--a-radius-md);
75
75
  box-shadow: var(--a-shadow-md);
76
76
  font-size: var(--a-ui-tiny);
@@ -94,12 +94,12 @@
94
94
  }
95
95
 
96
96
  .tooltip-popup[data-follows="pointer"] [data-tip-role="label"] {
97
- color: var(--a-fg-subtle);
97
+ color: var(--md-sys-color-neutral-on-surface-variant);
98
98
  font-weight: var(--tooltip-label-weight);
99
99
  }
100
100
 
101
101
  .tooltip-popup[data-follows="pointer"] [data-tip-role="series"] {
102
- color: var(--a-fg-subtle);
102
+ color: var(--md-sys-color-neutral-on-surface-variant);
103
103
  font-size: calc(var(--a-ui-tiny) * 0.95);
104
104
  }
105
105
 
@@ -120,17 +120,17 @@
120
120
  }
121
121
 
122
122
  .tooltip-popup[data-follows="pointer"] [data-tip-role="name"] {
123
- color: var(--a-fg-subtle);
123
+ color: var(--md-sys-color-neutral-on-surface-variant);
124
124
  font-weight: var(--a-weight-normal);
125
125
  }
126
126
 
127
127
  .tooltip-popup[data-follows="pointer"] [data-tip-role="value"] {
128
128
  font-weight: var(--tooltip-value-weight);
129
- color: var(--a-fg);
129
+ color: var(--md-sys-color-neutral-on-surface);
130
130
  }
131
131
 
132
132
  .tooltip-popup[data-follows="pointer"] [data-tip-role="pct"] {
133
- color: var(--a-fg-subtle);
133
+ color: var(--md-sys-color-neutral-on-surface-variant);
134
134
  font-weight: var(--a-weight-normal);
135
135
  }
136
136
 
package/components/tour/tour.css CHANGED
@@ -61,7 +61,7 @@
61
61
  [data-tour-popover] {
62
62
  margin: 0;
63
63
  padding: var(--a-space-4);
64
- border: 1px solid var(--tour-popover-border, var(--a-border-subtle));
64
+ border: 1px solid var(--tour-popover-border, var(--md-sys-color-neutral-outline-variant));
65
65
  border-radius: var(--tour-popover-radius, var(--a-radius-lg));
66
66
  background: var(--tour-popover-bg, var(--a-bg-subtle));
67
67
  box-shadow: var(--tour-popover-shadow, var(--a-shadow-lg));
@@ -69,7 +69,7 @@
69
69
  max-width: var(--tour-popover-max-width, 22rem);
70
70
  font-family: var(--tour-font-family, var(--a-font-family-ui));
71
71
  font-size: var(--a-ui-size);
72
- color: var(--a-fg);
72
+ color: var(--md-sys-color-neutral-on-surface);
73
73
  /* Above the spotlight (1000) so the user can read + click it */
74
74
  z-index: 1001;
75
75
  opacity: 1;
@@ -118,7 +118,7 @@
118
118
  [data-tour-popover] [data-tour-body] {
119
119
  margin: 0 0 var(--a-space-4);
120
120
  font-size: var(--a-ui-size);
121
- color: var(--a-fg);
121
+ color: var(--md-sys-color-neutral-on-surface);
122
122
  line-height: 1.5;
123
123
  }
124
124
 
package/components/tree/tree.css CHANGED
@@ -14,7 +14,7 @@
14
14
  --tree-font-size: var(--a-ui-size);
15
15
 
16
16
  /* ── Colors ── */
17
- --tree-fg: var(--a-fg);
17
+ --tree-fg: var(--md-sys-color-neutral-on-surface);
18
18
  --tree-fg-muted: var(--a-fg-muted);
19
19
  --tree-bg-hover: var(--a-bg-muted);
20
20
  --tree-bg-selected: var(--a-bg-hover);
@@ -50,7 +50,7 @@
50
50
  --tree-item-caret-size: var(--tree-caret-size, var(--a-space-2));
51
51
  --tree-item-icon-size: var(--tree-icon-size, var(--a-space-3));
52
52
 
53
- --tree-item-fg: var(--tree-fg, var(--a-fg));
53
+ --tree-item-fg: var(--tree-fg, var(--md-sys-color-neutral-on-surface));
54
54
  --tree-item-fg-muted: var(--tree-fg-muted, var(--a-fg-muted));
55
55
  --tree-item-bg-hover: var(--tree-bg-hover, var(--a-bg-muted));
56
56
  --tree-item-bg-selected: var(--tree-bg-selected, var(--a-bg-hover));
package/components/upload/upload.css CHANGED
@@ -4,13 +4,13 @@
4
4
  --upload-gap: var(--a-space-2);
5
5
  --upload-radius: var(--a-radius-md);
6
6
  --upload-font: var(--a-ui-size);
7
- --upload-border: var(--a-border-subtle);
8
- --upload-border-hover: var(--a-accent);
9
- --upload-border-dragover: var(--a-accent-bg);
10
- --upload-bg-dragover: var(--a-accent-muted);
11
- --upload-fg: var(--a-fg-subtle);
12
- --upload-fg-hover: var(--a-accent);
13
- --upload-label-fg: var(--a-fg);
7
+ --upload-border: var(--md-sys-color-neutral-outline-variant);
8
+ --upload-border-hover: var(--md-sys-color-primary);
9
+ --upload-border-dragover: var(--a-primary-bg);
10
+ --upload-bg-dragover: var(--md-sys-color-primary-container);
11
+ --upload-fg: var(--md-sys-color-neutral-on-surface-variant);
12
+ --upload-fg-hover: var(--md-sys-color-primary);
13
+ --upload-label-fg: var(--md-sys-color-neutral-on-surface);
14
14
  --upload-label-weight: var(--a-weight-medium);
15
15
  --upload-label-size: var(--a-label-size);
16
16
  --upload-hint-fg: var(--a-fg-muted);