@entur/tooltip 2.6.51 → 2.6.52

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 +176 -304
  2. package/package.json +7 -7
package/dist/styles.css CHANGED
@@ -165,328 +165,200 @@
165
165
  .eds-contrast .eds-popover:focus {
166
166
  outline-color: var(--basecolors-stroke-focus-contrast);
167
167
  }
168
- @import "~@entur/tokens/dist/primitive.css";
169
- @import "~@entur/tokens/dist/semantic.css";
170
168
  /* DO NOT CHANGE!*/
171
169
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
172
- :root {
173
- --fill-background-contrast-dark: var(--ebony-90);
174
- --fill-background-contrast-light: var(--lavender-90);
175
- --fill-background-contrast-lightalt: var(--blue-90);
176
- --fill-background-contrast-lightalt-2: var(--blue-100);
177
- --fill-background-overlay-solid: var(--ebony-80);
178
- --fill-background-overlay-solidalt: var(--ebony-75);
179
- --fill-background-overlay-transparent: var(--transparent-ebony-alpha15);
180
- --fill-background-overlay-transparentalt: var(--transparent-ebony-alpha25);
181
- --fill-background-standard-colorless: var(--white-alpha-0);
182
- --fill-background-standard-dark: var(--ebony-100);
183
- --fill-background-standard-light: var(--white-alpha-100);
184
- --fill-background-subdued-dark: var(--ebony-85);
185
- --fill-background-subdued-light: var(--blue-30);
186
- --fill-background-tint-dark: var(--ebony-95);
187
- --fill-background-tint-light: var(--blue-10);
188
- --fill-background-tint-neutral: var(--grey-10);
189
- --fill-background-tint-transparent: var(--transparent-blue-alpha10);
190
- --fill-boolean-false-contrast: var(--blue-50);
191
- --fill-boolean-false-dark: var(--transparent-ebony-alpha35);
192
- --fill-boolean-false-light: var(--grey-60);
193
- --fill-boolean-true-contrast: var(--mint-40);
194
- --fill-boolean-true-dark: var(--mint-40);
195
- --fill-boolean-true-light: var(--mint-60);
196
- --fill-disabled-light: var(--grey-40);
197
- --fill-disabled-transparent: var(--transparent-neutral-alpha15);
198
- --fill-disabled-transparentalt: var(--transparent-neutral-alpha10);
199
- --fill-information-contrast: var(--sky-30);
200
- --fill-information-deep: var(--sky-50);
201
- --fill-information-muted: var(--sky-10);
202
- --fill-information-tint: var(--sky-20);
203
- --fill-negative-contrast: var(--coral-40);
204
- --fill-negative-dark: var(--coral-90);
205
- --fill-negative-deep: var(--coral-60);
206
- --fill-negative-muted: var(--coral-20);
207
- --fill-negative-tint: var(--coral-30);
208
- --fill-negative-transparent: var(--transparent-coral-alpha20);
209
- --fill-primary-active-contrast: var(--lavender-50);
210
- --fill-primary-active-light: var(--lavender-100);
211
- --fill-primary-default-contrast: var(--lavender-40);
212
- --fill-primary-default-light: var(--lavender-90);
213
- --fill-primary-hover-contrast: var(--lavender-30);
214
- --fill-primary-hover-light: var(--blue-90);
215
- --fill-secondary-active-contrast: var(--lavender-50);
216
- --fill-secondary-active-light: var(--lavender-40);
217
- --fill-secondary-default-colorless: var(--white-alpha-0);
218
- --fill-secondary-hover-contrast: var(--blue-70);
219
- --fill-secondary-hover-light: var(--lavender-20);
220
- --fill-selected-default-contrast: var(--blue-90);
221
- --fill-selected-default-dark: var(--ebony-10);
222
- --fill-selected-default-darkalt: var(--ebony-50);
223
- --fill-selected-default-light: var(--blue-10);
224
- --fill-selected-default-neutral: var(--grey-30);
225
- --fill-selected-hover-contrast: var(--blue-80);
226
- --fill-selected-hover-dark: var(--transparent-ebony-alpha35);
227
- --fill-selected-hover-light: var(--blue-20);
228
- --fill-selected-hover-neutral: var(--grey-20);
229
- --fill-success-contrast: var(--mint-40);
230
- --fill-success-deep: var(--mint-60);
231
- --fill-success-muted: var(--mint-20);
232
- --fill-success-subdued: var(--mint-50);
233
- --fill-success-tint: var(--mint-30);
234
- --fill-warning-contrast: var(--canary-40);
235
- --fill-warning-deep: var(--canary-60);
236
- --fill-warning-muted: var(--canary-20);
237
- --fill-warning-tint: var(--canary-30);
238
- --shape-accent: var(--lavender-90);
239
- --shape-contrast: var(--lavender-40);
240
- --shape-dark: var(--ebony-100);
241
- --shape-darkalt: var(--ebony-30);
242
- --shape-disabled: var(--grey-80);
243
- --shape-highlight: var(--coral-40);
244
- --shape-highlightalt: var(--coral-30);
245
- --shape-inactive: var(--blue-40);
246
- --shape-information: var(--sky-50);
247
- --shape-informationalt: var(--sky-30);
248
- --shape-light: var(--white-alpha-100);
249
- --shape-lightalt: var(--ebony-10);
250
- --shape-negative: var(--coral-60);
251
- --shape-negativealt: var(--coral-30);
252
- --shape-neutral: var(--grey-70);
253
- --shape-neutralalt: var(--grey-50);
254
- --shape-neutralalt2: var(--grey-60);
255
- --shape-subdued: var(--blue-70);
256
- --shape-subduedalt: var(--blue-30);
257
- --shape-success: var(--mint-60);
258
- --shape-successalt: var(--mint-40);
259
- --shape-warning: var(--canary-60);
260
- --shape-warningalt: var(--canary-40);
261
- --stroke-accent: var(--lavender-90);
262
- --stroke-colorless: var(--white-alpha-0);
263
- --stroke-contrast: var(--lavender-40);
264
- --stroke-contrastalt: var(--blue-80);
265
- --stroke-dark: var(--ebony-30);
266
- --stroke-darkalt: var(--ebony-50);
267
- --stroke-darkalt-2: var(--ebony-100);
268
- --stroke-highlight: var(--coral-40);
269
- --stroke-highlightalt: var(--coral-30);
270
- --stroke-information: var(--sky-50);
271
- --stroke-light: var(--white-alpha-100);
272
- --stroke-lightalt: var(--ebony-10);
273
- --stroke-negative: var(--coral-60);
274
- --stroke-negativealt: var(--coral-30);
275
- --stroke-neutral: var(--grey-30);
276
- --stroke-neutralalt: var(--grey-60);
277
- --stroke-subdued: var(--blue-60);
278
- --stroke-success: var(--mint-60);
279
- --stroke-successalt: var(--mint-40);
280
- --stroke-transparent: var(--transparent-blue-alpha40);
281
- --stroke-transparentalt: var(--transparent-lavender-alpha70);
282
- --stroke-warning: var(--canary-70);
283
- --text-accent: var(--lavender-90);
284
- --text-dark: var(--ebony-100);
285
- --text-darkalt: var(--ebony-30);
286
- --text-disabled: var(--grey-80);
287
- --text-highlight: var(--lavender-40);
288
- --text-highlightalt: var(--peach-40);
289
- --text-light: var(--white-alpha-100);
290
- --text-lightalt: var(--ebony-10);
291
- --text-negative: var(--coral-60);
292
- --text-negativealt: var(--coral-30);
293
- --text-neutral: var(--grey-70);
294
- --text-neutralalt: var(--grey-50);
295
- --text-neutralalt2: var(--grey-60);
296
- --text-subdued: var(--blue-70);
297
- --text-subduedalt: var(--blue-30);
298
- --text-success: var(--mint-60);
299
- --text-successalt: var(--mint-40);
300
- }
301
-
170
+ /* DO NOT CHANGE!*/
171
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
302
172
  /* DO NOT CHANGE!*/
303
173
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
304
174
  [data-color-mode=light],
305
175
  :root {
306
- --components-tooltip-popover-contrast-border: var(--stroke-colorless);
307
- --components-tooltip-popover-contrast-fill: var(--fill-primary-hover-light);
308
- --components-tooltip-popover-contrast-icon: var(--shape-light);
309
- --components-tooltip-popover-contrast-text: var(--text-light);
310
- --components-tooltip-popover-standard-border: var(--stroke-transparent);
311
- --components-tooltip-popover-standard-fill: var(--fill-selected-default-light);
312
- --components-tooltip-popover-standard-icon: var(--shape-accent);
313
- --components-tooltip-popover-standard-text: var(--text-accent);
314
- --components-tooltip-tooltip-contrast-fill: var(--fill-background-standard-light);
315
- --components-tooltip-tooltip-contrast-fill-negative: var(--fill-negative-tint);
316
- --components-tooltip-tooltip-contrast-icon: var(--shape-accent);
317
- --components-tooltip-tooltip-contrast-icon-negative: var(--shape-accent);
318
- --components-tooltip-tooltip-contrast-text: var(--text-accent);
319
- --components-tooltip-tooltip-contrast-text-negative: var(--text-accent);
320
- --components-tooltip-tooltip-contrast-triangle: var(--fill-background-standard-light);
321
- --components-tooltip-tooltip-contrast-triangle-negative: var(--fill-negative-tint);
322
- --components-tooltip-tooltip-standard-fill: var(--fill-background-contrast-light);
323
- --components-tooltip-tooltip-standard-fill-negative: var(--fill-negative-muted);
324
- --components-tooltip-tooltip-standard-icon: var(--shape-light);
325
- --components-tooltip-tooltip-standard-icon-negative: var(--shape-accent);
326
- --components-tooltip-tooltip-standard-text: var(--text-light);
327
- --components-tooltip-tooltip-standard-text-negative: var(--text-accent);
328
- --components-tooltip-tooltip-standard-triangle: var(--fill-background-contrast-light);
329
- --components-tooltip-tooltip-standard-triangle-negative: var(--fill-negative-muted);
176
+ --components-tooltip-popover-contrast-border: rgba(255, 255, 255, 0);
177
+ --components-tooltip-popover-contrast-fill: #393d79;
178
+ --components-tooltip-popover-contrast-icon: #ffffff;
179
+ --components-tooltip-popover-contrast-text: #ffffff;
180
+ --components-tooltip-popover-standard-border: rgba(84, 86, 140, 0.4);
181
+ --components-tooltip-popover-standard-fill: #f6f6f9;
182
+ --components-tooltip-popover-standard-icon: #181c56;
183
+ --components-tooltip-popover-standard-text: #181c56;
184
+ --components-tooltip-tooltip-contrast-fill: #ffffff;
185
+ --components-tooltip-tooltip-contrast-fill-negative: #ff9494;
186
+ --components-tooltip-tooltip-contrast-icon: #181c56;
187
+ --components-tooltip-tooltip-contrast-icon-negative: #181c56;
188
+ --components-tooltip-tooltip-contrast-text: #181c56;
189
+ --components-tooltip-tooltip-contrast-text-negative: #181c56;
190
+ --components-tooltip-tooltip-contrast-triangle: #ffffff;
191
+ --components-tooltip-tooltip-contrast-triangle-negative: #ff9494;
192
+ --components-tooltip-tooltip-standard-fill: #181c56;
193
+ --components-tooltip-tooltip-standard-fill-negative: #ffcece;
194
+ --components-tooltip-tooltip-standard-icon: #ffffff;
195
+ --components-tooltip-tooltip-standard-icon-negative: #181c56;
196
+ --components-tooltip-tooltip-standard-text: #ffffff;
197
+ --components-tooltip-tooltip-standard-text-negative: #181c56;
198
+ --components-tooltip-tooltip-standard-triangle: #181c56;
199
+ --components-tooltip-tooltip-standard-triangle-negative: #ffcece;
330
200
  }
331
201
 
332
202
  [data-color-mode=dark] {
333
- --components-tooltip-popover-contrast-border: var(--stroke-colorless);
334
- --components-tooltip-popover-contrast-fill: var(--fill-background-overlay-solid);
335
- --components-tooltip-popover-contrast-icon: var(--shape-lightalt);
336
- --components-tooltip-popover-contrast-text: var(--text-lightalt);
337
- --components-tooltip-popover-standard-border: var(--stroke-colorless);
338
- --components-tooltip-popover-standard-fill: var(--fill-background-overlay-solid);
339
- --components-tooltip-popover-standard-icon: var(--shape-lightalt);
340
- --components-tooltip-popover-standard-text: var(--text-lightalt);
341
- --components-tooltip-tooltip-contrast-fill: var(--fill-background-overlay-solid);
342
- --components-tooltip-tooltip-contrast-fill-negative: var(--fill-negative-tint);
343
- --components-tooltip-tooltip-contrast-icon: var(--shape-lightalt);
344
- --components-tooltip-tooltip-contrast-icon-negative: var(--shape-dark);
345
- --components-tooltip-tooltip-contrast-text: var(--text-lightalt);
346
- --components-tooltip-tooltip-contrast-text-negative: var(--text-dark);
347
- --components-tooltip-tooltip-contrast-triangle: var(--fill-background-overlay-solid);
348
- --components-tooltip-tooltip-contrast-triangle-negative: var(--fill-negative-tint);
349
- --components-tooltip-tooltip-standard-fill: var(--fill-background-overlay-solid);
350
- --components-tooltip-tooltip-standard-fill-negative: var(--fill-negative-tint);
351
- --components-tooltip-tooltip-standard-icon: var(--shape-lightalt);
352
- --components-tooltip-tooltip-standard-icon-negative: var(--shape-dark);
353
- --components-tooltip-tooltip-standard-text: var(--text-lightalt);
354
- --components-tooltip-tooltip-standard-text-negative: var(--text-dark);
355
- --components-tooltip-tooltip-standard-triangle: var(--fill-background-overlay-solid);
356
- --components-tooltip-tooltip-standard-triangle-negative: var(--fill-negative-tint);
203
+ --components-tooltip-popover-contrast-border: rgba(255, 255, 255, 0);
204
+ --components-tooltip-popover-contrast-fill: #393a49;
205
+ --components-tooltip-popover-contrast-icon: #e5e5e9;
206
+ --components-tooltip-popover-contrast-text: #e5e5e9;
207
+ --components-tooltip-popover-standard-border: rgba(255, 255, 255, 0);
208
+ --components-tooltip-popover-standard-fill: #393a49;
209
+ --components-tooltip-popover-standard-icon: #e5e5e9;
210
+ --components-tooltip-popover-standard-text: #e5e5e9;
211
+ --components-tooltip-tooltip-contrast-fill: #393a49;
212
+ --components-tooltip-tooltip-contrast-fill-negative: #ff9494;
213
+ --components-tooltip-tooltip-contrast-icon: #e5e5e9;
214
+ --components-tooltip-tooltip-contrast-icon-negative: #08091c;
215
+ --components-tooltip-tooltip-contrast-text: #e5e5e9;
216
+ --components-tooltip-tooltip-contrast-text-negative: #08091c;
217
+ --components-tooltip-tooltip-contrast-triangle: #393a49;
218
+ --components-tooltip-tooltip-contrast-triangle-negative: #ff9494;
219
+ --components-tooltip-tooltip-standard-fill: #393a49;
220
+ --components-tooltip-tooltip-standard-fill-negative: #ff9494;
221
+ --components-tooltip-tooltip-standard-icon: #e5e5e9;
222
+ --components-tooltip-tooltip-standard-icon-negative: #08091c;
223
+ --components-tooltip-tooltip-standard-text: #e5e5e9;
224
+ --components-tooltip-tooltip-standard-text-negative: #08091c;
225
+ --components-tooltip-tooltip-standard-triangle: #393a49;
226
+ --components-tooltip-tooltip-standard-triangle-negative: #ff9494;
357
227
  }
358
228
 
229
+ /* DO NOT CHANGE!*/
230
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
359
231
  /* DO NOT CHANGE!*/
360
232
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
361
233
  [data-color-mode=light],
362
234
  :root {
363
- --basecolors-frame-contrast: var(--fill-background-contrast-light);
364
- --basecolors-frame-contrastalt: var(--fill-background-contrast-lightalt);
365
- --basecolors-frame-default: var(--fill-background-standard-light);
366
- --basecolors-frame-elevated: var(--fill-background-standard-light);
367
- --basecolors-frame-elevatedalt: var(--fill-background-tint-light);
368
- --basecolors-frame-subdued: var(--fill-background-subdued-light);
369
- --basecolors-frame-tint: var(--fill-background-tint-light);
370
- --basecolors-shape-accent: var(--shape-accent);
371
- --basecolors-shape-bicycle-contrast: var(--contrast-bicycle);
372
- --basecolors-shape-bicycle-default: var(--standard-bicycle);
373
- --basecolors-shape-bus-contrast: var(--contrast-bus);
374
- --basecolors-shape-bus-default: var(--standard-bus);
375
- --basecolors-shape-cableway-contrast: var(--contrast-cableway);
376
- --basecolors-shape-cableway-default: var(--standard-cableway);
377
- --basecolors-shape-disabled: var(--shape-neutral);
378
- --basecolors-shape-disabledalt: var(--shape-neutralalt);
379
- --basecolors-shape-ferry-contrast: var(--contrast-ferry);
380
- --basecolors-shape-ferry-default: var(--standard-ferry);
381
- --basecolors-shape-funicular-contrast: var(--contrast-funicular);
382
- --basecolors-shape-funicular-default: var(--standard-funicular);
383
- --basecolors-shape-helicopter-contrast: var(--contrast-helicopter);
384
- --basecolors-shape-helicopter-default: var(--standard-helicopter);
385
- --basecolors-shape-highlight: var(--stroke-highlight);
386
- --basecolors-shape-light: var(--shape-light);
387
- --basecolors-shape-mask: var(--shape-light);
388
- --basecolors-shape-maskalt: var(--shape-light);
389
- --basecolors-shape-metro-contrast: var(--contrast-metro);
390
- --basecolors-shape-metro-default: var(--standard-metro);
391
- --basecolors-shape-mobility-contrast: var(--contrast-mobility);
392
- --basecolors-shape-mobility-default: var(--standard-mobility);
393
- --basecolors-shape-plane-contrast: var(--contrast-plane);
394
- --basecolors-shape-plane-default: var(--standard-plane);
395
- --basecolors-shape-subdued: var(--shape-subdued);
396
- --basecolors-shape-subduedalt: var(--shape-subduedalt);
397
- --basecolors-shape-taxi-contrast: var(--contrast-taxi);
398
- --basecolors-shape-taxi-default: var(--standard-taxi);
399
- --basecolors-shape-train-contrast: var(--contrast-train);
400
- --basecolors-shape-train-default: var(--standard-train);
401
- --basecolors-shape-tram-contrast: var(--contrast-tram);
402
- --basecolors-shape-tram-default: var(--standard-tram);
403
- --basecolors-shape-walk-contrast: var(--contrast-walk);
404
- --basecolors-shape-walk-default: var(--standard-walk);
405
- --basecolors-shape-airportlinkbus-contrast: var(--contrast-airportlinkbus);
406
- --basecolors-shape-airportlinkbus-default: var(--standard-airportlinkbus);
407
- --basecolors-shape-airportlinkrail-contrast: var(--contrast-airportlinkrail);
408
- --basecolors-shape-airportlinkrail-default: var(--standard-airportlinkrail);
409
- --basecolors-stroke-contrast: var(--stroke-contrast);
410
- --basecolors-stroke-default: var(--stroke-accent);
411
- --basecolors-stroke-disabled: var(--stroke-neutralalt);
412
- --basecolors-stroke-focus-contrast: var(--stroke-contrast);
413
- --basecolors-stroke-focus-standard: var(--stroke-accent);
414
- --basecolors-stroke-highlight: var(--stroke-highlight);
415
- --basecolors-stroke-light: var(--stroke-light);
416
- --basecolors-stroke-subdued: var(--stroke-subdued);
417
- --basecolors-stroke-subduedalt: var(--stroke-neutral);
418
- --basecolors-text-accent: var(--text-accent);
419
- --basecolors-text-disabled: var(--text-neutral);
420
- --basecolors-text-disabledalt: var(--text-neutralalt);
421
- --basecolors-text-highlight: var(--stroke-highlight);
422
- --basecolors-text-light: var(--text-light);
423
- --basecolors-text-subdued: var(--text-subdued);
424
- --basecolors-text-subduedalt: var(--text-subduedalt);
235
+ --basecolors-frame-contrast: #181c56;
236
+ --basecolors-frame-contrastalt: #393d79;
237
+ --basecolors-frame-default: #ffffff;
238
+ --basecolors-frame-elevated: #ffffff;
239
+ --basecolors-frame-elevatedalt: #f6f6f9;
240
+ --basecolors-frame-subdued: #d9dae8;
241
+ --basecolors-frame-tint: #f6f6f9;
242
+ --basecolors-shape-accent: #181c56;
243
+ --basecolors-shape-bicycle-contrast: #00db9b;
244
+ --basecolors-shape-bicycle-default: #388f76;
245
+ --basecolors-shape-bus-contrast: #ff6392;
246
+ --basecolors-shape-bus-default: #c5044e;
247
+ --basecolors-shape-cableway-contrast: #b482fb;
248
+ --basecolors-shape-cableway-default: #78469a;
249
+ --basecolors-shape-disabled: #6e6f73;
250
+ --basecolors-shape-disabledalt: #b6b8ba;
251
+ --basecolors-shape-ferry-contrast: #6fdfff;
252
+ --basecolors-shape-ferry-default: #0c6693;
253
+ --basecolors-shape-funicular-contrast: #b482fb;
254
+ --basecolors-shape-funicular-default: #78469a;
255
+ --basecolors-shape-helicopter-contrast: #fbafea;
256
+ --basecolors-shape-helicopter-default: #800664;
257
+ --basecolors-shape-highlight: #ff5959;
258
+ --basecolors-shape-light: #ffffff;
259
+ --basecolors-shape-mask: #ffffff;
260
+ --basecolors-shape-maskalt: #ffffff;
261
+ --basecolors-shape-metro-contrast: #f08901;
262
+ --basecolors-shape-metro-default: #bf5826;
263
+ --basecolors-shape-mobility-contrast: #00db9b;
264
+ --basecolors-shape-mobility-default: #388f76;
265
+ --basecolors-shape-plane-contrast: #fbafea;
266
+ --basecolors-shape-plane-default: #800664;
267
+ --basecolors-shape-subdued: #626493;
268
+ --basecolors-shape-subduedalt: #d9dae8;
269
+ --basecolors-shape-taxi-contrast: #ffe082;
270
+ --basecolors-shape-taxi-default: #3d3e40;
271
+ --basecolors-shape-train-contrast: #42a5f5;
272
+ --basecolors-shape-train-default: #00367f;
273
+ --basecolors-shape-tram-contrast: #b482fb;
274
+ --basecolors-shape-tram-default: #78469a;
275
+ --basecolors-shape-walk-contrast: #8284ab;
276
+ --basecolors-shape-walk-default: #8d8e9c;
277
+ --basecolors-shape-airportlinkbus-contrast: #fbafea;
278
+ --basecolors-shape-airportlinkbus-default: #800664;
279
+ --basecolors-shape-airportlinkrail-contrast: #fbafea;
280
+ --basecolors-shape-airportlinkrail-default: #800664;
281
+ --basecolors-stroke-contrast: #aeb7e2;
282
+ --basecolors-stroke-default: #181c56;
283
+ --basecolors-stroke-disabled: #949699;
284
+ --basecolors-stroke-focus-contrast: #aeb7e2;
285
+ --basecolors-stroke-focus-standard: #181c56;
286
+ --basecolors-stroke-highlight: #ff5959;
287
+ --basecolors-stroke-light: #ffffff;
288
+ --basecolors-stroke-subdued: #8284ab;
289
+ --basecolors-stroke-subduedalt: #e3e6e8;
290
+ --basecolors-text-accent: #181c56;
291
+ --basecolors-text-disabled: #6e6f73;
292
+ --basecolors-text-disabledalt: #b6b8ba;
293
+ --basecolors-text-highlight: #ff5959;
294
+ --basecolors-text-light: #ffffff;
295
+ --basecolors-text-subdued: #626493;
296
+ --basecolors-text-subduedalt: #d9dae8;
425
297
  }
426
298
 
427
299
  [data-color-mode=dark] {
428
- --basecolors-frame-contrast: var(--fill-background-contrast-dark);
429
- --basecolors-frame-contrastalt: var(--fill-background-tint-dark);
430
- --basecolors-frame-default: var(--fill-background-standard-dark);
431
- --basecolors-frame-elevated: var(--fill-background-overlay-transparent);
432
- --basecolors-frame-elevatedalt: var(--fill-background-overlay-solidalt);
433
- --basecolors-frame-subdued: var(--fill-background-subdued-dark);
434
- --basecolors-frame-tint: var(--fill-background-tint-dark);
435
- --basecolors-shape-accent: var(--shape-lightalt);
436
- --basecolors-shape-bicycle-contrast: var(--dark-bicycle);
437
- --basecolors-shape-bicycle-default: var(--dark-bicycle);
438
- --basecolors-shape-bus-contrast: var(--dark-bus);
439
- --basecolors-shape-bus-default: var(--dark-bus);
440
- --basecolors-shape-cableway-contrast: var(--dark-cableway);
441
- --basecolors-shape-cableway-default: var(--dark-cableway);
442
- --basecolors-shape-disabled: var(--shape-neutralalt);
443
- --basecolors-shape-disabledalt: var(--shape-darkalt);
444
- --basecolors-shape-ferry-contrast: var(--dark-ferry);
445
- --basecolors-shape-ferry-default: var(--dark-ferry);
446
- --basecolors-shape-funicular-contrast: var(--dark-funicular);
447
- --basecolors-shape-funicular-default: var(--dark-funicular);
448
- --basecolors-shape-helicopter-contrast: var(--dark-helicopter);
449
- --basecolors-shape-helicopter-default: var(--dark-helicopter);
450
- --basecolors-shape-highlight: var(--stroke-highlightalt);
451
- --basecolors-shape-light: var(--shape-lightalt);
452
- --basecolors-shape-mask: var(--fill-background-subdued-dark);
453
- --basecolors-shape-maskalt: var(--fill-background-overlay-solid);
454
- --basecolors-shape-metro-contrast: var(--dark-metro);
455
- --basecolors-shape-metro-default: var(--dark-metro);
456
- --basecolors-shape-mobility-contrast: var(--dark-mobility);
457
- --basecolors-shape-mobility-default: var(--dark-mobility);
458
- --basecolors-shape-plane-contrast: var(--dark-plane);
459
- --basecolors-shape-plane-default: var(--dark-plane);
460
- --basecolors-shape-subdued: var(--shape-darkalt);
461
- --basecolors-shape-subduedalt: var(--shape-darkalt);
462
- --basecolors-shape-taxi-contrast: var(--dark-taxi);
463
- --basecolors-shape-taxi-default: var(--dark-taxi);
464
- --basecolors-shape-train-contrast: var(--dark-train);
465
- --basecolors-shape-train-default: var(--dark-train);
466
- --basecolors-shape-tram-contrast: var(--dark-tram);
467
- --basecolors-shape-tram-default: var(--dark-tram);
468
- --basecolors-shape-walk-contrast: var(--dark-walk);
469
- --basecolors-shape-walk-default: var(--dark-walk);
470
- --basecolors-shape-airportlinkbus-contrast: var(--dark-airportlinkbus);
471
- --basecolors-shape-airportlinkbus-default: var(--dark-airportlinkbus);
472
- --basecolors-shape-airportlinkrail-contrast: var(--dark-airportlinkrail);
473
- --basecolors-shape-airportlinkrail-default: var(--dark-airportlinkrail);
474
- --basecolors-stroke-contrast: var(--stroke-contrast);
475
- --basecolors-stroke-default: var(--stroke-dark);
476
- --basecolors-stroke-disabled: var(--stroke-neutral);
477
- --basecolors-stroke-focus-contrast: var(--stroke-contrast);
478
- --basecolors-stroke-focus-standard: var(--stroke-contrast);
479
- --basecolors-stroke-highlight: var(--stroke-highlightalt);
480
- --basecolors-stroke-light: var(--stroke-dark);
481
- --basecolors-stroke-subdued: var(--stroke-darkalt);
482
- --basecolors-stroke-subduedalt: var(--stroke-darkalt);
483
- --basecolors-text-accent: var(--text-lightalt);
484
- --basecolors-text-disabled: var(--text-neutralalt);
485
- --basecolors-text-disabledalt: var(--text-neutralalt);
486
- --basecolors-text-highlight: var(--stroke-highlightalt);
487
- --basecolors-text-light: var(--text-lightalt);
488
- --basecolors-text-subdued: var(--text-darkalt);
489
- --basecolors-text-subduedalt: var(--text-darkalt);
300
+ --basecolors-frame-contrast: #212233;
301
+ --basecolors-frame-contrastalt: #141527;
302
+ --basecolors-frame-default: #08091c;
303
+ --basecolors-frame-elevated: rgba(229, 229, 233, 0.1490196078);
304
+ --basecolors-frame-elevatedalt: #464755;
305
+ --basecolors-frame-subdued: #2d2e3e;
306
+ --basecolors-frame-tint: #141527;
307
+ --basecolors-shape-accent: #e5e5e9;
308
+ --basecolors-shape-bicycle-contrast: #4db295;
309
+ --basecolors-shape-bicycle-default: #4db295;
310
+ --basecolors-shape-bus-contrast: #e87a9b;
311
+ --basecolors-shape-bus-default: #e87a9b;
312
+ --basecolors-shape-cableway-contrast: #b898e5;
313
+ --basecolors-shape-cableway-default: #b898e5;
314
+ --basecolors-shape-disabled: #b6b8ba;
315
+ --basecolors-shape-disabledalt: #b3b4bd;
316
+ --basecolors-shape-ferry-contrast: #8ccfe2;
317
+ --basecolors-shape-ferry-default: #8ccfe2;
318
+ --basecolors-shape-funicular-contrast: #b898e5;
319
+ --basecolors-shape-funicular-default: #b898e5;
320
+ --basecolors-shape-helicopter-contrast: #f2b8e5;
321
+ --basecolors-shape-helicopter-default: #f2b8e5;
322
+ --basecolors-shape-highlight: #ff9494;
323
+ --basecolors-shape-light: #e5e5e9;
324
+ --basecolors-shape-mask: #2d2e3e;
325
+ --basecolors-shape-maskalt: #393a49;
326
+ --basecolors-shape-metro-contrast: #dd973c;
327
+ --basecolors-shape-metro-default: #dd973c;
328
+ --basecolors-shape-mobility-contrast: #4db295;
329
+ --basecolors-shape-mobility-default: #4db295;
330
+ --basecolors-shape-plane-contrast: #f2b8e5;
331
+ --basecolors-shape-plane-default: #f2b8e5;
332
+ --basecolors-shape-subdued: #b3b4bd;
333
+ --basecolors-shape-subduedalt: #b3b4bd;
334
+ --basecolors-shape-taxi-contrast: #ffe082;
335
+ --basecolors-shape-taxi-default: #ffe082;
336
+ --basecolors-shape-train-contrast: #60a2d7;
337
+ --basecolors-shape-train-default: #60a2d7;
338
+ --basecolors-shape-tram-contrast: #b898e5;
339
+ --basecolors-shape-tram-default: #b898e5;
340
+ --basecolors-shape-walk-contrast: #8d8e9c;
341
+ --basecolors-shape-walk-default: #8d8e9c;
342
+ --basecolors-shape-airportlinkbus-contrast: #f2b8e5;
343
+ --basecolors-shape-airportlinkbus-default: #f2b8e5;
344
+ --basecolors-shape-airportlinkrail-contrast: #f2b8e5;
345
+ --basecolors-shape-airportlinkrail-default: #f2b8e5;
346
+ --basecolors-stroke-contrast: #aeb7e2;
347
+ --basecolors-stroke-default: #b3b4bd;
348
+ --basecolors-stroke-disabled: #e3e6e8;
349
+ --basecolors-stroke-focus-contrast: #aeb7e2;
350
+ --basecolors-stroke-focus-standard: #aeb7e2;
351
+ --basecolors-stroke-highlight: #ff9494;
352
+ --basecolors-stroke-light: #b3b4bd;
353
+ --basecolors-stroke-subdued: #81828f;
354
+ --basecolors-stroke-subduedalt: #81828f;
355
+ --basecolors-text-accent: #e5e5e9;
356
+ --basecolors-text-disabled: #b6b8ba;
357
+ --basecolors-text-disabledalt: #b6b8ba;
358
+ --basecolors-text-highlight: #ff9494;
359
+ --basecolors-text-light: #e5e5e9;
360
+ --basecolors-text-subdued: #b3b4bd;
361
+ --basecolors-text-subduedalt: #b3b4bd;
490
362
  }
491
363
 
492
364
  :root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/tooltip",
3
- "version": "2.6.51",
3
+ "version": "2.6.52",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/tooltip.esm.js",
@@ -27,14 +27,14 @@
27
27
  "react-dom": ">=16.8.0"
28
28
  },
29
29
  "dependencies": {
30
- "@entur/button": "^3.2.14",
31
- "@entur/icons": "^6.15.3",
32
- "@entur/layout": "^2.2.3",
33
- "@entur/tokens": "^3.13.2",
34
- "@entur/utils": "^0.10.0",
30
+ "@entur/button": "^3.2.15",
31
+ "@entur/icons": "^6.15.4",
32
+ "@entur/layout": "^2.2.4",
33
+ "@entur/tokens": "^3.13.3",
34
+ "@entur/utils": "^0.10.1",
35
35
  "@popperjs/core": "^2.10.1",
36
36
  "classnames": "^2.3.1",
37
37
  "react-popper": "~2.2.5"
38
38
  },
39
- "gitHead": "427e66ba68d33b8d1839714a48517b52afd5c2db"
39
+ "gitHead": "89d5de6d31962e236a5c147e129bf915576166b4"
40
40
  }