v23.1.0-rc.1

NPM package: https://www.npmjs.com/package/@eccenca/gui-elements/v/23.1.0-rc.1
Storybook:

Added

• use option --outputCss for yarn compile-scss to get the transpiled CSS echoed out
• <Badge /> element to add more context like icons, text or numbers to another element
• <Depiction /> element to include different types of images controlling of resizing, ratio, shape
• <Tag />: add support for intent property
• <ReactFlow />:
  • scrollOnDrag: Support to scroll the pane when going beyond the pane borders on all drag and connection operations.
• <MultiSelect />:
  • requestDelay: To delay requests on query changes and only fire the most recent request.
• <TestIcon />: test icons without the need to define them via a canonical name before.
• <WhiteSpaceContainer />: property linebreakForced to insert line breaks within an otherwise unbreakable string to prevent text from overflowing the container.
• <TextField /> and <TextArea />:
  • invisibleCharacterWarning: callback to warn of invisible, hard to spot characters in the input text.

Changed

• upgrade to Carbon icons v11
• switch from carbon-components to @carbon/styles
• <GridRow /> property dontWrapColumns=true only works for grids on medium sized and larger viewports

Fixed

• <WorkspaceContent />: do not prevent wrapping the columns of the included grid

Deprecated

• <Grid /> property fullWidth is now deprecated as grids are always used for the full viewport width

Fixed

• <MultiSelect />:
  • Requests e.g. on slow networks could get mixed up, resulting in not showing the most recent results.