@entur/tooltip 4.0.0-RC.0 → 4.0.0-RC.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 +90 -90
- package/package.json +6 -6
package/dist/styles.css
CHANGED
|
@@ -344,74 +344,6 @@ a.eds-button--size-large {
|
|
|
344
344
|
margin-right: 0;
|
|
345
345
|
}
|
|
346
346
|
|
|
347
|
-
/* DO NOT CHANGE!*/
|
|
348
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
349
|
-
.eds-icon-button {
|
|
350
|
-
border: 0.125rem solid transparent;
|
|
351
|
-
border-radius: 0.25rem;
|
|
352
|
-
background: none;
|
|
353
|
-
color: var(--components-button-iconbutton-standard-text);
|
|
354
|
-
cursor: pointer;
|
|
355
|
-
display: flex;
|
|
356
|
-
justify-content: center;
|
|
357
|
-
align-items: center;
|
|
358
|
-
font-size: 1rem;
|
|
359
|
-
padding: 0.5rem;
|
|
360
|
-
}
|
|
361
|
-
|
|
362
|
-
.eds-contrast .eds-icon-button {
|
|
363
|
-
color: var(--components-button-iconbutton-contrast-text);
|
|
364
|
-
}
|
|
365
|
-
|
|
366
|
-
.eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot {
|
|
367
|
-
background-color: var(--components-button-iconbutton-contrast-icon);
|
|
368
|
-
}
|
|
369
|
-
|
|
370
|
-
.eds-icon-button--size-small {
|
|
371
|
-
height: 1.5rem;
|
|
372
|
-
width: 1.5rem;
|
|
373
|
-
padding: 0;
|
|
374
|
-
}
|
|
375
|
-
|
|
376
|
-
.eds-icon-button:hover {
|
|
377
|
-
background-color: var(--components-button-iconbutton-standard-hover);
|
|
378
|
-
}
|
|
379
|
-
|
|
380
|
-
.eds-contrast .eds-icon-button:hover {
|
|
381
|
-
background-color: var(--components-button-iconbutton-contrast-hover);
|
|
382
|
-
}
|
|
383
|
-
|
|
384
|
-
.eds-icon-button:active {
|
|
385
|
-
background: var(--components-button-iconbutton-standard-active);
|
|
386
|
-
color: var(--components-button-iconbutton-standard-text-active);
|
|
387
|
-
}
|
|
388
|
-
|
|
389
|
-
.eds-contrast .eds-icon-button:active {
|
|
390
|
-
background: var(--components-button-iconbutton-contrast-active);
|
|
391
|
-
color: var(--components-button-iconbutton-contrast-text-active);
|
|
392
|
-
}
|
|
393
|
-
|
|
394
|
-
.eds-icon-button:focus {
|
|
395
|
-
outline: 2px solid #181c56;
|
|
396
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
397
|
-
outline-offset: 0.125rem;
|
|
398
|
-
}
|
|
399
|
-
|
|
400
|
-
.eds-contrast .eds-icon-button:focus {
|
|
401
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
402
|
-
}
|
|
403
|
-
|
|
404
|
-
.eds-icon-button--disabled {
|
|
405
|
-
opacity: 0.5;
|
|
406
|
-
pointer-events: none;
|
|
407
|
-
}
|
|
408
|
-
|
|
409
|
-
.eds-icon-button--disabled__wrapper {
|
|
410
|
-
cursor: not-allowed;
|
|
411
|
-
width: -moz-fit-content;
|
|
412
|
-
width: fit-content;
|
|
413
|
-
}
|
|
414
|
-
|
|
415
347
|
/* DO NOT CHANGE!*/
|
|
416
348
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
417
349
|
.eds-square-button {
|
|
@@ -991,6 +923,74 @@ a.eds-button--size-large {
|
|
|
991
923
|
--eds-button: 1;
|
|
992
924
|
}
|
|
993
925
|
|
|
926
|
+
/* DO NOT CHANGE!*/
|
|
927
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
928
|
+
.eds-icon-button {
|
|
929
|
+
border: 0.125rem solid transparent;
|
|
930
|
+
border-radius: 0.25rem;
|
|
931
|
+
background: none;
|
|
932
|
+
color: var(--components-button-iconbutton-standard-text);
|
|
933
|
+
cursor: pointer;
|
|
934
|
+
display: flex;
|
|
935
|
+
justify-content: center;
|
|
936
|
+
align-items: center;
|
|
937
|
+
font-size: 1rem;
|
|
938
|
+
padding: 0.5rem;
|
|
939
|
+
}
|
|
940
|
+
|
|
941
|
+
.eds-contrast .eds-icon-button {
|
|
942
|
+
color: var(--components-button-iconbutton-contrast-text);
|
|
943
|
+
}
|
|
944
|
+
|
|
945
|
+
.eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot {
|
|
946
|
+
background-color: var(--components-button-iconbutton-contrast-icon);
|
|
947
|
+
}
|
|
948
|
+
|
|
949
|
+
.eds-icon-button--size-small {
|
|
950
|
+
height: 1.5rem;
|
|
951
|
+
width: 1.5rem;
|
|
952
|
+
padding: 0;
|
|
953
|
+
}
|
|
954
|
+
|
|
955
|
+
.eds-icon-button:hover {
|
|
956
|
+
background-color: var(--components-button-iconbutton-standard-hover);
|
|
957
|
+
}
|
|
958
|
+
|
|
959
|
+
.eds-contrast .eds-icon-button:hover {
|
|
960
|
+
background-color: var(--components-button-iconbutton-contrast-hover);
|
|
961
|
+
}
|
|
962
|
+
|
|
963
|
+
.eds-icon-button:active {
|
|
964
|
+
background: var(--components-button-iconbutton-standard-active);
|
|
965
|
+
color: var(--components-button-iconbutton-standard-text-active);
|
|
966
|
+
}
|
|
967
|
+
|
|
968
|
+
.eds-contrast .eds-icon-button:active {
|
|
969
|
+
background: var(--components-button-iconbutton-contrast-active);
|
|
970
|
+
color: var(--components-button-iconbutton-contrast-text-active);
|
|
971
|
+
}
|
|
972
|
+
|
|
973
|
+
.eds-icon-button:focus {
|
|
974
|
+
outline: 2px solid #181c56;
|
|
975
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
976
|
+
outline-offset: 0.125rem;
|
|
977
|
+
}
|
|
978
|
+
|
|
979
|
+
.eds-contrast .eds-icon-button:focus {
|
|
980
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
981
|
+
}
|
|
982
|
+
|
|
983
|
+
.eds-icon-button--disabled {
|
|
984
|
+
opacity: 0.5;
|
|
985
|
+
pointer-events: none;
|
|
986
|
+
}
|
|
987
|
+
|
|
988
|
+
.eds-icon-button--disabled__wrapper {
|
|
989
|
+
cursor: not-allowed;
|
|
990
|
+
width: -moz-fit-content;
|
|
991
|
+
width: fit-content;
|
|
992
|
+
}
|
|
993
|
+
|
|
994
994
|
.eds-tooltip-wrapper {
|
|
995
995
|
display: inline-block;
|
|
996
996
|
position: relative;
|
|
@@ -1082,28 +1082,6 @@ a.eds-button--size-large {
|
|
|
1082
1082
|
}
|
|
1083
1083
|
/* DO NOT CHANGE!*/
|
|
1084
1084
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1085
|
-
.eds-popover {
|
|
1086
|
-
background: var(--components-tooltip-popover-standard-fill);
|
|
1087
|
-
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
1088
|
-
border-radius: 0.25rem;
|
|
1089
|
-
border: 0.0625rem solid var(--components-tooltip-popover-standard-border);
|
|
1090
|
-
font-family: inherit;
|
|
1091
|
-
z-index: 20;
|
|
1092
|
-
}
|
|
1093
|
-
.eds-contrast .eds-popover {
|
|
1094
|
-
background: var(--components-tooltip-popover-contrast-fill);
|
|
1095
|
-
box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
|
|
1096
|
-
}
|
|
1097
|
-
.eds-popover:focus {
|
|
1098
|
-
outline: 2px solid #181c56;
|
|
1099
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
1100
|
-
outline-offset: 0.125rem;
|
|
1101
|
-
}
|
|
1102
|
-
.eds-contrast .eds-popover:focus {
|
|
1103
|
-
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
1104
|
-
}
|
|
1105
|
-
/* DO NOT CHANGE!*/
|
|
1106
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1107
1085
|
/* DO NOT CHANGE!*/
|
|
1108
1086
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1109
1087
|
/* DO NOT CHANGE!*/
|
|
@@ -1301,3 +1279,25 @@ a.eds-button--size-large {
|
|
|
1301
1279
|
:root {
|
|
1302
1280
|
--eds-tooltip: 1;
|
|
1303
1281
|
}
|
|
1282
|
+
/* DO NOT CHANGE!*/
|
|
1283
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
1284
|
+
.eds-popover {
|
|
1285
|
+
background: var(--components-tooltip-popover-standard-fill);
|
|
1286
|
+
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
1287
|
+
border-radius: 0.25rem;
|
|
1288
|
+
border: 0.0625rem solid var(--components-tooltip-popover-standard-border);
|
|
1289
|
+
font-family: inherit;
|
|
1290
|
+
z-index: 20;
|
|
1291
|
+
}
|
|
1292
|
+
.eds-contrast .eds-popover {
|
|
1293
|
+
background: var(--components-tooltip-popover-contrast-fill);
|
|
1294
|
+
box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
|
|
1295
|
+
}
|
|
1296
|
+
.eds-popover:focus {
|
|
1297
|
+
outline: 2px solid #181c56;
|
|
1298
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
1299
|
+
outline-offset: 0.125rem;
|
|
1300
|
+
}
|
|
1301
|
+
.eds-contrast .eds-popover:focus {
|
|
1302
|
+
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
1303
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/tooltip",
|
|
3
|
-
"version": "4.0.0-RC.
|
|
3
|
+
"version": "4.0.0-RC.1",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/tooltip.esm.js",
|
|
@@ -27,13 +27,13 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/button": "^3.2.31-RC.
|
|
31
|
-
"@entur/icons": "^7.3.0-RC.
|
|
32
|
-
"@entur/layout": "^2.3.15-RC.
|
|
30
|
+
"@entur/button": "^3.2.31-RC.1",
|
|
31
|
+
"@entur/icons": "^7.3.0-RC.1",
|
|
32
|
+
"@entur/layout": "^2.3.15-RC.1",
|
|
33
33
|
"@entur/tokens": "^3.17.0",
|
|
34
|
-
"@entur/utils": "^0.11.2-RC.
|
|
34
|
+
"@entur/utils": "^0.11.2-RC.1",
|
|
35
35
|
"@floating-ui/react-dom": "^2.1.0",
|
|
36
36
|
"classnames": "^2.3.1"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "d7b4d04bcbef5d3861b802b0a6af3f36a91a4118"
|
|
39
39
|
}
|