tungsten 0.3.12 → 0.3.13

package/dist/.build-complete

@@ -1 +1 @@
-1786886454316
+1786887752204

package/dist/postcssPlugins/TransformCssNames.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TransformCssNames.d.ts","sourceRoot":"","sources":["../../src/postcssPlugins/TransformCssNames.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,IAAI,EAAQ,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAoE9C,KAAK,IAAI,GAAG;IACR,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;CACrB,CAAA;AAYD,eAAO,MAAM,iBAAiB;WAAU,IAAI;;mBAezB,IAAI;;;CAqJtB,CAAA"}
+{"version":3,"file":"TransformCssNames.d.ts","sourceRoot":"","sources":["../../src/postcssPlugins/TransformCssNames.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,IAAI,EAAQ,MAAM,SAAS,CAAA;AACzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAoE9C,KAAK,IAAI,GAAG;IACR,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;CACrB,CAAA;AAaD,eAAO,MAAM,iBAAiB;WAAU,IAAI;;mBAezB,IAAI;;;CAqJtB,CAAA"}

package/dist/postcssPlugins/TransformCssNames.js

@@ -61,8 +61,9 @@ function separatePseudo(selector) {
 // matches @keyframes and its vendor prefixed forms, e.g. @-webkit-keyframes
 // at-rule and property names are case insensitive in css, hence the i flag on both
 const keyframesAtRule = /(^|-)keyframes$/i;
-// the declarations that name an animation, e.g. `animation: fade 2s` / `animation-name: fade`
-const animationDecl = /^animation(-name)?$/i;
+// the declarations that name an animation, e.g. `animation: fade 2s` / `animation-name: fade`,
+// and their vendor prefixed forms, e.g. `-webkit-animation`
+const animationDecl = /^(-\w+-)?animation(-name)?$/i;
 const bump = '.' + componentBumpClass + '.' + componentBumpClass + '.' + componentBumpClass;
 export const TransformCssNames = opts => {
   //console.log('TransformCssNames')

package/dist/postcssPlugins/scopeAnimationValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scopeAnimationValue.d.ts","sourceRoot":"","sources":["../../src/postcssPlugins/scopeAnimationValue.ts"],"names":[],"mappings":"AA2BA,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAW9F"}
+{"version":3,"file":"scopeAnimationValue.d.ts","sourceRoot":"","sources":["../../src/postcssPlugins/scopeAnimationValue.ts"],"names":[],"mappings":"AA+BA,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAkB9F"}

package/dist/postcssPlugins/scopeAnimationValue.js

@@ -20,6 +20,9 @@ function isAnimationName(word) {
   if (animationKeywords.has(word.toLowerCase())) return false;
   return identifierStart.test(word);
 }
+// The value side of the `:i()` selector marker, naming an animation to leave global. A colon
+// cannot open a declaration value in css, sass or scss, so the marker drops it here
+const ignoreMarker = /^(?:i|ignore)\((.*)\)$/i;
 // Scopes the animation names in an `animation` or `animation-name` value, e.g.
 // `fade 2s linear, slide 1s` -> `Card_fade 2s linear, Card_slide 1s`.
 // A value may list several animations, separated by commas, but names only one per list entry.
@@ -30,6 +33,11 @@ export function scopeAnimationValue(value, scopeName) {
       named = false;
       return part;
     }
+    const ignored = ignoreMarker.exec(part);
+    if (ignored !== null) {
+      named = true;
+      return (ignored[1] ?? '').trim();
+    }
     if (named || !isAnimationName(part)) return part;
     named = true;
     return scopeName(part);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tungsten",
-  "version": "0.3.12",
+  "version": "0.3.13",
   "description": "",
   "type": "module",
   "bin": {