a11y: deprecate “aria-label” support in favour of “accessible-name” (#3449) (f4f5864)
The support of “aria-label” has been deprecated in favor of new property “accessibleName” for the following components: Button, Wizard, WizardStep, ComboBox, DatePicker, Dialog, Input, List, Panel, Popover, Popup, RatingIndicator, Select, StepInput and TextArea.
The support of “aria-label” has been removed for the following components: Card, CheckBox and Link.
a11y: deprecate “aria-labelledby” support in favour of “accessible-name-ref” (#3442) (42d3ed5), closes #3107
The support for “aria-labelledby” have been deprecated in favour of new property “accessibleNameRef” for the following components: ComboBox, DatePicker, Input, List, Rating Indicator, Select, StepInput, TextArea, WizardStep.
The support for “aria-labelledby” has been removed for the following component: Button, Card and CheckBox.
all list items: rename “info” and “infoState” properties (#3259) (ca42531), closes #3107
StandardListItem’s “info” and “infoState” properties have been renamed to “additionalText” and “additionalTextState”.
SuggestionItem’s “info” and “infoState” properties have been renamed to “additionalText” and “additionalTextState”.
TreeItem’s: “info” and “infoState” properties have been renamed to “additionalText” and “additionalTextState”.
ui5-avatar: rename “backgroundColor” property to “colorScheme” (#3237) (a3a3a11)
The property “backgroundColor” has been renamed to “colorScheme”.
ui5-avatar: implement default slot for image (#3237) (9646c3e)
The properties “image” and “imageFitType” have been deprecated in favour of default slot:
ui5-avatar-group: deprecate “avatarSize” property (#3107) (fd60e90)
The property “avatarSize” property has been deprecated. You can set the “size” property to every avatar that you pass in the default slot.
ui5-bar: replace “middleContent” slot with the default slot (#3107) (e235d7d)
The middleContent slot is deprecated in favour of default slot.
ui5-busy-indicator: change tag name (#3107) (d43de85)
The component tag name is renamed from “ui5-busyindicator” to “ui5-busy-indicator”.
ui5-button: remove “iconSize” property (#3107) (ff9d7dd)
The “iconSize” property has been removed.
ui5-card: refactor API (#3107) (86f0333)
The Card’s “header”, “subheading”, “status”, “headerInteractive” properties, “action” and “avatar” slots, and “header-click” events are not available anymore. Instead, use the newly created “CardHeader” component,
which provides the same API with a bit of change in the names as follows: the “headerInteractive”, “heading” and “subheading” properties have been renamed to “interactive, “titleText” and “subtitleText”, the “header-click” event has been renamed to “click”. In addition, the Card now has a “header” slot, for which you can use the CardHeader:
<ui5-card><ui5-card-headerslot="header"status="4 of 10"title-text="Quick Links"subtitle-text="quick links"></ui5-card-header></ui5-card>
ui5-carousel: refactor API (#3107) (351d289)
The “selectedIndex” property is deprecated. The “infiniteScrollOffset” property and “load-more” event are deprecated, use the “navigate” event to load more items.
ui5-carousel: change “hideNavigation” to “hideNavigationArrows” (#3107) (2adee01)
The property “hideNavigation” has been replaced by “hideNavigationArrows”. The new property shows/hides the arrows only (previously - both the arrows and the dots in the bottom).
ui5-checkbox: replace “wrap” with “wrappingType” (#3107) (85143e9)
The boolean property “wrap” has been removed in favour of string prop “wrappingType”. If you previously used “wrap”, now set wrappingType=”Normal” instead.
ui5-color-palette: rename “change” event (#3107) (b1e2eaf)
The “change” event has been renamed to “item-click”.
ui5-color-palette: change API (#3107) (12ce9fd)
The “showMoreColors” and “showRecentColors” property have been removed - ColorPalettePopover component will be introduced in future to provide this functionality. In addition, the “value” property has been also removed.
ui5-color-palette-item: remove “stableDomRef” as not needed (#3107) (862a452)
The “stableDomRef” property has been removed. If previously used, just call “getDomRef” on the ColorPaletteItem to get its DOM reference.
ui5-combobox: enable setting value programatically (#3107) ([d85561a]d85561a(https://github.com/SAP/ui5-webcomponents/commit/d85561a))
The “filterValue” property has been removed. The “value” property should be used as now it represents the “live” value of the component.
ui5-dialog: rename the “open” method to “show” (#3107) (0ecc508)
The public method “open” has been renamed to “show”.
ui5-daterange-picker: rename first/lastDateValue (#3107) (ad365f4)
The readonly attributes “firstDateValue” and “lastDateValue” have been renamed to “startDateValue” and “endDateValue”.
ui5-duration-picker: remove component (#3107) (8801e55)
The DurationPicker is now private component and no longer supported. It may continue working, but it’s not guaranteed.
ui5-flexible-column-layout: rename “noArrows” property to “hideArrows” (#3107) (8660d11)
The “noArrows” property has been renamed to “hideArrows”.
ui5-input: (#3237) (6630c2a)
The “highlight” property has been removed and the feature is enabled by default.
ui5-input: remove public method (#3224) (1166fb4), closes #3107
The “isOpen method” (that used to return if the value state popover is open or closed) has been removed.
ui5-input: introduce new “SuggestionGroupItem” (#3248) (39ccf7b)
The “group” property of the SuggestionItem is removed, use the SuggestionGroupItem component to create grouping as follows:
ui5-label: replace “wrap” with “wrappingType” (#3107) (e591e04)
The boolean property “wrap” has been removed in favour of string prop “wrappingType”. If you previously used “wrap”, now set wrappingType=”Normal” instead.
ui5-link: replace “wrap” with “wrappingType” (#3107) (cff8fd4)
The boolean property “wrap” has been removed in favour of string prop “wrappingType”. If you previously used “wrap”, now set wrappingType=”Normal” instead.
ui5-li-notification: replace “wrap” with “wrappingType” (#3565) (6701ab5)
The boolean property “wrap” has been removed in favour of string prop “wrappingType”. If you previously used “wrap”, now set wrappingType=”Normal” instead.
ui5-list: rename “inset” property to “indent” (#3107) (eba1e64)
The property “inset” has been renamed to “indent”.
ui5-li-notification: rename “heading” property to “titleText” (#3586) (4f17a31)
The property “heading” property has been renamed to “titleText”.
ui5-li-notification-group: rename “heading” property to “titleText” (#3586) (4f17a31)
The property “heading” property has been renamed to “titleText”.
ui5-messagestrip: refactor API (#3237) (1cb43f2)
The properties “noIcon” and “noCloseButton” have been renamed to “hideIcon” and “hideCloseButton”.
ui5-messagestrip: rename property “type” to “design” (#3237) (4208d19)
The property “type” has been renamed to “design”.
ui5-popover: rename “noArrow” property to “hideArrow” (#3107) (39cc473)
The property “noArrow” has been renamed to “hideArrow”.
ui5-popover: rename “openBy” method to “showAt” (#3107) (59f5354)
The public method “openBy” has been renamed to “showAt”.
ui5-product-switch-item: rename “heading” and “subtitle” properties (#3107) (2461b73)
The properties “heading” and “subtitle” have been renamed to “titleText” and “subtitleText”.
ui5-radio-button: change tag name bca726e), closes #3107
The component’s tag name has been renamed from “ui5-radiobutton” to “ui5-radio-button”.
ui5-radio-button: replace “wrap” with “wrappingType” (#3107) (724025b)
The boolean property “wrap” has been removed in favour of string prop “wrappingType”. If you previously used “wrap”, now set wrappingType=”Normal” instead.
ui5-radio-button: change “selected” proerty to “checked” (#3107) (677d5be)
The “selected” property has been renamed to “checked” and the “select” event to “change”.
ui5-rating-indicator: rename “maxValue” property to “max” (#3107) (8aaf99b)
The “maxValue” property has been deprecated in favour of “max” property.
ui5-responsive-popover: rename “openBy” method to “showAt” (#3107) (59f5354)
The public method “open” has been renamed to “showAt”.
ui5-segmented-button: change tag name (b3b42f6), closes #3107
The component’s tag name has been renamed from “ui5-segmentedbutton” to “ui5-segmented-button”.
ui5-segmented-button-item: introduce new component (#3258) (9bd9ce4), closes #3191#3191
SegmentedButton no longer accepts ToggleButton, you have to use the newly created component, called SegmentedButtonItem as follows:
ui5-shellbar: rename “notificationCount” property to “notificationsCount” (6495028), closes #3107
The property “notificationCount” has been renamed to “notificationsCount”.
ui5-switch: implement “design” property (998be76), closes #3107
The booloean “graphical” property has been deprecated in favour of enum “design” property.
ui5-tab: rename “semanticColor” property to “design” (#3107) (a7a0da1)
The property :semanticColor” has been renamed to “design”.
ui5-tabcontainer: deprecate “tabsPlacement” (#3107) (4343100)
The property “tabsPlacement” has been removed as it is not specified in SAP Fiori 3 design system.
ui5-table: introduce “hideNoData” property (#3107) (d2d4397)
The property “showNoData” has been renamed to “hideNoData”.
ui5-table: rename “more(sub)Text” to “growingButton(sub)Text” (#3107) (a3dd305)
The properties “moreText” and “moreSubtext” have been removed, use “growingButtonText” and “growingButtonSubtext” instead.
ui5-timeline-item: change API (#3107) (3b1c0b5)
The properties “itemName” and “itemNameClickable” are renamed to renamed to “name” and “nameClickable” and the event “item-name-click” is renamed to “name-click”.
ui5-title: replace “wrap” with “wrappingType” (#3107) (448c726)
The boolean property “wrap” has been removed in favour of string prop “wrappingType”. If you previously used “wrap”, now set wrappingType=”Normal” instead.
ui5-toggle-button: change tag name (4347195), closes #3107
ui5-toggle-button: remove “iconSize” property (#3107) (ff9d7dd)
The “iconSize” property has been removed.
ui5-upload-collection: change “file-deleted” event name (#3107) (5898eb8)
The “file-deleted” event has been renamed to “item-delete”.
ui5-upload-collection: rename “noDnd” property to “hideDragOverlay” (#3107) (c360443)
The property “noDnd” has been renamed to “hideDragOverlay”.
ui5-upload-collection-item: change API (#3107) (09e9d2a)
The properties “noDelete”, “noRetry” and “noTerminate” have been renamed to “disableDeleteButton”, “hideRetryButton” and “hideTerminateButton”.
ui5-wizard: rename “selection-change” event to “step-change” (#3107) (eec4ba3)
The “selection-change” event has been renamed to “step-change”. In addition, the event param “selectedStep” has been renamed to “step” and the event param “previouslySelectedStep” has been renamed to “previousStep”.
ui5-wizard-step: rename “heading” and “subheading” properties (#3107) (b0e73ad)
The properties “heading” and “subheading” have been renamed to “titleText” and “subtitleText”.
Code Refactoring
all list items: rename “info” and “infoState” properties (#3259) (ca42531), closes #3107
ui5-avatar: rename “backgroundColor” property to “colorScheme” (#3237) (a3a3a11)