From 80ad281892ba9582be40c966cd02b455b009c624 Mon Sep 17 00:00:00 2001 From: malangcat Date: Thu, 12 Dec 2024 21:39:44 +0900 Subject: [PATCH] build: update registry --- docs/components/example/index.json | 3 ++- docs/public/__registry__/ui/action-button.json | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/docs/components/example/index.json b/docs/components/example/index.json index 046066109..ad87b648c 100644 --- a/docs/components/example/index.json +++ b/docs/components/example/index.json @@ -1,8 +1,9 @@ { + "action-button-brand-outline": "import { ActionButton } from \"seed-design/ui/action-button\";\n\nexport default function ActionButtonBrandOutline() {\n return 라벨;\n}", "action-button-brand-solid": "import { ActionButton } from \"seed-design/ui/action-button\";\n\nexport default function ActionButtonBrandSolid() {\n return 라벨;\n}", - "action-button-brand-weak": "import { ActionButton } from \"seed-design/ui/action-button\";\n\nexport default function ActionButtonBrandWeak() {\n return 라벨;\n}", "action-button-danger-solid": "import { ActionButton } from \"seed-design/ui/action-button\";\n\nexport default function ActionButtonDangerSolid() {\n return 라벨;\n}", "action-button-icon-only": "import { IconPlusFill } from \"@daangn/react-monochrome-icon\";\nimport { ActionButton } from \"seed-design/ui/action-button\";\n\nexport default function ActionButtonIconOnly() {\n return (\n \n \n \n );\n}", + "action-button-neutral-outline": "import { ActionButton } from \"seed-design/ui/action-button\";\n\nexport default function ActionButtonNeutralOutline() {\n return 라벨;\n}", "action-button-neutral-solid": "import { ActionButton } from \"seed-design/ui/action-button\";\n\nexport default function ActionButtonNeutralSolid() {\n return 라벨;\n}", "action-button-neutral-weak": "import { ActionButton } from \"seed-design/ui/action-button\";\n\nexport default function ActionButtonNeutralWeak() {\n return 라벨;\n}", "action-button-prefix-icon": "import { IconPlusFill } from \"@daangn/react-monochrome-icon\";\nimport { ActionButton } from \"seed-design/ui/action-button\";\n\nexport default function ActionButtonPrefixIcon() {\n return }>라벨;\n}", diff --git a/docs/public/__registry__/ui/action-button.json b/docs/public/__registry__/ui/action-button.json index 3057f6ae6..8b7f8f863 100644 --- a/docs/public/__registry__/ui/action-button.json +++ b/docs/public/__registry__/ui/action-button.json @@ -7,7 +7,7 @@ { "name": "action-button.tsx", "type": "ui", - "content": "\"use client\";\n\nimport \"@seed-design/stylesheet/actionButton.css\";\n\nimport * as React from \"react\";\nimport clsx from \"clsx\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n actionButton,\n type ActionButtonVariantProps,\n} from \"@seed-design/recipe/actionButton\";\n\nexport interface ActionButtonProps extends ActionButtonVariantProps {\n prefixIcon?: React.ReactNode;\n\n suffixIcon?: React.ReactNode;\n\n /**\n * @default false\n */\n asChild?: boolean;\n}\n\ninterface ReactActionButtonProps\n extends React.ButtonHTMLAttributes,\n ActionButtonProps {}\n\n/**\n * @see https://v3.seed-design.io/docs/react/components/action-button\n */\nexport const ActionButton = React.forwardRef<\n HTMLButtonElement,\n ReactActionButtonProps\n>(\n (\n {\n className,\n variant = \"brandSolid\",\n size = \"medium\",\n children,\n prefixIcon,\n suffixIcon,\n layout = \"withText\",\n asChild = false,\n ...otherProps\n },\n ref,\n ) => {\n const Comp = asChild ? Slot : \"button\";\n const classNames = actionButton({ variant, layout, size });\n return (\n \n {prefixIcon && (\n {prefixIcon}\n )}\n {layout === \"withText\" ? (\n {children}\n ) : (\n {children}\n )}\n {suffixIcon && (\n {suffixIcon}\n )}\n \n );\n },\n);\nActionButton.displayName = \"ActionButton\";\n" + "content": "\"use client\";\n\nimport \"@seed-design/stylesheet/actionButton.css\";\n\nimport * as React from \"react\";\nimport clsx from \"clsx\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport {\n actionButton,\n type ActionButtonVariantProps,\n} from \"@seed-design/recipe/actionButton\";\n\nexport interface ActionButtonProps extends ActionButtonVariantProps {\n prefixIcon?: React.ReactNode;\n\n suffixIcon?: React.ReactNode;\n\n /**\n * @default false\n */\n asChild?: boolean;\n}\n\ninterface ReactActionButtonProps\n extends React.ButtonHTMLAttributes,\n ActionButtonProps {}\n\n/**\n * @see https://v3.seed-design.io/docs/react/components/action-button\n */\nexport const ActionButton = React.forwardRef<\n HTMLButtonElement,\n ReactActionButtonProps\n>(\n (\n {\n className,\n variant = \"brandSolid\",\n size = \"medium\",\n children,\n prefixIcon,\n suffixIcon,\n layout = \"withText\",\n asChild = false,\n ...otherProps\n },\n ref,\n ) => {\n const Comp = asChild ? Slot : \"button\";\n const classNames = actionButton({ variant, layout, size });\n return (\n \n {layout === \"withText\" ? (\n <>\n {prefixIcon && (\n {prefixIcon}\n )}\n {children}\n {suffixIcon && (\n {suffixIcon}\n )}\n \n ) : (\n {children}\n )}\n \n );\n },\n);\nActionButton.displayName = \"ActionButton\";\n" } ] } \ No newline at end of file