@telefonica/mistica 14.26.1 → 14.28.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.
Files changed (42) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/button-fixed-footer-layout.js +5 -5
  3. package/dist/button.d.ts +7 -1
  4. package/dist/button.js +78 -72
  5. package/dist/generated/mistica-icons/icon-add-more-location-filled.js +1 -1
  6. package/dist/generated/mistica-icons/icon-cut-filled.js +4 -4
  7. package/dist/generated/mistica-icons/icon-file-ppt-filled.js +1 -1
  8. package/dist/generated/mistica-icons/icon-open-filled.js +1 -1
  9. package/dist/generated/mistica-icons/icon-videogames-filled.js +25 -8
  10. package/dist/generated/mistica-icons/icon-videogames-light.js +35 -10
  11. package/dist/generated/mistica-icons/icon-videogames-regular.js +35 -10
  12. package/dist/menu.js +41 -41
  13. package/dist/package-version.js +1 -1
  14. package/dist/phone-number-field.js +1 -1
  15. package/dist/responsive-layout.css-mistica.js +14 -5
  16. package/dist/responsive-layout.css.d.ts +4 -1
  17. package/dist/responsive-layout.d.ts +3 -0
  18. package/dist/responsive-layout.js +58 -15
  19. package/dist/sheet.css-mistica.js +7 -7
  20. package/dist/sheet.css.d.ts +3 -0
  21. package/dist/sheet.js +4 -4
  22. package/dist/touchable.d.ts +1 -0
  23. package/dist/touchable.js +8 -7
  24. package/dist-es/button-fixed-footer-layout.js +4 -4
  25. package/dist-es/button.js +103 -97
  26. package/dist-es/generated/mistica-icons/icon-add-more-location-filled.js +6 -6
  27. package/dist-es/generated/mistica-icons/icon-cut-filled.js +7 -7
  28. package/dist-es/generated/mistica-icons/icon-file-ppt-filled.js +1 -1
  29. package/dist-es/generated/mistica-icons/icon-open-filled.js +1 -1
  30. package/dist-es/generated/mistica-icons/icon-videogames-filled.js +29 -12
  31. package/dist-es/generated/mistica-icons/icon-videogames-light.js +38 -13
  32. package/dist-es/generated/mistica-icons/icon-videogames-regular.js +39 -14
  33. package/dist-es/menu.js +64 -64
  34. package/dist-es/package-version.js +1 -1
  35. package/dist-es/phone-number-field.js +1 -1
  36. package/dist-es/responsive-layout.css-mistica.js +3 -3
  37. package/dist-es/responsive-layout.js +55 -20
  38. package/dist-es/sheet.css-mistica.js +2 -2
  39. package/dist-es/sheet.js +1 -1
  40. package/dist-es/style.css +1 -1
  41. package/dist-es/touchable.js +19 -18
  42. package/package.json +2 -2
package/dist/button.js CHANGED
@@ -10,7 +10,7 @@ function _export(target, all) {
10
10
  }
11
11
  _export(exports, {
12
12
  ButtonDanger: function() {
13
- return Re;
13
+ return xe;
14
14
  },
15
15
  ButtonLink: function() {
16
16
  return Ne;
@@ -161,32 +161,32 @@ function _object_without_properties_loose(source, excluded) {
161
161
  return target;
162
162
  }
163
163
  const N = (param)=>{
164
- let { content: e , defaultIconSize: i , renderText: n } = param;
165
- const c = (0, _utils.flattenChildren)(e), f = c.length, d = [];
166
- let l = [];
164
+ let { content: e , defaultIconSize: r , renderText: n } = param;
165
+ const l = (0, _utils.flattenChildren)(e), f = l.length, d = [];
166
+ let c = [];
167
167
  const g = ()=>{
168
168
  d.push(/* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Fragment, {
169
- children: n(l)
170
- }, d.length)), l = [];
169
+ children: n(c)
170
+ }, d.length)), c = [];
171
171
  };
172
- return c.forEach((u, m)=>{
173
- const a = m === 0, s = m === f - 1;
172
+ return l.forEach((u, m)=>{
173
+ const o = m === 0, s = m === f - 1;
174
174
  if (/*#__PURE__*/ _react.isValidElement(u)) {
175
- l.length && g();
175
+ c.length && g();
176
176
  var _u_props_size;
177
- const v = (_u_props_size = u.props.size) !== null && _u_props_size !== void 0 ? _u_props_size : i;
177
+ const v = (_u_props_size = u.props.size) !== null && _u_props_size !== void 0 ? _u_props_size : r;
178
178
  d.push(/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
179
179
  style: {
180
180
  display: "flex",
181
181
  alignItems: "center",
182
- marginLeft: a ? 0 : _buttoncssmistica.ICON_MARGIN_PX,
182
+ marginLeft: o ? 0 : _buttoncssmistica.ICON_MARGIN_PX,
183
183
  marginRight: s ? 0 : _buttoncssmistica.ICON_MARGIN_PX
184
184
  },
185
185
  children: /*#__PURE__*/ _react.cloneElement(u, {
186
186
  size: (0, _css.pxToRem)(v)
187
187
  })
188
188
  }, d.length));
189
- } else l.push(u), s && g();
189
+ } else c.push(u), s && g();
190
190
  }), d;
191
191
  }, de = ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
192
192
  width: "0.5em",
@@ -197,8 +197,8 @@ const N = (param)=>{
197
197
  fill: "currentColor"
198
198
  })
199
199
  }), z = (param)=>{
200
- let { showSpinner: e , children: i , small: n , loadingText: c , shouldRenderSpinner: f , setShouldRenderSpinner: d , renderText: l , textContentStyle: g , StartIcon: u , EndIcon: m , withChevron: a } = param;
201
- const s = n ? _buttoncssmistica.SMALL_ICON_SIZE : _buttoncssmistica.ICON_SIZE, r = (0, _css.pxToRem)(n ? _buttoncssmistica.SMALL_SPINNER_SIZE : _buttoncssmistica.SPINNER_SIZE);
200
+ let { showSpinner: e , children: r , small: n , loadingText: l , shouldRenderSpinner: f , setShouldRenderSpinner: d , renderText: c , textContentStyle: g , StartIcon: u , EndIcon: m , withChevron: o } = param;
201
+ const s = n ? _buttoncssmistica.SMALL_ICON_SIZE : _buttoncssmistica.ICON_SIZE, i = (0, _css.pxToRem)(n ? _buttoncssmistica.SMALL_SPINNER_SIZE : _buttoncssmistica.SPINNER_SIZE);
202
202
  return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
203
203
  children: [
204
204
  /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
@@ -217,11 +217,11 @@ const N = (param)=>{
217
217
  })
218
218
  }),
219
219
  N({
220
- content: i,
220
+ content: r,
221
221
  defaultIconSize: s,
222
- renderText: l
222
+ renderText: c
223
223
  }),
224
- m && !a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
224
+ m && !o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
225
225
  style: {
226
226
  display: "flex",
227
227
  alignItems: "center",
@@ -232,7 +232,7 @@ const N = (param)=>{
232
232
  color: "currentColor"
233
233
  })
234
234
  }),
235
- a && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
235
+ o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
236
236
  style: {
237
237
  display: "flex",
238
238
  alignItems: "center",
@@ -245,14 +245,14 @@ const N = (param)=>{
245
245
  /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
246
246
  className: _buttoncssmistica.loadingFiller,
247
247
  "aria-hidden": !0,
248
- style: c ? {
249
- paddingLeft: r,
248
+ style: l ? {
249
+ paddingLeft: i,
250
250
  paddingRight: _buttoncssmistica.ICON_MARGIN_PX + 2 * (n ? _buttoncssmistica.X_SMALL_PADDING_PX : _buttoncssmistica.X_PADDING_PX)
251
251
  } : void 0,
252
252
  children: N({
253
- content: c,
253
+ content: l,
254
254
  defaultIconSize: s,
255
- renderText: l
255
+ renderText: c
256
256
  })
257
257
  }),
258
258
  /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
@@ -263,40 +263,40 @@ const N = (param)=>{
263
263
  },
264
264
  children: [
265
265
  f ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_spinner.default, {
266
- rolePresentation: !!c,
266
+ rolePresentation: !!l,
267
267
  color: "currentcolor",
268
268
  delay: "0s",
269
- size: r
269
+ size: i
270
270
  }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
271
271
  style: {
272
272
  display: "inline-block",
273
- width: r,
274
- height: r
273
+ width: i,
274
+ height: i
275
275
  }
276
276
  }),
277
- c ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
277
+ l ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
278
278
  paddingLeft: 8,
279
279
  children: N({
280
- content: c,
280
+ content: l,
281
281
  defaultIconSize: s,
282
- renderText: l
282
+ renderText: c
283
283
  })
284
284
  }) : null
285
285
  ]
286
286
  })
287
287
  ]
288
288
  });
289
- }, _ = /*#__PURE__*/ _react.forwardRef((e, i)=>{
290
- const { textPresets: n } = (0, _hooks.useTheme)(), { eventFormat: c } = (0, _analytics.useTrackingConfig)(), { formStatus: f , formId: d } = (0, _formcontext.useForm)(), l = (0, _themevariantcontext.useIsInverseVariant)(), { loadingText: g } = e, u = !!e.submit, m = f === "sending", [a, s] = _react.useState(!1), r = e.showSpinner || m && u || a, [v, L] = _react.useState(!!r);
289
+ }, _ = /*#__PURE__*/ _react.forwardRef((e, r)=>{
290
+ const { textPresets: n } = (0, _hooks.useTheme)(), { eventFormat: l } = (0, _analytics.useTrackingConfig)(), { formStatus: f , formId: d } = (0, _formcontext.useForm)(), c = (0, _themevariantcontext.useIsInverseVariant)(), { loadingText: g } = e, u = !!e.submit, m = f === "sending", [o, s] = _react.useState(!1), i = e.showSpinner || m && u || o, [v, L] = _react.useState(!!i);
291
291
  _react.useEffect(()=>{
292
- r && !v && L(!0);
292
+ i && !v && L(!0);
293
293
  }, [
294
- r,
294
+ i,
295
295
  v,
296
296
  f
297
297
  ]);
298
298
  var _e_trackingEvent;
299
- const S = ()=>c === "google-analytics-4" ? {
299
+ const S = ()=>l === "google-analytics-4" ? {
300
300
  name: _analytics.eventNames.userInteraction,
301
301
  component_type: `${e.type}_button`,
302
302
  component_copy: (0, _common.getTextFromChildren)(e.children)
@@ -304,47 +304,49 @@ const N = (param)=>{
304
304
  category: _analytics.eventCategories.userInteraction,
305
305
  action: `${e.type}_button_tapped`,
306
306
  label: (0, _common.getTextFromChildren)(e.children)
307
- }, b = (I)=>e.small ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
307
+ }, I = (y)=>e.small ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
308
308
  size: 14,
309
309
  lineHeight: 20,
310
310
  weight: n.button.weight,
311
311
  truncate: 1,
312
312
  color: "inherit",
313
313
  as: "div",
314
- children: I
314
+ children: y
315
315
  }) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
316
316
  weight: n.button.weight,
317
317
  truncate: 1,
318
318
  color: "inherit",
319
319
  as: "div",
320
- children: I
320
+ children: y
321
321
  }), h = {
322
- ref: i,
323
- className: (0, _classnames.default)(l ? _buttoncssmistica.inverseVariants[e.type] : _buttoncssmistica.variants[e.type], e.className, {
322
+ ref: r,
323
+ className: (0, _classnames.default)(c ? _buttoncssmistica.inverseVariants[e.type] : _buttoncssmistica.variants[e.type], e.className, {
324
324
  [_buttoncssmistica.small]: e.small,
325
- [_buttoncssmistica.isLoading]: r
325
+ [_buttoncssmistica.isLoading]: i
326
326
  }),
327
327
  style: _object_spread({
328
328
  cursor: e.fake ? "pointer" : void 0
329
329
  }, e.style),
330
330
  trackingEvent: (_e_trackingEvent = e.trackingEvent) !== null && _e_trackingEvent !== void 0 ? _e_trackingEvent : e.trackEvent ? S() : void 0,
331
331
  dataAttributes: e.dataAttributes,
332
+ "aria-label": e["aria-label"],
332
333
  "aria-controls": e["aria-controls"],
333
334
  "aria-expanded": e["aria-expanded"],
335
+ "aria-haspopup": e["aria-haspopup"],
334
336
  tabIndex: e.tabIndex,
335
337
  children: z({
336
- showSpinner: r,
338
+ showSpinner: i,
337
339
  shouldRenderSpinner: v,
338
340
  setShouldRenderSpinner: L,
339
341
  children: e.children,
340
342
  loadingText: g,
341
343
  small: e.small,
342
- renderText: b,
344
+ renderText: I,
343
345
  textContentStyle: _buttoncssmistica.textContent,
344
346
  StartIcon: e.StartIcon,
345
347
  EndIcon: e.EndIcon
346
348
  }),
347
- disabled: e.disabled || r || m,
349
+ disabled: e.disabled || i || m,
348
350
  role: "button"
349
351
  };
350
352
  if (process.env.NODE_ENV !== "production" && (e.to === "" || e.href === "")) throw Error("to or href props are empty strings");
@@ -360,8 +362,8 @@ const N = (param)=>{
360
362
  onPress: ()=>{}
361
363
  }, h));
362
364
  if (e.onPress) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, h), {
363
- onPress: (I)=>{
364
- const w = e.onPress(I);
365
+ onPress: (y)=>{
366
+ const w = e.onPress(y);
365
367
  w && (s(!0), w.finally(()=>s(!1)));
366
368
  }
367
369
  }));
@@ -376,14 +378,14 @@ const N = (param)=>{
376
378
  }));
377
379
  if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
378
380
  return null;
379
- }), Ne = /*#__PURE__*/ _react.forwardRef((e, i)=>{
381
+ }), Ne = /*#__PURE__*/ _react.forwardRef((e, r)=>{
380
382
  var _e_withChevron;
381
- const { formStatus: n } = (0, _formcontext.useForm)(), c = (0, _themevariantcontext.useIsInverseVariant)(), { analytics: f , textPresets: d } = (0, _hooks.useTheme)(), { loadingText: l } = e, g = n === "sending", [u, m] = _react.useState(!1), a = e.showSpinner || u, s = (_e_withChevron = e.withChevron) !== null && _e_withChevron !== void 0 ? _e_withChevron : !!e.href || !!e.to, [r, v] = _react.useState(!!a);
383
+ const { formStatus: n } = (0, _formcontext.useForm)(), l = (0, _themevariantcontext.useIsInverseVariant)(), { analytics: f , textPresets: d } = (0, _hooks.useTheme)(), { loadingText: c } = e, g = n === "sending", [u, m] = _react.useState(!1), o = e.showSpinner || u, s = (_e_withChevron = e.withChevron) !== null && _e_withChevron !== void 0 ? _e_withChevron : !!e.href || !!e.to, [i, v] = _react.useState(!!o);
382
384
  _react.useEffect(()=>{
383
- a && !r && v(!0);
385
+ o && !i && v(!0);
384
386
  }, [
385
- a,
386
- r,
387
+ o,
388
+ i,
387
389
  n
388
390
  ]);
389
391
  var _e_trackingEvent;
@@ -400,10 +402,10 @@ const N = (param)=>{
400
402
  truncate: 1,
401
403
  color: "inherit",
402
404
  children: h
403
- }), b = {
405
+ }), I = {
404
406
  className: (0, _classnames.default)(_buttoncssmistica.link, {
405
- [_buttoncssmistica.inverseLink]: c,
406
- [_buttoncssmistica.isLoading]: a
407
+ [_buttoncssmistica.inverseLink]: l,
408
+ [_buttoncssmistica.isLoading]: o
407
409
  }),
408
410
  /**
409
411
  * Setting bleed classes with style to override the margin:0 set by the Touchable component.
@@ -420,12 +422,16 @@ const N = (param)=>{
420
422
  dataAttributes: _object_spread({
421
423
  "component-name": "ButtonLink"
422
424
  }, e.dataAttributes),
425
+ "aria-label": e["aria-label"],
426
+ "aria-controls": e["aria-controls"],
427
+ "aria-expanded": e["aria-expanded"],
428
+ "aria-haspopup": e["aria-haspopup"],
423
429
  children: z({
424
- showSpinner: a,
425
- shouldRenderSpinner: r,
430
+ showSpinner: o,
431
+ shouldRenderSpinner: i,
426
432
  setShouldRenderSpinner: v,
427
433
  children: e.children,
428
- loadingText: l,
434
+ loadingText: c,
429
435
  small: !0,
430
436
  renderText: S,
431
437
  textContentStyle: _buttoncssmistica.textContentLink,
@@ -433,64 +439,64 @@ const N = (param)=>{
433
439
  EndIcon: e.EndIcon,
434
440
  withChevron: s
435
441
  }),
436
- disabled: e.disabled || a || g
442
+ disabled: e.disabled || o || g
437
443
  };
438
444
  if (process.env.NODE_ENV !== "production" && (e.to === "" || e.href === "")) throw Error("to or href props are empty strings");
439
445
  if (e.onPress) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
440
- ref: i
441
- }, b), {
446
+ ref: r
447
+ }, I), {
442
448
  onPress: (h)=>{
443
- const I = e.onPress(h);
444
- I && (m(!0), I.finally(()=>m(!1)));
449
+ const y = e.onPress(h);
450
+ y && (m(!0), y.finally(()=>m(!1)));
445
451
  }
446
452
  }));
447
453
  if (e.to || e.to === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
448
- ref: i
449
- }, b), {
454
+ ref: r
455
+ }, I), {
450
456
  to: e.to,
451
457
  fullPageOnWebView: e.fullPageOnWebView
452
458
  }));
453
459
  if (e.href || e.href === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
454
- ref: i
455
- }, b), {
460
+ ref: r
461
+ }, I), {
456
462
  href: e.href,
457
463
  newTab: e.newTab
458
464
  }));
459
465
  if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
460
466
  return null;
461
467
  }), _e = /*#__PURE__*/ _react.forwardRef((_param, n)=>/* @__PURE__ */ {
462
- var { dataAttributes: e } = _param, i = _object_without_properties(_param, [
468
+ var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
463
469
  "dataAttributes"
464
470
  ]);
465
471
  return (0, _jsxruntime.jsx)(_, _object_spread_props(_object_spread({
466
472
  dataAttributes: _object_spread({
467
473
  "component-name": "ButtonPrimary"
468
474
  }, e)
469
- }, i), {
475
+ }, r), {
470
476
  ref: n,
471
477
  type: "primary"
472
478
  }));
473
479
  }), we = /*#__PURE__*/ _react.forwardRef((_param, n)=>/* @__PURE__ */ {
474
- var { dataAttributes: e } = _param, i = _object_without_properties(_param, [
480
+ var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
475
481
  "dataAttributes"
476
482
  ]);
477
483
  return (0, _jsxruntime.jsx)(_, _object_spread_props(_object_spread({
478
484
  dataAttributes: _object_spread({
479
485
  "component-name": "ButtonSecondary"
480
486
  }, e)
481
- }, i), {
487
+ }, r), {
482
488
  ref: n,
483
489
  type: "secondary"
484
490
  }));
485
- }), Re = /*#__PURE__*/ _react.forwardRef((_param, n)=>/* @__PURE__ */ {
486
- var { dataAttributes: e } = _param, i = _object_without_properties(_param, [
491
+ }), xe = /*#__PURE__*/ _react.forwardRef((_param, n)=>/* @__PURE__ */ {
492
+ var { dataAttributes: e } = _param, r = _object_without_properties(_param, [
487
493
  "dataAttributes"
488
494
  ]);
489
495
  return (0, _jsxruntime.jsx)(_, _object_spread_props(_object_spread({
490
496
  dataAttributes: _object_spread({
491
497
  "component-name": "ButtonDanger"
492
498
  }, e)
493
- }, i), {
499
+ }, r), {
494
500
  ref: n,
495
501
  type: "danger"
496
502
  }));
@@ -104,7 +104,7 @@ const a = (_param)=>{
104
104
  }, t), {
105
105
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
106
106
  fill: n,
107
- d: "M19.967 4.043c1.232 1.23 1.885 3.028 1.876 5.216-.008 4.613-5.927 11.58-6.77 12.406a.61.61 0 01-.431.176.592.592 0 01-.432-.176c-.423-.41-1.37-1.51-2.47-3.037-1.272 1.614-3.353 1.802-4.037 1.807-.098.009-.21.009-.316.009h-.171c-1.062-.014-5.056-.395-5.056-5.247 0-4.837 3.955-5.199 5.014-5.207h.367a5 5 0 01-.048-.782c0-2.176.661-3.977 1.908-5.199 1.25-1.22 3.09-1.848 5.294-1.854 2.207.008 4.034.658 5.272 1.888zM16.855 8.6c0 1.303-.821 2.112-2.143 2.112-1.322 0-2.146-.81-2.146-2.112s.82-2.112 2.146-2.112c1.322 0 2.143.81 2.143 2.112zm-5.32 6.628c0-3.423-2.44-3.995-3.89-4.034h-.457c-1.426.014-3.807.546-3.807 4 0 3.47 2.415 4.017 3.849 4.042h.157c.095 0 .201 0 .291-.005 1.434-.026 3.857-.58 3.857-4.003zm-1.437-.63H8.065v-1.98a.605.605 0 00-.611-.603.607.607 0 00-.61.602v1.98h-2.03a.607.607 0 00-.61.603c0 .333.271.602.61.602h2.028v2.009c0 .333.272.602.611.602.336 0 .61-.27.61-.602v-2.009h2.034c.336 0 .61-.269.61-.602a.605.605 0 00-.61-.602z"
107
+ d: "M19.967 4.043c1.232 1.23 1.885 3.028 1.876 5.216-.008 4.613-5.927 11.58-6.77 12.406a.61.61 0 01-.431.176.592.592 0 01-.432-.176c-.423-.41-1.37-1.51-2.47-3.037-1.272 1.614-3.353 1.802-4.037 1.807-.098.009-.21.009-.316.009h-.171c-1.062-.014-5.056-.395-5.056-5.247 0-4.837 3.955-5.199 5.014-5.207h.367a5 5 0 01-.048-.782c0-2.176.661-3.977 1.908-5.199 1.25-1.22 3.09-1.848 5.294-1.854 2.207.008 4.034.658 5.272 1.888zM16.855 8.6c0-1.302-.821-2.112-2.143-2.112-1.325 0-2.146.81-2.146 2.112 0 1.303.824 2.112 2.146 2.112s2.143-.81 2.143-2.112zm-5.32 6.628c0-3.423-2.44-3.995-3.89-4.034h-.457c-1.426.014-3.807.546-3.807 4 0 3.47 2.415 4.017 3.849 4.042h.157c.095 0 .201 0 .291-.005 1.434-.026 3.857-.58 3.857-4.003zm-1.437-.63H8.065v-1.98a.605.605 0 00-.611-.603.607.607 0 00-.61.602v1.98h-2.03a.607.607 0 00-.61.603c0 .333.271.602.61.602h2.028v2.009c0 .333.272.602.611.602.336 0 .61-.27.61-.602v-2.009h2.034c.336 0 .61-.269.61-.602a.605.605 0 00-.61-.602z"
108
108
  })
109
109
  }));
110
110
  }, v = a;
@@ -91,20 +91,20 @@ function _object_without_properties_loose(source, excluded) {
91
91
  return target;
92
92
  }
93
93
  const n = (_param)=>{
94
- var { color: s , size: c = 24 } = _param, t = _object_without_properties(_param, [
94
+ var { color: s , size: o = 24 } = _param, t = _object_without_properties(_param, [
95
95
  "color",
96
96
  "size"
97
97
  ]);
98
98
  const e = (0, _themevariantcontext.useIsInverseVariant)(), l = s !== null && s !== void 0 ? s : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
99
99
  return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
100
- width: c,
101
- height: c,
100
+ width: o,
101
+ height: o,
102
102
  viewBox: "0 0 24 24",
103
103
  role: "presentation"
104
104
  }, t), {
105
105
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
106
106
  fill: l,
107
- d: "M21.843 18.151c0-2.52-1.403-3.697-3.826-3.697-.37 0-.706.039-1.03.09l-2.113-2.02 4.709-4.533c.933-.899 1.496-1.809 1.68-2.708.227-1.079-.117-2.101-1-2.944a.634.634 0 00-.89 0l-7.544 7.274L4.21 2.33a.642.642 0 00-.89.009c-.883.843-1.227 1.865-1 2.944.184.899.753 1.81 1.68 2.708l4.76 4.583-1.883 1.81a.083.083 0 00-.017.028.068.068 0 01-.017.028 7.425 7.425 0 00-.848-.056c-2.423 0-3.835 1.184-3.835 3.697s1.412 3.69 3.835 3.69c2.411 0 3.826-1.177 3.826-3.69 0-.689-.11-1.263-.311-1.759 0-.004.002-.006.004-.008.002-.003.004-.005.004-.009.48-.916.958-1.507 1.513-1.857.16-.098.345-.18.521-.235 1.219.16 2.16 1.045 2.807 2.65-.101.38-.177.803-.177 1.288 0 2.513 1.412 3.69 3.835 3.69s3.826-1.175 3.826-3.69zm-10.148-6.31c0 .333-.182.49-.496.49-.328 0-.51-.157-.507-.49 0-.323.182-.48.507-.48.314 0 .496.157.496.48zm6.322 8.784c-1.823 0-2.574-.723-2.574-2.474 0-1.762.75-2.482 2.574-2.482 1.826 0 2.566.723 2.566 2.482 0 1.75-.742 2.474-2.566 2.474zM7.731 18.13c0-1.103-.619-1.621-1.68-1.621-1.062 0-1.681.515-1.681 1.621 0 1.104.619 1.622 1.68 1.622 1.062 0 1.681-.518 1.681-1.622zm12.034.04c0-1.104-.622-1.622-1.684-1.622-1.064 0-1.68.515-1.68 1.622 0 1.106.619 1.622 1.68 1.622 1.065 0 1.684-.519 1.684-1.622zm-.84 0c0 .613-.205.81-.844.81-.635 0-.84-.197-.84-.81 0-.614.205-.813.84-.813.64 0 .844.2.844.813zm-12.874.77c.636 0 .84-.196.84-.81 0-.613-.204-.812-.84-.812s-.84.196-.84.813c0 .613.204.809.84.809zm-.06 1.61c-1.823 0-2.573-.714-2.573-2.473 0-1.762.748-2.481 2.574-2.481 1.826 0 2.566.722 2.566 2.481 0 1.76-.743 2.474-2.566 2.474z"
107
+ d: "M21.843 18.151c0-2.52-1.403-3.697-3.826-3.697-.37 0-.706.039-1.03.09l-2.113-2.02 4.709-4.533c.933-.899 1.496-1.809 1.68-2.708.227-1.079-.117-2.101-1-2.944a.634.634 0 00-.89 0l-7.544 7.274L4.21 2.33a.642.642 0 00-.89.009c-.883.843-1.227 1.865-1 2.944.184.899.753 1.81 1.68 2.708l4.76 4.583-1.883 1.81a.083.083 0 00-.017.028.068.068 0 01-.017.028 7.425 7.425 0 00-.848-.056c-2.423 0-3.835 1.184-3.835 3.697s1.412 3.69 3.835 3.69c2.411 0 3.826-1.177 3.826-3.69 0-.689-.11-1.263-.311-1.759 0-.004.002-.006.004-.008.002-.003.004-.005.004-.009.48-.916.958-1.507 1.513-1.857.16-.098.345-.18.521-.235 1.219.16 2.16 1.045 2.807 2.65-.101.38-.177.803-.177 1.288 0 2.513 1.412 3.69 3.835 3.69s3.826-1.175 3.826-3.69zm-10.148-6.31c0 .333-.182.49-.496.49-.328 0-.51-.157-.507-.49 0-.323.182-.48.507-.48.314 0 .496.157.496.48zm6.322 8.784c-1.823 0-2.574-.723-2.574-2.474 0-1.762.75-2.482 2.574-2.482 1.826 0 2.566.723 2.566 2.482 0 1.75-.742 2.474-2.566 2.474zM7.731 18.13c0-1.103-.619-1.621-1.68-1.621-1.062 0-1.681.515-1.681 1.621 0 1.104.619 1.622 1.68 1.622 1.062 0 1.681-.518 1.681-1.622zm12.034.04c0-1.104-.622-1.622-1.684-1.622-1.064 0-1.68.515-1.68 1.622 0 1.106.619 1.622 1.68 1.622 1.065 0 1.684-.519 1.684-1.622zm-.84 0c0 .613-.205.81-.844.81-.635 0-.84-.197-.84-.81 0-.614.205-.813.84-.813.64 0 .844.2.844.813zm-12.874.77c-.636 0-.84-.196-.84-.81 0-.616.204-.812.84-.812s.84.2.84.813-.204.809-.84.809zm-.06 1.61c-1.823 0-2.573-.714-2.573-2.473 0-1.762.748-2.481 2.574-2.481 1.826 0 2.566.722 2.566 2.481 0 1.76-.743 2.474-2.566 2.474z"
108
108
  })
109
109
  }));
110
110
  }, d = n;
@@ -105,7 +105,7 @@ const i = (_param)=>{
105
105
  children: [
106
106
  /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
107
107
  fill: h,
108
- d: "M20.11 7.803l.004.003v-.003h-.003zM5.912 11.458H4.618v3.77h.86v-1.3h.605c.496 0 .837-.114 1.059-.363.187-.21.28-.513.28-.916 0-.404-.098-.695-.303-.883-.243-.226-.616-.308-1.207-.308zm.49 1.681c-.109.104-.227.143-.501.143v.003h-.426v-1.202h.403c.267 0 .426.04.53.132.098.092.143.24.143.445 0 .221-.05.38-.149.479zm1.63-1.681h1.295c.59 0 .963.082 1.207.308.204.188.302.48.302.883s-.092.706-.28.916c-.221.249-.563.364-1.059.364h-.605v1.3h-.86v-3.77zm1.785 1.681c-.11.104-.227.143-.502.143v.003H8.89v-1.202h.403c.266 0 .426.04.53.132.097.092.142.24.142.445 0 .221-.05.38-.148.479zm2.465-1.059h-1.168v-.622h3.235l-.067.622h-1.14v3.149h-.86V12.08z"
108
+ d: "M20.11 7.803l.004.003v-.003h-.003zM5.912 11.458H4.618v3.77h.86v-1.3h.605c.496 0 .837-.114 1.059-.363.187-.21.28-.513.28-.916 0-.404-.098-.695-.303-.883-.243-.226-.616-.308-1.207-.308zm.49 1.681c-.109.104-.227.143-.501.143v.003h-.426v-1.202h.403c.267 0 .426.04.53.132.098.092.143.24.143.445 0 .221-.05.38-.149.479zm1.63-1.681h1.295c.59 0 .963.082 1.207.308.204.188.302.48.302.883s-.092.706-.28.916c-.221.249-.563.364-1.059.364h-.605v1.3h-.86v-3.77zm1.785 1.681c.098-.098.148-.258.148-.479 0-.204-.045-.353-.143-.445-.103-.093-.263-.132-.529-.132H8.89v1.202h.425v-.003c.275 0 .393-.04.502-.143zm2.465-1.059h-1.168v-.622h3.235l-.067.622h-1.14v3.149h-.86V12.08z"
109
109
  }),
110
110
  /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
111
111
  fill: h,
@@ -104,7 +104,7 @@ const n = (_param)=>{
104
104
  }, r), {
105
105
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
106
106
  fill: h,
107
- d: "M21.841 19.458l-.02-5.812c.04-.717-.167-1.339-.593-1.796a2.264 2.264 0 00-1.23-.655l-6.297-6.28c.13-.258.207-.543.207-.852a1.913 1.913 0 00-1.91-1.913c-1.053 0-1.91.857-1.91 1.913 0 .309.081.594.21.852l-6.289 6.294a2.361 2.361 0 00-1.854 2.317l.02 5.812c-.04.717.168 1.336.593 1.793.423.45 1.045.703 1.754.708l14.947-.002a2.368 2.368 0 001.678-.698 2.36 2.36 0 00.694-1.68zM11.998 3.355a.71.71 0 11-.002 1.419.71.71 0 01.002-1.42zm-6.227 7.79l12.474-.003-5.393-5.378c-.257.128-.546.21-.854.21-.308 0-.594-.082-.851-.21l-5.376 5.38zm11.956 6.678c0 .22-.18.4-.396.397h-.1a.398.398 0 01-.334-.179l-1.064-1.614v1.393a.4.4 0 01-.4.4h-.124a.4.4 0 01-.4-.4v-2.986a.4.4 0 01.4-.4h.095c.135 0 .258.07.334.178l1.067 1.617v-1.393a.4.4 0 01.4-.4h.12a.4.4 0 01.402.4v2.987zm-3.34-.118v.118c0 .22-.179.4-.4.403h-1.47a.4.4 0 01-.401-.4v-2.987a.4.4 0 01.4-.4h1.426c.123 0 .238.056.314.148a.41.41 0 01.078.34l-.025.117a.404.404 0 01-.392.313h-.871v.49h.66a.4.4 0 01.401.401v.118a.4.4 0 01-.4.4h-.661v.538h.941a.4.4 0 01.4.4zm-3.07-1.028c-.204.235-.504.358-.885.358h-.389v.788a.4.4 0 01-.4.4H9.51a.4.4 0 01-.4-.4v-2.987a.4.4 0 01.4-.4h.829c.428 0 .74.11.952.336.219.23.328.552.328.964 0 .406-.1.711-.302.94zm-2.75-.342c0 1.698-.922 1.95-1.47 1.95-.553 0-1.474-.255-1.474-1.95 0-1.7.921-1.955 1.473-1.955.55 0 1.47.252 1.47 1.955zm-1.47-1.025c.184 0 .529 0 .529 1.022 0 1.014-.33 1.014-.53 1.014-.199 0-.532 0-.532-1.014 0-1.022.333-1.022.532-1.022zm3.503.092s-.053-.047-.277-.047h-.283v.762h.336c.192 0 .216-.028.235-.05.03-.034.065-.093.065-.323 0-.188-.04-.3-.076-.342z"
107
+ d: "M21.841 19.458l-.02-5.812c.04-.717-.167-1.339-.593-1.796a2.264 2.264 0 00-1.23-.655l-6.297-6.28c.13-.258.207-.543.207-.852a1.913 1.913 0 00-1.91-1.913c-1.053 0-1.91.857-1.91 1.913 0 .309.081.594.21.852l-6.289 6.294a2.361 2.361 0 00-1.854 2.317l.02 5.812c-.04.717.168 1.336.593 1.793.423.45 1.045.703 1.754.708l14.947-.002a2.368 2.368 0 001.678-.698 2.36 2.36 0 00.694-1.68zM11.998 3.355a.71.71 0 11-.002 1.419.71.71 0 01.002-1.42zm-6.227 7.79l5.376-5.381c.257.128.543.21.851.21.308 0 .597-.082.854-.21l5.393 5.378-12.474.003zm11.956 6.678c0 .22-.18.4-.396.397h-.1a.398.398 0 01-.334-.179l-1.064-1.614v1.393a.4.4 0 01-.4.4h-.124a.4.4 0 01-.4-.4v-2.986a.4.4 0 01.4-.4h.095c.135 0 .258.07.334.178l1.067 1.617v-1.393a.4.4 0 01.4-.4h.12a.4.4 0 01.402.4v2.987zm-3.34-.118v.118c0 .22-.179.4-.4.403h-1.47a.4.4 0 01-.401-.4v-2.987a.4.4 0 01.4-.4h1.426c.123 0 .238.056.314.148a.41.41 0 01.078.34l-.025.117a.404.404 0 01-.392.313h-.871v.49h.66a.4.4 0 01.401.401v.118a.4.4 0 01-.4.4h-.661v.538h.941a.4.4 0 01.4.4zm-3.07-1.028c-.204.235-.504.358-.885.358h-.389v.788a.4.4 0 01-.4.4H9.51a.4.4 0 01-.4-.4v-2.987a.4.4 0 01.4-.4h.829c.428 0 .74.11.952.336.219.23.328.552.328.964 0 .406-.1.711-.302.94zm-2.75-.342c0 1.698-.922 1.95-1.47 1.95-.553 0-1.474-.255-1.474-1.95 0-1.7.921-1.955 1.473-1.955.55 0 1.47.252 1.47 1.955zm-1.47-1.025c.184 0 .529 0 .529 1.022 0 1.014-.33 1.014-.53 1.014-.199 0-.532 0-.532-1.014 0-1.022.333-1.022.532-1.022zm3.503.092s-.053-.047-.277-.047h-.283v.762h.336c.192 0 .216-.028.235-.05.03-.034.065-.093.065-.323 0-.188-.04-.3-.076-.342z"
108
108
  })
109
109
  }));
110
110
  }, m = n;
@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
5
5
  Object.defineProperty(exports, "default", {
6
6
  enumerable: true,
7
7
  get: function() {
8
- return h;
8
+ return p;
9
9
  }
10
10
  });
11
11
  const _jsxruntime = require("react/jsx-runtime");
12
+ const _hooks = require("../../hooks.js");
12
13
  const _themevariantcontext = require("../../theme-variant-context.js");
13
14
  const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
14
15
  function _define_property(obj, key, value) {
@@ -90,21 +91,37 @@ function _object_without_properties_loose(source, excluded) {
90
91
  }
91
92
  return target;
92
93
  }
93
- const t = (_param)=>{
94
- var { color: l , size: c = 24 } = _param, r = _object_without_properties(_param, [
94
+ const n = (_param)=>{
95
+ var { color: h , size: c = 24 } = _param, e = _object_without_properties(_param, [
95
96
  "color",
96
97
  "size"
97
98
  ]);
98
- const a = (0, _themevariantcontext.useIsInverseVariant)(), s = l !== null && l !== void 0 ? l : a ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
99
- return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
99
+ const r = (0, _themevariantcontext.useIsInverseVariant)(), l = h !== null && h !== void 0 ? h : r ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
100
+ return i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
100
101
  width: c,
101
102
  height: c,
102
103
  viewBox: "0 0 24 24",
103
104
  role: "presentation"
104
- }, r), {
105
+ }, e), {
106
+ children: [
107
+ /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
108
+ fill: l,
109
+ d: "M7.858 8.845c-.963 0-1.758.795-1.758 1.757 0 .963.795 1.758 1.758 1.758.962 0 1.757-.795 1.757-1.758 0-.962-.795-1.757-1.757-1.757zm.795 2.176h-.377v.377c0 .25-.167.418-.418.418s-.419-.168-.419-.418v-.377h-.376c-.251 0-.419-.168-.419-.419 0-.25.168-.418.419-.418h.376v-.376c0-.252.168-.419.419-.419.25 0 .418.167.418.419v.376h.377c.25 0 .418.168.418.418 0 .252-.167.419-.418.419zm7.573-2.176c.962 0 1.757.795 1.757 1.757 0 .963-.795 1.758-1.757 1.758a1.768 1.768 0 01-1.757-1.758c0-.962.795-1.757 1.757-1.757zm-.837 2.176h1.674c.25 0 .418-.168.418-.419 0-.25-.167-.418-.418-.418h-1.674c-.25 0-.418.168-.418.418 0 .252.167.419.418.419z"
110
+ }),
111
+ /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
112
+ fill: l,
113
+ d: "M9.657 14.2a.826.826 0 01.586-.25h3.514a.83.83 0 01.586.25l3.85 3.85c.292.335.71.502 1.171.502h.962c.92 0 1.674-.753 1.674-1.673v-5.9a.796.796 0 00-.21-.544l-3.765-4.142A.753.753 0 0017.398 6h-2.595a.826.826 0 00-.585.251l-1.172 1.172a.826.826 0 01-.586.25h-.92a.826.826 0 01-.586-.25L9.782 6.25A.826.826 0 009.197 6H6.603a.753.753 0 00-.628.293l-3.766 4.142A.796.796 0 002 10.98v5.9c0 .92.753 1.673 1.674 1.673h.962c.46 0 .879-.167 1.172-.502l3.849-3.85zm-1.8-1.003a2.594 2.594 0 110-5.189 2.594 2.594 0 010 5.189zm8.369 0a2.594 2.594 0 110-5.189 2.594 2.594 0 010 5.189zm-3.766-3.055h-.837c-.25 0-.418-.167-.418-.418s.167-.419.418-.419h.837c.251 0 .419.168.419.419 0 .25-.168.418-.419.418z"
114
+ })
115
+ ]
116
+ })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
117
+ width: c,
118
+ height: c,
119
+ viewBox: "0 0 24 24",
120
+ role: "presentation"
121
+ }, e), {
105
122
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
106
- fill: s,
123
+ fill: l,
107
124
  d: "M19.699 7.715l.016.04c.069.165.153.36.248.578.68 1.568 1.913 4.406 1.884 6.921-.006.415-.163 1.241-.283 1.636-.244.793-.815 1.302-1.437 1.507-.255.084-.6.162-.849.162-.333 0-.988-.131-1.325-.28a3.192 3.192 0 01-.784-.495c-.165-.143-.248-.245-.477-.526-.031-.04-.065-.081-.103-.127-.066-.082-.13-.166-.194-.25-.147-.192-.295-.386-.472-.554-.58-.555-1.317-.947-2.197-1.193a6.391 6.391 0 00-1.722-.236c-.583 0-1.165.082-1.726.236-.876.243-1.616.638-2.196 1.193-.174.166-.32.358-.466.55-.065.085-.13.17-.198.254l-.07.087c-.254.314-.337.416-.51.566-.313.268-.58.408-.77.495-.31.14-.91.283-1.26.283l-.042-.001-.037-.002a4.007 4.007 0 01-.848-.162c-.625-.205-1.194-.714-1.437-1.507-.124-.398-.28-1.221-.286-1.636-.035-2.522 1.202-5.366 1.882-6.93.093-.215.176-.406.244-.569.059-.142.112-.266.154-.36.031-.072.048-.104.06-.125l.007-.016.056-.112a3.13 3.13 0 01.55-.728c.677-.647 1.64-.975 2.862-.975.501 0 .95.067 1.361.176.244.065.785.303.793.309 0 0 .412.232.546.322a2.375 2.375 0 002.65 0c.132-.09.546-.322.546-.322.012-.006.552-.244.796-.309a5.4 5.4 0 011.361-.176c1.221 0 2.185.328 2.866.975.221.21.395.46.546.728l.059.112.009.016c.01.021.028.053.058.124.038.086.083.195.135.32zm-3.645 2.304c.252 0 .451-.065.586-.193.143-.135.213-.334.213-.592 0-.257-.07-.456-.213-.59-.138-.132-.334-.197-.586-.197-.252 0-.448.065-.585.196-.137.135-.21.334-.21.591 0 .255.07.457.21.592.137.128.336.193.585.193zm1.62 1.568c.251 0 .448-.064.585-.193.14-.132.213-.33.215-.59 0-.261-.072-.46-.215-.595-.137-.129-.334-.196-.586-.196-.252 0-.448.067-.585.196-.14.135-.213.334-.213.594 0 .26.07.457.213.591.137.129.333.193.585.193zm-1.034 1.379c.143-.135.213-.334.213-.591 0-.258-.07-.457-.213-.591-.138-.13-.334-.197-.586-.197-.252 0-.448.065-.585.197-.137.134-.21.333-.21.59 0 .258.07.457.21.592.137.131.336.196.585.196.252 0 .451-.065.586-.196zm-2.205-1.379c.252 0 .448-.064.586-.193.143-.132.215-.33.212-.59 0-.261-.072-.46-.212-.595-.138-.129-.334-.196-.586-.196-.252 0-.448.067-.585.196-.14.135-.213.334-.213.594 0 .26.073.457.213.591.137.129.333.193.585.193zm-4.325-.005c.19-.182.289-.46.292-.815 0-.362-.096-.639-.289-.827-.188-.176-.462-.266-.818-.266a.652.652 0 00-.095.006c.003-.037.006-.087.006-.107 0-.364-.096-.641-.289-.823-.188-.177-.462-.266-.818-.266-.358 0-.633.09-.815.263-.193.18-.291.457-.291.824 0 .058.005.109.01.16h-.019a2.366 2.366 0 00-.145-.012c-.356 0-.633.09-.816.263-.19.185-.288.46-.288.827 0 .367.098.644.286.82.187.177.462.267.82.267.096 0 .126 0 .168-.006a1.576 1.576 0 00-.016.157c0 .367.098.647.285.82.185.177.46.267.818.267.356 0 .633-.09.818-.267.19-.179.289-.456.289-.82a.83.83 0 00-.02-.177l-.003-.022h.112c.356 0 .63-.09.818-.266z"
108
125
  })
109
126
  }));
110
- }, h = t;
127
+ }, p = n;
@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
5
5
  Object.defineProperty(exports, "default", {
6
6
  enumerable: true,
7
7
  get: function() {
8
- return v;
8
+ return p;
9
9
  }
10
10
  });
11
11
  const _jsxruntime = require("react/jsx-runtime");
12
+ const _hooks = require("../../hooks.js");
12
13
  const _themevariantcontext = require("../../theme-variant-context.js");
13
14
  const _skincontractcssmistica = require("../../skins/skin-contract.css-mistica.js");
14
15
  function _define_property(obj, key, value) {
@@ -90,21 +91,45 @@ function _object_without_properties_loose(source, excluded) {
90
91
  }
91
92
  return target;
92
93
  }
93
- const i = (_param)=>{
94
- var { color: o , size: c = 24 } = _param, r = _object_without_properties(_param, [
94
+ const n = (_param)=>{
95
+ var { color: e , size: a = 24 } = _param, h = _object_without_properties(_param, [
95
96
  "color",
96
97
  "size"
97
98
  ]);
98
- const e = (0, _themevariantcontext.useIsInverseVariant)(), t = o !== null && o !== void 0 ? o : e ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh;
99
- return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
100
- width: c,
101
- height: c,
99
+ const t = (0, _themevariantcontext.useIsInverseVariant)(), l = e !== null && e !== void 0 ? e : t ? _skincontractcssmistica.vars.colors.inverse : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: i } = (0, _hooks.useTheme)();
100
+ return i.match(/^o2/i) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("svg", _object_spread_props(_object_spread({
101
+ width: a,
102
+ height: a,
102
103
  viewBox: "0 0 24 24",
103
104
  role: "presentation"
104
- }, r), {
105
+ }, h), {
106
+ children: [
107
+ /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
108
+ fill: l,
109
+ d: "M21.736 9.958l-3.603-3.963c-.24-.24-.56-.4-.88-.4H14.77c-.32 0-.64.12-.84.36l-1.121 1.121c-.08.08-.16.12-.28.12h-.961c-.12 0-.2-.04-.28-.12l-1.122-1.12c-.28-.24-.56-.361-.88-.361H6.804c-.32 0-.68.16-.88.4L2.32 9.958c-.2.24-.32.52-.32.801v5.645c0 1.12.88 2.001 2.002 2.001h.92c.52 0 1.041-.2 1.401-.6l3.683-3.683c.08-.08.16-.12.28-.12h3.363c.12 0 .2.04.28.12l1.362 1.36c.08.08.2.121.28.121.08 0 .2-.04.28-.12.16-.16.16-.4 0-.56L14.49 13.56c-.16-.24-.48-.36-.8-.36h-3.363c-.32 0-.64.12-.841.36l-3.683 3.683c-.24.24-.52.36-.84.36h-.961a1.18 1.18 0 01-1.201-1.2v-5.645c0-.08.04-.2.12-.28l3.603-3.963c.08-.08.2-.12.28-.12h2.482c.12 0 .2.04.28.12l1.12 1.12c.241.24.521.36.842.36h.96c.32 0 .64-.12.841-.36l1.121-1.12c.08-.08.16-.12.28-.12h2.482c.12 0 .2.04.28.12l3.603 3.963c.08.08.12.16.12.28v5.645c0 .68-.52 1.2-1.2 1.2h-.921c-.12 0-.28-.04-.4-.08-.2-.08-.441.04-.521.24-.08.2.04.441.24.521.2.08.44.12.64.12h.921c1.121 0 2.002-.88 2.002-2.001v-5.645c.08-.28-.04-.6-.24-.8z"
110
+ }),
111
+ /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
112
+ fill: l,
113
+ d: "M7.604 9.998v-.36c0-.24.16-.4.4-.4.241 0 .401.16.401.4v.36h.36c.24 0 .4.16.4.4 0 .241-.16.401-.4.401h-.36v.36c0 .24-.16.4-.4.4-.24 0-.4-.16-.4-.4v-.36h-.36c-.241 0-.401-.16-.401-.4 0-.24.16-.4.4-.4h.36z"
114
+ }),
115
+ /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
116
+ fill: l,
117
+ d: "M5.523 10.399a2.494 2.494 0 002.482 2.482 2.494 2.494 0 002.482-2.482 2.494 2.494 0 00-2.482-2.482 2.494 2.494 0 00-2.482 2.482zm4.163 0c0 .92-.76 1.681-1.681 1.681-.92 0-1.682-.76-1.682-1.681 0-.92.761-1.682 1.682-1.682.92 0 1.681.761 1.681 1.682zm5.524-.401h1.602c.24 0 .4.16.4.4 0 .241-.16.401-.4.401H15.21c-.24 0-.4-.16-.4-.4 0-.24.16-.4.4-.4z"
118
+ }),
119
+ /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
120
+ fill: l,
121
+ d: "M18.493 10.399a2.494 2.494 0 00-2.482-2.482 2.494 2.494 0 00-2.482 2.482 2.494 2.494 0 002.482 2.482 2.494 2.494 0 002.482-2.482zm-2.482 1.681c-.92 0-1.681-.76-1.681-1.681 0-.92.76-1.682 1.681-1.682s1.682.761 1.682 1.682c0 .92-.761 1.681-1.682 1.681zm-4.403-2.922c-.24 0-.4.16-.4.4 0 .24.16.4.4.4h.8c.24 0 .4-.16.4-.4 0-.24-.16-.4-.4-.4h-.8zm4.843 6.885c.16-.16.36-.24.601-.24.44 0 .8.36.8.8 0 .441-.36.801-.8.801-.44 0-.8-.36-.8-.8 0-.24.08-.4.2-.56z"
122
+ })
123
+ ]
124
+ })) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
125
+ width: a,
126
+ height: a,
127
+ viewBox: "0 0 24 24",
128
+ role: "presentation"
129
+ }, h), {
105
130
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
106
- fill: t,
131
+ fill: l,
107
132
  d: "M20.087 8.358a42.34 42.34 0 01-.276-.63c-.048-.112-.09-.212-.133-.29a1.672 1.672 0 00-.069-.14l-.057-.11a3.097 3.097 0 00-.554-.722c-.692-.641-1.67-.966-2.91-.966-.51 0-.963.07-1.384.178-.247.063-.796.3-.805.305 0 0-.42.23-.555.32a2.45 2.45 0 01-1.345.399c-.47 0-.94-.133-1.346-.4-.131-.089-.552-.32-.552-.32-.012-.005-.56-.24-.808-.304A5.476 5.476 0 007.91 5.5c-1.24 0-2.222.325-2.91.966a2.961 2.961 0 00-.558.721l-.06.111-.008.016c-.011.021-.029.053-.06.123a14.813 14.813 0 00-.154.358c-.07.163-.154.354-.25.57-.692 1.553-1.944 4.367-1.91 6.863.006.408.166 1.226.288 1.618a2.26 2.26 0 001.46 1.493c.259.083.611.139.862.161h.08c.358 0 .967-.142 1.283-.28a3.32 3.32 0 00.782-.492c.168-.141.252-.242.484-.52l.105-.126c.069-.083.135-.167.201-.251.15-.19.298-.38.476-.546.592-.55 1.34-.938 2.23-1.182a6.643 6.643 0 011.75-.233c.59 0 1.181.08 1.75.233.89.241 1.642.633 2.23 1.182.178.165.326.355.474.545.066.085.133.17.201.252l.022.027c.295.358.381.462.567.62.319.263.603.405.797.49.341.15 1.007.281 1.345.281.254 0 .604-.078.863-.161a2.248 2.248 0 001.46-1.493c.124-.392.284-1.207.29-1.618.034-2.502-1.222-5.32-1.913-6.87zm.825 8.258c-.15.471-.489.824-.933.968a2.35 2.35 0 01-.597.12c-.22 0-.766-.106-1.002-.209a2.338 2.338 0 01-.594-.366c-.111-.092-.16-.147-.393-.428l-.094-.113a7.244 7.244 0 01-.185-.23l-.018-.024c-.155-.197-.326-.415-.542-.615-.68-.633-1.548-1.096-2.584-1.38a7.507 7.507 0 00-1.977-.263c-.672 0-1.337.089-1.978.264-1.032.283-1.9.746-2.583 1.379a5.24 5.24 0 00-.56.636l-.185.233-.097.113c-.233.28-.282.336-.39.428-.193.16-.381.28-.58.366-.228.1-.717.208-.948.208a3.237 3.237 0 01-.663-.119c-.44-.141-.776-.491-.927-.966-.105-.338-.248-1.077-.25-1.398-.032-2.328 1.184-5.061 1.84-6.534l.003-.008.062-.14c.072-.162.136-.307.191-.437l.02-.048.034-.078.094-.213.026-.053.011-.022.023-.047.003-.003.031-.058c.137-.236.265-.408.407-.539.53-.49 1.312-.74 2.33-.74.396 0 .777.046 1.164.146.125.034.48.175.646.247.096.053.364.203.463.267a3.325 3.325 0 003.639 0c.097-.064.365-.211.461-.264a7.44 7.44 0 01.646-.247c.39-.1.771-.147 1.167-.147 1.015 0 1.8.247 2.33.741.142.133.27.303.39.508l.042.075.032.061c.008.014.02.036.037.075l.027.063c.026.06.056.126.087.2l.03.078c.046.108.1.228.159.36l.095.215c.657 1.47 1.875 4.21 1.844 6.539-.006.322-.148 1.06-.254 1.399zM9.88 9.81c-.208-.191-.495-.3-.86-.316-.014-.372-.136-.664-.358-.866-.227-.214-.557-.322-.976-.322-.418 0-.742.108-.973.322-.227.21-.347.516-.355.907-.393.012-.703.12-.922.322-.236.22-.359.544-.359.96 0 .42.123.742.359.961.219.203.529.308.922.32.008.39.13.698.355.91.23.21.555.316.973.316.419 0 .749-.108.976-.316.24-.223.362-.544.362-.964.372-.019.651-.125.853-.31.242-.223.361-.544.361-.963 0-.417-.12-.739-.358-.96zm6.834-1.138c-.14-.127-.339-.191-.595-.191-.256 0-.455.064-.594.191-.142.134-.216.33-.216.589 0 .258.074.452.216.585.14.128.338.192.594.192.256 0 .456-.064.595-.192.145-.133.22-.33.22-.585 0-.258-.075-.455-.22-.589zm-1.642 1.557c-.14-.13-.338-.194-.594-.194-.26 0-.458.067-.595.194-.145.134-.219.33-.219.589 0 .258.077.452.22.585.139.128.338.192.594.192.256 0 .455-.064.594-.192.145-.133.22-.33.22-.585 0-.258-.075-.455-.22-.589zm1.047 1.363c.256 0 .456.064.595.191.145.134.22.33.22.589 0 .255-.075.452-.22.585-.14.128-.339.192-.595.192-.256 0-.455-.064-.594-.191-.142-.134-.216-.328-.216-.586 0-.255.074-.455.216-.588.14-.128.338-.192.594-.192zm2.24-1.363c-.14-.13-.34-.194-.595-.194-.256 0-.455.067-.595.194-.142.134-.216.33-.216.589 0 .258.071.452.216.585.14.128.336.192.595.192.256 0 .455-.064.595-.192.145-.133.219-.33.219-.585 0-.258-.074-.455-.22-.589zm-9.057.925c-.065.058-.21.094-.395.091h-.074c-.026 0-.046 0-.08-.008H8.75c-.004 0-.013 0-.022-.002a.429.429 0 00-.023-.001h-.046a.516.516 0 00-.33.097c-.1.078-.159.206-.176.37-.002.02 0 .039.003.058.001.013.003.027.003.041 0 .028 0 .053.002.078l.009.06a.422.422 0 00.009.054c.004.02.008.038.008.052 0 .109-.014.3-.102.383-.066.062-.21.095-.399.095-.185 0-.327-.034-.392-.092-.063-.058-.1-.2-.1-.383 0-.022.005-.05.01-.077l.004-.023c.003-.027.006-.055.012-.086 0-.006 0-.013-.002-.02l-.001-.024-.002-.033a.432.432 0 00-.012-.106c-.04-.16-.114-.275-.222-.341a.44.44 0 00-.24-.059c-.028 0-.059 0-.087.003H6.65l-.037.003-.037.003h-.003c-.068.01-.068.01-.162.01-.188 0-.33-.035-.396-.094-.062-.06-.1-.2-.1-.383 0-.108.015-.3.103-.383.066-.063.205-.097.393-.097.023 0 .042.004.061.007a.517.517 0 00.035.004h.003l.007.001a.336.336 0 00.05.005l.04-.001a.883.883 0 01.043-.002h.003c.013 0 .024 0 .036.002l.032.001c.011 0 .02 0 .028-.003.177-.025.308-.089.387-.194a.493.493 0 00.077-.341.11.11 0 010-.027.108.108 0 000-.026c-.003-.003-.003-.006-.003-.009v-.006a.937.937 0 01-.017-.16c0-.108.012-.303.103-.386.065-.06.204-.094.392-.094.19 0 .333.033.398.094.089.083.103.278.103.386l-.004.042a.985.985 0 00-.005.033c0 .008 0 .017-.002.028v.013c.002.005.002.011.002.017 0 .056 0 .111.017.175.04.161.114.278.222.344a.458.458 0 00.242.059c.032 0 .064-.003.098-.005l.007-.001c-.002.003.009.003.02.003h.032l.021-.002a.39.39 0 01.064-.004c.19 0 .333.033.398.095.089.083.103.277.103.383 0 .108-.014.3-.103.382z"
108
133
  })
109
134
  }));
110
- }, v = i;
135
+ }, p = n;