@entur/alert 0.10.2 → 0.10.5

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 +14 -0
  2. package/dist/styles.css +41 -8
  3. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -3,6 +3,20 @@
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.5](https://bitbucket.org/enturas/design-system/compare/@entur/alert@0.10.4...@entur/alert@0.10.5) (2022-04-27)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **small alertbox:** fix alert icon not being centered on text on smaller screen sizes ([050b393](https://bitbucket.org/enturas/design-system/commits/050b3932866ef8ba73565335f88aa10ccdcee48d))
11
+
12
+ ## [0.10.4](https://bitbucket.org/enturas/design-system/compare/@entur/alert@0.10.3...@entur/alert@0.10.4) (2022-04-20)
13
+
14
+ **Note:** Version bump only for package @entur/alert
15
+
16
+ ## [0.10.3](https://bitbucket.org/enturas/design-system/compare/@entur/alert@0.10.2...@entur/alert@0.10.3) (2022-04-19)
17
+
18
+ **Note:** Version bump only for package @entur/alert
19
+
6
20
  ## [0.10.2](https://bitbucket.org/enturas/design-system/compare/@entur/alert@0.10.1...@entur/alert@0.10.2) (2022-03-01)
7
21
 
8
22
  **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,21 +111,23 @@
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
  }
120
125
  .eds-alert-box--small {
121
126
  font-size: 0.875rem;
122
127
  }
123
- .eds-alert-box--small .eds-alert-box__icon {
124
- margin-top: 0;
125
- }
126
128
  .eds-alert-box--fit-content {
129
+ width: -webkit-fit-content;
130
+ width: -moz-fit-content;
127
131
  width: fit-content;
128
132
  }
129
133
  .eds-alert-box--success {
@@ -152,11 +156,12 @@
152
156
  flex: 0 0 1em;
153
157
  font-size: 1.2rem;
154
158
  margin-right: 0.5em;
155
- margin-top: -0.25rem;
159
+ margin-top: 0;
156
160
  }
157
161
  @media screen and (min-width: 50rem) {
158
162
  .eds-alert-box--banner .eds-alert-box__icon, .eds-alert-box--toast .eds-alert-box__icon {
159
163
  font-size: 2rem;
164
+ margin-top: -0.25rem;
160
165
  }
161
166
  }
162
167
 
@@ -183,7 +188,9 @@
183
188
  }
184
189
 
185
190
  .eds-alert-box__close-button {
186
- appearance: none;
191
+ -webkit-appearance: none;
192
+ -moz-appearance: none;
193
+ appearance: none;
187
194
  background: none;
188
195
  border: 0;
189
196
  border-radius: none;
@@ -237,13 +244,39 @@
237
244
  }
238
245
  @media screen and (min-width: 50rem) {
239
246
  .eds-toast-container {
247
+ left: auto;
240
248
  left: initial;
241
249
  }
242
250
  }
243
251
 
252
+ @-webkit-keyframes bounceInRight {
253
+ from, 60%, 75%, 90%, to {
254
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
255
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
256
+ }
257
+ from {
258
+ opacity: 0;
259
+ transform: translate3d(3000px, 0, 0) scaleX(3);
260
+ }
261
+ 60% {
262
+ opacity: 1;
263
+ transform: translate3d(-25px, 0, 0) scaleX(1);
264
+ }
265
+ 75% {
266
+ transform: translate3d(10px, 0, 0) scaleX(0.98);
267
+ }
268
+ 90% {
269
+ transform: translate3d(-5px, 0, 0) scaleX(0.995);
270
+ }
271
+ to {
272
+ transform: translate3d(0, 0, 0);
273
+ }
274
+ }
275
+
244
276
  @keyframes bounceInRight {
245
277
  from, 60%, 75%, 90%, to {
246
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
278
+ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
279
+ animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
247
280
  }
248
281
  from {
249
282
  opacity: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/alert",
3
- "version": "0.10.2",
3
+ "version": "0.10.5",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/alert.esm.js",
@@ -27,19 +27,19 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/expand": "^3.3.8",
31
- "@entur/icons": "^3.5.0",
32
- "@entur/typography": "^1.6.11",
30
+ "@entur/expand": "^3.3.11",
31
+ "@entur/icons": "^4.1.1",
32
+ "@entur/typography": "^1.6.12",
33
33
  "@entur/utils": "^0.4.3",
34
34
  "classnames": "^2.3.1",
35
35
  "copy-text-to-clipboard": "2.2"
36
36
  },
37
37
  "devDependencies": {
38
- "@entur/tokens": "^3.3.1"
38
+ "@entur/tokens": "^3.3.2"
39
39
  },
40
40
  "volta": {
41
41
  "node": "14.17.0",
42
42
  "yarn": "1.18.0"
43
43
  },
44
- "gitHead": "bf06a9d451cb7f978946c05ce04bb4e6f63379af"
44
+ "gitHead": "7b557782d62c07bdce744f9b084d57177e2202e9"
45
45
  }