@alfalab/core-components-drawer 7.0.7 → 7.0.8-alfasans

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 +5 -5
package/esm/index.css CHANGED
@@ -17,7 +17,7 @@
17
17
  :root {
18
18
  --drawer-width: 500px;
19
19
  }
20
- .drawer__component_34gp5 {
20
+ .drawer__component_6kdwv {
21
21
  top: var(--gap-0);
22
22
  height: 100%;
23
23
  width: var(--drawer-width);
@@ -25,119 +25,119 @@
25
25
  overflow: auto;
26
26
  will-change: transform;
27
27
  }
28
- .drawer__component_34gp5.drawer__component_34gp5 {
28
+ .drawer__component_6kdwv.drawer__component_6kdwv {
29
29
  position: fixed;
30
30
  }
31
- .drawer__customScrollbar_34gp5 {
31
+ .drawer__customScrollbar_6kdwv {
32
32
  overflow: auto;
33
33
  cursor: auto;
34
34
  }
35
- .drawer__customScrollbar_34gp5::-webkit-scrollbar {
35
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar {
36
36
  width: 12px;
37
37
  height: 12px;
38
38
  }
39
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-track {
39
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-track {
40
40
  background-color: transparent;
41
41
  }
42
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-track-piece {
42
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-track-piece {
43
43
  background-color: transparent;
44
44
  }
45
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-thumb {
45
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-thumb {
46
46
  background-color: var(--color-light-neutral-translucent-500);
47
47
  border-color: transparent;
48
48
  border-style: solid;
49
49
  border-width: 4px;
50
50
  background-clip: padding-box;
51
51
  }
52
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-thumb:vertical {
52
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-thumb:vertical {
53
53
  border-radius: var(--border-radius-circle) / var(--border-radius-6);
54
54
  min-height: 40px;
55
55
  }
56
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-thumb:vertical:hover {
56
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-thumb:vertical:hover {
57
57
  border-radius: var(--border-radius-circle) / 7px;
58
58
  border-width: 4px 3px;
59
59
  }
60
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-thumb:horizontal {
60
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-thumb:horizontal {
61
61
  border-radius: var(--border-radius-6) / var(--border-radius-circle);
62
62
  min-width: 40px;
63
63
  }
64
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-thumb:horizontal:hover {
64
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-thumb:horizontal:hover {
65
65
  border-radius: 7px / var(--border-radius-circle);
66
66
  border-width: 3px 4px;
67
67
  }
68
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-thumb:active {
68
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-thumb:active {
69
69
  background-color: var(--color-light-text-secondary);
70
70
  }
71
- .drawer__customScrollbar_34gp5::-webkit-resizer {
71
+ .drawer__customScrollbar_6kdwv::-webkit-resizer {
72
72
  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>')
73
73
  no-repeat right bottom;
74
74
  }
75
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-button,
76
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-corner {
75
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-button,
76
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-corner {
77
77
  display: none;
78
78
  }
79
- .drawer__rightPlacement_34gp5 {
79
+ .drawer__rightPlacement_6kdwv {
80
80
  right: var(--gap-0);
81
81
  align-self: flex-end;
82
82
  }
83
- .drawer__leftPlacement_34gp5 {
83
+ .drawer__leftPlacement_6kdwv {
84
84
  left: var(--gap-0);
85
85
  align-self: flex-start;
86
86
  }
87
- .drawer__content_34gp5 {
87
+ .drawer__content_6kdwv {
88
88
  width: 100%;
89
89
  display: flex;
90
90
  flex-direction: column;
91
91
  flex: 1;
92
92
  }
93
- .drawer__enterRight_34gp5 {
93
+ .drawer__enterRight_6kdwv {
94
94
  transform: translateX(100%);
95
95
  }
96
- .drawer__enterLeft_34gp5 {
96
+ .drawer__enterLeft_6kdwv {
97
97
  transform: translateX(-100%);
98
98
  }
99
- .drawer__contentEnter_34gp5 {
99
+ .drawer__contentEnter_6kdwv {
100
100
  opacity: 0;
101
101
  }
102
- .drawer__backdropEnter_34gp5 {
102
+ .drawer__backdropEnter_6kdwv {
103
103
  background-color: var(--backdrop-hidden-background);
104
104
  }
105
- .drawer__enterActive_34gp5 {
105
+ .drawer__enterActive_6kdwv {
106
106
  transition: transform 0.3s ease-in-out;
107
107
  transform: translateX(0);
108
108
  }
109
- .drawer__backdropEnterActive_34gp5,
110
- .drawer__backdropEnterDone_34gp5 {
109
+ .drawer__backdropEnterActive_6kdwv,
110
+ .drawer__backdropEnterDone_6kdwv {
111
111
  transition: background 0.3s ease-in-out;
112
112
  background-color: var(--backdrop-visible-background);
113
113
  }
114
- .drawer__contentEnterActive_34gp5 {
114
+ .drawer__contentEnterActive_6kdwv {
115
115
  transition: opacity 0.2s ease-in-out 0.3s;
116
116
  opacity: 1;
117
117
  }
118
- .drawer__exit_34gp5 {
118
+ .drawer__exit_6kdwv {
119
119
  transform: translateX(0);
120
120
  }
121
- .drawer__backdropExit_34gp5 {
121
+ .drawer__backdropExit_6kdwv {
122
122
  background-color: var(--backdrop-visible-background);
123
123
  }
124
- .drawer__contentExit_34gp5 {
124
+ .drawer__contentExit_6kdwv {
125
125
  opacity: 1;
126
126
  }
127
- .drawer__exitActiveRight_34gp5 {
127
+ .drawer__exitActiveRight_6kdwv {
128
128
  transition: transform 0.25s ease-in-out 0.1s;
129
129
  transform: translateX(100%);
130
130
  }
131
- .drawer__exitActiveLeft_34gp5 {
131
+ .drawer__exitActiveLeft_6kdwv {
132
132
  transition: transform 0.25s ease-in-out 0.1s;
133
133
  transform: translateX(-100%);
134
134
  }
135
- .drawer__backdropExitActive_34gp5,
136
- .drawer__backdropExitDone_34gp5 {
135
+ .drawer__backdropExitActive_6kdwv,
136
+ .drawer__backdropExitDone_6kdwv {
137
137
  transition: background 0.25s ease-in-out 0.1s;
138
138
  background-color: var(--backdrop-hidden-background);
139
139
  }
140
- .drawer__contentExitActive_34gp5 {
140
+ .drawer__contentExitActive_6kdwv {
141
141
  opacity: 0;
142
142
  transition: opacity 0.12s ease-in-out;
143
143
  }
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"drawer__component_34gp5","customScrollbar":"drawer__customScrollbar_34gp5","rightPlacement":"drawer__rightPlacement_34gp5","leftPlacement":"drawer__leftPlacement_34gp5","content":"drawer__content_34gp5","enterRight":"drawer__enterRight_34gp5","enterLeft":"drawer__enterLeft_34gp5","contentEnter":"drawer__contentEnter_34gp5","backdropEnter":"drawer__backdropEnter_34gp5","enterActive":"drawer__enterActive_34gp5","backdropEnterActive":"drawer__backdropEnterActive_34gp5","backdropEnterDone":"drawer__backdropEnterDone_34gp5","contentEnterActive":"drawer__contentEnterActive_34gp5","exit":"drawer__exit_34gp5","backdropExit":"drawer__backdropExit_34gp5","contentExit":"drawer__contentExit_34gp5","exitActiveRight":"drawer__exitActiveRight_34gp5","exitActiveLeft":"drawer__exitActiveLeft_34gp5","backdropExitActive":"drawer__backdropExitActive_34gp5","backdropExitDone":"drawer__backdropExitDone_34gp5","contentExitActive":"drawer__contentExitActive_34gp5"};
3
+ var styles = {"component":"drawer__component_6kdwv","customScrollbar":"drawer__customScrollbar_6kdwv","rightPlacement":"drawer__rightPlacement_6kdwv","leftPlacement":"drawer__leftPlacement_6kdwv","content":"drawer__content_6kdwv","enterRight":"drawer__enterRight_6kdwv","enterLeft":"drawer__enterLeft_6kdwv","contentEnter":"drawer__contentEnter_6kdwv","backdropEnter":"drawer__backdropEnter_6kdwv","enterActive":"drawer__enterActive_6kdwv","backdropEnterActive":"drawer__backdropEnterActive_6kdwv","backdropEnterDone":"drawer__backdropEnterDone_6kdwv","contentEnterActive":"drawer__contentEnterActive_6kdwv","exit":"drawer__exit_6kdwv","backdropExit":"drawer__backdropExit_6kdwv","contentExit":"drawer__contentExit_6kdwv","exitActiveRight":"drawer__exitActiveRight_6kdwv","exitActiveLeft":"drawer__exitActiveLeft_6kdwv","backdropExitActive":"drawer__backdropExitActive_6kdwv","backdropExitDone":"drawer__backdropExitDone_6kdwv","contentExitActive":"drawer__contentExitActive_6kdwv"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -17,7 +17,7 @@
17
17
  :root {
18
18
  --drawer-width: 500px;
19
19
  }
20
- .drawer__component_34gp5 {
20
+ .drawer__component_6kdwv {
21
21
  top: var(--gap-0);
22
22
  height: 100%;
23
23
  width: var(--drawer-width);
@@ -25,119 +25,119 @@
25
25
  overflow: auto;
26
26
  will-change: transform;
27
27
  }
28
- .drawer__component_34gp5.drawer__component_34gp5 {
28
+ .drawer__component_6kdwv.drawer__component_6kdwv {
29
29
  position: fixed;
30
30
  }
31
- .drawer__customScrollbar_34gp5 {
31
+ .drawer__customScrollbar_6kdwv {
32
32
  overflow: auto;
33
33
  cursor: auto;
34
34
  }
35
- .drawer__customScrollbar_34gp5::-webkit-scrollbar {
35
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar {
36
36
  width: 12px;
37
37
  height: 12px;
38
38
  }
39
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-track {
39
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-track {
40
40
  background-color: transparent;
41
41
  }
42
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-track-piece {
42
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-track-piece {
43
43
  background-color: transparent;
44
44
  }
45
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-thumb {
45
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-thumb {
46
46
  background-color: var(--color-light-neutral-translucent-500);
47
47
  border-color: transparent;
48
48
  border-style: solid;
49
49
  border-width: 4px;
50
50
  background-clip: padding-box;
51
51
  }
52
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-thumb:vertical {
52
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-thumb:vertical {
53
53
  border-radius: var(--border-radius-circle) / var(--border-radius-6);
54
54
  min-height: 40px;
55
55
  }
56
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-thumb:vertical:hover {
56
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-thumb:vertical:hover {
57
57
  border-radius: var(--border-radius-circle) / 7px;
58
58
  border-width: 4px 3px;
59
59
  }
60
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-thumb:horizontal {
60
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-thumb:horizontal {
61
61
  border-radius: var(--border-radius-6) / var(--border-radius-circle);
62
62
  min-width: 40px;
63
63
  }
64
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-thumb:horizontal:hover {
64
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-thumb:horizontal:hover {
65
65
  border-radius: 7px / var(--border-radius-circle);
66
66
  border-width: 3px 4px;
67
67
  }
68
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-thumb:active {
68
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-thumb:active {
69
69
  background-color: var(--color-light-text-secondary);
70
70
  }
71
- .drawer__customScrollbar_34gp5::-webkit-resizer {
71
+ .drawer__customScrollbar_6kdwv::-webkit-resizer {
72
72
  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>')
73
73
  no-repeat right bottom;
74
74
  }
75
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-button,
76
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-corner {
75
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-button,
76
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-corner {
77
77
  display: none;
78
78
  }
79
- .drawer__rightPlacement_34gp5 {
79
+ .drawer__rightPlacement_6kdwv {
80
80
  right: var(--gap-0);
81
81
  align-self: flex-end;
82
82
  }
83
- .drawer__leftPlacement_34gp5 {
83
+ .drawer__leftPlacement_6kdwv {
84
84
  left: var(--gap-0);
85
85
  align-self: flex-start;
86
86
  }
87
- .drawer__content_34gp5 {
87
+ .drawer__content_6kdwv {
88
88
  width: 100%;
89
89
  display: flex;
90
90
  flex-direction: column;
91
91
  flex: 1;
92
92
  }
93
- .drawer__enterRight_34gp5 {
93
+ .drawer__enterRight_6kdwv {
94
94
  transform: translateX(100%);
95
95
  }
96
- .drawer__enterLeft_34gp5 {
96
+ .drawer__enterLeft_6kdwv {
97
97
  transform: translateX(-100%);
98
98
  }
99
- .drawer__contentEnter_34gp5 {
99
+ .drawer__contentEnter_6kdwv {
100
100
  opacity: 0;
101
101
  }
102
- .drawer__backdropEnter_34gp5 {
102
+ .drawer__backdropEnter_6kdwv {
103
103
  background-color: var(--backdrop-hidden-background);
104
104
  }
105
- .drawer__enterActive_34gp5 {
105
+ .drawer__enterActive_6kdwv {
106
106
  transition: transform 0.3s ease-in-out;
107
107
  transform: translateX(0);
108
108
  }
109
- .drawer__backdropEnterActive_34gp5,
110
- .drawer__backdropEnterDone_34gp5 {
109
+ .drawer__backdropEnterActive_6kdwv,
110
+ .drawer__backdropEnterDone_6kdwv {
111
111
  transition: background 0.3s ease-in-out;
112
112
  background-color: var(--backdrop-visible-background);
113
113
  }
114
- .drawer__contentEnterActive_34gp5 {
114
+ .drawer__contentEnterActive_6kdwv {
115
115
  transition: opacity 0.2s ease-in-out 0.3s;
116
116
  opacity: 1;
117
117
  }
118
- .drawer__exit_34gp5 {
118
+ .drawer__exit_6kdwv {
119
119
  transform: translateX(0);
120
120
  }
121
- .drawer__backdropExit_34gp5 {
121
+ .drawer__backdropExit_6kdwv {
122
122
  background-color: var(--backdrop-visible-background);
123
123
  }
124
- .drawer__contentExit_34gp5 {
124
+ .drawer__contentExit_6kdwv {
125
125
  opacity: 1;
126
126
  }
127
- .drawer__exitActiveRight_34gp5 {
127
+ .drawer__exitActiveRight_6kdwv {
128
128
  transition: transform 0.25s ease-in-out 0.1s;
129
129
  transform: translateX(100%);
130
130
  }
131
- .drawer__exitActiveLeft_34gp5 {
131
+ .drawer__exitActiveLeft_6kdwv {
132
132
  transition: transform 0.25s ease-in-out 0.1s;
133
133
  transform: translateX(-100%);
134
134
  }
135
- .drawer__backdropExitActive_34gp5,
136
- .drawer__backdropExitDone_34gp5 {
135
+ .drawer__backdropExitActive_6kdwv,
136
+ .drawer__backdropExitDone_6kdwv {
137
137
  transition: background 0.25s ease-in-out 0.1s;
138
138
  background-color: var(--backdrop-hidden-background);
139
139
  }
140
- .drawer__contentExitActive_34gp5 {
140
+ .drawer__contentExitActive_6kdwv {
141
141
  opacity: 0;
142
142
  transition: opacity 0.12s ease-in-out;
143
143
  }
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_34gp5","customScrollbar":"drawer__customScrollbar_34gp5","rightPlacement":"drawer__rightPlacement_34gp5","leftPlacement":"drawer__leftPlacement_34gp5","content":"drawer__content_34gp5","enterRight":"drawer__enterRight_34gp5","enterLeft":"drawer__enterLeft_34gp5","contentEnter":"drawer__contentEnter_34gp5","backdropEnter":"drawer__backdropEnter_34gp5","enterActive":"drawer__enterActive_34gp5","backdropEnterActive":"drawer__backdropEnterActive_34gp5","backdropEnterDone":"drawer__backdropEnterDone_34gp5","contentEnterActive":"drawer__contentEnterActive_34gp5","exit":"drawer__exit_34gp5","backdropExit":"drawer__backdropExit_34gp5","contentExit":"drawer__contentExit_34gp5","exitActiveRight":"drawer__exitActiveRight_34gp5","exitActiveLeft":"drawer__exitActiveLeft_34gp5","backdropExitActive":"drawer__backdropExitActive_34gp5","backdropExitDone":"drawer__backdropExitDone_34gp5","contentExitActive":"drawer__contentExitActive_34gp5"};
5
+ var styles = {"component":"drawer__component_6kdwv","customScrollbar":"drawer__customScrollbar_6kdwv","rightPlacement":"drawer__rightPlacement_6kdwv","leftPlacement":"drawer__leftPlacement_6kdwv","content":"drawer__content_6kdwv","enterRight":"drawer__enterRight_6kdwv","enterLeft":"drawer__enterLeft_6kdwv","contentEnter":"drawer__contentEnter_6kdwv","backdropEnter":"drawer__backdropEnter_6kdwv","enterActive":"drawer__enterActive_6kdwv","backdropEnterActive":"drawer__backdropEnterActive_6kdwv","backdropEnterDone":"drawer__backdropEnterDone_6kdwv","contentEnterActive":"drawer__contentEnterActive_6kdwv","exit":"drawer__exit_6kdwv","backdropExit":"drawer__backdropExit_6kdwv","contentExit":"drawer__contentExit_6kdwv","exitActiveRight":"drawer__exitActiveRight_6kdwv","exitActiveLeft":"drawer__exitActiveLeft_6kdwv","backdropExitActive":"drawer__backdropExitActive_6kdwv","backdropExitDone":"drawer__backdropExitDone_6kdwv","contentExitActive":"drawer__contentExitActive_6kdwv"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -17,7 +17,7 @@
17
17
  :root {
18
18
  --drawer-width: 500px;
19
19
  }
20
- .drawer__component_34gp5 {
20
+ .drawer__component_6kdwv {
21
21
  top: var(--gap-0);
22
22
  height: 100%;
23
23
  width: var(--drawer-width);
@@ -25,119 +25,119 @@
25
25
  overflow: auto;
26
26
  will-change: transform;
27
27
  }
28
- .drawer__component_34gp5.drawer__component_34gp5 {
28
+ .drawer__component_6kdwv.drawer__component_6kdwv {
29
29
  position: fixed;
30
30
  }
31
- .drawer__customScrollbar_34gp5 {
31
+ .drawer__customScrollbar_6kdwv {
32
32
  overflow: auto;
33
33
  cursor: auto;
34
34
  }
35
- .drawer__customScrollbar_34gp5::-webkit-scrollbar {
35
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar {
36
36
  width: 12px;
37
37
  height: 12px;
38
38
  }
39
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-track {
39
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-track {
40
40
  background-color: transparent;
41
41
  }
42
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-track-piece {
42
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-track-piece {
43
43
  background-color: transparent;
44
44
  }
45
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-thumb {
45
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-thumb {
46
46
  background-color: var(--color-light-neutral-translucent-500);
47
47
  border-color: transparent;
48
48
  border-style: solid;
49
49
  border-width: 4px;
50
50
  background-clip: padding-box;
51
51
  }
52
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-thumb:vertical {
52
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-thumb:vertical {
53
53
  border-radius: var(--border-radius-circle) / var(--border-radius-6);
54
54
  min-height: 40px;
55
55
  }
56
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-thumb:vertical:hover {
56
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-thumb:vertical:hover {
57
57
  border-radius: var(--border-radius-circle) / 7px;
58
58
  border-width: 4px 3px;
59
59
  }
60
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-thumb:horizontal {
60
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-thumb:horizontal {
61
61
  border-radius: var(--border-radius-6) / var(--border-radius-circle);
62
62
  min-width: 40px;
63
63
  }
64
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-thumb:horizontal:hover {
64
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-thumb:horizontal:hover {
65
65
  border-radius: 7px / var(--border-radius-circle);
66
66
  border-width: 3px 4px;
67
67
  }
68
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-thumb:active {
68
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-thumb:active {
69
69
  background-color: var(--color-light-text-secondary);
70
70
  }
71
- .drawer__customScrollbar_34gp5::-webkit-resizer {
71
+ .drawer__customScrollbar_6kdwv::-webkit-resizer {
72
72
  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>')
73
73
  no-repeat right bottom;
74
74
  }
75
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-button,
76
- .drawer__customScrollbar_34gp5::-webkit-scrollbar-corner {
75
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-button,
76
+ .drawer__customScrollbar_6kdwv::-webkit-scrollbar-corner {
77
77
  display: none;
78
78
  }
79
- .drawer__rightPlacement_34gp5 {
79
+ .drawer__rightPlacement_6kdwv {
80
80
  right: var(--gap-0);
81
81
  align-self: flex-end;
82
82
  }
83
- .drawer__leftPlacement_34gp5 {
83
+ .drawer__leftPlacement_6kdwv {
84
84
  left: var(--gap-0);
85
85
  align-self: flex-start;
86
86
  }
87
- .drawer__content_34gp5 {
87
+ .drawer__content_6kdwv {
88
88
  width: 100%;
89
89
  display: flex;
90
90
  flex-direction: column;
91
91
  flex: 1;
92
92
  }
93
- .drawer__enterRight_34gp5 {
93
+ .drawer__enterRight_6kdwv {
94
94
  transform: translateX(100%);
95
95
  }
96
- .drawer__enterLeft_34gp5 {
96
+ .drawer__enterLeft_6kdwv {
97
97
  transform: translateX(-100%);
98
98
  }
99
- .drawer__contentEnter_34gp5 {
99
+ .drawer__contentEnter_6kdwv {
100
100
  opacity: 0;
101
101
  }
102
- .drawer__backdropEnter_34gp5 {
102
+ .drawer__backdropEnter_6kdwv {
103
103
  background-color: var(--backdrop-hidden-background);
104
104
  }
105
- .drawer__enterActive_34gp5 {
105
+ .drawer__enterActive_6kdwv {
106
106
  transition: transform 0.3s ease-in-out;
107
107
  transform: translateX(0);
108
108
  }
109
- .drawer__backdropEnterActive_34gp5,
110
- .drawer__backdropEnterDone_34gp5 {
109
+ .drawer__backdropEnterActive_6kdwv,
110
+ .drawer__backdropEnterDone_6kdwv {
111
111
  transition: background 0.3s ease-in-out;
112
112
  background-color: var(--backdrop-visible-background);
113
113
  }
114
- .drawer__contentEnterActive_34gp5 {
114
+ .drawer__contentEnterActive_6kdwv {
115
115
  transition: opacity 0.2s ease-in-out 0.3s;
116
116
  opacity: 1;
117
117
  }
118
- .drawer__exit_34gp5 {
118
+ .drawer__exit_6kdwv {
119
119
  transform: translateX(0);
120
120
  }
121
- .drawer__backdropExit_34gp5 {
121
+ .drawer__backdropExit_6kdwv {
122
122
  background-color: var(--backdrop-visible-background);
123
123
  }
124
- .drawer__contentExit_34gp5 {
124
+ .drawer__contentExit_6kdwv {
125
125
  opacity: 1;
126
126
  }
127
- .drawer__exitActiveRight_34gp5 {
127
+ .drawer__exitActiveRight_6kdwv {
128
128
  transition: transform 0.25s ease-in-out 0.1s;
129
129
  transform: translateX(100%);
130
130
  }
131
- .drawer__exitActiveLeft_34gp5 {
131
+ .drawer__exitActiveLeft_6kdwv {
132
132
  transition: transform 0.25s ease-in-out 0.1s;
133
133
  transform: translateX(-100%);
134
134
  }
135
- .drawer__backdropExitActive_34gp5,
136
- .drawer__backdropExitDone_34gp5 {
135
+ .drawer__backdropExitActive_6kdwv,
136
+ .drawer__backdropExitDone_6kdwv {
137
137
  transition: background 0.25s ease-in-out 0.1s;
138
138
  background-color: var(--backdrop-hidden-background);
139
139
  }
140
- .drawer__contentExitActive_34gp5 {
140
+ .drawer__contentExitActive_6kdwv {
141
141
  opacity: 0;
142
142
  transition: opacity 0.12s ease-in-out;
143
143
  }
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"drawer__component_34gp5","customScrollbar":"drawer__customScrollbar_34gp5","rightPlacement":"drawer__rightPlacement_34gp5","leftPlacement":"drawer__leftPlacement_34gp5","content":"drawer__content_34gp5","enterRight":"drawer__enterRight_34gp5","enterLeft":"drawer__enterLeft_34gp5","contentEnter":"drawer__contentEnter_34gp5","backdropEnter":"drawer__backdropEnter_34gp5","enterActive":"drawer__enterActive_34gp5","backdropEnterActive":"drawer__backdropEnterActive_34gp5","backdropEnterDone":"drawer__backdropEnterDone_34gp5","contentEnterActive":"drawer__contentEnterActive_34gp5","exit":"drawer__exit_34gp5","backdropExit":"drawer__backdropExit_34gp5","contentExit":"drawer__contentExit_34gp5","exitActiveRight":"drawer__exitActiveRight_34gp5","exitActiveLeft":"drawer__exitActiveLeft_34gp5","backdropExitActive":"drawer__backdropExitActive_34gp5","backdropExitDone":"drawer__backdropExitDone_34gp5","contentExitActive":"drawer__contentExitActive_34gp5"};
3
+ const styles = {"component":"drawer__component_6kdwv","customScrollbar":"drawer__customScrollbar_6kdwv","rightPlacement":"drawer__rightPlacement_6kdwv","leftPlacement":"drawer__leftPlacement_6kdwv","content":"drawer__content_6kdwv","enterRight":"drawer__enterRight_6kdwv","enterLeft":"drawer__enterLeft_6kdwv","contentEnter":"drawer__contentEnter_6kdwv","backdropEnter":"drawer__backdropEnter_6kdwv","enterActive":"drawer__enterActive_6kdwv","backdropEnterActive":"drawer__backdropEnterActive_6kdwv","backdropEnterDone":"drawer__backdropEnterDone_6kdwv","contentEnterActive":"drawer__contentEnterActive_6kdwv","exit":"drawer__exit_6kdwv","backdropExit":"drawer__backdropExit_6kdwv","contentExit":"drawer__contentExit_6kdwv","exitActiveRight":"drawer__exitActiveRight_6kdwv","exitActiveLeft":"drawer__exitActiveLeft_6kdwv","backdropExitActive":"drawer__backdropExitActive_6kdwv","backdropExitDone":"drawer__backdropExitDone_6kdwv","contentExitActive":"drawer__contentExitActive_6kdwv"};
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": "7.0.7",
3
+ "version": "7.0.8-alfasans",
4
4
  "description": "Drawer component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -13,13 +13,13 @@
13
13
  "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
14
14
  },
15
15
  "dependencies": {
16
- "@alfalab/core-components-base-modal": "^7.1.5",
16
+ "@alfalab/core-components-base-modal": "7.1.6-alfasans",
17
17
  "classnames": "^2.5.1",
18
18
  "react-transition-group": "^4.4.5",
19
19
  "tslib": "^2.4.0"
20
20
  },
21
21
  "devDependencies": {
22
- "@alfalab/core-components-button": "^13.1.3"
22
+ "@alfalab/core-components-button": "13.1.4-alfasans"
23
23
  },
24
24
  "peerDependencies": {
25
25
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0 || ^19.0.0",
@@ -29,6 +29,6 @@
29
29
  "access": "public",
30
30
  "directory": "dist"
31
31
  },
32
- "themesVersion": "15.1.0",
33
- "varsVersion": "11.0.2"
32
+ "themesVersion": "15.1.0-alfasans",
33
+ "varsVersion": "11.1.0-alfasans"
34
34
  }