docs: fix tables design + update icons package (#11184)

www/apps/book/package.json

@@ -16,7 +16,7 @@
   "dependencies": {
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
-    "@medusajs/icons": "~2.0.0",
+    "@medusajs/icons": "~2.4.0",
     "@next/mdx": "15.0.4",
     "clsx": "^2.1.0",
     "docs-ui": "*",

www/apps/resources/package.json

@@ -16,7 +16,7 @@
   "dependencies": {
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
-    "@medusajs/icons": "~2.0.0",
+    "@medusajs/icons": "~2.4.0",
     "@next/mdx": "15.0.4",
     "clsx": "^2.1.0",
     "docs-ui": "*",

www/apps/user-guide/package.json

@@ -16,7 +16,7 @@
   "dependencies": {
     "@mdx-js/loader": "^3.1.0",
     "@mdx-js/react": "^3.1.0",
-    "@medusajs/icons": "~2.0.0",
+    "@medusajs/icons": "~2.4.0",
     "@next/mdx": "15.0.4",
     "clsx": "^2.1.0",
     "docs-ui": "*",

www/packages/docs-ui/src/components/Table/index.tsx

@@ -42,7 +42,7 @@ const HeaderCell = ({ className, ...props }: HeaderCellProps) => {
     <UiTable.HeaderCell
       className={clsx(
         className,
-        "text-left px-docs_0.75 py-docs_0.5 break-words",
+        "text-left !px-docs_0.75 py-docs_0.5 break-words",
         "!text-compact-small-plus text-medusa-fg-subtle",
         "first:rounded-tl-docs_DEFAULT last:rounded-tr-docs_DEFAULT"
       )}
@@ -58,7 +58,7 @@ const Cell = ({ className, ...props }: CellProps) => {
     <UiTable.Cell
       className={clsx(
         className,
-        "px-docs_0.75 py-docs_0.5 break-words align-top"
+        "!px-docs_0.75 py-docs_0.5 break-words align-top"
       )}
       {...props}
     />

www/packages/types/package.json

@@ -32,7 +32,7 @@
     "watch": "tsc --watch"
   },
   "devDependencies": {
-    "@medusajs/icons": "~2.0.0",
+    "@medusajs/icons": "~2.4.0",
     "@types/node": "^20.11.20",
     "rimraf": "^5.0.5",
     "tsconfig": "*",

www/yarn.lock

@@ -1639,15 +1639,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@medusajs/icons@npm:~2.0.0":
-  version: 2.0.7
-  resolution: "@medusajs/icons@npm:2.0.7"
-  peerDependencies:
-    react: ^16.x || ^17.x || ^18.x
-  checksum: 84d9d0c8fe2fb3174e286291a86292f80a71a1582b4e8bcba001bcf061a8a4b7654c88bc80c69aee6fd68961e618011e059641c92174eba413e380e148a7ea52
-  languageName: node
-  linkType: hard
-
 "@medusajs/icons@npm:~2.4.0":
   version: 2.4.0
   resolution: "@medusajs/icons@npm:2.4.0"
@@ -5867,7 +5858,7 @@ __metadata:
   dependencies:
     "@mdx-js/loader": ^3.1.0
     "@mdx-js/react": ^3.1.0
-    "@medusajs/icons": ~2.0.0
+    "@medusajs/icons": ~2.4.0
     "@next/mdx": 15.0.4
     "@types/mdx": ^2.0.13
     "@types/node": ^20
@@ -13512,7 +13503,7 @@ __metadata:
   dependencies:
     "@mdx-js/loader": ^3.1.0
     "@mdx-js/react": ^3.1.0
-    "@medusajs/icons": ~2.0.0
+    "@medusajs/icons": ~2.4.0
     "@next/bundle-analyzer": ^15.1.1
     "@next/mdx": 15.0.4
     "@types/mdx": ^2.0.13
@@ -14942,7 +14933,7 @@ turbo@latest:
   version: 0.0.0-use.local
   resolution: "types@workspace:packages/types"
   dependencies:
-    "@medusajs/icons": ~2.0.0
+    "@medusajs/icons": ~2.4.0
     "@types/node": ^20.11.20
     rimraf: ^5.0.5
     tsconfig: "*"
@@ -15408,7 +15399,7 @@ turbo@latest:
   dependencies:
     "@mdx-js/loader": ^3.1.0
     "@mdx-js/react": ^3.1.0
-    "@medusajs/icons": ~2.0.0
+    "@medusajs/icons": ~2.4.0
     "@next/mdx": 15.0.4
     "@types/mdx": ^2.0.13
     "@types/node": ^20