@sigx/zero-daisyui 0.2.0-beta.1

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 (136) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +115 -0
  3. package/dist/components.d.ts +478 -0
  4. package/dist/components.js +76 -0
  5. package/dist/css/components/accordion.css +165 -0
  6. package/dist/css/components/alert.css +126 -0
  7. package/dist/css/components/avatar.css +94 -0
  8. package/dist/css/components/badge.css +82 -0
  9. package/dist/css/components/breadcrumbs.css +102 -0
  10. package/dist/css/components/button.css +252 -0
  11. package/dist/css/components/card.css +97 -0
  12. package/dist/css/components/carousel.css +196 -0
  13. package/dist/css/components/chat.css +167 -0
  14. package/dist/css/components/checkbox.css +245 -0
  15. package/dist/css/components/collapsible.css +157 -0
  16. package/dist/css/components/combobox.css +251 -0
  17. package/dist/css/components/countdown.css +83 -0
  18. package/dist/css/components/dialog.css +313 -0
  19. package/dist/css/components/diff.css +120 -0
  20. package/dist/css/components/divider.css +70 -0
  21. package/dist/css/components/drawer.css +285 -0
  22. package/dist/css/components/field.css +111 -0
  23. package/dist/css/components/file-upload.css +198 -0
  24. package/dist/css/components/indicator.css +166 -0
  25. package/dist/css/components/input.css +151 -0
  26. package/dist/css/components/join.css +122 -0
  27. package/dist/css/components/kbd.css +84 -0
  28. package/dist/css/components/menu.css +382 -0
  29. package/dist/css/components/native-select.css +128 -0
  30. package/dist/css/components/navbar.css +93 -0
  31. package/dist/css/components/number-input.css +211 -0
  32. package/dist/css/components/pagination.css +203 -0
  33. package/dist/css/components/popover.css +263 -0
  34. package/dist/css/components/progress.css +109 -0
  35. package/dist/css/components/radial-progress.css +129 -0
  36. package/dist/css/components/radio-group.css +176 -0
  37. package/dist/css/components/rating-group.css +143 -0
  38. package/dist/css/components/select.css +212 -0
  39. package/dist/css/components/skeleton.css +74 -0
  40. package/dist/css/components/slider.css +182 -0
  41. package/dist/css/components/spinner.css +75 -0
  42. package/dist/css/components/stats.css +115 -0
  43. package/dist/css/components/status.css +66 -0
  44. package/dist/css/components/steps.css +208 -0
  45. package/dist/css/components/swap.css +116 -0
  46. package/dist/css/components/switch.css +126 -0
  47. package/dist/css/components/table.css +124 -0
  48. package/dist/css/components/tabs.css +137 -0
  49. package/dist/css/components/textarea.css +131 -0
  50. package/dist/css/components/timeline.css +204 -0
  51. package/dist/css/components/toast.css +234 -0
  52. package/dist/css/components/toggle-group.css +164 -0
  53. package/dist/css/components/toggle.css +139 -0
  54. package/dist/css/components/tooltip.css +226 -0
  55. package/dist/css/components/tree-view.css +197 -0
  56. package/dist/css/index.css +8521 -0
  57. package/dist/css/tokens.css +265 -0
  58. package/dist/design-system.d.ts +5 -0
  59. package/dist/design-system.d.ts.map +1 -0
  60. package/dist/design-system.js +46 -0
  61. package/dist/design-system.js.map +1 -0
  62. package/dist/index.d.ts +5 -0
  63. package/dist/index.d.ts.map +1 -0
  64. package/dist/index.js +13 -0
  65. package/dist/index.js.map +1 -0
  66. package/dist/lynx/components/accordion.css +87 -0
  67. package/dist/lynx/components/alert.css +108 -0
  68. package/dist/lynx/components/avatar.css +83 -0
  69. package/dist/lynx/components/badge.css +80 -0
  70. package/dist/lynx/components/breadcrumbs.css +61 -0
  71. package/dist/lynx/components/button.css +173 -0
  72. package/dist/lynx/components/card.css +62 -0
  73. package/dist/lynx/components/carousel.css +124 -0
  74. package/dist/lynx/components/chat.css +105 -0
  75. package/dist/lynx/components/checkbox.css +163 -0
  76. package/dist/lynx/components/collapsible.css +79 -0
  77. package/dist/lynx/components/combobox.css +195 -0
  78. package/dist/lynx/components/countdown.css +43 -0
  79. package/dist/lynx/components/dialog.css +227 -0
  80. package/dist/lynx/components/diff.css +59 -0
  81. package/dist/lynx/components/divider.css +60 -0
  82. package/dist/lynx/components/drawer.css +184 -0
  83. package/dist/lynx/components/field.css +63 -0
  84. package/dist/lynx/components/file-upload.css +147 -0
  85. package/dist/lynx/components/indicator.css +108 -0
  86. package/dist/lynx/components/input.css +112 -0
  87. package/dist/lynx/components/join.css +60 -0
  88. package/dist/lynx/components/kbd.css +81 -0
  89. package/dist/lynx/components/menu.css +282 -0
  90. package/dist/lynx/components/native-select.css +100 -0
  91. package/dist/lynx/components/navbar.css +91 -0
  92. package/dist/lynx/components/number-input.css +156 -0
  93. package/dist/lynx/components/pagination.css +155 -0
  94. package/dist/lynx/components/popover.css +184 -0
  95. package/dist/lynx/components/progress.css +43 -0
  96. package/dist/lynx/components/radial-progress.css +59 -0
  97. package/dist/lynx/components/radio-group.css +149 -0
  98. package/dist/lynx/components/rating-group.css +69 -0
  99. package/dist/lynx/components/select.css +163 -0
  100. package/dist/lynx/components/skeleton.css +34 -0
  101. package/dist/lynx/components/slider.css +136 -0
  102. package/dist/lynx/components/spinner.css +49 -0
  103. package/dist/lynx/components/stats.css +95 -0
  104. package/dist/lynx/components/status.css +45 -0
  105. package/dist/lynx/components/steps.css +171 -0
  106. package/dist/lynx/components/swap.css +60 -0
  107. package/dist/lynx/components/switch.css +95 -0
  108. package/dist/lynx/components/table.css +74 -0
  109. package/dist/lynx/components/tabs.css +105 -0
  110. package/dist/lynx/components/textarea.css +104 -0
  111. package/dist/lynx/components/timeline.css +123 -0
  112. package/dist/lynx/components/toast.css +200 -0
  113. package/dist/lynx/components/toggle-group.css +114 -0
  114. package/dist/lynx/components/toggle.css +112 -0
  115. package/dist/lynx/components/tooltip.css +153 -0
  116. package/dist/lynx/components/tree-view.css +161 -0
  117. package/dist/lynx/index.css +6223 -0
  118. package/dist/lynx/manifest.json +1758 -0
  119. package/dist/lynx/tokens.css +425 -0
  120. package/dist/manifest.json +1752 -0
  121. package/dist/recipes.d.ts +188 -0
  122. package/dist/recipes.d.ts.map +1 -0
  123. package/dist/recipes.js +5128 -0
  124. package/dist/recipes.js.map +1 -0
  125. package/dist/register.d.ts +507 -0
  126. package/dist/register.js +4 -0
  127. package/dist/report.json +10752 -0
  128. package/dist/tokens.d.ts +150 -0
  129. package/dist/tokens.d.ts.map +1 -0
  130. package/dist/tokens.js +306 -0
  131. package/dist/tokens.js.map +1 -0
  132. package/package.json +61 -0
  133. package/src/design-system.ts +52 -0
  134. package/src/index.ts +14 -0
  135. package/src/recipes.ts +5236 -0
  136. package/src/tokens.ts +321 -0
package/dist/lynx/components/tree-view.css ADDED
@@ -0,0 +1,161 @@
1
+ .zx-tree-view__root {
2
+ --tree-accent: var(--color-primary);
3
+ --tree-text: var(--text-sm);
4
+ --tree-on-accent: var(--color-primary-content);
5
+ }
6
+
7
+ .zx-tree-view__root {
8
+ display: flex;
9
+ flex-direction: column;
10
+ gap: var(--space-sm);
11
+ }
12
+
13
+ .zx-tree-view__root.zx-f-disabled {
14
+ opacity: var(--disabled-opacity);
15
+ }
16
+
17
+ .zx-tree-view__label {
18
+ font-size: var(--text-sm);
19
+ font-weight: var(--weight-semibold);
20
+ }
21
+
22
+ .zx-tree-view__tree {
23
+ display: flex;
24
+ flex-direction: column;
25
+ gap: var(--space-2xs);
26
+ }
27
+
28
+ .zx-tree-view__item {
29
+ display: flex;
30
+ align-items: center;
31
+ gap: 0.625rem;
32
+ padding: var(--space-sm) var(--space-md);
33
+ font-size: var(--tree-text);
34
+ font-weight: var(--weight-medium);
35
+ border-radius: var(--radius-field);
36
+ cursor: pointer;
37
+ outline: none;
38
+ transition: background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);
39
+ }
40
+
41
+ .zx-tree-view__item.zx-f-selected {
42
+ background: var(--tree-accent);
43
+ color: var(--tree-on-accent);
44
+ }
45
+
46
+ .zx-tree-view__item.zx-f-disabled {
47
+ opacity: var(--disabled-opacity);
48
+ cursor: not-allowed;
49
+ }
50
+
51
+ .zx-tree-view__item.zx-f-focus-visible {
52
+ outline: 2px solid var(--color-base-content);
53
+ outline-offset: -2px;
54
+ }
55
+
56
+ .zx-tree-view__branch {
57
+ display: flex;
58
+ flex-direction: column;
59
+ outline: none;
60
+ }
61
+
62
+ .zx-tree-view__branch-trigger {
63
+ display: flex;
64
+ align-items: center;
65
+ gap: 0.625rem;
66
+ padding: var(--space-sm) var(--space-md);
67
+ font-size: var(--tree-text);
68
+ font-weight: var(--weight-medium);
69
+ border-radius: var(--radius-field);
70
+ cursor: pointer;
71
+ outline: none;
72
+ transition: background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);
73
+ user-select: none;
74
+ }
75
+
76
+ .zx-tree-view__branch-trigger.zx-f-selected {
77
+ background: var(--tree-accent);
78
+ color: var(--tree-on-accent);
79
+ }
80
+
81
+ .zx-tree-view__branch-trigger.zx-f-disabled {
82
+ opacity: var(--disabled-opacity);
83
+ cursor: not-allowed;
84
+ }
85
+
86
+ .zx-tree-view__branch-trigger.zx-f-focus-visible {
87
+ outline: 2px solid var(--color-base-content);
88
+ outline-offset: -2px;
89
+ }
90
+
91
+ .zx-tree-view__branch-indicator {
92
+ display: inline-block;
93
+ opacity: 0.6;
94
+ transition: transform var(--duration-fast) var(--ease-standard);
95
+ }
96
+
97
+ .zx-tree-view__branch-indicator.zx-s-open {
98
+ transform: rotate(90deg);
99
+ }
100
+
101
+ .zx-tree-view__branch-content {
102
+ display: flex;
103
+ flex-direction: column;
104
+ padding-inline-start: var(--space-lg);
105
+ }
106
+
107
+ .zx-tree-view__root.zx-a-color-primary {
108
+ --tree-accent: var(--color-primary);
109
+ --tree-on-accent: var(--color-primary-content);
110
+ }
111
+
112
+ .zx-tree-view__root.zx-a-color-secondary {
113
+ --tree-accent: var(--color-secondary);
114
+ --tree-on-accent: var(--color-secondary-content);
115
+ }
116
+
117
+ .zx-tree-view__root.zx-a-color-accent {
118
+ --tree-accent: var(--color-accent);
119
+ --tree-on-accent: var(--color-accent-content);
120
+ }
121
+
122
+ .zx-tree-view__root.zx-a-color-neutral {
123
+ --tree-accent: var(--color-neutral);
124
+ --tree-on-accent: var(--color-neutral-content);
125
+ }
126
+
127
+ .zx-tree-view__root.zx-a-color-info {
128
+ --tree-accent: var(--color-info);
129
+ --tree-on-accent: var(--color-info-content);
130
+ }
131
+
132
+ .zx-tree-view__root.zx-a-color-success {
133
+ --tree-accent: var(--color-success);
134
+ --tree-on-accent: var(--color-success-content);
135
+ }
136
+
137
+ .zx-tree-view__root.zx-a-color-warning {
138
+ --tree-accent: var(--color-warning);
139
+ --tree-on-accent: var(--color-warning-content);
140
+ }
141
+
142
+ .zx-tree-view__root.zx-a-color-error {
143
+ --tree-accent: var(--color-error);
144
+ --tree-on-accent: var(--color-error-content);
145
+ }
146
+
147
+ .zx-tree-view__root.zx-a-size-xs {
148
+ --tree-text: var(--text-xs);
149
+ }
150
+
151
+ .zx-tree-view__root.zx-a-size-sm {
152
+ --tree-text: var(--text-xs);
153
+ }
154
+
155
+ .zx-tree-view__root.zx-a-size-lg {
156
+ --tree-text: var(--text-md);
157
+ }
158
+
159
+ .zx-tree-view__root.zx-a-size-xl {
160
+ --tree-text: var(--text-lg);
161
+ }