Feat/code split css bundle for wallet connector only

packages/react/.parcelrc

@@ -23,4 +23,4 @@
       "@parcel/optimizer-terser"
     ]
   }
-}
+}

packages/react/modules/wallet-connector.css.ts

@@ -0,0 +1,21 @@
+// Custom entry point for the wallet connector styles
+// Contains only the styles that are needed for the wallet connector
+
+// ==== Core components ====
+import "../src/ui/button/button.css";
+import "../src/ui/text/text.css";
+import "../src/ui/avatar/avatar.css";
+import "../src/ui/basic-modal/basic-modal.css";
+import "../src/ui/shared/shared.css";
+import { rainbowSprinkles as _rainbowSprinkles } from "../src/styles/rainbow-sprinkles.css";
+
+// ==== Connect modal components ====
+import "../src/ui/connect-modal/connect-modal.css";
+import "../src/ui/connect-modal-head/connect-modal-head.css";
+import "../src/ui/connect-modal-install-button/connect-modal-install-button.css";
+import "../src/ui/connect-modal-qrcode/connect-modal-qrcode.css";
+import "../src/ui/connect-modal-qrcode-error/connect-modal-qrcode-error.css";
+import "../src/ui/connect-modal-qrcode-skeleton/connect-modal-qrcode-skeleton.css";
+import "../src/ui/connect-modal-status/connect-modal-status.css";
+import "../src/ui/connect-modal-wallet-button/connect-modal-wallet-button.css";
+import "../src/ui/connect-modal-wallet-list/connect-modal-wallet-list.css";

packages/react/package.json

@@ -24,6 +24,10 @@
       "import": "./dist/styles/global.css.css",
       "require": "./dist/styles/global.css.css"
     },
+    "./walletConnector": {
+      "import": "./dist/modules/wallet-connector.css.css",
+      "require": "./dist/modules/wallet-connector.css.css"
+    },
     "./package.json": "./package.json"
   },
   "targets": {
@@ -45,9 +49,13 @@
       "source": "src/styles/global.css.ts",
       "context": "browser",
       "distDir": "./dist"
+    },
+    "walletConnector": {
+      "source": "modules/wallet-connector.css.ts",
+      "context": "browser",
+      "distDir": "./dist"
     }
   },
-  "sideEffects": false,
   "browserslist": "> 0.5%, last 2 versions, not dead",
   "@parcel/resolver-default": {
     "packageExports": true
@@ -159,4 +167,4 @@
     "vite-plugin-replace": "^0.1.1"
   },
   "gitHead": "05adf69046d07d6f764b96cf54cbaa492de06d95"
-}
+}

packages/vue/.parcelrc

@@ -22,4 +22,4 @@
       "@parcel/optimizer-terser"
     ]
   }
-}
+}