@ui5/webcomponents-icons-tnt

UI5 Web Components - SAP Fiori Tools Icons

Provides assets for the rich tnt icon collection.

Icon asset	Module import
All icons (~33KB zipped)	import "@ui5/webcomponents-icons-tnt/dist/Assets.js";
Actor icon	import "@ui5/webcomponents-icons-tnt/dist/actor.js";
Ad hoc actor icon	import "@ui5/webcomponents-icons-tnt/dist/ad-hoc-actor.js";
...	...
Workflow editor icon	import "@ui5/webcomponents-icons-tnt/dist/workflow-editor.js";

Note: The @ui5/webcomponents-icons-tnt package does not provide any web components per se, but rather icon assets, usable by other web components such as ui5-icon. You could import all icons, but it's recommended to import just the ones that your app will actually use.

Usage

Since this is a non-default icon collection, all names have to be prefixed with the collection name and a / separator when used by web components.

Example usage with <ui5-icon> web component:

<ui5-icon name="tnt/actor"></ui5-icon>

For a full list of the icons in the tnt collection, click here.

For a complete list of all public module imports from the icons package, click here:

Resources

• UI5 Web Components - README.md
• UI5 Web Components - Home Page
• UI5 Web Components - Playground and API Reference

Support

We welcome all comments, suggestions, questions, and bug reports. Please follow our Support Guidelines on how to report an issue, or chat with us in the #webcomponents channel of the OpenUI5 Community Slack.

Contribute

Please check our Contribution Guidelines.

License

Copyright (c) 2019 SAP SE or an SAP affiliate company. All rights reserved. This file is licensed under the Apache Software License, Version 2.0 except as noted otherwise in the LICENSE file.

Changelog

1.0.0-rc.11 (2020-12-21)

New components

• ui5-avatar-group: introduce new component (#2524) (ae926ee), closes #2409
• ui5-bar: introduce new component (#2533) (5c601cd), closes #2434
• ui5-calendar: introduce new component. (#2424) (5470e23), closes #1730
• ui5-slider: introduce new component (#2349) (2b9008c)
• ui5-range-slider: introduce new component (#2310) (9dea3b3)

Bug Fixes

• ui5-avatar: fix XS size (#2582) (9661ab8)
• ui5-badge: enable letter spacing overwrite (#2493) (cca0d5d), closes #2451
• ui5-badge: fix RTL appearance (#2569) (5f6d8fc)
• ui5-button: hide icon tooltip (#2566) (1b07955)
• ui5-calendar: keyboard navigation in the picker grid now works properly (#2532) (371d12d)
• ui5-card: correct aria-labelledBy to card and header (#2577) (2647941), closes #2426
• ui5-carousel: add all visible items to tab chain (#2530) (37ee83f), closes #1996
• ui5-date-picker: fixing the min and max date in timezones half hour difference (#2544) (766bcc0), closes #2542
• ui5-datepicker: keyboard navigation works properly (#2549) (66cd1d7)
• ui5-daterange-picker: all tests are now enabled (#2506) (33442e9), closes #2475
• ui5-daterange-picker: fix RenderScheduler import (#2476) (13ff13e)
• ui5-dialog: apply initial focus after rendering (#2551) (dba0265), closes #2537
• ui5-input: aria-required attribute removed (#2552) (7456ab5)
• ui5-input: don't render aria-describedby if not neccessary (#2512) (e7dd012)
• ui5-li-custom: prevent firing of events (#2462) (3f66c06)
• ui5-list: remove focus trap for empty list (#2411) (5f8e0e2)
• ui5-popover: correct arrow position on RTL (#2488) (3b81ad8), closes #2387
• ui5-select: remove aria-roledescription (#2463) (973a80d), closes #2358
• ui5-shellbar: fix overlapping of the search box over icons (#2155) (3597902), closes #2044
• ui5-slider: fix input event and tickmarks display (#2508) (0cbc0bd)
• ui5-table: improve accessibility (#2534) (e06d6f3)
• ui5-textarea: announce required textarea (#2385) (c2baf6b)
• ui5-tree: make the height of tree adjustable (#2546) (1fc3180), closes #2545
• ui5-upload-collection: fire drop only when files are dropped within dnd overlay (#2527) (455f614)
• ui5-wizard: correct phone breakpoint size (#2596) (c98d9ba)
• ui5-wizard: fix styling issues (#2547) (65cb42f), closes #2523
• build error on MacOS 11 from rollup-plugin-terser (#2515) (0629fac)

Features

• framework: Change child-parent invalidation API (#2541) (a1a3f80)
• ui5-button: support title attribute (#2492) (7ae9253)
• ui5-combobox: аdd two-column layout support (#2503) (679362d), closes #2450
• ui5-date-picker: component is now aligned with the specification (#2304) (30d9d2b), closes #2151
• ui5-flexible-column-layout: add start/mid/endColumnAccessibleName properties (#2483) (fb0b24c)
• ui5-mcb: introduces filter property (#2088) (03cae4b)
• ui5-mcb-item: implement stable-dom-ref property (#2418) (6e4a156)
• ui5-option: provide stableDomRef (#2366) (50304f5), closes #1718
• ui5-popover: implement hide-block-layer property (#2413) (3b2d6de)
• ui5-side-navigation: add "header" slot (#2520) (b5c4a92), closes #2518
• ui5-side-navigation-item, ui5-side-navigation-sub-item: introduce click event (#2298) (d73ce38)
• ui5-table: add "loadMore" capability (#2589) (2e5d5cd)

BREAKING CHANGE

• ui5-flexible-column-layout: introduce accessibilityTexts property (#2571) (a634532)

The startColumnAccessibleName, midColumnAccessibleName and endColumnAccessibleName properties have been removed. Use the new accessibilityTexts property to provide these (as keys to the object).

• ui5-timeline: move ui5-timeline to fiori package (#2498) (e0a32f4)

Timeline component has been moved to the "fiori" package.

If previously had:

import Timeline from "@ui5/webcomponents/dist/Timeline.js";

you have to change it to:

import Timeline from "@ui5/webcomponents-fiori/dist/Timeline.js";

• ui5-notification-action: rename component (#2580) (10a6b92)

If you previously used ui5-notification-overflow-action and had the following import statement:

import "@ui5/webcomponents-fiori/dist/NotificationOverflowAction.js";

now you have to use the ui5-notification-action tag and import the following module:

import "@ui5/webcomponents-fiori/dist/NotificationAction.js";