fix: same postfix rules (#68)

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

@@ -70,6 +70,13 @@
 .sMmOaU .R2GDg- {
     color: green;
   }
+.EV62sS {
+	color: blue;
+}
+
+.JYUOso {
+	color: blue;
+}
 /* custom static css (e.g. normalize) can be added here */.YcXvtG {
     color: #1a1a1a
 }

integration-test/packages/atoms/same-content/.npmignore

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

integration-test/packages/atoms/same-content/index.css

@@ -0,0 +1,7 @@
+.bar {
+	color: blue;
+}
+
+.foo_bar {
+	color: blue;
+}

integration-test/packages/atoms/same-content/index.d.ts.snap

@@ -0,0 +1,3 @@
+declare const bar: string;
+declare const foo_bar: string
+export { bar, foo_bar }

integration-test/packages/atoms/same-content/index.esm.js.snap

@@ -0,0 +1,2 @@
+export var bar = "EV62sS";
+export var foo_bar = "JYUOso"

integration-test/packages/atoms/same-content/index.js.snap

@@ -0,0 +1,4 @@
+module.exports = {
+  bar: "EV62sS",
+  foo_bar: "JYUOso"
+};

integration-test/packages/atoms/same-content/module.css.json.snap

@@ -0,0 +1 @@
+{"bar":"EV62sS","foo_bar":"JYUOso"}

integration-test/packages/atoms/same-content/module.css.snap

@@ -0,0 +1,7 @@
+.bar {
+	color: blue;
+}
+
+.foo_bar {
+	color: blue;
+}

integration-test/packages/atoms/same-content/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@my-org/same-content",
+  "version": "0.0.1",
+  "main": "index.js",
+  "module": "index.esm.js",
+  "sideEffects": false
+}

integration-test/packages/atoms/same-content/result.css.snap

@@ -0,0 +1,7 @@
+.EV62sS {
+	color: blue;
+}
+
+.JYUOso {
+	color: blue;
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@utilitycss/atomic",
-  "version": "0.19.1",
+  "version": "0.20.0",
   "author": "Andrea Moretti (@axyz) <axyzxp@gmail.com>",
   "description": "Atomic CSS composition for yarn workspaces",
   "repository": "utilitycss/atomic",

src/postcss/atomic-css-modules/generateScopedName.ts

@@ -20,7 +20,7 @@ const generateScopedName: generateScopedName = ({
     let pkgName = "";
     const definitionsMap = new Map();
     const isElectron = importedElectronRE.test(filename);
-    root.walkRules(new RegExp(`(\.${name}|:import)`), (rule): any => {
+    root.walkRules(new RegExp(`(\\.${name}|:import)`), (rule): any => {
       if (isElectron) {
         // ensure that a rule that appear multiple times has the same hash
         // e.g. inside media queries or when ICSS imported in a different atom.

templates/package.json.hbs

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