csso - npm Package Compare versions

Comparing version 4.0.3 to 4.1.0

CHANGELOG.md

@@ -0,1 +1,8 @@
+## 4.1.0 (October 27, 2020)
+
+- Bumped [CSSTree](https://github.com/csstree/csstree) to `^1.0.0`
+- Fixed wrongly merging of TRBL values when one of them contains `var()` (#420)
+- Fixed wrongly merging of pseudo class and element with the same name, e.g. `:-ms-input-placeholder` and `::-ms-input-placeholder` (#383, #416)
+- Fixed wrongly merging of `overflow` fallback (#415)
+
 ## 4.0.3 (March 24, 2020)
@@ -2,0 +9,0 @@

lib/replace/color.js

@@ -445,3 +445,3 @@ var lexer = require('css-tree').lexer;
         item.data = {
-            type: 'HexColor',
+            type: 'Hash',
             loc: node.loc,
@@ -469,3 +469,3 @@ value: toHex(args[0]) + toHex(args[1]) + toHex(args[2])
             item.data = {
-                type: 'HexColor',
+                type: 'Hash',
                 loc: node.loc,
@@ -472,0 +472,0 @@ value: hex

lib/replace/index.js

@@ -11,3 +11,3 @@ var walk = require('css-tree').walk;
     Url: require('./Url'),
-    HexColor: require('./color').compressHex,
+    Hash: require('./color').compressHex,
     Identifier: require('./color').compressIdent,
@@ -14,0 +14,0 @@ Function: require('./color').compressFunction

lib/replace/Number.js

@@ -5,3 +5,3 @@ var OMIT_PLUSSIGN = /^(?:\+|(-))?0*(\d*)(?:\.0*|(\.\d*?)0*)?$/;
     Dimension: true,
-    HexColor: true,
+    Hash: true,
     Identifier: true,
@@ -8,0 +8,0 @@ Number: true,

lib/restructure/4-restructShorthand.js

@@ -118,3 +118,3 @@ var List = require('css-tree').List;
 
-            case 'HexColor': // color
+            case 'Hash': // color
             case 'Number':
@@ -125,2 +125,6 @@ case 'Percentage':
             case 'Function':
+                if (child.name === 'var') {
+                    return true;
+                }
+
                 special = child.name;
@@ -127,0 +131,0 @@ break;

lib/restructure/6-restructBlock.js

@@ -17,14 +17,18 @@ var resolveProperty = require('css-tree').property;
 
-var CURSOR_SAFE_VALUE = [
-    'auto', 'crosshair', 'default', 'move', 'text', 'wait', 'help',
-    'n-resize', 'e-resize', 's-resize', 'w-resize',
-    'ne-resize', 'nw-resize', 'se-resize', 'sw-resize',
-    'pointer', 'progress', 'not-allowed', 'no-drop', 'vertical-text', 'all-scroll',
-    'col-resize', 'row-resize'
-];
+var SAFE_VALUES = {
+    cursor: [
+        'auto', 'crosshair', 'default', 'move', 'text', 'wait', 'help',
+        'n-resize', 'e-resize', 's-resize', 'w-resize',
+        'ne-resize', 'nw-resize', 'se-resize', 'sw-resize',
+        'pointer', 'progress', 'not-allowed', 'no-drop', 'vertical-text', 'all-scroll',
+        'col-resize', 'row-resize'
+    ],
+    overflow: [
+        'hidden', 'visible', 'scroll', 'auto'
+    ],
+    position: [
+        'static', 'relative', 'absolute', 'fixed'
+    ]
+}
 
-var POSITION_SAFE_VALUE = [
-    'static', 'relative', 'absolute', 'fixed'
-];
-
 var NEEDLESS_TABLE = {
@@ -109,10 +113,6 @@ 'border-width': ['border'],
 
-                            if (realName === 'cursor') {
-                                if (CURSOR_SAFE_VALUE.indexOf(name) === -1) {
+                            if (SAFE_VALUES.hasOwnProperty(realName)) {
+                                if (SAFE_VALUES[realName].indexOf(name) === -1) {
                                     special[name] = true;
                                 }
-                            } else if (realName === 'position') {
-                                if (POSITION_SAFE_VALUE.indexOf(name) === -1) {
-                                    special[name] = true;
-                                }
                             } else if (DONT_MIX_VALUE.hasOwnProperty(realName)) {
@@ -119,0 +119,0 @@ if (DONT_MIX_VALUE[realName].test(name)) {

lib/restructure/prepare/processSelector.js

@@ -47,3 +47,3 @@ var generate = require('css-tree').generate;
                     if (!nonFreezePseudoClasses.hasOwnProperty(name)) {
-                        pseudos[name] = true;
+                        pseudos[':' + name] = true;
                         hasPseudo = true;
@@ -57,3 +57,3 @@ }
                     if (!nonFreezePseudoElements.hasOwnProperty(name)) {
-                        pseudos[name] = true;
+                        pseudos['::' + name] = true;
                         hasPseudo = true;
@@ -60,0 +60,0 @@ }

package.json

 {
   "name": "csso",
-  "version": "4.0.3",
+  "version": "4.1.0",
   "description": "CSS minifier with structural optimisations",
@@ -43,3 +43,3 @@ "homepage": "https://github.com/css/csso",
   "dependencies": {
-    "css-tree": "1.0.0-alpha.39"
+    "css-tree": "^1.0.0"
   },
@@ -46,0 +46,0 @@ "devDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

1344032

increased by58.96%

Lines of code

26422

increased by67.44%

Dependency changes

• + Addedcss-tree@1.1.3(transitive)

• + Addedmdn-data@2.0.14(transitive)

• - Removedcss-tree@1.0.0-alpha.39(transitive)

• - Removedmdn-data@2.0.6(transitive)

• Updatedcss-tree@^1.0.0