@adaptavant/eds-core@1.1.0

✨⚙️ Please welcome 1.1.0, and its improvements and with these new components, bug fixes, and much more ✨⚙️

🗓️ Timepicker

TimePicker is an input field for entering or selecting a specific time.

🔔 Snackbar

Snackbar component helps to display temporary notifications of actions, errors or other events.

✉️ SnackbarContent

The SnackbarContent component can used as a standalone primitive to build a user feedback system. This component is internally used by Snackbar component.

🌳 GetPro

GetPro is a visual indicator that informs users they are in a "Free" subscription and serves as a prompt to switch to "Paid" plans.

🟢🎨 Tokens update

  1. Added constant-white and constant-black tokens available across all custom utility classes.
  2. Added canvas-tertiary token for background
  3. Improve setmore-black tokens in both Moon mode and Sun mode.

🔣 Icon updates

We have updated a few icons, including those for YouTube, Facebook, Instagram, LinkedIn, Messenger, Cash App (both icon variations), WhatsApp, and X

🖌️ UI updates

We are now displaying a tick mark next to the menu item in the popover for <Combobox />, <FilterMenu />, and <SelectMenu /> components only when at least one item is selected.

🐛 ❌ Bug fixes

  1. FilterMenu is no longer crashing on hitting 'Esc' key.
  2. Fix the TypeScript error regarding using some of the EDS components caused by a conflict between React.Node and JSX.Element type.

Minor Changes

  • 930a198: Tokens and brands
    1. Extend fill and stroke fields inside colors config
    2. Add general tokens for black and white colors and use them and spread the across all fields inside colors config
  • Snackbar
    1. Used tokens new utility classes to style <Snackbar /> appearance indicator
    2. Update snackbar close button icon style
  • e2320c7: Added new <SnackbarContent /> Component
  • b0f453b: Added new <Snackbar /> component
  • 821895b: Added TimePicker Component
  • 62e73d5: - Added new token icon['inverse']
    • Added new variant tone='inverse' for <Loading />
  • cb544e5: Added New "GetPro" Component

Patch Changes

  • ab18234: Combobox:
    • Update: Moved "SET_ACTIVE_DESCENDANT_INDEX" dispatch inside listbox from input to avoid useEffect check on every value change
  • FilterMenu:
    • Fix: Avoid crashing when "Esc" key is pressed to clear search input
    • Update: Moved "SET_ACTIVE_DESCENDANT_INDEX" dispatch inside listbox from input to avoid useEffect on every input change
  • be451d0: - Tokens:
    • Reduce the blue tint in setmore-black colors
    • Added new token background['canvas-tertiary']
    • Icons: Updated Social Media icons with filled version youtube, facebook, instagram, linkedin, messenger payment-cash-app-icon.svg, payment-cash-app, whatsapp, x
  • 3639721: Symbol: Removed tone prop
  • 1660ed9: - Combobox: Show tick mark and adjust spacing for <ComboboxItem /> only when an option is selected
    • FilterMenu: Show tick mark and adjust spacing for <FilterMenuItem /> only when an option is selected
  • d209097: Symbol: Added two more sizes 40 and 56
  • ca47220: Update dependencies
  • 3e53f5d: Update FilterMenu to inherit size from Field and add large size
  • 6c5834f: TimePicker: Added label and defaultValue prop
  • 59b0a63: - DropdownMenuPopover: Always render Popover and use visuallyHidden styles to prevent unwanted scrolling
    • SelectMenuPopover: Always render popover and use visuallyHidden styles to prevent unwanted scrolling
    • ComboboxPopover: Always forward popover ref
    • FilterMenuPopover: Always forward popover ref
    • SearchInput: Fix "Maximum update depth exceeded" error when the FilterMenu is closed with the escape key by moving the handleEscape functionality into an effect with a cleanup function instead of using event listeners
  • af64577: SelectMenu: Show tick mark and adjust spacing only when any menu-item is selected
  • 30f8c9f: - Added transparent border in "active & hover" states for neutralPrimary variant in Button, IconButton, ButtonLink and IconLink
  • 3e53f5d: Remove Deprecated_FilterMenu, Deprecated_BaseOption and Deprecated_FilterMenuProps
  • b8767c4: Utils:
    • Created new forwardRefWithGenericComponent function with fixed return type
    • Deprecated current custom forwardRef util and replaced with forwardRefWithGenericComponent for components that needs 'ref' as generic type
  • a91fd92: Avatar: Added new size 96 variant
  • f972282: Add missing id type for TextInputPrimitive