@alfalab/core-components-drawer 4.2.2 → 4.2.3

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 +29 -46
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +32 -49
  5. package/index.css +32 -49
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +32 -49
  8. package/package.json +2 -2
package/Component.js CHANGED
@@ -50,7 +50,7 @@ function __rest(s, e) {
50
50
  return t;
51
51
  }
52
52
 
53
- var styles = {"component":"drawer__component_1ttso","rightPlacement":"drawer__rightPlacement_1ttso","leftPlacement":"drawer__leftPlacement_1ttso","content":"drawer__content_1ttso","simplebar":"drawer__simplebar_1ttso","enterRight":"drawer__enterRight_1ttso","enterLeft":"drawer__enterLeft_1ttso","contentEnter":"drawer__contentEnter_1ttso","backdropEnter":"drawer__backdropEnter_1ttso","enterActive":"drawer__enterActive_1ttso","backdropEnterActive":"drawer__backdropEnterActive_1ttso","backdropEnterDone":"drawer__backdropEnterDone_1ttso","contentEnterActive":"drawer__contentEnterActive_1ttso","exit":"drawer__exit_1ttso","backdropExit":"drawer__backdropExit_1ttso","contentExit":"drawer__contentExit_1ttso","exitActiveRight":"drawer__exitActiveRight_1ttso","exitActiveLeft":"drawer__exitActiveLeft_1ttso","backdropExitActive":"drawer__backdropExitActive_1ttso","backdropExitDone":"drawer__backdropExitDone_1ttso","contentExitActive":"drawer__contentExitActive_1ttso"};
53
+ var styles = {"component":"drawer__component_1tn4c","rightPlacement":"drawer__rightPlacement_1tn4c","leftPlacement":"drawer__leftPlacement_1tn4c","content":"drawer__content_1tn4c","simplebar":"drawer__simplebar_1tn4c","enterRight":"drawer__enterRight_1tn4c","enterLeft":"drawer__enterLeft_1tn4c","contentEnter":"drawer__contentEnter_1tn4c","backdropEnter":"drawer__backdropEnter_1tn4c","enterActive":"drawer__enterActive_1tn4c","backdropEnterActive":"drawer__backdropEnterActive_1tn4c","backdropEnterDone":"drawer__backdropEnterDone_1tn4c","contentEnterActive":"drawer__contentEnterActive_1tn4c","exit":"drawer__exit_1tn4c","backdropExit":"drawer__backdropExit_1tn4c","contentExit":"drawer__contentExit_1tn4c","exitActiveRight":"drawer__exitActiveRight_1tn4c","exitActiveLeft":"drawer__exitActiveLeft_1tn4c","backdropExitActive":"drawer__backdropExitActive_1tn4c","backdropExitDone":"drawer__backdropExitDone_1tn4c","contentExitActive":"drawer__contentExitActive_1tn4c"};
54
54
  require('./index.css')
55
55
 
56
56
  var ANIMATION_DURATION = 600;
package/cssm/index.module.css CHANGED
@@ -1,22 +1,25 @@
1
1
  :root {
2
+ } /* deprecated */ :root {
2
3
  --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
3
- }
4
- :root {
4
+ } :root {
5
+ } :root {
6
+ } :root {
5
7
 
6
8
  /* Hard */
7
9
 
8
10
  /* Up */
9
11
 
10
12
  /* Hard up */
11
- }
12
- :root {
13
+ } :root {
14
+ } :root {
15
+ } :root {
16
+ } :root {
17
+ } :root {
13
18
  --backdrop-visible-background: var(--color-light-bg-overlay);
14
19
  --backdrop-hidden-background: transparent;
15
- }
16
- :root {
20
+ } :root {
17
21
  --drawer-width: 500px;
18
- }
19
- .component {
22
+ } .component {
20
23
  position: fixed;
21
24
  top: 0;
22
25
  height: 100%;
@@ -24,74 +27,54 @@
24
27
  flex: 1;
25
28
  overflow: auto;
26
29
  will-change: transform;
27
- }
28
- .rightPlacement {
30
+ } .rightPlacement {
29
31
  right: 0;
30
32
  align-self: flex-end;
31
- }
32
- .leftPlacement {
33
+ } .leftPlacement {
33
34
  left: 0;
34
35
  align-self: flex-start;
35
- }
36
- .content {
36
+ } .content {
37
37
  width: 100%;
38
38
  display: flex;
39
39
  flex-direction: column;
40
40
  flex: 1;
41
- }
42
- .simplebar {
41
+ } .simplebar {
43
42
  height: 100vh;
44
- }
45
- /* enter */
46
- .enterRight {
43
+ } /* enter */ .enterRight {
47
44
  transform: translateX(100%);
48
- }
49
- .enterLeft {
45
+ } .enterLeft {
50
46
  transform: translateX(-100%);
51
- }
52
- .contentEnter {
47
+ } .contentEnter {
53
48
  opacity: 0;
54
- }
55
- .backdropEnter {
49
+ } .backdropEnter {
56
50
  background-color: var(--backdrop-hidden-background);
57
- }
58
- .enterActive {
51
+ } .enterActive {
59
52
  transition: transform 0.3s ease-in-out;
60
53
  transform: translateX(0);
61
- }
62
- .backdropEnterActive,
54
+ } .backdropEnterActive,
63
55
  .backdropEnterDone {
64
56
  transition: background 0.3s ease-in-out;
65
57
  background-color: var(--backdrop-visible-background);
66
- }
67
- .contentEnterActive {
58
+ } .contentEnterActive {
68
59
  transition: opacity 0.2s ease-in-out 0.3s;
69
60
  opacity: 1;
70
- }
71
- /* exit */
72
- .exit {
61
+ } /* exit */ .exit {
73
62
  transform: translateX(0);
74
- }
75
- .backdropExit {
63
+ } .backdropExit {
76
64
  background-color: var(--backdrop-visible-background);
77
- }
78
- .contentExit {
65
+ } .contentExit {
79
66
  opacity: 1;
80
- }
81
- .exitActiveRight {
67
+ } .exitActiveRight {
82
68
  transition: transform 0.25s ease-in-out 0.1s;
83
69
  transform: translateX(100%);
84
- }
85
- .exitActiveLeft {
70
+ } .exitActiveLeft {
86
71
  transition: transform 0.25s ease-in-out 0.1s;
87
72
  transform: translateX(-100%);
88
- }
89
- .backdropExitActive,
73
+ } .backdropExitActive,
90
74
  .backdropExitDone {
91
75
  transition: background 0.25s ease-in-out 0.1s;
92
76
  background-color: var(--backdrop-hidden-background);
93
- }
94
- .contentExitActive {
77
+ } .contentExitActive {
95
78
  opacity: 0;
96
79
  transition: opacity 0.12s ease-in-out;
97
80
  }
package/esm/Component.js CHANGED
@@ -43,7 +43,7 @@ function __rest(s, e) {
43
43
  return t;
44
44
  }
45
45
 
46
- var styles = {"component":"drawer__component_1ttso","rightPlacement":"drawer__rightPlacement_1ttso","leftPlacement":"drawer__leftPlacement_1ttso","content":"drawer__content_1ttso","simplebar":"drawer__simplebar_1ttso","enterRight":"drawer__enterRight_1ttso","enterLeft":"drawer__enterLeft_1ttso","contentEnter":"drawer__contentEnter_1ttso","backdropEnter":"drawer__backdropEnter_1ttso","enterActive":"drawer__enterActive_1ttso","backdropEnterActive":"drawer__backdropEnterActive_1ttso","backdropEnterDone":"drawer__backdropEnterDone_1ttso","contentEnterActive":"drawer__contentEnterActive_1ttso","exit":"drawer__exit_1ttso","backdropExit":"drawer__backdropExit_1ttso","contentExit":"drawer__contentExit_1ttso","exitActiveRight":"drawer__exitActiveRight_1ttso","exitActiveLeft":"drawer__exitActiveLeft_1ttso","backdropExitActive":"drawer__backdropExitActive_1ttso","backdropExitDone":"drawer__backdropExitDone_1ttso","contentExitActive":"drawer__contentExitActive_1ttso"};
46
+ var styles = {"component":"drawer__component_1tn4c","rightPlacement":"drawer__rightPlacement_1tn4c","leftPlacement":"drawer__leftPlacement_1tn4c","content":"drawer__content_1tn4c","simplebar":"drawer__simplebar_1tn4c","enterRight":"drawer__enterRight_1tn4c","enterLeft":"drawer__enterLeft_1tn4c","contentEnter":"drawer__contentEnter_1tn4c","backdropEnter":"drawer__backdropEnter_1tn4c","enterActive":"drawer__enterActive_1tn4c","backdropEnterActive":"drawer__backdropEnterActive_1tn4c","backdropEnterDone":"drawer__backdropEnterDone_1tn4c","contentEnterActive":"drawer__contentEnterActive_1tn4c","exit":"drawer__exit_1tn4c","backdropExit":"drawer__backdropExit_1tn4c","contentExit":"drawer__contentExit_1tn4c","exitActiveRight":"drawer__exitActiveRight_1tn4c","exitActiveLeft":"drawer__exitActiveLeft_1tn4c","backdropExitActive":"drawer__backdropExitActive_1tn4c","backdropExitDone":"drawer__backdropExitDone_1tn4c","contentExitActive":"drawer__contentExitActive_1tn4c"};
47
47
  require('./index.css')
48
48
 
49
49
  var ANIMATION_DURATION = 600;
package/esm/index.css CHANGED
@@ -1,23 +1,26 @@
1
- /* hash: r5g1g */
1
+ /* hash: 1esc9 */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
4
- }
5
- :root {
5
+ } :root {
6
+ } :root {
7
+ } :root {
6
8
 
7
9
  /* Hard */
8
10
 
9
11
  /* Up */
10
12
 
11
13
  /* Hard up */
12
- }
13
- :root {
14
+ } :root {
15
+ } :root {
16
+ } :root {
17
+ } :root {
18
+ } :root {
14
19
  --backdrop-visible-background: var(--color-light-bg-overlay);
15
20
  --backdrop-hidden-background: transparent;
16
- }
17
- :root {
21
+ } :root {
18
22
  --drawer-width: 500px;
19
- }
20
- .drawer__component_1ttso {
23
+ } .drawer__component_1tn4c {
21
24
  position: fixed;
22
25
  top: 0;
23
26
  height: 100%;
@@ -25,74 +28,54 @@
25
28
  flex: 1;
26
29
  overflow: auto;
27
30
  will-change: transform;
28
- }
29
- .drawer__rightPlacement_1ttso {
31
+ } .drawer__rightPlacement_1tn4c {
30
32
  right: 0;
31
33
  align-self: flex-end;
32
- }
33
- .drawer__leftPlacement_1ttso {
34
+ } .drawer__leftPlacement_1tn4c {
34
35
  left: 0;
35
36
  align-self: flex-start;
36
- }
37
- .drawer__content_1ttso {
37
+ } .drawer__content_1tn4c {
38
38
  width: 100%;
39
39
  display: flex;
40
40
  flex-direction: column;
41
41
  flex: 1;
42
- }
43
- .drawer__simplebar_1ttso {
42
+ } .drawer__simplebar_1tn4c {
44
43
  height: 100vh;
45
- }
46
- /* enter */
47
- .drawer__enterRight_1ttso {
44
+ } /* enter */ .drawer__enterRight_1tn4c {
48
45
  transform: translateX(100%);
49
- }
50
- .drawer__enterLeft_1ttso {
46
+ } .drawer__enterLeft_1tn4c {
51
47
  transform: translateX(-100%);
52
- }
53
- .drawer__contentEnter_1ttso {
48
+ } .drawer__contentEnter_1tn4c {
54
49
  opacity: 0;
55
- }
56
- .drawer__backdropEnter_1ttso {
50
+ } .drawer__backdropEnter_1tn4c {
57
51
  background-color: var(--backdrop-hidden-background);
58
- }
59
- .drawer__enterActive_1ttso {
52
+ } .drawer__enterActive_1tn4c {
60
53
  transition: transform 0.3s ease-in-out;
61
54
  transform: translateX(0);
62
- }
63
- .drawer__backdropEnterActive_1ttso,
64
- .drawer__backdropEnterDone_1ttso {
55
+ } .drawer__backdropEnterActive_1tn4c,
56
+ .drawer__backdropEnterDone_1tn4c {
65
57
  transition: background 0.3s ease-in-out;
66
58
  background-color: var(--backdrop-visible-background);
67
- }
68
- .drawer__contentEnterActive_1ttso {
59
+ } .drawer__contentEnterActive_1tn4c {
69
60
  transition: opacity 0.2s ease-in-out 0.3s;
70
61
  opacity: 1;
71
- }
72
- /* exit */
73
- .drawer__exit_1ttso {
62
+ } /* exit */ .drawer__exit_1tn4c {
74
63
  transform: translateX(0);
75
- }
76
- .drawer__backdropExit_1ttso {
64
+ } .drawer__backdropExit_1tn4c {
77
65
  background-color: var(--backdrop-visible-background);
78
- }
79
- .drawer__contentExit_1ttso {
66
+ } .drawer__contentExit_1tn4c {
80
67
  opacity: 1;
81
- }
82
- .drawer__exitActiveRight_1ttso {
68
+ } .drawer__exitActiveRight_1tn4c {
83
69
  transition: transform 0.25s ease-in-out 0.1s;
84
70
  transform: translateX(100%);
85
- }
86
- .drawer__exitActiveLeft_1ttso {
71
+ } .drawer__exitActiveLeft_1tn4c {
87
72
  transition: transform 0.25s ease-in-out 0.1s;
88
73
  transform: translateX(-100%);
89
- }
90
- .drawer__backdropExitActive_1ttso,
91
- .drawer__backdropExitDone_1ttso {
74
+ } .drawer__backdropExitActive_1tn4c,
75
+ .drawer__backdropExitDone_1tn4c {
92
76
  transition: background 0.25s ease-in-out 0.1s;
93
77
  background-color: var(--backdrop-hidden-background);
94
- }
95
- .drawer__contentExitActive_1ttso {
78
+ } .drawer__contentExitActive_1tn4c {
96
79
  opacity: 0;
97
80
  transition: opacity 0.12s ease-in-out;
98
81
  }
package/index.css CHANGED
@@ -1,23 +1,26 @@
1
- /* hash: r5g1g */
1
+ /* hash: 1esc9 */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
4
- }
5
- :root {
5
+ } :root {
6
+ } :root {
7
+ } :root {
6
8
 
7
9
  /* Hard */
8
10
 
9
11
  /* Up */
10
12
 
11
13
  /* Hard up */
12
- }
13
- :root {
14
+ } :root {
15
+ } :root {
16
+ } :root {
17
+ } :root {
18
+ } :root {
14
19
  --backdrop-visible-background: var(--color-light-bg-overlay);
15
20
  --backdrop-hidden-background: transparent;
16
- }
17
- :root {
21
+ } :root {
18
22
  --drawer-width: 500px;
19
- }
20
- .drawer__component_1ttso {
23
+ } .drawer__component_1tn4c {
21
24
  position: fixed;
22
25
  top: 0;
23
26
  height: 100%;
@@ -25,74 +28,54 @@
25
28
  flex: 1;
26
29
  overflow: auto;
27
30
  will-change: transform;
28
- }
29
- .drawer__rightPlacement_1ttso {
31
+ } .drawer__rightPlacement_1tn4c {
30
32
  right: 0;
31
33
  align-self: flex-end;
32
- }
33
- .drawer__leftPlacement_1ttso {
34
+ } .drawer__leftPlacement_1tn4c {
34
35
  left: 0;
35
36
  align-self: flex-start;
36
- }
37
- .drawer__content_1ttso {
37
+ } .drawer__content_1tn4c {
38
38
  width: 100%;
39
39
  display: flex;
40
40
  flex-direction: column;
41
41
  flex: 1;
42
- }
43
- .drawer__simplebar_1ttso {
42
+ } .drawer__simplebar_1tn4c {
44
43
  height: 100vh;
45
- }
46
- /* enter */
47
- .drawer__enterRight_1ttso {
44
+ } /* enter */ .drawer__enterRight_1tn4c {
48
45
  transform: translateX(100%);
49
- }
50
- .drawer__enterLeft_1ttso {
46
+ } .drawer__enterLeft_1tn4c {
51
47
  transform: translateX(-100%);
52
- }
53
- .drawer__contentEnter_1ttso {
48
+ } .drawer__contentEnter_1tn4c {
54
49
  opacity: 0;
55
- }
56
- .drawer__backdropEnter_1ttso {
50
+ } .drawer__backdropEnter_1tn4c {
57
51
  background-color: var(--backdrop-hidden-background);
58
- }
59
- .drawer__enterActive_1ttso {
52
+ } .drawer__enterActive_1tn4c {
60
53
  transition: transform 0.3s ease-in-out;
61
54
  transform: translateX(0);
62
- }
63
- .drawer__backdropEnterActive_1ttso,
64
- .drawer__backdropEnterDone_1ttso {
55
+ } .drawer__backdropEnterActive_1tn4c,
56
+ .drawer__backdropEnterDone_1tn4c {
65
57
  transition: background 0.3s ease-in-out;
66
58
  background-color: var(--backdrop-visible-background);
67
- }
68
- .drawer__contentEnterActive_1ttso {
59
+ } .drawer__contentEnterActive_1tn4c {
69
60
  transition: opacity 0.2s ease-in-out 0.3s;
70
61
  opacity: 1;
71
- }
72
- /* exit */
73
- .drawer__exit_1ttso {
62
+ } /* exit */ .drawer__exit_1tn4c {
74
63
  transform: translateX(0);
75
- }
76
- .drawer__backdropExit_1ttso {
64
+ } .drawer__backdropExit_1tn4c {
77
65
  background-color: var(--backdrop-visible-background);
78
- }
79
- .drawer__contentExit_1ttso {
66
+ } .drawer__contentExit_1tn4c {
80
67
  opacity: 1;
81
- }
82
- .drawer__exitActiveRight_1ttso {
68
+ } .drawer__exitActiveRight_1tn4c {
83
69
  transition: transform 0.25s ease-in-out 0.1s;
84
70
  transform: translateX(100%);
85
- }
86
- .drawer__exitActiveLeft_1ttso {
71
+ } .drawer__exitActiveLeft_1tn4c {
87
72
  transition: transform 0.25s ease-in-out 0.1s;
88
73
  transform: translateX(-100%);
89
- }
90
- .drawer__backdropExitActive_1ttso,
91
- .drawer__backdropExitDone_1ttso {
74
+ } .drawer__backdropExitActive_1tn4c,
75
+ .drawer__backdropExitDone_1tn4c {
92
76
  transition: background 0.25s ease-in-out 0.1s;
93
77
  background-color: var(--backdrop-hidden-background);
94
- }
95
- .drawer__contentExitActive_1ttso {
78
+ } .drawer__contentExitActive_1tn4c {
96
79
  opacity: 0;
97
80
  transition: opacity 0.12s ease-in-out;
98
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_1ttso","rightPlacement":"drawer__rightPlacement_1ttso","leftPlacement":"drawer__leftPlacement_1ttso","content":"drawer__content_1ttso","simplebar":"drawer__simplebar_1ttso","enterRight":"drawer__enterRight_1ttso","enterLeft":"drawer__enterLeft_1ttso","contentEnter":"drawer__contentEnter_1ttso","backdropEnter":"drawer__backdropEnter_1ttso","enterActive":"drawer__enterActive_1ttso","backdropEnterActive":"drawer__backdropEnterActive_1ttso","backdropEnterDone":"drawer__backdropEnterDone_1ttso","contentEnterActive":"drawer__contentEnterActive_1ttso","exit":"drawer__exit_1ttso","backdropExit":"drawer__backdropExit_1ttso","contentExit":"drawer__contentExit_1ttso","exitActiveRight":"drawer__exitActiveRight_1ttso","exitActiveLeft":"drawer__exitActiveLeft_1ttso","backdropExitActive":"drawer__backdropExitActive_1ttso","backdropExitDone":"drawer__backdropExitDone_1ttso","contentExitActive":"drawer__contentExitActive_1ttso"};
7
+ const styles = {"component":"drawer__component_1tn4c","rightPlacement":"drawer__rightPlacement_1tn4c","leftPlacement":"drawer__leftPlacement_1tn4c","content":"drawer__content_1tn4c","simplebar":"drawer__simplebar_1tn4c","enterRight":"drawer__enterRight_1tn4c","enterLeft":"drawer__enterLeft_1tn4c","contentEnter":"drawer__contentEnter_1tn4c","backdropEnter":"drawer__backdropEnter_1tn4c","enterActive":"drawer__enterActive_1tn4c","backdropEnterActive":"drawer__backdropEnterActive_1tn4c","backdropEnterDone":"drawer__backdropEnterDone_1tn4c","contentEnterActive":"drawer__contentEnterActive_1tn4c","exit":"drawer__exit_1tn4c","backdropExit":"drawer__backdropExit_1tn4c","contentExit":"drawer__contentExit_1tn4c","exitActiveRight":"drawer__exitActiveRight_1tn4c","exitActiveLeft":"drawer__exitActiveLeft_1tn4c","backdropExitActive":"drawer__backdropExitActive_1tn4c","backdropExitDone":"drawer__backdropExitDone_1tn4c","contentExitActive":"drawer__contentExitActive_1tn4c"};
8
8
  require('./index.css')
9
9
 
10
10
  const ANIMATION_DURATION = 600;
package/modern/index.css CHANGED
@@ -1,23 +1,26 @@
1
- /* hash: r5g1g */
1
+ /* hash: 1esc9 */
2
2
  :root {
3
+ } /* deprecated */ :root {
3
4
  --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
4
- }
5
- :root {
5
+ } :root {
6
+ } :root {
7
+ } :root {
6
8
 
7
9
  /* Hard */
8
10
 
9
11
  /* Up */
10
12
 
11
13
  /* Hard up */
12
- }
13
- :root {
14
+ } :root {
15
+ } :root {
16
+ } :root {
17
+ } :root {
18
+ } :root {
14
19
  --backdrop-visible-background: var(--color-light-bg-overlay);
15
20
  --backdrop-hidden-background: transparent;
16
- }
17
- :root {
21
+ } :root {
18
22
  --drawer-width: 500px;
19
- }
20
- .drawer__component_1ttso {
23
+ } .drawer__component_1tn4c {
21
24
  position: fixed;
22
25
  top: 0;
23
26
  height: 100%;
@@ -25,74 +28,54 @@
25
28
  flex: 1;
26
29
  overflow: auto;
27
30
  will-change: transform;
28
- }
29
- .drawer__rightPlacement_1ttso {
31
+ } .drawer__rightPlacement_1tn4c {
30
32
  right: 0;
31
33
  align-self: flex-end;
32
- }
33
- .drawer__leftPlacement_1ttso {
34
+ } .drawer__leftPlacement_1tn4c {
34
35
  left: 0;
35
36
  align-self: flex-start;
36
- }
37
- .drawer__content_1ttso {
37
+ } .drawer__content_1tn4c {
38
38
  width: 100%;
39
39
  display: flex;
40
40
  flex-direction: column;
41
41
  flex: 1;
42
- }
43
- .drawer__simplebar_1ttso {
42
+ } .drawer__simplebar_1tn4c {
44
43
  height: 100vh;
45
- }
46
- /* enter */
47
- .drawer__enterRight_1ttso {
44
+ } /* enter */ .drawer__enterRight_1tn4c {
48
45
  transform: translateX(100%);
49
- }
50
- .drawer__enterLeft_1ttso {
46
+ } .drawer__enterLeft_1tn4c {
51
47
  transform: translateX(-100%);
52
- }
53
- .drawer__contentEnter_1ttso {
48
+ } .drawer__contentEnter_1tn4c {
54
49
  opacity: 0;
55
- }
56
- .drawer__backdropEnter_1ttso {
50
+ } .drawer__backdropEnter_1tn4c {
57
51
  background-color: var(--backdrop-hidden-background);
58
- }
59
- .drawer__enterActive_1ttso {
52
+ } .drawer__enterActive_1tn4c {
60
53
  transition: transform 0.3s ease-in-out;
61
54
  transform: translateX(0);
62
- }
63
- .drawer__backdropEnterActive_1ttso,
64
- .drawer__backdropEnterDone_1ttso {
55
+ } .drawer__backdropEnterActive_1tn4c,
56
+ .drawer__backdropEnterDone_1tn4c {
65
57
  transition: background 0.3s ease-in-out;
66
58
  background-color: var(--backdrop-visible-background);
67
- }
68
- .drawer__contentEnterActive_1ttso {
59
+ } .drawer__contentEnterActive_1tn4c {
69
60
  transition: opacity 0.2s ease-in-out 0.3s;
70
61
  opacity: 1;
71
- }
72
- /* exit */
73
- .drawer__exit_1ttso {
62
+ } /* exit */ .drawer__exit_1tn4c {
74
63
  transform: translateX(0);
75
- }
76
- .drawer__backdropExit_1ttso {
64
+ } .drawer__backdropExit_1tn4c {
77
65
  background-color: var(--backdrop-visible-background);
78
- }
79
- .drawer__contentExit_1ttso {
66
+ } .drawer__contentExit_1tn4c {
80
67
  opacity: 1;
81
- }
82
- .drawer__exitActiveRight_1ttso {
68
+ } .drawer__exitActiveRight_1tn4c {
83
69
  transition: transform 0.25s ease-in-out 0.1s;
84
70
  transform: translateX(100%);
85
- }
86
- .drawer__exitActiveLeft_1ttso {
71
+ } .drawer__exitActiveLeft_1tn4c {
87
72
  transition: transform 0.25s ease-in-out 0.1s;
88
73
  transform: translateX(-100%);
89
- }
90
- .drawer__backdropExitActive_1ttso,
91
- .drawer__backdropExitDone_1ttso {
74
+ } .drawer__backdropExitActive_1tn4c,
75
+ .drawer__backdropExitDone_1tn4c {
92
76
  transition: background 0.25s ease-in-out 0.1s;
93
77
  background-color: var(--backdrop-hidden-background);
94
- }
95
- .drawer__contentExitActive_1ttso {
78
+ } .drawer__contentExitActive_1tn4c {
96
79
  opacity: 0;
97
80
  transition: opacity 0.12s ease-in-out;
98
81
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-drawer",
3
- "version": "4.2.2",
3
+ "version": "4.2.3",
4
4
  "description": "Drawer component",
5
5
  "gitHead": "f054fef20200664c65e2501ef1f916c555cdf05d",
6
6
  "keywords": [],
@@ -19,7 +19,7 @@
19
19
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
20
20
  },
21
21
  "dependencies": {
22
- "@alfalab/core-components-base-modal": "^5.0.7",
22
+ "@alfalab/core-components-base-modal": "^5.0.8",
23
23
  "@alfalab/core-components-scrollbar": "^2.1.2",
24
24
  "classnames": "^2.3.1"
25
25
  }