@telefonica/mistica 16.6.0 → 16.6.1

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.
Files changed (13) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/card.js +118 -122
  3. package/dist/community/advanced-data-card.js +47 -49
  4. package/dist/header.js +33 -33
  5. package/dist/hero.js +19 -19
  6. package/dist/package-version.js +1 -1
  7. package/dist-es/card.js +118 -122
  8. package/dist-es/community/advanced-data-card.js +86 -88
  9. package/dist-es/header.js +33 -34
  10. package/dist-es/hero.js +34 -35
  11. package/dist-es/package-version.js +1 -1
  12. package/dist-es/style.css +1 -1
  13. package/package.json +1 -1
package/dist/community/advanced-data-card.js CHANGED
@@ -11,7 +11,7 @@ function _export(target, all) {
11
11
  }
12
12
  _export(exports, {
13
13
  AdvancedDataCard: function() {
14
- return br;
14
+ return Er;
15
15
  },
16
16
  default: function() {
17
17
  return $r;
@@ -163,41 +163,40 @@ function _object_without_properties_loose(source, excluded) {
163
163
  return target;
164
164
  }
165
165
  const jr = (param)=>{
166
- let { headline: a, headlineRef: h, pretitle: n, pretitleAs: s, pretitleLinesMax: l, title: o, titleAs: i, titleLinesMax: f, subtitle: e, subtitleLinesMax: c, description: t, descriptionLinesMax: x } = param;
166
+ let { headline: d, headlineRef: h, pretitle: n, pretitleAs: s, pretitleLinesMax: l, title: o, titleAs: c, titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: e, descriptionLinesMax: x } = param;
167
167
  const { textPresets: m } = (0, _hooks.useTheme)();
168
168
  return /** using flex instead of nested Stacks, this way we can rearrange texts so the DOM structure makes more sense for screen reader users */ /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
169
169
  className: _advanceddatacardcssmistica.flexColumn,
170
170
  children: [
171
- (0, _headings.isBiggerHeading)(i, s) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
171
+ (0, _headings.isBiggerHeading)(c, s) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
172
172
  children: [
173
173
  o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
174
174
  style: {
175
- paddingBottom: e || t ? 4 : 0
175
+ paddingBottom: a || e ? 4 : 0
176
176
  },
177
177
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, _textprops.text4), {
178
178
  truncate: f,
179
179
  weight: m.cardTitle.weight,
180
- as: i,
180
+ as: c,
181
181
  hyphens: "auto",
182
182
  children: o
183
183
  }))
184
184
  }),
185
- a && // assuming that the headline will always be followed by one of: pretitle, title, subtitle, description
186
- /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
185
+ d && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
187
186
  ref: h,
188
187
  style: {
189
188
  order: -2,
190
- paddingBottom: 4
189
+ paddingBottom: n || o || a || e ? 4 : 0
191
190
  },
192
- children: typeof a == "string" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_tag.default, {
191
+ children: typeof d == "string" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_tag.default, {
193
192
  type: "promo",
194
- children: a
195
- }) : a
193
+ children: d
194
+ }) : d
196
195
  }),
197
196
  n && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
198
197
  style: {
199
198
  order: -1,
200
- paddingBottom: o || e || t ? 4 : 0
199
+ paddingBottom: o || a || e ? 4 : 0
201
200
  },
202
201
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
203
202
  truncate: l,
@@ -212,7 +211,7 @@ const jr = (param)=>{
212
211
  children: [
213
212
  n && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
214
213
  style: {
215
- paddingBottom: o || e || t ? 4 : 0
214
+ paddingBottom: o || a || e ? 4 : 0
216
215
  },
217
216
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
218
217
  truncate: l,
@@ -222,57 +221,56 @@ const jr = (param)=>{
222
221
  children: n
223
222
  })
224
223
  }),
225
- a && // assuming that the headline will always be followed by one of: pretitle, title, subtitle, description
226
- /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
224
+ d && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
227
225
  ref: h,
228
226
  style: {
229
227
  order: -1,
230
- paddingBottom: 4
228
+ paddingBottom: n || o || a || e ? 4 : 0
231
229
  },
232
- children: typeof a == "string" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_tag.default, {
230
+ children: typeof d == "string" ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_tag.default, {
233
231
  type: "promo",
234
- children: a
235
- }) : a
232
+ children: d
233
+ }) : d
236
234
  }),
237
235
  o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
238
236
  style: {
239
- paddingBottom: e || t ? 4 : 0
237
+ paddingBottom: a || e ? 4 : 0
240
238
  },
241
239
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, _textprops.text4), {
242
240
  truncate: f,
243
241
  weight: m.cardTitle.weight,
244
- as: i,
242
+ as: c,
245
243
  hyphens: "auto",
246
244
  children: o
247
245
  }))
248
246
  })
249
247
  ]
250
248
  }),
251
- e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
249
+ a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
252
250
  style: {
253
- paddingBottom: t ? 4 : 0
251
+ paddingBottom: e ? 4 : 0
254
252
  },
255
253
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
256
- truncate: c,
254
+ truncate: i,
257
255
  as: "div",
258
256
  regular: !0,
259
257
  hyphens: "auto",
260
- children: e
258
+ children: a
261
259
  })
262
260
  }),
263
- t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
261
+ e && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
264
262
  truncate: x,
265
263
  as: "div",
266
264
  regular: !0,
267
265
  color: _skincontractcssmistica.vars.colors.textSecondary,
268
266
  hyphens: "auto",
269
- children: t
267
+ children: e
270
268
  })
271
269
  ]
272
270
  });
273
271
  }, Ar = (param)=>{
274
- let { button: a, footerImage: h, footerText: n, footerTextLinesMax: s, buttonLink: l } = param;
275
- const o = !!a, i = !!h, f = !!n, e = !!l, c = o && (i || f) && e, t = e && !c ? "178px" : "";
272
+ let { button: d, footerImage: h, footerText: n, footerTextLinesMax: s, buttonLink: l } = param;
273
+ const o = !!d, c = !!h, f = !!n, a = !!l, i = o && (c || f) && a, e = a && !i ? "178px" : "";
276
274
  return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
277
275
  children: [
278
276
  /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -280,16 +278,16 @@ const jr = (param)=>{
280
278
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
281
279
  }),
282
280
  /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
283
- className: (0, _classnames.default)(_advanceddatacardcssmistica.actions, _advanceddatacardcssmistica.actionsVariants[c ? "mobile" : "default"]),
281
+ className: (0, _classnames.default)(_advanceddatacardcssmistica.actions, _advanceddatacardcssmistica.actionsVariants[i ? "mobile" : "default"]),
284
282
  children: [
285
283
  o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
286
284
  className: (0, _classnames.default)(_advanceddatacardcssmistica.marginRightButton, _advanceddatacardcssmistica.buttonMobile),
287
- children: a
285
+ children: d
288
286
  }),
289
287
  /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
290
- className: (0, _classnames.default)(_advanceddatacardcssmistica.footerDirection, c ? _advanceddatacardcssmistica.marginRightAuto : _advanceddatacardcssmistica.withPaddingTop),
288
+ className: (0, _classnames.default)(_advanceddatacardcssmistica.footerDirection, i ? _advanceddatacardcssmistica.marginRightAuto : _advanceddatacardcssmistica.withPaddingTop),
291
289
  children: [
292
- i && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
290
+ c && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
293
291
  className: _advanceddatacardcssmistica.footerImage,
294
292
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
295
293
  style: (0, _css.applyCssVars)({
@@ -300,7 +298,7 @@ const jr = (param)=>{
300
298
  }),
301
299
  f && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
302
300
  style: {
303
- maxWidth: t
301
+ maxWidth: e
304
302
  },
305
303
  className: _advanceddatacardcssmistica.footerText,
306
304
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
@@ -311,16 +309,16 @@ const jr = (param)=>{
311
309
  })
312
310
  ]
313
311
  }),
314
- e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
315
- className: (0, _classnames.default)(_advanceddatacardcssmistica.adjustButtonLink, c ? _advanceddatacardcssmistica.button : _advanceddatacardcssmistica.buttonMobile),
312
+ a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
313
+ className: (0, _classnames.default)(_advanceddatacardcssmistica.adjustButtonLink, i ? _advanceddatacardcssmistica.button : _advanceddatacardcssmistica.buttonMobile),
316
314
  children: l
317
315
  })
318
316
  ]
319
317
  })
320
318
  ]
321
319
  });
322
- }, br = /*#__PURE__*/ _react.forwardRef((_param, K)=>{
323
- var { stackingGroup: a, headline: h, pretitle: n, pretitleAs: s, pretitleLinesMax: l, title: o, titleAs: i = "h3", titleLinesMax: f, subtitle: e, subtitleLinesMax: c, description: t, descriptionLinesMax: x, extra: m, extraDividerPadding: _ = 24, noExtraDivider: k = !1, button: B, footerImage: T, footerText: C, footerTextLinesMax: q, buttonLink: w, dataAttributes: z, actions: u, "aria-label": J, onClose: I } = _param, p = _object_without_properties(_param, [
320
+ }, Er = /*#__PURE__*/ _react.forwardRef((_param, K)=>{
321
+ var { stackingGroup: d, headline: h, pretitle: n, pretitleAs: s, pretitleLinesMax: l, title: o, titleAs: c = "h3", titleLinesMax: f, subtitle: a, subtitleLinesMax: i, description: e, descriptionLinesMax: x, extra: m, extraDividerPadding: b = 24, noExtraDivider: k = !1, button: B, footerImage: T, footerText: C, footerTextLinesMax: q, buttonLink: w, dataAttributes: z, actions: u, "aria-label": J, onClose: I } = _param, p = _object_without_properties(_param, [
324
322
  "stackingGroup",
325
323
  "headline",
326
324
  "pretitle",
@@ -352,19 +350,19 @@ const jr = (param)=>{
352
350
  footerText: C,
353
351
  footerTextLinesMax: q,
354
352
  buttonLink: w
355
- }, R = !!B || !!T || !!C || !!w, D = !!(m != null && m.length), Q = ((u == null ? void 0 : u.length) || 0) + (I ? 1 : 0), { text: H, ref: U } = (0, _card.useInnerText)(), { text: F, ref: Z } = (0, _card.useInnerText)(), S = J || ((0, _headings.isBiggerHeading)(i, s) ? [
353
+ }, R = !!B || !!T || !!C || !!w, D = !!(m != null && m.length), Q = ((u == null ? void 0 : u.length) || 0) + (I ? 1 : 0), { text: H, ref: U } = (0, _card.useInnerText)(), { text: F, ref: Z } = (0, _card.useInnerText)(), S = J || ((0, _headings.isBiggerHeading)(c, s) ? [
356
354
  o,
357
355
  H,
358
356
  n,
357
+ a,
359
358
  e,
360
- t,
361
359
  F
362
360
  ] : [
363
361
  n,
364
362
  H,
365
363
  o,
364
+ a,
366
365
  e,
367
- t,
368
366
  F
369
367
  ]).filter(Boolean).join(" ");
370
368
  return /* @__PURE__ */ (0, _jsxruntime.jsxs)("section", _object_spread_props(_object_spread({
@@ -399,7 +397,7 @@ const jr = (param)=>{
399
397
  /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
400
398
  space: 8,
401
399
  children: [
402
- a,
400
+ d,
403
401
  /* @__PURE__ */ (0, _jsxruntime.jsx)(jr, {
404
402
  headline: h,
405
403
  headlineRef: U,
@@ -407,16 +405,16 @@ const jr = (param)=>{
407
405
  pretitleAs: s,
408
406
  pretitleLinesMax: l,
409
407
  title: o,
410
- titleAs: i,
408
+ titleAs: c,
411
409
  titleLinesMax: f,
412
- subtitle: e,
413
- subtitleLinesMax: c,
414
- description: t,
410
+ subtitle: a,
411
+ subtitleLinesMax: i,
412
+ description: e,
415
413
  descriptionLinesMax: x
416
414
  })
417
415
  ]
418
416
  }),
419
- !a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
417
+ !d && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
420
418
  style: (0, _css.applyCssVars)({
421
419
  [_advanceddatacardcssmistica.vars.topActionsCount]: String(Q)
422
420
  }),
@@ -441,7 +439,7 @@ const jr = (param)=>{
441
439
  children: L
442
440
  }),
443
441
  j + 1 !== m.length && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
444
- paddingY: _,
442
+ paddingY: b,
445
443
  children: !k && /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {})
446
444
  })
447
445
  ]
@@ -458,4 +456,4 @@ const jr = (param)=>{
458
456
  })
459
457
  ]
460
458
  }));
461
- }), $r = br;
459
+ }), $r = Er;
package/dist/header.js CHANGED
@@ -120,13 +120,13 @@ function _object_without_properties_loose(source, excluded) {
120
120
  return target;
121
121
  }
122
122
  const Z = (param)=>{
123
- let { headline: o, pretitle: e, pretitleAs: r, title: d, titleAs: a = "h2", description: i, dataAttributes: b, small: c = !1 } = param;
123
+ let { headline: r, pretitle: e, pretitleAs: d, title: o, titleAs: a = "h2", description: i, dataAttributes: b, small: c = !1 } = param;
124
124
  const l = (()=>{
125
125
  if (!e) return null;
126
126
  const y = {
127
127
  regular: !0,
128
128
  color: _skincontractcssmistica.vars.colors.textPrimary,
129
- as: r,
129
+ as: d,
130
130
  dataAttributes: {
131
131
  testid: "pretitle"
132
132
  }
@@ -140,25 +140,25 @@ const Z = (param)=>{
140
140
  return /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, _object_spread_props(_object_spread({}, y, H), {
141
141
  children: B
142
142
  }));
143
- })(), p = d ? c ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_title.Title3, {
143
+ })(), p = o ? c ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_title.Title3, {
144
144
  as: a,
145
145
  dataAttributes: {
146
146
  testid: "title"
147
147
  },
148
- children: d
148
+ children: o
149
149
  }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_title.Title4, {
150
150
  as: a,
151
151
  dataAttributes: {
152
152
  testid: "title"
153
153
  },
154
- children: d
155
- }) : void 0, v = o ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
154
+ children: o
155
+ }) : void 0, v = r ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
156
156
  style: {
157
- paddingBottom: 8,
157
+ paddingBottom: e || o || i ? 8 : 0,
158
158
  order: -1
159
159
  },
160
160
  "data-testid": "headline",
161
- children: o
161
+ children: r
162
162
  }) : void 0;
163
163
  return /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
164
164
  space: {
@@ -168,12 +168,12 @@ const Z = (param)=>{
168
168
  dataAttributes: _object_spread({
169
169
  testid: "Header"
170
170
  }, b),
171
- children: (d || e || i) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
171
+ children: (o || e || i) && /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
172
172
  paddingRight: 16,
173
173
  children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
174
174
  className: _headercssmistica.flexColumn,
175
175
  children: [
176
- (0, _headings.isBiggerHeading)(a, r) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
176
+ (0, _headings.isBiggerHeading)(a, d) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
177
177
  children: [
178
178
  p && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
179
179
  style: {
@@ -184,7 +184,7 @@ const Z = (param)=>{
184
184
  v,
185
185
  l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
186
186
  style: {
187
- paddingBottom: e || i ? 8 : 0,
187
+ paddingBottom: o || i ? 8 : 0,
188
188
  order: -1
189
189
  },
190
190
  children: l
@@ -194,7 +194,7 @@ const Z = (param)=>{
194
194
  children: [
195
195
  l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
196
196
  style: {
197
- paddingBottom: d || i ? 8 : 0
197
+ paddingBottom: o || i ? 8 : 0
198
198
  },
199
199
  children: l
200
200
  }),
@@ -232,7 +232,7 @@ const Z = (param)=>{
232
232
  })
233
233
  });
234
234
  }, _ = (param)=>{
235
- let { title: o, titleAs: e = "h1", description: r, button: d, dataAttributes: a } = param;
235
+ let { title: r, titleAs: e = "h1", description: d, button: o, dataAttributes: a } = param;
236
236
  return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
237
237
  space: 32,
238
238
  dataAttributes: _object_spread({
@@ -245,44 +245,44 @@ const Z = (param)=>{
245
245
  desktop: 16
246
246
  },
247
247
  children: [
248
- o && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text7, {
248
+ r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text7, {
249
249
  as: e,
250
250
  dataAttributes: {
251
251
  testid: "title"
252
252
  },
253
- children: o
253
+ children: r
254
254
  }),
255
- r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text6, {
255
+ d && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text6, {
256
256
  dataAttributes: {
257
257
  testid: "description"
258
258
  },
259
- children: r
259
+ children: d
260
260
  })
261
261
  ]
262
262
  }),
263
- d
263
+ o
264
264
  ]
265
265
  });
266
266
  }, $ = (param)=>{
267
- let { isInverse: o = !1, breadcrumbs: e, header: r, extra: d, sideBySideExtraOnDesktop: a = !1, dataAttributes: i, bleed: b = !1, noPaddingY: c = !1 } = param;
268
- const m = b && o && d, l = /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
267
+ let { isInverse: r = !1, breadcrumbs: e, header: d, extra: o, sideBySideExtraOnDesktop: a = !1, dataAttributes: i, bleed: b = !1, noPaddingY: c = !1 } = param;
268
+ const m = b && r && o, l = /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
269
269
  children: [
270
270
  e && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
271
271
  className: _headercssmistica.breadcrumbs,
272
272
  children: e
273
273
  }),
274
- r
274
+ d
275
275
  ]
276
276
  });
277
- return (0, _overscrollcolorcontext.useSetOverscrollColor)(o ? {
277
+ return (0, _overscrollcolorcontext.useSetOverscrollColor)(r ? {
278
278
  topColor: _skincontractcssmistica.vars.colors.backgroundBrandTop
279
279
  } : {}), /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(i, "HeaderLayout")), {
280
280
  children: [
281
281
  /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
282
- variant: o ? "inverse" : void 0,
282
+ variant: r ? "inverse" : void 0,
283
283
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
284
284
  paddingTop: c ? 0 : {
285
- mobile: r ? 32 : 0,
285
+ mobile: d ? 32 : 0,
286
286
  desktop: e ? 16 : 48
287
287
  },
288
288
  paddingBottom: {
@@ -296,20 +296,20 @@ const Z = (param)=>{
296
296
  className: m ? _headercssmistica.hideOnTabletOrSmaller : "",
297
297
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
298
298
  paddingTop: {
299
- mobile: r ? 24 : 0,
299
+ mobile: d ? 24 : 0,
300
300
  desktop: 0
301
301
  },
302
- children: d
302
+ children: o
303
303
  })
304
304
  })
305
305
  }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
306
- space: r ? {
306
+ space: d ? {
307
307
  mobile: 24,
308
308
  desktop: 32
309
309
  } : 0,
310
310
  children: [
311
311
  l,
312
- !m && d
312
+ !m && o
313
313
  ]
314
314
  })
315
315
  })
@@ -317,20 +317,20 @@ const Z = (param)=>{
317
317
  m && /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
318
318
  className: a ? _headercssmistica.hideOnDesktop : "",
319
319
  backgroundColor: `linear-gradient(to bottom, ${_skincontractcssmistica.vars.colors.backgroundBrandBottom} 40px, ${_skincontractcssmistica.vars.colors.background} 0%)`,
320
- children: d
320
+ children: o
321
321
  })
322
322
  ]
323
323
  }));
324
324
  }, E = (param)=>{
325
- let { isInverse: o = !1, children: e, dataAttributes: r } = param;
326
- return (0, _overscrollcolorcontext.useSetOverscrollColor)(o ? {
325
+ let { isInverse: r = !1, children: e, dataAttributes: d } = param;
326
+ return (0, _overscrollcolorcontext.useSetOverscrollColor)(r ? {
327
327
  topColor: _skincontractcssmistica.vars.colors.backgroundBrandTop
328
328
  } : {}), /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.default, {
329
- variant: o ? "inverse" : void 0,
329
+ variant: r ? "inverse" : void 0,
330
330
  dataAttributes: _object_spread({
331
331
  "component-name": "MainSectionHeaderLayout",
332
332
  testid: "MainSectionHeaderLayout"
333
- }, r),
333
+ }, d),
334
334
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_gridlayout.default, {
335
335
  template: "6+6",
336
336
  left: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
package/dist/hero.js CHANGED
@@ -169,24 +169,24 @@ const w = {
169
169
  children: r
170
170
  });
171
171
  }, x = (param)=>{
172
- let { headline: r, title: t, titleAs: a = "h1", pretitle: l, pretitleAs: c, description: o, descriptionLinesMax: m, extra: p, button: f, secondaryButton: u, buttonLink: n } = param;
172
+ let { headline: r, title: t, titleAs: a = "h1", pretitle: i, pretitleAs: c, description: o, descriptionLinesMax: m, extra: p, button: f, secondaryButton: u, buttonLink: s } = param;
173
173
  const v = t ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text8, {
174
174
  as: a,
175
175
  dataAttributes: {
176
176
  testid: "title"
177
177
  },
178
178
  children: t
179
- }) : void 0, i = l ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
179
+ }) : void 0, n = i ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
180
180
  as: c,
181
181
  regular: !0,
182
182
  dataAttributes: {
183
183
  testid: "pretitle"
184
184
  },
185
- children: l
185
+ children: i
186
186
  }) : void 0, h = r ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
187
187
  "data-testid": "headline",
188
188
  style: {
189
- paddingBottom: 16,
189
+ paddingBottom: i || t || o ? 16 : 0,
190
190
  order: -1
191
191
  },
192
192
  children: r
@@ -205,21 +205,21 @@ const w = {
205
205
  children: [
206
206
  v,
207
207
  h,
208
- i && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
208
+ n && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
209
209
  style: {
210
210
  paddingBottom: t ? 8 : 0,
211
211
  order: -1
212
212
  },
213
- children: i
213
+ children: n
214
214
  })
215
215
  ]
216
216
  }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
217
217
  children: [
218
- i && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
218
+ n && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
219
219
  style: {
220
220
  paddingBottom: t ? 8 : 0
221
221
  },
222
- children: i
222
+ children: n
223
223
  }),
224
224
  h,
225
225
  v
@@ -244,18 +244,18 @@ const w = {
244
244
  })
245
245
  ]
246
246
  }),
247
- (f || n) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
247
+ (f || s) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
248
248
  className: _herocssmistica.actions,
249
249
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, {
250
250
  primaryButton: f,
251
251
  secondaryButton: u,
252
- link: n
252
+ link: s
253
253
  })
254
254
  })
255
255
  ]
256
256
  });
257
257
  }, X = /*#__PURE__*/ _react.forwardRef((_param, p)=>{
258
- var { height: r, background: t = "default", media: a, desktopMediaPosition: l = "left", dataAttributes: c, noPaddingY: o } = _param, m = _object_without_properties(_param, [
258
+ var { height: r, background: t = "default", media: a, desktopMediaPosition: i = "left", dataAttributes: c, noPaddingY: o } = _param, m = _object_without_properties(_param, [
259
259
  "height",
260
260
  "background",
261
261
  "media",
@@ -263,7 +263,7 @@ const w = {
263
263
  "dataAttributes",
264
264
  "noPaddingY"
265
265
  ]);
266
- const { isTabletOrSmaller: f } = (0, _hooks.useScreenSize)(), u = (0, _carousel.useSlideshowContext)(), n = !!(u != null && u.withBullets), v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), i = t === "none" ? v : t === "brand" || t === "brand-secondary";
266
+ const { isTabletOrSmaller: f } = (0, _hooks.useScreenSize)(), u = (0, _carousel.useSlideshowContext)(), s = !!(u != null && u.withBullets), v = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), n = t === "none" ? v : t === "brand" || t === "brand-secondary";
267
267
  if (f) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.ResetResponsiveLayout, {
268
268
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
269
269
  style: (0, _css.applyCssVars)({
@@ -283,14 +283,14 @@ const w = {
283
283
  children: [
284
284
  a,
285
285
  /* @__PURE__ */ (0, _jsxruntime.jsx)(I, {
286
- isInverse: i,
286
+ isInverse: n,
287
287
  backgroundColor: w[t],
288
288
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
289
289
  className: _herocssmistica.expandedContent,
290
290
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
291
291
  style: {
292
292
  paddingTop: 24,
293
- paddingBottom: n ? 48 : o ? 0 : 24
293
+ paddingBottom: s ? 48 : o ? 0 : 24
294
294
  },
295
295
  className: _herocssmistica.layout,
296
296
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread({}, m))
@@ -301,10 +301,10 @@ const w = {
301
301
  }))
302
302
  })
303
303
  });
304
- const h = l === "left" ? a : /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
304
+ const h = i === "left" ? a : /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
305
305
  paddingRight: 24,
306
306
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread({}, m))
307
- }), L = l === "right" ? a : /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
307
+ }), L = i === "right" ? a : /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
308
308
  paddingLeft: 24,
309
309
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(x, _object_spread({}, m))
310
310
  });
@@ -320,13 +320,13 @@ const w = {
320
320
  }),
321
321
  className: _herocssmistica.hero,
322
322
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(I, {
323
- isInverse: i,
323
+ isInverse: n,
324
324
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_gridlayout.default, {
325
325
  template: "6+6",
326
326
  left: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
327
327
  style: {
328
328
  paddingTop: o ? 0 : 56,
329
- paddingBottom: o && !n ? 0 : 56
329
+ paddingBottom: o && !s ? 0 : 56
330
330
  },
331
331
  className: (0, _classnames.default)(_herocssmistica.container, _herocssmistica.containerDesktop, {
332
332
  [_herocssmistica.containerMinHeight]: !o
@@ -336,7 +336,7 @@ const w = {
336
336
  right: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
337
337
  style: {
338
338
  paddingTop: o ? 0 : 56,
339
- paddingBottom: o && !n ? 0 : 56
339
+ paddingBottom: o && !s ? 0 : 56
340
340
  },
341
341
  className: (0, _classnames.default)(_herocssmistica.container, _herocssmistica.containerDesktop),
342
342
  children: L
package/dist/package-version.js CHANGED
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
8
8
  return o;
9
9
  }
10
10
  });
11
- const o = "16.6.0";
11
+ const o = "16.6.1";