@ui5/create-webcomponents-package

UI5 Web Components - Create Package

Provides an npm init script for creating new "UI5 Web Components" packages.

Usage

with npm

• npm init @ui5/webcomponents-package (the user will be asked for name, port, tag);
• npm init @ui5/webcomponents-package <NEW-PACKAGE-NAME> (the user will be asked for port and tag only).

And with yarn

• yarn create @ui5/webcomponents-package
• yarn create @ui5/webcomponents-package <NEW-PACKAGE-NAME>.

The script creates a new directory, and fills it with a package.json file and all necessary source files, and resources for a new components package.

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.4.0 (2022-05-25)

New Themes

• SAP Horizon (updated to latest specs)
• SAP Horizon Dark
• SAP Horizon High Contrast Black
• SAP Horizon High Contrast White

Features

• icons: use icon name as default module export (#5207) (c03d769), closes #5122
• ui5-multi-combobox: add accessibleName and accessibleNameRef properties (#5187) (0d80a2c)
• ui5-input: implement type ahead (autocomplete) (#5211) (ec44888)
• ui5-rating-indicator: implement small icons for readonly and disabled (#5233) (405a598)
• ui5-tabcontainer: enable semantic icons in High Contrast themes (#5124) (3a13acf), closes #2540

Bug Fixes

• framework: use fonts from proper SDK URL (#5141) (2e49248)
• framework: fix keydown events for all inputs (#5188) (11dfe94)
• framework: fix passive listeners for mobile (#5153) (3ffec52)
• framework: fix fallback to default theme (#5185) (0fc2f0d), closes #5136 #5136
• ui5-breadcrumbs: set aria-current to the focused element (#5214) (20d8b83)
• ui5-calendar: adjust previous and next button styles (#5226) (87f6b36), closes #5117
• ui5-calendar: correct month button text localization (#5246) (04f2b08)
• ui5-calendar: fix displayed month name (#5212) (b03c3ea)
• ui5-color-palette: align buttons to spec (#5170) (9f7f382), closes #4976
• ui5-color-picker: align the slider to horizon spec (#5209) (fd97a42)
• ui5-color-picker: provide meaningful labels for the inner input components (#5217) (a7de0cd), closes #5015 #5023
• ui5-illustrated-message: make component language aware (#5158) (5b6502b)
• ui5-input: adjust maxlength property documentation (#5253) (0c01d9f)
• ui5-input: correct value-state styles in readonly and disabled (#5208) (87bea32)
• ui5-input: prevent exception if there are suggestion but property is false (#5219) (eb57cef)
• ui5-multi-combobox: set correct height to items checkboxes (#5216) (0946207)
• ui5-page: remove unnecessary scrollbar (#5258) (8ef6289)
• ui5-panel: animate just the icon without button (#5164) (fe4ce06)
• ui5-panel: fix typo in CSS var name (#5202) (854673d), closes #5201
• ui5-rating-indicator: use SVG icons (#5191) (0782cf7)
• ui5-select: correct picker width (#5240) (9bd9d24)
• ui5-select: select correct item by typing text (#5252) (24401b2)
• ui5-switch: adjust additional description announcements (#4927) (4fb44e8), closes #4887
• ui5-tabcontainer: provide unique names for each disabled slot (#5241) (3582127), closes #5178
• ui5-table: adjust colspan value in MultiSelect mode (#5256) (405702c)
• ui5-textarea: adjust focus outline offset (#5101) (cc5c3bd)
• ui5-textarea: adjust placeholder styling (#5179) (fab2b61)
• ui5-textarea: prevent valueState if maxlength is exceeded (#5237) (ed9d74f)