design-system

🚀 New feature

• Refactoring the DateTimePicker and the DatePicker and TimePicker state logic (https://github.com/strapi/design-system/pull/703) @simotae14

⚙️ Chore

• feat: add vite to bundle (https://github.com/strapi/design-system/pull/740) @joshuaellis
• fix: releases (https://github.com/strapi/design-system/pull/751) @joshuaellis
• chore: give the design-system website a little love (https://github.com/strapi/design-system/pull/777) @joshuaellis
• Introduce Vite bundling (https://github.com/strapi/design-system/pull/778) @joshuaellis

🔥 Bug fix

• BaseCheckbox: Wrap component into Box to isolate style resets (https://github.com/strapi/design-system/pull/755) @gu-stav
• Button: Unify component height with the UI Kit (https://github.com/strapi/design-system/pull/758) @gu-stav
• Typography: Fix attribute overwrites of variant styles (https://github.com/strapi/design-system/pull/759) @gu-stav
• Chore: Update WYSIWYG icons (https://github.com/strapi/design-system/pull/766) @gu-stav

💅 Enhancement

• ProgressBar: Refactor component to use Box as base (https://github.com/strapi/design-system/pull/769) @gu-stav
• [Fix] Remove alt as required in Avatar (https://github.com/strapi/design-system/pull/771) @ronronscelestes
• Add icons for upload view toggle (https://github.com/strapi/design-system/pull/772) @jhoward1994

⚙️ Chore

• chore: use yaml templates for issue forms & add feature form (https://github.com/strapi/design-system/pull/728) @joshuaellis
• chore(deps): bump loader-utils from 1.4.0 to 1.4.1 in /packages/strapi-icons (https://github.com/strapi/design-system/pull/762) @dependabot

💅 Enhancement

• [enhancement]: IconButton (https://github.com/strapi/design-system/pull/746) @joshuaellis

🚀 New feature

• Refactoring the DateTimePicker and the DatePicker and TimePicker state logic (https://github.com/strapi/design-system/pull/703) @simotae14

🔥 Bug fix

• BaseCheckbox: Wrap component into Box to isolate style resets (https://github.com/strapi/design-system/pull/755) @gu-stav

What's Changed

• feat: Add vite to bundle by @joshuaellis in https://github.com/strapi/design-system/pull/740
• feat: Add DateTimePicker component by @simotae14 in https://github.com/strapi/design-system/pull/703
• fix: releases by @joshuaellis in https://github.com/strapi/design-system/pull/751

🔥 Bug fix

• fix: dismissible layer closing prematurely (https://github.com/strapi/design-system/pull/753) @joshuaellis

🔥 Bug fix

• [fix][Modal | Dialog]: Add dismissible layer component (https://github.com/strapi/design-system/pull/711) @joshuaellis
• fix: link active & hover not affecting Typography (https://github.com/strapi/design-system/pull/712) @joshuaellis
• Jest: Respect os specific files for the check-exports test (https://github.com/strapi/design-system/pull/737) @gu-stav
• [core:content-manager] fix: set z-index on Label to avoid z-index breaking out of parent (https://github.com/strapi/design-system/pull/717) @joshuaellis
• [core:content-manager] [fix][ToggleCheckbox]: responsive behaviour (https://github.com/strapi/design-system/pull/720) @joshuaellis

⚙️ Chore

• Cleaning and/or solving the frontend tests (warning/logs) (https://github.com/strapi/design-system/pull/716) @simotae14
• Icon: Update Strapi logo icon (https://github.com/strapi/design-system/pull/726) @gu-stav
• Remove storyshots (https://github.com/strapi/design-system/pull/730) @gu-stav
• Upgrade jest-* to 29.x (https://github.com/strapi/design-system/pull/731) @gu-stav
• Chore: Upgrade storybook (https://github.com/strapi/design-system/pull/739) @gu-stav
• chore: update playwright (https://github.com/strapi/design-system/pull/741) @joshuaellis

📖 Documentation

• Fix theme colors stories (https://github.com/strapi/design-system/pull/729) @HichamELBSI

💅 Enhancement

• chore: Replace babel-jest with @swc/jest (https://github.com/strapi/design-system/pull/732) @gu-stav
• Status: Make preceding bullet configurable (https://github.com/strapi/design-system/pull/734) @gu-stav
• Add Rotate icon (https://github.com/strapi/design-system/pull/736) @gu-stav
• GitHub: Add bundle-size PR reporter (https://github.com/strapi/design-system/pull/742) @gu-stav
• Status: Add small variant (https://github.com/strapi/design-system/pull/747) @gu-stav

🔥 Bug fix

• [Popover]: fix position function by using @floating-ui (https://github.com/strapi/design-system/pull/699) @joshuaellis
• [KeyboardNavigable & RawTable]: fix keyboard navigation on child elements (https://github.com/strapi/design-system/pull/702) @joshuaellis
• Adds the missing forum link (https://github.com/strapi/design-system/pull/706) @dharamgollapudi
• Fix Breadcrumb with conditional links (https://github.com/strapi/design-system/pull/708) @HichamELBSI

💅 Enhancement

• [KeyboardNavigable & RawTable]: fix keyboard navigation on child elements (https://github.com/strapi/design-system/pull/702) @joshuaellis
• Add placement props to Popover component (https://github.com/strapi/design-system/pull/709) @HichamELBSI

🔥 Bug fix

• NumberInput: Allow to pass in a locale for improved number formatting (https://github.com/strapi/design-system/pull/687) @gu-stav
• DatePicker: Allow to pass in a locale (https://github.com/strapi/design-system/pull/688) @gu-stav
• Fix Breadcrumb with one Crumb (https://github.com/strapi/design-system/pull/704) @HichamELBSI

🔥 Bug fix

• Pass the required prop to the combobox FieldLabel (https://github.com/strapi/design-system/pull/690) @HichamELBSI
• NumberInput: Fix value assignment during focus (https://github.com/strapi/design-system/pull/698) @gu-stav

💅 Enhancement

• [Fix] TextButton loading state (https://github.com/strapi/design-system/pull/691) @ronronscelestes

📖 Documentation

• [Fix] Document button color tokens to sroy (https://github.com/strapi/design-system/pull/700) @ronronscelestes

💅 Enhancement

• [Fix] Link font (https://github.com/strapi/design-system/pull/675) @ronronscelestes
• Combobox filtering behavior (https://github.com/strapi/design-system/pull/676) @udimberto
• Add command icon (https://github.com/strapi/design-system/pull/681) @alexandrebodin
• Relax hint prop-types from string to node (https://github.com/strapi/design-system/pull/684) @gu-stav

🔥 Bug fix

• Update many children prop-types from string to node (https://github.com/strapi/design-system/pull/677) @gu-stav
• ToggleInput: Remove clear button, if the field is disabled (https://github.com/strapi/design-system/pull/682) @gu-stav
• NumberInput: Keep scientific numbers after blur/ focus as value (https://github.com/strapi/design-system/pull/683) @gu-stav
• Popover: Fix onReachEnd callback (https://github.com/strapi/design-system/pull/685) @gu-stav

📖 Documentation

• Update Grid, Link, and Theme documentation of the Design System (https://github.com/strapi/design-system/pull/680) @maevalienard

💅 Enhancement

• Add indentation styling to SubNavLinkSection child elements (https://github.com/strapi/design-system/pull/635) @richorrichard
• [Breadcrumbs] PropTypes & Crumb padding (https://github.com/strapi/design-system/pull/662) @ronronscelestes
• DatePicker: remove default placeholder value (https://github.com/strapi/design-system/pull/664) @gu-stav
• [Fix] Avatar img resizing (https://github.com/strapi/design-system/pull/666) @ronronscelestes

📖 Documentation

• Docs: Update e2e test setup (https://github.com/strapi/design-system/pull/647) @gu-stav

🔥 Bug fix

• Fix ToggleCheckbox value (https://github.com/strapi/design-system/pull/656) @ronronscelestes
• Breadcrumbs: Update interaction colors (https://github.com/strapi/design-system/pull/657) @gu-stav
• Subnav (v2): Improve styling of child links (https://github.com/strapi/design-system/pull/668) @gu-stav

⚙️ Chore

• Add MIT license file (https://github.com/strapi/design-system/pull/636) @gu-stav

🔥 Bug fix

• NumberInput: Fix maximum significant digits which are displayed (https://github.com/strapi/design-system/pull/641) @gu-stav
• Fix e2e:watch command using chokidar-cli (https://github.com/strapi/design-system/pull/649) @gu-stav
• Accordion: Make height of AccordionToggle flexbile and add title ellipsis (https://github.com/strapi/design-system/pull/652) @gu-stav

💅 Enhancement

• Breadcrumbs: Implement v2 version (https://github.com/strapi/design-system/pull/653) @gu-stav

⚙️ Chore

• Improve the CI (https://github.com/strapi/design-system/pull/604) @HichamELBSI

🔥 Bug fix

• Fixes radio button not being checked when mounting radio group with a value passed in (https://github.com/strapi/design-system/pull/608) @PritamSangani
• Fix simple menu click and fix some stories props (https://github.com/strapi/design-system/pull/611) @HichamELBSI
• Fixing @strapi/icons peer dependency in design system (https://github.com/strapi/design-system/pull/620) @kibblerz
• Fix Element is not defined on SSR (https://github.com/strapi/design-system/pull/622) @HichamELBSI
• ModalBody: Decrease horizontal paddings (https://github.com/strapi/design-system/pull/623) @gu-stav
• Fix global apple system font-family (https://github.com/strapi/design-system/pull/630) @gu-stav
• Fix text input font to be inherited (https://github.com/strapi/design-system/pull/606) @Zoha

📖 Documentation

• Typography: Add documentation about the ellipsis prop (https://github.com/strapi/design-system/pull/610) @gu-stav
• Use Typography to avoid color issue while switching theme (https://github.com/strapi/design-system/pull/613) @imklau

🔥 Bug fix

• Fix click for React 18 (https://github.com/strapi/design-system/pull/612) @HichamELBSI

💅 Enhancement

• [Dark mode] Toggle (https://github.com/strapi/design-system/pull/567) @ronronscelestes
• [Dark mode] Color enhancements (https://github.com/strapi/design-system/pull/597) @ronronscelestes
• [Dark mode] Memorize mode (https://github.com/strapi/design-system/pull/586) @ronronscelestes
• [FieldInput] Make input element cover the whole box (https://github.com/strapi/design-system/pull/579) @gu-stav
• [Flex] Add gap prop (https://github.com/strapi/design-system/pull/583) @MattieBelt
• [Logo customization] Logo dimensions contained (https://github.com/strapi/design-system/pull/598) @ronronscelestes
• [Stack] Move vertical stack from Box to Flex with direction set to column (https://github.com/strapi/design-system/pull/599) @ronronscelestes
• [ToggleCheckbox] Improve disabled state styles and show default value (https://github.com/strapi/design-system/pull/585) @gu-stav

⚙️ Chore

• Add v2 components to the build (https://github.com/strapi/design-system/pull/578) @HichamELBSI

🔥 Bug fix

• Fix e2e test & CI (https://github.com/strapi/design-system/pull/600) @HichamELBSI

📖 Documentation

• Fix/wording fixes (https://github.com/strapi/design-system/pull/587) @philippkhon
• Update CONTRIBUTING.md (https://github.com/strapi/design-system/pull/589) @HichamELBSI

🔥 Bug fix

• Fix popover repositioning (https://github.com/strapi/design-system/pull/528) @HichamELBSI
• Fix - Select clear button type (https://github.com/strapi/design-system/pull/532) @ronronscelestes
• Move labelAction into the FieldLabel component (https://github.com/strapi/design-system/pull/536) @gu-stav
• CardAsset: avoid stretching images (https://github.com/strapi/design-system/pull/537) @gu-stav

⚙️ Chore

• 💥 Remove react-router-dom peer dependency + Update documentation (https://github.com/strapi/design-system/pull/529) @HichamELBSI
• Move e2e test from Jest-Playwright to official Playwright runner (https://github.com/strapi/design-system/pull/544) @HichamELBSI

📖 Documentation

• Add docs to the first set of components (https://github.com/strapi/design-system/pull/533) @HichamELBSI

💅 Enhancement

• feat(combobox-oninputchange): Add onInputChange prop for Combobox (https://github.com/strapi/design-system/pull/535) @artkondakov
• ToggleCheckbox: Improve styles to clarify the components state (https://github.com/strapi/design-system/pull/538) @gu-stav
• style(design-tokens): Update design tokens (https://github.com/strapi/design-system/pull/543) @specifyapp
• SimpleMenu: expose onOpen and onClose callbacks (https://github.com/strapi/design-system/pull/545) @gu-stav
• SimpleMenu: Add size prop and define small size (https://github.com/strapi/design-system/pull/552) @gu-stav
• Rename Stack size prop to spacing (https://github.com/strapi/design-system/pull/553) @HichamELBSI
• Datepicker: make min/ max date configurable and extend default range (https://github.com/strapi/design-system/pull/554) @gu-stav
• Loader: add small usage to docs, use theme spaces (https://github.com/strapi/design-system/pull/556) @gu-stav
• SimpleMenu: remove invalid HTML attribute label (https://github.com/strapi/design-system/pull/558) @gu-stav
• DatePicker: allow passing in a placeholder, to fix a flaky test (https://github.com/strapi/design-system/pull/559) @gu-stav

💥 Breaking changes

New link usage

import { Link } from '@strapi/design-system/Link';

<Link isExternal href="https://strapi.io">Strapi</Link>

Usage with routing libraries (e.g. react-router-dom)

import { Link } from '@strapi/design-system/Link';
import { NavLink } from 'react-router-dom';

<Link as={NavLink} to="/somewhere">Somewhere</Link>

Usage with NextJS

import { Link } from '@strapi/design-system/Link';
import NextLink from 'next/link';

<NextLink href="/home" passHref>
  <Link>Home</Link>
</NextLink>

⚠️ ⚠️ ⚠️ The same applies to the following components

• LinkButton
• MainNav
  • NavLink
  • NavBrand
• SubNav
  • SubNavLink
• Pagination
  • PageLink
  • PreviousLink
  • NextLink
• SimpleMenu
  • MenuItem