Skip to main content Skip to navigation Skip to search

v5 Changelog

5.6.0 Released 2021-10-28

This is a feature and bug fix release.

New

Scope Project Description Issue
forms core Add CdsRadioPanel and CdsCheckboxPanel #6409

Bug Fixes

Scope Project Description Issue
core Add tokens to package.json exports #6431
ESLint eslint-plugin-clarity-adoption Add button fixer #6399
navigation core Anchor click, scroll support #6426
react Fixing ESM import paths for React wrapper #6417

5.5.8 Released 2021-10-18

This is a patch release.

Bug Fixes

Scope Project Description Issue
styles core Cleanup focus css prop #6396
select core Support select size attr #6377
control core Missing disabled attr demo #6376
control core Label async association #6376
control core Vertical label expand #6372

5.5.7 Released 2021-10-01

This is a release fixing build problems for 5.5.6. Please see 5.5.5 for fix details.

Bug Fixes

Scope Project Description Issue
typography core Correct font weight tokens #6338
typography core Fix override issues with accordion header and content #6351
button core Fix not submitting forms on Enter key #6291
accordion core Header content to wrap in smaller screens #6345

5.5.6 Released 2021-10-01

A broken release, please skip.

5.5.5 Released 2021-10-01

A broken release, please skip.

5.5.4 Released 2021-09-16

This is a patch release.

Bug Fixes

Scope Project Description Issue
control core Layout issues from async render #6317
panel react Adding Panel react wrapper #6296

5.5.3 Released 2021-09-02

This is a patch release.

Bug Fixes

Scope Project Description Issue
icon core Volume 20 of icons #6270
close-button react Internal close button wrapper #6290
visual-checkbox react Adding visual checkbox react wrapper #6284
navigation core Improvements in accessibility for navigaiton #6210

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.

New

Scope Project Description Issue
Tree-view Core Beta release #6020
Navigation Core Beta release #6024

Bug Fixes

Scope Project Description Issue
Layout Core Remove line height erasure when disabled on cds-layout #6136
Core Global state service sync #6097

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