docs: fix beta tag (#5321)

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

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>
   </>
 )}>
 

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" &&