Coop Design System
NPM packages

@coop/cds-components

NPM package changelog.

This package follows the Semantic Versioning specification.

4.4.0

Minor Changes

  • ec5a6af: New component: Card
  • d5bed9a: Add @react-aria/collections as a peer dependency
  • e63c6e4: Add new components: ToggleButton and ToggleButtonGroup
  • 2be8656: Add size prop to Accordion
  • d5bed9a: Add new Tabs CDS component

Patch Changes

  • d5bed9a: Make AccordionGroup full width by default
  • 4f4214c: Update lodash-es to fix CVE-2026-2950
  • 1aae55f: Fix ListBox styling when some items are different HTML element from others

4.3.0

Minor Changes

  • c0d5f34: Add a possibility to set font weight to Link and LinkButton component.

Patch Changes

  • 6f02dba: Restyle background, hover and pressed backgrounds for ListBoxItem and MenuItem.
  • 6f02dba: Don't show checkmark icon in ListBoxItem and MenuItem when selection mode is not set in parent's collection context.

4.2.2

Patch Changes

  • 3078c23: Fix Link's font family to use typography token and not raw value

4.2.1

Patch Changes

  • 49af546: Fix NumberInput's visible borders and white background in dark mode

4.2.0

Minor Changes

  • dd860a6: Add rightSlot and verticalAlignment properties to RadioCard and CheckboxCard.

Patch Changes

  • dd860a6: Fix hightlight color on CheckboxCard and RadioCard

4.1.3

Patch Changes

  • d839dae: Fix NVDA not detecting an input if appearance style is set to none on inputs in certain scenarios.
  • c69b9d3: Fix Checkbox styling to follow Figma closely
  • c69b9d3: Fix ListBox styling to follow Figma closely

4.1.2

Patch Changes

  • cfa7f28: Do not show the icon in ConfirmInfo by default, since whether it should be displayed depends on component's content.

4.1.1

Patch Changes

  • 49067d6: Fix styling of Dialog when its subcomponents are used with another non-Dialog HTML elements in between.
  • 49067d6: Fix wrongly passed TextArea's className prop.

4.1.0

Minor Changes

  • d32c2eb: Confirm, ConfirmInfo and ConfirmAlert now all support providing icons and the theme for them, with defaults apropriate to each type of Confirm. In consequence Dialog.Icon subcomponent is removed.
  • d32c2eb: Add possibility to show close button to all Confirm components. Defaults to true.
  • d32c2eb: Remove type property on a Dialog, since it was unnecessary and confusing.

Patch Changes

  • 9fe4159: fix(components): Fix text alignment of Tag to left side when text is broken into multiple lines.

4.0.1

Patch Changes

  • fc63334: Upgrade lodash-es to fix CVE-2025-13465 security vulnerability.

4.0.0

Major Changes

  • 5ee2c68: 💥 Breaking change: Button's inverse and outlinedInverse themes got new styling that follows new semanic meaning of inverse. To retain previous visual style, change inverse to subtle and outlinedInverse to outlined-subtle.

Minor Changes

  • 5ee2c68: Add subtle and outlied-subtle themes to a Button component.
  • 5ee2c68: Add support for line-height and letter spacing typography tokens, classes and mixins
  • 5ee2c68: Multiple CDS components now use subtle Button instead of inverse to account for changed inverse meaning in @coop/cds-tokens.

Patch Changes

  • Updated dependencies [5ee2c68]
  • Updated dependencies [5ee2c68]
  • Updated dependencies [5ee2c68]
    • @coop/cds-tokens@3.0.0

3.0.0

Major Changes

  • 5670136: @coop/cds-components are now using new CDS tokens available in a latest @coop/cds-tokens package. Since the tokens have been renamed and changed a bit, users are required to run migration tool on the external app's code to migrate to slight changed tokens, making this a breaking change.

Patch Changes

  • Updated dependencies [5670136]
  • Updated dependencies [5670136]
    • @coop/cds-tokens@2.0.0

3.0.0-beta.0

Major Changes

  • 6ba6933: @coop/cds-components are now using new CDS tokens available in a latest @coop/cds-tokens package. Since the tokens have been renamed and changed a bit, users are required to run migration tool on the external app's code to migrate to slight changed tokens, making this a breaking change.

Patch Changes

  • Updated dependencies [9346289]
    • @coop/cds-tokens@2.0.0-beta.0

2.0.2

Patch Changes

  • c8d4f6c: Update @coop/cds-tokens dependency
  • Updated dependencies [c8d4f6c]
    • @coop/cds-tokens@1.0.1

2.0.1

Patch Changes

  • f34ad6e: Fix SCSS typography mixin warnings.

2.0.0

Major Changes

  • 2b5e0f9: @coop/cds-components are now using Design System tokens that are synchronized with Figma variables. Check the changelog of @coop/cds-tokens package for more information.

Minor Changes

  • 2b5e0f9: Remove 'onWarning' Tag theme. Use 'warning' instead.
  • 2b5e0f9: Add Typography CSS classes and SCSS mixins. Read Storybook's Typography section for more info.
  • 2b5e0f9: Migrate all CDS components to use new CDS token structure and naming.
  • 2b5e0f9: Expose SCSS and CSS for focus-ring and interactive-hover-state.

Patch Changes

  • 2b5e0f9: Exclude stories DTS files from build output
  • 2b5e0f9: Fix Switch styling to follow Figma closely.
  • 2b5e0f9: Use component tokens to fix styling for dark mode
  • Updated dependencies [2b5e0f9]
  • Updated dependencies [2b5e0f9]
  • Updated dependencies [2b5e0f9]
  • Updated dependencies [2b5e0f9]
  • Updated dependencies [2b5e0f9]
  • Updated dependencies [2b5e0f9]
    • @coop/cds-tokens@1.0.0

2.0.0-beta.5

Minor Changes

  • Add Typography CSS classes and SCSS mixins. Read Storybook's Typography section for more info.

Patch Changes

  • d439566: Use component tokens to fix styling for dark mode

2.0.0-beta.4

Patch Changes

  • Updated dependencies [d97cead]
    • @coop/cds-tokens@1.0.0-beta.2

2.0.0-beta.3

Patch Changes

  • Updated dependencies
    • @coop/cds-tokens@1.0.0-beta.1

2.0.0-beta.2

Patch Changes

  • cbbdf67: Exclude stories DTS files from build output

2.0.0-beta.1

Minor Changes

  • Migrate all CDS components to use new CDS token structure and naming.

2.0.0-beta.0

Major Changes

  • 1eccf8a: @coop/cds-components are now using Design System tokens that are synchronized with Figma variables. Check the changelog of @coop/cds-tokens package for more information.

Minor Changes

  • 33711ea: Remove 'onWarning' Tag theme. Use 'warning' instead.
  • 7dc1482: Expose SCSS and CSS for focus-ring and interactive-hover-state.

Patch Changes

  • 1eccf8a: Fix Switch styling to follow Figma closely.
  • Updated dependencies [1b9c090]
  • Updated dependencies [e02fc20]
  • Updated dependencies [ab363ec]
  • Updated dependencies [42bf7e1]
    • @coop/cds-tokens@1.0.0-beta.0

1.7.0

Minor Changes

  • fd656b7: Add possibility to style inner container Props for hiding borders borders has been changed from hideBorderBottom, hideSubheaderBottomBorder -> hideSubheaderBorder

1.6.0

Minor Changes

  • 9fc8247: Changes
    • Added: containerRef prop to access the container element (replaces using ref for the container).
    • Breaking: In FileUpload, ref now points to the action buttons instead of the container. Use containerRef for container access.

1.5.0

Minor Changes

  • 8319392: Expose Modal's portalId and removeScroll for the Dialog.
  • 8319392: Add removeScroll property in Modal.
  • 8319392: Small Dialog style changes to fit CDS design better.
  • fa8ff3d: Add Accordion and AccordionGroup UI components
  • 8319392: More docs and stories for Dialog component.
  • 8d8ac8c: Change type of labels and helperText for various components from string to a ReactNode type.

Patch Changes

  • 8d8ac8c: Fix Checkbox types to use the right type of props
  • 8d8ac8c: Add Validation texts for Checkbox in order to not count on CheckboxGroup to be there even if 1 checkbox is needed in a form.
  • 8d8ac8c: Refactor AutoFocus story in @coop/cds-components to catch TS errors if a ref is not passed into a component.

1.4.2

Patch Changes

  • 6ab7181: Add new minwidth and maxwidth CSS variables for Popover.
  • 6ab7181: Make text line break in popover's list item styles.

1.4.1

Patch Changes

  • f309067: Fix: PasswordInput should contain the button to show/hide the password

1.4.0

Minor Changes

  • c69aa4b: New component: TagDisplay

    💥 Small breaking change - Tag component: Tag no longer supports asChild pattern. If you want to use it as a link, use href prop instead. Check the details on how to do it in RAC docs here.

    💥 Small breaking change - Tag component: Tag no longer uses type prop to switch between interactive and non-interactive behaviour. For non-interactive behavious, use TagDisplay. For interactive Tag, continue to use it as before, but combine with React Aria's TagGroup.

Patch Changes

  • c69aa4b: Fix: Allow to inject arbitrary children into IconButton

1.3.0

Minor Changes

  • c827f6b: New checkbox CDS components. CheckboxItem, CheckboxCard, CheckboxList and CheckboxGroup

Patch Changes

  • 51aa212: Select, Popover, ListBox - allow scrolling in Popover's ListBox and use focus-ring inner on items. Add example on Popover's maxHeight usage

1.2.1

Patch Changes

  • 7dcf430: Fix Select's SelectValue to not include reserved space for an icon when used with ListBox
  • 7dcf430: Fix ability to overload Popover's width
  • Updated dependencies [7dcf430]
  • Updated dependencies [5e2bc19]
    • @coop/cds-tokens@0.1.1

1.2.0

Minor Changes

  • 91ad4ef: FileUpload: add possibility to override labels
  • 4e41615: New components: ListBox, Menu, Popover, Select
  • 898b2d7: Added Flyin component
  • 4e41615: Update React Aria dependencies to support multi selection in Select component

1.1.0

Minor Changes

  • 636a89d: New component: FileUpload
  • 636a89d: Setup minimum peer dependency on tokens package in components package

1.0.0

Minor Changes

  • e6bda2d: Use new design tokens for Button component
  • e6bda2d: Change Button theme names, to match figma: soft -> secondary, white -> inverse, outlinedOnLight -> outlined, outlinedOnDark -> outlinedInverse

Patch Changes

  • Updated dependencies [e6bda2d]
    • @coop/cds-tokens@0.1.0

0.10.0

Minor Changes

  • fc515dd: New component: NumberInput

0.9.1

Patch Changes

  • Updated dependencies [5edd8b7]
    • @coop/cds-tokens@0.0.6

0.9.0

Minor Changes

  • 67902d2: Preserve 'use client' directive when building the library

0.8.0

Minor Changes

  • 45e6b8e: Use native disabled for Button component instead of Aria.
  • 45e6b8e: Fix Storybook documentation by correctly resolving component property types
  • 45e6b8e: New composed component: SearchBar
  • 45e6b8e: New component: SearchField

0.7.3

Patch Changes

  • 49baee1: Forward style prop in Button and ButtonLink

0.7.2

Patch Changes

  • 46e1bf5: Fix export variables from @coop/cds-components package

0.7.1

Patch Changes

  • 258a266: Improve documentation

0.7.0

Minor Changes

  • f81b5a1: New component: Switch
  • f81b5a1: New component: NotificationInline

0.6.0

Minor Changes

  • 76fffaf: Mark React Aria dependencies as external from build
  • 76fffaf: Remove asChild pattern from Button, replace with separate ButtonLink component.
  • 76fffaf: New components: ButtonLink, Link, LinkButton
  • 76fffaf: More documentation on Dialog component

0.6.0-beta.2

Minor Changes

  • 67dde5f: Mark React Aria dependencies as external from build

0.6.0-beta.1

Minor Changes

  • More documentation on Dialog component

0.6.0-beta.0

Minor Changes

  • e5437e7: Remove asChild pattern from Button, replace with separate ButtonLink component.
  • New components: ButtonLink, Link, LinkButton

0.5.0

Minor Changes

  • 2e05adc: Add new components: RadioGroup, RadioItem, RadioCart, RadioListItem

0.4.0

Minor Changes

  • 89b6482: New component: Loader
  • 89b6482: New component: Button
  • 89b6482: New components: Dialog and Modal
  • 89b6482: New component: Confirm

0.3.0

Minor Changes

  • daa7cff: Start using React Aria Components as underlying component library
  • daa7cff: New components - TextInput, TextArea, PasswordInput

0.2.0

Minor Changes

  • 0dbcc8e: New component - IconBadge

0.1.1

Patch Changes

  • Updated dependencies [16a7c09]
    • @coop/cds-icons@1.0.1

0.1.0

Minor Changes

  • 6d479aa: Add Tags component

0.0.4

Patch Changes

  • a085b1c: Add Vitest

0.0.2

Patch Changes

  • fe05208: Create @coop/cds-components package
  • Updated dependencies [fe05208]
  • Updated dependencies [38c2b50]
    • @coop/cds-tokens@0.0.5

On this page