@alfalab/core-components-drawer 3.1.0 → 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 +47 -39
- 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,18 +3,26 @@
|
|
|
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
|
-
|
|
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
|
+
|
|
8
|
+
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
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)
|
|
7
15
|
|
|
8
16
|
|
|
9
17
|
### Features
|
|
10
18
|
|
|
11
|
-
* Исправить импорты в сторях. ([#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))
|
|
12
20
|
|
|
13
21
|
|
|
14
22
|
|
|
15
23
|
|
|
16
24
|
|
|
17
|
-
## [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)
|
|
18
26
|
|
|
19
27
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
20
28
|
|
|
@@ -22,18 +30,18 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
22
30
|
|
|
23
31
|
|
|
24
32
|
|
|
25
|
-
## [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)
|
|
26
34
|
|
|
27
35
|
|
|
28
36
|
### Bug Fixes
|
|
29
37
|
|
|
30
|
-
* **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))
|
|
31
39
|
|
|
32
40
|
|
|
33
41
|
|
|
34
42
|
|
|
35
43
|
|
|
36
|
-
## [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)
|
|
37
45
|
|
|
38
46
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
39
47
|
|
|
@@ -41,14 +49,14 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
41
49
|
|
|
42
50
|
|
|
43
51
|
|
|
44
|
-
# [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)
|
|
45
53
|
|
|
46
54
|
|
|
47
55
|
### Features
|
|
48
56
|
|
|
49
|
-
* upgrade storybook ([#696](https://github.com/
|
|
57
|
+
* upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))
|
|
50
58
|
|
|
51
|
-
## [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)
|
|
52
60
|
|
|
53
61
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
54
62
|
|
|
@@ -56,7 +64,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
56
64
|
|
|
57
65
|
|
|
58
66
|
|
|
59
|
-
## [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)
|
|
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.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)
|
|
68
76
|
|
|
69
77
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
70
78
|
|
|
@@ -72,34 +80,34 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
72
80
|
|
|
73
81
|
|
|
74
82
|
|
|
75
|
-
## [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)
|
|
76
84
|
|
|
77
85
|
|
|
78
86
|
### Bug Fixes
|
|
79
87
|
|
|
80
|
-
* **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))
|
|
81
89
|
|
|
82
90
|
|
|
83
91
|
|
|
84
92
|
|
|
85
93
|
|
|
86
|
-
# [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)
|
|
87
95
|
|
|
88
96
|
|
|
89
97
|
### Features
|
|
90
98
|
|
|
91
|
-
* **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))
|
|
92
100
|
|
|
93
101
|
|
|
94
102
|
|
|
95
103
|
|
|
96
104
|
|
|
97
|
-
# [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)
|
|
98
106
|
|
|
99
107
|
|
|
100
108
|
### Features
|
|
101
109
|
|
|
102
|
-
* **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))
|
|
103
111
|
|
|
104
112
|
|
|
105
113
|
### BREAKING CHANGES
|
|
@@ -158,40 +166,40 @@ remove z-index, add stack component
|
|
|
158
166
|
|
|
159
167
|
|
|
160
168
|
|
|
161
|
-
## [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)
|
|
162
170
|
|
|
163
171
|
|
|
164
172
|
### Bug Fixes
|
|
165
173
|
|
|
166
|
-
* **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))
|
|
167
175
|
|
|
168
176
|
|
|
169
177
|
|
|
170
178
|
|
|
171
179
|
|
|
172
|
-
## [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)
|
|
173
181
|
|
|
174
182
|
|
|
175
183
|
### Bug Fixes
|
|
176
184
|
|
|
177
|
-
* **drawer:** backdrop styles ([04da4fa](https://github.com/
|
|
185
|
+
* **drawer:** backdrop styles ([04da4fa](https://github.com/core-ds/core-components/commit/04da4fac310dbe2634ea4130ead480a88d47ee8e))
|
|
178
186
|
|
|
179
187
|
|
|
180
188
|
|
|
181
189
|
|
|
182
190
|
|
|
183
|
-
# [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)
|
|
184
192
|
|
|
185
193
|
|
|
186
194
|
### Features
|
|
187
195
|
|
|
188
|
-
* **backdrop:** add component ([948a6c2](https://github.com/
|
|
196
|
+
* **backdrop:** add component ([948a6c2](https://github.com/core-ds/core-components/commit/948a6c2fb5ec58edb2d087691ce4713d75da6e35))
|
|
189
197
|
|
|
190
198
|
|
|
191
199
|
|
|
192
200
|
|
|
193
201
|
|
|
194
|
-
## [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)
|
|
195
203
|
|
|
196
204
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
197
205
|
|
|
@@ -199,7 +207,7 @@ remove z-index, add stack component
|
|
|
199
207
|
|
|
200
208
|
|
|
201
209
|
|
|
202
|
-
## [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)
|
|
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.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)
|
|
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.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)
|
|
219
227
|
|
|
220
228
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
221
229
|
|
|
@@ -223,18 +231,18 @@ remove z-index, add stack component
|
|
|
223
231
|
|
|
224
232
|
|
|
225
233
|
|
|
226
|
-
## [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)
|
|
227
235
|
|
|
228
236
|
|
|
229
237
|
### Bug Fixes
|
|
230
238
|
|
|
231
|
-
* 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))
|
|
232
240
|
|
|
233
241
|
|
|
234
242
|
|
|
235
243
|
|
|
236
244
|
|
|
237
|
-
## [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)
|
|
238
246
|
|
|
239
247
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
240
248
|
|
|
@@ -242,7 +250,7 @@ remove z-index, add stack component
|
|
|
242
250
|
|
|
243
251
|
|
|
244
252
|
|
|
245
|
-
## [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)
|
|
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.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)
|
|
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.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)
|
|
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.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)
|
|
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.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)
|
|
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.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)
|
|
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.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)
|
|
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.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)
|
|
302
310
|
|
|
303
311
|
**Note:** Version bump only for package @alfalab/core-components-drawer
|
|
304
312
|
|
|
@@ -311,4 +319,4 @@ remove z-index, add stack component
|
|
|
311
319
|
|
|
312
320
|
### Features
|
|
313
321
|
|
|
314
|
-
* **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": "^
|
|
25
|
-
"classnames": "
|
|
24
|
+
"@alfalab/core-components-base-modal": "^4.0.2",
|
|
25
|
+
"classnames": "2.2.6"
|
|
26
26
|
}
|
|
27
27
|
}
|