Skip to content

v17.0.0

Compare
Choose a tag to compare
@github-actions github-actions released this 15 Feb 15:25
· 68 commits to main since this release
acbd859

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 of end (#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 the body 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 pass clrDgItemsTrackBy to the clr-datagrid component if you pass trackBy to the row iterator. Note that the clrDgItemsTrackBy 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 with error or success when used without Clarity components. Example: <div class="clr-subtext error">Error message</div>