@adia-ai/web-components 0.8.8 → 0.8.10
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 +27 -0
- package/components/calendar-grid/calendar-grid.class.js +42 -25
- package/components/card/card.css +1 -1
- package/components/select/select.a2ui.json +6 -1
- package/components/select/select.class.js +39 -20
- package/components/select/select.d.ts +4 -0
- package/components/select/select.examples.md +12 -23
- package/components/select/select.test.js +91 -0
- package/components/select/select.yaml +16 -7
- package/components/table/table.yaml +9 -3
- package/components/tag/tag.a2ui.json +2 -1
- package/components/tag/tag.css +30 -4
- package/components/tag/tag.d.ts +2 -2
- package/components/tag/tag.yaml +5 -1
- package/dist/host.min.css +1 -1
- package/dist/host.sheet.js +1 -1
- package/dist/theme-provider.min.js +1 -1
- package/dist/web-components.min.css +1 -1
- package/dist/web-components.min.js +22 -22
- package/dist/web-components.sheet.js +1 -1
- package/package.json +1 -1
- package/patterns/permissions-matrix/permissions-matrix.examples.html +1 -1
- package/patterns/permissions-matrix/permissions-matrix.html +1 -1
- package/styles/colors/semantics/aliases.css +16 -3
- package/styles/colors/semantics/features.css +10 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adia-ai/web-components",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.10",
|
|
4
4
|
"description": "AdiaUI web components \u2014 vanilla custom elements. A2UI runtime (renderer, registry, streams, wiring) lives in @adia-ai/a2ui-runtime.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"types": "./index.d.ts",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<header>
|
|
2
2
|
<div>
|
|
3
|
-
<h1>
|
|
3
|
+
<h1>Permissions Matrix</h1>
|
|
4
4
|
<div data-actions>
|
|
5
5
|
<tag-ui size="sm">card-ui</tag-ui> <tag-ui size="sm">table-ui</tag-ui> <tag-ui size="sm">check-ui</tag-ui> <tag-ui size="sm">description-list-ui</tag-ui> <tag-ui size="sm">tag-ui</tag-ui>
|
|
6
6
|
</div>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="utf-8">
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
|
-
<title>
|
|
6
|
+
<title>Permissions Matrix (pattern) — AdiaUI</title>
|
|
7
7
|
|
|
8
8
|
<!-- Token base -->
|
|
9
9
|
<link rel="stylesheet" href="../../styles/resets.css">
|
|
@@ -18,11 +18,24 @@
|
|
|
18
18
|
mid-tone overlay (`light-dark(X, X)`, same both schemes) rather than
|
|
19
19
|
the old near-black shade-primitive overlay — both are non-adaptive
|
|
20
20
|
"always this color" scrims, but the static one reads lighter/greyer
|
|
21
|
-
than the old near-black veil.
|
|
21
|
+
than the old near-black veil.
|
|
22
|
+
|
|
23
|
+
gh#373 (2026-07-20): --a-scrim-dialog was the worst-hit case of that
|
|
24
|
+
"lighter/greyer" regression — the neutral-500-tinted 50% mid-gray read
|
|
25
|
+
nowhere near the black ~80% veil modal/drawer/tour/sheet backdrops are
|
|
26
|
+
meant to be, and the static ladder's darkest tier (strongest, 60%) still
|
|
27
|
+
isn't black. The static ladder can't grow a black-based tier without
|
|
28
|
+
retinting itself for --a-scrim-weak/-toast/-default/-strong too (all
|
|
29
|
+
four stay mapped below, unaffected) — so --a-scrim-dialog alone was
|
|
30
|
+
re-pointed off the ladder to a purpose-built black token,
|
|
31
|
+
`--a-chrome-scrim-dialog` (features.css CHROME block, non-adaptive by
|
|
32
|
+
the same "always this color" contract the whole ladder already claims). */
|
|
22
33
|
|
|
23
34
|
:root, theme-ui, [theme], theme-provider {
|
|
24
35
|
/* ══════════════════════════════════════════════════════════════
|
|
25
|
-
SCRIMS — Role aliases
|
|
36
|
+
SCRIMS — Role aliases. Four of five ride the static 7-step scrim
|
|
37
|
+
ladder; --a-scrim-dialog is the gh#373 exception (see header
|
|
38
|
+
comment) and reads a purpose-built black chrome token instead.
|
|
26
39
|
Per-family semantic tiers (weak / default / strong / peak) live
|
|
27
40
|
in surfaces.css.
|
|
28
41
|
══════════════════════════════════════════════════════════════ */
|
|
@@ -30,6 +43,6 @@
|
|
|
30
43
|
--a-scrim-weak: var(--md-sys-color-neutral-scrim-weak); /* 20% — hover wash */
|
|
31
44
|
--a-scrim-toast: var(--md-sys-color-neutral-scrim); /* 30% — toast veil */
|
|
32
45
|
--a-scrim-default: var(--md-sys-color-neutral-scrim-strong); /* 40% — generic overlay */
|
|
33
|
-
--a-scrim-dialog: var(--
|
|
46
|
+
--a-scrim-dialog: var(--a-chrome-scrim-dialog); /* 80% black — modal/drawer/tour/sheet backdrop (gh#373) */
|
|
34
47
|
--a-scrim-strong: var(--md-sys-color-neutral-scrim-strongest); /* 60% (was 70%) — heaviest veil */
|
|
35
48
|
}
|
|
@@ -133,5 +133,15 @@
|
|
|
133
133
|
readouts). Must read against red / blue / dark / light underlays. */
|
|
134
134
|
--a-chrome-fg: var(--a-chrome-light);
|
|
135
135
|
--a-chrome-bg: oklch(0 0 0 / 0.4);
|
|
136
|
+
/* gh#373: dialog-class scrim (modal/drawer/tour/sheet backdrops) —
|
|
137
|
+
purpose-built black-based chrome, deliberately NOT routed through
|
|
138
|
+
the static --md-sys-color-neutral-scrim-* ladder (material-static.css)
|
|
139
|
+
— that ladder is a fixed neutral-500 mid-tone tint, never black, so
|
|
140
|
+
it cannot express an 80%-black veil without perturbing its other
|
|
141
|
+
five roles (weak/toast/default/strong all stay on the ladder; see
|
|
142
|
+
semantics/aliases.css). Kept independent from --a-chrome-backdrop
|
|
143
|
+
(50%, its own token) rather than reused, so this fix's blast radius
|
|
144
|
+
stays scoped to the dialog role alone. */
|
|
145
|
+
--a-chrome-scrim-dialog: oklch(0 0 0 / 0.8);
|
|
136
146
|
|
|
137
147
|
}
|