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