@eveshipfit/ui-ingame 1.3.0 → 1.4.0

package/dist/style.css

@@ -1098,6 +1098,49 @@
   text-align: left;
 }
 
+.gVdevq_panel[data-fighters] {
+  padding: calc(12 * var(--window-unit));
+  width: auto;
+}
+
+.gVdevq_panel[data-fighters] .gVdevq_list {
+  width: calc(5 * 88 * var(--window-unit) - 2 * var(--window-unit));
+}
+
+.gVdevq_kinds {
+  gap: calc(22 * var(--window-unit));
+  min-height: calc(16 * var(--window-unit));
+  padding-left: calc(4 * var(--window-unit));
+  justify-self: start;
+  display: flex;
+}
+
+.gVdevq_kind {
+  align-items: baseline;
+  gap: calc(2 * var(--window-unit));
+  display: flex;
+}
+
+.gVdevq_kind > img {
+  height: calc(16 * var(--window-unit));
+  translate: 0 calc(8 * var(--window-unit) - .5cap);
+  width: calc(16 * var(--window-unit));
+}
+
+.gVdevq_tubes {
+  gap: calc(2 * var(--window-unit));
+  display: flex;
+}
+
+.gVdevq_none {
+  padding: calc(6 * var(--window-unit)) calc(8 * var(--window-unit));
+  justify-self: stretch;
+}
+
+.gVdevq_none:hover {
+  background: var(--esf-bay-row-hover);
+}
+
 .gVdevq_selection {
   color: var(--esf-text-muted);
   align-items: center;
@@ -1174,6 +1217,178 @@
 .gVdevq_remove:focus-visible, .gVdevq_removeAll:focus-visible, .gVdevq_box:focus-visible {
   outline: var(--window-unit) solid var(--esf-text);
 }
+.Wlg6ma_tube {
+  --tube-unit: calc(1px * var(--esf-scale, 1));
+  border-image: var(--tube) 6 fill / calc(6 * var(--tube-unit));
+  box-sizing: border-box;
+  color: var(--esf-text-muted);
+  height: calc(116 * var(--tube-unit));
+  user-select: none;
+  width: calc(86 * var(--tube-unit));
+  position: relative;
+}
+
+.Wlg6ma_tube:not([data-state="unavailable"]):hover:before {
+  background: var(--esf-fighter-tube-hover);
+  content: "";
+  position: absolute;
+  inset: 0;
+}
+
+.Wlg6ma_tube[data-state="unavailable"] {
+  opacity: .4;
+}
+
+.Wlg6ma_number {
+  color: var(--esf-text);
+  font-size: calc(11 * var(--tube-unit));
+  height: calc(14 * var(--tube-unit));
+  left: calc(2 * var(--tube-unit));
+  top: calc(2 * var(--tube-unit));
+  width: calc(14 * var(--tube-unit));
+  justify-content: center;
+  align-items: center;
+  line-height: 1;
+  display: flex;
+  position: absolute;
+}
+
+.Wlg6ma_number:before {
+  background: var(--flag) center / 100% 100%;
+  content: "";
+  opacity: .35;
+  position: absolute;
+  inset: 0;
+}
+
+.Wlg6ma_empty, .Wlg6ma_squadron {
+  height: calc(86 * var(--tube-unit));
+  width: calc(86 * var(--tube-unit));
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.Wlg6ma_empty {
+  background: var(--texture) center / 100% 100%;
+}
+
+.Wlg6ma_squadron {
+  background: var(--underlay) center / 100% 100%;
+}
+
+.Wlg6ma_squadron:after {
+  background: var(--overlay) center / 100% 100%;
+  content: "";
+  position: absolute;
+  inset: 0;
+}
+
+.Wlg6ma_picture {
+  height: calc(54 * var(--tube-unit));
+  left: calc(16 * var(--tube-unit));
+  top: calc(16 * var(--tube-unit));
+  width: calc(54 * var(--tube-unit));
+  border-radius: 50%;
+  position: absolute;
+  overflow: hidden;
+}
+
+.Wlg6ma_picture > span {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.Wlg6ma_tube[data-preview] .Wlg6ma_picture {
+  filter: sepia() hue-rotate(190deg) saturate(200%);
+}
+
+.Wlg6ma_ring {
+  fill: none;
+  stroke: var(--esf-fighter-empty);
+  stroke-width: 4.5px;
+  position: absolute;
+  inset: 0;
+}
+
+.Wlg6ma_ring > [data-lit] {
+  stroke: var(--esf-fighter-full);
+}
+
+.Wlg6ma_role {
+  bottom: calc(18 * var(--tube-unit));
+  z-index: 1;
+  position: absolute;
+  left: 50%;
+  translate: -50%;
+}
+
+.Wlg6ma_role > img {
+  height: calc(16 * var(--tube-unit));
+  width: calc(16 * var(--tube-unit));
+  display: block;
+}
+
+.Wlg6ma_label {
+  text-align: center;
+  left: 0;
+  right: 0;
+  top: calc(79 * var(--tube-unit));
+  position: absolute;
+}
+
+.Wlg6ma_resize {
+  gap: calc(8 * var(--tube-unit));
+  left: 0;
+  right: 0;
+  top: calc(96 * var(--tube-unit));
+  justify-content: center;
+  display: flex;
+  position: absolute;
+}
+
+.Wlg6ma_resize > button, .Wlg6ma_remove {
+  color: var(--esf-text);
+  cursor: default;
+  font: inherit;
+  opacity: .8;
+  background: none;
+  border: none;
+  padding: 0;
+  line-height: 1;
+}
+
+.Wlg6ma_resize > button {
+  font-size: calc(15 * var(--tube-unit));
+  width: calc(12 * var(--tube-unit));
+  font-weight: 600;
+}
+
+.Wlg6ma_resize > button:disabled {
+  opacity: .3;
+}
+
+.Wlg6ma_remove {
+  right: calc(4 * var(--tube-unit));
+  top: calc(3 * var(--tube-unit));
+  position: absolute;
+}
+
+.Wlg6ma_remove > img {
+  height: calc(14 * var(--tube-unit));
+  width: calc(14 * var(--tube-unit));
+  display: block;
+}
+
+.Wlg6ma_resize > button:enabled:hover, .Wlg6ma_remove:hover {
+  opacity: 1;
+}
+
+.Wlg6ma_resize > button:focus-visible, .Wlg6ma_remove:focus-visible {
+  opacity: 1;
+  outline: var(--tube-unit) solid var(--esf-text);
+}
 .L9t91q_window {
   --window-unit: calc(1px * var(--esf-scale, 1));
   --browser-width: 0px;
@@ -1777,11 +1992,11 @@
   color: var(--esf-bad);
 }
 
-.lebA7G_attribute[data-change="better"] {
+.lebA7G_attribute[data-change="better"], .lebA7G_price[data-change="better"] {
   color: var(--esf-good);
 }
 
-.lebA7G_attribute[data-change="worse"] {
+.lebA7G_attribute[data-change="worse"], .lebA7G_price[data-change="worse"] {
   color: var(--esf-bad);
 }
 

package/dist/theme.css

@@ -57,6 +57,9 @@
   --esf-spinner-edge: #161718;
   --esf-spinner-focus: #1a2629;
   --esf-spinner-focus-edge: #273437;
+  --esf-fighter-tube-hover: rgb(255 255 255 / 4%);
+  --esf-fighter-full: #78bf42;
+  --esf-fighter-empty: #070707;
 
   /* EVE's UI scale; 1 is 100%. */
   --esf-scale: 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eveshipfit/ui-ingame",
-  "version": "1.3.0",
+  "version": "1.4.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": "1.4.0"
+    "@eveshipfit/react-hooks": "2.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",
-    "@eveshipfit/images": "^1.3552227.1",
+    "@eveshipfit/images": "^1.3552227.2",
     "@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": "1.3.0",
+    "@eveshipfit/fitting": "2.0.0",
     "@eveshipfit/sde-loader": "1.3.0"
   },
   "peerDependencies": {
-    "@eveshipfit/images": "^1.3552227.1",
+    "@eveshipfit/images": "^1.3552227.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },