All notable changes to this project will be documented in this file. See standard-version for commit guidelines.
7.1.0 (2026-05-08)
- Tooltip: cancel hide timeout on unmount (#2350) (34834ec)
- useSharedRef stale reference after unmount (#2361) (4aff60c)
7.0.0 (2026-05-04)
- IconButton: The deprecated
tooltipPlacement,tooltipVariant, andtooltipPortalprops have been removed fromIconButton. UsetooltipProps.placement,tooltipProps.variant, andtooltipProps.portalinstead.
- add size option for Tag Buttons (#2305) (f060340)
- IconButton: remove deprecated tooltip props (#2339) (b5fbb03)
- Combobox: add aria attributes on error (#2327) (0f50070)
- make scrollable modal a separate prop rather than the default (#2314) (a988b4a)
- remove unneeded autoprefixer comments (#2344) (06fc145)
- select: update default inital styling of required selects (#2311) (d9a1f64)
- skip-link: align caret icon inside skip link panel (#2326) (67deaa1)
- styles: reduce dialog vertical offset (#2351) (47b1146)
- styles: replace max-width with width on Link with Icon (#2303) (2c4ec65)
- TableHeader: remove sort announcement props as no needed and update aria-sort handling (#2291) (d1a317e), closes #2319
- Toast: add overflow for long text (#2346) (7fd2f1e)
6.27.0 (2026-04-09)
- changed headers to adopt font family
This PR makes Cauldron components customizable enough that consumers in constrained viewports (e.g. browser DevTools panels) can adapt sizing, positioning, layout, and theming without targeting internal class names. It does this via three complementary mechanisms:
- Expanded CSS custom property coverage — hardcoded values in 17 component stylesheets are replaced with CSS custom properties (with identical defaults), enabling override via variable cascading
- A new
cauldron--density-compactpreset class — bundles compact-appropriate values in a single opt-in class, similar tocauldron--theme-darkfor theming - Dark theme fixes — resolves gaps in Cauldron's dark theme that consumers were patching externally
- All new CSS custom properties have defaults equal to the previously hardcoded values — zero visual change for existing consumers
- The
cauldron--density-compactclass is opt-in; only takes effect when explicitly added - The ProgressBar
thinprop is additive (new boolean prop, no changes to existing API)
| Component | New variables |
|---|---|
| TopBar | --top-bar-position, --top-bar-padding-inline-start, --top-bar-menu-flex, --top-bar-button-max-width, --top-bar-button-flex-direction, --top-bar-button-font-size, --top-bar-item-padding, --top-bar-border-bottom |
| Tabs | --tab-height, --tab-font-size, --tab-flex, --tabpanel-border, --tabs-horizontal-border-bottom, --tabs-width |
| Dialog | --dialog-content-line-height, --dialog-z-index, --dialog-header-padding, --dialog-header-border, --dialog-content-padding, --dialog-footer-padding, --dialog-footer-border |
| ProgressBar | --progress-bar-padding, --progress-bar-border-radius, --progress-bar-fill-height, --progress-bar-fill-border-radius, --progress-bar-fill-min-width |
| Accordion | --accordion-trigger-padding, --accordion-trigger-text-decoration |
| Toast | --toast-position, --toast-list-margin-left |
| OptionsMenu | --options-menu-width, --options-menu-item-font-size |
| Panel | --panel-border, --panel-box-shadow |
| Select | --select-width, --field-select-max-width, --field-select-margin-bottom |
| ExpandCollapse | --expandcollapse-trigger-icon-offset |
| Combobox | --combobox-arrow-color |
| Code | --code-display, --code-padding, --code-border, --code-margin |
| Tag | --tag-margin |
| IconButton | --icon-button-hover-shadow-primary, --icon-button-hover-shadow-secondary, --icon-button-hover-shadow-error |
| Headings (base.css) | --heading-text-color, --heading-font-family |
| Layout | --layout-dark-color (via fallback) |
| Button | --button-adjacent-spacing, .ButtonGroup class |
| Notice | --notice-padding (via fallback) |
| Link | --link-padding (via fallback) |
| Stepper | Uses existing --step-* variables (no new ones needed) |
A cauldron--density-compact class that sets component variables to compact-appropriate values. Usage:
<body class="cauldron--theme-dark cauldron--density-compact">Includes compact Code display (inline, no border), TopBar vertical button layout, and text link padding restoration via :has().
- Dialog: dark border compensation padding, dark Alert colors, checkbox/radio checked icon in Dialogs
- Tabs:
--tabs-horizontal-border-bottomre-resolved in dark theme to pick up dark border color - TopBar: dark border-bottom moved to variable
- Combobox: arrow color in dark theme
- IconButton: hover shadows extracted to variables, dark theme rule blocks consolidated
New thin?: boolean prop with tests.
- create a density-compact preset (#2287) (c30b80b), closes #1944 dequelabs/axe-extension#7854
- RadioGroup: prevent radio buttons from becoming unselectable after re-render (#2296) (aae50b7)
- remove default ul style from Toast component (#2293) (47be5d8)
- remove expand collapse trigger icon styles (#2306) (8801805)
- remove margin added to code component (#2312) (a71356d)
- remove progress bar thin styles from density.css (#2307) (81f8b9a)
- rename button gap var and remove button group css (#2313) (99048cb), closes #1944
- revert dialog Field styles and z-index from density preset (#2316) (bd48a98)
- revert font-family on heading elements (#2315) (290ddae)
- update tab-panel-border variable naming (#2292) (57a1d2f)
6.26.0 (2026-03-19)
- ActionMenu: correct action menu scrolling on open (#2248) (779e73a)
- href in ActionListLinkItem not working inside TopBar+ActionMenu (#2256) (5fbe41d)
- styles: introduce modal max-height (#2249) (7391493)
- sync danger & danger-secondary variant disabled state (#2272) (15a57da)
6.25.3 (2026-02-23)
6.25.2 (2026-02-06)
6.25.1 (2026-02-05)
- prevent button text wrapping using max-content for button min-width (#2214) (f92cb92)
- react: remove false ellipsis when text fits in Chrome (#2206) (fedc13a)
- styles: Fixed
Linkcomponent with Icon to stretch inside flex container (#2205) (30b64b1) - top bar with action menu incorrect div[role=presentation] (#2204) (bc36343)
6.25.0 (2026-01-27)
6.24.0 (2026-01-26)
6.23.3 (2026-01-19)
6.23.2 (2026-01-16)
6.23.1 (2025-10-28)
- apply styling amendments to the
SectionHeadercomponent (#2158) (3fec7de) - top bar item with action menu screen reader + focus behavior (#2148) (bdaeb6d)
6.23.0 (2025-10-20)
6.22.3 (2025-10-14)
6.22.2 (2025-09-24)
6.22.1 (2025-09-22)
- styles: limit the default max-width of action menus to 31rem (#2102) (bbde2c7)
- style: update tab panel background colors for light and dark themes (#2101) (a2c25cd)
6.22.0 (2025-09-03)
- react,styles: add danger and danger-secondary Button variants (#2074) (d94b37f)
- react,styles: add danger variant to ActionListItem (#2076) (d9ea0f2)
- react: fix a11y issue where selected listbox options did not fire click handlers (#2087) (52118e5)
- styles: set default max-height of action menus to prevent excessive overflow (#2081) (dd771e4)
6.21.0 (2025-08-19)
- add optional description to combobox (#2042) (fdaa983)
- deprecate filter-solid, map new icon using filter (#2058) (1fcbfce)
- a11y: adjust tooltip alignment to change placement in smaller viewports (#2053) (82effd8)
- react: use floating-ui ref for anchored overlay to help prevent overlay flicker (#2041) (d985ed7)
- remove passthrough key property in ActionListLinkItem (#2052) (a840027)
- render AnchoredOverlay always to get correct floating (#1997) (72846ff)
- update useIntersectionRef to observer refs correctly (#1986) (1acc4c9), closes #1977
6.20.2 (2025-07-22)
6.20.1 (2025-07-16)
- a11y: fix focus issue when focusable item is contained within a collapsed description list (#2025) (c58902b)
- correct table header alignment for sortable columns (#2021) (c197d1e), closes #1991
6.20.0 (2025-07-15)
6.19.0 (2025-07-07)
- react, styles: added optional description property for Select (#1987) (d6a6e97)
- react, styles: added optional description property for TextField (#1988) (8ef34e8)
6.18.5 (2025-06-30)
6.18.4 (2025-06-17)
6.18.3 (2025-06-10)
6.18.2 (2025-06-05)
6.18.1 (2025-05-29)
- react: fix overflow callback not being called for TextEllipsis when tooltip is hidden (#1954) (b31fcc8)
6.18.0 (2025-05-29)
- react: add onOverflowChange callback to TextEllipsis (#1946) (c11936e)
- react: add support to render AnchoredOverlay with a portal (#1935) (82f455c)
- react: prevent onClickOutside from being called incorrectly when using target (#1924) (0d77c45)
- style: prevent platform tooltip from appearing on ellipsized text in Safari (#1927) (0421855)
6.17.1 (2025-05-16)
6.17.0 (2025-05-13)
- AnchoredOverlay: add shift middleware to handle overflowing overlays (#1897) (d7ad033)
- react, styles: add
PageHeaderandSectionHeadercomponents with styles and tests (#1880) (678bd47) - react,styles: add ActionMenu, ActionList components (#1883) (dce6ee5)
- react,styles: add EmptyState component (#1913) (b6278d3)
- react,styles: add FieldGroup component (#1873) (95899ed)
- style: update panel radius and padding (#1905) (b541dd6)
- styles: secondary disabled button background color (#1808) (bd8f773), closes #1807
- styles: update complete indicator to display step count for safari (#1900) (edbb1fd)
- styles: use consistent variable naming for empty state (#1921) (210d5d0)
6.16.0 (2025-03-20)
- react, styles: combobox component multiselect (#1816) (22d45de)
- react: allow tooltip to be hidden for text ellipsis (#1845) (7b5a8cb)
- styles: drawer uses variables for transition and timing function (3705a69), closes #1834
- styles: provide consistent drop shadow styles across all components (#1832) (a4cf47f)
6.15.0 (2025-02-18)
- a11y: remove incorrect expanded attribute on OptionsMenu (#1792) (b60e295)
- button: Add "badge" variant (#1795) (1653ddc)
- react: hide required text in label for AT (#1550) (dfa0905)
- react: deprecate RadioCardGroup component (#1788) (2c1219d)
- styles: fix incorrect drawer width variable usage (#1803) (df008fe)
6.14.0 (2024-12-20)
- react: fix a11y active-descendant issue with controlled Listboxes (#1776) (897963b)
- react: fix listbox focus issue when listbox options have changed (#1777) (55d370c)
6.13.0 (2024-12-18)
- react,style: add AnchoredOverlay component, refactor Tooltip and Popover to use AnchoredOverlay (#1760) (6773975)
- react: add max-width column configuration to Table grids (#1770) (dc7e4ac)
- react: add multiselect to Listbox component (#1763) (afa8fb4)
- react: remove focus-trap-react replacing with internally managed focus traps (#1730) (775bed0)
6.12.0 (2024-12-04)
- react,styles: add grid layout for table component (#1748) (983c89f)
- styles: synced
table(#1745) (4531fb6) - styles: synced tabs with design (#1741) (242ac5d)
6.11.0 (2024-11-06)
6.10.1 (2024-10-25)
6.10.0 (2024-10-16)
6.9.0 (2024-10-16)
- ClickOutsideListener: refactor and allow for ref targets (#1687) (8f770f3)
- icon: added
broken-imageicon (#1700) (d64ab15) - react,styles: add BottomSheet component (#1694) (5a2f12d)
- react,styles: add Drawer component (#1646) (4be82cb)
- styles: synced Link component (#1675) (8ff3885)
- styles: synced TextField component with designs (#1696) (1971a3b)
- docker: use the default value of playwright_version ARG declared before the first FROM (#1704) (fbd45e8)
- Notice: allow className to be passed into Notice component (#1702) (cb86dd3)
- react: fix incorrect icon size for IconButton[large] (#1655) (b2cf09f)
- styles: fix content alignment for button containing icons (#1713) (683a8c9)
- styles: fix spacing between title and content for notice component (#1722) (906a352)
- styles: spacing between icon and text within badge (#1724) (62992eb)
6.8.0 (2024-10-08)
- ClickOutsideListener: refactor and allow for ref targets (#1687) (8f770f3)
- icon: added
broken-imageicon (#1700) (d64ab15) - react,styles: add BottomSheet component (#1694) (5a2f12d)
- react,styles: add Drawer component (#1646) (4be82cb)
- styles: synced Link component (#1675) (8ff3885)
- docker: use the default value of playwright_version ARG declared before the first FROM (#1704) (fbd45e8)
- Notice: allow className to be passed into Notice component (#1702) (cb86dd3)
- react: fix incorrect icon size for IconButton[large] (#1655) (b2cf09f)
6.7.0 (2024-09-11)
- icon: images icon (#1649) (411482d)
- react: added copy code functionality to
Codecomponent (#1608) (b21d38c) - styles: synced
noticestyles (#1665) (1ed6c8f)
6.6.1 (2024-08-21)
6.6.0 (2024-08-13)
- react: add CopyButton component (#1603) (c570ece)
- react: add indeterminate support to checkbox (#1621) (c49bfd2), closes #479 #479
- styles,react: added size prop to tag and synced with designs (#1602) (946b10d)
6.5.0 (2024-08-07)
- added prop to hide\show first\last pages for
Pagination(#1616) (eb0a056) - react:
ImpactBadgecomponent (#1612) (53ae3d0) - react: add Button tertiary variant (#1592) (40759db)
- react: add IconButton tertiary variant (#1598) (c0101d7)
- react: added badge component (#1610) (37be24a)
- react: fix show prop and add defaultShow prop (#1606) (f1f0163)
- styles: added new typography system (#1584) (41dad21)
- styles: adjust button typography and text sizes (#1596) (31c9c18)
- styles: flag DefinitionButton as a deprecated class (#1593) (2657ce8)
- Button: fix missing border for tertiary buttons in dark mode (#1611) (256641b)
- react: Dialog closes instead of contained tooltip on escape key (#1594) (a3f374a)
- styles: synced breadcrumb with design (#1600) (f51057b)
- synced
Noticecomponent with design (#1605) (9eab948)
6.4.2 (2024-07-10)
- Dialog: switch dialog tests to react testing library and fix heading type (#1501) (3b7a548)
- react: fix incorrect React.Fragment for ContentNode type (#1521) (2f7e190)
- react: use capture phase instead of bubble phase for esc keypress on Tooltip (#1569) (1bc0e02)
6.4.1 (2024-06-05)
- Combobox: fix issue where autocomplete automatic does not fire selection event (#1493) (0f061da)
- IconButton: loosen polymorphic type to allow for any type of JSXElement (#1494) (0408555)
- react: make focusOnInitialRender work without setTimeout (#1486) (fc280bd)
- set
valuerather thanlabelwhen usingonChangeandonSelectionChangewithCombobox(#1500) (9defe04) - styles: fix issue where field focus ring did not provide enough contrast (#1489) (adefb4a)
6.4.0 (2024-05-16)
- react: deprecate individual tooltip props for IconButton replacing with tooltipProps (#1465) (b5ed8b0)
- react: support use of custom classNames with Toast component (#1447) (ea1aa6d)
- styles: adjust button thin height to minimally be set to 24px (#1420) (8ee7748)
- styles: allow arbitrary heading levels to be styled consistently for TwoColumnPanel headers (#1454) (3ee3378)
- react: fix BreadcrumbLink type interface to correctly allow for polymorphic anchor components (#1441) (fd12436)
- styles: fix issue with text overflow leading to timeline details to be misaligned (#1479) (6b5e676)
6.3.2 (2024-04-03)
- fix toast bug where screen readers dont read toast (#1437) (80b7d36)
- react: update input value for SearchField in controlled case (#1433) (9a49861), closes #1432
6.3.1 (2024-03-21)
- react: consolidate polymorphic types to allow for better typehints and code linting when using polymorphic components (#1414) (2fa4aa0)
- react: prevent search field input from inheriting unintended styles from default TextField (#1425) (c76774e)
6.3.0 (2024-03-14)
- react,styles: add SearchField and internal TextFieldWrapper components (#1372) (46b16a1)
- react: Add property to include trailing children for SearchField component (#1385) (88e97f1)
- react: add ref support to Link (#1357) (5d92f1e)
- react: Add TextEllipsis utility component (#1354) (3e6e4cd)
6.2.1 (2024-02-20)
6.2.0 (2024-02-13)
- Combobox: fix incorrect type for Combobox ref (#1326) (c2d49bd)
- react: fix incorrect aria when Combobox has no results (#1332) (023ddac)
- react: fix misuse of dom globals preventing ssr usage (#1328) (ef37e97)
- react: use default hover cursor when checkboxes are disabled (#1340) (3818823)
- styles: fix incorrect icon size with Dialog close buttons (#1327) (f877edf)
- TextField: prevent className clobbering on TextField input (#1338) (9bf6c09)
6.1.0 (2024-01-24)
- Combobox: prevent default event when Combobox listbox is expanded on enter keypress (#1319) (6de7685)
- Combobox: set aria-activedescendant correctly when listbox is expanded with selected value (#1320) (3a04d8b)
- react,styles: keep rest background for disabled:active button state (#1310) (ca3aa82)
- style: removed double bottom border and added padding for < 64 rem (#1303) (c37994c)
- styles: use correct border for table headers with row headings (#1308) (b991497)
- style: synced stepper with pattern library (#1251) (7c3f70b)
- style: Synced styles and added large variant of IconButton (#1304) (e5868a1)
- style: synced text field styles with pattern library (#1206) (51a804a)
6.0.0 (2023-12-20)
- react: Removed variant property from Loader/LoaderOverlay components.
- react,styles: remove Card component and styles (#1248) (9b55195)
- react,styles: remove IssuePanel component and styles (#1246) (b78f5e7)
- react,styles: remove Pointout component and styles (#1247) (7b5349d)
- react: remove large overlay (#1205) (e93ae35)
- react: remove PropTypes from all react components (8540614)
5.13.0 (2023-12-01)
- Combobox: allow combobox to take an input ref (#1297) (6dd5a34)
- Dialog: ensure that dialogs are labelled by their heading (#1260) (e08b517)
5.12.0 (2023-11-10)
5.11.0 (2023-11-09)
- react: sync alert modals with uxpin (5cfcb57)
- review comments (5e22461)
5.10.0 (2023-11-07)
- react: prevent error for ComboboxOption when text contents are empty (#1268) (db30496)
- styles: fix incorrect focus ring on dialog close button (#1257) (42f3eff)
- Updated light theme focus-glow to correct focus color (#1181) (63a93bb), closes #918
5.9.1 (2023-10-20)
5.9.0 (2023-10-16)
- Modal: sync modal styles with pattern library and include alignment props (#1236) (3563505)
- Popover: add new component (#1171) (b09c14c)
- react: add Combobox component (#1180) (4d29227)
- react: add Listbox component (#1167) (2562efe)
- styles: apply a fixed size to radio/checkbox inherited from icon-size (#1195) (c7e293c)
- styles: update focus-dark color to better contrast against different backgrounds (#1194) (e27cfd1)
- styles: update styles for Code component (#1199) (5921a8e)
- TagButton: add new tag button component (#1191) (033b4e8)
- corrected color of button tags on hover in light theme. (#1162) (b0d3b50)
- react: ensure that no results get announced for NVDA (#1200) (2093334)
- react: prevent esm modules from appearing in cjs dist (#1207) (29e23f8)
- styles: align Notice icon to top when text is wrapped (#1225) (f20fcb4)
- styles: deprecation notices for table sort button styles (#793) (5655cf1)
- styles: fix color contrast for selected listbox options (#1226) (1e651e5)
- styles: fix color contrast issue for required text on TextField with error (#1182) (e151162)
- styles: fix color contrast issue with selected Combobox text (#1235) (06862aa)
- styles: prevent overflow for TwoColumnPanel left container at narrow viewports (#1234) (53b0649)
- tooltip content cut off at reflow (#1230) (8f4cfab)
5.8.1 (2023-09-25)
5.8.0 (2023-09-05)
- breadcrumbs: amend
/separator colours in light and dark mode (#1153) (f2f134b) - react: fix color contrast issue for accordion trigger on hover (#1163) (57df9d4)
- react: fix issue where TwoColumnPanel would not collapse correctly with reduced motion (#1158) (ab3e5b8)
- react: fix options menu size and update documentation to v2 docs (#1166) (8df46f8)
- table: adjust border table thickness and sortable table icon (#1154) (5f0c732)
- table: position sort icons using flex-start (#1160) (dc735be)
5.7.1 (2023-08-04)
- react: ensure that Field__label remains for Radio/Checkbox for better backwards compatibility (#1150) (f86d18e)
- update pagination statusLabel type to ContentNode (#1099) (ade57cc)
- react: Correctly expose
themeandtoggleThemefrom context (#1148) (f3d7c4d)
5.7.0 (2023-08-02)
- react: allow for NavBar to include additional props for html div elements. (#1144) (b103453)
- react,styles: add Notice component (#1136) (14bfe32)
5.6.2 (2023-07-28)
5.6.1 (2023-07-26)
5.6.0 (2023-07-26)
5.5.1 (2023-07-25)
- styles: fix overflow styling on Radio Group and Checkbox and align styles with Pattern Library (#1110) (4f8a9ba)
5.5.0 (2023-07-19)
- react: respect prefers-reduced-motion when opening/closing ExpandCollapsePanel or Accordion (#1112) (cfe8292)
- styles: removed unwanted text transform property (#1102) (fe1c8ad)
5.4.1 (2023-06-21)
- react: allow onBlur and onFocus to be passed to Checkbox without messing up focus state (#1095) (2dd973a)
5.4.0 (2023-06-15)
- changed top bar height to 70px (#1081) (14d052e)
- styles: fix inaccessibile syntax highlight colors (#1075) (1fc89ed)
5.3.0 (2023-05-05)
- RadioGroup: add inline modifier for RadioGroup (#1049) (714a3a4)
- react: include custom css var for setting table width and update table documentation (#1035) (c4857aa)
- react: respect prefers-reduced-motion with Accordion (#832) (9f1a3f9)
- styles: adds darker colored warning variable (#1066) (a9c85dd)
- styles: fix spacing between PanelHeading and PanelContent (#1064) (abdecaa)
- styles: prevent select text from overlapping with carat indicator (#1058) (7637a80)
- removed line height styling from button (#1046) (9daa8e8)
- react: corrected toast component's padding (#1047) (e89d35c)
- style: fix aggressive styles getting applied to nested elements in Panel (#1045) (de81016)
5.2.0 (2023-04-27)
- NavBar: ensure NavBar sets aria-current=true by default on active items (#973) (b109bdf)
- panel: add composable components and revise docs (#1025) (90da2bc)
- Button: ensure button.Link variant inherits its font-size to match inline text (#971) (6e8ea8b)
- react: fix incorrect proptype for Offscreen component and update documentation to v2 (#1026) (c2d1521)
5.1.0 (2023-04-04)
- app: add new spacing and colour variables (#876) (f7af206)
- icon: add hashtag icon (#953) (8d67f3f)
- icon: add Linkedin, Twitter and Github (#966) (e571172)
- react: allow pagination labels to take react nodes (#956) (655da6e)
- react: allow scrollability of Code component to be configured, auto-add tab-index to scrollable Code elements (#996) (9b2de96)
- styles: expose panel padding through a --panel-padding variable (#921) (a361f9c)
- styles: Replace variable focus light with a value that has higher color contrast (#894) (e4949a7)
- Toast: make non-dismissible toasts positioned statically (#959) (147f3dd)
- Add share nodes icon (#891) (ad01530)
- react: ensure that Dialog and Toast components cleanup on unmount (#1003) (07163da)
- react: fix Breadcrumb separator using incorrect type; update to v2 documentation (#983) (336beca)
- fix aria-hidden not toggling when Alert closes (#986) (a8bd3cf)
- updated details to wrap text at smaller widths (#913) (f147108)
- breadcrumbs: Allow long items and links to break fluidly (#965) (f3b5709)
- NavBar: adjust styling for nav items per Bobby (#936) (a56de75)
- OptionsMenu: add spacing between focus outline and border (#878) (ce15231)
- react: correct pagination labels prop type (#963) (f2e189b)
- react: Make TwoColumnPanel wrap to prevent content from getting cut out (#952) (ca04237)
- react: only render icon button label where it is needed (#962) (2e05a9c)
- allow word break and add max width to tooltip (#948) (0645c1f)
- fix overflow behavior of Select component (#942) (390f5b1)
- react: maintain focus on pagination button when last or first page is reached (#937) (9ce8300)
- styles: allow Tag to adjust width based on content (#927) (1e5b9b0)
- styles: allow two column panel content to scroll (#929) (de1da7f)
- styles: improves contrast of Link when in hover state (#890) (6f23ee6)
- styles: overwrote base button font-family (#888) (97d5203)
- added icon size variable and applied to current icons (#920) (4f3537b)
- page title is not updated when navigating directly to a component page (#816) (c1a938f)
- remove base TableHeader from sort styles (#882) (be2baed)
- updated breadcrumbs to wrap at low content consistently (#897) (a1912d7)
- updated links within paragraphs to use dynamic link color (#896) (905c1ed)
- use a span instead of div for offscreen text (#893) (f7bc1da), closes #834
5.1.0 (2023-04-04)
- app: add new spacing and colour variables (#876) (f7af206)
- icon: add hashtag icon (#953) (8d67f3f)
- icon: add Linkedin, Twitter and Github (#966) (e571172)
- react: allow pagination labels to take react nodes (#956) (655da6e)
- react: allow scrollability of Code component to be configured, auto-add tab-index to scrollable Code elements (#996) (9b2de96)
- styles: expose panel padding through a --panel-padding variable (#921) (a361f9c)
- styles: Replace variable focus light with a value that has higher color contrast (#894) (e4949a7)
- Toast: make non-dismissible toasts positioned statically (#959) (147f3dd)
- Add share nodes icon (#891) (ad01530)
- react: ensure that Dialog and Toast components cleanup on unmount (#1003) (07163da)
- react: fix Breadcrumb separator using incorrect type; update to v2 documentation (#983) (336beca)
- fix aria-hidden not toggling when Alert closes (#986) (a8bd3cf)
- updated details to wrap text at smaller widths (#913) (f147108)
- breadcrumbs: Allow long items and links to break fluidly (#965) (f3b5709)
- NavBar: adjust styling for nav items per Bobby (#936) (a56de75)
- OptionsMenu: add spacing between focus outline and border (#878) (ce15231)
- react: correct pagination labels prop type (#963) (f2e189b)
- react: Make TwoColumnPanel wrap to prevent content from getting cut out (#952) (ca04237)
- react: only render icon button label where it is needed (#962) (2e05a9c)
- allow word break and add max width to tooltip (#948) (0645c1f)
- fix overflow behavior of Select component (#942) (390f5b1)
- react: maintain focus on pagination button when last or first page is reached (#937) (9ce8300)
- styles: allow Tag to adjust width based on content (#927) (1e5b9b0)
- styles: allow two column panel content to scroll (#929) (de1da7f)
- styles: improves contrast of Link when in hover state (#890) (6f23ee6)
- styles: overwrote base button font-family (#888) (97d5203)
- added icon size variable and applied to current icons (#920) (4f3537b)
- page title is not updated when navigating directly to a component page (#816) (c1a938f)
- remove base TableHeader from sort styles (#882) (be2baed)
- updated breadcrumbs to wrap at low content consistently (#897) (a1912d7)
- updated links within paragraphs to use dynamic link color (#896) (905c1ed)
- use a span instead of div for offscreen text (#893) (f7bc1da), closes #834
5.0.0 (2023-01-26)
- various variables have changed values (eg
--space-largest). - react: This makes it so that
onCloseis only called when the element is not controlled. If an author is currently depending on this behavior via a controlled component,onClosewill no longer be closed when theshowprop changes fromtruetofalse.
- react: Add "person running" icon (#852) (c2f1f8f), closes #851
- table: create table footer component (#864) (aee7d22)
- add accent-accessible-success color (#842) (de38101)
- add border variant for table component. (#820) (082ddc6)
- icon: add link icon (#821) (85b3cbc)
- react: allow Toasts to not be dismissible (#724) (8277faf)
- Integrate design review feedback (#868) (a8a7180), closes #866
- IconButton: Ensure anchor and button icons are aligned (#847) (4a2a6ce)
- pagination: remove unnecessary margins (#865) (c168abd)
- react: Use correct color for
person-runningicon (#863) (f7f6318), closes #852 - allow users to use thin link button (#849) (299bd7a)
- GitHub icon invisible on smaller screens (#808) (6078288)
- update css variable for moderate/serious (#859) (4b3c1d5)
- use
--link-hover-coloron.Link:hover(#843) (1e87412) - app: ensure tooltips are not displayed behind a dialog (#735) (6a77ef1)
- docs: Ensures alert buttons do not overlap (#770) (dcc3921)
- docs: Ensures content doesn't get cutoff in prop docs tables (#775) (aa673cb)
- docs: Gives table demo delete buttons unique names (#773) (2b81cae)
- docs: use Demo component for ProgressBar (#799) (15273d7)
- LoadeOverlay: export LoaderOverlayProps interface (4571ec6)
- LoaderOverlay: export LoaderOverlayProps interface (#812) (2930b9c)
- react: change div element to span in Icon component (#795) (61754b2)
- react: change div to span inside of ExpandCollapse (#818) (ded5fda), closes #224
- react: Do not require
navPropsin<SideBar>(#781) (937cd46) - react: ensure check-circle icon meets color-constrast requirements (#736) (b6bfee0)
- react: expose setCurrentPage method from usePagination Hook for components to manage case sensitive pagination (5f6e6cb)
- react: fix issue where ref property was getting clobberd on (#728) (d45d734)
- react: only call onClose one per user event (#698) (ab33163), closes #694
- react: use CustomEvent for tooltip events (#824) (3ba9dc2)
- styles: correct axe issue colors (#729) (683b333)
- styles: do not shift content when input elements gain focus (#737) (6d72e2e)
- styles: Ensures dark mode RadioCardGroup selected icon meets contrast requirements (#779) (6ad2f51), closes #778
- styles: fix accordion background colors (#725) (e34d0aa)
- styles: fix tooltip arrow positioning when zoomed (#750) (26021ae)
- styles: remove unnecessary specificity for accordion styles (#723) (1a47074)
- styles: use css variables for big tooltip font size and padding (#810) (fa8e54c)
- typo: descending misspelled (#782) (87de5e6)
- pagination sizing bug (3e2417d)
- upgrade ts-node to fix coverage reports (#719) (5fcb970)
4.7.0 (2022-07-29)
- react: add
clipboardicon (#699) (6b49f78) - react: add
export-solidicon (#701) (18f99f9) - react: add
question-circle-clearicon (#709) (74cbb93) - react: allow custom media query to be set for the TwoColumnPanel collapsing (#710) (550e6a8)
- react,styles: adds thin modifier to pagination (#705) (53b76d5)
- styles: update tooltip styles to support dark theme (#704) (0ff6cd9)
- react: add types to Pagination onClick props (#717) (562ed45)
- react: fix issue where accordion would not pass through props correctly (#713) (9fd91f4)
- react: fixes incorrect PropType and TypeScript interfaces (#697) (120c94c)
- styles: remove right margin from right most pagination button (#711) (8df85c5)
4.6.0 (2022-07-12)
- styles: implement dark theme and updated design for options menu dropdown (#691) (21294bb)
- adds an accordion component to library (#669) (7fd7d09)
- button: add option to render as tag (#674) (9a1593a)
- components: RadioCardGroup (#663) (7f1627e)
- pagination: create usePagination hook (#662) (7f6a304)
- react: add
filter-solidicon (#688) (ed40128) - react: add
recycle-squareicon (#679) (ca48f72) - react: add play icon (#683) (cc78a93)
- styles: add axe-core issue impact colors (#673) (959f5b1)
- BreadcrumbLink: TS would not allow href attribute on component (#655) (d5614ca)
- RadioCardGroup: use
flex-endinstead ofendfor checked card (#677) (f4c1c3d) - react: Allow usage with React v18 (#678) (a80cb0b), closes #555 #631
- react: only allow a single options menu to be open at one time (#693) (c21fc13)
- react: Support React 18 types (#676) (16adb90)
- styles: correct variable name of css variable (#687) (fa9f1d6)
4.5.0 (2022-05-17)
- react: Add
refsupport to<Loader/>(#651) (f8ca4e9) - add ref forwarding to Panel component (#649) (77fc218)
- react: ensure that sibling elements get correctly hidden when setting focusTrap on overlay loader (#656) (2f777a4)
4.4.0 (2022-05-09)
- react: allow checkbox or radio label and/or description to be a react node (#645) (9df9e64)
- react: allow LoaderOverlay to be used as a focus trap (#644) (b37b4fb)
- allow a node to be passed in as an IconButton label (#643) (cd53f1d)
- PanelTrigger: add icon override (#634) (4881208)
- react: add dropper icon (#637) (9d2b7bb)
- react: add skip link to 2 column panel (#621) (ee347cd)
- react: allow tabindex to be set for code component (#626) (2f07202)
- correct default sort announcement (#639) (9ab9fc6)
- correct top bar padding (#641) (e230285)
- styles: allow buttons to wrap (#618) (bb49adf)
4.3.0 (2022-04-06)
- icons: add minus (#611) (abded4e)
- react: announce changes to sort on sortable TableHeaders (#622) (01c786a)
- react: create useSharedRef util to share refs on forwardRef functional components (#597) (d153945)
- skip-link: fix skip-link styles with new design (#607) (f766f9d)
- styles: fix thin buttons being too large (#613) (62c9172)
4.2.1 (2022-03-31)
4.2.0 (2022-03-31)
- react,styles: add two-column panel component (#501) (42326e2)
- add support for button-secondary to link (#540) (30f2d0e)
- react: ensure browser environment before accessing browser-related objects (76098bb)
- styles: allow button text to wrap to prevent text from being cut off (#601) (cb27434)
- styles: fix color contrast issue with toast dismiss button in dark theme (#600) (ab60e8d)
- styles: fix issue which prevents navigation/tabstop in NVDA/Chrome on Checkboxes/Radios (#605) (20bef56)
- Add hover state to Table and correct Toast icon (#554) (fe222ef)
- Add missing margin to TextField and Select (#543) (a93171d)
- added prop to handle moving focus to loader overlay on initial render; updated readme (#562) (a5dcfee)
- fix issue with tooltip not updating placement (#547) (3eec066)
- react: Allow
Stepto accept any LI props (#519) (50e983d) - styles: fix unnecessary border from lists inside of cards (#535) (e368ef0)
- do not reserve space for tooltip when hidden (#534) (26257ad)
- Make Table width uneven (#537) (ab3e71e)
- react: use correct grammar for pagination start/end text (#536) (d1059d0)
- Make Panel heading optional (#530) (49b3b90)
4.1.0 (2022-01-26)
- checkbox: add labelDescription prop (#529) (9538a95)
- radiogroup: add labelDescription prop to radio items (#514) (78d6a74)
- Add resend Icon (#526) (2be1dbd)
- Make Table support sorting (#511) (1402758)
- docs: fix positive tabIndex for breadcrumb docs (#523) (debe968)
- react: Do not require build-time dependencies in production (#517) (5854bd2)
4.0.0 (2022-01-12)
-
The panel implementation has been replaced, including removing props that are not used in the new implementation
-
renamed Panel to IssuePanel
-
added id and dark theme support
- react,styles: add breadcrumb component (#502) (b917da5)
- add collapsed prop to panel (#499) (73d44d6)
- icon: Adds magnifying glass icon (#433) (03388ce)
- react: add vertical orientation for tabs (#496) (c221fa5)
- react: Adds FieldWrap component (#498) (10f975c)
- react: implement new loader and variants (#471) (f7d9078)
- react,styles: Adds pagination component (#485) (b5d7a8b), closes #205
- replaced the panel implementation with a new one to match our pattern library (#469) (d864a72)
- react: add onChange prop to tabs when the active tab changes (#453) (8cb8a98)
- add Address component (#434) (1470cc3)
- make IconButton polymorphic through 'as' prop (#452) (41ff048)
- react: fix tooltip performance issue (#505) (4fc5b1a)
- fix loader (#504) (3127dde)
- react: Ensure pagination items have accessible names in resting state (#503) (00f53b5)
- react: ensure that icons are set with viewbox and standard height/width values (#487) (766c5ec)
- Change focus outline colors for main (#466) (da721d6)
- Move Error bottom margin to its parent components (#450) (cfc2241)
- react: add missing viewbox attribute to svg icons (#486) (eb6cb86)
- react: fix incorrect icons being displayed in Safari (#473) (0298c7b)
- styles: ensure that scrollbars match light/dark scheme (#474) (4b645af)
- Add aria label to disabled IconButton (#461) (c0257ce)
- Add navProps to SideBar component (#458) (4607c12)
- Implement dark theme to Table (#463) (43fb695)
- Implement dark theme to Tag (#467) (dda42da)
- Tag value font weight should be medium (#468) (3e79109)
- docs: gives skip nav a unique accessible name (#439) (b96841e)
- docs: Makes code blocks focusable regions to allow keyboard users to scroll them (#440) (273deef)
- docs: sets banner role on topbar to resolve axe-core issue (#438) (5ac9722)
- react: import cauldron namespace from types where needed (#429) (400a919)
- react: Only render form field error when field is erroneous (#441) (db7b06b)
- react: Supports adding className to Tooltip (#435) (d3e5ac4)
- react: update loader to address issues with being announced in JAWS (#459) (ec8e93a)
- Step: Add an accessible name when using
tooltip={...}(#449) (c806c38), closes #445 - styles: adjust styles of checkbox/radio to match set designs (#418) (80ed76e)
- styles: set close button for toast to have a minimum height of 24px (#457) (c933786)
- styles: update the link color to be set correctly for light/dark modes (#465) (272c950)
- allow TableHeader to take th attributes and TableCell to take td attributes (#444) (8523174)
- Correct dialog content padding according to design (#447) (b21ec32)
- remove unused background color for disabled select (#446) (58741b8)
- render null instead of false in empty cases (#443) (985ca49)
- Update description list component according to design (#462) (3e83781)
3.0.1 (2021-11-17)
3.0.0 (2021-11-15)
- TabPanels are no longer TabList's children
- Add copy Icon (#392) (54804ad)
- Add NavBar component (#387) (f2f0263), closes #388
- add ProgressBar component (#378) (b052ac2)
- Card: Add simple variant. (#365) (c59d861)
- docs: set theme to user's preference (based on prefers-color-scheme) and persist changes to local storage (#381) (2844ef8)
- Add new Tabs component (#350) (b30e4f3)
- Add recycle and info square icons (#374) (6995122)
- Adds robot icon (dark/light theme support) (#376) (e2891e8)
- Dark theme support for checkbuttons/radios/stepper (#328) (22e43f3)
- Implement dark theme for Select and TextField (#366) (8f02a50)
- new panel component, dark/light support for expansible-panel/code (#344) (f18f47c)
- select: updates onChange prop to be optional (#390) (c149173)
- styles: Adds expected dark/light theme focus rings (#394) (2346423)
- styles: prevent focus ring from causing layout shift on select focus (#385) (6f2d09f)
- Match types of OptionsMenuTriggerProps (#393) (b5a4434)
- remove ids from menu icon (#375) (cd719c2)
- type issues of OptionsMenu (#414) (7b517d0)
- Icon: Support intellisense for
type=prop (#373) (6f86a1b), closes #281 - styles: ensure that header-text-color-dark is not used by other components (#360) (1066cf1)
- styles: ensure that syntax highlighting has accessible color contrast (#380) (7061a5e)
- styles: fix a11y color contrast issue with hljs-title in dark mode (#383) (c598b99)
- styles: fix issue where toast link was appearing as white (#364) (a379427)
- styles: fix TopBar links styles applying to all anchor elements (#362) (bc370c1)
- styles: set accessible color for css selectors in light mode for syntax highlighting (#388) (47195db)
- dark/light theme for sidebar, modal, code (#345) (d1e71e0)
- eliminate light specific vars for topbar (#351) (4fab7c9)
- more top bar and panel related styles for dark/light theme (#357) (32ba415)
2.0.0 (2021-09-20)
- This pr removes the light/dark variant options for IconButton and TopBar.
- Adds stepper (progress) component (#301) (a980190)
- apply themes to Loader and LoaderOverlay (#342) (52d4a1a)
- Dark theme support for modals (#329) (5aade53), closes #325
- support for dark theme buttons and links (#321) (f787364)
- supports dark/light theme for topbar & icon buttons (#326) (d331084)
- react: add "info" variant for modal that uses an unstyled heading (#298) (c83d642)
- optional icon button props (413ccbc)
- skip link text missing space (0dcee61)
- IconButton: include additional tooltip props for IconButton (#311) (97cc094)
- make Info modal heading symmetrical (#304) (84c28a0)
- make variant optional for Modal (#305) (3ad6ac9)
- performance: do not render tooltip when an icon button is disabled (#303) (d3c0fb4)
1.0.0 (2021-07-28)
- react: Loader component now set role, aria-valuetext, aria-busy, aria-valuemin, and aria-valuemax instead of making a generic role (div) have an aria-label
- Select: selects now have parity with s in that they always render an .Error div. This causes a slight layout difference with more space below each . The text "Required" will now show up with any who is passed a true required prop.
- react: Sets progressbar attributes on Loader (#289) (f865166), closes #53
- Select: Adds support for required/error (#296) (4b0dfec), closes #89
- Toast: Adds support for error type (#297) (10d3089), closes #106
- add download icon (77f186d)
0.2.6 (2021-07-23)
- style updates to TextFields (and better docs) (#290) (b2de8e0), closes #102 #87 #175
- react: add TooltipTabstop component (#284) (183af54)
- react: Adds theme provider (#292) (d34ee25), closes #283
- styles: Adds full color palette (#265) (f1f02ff)
0.2.5 (2021-06-28)
- components: Apply light/dark theme to TopBar (#279) (e753f30)
- icons: Adds highlight icon (#269) (8a2e2ff)
- add disabled styles to IconButtons (#184) (4fef23f)
- adds 'add-user' icon (#263) (051de48)
- adds 'check-shield' icon (#262) (fc8727d)
- Adds DescriptionList components (#258) (ab5bf6c)
- Adds simple table (#255) (02b4f1b)
- icons: Add a share icon (#249) (5af005d)
- react: Support YAML highlighint in Code component (#247) (d71003d)
- react: Makes "value" optional in RadioGroup (#268) (62fed42)
- pass classnames from menubar to rendered ul (#241) (cffd938)
0.2.4 (2021-06-10)
0.2.3 (2021-06-02)
0.2.2 (2021-06-01)
- add disabled styles to IconButtons (#184) (4fef23f)
- Adds DescriptionList components (#258) (ab5bf6c)
- Adds simple table (#255) (02b4f1b)
- icons: Add a share icon (#249) (5af005d)
- react: Support YAML highlighint in Code component (#247) (d71003d)
0.2.1 (2021-05-17)
- icons: Add a share icon (#249) (5af005d)
- react: Support YAML highlighint in Code component (#247) (d71003d)
- react: allows select component to be controlled (#234) (3e7de22)
- react: Allow RadioGroup component to be 'controlled' (#232) (baf02d9)
0.1.2 (2021-04-26)
0.1.1 (2021-03-31)
0.1.0 (2021-03-30)
- react: allows radio's icon to be appear checked (icon) (#207) (e2a2f8a)
- react: prevent memory leaks in Icon component (#198) (f3e253e)
- styles: Adds sufficient focus indication to options menu items (#192) (927049f)
- styles: ensures sufficient focus indication for erroneous text fields (#191) (a086790)
- make icons inside IconButtons flex to fit button container (#154) (940300f)
- remove pointer events from iconbutton icon (#170) (e71bf29)
- use before pseudo element for button indicators (#164) (456cc89)
- use Pattern Library lock icon (#174) (012b783)
- docs: set 300px width wrapper around textfields (#130) (5222427)
- docs: support redirects for SPA router (#49) (699bd26)
- icons: use the updated save icon (#155) (750dae3)
- react: add lock icon (#92) (b3be508)
- react: Adds aria-haspopup to options menu trigger (#149) (5788ab5), closes #55 #support-table-4
- react: allow save icon to inherit color (#159) (5e6bbd3)
- react: always calculate new tooltip position on show (#123) (5636bf9)
- react: directly import Light syntax highlighter to avoid side effects and limit the number of languages bundled (#127) (7af84f8)
- react: fix button styles according to the style guide (#119) (271c086)
- react: fix dialog not being initialized correctly (#94) (f6c22a3)
- react: fix exchange icon fill color (#69) (8b030b0)
- react: Make Dialog's
onCloseoptional (#168) (dfa1818), closes #105 - react: make name, value optional for Checkbox and RadioGroup (#118) (72e97f9)
- react: make tooltips have consistent line heights (#120) (09837d1)
- react: makes dialogRef an optional prop for Dialog (#100) (b19190b)
- react: move next/prev pointout buttons to after content to allow for a more natural tab order (#169) (af851bd)
- react: prevent onDismiss being passed as an attribute value on the toast element (#145) (293a24c)
- SkipLink: pass props through to nav dom node (#96) (989442b)
- styles: Adds pointer cursor to Button with variant link (#131) (85c52fb)
- styles: align radio labels properly (369ec6b)
- styles: ensure that dialogs are anchored to the top of its relative container (#93) (9190b1a)
- styles: make heading take up full modal header height (#73) (8102e11)
- styles: remove height/width styles from Icon (#172) (006fcbf)
- styles: remove topbar shadow (#27) (33bc4ed)
- styles: set correct height on thin buttons (#66) (41b179d)
- styles: set valid color for border of loader overlay (#124) (2c36e67)
- styles: tweak checkbox/radio margins (ecdbe33)
- styles: Updates font-size of text field to
--text-size-small(#133) (9920af4) - styles: Updates textfield labels/margins (9064f27)
- styles: use inline-grid for buttons to fix layout issues (#165) (1c7a72b)
- styles: use the same outline color for IconButton as the background (#173) (b3cbe4b)
- add missing icons hamburger, list (#70) (92f6e61)
- align links to baseline (#56) (6092f2c)
- export select types (#45) (8d00708)
- link to new repo in demo app (#78) (736abbf)
- make trigger optional prop for OptionsMenu (#122) (e548330)
- update checkboxes and radio states to match new iconography (#68) (e2d2268)
- update field inputs and text areas for new design (#85) (85aa89e)
- use flexbox for modal layouts and include default spacing in the content (#83) (505a660)
- styles: use psuedo element for topbar active border state (#41) (1b2eaee)
- tooltip: prevent word breaks on tooltip content (#44) (4770259)
- adds triangle icon (#206) (12576ee)
- icon-button: exposes ref prop (#199) (15ccc98)
- add arrows-alt icon to icon component (#151) (5a27561)
- add check and solid check icons (#160) (7eddb4d)
- add filter icon to icon package (#197) (95a0593)
- add forwardRef to icon component (#152) (f921c3e)
- add new releases icon (#187) (75708c3)
- add upload icon (#179) (9e0b385)
- Adds big Tooltip component (#134) (6570dc6)
- Adds LoaderOverlay component (#117) (14b6178)
- Adds tag component (#193) (ee9d1d5)
- allow pointouts to specify their positioning in alignment with their target element (#185) (3822407)
- Allow tooltip to continue displaying when hovered (#188) (744ba98)
- button: handle style icons as children inside of buttons (#142) (20c3012)
- Checkbox: support errors (#128) (b079ed3)
- code: Add syntax highlighting as css (instead of inline styles in js) and explicitly import specific languages (#75) (2dd315b)
- react: add grid and sort icons, update run-again icon (#112) (e54e972)
- react: add icon-buttons (#116) (368103f)
- react: add new icon (#158) (76bc995)
- react: add pencil, arrow-circle, and save icons (#97) (c3f2515)
- react: Adds tag icon (b28457c)
- react: allow props to be passed to next and previous buttons in pointout (#166) (aacbef1)
- react: allow toast auto-focus to be disabled (#143) (bb6efa4)
- react: fire custom show/hide event when tooltip is shown/hidden (#161) (2cf6acd)
- react: implement new tooltips, replacing rc-tooltip (#115) (39c7aa2)
- react: update pointout to reflect updated designs (#156) (8410d8d)
- add icons (#58) (159b747)
- implement new versions of modals and alerts (#88) (dbc3431)
- semantic select (#36) (4e80281), closes #333
- separate menubar from topbar (#39) (38eebc6)
- support adding className to alert/modal content/footer (#101) (3eedbb9)
- support any node type in toast component (#125) (7475af4)
- Update toast icons/styles and adds type 'info' (#95) (e11dfa6)
- styles: redesigned buttons (#86) (7e05de1)
- styles: set default heading text color (#91) (d9e080a)
- thin button (#48) (60bc2c7)
- children are no longer rendered within a direct-child span element
- react: The api for for implementing a tooltip has changed.
Instead of <Tooltip><button /><Tooltip>, the tooltip takes a target ref or html element.
- removes autoHide prop because it violates WCAG 2.2.1 - Timing Adjustable
- topbar no longer renders role=menubar. New component must now be used if menubar is desired