v5 Changelog
5.5.4
Released 2021-09-16
This is a patch release.
5.5.3
Released 2021-09-02
This is a patch release.
5.5.2
Released 2021-08-19
This is a patch release.
Bug Fixes
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| control | core | Prevent controls from overflowing control group | #6254 | |
| button | core | Button border disappears on window resize | #6244 | |
| control | core | Allow aria-disabled to set control as disabled | #6235 | |
| icon | core | Icon button icon clicks when button is inert | #6238 | |
| control | core | Prevent cds-control to forcefully appear above other elements | #6237 | |
| control | core | Avoid applying padding style to generic controls | #6222 |
5.5.1
Released 2021-08-05
This is a patch release.
Bug Fixes
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Control | Core | Label alignments | #6203 | |
| Button | Core | Disabled/loading state | #6183 | |
| Accordion | Core | Accessibility screen reader support | #6200 | |
| Form | Core | Input lines are now proper contrast | #6050 | |
| Header | Angular | Fix anchor link hovers in clr-angular header | #6081 | |
| Dropdown | Angular | Remove memory leaks inside the `DropdownFocusHandler` | #6057 | |
| Pagination | Core | Add missing React counterpart for Clarity Core pagination | #6075 | |
| Input | Angular | Remove line-height from control-label | #6056 | |
| Core | Relax Angular dependency for @cds/angular for v9+ | #6067 | ||
| Button | Core | Unsubscribe from `ButtonInGroupService.changes` | #6055 | |
| Button | Core | Disabled buttons should not be enabled on loadingState | #6048 |
5.5.0
Released 2021-07-25
This is a feature and bug release.
5.4.2
Released 2021-07-08
This is a feature and bug release.
Bug Fixes
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Controls | Core | Enable aria-labelledby | #6114 | |
| Tag | Core | Horizontally center cds-tag content to support fixed width | #6115 | |
| Datalist | Core | Double caret on hover and focus | #6111 | |
| Tokens | Core | Accessibility update construction-400 color | #6109 | |
| Control | Core | Label/message alignments | #6101 |
5.4.1
Released 2021-06-24
This is a feature and bug release.
New
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Description List | Core | Add description list element styling | #6079 | |
| Modal | Core | Adding global state service | #6074 |
Bug Fixes
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Form | Core | Input lines are now proper contrast | #6050 | |
| Header | Angular | Fix anchor link hovers in clr-angular header | #6081 | |
| Dropdown | Angular | Remove memory leaks inside the `DropdownFocusHandler` | #6057 | |
| Pagination | Core | Add missing React counterpart for Clarity Core pagination | #6075 | |
| Input | Angular | Remove line-height from control-label | #6056 | |
| Core | Relax Angular dependency for @cds/angular for v9+ | #6067 | ||
| Button | Core | Unsubscribe from `ButtonInGroupService.changes` | #6055 | |
| Button | Core | Disabled buttons should not be enabled on loadingState | #6048 |
5.4.0
Released 2021-06-10
This is a feature and bug release.
New
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Table | Core | Added Core table | #5755 | |
| Modal | Core | Made the overflow on the Modal content customizable | #6023 | |
| Build | Angular | Updated @cds/angular and schematics to Angular 12 | #6015 |
Bug Fixes
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Forms | Core | Fixed core button submit behavior | #6017 | |
| Button | Core | Added correct status colors to flat buttons | #5942 | |
| Button | Core | Added flat variant to inverse status button | #5942 | |
| Button | Core | Used correct color on disabled inverse button | #5942 | |
| Button | Core | Added correct status colors to flat-inline buttons | #5942 | |
| Navigation | Angular | Fixed icon color inside navigation sub-menu | #5993 |
5.3.0
Released 2021-05-27
This is a feature and bug release.
New
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Card | Core | Added card component to Clarity Core | #5785 | |
| Card | React | Added card component to @cds/react | #6000 | |
| Breadcrumb | Core | New breadcrumb component | #5940 | |
| Typography | Core | Added light font weight to typography tokens | #5992 |
Bug Fixes
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Header | Angular | Adjusted color for new header-8 background | #6003 | |
| Icons | Core | Added announcment icon to icon exports | #5994 | |
| Password | Angular | Removed MS-Edge reveal icon from password inputs | #5935 | |
| Forms | Core | Fixed several issues with form control label alignments | #5990 | |
| Documentation | Website | Added beta tags for card and pagination components in Clarity Core | #5996 | |
| Forms | Core | Fixed an issue where a hidden label on a form control would also hide the form control message's icon | #5991 | |
| Build | Core | Ignored px values in tokens file that were causing stylelint to fail | #5974 | |
| Documentation | Website | Corrected link to pagination component's storybook documentation | #5975 | |
| Datagrid | Angular | Improved placeholder text color contrast in light-themed datagrid | #5978 | |
| Documentation | Website | Prevented side navigation caret icons on website from animating on page load | #5983 | |
| Documentation | Website | Added sizing for side navigation caret icons on website | #5977 | |
| Button | Core | Adjusted Core line-height of new flat-inline buttons | #5970 |
5.2.1
Released 2021-05-20
This is a bug release.
Bug Fixes
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Forms | Core | Updated dynamic rem calculation in Core to return CSS calc() instead of using DOM lookup operations to return sizing | #5958 | |
| Documentation | Website | Add roadmap, updated Clarity support policy table, and added Angular version support to the website | #5819 | |
| Icons | Core | Added badged and alert variants for map icon | #5964 | |
| Treeview | Angular | Fixed EHCAIWC error for lazy expandable nodes inside tree view | #5945 | |
| Button | Core | Added a preview/beta of a flat-inline button that has no built in padding for better alignment inside cards and other bounded containers | #5962 | |
| Build | Core | Implemented new version of visual diff build | #5885 | |
| Header | Angular | Added .header-7/8 CSS class workaround for teams needing a specific header color in dark theme | #5953 | |
| Documentation | Website | Added ReactJS-specific documentation | #5952 | |
| Schematics | Clarity Adoption | Improved handling of empty value boolean properties in @cds/angular | #5932 | |
| Dropdown | Angular | Fixed styles for icons with `caret` shape in dropdown triggers | #5946 | |
| Schematics | Clarity Adoption | Improved ESLint rule replacements for `is-error`, `is-highlight`, `collapse` and `arrow` | #5944 | |
| Button | Core | Added warning button styles to Clarity Core buttons | #5858 | |
| Build | Clarity Adoption | Adoption guide released in beta | #5821 | |
| Documentation | Website | Removed highlight status in the icons article on Clarity website | #5937 | |
| Button | Core | Amended Core solid button to use darker color when inactive and fixed badge color on an inactive outline button | #5934 | |
| Datagrid | Angular | Fix pagination icons size and alignment in Clarity Angular datagrid | #5936 |
5.2.0
Released 2021-05-06
This is a feature and bug release.
New
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Pagination | Core | Added standalone pagination component to clarity core (cds-pagination) | #5706 | |
| Button | Core | Added a 'neutral' button style to cds-buttons | #5859 | |
| Icons | Core | Added signature, IoT, thin client, timeline, and update icons to cds-icons | #5863 | |
| Icons | Core | Added 'xs' size for cds-icon | #5872 | |
| Schematics | Clarity Adoption | Added ng-add capability to @cds/angular | #5890 | |
| Documentation | Website | Added cds-i18n documentation to Clarity Core storybook | #5754 |
Bug Fixes
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Accordion | Core | Fixed several issues with Core accordion CSS, including a gap in a collapsed header | #5769 | |
| Accordion | Core | Fixed issue with content overflow in cds-accordion-header | #5852 | |
| Input | Core | Lightened the border, text, and icon colors of disabled input | #5866 | |
| Input | Core | Updated file input so that the clear-all control is removed when the input is disabled and a change event is fired when reset | #5903 | |
| Modal | Core | Allowed focus with the tab key for focusable content inside the cds-modal | #5918 | |
| Toggle | Core | Disabled the cds-toggle animation until after its initial load | #5917 | |
| Typography | Core | Changed cds-text=truncate so it would not cut off glyph descenders | #5908 | |
| Build | Angular | Updated Angular to 11.2.5 | #5748 | |
| Build | Angular | Fixed dark theme configuration in @clr/angular dev app | #5848 | |
| Button | Angular | Updated clr-buttons so that cds-icons could rotate within them | #5898 | |
| Combobox | Angular | Prevent combobox from firing double open event with clrOpenChange when navigating away with the tab key | #5886 | |
| Datagrid | Angular | Corrected the alignment of the selected count checkbox in the datagrid footer | #5818 | |
| Password | Angular | Keep invalid password input from changing its width unexpectedly when focused | #5789 | |
| Stepper | Angular | Fixed clr-stepper so that it would run validation after a user skips back to a completed step | #5897 | |
| Accordion | UI | Fixed animation of accordion header toggles | #5810 | |
| Build | UI | Updated Clarity UI HSL values to remove deprecated warnings in sass builds | #5834 | |
| Button | UI | Fixed sizing of Clarity Icons inside Clarity UI's compact buttons | #5835 | |
| Navigation | UI | Added CSS variables to nav styles to improve theming | #5856 | |
| Navigation | UI | Fixed the alignment of the collapse/expand icon in nav groups | #5862 | |
| Signpost | UI | Added missing CSS properties to enable theming of clr-signpost | #5849 | |
| Themes | UI | Updated Clarity UI dark theme to use rem-sizing variables | #5855 | |
| Build | Clarity Adoption | Improved @cds/angular unit tests to make them faster and address sporadic failures | #5809 | |
| Build | Clarity Adoption | Fixed unit tests after ng-add was updated | #5878 | |
| Accessibility | Website | Gave sidenav items unique ids | #5868 | |
| Documentation | Website | Added instructions for setting up Clarity Core with the Angular CLI | #5914 | |
| Documentation | Website | Added clearer description for Core alert errors | #5799 | |
| Documentation | Website | Fixed broken paths in Core storybook | #5812 | |
| Documentation | Website | Removed deprecated Clarity Icons documentation from the website | #5820 | |
| Documentation | Website | Corrected the angular checkbox examples | #5875 | |
| Documentation | Website | Removed CSS override for cds-text=code examples | #5824 | |
| Documentation | Website | Updated clr-modal binding description | #5826 |
5.1.1
Released 2021-04-06
This is a bug fix release.
Bug Fixes
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Dropdown | Angular | Dropdown toggle CSS for cds-icon direction | #5791 | |
| Datepicker | Angular | Datepicker extend ClrAbstractContainer | #5678 | |
| Forms | Core | Core form label text transform default | #5800 | |
| Button | Core | Register progress-circle component with button component | #5797 | |
| Button | React | TSX type error with loadingState and CdsButton | #5796 | |
| Modal | Angular | Reduce change detection cycles in Modal | #5666 | |
| Forms | Core | Core dynamic control group support | #5689 | |
| Button | UI | Fix focus styles for button groups | #5446 | |
| Documentation | Core | Improved modal focus management examples | #5760 | |
| Forms | Core | Core enable control group to disable all children | #5739 | |
| Documentation | Core | Core storybook i18n doc | #5754 | |
| Forms | Core | Core form group control width | #5771 | |
| Build | UI | clr-ui peer dependencies | #5762 | |
| Checkbox | Core | Core indeterminate checkbox | #5766 | |
| Documentation | Core | Core storybook motion token support | #5753 | |
| Accordion | Core | Core accordion header layout | #5761 | |
| Layouts | Core | Improve layout alignment with slot support | #5743 | |
| Build | Clarity Adoption | Add `no-clr-label` rule to the Adoption Guide |
5.1.0
Released 2021-03-18
This is a feature and bug release.
New
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Motion | Core | Clarity motion | #5657 | |
| Label | Core | Add text-transformation css prop | #5741 |
Bug Fixes
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Documentation | Website | Handful of typos and content improvements | #5751 | |
| Documentation | Website | Update core app alert image | #5744 | |
| Design Tokens | Core | Token adjustments for black and white colors | #5750 | |
| Accordion | Core | Accordion layout overflow | #5713 | |
| Documentation | Website | List documentation | #5742 | |
| React | Core | Value tracker bug | #5718 | |
| Form | Angular | Assign correct described-by id to form input and control helpers | #5557 | |
| Radio | Core | Cursor of disabled core radio | #5733 | |
| Checkbox | Core | Tick alignment | #5733 | |
| Form | Core | Remove IE 10 leftover declaration | #5722 | |
| Layout | Core | Remove duplicate screen-reader-only layout CSS declaration | #5722 | |
| Documentation | Website | Fix css that was hiding tooltips | #5720 | |
| React | Core | Update react-wrapper imports | #5714 | |
| Base | Core | Visibility inheritance | #5711 | |
| Icon | Core | Icon render performance | #5690 | |
| Form | Core | Layout contain messing with z-indexes | #5712 | |
| Design Tokens | Core | Core color token values | #5691 | |
| Datagrid | Angular | Arrow icon rotation on compact view | #5688 | |
| React | Core | React examples to use clarity motion | #5705 | |
| Overlay | Core | allowing for text inside modals and overlays to be selected | #5699 | |
| Documentation | Website | Angular alert images for success and info | #5695 | |
| Documentation | Website | Datalist and toggle demos | #5681 | |
| Build | Angular | angular ngcc postinstall | #5682 |
5.0.3
Released 2021-03-04
This is a bug fix release.
Bug Fixes
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Utility | Core | Core storybook theme switcher | #5675 | |
| Design Tokens | Core | Core global css token reference | #5656 | |
| Datagrid | Angular | Static errors inside datagrid-pagination | #5648 | |
| Input | Core | React input native input event change | #5646 | |
| Combobox | Angular | Combobox popover not repositioned after selection | #5653 | |
| Form | Angular | Disabled radio button style | #5647 | |
| Documentation | Website | Landing first image on super wide screen | #5638 | |
| Documentation | Website | Website modal demos not working | #5639 |
5.0.2
Released 2021-02-18
This is a bug fix release.
Bug Fixes
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Utility | Angular | Fix strictTemplates errors | #5616 | |
| Documentation | Core | Update docs for progress circle and dividers | #5624 | |
| Button | Core | Fix Core button padding | #5623 | |
| Combobox | Angular | Combobox fixes - set id, prevent double event on Esc, fix click-to-close, prevent focus-error | #5617 | |
| Alert | Angular | Vertically center text in alert | #5620 | |
| Accordion | Core | Fix Core accordion register icon element | #5594 | |
| Accordion | Core | Fix accordion Safari flex gap issue overflow | #5590 | |
| Datagrid | Angular | Fix datagrids in forms with checkboxes | #5574 | |
| Button | Core | Fix Core inline button color | #5577 | |
| Input | Core | Fix Core input control spacing | #5571 | |
| Input | Core | Fix Core input control disabled style | #5570 | |
| Button | Core | Fix Core button space and inverse style | #5567 | |
| Input | Core | Fix Core input control readonly style | #5569 |
5.0.1
Released 2021-02-04
This is a bug fix release.
Bug Fixes
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Tag | Core | Tag a11y enhancement | #5533 | |
| Button | Core | (inline-button) use same color on hover as regular links | #5545 | |
| Button | Core | Core disabled outline/flat button | #5518 | |
| Documentation | Core | Core code snippets code formatting | #5510 | |
| Combobox | Angular | Combobox no list reset on blur | #5489 | |
| Documentation | Core | Core storybook links, invalid html demo | #5492 | |
| Combobox | Angular | Combobox options exception on null values | #5487 | |
| Utility | Angular | Reorder link styles so :hover will have effect even on visited links | #5439 | |
| Utility | Angular | Turn-on strictTemplates for Angular | #5448 | |
| Utility | Angular | Visited links styling | #5482 |
5.0.0
Released 2021-01-21
This is the official 5.0.0 release.
Bug Fixes
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Build | Core | Fix core package exports | #5469 | |
| Badge | Angular | Fix color for status badge-warning | #5259 | |
| a11y | Core | Fix tag a11y | #5452 | |
| Forms | Core | Fix password input aria-label | #5449 | |
| Build | Core | Fix core package exports | #5454 | |
| Stack View | Angular | Fix tab navigation inside stack-block | #4718 |
5.0.0-rc.1
Released 2021-01-11
This is a release candidate for our next major version, which contains bug @cds/core fixes.
Bug Fixes
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Typography | Core | Simplify fallback fonts for system fonts. | ||
| Layout | Core | Fix CSS Flex Gap fallback support for Safari Technical Preview | ||
| Build | Core | Fix path issues for CDN support. | ||
| Themes | Core | Fix contrast and theme issues. | ||
| Forms | Core | Fix form state issues when programmatically set. | #5397 |
5.0.0-rc.0
Released 2021-01-07
This is a release candidate for our next major version, which contains new features and bug fixes. We've also added a package that provides Angular modules for Core components.
New
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Icons | Core | Export icon names from the entrypoint of @clr/core/icon | #5337 | |
| Build | Angular | Angular modules for Core components | #5288 | |
| Icons | Core | Volume 18 icons | #4839 | |
| i18n | Core | Core i18n | Breaking Change | #4502 |
| Build | Core | Allow env flag set for core logging | #5389 | |
| Modal | Core | Overlay component | Breaking Change | #5200 |
| Build | Clarity Adoption | Add eslint rule for detecting and fixing clr icons | #5267 | |
| Themes | Core | Core themes | Breaking Change | #5400 |
Bug Fixes
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Modal | Core | Positioning of overlay backdrop in demos in safari | #5428 | |
| Alerts | Core | Improve alert examples aria label | #5424 | |
| Build | Clarity Adoption | Make the eslint rule for icons work with multiple root elements | #5423 | |
| UI | Core | Prevent Core and UI text collisions | #5409 | |
| Icons | Core | Fix inherit styles | #5405 | |
| Icons | Core | Fix not found icon loading state | Breaking Change | #5355 |
| Icons | Core | Core icon service sync | #5396 | |
| Form | Core | Core form alignment with range and input icon | #5388 | |
| Datagrid | Angular | Allow apps to disable focus management on page change | #5374 | |
| Core | Core v5 fixes | #5370 | ||
| Form | Core | File input a11y improvement | #5373 | |
| Form | Core | Password input a11y improvement | #5372 | |
| Icons | Core | Inherit icon color from `currentColor` | #5332 | |
| Combobox | Angular | Simplify control state management | #5101 | |
| Treeview | Angular | Consolidate cdr for simultaneous children updates | #5101 |
5.0.0-next.0
Released 2020-12-02
This is a beta release for our next major version which contains new components and bug fixes. We updated support for Angular 11 in Clarity Angular. We will no longer support actively support IE11, and are preparing major features for helping existing Clarity Angular applications adopt Core.
New
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Accordion | Core | Add accordion components to Core | #5200 | |
| Progress | Core | Add progress and circular progress components to Core | #4909 | |
| Theme | Core | Theming support for Core | #5284 | |
| Build | Angular | Angular updated to use Core icons for tree shaking | #5190 | |
| Build | Core | Remove support for IE11 | Breaking Change | #5225 |
Bug Fixes
| Scope | Project | Description | Issue | |
|---|---|---|---|---|
| Build | Core | Update Core to use TypeScript v4 | #5230 | |
| Icon | Core | Remove deprecated icons | #5110 | |
| Progress Bar | Core | Remove base64 code from css to reduce bundle sizes | #5090 | |
| Button | Core | Add support for right side icons inside of buttons | #4933 | |
| Button | Core | Fix submit buttons to not cause accessibility issues | #5302 | |
| Tag | Core | Update tags for accessibility requirements and easier use | #5297 | |
| Form | Core | Improve how screen readers handle forms and input groups | #5283 | |
| Alert | Core | Improve screen reader support for alerts and alert groups | #5281 | |
| Badge | Core | Improve the accessibility of badges and buttons | #5281 | |
| Alert | Core | Remove the height restrictions and truncation of text in alerts | #5233 | |
| Icon | Core | Remove legacy dir attribute on icons for better accessibility support, use direction attribute instead | Breaking Change | #5250 |
| Icon | Core | Fix alignment and color consistency of icons and spinners | #5214 |