@entur/modal 1.6.18 → 1.6.19

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.
Files changed (3) hide show
  1. package/CHANGELOG.md +2 -4
  2. package/dist/styles.css +85 -49
  3. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -31,11 +31,9 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
31
31
 
32
32
  ## [1.6.12](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.11...@entur/modal@1.6.12) (2022-10-20)
33
33
 
34
- **Note:** Version bump only for package @entur/modal
35
-
36
- ## [1.6.11](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.10...@entur/modal@1.6.11) (2022-10-20)
34
+ ### Performance Improvements
37
35
 
38
- **Note:** Version bump only for package @entur/modal
36
+ - **react-focus-lock:** update react-focus-lock package to newest version ([a827d1b](https://bitbucket.org/enturas/design-system/commits/a827d1b79872ea648ac794675cb5602df2cec56a))
39
37
 
40
38
  ## [1.6.10](https://bitbucket.org/enturas/design-system/compare/@entur/modal@1.6.9...@entur/modal@1.6.10) (2022-10-12)
41
39
 
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
- animation-duration: 0.2s;
64
- animation-timing-function: ease-in-out;
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
- animation-duration: 0.2s;
81
- animation-timing-function: ease-in-out;
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;
@@ -138,6 +101,15 @@
138
101
  box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
139
102
  }
140
103
 
104
+ @-webkit-keyframes fadeInOverlay {
105
+ from {
106
+ opacity: 0;
107
+ }
108
+ to {
109
+ opacity: 1;
110
+ }
111
+ }
112
+
141
113
  @keyframes fadeInOverlay {
142
114
  from {
143
115
  opacity: 0;
@@ -146,6 +118,16 @@
146
118
  opacity: 1;
147
119
  }
148
120
  }
121
+ @-webkit-keyframes slideInContent {
122
+ from {
123
+ top: 5rem;
124
+ opacity: 0;
125
+ }
126
+ to {
127
+ top: 0%;
128
+ opacity: 1;
129
+ }
130
+ }
149
131
  @keyframes slideInContent {
150
132
  from {
151
133
  top: 5rem;
@@ -155,4 +137,58 @@
155
137
  top: 0%;
156
138
  opacity: 1;
157
139
  }
140
+ }/* DO NOT CHANGE!*/
141
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
142
+ @-webkit-keyframes slideFromRight {
143
+ from {
144
+ box-shadow: none;
145
+ transform: translateX(100%);
146
+ }
147
+ to {
148
+ box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
149
+ transform: 0;
150
+ }
151
+ }
152
+ @keyframes slideFromRight {
153
+ from {
154
+ box-shadow: none;
155
+ transform: translateX(100%);
156
+ }
157
+ to {
158
+ box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
159
+ transform: 0;
160
+ }
161
+ }
162
+ .eds-drawer {
163
+ -webkit-animation: slideFromRight forwards ease-out 0.1s;
164
+ animation: slideFromRight forwards ease-out 0.1s;
165
+ background: #ebebf1;
166
+ bottom: 0;
167
+ padding: 1.5rem;
168
+ position: fixed;
169
+ right: 0;
170
+ top: 0;
171
+ max-width: 100%;
172
+ min-width: 20rem;
173
+ width: 25vw;
174
+ z-index: 40;
175
+ overflow-y: auto;
176
+ }
177
+ .eds-contrast .eds-drawer {
178
+ background: #292b6a;
179
+ }
180
+
181
+ .eds-drawer__close-button {
182
+ margin: 0;
183
+ position: absolute;
184
+ top: 1.5rem;
185
+ right: 1.5rem;
186
+ }
187
+ .eds-drawer__close-button:focus {
188
+ outline-offset: 0.125rem;
189
+ outline: none;
190
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
191
+ }
192
+ .eds-contrast .eds-drawer__close-button:focus {
193
+ box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
158
194
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/modal",
3
- "version": "1.6.18",
3
+ "version": "1.6.19",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/modal.esm.js",
@@ -27,16 +27,16 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/a11y": "^0.2.53",
31
- "@entur/button": "^2.10.8",
32
- "@entur/icons": "^5.4.1",
33
- "@entur/layout": "^2.1.15",
30
+ "@entur/a11y": "^0.2.54",
31
+ "@entur/button": "^2.10.9",
32
+ "@entur/icons": "^5.4.2",
33
+ "@entur/layout": "^2.1.16",
34
34
  "@entur/tokens": "^3.4.4",
35
- "@entur/typography": "^1.7.4",
36
- "@entur/utils": "^0.4.9",
35
+ "@entur/typography": "^1.7.5",
36
+ "@entur/utils": "^0.5.0",
37
37
  "@reach/dialog": "^0.16.0",
38
38
  "classnames": "^2.3.1",
39
- "react-focus-lock": "^2.5.2"
39
+ "react-focus-lock": "^2.9.1"
40
40
  },
41
- "gitHead": "de71e205560a699e2dce301e133966dc9348c459"
41
+ "gitHead": "36772ae4f2d8375622acff19736c07d15435cb95"
42
42
  }