0fe1201435
**What** - Renames /admin-next -> /admin - Renames @medusajs/admin-sdk -> @medusajs/admin-bundler - Creates a new package called @medusajs/admin-sdk that will hold all tooling relevant to creating admin extensions. This is currently `defineRouteConfig` and `defineWidgetConfig`, but will eventually also export methods for adding custom fields, register translation, etc. - cc: @shahednasser we should update the examples in the docs so these functions are imported from `@medusajs/admin-sdk`. People will also need to install the package in their project, as it's no longer a transient dependency. - cc: @olivermrbl we might want to publish a changelog when this is merged, as it is a breaking change, and will require people to import the `defineXConfig` from the new package instead of `@medusajs/admin-shared`. - Updates CODEOWNERS so /admin packages does not require a review from the UI team.
38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
import { clx } from "@medusajs/ui"
|
|
import { ComponentPropsWithoutRef } from "react"
|
|
|
|
interface DividerProps
|
|
extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
|
|
orientation?: "horizontal" | "vertical"
|
|
variant?: "dashed" | "solid"
|
|
}
|
|
|
|
export const Divider = ({
|
|
orientation = "horizontal",
|
|
variant = "solid",
|
|
className,
|
|
...props
|
|
}: DividerProps) => {
|
|
return (
|
|
<div
|
|
aria-orientation={orientation}
|
|
role="separator"
|
|
className={clx(
|
|
"border-ui-border-base",
|
|
{
|
|
"w-full border-t":
|
|
orientation === "horizontal" && variant === "solid",
|
|
"h-full border-l": orientation === "vertical" && variant === "solid",
|
|
"bg-transparent": variant === "dashed",
|
|
"h-px w-full bg-[linear-gradient(90deg,var(--border-strong)_1px,transparent_1px)] bg-[length:4px_1px]":
|
|
variant === "dashed" && orientation === "horizontal",
|
|
"h-full w-px bg-[linear-gradient(0deg,var(--border-strong)_1px,transparent_1px)] bg-[length:1px_4px]":
|
|
variant === "dashed" && orientation === "vertical",
|
|
},
|
|
className
|
|
)}
|
|
{...props}
|
|
/>
|
|
)
|
|
}
|