@cyberalien/svg-utils 1.1.4 → 1.2.0

package/lib/svg-css/states/validate.js

@@ -0,0 +1,55 @@
+const reservedStateNames = new Set([
+	"constructor",
+	"class",
+	"in",
+	"of",
+	"if",
+	"for",
+	"while",
+	"switch",
+	"case",
+	"break",
+	"continue",
+	"default",
+	"do",
+	"else",
+	"finally",
+	"return",
+	"throw",
+	"try",
+	"catch",
+	"with",
+	"yield",
+	"async",
+	"await",
+	"static",
+	"using",
+	"function",
+	"var",
+	"let",
+	"const",
+	"this",
+	"import",
+	"export",
+	"props",
+	"classname",
+	"viewbox",
+	"fallback",
+	"states",
+	"width",
+	"height",
+	"size",
+	"square"
+]);
+/**
+* Validates states list to avoid issues when generating icons
+*/
+function assertValidStatesList(list) {
+	for (const state of list) {
+		const stateName = typeof state === "string" ? state : state[0];
+		if (!stateName.match(/^[a-z$]+$/)) throw new Error(`Invalid state name "${stateName}".`);
+		if (reservedStateNames.has(stateName)) throw new Error(`State name "${stateName}" is reserved to avoid conflicts and cannot be used.`);
+	}
+}
+
+export { assertValidStatesList };

package/lib/svg-css/states/value.d.ts

@@ -0,0 +1,10 @@
+import { IconStatesAdvancedState, IconStatesState } from "./types.js";
+/**
+ * Get default value for advanced state
+ */
+declare function getAdvancedStateDefaultValue(state: IconStatesAdvancedState): string;
+/**
+ * Get value for state
+ */
+declare function getStateValue(state: IconStatesState, value?: string | boolean | undefined): string | boolean;
+export { getAdvancedStateDefaultValue, getStateValue };

package/lib/svg-css/states/value.js

@@ -0,0 +1,15 @@
+/**
+* Get default value for advanced state
+*/
+function getAdvancedStateDefaultValue(state) {
+	return state.length === 3 ? state[2] : state[1][0];
+}
+/**
+* Get value for state
+*/
+function getStateValue(state, value) {
+	if (typeof state === "string") return !!value && value !== "false" && value !== "0";
+	return typeof value !== "string" || !state[1].includes(value) ? getAdvancedStateDefaultValue(state) : value;
+}
+
+export { getAdvancedStateDefaultValue, getStateValue };

package/package.json

@@ -3,7 +3,7 @@
   "type": "module",
   "description": "Common functions for working with SVG used by various packages.",
   "author": "Vjacheslav Trushkin",
-  "version": "1.1.4",
+  "version": "1.2.0",
   "license": "MIT",
   "bugs": "https://github.com/cyberalien/svg-utils/issues",
   "homepage": "https://cyberalien.dev/",
@@ -23,15 +23,15 @@
     "@iconify/types": "^2.0.0"
   },
   "devDependencies": {
-    "@eslint/eslintrc": "^3.3.3",
-    "@eslint/js": "^9.39.2",
+    "@eslint/eslintrc": "^3.3.4",
+    "@eslint/js": "^9.39.3",
     "@iconify-json/ri": "^1.2.10",
     "@types/jest": "^30.0.0",
-    "@types/node": "^25.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.55.0",
-    "@typescript-eslint/parser": "^8.55.0",
-    "eslint": "^9.39.2",
-    "globals": "^17.3.0",
+    "@types/node": "^25.3.3",
+    "@typescript-eslint/eslint-plugin": "^8.56.1",
+    "@typescript-eslint/parser": "^8.56.1",
+    "eslint": "^9.39.3",
+    "globals": "^17.4.0",
     "tsdown": "^0.20.3",
     "typescript": "^5.9.3",
     "vitest": "^4.0.18"

package/lib/components/helpers/css/name.d.ts

@@ -1,7 +0,0 @@
-/**
- * Generate import name for CSS module
- *
- * Should be cleaned up because dashes are not allowed
- */
-declare function generateCSSDefaultImportName(className: string): string;
-export { generateCSSDefaultImportName };

package/lib/components/helpers/css/name.js

@@ -1,12 +0,0 @@
-import { camelize } from "../../../helpers/misc/strings.js";
-
-/**
-* Generate import name for CSS module
-*
-* Should be cleaned up because dashes are not allowed
-*/
-function generateCSSDefaultImportName(className) {
-	return camelize("css-" + className);
-}
-
-export { generateCSSDefaultImportName };