diff --git a/package.json b/package.json index 1be3932..8aab993 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@grand-hawk/ui-components", - "version": "0.2.2", + "version": "0.3.0", "keywords": [ "roblox-ts", "react", diff --git a/src/components/Checkbox/index.tsx b/src/components/Checkbox/index.tsx index 2b145ea..8779176 100644 --- a/src/components/Checkbox/index.tsx +++ b/src/components/Checkbox/index.tsx @@ -19,7 +19,7 @@ export interface CheckboxProps extends ButtonProps { } export function Checkbox(componentProps: PropsWithChildren) { - const props = componentProps; + const props = { ...componentProps }; const value = props.Value; props.Value = undefined; diff --git a/src/components/Sheet/index.tsx b/src/components/Sheet/index.tsx index a444e2c..80fe363 100644 --- a/src/components/Sheet/index.tsx +++ b/src/components/Sheet/index.tsx @@ -13,7 +13,7 @@ export interface SheetProps extends BoxProps { export function Sheet(componentProps: PropsWithChildren) { const theme = useTheme(); - const props = componentProps; + const props = { ...componentProps }; const background = props.Background ? theme.backgroundPrimary diff --git a/src/components/Typography/index.tsx b/src/components/Typography/index.tsx index 381ead4..0a36408 100644 --- a/src/components/Typography/index.tsx +++ b/src/components/Typography/index.tsx @@ -6,14 +6,22 @@ import { useTheme } from 'components/ThemeProvider'; import type { PropsWithChildren } from '@rbxts/react'; import type { BoxProps } from 'components/Box'; -export interface TypographyProps extends BoxProps<'textlabel'> {} +export interface TypographyProps extends BoxProps<'textlabel'> { + Bold?: boolean; +} -export function Typography(props: PropsWithChildren) { +export function Typography(componentProps: PropsWithChildren) { const theme = useTheme(); + const props = { ...componentProps }; + + const bold = componentProps.Bold ?? false; + props.Bold = undefined; + return (