fix(ui,icons,ui-preset): Fix CodeBlock and Command components (#10369)

.changeset/strange-trainers-watch.md

@@ -0,0 +1,6 @@
+---
+"@medusajs/ui-preset": patch
+"@medusajs/icons": patch
+---
+
+feat(ui,icons,ui-preset): Sync with latest changes from Figma, and fix Code components

packages/design-system/icons/src/components/__tests__/amazon.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import Amazon from "../amazon"
+
+  describe("Amazon", () => {
+    it("should render the icon without errors", async () => {
+      render(<Amazon data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/arrow-right-down.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import ArrowRightDown from "../arrow-right-down"
+
+  describe("ArrowRightDown", () => {
+    it("should render the icon without errors", async () => {
+      render(<ArrowRightDown data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/bell-alert-done.spec.tsx

@@ -1,16 +1,17 @@
-import * as React from "react"
-import { cleanup, render, screen } from "@testing-library/react"
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
 
-import BellAlertDone from "../bell-alert-done"
+  import BellAlertDone from "../bell-alert-done"
 
-describe("BellAlertDone", () => {
-  it("should render the icon without errors", async () => {
-    render(<BellAlertDone data-testid="icon" />)
+  describe("BellAlertDone", () => {
+    it("should render the icon without errors", async () => {
+      render(<BellAlertDone data-testid="icon" />)
 
-    const svgElement = screen.getByTestId("icon")
 
-    expect(svgElement).toBeInTheDocument()
+      const svgElement = screen.getByTestId("icon")
 
-    cleanup()
-  })
-})
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/broom-sparkle.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import BroomSparkle from "../broom-sparkle"
+
+  describe("BroomSparkle", () => {
+    it("should render the icon without errors", async () => {
+      render(<BroomSparkle data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/button.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import Button from "../button"
+
+  describe("Button", () => {
+    it("should render the icon without errors", async () => {
+      render(<Button data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/caret-maximize-diagonal.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import CaretMaximizeDiagonal from "../caret-maximize-diagonal"
+
+  describe("CaretMaximizeDiagonal", () => {
+    it("should render the icon without errors", async () => {
+      render(<CaretMaximizeDiagonal data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/caret-minimize-diagonal.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import CaretMinimizeDiagonal from "../caret-minimize-diagonal"
+
+  describe("CaretMinimizeDiagonal", () => {
+    it("should render the icon without errors", async () => {
+      render(<CaretMinimizeDiagonal data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/circle-sliders.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import CircleSliders from "../circle-sliders"
+
+  describe("CircleSliders", () => {
+    it("should render the icon without errors", async () => {
+      render(<CircleSliders data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/clone-dashed.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import CloneDashed from "../clone-dashed"
+
+  describe("CloneDashed", () => {
+    it("should render the icon without errors", async () => {
+      render(<CloneDashed data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/decision-process.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import DecisionProcess from "../decision-process"
+
+  describe("DecisionProcess", () => {
+    it("should render the icon without errors", async () => {
+      render(<DecisionProcess data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/directions.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import Directions from "../directions"
+
+  describe("Directions", () => {
+    it("should render the icon without errors", async () => {
+      render(<Directions data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/featured-badge.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import FeaturedBadge from "../featured-badge"
+
+  describe("FeaturedBadge", () => {
+    it("should render the icon without errors", async () => {
+      render(<FeaturedBadge data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/hand-truck.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import HandTruck from "../hand-truck"
+
+  describe("HandTruck", () => {
+    it("should render the icon without errors", async () => {
+      render(<HandTruck data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/heart-broken.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import HeartBroken from "../heart-broken"
+
+  describe("HeartBroken", () => {
+    it("should render the icon without errors", async () => {
+      render(<HeartBroken data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/house.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import House from "../house"
+
+  describe("House", () => {
+    it("should render the icon without errors", async () => {
+      render(<House data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/levels.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import Levels from "../levels"
+
+  describe("Levels", () => {
+    it("should render the icon without errors", async () => {
+      render(<Levels data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/media-play.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import MediaPlay from "../media-play"
+
+  describe("MediaPlay", () => {
+    it("should render the icon without errors", async () => {
+      render(<MediaPlay data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/scroll-text.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import ScrollText from "../scroll-text"
+
+  describe("ScrollText", () => {
+    it("should render the icon without errors", async () => {
+      render(<ScrollText data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/sendgrid.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import Sendgrid from "../sendgrid"
+
+  describe("Sendgrid", () => {
+    it("should render the icon without errors", async () => {
+      render(<Sendgrid data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })

packages/design-system/icons/src/components/__tests__/shipbob.spec.tsx

@@ -0,0 +1,17 @@
+  import * as React from "react"
+  import { cleanup, render, screen } from "@testing-library/react"
+
+  import Shipbob from "../shipbob"
+
+  describe("Shipbob", () => {
+    it("should render the icon without errors", async () => {
+      render(<Shipbob data-testid="icon" />)
+
+
+      const svgElement = screen.getByTestId("icon")
+
+      expect(svgElement).toBeInTheDocument()
+
+      cleanup()
+    })
+  })