@entur/tooltip 5.2.0 → 5.2.1-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 +5 -5
package/dist/styles.css
CHANGED
|
@@ -1,5 +1,27 @@
|
|
|
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. */
|
|
3
25
|
/* DO NOT CHANGE!*/
|
|
4
26
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
5
27
|
a.eds-button {
|
|
@@ -568,85 +590,6 @@ a.eds-button--size-large {
|
|
|
568
590
|
border-width: 0.0625rem;
|
|
569
591
|
}
|
|
570
592
|
|
|
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
|
-
|
|
650
593
|
/* DO NOT CHANGE!*/
|
|
651
594
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
652
595
|
/* DO NOT CHANGE!*/
|
|
@@ -1029,6 +972,85 @@ a.eds-button--size-large {
|
|
|
1029
972
|
--eds-button: 1;
|
|
1030
973
|
}
|
|
1031
974
|
|
|
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
|
+
|
|
1032
1054
|
.eds-tooltip-wrapper {
|
|
1033
1055
|
display: inline-block;
|
|
1034
1056
|
position: relative;
|
|
@@ -1126,28 +1148,6 @@ a.eds-button--size-large {
|
|
|
1126
1148
|
}
|
|
1127
1149
|
/* DO NOT CHANGE!*/
|
|
1128
1150
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1129
|
-
.eds-popover {
|
|
1130
|
-
background: var(--components-tooltip-popover-standard-fill);
|
|
1131
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
1132
|
-
border-radius: 0.25rem;
|
|
1133
|
-
border: 0.0625rem solid var(--components-tooltip-popover-standard-border);
|
|
1134
|
-
font-family: inherit;
|
|
1135
|
-
z-index: 20;
|
|
1136
|
-
}
|
|
1137
|
-
.eds-contrast .eds-popover {
|
|
1138
|
-
background: var(--components-tooltip-popover-contrast-fill);
|
|
1139
|
-
box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
|
|
1140
|
-
}
|
|
1141
|
-
.eds-popover:focus-visible {
|
|
1142
|
-
outline: 2px solid #181c56;
|
|
1143
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
1144
|
-
outline-offset: 0.125rem;
|
|
1145
|
-
}
|
|
1146
|
-
.eds-contrast .eds-popover:focus-visible {
|
|
1147
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
1148
|
-
}
|
|
1149
|
-
/* DO NOT CHANGE!*/
|
|
1150
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1151
1151
|
/* DO NOT CHANGE!*/
|
|
1152
1152
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1153
1153
|
/* DO NOT CHANGE!*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/tooltip",
|
|
3
|
-
"version": "5.2.0",
|
|
3
|
+
"version": "5.2.1-beta.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/tooltip.esm.js",
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/button": "^3.3.0",
|
|
31
|
-
"@entur/icons": "^7.
|
|
32
|
-
"@entur/layout": "^2.4.0",
|
|
30
|
+
"@entur/button": "^3.3.1-beta.0",
|
|
31
|
+
"@entur/icons": "^7.7.0-beta.0",
|
|
32
|
+
"@entur/layout": "^2.4.1-beta.0",
|
|
33
33
|
"@entur/tokens": "^3.17.5",
|
|
34
34
|
"@entur/utils": "^0.12.2",
|
|
35
35
|
"@floating-ui/react": "^0.26.24",
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"dts-cli": "2.0.5"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "e65150a6a9f9e2beb4a8bbecc06b9237119fe55e"
|
|
43
43
|
}
|