@ai-matrx/design-system 0.5.2 → 0.7.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.
- package/CHANGELOG.md +148 -1
- package/README.md +8 -4
- package/dist/index.cjs +1136 -415
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +381 -5
- package/dist/index.d.ts +381 -5
- package/dist/index.js +1136 -415
- package/dist/index.js.map +1 -1
- package/dist/styles.css +20 -0
- package/package.json +9 -1
package/dist/styles.css
CHANGED
|
@@ -23,6 +23,17 @@
|
|
|
23
23
|
@layer matrx-design-system-tokens, matrx-design-system;
|
|
24
24
|
@import "tailwindcss";
|
|
25
25
|
|
|
26
|
+
THAT STATEMENT IS NOT WHAT PROTECTS A HOST'S BRAND — say so plainly, because
|
|
27
|
+
the wrong belief is load-bearing. Verified on built output in every consumer
|
|
28
|
+
on 2026-09-07: the declaration does NOT survive Tailwind v4's build (the only
|
|
29
|
+
layer statement emitted into matrx-extend's stylesheet is `@layer
|
|
30
|
+
components;`). What actually guarantees a host wins is that HOST TOKENS ARE
|
|
31
|
+
DECLARED UNLAYERED, and unlayered beats layered regardless of specificity —
|
|
32
|
+
proven by byte offset (workflow-studio: this package's `--success` at 2249,
|
|
33
|
+
inside the layer; the host's `--success` at 143177, unlayered). The
|
|
34
|
+
declaration is still worth writing: it fixes the order BETWEEN this
|
|
35
|
+
package's two layers. It is simply not the mechanism a host is relying on.
|
|
36
|
+
|
|
26
37
|
Rules that must beat utilities (the scroll-fade mask, the mobile-sheet
|
|
27
38
|
density restatement) are UNLAYERED on purpose, matching how they were
|
|
28
39
|
authored in matrx-frontend's globals.css. Unlayered CSS beats every layered
|
|
@@ -87,6 +98,15 @@
|
|
|
87
98
|
padding-bottom: max(0.75rem, env(safe-area-inset-bottom, 0px));
|
|
88
99
|
}
|
|
89
100
|
|
|
101
|
+
/* -----------------------------------------------------------------------
|
|
102
|
+
pt-safe — the top twin, for a `direction="top"` Drawer, which lands under
|
|
103
|
+
the notch/status bar on exactly the devices where pb-safe matters. Same
|
|
104
|
+
max() floor and the same reason for it.
|
|
105
|
+
----------------------------------------------------------------------- */
|
|
106
|
+
.pt-safe {
|
|
107
|
+
padding-top: max(0.75rem, env(safe-area-inset-top, 0px));
|
|
108
|
+
}
|
|
109
|
+
|
|
90
110
|
/* -----------------------------------------------------------------------
|
|
91
111
|
matrx-glass-thin-border — the glass chrome the BottomSheet close control
|
|
92
112
|
and drag affordances wear. The STRUCTURE (tinted fill, backdrop blur +
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ai-matrx/design-system",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.0",
|
|
4
4
|
"description": "AI Matrx semantic React primitives shared across Vite, Next.js, desktop, and customer-built applications.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -36,25 +36,33 @@
|
|
|
36
36
|
"./package.json": "./package.json"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
+
"@radix-ui/react-alert-dialog": "^1.1.17",
|
|
39
40
|
"@radix-ui/react-avatar": "^1.2.6",
|
|
40
41
|
"@radix-ui/react-checkbox": "^1.3.11",
|
|
41
42
|
"@radix-ui/react-collapsible": "^1.1.20",
|
|
42
43
|
"@radix-ui/react-context-menu": "^2.3.7",
|
|
43
44
|
"@radix-ui/react-dialog": "^1.1.23",
|
|
44
45
|
"@radix-ui/react-dropdown-menu": "^2.1.24",
|
|
46
|
+
"@radix-ui/react-hover-card": "^1.1.17",
|
|
45
47
|
"@radix-ui/react-label": "^2.1.15",
|
|
46
48
|
"@radix-ui/react-popover": "^1.1.23",
|
|
47
49
|
"@radix-ui/react-progress": "^1.1.16",
|
|
50
|
+
"@radix-ui/react-radio-group": "^1.4.1",
|
|
48
51
|
"@radix-ui/react-scroll-area": "^1.2.18",
|
|
49
52
|
"@radix-ui/react-select": "^2.3.7",
|
|
50
53
|
"@radix-ui/react-separator": "^1.1.15",
|
|
54
|
+
"@radix-ui/react-slider": "^1.4.1",
|
|
51
55
|
"@radix-ui/react-slot": "^1.3.3",
|
|
52
56
|
"@radix-ui/react-switch": "^1.3.7",
|
|
53
57
|
"@radix-ui/react-tabs": "^1.1.21",
|
|
58
|
+
"@radix-ui/react-toggle": "^1.1.12",
|
|
59
|
+
"@radix-ui/react-toggle-group": "^1.1.13",
|
|
60
|
+
"@radix-ui/react-tooltip": "^1.2.10",
|
|
54
61
|
"@radix-ui/react-visually-hidden": "^1.2.11",
|
|
55
62
|
"class-variance-authority": "^0.7.1",
|
|
56
63
|
"clsx": "^2.1.1",
|
|
57
64
|
"cmdk": "^1.1.1",
|
|
65
|
+
"react-resizable-panels": "^4.12.0",
|
|
58
66
|
"tailwind-merge": "^3.0.0",
|
|
59
67
|
"vaul": "^1.1.2",
|
|
60
68
|
"@ai-matrx/kit": "0.8.0"
|