@jobber/components 8.7.0 → 8.7.1

package/dist/prebuildCssEntry.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Single entry point used only for the PREBUILD_CSS step (see rollup.config.mjs).
+ *
+ * Rollup traverses a single entry's import graph in a deterministic, depth-first
+ * order, which keeps the extracted styles.css ordering stable across builds.
+ * Update this file to include any new styles that should be included in the extracted stylesheet.
+ *
+ * Both the main barrel and the primitives barrel are imported here so that every
+ * component's and styled primitive's (under `src/primitives/`) CSS lands in the
+ * extracted stylesheet.
+ */
+import "./index";
+import "./primitives/index";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "8.7.0",
+  "version": "8.7.1",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -556,5 +556,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "60b75a0d6a64b67dcb6607c474ed7aa469474f98"
+  "gitHead": "36bbb3d447601ce2277cf1ed0265074e479ac471"
 }

package/rollup.config.mjs

@@ -15,25 +15,24 @@ const createMultiInput =
   typeof multiInput === "function" ? multiInput : multiInput.default;
 
 /**
- * When PREBUILD_CSS is supplied, only build the main barrels.
- * This ensures postcss maintains consistent ordering of styles across builds.
+ * When PREBUILD_CSS is supplied, build only a single synthetic entry that
+ * imports every barrel. This ensures postcss maintains consistent ordering of
+ * styles across builds.
  *
- * Using multiInput (input with globs) produces inconsistent ordering within styles.css
- * because files are loaded in a non-deterministic order, and postcss bundles them in
- * that order.
+ * Supplying multiple inputs (multiInput globs, or separate barrels) allows rollup
+ * discover css imports in a non-deterministic order, which postcss then bundles
+ * in that order, producing a styles.css that churns on every build. A single
+ * entry is traversed depth-first in a deterministic order, so the extracted
+ * styles.css is stable.
  *
- * The primitives barrel is included in addition to the main barrel so that styled
- * primitives (under `src/primitives/`) contribute their CSS module hashes to the
- * extracted styles.css. Without this, primitives' class hashes appear in the JS
- * bundle but not in the stylesheet, so consumers see no styles applied.
+ * `src/prebuildCssEntry.ts` imports both the main barrel and the primitives
+ * barrel so that styled primitives (under `src/primitives/`) contribute their
+ * CSS module hashes to the extracted styles.css. Without the primitives barrel
+ * their class hashes appear in the JS bundle but not in the stylesheet, so
+ * consumers see no styles applied.
  */
 const PREBUILD_CSS = process.env.PREBUILD_CSS === "true";
-// Object form gives each entry a unique `[name]` for output filenames; both
-// inputs share the basename `index.ts`, so the array form would collide.
-const PREBUILD_CSS_INPUTS = {
-  index: "src/index.ts",
-  "primitives/index": "src/primitives/index.ts",
-};
+const PREBUILD_CSS_INPUT = "src/prebuildCssEntry.ts";
 
 /**
  * PostCSS plugin to remove @charset declarations.
@@ -63,7 +62,7 @@ export default {
 
     warn(warning);
   },
-  input: PREBUILD_CSS ? PREBUILD_CSS_INPUTS : `src/**/index.{ts,tsx}`,
+  input: PREBUILD_CSS ? PREBUILD_CSS_INPUT : `src/**/index.{ts,tsx}`,
   plugins: [
     nodePolyfills(),
     nodeResolve(),