diff --git a/.changeset/tricky-elephants-deliver.md b/.changeset/tricky-elephants-deliver.md new file mode 100644 index 00000000..2b8c2cab --- /dev/null +++ b/.changeset/tricky-elephants-deliver.md @@ -0,0 +1,5 @@ +--- +"@indielayer/ui": patch +--- + +fix: modal handling 'full' size option. diff --git a/packages/ui/src/components/modal/theme/Modal.base.theme.ts b/packages/ui/src/components/modal/theme/Modal.base.theme.ts index 6e9c8c9d..d1a61e81 100644 --- a/packages/ui/src/components/modal/theme/Modal.base.theme.ts +++ b/packages/ui/src/components/modal/theme/Modal.base.theme.ts @@ -31,9 +31,9 @@ const theme: ModalTheme = { if (props.size === 'xs') classes.push('sm:max-w-xs') else if (props.size === 'sm') classes.push('sm:max-w-sm') - else if (props.size === 'lg') classes.push('sm:max-w-xl') - else if (props.size === 'xl') classes.push('sm:max-w-3xl') - else classes.push('sm:max-w-lg') + else if (props.size === 'md') classes.push('sm:max-w-lg') + else if (props.size === 'lg') classes.push('sm:max-w-3xl') + else if (props.size === 'xl') classes.push('sm:max-w-6xl') return classes }, diff --git a/packages/ui/src/components/modal/theme/Modal.carbon.theme.ts b/packages/ui/src/components/modal/theme/Modal.carbon.theme.ts index 20683dd2..58751bc8 100644 --- a/packages/ui/src/components/modal/theme/Modal.carbon.theme.ts +++ b/packages/ui/src/components/modal/theme/Modal.carbon.theme.ts @@ -21,9 +21,9 @@ const theme: ModalTheme = { if (props.size === 'xs') classes.push('sm:max-w-xs') else if (props.size === 'sm') classes.push('sm:max-w-sm') - else if (props.size === 'lg') classes.push('sm:max-w-xl') - else if (props.size === 'xl') classes.push('sm:max-w-3xl') - else classes.push('sm:max-w-lg') + else if (props.size === 'md') classes.push('sm:max-w-lg') + else if (props.size === 'lg') classes.push('sm:max-w-3xl') + else if (props.size === 'xl') classes.push('sm:max-w-6xl') return classes },