@petnow/ui 5.0.1 → 5.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/CHANGELOG.md +45 -0
- package/README.md +10 -8
- package/dist/{Popup-B2Q-le-6.js → Popup-DRf-ERpL.js} +3 -3
- package/dist/Popup-DRf-ERpL.js.map +1 -0
- package/dist/badge.js +338 -0
- package/dist/badge.js.map +1 -0
- package/dist/checkbox.js +38 -0
- package/dist/checkbox.js.map +1 -0
- package/dist/chip.js +53 -0
- package/dist/chip.js.map +1 -0
- package/dist/cta-button.js +62 -0
- package/dist/cta-button.js.map +1 -0
- package/dist/icons/action/cancel-filled.js +22 -0
- package/dist/icons/action/cancel-filled.js.map +1 -0
- package/dist/icons/action/cancel.js +19 -0
- package/dist/icons/action/cancel.js.map +1 -0
- package/dist/icons/action/chevron-down.js +19 -0
- package/dist/icons/action/chevron-down.js.map +1 -0
- package/dist/icons/action/chevron-left.js +19 -0
- package/dist/icons/action/chevron-left.js.map +1 -0
- package/dist/icons/action/chevron-right.js +19 -0
- package/dist/icons/action/chevron-right.js.map +1 -0
- package/dist/icons/action/chevron-up.js +19 -0
- package/dist/icons/action/chevron-up.js.map +1 -0
- package/dist/icons/action/filter.js +19 -0
- package/dist/icons/action/filter.js.map +1 -0
- package/dist/icons/action/retry.js +19 -0
- package/dist/icons/action/retry.js.map +1 -0
- package/dist/icons/action/sorting.js +19 -0
- package/dist/icons/action/sorting.js.map +1 -0
- package/dist/icons/static/close.js +19 -0
- package/dist/icons/static/close.js.map +1 -0
- package/dist/icons/static/delete.js +30 -0
- package/dist/icons/static/delete.js.map +1 -0
- package/dist/icons/static/recent.js +32 -0
- package/dist/icons/static/recent.js.map +1 -0
- package/dist/icons/static/report.js +28 -0
- package/dist/icons/static/report.js.map +1 -0
- package/dist/icons/static/shield-done.js +21 -0
- package/dist/icons/static/shield-done.js.map +1 -0
- package/dist/index.d.ts +23 -23
- package/dist/index.es.js +23 -23
- package/dist/popup.js +4 -0
- package/dist/radio.js +17 -0
- package/dist/radio.js.map +1 -0
- package/dist/src/components/{v0/checkbox → checkbox}/Checkbox.d.ts +3 -2
- package/dist/tabs.js +73 -0
- package/dist/tabs.js.map +1 -0
- package/dist/text-field.js +286 -0
- package/dist/text-field.js.map +1 -0
- package/dist/toggle.js +21 -0
- package/dist/toggle.js.map +1 -0
- package/dist/v0/checkbox.js +1 -37
- package/dist/v0/radio.js +1 -17
- package/dist/v0/tabs.js +1 -73
- package/dist/v0/toggle.js +1 -21
- package/dist/v1/badge.js +1 -338
- package/dist/v1/chip.js +1 -53
- package/dist/v1/cta-button.js +1 -62
- package/dist/v1/icons/action/cancel-filled.js +1 -22
- package/dist/v1/icons/action/cancel.js +1 -19
- package/dist/v1/icons/action/chevron-down.js +1 -19
- package/dist/v1/icons/action/chevron-left.js +1 -19
- package/dist/v1/icons/action/chevron-right.js +1 -19
- package/dist/v1/icons/action/chevron-up.js +1 -19
- package/dist/v1/icons/action/filter.js +1 -19
- package/dist/v1/icons/action/retry.js +1 -19
- package/dist/v1/icons/action/sorting.js +1 -19
- package/dist/v1/icons/static/close.js +1 -19
- package/dist/v1/icons/static/delete.js +1 -30
- package/dist/v1/icons/static/recent.js +1 -32
- package/dist/v1/icons/static/report.js +1 -28
- package/dist/v1/icons/static/shield-done.js +1 -21
- package/dist/v1/popup.js +1 -4
- package/dist/v1/text-field.js +1 -286
- package/package.json +148 -52
- package/dist/Popup-B2Q-le-6.js.map +0 -1
- package/dist/v0/checkbox.js.map +0 -1
- package/dist/v0/radio.js.map +0 -1
- package/dist/v0/tabs.js.map +0 -1
- package/dist/v0/toggle.js.map +0 -1
- package/dist/v1/badge.js.map +0 -1
- package/dist/v1/chip.js.map +0 -1
- package/dist/v1/cta-button.js.map +0 -1
- package/dist/v1/icons/action/cancel-filled.js.map +0 -1
- package/dist/v1/icons/action/cancel.js.map +0 -1
- package/dist/v1/icons/action/chevron-down.js.map +0 -1
- package/dist/v1/icons/action/chevron-left.js.map +0 -1
- package/dist/v1/icons/action/chevron-right.js.map +0 -1
- package/dist/v1/icons/action/chevron-up.js.map +0 -1
- package/dist/v1/icons/action/filter.js.map +0 -1
- package/dist/v1/icons/action/retry.js.map +0 -1
- package/dist/v1/icons/action/sorting.js.map +0 -1
- package/dist/v1/icons/static/close.js.map +0 -1
- package/dist/v1/icons/static/delete.js.map +0 -1
- package/dist/v1/icons/static/recent.js.map +0 -1
- package/dist/v1/icons/static/report.js.map +0 -1
- package/dist/v1/icons/static/shield-done.js.map +0 -1
- package/dist/v1/text-field.js.map +0 -1
- /package/dist/src/components/{v1/badge → badge}/Badge.d.ts +0 -0
- /package/dist/src/components/{v1/chip → chip}/Chip.d.ts +0 -0
- /package/dist/src/components/{v1/cta-button → cta-button}/CTAButton.d.ts +0 -0
- /package/dist/src/components/{v1/icons → icons}/action/CancelFilledIcon.d.ts +0 -0
- /package/dist/src/components/{v1/icons → icons}/action/CancelIcon.d.ts +0 -0
- /package/dist/src/components/{v1/icons → icons}/action/ChevronDownIcon.d.ts +0 -0
- /package/dist/src/components/{v1/icons → icons}/action/ChevronLeftIcon.d.ts +0 -0
- /package/dist/src/components/{v1/icons → icons}/action/ChevronRightIcon.d.ts +0 -0
- /package/dist/src/components/{v1/icons → icons}/action/ChevronUpIcon.d.ts +0 -0
- /package/dist/src/components/{v1/icons → icons}/action/FilterIcon.d.ts +0 -0
- /package/dist/src/components/{v1/icons → icons}/action/RetryIcon.d.ts +0 -0
- /package/dist/src/components/{v1/icons → icons}/action/SortingIcon.d.ts +0 -0
- /package/dist/src/components/{v1/icons → icons}/static/CloseIcon.d.ts +0 -0
- /package/dist/src/components/{v1/icons → icons}/static/DeleteIcon.d.ts +0 -0
- /package/dist/src/components/{v1/icons → icons}/static/RecentIcon.d.ts +0 -0
- /package/dist/src/components/{v1/icons → icons}/static/ReportIcon.d.ts +0 -0
- /package/dist/src/components/{v1/icons → icons}/static/ShieldDoneIcon.d.ts +0 -0
- /package/dist/src/components/{v1/popup → popup}/Popup.d.ts +0 -0
- /package/dist/src/components/{v0/radio → radio}/Radio.d.ts +0 -0
- /package/dist/src/components/{v0/tabs → tabs}/Tabs.d.ts +0 -0
- /package/dist/src/components/{v1/text-field → text-field}/TextField.d.ts +0 -0
- /package/dist/src/components/{v0/toggle → toggle}/Toggle.d.ts +0 -0
package/dist/v1/badge.js
CHANGED
|
@@ -1,338 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import { t as e } from "../TailwindUtil-DiNvXuNl.js";
|
|
3
|
-
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
4
|
-
import * as r from "react";
|
|
5
|
-
import { cva as i } from "class-variance-authority";
|
|
6
|
-
//#region src/components/v1/badge/Badge.tsx
|
|
7
|
-
var a = i("inline-flex items-center justify-center overflow-hidden", {
|
|
8
|
-
variants: {
|
|
9
|
-
type: {
|
|
10
|
-
filled: "",
|
|
11
|
-
outlined: "",
|
|
12
|
-
tinted: ""
|
|
13
|
-
},
|
|
14
|
-
color: {
|
|
15
|
-
orange: "",
|
|
16
|
-
blue: "",
|
|
17
|
-
red: "",
|
|
18
|
-
green: "",
|
|
19
|
-
neutral: ""
|
|
20
|
-
},
|
|
21
|
-
size: {
|
|
22
|
-
large: "rounded-[4px] h-[28px] px-2 py-1 gap-1",
|
|
23
|
-
small: "rounded-[2px] h-[17px] px-1 py-0.5 gap-1"
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
compoundVariants: [
|
|
27
|
-
{
|
|
28
|
-
type: "filled",
|
|
29
|
-
color: "orange",
|
|
30
|
-
className: "bg-surface-base-accent-3-badge"
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
type: "filled",
|
|
34
|
-
color: "blue",
|
|
35
|
-
className: "bg-surface-base-sub-3"
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
type: "filled",
|
|
39
|
-
color: "red",
|
|
40
|
-
className: "bg-surface-base-critical-2"
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
type: "filled",
|
|
44
|
-
color: "green",
|
|
45
|
-
className: "bg-surface-base-success-2"
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
type: "filled",
|
|
49
|
-
color: "neutral",
|
|
50
|
-
className: "bg-surface-base-neutral-5"
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
type: "tinted",
|
|
54
|
-
color: "orange",
|
|
55
|
-
className: "bg-surface-base-accent-1-badge"
|
|
56
|
-
},
|
|
57
|
-
{
|
|
58
|
-
type: "tinted",
|
|
59
|
-
color: "blue",
|
|
60
|
-
className: "bg-surface-base-sub-1"
|
|
61
|
-
},
|
|
62
|
-
{
|
|
63
|
-
type: "tinted",
|
|
64
|
-
color: "red",
|
|
65
|
-
className: "bg-surface-base-critical-1"
|
|
66
|
-
},
|
|
67
|
-
{
|
|
68
|
-
type: "tinted",
|
|
69
|
-
color: "green",
|
|
70
|
-
className: "bg-surface-base-success-1"
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
type: "tinted",
|
|
74
|
-
color: "neutral",
|
|
75
|
-
className: "bg-surface-base-neutral-2"
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
type: "outlined",
|
|
79
|
-
color: "orange",
|
|
80
|
-
className: "border border-border-prominent-accent-badge"
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
type: "outlined",
|
|
84
|
-
color: "blue",
|
|
85
|
-
className: "border border-border-prominent-sub"
|
|
86
|
-
},
|
|
87
|
-
{
|
|
88
|
-
type: "outlined",
|
|
89
|
-
color: "red",
|
|
90
|
-
className: "border border-border-prominent-critical"
|
|
91
|
-
},
|
|
92
|
-
{
|
|
93
|
-
type: "outlined",
|
|
94
|
-
color: "green",
|
|
95
|
-
className: "border border-border-prominent-success"
|
|
96
|
-
},
|
|
97
|
-
{
|
|
98
|
-
type: "outlined",
|
|
99
|
-
color: "neutral",
|
|
100
|
-
className: "border border-border-base-neutral-5"
|
|
101
|
-
}
|
|
102
|
-
],
|
|
103
|
-
defaultVariants: {
|
|
104
|
-
type: "filled",
|
|
105
|
-
color: "neutral",
|
|
106
|
-
size: "large"
|
|
107
|
-
}
|
|
108
|
-
}), o = i("", {
|
|
109
|
-
variants: {
|
|
110
|
-
type: {
|
|
111
|
-
filled: "",
|
|
112
|
-
outlined: "",
|
|
113
|
-
tinted: ""
|
|
114
|
-
},
|
|
115
|
-
color: {
|
|
116
|
-
orange: "",
|
|
117
|
-
blue: "",
|
|
118
|
-
red: "",
|
|
119
|
-
green: "",
|
|
120
|
-
neutral: ""
|
|
121
|
-
},
|
|
122
|
-
size: {
|
|
123
|
-
large: "text-caption-12-medium",
|
|
124
|
-
small: "text-caption-11-medium"
|
|
125
|
-
}
|
|
126
|
-
},
|
|
127
|
-
compoundVariants: [
|
|
128
|
-
{
|
|
129
|
-
type: "filled",
|
|
130
|
-
color: "orange",
|
|
131
|
-
className: "text-text-prominent-neutral-1"
|
|
132
|
-
},
|
|
133
|
-
{
|
|
134
|
-
type: "filled",
|
|
135
|
-
color: "blue",
|
|
136
|
-
className: "text-text-prominent-neutral-1"
|
|
137
|
-
},
|
|
138
|
-
{
|
|
139
|
-
type: "filled",
|
|
140
|
-
color: "red",
|
|
141
|
-
className: "text-text-prominent-neutral-1"
|
|
142
|
-
},
|
|
143
|
-
{
|
|
144
|
-
type: "filled",
|
|
145
|
-
color: "green",
|
|
146
|
-
className: "text-text-prominent-neutral-1"
|
|
147
|
-
},
|
|
148
|
-
{
|
|
149
|
-
type: "filled",
|
|
150
|
-
color: "neutral",
|
|
151
|
-
className: "text-text-prominent-neutral-1"
|
|
152
|
-
},
|
|
153
|
-
{
|
|
154
|
-
type: "tinted",
|
|
155
|
-
color: "orange",
|
|
156
|
-
className: "text-text-prominent-accent-1-badge"
|
|
157
|
-
},
|
|
158
|
-
{
|
|
159
|
-
type: "tinted",
|
|
160
|
-
color: "blue",
|
|
161
|
-
className: "text-text-prominent-sub"
|
|
162
|
-
},
|
|
163
|
-
{
|
|
164
|
-
type: "tinted",
|
|
165
|
-
color: "red",
|
|
166
|
-
className: "text-text-prominent-critical"
|
|
167
|
-
},
|
|
168
|
-
{
|
|
169
|
-
type: "tinted",
|
|
170
|
-
color: "green",
|
|
171
|
-
className: "text-text-prominent-success"
|
|
172
|
-
},
|
|
173
|
-
{
|
|
174
|
-
type: "tinted",
|
|
175
|
-
color: "neutral",
|
|
176
|
-
className: "text-text-base-neutral-3"
|
|
177
|
-
},
|
|
178
|
-
{
|
|
179
|
-
type: "outlined",
|
|
180
|
-
color: "orange",
|
|
181
|
-
className: "text-text-prominent-accent-1-badge"
|
|
182
|
-
},
|
|
183
|
-
{
|
|
184
|
-
type: "outlined",
|
|
185
|
-
color: "blue",
|
|
186
|
-
className: "text-text-prominent-sub"
|
|
187
|
-
},
|
|
188
|
-
{
|
|
189
|
-
type: "outlined",
|
|
190
|
-
color: "red",
|
|
191
|
-
className: "text-text-prominent-critical"
|
|
192
|
-
},
|
|
193
|
-
{
|
|
194
|
-
type: "outlined",
|
|
195
|
-
color: "green",
|
|
196
|
-
className: "text-text-prominent-success"
|
|
197
|
-
},
|
|
198
|
-
{
|
|
199
|
-
type: "outlined",
|
|
200
|
-
color: "neutral",
|
|
201
|
-
className: "text-text-base-neutral-3"
|
|
202
|
-
}
|
|
203
|
-
],
|
|
204
|
-
defaultVariants: {
|
|
205
|
-
type: "filled",
|
|
206
|
-
color: "neutral",
|
|
207
|
-
size: "large"
|
|
208
|
-
}
|
|
209
|
-
}), s = i("shrink-0", {
|
|
210
|
-
variants: {
|
|
211
|
-
type: {
|
|
212
|
-
filled: "",
|
|
213
|
-
outlined: "",
|
|
214
|
-
tinted: ""
|
|
215
|
-
},
|
|
216
|
-
color: {
|
|
217
|
-
orange: "",
|
|
218
|
-
blue: "",
|
|
219
|
-
red: "",
|
|
220
|
-
green: "",
|
|
221
|
-
neutral: ""
|
|
222
|
-
},
|
|
223
|
-
size: {
|
|
224
|
-
large: "size-[20px]",
|
|
225
|
-
small: "hidden"
|
|
226
|
-
}
|
|
227
|
-
},
|
|
228
|
-
compoundVariants: [
|
|
229
|
-
{
|
|
230
|
-
type: "filled",
|
|
231
|
-
color: "orange",
|
|
232
|
-
className: "text-icon-base-neutral-1"
|
|
233
|
-
},
|
|
234
|
-
{
|
|
235
|
-
type: "filled",
|
|
236
|
-
color: "blue",
|
|
237
|
-
className: "text-icon-base-neutral-1"
|
|
238
|
-
},
|
|
239
|
-
{
|
|
240
|
-
type: "filled",
|
|
241
|
-
color: "red",
|
|
242
|
-
className: "text-icon-base-neutral-1"
|
|
243
|
-
},
|
|
244
|
-
{
|
|
245
|
-
type: "filled",
|
|
246
|
-
color: "green",
|
|
247
|
-
className: "text-icon-base-neutral-1"
|
|
248
|
-
},
|
|
249
|
-
{
|
|
250
|
-
type: "filled",
|
|
251
|
-
color: "neutral",
|
|
252
|
-
className: "text-icon-base-neutral-1"
|
|
253
|
-
},
|
|
254
|
-
{
|
|
255
|
-
type: "tinted",
|
|
256
|
-
color: "orange",
|
|
257
|
-
className: "text-icon-prominent-accent-1-badge"
|
|
258
|
-
},
|
|
259
|
-
{
|
|
260
|
-
type: "tinted",
|
|
261
|
-
color: "blue",
|
|
262
|
-
className: "text-icon-prominent-sub"
|
|
263
|
-
},
|
|
264
|
-
{
|
|
265
|
-
type: "tinted",
|
|
266
|
-
color: "red",
|
|
267
|
-
className: "text-icon-prominent-critical"
|
|
268
|
-
},
|
|
269
|
-
{
|
|
270
|
-
type: "tinted",
|
|
271
|
-
color: "green",
|
|
272
|
-
className: "text-icon-prominent-success"
|
|
273
|
-
},
|
|
274
|
-
{
|
|
275
|
-
type: "tinted",
|
|
276
|
-
color: "neutral",
|
|
277
|
-
className: "text-icon-base-neutral-3"
|
|
278
|
-
},
|
|
279
|
-
{
|
|
280
|
-
type: "outlined",
|
|
281
|
-
color: "orange",
|
|
282
|
-
className: "text-icon-prominent-accent-1-badge"
|
|
283
|
-
},
|
|
284
|
-
{
|
|
285
|
-
type: "outlined",
|
|
286
|
-
color: "blue",
|
|
287
|
-
className: "text-icon-prominent-sub"
|
|
288
|
-
},
|
|
289
|
-
{
|
|
290
|
-
type: "outlined",
|
|
291
|
-
color: "red",
|
|
292
|
-
className: "text-icon-prominent-critical"
|
|
293
|
-
},
|
|
294
|
-
{
|
|
295
|
-
type: "outlined",
|
|
296
|
-
color: "green",
|
|
297
|
-
className: "text-icon-prominent-success"
|
|
298
|
-
},
|
|
299
|
-
{
|
|
300
|
-
type: "outlined",
|
|
301
|
-
color: "neutral",
|
|
302
|
-
className: "text-icon-base-neutral-3"
|
|
303
|
-
}
|
|
304
|
-
],
|
|
305
|
-
defaultVariants: {
|
|
306
|
-
type: "filled",
|
|
307
|
-
color: "neutral",
|
|
308
|
-
size: "large"
|
|
309
|
-
}
|
|
310
|
-
}), c = r.forwardRef(({ label: r, icon: i, type: c = "filled", color: l = "neutral", size: u = "large", className: d, ...f }, p) => /* @__PURE__ */ n("div", {
|
|
311
|
-
ref: p,
|
|
312
|
-
className: e(a({
|
|
313
|
-
type: c,
|
|
314
|
-
color: l,
|
|
315
|
-
size: u
|
|
316
|
-
}), d),
|
|
317
|
-
...f,
|
|
318
|
-
children: [i && /* @__PURE__ */ t(i, {
|
|
319
|
-
className: s({
|
|
320
|
-
type: c,
|
|
321
|
-
color: l,
|
|
322
|
-
size: u
|
|
323
|
-
}),
|
|
324
|
-
"aria-hidden": !0
|
|
325
|
-
}), /* @__PURE__ */ t("span", {
|
|
326
|
-
className: o({
|
|
327
|
-
type: c,
|
|
328
|
-
color: l,
|
|
329
|
-
size: u
|
|
330
|
-
}),
|
|
331
|
-
children: r
|
|
332
|
-
})]
|
|
333
|
-
}));
|
|
334
|
-
c.displayName = "Badge";
|
|
335
|
-
//#endregion
|
|
336
|
-
export { c as Badge };
|
|
337
|
-
|
|
338
|
-
//# sourceMappingURL=badge.js.map
|
|
1
|
+
export { Badge } from "../badge.js";
|
package/dist/v1/chip.js
CHANGED
|
@@ -1,53 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import { t as e } from "../TailwindUtil-DiNvXuNl.js";
|
|
3
|
-
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
4
|
-
import "react";
|
|
5
|
-
import { cva as r } from "class-variance-authority";
|
|
6
|
-
//#region src/components/v1/chip/Chip.tsx
|
|
7
|
-
var i = r("inline-flex items-center justify-center gap-1 rounded-full border px-[11px] py-[7px] transition-colors duration-200", {
|
|
8
|
-
variants: {
|
|
9
|
-
selected: {
|
|
10
|
-
true: "bg-surface-base-accent-1 border-border-prominent-accent",
|
|
11
|
-
false: "bg-surface-base-neutral-1 border-border-base-neutral-2"
|
|
12
|
-
},
|
|
13
|
-
disabled: {
|
|
14
|
-
true: "opacity-40 pointer-events-none",
|
|
15
|
-
false: ""
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
defaultVariants: {
|
|
19
|
-
selected: !1,
|
|
20
|
-
disabled: !1
|
|
21
|
-
}
|
|
22
|
-
}), a = r("text-body-14-medium", {
|
|
23
|
-
variants: { selected: {
|
|
24
|
-
true: "text-text-prominent-accent-1",
|
|
25
|
-
false: "text-text-base-neutral-3"
|
|
26
|
-
} },
|
|
27
|
-
defaultVariants: { selected: !1 }
|
|
28
|
-
}), o = r("size-[18px] shrink-0", {
|
|
29
|
-
variants: { selected: {
|
|
30
|
-
true: "text-icon-prominent-accent-1",
|
|
31
|
-
false: "text-icon-base-neutral-3"
|
|
32
|
-
} },
|
|
33
|
-
defaultVariants: { selected: !1 }
|
|
34
|
-
}), s = ({ className: r, label: s, icon: c, selected: l = !1, disabled: u = !1, onPress: d, onClick: f, type: p = "button", ...m }) => /* @__PURE__ */ n("button", {
|
|
35
|
-
type: p,
|
|
36
|
-
className: e(i({
|
|
37
|
-
selected: l,
|
|
38
|
-
disabled: u
|
|
39
|
-
}), r),
|
|
40
|
-
onClick: (e) => {
|
|
41
|
-
f?.(e), e.defaultPrevented || d?.();
|
|
42
|
-
},
|
|
43
|
-
disabled: u,
|
|
44
|
-
...m,
|
|
45
|
-
children: [c && /* @__PURE__ */ t(c, { className: o({ selected: l }) }), /* @__PURE__ */ t("span", {
|
|
46
|
-
className: a({ selected: l }),
|
|
47
|
-
children: s
|
|
48
|
-
})]
|
|
49
|
-
});
|
|
50
|
-
//#endregion
|
|
51
|
-
export { s as Chip };
|
|
52
|
-
|
|
53
|
-
//# sourceMappingURL=chip.js.map
|
|
1
|
+
export { Chip } from "../chip.js";
|
package/dist/v1/cta-button.js
CHANGED
|
@@ -1,62 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import { t as e } from "../TailwindUtil-DiNvXuNl.js";
|
|
3
|
-
import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
|
|
4
|
-
import * as i from "react";
|
|
5
|
-
import { cva as a } from "class-variance-authority";
|
|
6
|
-
//#region src/components/v1/cta-button/CTAButton.tsx
|
|
7
|
-
var o = a("flex flex-row items-center justify-center gap-1 shadow-none duration-200 transition-all", {
|
|
8
|
-
variants: {
|
|
9
|
-
hierarchy: {
|
|
10
|
-
primary: "bg-surface-primary-accent hover:bg-surface-primary-accent-hover active:bg-surface-primary-accent-pressed text-text-prominent-neutral-1",
|
|
11
|
-
secondary: "bg-surface-secondary-accent hover:bg-surface-secondary-accent-hover active:bg-surface-secondary-accent-pressed text-text-prominent-accent-2",
|
|
12
|
-
tertiary: "bg-background-base-neutral-1 hover:bg-surface-tertiary-accent-hover active:bg-surface-tertiary-accent-pressed border-border-prominent-accent border text-text-prominent-accent-1"
|
|
13
|
-
},
|
|
14
|
-
size: {
|
|
15
|
-
large: "h-14 px-4 py-4 gap-1 text-title-18-medium rounded-[10px]",
|
|
16
|
-
medium: "h-[46px] px-4 py-3 gap-1 text-body-16-medium rounded-[8px]",
|
|
17
|
-
small: "h-10 px-3 py-2 gap-1 text-body-16-medium rounded-[6px]"
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
defaultVariants: {
|
|
21
|
-
hierarchy: "primary",
|
|
22
|
-
size: "large"
|
|
23
|
-
}
|
|
24
|
-
}), s = a("shrink-0", {
|
|
25
|
-
variants: {
|
|
26
|
-
hierarchy: {
|
|
27
|
-
primary: "text-icon-base-neutral-1",
|
|
28
|
-
secondary: "text-icon-prominent-accent-2",
|
|
29
|
-
tertiary: "text-icon-prominent-accent-1"
|
|
30
|
-
},
|
|
31
|
-
size: {
|
|
32
|
-
large: "size-6",
|
|
33
|
-
medium: "size-[22px]",
|
|
34
|
-
small: "size-5"
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
defaultVariants: {
|
|
38
|
-
hierarchy: "primary",
|
|
39
|
-
size: "large"
|
|
40
|
-
}
|
|
41
|
-
}), c = i.forwardRef(({ label: i, icon: a, hierarchy: c = "primary", size: l = "large", disabled: u = !1, className: d, type: f = "button", ...p }, m) => {
|
|
42
|
-
let h = /* @__PURE__ */ r(t, { children: [a && /* @__PURE__ */ n(a, { className: s({
|
|
43
|
-
hierarchy: c,
|
|
44
|
-
size: l
|
|
45
|
-
}) }), i] });
|
|
46
|
-
return /* @__PURE__ */ n("button", {
|
|
47
|
-
ref: m,
|
|
48
|
-
type: f,
|
|
49
|
-
className: e(o({
|
|
50
|
-
hierarchy: c,
|
|
51
|
-
size: l
|
|
52
|
-
}), "opacity-100 disabled:opacity-40 disabled:pointer-events-none", d),
|
|
53
|
-
disabled: u,
|
|
54
|
-
...p,
|
|
55
|
-
children: h
|
|
56
|
-
});
|
|
57
|
-
});
|
|
58
|
-
c.displayName = "CTAButton";
|
|
59
|
-
//#endregion
|
|
60
|
-
export { c as CTAButton };
|
|
61
|
-
|
|
62
|
-
//# sourceMappingURL=cta-button.js.map
|
|
1
|
+
export { CTAButton } from "../cta-button.js";
|
|
@@ -1,22 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//#region src/components/v1/icons/action/CancelFilledIcon.tsx
|
|
3
|
-
var n = (n) => /* @__PURE__ */ t("svg", {
|
|
4
|
-
width: "24",
|
|
5
|
-
height: "24",
|
|
6
|
-
viewBox: "0 0 24 24",
|
|
7
|
-
fill: "none",
|
|
8
|
-
...n,
|
|
9
|
-
children: [/* @__PURE__ */ e("circle", {
|
|
10
|
-
cx: 12,
|
|
11
|
-
cy: 12,
|
|
12
|
-
r: 10,
|
|
13
|
-
fill: "!currentColor"
|
|
14
|
-
}), /* @__PURE__ */ e("path", {
|
|
15
|
-
fill: "currentColor",
|
|
16
|
-
d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m4.53 13.47c.29.29.29.77 0 1.06-.15.15-.34.22-.53.22s-.38-.07-.53-.22L12 13.06l-3.47 3.47c-.15.15-.34.22-.53.22s-.38-.07-.53-.22a.754.754 0 0 1 0-1.06L10.94 12 7.47 8.53a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0L12 10.94l3.47-3.47c.29-.29.77-.29 1.06 0s.29.77 0 1.06L13.06 12z"
|
|
17
|
-
})]
|
|
18
|
-
});
|
|
19
|
-
//#endregion
|
|
20
|
-
export { n as CancelFilledIcon };
|
|
21
|
-
|
|
22
|
-
//# sourceMappingURL=cancel-filled.js.map
|
|
1
|
+
export { CancelFilledIcon } from "../../../icons/action/cancel-filled.js";
|
|
@@ -1,19 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//#region src/components/v1/icons/action/CancelIcon.tsx
|
|
3
|
-
var t = (t) => /* @__PURE__ */ e("svg", {
|
|
4
|
-
width: "24",
|
|
5
|
-
height: "24",
|
|
6
|
-
viewBox: "0 0 24 24",
|
|
7
|
-
fill: "none",
|
|
8
|
-
...t,
|
|
9
|
-
children: /* @__PURE__ */ e("path", {
|
|
10
|
-
fillRule: "evenodd",
|
|
11
|
-
clipRule: "evenodd",
|
|
12
|
-
d: "M19.7071 4.29289C20.0976 4.68342 20.0976 5.31658 19.7071 5.70711L13.4142 12L19.7071 18.2929C20.0976 18.6834 20.0976 19.3166 19.7071 19.7071C19.3166 20.0976 18.6834 20.0976 18.2929 19.7071L12 13.4142L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L10.5858 12L4.29289 5.70711C3.90237 5.31659 3.90237 4.68342 4.29289 4.2929C4.68342 3.90237 5.31658 3.90237 5.70711 4.2929L12 10.5858L18.2929 4.29289C18.6834 3.90237 19.3166 3.90237 19.7071 4.29289Z",
|
|
13
|
-
fill: "currentColor"
|
|
14
|
-
})
|
|
15
|
-
});
|
|
16
|
-
//#endregion
|
|
17
|
-
export { t as CancelIcon };
|
|
18
|
-
|
|
19
|
-
//# sourceMappingURL=cancel.js.map
|
|
1
|
+
export { CancelIcon } from "../../../icons/action/cancel.js";
|
|
@@ -1,19 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//#region src/components/v1/icons/action/ChevronDownIcon.tsx
|
|
3
|
-
var t = (t) => /* @__PURE__ */ e("svg", {
|
|
4
|
-
width: "24",
|
|
5
|
-
height: "24",
|
|
6
|
-
viewBox: "0 0 24 24",
|
|
7
|
-
fill: "none",
|
|
8
|
-
...t,
|
|
9
|
-
children: /* @__PURE__ */ e("path", {
|
|
10
|
-
fillRule: "evenodd",
|
|
11
|
-
clipRule: "evenodd",
|
|
12
|
-
d: "M19.6585 7.24741C20.0741 7.61109 20.1162 8.24285 19.7526 8.65849L12.7526 16.6585C12.5627 16.8755 12.2883 17 12 17C11.7116 17 11.4373 16.8755 11.2474 16.6585L4.24741 8.65849C3.88373 8.24285 3.92584 7.61109 4.34148 7.24741C4.75712 6.88372 5.38888 6.92584 5.75256 7.34148L12 14.4814L18.2474 7.34148C18.6111 6.92584 19.2429 6.88372 19.6585 7.24741Z",
|
|
13
|
-
fill: "currentColor"
|
|
14
|
-
})
|
|
15
|
-
});
|
|
16
|
-
//#endregion
|
|
17
|
-
export { t as ChevronDownIcon };
|
|
18
|
-
|
|
19
|
-
//# sourceMappingURL=chevron-down.js.map
|
|
1
|
+
export { ChevronDownIcon } from "../../../icons/action/chevron-down.js";
|
|
@@ -1,19 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//#region src/components/v1/icons/action/ChevronLeftIcon.tsx
|
|
3
|
-
var t = (t) => /* @__PURE__ */ e("svg", {
|
|
4
|
-
width: "24",
|
|
5
|
-
height: "24",
|
|
6
|
-
viewBox: "0 0 24 24",
|
|
7
|
-
fill: "none",
|
|
8
|
-
...t,
|
|
9
|
-
children: /* @__PURE__ */ e("path", {
|
|
10
|
-
fillRule: "evenodd",
|
|
11
|
-
clipRule: "evenodd",
|
|
12
|
-
d: "M16.753 19.659a1 1 0 0 1-1.412.094l-8-7a1 1 0 0 1 0-1.506l8-7a1 1 0 0 1 1.318 1.506L9.519 12l7.14 6.247a1 1 0 0 1 .094 1.412",
|
|
13
|
-
fill: "currentColor"
|
|
14
|
-
})
|
|
15
|
-
});
|
|
16
|
-
//#endregion
|
|
17
|
-
export { t as ChevronLeftIcon };
|
|
18
|
-
|
|
19
|
-
//# sourceMappingURL=chevron-left.js.map
|
|
1
|
+
export { ChevronLeftIcon } from "../../../icons/action/chevron-left.js";
|
|
@@ -1,19 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//#region src/components/v1/icons/action/ChevronRightIcon.tsx
|
|
3
|
-
var t = (t) => /* @__PURE__ */ e("svg", {
|
|
4
|
-
width: "24",
|
|
5
|
-
height: "24",
|
|
6
|
-
viewBox: "0 0 24 24",
|
|
7
|
-
fill: "none",
|
|
8
|
-
...t,
|
|
9
|
-
children: /* @__PURE__ */ e("path", {
|
|
10
|
-
fillRule: "evenodd",
|
|
11
|
-
clipRule: "evenodd",
|
|
12
|
-
d: "M7.24744 4.34151C7.61112 3.92587 8.24288 3.88375 8.65852 4.24744L16.6585 11.2474C16.8755 11.4373 17 11.7117 17 12C17 12.2884 16.8755 12.5627 16.6585 12.7526L8.65852 19.7526C8.24288 20.1163 7.61112 20.0742 7.24744 19.6585C6.88375 19.2429 6.92587 18.6111 7.34151 18.2474L14.4814 12L7.34151 5.75259C6.92587 5.38891 6.88375 4.75715 7.24744 4.34151Z",
|
|
13
|
-
fill: "currentColor"
|
|
14
|
-
})
|
|
15
|
-
});
|
|
16
|
-
//#endregion
|
|
17
|
-
export { t as ChevronRightIcon };
|
|
18
|
-
|
|
19
|
-
//# sourceMappingURL=chevron-right.js.map
|
|
1
|
+
export { ChevronRightIcon } from "../../../icons/action/chevron-right.js";
|
|
@@ -1,19 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//#region src/components/v1/icons/action/ChevronUpIcon.tsx
|
|
3
|
-
var t = (t) => /* @__PURE__ */ e("svg", {
|
|
4
|
-
width: "24",
|
|
5
|
-
height: "24",
|
|
6
|
-
viewBox: "0 0 24 24",
|
|
7
|
-
fill: "none",
|
|
8
|
-
...t,
|
|
9
|
-
children: /* @__PURE__ */ e("path", {
|
|
10
|
-
fillRule: "evenodd",
|
|
11
|
-
clipRule: "evenodd",
|
|
12
|
-
d: "M4.34151 16.7526C3.92587 16.3889 3.88375 15.7571 4.24744 15.3415L11.2474 7.34151C11.4373 7.1245 11.7117 7.00002 12 7.00002C12.2884 7.00002 12.5627 7.1245 12.7526 7.34151L19.7526 15.3415C20.1163 15.7571 20.0742 16.3889 19.6585 16.7526C19.2429 17.1163 18.6111 17.0742 18.2474 16.6585L12 9.51861L5.75259 16.6585C5.38891 17.0742 4.75715 17.1163 4.34151 16.7526Z",
|
|
13
|
-
fill: "currentColor"
|
|
14
|
-
})
|
|
15
|
-
});
|
|
16
|
-
//#endregion
|
|
17
|
-
export { t as ChevronUpIcon };
|
|
18
|
-
|
|
19
|
-
//# sourceMappingURL=chevron-up.js.map
|
|
1
|
+
export { ChevronUpIcon } from "../../../icons/action/chevron-up.js";
|
|
@@ -1,19 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//#region src/components/v1/icons/action/FilterIcon.tsx
|
|
3
|
-
var t = (t) => /* @__PURE__ */ e("svg", {
|
|
4
|
-
width: "24",
|
|
5
|
-
height: "24",
|
|
6
|
-
viewBox: "0 0 24 24",
|
|
7
|
-
fill: "none",
|
|
8
|
-
...t,
|
|
9
|
-
children: /* @__PURE__ */ e("path", {
|
|
10
|
-
fillRule: "evenodd",
|
|
11
|
-
clipRule: "evenodd",
|
|
12
|
-
d: "M5.88204 5.7652C6.35704 3.8826 8.07789 2.5 10.1093 2.5C12.5035 2.5 14.4664 4.42074 14.4664 6.81702C14.4664 9.2133 12.5035 11.134 10.1093 11.134C8.07658 11.134 6.35482 9.74965 5.88112 7.8652H2.55C1.9701 7.8652 1.5 7.3951 1.5 6.8152C1.5 6.2353 1.9701 5.7652 2.55 5.7652H5.88204ZM10.1093 4.6C8.85052 4.6 7.85208 5.60465 7.85208 6.81702C7.85208 8.02939 8.85052 9.03404 10.1093 9.03404C11.368 9.03404 12.3664 8.02939 12.3664 6.81702C12.3664 5.60465 11.368 4.6 10.1093 4.6ZM15.15 6.8152C15.15 6.2353 15.6201 5.7652 16.2 5.7652H21.4491C22.029 5.7652 22.4991 6.2353 22.4991 6.8152C22.4991 7.3951 22.029 7.8652 21.4491 7.8652H16.2C15.6201 7.8652 15.15 7.3951 15.15 6.8152ZM9.53356 17.083C9.53356 14.6867 11.4965 12.766 13.8907 12.766C15.9231 12.766 17.6446 14.1499 18.1186 16.0339H21.45C22.0299 16.0339 22.5 16.504 22.5 17.0839C22.5 17.6638 22.0299 18.1339 21.45 18.1339H18.1182C17.6435 20.0169 15.9224 21.4 13.8907 21.4C11.4965 21.4 9.53356 19.4793 9.53356 17.083ZM13.8907 14.866C12.632 14.866 11.6336 15.8706 11.6336 17.083C11.6336 18.2954 12.632 19.3 13.8907 19.3C15.1495 19.3 16.1479 18.2954 16.1479 17.083C16.1479 15.8706 15.1495 14.866 13.8907 14.866ZM1.5 17.0839C1.5 16.504 1.9701 16.0339 2.55 16.0339H7.8C8.3799 16.0339 8.85 16.504 8.85 17.0839C8.85 17.6638 8.3799 18.1339 7.8 18.1339H2.55C1.9701 18.1339 1.5 17.6638 1.5 17.0839Z",
|
|
13
|
-
fill: "currentColor"
|
|
14
|
-
})
|
|
15
|
-
});
|
|
16
|
-
//#endregion
|
|
17
|
-
export { t as FilterIcon };
|
|
18
|
-
|
|
19
|
-
//# sourceMappingURL=filter.js.map
|
|
1
|
+
export { FilterIcon } from "../../../icons/action/filter.js";
|
|
@@ -1,19 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//#region src/components/v1/icons/action/RetryIcon.tsx
|
|
3
|
-
var t = (t) => /* @__PURE__ */ e("svg", {
|
|
4
|
-
width: "24",
|
|
5
|
-
height: "24",
|
|
6
|
-
viewBox: "0 0 24 24",
|
|
7
|
-
fill: "none",
|
|
8
|
-
...t,
|
|
9
|
-
children: /* @__PURE__ */ e("path", {
|
|
10
|
-
fillRule: "evenodd",
|
|
11
|
-
clipRule: "evenodd",
|
|
12
|
-
d: "M12.584 1.246a1 1 0 0 1 1.41.097l2.89 3.32a1 1 0 0 1-.164 1.465l-3.37 2.46a1 1 0 0 1-1.18-1.616l1.574-1.149A9 9 0 0 0 12 5.65a7.67 7.67 0 0 0-7.67 7.67A7.67 7.67 0 0 0 12 21a7.67 7.67 0 0 0 7.67-7.67 7.67 7.67 0 0 0-1.292-4.265 1 1 0 1 1 1.664-1.11 9.67 9.67 0 0 1 1.628 5.375A9.67 9.67 0 0 1 12 23c-5.343 0-9.67-4.328-9.67-9.68A9.67 9.67 0 0 1 12 3.65q.747.002 1.433.095l-.947-1.088a1 1 0 0 1 .098-1.411",
|
|
13
|
-
fill: "currentColor"
|
|
14
|
-
})
|
|
15
|
-
});
|
|
16
|
-
//#endregion
|
|
17
|
-
export { t as RetryIcon };
|
|
18
|
-
|
|
19
|
-
//# sourceMappingURL=retry.js.map
|
|
1
|
+
export { RetryIcon } from "../../../icons/action/retry.js";
|
|
@@ -1,19 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//#region src/components/v1/icons/action/SortingIcon.tsx
|
|
3
|
-
var t = (t) => /* @__PURE__ */ e("svg", {
|
|
4
|
-
width: "24",
|
|
5
|
-
height: "24",
|
|
6
|
-
viewBox: "0 0 24 24",
|
|
7
|
-
fill: "none",
|
|
8
|
-
...t,
|
|
9
|
-
children: /* @__PURE__ */ e("path", {
|
|
10
|
-
fillRule: "evenodd",
|
|
11
|
-
clipRule: "evenodd",
|
|
12
|
-
d: "M17.3462 3C17.8984 3 18.3462 3.44772 18.3462 4L18.3462 17.4991L20.7757 14.9469C21.1565 14.5469 21.7895 14.5313 22.1895 14.9121C22.5895 15.2928 22.6051 15.9258 22.2243 16.3258L18.0705 20.6895C17.8817 20.8878 17.6199 21 17.3462 21C17.0724 21 16.8106 20.8878 16.6219 20.6895L12.468 16.3258C12.0872 15.9258 12.1028 15.2928 12.5028 14.9121C12.9029 14.5313 13.5358 14.5469 13.9166 14.9469L16.3462 17.4991L16.3462 4C16.3462 3.44772 16.7939 3 17.3462 3ZM6.65385 3C6.92761 3 7.1894 3.11223 7.37815 3.31052L11.532 7.67416C11.9128 8.07418 11.8972 8.70715 11.4972 9.08794C11.0972 9.46873 10.4642 9.45314 10.0834 9.05312L7.65385 6.50087L7.65385 20C7.65385 20.5523 7.20613 21 6.65385 21C6.10156 21 5.65385 20.5523 5.65385 20L5.65385 6.50087L3.22431 9.05312C2.84352 9.45314 2.21054 9.46873 1.81052 9.08794C1.4105 8.70715 1.39491 8.07418 1.7757 7.67416L5.92954 3.31052C6.1183 3.11223 6.38009 3 6.65385 3Z",
|
|
13
|
-
fill: "currentColor"
|
|
14
|
-
})
|
|
15
|
-
});
|
|
16
|
-
//#endregion
|
|
17
|
-
export { t as SortingIcon };
|
|
18
|
-
|
|
19
|
-
//# sourceMappingURL=sorting.js.map
|
|
1
|
+
export { SortingIcon } from "../../../icons/action/sorting.js";
|
|
@@ -1,19 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//#region src/components/v1/icons/static/CloseIcon.tsx
|
|
3
|
-
var t = (t) => /* @__PURE__ */ e("svg", {
|
|
4
|
-
width: "24",
|
|
5
|
-
height: "24",
|
|
6
|
-
viewBox: "0 0 24 24",
|
|
7
|
-
fill: "none",
|
|
8
|
-
...t,
|
|
9
|
-
children: /* @__PURE__ */ e("path", {
|
|
10
|
-
fillRule: "evenodd",
|
|
11
|
-
clipRule: "evenodd",
|
|
12
|
-
d: "M19.7071 4.29289C20.0976 4.68342 20.0976 5.31658 19.7071 5.70711L13.4142 12L19.7071 18.2929C20.0976 18.6834 20.0976 19.3166 19.7071 19.7071C19.3166 20.0976 18.6834 20.0976 18.2929 19.7071L12 13.4142L5.70711 19.7071C5.31658 20.0976 4.68342 20.0976 4.29289 19.7071C3.90237 19.3166 3.90237 18.6834 4.29289 18.2929L10.5858 12L4.29289 5.70711C3.90237 5.31659 3.90237 4.68342 4.29289 4.2929C4.68342 3.90237 5.31658 3.90237 5.70711 4.2929L12 10.5858L18.2929 4.29289C18.6834 3.90237 19.3166 3.90237 19.7071 4.29289Z",
|
|
13
|
-
fill: "currentColor"
|
|
14
|
-
})
|
|
15
|
-
});
|
|
16
|
-
//#endregion
|
|
17
|
-
export { t as CloseIcon };
|
|
18
|
-
|
|
19
|
-
//# sourceMappingURL=close.js.map
|
|
1
|
+
export { CloseIcon } from "../../../icons/static/close.js";
|