no log: bump vite to version 6.2.4

This commit is contained in:
Anderson Shindy Oki 2025-04-01 23:05:24 +09:00
parent 45e0ebfbd0
commit 74494d2edc
14 changed files with 3815 additions and 2766 deletions

File diff suppressed because it is too large Load diff

View file

@ -46,10 +46,10 @@
"@types/react-dom": "^19.0.4",
"@typescript-eslint/eslint-plugin": "^7.16.0",
"@typescript-eslint/parser": "^7.16.0",
"@vite-pwa/assets-generator": "^0.2.4",
"@vite-pwa/assets-generator": "^1.0.0",
"@vitejs/plugin-react": "^4.2.1",
"@vitest/coverage-v8": "^1.6.1",
"@vitest/ui": "^1.6.1",
"@vitest/coverage-v8": "^3.1.1",
"@vitest/ui": "^3.1.1",
"clsx": "^2.1.0",
"eslint": "^8.57.0",
"eslint-plugin-react-hooks": "^4.6.0",
@ -65,12 +65,12 @@
"prettier-plugin-organize-imports": "^3.2.4",
"pretty-quick": "^4.0.0",
"recharts": "^2.15.0",
"sass": "^1.74.1",
"sass-embedded": "^1.86.1",
"typescript": "^5.4.4",
"vite": "^5.4.14",
"vite": "^6.2.4",
"vite-plugin-checker": "^0.6.4",
"vite-plugin-pwa": "^0.20.0",
"vitest": "^1.6.1",
"vite-plugin-pwa": "^1.0.0",
"vitest": "^3.1.1",
"yaml": "^2.4.1"
},
"scripts": {

View file

@ -1,9 +1,9 @@
.header {
@include light {
@include mantine.light {
color: var(--mantine-color-gray-0);
}
@include dark {
@include mantine.dark {
color: var(--mantine-color-dark-0);
}
}

View file

@ -2,16 +2,16 @@
border-color: var(--mantine-color-gray-5);
text-decoration: none;
@include dark {
@include mantine.dark {
border-color: var(--mantine-color-dark-5);
}
&.active {
border-left: 2px solid $color-brand-4;
border-left: 2px solid bazarr.$color-brand-4;
background-color: var(--mantine-color-gray-1);
@include dark {
border-left: 2px solid $color-brand-8;
@include mantine.dark {
border-left: 2px solid bazarr.$color-brand-8;
background-color: var(--mantine-color-dark-8);
}
}
@ -19,7 +19,7 @@
&.hover {
background-color: var(--mantine-color-gray-0);
@include dark {
@include mantine.dark {
background-color: var(--mantine-color-dark-7);
}
}
@ -39,7 +39,7 @@
.nav {
background-color: var(--mantine-color-gray-2);
@include dark {
@include mantine.dark {
background-color: var(--mantine-color-dark-8);
}
}
@ -50,7 +50,7 @@
width: 100%;
color: var(--mantine-color-gray-8);
@include dark {
@include mantine.dark {
color: var(--mantine-color-gray-5);
}
}

View file

@ -1,3 +1,5 @@
@use "mantine" as *;
$color-brand-0: #f8f0fc;
$color-brand-1: #f3d9fa;
$color-brand-2: #eebefa;

View file

@ -1,18 +1,18 @@
$navbar-width: 200;
:export {
colorBrand0: $color-brand-0;
colorBrand1: $color-brand-1;
colorBrand2: $color-brand-2;
colorBrand3: $color-brand-3;
colorBrand4: $color-brand-4;
colorBrand5: $color-brand-5;
colorBrand6: $color-brand-6;
colorBrand7: $color-brand-7;
colorBrand8: $color-brand-8;
colorBrand9: $color-brand-9;
colorBrand0: bazarr.$color-brand-0;
colorBrand1: bazarr.$color-brand-1;
colorBrand2: bazarr.$color-brand-2;
colorBrand3: bazarr.$color-brand-3;
colorBrand4: bazarr.$color-brand-4;
colorBrand5: bazarr.$color-brand-5;
colorBrand6: bazarr.$color-brand-6;
colorBrand7: bazarr.$color-brand-7;
colorBrand8: bazarr.$color-brand-8;
colorBrand9: bazarr.$color-brand-9;
headerHeight: $header-height;
headerHeight: bazarr.$header-height;
navBarWidth: $navbar-width;
}

View file

@ -2,13 +2,13 @@
.root {
--ai-bg: transparent;
@include light {
@include mantine.light {
color: var(--mantine-color-dark-2);
--ai-hover: var(--mantine-color-gray-1);
--ai-hover-color: var(--mantine-color-gray-1);
}
@include dark {
@include mantine.dark {
color: var(--mantine-color-dark-0);
--ai-hover: var(--mantine-color-gray-8);
}

View file

@ -1,44 +1,44 @@
@layer mantine {
.root {
background-color: transparentize($color-brand-6, 0.8);
background-color: transparentize(bazarr.$color-brand-6, 0.8);
&[data-variant="warning"] {
color: lighten($color-warning-2, 0.8);
background-color: transparentize($color-warning-6, 0.8);
color: lighten(bazarr.$color-warning-2, 0.8);
background-color: transparentize(bazarr.$color-warning-6, 0.8);
}
&[data-variant="highlight"] {
color: lighten($color-highlight-2, 1);
background-color: transparentize($color-highlight-5, 0.8);
color: lighten(bazarr.$color-highlight-2, 1);
background-color: transparentize(bazarr.$color-highlight-5, 0.8);
}
&[data-variant="disabled"] {
color: lighten($color-disabled-0, 1);
background-color: transparentize($color-disabled-7, 0.8);
color: lighten(bazarr.$color-disabled-0, 1);
background-color: transparentize(bazarr.$color-disabled-7, 0.8);
}
&[data-variant="light"] {
color: var(--mantine-color-dark-0);
background-color: transparentize($color-disabled-9, 0.8);
background-color: transparentize(bazarr.$color-disabled-9, 0.8);
}
@include light {
color: $color-brand-6;
background-color: transparentize($color-brand-3, 0.8);
@include mantine.light {
color: bazarr.$color-brand-6;
background-color: transparentize(bazarr.$color-brand-3, 0.8);
&[data-variant="warning"] {
color: darken($color-warning-7, 1);
background-color: transparentize($color-warning-6, 0.8);
color: darken(bazarr.$color-warning-7, 1);
background-color: transparentize(bazarr.$color-warning-6, 0.8);
}
&[data-variant="disabled"] {
color: darken($color-disabled-6, 1);
background-color: transparentize($color-disabled-4, 0.8);
color: darken(bazarr.$color-disabled-6, 1);
background-color: transparentize(bazarr.$color-disabled-4, 0.8);
}
&[data-variant="highlight"] {
color: darken($color-highlight-6, 1);
background-color: transparentize($color-highlight-5, 0.8);
color: darken(bazarr.$color-highlight-6, 1);
background-color: transparentize(bazarr.$color-highlight-5, 0.8);
}
&[data-variant="light"] {

View file

@ -1,6 +1,6 @@
@layer mantine {
.root {
@include dark {
@include mantine.dark {
color: var(--mantine-color-dark-0);
}
@ -11,7 +11,7 @@
}
.root:disabled {
@include dark {
@include mantine.dark {
color: var(--mantine-color-dark-9);
}
}

View file

@ -1,5 +1,5 @@
.content {
@include smaller-than($mantine-breakpoint-md) {
@include mantine.smaller-than(mantine.$mantine-breakpoint-md) {
padding: 0;
}
}

View file

@ -1,9 +1,9 @@
.group {
@include light {
@include mantine.light {
background-color: var(--mantine-color-gray-3);
}
@include dark {
@include mantine.dark {
background-color: var(--mantine-color-dark-5);
}
}

View file

@ -1,7 +1,7 @@
.container {
display: flex;
flex-direction: column;
height: calc(100vh - $header-height);
height: calc(100vh - bazarr.$header-height);
}
.chart {

View file

@ -4,6 +4,6 @@
&:hover {
box-shadow: var(--mantine-shadow-md);
border: 1px solid $color-brand-5;
border: 1px solid bazarr.$color-brand-5;
}
}

View file

@ -106,9 +106,10 @@ export default defineConfig(async ({ mode, command }) => {
css: {
preprocessorOptions: {
scss: {
api: "modern-compiler",
additionalData: `
@import "./src/assets/_mantine";
@import "./src/assets/_bazarr";
@use "${path.join(process.cwd(), "src/assets/_mantine").replace(/\\/g, "/")}" as mantine;
@use "${path.join(process.cwd(), "src/assets/_bazarr").replace(/\\/g, "/")}" as bazarr;
`,
},
},