@entur/tooltip 5.1.5 → 5.2.0-beta.0
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/dist/styles.css +101 -101
- package/package.json +6 -6
package/dist/styles.css
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
/* DO NOT CHANGE!*/
|
|
2
2
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
|
+
/* DO NOT CHANGE!*/
|
|
4
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
5
|
+
.eds-button-group .eds-button {
|
|
6
|
+
margin-right: 0.75rem;
|
|
7
|
+
margin-bottom: 0.75rem;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.eds-button-group .eds-button:only-child {
|
|
11
|
+
margin: 0;
|
|
12
|
+
}
|
|
13
|
+
|
|
3
14
|
/* DO NOT CHANGE!*/
|
|
4
15
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
5
16
|
a.eds-button {
|
|
@@ -54,14 +65,14 @@ a.eds-button--size-large {
|
|
|
54
65
|
color: var(--eds-button-text-active);
|
|
55
66
|
}
|
|
56
67
|
|
|
57
|
-
.eds-button:focus {
|
|
68
|
+
.eds-button:focus-visible {
|
|
58
69
|
outline: 2px solid #181c56;
|
|
59
70
|
outline-color: #181c56;
|
|
60
71
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
61
72
|
outline-offset: 0.125rem;
|
|
62
73
|
}
|
|
63
74
|
|
|
64
|
-
.eds-contrast .eds-button:focus {
|
|
75
|
+
.eds-contrast .eds-button:focus-visible {
|
|
65
76
|
outline-color: #aeb7e2;
|
|
66
77
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
67
78
|
}
|
|
@@ -254,17 +265,6 @@ a.eds-button--size-large {
|
|
|
254
265
|
border-color: transparent;
|
|
255
266
|
}
|
|
256
267
|
|
|
257
|
-
/* DO NOT CHANGE!*/
|
|
258
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
259
|
-
.eds-button-group .eds-button {
|
|
260
|
-
margin-right: 0.75rem;
|
|
261
|
-
margin-bottom: 0.75rem;
|
|
262
|
-
}
|
|
263
|
-
|
|
264
|
-
.eds-button-group .eds-button:only-child {
|
|
265
|
-
margin: 0;
|
|
266
|
-
}
|
|
267
|
-
|
|
268
268
|
/* DO NOT CHANGE!*/
|
|
269
269
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
270
270
|
.eds-floating-button {
|
|
@@ -307,14 +307,14 @@ a.eds-button--size-large {
|
|
|
307
307
|
background-color: var(--components-button-floating-standard-active);
|
|
308
308
|
}
|
|
309
309
|
|
|
310
|
-
.eds-floating-button:focus {
|
|
310
|
+
.eds-floating-button:focus-visible {
|
|
311
311
|
outline: 2px solid #181c56;
|
|
312
312
|
outline-color: #181c56;
|
|
313
313
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
314
314
|
outline-offset: 0.125rem;
|
|
315
315
|
}
|
|
316
316
|
|
|
317
|
-
.eds-contrast .eds-floating-button:focus {
|
|
317
|
+
.eds-contrast .eds-floating-button:focus-visible {
|
|
318
318
|
outline-color: #aeb7e2;
|
|
319
319
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
320
320
|
}
|
|
@@ -384,18 +384,18 @@ a.eds-button--size-large {
|
|
|
384
384
|
text-decoration: none;
|
|
385
385
|
}
|
|
386
386
|
|
|
387
|
-
.eds-square-button:focus {
|
|
387
|
+
.eds-square-button:focus-visible {
|
|
388
388
|
outline: none;
|
|
389
389
|
}
|
|
390
390
|
|
|
391
|
-
.eds-square-button:focus .eds-square-button__button {
|
|
391
|
+
.eds-square-button:focus-visible .eds-square-button__button {
|
|
392
392
|
outline: 2px solid #181c56;
|
|
393
393
|
outline-color: #181c56;
|
|
394
394
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
395
395
|
outline-offset: 0.125rem;
|
|
396
396
|
}
|
|
397
397
|
|
|
398
|
-
.eds-contrast .eds-square-button:focus .eds-square-button__button {
|
|
398
|
+
.eds-contrast .eds-square-button:focus-visible .eds-square-button__button {
|
|
399
399
|
outline-color: #aeb7e2;
|
|
400
400
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
401
401
|
}
|
|
@@ -568,85 +568,6 @@ a.eds-button--size-large {
|
|
|
568
568
|
border-width: 0.0625rem;
|
|
569
569
|
}
|
|
570
570
|
|
|
571
|
-
/* DO NOT CHANGE!*/
|
|
572
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
573
|
-
.eds-icon-button {
|
|
574
|
-
border: 0.125rem solid transparent;
|
|
575
|
-
border-radius: 0.25rem;
|
|
576
|
-
background: none;
|
|
577
|
-
color: #181c56;
|
|
578
|
-
color: var(--components-button-iconbutton-standard-text);
|
|
579
|
-
cursor: pointer;
|
|
580
|
-
display: flex;
|
|
581
|
-
justify-content: center;
|
|
582
|
-
align-items: center;
|
|
583
|
-
font-size: 1rem;
|
|
584
|
-
padding: 0.5rem;
|
|
585
|
-
}
|
|
586
|
-
|
|
587
|
-
.eds-contrast .eds-icon-button {
|
|
588
|
-
color: #ffffff;
|
|
589
|
-
color: var(--components-button-iconbutton-contrast-text);
|
|
590
|
-
}
|
|
591
|
-
|
|
592
|
-
.eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot {
|
|
593
|
-
background-color: #ffffff;
|
|
594
|
-
background-color: var(--components-button-iconbutton-contrast-icon);
|
|
595
|
-
}
|
|
596
|
-
|
|
597
|
-
.eds-icon-button--size-small {
|
|
598
|
-
height: 1.5rem;
|
|
599
|
-
width: 1.5rem;
|
|
600
|
-
padding: 0;
|
|
601
|
-
}
|
|
602
|
-
|
|
603
|
-
.eds-icon-button:hover {
|
|
604
|
-
background-color: #d9ddf2;
|
|
605
|
-
background-color: var(--components-button-iconbutton-standard-hover);
|
|
606
|
-
}
|
|
607
|
-
|
|
608
|
-
.eds-contrast .eds-icon-button:hover {
|
|
609
|
-
background-color: #626493;
|
|
610
|
-
background-color: var(--components-button-iconbutton-contrast-hover);
|
|
611
|
-
}
|
|
612
|
-
|
|
613
|
-
.eds-icon-button:active {
|
|
614
|
-
background: #aeb7e2;
|
|
615
|
-
background: var(--components-button-iconbutton-standard-active);
|
|
616
|
-
color: #181c56;
|
|
617
|
-
color: var(--components-button-iconbutton-standard-text-active);
|
|
618
|
-
}
|
|
619
|
-
|
|
620
|
-
.eds-contrast .eds-icon-button:active {
|
|
621
|
-
background: #8794d4;
|
|
622
|
-
background: var(--components-button-iconbutton-contrast-active);
|
|
623
|
-
color: #181c56;
|
|
624
|
-
color: var(--components-button-iconbutton-contrast-text-active);
|
|
625
|
-
}
|
|
626
|
-
|
|
627
|
-
.eds-icon-button:focus {
|
|
628
|
-
outline: 2px solid #181c56;
|
|
629
|
-
outline-color: #181c56;
|
|
630
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
631
|
-
outline-offset: 0.125rem;
|
|
632
|
-
}
|
|
633
|
-
|
|
634
|
-
.eds-contrast .eds-icon-button:focus {
|
|
635
|
-
outline-color: #aeb7e2;
|
|
636
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
637
|
-
}
|
|
638
|
-
|
|
639
|
-
.eds-icon-button--disabled {
|
|
640
|
-
opacity: 0.5;
|
|
641
|
-
pointer-events: none;
|
|
642
|
-
}
|
|
643
|
-
|
|
644
|
-
.eds-icon-button--disabled__wrapper {
|
|
645
|
-
cursor: not-allowed;
|
|
646
|
-
width: -moz-fit-content;
|
|
647
|
-
width: fit-content;
|
|
648
|
-
}
|
|
649
|
-
|
|
650
571
|
/* DO NOT CHANGE!*/
|
|
651
572
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
652
573
|
/* DO NOT CHANGE!*/
|
|
@@ -1029,6 +950,85 @@ a.eds-button--size-large {
|
|
|
1029
950
|
--eds-button: 1;
|
|
1030
951
|
}
|
|
1031
952
|
|
|
953
|
+
/* DO NOT CHANGE!*/
|
|
954
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
955
|
+
.eds-icon-button {
|
|
956
|
+
border: 0.125rem solid transparent;
|
|
957
|
+
border-radius: 0.25rem;
|
|
958
|
+
background: none;
|
|
959
|
+
color: #181c56;
|
|
960
|
+
color: var(--components-button-iconbutton-standard-text);
|
|
961
|
+
cursor: pointer;
|
|
962
|
+
display: flex;
|
|
963
|
+
justify-content: center;
|
|
964
|
+
align-items: center;
|
|
965
|
+
font-size: 1rem;
|
|
966
|
+
padding: 0.5rem;
|
|
967
|
+
}
|
|
968
|
+
|
|
969
|
+
.eds-contrast .eds-icon-button {
|
|
970
|
+
color: #ffffff;
|
|
971
|
+
color: var(--components-button-iconbutton-contrast-text);
|
|
972
|
+
}
|
|
973
|
+
|
|
974
|
+
.eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot {
|
|
975
|
+
background-color: #ffffff;
|
|
976
|
+
background-color: var(--components-button-iconbutton-contrast-icon);
|
|
977
|
+
}
|
|
978
|
+
|
|
979
|
+
.eds-icon-button--size-small {
|
|
980
|
+
height: 1.5rem;
|
|
981
|
+
width: 1.5rem;
|
|
982
|
+
padding: 0;
|
|
983
|
+
}
|
|
984
|
+
|
|
985
|
+
.eds-icon-button:hover {
|
|
986
|
+
background-color: #d9ddf2;
|
|
987
|
+
background-color: var(--components-button-iconbutton-standard-hover);
|
|
988
|
+
}
|
|
989
|
+
|
|
990
|
+
.eds-contrast .eds-icon-button:hover {
|
|
991
|
+
background-color: #626493;
|
|
992
|
+
background-color: var(--components-button-iconbutton-contrast-hover);
|
|
993
|
+
}
|
|
994
|
+
|
|
995
|
+
.eds-icon-button:active {
|
|
996
|
+
background: #aeb7e2;
|
|
997
|
+
background: var(--components-button-iconbutton-standard-active);
|
|
998
|
+
color: #181c56;
|
|
999
|
+
color: var(--components-button-iconbutton-standard-text-active);
|
|
1000
|
+
}
|
|
1001
|
+
|
|
1002
|
+
.eds-contrast .eds-icon-button:active {
|
|
1003
|
+
background: #8794d4;
|
|
1004
|
+
background: var(--components-button-iconbutton-contrast-active);
|
|
1005
|
+
color: #181c56;
|
|
1006
|
+
color: var(--components-button-iconbutton-contrast-text-active);
|
|
1007
|
+
}
|
|
1008
|
+
|
|
1009
|
+
.eds-icon-button:focus-visible {
|
|
1010
|
+
outline: 2px solid #181c56;
|
|
1011
|
+
outline-color: #181c56;
|
|
1012
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
1013
|
+
outline-offset: 0.125rem;
|
|
1014
|
+
}
|
|
1015
|
+
|
|
1016
|
+
.eds-contrast .eds-icon-button:focus-visible {
|
|
1017
|
+
outline-color: #aeb7e2;
|
|
1018
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
1019
|
+
}
|
|
1020
|
+
|
|
1021
|
+
.eds-icon-button--disabled {
|
|
1022
|
+
opacity: 0.5;
|
|
1023
|
+
pointer-events: none;
|
|
1024
|
+
}
|
|
1025
|
+
|
|
1026
|
+
.eds-icon-button--disabled__wrapper {
|
|
1027
|
+
cursor: not-allowed;
|
|
1028
|
+
width: -moz-fit-content;
|
|
1029
|
+
width: fit-content;
|
|
1030
|
+
}
|
|
1031
|
+
|
|
1032
1032
|
.eds-tooltip-wrapper {
|
|
1033
1033
|
display: inline-block;
|
|
1034
1034
|
position: relative;
|
|
@@ -1097,7 +1097,7 @@ a.eds-button--size-large {
|
|
|
1097
1097
|
background-color: #626493;
|
|
1098
1098
|
background-color: var(--components-button-iconbutton-contrast-hover);
|
|
1099
1099
|
}
|
|
1100
|
-
.eds-tooltip__close-button:focus {
|
|
1100
|
+
.eds-tooltip__close-button:focus-visible {
|
|
1101
1101
|
outline: 2px solid #181c56;
|
|
1102
1102
|
outline-color: #aeb7e2;
|
|
1103
1103
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
@@ -1114,7 +1114,7 @@ a.eds-button--size-large {
|
|
|
1114
1114
|
background-color: #d9ddf2;
|
|
1115
1115
|
background-color: var(--components-button-iconbutton-standard-hover);
|
|
1116
1116
|
}
|
|
1117
|
-
.eds-contrast .eds-tooltip__close-button:focus {
|
|
1117
|
+
.eds-contrast .eds-tooltip__close-button:focus-visible {
|
|
1118
1118
|
outline: 2px solid #181c56;
|
|
1119
1119
|
outline-color: #181c56;
|
|
1120
1120
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
@@ -1138,12 +1138,12 @@ a.eds-button--size-large {
|
|
|
1138
1138
|
background: var(--components-tooltip-popover-contrast-fill);
|
|
1139
1139
|
box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
|
|
1140
1140
|
}
|
|
1141
|
-
.eds-popover:focus {
|
|
1141
|
+
.eds-popover:focus-visible {
|
|
1142
1142
|
outline: 2px solid #181c56;
|
|
1143
1143
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
1144
1144
|
outline-offset: 0.125rem;
|
|
1145
1145
|
}
|
|
1146
|
-
.eds-contrast .eds-popover:focus {
|
|
1146
|
+
.eds-contrast .eds-popover:focus-visible {
|
|
1147
1147
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
1148
1148
|
}
|
|
1149
1149
|
/* DO NOT CHANGE!*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/tooltip",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.2.0-beta.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/tooltip.esm.js",
|
|
@@ -27,10 +27,10 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/button": "^3.
|
|
31
|
-
"@entur/icons": "^7.
|
|
32
|
-
"@entur/layout": "^2.
|
|
33
|
-
"@entur/tokens": "^3.17.
|
|
30
|
+
"@entur/button": "^3.3.0-beta.0",
|
|
31
|
+
"@entur/icons": "^7.6.0",
|
|
32
|
+
"@entur/layout": "^2.4.0-beta.0",
|
|
33
|
+
"@entur/tokens": "^3.17.5",
|
|
34
34
|
"@entur/utils": "^0.12.2",
|
|
35
35
|
"@floating-ui/react": "^0.26.24",
|
|
36
36
|
"@floating-ui/react-dom": "^2.1.0",
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"dts-cli": "2.0.5"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "6ee621529704e08c9814cda206da98c37a9f0689"
|
|
43
43
|
}
|