genshin-interface 4.3.2 → 4.4.0

package/dist/styles/blessingWorship.css

@@ -16,11 +16,14 @@
   font-size: 2rem;
 }
 
+/* The close's disc is provisional, as its screens are: no recording shows either screen's close, so it takes the
+   Expedition's disc, the nearest close measured (the cross is the game's on every close measured) */
 .close {
-  position: absolute;
   top: 6%;
   right: 6%;
-  font-size: 2rem;
+  background: #eee9e8;
+  box-shadow: inset 0 0 0 calc(var(--unit) * 6) #757274;
+  color: #3e4251;
 }
 
 .blessing,

package/dist/styles/creamPill.css

@@ -0,0 +1,9 @@
+/* The cream pill a label is set in: the game's cream at nine tenths and its ink words, with the box and place
+   left to the label that wears it */
+.cream-pill {
+  border-radius: calc(var(--unit) * 25);
+  background: rgb(236 229 216 / 0.9);
+  color: #3b4255;
+  font-size: calc(var(--unit) * 26);
+  font-weight: 600;
+}

package/dist/styles/weaponStars.css

@@ -1,9 +1,6 @@
-/* The six ascension phases, each a small star the phases reached light */
+/* The six ascension phases, each a glint the phases reached light; the level that holds them sets its size and shape */
 .spark {
-  width: calc(var(--unit) * 14);
-  height: calc(var(--unit) * 14);
   background: rgb(255 255 255 / 0.3);
-  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%, 50% 0%);
 }
 
 .spark.lit {

package/dist/styles/wishOverlay.css

@@ -26,13 +26,15 @@
   font-size: calc(var(--unit) * 28);
 }
 
+/* The close is the game's flag: a gold tab with its far side notched in, the cross cream in it, measured off the Details
+   popup at 1440 high (references/wish-details-1.png). The popup's own place is provisional, so the flag is set inside
+   the panel's corner */
 .close {
   position: absolute;
   top: calc(var(--unit) * 24);
   right: calc(var(--unit) * 24);
-  padding: 0;
-  border: none;
-  background: none;
-  color: inherit;
-  font: inherit;
+  border-radius: 0;
+  background: #a9783d;
+  clip-path: polygon(0 0, 100% 0, 88% 50%, 100% 100%, 0 100%);
+  color: #e6cfaa;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "genshin-interface",
-  "version": "4.3.2",
+  "version": "4.4.0",
   "description": "Genshin Impact's interface as a fan recreation: the game's own screen units, face and pointer, and its buttons, dividers, bars and notices as presentational Vue components.",
   "keywords": [
     "component-library",
@@ -33,6 +33,7 @@
   "exports": {
     ".": "./dist/index.js",
     "./constants": "./dist/constants.js",
+    "./getFixtureImageName": "./dist/getFixtureImageName.js",
     "./save": "./dist/save.js",
     "./package.json": "./package.json",
     "./style.css": "./dist/style.css",
@@ -47,15 +48,15 @@
     "lint:fix": "eslint --fix .",
     "test": "vitest",
     "test:visual": "vitest --config vitest.browser.config.ts",
-    "typecheck": "vue-tsc"
+    "typecheck": "tsrs --fast --runExternalCode"
   },
   "devDependencies": {
-    "@esposter/configuration": "4.3.2",
+    "@esposter/configuration": "4.4.0",
     "@fontsource/signika": "^5.3.0",
-    "@tsdown/css": "^0.23.1",
-    "@types/node": "^26.6.5",
-    "tsdown": "^0.23.1",
-    "vite": "^8.3.4",
+    "@tsdown/css": "0.23.2",
+    "@types/node": "^26.6.6",
+    "tsdown": "0.23.2",
+    "vite": "^8.3.5",
     "vitest": "^5.0.5",
     "vitest-browser-vue": "^3.1.0",
     "vue-tsc": "3.3.11"
@@ -63,5 +64,5 @@
   "peerDependencies": {
     "vue": "^3.5.44"
   },
-  "gitHead": "58d7f270fcb942d6ddf63c32deb29b67ba62f348"
+  "gitHead": "e1a416c4b91da69cc2aa259b50a4d656f204d272"
 }

package/dist/styles/partyReputation.css

@@ -1,24 +0,0 @@
-/* The head, title and back control the party setup and reputation screens share */
-.head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: calc(var(--unit) * 20) calc(var(--unit) * 40);
-}
-
-.title {
-  margin: 0;
-  font-size: calc(var(--unit) * 24);
-}
-
-.back,
-.step {
-  width: calc(var(--unit) * 56);
-  height: calc(var(--unit) * 56);
-  border: none;
-  border-radius: 50%;
-  background: rgb(255 255 255 / 0.15);
-  color: #ece5d8;
-  font: inherit;
-  font-size: calc(var(--unit) * 28);
-}