@luz-ds/check 0.0.0-stage → 0.1.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.
Files changed (16) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +77 -2
  3. package/dist/agents/luz-accessibility-reviewer.md +64 -0
  4. package/dist/data/app/classes.json +23 -0
  5. package/dist/data/cms/classes.json +35 -0
  6. package/dist/data/core/classes.json +345 -0
  7. package/dist/data/core/custom-elements.json +5 -0
  8. package/dist/data/docs/classes.json +47 -0
  9. package/dist/data/index.json +33 -0
  10. package/dist/data/landing/classes.json +39 -0
  11. package/dist/data/site/classes.json +54 -0
  12. package/dist/data/site/custom-elements.json +20 -0
  13. package/dist/data/tokens/classes.json +153 -0
  14. package/dist/data/tokens/tokens.css +226 -0
  15. package/dist/luz-check.js +3013 -0
  16. package/package.json +50 -3
package/dist/data/tokens/classes.json ADDED
@@ -0,0 +1,153 @@
1
+ {
2
+ "schema":1,
3
+ "package":"@luz-ds/tokens",
4
+ "version":"0.1.0",
5
+ "classes":[],
6
+ "properties":[
7
+ {"name":"--luz-blue-10","scope":"root"},
8
+ {"name":"--luz-blue-100","scope":"root"},
9
+ {"name":"--luz-blue-20","scope":"root"},
10
+ {"name":"--luz-blue-30","scope":"root"},
11
+ {"name":"--luz-blue-40","scope":"root"},
12
+ {"name":"--luz-blue-50","scope":"root"},
13
+ {"name":"--luz-blue-60","scope":"root"},
14
+ {"name":"--luz-blue-70","scope":"root"},
15
+ {"name":"--luz-blue-80","scope":"root"},
16
+ {"name":"--luz-blue-90","scope":"root"},
17
+ {"name":"--luz-brand-active","scope":"root"},
18
+ {"name":"--luz-brand-fill","scope":"root"},
19
+ {"name":"--luz-brand-fill-active","scope":"root"},
20
+ {"name":"--luz-brand-fill-hover","scope":"root"},
21
+ {"name":"--luz-brand-hover","scope":"root"},
22
+ {"name":"--luz-brand-primary","scope":"root"},
23
+ {"name":"--luz-brand-subtle","scope":"root"},
24
+ {"name":"--luz-code-comment","scope":"root"},
25
+ {"name":"--luz-code-keyword","scope":"root"},
26
+ {"name":"--luz-code-literal","scope":"root"},
27
+ {"name":"--luz-code-name","scope":"root"},
28
+ {"name":"--luz-code-property","scope":"root"},
29
+ {"name":"--luz-code-string","scope":"root"},
30
+ {"name":"--luz-color-code","scope":"root"},
31
+ {"name":"--luz-color-danger","scope":"root"},
32
+ {"name":"--luz-color-danger-bg","scope":"root"},
33
+ {"name":"--luz-color-danger-fill","scope":"root"},
34
+ {"name":"--luz-color-info","scope":"root"},
35
+ {"name":"--luz-color-info-bg","scope":"root"},
36
+ {"name":"--luz-color-purple","scope":"root"},
37
+ {"name":"--luz-color-purple-bg","scope":"root"},
38
+ {"name":"--luz-color-success","scope":"root"},
39
+ {"name":"--luz-color-success-bg","scope":"root"},
40
+ {"name":"--luz-color-teal","scope":"root"},
41
+ {"name":"--luz-color-teal-bg","scope":"root"},
42
+ {"name":"--luz-color-warning","scope":"root"},
43
+ {"name":"--luz-color-warning-accent","scope":"root"},
44
+ {"name":"--luz-color-warning-bg","scope":"root"},
45
+ {"name":"--luz-control-lg","scope":"root"},
46
+ {"name":"--luz-control-md","scope":"root"},
47
+ {"name":"--luz-control-sm","scope":"root"},
48
+ {"name":"--luz-control-xl","scope":"root"},
49
+ {"name":"--luz-divider","scope":"root"},
50
+ {"name":"--luz-focus-ring","scope":"root"},
51
+ {"name":"--luz-font-mono","scope":"root"},
52
+ {"name":"--luz-font-sans","scope":"root"},
53
+ {"name":"--luz-font-serif","scope":"root"},
54
+ {"name":"--luz-gray-10","scope":"root"},
55
+ {"name":"--luz-gray-100","scope":"root"},
56
+ {"name":"--luz-gray-20","scope":"root"},
57
+ {"name":"--luz-gray-30","scope":"root"},
58
+ {"name":"--luz-gray-40","scope":"root"},
59
+ {"name":"--luz-gray-50","scope":"root"},
60
+ {"name":"--luz-gray-60","scope":"root"},
61
+ {"name":"--luz-gray-70","scope":"root"},
62
+ {"name":"--luz-gray-80","scope":"root"},
63
+ {"name":"--luz-gray-90","scope":"root"},
64
+ {"name":"--luz-green-10","scope":"root"},
65
+ {"name":"--luz-green-20","scope":"root"},
66
+ {"name":"--luz-green-30","scope":"root"},
67
+ {"name":"--luz-green-40","scope":"root"},
68
+ {"name":"--luz-green-50","scope":"root"},
69
+ {"name":"--luz-green-60","scope":"root"},
70
+ {"name":"--luz-green-70","scope":"root"},
71
+ {"name":"--luz-input-bg","scope":"root"},
72
+ {"name":"--luz-input-border","scope":"root"},
73
+ {"name":"--luz-outline","scope":"root"},
74
+ {"name":"--luz-purple-10","scope":"root"},
75
+ {"name":"--luz-purple-20","scope":"root"},
76
+ {"name":"--luz-purple-40","scope":"root"},
77
+ {"name":"--luz-purple-50","scope":"root"},
78
+ {"name":"--luz-purple-60","scope":"root"},
79
+ {"name":"--luz-purple-70","scope":"root"},
80
+ {"name":"--luz-radius-full","scope":"root"},
81
+ {"name":"--luz-radius-md","scope":"root"},
82
+ {"name":"--luz-radius-none","scope":"root"},
83
+ {"name":"--luz-radius-sm","scope":"root"},
84
+ {"name":"--luz-red-10","scope":"root"},
85
+ {"name":"--luz-red-20","scope":"root"},
86
+ {"name":"--luz-red-30","scope":"root"},
87
+ {"name":"--luz-red-40","scope":"root"},
88
+ {"name":"--luz-red-50","scope":"root"},
89
+ {"name":"--luz-red-60","scope":"root"},
90
+ {"name":"--luz-red-70","scope":"root"},
91
+ {"name":"--luz-scrim","scope":"root"},
92
+ {"name":"--luz-shadow-icon","scope":"root"},
93
+ {"name":"--luz-shadow-lg","scope":"root"},
94
+ {"name":"--luz-shadow-md","scope":"root"},
95
+ {"name":"--luz-shadow-sm","scope":"root"},
96
+ {"name":"--luz-sidebar-active-bg","scope":"root"},
97
+ {"name":"--luz-sidebar-active-text","scope":"root"},
98
+ {"name":"--luz-sidebar-bg","scope":"root"},
99
+ {"name":"--luz-sidebar-border","scope":"root"},
100
+ {"name":"--luz-sidebar-hover","scope":"root"},
101
+ {"name":"--luz-sidebar-label","scope":"root"},
102
+ {"name":"--luz-sidebar-logo-bg","scope":"root"},
103
+ {"name":"--luz-sidebar-text","scope":"root"},
104
+ {"name":"--luz-sidebar-text-hover","scope":"root"},
105
+ {"name":"--luz-space-2xl","scope":"root"},
106
+ {"name":"--luz-space-2xs","scope":"root"},
107
+ {"name":"--luz-space-3xl","scope":"root"},
108
+ {"name":"--luz-space-3xs","scope":"root"},
109
+ {"name":"--luz-space-4xl","scope":"root"},
110
+ {"name":"--luz-space-lg","scope":"root"},
111
+ {"name":"--luz-space-md","scope":"root"},
112
+ {"name":"--luz-space-sm","scope":"root"},
113
+ {"name":"--luz-space-unit","scope":"root"},
114
+ {"name":"--luz-space-xl","scope":"root"},
115
+ {"name":"--luz-space-xs","scope":"root"},
116
+ {"name":"--luz-surface","scope":"root"},
117
+ {"name":"--luz-surface-hover","scope":"root"},
118
+ {"name":"--luz-surface-media","scope":"root"},
119
+ {"name":"--luz-surface-muted","scope":"root"},
120
+ {"name":"--luz-surface-page","scope":"root"},
121
+ {"name":"--luz-surface-pressed","scope":"root"},
122
+ {"name":"--luz-surface-strong","scope":"root"},
123
+ {"name":"--luz-teal-10","scope":"root"},
124
+ {"name":"--luz-teal-20","scope":"root"},
125
+ {"name":"--luz-teal-40","scope":"root"},
126
+ {"name":"--luz-teal-50","scope":"root"},
127
+ {"name":"--luz-teal-60","scope":"root"},
128
+ {"name":"--luz-teal-70","scope":"root"},
129
+ {"name":"--luz-text-2xl","scope":"root"},
130
+ {"name":"--luz-text-3xl","scope":"root"},
131
+ {"name":"--luz-text-4xl","scope":"root"},
132
+ {"name":"--luz-text-base","scope":"root"},
133
+ {"name":"--luz-text-disabled","scope":"root"},
134
+ {"name":"--luz-text-lg","scope":"root"},
135
+ {"name":"--luz-text-md","scope":"root"},
136
+ {"name":"--luz-text-muted","scope":"root"},
137
+ {"name":"--luz-text-on-fill","scope":"root"},
138
+ {"name":"--luz-text-primary","scope":"root"},
139
+ {"name":"--luz-text-secondary","scope":"root"},
140
+ {"name":"--luz-text-sm","scope":"root"},
141
+ {"name":"--luz-text-xl","scope":"root"},
142
+ {"name":"--luz-text-xs","scope":"root"},
143
+ {"name":"--luz-type-base","scope":"root"},
144
+ {"name":"--luz-type-ratio","scope":"root"},
145
+ {"name":"--luz-yellow-10","scope":"root"},
146
+ {"name":"--luz-yellow-20","scope":"root"},
147
+ {"name":"--luz-yellow-30","scope":"root"},
148
+ {"name":"--luz-yellow-40","scope":"root"},
149
+ {"name":"--luz-yellow-50","scope":"root"},
150
+ {"name":"--luz-yellow-60","scope":"root"},
151
+ {"name":"--luz-yellow-70","scope":"root"}
152
+ ]
153
+ }
package/dist/data/tokens/tokens.css ADDED
@@ -0,0 +1,226 @@
1
+ :root{
2
+ --luz-blue-10:#f6fbff;
3
+ --luz-blue-20:#dff0ff;
4
+ --luz-blue-30:#b3d9ff;
5
+ --luz-blue-40:#77b9ff;
6
+ --luz-blue-50:#208fff;
7
+ --luz-blue-60:#0066cf;
8
+ --luz-blue-70:#004299;
9
+ --luz-blue-80:#00256c;
10
+ --luz-blue-90:#000d4e;
11
+ --luz-blue-100:#020831;
12
+ --luz-gray-10:#f9fafc;
13
+ --luz-gray-20:#e9eef4;
14
+ --luz-gray-30:#ced5dd;
15
+ --luz-gray-40:#adb5bd;
16
+ --luz-gray-50:#889099;
17
+ --luz-gray-60:#646b73;
18
+ --luz-gray-70:#434951;
19
+ --luz-gray-80:#282d34;
20
+ --luz-gray-90:#16191e;
21
+ --luz-gray-100:#0d0e11;
22
+ --luz-green-10:#eefff5;
23
+ --luz-green-20:#beffda;
24
+ --luz-green-30:#89edb8;
25
+ --luz-green-40:#52cf92;
26
+ --luz-green-50:#08aa6b;
27
+ --luz-green-60:#007f4d;
28
+ --luz-green-70:#005733;
29
+ --luz-red-10:#fff8f8;
30
+ --luz-red-20:#ffe7e6;
31
+ --luz-red-30:#ffc3c1;
32
+ --luz-red-40:#ff8f8c;
33
+ --luz-red-50:#ef4f51;
34
+ --luz-red-60:#c31a26;
35
+ --luz-red-70:#8c000c;
36
+ --luz-yellow-10:#fffae8;
37
+ --luz-yellow-20:#ffedb7;
38
+ --luz-yellow-30:#ffcd51;
39
+ --luz-yellow-40:#e2a928;
40
+ --luz-yellow-50:#bc8200;
41
+ --luz-yellow-60:#7c4d00;
42
+ --luz-yellow-70:#553000;
43
+ --luz-teal-10:#effefa;
44
+ --luz-teal-20:#c3fbec;
45
+ --luz-teal-40:#62c9b5;
46
+ --luz-teal-50:#30a491;
47
+ --luz-teal-60:#007c6d;
48
+ --luz-teal-70:#00554b;
49
+ --luz-purple-10:#fcf9ff;
50
+ --luz-purple-20:#f3e8ff;
51
+ --luz-purple-40:#ca9aff;
52
+ --luz-purple-50:#ab67f0;
53
+ --luz-purple-60:#853bca;
54
+ --luz-purple-70:#610ca0;
55
+ }
56
+ :root,[data-theme="light"]{
57
+ --luz-surface-page:#fbf8f2;
58
+ --luz-surface:#fffdf9;
59
+ --luz-surface-hover:#f4ede0;
60
+ --luz-surface-pressed:#ebe0cc;
61
+ --luz-surface-muted:#fbf8f2;
62
+ --luz-surface-strong:#efe6d6;
63
+ --luz-scrim:rgba(13, 14, 17, 0.6);
64
+ --luz-surface-media:#000;
65
+ --luz-text-primary:#231c16;
66
+ --luz-text-secondary:#6b5a48;
67
+ --luz-text-muted:#7a6a58;
68
+ --luz-text-disabled:#8f8172;
69
+ --luz-text-on-fill:#fff;
70
+ --luz-divider:#e3d4b8;
71
+ --luz-outline:#807366;
72
+ --luz-focus-ring:#2365a6;
73
+ --luz-brand-primary:#2365a6;
74
+ --luz-brand-hover:#1b5089;
75
+ --luz-brand-active:#143d69;
76
+ --luz-brand-subtle:#e3eef9;
77
+ --luz-brand-fill:#2365a6;
78
+ --luz-brand-fill-hover:#1b5089;
79
+ --luz-brand-fill-active:#143d69;
80
+ --luz-sidebar-bg:#2a211a;
81
+ --luz-sidebar-text:#e3d5bf;
82
+ --luz-sidebar-text-hover:#fff;
83
+ --luz-sidebar-hover:#3a2f25;
84
+ --luz-sidebar-active-bg:#9cc8ee;
85
+ --luz-sidebar-active-text:#1a140f;
86
+ --luz-sidebar-border:#3d3127;
87
+ --luz-sidebar-label:#b9a78f;
88
+ --luz-sidebar-logo-bg:#9cc8ee;
89
+ --luz-color-success:#177734;
90
+ --luz-color-success-bg:var(--luz-green-10);
91
+ --luz-color-danger:#ca1c25;
92
+ --luz-color-danger-bg:var(--luz-red-10);
93
+ --luz-color-danger-fill:var(--luz-color-danger);
94
+ --luz-color-warning:var(--luz-yellow-60);
95
+ --luz-color-warning-accent:var(--luz-yellow-30);
96
+ --luz-color-warning-bg:var(--luz-yellow-10);
97
+ --luz-color-info:var(--luz-blue-70);
98
+ --luz-color-info-bg:var(--luz-blue-10);
99
+ --luz-input-bg:#fffdf9;
100
+ --luz-input-border:#8b7d6f;
101
+ --luz-color-teal:#00736f;
102
+ --luz-color-teal-bg:var(--luz-teal-10);
103
+ --luz-color-purple:#803ae9;
104
+ --luz-color-purple-bg:var(--luz-purple-10);
105
+ --luz-color-code:#803ae9;
106
+ --luz-code-comment:var(--luz-gray-60);
107
+ --luz-code-keyword:var(--luz-text-primary);
108
+ --luz-code-name:var(--luz-blue-70);
109
+ --luz-code-property:var(--luz-purple-60);
110
+ --luz-code-string:var(--luz-green-60);
111
+ --luz-code-literal:var(--luz-yellow-60);
112
+ }
113
+ [data-theme="dark"]{
114
+ --luz-surface-page:#1c1712;
115
+ --luz-surface:#241e18;
116
+ --luz-surface-hover:#2e261f;
117
+ --luz-surface-pressed:#3a3028;
118
+ --luz-surface-muted:#1c1712;
119
+ --luz-surface-strong:#3a3028;
120
+ --luz-scrim:rgba(0, 0, 0, 0.7);
121
+ --luz-surface-media:#000;
122
+ --luz-text-primary:#f3ece1;
123
+ --luz-text-secondary:#b8a690;
124
+ --luz-text-muted:#a08f7a;
125
+ --luz-text-disabled:#877a69;
126
+ --luz-text-on-fill:#fff;
127
+ --luz-divider:#43382d;
128
+ --luz-outline:#7d7062;
129
+ --luz-focus-ring:#6fb1ec;
130
+ --luz-brand-primary:#6fb1ec;
131
+ --luz-brand-hover:#9ccaf2;
132
+ --luz-brand-active:#c8e1f8;
133
+ --luz-brand-subtle:rgba(32, 143, 255, 0.14);
134
+ --luz-brand-fill:#2172c1;
135
+ --luz-brand-fill-hover:#18548f;
136
+ --luz-brand-fill-active:#134577;
137
+ --luz-sidebar-bg:#14100c;
138
+ --luz-sidebar-text:#cbbba5;
139
+ --luz-sidebar-text-hover:#fff;
140
+ --luz-sidebar-hover:#241e18;
141
+ --luz-sidebar-active-bg:#8cc4f5;
142
+ --luz-sidebar-active-text:#14100c;
143
+ --luz-sidebar-border:#2e261f;
144
+ --luz-sidebar-label:#a8977f;
145
+ --luz-sidebar-logo-bg:#8cc4f5;
146
+ --luz-color-success:var(--luz-green-30);
147
+ --luz-color-success-bg:rgba(82, 207, 146, 0.12);
148
+ --luz-color-danger:var(--luz-red-30);
149
+ --luz-color-danger-bg:rgba(239, 79, 81, 0.12);
150
+ --luz-color-danger-fill:var(--luz-red-60);
151
+ --luz-color-warning:var(--luz-yellow-30);
152
+ --luz-color-warning-accent:var(--luz-yellow-20);
153
+ --luz-color-warning-bg:rgba(255, 205, 81, 0.12);
154
+ --luz-color-info:var(--luz-blue-30);
155
+ --luz-color-info-bg:rgba(119, 185, 255, 0.12);
156
+ --luz-input-bg:#241e18;
157
+ --luz-input-border:#877a69;
158
+ --luz-color-teal:var(--luz-teal-40);
159
+ --luz-color-teal-bg:rgba(98, 201, 181, 0.12);
160
+ --luz-color-purple:var(--luz-purple-20);
161
+ --luz-color-purple-bg:rgba(202, 154, 255, 0.12);
162
+ --luz-color-code:var(--luz-purple-40);
163
+ --luz-code-comment:var(--luz-gray-40);
164
+ --luz-code-keyword:var(--luz-text-primary);
165
+ --luz-code-name:var(--luz-blue-30);
166
+ --luz-code-property:var(--luz-purple-40);
167
+ --luz-code-string:var(--luz-green-40);
168
+ --luz-code-literal:var(--luz-yellow-40);
169
+ }
170
+ [data-theme="high-contrast"]{
171
+ --luz-surface-page:#fff;
172
+ --luz-surface:#fff;
173
+ --luz-surface-hover:var(--luz-gray-10);
174
+ --luz-surface-pressed:var(--luz-gray-20);
175
+ --luz-surface-muted:var(--luz-gray-10);
176
+ --luz-surface-strong:var(--luz-gray-20);
177
+ --luz-scrim:rgba(13, 14, 17, 0.6);
178
+ --luz-surface-media:#000;
179
+ --luz-text-primary:#000;
180
+ --luz-text-secondary:var(--luz-gray-100);
181
+ --luz-text-muted:var(--luz-gray-70);
182
+ --luz-text-disabled:var(--luz-gray-60);
183
+ --luz-text-on-fill:#fff;
184
+ --luz-divider:var(--luz-gray-70);
185
+ --luz-outline:#000;
186
+ --luz-focus-ring:#000;
187
+ --luz-brand-primary:var(--luz-blue-80);
188
+ --luz-brand-hover:var(--luz-blue-90);
189
+ --luz-brand-active:var(--luz-blue-100);
190
+ --luz-brand-subtle:var(--luz-blue-10);
191
+ --luz-brand-fill:var(--luz-blue-80);
192
+ --luz-brand-fill-hover:var(--luz-blue-90);
193
+ --luz-brand-fill-active:var(--luz-blue-100);
194
+ --luz-sidebar-bg:#000;
195
+ --luz-sidebar-text:var(--luz-gray-30);
196
+ --luz-sidebar-text-hover:#fff;
197
+ --luz-sidebar-hover:var(--luz-gray-90);
198
+ --luz-sidebar-active-bg:#fff;
199
+ --luz-sidebar-active-text:#000;
200
+ --luz-sidebar-border:var(--luz-gray-80);
201
+ --luz-sidebar-label:var(--luz-gray-50);
202
+ --luz-sidebar-logo-bg:#fff;
203
+ --luz-color-success:#105224;
204
+ --luz-color-success-bg:var(--luz-green-10);
205
+ --luz-color-danger:#8d131a;
206
+ --luz-color-danger-bg:var(--luz-red-10);
207
+ --luz-color-danger-fill:var(--luz-color-danger);
208
+ --luz-color-warning:#5a4300;
209
+ --luz-color-warning-accent:var(--luz-yellow-40);
210
+ --luz-color-warning-bg:var(--luz-yellow-10);
211
+ --luz-color-info:var(--luz-blue-80);
212
+ --luz-color-info-bg:var(--luz-blue-10);
213
+ --luz-input-bg:#fff;
214
+ --luz-input-border:#000;
215
+ --luz-color-teal:#00504d;
216
+ --luz-color-teal-bg:var(--luz-teal-10);
217
+ --luz-color-purple:#5828a1;
218
+ --luz-color-purple-bg:var(--luz-purple-10);
219
+ --luz-color-code:#5828a1;
220
+ --luz-code-comment:var(--luz-gray-70);
221
+ --luz-code-keyword:var(--luz-text-primary);
222
+ --luz-code-name:var(--luz-blue-80);
223
+ --luz-code-property:var(--luz-purple-70);
224
+ --luz-code-string:var(--luz-green-70);
225
+ --luz-code-literal:var(--luz-yellow-70);
226
+ }