@lwc/style-compiler 2.7.0 → 2.7.4

package/dist/commonjs/scope-at-rules/transform.js

@@ -1,9 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const selectors_scoping_1 = require("../utils/selectors-scoping");
+// Subset of prefixes for animation-related names that we expect people might be using.
+// The most important is -webkit, which is actually part of the spec now. All -webkit prefixes
+// are listed here: https://developer.mozilla.org/en-US/docs/Web/CSS/Webkit_Extensions
+// -moz is also still supported as of Firefox 95.
+// We could probably get away with just doing -webkit and -moz (since -ms never seems
+// to have existed for keyframes/animations, and Opera has used Blink since 2013), but
+// covering all the popular ones will at least make the compiled code more consistent
+// for developers who are using all the variants.
+// List based on a subset from https://github.com/wooorm/vendors/blob/2f489ad/index.js
+const VENDOR_PREFIXES = ['moz', 'ms', 'o', 'webkit'];
+// create a list like ['animation', '-webkit-animation', ...]
+function getAllNames(name) {
+    return new Set([name, ...VENDOR_PREFIXES.map((prefix) => `-${prefix}-${name}`)]);
+}
+const ANIMATION = getAllNames('animation');
+const ANIMATION_NAME = getAllNames('animation-name');
 function process(root) {
     const knownNames = new Set();
     root.walkAtRules((atRule) => {
+        // Note that @-webkit-keyframes, @-moz-keyframes, etc. are not actually a thing supported
+        // in any browser, even though you'll see it on some StackOverflow answers.
         if (atRule.name === 'keyframes') {
             const { params } = atRule;
             knownNames.add(params);
@@ -12,7 +30,7 @@ function process(root) {
     });
     root.walkRules((rule) => {
         rule.walkDecls((decl) => {
-            if (decl.prop === 'animation') {
+            if (ANIMATION.has(decl.prop)) {
                 // Use a simple heuristic of breaking up the tokens by whitespace. We could use
                 // a dedicated animation prop parser (e.g.
                 // https://github.com/hookhookun/parse-animation-shorthand) but it's
@@ -23,7 +41,7 @@ function process(root) {
                     .map((token) => knownNames.has(token) ? `${token}-${selectors_scoping_1.SHADOW_ATTRIBUTE}` : token);
                 decl.value = tokens.join(' ');
             }
-            else if (decl.prop === 'animation-name') {
+            else if (ANIMATION_NAME.has(decl.prop)) {
                 if (knownNames.has(decl.value)) {
                     decl.value = `${decl.value}-${selectors_scoping_1.SHADOW_ATTRIBUTE}`;
                 }

package/dist/commonjs/scope-at-rules/transform.js.map

@@ -1 +1 @@
-{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../src/scope-at-rules/transform.ts"],"names":[],"mappings":";;AAOA,kEAA8D;AAE9D,SAAwB,OAAO,CAAC,IAAU;IACtC,MAAM,UAAU,GAAgB,IAAI,GAAG,EAAE,CAAC;IAC1C,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,EAAE;QACxB,IAAI,MAAM,CAAC,IAAI,KAAK,WAAW,EAAE;YAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;YAC1B,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACvB,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,oCAAgB,EAAE,CAAC;SACnD;IACL,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;QACpB,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;YACpB,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE;gBAC3B,+EAA+E;gBAC/E,0CAA0C;gBAC1C,oEAAoE;gBACpE,qBAAqB;gBACrB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK;qBACpB,IAAI,EAAE;qBACN,KAAK,CAAC,MAAM,CAAC;qBACb,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACX,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,oCAAgB,EAAE,CAAC,CAAC,CAAC,KAAK,CACjE,CAAC;gBACN,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aACjC;iBAAM,IAAI,IAAI,CAAC,IAAI,KAAK,gBAAgB,EAAE;gBACvC,IAAI,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;oBAC5B,IAAI,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,IAAI,oCAAgB,EAAE,CAAC;iBACpD;aACJ;QACL,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC;AA9BD,0BA8BC"}
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../src/scope-at-rules/transform.ts"],"names":[],"mappings":";;AAOA,kEAA8D;AAE9D,uFAAuF;AACvF,8FAA8F;AAC9F,sFAAsF;AACtF,iDAAiD;AACjD,qFAAqF;AACrF,sFAAsF;AACtF,qFAAqF;AACrF,iDAAiD;AACjD,sFAAsF;AACtF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;AAErD,6DAA6D;AAC7D,SAAS,WAAW,CAAC,IAAY;IAC7B,OAAO,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;AACrF,CAAC;AAED,MAAM,SAAS,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;AAC3C,MAAM,cAAc,GAAG,WAAW,CAAC,gBAAgB,CAAC,CAAC;AAErD,SAAwB,OAAO,CAAC,IAAU;IACtC,MAAM,UAAU,GAAgB,IAAI,GAAG,EAAE,CAAC;IAC1C,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,EAAE;QACxB,yFAAyF;QACzF,2EAA2E;QAC3E,IAAI,MAAM,CAAC,IAAI,KAAK,WAAW,EAAE;YAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;YAC1B,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACvB,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,oCAAgB,EAAE,CAAC;SACnD;IACL,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;QACpB,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;YACpB,IAAI,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBAC1B,+EAA+E;gBAC/E,0CAA0C;gBAC1C,oEAAoE;gBACpE,qBAAqB;gBACrB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK;qBACpB,IAAI,EAAE;qBACN,KAAK,CAAC,MAAM,CAAC;qBACb,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACX,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,oCAAgB,EAAE,CAAC,CAAC,CAAC,KAAK,CACjE,CAAC;gBACN,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aACjC;iBAAM,IAAI,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBACtC,IAAI,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;oBAC5B,IAAI,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,KAAK,IAAI,oCAAgB,EAAE,CAAC;iBACpD;aACJ;QACL,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC;AAhCD,0BAgCC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@lwc/style-compiler",
-    "version": "2.7.0",
+    "version": "2.7.4",
     "description": "Transform style sheet to be consumed by the LWC engine",
     "homepage": "https://lwc.dev/",
     "repository": {
@@ -22,10 +22,10 @@
         "dist/"
     ],
     "dependencies": {
-        "@lwc/shared": "2.7.0",
-        "postcss": "~8.3.11",
-        "postcss-selector-parser": "~6.0.4",
-        "postcss-value-parser": "~4.1.0",
+        "@lwc/shared": "2.7.4",
+        "postcss": "~8.4.5",
+        "postcss-selector-parser": "~6.0.9",
+        "postcss-value-parser": "~4.2.0",
         "string.prototype.matchall": "^4.0.5"
     },
     "devDependencies": {
@@ -34,5 +34,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "656663a9f95f90bd648c6fc2200201afc0156393"
+    "gitHead": "df4eda8be794fa5f7a01148c137eea4e546a0844"
 }