v17.0.0
17.0.0 (2024-02-15)
Bug Fixes
- a11y: clr-password-container show/hide Icon does not have unique label (backport to next) (#1196) (8e4882c), closes #1179
- accordion: header spacing and disabled panel content color (#1168) (eac8a0d)
- accordion: prevent error with nested accordions (#1121) (d254c48), closes #1119 #1118
- accordion: use disabled color for header description (#1236) (acbd859)
- alert: prevent error if alert is initially closed (#1157) (e752644), closes #1156 #92
- alert: remove hostBinding and use renderer for alert-hidden class (#982) (507fa00)
- alerts: different internal icons and loading and unknown types can be used anywhere (#1208) (8c40294)
- button group: fix border disappears in button group with disable (port of 1139) (#1148) (249d31b), closes #915
- button-group: handle keyboard focus for async menu buttons (#1146) (058b0c5), closes #1142 #952
- button: change loading button contents from div to span (backport to next) (#1190) (fd763f8), closes #1181 #1141
- button: icon text misalignment when clrLoading is used (#1224) (b25cd46)
- button: skip animation on first render of loading button (#1155) (1951e9a), closes #1141 #1075
- card: resolve clickable card hover shifting text (#1166) (#1170) (6cb4a85)
- card: update card header to correct font-weight (port of #980) (#1002) (a717aa6)
- combobox: remove forgotten style doc (#1057) (99c22eb)
- combobox: use diacritic-insensitive search to filter items (#1210) (f520e7f), closes #1209
- datagrid: align checkbox with text in datagrid (port of #1006) (#1011) (a550051)
- datagrid: use correct layers, remove no-op z-indexes (#1165) (7fb06dc), closes #774 #773
- date-picker: add null check for optional date control (#1058) (c951dbb), closes #1051
- date-picker: ignore non-string values in date service parser (backport to next) (#1171) (84f0f06), closes #1169 #39 #39 #39 #975
- date-picker: trigger validation on min/max date change (#1138) (#1150) (c7806ed)
- forms: use helper id on aria-describedby in error/success state (#1227) (9c72d11)
- header: add correct header title font-weight value (#979) (#1003) (909fa54)
- Input-group password: icon colors change (#1035) (18cd7b1)
- input: use "pointer" cursor for input action buttons (#1160) (a729ca6), closes #1153 #559
- labels, tree-view: remove has pseudo selector (#1020) (c05cf89)
- links: change visited hover saas variable (#1127) (4a0b34b)
- links: Remove shim and fallbacks (#1060) (d09da6a)
- login: revert trademark properties removal and mark as deprecated (#1093) (ade9524), closes #1061
- modal: update title font-family variable (port of #981) (#1001) (aa09f89)
- popover: update positioning logic to render within body (backport to next) (#1192) (f6cba54), closes #1109
- select: add select option background-color (port of #1088) (#1097) (f2ff8ed)
- signpost: allow keyboard scrolling in overflow content ( backport of #1027 ) (#1028) (61cfe41)
- signpost: provide default
aria-label
only on default trigger (#1052) (dd1504a) - signpost: set aria-expanded on button during initial render (#1213) (6717669)
- stack-view: increase size of change notification mark (#1207) (8522b8f)
- stepper: improve panel status updates (#1184) (dcb5c29)
- ui: remove core imports in clr-ui and add documentation steps (#1203) (595e152)
- vertical-nav: nav header typography token (port of #1049) (#1050) (8ea6e89)
- vertical-nav: use
justify-content: flex-end
instead ofend
(#1114) (e015aa5) - wizard: allow long page titles to wrap in stepnav (backport to next) (#1233) (2ed0ecd)
Features
- accordion: add title min-width (#1163) (c4b8afd)
- accordion: remove shim mapping and fallbacks (#1054) (b9d6436)
- add support for Angular 17 (#1094) (0494831)
- alerts: add lightweight unknown and loading types (#1110) (06f172f)
- alerts: add neutral type (#1106) (99ed0ea)
- alert: shim and fallbacks removal (#1029) (8214941)
- badges: remove shim mapping and get rid of fallbacks (#993) (39647f6)
- buttons: remove fallbacks and shim relations (#985) (ec1b998)
- cards: remove shim mappings and fallbacks (#1082) (8b43fba)
- checkbox radio: remove fallbacks and shim relations (#1012) (25ba705)
- close button: remove shim and fallbacks (#1095) (5947dfb)
- combobox: remove shim and fallbacks (#1053) (8c59791)
- datagrid table: remove shim mapping and fallbacks (#1042) (e4dcfbb)
- datagrid: use only
clrDgItemsTrackBy
for selection tracking (#1144) (a569463) - datalist: remove shim mapping and fallbacks (#1063) (e057d5b)
- datepicker: shim relation and fallback removal (#1034) (ac874f5)
- deps: bump cds/core to 6.9.2 (#1202) (40fc506)
- deps: update cds/core to 6.8.0 (#1069) (350110e)
- dropdown: refactor caret, active, selected and disabled colors (#1164) (8dc05aa)
- dropdown: remove shim and fallbacks (#1037) (fc0b2b5)
- forms: always show the helper text under controls (#1022) (15a55e1)
- forms: remove fallbacks and shim relations (#995) (cd3c84a)
- forms: support for dynamic control change (#1074) (03a51dc)
- header: refactor icons, dividers and deprecations (#1180) (4c54f1e)
- header: remove shim mappings and fallbacks (#1073) (4a43a81)
- labels: remove shim mapping and get rid of fallbacks (#994) (490d398)
- lists: remove shim mapping and fallbacks (#1077) (593f69b)
- login: remove shim mapping and fallbacks (#1061) (d3488fd)
- modal, wizard: remove shim mapping and fallbacks (#1014) (a934e00)
- password: remove shim mapping and fallback (#1031) (f6046c3)
- progress-bar: change color api (#1107) (facc116)
- progress-bar: remove shim and fallbacks (#1059) (159bc93)
- range: remove shim mapping and fallback (#1036) (3111dee)
- remove clr legacy themes (#986) (193e038)
- select: remove shim mapping and fallbacks (#1013) (4c580d5)
- signpost: remove shim and fallbacks (#1072) (f3e7f73)
- spinner: set shim styles as default (#991) (7c50b15)
- stack-view: Remove shim and fallbacks (#1071) (5c24975)
- tabs: remove shim mapping and fallbacks (#998) (dd09f92)
- textarea: remove shim mappins and fallbacks (#1064) (d28dbd5)
- timeline: remove shim and fallbacks (#1092) (86ae9be)
- toggle: remove shim and fallbacks (#1041) (0ebf348)
- tooltip: remove shim and fallbacks (#1090) (e4fe18d)
- tree-view: remove shim and fallbacks (#1065) (1fa8e23)
- typography: remove shim and fallbacks (#1081) (ee30ffc)
- ui: remove obsolete token mapping in shim (leftovers in accordion and navs) (#1100) (dd6b894)
- vertical-nav: remove shim mapping and fallbacks (#1015) (1d3ec90)
BREAKING CHANGES
- ui: clr-ui no longer includes core tokens and they need to be included individually per project when importing clr-ui (see the clr-ui readme). Note that the
cds-theme
attribute is required on thebody
element. - deps: Bump the cds/core peer dependency to the latest, 6.9.2
- accordion: Changed spacing in stepper header
- accordion: accordion title now have a
min-width
and exposed a token for it. This resolves to a difference in the layout. - datagrid: The row iterator
trackBy
function will no longer be used for selection tracking. Update your code to passclrDgItemsTrackBy
to theclr-datagrid
component if you passtrackBy
to the row iterator. Note that theclrDgItemsTrackBy
signature does not include the element index. - stack-view: These custom properties are deprecated or deleted in favor of new styles:
Token | Note |
---|---|
--clr-stack-view-stack-block-border-bottom | Deprecated. Use --clr-stack-view-border-color instead |
--clr-stack-view-stack-children-stack-block-border-bottom-color | Deprecated. Use --clr-stack-view-border-color instead |
--clr-stack-view-stack-block-label-font-size | Deprecated in favor of --clr-stack-view-row-font-size |
--clr-stack-view-stack-block-label-font-weight | Deprecated in favor of --clr-stack-view-row-font-weight |
--clr-stack-view-stack-block-label-line-height | Deprecated in favor of --clr-stack-view-row-line-height |
--clr-stack-view-stack-block-label-letter-spacing | Deprecated in favor of --clr-stack-view-row-letter-spacing |
--clr-stack-view-color | Deprecated in favor of --clr-stack-view-row-color |
--clr-stack-view-bg-color | Deprecated in favor of --clr-stack-view-row-bg-color |
--clr-stack-view-stack-children-stack-block-label-and-content-bg-color | Deprecated in favor of --clr-stack-view-row-bg-color |
--clr-stack-view-stack-block-caret-color | Deprecated in favor of --clr-stack-view-expandable-row-color |
--clr-stack-view-stack-block-expanded-bg-color | Deprecated in favor of --clr-stack-view-expanded-row-bg-color |
--clr-stack-view-stack-block-expandable-hover | Deprecated in favor of --clr-stack-view-expandable-row-hover |
--clr-stack-view-stack-block-expanded-text-color | Deprecated in favor of --clr-stack-view-expanded-row-color |
--clr-stack-view-stack-block-expanded-text-color | Deprecated in favor of --clr-stack-view-expanded-row-color |
--clr-stack-view-stack-block-label-text-color | DELETED. Replaced with --clr-stack-view-row-color |
--clr-stack-view-stack-block-label-and-content-bg-color | DELETED. Replaced with --clr-stack-view-row-bg-color |
--clr-stack-view-font-size | DELETED. Replaced with --clr-stack-view-row-font-size |
--clr-stack-view-font-weight | DELETED. Replaced with --clr-stack-view-row-font-weight |
--clr-stack-view-line-height | DELETED. Replaced with --clr-stack-view-row-line-height |
--clr-stack-view-letter-spacing | DELETED. Replaced with --clr-stack-view-row-letter-spacing |
- forms: helper text under controls will be always visible and
clr-subtext
should be combined witherror
orsuccess
when used without Clarity components. Example:<div class="clr-subtext error">Error message</div>