@sigx/zero-daisyui 0.7.0 → 0.9.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 (49) hide show
  1. package/dist/audit.json +3868 -2
  2. package/dist/components.d.ts +37 -1
  3. package/dist/components.js +4 -0
  4. package/dist/css/components/avatar-group.css +168 -0
  5. package/dist/css/components/breadcrumbs.css +30 -0
  6. package/dist/css/components/card.css +26 -0
  7. package/dist/css/components/chat-log.css +172 -0
  8. package/dist/css/components/divider.css +68 -3
  9. package/dist/css/components/hover-card.css +174 -0
  10. package/dist/css/components/menu.css +7 -0
  11. package/dist/css/components/menubar.css +75 -0
  12. package/dist/css/components/pagination.css +83 -0
  13. package/dist/css/components/steps.css +103 -0
  14. package/dist/css/components/timeline.css +14 -0
  15. package/dist/css/components/toast.css +65 -0
  16. package/dist/css/components/tree-view.css +118 -0
  17. package/dist/css/index.css +1165 -69
  18. package/dist/lynx/components/accordion.css +3 -1
  19. package/dist/lynx/components/avatar-group.css +97 -0
  20. package/dist/lynx/components/breadcrumbs.css +44 -0
  21. package/dist/lynx/components/button.css +71 -12
  22. package/dist/lynx/components/card.css +9 -0
  23. package/dist/lynx/components/chat-log.css +147 -0
  24. package/dist/lynx/components/dialog.css +9 -3
  25. package/dist/lynx/components/divider.css +12 -2
  26. package/dist/lynx/components/hover-card.css +211 -0
  27. package/dist/lynx/components/menu.css +7 -0
  28. package/dist/lynx/components/menubar.css +199 -0
  29. package/dist/lynx/components/pagination.css +107 -0
  30. package/dist/lynx/components/popover.css +7 -2
  31. package/dist/lynx/components/select.css +40 -3
  32. package/dist/lynx/components/slider.css +3 -2
  33. package/dist/lynx/components/steps.css +103 -0
  34. package/dist/lynx/components/switch.css +2 -1
  35. package/dist/lynx/components/tabs.css +7 -1
  36. package/dist/lynx/components/timeline.css +32 -0
  37. package/dist/lynx/components/toast.css +70 -2
  38. package/dist/lynx/components/tree-view.css +28 -0
  39. package/dist/lynx/index.css +1297 -114
  40. package/dist/lynx/manifest.json +112 -4
  41. package/dist/manifest.json +110 -2
  42. package/dist/recipes.d.ts +20 -1
  43. package/dist/recipes.d.ts.map +1 -1
  44. package/dist/recipes.js +853 -99
  45. package/dist/recipes.js.map +1 -1
  46. package/dist/register.d.ts +36 -0
  47. package/dist/report.json +1320 -213
  48. package/package.json +4 -4
  49. package/src/recipes.ts +877 -99
package/dist/css/components/tree-view.css CHANGED
@@ -5,6 +5,8 @@
5
5
  --tree-accent: var(--color-primary);
6
6
  --tree-text: var(--text-sm);
7
7
  --tree-on-accent: var(--color-primary-content);
8
+ --tree-check: var(--tree-accent);
9
+ --tree-on-check: var(--tree-on-accent);
8
10
  }
9
11
 
10
12
  [data-scope="tree-view"][data-part="root"] {
@@ -133,6 +135,60 @@
133
135
  scale: -1 1;
134
136
  }
135
137
 
138
+ [data-scope="tree-view"][data-part="node-checkbox"] {
139
+ display: inline-block;
140
+ position: relative;
141
+ flex-shrink: 0;
142
+ box-sizing: border-box;
143
+ width: 1.25em;
144
+ height: 1.25em;
145
+ border: var(--border) solid var(--tree-check);
146
+ border-radius: var(--radius-selector);
147
+ box-shadow: 0 1px var(--depth-shade) inset;
148
+ cursor: pointer;
149
+ transition: background-color var(--duration-normal) var(--ease-standard);
150
+ }
151
+
152
+ [data-scope="tree-view"][data-part="node-checkbox"][data-state="checked"] {
153
+ background-color: var(--tree-check);
154
+ }
155
+
156
+ [data-scope="tree-view"][data-part="node-checkbox"][data-state="indeterminate"] {
157
+ background-color: var(--tree-check);
158
+ }
159
+
160
+ [data-scope="tree-view"][data-part="node-checkbox"][data-disabled] {
161
+ cursor: not-allowed;
162
+ }
163
+
164
+ [data-scope="tree-view"][data-part="node-checkbox"]::after {
165
+ content: "";
166
+ position: absolute;
167
+ inset: 15%;
168
+ opacity: 0;
169
+ rotate: 45deg;
170
+ background-color: var(--tree-on-check);
171
+ clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
172
+ transition: clip-path var(--duration-slow) var(--ease-standard) var(--duration-instant), opacity var(--duration-instant) var(--ease-standard) var(--duration-instant), rotate var(--duration-slow) var(--ease-standard) var(--duration-instant), translate var(--duration-slow) var(--ease-standard) var(--duration-instant);
173
+ }
174
+
175
+ [data-scope="tree-view"][data-part="node-checkbox"][data-state="checked"]::after {
176
+ clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
177
+ opacity: 1;
178
+ }
179
+
180
+ [data-scope="tree-view"][data-part="node-checkbox"][data-state="indeterminate"]::after {
181
+ clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
182
+ opacity: 1;
183
+ translate: 0 -35%;
184
+ rotate: 0deg;
185
+ }
186
+
187
+ [data-scope="tree-view"][data-selected] [data-scope="tree-view"][data-part="node-checkbox"] {
188
+ --tree-check: var(--tree-on-accent);
189
+ --tree-on-check: var(--tree-accent);
190
+ }
191
+
136
192
  [data-scope="tree-view"][data-part="branch-content"] {
137
193
  display: flex;
138
194
  flex-direction: column;
@@ -195,9 +251,71 @@
195
251
  --tree-text: var(--text-lg);
196
252
  }
197
253
 
254
+ @media (forced-colors: active) {
255
+ [data-scope="tree-view"][data-part="node-checkbox"]::after {
256
+ clip-path: none;
257
+ background-color: #0000;
258
+ rotate: 0deg;
259
+ inset: 0;
260
+ display: grid;
261
+ place-items: center;
262
+ color: CanvasText;
263
+ font-size: 0.85em;
264
+ line-height: 1;
265
+ }
266
+
267
+ [data-scope="tree-view"][data-part="node-checkbox"][data-state="checked"]::after {
268
+ content: "✔︎";
269
+ clip-path: none;
270
+ rotate: 0deg;
271
+ }
272
+
273
+ [data-scope="tree-view"][data-part="node-checkbox"][data-state="indeterminate"]::after {
274
+ content: "−";
275
+ clip-path: none;
276
+ rotate: 0deg;
277
+ translate: none;
278
+ }
279
+ }
280
+
281
+ @media print {
282
+ [data-scope="tree-view"][data-part="node-checkbox"]::after {
283
+ clip-path: none;
284
+ background-color: #0000;
285
+ rotate: 0deg;
286
+ inset: 0;
287
+ display: grid;
288
+ place-items: center;
289
+ color: var(--print-ink);
290
+ font-size: 0.85em;
291
+ line-height: 1;
292
+ }
293
+
294
+ [data-scope="tree-view"][data-part="node-checkbox"][data-state="checked"]::after {
295
+ content: "✔︎";
296
+ clip-path: none;
297
+ rotate: 0deg;
298
+ }
299
+
300
+ [data-scope="tree-view"][data-part="node-checkbox"][data-state="indeterminate"]::after {
301
+ content: "−";
302
+ clip-path: none;
303
+ rotate: 0deg;
304
+ translate: none;
305
+ }
306
+ }
307
+
198
308
  @media (prefers-reduced-motion: reduce) {
199
309
  [data-scope="tree-view"][data-part="branch-indicator"] {
200
310
  transition: none;
201
311
  }
312
+
313
+ [data-scope="tree-view"][data-part="node-checkbox"] {
314
+ transition: none;
315
+ }
316
+
317
+ [data-scope="tree-view"][data-part="node-checkbox"]::after {
318
+ transition: none;
319
+ }
202
320
  }
203
321
  }