@entur/button 3.2.37-beta.0 → 3.2.37

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 (2) hide show
  1. package/dist/styles.css +68 -65
  2. package/package.json +5 -5
package/dist/styles.css CHANGED
@@ -1,14 +1,5 @@
1
1
  /* DO NOT CHANGE!*/
2
2
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
- .eds-button-group .eds-button {
4
- margin-right: 0.75rem;
5
- margin-bottom: 0.75rem;
6
- }
7
- .eds-button-group .eds-button:only-child {
8
- margin: 0;
9
- }
10
- /* DO NOT CHANGE!*/
11
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
12
3
  a.eds-button {
13
4
  padding: 0.5rem 1rem;
14
5
  }
@@ -31,6 +22,7 @@ a.eds-button--size-large {
31
22
  -webkit-appearance: none;
32
23
  -moz-appearance: none;
33
24
  appearance: none;
25
+ -webkit-text-decoration: none;
34
26
  text-decoration: none;
35
27
  padding: 0 1rem;
36
28
  height: 3rem;
@@ -218,6 +210,15 @@ a.eds-button--size-large {
218
210
  }
219
211
  /* DO NOT CHANGE!*/
220
212
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
213
+ .eds-button-group .eds-button {
214
+ margin-right: 0.75rem;
215
+ margin-bottom: 0.75rem;
216
+ }
217
+ .eds-button-group .eds-button:only-child {
218
+ margin: 0;
219
+ }
220
+ /* DO NOT CHANGE!*/
221
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
221
222
  .eds-floating-button {
222
223
  align-items: center;
223
224
  -webkit-appearance: none;
@@ -307,6 +308,7 @@ a.eds-button--size-large {
307
308
  font-weight: 500;
308
309
  justify-content: center;
309
310
  padding: 0;
311
+ -webkit-text-decoration: none;
310
312
  text-decoration: none;
311
313
  }
312
314
  .eds-square-button:focus {
@@ -349,6 +351,7 @@ a.eds-button--size-large {
349
351
  line-height: 1.5rem;
350
352
  padding: 0;
351
353
  text-align: center;
354
+ -webkit-text-decoration: none;
352
355
  text-decoration: none;
353
356
  vertical-align: top;
354
357
  position: relative;
@@ -457,6 +460,62 @@ a.eds-button--size-large {
457
460
  }
458
461
  /* DO NOT CHANGE!*/
459
462
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
463
+ .eds-icon-button {
464
+ border: 0.125rem solid transparent;
465
+ border-radius: 0.25rem;
466
+ background: none;
467
+ color: var(--components-button-iconbutton-standard-text);
468
+ cursor: pointer;
469
+ display: flex;
470
+ justify-content: center;
471
+ align-items: center;
472
+ font-size: 1rem;
473
+ padding: 0.5rem;
474
+ }
475
+ .eds-contrast .eds-icon-button {
476
+ color: var(--components-button-iconbutton-contrast-text);
477
+ }
478
+ .eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot {
479
+ background-color: var(--components-button-iconbutton-contrast-icon);
480
+ }
481
+ .eds-icon-button--size-small {
482
+ height: 1.5rem;
483
+ width: 1.5rem;
484
+ padding: 0;
485
+ }
486
+ .eds-icon-button:hover {
487
+ background-color: var(--components-button-iconbutton-standard-hover);
488
+ }
489
+ .eds-contrast .eds-icon-button:hover {
490
+ background-color: var(--components-button-iconbutton-contrast-hover);
491
+ }
492
+ .eds-icon-button:active {
493
+ background: var(--components-button-iconbutton-standard-active);
494
+ color: var(--components-button-iconbutton-standard-text-active);
495
+ }
496
+ .eds-contrast .eds-icon-button:active {
497
+ background: var(--components-button-iconbutton-contrast-active);
498
+ color: var(--components-button-iconbutton-contrast-text-active);
499
+ }
500
+ .eds-icon-button:focus {
501
+ outline: 2px solid #181c56;
502
+ outline-color: var(--basecolors-stroke-focus-standard);
503
+ outline-offset: 0.125rem;
504
+ }
505
+ .eds-contrast .eds-icon-button:focus {
506
+ outline-color: var(--basecolors-stroke-focus-contrast);
507
+ }
508
+ .eds-icon-button--disabled {
509
+ opacity: 0.5;
510
+ pointer-events: none;
511
+ }
512
+ .eds-icon-button--disabled__wrapper {
513
+ cursor: not-allowed;
514
+ width: -moz-fit-content;
515
+ width: fit-content;
516
+ }
517
+ /* DO NOT CHANGE!*/
518
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
460
519
  /* DO NOT CHANGE!*/
461
520
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
462
521
  /* DO NOT CHANGE!*/
@@ -836,59 +895,3 @@ a.eds-button--size-large {
836
895
  :root {
837
896
  --eds-button: 1;
838
897
  }
839
- /* DO NOT CHANGE!*/
840
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
841
- .eds-icon-button {
842
- border: 0.125rem solid transparent;
843
- border-radius: 0.25rem;
844
- background: none;
845
- color: var(--components-button-iconbutton-standard-text);
846
- cursor: pointer;
847
- display: flex;
848
- justify-content: center;
849
- align-items: center;
850
- font-size: 1rem;
851
- padding: 0.5rem;
852
- }
853
- .eds-contrast .eds-icon-button {
854
- color: var(--components-button-iconbutton-contrast-text);
855
- }
856
- .eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot {
857
- background-color: var(--components-button-iconbutton-contrast-icon);
858
- }
859
- .eds-icon-button--size-small {
860
- height: 1.5rem;
861
- width: 1.5rem;
862
- padding: 0;
863
- }
864
- .eds-icon-button:hover {
865
- background-color: var(--components-button-iconbutton-standard-hover);
866
- }
867
- .eds-contrast .eds-icon-button:hover {
868
- background-color: var(--components-button-iconbutton-contrast-hover);
869
- }
870
- .eds-icon-button:active {
871
- background: var(--components-button-iconbutton-standard-active);
872
- color: var(--components-button-iconbutton-standard-text-active);
873
- }
874
- .eds-contrast .eds-icon-button:active {
875
- background: var(--components-button-iconbutton-contrast-active);
876
- color: var(--components-button-iconbutton-contrast-text-active);
877
- }
878
- .eds-icon-button:focus {
879
- outline: 2px solid #181c56;
880
- outline-color: var(--basecolors-stroke-focus-standard);
881
- outline-offset: 0.125rem;
882
- }
883
- .eds-contrast .eds-icon-button:focus {
884
- outline-color: var(--basecolors-stroke-focus-contrast);
885
- }
886
- .eds-icon-button--disabled {
887
- opacity: 0.5;
888
- pointer-events: none;
889
- }
890
- .eds-icon-button--disabled__wrapper {
891
- cursor: not-allowed;
892
- width: -moz-fit-content;
893
- width: fit-content;
894
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/button",
3
- "version": "3.2.37-beta.0",
3
+ "version": "3.2.37",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/button.esm.js",
@@ -27,13 +27,13 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/loader": "^0.5.15-beta.0",
31
- "@entur/tokens": "^3.17.4-beta.0",
32
- "@entur/utils": "^0.12.2-beta.0",
30
+ "@entur/loader": "^0.5.15",
31
+ "@entur/tokens": "^3.17.4",
32
+ "@entur/utils": "^0.12.2",
33
33
  "classnames": "^2.3.1"
34
34
  },
35
35
  "devDependencies": {
36
36
  "dts-cli": "2.0.5"
37
37
  },
38
- "gitHead": "b213fa4fd10a1a07abada3fa987b7ee2ed110ac2"
38
+ "gitHead": "835e1335b390f48b80379ae6c473ac89041a392a"
39
39
  }