@telefonica/mistica 14.18.2 → 14.20.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/button.css-mistica.js +28 -22
- package/dist/button.css.d.ts +3 -1
- package/dist/button.d.ts +6 -0
- package/dist/button.js +60 -58
- package/dist/card.css-mistica.js +18 -18
- package/dist/card.css.d.ts +1 -2
- package/dist/card.d.ts +17 -8
- package/dist/card.js +331 -277
- package/dist/community/advanced-data-card.css-mistica.js +18 -21
- package/dist/community/advanced-data-card.css.d.ts +2 -3
- package/dist/community/advanced-data-card.js +171 -158
- package/dist/generated/mistica-icons/icon-subtract-circle-filled.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-subtract-circle-filled.js +110 -0
- package/dist/generated/mistica-icons/icon-subtract-circle-light.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-subtract-circle-light.js +116 -0
- package/dist/generated/mistica-icons/icon-subtract-circle-regular.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-subtract-circle-regular.js +116 -0
- package/dist/generated/mistica-icons/icon-subtract-light.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-subtract-light.js +110 -0
- package/dist/generated/mistica-icons/icon-subtract-regular.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-subtract-regular.js +110 -0
- package/dist/header.js +27 -29
- package/dist/index.d.ts +7 -2
- package/dist/index.js +26 -0
- package/dist/list.css-mistica.js +17 -14
- package/dist/list.css.d.ts +2 -1
- package/dist/list.js +170 -163
- package/dist/package-version.js +1 -1
- package/dist/skins/blau.js +14 -0
- package/dist/skins/defaults.js +14 -0
- package/dist/skins/movistar-legacy.js +14 -0
- package/dist/skins/movistar.js +14 -0
- package/dist/skins/o2.js +14 -0
- package/dist/skins/telefonica.js +16 -2
- package/dist/skins/types/index.d.ts +12 -0
- package/dist/skins/vivo-new.js +15 -1
- package/dist/skins/vivo.js +14 -0
- package/dist/tabs.css-mistica.js +10 -14
- package/dist/tabs.css.d.ts +1 -2
- package/dist/tabs.js +39 -33
- package/dist/theme-context-provider.js +29 -27
- package/dist/title.d.ts +1 -0
- package/dist/title.js +91 -29
- package/dist-es/button.css-mistica.js +9 -9
- package/dist-es/button.js +75 -73
- package/dist-es/card.css-mistica.js +4 -4
- package/dist-es/card.js +449 -401
- package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
- package/dist-es/community/advanced-data-card.js +195 -182
- package/dist-es/generated/mistica-icons/icon-subtract-circle-filled.js +101 -0
- package/dist-es/generated/mistica-icons/icon-subtract-circle-light.js +107 -0
- package/dist-es/generated/mistica-icons/icon-subtract-circle-regular.js +107 -0
- package/dist-es/generated/mistica-icons/icon-subtract-light.js +101 -0
- package/dist-es/generated/mistica-icons/icon-subtract-regular.js +101 -0
- package/dist-es/header.js +46 -48
- package/dist-es/index.js +1729 -1724
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/list.js +242 -235
- package/dist-es/package-version.js +1 -1
- package/dist-es/skins/blau.js +14 -0
- package/dist-es/skins/defaults.js +14 -0
- package/dist-es/skins/movistar-legacy.js +14 -0
- package/dist-es/skins/movistar.js +14 -0
- package/dist-es/skins/o2.js +14 -0
- package/dist-es/skins/telefonica.js +16 -2
- package/dist-es/skins/vivo-new.js +15 -1
- package/dist-es/skins/vivo.js +14 -0
- package/dist-es/style.css +1 -1
- package/dist-es/tabs.css-mistica.js +8 -9
- package/dist-es/tabs.js +49 -43
- package/dist-es/theme-context-provider.js +63 -61
- package/dist-es/title.js +58 -38
- package/package.json +1 -1
|
@@ -10,60 +10,57 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
actions: function() {
|
|
13
|
-
return
|
|
13
|
+
return v;
|
|
14
14
|
},
|
|
15
15
|
actionsVariants: function() {
|
|
16
|
-
return
|
|
16
|
+
return _;
|
|
17
17
|
},
|
|
18
18
|
adjustButtonLink: function() {
|
|
19
|
-
return
|
|
20
|
-
},
|
|
21
|
-
boxed: function() {
|
|
22
|
-
return a;
|
|
19
|
+
return n;
|
|
23
20
|
},
|
|
24
21
|
button: function() {
|
|
25
|
-
return
|
|
22
|
+
return a;
|
|
26
23
|
},
|
|
27
24
|
buttonMobile: function() {
|
|
28
|
-
return
|
|
25
|
+
return t;
|
|
29
26
|
},
|
|
30
27
|
cardContentStyle: function() {
|
|
31
|
-
return
|
|
28
|
+
return y;
|
|
32
29
|
},
|
|
33
30
|
dataCard: function() {
|
|
34
|
-
return
|
|
31
|
+
return u;
|
|
35
32
|
},
|
|
36
33
|
divider: function() {
|
|
37
|
-
return i;
|
|
38
|
-
},
|
|
39
|
-
extraTop: function() {
|
|
40
34
|
return o;
|
|
41
35
|
},
|
|
42
36
|
footerDirection: function() {
|
|
43
|
-
return
|
|
37
|
+
return i;
|
|
44
38
|
},
|
|
45
39
|
footerText: function() {
|
|
46
|
-
return
|
|
40
|
+
return x;
|
|
47
41
|
},
|
|
48
|
-
|
|
49
|
-
return
|
|
42
|
+
hoverEffect: function() {
|
|
43
|
+
return b;
|
|
50
44
|
},
|
|
51
45
|
marginRightAuto: function() {
|
|
52
|
-
return
|
|
46
|
+
return e;
|
|
53
47
|
},
|
|
54
48
|
marginRightButton: function() {
|
|
55
|
-
return
|
|
49
|
+
return d;
|
|
56
50
|
},
|
|
57
51
|
minHeight: function() {
|
|
58
52
|
return c;
|
|
59
53
|
},
|
|
60
54
|
paddingX: function() {
|
|
55
|
+
return g;
|
|
56
|
+
},
|
|
57
|
+
touchableContainer: function() {
|
|
61
58
|
return l;
|
|
62
59
|
}
|
|
63
60
|
});
|
|
64
61
|
require("../sprinkles.css.ts.vanilla.css-mistica.js");
|
|
65
62
|
require("./advanced-data-card.css.ts.vanilla.css-mistica.js");
|
|
66
|
-
var
|
|
63
|
+
var v = "_1x00fru3 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb4 _1y2v1nfbq _1y2v1nfbg _1y2v1nf7t", _ = {
|
|
67
64
|
default: "_1x00frui",
|
|
68
65
|
mobile: "_1x00fruj"
|
|
69
|
-
},
|
|
66
|
+
}, n = "_1x00frup", a = "_1x00frul", t = "_1x00frum _1x00frul", y = "_1x00fru8 _1x00fru1 _1y2v1nf8w _1y2v1nfa5 _1y2v1nf68 _1y2v1nf7t", u = "_1y2v1nfaz _1y2v1nfb4 _1y2v1nfbq _1y2v1nfba _1y2v1nfbr _1y2v1nfc8 _1x00fru9", o = "_1x00frug", i = "_1x00fruo _1y2v1nfb4 _1y2v1nfb9", x = "_1y2v1nfb4 _1y2v1nfbq _1y2v1nfbj _1y2v1nfdd", b = "_1x00fru6", e = "_1x00fruk", d = "_1y2v1nff5", c = "_1x00fru9", g = "_1x00fru1 _1y2v1nf8w _1y2v1nfa5", l = "_1x00fru5 _1y2v1nfc8 _1y2v1nfba";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const paddingX: string;
|
|
2
2
|
export declare const actions: string;
|
|
3
|
-
export declare const
|
|
4
|
-
export declare const
|
|
3
|
+
export declare const touchableContainer: string;
|
|
4
|
+
export declare const hoverEffect: string;
|
|
5
5
|
export declare const cardContentStyle: string;
|
|
6
6
|
export declare const minHeight: string;
|
|
7
7
|
export declare const dataCard: string;
|
|
@@ -14,7 +14,6 @@ export declare const actionsVariants: Record<"mobile" | "default", string>;
|
|
|
14
14
|
export declare const marginRightAuto: string;
|
|
15
15
|
export declare const button: string;
|
|
16
16
|
export declare const buttonMobile: string;
|
|
17
|
-
export declare const extraTop: string;
|
|
18
17
|
export declare const footerDirection: string;
|
|
19
18
|
export declare const adjustButtonLink: string;
|
|
20
19
|
export declare const marginRightButton: string;
|
|
@@ -10,10 +10,10 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
AdvancedDataCard: function() {
|
|
13
|
-
return
|
|
13
|
+
return ge;
|
|
14
14
|
},
|
|
15
15
|
default: function() {
|
|
16
|
-
return
|
|
16
|
+
return Fe;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
const _jsxruntime = require("react/jsx-runtime");
|
|
@@ -30,6 +30,8 @@ const _touchable = /*#__PURE__*/ _interop_require_default(require("../touchable.
|
|
|
30
30
|
const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
|
|
31
31
|
const _card = require("../card.js");
|
|
32
32
|
const _hooks = require("../hooks.js");
|
|
33
|
+
const _dom = require("../utils/dom.js");
|
|
34
|
+
const _inline = /*#__PURE__*/ _interop_require_default(require("../inline.js"));
|
|
33
35
|
function _interop_require_default(obj) {
|
|
34
36
|
return obj && obj.__esModule ? obj : {
|
|
35
37
|
default: obj
|
|
@@ -102,65 +104,82 @@ function _object_spread(target) {
|
|
|
102
104
|
}
|
|
103
105
|
return target;
|
|
104
106
|
}
|
|
105
|
-
|
|
106
|
-
|
|
107
|
+
function ownKeys(object, enumerableOnly) {
|
|
108
|
+
var keys = Object.keys(object);
|
|
109
|
+
if (Object.getOwnPropertySymbols) {
|
|
110
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
111
|
+
if (enumerableOnly) {
|
|
112
|
+
symbols = symbols.filter(function(sym) {
|
|
113
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
keys.push.apply(keys, symbols);
|
|
117
|
+
}
|
|
118
|
+
return keys;
|
|
119
|
+
}
|
|
120
|
+
function _object_spread_props(target, source) {
|
|
121
|
+
source = source != null ? source : {};
|
|
122
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
123
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
124
|
+
} else {
|
|
125
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
126
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
return target;
|
|
130
|
+
}
|
|
131
|
+
const pe = (param)=>{
|
|
132
|
+
let { headline: i , pretitle: a , pretitleAs: n = "p" , pretitleLinesMax: m , title: s , titleAs: c = "h3" , titleLinesMax: d , subtitle: l , subtitleLinesMax: o , description: r , descriptionLinesMax: p } = param;
|
|
107
133
|
const { textPresets: x } = (0, _hooks.useTheme)();
|
|
108
|
-
return /* @__PURE__ */ (0, _jsxruntime.
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
regular: !0,
|
|
152
|
-
color: _skincontractcssmistica.vars.colors.textSecondary,
|
|
153
|
-
hyphens: "auto",
|
|
154
|
-
children: t
|
|
155
|
-
})
|
|
156
|
-
]
|
|
157
|
-
})
|
|
134
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
|
|
135
|
+
space: 4,
|
|
136
|
+
children: [
|
|
137
|
+
i,
|
|
138
|
+
/* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
|
|
139
|
+
space: 4,
|
|
140
|
+
children: [
|
|
141
|
+
a && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
|
|
142
|
+
color: _skincontractcssmistica.vars.colors.textPrimary,
|
|
143
|
+
truncate: m,
|
|
144
|
+
as: n,
|
|
145
|
+
regular: !0,
|
|
146
|
+
hyphens: "auto",
|
|
147
|
+
children: a
|
|
148
|
+
}),
|
|
149
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
|
|
150
|
+
mobileSize: 18,
|
|
151
|
+
mobileLineHeight: "24px",
|
|
152
|
+
desktopSize: 20,
|
|
153
|
+
desktopLineHeight: "28px",
|
|
154
|
+
truncate: d,
|
|
155
|
+
weight: x.cardTitle.weight,
|
|
156
|
+
as: c,
|
|
157
|
+
hyphens: "auto",
|
|
158
|
+
children: s
|
|
159
|
+
}),
|
|
160
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
|
|
161
|
+
color: _skincontractcssmistica.vars.colors.textPrimary,
|
|
162
|
+
truncate: o,
|
|
163
|
+
as: "p",
|
|
164
|
+
regular: !0,
|
|
165
|
+
hyphens: "auto",
|
|
166
|
+
children: l
|
|
167
|
+
})
|
|
168
|
+
]
|
|
169
|
+
}),
|
|
170
|
+
r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
|
|
171
|
+
truncate: p,
|
|
172
|
+
as: "p",
|
|
173
|
+
regular: !0,
|
|
174
|
+
color: _skincontractcssmistica.vars.colors.textSecondary,
|
|
175
|
+
hyphens: "auto",
|
|
176
|
+
children: r
|
|
158
177
|
})
|
|
159
|
-
|
|
178
|
+
]
|
|
160
179
|
});
|
|
161
|
-
},
|
|
162
|
-
let { button:
|
|
163
|
-
const
|
|
180
|
+
}, ue = (param)=>{
|
|
181
|
+
let { button: i , footerImage: a , footerText: n , footerTextLinesMax: m , buttonLink: s } = param;
|
|
182
|
+
const c = !!i, d = !!a, l = !!n, o = !!s, r = c && (d || l) && o, p = o && !r ? "178px" : "";
|
|
164
183
|
return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
165
184
|
children: [
|
|
166
185
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
@@ -168,150 +187,144 @@ const ce = (param)=>{
|
|
|
168
187
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
|
|
169
188
|
}),
|
|
170
189
|
/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
171
|
-
className: (0, _classnames.default)(_advanceddatacardcssmistica.actions, _advanceddatacardcssmistica.actionsVariants[
|
|
190
|
+
className: (0, _classnames.default)(_advanceddatacardcssmistica.actions, _advanceddatacardcssmistica.actionsVariants[r ? "mobile" : "default"]),
|
|
172
191
|
children: [
|
|
173
|
-
|
|
192
|
+
c && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
174
193
|
className: (0, _classnames.default)(_advanceddatacardcssmistica.marginRightButton, _advanceddatacardcssmistica.buttonMobile),
|
|
175
|
-
children:
|
|
194
|
+
children: i
|
|
176
195
|
}),
|
|
177
196
|
/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
178
|
-
className: (0, _classnames.default)(_advanceddatacardcssmistica.footerDirection,
|
|
197
|
+
className: (0, _classnames.default)(_advanceddatacardcssmistica.footerDirection, r ? _advanceddatacardcssmistica.marginRightAuto : (0, _sprinklescssmistica.sprinkles)({
|
|
179
198
|
paddingTop: 16
|
|
180
199
|
})),
|
|
181
200
|
children: [
|
|
182
|
-
|
|
201
|
+
d && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
183
202
|
paddingRight: 16,
|
|
184
203
|
className: (0, _sprinklescssmistica.sprinkles)({
|
|
185
204
|
alignItems: "center",
|
|
186
205
|
display: "flex"
|
|
187
206
|
}),
|
|
188
|
-
children:
|
|
207
|
+
children: a
|
|
189
208
|
}),
|
|
190
|
-
|
|
209
|
+
l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
191
210
|
style: {
|
|
192
|
-
maxWidth:
|
|
211
|
+
maxWidth: p
|
|
193
212
|
},
|
|
194
213
|
className: _advanceddatacardcssmistica.footerText,
|
|
195
214
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
|
|
196
|
-
truncate:
|
|
215
|
+
truncate: m,
|
|
197
216
|
regular: !0,
|
|
198
|
-
children:
|
|
217
|
+
children: n
|
|
199
218
|
})
|
|
200
219
|
})
|
|
201
220
|
]
|
|
202
221
|
}),
|
|
203
222
|
o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
204
|
-
className: (0, _classnames.default)(_advanceddatacardcssmistica.adjustButtonLink,
|
|
205
|
-
children:
|
|
223
|
+
className: (0, _classnames.default)(_advanceddatacardcssmistica.adjustButtonLink, r ? _advanceddatacardcssmistica.button : _advanceddatacardcssmistica.buttonMobile),
|
|
224
|
+
children: s
|
|
206
225
|
})
|
|
207
226
|
]
|
|
208
227
|
})
|
|
209
228
|
]
|
|
210
229
|
});
|
|
211
|
-
},
|
|
212
|
-
let { onPress:
|
|
213
|
-
const
|
|
214
|
-
button:
|
|
215
|
-
footerImage:
|
|
216
|
-
footerText:
|
|
217
|
-
footerTextLinesMax:
|
|
218
|
-
buttonLink:
|
|
219
|
-
},
|
|
220
|
-
|
|
230
|
+
}, ge = /*#__PURE__*/ _react.forwardRef((param, O)=>{
|
|
231
|
+
let { onPress: i , stackingGroup: a , headline: n , pretitle: m , pretitleAs: s , pretitleLinesMax: c , title: d , titleAs: l , titleLinesMax: o , subtitle: r , subtitleLinesMax: p , description: x , descriptionLinesMax: P , extra: u , extraDividerPadding: j = 24 , button: C , footerImage: b , footerText: A , footerTextLinesMax: k , buttonLink: B , dataAttributes: E , actions: g , "aria-label": H , onClose: S } = param;
|
|
232
|
+
const _ = {
|
|
233
|
+
button: C,
|
|
234
|
+
footerImage: b,
|
|
235
|
+
footerText: A,
|
|
236
|
+
footerTextLinesMax: k,
|
|
237
|
+
buttonLink: B
|
|
238
|
+
}, w = !!C || !!b || !!A || !!B, D = !!(u != null && u.length), z = ((g == null ? void 0 : g.length) || 0) + (S ? 1 : 0), L = {
|
|
239
|
+
marginRight: -16,
|
|
240
|
+
marginTop: -24,
|
|
241
|
+
width: _card.TOP_ACTION_BUTTON_SIZE * z
|
|
242
|
+
};
|
|
243
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsxs)("section", _object_spread_props(_object_spread({
|
|
221
244
|
className: (0, _sprinklescssmistica.sprinkles)({
|
|
222
245
|
position: "relative",
|
|
223
246
|
height: "100%"
|
|
224
|
-
})
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
}, H),
|
|
230
|
-
ref: L,
|
|
231
|
-
width: "100%",
|
|
232
|
-
height: "100%",
|
|
233
|
-
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
247
|
+
})
|
|
248
|
+
}, (0, _dom.getPrefixedDataAttributes)(E, "AdvancedDataCard")), {
|
|
249
|
+
ref: O,
|
|
250
|
+
children: [
|
|
251
|
+
/* @__PURE__ */ (0, _jsxruntime.jsxs)(_boxed.Boxed, {
|
|
234
252
|
className: _advanceddatacardcssmistica.dataCard,
|
|
253
|
+
height: "100%",
|
|
235
254
|
children: [
|
|
236
|
-
/* @__PURE__ */ (0, _jsxruntime.
|
|
237
|
-
onPress:
|
|
255
|
+
/* @__PURE__ */ (0, _jsxruntime.jsxs)(_touchable.default, {
|
|
256
|
+
onPress: i,
|
|
238
257
|
tabIndex: 0,
|
|
239
258
|
maybe: !0,
|
|
240
|
-
className: (0,
|
|
241
|
-
|
|
242
|
-
height: "100%"
|
|
259
|
+
className: (0, _classnames.default)(_advanceddatacardcssmistica.touchableContainer, {
|
|
260
|
+
[_advanceddatacardcssmistica.hoverEffect]: !!i
|
|
243
261
|
}),
|
|
244
|
-
"aria-label":
|
|
245
|
-
children:
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
/* @__PURE__ */ (0, _jsxruntime.
|
|
249
|
-
|
|
250
|
-
children:
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
262
|
+
"aria-label": H,
|
|
263
|
+
children: [
|
|
264
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
265
|
+
className: (0, _classnames.default)(_advanceddatacardcssmistica.cardContentStyle, !w && !D ? _advanceddatacardcssmistica.minHeight : ""),
|
|
266
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
267
|
+
paddingTop: 8,
|
|
268
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
|
|
269
|
+
space: 0,
|
|
270
|
+
children: [
|
|
271
|
+
/* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
|
|
254
272
|
space: 8,
|
|
255
|
-
className: (0, _sprinklescssmistica.sprinkles)({
|
|
256
|
-
flex: 1
|
|
257
|
-
}),
|
|
258
273
|
children: [
|
|
259
|
-
|
|
260
|
-
/* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
261
|
-
headline:
|
|
262
|
-
pretitle:
|
|
263
|
-
pretitleAs:
|
|
264
|
-
pretitleLinesMax:
|
|
265
|
-
title:
|
|
266
|
-
titleAs:
|
|
274
|
+
a,
|
|
275
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)(pe, {
|
|
276
|
+
headline: n,
|
|
277
|
+
pretitle: m,
|
|
278
|
+
pretitleAs: s,
|
|
279
|
+
pretitleLinesMax: c,
|
|
280
|
+
title: d,
|
|
281
|
+
titleAs: l,
|
|
267
282
|
titleLinesMax: o,
|
|
268
|
-
subtitle:
|
|
269
|
-
subtitleLinesMax:
|
|
283
|
+
subtitle: r,
|
|
284
|
+
subtitleLinesMax: p,
|
|
270
285
|
description: x,
|
|
271
|
-
descriptionLinesMax:
|
|
286
|
+
descriptionLinesMax: P
|
|
272
287
|
})
|
|
273
288
|
]
|
|
289
|
+
}),
|
|
290
|
+
!a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
291
|
+
style: L
|
|
274
292
|
})
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
actions: P,
|
|
278
|
-
onClose: I
|
|
279
|
-
})
|
|
280
|
-
]
|
|
281
|
-
}),
|
|
282
|
-
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
283
|
-
className: _advanceddatacardcssmistica.extraTop,
|
|
284
|
-
children: n && n != null && n.length ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
285
|
-
paddingTop: 16,
|
|
286
|
-
paddingBottom: 24,
|
|
287
|
-
children: n.map((M, w)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
288
|
-
children: [
|
|
289
|
-
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
290
|
-
className: (0, _sprinklescssmistica.sprinkles)({
|
|
291
|
-
display: "flex",
|
|
292
|
-
width: "100%"
|
|
293
|
-
}),
|
|
294
|
-
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
295
|
-
className: (0, _classnames.default)((0, _sprinklescssmistica.sprinkles)({
|
|
296
|
-
width: "100%"
|
|
297
|
-
}), _advanceddatacardcssmistica.paddingX),
|
|
298
|
-
children: M
|
|
299
|
-
})
|
|
300
|
-
}),
|
|
301
|
-
w + 1 !== n.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
302
|
-
paddingY: k,
|
|
303
|
-
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
|
|
304
|
-
})
|
|
305
|
-
]
|
|
306
|
-
}, w))
|
|
307
|
-
}) : null
|
|
293
|
+
]
|
|
294
|
+
})
|
|
308
295
|
})
|
|
309
|
-
|
|
310
|
-
|
|
296
|
+
}),
|
|
297
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
298
|
+
style: {
|
|
299
|
+
flexGrow: 1
|
|
300
|
+
}
|
|
301
|
+
}),
|
|
302
|
+
D && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
303
|
+
paddingTop: 16,
|
|
304
|
+
paddingBottom: 24,
|
|
305
|
+
width: "100%",
|
|
306
|
+
children: u.map((W, I)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
307
|
+
children: [
|
|
308
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
309
|
+
className: _advanceddatacardcssmistica.paddingX,
|
|
310
|
+
children: W
|
|
311
|
+
}),
|
|
312
|
+
I + 1 !== u.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
313
|
+
paddingY: j,
|
|
314
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
|
|
315
|
+
})
|
|
316
|
+
]
|
|
317
|
+
}, I))
|
|
318
|
+
})
|
|
319
|
+
]
|
|
311
320
|
}),
|
|
312
|
-
|
|
321
|
+
w && /* @__PURE__ */ (0, _jsxruntime.jsx)(ue, _object_spread({}, _))
|
|
313
322
|
]
|
|
323
|
+
}),
|
|
324
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)(_card.CardActionsGroup, {
|
|
325
|
+
actions: g,
|
|
326
|
+
onClose: S
|
|
314
327
|
})
|
|
315
|
-
|
|
316
|
-
});
|
|
317
|
-
}),
|
|
328
|
+
]
|
|
329
|
+
}));
|
|
330
|
+
}), Fe = ge;
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "default", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return d;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
+
const _themevariantcontext = require("../../theme-variant-context.js");
|
|
13
|
+
const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
|
|
14
|
+
function _define_property(obj, key, value) {
|
|
15
|
+
if (key in obj) {
|
|
16
|
+
Object.defineProperty(obj, key, {
|
|
17
|
+
value: value,
|
|
18
|
+
enumerable: true,
|
|
19
|
+
configurable: true,
|
|
20
|
+
writable: true
|
|
21
|
+
});
|
|
22
|
+
} else {
|
|
23
|
+
obj[key] = value;
|
|
24
|
+
}
|
|
25
|
+
return obj;
|
|
26
|
+
}
|
|
27
|
+
function _object_spread(target) {
|
|
28
|
+
for(var i = 1; i < arguments.length; i++){
|
|
29
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
30
|
+
var ownKeys = Object.keys(source);
|
|
31
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
32
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
33
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
34
|
+
}));
|
|
35
|
+
}
|
|
36
|
+
ownKeys.forEach(function(key) {
|
|
37
|
+
_define_property(target, key, source[key]);
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
return target;
|
|
41
|
+
}
|
|
42
|
+
function ownKeys(object, enumerableOnly) {
|
|
43
|
+
var keys = Object.keys(object);
|
|
44
|
+
if (Object.getOwnPropertySymbols) {
|
|
45
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
46
|
+
if (enumerableOnly) {
|
|
47
|
+
symbols = symbols.filter(function(sym) {
|
|
48
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
keys.push.apply(keys, symbols);
|
|
52
|
+
}
|
|
53
|
+
return keys;
|
|
54
|
+
}
|
|
55
|
+
function _object_spread_props(target, source) {
|
|
56
|
+
source = source != null ? source : {};
|
|
57
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
58
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
59
|
+
} else {
|
|
60
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
61
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
return target;
|
|
65
|
+
}
|
|
66
|
+
function _object_without_properties(source, excluded) {
|
|
67
|
+
if (source == null) return {};
|
|
68
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
69
|
+
var key, i;
|
|
70
|
+
if (Object.getOwnPropertySymbols) {
|
|
71
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
72
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
73
|
+
key = sourceSymbolKeys[i];
|
|
74
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
75
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
76
|
+
target[key] = source[key];
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
return target;
|
|
80
|
+
}
|
|
81
|
+
function _object_without_properties_loose(source, excluded) {
|
|
82
|
+
if (source == null) return {};
|
|
83
|
+
var target = {};
|
|
84
|
+
var sourceKeys = Object.keys(source);
|
|
85
|
+
var key, i;
|
|
86
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
87
|
+
key = sourceKeys[i];
|
|
88
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
89
|
+
target[key] = source[key];
|
|
90
|
+
}
|
|
91
|
+
return target;
|
|
92
|
+
}
|
|
93
|
+
const c = (_param)=>{
|
|
94
|
+
var { color: e , size: r = 24 } = _param, i = _object_without_properties(_param, [
|
|
95
|
+
"color",
|
|
96
|
+
"size"
|
|
97
|
+
]);
|
|
98
|
+
const l = (0, _themevariantcontext.useIsInverseVariant)(), s = e !== null && e !== void 0 ? e : l ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
|
|
99
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
|
|
100
|
+
width: r,
|
|
101
|
+
height: r,
|
|
102
|
+
viewBox: "0 0 24 24",
|
|
103
|
+
role: "presentation"
|
|
104
|
+
}, i), {
|
|
105
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
|
|
106
|
+
fill: s,
|
|
107
|
+
d: "M11.617 1c.287 0 .588.006.845.013 2.154.05 10.541.901 10.538 11.018 0 10.136-8.397 10.925-10.498 10.963-.194.003-.419.006-.648.006-.118 0-.24 0-.356-.003C9.288 22.966 1 22.167 1 11.966 1 1.776 9.209 1.019 11.42 1h.197zm5.866 11.687a.69.69 0 00.69-.685.691.691 0 00-.69-.692H6.516a.689.689 0 100 1.377h10.967z"
|
|
108
|
+
})
|
|
109
|
+
}));
|
|
110
|
+
}, d = c;
|