@alfalab/core-components-drawer 3.1.1 → 3.1.4
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 +48 -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 +4 -4
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.
|
|
6
|
+
## [3.1.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-drawer@3.1.3...@alfalab/core-components-drawer@3.1.4) (2022-06-20)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
9
9
|
|
|
@@ -11,18 +11,26 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
## [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)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
# [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
23
|
|
|
16
24
|
|
|
17
25
|
### Features
|
|
18
26
|
|
|
19
|
-
* Исправить импорты в сторях. ([#998](https://github.com/
|
|
27
|
+
* Исправить импорты в сторях. ([#998](https://github.com/core-ds/core-components/issues/998)) ([e6a654a](https://github.com/core-ds/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))
|
|
20
28
|
|
|
21
29
|
|
|
22
30
|
|
|
23
31
|
|
|
24
32
|
|
|
25
|
-
## [3.0.3](https://github.com/
|
|
33
|
+
## [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
34
|
|
|
27
35
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
28
36
|
|
|
@@ -30,18 +38,18 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
30
38
|
|
|
31
39
|
|
|
32
40
|
|
|
33
|
-
## [3.0.2](https://github.com/
|
|
41
|
+
## [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
42
|
|
|
35
43
|
|
|
36
44
|
### Bug Fixes
|
|
37
45
|
|
|
38
|
-
* **base-modal:** modal scroll ([#820](https://github.com/
|
|
46
|
+
* **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
47
|
|
|
40
48
|
|
|
41
49
|
|
|
42
50
|
|
|
43
51
|
|
|
44
|
-
## [3.0.1](https://github.com/
|
|
52
|
+
## [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
53
|
|
|
46
54
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
47
55
|
|
|
@@ -49,14 +57,14 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
49
57
|
|
|
50
58
|
|
|
51
59
|
|
|
52
|
-
# [3.0.0](https://github.com/
|
|
60
|
+
# [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
61
|
|
|
54
62
|
|
|
55
63
|
### Features
|
|
56
64
|
|
|
57
|
-
* upgrade storybook ([#696](https://github.com/
|
|
65
|
+
* upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))
|
|
58
66
|
|
|
59
|
-
## [2.1.4](https://github.com/
|
|
67
|
+
## [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
68
|
|
|
61
69
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
62
70
|
|
|
@@ -64,7 +72,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
64
72
|
|
|
65
73
|
|
|
66
74
|
|
|
67
|
-
## [2.1.3](https://github.com/
|
|
75
|
+
## [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
76
|
|
|
69
77
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
70
78
|
|
|
@@ -72,7 +80,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
72
80
|
|
|
73
81
|
|
|
74
82
|
|
|
75
|
-
## [2.1.2](https://github.com/
|
|
83
|
+
## [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
84
|
|
|
77
85
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
78
86
|
|
|
@@ -80,34 +88,34 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
80
88
|
|
|
81
89
|
|
|
82
90
|
|
|
83
|
-
## [2.1.1](https://github.com/
|
|
91
|
+
## [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
92
|
|
|
85
93
|
|
|
86
94
|
### Bug Fixes
|
|
87
95
|
|
|
88
|
-
* **modal:** fix styles ([#665](https://github.com/
|
|
96
|
+
* **modal:** fix styles ([#665](https://github.com/core-ds/core-components/issues/665)) ([06f3615](https://github.com/core-ds/core-components/commit/06f3615c532f8ec2932d8a4d1fcbb1f5ee6b6a30))
|
|
89
97
|
|
|
90
98
|
|
|
91
99
|
|
|
92
100
|
|
|
93
101
|
|
|
94
|
-
# [2.1.0](https://github.com/
|
|
102
|
+
# [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
103
|
|
|
96
104
|
|
|
97
105
|
### Features
|
|
98
106
|
|
|
99
|
-
* **drawer:** update animtaion ([#643](https://github.com/
|
|
107
|
+
* **drawer:** update animtaion ([#643](https://github.com/core-ds/core-components/issues/643)) ([3a3cfc5](https://github.com/core-ds/core-components/commit/3a3cfc5be89908df476f77a35bcf6b9460ecb92a))
|
|
100
108
|
|
|
101
109
|
|
|
102
110
|
|
|
103
111
|
|
|
104
112
|
|
|
105
|
-
# [2.0.0](https://github.com/
|
|
113
|
+
# [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
114
|
|
|
107
115
|
|
|
108
116
|
### Features
|
|
109
117
|
|
|
110
|
-
* **stack:** add new component ([#612](https://github.com/
|
|
118
|
+
* **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
119
|
|
|
112
120
|
|
|
113
121
|
### BREAKING CHANGES
|
|
@@ -166,40 +174,40 @@ remove z-index, add stack component
|
|
|
166
174
|
|
|
167
175
|
|
|
168
176
|
|
|
169
|
-
## [1.2.2](https://github.com/
|
|
177
|
+
## [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
178
|
|
|
171
179
|
|
|
172
180
|
### Bug Fixes
|
|
173
181
|
|
|
174
|
-
* **drawer:** lost vars ([#632](https://github.com/
|
|
182
|
+
* **drawer:** lost vars ([#632](https://github.com/core-ds/core-components/issues/632)) ([82a8e46](https://github.com/core-ds/core-components/commit/82a8e461fc16d4ae8b6d3d268c92f7dc969e81f8))
|
|
175
183
|
|
|
176
184
|
|
|
177
185
|
|
|
178
186
|
|
|
179
187
|
|
|
180
|
-
## [1.2.1](https://github.com/
|
|
188
|
+
## [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
189
|
|
|
182
190
|
|
|
183
191
|
### Bug Fixes
|
|
184
192
|
|
|
185
|
-
* **drawer:** backdrop styles ([04da4fa](https://github.com/
|
|
193
|
+
* **drawer:** backdrop styles ([04da4fa](https://github.com/core-ds/core-components/commit/04da4fac310dbe2634ea4130ead480a88d47ee8e))
|
|
186
194
|
|
|
187
195
|
|
|
188
196
|
|
|
189
197
|
|
|
190
198
|
|
|
191
|
-
# [1.2.0](https://github.com/
|
|
199
|
+
# [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
200
|
|
|
193
201
|
|
|
194
202
|
### Features
|
|
195
203
|
|
|
196
|
-
* **backdrop:** add component ([948a6c2](https://github.com/
|
|
204
|
+
* **backdrop:** add component ([948a6c2](https://github.com/core-ds/core-components/commit/948a6c2fb5ec58edb2d087691ce4713d75da6e35))
|
|
197
205
|
|
|
198
206
|
|
|
199
207
|
|
|
200
208
|
|
|
201
209
|
|
|
202
|
-
## [1.1.15](https://github.com/
|
|
210
|
+
## [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
211
|
|
|
204
212
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
205
213
|
|
|
@@ -207,7 +215,7 @@ remove z-index, add stack component
|
|
|
207
215
|
|
|
208
216
|
|
|
209
217
|
|
|
210
|
-
## [1.1.14](https://github.com/
|
|
218
|
+
## [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
219
|
|
|
212
220
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
213
221
|
|
|
@@ -215,7 +223,7 @@ remove z-index, add stack component
|
|
|
215
223
|
|
|
216
224
|
|
|
217
225
|
|
|
218
|
-
## [1.1.13](https://github.com/
|
|
226
|
+
## [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
227
|
|
|
220
228
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
221
229
|
|
|
@@ -223,7 +231,7 @@ remove z-index, add stack component
|
|
|
223
231
|
|
|
224
232
|
|
|
225
233
|
|
|
226
|
-
## [1.1.12](https://github.com/
|
|
234
|
+
## [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
235
|
|
|
228
236
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
229
237
|
|
|
@@ -231,18 +239,18 @@ remove z-index, add stack component
|
|
|
231
239
|
|
|
232
240
|
|
|
233
241
|
|
|
234
|
-
## [1.1.11](https://github.com/
|
|
242
|
+
## [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
243
|
|
|
236
244
|
|
|
237
245
|
### Bug Fixes
|
|
238
246
|
|
|
239
|
-
* one more sborka bug ([#579](https://github.com/
|
|
247
|
+
* 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
248
|
|
|
241
249
|
|
|
242
250
|
|
|
243
251
|
|
|
244
252
|
|
|
245
|
-
## [1.1.9](https://github.com/
|
|
253
|
+
## [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
254
|
|
|
247
255
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
248
256
|
|
|
@@ -250,7 +258,7 @@ remove z-index, add stack component
|
|
|
250
258
|
|
|
251
259
|
|
|
252
260
|
|
|
253
|
-
## [1.1.8](https://github.com/
|
|
261
|
+
## [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
262
|
|
|
255
263
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
256
264
|
|
|
@@ -258,7 +266,7 @@ remove z-index, add stack component
|
|
|
258
266
|
|
|
259
267
|
|
|
260
268
|
|
|
261
|
-
## [1.1.7](https://github.com/
|
|
269
|
+
## [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
270
|
|
|
263
271
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
264
272
|
|
|
@@ -266,7 +274,7 @@ remove z-index, add stack component
|
|
|
266
274
|
|
|
267
275
|
|
|
268
276
|
|
|
269
|
-
## [1.1.6](https://github.com/
|
|
277
|
+
## [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
278
|
|
|
271
279
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
272
280
|
|
|
@@ -274,7 +282,7 @@ remove z-index, add stack component
|
|
|
274
282
|
|
|
275
283
|
|
|
276
284
|
|
|
277
|
-
## [1.1.5](https://github.com/
|
|
285
|
+
## [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
286
|
|
|
279
287
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
280
288
|
|
|
@@ -282,7 +290,7 @@ remove z-index, add stack component
|
|
|
282
290
|
|
|
283
291
|
|
|
284
292
|
|
|
285
|
-
## [1.1.4](https://github.com/
|
|
293
|
+
## [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
294
|
|
|
287
295
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
288
296
|
|
|
@@ -290,7 +298,7 @@ remove z-index, add stack component
|
|
|
290
298
|
|
|
291
299
|
|
|
292
300
|
|
|
293
|
-
## [1.1.3](https://github.com/
|
|
301
|
+
## [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
302
|
|
|
295
303
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
296
304
|
|
|
@@ -298,7 +306,7 @@ remove z-index, add stack component
|
|
|
298
306
|
|
|
299
307
|
|
|
300
308
|
|
|
301
|
-
## [1.1.2](https://github.com/
|
|
309
|
+
## [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
310
|
|
|
303
311
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
304
312
|
|
|
@@ -306,7 +314,7 @@ remove z-index, add stack component
|
|
|
306
314
|
|
|
307
315
|
|
|
308
316
|
|
|
309
|
-
## [1.1.1](https://github.com/
|
|
317
|
+
## [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
318
|
|
|
311
319
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
312
320
|
|
|
@@ -319,4 +327,4 @@ remove z-index, add stack component
|
|
|
319
327
|
|
|
320
328
|
### Features
|
|
321
329
|
|
|
322
|
-
* **drawer:** add component ([#497](https://github.com/
|
|
330
|
+
* **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_kxav4","content":"drawer__content_kxav4","enter":"drawer__enter_kxav4","contentEnter":"drawer__contentEnter_kxav4","backdropEnter":"drawer__backdropEnter_kxav4","enterActive":"drawer__enterActive_kxav4","backdropEnterActive":"drawer__backdropEnterActive_kxav4","backdropEnterDone":"drawer__backdropEnterDone_kxav4","contentEnterActive":"drawer__contentEnterActive_kxav4","exit":"drawer__exit_kxav4","backdropExit":"drawer__backdropExit_kxav4","contentExit":"drawer__contentExit_kxav4","exitActive":"drawer__exitActive_kxav4","backdropExitActive":"drawer__backdropExitActive_kxav4","backdropExitDone":"drawer__backdropExitDone_kxav4","contentExitActive":"drawer__contentExitActive_kxav4"};
|
|
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_kxav4","content":"drawer__content_kxav4","enter":"drawer__enter_kxav4","contentEnter":"drawer__contentEnter_kxav4","backdropEnter":"drawer__backdropEnter_kxav4","enterActive":"drawer__enterActive_kxav4","backdropEnterActive":"drawer__backdropEnterActive_kxav4","backdropEnterDone":"drawer__backdropEnterDone_kxav4","contentEnterActive":"drawer__contentEnterActive_kxav4","exit":"drawer__exit_kxav4","backdropExit":"drawer__backdropExit_kxav4","contentExit":"drawer__contentExit_kxav4","exitActive":"drawer__exitActive_kxav4","backdropExitActive":"drawer__backdropExitActive_kxav4","backdropExitDone":"drawer__backdropExitDone_kxav4","contentExitActive":"drawer__contentExitActive_kxav4"};
|
|
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_kxav4 {
|
|
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_kxav4 {
|
|
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_kxav4 {
|
|
39
39
|
transform: translateX(100%);
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
.drawer__contentEnter_kxav4 {
|
|
42
42
|
opacity: 0;
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
.drawer__backdropEnter_kxav4 {
|
|
45
45
|
background-color: var(--backdrop-hidden-background);
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
.drawer__enterActive_kxav4 {
|
|
48
48
|
transition: transform 0.3s ease-in-out;
|
|
49
49
|
transform: translateX(0);
|
|
50
50
|
}
|
|
51
|
-
.
|
|
52
|
-
.
|
|
51
|
+
.drawer__backdropEnterActive_kxav4,
|
|
52
|
+
.drawer__backdropEnterDone_kxav4 {
|
|
53
53
|
transition: background 0.3s ease-in-out;
|
|
54
54
|
background-color: var(--backdrop-visible-background);
|
|
55
55
|
}
|
|
56
|
-
.
|
|
56
|
+
.drawer__contentEnterActive_kxav4 {
|
|
57
57
|
transition: opacity 0.2s ease-in-out 0.3s;
|
|
58
58
|
opacity: 1;
|
|
59
59
|
}
|
|
60
60
|
/* exit */
|
|
61
|
-
.
|
|
61
|
+
.drawer__exit_kxav4 {
|
|
62
62
|
transform: translateX(0);
|
|
63
63
|
}
|
|
64
|
-
.
|
|
64
|
+
.drawer__backdropExit_kxav4 {
|
|
65
65
|
background-color: var(--backdrop-visible-background);
|
|
66
66
|
}
|
|
67
|
-
.
|
|
67
|
+
.drawer__contentExit_kxav4 {
|
|
68
68
|
opacity: 1;
|
|
69
69
|
}
|
|
70
|
-
.
|
|
70
|
+
.drawer__exitActive_kxav4 {
|
|
71
71
|
transition: transform 0.25s ease-in-out 0.1s;
|
|
72
72
|
transform: translateX(100%);
|
|
73
73
|
}
|
|
74
|
-
.
|
|
75
|
-
.
|
|
74
|
+
.drawer__backdropExitActive_kxav4,
|
|
75
|
+
.drawer__backdropExitDone_kxav4 {
|
|
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_kxav4 {
|
|
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_kxav4 {
|
|
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_kxav4 {
|
|
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_kxav4 {
|
|
39
39
|
transform: translateX(100%);
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
.drawer__contentEnter_kxav4 {
|
|
42
42
|
opacity: 0;
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
.drawer__backdropEnter_kxav4 {
|
|
45
45
|
background-color: var(--backdrop-hidden-background);
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
.drawer__enterActive_kxav4 {
|
|
48
48
|
transition: transform 0.3s ease-in-out;
|
|
49
49
|
transform: translateX(0);
|
|
50
50
|
}
|
|
51
|
-
.
|
|
52
|
-
.
|
|
51
|
+
.drawer__backdropEnterActive_kxav4,
|
|
52
|
+
.drawer__backdropEnterDone_kxav4 {
|
|
53
53
|
transition: background 0.3s ease-in-out;
|
|
54
54
|
background-color: var(--backdrop-visible-background);
|
|
55
55
|
}
|
|
56
|
-
.
|
|
56
|
+
.drawer__contentEnterActive_kxav4 {
|
|
57
57
|
transition: opacity 0.2s ease-in-out 0.3s;
|
|
58
58
|
opacity: 1;
|
|
59
59
|
}
|
|
60
60
|
/* exit */
|
|
61
|
-
.
|
|
61
|
+
.drawer__exit_kxav4 {
|
|
62
62
|
transform: translateX(0);
|
|
63
63
|
}
|
|
64
|
-
.
|
|
64
|
+
.drawer__backdropExit_kxav4 {
|
|
65
65
|
background-color: var(--backdrop-visible-background);
|
|
66
66
|
}
|
|
67
|
-
.
|
|
67
|
+
.drawer__contentExit_kxav4 {
|
|
68
68
|
opacity: 1;
|
|
69
69
|
}
|
|
70
|
-
.
|
|
70
|
+
.drawer__exitActive_kxav4 {
|
|
71
71
|
transition: transform 0.25s ease-in-out 0.1s;
|
|
72
72
|
transform: translateX(100%);
|
|
73
73
|
}
|
|
74
|
-
.
|
|
75
|
-
.
|
|
74
|
+
.drawer__backdropExitActive_kxav4,
|
|
75
|
+
.drawer__backdropExitDone_kxav4 {
|
|
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_kxav4 {
|
|
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_kxav4","content":"drawer__content_kxav4","enter":"drawer__enter_kxav4","contentEnter":"drawer__contentEnter_kxav4","backdropEnter":"drawer__backdropEnter_kxav4","enterActive":"drawer__enterActive_kxav4","backdropEnterActive":"drawer__backdropEnterActive_kxav4","backdropEnterDone":"drawer__backdropEnterDone_kxav4","contentEnterActive":"drawer__contentEnterActive_kxav4","exit":"drawer__exit_kxav4","backdropExit":"drawer__backdropExit_kxav4","contentExit":"drawer__contentExit_kxav4","exitActive":"drawer__exitActive_kxav4","backdropExitActive":"drawer__backdropExitActive_kxav4","backdropExitDone":"drawer__backdropExitDone_kxav4","contentExitActive":"drawer__contentExitActive_kxav4"};
|
|
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_kxav4 {
|
|
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_kxav4 {
|
|
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_kxav4 {
|
|
39
39
|
transform: translateX(100%);
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
.drawer__contentEnter_kxav4 {
|
|
42
42
|
opacity: 0;
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
.drawer__backdropEnter_kxav4 {
|
|
45
45
|
background-color: var(--backdrop-hidden-background);
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
.drawer__enterActive_kxav4 {
|
|
48
48
|
transition: transform 0.3s ease-in-out;
|
|
49
49
|
transform: translateX(0);
|
|
50
50
|
}
|
|
51
|
-
.
|
|
52
|
-
.
|
|
51
|
+
.drawer__backdropEnterActive_kxav4,
|
|
52
|
+
.drawer__backdropEnterDone_kxav4 {
|
|
53
53
|
transition: background 0.3s ease-in-out;
|
|
54
54
|
background-color: var(--backdrop-visible-background);
|
|
55
55
|
}
|
|
56
|
-
.
|
|
56
|
+
.drawer__contentEnterActive_kxav4 {
|
|
57
57
|
transition: opacity 0.2s ease-in-out 0.3s;
|
|
58
58
|
opacity: 1;
|
|
59
59
|
}
|
|
60
60
|
/* exit */
|
|
61
|
-
.
|
|
61
|
+
.drawer__exit_kxav4 {
|
|
62
62
|
transform: translateX(0);
|
|
63
63
|
}
|
|
64
|
-
.
|
|
64
|
+
.drawer__backdropExit_kxav4 {
|
|
65
65
|
background-color: var(--backdrop-visible-background);
|
|
66
66
|
}
|
|
67
|
-
.
|
|
67
|
+
.drawer__contentExit_kxav4 {
|
|
68
68
|
opacity: 1;
|
|
69
69
|
}
|
|
70
|
-
.
|
|
70
|
+
.drawer__exitActive_kxav4 {
|
|
71
71
|
transition: transform 0.25s ease-in-out 0.1s;
|
|
72
72
|
transform: translateX(100%);
|
|
73
73
|
}
|
|
74
|
-
.
|
|
75
|
-
.
|
|
74
|
+
.drawer__backdropExitActive_kxav4,
|
|
75
|
+
.drawer__backdropExitDone_kxav4 {
|
|
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_kxav4 {
|
|
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.4",
|
|
4
4
|
"description": "Drawer component",
|
|
5
|
-
"gitHead": "
|
|
5
|
+
"gitHead": "7b9b0bbb422c34b432003ddc335fe15f596ad6d5",
|
|
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.
|
|
25
|
-
"classnames": "
|
|
24
|
+
"@alfalab/core-components-base-modal": "^4.0.2",
|
|
25
|
+
"classnames": "2.2.6"
|
|
26
26
|
}
|
|
27
27
|
}
|