@srimandir/common 2.0.1 → 2.0.3

package/dist/components/BottomSheet/BottomSheet.d.ts

@@ -11,6 +11,8 @@ export interface BottomSheetProps {
     footer?: React.ReactNode;
     /** Round close button in the top-right corner. */
     showCloseButton?: boolean;
+    /** Places the close button above the sheet's top edge instead of inside it. */
+    closeButtonOutside?: boolean;
     /** Decorative drag handle at the top. Off by default. */
     showDragHandle?: boolean;
     closeOnBackdropClick?: boolean;

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";._overlay_1dae1_3{position:fixed;inset:0;z-index:1100;display:flex;align-items:flex-end;justify-content:center;background:#0006;animation:_bottomSheetFadeIn_1dae1_1 .2s ease-out}._sheet_1dae1_14{position:relative;display:flex;flex-direction:column;width:100%;max-width:480px;max-height:92%;min-height:96px;background:#fff;border-radius:16px 16px 0 0;animation:_bottomSheetSlideUp_1dae1_1 .28s cubic-bezier(.32,.72,0,1) both;-webkit-overflow-scrolling:touch;box-sizing:border-box}@keyframes _bottomSheetFadeIn_1dae1_1{0%{opacity:0}to{opacity:1}}@keyframes _bottomSheetSlideUp_1dae1_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){._overlay_1dae1_3,._sheet_1dae1_14{animation:none}}._handle_1dae1_66{flex-shrink:0;width:40px;height:4px;margin:8px auto 0;border-radius:999px;background:#d1d5db}._closeBtn_1dae1_75{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#f3f4f6;color:#374151;cursor:pointer;z-index:2}._header_1dae1_94{flex-shrink:0}._body_1dae1_25{flex:1;min-height:0;overflow-y:auto}._footer_1dae1_106{flex-shrink:0;padding-bottom:env(safe-area-inset-bottom);background:#fff}
+@charset "UTF-8";._overlay_vleed_3{position:fixed;inset:0;z-index:1100;display:flex;align-items:flex-end;justify-content:center;background:#0006;animation:_bottomSheetFadeIn_vleed_1 .2s ease-out}._sheet_vleed_14{position:relative;display:flex;flex-direction:column;width:100%;max-width:480px;max-height:92%;min-height:96px;background:#fff;border-radius:16px 16px 0 0;animation:_bottomSheetSlideUp_vleed_1 .28s cubic-bezier(.32,.72,0,1) both;-webkit-overflow-scrolling:touch;box-sizing:border-box}@keyframes _bottomSheetFadeIn_vleed_1{0%{opacity:0}to{opacity:1}}@keyframes _bottomSheetSlideUp_vleed_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){._overlay_vleed_3,._sheet_vleed_14{animation:none}}._handle_vleed_66{flex-shrink:0;width:40px;height:4px;margin:8px auto 0;border-radius:999px;background:#d1d5db}._closeBtn_vleed_75{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#f3f4f6;color:#374151;cursor:pointer;z-index:2}._closeBtnOutside_vleed_94{top:-44px;right:12px}._header_vleed_100{flex-shrink:0}._body_vleed_25{flex:1;min-height:0;overflow-y:auto}._footer_vleed_112{flex-shrink:0;padding-bottom:env(safe-area-inset-bottom);background:#fff}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@srimandir/common",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "Generic, product-agnostic UI primitives (bottom sheet, buttons, modals) shared across the Srimandir packages",
   "type": "module",
   "sideEffects": [
@@ -54,5 +54,5 @@
     "react"
   ],
   "license": "MIT",
-  "gitHead": "032503142231fec90ec4924e9e7c6c3fb302eed8"
+  "gitHead": "84a61adacf1f6f1948e683cd1781c8fb5166a836"
 }