@adia-ai/web-components 0.6.46 → 0.6.48

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 (62) hide show
  1. package/CHANGELOG.md +54 -0
  2. package/components/badge/badge.d.ts +14 -0
  3. package/components/button/button.a2ui.json +1 -4
  4. package/components/button/button.d.ts +1 -1
  5. package/components/button/button.yaml +0 -3
  6. package/components/calendar-grid/calendar-grid.css +20 -11
  7. package/components/calendar-picker/calendar-picker.css +19 -10
  8. package/components/card/card.a2ui.json +2 -5
  9. package/components/card/card.css +25 -7
  10. package/components/card/card.d.ts +2 -2
  11. package/components/card/card.yaml +7 -5
  12. package/components/date-range-picker/date-range-picker.css +10 -1
  13. package/components/heatmap/heatmap.a2ui.json +2 -0
  14. package/components/heatmap/heatmap.d.ts +1 -1
  15. package/components/heatmap/heatmap.yaml +2 -0
  16. package/components/index.js +1 -0
  17. package/components/preview/preview.a2ui.json +93 -0
  18. package/components/preview/preview.class.js +178 -0
  19. package/components/preview/preview.css +176 -0
  20. package/components/preview/preview.d.ts +24 -0
  21. package/components/preview/preview.js +22 -0
  22. package/components/preview/preview.yaml +100 -0
  23. package/components/progress/progress.a2ui.json +2 -7
  24. package/components/progress/progress.d.ts +2 -2
  25. package/components/progress/progress.yaml +3 -8
  26. package/components/progress-row/progress-row.a2ui.json +1 -3
  27. package/components/progress-row/progress-row.d.ts +1 -1
  28. package/components/progress-row/progress-row.yaml +0 -2
  29. package/components/select/select.a2ui.json +2 -4
  30. package/components/select/select.yaml +2 -2
  31. package/components/tabs/tabs.a2ui.json +1 -4
  32. package/components/tabs/tabs.d.ts +2 -2
  33. package/components/tabs/tabs.yaml +2 -2
  34. package/core/anchor.js +5 -1
  35. package/dist/web-components.min.css +1 -1
  36. package/dist/web-components.min.js +75 -73
  37. package/index.css +6 -6
  38. package/package.json +1 -1
  39. package/styles/README.md +71 -36
  40. package/styles/api/layout.css +19 -0
  41. package/styles/api/sizing.css +225 -0
  42. package/styles/api/text.css +106 -0
  43. package/styles/colors/semantics/aliases.css +32 -0
  44. package/styles/colors/semantics/buckets.css +64 -0
  45. package/styles/colors/semantics/core.css +317 -0
  46. package/styles/colors/semantics/data-viz.css +129 -0
  47. package/styles/colors/semantics/features.css +114 -0
  48. package/styles/colors/semantics.css +10 -619
  49. package/styles/components.css +1 -0
  50. package/styles/foundation/elevation.css +29 -0
  51. package/styles/foundation/index.css +11 -0
  52. package/styles/foundation/motion.css +10 -0
  53. package/styles/foundation/radius.css +27 -0
  54. package/styles/foundation/size.css +33 -0
  55. package/styles/foundation/space.css +47 -0
  56. package/styles/index.css +14 -0
  57. package/styles/resets.css +17 -25
  58. package/styles/tokens.css +16 -384
  59. package/styles/type/elements.css +225 -0
  60. package/styles/type/roles.css +419 -0
  61. package/styles/type/scale.css +89 -0
  62. package/styles/typography.css +11 -809
@@ -22,10 +22,10 @@ props:
22
22
  type: string
23
23
  default: ""
24
24
  variant:
25
- description: Visual variant — default underline strip, `pills` for filled pill tabs, `underline` (explicit).
25
+ description: Visual variant — `default` (underline strip) or `bordered`.
26
26
  type: string
27
27
  default: default
28
- enum: [default, pills, underline, segmented, bordered]
28
+ enum: [default, bordered]
29
29
  value:
30
30
  description: Value of the currently active tab. Set programmatically or auto-assigned to the first
31
31
  non-disabled tab on connect.
package/core/anchor.js CHANGED
@@ -75,7 +75,11 @@ function anchorNative(anchor, popover, { placement, gap, matchWidth }) {
75
75
  // past the cap is silently hidden).
76
76
  // Consumers can override per-instance via --popover-* tokens / inline style.
77
77
  popover.style.width = matchWidth ? `anchor-size(${name} width)` : 'max-content';
78
- popover.style.maxWidth = 'min(calc(100vw - 1rem), 32rem)';
78
+ // 32rem default cap keeps ordinary popovers from sprawling; wide-content
79
+ // popovers (e.g. a dual-month date-range picker) opt into a larger cap by
80
+ // setting --popover-max-width on the popover element. Viewport safety
81
+ // (100vw - 1rem) still wins so nothing escapes the screen.
82
+ popover.style.maxWidth = 'min(calc(100vw - 1rem), var(--popover-max-width, 32rem))';
79
83
  popover.style.maxHeight = 'calc(100vh - 3rem)';
80
84
  popover.style.overflowY = 'auto';
81
85