@pearpages/pulp-css 0.1.2 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pearpages/pulp-css",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "pulp base styles: cascade layers, a reset, and body defaults on top of the tokens. Framework-agnostic; import once per app.",
   "license": "MIT",
   "author": "Pere Pages <hello@pearpages.com> (https://pearpages.com)",
@@ -22,12 +22,13 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@pearpages/pulp-tokens": "^0.2.0"
+    "@pearpages/pulp-tokens": "^0.2.1"
   },
   "devDependencies": {
     "publint": "^0.3.24"
   },
   "scripts": {
-    "check:package": "publint"
+    "check:package": "publint",
+    "test:run": "node --test \"scripts/*.test.mjs\""
   }
 }

package/src/base.css

@@ -1,3 +1,6 @@
+/* The layer order, restated in every stylesheet pulp ships: layers rank by first appearance, and a bundler may load this file first. */
+@layer reset, tokens, vendor, base, components, utilities;
+
 @layer base {
   body {
     background: var(--color-surface-base);

package/src/layers.css

@@ -1,5 +1,7 @@
 /*
- * Cascade order for everything pulp ships, declared once and first.
+ * Cascade order for everything pulp ships. Layers rank by first appearance and a bundler
+ * decides which file loads first, so every other pulp stylesheet (reset, base, tokens.css,
+ * each component) restates this exact list before its own block; tests keep the copies equal.
  * `vendor` is for third-party stylesheets (`@import "…" layer(vendor)`), so they sit
  * below pulp's own components. Consumers can add their own layers after `utilities`;
  * an unlayered rule in the app always wins over any of these, which is the intended

package/src/reset.css

@@ -1,3 +1,6 @@
+/* The layer order, restated in every stylesheet pulp ships: layers rank by first appearance, and a bundler may load this file first. */
+@layer reset, tokens, vendor, base, components, utilities;
+
 @layer reset {
   *,
   *::before,