@eveshipfit/ui-ingame 1.5.0 → 1.7.0

package/dist/style.css

@@ -679,6 +679,26 @@
   top: 3%;
   left: 3%;
 }
+._4DcEdq_link {
+  height: var(--wheel-texture-size);
+  left: calc(50% - var(--wheel-texture-size) / 2);
+  pointer-events: none;
+  top: calc(50% - var(--wheel-texture-size) / 2);
+  width: var(--wheel-texture-size);
+  position: absolute;
+  overflow: visible;
+}
+
+._4DcEdq_text {
+  fill: #cdcdcd;
+  letter-spacing: .05em;
+  pointer-events: auto;
+  font-size: 11px;
+}
+
+._4DcEdq_text:hover {
+  fill: #fff;
+}
 .dnJ0cW_stat {
   --stat-unit: calc(1px * var(--esf-scale, 1));
   align-items: center;
@@ -899,6 +919,132 @@
   display: block;
   position: relative;
 }
+.BVBbxW_track {
+  fill: none;
+  pointer-events: none;
+  stroke: #ffffff12;
+  stroke-linecap: round;
+  stroke-width: 39px;
+  position: absolute;
+  inset: 0;
+  overflow: visible;
+}
+
+.BVBbxW_marker {
+  height: calc(30 * var(--wheel-unit));
+  margin: calc(-15 * var(--wheel-unit));
+  width: calc(30 * var(--wheel-unit));
+  position: absolute;
+}
+
+.BVBbxW_marker img {
+  opacity: .8;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.BVBbxW_marker img[data-marker="booster"] {
+  filter: grayscale() brightness(1.3);
+  margin: calc(4 * var(--wheel-unit));
+  opacity: .7;
+  width: calc(22 * var(--wheel-unit));
+  height: calc(22 * var(--wheel-unit));
+}
+
+.BVBbxW_slot {
+  height: calc(32 * var(--wheel-unit));
+  margin: calc(-16 * var(--wheel-unit));
+  width: calc(32 * var(--wheel-unit));
+  position: absolute;
+}
+
+.BVBbxW_body {
+  user-select: none;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  position: relative;
+}
+
+.BVBbxW_frame {
+  fill: #0d1213;
+  stroke: #2b3337;
+  stroke-linejoin: round;
+  stroke-width: 1px;
+  position: absolute;
+  inset: 0;
+  overflow: visible;
+}
+
+.BVBbxW_slot[data-filled] .BVBbxW_frame {
+  stroke: #3d5960;
+}
+
+.BVBbxW_slot[data-preview] .BVBbxW_frame {
+  filter: drop-shadow(0 0 calc(4 * var(--wheel-unit)) var(--esf-button-active-edge));
+  stroke: var(--esf-button-active-edge);
+}
+
+.BVBbxW_icon {
+  border-radius: calc(3 * var(--wheel-unit));
+  height: calc(28 * var(--wheel-unit));
+  width: calc(28 * var(--wheel-unit));
+  position: relative;
+  overflow: hidden;
+}
+
+.BVBbxW_icon > span {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.BVBbxW_number {
+  color: var(--esf-text-muted);
+  font-family: var(--esf-font);
+  font-size: calc(12.52 * var(--wheel-unit));
+  opacity: .6;
+  position: relative;
+}
+
+.BVBbxW_actions {
+  opacity: 0;
+  pointer-events: none;
+  border: none;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  inset: 0;
+}
+
+.BVBbxW_slot:hover > .BVBbxW_actions, .BVBbxW_slot:has(:focus-visible) > .BVBbxW_actions {
+  opacity: 1;
+}
+
+.BVBbxW_slot:hover :is(.BVBbxW_action, .BVBbxW_bridge), .BVBbxW_slot:has(:focus-visible) :is(.BVBbxW_action, .BVBbxW_bridge) {
+  pointer-events: auto;
+}
+
+.BVBbxW_action {
+  height: calc(12.97 * var(--wheel-unit));
+  left: calc(50% + var(--x) * var(--wheel-unit));
+  margin: calc(-6.49 * var(--wheel-unit));
+  top: calc(50% + var(--y) * var(--wheel-unit));
+  width: calc(12.97 * var(--wheel-unit));
+  position: absolute;
+}
+
+.BVBbxW_bridge {
+  height: calc(8 * var(--wheel-unit));
+  left: calc(50% + var(--x) * var(--wheel-unit));
+  margin: calc(-4 * var(--wheel-unit));
+  top: calc(50% + var(--y) * var(--wheel-unit));
+  width: calc(8 * var(--wheel-unit));
+  position: absolute;
+}
 ._f5iUa_tooltip {
   gap: 8px;
   display: grid;
@@ -927,6 +1073,12 @@
   gap: 4px;
 }
 
+._f5iUa_noIcon {
+  flex: none;
+  width: 24px;
+  height: 24px;
+}
+
 ._f5iUa_iconless {
   align-items: center;
   min-height: 24px;
@@ -934,14 +1086,19 @@
   display: flex;
 }
 
-._f5iUa_damages {
+._f5iUa_values {
   grid-auto-columns: 1fr;
   grid-auto-flow: column;
   padding-left: 27px;
   display: grid;
 }
 
-._f5iUa_damages ._f5iUa_bonus {
+._f5iUa_line > ._f5iUa_values {
+  flex: 1;
+  padding-left: 0;
+}
+
+._f5iUa_values ._f5iUa_bonus {
   gap: 0;
 }
 
@@ -956,6 +1113,15 @@
 ._f5iUa_status[data-tone="overload"] {
   color: var(--esf-state-overload);
 }
+
+._f5iUa_info {
+  background: var(--esf-button-active-edge);
+  height: 16px;
+  mask: var(--texture) center / 100% 100%;
+  flex: none;
+  width: 16px;
+  margin: 4px;
+}
 .GK_wGG_centre {
   inset: calc(86 * var(--wheel-unit));
   border-radius: 50%;
@@ -1539,7 +1705,7 @@
 }
 
 .L9t91q_window[data-statistics] {
-  --statistics-width: calc(264 * var(--window-unit));
+  --statistics-width: calc(272 * var(--window-unit));
 }
 
 .L9t91q_frame {
@@ -1844,7 +2010,7 @@
 }
 
 .L9t91q_statistics {
-  left: calc(692 * var(--window-unit) + var(--browser-width));
+  left: calc(700 * var(--window-unit) + var(--browser-width));
   width: calc(280 * var(--window-unit));
   transition: left .2s;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eveshipfit/ui-ingame",
-  "version": "1.5.0",
+  "version": "1.7.0",
   "description": "EVE Online ship fitting UI that looks like the in-game one",
   "license": "MIT",
   "author": "EVEShipFit Team <info@eveship.fit>",
@@ -27,11 +27,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@eveshipfit/react-hooks": "2.1.0"
+    "@eveshipfit/react-hooks": "2.2.0"
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",
-    "@eveshipfit/images": "^2.3561556.0",
+    "@eveshipfit/images": "^3.3561556.0",
     "@rolldown/plugin-babel": "^0.2.4",
     "@storybook/react-vite": "^10.6.0",
     "@tsdown/css": "^0.23.0",
@@ -43,11 +43,11 @@
     "storybook": "^10.6.0",
     "tsdown": "^0.23.0",
     "vite": "^8.3.0",
-    "@eveshipfit/fitting": "2.1.0",
-    "@eveshipfit/sde-loader": "1.4.0"
+    "@eveshipfit/sde-loader": "2.1.0",
+    "@eveshipfit/fitting": "2.2.1"
   },
   "peerDependencies": {
-    "@eveshipfit/images": "^2.3561556.0",
+    "@eveshipfit/images": "^3.3561556.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },