Tooltip: A Textbox with Icon that is displayed when another component is hovered. You must provide a reference to the hovered component using the tooltipFor prop.
The background color of the tooltip can be customized using the type prop, limited to ITooltipType options: warning, neutral, info, and success.
The position can be dynamic relative to the document or pre-set by the developer based on the ITooltipPosition type.
Features
FilterButton:
Updated height to match new design pattern using css variable values.
Added a design prop with options default and basic. The basic option removes borders and background, and will be the default for the SortButton (Dropdown button).
Color Story: A storybook page to review base color variables.
TopBar: Its height has been reduced to align with the new design pattern.
Fixes
Small Input: Fixed an issue where values and units were overlapping.
PageHeader: Fixed the maxWidth issue.
Deprecated features and breaking changes
Global Variables from style.ts (legacy styles) have been removed. The values have been reviewed and migrated to CSS variables. This may impact backgrounds, TopHeader, and drawers in projects that were importing these global variables. However, this is expected to be a rare case. More details
Description
Bump for release v2.3
Components
Tooltip: A Textbox with Icon that is displayed when another component is hovered. You must provide a reference to the hovered component using the
tooltipFor
prop.The background color of the tooltip can be customized using the
type
prop, limited toITooltipType
options:warning
,neutral
,info
, andsuccess.
The position can be dynamic relative to the document or pre-set by the developer based on the
ITooltipPosition
type.Features
FilterButton:
Updated height to match new design pattern using css variable values.
Added a
design
prop with optionsdefault
andbasic
. Thebasic
option removes borders and background, and will be the default for theSortButton
(Dropdown button).Color Story: A storybook page to review base color variables.
TopBar: Its height has been reduced to align with the new design pattern.
Fixes
maxWidth
issue.Deprecated features and breaking changes
Global Variables from
style.ts
(legacy styles) have been removed. The values have been reviewed and migrated to CSS variables. This may impact backgrounds,TopHeader
, and drawers in projects that were importing these global variables. However, this is expected to be a rare case. More details