switch to "composes" instead of "extends"

Author: geelen

src/index.js

@@ -1,6 +1,6 @@
 import postcss from 'postcss';
 
-const declWhitelist = ['extends'],
+const declWhitelist = ['composes'],
   declFilter = new RegExp(`^(${declWhitelist.join('|')})$`),
   matchImports = /^([\w\s]+?)\s+from\s+(?:"([^"]+)"|'([^']+)')$/;
 

test/custom-import-name.js

@@ -9,8 +9,8 @@ var processor = require("../");
 
 describe("custom-import-name", function() {
   it("should allow to provide a custom imported name", function() {
-    var input = ":local(.name) { extends: abc from \"def\"; }";
-    var expected = ":import(\"def\") {\n  abc-from-def: abc;\n}\n:local(.name) { extends: abc-from-def; }";
+    var input = ":local(.name) { composes: abc from \"def\"; }";
+    var expected = ":import(\"def\") {\n  abc-from-def: abc;\n}\n:local(.name) { composes: abc-from-def; }";
     var pipeline = postcss([processor({
       createImportedName: function(importName, path) { return importName + "-from-" + path; }
     })]);

test/test-cases/import-comment/expected.css

@@ -1,6 +1,6 @@
 /*
 :local(.exportName) {
-  extends: importName from "path/library.css";
+  composes: importName from "path/library.css";
   other: rule;
 }
 */

test/test-cases/import-comment/source.css

@@ -1,6 +1,6 @@
 /*
 :local(.exportName) {
-  extends: importName from "path/library.css";
+  composes: importName from "path/library.css";
   other: rule;
 }
 */

test/test-cases/import-consolidate/expected.css

@@ -7,10 +7,10 @@
   i__imported_otherLibImport_3: otherLibImport;
 }
 :local(.exportName) {
-  extends: i__imported_importName_0 i__imported_secondImport_1;
+  composes: i__imported_importName_0 i__imported_secondImport_1;
   other: rule;
 }
 :local(.otherExport) {
-  extends: i__imported_thirdImport_2;
-  extends: i__imported_otherLibImport_3;
+  composes: i__imported_thirdImport_2;
+  composes: i__imported_otherLibImport_3;
 }

test/test-cases/import-consolidate/source.css

@@ -1,9 +1,9 @@
 
 :local(.exportName) {
-  extends: importName secondImport from 'path/library.css';
+  composes: importName secondImport from 'path/library.css';
   other: rule;
 }
 :local(.otherExport) {
-  extends: thirdImport from 'path/library.css';
-  extends: otherLibImport from 'path/other-lib.css';
+  composes: thirdImport from 'path/library.css';
+  composes: otherLibImport from 'path/other-lib.css';
 }

test/test-cases/import-local-extends/expected.css

@@ -1,4 +1,4 @@
 :local(.exportName) {
-  extends: localName;
+  composes: localName;
   other: rule;
 }

test/test-cases/import-local-extends/source.css

@@ -1,4 +1,4 @@
 :local(.exportName) {
-  extends: localName;
+  composes: localName;
   other: rule;
 }

test/test-cases/import-media/expected.css

@@ -5,13 +5,13 @@
 
 @media screen {
   :local(.exportName) {
-    extends: i__imported_importName_0;
-    extends: i__imported_importName2_1;
+    composes: i__imported_importName_0;
+    composes: i__imported_importName2_1;
     other: rule2;
   }
 }
 
 :local(.exportName) {
-  extends: i__imported_importName_0;
+  composes: i__imported_importName_0;
   other: rule;
 }

test/test-cases/import-media/source.css

@@ -1,12 +1,12 @@
 @media screen {
   :local(.exportName) {
-    extends: importName from "path/library.css";
-    extends: importName2 from "path/library.css";
+    composes: importName from "path/library.css";
+    composes: importName2 from "path/library.css";
     other: rule2;
   }
 }
 
 :local(.exportName) {
-  extends: importName from "path/library.css";
+  composes: importName from "path/library.css";
   other: rule;
 }