asyavee/medusa-store
1
0 Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

api-ref: custom API reference (#4770)

Browse Source 
* initialized next.js project

* finished markdown sections

* added operation schema component

* change page metadata

* eslint fixes

* fixes related to deployment

* added response schema

* resolve max stack issue

* support for different property types

* added support for property types

* added loading for components

* added more loading

* type fixes

* added oneOf type

* removed console

* fix replace with push

* refactored everything

* use static content for description

* fixes and improvements

* added code examples section

* fix path name

* optimizations

* fixed tag navigation

* add support for admin and store references

* general enhancements

* optimizations and fixes

* fixes and enhancements

* added search bar

* loading enhancements

* added loading

* added code blocks

* added margin top

* add empty response text

* fixed oneOf parameters

* added path and query parameters

* general fixes

* added base path env variable

* small fix for arrays

* enhancements

* design enhancements

* general enhancements

* fix isRequired

* added enum values

* enhancements

* general fixes

* general fixes

* changed oas generation script

* additions to the introduction section

* added copy button for code + other enhancements

* fix response code block

* fix metadata

* formatted store introduction

* move sidebar logic to Tags component

* added test env variables

* fix code block bug

* added loading animation

* added expand param + loading

* enhance operation loading

* made responsive + improvements

* added loading provider

* fixed loading

* adjustments for small devices

* added sidebar label for endpoints

* added feedback component

* fixed analytics

* general fixes

* listen to scroll for other headings

* added sample env file

* update api ref files + support new fields

* fix for external docs link

* added new sections

* fix last item in sidebar not showing

* move docs content to www/docs

* change redirect url

* revert change

* resolve build errors

* configure rewrites

* changed to environment variable url

* revert changing environment variable name

* add environment variable for API path

* fix links

* fix tailwind settings

* remove vercel file

* reconfigured api route

* move api page under api

* fix page metadata

* fix external link in navigation bar

* update api spec

* updated api specs

* fixed google lint error

* add max-height on request samples

* add padding before loading

* fix for one of name

* fix undefined types

* general fixes

* remove response schema example

* redesigned navigation bar

* redesigned sidebar

* fixed up paddings

* added feedback component + report issue

* fixed up typography, padding, and general styling

* redesigned code blocks

* optimization

* added error timeout

* fixes

* added indexing with algolia + fixes

* fix errors with algolia script

* redesign operation sections

* fix heading scroll

* design fixes

* fix padding

* fix padding + scroll issues

* fix scroll issues

* improve scroll performance

* fixes for safari

* optimization and fixes

* fixes to docs + details animation

* padding fixes for code block

* added tab animation

* fixed incorrect link

* added selection styling

* fix lint errors

* redesigned details component

* added detailed feedback form

* api reference fixes

* fix tabs

* upgrade + fixes

* updated documentation links

* optimizations to sidebar items

* fix spacing in sidebar item

* optimizations and fixes

* fix endpoint path styling

* remove margin

* final fixes

* change margin on small devices

* generated OAS

* fixes for mobile

* added feedback modal

* optimize dark mode button

* fixed color mode useeffect

* minimize dom size

* use new style system

* radius and spacing design system

* design fixes

* fix eslint errors

* added meta files

* change cron schedule

* fix docusaurus configurations

* added operating system to feedback data

* change content directory name

* fixes to contribution guidelines

* revert renaming content

* added api-reference to documentation workflow

* fixes for search

* added dark mode + fixes

* oas fixes

* handle bugs

* added code examples for clients

* changed tooltip text

* change authentication to card

* change page title based on selected section

* redesigned mobile navbar

* fix icon colors

* fix key colors

* fix medusa-js installation command

* change external regex in algolia

* change changeset

* fix padding on mobile

* fix hydration error

* update depedencies
This commit is contained in:
Shahed Nasser authored and GitHub committed 2023-08-15 18:07:54 +03:00
1 parent 16249ec280
commit 914d773d3a
3270 files changed
+22075 -192064
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

www/docs/src/components/Badge/index.tsx
+9 -9
View File
@@ -10,23 +10,23 @@ const Badge: React.FC<BadgeProps> = ({ className, variant, children }) => {
return (
<span
className={clsx(
"tw-text-label-x-small-plus tw-py-px tw-px-0.4 tw-rounded tw-border tw-border-solid tw-text-center",
"text-compact-x-small-plus py-px px-0.4 rounded-sm border border-solid text-center",
variant === "purple" &&
"tw-bg-medusa-tag-purple-bg dark:tw-bg-medusa-tag-purple-bg-dark tw-text-medusa-tag-purple-text dark:tw-text-medusa-tag-purple-text-dark tw-border-medusa-tag-purple-border dark:tw-border-medusa-tag-purple-border-dark",
"bg-medusa-tag-purple-bg dark:bg-medusa-tag-purple-bg-dark text-medusa-tag-purple-text dark:text-medusa-tag-purple-text-dark border-medusa-tag-purple-border dark:border-medusa-tag-purple-border-dark",
variant === "purple-dark" &&
"tw-bg-medusa-tag-purple-bg-dark tw-text-medusa-tag-purple-text-dark tw-border-medusa-tag-purple-border-dark",
"bg-medusa-tag-purple-bg-dark text-medusa-tag-purple-text-dark border-medusa-tag-purple-border-dark",
variant === "orange" &&
"tw-bg-medusa-tag-orange-bg dark:tw-bg-medusa-tag-orange-bg-dark tw-text-medusa-tag-orange-text dark:tw-text-medusa-tag-orange-text-dark tw-border-medusa-tag-orange-border dark:tw-border-medusa-tag-orange-border-dark",
"bg-medusa-tag-orange-bg dark:bg-medusa-tag-orange-bg-dark text-medusa-tag-orange-text dark:text-medusa-tag-orange-text-dark border-medusa-tag-orange-border dark:border-medusa-tag-orange-border-dark",
variant === "orange-dark" &&
"tw-bg-medusa-tag-orange-bg-dark tw-text-medusa-tag-orange-text-dark tw-border-medusa-tag-orange-border-dark",
"bg-medusa-tag-orange-bg-dark text-medusa-tag-orange-text-dark border-medusa-tag-orange-border-dark",
variant === "green" &&
"tw-bg-medusa-tag-green-bg dark:tw-bg-medusa-tag-green-bg-dark tw-text-medusa-tag-green-text dark:tw-text-medusa-tag-green-text-dark tw-border-medusa-tag-green-border dark:tw-border-medusa-tag-green-border-dark",
"bg-medusa-tag-green-bg dark:bg-medusa-tag-green-bg-dark text-medusa-tag-green-text dark:text-medusa-tag-green-text-dark border-medusa-tag-green-border dark:border-medusa-tag-green-border-dark",
variant === "green-dark" &&
"tw-bg-medusa-tag-green-bg-dark tw-text-medusa-tag-green-text-dark tw-border-medusa-tag-green-border-dark",
"bg-medusa-tag-green-bg-dark text-medusa-tag-green-text-dark border-medusa-tag-green-border-dark",
variant === "blue" &&
"tw-bg-medusa-tag-blue-bg dark:tw-bg-medusa-tag-blue-bg-dark tw-text-medusa-tag-blue-text dark:tw-text-medusa-tag-blue-text-dark tw-border-medusa-tag-blue-border dark:tw-border-medusa-tag-blue-border-dark",
"bg-medusa-tag-blue-bg dark:bg-medusa-tag-blue-bg-dark text-medusa-tag-blue-text dark:text-medusa-tag-blue-text-dark border-medusa-tag-blue-border dark:border-medusa-tag-blue-border-dark",
variant === "blue-dark" &&
"tw-bg-medusa-tag-blue-bg-dark tw-text-medusa-tag-blue-text-dark tw-border-medusa-tag-blue-border-dark",
"bg-medusa-tag-blue-bg-dark text-medusa-tag-blue-text-dark border-medusa-tag-blue-border-dark",
"badge",
className
)}
www/docs/src/components/Bordered/index.tsx
+1 -1
View File
@@ -9,7 +9,7 @@ const Bordered: React.FC<BorderedProps> = ({ wrapperClassName, children }) => {
return (
<span
className={clsx(
"tw-inline-flex tw-justify-center tw-items-center tw-rounded tw-p-[3px] tw-border tw-border-solid tw-border-medusa-border-strong dark:tw-border-medusa-border-strong-dark tw-mr-1 tw-w-fit tw-bg-docs-bg dark:tw-bg-docs-bg-dark",
"inline-flex justify-center items-center rounded p-[3px] border border-solid border-medusa-border-strong dark:border-medusa-border-strong-dark mr-1 w-fit bg-docs-bg dark:bg-docs-bg-dark",
"no-zoom-img",
wrapperClassName
)}
www/docs/src/components/BorderedIcon/index.tsx
+1 -1
View File
@@ -28,7 +28,7 @@ const BorderedIcon: React.FC<BorderedIconProp> = ({
<Bordered wrapperClassName={wrapperClassName}>
<span
className={clsx(
"tw-inline-flex tw-justify-center tw-items-center tw-rounded-sm tw-p-[2px] tw-bg-medusa-bg-component dark:tw-bg-medusa-bg-component-dark",
"inline-flex justify-center items-center rounded-xs p-0.125 bg-medusa-bg-component dark:bg-medusa-bg-component-dark",
iconWrapperClassName
)}
>
www/docs/src/components/Button/index.tsx
+2 -2
View File
@@ -1,7 +1,7 @@
import React from "react"
import clsx from "clsx"
type ButtonProps = {
export type ButtonProps = {
btnTypeClassName?: string
className?: string
onClick?: React.MouseEventHandler<HTMLButtonElement>
@@ -18,7 +18,7 @@ const Button: React.FC<ButtonProps> = ({
return (
<button
className={clsx(
!btnTypeClassName?.length && "btn-primary",
!btnTypeClassName?.length && "btn-secondary",
btnTypeClassName,
className
)}
www/docs/src/components/CopyButton/index.tsx
+1 -1
View File
@@ -35,7 +35,7 @@ const CopyButton: React.FC<CopyButtonProps> = ({
tooltipClassName={tooltipClassName}
>
<span
className={clsx("tw-cursor-pointer", buttonClassName)}
className={clsx("cursor-pointer", buttonClassName)}
onClick={handleCopy}
>
{children}
www/docs/src/components/DocSidebarItemIcon/index.tsx
+2 -2
View File
@@ -25,7 +25,7 @@ const DocSidebarItemIcon: React.FC<DocSidebarItemIconProps> = ({
iconClassName={clsx("sidebar-item-icon")}
iconColorClassName={clsx(
is_disabled &&
"tw-stroke-medusa-icon-disabled dark:tw-stroke-medusa-icon-disabled-dark"
"stroke-medusa-fg-disabled dark:stroke-medusa-fg-disabled-dark"
)}
/>
)}
@@ -34,7 +34,7 @@ const DocSidebarItemIcon: React.FC<DocSidebarItemIconProps> = ({
className={clsx("sidebar-item-icon")}
iconColorClassName={
is_disabled &&
"tw-stroke-medusa-icon-disabled dark:tw-stroke-medusa-icon-disabled-dark"
"stroke-medusa-fg-disabled dark:stroke-medusa-fg-disabled-dark"
}
/>
)}
www/docs/src/components/Feedback/Solutions/index.tsx
+3 -3
View File
@@ -59,14 +59,14 @@ const Solutions: React.FC<SolutionsProps> = ({ feedback, message }) => {
return (
<>
{possibleSolutions.length > 0 && (
<div className="tw-text-label-large-plus tw-font-normal">
<span className="tw-inline-block tw-my-1 tw-mx-0">
<div className="text-compact-large-plus font-normal">
<span className="inline-block my-1 mx-0">
If you faced a problem, here are some possible solutions from
GitHub:
</span>
<ul>
{possibleSolutions.map((solution) => (
<li key={solution.url} className="tw-mb-0.5 last:tw-mb-0">
<li key={solution.url} className="mb-0.5 last:mb-0">
<a href={solution.html_url} target="_blank" rel="noreferrer">
{solution.title}
</a>
www/docs/src/components/Feedback/index.tsx
+85 -15
View File
@@ -7,6 +7,10 @@ import uuid from "react-uuid"
import Solutions from "./Solutions/index"
import Button from "../Button"
import { useUser } from "@site/src/providers/User"
import Details from "../../theme/Details"
import TextArea from "../TextArea"
import Label from "../Label"
import InputText from "../Input/Text"
type FeedbackProps = {
event?: string
@@ -19,6 +23,7 @@ type FeedbackProps = {
submitMessage?: string
showPossibleSolutions?: boolean
className?: string
showLongForm?: boolean
} & React.HTMLAttributes<HTMLDivElement>
const Feedback: React.FC<FeedbackProps> = ({
@@ -32,6 +37,7 @@ const Feedback: React.FC<FeedbackProps> = ({
submitMessage = "Thank you for helping improve our documentation!",
showPossibleSolutions = true,
className = "",
showLongForm = true,
}) => {
const [showForm, setShowForm] = useState(false)
const [submittedFeedback, setSubmittedFeedback] = useState(false)
@@ -51,6 +57,10 @@ const Feedback: React.FC<FeedbackProps> = ({
const isBrowser = useIsBrowser()
const location = useLocation()
const { track } = useUser()
const [steps, setSteps] = useState("")
const [medusaVersion, setMedusaVersion] = useState("")
const [errorFix, setErrorFix] = useState("")
const [contactInfo, setContactInfo] = useState("")
function handleFeedback(e) {
const feedback = e.target.classList.contains("positive")
@@ -75,6 +85,13 @@ const Feedback: React.FC<FeedbackProps> = ({
? "yes"
: "no",
message: message?.length ? message : null,
os: isBrowser ? window.navigator.userAgent : "",
additional_data: {
steps,
medusaVersion,
errorFix,
contactInfo,
},
},
function () {
if (showForm) {
@@ -101,7 +118,7 @@ const Feedback: React.FC<FeedbackProps> = ({
}, [id])
return (
<div className={`tw-py-2 ${className}`}>
<div className={`py-2 ${className}`}>
<SwitchTransition mode="out-in">
<CSSTransition
key={
@@ -124,41 +141,94 @@ const Feedback: React.FC<FeedbackProps> = ({
<>
{!showForm && !submittedFeedback && (
<div
className="tw-flex tw-flex-row tw-items-center"
className="flex flex-row items-center"
ref={inlineFeedbackRef}
>
<span className="tw-mr-1.5 tw-text-body-regular">
{question}
</span>
<Label className="mr-1.5">{question}</Label>
<Button
onClick={handleFeedback}
className="tw-w-fit tw-mr-0.5 last:tw-mr-0 positive"
className="w-fit mr-0.5 last:mr-0 positive"
>
{positiveBtn}
</Button>
<Button
onClick={handleFeedback}
className="tw-w-fit tw-mr-0.5 last:tw-mr-0"
className="w-fit mr-0.5 last:mr-0"
>
{negativeBtn}
</Button>
</div>
)}
{showForm && !submittedFeedback && (
<div className="tw-flex tw-flex-col" ref={inlineQuestionRef}>
<span className="tw-mb-1">
<div className="flex flex-col" ref={inlineQuestionRef}>
<Label className="mb-1">
{positiveFeedback ? positiveQuestion : negativeQuestion}
</span>
<textarea
</Label>
<TextArea
rows={4}
value={message}
onChange={(e) => setMessage(e.target.value)}
className="tw-rounded-sm tw-bg-transparent tw-border tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark tw-p-1 tw-font-base"
></textarea>
/>
{showLongForm && !positiveFeedback && (
<Details summary="More Details" className="mt-1">
<div className="flex flex-col gap-0.5">
<div className="flex flex-col gap-0.5">
<Label>
Can you provide the exact steps you took before
receiving the error? For example, the commands you
ran.
</Label>
<TextArea
rows={4}
value={steps}
onChange={(e) => setSteps(e.target.value)}
placeholder="1. I ran npm dev..."
/>
</div>
<div className="flex flex-col gap-0.5">
<Label>
If applicable, what version of Medusa are you using?
If a plugin is related to the error, please provide a
version of that as well.
</Label>
<TextArea
rows={4}
value={medusaVersion}
onChange={(e) => setMedusaVersion(e.target.value)}
placeholder="@medusajs/medusa: vX"
/>
</div>
<div className="flex flex-col gap-0.5">
<Label>
Were you able to fix the error? If so, what steps did
you follow?
</Label>
<TextArea
rows={4}
value={errorFix}
onChange={(e) => setErrorFix(e.target.value)}
placeholder="@medusajs/medusa: vX"
/>
</div>
<div className="flex flex-col gap-0.5">
<Label>
Can you provide your email or discord username? This
would allow us to contact you for further info or
assist you with your issue.
</Label>
<InputText
value={contactInfo}
onChange={(e) => setContactInfo(e.target.value)}
placeholder="user@example.com"
/>
</div>
</div>
</Details>
)}
<Button
onClick={submitFeedback}
disabled={loading}
className="tw-mt-1 tw-w-fit"
className="mt-1 w-fit"
>
{submitBtn}
</Button>
@@ -167,7 +237,7 @@ const Feedback: React.FC<FeedbackProps> = ({
{submittedFeedback && (
<div>
<div
className="tw-flex tw-flex-col tw-text-label-large-plus"
className="flex flex-col text-compact-large-plus"
ref={inlineMessageRef}
>
<span>{submitMessage}</span>
www/docs/src/components/Footer/SocialLinks/index.tsx
+6 -10
View File
@@ -12,27 +12,23 @@ type SocialLinksProps = {
const SocialLinks: React.FC<SocialLinksProps> = ({ links = [] }) => {
const socialIcons = {
twitter: (
<IconTwitter iconColorClassName="tw-fill-medusa-icon-muted dark:tw-fill-medusa-icon-muted-dark group-hover:tw-fill-medusa-icon-subtle dark:group-hover:tw-fill-medusa-icon-subtle-dark" />
<IconTwitter iconColorClassName="fill-medusa-fg-muted dark:fill-medusa-fg-muted-dark group-hover:fill-medusa-fg-subtle dark:group-hover:fill-medusa-fg-subtle-dark" />
),
github: (
<IconGitHub iconColorClassName="tw-fill-medusa-icon-muted dark:tw-fill-medusa-icon-muted-dark group-hover:tw-fill-medusa-icon-subtle dark:group-hover:tw-fill-medusa-icon-subtle-dark" />
<IconGitHub iconColorClassName="fill-medusa-fg-muted dark:fill-medusa-fg-muted-dark group-hover:fill-medusa-fg-subtle dark:group-hover:fill-medusa-fg-subtle-dark" />
),
discord: (
<IconDiscord iconColorClassName="tw-fill-medusa-icon-muted dark:tw-fill-medusa-icon-muted-dark group-hover:tw-fill-medusa-icon-subtle dark:group-hover:tw-fill-medusa-icon-subtle-dark" />
<IconDiscord iconColorClassName="fill-medusa-fg-muted dark:fill-medusa-fg-muted-dark group-hover:fill-medusa-fg-subtle dark:group-hover:fill-medusa-fg-subtle-dark" />
),
linkedin: (
<IconLinkedIn iconColorClassName="tw-fill-medusa-icon-muted dark:tw-fill-medusa-icon-muted-dark group-hover:tw-fill-medusa-icon-subtle dark:group-hover:tw-fill-medusa-icon-subtle-dark" />
<IconLinkedIn iconColorClassName="fill-medusa-fg-muted dark:fill-medusa-fg-muted-dark group-hover:fill-medusa-fg-subtle dark:group-hover:fill-medusa-fg-subtle-dark" />
),
}
return (
<div className="tw-flex tw-items-center">
<div className="flex items-center">
{links.map((link) => (
<a
className="tw-group tw-ml-1 first:tw-ml-0"
href={link.href}
key={link.type}
>
<a className="group ml-1 first:ml-0" href={link.href} key={link.type}>
{socialIcons[link.type]}
</a>
))}
www/docs/src/components/Input/Text/index.tsx
+32
View File
@@ -0,0 +1,32 @@
import clsx from "clsx"
import React from "react"
type InputTextProps = {
className?: string
} & React.DetailedHTMLProps<
React.InputHTMLAttributes<HTMLInputElement>,
HTMLInputElement
>
const InputText: React.FC<InputTextProps> = (props) => {
return (
<input
{...props}
className={clsx(
"bg-medusa-bg-field dark:bg-medusa-bg-field-dark shadow-button-secondary dark:shadow-button-secondary-dark",
"rounded border-medusa-border-loud-muted dark:border-medusa-border-loud-muted-dark border border-solid",
"px-0.75 py-[9px]",
"hover:bg-medusa-bg-field-hover dark:hover:bg-medusa-bg-field-hover-dark",
"focus:border-medusa-border-interactive dark:focus:border-medusa-border-interactive-dark",
"active:border-medusa-border-interactive dark:active:border-medusa-border-interactive-dark",
"disabled:bg-medusa-bg-disabled dark:disabled:bg-medusa-bg-disabled-dark",
"disabled:border-medusa-border-base dark:disabled:border-medusa-border-base-dark",
"placeholder:text-medusa-fg-muted dark:placeholder:text-medusa-fg-muted-dark",
"disabled:placeholder:text-medusa-fg-disabled dark:disabled:placeholder:text-medusa-fg-disabled-dark",
"text-compact-medium font-base",
props.className
)}
/>
)
}
export default InputText
www/docs/src/components/Label/index.tsx
+21
View File
@@ -0,0 +1,21 @@
import clsx from "clsx"
import React from "react"
type LabelProps = {
className?: string
} & React.HTMLAttributes<HTMLSpanElement>
const Label: React.FC<LabelProps> = ({ children, className }) => {
return (
<span
className={clsx(
"text-medusa-fg-base dark:text-medusa-fg-base-dark text-compact-medium-plus",
className
)}
>
{children}
</span>
)
}
export default Label
www/docs/src/components/LargeCard/index.tsx
+21 -21
View File
@@ -33,23 +33,23 @@ const LargeCard: React.FC<LargeCardProps> = ({
return (
<article
className={clsx(
"tw-group tw-bg-docs-bg-surface dark:tw-bg-docs-bg-surface-dark",
"tw-rounded",
"tw-p-1 !tw-pb-1.5 tw-shadow-card-rest dark:tw-shadow-card-rest-dark",
"tw-flex tw-flex-col tw-justify-between tw-relative",
"[&:nth-child(3n+1):before]:tw-bg-[2%_52%] [&:nth-child(3n+2):before]:tw-bg-[19%_16%] [&:nth-child(3n+3):before]:tw-bg-[17%_50%]",
"group bg-docs-bg-surface dark:bg-docs-bg-surface-dark",
"rounded",
"p-1 !pb-1.5 shadow-card-rest dark:shadow-card-rest-dark",
"flex flex-col justify-between relative",
"[&:nth-child(3n+1):before]:bg-[2%_52%] [&:nth-child(3n+2):before]:bg-[19%_16%] [&:nth-child(3n+3):before]:bg-[17%_50%]",
!isSoon &&
"hover:tw-bg-medusa-bg-subtle-hover dark:hover:tw-bg-medusa-bg-base-hover-dark hover:tw-shadow-card-hover dark:hover:tw-shadow-card-hover-dark",
"hover:bg-medusa-bg-subtle-hover dark:hover:bg-medusa-bg-base-hover-dark hover:shadow-card-hover dark:hover:shadow-card-hover-dark",
!isSoon &&
"group-hover:tw-bg-medusa-bg-subtle-hover dark:group-hover:tw-bg-medusa-bg-base-hover-dark group-hover:tw-shadow-card-hover dark:group-hover:tw-shadow-card-hover-dark",
"tw-transition-all tw-duration-200 tw-ease-ease",
"group-hover:bg-medusa-bg-subtle-hover dark:group-hover:bg-medusa-bg-base-hover-dark group-hover:shadow-card-hover dark:group-hover:shadow-card-hover-dark",
"transition-all duration-200 ease-ease",
"large-card",
className
)}
>
<div className={clsx("tw-z-[3]")}>
<div className={clsx("z-[3]")}>
{isSoon && (
<Badge variant={"purple"} className="tw-absolute tw-top-1 tw-right-1">
<Badge variant={"purple"} className="absolute top-1 right-1">
Guide coming soon
</Badge>
)}
@@ -57,18 +57,18 @@ const LargeCard: React.FC<LargeCardProps> = ({
<BorderedIcon
IconComponent={Icon}
icon={image}
iconClassName="tw-w-[20px] tw-h-[20px]"
wrapperClassName="tw-mb-1"
iconWrapperClassName="tw-p-[6px]"
iconClassName="w-[20px] h-[20px]"
wrapperClassName="mb-1"
iconWrapperClassName="p-[6px]"
/>
)}
<div className="tw-mb-[4px]">
<div className="mb-0.25">
<span
className={clsx(
isSoon &&
"group-hover:tw-text-medusa-text-disabled dark:group-hover:tw-text-medusa-text-disabled-dark",
"tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark tw-text-label-regular-plus",
"tw-transition-all tw-duration-200 tw-ease-ease"
"group-hover:text-medusa-fg-disabled dark:group-hover:text-medusa-fg-disabled-dark",
"text-medusa-fg-base dark:text-medusa-fg-base-dark text-compact-medium-plus",
"transition-all duration-200 ease-ease"
)}
>
{title}
@@ -77,8 +77,8 @@ const LargeCard: React.FC<LargeCardProps> = ({
<div
className={clsx(
isSoon &&
"group-hover:tw-text-medusa-text-disabled dark:group-hover:tw-text-medusa-text-disabled-dark",
"tw-transition-all tw-duration-200 tw-ease-ease tw-text-body-regular"
"group-hover:text-medusa-fg-disabled dark:group-hover:text-medusa-fg-disabled-dark",
"transition-all duration-200 ease-ease text-medium"
)}
>
{children}
@@ -88,8 +88,8 @@ const LargeCard: React.FC<LargeCardProps> = ({
<Link
href={href}
className={clsx(
"tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-full tw-z-[4] tw-rounded",
isSoon && "group-hover:tw-pointer-events-none"
"absolute top-0 left-0 w-full h-full z-[4] rounded",
isSoon && "group-hover:pointer-events-none"
)}
></Link>
)}
www/docs/src/components/LargeCardList/index.tsx
+3 -3
View File
@@ -16,9 +16,9 @@ const LargeCardList: React.FC<LargeCardListProps> = ({
className={clsx(
"cards-grid",
`grid-${colSize}`,
"tw-gap-1",
"[&+*:not(.large-card)]:tw-mt-2",
"[&+.large-card]:tw-mt-1",
"gap-1",
"[&+*:not(.large-card)]:mt-2",
"[&+.large-card]:mt-1",
className
)}
>
www/docs/src/components/LearningPath/Finish/index.tsx
+1 -1
View File
@@ -31,7 +31,7 @@ const LearningPathFinish: React.FC<LearningPathFinishProps> = ({
<Rating event={step.eventName} onRating={onRating} />
)}
{type === "custom" && (
<span className="tw-text-label-small tw-text-medusa-text-subtle dark:tw-text-medusa-text-subtle-dark">
<span className="text-compact-small text-medusa-fg-subtle dark:text-medusa-fg-subtle-dark">
{step.descriptionJSX}
</span>
)}
www/docs/src/components/LearningPath/Icon/index.tsx
+3 -6
View File
@@ -14,17 +14,14 @@ const LearningPathIcon: React.FC<LearningPathIconProps> = ({
return (
<div
className={clsx(
"tw-rounded-full tw-shadow-card-rest dark:tw-shadow-card-rest-dark tw-w-3 tw-h-3 tw-bg-button-neutral dark:tw-bg-button-neutral-dark",
"tw-flex tw-justify-center tw-items-center tw-flex-none",
"rounded-full shadow-card-rest dark:shadow-card-rest-dark w-3 h-3 bg-docs-button-neutral dark:bg-docs-button-neutral-dark",
"flex justify-center items-center flex-none",
className
)}
>
<img
src={useBaseUrl("/img/learning-path-img.png")}
className={clsx(
"tw-rounded-full tw-w-[40px] tw-h-[40px] no-zoom-img",
imgClassName
)}
className={clsx("rounded-full w-2.5 h-2.5 no-zoom-img", imgClassName)}
/>
</div>
)
www/docs/src/components/LearningPath/Steps/Actions/index.tsx
+3 -3
View File
@@ -22,15 +22,15 @@ const LearningPathStepActions: React.FC<LearningPathStepActionsType> = ({
}
return (
<div className="tw-flex tw-gap-0.5 tw-p-1 tw-justify-end tw-items-center">
<div className="flex gap-0.5 p-1 justify-end items-center">
<Button onClick={onClose}>Close</Button>
{hasNextStep() && (
<Button onClick={nextStep} btnTypeClassName="btn-inverted">
<Button onClick={nextStep} btnTypeClassName="btn-primary">
Next
</Button>
)}
{!hasNextStep() && (
<Button onClick={handleFinish} btnTypeClassName="btn-inverted">
<Button onClick={handleFinish} btnTypeClassName="btn-primary">
Finish
</Button>
)}
www/docs/src/components/LearningPath/Steps/index.tsx
+12 -14
View File
@@ -24,38 +24,38 @@ const LearningPathSteps: React.FC<LearningPathStepsProps> = ({ ...rest }) => {
{path.steps.map((step, index) => (
<div
className={clsx(
"tw-border-0 tw-border-b tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark",
"tw-relative tw-p-1"
"border-0 border-b border-solid border-medusa-border-base dark:border-medusa-border-base-dark",
"relative p-1"
)}
key={index}
>
<div className={clsx("tw-flex tw-items-center tw-gap-1")}>
<div className="tw-w-2 tw-flex-none tw-flex tw-items-center tw-justify-center">
<div className={clsx("flex items-center gap-1")}>
<div className="w-2 flex-none flex items-center justify-center">
{index === currentStep && (
<IconCircleDottedLine
className="tw-shadow-active dark:tw-shadow-active-dark tw-rounded-full"
iconColorClassName="tw-stroke-medusa-icon-interactive dark:tw-stroke-medusa-icon-interactive-dark"
className="shadow-active dark:shadow-active-dark rounded-full"
iconColorClassName="stroke-medusa-fg-interactive dark:stroke-medusa-fg-interactive-dark"
/>
)}
{index < currentStep && (
<IconCheckCircleSolid iconColorClassName="tw-fill-medusa-icon-interactive dark:tw-fill-medusa-icon-interactive-dark" />
<IconCheckCircleSolid iconColorClassName="fill-medusa-fg-interactive dark:fill-medusa-fg-interactive-dark" />
)}
{index > currentStep && <IconCircleMiniSolid />}
</div>
<span
className={clsx(
"tw-text-label-regular-plus tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark"
"text-compact-medium-plus text-medusa-fg-base dark:text-medusa-fg-base-dark"
)}
>
{step.title}
</span>
</div>
{index === currentStep && (
<div className={clsx("tw-flex tw-items-center tw-gap-1")}>
<div className="tw-w-2 tw-flex-none"></div>
<div className={clsx("flex items-center gap-1")}>
<div className="w-2 flex-none"></div>
<div
className={clsx(
"tw-text-body-regular tw-text-medusa-text-subtle dark:tw-text-medusa-text-subtle-dark tw-mt-1"
"text-medium text-medusa-fg-subtle dark:text-medusa-fg-subtle-dark mt-1"
)}
>
{step.descriptionJSX ?? step.description}
@@ -65,9 +65,7 @@ const LearningPathSteps: React.FC<LearningPathStepsProps> = ({ ...rest }) => {
{index < currentStep && (
<Link
href={step.path}
className={clsx(
"tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-full"
)}
className={clsx("absolute top-0 left-0 w-full h-full")}
onClick={(e) => {
e.preventDefault()
goToStep(index)
www/docs/src/components/LearningPath/index.tsx
+11 -14
View File
@@ -3,7 +3,6 @@ import { useNotifications } from "@site/src/providers/NotificationProvider"
import { getLearningPath } from "@site/src/utils/learning-paths"
import clsx from "clsx"
import React from "react"
import useBaseUrl from "@docusaurus/useBaseUrl"
import Button from "../Button"
import IconCircleMiniSolid from "@site/src/theme/Icon/CircleMiniSolid"
import LearningPathIcon from "./Icon"
@@ -34,20 +33,20 @@ const LearningPath: React.FC<LearningPathProps> = ({
return (
<div
className={clsx(
"tw-rounded tw-shadow-card-rest dark:tw-shadow-card-rest-dark tw-bg-docs-bg-surface dark:tw-bg-docs-bg-surface-dark tw-mt-1.5 tw-mb-4",
"rounded shadow-card-rest dark:shadow-card-rest-dark bg-docs-bg-surface dark:bg-docs-bg-surface-dark mt-1.5 mb-4",
className
)}
>
<div
className={clsx(
"tw-flex tw-items-center tw-gap-1 tw-p-1 tw-border-0 tw-border-b tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark"
"flex items-center gap-1 p-1 border-0 border-b border-solid border-medusa-border-base dark:border-medusa-border-base-dark"
)}
>
<LearningPathIcon />
<div className={clsx("tw-flex-auto")}>
<div className={clsx("flex-auto")}>
<span
className={clsx(
"tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark tw-text-label-large-plus tw-block"
"text-medusa-fg-base dark:text-medusa-fg-base-dark text-compact-large-plus block"
)}
>
{path.label}
@@ -55,34 +54,32 @@ const LearningPath: React.FC<LearningPathProps> = ({
{path.description && (
<span
className={clsx(
"tw-text-medusa-text-subtle dark:tw-text-medusa-text-subtle-dark tw-text-label-regular tw-mt-[4px] tw-inline-block"
"text-medusa-fg-subtle dark:text-medusa-fg-subtle-dark text-compact-medium mt-0.25 inline-block"
)}
>
{path.description}
</span>
)}
</div>
<Button onClick={handleClick} className={clsx("tw-flex-initial")}>
<Button onClick={handleClick} className={clsx("flex-initial")}>
Start Path
</Button>
</div>
{path.steps.map((step, index) => (
<div
className={clsx(
"tw-flex tw-items-center tw-p-1 tw-gap-1",
"flex items-center p-1 gap-1",
index !== path.steps.length - 1 &&
"tw-border-0 tw-border-b tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark"
"border-0 border-b border-solid border-medusa-border-base dark:border-medusa-border-base-dark"
)}
key={index}
>
<div
className={clsx("tw-w-3 tw-flex tw-items-center tw-justify-center")}
>
<IconCircleMiniSolid iconColorClassName="tw-stroke-medusa-icon-muted dark:tw-stroke-medusa-icon-muted-dark" />
<div className={clsx("w-3 flex items-center justify-center")}>
<IconCircleMiniSolid iconColorClassName="stroke-medusa-fg-muted dark:stroke-medusa-fg-muted-dark" />
</div>
<span
className={clsx(
"tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark tw-text-label-regular-plus"
"text-medusa-fg-base dark:text-medusa-fg-base-dark text-compact-medium-plus"
)}
>
{step.title}
www/docs/src/components/MDXComponents/InlineCode.tsx
+6 -6
View File
@@ -8,17 +8,17 @@ const MDXInlineCode: React.FC<Props> = (props) => {
<CopyButton
text={props.children as string}
buttonClassName={clsx(
"tw-bg-transparent tw-border-0 tw-p-0 tw-inline tw-text-medusa-text-subtle dark:tw-text-medusa-text-subtle-dark",
"active:[&>code]:tw-bg-medusa-bg-subtle-pressed dark:active:[&>code]:tw-bg-medusa-bg-subtle-pressed-dark",
"focus:[&>code]:tw-bg-medusa-bg-subtle-pressed dark:focus:[&>code]:tw-bg-medusa-bg-subtle-pressed-dark",
"hover:[&>code]:tw-bg-medusa-bg-subtle-hover dark:hover:[&>code]:tw-bg-medusa-bg-base-hover-dark"
"bg-transparent border-0 p-0 inline text-medusa-fg-subtle dark:text-medusa-fg-subtle-dark",
"active:[&>code]:bg-medusa-bg-subtle-pressed dark:active:[&>code]:bg-medusa-bg-subtle-pressed-dark",
"focus:[&>code]:bg-medusa-bg-subtle-pressed dark:focus:[&>code]:bg-medusa-bg-subtle-pressed-dark",
"hover:[&>code]:bg-medusa-bg-subtle-hover dark:hover:[&>code]:bg-medusa-bg-base-hover-dark"
)}
>
<code
{...props}
className={clsx(
"tw-border tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark",
"tw-text-medusa-text-subtle dark:tw-text-medusa-text-subtle-dark tw-leading-6"
"border border-solid border-medusa-border-base dark:border-medusa-border-base-dark",
"text-medusa-fg-subtle dark:text-medusa-fg-subtle-dark leading-6"
)}
/>
</CopyButton>
www/docs/src/components/Modal/index.tsx
+73
View File
@@ -0,0 +1,73 @@
import clsx from "clsx"
import React from "react"
import Button, { ButtonProps } from "../Button"
import IconXMark from "../../theme/Icon/XMark"
export type ModalProps = {
className?: string
title?: string
actions?: ButtonProps[]
} & React.DetailedHTMLProps<
React.DialogHTMLAttributes<HTMLDialogElement>,
HTMLDialogElement
>
const Modal: React.FC<ModalProps> = ({
className,
title,
actions,
children,
...props
}) => {
return (
<dialog
{...props}
className={clsx(
"absolute top-0 left-0 flex w-screen h-screen justify-center items-center",
"",
className
)}
>
<div
className={clsx(
"bg-medusa-bg-base dark:bg-medusa-bg-base-dark rounded",
"border-medusa-border-base dark:border-medusa-border-base-dark border border-solid",
"shadow-modal dark:shadow-modal-dark",
"w-[90%] md:w-[75%] lg:w-1/2"
)}
>
<div
className={clsx(
"py-1.5 px-2 border-0 border-solid border-b border-medusa-border-base dark:border-medusa-border-base-dark",
"flex justify-between items-center"
)}
>
<span
className={clsx(
"text-h1 text-medusa-fg-base dark:text-medusa-fg-base-dark"
)}
>
{title}
</span>
<IconXMark />
</div>
<div>{children}</div>
{actions && actions?.length > 0 && (
<div
className={clsx(
"pl-0 pr-2 px-1.5",
"border-0 border-solid border-t border-medusa-border-base dark:border-medusa-border-base-dark",
"flex justify-end gap-0.5"
)}
>
{actions.map((action, index) => (
<Button {...action} key={index} />
))}
</div>
)}
</div>
</dialog>
)
}
export default Modal
www/docs/src/components/Navbar/Actions/index.tsx
+3 -3
View File
@@ -14,7 +14,7 @@ const NavbarActions: React.FC<NavbarActionsProps> = ({
className = "",
}) => {
return (
<div className={clsx("lg:tw-block tw-hidden", className)}>
<div className={clsx("lg:block hidden", className)}>
{items.map((item, index) => {
// eslint-disable-next-line no-case-declarations
const ItemIcon = item.icon ? Icon[item.icon] : null
@@ -25,7 +25,7 @@ const NavbarActions: React.FC<NavbarActionsProps> = ({
text={item.title}
html={item.html}
key={index}
tooltipClassName="!tw-text-label-x-small-plus"
tooltipClassName="!text-compact-x-small-plus"
>
<a
href={item.href}
@@ -46,7 +46,7 @@ const NavbarActions: React.FC<NavbarActionsProps> = ({
text={item.title}
html={item.html}
key={index}
tooltipClassName="!tw-text-label-x-small-plus"
tooltipClassName="!text-compact-x-small-plus"
>
<button
className={clsx(
www/docs/src/components/Notification/Container/index.tsx
+3 -3
View File
@@ -35,7 +35,7 @@ const NotificationContainer = () => {
onClose={() => handleClose(notification)}
className={clsx(
notification.className,
"!tw-relative !tw-top-0 !tw-bottom-0 !tw-right-0"
"!relative !top-0 !bottom-0 !right-0"
)}
/>
</CSSTransition>
@@ -48,11 +48,11 @@ const NotificationContainer = () => {
<>
{renderFilteredNotifications(
(notification) => notification.placement === "top",
"tw-flex tw-fixed tw-flex-col tw-gap-0.5 md:tw-right-1 tw-right-0 md:tw-top-1 tw-top-0 tw-z-[400] md:tw-w-auto tw-w-full"
"flex fixed flex-col gap-0.5 md:right-1 right-0 md:top-1 top-0 z-[400] md:w-auto w-full"
)}
{renderFilteredNotifications(
(notification) => notification.placement !== "top",
"tw-flex tw-flex-col tw-gap-0.5 tw-fixed md:tw-right-1 tw-right-0 md:tw-bottom-1 tw-bottom-0 tw-z-[400] md:tw-w-auto tw-w-full"
"flex flex-col gap-0.5 fixed md:right-1 right-0 md:bottom-1 bottom-0 z-[400] md:w-auto w-full"
)}
</>
)
www/docs/src/components/Notification/Item/Layout/Default/index.tsx
+14 -15
View File
@@ -24,33 +24,32 @@ const NotificationItemLayoutDefault: React.FC<
}) => {
return (
<>
<div className={clsx("tw-flex tw-gap-1 tw-p-1")}>
<div className={clsx("flex gap-1 p-1")}>
{type !== "none" && (
<div
className={clsx(
type !== "custom" &&
"tw-w-2 tw-flex tw-justify-center tw-items-center"
type !== "custom" && "w-2 flex justify-center items-center"
)}
>
{type === "info" && (
<IconInformationCircleSolid iconColorClassName="tw-fill-medusa-support-info dark:tw-fill-medusa-support-info-dark" />
<IconInformationCircleSolid iconColorClassName="fill-medusa-fg-interactive-dark" />
)}
{type === "error" && (
<IconXCircleSolid iconColorClassName="tw-fill-medusa-tag-red-icon dark:tw-fill-medusa-tag-red-icon-dark" />
<IconXCircleSolid iconColorClassName="fill-medusa-tag-red-icon dark:fill-medusa-tag-red-icon-dark" />
)}
{type === "warning" && (
<IconExclamationCircleSolid iconColorClassName="tw-fill-medusa-tag-orange-icon dark:tw-fill-medusa-tag-orange-icon-dark" />
<IconExclamationCircleSolid iconColorClassName="fill-medusa-tag-orange-icon dark:fill-medusa-tag-orange-icon-dark" />
)}
{type === "success" && (
<IconCheckCircleSolid iconColorClassName="tw-fill-medusa-tag-green-icon dark:tw-fill-medusa-tag-green-icon-dark" />
<IconCheckCircleSolid iconColorClassName="fill-medusa-tag-green-icon dark:fill-medusa-tag-green-icon-dark" />
)}
{type === "custom" && CustomIcon}
</div>
)}
<span
className={clsx(
"tw-text-label-regular-plus",
"tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark"
"text-compact-medium-plus",
"text-medusa-fg-base dark:text-medusa-fg-base-dark"
)}
>
{title}
@@ -59,16 +58,16 @@ const NotificationItemLayoutDefault: React.FC<
{(text || children) && (
<div
className={clsx(
"tw-flex tw-pt-0 tw-pr-1 tw-pb-1.5 tw-pl-1 tw-gap-1",
"tw-border-0 tw-border-b tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark"
"flex pt-0 pr-1 pb-1.5 pl-1 gap-1",
"border-0 border-b border-solid border-medusa-border-base dark:border-medusa-border-base-dark"
)}
>
<div className="tw-w-2 tw-flex-none"></div>
<div className={clsx("tw-flex tw-flex-col", children && "tw-gap-1")}>
<div className="w-2 flex-none"></div>
<div className={clsx("flex flex-col", children && "gap-1")}>
{text && (
<span
className={clsx(
"tw-text-body-regular tw-text-medusa-text-subtle dark:tw-text-medusa-text-subtle-dark"
"text-medium text-medusa-fg-subtle dark:text-medusa-fg-subtle-dark"
)}
>
{text}
@@ -79,7 +78,7 @@ const NotificationItemLayoutDefault: React.FC<
</div>
)}
{isClosable && (
<div className={clsx("tw-p-1 tw-flex tw-justify-end tw-items-center")}>
<div className={clsx("p-1 flex justify-end items-center")}>
<Button onClick={handleClose}>Close</Button>
</div>
)}
www/docs/src/components/Notification/Item/index.tsx
+8 -8
View File
@@ -1,5 +1,5 @@
import clsx from "clsx"
import React, { Children, ReactElement, useEffect, useRef } from "react"
import React, { Children, ReactElement } from "react"
import NotificationItemLayoutDefault from "./Layout/Default"
export type NotificationItemProps = {
@@ -35,13 +35,13 @@ const Notification = ({
return (
<div
className={clsx(
"md:tw-max-w-[320px] md:tw-w-[320px] tw-w-full tw-bg-medusa-bg-base dark:tw-bg-medusa-bg-base-dark tw-rounded",
"tw-shadow-flyout dark:tw-shadow-flyout-dark",
"tw-fixed md:tw-right-1 tw-left-0 tw-block tw-z-[400]",
placement === "bottom" && "md:tw-bottom-1 tw-bottom-0",
placement === "top" && "md:tw-top-1 tw-top-0",
"tw-opacity-100 tw-transition-opacity tw-duration-200 tw-ease-ease",
!show && "!tw-opacity-0",
"md:max-w-[320px] md:w-[320px] w-full bg-medusa-bg-base dark:bg-medusa-bg-base-dark rounded",
"shadow-flyout dark:shadow-flyout-dark",
"fixed md:right-1 left-0 block z-[400]",
placement === "bottom" && "md:bottom-1 bottom-0",
placement === "top" && "md:top-1 top-0",
"opacity-100 transition-opacity duration-200 ease-ease",
!show && "!opacity-0",
className
)}
>
www/docs/src/components/Rating/index.tsx
+2 -2
View File
@@ -40,7 +40,7 @@ const Rating: React.FC<RatingProps> = ({
}
return (
<div className={clsx("tw-flex tw-gap-0.5", className)}>
<div className={clsx("flex gap-0.5", className)}>
{starArr.map((i) => {
const isSelected =
(rating !== 0 && rating - 1 >= i) ||
@@ -68,7 +68,7 @@ const Rating: React.FC<RatingProps> = ({
>
{!isSelected && <IconStar />}
{isSelected && (
<IconStarSolid iconColorClassName="tw-fill-medusa-tag-orange-icon dark:tw-fill-medusa-tag-orange-icon-dark" />
<IconStarSolid iconColorClassName="fill-medusa-tag-orange-icon dark:fill-medusa-tag-orange-icon-dark" />
)}
</button>
)
www/docs/src/components/TextArea/index.tsx
+33
View File
@@ -0,0 +1,33 @@
import React from "react"
import clsx from "clsx"
type TextAreaProps = {
className?: string
} & React.DetailedHTMLProps<
React.TextareaHTMLAttributes<HTMLTextAreaElement>,
HTMLTextAreaElement
>
const TextArea: React.FC<TextAreaProps> = (props) => {
return (
<textarea
{...props}
className={clsx(
"bg-medusa-bg-field dark:bg-medusa-bg-field-dark shadow-button-secondary dark:shadow-button-secondary-dark",
"rounded border-medusa-border-loud-muted dark:border-medusa-border-loud-muted-dark border border-solid",
"px-0.75 pt-0.4 pb-[9px]",
"hover:bg-medusa-bg-field-hover dark:hover:bg-medusa-bg-field-hover-dark",
"focus:border-medusa-border-interactive dark:focus:border-medusa-border-interactive-dark",
"active:border-medusa-border-interactive dark:active:border-medusa-border-interactive-dark",
"disabled:bg-medusa-bg-disabled dark:disabled:bg-medusa-bg-disabled-dark",
"disabled:border-medusa-border-base dark:disabled:border-medusa-border-base-dark",
"placeholder:text-medusa-fg-muted dark:placeholder:text-medusa-fg-muted-dark",
"disabled:placeholder:text-medusa-fg-disabled dark:disabled:placeholder:text-medusa-fg-disabled-dark",
"text-medium font-base",
props.className
)}
/>
)
}
export default TextArea
www/docs/src/components/Troubleshooting/index.tsx
+7 -2
View File
@@ -1,5 +1,6 @@
import React from "react"
import Details from "@theme/Details"
import Details from "../../theme/Details"
import clsx from "clsx"
type TroubleshootingSection = {
title: string
@@ -14,7 +15,11 @@ const Troubleshooting: React.FC<TroubleshootingProps> = ({ sections }) => {
return (
<>
{sections.map(({ title, content }, index) => (
<Details summary={title} key={index}>
<Details
summary={title}
key={index}
className={clsx(index !== 0 && "border-t-0")}
>
{content}
</Details>
))}
www/docs/src/components/UiIcon/index.tsx
+1 -1
View File
@@ -19,7 +19,7 @@ const UiIcon: React.FC<UiIconProps> = ({
light: lightIcon,
dark: darkIcon || lightIcon,
}}
className="tw-align-sub tw-w-[20px] tw-h-[20px]"
className="align-sub w-[20px] h-[20px]"
/>
)
}
www/docs/src/css/_docusaurus.css
+72 -64
View File
@@ -1,19 +1,19 @@
/** This CSS file includes tailwind styling definitions for classes defined by docusaurus **/
html,
body {
@apply tw-h-full;
@apply h-full;
}
.cards-grid {
@apply tw-grid tw-gap-x-1 tw-auto-rows-fr;
@apply grid gap-x-1 auto-rows-fr;
}
.cards-grid.grid-6 {
@apply md:tw-grid-cols-2 tw-grid-cols-1;
@apply md:grid-cols-2 grid-cols-1;
}
.cards-grid.grid-4 {
@apply lg:tw-grid-cols-3 md:tw-grid-cols-2 tw-grid-cols-1;
@apply lg:grid-cols-3 md:grid-cols-2 grid-cols-1;
}
h1 + .cards-grid,
@@ -22,13 +22,13 @@ h2 + .cards-grid,
h2 + .card-wrapper,
h3 + .cards-grid,
h3 + .card-wrapper {
@apply tw-mt-1.5;
@apply mt-1.5;
}
.markdown p + img,
.markdown .alert,
.markdown .code-wrapper {
@apply tw-mb-2;
@apply mb-2;
}
.markdown h2,
@@ -38,24 +38,24 @@ h3 + .card-wrapper {
.markdown p + .alert,
.markdown p + section,
video {
@apply tw-mt-2;
@apply mt-2;
}
.theme-code-block {
@apply tw-border tw-border-solid tw-border-medusa-code-block-border;
@apply border border-solid border-medusa-code-border dark:border-medusa-code-border-dark;
}
.markdown p + .card-wrapper {
@apply tw-mt-1.5;
@apply mt-1.5;
}
.card + p {
@apply tw-mt-2;
@apply mt-2;
}
.card-highlighted {
@apply tw-relative tw-mb-4 tw-bg-medusa-bg-subtle dark:tw-bg-medusa-bg-base-dark hover:tw-bg-medusa-bg-subtle-hover dark:hover:tw-bg-medusa-bg-subtle-hover-dark;
@apply relative mb-4 bg-medusa-bg-subtle dark:bg-medusa-bg-base-dark hover:bg-medusa-bg-subtle-hover dark:hover:bg-medusa-bg-subtle-hover-dark;
}
.col.toc-wrapper {
@@ -63,50 +63,50 @@ video {
}
.markdown-doc-wrapper--fluid {
@apply tw-max-w-[inherit];
@apply max-w-[inherit];
}
:global(.docusaurus-mt-lg) {
@apply tw-mt-3;
@apply mt-3;
}
:global(#__docusaurus) {
@apply tw-min-h-full tw-flex tw-flex-col;
@apply min-h-full flex flex-col;
}
.code-tabs .theme-code-block {
@apply !tw-rounded-t-none !tw-rounded-b
@apply !rounded-t-none !rounded-b
}
[class*=codeLineNumber] {
@apply tw-text-medusa-code-text-muted !tw-pl-0;
@apply text-medusa-code-text-subtle dark:text-medusa-code-text-subtle-dark !pl-0;
}
.prism-code {
@apply xs:tw-max-w-[90%] xs:after:tw-content-[''] xs:after:tw-rounded xs:after:tw-absolute;
@apply xs:after:tw-right-0 xs:after:tw-top-0 xs:after:tw-w-[calc(10%+24px)] xs:after:tw-h-full xs:after:tw-bg-code-fade;
@apply xs:max-w-[90%] text-code-body [&_*]:text-code-body xs:after:content-[''] xs:after:rounded xs:after:absolute;
@apply xs:after:right-0 xs:after:top-0 xs:after:w-[calc(10%+24px)] xs:after:h-full xs:after:bg-code-fade dark:xs:after:bg-code-fade-dark;
}
.prism-code:not(:hover)::-webkit-scrollbar-thumb,
.prism-code:not(:hover)::-webkit-scrollbar-track {
@apply xs:tw-invisible;
@apply xs:invisible;
}
.prism-code:hover::-webkit-scrollbar-thumb,
.prism-code:hover::-webkit-scrollbar-track {
@apply xs:tw-opacity-100
@apply xs:opacity-100
}
.prism-code {
@apply tw-bg-transparent tw-break-words !tw-outline-none;
@apply bg-transparent break-words !outline-none;
}
.prism-code div {
@apply !tw-outline-none focus:!tw-outline-none active:!tw-outline-none;
@apply !outline-none focus:!outline-none active:!outline-none;
}
.code-tabs {
@apply tw-relative;
@apply relative;
}
.sidebar-desktop nav {
@@ -116,31 +116,31 @@ video {
}
.main-wrapper {
@apply tw-max-w-xl tw-mx-auto xl:tw-min-w-xl tw-w-full;
@apply max-w-xl mx-auto xl:min-w-xl w-full;
}
.theme-doc-breadcrumbs {
@apply tw-hidden;
@apply hidden;
}
article {
@apply tw-max-w-[960px];
@apply max-w-[960px];
}
.padding-top--md {
@apply !tw-pt-3;
@apply !pt-3;
}
.margin-bottom--lg {
@apply !tw-mb-1;
@apply !mb-1;
}
details summary {
@apply tw-cursor-pointer;
@apply cursor-pointer;
}
.reference-table {
@apply !tw-table tw-table-fixed tw-w-full;
@apply !table table-fixed w-full;
}
.reference-table p {
@@ -149,59 +149,63 @@ details summary {
.reference-table.table-col-4 th,
.reference-table.table-col-4 td {
@apply [&:nth-child(1)]:!tw-w-1/5 [&:nth-child(2)]:!tw-w-1/5 [&:nth-child(3)]:!tw-w-2/5 [&:nth-child(4)]:!tw-w-1/5;
@apply [&:nth-child(1)]:!w-1/5 [&:nth-child(2)]:!w-1/5 [&:nth-child(3)]:!w-2/5 [&:nth-child(4)]:!w-1/5;
}
.reference-table th:nth-child(1),
.reference-table td:nth-child(1) {
@apply [&:nth-child(1)]:!tw-w-[30%] [&:nth-child(2)]:!tw-w-[30%] [&:nth-child(3)]:!tw-w-2/5;
@apply [&:nth-child(1)]:!w-[30%] [&:nth-child(2)]:!w-[30%] [&:nth-child(3)]:!w-2/5;
}
.reference-table .tooltip-container code {
@apply tw-whitespace-nowrap;
@apply whitespace-nowrap;
}
.reference-table .theme-code-block span {
@apply !tw-max-w-full !tw-break-words !tw-whitespace-break-spaces;
@apply !max-w-full !break-words !whitespace-break-spaces;
}
.theme-code-block {
@apply !bg-medusa-code-bg-base dark:!bg-medusa-code-bg-base-dark
}
.reference-table .code-block-numbering {
@apply !tw-block;
@apply !block;
}
.container {
@apply !tw-pt-3 !tw-max-w-full;
@apply !pt-3 !max-w-full;
}
.pagination-nav {
@apply tw-hidden;
@apply hidden;
}
.markdown kbd {
@apply !tw-font-monospace !tw-bg-medusa-bg-component dark:!tw-bg-medusa-bg-component-dark !tw-text-medusa-text-subtle dark:!tw-text-medusa-text-subtle-dark;
@apply !tw-rounded-md !tw-border-medusa-border-strong dark:!tw-border-medusa-border-strong-dark !tw-shadow-none;
@apply !font-monospace !bg-medusa-bg-component dark:!bg-medusa-bg-component-dark !text-medusa-fg-subtle dark:!text-medusa-fg-subtle-dark;
@apply !rounded-md !border-medusa-border-strong dark:!border-medusa-border-strong-dark !shadow-none;
}
.theme-doc-footer {
@apply !tw-mt-0 tw-border-0 !tw-border-t tw-border-solid !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
@apply tw-pt-2;
@apply !mt-0 border-0 !border-t border-solid !border-medusa-border-base dark:!border-medusa-border-base-dark;
@apply pt-2;
}
.theme-last-updated {
@apply tw-font-normal tw-not-italic tw-text-label-small-plus;
@apply font-normal not-italic text-compact-small-plus;
}
.theme-last-updated,
.theme-last-updated b {
@apply !tw-font-normal;
@apply !font-normal;
}
.medium-zoom-overlay {
@apply tw-z-[400];
@apply z-[400];
}
.medium-zoom-image--opened {
@apply tw-z-[400];
@apply z-[400];
}
details > div {
@@ -209,76 +213,80 @@ details > div {
}
.row--justify-end {
@apply tw-justify-end;
@apply justify-end;
}
.docs-page-container {
@apply !tw-px-0;
@apply !px-0;
}
.search-result-match {
@apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
@apply tw-bg-medusa-bg-highlight dark:tw-bg-medusa-bg-highlight-dark tw-py-[4px] tw-px-0;
@apply text-medusa-fg-base dark:text-medusa-fg-base-dark;
@apply bg-medusa-bg-highlight dark:bg-medusa-bg-highlight-dark py-0.25 px-0;
}
.navbar {
@apply tw-z-[399] tw-p-0;
@apply z-[399] p-0 border-0 border-b border-solid border-medusa-border-base dark:border-medusa-border-base-dark;
}
html:not(.plugin-redoc) .navbar:not(.navbar-sidebar--show) {
@apply supports-[backdrop-filter]:tw-bg-transparent supports-[backdrop-filter]:tw-backdrop-blur-md;
@apply supports-[backdrop-filter]:bg-transparent supports-[backdrop-filter]:backdrop-blur-md;
}
.navbar__link {
@apply tw-text-label-small-plus;
@apply text-compact-small-plus;
}
.navbar__brand {
@apply tw-mr-1.5;
@apply mr-0;
}
.navbar__logo {
@apply tw-w-[83px] tw-h-[20px] tw-flex tw-justify-center tw-items-center !tw-mr-0;
@apply w-[82px] h-[20px] lg:w-[20px] lg:h-[20px] flex justify-center items-center !mr-0;
}
.navbar__item {
@apply p-0 lg:!block !hidden;
}
h1 {
@apply !tw-text-h1;
@apply !text-h1;
}
h2 {
@apply !tw-text-h2;
@apply !text-h2;
}
h3 {
@apply !tw-text-h3;
@apply !text-h3;
}
h1, h2, h3, h4, h5, h6 {
@apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
@apply text-medusa-fg-base dark:text-medusa-fg-base-dark;
}
.markdown > h1:first-child,
.markdown > h2,
.markdown > h3 {
@apply tw-mb-0.5;
@apply mb-0.5;
}
.markdown > p {
@apply tw-mb-0.5;
@apply mb-0.5;
}
.markdown > p img {
@apply tw-mt-0.5;
@apply mt-0.5;
}
.markdown {
@apply tw-mb-0;
@apply mb-0;
}
*::selection {
@apply tw-bg-medusa-bg-highlight dark:tw-bg-medusa-bg-highlight-dark;
@apply bg-medusa-bg-highlight dark:bg-medusa-bg-highlight-dark;
}
.prism-code *::selection, .code-header::selection {
@apply tw-bg-medusa-code-text-highlight;
@apply bg-medusa-code-text-highlight;
}
www/docs/src/css/_variables.css
+40 -35
View File
@@ -7,24 +7,26 @@
--ifm-hr-margin-vertical: theme(margin.2);
--ifm-leading: theme(lineHeight.DEFAULT);
--ifm-list-left-padding: theme(spacing.1);
--font-inter: "Inter";
--font-roboto-mono: "Roboto Mono";
/* Colors */
--ifm-color-primary: theme(colors.medusa.text.base.DEFAULT);
--ifm-color-primary: theme(colors.medusa.fg.base.DEFAULT);
--ifm-background-color: theme(colors.medusa.bg.base.DEFAULT);
--ifm-background-surface-color: theme(colors.medusa.bg.subtle.DEFAULT);
--ifm-color-content: theme(colors.medusa.text.subtle.DEFAULT) !important;
--ifm-color-content: theme(colors.medusa.fg.subtle.DEFAULT) !important;
--ifm-color-content-secondary: var(--ifm-color-content);
--ifm-base-border-color: theme(colors.medusa.border.base.DEFAULT);
--ifm-strong-border-color: theme(colors.medusa.border.strong.DEFAULT);
--ifm-hr-background-color: theme(colors.medusa.border.base.DEFAULT);
/* Fonts */
--ifm-code-font-size: theme(fontSize.body-regular[0]);
--ifm-code-font-size: theme(fontSize.code-label);
--ifm-font-family-base: theme(fontFamily.base);
--ifm-font-family-monospace: theme(fontFamily.monospace);
--ifm-font-size-base: theme(fontSize.body-regular[0]);
--ifm-line-height-base: theme(fontSize.body-regular[1].lineHeight);
--ifm-font-weight-base: theme(fontSize.body-regular[1].fontWeight);
--ifm-font-size-base: theme(fontSize.medium[0]);
--ifm-line-height-base: theme(fontSize.medium[1].lineHeight);
--ifm-font-weight-base: theme(fontSize.medium[1].fontWeight);
/* Headings */
/** Due to how docusaurus styles headings, the styles are applied on h1, h2, and h3 again in _docusaurus **/
@@ -49,26 +51,26 @@
/* Sidebar */
--ifm-menu-link-padding-vertical: 6px;
--ifm-menu-link-padding-horizontal: theme(margin.1);
--ifm-menu-color: theme(colors.medusa.text.subtle.DEFAULT);
--ifm-menu-color-active: theme(colors.medusa.text.base.DEFAULT);
--ifm-menu-color: theme(colors.medusa.fg.subtle.DEFAULT);
--ifm-menu-color-active: theme(colors.medusa.fg.base.DEFAULT);
--ifm-menu-color-background-hover: theme(colors.medusa.bg.base.hover.DEFAULT);
--ifm-menu-color-background-active: theme(colors.medusa.bg.base.pressed.DEFAULT);
/* Toc */
--ifm-toc-border-color: theme(colors.medusa.border.base.DEFAULT);
--ifm-toc-link-color: theme(colors.medusa.text.subtle.DEFAULT);
--ifm-toc-link-color: theme(colors.medusa.fg.subtle.DEFAULT);
--ifm-toc-padding-horizontal: theme(padding.1);
/* Navbar */
--ifm-navbar-background-color: var(--ifm-background-color);
--ifm-navbar-shadow: theme(boxShadow.navbar);
--ifm-navbar-shadow: none;
--ifm-navbar-padding-vertical: 12px;
--ifm-navbar-padding-horizontal: theme(padding[1.5]);
--ifm-navbar-item-padding-vertical: 6px;
--ifm-navbar-item-padding-horizontal: theme(padding[1]);
--ifm-navbar-height: theme(height.navbar);
--ifm-navbar-link-hover-color: theme(colors.medusa.text.base.DEFAULT);
--ifm-navbar-link-color: theme(colors.medusa.text.subtle.DEFAULT);
--ifm-navbar-link-hover-color: theme(colors.medusa.fg.base.DEFAULT);
--ifm-navbar-link-color: theme(colors.medusa.fg.subtle.DEFAULT);
/* Inline Code */
--ifm-code-border-radius: theme(borderRadius.DEFAULT);
@@ -76,7 +78,7 @@
--ifm-code-background: theme(colors.medusa.bg.subtle.DEFAULT) !important;
/* Code Blocks */
--ifm-pre-background: theme(colors.medusa.code.block.bg);
--ifm-pre-background: theme(colors.medusa.code.bg.base.DEFAULT);
--ifm-pre-padding: theme(padding.1);
/* Tabs */
@@ -88,23 +90,23 @@
--rt-color-white: var(--ifm-color-content) !important;
/* Footer */
--ifm-footer-color: theme(colors.medusa.text.muted.DEFAULT);
--ifm-footer-color: theme(colors.medusa.fg.muted.DEFAULT);
--ifm-footer-background-color: transparent;
--ifm-footer-padding-horizontal: 0;
--ifm-footer-link-color: var(--ifm-color-content);
/* Search */
--docsearch-searchbox-background: theme(colors.medusa.bg.field.DEFAULT) !important;
--docsearch-searchbox-focus-background: theme(colors.medusa.bg.field.hover.DEFAULT) !important;
--docsearch-searchbox-background: theme(colors.medusa.bg.subtle.DEFAULT) !important;
--docsearch-searchbox-focus-background: theme(colors.medusa.bg.subtle.hover.DEFAULT) !important;
--docsearch-searchbox-shadow: none !important;
--docsearch-modal-height: 472px !important;
--docsearch-modal-background: theme(colors.medusa.bg.base.DEFAULT) !important;
--docsearch-modal-shadow: theme(boxShadow.modal) !important;
--docsearch-container-background: theme(colors.medusa.bg.overlay.DEFAULT) !important;
--docsearch-key-gradient: theme(colors.medusa.bg.component.DEFAULT) !important;
--docsearch-muted-color: theme(colors.medusa.text.subtle.DEFAULT) !important;
--docsearch-key-gradient: theme(colors.medusa.tag.neutral.bg.DEFAULT) !important;
--docsearch-muted-color: theme(colors.medusa.fg.subtle.DEFAULT) !important;
--docsearch-spacing: 12px theme(spacing[1.5]) !important;
--docsearch-highlight-color: theme(colors.medusa.text.muted.DEFAULT) !important;
--docsearch-highlight-color: theme(colors.medusa.fg.muted.DEFAULT) !important;
--docsearch-text-color: var(--ifm-color-primary) !important;
--docsearch-hit-background: var(--docsearch-modal-background) !important;
--docsearch-hit-height: auto !important;
@@ -118,7 +120,7 @@
--ifm-table-border-color: theme(colors.medusa.border.base.DEFAULT);
--ifm-table-head-background: var(--ifm-background-surface-color);
--ifm-table-head-color: var(--ifm-color-primary);
--ifm-table-head-font-weight: theme(fontSize.body-regular-plus[1].fontWeight);
--ifm-table-head-font-weight: theme(fontSize.medium-plus[1].fontWeight);
--ifm-table-stripe-background: var(--ifm-background-surface-color) !important;
}
@@ -127,44 +129,47 @@ html[data-theme="dark"] {
--ifm-background-color: theme(colors.medusa.bg.subtle.dark);
--ifm-background-surface-color: theme(colors.medusa.bg.base.dark);
--ifm-hr-background-color: theme(colors.medusa.border.base.dark);
--ifm-color-primary: theme(colors.medusa.text.base.dark);
--ifm-color-content: theme(colors.medusa.text.subtle.dark) !important;
--ifm-color-primary: theme(colors.medusa.fg.base.dark);
--ifm-color-content: theme(colors.medusa.fg.subtle.dark) !important;
--ifm-base-border-color: theme(colors.medusa.border.base.dark);
--ifm-strong-border-color: theme(colors.medusa.border.strong.dark);
/* Sidebar */
--ifm-menu-color: theme(colors.medusa.text.subtle.dark);
--ifm-menu-color-active: theme(colors.medusa.text.base.dark);
--ifm-menu-color: theme(colors.medusa.fg.subtle.dark);
--ifm-menu-color-active: theme(colors.medusa.fg.base.dark);
--ifm-menu-color-background-hover: theme(colors.medusa.bg.subtle.hover.dark);
--ifm-menu-color-background-active: theme(colors.medusa.bg.subtle.pressed.dark);
/* Toc */
--ifm-toc-border-color: theme(colors.medusa.border.base.dark);
--ifm-toc-link-color: theme(colors.medusa.text.subtle.dark);
--ifm-toc-link-color: theme(colors.medusa.fg.subtle.dark);
/* Navbar */
--ifm-navbar-shadow: theme(boxShadow.navbar-dark);
--ifm-navbar-link-hover-color: theme(colors.medusa.text.base.dark);
--ifm-navbar-link-color: theme(colors.medusa.text.subtle.dark);
--ifm-navbar-shadow: none;
--ifm-navbar-link-hover-color: theme(colors.medusa.fg.base.dark);
--ifm-navbar-link-color: theme(colors.medusa.fg.subtle.dark);
/* Inline Code */
--ifm-code-background: theme(colors.medusa.bg.base.dark) !important;
/* Code Blocks */
--ifm-pre-background: theme(colors.medusa.code.bg.base.dark);
/* Tooltip */
--rt-color-dark: theme(colors.medusa.bg.base.dark) !important;
/* Footer */
--ifm-footer-color: theme(colors.medusa.text.muted.dark);
--ifm-footer-color: theme(colors.medusa.fg.muted.dark);
/* Search */
--docsearch-searchbox-background: theme(colors.medusa.bg.field.dark) !important;
--docsearch-searchbox-focus-background: theme(colors.medusa.bg.field.hover.dark) !important;
--docsearch-searchbox-background: theme(colors.medusa.bg.subtle.dark) !important;
--docsearch-searchbox-focus-background: theme(colors.medusa.bg.subtle.hover.dark) !important;
--docsearch-modal-background: theme(colors.medusa.bg.base.dark) !important;
--docsearch-modal-shadow: theme(boxShadow.modal-dark) !important;
--docsearch-container-background: theme(colors.medusa.bg.overlay.dark) !important;
--docsearch-key-gradient: theme(colors.medusa.bg.component.dark) !important;
--docsearch-muted-color: theme(colors.medusa.text.subtle.dark) !important;
--docsearch-highlight-color: theme(colors.medusa.text.muted.dark) !important;
--docsearch-key-gradient: theme(colors.medusa.tag.neutral.bg.dark) !important;
--docsearch-muted-color: theme(colors.medusa.fg.subtle.dark) !important;
--docsearch-highlight-color: theme(colors.medusa.fg.muted.dark) !important;
/* Tables */
--ifm-table-border-color: theme(colors.medusa.border.base.dark);
@@ -195,5 +200,5 @@ html[data-theme="dark"] {
}
html[data-theme="dark"] .alert {
--ifm-code-background: theme(colors.medusa.bg.base.dark) !important;
--ifm-code-background: theme(colors.medusa.bg.subtle.dark) !important;
}
www/docs/src/css/components/docsearch.css
+67 -67
View File
@@ -1,11 +1,11 @@
.DocSearch-Modal {
@apply tw-border tw-border-solid !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
@apply !tw-rounded !tw-relative;
@apply md:!tw-m-[unset] md:tw-w-[560px];
@apply border border-solid !border-medusa-border-base dark:!border-medusa-border-base-dark;
@apply lg:!rounded !relative;
@apply md:!m-[unset] md:w-[560px];
}
.DocSearch-SearchBar {
@apply !tw-p-0;
@apply !p-0;
}
.DocSearch-Form {
@@ -13,185 +13,185 @@
--docsearch-searchbox-height: 56px;
--docsearch-searchbox-focus-background: var(--docsearch-modal-background) !important;
@apply !tw-rounded-t !tw-rounded-b-none tw-border-0 tw-border-b tw-border-solid !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
@apply !rounded-t !rounded-b-none border-0 border-b border-solid !border-medusa-border-base dark:!border-medusa-border-base-dark;
}
.DocSearch-LoadingIndicator svg, .DocSearch-MagnifierLabel svg {
@apply !tw-w-[20px] !tw-h-[20px];
@apply !w-[20px] !h-[20px];
}
.DocSearch-Input {
@apply !tw-text-body-regular !tw-pl-1;
@apply placeholder:tw-text-medusa-text-muted dark:placeholder:tw-text-medusa-text-muted-dark;
@apply !text-medium !pl-1;
@apply placeholder:text-medusa-fg-muted dark:placeholder:text-medusa-fg-muted-dark;
}
.DocSearch-Dropdown {
@apply !tw-pt-0 !tw-pb-[40px] !tw-px-0;
@apply !tw-max-h-[416px];
@apply !pt-0 !pb-2.5 !px-0;
@apply !max-h-[416px];
}
.DocSearch-Hit-source {
@apply !tw-m-0 !tw-text-label-small-plus tw-uppercase tw-text-medusa-text-muted dark:tw-text-medusa-text-muted-dark;
@apply tw-border-0 tw-border-b tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark;
@apply !tw-py-[10px] !tw-px-1.5;
@apply !m-0 !text-compact-small-plus uppercase text-medusa-fg-muted dark:text-medusa-fg-muted-dark;
@apply border-0 border-b border-solid border-medusa-border-base dark:border-medusa-border-base-dark;
@apply !py-[10px] !px-1.5;
}
.DocSearch-Footer {
@apply !tw-hidden;
@apply !hidden;
}
.DocSearch-Hit {
@apply !tw-p-0;
@apply !p-0;
}
.DocSearch-Hit:not(.DocSearch-Hit--Child) .DocSearch-Hit-icon {
@apply !tw-w-[40px] !tw-h-[40px] tw-p-[2px] tw-border tw-border-solid tw-border-medusa-border-strong dark:tw-border-medusa-border-strong-dark;
@apply tw-rounded tw-flex tw-justify-center tw-items-center;
@apply before:tw-content-[''] before:tw-w-2 before:tw-h-2 before:tw-bg-no-repeat before:tw-bg-center before:tw-bg-contain before:tw-bg-search-hit dark:before:tw-bg-search-hit-dark;
@apply !w-2.5 !h-2.5 p-0.125 border border-solid border-medusa-border-strong dark:border-medusa-border-strong-dark;
@apply rounded flex justify-center items-center;
@apply before:content-[''] before:w-2 before:h-2 before:bg-no-repeat before:bg-center before:bg-contain before:bg-search-hit dark:before:bg-search-hit-dark;
}
.DocSearch-Hit-icon svg {
@apply tw-hidden;
@apply hidden;
}
.DocSearch-Hit--Child .DocSearch-Hit-icon {
@apply tw-hidden;
@apply hidden;
}
.DocSearch-Hit a {
@apply !tw-py-[12px] !tw-px-1.5 !tw-shadow-none !tw-rounded-none;
@apply !py-0.75 !px-1.5 !shadow-none !rounded-none;
}
.DocSearch-Hit:not(:last-of-type) a {
@apply tw-border-0 tw-border-b tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark;
@apply border-0 border-b border-solid border-medusa-border-base dark:border-medusa-border-base-dark;
}
.DocSearch-Hit-content-wrapper {
@apply !tw-mt-0 !tw-mx-1;
@apply !mt-0 !mx-1;
}
.DocSearch-Hit-title,
.DocSearch-Hit-title mark {
@apply !tw-text-medusa-text-base dark:!tw-text-medusa-text-base-dark;
@apply !tw-text-label-small-plus;
@apply !text-medusa-fg-base dark:!text-medusa-fg-base-dark;
@apply !text-compact-small-plus;
}
.DocSearch-Hit-path {
@apply !tw-text-medusa-text-subtle dark:!tw-text-medusa-text-subtle-dark !tw-text-label-small;
@apply !text-medusa-fg-subtle dark:!text-medusa-fg-subtle-dark !text-compact-small;
}
.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path {
--docsearch-hit-active-color: theme(colors.medusa.text.subtle.DEFAULT);
--docsearch-hit-active-color: theme(colors.medusa.fg.subtle.DEFAULT);
}
html[data-theme="dark"] .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path {
--docsearch-hit-active-color: theme(colors.medusa.text.subtle.dark);
--docsearch-hit-active-color: theme(colors.medusa.fg.subtle.dark);
}
.DocSearch-Hit[aria-selected=true] a {
@apply !tw-bg-medusa-bg-base-hover dark:!tw-bg-medusa-bg-base-hover-dark;
@apply !bg-medusa-bg-base-hover dark:!bg-medusa-bg-base-hover-dark;
}
.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-content-wrapper + .DocSearch-Hit-action:last-child {
@apply tw-h-1.5 tw-w-1.5 tw-border tw-border-solid tw-border-medusa-border-strong dark:tw-border-medusa-border-strong-dark;
@apply tw-rounded tw-bg-medusa-bg-base dark:tw-bg-medusa-bg-base-dark tw-p-[2px] tw-flex tw-justify-center tw-items-center;
@apply before:tw-content-[''] before:tw-w-[20px] before:tw-h-[20px] before:tw-bg-search-arrow dark:before:tw-bg-search-arrow-dark before:tw-bg-no-repeat before:tw-bg-center;
@apply h-1.5 w-1.5 border border-solid border-medusa-border-strong dark:border-medusa-border-strong-dark;
@apply rounded bg-medusa-bg-base dark:bg-medusa-bg-base-dark p-0.125 flex justify-center items-center;
@apply before:content-[''] before:w-[20px] before:h-[20px] before:bg-search-arrow dark:before:bg-search-arrow-dark before:bg-no-repeat before:bg-center;
}
.DocSearch-Hit-content-wrapper + .DocSearch-Hit-action:last-child svg,
.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-content-wrapper + .DocSearch-Hit-action:last-child svg {
@apply tw-hidden;
@apply hidden;
}
.DocSearch-Hit[aria-selected=true] mark {
@apply !tw-no-underline;
@apply !no-underline;
}
.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree {
@apply tw-text-medusa-border-strong dark:tw-text-medusa-border-strong-dark;
@apply text-medusa-border-strong dark:text-medusa-border-strong-dark;
}
.DocSearch-Hit-Tree {
@apply tw-text-medusa-border-base dark:tw-text-medusa-border-base-dark;
@apply text-medusa-border-base dark:text-medusa-border-base-dark;
}
.DocSearch-HitsFooter {
@apply tw-z-[100] tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-h-[40px] !tw-bg-medusa-bg-base dark:!tw-bg-medusa-bg-base-dark;
@apply tw-border-0 tw-border-t tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark;
@apply z-[100] absolute bottom-0 left-0 w-full h-2.5 !bg-medusa-bg-base dark:!bg-medusa-bg-base-dark;
@apply border-0 border-t border-solid border-medusa-border-base dark:border-medusa-border-base-dark;
}
.DocSearch-HitsFooter a {
@apply !tw-border-b-0;
@apply !border-b-0;
}
.DocSearch-Reset {
@apply !tw-rounded tw-transition-all tw-duration-200 tw-ease-ease;
@apply hover:tw-bg-medusa-bg-base-hover dark:hover:tw-bg-medusa-bg-base-hover-dark;
@apply !rounded transition-all duration-200 ease-ease;
@apply hover:bg-medusa-bg-base-hover dark:hover:bg-medusa-bg-base-hover-dark;
}
.DocSearch-NoResults .DocSearch-Screen-Icon {
@apply tw-w-[20px] tw-h-[20px] !tw-p-0 tw-flex tw-justify-center tw-items-center tw-mt-0 tw-mb-1 tw-mx-auto;
@apply before:tw-content-[''] before:tw-w-full before:tw-h-full before:tw-bg-no-repeat before:tw-bg-center before:tw-bg-contain;
@apply before:tw-bg-search-no-result dark:before:tw-bg-search-no-result-dark;
@apply w-[20px] h-[20px] !p-0 flex justify-center items-center mt-0 mb-1 mx-auto;
@apply before:content-[''] before:w-full before:h-full before:bg-no-repeat before:bg-center before:bg-contain;
@apply before:bg-search-no-result dark:before:bg-search-no-result-dark;
}
.DocSearch-NoResults .DocSearch-Screen-Icon svg {
@apply tw-hidden;
@apply hidden;
}
.DocSearch-NoResults .DocSearch-Title {
@apply !tw-text-label-small !tw-pl-1;
@apply !text-compact-small !pl-1;
}
.DocSearch-NoResults-Prefill-List {
@apply tw-text-center !tw-text-label-small-plus !tw-pl-1;
@apply text-center !text-compact-small-plus !pl-1;
}
.DocSearch-NoResults-Prefill-List li::marker {
@apply tw-content-[''];
@apply content-[''];
}
.DocSearch-NoResults-Prefill-List li button {
@apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
@apply text-medusa-fg-base dark:text-medusa-fg-base-dark;
}
.DocSearch-Button {
@apply tw-w-full !tw-h-full !tw-rounded lg:!tw-border lg:!tw-border-solid lg:!tw-border-medusa-border-base lg:dark:!tw-border-medusa-border-base-dark tw-border-0;
@apply lg:!tw-bg-medusa-bg-field lg:dark:!tw-bg-medusa-bg-field-dark !tw-bg-transparent;
@apply lg:hover:!tw-bg-medusa-bg-field-hover lg:dark:hover:!tw-bg-medusa-bg-field-hover-dark;
@apply !tw-py-[6px] !tw-pl-0.5 tw-relative;
@apply hover:!tw-border-medusa-border-base hover:dark:!tw-border-medusa-border-base-dark;
@apply active:!tw-border-medusa-border-base active:dark:!tw-border-medusa-border-base-dark;
@apply focus:!tw-border-medusa-border-base focus:dark:!tw-border-medusa-border-base-dark;
@apply w-full !h-full !rounded lg:!border lg:!border-solid lg:!border-medusa-border-base lg:dark:!border-medusa-border-base-dark border-0;
@apply lg:!bg-medusa-bg-field lg:dark:!bg-medusa-bg-field-dark !bg-transparent;
@apply lg:hover:!bg-medusa-bg-field-hover lg:dark:hover:!bg-medusa-bg-field-hover-dark;
@apply !py-[6px] !pl-0.5 relative;
@apply hover:!border-medusa-border-base hover:dark:!border-medusa-border-base-dark;
@apply active:!border-medusa-border-base active:dark:!border-medusa-border-base-dark;
@apply focus:!border-medusa-border-base focus:dark:!border-medusa-border-base-dark;
}
.DocSearch-Container {
@apply !tw-z-[1001] md:tw-flex md:tw-justify-center md:tw-items-center;
@apply !z-[1001] md:flex md:justify-center md:items-center;
}
.DocSearch-Button .DocSearch-Search-Icon {
@apply tw-invisible;
@apply invisible;
}
.DocSearch-Button-Container {
@apply before:tw-content-[''] before:tw-h-[20px] before:tw-w-[20px] before:tw-absolute before:tw-left-0.5 before:tw-top-[5px];
@apply before:tw-bg-magnifying-glass before:tw-bg-no-repeat;
@apply before:content-[''] before:h-[20px] before:w-[20px] before:absolute before:left-0.5 before:top-[5px];
@apply before:bg-magnifying-glass before:bg-no-repeat;
}
.DocSearch-Button-Placeholder {
@apply tw-text-medusa-text-muted dark:tw-text-medusa-text-muted-dark;
@apply !tw-pl-0.5 !tw-text-label-small lg:!tw-block !tw-hidden;
@apply text-medusa-fg-muted dark:text-medusa-fg-muted-dark;
@apply !pl-0.5 !text-compact-small lg:!block !hidden;
}
.DocSearch-Button-Keys {
@apply tw-w-fit !tw-min-w-[unset] lg:!tw-flex !tw-hidden;
@apply w-fit !min-w-[unset] lg:!flex !hidden;
}
.DocSearch-Button-Key {
@apply !tw-shadow-none !tw-rounded-md !tw-text-label-x-small-plus !tw-font-base tw-align-middle !tw-p-[2px];
@apply !tw-border !tw-border-solid !tw-border-medusa-border-strong dark:!tw-border-medusa-border-strong-dark;
@apply [&span]:tw-hidden [&:not(:last-child)]:!tw-mr-[4px] last:!tw-mr-0;
@apply !shadow-none !rounded-md !text-compact-x-small-plus !font-base align-middle !p-0.125;
@apply !border !border-solid !border-medusa-tag-neutral-border dark:!border-medusa-tag-neutral-border-dark;
@apply [&span]:hidden [&:not(:last-child)]:!mr-0.25 last:!mr-0;
}
[class*=searchBox] {
@apply lg:tw-w-[280px] lg:tw-max-w-[280px] lg:!tw-h-2 lg:!tw-p-0;
@apply lg:w-[280px] lg:max-w-[280px] lg:!h-2 lg:!p-0 !static;
}
www/docs/src/css/components/redocly.css
-156
View File
@@ -1,156 +0,0 @@
.redocusaurus .expanded + tr > td > div {
@apply !tw-bg-medusa-bg-subtle dark:!tw-bg-medusa-bg-base-dark;
}
.redocusaurus table tbody tr table,
.redocusaurus table tbody tr table tbody tr {
@apply !tw-bg-transparent;
}
.redocusaurus a {
@apply !tw-text-medusa-text-base dark:!tw-text-medusa-text-base-dark;
}
.redocusaurus pre {
@apply !tw-p-1;
}
.redocusaurus .react-tabs__tab-panel > div > pre {
@apply !tw-p-0;
}
.redocusaurus pre,
.redocusaurus .react-tabs__tab-panel--selected,
.redocusaurus [data-section-id] > div:nth-child(2) > div > button,
.redocusaurus div[id^='tag'] > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) {
@apply !tw-bg-medusa-code-block-bg;
}
.redocusaurus [data-section-id] > div:nth-child(2) > div > button {
@apply dark:!tw-border-medusa-border-strong-dark;
}
.redocusaurus div[id^='tag'] > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div {
@apply !tw-border-medusa-border-strong;
}
.redocusaurus [data-section-id] > div:nth-child(2) > div > button {
@apply !tw-rounded-t !tw-rounded-b-none;
}
.redocusaurus [data-section-id] > div:nth-child(2) > div > button + div > div > div > div {
@apply !tw-text-medusa-text-base dark:!tw-text-medusa-text-base-dark;
}
.redocusaurus h5 + svg {
@apply tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark;
}
.redocusaurus h2 + div + div > div + div {
@apply tw-p-1 tw-bg-medusa-bg-subtle dark:tw-bg-medusa-bg-base-dark;
}
.redocusaurus h2 + div + div {
@apply tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark;
}
.redocusaurus .menu-content,
.redocusaurus .menu-content label {
@apply !tw-bg-medusa-bg-base dark:!tw-bg-medusa-bg-subtle-dark;
}
.redoc-json code {
@apply !tw-border-0;
}
.redocusaurus p {
@apply tw-text-medusa-text-subtle dark:tw-text-medusa-text-subtle-dark;
}
.redocusaurus h2, .redocusaurus h3, .redocusaurus h4 {
@apply !tw-text-medusa-text-base dark:!tw-text-medusa-text-base-dark;
}
.redocusaurus [data-section-id] [data-section-id] > div:nth-child(2) h2, .redocusaurus [data-section-id] [data-section-id] > div:nth-child(2) h3, .redocusaurus [data-section-id] [data-section-id] > div:nth-child(2) h4 {
@apply !tw-text-medusa-text-on-color dark:!tw-text-medusa-text-on-color-dark;
}
.redocusaurus [data-section-id] {
@apply after:!tw-border-transparent;
}
.redocusaurus .property-name + div {
@apply !tw-text-medusa-icon-error dark:!tw-text-medusa-icon-error-dark;
}
.redocusaurus .react-tabs__tab:not(.react-tabs__tab--selected) {
@apply !tw-bg-medusa-button-neutral dark:!tw-bg-medusa-button-neutral-dark;
@apply !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
@apply !tw-text-medusa-text-base dark:!tw-text-medusa-text-base-dark;
}
.redocusaurus ul > li.react-tabs__tab--selected[aria-selected="true"]:not(.tab-error):not(.tab-success) {
@apply !tw-bg-medusa-button-brand dark:!tw-bg-medusa-button-brand-dark;
@apply !tw-border-medusa-button-brand dark:!tw-border-medusa-button-brand-dark;
@apply !tw-text-medusa-text-on-color dark:!tw-text-medusa-text-on-color-dark;
}
.redocusaurus ul > li.react-tabs__tab--selected.tab-success {
@apply !tw-bg-medusa-button-success dark:!tw-bg-medusa-button-success-dark;
@apply !tw-border-medusa-button-success dark:!tw-border-medusa-button-success-dark;
@apply !tw-text-medusa-text-on-color dark:!tw-text-medusa-text-on-color-dark;
}
.redocusaurus ul > li.react-tabs__tab--selected.tab-error {
@apply !tw-bg-medusa-button-danger dark:!tw-bg-medusa-button-danger-dark;
@apply !tw-border-medusa-button-danger dark:!tw-border-medusa-button-danger-dark;
@apply !tw-text-medusa-text-on-color dark:!tw-text-medusa-text-on-color-dark;
@apply hover:!tw-bg-medusa-button-danger-hover dark:hover:!tw-bg-medusa-button-danger-hover-dark;
@apply hover:!tw-border-medusa-button-danger-hover dark:hover:!tw-border-medusa-button-danger-hover-dark;
}
.redocusaurus .tab-error:not(.react-tabs__tab--selected) {
@apply !tw-bg-medusa-button-neutral dark:!tw-bg-medusa-button-neutral-dark;
@apply !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
@apply !tw-text-medusa-support-error dark:!tw-text-medusa-support-error-dark;
}
.redocusaurus .tab-success:not(.react-tabs__tab--selected) {
@apply !tw-bg-medusa-button-neutral dark:!tw-bg-medusa-button-neutral-dark;
@apply !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
@apply !tw-text-medusa-support-success dark:!tw-text-medusa-support-success-dark;
}
.redocusaurus [type=get] {
@apply !tw-bg-medusa-support-success dark:!tw-bg-medusa-support-success-dark;
}
.redocusaurus [type=delete] {
@apply !tw-bg-medusa-support-error dark:!tw-bg-medusa-support-error-dark;
}
.redocusaurus table th,
.redocusaurus table td {
@apply !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
}
.redocusaurus [download] {
@apply !tw-inline-flex tw-flex-row tw-justify-center tw-items-center;
@apply !tw-py-[6px] !tw-px-[12px] !tw-rounded !tw-cursor-pointer;
@apply !tw-bg-medusa-button-neutral dark:!tw-bg-medusa-button-neutral-dark;
@apply hover:!tw-bg-medusa-button-neutral-hover dark:hover:!tw-bg-medusa-button-neutral-hover-dark hover:tw-no-underline;
@apply !tw-border !tw-border-solid !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
@apply !tw-text-label-small-plus !tw-text-medusa-text-base dark:!tw-text-medusa-text-base-dark;
@apply hover:!tw-text-medusa-text-base dark:hover:!tw-text-medusa-text-base-dark;
@apply focus:!tw-shadow-focus dark:focus:!tw-shadow-focus-dark;
}
.redocusaurus [role=menuitem] {
@apply hover:!tw-text-medusa-text-subtle dark:hover:!tw-text-medusa-text-subtle-dark;
}
.redocusaurus [data-section-id^="operation/"] {
@apply max-[1199px]:[&>*]:!tw-w-auto;
}
www/docs/src/css/components/sidebar.css
+33 -33
View File
@@ -14,65 +14,65 @@
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) [class*=theme-doc-sidebar-item-],
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) [class*=theme-doc-sidebar-item-] .menu__link--active {
@apply tw-relative;
@apply relative;
}
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) [class*=theme-doc-sidebar-item-]:not(.theme-doc-sidebar-item-link-category)::before,
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category .menu__list-item-collapsible .menu__link--active::before,
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) > .theme-doc-sidebar-item-link > .menu__link--active::before,
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category > .menu__list-item-collapsible::before {
@apply tw-content-[''] tw-h-full tw-w-[1px] tw-absolute tw-left-[8px] tw-top-0 tw-z-[1];
@apply content-[''] h-full w-[1px] absolute left-0.5 top-0 z-[1];
}
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) [class*=theme-doc-sidebar-item-] .menu__link--active::before {
@apply !tw-h-[20px];
@apply !h-[20px];
}
.theme-doc-sidebar-item-category-level-1 > .menu__list > .menu__list-item:first-child::before,
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category:first-child .menu__list-item-collapsible::before,
.theme-doc-sidebar-item-category-level-1 > .menu__list > .menu__list-item:last-child::before {
@apply !tw-h-[28px];
@apply !h-[28px];
}
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-link:first-child::before,
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category:first-child .menu__list-item-collapsible::before {
@apply !tw-bottom-0 !tw-top-[unset];
@apply !bottom-0 !top-[unset];
}
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category:first-child .menu__list-item-collapsible {
@apply !tw-pb-[6px];
@apply !pb-[6px];
}
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category:first-child .menu__list-item-collapsible .menu__link {
@apply !tw-pb-0;
@apply !pb-0;
}
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) [class*=theme-doc-sidebar-item-]::before,
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category:first-child .menu__list-item-collapsible::before {
@apply tw-bg-medusa-border-base dark:tw-bg-medusa-border-base-dark;
@apply bg-medusa-border-base dark:bg-medusa-border-base-dark;
}
.theme-doc-sidebar-item-category-level-2 > .menu__list-item-collapsible .menu__link--active::before,
.menu__list:not(.theme-doc-sidebar-menu) > .theme-doc-sidebar-item-link.theme-doc-sidebar-item-link-level-2 > .menu__link--active::before {
@apply tw-bg-medusa-icon-interactive dark:tw-bg-medusa-icon-interactive-dark !tw-z-[2] !tw-top-[6px];
@apply bg-medusa-fg-interactive dark:bg-medusa-fg-interactive-dark !z-[2] !top-[6px];
}
.theme-doc-sidebar-item-category-level-2:only-child > .menu__list-item-collapsible .menu__link--active::before,
.menu__list:not(.theme-doc-sidebar-menu) > .theme-doc-sidebar-item-link.theme-doc-sidebar-item-link-level-2:only-child > .menu__link--active::before,
.menu__list:not(.theme-doc-sidebar-menu) > .theme-doc-sidebar-item-link.theme-doc-sidebar-item-link-level-2:first-child > .menu__link--active::before {
@apply !tw-top-0.5;
@apply !top-0.5;
}
.theme-doc-sidebar-item-link-level-1:not(.sidebar-title):not(.homepage-sidebar-item):not(.sidebar-back-link) {
@apply tw-mb-1;
@apply mb-1;
}
.theme-doc-sidebar-item-link-level-1:not(.sidebar-title):not(.homepage-sidebar-item):not(.sidebar-back-link) .menu__link {
@apply !tw-pl-0;
@apply !pl-0;
}
.theme-doc-sidebar-item-category-level-1.sidebar-group-headline {
@apply tw-mb-1;
@apply mb-1;
}
[class*="level-2"]:is([class*="theme-doc-sidebar-item"]) .menu__link,
@@ -81,87 +81,87 @@
[class*="level-3"]:is([class*="theme-doc-sidebar-item"]).sidebar-group-divider,
[class*="level-4"]:is([class*="theme-doc-sidebar-item"]) .menu__link,
[class*="level-4"]:is([class*="theme-doc-sidebar-item"]).sidebar-group-divider {
@apply tw-py-[6px];
@apply py-[6px];
}
[class*="level-2"]:is([class*="theme-doc-sidebar-item"]) .menu__link,
[class*="level-2"]:is([class*="theme-doc-sidebar-item"]).sidebar-group-divider {
@apply tw-pl-2;
@apply pl-2;
}
[class*="level-3"]:is([class*="theme-doc-sidebar-item"]) .menu__link,
[class*="level-3"]:is([class*="theme-doc-sidebar-item"]).sidebar-group-divider {
@apply tw-pl-3;
@apply pl-3;
}
[class*="level-4"]:is([class*="theme-doc-sidebar-item"]) .menu__link,
[class*="level-4"]:is([class*="theme-doc-sidebar-item"]).sidebar-group-divider {
@apply tw-pl-4;
@apply pl-4;
}
.homepage-sidebar-item:is([class*="level-1"]):is([class*="theme-doc-sidebar-item"]) > .menu__link,
.homepage-sidebar-item:is([class*="level-1"]):is([class*="theme-doc-sidebar-item"]) > .menu__list-item-collapsible > .menu__link {
@apply !tw-pl-0.5;
@apply !pl-0.5;
}
.menu__list-item-collapsible {
@apply !tw-rounded;
@apply !rounded;
}
.menu__list-item-collapsible--active {
@apply !tw-bg-transparent;
@apply !bg-transparent;
}
.menu__list-item-collapsible .menu__link--sublist:hover {
@apply !tw-bg-medusa-bg-base-hover dark:!tw-bg-medusa-bg-subtle-hover-dark;
@apply !bg-medusa-bg-base-hover dark:!bg-medusa-bg-subtle-hover-dark;
}
.menu__list:not(.theme-doc-sidebar-menu) > .theme-doc-sidebar-item-link:last-child > .menu__link--active::before {
@apply !tw-top-[4px];
@apply !top-0.25;
}
.menu__link--sublist-caret:after {
@apply tw-content-none;
@apply content-none;
}
.menu__link {
@apply tw-cursor-pointer !tw-rounded tw-text-label-small-plus;
@apply cursor-pointer !rounded text-compact-small-plus;
}
.theme-doc-sidebar-item-category-level-1 > .menu__list {
@apply tw-mb-[4px];
@apply mb-0.25;
}
.menu__list:not(.theme-doc-sidebar-menu),
.theme-doc-sidebar-item-category-level-1 > .menu__list {
@apply !tw-pl-0;
@apply !pl-0;
}
.menu__list .menu__list {
@apply !tw-mt-0;
@apply !mt-0;
}
/** General sidebar styles **/
.theme-doc-sidebar-container {
@apply tw-z-[398] tw-border-0 tw-border-r tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark;
@apply z-[398] border-0 border-r border-solid border-medusa-border-base dark:border-medusa-border-base-dark;
}
/** Mobile Sidebar **/
.navbar-sidebar__back {
@apply tw-bg-transparent tw-w-fit tw-top-[unset] tw-pl-0 tw-ml-0 tw-mb-1 tw-text-label-small-plus;
@apply bg-transparent w-fit top-[unset] pl-0 ml-0 mb-1 text-compact-small-plus;
}
.theme-doc-sidebar-item-link {
@apply tw-flex tw-items-center;
@apply flex items-center;
}
/** Redocly sidebar **/
.redocusaurus .menu-content > div > ul > li > ul label:not([type=tag]):not(.active) {
@apply tw-text-medusa-text-subtle dark:tw-text-medusa-text-subtle-dark;
@apply hover:tw-text-medusa-text-base dark:hover:tw-text-medusa-text-base-dark;
@apply text-medusa-fg-subtle dark:text-medusa-fg-subtle-dark;
@apply hover:text-medusa-fg-base dark:hover:text-medusa-fg-base-dark;
}
.redocusaurus .menu-content > div > ul > li > ul label:not([type=tag]).active {
@apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
@apply text-medusa-fg-base dark:text-medusa-fg-base-dark;
}
www/docs/src/css/components/toc.css
+22 -22
View File
@@ -1,60 +1,60 @@
.theme-doc-toc-desktop {
@apply tw-pt-3;
@apply pt-3;
}
.theme-doc-toc-desktop .table-of-contents {
@apply !tw-border-l-0 !tw-p-0 tw-text-[12px] tw-relative tw-overflow-y-hidden;
@apply before:tw-bg-toc dark:before:tw-bg-toc-dark;
@apply before:tw-bg-no-repeat before:tw-bg-[length:14px_10px] before:tw-bg-[center_left];
@apply before:tw-pl-[22px] before:tw-content-['On_this_page'] before:tw-pb-0 tw-text-label-small-plus;
@apply after:tw-content-[''] after:tw-absolute after:tw-left-0 after:tw-top-[40px];
@apply after:tw-h-full after:tw-w-[1px] after:tw-bg-medusa-border-base dark:after:tw-bg-medusa-border-base-dark;
@apply !border-l-0 !p-0 text-[12px] relative overflow-y-hidden;
@apply before:bg-toc dark:before:bg-toc-dark;
@apply before:bg-no-repeat before:bg-[length:14px_10px] before:bg-[center_left];
@apply before:pl-[22px] before:content-['On_this_page'] before:pb-0 text-compact-small-plus;
@apply after:content-[''] after:absolute after:left-0 after:top-2.5;
@apply after:h-full after:w-[1px] after:bg-medusa-border-base dark:after:bg-medusa-border-base-dark;
}
.theme-doc-toc-desktop .table-of-contents .table-of-contents__link {
@apply tw-pl-[11px];
@apply pl-[11px];
}
.theme-doc-toc-desktop .table-of-contents > li {
@apply first:tw-mt-1 [&:not(:first-child)]:tw-mt-0 last:tw-mb-0 [&:not(:last-child)]:tw-mb-[4px];
@apply first:mt-1 [&:not(:first-child)]:mt-0 last:mb-0 [&:not(:last-child)]:mb-0.25;
}
.theme-doc-toc-desktop .table-of-contents li a + ul {
@apply tw-mt-[4px];
@apply mt-0.25;
}
.theme-doc-toc-desktop .table-of-contents__link {
@apply tw-relative tw-text-label-x-small-plus;
@apply hover:tw-text-medusa-text-base dark:hover:tw-text-medusa-text-base-dark;
@apply relative text-compact-x-small-plus;
@apply hover:text-medusa-fg-base dark:hover:text-medusa-fg-base-dark;
}
.theme-doc-toc-desktop .table-of-contents__link:hover code {
@apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
@apply text-medusa-fg-base dark:text-medusa-fg-base-dark;
}
.theme-doc-toc-desktop .table-of-contents__link--active {
@apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
@apply after:tw-content-[''] after:tw-absolute after:tw-left-0 after:tw-top-0;
@apply after:tw-h-full after:tw-w-[1px] after:tw-bg-medusa-text-base dark:after:tw-bg-medusa-text-base-dark;
@apply tw-z-[1];
@apply text-medusa-fg-base dark:text-medusa-fg-base-dark;
@apply after:content-[''] after:absolute after:left-0 after:top-0;
@apply after:h-full after:w-[1px] after:bg-medusa-fg-base dark:after:bg-medusa-fg-base-dark;
@apply z-[1];
}
.theme-doc-toc-desktop .table-of-contents__link--active code {
@apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
@apply text-medusa-fg-base dark:text-medusa-fg-base-dark;
}
.theme-doc-toc-desktop .table-of-contents li {
@apply tw-mx-0;
@apply mx-0;
}
.theme-doc-toc-desktop .table-of-contents ul li {
@apply tw-mt-0;
@apply mt-0;
}
.table-of-contents ul {
@apply tw-pl-0;
@apply pl-0;
}
.table-of-contents ul .table-of-contents__link {
@apply !tw-pl-[27px];
@apply !pl-[27px];
}
www/docs/src/css/components/tooltip.css
+4 -4
View File
@@ -1,10 +1,10 @@
.react-tooltip {
@apply !tw-border !tw-border-solid !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
@apply !tw-rounded !tw-text-label-x-small-plus !tw-shadow-tooltip dark:!tw-shadow-tooltip-dark;
@apply !tw-py-0.4 !tw-px-1 lg:tw-block tw-hidden;
@apply !border !border-solid !border-medusa-border-base dark:!border-medusa-border-base-dark;
@apply !rounded !text-compact-x-small-plus !shadow-tooltip dark:!shadow-tooltip-dark;
@apply !py-0.4 !px-1 lg:block hidden;
}
.react-tooltip-arrow {
@apply tw-hidden;
@apply hidden;
}
www/docs/src/css/custom.css
+67 -60
View File
@@ -4,149 +4,157 @@
@layer components {
.sidebar-title {
@apply !tw-m-0 !tw-py-1 !tw-px-0;
@apply lg:first:tw-top-0 lg:[&:not(:first-child)]:tw-top-[20px];
@apply !m-0 !py-1 !px-0;
@apply lg:first:top-0 lg:[&:not(:first-child)]:top-[20px];
}
.sidebar-title .menu__link {
@apply !tw-px-0;
@apply !px-0;
}
.sidebar-title .menu__link,
.sidebar-title span {
@apply !tw-text-label-regular-plus tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
@apply !text-compact-medium-plus text-medusa-fg-base dark:text-medusa-fg-base-dark;
}
.sidebar-title .menu__link--active,
.sidebar-title .menu__link:hover {
@apply !tw-bg-transparent;
@apply !bg-transparent;
}
.sidebar-group-headline {
@apply tw-mt-1 tw-py-[6px] tw-px-0;
@apply mt-1 py-[6px] px-0;
}
.sidebar-group-headline:not(.theme-doc-sidebar-item-category-level-1) {
@apply tw-mb-[6px];
@apply mb-[6px];
}
.sidebar-group-headline > .menu__list-item-collapsible > .menu__link {
@apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark !tw-p-0;
@apply text-medusa-fg-base dark:text-medusa-fg-base-dark !p-0;
}
.sidebar-group-headline > .menu__list-item-collapsible > .menu__link:not([href]) {
@apply tw-cursor-default
@apply cursor-default
}
.sidebar-group-headline > .menu__list-item-collapsible > .menu__link:hover,
.sidebar-group-headline .menu__list-item-collapsible:hover {
@apply !tw-bg-transparent;
@apply !bg-transparent;
}
.sidebar-group-headline > .menu__link,
.sidebar-group-headline > .menu__list-item-collapsible > .menu__link {
@apply tw-font-semibold;
@apply font-semibold;
}
.sidebar-group-divider {
@apply tw-pb-[6px] tw-uppercase tw-text-medusa-text-muted dark:tw-text-medusa-text-muted-dark tw-text-label-x-small-plus;
@apply first:tw-pt-[6px] [&:not(:first-child)]:!tw-pt-1;
@apply pb-[6px] uppercase text-medusa-fg-muted dark:text-medusa-fg-muted-dark text-compact-x-small-plus;
@apply first:pt-[6px] [&:not(:first-child)]:!pt-1;
}
.sidebar-divider-line {
@apply tw-h-[1px] tw-w-full tw-bg-medusa-border-base dark:tw-bg-medusa-border-base-dark tw-my-1 tw-mx-0;
@apply h-[1px] w-full bg-medusa-border-base dark:bg-medusa-border-base-dark my-1 mx-0;
}
.sidebar-back-link {
@apply tw-cursor-pointer lg:tw-top-0;
@apply cursor-pointer lg:top-0;
}
.sidebar-back-link,
.sidebar-title {
@apply lg:tw-sticky lg:tw-bg-medusa-bg-base dark:lg:tw-bg-medusa-bg-subtle-dark lg:tw-z-[100];
@apply lg:sticky lg:bg-medusa-bg-base dark:lg:bg-medusa-bg-subtle-dark lg:z-[100];
}
.sidebar-back-link .menu__link {
@apply !tw-p-0 hover:!tw-bg-transparent hover:tw-text-medusa-text-base dark:hover:tw-text-medusa-text-base-dark;
@apply !p-0 hover:!bg-transparent hover:text-medusa-fg-base dark:hover:text-medusa-fg-base-dark;
}
.sidebar-back-link .menu__link,
.sidebar-back-link span {
@apply tw-text-label-small-plus;
@apply text-compact-small-plus;
}
.sidebar-back-link .sidebar-item-icon {
@apply tw-mr-0.5;
@apply mr-0.5;
}
.sidebar-soon-link {
@apply tw-pointer-events-none [&_*]:tw-text-medusa-text-disabled dark:[&_*]:tw-text-medusa-text-disabled-dark;
@apply pointer-events-none [&_*]:text-medusa-fg-disabled dark:[&_*]:text-medusa-fg-disabled-dark;
}
.sidebar-badge-wrapper {
@apply tw-flex tw-justify-between tw-items-center;
@apply flex justify-between items-center;
}
.search-page-input {
@apply tw-rounded tw-border tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark;
@apply tw-font-base tw-text-body-regular tw-p-[12px] tw-w-full tw-bg-medusa-bg-field dark:tw-bg-medusa-bg-field-dark;
@apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark tw-mb-1;
@apply tw-transition-[border] tw-duration-200 tw-ease-ease;
@apply focus:tw-border-medusa-border-base dark:focus:tw-border-medusa-border-base-dark;
@apply focus:tw-outline-none !tw-shadow-none;
@apply rounded border border-solid border-medusa-border-base dark:border-medusa-border-base-dark;
@apply font-base text-medium p-0.75 w-full bg-medusa-bg-subtle dark:bg-medusa-bg-subtle-dark;
@apply text-medusa-fg-base dark:text-medusa-fg-base-dark mb-1;
@apply transition-[border] duration-200 ease-ease;
@apply focus:border-medusa-border-base dark:focus:border-medusa-border-base-dark;
@apply focus:outline-none !shadow-none;
}
.code-header {
@apply tw-py-[12px] tw-px-1 tw-bg-medusa-code-tabs-bg tw-text-medusa-code-text-subtle;
@apply tw-flex tw-justify-between tw-items-center;
@apply tw-rounded-tl tw-rounded-tr tw-rounded-br-none tw-rounded-bl-none tw-border-b-0;
@apply tw-border tw-border-solid tw-border-medusa-code-block-border tw-border-b-0;
@apply py-0.75 px-1 bg-medusa-code-bg-header dark:bg-medusa-code-bg-header-dark text-medusa-code-text-subtle dark:text-medusa-code-text-subtle;
@apply flex justify-between items-center;
@apply rounded-tl rounded-tr rounded-br-none rounded-bl-none border-b-0;
@apply border border-solid border-medusa-code-border dark:border-medusa-code-border-dark border-b-0;
}
.no-scrollbar::-webkit-scrollbar {
@apply tw-hidden;
@apply hidden;
}
.animate__fastest {
--animate-duration: 0.2s;
}
.btn-primary {
@apply tw-inline-flex tw-flex-row tw-justify-center tw-items-center;
@apply tw-py-[6px] tw-px-[12px] tw-rounded tw-cursor-pointer;
@apply tw-bg-button-neutral dark:tw-bg-button-neutral-dark;
@apply hover:!tw-bg-no-image hover:tw-bg-medusa-button-neutral-hover dark:hover:tw-bg-medusa-button-neutral-hover-dark hover:tw-no-underline;
@apply active:!tw-bg-no-image active:tw-bg-medusa-button-neutral-pressed dark:active:tw-bg-medusa-button-neutral-pressed-dark;
@apply focus:tw-shadow-focus dark:focus:tw-shadow-focus-dark;
@apply disabled:!tw-bg-no-image disabled:tw-bg-medusa-button-disabled dark:disabled:tw-bg-medusa-button-disabled-dark;
@apply tw-border tw-border-solid tw-border-medusa-border-neutral-buttons dark:tw-border-medusa-border-neutral-buttons-dark;
@apply tw-text-label-small-plus tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
@apply hover:tw-text-medusa-text-base dark:hover:tw-text-medusa-text-base-dark;
.btn-secondary {
@apply inline-flex flex-row justify-center items-center;
@apply py-[5px] px-0.75 rounded-sm cursor-pointer;
@apply bg-button-neutral bg-medusa-button-neutral dark:bg-button-neutral-dark dark:bg-medusa-button-neutral-dark;
@apply hover:bg-medusa-button-neutral-hover hover:bg-button-neutral-hover dark:hover:bg-medusa-button-neutral-hover-dark dark:hover:bg-button-neutral-hover-dark hover:no-underline;
@apply active:bg-medusa-button-neutral-pressed active:bg-button-neutral-pressed dark:active:bg-medusa-button-neutral-pressed-dark dark:active:bg-button-neutral-pressed-dark;
@apply focus:bg-medusa-button-neutral-pressed focus:bg-button-neutral-pressed dark:focus:bg-medusa-button-neutral-pressed-dark dark:focus:bg-button-neutral-pressed-dark;
@apply disabled:!bg-no-image disabled:bg-medusa-bg-disabled dark:disabled:bg-medusa-bg-disabled-dark;
@apply disabled:cursor-not-allowed;
@apply border border-solid border-medusa-border-base dark:border-medusa-border-base-dark;
@apply text-compact-small-plus text-medusa-fg-base dark:text-medusa-fg-base-dark;
@apply shadow-button-neutral focus:shadow-button-neutral-focused active:shadow-button-neutral-focused transition-shadow;
@apply dark:shadow-button-neutral dark:focus:shadow-button-neutral-focused dark:active:shadow-button-neutral-focused;
@apply select-none;
}
.btn-inverted {
@apply tw-inline-flex tw-flex-row tw-justify-center tw-items-center;
@apply tw-py-[6px] tw-px-[12px] tw-rounded tw-cursor-pointer;
@apply tw-bg-button-inverted dark:tw-bg-button-inverted-dark;
@apply hover:!tw-bg-no-image hover:tw-bg-medusa-button-inverted-hover dark:hover:tw-bg-medusa-button-inverted-hover-dark hover:tw-no-underline;
@apply active:!tw-bg-no-image active:tw-bg-medusa-button-inverted-pressed dark:active:tw-bg-medusa-button-inverted-pressed-dark;
@apply focus:tw-shadow-focus dark:focus:tw-shadow-focus-dark;
@apply disabled:!tw-bg-no-image disabled:tw-bg-medusa-button-disabled dark:disabled:tw-bg-medusa-button-disabled-dark;
@apply tw-text-label-small-plus tw-text-medusa-text-on-color dark:tw-text-medusa-text-on-inverted-dark;
@apply tw-border-transparent tw-border;
.btn-primary {
@apply inline-flex flex-row justify-center items-center;
@apply py-[5px] px-0.75 rounded-sm cursor-pointer;
@apply bg-button-inverted bg-medusa-button-inverted dark:bg-button-inverted-dark dark:bg-medusa-button-inverted-dark;
@apply hover:bg-medusa-button-inverted-hover hover:bg-button-inverted-hover dark:hover:bg-medusa-button-inverted-hover-dark dark:hover:bg-button-inverted-hover-dark hover:no-underline;
@apply active:bg-medusa-button-inverted-pressed active:bg-button-inverted-pressed dark:active:bg-medusa-button-inverted-pressed-dark dark:active:bg-button-inverted-pressed-dark;
@apply focus:bg-medusa-button-inverted-pressed focus:bg-button-inverted-pressed dark:focus:bg-medusa-button-inverted-pressed-dark dark:focus:bg-button-inverted-pressed-dark;
@apply shadow-button-colored active:shadow-button-colored-focused focus:shadow-button-colored-focused transition-shadow;
@apply dark:shadow-button-colored-dark dark:active:shadow-button-colored-focused-dark dark:focus:shadow-button-colored-focused-dark;
@apply disabled:!bg-no-image disabled:bg-medusa-button-disabled dark:disabled:bg-medusa-button-disabled-dark;
@apply disabled:cursor-not-allowed disabled:border-medusa-border-base dark:disabled:border-medusa-border-base-dark;
@apply text-compact-small-plus text-medusa-fg-on-inverted dark:text-medusa-fg-on-inverted-dark;
@apply disabled:text-medusa-fg-disabled dark:disabled:text-medusa-fg-disabled-dark;
@apply border border-medusa-border-loud dark:border-medusa-border-loud-dark;
@apply select-none;
}
.navbar-action-icon-item {
@apply tw-bg-button-neutral dark:tw-bg-button-neutral-dark hover:!tw-bg-no-image active:!tw-bg-no-image hover:tw-bg-medusa-button-neutral-hover dark:hover:tw-bg-medusa-button-neutral-hover-dark;
@apply active:tw-bg-medusa-button-neutral-pressed dark:active:tw-bg-medusa-button-neutral-pressed-dark;
@apply focus:tw-shadow-focus dark:focus:tw-shadow-focus-dark;
@apply tw-border tw-border-solid tw-border-medusa-border-neutral-buttons dark:tw-border-medusa-border-neutral-buttons-dark tw-rounded;
@apply tw-w-2 tw-h-2 tw-flex tw-justify-center tw-items-center tw-cursor-pointer;
@apply bg-docs-button-neutral dark:bg-docs-button-neutral-dark hover:!bg-no-image active:!bg-no-image hover:bg-medusa-button-neutral-hover dark:hover:bg-medusa-button-neutral-hover-dark;
@apply active:bg-medusa-button-neutral-pressed dark:active:bg-medusa-button-neutral-pressed-dark;
@apply focus:shadow-button-secondary-focus dark:focus:shadow-button-secondary-focus-dark;
@apply border border-solid border-medusa-border-loud-muted dark:border-medusa-border-loud-muted-dark rounded;
@apply w-2 h-2 flex justify-center items-center cursor-pointer;
}
.transparent-button {
@apply tw-bg-transparent tw-border-0 tw-text-inherit tw-cursor-pointer tw-p-0;
@apply bg-transparent border-0 text-inherit cursor-pointer p-0;
}
}
@@ -160,7 +168,6 @@
@import url('./_docusaurus.css');
@import url('./components/docsearch.css');
@import url('./components/redocly.css');
@import url('./components/sidebar.css');
@import url('./components/toc.css');
@import url('./components/tooltip.css');
www/docs/src/hooks/use-current-learning-path.tsx
+2 -2
View File
@@ -36,8 +36,8 @@ const useCurrentLearningPath = () => {
layout: "default",
CustomIcon: (
<LearningPathIcon
className="!tw-w-2 !tw-h-2"
imgClassName="!tw-w-1.5 !tw-h-1.5"
className="!w-2 !h-2"
imgClassName="!w-1.5 !h-1.5"
/>
),
children: (
www/docs/src/providers/Modal/index.tsx
+46
View File
@@ -0,0 +1,46 @@
import React, { useContext, useState } from "react"
import { createContext } from "react"
import Modal, { ModalProps } from "../../components/Modal"
type ModalContextType = {
modalProps: ModalProps | null
setModalProps: (value: ModalProps | null) => void
}
const ModalContext = createContext<ModalContextType | null>(null)
type ModalProviderProps = {
children?: React.ReactNode
}
const ModalProvider: React.FC<ModalProviderProps> = ({ children }) => {
const [modalProps, setModalProps] = useState<ModalProps | null>(null)
const handleClose = () => {
setModalProps(null)
}
return (
<ModalContext.Provider
value={{
modalProps,
setModalProps,
}}
>
{children}
{modalProps && <Modal {...modalProps} onClose={handleClose} />}
</ModalContext.Provider>
)
}
export default ModalProvider
export const useModal = () => {
const context = useContext(ModalContext)
if (!context) {
throw new Error("useModal must be used within a ModalProvider")
}
return context
}
www/docs/src/theme/Admonition/index.tsx
+15 -17
View File
@@ -9,8 +9,8 @@ import IconExclamationCircleSolid from "../Icon/ExclamationCircleSolid"
function NoteIcon() {
return (
<IconInformationCircleSolid
className="tw-inline-block tw-mr-[2px]"
iconColorClassName="tw-fill-medusa-support-info dark:tw-fill-medusa-support-info-dark"
className="inline-block mr-0.125"
iconColorClassName="fill-medusa-fg-interactive-dark"
/>
)
}
@@ -18,8 +18,8 @@ function NoteIcon() {
function TipIcon() {
return (
<IconLightBulbSolid
className="tw-inline-block tw-mr-[2px]"
iconColorClassName="tw-fill-medusa-support-warning dark:tw-fill-medusa-support-warning-dark"
className="inline-block mr-0.125"
iconColorClassName="fill-medusa-tag-orange-icon-dark"
/>
)
}
@@ -27,8 +27,8 @@ function TipIcon() {
function DangerIcon() {
return (
<IconExclamationCircleSolid
className="tw-inline-block tw-mr-[2px]"
iconColorClassName="tw-fill-medusa-support-error dark:tw-fill-medusa-support-error-dark"
className="inline-block mr-0.125"
iconColorClassName="fill-medusa-fg-error dark:fill-medusa-fg-error-dark"
/>
)
}
@@ -172,21 +172,19 @@ export default function Admonition(props: Props): JSX.Element {
return (
<div
className={clsx(
"tw-p-1 tw-border tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark tw-rounded",
"tw-bg-medusa-bg-subtle dark:tw-bg-medusa-bg-base-dark tw-shadow-none",
"[&_a]:tw-no-underline [&_a]:tw-text-medusa-text-base dark:[&_a]:tw-text-medusa-text-base-dark hover:[&_a]:tw-text-medusa-text-subtle dark:hover:[&_a]:tw-text-medusa-text-subtle-dark",
"tw-mb-2 alert"
"p-1 border border-solid border-medusa-border-base dark:border-medusa-border-base-dark rounded",
"bg-medusa-bg-subtle dark:bg-medusa-bg-base-dark shadow-none",
"[&_a]:no-underline [&_a]:text-medusa-fg-base dark:[&_a]:text-medusa-fg-base-dark hover:[&_a]:text-medusa-fg-subtle dark:hover:[&_a]:text-medusa-fg-subtle-dark",
"mb-2 alert"
)}
>
<div className={clsx("tw-flex")}>
<span className={clsx("tw-inline-block tw-h-1.5 tw-w-1.5 tw-mr-1")}>
{icon}
</span>
<div className={clsx("flex")}>
<span className={clsx("inline-block h-1.5 w-1.5 mr-1")}>{icon}</span>
<div
className={clsx(
"tw-text-medusa-text-subtle dark:tw-text-medusa-text-subtle-dark",
"tw-text-body-regular tw-flex-1 [&>*:last-child]:tw-mb-0",
"[&>p>code]:tw-px-0.5 [&>p>code]:tw-text-[14px]"
"text-medusa-fg-subtle dark:text-medusa-fg-subtle-dark",
"text-medium flex-1 [&>*:last-child]:mb-0",
"[&>p>code]:px-0.5 [&>p>code]:text-code-label"
)}
>
{children}
www/docs/src/theme/AnnouncementBar/CloseButton/index.tsx
+3 -3
View File
@@ -17,8 +17,8 @@ export default function AnnouncementBarCloseButton(
})}
{...props}
className={clsx(
"tw-p-0 tw-leading-[0] tw-self-start tw-opacity-100 hover:tw-opacity-100",
"tw-bg-transparent tw-border-0 tw-cursor-pointer",
"p-0 leading-[0] self-start opacity-100 hover:opacity-100",
"bg-transparent border-0 cursor-pointer",
props.className
)}
>
@@ -26,7 +26,7 @@ export default function AnnouncementBarCloseButton(
width={20}
height={20}
strokeWidth={1.5}
iconColorClassName="tw-stroke-medusa-icon-muted dark:tw-stroke-medusa-icon-muted-dark"
iconColorClassName="stroke-medusa-fg-muted dark:stroke-medusa-fg-muted-dark"
/>
</button>
)
www/docs/src/theme/AnnouncementBar/Content/index.tsx
+3 -5
View File
@@ -11,16 +11,14 @@ export default function AnnouncementBarContent(
return (
<div
className={clsx(
"tw-text-medusa-text-subtle dark:tw-text-medusa-text-subtle-dark",
"tw-text-label-x-small-plus",
"text-medusa-fg-subtle dark:text-medusa-fg-subtle-dark",
"text-compact-x-small-plus",
props.className
)}
>
<div
{...props}
className={clsx(
"tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark"
)}
className={clsx("text-medusa-fg-base dark:text-medusa-fg-base-dark")}
// Developer provided the HTML, so assume it's safe.
// eslint-disable-next-line react/no-danger
dangerouslySetInnerHTML={{ __html: content }}
www/docs/src/theme/AnnouncementBar/index.tsx
+12 -14
View File
@@ -18,35 +18,33 @@ export default function AnnouncementBar(): JSX.Element | null {
return (
<div
className={clsx(
"tw-relative tw-flex tw-items-center tw-h-auto tw-bg-medusa-bg-subtle dark:tw-bg-medusa-bg-base-dark tw-p-[12px]",
"tw-rounded tw-mx-1.5 tw-mb-1 tw-shadow-card-rest dark:tw-shadow-card-rest-dark",
"tw-transition-all tw-duration-200 tw-ease-ease",
"hover:tw-bg-medusa-bg-subtle-hover dark:hover:tw-bg-medusa-bg-base-hover-dark",
"print:tw-hidden"
"relative flex items-center h-auto bg-medusa-bg-subtle dark:bg-medusa-bg-base-dark p-0.75",
"rounded mx-1.5 mb-1 shadow-card-rest dark:shadow-card-rest-dark",
"transition-all duration-200 ease-ease",
"hover:bg-medusa-bg-subtle-hover dark:hover:bg-medusa-bg-base-hover-dark",
"print:hidden"
)}
>
<Bordered wrapperClassName="tw-mr-[12px]">
<Bordered wrapperClassName="mr-0.75">
<div
className={clsx(
"tw-p-[6px] tw-flex tw-justify-center tw-items-center",
"tw-rounded-sm tw-bg-medusa-bg-component dark:tw-bg-medusa-bg-component-dark"
"p-[6px] flex justify-center items-center",
"rounded-xs bg-medusa-bg-component dark:bg-medusa-bg-component-dark"
)}
>
<IconBell iconColorClassName="tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark" />
<IconBell iconColorClassName="fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark" />
</div>
</Bordered>
<AnnouncementBarContent className={clsx("tw-flex-1")} />
<AnnouncementBarContent className={clsx("flex-1")} />
{isCloseable && (
<AnnouncementBarCloseButton
onClick={close}
className={clsx("tw-z-[101] tw-text-right lg:tw-basis-[50px]")}
className={clsx("z-[101] text-right lg:basis-[50px]")}
/>
)}
<a
href={id}
className={clsx(
"tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-full tw-z-[100]"
)}
className={clsx("absolute top-0 left-0 w-full h-full z-[100]")}
/>
</div>
)
www/docs/src/theme/CodeBlock/Content/String.tsx
+16 -18
View File
@@ -62,7 +62,7 @@ export default function CodeBlockString({
)}
>
{title && <div>{title}</div>}
<div className={clsx("tw-relative tw-rounded-[inherit]")}>
<div className={clsx("relative rounded-[inherit]")}>
<Highlight
{...defaultProps}
theme={prismTheme}
@@ -74,19 +74,17 @@ export default function CodeBlockString({
<pre
tabIndex={0}
ref={wordWrap.codeBlockRef}
className={clsx("tw-m-0 tw-p-0", "thin-scrollbar", className)}
className={clsx("m-0 p-0", "thin-scrollbar", className)}
>
<code
className={clsx(
"tw-font-[inherit] tw-float-left tw-min-w-full print:tw-whitespace-pre-wrap",
"font-[inherit] float-left min-w-full print:whitespace-pre-wrap",
showLineNumbers &&
tokens.length > 1 &&
"tw-table tw-p-1 code-block-numbering",
title && "tw-p-1",
!title && tokens.length > 1 && "tw-p-1",
!title &&
tokens.length === 1 &&
"tw-py-0.5 tw-pr-0.5 tw-pl-1"
"table p-1 code-block-numbering",
title && "p-1",
!title && tokens.length > 1 && "p-1",
!title && tokens.length === 1 && "py-0.5 pr-0.5 pl-1"
)}
>
{tokens.map((line, i) => (
@@ -103,9 +101,9 @@ export default function CodeBlockString({
</pre>
<div
className={clsx(
"tw-flex tw-gap-x-[2px] tw-absolute tw-right-1",
tokens.length === 1 && "tw-top-[4px]",
tokens.length > 1 && "tw-top-1"
"flex gap-x-0.125 absolute right-1",
tokens.length === 1 && "top-0.25",
tokens.length > 1 && "top-1"
)}
>
{!noReport && (
@@ -118,24 +116,24 @@ export default function CodeBlockString({
)}`}
target="_blank"
className={clsx(
"tw-bg-transparent tw-border-none tw-p-[4px] tw-cursor-pointer tw-rounded",
"hover:tw-bg-medusa-code-tab-hover [&:not(:first-child)]:tw-ml-0.5",
"tw-inline-flex tw-justify-center tw-items-center tw-invisible xs:tw-visible"
"bg-transparent border-none p-0.25 cursor-pointer rounded",
"hover:bg-medusa-code-bg-base dark:hover:bg-medusa-code-bg-base-dark [&:not(:first-child)]:ml-0.5",
"inline-flex justify-center items-center invisible xs:visible"
)}
rel="noreferrer"
>
<IconAlert iconColorClassName="tw-fill-medusa-code-block-action" />
<IconAlert iconColorClassName="fill-medusa-code-icon dark:fill-medusa-code-icon-dark" />
</a>
</Tooltip>
)}
{!noCopy && (
<CopyButton
buttonClassName={clsx(
"tw-flex tw-bg-transparent tw-border-none tw-p-[4px] tw-cursor-pointer tw-rounded"
"flex bg-transparent border-none p-0.25 cursor-pointer rounded"
)}
text={code}
>
<IconCopy iconColorClassName="tw-fill-medusa-code-block-action" />
<IconCopy iconColorClassName="fill-medusa-code-icon dark:fill-medusa-code-icon-dark" />
</CopyButton>
)}
</div>
www/docs/src/theme/CodeBlock/index.tsx
+2 -2
View File
@@ -46,8 +46,8 @@ export default function CodeBlock({
noCopy={noCopy}
{...props}
className={clsx(
!title && "tw-rounded",
title && "!tw-rounded-t-none !tw-rounded-b",
!title && "rounded",
title && "!rounded-t-none !rounded-b",
props.className
)}
showLineNumbers={true}
www/docs/src/theme/Details/index.tsx
+85
View File
@@ -0,0 +1,85 @@
import React, { cloneElement, useRef, useState } from "react"
import clsx from "clsx"
import { CSSTransition } from "react-transition-group"
import MDXSummary from "../MDXComponents/Summary"
export type DetailsProps = {
openInitial?: boolean
summary: React.ReactNode
className?: string
} & React.HTMLAttributes<HTMLDetailsElement>
export default function Details({
openInitial = false,
summary,
children,
...props
}: DetailsProps): JSX.Element {
const [open, setOpen] = useState(openInitial)
const [showContent, setShowContent] = useState(openInitial)
const ref = useRef<HTMLDetailsElement>(null)
const summaryElement = React.isValidElement(summary) ? (
summary
) : (
<MDXSummary>{summary ?? "Details"}</MDXSummary>
)
const handleToggle = () => {
if (open) {
setShowContent(false)
} else {
setOpen(true)
setShowContent(true)
}
}
return (
<details
{...props}
ref={ref}
open={open}
onClick={(event) => {
event.preventDefault()
}}
onToggle={(event) => {
// this is to avoid event propagation
// when details are nested, which is a bug
// in react. Learn more here:
// https://github.com/facebook/react/issues/22718
event.stopPropagation()
}}
className={clsx(
"border-medusa-border-base dark:border-medusa-border-base-dark border-y border-solid border-x-0",
"overflow-hidden [&>summary]:relative [&>summary]:z-[400]",
props.className
)}
>
{cloneElement(summaryElement, {
open,
onClick: handleToggle,
})}
{/* Solve type error as explained here: https://github.com/reactjs/react-transition-group/issues/729 */}
<CSSTransition<undefined>
unmountOnExit
in={showContent}
timeout={150}
onEnter={(node: HTMLElement) => {
node.classList.add(
"!mb-2",
"!mt-0",
"translate-y-1",
"transition-transform"
)
}}
onExit={(node: HTMLElement) => {
node.classList.add("transition-transform", "!-translate-y-1")
setTimeout(() => {
setOpen(false)
}, 100)
}}
>
<div>{children}</div>
</CSSTransition>
</details>
)
}
www/docs/src/theme/DocCard/index.tsx
+30 -33
View File
@@ -36,10 +36,10 @@ function CardContainer({
href={href}
className={clsx(
"card",
"tw-bg-medusa-bg-subtle dark:tw-bg-medusa-bg-base-dark",
"tw-rounded tw-shadow-card-rest dark:tw-shadow-card-rest-dark",
"tw-transition-all tw-duration-200 tw-ease-ease",
"tw-flex tw-p-1 !tw-pb-1.5 tw-h-full",
"bg-medusa-bg-subtle dark:bg-medusa-bg-base-dark",
"rounded shadow-card-rest dark:shadow-card-rest-dark",
"transition-all duration-200 ease-ease",
"flex p-1 !pb-1.5 h-full",
className
)}
>
@@ -66,29 +66,26 @@ function CardLayout({
className={clsx(
containerClassName,
!isSoon &&
"hover:tw-bg-medusa-bg-subtle-hover dark:hover:tw-bg-medusa-bg-base-hover-dark",
isSoon && "tw-pointer-events-none",
"hover:bg-medusa-bg-subtle-hover dark:hover:bg-medusa-bg-base-hover-dark",
isSoon && "pointer-events-none",
isHighlighted &&
"md:before:tw-content-[''] md:before:tw-absolute md:before:tw-top-0 before:tw-right-0 md:before:tw-w-1/2 md:before:tw-h-full md:before:tw-bg-no-repeat md:before:tw-bg-cover md:before:tw-bg-card-highlighted dark:md:before:tw-bg-card-highlighted-dark",
!isSoon &&
"hover:tw-shadow-card-hover dark:hover:tw-shadow-card-hover-dark"
"md:before:content-[''] md:before:absolute md:before:top-0 before:right-0 md:before:w-1/2 md:before:h-full md:before:bg-no-repeat md:before:bg-cover md:before:bg-card-highlighted dark:md:before:bg-card-highlighted-dark",
!isSoon && "hover:shadow-card-hover dark:hover:shadow-card-hover-dark"
)}
>
<div
className={clsx("tw-mb-1 tw-flex tw-justify-between tw-items-center")}
>
<div className={clsx("mb-1 flex justify-between items-center")}>
{icon}
{isSoon && <Badge variant={"purple"}>Guide coming soon</Badge>}
{badge && <Badge {...badge} />}
</div>
<div className={clsx("tw-w-[calc(100%-20px)] [&>*:last-child]:tw-mb-0")}>
<div className={clsx("w-[calc(100%-20px)] [&>*:last-child]:mb-0")}>
<span
className={clsx(
"tw-text-label-regular-plus tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark",
"tw-mb-[4px] tw-block",
"tw-transition-all tw-duration-200 tw-ease-ease",
"text-compact-medium-plus text-medusa-fg-base dark:text-medusa-fg-base-dark",
"mb-0.25 block",
"transition-all duration-200 ease-ease",
isSoon &&
"group-hover:tw-text-medusa-text-disabled dark:group-hover:tw-text-medusa-text-disabled-dark"
"group-hover:text-medusa-fg-disabled dark:group-hover:text-medusa-fg-disabled-dark"
)}
title={title}
>
@@ -97,11 +94,11 @@ function CardLayout({
{description && (
<p
className={clsx(
"tw-text-body-regular tw-text-medusa-text-subtle dark:tw-text-medusa-text-subtle-dark",
"tw-transition-all tw-duration-200 tw-ease-ease",
"text-medium text-medusa-fg-subtle dark:text-medusa-fg-subtle-dark",
"transition-all duration-200 ease-ease",
isSoon &&
"group-hover:tw-text-medusa-text-disabled dark:group-hover:tw-text-medusa-text-disabled-dark",
isHighlighted && "md:tw-w-1/2"
"group-hover:text-medusa-fg-disabled dark:group-hover:text-medusa-fg-disabled-dark",
isHighlighted && "md:w-1/2"
)}
title={description}
>
@@ -111,11 +108,11 @@ function CardLayout({
{html && (
<p
className={clsx(
"tw-text-label-regular tw-text-medusa-text-subtle dark:tw-text-medusa-text-subtle-dark",
"tw-transition-all tw-duration-200 tw-ease-ease",
"text-compact-medium text-medusa-fg-subtle dark:text-medusa-fg-subtle-dark",
"transition-all duration-200 ease-ease",
isSoon &&
"group-hover:tw-text-medusa-text-disabled dark:group-hover:tw-text-medusa-text-disabled-dark",
isHighlighted && "md:tw-w-1/2"
"group-hover:text-medusa-fg-disabled dark:group-hover:text-medusa-fg-disabled-dark",
isHighlighted && "md:w-1/2"
)}
dangerouslySetInnerHTML={{
__html: html,
@@ -135,8 +132,8 @@ function getCardIcon(item: ModifiedSidebarItem): JSX.Element {
light: item.customProps.themedImage.light,
dark: item.customProps.themedImage.dark,
}}
iconWrapperClassName={clsx("tw-p-[6px]")}
iconClassName={clsx("tw-h-[20px] tw-w-[20px]")}
iconWrapperClassName={clsx("p-[6px]")}
iconClassName={clsx("h-[20px] w-[20px]")}
/>
)
} else if (item.customProps?.image) {
@@ -145,16 +142,16 @@ function getCardIcon(item: ModifiedSidebarItem): JSX.Element {
icon={{
light: item.customProps.image,
}}
iconWrapperClassName={clsx("tw-p-[6px]")}
iconClassName={clsx("tw-h-[20px] tw-w-[20px]")}
iconWrapperClassName={clsx("p-[6px]")}
iconClassName={clsx("h-[20px] w-[20px]")}
/>
)
} else if (item.customProps?.icon) {
return (
<BorderedIcon
IconComponent={item.customProps.icon}
iconWrapperClassName={clsx("tw-p-[6px]")}
iconClassName={clsx("tw-h-[20px] tw-w-[20px]")}
iconWrapperClassName={clsx("p-[6px]")}
iconClassName={clsx("h-[20px] w-[20px]")}
/>
)
} else if (
@@ -164,8 +161,8 @@ function getCardIcon(item: ModifiedSidebarItem): JSX.Element {
return (
<BorderedIcon
IconComponent={Icons[item.customProps?.iconName]}
iconWrapperClassName={clsx("tw-p-[6px]")}
iconClassName={clsx("tw-h-[20px] tw-w-[20px]")}
iconWrapperClassName={clsx("p-[6px]")}
iconClassName={clsx("h-[20px] w-[20px]")}
/>
)
} else {
www/docs/src/theme/DocItem/Content/index.tsx
+4 -9
View File
@@ -38,26 +38,21 @@ export default function DocItemContent({ children }: Props): JSX.Element {
<div className={clsx(ThemeClassNames.docs.docMarkdown, "markdown")}>
{syntheticTitle && (
<header
className={clsx(
badge && "md:tw-flex md:tw-items-center md:tw-gap-0.5 tw-mb-2"
)}
className={clsx(badge && "md:flex md:items-center md:gap-0.5 mb-2")}
>
<Heading as="h1" className={clsx(badge && "!tw-mb-0")}>
<Heading as="h1" className={clsx(badge && "!mb-0")}>
{syntheticTitle}
{badge && (
<Badge
variant={badge.variant}
className="md:tw-hidden tw-ml-1 tw-align-middle"
className="md:hidden ml-1 align-middle"
>
{badge.text}
</Badge>
)}
</Heading>
{badge && (
<Badge
variant={badge.variant}
className={clsx("md:tw-block tw-hidden")}
>
<Badge variant={badge.variant} className={clsx("md:block hidden")}>
{badge.text}
</Badge>
)}
www/docs/src/theme/DocItem/Footer/index.tsx
+2 -2
View File
@@ -16,10 +16,10 @@ export default function FooterWrapper(props: Props): JSX.Element {
return (
<>
{!metadata.frontMatter?.hide_footer && (
<div className="tw-mt-[42px]">
<div className="mt-[42px]">
<Feedback
{...footerFeedback}
className="tw-border-0 tw-border-t tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark"
className="border-0 border-t border-solid border-medusa-border-base dark:border-medusa-border-base-dark"
/>
<Footer {...props} />
</div>
www/docs/src/theme/DocItem/Layout/index.tsx
+5 -5
View File
@@ -42,18 +42,18 @@ export default function DocItemLayout({ children }: Props): JSX.Element {
const docTOC = useDocTOC()
const sidebarContext = useSidebar()
return (
<div className="row tw-m-0">
<div className="row m-0">
<div
className={clsx(
"col",
"tw-my-0 tw-mx-auto tw-max-w-main-content tw-w-full tw-ml-auto lg:tw-py-0 tw-py-0 tw-px-1",
!docTOC.hidden && "tw-w-9/12",
!sidebarContext?.hiddenSidebarContainer && "!tw-max-w-[720px]"
"my-0 mx-auto max-w-main-content w-full ml-auto lg:py-0 py-0 px-1",
!docTOC.hidden && "w-9/12",
!sidebarContext?.hiddenSidebarContainer && "!max-w-[720px]"
)}
>
<DocVersionBanner />
<div>
<article className={clsx("[&>*:first-child]:tw-mt-0")}>
<article className={clsx("[&>*:first-child]:mt-0")}>
<DocBreadcrumbs />
<DocVersionBadge />
{docTOC.mobile}
www/docs/src/theme/DocPage/Layout/Main/index.tsx
+5 -5
View File
@@ -10,18 +10,18 @@ export default function DocPageLayoutMain({ children }: Props): JSX.Element {
return (
<main
className={clsx(
"tw-flex tw-flex-col tw-w-full lg:tw-flex-grow",
"flex flex-col w-full lg:flex-grow",
(sidebarContext?.hiddenSidebarContainer || !sidebar) &&
"lg:tw-max-w-[calc(100%-30px)]",
"lg:max-w-[calc(100%-30px)]",
!sidebarContext?.hiddenSidebarContainer &&
"xxl:tw-max-w-[1119px] lg:tw-max-w-[calc(100%-321px)]"
"xxl:max-w-[1119px] lg:max-w-[calc(100%-321px)]"
)}
>
<div
className={clsx(
"container padding-top--md tw-px-0",
"container padding-top--md px-0",
sidebarContext?.hiddenSidebarContainer &&
"lg:tw-max-w-main-content-hidden-sidebar"
"lg:max-w-main-content-hidden-sidebar"
)}
>
{children}
www/docs/src/theme/DocPage/Layout/Sidebar/index.tsx
+4 -4
View File
@@ -33,13 +33,13 @@ export default function DocPageLayoutSidebar({
<aside
className={clsx(
ThemeClassNames.docs.docSidebarContainer,
"lg:tw-block lg:tw-w-sidebar lg:tw-transition-[left] lg:tw-ease-ease lg:tw-duration-200 lg:tw-left-0 tw-hidden",
"min-[997px]:block min-[997px]:w-sidebar min-[997px]:transition-[left] min-[997px]:ease-ease min-[997px]:duration-200 min-[997px]:left-0 hidden",
!hiddenSidebarContainer && "clip",
hiddenSidebarContainer &&
"lg:tw-fixed lg:tw-left-[-100%] lg:tw-rounded lg:tw-border-0 lg:tw-border-medusa-border-strong lg:dark:tw-border-medusa-border-strong-dark",
"min-[997px]:fixed min-[997px]:left-[-100%] min-[997px]:rounded min-[997px]:border-0 min-[997px]:border-medusa-border-strong min-[997px]:dark:border-medusa-border-strong-dark",
hiddenSidebarContainer &&
sidebarContext?.floatingSidebar &&
"lg:!tw-left-0.5 lg:tw-top-[65px] lg:tw-z-20 lg:tw-bg-docs-bg lg:dark:tw-bg-docs-bg-dark lg:tw-shadow-flyout lg:dark:tw-shadow-flyout-dark"
"min-[997px]:!left-0.5 min-[997px]:top-[65px] min-[997px]:z-20 min-[997px]:bg-docs-bg min-[997px]:dark:bg-docs-bg-dark min-[997px]:shadow-flyout min-[997px]:dark:shadow-flyout-dark"
)}
onTransitionEnd={(e) => {
if (
@@ -83,7 +83,7 @@ export default function DocPageLayoutSidebar({
>
<div
className={clsx(
"lg:tw-top-[57px] lg:tw-sticky lg:tw-max-h-screen lg:[&>div]:tw-max-h-screen"
"min-[997px]:top-[57px] min-[997px]:sticky min-[997px]:max-h-screen min-[997px]:[&>div]:max-h-screen"
)}
ref={sidebarRef}
>
www/docs/src/theme/DocPage/Layout/index.tsx
+2 -2
View File
@@ -17,9 +17,9 @@ export default function DocPageLayout({ children }: Props): JSX.Element {
useCurrentLearningPath()
return (
<Layout wrapperClassName={clsx("tw-flex tw-flex-[1_0_auto]")}>
<Layout wrapperClassName={clsx("flex flex-[1_0_auto]")}>
<BackToTopButton />
<div className={clsx("tw-flex tw-w-full tw-flex-[1_0]")}>
<div className={clsx("flex w-full flex-[1_0]")}>
{sidebar && (
<DocPageLayoutSidebar
sidebar={sidebar.items}
www/docs/src/theme/DocPage/index.tsx
+4 -1
View File
@@ -19,6 +19,7 @@ import LearningPathProvider from "@site/src/providers/LearningPath"
import SidebarProvider from "@site/src/providers/Sidebar"
import NotificationProvider from "@site/src/providers/NotificationProvider"
import UserProvider from "@site/src/providers/User"
import ModalProvider from "../../providers/Modal"
function DocPageMetadata(props: Props): JSX.Element {
const { versionMetadata } = props
@@ -66,7 +67,9 @@ export default function DocPage(props: Props): JSX.Element {
<LearningPathProvider>
<SidebarProvider sidebarName={sidebarName}>
<NotificationProvider>
<DocPageLayout>{docElement}</DocPageLayout>
<ModalProvider>
<DocPageLayout>{docElement}</DocPageLayout>
</ModalProvider>
</NotificationProvider>
</SidebarProvider>
</LearningPathProvider>
www/docs/src/theme/DocSidebar/Desktop/index.tsx
+3 -6
View File
@@ -76,9 +76,9 @@ function DocSidebarDesktop({ path, sidebar }: Props) {
return (
<div
className={clsx(
"lg:tw-flex lg:tw-flex-col lg:tw-max-h-screen lg:tw-h-full lg:tw-sticky lg:tw-top-0 lg:tw-transition-opacity lg:tw-duration-[50ms] lg:tw-ease-ease lg:tw-pt-1.5",
"lg:flex lg:flex-col lg:max-h-screen lg:h-full lg:sticky lg:top-0 lg:transition-opacity lg:duration-[50ms] lg:ease-ease lg:pt-1.5",
"sidebar-desktop",
hideOnScroll && "lg:tw-pt-0"
hideOnScroll && "lg:pt-0"
)}
ref={sidebarRef}
>
@@ -86,10 +86,7 @@ function DocSidebarDesktop({ path, sidebar }: Props) {
<Content
path={path}
sidebar={sidebar}
className={clsx(
"main-sidebar",
"!tw-mt-0 !tw-pt-0 !tw-px-1.5 !tw-pb-4"
)}
className={clsx("main-sidebar", "!mt-0 !pt-0 !px-1.5 !pb-4")}
/>
</div>
)
www/docs/src/theme/DocSidebarItem/Category/index.tsx
+3 -3
View File
@@ -90,7 +90,7 @@ function CollapseButton({
{ label: categoryLabel }
)}
type="button"
className="tw-hidden"
className="hidden"
onClick={onClick}
/>
)
@@ -162,10 +162,10 @@ export default function DocSidebarItemCategory({
customProps?.sidebar_is_soon &&
"sidebar-soon-link sidebar-badge-wrapper",
!customProps?.sidebar_is_title &&
"[&_.sidebar-item-icon]:tw-w-[20px] [&_.sidebar-item-icon]:tw-h-[20px]",
"[&_.sidebar-item-icon]:w-[20px] [&_.sidebar-item-icon]:h-[20px]",
!customProps?.sidebar_is_title &&
!customProps?.sidebar_is_back_link &&
"[&_.sidebar-item-icon]:tw-mr-[12px]"
"[&_.sidebar-item-icon]:mr-0.75"
)}
>
<div
www/docs/src/theme/DocSidebarItem/Html/index.tsx
+3 -3
View File
@@ -23,7 +23,7 @@ export default function DocSidebarItemHtml({
className={clsx(
ThemeClassNames.docs.docSidebarItemLink,
ThemeClassNames.docs.docSidebarItemLinkLevel(level),
defaultStyle && ["lg:tw-py-[6px] lg:tw-px-1", "menu__list-item"],
defaultStyle && ["lg:py-[6px] lg:px-1", "menu__list-item"],
className,
customProps?.sidebar_is_title && "sidebar-title",
customProps?.sidebar_is_group_headline && "sidebar-group-headline",
@@ -33,10 +33,10 @@ export default function DocSidebarItemHtml({
customProps?.sidebar_is_soon &&
"sidebar-soon-link sidebar-badge-wrapper",
!customProps?.sidebar_is_title &&
"[&_.sidebar-item-icon]:tw-w-[20px] [&_.sidebar-item-icon]:tw-h-[20px]",
"[&_.sidebar-item-icon]:w-[20px] [&_.sidebar-item-icon]:h-[20px]",
!customProps?.sidebar_is_title &&
!customProps?.sidebar_is_back_link &&
"[&_.sidebar-item-icon]:tw-mr-[12px]"
"[&_.sidebar-item-icon]:mr-0.75"
)}
key={index}
>
www/docs/src/theme/DocSidebarItem/Link/index.tsx
+3 -3
View File
@@ -39,15 +39,15 @@ export default function DocSidebarItemLink({
customProps?.sidebar_is_soon &&
"sidebar-soon-link sidebar-badge-wrapper",
!customProps?.sidebar_is_title &&
"[&_.sidebar-item-icon]:tw-w-[20px] [&_.sidebar-item-icon]:tw-h-[20px]",
"[&_.sidebar-item-icon]:w-[20px] [&_.sidebar-item-icon]:h-[20px]",
!customProps?.sidebar_is_title &&
!customProps?.sidebar_is_back_link &&
"[&_.sidebar-item-icon]:tw-mr-[12px]"
"[&_.sidebar-item-icon]:mr-0.75"
)}
key={label}
>
<Link
className={clsx("menu__link", !isInternalLink && "tw-items-center", {
className={clsx("menu__link", !isInternalLink && "items-center", {
"menu__link--active": isActive,
})}
autoAddBaseUrl={autoAddBaseUrl}
www/docs/src/theme/EditThisPage/index.tsx
+1 -1
View File
@@ -10,7 +10,7 @@ export default function EditThisPage({ editUrl }: Props): JSX.Element {
href={editUrl}
target="_blank"
rel="noreferrer noopener"
className={clsx(ThemeClassNames.common.editThisPage, "btn-primary")}
className={clsx(ThemeClassNames.common.editThisPage, "btn-secondary")}
>
<Translate
id="theme.common.editThisPage"
www/docs/src/theme/Footer/Layout/index.tsx
+8 -10
View File
@@ -17,8 +17,8 @@ export default function FooterLayout({
<footer
className={clsx(
"footer",
"tw-border-t tw-border-x-0 tw-border-b-0 tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark",
"tw-pt-[108px] tw-pb-4 tw-mt-2",
"border-t border-x-0 border-b-0 border-solid border-medusa-border-base dark:border-medusa-border-base-dark",
"pt-[108px] pb-4 mt-2",
{
"footer--dark": style === "dark",
}
@@ -27,23 +27,21 @@ export default function FooterLayout({
<div
className={clsx(
"container container-fluid",
"tw-flex !tw-px-0",
"[&_.col]:!tw-px-0",
"lg:tw-flex-row tw-flex-col",
"!tw-pt-0"
"flex !px-0",
"[&_.col]:!px-0",
"lg:flex-row flex-col",
"!pt-0"
)}
>
{(logo || copyright || socialLinks) && (
<div className="col col--6">
<div className={clsx("lg:tw-mb-0 tw-mb-2")}>
<div className={clsx("lg:mb-0 mb-2")}>
{logo && <div>{logo}</div>}
{copyright}
</div>
</div>
)}
<div
className={clsx("col col--6 row lg:tw-justify-end tw-justify-start")}
>
<div className={clsx("col col--6 row lg:justify-end justify-start")}>
{socialLinks && <SocialLinks links={socialLinks} />}
{links}
</div>
www/docs/src/theme/Icon/AcademicCapSolid/index.tsx
+1 -1
View File
@@ -20,7 +20,7 @@ const IconAcademicCapSolid: React.FC<IconProps> = ({
d="M9.67899 1.93018C9.77863 1.88025 9.88855 1.85425 10 1.85425C10.1115 1.85425 10.2214 1.88025 10.321 1.93018C13.1299 3.33766 15.7595 5.07749 18.1534 7.11227C18.2506 7.19485 18.324 7.30188 18.3661 7.42232C18.4081 7.54275 18.4172 7.67222 18.3925 7.79736C18.3677 7.9225 18.31 8.03876 18.2254 8.13415C18.1407 8.22954 18.0321 8.30059 17.9107 8.33996C15.249 9.20318 12.7213 10.4349 10.4013 11.9991C10.2828 12.0792 10.143 12.122 10 12.122C9.85698 12.122 9.71723 12.0792 9.59873 11.9991C8.95249 11.5637 8.28958 11.1535 7.6115 10.7695V9.64504C7.6115 9.41192 7.72233 9.20269 7.90003 9.07944C8.91637 8.37493 9.97048 7.72651 11.0576 7.13711C11.222 7.04516 11.3435 6.89222 11.3959 6.71137C11.4484 6.53052 11.4275 6.3363 11.3379 6.1707C11.2482 6.00511 11.097 5.88145 10.9169 5.82648C10.7368 5.77151 10.5423 5.78963 10.3755 5.87694C9.24192 6.49154 8.14284 7.1677 7.08316 7.90239C6.80297 8.09811 6.57432 8.35876 6.41677 8.66206C6.25921 8.96536 6.17742 9.3023 6.1784 9.64409V10.0071C4.85835 9.35105 3.49158 8.79348 2.08928 8.33901C1.96795 8.29963 1.85934 8.22858 1.77465 8.13319C1.68996 8.03781 1.63227 7.92154 1.60753 7.7964C1.5828 7.67127 1.59192 7.5418 1.63394 7.42136C1.67597 7.30093 1.74939 7.19389 1.84661 7.11132C4.24046 5.07653 6.8701 3.3367 9.67899 1.92922V1.93018ZM6.1784 11.6179C5.41374 11.2138 4.6311 10.8446 3.83289 10.5116C3.67079 11.4982 3.5465 12.4906 3.46028 13.4867C3.4476 13.6312 3.47907 13.7762 3.55055 13.9024C3.62203 14.0287 3.73014 14.1302 3.8606 14.1937C4.36505 14.4383 4.85994 14.7001 5.34529 14.9771C5.14465 15.2867 4.91058 15.579 4.63925 15.8504C4.56885 15.916 4.51238 15.9951 4.47322 16.083C4.43405 16.1709 4.41299 16.2658 4.4113 16.362C4.4096 16.4582 4.4273 16.5537 4.46334 16.643C4.49937 16.7322 4.55302 16.8132 4.62106 16.8813C4.6891 16.9493 4.77015 17.003 4.85937 17.039C4.9486 17.075 5.04417 17.0927 5.14038 17.091C5.23659 17.0893 5.33147 17.0683 5.41937 17.0291C5.50727 16.99 5.58637 16.9335 5.65197 16.8631C6.00547 16.5106 6.3112 16.1274 6.56916 15.7233C7.60815 16.398 8.59644 17.1478 9.52612 17.9666C9.65701 18.082 9.82551 18.1457 10 18.1457C10.1745 18.1457 10.343 18.082 10.4739 17.9666C12.1842 16.4598 14.0899 15.1904 16.1394 14.1928C16.2699 14.1295 16.3781 14.0281 16.4497 13.9021C16.5214 13.776 16.5531 13.6312 16.5407 13.4867C16.4544 12.4906 16.3301 11.4982 16.1681 10.5116C14.4282 11.2377 12.7644 12.1341 11.2009 13.1877C10.8461 13.4267 10.4279 13.5544 10 13.5544C9.57211 13.5544 9.15395 13.4267 8.79906 13.1877C8.40735 12.9249 8.0099 12.6708 7.60481 12.4262C7.55492 13.5968 7.19773 14.7346 6.56916 15.7233C6.16831 15.4634 5.76019 15.2139 5.34529 14.9771C5.89043 14.1295 6.17969 13.1426 6.1784 12.1348V11.6189V11.6179Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/Adjustments/index.tsx
+1 -1
View File
@@ -18,7 +18,7 @@ const IconAdjustments: React.FC<IconProps> = ({
d="M8.75 5H16.875M8.75 5C8.75 5.33152 8.6183 5.64946 8.38388 5.88388C8.14946 6.1183 7.83152 6.25 7.5 6.25C7.16848 6.25 6.85054 6.1183 6.61612 5.88388C6.3817 5.64946 6.25 5.33152 6.25 5M8.75 5C8.75 4.66848 8.6183 4.35054 8.38388 4.11612C8.14946 3.8817 7.83152 3.75 7.5 3.75C7.16848 3.75 6.85054 3.8817 6.61612 4.11612C6.3817 4.35054 6.25 4.66848 6.25 5M3.125 5H6.25M8.75 15H16.875M8.75 15C8.75 15.3315 8.6183 15.6495 8.38388 15.8839C8.14946 16.1183 7.83152 16.25 7.5 16.25C7.16848 16.25 6.85054 16.1183 6.61612 15.8839C6.3817 15.6495 6.25 15.3315 6.25 15M8.75 15C8.75 14.6685 8.6183 14.3505 8.38388 14.1161C8.14946 13.8817 7.83152 13.75 7.5 13.75C7.16848 13.75 6.85054 13.8817 6.61612 14.1161C6.3817 14.3505 6.25 14.6685 6.25 15M3.125 15H6.25M13.75 10H16.875M13.75 10C13.75 10.3315 13.6183 10.6495 13.3839 10.8839C13.1495 11.1183 12.8315 11.25 12.5 11.25C12.1685 11.25 11.8505 11.1183 11.6161 10.8839C11.3817 10.6495 11.25 10.3315 11.25 10M13.75 10C13.75 9.66848 13.6183 9.35054 13.3839 9.11612C13.1495 8.8817 12.8315 8.75 12.5 8.75C12.1685 8.75 11.8505 8.8817 11.6161 9.11612C11.3817 9.35054 11.25 9.66848 11.25 10M3.125 10H11.25"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.25"
strokeLinecap="round"
www/docs/src/theme/Icon/Alert/index.tsx
+1 -1
View File
@@ -17,7 +17,7 @@ const IconAlert: React.FC<IconProps> = ({ iconColorClassName, ...props }) => {
d="M18 10C18 12.1217 17.1571 14.1566 15.6569 15.6569C14.1566 17.1571 12.1217 18 10 18C7.87827 18 5.84344 17.1571 4.34315 15.6569C2.84285 14.1566 2 12.1217 2 10C2 7.87827 2.84285 5.84344 4.34315 4.34315C5.84344 2.84285 7.87827 2 10 2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10ZM10 5C10.1989 5 10.3897 5.07902 10.5303 5.21967C10.671 5.36032 10.75 5.55109 10.75 5.75V10.25C10.75 10.4489 10.671 10.6397 10.5303 10.7803C10.3897 10.921 10.1989 11 10 11C9.80109 11 9.61032 10.921 9.46967 10.7803C9.32902 10.6397 9.25 10.4489 9.25 10.25V5.75C9.25 5.55109 9.32902 5.36032 9.46967 5.21967C9.61032 5.07902 9.80109 5 10 5ZM10 15C10.2652 15 10.5196 14.8946 10.7071 14.7071C10.8946 14.5196 11 14.2652 11 14C11 13.7348 10.8946 13.4804 10.7071 13.2929C10.5196 13.1054 10.2652 13 10 13C9.73478 13 9.48043 13.1054 9.29289 13.2929C9.10536 13.4804 9 13.7348 9 14C9 14.2652 9.10536 14.5196 9.29289 14.7071C9.48043 14.8946 9.73478 15 10 15Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/ArrowDownTray/index.tsx
+1 -1
View File
@@ -18,7 +18,7 @@ const IconArrowDownTray: React.FC<IconProps> = ({
d="M2.5 13.75V15.625C2.5 16.1223 2.69754 16.5992 3.04917 16.9508C3.40081 17.3025 3.87772 17.5 4.375 17.5H15.625C16.1223 17.5 16.5992 17.3025 16.9508 16.9508C17.3025 16.5992 17.5 16.1223 17.5 15.625V13.75M13.75 10L10 13.75M10 13.75L6.25 10M10 13.75V2.5"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
www/docs/src/theme/Icon/BackArrow/index.tsx
+1 -1
View File
@@ -18,7 +18,7 @@ const IconBackArow: React.FC<IconProps> = ({
d="M7.66703 12.3331L3.00098 7.66703M3.00098 7.66703L7.66703 3.00098M3.00098 7.66703H12.3331C13.5706 7.66703 14.7574 8.15863 15.6325 9.03368C16.5075 9.90874 16.9991 11.0956 16.9991 12.3331C16.9991 13.5706 16.5075 14.7574 15.6325 15.6325C14.7574 16.5075 13.5706 16.9991 12.3331 16.9991H10.0001"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
www/docs/src/theme/Icon/BarsThree/index.tsx
+1 -1
View File
@@ -18,7 +18,7 @@ const IconBarsThree: React.FC<IconProps> = ({
d="M3.125 5.00006H16.875M3.125 10H16.875M3.125 15.0001H16.875"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
www/docs/src/theme/Icon/Bell/index.tsx
+2 -2
View File
@@ -15,7 +15,7 @@ const IconBell: React.FC<IconProps> = ({ iconColorClassName, ...props }) => {
d="M4.87497 2.91669C4.97929 2.79237 5.03116 2.63234 5.01961 2.47046C5.00806 2.30858 4.93399 2.15754 4.81307 2.04929C4.69216 1.94104 4.53388 1.88407 4.37171 1.89043C4.20954 1.89678 4.05621 1.96597 3.94414 2.08336C2.92036 3.22523 2.24183 4.63431 1.98747 6.14669C1.96394 6.3084 2.00469 6.4729 2.10098 6.60494C2.19726 6.73697 2.34144 6.82604 2.5026 6.85307C2.66377 6.88009 2.82911 6.84292 2.9632 6.74951C3.09729 6.65611 3.18946 6.5139 3.21997 6.35335C3.43508 5.0742 4.00901 3.88242 4.87497 2.91669ZM16.0558 2.08336C16.0012 2.02163 15.935 1.97131 15.8609 1.93527C15.7868 1.89924 15.7064 1.87821 15.6241 1.87339C15.5419 1.86856 15.4595 1.88005 15.3817 1.90718C15.3039 1.93431 15.2323 1.97655 15.1709 2.03147C15.1095 2.0864 15.0595 2.15291 15.0239 2.22721C14.9883 2.3015 14.9678 2.38209 14.9634 2.46436C14.9591 2.54663 14.971 2.62894 14.9986 2.70657C15.0262 2.7842 15.0689 2.85561 15.1241 2.91669C15.9904 3.88234 16.5646 5.07412 16.78 6.35335C16.8074 6.51691 16.8986 6.66287 17.0337 6.75914C17.1005 6.80681 17.1761 6.84084 17.2561 6.85929C17.3361 6.87775 17.419 6.88026 17.5 6.86669C17.581 6.85312 17.6585 6.82373 17.7281 6.7802C17.7977 6.73668 17.8581 6.67986 17.9058 6.613C17.9534 6.54614 17.9875 6.47055 18.0059 6.39054C18.0244 6.31053 18.0269 6.22767 18.0133 6.14669C17.7584 4.63414 17.0801 3.22506 16.0558 2.08336Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
<path
@@ -24,7 +24,7 @@ const IconBell: React.FC<IconProps> = ({ iconColorClassName, ...props }) => {
d="M9.99985 1.875C8.50801 1.875 7.07727 2.46763 6.02237 3.52252C4.96748 4.57742 4.37485 6.00816 4.37485 7.5V8.125C4.37741 9.82433 3.74802 11.4639 2.60902 12.725C2.54061 12.8009 2.49186 12.8924 2.46701 12.9915C2.44216 13.0906 2.44198 13.1942 2.46649 13.2934C2.491 13.3926 2.53944 13.4842 2.60758 13.5603C2.67572 13.6365 2.76148 13.6947 2.85735 13.73C4.14402 14.205 5.49068 14.555 6.88318 14.7658C6.85183 15.1943 6.90915 15.6246 7.05157 16.0299C7.19399 16.4352 7.41845 16.8068 7.71093 17.1214C8.0034 17.4361 8.35762 17.6871 8.75144 17.8587C9.14527 18.0303 9.57025 18.1189 9.99985 18.1189C10.4294 18.1189 10.8544 18.0303 11.2483 17.8587C11.6421 17.6871 11.9963 17.4361 12.2888 17.1214C12.5812 16.8068 12.8057 16.4352 12.9481 16.0299C13.0905 15.6246 13.1479 15.1943 13.1165 14.7658C14.4899 14.5576 15.8385 14.2103 17.1415 13.7292C17.2372 13.6938 17.3229 13.6356 17.3909 13.5595C17.4589 13.4835 17.5073 13.3919 17.5318 13.2929C17.5563 13.1938 17.5561 13.0903 17.5314 12.9913C17.5067 12.8923 17.4581 12.8009 17.3898 12.725C16.2511 11.4638 15.6221 9.82422 15.6248 8.125V7.5C15.6248 6.00816 15.0322 4.57742 13.9773 3.52252C12.9224 2.46763 11.4917 1.875 9.99985 1.875ZM8.12485 15C8.12485 14.9717 8.12485 14.9442 8.12652 14.9167C9.37288 15.029 10.6268 15.029 11.8732 14.9167L11.8748 15C11.8748 15.4973 11.6773 15.9742 11.3257 16.3258C10.974 16.6775 10.4971 16.875 9.99985 16.875C9.50257 16.875 9.02566 16.6775 8.67402 16.3258C8.32239 15.9742 8.12485 15.4973 8.12485 15Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/BellAlertSolid/index.tsx
+2 -2
View File
@@ -18,7 +18,7 @@ const IconBellAlertSolid: React.FC<IconProps> = ({
d="M4.875 2.91669C4.97932 2.79237 5.03119 2.63234 5.01964 2.47046C5.00809 2.30858 4.93402 2.15754 4.81311 2.04929C4.69219 1.94104 4.53391 1.88407 4.37174 1.89043C4.20957 1.89678 4.05624 1.96597 3.94417 2.08336C2.92039 3.22523 2.24186 4.63431 1.9875 6.14669C1.96397 6.3084 2.00472 6.4729 2.10101 6.60494C2.19729 6.73697 2.34147 6.82604 2.50263 6.85307C2.6638 6.88009 2.82914 6.84292 2.96323 6.74951C3.09732 6.65611 3.18949 6.5139 3.22 6.35335C3.43511 5.0742 4.00904 3.88242 4.875 2.91669ZM16.0558 2.08336C16.0013 2.02163 15.935 1.97131 15.861 1.93527C15.7869 1.89924 15.7064 1.87821 15.6242 1.87339C15.5419 1.86856 15.4595 1.88005 15.3818 1.90718C15.304 1.93431 15.2323 1.97655 15.1709 2.03147C15.1095 2.0864 15.0596 2.15291 15.024 2.22721C14.9884 2.3015 14.9678 2.38209 14.9634 2.46436C14.9591 2.54663 14.9711 2.62894 14.9987 2.70657C15.0262 2.7842 15.0689 2.85561 15.1242 2.91669C15.9904 3.88234 16.5646 5.07412 16.78 6.35335C16.8074 6.51691 16.8987 6.66287 17.0337 6.75914C17.1005 6.80681 17.1761 6.84084 17.2561 6.85929C17.3362 6.87775 17.419 6.88026 17.5 6.86669C17.581 6.85312 17.6585 6.82373 17.7281 6.7802C17.7977 6.73668 17.8581 6.67986 17.9058 6.613C17.9535 6.54614 17.9875 6.47055 18.0059 6.39054C18.0244 6.31053 18.0269 6.22767 18.0133 6.14669C17.7585 4.63414 17.0802 3.22506 16.0558 2.08336Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
<path
@@ -27,7 +27,7 @@ const IconBellAlertSolid: React.FC<IconProps> = ({
d="M10 1.875C8.50816 1.875 7.07742 2.46763 6.02253 3.52252C4.96763 4.57742 4.375 6.00816 4.375 7.5V8.125C4.37757 9.82433 3.74817 11.4639 2.60917 12.725C2.54077 12.8009 2.49201 12.8924 2.46716 12.9915C2.44232 13.0906 2.44214 13.1942 2.46664 13.2934C2.49115 13.3926 2.53959 13.4842 2.60773 13.5603C2.67587 13.6365 2.76163 13.6947 2.8575 13.73C4.14417 14.205 5.49084 14.555 6.88334 14.7658C6.85198 15.1943 6.90931 15.6246 7.05173 16.0299C7.19415 16.4352 7.4186 16.8068 7.71108 17.1214C8.00356 17.4361 8.35777 17.6871 8.7516 17.8587C9.14542 18.0303 9.57041 18.1189 10 18.1189C10.4296 18.1189 10.8546 18.0303 11.2484 17.8587C11.6422 17.6871 11.9964 17.4361 12.2889 17.1214C12.5814 16.8068 12.8059 16.4352 12.9483 16.0299C13.0907 15.6246 13.148 15.1943 13.1167 14.7658C14.49 14.5576 15.8386 14.2103 17.1417 13.7292C17.2374 13.6938 17.323 13.6356 17.391 13.5595C17.4591 13.4835 17.5074 13.3919 17.5319 13.2929C17.5564 13.1938 17.5563 13.0903 17.5316 12.9913C17.5068 12.8923 17.4582 12.8009 17.39 12.725C16.2513 11.4638 15.6222 9.82422 15.625 8.125V7.5C15.625 6.00816 15.0324 4.57742 13.9775 3.52252C12.9226 2.46763 11.4918 1.875 10 1.875ZM8.125 15C8.125 14.9717 8.125 14.9442 8.12667 14.9167C9.37303 15.029 10.627 15.029 11.8733 14.9167L11.875 15C11.875 15.4973 11.6775 15.9742 11.3258 16.3258C10.9742 16.6775 10.4973 16.875 10 16.875C9.50272 16.875 9.02581 16.6775 8.67418 16.3258C8.32255 15.9742 8.125 15.4973 8.125 15Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/Bolt/index.tsx
+1 -1
View File
@@ -15,7 +15,7 @@ const IconBolt: React.FC<IconProps> = ({ iconColorClassName, ...props }) => {
d="M3.125 11.25L11.875 1.875L10 8.75H16.875L8.125 18.125L10 11.25H3.125Z"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
www/docs/src/theme/Icon/BoltSolid/index.tsx
+1 -1
View File
@@ -20,7 +20,7 @@ const IconBoltSolid: React.FC<IconProps> = ({
d="M12.0339 1.57679C12.1478 1.64276 12.2372 1.74652 12.2878 1.87153C12.3384 1.99653 12.3473 2.13558 12.3131 2.26648L10.7638 8.17823H16.4167C16.5304 8.17824 16.6416 8.21282 16.7366 8.27772C16.8317 8.34262 16.9065 8.43501 16.9517 8.54354C16.997 8.65206 17.0108 8.772 16.9915 8.88859C16.9722 9.00518 16.9205 9.11336 16.8429 9.19982L8.67622 18.3067C8.58727 18.4061 8.46885 18.4715 8.33992 18.4926C8.21099 18.5137 8.07899 18.4892 7.96502 18.423C7.85106 18.3568 7.76172 18.2527 7.7113 18.1274C7.66087 18.0022 7.65227 17.8629 7.68688 17.7319L9.23622 11.821H3.5833C3.46962 11.821 3.35842 11.7864 3.26336 11.7215C3.16831 11.6566 3.09355 11.5642 3.04827 11.4557C3.00299 11.3471 2.98916 11.2272 3.0085 11.1106C3.02783 10.994 3.07947 10.8858 3.15708 10.7994L11.3238 1.69255C11.4127 1.5935 11.531 1.52829 11.6597 1.50731C11.7884 1.48633 11.9201 1.51079 12.0339 1.57679Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/BookOpen/index.tsx
+1 -1
View File
@@ -18,7 +18,7 @@ const IconBookOpen: React.FC<IconProps> = ({
d="M10 5.03501C8.62634 3.80281 6.84533 3.12246 5 3.12501C4.12333 3.12501 3.28167 3.27501 2.5 3.55167V15.4267C3.30302 15.1434 4.14847 14.9991 5 15C6.92083 15 8.67333 15.7225 10 16.91M10 5.03501C11.3736 3.80274 13.1547 3.12238 15 3.12501C15.8767 3.12501 16.7183 3.27501 17.5 3.55167V15.4267C16.697 15.1434 15.8515 14.9991 15 15C13.1547 14.9975 11.3737 15.6778 10 16.91M10 5.03501V16.91"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
www/docs/src/theme/Icon/Bug/index.tsx
+1 -1
View File
@@ -15,7 +15,7 @@ const IconBug: React.FC<IconProps> = ({ iconColorClassName, ...props }) => {
d="M10.0003 10.6153C10.9415 10.6153 11.8679 10.6809 12.7739 10.8097C13.6241 10.9294 14.3037 11.6016 14.3037 12.46C14.3037 15.5164 12.3771 17.994 9.99951 17.994C7.62194 17.994 5.69611 15.5164 5.69611 12.46C5.69611 11.6024 6.37659 10.9294 7.22595 10.8097C8.14506 10.6801 9.07213 10.6152 10.0003 10.6153ZM10.0003 10.6153C12.364 10.6153 14.63 11.0318 16.7288 11.7959C16.6299 13.4859 16.3124 15.1559 15.7844 16.7642M10.0003 10.6153C7.6367 10.6153 5.37063 11.0318 3.271 11.7959C3.37348 13.5209 3.69732 15.1868 4.21628 16.7642M10.0003 10.6153C10.2498 10.6154 10.4966 10.5648 10.726 10.4668C10.9554 10.3687 11.1624 10.2251 11.3347 10.0447C11.507 9.86427 11.6409 9.6508 11.7283 9.41717C11.8157 9.18354 11.8549 8.93461 11.8433 8.68542M10.0003 10.6153C9.75087 10.6154 9.50401 10.5648 9.27465 10.4668C9.04529 10.3687 8.83821 10.2251 8.66593 10.0447C8.49365 9.86427 8.35975 9.6508 8.27233 9.41717C8.1849 9.18354 8.14577 8.93461 8.1573 8.68542M11.8433 8.68542C11.8214 8.2114 11.6176 7.76406 11.2744 7.43639C10.9312 7.10873 10.4749 6.92594 10.0003 6.92602M11.8433 8.68542C13.2994 8.55055 14.7365 8.25301 16.1262 7.79834C16.0812 6.87437 15.9729 5.9668 15.8049 5.08136M8.1573 8.68542C8.17924 8.2114 8.383 7.76406 8.72624 7.43639C9.06948 7.10873 9.52579 6.92594 10.0003 6.92602M8.1573 8.68542C6.67583 8.54769 5.24274 8.24598 3.87523 7.79834C3.91931 6.88633 4.02669 5.97849 4.19661 5.08136M10.0003 6.92602C10.8161 6.92602 11.6163 6.86044 12.3959 6.73254C12.7263 6.67843 13.0026 6.43903 13.0477 6.10781C13.1317 5.4739 13.0174 4.82953 12.7206 4.26315M10.0003 6.92602C9.18457 6.92602 8.38522 6.86044 7.60472 6.73254C7.27514 6.67843 6.99803 6.43903 6.95294 6.10781C6.86626 5.47296 6.98096 4.82691 7.28088 4.26069M7.28088 4.26069C6.93167 4.02814 6.61347 3.75291 6.33396 3.44002C6.39135 2.92352 6.55532 2.43816 6.80455 2.00774M7.28088 4.26069C7.54188 3.76545 7.93313 3.35169 8.41244 3.06249C8.89176 2.77329 9.44093 2.62045 10.0007 2.62045C10.5605 2.62045 11.1097 2.77329 11.589 3.06249C12.0683 3.35169 12.4596 3.76627 12.7206 4.26151C13.0707 4.02949 13.3888 3.7532 13.6675 3.44248C13.6119 2.93613 13.4513 2.44694 13.1961 2.0061"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
www/docs/src/theme/Icon/BugAntSolid/index.tsx
+1 -1
View File
@@ -20,7 +20,7 @@ const IconBugAntSolid: React.FC<IconProps> = ({
d="M6.7881 1.72723C6.93928 1.83478 7.0416 1.99794 7.07259 2.18088C7.10357 2.36381 7.06069 2.55156 6.95335 2.7029C6.77659 2.95179 6.63109 3.22146 6.52014 3.50585C6.69286 3.66457 6.87679 3.81302 7.071 3.94747C7.42032 3.50522 7.86536 3.14792 8.37266 2.90243C8.87996 2.65695 9.43631 2.52967 9.99988 2.53018C11.1875 2.53018 12.2453 3.08477 12.9288 3.94747C13.123 3.81302 13.3069 3.66551 13.4796 3.50585C13.3687 3.22146 13.2232 2.95179 13.0464 2.7029C12.9446 2.55142 12.9059 2.36617 12.9387 2.1866C12.9714 2.00703 13.073 1.84735 13.2217 1.74157C13.3705 1.63579 13.5547 1.59227 13.735 1.62028C13.9154 1.6483 14.0777 1.74564 14.1873 1.89155C14.5319 2.37612 14.7942 2.92325 14.9548 3.51239C14.986 3.62715 14.9875 3.74798 14.9591 3.86347C14.9306 3.97896 14.8733 4.08531 14.7924 4.17248C14.4311 4.56203 14.0238 4.90627 13.5795 5.19764C13.6825 5.54399 13.7348 5.90346 13.7345 6.26481C13.7345 6.75032 13.4535 7.16393 13.0595 7.37307C12.7135 7.55658 12.3516 7.70846 11.9783 7.82682C12.0997 8.02102 12.194 8.2339 12.2547 8.46078C13.5739 8.29832 14.8493 7.99395 16.0649 7.56447C16.0796 6.84172 16.0515 6.11874 15.9809 5.39931C15.972 5.30778 15.9811 5.21539 16.0079 5.1274C16.0346 5.03942 16.0785 4.95756 16.1368 4.88651C16.1952 4.81546 16.2671 4.75661 16.3482 4.71331C16.4293 4.67002 16.5182 4.64313 16.6097 4.63418C16.7012 4.62523 16.7936 4.63439 16.8816 4.66115C16.9696 4.68791 17.0515 4.73173 17.1225 4.79012C17.1936 4.84851 17.2524 4.92033 17.2957 5.00146C17.339 5.0826 17.3659 5.17147 17.3749 5.263C17.467 6.20239 17.492 7.14717 17.4495 8.09012C17.4434 8.22648 17.3975 8.35808 17.3176 8.46872C17.2376 8.57937 17.1271 8.66423 16.9995 8.71287C15.4519 9.30451 13.8351 9.69638 12.1884 9.87901C12.1592 9.95761 12.1259 10.0346 12.0885 10.1096C13.7673 10.2866 15.4159 10.6811 16.993 11.2832C17.1311 11.3363 17.2489 11.4317 17.3294 11.5558C17.4099 11.68 17.449 11.8264 17.4411 11.9741C17.3575 13.5925 17.0731 15.1942 16.5943 16.7423C16.5671 16.8302 16.5228 16.9118 16.4641 16.9826C16.4053 17.0533 16.3332 17.1118 16.2518 17.1547C16.1705 17.1975 16.0814 17.224 15.9899 17.2324C15.8983 17.2409 15.8059 17.2312 15.7181 17.204C15.6302 17.1768 15.5486 17.1325 15.4779 17.0738C15.4071 17.015 15.3486 16.9429 15.3058 16.8615C15.2629 16.7802 15.2365 16.6911 15.228 16.5996C15.2195 16.508 15.2292 16.4156 15.2564 16.3278C15.6439 15.0767 15.9006 13.7668 16.0089 12.4158C15.5468 12.2533 15.0753 12.1095 14.5972 11.9853C14.6439 12.2505 14.6682 12.5222 14.6682 12.8004C14.6682 14.4941 14.1855 15.8927 13.3368 16.8805C12.9258 17.3628 12.4139 17.7491 11.8374 18.0121C11.2608 18.275 10.6336 18.4083 9.99988 18.4024C9.36622 18.4082 8.739 18.2749 8.16244 18.012C7.58589 17.749 7.07404 17.3628 6.66299 16.8805C5.81336 15.8918 5.33159 14.4931 5.33159 12.8004C5.33159 12.5222 5.35586 12.2496 5.40255 11.9853C4.92358 12.1095 4.45302 12.2533 3.99086 12.4148C4.09916 13.7668 4.35498 15.0757 4.74338 16.3278C4.79836 16.5052 4.7806 16.6972 4.69401 16.8615C4.60743 17.0259 4.45911 17.1491 4.28169 17.204C4.10427 17.259 3.91228 17.2412 3.74795 17.1547C3.58362 17.0681 3.46042 16.9198 3.40545 16.7423C2.92634 15.1942 2.64157 13.5925 2.55769 11.9741C2.54996 11.8262 2.58936 11.6796 2.67023 11.5554C2.75109 11.4313 2.86925 11.336 3.00771 11.2832C4.58447 10.6812 6.23281 10.2867 7.91129 10.1096C7.87384 10.0346 7.84049 9.95763 7.81139 9.87901C6.16462 9.69638 4.54787 9.30451 3.00024 8.71287C2.8727 8.66423 2.76215 8.57937 2.68219 8.46872C2.60224 8.35808 2.55637 8.22648 2.55022 8.09012C2.50813 7.14716 2.53309 6.20241 2.62491 5.263C2.63386 5.17147 2.66075 5.0826 2.70405 5.00146C2.74734 4.92033 2.8062 4.84851 2.87725 4.79012C2.9483 4.73173 3.03015 4.68791 3.11814 4.66115C3.20612 4.63439 3.29852 4.62523 3.39005 4.63418C3.48157 4.64313 3.57044 4.67002 3.65158 4.71331C3.73271 4.75661 3.80453 4.81546 3.86292 4.88651C3.92131 4.95756 3.96514 5.03942 3.99189 5.1274C4.01865 5.21539 4.02782 5.30778 4.01887 5.39931C3.94839 6.11907 3.92033 6.84235 3.93484 7.5654C5.15046 7.99395 6.42584 8.29832 7.74416 8.46078C7.80579 8.2339 7.89915 8.02102 8.02146 7.82682C7.64813 7.70845 7.28627 7.55658 6.94028 7.37307C6.73772 7.26707 6.56785 7.1079 6.44892 6.91264C6.32999 6.71739 6.2665 6.49343 6.26525 6.26481C6.26501 5.90346 6.31722 5.54399 6.42024 5.19764C5.97564 4.90631 5.56807 4.56207 5.20648 4.17248C5.12573 4.08522 5.06853 3.97883 5.04027 3.86334C5.01202 3.74786 5.01363 3.62708 5.04496 3.51239C5.20336 2.93114 5.46317 2.38243 5.81242 1.89155C5.86576 1.81664 5.93332 1.75296 6.01127 1.70415C6.08921 1.65535 6.17601 1.62238 6.26669 1.60712C6.35738 1.59186 6.45018 1.59461 6.53981 1.61522C6.62943 1.63583 6.71318 1.67389 6.7881 1.72723Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/BuildingSolid/index.tsx
+1 -1
View File
@@ -20,7 +20,7 @@ const IconBuildingSolid: React.FC<IconProps> = ({
d="M13.8927 4.15414V7.27547H16.2399C16.6442 7.27547 17.0319 7.43606 17.3177 7.72192C17.6036 8.00777 17.7642 8.39547 17.7642 8.79973V15.7922H17.7885C18.2027 15.7922 18.5385 16.128 18.5385 16.5422C18.5385 16.9564 18.2027 17.2922 17.7885 17.2922H17.0218L17.0142 17.2923L17.0065 17.2922H2.30347C1.88925 17.2922 1.55347 16.9564 1.55347 16.5422C1.55347 16.128 1.88925 15.7922 2.30347 15.7922H2.32739V4.15414C2.32739 3.74988 2.48798 3.36218 2.77384 3.07633C3.05969 2.79047 3.44739 2.62988 3.85165 2.62988H12.3684C12.7727 2.62988 13.1604 2.79047 13.4462 3.07633C13.7321 3.36218 13.8927 3.74988 13.8927 4.15414ZM10.2392 15.8862C9.88026 15.8862 9.58924 15.5952 9.58924 15.2362V13.859H6.63086V15.2362C6.63086 15.5952 6.33984 15.8862 5.98085 15.8862C5.62187 15.8862 5.33085 15.5952 5.33085 15.2362V13.209C5.33085 12.85 5.62187 12.559 5.98085 12.559H10.2392C10.5982 12.559 10.8892 12.85 10.8892 13.209V15.2362C10.8892 15.5952 10.5982 15.8862 10.2392 15.8862ZM5.98065 9.21094C5.56644 9.21094 5.23065 9.54672 5.23065 9.96094C5.23065 10.3752 5.56644 10.7109 5.98065 10.7109H10.2391C10.6533 10.7109 10.9891 10.3752 10.9891 9.96094C10.9891 9.54672 10.6533 9.21094 10.2391 9.21094H5.98065ZM15.4614 15.884C15.0472 15.884 14.7114 15.5482 14.7114 15.134V9.96098C14.7114 9.54677 15.0472 9.21098 15.4614 9.21098C15.8756 9.21098 16.2114 9.54677 16.2114 9.96098V15.134C16.2114 15.5482 15.8756 15.884 15.4614 15.884ZM5.98065 5.9021C5.56644 5.9021 5.23065 6.23789 5.23065 6.6521C5.23065 7.06631 5.56644 7.4021 5.98065 7.4021H10.2391C10.6533 7.4021 10.9891 7.06631 10.9891 6.6521C10.9891 6.23789 10.6533 5.9021 10.2391 5.9021H5.98065Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/BuildingStorefront/index.tsx
+1 -1
View File
@@ -18,7 +18,7 @@ const IconBuildingStorefront: React.FC<IconProps> = ({
d="M11.25 17.5V11.25C11.25 11.0842 11.3159 10.9253 11.4331 10.8081C11.5503 10.6908 11.7093 10.625 11.875 10.625H14.375C14.5408 10.625 14.6997 10.6908 14.817 10.8081C14.9342 10.9253 15 11.0842 15 11.25V17.5M11.25 17.5H1.96668M11.25 17.5H15M15 17.5H18.0333M16.875 17.5V7.79083C17.2072 7.59909 17.4908 7.33349 17.7038 7.01459C17.9169 6.6957 18.0538 6.33205 18.1038 5.95179C18.1538 5.57154 18.1157 5.18487 17.9924 4.82171C17.869 4.45855 17.6638 4.12864 17.3925 3.8575L16.4008 2.86667C16.1667 2.63218 15.8489 2.50029 15.5175 2.5H4.48168C4.15027 2.50029 3.83254 2.63218 3.59835 2.86667L2.60751 3.85667C2.33688 4.12811 2.13219 4.45809 2.00924 4.82114C1.88628 5.1842 1.84834 5.57064 1.89834 5.95068C1.94834 6.33072 2.08495 6.6942 2.29763 7.01309C2.5103 7.33199 2.79337 7.59779 3.12501 7.79M3.12501 17.4992V7.79167C3.62503 8.07999 4.20939 8.18647 4.77897 8.09306C5.34855 7.99965 5.86828 7.71209 6.25001 7.27917C6.48443 7.54537 6.77293 7.75852 7.09626 7.90437C7.41959 8.05023 7.77031 8.12545 8.12501 8.125C8.87168 8.125 9.54168 7.7975 10 7.27833C10.2344 7.54469 10.5228 7.75799 10.8462 7.90399C11.1695 8.05 11.5202 8.12534 11.875 8.125C12.6217 8.125 13.2917 7.7975 13.75 7.27833C14.1319 7.71112 14.6516 7.99852 15.2212 8.09178C15.7908 8.18504 16.3751 8.07842 16.875 7.79M5.62501 14.9992H8.75001C8.91577 14.9992 9.07474 14.9333 9.19195 14.8161C9.30916 14.6989 9.37501 14.5399 9.37501 14.3742V11.25C9.37501 11.0842 9.30916 10.9253 9.19195 10.8081C9.07474 10.6908 8.91577 10.625 8.75001 10.625H5.62501C5.45925 10.625 5.30028 10.6908 5.18307 10.8081C5.06586 10.9253 5.00001 11.0842 5.00001 11.25V14.375C5.00001 14.7208 5.28001 14.9992 5.62501 14.9992Z"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
www/docs/src/theme/Icon/BuildingTax/index.tsx
+6 -6
View File
@@ -18,7 +18,7 @@ const IconBuildingTax: React.FC<IconProps> = ({
d="M17.5 7.5H2.5V5.83333L10 2.5L17.5 5.83333V7.5Z"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1"
strokeLinejoin="round"
@@ -27,7 +27,7 @@ const IconBuildingTax: React.FC<IconProps> = ({
d="M8.33333 16.6666H2.5L3.22917 14.1666H8.33333"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1"
strokeLinecap="round"
@@ -37,7 +37,7 @@ const IconBuildingTax: React.FC<IconProps> = ({
d="M4.16667 7.5V14.1667M7.50001 14.1667V7.5"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1"
/>
@@ -45,7 +45,7 @@ const IconBuildingTax: React.FC<IconProps> = ({
d="M17.1354 11.1979L12.0312 16.302"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1"
strokeLinecap="round"
@@ -55,7 +55,7 @@ const IconBuildingTax: React.FC<IconProps> = ({
d="M12.2917 12.0834C12.6368 12.0834 12.9167 11.8036 12.9167 11.4584C12.9167 11.1132 12.6368 10.8334 12.2917 10.8334C11.9465 10.8334 11.6667 11.1132 11.6667 11.4584C11.6667 11.8036 11.9465 12.0834 12.2917 12.0834Z"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1"
strokeLinecap="round"
@@ -65,7 +65,7 @@ const IconBuildingTax: React.FC<IconProps> = ({
d="M16.875 16.6666C17.2202 16.6666 17.5 16.3868 17.5 16.0416C17.5 15.6964 17.2202 15.4166 16.875 15.4166C16.5298 15.4166 16.25 15.6964 16.25 16.0416C16.25 16.3868 16.5298 16.6666 16.875 16.6666Z"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1"
strokeLinecap="round"
www/docs/src/theme/Icon/Calendar/index.tsx
+1 -1
View File
@@ -18,7 +18,7 @@ const IconCalendar: React.FC<IconProps> = ({
d="M5.625 2.5V4.375M14.375 2.5V4.375M2.5 15.625V6.25C2.5 5.75272 2.69754 5.27581 3.04917 4.92417C3.40081 4.57254 3.87772 4.375 4.375 4.375H15.625C16.1223 4.375 16.5992 4.57254 16.9508 4.92417C17.3025 5.27581 17.5 5.75272 17.5 6.25V15.625M2.5 15.625C2.5 16.1223 2.69754 16.5992 3.04917 16.9508C3.40081 17.3025 3.87772 17.5 4.375 17.5H15.625C16.1223 17.5 16.5992 17.3025 16.9508 16.9508C17.3025 16.5992 17.5 16.1223 17.5 15.625M2.5 15.625V9.375C2.5 8.87772 2.69754 8.40081 3.04917 8.04917C3.40081 7.69754 3.87772 7.5 4.375 7.5H15.625C16.1223 7.5 16.5992 7.69754 16.9508 8.04917C17.3025 8.40081 17.5 8.87772 17.5 9.375V15.625"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
www/docs/src/theme/Icon/CashSolid/index.tsx
+1 -1
View File
@@ -20,7 +20,7 @@ const IconCashSolid: React.FC<IconProps> = ({
d="M1 4C1 3.73478 1.10536 3.48043 1.29289 3.29289C1.48043 3.10536 1.73478 3 2 3H18C18.2652 3 18.5196 3.10536 18.7071 3.29289C18.8946 3.48043 19 3.73478 19 4V12C19 12.2652 18.8946 12.5196 18.7071 12.7071C18.5196 12.8946 18.2652 13 18 13H2C1.73478 13 1.48043 12.8946 1.29289 12.7071C1.10536 12.5196 1 12.2652 1 12V4ZM13 8C13 8.79565 12.6839 9.55871 12.1213 10.1213C11.5587 10.6839 10.7956 11 10 11C9.20435 11 8.44129 10.6839 7.87868 10.1213C7.31607 9.55871 7 8.79565 7 8C7 7.20435 7.31607 6.44129 7.87868 5.87868C8.44129 5.31607 9.20435 5 10 5C10.7956 5 11.5587 5.31607 12.1213 5.87868C12.6839 6.44129 13 7.20435 13 8ZM4 9C4.26522 9 4.51957 8.89464 4.70711 8.70711C4.89464 8.51957 5 8.26522 5 8C5 7.73478 4.89464 7.48043 4.70711 7.29289C4.51957 7.10536 4.26522 7 4 7C3.73478 7 3.48043 7.10536 3.29289 7.29289C3.10536 7.48043 3 7.73478 3 8C3 8.26522 3.10536 8.51957 3.29289 8.70711C3.48043 8.89464 3.73478 9 4 9ZM17 8C17 8.26522 16.8946 8.51957 16.7071 8.70711C16.5196 8.89464 16.2652 9 16 9C15.7348 9 15.4804 8.89464 15.2929 8.70711C15.1054 8.51957 15 8.26522 15 8C15 7.73478 15.1054 7.48043 15.2929 7.29289C15.4804 7.10536 15.7348 7 16 7C16.2652 7 16.5196 7.10536 16.7071 7.29289C16.8946 7.48043 17 7.73478 17 8ZM1.75 14.5C1.55109 14.5 1.36032 14.579 1.21967 14.7197C1.07902 14.8603 1 15.0511 1 15.25C1 15.4489 1.07902 15.6397 1.21967 15.7803C1.36032 15.921 1.55109 16 1.75 16C6.167 16 10.443 16.603 14.499 17.73C15.61 18.039 16.75 17.218 16.75 16.034V15.25C16.75 15.0511 16.671 14.8603 16.5303 14.7197C16.3897 14.579 16.1989 14.5 16 14.5C15.8011 14.5 15.6103 14.579 15.4697 14.7197C15.329 14.8603 15.25 15.0511 15.25 15.25V16.034C15.2484 16.0755 15.2373 16.1161 15.2176 16.1526C15.1979 16.1891 15.1701 16.2207 15.1363 16.2448C15.1025 16.269 15.0637 16.285 15.0227 16.2918C14.9817 16.2986 14.9398 16.2959 14.9 16.284C10.6177 15.0963 6.19392 14.4961 1.75 14.5Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/Channels/index.tsx
+6 -6
View File
@@ -18,7 +18,7 @@ const IconChannels: React.FC<IconProps> = ({
d="M14.7189 5.875C15.6509 5.875 16.4064 5.11948 16.4064 4.1875C16.4064 3.25552 15.6509 2.5 14.7189 2.5C13.7869 2.5 13.0314 3.25552 13.0314 4.1875C13.0314 5.11948 13.7869 5.875 14.7189 5.875Z"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1"
strokeLinecap="round"
@@ -28,7 +28,7 @@ const IconChannels: React.FC<IconProps> = ({
d="M14.7189 11.6875C15.6509 11.6875 16.4064 10.932 16.4064 10C16.4064 9.06802 15.6509 8.3125 14.7189 8.3125C13.7869 8.3125 13.0314 9.06802 13.0314 10C13.0314 10.932 13.7869 11.6875 14.7189 11.6875Z"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1"
strokeLinecap="round"
@@ -38,7 +38,7 @@ const IconChannels: React.FC<IconProps> = ({
d="M4.5936 11.6875C5.52558 11.6875 6.2811 10.932 6.2811 10C6.2811 9.06802 5.52558 8.3125 4.5936 8.3125C3.66162 8.3125 2.9061 9.06802 2.9061 10C2.9061 10.932 3.66162 11.6875 4.5936 11.6875Z"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1"
strokeLinecap="round"
@@ -48,7 +48,7 @@ const IconChannels: React.FC<IconProps> = ({
d="M14.7189 17.5C15.6509 17.5 16.4064 16.7445 16.4064 15.8125C16.4064 14.8805 15.6509 14.125 14.7189 14.125C13.7869 14.125 13.0314 14.8805 13.0314 15.8125C13.0314 16.7445 13.7869 17.5 14.7189 17.5Z"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1"
strokeLinecap="round"
@@ -58,7 +58,7 @@ const IconChannels: React.FC<IconProps> = ({
d="M13.0308 4.1875H11.1558C10.327 4.1875 9.65576 4.85875 9.65576 5.6875V14.3125C9.65576 15.1413 10.327 15.8125 11.1558 15.8125H13.0308"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1"
strokeLinecap="round"
@@ -68,7 +68,7 @@ const IconChannels: React.FC<IconProps> = ({
d="M13.0301 10H6.28012"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1"
strokeLinecap="round"
www/docs/src/theme/Icon/ChannelsSolid/index.tsx
+1 -1
View File
@@ -20,7 +20,7 @@ const IconChannelsSolid: React.FC<IconProps> = ({
d="M12.3989 3.43751C12.7152 2.45828 13.6343 1.75 14.7188 1.75C16.065 1.75 17.1563 2.84131 17.1563 4.1875C17.1563 5.53369 16.065 6.625 14.7188 6.625C13.6343 6.625 12.7152 5.91673 12.3989 4.93751L11.1557 4.93752C10.7411 4.93752 10.4057 5.27298 10.4057 5.68752V9.24999L12.3989 9.25C12.7152 8.27076 13.6343 7.56248 14.7188 7.56248C16.065 7.56248 17.1563 8.65379 17.1563 9.99998C17.1563 11.3462 16.065 12.4375 14.7188 12.4375C13.6343 12.4375 12.7152 11.7292 12.3989 10.75L10.4057 10.75V14.3125C10.4057 14.727 10.7411 15.0625 11.1557 15.0625L12.3989 15.0625C12.7152 14.0832 13.6343 13.375 14.7188 13.375C16.065 13.375 17.1563 14.4663 17.1563 15.8125C17.1563 17.1587 16.065 18.25 14.7188 18.25C13.6343 18.25 12.7152 17.5417 12.3989 16.5625L11.1557 16.5625C9.91274 16.5625 8.90568 15.5555 8.90568 14.3125V10.75L6.91344 10.75C6.59711 11.7292 5.67802 12.4375 4.59351 12.4375C3.24731 12.4375 2.15601 11.3462 2.15601 9.99998C2.15601 8.65379 3.24731 7.56248 4.59351 7.56248C5.67802 7.56248 6.59711 8.27076 6.91344 9.24998L8.90568 9.24999V5.68752C8.90568 4.44456 9.91272 3.43752 11.1557 3.43752L12.3989 3.43751Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/CheckCircleSolid/index.tsx
+1 -1
View File
@@ -20,7 +20,7 @@ const IconCheckCircleSolid: React.FC<IconProps> = ({
d="M10 18C12.1217 18 14.1566 17.1571 15.6569 15.6569C17.1571 14.1566 18 12.1217 18 10C18 7.87827 17.1571 5.84344 15.6569 4.34315C14.1566 2.84285 12.1217 2 10 2C7.87827 2 5.84344 2.84285 4.34315 4.34315C2.84285 5.84344 2 7.87827 2 10C2 12.1217 2.84285 14.1566 4.34315 15.6569C5.84344 17.1571 7.87827 18 10 18ZM13.857 8.191C13.9149 8.11129 13.9566 8.02095 13.9796 7.92514C14.0026 7.82933 14.0065 7.72994 13.991 7.63262C13.9756 7.5353 13.9412 7.44198 13.8897 7.35797C13.8382 7.27396 13.7707 7.20091 13.691 7.143C13.6113 7.08509 13.5209 7.04344 13.4251 7.02044C13.3293 6.99744 13.2299 6.99354 13.1326 7.00895C13.0353 7.02437 12.942 7.0588 12.858 7.11028C12.774 7.16176 12.7009 7.22929 12.643 7.309L9.16 12.099L7.28 10.219C7.21078 10.1474 7.128 10.0903 7.03647 10.051C6.94495 10.0118 6.84653 9.99114 6.74694 9.99032C6.64736 9.9895 6.54861 10.0085 6.45646 10.0463C6.3643 10.084 6.28059 10.1398 6.2102 10.2102C6.13982 10.2807 6.08417 10.3644 6.0465 10.4566C6.00883 10.5488 5.9899 10.6476 5.99081 10.7472C5.99173 10.8467 6.01246 10.9451 6.05181 11.0366C6.09116 11.1281 6.14834 11.2108 6.22 11.28L8.72 13.78C8.79663 13.8567 8.88896 13.9158 8.99065 13.9534C9.09233 13.9909 9.20094 14.006 9.30901 13.9975C9.41708 13.9891 9.52203 13.9573 9.61663 13.9044C9.71123 13.8515 9.79324 13.7787 9.857 13.691L13.857 8.191Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/ChevronDoubleLeftMiniSolid/index.tsx
+1 -1
View File
@@ -20,7 +20,7 @@ const IconChevronDoubleLeftMiniSolid: React.FC<IconProps> = ({
d="M15.79 14.77C15.6521 14.9131 15.4629 14.9957 15.2641 14.9994C15.0654 15.0032 14.8733 14.9278 14.73 14.79L10.23 10.54C10.1574 10.47 10.0997 10.3862 10.0602 10.2934C10.0208 10.2006 10.0005 10.1008 10.0005 10C10.0005 9.89919 10.0208 9.79941 10.0602 9.70663C10.0997 9.61385 10.1574 9.52997 10.23 9.46001L14.73 5.21001C14.8002 5.13826 14.8841 5.08133 14.9767 5.0426C15.0693 5.00386 15.1687 4.98411 15.2691 4.9845C15.3695 4.9849 15.4687 5.00544 15.561 5.04491C15.6533 5.08437 15.7367 5.14196 15.8064 5.21427C15.876 5.28657 15.9304 5.37211 15.9663 5.46582C16.0023 5.55953 16.0191 5.65951 16.0157 5.75982C16.0123 5.86014 15.9888 5.95875 15.9466 6.04983C15.9044 6.1409 15.8444 6.22257 15.77 6.29001L11.832 10L15.77 13.71C15.9131 13.848 15.9957 14.0371 15.9994 14.2359C16.0032 14.4346 15.9278 14.6267 15.79 14.77ZM9.79001 14.77C9.65205 14.9131 9.46291 14.9957 9.26415 14.9994C9.06539 15.0032 8.87327 14.9278 8.73001 14.79L4.23001 10.54C4.15742 10.47 4.09968 10.3862 4.06025 10.2934C4.02081 10.2006 4.00049 10.1008 4.00049 10C4.00049 9.89919 4.02081 9.79941 4.06025 9.70663C4.09968 9.61385 4.15742 9.52997 4.23001 9.46001L8.73001 5.21001C8.8002 5.13826 8.88408 5.08133 8.97668 5.0426C9.06928 5.00386 9.16871 4.98411 9.26908 4.9845C9.36945 4.9849 9.46873 5.00544 9.56102 5.04491C9.6533 5.08437 9.73673 5.14196 9.80635 5.21427C9.87598 5.28657 9.93038 5.37211 9.96634 5.46582C10.0023 5.55953 10.0191 5.65951 10.0157 5.75982C10.0123 5.86014 9.98881 5.95875 9.9466 6.04983C9.9044 6.1409 9.84435 6.22257 9.77001 6.29001L5.83201 10L9.77001 13.71C9.91314 13.848 9.99565 14.0371 9.9994 14.2359C10.0032 14.4346 9.92784 14.6267 9.79001 14.77Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/CircleDottedLine/index.tsx
+6 -6
View File
@@ -18,7 +18,7 @@ const IconCircleDottedLine: React.FC<IconProps> = ({
d="M12.5 2.93589C10.884 2.3547 9.116 2.3547 7.5 2.93589"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
@@ -28,7 +28,7 @@ const IconCircleDottedLine: React.FC<IconProps> = ({
d="M2.63049 8.63198C2.94295 6.94471 3.82573 5.41606 5.13094 4.30209"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
@@ -38,7 +38,7 @@ const IconCircleDottedLine: React.FC<IconProps> = ({
d="M5.13094 15.6979C3.82575 14.5839 2.94298 13.0552 2.63049 11.368"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
@@ -48,7 +48,7 @@ const IconCircleDottedLine: React.FC<IconProps> = ({
d="M7.5 17.0641C9.116 17.6453 10.884 17.6453 12.5 17.0641"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
@@ -58,7 +58,7 @@ const IconCircleDottedLine: React.FC<IconProps> = ({
d="M17.3695 8.63198C17.057 6.94471 16.1742 5.41606 14.869 4.30209"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
@@ -68,7 +68,7 @@ const IconCircleDottedLine: React.FC<IconProps> = ({
d="M14.869 15.6979C16.1742 14.5839 17.057 13.0552 17.3695 11.368"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
www/docs/src/theme/Icon/CircleMiniSolid/index.tsx
+1 -1
View File
@@ -21,7 +21,7 @@ const IconCircleMiniSolid: React.FC<IconProps> = ({
strokeWidth="1.5"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/CircleStack/index.tsx
+1 -1
View File
@@ -18,7 +18,7 @@ const IconCircleStack: React.FC<IconProps> = ({
d="M16.875 5.3125C16.875 7.21083 13.7967 8.75 10 8.75C6.20333 8.75 3.125 7.21083 3.125 5.3125M16.875 5.3125C16.875 3.41417 13.7967 1.875 10 1.875C6.20333 1.875 3.125 3.41417 3.125 5.3125M16.875 5.3125V14.6875C16.875 16.5858 13.7967 18.125 10 18.125C6.20333 18.125 3.125 16.5858 3.125 14.6875V5.3125M16.875 5.3125V8.4375M3.125 5.3125V8.4375M16.875 8.4375V11.5625C16.875 13.4608 13.7967 15 10 15C6.20333 15 3.125 13.4608 3.125 11.5625V8.4375M16.875 8.4375C16.875 10.3358 13.7967 11.875 10 11.875C6.20333 11.875 3.125 10.3358 3.125 8.4375"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.25"
strokeLinecap="round"
www/docs/src/theme/Icon/CircleStackSolid/index.tsx
+4 -4
View File
@@ -18,28 +18,28 @@ const IconCircleStackSolid: React.FC<IconProps> = ({
d="M17.5 5.3125C17.5 7.55583 14.1417 9.375 10 9.375C5.85833 9.375 2.5 7.55583 2.5 5.3125C2.5 3.06917 5.85833 1.25 10 1.25C14.1417 1.25 17.5 3.06917 17.5 5.3125Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
<path
d="M10 10.625C12.2375 10.625 14.325 10.1367 15.8983 9.28419C16.4774 8.97677 17.0097 8.58843 17.4792 8.13086C17.4925 8.23169 17.5 8.33419 17.5 8.43753C17.5 10.6809 14.1417 12.5 10 12.5C5.85833 12.5 2.5 10.6809 2.5 8.43753C2.5 8.33419 2.5075 8.23169 2.52083 8.13086C2.99035 8.58841 3.52264 8.97675 4.10167 9.28419C5.67417 10.1367 7.7625 10.625 10 10.625Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
<path
d="M10 13.75C12.2375 13.75 14.325 13.2617 15.8983 12.4092C16.4774 12.1018 17.0097 11.7134 17.4792 11.2559C17.4925 11.3567 17.5 11.4592 17.5 11.5625C17.5 13.8059 14.1417 15.625 10 15.625C5.85833 15.625 2.5 13.8059 2.5 11.5625C2.5 11.4592 2.5075 11.3567 2.52083 11.2559C2.99034 11.7134 3.52263 12.1018 4.10167 12.4092C5.67417 13.2617 7.7625 13.75 10 13.75Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
<path
d="M10 16.875C12.2375 16.875 14.325 16.3867 15.8983 15.5342C16.4774 15.2268 17.0097 14.8384 17.4792 14.3809C17.4925 14.4817 17.5 14.5842 17.5 14.6875C17.5 16.9309 14.1417 18.75 10 18.75C5.85833 18.75 2.5 16.9309 2.5 14.6875C2.5 14.5842 2.5075 14.4817 2.52083 14.3809C2.99034 14.8384 3.52263 15.2268 4.10167 15.5342C5.67417 16.3867 7.7625 16.875 10 16.875Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/ClockSolidMini/index.tsx
+1 -1
View File
@@ -20,7 +20,7 @@ const IconClockSolidMini: React.FC<IconProps> = ({
d="M4 10C4 6.68629 6.68629 4 10 4C13.3137 4 16 6.68629 16 10C16 13.3137 13.3137 16 10 16C6.68629 16 4 13.3137 4 10ZM10 5.75C10.4142 5.75 10.75 6.08579 10.75 6.5V9.63051L13.1914 10.2748C13.5919 10.3805 13.8309 10.7909 13.7252 11.1914C13.6195 11.5919 13.2091 11.8309 12.8086 11.7252L9.80862 10.9334C9.47938 10.8465 9.25 10.5488 9.25 10.2083V6.5C9.25 6.08579 9.58579 5.75 10 5.75Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/Close/index.tsx
+1 -1
View File
@@ -15,7 +15,7 @@ const IconClose: React.FC<IconProps> = ({ iconColorClassName, ...props }) => {
d="M6 14L14 6M6 6L14 14"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth={props.strokeWidth}
strokeLinecap="round"
www/docs/src/theme/Icon/CloudArrowUp/index.tsx
+1 -1
View File
@@ -18,7 +18,7 @@ const IconCloudArrowUp: React.FC<IconProps> = ({
d="M10.0002 13.7499V8.12494M10.0002 8.12494L12.5002 10.6249M10.0002 8.12494L7.50017 10.6249M5.62517 16.2499C4.73303 16.2509 3.86977 15.9338 3.19042 15.3555C2.51107 14.7772 2.06013 13.9757 1.9186 13.0949C1.77706 12.214 1.95419 11.3116 2.41819 10.5496C2.88218 9.78761 3.60264 9.21601 4.45017 8.93744C4.23242 7.82174 4.45747 6.6651 5.07766 5.71245C5.69785 4.75979 6.66448 4.08593 7.77285 3.83356C8.88122 3.58119 10.0443 3.77013 11.0158 4.36036C11.9873 4.9506 12.6909 5.89579 12.9777 6.99577C13.421 6.85158 13.8958 6.83423 14.3485 6.94568C14.8012 7.05713 15.2137 7.29294 15.5394 7.62647C15.8652 7.96 16.0911 8.37796 16.1918 8.83315C16.2926 9.28835 16.264 9.76263 16.1093 10.2024C16.7915 10.463 17.361 10.9542 17.719 11.5907C18.0769 12.2273 18.2008 12.969 18.069 13.6873C17.9373 14.4056 17.5583 15.0552 16.9977 15.5232C16.4372 15.9913 15.7305 16.2484 15.0002 16.2499H5.62517Z"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
www/docs/src/theme/Icon/CogSixTooth/index.tsx
+2 -2
View File
@@ -18,7 +18,7 @@ const IconCogSixTooth: React.FC<IconProps> = ({
d="M7.99509 3.28333C8.07009 2.83167 8.46176 2.5 8.92009 2.5H11.0809C11.5393 2.5 11.9309 2.83167 12.0059 3.28333L12.1834 4.35083C12.2359 4.6625 12.4443 4.9225 12.7209 5.07583C12.7826 5.10917 12.8434 5.145 12.9043 5.18167C13.1743 5.345 13.5043 5.39583 13.8001 5.285L14.8143 4.905C15.0221 4.82684 15.2509 4.82498 15.46 4.89976C15.6691 4.97454 15.8448 5.1211 15.9559 5.31333L17.0359 7.18583C17.1468 7.37809 17.1859 7.60344 17.1462 7.8218C17.1065 8.04017 16.9907 8.23737 16.8193 8.37833L15.9834 9.0675C15.7393 9.2675 15.6184 9.57833 15.6243 9.89417C15.6256 9.96499 15.6256 10.0358 15.6243 10.1067C15.6184 10.4217 15.7393 10.7317 15.9826 10.9317L16.8201 11.6217C17.1734 11.9133 17.2651 12.4167 17.0368 12.8133L15.9551 14.6858C15.8441 14.878 15.6686 15.0246 15.4597 15.0996C15.2508 15.1745 15.0221 15.1729 14.8143 15.095L13.8001 14.715C13.5043 14.6042 13.1751 14.655 12.9034 14.8183C12.843 14.8551 12.7819 14.8906 12.7201 14.925C12.4443 15.0775 12.2359 15.3375 12.1834 15.6492L12.0059 16.7158C11.9309 17.1683 11.5393 17.5 11.0809 17.5H8.91926C8.46092 17.5 8.06926 17.1683 7.99426 16.7167L7.81676 15.6492C7.76509 15.3375 7.55676 15.0775 7.28009 14.9242C7.2183 14.8901 7.15717 14.8548 7.09676 14.8183C6.82592 14.655 6.49676 14.6042 6.20009 14.715L5.18592 15.095C4.9782 15.1729 4.74956 15.1747 4.54067 15.0999C4.33178 15.0251 4.15618 14.8787 4.04509 14.6867L2.96426 12.8142C2.85338 12.6219 2.8143 12.3966 2.85397 12.1782C2.89364 11.9598 3.0095 11.7626 3.18092 11.6217L4.01759 10.9325C4.26092 10.7325 4.38176 10.4217 4.37592 10.1058C4.37462 10.035 4.37462 9.96416 4.37592 9.89333C4.38176 9.57833 4.26092 9.26833 4.01759 9.06833L3.18092 8.37833C3.00971 8.23741 2.89399 8.04036 2.85432 7.82219C2.81465 7.60401 2.8536 7.37884 2.96426 7.18667L4.04509 5.31417C4.15608 5.12178 4.33177 4.97505 4.54085 4.90011C4.74993 4.82518 4.97883 4.82691 5.18676 4.905L6.20009 5.285C6.49676 5.39583 6.82592 5.345 7.09676 5.18167C7.15676 5.145 7.21842 5.10917 7.28009 5.075C7.55676 4.9225 7.76509 4.6625 7.81676 4.35083L7.99509 3.28333V3.28333Z"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
@@ -28,7 +28,7 @@ const IconCogSixTooth: React.FC<IconProps> = ({
d="M12.5 10C12.5 10.663 12.2366 11.2989 11.7678 11.7678C11.2989 12.2366 10.663 12.5 10 12.5C9.33696 12.5 8.70107 12.2366 8.23223 11.7678C7.76339 11.2989 7.5 10.663 7.5 10C7.5 9.33696 7.76339 8.70107 8.23223 8.23223C8.70107 7.76339 9.33696 7.5 10 7.5C10.663 7.5 11.2989 7.76339 11.7678 8.23223C12.2366 8.70107 12.5 9.33696 12.5 10V10Z"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
www/docs/src/theme/Icon/CogSixToothSolid/index.tsx
+1 -1
View File
@@ -20,7 +20,7 @@ const IconCogSixToothSolid: React.FC<IconProps> = ({
d="M9.23166 1.875C8.46749 1.875 7.81582 2.4275 7.68999 3.18083L7.54166 4.07417C7.52499 4.17417 7.44582 4.29083 7.29416 4.36417C7.00862 4.50143 6.73393 4.66022 6.47249 4.83917C6.33416 4.935 6.19416 4.94417 6.09749 4.90833L5.24999 4.59C4.90353 4.4602 4.52224 4.45755 4.174 4.58253C3.82577 4.70751 3.53318 4.95201 3.34832 5.2725L2.57999 6.60333C2.39507 6.92363 2.32975 7.29915 2.39567 7.66307C2.46159 8.027 2.65447 8.35575 2.93999 8.59083L3.63999 9.1675C3.71916 9.2325 3.78166 9.35833 3.76832 9.52583C3.74458 9.84178 3.74458 10.1591 3.76832 10.475C3.78082 10.6417 3.71916 10.7683 3.64082 10.8333L2.93999 11.41C2.65447 11.6451 2.46159 11.9738 2.39567 12.3378C2.32975 12.7017 2.39507 13.0772 2.57999 13.3975L3.34832 14.7283C3.53331 15.0487 3.82596 15.293 4.17418 15.4178C4.5224 15.5426 4.90362 15.5399 5.24999 15.41L6.09916 15.0917C6.19499 15.0558 6.33499 15.0658 6.47416 15.16C6.73416 15.3383 7.00832 15.4975 7.29499 15.635C7.44666 15.7083 7.52582 15.825 7.54249 15.9267L7.69082 16.8192C7.81666 17.5725 8.46832 18.125 9.23249 18.125H10.7692C11.5325 18.125 12.185 17.5725 12.3108 16.8192L12.4592 15.9258C12.4758 15.8258 12.5542 15.7092 12.7067 15.635C12.9933 15.4975 13.2675 15.3383 13.5275 15.16C13.6667 15.065 13.8067 15.0558 13.9025 15.0917L14.7525 15.41C15.0987 15.5394 15.4797 15.5418 15.8275 15.4168C16.1754 15.2919 16.4677 15.0476 16.6525 14.7275L17.4217 13.3967C17.6066 13.0764 17.6719 12.7009 17.606 12.3369C17.5401 11.973 17.3472 11.6443 17.0617 11.4092L16.3617 10.8325C16.2825 10.7675 16.22 10.6417 16.2333 10.4742C16.257 10.1582 16.257 9.84095 16.2333 9.525C16.22 9.35833 16.2825 9.23167 16.3608 9.16667L17.0608 8.59C17.6508 8.105 17.8033 7.265 17.4217 6.6025L16.6533 5.27167C16.4683 4.95132 16.1757 4.707 15.8275 4.58218C15.4792 4.45735 15.098 4.46013 14.7517 4.59L13.9017 4.90833C13.8067 4.94417 13.6667 4.93417 13.5275 4.83917C13.2663 4.66025 12.9919 4.50145 12.7067 4.36417C12.5542 4.29167 12.4758 4.175 12.4592 4.07417L12.31 3.18083C12.2492 2.81589 12.0609 2.48435 11.7786 2.24522C11.4963 2.0061 11.1383 1.87491 10.7683 1.875H9.23249H9.23166ZM9.99999 13.125C10.8288 13.125 11.6236 12.7958 12.2097 12.2097C12.7958 11.6237 13.125 10.8288 13.125 10C13.125 9.1712 12.7958 8.37634 12.2097 7.79029C11.6236 7.20424 10.8288 6.875 9.99999 6.875C9.17119 6.875 8.37633 7.20424 7.79028 7.79029C7.20423 8.37634 6.87499 9.1712 6.87499 10C6.87499 10.8288 7.20423 11.6237 7.79028 12.2097C8.37633 12.7958 9.17119 13.125 9.99999 13.125Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/CommandLine/index.tsx
+1 -1
View File
@@ -18,7 +18,7 @@ const IconCommandLine: React.FC<IconProps> = ({
d="M5.625 6.25L8.125 8.125L5.625 10M9.375 10H11.875M4.375 16.875H15.625C16.1223 16.875 16.5992 16.6775 16.9508 16.3258C17.3025 15.9742 17.5 15.4973 17.5 15V5C17.5 4.50272 17.3025 4.02581 16.9508 3.67417C16.5992 3.32254 16.1223 3.125 15.625 3.125H4.375C3.87772 3.125 3.40081 3.32254 3.04917 3.67417C2.69754 4.02581 2.5 4.50272 2.5 5V15C2.5 15.4973 2.69754 15.9742 3.04917 16.3258C3.40081 16.6775 3.87772 16.875 4.375 16.875Z"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
www/docs/src/theme/Icon/CommandLineSolid/index.tsx
+1 -1
View File
@@ -20,7 +20,7 @@ const IconCommandLineSolid: React.FC<IconProps> = ({
d="M3.63622 3.40051C3.07362 3.40051 2.53407 3.624 2.13626 4.02182C1.73844 4.41963 1.51495 4.95918 1.51495 5.52178V14.4782C1.51495 15.0408 1.73844 15.5804 2.13626 15.9782C2.53407 16.376 3.07362 16.5995 3.63622 16.5995H16.3638C16.6424 16.5995 16.9182 16.5446 17.1756 16.438C17.4329 16.3314 17.6668 16.1752 17.8638 15.9782C18.0607 15.7812 18.217 15.5474 18.3236 15.29C18.4302 15.0326 18.4851 14.7568 18.4851 14.4782V5.52178C18.4851 5.24321 18.4302 4.96737 18.3236 4.71C18.217 4.45264 18.0607 4.21879 17.8638 4.02182C17.6668 3.82484 17.4329 3.66859 17.1756 3.56198C16.9182 3.45538 16.6424 3.40051 16.3638 3.40051H3.63622ZM4.52526 11.6518C4.46299 11.5828 4.41492 11.5022 4.38382 11.4146C4.35272 11.327 4.33919 11.2341 4.34401 11.1413C4.34882 11.0485 4.37189 10.9576 4.41189 10.8737C4.45189 10.7898 4.50803 10.7146 4.57712 10.6524L6.34955 9.05722L4.57712 7.46108C4.50591 7.39956 4.4477 7.32445 4.40589 7.24014C4.36409 7.15583 4.33954 7.06402 4.33367 6.9701C4.32781 6.87618 4.34075 6.78204 4.37174 6.69318C4.40273 6.60433 4.45114 6.52255 4.51414 6.45265C4.57714 6.38275 4.65346 6.32612 4.73863 6.2861C4.82379 6.24607 4.91609 6.22345 5.01011 6.21955C5.10414 6.21566 5.19799 6.23057 5.28618 6.26341C5.37436 6.29625 5.4551 6.34637 5.52367 6.41082L7.88063 8.53209C7.95416 8.59839 8.01294 8.67939 8.05318 8.76985C8.09342 8.86031 8.11421 8.95821 8.11421 9.05722C8.11421 9.15622 8.09342 9.25412 8.05318 9.34458C8.01294 9.43504 7.95416 9.51605 7.88063 9.58235L5.52367 11.7036C5.45468 11.7659 5.37409 11.814 5.2865 11.8451C5.19892 11.8762 5.10606 11.8897 5.01325 11.8849C4.92043 11.8801 4.82947 11.857 4.74558 11.817C4.66168 11.777 4.58744 11.7208 4.52526 11.6518ZM9.76431 10.2357C9.57678 10.2357 9.39693 10.3102 9.26433 10.4428C9.13172 10.5754 9.05722 10.7553 9.05722 10.9428C9.05722 11.1303 9.13172 11.3102 9.26433 11.4428C9.39693 11.5754 9.57678 11.6499 9.76431 11.6499H12.1213C12.3088 11.6499 12.4887 11.5754 12.6213 11.4428C12.7539 11.3102 12.8284 11.1303 12.8284 10.9428C12.8284 10.7553 12.7539 10.5754 12.6213 10.4428C12.4887 10.3102 12.3088 10.2357 12.1213 10.2357H9.76431Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/ComponentSolid/index.tsx
+4 -4
View File
@@ -18,7 +18,7 @@ const IconComponentSolid: React.FC<IconProps> = ({
d="M5.125 7.37509L7.75 10.0001L5.125 12.6251L2.5 10.0001L5.125 7.37509Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
@@ -28,7 +28,7 @@ const IconComponentSolid: React.FC<IconProps> = ({
d="M9.99969 2.5L12.6247 5.125L9.99969 7.75L7.37469 5.125L9.99969 2.5Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
@@ -38,7 +38,7 @@ const IconComponentSolid: React.FC<IconProps> = ({
d="M14.8752 7.37509L17.5002 10.0001L14.8752 12.6251L12.2502 10.0001L14.8752 7.37509Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
@@ -48,7 +48,7 @@ const IconComponentSolid: React.FC<IconProps> = ({
d="M9.99969 12.25L12.6247 14.875L9.99969 17.5L7.37469 14.875L9.99969 12.25Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
www/docs/src/theme/Icon/ComputerDesktop/index.tsx
+1 -1
View File
@@ -18,7 +18,7 @@ const IconComputerDesktop: React.FC<IconProps> = ({
d="M7.5 14.375V15.2142C7.50004 15.5426 7.43537 15.8678 7.30968 16.1712C7.184 16.4746 6.99976 16.7503 6.7675 16.9825L6.25 17.5H13.75L13.2325 16.9825C13.0002 16.7503 12.816 16.4746 12.6903 16.1712C12.5646 15.8678 12.5 15.5426 12.5 15.2142V14.375M17.5 4.375V12.5C17.5 12.9973 17.3025 13.4742 16.9508 13.8258C16.5992 14.1775 16.1223 14.375 15.625 14.375H4.375C3.87772 14.375 3.40081 14.1775 3.04917 13.8258C2.69754 13.4742 2.5 12.9973 2.5 12.5V4.375M17.5 4.375C17.5 3.87772 17.3025 3.40081 16.9508 3.04917C16.5992 2.69754 16.1223 2.5 15.625 2.5H4.375C3.87772 2.5 3.40081 2.69754 3.04917 3.04917C2.69754 3.40081 2.5 3.87772 2.5 4.375M17.5 4.375V10C17.5 10.4973 17.3025 10.9742 16.9508 11.3258C16.5992 11.6775 16.1223 11.875 15.625 11.875H4.375C3.87772 11.875 3.40081 11.6775 3.04917 11.3258C2.69754 10.9742 2.5 10.4973 2.5 10V4.375"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1.5"
strokeLinecap="round"
www/docs/src/theme/Icon/ComputerDesktopSolid/index.tsx
+1 -1
View File
@@ -20,7 +20,7 @@ const IconComputerDesktopSolid: React.FC<IconProps> = ({
d="M1.875 4.375C1.875 3.71196 2.13839 3.07607 2.60723 2.60723C3.07607 2.13839 3.71196 1.875 4.375 1.875H15.625C16.288 1.875 16.9239 2.13839 17.3928 2.60723C17.8616 3.07607 18.125 3.71196 18.125 4.375V12.5C18.125 13.163 17.8616 13.7989 17.3928 14.2678C16.9239 14.7366 16.288 15 15.625 15H13.125V15.2142C13.125 15.7117 13.3225 16.1892 13.6742 16.54L14.1917 17.0583C14.279 17.1457 14.3384 17.2571 14.3625 17.3782C14.3865 17.4994 14.3742 17.625 14.3269 17.7391C14.2796 17.8532 14.1996 17.9508 14.0969 18.0195C13.9943 18.0882 13.8735 18.1249 13.75 18.125H6.25C6.12647 18.1249 6.00574 18.0882 5.90306 18.0195C5.80038 17.9508 5.72035 17.8532 5.67309 17.7391C5.62583 17.625 5.61346 17.4994 5.63753 17.3782C5.6616 17.2571 5.72104 17.1457 5.80833 17.0583L6.32583 16.54C6.67726 16.1886 6.87478 15.712 6.875 15.215V15H4.375C3.71196 15 3.07607 14.7366 2.60723 14.2678C2.13839 13.7989 1.875 13.163 1.875 12.5V4.375ZM3.125 4.375V10.625C3.125 10.9565 3.2567 11.2745 3.49112 11.5089C3.72554 11.7433 4.04348 11.875 4.375 11.875H15.625C15.9565 11.875 16.2745 11.7433 16.5089 11.5089C16.7433 11.2745 16.875 10.9565 16.875 10.625V4.375C16.875 4.04348 16.7433 3.72554 16.5089 3.49112C16.2745 3.2567 15.9565 3.125 15.625 3.125H4.375C4.04348 3.125 3.72554 3.2567 3.49112 3.49112C3.2567 3.72554 3.125 4.04348 3.125 4.375Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/Copy/index.tsx
+2 -2
View File
@@ -15,14 +15,14 @@ const IconCopy: React.FC<IconProps> = ({ iconColorClassName, ...props }) => {
d="M2 4.25C2 3.65326 2.23705 3.08097 2.65901 2.65901C3.08097 2.23705 3.65326 2 4.25 2H10.75C11.3467 2 11.919 2.23705 12.341 2.65901C12.7629 3.08097 13 3.65326 13 4.25V5.5H9.25C8.25544 5.5 7.30161 5.89509 6.59835 6.59835C5.89509 7.30161 5.5 8.25544 5.5 9.25V13H4.25C3.65326 13 3.08097 12.7629 2.65901 12.341C2.23705 11.919 2 11.3467 2 10.75V4.25Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
<path
d="M9.25 7C8.65326 7 8.08097 7.23705 7.65901 7.65901C7.23705 8.08097 7 8.65326 7 9.25V15.75C7 16.3467 7.23705 16.919 7.65901 17.341C8.08097 17.7629 8.65326 18 9.25 18H15.75C16.3467 18 16.919 17.7629 17.341 17.341C17.7629 16.919 18 16.3467 18 15.75V9.25C18 8.65326 17.7629 8.08097 17.341 7.65901C16.919 7.23705 16.3467 7 15.75 7H9.25Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/CreditCardSolid/index.tsx
+2 -2
View File
@@ -18,7 +18,7 @@ const IconCreditCardSolid: React.FC<IconProps> = ({
d="M3.97603 3.37305C3.33696 3.37305 2.72406 3.62692 2.27217 4.07881C1.82028 4.5307 1.56641 5.1436 1.56641 5.78267V6.38508H18.4338V5.78267C18.4338 5.1436 18.1799 4.5307 17.728 4.07881C17.2761 3.62692 16.6632 3.37305 16.0241 3.37305H3.97603Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
<path
@@ -27,7 +27,7 @@ const IconCreditCardSolid: React.FC<IconProps> = ({
d="M18.4338 8.19336H1.56641V14.2174C1.56641 14.8565 1.82028 15.4694 2.27217 15.9213C2.72406 16.3732 3.33696 16.627 3.97603 16.627H16.0241C16.6632 16.627 17.2761 16.3732 17.728 15.9213C18.1799 15.4694 18.4338 14.8565 18.4338 14.2174V8.19336ZM3.97603 11.2054C3.97603 11.0456 4.0395 10.8924 4.15247 10.7794C4.26544 10.6665 4.41867 10.603 4.57844 10.603H9.39768C9.55745 10.603 9.71068 10.6665 9.82365 10.7794C9.93662 10.8924 10.0001 11.0456 10.0001 11.2054C10.0001 11.3652 9.93662 11.5184 9.82365 11.6314C9.71068 11.7443 9.55745 11.8078 9.39768 11.8078H4.57844C4.41867 11.8078 4.26544 11.7443 4.15247 11.6314C4.0395 11.5184 3.97603 11.3652 3.97603 11.2054ZM4.57844 13.0126C4.41867 13.0126 4.26544 13.0761 4.15247 13.189C4.0395 13.302 3.97603 13.4552 3.97603 13.615C3.97603 13.7748 4.0395 13.928 4.15247 14.041C4.26544 14.154 4.41867 14.2174 4.57844 14.2174H6.98806C7.14783 14.2174 7.30105 14.154 7.41402 14.041C7.527 13.928 7.59047 13.7748 7.59047 13.615C7.59047 13.4552 7.527 13.302 7.41402 13.189C7.30105 13.0761 7.14783 13.0126 6.98806 13.0126H4.57844Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/CubeSolid/index.tsx
+1 -1
View File
@@ -20,7 +20,7 @@ const IconCubeSolid: React.FC<IconProps> = ({
d="M10.346 1.63371C10.24 1.5753 10.121 1.54468 9.99999 1.54468C9.879 1.54468 9.75997 1.5753 9.654 1.63371L2.85366 5.38512L9.99999 9.3277L17.1463 5.38512L10.346 1.63371ZM17.6462 6.7471L10.7168 10.5702V18.4554L17.2754 14.8368C17.3877 14.7749 17.4814 14.6839 17.5466 14.5735C17.6118 14.463 17.6462 14.3371 17.6462 14.2088V6.7471ZM9.28316 18.4554V10.5702L2.35379 6.7471V14.2088C2.35377 14.3371 2.38816 14.463 2.45339 14.5735C2.51862 14.6839 2.61229 14.7749 2.72463 14.8368L9.28316 18.4554Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
www/docs/src/theme/Icon/CurrencyDollar/index.tsx
+1 -1
View File
@@ -18,7 +18,7 @@ const IconCurrencyDollar: React.FC<IconProps> = ({
d="M10 5V15M7.5 12.6517L8.2325 13.2008C9.20833 13.9333 10.7908 13.9333 11.7675 13.2008C12.7442 12.4683 12.7442 11.2817 11.7675 10.5492C11.28 10.1825 10.64 10 10 10C9.39583 10 8.79167 9.81667 8.33083 9.45083C7.40917 8.71833 7.40917 7.53167 8.33083 6.79917C9.2525 6.06667 10.7475 6.06667 11.6692 6.79917L12.015 7.07417M17.5 10C17.5 10.9849 17.306 11.9602 16.9291 12.8701C16.5522 13.7801 15.9997 14.6069 15.3033 15.3033C14.6069 15.9997 13.7801 16.5522 12.8701 16.9291C11.9602 17.306 10.9849 17.5 10 17.5C9.01509 17.5 8.03982 17.306 7.12987 16.9291C6.21993 16.5522 5.39314 15.9997 4.6967 15.3033C4.00026 14.6069 3.44781 13.7801 3.0709 12.8701C2.69399 11.9602 2.5 10.9849 2.5 10C2.5 8.01088 3.29018 6.10322 4.6967 4.6967C6.10322 3.29018 8.01088 2.5 10 2.5C11.9891 2.5 13.8968 3.29018 15.3033 4.6967C16.7098 6.10322 17.5 8.01088 17.5 10Z"
className={
iconColorClassName ||
"tw-stroke-medusa-icon-subtle dark:tw-stroke-medusa-icon-subtle"
"stroke-medusa-fg-subtle dark:stroke-medusa-fg-subtle-dark"
}
strokeWidth="1"
strokeLinecap="round"
www/docs/src/theme/Icon/CurrencyDollarSolid/index.tsx
+2 -2
View File
@@ -18,7 +18,7 @@ const IconCurrencyDollarSolid: React.FC<IconProps> = ({
d="M10.75 10.818V13.432C11.1539 13.3639 11.5406 13.2171 11.888 13C12.37 12.685 12.5 12.352 12.5 12.125C12.5 11.898 12.37 11.565 11.888 11.25C11.5406 11.0329 11.1539 10.8862 10.75 10.818ZM8.33 8.62003C8.383 8.67503 8.445 8.73003 8.514 8.78403C8.722 8.94403 8.974 9.06803 9.25 9.14703V6.60303C9.1302 6.6374 9.01319 6.68085 8.9 6.73303C8.76 6.79803 8.63 6.87603 8.514 6.96603C8.137 7.25803 8 7.59303 8 7.87503C8 8.05903 8.058 8.26503 8.202 8.46703C8.239 8.51803 8.282 8.57003 8.33 8.62003Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
<path
@@ -27,7 +27,7 @@ const IconCurrencyDollarSolid: React.FC<IconProps> = ({
d="M18 10C18 12.1217 17.1571 14.1566 15.6569 15.6569C14.1566 17.1571 12.1217 18 10 18C7.87827 18 5.84344 17.1571 4.34315 15.6569C2.84285 14.1566 2 12.1217 2 10C2 7.87827 2.84285 5.84344 4.34315 4.34315C5.84344 2.84285 7.87827 2 10 2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10ZM10 4C10.1989 4 10.3897 4.07902 10.5303 4.21967C10.671 4.36032 10.75 4.55109 10.75 4.75V5.066C11.3504 5.16708 11.9175 5.41168 12.403 5.779C12.829 6.109 13.147 6.519 13.328 6.979C13.3951 7.16273 13.3877 7.36539 13.3075 7.54377C13.2272 7.72215 13.0805 7.86213 12.8985 7.93386C12.7166 8.0056 12.5138 8.00342 12.3334 7.92779C12.1531 7.85216 12.0094 7.70906 11.933 7.529C11.8376 7.30438 11.6831 7.10982 11.486 6.966C11.2658 6.79964 11.016 6.67647 10.75 6.603V9.3C11.448 9.393 12.133 9.62 12.709 9.996C13.496 10.51 13.999 11.266 13.999 12.126C13.999 12.986 13.495 13.742 12.709 14.256C12.133 14.633 11.448 14.859 10.749 14.952V15.251C10.749 15.4499 10.67 15.6407 10.5293 15.7813C10.3887 15.922 10.1979 16.001 9.999 16.001C9.80009 16.001 9.60932 15.922 9.46867 15.7813C9.32802 15.6407 9.249 15.4499 9.249 15.251V14.951C8.552 14.859 7.867 14.633 7.291 14.256C6.809 13.941 6.434 13.539 6.213 13.068C6.12866 12.8878 6.11937 12.6814 6.18716 12.4944C6.25496 12.3073 6.39429 12.1548 6.5745 12.0705C6.75471 11.9862 6.96105 11.9769 7.14812 12.0447C7.33519 12.1125 7.48766 12.2518 7.572 12.432C7.652 12.605 7.817 12.808 8.112 13.001C8.425 13.206 8.818 13.354 9.25 13.433V10.685C8.64964 10.5838 8.08258 10.3393 7.597 9.972C6.9 9.433 6.5 8.681 6.5 7.875C6.5 7.07 6.9 6.317 7.597 5.779C8.08254 5.41168 8.64962 5.16708 9.25 5.066V4.75C9.25 4.55109 9.32902 4.36032 9.46967 4.21967C9.61032 4.07902 9.80109 4 10 4Z"
className={
iconColorClassName ||
"tw-fill-medusa-icon-subtle dark:tw-fill-medusa-icon-subtle-dark"
"fill-medusa-fg-subtle dark:fill-medusa-fg-subtle-dark"
}
/>
</svg>
Loaded 100 of 3270 files, more files were not shown because too many files have changed in this diff. Show more