From 5c9853f750222ce36177ec75ce43db16286a5ebf Mon Sep 17 00:00:00 2001 From: raymondanythings Date: Mon, 27 Oct 2025 00:03:40 +0900 Subject: [PATCH 1/7] docs: add props-table into button docs --- .../components/[component]/button/Api.mdx | 54 ++++++++--- .../(detail)/components/[component]/page.tsx | 2 + apps/landing/src/app/layout.tsx | 18 +--- .../mdx/components/CustomCodeBlock.tsx | 21 +++++ .../src/components/mdx/components/Table.tsx | 68 ++++++++++++++ apps/landing/src/components/props-table.tsx | 90 +++++++++++++++++++ packages/react/src/index.ts | 6 +- 7 files changed, 231 insertions(+), 28 deletions(-) create mode 100644 apps/landing/src/components/mdx/components/CustomCodeBlock.tsx create mode 100644 apps/landing/src/components/mdx/components/Table.tsx create mode 100644 apps/landing/src/components/props-table.tsx diff --git a/apps/landing/src/app/(detail)/components/[component]/button/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/button/Api.mdx index c3d0a455..97fbfb55 100644 --- a/apps/landing/src/app/(detail)/components/[component]/button/Api.mdx +++ b/apps/landing/src/app/(detail)/components/[component]/button/Api.mdx @@ -1,14 +1,48 @@ +import { PropsTable } from '@/components/props-table' + ###### API `Button` props extends the button HTML attributes. -
-| Property | Description | Type | Default | -| --- | --- | --- | --- | -| **variant** | The variant of the button | `'primary' \| 'default'` | `'default'` | -| **colors** | The color variables of the button, i.e. `var(--primary)` | ```{
primary?: string
error?: string
text?: string
border?: string
inputBackground?: string
primaryFocus?: string
}``` | `undefined` | -| **danger** | Signals that it should be used with caution. It is often used in a delete button or to show the error status. | `boolean` | `false` | -| **size** | The size of the button | `'sm' \| 'md' \| 'lg'` | `'md'` | -| **icon** | Icon of the button passed in as a form of ReactNode | `React.ReactNode` | `undefined` | -| **ellipsis** | Whether the button text should be truncated with an ellipsis. The button should have a width to be able to truncate the text. | `boolean` | `false` | -
+ primary?: string
error?: string
text?: string
border?: string
inputBackground?: string
primaryFocus?: string
}```', + default: '`undefined`', + }, + { + property: 'danger', + description: + 'Signals that it should be used with caution. It is often used in a delete button or to show the error status.', + type: '`boolean`', + default: '`false`', + }, + { + property: 'size', + description: 'The size of the button', + type: "`'sm' | 'md' | 'lg'`", + default: "`'md'`", + }, + { + property: 'icon', + description: 'Icon of the button passed in as a form of ReactNode', + type: '`React.ReactNode`', + default: '`undefined`', + }, + { + property: 'ellipsis', + description: + 'Whether the button text should be truncated with an ellipsis. The button should have a width to be able to truncate the text.', + type: '`boolean`', + default: '`false`', + }, + ]} +/> diff --git a/apps/landing/src/app/(detail)/components/[component]/page.tsx b/apps/landing/src/app/(detail)/components/[component]/page.tsx index c7b074db..be2f542a 100644 --- a/apps/landing/src/app/(detail)/components/[component]/page.tsx +++ b/apps/landing/src/app/(detail)/components/[component]/page.tsx @@ -6,6 +6,7 @@ import { CustomH6 } from '@/components/mdx/components/CustomH6' import { CustomParagraph } from '@/components/mdx/components/CustomParagraph' import { CustomPre } from '@/components/mdx/components/CustomPre' import { CustomStrong } from '@/components/mdx/components/CustomStrong' +import { PropsTable } from '@/components/props-table' import { COMPONENT_GROUPS } from '@/constants' import { getDemos } from '@/utils/get-demos' @@ -102,6 +103,7 @@ export default async function Page({ h6: CustomH6, pre: CustomPre, p: CustomParagraph, + PropsTable, }} /> diff --git a/apps/landing/src/app/layout.tsx b/apps/landing/src/app/layout.tsx index 95b281fb..f11af852 100644 --- a/apps/landing/src/app/layout.tsx +++ b/apps/landing/src/app/layout.tsx @@ -27,18 +27,6 @@ export const metadata: Metadata = { resetCss() globalCss({ - table: { - borderCollapse: 'collapse', - borderSpacing: 0, - border: '1px solid var(--text)', - color: 'var(--text, #2F2F2F)', - fontFamily: 'Pretendard', - fontSize: '16px', - fontStyle: 'normal', - fontWeight: 400, - lineHeight: '150%', - letterSpacing: '-0.48px', - }, code: { fontFamily: 'D2Coding', fontSize: ['13px', '15px'], @@ -47,10 +35,6 @@ globalCss({ lineHeight: '1.5', letterSpacing: '-0.03em', }, - 'th, td': { - border: '1px solid var(--text)', - padding: '6px 13px', - }, pre: { borderRadius: '10px', }, @@ -117,7 +101,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= width="0" /> - +
diff --git a/apps/landing/src/components/mdx/components/CustomCodeBlock.tsx b/apps/landing/src/components/mdx/components/CustomCodeBlock.tsx new file mode 100644 index 00000000..433f307a --- /dev/null +++ b/apps/landing/src/components/mdx/components/CustomCodeBlock.tsx @@ -0,0 +1,21 @@ +import { Box, Text } from '@devup-ui/react' + +export function CustomCodeBlock({ children }: { children: string }) { + return ( + + {children.split('
').map((line, index) => ( + + {index > 0 &&
} + {line} + + ))} + + ) +} diff --git a/apps/landing/src/components/mdx/components/Table.tsx b/apps/landing/src/components/mdx/components/Table.tsx new file mode 100644 index 00000000..9f5af250 --- /dev/null +++ b/apps/landing/src/components/mdx/components/Table.tsx @@ -0,0 +1,68 @@ +import { + Box, + type DevupComponentBaseProps, + type DevupComponentProps, +} from '@devup-ui/react' + +// FIXME: Merge type is not exported in @devup-ui/react +type Merge = Omit> & U + +type TableComponentProps = Merge< + DevupComponentBaseProps, + DevupComponentProps +> + +const TableRoot = ({ ...props }: TableComponentProps<'table'>) => { + return ( + + + + ) +} + +const TableHead = ({ ...props }: TableComponentProps<'thead'>) => { + return ( + + ) +} + +const TableBody = ({ ...props }: TableComponentProps<'tbody'>) => { + return +} + +const TableRow = ({ ...props }: TableComponentProps<'tr'>) => { + return ( + + ) +} + +const TableCell = ({ ...props }: TableComponentProps<'td'>) => { + return +} + +const TableHeaderCell = ({ ...props }: TableComponentProps<'th'>) => { + return +} + +export { TableBody, TableCell, TableHead, TableHeaderCell, TableRoot, TableRow } + +export function Table() { + return <> +} diff --git a/apps/landing/src/components/props-table.tsx b/apps/landing/src/components/props-table.tsx new file mode 100644 index 00000000..07117a5d --- /dev/null +++ b/apps/landing/src/components/props-table.tsx @@ -0,0 +1,90 @@ +import { Text, VStack } from '@devup-ui/react' +import Markdown from 'react-markdown' + +import { _components } from '@/mdx-components' + +import { CustomCodeBlock } from './mdx/components/CustomCodeBlock' +import { + TableBody, + TableCell, + TableHead, + TableHeaderCell, + TableRoot, + TableRow, +} from './mdx/components/Table' + +interface ComponentProp { + property: string + description?: string + type?: string + default?: string +} + +const MdxComponentsWithCodeBlock = ({ children }: { children?: string }) => { + return ( + + {children} + + ) +} + +interface PropTableProps { + componentProps: ComponentProp[] +} + +export const PropsTable = async (props: PropTableProps) => { + const { componentProps } = props + + return ( + + + + Prop + description + Type + Default + + + + {componentProps.length === 0 && ( + + + No props to display + + + )} + {componentProps.map( + ({ property, description, type, default: defaultValue }) => ( + + + {property} + + + + {description} + + + + + + {type?.replaceAll('"', "'")} + + + + + + {defaultValue} + + + + ), + )} + + + ) +} diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts index f0b98fec..db9e07d1 100644 --- a/packages/react/src/index.ts +++ b/packages/react/src/index.ts @@ -9,7 +9,11 @@ export { Text } from './components/Text' export { ThemeScript } from './components/ThemeScript' export { VStack } from './components/VStack' export { useTheme } from './hooks/use-theme' -export type { DevupProps } from './types/props' +export type { + DevupComponentBaseProps, + DevupComponentProps, + DevupProps, +} from './types/props' export type { DevupTheme, DevupThemeColors } from './types/theme' export type { DevupThemeTypography, From 66805c070392dd5879aff577389e03ffb6d3be19 Mon Sep 17 00:00:00 2001 From: raymondanythings Date: Mon, 27 Oct 2025 00:08:36 +0900 Subject: [PATCH 2/7] feat: create PropsTable component and update imports in documentation --- .../src/app/(detail)/components/[component]/button/Api.mdx | 2 +- apps/landing/src/app/(detail)/components/[component]/page.tsx | 2 +- apps/landing/src/components/{props-table.tsx => PropsTable.tsx} | 2 +- apps/landing/src/components/{mdx/components => }/Table.tsx | 0 4 files changed, 3 insertions(+), 3 deletions(-) rename apps/landing/src/components/{props-table.tsx => PropsTable.tsx} (98%) rename apps/landing/src/components/{mdx/components => }/Table.tsx (100%) diff --git a/apps/landing/src/app/(detail)/components/[component]/button/Api.mdx b/apps/landing/src/app/(detail)/components/[component]/button/Api.mdx index 97fbfb55..92d987cb 100644 --- a/apps/landing/src/app/(detail)/components/[component]/button/Api.mdx +++ b/apps/landing/src/app/(detail)/components/[component]/button/Api.mdx @@ -1,4 +1,4 @@ -import { PropsTable } from '@/components/props-table' +import { PropsTable } from '@/components/PropsTable' ###### API diff --git a/apps/landing/src/app/(detail)/components/[component]/page.tsx b/apps/landing/src/app/(detail)/components/[component]/page.tsx index be2f542a..3a8fd6d4 100644 --- a/apps/landing/src/app/(detail)/components/[component]/page.tsx +++ b/apps/landing/src/app/(detail)/components/[component]/page.tsx @@ -6,7 +6,7 @@ import { CustomH6 } from '@/components/mdx/components/CustomH6' import { CustomParagraph } from '@/components/mdx/components/CustomParagraph' import { CustomPre } from '@/components/mdx/components/CustomPre' import { CustomStrong } from '@/components/mdx/components/CustomStrong' -import { PropsTable } from '@/components/props-table' +import { PropsTable } from '@/components/PropsTable' import { COMPONENT_GROUPS } from '@/constants' import { getDemos } from '@/utils/get-demos' diff --git a/apps/landing/src/components/props-table.tsx b/apps/landing/src/components/PropsTable.tsx similarity index 98% rename from apps/landing/src/components/props-table.tsx rename to apps/landing/src/components/PropsTable.tsx index 07117a5d..b92db43b 100644 --- a/apps/landing/src/components/props-table.tsx +++ b/apps/landing/src/components/PropsTable.tsx @@ -11,7 +11,7 @@ import { TableHeaderCell, TableRoot, TableRow, -} from './mdx/components/Table' +} from './Table' interface ComponentProp { property: string diff --git a/apps/landing/src/components/mdx/components/Table.tsx b/apps/landing/src/components/Table.tsx similarity index 100% rename from apps/landing/src/components/mdx/components/Table.tsx rename to apps/landing/src/components/Table.tsx From 4eb792a721f61cd771a2822cddf9818e87e0f9e7 Mon Sep 17 00:00:00 2001 From: raymondanythings Date: Mon, 27 Oct 2025 14:12:56 +0900 Subject: [PATCH 3/7] refactor: simplify Table component props by using ComponentPropsWithoutRef --- apps/landing/src/components/Table.tsx | 33 +++++++-------------------- 1 file changed, 8 insertions(+), 25 deletions(-) diff --git a/apps/landing/src/components/Table.tsx b/apps/landing/src/components/Table.tsx index 9f5af250..0711920a 100644 --- a/apps/landing/src/components/Table.tsx +++ b/apps/landing/src/components/Table.tsx @@ -1,18 +1,7 @@ -import { - Box, - type DevupComponentBaseProps, - type DevupComponentProps, -} from '@devup-ui/react' +import { Box } from '@devup-ui/react' +import { ComponentPropsWithoutRef } from 'react' -// FIXME: Merge type is not exported in @devup-ui/react -type Merge = Omit> & U - -type TableComponentProps = Merge< - DevupComponentBaseProps, - DevupComponentProps -> - -const TableRoot = ({ ...props }: TableComponentProps<'table'>) => { +export const Table = ({ ...props }: ComponentPropsWithoutRef<'table'>) => { return ( @@ -20,7 +9,7 @@ const TableRoot = ({ ...props }: TableComponentProps<'table'>) => { ) } -const TableHead = ({ ...props }: TableComponentProps<'thead'>) => { +export const Table = ({ ...props }: ComponentPropsWithoutRef<'thead'>) => { return ( ) => { ) } -const TableBody = ({ ...props }: TableComponentProps<'tbody'>) => { +export const Table = ({ ...props }: ComponentPropsWithoutRef<'tbody'>) => { return } -const TableRow = ({ ...props }: TableComponentProps<'tr'>) => { +export const Table = ({ ...props }: ComponentPropsWithoutRef<'tr'>) => { return ( ) => { ) } -const TableCell = ({ ...props }: TableComponentProps<'td'>) => { +export const Table = ({ ...props }: ComponentPropsWithoutRef<'td'>) => { return } -const TableHeaderCell = ({ ...props }: TableComponentProps<'th'>) => { +export const Table = ({ ...props }: ComponentPropsWithoutRef<'th'>) => { return } - -export { TableBody, TableCell, TableHead, TableHeaderCell, TableRoot, TableRow } - -export function Table() { - return <> -} From 4fad9b0dc9abd6208207668260cf69eb626da848 Mon Sep 17 00:00:00 2001 From: raymondanythings Date: Mon, 27 Oct 2025 14:24:32 +0900 Subject: [PATCH 4/7] refactor: restructure table components into individual files for better modularity --- apps/landing/src/components/PropsTable.tsx | 14 +++-- apps/landing/src/components/Table.tsx | 51 ------------------- apps/landing/src/components/TableBody.tsx | 6 +++ apps/landing/src/components/TableCell.tsx | 6 +++ apps/landing/src/components/TableHead.tsx | 16 ++++++ .../src/components/TableHeaderCell.tsx | 8 +++ apps/landing/src/components/TableRoot.tsx | 10 ++++ apps/landing/src/components/TableRow.tsx | 17 +++++++ 8 files changed, 69 insertions(+), 59 deletions(-) delete mode 100644 apps/landing/src/components/Table.tsx create mode 100644 apps/landing/src/components/TableBody.tsx create mode 100644 apps/landing/src/components/TableCell.tsx create mode 100644 apps/landing/src/components/TableHead.tsx create mode 100644 apps/landing/src/components/TableHeaderCell.tsx create mode 100644 apps/landing/src/components/TableRoot.tsx create mode 100644 apps/landing/src/components/TableRow.tsx diff --git a/apps/landing/src/components/PropsTable.tsx b/apps/landing/src/components/PropsTable.tsx index b92db43b..3cc5f406 100644 --- a/apps/landing/src/components/PropsTable.tsx +++ b/apps/landing/src/components/PropsTable.tsx @@ -4,14 +4,12 @@ import Markdown from 'react-markdown' import { _components } from '@/mdx-components' import { CustomCodeBlock } from './mdx/components/CustomCodeBlock' -import { - TableBody, - TableCell, - TableHead, - TableHeaderCell, - TableRoot, - TableRow, -} from './Table' +import { TableBody } from './TableBody' +import { TableCell } from './TableCell' +import { TableHead } from './TableHead' +import { TableHeaderCell } from './TableHeaderCell' +import { TableRoot } from './TableRoot' +import { TableRow } from './TableRow' interface ComponentProp { property: string diff --git a/apps/landing/src/components/Table.tsx b/apps/landing/src/components/Table.tsx deleted file mode 100644 index 0711920a..00000000 --- a/apps/landing/src/components/Table.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import { Box } from '@devup-ui/react' -import { ComponentPropsWithoutRef } from 'react' - -export const Table = ({ ...props }: ComponentPropsWithoutRef<'table'>) => { - return ( - - - - ) -} - -export const Table = ({ ...props }: ComponentPropsWithoutRef<'thead'>) => { - return ( - - ) -} - -export const Table = ({ ...props }: ComponentPropsWithoutRef<'tbody'>) => { - return -} - -export const Table = ({ ...props }: ComponentPropsWithoutRef<'tr'>) => { - return ( - - ) -} - -export const Table = ({ ...props }: ComponentPropsWithoutRef<'td'>) => { - return -} - -export const Table = ({ ...props }: ComponentPropsWithoutRef<'th'>) => { - return -} diff --git a/apps/landing/src/components/TableBody.tsx b/apps/landing/src/components/TableBody.tsx new file mode 100644 index 00000000..1e351d40 --- /dev/null +++ b/apps/landing/src/components/TableBody.tsx @@ -0,0 +1,6 @@ +import { Box } from '@devup-ui/react' +import { ComponentPropsWithoutRef } from 'react' + +export const TableBody = ({ ...props }: ComponentPropsWithoutRef<'tbody'>) => { + return +} diff --git a/apps/landing/src/components/TableCell.tsx b/apps/landing/src/components/TableCell.tsx new file mode 100644 index 00000000..2828751a --- /dev/null +++ b/apps/landing/src/components/TableCell.tsx @@ -0,0 +1,6 @@ +import { Box } from '@devup-ui/react' +import { ComponentPropsWithoutRef } from 'react' + +export const TableCell = ({ ...props }: ComponentPropsWithoutRef<'th'>) => { + return +} diff --git a/apps/landing/src/components/TableHead.tsx b/apps/landing/src/components/TableHead.tsx new file mode 100644 index 00000000..9ad2c967 --- /dev/null +++ b/apps/landing/src/components/TableHead.tsx @@ -0,0 +1,16 @@ +import { Box } from '@devup-ui/react' +import { ComponentPropsWithoutRef } from 'react' + +export const TableHead = ({ ...props }: ComponentPropsWithoutRef<'thead'>) => { + return ( + + ) +} diff --git a/apps/landing/src/components/TableHeaderCell.tsx b/apps/landing/src/components/TableHeaderCell.tsx new file mode 100644 index 00000000..a37ce58c --- /dev/null +++ b/apps/landing/src/components/TableHeaderCell.tsx @@ -0,0 +1,8 @@ +import { Box } from '@devup-ui/react' +import { ComponentPropsWithoutRef } from 'react' + +export const TableHeaderCell = ({ + ...props +}: ComponentPropsWithoutRef<'th'>) => { + return +} diff --git a/apps/landing/src/components/TableRoot.tsx b/apps/landing/src/components/TableRoot.tsx new file mode 100644 index 00000000..b9c74c72 --- /dev/null +++ b/apps/landing/src/components/TableRoot.tsx @@ -0,0 +1,10 @@ +import { Box } from '@devup-ui/react' +import { ComponentPropsWithoutRef } from 'react' + +export const TableRoot = ({ ...props }: ComponentPropsWithoutRef<'table'>) => { + return ( + + + + ) +} diff --git a/apps/landing/src/components/TableRow.tsx b/apps/landing/src/components/TableRow.tsx new file mode 100644 index 00000000..7dd10310 --- /dev/null +++ b/apps/landing/src/components/TableRow.tsx @@ -0,0 +1,17 @@ +import { Box } from '@devup-ui/react' +import { ComponentPropsWithoutRef } from 'react' + +export const TableRow = ({ ...props }: ComponentPropsWithoutRef<'tr'>) => { + return ( + + ) +} From ddcff650639729406e6fe8b7d66838d99d632117 Mon Sep 17 00:00:00 2001 From: raymondanythings Date: Mon, 27 Oct 2025 14:29:23 +0900 Subject: [PATCH 5/7] refactor: remove unused component prop types from index export --- packages/react/src/index.ts | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts index db9e07d1..f0b98fec 100644 --- a/packages/react/src/index.ts +++ b/packages/react/src/index.ts @@ -9,11 +9,7 @@ export { Text } from './components/Text' export { ThemeScript } from './components/ThemeScript' export { VStack } from './components/VStack' export { useTheme } from './hooks/use-theme' -export type { - DevupComponentBaseProps, - DevupComponentProps, - DevupProps, -} from './types/props' +export type { DevupProps } from './types/props' export type { DevupTheme, DevupThemeColors } from './types/theme' export type { DevupThemeTypography, From fd470363934c43f5b9820b423a3f105b46dbb2f0 Mon Sep 17 00:00:00 2001 From: raymondanythings Date: Mon, 27 Oct 2025 15:59:08 +0900 Subject: [PATCH 6/7] refactor: consolidate table components into a single Table component and update PropsTable accordingly --- apps/landing/src/components/PropsTable.tsx | 18 ++++--- apps/landing/src/components/TableBody.tsx | 6 --- apps/landing/src/components/TableCell.tsx | 6 --- apps/landing/src/components/TableHead.tsx | 16 ------ .../src/components/TableHeaderCell.tsx | 8 --- apps/landing/src/components/TableRoot.tsx | 10 ---- apps/landing/src/components/TableRow.tsx | 17 ------- .../mdx/components/CustomCodeBlock.tsx | 2 +- .../components/mdx/components/Table/index.tsx | 51 +++++++++++++++++++ 9 files changed, 62 insertions(+), 72 deletions(-) delete mode 100644 apps/landing/src/components/TableBody.tsx delete mode 100644 apps/landing/src/components/TableCell.tsx delete mode 100644 apps/landing/src/components/TableHead.tsx delete mode 100644 apps/landing/src/components/TableHeaderCell.tsx delete mode 100644 apps/landing/src/components/TableRoot.tsx delete mode 100644 apps/landing/src/components/TableRow.tsx create mode 100644 apps/landing/src/components/mdx/components/Table/index.tsx diff --git a/apps/landing/src/components/PropsTable.tsx b/apps/landing/src/components/PropsTable.tsx index 3cc5f406..0847e7f8 100644 --- a/apps/landing/src/components/PropsTable.tsx +++ b/apps/landing/src/components/PropsTable.tsx @@ -4,12 +4,14 @@ import Markdown from 'react-markdown' import { _components } from '@/mdx-components' import { CustomCodeBlock } from './mdx/components/CustomCodeBlock' -import { TableBody } from './TableBody' -import { TableCell } from './TableCell' -import { TableHead } from './TableHead' -import { TableHeaderCell } from './TableHeaderCell' -import { TableRoot } from './TableRoot' -import { TableRow } from './TableRow' +import { + Table, + TableBody, + TableCell, + TableHead, + TableHeaderCell, + TableRow, +} from './mdx/components/Table' interface ComponentProp { property: string @@ -39,7 +41,7 @@ export const PropsTable = async (props: PropTableProps) => { const { componentProps } = props return ( - + Prop @@ -83,6 +85,6 @@ export const PropsTable = async (props: PropTableProps) => { ), )} - +
) } diff --git a/apps/landing/src/components/TableBody.tsx b/apps/landing/src/components/TableBody.tsx deleted file mode 100644 index 1e351d40..00000000 --- a/apps/landing/src/components/TableBody.tsx +++ /dev/null @@ -1,6 +0,0 @@ -import { Box } from '@devup-ui/react' -import { ComponentPropsWithoutRef } from 'react' - -export const TableBody = ({ ...props }: ComponentPropsWithoutRef<'tbody'>) => { - return -} diff --git a/apps/landing/src/components/TableCell.tsx b/apps/landing/src/components/TableCell.tsx deleted file mode 100644 index 2828751a..00000000 --- a/apps/landing/src/components/TableCell.tsx +++ /dev/null @@ -1,6 +0,0 @@ -import { Box } from '@devup-ui/react' -import { ComponentPropsWithoutRef } from 'react' - -export const TableCell = ({ ...props }: ComponentPropsWithoutRef<'th'>) => { - return -} diff --git a/apps/landing/src/components/TableHead.tsx b/apps/landing/src/components/TableHead.tsx deleted file mode 100644 index 9ad2c967..00000000 --- a/apps/landing/src/components/TableHead.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import { Box } from '@devup-ui/react' -import { ComponentPropsWithoutRef } from 'react' - -export const TableHead = ({ ...props }: ComponentPropsWithoutRef<'thead'>) => { - return ( - - ) -} diff --git a/apps/landing/src/components/TableHeaderCell.tsx b/apps/landing/src/components/TableHeaderCell.tsx deleted file mode 100644 index a37ce58c..00000000 --- a/apps/landing/src/components/TableHeaderCell.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import { Box } from '@devup-ui/react' -import { ComponentPropsWithoutRef } from 'react' - -export const TableHeaderCell = ({ - ...props -}: ComponentPropsWithoutRef<'th'>) => { - return -} diff --git a/apps/landing/src/components/TableRoot.tsx b/apps/landing/src/components/TableRoot.tsx deleted file mode 100644 index b9c74c72..00000000 --- a/apps/landing/src/components/TableRoot.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import { Box } from '@devup-ui/react' -import { ComponentPropsWithoutRef } from 'react' - -export const TableRoot = ({ ...props }: ComponentPropsWithoutRef<'table'>) => { - return ( - - - - ) -} diff --git a/apps/landing/src/components/TableRow.tsx b/apps/landing/src/components/TableRow.tsx deleted file mode 100644 index 7dd10310..00000000 --- a/apps/landing/src/components/TableRow.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import { Box } from '@devup-ui/react' -import { ComponentPropsWithoutRef } from 'react' - -export const TableRow = ({ ...props }: ComponentPropsWithoutRef<'tr'>) => { - return ( - - ) -} diff --git a/apps/landing/src/components/mdx/components/CustomCodeBlock.tsx b/apps/landing/src/components/mdx/components/CustomCodeBlock.tsx index 433f307a..2414dc2f 100644 --- a/apps/landing/src/components/mdx/components/CustomCodeBlock.tsx +++ b/apps/landing/src/components/mdx/components/CustomCodeBlock.tsx @@ -4,7 +4,7 @@ export function CustomCodeBlock({ children }: { children: string }) { return ( ) => { + return ( + + + + ) +} + +export const TableBody = ({ ...props }: ComponentProps<'tbody'>) => { + return +} + +export const TableCell = ({ ...props }: ComponentProps<'th'>) => { + return +} + +export const TableHead = ({ ...props }: ComponentProps<'thead'>) => { + return ( + + ) +} + +export const TableHeaderCell = ({ ...props }: ComponentProps<'th'>) => { + return +} + +export const TableRow = ({ ...props }: ComponentProps<'tr'>) => { + return ( + + ) +} From 505b593c6d885b8cb82d585add67e043778ece66 Mon Sep 17 00:00:00 2001 From: Jeong Min Oh Date: Mon, 27 Oct 2025 16:02:33 +0900 Subject: [PATCH 7/7] Fix token keyword --- apps/landing/src/components/mdx/components/CustomCodeBlock.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/landing/src/components/mdx/components/CustomCodeBlock.tsx b/apps/landing/src/components/mdx/components/CustomCodeBlock.tsx index 2414dc2f..429ae342 100644 --- a/apps/landing/src/components/mdx/components/CustomCodeBlock.tsx +++ b/apps/landing/src/components/mdx/components/CustomCodeBlock.tsx @@ -6,7 +6,7 @@ export function CustomCodeBlock({ children }: { children: string }) { as="code" bg="$containerBackground" borderRadius="0.25rem" - color="var(--text)" + color="$text" padding="0.25rem" whiteSpace="pre-wrap" >