From 86e79e6988f0c59a88562380c2855a78cc6e428e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marianne=20R=C3=B8svik?= Date: Thu, 28 Sep 2023 09:24:44 +0200 Subject: [PATCH 01/10] docs: guidelines for accordion (#835) Co-authored-by: Michael Marszalek Co-authored-by: Tomas Engebretsen --- .../src/components/Accordion/Accordion.mdx | 106 +++++++++++++--- .../Accordion/Accordion.stories.tsx | 118 ++++++++++++++---- packages/react/src/components/Alert/Alert.mdx | 12 +- 3 files changed, 185 insertions(+), 51 deletions(-) diff --git a/packages/react/src/components/Accordion/Accordion.mdx b/packages/react/src/components/Accordion/Accordion.mdx index 05ac664636..2483fe5e1a 100644 --- a/packages/react/src/components/Accordion/Accordion.mdx +++ b/packages/react/src/components/Accordion/Accordion.mdx @@ -14,26 +14,17 @@ import { Accordion } from '.'; # Accordion -Accordion er en vertikalt stablet gruppe interaktive overskrifter som hver inneholder en tittel, en kort tekst eller et miniatyrbilde som representerer -en seksjon av innholdet. Overskriftene fungerer som kontroller som lar brukere vise eller skjule de tilknyttede seksjonene med innhold. -Accordion brukes ofte for å redusere behovet for å skrolle ned når man presenterer flere seksjoner med innhold på en enkelt side. +Med `Accordion` kan du presentere mye innhold på liten plass i en eller flere rader. Hele raden er klikkbar og lar brukere åpne eller lukke visningen av innholdet under. -## Props +**Vær oppmerksom på:** - - - -### Accordion.Item - - - -### Accordion.Header - - +- Ved å legge innhold i `Accordion` risikerer du at det ikke blir sett av brukerne. Innhold som er viktig bør _ikke_ skjules. +- Ikke legg en `Accordion` inni en annen. -### Accordion.Content +
- + + ## Bruk @@ -55,8 +46,87 @@ import { Accordion } from '@digdir/design-system-react'; ; ``` -## Varianter +## Eksempler -### Kontrollert +
+### Med ramme + +`Accordion` kan vises med ramme. Dette kan passe i tilfeller der accordions ikke fyller hele siden, eller når det kun er en rad. + + + +### Med farger + +`Accordion` kan vises i farger fra ditt brand. + + + +#### Kontrollert + +`Accordion` holder selv orden på når den er lukket/åpen, men kan kontrolleres utenfra. + +
+ +## Retningslinjer + +Tester viser at brukerne sjeldnere ser på skjult innhold, enn det som er synlig direkte på siden. Ikke bruk `Accordion` til å skjule innhold for å gjøre siden "ryddigere". Finn ut om du faktisk må skjule innhold og vær klar over hvorfor du gjør det. Tenk over om det er lurt å vise det viktigste innholdet i åpen status når brukeren kommer inn på siden. + +Hvis innholdet er for langt eller komplisert, bør du heller omformulere teksten og/eller eventuelt fordele den på flere sider. + +### Egnet til + +- samle innhold som er litt lengre +- gjøre det frivillig å se innhold som er litt mindre viktig enn alltid synlig innhold +- vise ofte stilte spørsmål +- vise tilleggsinformasjon som kan være til hjelp for brukerne + +### Ikke egnet til + +- vise små mengder innhold +- vise informasjon hvis det bare er ett element +- vise viktig innhold som alle bør se når de kommer til siden (for eksempel feilmeldinger) +- gi mer informasjon om et spørsmål i et skjema – det innholdet bør brukeren se med en gang +- velge mellom ulike alternativer +- skjule innhold fra søkeresultater eller oversikter/tabeller +- dele opp en logisk flyt eller en rekke med handlinger, da bør du heller bruke en trinnvis liste + +### Unngå + +- Ikke legg en `Accordion` inni en annen, det vi kaller nøstede lister. + +
+ +## Tekst i komponenten + +Accordion skal brukes til maksimalt to avsnitt innenfor hvert nedtrekk. Sørg for at overskriften gir en god beskrivelse av hva innholdet i accordion er. En tydelig og beskrivende overskrift skal gjøre brukerne nysgjerrige på innholdet. Overskriftene til accordion kan ha stor betydning for om brukerne finner det de trenger, om innholdet blir lest og om det kan regnes som tilgjengelig for alle brukere. «Vis mer» eller «Les mer her» er ikke gode nok titler. Har du en accordion med mange nedtrekk, kan du ha en hovedoverskrift eller temaoverskrift over hele listen. + +
+ +## Tilgjengelighet + +[`Chevron`](https://aksel.nav.no/ikoner/ChevronDown)-ikonet er bevisst plassert til venstre for teksten, av hensyn til brukeren med nedsatt synsfelt. Der er det lettere for brukeren å se det (fordi vi leser fra venstre). Mange brukere tror at de må peke på og velge ikonet for å åpne. + +Ikke plasser andre interaktive elementer inn i `Accordion`-header, da hele raden skal være klikkbar. Ikonet og teksten skal _ikke_ lenke til ulike handlinger (for eksempel at teksten går videre til en side, mens ikonet åpner listen). Brukerne forventer ikke at ikon og tekst skal gi ulikt resultat når de velger dem. + +`Tab` : Flytter fokus til neste element som kan ha fokus \ +`Shift` + `Tab` : Flytter fokus til forrige element som kan ha fokus \ +`Space` : Aktiverer knapp \ +`Enter` : Aktiverer knapp + +
+ +## Andre props + +### Accordion.Item + + + +### Accordion.Header + + + +### Accordion.Content + + diff --git a/packages/react/src/components/Accordion/Accordion.stories.tsx b/packages/react/src/components/Accordion/Accordion.stories.tsx index 2b643d0219..31e469ab89 100644 --- a/packages/react/src/components/Accordion/Accordion.stories.tsx +++ b/packages/react/src/components/Accordion/Accordion.stories.tsx @@ -1,6 +1,8 @@ import React, { useState } from 'react'; import type { Meta, StoryFn } from '@storybook/react'; +import { Button, Link } from '../'; + import { Accordion } from '.'; export default { @@ -14,20 +16,62 @@ export default { export const Preview: StoryFn = (args) => ( - Hva er Lorem Ipsum? + + Hvem kan registrere seg i Frivillighetsregisteret? + + + For å kunne bli registrert i Frivillighetsregisteret, må organisasjonen + drive frivillig virksomhet. Det er bare foreninger, stiftelser og + aksjeselskap som kan registreres. Virksomheten kan ikke dele ut midler + til fysiske personer. Virksomheten må ha et styre. + + + + + Hvordan går jeg fram for å registrere i Frivillighetsregisteret? + + + Virksomheten må være registrert i Enhetsregisteret før den kan bli + registrert i Frivillighetsregisteret. Du kan registrere i begge + registrene samtidig i Samordnet registermelding. + + + +); + +export const AccordionBorder: StoryFn = () => ( + + + Vedlegg + Vedlegg 1, vedlegg 2, vedlegg 3 + + +); + +export const AccordionColor: StoryFn = () => ( + + + + Hvordan får jeg tildelt et jegernummer? + - Lorem Ipsum er rett og slett dummytekst fra og for trykkeindustrien. - Lorem Ipsum har vært bransjens standard for dummytekst helt siden - 1500-tallet, da en ukjent boktrykker stokket en mengde bokstaver for å - lage et prøveeksemplar av en bok. + Du vil automatisk få tildelt jegernummer og bli registrert i + Jegerregisteret når du har bestått jegerprøven. - Hvor kommer det fra? + + Jeg har glemt jegernummeret mitt. Hvor finner jeg dette? + - I motsetning til hva mange tror, er ikke Lorem Ipsum bare tilfeldig - tekst. Dets røtter springer helt tilbake til et stykke klassisk latinsk - litteratur fra 45 år f.kr., hvilket gjør det over 2000 år gammelt. + Du kan finne dette ved å logge inn på{' '} + Min jegerside @@ -41,22 +85,48 @@ Preview.args = { export const Controlled: StoryFn = () => { const [open, setOpen] = useState(false); - const [open2, setOpen2] = useState(false); return ( - - - setOpen(!open)}> - Accordion header text - - Accordion content - - - setOpen2(!open2)}> - Accordion header text - - Accordion content - - + <> + +
+ + + setOpen(!open)}> + Enkeltpersonforetak + + + Skal du starte for deg selv? Enkeltpersonforetak er ofte den + enkleste måten å etablere bedrift på. Denne organisasjonsformen har + både fordeler og ulemper. Det gir deg stor grad av frihet, men kan + også gi betydelig risiko fordi du har personlig ansvar for + økonomien. + + + + setOpen(!open)}> + Aksjeselskap (AS) + + + Planlegger du å starte næringsvirksomhet alene eller sammen med + andre? Innebærer næringsvirksomheten en økonomisk risiko? Vil du ha + rettigheter som arbeidstaker og muligheten til at andre kan + investere i selskapet ditt? Da kan aksjeselskap være en + hensiktsmessig organisasjonsform. + + + + setOpen(!open)}> + Ansvarlig selskap (ANS/DA) + + + Er dere minst to personer som skal starte opp egen virksomhet? + Samarbeider du godt med den/de som du skal starte opp sammen med? + Krever virksomheten få investeringer og tar du liten økonomisk + risiko? Da kan du vurdere å etablere et ansvarlig selskap. + + + + ); }; diff --git a/packages/react/src/components/Alert/Alert.mdx b/packages/react/src/components/Alert/Alert.mdx index da5b6aceb7..8728dd45bb 100644 --- a/packages/react/src/components/Alert/Alert.mdx +++ b/packages/react/src/components/Alert/Alert.mdx @@ -27,9 +27,9 @@ import { Alert } from '@digdir/design-system-react'; You are using the Alert component!; ``` -## Varianter med eksempler +## Eksempler -`Alert` har flere varianter fordi den kan brukes til fire ulike budskap: Informasjon, advarsler, suksess og feilmelding. +`Alert` kan brukes til fire ulike budskap: Informasjon, advarsler, suksess og feilmelding. Den kan også brukes sammen med andre komponenter og stiler. Her er noen eksempler.
@@ -57,13 +57,7 @@ Bruk `danger` for å informere om noe som er kritisk eller som hindrer brukeren -## Andre eksempler - -`Alert` kan brukes sammen med andre komponenter og stiler. Her er noen eksempler. - -
- -### Med overskrift +### Med og uten overskrift Hvis meldingen er lenger enn en setning kan det være nyttig å bruke en overskrift til å fremheve det viktigste. Dette kan gjøres ved bruk av [Typografi](/docs/felles-typography--docs)-komponentene. Husk å velge riktig overskriftsnivå ut fra plassen alert har i innholdsstrukturen på siden. From b3fa591d86bbf2b497a618464e3f3af10b852ad6 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Thu, 28 Sep 2023 11:18:49 +0200 Subject: [PATCH 02/10] feat(Button, Chip, Accordion): :recycle: Change components to use the same class for focus behaviour (#868) --- .../src/components/Accordion/Accordion.module.css | 14 -------------- .../Accordion/AccordionHeader/AccordionHeader.tsx | 2 ++ .../react/src/components/Button/Button.module.css | 1 - packages/react/src/components/Button/Button.tsx | 2 ++ .../components/Chip/_ChipBase/ChipBase.module.css | 9 --------- .../src/components/Chip/_ChipBase/ChipBase.tsx | 2 ++ packages/react/src/utils/utility.module.css | 3 +-- 7 files changed, 7 insertions(+), 26 deletions(-) diff --git a/packages/react/src/components/Accordion/Accordion.module.css b/packages/react/src/components/Accordion/Accordion.module.css index fcd18e92b1..0600799003 100644 --- a/packages/react/src/components/Accordion/Accordion.module.css +++ b/packages/react/src/components/Accordion/Accordion.module.css @@ -67,20 +67,6 @@ padding-left: var(--fdsc-accordion-header-padding-left); } -.header > button:focus-visible, -.header > button:focus { - --fdsc-focus-border-width: 3px; - - outline: var(--fdsc-focus-border-width) solid var(--fds-semantic-border-focus-outline); - outline-offset: var(--fdsc-focus-border-width); - box-shadow: 0 0 0 var(--fdsc-focus-border-width) var(--fds-semantic-border-neutral-strong); - border-radius: var(--fds-border_radius-interactive); -} - -.header > .button:focus:not(:focus-visible) { - outline: none; -} - @media (hover: hover) and (pointer: fine) { .header > button:hover { color: var(--fdsc-accordion-header-color-hover); diff --git a/packages/react/src/components/Accordion/AccordionHeader/AccordionHeader.tsx b/packages/react/src/components/Accordion/AccordionHeader/AccordionHeader.tsx index 6f5e917ad4..d100d78e9b 100644 --- a/packages/react/src/components/Accordion/AccordionHeader/AccordionHeader.tsx +++ b/packages/react/src/components/Accordion/AccordionHeader/AccordionHeader.tsx @@ -5,6 +5,7 @@ import React, { forwardRef, useContext } from 'react'; import { Paragraph, Heading } from '../..'; import classes from '../Accordion.module.css'; +import utilityClasses from '../../../utils/utility.module.css'; import { AccordionItemContext } from '../AccordionItem'; export type AccordionHeaderProps = { @@ -44,6 +45,7 @@ export const AccordionHeader = forwardRef< > + +
+ + } + > + Pistachio + + + Peanut + + } + > + Walnut + + +
+ You have chosen: {value} + + ); +}; diff --git a/packages/react/src/components/ToggleGroup/ToggleGroup.test.tsx b/packages/react/src/components/ToggleGroup/ToggleGroup.test.tsx new file mode 100644 index 0000000000..d06936c25c --- /dev/null +++ b/packages/react/src/components/ToggleGroup/ToggleGroup.test.tsx @@ -0,0 +1,131 @@ +import React from 'react'; +import { render, screen } from '@testing-library/react'; +import userEvent from '@testing-library/user-event'; + +import { ToggleGroup } from '.'; + +const user = userEvent.setup(); + +describe('ToggleGroup', () => { + test('has generated name for ToggleGroupItem children', () => { + render( + + test + , + ); + + const item = screen.getByRole('radio'); + expect(item).toHaveAttribute('name'); + }); + + test('has passed name to ToggleGroupItem children', (): void => { + render( + + test + , + ); + + const item = screen.getByRole('radio'); + expect(item.name).toEqual('my name'); + }); + test('has passed size to ToggleGroupItem children', (): void => { + render( + + test + , + ); + + const item = screen.getByRole('radio'); + expect(item).toHaveClass('medium'); + }); + test('can navigate with tab and arrow keys', async () => { + render( + + test + test2 + test3 + , + ); + + const item1 = screen.getByRole('radio', { + name: 'test', + }); + const item2 = screen.getByRole('radio', { + name: 'test2', + }); + const item3 = screen.getByRole('radio', { + name: 'test3', + }); + await user.tab(); + expect(item1).toHaveFocus(); + await user.type(item1, '{arrowright}'); + expect(item2).toHaveFocus(); + await user.type(item2, '{arrowright}'); + expect(item3).toHaveFocus(); + await user.type(item3, '{arrowleft}'); + expect(item2).toHaveFocus(); + }); + test('has correct ToggleGroupItem defaultChecked & checked when defaultValue is used', () => { + render( + + test1 + test2 + test3 + , + ); + + const item = screen.getByRole('radio', { + name: 'test2', + }); + expect(item).toHaveAttribute('aria-checked', 'true'); + }); + test('has passed clicked ToggleGroupItem element to onChange', async () => { + let onChangeValue = ''; + + render( + (onChangeValue = value)}> + test1 + test2 + , + ); + + const item = screen.getByRole('radio', { + name: 'test2', + }); + + expect(item).toHaveAttribute('aria-checked', 'false'); + + await user.click(item); + + expect(onChangeValue).toEqual('test2'); + expect(item).toHaveAttribute('aria-checked', 'true'); + }); + test('has passed clicked ToggleGroupItem element to onChange when defaultValue is used', async () => { + let onChangeValue = ''; + + render( + (onChangeValue = value)} + > + test1 + test2 + , + ); + + const item1 = screen.getByRole('radio', { + name: 'test1', + }); + const item2 = screen.getByRole('radio', { + name: 'test2', + }); + + expect(item1).toHaveAttribute('aria-checked', 'true'); + expect(item2).toHaveAttribute('aria-checked', 'false'); + + await user.click(item2); + + expect(onChangeValue).toEqual('test2'); + expect(item2).toHaveAttribute('aria-checked', 'true'); + }); +}); diff --git a/packages/react/src/components/ToggleGroup/ToggleGroup.tsx b/packages/react/src/components/ToggleGroup/ToggleGroup.tsx new file mode 100644 index 0000000000..9f01c90805 --- /dev/null +++ b/packages/react/src/components/ToggleGroup/ToggleGroup.tsx @@ -0,0 +1,89 @@ +import type { HTMLAttributes } from 'react'; +import React, { createContext, forwardRef, useId, useState } from 'react'; +import cn from 'classnames'; + +import { RovingTabindexRoot } from '../../utility-components/RovingTabIndex'; + +import classes from './ToggleGroup.module.css'; + +export type ToggleGroupContextProps = { + value?: string; + defaultValue?: string; + onChange?: (value: string) => void; + name?: string; + size?: 'small' | 'medium' | 'large'; +}; + +export const ToggleGroupContext = createContext({}); + +export type ToggleGroupProps = { + /** Controlled state for `ToggleGroup` component. */ + value?: string; + /** Default value. */ + defaultValue?: string; + /** Callback with selected `ToggleGroupItem` `value` */ + onChange?: (value: string) => void; + /** Form element name */ + name?: string; + /** Changes items size and paddings */ + size?: 'small' | 'medium' | 'large'; +} & Omit, 'value' | 'onChange'>; + +/** `ToggleGroup` component. + * @example + * ```tsx + * console.log(value)}> + * Toggle 1 + * Toggle 2 + * Toggle 3 + * + * ``` + */ +export const ToggleGroup = forwardRef( + ( + { children, value, defaultValue, onChange, size = 'medium', name, ...rest }, + ref, + ) => { + const nameId = useId(); + const isControlled = value !== undefined; + const [uncontrolledValue, setUncontrolledValue] = useState< + string | undefined + >(defaultValue); + + let onValueChange = onChange; + if (!isControlled) { + onValueChange = (newValue: string) => { + setUncontrolledValue(newValue); + onChange?.(newValue); + }; + value = uncontrolledValue; + } + + return ( +
+ + + {children} + + +
+ ); + }, +); diff --git a/packages/react/src/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.module.css b/packages/react/src/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.module.css new file mode 100644 index 0000000000..ff805e0589 --- /dev/null +++ b/packages/react/src/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.module.css @@ -0,0 +1,15 @@ +.toggleGroupItem.small { + padding: var(--fds-spacing-1) var(--fds-spacing-2); +} + +.toggleGroupItem.medium { + padding: var(--fds-spacing-2) var(--fds-spacing-3); +} + +.toggleGroupItem.large { + padding: var(--fds-spacing-2) var(--fds-spacing-3); +} + +.toggleGroupItem:focus-visible { + z-index: 1; +} diff --git a/packages/react/src/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.tsx b/packages/react/src/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.tsx new file mode 100644 index 0000000000..ced224c6d6 --- /dev/null +++ b/packages/react/src/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.tsx @@ -0,0 +1,47 @@ +import type { ButtonHTMLAttributes } from 'react'; +import React, { forwardRef } from 'react'; +import cn from 'classnames'; + +import { Button } from '../../Button'; +import { RovingTabindexItem } from '../../../utility-components/RovingTabIndex'; + +import classes from './ToggleGroupItem.module.css'; +import { useToggleGroupItem } from './useToggleGroupitem'; + +export type ToggleGroupItemProps = { + /** The value of the ToggleGroupItem. If not set, the string value of the items children will be used. */ + value?: string; + /** Icon to be displayed on the ToggleGroupItem */ + icon?: React.ReactNode; + /** The text to be displayed on the ToggleGroupItem */ + children?: string; +} & Omit, 'value' | 'children'>; + +export const ToggleGroupItem = forwardRef< + HTMLButtonElement, + ToggleGroupItemProps +>((props, ref) => { + const { children, icon, ...rest } = props; + const { active, size = 'medium', buttonProps } = useToggleGroupItem(props); + return ( + + {children} + + ); +}); diff --git a/packages/react/src/components/ToggleGroup/ToggleGroupItem/useToggleGroupitem.ts b/packages/react/src/components/ToggleGroup/ToggleGroupItem/useToggleGroupitem.ts new file mode 100644 index 0000000000..cc247c279b --- /dev/null +++ b/packages/react/src/components/ToggleGroup/ToggleGroupItem/useToggleGroupitem.ts @@ -0,0 +1,43 @@ +import { useContext, useId } from 'react'; + +import { ToggleGroupContext } from '../ToggleGroup'; +import type { ButtonProps } from '../../Button'; + +import type { ToggleGroupItemProps } from './ToggleGroupItem'; + +type UseToggleGroupItem = (props: ToggleGroupItemProps) => { + active: boolean; + size?: 'small' | 'medium' | 'large'; + buttonProps?: Pick< + ButtonProps, + 'id' | 'onClick' | 'role' | 'aria-checked' | 'aria-current' | 'name' + >; +}; + +/** Handles props for `ToggleGroup.Item` in context with `ToggleGroup` and `RovingTabIndex` */ +export const useToggleGroupItem: UseToggleGroupItem = ( + props: ToggleGroupItemProps, +) => { + const { ...rest } = props; + const toggleGroup = useContext(ToggleGroupContext); + const itemValue = + props.value ?? (typeof props.children === 'string' ? props.children : ''); + const active = toggleGroup.value == itemValue; + const buttonId = `togglegroup-item-${useId()}`; + + return { + ...rest, + active: active, + size: toggleGroup?.size, + buttonProps: { + id: buttonId, + 'aria-checked': active, + 'aria-current': active, + role: 'radio', + name: toggleGroup.name, + onClick: () => { + toggleGroup.onChange?.(itemValue); + }, + }, + }; +}; diff --git a/packages/react/src/components/ToggleGroup/index.ts b/packages/react/src/components/ToggleGroup/index.ts new file mode 100644 index 0000000000..5dff99b03e --- /dev/null +++ b/packages/react/src/components/ToggleGroup/index.ts @@ -0,0 +1,17 @@ +import { ToggleGroup as ToggleGroupRoot } from './ToggleGroup'; +import { ToggleGroupItem } from './ToggleGroupItem/ToggleGroupItem'; + +export type { ToggleGroupProps } from './ToggleGroup'; +export type { ToggleGroupItemProps } from './ToggleGroupItem/ToggleGroupItem'; + +type ToggleGroupComponent = typeof ToggleGroupRoot & { + Item: typeof ToggleGroupItem; +}; + +const ToggleGroup = ToggleGroupRoot as ToggleGroupComponent; + +ToggleGroup.Item = ToggleGroupItem; + +ToggleGroup.Item.displayName = 'ToggleGroup.Item'; + +export { ToggleGroup }; diff --git a/packages/react/src/utility-components/RovingTabIndex/RovingTabindexItem.tsx b/packages/react/src/utility-components/RovingTabIndex/RovingTabindexItem.tsx new file mode 100644 index 0000000000..6ba5b4d674 --- /dev/null +++ b/packages/react/src/utility-components/RovingTabIndex/RovingTabindexItem.tsx @@ -0,0 +1,75 @@ +// Logic from: https://www.joshuawootonn.com/react-roving-tabindex +// Inspired by: https://github.com/radix-ui/primitives/tree/main/packages/react/roving-focus/src + +import React, { forwardRef } from 'react'; +import type { HTMLAttributes } from 'react'; +import { useMergeRefs } from '@floating-ui/react'; + +import type { OverridableComponent } from '../../types/OverridableComponent'; + +import type { RovingTabindexElement } from './RovingTabindexRoot'; + +import { useRovingTabindex } from '.'; + +type RovingTabindexItemProps = { + /** The value of the `RovingTabindexItem` used to determine which item should have focus. */ + value?: string; +} & HTMLAttributes; + +/** Get the next focusable RovingTabindexItem */ +export function getNextFocusableValue( + items: RovingTabindexElement[], + value: string, +): RovingTabindexElement | undefined { + const currIndex = items.findIndex((item) => item.value === value); + return items.at(currIndex === items.length - 1 ? 0 : currIndex + 1); +} + +/** Get the previous focusable RovingTabindexItem */ +export function getPrevFocusableValue( + items: RovingTabindexElement[], + value: string, +): RovingTabindexElement | undefined { + const currIndex = items.findIndex((item) => item.value === value); + return items.at(currIndex === 0 ? -1 : currIndex - 1); +} + +export const RovingTabindexItem: OverridableComponent< + RovingTabindexItemProps, + HTMLElement +> = forwardRef(({ value, as: Component = 'div', ...rest }, ref) => { + const focusValue = + value ?? (typeof rest.children == 'string' ? rest.children : ''); + + const { getOrderedItems, getRovingProps } = useRovingTabindex(focusValue); + + const rovingProps = getRovingProps({ + onKeyDown: (e) => { + rest?.onKeyDown?.(e); + const items = getOrderedItems(); + let nextItem: RovingTabindexElement | undefined; + + if (e.key === 'ArrowRight') { + nextItem = getNextFocusableValue(items, focusValue); + } + + if (e.key === 'ArrowLeft') { + nextItem = getPrevFocusableValue(items, focusValue); + } + + nextItem?.element.focus(); + }, + }); + + const mergedRefs = useMergeRefs([ref, rovingProps.ref]); + + return ( + + {rest.children} + + ); +}); diff --git a/packages/react/src/utility-components/RovingTabIndex/RovingTabindexRoot.test.tsx b/packages/react/src/utility-components/RovingTabIndex/RovingTabindexRoot.test.tsx new file mode 100644 index 0000000000..d4b4e12d62 --- /dev/null +++ b/packages/react/src/utility-components/RovingTabIndex/RovingTabindexRoot.test.tsx @@ -0,0 +1,83 @@ +// tests for the RovingTabindexRoot component + +import React from 'react'; +import { render, screen } from '@testing-library/react'; +import userEvent from '@testing-library/user-event'; + +import { RovingTabindexRoot } from './RovingTabindexRoot'; +import { RovingTabindexItem } from './RovingTabindexItem'; + +const user = userEvent.setup(); + +describe('RovingTabindexRoot', () => { + test('can navigate with tab and arrow keys', async () => { + render( + + test + test2 + test3 + , + ); + + const item1 = screen.getByText('test'); + const item2 = screen.getByText('test2'); + const item3 = screen.getByText('test3'); + await user.tab(); + expect(item1).toHaveFocus(); + await user.type(item1, '{arrowright}'); + expect(item2).toHaveFocus(); + await user.type(item2, '{arrowright}'); + expect(item3).toHaveFocus(); + await user.type(item3, '{arrowright}'); + expect(item1).toHaveFocus(); + await user.type(item1, '{arrowleft}'); + expect(item3).toHaveFocus(); + await user.type(item3, '{arrowleft}'); + expect(item2).toHaveFocus(); + await user.type(item2, '{arrowleft}'); + expect(item1).toHaveFocus(); + }); + + test('can navigate with tab and arrow keys with custom value', async () => { + render( + + + test + + + test + + + test + + , + ); + + const item1 = screen.getByTestId('id1'); + const item2 = screen.getByTestId('id2'); + const item3 = screen.getByTestId('id3'); + await user.tab(); + expect(item1).toHaveFocus(); + await user.type(item1, '{arrowright}'); + expect(item2).toHaveFocus(); + await user.type(item2, '{arrowright}'); + expect(item3).toHaveFocus(); + await user.type(item3, '{arrowright}'); + expect(item1).toHaveFocus(); + await user.type(item1, '{arrowleft}'); + expect(item3).toHaveFocus(); + await user.type(item3, '{arrowleft}'); + expect(item2).toHaveFocus(); + await user.type(item2, '{arrowleft}'); + expect(item1).toHaveFocus(); + }); +}); diff --git a/packages/react/src/utility-components/RovingTabIndex/RovingTabindexRoot.tsx b/packages/react/src/utility-components/RovingTabIndex/RovingTabindexRoot.tsx new file mode 100644 index 0000000000..3f90fa9337 --- /dev/null +++ b/packages/react/src/utility-components/RovingTabIndex/RovingTabindexRoot.tsx @@ -0,0 +1,113 @@ +// Logic from: https://www.joshuawootonn.com/react-roving-tabindex +// Inspired by: https://github.com/radix-ui/primitives/tree/main/packages/react/roving-focus/src + +import React, { createContext, useRef, useState, forwardRef } from 'react'; +import type { MutableRefObject, ReactNode, HTMLAttributes } from 'react'; +import { useMergeRefs } from '@floating-ui/react'; + +import type { OverridableComponent } from '../../types/OverridableComponent'; + +type RovingTabindexRootBaseProps = { + /** The children of the `RovingTabindexRoot`. The children should get their roving-relevant props from the `useRovingTabIndex` hook. */ + children: ReactNode; + /** The value of the element that should be focused when the `RovingTabindexRoot` receives focus. */ + valueId?: string; +} & HTMLAttributes; + +export type RovingTabindexElement = { + value: string; + element: HTMLElement; +}; + +export type RovingTabindexProps = { + elements: MutableRefObject>; + getOrderedItems: () => RovingTabindexElement[]; + setFocusableValue: (value: string) => void; + focusableValue: string | null; + onShiftTab: () => void; +}; + +export const RovingTabindexContext = createContext({ + elements: { current: new Map() }, + getOrderedItems: () => [], + setFocusableValue: () => { + /* intentionally empty */ + }, + onShiftTab: () => { + /* intentionally empty */ + }, + focusableValue: null, +}); + +export const RovingTabindexRoot: OverridableComponent< + RovingTabindexRootBaseProps, + HTMLElement +> = forwardRef( + ( + { children, valueId, as: Component = 'div', onBlur, onFocus, ...rest }, + ref, + ) => { + const [focusableValue, setFocusableValue] = useState(null); + const [isShiftTabbing, setIsShiftTabbing] = useState(false); + const elements = useRef(new Map()); + const myRef = useRef(); + + const refs = useMergeRefs([ref, myRef]); + + const getOrderedItems = (): RovingTabindexElement[] => { + if (!myRef.current) return []; + const elementsFromDOM = Array.from( + myRef.current.querySelectorAll( + '[data-roving-tabindex-item]', + ), + ); + + return Array.from(elements.current) + .sort( + (a, b) => + elementsFromDOM.indexOf(a[1]) - elementsFromDOM.indexOf(b[1]), + ) + .map(([value, element]) => ({ value, element })); + }; + + return ( + { + setIsShiftTabbing(true); + }, + }} + > + ) => { + onBlur?.(e); + setIsShiftTabbing(false); + }} + onFocus={(e: React.FocusEvent) => { + onFocus?.(e); + if (e.target !== e.currentTarget) return; + const orderedItems = getOrderedItems(); + if (orderedItems.length === 0) return; + + if (focusableValue != null) { + elements.current.get(focusableValue)?.focus(); + } else if (valueId != null) { + elements.current.get(valueId)?.focus(); + } else { + orderedItems.at(0)?.element.focus(); + } + }} + ref={refs} + > + {children} + + + ); + }, +); diff --git a/packages/react/src/utility-components/RovingTabIndex/index.ts b/packages/react/src/utility-components/RovingTabIndex/index.ts new file mode 100644 index 0000000000..d870acc7a5 --- /dev/null +++ b/packages/react/src/utility-components/RovingTabIndex/index.ts @@ -0,0 +1,7 @@ +export { RovingTabindexRoot } from './RovingTabindexRoot'; +export { useRovingTabindex } from './useRovingTabindex'; +export { + RovingTabindexItem, + getNextFocusableValue, + getPrevFocusableValue, +} from './RovingTabindexItem'; diff --git a/packages/react/src/utility-components/RovingTabIndex/useRovingTabindex.ts b/packages/react/src/utility-components/RovingTabIndex/useRovingTabindex.ts new file mode 100644 index 0000000000..6be4aa1de1 --- /dev/null +++ b/packages/react/src/utility-components/RovingTabIndex/useRovingTabindex.ts @@ -0,0 +1,46 @@ +// Logic from: https://www.joshuawootonn.com/react-roving-tabindex +// Inspired by: https://github.com/radix-ui/primitives/tree/main/packages/react/roving-focus/src + +import type { HTMLAttributes } from 'react'; +import { useContext } from 'react'; + +import { RovingTabindexContext } from './RovingTabindexRoot'; + +/** Handles props for `RovingTabIndex` in context with `RovingTabIndexRoot` */ +export const useRovingTabindex = (value: string) => { + const { + elements, + getOrderedItems, + setFocusableValue, + focusableValue, + onShiftTab, + } = useContext(RovingTabindexContext); + + return { + getOrderedItems, + isFocusable: focusableValue === value, + getRovingProps: (props: HTMLAttributes) => ({ + ...props, + ref: (element: HTMLElement | null) => { + if (element) { + elements.current.set(value, element); + } else { + elements.current.delete(value); + } + }, + onKeyDown: (e: React.KeyboardEvent) => { + props?.onKeyDown?.(e); + if (e.shiftKey && e.key === 'Tab') { + onShiftTab(); + return; + } + }, + onFocus: (e: React.FocusEvent) => { + props?.onFocus?.(e); + setFocusableValue(value); + }, + ['data-roving-tabindex-item']: true, + tabIndex: focusableValue === value ? 0 : -1, + }), + }; +}; From 38f06e2714875a9b61d75a40f03b100ea2c439f0 Mon Sep 17 00:00:00 2001 From: Tobias Barsnes Date: Thu, 28 Sep 2023 14:03:32 +0200 Subject: [PATCH 04/10] chore: update dependecies relating to react, typescript and eslint (#867) Co-authored-by: Michael Marszalek --- .eslintrc.js | 2 + .../Table/TokenTable/TokensTable.tsx | 1 + package.json | 22 +- .../react/src/components/Chip/Group/Group.tsx | 2 +- .../src/components/Popover/Popover.test.tsx | 29 +- .../src/components/Select/Select.test.tsx | 1 + .../legacy/LegacyTextField/TextField.tsx | 1 + .../AnimateHeight/AnimateHeight.test.tsx | 4 +- .../Tokens/TokenColor/TokenColor.tsx | 1 - yarn.lock | 741 ++++++++++-------- 10 files changed, 432 insertions(+), 372 deletions(-) diff --git a/.eslintrc.js b/.eslintrc.js index 523a70d632..df530407dc 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -47,6 +47,8 @@ module.exports = { 'react/display-name': 'off', 'import/no-unresolved': 'error', 'import/namespace': ['error', { allowComputed: true }], + 'import/no-named-as-default': 'off', + '@next/next/no-html-link-for-pages': ['error', '/storefront/pages/'], 'import/order': [ 'warn', { diff --git a/docs-components/Table/TokenTable/TokensTable.tsx b/docs-components/Table/TokenTable/TokensTable.tsx index 91ba854fb6..2d17add130 100644 --- a/docs-components/Table/TokenTable/TokensTable.tsx +++ b/docs-components/Table/TokenTable/TokensTable.tsx @@ -44,6 +44,7 @@ const TokensTable = (tokenTable: TokenTableProps) => { '$' + tokenTable.componentName + '-', ); + // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents const rows: { row: (string | JSX.Element | unknown)[] }[] = []; Object.entries(row).map(([key, value]) => { diff --git a/package.json b/package.json index c98f4a6448..8609879c09 100644 --- a/package.json +++ b/package.json @@ -47,7 +47,7 @@ "@rollup/plugin-image": "^3.0.1", "@rollup/plugin-json": "^5.0.2", "@rollup/plugin-node-resolve": "^14.0.0", - "@rollup/plugin-typescript": "^8.5.0", + "@rollup/plugin-typescript": "^11.1.4", "@storybook/addon-a11y": "^7.4.0", "@storybook/addon-essentials": "^7.4.0", "@storybook/addon-interactions": "^7.4.0", @@ -60,23 +60,23 @@ "@svgr/cli": "^6.5.1", "@svgr/core": "^6.5.1", "@svgr/rollup": "^6.5.1", - "@testing-library/jest-dom": "5.16.5", - "@testing-library/react": "^13.4.0", - "@testing-library/user-event": "^14.4.3", + "@testing-library/jest-dom": "6.1.3", + "@testing-library/react": "^14.0.0", + "@testing-library/user-event": "^14.5.1", "@types/jest": "^29.0.0", "@types/node": "^18.11.11", - "@types/react": "^18.0.9", - "@types/react-dom": "^18.0.4", + "@types/react": "^18.2.0", + "@types/react-dom": "^18.2.0", "@types/rimraf": "^3.0.2", "@types/testing-library__jest-dom": "^5.14.5", - "@typescript-eslint/eslint-plugin": "5.36.1", - "@typescript-eslint/parser": "5.36.1", + "@typescript-eslint/eslint-plugin": "6.7.3", + "@typescript-eslint/parser": "6.7.3", "babel-jest": "^29.5.0", "babel-loader": "^9.1.2", "classnames": "^2.3.1", - "eslint": "8.22.0", + "eslint": "8.50.0", "eslint-config-prettier": "8.5.0", - "eslint-import-resolver-typescript": "3.5.0", + "eslint-import-resolver-typescript": "3.6.1", "eslint-plugin-import": "2.26.0", "eslint-plugin-jsx-a11y": "6.6.1", "eslint-plugin-prettier": "4.2.1", @@ -110,7 +110,7 @@ "ts-jest": "^29.1.0", "ts-node": "^10.9.1", "tslib": "^2.4.1", - "typescript": "^4.9.5", + "typescript": "^5.2.2", "typescript-plugin-css-modules": "^5.0.0" } } diff --git a/packages/react/src/components/Chip/Group/Group.tsx b/packages/react/src/components/Chip/Group/Group.tsx index 5a7260b79a..ac1f701639 100644 --- a/packages/react/src/components/Chip/Group/Group.tsx +++ b/packages/react/src/components/Chip/Group/Group.tsx @@ -29,7 +29,7 @@ export const Group = forwardRef( {React.Children.toArray(children).map((child, index) => React.isValidElement(child) ? ( -
  • {child}
    • +
  • {child}
    • ) : null, )}     diff --git a/packages/react/src/components/Popover/Popover.test.tsx b/packages/react/src/components/Popover/Popover.test.tsx index 33804017fc..1ab051888f 100644 --- a/packages/react/src/components/Popover/Popover.test.tsx +++ b/packages/react/src/components/Popover/Popover.test.tsx @@ -35,22 +35,16 @@ describe('Popover', () => { const popoverTrigger = screen.getByRole('button', { name: 'Open' }); expect(screen.queryByText('Popover text')).not.toBeInTheDocument(); - await act(async () => { - await user.click(popoverTrigger); - }); + await act(async () => user.click(popoverTrigger)); expect(screen.queryByText('Popover text')).toBeInTheDocument(); }); it('should close popover on trigger click when open', async () => { - await act(() => { - render({ initialOpen: true }); - }); + render({ initialOpen: true }); const popoverTrigger = screen.getByRole('button', { name: 'Open' }); expect(screen.queryByText('Popover text')).toBeInTheDocument(); - await act(async () => { - await user.click(popoverTrigger); - }); + await act(async () => user.click(popoverTrigger)); expect(screen.queryByText('Popover text')).not.toBeInTheDocument(); }); @@ -67,9 +61,7 @@ describe('Popover', () => { }); it('should close popover on ESC pressed click when open', async () => { - await act(() => { - render({ initialOpen: true }); - }); + render({ initialOpen: true }); expect(screen.queryByText('Popover text')).toBeInTheDocument(); await act(async () => { @@ -79,10 +71,9 @@ describe('Popover', () => { }); }); - it('should show popover content when initialOpen=true', async () => { - await act(() => { - render({ initialOpen: true }); - }); + it('should show popover content when initialOpen=true', () => { + render({ initialOpen: true }); + expect(screen.queryByText('Popover text')).toBeInTheDocument(); }); @@ -122,10 +113,8 @@ describe('Popover', () => { test.each(popoverVariants)( 'should render popover with correct variant when variant is %s', - async (variant) => { - await act(() => { - render({ variant: variant, initialOpen: true }); - }); + (variant) => { + render({ variant: variant, initialOpen: true }); const otherColors = popoverVariants.filter((v) => v !== variant); const popoverContent = screen.getByRole('dialog'); diff --git a/packages/react/src/components/Select/Select.test.tsx b/packages/react/src/components/Select/Select.test.tsx index 023465090d..1249b9c47b 100644 --- a/packages/react/src/components/Select/Select.test.tsx +++ b/packages/react/src/components/Select/Select.test.tsx @@ -40,6 +40,7 @@ const sortedOptions: SingleSelectOption[] = [ singleSelectOptions[2], singleSelectOptions[0], ]; +// eslint-disable-next-line @typescript-eslint/no-unused-vars const optionSearch = jest.fn((_o, _k) => sortedOptions); jest.mock('./utils', () => ({ optionSearch: ( diff --git a/packages/react/src/components/legacy/LegacyTextField/TextField.tsx b/packages/react/src/components/legacy/LegacyTextField/TextField.tsx index 1ec52b5b6f..4d76c23bd3 100644 --- a/packages/react/src/components/legacy/LegacyTextField/TextField.tsx +++ b/packages/react/src/components/legacy/LegacyTextField/TextField.tsx @@ -127,6 +127,7 @@ export const LegacyTextField = forwardRef< values: NumberFormatValues, sourceInfo: SourceInfo, ): void => { + /* eslint-disable-next-line */ if (sourceInfo.source === 'event' && onChange) { const parsedEvent = replaceTargetValueWithUnformattedValue({ values, diff --git a/packages/react/src/utility-components/AnimateHeight/AnimateHeight.test.tsx b/packages/react/src/utility-components/AnimateHeight/AnimateHeight.test.tsx index 4ca2cbfe32..e434cbc32f 100644 --- a/packages/react/src/utility-components/AnimateHeight/AnimateHeight.test.tsx +++ b/packages/react/src/utility-components/AnimateHeight/AnimateHeight.test.tsx @@ -59,7 +59,7 @@ describe('AnimateHeight', () => { const { container, rerender } = render({ open: false }); rerender(); expect(container.firstChild).toHaveClass('openingOrClosing'); - await act(jest.runAllTimers); + await act(() => jest.runAllTimers); await waitFor(() => { expect(container.firstChild).not.toHaveClass('openingOrClosing'); }); @@ -70,7 +70,7 @@ describe('AnimateHeight', () => { const { container, rerender } = render({ open: true }); rerender(); expect(container.firstChild).toHaveClass('openingOrClosing'); - await act(jest.runAllTimers); + await act(() => jest.runAllTimers); await waitFor(() => { expect(container.firstChild).not.toHaveClass('openingOrClosing'); }); diff --git a/storefront/components/Tokens/TokenColor/TokenColor.tsx b/storefront/components/Tokens/TokenColor/TokenColor.tsx index 4bfa19bfe1..054e24f1b2 100644 --- a/storefront/components/Tokens/TokenColor/TokenColor.tsx +++ b/storefront/components/Tokens/TokenColor/TokenColor.tsx @@ -1,7 +1,6 @@ import React from 'react'; import classes from './TokenColor.module.css'; -import cn from 'classnames'; interface TokenColorProps { value: string; diff --git a/yarn.lock b/yarn.lock index 719f7a9928..2fa8c857d5 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5,7 +5,14 @@ __metadata: version: 6 cacheKey: 8 -"@adobe/css-tools@npm:^4.0.1": +"@aashutoshrathi/word-wrap@npm:^1.2.3": + version: 1.2.6 + resolution: "@aashutoshrathi/word-wrap@npm:1.2.6" + checksum: ada901b9e7c680d190f1d012c84217ce0063d8f5c5a7725bb91ec3c5ed99bb7572680eb2d2938a531ccbaec39a95422fcd8a6b4a13110c7d98dd75402f66a0cd + languageName: node + linkType: hard + +"@adobe/css-tools@npm:^4.0.1, @adobe/css-tools@npm:^4.3.0": version: 4.3.1 resolution: "@adobe/css-tools@npm:4.3.1" checksum: ad43456379ff391132aff687ece190cb23ea69395e23c9b96690eeabe2468da89a4aaf266e4f8b6eaab53db3d1064107ce0f63c3a974e864f4a04affc768da3f @@ -4105,20 +4112,45 @@ __metadata: languageName: node linkType: hard -"@eslint/eslintrc@npm:^1.3.0": - version: 1.3.3 - resolution: "@eslint/eslintrc@npm:1.3.3" +"@eslint-community/eslint-utils@npm:^4.2.0, @eslint-community/eslint-utils@npm:^4.4.0": + version: 4.4.0 + resolution: "@eslint-community/eslint-utils@npm:4.4.0" + dependencies: + eslint-visitor-keys: ^3.3.0 + peerDependencies: + eslint: ^6.0.0 || ^7.0.0 || >=8.0.0 + checksum: cdfe3ae42b4f572cbfb46d20edafe6f36fc5fb52bf2d90875c58aefe226892b9677fef60820e2832caf864a326fe4fc225714c46e8389ccca04d5f9288aabd22 + languageName: node + linkType: hard + +"@eslint-community/regexpp@npm:^4.5.1, @eslint-community/regexpp@npm:^4.6.1": + version: 4.9.0 + resolution: "@eslint-community/regexpp@npm:4.9.0" + checksum: 82411f0643ab9bfd271bf12c8c75031266b13595d9371585ee3b0d680d918d4abf37c7e94d0da22e45817c9bbc59b79dfcbd672050dfb00af88fb89c80fd420f + languageName: node + linkType: hard + +"@eslint/eslintrc@npm:^2.1.2": + version: 2.1.2 + resolution: "@eslint/eslintrc@npm:2.1.2" dependencies: ajv: ^6.12.4 debug: ^4.3.2 - espree: ^9.4.0 - globals: ^13.15.0 + espree: ^9.6.0 + globals: ^13.19.0 ignore: ^5.2.0 import-fresh: ^3.2.1 js-yaml: ^4.1.0 minimatch: ^3.1.2 strip-json-comments: ^3.1.1 - checksum: f03e9d6727efd3e0719da2051ea80c0c73d20e28c171121527dbb868cd34232ca9c1d0525a66e517a404afea26624b1e47895b6a92474678418c2f50c9566694 + checksum: bc742a1e3b361f06fedb4afb6bf32cbd27171292ef7924f61c62f2aed73048367bcc7ac68f98c06d4245cd3fabc43270f844e3c1699936d4734b3ac5398814a7 + languageName: node + linkType: hard + +"@eslint/js@npm:8.50.0": + version: 8.50.0 + resolution: "@eslint/js@npm:8.50.0" + checksum: 302478f2acaaa7228729ec6a04f56641590185e1d8cd1c836a6db8a6b8009f80a57349341be9fbb9aa1721a7a569d1be3ffc598a33300d22816f11832095386c languageName: node linkType: hard @@ -4281,21 +4313,21 @@ __metadata: languageName: node linkType: hard -"@humanwhocodes/config-array@npm:^0.10.4": - version: 0.10.7 - resolution: "@humanwhocodes/config-array@npm:0.10.7" +"@humanwhocodes/config-array@npm:^0.11.11": + version: 0.11.11 + resolution: "@humanwhocodes/config-array@npm:0.11.11" dependencies: "@humanwhocodes/object-schema": ^1.2.1 debug: ^4.1.1 - minimatch: ^3.0.4 - checksum: 009d64be8d5bd098ff04e10af79e34f5633245250581fca032fac12a8667b2df8e7d169e69c05bff4d83ea3dd3c7d2d0e05ea9b94d89a7d092e26530caf6f8a3 + minimatch: ^3.0.5 + checksum: db84507375ab77b8ffdd24f498a5b49ad6b64391d30dd2ac56885501d03964d29637e05b1ed5aefa09d57ac667e28028bc22d2da872bfcd619652fbdb5f4ca19 languageName: node linkType: hard -"@humanwhocodes/gitignore-to-minimatch@npm:^1.0.2": - version: 1.0.2 - resolution: "@humanwhocodes/gitignore-to-minimatch@npm:1.0.2" - checksum: aba5c40c9e3770ed73a558b0bfb53323842abfc2ce58c91d7e8b1073995598e6374456d38767be24ab6176915f0a8d8b23eaae5c85e2b488c0dccca6d795e2ad +"@humanwhocodes/module-importer@npm:^1.0.1": + version: 1.0.1 + resolution: "@humanwhocodes/module-importer@npm:1.0.1" + checksum: 0fd22007db8034a2cdf2c764b140d37d9020bbfce8a49d3ec5c05290e77d4b0263b1b972b752df8c89e5eaa94073408f2b7d977aed131faf6cf396ebb5d7fb61 languageName: node linkType: hard @@ -5027,7 +5059,7 @@ __metadata: languageName: node linkType: hard -"@nodelib/fs.walk@npm:^1.2.3": +"@nodelib/fs.walk@npm:^1.2.3, @nodelib/fs.walk@npm:^1.2.8": version: 1.2.8 resolution: "@nodelib/fs.walk@npm:1.2.8" dependencies: @@ -5419,20 +5451,6 @@ __metadata: languageName: node linkType: hard -"@pkgr/utils@npm:^2.3.1": - version: 2.3.1 - resolution: "@pkgr/utils@npm:2.3.1" - dependencies: - cross-spawn: ^7.0.3 - is-glob: ^4.0.3 - open: ^8.4.0 - picocolors: ^1.0.0 - tiny-glob: ^0.2.9 - tslib: ^2.4.0 - checksum: 118a1971120253740121a1db0a6658c21195b7da962acf9c124b507a3df707cfc97b0b84a16edcbd4352853b182e8337da9fc6e8e3d06c60d75ae4fb42321c75 - languageName: node - linkType: hard - "@pmmmwh/react-refresh-webpack-plugin@npm:^0.5.5": version: 0.5.10 resolution: "@pmmmwh/react-refresh-webpack-plugin@npm:0.5.10" @@ -6571,20 +6589,22 @@ __metadata: languageName: node linkType: hard -"@rollup/plugin-typescript@npm:^8.5.0": - version: 8.5.0 - resolution: "@rollup/plugin-typescript@npm:8.5.0" +"@rollup/plugin-typescript@npm:^11.1.4": + version: 11.1.4 + resolution: "@rollup/plugin-typescript@npm:11.1.4" dependencies: - "@rollup/pluginutils": ^3.1.0 - resolve: ^1.17.0 + "@rollup/pluginutils": ^5.0.1 + resolve: ^1.22.1 peerDependencies: - rollup: ^2.14.0 + rollup: ^2.14.0||^3.0.0 tslib: "*" typescript: ">=3.7.0" peerDependenciesMeta: + rollup: + optional: true tslib: optional: true - checksum: 2f100a73cdeb9bf82feaf8665fe791dabf5dcc17f6e727eb7b1825e7c7cf815ccd3f79f9f43ca53d7806c50686565c71f35fffcfc773b811a5c1e39eab167529 + checksum: 662647ef92dc7af2b502ce5c871fc58151ca9660e5b9e88c42cc9fa257e8f453bf14b9b82793ab191c7c200112f1a886d7493727e3be847b1a94f9b68b21e503 languageName: node linkType: hard @@ -8237,59 +8257,72 @@ __metadata: languageName: node linkType: hard -"@testing-library/dom@npm:^8.5.0": - version: 8.19.0 - resolution: "@testing-library/dom@npm:8.19.0" +"@testing-library/dom@npm:^9.0.0": + version: 9.3.3 + resolution: "@testing-library/dom@npm:9.3.3" dependencies: "@babel/code-frame": ^7.10.4 "@babel/runtime": ^7.12.5 - "@types/aria-query": ^4.2.0 - aria-query: ^5.0.0 + "@types/aria-query": ^5.0.1 + aria-query: 5.1.3 chalk: ^4.1.0 dom-accessibility-api: ^0.5.9 - lz-string: ^1.4.4 + lz-string: ^1.5.0 pretty-format: ^27.0.2 - checksum: 6bb93fef96703b6c47cf1b7cc8f71d402a9576084a94ba4e9926f51bd7bb1287fbb4f6942d82bd03fc6f3d998ae97e60f6aea4618f3a1ce6139597d2a4ecb7b9 + checksum: 34e0a564da7beb92aa9cc44a9080221e2412b1a132eb37be3d513fe6c58027674868deb9f86195756d98d15ba969a30fe00632a4e26e25df2a5a4f6ac0686e37 languageName: node linkType: hard -"@testing-library/jest-dom@npm:5.16.5": - version: 5.16.5 - resolution: "@testing-library/jest-dom@npm:5.16.5" +"@testing-library/jest-dom@npm:6.1.3": + version: 6.1.3 + resolution: "@testing-library/jest-dom@npm:6.1.3" dependencies: - "@adobe/css-tools": ^4.0.1 + "@adobe/css-tools": ^4.3.0 "@babel/runtime": ^7.9.2 - "@types/testing-library__jest-dom": ^5.9.1 aria-query: ^5.0.0 chalk: ^3.0.0 css.escape: ^1.5.1 dom-accessibility-api: ^0.5.6 lodash: ^4.17.15 redent: ^3.0.0 - checksum: 94911f901a8031f3e489d04ac057cb5373621230f5d92bed80e514e24b069fb58a3166d1dd86963e55f078a1bd999da595e2ab96ed95f452d477e272937d792a + peerDependencies: + "@jest/globals": ">= 28" + "@types/jest": ">= 28" + jest: ">= 28" + vitest: ">= 0.32" + peerDependenciesMeta: + "@jest/globals": + optional: true + "@types/jest": + optional: true + jest: + optional: true + vitest: + optional: true + checksum: 5bd14ba31fd3d64cff8ca55cccd335bedadf1db1119643954ca8cd30af835defe6f3a21e7d7617d20205b07abba1b2e668be1b9d6743504800f17fdc4344db75 languageName: node linkType: hard -"@testing-library/react@npm:^13.4.0": - version: 13.4.0 - resolution: "@testing-library/react@npm:13.4.0" +"@testing-library/react@npm:^14.0.0": + version: 14.0.0 + resolution: "@testing-library/react@npm:14.0.0" dependencies: "@babel/runtime": ^7.12.5 - "@testing-library/dom": ^8.5.0 + "@testing-library/dom": ^9.0.0 "@types/react-dom": ^18.0.0 peerDependencies: react: ^18.0.0 react-dom: ^18.0.0 - checksum: 51ec548c1fdb1271089a5c63e0908f0166f2c7fcd9cacd3108ebbe0ce64cb4351812d885892020dc37608418cfb15698514856502b3cab0e5cc58d6cc1bd4a3e + checksum: 4a54c8f56cc4a39b50803205f84f06280bb76521d6d5d4b3b36651d760c7c7752ef142d857d52aaf4fad4848ed7a8be49afc793a5dda105955d2f8bef24901ac languageName: node linkType: hard -"@testing-library/user-event@npm:^14.4.3": - version: 14.4.3 - resolution: "@testing-library/user-event@npm:14.4.3" +"@testing-library/user-event@npm:^14.5.1": + version: 14.5.1 + resolution: "@testing-library/user-event@npm:14.5.1" peerDependencies: "@testing-library/dom": ">=7.21.4" - checksum: 852c48ea6db1c9471b18276617c84fec4320771e466cd58339a732ca3fd73ad35e5a43ae14f51af51a8d0a150dcf60fcaab049ef367871207bea8f92c4b8195e + checksum: 3e6bc9fd53dfe2f3648190193ed2fd4bca2a1bfb47f68810df3b33f05412526e5fd5c4ef9dc5375635e0f4cdf1859916867b597eed22bda1321e04242ea6c519 languageName: node linkType: hard @@ -8397,10 +8430,10 @@ __metadata: languageName: node linkType: hard -"@types/aria-query@npm:^4.2.0": - version: 4.2.2 - resolution: "@types/aria-query@npm:4.2.2" - checksum: 6f2ce11d91e2d665f3873258db19da752d91d85d3679eb5efcdf9c711d14492287e1e4eb52613b28e60375841a9e428594e745b68436c963d8bad4bf72188df3 +"@types/aria-query@npm:^5.0.1": + version: 5.0.2 + resolution: "@types/aria-query@npm:5.0.2" + checksum: 19394fea016e72da39dd5ef1cf1643e3252b7ee99d8f0b3a8740d3b72f874443fc1e00a41935b36fdfaf92cd735d4ae10dc5d6ab8f1192527d4c0471bb8ff8e4 languageName: node linkType: hard @@ -8698,6 +8731,13 @@ __metadata: languageName: node linkType: hard +"@types/json-schema@npm:^7.0.12": + version: 7.0.13 + resolution: "@types/json-schema@npm:7.0.13" + checksum: 345df21a678fa72fb389f35f33de77833d09d4a142bb2bcb27c18690efa4cf70fc2876e43843cefb3fbdb9fcb12cd3e970a90936df30f53bbee899865ff605ab + languageName: node + linkType: hard + "@types/json5@npm:^0.0.29": version: 0.0.29 resolution: "@types/json5@npm:0.0.29" @@ -8884,7 +8924,7 @@ __metadata: languageName: node linkType: hard -"@types/react-dom@npm:18.0.9, @types/react-dom@npm:^18.0.0, @types/react-dom@npm:^18.0.4": +"@types/react-dom@npm:18.0.9, @types/react-dom@npm:^18.0.0": version: 18.0.9 resolution: "@types/react-dom@npm:18.0.9" dependencies: @@ -8893,6 +8933,15 @@ __metadata: languageName: node linkType: hard +"@types/react-dom@npm:^18.2.0": + version: 18.2.8 + resolution: "@types/react-dom@npm:18.2.8" + dependencies: + "@types/react": "*" + checksum: d36264631028d021b73cd9e015f10b95c4959ae1ce8f7a7419f318d1f05b1d063e6afffcd2a349a6bccd64ccc9ee9d2d976e1f0437643f0e7db621fa035bca65 + languageName: node + linkType: hard + "@types/react-syntax-highlighter@npm:^15.5.6": version: 15.5.6 resolution: "@types/react-syntax-highlighter@npm:15.5.6" @@ -8902,7 +8951,7 @@ __metadata: languageName: node linkType: hard -"@types/react@npm:*, @types/react@npm:18.0.26, @types/react@npm:^18.0.9": +"@types/react@npm:*, @types/react@npm:18.0.26": version: 18.0.26 resolution: "@types/react@npm:18.0.26" dependencies: @@ -8935,6 +8984,17 @@ __metadata: languageName: node linkType: hard +"@types/react@npm:^18.2.0": + version: 18.2.23 + resolution: "@types/react@npm:18.2.23" + dependencies: + "@types/prop-types": "*" + "@types/scheduler": "*" + csstype: ^3.0.2 + checksum: efb9d1ed1940c0e7ba08a21ffba5e266d8dbbb8fe618cfb97bc902dfc96385fdd8189e3f7f64b4aa13134f8e61947d60560deb23be151253c3a97b0d070897ca + languageName: node + linkType: hard + "@types/resolve@npm:1.17.1": version: 1.17.1 resolution: "@types/resolve@npm:1.17.1" @@ -8968,6 +9028,13 @@ __metadata: languageName: node linkType: hard +"@types/semver@npm:^7.5.0": + version: 7.5.3 + resolution: "@types/semver@npm:7.5.3" + checksum: 349fdd1ab6c213bac5c991bac766bd07b8b12e63762462bb058740dcd2eb09c8193d068bb226f134661275f2022976214c0e727a4e5eb83ec1b131127c980d3e + languageName: node + linkType: hard + "@types/serve-static@npm:*": version: 1.15.1 resolution: "@types/serve-static@npm:1.15.1" @@ -8985,7 +9052,7 @@ __metadata: languageName: node linkType: hard -"@types/testing-library__jest-dom@npm:^5.14.5, @types/testing-library__jest-dom@npm:^5.9.1": +"@types/testing-library__jest-dom@npm:^5.14.5": version: 5.14.5 resolution: "@types/testing-library__jest-dom@npm:5.14.5" dependencies: @@ -9033,121 +9100,125 @@ __metadata: languageName: node linkType: hard -"@typescript-eslint/eslint-plugin@npm:5.36.1": - version: 5.36.1 - resolution: "@typescript-eslint/eslint-plugin@npm:5.36.1" +"@typescript-eslint/eslint-plugin@npm:6.7.3": + version: 6.7.3 + resolution: "@typescript-eslint/eslint-plugin@npm:6.7.3" dependencies: - "@typescript-eslint/scope-manager": 5.36.1 - "@typescript-eslint/type-utils": 5.36.1 - "@typescript-eslint/utils": 5.36.1 + "@eslint-community/regexpp": ^4.5.1 + "@typescript-eslint/scope-manager": 6.7.3 + "@typescript-eslint/type-utils": 6.7.3 + "@typescript-eslint/utils": 6.7.3 + "@typescript-eslint/visitor-keys": 6.7.3 debug: ^4.3.4 - functional-red-black-tree: ^1.0.1 - ignore: ^5.2.0 - regexpp: ^3.2.0 - semver: ^7.3.7 - tsutils: ^3.21.0 + graphemer: ^1.4.0 + ignore: ^5.2.4 + natural-compare: ^1.4.0 + semver: ^7.5.4 + ts-api-utils: ^1.0.1 peerDependencies: - "@typescript-eslint/parser": ^5.0.0 - eslint: ^6.0.0 || ^7.0.0 || ^8.0.0 + "@typescript-eslint/parser": ^6.0.0 || ^6.0.0-alpha + eslint: ^7.0.0 || ^8.0.0 peerDependenciesMeta: typescript: optional: true - checksum: a4c555688d840c3ff0d3d71ceca583291e206cc523eade45c56fb8e1c8af84ae50ef8d344cdf8e3f9c38f430bc03c95eb8d49870094e0e5b57e0fa3e61c0ec91 + checksum: ac2790882199047abc59c0407a862f3339645623d03ea0aae5a73fd4bac6abfb753afcf9f23fd51cd1d5aa73f132ef94e2850774c4b2a3d99ebb83030b09429c languageName: node linkType: hard -"@typescript-eslint/parser@npm:5.36.1": - version: 5.36.1 - resolution: "@typescript-eslint/parser@npm:5.36.1" +"@typescript-eslint/parser@npm:6.7.3": + version: 6.7.3 + resolution: "@typescript-eslint/parser@npm:6.7.3" dependencies: - "@typescript-eslint/scope-manager": 5.36.1 - "@typescript-eslint/types": 5.36.1 - "@typescript-eslint/typescript-estree": 5.36.1 + "@typescript-eslint/scope-manager": 6.7.3 + "@typescript-eslint/types": 6.7.3 + "@typescript-eslint/typescript-estree": 6.7.3 + "@typescript-eslint/visitor-keys": 6.7.3 debug: ^4.3.4 peerDependencies: - eslint: ^6.0.0 || ^7.0.0 || ^8.0.0 + eslint: ^7.0.0 || ^8.0.0 peerDependenciesMeta: typescript: optional: true - checksum: 0f0f94e56ae1d55b6e7223ce5a2b0c93e5cc082ef2951a2b24ae4b22bb8ffbeb90d2d16682bfa8bc972ba2c7fb4703aedd79b7dbd09bcee397e1ab90d11506d9 + checksum: 658f3294b281db06ebb46884b92172d45eb402ec25c7d4a09cc2461eee359266029af7a49eb9006ee7c3e0003ba53a06f4bee84aa2e99d2d9a3507b9c84ff775 languageName: node linkType: hard -"@typescript-eslint/scope-manager@npm:5.36.1": - version: 5.36.1 - resolution: "@typescript-eslint/scope-manager@npm:5.36.1" +"@typescript-eslint/scope-manager@npm:6.7.3": + version: 6.7.3 + resolution: "@typescript-eslint/scope-manager@npm:6.7.3" dependencies: - "@typescript-eslint/types": 5.36.1 - "@typescript-eslint/visitor-keys": 5.36.1 - checksum: c46497226af75baed7458838ec0bfbddf19f8084115d78b915b46a8ceb4c05619ac61da127dfd3c8ee11bc916896d57bf8b9f936b0306ce69658160f910e3ad0 + "@typescript-eslint/types": 6.7.3 + "@typescript-eslint/visitor-keys": 6.7.3 + checksum: 08215444b7c70af5c45e185ba3c31c550a0a671ab464a67058cbee680c94aa9d1a062958976d8b09f7bcabf2f63114cdc7be2e4e32e2dfdcb2d7cc79961b7b32 languageName: node linkType: hard -"@typescript-eslint/type-utils@npm:5.36.1": - version: 5.36.1 - resolution: "@typescript-eslint/type-utils@npm:5.36.1" +"@typescript-eslint/type-utils@npm:6.7.3": + version: 6.7.3 + resolution: "@typescript-eslint/type-utils@npm:6.7.3" dependencies: - "@typescript-eslint/typescript-estree": 5.36.1 - "@typescript-eslint/utils": 5.36.1 + "@typescript-eslint/typescript-estree": 6.7.3 + "@typescript-eslint/utils": 6.7.3 debug: ^4.3.4 - tsutils: ^3.21.0 + ts-api-utils: ^1.0.1 peerDependencies: - eslint: "*" + eslint: ^7.0.0 || ^8.0.0 peerDependenciesMeta: typescript: optional: true - checksum: d2905289e253a83a9eacbad765cfba03440663086c8beb1b19345b46593c9053fb051ee13d3cc27ccd800fe95ffbf3be2b1273b0f0ac6a59452fc94e6460898b + checksum: f30a5ab4f88f76457810d72e3ada79fefd94dbbb456069ac004bd7601c9b7f15689b906b66cd849c230f30ae65f6f7039fb169609177ab545b34bacab64f015e languageName: node linkType: hard -"@typescript-eslint/types@npm:5.36.1": - version: 5.36.1 - resolution: "@typescript-eslint/types@npm:5.36.1" - checksum: 10c8965c64e16bc6920dc0c62aae2b139062aca945d03df2ad6fe7c299d2faa684621d571f8d9807a67643d4e9fa5217c69d5f538f9936fc757f9df5ded57623 +"@typescript-eslint/types@npm:6.7.3": + version: 6.7.3 + resolution: "@typescript-eslint/types@npm:6.7.3" + checksum: 4adb6177ec710e7438610fee553839a7abecc498dbb36d0170786bab66c5e5415cd720ac06419fd905458ad88c39b661603af5f013adc299137ccb4c51c4c879 languageName: node linkType: hard -"@typescript-eslint/typescript-estree@npm:5.36.1": - version: 5.36.1 - resolution: "@typescript-eslint/typescript-estree@npm:5.36.1" +"@typescript-eslint/typescript-estree@npm:6.7.3": + version: 6.7.3 + resolution: "@typescript-eslint/typescript-estree@npm:6.7.3" dependencies: - "@typescript-eslint/types": 5.36.1 - "@typescript-eslint/visitor-keys": 5.36.1 + "@typescript-eslint/types": 6.7.3 + "@typescript-eslint/visitor-keys": 6.7.3 debug: ^4.3.4 globby: ^11.1.0 is-glob: ^4.0.3 - semver: ^7.3.7 - tsutils: ^3.21.0 + semver: ^7.5.4 + ts-api-utils: ^1.0.1 peerDependenciesMeta: typescript: optional: true - checksum: acaf2938001673918dbbe690a353cf92e2cfabc79f74cd5946e303a8c24eb9c08ae2053dd261810ed0c9c471ebe879f386564c1b01dd2504dc84f4ce5f4dc696 + checksum: eaba1feb0e6882b0bad292172c118aac43ba683d1f04b940b542a20035468d030b062b036ea49eca36aa21782e9b1019e87717003b3c3db7d12dc707466b7eb7 languageName: node linkType: hard -"@typescript-eslint/utils@npm:5.36.1": - version: 5.36.1 - resolution: "@typescript-eslint/utils@npm:5.36.1" +"@typescript-eslint/utils@npm:6.7.3": + version: 6.7.3 + resolution: "@typescript-eslint/utils@npm:6.7.3" dependencies: - "@types/json-schema": ^7.0.9 - "@typescript-eslint/scope-manager": 5.36.1 - "@typescript-eslint/types": 5.36.1 - "@typescript-eslint/typescript-estree": 5.36.1 - eslint-scope: ^5.1.1 - eslint-utils: ^3.0.0 + "@eslint-community/eslint-utils": ^4.4.0 + "@types/json-schema": ^7.0.12 + "@types/semver": ^7.5.0 + "@typescript-eslint/scope-manager": 6.7.3 + "@typescript-eslint/types": 6.7.3 + "@typescript-eslint/typescript-estree": 6.7.3 + semver: ^7.5.4 peerDependencies: - eslint: ^6.0.0 || ^7.0.0 || ^8.0.0 - checksum: 77853d526af86ac508d7938916046ed4ad6374c7414981064c5122a2baa96fa234751137f481ac264a07387fd4dcec1cd26b33e29732cc58e855aae77a001d7c + eslint: ^7.0.0 || ^8.0.0 + checksum: 685b7c9fa95ad085f30e26431dc41b3059a42a16925defe2a94b32fb46974bfc168000de7d4d9ad4a1d0568a983f9d3c01ea6bc6cfa9a798e482719af9e9165b languageName: node linkType: hard -"@typescript-eslint/visitor-keys@npm:5.36.1": - version: 5.36.1 - resolution: "@typescript-eslint/visitor-keys@npm:5.36.1" +"@typescript-eslint/visitor-keys@npm:6.7.3": + version: 6.7.3 + resolution: "@typescript-eslint/visitor-keys@npm:6.7.3" dependencies: - "@typescript-eslint/types": 5.36.1 - eslint-visitor-keys: ^3.3.0 - checksum: 45ab7c2fd455a8e4beff418bed6c9e7e1f9f66bcaad3bfaed868f97a3f8cfec1fa4faa45948af1a1c32ce573a7b1c6d10427119c257622445b06b488fefd8b49 + "@typescript-eslint/types": 6.7.3 + eslint-visitor-keys: ^3.4.1 + checksum: cef64173a919107f420703e204d97d0afef0d9bd7a67570df5bdb39ac9464211c5a7b3af735d8f41e8004b443ab83e88b1d6fb951886aed4d3fe9d4778667199 languageName: node linkType: hard @@ -9478,7 +9549,7 @@ __metadata: languageName: node linkType: hard -"acorn@npm:^8.1.0, acorn@npm:^8.4.1, acorn@npm:^8.5.0, acorn@npm:^8.7.1, acorn@npm:^8.8.0, acorn@npm:^8.8.1": +"acorn@npm:^8.1.0, acorn@npm:^8.4.1, acorn@npm:^8.5.0, acorn@npm:^8.7.1, acorn@npm:^8.8.1": version: 8.8.1 resolution: "acorn@npm:8.8.1" bin: @@ -9581,7 +9652,7 @@ __metadata: languageName: node linkType: hard -"ajv@npm:^6.10.0, ajv@npm:^6.12.4, ajv@npm:^6.12.5": +"ajv@npm:^6.12.4, ajv@npm:^6.12.5": version: 6.12.6 resolution: "ajv@npm:6.12.6" dependencies: @@ -9743,6 +9814,15 @@ __metadata: languageName: node linkType: hard +"aria-query@npm:5.1.3, aria-query@npm:^5.0.0": + version: 5.1.3 + resolution: "aria-query@npm:5.1.3" + dependencies: + deep-equal: ^2.0.5 + checksum: 929ff95f02857b650fb4cbcd2f41072eee2f46159a6605ea03bf63aa572e35ffdff43d69e815ddc462e16e07de8faba3978afc2813650b4448ee18c9895d982b + languageName: node + linkType: hard + "aria-query@npm:^4.2.2": version: 4.2.2 resolution: "aria-query@npm:4.2.2" @@ -9753,15 +9833,6 @@ __metadata: languageName: node linkType: hard -"aria-query@npm:^5.0.0": - version: 5.1.3 - resolution: "aria-query@npm:5.1.3" - dependencies: - deep-equal: ^2.0.5 - checksum: 929ff95f02857b650fb4cbcd2f41072eee2f46159a6605ea03bf63aa572e35ffdff43d69e815ddc462e16e07de8faba3978afc2813650b4448ee18c9895d982b - languageName: node - linkType: hard - "array-back@npm:^3.0.1, array-back@npm:^3.1.0": version: 3.1.0 resolution: "array-back@npm:3.1.0" @@ -12425,6 +12496,16 @@ __metadata: languageName: node linkType: hard +"enhanced-resolve@npm:^5.12.0": + version: 5.15.0 + resolution: "enhanced-resolve@npm:5.15.0" + dependencies: + graceful-fs: ^4.2.4 + tapable: ^2.2.0 + checksum: fbd8cdc9263be71cc737aa8a7d6c57b43d6aa38f6cc75dde6fcd3598a130cc465f979d2f4d01bb3bf475acb43817749c79f8eef9be048683602ca91ab52e4f11 + languageName: node + linkType: hard + "enquirer@npm:~2.3.6": version: 2.3.6 resolution: "enquirer@npm:2.3.6" @@ -12777,21 +12858,21 @@ __metadata: languageName: node linkType: hard -"eslint-import-resolver-typescript@npm:3.5.0": - version: 3.5.0 - resolution: "eslint-import-resolver-typescript@npm:3.5.0" +"eslint-import-resolver-typescript@npm:3.6.1": + version: 3.6.1 + resolution: "eslint-import-resolver-typescript@npm:3.6.1" dependencies: debug: ^4.3.4 - enhanced-resolve: ^5.10.0 - get-tsconfig: ^4.2.0 - globby: ^13.1.2 - is-core-module: ^2.10.0 + enhanced-resolve: ^5.12.0 + eslint-module-utils: ^2.7.4 + fast-glob: ^3.3.1 + get-tsconfig: ^4.5.0 + is-core-module: ^2.11.0 is-glob: ^4.0.3 - synckit: ^0.8.3 peerDependencies: eslint: "*" eslint-plugin-import: "*" - checksum: 9719d1f68b7bb0eaf8939cff2d3b02b526949f73db744877de781640650dd4d0a17d934222b9ac69e27d9f363ee4569c1aa1a2a2aab6500257517f9bf7d25976 + checksum: 454fa0646533050fb57f13d27daf8c71f51b0bb9156d6a461290ccb8576d892209fcc6702a89553f3f5ea8e5b407395ca2e5de169a952c953685f1f7c46b4496 languageName: node linkType: hard @@ -12807,6 +12888,18 @@ __metadata: languageName: node linkType: hard +"eslint-module-utils@npm:^2.7.4": + version: 2.8.0 + resolution: "eslint-module-utils@npm:2.8.0" + dependencies: + debug: ^3.2.7 + peerDependenciesMeta: + eslint: + optional: true + checksum: 74c6dfea7641ebcfe174be61168541a11a14aa8d72e515f5f09af55cd0d0862686104b0524aa4b8e0ce66418a44aa38a94d2588743db5fd07a6b49ffd16921d2 + languageName: node + linkType: hard + "eslint-plugin-import@npm:2.26.0": version: 2.26.0 resolution: "eslint-plugin-import@npm:2.26.0" @@ -12901,7 +12994,7 @@ __metadata: languageName: node linkType: hard -"eslint-scope@npm:5.1.1, eslint-scope@npm:^5.1.1": +"eslint-scope@npm:5.1.1": version: 5.1.1 resolution: "eslint-scope@npm:5.1.1" dependencies: @@ -12911,31 +13004,13 @@ __metadata: languageName: node linkType: hard -"eslint-scope@npm:^7.1.1": - version: 7.1.1 - resolution: "eslint-scope@npm:7.1.1" +"eslint-scope@npm:^7.2.2": + version: 7.2.2 + resolution: "eslint-scope@npm:7.2.2" dependencies: esrecurse: ^4.3.0 estraverse: ^5.2.0 - checksum: 9f6e974ab2db641ca8ab13508c405b7b859e72afe9f254e8131ff154d2f40c99ad4545ce326fd9fde3212ff29707102562a4834f1c48617b35d98c71a97fbf3e - languageName: node - linkType: hard - -"eslint-utils@npm:^3.0.0": - version: 3.0.0 - resolution: "eslint-utils@npm:3.0.0" - dependencies: - eslint-visitor-keys: ^2.0.0 - peerDependencies: - eslint: ">=5" - checksum: 0668fe02f5adab2e5a367eee5089f4c39033af20499df88fe4e6aba2015c20720404d8c3d6349b6f716b08fdf91b9da4e5d5481f265049278099c4c836ccb619 - languageName: node - linkType: hard - -"eslint-visitor-keys@npm:^2.0.0": - version: 2.1.0 - resolution: "eslint-visitor-keys@npm:2.1.0" - checksum: e3081d7dd2611a35f0388bbdc2f5da60b3a3c5b8b6e928daffff7391146b434d691577aa95064c8b7faad0b8a680266bcda0a42439c18c717b80e6718d7e267d + checksum: ec97dbf5fb04b94e8f4c5a91a7f0a6dd3c55e46bfc7bbcd0e3138c3a76977570e02ed89a1810c778dcd72072ff0e9621ba1379b4babe53921d71e2e4486fda3e languageName: node linkType: hard @@ -12946,63 +13021,68 @@ __metadata: languageName: node linkType: hard -"eslint@npm:8.22.0": - version: 8.22.0 - resolution: "eslint@npm:8.22.0" +"eslint-visitor-keys@npm:^3.4.1, eslint-visitor-keys@npm:^3.4.3": + version: 3.4.3 + resolution: "eslint-visitor-keys@npm:3.4.3" + checksum: 36e9ef87fca698b6fd7ca5ca35d7b2b6eeaaf106572e2f7fd31c12d3bfdaccdb587bba6d3621067e5aece31c8c3a348b93922ab8f7b2cbc6aaab5e1d89040c60 + languageName: node + linkType: hard + +"eslint@npm:8.50.0": + version: 8.50.0 + resolution: "eslint@npm:8.50.0" dependencies: - "@eslint/eslintrc": ^1.3.0 - "@humanwhocodes/config-array": ^0.10.4 - "@humanwhocodes/gitignore-to-minimatch": ^1.0.2 - ajv: ^6.10.0 + "@eslint-community/eslint-utils": ^4.2.0 + "@eslint-community/regexpp": ^4.6.1 + "@eslint/eslintrc": ^2.1.2 + "@eslint/js": 8.50.0 + "@humanwhocodes/config-array": ^0.11.11 + "@humanwhocodes/module-importer": ^1.0.1 + "@nodelib/fs.walk": ^1.2.8 + ajv: ^6.12.4 chalk: ^4.0.0 cross-spawn: ^7.0.2 debug: ^4.3.2 doctrine: ^3.0.0 escape-string-regexp: ^4.0.0 - eslint-scope: ^7.1.1 - eslint-utils: ^3.0.0 - eslint-visitor-keys: ^3.3.0 - espree: ^9.3.3 - esquery: ^1.4.0 + eslint-scope: ^7.2.2 + eslint-visitor-keys: ^3.4.3 + espree: ^9.6.1 + esquery: ^1.4.2 esutils: ^2.0.2 fast-deep-equal: ^3.1.3 file-entry-cache: ^6.0.1 find-up: ^5.0.0 - functional-red-black-tree: ^1.0.1 - glob-parent: ^6.0.1 - globals: ^13.15.0 - globby: ^11.1.0 - grapheme-splitter: ^1.0.4 + glob-parent: ^6.0.2 + globals: ^13.19.0 + graphemer: ^1.4.0 ignore: ^5.2.0 - import-fresh: ^3.0.0 imurmurhash: ^0.1.4 is-glob: ^4.0.0 + is-path-inside: ^3.0.3 js-yaml: ^4.1.0 json-stable-stringify-without-jsonify: ^1.0.1 levn: ^0.4.1 lodash.merge: ^4.6.2 minimatch: ^3.1.2 natural-compare: ^1.4.0 - optionator: ^0.9.1 - regexpp: ^3.2.0 + optionator: ^0.9.3 strip-ansi: ^6.0.1 - strip-json-comments: ^3.1.0 text-table: ^0.2.0 - v8-compile-cache: ^2.0.3 bin: eslint: bin/eslint.js - checksum: 2d84a7a2207138cdb250759b047fdb05a57fede7f87b7a039d9370edba7f26e23a873a208becfd4b2c9e4b5499029f3fc3b9318da3290e693d25c39084119c80 + checksum: 9ebfe5615dc84700000d218e32ddfdcfc227ca600f65f18e5541ec34f8902a00356a9a8804d9468fd6c8637a5ef6a3897291dad91ba6579d5b32ffeae5e31768 languageName: node linkType: hard -"espree@npm:^9.3.3, espree@npm:^9.4.0": - version: 9.4.1 - resolution: "espree@npm:9.4.1" +"espree@npm:^9.6.0, espree@npm:^9.6.1": + version: 9.6.1 + resolution: "espree@npm:9.6.1" dependencies: - acorn: ^8.8.0 + acorn: ^8.9.0 acorn-jsx: ^5.3.2 - eslint-visitor-keys: ^3.3.0 - checksum: 4d266b0cf81c7dfe69e542c7df0f246e78d29f5b04dda36e514eb4c7af117ee6cfbd3280e560571ed82ff6c9c3f0003c05b82583fc7a94006db7497c4fe4270e + eslint-visitor-keys: ^3.4.1 + checksum: eb8c149c7a2a77b3f33a5af80c10875c3abd65450f60b8af6db1bfcfa8f101e21c1e56a561c6dc13b848e18148d43469e7cd208506238554fb5395a9ea5a1ab9 languageName: node linkType: hard @@ -13016,12 +13096,12 @@ __metadata: languageName: node linkType: hard -"esquery@npm:^1.4.0": - version: 1.4.0 - resolution: "esquery@npm:1.4.0" +"esquery@npm:^1.4.2": + version: 1.5.0 + resolution: "esquery@npm:1.5.0" dependencies: estraverse: ^5.1.0 - checksum: a0807e17abd7fbe5fbd4fab673038d6d8a50675cdae6b04fbaa520c34581be0c5fa24582990e8acd8854f671dd291c78bb2efb9e0ed5b62f33bac4f9cf820210 + checksum: aefb0d2596c230118656cd4ec7532d447333a410a48834d80ea648b1e7b5c9bc9ed8b5e33a89cb04e487b60d622f44cf5713bf4abed7c97343edefdc84a35900 languageName: node linkType: hard @@ -13333,7 +13413,7 @@ __metadata: languageName: node linkType: hard -"fast-glob@npm:^3.2.11, fast-glob@npm:^3.2.9": +"fast-glob@npm:^3.2.9": version: 3.2.12 resolution: "fast-glob@npm:3.2.12" dependencies: @@ -13359,6 +13439,19 @@ __metadata: languageName: node linkType: hard +"fast-glob@npm:^3.3.1": + version: 3.3.1 + resolution: "fast-glob@npm:3.3.1" + dependencies: + "@nodelib/fs.stat": ^2.0.2 + "@nodelib/fs.walk": ^1.2.3 + glob-parent: ^5.1.2 + merge2: ^1.3.0 + micromatch: ^4.0.4 + checksum: b6f3add6403e02cf3a798bfbb1183d0f6da2afd368f27456010c0bc1f9640aea308243d4cb2c0ab142f618276e65ecb8be1661d7c62a7b4e5ba774b9ce5432e5 + languageName: node + linkType: hard + "fast-json-parse@npm:^1.0.3": version: 1.0.3 resolution: "fast-json-parse@npm:1.0.3" @@ -13831,13 +13924,6 @@ __metadata: languageName: node linkType: hard -"functional-red-black-tree@npm:^1.0.1": - version: 1.0.1 - resolution: "functional-red-black-tree@npm:1.0.1" - checksum: ca6c170f37640e2d94297da8bb4bf27a1d12bea3e00e6a3e007fd7aa32e37e000f5772acf941b4e4f3cf1c95c3752033d0c509af157ad8f526e7f00723b9eb9f - languageName: node - linkType: hard - "functions-have-names@npm:^1.2.2": version: 1.2.3 resolution: "functions-have-names@npm:1.2.3" @@ -13961,10 +14047,12 @@ __metadata: languageName: node linkType: hard -"get-tsconfig@npm:^4.2.0": - version: 4.2.0 - resolution: "get-tsconfig@npm:4.2.0" - checksum: dfae3520bee20b71a651fdc93fd29901013dfc4df9fb41a423cf3efb4468c79087ef9d3bc3d0625b6486397730991d2a749eed4985d8ab411f481319c3e931e5 +"get-tsconfig@npm:^4.5.0": + version: 4.7.2 + resolution: "get-tsconfig@npm:4.7.2" + dependencies: + resolve-pkg-maps: ^1.0.0 + checksum: 172358903250eff0103943f816e8a4e51d29b8e5449058bdf7266714a908a48239f6884308bd3a6ff28b09f692b9533dbebfd183ab63e4e14f073cda91f1bca9 languageName: node linkType: hard @@ -14086,7 +14174,7 @@ __metadata: languageName: node linkType: hard -"glob-parent@npm:^6.0.1": +"glob-parent@npm:^6.0.2": version: 6.0.2 resolution: "glob-parent@npm:6.0.2" dependencies: @@ -14235,19 +14323,12 @@ __metadata: languageName: node linkType: hard -"globals@npm:^13.15.0": - version: 13.18.0 - resolution: "globals@npm:13.18.0" +"globals@npm:^13.19.0": + version: 13.22.0 + resolution: "globals@npm:13.22.0" dependencies: type-fest: ^0.20.2 - checksum: 9fdaa74cfd5d4ac91319662f512c29b11d1d2deb9c8a20d3998097671deba83d195f20730b2345887de3ddab958a6fa68952feed9ae836ee4594a82ace62fdb4 - languageName: node - linkType: hard - -"globalyzer@npm:0.1.0": - version: 0.1.0 - resolution: "globalyzer@npm:0.1.0" - checksum: 419a0f95ba542534fac0842964d31b3dc2936a479b2b1a8a62bad7e8b61054faa9b0a06ad9f2e12593396b9b2621cac93358d9b3071d33723fb1778608d358a1 + checksum: 64af5a09565341432770444085f7aa98b54331c3b69732e0de411003921fa2dd060222ae7b50bec0b98f29c4d00b4f49bf434049ba9f7c36ca4ee1773f60458c languageName: node linkType: hard @@ -14265,19 +14346,6 @@ __metadata: languageName: node linkType: hard -"globby@npm:^13.1.2": - version: 13.1.2 - resolution: "globby@npm:13.1.2" - dependencies: - dir-glob: ^3.0.1 - fast-glob: ^3.2.11 - ignore: ^5.2.0 - merge2: ^1.4.1 - slash: ^4.0.0 - checksum: c148fcda0c981f00fb434bb94ca258f0a9d23cedbde6fb3f37098e1abde5b065019e2c63fe2aa2fad4daf2b54bf360b4d0423d85fb3a63d09ed75a2837d4de0f - languageName: node - linkType: hard - "globjoin@npm:^0.1.4": version: 0.1.4 resolution: "globjoin@npm:0.1.4" @@ -14285,13 +14353,6 @@ __metadata: languageName: node linkType: hard -"globrex@npm:^0.1.2": - version: 0.1.2 - resolution: "globrex@npm:0.1.2" - checksum: adca162494a176ce9ecf4dd232f7b802956bb1966b37f60c15e49d2e7d961b66c60826366dc2649093cad5a0d69970cfa8875bd1695b5a1a2f33dcd2aa88da3c - languageName: node - linkType: hard - "gopd@npm:^1.0.1": version: 1.0.1 resolution: "gopd@npm:1.0.1" @@ -14315,10 +14376,10 @@ __metadata: languageName: node linkType: hard -"grapheme-splitter@npm:^1.0.4": - version: 1.0.4 - resolution: "grapheme-splitter@npm:1.0.4" - checksum: 0c22ec54dee1b05cd480f78cf14f732cb5b108edc073572c4ec205df4cd63f30f8db8025afc5debc8835a8ddeacf648a1c7992fe3dcd6ad38f9a476d84906620 +"graphemer@npm:^1.4.0": + version: 1.4.0 + resolution: "graphemer@npm:1.4.0" + checksum: bab8f0be9b568857c7bec9fda95a89f87b783546d02951c40c33f84d05bb7da3fd10f863a9beb901463669b6583173a8c8cc6d6b306ea2b9b9d5d3d943c3a673 languageName: node linkType: hard @@ -15174,7 +15235,16 @@ __metadata: languageName: node linkType: hard -"is-core-module@npm:^2.10.0, is-core-module@npm:^2.5.0, is-core-module@npm:^2.8.1, is-core-module@npm:^2.9.0": +"is-core-module@npm:^2.11.0, is-core-module@npm:^2.13.0": + version: 2.13.0 + resolution: "is-core-module@npm:2.13.0" + dependencies: + has: ^1.0.3 + checksum: 053ab101fb390bfeb2333360fd131387bed54e476b26860dc7f5a700bbf34a0ec4454f7c8c4d43e8a0030957e4b3db6e16d35e1890ea6fb654c833095e040355 + languageName: node + linkType: hard + +"is-core-module@npm:^2.5.0, is-core-module@npm:^2.8.1, is-core-module@npm:^2.9.0": version: 2.11.0 resolution: "is-core-module@npm:2.11.0" dependencies: @@ -15371,7 +15441,7 @@ __metadata: languageName: node linkType: hard -"is-path-inside@npm:^3.0.2": +"is-path-inside@npm:^3.0.2, is-path-inside@npm:^3.0.3": version: 3.0.3 resolution: "is-path-inside@npm:3.0.3" checksum: abd50f06186a052b349c15e55b182326f1936c89a78bf6c8f2b707412517c097ce04bc49a0ca221787bc44e1049f51f09a2ffb63d22899051988d3a618ba13e9 @@ -17037,12 +17107,12 @@ __metadata: languageName: node linkType: hard -"lz-string@npm:^1.4.4": - version: 1.4.4 - resolution: "lz-string@npm:1.4.4" +"lz-string@npm:^1.5.0": + version: 1.5.0 + resolution: "lz-string@npm:1.5.0" bin: lz-string: bin/bin.js - checksum: 54e31238a61a84d8f664d9860a9fba7310c5b97a52c444f80543069bc084815eff40b8d4474ae1d93992fdf6c252dca37cf27f6adbeb4dbc3df2f3ac773d0e61 + checksum: 1ee98b4580246fd90dd54da6e346fb1caefcf05f677c686d9af237a157fdea3fd7c83a4bc58f858cd5b10a34d27afe0fdcbd0505a47e0590726a873dc8b8f65d languageName: node linkType: hard @@ -18113,7 +18183,7 @@ __metadata: languageName: node linkType: hard -"minimatch@npm:^3.0.2, minimatch@npm:^3.0.4, minimatch@npm:^3.1.1, minimatch@npm:^3.1.2": +"minimatch@npm:^3.0.2, minimatch@npm:^3.0.4, minimatch@npm:^3.0.5, minimatch@npm:^3.1.1, minimatch@npm:^3.1.2": version: 3.1.2 resolution: "minimatch@npm:3.1.2" dependencies: @@ -19121,17 +19191,17 @@ __metadata: languageName: node linkType: hard -"optionator@npm:^0.9.1": - version: 0.9.1 - resolution: "optionator@npm:0.9.1" +"optionator@npm:^0.9.3": + version: 0.9.3 + resolution: "optionator@npm:0.9.3" dependencies: + "@aashutoshrathi/word-wrap": ^1.2.3 deep-is: ^0.1.3 fast-levenshtein: ^2.0.6 levn: ^0.4.1 prelude-ls: ^1.2.1 type-check: ^0.4.0 - word-wrap: ^1.2.3 - checksum: dbc6fa065604b24ea57d734261914e697bd73b69eff7f18e967e8912aa2a40a19a9f599a507fa805be6c13c24c4eae8c71306c239d517d42d4c041c942f508a0 + checksum: 09281999441f2fe9c33a5eeab76700795365a061563d66b098923eb719251a42bdbe432790d35064d0816ead9296dbeb1ad51a733edf4167c96bd5d0882e428a languageName: node linkType: hard @@ -21128,13 +21198,6 @@ __metadata: languageName: node linkType: hard -"regexpp@npm:^3.2.0": - version: 3.2.0 - resolution: "regexpp@npm:3.2.0" - checksum: a78dc5c7158ad9ddcfe01aa9144f46e192ddbfa7b263895a70a5c6c73edd9ce85faf7c0430e59ac38839e1734e275b9c3de5c57ee3ab6edc0e0b1bdebefccef8 - languageName: node - linkType: hard - "regexpu-core@npm:^5.2.1": version: 5.2.2 resolution: "regexpu-core@npm:5.2.2" @@ -21385,6 +21448,13 @@ __metadata: languageName: node linkType: hard +"resolve-pkg-maps@npm:^1.0.0": + version: 1.0.0 + resolution: "resolve-pkg-maps@npm:1.0.0" + checksum: 1012afc566b3fdb190a6309cc37ef3b2dcc35dff5fa6683a9d00cd25c3247edfbc4691b91078c97adc82a29b77a2660c30d791d65dab4fc78bfc473f60289977 + languageName: node + linkType: hard + "resolve.exports@npm:^1.1.0": version: 1.1.0 resolution: "resolve.exports@npm:1.1.0" @@ -21405,6 +21475,19 @@ __metadata: languageName: node linkType: hard +"resolve@npm:^1.22.1": + version: 1.22.6 + resolution: "resolve@npm:1.22.6" + dependencies: + is-core-module: ^2.13.0 + path-parse: ^1.0.7 + supports-preserve-symlinks-flag: ^1.0.0 + bin: + resolve: bin/resolve + checksum: d13bf66d4e2ee30d291491f16f2fa44edd4e0cefb85d53249dd6f93e70b2b8c20ec62f01b18662e3cd40e50a7528f18c4087a99490048992a3bb954cf3201a5b + languageName: node + linkType: hard + "resolve@npm:^2.0.0-next.3": version: 2.0.0-next.4 resolution: "resolve@npm:2.0.0-next.4" @@ -21431,6 +21514,19 @@ __metadata: languageName: node linkType: hard +"resolve@patch:resolve@^1.22.1#~builtin": + version: 1.22.6 + resolution: "resolve@patch:resolve@npm%3A1.22.6#~builtin::version=1.22.6&hash=c3c19d" + dependencies: + is-core-module: ^2.13.0 + path-parse: ^1.0.7 + supports-preserve-symlinks-flag: ^1.0.0 + bin: + resolve: bin/resolve + checksum: 9d3b3c67aefd12cecbe5f10ca4d1f51ea190891096497c43f301b086883b426466918c3a64f1bbf1788fabb52b579d58809614006c5d0b49186702b3b8fb746a + languageName: node + linkType: hard + "resolve@patch:resolve@^2.0.0-next.3#~builtin": version: 2.0.0-next.4 resolution: "resolve@patch:resolve@npm%3A2.0.0-next.4#~builtin::version=2.0.0-next.4&hash=c3c19d" @@ -21627,7 +21723,7 @@ __metadata: "@rollup/plugin-image": ^3.0.1 "@rollup/plugin-json": ^5.0.2 "@rollup/plugin-node-resolve": ^14.0.0 - "@rollup/plugin-typescript": ^8.5.0 + "@rollup/plugin-typescript": ^11.1.4 "@storybook/addon-a11y": ^7.4.0 "@storybook/addon-essentials": ^7.4.0 "@storybook/addon-interactions": ^7.4.0 @@ -21640,23 +21736,23 @@ __metadata: "@svgr/cli": ^6.5.1 "@svgr/core": ^6.5.1 "@svgr/rollup": ^6.5.1 - "@testing-library/jest-dom": 5.16.5 - "@testing-library/react": ^13.4.0 - "@testing-library/user-event": ^14.4.3 + "@testing-library/jest-dom": 6.1.3 + "@testing-library/react": ^14.0.0 + "@testing-library/user-event": ^14.5.1 "@types/jest": ^29.0.0 "@types/node": ^18.11.11 - "@types/react": ^18.0.9 - "@types/react-dom": ^18.0.4 + "@types/react": ^18.2.0 + "@types/react-dom": ^18.2.0 "@types/rimraf": ^3.0.2 "@types/testing-library__jest-dom": ^5.14.5 - "@typescript-eslint/eslint-plugin": 5.36.1 - "@typescript-eslint/parser": 5.36.1 + "@typescript-eslint/eslint-plugin": 6.7.3 + "@typescript-eslint/parser": 6.7.3 babel-jest: ^29.5.0 babel-loader: ^9.1.2 classnames: ^2.3.1 - eslint: 8.22.0 + eslint: 8.50.0 eslint-config-prettier: 8.5.0 - eslint-import-resolver-typescript: 3.5.0 + eslint-import-resolver-typescript: 3.6.1 eslint-plugin-import: 2.26.0 eslint-plugin-jsx-a11y: 6.6.1 eslint-plugin-prettier: 4.2.1 @@ -21690,7 +21786,7 @@ __metadata: ts-jest: ^29.1.0 ts-node: ^10.9.1 tslib: ^2.4.1 - typescript: ^4.9.5 + typescript: ^5.2.2 typescript-plugin-css-modules: ^5.0.0 languageName: unknown linkType: soft @@ -21906,7 +22002,7 @@ __metadata: languageName: node linkType: hard -"semver@npm:^7.5.3": +"semver@npm:^7.5.3, semver@npm:^7.5.4": version: 7.5.4 resolution: "semver@npm:7.5.4" dependencies: @@ -22094,13 +22190,6 @@ __metadata: languageName: node linkType: hard -"slash@npm:^4.0.0": - version: 4.0.0 - resolution: "slash@npm:4.0.0" - checksum: da8e4af73712253acd21b7853b7e0dbba776b786e82b010a5bfc8b5051a1db38ed8aba8e1e8f400dd2c9f373be91eb1c42b66e91abb407ff42b10feece5e1d2d - languageName: node - linkType: hard - "slice-ansi@npm:^4.0.0": version: 4.0.0 resolution: "slice-ansi@npm:4.0.0" @@ -22568,7 +22657,7 @@ __metadata: languageName: node linkType: hard -"strip-json-comments@npm:^3.0.1, strip-json-comments@npm:^3.1.0, strip-json-comments@npm:^3.1.1": +"strip-json-comments@npm:^3.0.1, strip-json-comments@npm:^3.1.1": version: 3.1.1 resolution: "strip-json-comments@npm:3.1.1" checksum: 492f73e27268f9b1c122733f28ecb0e7e8d8a531a6662efbd08e22cccb3f9475e90a1b82cab06a392f6afae6d2de636f977e231296400d0ec5304ba70f166443 @@ -22923,16 +23012,6 @@ __metadata: languageName: node linkType: hard -"synckit@npm:^0.8.3": - version: 0.8.4 - resolution: "synckit@npm:0.8.4" - dependencies: - "@pkgr/utils": ^2.3.1 - tslib: ^2.4.0 - checksum: 83e054fe4494dab42114fc4ed36a11b85e18742d304ade3f40d3afb4ba4145d76183adba1f29e2c36e9a0a453b93a83e2387505f96a0efd901f562927a968c44 - languageName: node - linkType: hard - "tabbable@npm:^6.0.1": version: 6.1.1 resolution: "tabbable@npm:6.1.1" @@ -23194,16 +23273,6 @@ __metadata: languageName: node linkType: hard -"tiny-glob@npm:^0.2.9": - version: 0.2.9 - resolution: "tiny-glob@npm:0.2.9" - dependencies: - globalyzer: 0.1.0 - globrex: ^0.1.2 - checksum: aea5801eb6663ddf77ebb74900b8f8bd9dfcfc9b6a1cc8018cb7421590c00bf446109ff45e4b64a98e6c95ddb1255a337a5d488fb6311930e2a95334151ec9c6 - languageName: node - linkType: hard - "tiny-invariant@npm:^1.3.1": version: 1.3.1 resolution: "tiny-invariant@npm:1.3.1" @@ -23338,6 +23407,15 @@ __metadata: languageName: node linkType: hard +"ts-api-utils@npm:^1.0.1": + version: 1.0.3 + resolution: "ts-api-utils@npm:1.0.3" + peerDependencies: + typescript: ">=4.2.0" + checksum: 441cc4489d65fd515ae6b0f4eb8690057add6f3b6a63a36073753547fb6ce0c9ea0e0530220a0b282b0eec535f52c4dfc315d35f8a4c9a91c0def0707a714ca6 + languageName: node + linkType: hard + "ts-dedent@npm:^2.0.0, ts-dedent@npm:^2.2.0": version: 2.2.0 resolution: "ts-dedent@npm:2.2.0" @@ -23446,7 +23524,7 @@ __metadata: languageName: node linkType: hard -"tslib@npm:^1.13.0, tslib@npm:^1.8.1": +"tslib@npm:^1.13.0": version: 1.14.1 resolution: "tslib@npm:1.14.1" checksum: dbe628ef87f66691d5d2959b3e41b9ca0045c3ee3c7c7b906cc1e328b39f199bb1ad9e671c39025bd56122ac57dfbf7385a94843b1cc07c60a4db74795829acd @@ -23467,17 +23545,6 @@ __metadata: languageName: node linkType: hard -"tsutils@npm:^3.21.0": - version: 3.21.0 - resolution: "tsutils@npm:3.21.0" - dependencies: - tslib: ^1.8.1 - peerDependencies: - typescript: ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta" - checksum: 1843f4c1b2e0f975e08c4c21caa4af4f7f65a12ac1b81b3b8489366826259323feb3fc7a243123453d2d1a02314205a7634e048d4a8009921da19f99755cdc48 - languageName: node - linkType: hard - "tuf-js@npm:^1.1.7": version: 1.1.7 resolution: "tuf-js@npm:1.1.7" @@ -23649,13 +23716,13 @@ __metadata: languageName: node linkType: hard -"typescript@npm:^4.9.5": - version: 4.9.5 - resolution: "typescript@npm:4.9.5" +"typescript@npm:^5.2.2": + version: 5.2.2 + resolution: "typescript@npm:5.2.2" bin: tsc: bin/tsc tsserver: bin/tsserver - checksum: ee000bc26848147ad423b581bd250075662a354d84f0e06eb76d3b892328d8d4440b7487b5a83e851b12b255f55d71835b008a66cbf8f255a11e4400159237db + checksum: 7912821dac4d962d315c36800fe387cdc0a6298dba7ec171b350b4a6e988b51d7b8f051317786db1094bd7431d526b648aba7da8236607febb26cf5b871d2d3c languageName: node linkType: hard @@ -23679,13 +23746,13 @@ __metadata: languageName: node linkType: hard -"typescript@patch:typescript@^4.9.5#~builtin": - version: 4.9.5 - resolution: "typescript@patch:typescript@npm%3A4.9.5#~builtin::version=4.9.5&hash=23ec76" +"typescript@patch:typescript@^5.2.2#~builtin": + version: 5.2.2 + resolution: "typescript@patch:typescript@npm%3A5.2.2#~builtin::version=5.2.2&hash=1f5320" bin: tsc: bin/tsc tsserver: bin/tsserver - checksum: ab417a2f398380c90a6cf5a5f74badd17866adf57f1165617d6a551f059c3ba0a3e4da0d147b3ac5681db9ac76a303c5876394b13b3de75fdd5b1eaa06181c9d + checksum: 07106822b4305de3f22835cbba949a2b35451cad50888759b6818421290ff95d522b38ef7919e70fb381c5fe9c1c643d7dea22c8b31652a717ddbd57b7f4d554 languageName: node linkType: hard @@ -24191,7 +24258,7 @@ __metadata: languageName: node linkType: hard -"v8-compile-cache@npm:2.3.0, v8-compile-cache@npm:^2.0.3": +"v8-compile-cache@npm:2.3.0": version: 2.3.0 resolution: "v8-compile-cache@npm:2.3.0" checksum: adb0a271eaa2297f2f4c536acbfee872d0dd26ec2d76f66921aa7fc437319132773483344207bdbeee169225f4739016d8d2dbf0553913a52bb34da6d0334f8e @@ -24535,7 +24602,7 @@ __metadata: languageName: node linkType: hard -"word-wrap@npm:^1.2.3, word-wrap@npm:~1.2.3": +"word-wrap@npm:~1.2.3": version: 1.2.4 resolution: "word-wrap@npm:1.2.4" checksum: 8f1f2e0a397c0e074ca225ba9f67baa23f99293bc064e31355d426ae91b8b3f6b5f6c1fc9ae5e9141178bb362d563f55e62fd8d5c31f2a77e3ade56cb3e35bd1 From 3298aba96e343af73bcf8b12cfcb64f9cf0a61a0 Mon Sep 17 00:00:00 2001 From: Magnus Revheim Martinsen Date: Thu, 28 Sep 2023 14:28:48 +0200 Subject: [PATCH 05/10] feat(ToggleButtonGroup): :wastebasket: Change to Legacy (#870) --- .../src/components/ToggleButtonGroup/index.ts | 5 ----- packages/react/src/components/index.ts | 2 +- .../ToggleButtonGroup.module.css | 0 .../ToggleButtonGroup.stories.mdx | 12 ++++++------ .../ToggleButtonGroup.test.tsx | 19 ++++++++----------- .../ToggleButtonGroup.tsx | 12 ++++++------ .../legacy/LegacyToggleButtonGroup/index.ts | 5 +++++ 7 files changed, 26 insertions(+), 29 deletions(-) delete mode 100644 packages/react/src/components/ToggleButtonGroup/index.ts rename packages/react/src/components/{ToggleButtonGroup => legacy/LegacyToggleButtonGroup}/ToggleButtonGroup.module.css (100%) rename packages/react/src/components/{ToggleButtonGroup => legacy/LegacyToggleButtonGroup}/ToggleButtonGroup.stories.mdx (69%) rename packages/react/src/components/{ToggleButtonGroup => legacy/LegacyToggleButtonGroup}/ToggleButtonGroup.test.tsx (90%) rename packages/react/src/components/{ToggleButtonGroup => legacy/LegacyToggleButtonGroup}/ToggleButtonGroup.tsx (89%) create mode 100644 packages/react/src/components/legacy/LegacyToggleButtonGroup/index.ts diff --git a/packages/react/src/components/ToggleButtonGroup/index.ts b/packages/react/src/components/ToggleButtonGroup/index.ts deleted file mode 100644 index 4de1e7ce09..0000000000 --- a/packages/react/src/components/ToggleButtonGroup/index.ts +++ /dev/null @@ -1,5 +0,0 @@ -export { ToggleButtonGroup } from './ToggleButtonGroup'; -export type { - ToggleButtonGroupProps, - ToggleButtonProps, -} from './ToggleButtonGroup'; diff --git a/packages/react/src/components/index.ts b/packages/react/src/components/index.ts index e34167bf29..cf1f72bbec 100644 --- a/packages/react/src/components/index.ts +++ b/packages/react/src/components/index.ts @@ -5,6 +5,7 @@ export * from './legacy/LegacyRadioButton'; export * from './legacy/LegacyRadioGroup'; export * from './legacy/LegacyTextField'; export * from './legacy/LegacyTextArea'; +export * from './legacy/LegacyToggleButtonGroup'; export * from './Button'; export * from './Tabs'; @@ -15,7 +16,6 @@ export * from './Spinner'; export * from './Link'; export * from './List'; export * from './Table'; -export * from './ToggleButtonGroup'; export * from './Typography/'; export * from './Accordion'; export * from './NativeSelect'; diff --git a/packages/react/src/components/ToggleButtonGroup/ToggleButtonGroup.module.css b/packages/react/src/components/legacy/LegacyToggleButtonGroup/ToggleButtonGroup.module.css similarity index 100% rename from packages/react/src/components/ToggleButtonGroup/ToggleButtonGroup.module.css rename to packages/react/src/components/legacy/LegacyToggleButtonGroup/ToggleButtonGroup.module.css diff --git a/packages/react/src/components/ToggleButtonGroup/ToggleButtonGroup.stories.mdx b/packages/react/src/components/legacy/LegacyToggleButtonGroup/ToggleButtonGroup.stories.mdx similarity index 69% rename from packages/react/src/components/ToggleButtonGroup/ToggleButtonGroup.stories.mdx rename to packages/react/src/components/legacy/LegacyToggleButtonGroup/ToggleButtonGroup.stories.mdx index 24cf054b89..a6cb625106 100644 --- a/packages/react/src/components/ToggleButtonGroup/ToggleButtonGroup.stories.mdx +++ b/packages/react/src/components/legacy/LegacyToggleButtonGroup/ToggleButtonGroup.stories.mdx @@ -1,10 +1,10 @@ import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs'; -import { TokensTable, Information } from '../../../../../docs-components'; -import { ToggleButtonGroup } from './ToggleButtonGroup'; +import { TokensTable, Information } from '../../../../../../docs-components'; +import { LegacyToggleButtonGroup } from '.'; export const defaultArgs = { @@ -26,10 +26,10 @@ export const defaultArgs = { }; export const Template = (args = {}) => ( - + ); -# ToggleButtonGroup +# LegacyToggleButtonGroup ## Variants diff --git a/packages/react/src/components/ToggleButtonGroup/ToggleButtonGroup.test.tsx b/packages/react/src/components/legacy/LegacyToggleButtonGroup/ToggleButtonGroup.test.tsx similarity index 90% rename from packages/react/src/components/ToggleButtonGroup/ToggleButtonGroup.test.tsx rename to packages/react/src/components/legacy/LegacyToggleButtonGroup/ToggleButtonGroup.test.tsx index 0e4d7eb6d6..ad77d7e438 100644 --- a/packages/react/src/components/ToggleButtonGroup/ToggleButtonGroup.test.tsx +++ b/packages/react/src/components/legacy/LegacyToggleButtonGroup/ToggleButtonGroup.test.tsx @@ -2,25 +2,22 @@ import React from 'react'; import { render as renderRtl, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; -import { ToggleButtonGroup } from './ToggleButtonGroup'; -import type { - ToggleButtonGroupProps, - ToggleButtonProps, -} from './ToggleButtonGroup'; +import { LegacyToggleButtonGroup } from '.'; +import type { LegacyToggleButtonGroupProps, LegacyToggleButtonProps } from '.'; const user = userEvent.setup(); // Test data: -const items: ToggleButtonProps[] = [ +const items: LegacyToggleButtonProps[] = [ { value: 'value 1', label: 'Label 1' }, { value: 'value 2', label: 'Label 2' }, { value: 'value 3', label: 'Label 3' }, ]; -const defaultProps: ToggleButtonGroupProps = { +const defaultProps: LegacyToggleButtonGroupProps = { items, }; -describe('ToggleButtonGroup', () => { +describe('LegacyToggleButtonGroup', () => { it('Renders all items', () => { render(); expect(getAllButtons()).toHaveLength(items.length); @@ -46,7 +43,7 @@ describe('ToggleButtonGroup', () => { const index = 1; const value = items[index].value; rerender( - , @@ -121,9 +118,9 @@ describe('ToggleButtonGroup', () => { }; }); -const render = (props: Partial = {}) => +const render = (props: Partial = {}) => renderRtl( - , diff --git a/packages/react/src/components/ToggleButtonGroup/ToggleButtonGroup.tsx b/packages/react/src/components/legacy/LegacyToggleButtonGroup/ToggleButtonGroup.tsx similarity index 89% rename from packages/react/src/components/ToggleButtonGroup/ToggleButtonGroup.tsx rename to packages/react/src/components/legacy/LegacyToggleButtonGroup/ToggleButtonGroup.tsx index b9016d68e5..60bf7423ec 100644 --- a/packages/react/src/components/ToggleButtonGroup/ToggleButtonGroup.tsx +++ b/packages/react/src/components/legacy/LegacyToggleButtonGroup/ToggleButtonGroup.tsx @@ -2,11 +2,11 @@ import type { ReactNode } from 'react'; import React, { useEffect, useState } from 'react'; import cn from 'classnames'; -import { areItemsUnique } from '../../utils'; +import { areItemsUnique } from '../../../utils'; import classes from './ToggleButtonGroup.module.css'; -export interface ToggleButtonProps { +export interface LegacyToggleButtonProps { /** * The value of the toggle button. The onChange function will be called with this value when the button is selected. */ @@ -18,11 +18,11 @@ export interface ToggleButtonProps { label: ReactNode; } -export interface ToggleButtonGroupProps { +export interface LegacyToggleButtonGroupProps { /** * The list of toggle buttons to render. */ - items: ToggleButtonProps[]; + items: LegacyToggleButtonProps[]; /** * Optional function to be called when the selected value changes. @@ -40,11 +40,11 @@ export interface ToggleButtonGroupProps { /** * Component for rendering a group of toggle buttons. At any given time, only one button in the group can be selected. */ -export const ToggleButtonGroup = ({ +export const LegacyToggleButtonGroup = ({ onChange, items, selectedValue, -}: ToggleButtonGroupProps) => { +}: LegacyToggleButtonGroupProps) => { const initiallySelected = selectedValue ?? items[0].value; const [selected, setSelected] = useState(initiallySelected); diff --git a/packages/react/src/components/legacy/LegacyToggleButtonGroup/index.ts b/packages/react/src/components/legacy/LegacyToggleButtonGroup/index.ts new file mode 100644 index 0000000000..454d8b5b11 --- /dev/null +++ b/packages/react/src/components/legacy/LegacyToggleButtonGroup/index.ts @@ -0,0 +1,5 @@ +export { LegacyToggleButtonGroup } from './ToggleButtonGroup'; +export type { + LegacyToggleButtonGroupProps, + LegacyToggleButtonProps, +} from './ToggleButtonGroup'; From baf07c9a9594977ca5f8a6e3b12e181321350987 Mon Sep 17 00:00:00 2001 From: Magnus Revheim Martinsen Date: Thu, 28 Sep 2023 14:35:03 +0200 Subject: [PATCH 06/10] Publish - @digdir/design-system-react@0.27.0 --- packages/react/CHANGELOG.md | 8 ++++++++ packages/react/package.json | 2 +- 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 9c33577513..8836d6cc2f 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -3,6 +3,14 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +# [0.27.0](https://github.com/digdir/designsystem/compare/@digdir/design-system-react@0.26.0...@digdir/design-system-react@0.27.0) (2023-09-28) + +### Features + +- **Button, Chip, Accordion:** :recycle: Change components to use the same class for focus behaviour ([#868](https://github.com/digdir/designsystem/issues/868)) ([b3fa591](https://github.com/digdir/designsystem/commit/b3fa591d86bbf2b497a618464e3f3af10b852ad6)) +- **ToggleButtonGroup:** :wastebasket: Change to Legacy ([#870](https://github.com/digdir/designsystem/issues/870)) ([3298aba](https://github.com/digdir/designsystem/commit/3298aba96e343af73bcf8b12cfcb64f9cf0a61a0)) +- **ToggleGroup:** ✨ New `ToggleGroup` component ([#813](https://github.com/digdir/designsystem/issues/813)) ([bc45c2e](https://github.com/digdir/designsystem/commit/bc45c2e50a941fdd49028607fa3d94c4876e4cc0)) + # [0.26.0](https://github.com/digdir/designsystem/compare/@digdir/design-system-react@0.25.1...@digdir/design-system-react@0.26.0) (2023-09-22) ### Bug Fixes diff --git a/packages/react/package.json b/packages/react/package.json index 7e37edec91..2a0685372e 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@digdir/design-system-react", - "version": "0.26.0", + "version": "0.27.0", "main": "dist/cjs/index.js", "module": "dist/esm/index.js", "types": "dist/index.d.ts", From db105c33f18095795721fa8f9bf72ec783e70994 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Fri, 29 Sep 2023 10:17:49 +0200 Subject: [PATCH 07/10] docs: :pencil2: Fixed typo for file path using tokens in Token studio (#871) --- design-tokens/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/design-tokens/README.md b/design-tokens/README.md index 2adbb016b0..30051035ec 100644 --- a/design-tokens/README.md +++ b/design-tokens/README.md @@ -12,6 +12,6 @@ You should use Figma to edit the tokens. You'll need the [Tokens Studio for Figm - Personal Access Token: _your PAT_ - Repository: `digdir/designsystem` - Default Branch: `main` - - File Path: `design-tokens/tokens.json` + - File Path: `design-tokens` You can now "pull from GitHub" (button on top right) to fetch the tokens. When done editing tokens, you should "push to GitHub" (second button on top right). From fefbdf3dd35de9da7bdf60ab13d991ae0740689b Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Fri, 29 Sep 2023 12:23:01 +0200 Subject: [PATCH 08/10] docs: added quicklinks just a small test testing fork updates with STAF --- README.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/README.md b/README.md index 925375e4a4..21b80af1b4 100644 --- a/README.md +++ b/README.md @@ -52,6 +52,11 @@ --- +## Quick links + +- [Storefront](https://designsystemet.no) +- [Storybook](https://digdir.github.io/designsystem/) + ## About the design system 📖 The Common Designsystem is a collection of important design elements and building blocks that can be used when creating different services. It's like a toolbox that everyone can use to work together and create the best foundation for public services across the country. By using this Designsystem, we aim to create consistent and user-friendly experiences in digital solutions for public services, making them more efficient and reliable. From d94a16c1712380e7214798d594160bf3c295f08d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marianne=20R=C3=B8svik?= Date: Fri, 29 Sep 2023 13:58:30 +0200 Subject: [PATCH 09/10] feat: avoid misunderstanding of primary and secondary (#824) --- design-tokens/$themes.json | 914 ++++++++++++++++-------------- design-tokens/Base/Semantic.json | 150 ----- design-tokens/Brand/Altinn.json | 218 ++++++- design-tokens/Brand/Brreg.json | 218 ++++++- design-tokens/Brand/Digdir.json | 218 ++++++- design-tokens/Brand/Tilsynet.json | 250 ++++++-- 6 files changed, 1242 insertions(+), 726 deletions(-) diff --git a/design-tokens/$themes.json b/design-tokens/$themes.json index 90d3874a87..50380e25d1 100644 --- a/design-tokens/$themes.json +++ b/design-tokens/$themes.json @@ -7,159 +7,143 @@ "Base/Core": "source", "Base/Semantic": "enabled" }, - "$figmaCollectionId": "VariableCollectionId:6687:22402", - "$figmaModeId": "6687:0", + "$figmaCollectionId": "VariableCollectionId:7721:2966", + "$figmaModeId": "7721:0", "$figmaVariableReferences": { - "semantic.background.default": "547be4a6f725dce5581aeff848cd126091f827b9", - "semantic.background.subtle": "22993e7f76281a8c733b70584ad8b110e90b34a9", - "semantic.surface.neutral.default": "2b7bb92eac0d3d9ed03d39b07f36e5eb5c41ebc4", - "semantic.surface.neutral.selected": "1fcf6120801f9449350924fdc7b76cb3310e8d71", - "semantic.surface.neutral.subtle": "4010e3431ac0a937e9ce19d089e2e0286b43e821", - "semantic.surface.neutral.subtle-hover": "d7111ac00f2ad3173551d48a1b8eb18aa6ce8780", - "semantic.surface.neutral.dark": "fa53069089a04f73f521c40a1c46f4ad9d8e5ab6", - "semantic.surface.neutral.inverted": "194a96b25d763571fce361d0b3f6549c1064ccf8", - "semantic.surface.action.primary.subtle": "a09e93c6839419cda7d3934a3cef122cf457f1e7", - "semantic.surface.action.primary.subtle-hover": "c79e750cbc6c3f09335358177c7f443ace28a890", - "semantic.surface.action.primary.default": "d870fbe1c740ff4762e48cffb41a4be0414b3d80", - "semantic.surface.action.primary.hover": "88c75aa37513dd6c8add70d06831b6b34a0eb7b5", - "semantic.surface.action.primary.active": "0025645316743a1fdeb40ab883d30e19393a34e7", - "semantic.surface.action.primary.no_fill": "9382f99a1bfdfbc7b3a7a28c010ddd3235927982", - "semantic.surface.action.primary.no_fill-hover": "545895419363e59ed758f28a48d0acfa1ea4a5d3", - "semantic.surface.action.primary.no_fill-active": "8649d43ea3ab0d01b33630244e3436880a4df189", - "semantic.surface.action.secondary.subtle": "107ce81a4d4e120b22bf90ebdac3cc25976cbc66", - "semantic.surface.action.secondary.subtle-hover": "b8c826b61db7addab887a4a98d33a3c312bcc207", - "semantic.surface.action.secondary.default": "eecfdbba6e6b011e4eefe1446cc5a25f6c5bbf05", - "semantic.surface.action.secondary.hover": "97b3da2bde709a21bd9428dab0344bc13073f7bd", - "semantic.surface.action.secondary.active": "755034f2b11a445343eef3bf73d93b94c53d9a44", - "semantic.surface.action.secondary.no_fill": "014aaa70b825b2055fa807287ca40d9a64af5991", - "semantic.surface.action.secondary.no_fill-hover": "8e81c0f99073b6e1a0902fbca898a42d7d186540", - "semantic.surface.action.secondary.no_fill-active": "3ad6e419293b45f5cfa131e030e6767d1dca28ab", - "semantic.surface.action.checked": "4f6f01bc5c4d227bc26781bcdb28307ca237456d", - "semantic.surface.success.subtle": "2a04aa79726fa40203dbf87b97dba8a52d86c23c", - "semantic.surface.success.subtle-hover": "442b3a51129177a638a96414f033fb73fe16cb06", - "semantic.surface.success.default": "835c7eb76b04fafe1ee1cc41f1ff229516008897", - "semantic.surface.success.hover": "70046e630d528d719d2da035b2a51f98132ba553", - "semantic.surface.success.active": "69c24d7453778cbfeb36ea36557ed7a1f7154459", - "semantic.surface.success.no_fill": "1e4ab306ff4119daa53fb664f82b2b2737c4474f", - "semantic.surface.success.no_fill-hover": "88c6155d1495b3ff7b91f00d015bffe2c836932c", - "semantic.surface.success.no_fill-active": "71173889289762979b7b91225fa07dc1294c5a46", - "semantic.surface.warning.subtle": "7afb734633f3f07bce6e98309b7d95ec7432f452", - "semantic.surface.warning.subtle-hover": "a13327d1d0720a7ceadd1ff1838ef301fc31d4f4", - "semantic.surface.warning.default": "2d43f9d9da78cd8ee96a7f65224a8c58d0be0682", - "semantic.surface.danger.subtle": "3d66a5bded55a5c6e2f9d295a36c739d96033c35", - "semantic.surface.danger.subtle-hover": "067b039f16fd58979bc13dbba682a5cbe070983e", - "semantic.surface.danger.default": "89e670463e494c3f56b0f5985c027c9a8f2da10f", - "semantic.surface.danger.hover": "2b72de1ad03b5025bbc0fa4b036832f5578b1afa", - "semantic.surface.danger.active": "98316e9a1662a2f013e3c1dc0c01be28aafd7a30", - "semantic.surface.danger.no_fill": "98781d722a2e9bfe576602e2f0f9d2e50b17c518", - "semantic.surface.danger.no_fill-hover": "8e80d1990e2f23b1aca3ee3aaa4c28ed949c6846", - "semantic.surface.danger.no_fill-active": "05d2aa80128fe5415071d83574d44e0326236e17", - "semantic.surface.info.subtle": "fcf5f1f73d7544b7bc6059db636b9dd6d9a890c4", - "semantic.surface.info.subtle-hover": "3b0ec42d5cf3cf51ba3c43fa48b60bda8dabf6b8", - "semantic.surface.on_inverted.default": "437831ac5d1fca3b0984f4e5b8da198649d07d01", - "semantic.surface.on_inverted.hover": "b2647990a16fe105bd4019d93eb913ecd882f52e", - "semantic.surface.on_inverted.active": "0ba2cf58b3ca9876c0beff959eac1cb82ff5afbf", - "semantic.surface.on_inverted.no_fill": "a2c4e6f36207446e31eb5b5869b479e0eb0e2eaf", - "semantic.surface.on_inverted.no_fill-hover": "b39380a9022ebe04ab836f33092502e21d89ee91", - "semantic.surface.on_inverted.no_fill-active": "ed6c0f14f56e45772685fe61303c9b0a61ca5db3", - "semantic.border.info.default": "48683ce661a0380eee289c93676417e0efbb392f", - "semantic.border.action.primary.subtle": "94fd6d1d32ca444122590350dbaf5d3890db21be", - "semantic.border.action.primary.subtle-hover": "cb78753790660fea147c282d8d149d1c4d4f95be", - "semantic.border.action.primary.default": "114aac0b0786b198a5588ad10e5913645513158b", - "semantic.border.action.primary.hover": "934ba4af4f1460486e0e8eae4b89033c829032c7", - "semantic.border.action.primary.active": "857157ae2f6c35ff9524cc0af9d3a4b0609b1c63", - "semantic.border.action.secondary.subtle": "29179e71847e1a1a375cf94b7ca7b8441c84c93d", - "semantic.border.action.secondary.subtle-hover": "602f06c869c86ce50cf5a80410f672b155bbcbb8", - "semantic.border.action.secondary.default": "20948acfebc16b98ebdec218156eb3d4156c0867", - "semantic.border.action.secondary.hover": "59b9c4d246e503f867dc67a58ea049bdff778761", - "semantic.border.action.secondary.active": "c44fc2b5b1167ed0a9721fffb500fbd953106d6a", - "semantic.border.action.hover": "a2f8f4e4e251e043760e84a07d2e45168db134c2", - "semantic.border.neutral.default": "6eef00f8c90207cd1a7887bfcd6def2021ab3bcd", - "semantic.border.neutral.subtle": "d7b34602ebe292a4b03305d26722b93960e93fc7", - "semantic.border.neutral.strong": "d83f0b3fbe1abeb0ae421abf1ebf2f861eec5b5d", - "semantic.border.neutral.divider": "1337bec4c9653819086501c3dd834106070075f8", - "semantic.border.success.default": "c17e24c57dfcf38afa3fd635149f5bf502fc85c6", - "semantic.border.success.hover": "af41a9a87003e106d894c92129bb7fd4ee5f9d49", - "semantic.border.success.active": "ba5934cd6304ab362abc073f7094473f45a094ca", - "semantic.border.warning.default": "b71fecd66d000a8438a4df1f8f865c487e798686", - "semantic.border.warning.hover": "3ff992de6c8ab280955895886fcf6dd04f2b3642", - "semantic.border.warning.active": "3afd9c0e921e1536ed1d06cc4b9c0090aa3f9420", - "semantic.border.danger.default": "c4628be9b604ed1bc0e894ca3a632a13410db647", - "semantic.border.danger.hover": "1ee4ff5071c03b2c28fd3939b6fd35a44f4fef37", - "semantic.border.danger.active": "934bcf8a7e0bcfdd722d0f4e24535065b434ca6e", - "semantic.border.focus.outline": "4188244d608672ede2da22a845c44e834a67b3b9", - "semantic.border.focus.boxshadow": "9c58800167b803070ddc4632c994dc9a7e0d899c", - "semantic.border.on_inverted.default": "46b934406ad4eeb0f65b78709d9edd838b677542", - "semantic.border.input.default": "a8b4d59734f6a241aff40e18ee986424766d4f50", - "semantic.border.input.hover": "ac38dbab5a26d82b72b15e77d41b191b38adcf9d", - "semantic.text.success.default": "7666e28949b5de4dc845332bfd2402e5900fc59e", - "semantic.text.success.hover": "f0a7e1bdf9b137f8b0eb3a073e4d785e56db36c2", - "semantic.text.success.active": "cab1dbce312318542006fad5148f9cb309a3b277", - "semantic.text.success.on_success": "83f0a2deed3b4892a851e225a5f0165ee89e7653", - "semantic.text.success.on_success_subtle": "d793befcff6ee788629a72e0e65bffd02340e0e8", - "semantic.text.neutral.default": "999292c3b8292787084d9c3859309b304186d367", - "semantic.text.neutral.subtle": "ed85f1e3cafad594a78f25d38ac2745531a32876", - "semantic.text.neutral.on_inverted": "2012fe721a4389ed69bf5049c4dd86cbd2937401", - "semantic.text.action.primary.default": "0eae0cdd52bc4e385a40e3bbebadf26c075b1132", - "semantic.text.action.primary.hover": "d33c8adcfcedafca4f5cdbc87bc5fc131d0df188", - "semantic.text.action.primary.active": "6f2a875799488a430e4c0eafe5f5aafb38fe12f6", - "semantic.text.action.primary.on_action": "45a43b2a6e3abbdab98bdd3b5584b42bb3494ad1", - "semantic.text.action.secondary.default": "471c26da804f5091f52774b29b06a03340e90b84", - "semantic.text.action.secondary.hover": "14e85a5f7a8a85f898eb4eef788d998b580a5b47", - "semantic.text.action.secondary.active": "1c6daf9472e2b256bc2ea4dc790e3dcc15a311b6", - "semantic.text.action.secondary.on_action": "1b750099a3b53cd4739f2f0e16d10c5930692ce1", - "semantic.text.warning.default": "40c0dba6acc5131bcb51edb9a158ca53431baff8", - "semantic.text.warning.icon_warning": "bbbc0e6fc49a33aad7f9f6a32fe6dde77885261b", - "semantic.text.warning.on_warning": "9dcedf3470a2b3f08e409ab4a9dcd12dc33a842c", - "semantic.text.danger.default": "1b822e5dd7badc7a5337ad35e9d8dad2dfe62867", - "semantic.text.danger.hover": "84a1c9357b7cf3dff89893996dc4b3900e9cdcf1", - "semantic.text.danger.active": "058584c92a6d4917ddeb46043dae3dcdbbd38b99", - "semantic.text.danger.on_danger": "e9270218dc1557427059c878aa6f72371c5e98ee", - "semantic.text.danger.on_danger_subtle": "de6b1a783f5f364a5e1a28fe77a49cf69c5e7837", - "semantic.text.visited.default": "e8f1115e02a17c368275c1ded94eba3bcfc4539a", - "border_radius.interactive": "719e02a9b6926f6a32e8b3efb1162b2c354aa343", - "border_radius.small": "7a9ee10b747f5db27d3aa404076fb51a97a25ded", - "border_radius.medium": "c61e65d00a27d695467785071a5dc9ec65959df0", - "border_radius.large": "9959b737e14ff9c6e0f13236b98062470905c878", - "border_radius.xlarge": "694b1d5abfe6fb5597de36a3b9c011f96692fb2e", - "border_radius.full": "eec47d123f630371be2d0ad88e0641897b672e74", - "spacing.0": "90a4e4bfdec6e38c371179fc3a19b8293a07b881", - "spacing.1": "c02bac25f99d2ad30acbf6a669c86a2512baca49", - "spacing.2": "4d12b6e18ef507baa52ab920d3d325d58ddbe0e0", - "spacing.3": "271c0cd1b08fd1461ce16c323f6927a572d2e351", - "spacing.4": "7417c8797a90c999cd57d5d453b5e3481111591b", - "spacing.5": "b9eb9d553157c9ffabe0e3a1d020e256e4e39d58", - "spacing.6": "896dd777c052d0eb5f130ec8b2020cfc80b63740", - "spacing.7": "54a918c200628c5d54c25c02e1ffff6030fdabd2", - "spacing.8": "0853ef6087fda36b6bc93e57c6fa5c109a3a7e8f", - "spacing.10": "43f28352ae3c76c334b2e2f240f4ebdfbb3dfd66", - "spacing.12": "a0eef940bbc84c6c16fd914f0a56dd335617e3fc", - "spacing.14": "903f63a96856c7e9903327346b328ac4ee63614a", - "spacing.18": "acf29c89f89c71a1ae03ed7a5a3353155ed3da91", - "spacing.22": "7350ea6fd858d5bc7e608b654473fcee981cc0c7", - "spacing.26": "9cc7ea33b0cf11cf9e6075b5999d84230d2af32c", - "spacing.30": "8d32043a0a49ea22a7ba9482f4a9fa17a77d7827", - "base_spacing": "5f19e70b885dbbe446add43f6b67ca2433669e84", - "sizing.1": "04546316bbf5e62d16b01db649e727afa33a0de4", - "sizing.2": "a36843841c36d32200d556a309cd80d28f419532", - "sizing.3": "72fb690afedf47dc2828a30a103502532b59f09f", - "sizing.4": "58594de6f8672d640f4dd6ea89d45479074266c4", - "sizing.5": "2c8d2dc1716d6f84da431228a829fe4417c3a3e0", - "sizing.6": "37faee348dbb66066cd283baae9d663c42994fb7", - "sizing.7": "f1c417a149739a5368fe785ca4d39232e875c797", - "sizing.8": "3f3c7b081669cd037a88c934d94c8c5b43520fad", - "sizing.10": "c398873434964ecf4aac52a609495e11866784e1", - "sizing.12": "09a658edb12e3ba57483e9418f23a3e713d24651", - "sizing.14": "97f68b49d6c57914e3b5f24552bc8fbf29af3b08", - "sizing.18": "d8dcf3513325da7530e7eee356d5d1927353fd80", - "sizing.22": "6894d0c64773fa24383a6b0dba3535fbc02f96f7", - "sizing.26": "5080816b83dcae5df4da562dcee9d9ec4abae3d4", - "sizing.30": "a76454842a6359bdaa36d1d98876a8442b83ca94", - "base_sizing": "8b2e38e747d963c47774762963f63383916e47ab", - "border_width.default": "9d16c8e36225953fb4962f8740c4c61564d5a301", - "border_width.active": "5a6e53c5e40ed0bba4925a247a6ecc099b7c4fa1", - "border_width.tab_focus": "064b5dac51141b65dfc44d3c255a04644cca3547", - "semantic.border.action.dark": "e447feeef19c9d45be5c1aaa78b0c83b0470ba62" + "semantic.background.default": "e7e91cad7d4d8c4993e5fa54b169c100fca291da", + "semantic.background.subtle": "5cd9c639c1c4123f1369dd902da15533fd7e73f4", + "semantic.surface.neutral.default": "cfb9180a64c4c113d2c003d7a02c7084f3d29864", + "semantic.surface.neutral.selected": "5defd32eedc3f2c7e64c6509ffe26b1917f5f6c4", + "semantic.surface.neutral.subtle": "0b7681e25e163a5b1416a93cd4471225a752da14", + "semantic.surface.neutral.subtle-hover": "de2da22043a941d4f30621b86eafeb8893554e47", + "semantic.surface.neutral.dark": "f428dd6eeada38db8c8fbbcf3b9938ae87f36c2d", + "semantic.surface.neutral.dark-hover": "f6dde872cd9452e3a77568bee36f1499e839155d", + "semantic.surface.neutral.inverted": "6dd7ba50b8e91439deb142bb1ae635cb26e73dc5", + "semantic.surface.action.common.subtle": "f5bdc3419e11920c78bb76100545676e5382c830", + "semantic.surface.action.common.subtle-hover": "3c840fec1e2d98aa3eb9053207288803766053de", + "semantic.surface.action.common.default": "3dd8dcd00bb776a5970100af5c254ad0e620dae8", + "semantic.surface.action.common.hover": "a1256baa3ccd5c889873c57f9e45ddb6a13bba28", + "semantic.surface.action.common.active": "9cc512f6733959dd82abaca405d250cbb2ff0020", + "semantic.surface.action.common.no_fill": "2c067af61787af725faf0c33cf0d26f3103bd0fc", + "semantic.surface.action.common.no_fill-hover": "ca65d9369ee8775d61a45d24f5afcef34e39aacb", + "semantic.surface.action.common.no_fill-active": "6a414595ef7e1f4d3b9ab7f1ec2d9d002d3fe5dc", + "semantic.surface.action.common.checked": "6724ab1ed3530681ff2c7d425068f21fc8bd2958", + "semantic.surface.success.subtle": "7bd203f8e3c9edb168e3677998afa2e029e10f99", + "semantic.surface.success.subtle-hover": "bd93a522d36ea99b1dbedc28023d38240f899191", + "semantic.surface.success.default": "15c28264e226ca1e133c8dab7864ee2cc6ca3f99", + "semantic.surface.success.hover": "f855dcd954d1aeec6b0da97cd22fb1ca496ad20c", + "semantic.surface.success.active": "bdf7fc358a82be4ee1a1e705a59e7c2137f5dbaa", + "semantic.surface.success.no_fill": "c8c1cae4212f00fbed29ac23f21249338697d31c", + "semantic.surface.success.no_fill-hover": "1149e2299393c578f51ca50e9aa3809c9a840524", + "semantic.surface.success.no_fill-active": "5c768f766d56a607cce1020d7e2bf667cb980916", + "semantic.surface.warning.subtle": "651349b9038aed7689a50916621cc13fe8c95063", + "semantic.surface.warning.subtle-hover": "692bf8fcc4e3b0936d32c24fb55df20b8d26de9c", + "semantic.surface.warning.default": "5fde026442b8b80687d10f7e7067c4e56b79e5bb", + "semantic.surface.danger.subtle": "ace186f60eefae7919c5276174827472fce3f8a6", + "semantic.surface.danger.subtle-hover": "9ad01ec7eeed5c1a0c93a8bae3c4a91bff8e8e2a", + "semantic.surface.danger.default": "1f8ac1fd0aa61cce0dcb0887b35f8a7fe83febc6", + "semantic.surface.danger.hover": "59f368ea54a9dee162f21f5ee1fa7f4e212b27c4", + "semantic.surface.danger.active": "618ed8b416a97826abb04bb61eab4c775b0973ef", + "semantic.surface.danger.no_fill": "3cecee7eaf626753ef94a1c9183507ffd056aff4", + "semantic.surface.danger.no_fill-hover": "14bfabb910e31fbcfa8d817e490605c9a37eda77", + "semantic.surface.danger.no_fill-active": "210eb634a846a53248941f6b7107c6cec2b19d90", + "semantic.surface.info.subtle": "ebee93032aefe05d6862e0e5a5a255be658d90f9", + "semantic.surface.info.subtle-hover": "020a1f38a918d49cbe7e851621e59ed039849e93", + "semantic.surface.on_inverted.default": "2f2cf0334763f0be0013d86951d43ed6d2fb2568", + "semantic.surface.on_inverted.hover": "c92521ba29b62e55f4802ec35662c9ec622b0ada", + "semantic.surface.on_inverted.active": "85127e4efdef259d8ca846ce633b6b67b3263a49", + "semantic.surface.on_inverted.no_fill": "0d6f8ac81d672291a204fa3ea76ac5b910f11605", + "semantic.surface.on_inverted.no_fill-hover": "8acf74d27a990d127050269c90aa05d0029e6813", + "semantic.surface.on_inverted.no_fill-active": "b6a4f3d89a860b7072491eb7fdad28bc4131bb72", + "semantic.border.info.default": "21cca19fc1c3a14f7f27d6ad3622935bbc0617db", + "semantic.border.action.common.subtle": "8669800fb2d0f12a24e302bae5f38393b1c29ace", + "semantic.border.action.common.subtle-hover": "f8fe5ef83802de793f223793dfac25103001ebf6", + "semantic.border.action.common.default": "9eb4143712134c7fc7b3791cc8be73f64ec5af1b", + "semantic.border.action.common.hover": "fa818d547035d15535034234f9118bf19863945c", + "semantic.border.action.common.active": "6c3d3ec528de1cdec5adecbc07cf86c4cd1918f2", + "semantic.border.action.common.dark": "43b7fdf5ee7eec5a99a5d4b460eb79d0fdfece38", + "semantic.border.action.common.dark-hover": "86d84d471e58e05971dbc3308da4d07ee6f1f6fc", + "semantic.border.neutral.default": "dc2a2d770f8d9be91f770503320fcb0c55153f9b", + "semantic.border.neutral.subtle": "99692cc14a56e45ca439e9c3c608ac73161fe000", + "semantic.border.neutral.strong": "defaa2623c44046838342f1da6b56efd9ac38f12", + "semantic.border.neutral.divider": "a322abf8d224aa60e30f620ec4474bf6b25905b4", + "semantic.border.success.default": "661504b28de00dc73f336ffb1dc5f9ee1e824e00", + "semantic.border.success.hover": "1e8ae8f06aee321425fe575836321339b295dd83", + "semantic.border.success.active": "1e070adae5bfd459b90e86a0bcad8080a312ffa7", + "semantic.border.warning.default": "126679ab7b9b35925c357b1800f272a4836d10c9", + "semantic.border.warning.hover": "18b999b0f6b0fea8242cf8899fff398e3dd4ed68", + "semantic.border.warning.active": "930d54cb39eeaee1aef5436f2c443e4b1a4ef932", + "semantic.border.danger.default": "0ca5a22ef2fd9d10418f3d82b2fd982d715930ca", + "semantic.border.danger.hover": "4ffb1917389cdc8fa294cf6bed58c65e6e4dca4e", + "semantic.border.danger.active": "4458a0f864870046a75b9d92e8767ea50592dc08", + "semantic.border.focus.outline": "0d71ebb82d592374ce6672872fd404732ea6f383", + "semantic.border.focus.boxshadow": "71a7f0dc43577c00e6965ff3f38c7bcf708435e6", + "semantic.border.on_inverted.default": "ee11fdcc0ab03b8e22e623e6029fd5f0788fb525", + "semantic.border.input.default": "0e4fd12d67159ceb871a820dbaebf001d8c3884e", + "semantic.border.input.hover": "0bf7867e90272b1f5d858f2210efa8613e2c4dfc", + "semantic.text.success.default": "5902ad2d2e08380ea63897c4a2c0abe765973061", + "semantic.text.success.hover": "cffbc33d33e4f64dfe3ce79eb85099537ddb9c33", + "semantic.text.success.active": "b44e0696de9b4bb7c4269a565b759cbd0283f8e5", + "semantic.text.success.on_success": "fe1c5375ddb6d36921246ac522ed90edbe71dc39", + "semantic.text.success.on_success_subtle": "6b724f6b2b401d8bb4d75865b15bd32f5e276c10", + "semantic.text.neutral.default": "0903f7873307965435a1afd3e4026ae3be2d204e", + "semantic.text.neutral.subtle": "7779664fb70a118bcbe00e01d02f95b9687a5704", + "semantic.text.neutral.on_inverted": "d1ef2831833f5c69dd6bac90ae86dbf7cfe6fca3", + "semantic.text.action.common.default": "0b5947e68051c95071ec9d3ace02ea523e091f59", + "semantic.text.action.common.hover": "263ac432a1890bd2c2420af71aef553862730e80", + "semantic.text.action.common.active": "7caf2d99efc73753ad7794ec80a3a74b2c2a1235", + "semantic.text.action.common.on_action": "26d0fa2b02900870d102e974df033c033ae4ecb5", + "semantic.text.warning.default": "f8435bfae64ab932a54eb3366bc51f83590ef5b0", + "semantic.text.warning.icon_warning": "4e8ee733bd86cabfaad29f59fe15bf1e5eed5923", + "semantic.text.warning.on_warning": "8c93a9a75795f981e8340d71497d36fc59da414a", + "semantic.text.danger.default": "f35f33ef5c272847b32f3a458cba364bd621b0c0", + "semantic.text.danger.hover": "0d97758d5e72c92e7740490dd64fdb3735e7f0b1", + "semantic.text.danger.active": "f9201468bdffefdc81c25707a946ac987644ff89", + "semantic.text.danger.on_danger": "c4690ebc5df479b729563ab67a58187c3bd3179d", + "semantic.text.danger.on_danger_subtle": "a73ccb113189004f0b850c0fb525717dde0850d1", + "semantic.text.visited.default": "23cf9f9bf3a5154a92fa4c2db72705239d379830", + "border_radius.interactive": "d0197f67031abf0002e4af4157192b013f3c2968", + "border_radius.small": "147fa48d1111e172c686060bd89d793dc080501d", + "border_radius.medium": "100abf46647f0e29906bbc471c150750c5112ef5", + "border_radius.large": "346e26e76f97b4b478975436856c1fa19e6e755c", + "border_radius.xlarge": "0a235a595afeb4a784a13a2d365b7e3dac32e0af", + "border_radius.full": "e167c834356039e5be68596ee4b18d0e2c5ffb26", + "spacing.0": "c0a452ad9e2555e8885ad03e22bf6726de279b5b", + "spacing.1": "3a751e741c52f35df45bea76ca1f1d4bbcc8189c", + "spacing.2": "f6670477b357047f45759484aeffbe22c83c76aa", + "spacing.3": "07f8edc3822d9b5a363565815ba0bf23d8524411", + "spacing.4": "dcd0829950ddca2ff3c608edf71d6de12d7b56e4", + "spacing.5": "bf8bac25dec2bdaa3b95b97737570d7d4ee1625e", + "spacing.6": "b4117d9fe6c1b2104e8d1938f5885fc7cca95a4b", + "spacing.7": "e8fc3b4d4b34131805d4b60b6a19695d80406290", + "spacing.8": "13e912de0f2b3877ac719b9b6437bd1f83b74cd6", + "spacing.10": "98e72ae88d022522172713315071618da5774f8e", + "spacing.12": "b39b157e89ffe318b5613ebe8e92cc6b65aa0934", + "spacing.14": "88893e9d6ecf9d5147767e34498c57b345e52096", + "spacing.18": "11bdcdac5048ceadc12e41bf26f06f4f3c035a8a", + "spacing.22": "fa0c08958dcd6ee93195a5e5dd5bbb2894bf26b4", + "spacing.26": "50aca80d886266dbb5578ea44746175e88ba6b95", + "spacing.30": "412b8378c14840ab8865cc86232289244c1c8cb9", + "base_spacing": "729c72b4ea11009164ebd3395633cf2f6aef8249", + "sizing.1": "d44cfeccce68eab89d09591518fc32e108890484", + "sizing.2": "1d69ff6bd36a1a69a4701397389b46539e9efeeb", + "sizing.3": "b645a8c79e0078c54d579cd3d6fe61c0390118ee", + "sizing.4": "70ed621a94a4a9a3e4e7000d1d2a2b3bbfb1fa0e", + "sizing.5": "c0e63cac333a2514826c29256634190dfe007ae0", + "sizing.6": "31512b569fdc9057e89ee714f6c314dbb0aed467", + "sizing.7": "220e99598eeb57469c5f1a51afd11374f961f423", + "sizing.8": "d3c0b7132bd3cf7f4e97bfe034ced4afdc1b0627", + "sizing.10": "62b37fc4067d2762653ff6872d44ac529c2873e7", + "sizing.12": "d9e53776f2795121838722d82eeae090cd94864b", + "sizing.14": "711fee0840389f17e18700dedd77979ae32f0335", + "sizing.18": "f88be992519e1f8bfe3d8115217d2acf6a4cf677", + "sizing.22": "7f509409e3625e2fb0449df7d2d42cd441f3e82a", + "sizing.26": "eb188af80483d28495f216ab18dba1cf5634f691", + "sizing.30": "dac41f8e7618e2e2c8cbb9c73187e7798260583f", + "base_sizing": "7efead99136e81bed601b9c01e27e28e7e8a2e1b", + "border_width.default": "dfcd0568ecfbf3837e887626b694fe16b0335d86", + "border_width.active": "a597eedd5138fb532a105011b85d756b6862ff52", + "border_width.tab_focus": "d8d78247b3135f9a462ba968b4f8fe552c8b0b17" }, "group": "Core" }, @@ -169,7 +153,8 @@ "selectedTokenSets": { "Brand/Digdir": "enabled", "Base/Semantic": "enabled", - "Base/Core": "source" + "Base/Core": "source", + "Density/Default": "enabled" }, "$figmaStyleReferences": { "heading.heading-xlarge": "S:3c153973cb7a9a9c750db73e13e99baee56692e7,", @@ -295,7 +280,6 @@ "semantic.background.default": "S:aa05601b5bcf03508012ba6b87a2293984b31e3f,", "semantic.background.subtle": "S:69bc5795ca06ab12402fab8778139626f3de589f,", "semantic.surface.neutral.inverted": "S:342e6a24beb1d93152914f61f3a1a11a2f8188e2,", - "semantic.surface.action.subtle": "S:f159c7f63f4e095cb75bf770cf0625366a56d8b6,", "semantic.surface.action.subtle-hover": "S:71d1e125704adf63c5b0ffd42421d808bd322531,", "semantic.surface.action.default": "S:eb4951e1f7cfd99d167e4ab67d3edc2c3e412a60,", "semantic.surface.action.hover": "S:4e4bb9c41d91a71b50bc5d84fcd0e22630628ba4,", @@ -328,7 +312,6 @@ "semantic.surface.tertiary.tertiary-hover": "S:80e9253afce445a3c6f2a6bd98c372501933ee6b,", "semantic.surface.tertiary.tertiary-active": "S:b689fae8c6cc5fd27dae42b560d971d5e7dbb9ae,", "semantic.border.info.default": "S:19df2fc03ec24346fa30c0b37d50b64cb0c85614,", - "semantic.border.action.subtle": "S:04ad95c402fd76ed849b1031835632c8d3c06236,", "semantic.border.action.hover": "S:bc8730939b4c02ed642ca9a8e5397ecaad9ec020,", "semantic.border.action.active": "S:019654324698b19d71ba02e616e183dfb30f15b9,", "semantic.border.neutral.default": "S:86de0ad5e55f2e4ac7cb2a0ad8f48105e6e9a626,", @@ -352,8 +335,6 @@ "semantic.text.neutral.default": "S:ff25f9c6a756a42bc0124e07113dcf88a850b704,", "semantic.text.neutral.subtle": "S:b9232f360e337f73b13c80760edd2348d3869247,", "semantic.text.neutral.on_inverted": "S:eb14dc1096bbccf930da18005deb357bafa6bc21,", - "semantic.text.action.default": "S:e7ff72a6683853f5403350ace19fdef1cf265a06,", - "semantic.text.action.on_action": "S:a8b81cc349e852d00861be87404778bc6aab598c,", "semantic.text.warning.default": "S:fe3805478223d98b0a890f4aa9c9f748402ad858,", "semantic.text.warning.icon_warning": "S:d839a0ba929a7eb4596f88a46c2d78ef19c8bb4a,", "semantic.text.warning.on_warning": "S:37cbee9d1eb7e246fab472e635705bee4ba871cc,", @@ -416,38 +397,51 @@ "semantic.surface.primary.light": "S:5d186a6b3411853833badfc76abd94a6fdfbc63a,", "brand.secondary.900": "S:23925b130515fb61d12fb3414165f61e094a6262,", "semantic.surface.danger.no_fill-active": "S:edd236f2e24d2f9f83699730b5ef792aa03d96a5,", - "semantic.border.action.dark": "S:38130df3c467c65fd93968897876556bc5bf60e7," + "semantic.border.action.dark": "S:38130df3c467c65fd93968897876556bc5bf60e7,", + "semantic.surface.action.common.subtle": "S:f159c7f63f4e095cb75bf770cf0625366a56d8b6,", + "semantic.border.action.common.subtle": "S:04ad95c402fd76ed849b1031835632c8d3c06236,", + "semantic.text.action.common.default": "S:e7ff72a6683853f5403350ace19fdef1cf265a06,", + "semantic.text.action.common.on_action": "S:a8b81cc349e852d00861be87404778bc6aab598c," }, "$figmaCollectionId": "VariableCollectionId:6324:1609", "$figmaModeId": "6324:1", "$figmaVariableReferences": { - "brand.primary.100": "63e5e5b3492f8c2eb6a3bf28c4cdaf30fec110dd", - "brand.primary.200": "057a0b83108d7485acbacebb29af2ee8f628c8e4", - "brand.primary.300": "c1a6210a67e3c9290e972b3127fe73233ad4905d", - "brand.primary.400": "38ccc2cc05db7ea9e99eda35fd354707495a0cfe", - "brand.primary.500": "d479b864ee86e8411de049e55dbd908afe4ae7f1", - "brand.primary.600": "3995e5d4157b1aeaa9701cb5714ddeb461503f83", - "brand.primary.700": "eec213633fbb0c6d63a98a59d12acf71c624152a", - "brand.primary.800": "d310bdd0df53387a640db959beacfc5d157307a7", - "brand.primary.900": "4a937700819d82f1e1f082e5f230b2812d9cd6f9", - "brand.secondary.100": "a32a0344383475cbd2023cf273aff956643242d1", - "brand.secondary.200": "6ac42a7e62972ab39041eea68710bd9ba25c622e", - "brand.secondary.300": "e5015df164b88ce0f1d922c963d29756f0373fec", - "brand.secondary.400": "898c7ca507941ba9a90135b9f9df79bfb006ab24", - "brand.secondary.500": "64cf58b12d5aeb65bc36c2b5c3f611e4a9cb10c4", - "brand.secondary.600": "9d412892cf80820fc6e7fdb7234580a8551e1112", - "brand.secondary.700": "12c7276781ef624da47484329dd12d30bccf4994", - "brand.secondary.800": "c9888b116e2fa883a51fe9a187952dbfc857c14f", - "brand.secondary.900": "9763647eec7e34fd400ac567e724b69ef8ed161c", - "brand.tertiary.100": "fe3d859f5b7bc074d478fb8a1b8de6454ec4aa78", - "brand.tertiary.200": "3d38368d37ae7ceb1dd81cc3ce7d01db46d080c7", - "brand.tertiary.300": "79cc7aad64074e9d97fb244288e7ac376819b1c4", - "brand.tertiary.400": "8330876aad27733ba10126b766f818e29ece6085", - "brand.tertiary.500": "8c53ad76c588803c2c3ddb5439e1d9c854b392d7", - "brand.tertiary.600": "571575ca17cee47233e899ef40c02b68348707f5", - "brand.tertiary.700": "1572d330e5501e5a1f2ee2010f5c53117ad5ab68", - "brand.tertiary.800": "e651cae9105e716e7d884361f3bf896a50e2d628", - "brand.tertiary.900": "14e1a6aae891ced8841151216cec25d63bedda1f", + "component-mode-height.small": "0b2f3753457a44472f9ab086f5cc2fa154ffa26e", + "component-mode-height.medium": "7a23d75bf57b3f6f038c5bd7b2d50ffe3e19ea24", + "component-mode-height.large": "ee9bf703bf09f764bfe535e5ec0f02f956ab1380", + "component-mode-spacing.small": "faf2a0357d659b2a6c42082be56d7e463ff3d92f", + "component-mode-spacing.medium": "975e5f00e008bd6f1a5330f496bc489b71a5d6fc", + "component-mode-spacing.large": "598bafec3dcda87030f698042875bf07e7812110", + "component-mode-gap.small": "d67d4cc3a0577f04850073ab08bf641d940e2c05", + "component-mode-gap.medium": "c7d623fb1de89532a2ab4b4bfeb3e15e9f70107b", + "component-mode-gap.large": "5f29fbde252e39a188bcfa6d35775216efe0f1e5", + "brand.alt1.100": "4aad3c2d1e9705bdfd285550a9e08950d7ce7c17", + "brand.alt1.200": "b29c57317b25742516666bd260e5bfe5c751164f", + "brand.alt1.300": "88b9cb771cfc628a54a546c7b924528dd0cde449", + "brand.alt1.400": "f9bc97ac5c9470f249fc22c2106ae9cc0e79c96a", + "brand.alt1.500": "e4a075d5ad1ac4c1a91fc3064b9abab52e543b87", + "brand.alt1.600": "e0e5a45e03ef29ed89b590e5c14438191a25a2c4", + "brand.alt1.700": "89ce4f02f32c61f6e48842e7cee289650b27f290", + "brand.alt1.800": "44fd7844e26551a870ffb7a9d50f554d648391bd", + "brand.alt1.900": "a316c90203c239c2727aedccb255e53abb2d2c89", + "brand.alt2.100": "52a17010b7a9ea59231d205c9165ef271894e96d", + "brand.alt2.200": "b80ed7f8c02c73bd0c951e4aa92cf9521aac0e52", + "brand.alt2.300": "2f18fe7a8a2697237825a4b78fb062a00d36e2ba", + "brand.alt2.400": "602f7440f7e436d816f0a69297d81a795f123335", + "brand.alt2.500": "8da24db700818fa2345724afba0e708c10bb0344", + "brand.alt2.600": "3cb486e824b5cd0ddd5cd945e0234bdb2c46ba35", + "brand.alt2.700": "02ee1a451119cf90d88bedb933ffce6cee41913e", + "brand.alt2.800": "afa77811a6432c0ef38fffbeaba36a15862cef20", + "brand.alt2.900": "3ffc5b092459e773b9c551876f7e7655b37f4bbf", + "brand.alt3.100": "86ae2e670ba5b48721b7c545405af49103769e96", + "brand.alt3.200": "4407368e2ce6e3f9351b5f63339b24a0f4cb75d7", + "brand.alt3.300": "dda69b2d21b3622c773c0dcdb9ac69c79ca68530", + "brand.alt3.400": "5c6e30f4339fbeff0a7d3b3a59ccf9f7d9a12163", + "brand.alt3.500": "cca87ae300b4afe35de08b67ba37151550449136", + "brand.alt3.600": "07d10df79bc3bdc1f90feb12853451b8ef2a1012", + "brand.alt3.700": "89e7c552d409c7149d1567bca1b715c70b5b9c03", + "brand.alt3.800": "6043cf9d056f718d8566ffd7f4f8ba4ca4558612", + "brand.alt3.900": "9c008ccc7703add21d2ca7e7ead0e897bc6cfd86", "semantic.surface.primary.light": "3dff5fed1bb86b9a135dc2559c45e9c21f5ddd94", "semantic.surface.primary.light-hover": "0ce4ac0cfd64af0e59fa30c432ad2253ad1d225d", "semantic.surface.primary.light-active": "12d48db064c5a1da3d54a4617714849a886a11b3", @@ -460,6 +454,22 @@ "semantic.surface.tertiary.light-hover": "19f169a88a9ce24aab9e8b17b500413c87e87dbb", "semantic.surface.tertiary.light-active": "ca101124ae0d2aadf85fd8047f08d376128bc17d", "semantic.surface.tertiary.dark": "abfb1593ceec73e5c7c04efceeb4aa849f34acf5", + "semantic.surface.action.brand_alt1.subtle": "569217923b570193583d9f7a71286621a266cdc6", + "semantic.surface.action.brand_alt1.subtle-hover": "d5bd3cc2bda5445411e7ff9c7ea5d37ef06e6717", + "semantic.surface.action.brand_alt1.default": "1ffb00ab4071d58dc3a7ccfb45ed532e1cd1fbde", + "semantic.surface.action.brand_alt1.hover": "9785a59f3686e9ef0b6deeeeaaa5937315c31839", + "semantic.surface.action.brand_alt1.active": "6156619f94df8bc8e14467bb43dadb98f766c59f", + "semantic.surface.action.brand_alt1.no_fill": "65dd4c9cc9c2953c34c1f1db462f80494bc266aa", + "semantic.surface.action.brand_alt1.no_fill-hover": "35985cfb7798c765bd92e687c6c49acbcc9d5a82", + "semantic.surface.action.brand_alt1.no_fill-active": "d6bc35e339798596f743693ccc010f9e7dbb6d1e", + "semantic.surface.action.brand_alt2.subtle": "cb33e0302edc44c5debaf9a974b65527f924abea", + "semantic.surface.action.brand_alt2.subtle-hover": "5d36eac128e74a297e330470d5f4999213227ce2", + "semantic.surface.action.brand_alt2.default": "2ede466ea9f650c1b0811f12fcf7794684cd295a", + "semantic.surface.action.brand_alt2.hover": "5fa19605b405a358ab518fcf76e1b742fe284ec2", + "semantic.surface.action.brand_alt2.active": "652b31b9f7810ef55981ef9dc2f17f37b4a55aa4", + "semantic.surface.action.brand_alt2.no_fill": "8b7de4272c93eca66b67bea465e588a9076b173b", + "semantic.surface.action.brand_alt2.no_fill-hover": "abd75269b771ca8f4b566639647ffb236012c411", + "semantic.surface.action.brand_alt2.no_fill-active": "19fdc12d684d66c4b62ac1730fec93577cb19180", "semantic.border.primary.default": "26d7d78349bdbfff162fea599c03aa6b6dd6b1c4", "semantic.border.primary.hover": "ec54d7ad0f9c8bfe0a02c77af471b3a5c73d2e36", "semantic.border.primary.active": "87442a8b64934289de42a249b154156fbf384284", @@ -469,6 +479,24 @@ "semantic.border.tertiary.default": "09b9bf835501e0713abb2be09a7142195aa911b8", "semantic.border.tertiary.hover": "1e231d7a9fdbb38a9a76df1c75bc29b0c9ba333b", "semantic.border.tertiary.active": "d2e5800d58e5796542422879a28194f1c708ff6f", + "semantic.border.action.brand_alt1.subtle": "ce219465c87404c91dd11d5ec48aa8e26a4b6cda", + "semantic.border.action.brand_alt1.subtle-hover": "8b2ddd14ba0fbe510114535ce53aedc75c8d4f4a", + "semantic.border.action.brand_alt1.default": "240490a7c68f61f179d2f609473656bb6d4d3825", + "semantic.border.action.brand_alt1.hover": "9ff3015a2acad304a869dcff5562f38fd9069ea7", + "semantic.border.action.brand_alt1.active": "0f60f77b98525932bf7c8dbdcc5708b832bfc32e", + "semantic.border.action.brand_alt2.subtle": "48d3ea849f38d906f6e8529ef3eefe82f24a8aaa", + "semantic.border.action.brand_alt2.subtle-hover": "77351e76cdf3461b0e0c951a95b26b6e4418f80f", + "semantic.border.action.brand_alt2.default": "4460485af2d68e6889e24bdccf3af17ed63a4a03", + "semantic.border.action.brand_alt2.hover": "56f6fb7218e555648f7df4d782bbce1b7835f5b8", + "semantic.border.action.brand_alt2.active": "e5af7480690111bbec35b957aecb7670c62d2700", + "semantic.text.action.brand_alt1.default": "d06698428455e574641d941f6bf470503aff6571", + "semantic.text.action.brand_alt1.hover": "1717155c5696e84b5ed991dd27ce70af2c47fdf4", + "semantic.text.action.brand_alt1.active": "7b703d65b372e6af59e2e257b60b7b26fe180764", + "semantic.text.action.brand_alt1.on_action": "8bda1f00f4c40e3315b44bf0d08b63875b985256", + "semantic.text.action.brand_alt2.default": "1d4ec6c36a0e1121fda05c0ce4f95c5d1553e6b7", + "semantic.text.action.brand_alt2.hover": "de47a42e752d8aedcd10b908ed0090a3e0e9ca88", + "semantic.text.action.brand_alt2.active": "c7569ec1056825c1a52b9549611c48637d8c2fea", + "semantic.text.action.brand_alt2.on_action": "663bfa559afd3875a77cb82e602644b6290d72d6", "semantic.background.default": "25860544ea24bfc677bf722b5e20ea3fc631afd8", "semantic.background.subtle": "5055f730eae40b1d8f36c27f4ae6d48fe85add82", "semantic.surface.neutral.default": "94fc7e07e074a3a933e7dbcd45fb6578bb727c8b", @@ -476,24 +504,17 @@ "semantic.surface.neutral.subtle": "072113acf733592a7331b0a60e6a4eeaba3f51f6", "semantic.surface.neutral.subtle-hover": "19eb9af0393a16ae01a48972e77a16efb16eeb21", "semantic.surface.neutral.dark": "18e3ba1f54c2b363135f1498775fb4e96e9074da", + "semantic.surface.neutral.dark-hover": "efcf3d7a4016df005cd2d858ef733ceb8b2d6bca", "semantic.surface.neutral.inverted": "829ca533c51e3313229bc965096af00de00887f3", - "semantic.surface.action.primary.subtle": "4b4fcdea8db61ae0dbc8cfe92e43a14b0bbbd419", - "semantic.surface.action.primary.subtle-hover": "d222e50958a1a181215b0e7c08fab68e531dc72f", - "semantic.surface.action.primary.default": "3224793ea7d4779be7145901373bd958d74449c7", - "semantic.surface.action.primary.hover": "67d3e0a6fe5bffa2b601cf549d677e9dffe91e06", - "semantic.surface.action.primary.active": "45019ba69f93a6704efdf7ad33c9bdf5f5cf17a5", - "semantic.surface.action.primary.no_fill": "f71c5104b0a17c2dbc0b8696f775ce56453e306c", - "semantic.surface.action.primary.no_fill-hover": "c882e6f21b1bd5671cf67931694ecca0e545510c", - "semantic.surface.action.primary.no_fill-active": "49546fbca10893ed632a44065e31464a182fd3e0", - "semantic.surface.action.secondary.subtle": "a8189f9429cf9d9573261606c932d038351dd194", - "semantic.surface.action.secondary.subtle-hover": "849d739cdbcbce5bee9babcdb9a30b7c29f08d0c", - "semantic.surface.action.secondary.default": "289db1f10554ebef6eff1698b18cbf1fdadfb9f9", - "semantic.surface.action.secondary.hover": "270134da72038e940c6259cbf5ae45760ff5ba2b", - "semantic.surface.action.secondary.active": "5b980d8e424956fb9164fe9ba04bb6627c6d4a4b", - "semantic.surface.action.secondary.no_fill": "93001593b13c2f9e232066ed5e218576754f69e9", - "semantic.surface.action.secondary.no_fill-hover": "d33e63d8f3c212ee6a6c98039b49c712cb551f17", - "semantic.surface.action.secondary.no_fill-active": "3d188a0071be6874c09cc10a36b3127da959ac40", - "semantic.surface.action.checked": "a012df3f7f2ce68950a401de91633c3e70a7f6e7", + "semantic.surface.action.common.subtle": "75cc22bd5c6c94a5e5fb23cd164aaec5506a6c4a", + "semantic.surface.action.common.subtle-hover": "f5375de1115faecf98170313fcdaf570e53cd4b6", + "semantic.surface.action.common.default": "cf6d54f74547d2b4abde13a874084446a16c5c96", + "semantic.surface.action.common.hover": "981d112837bf874490151a3666939a023862dccc", + "semantic.surface.action.common.active": "cb0e487a0079d8bf60b587b16f66e2844915a38d", + "semantic.surface.action.common.no_fill": "b2112d2d9f8fd4cb46c992d396f383a2e2867c88", + "semantic.surface.action.common.no_fill-hover": "07e581146cfef97f7992a37fe2c795587484c2d0", + "semantic.surface.action.common.no_fill-active": "4b4db73b559b8b03285458d6fafb6956da4768a3", + "semantic.surface.action.common.checked": "f546d1adf80894cb56e7565edce63d847d909642", "semantic.surface.success.subtle": "4d65f5a3b0724e554432b0f3b4a6f9d8eb32532c", "semantic.surface.success.subtle-hover": "92f493b4e256f985653ddd390827c9bbfbaababc", "semantic.surface.success.default": "af25ae7d2fb04081fc80b7dbf4832443bb4f7d54", @@ -522,17 +543,13 @@ "semantic.surface.on_inverted.no_fill-hover": "95c81a1c06bc82cb1afd51300a27d65e4ff52269", "semantic.surface.on_inverted.no_fill-active": "d3d2ee87d81af7bd2f06ca6bc46c54481f349eea", "semantic.border.info.default": "706d2ddf232b2159e8082ed895ba160ddb3ea807", - "semantic.border.action.primary.subtle": "6bc771b3969e960825b8fedf929a033fbbfc93fa", - "semantic.border.action.primary.subtle-hover": "aa6e077bea51bce391c4657318afede1d0a8ddb4", - "semantic.border.action.primary.default": "2b8f878780a4bb5cbb51fb4616e58cabdbc4d120", - "semantic.border.action.primary.hover": "ac58b4805ceec71060f771b43e856e6d3254710a", - "semantic.border.action.primary.active": "96bcd30fcc6e6109007b33b51614e419509d9b53", - "semantic.border.action.secondary.subtle": "7fb6049ba38729ab4de9b861013950dd05fb1620", - "semantic.border.action.secondary.subtle-hover": "3db6a49ebefd58167a7aa2f6df6a9933eb63b22e", - "semantic.border.action.secondary.default": "1982d70d5d0554312964527b839818103942ad07", - "semantic.border.action.secondary.hover": "5a198e77a279505db0762533275d772d3cdb1137", - "semantic.border.action.secondary.active": "147ad7bee625c87b00c3bf733523396cfcf8aeee", - "semantic.border.action.hover": "ab15b7ba98f93f5349337859d8c4e0a1bb4b64a9", + "semantic.border.action.common.subtle": "2dee87d7622b0260c4b890fb48b45c1282131722", + "semantic.border.action.common.subtle-hover": "409f719b2a8a97d966c328ecacbe29655d02bcad", + "semantic.border.action.common.default": "d8960a64a391a0ff4dba9607c9f02b95ad66ae88", + "semantic.border.action.common.hover": "883575c9a42e0f8960fea191c54531e5cbd02dc0", + "semantic.border.action.common.active": "7440d4fdd3c9c2f2ce66aad11679adb12c4cc4ec", + "semantic.border.action.common.dark": "a35bbd3ec28cf1359467bfbbbc71cf5742119c7f", + "semantic.border.action.common.dark-hover": "7276d1390533d130ee3a9b9757fe7f6e9f696391", "semantic.border.neutral.default": "926cf2c12ee7510e905c5935d04a99c27e780bb6", "semantic.border.neutral.subtle": "61eaf517c6981184009c98e80d58a953ab69422f", "semantic.border.neutral.strong": "5832f6ab88c2f25a74ff6f18d74d8981513ed59f", @@ -559,14 +576,10 @@ "semantic.text.neutral.default": "e084264f5b933e90fcc6a152cc5fffa7244e30d6", "semantic.text.neutral.subtle": "cf105793fbd54f73824598418634362ca60c8e4e", "semantic.text.neutral.on_inverted": "f0ce02d3118b486bc9fb3f61cf841923f89699b4", - "semantic.text.action.primary.default": "2f6d8e179b0fcbdbf61fc138ff9b0c0677fdeaf1", - "semantic.text.action.primary.hover": "c7e534c241ae5410dbe4b9d7b1017a996b0cbe41", - "semantic.text.action.primary.active": "ad4cd4e443a3a69634d59294cacd75e5c5f160c7", - "semantic.text.action.primary.on_action": "72310ee8ad1ba5a19ec023832d9add405e4ab2b5", - "semantic.text.action.secondary.default": "88899d057d7c8584c2b58fbee927af49ce1116d8", - "semantic.text.action.secondary.hover": "e169afc172cc4338acca8783e2885d292e31d885", - "semantic.text.action.secondary.active": "68ec1bce96ec8e116ff96d764587f0c90d48878f", - "semantic.text.action.secondary.on_action": "9a713327fb5fe555ff10a035d4b3431a9bf517a1", + "semantic.text.action.common.default": "495ee8a45ae8e334edf3c1d81656d3ddd0820254", + "semantic.text.action.common.hover": "d7a603cd6efb370dfd7093aa7964676bf0c481ce", + "semantic.text.action.common.active": "648c8be35aea3a3d994767fa225c284fecfe6f9f", + "semantic.text.action.common.on_action": "d3f684d7c3abf080e66c440a70946ee2db7a9177", "semantic.text.warning.default": "372f89db084bb2d76a43a1caa625b89eed667600", "semantic.text.warning.icon_warning": "4d57242be884beb77ede81db3649de6e7158c8c8", "semantic.text.warning.on_warning": "80ace6af38f4f1bde0014e9d3987eae17b3c20b3", @@ -617,8 +630,7 @@ "base_sizing": "9720ca86555bde90493208437a6f5cacd270ee0e", "border_width.default": "b44447ba2e2504923d4903e4eb14954434480085", "border_width.active": "82d06b8c6fdeea622611fa744ff261661a211760", - "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7", - "semantic.border.action.dark": "0f2c1c18c8204303501a0f6adc9a06b98861299e" + "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7" }, "group": "Brand" }, @@ -634,33 +646,33 @@ "$figmaCollectionId": "VariableCollectionId:6324:1609", "$figmaModeId": "6324:2", "$figmaVariableReferences": { - "brand.primary.100": "63e5e5b3492f8c2eb6a3bf28c4cdaf30fec110dd", - "brand.primary.200": "057a0b83108d7485acbacebb29af2ee8f628c8e4", - "brand.primary.300": "c1a6210a67e3c9290e972b3127fe73233ad4905d", - "brand.primary.400": "38ccc2cc05db7ea9e99eda35fd354707495a0cfe", - "brand.primary.500": "d479b864ee86e8411de049e55dbd908afe4ae7f1", - "brand.primary.600": "3995e5d4157b1aeaa9701cb5714ddeb461503f83", - "brand.primary.700": "eec213633fbb0c6d63a98a59d12acf71c624152a", - "brand.primary.800": "d310bdd0df53387a640db959beacfc5d157307a7", - "brand.primary.900": "4a937700819d82f1e1f082e5f230b2812d9cd6f9", - "brand.secondary.100": "a32a0344383475cbd2023cf273aff956643242d1", - "brand.secondary.200": "6ac42a7e62972ab39041eea68710bd9ba25c622e", - "brand.secondary.300": "e5015df164b88ce0f1d922c963d29756f0373fec", - "brand.secondary.400": "898c7ca507941ba9a90135b9f9df79bfb006ab24", - "brand.secondary.500": "64cf58b12d5aeb65bc36c2b5c3f611e4a9cb10c4", - "brand.secondary.600": "9d412892cf80820fc6e7fdb7234580a8551e1112", - "brand.secondary.700": "12c7276781ef624da47484329dd12d30bccf4994", - "brand.secondary.800": "c9888b116e2fa883a51fe9a187952dbfc857c14f", - "brand.secondary.900": "9763647eec7e34fd400ac567e724b69ef8ed161c", - "brand.tertiary.100": "fe3d859f5b7bc074d478fb8a1b8de6454ec4aa78", - "brand.tertiary.200": "3d38368d37ae7ceb1dd81cc3ce7d01db46d080c7", - "brand.tertiary.300": "79cc7aad64074e9d97fb244288e7ac376819b1c4", - "brand.tertiary.400": "8330876aad27733ba10126b766f818e29ece6085", - "brand.tertiary.500": "8c53ad76c588803c2c3ddb5439e1d9c854b392d7", - "brand.tertiary.600": "571575ca17cee47233e899ef40c02b68348707f5", - "brand.tertiary.700": "1572d330e5501e5a1f2ee2010f5c53117ad5ab68", - "brand.tertiary.800": "e651cae9105e716e7d884361f3bf896a50e2d628", - "brand.tertiary.900": "14e1a6aae891ced8841151216cec25d63bedda1f", + "brand.alt1.100": "4aad3c2d1e9705bdfd285550a9e08950d7ce7c17", + "brand.alt1.200": "b29c57317b25742516666bd260e5bfe5c751164f", + "brand.alt1.300": "88b9cb771cfc628a54a546c7b924528dd0cde449", + "brand.alt1.400": "f9bc97ac5c9470f249fc22c2106ae9cc0e79c96a", + "brand.alt1.500": "e4a075d5ad1ac4c1a91fc3064b9abab52e543b87", + "brand.alt1.600": "e0e5a45e03ef29ed89b590e5c14438191a25a2c4", + "brand.alt1.700": "89ce4f02f32c61f6e48842e7cee289650b27f290", + "brand.alt1.800": "44fd7844e26551a870ffb7a9d50f554d648391bd", + "brand.alt1.900": "a316c90203c239c2727aedccb255e53abb2d2c89", + "brand.alt2.100": "52a17010b7a9ea59231d205c9165ef271894e96d", + "brand.alt2.200": "b80ed7f8c02c73bd0c951e4aa92cf9521aac0e52", + "brand.alt2.300": "2f18fe7a8a2697237825a4b78fb062a00d36e2ba", + "brand.alt2.400": "602f7440f7e436d816f0a69297d81a795f123335", + "brand.alt2.500": "8da24db700818fa2345724afba0e708c10bb0344", + "brand.alt2.600": "3cb486e824b5cd0ddd5cd945e0234bdb2c46ba35", + "brand.alt2.700": "02ee1a451119cf90d88bedb933ffce6cee41913e", + "brand.alt2.800": "afa77811a6432c0ef38fffbeaba36a15862cef20", + "brand.alt2.900": "3ffc5b092459e773b9c551876f7e7655b37f4bbf", + "brand.alt3.100": "86ae2e670ba5b48721b7c545405af49103769e96", + "brand.alt3.200": "4407368e2ce6e3f9351b5f63339b24a0f4cb75d7", + "brand.alt3.300": "dda69b2d21b3622c773c0dcdb9ac69c79ca68530", + "brand.alt3.400": "5c6e30f4339fbeff0a7d3b3a59ccf9f7d9a12163", + "brand.alt3.500": "cca87ae300b4afe35de08b67ba37151550449136", + "brand.alt3.600": "07d10df79bc3bdc1f90feb12853451b8ef2a1012", + "brand.alt3.700": "89e7c552d409c7149d1567bca1b715c70b5b9c03", + "brand.alt3.800": "6043cf9d056f718d8566ffd7f4f8ba4ca4558612", + "brand.alt3.900": "9c008ccc7703add21d2ca7e7ead0e897bc6cfd86", "semantic.surface.primary.light": "3dff5fed1bb86b9a135dc2559c45e9c21f5ddd94", "semantic.surface.primary.light-hover": "0ce4ac0cfd64af0e59fa30c432ad2253ad1d225d", "semantic.surface.primary.light-active": "12d48db064c5a1da3d54a4617714849a886a11b3", @@ -673,6 +685,22 @@ "semantic.surface.tertiary.light-hover": "19f169a88a9ce24aab9e8b17b500413c87e87dbb", "semantic.surface.tertiary.light-active": "ca101124ae0d2aadf85fd8047f08d376128bc17d", "semantic.surface.tertiary.dark": "abfb1593ceec73e5c7c04efceeb4aa849f34acf5", + "semantic.surface.action.brand_alt1.subtle": "569217923b570193583d9f7a71286621a266cdc6", + "semantic.surface.action.brand_alt1.subtle-hover": "d5bd3cc2bda5445411e7ff9c7ea5d37ef06e6717", + "semantic.surface.action.brand_alt1.default": "1ffb00ab4071d58dc3a7ccfb45ed532e1cd1fbde", + "semantic.surface.action.brand_alt1.hover": "9785a59f3686e9ef0b6deeeeaaa5937315c31839", + "semantic.surface.action.brand_alt1.active": "6156619f94df8bc8e14467bb43dadb98f766c59f", + "semantic.surface.action.brand_alt1.no_fill": "65dd4c9cc9c2953c34c1f1db462f80494bc266aa", + "semantic.surface.action.brand_alt1.no_fill-hover": "35985cfb7798c765bd92e687c6c49acbcc9d5a82", + "semantic.surface.action.brand_alt1.no_fill-active": "d6bc35e339798596f743693ccc010f9e7dbb6d1e", + "semantic.surface.action.brand_alt2.subtle": "cb33e0302edc44c5debaf9a974b65527f924abea", + "semantic.surface.action.brand_alt2.subtle-hover": "5d36eac128e74a297e330470d5f4999213227ce2", + "semantic.surface.action.brand_alt2.default": "2ede466ea9f650c1b0811f12fcf7794684cd295a", + "semantic.surface.action.brand_alt2.hover": "5fa19605b405a358ab518fcf76e1b742fe284ec2", + "semantic.surface.action.brand_alt2.active": "652b31b9f7810ef55981ef9dc2f17f37b4a55aa4", + "semantic.surface.action.brand_alt2.no_fill": "8b7de4272c93eca66b67bea465e588a9076b173b", + "semantic.surface.action.brand_alt2.no_fill-hover": "abd75269b771ca8f4b566639647ffb236012c411", + "semantic.surface.action.brand_alt2.no_fill-active": "19fdc12d684d66c4b62ac1730fec93577cb19180", "semantic.border.primary.default": "26d7d78349bdbfff162fea599c03aa6b6dd6b1c4", "semantic.border.primary.hover": "ec54d7ad0f9c8bfe0a02c77af471b3a5c73d2e36", "semantic.border.primary.active": "87442a8b64934289de42a249b154156fbf384284", @@ -682,6 +710,24 @@ "semantic.border.tertiary.default": "09b9bf835501e0713abb2be09a7142195aa911b8", "semantic.border.tertiary.hover": "1e231d7a9fdbb38a9a76df1c75bc29b0c9ba333b", "semantic.border.tertiary.active": "d2e5800d58e5796542422879a28194f1c708ff6f", + "semantic.border.action.brand_alt1.subtle": "ce219465c87404c91dd11d5ec48aa8e26a4b6cda", + "semantic.border.action.brand_alt1.subtle-hover": "8b2ddd14ba0fbe510114535ce53aedc75c8d4f4a", + "semantic.border.action.brand_alt1.default": "240490a7c68f61f179d2f609473656bb6d4d3825", + "semantic.border.action.brand_alt1.hover": "9ff3015a2acad304a869dcff5562f38fd9069ea7", + "semantic.border.action.brand_alt1.active": "0f60f77b98525932bf7c8dbdcc5708b832bfc32e", + "semantic.text.action.brand_alt1.default": "d06698428455e574641d941f6bf470503aff6571", + "semantic.text.action.brand_alt1.hover": "1717155c5696e84b5ed991dd27ce70af2c47fdf4", + "semantic.text.action.brand_alt1.active": "7b703d65b372e6af59e2e257b60b7b26fe180764", + "semantic.text.action.brand_alt1.on_action": "8bda1f00f4c40e3315b44bf0d08b63875b985256", + "semantic.text.action.brand_alt2.default": "1d4ec6c36a0e1121fda05c0ce4f95c5d1553e6b7", + "semantic.text.action.brand_alt2.hover": "de47a42e752d8aedcd10b908ed0090a3e0e9ca88", + "semantic.text.action.brand_alt2.active": "c7569ec1056825c1a52b9549611c48637d8c2fea", + "semantic.text.action.brand_alt2.on_action": "663bfa559afd3875a77cb82e602644b6290d72d6", + "semantic.border.action.brand_alt2.subtle": "48d3ea849f38d906f6e8529ef3eefe82f24a8aaa", + "semantic.border.action.brand_alt2.subtle-hover": "77351e76cdf3461b0e0c951a95b26b6e4418f80f", + "semantic.border.action.brand_alt2.default": "4460485af2d68e6889e24bdccf3af17ed63a4a03", + "semantic.border.action.brand_alt2.hover": "56f6fb7218e555648f7df4d782bbce1b7835f5b8", + "semantic.border.action.brand_alt2.active": "e5af7480690111bbec35b957aecb7670c62d2700", "semantic.background.default": "25860544ea24bfc677bf722b5e20ea3fc631afd8", "semantic.background.subtle": "5055f730eae40b1d8f36c27f4ae6d48fe85add82", "semantic.surface.neutral.default": "94fc7e07e074a3a933e7dbcd45fb6578bb727c8b", @@ -689,24 +735,17 @@ "semantic.surface.neutral.subtle": "072113acf733592a7331b0a60e6a4eeaba3f51f6", "semantic.surface.neutral.subtle-hover": "19eb9af0393a16ae01a48972e77a16efb16eeb21", "semantic.surface.neutral.dark": "18e3ba1f54c2b363135f1498775fb4e96e9074da", + "semantic.surface.neutral.dark-hover": "efcf3d7a4016df005cd2d858ef733ceb8b2d6bca", "semantic.surface.neutral.inverted": "829ca533c51e3313229bc965096af00de00887f3", - "semantic.surface.action.primary.subtle": "4b4fcdea8db61ae0dbc8cfe92e43a14b0bbbd419", - "semantic.surface.action.primary.subtle-hover": "d222e50958a1a181215b0e7c08fab68e531dc72f", - "semantic.surface.action.primary.default": "3224793ea7d4779be7145901373bd958d74449c7", - "semantic.surface.action.primary.hover": "67d3e0a6fe5bffa2b601cf549d677e9dffe91e06", - "semantic.surface.action.primary.active": "45019ba69f93a6704efdf7ad33c9bdf5f5cf17a5", - "semantic.surface.action.primary.no_fill": "f71c5104b0a17c2dbc0b8696f775ce56453e306c", - "semantic.surface.action.primary.no_fill-hover": "c882e6f21b1bd5671cf67931694ecca0e545510c", - "semantic.surface.action.primary.no_fill-active": "49546fbca10893ed632a44065e31464a182fd3e0", - "semantic.surface.action.secondary.subtle": "a8189f9429cf9d9573261606c932d038351dd194", - "semantic.surface.action.secondary.subtle-hover": "849d739cdbcbce5bee9babcdb9a30b7c29f08d0c", - "semantic.surface.action.secondary.default": "289db1f10554ebef6eff1698b18cbf1fdadfb9f9", - "semantic.surface.action.secondary.hover": "270134da72038e940c6259cbf5ae45760ff5ba2b", - "semantic.surface.action.secondary.active": "5b980d8e424956fb9164fe9ba04bb6627c6d4a4b", - "semantic.surface.action.secondary.no_fill": "93001593b13c2f9e232066ed5e218576754f69e9", - "semantic.surface.action.secondary.no_fill-hover": "d33e63d8f3c212ee6a6c98039b49c712cb551f17", - "semantic.surface.action.secondary.no_fill-active": "3d188a0071be6874c09cc10a36b3127da959ac40", - "semantic.surface.action.checked": "a012df3f7f2ce68950a401de91633c3e70a7f6e7", + "semantic.surface.action.common.subtle": "75cc22bd5c6c94a5e5fb23cd164aaec5506a6c4a", + "semantic.surface.action.common.subtle-hover": "f5375de1115faecf98170313fcdaf570e53cd4b6", + "semantic.surface.action.common.default": "cf6d54f74547d2b4abde13a874084446a16c5c96", + "semantic.surface.action.common.hover": "981d112837bf874490151a3666939a023862dccc", + "semantic.surface.action.common.active": "cb0e487a0079d8bf60b587b16f66e2844915a38d", + "semantic.surface.action.common.no_fill": "b2112d2d9f8fd4cb46c992d396f383a2e2867c88", + "semantic.surface.action.common.no_fill-hover": "07e581146cfef97f7992a37fe2c795587484c2d0", + "semantic.surface.action.common.no_fill-active": "4b4db73b559b8b03285458d6fafb6956da4768a3", + "semantic.surface.action.common.checked": "f546d1adf80894cb56e7565edce63d847d909642", "semantic.surface.success.subtle": "4d65f5a3b0724e554432b0f3b4a6f9d8eb32532c", "semantic.surface.success.subtle-hover": "92f493b4e256f985653ddd390827c9bbfbaababc", "semantic.surface.success.default": "af25ae7d2fb04081fc80b7dbf4832443bb4f7d54", @@ -735,17 +774,13 @@ "semantic.surface.on_inverted.no_fill-hover": "95c81a1c06bc82cb1afd51300a27d65e4ff52269", "semantic.surface.on_inverted.no_fill-active": "d3d2ee87d81af7bd2f06ca6bc46c54481f349eea", "semantic.border.info.default": "706d2ddf232b2159e8082ed895ba160ddb3ea807", - "semantic.border.action.primary.subtle": "6bc771b3969e960825b8fedf929a033fbbfc93fa", - "semantic.border.action.primary.subtle-hover": "aa6e077bea51bce391c4657318afede1d0a8ddb4", - "semantic.border.action.primary.default": "2b8f878780a4bb5cbb51fb4616e58cabdbc4d120", - "semantic.border.action.primary.hover": "ac58b4805ceec71060f771b43e856e6d3254710a", - "semantic.border.action.primary.active": "96bcd30fcc6e6109007b33b51614e419509d9b53", - "semantic.border.action.secondary.subtle": "7fb6049ba38729ab4de9b861013950dd05fb1620", - "semantic.border.action.secondary.subtle-hover": "3db6a49ebefd58167a7aa2f6df6a9933eb63b22e", - "semantic.border.action.secondary.default": "1982d70d5d0554312964527b839818103942ad07", - "semantic.border.action.secondary.hover": "5a198e77a279505db0762533275d772d3cdb1137", - "semantic.border.action.secondary.active": "147ad7bee625c87b00c3bf733523396cfcf8aeee", - "semantic.border.action.hover": "ab15b7ba98f93f5349337859d8c4e0a1bb4b64a9", + "semantic.border.action.common.subtle": "2dee87d7622b0260c4b890fb48b45c1282131722", + "semantic.border.action.common.subtle-hover": "409f719b2a8a97d966c328ecacbe29655d02bcad", + "semantic.border.action.common.default": "d8960a64a391a0ff4dba9607c9f02b95ad66ae88", + "semantic.border.action.common.hover": "883575c9a42e0f8960fea191c54531e5cbd02dc0", + "semantic.border.action.common.active": "7440d4fdd3c9c2f2ce66aad11679adb12c4cc4ec", + "semantic.border.action.common.dark": "a35bbd3ec28cf1359467bfbbbc71cf5742119c7f", + "semantic.border.action.common.dark-hover": "7276d1390533d130ee3a9b9757fe7f6e9f696391", "semantic.border.neutral.default": "926cf2c12ee7510e905c5935d04a99c27e780bb6", "semantic.border.neutral.subtle": "61eaf517c6981184009c98e80d58a953ab69422f", "semantic.border.neutral.strong": "5832f6ab88c2f25a74ff6f18d74d8981513ed59f", @@ -772,14 +807,10 @@ "semantic.text.neutral.default": "e084264f5b933e90fcc6a152cc5fffa7244e30d6", "semantic.text.neutral.subtle": "cf105793fbd54f73824598418634362ca60c8e4e", "semantic.text.neutral.on_inverted": "f0ce02d3118b486bc9fb3f61cf841923f89699b4", - "semantic.text.action.primary.default": "2f6d8e179b0fcbdbf61fc138ff9b0c0677fdeaf1", - "semantic.text.action.primary.hover": "c7e534c241ae5410dbe4b9d7b1017a996b0cbe41", - "semantic.text.action.primary.active": "ad4cd4e443a3a69634d59294cacd75e5c5f160c7", - "semantic.text.action.primary.on_action": "72310ee8ad1ba5a19ec023832d9add405e4ab2b5", - "semantic.text.action.secondary.default": "88899d057d7c8584c2b58fbee927af49ce1116d8", - "semantic.text.action.secondary.hover": "e169afc172cc4338acca8783e2885d292e31d885", - "semantic.text.action.secondary.active": "68ec1bce96ec8e116ff96d764587f0c90d48878f", - "semantic.text.action.secondary.on_action": "9a713327fb5fe555ff10a035d4b3431a9bf517a1", + "semantic.text.action.common.default": "495ee8a45ae8e334edf3c1d81656d3ddd0820254", + "semantic.text.action.common.hover": "d7a603cd6efb370dfd7093aa7964676bf0c481ce", + "semantic.text.action.common.active": "648c8be35aea3a3d994767fa225c284fecfe6f9f", + "semantic.text.action.common.on_action": "d3f684d7c3abf080e66c440a70946ee2db7a9177", "semantic.text.warning.default": "372f89db084bb2d76a43a1caa625b89eed667600", "semantic.text.warning.icon_warning": "4d57242be884beb77ede81db3649de6e7158c8c8", "semantic.text.warning.on_warning": "80ace6af38f4f1bde0014e9d3987eae17b3c20b3", @@ -830,8 +861,7 @@ "base_sizing": "9720ca86555bde90493208437a6f5cacd270ee0e", "border_width.default": "b44447ba2e2504923d4903e4eb14954434480085", "border_width.active": "82d06b8c6fdeea622611fa744ff261661a211760", - "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7", - "semantic.border.action.dark": "0f2c1c18c8204303501a0f6adc9a06b98861299e" + "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7" }, "group": "Brand" }, @@ -847,39 +877,33 @@ "$figmaCollectionId": "VariableCollectionId:6324:1609", "$figmaModeId": "6324:3", "$figmaVariableReferences": { - "brand.primary.100": "63e5e5b3492f8c2eb6a3bf28c4cdaf30fec110dd", - "brand.primary.200": "057a0b83108d7485acbacebb29af2ee8f628c8e4", - "brand.primary.300": "c1a6210a67e3c9290e972b3127fe73233ad4905d", - "brand.primary.400": "38ccc2cc05db7ea9e99eda35fd354707495a0cfe", - "brand.primary.500": "d479b864ee86e8411de049e55dbd908afe4ae7f1", - "brand.primary.600": "3995e5d4157b1aeaa9701cb5714ddeb461503f83", - "brand.primary.700": "eec213633fbb0c6d63a98a59d12acf71c624152a", - "brand.primary.800": "d310bdd0df53387a640db959beacfc5d157307a7", - "brand.primary.900": "4a937700819d82f1e1f082e5f230b2812d9cd6f9", - "brand.secondary.100": "a32a0344383475cbd2023cf273aff956643242d1", - "brand.secondary.200": "6ac42a7e62972ab39041eea68710bd9ba25c622e", - "brand.secondary.300": "e5015df164b88ce0f1d922c963d29756f0373fec", - "brand.secondary.400": "898c7ca507941ba9a90135b9f9df79bfb006ab24", - "brand.secondary.500": "64cf58b12d5aeb65bc36c2b5c3f611e4a9cb10c4", - "brand.secondary.600": "9d412892cf80820fc6e7fdb7234580a8551e1112", - "brand.secondary.700": "12c7276781ef624da47484329dd12d30bccf4994", - "brand.secondary.800": "c9888b116e2fa883a51fe9a187952dbfc857c14f", - "brand.secondary.900": "9763647eec7e34fd400ac567e724b69ef8ed161c", - "brand.tertiary.100": "fe3d859f5b7bc074d478fb8a1b8de6454ec4aa78", - "brand.tertiary.200": "3d38368d37ae7ceb1dd81cc3ce7d01db46d080c7", - "brand.tertiary.300": "79cc7aad64074e9d97fb244288e7ac376819b1c4", - "brand.tertiary.400": "8330876aad27733ba10126b766f818e29ece6085", - "brand.tertiary.500": "8c53ad76c588803c2c3ddb5439e1d9c854b392d7", - "brand.tertiary.600": "571575ca17cee47233e899ef40c02b68348707f5", - "brand.tertiary.700": "1572d330e5501e5a1f2ee2010f5c53117ad5ab68", - "brand.tertiary.800": "e651cae9105e716e7d884361f3bf896a50e2d628", - "brand.tertiary.900": "14e1a6aae891ced8841151216cec25d63bedda1f", - "semantic.surface.action.primary.default": "3224793ea7d4779be7145901373bd958d74449c7", - "semantic.surface.action.primary.hover": "67d3e0a6fe5bffa2b601cf549d677e9dffe91e06", - "semantic.surface.action.primary.active": "45019ba69f93a6704efdf7ad33c9bdf5f5cf17a5", - "semantic.surface.action.secondary.default": "289db1f10554ebef6eff1698b18cbf1fdadfb9f9", - "semantic.surface.action.secondary.hover": "270134da72038e940c6259cbf5ae45760ff5ba2b", - "semantic.surface.action.secondary.active": "5b980d8e424956fb9164fe9ba04bb6627c6d4a4b", + "brand.alt1.100": "4aad3c2d1e9705bdfd285550a9e08950d7ce7c17", + "brand.alt1.200": "b29c57317b25742516666bd260e5bfe5c751164f", + "brand.alt1.300": "88b9cb771cfc628a54a546c7b924528dd0cde449", + "brand.alt1.400": "f9bc97ac5c9470f249fc22c2106ae9cc0e79c96a", + "brand.alt1.500": "e4a075d5ad1ac4c1a91fc3064b9abab52e543b87", + "brand.alt1.600": "e0e5a45e03ef29ed89b590e5c14438191a25a2c4", + "brand.alt1.700": "89ce4f02f32c61f6e48842e7cee289650b27f290", + "brand.alt1.800": "44fd7844e26551a870ffb7a9d50f554d648391bd", + "brand.alt1.900": "a316c90203c239c2727aedccb255e53abb2d2c89", + "brand.alt2.100": "52a17010b7a9ea59231d205c9165ef271894e96d", + "brand.alt2.200": "b80ed7f8c02c73bd0c951e4aa92cf9521aac0e52", + "brand.alt2.300": "2f18fe7a8a2697237825a4b78fb062a00d36e2ba", + "brand.alt2.400": "602f7440f7e436d816f0a69297d81a795f123335", + "brand.alt2.500": "8da24db700818fa2345724afba0e708c10bb0344", + "brand.alt2.600": "3cb486e824b5cd0ddd5cd945e0234bdb2c46ba35", + "brand.alt2.700": "02ee1a451119cf90d88bedb933ffce6cee41913e", + "brand.alt2.800": "afa77811a6432c0ef38fffbeaba36a15862cef20", + "brand.alt2.900": "3ffc5b092459e773b9c551876f7e7655b37f4bbf", + "brand.alt3.100": "86ae2e670ba5b48721b7c545405af49103769e96", + "brand.alt3.200": "4407368e2ce6e3f9351b5f63339b24a0f4cb75d7", + "brand.alt3.300": "dda69b2d21b3622c773c0dcdb9ac69c79ca68530", + "brand.alt3.400": "5c6e30f4339fbeff0a7d3b3a59ccf9f7d9a12163", + "brand.alt3.500": "cca87ae300b4afe35de08b67ba37151550449136", + "brand.alt3.600": "07d10df79bc3bdc1f90feb12853451b8ef2a1012", + "brand.alt3.700": "89e7c552d409c7149d1567bca1b715c70b5b9c03", + "brand.alt3.800": "6043cf9d056f718d8566ffd7f4f8ba4ca4558612", + "brand.alt3.900": "9c008ccc7703add21d2ca7e7ead0e897bc6cfd86", "semantic.surface.primary.light": "3dff5fed1bb86b9a135dc2559c45e9c21f5ddd94", "semantic.surface.primary.light-hover": "0ce4ac0cfd64af0e59fa30c432ad2253ad1d225d", "semantic.surface.primary.light-active": "12d48db064c5a1da3d54a4617714849a886a11b3", @@ -892,6 +916,22 @@ "semantic.surface.tertiary.light-hover": "19f169a88a9ce24aab9e8b17b500413c87e87dbb", "semantic.surface.tertiary.light-active": "ca101124ae0d2aadf85fd8047f08d376128bc17d", "semantic.surface.tertiary.dark": "abfb1593ceec73e5c7c04efceeb4aa849f34acf5", + "semantic.surface.action.brand_alt1.subtle": "569217923b570193583d9f7a71286621a266cdc6", + "semantic.surface.action.brand_alt1.subtle-hover": "d5bd3cc2bda5445411e7ff9c7ea5d37ef06e6717", + "semantic.surface.action.brand_alt1.default": "1ffb00ab4071d58dc3a7ccfb45ed532e1cd1fbde", + "semantic.surface.action.brand_alt1.hover": "9785a59f3686e9ef0b6deeeeaaa5937315c31839", + "semantic.surface.action.brand_alt1.active": "6156619f94df8bc8e14467bb43dadb98f766c59f", + "semantic.surface.action.brand_alt1.no_fill": "65dd4c9cc9c2953c34c1f1db462f80494bc266aa", + "semantic.surface.action.brand_alt1.no_fill-hover": "35985cfb7798c765bd92e687c6c49acbcc9d5a82", + "semantic.surface.action.brand_alt1.no_fill-active": "d6bc35e339798596f743693ccc010f9e7dbb6d1e", + "semantic.surface.action.brand_alt2.subtle": "cb33e0302edc44c5debaf9a974b65527f924abea", + "semantic.surface.action.brand_alt2.subtle-hover": "5d36eac128e74a297e330470d5f4999213227ce2", + "semantic.surface.action.brand_alt2.default": "2ede466ea9f650c1b0811f12fcf7794684cd295a", + "semantic.surface.action.brand_alt2.hover": "5fa19605b405a358ab518fcf76e1b742fe284ec2", + "semantic.surface.action.brand_alt2.active": "652b31b9f7810ef55981ef9dc2f17f37b4a55aa4", + "semantic.surface.action.brand_alt2.no_fill": "8b7de4272c93eca66b67bea465e588a9076b173b", + "semantic.surface.action.brand_alt2.no_fill-hover": "abd75269b771ca8f4b566639647ffb236012c411", + "semantic.surface.action.brand_alt2.no_fill-active": "19fdc12d684d66c4b62ac1730fec93577cb19180", "semantic.border.primary.default": "26d7d78349bdbfff162fea599c03aa6b6dd6b1c4", "semantic.border.primary.hover": "ec54d7ad0f9c8bfe0a02c77af471b3a5c73d2e36", "semantic.border.primary.active": "87442a8b64934289de42a249b154156fbf384284", @@ -901,6 +941,24 @@ "semantic.border.tertiary.default": "09b9bf835501e0713abb2be09a7142195aa911b8", "semantic.border.tertiary.hover": "1e231d7a9fdbb38a9a76df1c75bc29b0c9ba333b", "semantic.border.tertiary.active": "d2e5800d58e5796542422879a28194f1c708ff6f", + "semantic.border.action.brand_alt1.subtle": "ce219465c87404c91dd11d5ec48aa8e26a4b6cda", + "semantic.border.action.brand_alt1.subtle-hover": "8b2ddd14ba0fbe510114535ce53aedc75c8d4f4a", + "semantic.border.action.brand_alt1.default": "240490a7c68f61f179d2f609473656bb6d4d3825", + "semantic.border.action.brand_alt1.hover": "9ff3015a2acad304a869dcff5562f38fd9069ea7", + "semantic.border.action.brand_alt1.active": "0f60f77b98525932bf7c8dbdcc5708b832bfc32e", + "semantic.border.action.brand_alt2.subtle": "48d3ea849f38d906f6e8529ef3eefe82f24a8aaa", + "semantic.border.action.brand_alt2.subtle-hover": "77351e76cdf3461b0e0c951a95b26b6e4418f80f", + "semantic.border.action.brand_alt2.default": "4460485af2d68e6889e24bdccf3af17ed63a4a03", + "semantic.border.action.brand_alt2.hover": "56f6fb7218e555648f7df4d782bbce1b7835f5b8", + "semantic.border.action.brand_alt2.active": "e5af7480690111bbec35b957aecb7670c62d2700", + "semantic.text.action.brand_alt1.default": "d06698428455e574641d941f6bf470503aff6571", + "semantic.text.action.brand_alt1.hover": "1717155c5696e84b5ed991dd27ce70af2c47fdf4", + "semantic.text.action.brand_alt1.active": "7b703d65b372e6af59e2e257b60b7b26fe180764", + "semantic.text.action.brand_alt1.on_action": "8bda1f00f4c40e3315b44bf0d08b63875b985256", + "semantic.text.action.brand_alt2.default": "1d4ec6c36a0e1121fda05c0ce4f95c5d1553e6b7", + "semantic.text.action.brand_alt2.hover": "de47a42e752d8aedcd10b908ed0090a3e0e9ca88", + "semantic.text.action.brand_alt2.active": "c7569ec1056825c1a52b9549611c48637d8c2fea", + "semantic.text.action.brand_alt2.on_action": "663bfa559afd3875a77cb82e602644b6290d72d6", "semantic.background.default": "25860544ea24bfc677bf722b5e20ea3fc631afd8", "semantic.background.subtle": "5055f730eae40b1d8f36c27f4ae6d48fe85add82", "semantic.surface.neutral.default": "94fc7e07e074a3a933e7dbcd45fb6578bb727c8b", @@ -908,18 +966,17 @@ "semantic.surface.neutral.subtle": "072113acf733592a7331b0a60e6a4eeaba3f51f6", "semantic.surface.neutral.subtle-hover": "19eb9af0393a16ae01a48972e77a16efb16eeb21", "semantic.surface.neutral.dark": "18e3ba1f54c2b363135f1498775fb4e96e9074da", + "semantic.surface.neutral.dark-hover": "efcf3d7a4016df005cd2d858ef733ceb8b2d6bca", "semantic.surface.neutral.inverted": "829ca533c51e3313229bc965096af00de00887f3", - "semantic.surface.action.primary.subtle": "4b4fcdea8db61ae0dbc8cfe92e43a14b0bbbd419", - "semantic.surface.action.primary.subtle-hover": "d222e50958a1a181215b0e7c08fab68e531dc72f", - "semantic.surface.action.primary.no_fill": "f71c5104b0a17c2dbc0b8696f775ce56453e306c", - "semantic.surface.action.primary.no_fill-hover": "c882e6f21b1bd5671cf67931694ecca0e545510c", - "semantic.surface.action.primary.no_fill-active": "49546fbca10893ed632a44065e31464a182fd3e0", - "semantic.surface.action.secondary.subtle": "a8189f9429cf9d9573261606c932d038351dd194", - "semantic.surface.action.secondary.subtle-hover": "849d739cdbcbce5bee9babcdb9a30b7c29f08d0c", - "semantic.surface.action.secondary.no_fill": "93001593b13c2f9e232066ed5e218576754f69e9", - "semantic.surface.action.secondary.no_fill-hover": "d33e63d8f3c212ee6a6c98039b49c712cb551f17", - "semantic.surface.action.secondary.no_fill-active": "3d188a0071be6874c09cc10a36b3127da959ac40", - "semantic.surface.action.checked": "a012df3f7f2ce68950a401de91633c3e70a7f6e7", + "semantic.surface.action.common.subtle": "75cc22bd5c6c94a5e5fb23cd164aaec5506a6c4a", + "semantic.surface.action.common.subtle-hover": "f5375de1115faecf98170313fcdaf570e53cd4b6", + "semantic.surface.action.common.default": "cf6d54f74547d2b4abde13a874084446a16c5c96", + "semantic.surface.action.common.hover": "981d112837bf874490151a3666939a023862dccc", + "semantic.surface.action.common.active": "cb0e487a0079d8bf60b587b16f66e2844915a38d", + "semantic.surface.action.common.no_fill": "b2112d2d9f8fd4cb46c992d396f383a2e2867c88", + "semantic.surface.action.common.no_fill-hover": "07e581146cfef97f7992a37fe2c795587484c2d0", + "semantic.surface.action.common.no_fill-active": "4b4db73b559b8b03285458d6fafb6956da4768a3", + "semantic.surface.action.common.checked": "f546d1adf80894cb56e7565edce63d847d909642", "semantic.surface.success.subtle": "4d65f5a3b0724e554432b0f3b4a6f9d8eb32532c", "semantic.surface.success.subtle-hover": "92f493b4e256f985653ddd390827c9bbfbaababc", "semantic.surface.success.default": "af25ae7d2fb04081fc80b7dbf4832443bb4f7d54", @@ -948,17 +1005,13 @@ "semantic.surface.on_inverted.no_fill-hover": "95c81a1c06bc82cb1afd51300a27d65e4ff52269", "semantic.surface.on_inverted.no_fill-active": "d3d2ee87d81af7bd2f06ca6bc46c54481f349eea", "semantic.border.info.default": "706d2ddf232b2159e8082ed895ba160ddb3ea807", - "semantic.border.action.primary.subtle": "6bc771b3969e960825b8fedf929a033fbbfc93fa", - "semantic.border.action.primary.subtle-hover": "aa6e077bea51bce391c4657318afede1d0a8ddb4", - "semantic.border.action.primary.default": "2b8f878780a4bb5cbb51fb4616e58cabdbc4d120", - "semantic.border.action.primary.hover": "ac58b4805ceec71060f771b43e856e6d3254710a", - "semantic.border.action.primary.active": "96bcd30fcc6e6109007b33b51614e419509d9b53", - "semantic.border.action.secondary.subtle": "7fb6049ba38729ab4de9b861013950dd05fb1620", - "semantic.border.action.secondary.subtle-hover": "3db6a49ebefd58167a7aa2f6df6a9933eb63b22e", - "semantic.border.action.secondary.default": "1982d70d5d0554312964527b839818103942ad07", - "semantic.border.action.secondary.hover": "5a198e77a279505db0762533275d772d3cdb1137", - "semantic.border.action.secondary.active": "147ad7bee625c87b00c3bf733523396cfcf8aeee", - "semantic.border.action.hover": "ab15b7ba98f93f5349337859d8c4e0a1bb4b64a9", + "semantic.border.action.common.subtle": "2dee87d7622b0260c4b890fb48b45c1282131722", + "semantic.border.action.common.subtle-hover": "409f719b2a8a97d966c328ecacbe29655d02bcad", + "semantic.border.action.common.default": "d8960a64a391a0ff4dba9607c9f02b95ad66ae88", + "semantic.border.action.common.hover": "883575c9a42e0f8960fea191c54531e5cbd02dc0", + "semantic.border.action.common.active": "7440d4fdd3c9c2f2ce66aad11679adb12c4cc4ec", + "semantic.border.action.common.dark": "a35bbd3ec28cf1359467bfbbbc71cf5742119c7f", + "semantic.border.action.common.dark-hover": "7276d1390533d130ee3a9b9757fe7f6e9f696391", "semantic.border.neutral.default": "926cf2c12ee7510e905c5935d04a99c27e780bb6", "semantic.border.neutral.subtle": "61eaf517c6981184009c98e80d58a953ab69422f", "semantic.border.neutral.strong": "5832f6ab88c2f25a74ff6f18d74d8981513ed59f", @@ -985,14 +1038,10 @@ "semantic.text.neutral.default": "e084264f5b933e90fcc6a152cc5fffa7244e30d6", "semantic.text.neutral.subtle": "cf105793fbd54f73824598418634362ca60c8e4e", "semantic.text.neutral.on_inverted": "f0ce02d3118b486bc9fb3f61cf841923f89699b4", - "semantic.text.action.primary.default": "2f6d8e179b0fcbdbf61fc138ff9b0c0677fdeaf1", - "semantic.text.action.primary.hover": "c7e534c241ae5410dbe4b9d7b1017a996b0cbe41", - "semantic.text.action.primary.active": "ad4cd4e443a3a69634d59294cacd75e5c5f160c7", - "semantic.text.action.primary.on_action": "72310ee8ad1ba5a19ec023832d9add405e4ab2b5", - "semantic.text.action.secondary.default": "88899d057d7c8584c2b58fbee927af49ce1116d8", - "semantic.text.action.secondary.hover": "e169afc172cc4338acca8783e2885d292e31d885", - "semantic.text.action.secondary.active": "68ec1bce96ec8e116ff96d764587f0c90d48878f", - "semantic.text.action.secondary.on_action": "9a713327fb5fe555ff10a035d4b3431a9bf517a1", + "semantic.text.action.common.default": "495ee8a45ae8e334edf3c1d81656d3ddd0820254", + "semantic.text.action.common.hover": "d7a603cd6efb370dfd7093aa7964676bf0c481ce", + "semantic.text.action.common.active": "648c8be35aea3a3d994767fa225c284fecfe6f9f", + "semantic.text.action.common.on_action": "d3f684d7c3abf080e66c440a70946ee2db7a9177", "semantic.text.warning.default": "372f89db084bb2d76a43a1caa625b89eed667600", "semantic.text.warning.icon_warning": "4d57242be884beb77ede81db3649de6e7158c8c8", "semantic.text.warning.on_warning": "80ace6af38f4f1bde0014e9d3987eae17b3c20b3", @@ -1043,8 +1092,7 @@ "base_sizing": "9720ca86555bde90493208437a6f5cacd270ee0e", "border_width.default": "b44447ba2e2504923d4903e4eb14954434480085", "border_width.active": "82d06b8c6fdeea622611fa744ff261661a211760", - "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7", - "semantic.border.action.dark": "0f2c1c18c8204303501a0f6adc9a06b98861299e" + "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7" }, "group": "Brand" }, @@ -1058,45 +1106,39 @@ "Brand/Brreg": "enabled" }, "$figmaVariableReferences": { - "brand.primary.50": "72bafb1938ce6a7d83de306738973c07ae1c81d7", - "brand.primary.100": "63e5e5b3492f8c2eb6a3bf28c4cdaf30fec110dd", - "brand.primary.200": "057a0b83108d7485acbacebb29af2ee8f628c8e4", - "brand.primary.300": "c1a6210a67e3c9290e972b3127fe73233ad4905d", - "brand.primary.400": "38ccc2cc05db7ea9e99eda35fd354707495a0cfe", - "brand.primary.500": "d479b864ee86e8411de049e55dbd908afe4ae7f1", - "brand.primary.600": "3995e5d4157b1aeaa9701cb5714ddeb461503f83", - "brand.primary.700": "eec213633fbb0c6d63a98a59d12acf71c624152a", - "brand.primary.800": "d310bdd0df53387a640db959beacfc5d157307a7", - "brand.primary.900": "4a937700819d82f1e1f082e5f230b2812d9cd6f9", - "brand.primary.950": "23d1fa52226e3ecdc8482d710fa4c58f6cd418a7", - "brand.secondary.50": "d0fa1cc832afb8b4177dacb59555d71c78796eba", - "brand.secondary.100": "a32a0344383475cbd2023cf273aff956643242d1", - "brand.secondary.200": "6ac42a7e62972ab39041eea68710bd9ba25c622e", - "brand.secondary.300": "e5015df164b88ce0f1d922c963d29756f0373fec", - "brand.secondary.400": "898c7ca507941ba9a90135b9f9df79bfb006ab24", - "brand.secondary.500": "64cf58b12d5aeb65bc36c2b5c3f611e4a9cb10c4", - "brand.secondary.600": "9d412892cf80820fc6e7fdb7234580a8551e1112", - "brand.secondary.700": "12c7276781ef624da47484329dd12d30bccf4994", - "brand.secondary.800": "c9888b116e2fa883a51fe9a187952dbfc857c14f", - "brand.secondary.900": "9763647eec7e34fd400ac567e724b69ef8ed161c", - "brand.secondary.950": "02be760503cd75ca4c343e3a54c02739d31011f7", - "brand.tertiary.50": "3e238772d930435dd9185bb4579b64007df866d9", - "brand.tertiary.100": "fe3d859f5b7bc074d478fb8a1b8de6454ec4aa78", - "brand.tertiary.200": "3d38368d37ae7ceb1dd81cc3ce7d01db46d080c7", - "brand.tertiary.300": "79cc7aad64074e9d97fb244288e7ac376819b1c4", - "brand.tertiary.400": "8330876aad27733ba10126b766f818e29ece6085", - "brand.tertiary.500": "8c53ad76c588803c2c3ddb5439e1d9c854b392d7", - "brand.tertiary.600": "571575ca17cee47233e899ef40c02b68348707f5", - "brand.tertiary.700": "1572d330e5501e5a1f2ee2010f5c53117ad5ab68", - "brand.tertiary.800": "e651cae9105e716e7d884361f3bf896a50e2d628", - "brand.tertiary.900": "14e1a6aae891ced8841151216cec25d63bedda1f", - "brand.tertiary.950": "9615bb570870e8fe3d9149bd87f59d22dbeb52ca", - "semantic.surface.action.primary.default": "3224793ea7d4779be7145901373bd958d74449c7", - "semantic.surface.action.primary.hover": "67d3e0a6fe5bffa2b601cf549d677e9dffe91e06", - "semantic.surface.action.primary.active": "45019ba69f93a6704efdf7ad33c9bdf5f5cf17a5", - "semantic.surface.action.secondary.default": "289db1f10554ebef6eff1698b18cbf1fdadfb9f9", - "semantic.surface.action.secondary.hover": "270134da72038e940c6259cbf5ae45760ff5ba2b", - "semantic.surface.action.secondary.active": "5b980d8e424956fb9164fe9ba04bb6627c6d4a4b", + "brand.alt1.50": "741f3f885aa3f266feda96defb70e59752495075", + "brand.alt1.100": "4aad3c2d1e9705bdfd285550a9e08950d7ce7c17", + "brand.alt1.200": "b29c57317b25742516666bd260e5bfe5c751164f", + "brand.alt1.300": "88b9cb771cfc628a54a546c7b924528dd0cde449", + "brand.alt1.400": "f9bc97ac5c9470f249fc22c2106ae9cc0e79c96a", + "brand.alt1.500": "e4a075d5ad1ac4c1a91fc3064b9abab52e543b87", + "brand.alt1.600": "e0e5a45e03ef29ed89b590e5c14438191a25a2c4", + "brand.alt1.700": "89ce4f02f32c61f6e48842e7cee289650b27f290", + "brand.alt1.800": "44fd7844e26551a870ffb7a9d50f554d648391bd", + "brand.alt1.900": "a316c90203c239c2727aedccb255e53abb2d2c89", + "brand.alt1.950": "5a21346d98b9551420c6d77d799907443471f148", + "brand.alt2.50": "a569ff243a8905ea0d7112238902e664ada0ceb9", + "brand.alt2.100": "52a17010b7a9ea59231d205c9165ef271894e96d", + "brand.alt2.200": "b80ed7f8c02c73bd0c951e4aa92cf9521aac0e52", + "brand.alt2.300": "2f18fe7a8a2697237825a4b78fb062a00d36e2ba", + "brand.alt2.400": "602f7440f7e436d816f0a69297d81a795f123335", + "brand.alt2.500": "8da24db700818fa2345724afba0e708c10bb0344", + "brand.alt2.600": "3cb486e824b5cd0ddd5cd945e0234bdb2c46ba35", + "brand.alt2.700": "02ee1a451119cf90d88bedb933ffce6cee41913e", + "brand.alt2.800": "afa77811a6432c0ef38fffbeaba36a15862cef20", + "brand.alt2.900": "3ffc5b092459e773b9c551876f7e7655b37f4bbf", + "brand.alt2.950": "8f867a646531f2e46fd77b36ae09abd5b3d13e65", + "brand.alt3.50": "330386bdb47ed063b0ecd51e81405b460f902eca", + "brand.alt3.100": "86ae2e670ba5b48721b7c545405af49103769e96", + "brand.alt3.200": "4407368e2ce6e3f9351b5f63339b24a0f4cb75d7", + "brand.alt3.300": "dda69b2d21b3622c773c0dcdb9ac69c79ca68530", + "brand.alt3.400": "5c6e30f4339fbeff0a7d3b3a59ccf9f7d9a12163", + "brand.alt3.500": "cca87ae300b4afe35de08b67ba37151550449136", + "brand.alt3.600": "07d10df79bc3bdc1f90feb12853451b8ef2a1012", + "brand.alt3.700": "89e7c552d409c7149d1567bca1b715c70b5b9c03", + "brand.alt3.800": "6043cf9d056f718d8566ffd7f4f8ba4ca4558612", + "brand.alt3.900": "9c008ccc7703add21d2ca7e7ead0e897bc6cfd86", + "brand.alt3.950": "6d5135e5d69f592ea56413a28bf129cc2121b63b", "semantic.surface.primary.light": "3dff5fed1bb86b9a135dc2559c45e9c21f5ddd94", "semantic.surface.primary.light-hover": "0ce4ac0cfd64af0e59fa30c432ad2253ad1d225d", "semantic.surface.primary.light-active": "12d48db064c5a1da3d54a4617714849a886a11b3", @@ -1109,6 +1151,22 @@ "semantic.surface.tertiary.light-hover": "19f169a88a9ce24aab9e8b17b500413c87e87dbb", "semantic.surface.tertiary.light-active": "ca101124ae0d2aadf85fd8047f08d376128bc17d", "semantic.surface.tertiary.dark": "abfb1593ceec73e5c7c04efceeb4aa849f34acf5", + "semantic.surface.action.brand_alt1.subtle": "569217923b570193583d9f7a71286621a266cdc6", + "semantic.surface.action.brand_alt1.subtle-hover": "d5bd3cc2bda5445411e7ff9c7ea5d37ef06e6717", + "semantic.surface.action.brand_alt1.default": "1ffb00ab4071d58dc3a7ccfb45ed532e1cd1fbde", + "semantic.surface.action.brand_alt1.hover": "9785a59f3686e9ef0b6deeeeaaa5937315c31839", + "semantic.surface.action.brand_alt1.active": "6156619f94df8bc8e14467bb43dadb98f766c59f", + "semantic.surface.action.brand_alt1.no_fill": "65dd4c9cc9c2953c34c1f1db462f80494bc266aa", + "semantic.surface.action.brand_alt1.no_fill-hover": "35985cfb7798c765bd92e687c6c49acbcc9d5a82", + "semantic.surface.action.brand_alt1.no_fill-active": "d6bc35e339798596f743693ccc010f9e7dbb6d1e", + "semantic.surface.action.brand_alt2.subtle": "cb33e0302edc44c5debaf9a974b65527f924abea", + "semantic.surface.action.brand_alt2.subtle-hover": "5d36eac128e74a297e330470d5f4999213227ce2", + "semantic.surface.action.brand_alt2.default": "2ede466ea9f650c1b0811f12fcf7794684cd295a", + "semantic.surface.action.brand_alt2.hover": "5fa19605b405a358ab518fcf76e1b742fe284ec2", + "semantic.surface.action.brand_alt2.active": "652b31b9f7810ef55981ef9dc2f17f37b4a55aa4", + "semantic.surface.action.brand_alt2.no_fill": "8b7de4272c93eca66b67bea465e588a9076b173b", + "semantic.surface.action.brand_alt2.no_fill-hover": "abd75269b771ca8f4b566639647ffb236012c411", + "semantic.surface.action.brand_alt2.no_fill-active": "19fdc12d684d66c4b62ac1730fec93577cb19180", "semantic.border.primary.default": "26d7d78349bdbfff162fea599c03aa6b6dd6b1c4", "semantic.border.primary.hover": "ec54d7ad0f9c8bfe0a02c77af471b3a5c73d2e36", "semantic.border.primary.active": "87442a8b64934289de42a249b154156fbf384284", @@ -1118,14 +1176,24 @@ "semantic.border.tertiary.default": "09b9bf835501e0713abb2be09a7142195aa911b8", "semantic.border.tertiary.hover": "1e231d7a9fdbb38a9a76df1c75bc29b0c9ba333b", "semantic.border.tertiary.active": "d2e5800d58e5796542422879a28194f1c708ff6f", - "semantic.text.action.primary.default": "2f6d8e179b0fcbdbf61fc138ff9b0c0677fdeaf1", - "semantic.text.action.primary.hover": "c7e534c241ae5410dbe4b9d7b1017a996b0cbe41", - "semantic.text.action.primary.active": "ad4cd4e443a3a69634d59294cacd75e5c5f160c7", - "semantic.text.action.primary.on_action": "72310ee8ad1ba5a19ec023832d9add405e4ab2b5", - "semantic.text.action.secondary.default": "88899d057d7c8584c2b58fbee927af49ce1116d8", - "semantic.text.action.secondary.hover": "e169afc172cc4338acca8783e2885d292e31d885", - "semantic.text.action.secondary.active": "68ec1bce96ec8e116ff96d764587f0c90d48878f", - "semantic.text.action.secondary.on_action": "9a713327fb5fe555ff10a035d4b3431a9bf517a1", + "semantic.border.action.brand_alt1.subtle": "ce219465c87404c91dd11d5ec48aa8e26a4b6cda", + "semantic.border.action.brand_alt1.subtle-hover": "8b2ddd14ba0fbe510114535ce53aedc75c8d4f4a", + "semantic.border.action.brand_alt1.default": "240490a7c68f61f179d2f609473656bb6d4d3825", + "semantic.border.action.brand_alt1.hover": "9ff3015a2acad304a869dcff5562f38fd9069ea7", + "semantic.border.action.brand_alt1.active": "0f60f77b98525932bf7c8dbdcc5708b832bfc32e", + "semantic.text.action.brand_alt1.default": "d06698428455e574641d941f6bf470503aff6571", + "semantic.text.action.brand_alt1.hover": "1717155c5696e84b5ed991dd27ce70af2c47fdf4", + "semantic.text.action.brand_alt1.active": "7b703d65b372e6af59e2e257b60b7b26fe180764", + "semantic.text.action.brand_alt1.on_action": "8bda1f00f4c40e3315b44bf0d08b63875b985256", + "semantic.border.action.brand_alt2.subtle": "48d3ea849f38d906f6e8529ef3eefe82f24a8aaa", + "semantic.border.action.brand_alt2.subtle-hover": "77351e76cdf3461b0e0c951a95b26b6e4418f80f", + "semantic.border.action.brand_alt2.default": "4460485af2d68e6889e24bdccf3af17ed63a4a03", + "semantic.border.action.brand_alt2.hover": "56f6fb7218e555648f7df4d782bbce1b7835f5b8", + "semantic.border.action.brand_alt2.active": "e5af7480690111bbec35b957aecb7670c62d2700", + "semantic.text.action.brand_alt2.default": "1d4ec6c36a0e1121fda05c0ce4f95c5d1553e6b7", + "semantic.text.action.brand_alt2.hover": "de47a42e752d8aedcd10b908ed0090a3e0e9ca88", + "semantic.text.action.brand_alt2.active": "c7569ec1056825c1a52b9549611c48637d8c2fea", + "semantic.text.action.brand_alt2.on_action": "663bfa559afd3875a77cb82e602644b6290d72d6", "semantic.background.default": "25860544ea24bfc677bf722b5e20ea3fc631afd8", "semantic.background.subtle": "5055f730eae40b1d8f36c27f4ae6d48fe85add82", "semantic.surface.neutral.default": "94fc7e07e074a3a933e7dbcd45fb6578bb727c8b", @@ -1133,18 +1201,17 @@ "semantic.surface.neutral.subtle": "072113acf733592a7331b0a60e6a4eeaba3f51f6", "semantic.surface.neutral.subtle-hover": "19eb9af0393a16ae01a48972e77a16efb16eeb21", "semantic.surface.neutral.dark": "18e3ba1f54c2b363135f1498775fb4e96e9074da", + "semantic.surface.neutral.dark-hover": "efcf3d7a4016df005cd2d858ef733ceb8b2d6bca", "semantic.surface.neutral.inverted": "829ca533c51e3313229bc965096af00de00887f3", - "semantic.surface.action.primary.subtle": "4b4fcdea8db61ae0dbc8cfe92e43a14b0bbbd419", - "semantic.surface.action.primary.subtle-hover": "d222e50958a1a181215b0e7c08fab68e531dc72f", - "semantic.surface.action.primary.no_fill": "f71c5104b0a17c2dbc0b8696f775ce56453e306c", - "semantic.surface.action.primary.no_fill-hover": "c882e6f21b1bd5671cf67931694ecca0e545510c", - "semantic.surface.action.primary.no_fill-active": "49546fbca10893ed632a44065e31464a182fd3e0", - "semantic.surface.action.secondary.subtle": "a8189f9429cf9d9573261606c932d038351dd194", - "semantic.surface.action.secondary.subtle-hover": "849d739cdbcbce5bee9babcdb9a30b7c29f08d0c", - "semantic.surface.action.secondary.no_fill": "93001593b13c2f9e232066ed5e218576754f69e9", - "semantic.surface.action.secondary.no_fill-hover": "d33e63d8f3c212ee6a6c98039b49c712cb551f17", - "semantic.surface.action.secondary.no_fill-active": "3d188a0071be6874c09cc10a36b3127da959ac40", - "semantic.surface.action.checked": "a012df3f7f2ce68950a401de91633c3e70a7f6e7", + "semantic.surface.action.common.subtle": "75cc22bd5c6c94a5e5fb23cd164aaec5506a6c4a", + "semantic.surface.action.common.subtle-hover": "f5375de1115faecf98170313fcdaf570e53cd4b6", + "semantic.surface.action.common.default": "cf6d54f74547d2b4abde13a874084446a16c5c96", + "semantic.surface.action.common.hover": "981d112837bf874490151a3666939a023862dccc", + "semantic.surface.action.common.active": "cb0e487a0079d8bf60b587b16f66e2844915a38d", + "semantic.surface.action.common.no_fill": "b2112d2d9f8fd4cb46c992d396f383a2e2867c88", + "semantic.surface.action.common.no_fill-hover": "07e581146cfef97f7992a37fe2c795587484c2d0", + "semantic.surface.action.common.no_fill-active": "4b4db73b559b8b03285458d6fafb6956da4768a3", + "semantic.surface.action.common.checked": "f546d1adf80894cb56e7565edce63d847d909642", "semantic.surface.success.subtle": "4d65f5a3b0724e554432b0f3b4a6f9d8eb32532c", "semantic.surface.success.subtle-hover": "92f493b4e256f985653ddd390827c9bbfbaababc", "semantic.surface.success.default": "af25ae7d2fb04081fc80b7dbf4832443bb4f7d54", @@ -1173,17 +1240,13 @@ "semantic.surface.on_inverted.no_fill-hover": "95c81a1c06bc82cb1afd51300a27d65e4ff52269", "semantic.surface.on_inverted.no_fill-active": "d3d2ee87d81af7bd2f06ca6bc46c54481f349eea", "semantic.border.info.default": "706d2ddf232b2159e8082ed895ba160ddb3ea807", - "semantic.border.action.primary.subtle": "6bc771b3969e960825b8fedf929a033fbbfc93fa", - "semantic.border.action.primary.subtle-hover": "aa6e077bea51bce391c4657318afede1d0a8ddb4", - "semantic.border.action.primary.default": "2b8f878780a4bb5cbb51fb4616e58cabdbc4d120", - "semantic.border.action.primary.hover": "ac58b4805ceec71060f771b43e856e6d3254710a", - "semantic.border.action.primary.active": "96bcd30fcc6e6109007b33b51614e419509d9b53", - "semantic.border.action.secondary.subtle": "7fb6049ba38729ab4de9b861013950dd05fb1620", - "semantic.border.action.secondary.subtle-hover": "3db6a49ebefd58167a7aa2f6df6a9933eb63b22e", - "semantic.border.action.secondary.default": "1982d70d5d0554312964527b839818103942ad07", - "semantic.border.action.secondary.hover": "5a198e77a279505db0762533275d772d3cdb1137", - "semantic.border.action.secondary.active": "147ad7bee625c87b00c3bf733523396cfcf8aeee", - "semantic.border.action.hover": "ab15b7ba98f93f5349337859d8c4e0a1bb4b64a9", + "semantic.border.action.common.subtle": "2dee87d7622b0260c4b890fb48b45c1282131722", + "semantic.border.action.common.subtle-hover": "409f719b2a8a97d966c328ecacbe29655d02bcad", + "semantic.border.action.common.default": "d8960a64a391a0ff4dba9607c9f02b95ad66ae88", + "semantic.border.action.common.hover": "883575c9a42e0f8960fea191c54531e5cbd02dc0", + "semantic.border.action.common.active": "7440d4fdd3c9c2f2ce66aad11679adb12c4cc4ec", + "semantic.border.action.common.dark": "a35bbd3ec28cf1359467bfbbbc71cf5742119c7f", + "semantic.border.action.common.dark-hover": "7276d1390533d130ee3a9b9757fe7f6e9f696391", "semantic.border.neutral.default": "926cf2c12ee7510e905c5935d04a99c27e780bb6", "semantic.border.neutral.subtle": "61eaf517c6981184009c98e80d58a953ab69422f", "semantic.border.neutral.strong": "5832f6ab88c2f25a74ff6f18d74d8981513ed59f", @@ -1210,6 +1273,10 @@ "semantic.text.neutral.default": "e084264f5b933e90fcc6a152cc5fffa7244e30d6", "semantic.text.neutral.subtle": "cf105793fbd54f73824598418634362ca60c8e4e", "semantic.text.neutral.on_inverted": "f0ce02d3118b486bc9fb3f61cf841923f89699b4", + "semantic.text.action.common.default": "495ee8a45ae8e334edf3c1d81656d3ddd0820254", + "semantic.text.action.common.hover": "d7a603cd6efb370dfd7093aa7964676bf0c481ce", + "semantic.text.action.common.active": "648c8be35aea3a3d994767fa225c284fecfe6f9f", + "semantic.text.action.common.on_action": "d3f684d7c3abf080e66c440a70946ee2db7a9177", "semantic.text.warning.default": "372f89db084bb2d76a43a1caa625b89eed667600", "semantic.text.warning.icon_warning": "4d57242be884beb77ede81db3649de6e7158c8c8", "semantic.text.warning.on_warning": "80ace6af38f4f1bde0014e9d3987eae17b3c20b3", @@ -1260,8 +1327,7 @@ "base_sizing": "9720ca86555bde90493208437a6f5cacd270ee0e", "border_width.default": "b44447ba2e2504923d4903e4eb14954434480085", "border_width.active": "82d06b8c6fdeea622611fa744ff261661a211760", - "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7", - "semantic.border.action.dark": "0f2c1c18c8204303501a0f6adc9a06b98861299e" + "border_width.tab_focus": "3ddf887f27c7dff953b8399c667e16448ae252d7" }, "group": "Brand", "$figmaCollectionId": "VariableCollectionId:6324:1609", diff --git a/design-tokens/Base/Semantic.json b/design-tokens/Base/Semantic.json index a9dda4f529..e0a3e8a202 100644 --- a/design-tokens/Base/Semantic.json +++ b/design-tokens/Base/Semantic.json @@ -78,76 +78,6 @@ "checked": { "value": "{colors.blue.700}", "type": "color" - }, - "primary": { - "subtle": { - "value": "{colors.blue.100}", - "type": "color" - }, - "subtle-hover": { - "value": "{colors.blue.200}", - "type": "color" - }, - "default": { - "value": "{colors.blue.700}", - "type": "color" - }, - "hover": { - "value": "{colors.blue.800}", - "type": "color" - }, - "active": { - "value": "{colors.blue.900}", - "type": "color", - "description": "Standard farge for handlinger" - }, - "no_fill": { - "value": "{colors.white}", - "type": "color" - }, - "no_fill-hover": { - "value": "{colors.blue.100}", - "type": "color" - }, - "no_fill-active": { - "value": "{colors.blue.200}", - "type": "color" - } - }, - "secondary": { - "subtle": { - "value": "{colors.grey.100}", - "type": "color" - }, - "subtle-hover": { - "value": "{colors.grey.200}", - "type": "color" - }, - "default": { - "value": "{colors.blue.900}", - "type": "color" - }, - "hover": { - "value": "rgba({colors.blue.900}, 0.9)", - "type": "color" - }, - "active": { - "value": "rgba({colors.blue.900}, 0.8)", - "type": "color", - "description": "Standard farge for handlinger" - }, - "no_fill": { - "value": "{colors.white}", - "type": "color" - }, - "no_fill-hover": { - "value": "rgba({colors.blue.900}, 0.1)", - "type": "color" - }, - "no_fill-active": { - "value": "rgba({colors.blue.900}, 0.2)", - "type": "color" - } } }, "success": { @@ -304,50 +234,6 @@ "dark-hover": { "value": "{colors.blue.700}", "type": "color" - }, - "primary": { - "subtle": { - "value": "{colors.blue.200}", - "type": "color" - }, - "subtle-hover": { - "value": "{colors.blue.400}", - "type": "color" - }, - "default": { - "value": "{colors.blue.700}", - "type": "color" - }, - "hover": { - "value": "{colors.blue.800}", - "type": "color" - }, - "active": { - "value": "{colors.blue.900}", - "type": "color" - } - }, - "secondary": { - "subtle": { - "value": "{colors.grey.200}", - "type": "color" - }, - "subtle-hover": { - "value": "{colors.grey.300}", - "type": "color" - }, - "default": { - "value": "{colors.blue.900}", - "type": "color" - }, - "hover": { - "value": "{colors.blue.900}", - "type": "color" - }, - "active": { - "value": "{colors.blue.900}", - "type": "color" - } } }, "neutral": { @@ -490,42 +376,6 @@ "on_action": { "value": "{colors.white}", "type": "color" - }, - "primary": { - "default": { - "value": "{colors.blue.700}", - "type": "color" - }, - "hover": { - "value": "#004e95", - "type": "color" - }, - "active": { - "value": "#00315d", - "type": "color" - }, - "on_action": { - "value": "{colors.white}", - "type": "color" - } - }, - "secondary": { - "default": { - "value": "{colors.blue.900}", - "type": "color" - }, - "hover": { - "value": "{colors.blue.900}", - "type": "color" - }, - "active": { - "value": "{colors.blue.900}", - "type": "color" - }, - "on_action": { - "value": "{colors.white}", - "type": "color" - } } }, "warning": { diff --git a/design-tokens/Brand/Altinn.json b/design-tokens/Brand/Altinn.json index ab9646c51f..772a4a5706 100644 --- a/design-tokens/Brand/Altinn.json +++ b/design-tokens/Brand/Altinn.json @@ -1,6 +1,6 @@ { "brand": { - "primary": { + "first": { "100": { "value": "#E6EFF8", "type": "color", @@ -47,7 +47,7 @@ "description": "AA 4.7 on white" } }, - "secondary": { + "second": { "100": { "value": "#DCD6EA", "type": "color", @@ -94,7 +94,7 @@ "description": "AA18 4.4 on grey 800\nAA18 3.2 on white" } }, - "tertiary": { + "third": { "100": { "value": "#F9D5DB", "type": "color", @@ -144,103 +144,261 @@ }, "semantic": { "surface": { - "primary": { + "alt1": { "light": { - "value": "{brand.primary.200}", + "value": "{brand.first.200}", "type": "color" }, "light-hover": { - "value": "{brand.primary.300}", + "value": "{brand.first.300}", "type": "color" }, "light-active": { - "value": "{brand.primary.400}", + "value": "{brand.first.400}", "type": "color" }, "dark": { - "value": "{brand.primary.800}", + "value": "{brand.first.800}", "type": "color" } }, - "secondary": { + "alt2": { "light": { - "value": "{brand.secondary.200}", + "value": "{brand.second.200}", "type": "color" }, "light-hover": { - "value": "{brand.secondary.300}", + "value": "{brand.second.300}", "type": "color" }, "light-active": { - "value": "{brand.secondary.400}", + "value": "{brand.second.400}", "type": "color" }, "dark": { - "value": "{brand.secondary.900}", + "value": "{brand.second.900}", "type": "color" } }, - "tertiary": { + "alt3": { "light": { - "value": "{brand.tertiary.200}", + "value": "{brand.third.200}", "type": "color" }, "light-hover": { - "value": "{brand.tertiary.300}", + "value": "{brand.third.300}", "type": "color" }, "light-active": { - "value": "{brand.tertiary.400}", + "value": "{brand.third.400}", "type": "color" }, "dark": { - "value": "{brand.tertiary.800}", + "value": "{brand.third.800}", "type": "color" } + }, + "action": { + "alt1": { + "subtle": { + "value": "{colors.blue.100}", + "type": "color" + }, + "subtle-hover": { + "value": "{colors.blue.200}", + "type": "color" + }, + "default": { + "value": "{colors.blue.700}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.800}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color", + "description": "Standard farge for handlinger" + }, + "no_fill": { + "value": "{colors.white}", + "type": "color" + }, + "no_fill-hover": { + "value": "{colors.blue.100}", + "type": "color" + }, + "no_fill-active": { + "value": "{colors.blue.200}", + "type": "color" + } + }, + "alt2": { + "subtle": { + "value": "{colors.grey.100}", + "type": "color" + }, + "subtle-hover": { + "value": "{colors.grey.200}", + "type": "color" + }, + "default": { + "value": "{colors.blue.900}", + "type": "color" + }, + "hover": { + "value": "rgba({colors.blue.900}, 0.9)", + "type": "color" + }, + "active": { + "value": "rgba({colors.blue.900}, 0.8)", + "type": "color", + "description": "Standard farge for handlinger" + }, + "no_fill": { + "value": "{colors.white}", + "type": "color" + }, + "no_fill-hover": { + "value": "rgba({colors.blue.900}, 0.1)", + "type": "color" + }, + "no_fill-active": { + "value": "rgba({colors.blue.900}, 0.2)", + "type": "color" + } + } } }, "border": { - "primary": { + "alt1": { "default": { - "value": "{brand.primary.600}", + "value": "{brand.first.600}", "type": "color" }, "hover": { - "value": "{brand.primary.700}", + "value": "{brand.first.700}", "type": "color" }, "active": { - "value": "{brand.primary.800}", + "value": "{brand.first.800}", "type": "color" } }, - "secondary": { + "alt2": { "default": { - "value": "{brand.secondary.600}", + "value": "{brand.second.600}", "type": "color" }, "hover": { - "value": "{brand.secondary.700}", + "value": "{brand.second.700}", "type": "color" }, "active": { - "value": "{brand.secondary.800}", + "value": "{brand.second.800}", "type": "color" } }, - "tertiary": { + "alt3": { "default": { - "value": "{brand.tertiary.600}", + "value": "{brand.third.600}", "type": "color" }, "hover": { - "value": "{brand.tertiary.700}", + "value": "{brand.third.700}", "type": "color" }, "active": { - "value": "{brand.tertiary.800}", + "value": "{brand.third.800}", "type": "color" } + }, + "action": { + "alt1": { + "subtle": { + "value": "{colors.grey.200}", + "type": "color" + }, + "subtle-hover": { + "value": "{colors.grey.300}", + "type": "color" + }, + "default": { + "value": "{colors.blue.900}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.900}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color" + } + }, + "alt2": { + "subtle": { + "value": "{colors.grey.200}", + "type": "color" + }, + "subtle-hover": { + "value": "{colors.grey.300}", + "type": "color" + }, + "default": { + "value": "{colors.blue.900}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.900}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color" + } + } + } + }, + "text": { + "action": { + "alt1": { + "default": { + "value": "{colors.blue.700}", + "type": "color" + }, + "hover": { + "value": "#004e95", + "type": "color" + }, + "active": { + "value": "#00315d", + "type": "color" + }, + "on_action": { + "value": "{colors.white}", + "type": "color" + } + }, + "alt2": { + "default": { + "value": "{colors.blue.900}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.900}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color" + }, + "on_action": { + "value": "{colors.white}", + "type": "color" + } + } } } } diff --git a/design-tokens/Brand/Brreg.json b/design-tokens/Brand/Brreg.json index f3c6fef972..f41182ce90 100644 --- a/design-tokens/Brand/Brreg.json +++ b/design-tokens/Brand/Brreg.json @@ -1,6 +1,6 @@ { "brand": { - "primary": { + "first": { "50": { "value": "#FFFFFF", "type": "color" @@ -46,7 +46,7 @@ "type": "color" } }, - "secondary": { + "second": { "50": { "value": "#FFFFFF", "type": "color" @@ -92,7 +92,7 @@ "type": "color" } }, - "tertiary": { + "third": { "50": { "value": "#EBF2F3", "type": "color" @@ -141,103 +141,261 @@ }, "semantic": { "surface": { - "primary": { + "alt1": { "light": { - "value": "{brand.primary.100}", + "value": "{brand.first.100}", "type": "color" }, "light-hover": { - "value": "{brand.primary.300}", + "value": "{brand.first.300}", "type": "color" }, "light-active": { - "value": "{brand.primary.400}", + "value": "{brand.first.400}", "type": "color" }, "dark": { - "value": "{brand.primary.700}", + "value": "{brand.first.700}", "type": "color" } }, - "secondary": { + "alt2": { "light": { - "value": "{brand.secondary.200}", + "value": "{brand.second.200}", "type": "color" }, "light-hover": { - "value": "{brand.secondary.300}", + "value": "{brand.second.300}", "type": "color" }, "light-active": { - "value": "{brand.secondary.400}", + "value": "{brand.second.400}", "type": "color" }, "dark": { - "value": "{brand.secondary.700}", + "value": "{brand.second.700}", "type": "color" } }, - "tertiary": { + "alt3": { "light": { - "value": "{brand.tertiary.100}", + "value": "{brand.third.100}", "type": "color" }, "light-hover": { - "value": "{brand.tertiary.200}", + "value": "{brand.third.200}", "type": "color" }, "light-active": { - "value": "{brand.tertiary.300}", + "value": "{brand.third.300}", "type": "color" }, "dark": { - "value": "{brand.tertiary.700}", + "value": "{brand.third.700}", "type": "color" } + }, + "action": { + "alt1": { + "subtle": { + "value": "{colors.blue.100}", + "type": "color" + }, + "subtle-hover": { + "value": "{colors.blue.200}", + "type": "color" + }, + "default": { + "value": "{colors.blue.700}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.800}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color", + "description": "Standard farge for handlinger" + }, + "no_fill": { + "value": "{colors.white}", + "type": "color" + }, + "no_fill-hover": { + "value": "{colors.blue.100}", + "type": "color" + }, + "no_fill-active": { + "value": "{colors.blue.200}", + "type": "color" + } + }, + "alt2": { + "subtle": { + "value": "{colors.grey.100}", + "type": "color" + }, + "subtle-hover": { + "value": "{colors.grey.200}", + "type": "color" + }, + "default": { + "value": "{colors.blue.900}", + "type": "color" + }, + "hover": { + "value": "rgba({colors.blue.900}, 0.9)", + "type": "color" + }, + "active": { + "value": "rgba({colors.blue.900}, 0.8)", + "type": "color", + "description": "Standard farge for handlinger" + }, + "no_fill": { + "value": "{colors.white}", + "type": "color" + }, + "no_fill-hover": { + "value": "rgba({colors.blue.900}, 0.1)", + "type": "color" + }, + "no_fill-active": { + "value": "rgba({colors.blue.900}, 0.2)", + "type": "color" + } + } } }, "border": { - "primary": { + "alt1": { "default": { - "value": "{brand.primary.600}", + "value": "{brand.first.600}", "type": "color" }, "hover": { - "value": "{brand.primary.700}", + "value": "{brand.first.700}", "type": "color" }, "active": { - "value": "{brand.primary.800}", + "value": "{brand.first.800}", "type": "color" } }, - "secondary": { + "alt2": { "default": { - "value": "{brand.secondary.600}", + "value": "{brand.second.600}", "type": "color" }, "hover": { - "value": "{brand.secondary.700}", + "value": "{brand.second.700}", "type": "color" }, "active": { - "value": "{brand.secondary.800}", + "value": "{brand.second.800}", "type": "color" } }, - "tertiary": { + "alt3": { "default": { - "value": "{brand.tertiary.400}", + "value": "{brand.third.400}", "type": "color" }, "hover": { - "value": "{brand.tertiary.500}", + "value": "{brand.third.500}", "type": "color" }, "active": { - "value": "{brand.tertiary.600}", + "value": "{brand.third.600}", "type": "color" } + }, + "action": { + "alt1": { + "subtle": { + "value": "{colors.grey.200}", + "type": "color" + }, + "subtle-hover": { + "value": "{colors.grey.300}", + "type": "color" + }, + "default": { + "value": "{colors.blue.900}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.900}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color" + } + }, + "alt2": { + "subtle": { + "value": "{colors.grey.200}", + "type": "color" + }, + "subtle-hover": { + "value": "{colors.grey.300}", + "type": "color" + }, + "default": { + "value": "{colors.blue.900}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.900}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color" + } + } + } + }, + "text": { + "action": { + "alt1": { + "default": { + "value": "{colors.blue.900}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.900}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color" + }, + "on_action": { + "value": "{colors.white}", + "type": "color" + } + }, + "alt2": { + "default": { + "value": "{colors.blue.900}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.900}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color" + }, + "on_action": { + "value": "{colors.white}", + "type": "color" + } + } } } } diff --git a/design-tokens/Brand/Digdir.json b/design-tokens/Brand/Digdir.json index b607d80e28..25af30c8eb 100644 --- a/design-tokens/Brand/Digdir.json +++ b/design-tokens/Brand/Digdir.json @@ -1,6 +1,6 @@ { "brand": { - "primary": { + "first": { "100": { "value": "#feefef", "type": "color", @@ -46,7 +46,7 @@ "type": "color" } }, - "secondary": { + "second": { "100": { "value": "#fcf7e9", "type": "color", @@ -92,7 +92,7 @@ "type": "color" } }, - "tertiary": { + "third": { "100": { "value": "#e9f5ff", "type": "color", @@ -141,103 +141,261 @@ }, "semantic": { "surface": { - "primary": { + "alt1": { "light": { - "value": "{brand.primary.200}", + "value": "{brand.first.200}", "type": "color" }, "light-hover": { - "value": "{brand.primary.300}", + "value": "{brand.first.300}", "type": "color" }, "light-active": { - "value": "{brand.primary.400}", + "value": "{brand.first.400}", "type": "color" }, "dark": { - "value": "{brand.primary.800}", + "value": "{brand.first.800}", "type": "color" } }, - "secondary": { + "alt2": { "light": { - "value": "{brand.secondary.200}", + "value": "{brand.second.200}", "type": "color" }, "light-hover": { - "value": "{brand.secondary.300}", + "value": "{brand.second.300}", "type": "color" }, "light-active": { - "value": "{brand.secondary.400}", + "value": "{brand.second.400}", "type": "color" }, "dark": { - "value": "{brand.secondary.900}", + "value": "{brand.second.900}", "type": "color" } }, - "tertiary": { + "alt3": { "light": { - "value": "{brand.tertiary.200}", + "value": "{brand.third.200}", "type": "color" }, "light-hover": { - "value": "{brand.tertiary.300}", + "value": "{brand.third.300}", "type": "color" }, "light-active": { - "value": "{brand.tertiary.400}", + "value": "{brand.third.400}", "type": "color" }, "dark": { - "value": "{brand.tertiary.800}", + "value": "{brand.third.800}", "type": "color" } + }, + "action": { + "alt1": { + "subtle": { + "value": "{colors.blue.100}", + "type": "color" + }, + "subtle-hover": { + "value": "{colors.blue.200}", + "type": "color" + }, + "default": { + "value": "{colors.blue.700}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.800}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color", + "description": "Standard farge for handlinger" + }, + "no_fill": { + "value": "{colors.white}", + "type": "color" + }, + "no_fill-hover": { + "value": "{colors.blue.100}", + "type": "color" + }, + "no_fill-active": { + "value": "{colors.blue.200}", + "type": "color" + } + }, + "alt2": { + "subtle": { + "value": "{colors.grey.100}", + "type": "color" + }, + "subtle-hover": { + "value": "{colors.grey.200}", + "type": "color" + }, + "default": { + "value": "{colors.blue.900}", + "type": "color" + }, + "hover": { + "value": "rgba({colors.blue.900}, 0.9)", + "type": "color" + }, + "active": { + "value": "rgba({colors.blue.900}, 0.8)", + "type": "color", + "description": "Standard farge for handlinger" + }, + "no_fill": { + "value": "{colors.white}", + "type": "color" + }, + "no_fill-hover": { + "value": "rgba({colors.blue.900}, 0.1)", + "type": "color" + }, + "no_fill-active": { + "value": "rgba({colors.blue.900}, 0.2)", + "type": "color" + } + } } }, "border": { - "primary": { + "alt1": { "default": { - "value": "{brand.primary.600}", + "value": "{brand.first.600}", "type": "color" }, "hover": { - "value": "{brand.primary.700}", + "value": "{brand.first.700}", "type": "color" }, "active": { - "value": "{brand.primary.800}", + "value": "{brand.first.800}", "type": "color" } }, - "secondary": { + "alt2": { "default": { - "value": "{brand.secondary.600}", + "value": "{brand.second.600}", "type": "color" }, "hover": { - "value": "{brand.secondary.700}", + "value": "{brand.second.700}", "type": "color" }, "active": { - "value": "{brand.secondary.800}", + "value": "{brand.second.800}", "type": "color" } }, - "tertiary": { + "alt3": { "default": { - "value": "{brand.tertiary.600}", + "value": "{brand.third.600}", "type": "color" }, "hover": { - "value": "{brand.tertiary.700}", + "value": "{brand.third.700}", "type": "color" }, "active": { - "value": "{brand.tertiary.800}", + "value": "{brand.third.800}", "type": "color" } + }, + "action": { + "alt1": { + "subtle": { + "value": "{colors.blue.200}", + "type": "color" + }, + "subtle-hover": { + "value": "{colors.blue.400}", + "type": "color" + }, + "default": { + "value": "{colors.blue.700}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.800}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color" + } + }, + "alt2": { + "subtle": { + "value": "{colors.grey.200}", + "type": "color" + }, + "subtle-hover": { + "value": "{colors.grey.300}", + "type": "color" + }, + "default": { + "value": "{colors.blue.900}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.900}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color" + } + } + } + }, + "text": { + "action": { + "alt1": { + "default": { + "value": "{colors.blue.700}", + "type": "color" + }, + "hover": { + "value": "#004e95", + "type": "color" + }, + "active": { + "value": "#00315d", + "type": "color" + }, + "on_action": { + "value": "{colors.white}", + "type": "color" + } + }, + "alt2": { + "default": { + "value": "{colors.blue.900}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.900}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color" + }, + "on_action": { + "value": "{colors.white}", + "type": "color" + } + } } } } diff --git a/design-tokens/Brand/Tilsynet.json b/design-tokens/Brand/Tilsynet.json index b3a6a4ebe7..c0baa52171 100644 --- a/design-tokens/Brand/Tilsynet.json +++ b/design-tokens/Brand/Tilsynet.json @@ -1,6 +1,6 @@ { "brand": { - "primary": { + "first": { "100": { "value": "#efeffb", "type": "color" @@ -38,7 +38,7 @@ "type": "color" } }, - "secondary": { + "second": { "100": { "value": "#ffeee1", "type": "color" @@ -76,7 +76,7 @@ "type": "color" } }, - "tertiary": { + "third": { "100": { "value": "#eff6f4", "type": "color" @@ -117,135 +117,261 @@ }, "semantic": { "surface": { - "action": { - "primary": { - "default": { - "value": "{brand.primary.700}", - "type": "color" - }, - "hover": { - "value": "{brand.primary.800}", - "type": "color" - }, - "active": { - "value": "{brand.primary.900}", - "type": "color", - "description": "Standard farge for handlinger" - } - }, - "secondary": { - "default": { - "value": "{brand.tertiary.800}", - "type": "color" - }, - "hover": { - "value": "{brand.tertiary.900}", - "type": "color" - }, - "active": { - "value": "{brand.tertiary.900}", - "type": "color", - "description": "Standard farge for handlinger" - } - } - }, - "primary": { + "alt1": { "light": { - "value": "{brand.primary.200}", + "value": "{brand.first.200}", "type": "color" }, "light-hover": { - "value": "{brand.primary.300}", + "value": "{brand.first.300}", "type": "color" }, "light-active": { - "value": "{brand.primary.400}", + "value": "{brand.first.400}", "type": "color" }, "dark": { - "value": "{brand.primary.800}", + "value": "{brand.first.800}", "type": "color" } }, - "secondary": { + "alt2": { "light": { - "value": "{brand.secondary.200}", + "value": "{brand.second.200}", "type": "color" }, "light-hover": { - "value": "{brand.secondary.300}", + "value": "{brand.second.300}", "type": "color" }, "light-active": { - "value": "{brand.secondary.400}", + "value": "{brand.second.400}", "type": "color" }, "dark": { - "value": "{brand.secondary.900}", + "value": "{brand.second.900}", "type": "color" } }, - "tertiary": { + "alt3": { "light": { - "value": "{brand.tertiary.200}", + "value": "{brand.third.200}", "type": "color" }, "light-hover": { - "value": "{brand.tertiary.300}", + "value": "{brand.third.300}", "type": "color" }, "light-active": { - "value": "{brand.tertiary.400}", + "value": "{brand.third.400}", "type": "color" }, "dark": { - "value": "{brand.tertiary.800}", + "value": "{brand.third.800}", "type": "color" } + }, + "action": { + "alt1": { + "subtle": { + "value": "{colors.blue.100}", + "type": "color" + }, + "subtle-hover": { + "value": "{colors.blue.200}", + "type": "color" + }, + "default": { + "value": "{colors.blue.700}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.800}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color", + "description": "Standard farge for handlinger" + }, + "no_fill": { + "value": "{colors.white}", + "type": "color" + }, + "no_fill-hover": { + "value": "{colors.blue.100}", + "type": "color" + }, + "no_fill-active": { + "value": "{colors.blue.200}", + "type": "color" + } + }, + "alt2": { + "subtle": { + "value": "{colors.grey.100}", + "type": "color" + }, + "subtle-hover": { + "value": "{colors.grey.200}", + "type": "color" + }, + "default": { + "value": "{colors.blue.900}", + "type": "color" + }, + "hover": { + "value": "rgba({colors.blue.900}, 0.9)", + "type": "color" + }, + "active": { + "value": "rgba({colors.blue.900}, 0.8)", + "type": "color", + "description": "Standard farge for handlinger" + }, + "no_fill": { + "value": "{colors.white}", + "type": "color" + }, + "no_fill-hover": { + "value": "rgba({colors.blue.900}, 0.1)", + "type": "color" + }, + "no_fill-active": { + "value": "rgba({colors.blue.900}, 0.2)", + "type": "color" + } + } } }, "border": { - "primary": { + "alt1": { "default": { - "value": "{brand.primary.600}", + "value": "{brand.first.600}", "type": "color" }, "hover": { - "value": "{brand.primary.700}", + "value": "{brand.first.700}", "type": "color" }, "active": { - "value": "{brand.primary.800}", + "value": "{brand.first.800}", "type": "color" } }, - "secondary": { + "alt2": { "default": { - "value": "{brand.secondary.600}", + "value": "{brand.second.600}", "type": "color" }, "hover": { - "value": "{brand.secondary.700}", + "value": "{brand.second.700}", "type": "color" }, "active": { - "value": "{brand.secondary.800}", + "value": "{brand.second.800}", "type": "color" } }, - "tertiary": { + "alt3": { "default": { - "value": "{brand.tertiary.600}", + "value": "{brand.third.600}", "type": "color" }, "hover": { - "value": "{brand.tertiary.700}", + "value": "{brand.third.700}", "type": "color" }, "active": { - "value": "{brand.tertiary.800}", + "value": "{brand.third.800}", "type": "color" } + }, + "action": { + "alt1": { + "subtle": { + "value": "{colors.blue.200}", + "type": "color" + }, + "subtle-hover": { + "value": "{colors.blue.400}", + "type": "color" + }, + "default": { + "value": "{colors.blue.700}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.800}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color" + } + }, + "alt2": { + "subtle": { + "value": "{colors.grey.200}", + "type": "color" + }, + "subtle-hover": { + "value": "{colors.grey.300}", + "type": "color" + }, + "default": { + "value": "{colors.blue.900}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.900}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color" + } + } + } + }, + "text": { + "action": { + "alt1": { + "default": { + "value": "{colors.blue.700}", + "type": "color" + }, + "hover": { + "value": "#004e95", + "type": "color" + }, + "active": { + "value": "#00315d", + "type": "color" + }, + "on_action": { + "value": "{colors.white}", + "type": "color" + } + }, + "alt2": { + "default": { + "value": "{colors.blue.900}", + "type": "color" + }, + "hover": { + "value": "{colors.blue.900}", + "type": "color" + }, + "active": { + "value": "{colors.blue.900}", + "type": "color" + }, + "on_action": { + "value": "{colors.white}", + "type": "color" + } + } } } } From d512ee26e6f50e61588538961dd185b92e3e6654 Mon Sep 17 00:00:00 2001 From: Tobias Barsnes Date: Fri, 29 Sep 2023 14:50:42 +0200 Subject: [PATCH 10/10] feat: Add basic SSR support and peerDependecies to `react 18.2.0` (#864) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Marianne Røsvik Co-authored-by: Michael Marszalek Co-authored-by: Tomas Engebretsen Co-authored-by: Magnus Revheim Martinsen Co-authored-by: Michael Marszalek --- packages/react/package.json | 4 +- packages/react/rollup-terser.mjs | 42 +++++++++---------- packages/react/rollup.config.js | 10 ++++- .../src/components/Accordion/Accordion.tsx | 33 ++++++++------- .../react/src/components/Accordion/index.ts | 2 +- packages/react/src/components/Chip/index.ts | 20 ++++----- .../react/src/components/ToggleGroup/index.ts | 2 +- .../src/components/form/Checkbox/index.ts | 2 +- .../react/src/components/form/Radio/index.ts | 2 +- .../forsta-synsnedsettelse.mdx | 4 +- .../for-designere/kom-i-gang.mdx | 16 +++---- yarn.lock | 4 +- 12 files changed, 75 insertions(+), 66 deletions(-) diff --git a/packages/react/package.json b/packages/react/package.json index 2a0685372e..c8f6d8571d 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -15,8 +15,8 @@ "clean": "rimraf dist" }, "peerDependencies": { - "react": ">=16.8", - "react-dom": ">=16.8" + "react": ">=18.2.0", + "react-dom": ">=18.2.0" }, "publishConfig": { "access": "public" diff --git a/packages/react/rollup-terser.mjs b/packages/react/rollup-terser.mjs index a30a1ecf88..2e62294a97 100644 --- a/packages/react/rollup-terser.mjs +++ b/packages/react/rollup-terser.mjs @@ -8,29 +8,29 @@ simpler plugin that invokes Terser without Jest workers. import { minify } from 'terser'; function terser(terserOptions = {}) { - return { - name: 'terser', + return { + name: 'terser', - async renderChunk(code, _chunk, outputOptions) { - const defaultOptions = { - sourceMap: !!outputOptions.sourcemap, - }; + async renderChunk(code, _chunk, outputOptions) { + const defaultOptions = { + sourceMap: !!outputOptions.sourcemap, + }; - // eslint-disable-next-line default-case - switch (outputOptions.format) { - case 'es': - case 'esm': - defaultOptions.module = true; - break; - case 'cjs': - defaultOptions.toplevel = true; - break; - } + // eslint-disable-next-line default-case + switch (outputOptions.format) { + case 'es': + case 'esm': + defaultOptions.module = true; + break; + case 'cjs': + defaultOptions.toplevel = true; + break; + } - const effectiveTerserOptions = { ...defaultOptions, ...terserOptions }; - return await minify(code, effectiveTerserOptions); - }, - }; + const effectiveTerserOptions = { ...defaultOptions, ...terserOptions }; + return await minify(code, effectiveTerserOptions); + }, + }; } -export default terser; \ No newline at end of file +export default terser; diff --git a/packages/react/rollup.config.js b/packages/react/rollup.config.js index 3880a91e9d..426631b93c 100644 --- a/packages/react/rollup.config.js +++ b/packages/react/rollup.config.js @@ -21,10 +21,12 @@ export default [ { file: packageJson.main, format: 'cjs', + banner: "'use client';", }, { file: packageJson.module, format: 'esm', + banner: "'use client';", }, ], external: [ @@ -44,13 +46,19 @@ export default [ typescript({ tsconfig: './tsconfig.build.json' }), svgr({ exportType: 'named' }), postcss(), - terser(), + terser({ + compress: { + // Needed until https://github.com/terser/terser/issues/1320 is fixed + directives: false, + }, + }), image(), ], }, { input: 'dist/types/index.d.ts', output: [{ file: 'dist/index.d.ts', format: 'esm' }], + plugins: [dts()], external: [/@altinn\/figma-design-tokens/, /\.css$/], }, diff --git a/packages/react/src/components/Accordion/Accordion.tsx b/packages/react/src/components/Accordion/Accordion.tsx index e8a0f626cb..3d304c9b14 100644 --- a/packages/react/src/components/Accordion/Accordion.tsx +++ b/packages/react/src/components/Accordion/Accordion.tsx @@ -13,19 +13,20 @@ export type AccordionProps = { children: React.ReactNode; } & HTMLAttributes; -export const Accordion = forwardRef( - ({ border = false, color = 'neutral', className, ...rest }, ref) => ( -
    - ), -); +export const Accordion = forwardRef< + HTMLDivElement, + AccordionProps & { children: React.ReactNode } +>(({ border = false, color = 'neutral', className, ...rest }, ref) => ( +
    +)); diff --git a/packages/react/src/components/Accordion/index.ts b/packages/react/src/components/Accordion/index.ts index 8330ed9e07..4de6eed936 100644 --- a/packages/react/src/components/Accordion/index.ts +++ b/packages/react/src/components/Accordion/index.ts @@ -29,4 +29,4 @@ export type { AccordionHeaderProps, AccordionItemProps, }; -export { Accordion }; +export { Accordion, AccordionItem, AccordionContent, AccordionHeader }; diff --git a/packages/react/src/components/Chip/index.ts b/packages/react/src/components/Chip/index.ts index fa0bf88441..1ee2ba9d4b 100644 --- a/packages/react/src/components/Chip/index.ts +++ b/packages/react/src/components/Chip/index.ts @@ -1,8 +1,8 @@ -import { Group } from './Group'; +import { Group as ChipGroup } from './Group'; import type { ChipGroupProps } from './Group'; -import { RemovableChip } from './Removable'; +import { RemovableChip as ChipRemovable } from './Removable'; import type { RemovableChipProps } from './Removable'; -import { ToggleChip } from './Toggle'; +import { ToggleChip as ChipToggle } from './Toggle'; import type { ToggleChipProps } from './Toggle/'; type ChipComponent = { @@ -14,15 +14,15 @@ type ChipComponent = { * Tekst * */ - Group: typeof Group; - Removable: typeof RemovableChip; - Toggle: typeof ToggleChip; + Group: typeof ChipGroup; + Removable: typeof ChipRemovable; + Toggle: typeof ChipToggle; }; const Chip: ChipComponent = { - Group: Group, - Removable: RemovableChip, - Toggle: ToggleChip, + Group: ChipGroup, + Removable: ChipRemovable, + Toggle: ChipToggle, }; Chip.Group.displayName = 'Chip.Group'; @@ -30,4 +30,4 @@ Chip.Removable.displayName = 'Chip.Removable'; Chip.Toggle.displayName = 'Chip.Toggle'; export type { RemovableChipProps, ToggleChipProps, ChipGroupProps }; -export { Chip }; +export { Chip, ChipGroup, ChipRemovable, ChipToggle }; diff --git a/packages/react/src/components/ToggleGroup/index.ts b/packages/react/src/components/ToggleGroup/index.ts index 5dff99b03e..5aedd6a78f 100644 --- a/packages/react/src/components/ToggleGroup/index.ts +++ b/packages/react/src/components/ToggleGroup/index.ts @@ -14,4 +14,4 @@ ToggleGroup.Item = ToggleGroupItem; ToggleGroup.Item.displayName = 'ToggleGroup.Item'; -export { ToggleGroup }; +export { ToggleGroup, ToggleGroupItem }; diff --git a/packages/react/src/components/form/Checkbox/index.ts b/packages/react/src/components/form/Checkbox/index.ts index 985e7afe60..8069d15009 100644 --- a/packages/react/src/components/form/Checkbox/index.ts +++ b/packages/react/src/components/form/Checkbox/index.ts @@ -26,4 +26,4 @@ Checkbox.Group.displayName = 'Checkbox.Group'; export type { CheckboxProps, CheckboxGroupProps }; -export { Checkbox }; +export { Checkbox, CheckboxGroup }; diff --git a/packages/react/src/components/form/Radio/index.ts b/packages/react/src/components/form/Radio/index.ts index f0de6d81f7..33a118a8dc 100644 --- a/packages/react/src/components/form/Radio/index.ts +++ b/packages/react/src/components/form/Radio/index.ts @@ -24,4 +24,4 @@ Radio.Group.displayName = 'Radio.Group'; export type { RadioProps, RadioGroupProps }; -export { Radio }; +export { Radio, RadioGroup }; diff --git a/storefront/pages/god-praksis/tilgjengelighet/forsta-synsnedsettelse.mdx b/storefront/pages/god-praksis/tilgjengelighet/forsta-synsnedsettelse.mdx index d5bd92241f..918e7b4cea 100644 --- a/storefront/pages/god-praksis/tilgjengelighet/forsta-synsnedsettelse.mdx +++ b/storefront/pages/god-praksis/tilgjengelighet/forsta-synsnedsettelse.mdx @@ -24,8 +24,8 @@ Brønnøysundregistrene har med hjelp fra Blindeforbundet, undersøkt hvordan me diff --git a/storefront/pages/grunnleggende/for-designere/kom-i-gang.mdx b/storefront/pages/grunnleggende/for-designere/kom-i-gang.mdx index 97b9e61f9c..6e0910800b 100644 --- a/storefront/pages/grunnleggende/for-designere/kom-i-gang.mdx +++ b/storefront/pages/grunnleggende/for-designere/kom-i-gang.mdx @@ -48,9 +48,9 @@ Alle komponenter kommer med ulike varianter og egenskaper. I Button-komponenten @@ -65,9 +65,9 @@ Alle tokens er i sync med [Figma variabler](https://docs.tokens.studio/variables @@ -78,9 +78,9 @@ For admingrensesnitt eller ekspertverktøy kan compact-mode benyttes. Tekststør @@ -93,9 +93,9 @@ Les mer om [typografi](/grunnleggende/designelementer/typografi). diff --git a/yarn.lock b/yarn.lock index 2fa8c857d5..1856909b58 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3925,8 +3925,8 @@ __metadata: "@navikt/aksel-icons": ^3.2.4 react-number-format: 5.2.2 peerDependencies: - react: ">=16.8" - react-dom: ">=16.8" + react: ">=18.2.0" + react-dom: ">=18.2.0" languageName: unknown linkType: soft