@launchpad-ui/drawer 0.4.28 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.es.js +9 -9
  2. package/dist/index.js +9 -9
  3. package/dist/style.css +21 -21
  4. package/package.json +5 -5
package/dist/index.es.js CHANGED
@@ -11,15 +11,15 @@ import { cx } from "classix";
11
11
  import { LazyMotion, m } from "framer-motion";
12
12
  import { useRef, useState, useEffect, Suspense } from "react";
13
13
  const DRAWER_LABELLED_BY = "drawer-title";
14
- const drawer = "_drawer_1bcak_12";
15
- const overlay$1 = "_overlay_1bcak_31";
16
- const content = "_content_1bcak_37";
17
- const small = "_small_1bcak_51";
18
- const medium = "_medium_1bcak_55";
19
- const large = "_large_1bcak_59";
20
- const xLarge = "_xLarge_1bcak_63";
21
- const full = "_full_1bcak_67";
22
- const closeButton = "_closeButton_1bcak_81";
14
+ const drawer = "_drawer_1960y_12";
15
+ const overlay$1 = "_overlay_1960y_31";
16
+ const content = "_content_1960y_37";
17
+ const small = "_small_1960y_51";
18
+ const medium = "_medium_1960y_55";
19
+ const large = "_large_1960y_59";
20
+ const xLarge = "_xLarge_1960y_63";
21
+ const full = "_full_1960y_67";
22
+ const closeButton = "_closeButton_1960y_81";
23
23
  const styles = {
24
24
  drawer,
25
25
  overlay: overlay$1,
package/dist/index.js CHANGED
@@ -35,15 +35,15 @@ const classix = require("classix");
35
35
  const framerMotion = require("framer-motion");
36
36
  const react = require("react");
37
37
  const DRAWER_LABELLED_BY = "drawer-title";
38
- const drawer = "_drawer_1bcak_12";
39
- const overlay$1 = "_overlay_1bcak_31";
40
- const content = "_content_1bcak_37";
41
- const small = "_small_1bcak_51";
42
- const medium = "_medium_1bcak_55";
43
- const large = "_large_1bcak_59";
44
- const xLarge = "_xLarge_1bcak_63";
45
- const full = "_full_1bcak_67";
46
- const closeButton = "_closeButton_1bcak_81";
38
+ const drawer = "_drawer_1960y_12";
39
+ const overlay$1 = "_overlay_1960y_31";
40
+ const content = "_content_1960y_37";
41
+ const small = "_small_1960y_51";
42
+ const medium = "_medium_1960y_55";
43
+ const large = "_large_1960y_59";
44
+ const xLarge = "_xLarge_1960y_63";
45
+ const full = "_full_1960y_67";
46
+ const closeButton = "_closeButton_1960y_81";
47
47
  const styles = {
48
48
  drawer,
49
49
  overlay: overlay$1,
package/dist/style.css CHANGED
@@ -5,8 +5,8 @@
5
5
  [data-theme='dark'] {
6
6
  --lp-component-drawer-color-bg-overlay: rgba(25, 25, 25, 0.75);
7
7
  }
8
- ._drawer_1bcak_12 {
9
- --page-gutter-width: 1rem;
8
+ ._drawer_1960y_12 {
9
+ --page-gutter-width: 0.625rem;
10
10
 
11
11
  z-index: var(--lp-z-index-400);
12
12
  position: fixed;
@@ -17,14 +17,14 @@
17
17
  transform: translateZ(0);
18
18
  }
19
19
  @media screen and (min-width: 740px) {
20
- ._drawer_1bcak_12 {
21
- --page-gutter-width: 4rem;
20
+ ._drawer_1960y_12 {
21
+ --page-gutter-width: 2.5rem;
22
22
  }
23
23
  }
24
24
  .has-overlay {
25
25
  overflow: hidden;
26
26
  }
27
- ._overlay_1bcak_31 {
27
+ ._overlay_1960y_31 {
28
28
  position: fixed;
29
29
  top: 0;
30
30
  right: 0;
@@ -33,7 +33,7 @@
33
33
  background-color: rgba(40, 40, 40, 0.5);
34
34
  background-color: var(--lp-component-drawer-color-bg-overlay);
35
35
  }
36
- ._content_1bcak_37 {
36
+ ._content_1960y_37 {
37
37
  background-color: var(--lp-color-bg-ui-primary);
38
38
  position: absolute;
39
39
  top: 0;
@@ -46,36 +46,36 @@
46
46
  box-shadow: -1px 0 4px var(--lp-color-shadow-ui-primary);
47
47
  }
48
48
  @media screen and (min-width: 740px) {
49
- ._small_1bcak_51 ._content_1bcak_37 {
50
- width: 45rem;
49
+ ._small_1960y_51 ._content_1960y_37 {
50
+ width: 28.125rem;
51
51
  }
52
52
 
53
- ._medium_1bcak_55 ._content_1bcak_37 {
54
- width: 65rem;
53
+ ._medium_1960y_55 ._content_1960y_37 {
54
+ width: 40.625rem;
55
55
  }
56
56
 
57
- ._large_1bcak_59 ._content_1bcak_37 {
58
- width: 80rem;
57
+ ._large_1960y_59 ._content_1960y_37 {
58
+ width: 50rem;
59
59
  }
60
60
 
61
- ._xLarge_1bcak_63 ._content_1bcak_37 {
62
- width: 120rem;
61
+ ._xLarge_1960y_63 ._content_1960y_37 {
62
+ width: 75rem;
63
63
  }
64
64
 
65
- ._full_1bcak_67 ._content_1bcak_37 {
65
+ ._full_1960y_67 ._content_1960y_37 {
66
66
  width: 100%;
67
67
  max-width: none;
68
68
  max-width: initial;
69
69
  }
70
70
  }
71
- ._content_1bcak_37 section {
72
- padding: 3.2rem var(--page-gutter-width);
71
+ ._content_1960y_37 section {
72
+ padding: 2rem var(--page-gutter-width);
73
73
  }
74
- ._content_1bcak_37 section + section {
74
+ ._content_1960y_37 section + section {
75
75
  border-top: 1px dotted var(--lp-color-gray-100);
76
76
  }
77
- ._closeButton_1bcak_81 {
77
+ ._closeButton_1960y_81 {
78
78
  position: absolute;
79
- right: 1rem;
80
- top: 1rem;
79
+ right: 0.625rem;
80
+ top: 0.625rem;
81
81
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@launchpad-ui/drawer",
3
- "version": "0.4.28",
3
+ "version": "0.5.0",
4
4
  "status": "alpha",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -30,12 +30,12 @@
30
30
  "@react-aria/overlays": "3.18.0",
31
31
  "classix": "2.1.17",
32
32
  "framer-motion": "10.16.1",
33
- "@launchpad-ui/button": "~0.10.9",
33
+ "@launchpad-ui/button": "~0.11.0",
34
34
  "@launchpad-ui/focus-trap": "~0.1.12",
35
- "@launchpad-ui/icons": "~0.13.0",
35
+ "@launchpad-ui/icons": "~0.14.0",
36
36
  "@launchpad-ui/portal": "~0.1.4",
37
- "@launchpad-ui/progress": "~0.5.30",
38
- "@launchpad-ui/tokens": "~0.7.1"
37
+ "@launchpad-ui/progress": "~0.5.31",
38
+ "@launchpad-ui/tokens": "~0.8.0"
39
39
  },
40
40
  "peerDependencies": {
41
41
  "react": "18.2.0",