@konstructio/ui 0.1.1-alpha.6 → 0.1.2-alpha.2

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 (30) hide show
  1. package/dist/{chevron-down-CVce9Mvh.js → chevron-down-BLZPftpV.js} +2 -2
  2. package/dist/components/Autocomplete/Autocomplete.js +46 -54
  3. package/dist/components/Autocomplete/Autocomplete.variants.js +29 -48
  4. package/dist/components/Autocomplete/components/List/List.js +37 -47
  5. package/dist/components/Autocomplete/components/List/List.variants.js +34 -69
  6. package/dist/components/Badge/Badge.js +2 -2
  7. package/dist/components/Button/Button.variants.js +110 -134
  8. package/dist/components/Checkbox/Checkbox.variants.js +5 -5
  9. package/dist/components/Datepicker/DatePicker.js +754 -705
  10. package/dist/components/Dropdown/Dropdown.variants.js +8 -8
  11. package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +1 -1
  12. package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js +1 -1
  13. package/dist/components/Filter/components/ResetButton/ResetButton.js +16 -11
  14. package/dist/components/Input/Input.js +47 -47
  15. package/dist/components/Input/Input.variants.js +10 -10
  16. package/dist/components/Loading/Loading.js +2 -2
  17. package/dist/components/Loading/Loading.variants.js +4 -4
  18. package/dist/components/Radio/Radio.variants.js +4 -4
  19. package/dist/components/Switch/Switch.js +90 -86
  20. package/dist/components/Switch/Switch.variants.js +16 -12
  21. package/dist/components/Tabs/Tabs.variants.js +2 -2
  22. package/dist/components/TimePicker/components/Wrapper/Wrapper.js +1 -1
  23. package/dist/{createLucideIcon-BpsAkT97.js → createLucideIcon-DbC6TvM5.js} +4 -4
  24. package/dist/index.d.ts +4 -5
  25. package/dist/package.json +17 -17
  26. package/dist/styles.css +1 -1
  27. package/dist/ui/civo-theme.css +204 -189
  28. package/dist/ui/kubefirst-theme.css +3 -1
  29. package/dist/ui/theme.css +2 -2
  30. package/package.json +17 -17
package/dist/components/Button/Button.variants.js CHANGED
@@ -1,5 +1,5 @@
1
- import { c as e } from "../../index-D29mdTf5.js";
2
- const t = e(
1
+ import { c as r } from "../../index-D29mdTf5.js";
2
+ const t = r(
3
3
  [
4
4
  "border",
5
5
  "cursor-pointer",
@@ -20,32 +20,28 @@ const t = e(
20
20
  "px-4",
21
21
  "py-2",
22
22
  "text-sm",
23
- "border-kubefirst-primary",
24
- "bg-kubefirst-primary",
25
- "hover:bg-kubefirst-secondary",
26
- "hover:border-kubefirst-secondary",
27
- "civo:bg-aurora-500",
28
- "civo:border-aurora-500",
29
- "civo:text-slate-700",
30
- "civo:hover:bg-aurora-400",
31
- "civo:hover:border-aurora-400"
23
+ "kubefirst:border-kubefirst-primary",
24
+ "kubefirst:bg-kubefirst-primary",
25
+ "kubefirst:hover:bg-kubefirst-secondary",
26
+ "kubefirst:hover:border-kubefirst-secondary",
27
+ "kubefirst:text-white",
28
+ "bg-aurora-500",
29
+ "border-aurora-500",
30
+ "text-slate-700",
31
+ "hover:bg-aurora-400",
32
+ "hover:border-aurora-400"
32
33
  ],
33
34
  {
34
35
  variants: {
35
36
  variant: {
36
- primary: ["text-white"],
37
+ primary: "",
37
38
  secondary: ["bg-white"],
38
39
  danger: [
39
40
  "border-red-700",
40
41
  "bg-red-700",
41
42
  "text-white",
42
43
  "hover:bg-red-800",
43
- "hover:border-red-800",
44
- "civo:border-red-700",
45
- "civo:bg-red-700",
46
- "civo:text-white",
47
- "civo:hover:bg-red-800",
48
- "civo:hover:border-red-800"
44
+ "hover:border-red-800"
49
45
  ],
50
46
  text: ["bg-transparent", "border-transparent", "text-slate-500"]
51
47
  },
@@ -80,82 +76,86 @@ const t = e(
80
76
  variant: "secondary",
81
77
  disabled: !1,
82
78
  class: [
83
- "text-kubefirst-primary",
84
- "border-kubefirst-primary",
85
- "hover:text-kubefirst-secondary",
86
- "hover:border-kubefirst-secondary",
87
- "hover:bg-purple-50",
88
- "civo:bg-white",
89
- "civo:hover:bg-white",
90
- "civo:text-slate-700",
91
- "civo:border-slate-300",
92
- "civo:hover:text-slate-700",
93
- "civo:hover:border-slate-300",
94
- "civo:hover:bg-slate-50",
95
- "civo-dark:bg-transparent",
96
- "civo-dark:text-white",
97
- "civo-dark:border-gray-600"
79
+ "bg-white",
80
+ "hover:bg-white",
81
+ "text-slate-700",
82
+ "border-slate-300",
83
+ "hover:text-slate-700",
84
+ "hover:border-slate-300",
85
+ "hover:bg-slate-50",
86
+ "dark:bg-transparent",
87
+ "dark:text-aurora-500",
88
+ "dark:border-aurora-500",
89
+ "dark:hover:bg-aurora-900",
90
+ "dark:hover:border-aurora-500",
91
+ "dark:hover:text-aurora-500",
92
+ "kubefirst:text-kubefirst-primary",
93
+ "kubefirst:border-kubefirst-primary",
94
+ "kubefirst:hover:text-kubefirst-secondary",
95
+ "kubefirst:hover:border-kubefirst-secondary",
96
+ "kubefirst:hover:bg-purple-50",
97
+ "kubefirst:bg-white"
98
98
  ]
99
99
  },
100
100
  {
101
101
  variant: "primary",
102
102
  disabled: !0,
103
103
  class: [
104
- "bg-zinc-200",
105
- "border-zinc-200",
106
- "text-zinc-500",
107
- "civo:text-gray-700",
108
- "civo:opacity-45"
104
+ "kubefirst:bg-zinc-200",
105
+ "kubefirst:border-zinc-200",
106
+ "kubefirst:text-zinc-500",
107
+ "text-gray-700",
108
+ "opacity-45"
109
109
  ]
110
110
  },
111
111
  {
112
112
  variant: "secondary",
113
113
  disabled: !0,
114
114
  class: [
115
+ "kubefirst:bg-white",
116
+ "kubefirst:border-zinc-500",
117
+ "kubefirst:text-zinc-500",
118
+ "border-slate-300/45",
115
119
  "bg-white",
116
- "border-zinc-500",
117
- "text-zinc-500",
118
- "civo:border-slate-300/45",
119
- "civo:bg-white",
120
- "civo:text-slate-700/45"
120
+ "text-slate-700/45"
121
121
  ]
122
122
  },
123
123
  {
124
124
  variant: "danger",
125
125
  version: "alternate",
126
126
  class: [
127
+ "kubefirst:border-red-700",
128
+ "kubefirst:text-red-700",
129
+ "kubefirst:bg-white",
130
+ "kubefirst:hover:bg-red-50",
127
131
  "border-red-700",
128
132
  "text-red-700",
129
133
  "bg-white",
130
- "hover:bg-red-50",
131
- "civo:border-red-700",
132
- "civo:text-red-700",
133
- "civo:bg-white",
134
- "civo:hover:bg-red-50"
134
+ "hover:bg-red-50"
135
135
  ]
136
136
  },
137
137
  {
138
138
  variant: "danger",
139
139
  disabled: !0,
140
- class: [
141
- "civo:text-white",
142
- "civo:bg-red-700/45",
143
- "civo:border-transparent"
144
- ]
140
+ class: ["text-white", "bg-red-700/45", "border-transparent"]
145
141
  },
146
142
  {
147
143
  variant: "text",
148
144
  disabled: !1,
149
145
  version: "default",
150
146
  class: [
147
+ "kubefirst:hover:border-transparent",
148
+ "kubefirst:hover:text-kubefirst-primary",
149
+ "kubefirst:text-kubefirst-primary",
150
+ "kubefirst:hover:bg-purple-50",
151
+ "kubefirst:bg-white",
152
+ "kubefirst:border-transparent",
153
+ "bg-white",
154
+ "border-transparent",
155
+ "text-slate-700",
151
156
  "hover:border-transparent",
152
- "hover:text-kubefirst-primary",
153
- "hover:bg-purple-50",
154
- "civo:bg-white",
155
- "civo:border-transparent",
156
- "civo:hover:border-transparent",
157
- "civo:hover:text-civo-primary",
158
- "civo:hover:bg-transparent"
157
+ "hover:text-aurora-500",
158
+ "hover:bg-transparent"
159
159
  ]
160
160
  },
161
161
  {
@@ -163,16 +163,18 @@ const t = e(
163
163
  disabled: !1,
164
164
  version: "alternate",
165
165
  class: [
166
+ "bg-white",
167
+ "border-transparent",
168
+ "text-aurora-500",
166
169
  "hover:border-transparent",
167
- "text-kubefirst-primary",
168
- "hover:text-kubefirst-primary",
169
- "hover:bg-purple-50",
170
- "civo:bg-white",
171
- "civo:border-transparent",
172
- "civo:hover:border-transparent",
173
- "civo:text-civo-primary",
174
- "civo:hover:text-civo-primary",
175
- "civo:hover:bg-blue-50"
170
+ "hover:text-aurora-500",
171
+ "hover:bg-aurora-50",
172
+ "kubefirst:hover:border-transparent",
173
+ "kubefirst:text-kubefirst-primary",
174
+ "kubefirst:border-transparent",
175
+ "kubefirst:bg-white",
176
+ "kubefirst:hover:text-kubefirst-primary",
177
+ "kubefirst:hover:bg-purple-50"
176
178
  ]
177
179
  },
178
180
  {
@@ -180,112 +182,86 @@ const t = e(
180
182
  disabled: !0,
181
183
  version: ["default", "alternate"],
182
184
  class: [
185
+ "kubefirst:bg-white",
186
+ "kubefirst:border-white",
187
+ "kubefirst:text-zinc-400",
183
188
  "bg-white",
184
189
  "border-white",
185
- "text-zinc-400",
186
- "civo:bg-white",
187
- "civo:border-white",
188
- "civo:text-civo-primary/45"
190
+ "text-slate-700/45"
189
191
  ]
190
192
  },
191
193
  {
192
194
  shape: "circle",
193
- size: "medium",
195
+ size: ["medium", "large"],
194
196
  disabled: !1,
195
197
  class: [
196
- "text-slate-400",
197
- "bg-transparent",
198
- "border-transparent",
199
- "hover:border-transparent",
200
- "hover:bg-kubefirst-primary/5",
201
- "hover:text-kubefirst-primary",
202
198
  "w-8",
203
199
  "h-8",
204
- "civo:text-slate-400",
205
- "civo:bg-transparent",
206
- "civo:border-transparent",
207
- "civo:hover:border-transparent",
208
- "civo:hover:bg-civo-primary/5",
209
- "civo:hover:text-civo-primary",
210
- "civo:[&>svg]:w-5",
211
- "civo:[&>svg]:h-5"
212
- ]
213
- },
214
- {
215
- shape: "circle",
216
- size: "large",
217
- disabled: !1,
218
- class: [
219
200
  "text-slate-400",
220
201
  "bg-transparent",
221
202
  "border-transparent",
222
203
  "hover:border-transparent",
223
- "hover:bg-kubefirst-primary/5",
224
- "hover:text-kubefirst-primary",
225
- "w-11",
226
- "h-11",
227
- "[&>svg]:w-6",
228
- "[&>svg]:h-6",
229
- "civo:text-slate-400",
230
- "civo:bg-transparent",
231
- "civo:border-transparent",
232
- "civo:hover:border-transparent",
233
- "civo:hover:bg-civo-primary/5",
234
- "civo:hover:text-civo-primary",
235
- "civo:w-11",
236
- "civo:h-11",
237
- "civo:[&>svg]:w-6",
238
- "civo:[&>svg]:h-6"
204
+ "hover:bg-aurora-500/5",
205
+ "hover:text-slate-800",
206
+ "[&>svg]:w-5",
207
+ "[&>svg]:h-5",
208
+ "dark:text-slate-400",
209
+ "dark:hover:text-aurora-500",
210
+ "dark:hover:bg-aurora-900",
211
+ "kubefirst:text-slate-400",
212
+ "kubefirst:bg-transparent",
213
+ "kubefirst:border-transparent",
214
+ "kubefirst:hover:border-transparent",
215
+ "kubefirst:hover:bg-kubefirst-primary/5",
216
+ "kubefirst:hover:text-kubefirst-primary",
217
+ "kubefirst-dark:text-slate-400",
218
+ "kubefirst-dark:bg-transparent",
219
+ "kubefirst-dark:border-transparent",
220
+ "kubefirst-dark:hover:border-transparent",
221
+ "kubefirst-dark:hover:bg-kubefirst-primary/5",
222
+ "kubefirst-dark:hover:text-kubefirst-primary",
223
+ "kubefirst-dark:hover:bg-kubefirst-primary/25"
239
224
  ]
240
225
  },
241
226
  {
242
- variant: "danger",
243
227
  shape: "circle",
244
228
  size: "large",
245
229
  disabled: !1,
246
- class: [
247
- "text-red-700",
248
- "hover:text-red-700",
249
- "hover:bg-red-50",
250
- "civo:text-red-700",
251
- "civo:hover:text-red-700",
252
- "civo:hover:bg-red-50"
253
- ]
230
+ class: ["w-11", "h-11", "[&>svg]:w-6", "[&>svg]:h-6"]
254
231
  },
255
232
  {
256
233
  variant: "danger",
257
234
  shape: "circle",
258
- size: "medium",
235
+ size: ["medium", "large"],
259
236
  disabled: !1,
260
237
  class: [
261
238
  "text-red-700",
262
239
  "hover:text-red-700",
263
240
  "hover:bg-red-50",
264
- "civo:text-red-700",
265
- "civo:hover:text-red-700",
266
- "civo:hover:bg-red-50"
241
+ "dark:text-red-700",
242
+ "dark:hover:text-red-500",
243
+ "dark:hover:bg-red-700/25"
267
244
  ]
268
245
  },
269
246
  {
270
247
  shape: "circle",
271
- size: "medium",
248
+ size: ["medium", "large"],
272
249
  disabled: !0,
273
250
  class: [
274
- "text-slate-300",
251
+ "text-slate-400",
275
252
  "bg-transparent",
276
253
  "border-transparent",
277
254
  "w-8",
278
255
  "h-8",
279
256
  "[&>svg]:w-5",
280
- "[&>svg]:h-5",
281
- "civo:text-slate-300",
282
- "civo:bg-transparent",
283
- "civo:border-transparent",
284
- "civo:w-8",
285
- "civo:h-8",
286
- "civo:[&>svg]:w-5",
287
- "civo:[&>svg]:h-5"
257
+ "[&>svg]:h-5"
288
258
  ]
259
+ },
260
+ {
261
+ shape: "circle",
262
+ size: "large",
263
+ disabled: !0,
264
+ class: ["w-11", "h-11", "[&>svg]:w-6", "[&>svg]:h-6"]
289
265
  }
290
266
  ],
291
267
  defaultVariants: {
package/dist/components/Checkbox/Checkbox.variants.js CHANGED
@@ -11,8 +11,8 @@ const t = r(
11
11
  "items-center",
12
12
  "transition-all",
13
13
  "text-white",
14
- "border-kubefirst-primary",
15
- "civo:border-zinc-400"
14
+ "border-zinc-400",
15
+ "kubefirst:border-kubefirst-primary"
16
16
  ],
17
17
  {
18
18
  variants: {
@@ -28,9 +28,9 @@ const t = r(
28
28
  {
29
29
  checked: !0,
30
30
  class: [
31
- "bg-kubefirst-primary",
32
- "civo:bg-aurora-500",
33
- "civo:border-aurora-500"
31
+ "kubefirst:bg-kubefirst-primary",
32
+ "bg-aurora-500",
33
+ "border-aurora-500"
34
34
  ]
35
35
  }
36
36
  ],