@studiolxd/brand 49.15.1 → 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 +33 -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/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: "
|
|
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/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) })]
|