From 5d00997f9ec88b8a6334d544852bdeff0cd45209 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=98yvind=20Thune?= Date: Wed, 11 Oct 2023 12:46:55 +0200 Subject: [PATCH] chore: fix links to the new Storybook URL (#894) --- .storybook/manager-head.html | 2 +- README.md | 4 ++-- packages/react/src/components/Chip/Chip.mdx | 2 +- .../react/src/components/legacy/LegacyCheckbox/Checkbox.tsx | 2 +- .../components/legacy/LegacyCheckboxGroup/CheckboxGroup.tsx | 2 +- .../react/src/components/legacy/LegacyFieldSet/FieldSet.tsx | 2 +- .../src/components/legacy/LegacyRadioButton/RadioButton.tsx | 2 +- .../src/components/legacy/LegacyRadioGroup/RadioGroup.tsx | 2 +- .../react/src/components/legacy/LegacyTextArea/TextArea.tsx | 2 +- .../src/components/legacy/LegacyTextField/TextField.tsx | 2 +- storefront/components/Header/Header.tsx | 2 +- .../pages/grunnleggende/designelementer/typografi.mdx | 2 +- .../pages/grunnleggende/for-designere/bidra-i-figma.mdx | 2 +- .../pages/grunnleggende/introduksjon/om-designsystemet.mdx | 4 ++-- storefront/pages/grunnleggende/introduksjon/roadmap.mdx | 6 +++--- storefront/pages/grunnleggende/introduksjon/verdier.mdx | 2 +- storefront/pages/index.mdx | 2 +- 17 files changed, 21 insertions(+), 21 deletions(-) diff --git a/.storybook/manager-head.html b/.storybook/manager-head.html index 1611028ea2..cec73bd2a5 100644 --- a/.storybook/manager-head.html +++ b/.storybook/manager-head.html @@ -202,7 +202,7 @@ Mønstre
  • - Komponenter + Komponenter
    • diff --git a/README.md b/README.md index 21b80af1b4..1a29e345a8 100644 --- a/README.md +++ b/README.md @@ -55,7 +55,7 @@ ## Quick links - [Storefront](https://designsystemet.no) -- [Storybook](https://digdir.github.io/designsystem/) +- [Storybook](https://storybook.designsystemet.no/) ## About the design system 📖 @@ -75,7 +75,7 @@ Design tokens contain UI data like colors, fonts and spacing for styling and bui ### Storybook -We use Storybook to develop and test our React components. Check it out [here](https://digdir.github.io/designsystem/). +We use Storybook to develop and test our React components. Check it out [here](https://storybook.designsystemet.no/). ### Storefront diff --git a/packages/react/src/components/Chip/Chip.mdx b/packages/react/src/components/Chip/Chip.mdx index b2370a0016..991d8122cf 100644 --- a/packages/react/src/components/Chip/Chip.mdx +++ b/packages/react/src/components/Chip/Chip.mdx @@ -17,7 +17,7 @@ import { Chip } from './index'; # Chip -`Chips` er små avrundede knapper som kan brukes til å filtrere og navigere gjennom innhold eller data. For eksempel kan de brukes til å filtrere kategorier i et søkeresultat, samt vise hvilke filter som er aktive. Ikke bruk Chip til statisk metadata for å tagge innholdselementer. Bruk heller [Tag](https://digdir.github.io/designsystem/?path=/docs/felles-tag--docs) -komponenten dersom informasjonen ikke er klikkbar. +`Chips` er små avrundede knapper som kan brukes til å filtrere og navigere gjennom innhold eller data. For eksempel kan de brukes til å filtrere kategorier i et søkeresultat, samt vise hvilke filter som er aktive. Ikke bruk Chip til statisk metadata for å tagge innholdselementer. Bruk heller [Tag](https://storybook.designsystemet.no/?path=/docs/felles-tag--docs) -komponenten dersom informasjonen ikke er klikkbar. Chip eksisterer i ulike varianter: diff --git a/packages/react/src/components/legacy/LegacyCheckbox/Checkbox.tsx b/packages/react/src/components/legacy/LegacyCheckbox/Checkbox.tsx index 1cb1be6ce3..0d674f728c 100644 --- a/packages/react/src/components/legacy/LegacyCheckbox/Checkbox.tsx +++ b/packages/react/src/components/legacy/LegacyCheckbox/Checkbox.tsx @@ -60,7 +60,7 @@ export interface LegacyCheckboxProps { readOnly?: boolean; } /** - * @note Replaced by new {@link https://digdir.github.io/designsystem/?path=/docs/felles-checkbox--docs Checkbox} component. + * @note Replaced by new {@link https://storybook.designsystemet.no/?path=/docs/felles-checkbox--docs Checkbox} component. */ const LegacyCheckbox = ({ checkboxId, diff --git a/packages/react/src/components/legacy/LegacyCheckboxGroup/CheckboxGroup.tsx b/packages/react/src/components/legacy/LegacyCheckboxGroup/CheckboxGroup.tsx index 746748afac..7d761a4495 100644 --- a/packages/react/src/components/legacy/LegacyCheckboxGroup/CheckboxGroup.tsx +++ b/packages/react/src/components/legacy/LegacyCheckboxGroup/CheckboxGroup.tsx @@ -139,6 +139,6 @@ LegacyCheckboxGroup.displayName = 'LegacyCheckboxGroup'; /** * * @note - * Replaced by new {@link https://digdir.github.io/designsystem/?path=/docs/felles-checkbox-group--docs Checkbox.Group} component. + * Replaced by new {@link https://storybook.designsystemet.no/?path=/docs/felles-checkbox-group--docs Checkbox.Group} component. */ export { LegacyCheckboxGroup }; diff --git a/packages/react/src/components/legacy/LegacyFieldSet/FieldSet.tsx b/packages/react/src/components/legacy/LegacyFieldSet/FieldSet.tsx index 629003da94..a958cf02f1 100644 --- a/packages/react/src/components/legacy/LegacyFieldSet/FieldSet.tsx +++ b/packages/react/src/components/legacy/LegacyFieldSet/FieldSet.tsx @@ -38,7 +38,7 @@ export type LegacyFieldSetProps = { /** * * @note - * Replaced by new {@link https://digdir.github.io/designsystem/?path=/docs/felles-fieldset--docs Fieldset} component. + * Replaced by new {@link https://storybook.designsystemet.no/?path=/docs/felles-fieldset--docs Fieldset} component. */ const LegacyFieldSet = forwardRef( ( diff --git a/packages/react/src/components/legacy/LegacyRadioButton/RadioButton.tsx b/packages/react/src/components/legacy/LegacyRadioButton/RadioButton.tsx index db9e00b493..3c987fd3ca 100644 --- a/packages/react/src/components/legacy/LegacyRadioButton/RadioButton.tsx +++ b/packages/react/src/components/legacy/LegacyRadioButton/RadioButton.tsx @@ -26,7 +26,7 @@ export interface LegacyRadioButtonProps { /** * * @note - * Replaced by new {@link https://digdir.github.io/designsystem/?path=/docs/felles-radio--docs Radio} component. + * Replaced by new {@link https://storybook.designsystemet.no/?path=/docs/felles-radio--docs Radio} component. */ const LegacyRadioButton = forwardRef( ( diff --git a/packages/react/src/components/legacy/LegacyRadioGroup/RadioGroup.tsx b/packages/react/src/components/legacy/LegacyRadioGroup/RadioGroup.tsx index 84ab3125e2..2eb7ff3948 100644 --- a/packages/react/src/components/legacy/LegacyRadioGroup/RadioGroup.tsx +++ b/packages/react/src/components/legacy/LegacyRadioGroup/RadioGroup.tsx @@ -33,7 +33,7 @@ export interface LegacyRadioGroupProps { /** * * @note - * Replaced by new {@link https://digdir.github.io/designsystem/?path=/docs/felles-radio-group--docs Radio.Group} component. + * Replaced by new {@link https://storybook.designsystemet.no/?path=/docs/felles-radio-group--docs Radio.Group} component. */ const LegacyRadioGroup = ({ description, diff --git a/packages/react/src/components/legacy/LegacyTextArea/TextArea.tsx b/packages/react/src/components/legacy/LegacyTextArea/TextArea.tsx index 12f41c25ac..52965f191c 100644 --- a/packages/react/src/components/legacy/LegacyTextArea/TextArea.tsx +++ b/packages/react/src/components/legacy/LegacyTextArea/TextArea.tsx @@ -26,7 +26,7 @@ export type LegacyTextAreaProps = { /** * * @note - * Replaced by new {@link https://digdir.github.io/designsystem/?path=/docs/felles-textarea--docs Textarea} component. + * Replaced by new {@link https://storybook.designsystemet.no/?path=/docs/felles-textarea--docs Textarea} component. */ export const LegacyTextArea = forwardRef( ( diff --git a/packages/react/src/components/legacy/LegacyTextField/TextField.tsx b/packages/react/src/components/legacy/LegacyTextField/TextField.tsx index 4d76c23bd3..d5271a961d 100644 --- a/packages/react/src/components/legacy/LegacyTextField/TextField.tsx +++ b/packages/react/src/components/legacy/LegacyTextField/TextField.tsx @@ -95,7 +95,7 @@ const replaceTargetValueWithUnformattedValue = ({ /** * * @note - * Replaced by new {@link https://digdir.github.io/designsystem/?path=/docs/felles-textfield--docs Textfield} component. + * Replaced by new {@link https://storybook.designsystemet.no/?path=/docs/felles-textfield--docs Textfield} component. */ export const LegacyTextField = forwardRef< HTMLInputElement, diff --git a/storefront/components/Header/Header.tsx b/storefront/components/Header/Header.tsx index 587b72c850..47a548a177 100644 --- a/storefront/components/Header/Header.tsx +++ b/storefront/components/Header/Header.tsx @@ -35,7 +35,7 @@ const Header = () => { }, { name: 'Komponenter', - url: 'https://digdir.github.io/designsystem', + url: 'https://storybook.designsystemet.no', }, ]; diff --git a/storefront/pages/grunnleggende/designelementer/typografi.mdx b/storefront/pages/grunnleggende/designelementer/typografi.mdx index 97a8ecd95a..64c11d3de7 100644 --- a/storefront/pages/grunnleggende/designelementer/typografi.mdx +++ b/storefront/pages/grunnleggende/designelementer/typografi.mdx @@ -17,7 +17,7 @@ export default ({ children, menu }) => ( /> ); -For å presentere tekst på korrekt måte er det laget stiler som har ulike kombinasjoner av størrelse, fontvekt og linjehøyde. Det er også laget et sett med [typografi-komponenter](https://digdir.github.io/designsystem/?path=/docs/kjernekomponenter-typography--docs) som wrapper typografi-stilene og har innebygd spacing. +For å presentere tekst på korrekt måte er det laget stiler som har ulike kombinasjoner av størrelse, fontvekt og linjehøyde. Det er også laget et sett med [typografi-komponenter](https://https://storybook.designsystemet.no/?path=/docs/kjernekomponenter-typography--docs) som wrapper typografi-stilene og har innebygd spacing. ## Font-family diff --git a/storefront/pages/grunnleggende/for-designere/bidra-i-figma.mdx b/storefront/pages/grunnleggende/for-designere/bidra-i-figma.mdx index 97e5c9bb2d..74c9383b90 100644 --- a/storefront/pages/grunnleggende/for-designere/bidra-i-figma.mdx +++ b/storefront/pages/grunnleggende/for-designere/bidra-i-figma.mdx @@ -74,7 +74,7 @@ Det er et par ting å tenke på når komponenter lages i Figma: - Instruksjoner eller informasjon som er essensiell for brukeren skal ikke være kun markert visuelt. Eksempel kan være å bruke ikon eller tekst i tillegg til rødfarge som indikerer at noe feiler. - Focus: Alle elementer skal ha en visuell markør som blir synlig når elementet får tastaturfokus. Fokusmarkøren skal ha god nok konrast til bakgrunn, for å oppnå dette bruker vi en sort border (2px) og en gul outline (3px) i tillegg. -- Når komponenten er klar markeres den som "Ready for review". Den blir testet av andre og etter eventuelle justeringer markeres den som "[Ready for development](https://help.figma.com/hc/en-us/articles/15023124644247-Guide-to-Dev-Mode)". Når den er utviklet som en React-komponent lenker vi til komponentsiden i [Storybook](https://digdir.github.io/designsystem). +- Når komponenten er klar markeres den som "Ready for review". Den blir testet av andre og etter eventuelle justeringer markeres den som "[Ready for development](https://help.figma.com/hc/en-us/articles/15023124644247-Guide-to-Dev-Mode)". Når den er utviklet som en React-komponent lenker vi til komponentsiden i [Storybook](https://storybook.designsystemet.no). ### Oppdatere tokens diff --git a/storefront/pages/grunnleggende/introduksjon/om-designsystemet.mdx b/storefront/pages/grunnleggende/introduksjon/om-designsystemet.mdx index d48df46302..2226d256cf 100644 --- a/storefront/pages/grunnleggende/introduksjon/om-designsystemet.mdx +++ b/storefront/pages/grunnleggende/introduksjon/om-designsystemet.mdx @@ -64,12 +64,12 @@ For å kunne gjøre dette trenger vi - [Et bibliotek i Figma](https://www.figma.com/@designsystemet) med generiske, fleksible komponenter som kan styles ulikt - [Design Tokens](/grunnleggende/designelementer/design-tokens) som sørger for en "single source of truth" og støtter multibranding -- [Kodede komponenter](https://digdir.github.io/designsystem/) i et godt dokumentert bibliotek +- [Kodede komponenter](https://storybook.designsystemet.no) i et godt dokumentert bibliotek - [Et felles innsiktsbibliotek](https://github.com/digdir/innsiktsbibliotek) som kan lenkes opp mot konkrete komponenter og interaksjonsmønstre ### Hvordan få til et samarbeid? -En viktig verdi for oss er å være åpne og transparente, og vi tror dette er avgjørende for å få til et samarbeid på tvers. Alt vi gjør deler vi åpent - [kildekode](https://github.com/digdir/designsystem), [backlog](https://github.com/orgs/digdir/projects/3/views/1), [sprint-planlegging](https://github.com/orgs/digdir/projects/3/views/8), [roadmap](https://github.com/orgs/digdir/projects/3/views/1?pane=issue&itemId=19744450), [Figma](https://www.figma.com/file/vpM9dqqQPHqU6ogfKp5tlr/Felles-komponenter?node-id=6615%3A20148&t=rJYuezxREbfP1OVv-1), [Storybook](https://digdir.github.io/designsystem/). Vi har også ukentlige designsystem-møter som er åpne for alle interessenter. Her forteller vi om hva vi har jobbet med siden sist og tar imot innspill og behov. [Ta kontakt](mailto:designsystem@digdir.no) om du vil ha tilsendt en møteinvitasjon (via Teams). +En viktig verdi for oss er å være åpne og transparente, og vi tror dette er avgjørende for å få til et samarbeid på tvers. Alt vi gjør deler vi åpent - [kildekode](https://github.com/digdir/designsystem), [backlog](https://github.com/orgs/digdir/projects/3/views/1), [sprint-planlegging](https://github.com/orgs/digdir/projects/3/views/8), [roadmap](https://github.com/orgs/digdir/projects/3/views/1?pane=issue&itemId=19744450), [Figma](https://www.figma.com/file/vpM9dqqQPHqU6ogfKp5tlr/Felles-komponenter?node-id=6615%3A20148&t=rJYuezxREbfP1OVv-1), [Storybook](https://storybook.designsystemet.no). Vi har også ukentlige designsystem-møter som er åpne for alle interessenter. Her forteller vi om hva vi har jobbet med siden sist og tar imot innspill og behov. [Ta kontakt](mailto:designsystem@digdir.no) om du vil ha tilsendt en møteinvitasjon (via Teams). Vi har ikke fasiten på hvordan vi best kan samarbeide om et felles designsystem, men en mulig løsning kunne vært en tverretatlig arbeidsgruppe som finner ut hvordan vi kan kombinere det vi allerede har av eksisterende ressurser hos ulike offentlige aktører, og videreutvikler dette i fellesskap. De offentlige aktørene som blir med på samarbeidet, bør stille med ressurser med riktig fagkompetanse som representerer deres organisasjon og deres brukere. diff --git a/storefront/pages/grunnleggende/introduksjon/roadmap.mdx b/storefront/pages/grunnleggende/introduksjon/roadmap.mdx index ab4cb688be..17bd22d221 100644 --- a/storefront/pages/grunnleggende/introduksjon/roadmap.mdx +++ b/storefront/pages/grunnleggende/introduksjon/roadmap.mdx @@ -20,12 +20,12 @@ export default ({ children, menu }) => ( **Fokus Q1:** Etablere designsystem-team i Digdir, gameplan, forstå behov og utforske grunnleggende oppsett for designsystemet \ **Fokus Q2:** Lande konsept, grunnleggende designelementer og oppsett \ -**Fokus Q3:** Få eksisterende komponenter opp på ønsket nivå ([V1](https://digdir.github.io/designsystem/)) \ -**Fokus Q4:** Nye komponenter ([V1](https://digdir.github.io/designsystem/)) +**Fokus Q3:** Få eksisterende komponenter opp på ønsket nivå ([V1](https://storybook.designsystemet.no)) \ +**Fokus Q4:** Nye komponenter ([V1](https://storybook.designsystemet.no)) 🧭 [Se detaljert roadmap i Github](https://github.com/digdir/designsystem/issues/468) -✅ [Se status på komponenter](https://digdir.github.io/designsystem/) +✅ [Se status på komponenter](https://storybook.designsystemet.no) ### + Utforske samarbeidsmuligheter diff --git a/storefront/pages/grunnleggende/introduksjon/verdier.mdx b/storefront/pages/grunnleggende/introduksjon/verdier.mdx index fbf8efd7d5..5454a802ca 100644 --- a/storefront/pages/grunnleggende/introduksjon/verdier.mdx +++ b/storefront/pages/grunnleggende/introduksjon/verdier.mdx @@ -28,7 +28,7 @@ Målet er at designsystemet skal bidra til mer helhetlige og konsistente brukero ## Samarbeid og åpenhet -Designsystemet er basert på en filosofi om samarbeid, og det er ønskelig at det utvikles i samarbeid mellom offentlige aktører. Det skal være enkelt for alle å ta eierskap til designsystemet og involvere seg med bidrag og innspill. Alt vi gjør deler vi åpent - [kildekode](https://github.com/digdir/designsystem), [backlog](https://github.com/orgs/digdir/projects/3/views/1), [roadmap](https://github.com/orgs/digdir/projects/3/views/1?pane=issue&itemId=19744450), [Figma](https://www.figma.com/file/vpM9dqqQPHqU6ogfKp5tlr/Felles-komponenter?type=design&node-id=503%3A3192&mode=design&t=Pou3e2YNIkM4t0Av-1), [Storybook](https://digdir.github.io/designsystem/) og [dokumentasjon](designsystemet.no). +Designsystemet er basert på en filosofi om samarbeid, og det er ønskelig at det utvikles i samarbeid mellom offentlige aktører. Det skal være enkelt for alle å ta eierskap til designsystemet og involvere seg med bidrag og innspill. Alt vi gjør deler vi åpent - [kildekode](https://github.com/digdir/designsystem), [backlog](https://github.com/orgs/digdir/projects/3/views/1), [roadmap](https://github.com/orgs/digdir/projects/3/views/1?pane=issue&itemId=19744450), [Figma](https://www.figma.com/file/vpM9dqqQPHqU6ogfKp5tlr/Felles-komponenter?type=design&node-id=503%3A3192&mode=design&t=Pou3e2YNIkM4t0Av-1), [Storybook](https://storybook.designsystemet.no) og [dokumentasjon](designsystemet.no). Det som ligger i designsystemet er ikke hugget i stein - det er ønskelig at vi skal skape dette i fellesskap og at det skal fungere for flere. Alle innspill, argumenter, innsikt og bidrag er velkomne. Det skal være enkel vei til endring dersom bidraget fører til bedre løsninger. diff --git a/storefront/pages/index.mdx b/storefront/pages/index.mdx index d55683364b..ed8db40cf4 100644 --- a/storefront/pages/index.mdx +++ b/storefront/pages/index.mdx @@ -47,7 +47,7 @@ export default ({ children }) => ; title='Komponenter' description='Se oversikten over UI-komponentene som er laget i react.' color='red' - url='https://digdir.github.io/designsystem' + url='https://storybook.designsystemet.no' icon={} >