@alfalab/core-components-drawer 4.2.7 → 4.2.8

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 (8) hide show
  1. package/Component.js +1 -1
  2. package/cssm/index.module.css +2 -2
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +24 -24
  5. package/index.css +24 -24
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +24 -24
  8. package/package.json +2 -2
package/Component.js CHANGED
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
12
12
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
14
14
 
15
- var styles = {"component":"drawer__component_1fumu","rightPlacement":"drawer__rightPlacement_1fumu","leftPlacement":"drawer__leftPlacement_1fumu","content":"drawer__content_1fumu","simplebar":"drawer__simplebar_1fumu","enterRight":"drawer__enterRight_1fumu","enterLeft":"drawer__enterLeft_1fumu","contentEnter":"drawer__contentEnter_1fumu","backdropEnter":"drawer__backdropEnter_1fumu","enterActive":"drawer__enterActive_1fumu","backdropEnterActive":"drawer__backdropEnterActive_1fumu","backdropEnterDone":"drawer__backdropEnterDone_1fumu","contentEnterActive":"drawer__contentEnterActive_1fumu","exit":"drawer__exit_1fumu","backdropExit":"drawer__backdropExit_1fumu","contentExit":"drawer__contentExit_1fumu","exitActiveRight":"drawer__exitActiveRight_1fumu","exitActiveLeft":"drawer__exitActiveLeft_1fumu","backdropExitActive":"drawer__backdropExitActive_1fumu","backdropExitDone":"drawer__backdropExitDone_1fumu","contentExitActive":"drawer__contentExitActive_1fumu"};
15
+ var styles = {"component":"drawer__component_l9zhb","rightPlacement":"drawer__rightPlacement_l9zhb","leftPlacement":"drawer__leftPlacement_l9zhb","content":"drawer__content_l9zhb","simplebar":"drawer__simplebar_l9zhb","enterRight":"drawer__enterRight_l9zhb","enterLeft":"drawer__enterLeft_l9zhb","contentEnter":"drawer__contentEnter_l9zhb","backdropEnter":"drawer__backdropEnter_l9zhb","enterActive":"drawer__enterActive_l9zhb","backdropEnterActive":"drawer__backdropEnterActive_l9zhb","backdropEnterDone":"drawer__backdropEnterDone_l9zhb","contentEnterActive":"drawer__contentEnterActive_l9zhb","exit":"drawer__exit_l9zhb","backdropExit":"drawer__backdropExit_l9zhb","contentExit":"drawer__contentExit_l9zhb","exitActiveRight":"drawer__exitActiveRight_l9zhb","exitActiveLeft":"drawer__exitActiveLeft_l9zhb","backdropExitActive":"drawer__backdropExitActive_l9zhb","backdropExitDone":"drawer__backdropExitDone_l9zhb","contentExitActive":"drawer__contentExitActive_l9zhb"};
16
16
  require('./index.css')
17
17
 
18
18
  var ANIMATION_DURATION = 600;
package/cssm/index.module.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
4
- } :root {
3
+ --color-light-bg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root {
6
6
  } :root {
7
7
 
package/esm/Component.js CHANGED
@@ -5,7 +5,7 @@ import cn from 'classnames';
5
5
  import { BaseModal, BaseModalContext } from '@alfalab/core-components-base-modal/esm';
6
6
  import { Scrollbar } from '@alfalab/core-components-scrollbar/esm';
7
7
 
8
- var styles = {"component":"drawer__component_1fumu","rightPlacement":"drawer__rightPlacement_1fumu","leftPlacement":"drawer__leftPlacement_1fumu","content":"drawer__content_1fumu","simplebar":"drawer__simplebar_1fumu","enterRight":"drawer__enterRight_1fumu","enterLeft":"drawer__enterLeft_1fumu","contentEnter":"drawer__contentEnter_1fumu","backdropEnter":"drawer__backdropEnter_1fumu","enterActive":"drawer__enterActive_1fumu","backdropEnterActive":"drawer__backdropEnterActive_1fumu","backdropEnterDone":"drawer__backdropEnterDone_1fumu","contentEnterActive":"drawer__contentEnterActive_1fumu","exit":"drawer__exit_1fumu","backdropExit":"drawer__backdropExit_1fumu","contentExit":"drawer__contentExit_1fumu","exitActiveRight":"drawer__exitActiveRight_1fumu","exitActiveLeft":"drawer__exitActiveLeft_1fumu","backdropExitActive":"drawer__backdropExitActive_1fumu","backdropExitDone":"drawer__backdropExitDone_1fumu","contentExitActive":"drawer__contentExitActive_1fumu"};
8
+ var styles = {"component":"drawer__component_l9zhb","rightPlacement":"drawer__rightPlacement_l9zhb","leftPlacement":"drawer__leftPlacement_l9zhb","content":"drawer__content_l9zhb","simplebar":"drawer__simplebar_l9zhb","enterRight":"drawer__enterRight_l9zhb","enterLeft":"drawer__enterLeft_l9zhb","contentEnter":"drawer__contentEnter_l9zhb","backdropEnter":"drawer__backdropEnter_l9zhb","enterActive":"drawer__enterActive_l9zhb","backdropEnterActive":"drawer__backdropEnterActive_l9zhb","backdropEnterDone":"drawer__backdropEnterDone_l9zhb","contentEnterActive":"drawer__contentEnterActive_l9zhb","exit":"drawer__exit_l9zhb","backdropExit":"drawer__backdropExit_l9zhb","contentExit":"drawer__contentExit_l9zhb","exitActiveRight":"drawer__exitActiveRight_l9zhb","exitActiveLeft":"drawer__exitActiveLeft_l9zhb","backdropExitActive":"drawer__backdropExitActive_l9zhb","backdropExitDone":"drawer__backdropExitDone_l9zhb","contentExitActive":"drawer__contentExitActive_l9zhb"};
9
9
  require('./index.css')
10
10
 
11
11
  var ANIMATION_DURATION = 600;
package/esm/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: 12juu */
1
+ /* hash: jhv5r */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
5
- } :root {
4
+ --color-light-bg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
  } :root {
8
8
 
@@ -20,7 +20,7 @@
20
20
  --backdrop-hidden-background: transparent;
21
21
  } :root {
22
22
  --drawer-width: 500px;
23
- } .drawer__component_1fumu {
23
+ } .drawer__component_l9zhb {
24
24
  position: fixed;
25
25
  top: 0;
26
26
  height: 100%;
@@ -28,54 +28,54 @@
28
28
  flex: 1;
29
29
  overflow: auto;
30
30
  will-change: transform;
31
- } .drawer__rightPlacement_1fumu {
31
+ } .drawer__rightPlacement_l9zhb {
32
32
  right: 0;
33
33
  align-self: flex-end;
34
- } .drawer__leftPlacement_1fumu {
34
+ } .drawer__leftPlacement_l9zhb {
35
35
  left: 0;
36
36
  align-self: flex-start;
37
- } .drawer__content_1fumu {
37
+ } .drawer__content_l9zhb {
38
38
  width: 100%;
39
39
  display: flex;
40
40
  flex-direction: column;
41
41
  flex: 1;
42
- } .drawer__simplebar_1fumu {
42
+ } .drawer__simplebar_l9zhb {
43
43
  height: 100vh;
44
- } /* enter */ .drawer__enterRight_1fumu {
44
+ } /* enter */ .drawer__enterRight_l9zhb {
45
45
  transform: translateX(100%);
46
- } .drawer__enterLeft_1fumu {
46
+ } .drawer__enterLeft_l9zhb {
47
47
  transform: translateX(-100%);
48
- } .drawer__contentEnter_1fumu {
48
+ } .drawer__contentEnter_l9zhb {
49
49
  opacity: 0;
50
- } .drawer__backdropEnter_1fumu {
50
+ } .drawer__backdropEnter_l9zhb {
51
51
  background-color: var(--backdrop-hidden-background);
52
- } .drawer__enterActive_1fumu {
52
+ } .drawer__enterActive_l9zhb {
53
53
  transition: transform 0.3s ease-in-out;
54
54
  transform: translateX(0);
55
- } .drawer__backdropEnterActive_1fumu,
56
- .drawer__backdropEnterDone_1fumu {
55
+ } .drawer__backdropEnterActive_l9zhb,
56
+ .drawer__backdropEnterDone_l9zhb {
57
57
  transition: background 0.3s ease-in-out;
58
58
  background-color: var(--backdrop-visible-background);
59
- } .drawer__contentEnterActive_1fumu {
59
+ } .drawer__contentEnterActive_l9zhb {
60
60
  transition: opacity 0.2s ease-in-out 0.3s;
61
61
  opacity: 1;
62
- } /* exit */ .drawer__exit_1fumu {
62
+ } /* exit */ .drawer__exit_l9zhb {
63
63
  transform: translateX(0);
64
- } .drawer__backdropExit_1fumu {
64
+ } .drawer__backdropExit_l9zhb {
65
65
  background-color: var(--backdrop-visible-background);
66
- } .drawer__contentExit_1fumu {
66
+ } .drawer__contentExit_l9zhb {
67
67
  opacity: 1;
68
- } .drawer__exitActiveRight_1fumu {
68
+ } .drawer__exitActiveRight_l9zhb {
69
69
  transition: transform 0.25s ease-in-out 0.1s;
70
70
  transform: translateX(100%);
71
- } .drawer__exitActiveLeft_1fumu {
71
+ } .drawer__exitActiveLeft_l9zhb {
72
72
  transition: transform 0.25s ease-in-out 0.1s;
73
73
  transform: translateX(-100%);
74
- } .drawer__backdropExitActive_1fumu,
75
- .drawer__backdropExitDone_1fumu {
74
+ } .drawer__backdropExitActive_l9zhb,
75
+ .drawer__backdropExitDone_l9zhb {
76
76
  transition: background 0.25s ease-in-out 0.1s;
77
77
  background-color: var(--backdrop-hidden-background);
78
- } .drawer__contentExitActive_1fumu {
78
+ } .drawer__contentExitActive_l9zhb {
79
79
  opacity: 0;
80
80
  transition: opacity 0.12s ease-in-out;
81
81
  }
package/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: 12juu */
1
+ /* hash: jhv5r */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
5
- } :root {
4
+ --color-light-bg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
  } :root {
8
8
 
@@ -20,7 +20,7 @@
20
20
  --backdrop-hidden-background: transparent;
21
21
  } :root {
22
22
  --drawer-width: 500px;
23
- } .drawer__component_1fumu {
23
+ } .drawer__component_l9zhb {
24
24
  position: fixed;
25
25
  top: 0;
26
26
  height: 100%;
@@ -28,54 +28,54 @@
28
28
  flex: 1;
29
29
  overflow: auto;
30
30
  will-change: transform;
31
- } .drawer__rightPlacement_1fumu {
31
+ } .drawer__rightPlacement_l9zhb {
32
32
  right: 0;
33
33
  align-self: flex-end;
34
- } .drawer__leftPlacement_1fumu {
34
+ } .drawer__leftPlacement_l9zhb {
35
35
  left: 0;
36
36
  align-self: flex-start;
37
- } .drawer__content_1fumu {
37
+ } .drawer__content_l9zhb {
38
38
  width: 100%;
39
39
  display: flex;
40
40
  flex-direction: column;
41
41
  flex: 1;
42
- } .drawer__simplebar_1fumu {
42
+ } .drawer__simplebar_l9zhb {
43
43
  height: 100vh;
44
- } /* enter */ .drawer__enterRight_1fumu {
44
+ } /* enter */ .drawer__enterRight_l9zhb {
45
45
  transform: translateX(100%);
46
- } .drawer__enterLeft_1fumu {
46
+ } .drawer__enterLeft_l9zhb {
47
47
  transform: translateX(-100%);
48
- } .drawer__contentEnter_1fumu {
48
+ } .drawer__contentEnter_l9zhb {
49
49
  opacity: 0;
50
- } .drawer__backdropEnter_1fumu {
50
+ } .drawer__backdropEnter_l9zhb {
51
51
  background-color: var(--backdrop-hidden-background);
52
- } .drawer__enterActive_1fumu {
52
+ } .drawer__enterActive_l9zhb {
53
53
  transition: transform 0.3s ease-in-out;
54
54
  transform: translateX(0);
55
- } .drawer__backdropEnterActive_1fumu,
56
- .drawer__backdropEnterDone_1fumu {
55
+ } .drawer__backdropEnterActive_l9zhb,
56
+ .drawer__backdropEnterDone_l9zhb {
57
57
  transition: background 0.3s ease-in-out;
58
58
  background-color: var(--backdrop-visible-background);
59
- } .drawer__contentEnterActive_1fumu {
59
+ } .drawer__contentEnterActive_l9zhb {
60
60
  transition: opacity 0.2s ease-in-out 0.3s;
61
61
  opacity: 1;
62
- } /* exit */ .drawer__exit_1fumu {
62
+ } /* exit */ .drawer__exit_l9zhb {
63
63
  transform: translateX(0);
64
- } .drawer__backdropExit_1fumu {
64
+ } .drawer__backdropExit_l9zhb {
65
65
  background-color: var(--backdrop-visible-background);
66
- } .drawer__contentExit_1fumu {
66
+ } .drawer__contentExit_l9zhb {
67
67
  opacity: 1;
68
- } .drawer__exitActiveRight_1fumu {
68
+ } .drawer__exitActiveRight_l9zhb {
69
69
  transition: transform 0.25s ease-in-out 0.1s;
70
70
  transform: translateX(100%);
71
- } .drawer__exitActiveLeft_1fumu {
71
+ } .drawer__exitActiveLeft_l9zhb {
72
72
  transition: transform 0.25s ease-in-out 0.1s;
73
73
  transform: translateX(-100%);
74
- } .drawer__backdropExitActive_1fumu,
75
- .drawer__backdropExitDone_1fumu {
74
+ } .drawer__backdropExitActive_l9zhb,
75
+ .drawer__backdropExitDone_l9zhb {
76
76
  transition: background 0.25s ease-in-out 0.1s;
77
77
  background-color: var(--backdrop-hidden-background);
78
- } .drawer__contentExitActive_1fumu {
78
+ } .drawer__contentExitActive_l9zhb {
79
79
  opacity: 0;
80
80
  transition: opacity 0.12s ease-in-out;
81
81
  }
package/modern/Component.js CHANGED
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { BaseModal, BaseModalContext } from '@alfalab/core-components-base-modal/modern';
5
5
  import { Scrollbar } from '@alfalab/core-components-scrollbar/modern';
6
6
 
7
- const styles = {"component":"drawer__component_1fumu","rightPlacement":"drawer__rightPlacement_1fumu","leftPlacement":"drawer__leftPlacement_1fumu","content":"drawer__content_1fumu","simplebar":"drawer__simplebar_1fumu","enterRight":"drawer__enterRight_1fumu","enterLeft":"drawer__enterLeft_1fumu","contentEnter":"drawer__contentEnter_1fumu","backdropEnter":"drawer__backdropEnter_1fumu","enterActive":"drawer__enterActive_1fumu","backdropEnterActive":"drawer__backdropEnterActive_1fumu","backdropEnterDone":"drawer__backdropEnterDone_1fumu","contentEnterActive":"drawer__contentEnterActive_1fumu","exit":"drawer__exit_1fumu","backdropExit":"drawer__backdropExit_1fumu","contentExit":"drawer__contentExit_1fumu","exitActiveRight":"drawer__exitActiveRight_1fumu","exitActiveLeft":"drawer__exitActiveLeft_1fumu","backdropExitActive":"drawer__backdropExitActive_1fumu","backdropExitDone":"drawer__backdropExitDone_1fumu","contentExitActive":"drawer__contentExitActive_1fumu"};
7
+ const styles = {"component":"drawer__component_l9zhb","rightPlacement":"drawer__rightPlacement_l9zhb","leftPlacement":"drawer__leftPlacement_l9zhb","content":"drawer__content_l9zhb","simplebar":"drawer__simplebar_l9zhb","enterRight":"drawer__enterRight_l9zhb","enterLeft":"drawer__enterLeft_l9zhb","contentEnter":"drawer__contentEnter_l9zhb","backdropEnter":"drawer__backdropEnter_l9zhb","enterActive":"drawer__enterActive_l9zhb","backdropEnterActive":"drawer__backdropEnterActive_l9zhb","backdropEnterDone":"drawer__backdropEnterDone_l9zhb","contentEnterActive":"drawer__contentEnterActive_l9zhb","exit":"drawer__exit_l9zhb","backdropExit":"drawer__backdropExit_l9zhb","contentExit":"drawer__contentExit_l9zhb","exitActiveRight":"drawer__exitActiveRight_l9zhb","exitActiveLeft":"drawer__exitActiveLeft_l9zhb","backdropExitActive":"drawer__backdropExitActive_l9zhb","backdropExitDone":"drawer__backdropExitDone_l9zhb","contentExitActive":"drawer__contentExitActive_l9zhb"};
8
8
  require('./index.css')
9
9
 
10
10
  const ANIMATION_DURATION = 600;
package/modern/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: 12juu */
1
+ /* hash: jhv5r */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
5
- } :root {
4
+ --color-light-bg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
  } :root {
8
8
 
@@ -20,7 +20,7 @@
20
20
  --backdrop-hidden-background: transparent;
21
21
  } :root {
22
22
  --drawer-width: 500px;
23
- } .drawer__component_1fumu {
23
+ } .drawer__component_l9zhb {
24
24
  position: fixed;
25
25
  top: 0;
26
26
  height: 100%;
@@ -28,54 +28,54 @@
28
28
  flex: 1;
29
29
  overflow: auto;
30
30
  will-change: transform;
31
- } .drawer__rightPlacement_1fumu {
31
+ } .drawer__rightPlacement_l9zhb {
32
32
  right: 0;
33
33
  align-self: flex-end;
34
- } .drawer__leftPlacement_1fumu {
34
+ } .drawer__leftPlacement_l9zhb {
35
35
  left: 0;
36
36
  align-self: flex-start;
37
- } .drawer__content_1fumu {
37
+ } .drawer__content_l9zhb {
38
38
  width: 100%;
39
39
  display: flex;
40
40
  flex-direction: column;
41
41
  flex: 1;
42
- } .drawer__simplebar_1fumu {
42
+ } .drawer__simplebar_l9zhb {
43
43
  height: 100vh;
44
- } /* enter */ .drawer__enterRight_1fumu {
44
+ } /* enter */ .drawer__enterRight_l9zhb {
45
45
  transform: translateX(100%);
46
- } .drawer__enterLeft_1fumu {
46
+ } .drawer__enterLeft_l9zhb {
47
47
  transform: translateX(-100%);
48
- } .drawer__contentEnter_1fumu {
48
+ } .drawer__contentEnter_l9zhb {
49
49
  opacity: 0;
50
- } .drawer__backdropEnter_1fumu {
50
+ } .drawer__backdropEnter_l9zhb {
51
51
  background-color: var(--backdrop-hidden-background);
52
- } .drawer__enterActive_1fumu {
52
+ } .drawer__enterActive_l9zhb {
53
53
  transition: transform 0.3s ease-in-out;
54
54
  transform: translateX(0);
55
- } .drawer__backdropEnterActive_1fumu,
56
- .drawer__backdropEnterDone_1fumu {
55
+ } .drawer__backdropEnterActive_l9zhb,
56
+ .drawer__backdropEnterDone_l9zhb {
57
57
  transition: background 0.3s ease-in-out;
58
58
  background-color: var(--backdrop-visible-background);
59
- } .drawer__contentEnterActive_1fumu {
59
+ } .drawer__contentEnterActive_l9zhb {
60
60
  transition: opacity 0.2s ease-in-out 0.3s;
61
61
  opacity: 1;
62
- } /* exit */ .drawer__exit_1fumu {
62
+ } /* exit */ .drawer__exit_l9zhb {
63
63
  transform: translateX(0);
64
- } .drawer__backdropExit_1fumu {
64
+ } .drawer__backdropExit_l9zhb {
65
65
  background-color: var(--backdrop-visible-background);
66
- } .drawer__contentExit_1fumu {
66
+ } .drawer__contentExit_l9zhb {
67
67
  opacity: 1;
68
- } .drawer__exitActiveRight_1fumu {
68
+ } .drawer__exitActiveRight_l9zhb {
69
69
  transition: transform 0.25s ease-in-out 0.1s;
70
70
  transform: translateX(100%);
71
- } .drawer__exitActiveLeft_1fumu {
71
+ } .drawer__exitActiveLeft_l9zhb {
72
72
  transition: transform 0.25s ease-in-out 0.1s;
73
73
  transform: translateX(-100%);
74
- } .drawer__backdropExitActive_1fumu,
75
- .drawer__backdropExitDone_1fumu {
74
+ } .drawer__backdropExitActive_l9zhb,
75
+ .drawer__backdropExitDone_l9zhb {
76
76
  transition: background 0.25s ease-in-out 0.1s;
77
77
  background-color: var(--backdrop-hidden-background);
78
- } .drawer__contentExitActive_1fumu {
78
+ } .drawer__contentExitActive_l9zhb {
79
79
  opacity: 0;
80
80
  transition: opacity 0.12s ease-in-out;
81
81
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-drawer",
3
- "version": "4.2.7",
3
+ "version": "4.2.8",
4
4
  "description": "Drawer component",
5
5
  "gitHead": "f054fef20200664c65e2501ef1f916c555cdf05d",
6
6
  "keywords": [],
@@ -20,7 +20,7 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "@alfalab/core-components-base-modal": "^5.1.1",
23
- "@alfalab/core-components-scrollbar": "^2.1.3",
23
+ "@alfalab/core-components-scrollbar": "^2.1.4",
24
24
  "classnames": "^2.3.1",
25
25
  "tslib": "^2.4.0"
26
26
  }