@alfalab/core-components-drawer 4.2.0 → 4.2.1

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/esm/Component.js +1 -1
  3. package/esm/index.css +22 -22
  4. package/index.css +22 -22
  5. package/modern/Component.js +1 -1
  6. package/modern/index.css +22 -22
  7. package/package.json +2 -2
  8. package/send-stats.js +1 -1
package/Component.js CHANGED
@@ -52,7 +52,7 @@ function __rest(s, e) {
52
52
  return t;
53
53
  }
54
54
 
55
- var styles = {"component":"drawer__component_1ivv1","rightPlacement":"drawer__rightPlacement_1ivv1","leftPlacement":"drawer__leftPlacement_1ivv1","content":"drawer__content_1ivv1","simplebar":"drawer__simplebar_1ivv1","enterRight":"drawer__enterRight_1ivv1","enterLeft":"drawer__enterLeft_1ivv1","contentEnter":"drawer__contentEnter_1ivv1","backdropEnter":"drawer__backdropEnter_1ivv1","enterActive":"drawer__enterActive_1ivv1","backdropEnterActive":"drawer__backdropEnterActive_1ivv1","backdropEnterDone":"drawer__backdropEnterDone_1ivv1","contentEnterActive":"drawer__contentEnterActive_1ivv1","exit":"drawer__exit_1ivv1","backdropExit":"drawer__backdropExit_1ivv1","contentExit":"drawer__contentExit_1ivv1","exitActiveRight":"drawer__exitActiveRight_1ivv1","exitActiveLeft":"drawer__exitActiveLeft_1ivv1","backdropExitActive":"drawer__backdropExitActive_1ivv1","backdropExitDone":"drawer__backdropExitDone_1ivv1","contentExitActive":"drawer__contentExitActive_1ivv1"};
55
+ var styles = {"component":"drawer__component_1cvyk","rightPlacement":"drawer__rightPlacement_1cvyk","leftPlacement":"drawer__leftPlacement_1cvyk","content":"drawer__content_1cvyk","simplebar":"drawer__simplebar_1cvyk","enterRight":"drawer__enterRight_1cvyk","enterLeft":"drawer__enterLeft_1cvyk","contentEnter":"drawer__contentEnter_1cvyk","backdropEnter":"drawer__backdropEnter_1cvyk","enterActive":"drawer__enterActive_1cvyk","backdropEnterActive":"drawer__backdropEnterActive_1cvyk","backdropEnterDone":"drawer__backdropEnterDone_1cvyk","contentEnterActive":"drawer__contentEnterActive_1cvyk","exit":"drawer__exit_1cvyk","backdropExit":"drawer__backdropExit_1cvyk","contentExit":"drawer__contentExit_1cvyk","exitActiveRight":"drawer__exitActiveRight_1cvyk","exitActiveLeft":"drawer__exitActiveLeft_1cvyk","backdropExitActive":"drawer__backdropExitActive_1cvyk","backdropExitDone":"drawer__backdropExitDone_1cvyk","contentExitActive":"drawer__contentExitActive_1cvyk"};
56
56
  require('./index.css')
57
57
 
58
58
  var ANIMATION_DURATION = 600;
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_1ivv1","rightPlacement":"drawer__rightPlacement_1ivv1","leftPlacement":"drawer__leftPlacement_1ivv1","content":"drawer__content_1ivv1","simplebar":"drawer__simplebar_1ivv1","enterRight":"drawer__enterRight_1ivv1","enterLeft":"drawer__enterLeft_1ivv1","contentEnter":"drawer__contentEnter_1ivv1","backdropEnter":"drawer__backdropEnter_1ivv1","enterActive":"drawer__enterActive_1ivv1","backdropEnterActive":"drawer__backdropEnterActive_1ivv1","backdropEnterDone":"drawer__backdropEnterDone_1ivv1","contentEnterActive":"drawer__contentEnterActive_1ivv1","exit":"drawer__exit_1ivv1","backdropExit":"drawer__backdropExit_1ivv1","contentExit":"drawer__contentExit_1ivv1","exitActiveRight":"drawer__exitActiveRight_1ivv1","exitActiveLeft":"drawer__exitActiveLeft_1ivv1","backdropExitActive":"drawer__backdropExitActive_1ivv1","backdropExitDone":"drawer__backdropExitDone_1ivv1","contentExitActive":"drawer__contentExitActive_1ivv1"};
46
+ var styles = {"component":"drawer__component_1cvyk","rightPlacement":"drawer__rightPlacement_1cvyk","leftPlacement":"drawer__leftPlacement_1cvyk","content":"drawer__content_1cvyk","simplebar":"drawer__simplebar_1cvyk","enterRight":"drawer__enterRight_1cvyk","enterLeft":"drawer__enterLeft_1cvyk","contentEnter":"drawer__contentEnter_1cvyk","backdropEnter":"drawer__backdropEnter_1cvyk","enterActive":"drawer__enterActive_1cvyk","backdropEnterActive":"drawer__backdropEnterActive_1cvyk","backdropEnterDone":"drawer__backdropEnterDone_1cvyk","contentEnterActive":"drawer__contentEnterActive_1cvyk","exit":"drawer__exit_1cvyk","backdropExit":"drawer__backdropExit_1cvyk","contentExit":"drawer__contentExit_1cvyk","exitActiveRight":"drawer__exitActiveRight_1cvyk","exitActiveLeft":"drawer__exitActiveLeft_1cvyk","backdropExitActive":"drawer__backdropExitActive_1cvyk","backdropExitDone":"drawer__backdropExitDone_1cvyk","contentExitActive":"drawer__contentExitActive_1cvyk"};
47
47
  require('./index.css')
48
48
 
49
49
  var ANIMATION_DURATION = 600;
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: npyq5 */
1
+ /* hash: 1a7fq */
2
2
  :root {
3
3
  --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
4
4
  }
@@ -17,7 +17,7 @@
17
17
  :root {
18
18
  --drawer-width: 500px;
19
19
  }
20
- .drawer__component_1ivv1 {
20
+ .drawer__component_1cvyk {
21
21
  position: fixed;
22
22
  top: 0;
23
23
  height: 100%;
@@ -26,73 +26,73 @@
26
26
  overflow: auto;
27
27
  will-change: transform;
28
28
  }
29
- .drawer__rightPlacement_1ivv1 {
29
+ .drawer__rightPlacement_1cvyk {
30
30
  right: 0;
31
31
  align-self: flex-end;
32
32
  }
33
- .drawer__leftPlacement_1ivv1 {
33
+ .drawer__leftPlacement_1cvyk {
34
34
  left: 0;
35
35
  align-self: flex-start;
36
36
  }
37
- .drawer__content_1ivv1 {
37
+ .drawer__content_1cvyk {
38
38
  width: 100%;
39
39
  display: flex;
40
40
  flex-direction: column;
41
41
  flex: 1;
42
42
  }
43
- .drawer__simplebar_1ivv1 {
43
+ .drawer__simplebar_1cvyk {
44
44
  height: 100vh;
45
45
  }
46
46
  /* enter */
47
- .drawer__enterRight_1ivv1 {
47
+ .drawer__enterRight_1cvyk {
48
48
  transform: translateX(100%);
49
49
  }
50
- .drawer__enterLeft_1ivv1 {
50
+ .drawer__enterLeft_1cvyk {
51
51
  transform: translateX(-100%);
52
52
  }
53
- .drawer__contentEnter_1ivv1 {
53
+ .drawer__contentEnter_1cvyk {
54
54
  opacity: 0;
55
55
  }
56
- .drawer__backdropEnter_1ivv1 {
56
+ .drawer__backdropEnter_1cvyk {
57
57
  background-color: var(--backdrop-hidden-background);
58
58
  }
59
- .drawer__enterActive_1ivv1 {
59
+ .drawer__enterActive_1cvyk {
60
60
  transition: transform 0.3s ease-in-out;
61
61
  transform: translateX(0);
62
62
  }
63
- .drawer__backdropEnterActive_1ivv1,
64
- .drawer__backdropEnterDone_1ivv1 {
63
+ .drawer__backdropEnterActive_1cvyk,
64
+ .drawer__backdropEnterDone_1cvyk {
65
65
  transition: background 0.3s ease-in-out;
66
66
  background-color: var(--backdrop-visible-background);
67
67
  }
68
- .drawer__contentEnterActive_1ivv1 {
68
+ .drawer__contentEnterActive_1cvyk {
69
69
  transition: opacity 0.2s ease-in-out 0.3s;
70
70
  opacity: 1;
71
71
  }
72
72
  /* exit */
73
- .drawer__exit_1ivv1 {
73
+ .drawer__exit_1cvyk {
74
74
  transform: translateX(0);
75
75
  }
76
- .drawer__backdropExit_1ivv1 {
76
+ .drawer__backdropExit_1cvyk {
77
77
  background-color: var(--backdrop-visible-background);
78
78
  }
79
- .drawer__contentExit_1ivv1 {
79
+ .drawer__contentExit_1cvyk {
80
80
  opacity: 1;
81
81
  }
82
- .drawer__exitActiveRight_1ivv1 {
82
+ .drawer__exitActiveRight_1cvyk {
83
83
  transition: transform 0.25s ease-in-out 0.1s;
84
84
  transform: translateX(100%);
85
85
  }
86
- .drawer__exitActiveLeft_1ivv1 {
86
+ .drawer__exitActiveLeft_1cvyk {
87
87
  transition: transform 0.25s ease-in-out 0.1s;
88
88
  transform: translateX(-100%);
89
89
  }
90
- .drawer__backdropExitActive_1ivv1,
91
- .drawer__backdropExitDone_1ivv1 {
90
+ .drawer__backdropExitActive_1cvyk,
91
+ .drawer__backdropExitDone_1cvyk {
92
92
  transition: background 0.25s ease-in-out 0.1s;
93
93
  background-color: var(--backdrop-hidden-background);
94
94
  }
95
- .drawer__contentExitActive_1ivv1 {
95
+ .drawer__contentExitActive_1cvyk {
96
96
  opacity: 0;
97
97
  transition: opacity 0.12s ease-in-out;
98
98
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: npyq5 */
1
+ /* hash: 1a7fq */
2
2
  :root {
3
3
  --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
4
4
  }
@@ -17,7 +17,7 @@
17
17
  :root {
18
18
  --drawer-width: 500px;
19
19
  }
20
- .drawer__component_1ivv1 {
20
+ .drawer__component_1cvyk {
21
21
  position: fixed;
22
22
  top: 0;
23
23
  height: 100%;
@@ -26,73 +26,73 @@
26
26
  overflow: auto;
27
27
  will-change: transform;
28
28
  }
29
- .drawer__rightPlacement_1ivv1 {
29
+ .drawer__rightPlacement_1cvyk {
30
30
  right: 0;
31
31
  align-self: flex-end;
32
32
  }
33
- .drawer__leftPlacement_1ivv1 {
33
+ .drawer__leftPlacement_1cvyk {
34
34
  left: 0;
35
35
  align-self: flex-start;
36
36
  }
37
- .drawer__content_1ivv1 {
37
+ .drawer__content_1cvyk {
38
38
  width: 100%;
39
39
  display: flex;
40
40
  flex-direction: column;
41
41
  flex: 1;
42
42
  }
43
- .drawer__simplebar_1ivv1 {
43
+ .drawer__simplebar_1cvyk {
44
44
  height: 100vh;
45
45
  }
46
46
  /* enter */
47
- .drawer__enterRight_1ivv1 {
47
+ .drawer__enterRight_1cvyk {
48
48
  transform: translateX(100%);
49
49
  }
50
- .drawer__enterLeft_1ivv1 {
50
+ .drawer__enterLeft_1cvyk {
51
51
  transform: translateX(-100%);
52
52
  }
53
- .drawer__contentEnter_1ivv1 {
53
+ .drawer__contentEnter_1cvyk {
54
54
  opacity: 0;
55
55
  }
56
- .drawer__backdropEnter_1ivv1 {
56
+ .drawer__backdropEnter_1cvyk {
57
57
  background-color: var(--backdrop-hidden-background);
58
58
  }
59
- .drawer__enterActive_1ivv1 {
59
+ .drawer__enterActive_1cvyk {
60
60
  transition: transform 0.3s ease-in-out;
61
61
  transform: translateX(0);
62
62
  }
63
- .drawer__backdropEnterActive_1ivv1,
64
- .drawer__backdropEnterDone_1ivv1 {
63
+ .drawer__backdropEnterActive_1cvyk,
64
+ .drawer__backdropEnterDone_1cvyk {
65
65
  transition: background 0.3s ease-in-out;
66
66
  background-color: var(--backdrop-visible-background);
67
67
  }
68
- .drawer__contentEnterActive_1ivv1 {
68
+ .drawer__contentEnterActive_1cvyk {
69
69
  transition: opacity 0.2s ease-in-out 0.3s;
70
70
  opacity: 1;
71
71
  }
72
72
  /* exit */
73
- .drawer__exit_1ivv1 {
73
+ .drawer__exit_1cvyk {
74
74
  transform: translateX(0);
75
75
  }
76
- .drawer__backdropExit_1ivv1 {
76
+ .drawer__backdropExit_1cvyk {
77
77
  background-color: var(--backdrop-visible-background);
78
78
  }
79
- .drawer__contentExit_1ivv1 {
79
+ .drawer__contentExit_1cvyk {
80
80
  opacity: 1;
81
81
  }
82
- .drawer__exitActiveRight_1ivv1 {
82
+ .drawer__exitActiveRight_1cvyk {
83
83
  transition: transform 0.25s ease-in-out 0.1s;
84
84
  transform: translateX(100%);
85
85
  }
86
- .drawer__exitActiveLeft_1ivv1 {
86
+ .drawer__exitActiveLeft_1cvyk {
87
87
  transition: transform 0.25s ease-in-out 0.1s;
88
88
  transform: translateX(-100%);
89
89
  }
90
- .drawer__backdropExitActive_1ivv1,
91
- .drawer__backdropExitDone_1ivv1 {
90
+ .drawer__backdropExitActive_1cvyk,
91
+ .drawer__backdropExitDone_1cvyk {
92
92
  transition: background 0.25s ease-in-out 0.1s;
93
93
  background-color: var(--backdrop-hidden-background);
94
94
  }
95
- .drawer__contentExitActive_1ivv1 {
95
+ .drawer__contentExitActive_1cvyk {
96
96
  opacity: 0;
97
97
  transition: opacity 0.12s ease-in-out;
98
98
  }
package/modern/Component.js CHANGED
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { BaseModalContext, BaseModal } from '@alfalab/core-components-base-modal/modern';
5
5
  import { Scrollbar } from '@alfalab/core-components-scrollbar/modern';
6
6
 
7
- var styles = {"component":"drawer__component_1ivv1","rightPlacement":"drawer__rightPlacement_1ivv1","leftPlacement":"drawer__leftPlacement_1ivv1","content":"drawer__content_1ivv1","simplebar":"drawer__simplebar_1ivv1","enterRight":"drawer__enterRight_1ivv1","enterLeft":"drawer__enterLeft_1ivv1","contentEnter":"drawer__contentEnter_1ivv1","backdropEnter":"drawer__backdropEnter_1ivv1","enterActive":"drawer__enterActive_1ivv1","backdropEnterActive":"drawer__backdropEnterActive_1ivv1","backdropEnterDone":"drawer__backdropEnterDone_1ivv1","contentEnterActive":"drawer__contentEnterActive_1ivv1","exit":"drawer__exit_1ivv1","backdropExit":"drawer__backdropExit_1ivv1","contentExit":"drawer__contentExit_1ivv1","exitActiveRight":"drawer__exitActiveRight_1ivv1","exitActiveLeft":"drawer__exitActiveLeft_1ivv1","backdropExitActive":"drawer__backdropExitActive_1ivv1","backdropExitDone":"drawer__backdropExitDone_1ivv1","contentExitActive":"drawer__contentExitActive_1ivv1"};
7
+ var styles = {"component":"drawer__component_1cvyk","rightPlacement":"drawer__rightPlacement_1cvyk","leftPlacement":"drawer__leftPlacement_1cvyk","content":"drawer__content_1cvyk","simplebar":"drawer__simplebar_1cvyk","enterRight":"drawer__enterRight_1cvyk","enterLeft":"drawer__enterLeft_1cvyk","contentEnter":"drawer__contentEnter_1cvyk","backdropEnter":"drawer__backdropEnter_1cvyk","enterActive":"drawer__enterActive_1cvyk","backdropEnterActive":"drawer__backdropEnterActive_1cvyk","backdropEnterDone":"drawer__backdropEnterDone_1cvyk","contentEnterActive":"drawer__contentEnterActive_1cvyk","exit":"drawer__exit_1cvyk","backdropExit":"drawer__backdropExit_1cvyk","contentExit":"drawer__contentExit_1cvyk","exitActiveRight":"drawer__exitActiveRight_1cvyk","exitActiveLeft":"drawer__exitActiveLeft_1cvyk","backdropExitActive":"drawer__backdropExitActive_1cvyk","backdropExitDone":"drawer__backdropExitDone_1cvyk","contentExitActive":"drawer__contentExitActive_1cvyk"};
8
8
  require('./index.css')
9
9
 
10
10
  const ANIMATION_DURATION = 600;
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: npyq5 */
1
+ /* hash: 1a7fq */
2
2
  :root {
3
3
  --color-light-bg-overlay: rgba(0, 0, 0, 0.6);
4
4
  }
@@ -17,7 +17,7 @@
17
17
  :root {
18
18
  --drawer-width: 500px;
19
19
  }
20
- .drawer__component_1ivv1 {
20
+ .drawer__component_1cvyk {
21
21
  position: fixed;
22
22
  top: 0;
23
23
  height: 100%;
@@ -26,73 +26,73 @@
26
26
  overflow: auto;
27
27
  will-change: transform;
28
28
  }
29
- .drawer__rightPlacement_1ivv1 {
29
+ .drawer__rightPlacement_1cvyk {
30
30
  right: 0;
31
31
  align-self: flex-end;
32
32
  }
33
- .drawer__leftPlacement_1ivv1 {
33
+ .drawer__leftPlacement_1cvyk {
34
34
  left: 0;
35
35
  align-self: flex-start;
36
36
  }
37
- .drawer__content_1ivv1 {
37
+ .drawer__content_1cvyk {
38
38
  width: 100%;
39
39
  display: flex;
40
40
  flex-direction: column;
41
41
  flex: 1;
42
42
  }
43
- .drawer__simplebar_1ivv1 {
43
+ .drawer__simplebar_1cvyk {
44
44
  height: 100vh;
45
45
  }
46
46
  /* enter */
47
- .drawer__enterRight_1ivv1 {
47
+ .drawer__enterRight_1cvyk {
48
48
  transform: translateX(100%);
49
49
  }
50
- .drawer__enterLeft_1ivv1 {
50
+ .drawer__enterLeft_1cvyk {
51
51
  transform: translateX(-100%);
52
52
  }
53
- .drawer__contentEnter_1ivv1 {
53
+ .drawer__contentEnter_1cvyk {
54
54
  opacity: 0;
55
55
  }
56
- .drawer__backdropEnter_1ivv1 {
56
+ .drawer__backdropEnter_1cvyk {
57
57
  background-color: var(--backdrop-hidden-background);
58
58
  }
59
- .drawer__enterActive_1ivv1 {
59
+ .drawer__enterActive_1cvyk {
60
60
  transition: transform 0.3s ease-in-out;
61
61
  transform: translateX(0);
62
62
  }
63
- .drawer__backdropEnterActive_1ivv1,
64
- .drawer__backdropEnterDone_1ivv1 {
63
+ .drawer__backdropEnterActive_1cvyk,
64
+ .drawer__backdropEnterDone_1cvyk {
65
65
  transition: background 0.3s ease-in-out;
66
66
  background-color: var(--backdrop-visible-background);
67
67
  }
68
- .drawer__contentEnterActive_1ivv1 {
68
+ .drawer__contentEnterActive_1cvyk {
69
69
  transition: opacity 0.2s ease-in-out 0.3s;
70
70
  opacity: 1;
71
71
  }
72
72
  /* exit */
73
- .drawer__exit_1ivv1 {
73
+ .drawer__exit_1cvyk {
74
74
  transform: translateX(0);
75
75
  }
76
- .drawer__backdropExit_1ivv1 {
76
+ .drawer__backdropExit_1cvyk {
77
77
  background-color: var(--backdrop-visible-background);
78
78
  }
79
- .drawer__contentExit_1ivv1 {
79
+ .drawer__contentExit_1cvyk {
80
80
  opacity: 1;
81
81
  }
82
- .drawer__exitActiveRight_1ivv1 {
82
+ .drawer__exitActiveRight_1cvyk {
83
83
  transition: transform 0.25s ease-in-out 0.1s;
84
84
  transform: translateX(100%);
85
85
  }
86
- .drawer__exitActiveLeft_1ivv1 {
86
+ .drawer__exitActiveLeft_1cvyk {
87
87
  transition: transform 0.25s ease-in-out 0.1s;
88
88
  transform: translateX(-100%);
89
89
  }
90
- .drawer__backdropExitActive_1ivv1,
91
- .drawer__backdropExitDone_1ivv1 {
90
+ .drawer__backdropExitActive_1cvyk,
91
+ .drawer__backdropExitDone_1cvyk {
92
92
  transition: background 0.25s ease-in-out 0.1s;
93
93
  background-color: var(--backdrop-hidden-background);
94
94
  }
95
- .drawer__contentExitActive_1ivv1 {
95
+ .drawer__contentExitActive_1cvyk {
96
96
  opacity: 0;
97
97
  transition: opacity 0.12s ease-in-out;
98
98
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-drawer",
3
- "version": "4.2.0",
3
+ "version": "4.2.1",
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.5",
22
+ "@alfalab/core-components-base-modal": "^5.0.6",
23
23
  "@alfalab/core-components-scrollbar": "^2.1.1",
24
24
  "classnames": "^2.3.1"
25
25
  }
package/send-stats.js CHANGED
@@ -55,7 +55,7 @@ async function main() {
55
55
  };
56
56
 
57
57
  return new Promise((resolve, reject) => {
58
- const req = http.request(options, res => {
58
+ const req = http.request(options, (res) => {
59
59
  res.on('end', () => {
60
60
  resolve();
61
61
  });