@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.
- package/CHANGELOG.md +54 -0
- package/components/badge/badge.d.ts +14 -0
- package/components/button/button.a2ui.json +1 -4
- package/components/button/button.d.ts +1 -1
- package/components/button/button.yaml +0 -3
- package/components/calendar-grid/calendar-grid.css +20 -11
- package/components/calendar-picker/calendar-picker.css +19 -10
- package/components/card/card.a2ui.json +2 -5
- package/components/card/card.css +25 -7
- package/components/card/card.d.ts +2 -2
- package/components/card/card.yaml +7 -5
- package/components/date-range-picker/date-range-picker.css +10 -1
- package/components/heatmap/heatmap.a2ui.json +2 -0
- package/components/heatmap/heatmap.d.ts +1 -1
- package/components/heatmap/heatmap.yaml +2 -0
- package/components/index.js +1 -0
- package/components/preview/preview.a2ui.json +93 -0
- package/components/preview/preview.class.js +178 -0
- package/components/preview/preview.css +176 -0
- package/components/preview/preview.d.ts +24 -0
- package/components/preview/preview.js +22 -0
- package/components/preview/preview.yaml +100 -0
- package/components/progress/progress.a2ui.json +2 -7
- package/components/progress/progress.d.ts +2 -2
- package/components/progress/progress.yaml +3 -8
- package/components/progress-row/progress-row.a2ui.json +1 -3
- package/components/progress-row/progress-row.d.ts +1 -1
- package/components/progress-row/progress-row.yaml +0 -2
- package/components/select/select.a2ui.json +2 -4
- package/components/select/select.yaml +2 -2
- package/components/tabs/tabs.a2ui.json +1 -4
- package/components/tabs/tabs.d.ts +2 -2
- package/components/tabs/tabs.yaml +2 -2
- package/core/anchor.js +5 -1
- package/dist/web-components.min.css +1 -1
- package/dist/web-components.min.js +75 -73
- package/index.css +6 -6
- package/package.json +1 -1
- package/styles/README.md +71 -36
- package/styles/api/layout.css +19 -0
- package/styles/api/sizing.css +225 -0
- package/styles/api/text.css +106 -0
- package/styles/colors/semantics/aliases.css +32 -0
- package/styles/colors/semantics/buckets.css +64 -0
- package/styles/colors/semantics/core.css +317 -0
- package/styles/colors/semantics/data-viz.css +129 -0
- package/styles/colors/semantics/features.css +114 -0
- package/styles/colors/semantics.css +10 -619
- package/styles/components.css +1 -0
- package/styles/foundation/elevation.css +29 -0
- package/styles/foundation/index.css +11 -0
- package/styles/foundation/motion.css +10 -0
- package/styles/foundation/radius.css +27 -0
- package/styles/foundation/size.css +33 -0
- package/styles/foundation/space.css +47 -0
- package/styles/index.css +14 -0
- package/styles/resets.css +17 -25
- package/styles/tokens.css +16 -384
- package/styles/type/elements.css +225 -0
- package/styles/type/roles.css +419 -0
- package/styles/type/scale.css +89 -0
- 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
|
|
25
|
+
description: Visual variant — `default` (underline strip) or `bordered`.
|
|
26
26
|
type: string
|
|
27
27
|
default: default
|
|
28
|
-
enum: [default,
|
|
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
|
-
|
|
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
|
|