wave-ui 3.24.0 → 3.25.0

package/dist/wave-ui.es.js

@@ -18,6 +18,8 @@ const st = ae({
     // Xl only needs a greater value than lg but starts from lg and goes to infinity.
   },
   css: {
+    prepend: !1,
+    // Prepend the CSS to the head instead of appending it.
     // Generate shades for custom colors and status colors.
     // Note: the color palette shades are always generated separately from SCSS.
     colorShades: !0,
@@ -534,6 +536,10 @@ const pt = (e, t) => {
     "d-iflex{display:inline-flex}",
     "d-block{display:block}",
     "d-iblock{display:inline-block}",
+    "por{position:relative}",
+    "poa{position:absolute}",
+    "pof{position:fixed}",
+    "pos{position:sticky}",
     "text-left{text-align:left}",
     "text-center{text-align:center}",
     "text-right{text-align:right}",
@@ -549,6 +555,8 @@ const pt = (e, t) => {
     "no-wrap{flex-wrap: nowrap}",
     "fill-width{width:100%}",
     "fill-height{height:100%}",
+    "h-auto{height:auto}",
+    "h-screen{height:100vh}",
     "basis-zero{flex-basis:0}",
     "align-start{align-items:flex-start}",
     "align-center{align-items:center}",
@@ -592,8 +600,14 @@ const pt = (e, t) => {
   if (pe = { keys: Object.keys(t.breakpoints), values: Object.values(t.breakpoints) }, !document.getElementById("wave-ui-styles")) {
     const i = document.createElement("style");
     i.id = "wave-ui-styles", i.innerHTML = yt(t);
-    const s = document.head.querySelectorAll('style,link[rel="stylesheet"]')[0];
-    s ? s.before(i) : document.head.appendChild(i);
+    const s = document.head.querySelectorAll('style,link[rel="stylesheet"]');
+    if (t.css.prependCss) {
+      const n = s[0];
+      n ? n.before(i) : document.head.prepend(i);
+    } else {
+      const n = s[s.length - 1];
+      n ? n.after(i) : document.head.appendChild(i);
+    }
   }
   Ve(e), window.addEventListener("resize", () => Ve(e));
 }, bt = (e, t, i) => {