@pre.style/core 3.1.0-alpha.0 → 3.1.0-alpha.2

package/dist/compiler/selectors.js

@@ -128,3 +128,41 @@ export function repair(selectors) {
     };
     return fix(selectors);
 }
+// A selector list's specificity: its most specific selector's.
+export function specificity(selectors) {
+    let best = [0, 0, 0];
+    for (const selector of selectors) {
+        const current = ofSelector(selector);
+        const difference = current[0] - best[0] || current[1] - best[1] || current[2] - best[2];
+        if (difference > 0)
+            best = current;
+    }
+    return best;
+}
+function ofSelector(selector) {
+    const total = [0, 0, 0];
+    const add = (other) => {
+        total[0] += other[0];
+        total[1] += other[1];
+        total[2] += other[2];
+    };
+    for (const component of selector) {
+        if (component.type === 'id')
+            total[0]++;
+        else if (component.type === 'class' || component.type === 'attribute')
+            total[1]++;
+        else if (component.type === 'type' || component.type === 'pseudo-element')
+            total[2]++;
+        else if (component.type === 'pseudo-class' && component.kind !== 'where') {
+            // `:is()`, `:not()`, and `:has()` count as their most specific argument.
+            if (component.selectors)
+                add(specificity(component.selectors));
+            else {
+                total[1]++;
+                if (component.of)
+                    add(specificity(component.of));
+            }
+        }
+    }
+    return total;
+}

package/dist/compiler/stylesheet.js

@@ -1,6 +1,7 @@
 import { pathToFileURL, fileURLToPath } from 'node:url';
 import { atRuleInfo } from './at-rules.js';
 import { addDeclarations, addGlobal, dropOverridden, key, parseRules, PreStyleError, valueOf, walk, } from './block.js';
+import { localizeKeyframes } from './keyframes.js';
 import { compose, isElement } from './selectors.js';
 // Classes used as context for another class (`.card:hover .title`), or in a
 // compound with it (`.a.b`), are replaced with a marker: one generated name
@@ -144,6 +145,13 @@ export function parseStylesheet(code, lang, file, id, options) {
     }
     for (const target of classes.values())
         target.atoms = dropOverridden(target.atoms);
+    // Keyframes are local to the whole file, as in CSS Modules.
+    if (options.keyframeLocalization) {
+        const local = localizeKeyframes(parsed.globals);
+        parsed.globals = local.globals;
+        for (const target of classes.values())
+            target.atoms = local.atoms(target.atoms);
+    }
     return parsed;
 }
 // Flattens rules into entries, in order: style rules with their full

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pre.style/core",
-  "version": "3.1.0-alpha.0",
+  "version": "3.1.0-alpha.2",
   "description": "Zero-runtime CSS-in-JS that compiles css and scss blocks into atomic CSS classes.",
   "keywords": [
     "atomic-css",

package/package.schema.json

@@ -60,6 +60,10 @@
         },
         "prependFiles": {
           "$ref": "#/definitions/prependFiles"
+        },
+        "keyframeLocalization": {
+          "description": "Give each @keyframes in the library's blocks and stylesheet files a generated name, used only in the block or file that defines it, like styled-components' `keyframes`. The app's setting doesn't apply to libraries.",
+          "type": "boolean"
         }
       }
     }
@@ -84,6 +88,10 @@
         "prependFiles": {
           "$ref": "#/definitions/prependFiles"
         },
+        "keyframeLocalization": {
+          "description": "Give each @keyframes in the app's blocks and stylesheet files a generated name, used only in the block or file that defines it (including keyframes from prepended files), like styled-components' `keyframes`. Libraries use their own setting.",
+          "type": "boolean"
+        },
         "libraries": {
           "description": "App only. Component libraries to compile, by package name, in addition to dependencies with a \"pre.style\" field. A config replaces the package's field, `true` uses the defaults, and `false` leaves the package out.",
           "type": "object",