@entur/alert 0.10.1 → 0.10.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 CHANGED
@@ -3,6 +3,18 @@
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
+ ## [0.10.4](https://bitbucket.org/enturas/design-system/compare/@entur/alert@0.10.3...@entur/alert@0.10.4) (2022-04-20)
7
+
8
+ **Note:** Version bump only for package @entur/alert
9
+
10
+ ## [0.10.3](https://bitbucket.org/enturas/design-system/compare/@entur/alert@0.10.2...@entur/alert@0.10.3) (2022-04-19)
11
+
12
+ **Note:** Version bump only for package @entur/alert
13
+
14
+ ## [0.10.2](https://bitbucket.org/enturas/design-system/compare/@entur/alert@0.10.1...@entur/alert@0.10.2) (2022-03-01)
15
+
16
+ **Note:** Version bump only for package @entur/alert
17
+
6
18
  ## [0.10.1](https://bitbucket.org/enturas/design-system/compare/@entur/alert@0.10.0...@entur/alert@0.10.1) (2022-02-09)
7
19
 
8
20
  **Note:** Version bump only for package @entur/alert
package/dist/styles.css CHANGED
@@ -3,7 +3,9 @@
3
3
  }/* DO NOT CHANGE!*/
4
4
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
5
5
  .copyable-text {
6
- appearance: none;
6
+ -webkit-appearance: none;
7
+ -moz-appearance: none;
8
+ appearance: none;
7
9
  background: none;
8
10
  border: 0;
9
11
  border-radius: 0;
@@ -109,11 +111,14 @@
109
111
  .eds-alert-box--toast {
110
112
  max-width: 22rem;
111
113
  width: 100%;
112
- animation: 0.5s ease-in-out 0s 1 bounceInRight;
114
+ -webkit-animation: 0.5s ease-in-out 0s 1 bounceInRight;
115
+ animation: 0.5s ease-in-out 0s 1 bounceInRight;
113
116
  }
114
117
  @media screen and (min-width: 50rem) {
115
118
  .eds-alert-box--toast {
116
119
  min-width: 12rem;
120
+ width: -webkit-fit-content;
121
+ width: -moz-fit-content;
117
122
  width: fit-content;
118
123
  }
119
124
  }
@@ -124,6 +129,8 @@
124
129
  margin-top: 0;
125
130
  }
126
131
  .eds-alert-box--fit-content {
132
+ width: -webkit-fit-content;
133
+ width: -moz-fit-content;
127
134
  width: fit-content;
128
135
  }
129
136
  .eds-alert-box--success {
@@ -183,7 +190,9 @@
183
190
  }
184
191
 
185
192
  .eds-alert-box__close-button {
186
- appearance: none;
193
+ -webkit-appearance: none;
194
+ -moz-appearance: none;
195
+ appearance: none;
187
196
  background: none;
188
197
  border: 0;
189
198
  border-radius: none;
@@ -237,13 +246,39 @@
237
246
  }
238
247
  @media screen and (min-width: 50rem) {
239
248
  .eds-toast-container {
249
+ left: auto;
240
250
  left: initial;
241
251
  }
242
252
  }
243
253
 
254
+ @-webkit-keyframes bounceInRight {
255
+ from, 60%, 75%, 90%, to {
256
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
257
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
258
+ }
259
+ from {
260
+ opacity: 0;
261
+ transform: translate3d(3000px, 0, 0) scaleX(3);
262
+ }
263
+ 60% {
264
+ opacity: 1;
265
+ transform: translate3d(-25px, 0, 0) scaleX(1);
266
+ }
267
+ 75% {
268
+ transform: translate3d(10px, 0, 0) scaleX(0.98);
269
+ }
270
+ 90% {
271
+ transform: translate3d(-5px, 0, 0) scaleX(0.995);
272
+ }
273
+ to {
274
+ transform: translate3d(0, 0, 0);
275
+ }
276
+ }
277
+
244
278
  @keyframes bounceInRight {
245
279
  from, 60%, 75%, 90%, to {
246
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
280
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
281
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
247
282
  }
248
283
  from {
249
284
  opacity: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/alert",
3
- "version": "0.10.1",
3
+ "version": "0.10.4",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/alert.esm.js",
@@ -27,8 +27,8 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/expand": "^3.3.7",
31
- "@entur/icons": "^3.4.1",
30
+ "@entur/expand": "^3.3.10",
31
+ "@entur/icons": "^4.1.0",
32
32
  "@entur/typography": "^1.6.11",
33
33
  "@entur/utils": "^0.4.3",
34
34
  "classnames": "^2.3.1",
@@ -41,5 +41,5 @@
41
41
  "node": "14.17.0",
42
42
  "yarn": "1.18.0"
43
43
  },
44
- "gitHead": "61e643371cfc5653c93160b7c220152e5b2bafeb"
44
+ "gitHead": "c10b4f0f9ecda0126bc916b80ca694cf8d58e399"
45
45
  }