From 82c4407c453918137078c5394d929ea21f38cdf9 Mon Sep 17 00:00:00 2001
From: Rohit Gohri <code@rohit.page>
Date: Fri, 15 Jul 2022 23:11:29 +0530
Subject: [PATCH] add babel plugin

---
 website/babel.config.js |  1 +
 website/package.json    |  3 ++-
 yarn.lock               | 18 +++++++++++++++++-
 3 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/website/babel.config.js b/website/babel.config.js
index e00595da..49e6ffa0 100644
--- a/website/babel.config.js
+++ b/website/babel.config.js
@@ -1,3 +1,4 @@
 module.exports = {
   presets: [require.resolve('@docusaurus/core/lib/babel/preset')],
+  plugins: ['babel-plugin-styled-components']
 };
diff --git a/website/package.json b/website/package.json
index de5de918..cb45abb4 100644
--- a/website/package.json
+++ b/website/package.json
@@ -31,7 +31,8 @@
   },
   "devDependencies": {
     "@percy/cli": "^1.3.0",
-    "@types/react": "^17.0.45"
+    "@types/react": "^17.0.45",
+    "babel-plugin-styled-components": "^2.0.7"
   },
   "browserslist": {
     "production": [
diff --git a/yarn.lock b/yarn.lock
index 06c37237..71a828d5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5291,6 +5291,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-styled-components@npm:^2.0.7":
+  version: 2.0.7
+  resolution: "babel-plugin-styled-components@npm:2.0.7"
+  dependencies:
+    "@babel/helper-annotate-as-pure": ^7.16.0
+    "@babel/helper-module-imports": ^7.16.0
+    babel-plugin-syntax-jsx: ^6.18.0
+    lodash: ^4.17.11
+    picomatch: ^2.3.0
+  peerDependencies:
+    styled-components: ">= 2"
+  checksum: 80b06b10db02d749432a0ac43a5feedd686f6b648628d7433a39b1844260b2b7c72431f6e705c82636ee025fcfd4f6c32fc05677e44033b8a39ddcd4488b3147
+  languageName: node
+  linkType: hard
+
 "babel-plugin-syntax-jsx@npm:^6.18.0":
   version: 6.18.0
   resolution: "babel-plugin-syntax-jsx@npm:6.18.0"
@@ -11696,7 +11711,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"picomatch@npm:^2.0.4, picomatch@npm:^2.2.1, picomatch@npm:^2.3.1":
+"picomatch@npm:^2.0.4, picomatch@npm:^2.2.1, picomatch@npm:^2.3.0, picomatch@npm:^2.3.1":
   version: 2.3.1
   resolution: "picomatch@npm:2.3.1"
   checksum: 050c865ce81119c4822c45d3c84f1ced46f93a0126febae20737bd05ca20589c564d6e9226977df859ed5e03dc73f02584a2b0faad36e896936238238b0446cf
@@ -12913,6 +12928,7 @@ __metadata:
     "@docusaurus/preset-classic": ^2.0.0-beta.21
     "@percy/cli": ^1.3.0
     "@types/react": ^17.0.45
+    babel-plugin-styled-components: ^2.0.7
     clsx: ^1.1.1
     react: ^17.0.2
     react-dom: ^17.0.2