@studiolxd/brand 49.15.0 → 49.16.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 +49 -0
- package/dist/_shared/tokens.js +4 -3
- package/dist/_types/atoms/Icon/Icon.d.ts +4 -4
- package/dist/brand.css +5 -4
- package/dist/calendar-planner.js +1 -1
- package/dist/calendar.js +1 -1
- package/dist/icon.js +74 -70
- package/dist/input-phone.css +1 -1
- package/dist/input-phone.js +1 -1
- package/dist/pagination.js +2 -2
- package/dist/scroll-area.css +1 -1
- package/dist/table.js +1 -1
- package/dist/tokens.css +5 -4
- package/package.json +1 -1
- package/src/tokens/components/icon.css +1 -1
- package/src/tokens/components/input-phone.css +2 -1
- package/src/tokens/components/select.css +1 -1
- package/src/tokens/scss/components/_icon.scss +1 -1
- package/src/tokens/scss/components/_input-phone.scss +2 -1
- package/src/tokens/scss/components/_multi-select.scss +1 -1
- package/src/tokens/scss/components/_select.scss +1 -1
- package/src/tokens/tokens.json +4 -3
package/dist/calendar-planner.js
CHANGED
|
@@ -34,7 +34,7 @@ function v({ events: v = [], renderDay: y, maxItemsPerDay: le = 3, onMoreClick:
|
|
|
34
34
|
V,
|
|
35
35
|
H,
|
|
36
36
|
D
|
|
37
|
-
]), U = e("calendar"), Ae = e("calendarPlanner"), W = /* @__PURE__ */ new Date(), je = P === "
|
|
37
|
+
]), U = e("calendar"), Ae = e("calendarPlanner"), W = /* @__PURE__ */ new Date(), je = P === "lg" ? "md" : "sm", Me = new Intl.DateTimeFormat(j, {
|
|
38
38
|
month: "long",
|
|
39
39
|
year: "numeric"
|
|
40
40
|
}), Ne = new Intl.DateTimeFormat(j, {
|
package/dist/calendar.js
CHANGED
|
@@ -39,7 +39,7 @@ function y({ value: y, onChange: te, defaultMonth: ne, month: b, onMonthChange:
|
|
|
39
39
|
let e = W.current;
|
|
40
40
|
W.current = null, e === "title" ? H.current?.focus() : U.current.get(B)?.focus();
|
|
41
41
|
}, [I, B]);
|
|
42
|
-
let fe = k === "
|
|
42
|
+
let fe = k === "lg" ? "md" : "sm", pe = new Intl.DateTimeFormat(E, {
|
|
43
43
|
month: "long",
|
|
44
44
|
year: "numeric"
|
|
45
45
|
}).format(M), me = new Intl.DateTimeFormat(E, { year: "numeric" }), K = (e) => me.format(new Date(e, 0, 1)), he = Array.from({ length: g }, (e, t) => R + t), ge = `${K(R)}–${K(R + g - 1)}`, _e = new Intl.DateTimeFormat(E, {
|
package/dist/icon.js
CHANGED
|
@@ -18,6 +18,15 @@ var r = (() => {
|
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
})(), i = {
|
|
21
|
+
viewBox: "0 0 24 24",
|
|
22
|
+
render: () => /* @__PURE__ */ t("path", {
|
|
23
|
+
vectorEffect: "non-scaling-stroke",
|
|
24
|
+
strokeWidth: "1",
|
|
25
|
+
strokeLinecap: "round",
|
|
26
|
+
strokeLinejoin: "round",
|
|
27
|
+
d: "M7.5 3 L16.5 12 L7.5 21"
|
|
28
|
+
})
|
|
29
|
+
}, a = {
|
|
21
30
|
arrow: {
|
|
22
31
|
viewBox: "0 0 24 24",
|
|
23
32
|
render: () => /* @__PURE__ */ t("path", {
|
|
@@ -34,14 +43,7 @@ var r = (() => {
|
|
|
34
43
|
d: "M24 12 H0 M8 4 L0 12 L8 20"
|
|
35
44
|
})
|
|
36
45
|
},
|
|
37
|
-
chevron:
|
|
38
|
-
viewBox: "0 0 24 24",
|
|
39
|
-
render: () => /* @__PURE__ */ t("path", {
|
|
40
|
-
vectorEffect: "non-scaling-stroke",
|
|
41
|
-
strokeWidth: "1",
|
|
42
|
-
d: "M6 0 L18 12 L6 24"
|
|
43
|
-
})
|
|
44
|
-
},
|
|
46
|
+
chevron: i,
|
|
45
47
|
close: {
|
|
46
48
|
viewBox: "0 0 24 24",
|
|
47
49
|
render: () => /* @__PURE__ */ t("path", {
|
|
@@ -77,13 +79,13 @@ var r = (() => {
|
|
|
77
79
|
render: () => /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("path", {
|
|
78
80
|
vectorEffect: "non-scaling-stroke",
|
|
79
81
|
strokeWidth: "1",
|
|
80
|
-
d: "
|
|
82
|
+
d: "M3 12 C7.5 5.7 16.5 5.7 21 12 C16.5 18.3 7.5 18.3 3 12 Z"
|
|
81
83
|
}), /* @__PURE__ */ t("circle", {
|
|
82
84
|
vectorEffect: "non-scaling-stroke",
|
|
83
85
|
strokeWidth: "1",
|
|
84
86
|
cx: "12",
|
|
85
87
|
cy: "12",
|
|
86
|
-
r: "3.
|
|
88
|
+
r: "3.15"
|
|
87
89
|
})] })
|
|
88
90
|
},
|
|
89
91
|
"eye-off": {
|
|
@@ -92,14 +94,14 @@ var r = (() => {
|
|
|
92
94
|
/* @__PURE__ */ t("path", {
|
|
93
95
|
vectorEffect: "non-scaling-stroke",
|
|
94
96
|
strokeWidth: "1",
|
|
95
|
-
d: "
|
|
97
|
+
d: "M3 12 C7.5 5.7 16.5 5.7 21 12 C16.5 18.3 7.5 18.3 3 12 Z"
|
|
96
98
|
}),
|
|
97
99
|
/* @__PURE__ */ t("circle", {
|
|
98
100
|
vectorEffect: "non-scaling-stroke",
|
|
99
101
|
strokeWidth: "1",
|
|
100
102
|
cx: "12",
|
|
101
103
|
cy: "12",
|
|
102
|
-
r: "3.
|
|
104
|
+
r: "3.15"
|
|
103
105
|
}),
|
|
104
106
|
/* @__PURE__ */ t("path", {
|
|
105
107
|
vectorEffect: "non-scaling-stroke",
|
|
@@ -196,28 +198,28 @@ var r = (() => {
|
|
|
196
198
|
strokeWidth: "1",
|
|
197
199
|
strokeLinecap: "round",
|
|
198
200
|
strokeLinejoin: "round",
|
|
199
|
-
d: "
|
|
201
|
+
d: "M4.5 3.5h4.5a1 1 0 0 1 1 1v6.5a1 1 0 0 1 -1 1h-4.5a1 1 0 0 1 -1 -1v-6.5a1 1 0 0 1 1 -1"
|
|
200
202
|
}),
|
|
201
203
|
/* @__PURE__ */ t("path", {
|
|
202
204
|
vectorEffect: "non-scaling-stroke",
|
|
203
205
|
strokeWidth: "1",
|
|
204
206
|
strokeLinecap: "round",
|
|
205
207
|
strokeLinejoin: "round",
|
|
206
|
-
d: "
|
|
208
|
+
d: "M4.5 16h4.5a1 1 0 0 1 1 1v2.5a1 1 0 0 1 -1 1h-4.5a1 1 0 0 1 -1 -1v-2.5a1 1 0 0 1 1 -1"
|
|
207
209
|
}),
|
|
208
210
|
/* @__PURE__ */ t("path", {
|
|
209
211
|
vectorEffect: "non-scaling-stroke",
|
|
210
212
|
strokeWidth: "1",
|
|
211
213
|
strokeLinecap: "round",
|
|
212
214
|
strokeLinejoin: "round",
|
|
213
|
-
d: "M15
|
|
215
|
+
d: "M15 12h4.5a1 1 0 0 1 1 1v6.5a1 1 0 0 1 -1 1h-4.5a1 1 0 0 1 -1 -1v-6.5a1 1 0 0 1 1 -1"
|
|
214
216
|
}),
|
|
215
217
|
/* @__PURE__ */ t("path", {
|
|
216
218
|
vectorEffect: "non-scaling-stroke",
|
|
217
219
|
strokeWidth: "1",
|
|
218
220
|
strokeLinecap: "round",
|
|
219
221
|
strokeLinejoin: "round",
|
|
220
|
-
d: "M15
|
|
222
|
+
d: "M15 3.5h4.5a1 1 0 0 1 1 1v2.5a1 1 0 0 1 -1 1h-4.5a1 1 0 0 1 -1 -1v-2.5a1 1 0 0 1 1 -1"
|
|
221
223
|
})
|
|
222
224
|
] })
|
|
223
225
|
},
|
|
@@ -262,28 +264,28 @@ var r = (() => {
|
|
|
262
264
|
strokeWidth: "1",
|
|
263
265
|
strokeLinecap: "round",
|
|
264
266
|
strokeLinejoin: "round",
|
|
265
|
-
d: "
|
|
267
|
+
d: "M3.5 3.5l6.5 0"
|
|
266
268
|
}),
|
|
267
269
|
/* @__PURE__ */ t("path", {
|
|
268
270
|
vectorEffect: "non-scaling-stroke",
|
|
269
271
|
strokeWidth: "1",
|
|
270
272
|
strokeLinecap: "round",
|
|
271
273
|
strokeLinejoin: "round",
|
|
272
|
-
d: "M14
|
|
274
|
+
d: "M14 3.5l6.5 0"
|
|
273
275
|
}),
|
|
274
276
|
/* @__PURE__ */ t("path", {
|
|
275
277
|
vectorEffect: "non-scaling-stroke",
|
|
276
278
|
strokeWidth: "1",
|
|
277
279
|
strokeLinecap: "round",
|
|
278
280
|
strokeLinejoin: "round",
|
|
279
|
-
d: "
|
|
281
|
+
d: "M3.5 9.5a2 2 0 0 1 2 -2h2.5a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-2.5a2 2 0 0 1 -2 -2l0 -9"
|
|
280
282
|
}),
|
|
281
283
|
/* @__PURE__ */ t("path", {
|
|
282
284
|
vectorEffect: "non-scaling-stroke",
|
|
283
285
|
strokeWidth: "1",
|
|
284
286
|
strokeLinecap: "round",
|
|
285
287
|
strokeLinejoin: "round",
|
|
286
|
-
d: "M14
|
|
288
|
+
d: "M14 9.5a2 2 0 0 1 2 -2h2.5a2 2 0 0 1 2 2v2.5a2 2 0 0 1 -2 2h-2.5a2 2 0 0 1 -2 -2l0 -2.5"
|
|
287
289
|
})
|
|
288
290
|
] })
|
|
289
291
|
},
|
|
@@ -353,7 +355,7 @@ var r = (() => {
|
|
|
353
355
|
strokeWidth: "1",
|
|
354
356
|
strokeLinecap: "round",
|
|
355
357
|
strokeLinejoin: "round",
|
|
356
|
-
d: "
|
|
358
|
+
d: "M4 12l16 0"
|
|
357
359
|
})
|
|
358
360
|
},
|
|
359
361
|
sparkles: {
|
|
@@ -420,7 +422,7 @@ var r = (() => {
|
|
|
420
422
|
strokeWidth: "1",
|
|
421
423
|
strokeLinecap: "round",
|
|
422
424
|
strokeLinejoin: "round",
|
|
423
|
-
d: "
|
|
425
|
+
d: "M21 18a2 2 0 0 1 -2 2H5a2 2 0 0 1 -2 -2V6a2 2 0 0 1 2 -2h4l2 3h8a2 2 0 0 1 2 2z"
|
|
424
426
|
})
|
|
425
427
|
},
|
|
426
428
|
"folder-open": {
|
|
@@ -430,7 +432,7 @@ var r = (() => {
|
|
|
430
432
|
strokeWidth: "1",
|
|
431
433
|
strokeLinecap: "round",
|
|
432
434
|
strokeLinejoin: "round",
|
|
433
|
-
d: "M5
|
|
435
|
+
d: "M5 20a2 2 0 0 1 -2 -2V6a2 2 0 0 1 2 -2h4l2 3h6a2 2 0 0 1 2 2v2M5 20l2.21 -8.26a1 1 0 0 1 .97 -.74H20a1 1 0 0 1 .98 1.2l-1.25 6.2a2 2 0 0 1 -1.96 1.6z"
|
|
434
436
|
})
|
|
435
437
|
},
|
|
436
438
|
trash: {
|
|
@@ -543,7 +545,7 @@ var r = (() => {
|
|
|
543
545
|
strokeWidth: "1",
|
|
544
546
|
strokeLinecap: "round",
|
|
545
547
|
strokeLinejoin: "round",
|
|
546
|
-
d: "
|
|
548
|
+
d: "M3.07 10.875a9 9 0 1 1 .587 4.5m-.587 5.625v-5.625h5.625"
|
|
547
549
|
})
|
|
548
550
|
},
|
|
549
551
|
lifebuoy: {
|
|
@@ -594,8 +596,9 @@ var r = (() => {
|
|
|
594
596
|
render: () => /* @__PURE__ */ t("path", {
|
|
595
597
|
vectorEffect: "non-scaling-stroke",
|
|
596
598
|
strokeWidth: "1",
|
|
597
|
-
|
|
598
|
-
|
|
599
|
+
strokeLinecap: "round",
|
|
600
|
+
strokeLinejoin: "round",
|
|
601
|
+
d: "M6.5 3 L21 12 L6.5 21 Z"
|
|
599
602
|
})
|
|
600
603
|
},
|
|
601
604
|
pause: {
|
|
@@ -605,13 +608,13 @@ var r = (() => {
|
|
|
605
608
|
strokeWidth: "1",
|
|
606
609
|
strokeLinecap: "round",
|
|
607
610
|
strokeLinejoin: "round",
|
|
608
|
-
d: "
|
|
611
|
+
d: "M5.25 4a1 1 0 0 1 1 -1h2.5a1 1 0 0 1 1 1v16a1 1 0 0 1 -1 1h-2.5a1 1 0 0 1 -1 -1z"
|
|
609
612
|
}), /* @__PURE__ */ t("path", {
|
|
610
613
|
vectorEffect: "non-scaling-stroke",
|
|
611
614
|
strokeWidth: "1",
|
|
612
615
|
strokeLinecap: "round",
|
|
613
616
|
strokeLinejoin: "round",
|
|
614
|
-
d: "M14
|
|
617
|
+
d: "M14.25 4a1 1 0 0 1 1 -1h2.5a1 1 0 0 1 1 1v16a1 1 0 0 1 -1 1h-2.5a1 1 0 0 1 -1 -1z"
|
|
615
618
|
})] })
|
|
616
619
|
},
|
|
617
620
|
stop: {
|
|
@@ -619,8 +622,9 @@ var r = (() => {
|
|
|
619
622
|
render: () => /* @__PURE__ */ t("path", {
|
|
620
623
|
vectorEffect: "non-scaling-stroke",
|
|
621
624
|
strokeWidth: "1",
|
|
622
|
-
|
|
623
|
-
|
|
625
|
+
strokeLinecap: "round",
|
|
626
|
+
strokeLinejoin: "round",
|
|
627
|
+
d: "M5 4h14a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-14a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1z"
|
|
624
628
|
})
|
|
625
629
|
},
|
|
626
630
|
sun: {
|
|
@@ -755,7 +759,7 @@ var r = (() => {
|
|
|
755
759
|
strokeWidth: "1",
|
|
756
760
|
strokeLinecap: "round",
|
|
757
761
|
strokeLinejoin: "round",
|
|
758
|
-
d: "M3
|
|
762
|
+
d: "M3 3v16a2 2 0 0 0 2 2h16"
|
|
759
763
|
}),
|
|
760
764
|
/* @__PURE__ */ t("path", {
|
|
761
765
|
vectorEffect: "non-scaling-stroke",
|
|
@@ -801,7 +805,7 @@ var r = (() => {
|
|
|
801
805
|
strokeWidth: "1",
|
|
802
806
|
strokeLinecap: "round",
|
|
803
807
|
strokeLinejoin: "round",
|
|
804
|
-
d: "
|
|
808
|
+
d: "M4 12l5.33 5.33l10.67 -10.67"
|
|
805
809
|
})
|
|
806
810
|
},
|
|
807
811
|
"chevrons-up-down": {
|
|
@@ -811,13 +815,13 @@ var r = (() => {
|
|
|
811
815
|
strokeWidth: "1",
|
|
812
816
|
strokeLinecap: "round",
|
|
813
817
|
strokeLinejoin: "round",
|
|
814
|
-
d: "
|
|
818
|
+
d: "M5 10l7 -7l7 7"
|
|
815
819
|
}), /* @__PURE__ */ t("path", {
|
|
816
820
|
vectorEffect: "non-scaling-stroke",
|
|
817
821
|
strokeWidth: "1",
|
|
818
822
|
strokeLinecap: "round",
|
|
819
823
|
strokeLinejoin: "round",
|
|
820
|
-
d: "
|
|
824
|
+
d: "M19 14l-7 7l-7 -7"
|
|
821
825
|
})] })
|
|
822
826
|
},
|
|
823
827
|
"credit-card": {
|
|
@@ -877,21 +881,21 @@ var r = (() => {
|
|
|
877
881
|
strokeWidth: "1",
|
|
878
882
|
strokeLinecap: "round",
|
|
879
883
|
strokeLinejoin: "round",
|
|
880
|
-
d: "
|
|
884
|
+
d: "M3 17v2a2 2 0 0 0 2 2h14a2 2 0 0 0 2 -2v-2"
|
|
881
885
|
}),
|
|
882
886
|
/* @__PURE__ */ t("path", {
|
|
883
887
|
vectorEffect: "non-scaling-stroke",
|
|
884
888
|
strokeWidth: "1",
|
|
885
889
|
strokeLinecap: "round",
|
|
886
890
|
strokeLinejoin: "round",
|
|
887
|
-
d: "
|
|
891
|
+
d: "M6 10l6 6l6 -6"
|
|
888
892
|
}),
|
|
889
893
|
/* @__PURE__ */ t("path", {
|
|
890
894
|
vectorEffect: "non-scaling-stroke",
|
|
891
895
|
strokeWidth: "1",
|
|
892
896
|
strokeLinecap: "round",
|
|
893
897
|
strokeLinejoin: "round",
|
|
894
|
-
d: "M12
|
|
898
|
+
d: "M12 3l0 13"
|
|
895
899
|
})
|
|
896
900
|
] })
|
|
897
901
|
},
|
|
@@ -902,13 +906,13 @@ var r = (() => {
|
|
|
902
906
|
strokeWidth: "1",
|
|
903
907
|
strokeLinecap: "round",
|
|
904
908
|
strokeLinejoin: "round",
|
|
905
|
-
d: "
|
|
909
|
+
d: "M21 9.3l-9 -3.6l-9 3.6l9 3.6l9 -3.6v5.4"
|
|
906
910
|
}), /* @__PURE__ */ t("path", {
|
|
907
911
|
vectorEffect: "non-scaling-stroke",
|
|
908
912
|
strokeWidth: "1",
|
|
909
913
|
strokeLinecap: "round",
|
|
910
914
|
strokeLinejoin: "round",
|
|
911
|
-
d: "M6 10.
|
|
915
|
+
d: "M6.6 10.74v4.86a5.4 2.7 0 0 0 10.8 0v-4.86"
|
|
912
916
|
})] })
|
|
913
917
|
},
|
|
914
918
|
key: {
|
|
@@ -1111,13 +1115,13 @@ var r = (() => {
|
|
|
1111
1115
|
strokeWidth: "1",
|
|
1112
1116
|
strokeLinecap: "round",
|
|
1113
1117
|
strokeLinejoin: "round",
|
|
1114
|
-
d: "
|
|
1118
|
+
d: "M3.5 3.5m0 2a2 2 0 0 1 2 -2h13a2 2 0 0 1 2 2v13a2 2 0 0 1 -2 2h-13a2 2 0 0 1 -2 -2z"
|
|
1115
1119
|
}), /* @__PURE__ */ t("path", {
|
|
1116
1120
|
vectorEffect: "non-scaling-stroke",
|
|
1117
1121
|
strokeWidth: "1",
|
|
1118
1122
|
strokeLinecap: "round",
|
|
1119
1123
|
strokeLinejoin: "round",
|
|
1120
|
-
d: "M9
|
|
1124
|
+
d: "M9 3.5l0 17"
|
|
1121
1125
|
})] })
|
|
1122
1126
|
},
|
|
1123
1127
|
plus: {
|
|
@@ -1127,13 +1131,13 @@ var r = (() => {
|
|
|
1127
1131
|
strokeWidth: "1",
|
|
1128
1132
|
strokeLinecap: "round",
|
|
1129
1133
|
strokeLinejoin: "round",
|
|
1130
|
-
d: "M12
|
|
1134
|
+
d: "M12 4l0 16"
|
|
1131
1135
|
}), /* @__PURE__ */ t("path", {
|
|
1132
1136
|
vectorEffect: "non-scaling-stroke",
|
|
1133
1137
|
strokeWidth: "1",
|
|
1134
1138
|
strokeLinecap: "round",
|
|
1135
1139
|
strokeLinejoin: "round",
|
|
1136
|
-
d: "
|
|
1140
|
+
d: "M4 12l16 0"
|
|
1137
1141
|
})] })
|
|
1138
1142
|
},
|
|
1139
1143
|
receipt: {
|
|
@@ -1260,21 +1264,21 @@ var r = (() => {
|
|
|
1260
1264
|
strokeWidth: "1",
|
|
1261
1265
|
strokeLinecap: "round",
|
|
1262
1266
|
strokeLinejoin: "round",
|
|
1263
|
-
d: "M12
|
|
1267
|
+
d: "M12 17V3"
|
|
1264
1268
|
}),
|
|
1265
1269
|
/* @__PURE__ */ t("path", {
|
|
1266
1270
|
vectorEffect: "non-scaling-stroke",
|
|
1267
1271
|
strokeWidth: "1",
|
|
1268
1272
|
strokeLinecap: "round",
|
|
1269
1273
|
strokeLinejoin: "round",
|
|
1270
|
-
d: "M6
|
|
1274
|
+
d: "M6 9l6 -6l6 6"
|
|
1271
1275
|
}),
|
|
1272
1276
|
/* @__PURE__ */ t("path", {
|
|
1273
1277
|
vectorEffect: "non-scaling-stroke",
|
|
1274
1278
|
strokeWidth: "1",
|
|
1275
1279
|
strokeLinecap: "round",
|
|
1276
1280
|
strokeLinejoin: "round",
|
|
1277
|
-
d: "
|
|
1281
|
+
d: "M3 21h18"
|
|
1278
1282
|
})
|
|
1279
1283
|
] })
|
|
1280
1284
|
},
|
|
@@ -1336,20 +1340,15 @@ var r = (() => {
|
|
|
1336
1340
|
})
|
|
1337
1341
|
] })
|
|
1338
1342
|
},
|
|
1339
|
-
"chevron-right":
|
|
1340
|
-
viewBox: "0 0 24 24",
|
|
1341
|
-
render: () => /* @__PURE__ */ t("path", {
|
|
1342
|
-
vectorEffect: "non-scaling-stroke",
|
|
1343
|
-
strokeWidth: "1",
|
|
1344
|
-
d: "M6 0 L18 12 L6 24"
|
|
1345
|
-
})
|
|
1346
|
-
},
|
|
1343
|
+
"chevron-right": i,
|
|
1347
1344
|
"chevron-down": {
|
|
1348
1345
|
viewBox: "0 0 24 24",
|
|
1349
1346
|
render: () => /* @__PURE__ */ t("path", {
|
|
1350
1347
|
vectorEffect: "non-scaling-stroke",
|
|
1351
1348
|
strokeWidth: "1",
|
|
1352
|
-
|
|
1349
|
+
strokeLinecap: "round",
|
|
1350
|
+
strokeLinejoin: "round",
|
|
1351
|
+
d: "M21 7.5 L12 16.5 L3 7.5"
|
|
1353
1352
|
})
|
|
1354
1353
|
},
|
|
1355
1354
|
"chevron-up": {
|
|
@@ -1357,7 +1356,9 @@ var r = (() => {
|
|
|
1357
1356
|
render: () => /* @__PURE__ */ t("path", {
|
|
1358
1357
|
vectorEffect: "non-scaling-stroke",
|
|
1359
1358
|
strokeWidth: "1",
|
|
1360
|
-
|
|
1359
|
+
strokeLinecap: "round",
|
|
1360
|
+
strokeLinejoin: "round",
|
|
1361
|
+
d: "M3 16.5 L12 7.5 L21 16.5"
|
|
1361
1362
|
})
|
|
1362
1363
|
},
|
|
1363
1364
|
info: {
|
|
@@ -1430,21 +1431,21 @@ var r = (() => {
|
|
|
1430
1431
|
vectorEffect: "non-scaling-stroke",
|
|
1431
1432
|
strokeWidth: "1",
|
|
1432
1433
|
strokeLinecap: "round",
|
|
1433
|
-
d: "M9 3l0
|
|
1434
|
+
d: "M9 3l0 3M15 3l0 3"
|
|
1434
1435
|
}),
|
|
1435
1436
|
/* @__PURE__ */ t("path", {
|
|
1436
1437
|
vectorEffect: "non-scaling-stroke",
|
|
1437
1438
|
strokeWidth: "1",
|
|
1438
1439
|
strokeLinecap: "round",
|
|
1439
1440
|
strokeLinejoin: "round",
|
|
1440
|
-
d: "
|
|
1441
|
+
d: "M6.5 6h11v2.5a5.5 5.5 0 0 1 -11 0z"
|
|
1441
1442
|
}),
|
|
1442
1443
|
/* @__PURE__ */ t("path", {
|
|
1443
1444
|
vectorEffect: "non-scaling-stroke",
|
|
1444
1445
|
strokeWidth: "1",
|
|
1445
1446
|
strokeLinecap: "round",
|
|
1446
1447
|
strokeLinejoin: "round",
|
|
1447
|
-
d: "M12
|
|
1448
|
+
d: "M12 14l0 2l-2 2.5h4l-2 2.5"
|
|
1448
1449
|
})
|
|
1449
1450
|
] })
|
|
1450
1451
|
},
|
|
@@ -1523,7 +1524,7 @@ var r = (() => {
|
|
|
1523
1524
|
strokeWidth: "1",
|
|
1524
1525
|
strokeLinecap: "round",
|
|
1525
1526
|
strokeLinejoin: "round",
|
|
1526
|
-
d: "M5 21l0 -
|
|
1527
|
+
d: "M5 21l0 -16a2 2 0 0 1 2 -2l10 0a2 2 0 0 1 2 2l0 16"
|
|
1527
1528
|
}),
|
|
1528
1529
|
/* @__PURE__ */ t("path", {
|
|
1529
1530
|
vectorEffect: "non-scaling-stroke",
|
|
@@ -1546,7 +1547,7 @@ var r = (() => {
|
|
|
1546
1547
|
strokeWidth: "1",
|
|
1547
1548
|
strokeLinecap: "round",
|
|
1548
1549
|
strokeLinejoin: "round",
|
|
1549
|
-
d: "
|
|
1550
|
+
d: "M3 21l18 -9l-18 -9l0 7.31l11.25 1.69l-11.25 1.69z"
|
|
1550
1551
|
})
|
|
1551
1552
|
},
|
|
1552
1553
|
"external-link": {
|
|
@@ -1605,13 +1606,13 @@ var r = (() => {
|
|
|
1605
1606
|
strokeWidth: "1",
|
|
1606
1607
|
strokeLinecap: "round",
|
|
1607
1608
|
strokeLinejoin: "round",
|
|
1608
|
-
d: "M3
|
|
1609
|
+
d: "M3 12L6.45 5.11A2 2 0 0 1 8.24 4H15.76A2 2 0 0 1 17.55 5.11L21 12V18A2 2 0 0 1 19 20H5A2 2 0 0 1 3 18Z"
|
|
1609
1610
|
}), /* @__PURE__ */ t("path", {
|
|
1610
1611
|
vectorEffect: "non-scaling-stroke",
|
|
1611
1612
|
strokeWidth: "1",
|
|
1612
1613
|
strokeLinecap: "round",
|
|
1613
1614
|
strokeLinejoin: "round",
|
|
1614
|
-
d: "
|
|
1615
|
+
d: "M21 12h-5l-2 3h-4l-2 -3H3"
|
|
1615
1616
|
})] })
|
|
1616
1617
|
},
|
|
1617
1618
|
library: {
|
|
@@ -1652,11 +1653,14 @@ var r = (() => {
|
|
|
1652
1653
|
/* @__PURE__ */ t("path", {
|
|
1653
1654
|
vectorEffect: "non-scaling-stroke",
|
|
1654
1655
|
strokeWidth: "1",
|
|
1655
|
-
|
|
1656
|
+
strokeLinecap: "round",
|
|
1657
|
+
strokeLinejoin: "round",
|
|
1658
|
+
d: "M5 6h14a2 2 0 0 1 2 2v11a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2z"
|
|
1656
1659
|
}),
|
|
1657
1660
|
/* @__PURE__ */ t("path", {
|
|
1658
1661
|
vectorEffect: "non-scaling-stroke",
|
|
1659
1662
|
strokeWidth: "1",
|
|
1663
|
+
strokeLinecap: "round",
|
|
1660
1664
|
d: "M3 10 H21"
|
|
1661
1665
|
}),
|
|
1662
1666
|
/* @__PURE__ */ t("path", {
|
|
@@ -1724,9 +1728,9 @@ var r = (() => {
|
|
|
1724
1728
|
})
|
|
1725
1729
|
] })
|
|
1726
1730
|
}
|
|
1727
|
-
},
|
|
1728
|
-
function
|
|
1729
|
-
let
|
|
1731
|
+
}, o = Object.keys(a);
|
|
1732
|
+
function s({ name: e, size: n = "md", className: r }) {
|
|
1733
|
+
let i = a[e];
|
|
1730
1734
|
return /* @__PURE__ */ t("svg", {
|
|
1731
1735
|
className: [
|
|
1732
1736
|
"icon",
|
|
@@ -1735,11 +1739,11 @@ function o({ name: e, size: n = "md", className: r }) {
|
|
|
1735
1739
|
].filter(Boolean).join(" "),
|
|
1736
1740
|
"aria-hidden": "true",
|
|
1737
1741
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1738
|
-
viewBox:
|
|
1742
|
+
viewBox: i.viewBox,
|
|
1739
1743
|
fill: "none",
|
|
1740
1744
|
stroke: "currentColor",
|
|
1741
|
-
children:
|
|
1745
|
+
children: i.render()
|
|
1742
1746
|
});
|
|
1743
1747
|
}
|
|
1744
1748
|
//#endregion
|
|
1745
|
-
export {
|
|
1749
|
+
export { o as ICON_NAMES, s as Icon, r as MENU_GLYPH };
|
package/dist/input-phone.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.input-phone__country{all:unset;box-sizing:border-box}.input-phone__country:hover,.input-phone__country:active{color:var(--input-color);border-color:inherit;background-color:#0000}.input-phone{width:var(--input-width);block-size:var(--input-height);border-radius:var(--input-border-radius);border-width:var(--input-border-width);border-style:var(--input-border-style);border-color:var(--input-border-color);background-color:var(--input-bg);box-sizing:border-box;transition:border-color var(--input-transition-duration) var(--input-transition-easing);align-items:stretch;display:flex}.input-phone:has(:focus-visible){border-color:var(--input-focus-border-color);box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-bg)}.input-phone__country{justify-content:space-between;align-items:center;gap:var(--input-phone-country-gap);width:var(--input-phone-country-width);padding-block:0;padding-inline:var(--input-padding-inline);font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);color:var(--input-color);border:none;border-inline-end-width:var(--input-phone-country-border-width);border-inline-end-style:var(--input-phone-country-border-style);border-inline-end-color:var(--input-phone-country-border-color);cursor:pointer;box-sizing:border-box;background:0 0;flex-shrink:0;display:inline-flex}.input-phone__country:focus,.input-phone__country[data-popup-open]{outline:none}.input-phone__country-icon{width:var(--input-phone-country-icon-size);transition:transform var(--input-transition-duration) var(--input-phone-country-icon-transition-easing);flex-shrink:0;transform:rotate(90deg)}.input-phone__country[data-popup-open] .input-phone__country-icon{transform:rotate(-90deg)}.input-phone__country-positioner{z-index:var(--input-phone-content-z-index)}.input-phone__country-content{background-color:var(--input-bg);border-width:var(--input-border-width);border-style:var(--input-border-style);border-color:var(--input-border-color);min-width:var(--anchor-width);max-height:var(--input-phone-content-max-height);overscroll-behavior:contain;overflow-y:auto}.input-phone__country-item{padding-block:var(--input-phone-country-item-padding-block);padding-inline:var(--input-padding-inline);font-family:var(--input-font-family);font-size:var(--input-font-size);cursor:pointer;align-items:center;display:flex}.input-phone__country-item[data-highlighted]{background-color:var(--input-phone-country-item-highlighted-bg);color:var(--input-phone-country-item-highlighted-color)}.input-phone .PhoneInputCountry{flex-shrink:0;align-items:stretch;display:flex}.input-phone .input-phone__number{min-width:0;padding-block:0;padding-inline:var(--input-padding-inline);font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);color:var(--input-color);box-sizing:border-box;background:0 0;border:none;outline:none;flex:1}.input-phone__number::placeholder{color:var(--input-placeholder-color)}.input-phone.input-phone--error{border-color:var(--input-error-border-color)}.input-phone.input-phone--error:has(:focus-visible){box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-error-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-error-bg);border-color:var(--input-error-focus-border-color)}.input-phone.input-phone--error .input-phone__number::placeholder{color:var(--input-error-placeholder-color)}.input-phone:has(.input-phone__number:disabled){background-color:var(--input-disabled-bg);border-color:var(--input-disabled-border-color);pointer-events:none}.input-phone.input-phone--sm{--input-height:var(--input-sm-height);--input-padding-inline:var(--input-sm-padding-inline);--input-font-size:var(--input-sm-font-size);--input-phone-country-width:var(--input-phone-sm-country-width)}.input-phone.input-phone--lg{--input-height:var(--input-lg-height);--input-padding-inline:var(--input-lg-padding-inline);--input-font-size:var(--input-lg-font-size);--input-phone-country-width:var(--input-phone-lg-country-width)}.input-phone__country-content--sm .input-phone__country-item{font-size:var(--input-sm-font-size)}.input-phone__country-content--lg .input-phone__country-item{font-size:var(--input-lg-font-size)}
|
|
1
|
+
.input-phone__country{all:unset;box-sizing:border-box}.input-phone__country:hover,.input-phone__country:active{color:var(--input-color);border-color:inherit;background-color:#0000}.input-phone{width:var(--input-width);block-size:var(--input-height);border-radius:var(--input-border-radius);border-width:var(--input-border-width);border-style:var(--input-border-style);border-color:var(--input-border-color);background-color:var(--input-bg);box-sizing:border-box;transition:border-color var(--input-transition-duration) var(--input-transition-easing);align-items:stretch;display:flex}.input-phone:has(:focus-visible){border-color:var(--input-focus-border-color);box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-bg)}.input-phone__country{justify-content:space-between;align-items:center;gap:var(--input-phone-country-gap);width:var(--input-phone-country-width);padding-block:0;padding-inline:var(--input-padding-inline);font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);color:var(--input-color);border:none;border-inline-end-width:var(--input-phone-country-border-width);border-inline-end-style:var(--input-phone-country-border-style);border-inline-end-color:var(--input-phone-country-border-color);cursor:pointer;box-sizing:border-box;background:0 0;flex-shrink:0;display:inline-flex}.input-phone__country:focus,.input-phone__country[data-popup-open]{outline:none}.input-phone__country-icon{width:var(--input-phone-country-icon-size);transition:transform var(--input-transition-duration) var(--input-phone-country-icon-transition-easing);flex-shrink:0;transform:rotate(90deg)}.input-phone__country[data-popup-open] .input-phone__country-icon{transform:rotate(-90deg)}.input-phone__country-positioner{z-index:var(--input-phone-content-z-index)}.input-phone__country-content{background-color:var(--input-bg);border-width:var(--input-border-width);border-style:var(--input-border-style);border-color:var(--input-border-color);min-width:var(--anchor-width);max-height:var(--input-phone-content-max-height);overscroll-behavior:contain;overflow-y:auto}.input-phone__country-item{padding-block:var(--input-phone-country-item-padding-block);padding-inline:var(--input-padding-inline);font-family:var(--input-font-family);font-size:var(--input-font-size);cursor:pointer;align-items:center;display:flex}.input-phone__country-item[data-highlighted]{background-color:var(--input-phone-country-item-highlighted-bg);color:var(--input-phone-country-item-highlighted-color)}.input-phone .PhoneInputCountry{flex-shrink:0;align-items:stretch;display:flex}.input-phone .input-phone__number{min-width:0;padding-block:0;padding-inline:var(--input-padding-inline);font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);color:var(--input-color);box-sizing:border-box;background:0 0;border:none;outline:none;flex:1}.input-phone__number::placeholder{color:var(--input-placeholder-color)}.input-phone.input-phone--error{border-color:var(--input-error-border-color)}.input-phone.input-phone--error:has(:focus-visible){box-shadow:inset 0 0 0 calc(var(--input-focus-ring-width) + var(--input-focus-ring-inset-offset)) var(--input-error-focus-ring-color), inset 0 0 0 var(--input-focus-ring-inset-offset) var(--input-error-bg);border-color:var(--input-error-focus-border-color)}.input-phone.input-phone--error .input-phone__number::placeholder{color:var(--input-error-placeholder-color)}.input-phone:has(.input-phone__number:disabled){background-color:var(--input-disabled-bg);border-color:var(--input-disabled-border-color);pointer-events:none}.input-phone.input-phone--sm{--input-height:var(--input-sm-height);--input-padding-inline:var(--input-sm-padding-inline);--input-font-size:var(--input-sm-font-size);--input-phone-country-width:var(--input-phone-sm-country-width);--input-phone-country-icon-size:var(--input-phone-sm-country-icon-size)}.input-phone.input-phone--lg{--input-height:var(--input-lg-height);--input-padding-inline:var(--input-lg-padding-inline);--input-font-size:var(--input-lg-font-size);--input-phone-country-width:var(--input-phone-lg-country-width)}.input-phone__country-content--sm .input-phone__country-item{font-size:var(--input-sm-font-size)}.input-phone__country-content--lg .input-phone__country-item{font-size:var(--input-lg-font-size)}
|
package/dist/input-phone.js
CHANGED
|
@@ -9,7 +9,7 @@ import { Select as s } from "@base-ui/react/select";
|
|
|
9
9
|
import c, { getCountryCallingCode as l } from "react-phone-number-input";
|
|
10
10
|
//#region src/stories/atoms/InputPhone/InputPhone.tsx
|
|
11
11
|
function u({ value: r, onChange: i, options: c, disabled: u, size: d = "md", countryLabel: f, internationalLabel: p = "🌐", container: m }) {
|
|
12
|
-
let h = e("inputPhone"), g = n(m), _ = "__intl__", v = (e) => e ?? _, y = (e) => e === _ ? void 0 : e, b = d === "
|
|
12
|
+
let h = e("inputPhone"), g = n(m), _ = "__intl__", v = (e) => e ?? _, y = (e) => e === _ ? void 0 : e, b = d === "lg" ? "md" : "sm", x = ["input-phone__country-content", d === "md" ? "" : `input-phone__country-content--${d}`].filter(Boolean).join(" ");
|
|
13
13
|
return /* @__PURE__ */ o(s.Root, {
|
|
14
14
|
value: v(r),
|
|
15
15
|
onValueChange: (e) => i(y(e)),
|
package/dist/pagination.js
CHANGED
|
@@ -51,7 +51,7 @@ function o(e, t) {
|
|
|
51
51
|
function s({ mode: s = "pages", total: c, pageCount: l, page: u = 1, pageSize: d = 10, hrefs: f, previousHref: p, nextHref: m, onPrevious: h, onNext: g, onPageChange: _, hrefBuilder: v, linkComponent: y, onPageSizeChange: b, pageSizeOptions: x, afterPageSize: S, showTotal: C = !1, size: w = "md", ariaLabel: T, pageLabel: E, previousLabel: D, nextLabel: O, pagesGroupLabel: k, pageSizeLabel: A, totalLabel: j, className: M }) {
|
|
52
52
|
let N = e("pagination"), P = v ?? (f ? (e) => f[e] : void 0), F = y ?? "a";
|
|
53
53
|
if (s === "cursor") {
|
|
54
|
-
let e = w === "
|
|
54
|
+
let e = w === "lg" ? "md" : "sm", n = (n) => {
|
|
55
55
|
let i = n === "prev" ? p : m, a = n === "prev" ? h : g, o = !i && !a, s = n === "prev" ? N("previous", D) : N("next", O), c = /* @__PURE__ */ r(t, {
|
|
56
56
|
name: "chevron",
|
|
57
57
|
size: e,
|
|
@@ -115,7 +115,7 @@ function s({ mode: s = "pages", total: c, pageCount: l, page: u = 1, pageSize: d
|
|
|
115
115
|
function B(e, n, i) {
|
|
116
116
|
let a = n === "prev" ? N("previous", D) : N("next", O), o = /* @__PURE__ */ r(t, {
|
|
117
117
|
name: "chevron",
|
|
118
|
-
size: w === "
|
|
118
|
+
size: w === "lg" ? "md" : "sm",
|
|
119
119
|
className: n === "prev" ? "pagination__chevron--prev" : void 0
|
|
120
120
|
});
|
|
121
121
|
return P && !i ? /* @__PURE__ */ r(F, {
|
package/dist/scroll-area.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.scroll-area{position:relative;overflow:hidden}.scroll-area__viewport{overscroll-behavior:contain;block-size:100%}.scroll-area__viewport:focus-visible{outline:var(--scroll-area-focus-ring-width) solid var(--scroll-area-focus-ring-color);outline-offset:var(--scroll-area-focus-ring-offset)}.scroll-area__scrollbar{background-color:var(--scroll-area-scrollbar-bg);opacity:0;transition:opacity var(--scroll-area-transition-duration) var(--scroll-area-transition-easing);display:flex}.scroll-area__scrollbar[data-orientation=vertical]{inline-size:var(--scroll-area-scrollbar-size)}.scroll-area__scrollbar[data-orientation=horizontal]{block-size:var(--scroll-area-scrollbar-size);flex-direction:column}.scroll-area__scrollbar[data-hovering],.scroll-area__scrollbar[data-scrolling]{opacity:1}.scroll-area__thumb{background-color:var(--scroll-area-thumb-bg);border-radius:var(--scroll-area-thumb-border-radius);transition:background-color var(--scroll-area-transition-duration) var(--scroll-area-transition-easing);flex:1}.scroll-area__thumb:hover,.scroll-area__scrollbar[data-scrolling] .scroll-area__thumb{background-color:var(--scroll-area-thumb-hover-bg)}.scroll-area__corner{background-color:var(--scroll-area-scrollbar-bg)}
|
|
1
|
+
.scroll-area{position:relative;overflow:hidden}.scroll-area__viewport{overscroll-behavior:contain;block-size:100%}.scroll-area__viewport:focus-visible{outline:var(--scroll-area-focus-ring-width) solid var(--scroll-area-focus-ring-color);outline-offset:var(--scroll-area-focus-ring-offset)}.scroll-area__scrollbar{background-color:var(--scroll-area-scrollbar-bg);opacity:0;transition:opacity var(--scroll-area-transition-duration) var(--scroll-area-transition-easing);display:flex}.scroll-area__scrollbar[data-orientation=vertical]{inline-size:var(--scroll-area-scrollbar-size)}.scroll-area__scrollbar[data-orientation=horizontal]{block-size:var(--scroll-area-scrollbar-size);flex-direction:column}.scroll-area__scrollbar[data-orientation=vertical][data-has-overflow-y][data-hovering],.scroll-area__scrollbar[data-orientation=vertical][data-has-overflow-y][data-scrolling],.scroll-area__scrollbar[data-orientation=horizontal][data-has-overflow-x][data-hovering],.scroll-area__scrollbar[data-orientation=horizontal][data-has-overflow-x][data-scrolling]{opacity:1}.scroll-area__scrollbar[data-orientation=vertical]:not([data-has-overflow-y]),.scroll-area__scrollbar[data-orientation=horizontal]:not([data-has-overflow-x]){visibility:hidden;pointer-events:none}.scroll-area__thumb{background-color:var(--scroll-area-thumb-bg);border-radius:var(--scroll-area-thumb-border-radius);transition:background-color var(--scroll-area-transition-duration) var(--scroll-area-transition-easing);flex:1}.scroll-area__thumb:hover,.scroll-area__scrollbar[data-scrolling] .scroll-area__thumb{background-color:var(--scroll-area-thumb-hover-bg)}.scroll-area__corner{background-color:var(--scroll-area-scrollbar-bg)}
|
package/dist/table.js
CHANGED
|
@@ -45,7 +45,7 @@ function c({ sortable: a = !1, sorted: o = !1, onSort: s, actions: c = !1, actio
|
|
|
45
45
|
onClick: s,
|
|
46
46
|
children: [h, /* @__PURE__ */ r(t, {
|
|
47
47
|
name: "chevron",
|
|
48
|
-
size: "
|
|
48
|
+
size: "sm",
|
|
49
49
|
className: "table__sort-icon"
|
|
50
50
|
})]
|
|
51
51
|
}), /* @__PURE__ */ r(n, { children: o === "asc" ? y("sortedAscending", u) : o === "desc" ? y("sortedDescending", d) : y("sortable", f) })]
|