Skip to content

Commit

Permalink
chore: fix links to the new Storybook URL (#894)
Browse files Browse the repository at this point in the history
  • Loading branch information
Thunear authored Oct 11, 2023
1 parent 5548d9e commit 5d00997
Show file tree
Hide file tree
Showing 17 changed files with 21 additions and 21 deletions.
2 changes: 1 addition & 1 deletion .storybook/manager-head.html
Original file line number Diff line number Diff line change
Expand Up @@ -202,7 +202,7 @@
<a href="https://designsystemet.no/monstre">Mønstre</a>
</li>
<li class="header__item active">
<a href="https://digdir.github.io/designsystem/">Komponenter</a>
<a href="https://storybook.designsystemet.no/">Komponenter</a>
</li>
</ul>
</div>
Expand Down
4 changes: 2 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 📖

Expand All @@ -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

Expand Down
2 changes: 1 addition & 1 deletion packages/react/src/components/Chip/Chip.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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:

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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 };
Original file line number Diff line number Diff line change
Expand Up @@ -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<HTMLFieldSetElement, LegacyFieldSetProps>(
(
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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<HTMLInputElement, LegacyRadioButtonProps>(
(
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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(
(
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand Down
2 changes: 1 addition & 1 deletion storefront/components/Header/Header.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ const Header = () => {
},
{
name: 'Komponenter',
url: 'https://digdir.github.io/designsystem',
url: 'https://storybook.designsystemet.no',
},
];

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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:[email protected]) 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:[email protected]) 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.

Expand Down
6 changes: 3 additions & 3 deletions storefront/pages/grunnleggende/introduksjon/roadmap.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
2 changes: 1 addition & 1 deletion storefront/pages/grunnleggende/introduksjon/verdier.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand Down
2 changes: 1 addition & 1 deletion storefront/pages/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ export default ({ children }) => <FrontpageLayout content={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={<ComponentIcon fontSize={34} />}
></NavigationCard>
</Section>
Expand Down

0 comments on commit 5d00997

Please sign in to comment.