Socket
Socket
Sign inDemoInstall

@biotic-ui/bottom-sheet

Package Overview
Dependencies
19
Maintainers
1
Versions
38
Alerts
File Explorer

Advanced tools

npm Scripts

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.4.1 to 0.5.0

style.css

53

lib/main.js

@@ -6,4 +6,2 @@ var $gINcE$reactjsxruntime = require("react/jsx-runtime");

var $gINcE$framermotion = require("framer-motion");
var $gINcE$bioticuileptons = require("@biotic-ui/leptons");
var $gINcE$emotioncss = require("@emotion/css");

@@ -23,40 +21,2 @@ function $parcel$export(e, n, v, s) {

let $fb571d0147b62138$export$38e42c68cf43b5d4 = (0, $gINcE$emotioncss.css)`
border-bottom: var(--border);
padding: var(--size-3);
display: flex;
`;
let $fb571d0147b62138$export$fb184b623420d9be = (0, $gINcE$emotioncss.css)`
margin: 0;
`;
let $fb571d0147b62138$export$a7db06668cad9adb = (0, $gINcE$emotioncss.css)`
padding: var(--size-3);
`;
let $fb571d0147b62138$export$4df8d4373bc60300 = (0, $gINcE$emotioncss.css)`
--bottom-default-sheet-shadow: 0px 8px 21px -5px rgba(0, 0, 0, 0.5);
position: fixed;
bottom: 0;
left: 0;
background: var(--mui-bottom-sheet-bg, #fff);
border-top-left-radius: var(--bottom-sheet-border-radius, 1em);
border-top-right-radius: var(--bottom-sheet-border-radius, 1em);
width: 100%;
max-height: 100vh;
overflow-y: auto;
z-index: var(--bottom-sheet-z-index, 9999);
max-height: 100vh;
--menu-box-shadow: none;
--menu-width: auto;
--menu-padding: 1em;
--menu-max-width: 100%;
--menu-border: none;
`;
let $fb571d0147b62138$export$5a409ea7cc7cdda1 = (0, $gINcE$emotioncss.css)`
box-shadow: var(--bottom-sheet-shadow, var(--bottom-default-sheet-shadow));
`;
let $120a156e7ecd4d1f$export$2058ef1a26004a97 = ({ children: children , open: open = false , onClose: onClose = ()=>{} , height: height = null , minHeight: minHeight = 0 , scrollable: scrollable = false , className: className , onClick: onClick })=>{

@@ -126,3 +86,3 @@ let SheetContainer = (0, $gINcE$bioticuistd.useGetContainer)("biotic-bottom-drawer-container");

!scrollable && /*#__PURE__*/ (0, $gINcE$reactjsxruntime.jsx)((0, $gINcE$framermotion.motion).div, {
className: `${(0, $gINcE$bioticuileptons.backdrop)} ${open ? `${0, $gINcE$bioticuileptons.backdrop}--open` : ""}`,
className: `biotic-backdrop ${open ? `biotic-backdrop--open` : ""}`,
initial: "hidden",

@@ -137,4 +97,4 @@ animate: open ? "visible" : "hidden",

className: [
$fb571d0147b62138$export$4df8d4373bc60300,
open ? $fb571d0147b62138$export$5a409ea7cc7cdda1 : "",
"biotic-bottom-sheet-drawer",
open ? "biotic-bottom-sheet-drawer--open" : "",
className

@@ -174,3 +134,2 @@ ].join(""),

let $345c88be85448a9b$export$de7da2aaa45f2eb5 = /*#__PURE__*/ (0, $gINcE$react.forwardRef)((props, ref)=>{

@@ -181,3 +140,3 @@ return /*#__PURE__*/ (0, $gINcE$reactjsxruntime.jsx)("header", {

className: [
$fb571d0147b62138$export$38e42c68cf43b5d4,
"biotic-bottom-sheet-header",
props.className ?? ""

@@ -192,3 +151,3 @@ ].join(" ")

className: [
$fb571d0147b62138$export$fb184b623420d9be,
"biotic-bottom-sheet-title",
props.className ?? ""

@@ -203,3 +162,3 @@ ].join(" ")

className: [
$fb571d0147b62138$export$a7db06668cad9adb,
"biotic-bottom-sheet-content",
props.className ?? ""

@@ -206,0 +165,0 @@ ].join(" ")

53

lib/module.js

@@ -6,4 +6,2 @@ import {jsxs as $hn4if$jsxs, jsx as $hn4if$jsx} from "react/jsx-runtime";

import {motion as $hn4if$motion, AnimatePresence as $hn4if$AnimatePresence} from "framer-motion";
import {backdrop as $hn4if$backdrop} from "@biotic-ui/leptons";
import {css as $hn4if$css} from "@emotion/css";

@@ -15,40 +13,2 @@

let $b8335f63a85c8c07$export$38e42c68cf43b5d4 = (0, $hn4if$css)`
border-bottom: var(--border);
padding: var(--size-3);
display: flex;
`;
let $b8335f63a85c8c07$export$fb184b623420d9be = (0, $hn4if$css)`
margin: 0;
`;
let $b8335f63a85c8c07$export$a7db06668cad9adb = (0, $hn4if$css)`
padding: var(--size-3);
`;
let $b8335f63a85c8c07$export$4df8d4373bc60300 = (0, $hn4if$css)`
--bottom-default-sheet-shadow: 0px 8px 21px -5px rgba(0, 0, 0, 0.5);
position: fixed;
bottom: 0;
left: 0;
background: var(--mui-bottom-sheet-bg, #fff);
border-top-left-radius: var(--bottom-sheet-border-radius, 1em);
border-top-right-radius: var(--bottom-sheet-border-radius, 1em);
width: 100%;
max-height: 100vh;
overflow-y: auto;
z-index: var(--bottom-sheet-z-index, 9999);
max-height: 100vh;
--menu-box-shadow: none;
--menu-width: auto;
--menu-padding: 1em;
--menu-max-width: 100%;
--menu-border: none;
`;
let $b8335f63a85c8c07$export$5a409ea7cc7cdda1 = (0, $hn4if$css)`
box-shadow: var(--bottom-sheet-shadow, var(--bottom-default-sheet-shadow));
`;
let $8978628f64509f05$export$2058ef1a26004a97 = ({ children: children , open: open = false , onClose: onClose = ()=>{} , height: height = null , minHeight: minHeight = 0 , scrollable: scrollable = false , className: className , onClick: onClick })=>{

@@ -118,3 +78,3 @@ let SheetContainer = (0, $hn4if$useGetContainer)("biotic-bottom-drawer-container");

!scrollable && /*#__PURE__*/ (0, $hn4if$jsx)((0, $hn4if$motion).div, {
className: `${(0, $hn4if$backdrop)} ${open ? `${0, $hn4if$backdrop}--open` : ""}`,
className: `biotic-backdrop ${open ? `biotic-backdrop--open` : ""}`,
initial: "hidden",

@@ -129,4 +89,4 @@ animate: open ? "visible" : "hidden",

className: [
$b8335f63a85c8c07$export$4df8d4373bc60300,
open ? $b8335f63a85c8c07$export$5a409ea7cc7cdda1 : "",
"biotic-bottom-sheet-drawer",
open ? "biotic-bottom-sheet-drawer--open" : "",
className

@@ -166,3 +126,2 @@ ].join(""),

let $cd4b46e2df788220$export$de7da2aaa45f2eb5 = /*#__PURE__*/ (0, $hn4if$forwardRef)((props, ref)=>{

@@ -173,3 +132,3 @@ return /*#__PURE__*/ (0, $hn4if$jsx)("header", {

className: [
$b8335f63a85c8c07$export$38e42c68cf43b5d4,
"biotic-bottom-sheet-header",
props.className ?? ""

@@ -184,3 +143,3 @@ ].join(" ")

className: [
$b8335f63a85c8c07$export$fb184b623420d9be,
"biotic-bottom-sheet-title",
props.className ?? ""

@@ -195,3 +154,3 @@ ].join(" ")

className: [
$b8335f63a85c8c07$export$a7db06668cad9adb,
"biotic-bottom-sheet-content",
props.className ?? ""

@@ -198,0 +157,0 @@ ].join(" ")

11

package.json
{
"name": "@biotic-ui/bottom-sheet",
"version": "0.4.1",
"version": "0.5.0",
"description": "React Bottom Sheet",

@@ -29,6 +29,5 @@ "source": "src/main.ts",

"homepage": "https://github.com/riezler-co/biotic#readme",
"peerDependencies": {
"@biotic-ui/leptons": "^0.4.1",
"@biotic-ui/std": "^0.4.1",
"@emotion/css": "^11.10.5",
"dependencies": {
"@biotic-ui/leptons": "^0.5.0",
"@biotic-ui/std": "^0.5.0",
"framer-motion": "^7.5.1",

@@ -38,3 +37,3 @@ "react": "17 - 18.x",

},
"gitHead": "4d47ca609b3d59878dd7f9280cf9e74228490790",
"gitHead": "f34dcb031e1abcb02d03c3ce56c5650a7ab80f62",
"publishConfig": {

@@ -41,0 +40,0 @@ "access": "public"

lib/main.css
lib/main.css.map
lib/main.js.map

Sorry, the diff of this file is not supported yet

lib/module.js.map

Sorry, the diff of this file is not supported yet

lib/types.d.ts.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc