🏗️ Migrerer fra Next.js til Vite react
Co-authored-by: Øydis Kind Refsum <oydis.kind.refsum@nav.no> Co-authored-by: Christian Bulow Skovborg <christian.bulow.skovborg@nav.no> Co-authored-by: Amalie Mansåker <amalie.erdal.mansaker@nav.no> Co-authored-by: Sindre Kjelsrud <sindre.kjelsrud@nav.no>
This commit is contained in:
Markus Johansen
parent
aafa3cf243
commit
177d6c7cd8
40 changed files with 4738 additions and 2502 deletions
27
frontend/.eslintrc.cjs
Normal file
27
frontend/.eslintrc.cjs
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
/* eslint-env node */
|
||||
|
||||
module.exports = {
|
||||
root: true,
|
||||
env: { browser: true, es2020: true },
|
||||
extends: [
|
||||
'eslint:recommended',
|
||||
'plugin:@typescript-eslint/recommended',
|
||||
'plugin:@typescript-eslint/recommended-requiring-type-checking',
|
||||
'plugin:react-hooks/recommended',
|
||||
],
|
||||
parser: '@typescript-eslint/parser',
|
||||
parserOptions: {
|
||||
ecmaVersion: 'latest',
|
||||
sourceType: 'module',
|
||||
project: true,
|
||||
tsconfigRootDir: __dirname,
|
||||
},
|
||||
plugins: ['react-refresh'],
|
||||
rules: {
|
||||
'react-refresh/only-export-components': [
|
||||
'warn',
|
||||
{ allowConstantExport: true },
|
||||
],
|
||||
'@typescript-eslint/no-non-null-assertion': 'off',
|
||||
},
|
||||
}
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
{
|
||||
"extends": [
|
||||
"next/core-web-vitals"
|
||||
]
|
||||
}
|
||||
24
frontend/.gitignore
vendored
Normal file
24
frontend/.gitignore
vendored
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
dist
|
||||
dist-ssr
|
||||
*.local
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
!.vscode/extensions.json
|
||||
.idea
|
||||
.DS_Store
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
{
|
||||
"stylelint": {
|
||||
"extends": [
|
||||
"@navikt/aksel-stylelint/recommended"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
|
@ -1,38 +0,0 @@
|
|||
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
|
||||
|
||||
## Getting Started
|
||||
|
||||
First, run the development server:
|
||||
|
||||
```bash
|
||||
npm run dev
|
||||
# or
|
||||
yarn dev
|
||||
# or
|
||||
pnpm dev
|
||||
```
|
||||
|
||||
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
|
||||
|
||||
You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
|
||||
|
||||
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
|
||||
|
||||
The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
|
||||
|
||||
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
|
||||
|
||||
## Learn More
|
||||
|
||||
To learn more about Next.js, take a look at the following resources:
|
||||
|
||||
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
|
||||
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
|
||||
|
||||
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
|
||||
|
||||
## Deploy on Vercel
|
||||
|
||||
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
|
||||
|
||||
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
|
||||
|
|
@ -7,4 +7,4 @@ tasks.assemble {
|
|||
dependsOn("yarn", "yarn_build")
|
||||
}
|
||||
|
||||
project.buildDir = File("out")
|
||||
project.buildDir = File("dist")
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
import { FileImageIcon, UploadIcon } from "@navikt/aksel-icons"
|
||||
import { Button } from "@navikt/ds-react"
|
||||
|
||||
|
||||
/**
|
||||
* Inkluderer en knapp for opplastning i finder/explorer.
|
||||
* Inkluderer et felt for drag and drop opplastning av bilder
|
||||
* @returns `Drag and drop` komponent for filopplastning av skjermbilder
|
||||
*/
|
||||
const BildeOpplastning = () => {
|
||||
return(
|
||||
<div className="flex gap-2 flex-col">
|
||||
<div className="
|
||||
h-48 p-5 bg-bg-subtle hover:bg-surface-selected border-2 border-blue-500
|
||||
rounded-lg border-dashed flex flex-col items-center justify-center text-center gap-2
|
||||
">
|
||||
<FileImageIcon
|
||||
fontSize="3.5rem"
|
||||
className="text-blue-500"
|
||||
/>
|
||||
<p className="text-surface-neutral">Dra og slipp skjermbilder her!</p>
|
||||
</div>
|
||||
<Button
|
||||
variant="secondary"
|
||||
icon={<UploadIcon />}
|
||||
>
|
||||
Last opp skjermbilder
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
)
|
||||
}
|
||||
export default BildeOpplastning
|
||||
|
|
@ -1,47 +0,0 @@
|
|||
import FeilCard from "./FeilCard";
|
||||
|
||||
type FeilMelding = {
|
||||
tittel: String
|
||||
beskrivelse: String
|
||||
}
|
||||
/**
|
||||
*
|
||||
* @returns Komponent for returnering av konteiner med alle feilinnmeldingene.
|
||||
*/
|
||||
const CardsContainer = () => {
|
||||
|
||||
const feilMeldinger: FeilMelding[] = [
|
||||
{
|
||||
tittel: "Mangel på hensyn til tariffoppgjør",
|
||||
beskrivelse: "Det har vært ett tariffoppgjør og speil sier sykepengene må tilbakekreves, noe som er feil. (sier vi.. har ikke domenekunnskap)"
|
||||
},
|
||||
{
|
||||
tittel: "Speil sier NAV må tilbakekreve sykepenger på feil grunnlag",
|
||||
beskrivelse: "baluba"
|
||||
},
|
||||
{
|
||||
tittel: "Feil A",
|
||||
beskrivelse: "Lorem Ipsum"
|
||||
},
|
||||
{
|
||||
tittel: "Feil B",
|
||||
beskrivelse: "dolor"
|
||||
},
|
||||
{
|
||||
tittel: "Håndkle på hue",
|
||||
beskrivelse: "Bombastic side eye"
|
||||
}
|
||||
]
|
||||
|
||||
return(
|
||||
<div>
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
{feilMeldinger.map((feilMelding) => (
|
||||
<FeilCard key={feilMelding.toString()} tittel={feilMelding.tittel} beskrivelse={feilMelding.beskrivelse}/>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
)
|
||||
}
|
||||
export default CardsContainer
|
||||
|
|
@ -1,38 +0,0 @@
|
|||
import "@navikt/ds-css";
|
||||
import { ExpansionCard, Tag } from "@navikt/ds-react";
|
||||
|
||||
interface feilmeldingInterface {
|
||||
tittel: String,
|
||||
beskrivelse: String
|
||||
}
|
||||
|
||||
const TagBar = () => {
|
||||
return (
|
||||
<div className="flex gap-8 mt-4">
|
||||
<Tag variant="info">Jobbes med</Tag>
|
||||
<div className="flex gap-2">
|
||||
<Tag variant="neutral">Spleiselaget</Tag>
|
||||
<Tag variant="warning">Haster</Tag>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
const FeilCard = (props: feilmeldingInterface) => {
|
||||
return (
|
||||
<ExpansionCard aria-label="tekst">
|
||||
<ExpansionCard.Header>
|
||||
<ExpansionCard.Title>{props.tittel}</ExpansionCard.Title>
|
||||
<ExpansionCard.Description>
|
||||
{props.beskrivelse}
|
||||
</ExpansionCard.Description>
|
||||
<TagBar />
|
||||
</ExpansionCard.Header>
|
||||
<ExpansionCard.Content>
|
||||
Hællæ
|
||||
</ExpansionCard.Content>
|
||||
</ExpansionCard>
|
||||
)
|
||||
}
|
||||
|
||||
export default FeilCard;
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
import { MenuGridIcon } from "@navikt/aksel-icons"
|
||||
import { InternalHeader, Dropdown } from "@navikt/ds-react"
|
||||
|
||||
const Header = () => {
|
||||
return(
|
||||
<InternalHeader>
|
||||
<InternalHeader.Title href="/#home">
|
||||
Sprik
|
||||
</InternalHeader.Title>
|
||||
<Dropdown>
|
||||
<InternalHeader.Button
|
||||
as={Dropdown.Toggle}
|
||||
>
|
||||
<MenuGridIcon title="MenuGridIconer og oppslagsverk" />
|
||||
</InternalHeader.Button>
|
||||
{/* <Dropdown.Menu /> */}
|
||||
</Dropdown>
|
||||
</InternalHeader>
|
||||
)
|
||||
}
|
||||
export default Header
|
||||
13
frontend/index.html
Normal file
13
frontend/index.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Vite + React + TS</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
/** @type {import('next').NextConfig} */
|
||||
const nextConfig = {
|
||||
reactStrictMode: true,
|
||||
output: 'export',
|
||||
}
|
||||
|
||||
module.exports = nextConfig
|
||||
|
|
@ -1,36 +1,28 @@
|
|||
{
|
||||
"name": "frontend",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"version": "0.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "../frontend/node_modules/.bin/next dev",
|
||||
"build": "../frontend/node_modules/.bin/next build",
|
||||
"start": "../frontend/node_modules/.bin/next start",
|
||||
"lint": "../frontend/node_modules/.bin/next lint"
|
||||
"dev": "vite",
|
||||
"build": "tsc && vite build",
|
||||
"lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@navikt/aksel-icons": "^4.4.2",
|
||||
"@navikt/ds-css": "^4.4.2",
|
||||
"@navikt/ds-react": "^4.4.2",
|
||||
"@navikt/ds-tailwind": "^4.6.1",
|
||||
"@navikt/ds-tokens": "^4.6.1",
|
||||
"@types/node": "20.3.2",
|
||||
"@types/react": "18.2.14",
|
||||
"@types/react-dom": "18.2.6",
|
||||
"autoprefixer": "10.4.14",
|
||||
"axios": "^1.4.0",
|
||||
"eslint": "8.43.0",
|
||||
"eslint-config-next": "13.4.7",
|
||||
"next": "13.4.7",
|
||||
"react": "18.2.0",
|
||||
"react-dom": "18.2.0",
|
||||
"react-router-dom": "^6.14.0",
|
||||
"swr": "^2.2.0",
|
||||
"tailwindcss": "3.3.2",
|
||||
"typescript": "5.1.5"
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@navikt/aksel-stylelint": "^4.5.0",
|
||||
"stylelint": "^15.10.1"
|
||||
"@types/react": "^18.2.14",
|
||||
"@types/react-dom": "^18.2.6",
|
||||
"@typescript-eslint/eslint-plugin": "^5.61.0",
|
||||
"@typescript-eslint/parser": "^5.61.0",
|
||||
"@vitejs/plugin-react": "^4.0.1",
|
||||
"eslint": "^8.44.0",
|
||||
"eslint-plugin-react-hooks": "^4.6.0",
|
||||
"eslint-plugin-react-refresh": "^0.4.1",
|
||||
"typescript": "^5.0.2",
|
||||
"vite": "^4.4.0"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +0,0 @@
|
|||
import '@/styles/globals.css'
|
||||
import type { AppProps } from 'next/app'
|
||||
|
||||
export default function App({ Component, pageProps }: AppProps) {
|
||||
return <Component {...pageProps} />
|
||||
}
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
import { Html, Head, Main, NextScript } from 'next/document'
|
||||
|
||||
export default function Document() {
|
||||
return (
|
||||
<Html lang="en">
|
||||
<Head />
|
||||
<body>
|
||||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
import axios from "axios";
|
||||
|
||||
export default function post(route: String, data?: Object) {
|
||||
axios.post("https://helse-sprik.intern.dev.nav.no" + route, data, {
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
}).then((response) => {
|
||||
console.log(response)
|
||||
}).catch((error) => {
|
||||
console.log(error);
|
||||
})
|
||||
}
|
||||
|
|
@ -1,90 +0,0 @@
|
|||
import "@navikt/ds-css";
|
||||
|
||||
import { ArrowLeftIcon, BugIcon, UploadIcon } from "@navikt/aksel-icons";
|
||||
import { Button, Heading, TextField, Textarea } from "@navikt/ds-react";
|
||||
import post from "../api/http";
|
||||
import axios from "axios";
|
||||
import { useState } from "react";
|
||||
import router from "next/router";
|
||||
import BildeOpplastning from "@/components/BildeOpplastning";
|
||||
import Header from "@/components/Header";
|
||||
|
||||
export default function Feil() {
|
||||
const [tittel, setTittel] = useState("");
|
||||
const [beskrivelse, setBeskrivelse] = useState("");
|
||||
|
||||
const handleSubmit = () => {
|
||||
axios.post("https://helse-sprik.intern.dev.nav.no/nyFeil",
|
||||
{
|
||||
"data": {
|
||||
tittel: tittel,
|
||||
beskrivelse: beskrivelse,
|
||||
dato: new Date()
|
||||
}
|
||||
}, {
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
}).then((response) => {
|
||||
console.log(response)
|
||||
}).catch((error) => {
|
||||
console.log(error);
|
||||
})
|
||||
}
|
||||
|
||||
// TODO: clear data fra felter
|
||||
|
||||
|
||||
return (
|
||||
<main className="flex flex-col h-screen">
|
||||
<Header/>
|
||||
<div className="flex grow">
|
||||
<div className="w-1/4 bg-bg-subtle"></div>
|
||||
<div className="flex flex-col justify-center gap-16 p-8 px-16 grow">
|
||||
<div className=" flex flex-col gap-2 justify-center">
|
||||
<BugIcon
|
||||
title="Insekts ikon"
|
||||
fontSize="3rem"
|
||||
/>
|
||||
<Heading
|
||||
level="1"
|
||||
size="xlarge"
|
||||
>
|
||||
Innmelding av feil i speil
|
||||
</Heading>
|
||||
</div>
|
||||
<div className="w-1/2 flex flex-col gap-4 justify-center">
|
||||
<TextField
|
||||
label="Tittel"
|
||||
onChange={e => setTittel(e.target.value)}
|
||||
/>
|
||||
<Textarea
|
||||
label="Beskrivelse"
|
||||
description="Detaljert beskrivelse av problemet"
|
||||
onChange={e => setBeskrivelse(e.target.value)}
|
||||
/>
|
||||
<BildeOpplastning/>
|
||||
</div>
|
||||
<div className="w-1/2 flex flex-col gap-2 justify-center">
|
||||
<Button
|
||||
onClick={handleSubmit}
|
||||
variant="primary"
|
||||
>
|
||||
Meld inn feil
|
||||
</Button>
|
||||
<Button
|
||||
variant="tertiary"
|
||||
icon={<ArrowLeftIcon />}
|
||||
onClick={() => {
|
||||
router.push('/')
|
||||
}}
|
||||
>
|
||||
Gå tilbake til hovedmenyen
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-1/4 bg-bg-subtle"></div>
|
||||
</div>
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
|
@ -1,53 +0,0 @@
|
|||
import CardsContainer from "@/components/CardsContainer";
|
||||
import Header from "@/components/Header";
|
||||
import "@navikt/ds-css";
|
||||
import { Button, Heading, Search } from "@navikt/ds-react";
|
||||
import router from "next/router";
|
||||
|
||||
export default function Home() {
|
||||
const handleFeil = () => {
|
||||
router.push('/feil')
|
||||
}
|
||||
|
||||
return (
|
||||
<main className="flex flex-col h-screen">
|
||||
<Header/>
|
||||
<div className="flex justify-center grow">
|
||||
<div className="bg-bg-subtle w-1/6 p-8 flex flex-col justify-end">
|
||||
<div className="flex flex-col gap-4 text-center bottom-0">
|
||||
<Button
|
||||
variant="primary"
|
||||
onClick={handleFeil}
|
||||
>
|
||||
Meld inn feil
|
||||
</Button>
|
||||
<Button
|
||||
variant="secondary"
|
||||
>
|
||||
Meld inn funksjonalitetsønsker
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="p-8 grow flex gap-8 flex-col">
|
||||
<Search
|
||||
label="Søk gjennom innmeldte feil (nøkkelord, tags, status)"
|
||||
variant="primary"
|
||||
hideLabel={false}
|
||||
/>
|
||||
<Heading
|
||||
level="1"
|
||||
size="medium"
|
||||
>
|
||||
Innmeldte feil (saker, feilmeldinger poster, feil)
|
||||
</Heading>
|
||||
<CardsContainer/>
|
||||
</div>
|
||||
|
||||
<div className="bg-bg-subtle w-1/6 p-8">
|
||||
<h1>Filter to be</h1>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
)
|
||||
}
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
module.exports = {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
},
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
|
|
@ -1 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
|
||||
|
Before Width: | Height: | Size: 1.3 KiB |
|
|
@ -1 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>
|
||||
|
Before Width: | Height: | Size: 629 B |
1
frontend/public/vite.svg
Normal file
1
frontend/public/vite.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
42
frontend/src/App.css
Normal file
42
frontend/src/App.css
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
#root {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
height: 6em;
|
||||
padding: 1.5em;
|
||||
will-change: filter;
|
||||
transition: filter 300ms;
|
||||
}
|
||||
.logo:hover {
|
||||
filter: drop-shadow(0 0 2em #646cffaa);
|
||||
}
|
||||
.logo.react:hover {
|
||||
filter: drop-shadow(0 0 2em #61dafbaa);
|
||||
}
|
||||
|
||||
@keyframes logo-spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
a:nth-of-type(2) .logo {
|
||||
animation: logo-spin infinite 20s linear;
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
.read-the-docs {
|
||||
color: #888;
|
||||
}
|
||||
35
frontend/src/App.tsx
Normal file
35
frontend/src/App.tsx
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
import { useState } from 'react'
|
||||
import reactLogo from './assets/react.svg'
|
||||
import viteLogo from '/vite.svg'
|
||||
import './App.css'
|
||||
|
||||
function App() {
|
||||
const [count, setCount] = useState(0)
|
||||
|
||||
return (
|
||||
<>
|
||||
<div>
|
||||
<a href="https://vitejs.dev" target="_blank">
|
||||
<img src={viteLogo} className="logo" alt="Vite logo" />
|
||||
</a>
|
||||
<a href="https://react.dev" target="_blank">
|
||||
<img src={reactLogo} className="logo react" alt="React logo" />
|
||||
</a>
|
||||
</div>
|
||||
<h1>Vite + React</h1>
|
||||
<div className="card">
|
||||
<button onClick={() => setCount((count) => count + 1)}>
|
||||
count is {count}
|
||||
</button>
|
||||
<p>
|
||||
Edit <code>src/App.tsx</code> and save to test HMR
|
||||
</p>
|
||||
</div>
|
||||
<p className="read-the-docs">
|
||||
Click on the Vite and React logos to learn more
|
||||
</p>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default App
|
||||
1
frontend/src/assets/react.svg
Normal file
1
frontend/src/assets/react.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 4 KiB |
69
frontend/src/index.css
Normal file
69
frontend/src/index.css
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
:root {
|
||||
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
|
||||
color-scheme: light dark;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background-color: #242424;
|
||||
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
a {
|
||||
font-weight: 500;
|
||||
color: #646cff;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
a:hover {
|
||||
color: #535bf2;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
display: flex;
|
||||
place-items: center;
|
||||
min-width: 320px;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3.2em;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 8px;
|
||||
border: 1px solid transparent;
|
||||
padding: 0.6em 1.2em;
|
||||
font-size: 1em;
|
||||
font-weight: 500;
|
||||
font-family: inherit;
|
||||
background-color: #1a1a1a;
|
||||
cursor: pointer;
|
||||
transition: border-color 0.25s;
|
||||
}
|
||||
button:hover {
|
||||
border-color: #646cff;
|
||||
}
|
||||
button:focus,
|
||||
button:focus-visible {
|
||||
outline: 4px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
color: #213547;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
a:hover {
|
||||
color: #747bff;
|
||||
}
|
||||
button {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
}
|
||||
10
frontend/src/main.tsx
Normal file
10
frontend/src/main.tsx
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
import React from 'react'
|
||||
import ReactDOM from 'react-dom/client'
|
||||
import App from './App.tsx'
|
||||
import './index.css'
|
||||
|
||||
ReactDOM.createRoot(document.getElementById('root')!).render(
|
||||
<React.StrictMode>
|
||||
<App />
|
||||
</React.StrictMode>,
|
||||
)
|
||||
1
frontend/src/vite-env.d.ts
vendored
Normal file
1
frontend/src/vite-env.d.ts
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
/// <reference types="vite/client" />
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
@import "tailwindcss/base";
|
||||
@import "@navikt/ds-css";
|
||||
@import "tailwindcss/components";
|
||||
@import "tailwindcss/utilities";
|
||||
|
|
@ -1,303 +0,0 @@
|
|||
/** @type {import('tailwindcss').Config} */
|
||||
module.exports = {
|
||||
presets: [require("@navikt/ds-tailwind")],
|
||||
content: [
|
||||
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
|
||||
'./components/**/*.{js,ts,jsx,tsx,mdx}',
|
||||
'./app/**/*.{js,ts,jsx,tsx,mdx}',
|
||||
],
|
||||
"theme": {
|
||||
"colors": {
|
||||
"border-default": "rgba(0, 0, 0, 0.44)",
|
||||
"border-strong": "rgba(0, 0, 0, 0.65)",
|
||||
"border-divider": "rgba(0, 0, 0, 0.19)",
|
||||
"border-subtle-hover": "rgba(0, 0, 0, 0.19)",
|
||||
"border-subtle": "rgba(0, 0, 0, 0.1)",
|
||||
"border-action-selected": "rgba(0, 91, 130, 1)",
|
||||
"border-action": "rgba(0, 103, 197, 1)",
|
||||
"border-selected": "rgba(0, 103, 197, 1)",
|
||||
"border-success": "rgba(6, 137, 58, 1)",
|
||||
"border-danger": "rgba(195, 0, 0, 1)",
|
||||
"border-warning": "rgba(199, 115, 0, 1)",
|
||||
"border-info": "rgba(54, 141, 168, 1)",
|
||||
"border-focus-on-inverted": "rgba(153, 195, 255, 1)",
|
||||
"border-focus": "rgba(0, 52, 125, 1)",
|
||||
"border-on-inverted": "rgba(229, 229, 229, 1)",
|
||||
"border-on-inverted-subtle": "rgba(89, 89, 89, 1)",
|
||||
"border-alt-1": "rgba(130, 105, 162, 1)",
|
||||
"border-alt-2": "rgba(127, 137, 0, 1)",
|
||||
"border-alt-3": "rgba(0, 91, 130, 1)",
|
||||
"transparent": "rgba(255, 255, 255, 0)",
|
||||
"white": "rgba(255, 255, 255, 1)",
|
||||
"nav-red": "rgba(195, 0, 0, 1)",
|
||||
"gray-50": "rgba(247, 247, 247, 1)",
|
||||
"gray-100": "rgba(241, 241, 241, 1)",
|
||||
"gray-200": "rgba(229, 229, 229, 1)",
|
||||
"gray-300": "rgba(207, 207, 207, 1)",
|
||||
"gray-400": "rgba(176, 176, 176, 1)",
|
||||
"gray-500": "rgba(143, 143, 143, 1)",
|
||||
"gray-600": "rgba(112, 112, 112, 1)",
|
||||
"gray-700": "rgba(89, 89, 89, 1)",
|
||||
"gray-800": "rgba(64, 64, 64, 1)",
|
||||
"gray-900": "rgba(38, 38, 38, 1)",
|
||||
"grayalpha-50": "rgba(0, 0, 0, 0.03)",
|
||||
"grayalpha-100": "rgba(0, 0, 0, 0.05)",
|
||||
"grayalpha-200": "rgba(0, 0, 0, 0.1)",
|
||||
"grayalpha-300": "rgba(0, 0, 0, 0.19)",
|
||||
"grayalpha-400": "rgba(0, 0, 0, 0.31)",
|
||||
"grayalpha-500": "rgba(0, 0, 0, 0.44)",
|
||||
"grayalpha-600": "rgba(0, 0, 0, 0.56)",
|
||||
"grayalpha-700": "rgba(0, 0, 0, 0.65)",
|
||||
"grayalpha-800": "rgba(0, 0, 0, 0.75)",
|
||||
"grayalpha-900": "rgba(0, 0, 0, 0.85)",
|
||||
"blue-50": "rgba(230, 240, 255, 1)",
|
||||
"blue-100": "rgba(204, 225, 255, 1)",
|
||||
"blue-200": "rgba(153, 195, 255, 1)",
|
||||
"blue-300": "rgba(102, 165, 244, 1)",
|
||||
"blue-400": "rgba(51, 134, 224, 1)",
|
||||
"blue-500": "rgba(0, 103, 197, 1)",
|
||||
"blue-600": "rgba(0, 86, 180, 1)",
|
||||
"blue-700": "rgba(0, 69, 156, 1)",
|
||||
"blue-800": "rgba(0, 52, 125, 1)",
|
||||
"blue-900": "rgba(0, 34, 82, 1)",
|
||||
"red-50": "rgba(255, 230, 230, 1)",
|
||||
"red-100": "rgba(255, 194, 194, 1)",
|
||||
"red-200": "rgba(246, 130, 130, 1)",
|
||||
"red-300": "rgba(242, 92, 92, 1)",
|
||||
"red-400": "rgba(222, 46, 46, 1)",
|
||||
"red-500": "rgba(195, 0, 0, 1)",
|
||||
"red-600": "rgba(173, 0, 0, 1)",
|
||||
"red-700": "rgba(140, 0, 0, 1)",
|
||||
"red-800": "rgba(92, 0, 0, 1)",
|
||||
"red-900": "rgba(38, 0, 0, 1)",
|
||||
"deepblue-50": "rgba(230, 241, 248, 1)",
|
||||
"deepblue-100": "rgba(204, 226, 240, 1)",
|
||||
"deepblue-200": "rgba(153, 196, 221, 1)",
|
||||
"deepblue-300": "rgba(102, 163, 196, 1)",
|
||||
"deepblue-400": "rgba(51, 128, 165, 1)",
|
||||
"deepblue-500": "rgba(0, 91, 130, 1)",
|
||||
"deepblue-600": "rgba(0, 80, 119, 1)",
|
||||
"deepblue-700": "rgba(0, 67, 103, 1)",
|
||||
"deepblue-800": "rgba(0, 52, 83, 1)",
|
||||
"deepblue-900": "rgba(0, 36, 58, 1)",
|
||||
"green-50": "rgba(243, 252, 245, 1)",
|
||||
"green-100": "rgba(204, 241, 214, 1)",
|
||||
"green-200": "rgba(153, 222, 173, 1)",
|
||||
"green-300": "rgba(102, 199, 134, 1)",
|
||||
"green-400": "rgba(51, 170, 95, 1)",
|
||||
"green-500": "rgba(6, 137, 58, 1)",
|
||||
"green-600": "rgba(0, 124, 46, 1)",
|
||||
"green-700": "rgba(0, 106, 35, 1)",
|
||||
"green-800": "rgba(0, 85, 25, 1)",
|
||||
"green-900": "rgba(0, 59, 15, 1)",
|
||||
"lightblue-50": "rgba(235, 252, 255, 1)",
|
||||
"lightblue-100": "rgba(216, 249, 255, 1)",
|
||||
"lightblue-200": "rgba(181, 241, 255, 1)",
|
||||
"lightblue-300": "rgba(151, 230, 255, 1)",
|
||||
"lightblue-400": "rgba(124, 218, 248, 1)",
|
||||
"lightblue-500": "rgba(102, 203, 236, 1)",
|
||||
"lightblue-600": "rgba(76, 173, 205, 1)",
|
||||
"lightblue-700": "rgba(54, 141, 168, 1)",
|
||||
"lightblue-800": "rgba(35, 107, 125, 1)",
|
||||
"lightblue-900": "rgba(19, 72, 82, 1)",
|
||||
"limegreen-50": "rgba(253, 255, 230, 1)",
|
||||
"limegreen-100": "rgba(249, 252, 204, 1)",
|
||||
"limegreen-200": "rgba(236, 243, 153, 1)",
|
||||
"limegreen-300": "rgba(217, 227, 102, 1)",
|
||||
"limegreen-400": "rgba(193, 203, 51, 1)",
|
||||
"limegreen-500": "rgba(162, 173, 0, 1)",
|
||||
"limegreen-600": "rgba(147, 158, 0, 1)",
|
||||
"limegreen-700": "rgba(127, 137, 0, 1)",
|
||||
"limegreen-800": "rgba(102, 110, 0, 1)",
|
||||
"limegreen-900": "rgba(71, 78, 0, 1)",
|
||||
"orange-50": "rgba(255, 249, 240, 1)",
|
||||
"orange-100": "rgba(255, 236, 204, 1)",
|
||||
"orange-200": "rgba(255, 215, 153, 1)",
|
||||
"orange-300": "rgba(255, 193, 102, 1)",
|
||||
"orange-400": "rgba(255, 170, 51, 1)",
|
||||
"orange-500": "rgba(255, 145, 0, 1)",
|
||||
"orange-600": "rgba(199, 115, 0, 1)",
|
||||
"orange-700": "rgba(168, 100, 0, 1)",
|
||||
"orange-800": "rgba(125, 76, 0, 1)",
|
||||
"orange-900": "rgba(82, 51, 0, 1)",
|
||||
"purple-50": "rgba(239, 236, 244, 1)",
|
||||
"purple-100": "rgba(224, 216, 233, 1)",
|
||||
"purple-200": "rgba(192, 178, 210, 1)",
|
||||
"purple-300": "rgba(161, 141, 187, 1)",
|
||||
"purple-400": "rgba(130, 105, 162, 1)",
|
||||
"purple-500": "rgba(99, 70, 137, 1)",
|
||||
"purple-600": "rgba(82, 56, 116, 1)",
|
||||
"purple-700": "rgba(65, 43, 93, 1)",
|
||||
"purple-800": "rgba(48, 31, 70, 1)",
|
||||
"purple-900": "rgba(31, 20, 47, 1)",
|
||||
"text-default": "rgba(38, 38, 38, 1)",
|
||||
"text-subtle": "rgba(0, 0, 0, 0.56)",
|
||||
"text-visited": "rgba(99, 70, 137, 1)",
|
||||
"text-danger": "rgba(195, 0, 0, 1)",
|
||||
"text-action-selected": "rgba(0, 91, 130, 1)",
|
||||
"text-action-on-action-subtle": "rgba(0, 86, 180, 1)",
|
||||
"text-action": "rgba(0, 103, 197, 1)",
|
||||
"text-on-inverted": "rgba(255, 255, 255, 1)",
|
||||
"text-on-neutral": "rgba(255, 255, 255, 1)",
|
||||
"text-on-action": "rgba(255, 255, 255, 1)",
|
||||
"text-on-success": "rgba(255, 255, 255, 1)",
|
||||
"text-on-danger": "rgba(255, 255, 255, 1)",
|
||||
"text-on-warning": "rgba(38, 38, 38, 1)",
|
||||
"text-on-info": "rgba(38, 38, 38, 1)",
|
||||
"text-on-alt-1": "rgba(255, 255, 255, 1)",
|
||||
"text-on-alt-2": "rgba(38, 38, 38, 1)",
|
||||
"text-on-alt-3": "rgba(255, 255, 255, 1)",
|
||||
"bg-default": "rgba(255, 255, 255, 1)",
|
||||
"bg-subtle": "rgba(241, 241, 241, 1)",
|
||||
"surface-default": "rgba(255, 255, 255, 1)",
|
||||
"surface-hover": "rgba(0, 0, 0, 0.05)",
|
||||
"surface-active": "rgba(0, 0, 0, 0.1)",
|
||||
"surface-selected": "rgba(230, 240, 255, 1)",
|
||||
"surface-subtle": "rgba(247, 247, 247, 1)",
|
||||
"surface-transparent": "rgba(255, 255, 255, 0)",
|
||||
"surface-backdrop": "rgba(0, 0, 0, 0.65)",
|
||||
"surface-inverted-hover": "rgba(64, 64, 64, 1)",
|
||||
"surface-inverted-active": "rgba(89, 89, 89, 1)",
|
||||
"surface-inverted": "rgba(38, 38, 38, 1)",
|
||||
"surface-action-subtle-hover": "rgba(204, 225, 255, 1)",
|
||||
"surface-action-subtle": "rgba(230, 240, 255, 1)",
|
||||
"surface-action-hover": "rgba(0, 86, 180, 1)",
|
||||
"surface-action-active": "rgba(0, 91, 130, 1)",
|
||||
"surface-action-selected-hover": "rgba(0, 80, 119, 1)",
|
||||
"surface-action-selected": "rgba(0, 91, 130, 1)",
|
||||
"surface-action": "rgba(0, 103, 197, 1)",
|
||||
"surface-neutral-subtle-hover": "rgba(0, 0, 0, 0.1)",
|
||||
"surface-neutral-subtle": "rgba(0, 0, 0, 0.05)",
|
||||
"surface-neutral-hover": "rgba(64, 64, 64, 1)",
|
||||
"surface-neutral-selected": "rgba(38, 38, 38, 1)",
|
||||
"surface-neutral-active": "rgba(38, 38, 38, 1)",
|
||||
"surface-neutral": "rgba(89, 89, 89, 1)",
|
||||
"surface-success-subtle-hover": "rgba(153, 222, 173, 1)",
|
||||
"surface-success-subtle": "rgba(204, 241, 214, 1)",
|
||||
"surface-success": "rgba(6, 137, 58, 1)",
|
||||
"surface-success-hover": "rgba(0, 124, 46, 1)",
|
||||
"surface-danger-subtle-hover": "rgba(246, 130, 130, 1)",
|
||||
"surface-danger-subtle": "rgba(255, 194, 194, 1)",
|
||||
"surface-danger-hover": "rgba(173, 0, 0, 1)",
|
||||
"surface-danger-active": "rgba(140, 0, 0, 1)",
|
||||
"surface-danger": "rgba(195, 0, 0, 1)",
|
||||
"surface-warning-subtle-hover": "rgba(255, 215, 153, 1)",
|
||||
"surface-warning-subtle": "rgba(255, 236, 204, 1)",
|
||||
"surface-warning": "rgba(255, 145, 0, 1)",
|
||||
"surface-info-subtle-hover": "rgba(181, 241, 255, 1)",
|
||||
"surface-info-subtle": "rgba(216, 249, 255, 1)",
|
||||
"surface-info": "rgba(102, 203, 236, 1)",
|
||||
"surface-alt-1-subtle": "rgba(224, 216, 233, 1)",
|
||||
"surface-alt-1": "rgba(130, 105, 162, 1)",
|
||||
"surface-alt-2-subtle": "rgba(249, 252, 204, 1)",
|
||||
"surface-alt-2": "rgba(193, 203, 51, 1)",
|
||||
"surface-alt-3-subtle": "rgba(204, 226, 240, 1)",
|
||||
"surface-alt-3-strong": "rgba(0, 52, 83, 1)",
|
||||
"surface-alt-3": "rgba(0, 91, 130, 1)",
|
||||
"icon-default": "rgba(38, 38, 38, 1)",
|
||||
"icon-subtle": "rgba(112, 112, 112, 1)",
|
||||
"icon-action-selected": "rgba(0, 91, 130, 1)",
|
||||
"icon-action-on-action-subtle": "rgba(0, 86, 180, 1)",
|
||||
"icon-action": "rgba(0, 103, 197, 1)",
|
||||
"icon-success": "rgba(6, 137, 58, 1)",
|
||||
"icon-danger": "rgba(195, 0, 0, 1)",
|
||||
"icon-warning": "rgba(199, 115, 0, 1)",
|
||||
"icon-info": "rgba(35, 107, 125, 1)",
|
||||
"icon-alt-1": "rgba(99, 70, 137, 1)",
|
||||
"icon-alt-2": "rgba(127, 137, 0, 1)",
|
||||
"icon-alt-3": "rgba(51, 128, 165, 1)",
|
||||
"icon-on-neutral": "rgba(255, 255, 255, 1)",
|
||||
"icon-on-inverted": "rgba(255, 255, 255, 1)",
|
||||
"icon-on-action": "rgba(255, 255, 255, 1)",
|
||||
"icon-on-success": "rgba(255, 255, 255, 1)",
|
||||
"icon-on-danger": "rgba(255, 255, 255, 1)",
|
||||
"icon-on-warning": "rgba(38, 38, 38, 1)",
|
||||
"icon-on-info": "rgba(38, 38, 38, 1)"
|
||||
},
|
||||
"screen": {
|
||||
"sm": "480px",
|
||||
"md": "768px",
|
||||
"lg": "1024px",
|
||||
"xl": "1280px"
|
||||
},
|
||||
"extend": {
|
||||
"spacing": {
|
||||
"0": "0",
|
||||
"1": "0.25rem",
|
||||
"2": "0.5rem",
|
||||
"3": "0.75rem",
|
||||
"4": "1rem",
|
||||
"5": "1.25rem",
|
||||
"6": "1.5rem",
|
||||
"7": "1.75rem",
|
||||
"8": "2rem",
|
||||
"9": "2.25rem",
|
||||
"10": "2.5rem",
|
||||
"11": "2.75rem",
|
||||
"12": "3rem",
|
||||
"14": "3.5rem",
|
||||
"16": "4rem",
|
||||
"18": "4.5rem",
|
||||
"20": "5rem",
|
||||
"24": "6rem",
|
||||
"32": "8rem",
|
||||
"05": "0.125rem"
|
||||
},
|
||||
"zIndex": {
|
||||
"modal": 2000,
|
||||
"popover": 1000,
|
||||
"focus": 10,
|
||||
"tooltip": 3000
|
||||
},
|
||||
"boxShadow": {
|
||||
"xsmall": "0 1px 2px 0 rgba(0, 0, 0, 0.12)",
|
||||
"small": "0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1)",
|
||||
"medium": "0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1)",
|
||||
"large": "0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1)",
|
||||
"xlarge": "0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1)",
|
||||
"focus-inverted": "0 0 0 3px rgba(153, 195, 255, 1)",
|
||||
"focus": "0 0 0 3px rgba(0, 52, 125, 1)"
|
||||
},
|
||||
"fontWeight": {
|
||||
"bold": "600",
|
||||
"regular": "400"
|
||||
},
|
||||
"fontSize": {
|
||||
"heading-2xlarge": "2.5rem",
|
||||
"heading-xlarge": "2rem",
|
||||
"heading-large": "1.75rem",
|
||||
"heading-medium": "1.5rem",
|
||||
"heading-small": "1.25rem",
|
||||
"heading-xsmall": "1.125rem",
|
||||
"xlarge": "1.25rem",
|
||||
"large": "1.125rem",
|
||||
"medium": "1rem",
|
||||
"small": "0.875rem"
|
||||
},
|
||||
"lineHeight": {
|
||||
"heading-2xlarge": "3.25rem",
|
||||
"heading-xlarge": "2.5rem",
|
||||
"heading-large": "2.25rem",
|
||||
"heading-medium": "2rem",
|
||||
"heading-small": "1.75rem",
|
||||
"heading-xsmall": "1.5rem",
|
||||
"xlarge": "1.75rem",
|
||||
"large": "1.5rem",
|
||||
"medium": "1.25rem"
|
||||
},
|
||||
"fontFamily": {
|
||||
"font-family": "\"Source Sans Pro\", Arial, sans-serif"
|
||||
},
|
||||
"borderRadius": {
|
||||
"small": "2px",
|
||||
"medium": "4px",
|
||||
"large": "8px",
|
||||
"xlarge": "12px",
|
||||
"full": "9999px"
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -1,26 +1,25 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"target": "es5",
|
||||
"lib": ["dom", "dom.iterable", "esnext"],
|
||||
"allowJs": true,
|
||||
"target": "ES2020",
|
||||
"useDefineForClassFields": true,
|
||||
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
||||
"module": "ESNext",
|
||||
"skipLibCheck": true,
|
||||
"strict": true,
|
||||
"forceConsistentCasingInFileNames": true,
|
||||
"noEmit": true,
|
||||
"esModuleInterop": true,
|
||||
"module": "esnext",
|
||||
"moduleResolution": "node",
|
||||
|
||||
/* Bundler mode */
|
||||
"moduleResolution": "bundler",
|
||||
"allowImportingTsExtensions": true,
|
||||
"resolveJsonModule": true,
|
||||
"isolatedModules": true,
|
||||
"jsx": "preserve",
|
||||
"incremental": true,
|
||||
"paths": {
|
||||
"@/*": ["./*"]
|
||||
}
|
||||
"noEmit": true,
|
||||
"jsx": "react-jsx",
|
||||
|
||||
/* Linting */
|
||||
"strict": true,
|
||||
"noUnusedLocals": true,
|
||||
"noUnusedParameters": true,
|
||||
"noFallthroughCasesInSwitch": true
|
||||
},
|
||||
"include": [
|
||||
"next-env.d.ts", "**/*.ts", "**/*.tsx"],
|
||||
"exclude": [
|
||||
"../frontend/node_modules"
|
||||
]
|
||||
"include": ["src"],
|
||||
"references": [{ "path": "./tsconfig.node.json" }]
|
||||
}
|
||||
|
|
|
|||
10
frontend/tsconfig.node.json
Normal file
10
frontend/tsconfig.node.json
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"composite": true,
|
||||
"skipLibCheck": true,
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "bundler",
|
||||
"allowSyntheticDefaultImports": true
|
||||
},
|
||||
"include": ["vite.config.ts"]
|
||||
}
|
||||
7
frontend/vite.config.ts
Normal file
7
frontend/vite.config.ts
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
import { defineConfig } from 'vite'
|
||||
import react from '@vitejs/plugin-react'
|
||||
|
||||
// https://vitejs.dev/config/
|
||||
export default defineConfig({
|
||||
plugins: [react()],
|
||||
})
|
||||
2969
frontend/yarn.lock
2969
frontend/yarn.lock
File diff suppressed because it is too large
Load diff
Reference in a new issue