@alfalab/core-components-drawer 5.0.14 → 5.0.16

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 +6 -2
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +41 -37
  5. package/index.css +41 -37
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +41 -37
  8. package/package.json +5 -3
package/Component.js CHANGED
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"component":"drawer__component_y564x","customScrollbar":"drawer__customScrollbar_y564x","rightPlacement":"drawer__rightPlacement_y564x","leftPlacement":"drawer__leftPlacement_y564x","content":"drawer__content_y564x","enterRight":"drawer__enterRight_y564x","enterLeft":"drawer__enterLeft_y564x","contentEnter":"drawer__contentEnter_y564x","backdropEnter":"drawer__backdropEnter_y564x","enterActive":"drawer__enterActive_y564x","backdropEnterActive":"drawer__backdropEnterActive_y564x","backdropEnterDone":"drawer__backdropEnterDone_y564x","contentEnterActive":"drawer__contentEnterActive_y564x","exit":"drawer__exit_y564x","backdropExit":"drawer__backdropExit_y564x","contentExit":"drawer__contentExit_y564x","exitActiveRight":"drawer__exitActiveRight_y564x","exitActiveLeft":"drawer__exitActiveLeft_y564x","backdropExitActive":"drawer__backdropExitActive_y564x","backdropExitDone":"drawer__backdropExitDone_y564x","contentExitActive":"drawer__contentExitActive_y564x"};
16
+ var styles = {"component":"drawer__component_w64v1","customScrollbar":"drawer__customScrollbar_w64v1","rightPlacement":"drawer__rightPlacement_w64v1","leftPlacement":"drawer__leftPlacement_w64v1","content":"drawer__content_w64v1","enterRight":"drawer__enterRight_w64v1","enterLeft":"drawer__enterLeft_w64v1","contentEnter":"drawer__contentEnter_w64v1","backdropEnter":"drawer__backdropEnter_w64v1","enterActive":"drawer__enterActive_w64v1","backdropEnterActive":"drawer__backdropEnterActive_w64v1","backdropEnterDone":"drawer__backdropEnterDone_w64v1","contentEnterActive":"drawer__contentEnterActive_w64v1","exit":"drawer__exit_w64v1","backdropExit":"drawer__backdropExit_w64v1","contentExit":"drawer__contentExit_w64v1","exitActiveRight":"drawer__exitActiveRight_w64v1","exitActiveLeft":"drawer__exitActiveLeft_w64v1","backdropExitActive":"drawer__backdropExitActive_w64v1","backdropExitDone":"drawer__backdropExitDone_w64v1","contentExitActive":"drawer__contentExitActive_w64v1"};
17
17
  require('./index.css')
18
18
 
19
19
  var ANIMATION_DURATION = 600;
package/cssm/index.module.css CHANGED
@@ -12,9 +12,13 @@
12
12
  /* Up */
13
13
 
14
14
  /* Hard up */
15
- } :root {
15
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
16
  --border-radius-circle: 50%;
17
- } :root {
17
+
18
+ /* новые значения, используйте их */
19
+ } :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 */
20
+
21
+ /* новые значения, используйте их */
18
22
  } :root {
19
23
  } :root {
20
24
  } :root {
package/esm/Component.js CHANGED
@@ -4,7 +4,7 @@ import { CSSTransition } from 'react-transition-group';
4
4
  import cn from 'classnames';
5
5
  import { BaseModal, BaseModalContext } from '@alfalab/core-components-base-modal/esm';
6
6
 
7
- var styles = {"component":"drawer__component_y564x","customScrollbar":"drawer__customScrollbar_y564x","rightPlacement":"drawer__rightPlacement_y564x","leftPlacement":"drawer__leftPlacement_y564x","content":"drawer__content_y564x","enterRight":"drawer__enterRight_y564x","enterLeft":"drawer__enterLeft_y564x","contentEnter":"drawer__contentEnter_y564x","backdropEnter":"drawer__backdropEnter_y564x","enterActive":"drawer__enterActive_y564x","backdropEnterActive":"drawer__backdropEnterActive_y564x","backdropEnterDone":"drawer__backdropEnterDone_y564x","contentEnterActive":"drawer__contentEnterActive_y564x","exit":"drawer__exit_y564x","backdropExit":"drawer__backdropExit_y564x","contentExit":"drawer__contentExit_y564x","exitActiveRight":"drawer__exitActiveRight_y564x","exitActiveLeft":"drawer__exitActiveLeft_y564x","backdropExitActive":"drawer__backdropExitActive_y564x","backdropExitDone":"drawer__backdropExitDone_y564x","contentExitActive":"drawer__contentExitActive_y564x"};
7
+ var styles = {"component":"drawer__component_w64v1","customScrollbar":"drawer__customScrollbar_w64v1","rightPlacement":"drawer__rightPlacement_w64v1","leftPlacement":"drawer__leftPlacement_w64v1","content":"drawer__content_w64v1","enterRight":"drawer__enterRight_w64v1","enterLeft":"drawer__enterLeft_w64v1","contentEnter":"drawer__contentEnter_w64v1","backdropEnter":"drawer__backdropEnter_w64v1","enterActive":"drawer__enterActive_w64v1","backdropEnterActive":"drawer__backdropEnterActive_w64v1","backdropEnterDone":"drawer__backdropEnterDone_w64v1","contentEnterActive":"drawer__contentEnterActive_w64v1","exit":"drawer__exit_w64v1","backdropExit":"drawer__backdropExit_w64v1","contentExit":"drawer__contentExit_w64v1","exitActiveRight":"drawer__exitActiveRight_w64v1","exitActiveLeft":"drawer__exitActiveLeft_w64v1","backdropExitActive":"drawer__backdropExitActive_w64v1","backdropExitDone":"drawer__backdropExitDone_w64v1","contentExitActive":"drawer__contentExitActive_w64v1"};
8
8
  require('./index.css')
9
9
 
10
10
  var ANIMATION_DURATION = 600;
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1ln75 */
1
+ /* hash: 1xioq */
2
2
  :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 */ /* 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 */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
@@ -13,9 +13,13 @@
13
13
  /* Up */
14
14
 
15
15
  /* Hard up */
16
- } :root {
16
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
17
  --border-radius-circle: 50%;
18
- } :root {
18
+
19
+ /* новые значения, используйте их */
20
+ } :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 */
21
+
22
+ /* новые значения, используйте их */
19
23
  } :root {
20
24
  } :root {
21
25
  } :root {
@@ -23,97 +27,97 @@
23
27
  --backdrop-hidden-background: transparent;
24
28
  } :root {
25
29
  --drawer-width: 500px;
26
- } .drawer__component_y564x {
30
+ } .drawer__component_w64v1 {
27
31
  top: 0;
28
32
  height: 100%;
29
33
  width: var(--drawer-width);
30
34
  flex: 1;
31
35
  overflow: auto;
32
36
  will-change: transform;
33
- } .drawer__component_y564x.drawer__component_y564x {
37
+ } .drawer__component_w64v1.drawer__component_w64v1 {
34
38
  position: fixed;
35
- } .drawer__customScrollbar_y564x {
39
+ } .drawer__customScrollbar_w64v1 {
36
40
  overflow: auto;
37
41
  cursor: auto;
38
- } .drawer__customScrollbar_y564x::-webkit-scrollbar {
42
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar {
39
43
  width: 12px;
40
44
  height: 12px;
41
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-track {
45
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-track {
42
46
  background-color: transparent;
43
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-track-piece {
47
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-track-piece {
44
48
  background-color: transparent;
45
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-thumb {
49
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-thumb {
46
50
  background-color: var(--color-light-neutral-translucent-500);
47
51
  border-color: transparent;
48
52
  border-style: solid;
49
53
  border-width: 4px;
50
54
  background-clip: padding-box;
51
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-thumb:vertical {
55
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-thumb:vertical {
52
56
  border-radius: var(--border-radius-circle) / 6px;
53
57
  min-height: 40px;
54
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-thumb:vertical:hover {
58
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-thumb:vertical:hover {
55
59
  border-radius: var(--border-radius-circle) / 7px;
56
60
  border-width: 4px 3px;
57
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-thumb:horizontal {
61
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-thumb:horizontal {
58
62
  border-radius: 6px / var(--border-radius-circle);
59
63
  min-width: 40px;
60
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-thumb:horizontal:hover {
64
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-thumb:horizontal:hover {
61
65
  border-radius: 7px / var(--border-radius-circle);
62
66
  border-width: 3px 4px;
63
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-thumb:active {
67
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-thumb:active {
64
68
  background-color: var(--color-light-text-secondary);
65
- } .drawer__customScrollbar_y564x::-webkit-resizer {
69
+ } .drawer__customScrollbar_w64v1::-webkit-resizer {
66
70
  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>')
67
71
  no-repeat right bottom;
68
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-button,
69
- .drawer__customScrollbar_y564x::-webkit-scrollbar-corner {
72
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-button,
73
+ .drawer__customScrollbar_w64v1::-webkit-scrollbar-corner {
70
74
  display: none;
71
- } .drawer__rightPlacement_y564x {
75
+ } .drawer__rightPlacement_w64v1 {
72
76
  right: 0;
73
77
  align-self: flex-end;
74
- } .drawer__leftPlacement_y564x {
78
+ } .drawer__leftPlacement_w64v1 {
75
79
  left: 0;
76
80
  align-self: flex-start;
77
- } .drawer__content_y564x {
81
+ } .drawer__content_w64v1 {
78
82
  width: 100%;
79
83
  display: flex;
80
84
  flex-direction: column;
81
85
  flex: 1;
82
- } /* enter */ .drawer__enterRight_y564x {
86
+ } /* enter */ .drawer__enterRight_w64v1 {
83
87
  transform: translateX(100%);
84
- } .drawer__enterLeft_y564x {
88
+ } .drawer__enterLeft_w64v1 {
85
89
  transform: translateX(-100%);
86
- } .drawer__contentEnter_y564x {
90
+ } .drawer__contentEnter_w64v1 {
87
91
  opacity: 0;
88
- } .drawer__backdropEnter_y564x {
92
+ } .drawer__backdropEnter_w64v1 {
89
93
  background-color: var(--backdrop-hidden-background);
90
- } .drawer__enterActive_y564x {
94
+ } .drawer__enterActive_w64v1 {
91
95
  transition: transform 0.3s ease-in-out;
92
96
  transform: translateX(0);
93
- } .drawer__backdropEnterActive_y564x,
94
- .drawer__backdropEnterDone_y564x {
97
+ } .drawer__backdropEnterActive_w64v1,
98
+ .drawer__backdropEnterDone_w64v1 {
95
99
  transition: background 0.3s ease-in-out;
96
100
  background-color: var(--backdrop-visible-background);
97
- } .drawer__contentEnterActive_y564x {
101
+ } .drawer__contentEnterActive_w64v1 {
98
102
  transition: opacity 0.2s ease-in-out 0.3s;
99
103
  opacity: 1;
100
- } /* exit */ .drawer__exit_y564x {
104
+ } /* exit */ .drawer__exit_w64v1 {
101
105
  transform: translateX(0);
102
- } .drawer__backdropExit_y564x {
106
+ } .drawer__backdropExit_w64v1 {
103
107
  background-color: var(--backdrop-visible-background);
104
- } .drawer__contentExit_y564x {
108
+ } .drawer__contentExit_w64v1 {
105
109
  opacity: 1;
106
- } .drawer__exitActiveRight_y564x {
110
+ } .drawer__exitActiveRight_w64v1 {
107
111
  transition: transform 0.25s ease-in-out 0.1s;
108
112
  transform: translateX(100%);
109
- } .drawer__exitActiveLeft_y564x {
113
+ } .drawer__exitActiveLeft_w64v1 {
110
114
  transition: transform 0.25s ease-in-out 0.1s;
111
115
  transform: translateX(-100%);
112
- } .drawer__backdropExitActive_y564x,
113
- .drawer__backdropExitDone_y564x {
116
+ } .drawer__backdropExitActive_w64v1,
117
+ .drawer__backdropExitDone_w64v1 {
114
118
  transition: background 0.25s ease-in-out 0.1s;
115
119
  background-color: var(--backdrop-hidden-background);
116
- } .drawer__contentExitActive_y564x {
120
+ } .drawer__contentExitActive_w64v1 {
117
121
  opacity: 0;
118
122
  transition: opacity 0.12s ease-in-out;
119
123
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1ln75 */
1
+ /* hash: 1xioq */
2
2
  :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 */ /* 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 */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
@@ -13,9 +13,13 @@
13
13
  /* Up */
14
14
 
15
15
  /* Hard up */
16
- } :root {
16
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
17
  --border-radius-circle: 50%;
18
- } :root {
18
+
19
+ /* новые значения, используйте их */
20
+ } :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 */
21
+
22
+ /* новые значения, используйте их */
19
23
  } :root {
20
24
  } :root {
21
25
  } :root {
@@ -23,97 +27,97 @@
23
27
  --backdrop-hidden-background: transparent;
24
28
  } :root {
25
29
  --drawer-width: 500px;
26
- } .drawer__component_y564x {
30
+ } .drawer__component_w64v1 {
27
31
  top: 0;
28
32
  height: 100%;
29
33
  width: var(--drawer-width);
30
34
  flex: 1;
31
35
  overflow: auto;
32
36
  will-change: transform;
33
- } .drawer__component_y564x.drawer__component_y564x {
37
+ } .drawer__component_w64v1.drawer__component_w64v1 {
34
38
  position: fixed;
35
- } .drawer__customScrollbar_y564x {
39
+ } .drawer__customScrollbar_w64v1 {
36
40
  overflow: auto;
37
41
  cursor: auto;
38
- } .drawer__customScrollbar_y564x::-webkit-scrollbar {
42
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar {
39
43
  width: 12px;
40
44
  height: 12px;
41
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-track {
45
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-track {
42
46
  background-color: transparent;
43
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-track-piece {
47
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-track-piece {
44
48
  background-color: transparent;
45
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-thumb {
49
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-thumb {
46
50
  background-color: var(--color-light-neutral-translucent-500);
47
51
  border-color: transparent;
48
52
  border-style: solid;
49
53
  border-width: 4px;
50
54
  background-clip: padding-box;
51
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-thumb:vertical {
55
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-thumb:vertical {
52
56
  border-radius: var(--border-radius-circle) / 6px;
53
57
  min-height: 40px;
54
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-thumb:vertical:hover {
58
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-thumb:vertical:hover {
55
59
  border-radius: var(--border-radius-circle) / 7px;
56
60
  border-width: 4px 3px;
57
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-thumb:horizontal {
61
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-thumb:horizontal {
58
62
  border-radius: 6px / var(--border-radius-circle);
59
63
  min-width: 40px;
60
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-thumb:horizontal:hover {
64
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-thumb:horizontal:hover {
61
65
  border-radius: 7px / var(--border-radius-circle);
62
66
  border-width: 3px 4px;
63
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-thumb:active {
67
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-thumb:active {
64
68
  background-color: var(--color-light-text-secondary);
65
- } .drawer__customScrollbar_y564x::-webkit-resizer {
69
+ } .drawer__customScrollbar_w64v1::-webkit-resizer {
66
70
  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>')
67
71
  no-repeat right bottom;
68
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-button,
69
- .drawer__customScrollbar_y564x::-webkit-scrollbar-corner {
72
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-button,
73
+ .drawer__customScrollbar_w64v1::-webkit-scrollbar-corner {
70
74
  display: none;
71
- } .drawer__rightPlacement_y564x {
75
+ } .drawer__rightPlacement_w64v1 {
72
76
  right: 0;
73
77
  align-self: flex-end;
74
- } .drawer__leftPlacement_y564x {
78
+ } .drawer__leftPlacement_w64v1 {
75
79
  left: 0;
76
80
  align-self: flex-start;
77
- } .drawer__content_y564x {
81
+ } .drawer__content_w64v1 {
78
82
  width: 100%;
79
83
  display: flex;
80
84
  flex-direction: column;
81
85
  flex: 1;
82
- } /* enter */ .drawer__enterRight_y564x {
86
+ } /* enter */ .drawer__enterRight_w64v1 {
83
87
  transform: translateX(100%);
84
- } .drawer__enterLeft_y564x {
88
+ } .drawer__enterLeft_w64v1 {
85
89
  transform: translateX(-100%);
86
- } .drawer__contentEnter_y564x {
90
+ } .drawer__contentEnter_w64v1 {
87
91
  opacity: 0;
88
- } .drawer__backdropEnter_y564x {
92
+ } .drawer__backdropEnter_w64v1 {
89
93
  background-color: var(--backdrop-hidden-background);
90
- } .drawer__enterActive_y564x {
94
+ } .drawer__enterActive_w64v1 {
91
95
  transition: transform 0.3s ease-in-out;
92
96
  transform: translateX(0);
93
- } .drawer__backdropEnterActive_y564x,
94
- .drawer__backdropEnterDone_y564x {
97
+ } .drawer__backdropEnterActive_w64v1,
98
+ .drawer__backdropEnterDone_w64v1 {
95
99
  transition: background 0.3s ease-in-out;
96
100
  background-color: var(--backdrop-visible-background);
97
- } .drawer__contentEnterActive_y564x {
101
+ } .drawer__contentEnterActive_w64v1 {
98
102
  transition: opacity 0.2s ease-in-out 0.3s;
99
103
  opacity: 1;
100
- } /* exit */ .drawer__exit_y564x {
104
+ } /* exit */ .drawer__exit_w64v1 {
101
105
  transform: translateX(0);
102
- } .drawer__backdropExit_y564x {
106
+ } .drawer__backdropExit_w64v1 {
103
107
  background-color: var(--backdrop-visible-background);
104
- } .drawer__contentExit_y564x {
108
+ } .drawer__contentExit_w64v1 {
105
109
  opacity: 1;
106
- } .drawer__exitActiveRight_y564x {
110
+ } .drawer__exitActiveRight_w64v1 {
107
111
  transition: transform 0.25s ease-in-out 0.1s;
108
112
  transform: translateX(100%);
109
- } .drawer__exitActiveLeft_y564x {
113
+ } .drawer__exitActiveLeft_w64v1 {
110
114
  transition: transform 0.25s ease-in-out 0.1s;
111
115
  transform: translateX(-100%);
112
- } .drawer__backdropExitActive_y564x,
113
- .drawer__backdropExitDone_y564x {
116
+ } .drawer__backdropExitActive_w64v1,
117
+ .drawer__backdropExitDone_w64v1 {
114
118
  transition: background 0.25s ease-in-out 0.1s;
115
119
  background-color: var(--backdrop-hidden-background);
116
- } .drawer__contentExitActive_y564x {
120
+ } .drawer__contentExitActive_w64v1 {
117
121
  opacity: 0;
118
122
  transition: opacity 0.12s ease-in-out;
119
123
  }
package/modern/Component.js CHANGED
@@ -3,7 +3,7 @@ import { CSSTransition } from 'react-transition-group';
3
3
  import cn from 'classnames';
4
4
  import { BaseModal, BaseModalContext } from '@alfalab/core-components-base-modal/modern';
5
5
 
6
- const styles = {"component":"drawer__component_y564x","customScrollbar":"drawer__customScrollbar_y564x","rightPlacement":"drawer__rightPlacement_y564x","leftPlacement":"drawer__leftPlacement_y564x","content":"drawer__content_y564x","enterRight":"drawer__enterRight_y564x","enterLeft":"drawer__enterLeft_y564x","contentEnter":"drawer__contentEnter_y564x","backdropEnter":"drawer__backdropEnter_y564x","enterActive":"drawer__enterActive_y564x","backdropEnterActive":"drawer__backdropEnterActive_y564x","backdropEnterDone":"drawer__backdropEnterDone_y564x","contentEnterActive":"drawer__contentEnterActive_y564x","exit":"drawer__exit_y564x","backdropExit":"drawer__backdropExit_y564x","contentExit":"drawer__contentExit_y564x","exitActiveRight":"drawer__exitActiveRight_y564x","exitActiveLeft":"drawer__exitActiveLeft_y564x","backdropExitActive":"drawer__backdropExitActive_y564x","backdropExitDone":"drawer__backdropExitDone_y564x","contentExitActive":"drawer__contentExitActive_y564x"};
6
+ const styles = {"component":"drawer__component_w64v1","customScrollbar":"drawer__customScrollbar_w64v1","rightPlacement":"drawer__rightPlacement_w64v1","leftPlacement":"drawer__leftPlacement_w64v1","content":"drawer__content_w64v1","enterRight":"drawer__enterRight_w64v1","enterLeft":"drawer__enterLeft_w64v1","contentEnter":"drawer__contentEnter_w64v1","backdropEnter":"drawer__backdropEnter_w64v1","enterActive":"drawer__enterActive_w64v1","backdropEnterActive":"drawer__backdropEnterActive_w64v1","backdropEnterDone":"drawer__backdropEnterDone_w64v1","contentEnterActive":"drawer__contentEnterActive_w64v1","exit":"drawer__exit_w64v1","backdropExit":"drawer__backdropExit_w64v1","contentExit":"drawer__contentExit_w64v1","exitActiveRight":"drawer__exitActiveRight_w64v1","exitActiveLeft":"drawer__exitActiveLeft_w64v1","backdropExitActive":"drawer__backdropExitActive_w64v1","backdropExitDone":"drawer__backdropExitDone_w64v1","contentExitActive":"drawer__contentExitActive_w64v1"};
7
7
  require('./index.css')
8
8
 
9
9
  const ANIMATION_DURATION = 600;
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1ln75 */
1
+ /* hash: 1xioq */
2
2
  :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 */ /* 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 */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
@@ -13,9 +13,13 @@
13
13
  /* Up */
14
14
 
15
15
  /* Hard up */
16
- } :root {
16
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
17
  --border-radius-circle: 50%;
18
- } :root {
18
+
19
+ /* новые значения, используйте их */
20
+ } :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 */
21
+
22
+ /* новые значения, используйте их */
19
23
  } :root {
20
24
  } :root {
21
25
  } :root {
@@ -23,97 +27,97 @@
23
27
  --backdrop-hidden-background: transparent;
24
28
  } :root {
25
29
  --drawer-width: 500px;
26
- } .drawer__component_y564x {
30
+ } .drawer__component_w64v1 {
27
31
  top: 0;
28
32
  height: 100%;
29
33
  width: var(--drawer-width);
30
34
  flex: 1;
31
35
  overflow: auto;
32
36
  will-change: transform;
33
- } .drawer__component_y564x.drawer__component_y564x {
37
+ } .drawer__component_w64v1.drawer__component_w64v1 {
34
38
  position: fixed;
35
- } .drawer__customScrollbar_y564x {
39
+ } .drawer__customScrollbar_w64v1 {
36
40
  overflow: auto;
37
41
  cursor: auto;
38
- } .drawer__customScrollbar_y564x::-webkit-scrollbar {
42
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar {
39
43
  width: 12px;
40
44
  height: 12px;
41
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-track {
45
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-track {
42
46
  background-color: transparent;
43
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-track-piece {
47
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-track-piece {
44
48
  background-color: transparent;
45
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-thumb {
49
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-thumb {
46
50
  background-color: var(--color-light-neutral-translucent-500);
47
51
  border-color: transparent;
48
52
  border-style: solid;
49
53
  border-width: 4px;
50
54
  background-clip: padding-box;
51
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-thumb:vertical {
55
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-thumb:vertical {
52
56
  border-radius: var(--border-radius-circle) / 6px;
53
57
  min-height: 40px;
54
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-thumb:vertical:hover {
58
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-thumb:vertical:hover {
55
59
  border-radius: var(--border-radius-circle) / 7px;
56
60
  border-width: 4px 3px;
57
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-thumb:horizontal {
61
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-thumb:horizontal {
58
62
  border-radius: 6px / var(--border-radius-circle);
59
63
  min-width: 40px;
60
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-thumb:horizontal:hover {
64
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-thumb:horizontal:hover {
61
65
  border-radius: 7px / var(--border-radius-circle);
62
66
  border-width: 3px 4px;
63
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-thumb:active {
67
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-thumb:active {
64
68
  background-color: var(--color-light-text-secondary);
65
- } .drawer__customScrollbar_y564x::-webkit-resizer {
69
+ } .drawer__customScrollbar_w64v1::-webkit-resizer {
66
70
  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>')
67
71
  no-repeat right bottom;
68
- } .drawer__customScrollbar_y564x::-webkit-scrollbar-button,
69
- .drawer__customScrollbar_y564x::-webkit-scrollbar-corner {
72
+ } .drawer__customScrollbar_w64v1::-webkit-scrollbar-button,
73
+ .drawer__customScrollbar_w64v1::-webkit-scrollbar-corner {
70
74
  display: none;
71
- } .drawer__rightPlacement_y564x {
75
+ } .drawer__rightPlacement_w64v1 {
72
76
  right: 0;
73
77
  align-self: flex-end;
74
- } .drawer__leftPlacement_y564x {
78
+ } .drawer__leftPlacement_w64v1 {
75
79
  left: 0;
76
80
  align-self: flex-start;
77
- } .drawer__content_y564x {
81
+ } .drawer__content_w64v1 {
78
82
  width: 100%;
79
83
  display: flex;
80
84
  flex-direction: column;
81
85
  flex: 1;
82
- } /* enter */ .drawer__enterRight_y564x {
86
+ } /* enter */ .drawer__enterRight_w64v1 {
83
87
  transform: translateX(100%);
84
- } .drawer__enterLeft_y564x {
88
+ } .drawer__enterLeft_w64v1 {
85
89
  transform: translateX(-100%);
86
- } .drawer__contentEnter_y564x {
90
+ } .drawer__contentEnter_w64v1 {
87
91
  opacity: 0;
88
- } .drawer__backdropEnter_y564x {
92
+ } .drawer__backdropEnter_w64v1 {
89
93
  background-color: var(--backdrop-hidden-background);
90
- } .drawer__enterActive_y564x {
94
+ } .drawer__enterActive_w64v1 {
91
95
  transition: transform 0.3s ease-in-out;
92
96
  transform: translateX(0);
93
- } .drawer__backdropEnterActive_y564x,
94
- .drawer__backdropEnterDone_y564x {
97
+ } .drawer__backdropEnterActive_w64v1,
98
+ .drawer__backdropEnterDone_w64v1 {
95
99
  transition: background 0.3s ease-in-out;
96
100
  background-color: var(--backdrop-visible-background);
97
- } .drawer__contentEnterActive_y564x {
101
+ } .drawer__contentEnterActive_w64v1 {
98
102
  transition: opacity 0.2s ease-in-out 0.3s;
99
103
  opacity: 1;
100
- } /* exit */ .drawer__exit_y564x {
104
+ } /* exit */ .drawer__exit_w64v1 {
101
105
  transform: translateX(0);
102
- } .drawer__backdropExit_y564x {
106
+ } .drawer__backdropExit_w64v1 {
103
107
  background-color: var(--backdrop-visible-background);
104
- } .drawer__contentExit_y564x {
108
+ } .drawer__contentExit_w64v1 {
105
109
  opacity: 1;
106
- } .drawer__exitActiveRight_y564x {
110
+ } .drawer__exitActiveRight_w64v1 {
107
111
  transition: transform 0.25s ease-in-out 0.1s;
108
112
  transform: translateX(100%);
109
- } .drawer__exitActiveLeft_y564x {
113
+ } .drawer__exitActiveLeft_w64v1 {
110
114
  transition: transform 0.25s ease-in-out 0.1s;
111
115
  transform: translateX(-100%);
112
- } .drawer__backdropExitActive_y564x,
113
- .drawer__backdropExitDone_y564x {
116
+ } .drawer__backdropExitActive_w64v1,
117
+ .drawer__backdropExitDone_w64v1 {
114
118
  transition: background 0.25s ease-in-out 0.1s;
115
119
  background-color: var(--backdrop-hidden-background);
116
- } .drawer__contentExitActive_y564x {
120
+ } .drawer__contentExitActive_w64v1 {
117
121
  opacity: 0;
118
122
  transition: opacity 0.12s ease-in-out;
119
123
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-drawer",
3
- "version": "5.0.14",
3
+ "version": "5.0.16",
4
4
  "description": "Drawer component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,9 +15,11 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-base-modal": "^5.7.8",
18
+ "@alfalab/core-components-base-modal": "^5.7.10",
19
19
  "classnames": "^2.3.1",
20
20
  "react-transition-group": "^4.4.5",
21
21
  "tslib": "^2.4.0"
22
- }
22
+ },
23
+ "themesVersion": "13.0.1",
24
+ "varsVersion": "9.11.1"
23
25
  }