genshin-interface 4.2.0 → 4.3.1
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/README.md +1 -1
- package/dist/constants-Bt7f1_FX.d.ts +52 -0
- package/dist/constants.d.ts +2 -0
- package/dist/constants.js +72 -0
- package/dist/index.d.ts +1390 -0
- package/dist/index.js +3302 -0
- package/dist/save-1cODLLb1.d.ts +24 -0
- package/dist/save-B6F3omOa.js +41 -0
- package/dist/save.d.ts +2 -0
- package/dist/save.js +1 -0
- package/dist/style.css +4067 -0
- package/dist/styles/artifactPicker.css +12 -0
- package/dist/styles/blessingWorship.css +50 -0
- package/dist/styles/confirmDialog.css +11 -0
- package/dist/styles/craftingShop.css +21 -0
- package/dist/styles/partyReputation.css +24 -0
- package/dist/styles/weaponStars.css +16 -0
- package/dist/styles/wishOverlay.css +38 -0
- package/package.json +7 -7
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/* The option row the artifact pickers share, each picker sets its own padding */
|
|
2
|
+
.option {
|
|
3
|
+
display: flex;
|
|
4
|
+
justify-content: space-between;
|
|
5
|
+
width: 100%;
|
|
6
|
+
border: none;
|
|
7
|
+
border-radius: calc(var(--unit) * 8);
|
|
8
|
+
background: rgb(255 255 255 / 0.1);
|
|
9
|
+
color: inherit;
|
|
10
|
+
font: inherit;
|
|
11
|
+
text-align: left;
|
|
12
|
+
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/* The screen's colours and placement are provisional until the recording shows them */
|
|
2
|
+
.blessing-screen,
|
|
3
|
+
.worship-screen {
|
|
4
|
+
position: relative;
|
|
5
|
+
width: 100%;
|
|
6
|
+
height: 100%;
|
|
7
|
+
overflow: hidden;
|
|
8
|
+
background: rgb(20 18 16 / 55%);
|
|
9
|
+
color: rgb(245 240 230);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.title {
|
|
13
|
+
position: absolute;
|
|
14
|
+
top: 6%;
|
|
15
|
+
left: 6%;
|
|
16
|
+
font-size: 2rem;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.close {
|
|
20
|
+
position: absolute;
|
|
21
|
+
top: 6%;
|
|
22
|
+
right: 6%;
|
|
23
|
+
font-size: 2rem;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.blessing,
|
|
27
|
+
.worship {
|
|
28
|
+
position: absolute;
|
|
29
|
+
top: 6%;
|
|
30
|
+
right: 16%;
|
|
31
|
+
font-size: 1.25rem;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.held,
|
|
35
|
+
.pool {
|
|
36
|
+
position: absolute;
|
|
37
|
+
top: 16%;
|
|
38
|
+
left: 6%;
|
|
39
|
+
font-size: 1.25rem;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.levels,
|
|
43
|
+
.members {
|
|
44
|
+
position: absolute;
|
|
45
|
+
top: 26%;
|
|
46
|
+
left: 6%;
|
|
47
|
+
display: flex;
|
|
48
|
+
flex-direction: column;
|
|
49
|
+
gap: 0.5rem;
|
|
50
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/* The confirm dialog the inventory and the mail screens share, each screen sets its own title and text */
|
|
2
|
+
.confirm {
|
|
3
|
+
position: absolute;
|
|
4
|
+
top: 50%;
|
|
5
|
+
left: 50%;
|
|
6
|
+
width: calc(var(--unit) * 560);
|
|
7
|
+
padding: calc(var(--unit) * 32);
|
|
8
|
+
transform: translate(-50%, -50%);
|
|
9
|
+
border-radius: calc(var(--unit) * 12);
|
|
10
|
+
background: #2b2a3d;
|
|
11
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* The quantity slider the crafting and shop screens share, each screen sets its own position and track colour */
|
|
2
|
+
.amount {
|
|
3
|
+
height: calc(var(--unit) * 14);
|
|
4
|
+
margin: 0;
|
|
5
|
+
appearance: none;
|
|
6
|
+
background: transparent;
|
|
7
|
+
cursor: inherit;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.amount::-webkit-slider-runnable-track {
|
|
11
|
+
height: calc(var(--unit) * 4);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.amount::-webkit-slider-thumb {
|
|
15
|
+
width: calc(var(--unit) * 14);
|
|
16
|
+
height: calc(var(--unit) * 14);
|
|
17
|
+
margin-top: calc(var(--unit) * -5);
|
|
18
|
+
border-radius: calc(var(--unit) * 2);
|
|
19
|
+
transform: rotate(45deg);
|
|
20
|
+
appearance: none;
|
|
21
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/* The head, title and back control the party setup and reputation screens share */
|
|
2
|
+
.head {
|
|
3
|
+
display: flex;
|
|
4
|
+
align-items: center;
|
|
5
|
+
justify-content: space-between;
|
|
6
|
+
padding: calc(var(--unit) * 20) calc(var(--unit) * 40);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.title {
|
|
10
|
+
margin: 0;
|
|
11
|
+
font-size: calc(var(--unit) * 24);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.back,
|
|
15
|
+
.step {
|
|
16
|
+
width: calc(var(--unit) * 56);
|
|
17
|
+
height: calc(var(--unit) * 56);
|
|
18
|
+
border: none;
|
|
19
|
+
border-radius: 50%;
|
|
20
|
+
background: rgb(255 255 255 / 0.15);
|
|
21
|
+
color: #ece5d8;
|
|
22
|
+
font: inherit;
|
|
23
|
+
font-size: calc(var(--unit) * 28);
|
|
24
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/* The six ascension phases, each a small star the phases reached light */
|
|
2
|
+
.spark {
|
|
3
|
+
width: calc(var(--unit) * 14);
|
|
4
|
+
height: calc(var(--unit) * 14);
|
|
5
|
+
background: rgb(255 255 255 / 0.3);
|
|
6
|
+
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%);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.spark.lit {
|
|
10
|
+
background: #fff;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.star {
|
|
14
|
+
background: #f5c542;
|
|
15
|
+
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%);
|
|
16
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/* The overlay, panel, title and close the wish screens share, WishDetails and WishHistory alike */
|
|
2
|
+
.wish-details,
|
|
3
|
+
.wish-history {
|
|
4
|
+
position: absolute;
|
|
5
|
+
inset: 0;
|
|
6
|
+
display: grid;
|
|
7
|
+
background: rgb(0 0 0 / 0.5);
|
|
8
|
+
place-items: center;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.panel {
|
|
12
|
+
position: relative;
|
|
13
|
+
display: flex;
|
|
14
|
+
width: calc(var(--unit) * 1200);
|
|
15
|
+
flex-direction: column;
|
|
16
|
+
gap: calc(var(--unit) * 12);
|
|
17
|
+
padding: calc(var(--unit) * 32) calc(var(--unit) * 40);
|
|
18
|
+
box-sizing: border-box;
|
|
19
|
+
border-radius: calc(var(--unit) * 8);
|
|
20
|
+
background: rgb(28 32 42 / 0.96);
|
|
21
|
+
color: #ece5d8;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.title {
|
|
25
|
+
margin: 0;
|
|
26
|
+
font-size: calc(var(--unit) * 28);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.close {
|
|
30
|
+
position: absolute;
|
|
31
|
+
top: calc(var(--unit) * 24);
|
|
32
|
+
right: calc(var(--unit) * 24);
|
|
33
|
+
padding: 0;
|
|
34
|
+
border: none;
|
|
35
|
+
background: none;
|
|
36
|
+
color: inherit;
|
|
37
|
+
font: inherit;
|
|
38
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "genshin-interface",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.3.1",
|
|
4
4
|
"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.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"component-library",
|
|
@@ -32,17 +32,17 @@
|
|
|
32
32
|
},
|
|
33
33
|
"exports": {
|
|
34
34
|
".": "./dist/index.js",
|
|
35
|
+
"./constants": "./dist/constants.js",
|
|
35
36
|
"./save": "./dist/save.js",
|
|
36
37
|
"./package.json": "./package.json",
|
|
37
|
-
"./style.css": "./dist/style.css"
|
|
38
|
+
"./style.css": "./dist/style.css",
|
|
39
|
+
"./styles/*.css": "./dist/styles/*.css"
|
|
38
40
|
},
|
|
39
41
|
"publishConfig": {
|
|
40
42
|
"access": "public"
|
|
41
43
|
},
|
|
42
44
|
"scripts": {
|
|
43
45
|
"build": "tsdown",
|
|
44
|
-
"format": "oxfmt",
|
|
45
|
-
"format:check": "oxfmt --check",
|
|
46
46
|
"lint": "eslint .",
|
|
47
47
|
"lint:fix": "eslint --fix .",
|
|
48
48
|
"test": "vitest",
|
|
@@ -50,18 +50,18 @@
|
|
|
50
50
|
"typecheck": "vue-tsc"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@esposter/configuration": "4.
|
|
53
|
+
"@esposter/configuration": "4.3.1",
|
|
54
54
|
"@fontsource/signika": "^5.3.0",
|
|
55
55
|
"@tsdown/css": "^0.23.1",
|
|
56
56
|
"@types/node": "^26.6.5",
|
|
57
57
|
"tsdown": "^0.23.1",
|
|
58
58
|
"vite": "^8.3.4",
|
|
59
|
-
"vitest": "^5.0.
|
|
59
|
+
"vitest": "^5.0.5",
|
|
60
60
|
"vitest-browser-vue": "^3.1.0",
|
|
61
61
|
"vue-tsc": "3.3.11"
|
|
62
62
|
},
|
|
63
63
|
"peerDependencies": {
|
|
64
64
|
"vue": "^3.5.44"
|
|
65
65
|
},
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "777a39636b789c13af33ed13370246ccf6dbaf31"
|
|
67
67
|
}
|