@launchpad-ui/drawer 0.5.12 → 0.5.13

package/dist/index.es.js

@@ -11,25 +11,25 @@ import { cx } from "classix";
 import { LazyMotion, m } from "framer-motion";
 import { useRef, useState, useEffect, Suspense } from "react";
 const DRAWER_LABELLED_BY = "drawer-title";
-const drawer = "_drawer_1960y_12";
-const overlay$1 = "_overlay_1960y_31";
-const content = "_content_1960y_37";
-const small = "_small_1960y_51";
-const medium = "_medium_1960y_55";
-const large = "_large_1960y_59";
-const xLarge = "_xLarge_1960y_63";
-const full = "_full_1960y_67";
-const closeButton = "_closeButton_1960y_81";
+const closeButton = "sj_sSW_closeButton_";
+const content = "sj_sSW_content_";
+const drawer = "sj_sSW_drawer_";
+const full = "sj_sSW_full_";
+const large = "sj_sSW_large_";
+const medium = "sj_sSW_medium_";
+const overlay$1 = "sj_sSW_overlay_";
+const small = "sj_sSW_small_";
+const xLarge = "sj_sSW_xLarge_";
 const styles = {
+  closeButton,
+  content,
   drawer,
+  full,
+  large,
+  medium,
   overlay: overlay$1,
-  content,
   small,
-  medium,
-  large,
-  xLarge,
-  full,
-  closeButton
+  xLarge
 };
 const overlay = {
   visible: { opacity: 1, transition: { duration: 0.15 } },

package/dist/index.js

@@ -35,25 +35,25 @@ const classix = require("classix");
 const framerMotion = require("framer-motion");
 const react = require("react");
 const DRAWER_LABELLED_BY = "drawer-title";
-const drawer = "_drawer_1960y_12";
-const overlay$1 = "_overlay_1960y_31";
-const content = "_content_1960y_37";
-const small = "_small_1960y_51";
-const medium = "_medium_1960y_55";
-const large = "_large_1960y_59";
-const xLarge = "_xLarge_1960y_63";
-const full = "_full_1960y_67";
-const closeButton = "_closeButton_1960y_81";
+const closeButton = "sj_sSW_closeButton_";
+const content = "sj_sSW_content_";
+const drawer = "sj_sSW_drawer_";
+const full = "sj_sSW_full_";
+const large = "sj_sSW_large_";
+const medium = "sj_sSW_medium_";
+const overlay$1 = "sj_sSW_overlay_";
+const small = "sj_sSW_small_";
+const xLarge = "sj_sSW_xLarge_";
 const styles = {
+  closeButton,
+  content,
   drawer,
+  full,
+  large,
+  medium,
   overlay: overlay$1,
-  content,
   small,
-  medium,
-  large,
-  xLarge,
-  full,
-  closeButton
+  xLarge
 };
 const overlay = {
   visible: { opacity: 1, transition: { duration: 0.15 } },

package/dist/style.css

@@ -1,81 +1 @@
-:root,
-[data-theme='default'] {
-  --lp-component-drawer-color-bg-overlay: rgba(40, 40, 40, 0.5);
-}
-[data-theme='dark'] {
-  --lp-component-drawer-color-bg-overlay: rgba(25, 25, 25, 0.75);
-}
-._drawer_1960y_12 {
-  --page-gutter-width: 0.625rem;
-
-  z-index: var(--lp-z-index-400);
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  transform: translateZ(0);
-}
-@media screen and (min-width: 740px) {
-  ._drawer_1960y_12 {
-    --page-gutter-width: 2.5rem;
-  }
-}
-.has-overlay {
-  overflow: hidden;
-}
-._overlay_1960y_31 {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background-color: rgba(40, 40, 40, 0.5);
-  background-color: var(--lp-component-drawer-color-bg-overlay);
-}
-._content_1960y_37 {
-  background-color: var(--lp-color-bg-ui-primary);
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  overflow: auto;
-  width: 100vw;
-  max-width: 100vw;
-  color: var(--lp-color-text-ui-secondary);
-  box-shadow: -1px 0 4px var(--lp-color-shadow-ui-primary);
-}
-@media screen and (min-width: 740px) {
-  ._small_1960y_51 ._content_1960y_37 {
-    width: 28.125rem;
-  }
-
-  ._medium_1960y_55 ._content_1960y_37 {
-    width: 40.625rem;
-  }
-
-  ._large_1960y_59 ._content_1960y_37 {
-    width: 50rem;
-  }
-
-  ._xLarge_1960y_63 ._content_1960y_37 {
-    width: 75rem;
-  }
-
-  ._full_1960y_67 ._content_1960y_37 {
-    width: 100%;
-    max-width: none;
-    max-width: initial;
-  }
-}
-._content_1960y_37 section {
-  padding: 2rem var(--page-gutter-width);
-}
-._content_1960y_37 section + section {
-  border-top: 1px dotted var(--lp-color-gray-100);
-}
-._closeButton_1960y_81 {
-  position: absolute;
-  right: 0.625rem;
-  top: 0.625rem;
-}
+:root,[data-theme=default]{--lp-component-drawer-color-bg-overlay:#28282880}[data-theme=dark]{--lp-component-drawer-color-bg-overlay:#191919bf}.sj_sSW_drawer_{--page-gutter-width:.625rem;z-index:var(--lp-z-index-400);position:fixed;top:0;bottom:0;left:0;right:0;transform:translateZ(0)}@media screen and (min-width:740px){.sj_sSW_drawer_{--page-gutter-width:2.5rem}}.has-overlay{overflow:hidden}.sj_sSW_overlay_{background-color:var(--lp-component-drawer-color-bg-overlay);position:fixed;top:0;bottom:0;left:0;right:0}.sj_sSW_content_{background-color:var(--lp-color-bg-ui-primary);color:var(--lp-color-text-ui-secondary);box-shadow:-1px 0 4px var(--lp-color-shadow-ui-primary);width:100vw;max-width:100vw;position:absolute;top:0;bottom:0;right:0;overflow:auto}@media screen and (min-width:740px){.sj_sSW_small_ .sj_sSW_content_{width:28.125rem}.sj_sSW_medium_ .sj_sSW_content_{width:40.625rem}.sj_sSW_large_ .sj_sSW_content_{width:50rem}.sj_sSW_xLarge_ .sj_sSW_content_{width:75rem}.sj_sSW_full_ .sj_sSW_content_{max-width:unset;width:100%}}.sj_sSW_content_ section{padding:2rem var(--page-gutter-width)}.sj_sSW_content_ section+section{border-top:1px dotted var(--lp-color-gray-100)}.sj_sSW_closeButton_{position:absolute;top:.625rem;right:.625rem}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@launchpad-ui/drawer",
-  "version": "0.5.12",
+  "version": "0.5.13",
   "status": "alpha",
   "publishConfig": {
     "access": "public"
@@ -29,10 +29,10 @@
     "@react-aria/interactions": "3.20.1",
     "@react-aria/overlays": "3.20.0",
     "classix": "2.1.17",
-    "framer-motion": "10.17.0",
-    "@launchpad-ui/button": "~0.11.10",
+    "framer-motion": "10.18.0",
+    "@launchpad-ui/button": "~0.11.11",
     "@launchpad-ui/focus-trap": "~0.1.15",
-    "@launchpad-ui/icons": "~0.14.10",
+    "@launchpad-ui/icons": "~0.15.0",
     "@launchpad-ui/portal": "~0.1.4",
     "@launchpad-ui/progress": "~0.5.37",
     "@launchpad-ui/tokens": "~0.9.3"