@adaptavant/eds-core@1.15.0

✨⚙️ Introducing version 1.15.0. Enjoy! ✨⚙️

🎨 New Components

📋 SelectCard

A controlled component for single or multiple option selection:

  • Presents options in a card-like format
  • Supports both single and multiple selection modes
  • Ideal for visual option lists

⚠️ Alert

New component for user notifications

🛠️ Component Enhancements

📊 Table

  • Added sorting functionality for better data organization

🔘 Button Components

Fixed style application for pressed states in:

  • <Button />
  • <IconButton />
  • <IconLink />
  • <ButtonLink />

🔲 Modal

  • Updated close icon size to large for mobile views

⭐️ GetPro

  • Enhanced dark mode support using Figma Library tokens
  • Improved animation triggers for hover and focus state

🔍 Style Updates:

Added additional responsive utility classes to the Block and Safe List

  • w-auto
  • w-fit
  • w-full
  • flex-col
  • flex-row

🎨 Design Token Updates

  • Added new palette tokens
  • Adjusted critical-secondary token
  • Updated "setmore-black" brand tokens:
    • icon-positive
    • bg-positive-secondary
    • bg-positive-secondary-hover
    • bg-positive-secondary-pressed

Minor Changes

  • ac7ced9<Selectcard />: A controlled component that allows users to select one or more options from a set of options. It is useful for presenting a list of options in a card-like format.
  • f2f9c5e: - Added newAlertcomponent
    • Tweaked positive and critical-secondary tokens
  • ea0743eTable: Added sorting functionality

Patch Changes

  • c21de65: BlockList & SafeList: Include w-autow-fitw-fullflex-col and flex-row in the responsive classes to prevent redundant styles on the consumer site.
  • 3ebfc92<Button>, <IconButton>, <ButtonLink> and <IconLink>: Fixed an issue where the isPressed prop wasn't properly applying styles to the component. The component now correctly renders with the appropriate pressed state styling when isPressed={true}.
  • 665c6c9: tokens: add palette tokens
  • 4e1e35c: Modal: Modal: Update close icon size to large for mobile views
  • d38c4c4: Tokens: Updated the hex codes for the following variables in the "setmore-black" brand:<GetPro />:
    • icon-positive
    • bg-positive-secondary
    • bg-positive-secondary-hover
    • bg-positive-secondary-pressed
  • Replaced hardcoded hex values in styles. The component now supports both light and dark modes by utilizing class names aligned with tokens from the Figma Library.
  • The animation is now triggered on both hover and focus of the GetPro button, enhancing accessibility and user interaction consistency.