@alfalab/core-components-drawer 3.1.2 → 3.1.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.
- package/CHANGELOG.md +40 -40
- package/dist/Component.js +1 -1
- package/dist/esm/Component.js +1 -1
- package/dist/esm/index.css +17 -17
- package/dist/index.css +17 -17
- package/dist/modern/Component.js +1 -1
- package/dist/modern/index.css +17 -17
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [3.1.1](https://github.com/
|
|
6
|
+
## [3.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@3.1.0...@alfalab/core-components-drawer@3.1.1) (2022-03-24)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
9
9
|
|
|
@@ -11,18 +11,18 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
# [3.1.0](https://github.com/
|
|
14
|
+
# [3.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@3.0.3...@alfalab/core-components-drawer@3.1.0) (2022-03-01)
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
### Features
|
|
18
18
|
|
|
19
|
-
* Исправить импорты в сторях. ([#998](https://github.com/
|
|
19
|
+
* Исправить импорты в сторях. ([#998](https://github.com/core-ds/core-components/issues/998)) ([e6a654a](https://github.com/core-ds/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
## [3.0.3](https://github.com/
|
|
25
|
+
## [3.0.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@3.0.2...@alfalab/core-components-drawer@3.0.3) (2022-01-17)
|
|
26
26
|
|
|
27
27
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
28
28
|
|
|
@@ -30,18 +30,18 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
|
|
33
|
-
## [3.0.2](https://github.com/
|
|
33
|
+
## [3.0.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@3.0.1...@alfalab/core-components-drawer@3.0.2) (2021-09-14)
|
|
34
34
|
|
|
35
35
|
|
|
36
36
|
### Bug Fixes
|
|
37
37
|
|
|
38
|
-
* **base-modal:** modal scroll ([#820](https://github.com/
|
|
38
|
+
* **base-modal:** modal scroll ([#820](https://github.com/core-ds/core-components/issues/820)) ([1b2d94a](https://github.com/core-ds/core-components/commit/1b2d94ad45e04145bf1292d749ae2028702dc622))
|
|
39
39
|
|
|
40
40
|
|
|
41
41
|
|
|
42
42
|
|
|
43
43
|
|
|
44
|
-
## [3.0.1](https://github.com/
|
|
44
|
+
## [3.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@3.0.0...@alfalab/core-components-drawer@3.0.1) (2021-07-09)
|
|
45
45
|
|
|
46
46
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
47
47
|
|
|
@@ -49,14 +49,14 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
49
49
|
|
|
50
50
|
|
|
51
51
|
|
|
52
|
-
# [3.0.0](https://github.com/
|
|
52
|
+
# [3.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@2.1.4...@alfalab/core-components-drawer@3.0.0) (2021-07-08)
|
|
53
53
|
|
|
54
54
|
|
|
55
55
|
### Features
|
|
56
56
|
|
|
57
|
-
* upgrade storybook ([#696](https://github.com/
|
|
57
|
+
* upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))
|
|
58
58
|
|
|
59
|
-
## [2.1.4](https://github.com/
|
|
59
|
+
## [2.1.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@2.1.3...@alfalab/core-components-drawer@2.1.4) (2021-07-02)
|
|
60
60
|
|
|
61
61
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
62
62
|
|
|
@@ -64,7 +64,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
64
64
|
|
|
65
65
|
|
|
66
66
|
|
|
67
|
-
## [2.1.3](https://github.com/
|
|
67
|
+
## [2.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@2.1.2...@alfalab/core-components-drawer@2.1.3) (2021-06-28)
|
|
68
68
|
|
|
69
69
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
70
70
|
|
|
@@ -72,7 +72,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
72
72
|
|
|
73
73
|
|
|
74
74
|
|
|
75
|
-
## [2.1.2](https://github.com/
|
|
75
|
+
## [2.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@2.1.1...@alfalab/core-components-drawer@2.1.2) (2021-05-28)
|
|
76
76
|
|
|
77
77
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
78
78
|
|
|
@@ -80,34 +80,34 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
80
80
|
|
|
81
81
|
|
|
82
82
|
|
|
83
|
-
## [2.1.1](https://github.com/
|
|
83
|
+
## [2.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@2.1.0...@alfalab/core-components-drawer@2.1.1) (2021-05-25)
|
|
84
84
|
|
|
85
85
|
|
|
86
86
|
### Bug Fixes
|
|
87
87
|
|
|
88
|
-
* **modal:** fix styles ([#665](https://github.com/
|
|
88
|
+
* **modal:** fix styles ([#665](https://github.com/core-ds/core-components/issues/665)) ([06f3615](https://github.com/core-ds/core-components/commit/06f3615c532f8ec2932d8a4d1fcbb1f5ee6b6a30))
|
|
89
89
|
|
|
90
90
|
|
|
91
91
|
|
|
92
92
|
|
|
93
93
|
|
|
94
|
-
# [2.1.0](https://github.com/
|
|
94
|
+
# [2.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@2.0.0...@alfalab/core-components-drawer@2.1.0) (2021-05-18)
|
|
95
95
|
|
|
96
96
|
|
|
97
97
|
### Features
|
|
98
98
|
|
|
99
|
-
* **drawer:** update animtaion ([#643](https://github.com/
|
|
99
|
+
* **drawer:** update animtaion ([#643](https://github.com/core-ds/core-components/issues/643)) ([3a3cfc5](https://github.com/core-ds/core-components/commit/3a3cfc5be89908df476f77a35bcf6b9460ecb92a))
|
|
100
100
|
|
|
101
101
|
|
|
102
102
|
|
|
103
103
|
|
|
104
104
|
|
|
105
|
-
# [2.0.0](https://github.com/
|
|
105
|
+
# [2.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@1.2.2...@alfalab/core-components-drawer@2.0.0) (2021-04-26)
|
|
106
106
|
|
|
107
107
|
|
|
108
108
|
### Features
|
|
109
109
|
|
|
110
|
-
* **stack:** add new component ([#612](https://github.com/
|
|
110
|
+
* **stack:** add new component ([#612](https://github.com/core-ds/core-components/issues/612)) ([c520f91](https://github.com/core-ds/core-components/commit/c520f91cd22bb9e23fd2f428719865b4c7d5a2a6))
|
|
111
111
|
|
|
112
112
|
|
|
113
113
|
### BREAKING CHANGES
|
|
@@ -166,40 +166,40 @@ remove z-index, add stack component
|
|
|
166
166
|
|
|
167
167
|
|
|
168
168
|
|
|
169
|
-
## [1.2.2](https://github.com/
|
|
169
|
+
## [1.2.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@1.2.1...@alfalab/core-components-drawer@1.2.2) (2021-04-26)
|
|
170
170
|
|
|
171
171
|
|
|
172
172
|
### Bug Fixes
|
|
173
173
|
|
|
174
|
-
* **drawer:** lost vars ([#632](https://github.com/
|
|
174
|
+
* **drawer:** lost vars ([#632](https://github.com/core-ds/core-components/issues/632)) ([82a8e46](https://github.com/core-ds/core-components/commit/82a8e461fc16d4ae8b6d3d268c92f7dc969e81f8))
|
|
175
175
|
|
|
176
176
|
|
|
177
177
|
|
|
178
178
|
|
|
179
179
|
|
|
180
|
-
## [1.2.1](https://github.com/
|
|
180
|
+
## [1.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@1.2.0...@alfalab/core-components-drawer@1.2.1) (2021-04-09)
|
|
181
181
|
|
|
182
182
|
|
|
183
183
|
### Bug Fixes
|
|
184
184
|
|
|
185
|
-
* **drawer:** backdrop styles ([04da4fa](https://github.com/
|
|
185
|
+
* **drawer:** backdrop styles ([04da4fa](https://github.com/core-ds/core-components/commit/04da4fac310dbe2634ea4130ead480a88d47ee8e))
|
|
186
186
|
|
|
187
187
|
|
|
188
188
|
|
|
189
189
|
|
|
190
190
|
|
|
191
|
-
# [1.2.0](https://github.com/
|
|
191
|
+
# [1.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@1.1.15...@alfalab/core-components-drawer@1.2.0) (2021-04-09)
|
|
192
192
|
|
|
193
193
|
|
|
194
194
|
### Features
|
|
195
195
|
|
|
196
|
-
* **backdrop:** add component ([948a6c2](https://github.com/
|
|
196
|
+
* **backdrop:** add component ([948a6c2](https://github.com/core-ds/core-components/commit/948a6c2fb5ec58edb2d087691ce4713d75da6e35))
|
|
197
197
|
|
|
198
198
|
|
|
199
199
|
|
|
200
200
|
|
|
201
201
|
|
|
202
|
-
## [1.1.15](https://github.com/
|
|
202
|
+
## [1.1.15](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@1.1.14...@alfalab/core-components-drawer@1.1.15) (2021-04-01)
|
|
203
203
|
|
|
204
204
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
205
205
|
|
|
@@ -207,7 +207,7 @@ remove z-index, add stack component
|
|
|
207
207
|
|
|
208
208
|
|
|
209
209
|
|
|
210
|
-
## [1.1.14](https://github.com/
|
|
210
|
+
## [1.1.14](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@1.1.13...@alfalab/core-components-drawer@1.1.14) (2021-03-30)
|
|
211
211
|
|
|
212
212
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
213
213
|
|
|
@@ -215,7 +215,7 @@ remove z-index, add stack component
|
|
|
215
215
|
|
|
216
216
|
|
|
217
217
|
|
|
218
|
-
## [1.1.13](https://github.com/
|
|
218
|
+
## [1.1.13](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@1.1.12...@alfalab/core-components-drawer@1.1.13) (2021-03-24)
|
|
219
219
|
|
|
220
220
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
221
221
|
|
|
@@ -223,7 +223,7 @@ remove z-index, add stack component
|
|
|
223
223
|
|
|
224
224
|
|
|
225
225
|
|
|
226
|
-
## [1.1.12](https://github.com/
|
|
226
|
+
## [1.1.12](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@1.1.11...@alfalab/core-components-drawer@1.1.12) (2021-03-19)
|
|
227
227
|
|
|
228
228
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
229
229
|
|
|
@@ -231,18 +231,18 @@ remove z-index, add stack component
|
|
|
231
231
|
|
|
232
232
|
|
|
233
233
|
|
|
234
|
-
## [1.1.11](https://github.com/
|
|
234
|
+
## [1.1.11](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@1.1.9...@alfalab/core-components-drawer@1.1.11) (2021-03-18)
|
|
235
235
|
|
|
236
236
|
|
|
237
237
|
### Bug Fixes
|
|
238
238
|
|
|
239
|
-
* one more sborka bug ([#579](https://github.com/
|
|
239
|
+
* one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))
|
|
240
240
|
|
|
241
241
|
|
|
242
242
|
|
|
243
243
|
|
|
244
244
|
|
|
245
|
-
## [1.1.9](https://github.com/
|
|
245
|
+
## [1.1.9](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@1.1.8...@alfalab/core-components-drawer@1.1.9) (2021-03-16)
|
|
246
246
|
|
|
247
247
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
248
248
|
|
|
@@ -250,7 +250,7 @@ remove z-index, add stack component
|
|
|
250
250
|
|
|
251
251
|
|
|
252
252
|
|
|
253
|
-
## [1.1.8](https://github.com/
|
|
253
|
+
## [1.1.8](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@1.1.7...@alfalab/core-components-drawer@1.1.8) (2021-03-15)
|
|
254
254
|
|
|
255
255
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
256
256
|
|
|
@@ -258,7 +258,7 @@ remove z-index, add stack component
|
|
|
258
258
|
|
|
259
259
|
|
|
260
260
|
|
|
261
|
-
## [1.1.7](https://github.com/
|
|
261
|
+
## [1.1.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@1.1.6...@alfalab/core-components-drawer@1.1.7) (2021-03-14)
|
|
262
262
|
|
|
263
263
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
264
264
|
|
|
@@ -266,7 +266,7 @@ remove z-index, add stack component
|
|
|
266
266
|
|
|
267
267
|
|
|
268
268
|
|
|
269
|
-
## [1.1.6](https://github.com/
|
|
269
|
+
## [1.1.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@1.1.5...@alfalab/core-components-drawer@1.1.6) (2021-03-10)
|
|
270
270
|
|
|
271
271
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
272
272
|
|
|
@@ -274,7 +274,7 @@ remove z-index, add stack component
|
|
|
274
274
|
|
|
275
275
|
|
|
276
276
|
|
|
277
|
-
## [1.1.5](https://github.com/
|
|
277
|
+
## [1.1.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@1.1.4...@alfalab/core-components-drawer@1.1.5) (2021-03-04)
|
|
278
278
|
|
|
279
279
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
280
280
|
|
|
@@ -282,7 +282,7 @@ remove z-index, add stack component
|
|
|
282
282
|
|
|
283
283
|
|
|
284
284
|
|
|
285
|
-
## [1.1.4](https://github.com/
|
|
285
|
+
## [1.1.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@1.1.3...@alfalab/core-components-drawer@1.1.4) (2021-03-03)
|
|
286
286
|
|
|
287
287
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
288
288
|
|
|
@@ -290,7 +290,7 @@ remove z-index, add stack component
|
|
|
290
290
|
|
|
291
291
|
|
|
292
292
|
|
|
293
|
-
## [1.1.3](https://github.com/
|
|
293
|
+
## [1.1.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@1.1.2...@alfalab/core-components-drawer@1.1.3) (2021-03-03)
|
|
294
294
|
|
|
295
295
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
296
296
|
|
|
@@ -298,7 +298,7 @@ remove z-index, add stack component
|
|
|
298
298
|
|
|
299
299
|
|
|
300
300
|
|
|
301
|
-
## [1.1.2](https://github.com/
|
|
301
|
+
## [1.1.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@1.1.1...@alfalab/core-components-drawer@1.1.2) (2021-03-03)
|
|
302
302
|
|
|
303
303
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
304
304
|
|
|
@@ -306,7 +306,7 @@ remove z-index, add stack component
|
|
|
306
306
|
|
|
307
307
|
|
|
308
308
|
|
|
309
|
-
## [1.1.1](https://github.com/
|
|
309
|
+
## [1.1.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@1.1.0...@alfalab/core-components-drawer@1.1.1) (2021-02-20)
|
|
310
310
|
|
|
311
311
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
312
312
|
|
|
@@ -319,4 +319,4 @@ remove z-index, add stack component
|
|
|
319
319
|
|
|
320
320
|
### Features
|
|
321
321
|
|
|
322
|
-
* **drawer:** add component ([#497](https://github.com/
|
|
322
|
+
* **drawer:** add component ([#497](https://github.com/core-ds/core-components/issues/497)) ([5943188](https://github.com/core-ds/core-components/commit/594318886d581e6afca99fcebe9088c222aa3d52))
|
package/dist/Component.js
CHANGED
|
@@ -51,7 +51,7 @@ function __rest(s, e) {
|
|
|
51
51
|
return t;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
var styles = {"component":"
|
|
54
|
+
var styles = {"component":"drawer__component_1vqef","content":"drawer__content_1vqef","enter":"drawer__enter_1vqef","contentEnter":"drawer__contentEnter_1vqef","backdropEnter":"drawer__backdropEnter_1vqef","enterActive":"drawer__enterActive_1vqef","backdropEnterActive":"drawer__backdropEnterActive_1vqef","backdropEnterDone":"drawer__backdropEnterDone_1vqef","contentEnterActive":"drawer__contentEnterActive_1vqef","exit":"drawer__exit_1vqef","backdropExit":"drawer__backdropExit_1vqef","contentExit":"drawer__contentExit_1vqef","exitActive":"drawer__exitActive_1vqef","backdropExitActive":"drawer__backdropExitActive_1vqef","backdropExitDone":"drawer__backdropExitDone_1vqef","contentExitActive":"drawer__contentExitActive_1vqef"};
|
|
55
55
|
require('./index.css')
|
|
56
56
|
|
|
57
57
|
var ANIMATION_DURATION = 600;
|
package/dist/esm/Component.js
CHANGED
|
@@ -42,7 +42,7 @@ function __rest(s, e) {
|
|
|
42
42
|
return t;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
var styles = {"component":"
|
|
45
|
+
var styles = {"component":"drawer__component_1vqef","content":"drawer__content_1vqef","enter":"drawer__enter_1vqef","contentEnter":"drawer__contentEnter_1vqef","backdropEnter":"drawer__backdropEnter_1vqef","enterActive":"drawer__enterActive_1vqef","backdropEnterActive":"drawer__backdropEnterActive_1vqef","backdropEnterDone":"drawer__backdropEnterDone_1vqef","contentEnterActive":"drawer__contentEnterActive_1vqef","exit":"drawer__exit_1vqef","backdropExit":"drawer__backdropExit_1vqef","contentExit":"drawer__contentExit_1vqef","exitActive":"drawer__exitActive_1vqef","backdropExitActive":"drawer__backdropExitActive_1vqef","backdropExitDone":"drawer__backdropExitDone_1vqef","contentExitActive":"drawer__contentExitActive_1vqef"};
|
|
46
46
|
require('./index.css')
|
|
47
47
|
|
|
48
48
|
var ANIMATION_DURATION = 600;
|
package/dist/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: evc2q */
|
|
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
|
-
.
|
|
20
|
+
.drawer__component_1vqef {
|
|
21
21
|
position: fixed;
|
|
22
22
|
top: 0;
|
|
23
23
|
right: 0;
|
|
@@ -28,55 +28,55 @@
|
|
|
28
28
|
overflow: auto;
|
|
29
29
|
will-change: transform;
|
|
30
30
|
}
|
|
31
|
-
.
|
|
31
|
+
.drawer__content_1vqef {
|
|
32
32
|
width: 100%;
|
|
33
33
|
display: flex;
|
|
34
34
|
flex-direction: column;
|
|
35
35
|
flex: 1;
|
|
36
36
|
}
|
|
37
37
|
/* enter */
|
|
38
|
-
.
|
|
38
|
+
.drawer__enter_1vqef {
|
|
39
39
|
transform: translateX(100%);
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
.drawer__contentEnter_1vqef {
|
|
42
42
|
opacity: 0;
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
.drawer__backdropEnter_1vqef {
|
|
45
45
|
background-color: var(--backdrop-hidden-background);
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
.drawer__enterActive_1vqef {
|
|
48
48
|
transition: transform 0.3s ease-in-out;
|
|
49
49
|
transform: translateX(0);
|
|
50
50
|
}
|
|
51
|
-
.
|
|
52
|
-
.
|
|
51
|
+
.drawer__backdropEnterActive_1vqef,
|
|
52
|
+
.drawer__backdropEnterDone_1vqef {
|
|
53
53
|
transition: background 0.3s ease-in-out;
|
|
54
54
|
background-color: var(--backdrop-visible-background);
|
|
55
55
|
}
|
|
56
|
-
.
|
|
56
|
+
.drawer__contentEnterActive_1vqef {
|
|
57
57
|
transition: opacity 0.2s ease-in-out 0.3s;
|
|
58
58
|
opacity: 1;
|
|
59
59
|
}
|
|
60
60
|
/* exit */
|
|
61
|
-
.
|
|
61
|
+
.drawer__exit_1vqef {
|
|
62
62
|
transform: translateX(0);
|
|
63
63
|
}
|
|
64
|
-
.
|
|
64
|
+
.drawer__backdropExit_1vqef {
|
|
65
65
|
background-color: var(--backdrop-visible-background);
|
|
66
66
|
}
|
|
67
|
-
.
|
|
67
|
+
.drawer__contentExit_1vqef {
|
|
68
68
|
opacity: 1;
|
|
69
69
|
}
|
|
70
|
-
.
|
|
70
|
+
.drawer__exitActive_1vqef {
|
|
71
71
|
transition: transform 0.25s ease-in-out 0.1s;
|
|
72
72
|
transform: translateX(100%);
|
|
73
73
|
}
|
|
74
|
-
.
|
|
75
|
-
.
|
|
74
|
+
.drawer__backdropExitActive_1vqef,
|
|
75
|
+
.drawer__backdropExitDone_1vqef {
|
|
76
76
|
transition: background 0.25s ease-in-out 0.1s;
|
|
77
77
|
background-color: var(--backdrop-hidden-background);
|
|
78
78
|
}
|
|
79
|
-
.
|
|
79
|
+
.drawer__contentExitActive_1vqef {
|
|
80
80
|
opacity: 0;
|
|
81
81
|
transition: opacity 0.12s ease-in-out;
|
|
82
82
|
}
|
package/dist/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: evc2q */
|
|
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
|
-
.
|
|
20
|
+
.drawer__component_1vqef {
|
|
21
21
|
position: fixed;
|
|
22
22
|
top: 0;
|
|
23
23
|
right: 0;
|
|
@@ -28,55 +28,55 @@
|
|
|
28
28
|
overflow: auto;
|
|
29
29
|
will-change: transform;
|
|
30
30
|
}
|
|
31
|
-
.
|
|
31
|
+
.drawer__content_1vqef {
|
|
32
32
|
width: 100%;
|
|
33
33
|
display: flex;
|
|
34
34
|
flex-direction: column;
|
|
35
35
|
flex: 1;
|
|
36
36
|
}
|
|
37
37
|
/* enter */
|
|
38
|
-
.
|
|
38
|
+
.drawer__enter_1vqef {
|
|
39
39
|
transform: translateX(100%);
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
.drawer__contentEnter_1vqef {
|
|
42
42
|
opacity: 0;
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
.drawer__backdropEnter_1vqef {
|
|
45
45
|
background-color: var(--backdrop-hidden-background);
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
.drawer__enterActive_1vqef {
|
|
48
48
|
transition: transform 0.3s ease-in-out;
|
|
49
49
|
transform: translateX(0);
|
|
50
50
|
}
|
|
51
|
-
.
|
|
52
|
-
.
|
|
51
|
+
.drawer__backdropEnterActive_1vqef,
|
|
52
|
+
.drawer__backdropEnterDone_1vqef {
|
|
53
53
|
transition: background 0.3s ease-in-out;
|
|
54
54
|
background-color: var(--backdrop-visible-background);
|
|
55
55
|
}
|
|
56
|
-
.
|
|
56
|
+
.drawer__contentEnterActive_1vqef {
|
|
57
57
|
transition: opacity 0.2s ease-in-out 0.3s;
|
|
58
58
|
opacity: 1;
|
|
59
59
|
}
|
|
60
60
|
/* exit */
|
|
61
|
-
.
|
|
61
|
+
.drawer__exit_1vqef {
|
|
62
62
|
transform: translateX(0);
|
|
63
63
|
}
|
|
64
|
-
.
|
|
64
|
+
.drawer__backdropExit_1vqef {
|
|
65
65
|
background-color: var(--backdrop-visible-background);
|
|
66
66
|
}
|
|
67
|
-
.
|
|
67
|
+
.drawer__contentExit_1vqef {
|
|
68
68
|
opacity: 1;
|
|
69
69
|
}
|
|
70
|
-
.
|
|
70
|
+
.drawer__exitActive_1vqef {
|
|
71
71
|
transition: transform 0.25s ease-in-out 0.1s;
|
|
72
72
|
transform: translateX(100%);
|
|
73
73
|
}
|
|
74
|
-
.
|
|
75
|
-
.
|
|
74
|
+
.drawer__backdropExitActive_1vqef,
|
|
75
|
+
.drawer__backdropExitDone_1vqef {
|
|
76
76
|
transition: background 0.25s ease-in-out 0.1s;
|
|
77
77
|
background-color: var(--backdrop-hidden-background);
|
|
78
78
|
}
|
|
79
|
-
.
|
|
79
|
+
.drawer__contentExitActive_1vqef {
|
|
80
80
|
opacity: 0;
|
|
81
81
|
transition: opacity 0.12s ease-in-out;
|
|
82
82
|
}
|
package/dist/modern/Component.js
CHANGED
|
@@ -3,7 +3,7 @@ import { CSSTransition } from 'react-transition-group';
|
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
import { BaseModalContext, BaseModal } from '@alfalab/core-components-base-modal/dist/modern';
|
|
5
5
|
|
|
6
|
-
var styles = {"component":"
|
|
6
|
+
var styles = {"component":"drawer__component_1vqef","content":"drawer__content_1vqef","enter":"drawer__enter_1vqef","contentEnter":"drawer__contentEnter_1vqef","backdropEnter":"drawer__backdropEnter_1vqef","enterActive":"drawer__enterActive_1vqef","backdropEnterActive":"drawer__backdropEnterActive_1vqef","backdropEnterDone":"drawer__backdropEnterDone_1vqef","contentEnterActive":"drawer__contentEnterActive_1vqef","exit":"drawer__exit_1vqef","backdropExit":"drawer__backdropExit_1vqef","contentExit":"drawer__contentExit_1vqef","exitActive":"drawer__exitActive_1vqef","backdropExitActive":"drawer__backdropExitActive_1vqef","backdropExitDone":"drawer__backdropExitDone_1vqef","contentExitActive":"drawer__contentExitActive_1vqef"};
|
|
7
7
|
require('./index.css')
|
|
8
8
|
|
|
9
9
|
const ANIMATION_DURATION = 600;
|
package/dist/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: evc2q */
|
|
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
|
-
.
|
|
20
|
+
.drawer__component_1vqef {
|
|
21
21
|
position: fixed;
|
|
22
22
|
top: 0;
|
|
23
23
|
right: 0;
|
|
@@ -28,55 +28,55 @@
|
|
|
28
28
|
overflow: auto;
|
|
29
29
|
will-change: transform;
|
|
30
30
|
}
|
|
31
|
-
.
|
|
31
|
+
.drawer__content_1vqef {
|
|
32
32
|
width: 100%;
|
|
33
33
|
display: flex;
|
|
34
34
|
flex-direction: column;
|
|
35
35
|
flex: 1;
|
|
36
36
|
}
|
|
37
37
|
/* enter */
|
|
38
|
-
.
|
|
38
|
+
.drawer__enter_1vqef {
|
|
39
39
|
transform: translateX(100%);
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
.drawer__contentEnter_1vqef {
|
|
42
42
|
opacity: 0;
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
.drawer__backdropEnter_1vqef {
|
|
45
45
|
background-color: var(--backdrop-hidden-background);
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
.drawer__enterActive_1vqef {
|
|
48
48
|
transition: transform 0.3s ease-in-out;
|
|
49
49
|
transform: translateX(0);
|
|
50
50
|
}
|
|
51
|
-
.
|
|
52
|
-
.
|
|
51
|
+
.drawer__backdropEnterActive_1vqef,
|
|
52
|
+
.drawer__backdropEnterDone_1vqef {
|
|
53
53
|
transition: background 0.3s ease-in-out;
|
|
54
54
|
background-color: var(--backdrop-visible-background);
|
|
55
55
|
}
|
|
56
|
-
.
|
|
56
|
+
.drawer__contentEnterActive_1vqef {
|
|
57
57
|
transition: opacity 0.2s ease-in-out 0.3s;
|
|
58
58
|
opacity: 1;
|
|
59
59
|
}
|
|
60
60
|
/* exit */
|
|
61
|
-
.
|
|
61
|
+
.drawer__exit_1vqef {
|
|
62
62
|
transform: translateX(0);
|
|
63
63
|
}
|
|
64
|
-
.
|
|
64
|
+
.drawer__backdropExit_1vqef {
|
|
65
65
|
background-color: var(--backdrop-visible-background);
|
|
66
66
|
}
|
|
67
|
-
.
|
|
67
|
+
.drawer__contentExit_1vqef {
|
|
68
68
|
opacity: 1;
|
|
69
69
|
}
|
|
70
|
-
.
|
|
70
|
+
.drawer__exitActive_1vqef {
|
|
71
71
|
transition: transform 0.25s ease-in-out 0.1s;
|
|
72
72
|
transform: translateX(100%);
|
|
73
73
|
}
|
|
74
|
-
.
|
|
75
|
-
.
|
|
74
|
+
.drawer__backdropExitActive_1vqef,
|
|
75
|
+
.drawer__backdropExitDone_1vqef {
|
|
76
76
|
transition: background 0.25s ease-in-out 0.1s;
|
|
77
77
|
background-color: var(--backdrop-hidden-background);
|
|
78
78
|
}
|
|
79
|
-
.
|
|
79
|
+
.drawer__contentExitActive_1vqef {
|
|
80
80
|
opacity: 0;
|
|
81
81
|
transition: opacity 0.12s ease-in-out;
|
|
82
82
|
}
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-drawer",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.3",
|
|
4
4
|
"description": "Drawer component",
|
|
5
|
-
"gitHead": "
|
|
5
|
+
"gitHead": "8d998af881e79e8b524179aa50cdb117c1380c74",
|
|
6
6
|
"keywords": [],
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"main": "dist/index.js",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"react-dom": "^16.9.0 || ^17.0.1"
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@alfalab/core-components-base-modal": "^4.0.
|
|
24
|
+
"@alfalab/core-components-base-modal": "^4.0.2",
|
|
25
25
|
"classnames": "2.2.6"
|
|
26
26
|
}
|
|
27
27
|
}
|