@telefonica/mistica 14.27.0 → 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 (34) hide show
  1. package/css/mistica.css +1 -1
  2. package/dist/button-fixed-footer-layout.js +5 -5
  3. package/dist/generated/mistica-icons/icon-add-more-location-filled.js +1 -1
  4. package/dist/generated/mistica-icons/icon-cut-filled.js +4 -4
  5. package/dist/generated/mistica-icons/icon-file-ppt-filled.js +1 -1
  6. package/dist/generated/mistica-icons/icon-open-filled.js +1 -1
  7. package/dist/generated/mistica-icons/icon-videogames-filled.js +25 -8
  8. package/dist/generated/mistica-icons/icon-videogames-light.js +35 -10
  9. package/dist/generated/mistica-icons/icon-videogames-regular.js +35 -10
  10. package/dist/package-version.js +1 -1
  11. package/dist/phone-number-field.js +1 -1
  12. package/dist/responsive-layout.css-mistica.js +14 -5
  13. package/dist/responsive-layout.css.d.ts +4 -1
  14. package/dist/responsive-layout.d.ts +3 -0
  15. package/dist/responsive-layout.js +58 -15
  16. package/dist/sheet.css-mistica.js +7 -7
  17. package/dist/sheet.css.d.ts +3 -0
  18. package/dist/sheet.js +4 -4
  19. package/dist-es/button-fixed-footer-layout.js +4 -4
  20. package/dist-es/generated/mistica-icons/icon-add-more-location-filled.js +6 -6
  21. package/dist-es/generated/mistica-icons/icon-cut-filled.js +7 -7
  22. package/dist-es/generated/mistica-icons/icon-file-ppt-filled.js +1 -1
  23. package/dist-es/generated/mistica-icons/icon-open-filled.js +1 -1
  24. package/dist-es/generated/mistica-icons/icon-videogames-filled.js +29 -12
  25. package/dist-es/generated/mistica-icons/icon-videogames-light.js +38 -13
  26. package/dist-es/generated/mistica-icons/icon-videogames-regular.js +39 -14
  27. package/dist-es/package-version.js +1 -1
  28. package/dist-es/phone-number-field.js +1 -1
  29. package/dist-es/responsive-layout.css-mistica.js +3 -3
  30. package/dist-es/responsive-layout.js +55 -20
  31. package/dist-es/sheet.css-mistica.js +2 -2
  32. package/dist-es/sheet.js +1 -1
  33. package/dist-es/style.css +1 -1
  34. package/package.json +2 -2
@@ -77,25 +77,50 @@ function _object_without_properties_loose(source, excluded) {
77
77
  }
78
78
  return target;
79
79
  }
80
- import { jsx as a } from "react/jsx-runtime";
80
+ import { jsxs as r, jsx as c } from "react/jsx-runtime";
81
+ import { useTheme as m } from "../../hooks.js";
81
82
  import { useIsInverseVariant as s } from "../../theme-variant-context.js";
82
- import { vars as l } from "../../skins/skin-contract.css-mistica.js";
83
- const i = (_param)=>{
84
- var { color: o , size: c = 24 } = _param, r = _object_without_properties(_param, [
83
+ import { vars as o } from "../../skins/skin-contract.css-mistica.js";
84
+ const n = (_param)=>{
85
+ var { color: e , size: a = 24 } = _param, h = _object_without_properties(_param, [
85
86
  "color",
86
87
  "size"
87
88
  ]);
88
- const e = s(), t = o !== null && o !== void 0 ? o : e ? l.colors.inverse : l.colors.neutralHigh;
89
- return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
90
- width: c,
91
- height: c,
89
+ const t = s(), l = e !== null && e !== void 0 ? e : t ? o.colors.inverse : o.colors.neutralHigh, { skinName: i } = m();
90
+ return i.match(/^o2/i) ? /* @__PURE__ */ r("svg", _object_spread_props(_object_spread({
91
+ width: a,
92
+ height: a,
92
93
  viewBox: "0 0 24 24",
93
94
  role: "presentation"
94
- }, r), {
95
- children: /* @__PURE__ */ a("path", {
96
- fill: t,
95
+ }, h), {
96
+ children: [
97
+ /* @__PURE__ */ c("path", {
98
+ fill: l,
99
+ 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"
100
+ }),
101
+ /* @__PURE__ */ c("path", {
102
+ fill: l,
103
+ 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"
104
+ }),
105
+ /* @__PURE__ */ c("path", {
106
+ fill: l,
107
+ 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"
108
+ }),
109
+ /* @__PURE__ */ c("path", {
110
+ fill: l,
111
+ 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"
112
+ })
113
+ ]
114
+ })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
115
+ width: a,
116
+ height: a,
117
+ viewBox: "0 0 24 24",
118
+ role: "presentation"
119
+ }, h), {
120
+ children: /* @__PURE__ */ c("path", {
121
+ fill: l,
97
122
  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"
98
123
  })
99
124
  }));
100
- }, v = i;
101
- export { v as default };
125
+ }, p = n;
126
+ export { p as default };
@@ -77,25 +77,50 @@ function _object_without_properties_loose(source, excluded) {
77
77
  }
78
78
  return target;
79
79
  }
80
- import { jsx as a } from "react/jsx-runtime";
81
- import { useIsInverseVariant as t } from "../../theme-variant-context.js";
82
- import { vars as l } from "../../skins/skin-contract.css-mistica.js";
83
- const i = (_param)=>{
84
- var { color: o , size: c = 24 } = _param, r = _object_without_properties(_param, [
80
+ import { jsxs as i, jsx as c } from "react/jsx-runtime";
81
+ import { useTheme as s } from "../../hooks.js";
82
+ import { useIsInverseVariant as m } from "../../theme-variant-context.js";
83
+ import { vars as e } from "../../skins/skin-contract.css-mistica.js";
84
+ const n = (_param)=>{
85
+ var { color: o , size: l = 24 } = _param, h = _object_without_properties(_param, [
85
86
  "color",
86
87
  "size"
87
88
  ]);
88
- const e = t(), s = o !== null && o !== void 0 ? o : e ? l.colors.inverse : l.colors.neutralHigh;
89
- return /* @__PURE__ */ a("svg", _object_spread_props(_object_spread({
90
- width: c,
91
- height: c,
89
+ const r = m(), a = o !== null && o !== void 0 ? o : r ? e.colors.inverse : e.colors.neutralHigh, { skinName: t } = s();
90
+ return t.match(/^o2/i) ? /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
91
+ width: l,
92
+ height: l,
92
93
  viewBox: "0 0 24 24",
93
94
  role: "presentation"
94
- }, r), {
95
- children: /* @__PURE__ */ a("path", {
96
- fill: s,
95
+ }, h), {
96
+ children: [
97
+ /* @__PURE__ */ c("path", {
98
+ fill: a,
99
+ d: "M8.824 10.039H8.47v-.353c0-.235-.157-.392-.393-.392-.235 0-.392.157-.392.392v.353h-.392c-.235 0-.392.157-.392.392 0 .235.157.392.392.392h.392v.353c0 .236.157.392.392.392.236 0 .393-.156.393-.392v-.353h.353c.235 0 .392-.157.392-.392 0-.235-.157-.392-.392-.392z"
100
+ }),
101
+ /* @__PURE__ */ c("path", {
102
+ fill: a,
103
+ d: "M5.412 10.431a2.67 2.67 0 012.666-2.667c1.451 0 2.628 1.216 2.667 2.667a2.645 2.645 0 01-2.667 2.667 2.67 2.67 0 01-2.666-2.667zm1.176 0c0 .824.667 1.49 1.49 1.49.785 0 1.49-.666 1.49-1.49a1.49 1.49 0 10-2.98 0zm8.549-.392c-.235 0-.392.157-.392.392 0 .235.157.392.392.392h1.569c.235 0 .392-.157.392-.392 0-.235-.157-.392-.392-.392h-1.569z"
104
+ }),
105
+ /* @__PURE__ */ c("path", {
106
+ fill: a,
107
+ d: "M13.255 10.431a2.67 2.67 0 012.666-2.667c1.451 0 2.628 1.216 2.667 2.667a2.645 2.645 0 01-2.667 2.667 2.67 2.67 0 01-2.666-2.667zm1.176 0c0 .824.667 1.49 1.49 1.49.785 0 1.49-.666 1.49-1.49a1.49 1.49 0 10-2.98 0zM11.608 9.02h.784c.314 0 .588.274.588.588a.603.603 0 01-.588.588h-.784a.603.603 0 01-.588-.588c0-.314.274-.589.588-.589z"
108
+ }),
109
+ /* @__PURE__ */ c("path", {
110
+ fill: a,
111
+ d: "M18.118 5.96l3.53 3.883c.234.274.352.588.352.941v5.53c0 1.176-.98 2.156-2.157 2.156h-.902a2.165 2.165 0 01-1.53-.627l-3.607-3.608c-.02 0-.05-.01-.079-.02-.029-.01-.058-.02-.078-.02h-3.294c-.079 0-.118 0-.157.04l-3.608 3.608a2.165 2.165 0 01-1.53.627h-.901A2.176 2.176 0 012 16.313v-5.529c0-.353.118-.706.353-.941l3.53-3.883a1.424 1.424 0 011.019-.43h2.353c.392 0 .706.117.98.391l1.098 1.098c.02 0 .05.01.079.02.03.01.059.02.078.02h.941c.079 0 .118 0 .157-.04l1.098-1.098c.275-.235.628-.392.98-.392h2.432c.392 0 .745.157 1.02.431zm1.725 11.334a.97.97 0 00.98-.98v-5.53c0-.04 0-.078-.039-.118l-3.53-3.882a.297.297 0 00-.156-.078h-2.353c-.078 0-.117 0-.157.039L13.49 7.843c-.274.235-.627.392-.98.392h-.941c-.393 0-.706-.118-.98-.392L9.49 6.745a.303.303 0 01-.078-.02.313.313 0 00-.079-.02H6.902c-.078 0-.118.04-.157.079l-3.53 3.882c-.039.04-.039.079-.039.118v5.53c0 .549.432.98.98.98h.903c.274 0 .51-.079.706-.275l3.608-3.607c.274-.236.627-.393.98-.393h3.294c.392 0 .706.118.98.393l3.608 3.607c.196.157.432.275.706.275h.902z"
112
+ })
113
+ ]
114
+ })) : /* @__PURE__ */ c("svg", _object_spread_props(_object_spread({
115
+ width: l,
116
+ height: l,
117
+ viewBox: "0 0 24 24",
118
+ role: "presentation"
119
+ }, h), {
120
+ children: /* @__PURE__ */ c("path", {
121
+ fill: a,
97
122
  d: "M19.953 8.313a42.75 42.75 0 01-.303-.71 9.26 9.26 0 00-.088-.209 2.269 2.269 0 00-.052-.109.73.73 0 01-.015-.03l-.059-.11a3.059 3.059 0 00-.546-.731c-.68-.647-1.645-.975-2.866-.975-.501 0-.947.067-1.361.18-.244.064-.784.302-.796.307 0 0-.414.233-.546.32a2.377 2.377 0 01-2.653 0c-.131-.087-.546-.32-.546-.32-.008-.005-.549-.243-.792-.308a5.234 5.234 0 00-1.362-.179c-1.218 0-2.185.328-2.863.975a3.08 3.08 0 00-.549.73l-.056.11a.732.732 0 01-.015.032c-.011.022-.027.053-.052.108-.033.07-.069.157-.109.253a26.883 26.883 0 01-.293.686c-.68 1.567-1.912 4.404-1.878 6.921.008.415.163 1.238.286 1.636.246.793.812 1.302 1.437 1.507.255.081.6.14.848.16.023.002.05.002.079.002.353 0 .95-.145 1.26-.285.19-.084.457-.23.77-.496.161-.137.244-.239.46-.504l.12-.149c.064-.08.126-.16.188-.241a4.74 4.74 0 01.476-.563c.583-.554 1.32-.95 2.197-1.193.56-.16 1.14-.235 1.722-.235.583 0 1.165.078 1.723.235.877.244 1.616.642 2.196 1.193.17.164.315.351.459.54.068.088.136.178.208.264l.084.105c.241.299.326.404.495.548.314.266.594.412.785.496.336.151.991.283 1.325.283.249 0 .593-.079.848-.16.625-.204 1.194-.714 1.437-1.507.124-.398.278-1.221.283-1.636.035-2.528-1.205-5.378-1.886-6.94zm.424 8.224c-.154.499-.504.661-.652.706a2.104 2.104 0 01-.46.098 3.23 3.23 0 01-.818-.174 1.836 1.836 0 01-.484-.305c-.073-.067-.104-.098-.331-.378l-.092-.115-.174-.224a5.46 5.46 0 00-.594-.692c-.72-.686-1.633-1.188-2.717-1.49a7.716 7.716 0 00-4.118 0c-1.08.302-1.997.804-2.717 1.49a5.348 5.348 0 00-.56.652l-.03.04-.088.113-.086.114-.096.117c-.227.28-.255.311-.33.376-.16.134-.314.235-.47.305a3.025 3.025 0 01-.735.18 2.924 2.924 0 01-.554-.104c-.146-.048-.496-.21-.65-.709-.104-.328-.227-1.034-.23-1.297-.03-2.26 1.144-4.968 1.778-6.429l.004-.008.011-.027c.091-.208.174-.397.24-.558l.023-.056.034-.08c.03-.075.059-.142.084-.198l.028-.058.056-.113c.106-.19.213-.33.316-.43.44-.418 1.115-.634 2.006-.634.353 0 .692.048 1.04.137.094.028.391.152.557.222l.04.023c.108.061.287.163.369.217a3.598 3.598 0 002.022.617c.726 0 1.423-.213 2.022-.617.087-.058.306-.182.407-.238a6.76 6.76 0 01.557-.22 3.967 3.967 0 011.04-.138c.89 0 1.565.213 2.008.633.103.1.204.238.316.431l.04.073.019.04.025.055.06.14.044.104.036.09a25.933 25.933 0 00.252.585l.004.008c.634 1.461 1.809 4.17 1.778 6.43-.003.262-.129.965-.23 1.296zM16.052 8.45c.252 0 .448.065.586.193.142.135.215.334.215.594 0 .258-.073.457-.215.591-.138.13-.334.194-.586.194-.252 0-.448-.065-.585-.194-.143-.134-.213-.33-.213-.59 0-.261.073-.46.213-.595.134-.128.33-.193.585-.193zm-1.619 1.569c.252 0 .448.064.586.196.143.134.215.333.215.594 0 .257-.072.456-.215.59-.138.13-.334.194-.586.194-.252 0-.448-.064-.585-.193-.14-.135-.216-.33-.216-.591 0-.26.073-.46.216-.594.137-.132.333-.196.585-.196zm2.205 1.762c-.138-.13-.334-.194-.586-.194-.255 0-.45.065-.585.194-.14.134-.213.333-.213.593 0 .261.07.457.213.592.137.128.333.193.585.193.252 0 .448-.065.586-.193.142-.135.215-.334.215-.591 0-.261-.073-.46-.215-.594zm1.03-1.762c.253 0 .449.064.586.196.143.134.216.333.216.594 0 .257-.073.456-.216.59-.137.13-.333.194-.585.194-.255 0-.449-.064-.586-.193-.14-.135-.213-.33-.213-.591 0-.26.073-.46.213-.594.137-.132.333-.196.586-.196zm-7.56-.087c-.185-.177-.46-.263-.818-.263h-.089a.923.923 0 00.008-.107c0-.364-.1-.644-.291-.826-.185-.177-.46-.266-.818-.266-.359 0-.633.092-.815.266-.196.182-.292.46-.292.826 0 .059.006.11.012.16h-.02a1.275 1.275 0 00-.146-.011c-.358 0-.633.092-.815.266-.19.18-.288.456-.288.823 0 .367.098.647.285.824.185.176.46.266.818.266.086 0 .12-.002.157-.005h.011a1.579 1.579 0 00-.016.156c0 .367.095.644.285.82.182.18.46.267.818.267.356 0 .63-.087.818-.263.193-.182.291-.457.291-.821a.846.846 0 00-.022-.177l-.003-.022h.112c.356 0 .633-.09.818-.266.194-.182.291-.457.291-.82 0-.365-.097-.64-.29-.827z"
98
123
  })
99
124
  }));
100
- }, g = i;
101
- export { g as default };
125
+ }, p = n;
126
+ export { p as default };
@@ -1,2 +1,2 @@
1
- const o = "14.27.0";
1
+ const o = "14.28.0";
2
2
  export { o as PACKAGE_VERSION };
@@ -117,7 +117,7 @@ const P = (r, s)=>A(s.replace(/[^\d+*#]/g, ""), r), $ = (r)=>!!r.match(/^\+\d+$/
117
117
  format: C,
118
118
  value: h,
119
119
  onChange: y,
120
- accept: /[\d\-()+#*]+/g,
120
+ accept: /[\d\-+#*]+/g,
121
121
  replace: (o)=>o.replace(/@/g, "-")
122
122
  });
123
123
  return /* @__PURE__ */ R("input", _object_spread_props(_object_spread({}, p), {
@@ -1,7 +1,7 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./responsive-layout.css.ts.vanilla.css-mistica.js";
3
- var n = {
3
+ var o = {
4
4
  inverse: "_1y2v1nf39",
5
5
  alternative: "_1y2v1nf3e"
6
- }, t = "_1y2v1nfbt", v = "_17lofg76 _1y2v1nfbt", e = "_17lofg74";
7
- export { n as backgroundVariant, t as container, v as fullWidth, e as responsiveLayout };
6
+ }, n = "_17lofg78", r = "_17lofg73", t = "_17lofg7a _1y2v1nfbt", v = "_17lofg74", i = "_17lofg77", f = "_17lofg72 _1y2v1nfbt";
7
+ export { o as backgroundVariant, n as expandedResponsiveLayout, r as expandedResponsiveLayoutContainer, t as fullWidth, v as fullwidthContainer, i as responsiveLayout, f as responsiveLayoutContainer };
@@ -50,27 +50,62 @@ function _object_spread_props(target, source) {
50
50
  }
51
51
  return target;
52
52
  }
53
- import { jsx as e } from "react/jsx-runtime";
54
- import l from "classnames";
55
- import { getPrefixedDataAttributes as u } from "./utils/dom.js";
56
- import { container as c, backgroundVariant as f, fullWidth as p, responsiveLayout as v } from "./responsive-layout.css-mistica.js";
57
- import { useThemeVariant as h, ThemeVariant as V } from "./theme-variant-context.js";
58
- const y = (param)=>{
59
- let { children: i , isInverse: r = !1 , variant: s , backgroundColor: a , className: o , fullWidth: n , dataAttributes: m } = param;
60
- const d = h(), t = s || r && "inverse" || void 0;
61
- return /* @__PURE__ */ e(V, {
62
- variant: t !== null && t !== void 0 ? t : d,
63
- children: /* @__PURE__ */ e("div", _object_spread_props(_object_spread({
64
- className: l(c, o, t && t !== "default" && f[t]),
65
- style: a ? {
66
- background: a
53
+ function _object_without_properties(source, excluded) {
54
+ if (source == null) return {};
55
+ var target = _object_without_properties_loose(source, excluded);
56
+ var key, i;
57
+ if (Object.getOwnPropertySymbols) {
58
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
59
+ for(i = 0; i < sourceSymbolKeys.length; i++){
60
+ key = sourceSymbolKeys[i];
61
+ if (excluded.indexOf(key) >= 0) continue;
62
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
63
+ target[key] = source[key];
64
+ }
65
+ }
66
+ return target;
67
+ }
68
+ function _object_without_properties_loose(source, excluded) {
69
+ if (source == null) return {};
70
+ var target = {};
71
+ var sourceKeys = Object.keys(source);
72
+ var key, i;
73
+ for(i = 0; i < sourceKeys.length; i++){
74
+ key = sourceKeys[i];
75
+ if (excluded.indexOf(key) >= 0) continue;
76
+ target[key] = source[key];
77
+ }
78
+ return target;
79
+ }
80
+ import { jsx as t } from "react/jsx-runtime";
81
+ import r from "classnames";
82
+ import { getPrefixedDataAttributes as v } from "./utils/dom.js";
83
+ import { fullwidthContainer as c, responsiveLayoutContainer as l, backgroundVariant as f, expandedResponsiveLayoutContainer as y, fullWidth as L, responsiveLayout as x, expandedResponsiveLayout as R } from "./responsive-layout.css-mistica.js";
84
+ import { useThemeVariant as V, ThemeVariant as h } from "./theme-variant-context.js";
85
+ const b = (param)=>{
86
+ let { children: n , isInverse: o = !1 , variant: d , backgroundColor: s , className: m , fullWidth: e , dataAttributes: p , shouldExpandWhenNested: i = !1 } = param;
87
+ const u = V(), a = d || o && "inverse" || void 0;
88
+ return /* @__PURE__ */ t(h, {
89
+ variant: a !== null && a !== void 0 ? a : u,
90
+ children: /* @__PURE__ */ t("div", _object_spread_props(_object_spread({
91
+ className: r(e ? c : l, m, a && a !== "default" && f[a], i && !e && y),
92
+ style: s ? {
93
+ background: s
67
94
  } : void 0
68
- }, u(m)), {
69
- children: /* @__PURE__ */ e("div", {
70
- className: n ? p : v,
71
- children: i
95
+ }, v(p)), {
96
+ children: /* @__PURE__ */ t("div", {
97
+ className: r(e ? L : x, i && !e && R),
98
+ children: n
72
99
  })
73
100
  }))
74
101
  });
75
- }, R = y;
76
- export { R as default };
102
+ }, g = (_param)=>/* @__PURE__ */ {
103
+ var { children: n } = _param, o = _object_without_properties(_param, [
104
+ "children"
105
+ ]);
106
+ return t(b, _object_spread_props(_object_spread({}, o), {
107
+ shouldExpandWhenNested: !0,
108
+ children: n
109
+ }));
110
+ }, w = g;
111
+ export { b as InternalResponsiveLayout, w as default };
@@ -1,4 +1,4 @@
1
1
  import "./sprinkles.css.ts.vanilla.css-mistica.js";
2
2
  import "./sheet.css.ts.vanilla.css-mistica.js";
3
- var y = "cylz3v5 _1y2v1nf30", f = "cylz3v3 _1y2v1nfb2 _1y2v1nfer _1y2v1nff6 _1y2v1nffl", _ = "cylz3v8 _1y2v1nf6n _1y2v1nfb6 _1y2v1nfbc", e = "cylz3vn", c = "_1y2v1nfeb _1y2v1nfbs _1y2v1nfb6 _1y2v1nfbc", a = "cylz3vk", l = "cylz3v6", r = "_1y2v1nf44 _1y2v1nfc2 _1y2v1nfcd _1y2v1nfdq", t = "cylz3vb _1y2v1nf68 _1y2v1nf7h _1y2v1nfb1 _1y2v1nfec _1y2v1nfcn _1y2v1nfbt _1y2v1nfb6 _1y2v1nfbf", b = "_1y2v1nfb6 _1y2v1nfbl _1y2v1nfci", o = "cylz3ve _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb1 _1y2v1nfec _1y2v1nff6", i = "cylz3vg _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp", z = "cylz3vj _1y2v1nfb2 _1y2v1nf3b _1y2v1nfec _1y2v1nfer _1y2v1nff6 _1y2v1nffl", d = "cylz3vp _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfdj _1y2v1nfbl", s = "_1y2v1nfb4 _1y2v1nffl _1y2v1nf30", h = "_1y2v1nfb4 _1y2v1nfec _1y2v1nf30", C = 400;
4
- export { y as Sheet, f as SheetContainer, _ as SheetContent, e as bodyContent, c as children, a as closingOverlay, l as closingSheet, r as handle, t as handleContainer, b as infoItemIcon, o as modalCloseButton, i as modalCloseButtonIcon, z as overlay, d as sheetActionRow, s as stickyButtons, h as stickyTitle, C as transitionDuration };
3
+ var y = "cylz3v6 _1y2v1nf30", f = "cylz3v4 _1y2v1nfb2 _1y2v1nfer _1y2v1nff6 _1y2v1nffl", _ = "cylz3v9 _1y2v1nf6n _1y2v1nfb6 _1y2v1nfbc", e = "cylz3vo", c = "_1y2v1nfeb _1y2v1nfbs _1y2v1nfb6 _1y2v1nfbc", l = "cylz3vl", a = "cylz3v7", r = "_1y2v1nf44 _1y2v1nfc2 _1y2v1nfcd _1y2v1nfdq", t = "cylz3vc _1y2v1nf68 _1y2v1nf7h _1y2v1nfb1 _1y2v1nfec _1y2v1nfcn _1y2v1nfbt _1y2v1nfb6 _1y2v1nfbf", o = "_1y2v1nfb6 _1y2v1nfbl _1y2v1nfci", b = "cylz3vf _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb1 _1y2v1nfec _1y2v1nff6", i = "cylz3vh _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb6 _1y2v1nfbl _1y2v1nfbf _1y2v1nfdp", z = "cylz3vk _1y2v1nfb2 _1y2v1nf3b _1y2v1nfec _1y2v1nfer _1y2v1nff6 _1y2v1nffl", d = "cylz3vq _1y2v1nf6e _1y2v1nf7n _1y2v1nf8w _1y2v1nfa5 _1y2v1nfb6 _1y2v1nfdj _1y2v1nfbl", h = "_1y2v1nfb4 _1y2v1nffl _1y2v1nf30", s = "_1y2v1nfb4 _1y2v1nfec _1y2v1nf30", C = 400;
4
+ export { y as Sheet, f as SheetContainer, _ as SheetContent, e as bodyContent, c as children, l as closingOverlay, a as closingSheet, r as handle, t as handleContainer, o as infoItemIcon, b as modalCloseButton, i as modalCloseButtonIcon, z as overlay, d as sheetActionRow, h as stickyButtons, s as stickyTitle, C as transitionDuration };
package/dist-es/sheet.js CHANGED
@@ -89,7 +89,6 @@ import { Text5 as se, Text3 as x, Text2 as T } from "./text.js";
89
89
  import { vars as S } from "./skins/skin-contract.css-mistica.js";
90
90
  import { RadioGroup as ce } from "./radio-button.js";
91
91
  import { RowList as le, Row as ae } from "./list.js";
92
- import I from "./responsive-layout.js";
93
92
  import Y from "./negative-box.js";
94
93
  import w from "./stack.js";
95
94
  import E from "./box.js";
@@ -103,6 +102,7 @@ import ve from "./generated/mistica-icons/icon-close-regular.js";
103
102
  import ye from "./icon-button.js";
104
103
  import Re from "./button-layout.js";
105
104
  import M from "./image.js";
105
+ import { InternalResponsiveLayout as I } from "./responsive-layout.js";
106
106
  const C = (t)=>"touches" in t ? t.touches[0].clientY : t.clientY, Se = (param)=>{
107
107
  let { closeModal: t } = param;
108
108
  const [i, a] = n.useState(0), f = n.useRef(!1), p = n.useRef(0), o = n.useRef(0), s = n.useRef(0), u = n.useRef(0), { isDesktopOrBigger: m } = P(), r = n.useCallback((h)=>{