@bamboocss/config 1.18.0 → 1.20.0

package/dist/index.cjs

@@ -703,14 +703,23 @@ const validateArtifactNames = (names, addError) => {
 };
 //#endregion
 //#region src/validation/validate-breakpoints.ts
+/**
+* The unit a breakpoint is written in, whatever unit that is.
+*
+* This used to ask `getUnit`, which only reports the three units bamboo converts between and
+* answers `undefined` for everything else — so the check fell back to `px` and read `40EM`,
+* `50vw` and `30ch` as pixels alike. A theme mixing `em` and `vw` passed, and one written
+* entirely in `EM` passed by being classified as something it is not.
+*
+* Read generically instead: the trailing letters, lower-cased. A unitless value keeps the
+* `px` default, since `0` and `640` are pixels by convention here.
+*/
+const unitOf = (value) => String(value).trim().match(/[a-z%]+$/i)?.[0]?.toLowerCase() ?? "px";
 const validateBreakpoints = (breakpoints, addError) => {
 	if (!breakpoints) return;
 	const units = /* @__PURE__ */ new Set();
 	const values = Object.values(breakpoints);
-	for (const value of values) {
-		const unit = (0, _bamboocss_shared.getUnit)(value) ?? "px";
-		units.add(unit);
-	}
+	for (const value of values) units.add(unitOf(value));
 	if (units.size > 1) addError("breakpoints", `All breakpoints must use the same unit: \`${values.join(", ")}\``);
 };
 //#endregion

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { logger } from "@bamboocss/logger";
-import { BAMBOO_CONFIG_NAME, BambooError, assign, dashCase, getUnit, isObject, isString, mergeAndConcat, mergeWith, omit, parseJson, pick, stringifyJson, traverse, walkObject } from "@bamboocss/shared";
+import { BAMBOO_CONFIG_NAME, BambooError, assign, dashCase, isObject, isString, mergeAndConcat, mergeWith, omit, parseJson, pick, stringifyJson, traverse, walkObject } from "@bamboocss/shared";
 import { bundleNRequire } from "bundle-n-require";
 import findUp from "escalade/sync";
 import path, { posix, resolve, sep } from "path";
@@ -675,14 +675,23 @@ const validateArtifactNames = (names, addError) => {
 };
 //#endregion
 //#region src/validation/validate-breakpoints.ts
+/**
+* The unit a breakpoint is written in, whatever unit that is.
+*
+* This used to ask `getUnit`, which only reports the three units bamboo converts between and
+* answers `undefined` for everything else — so the check fell back to `px` and read `40EM`,
+* `50vw` and `30ch` as pixels alike. A theme mixing `em` and `vw` passed, and one written
+* entirely in `EM` passed by being classified as something it is not.
+*
+* Read generically instead: the trailing letters, lower-cased. A unitless value keeps the
+* `px` default, since `0` and `640` are pixels by convention here.
+*/
+const unitOf = (value) => String(value).trim().match(/[a-z%]+$/i)?.[0]?.toLowerCase() ?? "px";
 const validateBreakpoints = (breakpoints, addError) => {
 	if (!breakpoints) return;
 	const units = /* @__PURE__ */ new Set();
 	const values = Object.values(breakpoints);
-	for (const value of values) {
-		const unit = getUnit(value) ?? "px";
-		units.add(unit);
-	}
+	for (const value of values) units.add(unitOf(value));
 	if (units.size > 1) addError("breakpoints", `All breakpoints must use the same unit: \`${values.join(", ")}\``);
 };
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bamboocss/config",
-  "version": "1.18.0",
+  "version": "1.20.0",
   "description": "Find and load bamboo config",
   "homepage": "https://bamboocss.com",
   "license": "MIT",
@@ -64,11 +64,11 @@
     "escalade": "3.2.0",
     "microdiff": "1.5.0",
     "typescript": "6.0.2",
-    "@bamboocss/logger": "1.18.0",
-    "@bamboocss/preset-bamboo": "1.18.0",
-    "@bamboocss/preset-base": "1.18.0",
-    "@bamboocss/shared": "1.18.0",
-    "@bamboocss/types": "1.18.0"
+    "@bamboocss/logger": "1.20.0",
+    "@bamboocss/preset-bamboo": "1.20.0",
+    "@bamboocss/preset-base": "1.20.0",
+    "@bamboocss/shared": "1.20.0",
+    "@bamboocss/types": "1.20.0"
   },
   "devDependencies": {
     "pkg-types": "2.3.0"