@alfalab/core-components-drawer 6.0.2 → 6.0.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 (7) hide show
  1. package/esm/index.css +34 -34
  2. package/esm/index.module.css.js +1 -1
  3. package/index.css +34 -34
  4. package/index.module.css.js +1 -1
  5. package/modern/index.css +34 -34
  6. package/modern/index.module.css.js +1 -1
  7. package/package.json +2 -2
package/esm/index.css CHANGED
@@ -12,97 +12,97 @@
12
12
  --backdrop-hidden-background: transparent;
13
13
  } :root {
14
14
  --drawer-width: 500px;
15
- } .drawer__component_wic2g {
15
+ } .drawer__component_dgcd7 {
16
16
  top: var(--gap-0);
17
17
  height: 100%;
18
18
  width: var(--drawer-width);
19
19
  flex: 1;
20
20
  overflow: auto;
21
21
  will-change: transform;
22
- } .drawer__component_wic2g.drawer__component_wic2g {
22
+ } .drawer__component_dgcd7.drawer__component_dgcd7 {
23
23
  position: fixed;
24
- } .drawer__customScrollbar_wic2g {
24
+ } .drawer__customScrollbar_dgcd7 {
25
25
  overflow: auto;
26
26
  cursor: auto;
27
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar {
27
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar {
28
28
  width: 12px;
29
29
  height: 12px;
30
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-track {
30
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-track {
31
31
  background-color: transparent;
32
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-track-piece {
32
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-track-piece {
33
33
  background-color: transparent;
34
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-thumb {
34
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-thumb {
35
35
  background-color: var(--color-light-neutral-translucent-500);
36
36
  border-color: transparent;
37
37
  border-style: solid;
38
38
  border-width: 4px;
39
39
  background-clip: padding-box;
40
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-thumb:vertical {
40
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-thumb:vertical {
41
41
  border-radius: var(--border-radius-circle) / var(--border-radius-6);
42
42
  min-height: 40px;
43
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-thumb:vertical:hover {
43
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-thumb:vertical:hover {
44
44
  border-radius: var(--border-radius-circle) / 7px;
45
45
  border-width: 4px 3px;
46
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-thumb:horizontal {
46
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-thumb:horizontal {
47
47
  border-radius: var(--border-radius-6) / var(--border-radius-circle);
48
48
  min-width: 40px;
49
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-thumb:horizontal:hover {
49
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-thumb:horizontal:hover {
50
50
  border-radius: 7px / var(--border-radius-circle);
51
51
  border-width: 3px 4px;
52
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-thumb:active {
52
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-thumb:active {
53
53
  background-color: var(--color-light-text-secondary);
54
- } .drawer__customScrollbar_wic2g::-webkit-resizer {
54
+ } .drawer__customScrollbar_dgcd7::-webkit-resizer {
55
55
  background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="%2386868a" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.64645 0.646447C8.84171 0.841709 8.84171 1.15829 8.64645 1.35355L1.35355 8.64645C1.15829 8.84171 0.841709 8.84171 0.646447 8.64645C0.451184 8.45118 0.451184 8.1346 0.646447 7.93934L7.93934 0.646447C8.1346 0.451184 8.45118 0.451184 8.64645 0.646447ZM8.64645 3.64645C8.84171 3.84171 8.84171 4.15829 8.64645 4.35355L4.35355 8.64645C4.15829 8.84171 3.84171 8.84171 3.64645 8.64645C3.45118 8.45118 3.45118 8.1346 3.64645 7.93934L7.93934 3.64645C8.1346 3.45118 8.45118 3.45118 8.64645 3.64645Z" /></svg>')
56
56
  no-repeat right bottom;
57
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-button,
58
- .drawer__customScrollbar_wic2g::-webkit-scrollbar-corner {
57
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-button,
58
+ .drawer__customScrollbar_dgcd7::-webkit-scrollbar-corner {
59
59
  display: none;
60
- } .drawer__rightPlacement_wic2g {
60
+ } .drawer__rightPlacement_dgcd7 {
61
61
  right: var(--gap-0);
62
62
  align-self: flex-end;
63
- } .drawer__leftPlacement_wic2g {
63
+ } .drawer__leftPlacement_dgcd7 {
64
64
  left: var(--gap-0);
65
65
  align-self: flex-start;
66
- } .drawer__content_wic2g {
66
+ } .drawer__content_dgcd7 {
67
67
  width: 100%;
68
68
  display: flex;
69
69
  flex-direction: column;
70
70
  flex: 1;
71
- } .drawer__enterRight_wic2g {
71
+ } .drawer__enterRight_dgcd7 {
72
72
  transform: translateX(100%);
73
- } .drawer__enterLeft_wic2g {
73
+ } .drawer__enterLeft_dgcd7 {
74
74
  transform: translateX(-100%);
75
- } .drawer__contentEnter_wic2g {
75
+ } .drawer__contentEnter_dgcd7 {
76
76
  opacity: 0;
77
- } .drawer__backdropEnter_wic2g {
77
+ } .drawer__backdropEnter_dgcd7 {
78
78
  background-color: var(--backdrop-hidden-background);
79
- } .drawer__enterActive_wic2g {
79
+ } .drawer__enterActive_dgcd7 {
80
80
  transition: transform 0.3s ease-in-out;
81
81
  transform: translateX(0);
82
- } .drawer__backdropEnterActive_wic2g,
83
- .drawer__backdropEnterDone_wic2g {
82
+ } .drawer__backdropEnterActive_dgcd7,
83
+ .drawer__backdropEnterDone_dgcd7 {
84
84
  transition: background 0.3s ease-in-out;
85
85
  background-color: var(--backdrop-visible-background);
86
- } .drawer__contentEnterActive_wic2g {
86
+ } .drawer__contentEnterActive_dgcd7 {
87
87
  transition: opacity 0.2s ease-in-out 0.3s;
88
88
  opacity: 1;
89
- } .drawer__exit_wic2g {
89
+ } .drawer__exit_dgcd7 {
90
90
  transform: translateX(0);
91
- } .drawer__backdropExit_wic2g {
91
+ } .drawer__backdropExit_dgcd7 {
92
92
  background-color: var(--backdrop-visible-background);
93
- } .drawer__contentExit_wic2g {
93
+ } .drawer__contentExit_dgcd7 {
94
94
  opacity: 1;
95
- } .drawer__exitActiveRight_wic2g {
95
+ } .drawer__exitActiveRight_dgcd7 {
96
96
  transition: transform 0.25s ease-in-out 0.1s;
97
97
  transform: translateX(100%);
98
- } .drawer__exitActiveLeft_wic2g {
98
+ } .drawer__exitActiveLeft_dgcd7 {
99
99
  transition: transform 0.25s ease-in-out 0.1s;
100
100
  transform: translateX(-100%);
101
- } .drawer__backdropExitActive_wic2g,
102
- .drawer__backdropExitDone_wic2g {
101
+ } .drawer__backdropExitActive_dgcd7,
102
+ .drawer__backdropExitDone_dgcd7 {
103
103
  transition: background 0.25s ease-in-out 0.1s;
104
104
  background-color: var(--backdrop-hidden-background);
105
- } .drawer__contentExitActive_wic2g {
105
+ } .drawer__contentExitActive_dgcd7 {
106
106
  opacity: 0;
107
107
  transition: opacity 0.12s ease-in-out;
108
108
  }
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"drawer__component_wic2g","customScrollbar":"drawer__customScrollbar_wic2g","rightPlacement":"drawer__rightPlacement_wic2g","leftPlacement":"drawer__leftPlacement_wic2g","content":"drawer__content_wic2g","enterRight":"drawer__enterRight_wic2g","enterLeft":"drawer__enterLeft_wic2g","contentEnter":"drawer__contentEnter_wic2g","backdropEnter":"drawer__backdropEnter_wic2g","enterActive":"drawer__enterActive_wic2g","backdropEnterActive":"drawer__backdropEnterActive_wic2g","backdropEnterDone":"drawer__backdropEnterDone_wic2g","contentEnterActive":"drawer__contentEnterActive_wic2g","exit":"drawer__exit_wic2g","backdropExit":"drawer__backdropExit_wic2g","contentExit":"drawer__contentExit_wic2g","exitActiveRight":"drawer__exitActiveRight_wic2g","exitActiveLeft":"drawer__exitActiveLeft_wic2g","backdropExitActive":"drawer__backdropExitActive_wic2g","backdropExitDone":"drawer__backdropExitDone_wic2g","contentExitActive":"drawer__contentExitActive_wic2g"};
3
+ var styles = {"component":"drawer__component_dgcd7","customScrollbar":"drawer__customScrollbar_dgcd7","rightPlacement":"drawer__rightPlacement_dgcd7","leftPlacement":"drawer__leftPlacement_dgcd7","content":"drawer__content_dgcd7","enterRight":"drawer__enterRight_dgcd7","enterLeft":"drawer__enterLeft_dgcd7","contentEnter":"drawer__contentEnter_dgcd7","backdropEnter":"drawer__backdropEnter_dgcd7","enterActive":"drawer__enterActive_dgcd7","backdropEnterActive":"drawer__backdropEnterActive_dgcd7","backdropEnterDone":"drawer__backdropEnterDone_dgcd7","contentEnterActive":"drawer__contentEnterActive_dgcd7","exit":"drawer__exit_dgcd7","backdropExit":"drawer__backdropExit_dgcd7","contentExit":"drawer__contentExit_dgcd7","exitActiveRight":"drawer__exitActiveRight_dgcd7","exitActiveLeft":"drawer__exitActiveLeft_dgcd7","backdropExitActive":"drawer__backdropExitActive_dgcd7","backdropExitDone":"drawer__backdropExitDone_dgcd7","contentExitActive":"drawer__contentExitActive_dgcd7"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -12,97 +12,97 @@
12
12
  --backdrop-hidden-background: transparent;
13
13
  } :root {
14
14
  --drawer-width: 500px;
15
- } .drawer__component_wic2g {
15
+ } .drawer__component_dgcd7 {
16
16
  top: var(--gap-0);
17
17
  height: 100%;
18
18
  width: var(--drawer-width);
19
19
  flex: 1;
20
20
  overflow: auto;
21
21
  will-change: transform;
22
- } .drawer__component_wic2g.drawer__component_wic2g {
22
+ } .drawer__component_dgcd7.drawer__component_dgcd7 {
23
23
  position: fixed;
24
- } .drawer__customScrollbar_wic2g {
24
+ } .drawer__customScrollbar_dgcd7 {
25
25
  overflow: auto;
26
26
  cursor: auto;
27
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar {
27
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar {
28
28
  width: 12px;
29
29
  height: 12px;
30
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-track {
30
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-track {
31
31
  background-color: transparent;
32
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-track-piece {
32
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-track-piece {
33
33
  background-color: transparent;
34
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-thumb {
34
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-thumb {
35
35
  background-color: var(--color-light-neutral-translucent-500);
36
36
  border-color: transparent;
37
37
  border-style: solid;
38
38
  border-width: 4px;
39
39
  background-clip: padding-box;
40
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-thumb:vertical {
40
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-thumb:vertical {
41
41
  border-radius: var(--border-radius-circle) / var(--border-radius-6);
42
42
  min-height: 40px;
43
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-thumb:vertical:hover {
43
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-thumb:vertical:hover {
44
44
  border-radius: var(--border-radius-circle) / 7px;
45
45
  border-width: 4px 3px;
46
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-thumb:horizontal {
46
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-thumb:horizontal {
47
47
  border-radius: var(--border-radius-6) / var(--border-radius-circle);
48
48
  min-width: 40px;
49
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-thumb:horizontal:hover {
49
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-thumb:horizontal:hover {
50
50
  border-radius: 7px / var(--border-radius-circle);
51
51
  border-width: 3px 4px;
52
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-thumb:active {
52
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-thumb:active {
53
53
  background-color: var(--color-light-text-secondary);
54
- } .drawer__customScrollbar_wic2g::-webkit-resizer {
54
+ } .drawer__customScrollbar_dgcd7::-webkit-resizer {
55
55
  background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="%2386868a" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.64645 0.646447C8.84171 0.841709 8.84171 1.15829 8.64645 1.35355L1.35355 8.64645C1.15829 8.84171 0.841709 8.84171 0.646447 8.64645C0.451184 8.45118 0.451184 8.1346 0.646447 7.93934L7.93934 0.646447C8.1346 0.451184 8.45118 0.451184 8.64645 0.646447ZM8.64645 3.64645C8.84171 3.84171 8.84171 4.15829 8.64645 4.35355L4.35355 8.64645C4.15829 8.84171 3.84171 8.84171 3.64645 8.64645C3.45118 8.45118 3.45118 8.1346 3.64645 7.93934L7.93934 3.64645C8.1346 3.45118 8.45118 3.45118 8.64645 3.64645Z" /></svg>')
56
56
  no-repeat right bottom;
57
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-button,
58
- .drawer__customScrollbar_wic2g::-webkit-scrollbar-corner {
57
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-button,
58
+ .drawer__customScrollbar_dgcd7::-webkit-scrollbar-corner {
59
59
  display: none;
60
- } .drawer__rightPlacement_wic2g {
60
+ } .drawer__rightPlacement_dgcd7 {
61
61
  right: var(--gap-0);
62
62
  align-self: flex-end;
63
- } .drawer__leftPlacement_wic2g {
63
+ } .drawer__leftPlacement_dgcd7 {
64
64
  left: var(--gap-0);
65
65
  align-self: flex-start;
66
- } .drawer__content_wic2g {
66
+ } .drawer__content_dgcd7 {
67
67
  width: 100%;
68
68
  display: flex;
69
69
  flex-direction: column;
70
70
  flex: 1;
71
- } .drawer__enterRight_wic2g {
71
+ } .drawer__enterRight_dgcd7 {
72
72
  transform: translateX(100%);
73
- } .drawer__enterLeft_wic2g {
73
+ } .drawer__enterLeft_dgcd7 {
74
74
  transform: translateX(-100%);
75
- } .drawer__contentEnter_wic2g {
75
+ } .drawer__contentEnter_dgcd7 {
76
76
  opacity: 0;
77
- } .drawer__backdropEnter_wic2g {
77
+ } .drawer__backdropEnter_dgcd7 {
78
78
  background-color: var(--backdrop-hidden-background);
79
- } .drawer__enterActive_wic2g {
79
+ } .drawer__enterActive_dgcd7 {
80
80
  transition: transform 0.3s ease-in-out;
81
81
  transform: translateX(0);
82
- } .drawer__backdropEnterActive_wic2g,
83
- .drawer__backdropEnterDone_wic2g {
82
+ } .drawer__backdropEnterActive_dgcd7,
83
+ .drawer__backdropEnterDone_dgcd7 {
84
84
  transition: background 0.3s ease-in-out;
85
85
  background-color: var(--backdrop-visible-background);
86
- } .drawer__contentEnterActive_wic2g {
86
+ } .drawer__contentEnterActive_dgcd7 {
87
87
  transition: opacity 0.2s ease-in-out 0.3s;
88
88
  opacity: 1;
89
- } .drawer__exit_wic2g {
89
+ } .drawer__exit_dgcd7 {
90
90
  transform: translateX(0);
91
- } .drawer__backdropExit_wic2g {
91
+ } .drawer__backdropExit_dgcd7 {
92
92
  background-color: var(--backdrop-visible-background);
93
- } .drawer__contentExit_wic2g {
93
+ } .drawer__contentExit_dgcd7 {
94
94
  opacity: 1;
95
- } .drawer__exitActiveRight_wic2g {
95
+ } .drawer__exitActiveRight_dgcd7 {
96
96
  transition: transform 0.25s ease-in-out 0.1s;
97
97
  transform: translateX(100%);
98
- } .drawer__exitActiveLeft_wic2g {
98
+ } .drawer__exitActiveLeft_dgcd7 {
99
99
  transition: transform 0.25s ease-in-out 0.1s;
100
100
  transform: translateX(-100%);
101
- } .drawer__backdropExitActive_wic2g,
102
- .drawer__backdropExitDone_wic2g {
101
+ } .drawer__backdropExitActive_dgcd7,
102
+ .drawer__backdropExitDone_dgcd7 {
103
103
  transition: background 0.25s ease-in-out 0.1s;
104
104
  background-color: var(--backdrop-hidden-background);
105
- } .drawer__contentExitActive_wic2g {
105
+ } .drawer__contentExitActive_dgcd7 {
106
106
  opacity: 0;
107
107
  transition: opacity 0.12s ease-in-out;
108
108
  }
package/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"drawer__component_wic2g","customScrollbar":"drawer__customScrollbar_wic2g","rightPlacement":"drawer__rightPlacement_wic2g","leftPlacement":"drawer__leftPlacement_wic2g","content":"drawer__content_wic2g","enterRight":"drawer__enterRight_wic2g","enterLeft":"drawer__enterLeft_wic2g","contentEnter":"drawer__contentEnter_wic2g","backdropEnter":"drawer__backdropEnter_wic2g","enterActive":"drawer__enterActive_wic2g","backdropEnterActive":"drawer__backdropEnterActive_wic2g","backdropEnterDone":"drawer__backdropEnterDone_wic2g","contentEnterActive":"drawer__contentEnterActive_wic2g","exit":"drawer__exit_wic2g","backdropExit":"drawer__backdropExit_wic2g","contentExit":"drawer__contentExit_wic2g","exitActiveRight":"drawer__exitActiveRight_wic2g","exitActiveLeft":"drawer__exitActiveLeft_wic2g","backdropExitActive":"drawer__backdropExitActive_wic2g","backdropExitDone":"drawer__backdropExitDone_wic2g","contentExitActive":"drawer__contentExitActive_wic2g"};
5
+ var styles = {"component":"drawer__component_dgcd7","customScrollbar":"drawer__customScrollbar_dgcd7","rightPlacement":"drawer__rightPlacement_dgcd7","leftPlacement":"drawer__leftPlacement_dgcd7","content":"drawer__content_dgcd7","enterRight":"drawer__enterRight_dgcd7","enterLeft":"drawer__enterLeft_dgcd7","contentEnter":"drawer__contentEnter_dgcd7","backdropEnter":"drawer__backdropEnter_dgcd7","enterActive":"drawer__enterActive_dgcd7","backdropEnterActive":"drawer__backdropEnterActive_dgcd7","backdropEnterDone":"drawer__backdropEnterDone_dgcd7","contentEnterActive":"drawer__contentEnterActive_dgcd7","exit":"drawer__exit_dgcd7","backdropExit":"drawer__backdropExit_dgcd7","contentExit":"drawer__contentExit_dgcd7","exitActiveRight":"drawer__exitActiveRight_dgcd7","exitActiveLeft":"drawer__exitActiveLeft_dgcd7","backdropExitActive":"drawer__backdropExitActive_dgcd7","backdropExitDone":"drawer__backdropExitDone_dgcd7","contentExitActive":"drawer__contentExitActive_dgcd7"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -12,97 +12,97 @@
12
12
  --backdrop-hidden-background: transparent;
13
13
  } :root {
14
14
  --drawer-width: 500px;
15
- } .drawer__component_wic2g {
15
+ } .drawer__component_dgcd7 {
16
16
  top: var(--gap-0);
17
17
  height: 100%;
18
18
  width: var(--drawer-width);
19
19
  flex: 1;
20
20
  overflow: auto;
21
21
  will-change: transform;
22
- } .drawer__component_wic2g.drawer__component_wic2g {
22
+ } .drawer__component_dgcd7.drawer__component_dgcd7 {
23
23
  position: fixed;
24
- } .drawer__customScrollbar_wic2g {
24
+ } .drawer__customScrollbar_dgcd7 {
25
25
  overflow: auto;
26
26
  cursor: auto;
27
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar {
27
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar {
28
28
  width: 12px;
29
29
  height: 12px;
30
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-track {
30
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-track {
31
31
  background-color: transparent;
32
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-track-piece {
32
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-track-piece {
33
33
  background-color: transparent;
34
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-thumb {
34
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-thumb {
35
35
  background-color: var(--color-light-neutral-translucent-500);
36
36
  border-color: transparent;
37
37
  border-style: solid;
38
38
  border-width: 4px;
39
39
  background-clip: padding-box;
40
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-thumb:vertical {
40
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-thumb:vertical {
41
41
  border-radius: var(--border-radius-circle) / var(--border-radius-6);
42
42
  min-height: 40px;
43
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-thumb:vertical:hover {
43
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-thumb:vertical:hover {
44
44
  border-radius: var(--border-radius-circle) / 7px;
45
45
  border-width: 4px 3px;
46
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-thumb:horizontal {
46
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-thumb:horizontal {
47
47
  border-radius: var(--border-radius-6) / var(--border-radius-circle);
48
48
  min-width: 40px;
49
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-thumb:horizontal:hover {
49
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-thumb:horizontal:hover {
50
50
  border-radius: 7px / var(--border-radius-circle);
51
51
  border-width: 3px 4px;
52
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-thumb:active {
52
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-thumb:active {
53
53
  background-color: var(--color-light-text-secondary);
54
- } .drawer__customScrollbar_wic2g::-webkit-resizer {
54
+ } .drawer__customScrollbar_dgcd7::-webkit-resizer {
55
55
  background: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="%2386868a" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.64645 0.646447C8.84171 0.841709 8.84171 1.15829 8.64645 1.35355L1.35355 8.64645C1.15829 8.84171 0.841709 8.84171 0.646447 8.64645C0.451184 8.45118 0.451184 8.1346 0.646447 7.93934L7.93934 0.646447C8.1346 0.451184 8.45118 0.451184 8.64645 0.646447ZM8.64645 3.64645C8.84171 3.84171 8.84171 4.15829 8.64645 4.35355L4.35355 8.64645C4.15829 8.84171 3.84171 8.84171 3.64645 8.64645C3.45118 8.45118 3.45118 8.1346 3.64645 7.93934L7.93934 3.64645C8.1346 3.45118 8.45118 3.45118 8.64645 3.64645Z" /></svg>')
56
56
  no-repeat right bottom;
57
- } .drawer__customScrollbar_wic2g::-webkit-scrollbar-button,
58
- .drawer__customScrollbar_wic2g::-webkit-scrollbar-corner {
57
+ } .drawer__customScrollbar_dgcd7::-webkit-scrollbar-button,
58
+ .drawer__customScrollbar_dgcd7::-webkit-scrollbar-corner {
59
59
  display: none;
60
- } .drawer__rightPlacement_wic2g {
60
+ } .drawer__rightPlacement_dgcd7 {
61
61
  right: var(--gap-0);
62
62
  align-self: flex-end;
63
- } .drawer__leftPlacement_wic2g {
63
+ } .drawer__leftPlacement_dgcd7 {
64
64
  left: var(--gap-0);
65
65
  align-self: flex-start;
66
- } .drawer__content_wic2g {
66
+ } .drawer__content_dgcd7 {
67
67
  width: 100%;
68
68
  display: flex;
69
69
  flex-direction: column;
70
70
  flex: 1;
71
- } .drawer__enterRight_wic2g {
71
+ } .drawer__enterRight_dgcd7 {
72
72
  transform: translateX(100%);
73
- } .drawer__enterLeft_wic2g {
73
+ } .drawer__enterLeft_dgcd7 {
74
74
  transform: translateX(-100%);
75
- } .drawer__contentEnter_wic2g {
75
+ } .drawer__contentEnter_dgcd7 {
76
76
  opacity: 0;
77
- } .drawer__backdropEnter_wic2g {
77
+ } .drawer__backdropEnter_dgcd7 {
78
78
  background-color: var(--backdrop-hidden-background);
79
- } .drawer__enterActive_wic2g {
79
+ } .drawer__enterActive_dgcd7 {
80
80
  transition: transform 0.3s ease-in-out;
81
81
  transform: translateX(0);
82
- } .drawer__backdropEnterActive_wic2g,
83
- .drawer__backdropEnterDone_wic2g {
82
+ } .drawer__backdropEnterActive_dgcd7,
83
+ .drawer__backdropEnterDone_dgcd7 {
84
84
  transition: background 0.3s ease-in-out;
85
85
  background-color: var(--backdrop-visible-background);
86
- } .drawer__contentEnterActive_wic2g {
86
+ } .drawer__contentEnterActive_dgcd7 {
87
87
  transition: opacity 0.2s ease-in-out 0.3s;
88
88
  opacity: 1;
89
- } .drawer__exit_wic2g {
89
+ } .drawer__exit_dgcd7 {
90
90
  transform: translateX(0);
91
- } .drawer__backdropExit_wic2g {
91
+ } .drawer__backdropExit_dgcd7 {
92
92
  background-color: var(--backdrop-visible-background);
93
- } .drawer__contentExit_wic2g {
93
+ } .drawer__contentExit_dgcd7 {
94
94
  opacity: 1;
95
- } .drawer__exitActiveRight_wic2g {
95
+ } .drawer__exitActiveRight_dgcd7 {
96
96
  transition: transform 0.25s ease-in-out 0.1s;
97
97
  transform: translateX(100%);
98
- } .drawer__exitActiveLeft_wic2g {
98
+ } .drawer__exitActiveLeft_dgcd7 {
99
99
  transition: transform 0.25s ease-in-out 0.1s;
100
100
  transform: translateX(-100%);
101
- } .drawer__backdropExitActive_wic2g,
102
- .drawer__backdropExitDone_wic2g {
101
+ } .drawer__backdropExitActive_dgcd7,
102
+ .drawer__backdropExitDone_dgcd7 {
103
103
  transition: background 0.25s ease-in-out 0.1s;
104
104
  background-color: var(--backdrop-hidden-background);
105
- } .drawer__contentExitActive_wic2g {
105
+ } .drawer__contentExitActive_dgcd7 {
106
106
  opacity: 0;
107
107
  transition: opacity 0.12s ease-in-out;
108
108
  }
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"drawer__component_wic2g","customScrollbar":"drawer__customScrollbar_wic2g","rightPlacement":"drawer__rightPlacement_wic2g","leftPlacement":"drawer__leftPlacement_wic2g","content":"drawer__content_wic2g","enterRight":"drawer__enterRight_wic2g","enterLeft":"drawer__enterLeft_wic2g","contentEnter":"drawer__contentEnter_wic2g","backdropEnter":"drawer__backdropEnter_wic2g","enterActive":"drawer__enterActive_wic2g","backdropEnterActive":"drawer__backdropEnterActive_wic2g","backdropEnterDone":"drawer__backdropEnterDone_wic2g","contentEnterActive":"drawer__contentEnterActive_wic2g","exit":"drawer__exit_wic2g","backdropExit":"drawer__backdropExit_wic2g","contentExit":"drawer__contentExit_wic2g","exitActiveRight":"drawer__exitActiveRight_wic2g","exitActiveLeft":"drawer__exitActiveLeft_wic2g","backdropExitActive":"drawer__backdropExitActive_wic2g","backdropExitDone":"drawer__backdropExitDone_wic2g","contentExitActive":"drawer__contentExitActive_wic2g"};
3
+ const styles = {"component":"drawer__component_dgcd7","customScrollbar":"drawer__customScrollbar_dgcd7","rightPlacement":"drawer__rightPlacement_dgcd7","leftPlacement":"drawer__leftPlacement_dgcd7","content":"drawer__content_dgcd7","enterRight":"drawer__enterRight_dgcd7","enterLeft":"drawer__enterLeft_dgcd7","contentEnter":"drawer__contentEnter_dgcd7","backdropEnter":"drawer__backdropEnter_dgcd7","enterActive":"drawer__enterActive_dgcd7","backdropEnterActive":"drawer__backdropEnterActive_dgcd7","backdropEnterDone":"drawer__backdropEnterDone_dgcd7","contentEnterActive":"drawer__contentEnterActive_dgcd7","exit":"drawer__exit_dgcd7","backdropExit":"drawer__backdropExit_dgcd7","contentExit":"drawer__contentExit_dgcd7","exitActiveRight":"drawer__exitActiveRight_dgcd7","exitActiveLeft":"drawer__exitActiveLeft_dgcd7","backdropExitActive":"drawer__backdropExitActive_dgcd7","backdropExitDone":"drawer__backdropExitDone_dgcd7","contentExitActive":"drawer__contentExitActive_dgcd7"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-drawer",
3
- "version": "6.0.2",
3
+ "version": "6.0.3",
4
4
  "description": "Drawer component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,7 +10,7 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-base-modal": "^6.0.2",
13
+ "@alfalab/core-components-base-modal": "^6.1.0",
14
14
  "classnames": "^2.5.1",
15
15
  "react-transition-group": "^4.4.5",
16
16
  "tslib": "^2.4.0"