@telefonica/mistica 16.37.5 → 16.39.0

package/dist/accordion.css-mistica.js

@@ -42,9 +42,9 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./accordion.css.ts.vanilla.css-mistica.js");
-var n = "v16_37_5_1y2v1nfkf", s = "v16_37_5_8s3szx1", a = "v16_37_5_8s3szx5", e = "v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfkf v16_37_5_1y2v1nfma v16_37_5_1y2v1nf9k v16_37_5_1y2v1nfju v16_37_5_1y2v1nfkw", r = "v16_37_5_8s3szxb", t = "v16_37_5_8s3szx6", o = {
-    enter: "v16_37_5_8s3szx7",
-    enterActive: "v16_37_5_8s3szx8",
-    exit: "v16_37_5_8s3szx9",
-    exitActive: "v16_37_5_8s3szxa"
-}, x = "v16_37_5_8s3szx4", i = "v16_37_5_8s3szx2", f = "v16_37_5_8s3szx3";
+var n = "v16_39_1y2v1nfkf", s = "v16_39_8s3szx1", a = "v16_39_8s3szx5", e = "v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfkf v16_39_1y2v1nfma v16_39_1y2v1nf9k v16_39_1y2v1nfju v16_39_1y2v1nfkw", r = "v16_39_8s3szxb", t = "v16_39_8s3szx6", o = {
+    enter: "v16_39_8s3szx7",
+    enterActive: "v16_39_8s3szx8",
+    exit: "v16_39_8s3szx9",
+    exitActive: "v16_39_8s3szxa"
+}, x = "v16_39_8s3szx4", i = "v16_39_8s3szx2", f = "v16_39_8s3szx3";

package/dist/align.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "container", {
     }
 });
 require("./align.css.ts.vanilla.css-mistica.js");
-var o = "v16_37_5_1mfs0fk0";
+var o = "v16_39_1mfs0fk0";

package/dist/avatar.css-mistica.js

@@ -10,11 +10,11 @@ function _export(target, all) {
 }
 _export(exports, {
     avatar: function() {
-        return v;
+        return _;
     },
     image: function() {
         return a;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var v = "v16_37_5_1y2v1nfmr v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nfmu", a = "v16_37_5_1y2v1nfoo";
+var _ = "v16_39_1y2v1nfmr v16_39_1y2v1nfjs v16_39_1y2v1nfk7 v16_39_1y2v1nfk1 v16_39_1y2v1nfmu", a = "v16_39_1y2v1nfoo";

package/dist/badge.css-mistica.js

@@ -30,4 +30,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./badge.css.ts.vanilla.css-mistica.js");
-var r = "v16_37_5_17szrmd2 v16_37_5_1y2v1nf6y", a = "v16_37_5_17szrmd7", d = "v16_37_5_17szrmd3", n = "v16_37_5_17szrmd5 v16_37_5_17szrmd2 v16_37_5_1y2v1nf6y v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfk1", e = "v16_37_5_1y2v1nfjn", m = "v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfjw";
+var r = "v16_39_17szrmd2 v16_39_1y2v1nf6y", a = "v16_39_17szrmd7", d = "v16_39_17szrmd3", n = "v16_39_17szrmd5 v16_39_17szrmd2 v16_39_1y2v1nf6y v16_39_1y2v1nfjs v16_39_1y2v1nfk7 v16_39_1y2v1nfk1", e = "v16_39_1y2v1nfjn", m = "v16_39_1y2v1nfjm v16_39_1y2v1nfjw";

package/dist/box.css-mistica.js

@@ -17,25 +17,25 @@ _export(exports, {
     }
 });
 require("./box.css.ts.vanilla.css-mistica.js");
-var _ = "v16_37_5_1xgjmkvc", a = {
+var _ = "v16_39_1xgjmkvc", a = {
     paddingTop: {
-        desktop: "var(--v16_37_5_1xgjmkv0)",
-        tablet: "var(--v16_37_5_1xgjmkv1)",
-        mobile: "var(--v16_37_5_1xgjmkv2)"
+        desktop: "var(--v16_39_1xgjmkv0)",
+        tablet: "var(--v16_39_1xgjmkv1)",
+        mobile: "var(--v16_39_1xgjmkv2)"
     },
     paddingBottom: {
-        desktop: "var(--v16_37_5_1xgjmkv3)",
-        tablet: "var(--v16_37_5_1xgjmkv4)",
-        mobile: "var(--v16_37_5_1xgjmkv5)"
+        desktop: "var(--v16_39_1xgjmkv3)",
+        tablet: "var(--v16_39_1xgjmkv4)",
+        mobile: "var(--v16_39_1xgjmkv5)"
     },
     paddingLeft: {
-        desktop: "var(--v16_37_5_1xgjmkv6)",
-        tablet: "var(--v16_37_5_1xgjmkv7)",
-        mobile: "var(--v16_37_5_1xgjmkv8)"
+        desktop: "var(--v16_39_1xgjmkv6)",
+        tablet: "var(--v16_39_1xgjmkv7)",
+        mobile: "var(--v16_39_1xgjmkv8)"
     },
     paddingRight: {
-        desktop: "var(--v16_37_5_1xgjmkv9)",
-        tablet: "var(--v16_37_5_1xgjmkva)",
-        mobile: "var(--v16_37_5_1xgjmkvb)"
+        desktop: "var(--v16_39_1xgjmkv9)",
+        tablet: "var(--v16_39_1xgjmkva)",
+        mobile: "var(--v16_39_1xgjmkvb)"
     }
 };

package/dist/boxed.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     boxBorder: function() {
-        return i;
+        return _;
     },
     boxed: function() {
         return h;
@@ -30,33 +30,33 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./boxed.css.ts.vanilla.css-mistica.js");
-var i = "v16_37_5_1y2v1nfm9", h = "v16_37_5_ihbkeqm", e = "v16_37_5_ihbkeqp", r = "v16_37_5_1y2v1nfma", a = "v16_37_5_1y2v1nfmu", b = {
-    width: "var(--v16_37_5_ihbkeq0)",
-    height: "var(--v16_37_5_ihbkeq1)",
-    minHeight: "var(--v16_37_5_ihbkeq2)",
-    maxWidth: "var(--v16_37_5_ihbkeq3)",
-    minWidth: "var(--v16_37_5_ihbkeq4)",
+var _ = "v16_39_1y2v1nfm9", h = "v16_39_ihbkeqm", e = "v16_39_ihbkeqp", r = "v16_39_1y2v1nfma", a = "v16_39_1y2v1nfmu", b = {
+    width: "var(--v16_39_ihbkeq0)",
+    height: "var(--v16_39_ihbkeq1)",
+    minHeight: "var(--v16_39_ihbkeq2)",
+    maxWidth: "var(--v16_39_ihbkeq3)",
+    minWidth: "var(--v16_39_ihbkeq4)",
     mobile: {
-        width: "var(--v16_37_5_ihbkeq5)",
-        height: "var(--v16_37_5_ihbkeq6)",
-        minHeight: "var(--v16_37_5_ihbkeq7)",
-        maxWidth: "var(--v16_37_5_ihbkeq8)",
-        minWidth: "var(--v16_37_5_ihbkeq9)"
+        width: "var(--v16_39_ihbkeq5)",
+        height: "var(--v16_39_ihbkeq6)",
+        minHeight: "var(--v16_39_ihbkeq7)",
+        maxWidth: "var(--v16_39_ihbkeq8)",
+        minWidth: "var(--v16_39_ihbkeq9)"
     },
     tablet: {
-        width: "var(--v16_37_5_ihbkeqa)",
-        height: "var(--v16_37_5_ihbkeqb)",
-        minHeight: "var(--v16_37_5_ihbkeqc)",
-        maxWidth: "var(--v16_37_5_ihbkeqd)",
-        minWidth: "var(--v16_37_5_ihbkeqe)"
+        width: "var(--v16_39_ihbkeqa)",
+        height: "var(--v16_39_ihbkeqb)",
+        minHeight: "var(--v16_39_ihbkeqc)",
+        maxWidth: "var(--v16_39_ihbkeqd)",
+        minWidth: "var(--v16_39_ihbkeqe)"
     },
     desktop: {
-        width: "var(--v16_37_5_ihbkeqf)",
-        height: "var(--v16_37_5_ihbkeqg)",
-        minHeight: "var(--v16_37_5_ihbkeqh)",
-        maxWidth: "var(--v16_37_5_ihbkeqi)",
-        minWidth: "var(--v16_37_5_ihbkeqj)"
-    },
-    background: "var(--v16_37_5_ihbkeqk)",
-    borderRadius: "var(--v16_37_5_ihbkeql)"
+        width: "var(--v16_39_ihbkeqf)",
+        height: "var(--v16_39_ihbkeqg)",
+        minHeight: "var(--v16_39_ihbkeqh)",
+        maxWidth: "var(--v16_39_ihbkeqi)",
+        minWidth: "var(--v16_39_ihbkeqj)"
+    },
+    background: "var(--v16_39_ihbkeqk)",
+    borderRadius: "var(--v16_39_ihbkeql)"
 };

package/dist/button-group.css-mistica.js

@@ -40,4 +40,4 @@ _export(exports, {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./button.css.ts.vanilla.css-mistica.js");
 require("./button-group.css.ts.vanilla.css-mistica.js");
-var t = "v16_37_5_1xdd1h69", d = "v16_37_5_1xdd1h67", r = "v16_37_5_1xdd1h68", a = "v16_37_5_1xdd1h64", e = "v16_37_5_1xdd1h62", i = "v16_37_5_1xdd1h63", h = "v16_37_5_1xdd1h65", o = "v16_37_5_1xdd1h66", x = "v16_37_5_1xdd1h61 v16_37_5_1y2v1nfjt v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfjx";
+var t = "v16_39_1xdd1h69", d = "v16_39_1xdd1h67", r = "v16_39_1xdd1h68", a = "v16_39_1xdd1h64", e = "v16_39_1xdd1h62", i = "v16_39_1xdd1h63", h = "v16_39_1xdd1h65", o = "v16_39_1xdd1h66", x = "v16_39_1xdd1h61 v16_39_1y2v1nfjt v16_39_1y2v1nfk7 v16_39_1y2v1nfjx";

package/dist/button-layout.css-mistica.js

@@ -32,18 +32,18 @@ require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./button.css.ts.vanilla.css-mistica.js");
 require("./button-layout.css.ts.vanilla.css-mistica.js");
 var y = {
-    right: "v16_37_5_kfxylh7 v16_37_5_1y2v1nfk2",
-    left: "v16_37_5_kfxylh8 v16_37_5_1y2v1nfk0",
-    center: "v16_37_5_kfxylh9 v16_37_5_1y2v1nfk1",
-    "full-width": "v16_37_5_kfxylha v16_37_5_1y2v1nfk1"
-}, n = "v16_37_5_kfxylh1 v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7", k = "v16_37_5_kfxylh2", l = "v16_37_5_kfxylhd v16_37_5_kfxylhc v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfkf", h = {
-    center: "v16_37_5_kfxylhc v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfkf",
-    left: "v16_37_5_kfxylhc v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfkf v16_37_5_kfxylhe",
-    right: "v16_37_5_kfxylhc v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfkf v16_37_5_kfxylhf",
-    "full-width": "v16_37_5_kfxylhc v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfkf v16_37_5_kfxylhg"
+    right: "v16_39_kfxylh7 v16_39_1y2v1nfk2",
+    left: "v16_39_kfxylh8 v16_39_1y2v1nfk0",
+    center: "v16_39_kfxylh9 v16_39_1y2v1nfk1",
+    "full-width": "v16_39_kfxylha v16_39_1y2v1nfk1"
+}, n = "v16_39_kfxylh1 v16_39_1y2v1nfjs v16_39_1y2v1nfk7", k = "v16_39_kfxylh2", l = "v16_39_kfxylhd v16_39_kfxylhc v16_39_1y2v1nfjs v16_39_1y2v1nfkf", h = {
+    center: "v16_39_kfxylhc v16_39_1y2v1nfjs v16_39_1y2v1nfkf",
+    left: "v16_39_kfxylhc v16_39_1y2v1nfjs v16_39_1y2v1nfkf v16_39_kfxylhe",
+    right: "v16_39_kfxylhc v16_39_1y2v1nfjs v16_39_1y2v1nfkf v16_39_kfxylhf",
+    "full-width": "v16_39_kfxylhc v16_39_1y2v1nfjs v16_39_1y2v1nfkf v16_39_kfxylhg"
 }, x = {
-    center: "v16_37_5_kfxylhc v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfkf",
-    left: "v16_37_5_kfxylhc v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfkf v16_37_5_kfxylhl",
-    right: "v16_37_5_kfxylhc v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfkf v16_37_5_kfxylhm",
-    "full-width": "v16_37_5_kfxylhc v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfkf v16_37_5_kfxylhn"
+    center: "v16_39_kfxylhc v16_39_1y2v1nfjs v16_39_1y2v1nfkf",
+    left: "v16_39_kfxylhc v16_39_1y2v1nfjs v16_39_1y2v1nfkf v16_39_kfxylhl",
+    right: "v16_39_kfxylhc v16_39_1y2v1nfjs v16_39_1y2v1nfkf v16_39_kfxylhm",
+    "full-width": "v16_39_kfxylhc v16_39_1y2v1nfjs v16_39_1y2v1nfkf v16_39_kfxylhn"
 };

package/dist/button.css-mistica.js

@@ -13,10 +13,10 @@ _export(exports, {
         return n;
     },
     buttonMinWidth: function() {
-        return f;
+        return y;
     },
     buttonPaddingX: function() {
-        return y;
+        return f;
     },
     buttonPaddingY: function() {
         return r;
@@ -31,10 +31,10 @@ _export(exports, {
         return p;
     },
     iconMargin: function() {
-        return l;
+        return i;
     },
     iconSize: function() {
-        return i;
+        return l;
     },
     inverseButtonVariants: function() {
         return u;
@@ -43,61 +43,71 @@ _export(exports, {
         return b;
     },
     linkMinWidth: function() {
-        return t;
+        return c;
     },
     loadingContent: function() {
-        return c;
+        return k;
     },
     loadingFiller: function() {
-        return k;
+        return j;
     },
-    small: function() {
+    mediaButtonVariants: function() {
         return d;
     },
+    small: function() {
+        return t;
+    },
     smallLink: function() {
         return e;
     },
     spinnerSize: function() {
-        return j;
+        return g;
     },
     textContent: function() {
-        return g;
+        return o;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./button.css.ts.vanilla.css-mistica.js");
-var n = "1.5px", f = {
+var n = "1.5px", y = {
     default: "104px",
     small: "80px"
-}, y = {
+}, f = {
     default: "calc(16px - 1.5px)",
     small: "calc(12px - 1.5px)"
 }, r = {
     default: "calc(12px - 1.5px)",
     small: "calc(6px - 1.5px)"
 }, a = {
-    primary: "v16_37_5_rrbrpnm v16_37_5_rrbrpn3 v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfjw v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfkg v16_37_5_1y2v1nfmi v16_37_5_1y2v1nfmu v16_37_5_1y2v1nf2t v16_37_5_1y2v1nf5u",
-    secondary: "v16_37_5_rrbrpnn v16_37_5_rrbrpn3 v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfjw v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfkg v16_37_5_1y2v1nfmi v16_37_5_1y2v1nfmu v16_37_5_1y2v1nf2y v16_37_5_1y2v1nf9k",
-    danger: "v16_37_5_rrbrpno v16_37_5_rrbrpn3 v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfjw v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfkg v16_37_5_1y2v1nfmi v16_37_5_1y2v1nfmu v16_37_5_1y2v1nf2t v16_37_5_1y2v1nf5j",
-    link: "v16_37_5_rrbrpnp v16_37_5_rrbrpn3 v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfjw v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfkg v16_37_5_1y2v1nfmi v16_37_5_1y2v1nfmu v16_37_5_1y2v1nf34 v16_37_5_1y2v1nf9k",
-    linkDanger: "v16_37_5_rrbrpnq v16_37_5_rrbrpn3 v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfjw v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfkg v16_37_5_1y2v1nfmi v16_37_5_1y2v1nfmu v16_37_5_1y2v1nf35 v16_37_5_1y2v1nf9k",
-    linkDangerDark: "v16_37_5_rrbrpnr v16_37_5_rrbrpn3 v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfjw v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfkg v16_37_5_1y2v1nfmi v16_37_5_1y2v1nfmu v16_37_5_1y2v1nf35 v16_37_5_1y2v1nf9k"
+    primary: "v16_39_rrbrpnq v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf2t v16_39_1y2v1nf5u",
+    secondary: "v16_39_rrbrpnr v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf2y v16_39_1y2v1nf9k",
+    danger: "v16_39_rrbrpns v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf2t v16_39_1y2v1nf5j",
+    link: "v16_39_rrbrpnt v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf34 v16_39_1y2v1nf9k",
+    linkDanger: "v16_39_rrbrpnu v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf35 v16_39_1y2v1nf9k",
+    linkDangerDark: "v16_39_rrbrpnv v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf35 v16_39_1y2v1nf9k"
 }, m = {
-    minWidth: "var(--v16_37_5_rrbrpn0)"
-}, p = "2px", l = "8px", i = {
+    minWidth: "var(--v16_39_rrbrpn0)"
+}, p = "2px", i = "8px", l = {
     default: "1.500rem",
     small: "1.250rem"
 }, u = {
-    primary: "v16_37_5_rrbrpns v16_37_5_rrbrpn3 v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfjw v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfkg v16_37_5_1y2v1nfmi v16_37_5_1y2v1nfmu v16_37_5_1y2v1nf2u v16_37_5_1y2v1nf5w",
-    secondary: "v16_37_5_rrbrpnt v16_37_5_rrbrpn3 v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfjw v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfkg v16_37_5_1y2v1nfmi v16_37_5_1y2v1nfmu v16_37_5_1y2v1nf2z v16_37_5_1y2v1nf9k",
-    danger: "v16_37_5_rrbrpnu v16_37_5_rrbrpn3 v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfjw v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfkg v16_37_5_1y2v1nfmi v16_37_5_1y2v1nfmu v16_37_5_1y2v1nf2t v16_37_5_1y2v1nf5j",
-    link: "v16_37_5_rrbrpnv v16_37_5_rrbrpn3 v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfjw v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfkg v16_37_5_1y2v1nfmi v16_37_5_1y2v1nfmu v16_37_5_1y2v1nf37 v16_37_5_1y2v1nf9k",
-    linkDanger: "v16_37_5_rrbrpnw v16_37_5_rrbrpn3 v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfjw v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfkg v16_37_5_1y2v1nfmi v16_37_5_1y2v1nfmu v16_37_5_1y2v1nf35 v16_37_5_1y2v1nf5p",
-    linkDangerDark: "v16_37_5_rrbrpnx v16_37_5_rrbrpn3 v16_37_5_1y2v1nf9l v16_37_5_1y2v1nfau v16_37_5_1y2v1nfc3 v16_37_5_1y2v1nfdc v16_37_5_1y2v1nfjw v16_37_5_1y2v1nfjm v16_37_5_1y2v1nfkg v16_37_5_1y2v1nfmi v16_37_5_1y2v1nfmu v16_37_5_1y2v1nf35 v16_37_5_1y2v1nf9k"
-}, b = "v16_37_5_rrbrpn1", t = {
+    primary: "v16_39_rrbrpnw v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf2u v16_39_1y2v1nf5w",
+    secondary: "v16_39_rrbrpnx v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf2z v16_39_1y2v1nf9k",
+    danger: "v16_39_rrbrpny v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf2t v16_39_1y2v1nf5j",
+    link: "v16_39_rrbrpnz v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf37 v16_39_1y2v1nf9k",
+    linkDanger: "v16_39_rrbrpn10 v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf35 v16_39_1y2v1nf5p",
+    linkDangerDark: "v16_39_rrbrpn11 v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf35 v16_39_1y2v1nf9k"
+}, b = "v16_39_rrbrpn1", c = {
     default: "40px",
     small: "40px"
-}, c = "v16_37_5_rrbrpn9 v16_37_5_1y2v1nfjt v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfn0 v16_37_5_1y2v1nfo9 v16_37_5_1y2v1nfk1 v16_37_5_1y2v1nfk7", k = "v16_37_5_rrbrpn7 v16_37_5_1y2v1nfju v16_37_5_1y2v1nfkx v16_37_5_1y2v1nfmu", d = "v16_37_5_rrbrpn4", e = "v16_37_5_rrbrpn5", j = {
+}, k = "v16_39_rrbrpn9 v16_39_1y2v1nfjt v16_39_1y2v1nfjn v16_39_1y2v1nfn0 v16_39_1y2v1nfo9 v16_39_1y2v1nfk1 v16_39_1y2v1nfk7", j = "v16_39_rrbrpn7 v16_39_1y2v1nfju v16_39_1y2v1nfkx v16_39_1y2v1nfmu", d = {
+    primary: "v16_39_rrbrpn12 v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf2w v16_39_1y2v1nf5z",
+    secondary: "v16_39_rrbrpn13 v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf31 v16_39_1y2v1nf9k",
+    danger: "v16_39_rrbrpn14 v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf2t v16_39_1y2v1nf5j",
+    link: "v16_39_rrbrpn15 v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf38 v16_39_1y2v1nf9k",
+    linkDanger: "v16_39_rrbrpn16 v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf36 v16_39_1y2v1nf5r",
+    linkDangerDark: "v16_39_rrbrpn17 v16_39_rrbrpn3 v16_39_1y2v1nf9l v16_39_1y2v1nfau v16_39_1y2v1nfc3 v16_39_1y2v1nfdc v16_39_1y2v1nfjw v16_39_1y2v1nfjm v16_39_1y2v1nfkg v16_39_1y2v1nfmi v16_39_1y2v1nfmu v16_39_1y2v1nf36 v16_39_1y2v1nf5r"
+}, t = "v16_39_rrbrpn4", e = "v16_39_rrbrpn5", g = {
     default: "1.250rem",
     small: "1.000rem"
-}, g = "v16_37_5_rrbrpnb v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfk7 v16_37_5_1y2v1nfk1";
+}, o = "v16_39_rrbrpnb v16_39_1y2v1nfjs v16_39_1y2v1nfk7 v16_39_1y2v1nfk1";

package/dist/button.css.d.ts

@@ -37,5 +37,7 @@ export declare const loadingContent: string;
 export declare const textContent: string;
 export declare const defaultLink: ComplexStyleRule;
 export declare const defaultLinkInverse: ComplexStyleRule;
+export declare const defaultLinkMedia: ComplexStyleRule;
 export declare const buttonVariants: Record<"link" | "danger" | "primary" | "secondary" | "linkDanger" | "linkDangerDark", string>;
 export declare const inverseButtonVariants: Record<"link" | "danger" | "primary" | "secondary" | "linkDanger" | "linkDangerDark", string>;
+export declare const mediaButtonVariants: Record<"link" | "danger" | "primary" | "secondary" | "linkDanger" | "linkDangerDark", string>;

package/dist/button.js

@@ -11,19 +11,19 @@ function _export(target, all) {
 }
 _export(exports, {
     ButtonDanger: function() {
-        return Dt;
+        return Vt;
     },
     ButtonLink: function() {
-        return Nt;
+        return Pt;
     },
     ButtonLinkDanger: function() {
-        return Pt;
+        return Rt;
     },
     ButtonPrimary: function() {
-        return Rt;
+        return St;
     },
     ButtonSecondary: function() {
-        return St;
+        return Dt;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -167,7 +167,7 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const ct = (param)=>{
+const ut = (param)=>{
     let { element: t, small: i } = param;
     const { textPresets: n } = (0, _hooks.useTheme)();
     return i ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
@@ -187,35 +187,35 @@ const ct = (param)=>{
     });
 }, $ = (param)=>{
     let { small: t, content: i, defaultIconSize: n } = param;
-    const a = (0, _utils.flattenChildren)(i), g = a.length, l = [];
+    const a = (0, _utils.flattenChildren)(i), g = a.length, o = [];
     let d = [];
     const m = ()=>{
-        l.push(/* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Fragment, {
-            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ct, {
+        o.push(/* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Fragment, {
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ut, {
                 element: d,
                 small: t
             })
-        }, l.length)), d = [];
+        }, o.length)), d = [];
     };
-    return a.forEach((o, c)=>{
+    return a.forEach((l, c)=>{
         const u = c === 0, f = c === g - 1;
-        if (/*#__PURE__*/ _react.isValidElement(o)) {
+        if (/*#__PURE__*/ _react.isValidElement(l)) {
             d.length && m();
-            const I = o.props.size !== void 0 ? (0, _css.pxToRem)(o.props.size) : n;
-            l.push(/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            const x = l.props.size !== void 0 ? (0, _css.pxToRem)(l.props.size) : n;
+            o.push(/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 style: {
                     display: "flex",
                     alignItems: "center",
                     marginLeft: u ? 0 : _buttoncssmistica.iconMargin,
                     marginRight: f ? 0 : _buttoncssmistica.iconMargin
                 },
-                children: /*#__PURE__*/ _react.cloneElement(o, {
-                    size: I
+                children: /*#__PURE__*/ _react.cloneElement(l, {
+                    size: x
                 })
-            }, l.length));
-        } else d.push(o), f && m();
-    }), l;
-}, ut = ()=>{
+            }, o.length));
+        } else d.push(l), f && m();
+    }), o;
+}, mt = ()=>{
     const { skinName: t } = (0, _hooks.useTheme)();
     return t === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
         width: "0.5em",
@@ -235,8 +235,8 @@ const ct = (param)=>{
             fill: "currentColor"
         })
     });
-}, mt = (param)=>{
-    let { showSpinner: t, children: i, small: n, loadingText: a, shouldRenderSpinner: g, setShouldRenderSpinner: l, StartIcon: d, EndIcon: m, withChevron: o } = param;
+}, ft = (param)=>{
+    let { showSpinner: t, children: i, small: n, loadingText: a, shouldRenderSpinner: g, setShouldRenderSpinner: o, StartIcon: d, EndIcon: m, withChevron: l } = param;
     const c = n ? _buttoncssmistica.iconSize.small : _buttoncssmistica.iconSize.default, u = n ? _buttoncssmistica.spinnerSize.small : _buttoncssmistica.spinnerSize.default, f = $({
         small: n,
         content: i,
@@ -271,17 +271,17 @@ const ct = (param)=>{
                         },
                         children: [
                             f,
-                            o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 style: {
                                     display: "flex",
                                     alignItems: "center",
                                     marginLeft: _buttoncssmistica.chevronMarginLeft
                                 },
-                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(ut, {})
+                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(mt, {})
                             })
                         ]
                     }),
-                    m && !o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    m && !l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         style: {
                             display: "flex",
                             alignItems: "center",
@@ -308,7 +308,7 @@ const ct = (param)=>{
                 "aria-hidden": t ? void 0 : !0,
                 className: _buttoncssmistica.loadingContent,
                 onTransitionEnd: ()=>{
-                    t !== g && l(t);
+                    t !== g && o(t);
                 },
                 children: [
                     g ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_spinner.default, {
@@ -336,16 +336,16 @@ const ct = (param)=>{
     });
 }, k = /*#__PURE__*/ _react.forwardRef((t, i)=>{
     var _t_withChevron;
-    const { eventFormat: n } = (0, _analytics.useTrackingConfig)(), { formStatus: a, formId: g } = (0, _formcontext.useForm)(), l = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), { loadingText: d } = t, m = !!t.submit, o = a === "sending", { isDarkMode: c } = (0, _hooks.useTheme)(), [u, f] = _react.useState(!1), s = t.showSpinner || o && m || u, I = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : t.buttonType.startsWith("link") && (!!t.href || !!t.to), [x, P] = _react.useState(!!s);
+    const { eventFormat: n } = (0, _analytics.useTrackingConfig)(), { formStatus: a, formId: g } = (0, _formcontext.useForm)(), o = (0, _themevariantcontext.useThemeVariant)(), { loadingText: d } = t, m = !!t.submit, l = a === "sending", { isDarkMode: c } = (0, _hooks.useTheme)(), [u, f] = _react.useState(!1), s = t.showSpinner || l && m || u, x = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : t.buttonType.startsWith("link") && (!!t.href || !!t.to), [E, R] = _react.useState(!!s);
     _react.useEffect(()=>{
-        s && !x && P(!0);
+        s && !E && R(!0);
     }, [
         s,
-        x,
+        E,
         a
     ]);
     var _t_trackingEvent;
-    const _ = ()=>{
+    const O = ()=>{
         let b, h;
         switch(t.buttonType){
             case "link":
@@ -367,14 +367,14 @@ const ct = (param)=>{
             action: h,
             label: (0, _common.getTextFromChildren)(t.children)
         };
-    }, R = t.buttonType.startsWith("link") ? _buttoncssmistica.linkMinWidth : _buttoncssmistica.buttonMinWidth, S = t.buttonType === "linkDanger" && c && l ? "linkDangerDark" : t.buttonType, v = {
+    }, S = t.buttonType.startsWith("link") ? _buttoncssmistica.linkMinWidth : _buttoncssmistica.buttonMinWidth, I = t.buttonType === "linkDanger" && c && o === "inverse" ? "linkDangerDark" : t.buttonType, v = {
         ref: i,
-        className: (0, _classnames.default)(l ? _buttoncssmistica.inverseButtonVariants[S] : _buttoncssmistica.buttonVariants[S], t.className, {
+        className: (0, _classnames.default)(o === "media" ? _buttoncssmistica.mediaButtonVariants[I] : o === "inverse" ? _buttoncssmistica.inverseButtonVariants[I] : _buttoncssmistica.buttonVariants[I], t.className, {
             [_buttoncssmistica.small]: t.small,
             [_buttoncssmistica.isLoading]: s
         }),
         style: _object_spread(_object_spread_props(_object_spread({}, (0, _css.applyCssVars)({
-            [_buttoncssmistica.buttonVars.minWidth]: t.small ? R.small : R.default
+            [_buttoncssmistica.buttonVars.minWidth]: t.small ? S.small : S.default
         }), t.bleedLeft ? {
             marginLeft: `calc(-1 * (${_buttoncssmistica.borderSize} + ${t.small ? _buttoncssmistica.buttonPaddingX.small : _buttoncssmistica.buttonPaddingX.default}))`
         } : void 0, t.bleedRight ? {
@@ -385,7 +385,7 @@ const ct = (param)=>{
         } : void 0), {
             cursor: t.fake ? "pointer" : void 0
         }), t.style),
-        trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? _() : void 0,
+        trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? O() : void 0,
         dataAttributes: t.dataAttributes,
         "aria-label": t["aria-label"],
         "aria-labelledby": t["aria-labelledby"],
@@ -396,18 +396,18 @@ const ct = (param)=>{
         "aria-description": t["aria-description"],
         "aria-describedby": t["aria-describedby"],
         tabIndex: t.tabIndex,
-        children: mt({
+        children: ft({
             showSpinner: s,
-            shouldRenderSpinner: x,
-            setShouldRenderSpinner: P,
+            shouldRenderSpinner: E,
+            setShouldRenderSpinner: R,
             children: t.children,
             loadingText: d,
             small: t.small,
             StartIcon: t.StartIcon,
             EndIcon: t.EndIcon,
-            withChevron: I
+            withChevron: x
         }),
-        disabled: t.disabled || s || o,
+        disabled: t.disabled || s || l,
         role: t.role
     };
     if (process.env.NODE_ENV !== "production" && (t.to === "" || t.href === "")) throw Error("to or href props are empty strings");
@@ -439,7 +439,7 @@ const ct = (param)=>{
     }));
     if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
     return null;
-}), Nt = /*#__PURE__*/ _react.forwardRef((_param, a)=>{
+}), Pt = /*#__PURE__*/ _react.forwardRef((_param, a)=>{
     var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "className"
@@ -456,7 +456,7 @@ const ct = (param)=>{
         ref: a,
         buttonType: "link"
     }));
-}), Pt = /*#__PURE__*/ _react.forwardRef((_param, a)=>{
+}), Rt = /*#__PURE__*/ _react.forwardRef((_param, a)=>{
     var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
         "dataAttributes",
         "className"
@@ -474,7 +474,7 @@ const ct = (param)=>{
         ref: a,
         buttonType: "linkDanger"
     }));
-}), Rt = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
+}), St = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
     var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -487,7 +487,7 @@ const ct = (param)=>{
         ref: n,
         buttonType: "primary"
     }));
-}), St = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
+}), Dt = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
     var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
         "dataAttributes"
     ]);
@@ -500,7 +500,7 @@ const ct = (param)=>{
         ref: n,
         buttonType: "secondary"
     }));
-}), Dt = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
+}), Vt = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
     var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
         "dataAttributes"
     ]);

package/dist/callout.css-mistica.js

@@ -29,8 +29,8 @@ require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./callout.css.ts.vanilla.css-mistica.js");
 var y = {
-    inverse: "v16_37_5_1y2v1nf4u",
-    alternative: "v16_37_5_1y2v1nf4u",
-    default: "v16_37_5_1y2v1nf52",
-    media: "v16_37_5_1y2v1nf4u"
-}, f = "v16_37_5_14g0jmy5 v16_37_5_1y2v1nfjn v16_37_5_1y2v1nfnu", r = "v16_37_5_14g0jmy6", t = "v16_37_5_14g0jmy1 v16_37_5_1y2v1nfa0 v16_37_5_1y2v1nfb9 v16_37_5_1y2v1nfci v16_37_5_1y2v1nfdr v16_37_5_1y2v1nfjs v16_37_5_1y2v1nfmk v16_37_5_1y2v1nfmu", e = "v16_37_5_14g0jmy3 v16_37_5_1y2v1nfke v16_37_5_1y2v1nfjm";
+    inverse: "v16_39_1y2v1nf4u",
+    alternative: "v16_39_1y2v1nf4u",
+    default: "v16_39_1y2v1nf52",
+    media: "v16_39_1y2v1nf4u"
+}, f = "v16_39_14g0jmy5 v16_39_1y2v1nfjn v16_39_1y2v1nfnu", r = "v16_39_14g0jmy6", t = "v16_39_14g0jmy1 v16_39_1y2v1nfa0 v16_39_1y2v1nfb9 v16_39_1y2v1nfci v16_39_1y2v1nfdr v16_39_1y2v1nfjs v16_39_1y2v1nfmk v16_39_1y2v1nfmu", e = "v16_39_14g0jmy3 v16_39_1y2v1nfke v16_39_1y2v1nfjm";