welcome-ui 0.0.0-dev.1759252708223 → 0.0.0-dev.1759392523253
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/dist/AspectRatio.css +1 -1
- package/dist/AspectRatio.js +13 -12
- package/dist/Breadcrumb.css +1 -1
- package/dist/Breadcrumb.js +101 -124
- package/dist/Button.css +1 -1
- package/dist/Button.js +49 -49
- package/dist/Modal.css +1 -1
- package/dist/Modal.js +132 -174
- package/dist/Search.js +118 -125
- package/dist/Swiper.js +113 -119
- package/dist/theme.css +1 -1
- package/dist/throttle-BDBzFeFj.js +13 -0
- package/dist/types/components/AspectRatio/index.d.ts +1 -2
- package/dist/types/components/AspectRatio/types.d.ts +12 -3
- package/dist/types/components/Icon/index.d.ts +305 -0
- package/dist/types/components/Modal/components/Close.d.ts +2 -2
- package/dist/types/components/Modal/components/Content.d.ts +3 -5
- package/dist/types/components/Modal/index.d.ts +0 -1
- package/dist/types/components/Modal/types.d.ts +0 -5
- package/dist/types/old/components/Alert/styles.d.ts +4 -4
- package/dist/types/old/components/Avatar/styles.d.ts +4 -4
- package/dist/types/old/components/Card/Cover.styles.d.ts +2 -2
- package/dist/types/old/components/ClearButton/index.d.ts +2 -2
- package/dist/types/old/components/ClearButton/styles.d.ts +2 -2
- package/dist/types/old/components/CloseButton/styles.d.ts +2 -2
- package/dist/types/old/components/Drawer/styles.d.ts +2 -2
- package/dist/types/old/components/InputText/styles.d.ts +1 -1
- package/dist/types/old/components/Link/styles.d.ts +2 -2
- package/dist/types/old/components/Loader/styles.d.ts +2 -2
- package/dist/types/old/components/Modal/Assets/Backdrop.d.ts +2 -2
- package/dist/types/old/components/Modal/Assets/index.d.ts +4 -4
- package/dist/types/old/components/Modal/Assets/styles.d.ts +4 -4
- package/dist/types/old/components/Modal/index.d.ts +4 -4
- package/dist/types/old/components/Modal/styles.d.ts +4 -4
- package/dist/types/old/components/Radio/styles.d.ts +2 -2
- package/dist/types/old/components/Select/index.d.ts +2 -2
- package/dist/types/old/components/Select/styles.d.ts +2 -2
- package/dist/types/old/components/Shape/styles.d.ts +2 -2
- package/dist/types/old/components/Slider/styles.d.ts +10 -10
- package/dist/types/old/components/Swiper/styles.d.ts +2 -2
- package/dist/types/old/components/Toast/styles.d.ts +8 -8
- package/dist/types/theme/tokens.json.d.ts +378 -0
- package/dist/types/theme/types.d.ts +0 -10
- package/dist/types/theme/utils/parseTokens.d.ts +15 -0
- package/dist/types/theme/utils/parseTokens.test.d.ts +1 -0
- package/dist/types/utils/clamp.d.ts +1 -0
- package/dist/types/utils/use-screens.d.ts +2 -2
- package/package.json +4 -2
- package/dist/types/theme/tokens.d.ts +0 -307
package/dist/Swiper.js
CHANGED
|
@@ -7,58 +7,58 @@ import "./Icon-CvQNL_iy.js";
|
|
|
7
7
|
import { L as ue } from "./index-CMBLAO6n.js";
|
|
8
8
|
import { R as fe } from "./index-BYbxYLuX.js";
|
|
9
9
|
import { c as pe } from "./classNames-qiokGROM.js";
|
|
10
|
-
import { u as
|
|
10
|
+
import { u as he } from "./use-viewport-CgrficYB.js";
|
|
11
11
|
var ee, ne;
|
|
12
|
-
function
|
|
12
|
+
function be() {
|
|
13
13
|
if (ne) return ee;
|
|
14
14
|
ne = 1;
|
|
15
|
-
var i = "Expected a function",
|
|
15
|
+
var i = "Expected a function", s = NaN, f = "[object Symbol]", m = /^\s+|\s+$/g, P = /^[-+]0x[0-9a-f]+$/i, j = /^0b[01]+$/i, h = /^0o[0-7]+$/i, _ = parseInt, D = typeof K == "object" && K && K.Object === Object && K, y = typeof self == "object" && self && self.Object === Object && self, F = D || y || Function("return this")(), R = Object.prototype, E = R.toString, c = Math.max, z = Math.min, k = function() {
|
|
16
16
|
return F.Date.now();
|
|
17
17
|
};
|
|
18
|
-
function
|
|
19
|
-
var v,
|
|
18
|
+
function q(e, r, a) {
|
|
19
|
+
var v, x, N, b, g, $, T = 0, M = !1, W = !1, G = !0;
|
|
20
20
|
if (typeof e != "function")
|
|
21
21
|
throw new TypeError(i);
|
|
22
|
-
r = d(r) || 0, w(
|
|
23
|
-
function
|
|
24
|
-
var
|
|
25
|
-
return v =
|
|
22
|
+
r = d(r) || 0, w(a) && (M = !!a.leading, W = "maxWait" in a, N = W ? c(d(a.maxWait) || 0, r) : N, G = "trailing" in a ? !!a.trailing : G);
|
|
23
|
+
function I(t) {
|
|
24
|
+
var l = v, p = x;
|
|
25
|
+
return v = x = void 0, T = t, b = e.apply(p, l), b;
|
|
26
26
|
}
|
|
27
27
|
function Q(t) {
|
|
28
|
-
return
|
|
28
|
+
return T = t, g = setTimeout(L, r), M ? I(t) : b;
|
|
29
29
|
}
|
|
30
30
|
function Y(t) {
|
|
31
|
-
var
|
|
32
|
-
return
|
|
31
|
+
var l = t - $, p = t - T, A = r - l;
|
|
32
|
+
return W ? z(A, N - p) : A;
|
|
33
33
|
}
|
|
34
34
|
function S(t) {
|
|
35
|
-
var
|
|
36
|
-
return
|
|
35
|
+
var l = t - $, p = t - T;
|
|
36
|
+
return $ === void 0 || l >= r || l < 0 || W && p >= N;
|
|
37
37
|
}
|
|
38
|
-
function
|
|
38
|
+
function L() {
|
|
39
39
|
var t = k();
|
|
40
40
|
if (S(t))
|
|
41
41
|
return O(t);
|
|
42
|
-
|
|
42
|
+
g = setTimeout(L, Y(t));
|
|
43
43
|
}
|
|
44
44
|
function O(t) {
|
|
45
|
-
return
|
|
45
|
+
return g = void 0, G && v ? I(t) : (v = x = void 0, b);
|
|
46
46
|
}
|
|
47
47
|
function u() {
|
|
48
|
-
|
|
48
|
+
g !== void 0 && clearTimeout(g), T = 0, v = $ = x = g = void 0;
|
|
49
49
|
}
|
|
50
50
|
function o() {
|
|
51
|
-
return
|
|
51
|
+
return g === void 0 ? b : O(k());
|
|
52
52
|
}
|
|
53
53
|
function n() {
|
|
54
|
-
var t = k(),
|
|
55
|
-
if (v = arguments,
|
|
56
|
-
if (
|
|
57
|
-
return Q(
|
|
58
|
-
if (
|
|
59
|
-
return
|
|
54
|
+
var t = k(), l = S(t);
|
|
55
|
+
if (v = arguments, x = this, $ = t, l) {
|
|
56
|
+
if (g === void 0)
|
|
57
|
+
return Q($);
|
|
58
|
+
if (W)
|
|
59
|
+
return g = setTimeout(L, r), I($);
|
|
60
60
|
}
|
|
61
|
-
return
|
|
61
|
+
return g === void 0 && (g = setTimeout(L, r)), b;
|
|
62
62
|
}
|
|
63
63
|
return n.cancel = u, n.flush = o, n;
|
|
64
64
|
}
|
|
@@ -70,13 +70,13 @@ function he() {
|
|
|
70
70
|
return !!e && typeof e == "object";
|
|
71
71
|
}
|
|
72
72
|
function U(e) {
|
|
73
|
-
return typeof e == "symbol" || V(e) && E.call(e) ==
|
|
73
|
+
return typeof e == "symbol" || V(e) && E.call(e) == f;
|
|
74
74
|
}
|
|
75
75
|
function d(e) {
|
|
76
76
|
if (typeof e == "number")
|
|
77
77
|
return e;
|
|
78
78
|
if (U(e))
|
|
79
|
-
return
|
|
79
|
+
return s;
|
|
80
80
|
if (w(e)) {
|
|
81
81
|
var r = typeof e.valueOf == "function" ? e.valueOf() : e;
|
|
82
82
|
e = w(r) ? r + "" : r;
|
|
@@ -84,36 +84,30 @@ function he() {
|
|
|
84
84
|
if (typeof e != "string")
|
|
85
85
|
return e === 0 ? e : +e;
|
|
86
86
|
e = e.replace(m, "");
|
|
87
|
-
var
|
|
88
|
-
return
|
|
87
|
+
var a = j.test(e);
|
|
88
|
+
return a || h.test(e) ? _(e.slice(2), a ? 2 : 8) : P.test(e) ? s : +e;
|
|
89
89
|
}
|
|
90
|
-
return ee =
|
|
90
|
+
return ee = q, ee;
|
|
91
91
|
}
|
|
92
|
-
var ge =
|
|
93
|
-
const me = /* @__PURE__ */ le(ge), ke = {
|
|
94
|
-
|
|
95
|
-
"--breakpoint-2xl": "1440px",
|
|
96
|
-
"--breakpoint-3xl": "1620px",
|
|
97
|
-
"--breakpoint-4xl": "1920px",
|
|
98
|
-
"--breakpoint-lg": "980px",
|
|
99
|
-
"--breakpoint-md": "736px",
|
|
100
|
-
"--breakpoint-sm": "480px",
|
|
101
|
-
"--breakpoint-xl": "1280px",
|
|
102
|
-
"--breakpoint-xs": "0px"
|
|
103
|
-
}
|
|
92
|
+
var ge = be();
|
|
93
|
+
const me = /* @__PURE__ */ le(ge), ke = { $type: "dimension", "2xl": { $value: "1440px" }, "3xl": { $value: "1620px" }, "4xl": { $value: "1920px" }, lg: { $value: "980px" }, md: { $value: "736px" }, sm: { $value: "480px" }, xl: { $value: "1280px" }, xs: { $value: "0px" } }, we = {
|
|
94
|
+
breakpoint: ke
|
|
104
95
|
};
|
|
105
|
-
function
|
|
106
|
-
return Object.entries(
|
|
107
|
-
|
|
108
|
-
|
|
96
|
+
function _e() {
|
|
97
|
+
return Object.entries(we.breakpoint).reduce((i, [s, f]) => {
|
|
98
|
+
if (s !== "$type" && typeof f == "object" && "$value" in f) {
|
|
99
|
+
const m = typeof f.$value == "string" ? Number(f.$value.replace("px", "")) : f.$value;
|
|
100
|
+
isNaN(m) || (i[s] = m);
|
|
101
|
+
}
|
|
102
|
+
return i;
|
|
109
103
|
}, {});
|
|
110
104
|
}
|
|
111
|
-
const
|
|
112
|
-
root:
|
|
113
|
-
dark:
|
|
114
|
-
bullet:
|
|
105
|
+
const ve = "_root_1rqk8_3", Se = "_dark_1rqk8_9", ye = "_bullet_1rqk8_9", $e = "_container_1rqk8_15", xe = "_arrow_1rqk8_80", Le = "_pagination_1rqk8_117", Pe = {
|
|
106
|
+
root: ve,
|
|
107
|
+
dark: Se,
|
|
108
|
+
bullet: ye,
|
|
115
109
|
"bullet-active": "_bullet-active_1rqk8_12",
|
|
116
|
-
container:
|
|
110
|
+
container: $e,
|
|
117
111
|
"container-mobile": "_container-mobile_1rqk8_44",
|
|
118
112
|
"container-tablet": "_container-tablet_1rqk8_53",
|
|
119
113
|
"container-desktop": "_container-desktop_1rqk8_62",
|
|
@@ -127,32 +121,32 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
|
|
|
127
121
|
pagination: Le,
|
|
128
122
|
"pagination-mobile": "_pagination-mobile_1rqk8_126",
|
|
129
123
|
"pagination-desktop": "_pagination-desktop_1rqk8_135"
|
|
130
|
-
}, Te = (i,
|
|
131
|
-
const
|
|
124
|
+
}, Te = (i, s) => {
|
|
125
|
+
const f = ie();
|
|
132
126
|
H(() => {
|
|
133
|
-
|
|
127
|
+
f.current = i;
|
|
134
128
|
}, [i]), H(() => {
|
|
135
129
|
function m() {
|
|
136
|
-
|
|
130
|
+
f.current();
|
|
137
131
|
}
|
|
138
|
-
if (
|
|
139
|
-
const
|
|
140
|
-
return () => clearInterval(
|
|
132
|
+
if (s !== null) {
|
|
133
|
+
const P = setInterval(m, s);
|
|
134
|
+
return () => clearInterval(P);
|
|
141
135
|
}
|
|
142
|
-
}, [
|
|
143
|
-
}, J = (i,
|
|
144
|
-
if (
|
|
136
|
+
}, [s]);
|
|
137
|
+
}, J = (i, s) => {
|
|
138
|
+
if (s === 0)
|
|
145
139
|
return `${100 / i}%`;
|
|
146
|
-
const m =
|
|
140
|
+
const m = s * (i === 1 ? 4 : 2) / 16;
|
|
147
141
|
return `calc(${100 / i}% - ${m}rem)`;
|
|
148
|
-
}, B = pe(Pe),
|
|
142
|
+
}, B = pe(Pe), Oe = (i = {}) => {
|
|
149
143
|
const {
|
|
150
|
-
autoplay:
|
|
151
|
-
centeredSlides:
|
|
144
|
+
autoplay: s = !1,
|
|
145
|
+
centeredSlides: f = !1,
|
|
152
146
|
duration: m = 5e3,
|
|
153
|
-
firstSlideToShow:
|
|
154
|
-
fullWidth:
|
|
155
|
-
id:
|
|
147
|
+
firstSlideToShow: P = 0,
|
|
148
|
+
fullWidth: j = !1,
|
|
149
|
+
id: h = "swiper",
|
|
156
150
|
loop: _ = !1,
|
|
157
151
|
navigationSize: D = "md",
|
|
158
152
|
slidesPerView: y = { desktop: 1, mobile: 1, tablet: 1 },
|
|
@@ -160,16 +154,16 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
|
|
|
160
154
|
withDarkUI: R = !1,
|
|
161
155
|
withNavigation: E = { desktop: !0, mobile: !0 },
|
|
162
156
|
withPagination: c = { desktop: !1, mobile: !1 }
|
|
163
|
-
} = i, z = _ ||
|
|
157
|
+
} = i, z = _ || s, { width: k } = he(), [q, w] = Z(0), [V, U] = Z(!1), [d, e] = Z(!1), r = ie(), a = _e(), v = ce(() => k <= a.md ? y.mobile : k <= a.lg ? y.tablet : k >= a["4xl"] && j ? y.desktop + 2 : y.desktop, [k, a, j, y]);
|
|
164
158
|
return {
|
|
165
|
-
autoplay:
|
|
166
|
-
centeredSlides:
|
|
167
|
-
currentPage:
|
|
159
|
+
autoplay: s,
|
|
160
|
+
centeredSlides: f,
|
|
161
|
+
currentPage: q,
|
|
168
162
|
currentSlidesPerView: v,
|
|
169
163
|
duration: m,
|
|
170
|
-
firstSlideToShow:
|
|
171
|
-
fullWidth:
|
|
172
|
-
id:
|
|
164
|
+
firstSlideToShow: P,
|
|
165
|
+
fullWidth: j,
|
|
166
|
+
id: h,
|
|
173
167
|
navigationSize: D,
|
|
174
168
|
ref: r,
|
|
175
169
|
setCurrentPage: w,
|
|
@@ -184,11 +178,11 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
|
|
|
184
178
|
withNavigation: E,
|
|
185
179
|
withPagination: c
|
|
186
180
|
};
|
|
187
|
-
},
|
|
181
|
+
}, Be = ({ children: i, className: s, store: f, ...m }) => {
|
|
188
182
|
const {
|
|
189
|
-
autoplay:
|
|
190
|
-
centeredSlides:
|
|
191
|
-
currentPage:
|
|
183
|
+
autoplay: P,
|
|
184
|
+
centeredSlides: j,
|
|
185
|
+
currentPage: h,
|
|
192
186
|
currentSlidesPerView: _,
|
|
193
187
|
duration: D,
|
|
194
188
|
firstSlideToShow: y,
|
|
@@ -198,51 +192,51 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
|
|
|
198
192
|
ref: c,
|
|
199
193
|
setCurrentPage: z,
|
|
200
194
|
setShowLeftArrow: k,
|
|
201
|
-
setShowRightArrow:
|
|
195
|
+
setShowRightArrow: q,
|
|
202
196
|
shouldLoop: w,
|
|
203
197
|
showLeftArrow: V,
|
|
204
198
|
showRightArrow: U,
|
|
205
199
|
slidesPerView: d,
|
|
206
200
|
spaceBetween: e,
|
|
207
201
|
withDarkUI: r,
|
|
208
|
-
withNavigation:
|
|
202
|
+
withNavigation: a,
|
|
209
203
|
withPagination: v
|
|
210
|
-
} =
|
|
211
|
-
const n = `${R}-${o}`, t = o + 1,
|
|
204
|
+
} = f, x = re.toArray(i).length, N = Math.ceil(x / _), b = Array.from(Array(N).keys()), g = a.mobile || !1, $ = a.desktop || !1, T = h === 0, M = h === b.length - 1, W = re.map(i, (u, o) => {
|
|
205
|
+
const n = `${R}-${o}`, t = o + 1, l = Math.ceil(t / _) - 1, p = M ? x - t >= _ : l !== h;
|
|
212
206
|
return de(u, {
|
|
213
207
|
...u.props,
|
|
214
|
-
"aria-hidden":
|
|
215
|
-
"aria-label": `${t} of ${
|
|
208
|
+
"aria-hidden": p,
|
|
209
|
+
"aria-label": `${t} of ${x}`,
|
|
216
210
|
"aria-roledescription": "slide",
|
|
217
211
|
id: n,
|
|
218
212
|
key: n
|
|
219
213
|
});
|
|
220
|
-
}), G =
|
|
214
|
+
}), G = j ? (
|
|
221
215
|
// if centeredSlides is true, we calculate which number is the middle page
|
|
222
|
-
Math.floor(
|
|
216
|
+
Math.floor(N / 2)
|
|
223
217
|
) : (
|
|
224
218
|
// if centeredSlides is false, we calculate on which page the number in firstSlideToShow props is
|
|
225
219
|
Math.ceil(y / _) - 1
|
|
226
|
-
),
|
|
220
|
+
), I = X(() => {
|
|
227
221
|
const u = c == null ? void 0 : c.current;
|
|
228
222
|
if (u && !w) {
|
|
229
|
-
const { offsetWidth: o, scrollLeft: n, scrollWidth: t } = u,
|
|
230
|
-
k(!
|
|
223
|
+
const { offsetWidth: o, scrollLeft: n, scrollWidth: t } = u, l = !(n > e), p = !(t - (n + o) > e);
|
|
224
|
+
k(!l), q(!p);
|
|
231
225
|
} else
|
|
232
|
-
k(!0),
|
|
233
|
-
}, [c, k,
|
|
226
|
+
k(!0), q(!0);
|
|
227
|
+
}, [c, k, q, w, e]), Q = () => {
|
|
234
228
|
var o, n;
|
|
235
229
|
const u = c == null ? void 0 : c.current;
|
|
236
230
|
if (u) {
|
|
237
|
-
const { children: t, offsetWidth:
|
|
238
|
-
te !==
|
|
231
|
+
const { children: t, offsetWidth: l, scrollLeft: p, scrollWidth: A } = u, se = (n = (o = t == null ? void 0 : t[0]) == null ? void 0 : o.getBoundingClientRect()) == null ? void 0 : n.width, te = !(A - (p + l) > e) ? b.length - 1 : Math.round(p / ((se + e) * _));
|
|
232
|
+
te !== h && z(te);
|
|
239
233
|
}
|
|
240
234
|
}, Y = me(() => {
|
|
241
|
-
|
|
235
|
+
I(), Q();
|
|
242
236
|
}, 100), S = X(
|
|
243
237
|
(u, o = !1) => {
|
|
244
|
-
var
|
|
245
|
-
const n = c == null ? void 0 : c.current, t = (
|
|
238
|
+
var l, p, A;
|
|
239
|
+
const n = c == null ? void 0 : c.current, t = (A = (p = (l = n == null ? void 0 : n.children) == null ? void 0 : l[0]) == null ? void 0 : p.getBoundingClientRect()) == null ? void 0 : A.width;
|
|
246
240
|
n == null || n.scrollTo({
|
|
247
241
|
// We don't want to have a scroll effect when we first render the swiper
|
|
248
242
|
behavior: o ? "auto" : "smooth",
|
|
@@ -251,26 +245,26 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
|
|
|
251
245
|
});
|
|
252
246
|
},
|
|
253
247
|
[_, e, c]
|
|
254
|
-
),
|
|
255
|
-
S(w && M ? 0 :
|
|
256
|
-
}, [
|
|
257
|
-
S(
|
|
258
|
-
}, [b.length,
|
|
248
|
+
), L = X(() => {
|
|
249
|
+
S(w && M ? 0 : h + 1);
|
|
250
|
+
}, [h, S, M, w]), O = X(() => {
|
|
251
|
+
S(T && w ? b.length - 1 : h - 1);
|
|
252
|
+
}, [b.length, h, S, T, w]);
|
|
259
253
|
return Te(
|
|
260
254
|
() => {
|
|
261
|
-
|
|
255
|
+
P && L();
|
|
262
256
|
},
|
|
263
|
-
|
|
257
|
+
P ? D : null
|
|
264
258
|
), H(() => {
|
|
265
259
|
const u = (o) => {
|
|
266
|
-
o.code === "ArrowLeft" && O(), o.code === "ArrowRight" &&
|
|
260
|
+
o.code === "ArrowLeft" && O(), o.code === "ArrowRight" && L();
|
|
267
261
|
};
|
|
268
262
|
return window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u);
|
|
269
|
-
}, [O,
|
|
263
|
+
}, [O, L]), H(() => {
|
|
270
264
|
S(G, !0);
|
|
271
265
|
}, []), H(() => {
|
|
272
|
-
|
|
273
|
-
}, [
|
|
266
|
+
I();
|
|
267
|
+
}, [I, i]), /* @__PURE__ */ ae("div", { className: B("root", r && "dark", s), ...m, children: [
|
|
274
268
|
/* @__PURE__ */ C(
|
|
275
269
|
"ul",
|
|
276
270
|
{
|
|
@@ -293,7 +287,7 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
|
|
|
293
287
|
"--slideWithDesktopFullWidth": J(d.desktop + 2, e),
|
|
294
288
|
"--spaceBetween": `${e / 16}rem`
|
|
295
289
|
},
|
|
296
|
-
children:
|
|
290
|
+
children: W
|
|
297
291
|
}
|
|
298
292
|
),
|
|
299
293
|
/* @__PURE__ */ C(
|
|
@@ -304,8 +298,8 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
|
|
|
304
298
|
"arrow",
|
|
305
299
|
"arrow-left",
|
|
306
300
|
!r && "arrow-background",
|
|
307
|
-
|
|
308
|
-
|
|
301
|
+
g && "arrow-mobile",
|
|
302
|
+
$ && "arrow-desktop"
|
|
309
303
|
),
|
|
310
304
|
disabled: !V,
|
|
311
305
|
onClick: O,
|
|
@@ -323,11 +317,11 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
|
|
|
323
317
|
"arrow",
|
|
324
318
|
"arrow-right",
|
|
325
319
|
!r && "arrow-background",
|
|
326
|
-
|
|
327
|
-
|
|
320
|
+
g && "arrow-mobile",
|
|
321
|
+
$ && "arrow-desktop"
|
|
328
322
|
),
|
|
329
323
|
disabled: !U,
|
|
330
|
-
onClick:
|
|
324
|
+
onClick: L,
|
|
331
325
|
shape: "circle",
|
|
332
326
|
size: E,
|
|
333
327
|
variant: r ? "secondary" : "ghost",
|
|
@@ -347,7 +341,7 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
|
|
|
347
341
|
const n = {
|
|
348
342
|
"aria-controls": `${R}-${o}`,
|
|
349
343
|
"aria-label": `${o + 1} of ${b.length}`,
|
|
350
|
-
"aria-selected": o ===
|
|
344
|
+
"aria-selected": o === h,
|
|
351
345
|
idx: o,
|
|
352
346
|
onClick: () => S(o),
|
|
353
347
|
role: "tab"
|
|
@@ -355,7 +349,7 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
|
|
|
355
349
|
return /* @__PURE__ */ C(
|
|
356
350
|
"div",
|
|
357
351
|
{
|
|
358
|
-
className: B("bullet", o ===
|
|
352
|
+
className: B("bullet", o === h && "bullet-active"),
|
|
359
353
|
...n
|
|
360
354
|
},
|
|
361
355
|
`bullet-${o + 1}`
|
|
@@ -366,6 +360,6 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
|
|
|
366
360
|
] });
|
|
367
361
|
};
|
|
368
362
|
export {
|
|
369
|
-
|
|
370
|
-
|
|
363
|
+
Be as Swiper,
|
|
364
|
+
Oe as useSwiper
|
|
371
365
|
};
|
package/dist/theme.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:welcome-font;font-weight:400;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-regular.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:400;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-regular.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:500;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:600;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:400;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-regular-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:500;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:600;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold-italic.woff2) format("woff2")}@theme{--*: initial; --border-width-lg: 3px; --border-width-md: 2px; --border-width-sm: 1px; --color-beige-10: #fbf9f7; --color-beige-20: #f6f3ef; --color-beige-30: #eae4de; --color-beige-40: #d2cbc3; --color-beige-50: #a7a096; --color-beige-60: #605b55; --color-beige-70: #4d4944; --color-beige-80: #33302d; --color-beige-90: #1e1c1a; --color-blue-10: #e0f5ff; --color-blue-20: #bbeaff; --color-blue-30: #9bdef7; --color-blue-40: #55c3e9; --color-blue-50: #27a5d0; --color-blue-60: #057aa3; --color-blue-70: #025a79; --color-blue-80: #013c50; --color-blue-90: #00202b; --color-green-10: #eaffd4; --color-green-20: #d6f6b4; --color-green-30: #bade94; --color-green-40: #9fc873; --color-green-50: #83ad57; --color-green-60: #5a8034; --color-green-70: #40611f; --color-green-80: #2a4210; --color-green-90: #142603; --color-neutral-10: #ffffff; --color-neutral-20: #f3f3f3; --color-neutral-30: #dedede; --color-neutral-40: #bdbdbd; --color-neutral-50: #989898; --color-neutral-60: #585858; --color-neutral-70: #444444; --color-neutral-80: #212121; --color-neutral-90: #000000; --color-orange-10: #ffebce; --color-orange-20: #ffd495; --color-orange-30: #ffbb59; --color-orange-40: #ff9f14; --color-orange-50: #db860a; --color-orange-60: #a6670a; --color-orange-70: #824f06; --color-orange-80: #573607; --color-orange-90: #382303; --color-pink-10: #ffeaf5; --color-pink-20: #ffd5eb; --color-pink-30: #feb7dc; --color-pink-40: #f696c8; --color-pink-50: #e468a8; --color-pink-60: #c24887; --color-pink-70: #972962; --color-pink-80: #6d1142; --color-pink-90: #3c0725; --color-red-10: #fbdedc; --color-red-20: #fcc7c3; --color-red-30: #fdb3ae; --color-red-40: #ff9490; --color-red-50: #ff6165; --color-red-60: #e1003a; --color-red-70: #a80029; --color-red-80: #75001a; --color-red-90: #450101; --color-red-orange-10: #ffded0; --color-red-orange-20: #ffc9b2; --color-red-orange-30: #ffb595; --color-red-orange-40: #ff9868; --color-red-orange-50: #e67b49; --color-red-orange-60: #c45927; --color-red-orange-70: #9f4217; --color-red-orange-80: #6d2605; --color-red-orange-90: #451701; --color-teal-10: #d5fffa; --color-teal-20: #aaf4eb; --color-teal-30: #6de1d2; --color-teal-40: #00c7ae; --color-teal-50: #01aa95; --color-teal-60: #008070; --color-teal-70: #00544a; --color-teal-80: #003d35; --color-teal-90: #00211d; --color-transparent: transparent; --color-violet-10: #f2f2ff; --color-violet-20: #e0e0ff; --color-violet-30: #c9c9ff; --color-violet-40: #acacff; --color-violet-50: #9080f0; --color-violet-60: #7958d6; --color-violet-70: #593cac; --color-violet-80: #422a86; --color-violet-90: #1f0e51; --color-yellow-10: #fff8d9; --color-yellow-20: #fff1b2; --color-yellow-30: #ffe166; --color-yellow-40: #ffcd00; --color-yellow-50: #e5b800; --color-yellow-60: #b69200; --color-yellow-70: #846a01; --color-yellow-80: #604d00; --color-yellow-90: #423500; --default-font-family: "Work Sans",sans-serif; --font-family-headings: "welcome-font",sans-serif; --font-family-icons: "welcome-icon-font"; --font-size-11: .6875rem; --font-size-12: .75rem; --font-size-13: .8125rem; --font-size-14: .875rem; --font-size-16: 1rem; --font-size-18: 1.125rem; --font-size-20: 1.25rem; --font-size-24: 1.5rem; --font-size-26: 1.625rem; --font-size-36: 2.25rem; --font-size-45: 2.8125rem; --font-size-65: 4.0625rem; --font-weight-400: 400; --font-weight-500: 500; --font-weight-600: 600; --height-4: .25rem; --height-8: .5rem; --height-10: .625rem; --height-12: .75rem; --height-16: 1rem; --height-20: 1.25rem; --height-24: 1.5rem; --height-30: 1.875rem; --height-32: 2rem; --height-40: 2.5rem; --height-48: 3rem; --height-50: 3.125rem; --height-60: 3.75rem; --height-64: 4rem; --letter-spacing-h0: -.10625rem; --letter-spacing-h1: -.075rem; --letter-spacing-h2: -.0625rem; --letter-spacing-h3: -.05625rem; --letter-spacing-h4: -.0375rem; --letter-spacing-h5: -.03125rem; --letter-spacing-h6: -.03125rem; --letter-spacing-lg: -.019rem; --letter-spacing-md: -.019rem; --letter-spacing-sm: -.019rem; --letter-spacing-subtitle-md: -.0125rem; --letter-spacing-subtitle-sm: -.0125rem; --letter-spacing-xs: -.0125rem; --line-height-14: .875rem; --line-height-16: 1rem; --line-height-18: 1.125rem; --line-height-24: 1.5rem; --line-height-32: 2rem; --line-height-40: 2.5rem; --line-height-48: 3rem; --line-height-72: 4.5rem; --line-height-iso-font-size: 1; --radius-2xl: 1.5rem; --radius-circle: calc(infinity * 1px); --radius-lg: .5rem; --radius-md: .25rem; --radius-sm: .125rem; --radius-xl: 1rem; --breakpoint-2xl: 1440px; --breakpoint-3xl: 1620px; --breakpoint-4xl: 1920px; --breakpoint-lg: 980px; --breakpoint-md: 736px; --breakpoint-sm: 480px; --breakpoint-xl: 1280px; --breakpoint-xs: 0px; --shadow-focus: 0 0 0 2px var(--color-brand-40); --shadow-focus-danger: 0 0 0 2px var(--color-red-30); --shadow-focus-success: 0 0 0 2px var(--color-green-30); --shadow-focus-warning: 0 0 0 2px var(--color-orange-20); --shadow-md: 3px 4px 10px 0 color-mix(in oklab,var(--color-neutral-90) 7%,transparent); --shadow-sm: 1px 2px 4px 0 color-mix(in oklab,var(--color-neutral-90) 5%,transparent); --spacing-0: 0; --spacing-2: .125rem; --spacing-3: .1875rem; --spacing-4: .25rem; --spacing-8: .5rem; --spacing-12: .75rem; --spacing-16: 1rem; --spacing-24: 1.5rem; --spacing-28: 1.75rem; --spacing-32: 2rem; --spacing-36: 2.25rem; --spacing-48: 3rem; --spacing-64: 4rem; --spacing-96: 6rem; --spacing-128: 8rem; --spacing-192: 12rem; --duration-fast: .1s; --duration-medium: .3s; --duration-slow: .5s; --timing-primary: ease; --timing-secondary: linear; --timing-tertiary: cubic-bezier(.41,.094,.54,.07); --color-brand-10: var(--color-yellow-10); --color-brand-20: var(--color-yellow-20); --color-brand-30: var(--color-yellow-30); --color-brand-40: var(--color-yellow-40); --color-brand-50: var(--color-yellow-50); --color-brand-60: var(--color-yellow-60); --color-brand-70: var(--color-yellow-70); --color-brand-80: var(--color-yellow-80); --color-brand-90: var(--color-yellow-90); --color-overlay: color-mix(in oklab,var(--color-neutral-90) 55%,transparent); --color-secondary-blue: var(--color-blue-40); --color-secondary-green: var(--color-green-30); --color-secondary-orange: var(--color-red-orange-40); --color-secondary-pink: var(--color-pink-40); --color-secondary-teal: var(--color-teal-40); --color-secondary-violet: var(--color-violet-40); --font-size-h0: var(--font-size-65); --font-size-h1: var(--font-size-45); --font-size-h2: var(--font-size-36); --font-size-h3: var(--font-size-26); --font-size-h4: var(--font-size-20); --font-size-h5: var(--font-size-16); --font-size-h6: var(--font-size-14); --font-size-lg: var(--font-size-18); --font-size-md: var(--font-size-16); --font-size-sm: var(--font-size-14); --font-size-subtitle-md: var(--font-size-13); --font-size-subtitle-sm: var(--font-size-11); --font-size-xl: var(--font-size-24); --font-size-xs: var(--font-size-12); --font-weight-bold: var(--font-weight-600); --font-weight-medium: var(--font-weight-500); --font-weight-regular: var(--font-weight-400); --height-elements-lg: var(--height-40); --height-elements-md: var(--height-32); --height-elements-sm: var(--height-24); --height-elements-xl: var(--height-48); --height-elements-xs: var(--height-16); --height-elements-xxl: var(--height-64); --height-elements-xxs: var(--height-12); --line-height-h0: var(--line-height-72); --line-height-h1: var(--line-height-48); --line-height-h2: var(--line-height-40); --line-height-h3: var(--line-height-32); --line-height-h4: var(--line-height-24); --line-height-h5: var(--line-height-20); --line-height-h6: var(--line-height-18); --line-height-lg: var(--line-height-24); --line-height-md: var(--line-height-18); --line-height-sm: var(--line-height-18); --line-height-subtitle-md: var(--line-height-iso-font-size); --line-height-subtitle-sm: var(--line-height-iso-font-size); --line-height-xs: var(--line-height-14); --spacing-3xl: var(--spacing-48); --spacing-4xl: var(--spacing-64); --spacing-5xl: var(--spacing-96); --spacing-6xl: var(--spacing-128); --spacing-7xl: var(--spacing-192); --spacing-lg: var(--spacing-16); --spacing-md: var(--spacing-12); --spacing-sm: var(--spacing-8); --spacing-xl: var(--spacing-24); --spacing-xs: var(--spacing-4); --spacing-xxl: var(--spacing-32); --spacing-xxs: var(--spacing-2);}@layer base{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{min-width:0;min-height:0;font-size:100%;vertical-align:baseline}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{text-decoration:none}img{overflow:hidden}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-webkit-search-cancel-button{display:none}*,*:after,*:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{min-height:100%;padding-top:1px;margin-top:-1px}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-headings)}p,span{color:var(--color-neutral-60)}}
|
|
1
|
+
@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:welcome-font;font-weight:400;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-regular.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:400;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-regular.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:500;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:600;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:400;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-regular-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:500;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:600;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold-italic.woff2) format("woff2")}@theme static{--*: initial; --spacing: .0625rem; --border-width-lg: 3px; --border-width-md: 2px; --border-width-sm: 1px; --color-beige-10: #fbf9f7; --color-beige-20: #f6f3ef; --color-beige-30: #eae4de; --color-beige-40: #d2cbc3; --color-beige-50: #a7a096; --color-beige-60: #605b55; --color-beige-70: #4d4944; --color-beige-80: #33302d; --color-beige-90: #1e1c1a; --color-blue-10: #e0f5ff; --color-blue-20: #bbeaff; --color-blue-30: #9bdef7; --color-blue-40: #55c3e9; --color-blue-50: #27a5d0; --color-blue-60: #057aa3; --color-blue-70: #025a79; --color-blue-80: #013c50; --color-blue-90: #00202b; --color-green-10: #eaffd4; --color-green-20: #d6f6b4; --color-green-30: #bade94; --color-green-40: #9fc873; --color-green-50: #83ad57; --color-green-60: #5a8034; --color-green-70: #40611f; --color-green-80: #2a4210; --color-green-90: #142603; --color-neutral-10: #ffffff; --color-neutral-20: #f3f3f3; --color-neutral-30: #dedede; --color-neutral-40: #bdbdbd; --color-neutral-50: #989898; --color-neutral-60: #585858; --color-neutral-70: #444444; --color-neutral-80: #212121; --color-neutral-90: #000000; --color-orange-10: #ffebce; --color-orange-20: #ffd495; --color-orange-30: #ffbb59; --color-orange-40: #ff9f14; --color-orange-50: #db860a; --color-orange-60: #a6670a; --color-orange-70: #824f06; --color-orange-80: #573607; --color-orange-90: #382303; --color-pink-10: #ffeaf5; --color-pink-20: #ffd5eb; --color-pink-30: #feb7dc; --color-pink-40: #f696c8; --color-pink-50: #e468a8; --color-pink-60: #c24887; --color-pink-70: #972962; --color-pink-80: #6d1142; --color-pink-90: #3c0725; --color-red-10: #fbdedc; --color-red-20: #fcc7c3; --color-red-30: #fdb3ae; --color-red-40: #ff9490; --color-red-50: #ff6165; --color-red-60: #e1003a; --color-red-70: #a80029; --color-red-80: #75001a; --color-red-90: #450101; --color-red-orange-10: #ffded0; --color-red-orange-20: #ffc9b2; --color-red-orange-30: #ffb595; --color-red-orange-40: #ff9868; --color-red-orange-50: #e67b49; --color-red-orange-60: #c45927; --color-red-orange-70: #9f4217; --color-red-orange-80: #6d2605; --color-red-orange-90: #451701; --color-teal-10: #d5fffa; --color-teal-20: #aaf4eb; --color-teal-30: #6de1d2; --color-teal-40: #00c7ae; --color-teal-50: #01aa95; --color-teal-60: #008070; --color-teal-70: #00544a; --color-teal-80: #003d35; --color-teal-90: #00211d; --color-transparent: rgba(0,0,0,0); --color-violet-10: #f2f2ff; --color-violet-20: #e0e0ff; --color-violet-30: #c9c9ff; --color-violet-40: #acacff; --color-violet-50: #9080f0; --color-violet-60: #7958d6; --color-violet-70: #593cac; --color-violet-80: #422a86; --color-violet-90: #1f0e51; --color-yellow-10: #fff8d9; --color-yellow-20: #fff1b2; --color-yellow-30: #ffe166; --color-yellow-40: #ffcd00; --color-yellow-50: #e5b800; --color-yellow-60: #b69200; --color-yellow-70: #846a01; --color-yellow-80: #604d00; --color-yellow-90: #423500; --color-brand-10: #fff8d9; --color-brand-20: #fff1b2; --color-brand-30: #ffe166; --color-brand-40: #ffcd00; --color-brand-50: #e5b800; --color-brand-60: #b69200; --color-brand-70: #846a01; --color-brand-80: #604d00; --color-brand-90: #423500; --color-overlay: color-mix(in oklab,#000000 55%,transparent); --color-secondary-blue: #55c3e9; --color-secondary-green: #bade94; --color-secondary-orange: #ff9868; --color-secondary-pink: #f696c8; --color-secondary-teal: #00c7ae; --color-secondary-violet: #acacff; --font-family-default: "Work Sans",sans-serif; --font-family-headings: "welcome-font",sans-serif; --font-family-icons: "welcome-icon-font"; --font-size-11: .6875rem; --font-size-12: .75rem; --font-size-13: .8125rem; --font-size-14: .875rem; --font-size-16: 1rem; --font-size-18: 1.125rem; --font-size-20: 1.25rem; --font-size-24: 1.5rem; --font-size-26: 1.625rem; --font-size-36: 2.25rem; --font-size-45: 2.8125rem; --font-size-65: 4.0625rem; --font-size-h0: 4.0625rem; --font-size-h1: 2.8125rem; --font-size-h2: 2.25rem; --font-size-h3: 1.625rem; --font-size-h4: 1.25rem; --font-size-h5: 1rem; --font-size-h6: .875rem; --font-size-lg: 1.125rem; --font-size-md: 1rem; --font-size-sm: .875rem; --font-size-subtitle-md: .8125rem; --font-size-subtitle-sm: .6875rem; --font-size-xl: 1.5rem; --font-size-xs: .75rem; --font-weight-400: 400; --font-weight-500: 500; --font-weight-600: 600; --font-weight-bold: 600; --font-weight-medium: 500; --font-weight-regular: 400; --height-4: .25rem; --height-8: .5rem; --height-10: .625rem; --height-12: .75rem; --height-16: 1rem; --height-20: 1.25rem; --height-24: 1.5rem; --height-30: 1.875rem; --height-32: 2rem; --height-40: 2.5rem; --height-48: 3rem; --height-50: 3.125rem; --height-60: 3.75rem; --height-64: 4rem; --height-elements-lg: 2.5rem; --height-elements-md: 2rem; --height-elements-sm: 1.5rem; --height-elements-xl: 3rem; --height-elements-xs: 1rem; --height-elements-xxl: 4rem; --height-elements-xxs: .75rem; --letter-spacing-h0: -.10625rem; --letter-spacing-h1: -.075rem; --letter-spacing-h2: -.0625rem; --letter-spacing-h3: -.05625rem; --letter-spacing-h4: -.0375rem; --letter-spacing-h5: -.03125rem; --letter-spacing-h6: -.03125rem; --letter-spacing-lg: -.019rem; --letter-spacing-md: -.019rem; --letter-spacing-sm: -.019rem; --letter-spacing-subtitle-md: -.0125rem; --letter-spacing-subtitle-sm: -.0125rem; --letter-spacing-xs: -.0125rem; --line-height-14: .875rem; --line-height-16: 1rem; --line-height-18: 1.125rem; --line-height-20: 1.25rem; --line-height-24: 1.5rem; --line-height-32: 2rem; --line-height-40: 2.5rem; --line-height-48: 3rem; --line-height-72: 4.5rem; --line-height-iso-font-size: 1rem; --line-height-h0: 4.5rem; --line-height-h1: 3rem; --line-height-h2: 2.5rem; --line-height-h3: 2rem; --line-height-h4: 1.5rem; --line-height-h5: 1.25rem; --line-height-h6: 1.125rem; --line-height-lg: 1.5rem; --line-height-md: 1.125rem; --line-height-sm: 1.125rem; --line-height-subtitle-md: 1rem; --line-height-subtitle-sm: 1rem; --line-height-xs: .875rem; --radius-2xl: 1.5rem; --radius-circle: calc(infinity * 1px); --radius-lg: .5rem; --radius-md: .25rem; --radius-sm: .125rem; --radius-xl: 1rem; --breakpoint-2xl: 1440px; --breakpoint-3xl: 1620px; --breakpoint-4xl: 1920px; --breakpoint-lg: 980px; --breakpoint-md: 736px; --breakpoint-sm: 480px; --breakpoint-xl: 1280px; --breakpoint-xs: 0px; --shadow-focus: 0 0 0 2px #ffcd00; --shadow-focus-danger: 0 0 0 2px #fdb3ae; --shadow-focus-success: 0 0 0 2px #bade94; --shadow-focus-warning: 0 0 0 2px #ffd495; --shadow-md: 3px 4px 10px 0 color-mix(in oklab,#000000 7%,transparent); --shadow-sm: 1px 2px 4px 0 color-mix(in oklab,#000000 5%,transparent); --spacing-0: 0; --spacing-2: .125rem; --spacing-3: .1875rem; --spacing-4: .25rem; --spacing-8: .5rem; --spacing-12: .75rem; --spacing-16: 1rem; --spacing-24: 1.5rem; --spacing-28: 1.75rem; --spacing-32: 2rem; --spacing-36: 2.25rem; --spacing-48: 3rem; --spacing-64: 4rem; --spacing-96: 6rem; --spacing-128: 8rem; --spacing-192: 12rem; --spacing-3xl: 3rem; --spacing-4xl: 4rem; --spacing-5xl: 6rem; --spacing-6xl: 8rem; --spacing-7xl: 12rem; --spacing-lg: 1rem; --spacing-md: .75rem; --spacing-sm: .5rem; --spacing-xl: 1.5rem; --spacing-xs: .25rem; --spacing-xxl: 2rem; --spacing-xxs: .125rem; --duration-fast: .1s; --duration-medium: .3s; --duration-slow: .5s; --timing-primary: ease; --timing-secondary: linear; --timing-tertiary: cubic-bezier(.41,.094,.54,.07);}@layer base{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{min-width:0;min-height:0;font-size:100%;vertical-align:baseline}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{text-decoration:none}img{overflow:hidden}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-webkit-search-cancel-button{display:none}*,*:after,*:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{min-height:100%;padding-top:1px;margin-top:-1px}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-headings)}}
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const AspectRatio: import('../../utils').FunctionComponentWithAs<"div", AspectRatioProps>;
|
|
1
|
+
export declare const AspectRatio: import('../../utils').FunctionComponentWithAs<"div", import('./types').AspectRatioOptions>;
|
|
@@ -1,5 +1,14 @@
|
|
|
1
|
-
import { PolymorphicProps } from '../../theme/types';
|
|
2
1
|
export interface AspectRatioOptions {
|
|
3
|
-
|
|
2
|
+
/**
|
|
3
|
+
* The aspect ratio of the component.
|
|
4
|
+
* @default '4-3'
|
|
5
|
+
*
|
|
6
|
+
* Options:
|
|
7
|
+
* - 'square' → 1 / 1
|
|
8
|
+
* - '4-3' → 4 / 3
|
|
9
|
+
* - '3-2' → 3 / 2
|
|
10
|
+
* - 'video' → 16 / 9
|
|
11
|
+
*/
|
|
12
|
+
ratio?: '3-2' | '4-3' | 'square' | 'video';
|
|
4
13
|
}
|
|
5
|
-
export type AspectRatioProps
|
|
14
|
+
export type AspectRatioProps = AspectRatioOptions;
|