fix: scoped class attribute (#30)

Author: TheSTL

src/index.js

@@ -134,6 +134,16 @@ const plugin = (options = {}) => {
               ),
             });
           }
+          case "attribute": {
+            if (node.attribute === "class" && node.operator === "=") {
+              return selectorParser.attribute({
+                attribute: node.attribute,
+                operator: node.operator,
+                quoteMark: "'",
+                value: exportScopedName(node.value),
+              });
+            }
+          }
         }
 
         throw new Error(

test/test-cases/error-when-attribute-is-href/expected.error.txt

@@ -0,0 +1 @@
+attribute \("\[href\^="https"]\"\) is not allowed in a :local block

test/test-cases/error-when-attribute-is-href/source.css

@@ -0,0 +1,3 @@
+:local(.exportName1[href^="https"]) {
+  color: blue;
+}

test/test-cases/error-when-attribute-is-target/expected.error.txt

@@ -0,0 +1 @@
+attribute \("\[target\="_blank"]\"\) is not allowed in a :local block

test/test-cases/error-when-attribute-is-target/source.css

@@ -0,0 +1,3 @@
+:local(.exportName1[target="_blank"]) {
+  color: blue;
+}

test/test-cases/error-when-attribute-is-title/expected.error.txt

@@ -0,0 +1 @@
+attribute \("\[title\="flower"]\"\) is not allowed in a :local block

test/test-cases/error-when-attribute-is-title/source.css

@@ -0,0 +1,3 @@
+:local(.exportName1[title="flower"]) {
+  color: blue;
+}

test/test-cases/error-when-attribute-is-type/expected.error.txt

@@ -0,0 +1 @@
+attribute \("\[type\="text"]\"\) is not allowed in a :local block

test/test-cases/error-when-attribute-is-type/source.css

@@ -0,0 +1,3 @@
+:local(.exportName1[type="text"]) {
+  color: blue;
+}

test/test-cases/export-class-attribute/expected.css

@@ -0,0 +1,16 @@
+._input__exportName1 {
+  color: red;
+}
+
+._input__exportName2 {
+  color: green;
+}
+
+._input__exportName2[class=_input__exportName1] {
+  color: blue;
+}
+
+:export {
+  exportName1: _input__exportName1;
+  exportName2: _input__exportName2;
+}

test/test-cases/export-class-attribute/source.css

@@ -0,0 +1,11 @@
+:local(.exportName1) {
+  color: red;
+}
+
+:local(.exportName2) {
+  color: green;
+}
+
+:local(.exportName2[class="exportName1"]) {
+  color: blue;
+}