@eveshipfit/ui-ingame 1.6.0 → 1.7.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.
package/dist/style.css CHANGED
@@ -919,6 +919,132 @@
919
919
  display: block;
920
920
  position: relative;
921
921
  }
922
+ .BVBbxW_track {
923
+ fill: none;
924
+ pointer-events: none;
925
+ stroke: #ffffff12;
926
+ stroke-linecap: round;
927
+ stroke-width: 39px;
928
+ position: absolute;
929
+ inset: 0;
930
+ overflow: visible;
931
+ }
932
+
933
+ .BVBbxW_marker {
934
+ height: calc(30 * var(--wheel-unit));
935
+ margin: calc(-15 * var(--wheel-unit));
936
+ width: calc(30 * var(--wheel-unit));
937
+ position: absolute;
938
+ }
939
+
940
+ .BVBbxW_marker img {
941
+ opacity: .8;
942
+ width: 100%;
943
+ height: 100%;
944
+ display: block;
945
+ }
946
+
947
+ .BVBbxW_marker img[data-marker="booster"] {
948
+ filter: grayscale() brightness(1.3);
949
+ margin: calc(4 * var(--wheel-unit));
950
+ opacity: .7;
951
+ width: calc(22 * var(--wheel-unit));
952
+ height: calc(22 * var(--wheel-unit));
953
+ }
954
+
955
+ .BVBbxW_slot {
956
+ height: calc(32 * var(--wheel-unit));
957
+ margin: calc(-16 * var(--wheel-unit));
958
+ width: calc(32 * var(--wheel-unit));
959
+ position: absolute;
960
+ }
961
+
962
+ .BVBbxW_body {
963
+ user-select: none;
964
+ justify-content: center;
965
+ align-items: center;
966
+ width: 100%;
967
+ height: 100%;
968
+ display: flex;
969
+ position: relative;
970
+ }
971
+
972
+ .BVBbxW_frame {
973
+ fill: #0d1213;
974
+ stroke: #2b3337;
975
+ stroke-linejoin: round;
976
+ stroke-width: 1px;
977
+ position: absolute;
978
+ inset: 0;
979
+ overflow: visible;
980
+ }
981
+
982
+ .BVBbxW_slot[data-filled] .BVBbxW_frame {
983
+ stroke: #3d5960;
984
+ }
985
+
986
+ .BVBbxW_slot[data-preview] .BVBbxW_frame {
987
+ filter: drop-shadow(0 0 calc(4 * var(--wheel-unit)) var(--esf-button-active-edge));
988
+ stroke: var(--esf-button-active-edge);
989
+ }
990
+
991
+ .BVBbxW_icon {
992
+ border-radius: calc(3 * var(--wheel-unit));
993
+ height: calc(28 * var(--wheel-unit));
994
+ width: calc(28 * var(--wheel-unit));
995
+ position: relative;
996
+ overflow: hidden;
997
+ }
998
+
999
+ .BVBbxW_icon > span {
1000
+ width: 100%;
1001
+ height: 100%;
1002
+ display: block;
1003
+ }
1004
+
1005
+ .BVBbxW_number {
1006
+ color: var(--esf-text-muted);
1007
+ font-family: var(--esf-font);
1008
+ font-size: calc(12.52 * var(--wheel-unit));
1009
+ opacity: .6;
1010
+ position: relative;
1011
+ }
1012
+
1013
+ .BVBbxW_actions {
1014
+ opacity: 0;
1015
+ pointer-events: none;
1016
+ border: none;
1017
+ margin: 0;
1018
+ padding: 0;
1019
+ position: absolute;
1020
+ inset: 0;
1021
+ }
1022
+
1023
+ .BVBbxW_slot:hover > .BVBbxW_actions, .BVBbxW_slot:has(:focus-visible) > .BVBbxW_actions {
1024
+ opacity: 1;
1025
+ }
1026
+
1027
+ .BVBbxW_slot:hover :is(.BVBbxW_action, .BVBbxW_bridge), .BVBbxW_slot:has(:focus-visible) :is(.BVBbxW_action, .BVBbxW_bridge) {
1028
+ pointer-events: auto;
1029
+ }
1030
+
1031
+ .BVBbxW_action {
1032
+ height: calc(12.97 * var(--wheel-unit));
1033
+ left: calc(50% + var(--x) * var(--wheel-unit));
1034
+ margin: calc(-6.49 * var(--wheel-unit));
1035
+ top: calc(50% + var(--y) * var(--wheel-unit));
1036
+ width: calc(12.97 * var(--wheel-unit));
1037
+ position: absolute;
1038
+ }
1039
+
1040
+ .BVBbxW_bridge {
1041
+ height: calc(8 * var(--wheel-unit));
1042
+ left: calc(50% + var(--x) * var(--wheel-unit));
1043
+ margin: calc(-4 * var(--wheel-unit));
1044
+ top: calc(50% + var(--y) * var(--wheel-unit));
1045
+ width: calc(8 * var(--wheel-unit));
1046
+ position: absolute;
1047
+ }
922
1048
  ._f5iUa_tooltip {
923
1049
  gap: 8px;
924
1050
  display: grid;
@@ -1579,7 +1705,7 @@
1579
1705
  }
1580
1706
 
1581
1707
  .L9t91q_window[data-statistics] {
1582
- --statistics-width: calc(264 * var(--window-unit));
1708
+ --statistics-width: calc(272 * var(--window-unit));
1583
1709
  }
1584
1710
 
1585
1711
  .L9t91q_frame {
@@ -1884,7 +2010,7 @@
1884
2010
  }
1885
2011
 
1886
2012
  .L9t91q_statistics {
1887
- left: calc(692 * var(--window-unit) + var(--browser-width));
2013
+ left: calc(700 * var(--window-unit) + var(--browser-width));
1888
2014
  width: calc(280 * var(--window-unit));
1889
2015
  transition: left .2s;
1890
2016
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eveshipfit/ui-ingame",
3
- "version": "1.6.0",
3
+ "version": "1.7.0",
4
4
  "description": "EVE Online ship fitting UI that looks like the in-game one",
5
5
  "license": "MIT",
6
6
  "author": "EVEShipFit Team <info@eveship.fit>",
@@ -27,7 +27,7 @@
27
27
  "access": "public"
28
28
  },
29
29
  "dependencies": {
30
- "@eveshipfit/react-hooks": "2.1.1"
30
+ "@eveshipfit/react-hooks": "2.2.0"
31
31
  },
32
32
  "devDependencies": {
33
33
  "@babel/core": "^7.29.0",
@@ -43,8 +43,8 @@
43
43
  "storybook": "^10.6.0",
44
44
  "tsdown": "^0.23.0",
45
45
  "vite": "^8.3.0",
46
- "@eveshipfit/fitting": "2.2.0",
47
- "@eveshipfit/sde-loader": "2.0.0"
46
+ "@eveshipfit/sde-loader": "2.1.0",
47
+ "@eveshipfit/fitting": "2.2.1"
48
48
  },
49
49
  "peerDependencies": {
50
50
  "@eveshipfit/images": "^3.3561556.0",