Changelog

Release notes for new features and bug fixes.

2.1.0

  • Cardan Auth UI: add the login, forgot password, reset password, sign-in challenge and MFA setup pages in the AuthPage frame, with PasswordUpdateForm, MfaSettings, LogoutDialog and the MFA setup reminder
  • Cardan Auth UI: buttons use the black and ghost variants; remove the submit slot of LoginForm and the actions slot of MfaSetup
  • Cardan Auth UI: add a card prop to MfaChallenge, and only follow a ?redirect= to a path within the app
  • Cardan Auth UI: the password forms call the Cardan API's /api/v1 paths and read the password policy themselves, so passwordPolicyEndpoint is gone; AuthError reads JSON:API errors and marks them with the API's Content-Language
  • Remove the --auth-* design tokens: Cardan Auth UI uses the font size scale and --color-grey-light directly
  • Fix: Input without v-model no longer loses its value when one of its props changes
  • Use the --color-<color>-text tokens for text on tinted surfaces in Chip, Callout and Select, and remove the --color-<color>-on-bg design tokens
  • Remove the --color-on-secondary design token: the secondary Button uses --color-text
  • New font size scale from xxs (10px) to xxxxl (64px): lg is 18px, the 11px and 40px sizes and the xxxs and xxxxxl names are removed
  • Use the 12px xs size for the small text in form fields, chips, small buttons and popovers that used the 11px size
  • Feature: add RequiredChip component, used by all form components and now also shown in the legend of a required RadioGroup
  • Rename the black variant of Button component to 3d
  • Feature: add a basic black variant to Button component, without shadow and with the default radius
  • Feature: add solid variant to Chip component, using the --color-<color>-text tokens as background
  • Feature: add textTransform prop to Chip component
  • Remove the capitalize prop of Chip component, use textTransform="capitalize" instead
  • Make solid the default variant of Callout component and rename the default variant to outline
  • Add the --color-accent-text-hover design token for the hover text of the sidebar Button variant
  • Remove the --shadow-* design tokens and the shadow prop of Card component
  • The offset shadow of the 3d Button variant is set in Button and no longer uses --shadow-offset
  • Use 14px text in Callout component by default
  • Set --line-height-heading to 1.25 in the main.css template
  • Show the current page in the sidebar Button variant with the accent color and an underline, and give its icon the text color
  • Use bold group labels and the --color-accent-text hover color in MenuList component

2.0.0

Projects need to add new design tokens, see MIGRATION.md in the repository.

  • Rename the library to Cardan UI (@cardan/ui)
  • Add the Cardan brand identity to the main.css template: colors for light and dark mode, Hanken Grotesk, type scale and motion
  • Feature: add CardanLogo component with full, symbol and tile forms and sub-brand lockups
  • Feature: add solid variant to Callout component
  • Add design tokens for button colors, text on tinted surfaces and tracks
  • Load fonts with @nuxt/fonts in the layer
  • Improve contrast of placeholders, MultiSelect options and tags, RangeInput labels and DatePicker in dark mode
  • Announce disabled link buttons to assistive technology
  • Replace the bouncing Toast animation with slide and fade
  • Fix the transition of the Tabs component