@entur/modal 1.5.10 → 1.5.11
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 +4 -0
- package/dist/styles.css +88 -50
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
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
|
+
## [1.5.11](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.5.10...@entur/modal@1.5.11) (2022-04-19)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @entur/modal
|
|
9
|
+
|
|
6
10
|
## [1.5.10](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.5.9...@entur/modal@1.5.10) (2022-03-01)
|
|
7
11
|
|
|
8
12
|
**Note:** Version bump only for package @entur/modal
|
package/dist/styles.css
CHANGED
|
@@ -2,49 +2,6 @@
|
|
|
2
2
|
--eds-modal: 1;
|
|
3
3
|
}/* DO NOT CHANGE!*/
|
|
4
4
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
5
|
-
@keyframes slideFromRight {
|
|
6
|
-
from {
|
|
7
|
-
box-shadow: none;
|
|
8
|
-
transform: translateX(100%);
|
|
9
|
-
}
|
|
10
|
-
to {
|
|
11
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
12
|
-
transform: 0;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
.eds-drawer {
|
|
16
|
-
animation: slideFromRight forwards ease-out 0.1s;
|
|
17
|
-
background: #ebebf1;
|
|
18
|
-
bottom: 0;
|
|
19
|
-
padding: 1.5rem;
|
|
20
|
-
position: fixed;
|
|
21
|
-
right: 0;
|
|
22
|
-
top: 0;
|
|
23
|
-
max-width: 100%;
|
|
24
|
-
min-width: 20rem;
|
|
25
|
-
width: 25vw;
|
|
26
|
-
z-index: 40;
|
|
27
|
-
overflow-y: auto;
|
|
28
|
-
}
|
|
29
|
-
.eds-contrast .eds-drawer {
|
|
30
|
-
background: #292b6a;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.eds-drawer__close-button {
|
|
34
|
-
margin: 0;
|
|
35
|
-
position: absolute;
|
|
36
|
-
top: 1.5rem;
|
|
37
|
-
right: 1.5rem;
|
|
38
|
-
}
|
|
39
|
-
.eds-drawer__close-button:focus {
|
|
40
|
-
outline-offset: 0.125rem;
|
|
41
|
-
outline: none;
|
|
42
|
-
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
43
|
-
}
|
|
44
|
-
.eds-contrast .eds-drawer__close-button:focus {
|
|
45
|
-
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
46
|
-
}/* DO NOT CHANGE!*/
|
|
47
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
48
5
|
:root {
|
|
49
6
|
--reach-dialog: 1;
|
|
50
7
|
}
|
|
@@ -59,9 +16,12 @@
|
|
|
59
16
|
right: 0;
|
|
60
17
|
top: 0;
|
|
61
18
|
z-index: 30;
|
|
62
|
-
animation: fadeInOverlay;
|
|
63
|
-
|
|
64
|
-
animation-
|
|
19
|
+
-webkit-animation: fadeInOverlay;
|
|
20
|
+
animation: fadeInOverlay;
|
|
21
|
+
-webkit-animation-duration: 0.2s;
|
|
22
|
+
animation-duration: 0.2s;
|
|
23
|
+
-webkit-animation-timing-function: ease-in-out;
|
|
24
|
+
animation-timing-function: ease-in-out;
|
|
65
25
|
}
|
|
66
26
|
|
|
67
27
|
.eds-modal__content {
|
|
@@ -76,9 +36,12 @@
|
|
|
76
36
|
max-height: 90vh;
|
|
77
37
|
overflow: auto;
|
|
78
38
|
z-index: 40;
|
|
79
|
-
animation: slideInContent;
|
|
80
|
-
|
|
81
|
-
animation-
|
|
39
|
+
-webkit-animation: slideInContent;
|
|
40
|
+
animation: slideInContent;
|
|
41
|
+
-webkit-animation-duration: 0.2s;
|
|
42
|
+
animation-duration: 0.2s;
|
|
43
|
+
-webkit-animation-timing-function: ease-in-out;
|
|
44
|
+
animation-timing-function: ease-in-out;
|
|
82
45
|
}
|
|
83
46
|
.eds-modal__content--size-extraSmall {
|
|
84
47
|
max-width: 21rem;
|
|
@@ -102,7 +65,9 @@
|
|
|
102
65
|
}
|
|
103
66
|
|
|
104
67
|
.eds-modal__close {
|
|
105
|
-
appearance: none;
|
|
68
|
+
-webkit-appearance: none;
|
|
69
|
+
-moz-appearance: none;
|
|
70
|
+
appearance: none;
|
|
106
71
|
background: none;
|
|
107
72
|
border: none;
|
|
108
73
|
border-radius: 0;
|
|
@@ -120,6 +85,15 @@
|
|
|
120
85
|
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
121
86
|
}
|
|
122
87
|
|
|
88
|
+
@-webkit-keyframes fadeInOverlay {
|
|
89
|
+
from {
|
|
90
|
+
opacity: 0;
|
|
91
|
+
}
|
|
92
|
+
to {
|
|
93
|
+
opacity: 1;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
|
|
123
97
|
@keyframes fadeInOverlay {
|
|
124
98
|
from {
|
|
125
99
|
opacity: 0;
|
|
@@ -128,6 +102,16 @@
|
|
|
128
102
|
opacity: 1;
|
|
129
103
|
}
|
|
130
104
|
}
|
|
105
|
+
@-webkit-keyframes slideInContent {
|
|
106
|
+
from {
|
|
107
|
+
top: 5rem;
|
|
108
|
+
opacity: 0;
|
|
109
|
+
}
|
|
110
|
+
to {
|
|
111
|
+
top: 0%;
|
|
112
|
+
opacity: 1;
|
|
113
|
+
}
|
|
114
|
+
}
|
|
131
115
|
@keyframes slideInContent {
|
|
132
116
|
from {
|
|
133
117
|
top: 5rem;
|
|
@@ -137,4 +121,58 @@
|
|
|
137
121
|
top: 0%;
|
|
138
122
|
opacity: 1;
|
|
139
123
|
}
|
|
124
|
+
}/* DO NOT CHANGE!*/
|
|
125
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
126
|
+
@-webkit-keyframes slideFromRight {
|
|
127
|
+
from {
|
|
128
|
+
box-shadow: none;
|
|
129
|
+
transform: translateX(100%);
|
|
130
|
+
}
|
|
131
|
+
to {
|
|
132
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
133
|
+
transform: 0;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
@keyframes slideFromRight {
|
|
137
|
+
from {
|
|
138
|
+
box-shadow: none;
|
|
139
|
+
transform: translateX(100%);
|
|
140
|
+
}
|
|
141
|
+
to {
|
|
142
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
143
|
+
transform: 0;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
.eds-drawer {
|
|
147
|
+
-webkit-animation: slideFromRight forwards ease-out 0.1s;
|
|
148
|
+
animation: slideFromRight forwards ease-out 0.1s;
|
|
149
|
+
background: #ebebf1;
|
|
150
|
+
bottom: 0;
|
|
151
|
+
padding: 1.5rem;
|
|
152
|
+
position: fixed;
|
|
153
|
+
right: 0;
|
|
154
|
+
top: 0;
|
|
155
|
+
max-width: 100%;
|
|
156
|
+
min-width: 20rem;
|
|
157
|
+
width: 25vw;
|
|
158
|
+
z-index: 40;
|
|
159
|
+
overflow-y: auto;
|
|
160
|
+
}
|
|
161
|
+
.eds-contrast .eds-drawer {
|
|
162
|
+
background: #292b6a;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.eds-drawer__close-button {
|
|
166
|
+
margin: 0;
|
|
167
|
+
position: absolute;
|
|
168
|
+
top: 1.5rem;
|
|
169
|
+
right: 1.5rem;
|
|
170
|
+
}
|
|
171
|
+
.eds-drawer__close-button:focus {
|
|
172
|
+
outline-offset: 0.125rem;
|
|
173
|
+
outline: none;
|
|
174
|
+
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
|
|
175
|
+
}
|
|
176
|
+
.eds-contrast .eds-drawer__close-button:focus {
|
|
177
|
+
box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
|
|
140
178
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/modal",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.11",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/modal.esm.js",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@entur/a11y": "^0.2.42",
|
|
31
31
|
"@entur/button": "^2.8.0",
|
|
32
|
-
"@entur/icons": "^
|
|
32
|
+
"@entur/icons": "^4.0.0",
|
|
33
33
|
"@entur/layout": "^2.1.4",
|
|
34
34
|
"@entur/tokens": "^3.3.1",
|
|
35
35
|
"@entur/typography": "^1.6.11",
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"classnames": "^2.3.1",
|
|
40
40
|
"react-focus-lock": "^2.5.2"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "f760e1b8cfdc14231bd6391a8d82dfed1d71daa4"
|
|
43
43
|
}
|