diff --git a/apps/storybook/stories/documentation/designere/contribute.mdx b/apps/storybook/stories/documentation/designere/bidra.mdx similarity index 56% rename from apps/storybook/stories/documentation/designere/contribute.mdx rename to apps/storybook/stories/documentation/designere/bidra.mdx index 9910fffe36..fbf00e5f1e 100644 --- a/apps/storybook/stories/documentation/designere/contribute.mdx +++ b/apps/storybook/stories/documentation/designere/bidra.mdx @@ -1,6 +1,6 @@ import { Meta } from "@storybook/addon-docs"; -import { ComingSoon } from "../utils/ComingSoon"; +import { BidraMedDesign } from "./bidra.tsx"; - + diff --git a/apps/storybook/stories/documentation/designere/bidra.tsx b/apps/storybook/stories/documentation/designere/bidra.tsx new file mode 100644 index 0000000000..f29efa7aa5 --- /dev/null +++ b/apps/storybook/stories/documentation/designere/bidra.tsx @@ -0,0 +1,84 @@ +import { HStack, Link, ListItem, Text, UnorderedList } from "@kvib/react/src"; +import { Dokumentasjonsside } from "../utils/Dokumentasjonsside"; +import { Tekstblokk } from "../utils/Tekstblokk"; + +export const BidraMedDesign = () => ( + + + + Designsystemet er et levende produkt som kontinuerlig oppdateres og vedlikeholdes. Alle som ønsker å påvirke + utviklingen eller gi tilbakemeldinger, er velkomne til å bidra. Målet er at designsystemet skal forbedre + produktutviklingen hos Kartverket. I stedet for at Team Designsystem skal fungere som et bestillingssystem, + ønsker vi å oppmuntre til godt samarbeid og aktiv deltakelse fra alle produktteamene. + + + + + + I et designsystem er samarbeid og deling av ideer nøkkelen til suksess. Figma-sandkassen gir alle muligheten til + å bidra med sine innspill og inspirasjon for å skape et mer helhetlig system. I sandkassen kan alle dele sine + forslag til hva de ønsker skal være en del av designsystemet. Det er også et sted for å dele skisser, som kan + være til inspirasjon for andre designere. + + + + + + Kartverkets designsystem utvikles og forbedres kontinuerlig gjennom flere tilnærminger. Når nye komponenter + foreslås, gjennomgår vi en vurderingsprosess der vi ser på problemet komponenten skal løse, samt verdien den + tilfører. Vi vurderer også om komponenten samsvarer med designprinsippene, om den kan gjøres fleksibel nok, og + om den passer inn i helheten. + + + Enkle endringer som flere team trenger: Når flere team etterspør små justeringer eller nye + komponenter, følger vi opp ved å designe komponenten i Figma og legge den til i komponentbiblioteket, klar + til bruk. + + + Komponenter som er spesifikke for ett team: Hvis en komponent kun er relevant for ett team, + oppfordrer vi teamet til å utvikle den lokalt. Vi følger likevel med for å se om lignende behov oppstår hos + andre produktteam. + + + Avanserte endringer eller nye komponenter som flere team trenger: For større endringer eller nye + komponenter som er relevante for flere team, samarbeider vi med produktteamene for å utvikle en felles + løsning som dekker behovene på tvers av alle team. + + + + + + + + Vi setter pris på alle tilbakemeldinger, ideer og innspill, så ikke nøl med å ta kontakt. + + + Send en mail + + + Bli med i Slack-kanalen + + + Lag en pull request på Github + + + + + +); diff --git a/apps/storybook/stories/documentation/designere/startDesign.mdx b/apps/storybook/stories/documentation/designere/kom-i-gang.mdx similarity index 100% rename from apps/storybook/stories/documentation/designere/startDesign.mdx rename to apps/storybook/stories/documentation/designere/kom-i-gang.mdx diff --git a/apps/storybook/stories/documentation/utils/ComingSoon.tsx b/apps/storybook/stories/documentation/utils/ComingSoon.tsx deleted file mode 100644 index abca3521ca..0000000000 --- a/apps/storybook/stories/documentation/utils/ComingSoon.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { Card, CardBody, Text } from "@kvib/react/src"; - -export const ComingSoon = () => { - return ( - - - - Denne siden er under utvikling.
- Mer informasjon kommer snart. - - - Takk for at du besøker oss!
- Vi jobber hardt med å skape en spennende og nyttig plattform for designere og utviklere. - - - Vennligst kom tilbake senere for å oppdage hva vi har på lager for deg. Din tålmodighet og interesse blir satt - pris på. - - - - ); -}; diff --git a/apps/storybook/stories/documentation/utils/ContributeLinks.tsx b/apps/storybook/stories/documentation/utils/ContributeLinks.tsx index ac16ac7ddd..6b0fdda80d 100644 --- a/apps/storybook/stories/documentation/utils/ContributeLinks.tsx +++ b/apps/storybook/stories/documentation/utils/ContributeLinks.tsx @@ -1,18 +1,24 @@ -import { Link, Flex, Icon } from "@kvib/react/src"; +import { Flex, FlexProps, Icon, Link } from "@kvib/react/src"; -export const ContributeLinks = () => { +export const ContributeLinks = (props: FlexProps) => { return ( - - + + Send en mail - + Bli med i slack-kanalen - - + + Lag en pull-request på github diff --git a/apps/storybook/stories/documentation/utils/Dokumentasjonsside.tsx b/apps/storybook/stories/documentation/utils/Dokumentasjonsside.tsx new file mode 100644 index 0000000000..3ea7550386 --- /dev/null +++ b/apps/storybook/stories/documentation/utils/Dokumentasjonsside.tsx @@ -0,0 +1,26 @@ +import { Flex, Stack, Text } from "@kvib/react/src"; +import { ReactNode } from "react"; + +interface Props { + tittel: string; + beskrivelse?: string; + children: ReactNode; +} + +export const Dokumentasjonsside = ({ tittel, beskrivelse, children }: Props) => ( + + + + + {tittel} + + {beskrivelse && ( + + {beskrivelse} + + )} + + {children} + + +); diff --git a/apps/storybook/stories/documentation/utils/Tekstblokk.tsx b/apps/storybook/stories/documentation/utils/Tekstblokk.tsx new file mode 100644 index 0000000000..5c915a7ece --- /dev/null +++ b/apps/storybook/stories/documentation/utils/Tekstblokk.tsx @@ -0,0 +1,16 @@ +import { Box, Stack, Text } from "@kvib/react/src"; +import { ReactNode } from "react"; + +interface Props { + tittel: string; + children: ReactNode; +} + +export const Tekstblokk = ({ tittel, children }: Props) => ( + + + {tittel} + + {children} + +); diff --git a/apps/storybook/stories/documentation/utviklere/taIBruk.mdx b/apps/storybook/stories/documentation/utviklere/kom-i-gang.mdx similarity index 100% rename from apps/storybook/stories/documentation/utviklere/taIBruk.mdx rename to apps/storybook/stories/documentation/utviklere/kom-i-gang.mdx