@telefonica/mistica 15.16.4 → 15.18.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/callout.d.ts +1 -0
- package/dist/callout.js +10 -10
- package/dist/card.d.ts +6 -1
- package/dist/card.js +375 -365
- package/dist/chip.d.ts +1 -0
- package/dist/chip.js +25 -26
- package/dist/dialog.d.ts +1 -0
- package/dist/dialog.js +65 -62
- package/dist/feedback.js +58 -52
- 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/inline.css-mistica.js +11 -8
- package/dist/inline.css.d.ts +1 -0
- package/dist/inline.js +12 -12
- package/dist/list.d.ts +1 -0
- package/dist/list.js +163 -157
- package/dist/package-version.js +1 -1
- package/dist/popover.d.ts +1 -0
- package/dist/popover.js +9 -7
- 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-context.js +23 -22
- package/dist/snackbar.d.ts +1 -0
- package/dist/snackbar.js +63 -57
- 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/tooltip.d.ts +1 -0
- package/dist/tooltip.js +110 -110
- package/dist-es/box.js +17 -16
- package/dist-es/callout.js +38 -38
- package/dist-es/card.js +492 -482
- package/dist-es/chip.js +49 -50
- package/dist-es/dialog.js +78 -75
- package/dist-es/feedback.js +96 -89
- 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/inline.css-mistica.js +3 -3
- package/dist-es/inline.js +23 -23
- package/dist-es/list.js +225 -219
- package/dist-es/package-version.js +1 -1
- package/dist-es/popover.js +26 -24
- 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-context.js +25 -24
- package/dist-es/snackbar.js +91 -85
- package/dist-es/style.css +1 -1
- 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/dist-es/tooltip.js +149 -149
- package/package.json +2 -3
package/dist-es/feedback.js
CHANGED
|
@@ -80,106 +80,106 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
80
80
|
}
|
|
81
81
|
import { jsx as e, jsxs as l } from "react/jsx-runtime";
|
|
82
82
|
import * as K from "react";
|
|
83
|
-
import { useTheme as v, useScreenSize as
|
|
84
|
-
import
|
|
85
|
-
import { VIVO_SKIN as
|
|
86
|
-
import { useSetOverscrollColor as
|
|
83
|
+
import { useTheme as v, useScreenSize as A } from "./hooks.js";
|
|
84
|
+
import M from "./button-fixed-footer-layout.js";
|
|
85
|
+
import { VIVO_SKIN as y, VIVO_NEW_SKIN as z } from "./skins/constants.js";
|
|
86
|
+
import { useSetOverscrollColor as $ } from "./overscroll-color-context.js";
|
|
87
87
|
import C from "./icons/icon-success.js";
|
|
88
88
|
import V from "./icons/icon-success-vivo.js";
|
|
89
|
-
import
|
|
90
|
-
import
|
|
91
|
-
import { isWebViewBridgeAvailable as
|
|
92
|
-
import { isRunningAcceptanceTest as
|
|
93
|
-
import { Text2 as
|
|
89
|
+
import G from "./icons/icon-error.js";
|
|
90
|
+
import P from "./icons/icon-info.js";
|
|
91
|
+
import { isWebViewBridgeAvailable as U, requestVibration as X } from "@tef-novum/webview-bridge";
|
|
92
|
+
import { isRunningAcceptanceTest as J } from "./utils/platform.js";
|
|
93
|
+
import { Text2 as Q, Text6 as Y, Text3 as Z } from "./text.js";
|
|
94
94
|
import b from "./box.js";
|
|
95
|
-
import { InternalBoxed as
|
|
96
|
-
import
|
|
97
|
-
import
|
|
98
|
-
import
|
|
99
|
-
import
|
|
95
|
+
import { InternalBoxed as ee } from "./boxed.js";
|
|
96
|
+
import N, { ResetResponsiveLayout as re } from "./responsive-layout.js";
|
|
97
|
+
import u from "./stack.js";
|
|
98
|
+
import p from "classnames";
|
|
99
|
+
import oe from "./button-group.js";
|
|
100
100
|
import { vars as d } from "./skins/skin-contract.css-mistica.js";
|
|
101
|
-
import { container as
|
|
102
|
-
import
|
|
103
|
-
const
|
|
101
|
+
import { container as te, innerContainer as ce, innerContainerWithButtons as ne, backgroundBrand as ie, iconContainer as se, feedbackData as ae, feedbackTextAppearFast as de, feedbackTextAppearMedium as T, feedbackTextAppearSlow as le, desktopContainer as me, desktopContent as pe, desktopImage as ue } from "./feedback.css-mistica.js";
|
|
102
|
+
import O from "./icons/icon-success-vivo-new.js";
|
|
103
|
+
const R = (o)=>!J(o), D = (param)=>{
|
|
104
104
|
let { primaryButton: o, secondaryButton: r } = param;
|
|
105
105
|
return !!o || !!r;
|
|
106
|
-
},
|
|
107
|
-
|
|
106
|
+
}, B = (o)=>{
|
|
107
|
+
U() && X(o).catch(()=>{});
|
|
108
108
|
}, E = (o)=>{
|
|
109
109
|
K.useEffect(()=>{
|
|
110
110
|
let r;
|
|
111
|
-
return o === "success" && (r = setTimeout(()=>
|
|
111
|
+
return o === "success" && (r = setTimeout(()=>B("success"), 700)), o === "error" && (r = setTimeout(()=>B("error"), 1e3)), ()=>{
|
|
112
112
|
clearTimeout(r);
|
|
113
113
|
};
|
|
114
114
|
}, [
|
|
115
115
|
o
|
|
116
116
|
]);
|
|
117
|
-
},
|
|
117
|
+
}, W = (param, n)=>{
|
|
118
118
|
let { icon: o, title: r, description: t, extra: c } = param;
|
|
119
|
-
const i = t && Array.isArray(t) ? /* @__PURE__ */ e(
|
|
119
|
+
const i = t && Array.isArray(t) ? /* @__PURE__ */ e(u, {
|
|
120
120
|
space: 16,
|
|
121
|
-
children: t.map((
|
|
122
|
-
children:
|
|
121
|
+
children: t.map((s, m)=>/* @__PURE__ */ e("p", {
|
|
122
|
+
children: s
|
|
123
123
|
}, m))
|
|
124
124
|
}) : t;
|
|
125
|
-
return /* @__PURE__ */ l(
|
|
125
|
+
return /* @__PURE__ */ l(u, {
|
|
126
126
|
space: 24,
|
|
127
127
|
children: [
|
|
128
128
|
/* @__PURE__ */ e("div", {
|
|
129
|
-
className:
|
|
129
|
+
className: se,
|
|
130
130
|
children: o
|
|
131
131
|
}),
|
|
132
|
-
/* @__PURE__ */ l(
|
|
132
|
+
/* @__PURE__ */ l(u, {
|
|
133
133
|
space: 16,
|
|
134
|
-
className:
|
|
134
|
+
className: p(ae),
|
|
135
135
|
children: [
|
|
136
136
|
/* @__PURE__ */ e("div", {
|
|
137
|
-
className:
|
|
138
|
-
children: /* @__PURE__ */ e(
|
|
137
|
+
className: p(n && de),
|
|
138
|
+
children: /* @__PURE__ */ e(Y, {
|
|
139
139
|
as: "h1",
|
|
140
140
|
children: r
|
|
141
141
|
})
|
|
142
142
|
}),
|
|
143
143
|
i && /* @__PURE__ */ e("div", {
|
|
144
|
-
className:
|
|
145
|
-
children: i && /* @__PURE__ */ e(
|
|
144
|
+
className: p(n && T),
|
|
145
|
+
children: i && /* @__PURE__ */ e(Z, {
|
|
146
146
|
regular: !0,
|
|
147
147
|
color: d.colors.textSecondary,
|
|
148
148
|
children: i
|
|
149
149
|
})
|
|
150
150
|
}),
|
|
151
151
|
c && /* @__PURE__ */ e("div", {
|
|
152
|
-
className:
|
|
152
|
+
className: p(n && (i ? le : T)),
|
|
153
153
|
children: c
|
|
154
154
|
})
|
|
155
155
|
]
|
|
156
156
|
})
|
|
157
157
|
]
|
|
158
158
|
});
|
|
159
|
-
},
|
|
159
|
+
}, _ = (o, r)=>{
|
|
160
160
|
const t = D(r);
|
|
161
|
-
return /* @__PURE__ */ l(
|
|
161
|
+
return /* @__PURE__ */ l(u, {
|
|
162
162
|
space: {
|
|
163
163
|
desktop: 40,
|
|
164
164
|
mobile: 24
|
|
165
165
|
},
|
|
166
166
|
children: [
|
|
167
167
|
o,
|
|
168
|
-
t && /* @__PURE__ */ e(
|
|
168
|
+
t && /* @__PURE__ */ e(oe, _object_spread({}, r))
|
|
169
169
|
]
|
|
170
170
|
});
|
|
171
|
-
},
|
|
171
|
+
}, q = (param)=>{
|
|
172
172
|
let { isInverse: o, body: r, imageFit: t, imageUrl: c, dataAttributes: n } = param;
|
|
173
|
-
return /* @__PURE__ */ e(
|
|
173
|
+
return /* @__PURE__ */ e(ee, {
|
|
174
174
|
borderRadius: d.borderRadii.legacyDisplay,
|
|
175
175
|
desktopOnly: !0,
|
|
176
176
|
isInverse: o,
|
|
177
177
|
dataAttributes: n,
|
|
178
178
|
children: /* @__PURE__ */ l("div", {
|
|
179
|
-
className:
|
|
179
|
+
className: me,
|
|
180
180
|
children: [
|
|
181
181
|
/* @__PURE__ */ e("div", {
|
|
182
|
-
className:
|
|
182
|
+
className: pe,
|
|
183
183
|
children: /* @__PURE__ */ e(b, {
|
|
184
184
|
padding: {
|
|
185
185
|
desktop: 64,
|
|
@@ -203,54 +203,61 @@ const O = (o)=>!X(o), D = (param)=>{
|
|
|
203
203
|
]
|
|
204
204
|
})
|
|
205
205
|
});
|
|
206
|
-
},
|
|
206
|
+
}, be = ()=>($({
|
|
207
207
|
topColor: d.colors.backgroundBrandTop,
|
|
208
208
|
bottomColor: "transparent"
|
|
209
209
|
}), null), F = (param)=>{
|
|
210
|
-
let { title: o, description: r, children: t, extra: c, primaryButton: n, secondaryButton: i, link:
|
|
210
|
+
let { title: o, description: r, children: t, extra: c, primaryButton: n, secondaryButton: i, link: s, hapticFeedback: m, icon: k, animateText: f = !1, isInverse: a = !1, unstable_inlineInDesktop: h, imageUrl: x, imageFit: g, dataAttributes: S } = param;
|
|
211
211
|
E(m);
|
|
212
|
-
const { platformOverrides:
|
|
212
|
+
const { platformOverrides: w, isDarkMode: L } = v(), { isTabletOrSmaller: j } = A(), H = D({
|
|
213
213
|
primaryButton: n,
|
|
214
214
|
secondaryButton: i,
|
|
215
|
-
link:
|
|
216
|
-
}), I =
|
|
217
|
-
icon:
|
|
215
|
+
link: s
|
|
216
|
+
}), I = W({
|
|
217
|
+
icon: k,
|
|
218
218
|
title: o,
|
|
219
219
|
description: r,
|
|
220
220
|
extra: c !== null && c !== void 0 ? c : t
|
|
221
|
-
},
|
|
222
|
-
return !j && h ?
|
|
221
|
+
}, f && R(w));
|
|
222
|
+
return !j && h ? _(I, {
|
|
223
223
|
primaryButton: n,
|
|
224
224
|
secondaryButton: i,
|
|
225
|
-
link:
|
|
225
|
+
link: s
|
|
226
226
|
}) : /* @__PURE__ */ e("div", {
|
|
227
227
|
style: {
|
|
228
228
|
position: "relative"
|
|
229
229
|
},
|
|
230
|
-
children: /* @__PURE__ */ l(
|
|
230
|
+
children: /* @__PURE__ */ l(N, {
|
|
231
231
|
children: [
|
|
232
|
-
|
|
232
|
+
a && /* @__PURE__ */ e(be, {}),
|
|
233
233
|
/* @__PURE__ */ e(b, {
|
|
234
234
|
paddingTop: {
|
|
235
235
|
desktop: 64,
|
|
236
236
|
mobile: 0
|
|
237
237
|
},
|
|
238
|
-
children:
|
|
239
|
-
isInverse:
|
|
240
|
-
body:
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
238
|
+
children: q({
|
|
239
|
+
isInverse: a,
|
|
240
|
+
body: // We need this reset because the ButtonFixedFooterLayout adds a ResponsiveLayout that
|
|
241
|
+
// doesn't expand when nested in mobile. This can cause double margin when footer is not fixed
|
|
242
|
+
/* @__PURE__ */ e(re, {
|
|
243
|
+
skipDesktop: !0,
|
|
244
|
+
children: /* @__PURE__ */ e(M, {
|
|
245
|
+
isFooterVisible: H,
|
|
246
|
+
button: n,
|
|
247
|
+
secondaryButton: i,
|
|
248
|
+
link: s,
|
|
249
|
+
footerBgColor: a && !L ? d.colors.backgroundBrandBottom : void 0,
|
|
250
|
+
containerBgColor: a ? d.colors.backgroundBrand : d.colors.background,
|
|
251
|
+
children: /* @__PURE__ */ e(N, {
|
|
252
|
+
children: /* @__PURE__ */ e("div", {
|
|
253
|
+
className: te,
|
|
254
|
+
children: /* @__PURE__ */ e("div", {
|
|
255
|
+
className: p(ce, {
|
|
256
|
+
[ne]: n || i || s
|
|
257
|
+
}),
|
|
258
|
+
children: I
|
|
259
|
+
})
|
|
260
|
+
})
|
|
254
261
|
})
|
|
255
262
|
})
|
|
256
263
|
}),
|
|
@@ -262,17 +269,17 @@ const O = (o)=>!X(o), D = (param)=>{
|
|
|
262
269
|
]
|
|
263
270
|
})
|
|
264
271
|
});
|
|
265
|
-
},
|
|
272
|
+
}, We = (_param)=>{
|
|
266
273
|
var { dataAttributes: o } = _param, r = _object_without_properties(_param, [
|
|
267
274
|
"dataAttributes"
|
|
268
275
|
]);
|
|
269
|
-
const { isTabletOrSmaller: t } =
|
|
276
|
+
const { isTabletOrSmaller: t } = A(), { skinName: c } = v();
|
|
270
277
|
return /* @__PURE__ */ e(F, _object_spread_props(_object_spread({}, r), {
|
|
271
278
|
isInverse: !r.unstable_inlineInDesktop || t,
|
|
272
279
|
hapticFeedback: "success",
|
|
273
|
-
icon: c ===
|
|
280
|
+
icon: c === y ? /* @__PURE__ */ e(V, {
|
|
274
281
|
size: "100%"
|
|
275
|
-
}) : c === z ? /* @__PURE__ */ e(
|
|
282
|
+
}) : c === z ? /* @__PURE__ */ e(O, {
|
|
276
283
|
size: "100%"
|
|
277
284
|
}) : /* @__PURE__ */ e(C, {
|
|
278
285
|
size: "100%"
|
|
@@ -284,7 +291,7 @@ const O = (o)=>!X(o), D = (param)=>{
|
|
|
284
291
|
"component-name": "SuccessFeedbackScreen"
|
|
285
292
|
}, o)
|
|
286
293
|
}));
|
|
287
|
-
},
|
|
294
|
+
}, _e = (_param)=>{
|
|
288
295
|
var { children: o, errorReference: r, dataAttributes: t } = _param, c = _object_without_properties(_param, [
|
|
289
296
|
"children",
|
|
290
297
|
"errorReference",
|
|
@@ -292,18 +299,18 @@ const O = (o)=>!X(o), D = (param)=>{
|
|
|
292
299
|
]);
|
|
293
300
|
return /* @__PURE__ */ e(F, _object_spread_props(_object_spread({}, c), {
|
|
294
301
|
hapticFeedback: "error",
|
|
295
|
-
icon: /* @__PURE__ */ e(
|
|
302
|
+
icon: /* @__PURE__ */ e(G, {
|
|
296
303
|
size: "100%"
|
|
297
304
|
}),
|
|
298
305
|
animateText: !0,
|
|
299
306
|
dataAttributes: _object_spread({
|
|
300
307
|
"component-name": "ErrorFeedbackScreen"
|
|
301
308
|
}, t),
|
|
302
|
-
extra: /* @__PURE__ */ l(
|
|
309
|
+
extra: /* @__PURE__ */ l(u, {
|
|
303
310
|
space: 16,
|
|
304
311
|
children: [
|
|
305
312
|
o,
|
|
306
|
-
r && /* @__PURE__ */ e(
|
|
313
|
+
r && /* @__PURE__ */ e(Q, {
|
|
307
314
|
color: d.colors.textSecondary,
|
|
308
315
|
regular: !0,
|
|
309
316
|
children: r
|
|
@@ -311,8 +318,8 @@ const O = (o)=>!X(o), D = (param)=>{
|
|
|
311
318
|
]
|
|
312
319
|
})
|
|
313
320
|
}));
|
|
314
|
-
},
|
|
315
|
-
var { dataAttributes: o, Icon: r =
|
|
321
|
+
}, qe = (_param)=>{
|
|
322
|
+
var { dataAttributes: o, Icon: r = P } = _param, t = _object_without_properties(_param, [
|
|
316
323
|
"dataAttributes",
|
|
317
324
|
"Icon"
|
|
318
325
|
]);
|
|
@@ -324,13 +331,13 @@ const O = (o)=>!X(o), D = (param)=>{
|
|
|
324
331
|
size: "100%"
|
|
325
332
|
})
|
|
326
333
|
}, t));
|
|
327
|
-
},
|
|
328
|
-
let { title: o, description: r, children: t, extra: c, primaryButton: n, secondaryButton: i, link:
|
|
334
|
+
}, we = (param)=>{
|
|
335
|
+
let { title: o, description: r, children: t, extra: c, primaryButton: n, secondaryButton: i, link: s, imageUrl: m, imageFit: k, dataAttributes: f } = param;
|
|
329
336
|
E("success");
|
|
330
|
-
const { skinName:
|
|
331
|
-
icon:
|
|
337
|
+
const { skinName: a, platformOverrides: h } = v(), g = W({
|
|
338
|
+
icon: a === y ? /* @__PURE__ */ e(V, {
|
|
332
339
|
size: "100%"
|
|
333
|
-
}) :
|
|
340
|
+
}) : a === z ? /* @__PURE__ */ e(O, {
|
|
334
341
|
size: "100%"
|
|
335
342
|
}) : /* @__PURE__ */ e(C, {
|
|
336
343
|
size: "100%"
|
|
@@ -338,15 +345,15 @@ const O = (o)=>!X(o), D = (param)=>{
|
|
|
338
345
|
title: o,
|
|
339
346
|
description: r,
|
|
340
347
|
extra: c !== null && c !== void 0 ? c : t
|
|
341
|
-
},
|
|
348
|
+
}, R(h)), S = _(g, {
|
|
342
349
|
primaryButton: n,
|
|
343
350
|
secondaryButton: i,
|
|
344
|
-
link:
|
|
351
|
+
link: s
|
|
345
352
|
});
|
|
346
|
-
return
|
|
353
|
+
return q({
|
|
347
354
|
isInverse: !0,
|
|
348
355
|
body: /* @__PURE__ */ e("div", {
|
|
349
|
-
className:
|
|
356
|
+
className: ie,
|
|
350
357
|
children: /* @__PURE__ */ e(b, {
|
|
351
358
|
paddingX: {
|
|
352
359
|
mobile: 16,
|
|
@@ -363,11 +370,11 @@ const O = (o)=>!X(o), D = (param)=>{
|
|
|
363
370
|
})
|
|
364
371
|
})
|
|
365
372
|
}),
|
|
366
|
-
imageFit:
|
|
373
|
+
imageFit: k,
|
|
367
374
|
imageUrl: m,
|
|
368
375
|
dataAttributes: _object_spread({
|
|
369
376
|
"component-name": "SuccessFeedback"
|
|
370
|
-
},
|
|
377
|
+
}, f)
|
|
371
378
|
});
|
|
372
379
|
};
|
|
373
|
-
export {
|
|
380
|
+
export { _e as ErrorFeedbackScreen, F as FeedbackScreen, qe as InfoFeedbackScreen, we as SuccessFeedback, We as SuccessFeedbackScreen };
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
function _define_property(obj, key, value) {
|
|
3
|
+
if (key in obj) {
|
|
4
|
+
Object.defineProperty(obj, key, {
|
|
5
|
+
value: value,
|
|
6
|
+
enumerable: true,
|
|
7
|
+
configurable: true,
|
|
8
|
+
writable: true
|
|
9
|
+
});
|
|
10
|
+
} else {
|
|
11
|
+
obj[key] = value;
|
|
12
|
+
}
|
|
13
|
+
return obj;
|
|
14
|
+
}
|
|
15
|
+
function _object_spread(target) {
|
|
16
|
+
for(var i = 1; i < arguments.length; i++){
|
|
17
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
18
|
+
var ownKeys = Object.keys(source);
|
|
19
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
20
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
21
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
22
|
+
}));
|
|
23
|
+
}
|
|
24
|
+
ownKeys.forEach(function(key) {
|
|
25
|
+
_define_property(target, key, source[key]);
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
return target;
|
|
29
|
+
}
|
|
30
|
+
function ownKeys(object, enumerableOnly) {
|
|
31
|
+
var keys = Object.keys(object);
|
|
32
|
+
if (Object.getOwnPropertySymbols) {
|
|
33
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
34
|
+
if (enumerableOnly) {
|
|
35
|
+
symbols = symbols.filter(function(sym) {
|
|
36
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
keys.push.apply(keys, symbols);
|
|
40
|
+
}
|
|
41
|
+
return keys;
|
|
42
|
+
}
|
|
43
|
+
function _object_spread_props(target, source) {
|
|
44
|
+
source = source != null ? source : {};
|
|
45
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
46
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
47
|
+
} else {
|
|
48
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
49
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
return target;
|
|
53
|
+
}
|
|
54
|
+
function _object_without_properties(source, excluded) {
|
|
55
|
+
if (source == null) return {};
|
|
56
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
57
|
+
var key, i;
|
|
58
|
+
if (Object.getOwnPropertySymbols) {
|
|
59
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
60
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
61
|
+
key = sourceSymbolKeys[i];
|
|
62
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
63
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
64
|
+
target[key] = source[key];
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
return target;
|
|
68
|
+
}
|
|
69
|
+
function _object_without_properties_loose(source, excluded) {
|
|
70
|
+
if (source == null) return {};
|
|
71
|
+
var target = {};
|
|
72
|
+
var sourceKeys = Object.keys(source);
|
|
73
|
+
var key, i;
|
|
74
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
75
|
+
key = sourceKeys[i];
|
|
76
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
77
|
+
target[key] = source[key];
|
|
78
|
+
}
|
|
79
|
+
return target;
|
|
80
|
+
}
|
|
81
|
+
import { jsxs as c, jsx as a } from "react/jsx-runtime";
|
|
82
|
+
import { useIsInverseVariant as i } from "../../theme-variant-context.js";
|
|
83
|
+
import { vars as r } from "../../skins/skin-contract.css-mistica.js";
|
|
84
|
+
const n = (_param)=>{
|
|
85
|
+
var { color: t, size: o = 24 } = _param, e = _object_without_properties(_param, [
|
|
86
|
+
"color",
|
|
87
|
+
"size"
|
|
88
|
+
]);
|
|
89
|
+
const s = i(), l = t !== null && t !== void 0 ? t : s ? r.colors.inverse : r.colors.neutralHigh;
|
|
90
|
+
return /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
|
|
91
|
+
width: o,
|
|
92
|
+
height: o,
|
|
93
|
+
viewBox: "0 0 24 24",
|
|
94
|
+
role: "presentation"
|
|
95
|
+
}, e), {
|
|
96
|
+
children: [
|
|
97
|
+
/* @__PURE__ */ a("path", {
|
|
98
|
+
fill: l,
|
|
99
|
+
d: "M13.524 10.094a.84.84 0 0 0 .9-.052.9.9 0 0 0 .367-.892l-.265-1.64c-.02-.153-.016-.164.11-.29l1.104-1.112a.91.91 0 0 0 .212-.932.88.88 0 0 0-.698-.597l-1.569-.239c-.124-.018-.142-.042-.199-.149l-.704-1.487a.859.859 0 0 0-1.564 0l-.701 1.48c-.06.122-.089.136-.186.154l-1.585.24a.88.88 0 0 0-.697.598.91.91 0 0 0 .212.932l1.144 1.163c.077.08.1.112.073.24l-.27 1.64a.9.9 0 0 0 .366.89c.265.19.615.21.9.053l1.443-.791c.056-.036.103-.03.159-.003z"
|
|
100
|
+
}),
|
|
101
|
+
/* @__PURE__ */ a("path", {
|
|
102
|
+
fill: l,
|
|
103
|
+
d: "M8.26 7.403a.5.5 0 0 1-.263.657L5.474 9.14a.1.1 0 0 0 .001.185l6.439 2.689a.3.3 0 0 0 .23 0l6.435-2.687a.1.1 0 0 0 .001-.184L16.053 8.06a.5.5 0 0 1 .394-.92l3.5 1.5q.063.027.114.068l.019-.008.043.067a.5.5 0 0 1 .084.13l1.092 1.694a1 1 0 0 1-.433 1.455l-6.037 2.698a1 1 0 0 1-1.208-.313l-1.512-2.018a.1.1 0 0 0-.16 0l-1.511 2.018a1 1 0 0 1-1.209.313l-6.037-2.698a1 1 0 0 1-.432-1.455l1.07-1.66a.5.5 0 0 1 .123-.19l.026-.041.013.006a.5.5 0 0 1 .111-.066l3.5-1.5a.5.5 0 0 1 .657.263"
|
|
104
|
+
}),
|
|
105
|
+
/* @__PURE__ */ a("path", {
|
|
106
|
+
fill: l,
|
|
107
|
+
d: "m10.795 15.558.567-.96c.052-.088.186-.052.186.05v6.397a.5.5 0 0 1-.683.464L4.09 18.83a1 1 0 0 1-.632-.93v-4.422a.1.1 0 0 1 .14-.092l2.73 1.184 3.205 1.397a1 1 0 0 0 1.261-.409M13.264 15.558l-.568-.96c-.051-.088-.186-.052-.186.05v6.397a.5.5 0 0 0 .684.464l6.774-2.679a1 1 0 0 0 .632-.93v-4.422a.1.1 0 0 0-.14-.092L17.73 14.57l-3.205 1.397a1 1 0 0 1-1.26-.409"
|
|
108
|
+
})
|
|
109
|
+
]
|
|
110
|
+
}));
|
|
111
|
+
}, h = n;
|
|
112
|
+
export { h as default };
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
function _define_property(obj, key, value) {
|
|
3
|
+
if (key in obj) {
|
|
4
|
+
Object.defineProperty(obj, key, {
|
|
5
|
+
value: value,
|
|
6
|
+
enumerable: true,
|
|
7
|
+
configurable: true,
|
|
8
|
+
writable: true
|
|
9
|
+
});
|
|
10
|
+
} else {
|
|
11
|
+
obj[key] = value;
|
|
12
|
+
}
|
|
13
|
+
return obj;
|
|
14
|
+
}
|
|
15
|
+
function _object_spread(target) {
|
|
16
|
+
for(var i = 1; i < arguments.length; i++){
|
|
17
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
18
|
+
var ownKeys = Object.keys(source);
|
|
19
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
20
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
21
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
22
|
+
}));
|
|
23
|
+
}
|
|
24
|
+
ownKeys.forEach(function(key) {
|
|
25
|
+
_define_property(target, key, source[key]);
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
return target;
|
|
29
|
+
}
|
|
30
|
+
function ownKeys(object, enumerableOnly) {
|
|
31
|
+
var keys = Object.keys(object);
|
|
32
|
+
if (Object.getOwnPropertySymbols) {
|
|
33
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
34
|
+
if (enumerableOnly) {
|
|
35
|
+
symbols = symbols.filter(function(sym) {
|
|
36
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
keys.push.apply(keys, symbols);
|
|
40
|
+
}
|
|
41
|
+
return keys;
|
|
42
|
+
}
|
|
43
|
+
function _object_spread_props(target, source) {
|
|
44
|
+
source = source != null ? source : {};
|
|
45
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
46
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
47
|
+
} else {
|
|
48
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
49
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
return target;
|
|
53
|
+
}
|
|
54
|
+
function _object_without_properties(source, excluded) {
|
|
55
|
+
if (source == null) return {};
|
|
56
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
57
|
+
var key, i;
|
|
58
|
+
if (Object.getOwnPropertySymbols) {
|
|
59
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
60
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
61
|
+
key = sourceSymbolKeys[i];
|
|
62
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
63
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
64
|
+
target[key] = source[key];
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
return target;
|
|
68
|
+
}
|
|
69
|
+
function _object_without_properties_loose(source, excluded) {
|
|
70
|
+
if (source == null) return {};
|
|
71
|
+
var target = {};
|
|
72
|
+
var sourceKeys = Object.keys(source);
|
|
73
|
+
var key, i;
|
|
74
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
75
|
+
key = sourceKeys[i];
|
|
76
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
77
|
+
target[key] = source[key];
|
|
78
|
+
}
|
|
79
|
+
return target;
|
|
80
|
+
}
|
|
81
|
+
import { jsxs as e, jsx as a } from "react/jsx-runtime";
|
|
82
|
+
import { useIsInverseVariant as i } from "../../theme-variant-context.js";
|
|
83
|
+
import { vars as o } from "../../skins/skin-contract.css-mistica.js";
|
|
84
|
+
const n = (_param)=>{
|
|
85
|
+
var { color: r, size: l = 24 } = _param, t = _object_without_properties(_param, [
|
|
86
|
+
"color",
|
|
87
|
+
"size"
|
|
88
|
+
]);
|
|
89
|
+
const s = i(), c = r !== null && r !== void 0 ? r : s ? o.colors.inverse : o.colors.neutralHigh;
|
|
90
|
+
return /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
|
|
91
|
+
width: l,
|
|
92
|
+
height: l,
|
|
93
|
+
viewBox: "0 0 24 24",
|
|
94
|
+
role: "presentation"
|
|
95
|
+
}, t), {
|
|
96
|
+
children: [
|
|
97
|
+
/* @__PURE__ */ a("path", {
|
|
98
|
+
fill: c,
|
|
99
|
+
d: "M12 2.6c-.452 0-.853.261-1.045.67l-.579 1.221-1.283.195c-.436.066-.79.374-.929.79-.146.428-.037.902.28 1.224l.942.958-.223 1.359c-.074.45.106.903.483 1.17.358.257.83.282 1.213.07l1.142-.625 1.14.625h.001a1.14 1.14 0 0 0 1.214-.07c.375-.266.556-.719.483-1.17l-.22-1.368.94-.947.001-.002a1.2 1.2 0 0 0 .28-1.224 1.17 1.17 0 0 0-.93-.79l-1.284-.195-.579-1.222a1.16 1.16 0 0 0-1.046-.669m-.321 1.01a.352.352 0 0 1 .645.002l.62 1.31.005.008.004.007c.02.038.072.138.165.213.113.09.237.11.3.119l1.372.208c.129.02.243.111.291.254v.001a.4.4 0 0 1-.092.408l-.963.97-.009.009c-.04.04-.132.13-.178.25a.64.64 0 0 0-.024.32l.001.01.233 1.447a.39.39 0 0 1-.157.39.34.34 0 0 1-.363.021l-1.28-.702-.011-.005a.517.517 0 0 0-.51.02l-1.254.687a.34.34 0 0 1-.364-.02l-.002-.002a.39.39 0 0 1-.156-.389l.235-1.427a.6.6 0 0 0-.013-.324c-.041-.117-.12-.2-.15-.23l-.005-.005-1.005-1.02a.4.4 0 0 1-.093-.406l.002-.004a.37.37 0 0 1 .29-.253l1.395-.212.007-.001.005-.001a.6.6 0 0 0 .261-.111.7.7 0 0 0 .181-.24l.616-1.3z"
|
|
100
|
+
}),
|
|
101
|
+
/* @__PURE__ */ a("path", {
|
|
102
|
+
fill: c,
|
|
103
|
+
d: "m11.567 21.645-7.1-2.88c-.44-.18-.72-.59-.72-1.07v-4.4l-.75-.36a1.14 1.14 0 0 1-.49-1.63c1.22-1.98 1.33-2.05 1.48-2.1l3.38-1.38c.18-.07.38.01.46.19.07.18-.01.38-.19.46l-2.61 1.07 6.98 2.93 6.98-2.93-2.62-1.07a.345.345 0 0 1-.19-.46c.08-.18.28-.26.46-.19l3.4 1.38c.14.05.25.12 1.47 2.1a1.145 1.145 0 0 1-.49 1.63l-.75.36v4.4c0 .47-.28.89-.72 1.07l-7.1 2.88c-.14.06-.28.08-.43.08l-.01.01c-.15 0-.3-.03-.44-.09m.79-8.108v7.388l6.92-2.81c.17-.07.28-.23.28-.42v-4.08l-4.7 2.1c-.54.24-1.17.04-1.47-.48l-.79-1.37a3 3 0 0 0-.24-.328m-7.9.093v4.065c0 .18.11.35.28.42l6.92 2.81v-7.39c-.07.09-.16.21-.26.36l-.78 1.35c-.3.51-.93.72-1.47.48zm4.98 1.445c.21.09.46.02.57-.19l.79-1.37c.18-.26.33-.46.47-.61l-7.06-2.95c-.14.2-.45.67-1.1 1.72-.07.11-.08.23-.05.36.04.12.12.22.24.28l.95.45.01-.01zm3.76-1.57.8 1.39c.12.2.36.28.57.19l5.18-2.32.95-.45c.12-.06.2-.15.24-.28a.42.42 0 0 0-.05-.36c-.64-1.05-.95-1.52-1.1-1.72l-7.06 2.96h.01c.13.14.29.33.46.59"
|
|
104
|
+
})
|
|
105
|
+
]
|
|
106
|
+
}));
|
|
107
|
+
}, f = n;
|
|
108
|
+
export { f as default };
|