Upgrade deps

This commit is contained in:
Kalle
2022-10-19 23:14:35 +03:00
parent 255fc6fcdf
commit 6a9efbdd17
15 changed files with 1141 additions and 1057 deletions

View File

@@ -27,8 +27,8 @@
display: flex;
align-items: center;
justify-content: center;
background-color: var(--theme-transparent);
border-radius: var(--rounded);
background-color: var(--theme-transparent);
gap: var(--s-1);
padding-block: var(--s-1);
padding-inline: var(--s-1-5);
@@ -47,8 +47,8 @@
.analyzer__ap-summary {
width: 100%;
background-color: var(--bg-lighter);
border-radius: var(--rounded);
background-color: var(--bg-lighter);
font-size: var(--fonts-xxs);
font-weight: var(--semi-bold);
padding-block: var(--s-1);
@@ -62,8 +62,8 @@
}
.analyzer__summary {
background-color: var(--bg-lighter);
border-radius: var(--rounded);
background-color: var(--bg-lighter);
font-size: var(--fonts-md);
font-weight: var(--bold);
padding-block: var(--s-2);
@@ -82,8 +82,8 @@
flex-direction: column;
justify-content: space-between;
padding: var(--s-2);
background-color: var(--bg-darker);
border-radius: var(--rounded);
background-color: var(--bg-darker);
gap: var(--s-4);
}
@@ -151,8 +151,8 @@
.analyzer__table-container {
width: 100%;
padding: var(--s-3);
background-color: var(--bg-darker);
border-radius: var(--rounded);
background-color: var(--bg-darker);
margin-block-start: var(--s-4);
padding-block: var(--s-2);
}
@@ -176,8 +176,8 @@
}
.analyzer__patch {
background-color: var(--theme-transparent);
border-radius: var(--rounded);
background-color: var(--theme-transparent);
color: var(--text-lighter);
font-size: var(--fonts-xxxs);
font-weight: var(--bold);

View File

@@ -2,8 +2,8 @@
display: flex;
flex-direction: column;
align-items: center;
background-color: var(--bg-badge);
border-radius: var(--rounded);
background-color: var(--bg-badge);
color: var(--badge-text);
gap: var(--s-6);
padding-block: var(--s-2);

View File

@@ -15,8 +15,8 @@
display: flex;
flex-direction: column;
padding: var(--s-3);
background-color: var(--bg-darker);
border-radius: var(--rounded);
background-color: var(--bg-darker);
font-size: var(--fonts-sm);
font-weight: var(--semi-bold);
gap: var(--s-4);
@@ -44,6 +44,6 @@
}
.builds__category__weapon__img {
background-color: var(--bg-lighter);
border-radius: var(--rounded);
background-color: var(--bg-lighter);
}

View File

@@ -9,8 +9,8 @@
.calendar-new__badges {
width: max-content;
padding: var(--s-2);
background-color: var(--bg-badge);
border-radius: var(--rounded);
background-color: var(--bg-badge);
font-size: var(--fonts-sm);
font-weight: var(--semi-bold);
}

View File

@@ -26,8 +26,8 @@
flex-direction: column;
justify-content: space-between;
padding: var(--s-1-5);
background-color: var(--theme-very-transparent);
border-radius: var(--rounded);
background-color: var(--theme-very-transparent);
cursor: pointer;
font-size: var(--fonts-xxxs);
font-weight: var(--bold);

View File

@@ -32,9 +32,9 @@ a {
align-items: center;
justify-content: center;
border: 2px solid var(--theme);
border-radius: var(--rounded-sm);
appearance: none;
background: var(--theme);
border-radius: var(--rounded-sm);
color: var(--button-text);
cursor: pointer;
font-size: var(--fonts-sm);
@@ -138,9 +138,9 @@ textarea:not(.plain) {
height: 8rem;
padding: var(--s-2-5) var(--s-3);
border: 1px solid var(--border);
border-radius: var(--rounded);
accent-color: var(--theme-secondary);
background-color: transparent;
border-radius: var(--rounded);
color: var(--text);
font-size: var(--fonts-sm);
outline: none;
@@ -168,9 +168,9 @@ input:not(.plain) {
height: 1rem;
padding: var(--s-4) var(--s-3);
border: 1px solid var(--border);
border-radius: var(--rounded);
accent-color: var(--theme-secondary);
background-color: transparent;
border-radius: var(--rounded);
color: var(--text);
font-size: var(--fonts-sm);
outline: none;
@@ -222,17 +222,17 @@ details summary {
fieldset {
border: none;
background-color: var(--bg-darker-transparent);
border-radius: var(--rounded);
background-color: var(--bg-darker-transparent);
font-size: var(--fonts-sm);
padding-block-end: var(--s-3);
padding-inline: var(--s-3);
}
legend {
background-color: transparent;
border-radius: 2px;
border-radius: var(--rounded-sm);
background-color: transparent;
font-size: var(--fonts-xs);
font-weight: var(--bold);
}
@@ -245,13 +245,13 @@ select {
all: unset;
width: 90%;
border: 1px solid var(--border);
border-radius: var(--rounded);
background: var(--select-background, var(--bg-lighter));
/* TODO: Get color from CSS var */
background-image: url('data:image/svg+xml;utf8,<svg width="1rem" color="rgb(255 255 255 / 55%)" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /></svg>');
background-position: center right var(--s-3);
background-repeat: no-repeat;
border-radius: var(--rounded);
cursor: pointer;
font-size: var(--fonts-sm);
font-weight: 500;
@@ -311,9 +311,9 @@ abbr[title] {
dialog {
width: min(90%, 24rem);
border: 0;
border-radius: var(--rounded);
margin: auto;
background-color: var(--bg);
border-radius: var(--rounded);
}
dialog::backdrop {
@@ -346,8 +346,8 @@ dialog::backdrop {
width: var(--s-11);
height: var(--s-6);
align-items: center;
background-color: var(--theme-transparent);
border-radius: var(--rounded);
background-color: var(--theme-transparent);
}
.toggle.tiny {
@@ -367,8 +367,8 @@ dialog::backdrop {
display: inline-block;
width: var(--s-4);
height: var(--s-4);
background-color: white;
border-radius: 50%;
background-color: white;
transform: translateX(var(--s-1));
transition: transform 0.2s ease;
}
@@ -402,9 +402,9 @@ dialog::backdrop {
.input-container {
display: flex;
border: 1px solid var(--border);
border-radius: var(--rounded);
accent-color: var(--theme-secondary);
background-color: transparent;
border-radius: var(--rounded);
color: var(--text);
font-size: var(--fonts-sm);
outline: none;
@@ -430,8 +430,8 @@ dialog::backdrop {
.input-addon {
display: grid;
background-color: var(--bg-lighter);
border-radius: var(--rounded) 0 0 var(--rounded);
background-color: var(--bg-lighter);
color: var(--text-lighter);
font-size: var(--fonts-xs);
font-weight: var(--semi-bold);
@@ -476,8 +476,8 @@ dialog::backdrop {
z-index: 1;
max-width: 20rem;
padding: var(--s-2);
background-color: var(--bg-darker-transparent);
border-radius: var(--rounded);
background-color: var(--bg-darker-transparent);
font-size: var(--fonts-sm);
font-weight: var(--semi-bold);
white-space: pre-wrap;
@@ -499,9 +499,9 @@ dialog::backdrop {
position: absolute;
z-index: 2;
width: 12rem;
border-radius: var(--rounded);
margin-top: var(--s-2);
background-color: var(--bg-darker);
border-radius: var(--rounded);
color: var(--text);
font-size: var(--fonts-sm);
padding-block: var(--s-3);
@@ -548,8 +548,8 @@ dialog::backdrop {
flex-wrap: wrap;
align-items: center;
justify-content: center;
background-color: var(--theme-info-transparent);
border-radius: var(--rounded);
background-color: var(--theme-info-transparent);
color: var(--text);
font-size: var(--fonts-sm);
font-weight: var(--semi-bold);
@@ -562,9 +562,9 @@ dialog::backdrop {
}
.avatar {
border-radius: 50%;
background-color: var(--bg-lighter);
background-image: url("/svg/background-pattern.svg");
border-radius: 50%;
}
.alert > svg {
@@ -582,8 +582,8 @@ dialog::backdrop {
.section > div {
padding: var(--s-2);
background-color: var(--bg-darker);
border-radius: var(--rounded);
background-color: var(--bg-darker);
}
.section > h2 {
@@ -726,8 +726,8 @@ dialog::backdrop {
display: flex;
flex-direction: column;
padding: var(--s-2-5);
background-color: var(--bg-lighter);
border-radius: var(--rounded);
background-color: var(--bg-lighter);
gap: var(--s-3);
}
@@ -756,8 +756,8 @@ dialog::backdrop {
.build__weapon {
padding: var(--s-0-5);
background-color: var(--bg-darker-very-transparent);
border-radius: 50%;
background-color: var(--bg-darker-very-transparent);
}
.build__weapon-text {
@@ -784,8 +784,8 @@ dialog::backdrop {
}
.build__gear {
background-color: var(--bg-darker-very-transparent);
border-radius: 50%;
background-color: var(--bg-darker-very-transparent);
}
.build__ability {
@@ -793,11 +793,11 @@ dialog::backdrop {
height: var(--ability-size);
padding: 0;
border: 2px solid var(--theme-transparent);
border-radius: 50%;
border-right: 0;
border-bottom: 0;
background: var(--bg-ability);
background-size: 100%;
border-radius: 50%;
box-shadow: 0 0 0 1px var(--bg-ability);
transform: scale(1);
transition: all 0.1s ease;
@@ -864,8 +864,8 @@ dialog::backdrop {
.ability-selector__ability-button {
padding: var(--s-0-5);
border-color: var(--abilities-button-bg);
background-color: var(--abilities-button-bg);
border-radius: 50%;
background-color: var(--abilities-button-bg);
}
.ability-selector__ability-button.is-dragging {

View File

@@ -1,7 +1,7 @@
.faq__summary {
padding: var(--s-3);
background-color: var(--bg-lighter);
border-radius: var(--rounded);
background-color: var(--bg-lighter);
font-size: var(--fonts-lg);
font-weight: var(--bold);
}

View File

@@ -24,8 +24,8 @@
display: flex;
align-items: center;
padding: var(--s-2);
background-color: var(--bg-lighter);
border-radius: var(--rounded);
background-color: var(--bg-lighter);
color: var(--text);
font-size: var(--fonts-sm);
gap: var(--s-2);
@@ -63,8 +63,8 @@
min-width: 18rem;
flex: 1 1 0px;
padding: var(--s-2);
background-color: var(--bg-lighter);
border-radius: var(--rounded);
background-color: var(--bg-lighter);
}
.front__calendar-peek-container > h2 {
@@ -76,8 +76,8 @@
display: grid;
flex: 1 1 0px;
background-color: var(--bg-darker);
border-radius: var(--rounded);
background-color: var(--bg-darker);
font-size: var(--fonts-sm);
grid-template-areas: "name secondary" "content content";
grid-template-columns: 1fr 1fr;
@@ -150,8 +150,8 @@
max-width: 12rem;
flex: 1 1 0;
padding: var(--s-2);
background-color: var(--bg-lighter);
border-radius: var(--rounded);
background-color: var(--bg-lighter);
color: var(--text);
text-align: center;
}

View File

@@ -21,9 +21,9 @@
height: var(--item-size);
align-items: center;
justify-content: center;
border-radius: var(--rounded);
background-color: var(--bg-lighter);
background-image: url("/svg/background-pattern.svg");
border-radius: var(--rounded);
}
.layout__avatar {
@@ -44,8 +44,8 @@
display: flex;
width: max-content;
align-items: center;
background-color: var(--bg-darker);
border-radius: 0 var(--rounded) var(--rounded) 0;
background-color: var(--bg-darker);
font-size: var(--fonts-xs);
font-weight: var(--semi-bold);
gap: var(--s-1);
@@ -66,8 +66,8 @@
padding: 0.25rem;
border: 2px solid;
border-color: var(--theme-transparent-vibrant);
background-color: transparent;
border-radius: 50%;
background-color: transparent;
color: inherit;
cursor: pointer;
}
@@ -102,8 +102,8 @@
padding: 0.25rem;
border: 2px solid;
border-color: var(--theme-transparent-vibrant);
background-color: transparent;
border-radius: 50%;
background-color: transparent;
color: inherit;
cursor: pointer;
gap: 2px;
@@ -169,9 +169,9 @@
.layout__menu__link__icon {
width: 2rem;
height: 2rem;
border-radius: var(--rounded);
background-color: var(--bg-lighter);
background-image: url("/svg/background-pattern.svg");
border-radius: var(--rounded);
}
.layout__menu__links {
@@ -213,8 +213,8 @@
padding: 0.5rem;
border: 2px solid;
border-color: var(--bg-lighter);
background-color: transparent;
border-radius: var(--rounded);
background-color: transparent;
color: inherit;
cursor: pointer;
font-size: var(--fonts-xs);
@@ -276,8 +276,8 @@
align-items: center;
justify-content: space-between;
padding: var(--s-4);
background-color: var(--theme-transparent-vibrant);
border-radius: var(--rounded);
background-color: var(--theme-transparent-vibrant);
cursor: pointer;
font-size: var(--fonts-lg);
}

View File

@@ -25,8 +25,8 @@
flex-grow: 1;
align-items: center;
justify-content: space-between;
background-color: var(--bg-lighter);
border-radius: var(--rounded);
background-color: var(--bg-lighter);
font-size: var(--fonts-xs);
font-weight: var(--semi-bold);
gap: var(--s-2);
@@ -51,8 +51,8 @@
padding: 0;
padding: var(--s-1-5);
border: none;
background-color: var(--bg-darker);
border-radius: var(--rounded);
background-color: var(--bg-darker);
color: var(--theme);
opacity: 1 !important;
outline: initial;

View File

@@ -1,9 +1,9 @@
.plus-history__own-scores {
width: max-content;
padding: var(--s-2);
border-radius: var(--rounded);
margin: 0 auto;
background-color: var(--bg-lighter);
border-radius: var(--rounded);
font-size: var(--fonts-sm);
font-weight: var(--semi-bold);
list-style-type: none;
@@ -53,8 +53,8 @@
}
.plus-history__user-status {
background-color: var(--theme);
border-radius: var(--rounded);
background-color: var(--theme);
color: var(--button-text);
font-size: var(--fonts-xs);
font-weight: var(--semi-bold);
@@ -67,8 +67,8 @@
}
.plus-history__suggestion-s {
background-color: var(--bg-lighter);
border-radius: 50%;
background-color: var(--bg-lighter);
color: var(--text);
font-weight: var(--bold);
margin-inline-end: var(--s-1);

View File

@@ -126,8 +126,8 @@
display: flex;
align-items: center;
justify-content: center;
background-color: var(--theme-success-transparent);
border-radius: var(--rounded);
background-color: var(--theme-success-transparent);
color: var(--text);
font-size: var(--fonts-sm);
font-weight: var(--semi-bold);

View File

@@ -96,8 +96,8 @@
.u__extra-info {
padding: var(--s-1) var(--s-1-5);
background-color: var(--bg-darker);
border-radius: var(--rounded);
background-color: var(--bg-darker);
font-size: var(--fonts-xxs);
}
@@ -111,8 +111,8 @@
max-width: 24rem;
align-items: center;
padding: var(--s-2);
background-color: var(--bg-badge);
border-radius: var(--rounded);
background-color: var(--bg-badge);
margin-inline: auto;
}

2050
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@@ -33,12 +33,12 @@
"cf": "npm run test:unit && npm run lint:styles -- --fix && npm run lint:ts -- --fix && npm run prettier:write && npm run typecheck"
},
"dependencies": {
"@faker-js/faker": "^7.5.0",
"@headlessui/react": "^1.7.2",
"@faker-js/faker": "^7.6.0",
"@headlessui/react": "^1.7.3",
"@popperjs/core": "^2.11.6",
"@remix-run/node": "^1.7.1",
"@remix-run/react": "^1.7.1",
"@remix-run/serve": "^1.7.1",
"@remix-run/node": "^1.7.2",
"@remix-run/react": "^1.7.2",
"@remix-run/serve": "^1.7.2",
"better-sqlite3": "^7.6.2",
"clsx": "^1.2.1",
"countries-list": "^2.6.1",
@@ -56,7 +56,7 @@
"node-cron": "3.0.2",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-flip-toolkit": "^7.0.16",
"react-flip-toolkit": "^7.0.17",
"react-i18next": "^11.18.6",
"react-popper": "^2.3.0",
"react-use": "^17.4.0",
@@ -65,36 +65,36 @@
"remix-i18next": "^4.1.1",
"slugify": "^1.6.5",
"swr": "^1.3.0",
"tiny-invariant": "^1.2.0",
"tiny-invariant": "^1.3.1",
"zod": "^3.19.1"
},
"devDependencies": {
"@remix-run/dev": "^1.7.1",
"@remix-run/eslint-config": "^1.7.1",
"@types/better-sqlite3": "^7.6.0",
"@remix-run/dev": "^1.7.2",
"@remix-run/eslint-config": "^1.7.2",
"@types/better-sqlite3": "^7.6.2",
"@types/i18next-fs-backend": "^1.1.2",
"@types/node-cron": "^3.0.4",
"@types/react": "^18.0.20",
"@types/react": "^18.0.21",
"@types/react-dom": "^18.0.6",
"@typescript-eslint/eslint-plugin": "^5.38.0",
"@typescript-eslint/parser": "^5.38.0",
"@typescript-eslint/eslint-plugin": "^5.40.1",
"@typescript-eslint/parser": "^5.40.1",
"cross-env": "^7.0.3",
"cypress": "^10.8.0",
"dotenv": "^16.0.2",
"eslint": "^8.23.1",
"eslint-plugin-react": "^7.31.8",
"cypress": "^10.10.0",
"dotenv": "^16.0.3",
"eslint": "^8.25.0",
"eslint-plugin-react": "^7.31.10",
"eslint-plugin-react-hooks": "^4.6.0",
"ley": "^0.7.1",
"ley": "^0.8.1",
"prettier": "^2.7.1",
"stylelint": "^14.12.1",
"stylelint-config-idiomatic-order": "^8.1.0",
"stylelint": "^14.14.0",
"stylelint-config-idiomatic-order": "^9.0.0",
"stylelint-config-prettier": "^9.0.3",
"stylelint-config-standard": "^28.0.0",
"stylelint-config-standard": "^29.0.0",
"stylelint-order": "^5.0.0",
"ts-node": "^10.9.1",
"tsconfig-paths": "^4.1.0",
"tsm": "^2.2.2",
"typescript": "^4.8.3",
"typescript": "^4.8.4",
"uvu": "^0.5.6"
},
"engines": {