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