npm publish (0.0.287)

thebbodek · Dec 26, 2024 · 3e1bb66 · 3e1bb66
1 parent fdd89c4
commit 3e1bb66
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bbodek-ui",
-  "version": "0.0.286",
+  "version": "0.0.287",
   "type": "module",
   "author": "Bbodek",
   "license": "MIT",

diff --git a/src/core/components/BottomSheet/index.tsx b/src/core/components/BottomSheet/index.tsx
@@ -20,12 +20,12 @@ const BottomSheet = forwardRef(
       useCloseBtn = false,
       useClickOutsideEvent = true,
       rounded = BOTTOM_SHEET_ROUNDED_VARIANTS['ROUNDED_12'],
+      isFullScreen = false,
       ...props
     }: PropsWithChildren<BottomSheetProps>,
     ref: React.Ref<HTMLDialogElement>,
   ) => {
     const { target, className, ...rest } = props;
-    const CloseIcon = <Icon className={'text-[1.5rem]'} iconKey={'x'} />;
 
     return (
       <ModalBase
@@ -40,10 +40,10 @@ const BottomSheet = forwardRef(
         <div
           className={clsx(
             'safe-area-bottom animate-bottom-sheet overflow-y-hidden bg-white',
-            BOTTOM_SHEET_ROUNDED_VARIANTS_MAPPER[rounded],
+            !isFullScreen && BOTTOM_SHEET_ROUNDED_VARIANTS_MAPPER[rounded],
           )}
         >
-          <div className={clsx('p-4', className)}>
+          <div className={clsx('p-4', isFullScreen && 'h-[100svh]', className)}>
             {useCloseBtn ? (
               <IconButton
                 className={'ml-auto'}

diff --git a/src/core/components/BottomSheet/types/index.ts b/src/core/components/BottomSheet/types/index.ts
@@ -13,5 +13,6 @@ export interface BottomSheetProps
     >,
     Omit<HTMLAttributes<HTMLElement>, 'title'> {
   useCloseBtn?: boolean;
+  isFullScreen?: boolean;
   rounded?: ButtonBottomSheetRoundedTypes;
 }