@entur/tooltip 5.2.1-beta.0 → 5.2.1
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,27 +1,5 @@
|
|
|
1
1
|
/* DO NOT CHANGE!*/
|
|
2
2
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
|
-
.eds-popover {
|
|
4
|
-
background: var(--components-tooltip-popover-standard-fill);
|
|
5
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
6
|
-
border-radius: 0.25rem;
|
|
7
|
-
border: 0.0625rem solid var(--components-tooltip-popover-standard-border);
|
|
8
|
-
font-family: inherit;
|
|
9
|
-
z-index: 20;
|
|
10
|
-
}
|
|
11
|
-
.eds-contrast .eds-popover {
|
|
12
|
-
background: var(--components-tooltip-popover-contrast-fill);
|
|
13
|
-
box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
|
|
14
|
-
}
|
|
15
|
-
.eds-popover:focus-visible {
|
|
16
|
-
outline: 2px solid #181c56;
|
|
17
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
18
|
-
outline-offset: 0.125rem;
|
|
19
|
-
}
|
|
20
|
-
.eds-contrast .eds-popover:focus-visible {
|
|
21
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
22
|
-
}
|
|
23
|
-
/* DO NOT CHANGE!*/
|
|
24
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
25
3
|
/* DO NOT CHANGE!*/
|
|
26
4
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
27
5
|
a.eds-button {
|
|
@@ -590,6 +568,85 @@ a.eds-button--size-large {
|
|
|
590
568
|
border-width: 0.0625rem;
|
|
591
569
|
}
|
|
592
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-visible {
|
|
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-visible {
|
|
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
|
+
|
|
593
650
|
/* DO NOT CHANGE!*/
|
|
594
651
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
595
652
|
/* DO NOT CHANGE!*/
|
|
@@ -972,85 +1029,6 @@ a.eds-button--size-large {
|
|
|
972
1029
|
--eds-button: 1;
|
|
973
1030
|
}
|
|
974
1031
|
|
|
975
|
-
/* DO NOT CHANGE!*/
|
|
976
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
977
|
-
.eds-icon-button {
|
|
978
|
-
border: 0.125rem solid transparent;
|
|
979
|
-
border-radius: 0.25rem;
|
|
980
|
-
background: none;
|
|
981
|
-
color: #181c56;
|
|
982
|
-
color: var(--components-button-iconbutton-standard-text);
|
|
983
|
-
cursor: pointer;
|
|
984
|
-
display: flex;
|
|
985
|
-
justify-content: center;
|
|
986
|
-
align-items: center;
|
|
987
|
-
font-size: 1rem;
|
|
988
|
-
padding: 0.5rem;
|
|
989
|
-
}
|
|
990
|
-
|
|
991
|
-
.eds-contrast .eds-icon-button {
|
|
992
|
-
color: #ffffff;
|
|
993
|
-
color: var(--components-button-iconbutton-contrast-text);
|
|
994
|
-
}
|
|
995
|
-
|
|
996
|
-
.eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot {
|
|
997
|
-
background-color: #ffffff;
|
|
998
|
-
background-color: var(--components-button-iconbutton-contrast-icon);
|
|
999
|
-
}
|
|
1000
|
-
|
|
1001
|
-
.eds-icon-button--size-small {
|
|
1002
|
-
height: 1.5rem;
|
|
1003
|
-
width: 1.5rem;
|
|
1004
|
-
padding: 0;
|
|
1005
|
-
}
|
|
1006
|
-
|
|
1007
|
-
.eds-icon-button:hover {
|
|
1008
|
-
background-color: #d9ddf2;
|
|
1009
|
-
background-color: var(--components-button-iconbutton-standard-hover);
|
|
1010
|
-
}
|
|
1011
|
-
|
|
1012
|
-
.eds-contrast .eds-icon-button:hover {
|
|
1013
|
-
background-color: #626493;
|
|
1014
|
-
background-color: var(--components-button-iconbutton-contrast-hover);
|
|
1015
|
-
}
|
|
1016
|
-
|
|
1017
|
-
.eds-icon-button:active {
|
|
1018
|
-
background: #aeb7e2;
|
|
1019
|
-
background: var(--components-button-iconbutton-standard-active);
|
|
1020
|
-
color: #181c56;
|
|
1021
|
-
color: var(--components-button-iconbutton-standard-text-active);
|
|
1022
|
-
}
|
|
1023
|
-
|
|
1024
|
-
.eds-contrast .eds-icon-button:active {
|
|
1025
|
-
background: #8794d4;
|
|
1026
|
-
background: var(--components-button-iconbutton-contrast-active);
|
|
1027
|
-
color: #181c56;
|
|
1028
|
-
color: var(--components-button-iconbutton-contrast-text-active);
|
|
1029
|
-
}
|
|
1030
|
-
|
|
1031
|
-
.eds-icon-button:focus-visible {
|
|
1032
|
-
outline: 2px solid #181c56;
|
|
1033
|
-
outline-color: #181c56;
|
|
1034
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
1035
|
-
outline-offset: 0.125rem;
|
|
1036
|
-
}
|
|
1037
|
-
|
|
1038
|
-
.eds-contrast .eds-icon-button:focus-visible {
|
|
1039
|
-
outline-color: #aeb7e2;
|
|
1040
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
1041
|
-
}
|
|
1042
|
-
|
|
1043
|
-
.eds-icon-button--disabled {
|
|
1044
|
-
opacity: 0.5;
|
|
1045
|
-
pointer-events: none;
|
|
1046
|
-
}
|
|
1047
|
-
|
|
1048
|
-
.eds-icon-button--disabled__wrapper {
|
|
1049
|
-
cursor: not-allowed;
|
|
1050
|
-
width: -moz-fit-content;
|
|
1051
|
-
width: fit-content;
|
|
1052
|
-
}
|
|
1053
|
-
|
|
1054
1032
|
.eds-tooltip-wrapper {
|
|
1055
1033
|
display: inline-block;
|
|
1056
1034
|
position: relative;
|
|
@@ -1345,3 +1323,25 @@ a.eds-button--size-large {
|
|
|
1345
1323
|
:root {
|
|
1346
1324
|
--eds-tooltip: 1;
|
|
1347
1325
|
}
|
|
1326
|
+
/* DO NOT CHANGE!*/
|
|
1327
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1328
|
+
.eds-popover {
|
|
1329
|
+
background: var(--components-tooltip-popover-standard-fill);
|
|
1330
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
1331
|
+
border-radius: 0.25rem;
|
|
1332
|
+
border: 0.0625rem solid var(--components-tooltip-popover-standard-border);
|
|
1333
|
+
font-family: inherit;
|
|
1334
|
+
z-index: 20;
|
|
1335
|
+
}
|
|
1336
|
+
.eds-contrast .eds-popover {
|
|
1337
|
+
background: var(--components-tooltip-popover-contrast-fill);
|
|
1338
|
+
box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
|
|
1339
|
+
}
|
|
1340
|
+
.eds-popover:focus-visible {
|
|
1341
|
+
outline: 2px solid #181c56;
|
|
1342
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
1343
|
+
outline-offset: 0.125rem;
|
|
1344
|
+
}
|
|
1345
|
+
.eds-contrast .eds-popover:focus-visible {
|
|
1346
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
1347
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/tooltip",
|
|
3
|
-
"version": "5.2.1
|
|
3
|
+
"version": "5.2.1",
|
|
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.3.1
|
|
31
|
-
"@entur/icons": "^7.
|
|
32
|
-
"@entur/layout": "^2.4.1
|
|
33
|
-
"@entur/tokens": "^3.17.
|
|
30
|
+
"@entur/button": "^3.3.1",
|
|
31
|
+
"@entur/icons": "^7.6.1",
|
|
32
|
+
"@entur/layout": "^2.4.1",
|
|
33
|
+
"@entur/tokens": "^3.17.6",
|
|
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": "d7798b768ab73d677162cebcf3edd58680dc626f"
|
|
43
43
|
}
|