@telefonica/mistica 16.2.0 → 16.3.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/css/mistica.css +1 -1
- package/dist/card.css-mistica.js +33 -21
- package/dist/card.css.d.ts +4 -0
- package/dist/card.js +235 -263
- package/dist/chip.css-mistica.js +19 -7
- package/dist/chip.css.d.ts +2 -0
- package/dist/chip.js +33 -49
- package/dist/community/advanced-data-card.css-mistica.js +24 -24
- package/dist/community/advanced-data-card.css.d.ts +1 -1
- package/dist/community/advanced-data-card.js +45 -48
- package/dist/empty-state-card.js +12 -11
- package/dist/hero.js +25 -19
- package/dist/highlighted-card.js +15 -14
- package/dist/list.css-mistica.js +21 -15
- package/dist/list.css.d.ts +2 -0
- package/dist/list.js +97 -96
- package/dist/menu.css-mistica.js +9 -9
- package/dist/menu.js +9 -10
- package/dist/package-version.js +1 -1
- package/dist/sheet-common.js +3 -2
- package/dist/table.js +52 -51
- package/dist/tag.css-mistica.js +1 -1
- package/dist/tag.js +9 -10
- package/dist/text-props.d.ts +60 -0
- package/dist/text-props.js +93 -0
- package/dist/text.d.ts +0 -62
- package/dist/text.js +156 -219
- package/dist/title.js +10 -9
- package/dist-es/card.css-mistica.js +4 -4
- package/dist-es/card.js +343 -371
- package/dist-es/chip.css-mistica.js +10 -4
- package/dist-es/chip.js +44 -60
- package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
- package/dist-es/community/advanced-data-card.js +74 -77
- package/dist-es/empty-state-card.js +17 -16
- package/dist-es/hero.js +53 -47
- package/dist-es/highlighted-card.js +19 -18
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/list.js +141 -140
- package/dist-es/menu.css-mistica.js +3 -3
- package/dist-es/menu.js +21 -22
- package/dist-es/package-version.js +1 -1
- package/dist-es/sheet-common.js +12 -11
- package/dist-es/style.css +1 -1
- package/dist-es/table.js +89 -88
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/tag.js +14 -15
- package/dist-es/text-props.js +52 -0
- package/dist-es/text.js +171 -231
- package/dist-es/title.js +14 -13
- package/package.json +3 -3
package/dist-es/list.js
CHANGED
|
@@ -78,12 +78,12 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
78
78
|
}
|
|
79
79
|
return target;
|
|
80
80
|
}
|
|
81
|
-
import { jsx as t, jsxs as
|
|
81
|
+
import { jsx as t, jsxs as P } from "react/jsx-runtime";
|
|
82
82
|
import * as m from "react";
|
|
83
|
-
import
|
|
83
|
+
import s from "classnames";
|
|
84
84
|
import { BaseTouchable as te } from "./touchable.js";
|
|
85
|
-
import { Text3 as
|
|
86
|
-
import
|
|
85
|
+
import { Text3 as ve, Text1 as xe, Text2 as z } from "./text.js";
|
|
86
|
+
import h from "./box.js";
|
|
87
87
|
import C from "./stack.js";
|
|
88
88
|
import ge from "./badge.js";
|
|
89
89
|
import { useIsInverseOrMediaVariant as oe } from "./theme-variant-context.js";
|
|
@@ -93,13 +93,13 @@ import ae, { useRadioContext as Be } from "./radio-button.js";
|
|
|
93
93
|
import Re from "./checkbox.js";
|
|
94
94
|
import { Boxed as Ie } from "./boxed.js";
|
|
95
95
|
import Ce from "./divider.js";
|
|
96
|
-
import { getPrefixedDataAttributes as
|
|
97
|
-
import { rowContent as
|
|
98
|
-
import { vars as
|
|
99
|
-
import { vars as
|
|
100
|
-
import { applyCssVars as
|
|
96
|
+
import { getPrefixedDataAttributes as X } from "./utils/dom.js";
|
|
97
|
+
import { rowContent as G, touchableBackground as J, touchableBackgroundInverse as K, pointer as re, rowContentPadding as Te, row as Ne, content as Le, assetContainer as ke, center as Q, disabled as I, asset as Ae, rowBody as Se, badge as Ve, rightContent as Pe, rightRestrictedWidth as Ee, detail as Xe, detailRight as De, dualActionContainer as Me, dualActionLeft as Oe, dualActionDivider as We, dualActionRight as je } from "./list.css-mistica.js";
|
|
98
|
+
import { vars as He } from "./image.css-mistica.js";
|
|
99
|
+
import { vars as l } from "./skins/skin-contract.css-mistica.js";
|
|
100
|
+
import { applyCssVars as Fe } from "./utils/css.js";
|
|
101
101
|
import { IconButton as ne, ToggleIconButton as ie } from "./icon-button.js";
|
|
102
|
-
const
|
|
102
|
+
const qe = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
103
103
|
centerY: a
|
|
104
104
|
}) : a ? /* @__PURE__ */ t("div", {
|
|
105
105
|
style: {
|
|
@@ -110,51 +110,49 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
110
110
|
children: /* @__PURE__ */ t("div", {
|
|
111
111
|
children: e
|
|
112
112
|
})
|
|
113
|
-
}) : e,
|
|
114
|
-
let { withChevron: e, headline: a, headlineRef: r, extraRef:
|
|
113
|
+
}) : e, ze = (param)=>{
|
|
114
|
+
let { withChevron: e, headline: a, headlineRef: r, extraRef: o, title: d, titleAs: x, titleLinesMax: g, subtitle: v, subtitleLinesMax: D, description: w, descriptionLinesMax: M, detail: u, asset: E, danger: T, badge: N, right: y, rightRef: f, extra: L, labelId: O, disabled: c, control: k } = param;
|
|
115
115
|
const A = oe(), S = [
|
|
116
116
|
a,
|
|
117
|
-
|
|
118
|
-
|
|
117
|
+
d,
|
|
118
|
+
v,
|
|
119
119
|
w,
|
|
120
120
|
L
|
|
121
121
|
].filter(Boolean).length === 1;
|
|
122
|
-
return /* @__PURE__ */
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
id: M,
|
|
122
|
+
return /* @__PURE__ */ P("div", {
|
|
123
|
+
className: Le,
|
|
124
|
+
id: O,
|
|
126
125
|
children: [
|
|
127
|
-
E && /* @__PURE__ */ t(
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
[
|
|
131
|
-
[I]: s
|
|
126
|
+
E && /* @__PURE__ */ t("div", {
|
|
127
|
+
className: s(ke, {
|
|
128
|
+
[Q]: S,
|
|
129
|
+
[I]: c
|
|
132
130
|
}),
|
|
133
131
|
"aria-hidden": !0,
|
|
134
132
|
children: /* @__PURE__ */ t("div", {
|
|
135
|
-
className:
|
|
136
|
-
style:
|
|
137
|
-
color: T ? A ?
|
|
138
|
-
[
|
|
133
|
+
className: Ae,
|
|
134
|
+
style: Fe({
|
|
135
|
+
color: T ? A ? l.colors.textErrorInverse : l.colors.textError : A ? l.colors.textPrimaryInverse : l.colors.textPrimary,
|
|
136
|
+
[He.mediaBorderRadius]: l.borderRadii.mediaSmall
|
|
139
137
|
}),
|
|
140
138
|
children: E
|
|
141
139
|
})
|
|
142
140
|
}),
|
|
143
|
-
/* @__PURE__ */
|
|
144
|
-
className:
|
|
145
|
-
[I]:
|
|
141
|
+
/* @__PURE__ */ P("div", {
|
|
142
|
+
className: s(Se, {
|
|
143
|
+
[I]: c
|
|
146
144
|
}),
|
|
147
145
|
style: {
|
|
148
146
|
justifyContent: S ? "center" : "flex-start"
|
|
149
147
|
},
|
|
150
148
|
children: [
|
|
151
|
-
/* @__PURE__ */ t(
|
|
149
|
+
/* @__PURE__ */ t(ve, {
|
|
152
150
|
regular: !0,
|
|
153
|
-
color: T ?
|
|
151
|
+
color: T ? l.colors.textError : l.colors.textPrimary,
|
|
154
152
|
truncate: g,
|
|
155
153
|
hyphens: "auto",
|
|
156
|
-
as:
|
|
157
|
-
children:
|
|
154
|
+
as: x,
|
|
155
|
+
children: d
|
|
158
156
|
}),
|
|
159
157
|
a && /* @__PURE__ */ t("div", {
|
|
160
158
|
ref: r,
|
|
@@ -162,119 +160,123 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
162
160
|
order: -1,
|
|
163
161
|
paddingBottom: 4
|
|
164
162
|
},
|
|
165
|
-
children: /* @__PURE__ */ t(
|
|
163
|
+
children: /* @__PURE__ */ t(xe, {
|
|
166
164
|
regular: !0,
|
|
167
|
-
color:
|
|
165
|
+
color: l.colors.textPrimary,
|
|
168
166
|
hyphens: "auto",
|
|
169
167
|
children: a
|
|
170
168
|
})
|
|
171
169
|
}),
|
|
172
|
-
|
|
170
|
+
v && /* @__PURE__ */ t(h, {
|
|
173
171
|
paddingTop: 2,
|
|
174
|
-
children: /* @__PURE__ */ t(
|
|
172
|
+
children: /* @__PURE__ */ t(z, {
|
|
175
173
|
regular: !0,
|
|
176
|
-
color:
|
|
177
|
-
truncate:
|
|
174
|
+
color: l.colors.textPrimary,
|
|
175
|
+
truncate: D,
|
|
178
176
|
hyphens: "auto",
|
|
179
|
-
children:
|
|
177
|
+
children: v
|
|
180
178
|
})
|
|
181
179
|
}),
|
|
182
|
-
w && /* @__PURE__ */ t(
|
|
180
|
+
w && /* @__PURE__ */ t(h, {
|
|
183
181
|
paddingTop: 2,
|
|
184
|
-
children: /* @__PURE__ */ t(
|
|
182
|
+
children: /* @__PURE__ */ t(z, {
|
|
185
183
|
regular: !0,
|
|
186
|
-
color:
|
|
187
|
-
truncate:
|
|
184
|
+
color: l.colors.textSecondary,
|
|
185
|
+
truncate: M,
|
|
188
186
|
hyphens: "auto",
|
|
189
187
|
children: w
|
|
190
188
|
})
|
|
191
189
|
}),
|
|
192
|
-
L && /* @__PURE__ */ t(
|
|
193
|
-
ref:
|
|
190
|
+
L && /* @__PURE__ */ t(h, {
|
|
191
|
+
ref: o,
|
|
194
192
|
paddingTop: 2,
|
|
195
193
|
children: L
|
|
196
194
|
})
|
|
197
195
|
]
|
|
198
196
|
}),
|
|
199
|
-
N && /* @__PURE__ */ t(
|
|
197
|
+
N && /* @__PURE__ */ t(h, {
|
|
200
198
|
paddingLeft: 16,
|
|
201
199
|
children: /* @__PURE__ */ t("div", {
|
|
202
|
-
className:
|
|
203
|
-
[I]:
|
|
200
|
+
className: s(Ve, {
|
|
201
|
+
[I]: c
|
|
204
202
|
}),
|
|
205
203
|
children: /* @__PURE__ */ t(ge, {
|
|
206
204
|
value: N === !0 ? void 0 : N
|
|
207
205
|
})
|
|
208
206
|
})
|
|
209
207
|
}),
|
|
210
|
-
(
|
|
211
|
-
className:
|
|
212
|
-
[
|
|
208
|
+
(u || y || e || k) && /* @__PURE__ */ P("div", {
|
|
209
|
+
className: s(Pe, {
|
|
210
|
+
[Ee]: !!u
|
|
213
211
|
}),
|
|
214
212
|
children: [
|
|
215
|
-
|
|
216
|
-
className:
|
|
217
|
-
[I]:
|
|
213
|
+
u && /* @__PURE__ */ t("div", {
|
|
214
|
+
className: s(Xe, {
|
|
215
|
+
[I]: c
|
|
218
216
|
}),
|
|
219
|
-
children: /* @__PURE__ */ t(
|
|
217
|
+
children: /* @__PURE__ */ t(z, {
|
|
220
218
|
regular: !0,
|
|
221
|
-
color:
|
|
219
|
+
color: l.colors.textSecondary,
|
|
222
220
|
hyphens: "auto",
|
|
223
|
-
children:
|
|
221
|
+
children: u
|
|
224
222
|
})
|
|
225
223
|
}),
|
|
226
224
|
y && /* @__PURE__ */ t("div", {
|
|
227
|
-
className:
|
|
228
|
-
[
|
|
229
|
-
[I]:
|
|
225
|
+
className: s({
|
|
226
|
+
[De]: !!u,
|
|
227
|
+
[I]: c
|
|
230
228
|
}),
|
|
231
229
|
ref: f,
|
|
232
|
-
children:
|
|
230
|
+
children: qe(y, S)
|
|
233
231
|
}),
|
|
234
|
-
e && /* @__PURE__ */ t(
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
232
|
+
e && /* @__PURE__ */ t("div", {
|
|
233
|
+
style: {
|
|
234
|
+
paddingLeft: u || y ? 4 : 0
|
|
235
|
+
},
|
|
236
|
+
className: s(Q, {
|
|
237
|
+
[I]: c
|
|
238
238
|
}),
|
|
239
239
|
children: /* @__PURE__ */ t(ye, {
|
|
240
|
-
color: A ?
|
|
240
|
+
color: A ? l.colors.inverse : l.colors.neutralMedium,
|
|
241
241
|
direction: "right"
|
|
242
242
|
})
|
|
243
243
|
}),
|
|
244
|
-
k && /* @__PURE__ */ t(
|
|
245
|
-
|
|
246
|
-
|
|
244
|
+
k && /* @__PURE__ */ t("div", {
|
|
245
|
+
style: {
|
|
246
|
+
paddingLeft: u || y ? 8 : 0
|
|
247
|
+
},
|
|
248
|
+
className: Q,
|
|
247
249
|
children: k
|
|
248
250
|
})
|
|
249
251
|
]
|
|
250
252
|
})
|
|
251
253
|
]
|
|
252
254
|
});
|
|
253
|
-
},
|
|
255
|
+
}, Ge = (param)=>{
|
|
254
256
|
let { value: e, defaultValue: a, onChange: r } = param;
|
|
255
|
-
const
|
|
257
|
+
const o = e !== void 0, [d, x] = m.useState(!!a);
|
|
256
258
|
return [
|
|
257
|
-
|
|
259
|
+
o ? !!e : d,
|
|
258
260
|
()=>{
|
|
259
|
-
|
|
261
|
+
o || x(!d), r == null || r(o ? !e : !d);
|
|
260
262
|
}
|
|
261
263
|
];
|
|
262
|
-
},
|
|
264
|
+
}, Je = (e)=>[
|
|
263
265
|
"switch",
|
|
264
266
|
"checkbox",
|
|
265
267
|
"radioValue",
|
|
266
268
|
"iconButton"
|
|
267
269
|
].some((a)=>e[a] !== void 0), le = /*#__PURE__*/ m.forwardRef((e, a)=>{
|
|
268
270
|
var p, ee;
|
|
269
|
-
const r = m.useId(),
|
|
271
|
+
const r = m.useId(), o = oe(), { asset: d, headline: x, title: g, titleAs: v, titleLinesMax: D, subtitle: w, subtitleLinesMax: M, description: u, descriptionLinesMax: E, detail: T, danger: N, badge: y, role: f, extra: L, withChevron: O, dataAttributes: c, right: k, "aria-label": A } = e, [U, S] = m.useState(""), [de, ce] = m.useState(""), [se, he] = m.useState(""), ue = [
|
|
270
272
|
g,
|
|
271
|
-
|
|
273
|
+
U,
|
|
272
274
|
w,
|
|
273
|
-
|
|
275
|
+
u,
|
|
274
276
|
de,
|
|
275
277
|
T,
|
|
276
278
|
se
|
|
277
|
-
].filter(Boolean).join(" "), B = A !== null && A !== void 0 ? A : e.href || e.to ? ue : void 0, me = Be(), b = e.disabled || e.radioValue !== void 0 && me.disabled,
|
|
279
|
+
].filter(Boolean).join(" "), B = A !== null && A !== void 0 ? A : e.href || e.to ? ue : void 0, me = Be(), b = e.disabled || e.radioValue !== void 0 && me.disabled, W = !b && !o, j = !b && o, Y = Je(e), V = !!e.onPress || !!e.href || !!e.to, fe = Y ? !1 : O !== null && O !== void 0 ? O : V, Z = {
|
|
278
280
|
href: e.href,
|
|
279
281
|
newTab: e.newTab,
|
|
280
282
|
loadOnTop: e.loadOnTop,
|
|
@@ -284,19 +286,19 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
284
286
|
onNavigate: e.onNavigate,
|
|
285
287
|
onPress: e.onPress,
|
|
286
288
|
trackingEvent: e.trackingEvent
|
|
287
|
-
}, [_, $] =
|
|
288
|
-
asset:
|
|
289
|
-
headline:
|
|
289
|
+
}, [_, $] = Ge(e.switch || e.checkbox || {}), R = (n)=>/* @__PURE__ */ t(ze, {
|
|
290
|
+
asset: d,
|
|
291
|
+
headline: x,
|
|
290
292
|
headlineRef: (i)=>{
|
|
291
293
|
i && S(i.textContent || "");
|
|
292
294
|
},
|
|
293
295
|
title: g,
|
|
294
|
-
titleAs:
|
|
296
|
+
titleAs: v,
|
|
295
297
|
subtitle: w,
|
|
296
|
-
description:
|
|
298
|
+
description: u,
|
|
297
299
|
badge: y,
|
|
298
|
-
titleLinesMax:
|
|
299
|
-
subtitleLinesMax:
|
|
300
|
+
titleLinesMax: D,
|
|
301
|
+
subtitleLinesMax: M,
|
|
300
302
|
descriptionLinesMax: E,
|
|
301
303
|
detail: T,
|
|
302
304
|
danger: N,
|
|
@@ -313,36 +315,36 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
313
315
|
disabled: b,
|
|
314
316
|
withChevron: fe
|
|
315
317
|
});
|
|
316
|
-
if (V && !
|
|
318
|
+
if (V && !Y) return /* @__PURE__ */ t(te, _object_spread_props(_object_spread({
|
|
317
319
|
ref: a,
|
|
318
|
-
className:
|
|
319
|
-
[
|
|
320
|
-
[
|
|
320
|
+
className: s(G, {
|
|
321
|
+
[J]: W,
|
|
322
|
+
[K]: j,
|
|
321
323
|
[re]: !b
|
|
322
324
|
})
|
|
323
325
|
}, Z), {
|
|
324
326
|
role: f,
|
|
325
|
-
dataAttributes:
|
|
327
|
+
dataAttributes: c,
|
|
326
328
|
disabled: b,
|
|
327
329
|
"aria-label": B,
|
|
328
|
-
children: /* @__PURE__ */ t(
|
|
330
|
+
children: /* @__PURE__ */ t(h, {
|
|
329
331
|
paddingX: 16,
|
|
330
332
|
"aria-hidden": !!e.to || !!e.href || void 0,
|
|
331
333
|
children: R()
|
|
332
334
|
})
|
|
333
335
|
}));
|
|
334
|
-
const
|
|
335
|
-
className:
|
|
336
|
+
const H = (n)=>/* @__PURE__ */ P("div", _object_spread_props(_object_spread({
|
|
337
|
+
className: Me,
|
|
336
338
|
ref: a
|
|
337
|
-
},
|
|
339
|
+
}, X(c)), {
|
|
338
340
|
children: [
|
|
339
341
|
/* @__PURE__ */ t(te, _object_spread_props(_object_spread({
|
|
340
342
|
disabled: b
|
|
341
343
|
}, Z), {
|
|
342
344
|
role: f,
|
|
343
|
-
className:
|
|
344
|
-
[
|
|
345
|
-
[
|
|
345
|
+
className: s(Oe, {
|
|
346
|
+
[J]: W,
|
|
347
|
+
[K]: j
|
|
346
348
|
}),
|
|
347
349
|
"aria-label": B,
|
|
348
350
|
children: R({
|
|
@@ -350,24 +352,24 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
350
352
|
})
|
|
351
353
|
})),
|
|
352
354
|
/* @__PURE__ */ t("div", {
|
|
353
|
-
className:
|
|
355
|
+
className: We
|
|
354
356
|
}),
|
|
355
357
|
n
|
|
356
358
|
]
|
|
357
|
-
})),
|
|
358
|
-
className:
|
|
359
|
-
[
|
|
360
|
-
[
|
|
359
|
+
})), F = (n, i)=>/* @__PURE__ */ t("div", _object_spread_props(_object_spread({
|
|
360
|
+
className: s(G, {
|
|
361
|
+
[J]: W && i,
|
|
362
|
+
[K]: j && i,
|
|
361
363
|
[re]: !b && i
|
|
362
364
|
}),
|
|
363
365
|
ref: a
|
|
364
|
-
},
|
|
366
|
+
}, X(c)), {
|
|
365
367
|
children: n
|
|
366
368
|
}));
|
|
367
369
|
if (e.switch || e.checkbox) {
|
|
368
370
|
var _ref, _ref1;
|
|
369
371
|
const n = e.switch ? we : Re, i = (_ref1 = (_ref = (p = e.switch) == null ? void 0 : p.name) !== null && _ref !== void 0 ? _ref : (ee = e.checkbox) == null ? void 0 : ee.name) !== null && _ref1 !== void 0 ? _ref1 : r;
|
|
370
|
-
return V ?
|
|
372
|
+
return V ? H(/* @__PURE__ */ t(n, {
|
|
371
373
|
disabled: b,
|
|
372
374
|
name: i,
|
|
373
375
|
checked: _,
|
|
@@ -375,13 +377,13 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
375
377
|
"aria-labelledby": r,
|
|
376
378
|
onChange: $,
|
|
377
379
|
render: (param)=>{
|
|
378
|
-
let { controlElement:
|
|
380
|
+
let { controlElement: q } = param;
|
|
379
381
|
return /* @__PURE__ */ t("div", {
|
|
380
|
-
className:
|
|
381
|
-
children:
|
|
382
|
+
className: je,
|
|
383
|
+
children: q
|
|
382
384
|
});
|
|
383
385
|
}
|
|
384
|
-
})) :
|
|
386
|
+
})) : F(/* @__PURE__ */ t(n, {
|
|
385
387
|
disabled: b,
|
|
386
388
|
name: i,
|
|
387
389
|
checked: _,
|
|
@@ -389,22 +391,22 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
389
391
|
"aria-labelledby": r,
|
|
390
392
|
onChange: $,
|
|
391
393
|
render: (param)=>{
|
|
392
|
-
let { controlElement:
|
|
393
|
-
return /* @__PURE__ */ t(
|
|
394
|
+
let { controlElement: q, labelId: be } = param;
|
|
395
|
+
return /* @__PURE__ */ t(h, {
|
|
394
396
|
paddingX: 16,
|
|
395
397
|
role: f,
|
|
396
398
|
children: R({
|
|
397
399
|
labelId: be,
|
|
398
400
|
control: /* @__PURE__ */ t(C, {
|
|
399
401
|
space: "around",
|
|
400
|
-
children:
|
|
402
|
+
children: q
|
|
401
403
|
})
|
|
402
404
|
})
|
|
403
405
|
});
|
|
404
406
|
}
|
|
405
407
|
}), !0);
|
|
406
408
|
}
|
|
407
|
-
return e.radioValue ? V ?
|
|
409
|
+
return e.radioValue ? V ? H(/* @__PURE__ */ t(ae, {
|
|
408
410
|
value: e.radioValue,
|
|
409
411
|
"aria-label": B,
|
|
410
412
|
"aria-labelledby": r,
|
|
@@ -412,19 +414,19 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
412
414
|
let { controlElement: n } = param;
|
|
413
415
|
return /* @__PURE__ */ t(C, {
|
|
414
416
|
space: "around",
|
|
415
|
-
children: /* @__PURE__ */ t(
|
|
417
|
+
children: /* @__PURE__ */ t(h, {
|
|
416
418
|
paddingX: 16,
|
|
417
419
|
children: n
|
|
418
420
|
})
|
|
419
421
|
});
|
|
420
422
|
}
|
|
421
|
-
})) :
|
|
423
|
+
})) : F(/* @__PURE__ */ t(ae, {
|
|
422
424
|
value: e.radioValue,
|
|
423
425
|
"aria-label": B,
|
|
424
426
|
"aria-labelledby": r,
|
|
425
427
|
render: (param)=>{
|
|
426
428
|
let { controlElement: n } = param;
|
|
427
|
-
return /* @__PURE__ */ t(
|
|
429
|
+
return /* @__PURE__ */ t(h, {
|
|
428
430
|
paddingX: 16,
|
|
429
431
|
role: f,
|
|
430
432
|
children: R({
|
|
@@ -436,7 +438,7 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
436
438
|
})
|
|
437
439
|
});
|
|
438
440
|
}
|
|
439
|
-
}), !0) : e.iconButton ? V ?
|
|
441
|
+
}), !0) : e.iconButton ? V ? H(/* @__PURE__ */ t(h, {
|
|
440
442
|
padding: 16,
|
|
441
443
|
children: /* @__PURE__ */ t(C, {
|
|
442
444
|
space: "around",
|
|
@@ -446,7 +448,7 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
446
448
|
disabled: e.disabled
|
|
447
449
|
}))
|
|
448
450
|
})
|
|
449
|
-
})) :
|
|
451
|
+
})) : F(/* @__PURE__ */ t(h, {
|
|
450
452
|
paddingX: 16,
|
|
451
453
|
children: R({
|
|
452
454
|
labelId: r,
|
|
@@ -461,47 +463,46 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
461
463
|
}))
|
|
462
464
|
})
|
|
463
465
|
})
|
|
464
|
-
})) : /* @__PURE__ */ t(
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
dataAttributes: s,
|
|
466
|
+
})) : /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
|
|
467
|
+
className: s(G, Te),
|
|
468
|
+
role: f
|
|
469
|
+
}, X(c)), {
|
|
469
470
|
ref: a,
|
|
470
471
|
children: R()
|
|
471
|
-
});
|
|
472
|
-
}),
|
|
472
|
+
}));
|
|
473
|
+
}), ut = /*#__PURE__*/ m.forwardRef((_param, o)=>{
|
|
473
474
|
var { dataAttributes: e, role: a = "listitem" } = _param, r = _object_without_properties(_param, [
|
|
474
475
|
"dataAttributes",
|
|
475
476
|
"role"
|
|
476
477
|
]);
|
|
477
478
|
return /* @__PURE__ */ t("div", {
|
|
478
479
|
role: a,
|
|
479
|
-
className:
|
|
480
|
+
className: Ne,
|
|
480
481
|
children: /* @__PURE__ */ t(le, _object_spread_props(_object_spread({}, r), {
|
|
481
|
-
ref:
|
|
482
|
+
ref: o,
|
|
482
483
|
dataAttributes: _object_spread({
|
|
483
484
|
"component-name": "Row"
|
|
484
485
|
}, e)
|
|
485
486
|
}))
|
|
486
487
|
});
|
|
487
|
-
}),
|
|
488
|
-
let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes:
|
|
489
|
-
const
|
|
488
|
+
}), mt = (param)=>{
|
|
489
|
+
let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: o } = param;
|
|
490
|
+
const d = m.Children.toArray(e).filter(Boolean), x = d.length - 1;
|
|
490
491
|
return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
|
|
491
492
|
role: r,
|
|
492
493
|
"aria-labelledby": a
|
|
493
|
-
},
|
|
494
|
-
children:
|
|
494
|
+
}, X(o, "RowList")), {
|
|
495
|
+
children: d.map((g, v)=>/* @__PURE__ */ P(m.Fragment, {
|
|
495
496
|
children: [
|
|
496
497
|
g,
|
|
497
|
-
|
|
498
|
+
v < x && /* @__PURE__ */ t(h, {
|
|
498
499
|
paddingX: 16,
|
|
499
500
|
children: /* @__PURE__ */ t(Ce, {})
|
|
500
501
|
})
|
|
501
502
|
]
|
|
502
|
-
},
|
|
503
|
+
}, v))
|
|
503
504
|
}));
|
|
504
|
-
},
|
|
505
|
+
}, ft = /*#__PURE__*/ m.forwardRef((_param, r)=>{
|
|
505
506
|
var { dataAttributes: e } = _param, a = _object_without_properties(_param, [
|
|
506
507
|
"dataAttributes"
|
|
507
508
|
]);
|
|
@@ -513,16 +514,16 @@ const He = (e, a)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
513
514
|
}, e),
|
|
514
515
|
children: /* @__PURE__ */ t(le, _object_spread({}, a))
|
|
515
516
|
});
|
|
516
|
-
}),
|
|
517
|
-
let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes:
|
|
517
|
+
}), bt = (param)=>{
|
|
518
|
+
let { children: e, ariaLabelledby: a, role: r = "list", dataAttributes: o } = param;
|
|
518
519
|
return /* @__PURE__ */ t(C, {
|
|
519
520
|
space: 16,
|
|
520
521
|
role: r,
|
|
521
522
|
"aria-labelledby": a,
|
|
522
523
|
dataAttributes: _object_spread({
|
|
523
524
|
"component-name": "BoxedRowList"
|
|
524
|
-
},
|
|
525
|
+
}, o),
|
|
525
526
|
children: e
|
|
526
527
|
});
|
|
527
528
|
};
|
|
528
|
-
export {
|
|
529
|
+
export { ft as BoxedRow, bt as BoxedRowList, ze as Content, ut as Row, mt as RowList };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./menu.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var
|
|
3
|
+
var e = "_2k0k3uk", n = "_2k0k3uj", r = "_2k0k3u8 _1y2v1nf7m _1y2v1nf8v _1y2v1nfa4 _1y2v1nfbd _1y2v1nf3q _1y2v1nfkd _1y2v1nfhk _1y2v1nfhq _1y2v1nfhf", _ = "_2k0k3ud", a = "_2k0k3ug", t = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3ui _1y2v1nf7m _1y2v1nf8v", m = {
|
|
4
4
|
enter: "_2k0k3u9",
|
|
5
5
|
enterActive: "_2k0k3ua",
|
|
6
6
|
exit: "_2k0k3ub",
|
|
7
7
|
exitActive: "_2k0k3uc"
|
|
8
|
-
},
|
|
8
|
+
}, f = {
|
|
9
9
|
top: "var(--_2k0k3u0)",
|
|
10
10
|
bottom: "var(--_2k0k3u1)",
|
|
11
11
|
left: "var(--_2k0k3u2)",
|
|
@@ -14,4 +14,4 @@ var r = "_2k0k3uj", v = "_2k0k3ui", n = "_2k0k3u8 _1y2v1nf7m _1y2v1nf8v _1y2v1nf
|
|
|
14
14
|
maxHeight: "var(--_2k0k3u5)",
|
|
15
15
|
transformOrigin: "var(--_2k0k3u6)"
|
|
16
16
|
};
|
|
17
|
-
export {
|
|
17
|
+
export { e as iconContainer, n as itemContent, r as menuContainer, _ as menuItem, a as menuItemDisabled, t as menuItemEnabled, u as menuItemHovered, i as menuSectionDivider, m as menuTransitionClasses, f as vars };
|