2.0 Planned Changes #8461
Labels
Projects
Comments
ilhan007
pushed a commit
that referenced
this issue
Mar 21, 2024
Internet Explorer as is no longer supported. With this change, we're removing all Internet Explorer-related checks from the framework. BREAKING CHANGE: "Device#isIE" method has been removed and no longer available Related to #8461
ilhan007
pushed a commit
that referenced
this issue
Mar 21, 2024
Previously, we used <style> and <link> tags to style web components due to the lack of browser support for adoptedStyleSheets. However, as latest version of all relevant browsers now support "adoptedStyleSheets", we are removing all additional functionality that was implemented to compensate for the missing support and rely entirely on "adoptedStyleSheets". As a result, there is no need of additional handling to full-fill Content Security Policy (CSP) requirements, because adoptedStyleSheets are CSP compliant.
BREAKING CHANGE: Removed the `CSP.js` module and the creation of `<style>` and `<link>` tags, as all browsers now support adoptedStyleSheets. The following APIs are not available any more and should not be used:
```ts
import { setUseLinks } from "@ui5/webcomponents-base/dist/CSP.js"
import { setPackageCSSRoot } from "@ui5/webcomponents-base/dist/CSP.js"
import { setPreloadLinks } from "@ui5/webcomponents-base/dist/CSP.js"
```
Related to [#8461](#8461)
ilhan007
pushed a commit
that referenced
this issue
Mar 21, 2024
Removes the `ICardHeader` interface as no other header types are currently supported or requested.
BREAKING CHANGE: Removed the `ICardHeader` interface. If you previously used the interface
```ts
import type { ICardHeader } from "@ui5/webcomponents-base/dist/Card.js"
```
Use the CardHeader type instead:
```ts
import type CardHeader from "@ui5/webcomponents-base/dist/CardHeader.js"
```
Related to [#8461](#8461)
ilhan007
pushed a commit
that referenced
this issue
Mar 22, 2024
…ce (#8504) Removes the `IUploadCollectionItem` interface as no other item types are currently supported or requested. BREAKING CHANGE: Removed the `IUploadCollectionItem` interface. If you previously used the interface: ```js import type { IUploadCollectionItem} from "@ui5/webcomponents-fiori/dist/UploadCollection.js" ``` Use the `UploadCollectionItem` type instead: ```js import type UploadCollectionItem from "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js" ``` Related to #8461
This was referenced Mar 22, 2024
ilhan007
pushed a commit
that referenced
this issue
Mar 22, 2024
… and L (#8509) Renames the values of BusyIndicatorSize from "Small", "Medium" and "Large" to "S", "M" and "L". BREAKING CHANGE: The `size` property now accepts different values. If you previously used it like: ```html <ui5-busy-indicator size="Small"></ui5-busy-indicator> ``` Now use the new values instead: ```html <ui5-busy-indicator size="S"></ui5-busy-indicator> ``` Related to #8461
ilhan007
pushed a commit
that referenced
this issue
Mar 22, 2024
Renames the `status` property to `additionalText` and its shadow part.
BREAKING CHANGE: The `status` property and its shadow part have been renamed. If you previously used them:
```html
<style>
.cardHeader::part(status) { ... }
</style>
<ui5-card-header status="3 of 10"></ui5-popover>
```
Now use `additionalText` instead:
```html
<style>
.cardHeader::part(additional-text) { ... }
</style>
<ui5-card-header class="cardHeader" additional-text="3 of 10"></ui5-card-header>
```
Related to #8461
ilhan007
pushed a commit
that referenced
this issue
Mar 22, 2024
#8511) Renames the property `pageIndicatorStyle` to `pageIndicatorType` and enumeration `PageIndicatorStyle` to `PageIndicatorType`. BREAKING CHANGE: The `pageIndicatorStyle` no longer exists. If you previously used it like: ```html <ui5-carousel page-indicator-style="Numeric"></ui5-carousel> ``` Now you should use `pageIndicatorType` instead: ```html <ui5-carousel page-indicator-type="Numeric"></ui5-carousel> ``` Related to #8461
ilhan007
pushed a commit
that referenced
this issue
Mar 22, 2024
Removed the deprecated `UI5Element#render` method of the UI5Element class and replaced it with `UI5Element#renderer`.
BREAKING CHANGE: Removed `UI5Element#render` method in favour of `UI5Element#renderer`. If you previously used "render"
```js
class MyClass extends UI5Element {
static get render() {
return litRenderer;
}
}
```
start using "renderer"
```ts
class MyClass extends UI5Element {
static get renderer() {
return litRenderer;
}
}
```
Related to [#8461](#8461)
ilhan007
pushed a commit
that referenced
this issue
Mar 22, 2024
With the release of version 2.0, we strongly encourage component development to be done in TypeScript. Consequently, we are discontinuing the option to generate JavaScript projects and components, as the tooling will no longer support them by default. BREAKING CHANGE: Remove JavaScript template option from @ui5/create-webcomponents-package Previously `npm init @ui5/webcomponents-package` used to create JS-based project, however now it will be TypeScript-based project. If you previously used `npm init @ui5/webcomponents-package --enable-typescript` to create TypeScript-based project, now it's by default, e.g `npm init @ui5/webcomponents-package` and `--enable-typescript` is removed. Related to [#8461](#8461)
This was referenced Mar 25, 2024
ilhan007
pushed a commit
that referenced
this issue
Mar 25, 2024
…mentType values (#8502) Renames the `Left` and `Right` values of `PopoverHorizontalAlign` and `PopoverPlacementType` to `Start` and `End`. BREAKING CHANGE: The `Left` and `Right` options option have been renamed. If you previously used them to set the placement or the alignment of the popover: ```html <ui5-popover horizontal-align="Left" placement-type="Left"></ui5-popover> ``` Now use `Start` or `End` instead: ```html <ui5-popover horizontal-align="Start" placement-type="Start"></ui5-popover> ``` Related to #8461
This was referenced Mar 25, 2024
nnaydenow
added a commit
that referenced
this issue
Mar 25, 2024
The icon `soccor` was introduced with a typo. With this update, we are removing the incorrect icon by replacing it with the icon with the correct name, `soccer`. Before: ```html <ui5-icon name="soccor"></ui5-icon ``` After: ```html <ui5-icon name="soccer"></ui5-icon ``` BREAKING CHANGE: Remove `soccor` icon. Use `soccer` instead. Related to #8461
ilhan007
pushed a commit
that referenced
this issue
May 13, 2024
Remove the hideBackdrop property BREAKING CHANGE: Property `hideBackdrop` is removed. Previously the application developers could define a modal popover without visible backdrop as follows: ``` <ui5-popover modal hide-backdrop> ``` Now the application developers can use the standard [`::backdrop` CSS selector](https://developer.mozilla.org/en-US/docs/Web/CSS/::backdrop) ``` <style> .transparentBackdrop::backdrop { background: transparent; } </style> ... <ui5-popover modal class="transparentBackdrop"> ``` Related to #8461
ilhan007
pushed a commit
that referenced
this issue
May 13, 2024
…n' and 'close' (#8946) Change the event names in popup from `after-close` and `after-open` to `close` and `open`. BREAKING CHANGE: Event names `after-close` and `after-open` are now named `close` and `open`. Previously the application developers could subscribe to the events as follows: ```ts popup.addEventListener("after-open", function() { //... }); popup.addEventListener("after-close", function() { //... }); ``` Now the application developers should include the ui5-bar as follows: ```ts popup.addEventListener("open", function() { //... }); popup.addEventListener("close", function() { //... }); ``` Related to #8461
ilhan007
pushed a commit
that referenced
this issue
May 14, 2024
The accessibleRole property of the ui5-link component now takes the enum LinkAccessibleRole with default value of Link. It's not breaking - the usage of this property from application perspective would not get changed since string values are still accepted. Related to: #8461
didip1000
added a commit
that referenced
this issue
May 14, 2024
Introducing ui5-date-range a CalendarDateRange element, similar to the CalendarDate elementui5-date.
A ui5-date-range has a startValue and an endValue which are strings marking the start and end dates of a calendar range.
BREAKING CHANGE: dates slot in a calendar now works with a ui5-date-range when selection-mode="Range"
Previously date ranges were declared as follows:
<ui5-calendar selection-mode="Range">
<ui5-date value="Jan 20, 2021"></ui5-date>
<ui5-date value="Jan 30, 2021"></ui5-date>
</ui5-calendar>
Now they are declared using a ui5-date-range:
<ui5-calendar selection-mode="Range">
<ui5-date-range start-value="Jan 20, 2021" end-value="Jan 30, 2021"></ui5-date-range>
</ui5-calendar>
Related to: #8461
nnaydenow
added a commit
that referenced
this issue
May 14, 2024
Integrate the ElementInternals feature into UI5 web components. This enhancement allows input-like web components to behave as native input elements within HTML forms. As a result, the `features/InputElementsFormSupport.js` feature is now redundant and has been removed. Changes in `@customElement` decorator: Added new `formAssociated` flag attaches internals to the component when the component is associated with form (placed inside form). BREAKING CHANGE: The `features/InputElementsFormSupport.js` feature has been deleted and now, form elements works natively in form elements. Related: #8461
ilhan007
added a commit
that referenced
this issue
May 15, 2024
Rename Toast `after-close` event to `close`
BREAKING CHANGE: The `after-close` event has been renamed to `close`. If you previously used it like:
```ts
toast.addEventListener("after-close", (event) => {
});
```
Now you have to use it like:
```ts
toast.addEventListener("close", (event) => {
});
```
Related to: #8461
yanaminkova
added a commit
that referenced
this issue
May 16, 2024
nikoletavnv
added a commit
that referenced
this issue
May 16, 2024
Method openPicker of **ui5-input** is replaced with public property `open`
BREAKING CHANGE: Method `openPicker` is removed and replaced with public property `open`.
Before, the ui5-input suggestions picker could be opened by calling `openPicker()` :
```js
const input = document.getElementById("exampleID");
input.openPicker();
```
Now the suggestions picker is opened by setting the `open` property to true:
```js
const input = document.getElementById("exampleID");
input.open = true;
```
You can now close the suggestions picker setting the `open` property to false:
```js
const input = document.getElementById("exampleID");
input.open = false;
```
When the suggestion picker opens or closes internally, **open** and **close** events are fired.
You can listen for those events like this:
```js
const input = document.getElementById("exampleID");
input.addEventListener("open", (event) => {});
input.addEventListener("close", (event) => {});
```
Related to: #8461
This was referenced May 19, 2024
dobrinyonkov
added a commit
that referenced
this issue
May 21, 2024
Removes the ui5-select-menu and ui5-select-menu-option components.
BREAKING CHANGE: The ui5-select-menu and ui5-select-menu-option components are removed. Custom options can now be created using the ui5-option-custom, directly placed inside the default slot of the ui5-select
SelectMenu & SelectMenuOption
Changed item Old New
SelectMenu ui5-select-menu removed
SelectMenuOption ui5-select-menu-option ui5-option-custom
If you have previously used the ui5-select-menu and ui5-select-menu-option:
<ui5-select menu="selectMenu"></ui5-select>
<ui5-select-menu id="selectMenu">
<ui5-select-menu-option>
<div class="optionContent">custom</div>
</ui5-select-menu-option>
</ui5-select-menu>
Now use just ui5-select and ui5-option-custom instead:
<ui5-select>
<ui5-option-custom>
<div class="optionContent">custom</div>
</ui5-option-custom>
</ui5-select>
Select
Changed item Old New
property menu removed
The menu property of the ui5-select is removed.
Related to #8461, #7887
plamenivanov91
added a commit
that referenced
this issue
May 21, 2024
Тhe `showCoPilot` property and the `co-pilot-click` event of the `ui5-shellbar` have been removed.
In their place we now have a public slot called `assistant`. We recommend using `ui5-toggle-button` with `sap-icon://da` and `sap-icon://da-2` icons (see the examples below).
BREAKING CHANGE:
1. The `showCoPilot` property of the `ui5-shellbar` is removed.
If you have previously used the `showCoPilot` property:
```html
<ui5-shellbar show-co-pilot></ui5-shellbar>
```
it will no longer work for the component.
2. The `CoPilotAnimation` feature of the `ui5-shellbar` is removed.
If you have previously used the `CoPilotAnimation` feature:
```js
import CoPilotAnimation from "@ui5/webcomponents-fiori/dist/features/CoPilotAnimation.js"
```
it will no longer work for the component.
3. The `copilotDomRef` getter of the `ui5-shellbar` is removed.
If you have previously used the `copilotDomRef` public getter:
```js
shellbar.copilotDomRef
```
it will no longer work for the component.
4. The `co-pilot-click` event of the `ui5-shellbar` is removed.
If you have previously used the `co-pilot-click` public event:
```js
shellbar.addEventListener("ui5-co-pilot-click", function(event) {
...
});
```
it will no longer work for the component.
You can achieve similar functionality with the new slot:
HTML:
```html
<ui5-shellbar>
<ui5-toggle-button id="assistant" icon="sap-icon://da" slot="assistant"></ui5-toggle-button>
</ui5-shellbar>
```
JavaScript:
```js
assistant.addEventListener("click", function (event) {
const toggleButton = event.target;
toggleButton.icon = toggleButton.pressed ? "sap-icon://da-2" : "sap-icon://da";
});
```
Related to #8461, #7887
unazko
added a commit
that referenced
this issue
May 21, 2024
The `ui5-menu-item` now extends `ListItem` abstract class and it
will be represented directly as a list item in the DOM.
The application developers could now add custom styles and attach native event handlers
to the `ui5-menu-item` as it is no longer an abstract class, but a physical component:
```html
<ui5-menu-item id="exitItem" text="Exit" style="border: 2px solid teal" icon="journey-arrive"></ui5-menu-item>
```
```ts
document.getElementById("exitItem").addEventListener("focusin", () => {
...
})
```
Related to: #8461
Related to: #7391
plamenivanov91
added a commit
that referenced
this issue
May 27, 2024
The HighlightTypes file and all its usages are now referred as Highlight. BREAKING CHANGE: `Highlight` enum should be imported differently. Before: ```js import HighlightTypes from "@ui5/webcomponents-base/dist/types/HighlightTypes.js"; ``` Now: ```js import Highlight from "@ui5/webcomponents-base/dist/types/Highlight.js"; ``` Related to: #8461
This was referenced May 28, 2024
LidiyaGeorgieva
added a commit
that referenced
this issue
Jun 4, 2024
The text of `ui5-radio-button` now wraps by default. BREAKING CHANGE: `wrapping-type` property default value has changed from `None` to `Normal`. Before: ```html <ui5-radio-button text="Option A with long long text"></ui5-radio-button> <!-- would truncate the text if there is not enough space --> ``` Now: ```html <ui5-radio-button text="Option A with long long text"></ui5-radio-button> <!-- would let the text wrap if there is not enough space --> ``` Related to #8461
LidiyaGeorgieva
added a commit
that referenced
this issue
Jun 5, 2024
The text of `ui5-tag` now wraps by default. BREAKING CHANGE: `wrapping-type` property default value has changed from `None` to `Normal`. Before: ```html <ui5-tag>In Process</ui5-tag><!-- would truncate the text if there is not enough space --> ``` Now: ```html <ui5-tag>In Process</ui5-tag><!-- would let the text wrap if there is not enough space --> ``` Related to #8461
LidiyaGeorgieva
added a commit
that referenced
this issue
Jun 5, 2024
* refactor(ui5-radio-button): wrap text by default The text of `ui5-radio-button` now wraps by default. BREAKING CHANGE: `wrapping-type` property default value has changed from `None` to `Normal`. Before: ```html <ui5-radio-button text="Option A with long long text"></ui5-radio-button> <!-- would truncate the text if there is not enough space --> ``` Now: ```html <ui5-radio-button text="Option A with long long text"></ui5-radio-button> <!-- would let the text wrap if there is not enough space --> ``` Related to #8461
LidiyaGeorgieva
added a commit
that referenced
this issue
Jun 5, 2024
The title and description of `ui5-li-notification` now wrap by default. BREAKING CHANGE: `wrapping-type` property default value has changed from `None` to `Normal`. Before: ```html <ui5-li-notification title-text="Message 1"> Description with details. </ui5-li-notification> <!-- would truncate the title and description if there is not enough space --> ``` Now: ```html <ui5-li-notification title-text="Message 1"> Description with details. </ui5-li-notification> <!-- would let the title and description wrap if there is not enough space --> ``` Related to #8461
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Features
Integration of
popoverAPI in all pop-up based componentsForm Support with
Form-Associated Custom ElementsstandardTimezone support
New Components
Components Features
Reusable component stylesfor creating patterns/layoutsNew Site for Documentation, Samples and API reference - Done
Breaking Changes
@ui5/webcomponents & @ui5/webcomponents-fiori
after-opentoopenandafter-closetocloseReplace all public methods for opening popover, such as
openPicker,togglePickerwithopenproperty to promote declarative APIs:openproperty. changeopenproperty. changeopenproperty. changeopenproperty. change)Dialog.showmethod to be replaced withDialog#openproperty@ui5/webcomponents
Wrapping by default (wrappingType="Normal" by default, wrappingType="None" optionally)
List, StandardListItem
imagein favour of slotimage- !should be discussed once more! (depends on suggestion item refactoring)imageContenttoimageBadge (ui5-badge rename to ui5-tag)
Badge (ui5-badge)to to becomeTag (ui5-tag)-as Tag term is established on SAP Design specs, and to avoid confusion with theBadgingconcept. - high prio (change)designproperty - fromSet3toNeutral(change)Breadcrumbs (ui5-breadcrumbs)
separator-styletoseparators(aligned with List#separators property) (change)BusyIndicator (ui5-busy-indicator)
Card (ui5-card)
ICardHeaderinterface and replace it with theCardHeadercomponent in theCard#headerslot type. refactor(ui5-card): remove ICardHeader interface #8497statustoadditionalText(change)CardHeader (ui5-card-header)
statustoadditionalText(change)Carousel (ui5-carousel)
items-per-page="S1 M1 L1"page-indicator-styletopage-indicator-type(change)Calendar (ui5-calendar)
selected-dates-changeevent toselection-changeselected-dates-changeevent detailsvaluesanddatestoselectedValuesandselectedDateValues.CalendarDateRange(with properties startValue and endValue) that could be passed to form a range in declarative mannerColorPicker (ui5-color-picker)
colortovalue- more consistent with the rest of the pickers.ColorPalletePopover (ui5-color-palette-popover)
openPopoverandshowAtmethods in favour ofopenandopener(change)Combo Box (ui5-combo-box)
Grouping- Instead of usingComboBoxGroupItemas separator in a flat structure, the API will expect nesting of ComboBoxItems inside ComboBoxGroupItem however we would like to be implemented first in the List and be used later by ComboBox, MultiComboBox, Input with Suggestions.changewon't be fired on arrow up/down any more (onlyselection-changewould be fired)Input (ui5-input)
suggestion-item-previewandsuggestion-item-selectin favour ofselection-change(change)Label (ui5-label)
wrapping-typetoNormal, e.g the Label will wrap be default, and will only truncate if explicitly setwrapping-type="None". (change)List (ui5-list)
HighlightTypestoHighlightTypeorHighlightas more consistent (comment)modetoselectionModeas more descriptive (change)busytoloading(change)ListModeenumeration toListSelectionMode(change)SingleSelectBegintoSingleStart,SingleSelecttoSingle,MultiSelecttoMultiple,SingleSelectEndtoSingleEnd,SingleSelectAutotoSingleAuto(change)ListGroupHeaderItemitem withListGroupItemcomponent to implement trueGrouping. Instead of a flat structure, the API will support nesting of Items inside ListGroupItem to form a group of items. (change)Menu (ui5-menu)
starts-sectionproperty - to be replaced by new componentui5-menu-separator(similar toui5-toolbar-separatorandui5-tab-separator)Multi Combo Box
allowCustomValuestonoValidation(change)Popup
isOpenmethod in favour ofopenpropertyDialog (ui5-dialog)
showandclosemethods in favour ofopenproperty. Parameter preventInitialFocusshowmethod is added as a property.Popover (ui5-popover)
PopoverPlacementType#LefttoPopoverPlacementType#StartandPopoverPlacementType#RighttoPopoverPlacementType#End(change)PopoverHorizontalAlign#LefttoPopoverHorizontalAlign#StartandPopoverHorizontalAlign#Leftto `PopoverHorizontalAlign#End. (change)placementTypetoplacement(change)#hide-backdropproperty as the backdrop can be styled with standard CSS::backdropselector.#modalproperty as not relevant to the Popover. SAP Design confirmed that these props don't belong to the Popover. - We'll keep this property.showAtmethods in favour ofopenandopener. ParameterpreventInitialFocusfromshowAtmethod is added as a property.Progress Indicator (ui5-progress-indicator)
disabledproperty - Progress indicator isn't an interactive element so disabled property make no sense. Also aria-disabled is deprecated on the progress bar role since ARIA 1.2 . (change)SegmentedButton (ui5-segmented-button)
modeproperty toselectionModeselectedItemgetter - will be replaced by theselectedItems(as more than one items can be selectedselectedItemevent parameter - will be replaced byselectedItemsevent parameterSingleSelecttoSingleandMultiSelecttoMultipleSegmentedButtonModetoSegmentedButtonSelectionModeSegmentedButtonItem
pressedtoselected- more consistent with theselectedItemsgetter , theselectedItemsevent detail and theselection-changeeventSelect (ui5-select)
menuproperty (if SelectMenu, SelectMenuOption are being removed)Selects's Option (ui5-option)
disabledproperty - UX and ACC standards suggest to not include any disabled items in the dropdown (change)SelectMenu, SelectMenuOption (ui5-select-menu, ui5-select-menu-option) - high prio
SuggestionItem (ui5-suggestion-item)
The following properties are not specified in the design guidelines. Still, with the integrating the "popover API" in the framework, drop downs can work with physical items, allowing custom suggestion items.
typedescriptioniconiconEndimageadditionalTextStateTitle (ui5-title)
wrapping-typetoNormal, e.g the Title will wrap be default, and will only truncate if explicitly setwrapping-type="None". (change)Tab (ui5-tab)
subTabstoItems(change)TabContainer (ui5-tabcontainer)
fixedproperty - it should be always fixed=true by design. No design/accessibility spec available. The ui5-panel has a collapse/expand button, the TabContainer - not. (change)TabContainerBackgroundDesignenumeration useBackgroundDesignas type for thebackgroundDesignproperty - only the type changes, available values remain the same (Solid, Transparent and Translucent) (change)show-overflowproperty - there are other means to determine the overflow button presence - using theoverflowButtonslot. (change)tab-overflow-modetooverflow-mode(change)ITabinterface as described in the comment. (change)getTabInStripDomRef(name tbd -getItemInStripDomReforgetElementInStripDomRef) (change)Table (ui5-table)
TextArea (ui5-textarea)
Token (ui5-token)
readonlyproperty - After discussions with the Central Design Team, it was decided that the best approach, when implementing the public Tokenizer component, is to move the logic for the readonly state handling in the Tokenizer itself.@ui5/webcomponents-fiori
Bar (ui5-bar)
@ui5/webcomponents-fioritoBarcodeScannerDialog
showmethod, in favour of theopenproperty.IllustratedMessage (ui5-illustrated-message)
sizetodesign- the semantic values “Auto”, “Base”, “Spot”, “Dialog”, “Scene”, andsizeaspect of this property is not directly clear. (change)titleLevelproperty - users can set the required title level on thetitleslot. (change)NotificationListGroupItem (ui5-notification-action)
showCounterproperty (same can be achieved by adding numbers to thetitleproperty)showCloseproperty (latest designs suggest always having a close button)Page (ui5-page)
disableScrollingtonoScrollingfloatingFooterproperty and addfixedFooterinstead to flip the default behaviour.?Page#defaultslot type fromHTMLElementtoNodeShellbar (ui5-shellbar)
Renaming of
copilot,copilotDomRefandshowCoPilotproperties. Or, removing in favour of new slot.Remove
CoPilot Animationfeature and the moduleSplitButton (ui5-split-button)
active-iconproperty. The property allows to swap out the icon while pressed. However, this feature is not available on any other button.UploadCollection (ui5-upload-collection )
modetoselectionMode(change)IUploadCollectionIteminterface and replace it with theUploadCollectionItemclass in theUploadCollection#itemsslot type. (change)Deletefrom themodeoptions as there ishide-delete-btnproperty available in the UploadCollectionItem to control the presence of the delete button. (change)Wizard
changeWithClickof thestep-changeevent (name not decided -scrolled: true|falseorwithScroll: true | false)A11y Changes
Private
titleproperty becomes publictooltipComponents with title property:
Components with tooltip property:
2.
accessibilityAttributesaccessibilityAttributesbecomes the unified (and only) way to expose role related aria-* attributes to the consumers. Only attributes which will not be part of accessibilityAttributes are the following:accessibleRole,accessibleName,accessibleNameRef,landmarkInfoandtooltip.Components:
(Change)
4. Other changes:
ariaHidden,interactiveandaccessibleRoleand introducemodeproperty with the following optionsIconMode.Image(by default as currently implemented, internally renders role="img"),IconMode.Decorative(internally renders role="presentation" and aria-hidden="true"),IconMode.Interactive(role="button", focus and press handling)accessibleRoleshould change the type to enum, not string. For example check the ui5-panel. Affected components: Link, List, ListItem (Change)5. Update Accessibility documentation after all changes are merged. (Before release)
In Discussion
Toolbar, ToolbarItem (ui5-toolbar, ui5-toolbar-item) ❗ - (after 2.0 initial release)
TODO [Team Pirin]. New design is evaluated that can affect the API decision, so deeper research needed - explore the design, follow up with SAP Design if needed to learn more.
Cross components
Renaming the
ValueStateandHighlightTypeenums values and refactoring of all components withvalueState,highlightandadditionalTextStateproperties.Warning -> Critical, Error -> Negative, Success -> Positive
Warning -> Critical, Error -> Negative, Success -> Positive
MessageStrip#designWarning is changed toMessageStrip#designCriticalDialog.statesupported values are changedListItem.highlightsupported values are changedTreeItem.additionalTextStatesupported values are changedSuggestionItem.additionalTextStatesupported values are changedStandardListItem.additionalTextStatesupported values are changed(change)
@ui5/webcomponents-base
Remove
UI5Element#static get rendermethod replaced byrenderer(change)[x]Remove
UI5Element#getStaticAreaItemDomRefmethod as obsolete (no more static area)Remove the
Device#isIE()method (change)Remove Static Area and Static Area items - after integrating the Popover API, static area won't be required any more.
Remove fallback to default value and runtime validation [After ui5con, but for 2.0]
Remove
processChildren@ui5/webcomponents-tools
JSDoc plugin- custom elements (change)wdioversion would breaking for consumers of wdio.config.js - check if needed as there is research to use Cypress in future@ui5/webcomponents-theming
Belizetheme - theme has been deprecated and wont be supported with 2.0 onward.@ui5/webcomponents-icons
soccor, keepsoccer. (change)@ui5/webcomponents-icons-business-suite
add-polygone, keepadd-polygon(change)All packages
The text was updated successfully, but these errors were encountered: