@entur/button 2.8.0 → 2.8.3

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 +12 -0
  2. package/dist/styles.css +99 -93
  3. package/package.json +4 -4
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
+ ## [2.8.3](https://bitbucket.org/enturas/design-system/compare/@entur/button@2.8.2...@entur/button@2.8.3) (2022-06-02)
7
+
8
+ **Note:** Version bump only for package @entur/button
9
+
10
+ ## [2.8.2](https://bitbucket.org/enturas/design-system/compare/@entur/button@2.8.1...@entur/button@2.8.2) (2022-05-13)
11
+
12
+ **Note:** Version bump only for package @entur/button
13
+
14
+ ## [2.8.1](https://bitbucket.org/enturas/design-system/compare/@entur/button@2.8.0...@entur/button@2.8.1) (2022-04-27)
15
+
16
+ **Note:** Version bump only for package @entur/button
17
+
6
18
  # [2.8.0](https://bitbucket.org/enturas/design-system/compare/@entur/button@2.7.4...@entur/button@2.8.0) (2022-02-09)
7
19
 
8
20
  ### Features
package/dist/styles.css CHANGED
@@ -2,52 +2,79 @@
2
2
  --eds-button: 1;
3
3
  }/* DO NOT CHANGE!*/
4
4
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
5
- .eds-icon-button {
6
- border: 0.0625rem solid transparent;
7
- border-radius: 0.25rem;
8
- background: none;
9
- color: inherit;
5
+ .eds-button-group .eds-button {
6
+ margin-right: 0.75rem;
7
+ margin-bottom: 0.75rem;
8
+ }
9
+ .eds-button-group .eds-button:only-child {
10
+ margin: 0;
11
+ }/* DO NOT CHANGE!*/
12
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
13
+ .eds-floating-button {
14
+ align-items: center;
15
+ -webkit-appearance: none;
16
+ -moz-appearance: none;
17
+ appearance: none;
18
+ background: #181c56;
19
+ border: 0;
20
+ border-radius: 1.5rem;
21
+ box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
22
+ color: #ffffff;
10
23
  cursor: pointer;
11
24
  display: flex;
25
+ font-family: inherit;
26
+ font-size: 0.875rem;
27
+ font-weight: 500;
12
28
  justify-content: center;
13
- align-items: center;
14
- font-size: 1rem;
15
- padding: 0.5rem;
29
+ min-height: 3rem;
30
+ margin: 0;
31
+ min-width: 3rem;
32
+ padding: 0 1rem;
33
+ position: relative;
34
+ z-index: 10;
16
35
  }
17
- .eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot {
18
- background-color: #ffffff;
36
+ .eds-floating-button--extended {
37
+ padding: 0 0.9375rem;
19
38
  }
20
- .eds-icon-button--size-small {
21
- height: 1.5rem;
22
- width: 1.5rem;
23
- padding: 0;
39
+ .eds-floating-button:hover {
40
+ background-color: #2f3367;
24
41
  }
25
- .eds-icon-button--size-medium {
26
- height: 2rem;
27
- width: 2rem;
42
+ .eds-floating-button:focus {
43
+ outline-offset: 0.125rem;
44
+ outline: none;
45
+ box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
28
46
  }
29
- .eds-icon-button:hover {
30
- background-color: #d1d4e3;
47
+ .eds-contrast .eds-floating-button:focus {
48
+ box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
31
49
  }
32
- .eds-contrast .eds-icon-button:hover {
33
- background-color: #393d79;
50
+ .eds-contrast .eds-floating-button {
51
+ background: #ffffff;
52
+ color: #181c56;
53
+ box-shadow: 0 0.0625rem 0.1875rem #393d79;
34
54
  }
35
- .eds-icon-button:active {
36
- background: #babbcf;
55
+ .eds-contrast .eds-floating-button:hover {
56
+ background-color: #b6bee5;
37
57
  }
38
- .eds-contrast .eds-icon-button:active {
39
- background: #292b6a;
58
+ .eds-floating-button--small {
59
+ border-radius: 1rem;
60
+ height: 2rem;
61
+ padding: 0 0.5rem;
62
+ min-width: 2rem;
63
+ min-height: 2rem;
64
+ flex: 0 1 auto;
40
65
  }
41
- .eds-icon-button:focus {
42
- border: 0.0625rem solid #181c56;
43
- outline: none;
66
+ .eds-floating-button--small.eds-floating-button--extended {
67
+ padding: 0 0.6875rem;
44
68
  }
45
- .eds-contrast .eds-icon-button:focus {
46
- border: 0.0625rem solid #ffffff;
69
+
70
+ .eds-floating-button--extended > * {
71
+ margin: 0 0.5em;
47
72
  }
48
- .eds-icon-button--disabled {
49
- opacity: 0.5;
50
- pointer-events: none;
73
+ .eds-floating-button--extended > *:first-child {
74
+ margin-left: 0;
75
+ }
76
+ .eds-floating-button--extended > *:last-child {
77
+ margin-right: 0;
51
78
  }/* DO NOT CHANGE!*/
52
79
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
53
80
  a.eds-button {
@@ -67,7 +94,9 @@ a.eds-button--size-large {
67
94
  font-size: inherit;
68
95
  cursor: pointer;
69
96
  display: inline-block;
70
- appearance: none;
97
+ -webkit-appearance: none;
98
+ -moz-appearance: none;
99
+ appearance: none;
71
100
  text-decoration: none;
72
101
  padding: 0 1rem;
73
102
  height: 3rem;
@@ -263,77 +292,52 @@ a.eds-button--size-large {
263
292
  color: #aeb7e2;
264
293
  }/* DO NOT CHANGE!*/
265
294
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
266
- .eds-button-group .eds-button {
267
- margin-right: 0.75rem;
268
- margin-bottom: 0.75rem;
269
- }
270
- .eds-button-group .eds-button:only-child {
271
- margin: 0;
272
- }/* DO NOT CHANGE!*/
273
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
274
- .eds-floating-button {
275
- align-items: center;
276
- appearance: none;
277
- background: #181c56;
278
- border: 0;
279
- border-radius: 1.5rem;
280
- box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
281
- color: #ffffff;
295
+ .eds-icon-button {
296
+ border: 0.0625rem solid transparent;
297
+ border-radius: 0.25rem;
298
+ background: none;
299
+ color: inherit;
282
300
  cursor: pointer;
283
301
  display: flex;
284
- font-family: inherit;
285
- font-size: 0.875rem;
286
- font-weight: 500;
287
302
  justify-content: center;
288
- min-height: 3rem;
289
- margin: 0;
290
- min-width: 3rem;
291
- padding: 0 1rem;
292
- position: relative;
293
- z-index: 10;
294
- }
295
- .eds-floating-button--extended {
296
- padding: 0 0.9375rem;
303
+ align-items: center;
304
+ font-size: 1rem;
305
+ padding: 0.5rem;
297
306
  }
298
- .eds-floating-button:hover {
299
- background-color: #2f3367;
307
+ .eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot {
308
+ background-color: #ffffff;
300
309
  }
301
- .eds-floating-button:focus {
302
- outline-offset: 0.125rem;
303
- outline: none;
304
- box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
310
+ .eds-icon-button--size-small {
311
+ height: 1.5rem;
312
+ width: 1.5rem;
313
+ padding: 0;
305
314
  }
306
- .eds-contrast .eds-floating-button:focus {
307
- box-shadow: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
315
+ .eds-icon-button--size-medium {
316
+ height: 2rem;
317
+ width: 2rem;
308
318
  }
309
- .eds-contrast .eds-floating-button {
310
- background: #ffffff;
311
- color: #181c56;
312
- box-shadow: 0 0.0625rem 0.1875rem #393d79;
319
+ .eds-icon-button:hover {
320
+ background-color: #d1d4e3;
313
321
  }
314
- .eds-contrast .eds-floating-button:hover {
315
- background-color: #b6bee5;
322
+ .eds-contrast .eds-icon-button:hover {
323
+ background-color: #393d79;
316
324
  }
317
- .eds-floating-button--small {
318
- border-radius: 1rem;
319
- height: 2rem;
320
- padding: 0 0.5rem;
321
- min-width: 2rem;
322
- min-height: 2rem;
323
- flex: 0 1 auto;
325
+ .eds-icon-button:active {
326
+ background: #babbcf;
324
327
  }
325
- .eds-floating-button--small.eds-floating-button--extended {
326
- padding: 0 0.6875rem;
328
+ .eds-contrast .eds-icon-button:active {
329
+ background: #292b6a;
327
330
  }
328
-
329
- .eds-floating-button--extended > * {
330
- margin: 0 0.5em;
331
+ .eds-icon-button:focus {
332
+ border: 0.0625rem solid #181c56;
333
+ outline: none;
331
334
  }
332
- .eds-floating-button--extended > *:first-child {
333
- margin-left: 0;
335
+ .eds-contrast .eds-icon-button:focus {
336
+ border: 0.0625rem solid #ffffff;
334
337
  }
335
- .eds-floating-button--extended > *:last-child {
336
- margin-right: 0;
338
+ .eds-icon-button--disabled {
339
+ opacity: 0.5;
340
+ pointer-events: none;
337
341
  }/* DO NOT CHANGE!*/
338
342
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
339
343
  .eds-square-button {
@@ -341,7 +345,9 @@ a.eds-button--size-large {
341
345
  --icon-background: transparent;
342
346
  --border-color: transparent;
343
347
  align-items: center;
344
- appearance: none;
348
+ -webkit-appearance: none;
349
+ -moz-appearance: none;
350
+ appearance: none;
345
351
  background: transparent;
346
352
  border: 0;
347
353
  border-radius: 0.25rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/button",
3
- "version": "2.8.0",
3
+ "version": "2.8.3",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/button.esm.js",
@@ -27,12 +27,12 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/loader": "^0.4.5",
30
+ "@entur/loader": "^0.4.8",
31
31
  "@entur/utils": "^0.4.3",
32
32
  "classnames": "^2.3.1"
33
33
  },
34
34
  "devDependencies": {
35
- "@entur/tokens": "^3.3.1"
35
+ "@entur/tokens": "^3.3.2"
36
36
  },
37
- "gitHead": "61e643371cfc5653c93160b7c220152e5b2bafeb"
37
+ "gitHead": "02c1bc4caad8480d21d8560188ba21b972e3370e"
38
38
  }