cssstyle 5.3.2 → 5.3.4

package/lib/CSSStyleDeclaration.js

@@ -391,7 +391,7 @@ Object.defineProperties(CSSStyleDeclaration.prototype, {
         return;
       }
       let originalText = "";
-      if (typeof this._onChange === "function") {
+      if (typeof this._onChange === "function" && !this._setInProgress) {
         originalText = this.cssText;
       }
       if (this._values.has(property)) {
@@ -414,8 +414,8 @@ Object.defineProperties(CSSStyleDeclaration.prototype, {
       this._values.set(property, val);
       if (
         typeof this._onChange === "function" &&
-        this.cssText !== originalText &&
-        !this._setInProgress
+        !this._setInProgress &&
+        this.cssText !== originalText
       ) {
         this._onChange(this.cssText);
       }

package/lib/generated/implementedProperties.js

@@ -1,5 +1,5 @@
 "use strict";
-// autogenerated - 2025-10-31
+// autogenerated - 2025-12-08
 
 module.exports = new Map([
   [
@@ -449,15 +449,15 @@ module.exports = new Map([
     "border",
     {
       "name": "border",
-      "href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-border",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border",
       "value": "<line-width> || <line-style> || <color>",
-      "initial": "See individual properties",
-      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
-      "inherited": "no",
-      "percentages": "N/A",
+      "initial": "see individual properties",
+      "appliesTo": "see individual properties",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
       "computedValue": "see individual properties",
-      "canonicalOrder": "per grammar",
       "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "border"
       ]
@@ -761,15 +761,87 @@ module.exports = new Map([
     "border-style",
     {
       "name": "border-style",
-      "href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-border-style",
-      "value": "<line-style>{1,4}",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-style",
+      "value": "<'border-top-style'>{1,4}",
       "initial": "see individual properties",
-      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
-      "inherited": "no",
-      "percentages": "N/A",
+      "appliesTo": "see individual properties",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
       "computedValue": "see individual properties",
-      "canonicalOrder": "per grammar",
       "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "values": [
+        {
+          "name": "none",
+          "prose": "No border. Color and width are ignored (i.e., the border has width 0). Note this means that the initial value of border-image-width will also resolve to zero.",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-style-none",
+          "type": "value",
+          "value": "none"
+        },
+        {
+          "name": "hidden",
+          "prose": "Same as none, but has different behavior in the border conflict resolution rules for border-collapsed tables [CSS2].",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-style-hidden",
+          "type": "value",
+          "value": "hidden"
+        },
+        {
+          "name": "dotted",
+          "prose": "A series of round dots.",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-style-dotted",
+          "type": "value",
+          "value": "dotted"
+        },
+        {
+          "name": "dashed",
+          "prose": "A series of square-ended dashes.",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-style-dashed",
+          "type": "value",
+          "value": "dashed"
+        },
+        {
+          "name": "solid",
+          "prose": "A single line segment.",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-style-solid",
+          "type": "value",
+          "value": "solid"
+        },
+        {
+          "name": "double",
+          "prose": "Two parallel solid lines with some space between them. (The thickness of the lines is not specified, but the sum of the lines and the space must equal border-width.)",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-style-double",
+          "type": "value",
+          "value": "double"
+        },
+        {
+          "name": "groove",
+          "prose": "Looks as if it were carved in the canvas. (This is typically achieved by creating a “shadow” from two colors that are slightly lighter and darker than the specified border-color.)",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-style-groove",
+          "type": "value",
+          "value": "groove"
+        },
+        {
+          "name": "ridge",
+          "prose": "Looks as if it were coming out of the canvas.",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-style-ridge",
+          "type": "value",
+          "value": "ridge"
+        },
+        {
+          "name": "inset",
+          "prose": "Looks as if the content on the inside of the border is sunken into the canvas. Treated as ridge in the collapsing border model. [CSS2]",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-style-inset",
+          "type": "value",
+          "value": "inset"
+        },
+        {
+          "name": "outset",
+          "prose": "Looks as if the content on the inside of the border is raised out of the canvas. Treated as groove in the collapsing border model. [CSS2]",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-style-outset",
+          "type": "value",
+          "value": "outset"
+        }
+      ],
       "styleDeclaration": [
         "border-style",
         "borderStyle"
@@ -859,15 +931,38 @@ module.exports = new Map([
     "border-width",
     {
       "name": "border-width",
-      "href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-border-width",
-      "value": "<line-width>{1,4}",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-width",
+      "value": "<'border-top-width'>{1,4}",
       "initial": "see individual properties",
-      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
-      "inherited": "no",
+      "appliesTo": "see individual properties",
+      "inherited": "see individual properties",
       "percentages": "see individual properties",
       "computedValue": "see individual properties",
-      "canonicalOrder": "per grammar",
       "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "values": [
+        {
+          "name": "thin",
+          "prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively.",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-width-thin",
+          "type": "value",
+          "value": "thin"
+        },
+        {
+          "name": "medium",
+          "prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively.",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-width-medium",
+          "type": "value",
+          "value": "medium"
+        },
+        {
+          "name": "thick",
+          "prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively.",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-width-thick",
+          "type": "value",
+          "value": "thick"
+        }
+      ],
       "styleDeclaration": [
         "border-width",
         "borderWidth"
@@ -1943,7 +2038,7 @@ module.exports = new Map([
     {
       "name": "outline-color",
       "href": "https://drafts.csswg.org/css-ui-4/#propdef-outline-color",
-      "value": "auto | <color> | <image-1D>",
+      "value": "auto | <'border-top-color'>",
       "initial": "auto",
       "appliesTo": "all elements",
       "inherited": "no",

package/lib/generated/properties.js

@@ -1,5 +1,5 @@
 "use strict";
-// autogenerated - 2025-10-31
+// autogenerated - 2025-12-08
 // https://www.w3.org/Style/CSS/all-properties.en.html
 
 var external_dependency_parsers_0 = require("../parsers.js");
@@ -2432,7 +2432,7 @@ borderTop_export_parse = function parse(v, opt = {}) {
             if (parsedValues.has("border-top-color")) {
               return;
             }
-            const parsedValue = external_dependency_parsers_0.parseColor(`#${itemValue}`);
+            const parsedValue = external_dependency_parsers_0.parseColor(value);
             if (!parsedValue) {
               return;
             }
@@ -2593,7 +2593,7 @@ borderRight_export_parse = function parse(v, opt = {}) {
             if (parsedValues.has("border-right-color")) {
               return;
             }
-            const parsedValue = external_dependency_parsers_0.parseColor(`#${itemValue}`);
+            const parsedValue = external_dependency_parsers_0.parseColor(value);
             if (!parsedValue) {
               return;
             }
@@ -2754,7 +2754,7 @@ borderBottom_export_parse = function parse(v, opt = {}) {
             if (parsedValues.has("border-bottom-color")) {
               return;
             }
-            const parsedValue = external_dependency_parsers_0.parseColor(`#${itemValue}`);
+            const parsedValue = external_dependency_parsers_0.parseColor(value);
             if (!parsedValue) {
               return;
             }
@@ -2915,7 +2915,7 @@ borderLeft_export_parse = function parse(v, opt = {}) {
             if (parsedValues.has("border-left-color")) {
               return;
             }
-            const parsedValue = external_dependency_parsers_0.parseColor(`#${itemValue}`);
+            const parsedValue = external_dependency_parsers_0.parseColor(value);
             if (!parsedValue) {
               return;
             }
@@ -3099,7 +3099,7 @@ border_export_parse = function parse(v, opt = {}) {
             if (parsedValues.has("border-color")) {
               return;
             }
-            const parsedValue = external_dependency_parsers_0.parseColor(`#${itemValue}`);
+            const parsedValue = external_dependency_parsers_0.parseColor(value);
             if (!parsedValue) {
               return;
             }

package/lib/properties/border.js

@@ -84,7 +84,7 @@ module.exports.parse = function parse(v, opt = {}) {
           if (parsedValues.has("border-color")) {
             return;
           }
-          const parsedValue = parsers.parseColor(`#${itemValue}`);
+          const parsedValue = parsers.parseColor(value);
           if (!parsedValue) {
             return;
           }

package/lib/properties/borderBottom.js

@@ -74,7 +74,7 @@ module.exports.parse = function parse(v, opt = {}) {
           if (parsedValues.has("border-bottom-color")) {
             return;
           }
-          const parsedValue = parsers.parseColor(`#${itemValue}`);
+          const parsedValue = parsers.parseColor(value);
           if (!parsedValue) {
             return;
           }

package/lib/properties/borderLeft.js

@@ -74,7 +74,7 @@ module.exports.parse = function parse(v, opt = {}) {
           if (parsedValues.has("border-left-color")) {
             return;
           }
-          const parsedValue = parsers.parseColor(`#${itemValue}`);
+          const parsedValue = parsers.parseColor(value);
           if (!parsedValue) {
             return;
           }

package/lib/properties/borderRight.js

@@ -74,7 +74,7 @@ module.exports.parse = function parse(v, opt = {}) {
           if (parsedValues.has("border-right-color")) {
             return;
           }
-          const parsedValue = parsers.parseColor(`#${itemValue}`);
+          const parsedValue = parsers.parseColor(value);
           if (!parsedValue) {
             return;
           }

package/lib/properties/borderTop.js

@@ -74,7 +74,7 @@ module.exports.parse = function parse(v, opt = {}) {
           if (parsedValues.has("border-top-color")) {
             return;
           }
-          const parsedValue = parsers.parseColor(`#${itemValue}`);
+          const parsedValue = parsers.parseColor(value);
           if (!parsedValue) {
             return;
           }

package/package.json

@@ -6,7 +6,7 @@
     "CSSStyleDeclaration",
     "StyleSheet"
   ],
-  "version": "5.3.2",
+  "version": "5.3.4",
   "homepage": "https://github.com/jsdom/cssstyle",
   "maintainers": [
     {
@@ -37,24 +37,27 @@
   ],
   "main": "./lib/CSSStyleDeclaration.js",
   "dependencies": {
-    "@asamuzakjp/css-color": "^4.0.3",
-    "@csstools/css-syntax-patches-for-csstree": "^1.0.14",
+    "@asamuzakjp/css-color": "^4.1.0",
+    "@csstools/css-syntax-patches-for-csstree": "1.0.14",
     "css-tree": "^3.1.0"
   },
+  "//dependenciesComments": {
+    "@csstools/css-syntax-patches-for-csstree": "pinned at 1.0.14 for now due to https://github.com/jsdom/cssstyle/issues/256"
+  },
   "devDependencies": {
-    "@babel/generator": "^7.28.0",
-    "@babel/parser": "^7.28.0",
-    "@babel/traverse": "^7.28.0",
-    "@babel/types": "^7.28.2",
+    "@babel/generator": "^7.28.5",
+    "@babel/parser": "^7.28.5",
+    "@babel/traverse": "^7.28.5",
+    "@babel/types": "^7.28.5",
     "@domenic/eslint-config": "^4.0.1",
     "@webref/css": "^6.23.6",
-    "eslint": "^9.32.0",
+    "eslint": "^9.39.1",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-prettier": "^5.5.3",
-    "globals": "^16.3.0",
+    "eslint-plugin-prettier": "^5.5.4",
+    "globals": "^16.5.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.6.2",
-    "resolve": "^1.22.10"
+    "prettier": "^3.7.4",
+    "resolve": "^1.22.11"
   },
   "scripts": {
     "download": "node ./scripts/downloadLatestProperties.mjs",