@ui5/webcomponents-theming

UI5 Web Components - Theming

Provides common theming assets, used by other UI5 Web Components packages, such as main and fiori.

This package is intended for UI5 Web Component development and currently provides no app development related public APIs.

Provided assets

The assets, provided by this package, are additional themes:

import "@ui5/webcomponents-theming/dist/Assets.js";

Note: These assets are already imported by the UI5 Web Components packages that need them.

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.3.0 (2022-04-19)

New Components

• ui5-menu: Initial implementation (#4742) (deac309)

Features

• framework: configure default icon collection per theme (#5031) (7f84b83)
• inputs: implement SAP Horizon theme family (#5003) (26aff35)
• ui5-breadcrumbs: add position numbering scheme "x of y" (#4703) (35e2c96)
• ui5-button: implement SAP Horizon theme family (#4912) (43761ad)
• ui5-card: implement SAP Horizon theme family (#4974) (0137225), closes #5006
• ui5-checkbox: implement required property (#5055) (d6a56cb), closes #4895
• ui5-dialog: set horizon themes parameters (#4925) (1f3d212)
• ui5-fcl: implement SAP Horizon theme family (#5071) (7a2a568), closes #5008
• ui5-icon: implement SAP Horizon theme family (#5080) (6db8956), closes #5008
• ui5-input: introduce openPicker() public method (#4971) (7e08a75)
• ui5-link: implement SAP Horizon theme family (#5011) (ee44117)
• ui5-message-strip: implement SAP Horizon theme family (#4941) (8919965)
• ui5-multi-combobox: add cut/copy & paste handling (#4854) (18c5912)
• ui5-multi-combobox: improve F4/Alt+Down focus handling (#4825) (01b56f3)
• ui5-multi-combobox, ui5-tokenizer: handle 'Space' key combinations (#4817) (0fbe1e1)
• ui5-multi-combobox, ui5-tokenizer: complete arrow navigation functionality (#4784) (25cc16c)
• ui5-option: add additional-text property (#5065) (84d9f5f), closes #4999 #4999
• ui5-panel: implement SAP Horizon theme family (#5058) (67565d5), closes #5007
• ui5-radio-button: implement new value states - Success and Information and implement SAP Horizon theme family (#4913) (c85ad95)
• ui5-select: add aria-roledescription attribute (#4921) (e19a914), closes #2910
• ui5-tabcontainer: enable nested tabs (#4705) (3e715c4)
• ui5-tabcontainer: implement SAP Horizon theme family (#4981) (0b90287)
• ui5-table: add 'accessibleName' and 'accessibleNameRef' properties (#4994) (a4ef3cb)
• ui5-wizard: implement SAP Horizon theme (#5076) (801069d)
• busy indicator enablement (#4832) (c49c97f)
• ui5-table: implement SAP Horizon theme family (#4992) (5c2a056), closes #4938
• ui5-textarea: implement SAP Horizon theme family (#5018) (f5d56e2)
• ui5-toast: implement SAP Horizon theme family (#4864) (346fa64)

Bug Fixes

• framework: make listeners passive (#5012) (30f2dc7)
• framework: fix F6 navigation on windows browsers (#4886) (36fd3d1)
• framework: fix submit event handling in forms (#4942) (883809f)
• framework: add 72-* font as system styles (#4934) (4b45d32)
• framework: fix scoping of self tag (#4952) (8d53e95)
• framework: fix js error if "sh" locale set (#4905) (979bca2), closes #4904
• playground: fix search results (#4948) (af4aac1)
• ui5-avatar: align to latest sap_horizon specification (#4951) (80c1f42)
• ui5-avatar: fix wrong border-radius (#4877) (cb9f55f), closes #4873
• ui5-card-header: prevent events from action slot to trigger header's click event (#4965) (547ce9e), closes #4891
• ui5-checkbox: align to latest sap_horizon specification (#4972) (be9e6bc)
• ui5-color-palette: adapt components with responsive paddings (#4985) (9de7198), closes #4869
• ui5-color-picker: fix RTL visual issues (#4966) (ae76500), closes #4892
• ui5-combobox: disable autocomplete on Android (#5088) (7353188)
• ui5-date-picker: adjust initial value formatting (#4967) (304e73b), closes #4958 #4958
• ui5-date-picker: handle date selection via enter keyboard key (#4863) (fc2cec0), closes #4826
• ui5-date-picker: remove aria-expanded attribute (#4866) (381c884), closes #4865
• ui5-date-picker: remove timezone test (#4829) (14552cf)
• ui5-date-picker:* adjust the date and time pickers accessibility attributes (#4996) (229efcc), closes #4946
• ui5-datetime-picker: adapt components with responsive paddings (#4977) (6c5e516), closes #4869
• ui5-datetime-picker: enable secondary calendar type (#4970) (6a096cb), closes #4959
• ui5-flexible-column-layout: correct column border styles for RTL (#4919) (660f639), closes #4906
• ui5-illustrated-message: remove offensive characters (#4929) (cbf5b02)
• ui5-illustrated-message: update illustrations (#4950) (6ff4e1b)
• ui5-input: activeElement is now correct in case of nested components (#5005) (199d974)
• ui5-label: prevent screenreader announcement of colon and asterisk (#5072) (b5d5a3f), closes #4830
• ui5-li: correct focus handling (#4935) (2b82342)
• ui5-link: remove double click event (#5038) (4b95bc8), closes #4963 #4963
• ui5-list: correct keyboard handling (#4890) (8c27355)
• ui5-media-gallery: correct overflow label (#4903) (4f28a6e)
• ui5-multi-combobox: display placeholder consistently (#4920) (359d1a3), closes #4897
• ui5-multi-input: correct header paddings in nMore popover (#5040) (b06d608)
• ui5-multi-input: improve backspace and home handling (#4646) (fa2a700)
• ui5-page: Allow developers to be able to overwrite responsive paddings (#5056) (b09dd35)
• ui5-popover: fix auto close when opener is outside the viewport (#4847) (c944efd), closes #4716
• ui5-popover: prevent arrow placement over popover's rounded corners (#4960) (994871d), closes #4599 #4797
• ui5-responsive-popover: allow opening a popover from component (#5070) (241a112), closes #5028
• ui5-shellbar: searchfield placeholder color (#5079) (aba6aab)
• ui5-step-input: align the min width to visual specification (#4884) (197fef1), closes #4786
• ui5-tabcontainer: add missing dependency in Tab (#5069) (b03c56b), closes #5037
• ui5-shellbar, ui5-breadcrumbs, ui5-barcode-scanner-dialog: align popover paddings (#4894) (b947d1b), closes #4872
• ui5-tabcontainer: fix overflow button visibility (#4836) (8e67748), closes #4690
• ui5-time-picker: firing change event after input change submit (#4962) (2e3f428), closes #4918
• ui5-view-settings-dialog: adjust scrollbar behavior (#4795) (8f58fd5), closes #4724 #4725 #4860
• ui5-view-settings-dialog: fixing comments from previous commit (#4851) (3fc5814)
• ui5-view-settings-dialog: including title in initial reading (#4827) (685d4ba), closes #4660
• ui5-view-settings-dialog: replacement of the slot with ui5 li element (#5013) (839ddf8), closes #4888
• ui5-view-settings-dialog: visual alignment (#4867) (8a628df), closes #4102 #3744 #4838
• popups: correct responsive padding in some consumers of popups (#4926) (b501153), closes #4870