@telefonica/mistica 16.26.0 → 16.28.0

package/css/tu.css

@@ -108,6 +108,9 @@
     --mistica-color-textActivated: var(--mistica-tu-primary);
     --mistica-color-textBrand: var(--mistica-tu-blue);
     --mistica-color-inputBorder: var(--mistica-tu-grey5);
+    --mistica-color-inputBorderInverse: var(--mistica-tu-white);
+    --mistica-color-completedStep: var(--mistica-tu-primary);
+    --mistica-color-completedStepInverse: var(--mistica-tu-primary80);
     --mistica-color-control: var(--mistica-tu-grey5);
     --mistica-color-controlActivated: var(--mistica-tu-primary);
     --mistica-color-controlInverse: var(--mistica-tu-white);
@@ -321,6 +324,9 @@
     --mistica-color-textActivated: var(--mistica-tu-blue30);
     --mistica-color-textBrand: var(--mistica-tu-blue30);
     --mistica-color-inputBorder: var(--mistica-tu-grey5);
+    --mistica-color-inputBorderInverse: var(--mistica-tu-grey5);
+    --mistica-color-completedStep: var(--mistica-tu-grey2);
+    --mistica-color-completedStepInverse: var(--mistica-tu-grey2);
     --mistica-color-control: var(--mistica-tu-darkModeGrey6);
     --mistica-color-controlActivated: var(--mistica-tu-blue30);
     --mistica-color-controlInverse: var(--mistica-tu-darkModeGrey6);
@@ -479,6 +485,9 @@
         --mistica-color-textActivated: var(--mistica-tu-blue30);
         --mistica-color-textBrand: var(--mistica-tu-blue30);
         --mistica-color-inputBorder: var(--mistica-tu-grey5);
+        --mistica-color-inputBorderInverse: var(--mistica-tu-grey5);
+        --mistica-color-completedStep: var(--mistica-tu-grey2);
+        --mistica-color-completedStepInverse: var(--mistica-tu-grey2);
         --mistica-color-control: var(--mistica-tu-darkModeGrey6);
         --mistica-color-controlActivated: var(--mistica-tu-blue30);
         --mistica-color-controlInverse: var(--mistica-tu-darkModeGrey6);
@@ -636,6 +645,9 @@
         --mistica-color-textActivated: var(--mistica-tu-primary);
         --mistica-color-textBrand: var(--mistica-tu-blue);
         --mistica-color-inputBorder: var(--mistica-tu-grey5);
+        --mistica-color-inputBorderInverse: var(--mistica-tu-white);
+        --mistica-color-completedStep: var(--mistica-tu-primary);
+        --mistica-color-completedStepInverse: var(--mistica-tu-primary80);
         --mistica-color-control: var(--mistica-tu-grey5);
         --mistica-color-controlActivated: var(--mistica-tu-primary);
         --mistica-color-controlInverse: var(--mistica-tu-white);

package/css/vivo-new.css

@@ -101,6 +101,9 @@
     --mistica-color-textActivated: var(--mistica-vivo-new-vivoPurple);
     --mistica-color-textBrand: var(--mistica-vivo-new-vivoPurple);
     --mistica-color-inputBorder: var(--mistica-vivo-new-grey4);
+    --mistica-color-inputBorderInverse: var(--mistica-vivo-new-white);
+    --mistica-color-completedStep: var(--mistica-vivo-new-vivoPurple);
+    --mistica-color-completedStepInverse: var(--mistica-vivo-new-vivoPurpleDark);
     --mistica-color-control: var(--mistica-vivo-new-grey4);
     --mistica-color-controlActivated: var(--mistica-vivo-new-vivoPurple);
     --mistica-color-controlInverse: var(--mistica-vivo-new-vivoPurpleLight50);
@@ -167,7 +170,7 @@
     --mistica-color-tagTextWarning: var(--mistica-vivo-new-orangeDark);
     --mistica-color-tagTextError: var(--mistica-vivo-new-pepperDark80);
     --mistica-color-tagBackgroundPromo: var(--mistica-vivo-new-vivoPurpleLight10);
-    --mistica-color-tagBackgroundActive: var(--mistica-vivo-new-vivoPurpleLight10);
+    --mistica-color-tagBackgroundActive: var(--mistica-vivo-new-grey1);
     --mistica-color-tagBackgroundInactive: var(--mistica-vivo-new-grey1);
     --mistica-color-tagBackgroundInfo: var(--mistica-vivo-new-vivoPurpleLight10);
     --mistica-color-tagBackgroundSuccess: var(--mistica-vivo-new-vivoGreenLight10);
@@ -314,6 +317,9 @@
     --mistica-color-textActivated: var(--mistica-vivo-new-vivoPurpleLight80);
     --mistica-color-textBrand: var(--mistica-vivo-new-vivoPurpleLight80);
     --mistica-color-inputBorder: var(--mistica-vivo-new-darkModeGrey5);
+    --mistica-color-inputBorderInverse: var(--mistica-vivo-new-darkModeGrey5);
+    --mistica-color-completedStep: var(--mistica-vivo-new-vivoPurpleLight80);
+    --mistica-color-completedStepInverse: var(--mistica-vivo-new-vivoPurpleLight80);
     --mistica-color-control: var(--mistica-vivo-new-darkModeGrey6);
     --mistica-color-controlActivated: var(--mistica-vivo-new-vivoPurpleLight80);
     --mistica-color-controlInverse: var(--mistica-vivo-new-darkModeGrey6);
@@ -478,6 +484,9 @@
         --mistica-color-textActivated: var(--mistica-vivo-new-vivoPurpleLight80);
         --mistica-color-textBrand: var(--mistica-vivo-new-vivoPurpleLight80);
         --mistica-color-inputBorder: var(--mistica-vivo-new-darkModeGrey5);
+        --mistica-color-inputBorderInverse: var(--mistica-vivo-new-darkModeGrey5);
+        --mistica-color-completedStep: var(--mistica-vivo-new-vivoPurpleLight80);
+        --mistica-color-completedStepInverse: var(--mistica-vivo-new-vivoPurpleLight80);
         --mistica-color-control: var(--mistica-vivo-new-darkModeGrey6);
         --mistica-color-controlActivated: var(--mistica-vivo-new-vivoPurpleLight80);
         --mistica-color-controlInverse: var(--mistica-vivo-new-darkModeGrey6);
@@ -638,6 +647,9 @@
         --mistica-color-textActivated: var(--mistica-vivo-new-vivoPurple);
         --mistica-color-textBrand: var(--mistica-vivo-new-vivoPurple);
         --mistica-color-inputBorder: var(--mistica-vivo-new-grey4);
+        --mistica-color-inputBorderInverse: var(--mistica-vivo-new-white);
+        --mistica-color-completedStep: var(--mistica-vivo-new-vivoPurple);
+        --mistica-color-completedStepInverse: var(--mistica-vivo-new-vivoPurpleDark);
         --mistica-color-control: var(--mistica-vivo-new-grey4);
         --mistica-color-controlActivated: var(--mistica-vivo-new-vivoPurple);
         --mistica-color-controlInverse: var(--mistica-vivo-new-vivoPurpleLight50);
@@ -704,7 +716,7 @@
         --mistica-color-tagTextWarning: var(--mistica-vivo-new-orangeDark);
         --mistica-color-tagTextError: var(--mistica-vivo-new-pepperDark80);
         --mistica-color-tagBackgroundPromo: var(--mistica-vivo-new-vivoPurpleLight10);
-        --mistica-color-tagBackgroundActive: var(--mistica-vivo-new-vivoPurpleLight10);
+        --mistica-color-tagBackgroundActive: var(--mistica-vivo-new-grey1);
         --mistica-color-tagBackgroundInactive: var(--mistica-vivo-new-grey1);
         --mistica-color-tagBackgroundInfo: var(--mistica-vivo-new-vivoPurpleLight10);
         --mistica-color-tagBackgroundSuccess: var(--mistica-vivo-new-vivoGreenLight10);

package/css/vivo.css

@@ -101,6 +101,9 @@
     --mistica-color-textActivated: var(--mistica-vivo-vivoPurple);
     --mistica-color-textBrand: var(--mistica-vivo-vivoPurple);
     --mistica-color-inputBorder: var(--mistica-vivo-grey3);
+    --mistica-color-inputBorderInverse: var(--mistica-vivo-white);
+    --mistica-color-completedStep: var(--mistica-vivo-vivoPurple);
+    --mistica-color-completedStepInverse: var(--mistica-vivo-vivoPurpleDark);
     --mistica-color-control: var(--mistica-vivo-grey3);
     --mistica-color-controlActivated: var(--mistica-vivo-vivoPurple);
     --mistica-color-controlInverse: var(--mistica-vivo-vivoPurpleLight50);
@@ -314,6 +317,9 @@
     --mistica-color-textActivated: var(--mistica-vivo-vivoPurpleLight80);
     --mistica-color-textBrand: var(--mistica-vivo-vivoPurpleLight80);
     --mistica-color-inputBorder: var(--mistica-vivo-darkModeGrey6);
+    --mistica-color-inputBorderInverse: var(--mistica-vivo-darkModeGrey6);
+    --mistica-color-completedStep: var(--mistica-vivo-vivoPurpleLight80);
+    --mistica-color-completedStepInverse: var(--mistica-vivo-vivoPurpleLight80);
     --mistica-color-control: var(--mistica-vivo-darkModeGrey6);
     --mistica-color-controlActivated: var(--mistica-vivo-vivoPurpleLight80);
     --mistica-color-controlInverse: var(--mistica-vivo-darkModeGrey6);
@@ -472,6 +478,9 @@
         --mistica-color-textActivated: var(--mistica-vivo-vivoPurpleLight80);
         --mistica-color-textBrand: var(--mistica-vivo-vivoPurpleLight80);
         --mistica-color-inputBorder: var(--mistica-vivo-darkModeGrey6);
+        --mistica-color-inputBorderInverse: var(--mistica-vivo-darkModeGrey6);
+        --mistica-color-completedStep: var(--mistica-vivo-vivoPurpleLight80);
+        --mistica-color-completedStepInverse: var(--mistica-vivo-vivoPurpleLight80);
         --mistica-color-control: var(--mistica-vivo-darkModeGrey6);
         --mistica-color-controlActivated: var(--mistica-vivo-vivoPurpleLight80);
         --mistica-color-controlInverse: var(--mistica-vivo-darkModeGrey6);
@@ -629,6 +638,9 @@
         --mistica-color-textActivated: var(--mistica-vivo-vivoPurple);
         --mistica-color-textBrand: var(--mistica-vivo-vivoPurple);
         --mistica-color-inputBorder: var(--mistica-vivo-grey3);
+        --mistica-color-inputBorderInverse: var(--mistica-vivo-white);
+        --mistica-color-completedStep: var(--mistica-vivo-vivoPurple);
+        --mistica-color-completedStepInverse: var(--mistica-vivo-vivoPurpleDark);
         --mistica-color-control: var(--mistica-vivo-grey3);
         --mistica-color-controlActivated: var(--mistica-vivo-vivoPurple);
         --mistica-color-controlInverse: var(--mistica-vivo-vivoPurpleLight50);

package/dist/accordion.css-mistica.js

@@ -13,10 +13,10 @@ _export(exports, {
         return n;
     },
     boxed: function() {
-        return e;
+        return s;
     },
     chevronContainer: function() {
-        return s;
+        return e;
     },
     itemContent: function() {
         return a;
@@ -31,10 +31,10 @@ _export(exports, {
         return o;
     },
     rightContentContainer: function() {
-        return x;
+        return i;
     },
     touchableBackground: function() {
-        return i;
+        return x;
     },
     touchableBackgroundInverse: function() {
         return f;
@@ -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_26_1y2v1nfj9", e = "v16_26_8s3szx1", s = "v16_26_8s3szx5", a = "v16_26_1y2v1nf8f v16_26_1y2v1nf9o v16_26_1y2v1nfax v16_26_1y2v1nfc6 v16_26_1y2v1nfj9 v16_26_1y2v1nfl4 v16_26_1y2v1nf8e v16_26_1y2v1nfio v16_26_1y2v1nfjq", r = "v16_26_8s3szxb", t = "v16_26_8s3szx6", o = {
-    enter: "v16_26_8s3szx7",
-    enterActive: "v16_26_8s3szx8",
-    exit: "v16_26_8s3szx9",
-    exitActive: "v16_26_8s3szxa"
-}, x = "v16_26_8s3szx4", i = "v16_26_8s3szx2", f = "v16_26_8s3szx3";
+var n = "v16_28_1y2v1nfjf", s = "v16_28_8s3szx1", e = "v16_28_8s3szx5", a = "v16_28_1y2v1nf8l v16_28_1y2v1nf9u v16_28_1y2v1nfb3 v16_28_1y2v1nfcc v16_28_1y2v1nfjf v16_28_1y2v1nfla v16_28_1y2v1nf8k v16_28_1y2v1nfiu v16_28_1y2v1nfjw", r = "v16_28_8s3szxb", t = "v16_28_8s3szx6", o = {
+    enter: "v16_28_8s3szx7",
+    enterActive: "v16_28_8s3szx8",
+    exit: "v16_28_8s3szx9",
+    exitActive: "v16_28_8s3szxa"
+}, i = "v16_28_8s3szx4", x = "v16_28_8s3szx2", f = "v16_28_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_26_1mfs0fk0";
+var o = "v16_28_1mfs0fk0";

package/dist/avatar.css-mistica.js

@@ -17,4 +17,4 @@ _export(exports, {
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var _ = "v16_26_1y2v1nfll v16_26_1y2v1nfim v16_26_1y2v1nfj1 v16_26_1y2v1nfiv v16_26_1y2v1nflo", n = "v16_26_1y2v1nfni";
+var _ = "v16_28_1y2v1nflr v16_28_1y2v1nfis v16_28_1y2v1nfj7 v16_28_1y2v1nfj1 v16_28_1y2v1nflu", n = "v16_28_1y2v1nfno";

package/dist/badge.css-mistica.js

@@ -19,15 +19,15 @@ _export(exports, {
         return d;
     },
     badgeNumber: function() {
-        return e;
+        return n;
     },
     badgeWithChildren: function() {
-        return i;
+        return e;
     },
     container: function() {
-        return n;
+        return i;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./badge.css.ts.vanilla.css-mistica.js");
-var r = "v16_26_17szrmd2 v16_26_1y2v1nf5z", a = "v16_26_17szrmd7", d = "v16_26_17szrmd3", e = "v16_26_17szrmd5 v16_26_17szrmd2 v16_26_1y2v1nf5z v16_26_1y2v1nfim v16_26_1y2v1nfj1 v16_26_1y2v1nfiv", i = "v16_26_1y2v1nfih", n = "v16_26_1y2v1nfig v16_26_1y2v1nfiq";
+var r = "v16_28_17szrmd2 v16_28_1y2v1nf65", a = "v16_28_17szrmd7", d = "v16_28_17szrmd3", n = "v16_28_17szrmd5 v16_28_17szrmd2 v16_28_1y2v1nf65 v16_28_1y2v1nfis v16_28_1y2v1nfj7 v16_28_1y2v1nfj1", e = "v16_28_1y2v1nfin", i = "v16_28_1y2v1nfim v16_28_1y2v1nfiw";

package/dist/box.css-mistica.js

@@ -17,25 +17,25 @@ _export(exports, {
     }
 });
 require("./box.css.ts.vanilla.css-mistica.js");
-var _ = "v16_26_1xgjmkvc", a = {
+var _ = "v16_28_1xgjmkvc", a = {
     paddingTop: {
-        desktop: "var(--v16_26_1xgjmkv0)",
-        tablet: "var(--v16_26_1xgjmkv1)",
-        mobile: "var(--v16_26_1xgjmkv2)"
+        desktop: "var(--v16_28_1xgjmkv0)",
+        tablet: "var(--v16_28_1xgjmkv1)",
+        mobile: "var(--v16_28_1xgjmkv2)"
     },
     paddingBottom: {
-        desktop: "var(--v16_26_1xgjmkv3)",
-        tablet: "var(--v16_26_1xgjmkv4)",
-        mobile: "var(--v16_26_1xgjmkv5)"
+        desktop: "var(--v16_28_1xgjmkv3)",
+        tablet: "var(--v16_28_1xgjmkv4)",
+        mobile: "var(--v16_28_1xgjmkv5)"
     },
     paddingLeft: {
-        desktop: "var(--v16_26_1xgjmkv6)",
-        tablet: "var(--v16_26_1xgjmkv7)",
-        mobile: "var(--v16_26_1xgjmkv8)"
+        desktop: "var(--v16_28_1xgjmkv6)",
+        tablet: "var(--v16_28_1xgjmkv7)",
+        mobile: "var(--v16_28_1xgjmkv8)"
     },
     paddingRight: {
-        desktop: "var(--v16_26_1xgjmkv9)",
-        tablet: "var(--v16_26_1xgjmkva)",
-        mobile: "var(--v16_26_1xgjmkvb)"
+        desktop: "var(--v16_28_1xgjmkv9)",
+        tablet: "var(--v16_28_1xgjmkva)",
+        mobile: "var(--v16_28_1xgjmkvb)"
     }
 };

package/dist/boxed.css-mistica.js

@@ -30,33 +30,33 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./boxed.css.ts.vanilla.css-mistica.js");
-var _ = "v16_26_1y2v1nfl3", h = "v16_26_ihbkeqm", e = "v16_26_ihbkeqp", r = "v16_26_1y2v1nfl4", a = "v16_26_1y2v1nflo", b = {
-    width: "var(--v16_26_ihbkeq0)",
-    height: "var(--v16_26_ihbkeq1)",
-    minHeight: "var(--v16_26_ihbkeq2)",
-    maxWidth: "var(--v16_26_ihbkeq3)",
-    minWidth: "var(--v16_26_ihbkeq4)",
+var _ = "v16_28_1y2v1nfl9", h = "v16_28_ihbkeqm", e = "v16_28_ihbkeqp", r = "v16_28_1y2v1nfla", a = "v16_28_1y2v1nflu", b = {
+    width: "var(--v16_28_ihbkeq0)",
+    height: "var(--v16_28_ihbkeq1)",
+    minHeight: "var(--v16_28_ihbkeq2)",
+    maxWidth: "var(--v16_28_ihbkeq3)",
+    minWidth: "var(--v16_28_ihbkeq4)",
     mobile: {
-        width: "var(--v16_26_ihbkeq5)",
-        height: "var(--v16_26_ihbkeq6)",
-        minHeight: "var(--v16_26_ihbkeq7)",
-        maxWidth: "var(--v16_26_ihbkeq8)",
-        minWidth: "var(--v16_26_ihbkeq9)"
+        width: "var(--v16_28_ihbkeq5)",
+        height: "var(--v16_28_ihbkeq6)",
+        minHeight: "var(--v16_28_ihbkeq7)",
+        maxWidth: "var(--v16_28_ihbkeq8)",
+        minWidth: "var(--v16_28_ihbkeq9)"
     },
     tablet: {
-        width: "var(--v16_26_ihbkeqa)",
-        height: "var(--v16_26_ihbkeqb)",
-        minHeight: "var(--v16_26_ihbkeqc)",
-        maxWidth: "var(--v16_26_ihbkeqd)",
-        minWidth: "var(--v16_26_ihbkeqe)"
+        width: "var(--v16_28_ihbkeqa)",
+        height: "var(--v16_28_ihbkeqb)",
+        minHeight: "var(--v16_28_ihbkeqc)",
+        maxWidth: "var(--v16_28_ihbkeqd)",
+        minWidth: "var(--v16_28_ihbkeqe)"
     },
     desktop: {
-        width: "var(--v16_26_ihbkeqf)",
-        height: "var(--v16_26_ihbkeqg)",
-        minHeight: "var(--v16_26_ihbkeqh)",
-        maxWidth: "var(--v16_26_ihbkeqi)",
-        minWidth: "var(--v16_26_ihbkeqj)"
-    },
-    background: "var(--v16_26_ihbkeqk)",
-    borderRadius: "var(--v16_26_ihbkeql)"
+        width: "var(--v16_28_ihbkeqf)",
+        height: "var(--v16_28_ihbkeqg)",
+        minHeight: "var(--v16_28_ihbkeqh)",
+        maxWidth: "var(--v16_28_ihbkeqi)",
+        minWidth: "var(--v16_28_ihbkeqj)"
+    },
+    background: "var(--v16_28_ihbkeqk)",
+    borderRadius: "var(--v16_28_ihbkeql)"
 };

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

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     buttonChild: function() {
-        return d;
+        return t;
     },
     buttons: function() {
-        return r;
+        return d;
     },
     buttonsWithSmallLink: function() {
-        return t;
+        return r;
     },
     centerInDesktop: function() {
         return i;
@@ -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 d = "v16_26_1xdd1h69", r = "v16_26_1xdd1h67", t = "v16_26_1xdd1h68", i = "v16_26_1xdd1h64", a = "v16_26_1xdd1h62", e = "v16_26_1xdd1h63", h = "v16_26_1xdd1h65", o = "v16_26_1xdd1h66", x = "v16_26_1xdd1h61 v16_26_1y2v1nfin v16_26_1y2v1nfj1 v16_26_1y2v1nfir";
+var t = "v16_28_1xdd1h69", d = "v16_28_1xdd1h67", r = "v16_28_1xdd1h68", i = "v16_28_1xdd1h64", a = "v16_28_1xdd1h62", e = "v16_28_1xdd1h63", h = "v16_28_1xdd1h65", o = "v16_28_1xdd1h66", x = "v16_28_1xdd1h61 v16_28_1y2v1nfit v16_28_1y2v1nfj7 v16_28_1y2v1nfix";

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

@@ -19,10 +19,10 @@ _export(exports, {
         return l;
     },
     link: function() {
-        return i;
+        return h;
     },
     linkInNewLine: function() {
-        return h;
+        return i;
     },
     smallLinkInNewLine: function() {
         return k;
@@ -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_26_kfxylh7 v16_26_1y2v1nfiw",
-    left: "v16_26_kfxylh8 v16_26_1y2v1nfiu",
-    center: "v16_26_kfxylh9 v16_26_1y2v1nfiv",
-    "full-width": "v16_26_kfxylha v16_26_1y2v1nfiv"
-}, n = "v16_26_kfxylh1 v16_26_1y2v1nfim v16_26_1y2v1nfj1", l = "v16_26_kfxylh2", i = "v16_26_kfxylhd v16_26_kfxylhc v16_26_1y2v1nfim v16_26_1y2v1nfj9", h = {
-    center: "v16_26_kfxylhc v16_26_1y2v1nfim v16_26_1y2v1nfj9",
-    left: "v16_26_kfxylhc v16_26_1y2v1nfim v16_26_1y2v1nfj9 v16_26_kfxylhe",
-    right: "v16_26_kfxylhc v16_26_1y2v1nfim v16_26_1y2v1nfj9 v16_26_kfxylhf",
-    "full-width": "v16_26_kfxylhc v16_26_1y2v1nfim v16_26_1y2v1nfj9 v16_26_kfxylhg"
+    right: "v16_28_kfxylh7 v16_28_1y2v1nfj2",
+    left: "v16_28_kfxylh8 v16_28_1y2v1nfj0",
+    center: "v16_28_kfxylh9 v16_28_1y2v1nfj1",
+    "full-width": "v16_28_kfxylha v16_28_1y2v1nfj1"
+}, n = "v16_28_kfxylh1 v16_28_1y2v1nfis v16_28_1y2v1nfj7", l = "v16_28_kfxylh2", h = "v16_28_kfxylhd v16_28_kfxylhc v16_28_1y2v1nfis v16_28_1y2v1nfjf", i = {
+    center: "v16_28_kfxylhc v16_28_1y2v1nfis v16_28_1y2v1nfjf",
+    left: "v16_28_kfxylhc v16_28_1y2v1nfis v16_28_1y2v1nfjf v16_28_kfxylhe",
+    right: "v16_28_kfxylhc v16_28_1y2v1nfis v16_28_1y2v1nfjf v16_28_kfxylhf",
+    "full-width": "v16_28_kfxylhc v16_28_1y2v1nfis v16_28_1y2v1nfjf v16_28_kfxylhg"
 }, k = {
-    center: "v16_26_kfxylhc v16_26_1y2v1nfim v16_26_1y2v1nfj9",
-    left: "v16_26_kfxylhc v16_26_1y2v1nfim v16_26_1y2v1nfj9 v16_26_kfxylhl",
-    right: "v16_26_kfxylhc v16_26_1y2v1nfim v16_26_1y2v1nfj9 v16_26_kfxylhm",
-    "full-width": "v16_26_kfxylhc v16_26_1y2v1nfim v16_26_1y2v1nfj9 v16_26_kfxylhn"
+    center: "v16_28_kfxylhc v16_28_1y2v1nfis v16_28_1y2v1nfjf",
+    left: "v16_28_kfxylhc v16_28_1y2v1nfis v16_28_1y2v1nfjf v16_28_kfxylhl",
+    right: "v16_28_kfxylhc v16_28_1y2v1nfis v16_28_1y2v1nfjf v16_28_kfxylhm",
+    "full-width": "v16_28_kfxylhc v16_28_1y2v1nfis v16_28_1y2v1nfjf v16_28_kfxylhn"
 };

package/dist/button-layout.css.d.ts

@@ -1,6 +1,6 @@
 export declare const container: string;
 export declare const containerWithTwoButtons: string;
-export declare const alignVariant: Record<"left" | "right" | "center" | "full-width", string>;
+export declare const alignVariant: Record<"center" | "left" | "right" | "full-width", string>;
 export declare const link: string;
-export declare const linkInNewLine: Record<"left" | "right" | "center" | "full-width", string>;
-export declare const smallLinkInNewLine: Record<"left" | "right" | "center" | "full-width", string>;
+export declare const linkInNewLine: Record<"center" | "left" | "right" | "full-width", string>;
+export declare const smallLinkInNewLine: Record<"center" | "left" | "right" | "full-width", string>;

package/dist/button.css-mistica.js

@@ -16,40 +16,40 @@ _export(exports, {
         return f;
     },
     buttonPaddingX: function() {
-        return y;
+        return r;
     },
     buttonPaddingY: function() {
-        return r;
+        return y;
     },
     buttonVariants: function() {
-        return a;
+        return i;
     },
     buttonVars: function() {
-        return i;
+        return l;
     },
     chevronMarginLeft: function() {
-        return l;
+        return a;
     },
     iconMargin: function() {
         return p;
     },
     iconSize: function() {
-        return o;
+        return b;
     },
     inverseButtonVariants: function() {
-        return e;
+        return u;
     },
     isLoading: function() {
-        return b;
+        return c;
     },
     linkMinWidth: function() {
-        return c;
+        return t;
     },
     loadingContent: function() {
-        return t;
+        return e;
     },
     loadingFiller: function() {
-        return x;
+        return m;
     },
     small: function() {
         return g;
@@ -58,10 +58,10 @@ _export(exports, {
         return d;
     },
     spinnerSize: function() {
-        return m;
+        return o;
     },
     textContent: function() {
-        return s;
+        return x;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
@@ -69,35 +69,35 @@ require("./button.css.ts.vanilla.css-mistica.js");
 var n = "1.5px", f = {
     default: "104px",
     small: "80px"
-}, y = {
+}, r = {
     default: "calc(16px - 1.5px)",
     small: "calc(12px - 1.5px)"
-}, r = {
+}, y = {
     default: "calc(12px - 1.5px)",
     small: "calc(6px - 1.5px)"
-}, a = {
-    primary: "v16_26_rrbrpnm v16_26_rrbrpn3 v16_26_1y2v1nf8f v16_26_1y2v1nf9o v16_26_1y2v1nfax v16_26_1y2v1nfc6 v16_26_1y2v1nfiq v16_26_1y2v1nfig v16_26_1y2v1nfja v16_26_1y2v1nflc v16_26_1y2v1nflo v16_26_1y2v1nf2f v16_26_1y2v1nf55",
-    secondary: "v16_26_rrbrpnn v16_26_rrbrpn3 v16_26_1y2v1nf8f v16_26_1y2v1nf9o v16_26_1y2v1nfax v16_26_1y2v1nfc6 v16_26_1y2v1nfiq v16_26_1y2v1nfig v16_26_1y2v1nfja v16_26_1y2v1nflc v16_26_1y2v1nflo v16_26_1y2v1nf2i v16_26_1y2v1nf8e",
-    danger: "v16_26_rrbrpno v16_26_rrbrpn3 v16_26_1y2v1nf8f v16_26_1y2v1nf9o v16_26_1y2v1nfax v16_26_1y2v1nfc6 v16_26_1y2v1nfiq v16_26_1y2v1nfig v16_26_1y2v1nfja v16_26_1y2v1nflc v16_26_1y2v1nflo v16_26_1y2v1nf2f v16_26_1y2v1nf4x",
-    link: "v16_26_rrbrpnp v16_26_rrbrpn3 v16_26_1y2v1nf8f v16_26_1y2v1nf9o v16_26_1y2v1nfax v16_26_1y2v1nfc6 v16_26_1y2v1nfiq v16_26_1y2v1nfig v16_26_1y2v1nfja v16_26_1y2v1nflc v16_26_1y2v1nflo v16_26_1y2v1nf2m v16_26_1y2v1nf8e",
-    linkDanger: "v16_26_rrbrpnq v16_26_rrbrpn3 v16_26_1y2v1nf8f v16_26_1y2v1nf9o v16_26_1y2v1nfax v16_26_1y2v1nfc6 v16_26_1y2v1nfiq v16_26_1y2v1nfig v16_26_1y2v1nfja v16_26_1y2v1nflc v16_26_1y2v1nflo v16_26_1y2v1nf2o v16_26_1y2v1nf8e",
-    linkDangerDark: "v16_26_rrbrpnr v16_26_rrbrpn3 v16_26_1y2v1nf8f v16_26_1y2v1nf9o v16_26_1y2v1nfax v16_26_1y2v1nfc6 v16_26_1y2v1nfiq v16_26_1y2v1nfig v16_26_1y2v1nfja v16_26_1y2v1nflc v16_26_1y2v1nflo v16_26_1y2v1nf2o v16_26_1y2v1nf8e"
 }, i = {
-    minWidth: "var(--v16_26_rrbrpn0)"
-}, l = "2px", p = "8px", o = {
+    primary: "v16_28_rrbrpnm v16_28_rrbrpn3 v16_28_1y2v1nf8l v16_28_1y2v1nf9u v16_28_1y2v1nfb3 v16_28_1y2v1nfcc v16_28_1y2v1nfiw v16_28_1y2v1nfim v16_28_1y2v1nfjg v16_28_1y2v1nfli v16_28_1y2v1nflu v16_28_1y2v1nf2i v16_28_1y2v1nf59",
+    secondary: "v16_28_rrbrpnn v16_28_rrbrpn3 v16_28_1y2v1nf8l v16_28_1y2v1nf9u v16_28_1y2v1nfb3 v16_28_1y2v1nfcc v16_28_1y2v1nfiw v16_28_1y2v1nfim v16_28_1y2v1nfjg v16_28_1y2v1nfli v16_28_1y2v1nflu v16_28_1y2v1nf2l v16_28_1y2v1nf8k",
+    danger: "v16_28_rrbrpno v16_28_rrbrpn3 v16_28_1y2v1nf8l v16_28_1y2v1nf9u v16_28_1y2v1nfb3 v16_28_1y2v1nfcc v16_28_1y2v1nfiw v16_28_1y2v1nfim v16_28_1y2v1nfjg v16_28_1y2v1nfli v16_28_1y2v1nflu v16_28_1y2v1nf2i v16_28_1y2v1nf51",
+    link: "v16_28_rrbrpnp v16_28_rrbrpn3 v16_28_1y2v1nf8l v16_28_1y2v1nf9u v16_28_1y2v1nfb3 v16_28_1y2v1nfcc v16_28_1y2v1nfiw v16_28_1y2v1nfim v16_28_1y2v1nfjg v16_28_1y2v1nfli v16_28_1y2v1nflu v16_28_1y2v1nf2p v16_28_1y2v1nf8k",
+    linkDanger: "v16_28_rrbrpnq v16_28_rrbrpn3 v16_28_1y2v1nf8l v16_28_1y2v1nf9u v16_28_1y2v1nfb3 v16_28_1y2v1nfcc v16_28_1y2v1nfiw v16_28_1y2v1nfim v16_28_1y2v1nfjg v16_28_1y2v1nfli v16_28_1y2v1nflu v16_28_1y2v1nf2r v16_28_1y2v1nf8k",
+    linkDangerDark: "v16_28_rrbrpnr v16_28_rrbrpn3 v16_28_1y2v1nf8l v16_28_1y2v1nf9u v16_28_1y2v1nfb3 v16_28_1y2v1nfcc v16_28_1y2v1nfiw v16_28_1y2v1nfim v16_28_1y2v1nfjg v16_28_1y2v1nfli v16_28_1y2v1nflu v16_28_1y2v1nf2r v16_28_1y2v1nf8k"
+}, l = {
+    minWidth: "var(--v16_28_rrbrpn0)"
+}, a = "2px", p = "8px", b = {
     default: "1.500rem",
     small: "1.250rem"
-}, e = {
-    primary: "v16_26_rrbrpns v16_26_rrbrpn3 v16_26_1y2v1nf8f v16_26_1y2v1nf9o v16_26_1y2v1nfax v16_26_1y2v1nfc6 v16_26_1y2v1nfiq v16_26_1y2v1nfig v16_26_1y2v1nfja v16_26_1y2v1nflc v16_26_1y2v1nflo v16_26_1y2v1nf2g v16_26_1y2v1nf56",
-    secondary: "v16_26_rrbrpnt v16_26_rrbrpn3 v16_26_1y2v1nf8f v16_26_1y2v1nf9o v16_26_1y2v1nfax v16_26_1y2v1nfc6 v16_26_1y2v1nfiq v16_26_1y2v1nfig v16_26_1y2v1nfja v16_26_1y2v1nflc v16_26_1y2v1nflo v16_26_1y2v1nf2k v16_26_1y2v1nf8e",
-    danger: "v16_26_rrbrpnu v16_26_rrbrpn3 v16_26_1y2v1nf8f v16_26_1y2v1nf9o v16_26_1y2v1nfax v16_26_1y2v1nfc6 v16_26_1y2v1nfiq v16_26_1y2v1nfig v16_26_1y2v1nfja v16_26_1y2v1nflc v16_26_1y2v1nflo v16_26_1y2v1nf2f v16_26_1y2v1nf4x",
-    link: "v16_26_rrbrpnv v16_26_rrbrpn3 v16_26_1y2v1nf8f v16_26_1y2v1nf9o v16_26_1y2v1nfax v16_26_1y2v1nfc6 v16_26_1y2v1nfiq v16_26_1y2v1nfig v16_26_1y2v1nfja v16_26_1y2v1nflc v16_26_1y2v1nflo v16_26_1y2v1nf2n v16_26_1y2v1nf8e",
-    linkDanger: "v16_26_rrbrpnw v16_26_rrbrpn3 v16_26_1y2v1nf8f v16_26_1y2v1nf9o v16_26_1y2v1nfax v16_26_1y2v1nfc6 v16_26_1y2v1nfiq v16_26_1y2v1nfig v16_26_1y2v1nfja v16_26_1y2v1nflc v16_26_1y2v1nflo v16_26_1y2v1nf2o v16_26_1y2v1nf51",
-    linkDangerDark: "v16_26_rrbrpnx v16_26_rrbrpn3 v16_26_1y2v1nf8f v16_26_1y2v1nf9o v16_26_1y2v1nfax v16_26_1y2v1nfc6 v16_26_1y2v1nfiq v16_26_1y2v1nfig v16_26_1y2v1nfja v16_26_1y2v1nflc v16_26_1y2v1nflo v16_26_1y2v1nf2o v16_26_1y2v1nf8e"
-}, b = "v16_26_rrbrpn1", c = {
+}, u = {
+    primary: "v16_28_rrbrpns v16_28_rrbrpn3 v16_28_1y2v1nf8l v16_28_1y2v1nf9u v16_28_1y2v1nfb3 v16_28_1y2v1nfcc v16_28_1y2v1nfiw v16_28_1y2v1nfim v16_28_1y2v1nfjg v16_28_1y2v1nfli v16_28_1y2v1nflu v16_28_1y2v1nf2j v16_28_1y2v1nf5a",
+    secondary: "v16_28_rrbrpnt v16_28_rrbrpn3 v16_28_1y2v1nf8l v16_28_1y2v1nf9u v16_28_1y2v1nfb3 v16_28_1y2v1nfcc v16_28_1y2v1nfiw v16_28_1y2v1nfim v16_28_1y2v1nfjg v16_28_1y2v1nfli v16_28_1y2v1nflu v16_28_1y2v1nf2n v16_28_1y2v1nf8k",
+    danger: "v16_28_rrbrpnu v16_28_rrbrpn3 v16_28_1y2v1nf8l v16_28_1y2v1nf9u v16_28_1y2v1nfb3 v16_28_1y2v1nfcc v16_28_1y2v1nfiw v16_28_1y2v1nfim v16_28_1y2v1nfjg v16_28_1y2v1nfli v16_28_1y2v1nflu v16_28_1y2v1nf2i v16_28_1y2v1nf51",
+    link: "v16_28_rrbrpnv v16_28_rrbrpn3 v16_28_1y2v1nf8l v16_28_1y2v1nf9u v16_28_1y2v1nfb3 v16_28_1y2v1nfcc v16_28_1y2v1nfiw v16_28_1y2v1nfim v16_28_1y2v1nfjg v16_28_1y2v1nfli v16_28_1y2v1nflu v16_28_1y2v1nf2q v16_28_1y2v1nf8k",
+    linkDanger: "v16_28_rrbrpnw v16_28_rrbrpn3 v16_28_1y2v1nf8l v16_28_1y2v1nf9u v16_28_1y2v1nfb3 v16_28_1y2v1nfcc v16_28_1y2v1nfiw v16_28_1y2v1nfim v16_28_1y2v1nfjg v16_28_1y2v1nfli v16_28_1y2v1nflu v16_28_1y2v1nf2r v16_28_1y2v1nf55",
+    linkDangerDark: "v16_28_rrbrpnx v16_28_rrbrpn3 v16_28_1y2v1nf8l v16_28_1y2v1nf9u v16_28_1y2v1nfb3 v16_28_1y2v1nfcc v16_28_1y2v1nfiw v16_28_1y2v1nfim v16_28_1y2v1nfjg v16_28_1y2v1nfli v16_28_1y2v1nflu v16_28_1y2v1nf2r v16_28_1y2v1nf8k"
+}, c = "v16_28_rrbrpn1", t = {
     default: "40px",
     small: "40px"
-}, t = "v16_26_rrbrpn9 v16_26_1y2v1nfin v16_26_1y2v1nfih v16_26_1y2v1nflu v16_26_1y2v1nfn3 v16_26_1y2v1nfiv v16_26_1y2v1nfj1", x = "v16_26_rrbrpn7 v16_26_1y2v1nfio v16_26_1y2v1nfjr v16_26_1y2v1nflo", g = "v16_26_rrbrpn4", d = "v16_26_rrbrpn5", m = {
+}, e = "v16_28_rrbrpn9 v16_28_1y2v1nfit v16_28_1y2v1nfin v16_28_1y2v1nfm0 v16_28_1y2v1nfn9 v16_28_1y2v1nfj1 v16_28_1y2v1nfj7", m = "v16_28_rrbrpn7 v16_28_1y2v1nfiu v16_28_1y2v1nfjx v16_28_1y2v1nflu", g = "v16_28_rrbrpn4", d = "v16_28_rrbrpn5", o = {
     default: "1.250rem",
     small: "1.000rem"
-}, s = "v16_26_rrbrpnb v16_26_1y2v1nfim v16_26_1y2v1nfj1 v16_26_1y2v1nfiv";
+}, x = "v16_28_rrbrpnb v16_28_1y2v1nfis v16_28_1y2v1nfj7 v16_28_1y2v1nfj1";

package/dist/callout.css-mistica.js

@@ -16,21 +16,21 @@ _export(exports, {
         return f;
     },
     closeButtonContainerSize: function() {
-        return t;
+        return r;
     },
     container: function() {
-        return e;
+        return t;
     },
     content: function() {
-        return o;
+        return e;
     }
 });
 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_26_1y2v1nf49",
-    alternative: "v16_26_1y2v1nf49",
-    default: "v16_26_1y2v1nf4h",
-    media: "v16_26_1y2v1nf49"
-}, f = "v16_26_14g0jmy5 v16_26_1y2v1nfih v16_26_1y2v1nfmo", t = "v16_26_14g0jmy6", e = "v16_26_14g0jmy1 v16_26_1y2v1nf8u v16_26_1y2v1nfa3 v16_26_1y2v1nfbc v16_26_1y2v1nfcl v16_26_1y2v1nfim v16_26_1y2v1nfle v16_26_1y2v1nflo", o = "v16_26_14g0jmy3 v16_26_1y2v1nfj8 v16_26_1y2v1nfig";
+    inverse: "v16_28_1y2v1nf4c",
+    alternative: "v16_28_1y2v1nf4c",
+    default: "v16_28_1y2v1nf4k",
+    media: "v16_28_1y2v1nf4c"
+}, f = "v16_28_14g0jmy5 v16_28_1y2v1nfin v16_28_1y2v1nfmu", r = "v16_28_14g0jmy6", t = "v16_28_14g0jmy1 v16_28_1y2v1nf90 v16_28_1y2v1nfa9 v16_28_1y2v1nfbi v16_28_1y2v1nfcr v16_28_1y2v1nfis v16_28_1y2v1nflk v16_28_1y2v1nflu", e = "v16_28_14g0jmy3 v16_28_1y2v1nfje v16_28_1y2v1nfim";

package/dist/callout.css.d.ts

@@ -2,4 +2,4 @@ export declare const container: string;
 export declare const content: string;
 export declare const closeButtonContainer: string;
 export declare const closeButtonContainerSize: string;
-export declare const background: Record<"inverse" | "default" | "alternative" | "media", string>;
+export declare const background: Record<"default" | "inverse" | "alternative" | "media", string>;