fix: scoped class attribute

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-other-than-class-attribute/expected.error.txt

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

test/test-cases/error-other-than-class-attribute/source.css

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

test/test-cases/error-other-than-equal- in-class-attribute/expected.error.txt

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

test/test-cases/error-other-than-equal- in-class-attribute/source.css

@@ -0,0 +1,3 @@
+:local(.exportName1[class*="exportName2"]) {
+  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;
+}