@telefonica/mistica 15.0.0 → 15.1.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/accordion.css-mistica.js +5 -5
- package/dist/accordion.d.ts +1 -0
- package/dist/avatar.css-mistica.js +3 -3
- package/dist/badge.css-mistica.js +6 -6
- package/dist/boxed.css-mistica.js +3 -3
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +9 -9
- package/dist/button.css-mistica.js +27 -27
- package/dist/button.d.ts +12 -0
- package/dist/button.js +67 -62
- package/dist/callout.css-mistica.js +2 -2
- package/dist/callout.d.ts +1 -0
- package/dist/callout.js +11 -11
- package/dist/card.css-mistica.js +13 -13
- package/dist/card.d.ts +6 -0
- package/dist/card.js +301 -293
- package/dist/carousel.css-mistica.js +19 -19
- package/dist/checkbox.css-mistica.js +9 -9
- package/dist/chip.css-mistica.js +10 -10
- package/dist/circle.css-mistica.js +2 -2
- package/dist/community/advanced-data-card.css-mistica.js +12 -12
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/counter.css-mistica.js +4 -4
- package/dist/credit-card-number-field.css-mistica.js +5 -5
- package/dist/dialog.css-mistica.js +6 -6
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/empty-state-card.css-mistica.js +3 -3
- package/dist/empty-state-card.d.ts +1 -0
- package/dist/empty-state-card.js +10 -9
- package/dist/empty-state.css-mistica.js +4 -4
- package/dist/empty-state.d.ts +1 -0
- package/dist/empty-state.js +14 -14
- package/dist/feedback.css-mistica.js +5 -5
- package/dist/fixed-footer-layout.css-mistica.js +2 -2
- package/dist/header.css-mistica.js +1 -1
- package/dist/header.d.ts +2 -0
- package/dist/header.js +46 -47
- package/dist/hero.css-mistica.js +2 -2
- package/dist/hero.d.ts +1 -0
- package/dist/hero.js +29 -29
- package/dist/highlighted-card.css-mistica.js +7 -7
- package/dist/highlighted-card.d.ts +1 -2
- package/dist/highlighted-card.js +9 -9
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/icon-button.css-mistica.js +14 -17
- package/dist/icon-button.css.d.ts +1 -1
- package/dist/icon-button.d.ts +0 -13
- package/dist/icon-button.js +84 -87
- package/dist/image.css-mistica.js +3 -3
- package/dist/index.d.ts +4 -2
- package/dist/index.js +13 -0
- package/dist/inline.js +8 -7
- package/dist/list.css-mistica.js +12 -12
- package/dist/list.d.ts +1 -0
- package/dist/list.js +143 -138
- package/dist/loading-bar.css-mistica.js +4 -4
- package/dist/loading-screen.css-mistica.js +3 -3
- package/dist/logo.d.ts +1 -0
- package/dist/logo.js +155 -136
- package/dist/maybe-dismissable.css-mistica.js +1 -1
- package/dist/maybe-dismissable.js +3 -4
- package/dist/menu.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +22 -22
- package/dist/navigation-bar.d.ts +2 -1
- package/dist/navigation-bar.js +53 -52
- package/dist/navigation-breadcrumbs.css-mistica.js +3 -3
- package/dist/package-version.js +1 -1
- package/dist/pin-field.css-mistica.js +4 -4
- package/dist/progress-bar.css-mistica.js +3 -3
- package/dist/radio-button.css-mistica.js +8 -8
- package/dist/responsive-layout.css-mistica.js +5 -5
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +10 -10
- package/dist/sheet.css-mistica.js +8 -8
- package/dist/skeletons.css-mistica.js +5 -5
- package/dist/skins/blau.js +4 -2
- package/dist/skins/constants.d.ts +1 -0
- package/dist/skins/constants.js +6 -3
- package/dist/skins/movistar.d.ts +1 -0
- package/dist/skins/movistar.js +5 -2
- package/dist/skins/o2-new.d.ts +50 -0
- package/dist/skins/o2-new.js +397 -0
- package/dist/skins/o2.d.ts +1 -0
- package/dist/skins/o2.js +5 -2
- package/dist/skins/skin-contract.css-mistica.js +138 -136
- package/dist/skins/skin-contract.css.d.ts +2 -0
- package/dist/skins/telefonica.d.ts +1 -0
- package/dist/skins/telefonica.js +5 -2
- package/dist/skins/tu.d.ts +1 -0
- package/dist/skins/tu.js +5 -2
- package/dist/skins/types/colors.d.ts +1 -0
- package/dist/skins/types/index.d.ts +1 -1
- package/dist/skins/utils.js +7 -4
- package/dist/skins/vivo-new.js +4 -2
- package/dist/skins/vivo.js +4 -2
- package/dist/slider.css-mistica.js +7 -7
- package/dist/snackbar.css-mistica.js +12 -12
- package/dist/spinner.css-mistica.js +5 -5
- package/dist/sprinkles.css-mistica.js +792 -786
- package/dist/stacking-group.css-mistica.js +2 -2
- package/dist/stepper.css-mistica.js +9 -9
- package/dist/switch-component.css-mistica.js +26 -23
- package/dist/switch-component.css.d.ts +1 -0
- package/dist/switch-component.js +11 -10
- package/dist/tabs.css-mistica.js +9 -9
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +5 -5
- package/dist/text-field-components.css-mistica.js +11 -11
- package/dist/text-link.css-mistica.js +3 -3
- package/dist/text-link.d.ts +5 -0
- package/dist/tooltip.css-mistica.js +2 -2
- package/dist/tooltip.js +0 -1
- package/dist/touchable.css-mistica.js +5 -5
- package/dist/touchable.d.ts +33 -19
- package/dist/touchable.js +54 -51
- package/dist/utils/aspect-ratio-support.css-mistica.js +5 -5
- package/dist/utils/browser.d.ts +1 -0
- package/dist/utils/browser.js +14 -0
- package/dist/video.css-mistica.js +1 -1
- package/dist-es/accordion.css-mistica.js +3 -3
- package/dist-es/avatar.css-mistica.js +2 -2
- package/dist-es/badge.css-mistica.js +2 -2
- package/dist-es/boxed.css-mistica.js +2 -2
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +6 -6
- package/dist-es/button.css-mistica.js +16 -16
- package/dist-es/button.js +88 -83
- package/dist-es/callout.css-mistica.js +2 -2
- package/dist-es/callout.js +37 -37
- package/dist-es/card.css-mistica.js +2 -2
- package/dist-es/card.js +442 -434
- package/dist-es/carousel.css-mistica.js +2 -2
- package/dist-es/checkbox.css-mistica.js +6 -6
- package/dist-es/chip.css-mistica.js +7 -7
- package/dist-es/circle.css-mistica.js +2 -2
- package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/counter.css-mistica.js +2 -2
- package/dist-es/credit-card-number-field.css-mistica.js +4 -4
- package/dist-es/dialog.css-mistica.js +5 -5
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/empty-state-card.css-mistica.js +2 -2
- package/dist-es/empty-state-card.js +30 -29
- package/dist-es/empty-state.css-mistica.js +3 -3
- package/dist-es/empty-state.js +34 -34
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/header.js +69 -70
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/hero.js +56 -56
- package/dist-es/highlighted-card.css-mistica.js +5 -5
- package/dist-es/highlighted-card.js +26 -26
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/icon-button.css-mistica.js +9 -12
- package/dist-es/icon-button.js +94 -97
- package/dist-es/image.css-mistica.js +2 -2
- package/dist-es/index.js +1765 -1764
- package/dist-es/inline.js +13 -12
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/list.js +184 -179
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/loading-screen.css-mistica.js +2 -2
- package/dist-es/logo.js +172 -156
- package/dist-es/maybe-dismissable.css-mistica.js +1 -1
- package/dist-es/maybe-dismissable.js +7 -8
- package/dist-es/menu.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +9 -9
- package/dist-es/navigation-bar.js +72 -71
- package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
- package/dist-es/package-version.js +1 -1
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/progress-bar.css-mistica.js +2 -2
- package/dist-es/radio-button.css-mistica.js +5 -5
- package/dist-es/responsive-layout.css-mistica.js +4 -4
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +9 -9
- package/dist-es/sheet.css-mistica.js +2 -2
- package/dist-es/skeletons.css-mistica.js +2 -2
- package/dist-es/skins/blau.js +4 -2
- package/dist-es/skins/constants.js +2 -2
- package/dist-es/skins/movistar.js +7 -4
- package/dist-es/skins/o2-new.js +380 -0
- package/dist-es/skins/o2.js +5 -2
- package/dist-es/skins/skin-contract.css-mistica.js +138 -136
- package/dist-es/skins/telefonica.js +5 -2
- package/dist-es/skins/tu.js +5 -2
- package/dist-es/skins/utils.js +20 -17
- package/dist-es/skins/vivo-new.js +4 -2
- package/dist-es/skins/vivo.js +4 -2
- package/dist-es/slider.css-mistica.js +2 -2
- package/dist-es/snackbar.css-mistica.js +5 -5
- package/dist-es/spinner.css-mistica.js +2 -2
- package/dist-es/sprinkles.css-mistica.js +792 -786
- package/dist-es/stacking-group.css-mistica.js +2 -2
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +19 -19
- package/dist-es/switch-component.js +24 -23
- package/dist-es/tabs.css-mistica.js +6 -6
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/text-field-base.css-mistica.js +2 -2
- package/dist-es/text-field-components.css-mistica.js +2 -2
- package/dist-es/text-link.css-mistica.js +3 -3
- package/dist-es/tooltip.css-mistica.js +2 -2
- package/dist-es/tooltip.js +0 -1
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/touchable.js +68 -65
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist-es/utils/browser.js +5 -0
- package/dist-es/video.css-mistica.js +1 -1
- package/package.json +2 -2
package/dist-es/list.js
CHANGED
|
@@ -79,11 +79,11 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
79
79
|
return target;
|
|
80
80
|
}
|
|
81
81
|
import { jsx as t, jsxs as C } from "react/jsx-runtime";
|
|
82
|
-
import * as
|
|
82
|
+
import * as I from "react";
|
|
83
83
|
import a from "classnames";
|
|
84
|
-
import { BaseTouchable as
|
|
85
|
-
import { Text1 as ie, Text3 as ae, Text2 as
|
|
86
|
-
import
|
|
84
|
+
import { BaseTouchable as P } from "./touchable.js";
|
|
85
|
+
import { Text1 as ie, Text3 as ae, Text2 as F } from "./text.js";
|
|
86
|
+
import h from "./box.js";
|
|
87
87
|
import R from "./stack.js";
|
|
88
88
|
import U from "./badge.js";
|
|
89
89
|
import { useAriaId as oe } from "./hooks.js";
|
|
@@ -95,7 +95,7 @@ import se from "./checkbox.js";
|
|
|
95
95
|
import { Boxed as he } from "./boxed.js";
|
|
96
96
|
import ue from "./divider.js";
|
|
97
97
|
import { getPrefixedDataAttributes as me } from "./utils/dom.js";
|
|
98
|
-
import { rowContent as
|
|
98
|
+
import { rowContent as k, touchableBackground as y, touchableBackgroundInverse as B, pointer as T, dualActionContainer as Y, dualActionLeft as q, dualActionDivider as z, content as ge, center as D, disabled as L, asset as ve, rowBody as fe, right as be, rightRestrictedWidth as xe, detail as we, detailRight as _, dualActionRight as ye, badge as Be } from "./list.css-mistica.js";
|
|
99
99
|
import { vars as Ne } from "./image.css-mistica.js";
|
|
100
100
|
import { vars as N } from "./skins/skin-contract.css-mistica.js";
|
|
101
101
|
import { applyCssVars as Re } from "./utils/css.js";
|
|
@@ -110,33 +110,33 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
110
110
|
},
|
|
111
111
|
children: e
|
|
112
112
|
}) : e, Ce = (param)=>{
|
|
113
|
-
let { withChevron: e, headline: n, title: r, titleLinesMax:
|
|
114
|
-
const
|
|
113
|
+
let { withChevron: e, headline: n, title: r, titleAs: c, titleLinesMax: m, subtitle: g, subtitleLinesMax: v, description: A, descriptionLinesMax: M, detail: f, asset: S, type: x = "basic", badge: E, right: V, extra: l, labelId: W, disabled: o } = param;
|
|
114
|
+
const j = te(), d = [
|
|
115
115
|
n,
|
|
116
116
|
r,
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
].filter(Boolean).length === 1,
|
|
117
|
+
g,
|
|
118
|
+
A,
|
|
119
|
+
l
|
|
120
|
+
].filter(Boolean).length === 1, u = ()=>E ? /* @__PURE__ */ t(h, {
|
|
121
121
|
paddingLeft: 16,
|
|
122
122
|
children: /* @__PURE__ */ t("div", {
|
|
123
|
-
className: a(
|
|
124
|
-
[
|
|
123
|
+
className: a(D, Be, {
|
|
124
|
+
[L]: o
|
|
125
125
|
}),
|
|
126
126
|
children: E === !0 ? /* @__PURE__ */ t(U, {}) : /* @__PURE__ */ t(U, {
|
|
127
127
|
value: E
|
|
128
128
|
})
|
|
129
129
|
})
|
|
130
130
|
}) : null;
|
|
131
|
-
return /* @__PURE__ */ C(
|
|
131
|
+
return /* @__PURE__ */ C(h, {
|
|
132
132
|
paddingY: 16,
|
|
133
133
|
className: ge,
|
|
134
134
|
children: [
|
|
135
|
-
S && /* @__PURE__ */ t(
|
|
135
|
+
S && /* @__PURE__ */ t(h, {
|
|
136
136
|
paddingRight: 16,
|
|
137
137
|
className: a({
|
|
138
|
-
[
|
|
139
|
-
[
|
|
138
|
+
[D]: d,
|
|
139
|
+
[L]: o
|
|
140
140
|
}),
|
|
141
141
|
children: /* @__PURE__ */ t("div", {
|
|
142
142
|
className: ve,
|
|
@@ -148,10 +148,10 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
148
148
|
}),
|
|
149
149
|
/* @__PURE__ */ t("div", {
|
|
150
150
|
className: a(fe, {
|
|
151
|
-
[
|
|
151
|
+
[L]: o
|
|
152
152
|
}),
|
|
153
153
|
style: {
|
|
154
|
-
justifyContent:
|
|
154
|
+
justifyContent: d ? "center" : "flex-start"
|
|
155
155
|
},
|
|
156
156
|
children: /* @__PURE__ */ C(R, {
|
|
157
157
|
space: 4,
|
|
@@ -168,69 +168,70 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
168
168
|
/* @__PURE__ */ t(ae, {
|
|
169
169
|
regular: !0,
|
|
170
170
|
color: N.colors.textPrimary,
|
|
171
|
-
truncate:
|
|
172
|
-
id:
|
|
171
|
+
truncate: m,
|
|
172
|
+
id: W,
|
|
173
173
|
hyphens: "auto",
|
|
174
|
+
as: c,
|
|
174
175
|
children: r
|
|
175
176
|
}),
|
|
176
|
-
|
|
177
|
+
g && /* @__PURE__ */ t(F, {
|
|
177
178
|
regular: !0,
|
|
178
179
|
color: N.colors.textSecondary,
|
|
179
|
-
truncate:
|
|
180
|
+
truncate: v,
|
|
180
181
|
hyphens: "auto",
|
|
181
|
-
children:
|
|
182
|
+
children: g
|
|
182
183
|
}),
|
|
183
|
-
|
|
184
|
+
A && /* @__PURE__ */ t(F, {
|
|
184
185
|
regular: !0,
|
|
185
186
|
color: N.colors.textSecondary,
|
|
186
|
-
truncate:
|
|
187
|
+
truncate: M,
|
|
187
188
|
hyphens: "auto",
|
|
188
|
-
children:
|
|
189
|
+
children: A
|
|
189
190
|
}),
|
|
190
|
-
|
|
191
|
+
l
|
|
191
192
|
]
|
|
192
193
|
})
|
|
193
194
|
]
|
|
194
195
|
})
|
|
195
196
|
}),
|
|
196
|
-
|
|
197
|
+
u(),
|
|
197
198
|
/* @__PURE__ */ C("div", {
|
|
198
199
|
className: a({
|
|
199
|
-
[be]: !!
|
|
200
|
-
[xe]: !!
|
|
200
|
+
[be]: !!f || x !== "basic",
|
|
201
|
+
[xe]: !!f
|
|
201
202
|
}),
|
|
202
203
|
children: [
|
|
203
|
-
|
|
204
|
-
className: a(
|
|
205
|
-
[
|
|
204
|
+
f && /* @__PURE__ */ t("div", {
|
|
205
|
+
className: a(D, we, {
|
|
206
|
+
[L]: o
|
|
206
207
|
}),
|
|
207
|
-
children: /* @__PURE__ */ t(
|
|
208
|
+
children: /* @__PURE__ */ t(F, {
|
|
208
209
|
regular: !0,
|
|
209
210
|
color: N.colors.textSecondary,
|
|
210
211
|
hyphens: "auto",
|
|
211
|
-
children:
|
|
212
|
+
children: f
|
|
212
213
|
})
|
|
213
214
|
}),
|
|
214
|
-
|
|
215
|
+
x === "control" && /* @__PURE__ */ t("div", {
|
|
215
216
|
className: a({
|
|
216
|
-
[_]: !!
|
|
217
|
+
[_]: !!f
|
|
217
218
|
}),
|
|
218
|
-
children: ee(V,
|
|
219
|
+
children: ee(V, d)
|
|
219
220
|
}),
|
|
220
|
-
|
|
221
|
+
x === "custom" && /* @__PURE__ */ t("div", {
|
|
221
222
|
className: a({
|
|
222
|
-
[_]: !!
|
|
223
|
-
[
|
|
223
|
+
[_]: !!f,
|
|
224
|
+
[L]: o
|
|
224
225
|
}),
|
|
225
|
-
children: ee(V,
|
|
226
|
+
children: ee(V, d)
|
|
226
227
|
}),
|
|
227
|
-
(
|
|
228
|
-
paddingLeft:
|
|
229
|
-
className: a(
|
|
230
|
-
[
|
|
228
|
+
(x === "chevron" || x === "custom" && e) && /* @__PURE__ */ t(h, {
|
|
229
|
+
paddingLeft: f || x === "custom" ? 4 : 0,
|
|
230
|
+
className: a(D, {
|
|
231
|
+
[L]: o
|
|
231
232
|
}),
|
|
232
233
|
children: /* @__PURE__ */ t(ce, {
|
|
233
|
-
color:
|
|
234
|
+
color: j ? N.colors.inverse : N.colors.neutralMedium,
|
|
234
235
|
direction: "right"
|
|
235
236
|
})
|
|
236
237
|
})
|
|
@@ -240,153 +241,153 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
240
241
|
});
|
|
241
242
|
}, ke = (param)=>{
|
|
242
243
|
let { value: e, defaultValue: n, onChange: r } = param;
|
|
243
|
-
const
|
|
244
|
-
|
|
244
|
+
const c = e !== void 0, [m, g] = I.useState(!!n), v = ()=>{
|
|
245
|
+
c || g(!m), r && r(c ? !e : !m);
|
|
245
246
|
};
|
|
246
|
-
return
|
|
247
|
+
return c ? [
|
|
247
248
|
!!e,
|
|
248
|
-
|
|
249
|
+
v
|
|
249
250
|
] : [
|
|
250
|
-
|
|
251
|
-
|
|
251
|
+
m,
|
|
252
|
+
v
|
|
252
253
|
];
|
|
253
|
-
}, Ie = (e)=>e.switch !== void 0, Pe = (e)=>e.checkbox !== void 0, Le = (e)=>e.radioValue !== void 0, Ae = (e)=>e.iconButton !== void 0, ne = /*#__PURE__*/
|
|
254
|
-
const r = oe(),
|
|
255
|
-
let { type:
|
|
254
|
+
}, Ie = (e)=>e.switch !== void 0, Pe = (e)=>e.checkbox !== void 0, Le = (e)=>e.radioValue !== void 0, Ae = (e)=>e.iconButton !== void 0, ne = /*#__PURE__*/ I.forwardRef((e, n)=>{
|
|
255
|
+
const r = oe(), c = te(), { asset: m, headline: g, title: v, titleLinesMax: A, subtitle: M, subtitleLinesMax: f, description: S, descriptionLinesMax: x, detail: E, badge: V, role: l, extra: W, dataAttributes: o } = e, j = le(), i = e.disabled || e.radioValue !== void 0 && j.disabled, d = !i && !c, u = !i && c, [G, J] = ke(e.switch || e.checkbox || {}), b = (param)=>{
|
|
256
|
+
let { type: s, right: w, labelId: X } = param;
|
|
256
257
|
return /* @__PURE__ */ t(Ce, {
|
|
257
|
-
asset:
|
|
258
|
-
headline:
|
|
259
|
-
title:
|
|
260
|
-
subtitle:
|
|
261
|
-
description:
|
|
262
|
-
badge:
|
|
263
|
-
titleLinesMax:
|
|
264
|
-
subtitleLinesMax:
|
|
265
|
-
descriptionLinesMax:
|
|
266
|
-
detail:
|
|
267
|
-
type:
|
|
258
|
+
asset: m,
|
|
259
|
+
headline: g,
|
|
260
|
+
title: v,
|
|
261
|
+
subtitle: M,
|
|
262
|
+
description: S,
|
|
263
|
+
badge: V,
|
|
264
|
+
titleLinesMax: A,
|
|
265
|
+
subtitleLinesMax: f,
|
|
266
|
+
descriptionLinesMax: x,
|
|
267
|
+
detail: E,
|
|
268
|
+
type: s,
|
|
268
269
|
right: w,
|
|
269
|
-
extra:
|
|
270
|
-
labelId:
|
|
270
|
+
extra: W,
|
|
271
|
+
labelId: X,
|
|
271
272
|
disabled: i,
|
|
272
273
|
withChevron: !!e.onPress || !!e.href || !!e.to
|
|
273
274
|
});
|
|
274
|
-
},
|
|
275
|
+
}, H = (s)=>{
|
|
275
276
|
let w = "chevron";
|
|
276
|
-
return
|
|
277
|
+
return s.right === null && (w = "basic"), s.right && (w = "custom"), /* @__PURE__ */ t(h, {
|
|
277
278
|
paddingX: 16,
|
|
278
279
|
ref: n,
|
|
279
|
-
children:
|
|
280
|
+
children: b({
|
|
280
281
|
type: w,
|
|
281
|
-
right:
|
|
282
|
+
right: s.right
|
|
282
283
|
})
|
|
283
284
|
});
|
|
284
285
|
};
|
|
285
|
-
if (e.onPress && !Ie(e) && !Pe(e) && !Le(e) && !Ae(e)) return /* @__PURE__ */ t(
|
|
286
|
+
if (e.onPress && !Ie(e) && !Pe(e) && !Le(e) && !Ae(e)) return /* @__PURE__ */ t(P, {
|
|
286
287
|
ref: n,
|
|
287
|
-
className: a(
|
|
288
|
-
[y]:
|
|
289
|
-
[B]:
|
|
288
|
+
className: a(k, {
|
|
289
|
+
[y]: d,
|
|
290
|
+
[B]: u,
|
|
290
291
|
[T]: !i
|
|
291
292
|
}),
|
|
292
293
|
trackingEvent: e.trackingEvent,
|
|
293
294
|
onPress: e.onPress,
|
|
294
|
-
role:
|
|
295
|
-
dataAttributes:
|
|
295
|
+
role: l,
|
|
296
|
+
dataAttributes: o,
|
|
296
297
|
disabled: i,
|
|
297
|
-
children:
|
|
298
|
+
children: H(e)
|
|
298
299
|
});
|
|
299
|
-
if (e.to) return /* @__PURE__ */ t(
|
|
300
|
-
className: a(
|
|
301
|
-
[y]:
|
|
302
|
-
[B]:
|
|
300
|
+
if (e.to) return /* @__PURE__ */ t(P, {
|
|
301
|
+
className: a(k, {
|
|
302
|
+
[y]: d,
|
|
303
|
+
[B]: u,
|
|
303
304
|
[T]: !i
|
|
304
305
|
}),
|
|
305
306
|
trackingEvent: e.trackingEvent,
|
|
306
307
|
to: e.to,
|
|
307
308
|
fullPageOnWebView: e.fullPageOnWebView,
|
|
308
|
-
role:
|
|
309
|
-
dataAttributes:
|
|
309
|
+
role: l,
|
|
310
|
+
dataAttributes: o,
|
|
310
311
|
disabled: i,
|
|
311
|
-
children:
|
|
312
|
+
children: H(e)
|
|
312
313
|
});
|
|
313
|
-
if (e.href) return /* @__PURE__ */ t(
|
|
314
|
-
className: a(
|
|
315
|
-
[y]:
|
|
316
|
-
[B]:
|
|
314
|
+
if (e.href) return /* @__PURE__ */ t(P, {
|
|
315
|
+
className: a(k, {
|
|
316
|
+
[y]: d,
|
|
317
|
+
[B]: u,
|
|
317
318
|
[T]: !i
|
|
318
319
|
}),
|
|
319
320
|
trackingEvent: e.trackingEvent,
|
|
320
321
|
href: e.href,
|
|
321
322
|
newTab: e.newTab,
|
|
322
|
-
role:
|
|
323
|
-
dataAttributes:
|
|
323
|
+
role: l,
|
|
324
|
+
dataAttributes: o,
|
|
324
325
|
disabled: i,
|
|
325
|
-
children:
|
|
326
|
+
children: H(e)
|
|
326
327
|
});
|
|
327
|
-
const K = (
|
|
328
|
-
var
|
|
328
|
+
const K = (s)=>{
|
|
329
|
+
var X, Q;
|
|
329
330
|
var _ref, _ref1;
|
|
330
|
-
const w = (_ref1 = (_ref = (
|
|
331
|
+
const w = (_ref1 = (_ref = (X = e.switch) == null ? void 0 : X.name) !== null && _ref !== void 0 ? _ref : (Q = e.checkbox) == null ? void 0 : Q.name) !== null && _ref1 !== void 0 ? _ref1 : r;
|
|
331
332
|
return e.onPress ? /* @__PURE__ */ C("div", {
|
|
332
|
-
className:
|
|
333
|
+
className: Y,
|
|
333
334
|
children: [
|
|
334
|
-
/* @__PURE__ */ t(
|
|
335
|
-
dataAttributes:
|
|
335
|
+
/* @__PURE__ */ t(P, {
|
|
336
|
+
dataAttributes: o,
|
|
336
337
|
disabled: i,
|
|
337
338
|
onPress: e.onPress,
|
|
338
339
|
trackingEvent: e.trackingEvent,
|
|
339
|
-
role:
|
|
340
|
-
className: a(
|
|
341
|
-
[y]:
|
|
342
|
-
[B]:
|
|
340
|
+
role: l,
|
|
341
|
+
className: a(q, {
|
|
342
|
+
[y]: d,
|
|
343
|
+
[B]: u
|
|
343
344
|
}),
|
|
344
|
-
children:
|
|
345
|
+
children: b({
|
|
345
346
|
type: "basic",
|
|
346
347
|
labelId: r
|
|
347
348
|
})
|
|
348
349
|
}),
|
|
349
350
|
/* @__PURE__ */ t("div", {
|
|
350
|
-
className:
|
|
351
|
+
className: z
|
|
351
352
|
}),
|
|
352
|
-
/* @__PURE__ */ t(
|
|
353
|
+
/* @__PURE__ */ t(s, {
|
|
353
354
|
disabled: i,
|
|
354
355
|
name: w,
|
|
355
356
|
checked: G,
|
|
356
357
|
"aria-labelledby": r,
|
|
357
358
|
onChange: J,
|
|
358
359
|
render: (param)=>{
|
|
359
|
-
let { controlElement:
|
|
360
|
+
let { controlElement: O } = param;
|
|
360
361
|
return /* @__PURE__ */ t("div", {
|
|
361
362
|
className: ye,
|
|
362
|
-
children:
|
|
363
|
+
children: O
|
|
363
364
|
});
|
|
364
365
|
}
|
|
365
366
|
})
|
|
366
367
|
]
|
|
367
368
|
}) : /* @__PURE__ */ t("div", {
|
|
368
|
-
className: a(
|
|
369
|
-
[y]:
|
|
370
|
-
[B]:
|
|
369
|
+
className: a(k, {
|
|
370
|
+
[y]: d,
|
|
371
|
+
[B]: u,
|
|
371
372
|
[T]: !i
|
|
372
373
|
}),
|
|
373
|
-
children: /* @__PURE__ */ t(
|
|
374
|
+
children: /* @__PURE__ */ t(s, {
|
|
374
375
|
disabled: i,
|
|
375
|
-
dataAttributes:
|
|
376
|
+
dataAttributes: o,
|
|
376
377
|
name: w,
|
|
377
378
|
checked: G,
|
|
378
379
|
onChange: J,
|
|
379
380
|
render: (param)=>{
|
|
380
|
-
let { controlElement:
|
|
381
|
-
return /* @__PURE__ */ t(
|
|
381
|
+
let { controlElement: O, labelId: re } = param;
|
|
382
|
+
return /* @__PURE__ */ t(h, {
|
|
382
383
|
paddingX: 16,
|
|
383
|
-
role:
|
|
384
|
-
children:
|
|
384
|
+
role: l,
|
|
385
|
+
children: b({
|
|
385
386
|
labelId: re,
|
|
386
387
|
type: "control",
|
|
387
388
|
right: ()=>/* @__PURE__ */ t(R, {
|
|
388
389
|
space: "around",
|
|
389
|
-
children:
|
|
390
|
+
children: O
|
|
390
391
|
})
|
|
391
392
|
})
|
|
392
393
|
});
|
|
@@ -395,27 +396,27 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
395
396
|
});
|
|
396
397
|
};
|
|
397
398
|
return e.switch ? K(de) : e.checkbox ? K(se) : e.iconButton ? e.onPress ? /* @__PURE__ */ C("div", {
|
|
398
|
-
className:
|
|
399
|
+
className: Y,
|
|
399
400
|
children: [
|
|
400
|
-
/* @__PURE__ */ t(
|
|
401
|
-
dataAttributes:
|
|
401
|
+
/* @__PURE__ */ t(P, {
|
|
402
|
+
dataAttributes: o,
|
|
402
403
|
disabled: i,
|
|
403
404
|
onPress: e.onPress,
|
|
404
405
|
trackingEvent: e.trackingEvent,
|
|
405
|
-
role:
|
|
406
|
-
className: a(
|
|
407
|
-
[y]:
|
|
408
|
-
[B]:
|
|
406
|
+
role: l,
|
|
407
|
+
className: a(q, {
|
|
408
|
+
[y]: d,
|
|
409
|
+
[B]: u
|
|
409
410
|
}),
|
|
410
|
-
children:
|
|
411
|
+
children: b({
|
|
411
412
|
type: "basic",
|
|
412
413
|
labelId: r
|
|
413
414
|
})
|
|
414
415
|
}),
|
|
415
416
|
/* @__PURE__ */ t("div", {
|
|
416
|
-
className:
|
|
417
|
+
className: z
|
|
417
418
|
}),
|
|
418
|
-
/* @__PURE__ */ t(
|
|
419
|
+
/* @__PURE__ */ t(h, {
|
|
419
420
|
padding: 16,
|
|
420
421
|
children: /* @__PURE__ */ t(R, {
|
|
421
422
|
space: "around",
|
|
@@ -430,10 +431,10 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
430
431
|
})
|
|
431
432
|
]
|
|
432
433
|
}) : /* @__PURE__ */ t("div", {
|
|
433
|
-
className: a(
|
|
434
|
-
children: /* @__PURE__ */ t(
|
|
434
|
+
className: a(k),
|
|
435
|
+
children: /* @__PURE__ */ t(h, {
|
|
435
436
|
paddingX: 16,
|
|
436
|
-
children:
|
|
437
|
+
children: b({
|
|
437
438
|
labelId: r,
|
|
438
439
|
type: "control",
|
|
439
440
|
right: /* @__PURE__ */ t(R, {
|
|
@@ -449,107 +450,111 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
449
450
|
})
|
|
450
451
|
})
|
|
451
452
|
}) : e.radioValue ? e.onPress ? /* @__PURE__ */ C("div", {
|
|
452
|
-
className:
|
|
453
|
+
className: Y,
|
|
453
454
|
children: [
|
|
454
|
-
/* @__PURE__ */ t(
|
|
455
|
+
/* @__PURE__ */ t(P, {
|
|
455
456
|
disabled: i,
|
|
456
457
|
onPress: e.onPress,
|
|
457
|
-
role:
|
|
458
|
-
className: a(
|
|
459
|
-
[y]:
|
|
460
|
-
[B]:
|
|
458
|
+
role: l,
|
|
459
|
+
className: a(q, {
|
|
460
|
+
[y]: d,
|
|
461
|
+
[B]: u
|
|
461
462
|
}),
|
|
462
|
-
children:
|
|
463
|
+
children: b({
|
|
463
464
|
type: "basic",
|
|
464
465
|
labelId: r
|
|
465
466
|
})
|
|
466
467
|
}),
|
|
467
468
|
/* @__PURE__ */ t("div", {
|
|
468
|
-
className:
|
|
469
|
+
className: z
|
|
469
470
|
}),
|
|
470
471
|
/* @__PURE__ */ t(Z, {
|
|
471
|
-
dataAttributes:
|
|
472
|
+
dataAttributes: o,
|
|
472
473
|
value: e.radioValue,
|
|
473
474
|
"aria-labelledby": r,
|
|
474
475
|
render: (param)=>{
|
|
475
|
-
let { controlElement:
|
|
476
|
+
let { controlElement: s } = param;
|
|
476
477
|
return /* @__PURE__ */ t(R, {
|
|
477
478
|
space: "around",
|
|
478
|
-
children: /* @__PURE__ */ t(
|
|
479
|
+
children: /* @__PURE__ */ t(h, {
|
|
479
480
|
paddingX: 16,
|
|
480
|
-
children:
|
|
481
|
+
children: s
|
|
481
482
|
})
|
|
482
483
|
});
|
|
483
484
|
}
|
|
484
485
|
})
|
|
485
486
|
]
|
|
486
487
|
}) : /* @__PURE__ */ t("div", {
|
|
487
|
-
className: a(
|
|
488
|
-
[y]:
|
|
489
|
-
[B]:
|
|
488
|
+
className: a(k, {
|
|
489
|
+
[y]: d,
|
|
490
|
+
[B]: u,
|
|
490
491
|
[T]: !i
|
|
491
492
|
}),
|
|
492
|
-
role:
|
|
493
|
+
role: l,
|
|
493
494
|
ref: n,
|
|
494
495
|
children: /* @__PURE__ */ t(Z, {
|
|
495
|
-
dataAttributes:
|
|
496
|
+
dataAttributes: o,
|
|
496
497
|
value: e.radioValue,
|
|
497
498
|
"aria-labelledby": r,
|
|
498
499
|
render: (param)=>{
|
|
499
|
-
let { controlElement:
|
|
500
|
-
return /* @__PURE__ */ t(
|
|
500
|
+
let { controlElement: s } = param;
|
|
501
|
+
return /* @__PURE__ */ t(h, {
|
|
501
502
|
paddingX: 16,
|
|
502
|
-
children:
|
|
503
|
+
children: b({
|
|
503
504
|
labelId: r,
|
|
504
505
|
type: "control",
|
|
505
506
|
right: ()=>/* @__PURE__ */ t(R, {
|
|
506
507
|
space: "around",
|
|
507
|
-
children:
|
|
508
|
+
children: s
|
|
508
509
|
})
|
|
509
510
|
})
|
|
510
511
|
});
|
|
511
512
|
}
|
|
512
513
|
})
|
|
513
|
-
}) : /* @__PURE__ */ t(
|
|
514
|
+
}) : /* @__PURE__ */ t(h, {
|
|
514
515
|
paddingX: 16,
|
|
515
|
-
className:
|
|
516
|
-
role:
|
|
517
|
-
dataAttributes:
|
|
518
|
-
children: e.right ?
|
|
516
|
+
className: k,
|
|
517
|
+
role: l,
|
|
518
|
+
dataAttributes: o,
|
|
519
|
+
children: e.right ? b({
|
|
519
520
|
type: "custom",
|
|
520
521
|
right: e.right
|
|
521
|
-
}) :
|
|
522
|
+
}) : b({
|
|
522
523
|
type: "basic"
|
|
523
524
|
})
|
|
524
525
|
});
|
|
525
|
-
}), _e = /*#__PURE__*/
|
|
526
|
-
var { dataAttributes: e } = _param,
|
|
527
|
-
"dataAttributes"
|
|
526
|
+
}), _e = /*#__PURE__*/ I.forwardRef((_param, c)=>{
|
|
527
|
+
var { dataAttributes: e, role: n = "listitem" } = _param, r = _object_without_properties(_param, [
|
|
528
|
+
"dataAttributes",
|
|
529
|
+
"role"
|
|
528
530
|
]);
|
|
529
|
-
return /* @__PURE__ */ t(
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
531
|
+
return /* @__PURE__ */ t("div", {
|
|
532
|
+
role: n,
|
|
533
|
+
children: /* @__PURE__ */ t(ne, _object_spread_props(_object_spread({}, r), {
|
|
534
|
+
ref: c,
|
|
535
|
+
dataAttributes: _object_spread({
|
|
536
|
+
"component-name": "Row"
|
|
537
|
+
}, e)
|
|
538
|
+
}))
|
|
539
|
+
});
|
|
535
540
|
}), $e = (param)=>{
|
|
536
|
-
let { children: e, ariaLabelledby: n, role: r, dataAttributes:
|
|
537
|
-
const
|
|
541
|
+
let { children: e, ariaLabelledby: n, role: r = "list", dataAttributes: c } = param;
|
|
542
|
+
const m = I.Children.count(e) - 1;
|
|
538
543
|
return /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
|
|
539
544
|
role: r,
|
|
540
545
|
"aria-labelledby": n
|
|
541
|
-
}, me(
|
|
542
|
-
children:
|
|
546
|
+
}, me(c, "RowList")), {
|
|
547
|
+
children: I.Children.toArray(e).filter(Boolean).map((g, v)=>/* @__PURE__ */ C(I.Fragment, {
|
|
543
548
|
children: [
|
|
544
|
-
|
|
545
|
-
|
|
549
|
+
g,
|
|
550
|
+
v < m && /* @__PURE__ */ t(h, {
|
|
546
551
|
paddingX: 16,
|
|
547
552
|
children: /* @__PURE__ */ t(ue, {})
|
|
548
553
|
})
|
|
549
554
|
]
|
|
550
|
-
},
|
|
555
|
+
}, v))
|
|
551
556
|
}));
|
|
552
|
-
}, pe = /*#__PURE__*/
|
|
557
|
+
}, pe = /*#__PURE__*/ I.forwardRef((_param, r)=>{
|
|
553
558
|
var { dataAttributes: e } = _param, n = _object_without_properties(_param, [
|
|
554
559
|
"dataAttributes"
|
|
555
560
|
]);
|
|
@@ -562,14 +567,14 @@ const ee = (e, n)=>typeof e == "function" ? e == null ? void 0 : e({
|
|
|
562
567
|
children: /* @__PURE__ */ t(ne, _object_spread({}, n))
|
|
563
568
|
});
|
|
564
569
|
}), et = (param)=>{
|
|
565
|
-
let { children: e, ariaLabelledby: n, role: r, dataAttributes:
|
|
570
|
+
let { children: e, ariaLabelledby: n, role: r = "list", dataAttributes: c } = param;
|
|
566
571
|
return /* @__PURE__ */ t(R, {
|
|
567
572
|
space: 16,
|
|
568
573
|
role: r,
|
|
569
574
|
"aria-labelledby": n,
|
|
570
575
|
dataAttributes: _object_spread({
|
|
571
576
|
"component-name": "BoxedRowList"
|
|
572
|
-
},
|
|
577
|
+
}, c),
|
|
573
578
|
children: e
|
|
574
579
|
});
|
|
575
580
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./loading-bar.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var _ = "_1num3qg3",
|
|
4
|
-
export { _ as hidden,
|
|
3
|
+
var _ = "_1num3qg3", r = "_1num3qg2 _1y2v1nfh6 _1y2v1nfkh _1y2v1nfkw _1y2v1nflb", y = "_1num3qg7 _1y2v1nfh5 _1y2v1nfhx _1y2v1nfie", f = "_1y2v1nfhx _1y2v1nfkb _1y2v1nfh4 _1y2v1nf4y _1y2v1nfih";
|
|
4
|
+
export { _ as hidden, r as portal, y as progress, f as progressContainer };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./loading-screen.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var
|
|
3
|
+
var a = 500, r = "flke8b1 _1y2v1nfha _1y2v1nfhg _1y2v1nfhp", f = "_1y2v1nfhw _1y2v1nfha _1y2v1nfhg _1y2v1nfhp _1y2v1nfhj", v = "flke8b9 _1y2v1nf7o", l = "flke8bb", o = "flke8bc", i = "flke8bf", d = "flke8be", t = {
|
|
4
4
|
default: "flke8b4",
|
|
5
5
|
inverse: "flke8b5"
|
|
6
6
|
}, k = "flke8b3", c = "flke8b6";
|
|
7
|
-
export {
|
|
7
|
+
export { a as inOutAnimationMs, r as loadingScreen, f as loadingScreenChildren, v as loadingScreenText, l as loadingScreenTextAnimated, o as loadingScreenTextAnimatedOut, i as logo, d as pulseLogo, t as screenBackground, k as screenBackgroundAnimated, c as screenBackgroundFadeOut };
|