v5 Changelog
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 | feat: 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 | fix: 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 |