aberdeen 1.7.1 → 1.7.2

package/dist/aberdeen.js

@@ -1107,7 +1107,7 @@ function setSpacingCssVars(base = 1, unit = "rem") {
     cssVars[i] = 2 ** (i - 3) * base + unit;
   }
 }
-var CSS_VAR_PATTERN = /(\([^)]*\))|("[^"]*")|(^| )\$(\w+)/g;
+var CSS_VAR_PATTERN = /(\burl\([^)]*\))|("[^"]*")|(^| )\$(\w+)/g;
 var DIGIT_FIRST = /^\d/;
 function cssVarRef(value) {
   if (value.indexOf("$") < 0)
@@ -1119,27 +1119,6 @@ function cssVarRef(value) {
     return `${prefix}var(--${varName})`;
   });
 }
-if (typeof document !== "undefined") {
-  leakScope(() => {
-    $(() => {
-      if (!isEmpty(cssVars)) {
-        mount(document.head, () => {
-          $("style", () => {
-            let css = `:root {
-`;
-            for (const [key, value] of Object.entries(cssVars)) {
-              const varName = DIGIT_FIRST.test(String(key)) ? `m${key}` : key;
-              css += `  --${varName}: ${value};
-`;
-            }
-            css += "}";
-            $(`#${css}`);
-          });
-        });
-      }
-    });
-  });
-}
 var darkModeState;
 function darkMode() {
   if (!darkModeState) {
@@ -1362,10 +1341,15 @@ var cssCount = 0;
 function insertCss(style) {
   const prefix = `.AbdStl${++cssCount}`;
   const css = typeof style === "string" ? styleStringToCss(style, prefix) : objectToCss(style, prefix);
-  if (css)
-    $(`style#${css}`);
+  if (css) {
+    let cnt = cssSnippetCount++;
+    cssSnippets[cnt] = css;
+    clean(() => delete cssSnippets[cnt]);
+  }
   return prefix;
 }
+var cssSnippets = proxy({});
+var cssSnippetCount = 0;
 function combinePrefixSelector(prefix, key) {
   const sel = [];
   for (const p of prefix.split(",")) {
@@ -1434,8 +1418,11 @@ function styleStringToCss(styleStr, selector) {
 }
 function insertGlobalCss(style) {
   const css = objectToCss(style, "");
-  if (css)
-    $(`style#${css}`);
+  if (css) {
+    let cnt = cssSnippetCount++;
+    cssSnippets[cnt] = css;
+    clean(() => delete cssSnippets[cnt]);
+  }
 }
 var CSS_SHORT = {
   m: "margin",
@@ -1639,6 +1626,33 @@ function withEmitHandler(handler, func) {
     emit = oldEmitHandler;
   }
 }
+if (typeof document !== "undefined") {
+  leakScope(() => {
+    $(() => {
+      if (isEmpty(cssSnippets) && isEmpty(cssVars))
+        return;
+      mount(document.head, () => {
+        $("style.abd", () => {
+          onEach(cssSnippets, (value) => {
+            $("#", value);
+          });
+          $(() => {
+            if (isEmpty(cssVars))
+              return;
+            let css = ":root{";
+            for (const [key, value] of Object.entries(cssVars)) {
+              const varName = DIGIT_FIRST.test(String(key)) ? `m${key}` : key;
+              css += `--${varName}:${value};`;
+            }
+            css += `}
+`;
+            $("#", css);
+          });
+        });
+      });
+    });
+  });
+}
 export {
   withEmitHandler,
   unproxy,
@@ -1673,5 +1687,5 @@ export {
   $
 };
 
-//# debugId=453EEBC759CEDD8964756E2164756E21
+//# debugId=35DE752A41396D7264756E2164756E21
 //# sourceMappingURL=aberdeen.js.map