@entur/tooltip 5.1.5-beta.0 → 5.1.6

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.
Files changed (2) hide show
  1. package/dist/styles.css +77 -33
  2. 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;
@@ -929,6 +956,7 @@ a.eds-button--size-large {
929
956
  border: 0.125rem solid transparent;
930
957
  border-radius: 0.25rem;
931
958
  background: none;
959
+ color: #181c56;
932
960
  color: var(--components-button-iconbutton-standard-text);
933
961
  cursor: pointer;
934
962
  display: flex;
@@ -939,10 +967,12 @@ a.eds-button--size-large {
939
967
  }
940
968
 
941
969
  .eds-contrast .eds-icon-button {
970
+ color: #ffffff;
942
971
  color: var(--components-button-iconbutton-contrast-text);
943
972
  }
944
973
 
945
974
  .eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot {
975
+ background-color: #ffffff;
946
976
  background-color: var(--components-button-iconbutton-contrast-icon);
947
977
  }
948
978
 
@@ -953,30 +983,38 @@ a.eds-button--size-large {
953
983
  }
954
984
 
955
985
  .eds-icon-button:hover {
986
+ background-color: #d9ddf2;
956
987
  background-color: var(--components-button-iconbutton-standard-hover);
957
988
  }
958
989
 
959
990
  .eds-contrast .eds-icon-button:hover {
991
+ background-color: #626493;
960
992
  background-color: var(--components-button-iconbutton-contrast-hover);
961
993
  }
962
994
 
963
995
  .eds-icon-button:active {
996
+ background: #aeb7e2;
964
997
  background: var(--components-button-iconbutton-standard-active);
998
+ color: #181c56;
965
999
  color: var(--components-button-iconbutton-standard-text-active);
966
1000
  }
967
1001
 
968
1002
  .eds-contrast .eds-icon-button:active {
1003
+ background: #8794d4;
969
1004
  background: var(--components-button-iconbutton-contrast-active);
1005
+ color: #181c56;
970
1006
  color: var(--components-button-iconbutton-contrast-text-active);
971
1007
  }
972
1008
 
973
1009
  .eds-icon-button:focus {
974
1010
  outline: 2px solid #181c56;
1011
+ outline-color: #181c56;
975
1012
  outline-color: var(--basecolors-stroke-focus-standard);
976
1013
  outline-offset: 0.125rem;
977
1014
  }
978
1015
 
979
1016
  .eds-contrast .eds-icon-button:focus {
1017
+ outline-color: #aeb7e2;
980
1018
  outline-color: var(--basecolors-stroke-focus-contrast);
981
1019
  }
982
1020
 
@@ -1056,54 +1094,38 @@ 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!*/
1084
1128
  /* 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
1129
  /* DO NOT CHANGE!*/
1108
1130
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
1109
1131
  /* DO NOT CHANGE!*/
@@ -1301,3 +1323,25 @@ a.eds-button--size-large {
1301
1323
  :root {
1302
1324
  --eds-tooltip: 1;
1303
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 {
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 {
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.1.5-beta.0",
3
+ "version": "5.1.6",
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-beta.0",
31
- "@entur/icons": "^7.5.1-beta.0",
32
- "@entur/layout": "^2.3.21-beta.0",
33
- "@entur/tokens": "^3.17.4-beta.0",
34
- "@entur/utils": "^0.12.2-beta.0",
30
+ "@entur/button": "^3.2.38",
31
+ "@entur/icons": "^7.6.0",
32
+ "@entur/layout": "^2.3.22",
33
+ "@entur/tokens": "^3.17.5",
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": "b213fa4fd10a1a07abada3fa987b7ee2ed110ac2"
42
+ "gitHead": "1a989376d61ab59a8c554a9cab733039aef8b2eb"
43
43
  }