fix: postcss-for (#45)

integration-test/package.json

@@ -7,7 +7,7 @@
     "start": "atomic start"
   },
   "devDependencies": {
-    "@utilitycss/postcss-for": "^0.0.2",
+    "@utilitycss/postcss-for": "^0.0.3",
     "lerna": "3.13.3",
     "postcss-css-variables": "^0.17.0",
     "postcss-nested": "^5.0.3",

integration-test/packages/atoms/all/atom.css.snap

@@ -111,7 +111,8 @@ a:hover {
   color: red
 }
 
-  .AkiP_t .l-e8AL {
+  .AkiP_t .l-e8AL,
+  .AkiP_t .B_oqE3 {
     color: blue;
   }
 
@@ -192,6 +193,28 @@ a:hover {
 .hg64jR {
   font-size: 4em;
 }
+@keyframes btLJzz {
+  0%,
+  10% {
+    opacity: 0;
+  }
+  15% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.btLJzz {
+  animation-duration: 250ms;
+  animation-name: btLJzz;
+}
+
+._8_jRhp {
+  animation-duration: 250ms;
+  animation-name: btLJzz;
+}
 .global-class {
   width: 100%;
 }
@@ -204,15 +227,18 @@ a:hover {
     color: blue;
   }
 
-.oPlD0W{
+.oPlD0W,
+  .NRaoKv {
     font-size: 1em;
   }
 
-.FCG5GQ{
+.FCG5GQ,
+  .H9WShg {
     font-size: 2em;
   }
 
-.d8yso7{
+.d8yso7,
+  .uGM3oi {
     font-size: 3em;
   }
 

integration-test/packages/atoms/for/index.css

@@ -1,5 +1,6 @@
 @for $i from 1 to 3 {
-  .size_$(i){
+  .size_$(i),
+  .size_$(i)_sibling {
     font-size: $(i)em;
   }
 }

integration-test/packages/atoms/for/index.d.ts.snap

@@ -1,6 +1,9 @@
 declare const size_1: string;
+declare const size_1_sibling: string;
 declare const size_2: string;
+declare const size_2_sibling: string;
 declare const size_3: string;
+declare const size_3_sibling: string;
 declare const calc1: string;
 declare const child_1_1: string;
 declare const modifier_1_1: string;
@@ -22,4 +25,4 @@ declare const child_3_2: string;
 declare const modifier_3_2: string;
 declare const child_3_3: string;
 declare const modifier_3_3: string
-export { size_1, size_2, size_3, calc1, child_1_1, modifier_1_1, child_1_2, modifier_1_2, child_1_3, modifier_1_3, calc2, child_2_1, modifier_2_1, child_2_2, modifier_2_2, child_2_3, modifier_2_3, calc3, child_3_1, modifier_3_1, child_3_2, modifier_3_2, child_3_3, modifier_3_3 }
+export { size_1, size_1_sibling, size_2, size_2_sibling, size_3, size_3_sibling, calc1, child_1_1, modifier_1_1, child_1_2, modifier_1_2, child_1_3, modifier_1_3, calc2, child_2_1, modifier_2_1, child_2_2, modifier_2_2, child_2_3, modifier_2_3, calc3, child_3_1, modifier_3_1, child_3_2, modifier_3_2, child_3_3, modifier_3_3 }

integration-test/packages/atoms/for/module.css.json.snap

@@ -1 +1 @@
-{"size_1":"oPlD0W","size_2":"FCG5GQ","size_3":"d8yso7","calc1":"_8N2ZPM","child_1_1":"_8Urr0R","modifier_1_1":"e2agTq","child_1_2":"vlAfUd","modifier_1_2":"PgUB93","child_1_3":"utNk9X","modifier_1_3":"bwOLNP","calc2":"Xj0KNQ","child_2_1":"SnZr3u","modifier_2_1":"tNdUvj","child_2_2":"bUAlDZ","modifier_2_2":"lpuLLH","child_2_3":"MdYjYw","modifier_2_3":"YK_gQZ","calc3":"mUzFkS","child_3_1":"KCb6ES","modifier_3_1":"_2PGpjA","child_3_2":"_4_kJbH","modifier_3_2":"eCH6U5","child_3_3":"LSjKrm","modifier_3_3":"RYF8kF"}
+{"size_1":"oPlD0W","size_1_sibling":"NRaoKv","size_2":"FCG5GQ","size_2_sibling":"H9WShg","size_3":"d8yso7","size_3_sibling":"uGM3oi","calc1":"_8N2ZPM","child_1_1":"_8Urr0R","modifier_1_1":"e2agTq","child_1_2":"vlAfUd","modifier_1_2":"PgUB93","child_1_3":"utNk9X","modifier_1_3":"bwOLNP","calc2":"Xj0KNQ","child_2_1":"SnZr3u","modifier_2_1":"tNdUvj","child_2_2":"bUAlDZ","modifier_2_2":"lpuLLH","child_2_3":"MdYjYw","modifier_2_3":"YK_gQZ","calc3":"mUzFkS","child_3_1":"KCb6ES","modifier_3_1":"_2PGpjA","child_3_2":"_4_kJbH","modifier_3_2":"eCH6U5","child_3_3":"LSjKrm","modifier_3_3":"RYF8kF"}

integration-test/packages/atoms/for/module.css.snap

@@ -1,12 +1,15 @@
-.size_1{
+.size_1,
+  .size_1_sibling {
     font-size: 1em;
   }
 
-.size_2{
+.size_2,
+  .size_2_sibling {
     font-size: 2em;
   }
 
-.size_3{
+.size_3,
+  .size_3_sibling {
     font-size: 3em;
   }
 

integration-test/packages/atoms/for/result.css.snap

@@ -1,12 +1,15 @@
-.oPlD0W{
+.oPlD0W,
+  .NRaoKv {
     font-size: 1em;
   }
 
-.FCG5GQ{
+.FCG5GQ,
+  .H9WShg {
     font-size: 2em;
   }
 
-.d8yso7{
+.d8yso7,
+  .uGM3oi {
     font-size: 3em;
   }
 

integration-test/packages/atoms/keyframes/.npmignore

@@ -0,0 +1,3 @@
+**/*.tsx
+**/*.ts
+!**/*.d.ts

integration-test/packages/atoms/keyframes/index.css

@@ -0,0 +1,22 @@
+@keyframes fade-in {
+  0%,
+  10% {
+    opacity: 0;
+  }
+  15% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.fade-in {
+  animation-duration: 250ms;
+  animation-name: fade-in;
+}
+
+.alias {
+  animation-duration: 250ms;
+  animation-name: fade-in;
+}

integration-test/packages/atoms/keyframes/index.d.ts.snap

@@ -0,0 +1,3 @@
+declare const fade-in: string;
+declare const alias: string
+export { fade-in, alias }

integration-test/packages/atoms/keyframes/module.css.json.snap

@@ -0,0 +1 @@
+{"fade-in":"btLJzz","alias":"_8_jRhp"}

integration-test/packages/atoms/keyframes/module.css.snap

@@ -0,0 +1,22 @@
+@keyframes fade-in {
+  0%,
+  10% {
+    opacity: 0;
+  }
+  15% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.fade-in {
+  animation-duration: 250ms;
+  animation-name: fade-in;
+}
+
+.alias {
+  animation-duration: 250ms;
+  animation-name: fade-in;
+}

integration-test/packages/atoms/keyframes/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "@my-org/keyframes",
+  "version": "0.0.1",
+  "main": "module.css.json",
+  "sideEffects": false
+}

integration-test/packages/atoms/keyframes/result.css.snap

@@ -0,0 +1,22 @@
+@keyframes btLJzz {
+  0%,
+  10% {
+    opacity: 0;
+  }
+  15% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.btLJzz {
+  animation-duration: 250ms;
+  animation-name: btLJzz;
+}
+
+._8_jRhp {
+  animation-duration: 250ms;
+  animation-name: btLJzz;
+}

integration-test/packages/atoms/nested/index.css

@@ -1,7 +1,8 @@
 .single-nesting {
   color: red;
 
-  .child {
+  .child,
+  .sibling {
     color: blue;
   }
 }

integration-test/packages/atoms/nested/index.d.ts.snap

@@ -1,5 +1,6 @@
 declare const single-nesting: string;
 declare const child: string;
+declare const sibling: string;
 declare const deep-nesting: string;
 declare const grandchild: string;
 declare const class-combination: string;
@@ -10,4 +11,4 @@ declare const nested: string;
 declare const nested-pseudo: string;
 declare const hover-child: string;
 declare const hover-child-modifier: string
-export { single-nesting, child, deep-nesting, grandchild, class-combination, modifier, complex, child-modifier, nested, nested-pseudo, hover-child, hover-child-modifier }
+export { single-nesting, child, sibling, deep-nesting, grandchild, class-combination, modifier, complex, child-modifier, nested, nested-pseudo, hover-child, hover-child-modifier }

integration-test/packages/atoms/nested/module.css.json.snap

@@ -1 +1 @@
-{"single-nesting":"AkiP_t","child":"l-e8AL","deep-nesting":"pBcZ8q","grandchild":"oLzZ_N","class-combination":"Vsez8s","modifier":"onlaI8","complex":"HbTeo6","child-modifier":"IEmj7p","nested":"vruPji","nested-pseudo":"DG8Mjh","hover-child":"PH_qY8","hover-child-modifier":"Tmf42F"}
+{"single-nesting":"AkiP_t","child":"l-e8AL","sibling":"B_oqE3","deep-nesting":"pBcZ8q","grandchild":"oLzZ_N","class-combination":"Vsez8s","modifier":"onlaI8","complex":"HbTeo6","child-modifier":"IEmj7p","nested":"vruPji","nested-pseudo":"DG8Mjh","hover-child":"PH_qY8","hover-child-modifier":"Tmf42F"}

integration-test/packages/atoms/nested/module.css.snap

@@ -2,7 +2,8 @@
   color: red
 }
 
-  .single-nesting .child {
+  .single-nesting .child,
+  .single-nesting .sibling {
     color: blue;
   }
 

integration-test/packages/atoms/nested/result.css.snap

@@ -2,7 +2,8 @@
   color: red
 }
 
-  .AkiP_t .l-e8AL {
+  .AkiP_t .l-e8AL,
+  .AkiP_t .B_oqE3 {
     color: blue;
   }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@utilitycss/atomic",
-  "version": "0.15.0",
+  "version": "0.15.1",
   "author": "Andrea Moretti (@axyz) <[email protected]>",
   "description": "Atomic CSS composition for yarn workspaces",
   "repository": "utilitycss/atomic",
@@ -28,12 +28,12 @@
     "chokidar": "^3.5.1",
     "clear": "^0.1.0",
     "commander": "^7.1.0",
-    "cssnano": "5.0.0-rc.0",
-    "cssnano-preset-advanced": "^4.0.7",
+    "cssnano": "5.0.0-rc.1",
+    "cssnano-preset-advanced": "^5.0.0-rc.1",
     "figlet": "^1.5.0",
     "handlebars": "^4.7.7",
     "inquirer": "^7.3.3",
-    "postcss-discard-empty": "^5.0.0-rc.0",
+    "postcss-discard-empty": "^5.0.0-rc.1",
     "postcss-modules": "^4.0.0"
   },
   "devDependencies": {

templates/package.json.hbs

@@ -7,7 +7,7 @@
     "start": "atomic start"
   },
   "devDependencies": {
-    "@utilitycss/atomic": "^0.15.0",
+    "@utilitycss/atomic": "^0.15.1",
     "lerna": "3.13.3"
   },
   "workspaces": {