@entur/tooltip 5.2.5 → 5.2.7

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 +90 -90
  2. package/package.json +5 -5
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 {
@@ -253,17 +264,6 @@ a.eds-button .eds-icon {
253
264
  border-color: transparent;
254
265
  }
255
266
 
256
- /* DO NOT CHANGE!*/
257
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
258
- .eds-button-group .eds-button {
259
- margin-right: 0.75rem;
260
- margin-bottom: 0.75rem;
261
- }
262
-
263
- .eds-button-group .eds-button:only-child {
264
- margin: 0;
265
- }
266
-
267
267
  /* DO NOT CHANGE!*/
268
268
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
269
269
  .eds-floating-button {
@@ -567,85 +567,6 @@ a.eds-button .eds-icon {
567
567
  border-width: 0.0625rem;
568
568
  }
569
569
 
570
- /* DO NOT CHANGE!*/
571
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
572
- .eds-icon-button {
573
- border: 0.125rem solid transparent;
574
- border-radius: 0.25rem;
575
- background: none;
576
- color: #181c56;
577
- color: var(--components-button-iconbutton-standard-text);
578
- cursor: pointer;
579
- display: flex;
580
- justify-content: center;
581
- align-items: center;
582
- font-size: 1rem;
583
- padding: 0.5rem;
584
- }
585
-
586
- .eds-contrast .eds-icon-button {
587
- color: #ffffff;
588
- color: var(--components-button-iconbutton-contrast-text);
589
- }
590
-
591
- .eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot {
592
- background-color: #ffffff;
593
- background-color: var(--components-button-iconbutton-contrast-icon);
594
- }
595
-
596
- .eds-icon-button--size-small {
597
- height: 1.5rem;
598
- width: 1.5rem;
599
- padding: 0;
600
- }
601
-
602
- .eds-icon-button:hover {
603
- background-color: #d9ddf2;
604
- background-color: var(--components-button-iconbutton-standard-hover);
605
- }
606
-
607
- .eds-contrast .eds-icon-button:hover {
608
- background-color: #626493;
609
- background-color: var(--components-button-iconbutton-contrast-hover);
610
- }
611
-
612
- .eds-icon-button:active {
613
- background: #aeb7e2;
614
- background: var(--components-button-iconbutton-standard-active);
615
- color: #181c56;
616
- color: var(--components-button-iconbutton-standard-text-active);
617
- }
618
-
619
- .eds-contrast .eds-icon-button:active {
620
- background: #8794d4;
621
- background: var(--components-button-iconbutton-contrast-active);
622
- color: #181c56;
623
- color: var(--components-button-iconbutton-contrast-text-active);
624
- }
625
-
626
- .eds-icon-button:focus-visible {
627
- outline: 2px solid #181c56;
628
- outline-color: #181c56;
629
- outline-color: var(--basecolors-stroke-focus-standard);
630
- outline-offset: 0.125rem;
631
- }
632
-
633
- .eds-contrast .eds-icon-button:focus-visible {
634
- outline-color: #aeb7e2;
635
- outline-color: var(--basecolors-stroke-focus-contrast);
636
- }
637
-
638
- .eds-icon-button--disabled {
639
- opacity: 0.5;
640
- pointer-events: none;
641
- }
642
-
643
- .eds-icon-button--disabled__wrapper {
644
- cursor: not-allowed;
645
- width: -moz-fit-content;
646
- width: fit-content;
647
- }
648
-
649
570
  /* DO NOT CHANGE!*/
650
571
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
651
572
  /* DO NOT CHANGE!*/
@@ -1030,6 +951,85 @@ a.eds-button .eds-icon {
1030
951
  --eds-button: 1;
1031
952
  }
1032
953
 
954
+ /* DO NOT CHANGE!*/
955
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
956
+ .eds-icon-button {
957
+ border: 0.125rem solid transparent;
958
+ border-radius: 0.25rem;
959
+ background: none;
960
+ color: #181c56;
961
+ color: var(--components-button-iconbutton-standard-text);
962
+ cursor: pointer;
963
+ display: flex;
964
+ justify-content: center;
965
+ align-items: center;
966
+ font-size: 1rem;
967
+ padding: 0.5rem;
968
+ }
969
+
970
+ .eds-contrast .eds-icon-button {
971
+ color: #ffffff;
972
+ color: var(--components-button-iconbutton-contrast-text);
973
+ }
974
+
975
+ .eds-contrast .eds-icon-button > .eds-loading-dots .eds-loading-dots__dot {
976
+ background-color: #ffffff;
977
+ background-color: var(--components-button-iconbutton-contrast-icon);
978
+ }
979
+
980
+ .eds-icon-button--size-small {
981
+ height: 1.5rem;
982
+ width: 1.5rem;
983
+ padding: 0;
984
+ }
985
+
986
+ .eds-icon-button:hover {
987
+ background-color: #d9ddf2;
988
+ background-color: var(--components-button-iconbutton-standard-hover);
989
+ }
990
+
991
+ .eds-contrast .eds-icon-button:hover {
992
+ background-color: #626493;
993
+ background-color: var(--components-button-iconbutton-contrast-hover);
994
+ }
995
+
996
+ .eds-icon-button:active {
997
+ background: #aeb7e2;
998
+ background: var(--components-button-iconbutton-standard-active);
999
+ color: #181c56;
1000
+ color: var(--components-button-iconbutton-standard-text-active);
1001
+ }
1002
+
1003
+ .eds-contrast .eds-icon-button:active {
1004
+ background: #8794d4;
1005
+ background: var(--components-button-iconbutton-contrast-active);
1006
+ color: #181c56;
1007
+ color: var(--components-button-iconbutton-contrast-text-active);
1008
+ }
1009
+
1010
+ .eds-icon-button:focus-visible {
1011
+ outline: 2px solid #181c56;
1012
+ outline-color: #181c56;
1013
+ outline-color: var(--basecolors-stroke-focus-standard);
1014
+ outline-offset: 0.125rem;
1015
+ }
1016
+
1017
+ .eds-contrast .eds-icon-button:focus-visible {
1018
+ outline-color: #aeb7e2;
1019
+ outline-color: var(--basecolors-stroke-focus-contrast);
1020
+ }
1021
+
1022
+ .eds-icon-button--disabled {
1023
+ opacity: 0.5;
1024
+ pointer-events: none;
1025
+ }
1026
+
1027
+ .eds-icon-button--disabled__wrapper {
1028
+ cursor: not-allowed;
1029
+ width: -moz-fit-content;
1030
+ width: fit-content;
1031
+ }
1032
+
1033
1033
  .eds-tooltip-wrapper {
1034
1034
  display: inline-block;
1035
1035
  position: relative;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/tooltip",
3
- "version": "5.2.5",
3
+ "version": "5.2.7",
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.3.5",
31
- "@entur/icons": "^7.9.0",
32
- "@entur/layout": "^3.1.1",
30
+ "@entur/button": "^3.3.7",
31
+ "@entur/icons": "^7.11.0",
32
+ "@entur/layout": "^3.1.3",
33
33
  "@entur/tokens": "^3.19.0",
34
34
  "@entur/utils": "^0.12.3",
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": "e59bee5bf5aa6ab864c96be6cf4979feab287c61"
42
+ "gitHead": "ccdbbec971e0336510c047873a1e63cc31aa850e"
43
43
  }