From 8d5bf359a9a20be220e035b594d59020ce51aef2 Mon Sep 17 00:00:00 2001
From: Gregor Wassmann <gregor.wassmann@gmail.com>
Date: Tue, 11 Oct 2022 22:45:11 +0200
Subject: [PATCH] chore: use v11 styles for docs

---
 docs/package.json    | 1 +
 docs/src/carbon.scss | 8 ++++++++
 docs/src/index.js    | 2 +-
 docs/yarn.lock       | 7 ++++++-
 4 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 docs/src/carbon.scss

diff --git a/docs/package.json b/docs/package.json
index 8ed2d344..f1b9733a 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -10,6 +10,7 @@
     "build:svite": "vite build"
   },
   "devDependencies": {
+    "@ibm/plex": "^6.1.1",
     "@sveltech/routify": "^1.9.10",
     "@sveltejs/vite-plugin-svelte": "^3.0.1",
     "carbon-components-svelte": "../",
diff --git a/docs/src/carbon.scss b/docs/src/carbon.scss
new file mode 100644
index 00000000..cd2f0c96
--- /dev/null
+++ b/docs/src/carbon.scss
@@ -0,0 +1,8 @@
+@use '@carbon/styles' with ($prefix: 'bx');
+@use '@carbon/themes';
+@use '@ibm/plex/scss/ibm-plex.scss';
+
+:root {
+  // Emit CSS Custom Properties for the current theme
+  @include themes.theme();
+}
diff --git a/docs/src/index.js b/docs/src/index.js
index 67d5f68b..a0e43fab 100644
--- a/docs/src/index.js
+++ b/docs/src/index.js
@@ -1,5 +1,5 @@
 import App from "./App.svelte";
-import "../../css/all.css";
+import "./carbon.scss";
 import "./global.css";
 
 const app = new App({ target: document.body });
diff --git a/docs/yarn.lock b/docs/yarn.lock
index d2561d54..24c0f8dc 100644
--- a/docs/yarn.lock
+++ b/docs/yarn.lock
@@ -120,6 +120,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.19.9.tgz#b2da6219b603e3fa371a78f53f5361260d0c5585"
   integrity sha512-oxoQgglOP7RH6iasDrhY+R/3cHrfwIDvRlT4CGChflq6twk8iENeVvMJjmvBb94Ik1Z+93iGO27err7w6l54GQ==
 
+"@ibm/plex@^6.1.1":
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/@ibm/plex/-/plex-6.1.1.tgz#eddfd98fe86ecafc74bc8ec7595e7615bb88eb34"
+  integrity sha512-b2z/Gsc8KHOVrYo/yPauRvRDNMwF6zhEZZsvogs1rCmmyfVXBTY9uUkf6TyplhQs/L4UcjBus8R/RDp7yASTBA==
+
 "@jridgewell/gen-mapping@^0.3.0":
   version "0.3.3"
   resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz#7e02e6eb5df901aaedb08514203b096614024098"
@@ -399,7 +404,7 @@ bufferutil@^4.0.1:
     node-gyp-build "~3.7.0"
 
 carbon-components-svelte@../:
-  version "0.82.5"
+  version "0.82.7"
   dependencies:
     flatpickr "4.6.9"