@compiled/webpack-loader 0.18.1 → 0.19.0

package/dist/types.d.ts

@@ -126,7 +126,7 @@ export interface CompiledExtractPluginOptions {
     /**
      * Whether to sort shorthand and longhand properties,
      * eg. `margin` before `margin-top` for enforced determinism.
-     * Defaults to `false`.
+     * Defaults to `true`.
      */
     sortShorthand?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@compiled/webpack-loader",
-  "version": "0.18.1",
+  "version": "0.19.0",
   "description": "A familiar and performant compile time CSS-in-JS library for React.",
   "homepage": "https://compiledcssinjs.com/docs/pkg-webpack-loader",
   "bugs": "https://github.com/atlassian-labs/compiled/issues/new?assignees=&labels=bug&template=bug_report.md",
@@ -22,11 +22,11 @@
   "dependencies": {
     "@babel/core": "^7.21.8",
     "@babel/parser": "^7.21.8",
-    "@compiled/babel-plugin": "^0.32.2",
-    "@compiled/babel-plugin-strip-runtime": "^0.32.2",
-    "@compiled/css": "^0.17.0",
-    "@compiled/utils": "^0.13.0",
-    "enhanced-resolve": "^5.15.0",
+    "@compiled/babel-plugin": "^0.33.0",
+    "@compiled/babel-plugin-strip-runtime": "^0.33.0",
+    "@compiled/css": "^0.18.0",
+    "@compiled/utils": "^0.13.1",
+    "enhanced-resolve": "^5.17.1",
     "loader-utils": "^2.0.4",
     "webpack-sources": "^3.2.3"
   },

package/src/__tests__/extract-plugin.test.ts

@@ -119,8 +119,8 @@ describe('CompiledExtractPlugin', () => {
 
     // Extract the styles into said bundle
     expect(assets[cssFiles[0]]).toMatchInlineSnapshot(`
-      "._19it1e35{border:2px solid coral}
-      ._syaz1vyr{color:coral}
+      "
+      ._19it1e35{border:2px solid coral}._syaz1vyr{color:coral}
       "
     `);
   }, 10000);
@@ -129,12 +129,12 @@ describe('CompiledExtractPlugin', () => {
     const actual = await bundle(join(fixturesPath, 'babel.tsx'));
 
     expect(actual).toMatchInlineSnapshot(`
-      "._19pk1ul9{margin-top:30px}
+      "
+      ._19itlf8h{border:2px solid blue}._19pk1ul9{margin-top:30px}
       ._19bvftgi{padding-left:8px}
       ._n3tdftgi{padding-bottom:8px}
       ._u5f3ftgi{padding-right:8px}
       ._ca0qftgi{padding-top:8px}
-      ._19itlf8h{border:2px solid blue}
       ._1wyb1ul9{font-size:30px}
       ._syaz13q2{color:blue}
       "
@@ -155,30 +155,30 @@ describe('CompiledExtractPlugin', () => {
     const actual = await bundle(join(fixturesPath, 'binding-not-found.tsx'));
 
     expect(actual).toMatchInlineSnapshot(`
-      "._syaz1r31{color:currentColor}
+      "
+      ._n7zl17qw{border-bottom:1px solid transparent}
+      ._n7zl1l01{border-bottom:1px solid rgba(135,119,217,0.2)}._syaz1r31{color:currentColor}
       ._ajmmnqa1{text-decoration-style:solid}
       ._1hmsglyw{text-decoration-line:none}
       ._4bfu1r31{text-decoration-color:currentColor}
-      ._n7zl17qw{border-bottom:1px solid transparent}
-      ._n7zl1l01{border-bottom:1px solid rgba(135,119,217,0.2)}
       ._syaz1cj8{color:var(--_xexnhp)}
       ._p12f1us4{max-width:140rem}
-      ._18u01wug{margin-left:auto}
-      ._otyridpf{margin-bottom:0}
-      ._2hwx1wug{margin-right:auto}
-      ._19pkidpf{margin-top:0}
       ._1xi2idpf{right:0}
       ._1ltvidpf{left:0}
       ._154iidpf{top:0}
       ._kqswstnw{position:absolute}
       ._1pbykb7n{z-index:1}
+      ._4cvr1h6o{align-items:center}
+      ._1e0c1txw{display:flex}
+      ._4t3i1jdh{height:9rem}
+      ._18u01wug{margin-left:auto}
+      ._otyridpf{margin-bottom:0}
+      ._2hwx1wug{margin-right:auto}
+      ._19pkidpf{margin-top:0}
       ._19bv1wto{padding-left:3rem}
       ._n3tdidpf{padding-bottom:0}
       ._u5f31wto{padding-right:3rem}
       ._ca0qidpf{padding-top:0}
-      ._4cvr1h6o{align-items:center}
-      ._1e0c1txw{display:flex}
-      ._4t3i1jdh{height:9rem}
       "
     `);
   }, 10000);
@@ -187,9 +187,10 @@ describe('CompiledExtractPlugin', () => {
     const actual = await bundle(join(fixturesPath, 'extracted-component.tsx'));
 
     expect(actual).toMatchInlineSnapshot(`
-      "._1wyb1fwx{font-size:12px}
-      ._19bv1vi7{padding-left:32px}
+      "
       ._19itlf8h{border:2px solid blue}
+      ._1wyb1fwx{font-size:12px}
+      ._19bv1vi7{padding-left:32px}
       ._19pk1ul9{margin-top:30px}
       ._1wyb1ul9{font-size:30px}
       ._bfhk1gy6{background-color:yellow}

package/src/types.ts

@@ -148,7 +148,7 @@ export interface CompiledExtractPluginOptions {
   /**
    * Whether to sort shorthand and longhand properties,
    * eg. `margin` before `margin-top` for enforced determinism.
-   * Defaults to `false`.
+   * Defaults to `true`.
    */
   sortShorthand?: boolean;
 }