@muibook/components 18.1.0 → 18.2.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/dist/esm/components/mui-body/index.js +5 -3
- package/dist/esm/components/mui-button/index.js +36 -10
- package/dist/esm/components/mui-carousel/controller/index.js +10 -10
- package/dist/esm/components/mui-dropdown/index.js +17 -17
- package/dist/esm/components/mui-hint/index.js +40 -19
- package/dist/esm/components/mui-tabs/tab-bar/index.js +5 -5
- package/dist/esm/css/mui-brand.css +2 -1
- package/dist/esm/custom-elements.json +2780 -1716
- package/dist/esm/dynamic-attrs.json +151 -0
- package/dist/esm/tokens/js/index.js +14 -13
- package/dist/types/tokens/js/index.d.ts +1 -0
- package/package.json +5 -3
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 1,
|
|
3
|
+
"generatedAt": "2026-03-21T05:19:17.252Z",
|
|
4
|
+
"components": {
|
|
5
|
+
"mui-body": {
|
|
6
|
+
"version": 1,
|
|
7
|
+
"destinationOnly": true,
|
|
8
|
+
"attributes": [
|
|
9
|
+
"has-before",
|
|
10
|
+
"has-after"
|
|
11
|
+
]
|
|
12
|
+
},
|
|
13
|
+
"mui-button": {
|
|
14
|
+
"version": 1,
|
|
15
|
+
"destinationOnly": true,
|
|
16
|
+
"attributes": [
|
|
17
|
+
"has-before",
|
|
18
|
+
"has-after",
|
|
19
|
+
"icon-only",
|
|
20
|
+
"dropdown-slot",
|
|
21
|
+
"dropdown-slot-first",
|
|
22
|
+
"dropdown-slot-last",
|
|
23
|
+
"alert-slot",
|
|
24
|
+
"alert-positive-slot",
|
|
25
|
+
"alert-info-slot",
|
|
26
|
+
"alert-warning-slot",
|
|
27
|
+
"alert-attention-slot"
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
"mui-chip": {
|
|
31
|
+
"version": 1,
|
|
32
|
+
"destinationOnly": true,
|
|
33
|
+
"attributes": [
|
|
34
|
+
"has-before",
|
|
35
|
+
"has-after"
|
|
36
|
+
]
|
|
37
|
+
},
|
|
38
|
+
"mui-drawer": {
|
|
39
|
+
"version": 1,
|
|
40
|
+
"destinationOnly": true,
|
|
41
|
+
"attributes": [
|
|
42
|
+
"has-header",
|
|
43
|
+
"has-footer"
|
|
44
|
+
]
|
|
45
|
+
},
|
|
46
|
+
"mui-field": {
|
|
47
|
+
"version": 1,
|
|
48
|
+
"destinationOnly": true,
|
|
49
|
+
"attributes": [
|
|
50
|
+
"has-message"
|
|
51
|
+
]
|
|
52
|
+
},
|
|
53
|
+
"mui-form-section": {
|
|
54
|
+
"version": 1,
|
|
55
|
+
"destinationOnly": true,
|
|
56
|
+
"attributes": [
|
|
57
|
+
"has-header",
|
|
58
|
+
"has-footer"
|
|
59
|
+
]
|
|
60
|
+
},
|
|
61
|
+
"mui-form-section-footer": {
|
|
62
|
+
"version": 1,
|
|
63
|
+
"destinationOnly": true,
|
|
64
|
+
"attributes": [
|
|
65
|
+
"has-rule"
|
|
66
|
+
]
|
|
67
|
+
},
|
|
68
|
+
"mui-link": {
|
|
69
|
+
"version": 1,
|
|
70
|
+
"destinationOnly": true,
|
|
71
|
+
"attributes": [
|
|
72
|
+
"has-before",
|
|
73
|
+
"has-after",
|
|
74
|
+
"icon-only"
|
|
75
|
+
]
|
|
76
|
+
},
|
|
77
|
+
"mui-prompt": {
|
|
78
|
+
"version": 1,
|
|
79
|
+
"destinationOnly": true,
|
|
80
|
+
"attributes": [
|
|
81
|
+
"has-actions",
|
|
82
|
+
"has-extra-actions",
|
|
83
|
+
"has-error"
|
|
84
|
+
]
|
|
85
|
+
},
|
|
86
|
+
"mui-rule": {
|
|
87
|
+
"version": 1,
|
|
88
|
+
"destinationOnly": true,
|
|
89
|
+
"attributes": [
|
|
90
|
+
"in-card",
|
|
91
|
+
"in-form-section",
|
|
92
|
+
"in-dialog",
|
|
93
|
+
"in-drawer"
|
|
94
|
+
]
|
|
95
|
+
},
|
|
96
|
+
"mui-slide-frame": {
|
|
97
|
+
"version": 1,
|
|
98
|
+
"destinationOnly": true,
|
|
99
|
+
"attributes": [
|
|
100
|
+
"has-header",
|
|
101
|
+
"has-footer",
|
|
102
|
+
"has-notes",
|
|
103
|
+
"notes-visible",
|
|
104
|
+
"has-chrome",
|
|
105
|
+
"data-slide-section",
|
|
106
|
+
"slide-active",
|
|
107
|
+
"slide-hidden"
|
|
108
|
+
]
|
|
109
|
+
},
|
|
110
|
+
"mui-accordion-block": {
|
|
111
|
+
"version": 1,
|
|
112
|
+
"destinationOnly": true,
|
|
113
|
+
"attributes": [
|
|
114
|
+
"card-slot",
|
|
115
|
+
"first-child",
|
|
116
|
+
"last-child"
|
|
117
|
+
]
|
|
118
|
+
},
|
|
119
|
+
"mui-card-body": {
|
|
120
|
+
"version": 1,
|
|
121
|
+
"destinationOnly": true,
|
|
122
|
+
"attributes": [
|
|
123
|
+
"has-card-slat-group",
|
|
124
|
+
"has-accordion-slat-group",
|
|
125
|
+
"inner-space-top"
|
|
126
|
+
]
|
|
127
|
+
},
|
|
128
|
+
"mui-card-footer": {
|
|
129
|
+
"version": 1,
|
|
130
|
+
"destinationOnly": true,
|
|
131
|
+
"attributes": [
|
|
132
|
+
"has-button-group"
|
|
133
|
+
]
|
|
134
|
+
},
|
|
135
|
+
"mui-row": {
|
|
136
|
+
"version": 1,
|
|
137
|
+
"destinationOnly": true,
|
|
138
|
+
"attributes": [
|
|
139
|
+
"in-card"
|
|
140
|
+
]
|
|
141
|
+
},
|
|
142
|
+
"mui-tab-item": {
|
|
143
|
+
"version": 1,
|
|
144
|
+
"destinationOnly": true,
|
|
145
|
+
"attributes": [
|
|
146
|
+
"has-before",
|
|
147
|
+
"has-after"
|
|
148
|
+
]
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const c = 'system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"', o = "1.1rem", t = "1.2rem", n = "1.4rem", e = "1.6rem", s = "1.8rem", h = "2.1rem", l = "2.4rem", i = "3.6rem", k = "4.8rem", a = "6rem", r = "7.2rem", p = "8.4rem", S = "9.6rem", y = 400, O = 500, g = 600, m = 700, d = 1.63636364, B = 1.5, G = 1.5, u = 1.5,
|
|
1
|
+
const c = 'system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"', o = "1.1rem", t = "1.2rem", n = "1.4rem", e = "1.6rem", s = "1.8rem", h = "2.1rem", l = "2.4rem", i = "3.6rem", k = "4.8rem", a = "6rem", r = "7.2rem", p = "8.4rem", S = "9.6rem", y = 400, O = 500, g = 600, m = 700, d = 1.63636364, B = 1.5, G = 1.5, u = 1.5, z = 1.33333333, F = 1.14285714, R = 1.5, W = 1.33333333, x = 1.25, H = 1.2, L = 1.16666667, f = 1.14285714, j = 1.125, E = "black", b = "oklch(0% 0 0 / 0)", A = "oklch(0% 0 0 / 0.05)", C = "oklch(0% 0 0 / 0.1)", I = "oklch(0% 0 0 / 0.2)", U = "oklch(0% 0 0 / 0.3)", q = "oklch(0% 0 0 / 0.4)", v = "oklch(0% 0 0 / 0.5)", w = "oklch(0% 0 0 / 0.6)", D = "oklch(0% 0 0 / 0.7)", J = "oklch(0% 0 0 / 0.8)", K = "oklch(0% 0 0 / 0.9)", M = "oklch(0% 0 0)", N = "#ffffff", P = "oklch(100% 0.00011 271.152 / 0)", Q = "oklch(100% 0.00011 271.152 / 0.1)", T = "oklch(100% 0.00011 271.152 / 0.2)", V = "oklch(100% 0.00011 271.152 / 0.3)", X = "oklch(100% 0.00011 271.152 / 0.4)", Y = "oklch(100% 0.00011 271.152 / 0.5)", Z = "oklch(100% 0.00011 271.152 / 0.6)", _ = "oklch(100% 0.00011 271.152 / 0.7)", $ = "oklch(100% 0.00011 271.152 / 0.8)", c0 = "oklch(100% 0.00011 271.152 / 0.9)", o0 = "oklch(100% 0.00011 271.152)", t0 = "oklch(97.015% 0.00011 271.152)", n0 = "oklch(94.047% 0.00009 271.152)", e0 = "oklch(92.191% 0.0001 271.152)", s0 = "oklch(84.522% 0.0001 271.152)", h0 = "oklch(73.802% 0.00008 271.152)", l0 = "oklch(62.675% 0.00007 271.152)", i0 = "oklch(51.028% 0.00006 271.152)", k0 = "oklch(44.953% 0.00005 271.152)", a0 = "oklch(38.666% 0.00004 271.152)", r0 = "oklch(32.109% 0.00004 271.152)", p0 = "oklch(25.197% 0.00003 271.152)", S0 = "oklch(17.764% 0.00002 271.152)", y0 = "oklch(11.492% 0.00001 271.152)", O0 = "oklch(98% 0.03 25.0)", g0 = "oklch(95% 0.10 25.0)", m0 = "oklch(82% 0.14 25.0)", d0 = "oklch(72% 0.17 25.0)", B0 = "oklch(62% 0.19 25.0)", G0 = "oklch(52% 0.19 25.0)", u0 = "oklch(46% 0.19 25.0)", z0 = "oklch(40% 0.19 25.0)", F0 = "oklch(34% 0.19 25.0)", R0 = "oklch(28% 0.19 25.0)", W0 = "oklch(98% 0.03 71)", x0 = "oklch(94% 0.07 71)", H0 = "oklch(90% 0.11 71)", L0 = "oklch(85% 0.14 71)", f0 = "oklch(78% 0.16 71)", j0 = "oklch(70% 0.16 71)", E0 = "oklch(64% 0.16 71)", b0 = "oklch(57% 0.16 71)", A0 = "oklch(51% 0.16 71)", C0 = "oklch(45% 0.16 71)", I0 = "oklch(96.2% 0.034 145)", U0 = "oklch(92% 0.075 145)", q0 = "oklch(88% 0.120 145)", v0 = "oklch(84.5% 0.160 145)", w0 = "oklch(70% 0.220 145)", D0 = "oklch(63% 0.200 145)", J0 = "oklch(57% 0.180 145)", K0 = "oklch(52% 0.160 145)", M0 = "oklch(46% 0.140 145)", N0 = "oklch(42% 0.120 145)", P0 = "oklch(95.6% 0.022 250)", Q0 = "oklch(91% 0.045 250)", T0 = "oklch(82% 0.091 250)", V0 = "oklch(78.8% 0.105 250)", X0 = "oklch(73% 0.130 245)", Y0 = "oklch(67% 0.150 249)", Z0 = "oklch(63% 0.155 249)", _0 = "oklch(57% 0.167 251)", $0 = "oklch(52% 0.178 253)", cc = "oklch(48% 0.151 253)", oc = "4px", tc = "6px", nc = "8px", ec = "16px", sc = "24px", hc = "36px", lc = "48px", ic = "0", kc = "0.6rem", ac = "0.8rem", rc = "1.2rem", pc = "1.6rem", Sc = "2.4rem", yc = "3.6rem", Oc = "4.8rem", gc = "6rem", mc = "0", dc = "0.2rem", Bc = "0.4rem", Gc = "1px", uc = "2px", zc = "3px", Fc = "4px", Rc = "5px", Wc = "0.5px", xc = "solid", Hc = "outset", Lc = "0.1s", fc = "0.2s", jc = "0.3s", Ec = "0.4s";
|
|
2
2
|
export {
|
|
3
3
|
E as Black,
|
|
4
4
|
b as BlackOpacity0,
|
|
@@ -67,9 +67,9 @@ export {
|
|
|
67
67
|
u as LineHeight100,
|
|
68
68
|
j as LineHeight1000,
|
|
69
69
|
d as LineHeight15,
|
|
70
|
-
|
|
70
|
+
z as LineHeight200,
|
|
71
71
|
B as LineHeight25,
|
|
72
|
-
|
|
72
|
+
F as LineHeight300,
|
|
73
73
|
R as LineHeight400,
|
|
74
74
|
G as LineHeight50,
|
|
75
75
|
W as LineHeight500,
|
|
@@ -103,8 +103,8 @@ export {
|
|
|
103
103
|
B0 as Red500,
|
|
104
104
|
G0 as Red600,
|
|
105
105
|
u0 as Red700,
|
|
106
|
-
|
|
107
|
-
|
|
106
|
+
z0 as Red800,
|
|
107
|
+
F0 as Red900,
|
|
108
108
|
mc as Space000,
|
|
109
109
|
dc as Space025,
|
|
110
110
|
Bc as Space050,
|
|
@@ -116,17 +116,18 @@ export {
|
|
|
116
116
|
yc as Space600,
|
|
117
117
|
Oc as Space700,
|
|
118
118
|
gc as Space800,
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
119
|
+
Lc as Speed100,
|
|
120
|
+
fc as Speed200,
|
|
121
|
+
jc as Speed300,
|
|
122
|
+
Ec as Speed400,
|
|
123
|
+
Hc as StrokeOutset,
|
|
124
|
+
Wc as StrokeSize050,
|
|
124
125
|
Gc as StrokeSize100,
|
|
125
126
|
uc as StrokeSize200,
|
|
126
|
-
|
|
127
|
-
|
|
127
|
+
zc as StrokeSize300,
|
|
128
|
+
Fc as StrokeSize400,
|
|
128
129
|
Rc as StrokeSize500,
|
|
129
|
-
|
|
130
|
+
xc as StrokeSolid,
|
|
130
131
|
N as White,
|
|
131
132
|
P as WhiteOpacity0,
|
|
132
133
|
Q as WhiteOpacity10,
|
|
@@ -134,6 +134,7 @@ export declare const StrokeSize200 = "2px";
|
|
|
134
134
|
export declare const StrokeSize300 = "3px";
|
|
135
135
|
export declare const StrokeSize400 = "4px";
|
|
136
136
|
export declare const StrokeSize500 = "5px";
|
|
137
|
+
export declare const StrokeSize050 = "0.5px";
|
|
137
138
|
export declare const StrokeSolid = "solid";
|
|
138
139
|
export declare const StrokeOutset = "outset";
|
|
139
140
|
export declare const Speed100 = "0.1s";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@muibook/components",
|
|
3
|
-
"version": "18.
|
|
3
|
+
"version": "18.2.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A library of MUI-based design system components.",
|
|
6
6
|
"author": "Michael Trilford",
|
|
@@ -573,6 +573,7 @@
|
|
|
573
573
|
"types": "./dist/types/agent/keywords/index.d.ts"
|
|
574
574
|
},
|
|
575
575
|
"./custom-elements.json": "./dist/esm/custom-elements.json",
|
|
576
|
+
"./dynamic-attrs.json": "./dist/esm/dynamic-attrs.json",
|
|
576
577
|
"./css/mui-brand.css": "./dist/esm/css/mui-brand.css",
|
|
577
578
|
"./css/mui-tokens.css": "./dist/esm/css/mui-tokens.css",
|
|
578
579
|
"./css/mui-reset.css": "./dist/esm/css/mui-reset.css",
|
|
@@ -591,7 +592,7 @@
|
|
|
591
592
|
"build:create-mui-app": "vite build --config vite.create-mui-app.config.ts",
|
|
592
593
|
"preview:create-mui-app": "vite preview --config vite.create-mui-app.config.ts",
|
|
593
594
|
"cem": "cem analyze --outdir public",
|
|
594
|
-
"copy-cem": "cp public/custom-elements.json dist/esm/custom-elements.json",
|
|
595
|
+
"copy-cem": "cp public/custom-elements.json dist/esm/custom-elements.json && cp public/dynamic-attrs.json dist/esm/dynamic-attrs.json",
|
|
595
596
|
"token-build": "node token-build/index.js",
|
|
596
597
|
"token-build:watch": "nodemon --watch token-build --ext json --exec \"npm run token-build\"",
|
|
597
598
|
"prebuild": "npm run token-build"
|
|
@@ -608,7 +609,8 @@
|
|
|
608
609
|
"dist/types/utils",
|
|
609
610
|
"dist/types/agent",
|
|
610
611
|
"dist/types/tokens",
|
|
611
|
-
"dist/esm/custom-elements.json"
|
|
612
|
+
"dist/esm/custom-elements.json",
|
|
613
|
+
"dist/esm/dynamic-attrs.json"
|
|
612
614
|
],
|
|
613
615
|
"devDependencies": {
|
|
614
616
|
"@custom-elements-manifest/analyzer": "^0.11.0",
|