feat: version 1

[mimarz]

Changes:

CSS:

• Changed prefix from fds to ds on classes and layers
• Font shorthand removed in favor of font classes
• Changed focus styling
• Added support for color modes with data-ds-color-mode="light/dark/auto". light is default
• Added support for typography modes with data-ds-typography="primary/secondary". primary is default.
• Radio: New checked style

React:

• Removed old sizes
• Button:
  • Removed success color
  • Replaced colors first and second with accent & neutral
• Tag: Replaced colors first, second, third with brand1, brand2, brand3
• Tooltip:
  • portal is now false by default
  • Removed inverted prop. Use data-ds-color-mode
• Link:
  • Removed inverted prop. Use data-ds-color-mode
  • Added color prop with accent & neutral
• Combobox: Fix issues with virtualization crashing
• Accordion:
  • Rename AccordionHeader to AccordionHeading
  • Change Accordion to Accoridon.Root
• Tabs: Change Tabs to Tabs.Root
• ToggleGroup: Change ToggleGroup to ToggleGroup.Root
• Popover: Change Popover to Popover.Root
• DropdownMenu: Change DropdownMenu to DropdownMenu.Root
• Modal: Remove Modal, Modal.Root is now always required
• Paragraph: Added default variant
• Export useSynchronizedAnimation
• Export useIsomorphicLayoutEffect
• Export useMediaQuery
• Export RovingFocusRoot
• Export RovingFocusItem

Theme:

• Completely new CSS variables.
• Changed prefix from --fds to --ds on CSS variables.

[github-actions[bot]]

Preview deployments for this pull request:

📖 Storybook 2. Jul 2024 - 15:32 (Norwegian time)

🖥 Storefront 2. Jul 2024 - 15:32 (Norwegian time)

See all deployments at https://dev.designsystemet.no