@telefonica/mistica 15.16.4 → 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/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/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/chip.js
CHANGED
|
@@ -51,21 +51,20 @@ function _object_spread_props(target, source) {
|
|
|
51
51
|
}
|
|
52
52
|
return target;
|
|
53
53
|
}
|
|
54
|
-
import { jsxs as
|
|
55
|
-
import
|
|
56
|
-
import { useTheme as
|
|
57
|
-
import
|
|
58
|
-
import
|
|
59
|
-
import { Text2 as
|
|
60
|
-
import
|
|
61
|
-
import { pxToRem as
|
|
62
|
-
import { iconActive as
|
|
54
|
+
import { jsxs as d, Fragment as C, jsx as t } from "react/jsx-runtime";
|
|
55
|
+
import m from "classnames";
|
|
56
|
+
import { useTheme as P } from "./hooks.js";
|
|
57
|
+
import x from "./badge.js";
|
|
58
|
+
import o from "./box.js";
|
|
59
|
+
import { Text2 as V } from "./text.js";
|
|
60
|
+
import z from "./generated/mistica-icons/icon-close-regular.js";
|
|
61
|
+
import { pxToRem as i } from "./utils/css.js";
|
|
62
|
+
import { iconActive as D, icon as L, chipVariants as h, chipWrapper as p, button as M, wrappedContent as F, chipInteractiveVariants as W } from "./chip.css-mistica.js";
|
|
63
63
|
import { vars as $ } from "./skins/skin-contract.css-mistica.js";
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
|
|
67
|
-
const
|
|
68
|
-
const { Icon: n, children: R, id: T, dataAttributes: p, active: a, badge: r, onClose: s } = e, { texts: k, isDarkMode: I, textPresets: B } = j(), u = E() === "alternative", f = n ? {
|
|
64
|
+
import { useThemeVariant as q } from "./theme-variant-context.js";
|
|
65
|
+
import E, { BaseTouchable as G } from "./touchable.js";
|
|
66
|
+
const H = (e)=>{
|
|
67
|
+
const { Icon: n, children: A, id: R, dataAttributes: T, active: a, badge: r, onClose: s } = e, { texts: k, isDarkMode: I, textPresets: B } = P(), u = q() === "alternative", f = n ? {
|
|
69
68
|
mobile: 16,
|
|
70
69
|
desktop: 8
|
|
71
70
|
} : {
|
|
@@ -77,75 +76,75 @@ const J = (e)=>{
|
|
|
77
76
|
}, g = {
|
|
78
77
|
mobile: 16,
|
|
79
78
|
desktop: 8
|
|
80
|
-
}, b = /* @__PURE__ */
|
|
79
|
+
}, b = /* @__PURE__ */ d(C, {
|
|
81
80
|
children: [
|
|
82
|
-
n && /* @__PURE__ */ t(
|
|
81
|
+
n && /* @__PURE__ */ t(o, {
|
|
83
82
|
paddingRight: 4,
|
|
84
|
-
className: a ?
|
|
83
|
+
className: a ? D : L,
|
|
85
84
|
children: /* @__PURE__ */ t(n, {
|
|
86
85
|
color: "currentColor",
|
|
87
|
-
size:
|
|
86
|
+
size: i(16)
|
|
88
87
|
})
|
|
89
88
|
}),
|
|
90
|
-
/* @__PURE__ */ t(
|
|
89
|
+
/* @__PURE__ */ t(o, {
|
|
91
90
|
paddingRight: r ? 8 : s ? 4 : 0,
|
|
92
|
-
children: /* @__PURE__ */ t(
|
|
93
|
-
id:
|
|
91
|
+
children: /* @__PURE__ */ t(V, {
|
|
92
|
+
id: R,
|
|
94
93
|
weight: B.indicator.weight,
|
|
95
94
|
truncate: 1,
|
|
96
95
|
color: "currentColor",
|
|
97
|
-
children:
|
|
96
|
+
children: A
|
|
98
97
|
})
|
|
99
98
|
})
|
|
100
99
|
]
|
|
101
|
-
})
|
|
102
|
-
|
|
103
|
-
|
|
100
|
+
}), c = _object_spread({
|
|
101
|
+
"component-name": "Chip"
|
|
102
|
+
}, T);
|
|
103
|
+
if (s) return /* @__PURE__ */ d(o, {
|
|
104
|
+
className: m(u ? h.overAlternative : h.default, p),
|
|
104
105
|
paddingLeft: f,
|
|
105
|
-
paddingRight: g
|
|
106
|
-
|
|
106
|
+
paddingRight: g,
|
|
107
|
+
dataAttributes: c,
|
|
107
108
|
children: [
|
|
108
109
|
b,
|
|
109
|
-
/* @__PURE__ */ t(
|
|
110
|
+
/* @__PURE__ */ t(E, {
|
|
110
111
|
style: {
|
|
111
112
|
display: "flex",
|
|
112
113
|
justifyContent: "center",
|
|
113
114
|
alignItems: "center",
|
|
114
|
-
width:
|
|
115
|
-
height:
|
|
115
|
+
width: i(24),
|
|
116
|
+
height: i(24)
|
|
116
117
|
},
|
|
117
118
|
"aria-label": k.closeButtonLabel,
|
|
118
119
|
onPress: ()=>s(),
|
|
119
|
-
children: /* @__PURE__ */ t(
|
|
120
|
-
size:
|
|
120
|
+
children: /* @__PURE__ */ t(z, {
|
|
121
|
+
size: i(16),
|
|
121
122
|
color: $.colors.neutralMedium
|
|
122
123
|
})
|
|
123
124
|
})
|
|
124
125
|
]
|
|
125
|
-
})
|
|
126
|
-
const
|
|
127
|
-
|
|
128
|
-
}, p), N = ()=>r ? /* @__PURE__ */ t(x, {
|
|
129
|
-
children: r === !0 ? /* @__PURE__ */ t(A, {}) : /* @__PURE__ */ t(A, {
|
|
126
|
+
});
|
|
127
|
+
const l = e.href || e.onPress || e.to, y = a !== void 0 || l, N = ()=>r ? /* @__PURE__ */ t(C, {
|
|
128
|
+
children: r === !0 ? /* @__PURE__ */ t(x, {}) : /* @__PURE__ */ t(x, {
|
|
130
129
|
value: r
|
|
131
130
|
})
|
|
132
|
-
}) : null,
|
|
133
|
-
className:
|
|
134
|
-
|
|
131
|
+
}) : null, v = (j)=>/* @__PURE__ */ d(o, {
|
|
132
|
+
className: m(h[a ? "active" : u ? "overAlternative" : "default"], // If the chip is wrapped inside a BaseTouchable, we set inline-flex to the Touchable instead
|
|
133
|
+
l ? F : p, {
|
|
135
134
|
[W[I ? "dark" : "light"]]: y
|
|
136
135
|
}),
|
|
137
136
|
paddingLeft: f,
|
|
138
137
|
paddingRight: r ? g : w,
|
|
139
|
-
dataAttributes:
|
|
138
|
+
dataAttributes: j,
|
|
140
139
|
children: [
|
|
141
140
|
b,
|
|
142
141
|
N()
|
|
143
142
|
]
|
|
144
143
|
});
|
|
145
|
-
return
|
|
146
|
-
className:
|
|
147
|
-
dataAttributes:
|
|
148
|
-
children:
|
|
149
|
-
})) :
|
|
150
|
-
},
|
|
151
|
-
export {
|
|
144
|
+
return l ? /* @__PURE__ */ t(G, _object_spread_props(_object_spread({}, e), {
|
|
145
|
+
className: m(p, M),
|
|
146
|
+
dataAttributes: c,
|
|
147
|
+
children: v()
|
|
148
|
+
})) : v(c);
|
|
149
|
+
}, rt = H;
|
|
150
|
+
export { rt as default };
|
package/dist-es/dialog.js
CHANGED
|
@@ -78,10 +78,10 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
78
78
|
}
|
|
79
79
|
return target;
|
|
80
80
|
}
|
|
81
|
-
import { jsx as e, jsxs as w, Fragment as
|
|
82
|
-
import * as
|
|
81
|
+
import { jsx as e, jsxs as w, Fragment as O } from "react/jsx-runtime";
|
|
82
|
+
import * as n from "react";
|
|
83
83
|
import E from "classnames";
|
|
84
|
-
import { ButtonDanger as
|
|
84
|
+
import { ButtonDanger as L, ButtonPrimary as S, ButtonSecondary as M } from "./button.js";
|
|
85
85
|
import { Portal as _ } from "./portal.js";
|
|
86
86
|
import j from "./focus-trap.js";
|
|
87
87
|
import F from "./generated/mistica-icons/icon-close-regular.js";
|
|
@@ -95,12 +95,12 @@ import k from "./box.js";
|
|
|
95
95
|
import { isRunningAcceptanceTest as H } from "./utils/platform.js";
|
|
96
96
|
import { useSetModalStateEffect as J } from "./modal-context-provider.js";
|
|
97
97
|
import Q from "./stack.js";
|
|
98
|
-
import { ANIMATION_DURATION_MS as X, wrapper as Z, modalOpacityLayer as $, closedOpactityLayer as ee, modalContent as te, closedModalContent as
|
|
98
|
+
import { ANIMATION_DURATION_MS as X, wrapper as Z, modalOpacityLayer as $, closedOpactityLayer as ee, modalContent as te, closedModalContent as ne, modalCloseButtonContainer as oe, variants as ae, iconContainer as re, dialogContent as ie, dialogActions as se } from "./dialog.css-mistica.js";
|
|
99
99
|
import { vars as le } from "./skins/skin-contract.css-mistica.js";
|
|
100
100
|
const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
|
|
101
|
-
const { texts: i } = D(), { className: d, title: r, message:
|
|
102
|
-
onPress:
|
|
103
|
-
children:
|
|
101
|
+
const { texts: i } = D(), { className: d, title: r, message: f, icon: o, extra: c, showCancelButton: s, showAcceptButton: l, cancelText: g = i.dialogCancelButton, acceptText: m = i.dialogAcceptButton, onCancel: h, onAccept: C, destructive: B = !1 } = t, u = t.type === "dialog", p = u && !!t.link || l || s, y = {
|
|
102
|
+
onPress: C || (()=>{}),
|
|
103
|
+
children: m,
|
|
104
104
|
// @deprecated - testid should be removed but many webapp tests depend on this
|
|
105
105
|
dataAttributes: {
|
|
106
106
|
testid: "dialog-accept-button"
|
|
@@ -109,11 +109,11 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
|
|
|
109
109
|
return /* @__PURE__ */ w("div", {
|
|
110
110
|
className: E(ae[u ? "dialog" : "default"], d),
|
|
111
111
|
children: [
|
|
112
|
-
|
|
112
|
+
o && /* @__PURE__ */ e(k, {
|
|
113
113
|
paddingBottom: 24,
|
|
114
114
|
children: /* @__PURE__ */ e("div", {
|
|
115
115
|
className: re,
|
|
116
|
-
children: /*#__PURE__*/
|
|
116
|
+
children: /*#__PURE__*/ n.cloneElement(o, {
|
|
117
117
|
size: "100%"
|
|
118
118
|
})
|
|
119
119
|
})
|
|
@@ -145,134 +145,136 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
|
|
|
145
145
|
/* @__PURE__ */ e(q, {
|
|
146
146
|
color: le.colors.textSecondary,
|
|
147
147
|
regular: !0,
|
|
148
|
-
children:
|
|
148
|
+
children: f
|
|
149
149
|
}),
|
|
150
150
|
c
|
|
151
151
|
]
|
|
152
152
|
})
|
|
153
153
|
}),
|
|
154
|
-
|
|
154
|
+
p && /* @__PURE__ */ e("div", {
|
|
155
155
|
className: se,
|
|
156
156
|
children: /* @__PURE__ */ e(U, {
|
|
157
157
|
link: u ? t.link : void 0,
|
|
158
|
-
primaryButton: l ? B ? /* @__PURE__ */ e(
|
|
158
|
+
primaryButton: l ? B ? /* @__PURE__ */ e(L, _object_spread({
|
|
159
159
|
tabIndex: 1
|
|
160
|
-
},
|
|
160
|
+
}, y)) : /* @__PURE__ */ e(S, _object_spread({
|
|
161
161
|
tabIndex: 1
|
|
162
|
-
},
|
|
162
|
+
}, y)) : void 0,
|
|
163
163
|
secondaryButton: s ? /* @__PURE__ */ e(M, {
|
|
164
164
|
tabIndex: 2,
|
|
165
|
-
onPress:
|
|
165
|
+
onPress: h || (()=>{}),
|
|
166
166
|
dataAttributes: {
|
|
167
167
|
testid: "dialog-cancel-button"
|
|
168
168
|
},
|
|
169
|
-
children:
|
|
169
|
+
children: g
|
|
170
170
|
}) : void 0
|
|
171
171
|
})
|
|
172
172
|
})
|
|
173
173
|
]
|
|
174
174
|
});
|
|
175
175
|
}, ue = (param)=>{
|
|
176
|
-
let { type: t, message: i, title: d, acceptText: r, cancelText:
|
|
176
|
+
let { type: t, message: i, title: d, acceptText: r, cancelText: f, onAccept: o, onCancel: c, onDestroy: s } = param;
|
|
177
177
|
return t === "confirm" ? z({
|
|
178
178
|
message: i,
|
|
179
179
|
title: d,
|
|
180
|
-
cancelText:
|
|
180
|
+
cancelText: f,
|
|
181
181
|
acceptText: r
|
|
182
182
|
}).then((l)=>{
|
|
183
|
-
l ?
|
|
183
|
+
l ? o == null || o() : c == null || c(), s();
|
|
184
184
|
}) : K({
|
|
185
185
|
message: i,
|
|
186
186
|
title: d,
|
|
187
187
|
buttonText: r
|
|
188
188
|
}).then(()=>{
|
|
189
|
-
|
|
189
|
+
o == null || o(), s();
|
|
190
190
|
});
|
|
191
191
|
}, me = (param)=>{
|
|
192
|
-
let { type: t, onAccept: i, onCancel: d, onDestroy: r, acceptText:
|
|
193
|
-
const { texts: l } = D(),
|
|
192
|
+
let { type: t, onAccept: i, onCancel: d, onDestroy: r, acceptText: f, cancelText: o, message: c, title: s } = param;
|
|
193
|
+
const { texts: l } = D(), g = n.useRef({
|
|
194
194
|
type: t,
|
|
195
195
|
onAccept: i,
|
|
196
196
|
onCancel: d,
|
|
197
197
|
onDestroy: r,
|
|
198
|
-
acceptText:
|
|
199
|
-
cancelText:
|
|
198
|
+
acceptText: f || l.dialogAcceptButton,
|
|
199
|
+
cancelText: o || l.dialogCancelButton,
|
|
200
200
|
message: c,
|
|
201
201
|
title: s
|
|
202
|
-
});
|
|
203
|
-
return
|
|
204
|
-
ue(
|
|
205
|
-
|
|
202
|
+
}), m = n.useRef(!1);
|
|
203
|
+
return n.useEffect(()=>{
|
|
204
|
+
m.current || (m.current = !0, ue(g.current).finally(()=>{
|
|
205
|
+
m.current = !1;
|
|
206
|
+
}));
|
|
207
|
+
}, []), /* @__PURE__ */ e(O, {});
|
|
206
208
|
}, Ie = (t)=>{
|
|
207
209
|
J();
|
|
208
|
-
const i =
|
|
210
|
+
const i = n.useRef(null), { texts: d } = D(), [r, f] = n.useState(!1), o = n.useRef(!1), c = n.useRef(!1), [s, l] = n.useState(!1), g = n.useRef(!1), m = n.useRef(ce() ? X : 0), h = t.type !== "dialog" && W(), C = t.type === "dialog", B = t.type === "alert", { onAccept: u, onCancel: p, onDestroy: y } = t, I = _object_without_properties(t, [
|
|
209
211
|
"onAccept",
|
|
210
212
|
"onCancel",
|
|
211
213
|
"onDestroy"
|
|
212
214
|
]);
|
|
213
|
-
|
|
215
|
+
n.useEffect(()=>{
|
|
214
216
|
const a = setTimeout(()=>{
|
|
215
|
-
|
|
216
|
-
},
|
|
217
|
+
o.current || l(!0);
|
|
218
|
+
}, m.current);
|
|
217
219
|
return ()=>{
|
|
218
220
|
clearTimeout(a);
|
|
219
221
|
};
|
|
220
222
|
}, []);
|
|
221
|
-
const x =
|
|
222
|
-
c.current || (c.current = !0,
|
|
223
|
+
const x = n.useCallback(()=>{
|
|
224
|
+
c.current || (c.current = !0, g.current ? u == null || u() : p == null || p(), y());
|
|
223
225
|
}, [
|
|
224
226
|
u,
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
]), R =
|
|
227
|
+
p,
|
|
228
|
+
y
|
|
229
|
+
]), R = n.useCallback(()=>{
|
|
228
230
|
let a;
|
|
229
|
-
return !
|
|
231
|
+
return !o.current && s && (o.current = !0, l(!1), f(!0), a = setTimeout(x, m.current)), ()=>{
|
|
230
232
|
a && clearTimeout(a);
|
|
231
233
|
};
|
|
232
234
|
}, [
|
|
233
235
|
x,
|
|
234
236
|
s
|
|
235
|
-
]), N =
|
|
236
|
-
|
|
237
|
+
]), N = n.useCallback(()=>{
|
|
238
|
+
g.current = !0, R();
|
|
237
239
|
}, [
|
|
238
240
|
R
|
|
239
|
-
]),
|
|
240
|
-
|
|
241
|
+
]), b = n.useCallback(()=>{
|
|
242
|
+
g.current = !1, R();
|
|
241
243
|
}, [
|
|
242
244
|
R
|
|
243
|
-
]),
|
|
244
|
-
|
|
245
|
+
]), v = n.useCallback(()=>{
|
|
246
|
+
o.current || (B ? N() : b());
|
|
245
247
|
}, [
|
|
246
248
|
N,
|
|
247
|
-
|
|
249
|
+
b,
|
|
248
250
|
B
|
|
249
|
-
]), T =
|
|
250
|
-
a.key === G && (a.stopPropagation(), a.preventDefault(),
|
|
251
|
+
]), T = n.useCallback((a)=>{
|
|
252
|
+
a.key === G && (a.stopPropagation(), a.preventDefault(), v());
|
|
251
253
|
}, [
|
|
252
|
-
|
|
254
|
+
v
|
|
253
255
|
]);
|
|
254
|
-
|
|
255
|
-
if (!
|
|
256
|
+
n.useEffect(()=>{
|
|
257
|
+
if (!h) return document.addEventListener("keydown", T), ()=>{
|
|
256
258
|
document.removeEventListener("keydown", T);
|
|
257
259
|
};
|
|
258
260
|
}, [
|
|
259
261
|
T,
|
|
260
|
-
|
|
261
|
-
]),
|
|
262
|
-
if (!
|
|
263
|
-
window.removeEventListener("popstate",
|
|
262
|
+
h
|
|
263
|
+
]), n.useEffect(()=>{
|
|
264
|
+
if (!h) return window.addEventListener("popstate", v), ()=>{
|
|
265
|
+
window.removeEventListener("popstate", v);
|
|
264
266
|
};
|
|
265
267
|
}, [
|
|
266
|
-
|
|
267
|
-
|
|
268
|
+
v,
|
|
269
|
+
h
|
|
268
270
|
]);
|
|
269
|
-
const P =
|
|
270
|
-
a.stopPropagation(),
|
|
271
|
+
const P = n.useCallback((a)=>{
|
|
272
|
+
a.stopPropagation(), C && b();
|
|
271
273
|
}, [
|
|
272
|
-
|
|
273
|
-
|
|
274
|
+
C,
|
|
275
|
+
b
|
|
274
276
|
]);
|
|
275
|
-
return
|
|
277
|
+
return h ? /* @__PURE__ */ e(me, _object_spread({}, t)) : /* @__PURE__ */ e(_, {
|
|
276
278
|
className: Z,
|
|
277
279
|
children: /* @__PURE__ */ e(j, {
|
|
278
280
|
children: /* @__PURE__ */ e("div", {
|
|
@@ -289,19 +291,19 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
|
|
|
289
291
|
children: /* @__PURE__ */ w("div", {
|
|
290
292
|
ref: i,
|
|
291
293
|
onAnimationEnd: (a)=>{
|
|
292
|
-
a.target === i.current && (
|
|
294
|
+
a.target === i.current && (o.current || l(!0));
|
|
293
295
|
},
|
|
294
296
|
onTransitionEnd: (a)=>{
|
|
295
|
-
a.target === i.current &&
|
|
297
|
+
a.target === i.current && o.current && x();
|
|
296
298
|
},
|
|
297
299
|
className: E(te, {
|
|
298
|
-
[
|
|
300
|
+
[ne]: r
|
|
299
301
|
}),
|
|
300
302
|
children: [
|
|
301
|
-
|
|
302
|
-
className:
|
|
303
|
+
C && /* @__PURE__ */ e("div", {
|
|
304
|
+
className: oe,
|
|
303
305
|
children: /* @__PURE__ */ e(V, {
|
|
304
|
-
onPress:
|
|
306
|
+
onPress: v,
|
|
305
307
|
"aria-label": d.modalClose || d.closeButtonLabel,
|
|
306
308
|
bleedLeft: !0,
|
|
307
309
|
bleedRight: !0,
|
|
@@ -312,7 +314,7 @@ const ce = ()=>process.env.NODE_ENV !== "test" && !H(), de = (t)=>{
|
|
|
312
314
|
/* @__PURE__ */ e(de, _object_spread_props(_object_spread({}, I), {
|
|
313
315
|
showAcceptButton: t.type !== "dialog" || !!t.onAccept,
|
|
314
316
|
showCancelButton: t.type === "confirm" || t.type === "dialog" && !!t.onCancel,
|
|
315
|
-
onCancel:
|
|
317
|
+
onCancel: b,
|
|
316
318
|
onAccept: N
|
|
317
319
|
}))
|
|
318
320
|
]
|
|
@@ -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 };
|