build it

Author: rmagur1203

dist/index.es.js

@@ -1,38 +1,26 @@
 [data-rsbs-overlay] {
-  border-top-left-radius: 16px;
   border-top-left-radius: var(--rsbs-overlay-rounded,16px);
-  border-top-right-radius: 16px;
   border-top-right-radius: var(--rsbs-overlay-rounded,16px);
   display: flex;
-  background: #fff;
   background: var(--rsbs-bg,#fff);
   flex-direction: column;
-  height: 0px;
   height: var(--rsbs-overlay-h,0px);
-  transform: translate3d(0, 0px, 0);
   transform: translate3d(0, var(--rsbs-overlay-translate-y,0px), 0);
   will-change: height;
 }
-
 [data-rsbs-overlay]:focus {
   outline: none;
 }
-
 [data-rsbs-is-blocking='false'] [data-rsbs-overlay] {
   box-shadow: 0 -5px 60px 0 rgba(38, 89, 115, 0.11),
     0 -1px 0 rgba(38, 89, 115, 0.05);
 }
-
 [data-rsbs-overlay],
 [data-rsbs-root]:after {
-  max-width: auto;
   max-width: var(--rsbs-max-w,auto);
-  margin-left: env(safe-area-inset-left);
   margin-left: var(--rsbs-ml,env(safe-area-inset-left));
-  margin-right: env(safe-area-inset-right);
   margin-right: var(--rsbs-mr,env(safe-area-inset-right));
 }
-
 [data-rsbs-overlay],
 [data-rsbs-backdrop],
 [data-rsbs-root]:after {
@@ -51,55 +39,45 @@
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
 }
-
 [data-rsbs-backdrop] {
   top: -60px;
   bottom: -60px;
-  background-color: rgba(0, 0, 0, 0.6);
   background-color: var(--rsbs-backdrop-bg,rgba(0, 0, 0, 0.6));
   will-change: opacity;
   cursor: pointer;
   opacity: 1;
 }
-
 [data-rsbs-is-dismissable='false'] [data-rsbs-backdrop] {
   cursor: ns-resize;
 }
 
 [data-rsbs-root]:after {
   content: '';
   pointer-events: none;
-  background: #fff;
   background: var(--rsbs-bg,#fff);
   height: 1px;
   transform-origin: bottom;
-  transform: scale3d(1, 0, 1);
   transform: scale3d(1, var(--rsbs-antigap-scale-y,0), 1);
   will-change: transform;
 }
-
 [data-rsbs-footer],
 [data-rsbs-header] {
   flex-shrink: 0;
   cursor: ns-resize;
   padding: 16px;
 }
-
 [data-rsbs-header] {
   text-align: center;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  box-shadow: 0 1px 0
-    rgba(46, 59, 66, calc(1 * 0.125));
   box-shadow: 0 1px 0
     rgba(46, 59, 66, calc(var(--rsbs-content-opacity,1) * 0.125));
   z-index: 1;
   padding-top: calc(20px + env(safe-area-inset-top));
   padding-bottom: 8px;
 }
-
 [data-rsbs-header]:before {
   position: absolute;
   content: '';
@@ -110,21 +88,17 @@
   left: 50%;
   transform: translateX(-50%);
   border-radius: 2px;
-  background-color: hsla(0, 0%, 0%, 0.14);
   background-color: var(--rsbs-handle-bg,hsla(0, 0%, 0%, 0.14));
 }
-
 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
   [data-rsbs-header]:before {
     transform: translateX(-50%) scaleY(0.75);
   }
 }
-
 [data-rsbs-has-header='false'] [data-rsbs-header] {
   box-shadow: none;
   padding-top: calc(12px + env(safe-area-inset-top));
 }
-
 [data-rsbs-scroll] {
   flex-shrink: 1;
   flex-grow: 1;
@@ -139,37 +113,29 @@
       overscroll-behavior: contain;
   -webkit-overflow-scrolling: touch;
 }
-
 [data-rsbs-scroll]:focus {
   outline: none;
 }
-
 [data-rsbs-has-footer='false'] [data-rsbs-content] {
   padding-bottom: env(safe-area-inset-bottom);
 }
-
 [data-rsbs-content] {
   /* The overflow hidden is to ensure any margin on child nodes are included when the resize observer is measuring the height */
   overflow: hidden;
 }
-
 [data-rsbs-footer] {
-  box-shadow: 0 -1px 0 rgba(46, 59, 66, calc(1 * 0.125)),
-    0 2px 0 #fff;
   box-shadow: 0 -1px 0 rgba(46, 59, 66, calc(var(--rsbs-content-opacity,1) * 0.125)),
     0 2px 0 var(--rsbs-bg,#fff);
   overflow: hidden;
   z-index: 1;
   padding-bottom: calc(16px + env(safe-area-inset-bottom));
 }
 
-[data-rsbs-is-dismissable='true'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='true'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='true'] [data-rsbs-footer] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-header] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-scroll] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-footer] > *, [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-footer] > * {
-    opacity: 1;
+[data-rsbs-is-dismissable='true'] :matches([data-rsbs-header], [data-rsbs-scroll], [data-rsbs-footer]) > *, [data-rsbs-is-dismissable='false']:matches([data-rsbs-state='opening'], [data-rsbs-state='closing']) :matches([data-rsbs-header], [data-rsbs-scroll], [data-rsbs-footer]) > * {
     opacity: var(--rsbs-content-opacity,1);
   }
 
-[data-rsbs-is-dismissable='true'] [data-rsbs-backdrop], [data-rsbs-is-dismissable='false'][data-rsbs-state='opening'] [data-rsbs-backdrop], [data-rsbs-is-dismissable='false'][data-rsbs-state='closing'] [data-rsbs-backdrop] {
-    opacity: 1;
+[data-rsbs-is-dismissable='true'] [data-rsbs-backdrop], [data-rsbs-is-dismissable='false']:matches([data-rsbs-state='opening'], [data-rsbs-state='closing']) [data-rsbs-backdrop] {
     opacity: var(--rsbs-backdrop-opacity,1);
   }
 

dist/index.es.js.map

@@ -20,7 +20,7 @@
     "build:declarations": "tsc --project tsconfig.declarations.json",
     "prebuild:dist": "rimraf dist/**",
     "build:dist": "npm run build:postcss && npm run build:microbundle && npm run build:declarations",
-    "build:microbundle": "NODE_ENV=production microbundle --define process.env.NODE_ENV=production --tsconfig tsconfig.microbundle.json -f cjs,es,modern --css-modules false --jsx React.createElement --jsxFragment React.Fragment",
+    "build:microbundle": "cross-env NODE_ENV=production microbundle --define process.env.NODE_ENV=production --tsconfig tsconfig.microbundle.json -f cjs,es,modern --css-modules false --jsx React.createElement --jsxFragment React.Fragment",
     "build:postcss": "postcss -d dist src/style.css",
     "dev": "next",
     "lint": "eslint . --ext ts,tsx,js,jsx --max-warnings 0 && tsc",
@@ -62,6 +62,7 @@
     "babel-eslint": "^10.1.0",
     "babel-plugin-transform-remove-console": "^6.9.4",
     "classnames": "^2.3.2",
+    "cross-env": "^7.0.3",
     "eslint": "^8.52.0",
     "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-flowtype": "^8.0.3",
@@ -138,4 +139,4 @@
   "source": "src/index.tsx",
   "style": "dist/style.css",
   "packageManager": "yarn@4.0.0"
-}
+}

dist/index.js

@@ -4911,7 +4911,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.2, cross-spawn@npm:^7.0.3":
+"cross-env@npm:^7.0.3":
+  version: 7.0.3
+  resolution: "cross-env@npm:7.0.3"
+  dependencies:
+    cross-spawn: "npm:^7.0.1"
+  bin:
+    cross-env: src/bin/cross-env.js
+    cross-env-shell: src/bin/cross-env-shell.js
+  checksum: f3765c25746c69fcca369655c442c6c886e54ccf3ab8c16847d5ad0e91e2f337d36eedc6599c1227904bf2a228d721e690324446876115bc8e7b32a866735ecf
+  languageName: node
+  linkType: hard
+
+"cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.1, cross-spawn@npm:^7.0.2, cross-spawn@npm:^7.0.3":
   version: 7.0.3
   resolution: "cross-spawn@npm:7.0.3"
   dependencies:
@@ -10752,6 +10764,7 @@ __metadata:
     babel-plugin-transform-remove-console: "npm:^6.9.4"
     body-scroll-lock: "npm:^4.0.0-beta.0"
     classnames: "npm:^2.3.2"
+    cross-env: "npm:^7.0.3"
     eslint: "npm:^8.52.0"
     eslint-config-react-app: "npm:^7.0.1"
     eslint-plugin-flowtype: "npm:^8.0.3"