@entur/tooltip 5.1.6 → 5.2.0-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.
Files changed (2) hide show
  1. package/dist/styles.css +44 -44
  2. package/package.json +4 -4
package/dist/styles.css CHANGED
@@ -1,5 +1,16 @@
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
+
3
14
  /* DO NOT CHANGE!*/
4
15
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
5
16
  a.eds-button {
@@ -54,14 +65,14 @@ a.eds-button--size-large {
54
65
  color: var(--eds-button-text-active);
55
66
  }
56
67
 
57
- .eds-button:focus {
68
+ .eds-button:focus-visible {
58
69
  outline: 2px solid #181c56;
59
70
  outline-color: #181c56;
60
71
  outline-color: var(--basecolors-stroke-focus-standard);
61
72
  outline-offset: 0.125rem;
62
73
  }
63
74
 
64
- .eds-contrast .eds-button:focus {
75
+ .eds-contrast .eds-button:focus-visible {
65
76
  outline-color: #aeb7e2;
66
77
  outline-color: var(--basecolors-stroke-focus-contrast);
67
78
  }
@@ -254,17 +265,6 @@ a.eds-button--size-large {
254
265
  border-color: transparent;
255
266
  }
256
267
 
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
-
268
268
  /* DO NOT CHANGE!*/
269
269
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
270
270
  .eds-floating-button {
@@ -307,14 +307,14 @@ a.eds-button--size-large {
307
307
  background-color: var(--components-button-floating-standard-active);
308
308
  }
309
309
 
310
- .eds-floating-button:focus {
310
+ .eds-floating-button:focus-visible {
311
311
  outline: 2px solid #181c56;
312
312
  outline-color: #181c56;
313
313
  outline-color: var(--basecolors-stroke-focus-standard);
314
314
  outline-offset: 0.125rem;
315
315
  }
316
316
 
317
- .eds-contrast .eds-floating-button:focus {
317
+ .eds-contrast .eds-floating-button:focus-visible {
318
318
  outline-color: #aeb7e2;
319
319
  outline-color: var(--basecolors-stroke-focus-contrast);
320
320
  }
@@ -384,18 +384,18 @@ a.eds-button--size-large {
384
384
  text-decoration: none;
385
385
  }
386
386
 
387
- .eds-square-button:focus {
387
+ .eds-square-button:focus-visible {
388
388
  outline: none;
389
389
  }
390
390
 
391
- .eds-square-button:focus .eds-square-button__button {
391
+ .eds-square-button:focus-visible .eds-square-button__button {
392
392
  outline: 2px solid #181c56;
393
393
  outline-color: #181c56;
394
394
  outline-color: var(--basecolors-stroke-focus-standard);
395
395
  outline-offset: 0.125rem;
396
396
  }
397
397
 
398
- .eds-contrast .eds-square-button:focus .eds-square-button__button {
398
+ .eds-contrast .eds-square-button:focus-visible .eds-square-button__button {
399
399
  outline-color: #aeb7e2;
400
400
  outline-color: var(--basecolors-stroke-focus-contrast);
401
401
  }
@@ -1006,14 +1006,14 @@ a.eds-button--size-large {
1006
1006
  color: var(--components-button-iconbutton-contrast-text-active);
1007
1007
  }
1008
1008
 
1009
- .eds-icon-button:focus {
1009
+ .eds-icon-button:focus-visible {
1010
1010
  outline: 2px solid #181c56;
1011
1011
  outline-color: #181c56;
1012
1012
  outline-color: var(--basecolors-stroke-focus-standard);
1013
1013
  outline-offset: 0.125rem;
1014
1014
  }
1015
1015
 
1016
- .eds-contrast .eds-icon-button:focus {
1016
+ .eds-contrast .eds-icon-button:focus-visible {
1017
1017
  outline-color: #aeb7e2;
1018
1018
  outline-color: var(--basecolors-stroke-focus-contrast);
1019
1019
  }
@@ -1097,7 +1097,7 @@ a.eds-button--size-large {
1097
1097
  background-color: #626493;
1098
1098
  background-color: var(--components-button-iconbutton-contrast-hover);
1099
1099
  }
1100
- .eds-tooltip__close-button:focus {
1100
+ .eds-tooltip__close-button:focus-visible {
1101
1101
  outline: 2px solid #181c56;
1102
1102
  outline-color: #aeb7e2;
1103
1103
  outline-color: var(--basecolors-stroke-focus-contrast);
@@ -1114,7 +1114,7 @@ a.eds-button--size-large {
1114
1114
  background-color: #d9ddf2;
1115
1115
  background-color: var(--components-button-iconbutton-standard-hover);
1116
1116
  }
1117
- .eds-contrast .eds-tooltip__close-button:focus {
1117
+ .eds-contrast .eds-tooltip__close-button:focus-visible {
1118
1118
  outline: 2px solid #181c56;
1119
1119
  outline-color: #181c56;
1120
1120
  outline-color: var(--basecolors-stroke-focus-standard);
@@ -1126,6 +1126,28 @@ a.eds-button--size-large {
1126
1126
  }
1127
1127
  /* DO NOT CHANGE!*/
1128
1128
  /* 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. */
1129
1151
  /* DO NOT CHANGE!*/
1130
1152
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
1131
1153
  /* DO NOT CHANGE!*/
@@ -1323,25 +1345,3 @@ a.eds-button--size-large {
1323
1345
  :root {
1324
1346
  --eds-tooltip: 1;
1325
1347
  }
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.6",
3
+ "version": "5.2.0-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.2.38",
30
+ "@entur/button": "^3.3.0-beta.0",
31
31
  "@entur/icons": "^7.6.0",
32
- "@entur/layout": "^2.3.22",
32
+ "@entur/layout": "^2.4.0-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": "1a989376d61ab59a8c554a9cab733039aef8b2eb"
42
+ "gitHead": "6ee621529704e08c9814cda206da98c37a9f0689"
43
43
  }