From 05dbc7a8775df04ad8c973b1c83e41a2338bfc11 Mon Sep 17 00:00:00 2001
From: Shahed Nasser <shahednasser@gmail.com>
Date: Mon, 9 Oct 2023 14:05:55 +0300
Subject: [PATCH] docs: fix beta tag (#5321)

---
 .../modules/products/storefront/show-products.mdx      | 10 +++++-----
 .../modules/products/storefront/use-categories.mdx     |  6 +++---
 www/packages/docs-ui/src/components/Badge/index.tsx    |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/www/apps/docs/content/modules/products/storefront/show-products.mdx b/www/apps/docs/content/modules/products/storefront/show-products.mdx
index f98420f342..ac779a8d0c 100644
--- a/www/apps/docs/content/modules/products/storefront/show-products.mdx
+++ b/www/apps/docs/content/modules/products/storefront/show-products.mdx
@@ -99,7 +99,7 @@ export default Products
 <TabItem value="module" label={(
   <>
     @medusajs/product
-    <Badge variant="orange-dark">beta</Badge>
+    <Badge variant="orange">beta</Badge>
   </>
 )} attributes={{
   badge: true
@@ -199,7 +199,7 @@ export default Products
 <TabItem value="module" label={(
   <>
     @medusajs/product
-    <Badge variant="orange-dark">beta</Badge>
+    <Badge variant="orange">beta</Badge>
   </>
 )} attributes={{
   badge: true
@@ -297,7 +297,7 @@ export default Products
 <TabItem value="module" label={(
   <>
     @medusajs/product
-    <Badge variant="orange-dark">beta</Badge>
+    <Badge variant="orange">beta</Badge>
   </>
 )} attributes={{
   badge: true
@@ -670,7 +670,7 @@ export default Products
 <TabItem value="module" label={(
   <>
     @medusajs/product
-    <Badge variant="orange-dark">beta</Badge>
+    <Badge variant="orange">beta</Badge>
   </>
 )} attributes={{
   badge: true
@@ -774,7 +774,7 @@ export default Products
 <TabItem value="module" label={(
   <>
     @medusajs/product
-    <Badge variant="orange-dark">beta</Badge>
+    <Badge variant="orange">beta</Badge>
   </>
 )} attributes={{
   badge: true
diff --git a/www/apps/docs/content/modules/products/storefront/use-categories.mdx b/www/apps/docs/content/modules/products/storefront/use-categories.mdx
index e5abf3b353..b16f1ca0a5 100644
--- a/www/apps/docs/content/modules/products/storefront/use-categories.mdx
+++ b/www/apps/docs/content/modules/products/storefront/use-categories.mdx
@@ -105,7 +105,7 @@ export default Categories
 <TabItem value="module" label={(
   <>
     @medusajs/product
-    <Badge variant="orange-dark">beta</Badge>
+    <Badge variant="orange" className="ml-0.5">beta</Badge>
   </>
 )}>
 
@@ -196,7 +196,7 @@ export default Category
 <TabItem value="module" label={(
   <>
     @medusajs/product
-    <Badge variant="orange-dark">beta</Badge>
+    <Badge variant="orange">beta</Badge>
   </>
 )}>
 
@@ -311,7 +311,7 @@ export default Categories
 <TabItem value="module" label={(
   <>
     @medusajs/product
-    <Badge variant="orange-dark">beta</Badge>
+    <Badge variant="orange">beta</Badge>
   </>
 )}>
 
diff --git a/www/packages/docs-ui/src/components/Badge/index.tsx b/www/packages/docs-ui/src/components/Badge/index.tsx
index a1affbb9ae..3a33e67a57 100644
--- a/www/packages/docs-ui/src/components/Badge/index.tsx
+++ b/www/packages/docs-ui/src/components/Badge/index.tsx
@@ -18,7 +18,7 @@ export const Badge = ({ className, variant, children }: BadgeProps) => {
   return (
     <span
       className={clsx(
-        "text-compact-x-small-plus px-docs_0.4 rounded-docs_sm border border-solid py-px text-center",
+        "text-compact-x-small-plus px-docs_0.25 py-0 rounded-docs_sm border border-solid text-center",
         variant === "purple" &&
           "bg-medusa-tag-purple-bg text-medusa-tag-purple-text border-medusa-tag-purple-border",
         variant === "orange" &&