@entur/tooltip 5.1.5-beta.0 → 5.1.5
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 +123 -79
- package/package.json +7 -7
package/dist/styles.css
CHANGED
|
@@ -1,16 +1,5 @@
|
|
|
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
|
-
|
|
14
3
|
/* DO NOT CHANGE!*/
|
|
15
4
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
16
5
|
a.eds-button {
|
|
@@ -38,6 +27,8 @@ a.eds-button--size-large {
|
|
|
38
27
|
-webkit-appearance: none;
|
|
39
28
|
-moz-appearance: none;
|
|
40
29
|
appearance: none;
|
|
30
|
+
-webkit-text-decoration: none;
|
|
31
|
+
-webkit-text-decoration: none;
|
|
41
32
|
text-decoration: none;
|
|
42
33
|
padding: 0 1rem;
|
|
43
34
|
height: 3rem;
|
|
@@ -65,11 +56,13 @@ a.eds-button--size-large {
|
|
|
65
56
|
|
|
66
57
|
.eds-button:focus {
|
|
67
58
|
outline: 2px solid #181c56;
|
|
59
|
+
outline-color: #181c56;
|
|
68
60
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
69
61
|
outline-offset: 0.125rem;
|
|
70
62
|
}
|
|
71
63
|
|
|
72
64
|
.eds-contrast .eds-button:focus {
|
|
65
|
+
outline-color: #aeb7e2;
|
|
73
66
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
74
67
|
}
|
|
75
68
|
|
|
@@ -245,18 +238,33 @@ a.eds-button--size-large {
|
|
|
245
238
|
}
|
|
246
239
|
|
|
247
240
|
.eds-button[disabled]:not(.eds-button--loading) {
|
|
241
|
+
background: #cfd2d4;
|
|
248
242
|
background: var(--components-button-disabled-standard-fill);
|
|
243
|
+
color: #515254;
|
|
249
244
|
color: var(--components-button-disabled-standard-text-disabled);
|
|
250
245
|
border-color: transparent;
|
|
251
246
|
cursor: not-allowed;
|
|
252
247
|
}
|
|
253
248
|
|
|
254
249
|
.eds-contrast .eds-button[disabled]:not(.eds-button--loading) {
|
|
250
|
+
background-color: rgba(207, 210, 212, 0.1490196078);
|
|
255
251
|
background-color: var(--components-button-disabled-contrast-fill);
|
|
252
|
+
color: #b6b8ba;
|
|
256
253
|
color: var(--components-button-disabled-contrast-text-disabled);
|
|
257
254
|
border-color: transparent;
|
|
258
255
|
}
|
|
259
256
|
|
|
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
|
+
|
|
260
268
|
/* DO NOT CHANGE!*/
|
|
261
269
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
262
270
|
.eds-floating-button {
|
|
@@ -264,10 +272,12 @@ a.eds-button--size-large {
|
|
|
264
272
|
-webkit-appearance: none;
|
|
265
273
|
-moz-appearance: none;
|
|
266
274
|
appearance: none;
|
|
275
|
+
background: #181c56;
|
|
267
276
|
background: var(--components-button-floating-standard-default);
|
|
268
277
|
border: 0;
|
|
269
278
|
border-radius: 1.5rem;
|
|
270
279
|
box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.25);
|
|
280
|
+
color: #ffffff;
|
|
271
281
|
color: var(--components-button-floating-standard-text);
|
|
272
282
|
cursor: pointer;
|
|
273
283
|
display: flex;
|
|
@@ -288,34 +298,42 @@ a.eds-button--size-large {
|
|
|
288
298
|
}
|
|
289
299
|
|
|
290
300
|
.eds-floating-button:hover {
|
|
301
|
+
background-color: #393d79;
|
|
291
302
|
background-color: var(--components-button-floating-standard-hover);
|
|
292
303
|
}
|
|
293
304
|
|
|
294
305
|
.eds-floating-button:active {
|
|
306
|
+
background-color: #11143c;
|
|
295
307
|
background-color: var(--components-button-floating-standard-active);
|
|
296
308
|
}
|
|
297
309
|
|
|
298
310
|
.eds-floating-button:focus {
|
|
299
311
|
outline: 2px solid #181c56;
|
|
312
|
+
outline-color: #181c56;
|
|
300
313
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
301
314
|
outline-offset: 0.125rem;
|
|
302
315
|
}
|
|
303
316
|
|
|
304
317
|
.eds-contrast .eds-floating-button:focus {
|
|
318
|
+
outline-color: #aeb7e2;
|
|
305
319
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
306
320
|
}
|
|
307
321
|
|
|
308
322
|
.eds-contrast .eds-floating-button {
|
|
323
|
+
background: #ffffff;
|
|
309
324
|
background: var(--components-button-floating-contrast-default);
|
|
325
|
+
color: #181c56;
|
|
310
326
|
color: var(--components-button-floating-contrast-text);
|
|
311
327
|
box-shadow: 0 0.0625rem 0.1875rem rgb(57, 61, 121);
|
|
312
328
|
}
|
|
313
329
|
|
|
314
330
|
.eds-contrast .eds-floating-button:hover {
|
|
331
|
+
background-color: #f6f6f9;
|
|
315
332
|
background-color: var(--components-button-floating-contrast-hover);
|
|
316
333
|
}
|
|
317
334
|
|
|
318
335
|
.eds-contrast .eds-floating-button:active {
|
|
336
|
+
background-color: #d9dae8;
|
|
319
337
|
background-color: var(--components-button-floating-contrast-active);
|
|
320
338
|
}
|
|
321
339
|
|
|
@@ -361,6 +379,8 @@ a.eds-button--size-large {
|
|
|
361
379
|
font-weight: 500;
|
|
362
380
|
justify-content: center;
|
|
363
381
|
padding: 0;
|
|
382
|
+
-webkit-text-decoration: none;
|
|
383
|
+
-webkit-text-decoration: none;
|
|
364
384
|
text-decoration: none;
|
|
365
385
|
}
|
|
366
386
|
|
|
@@ -370,11 +390,13 @@ a.eds-button--size-large {
|
|
|
370
390
|
|
|
371
391
|
.eds-square-button:focus .eds-square-button__button {
|
|
372
392
|
outline: 2px solid #181c56;
|
|
393
|
+
outline-color: #181c56;
|
|
373
394
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
374
395
|
outline-offset: 0.125rem;
|
|
375
396
|
}
|
|
376
397
|
|
|
377
398
|
.eds-contrast .eds-square-button:focus .eds-square-button__button {
|
|
399
|
+
outline-color: #aeb7e2;
|
|
378
400
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
379
401
|
}
|
|
380
402
|
|
|
@@ -384,14 +406,17 @@ a.eds-button--size-large {
|
|
|
384
406
|
|
|
385
407
|
.eds-square-button[disabled]:not(.eds-square-button--loading) .eds-square-button__button,
|
|
386
408
|
.eds-square-button[disabled]:not(.eds-square-button--loading) .eds-square-button__button:hover {
|
|
409
|
+
border-color: #949699;
|
|
387
410
|
border-color: var(--basecolors-stroke-disabled);
|
|
388
411
|
border-style: dashed;
|
|
389
412
|
background-color: transparent;
|
|
413
|
+
color: #6e6f73;
|
|
390
414
|
color: var(--basecolors-text-disabled);
|
|
391
415
|
}
|
|
392
416
|
|
|
393
417
|
.eds-square-button[disabled]:not(.eds-square-button--loading) .eds-square-button__label,
|
|
394
418
|
.eds-square-button[disabled]:not(.eds-square-button--loading) .eds-square-button__label:hover {
|
|
419
|
+
color: #6e6f73;
|
|
395
420
|
color: var(--basecolors-text-disabled);
|
|
396
421
|
}
|
|
397
422
|
|
|
@@ -411,6 +436,8 @@ a.eds-button--size-large {
|
|
|
411
436
|
line-height: 1.5rem;
|
|
412
437
|
padding: 0;
|
|
413
438
|
text-align: center;
|
|
439
|
+
-webkit-text-decoration: none;
|
|
440
|
+
-webkit-text-decoration: none;
|
|
414
441
|
text-decoration: none;
|
|
415
442
|
vertical-align: top;
|
|
416
443
|
position: relative;
|
|
@@ -541,6 +568,85 @@ a.eds-button--size-large {
|
|
|
541
568
|
border-width: 0.0625rem;
|
|
542
569
|
}
|
|
543
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
|
+
|
|
544
650
|
/* DO NOT CHANGE!*/
|
|
545
651
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
546
652
|
/* DO NOT CHANGE!*/
|
|
@@ -923,74 +1029,6 @@ a.eds-button--size-large {
|
|
|
923
1029
|
--eds-button: 1;
|
|
924
1030
|
}
|
|
925
1031
|
|
|
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
1032
|
.eds-tooltip-wrapper {
|
|
995
1033
|
display: inline-block;
|
|
996
1034
|
position: relative;
|
|
@@ -1056,28 +1094,34 @@ a.eds-button--size-large {
|
|
|
1056
1094
|
color: inherit;
|
|
1057
1095
|
}
|
|
1058
1096
|
.eds-tooltip__close-button:hover {
|
|
1097
|
+
background-color: #626493;
|
|
1059
1098
|
background-color: var(--components-button-iconbutton-contrast-hover);
|
|
1060
1099
|
}
|
|
1061
1100
|
.eds-tooltip__close-button:focus {
|
|
1062
1101
|
outline: 2px solid #181c56;
|
|
1102
|
+
outline-color: #aeb7e2;
|
|
1063
1103
|
outline-color: var(--basecolors-stroke-focus-contrast);
|
|
1064
1104
|
outline-offset: 0.125rem;
|
|
1065
1105
|
}
|
|
1066
1106
|
.eds-tooltip__close-button:active {
|
|
1107
|
+
background-color: #8794d4;
|
|
1067
1108
|
background-color: var(--components-button-iconbutton-contrast-active);
|
|
1068
1109
|
}
|
|
1069
1110
|
.eds-contrast .eds-tooltip__close-button {
|
|
1070
1111
|
color: inherit;
|
|
1071
1112
|
}
|
|
1072
1113
|
.eds-contrast .eds-tooltip__close-button:hover {
|
|
1114
|
+
background-color: #d9ddf2;
|
|
1073
1115
|
background-color: var(--components-button-iconbutton-standard-hover);
|
|
1074
1116
|
}
|
|
1075
1117
|
.eds-contrast .eds-tooltip__close-button:focus {
|
|
1076
1118
|
outline: 2px solid #181c56;
|
|
1119
|
+
outline-color: #181c56;
|
|
1077
1120
|
outline-color: var(--basecolors-stroke-focus-standard);
|
|
1078
1121
|
outline-offset: 0.125rem;
|
|
1079
1122
|
}
|
|
1080
1123
|
.eds-contrast .eds-tooltip__close-button:active {
|
|
1124
|
+
background-color: #aeb7e2;
|
|
1081
1125
|
background-color: var(--components-button-iconbutton-standard-active);
|
|
1082
1126
|
}
|
|
1083
1127
|
/* DO NOT CHANGE!*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/tooltip",
|
|
3
|
-
"version": "5.1.5
|
|
3
|
+
"version": "5.1.5",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/tooltip.esm.js",
|
|
@@ -27,11 +27,11 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/button": "^3.2.37
|
|
31
|
-
"@entur/icons": "^7.5.1
|
|
32
|
-
"@entur/layout": "^2.3.21
|
|
33
|
-
"@entur/tokens": "^3.17.4
|
|
34
|
-
"@entur/utils": "^0.12.2
|
|
30
|
+
"@entur/button": "^3.2.37",
|
|
31
|
+
"@entur/icons": "^7.5.1",
|
|
32
|
+
"@entur/layout": "^2.3.21",
|
|
33
|
+
"@entur/tokens": "^3.17.4",
|
|
34
|
+
"@entur/utils": "^0.12.2",
|
|
35
35
|
"@floating-ui/react": "^0.26.24",
|
|
36
36
|
"@floating-ui/react-dom": "^2.1.0",
|
|
37
37
|
"classnames": "^2.3.1"
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"dts-cli": "2.0.5"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "835e1335b390f48b80379ae6c473ac89041a392a"
|
|
43
43
|
}
|