docs: fix oneOf design hiding more than three items (#10077)

* docs: fix oneOf design hiding more than three items * fix lint errors * fix eslint
medusajs · Nov 13, 2024 · 662b096 · 662b096
1 parent 938f3bd
commit 662b096
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 8 deletions.
diff --git a/www/apps/api-reference/components/Tags/Operation/Parameters/Types/OneOf/index.tsx b/www/apps/api-reference/components/Tags/Operation/Parameters/Types/OneOf/index.tsx
@@ -66,19 +66,21 @@ const TagOperationParamatersOneOf = ({
     return (
       <>
         <div className={clsx("flex items-center gap-1 pl-1")}>
-          <span className="inline-block">One of</span>
-          <ul className="mb-0 flex list-none gap-1">
+          <span className="inline-block text-compact-x-small">One of</span>
+          <ul className="mb-0 flex list-none gap-0.5 flex-wrap">
             {schema.oneOf?.map((item, index) => (
               <li
                 key={index}
                 className={clsx(
-                  "rounded-xs cursor-pointer p-0.5",
-                  "border border-solid",
+                  "rounded-full cursor-pointer px-[10px]",
+                  "flex justify-center items-center text-compact-small-plus",
+                  "focus:shadow-borders-interactive-with-focus transition-colors",
                   activeTab === index && [
-                    "bg-medusa-bg-subtle border-medusa-border-strong",
+                    "text-medusa-fg-base bg-medusa-bg-base",
+                    "shadow-elevation-card-rest dark:shadow-elevation-card-rest-dark",
                   ],
                   activeTab !== index && [
-                    "bg-medusa-bg-base border-medusa-border-base",
+                    "text-medusa-fg-muted hover:text-medusa-fg-base",
                   ]
                 )}
                 onClick={() => setActiveTab(index)}

diff --git a/www/eslint.config.mjs b/www/eslint.config.mjs
@@ -19,7 +19,7 @@ const compat = new FlatCompat({
 export default [
     prettier,
     {
-    ignores: ["**/dist", "**/build"],
+    ignores: ["**/dist", "**/build", "**/global-config.ts"],
 }, ...compat.extends(
     "eslint:recommended",
     "plugin:react/recommended",

diff --git a/www/packages/docs-ui/src/components/CodeBlock/Header/index.tsx b/www/packages/docs-ui/src/components/CodeBlock/Header/index.tsx
@@ -26,7 +26,7 @@ export const CodeBlockHeader = ({
   badgeLabel,
   actionsProps,
   badgeColor,
-  hideActions = false
+  hideActions = false,
 }: CodeBlockHeaderProps) => {
   const { colorMode } = useColorMode()