npm publish (0.0.282)

thebbodek · Dec 8, 2024 · 7e2e498 · 7e2e498
1 parent 9290b6d
commit 7e2e498
Show file tree

Hide file tree

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

diff --git a/src/core/components/BottomSheet/index.tsx b/src/core/components/BottomSheet/index.tsx
@@ -38,23 +38,24 @@ const BottomSheet = forwardRef(
       >
         <div
           className={clsx(
-            'animate-bottom-sheet overflow-y-hidden px-4 pt-4',
+            'animate-bottom-sheet overflow-y-hidden',
             BOTTOM_SHEET_ROUNDED_VARIANTS_MAPPER[rounded],
-            className,
           )}
         >
-          {useCloseBtn ? (
-            <div className='mb-4 flex'>
-              <button
-                className='ml-auto'
-                onClick={onClose}
-                aria-label='창 닫기'
-              >
-                {CloseIcon}
-              </button>
-            </div>
-          ) : null}
-          {children}
+          <div className={clsx('p-4', className)}>
+            {useCloseBtn ? (
+              <div className='mb-4 flex'>
+                <button
+                  className='ml-auto'
+                  onClick={onClose}
+                  aria-label='창 닫기'
+                >
+                  {CloseIcon}
+                </button>
+              </div>
+            ) : null}
+            {children}
+          </div>
         </div>
       </ModalBase>
     );

diff --git a/src/core/components/BottomSheet/types/index.ts b/src/core/components/BottomSheet/types/index.ts
@@ -7,9 +7,11 @@ export type ButtonBottomSheetRoundedTypes =
   (typeof BOTTOM_SHEET_ROUNDED_VARIANTS)[keyof typeof BOTTOM_SHEET_ROUNDED_VARIANTS];
 
 export interface BottomSheetProps
-  extends Pick<ModalBaseProps, 'target' | 'isOpen' | 'useClickOutsideEvent'>,
+  extends Pick<
+      ModalBaseProps,
+      'target' | 'isOpen' | 'useClickOutsideEvent' | 'onClose'
+    >,
     Omit<HTMLAttributes<HTMLElement>, 'title'> {
   useCloseBtn?: boolean;
-  onClose: ModalBaseProps['onClose'];
   rounded?: ButtonBottomSheetRoundedTypes;
 }
diff --git a/src/core/components/Modal/ModalBase/constants/index.ts b/src/core/components/Modal/ModalBase/constants/index.ts
@@ -21,5 +21,5 @@ export const MODAL_DIMMED_COLOR: Record<VariantsType, string> = {
 export const MODAL_CONTENT_SIZE: Record<VariantsType, string> = {
   [VARIANTS.MODAL]: 'h-auto',
   [VARIANTS.DRAWER]: 'h-full',
-  [VARIANTS.BOTTOM_SHEET]: 'h-auto safe-area-bottom-pb bg-white',
+  [VARIANTS.BOTTOM_SHEET]: 'h-auto safe-area-bottom bg-white',
 } as const;
diff --git a/src/styles/bbodek-theme.css b/src/styles/bbodek-theme.css
@@ -90,12 +90,6 @@
     padding-bottom: calc(env(safe-area-inset-bottom));
   }
 
-  .safe-area-bottom-pb {
-    padding-bottom: 1rem;
-    padding-bottom: calc(constant(safe-area-inset-bottom + 1rem));
-    padding-bottom: calc(env(safe-area-inset-bottom + 1rem));
-  }
-
   .safe-area-y {
     @apply safe-area-top safe-area-bottom;
   }