From ca5f62c9ffa9baefb51c5902343e01e0d6af6a1b Mon Sep 17 00:00:00 2001
From: Filip Siderov <filip.siderov@sap.com>
Date: Tue, 23 Apr 2019 14:01:47 +0300
Subject: [PATCH 1/4] fix(ui5-messagestrip): fix layout in ie (#353)

---
 packages/main/src/MessageStripTemplateContext.js          | 2 +-
 packages/main/src/themes/MessageStrip.css                 | 8 ++++----
 .../webcomponents/main/samples/MessageStrip.sample.html   | 1 +
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/main/src/MessageStripTemplateContext.js b/packages/main/src/MessageStripTemplateContext.js
index 0e62201dec4d..da07e08d06bf 100644
--- a/packages/main/src/MessageStripTemplateContext.js
+++ b/packages/main/src/MessageStripTemplateContext.js
@@ -8,7 +8,7 @@ class MessageStripTemplateContext {
 					"ui5-messagestrip-close-icon": true,
 				},
 				main: {
-					"ui5-messagestrip": true,
+					"ui5-messagestrip-root": true,
 					"ui5-messagestrip-icon--hidden": state.hideIcon,
 					"ui5-messagestrip-close-icon--hidden": state.hideCloseButton,
 					[MessageStripTemplateContext.getTypeClasses(state)]: true,
diff --git a/packages/main/src/themes/MessageStrip.css b/packages/main/src/themes/MessageStrip.css
index a33b9300ac7c..1b9c5f0b8df8 100644
--- a/packages/main/src/themes/MessageStrip.css
+++ b/packages/main/src/themes/MessageStrip.css
@@ -14,7 +14,7 @@ span[data-sap-ui-wc-root] {
 	display: flex;
 }
 
-.ui5-messagestrip {
+.ui5-messagestrip-root {
 	width: 100%;
 	height: 100%;
 	display: flex;
@@ -27,7 +27,7 @@ span[data-sap-ui-wc-root] {
 	position: relative;
 }
 
-.ui5-messagestrip .ui5-messagestrip-icon {
+.ui5-messagestrip-root .ui5-messagestrip-icon {
 	width: var(--_ui5_messagestrip_icon_width);
 	box-sizing: border-box;
 	position: absolute;
@@ -35,13 +35,13 @@ span[data-sap-ui-wc-root] {
 	left: 0px;
 }
 
-.ui5-messagestrip .ui5-messagestrip-text {
+.ui5-messagestrip -root.ui5-messagestrip-text {
 	width: 100%;
 	color: var(--sapTextColor);
 	line-height: 1.2;
 }
 
-.ui5-messagestrip ui5-button {
+.ui5-messagestrip-root ui5-button {
 	height: var(--_ui5_messagestrip_button_height);
 	border-width: var(--_ui5_messagestrip_button_border_width);
 	border-style: var(--_ui5_messagestrip_button_border_style);
diff --git a/packages/main/test/sap/ui/webcomponents/main/samples/MessageStrip.sample.html b/packages/main/test/sap/ui/webcomponents/main/samples/MessageStrip.sample.html
index 20fe1a484fd5..fba4c49c3c32 100644
--- a/packages/main/test/sap/ui/webcomponents/main/samples/MessageStrip.sample.html
+++ b/packages/main/test/sap/ui/webcomponents/main/samples/MessageStrip.sample.html
@@ -21,6 +21,7 @@
 		}
 	</script>
 
+	<script src="../../../../../../webcomponentsjs/webcomponents-loader.js"></script>
 	<script src="../../../../../../resources/sap/ui/webcomponents/main/bundle.esm.js"
 		type="module"
 	>

From dcd64a9718b0ce90d7d8db7c087ae25953f4ea9e Mon Sep 17 00:00:00 2001
From: Peter Skelin <petar.skelin@sap.com>
Date: Tue, 23 Apr 2019 15:24:59 +0300
Subject: [PATCH 2/4] fix: switch theme for single imported components (#356)

When importing a single component like show in the documentation,
the url parameters for setting a theme stopped working,
unless a ThemePropertiesProvider module is also imported.

This change returns the previous behaviour, where the single
imports have all features working.
---
 packages/main/src/Button.js              | 3 +++
 packages/main/src/Calendar.js            | 3 +++
 packages/main/src/CalendarHeader.js      | 3 +++
 packages/main/src/Card.js                | 3 +++
 packages/main/src/CheckBox.js            | 3 +++
 packages/main/src/CustomListItem.js      | 3 +++
 packages/main/src/DatePicker.js          | 3 +++
 packages/main/src/DayPicker.js           | 3 +++
 packages/main/src/Dialog.js              | 3 +++
 packages/main/src/GroupHeaderListItem.js | 2 ++
 packages/main/src/Icon.js                | 3 +++
 packages/main/src/Input.js               | 3 +++
 packages/main/src/Label.js               | 3 +++
 packages/main/src/Link.js                | 3 +++
 packages/main/src/List.js                | 3 +++
 packages/main/src/MessageStrip.js        | 3 +++
 packages/main/src/MonthPicker.js         | 3 +++
 packages/main/src/Panel.js               | 3 +++
 packages/main/src/Popover.js             | 3 +++
 packages/main/src/Popup.js               | 3 +++
 packages/main/src/RadioButton.js         | 3 +++
 packages/main/src/Select.js              | 3 +++
 packages/main/src/ShellBar.js            | 3 +++
 packages/main/src/ShellBarItem.js        | 3 +++
 packages/main/src/StandardListItem.js    | 3 +++
 packages/main/src/Switch.js              | 3 +++
 packages/main/src/Tab.js                 | 3 +++
 packages/main/src/TabContainer.js        | 7 +++++--
 packages/main/src/TabSeparator.js        | 3 +++
 packages/main/src/Table.js               | 3 +++
 packages/main/src/TableCell.js           | 3 +++
 packages/main/src/TableColumn.js         | 3 +++
 packages/main/src/TableRow.js            | 3 +++
 packages/main/src/TextArea.js            | 3 +++
 packages/main/src/Timeline.js            | 3 +++
 packages/main/src/TimelineItem.js        | 3 +++
 packages/main/src/Title.js               | 3 +++
 packages/main/src/ToggleButton.js        | 3 +++
 packages/main/src/YearPicker.js          | 3 +++
 39 files changed, 118 insertions(+), 2 deletions(-)

diff --git a/packages/main/src/Button.js b/packages/main/src/Button.js
index 77aeafe6ecca..57ee7ddfdf3f 100644
--- a/packages/main/src/Button.js
+++ b/packages/main/src/Button.js
@@ -11,6 +11,9 @@ import Icon from "./Icon.js";
 // Styles
 import buttonCss from "./themes/Button.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/Calendar.js b/packages/main/src/Calendar.js
index e0a72134fc4b..494eafb7c6d6 100644
--- a/packages/main/src/Calendar.js
+++ b/packages/main/src/Calendar.js
@@ -24,6 +24,9 @@ import "@ui5/webcomponents-core/dist/sap/ui/core/date/Gregorian.js";
 // Styles
 import calendarCSS from "./themes/Calendar.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/CalendarHeader.js b/packages/main/src/CalendarHeader.js
index a899f998acfe..559c3b3a38f8 100644
--- a/packages/main/src/CalendarHeader.js
+++ b/packages/main/src/CalendarHeader.js
@@ -9,6 +9,9 @@ import CalendarHeaderRenderer from "./build/compiled/CalendarHeaderRenderer.lit.
 // Styles
 import styles from "./themes/CalendarHeader.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 const metadata = {
 	tag: "ui5-calendar-header",
 	properties: {
diff --git a/packages/main/src/Card.js b/packages/main/src/Card.js
index 00333881dd84..202d45e8e069 100644
--- a/packages/main/src/Card.js
+++ b/packages/main/src/Card.js
@@ -10,6 +10,9 @@ import Icon from "./Icon.js";
 // Styles
 import cardCss from "./themes/Card.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/CheckBox.js b/packages/main/src/CheckBox.js
index ddd970e56b67..ff85b4d0f89e 100644
--- a/packages/main/src/CheckBox.js
+++ b/packages/main/src/CheckBox.js
@@ -10,6 +10,9 @@ import Label from "./Label.js";
 // Styles
 import checkboxCss from "./themes/CheckBox.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/CustomListItem.js b/packages/main/src/CustomListItem.js
index 80071b61063b..ebea3b6f9b68 100644
--- a/packages/main/src/CustomListItem.js
+++ b/packages/main/src/CustomListItem.js
@@ -6,6 +6,9 @@ import CustomListItemRenderer from "./build/compiled/CustomListItemRenderer.lit.
 // Styles
 import columnListItemCss from "./themes/CustomListItem.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/DatePicker.js b/packages/main/src/DatePicker.js
index 89fe86057be7..f04416348289 100644
--- a/packages/main/src/DatePicker.js
+++ b/packages/main/src/DatePicker.js
@@ -28,6 +28,9 @@ import "@ui5/webcomponents-core/dist/sap/ui/core/date/Gregorian.js";
 // Styles
 import datePickerCss from "./themes/DatePicker.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/DayPicker.js b/packages/main/src/DayPicker.js
index d696a418cd53..cfb0e693a31d 100644
--- a/packages/main/src/DayPicker.js
+++ b/packages/main/src/DayPicker.js
@@ -16,6 +16,9 @@ import DayPickerRenderer from "./build/compiled/DayPickerRenderer.lit.js";
 // Styles
 import dayPickerCSS from "./themes/DayPicker.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/Dialog.js b/packages/main/src/Dialog.js
index 04dc4bb7283b..faf014fac941 100644
--- a/packages/main/src/Dialog.js
+++ b/packages/main/src/Dialog.js
@@ -8,6 +8,9 @@ import DialogRenderer from "./build/compiled/DialogRenderer.lit.js";
 // Styles
 import dialogCss from "./themes/Dialog.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/GroupHeaderListItem.js b/packages/main/src/GroupHeaderListItem.js
index 52005a25f49a..dc9250946ad0 100644
--- a/packages/main/src/GroupHeaderListItem.js
+++ b/packages/main/src/GroupHeaderListItem.js
@@ -8,6 +8,8 @@ import GroupHeaderListItemTemplateContext from "./GroupHeaderListItemTemplateCon
 // Styles
 import groupheaderListItemCss from "./themes/GroupHeaderListItem.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
 
 /**
  * @public
diff --git a/packages/main/src/Icon.js b/packages/main/src/Icon.js
index 168c669ae151..70e450999801 100644
--- a/packages/main/src/Icon.js
+++ b/packages/main/src/Icon.js
@@ -8,6 +8,9 @@ import IconRenderer from "./build/compiled/IconRenderer.lit.js";
 // Styles
 import iconCss from "./themes/Icon.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/Input.js b/packages/main/src/Input.js
index f6ad1ecb3703..3229ac2d5e02 100644
--- a/packages/main/src/Input.js
+++ b/packages/main/src/Input.js
@@ -18,6 +18,9 @@ import InputTemplateContext from "./InputTemplateContext.js";
 import styles from "./themes/Input.css.js";
 import shellbarInput from "./themes/ShellBarInput.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/Label.js b/packages/main/src/Label.js
index 366dc908c75a..88d5df893996 100644
--- a/packages/main/src/Label.js
+++ b/packages/main/src/Label.js
@@ -8,6 +8,9 @@ import LabelTemplateContext from "./LabelTemplateContext.js";
 // Styles
 import labelCss from "./themes/Label.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/Link.js b/packages/main/src/Link.js
index d21d1fa69b1d..2b2747574058 100644
--- a/packages/main/src/Link.js
+++ b/packages/main/src/Link.js
@@ -11,6 +11,9 @@ import LinkTemplateContext from "./LinkTemplateContext.js";
 // Styles
 import linkCss from "./themes/Link.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/List.js b/packages/main/src/List.js
index 33f9ee15f97a..14091eb460c2 100644
--- a/packages/main/src/List.js
+++ b/packages/main/src/List.js
@@ -16,6 +16,9 @@ import ListTemplateContext from "./ListTemplateContext.js";
 // Styles
 import listCss from "./themes/List.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/MessageStrip.js b/packages/main/src/MessageStrip.js
index 63e34f0902be..497f319dee12 100644
--- a/packages/main/src/MessageStrip.js
+++ b/packages/main/src/MessageStrip.js
@@ -9,6 +9,9 @@ import Icon from "./Icon.js";
 // Styles
 import messageStripCss from "./themes/MessageStrip.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/MonthPicker.js b/packages/main/src/MonthPicker.js
index 86ce4a5dfe9e..da1b68ad67ee 100644
--- a/packages/main/src/MonthPicker.js
+++ b/packages/main/src/MonthPicker.js
@@ -15,6 +15,9 @@ import MonthPickerRenderer from "./build/compiled/MonthPickerRenderer.lit.js";
 // Styles
 import styles from "./themes/MonthPicker.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/Panel.js b/packages/main/src/Panel.js
index 402b3e100406..0d8ad4fbc35d 100644
--- a/packages/main/src/Panel.js
+++ b/packages/main/src/Panel.js
@@ -13,6 +13,9 @@ import { fetchResourceBundle, getResourceBundle } from "./ResourceBundleProvider
 // Styles
 import panelCss from "./themes/Panel.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/Popover.js b/packages/main/src/Popover.js
index eb682dff0344..394904808e2a 100644
--- a/packages/main/src/Popover.js
+++ b/packages/main/src/Popover.js
@@ -15,6 +15,9 @@ import PopoverRenderer from "./build/compiled/PopoverRenderer.lit.js";
 // Styles
 import popoverCss from "./themes/Popover.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/Popup.js b/packages/main/src/Popup.js
index ec2822f2dabf..4fc7d9443f70 100644
--- a/packages/main/src/Popup.js
+++ b/packages/main/src/Popup.js
@@ -6,6 +6,9 @@ import { isEscape } from "@ui5/webcomponents-base/src/events/PseudoEvents.js";
 // Styles
 import styles from "./themes/Popup.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/RadioButton.js b/packages/main/src/RadioButton.js
index baff873cd55a..f6ff19d14221 100644
--- a/packages/main/src/RadioButton.js
+++ b/packages/main/src/RadioButton.js
@@ -18,6 +18,9 @@ import RadioButtonTemplateContext from "./RadioButtonTemplateContext.js";
 // Styles
 import radioButtonCss from "./themes/RadioButton.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/Select.js b/packages/main/src/Select.js
index bac7d4b79952..a261d15b0977 100644
--- a/packages/main/src/Select.js
+++ b/packages/main/src/Select.js
@@ -18,6 +18,9 @@ import SelectTemplateContext from "./SelectTemplateContext.js";
 // Styles
 import selectCss from "./themes/Select.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/ShellBar.js b/packages/main/src/ShellBar.js
index bc97cb6d77b1..c6067939c159 100644
--- a/packages/main/src/ShellBar.js
+++ b/packages/main/src/ShellBar.js
@@ -18,6 +18,9 @@ import ShellBarTemplateContext from "./ShellBarTemplateContext.js";
 // Styles
 import styles from "./themes/ShellBar.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/ShellBarItem.js b/packages/main/src/ShellBarItem.js
index fd6d5e998aa8..f2ba93dc372c 100644
--- a/packages/main/src/ShellBarItem.js
+++ b/packages/main/src/ShellBarItem.js
@@ -5,6 +5,9 @@ import URI from "@ui5/webcomponents-base/src/types/URI.js";
 // Template
 import ShellBarItemRenderer from "./build/compiled/ShellBarItemRenderer.lit.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/StandardListItem.js b/packages/main/src/StandardListItem.js
index 128bae40cd04..5e70edc19fe9 100644
--- a/packages/main/src/StandardListItem.js
+++ b/packages/main/src/StandardListItem.js
@@ -7,6 +7,9 @@ import StandardListItemRenderer from "./build/compiled/StandardListItemRenderer.
 
 // Styles
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/Switch.js b/packages/main/src/Switch.js
index 96d7988e66e5..677a99235d30 100644
--- a/packages/main/src/Switch.js
+++ b/packages/main/src/Switch.js
@@ -10,6 +10,9 @@ import SwitchType from "./types/SwitchType.js";
 // Styles
 import switchCss from "./themes/Switch.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/Tab.js b/packages/main/src/Tab.js
index 22179eaa4587..68e76fec0af8 100644
--- a/packages/main/src/Tab.js
+++ b/packages/main/src/Tab.js
@@ -7,6 +7,9 @@ import IconColor from "./types/IconColor.js";
 import Icon from "./Icon.js";
 import TabRenderer from "./build/compiled/TabRenderer.lit.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/TabContainer.js b/packages/main/src/TabContainer.js
index 744c2ecb26a1..8e73254aaf37 100644
--- a/packages/main/src/TabContainer.js
+++ b/packages/main/src/TabContainer.js
@@ -14,7 +14,10 @@ import Popover from "./Popover.js";
 import TabBase from "./TabBase.js";
 
 // Styles
-import buttonCss from "./themes/TabContainer.css.js";
+import tabContainerCss from "./themes/TabContainer.css.js";
+
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
 
 const SCROLL_STEP = 128;
 
@@ -162,7 +165,7 @@ class TabContainer extends UI5Element {
 	}
 
 	static get styles() {
-		return buttonCss;
+		return tabContainerCss;
 	}
 
 	static get renderer() {
diff --git a/packages/main/src/TabSeparator.js b/packages/main/src/TabSeparator.js
index 6097f5ac685f..a392e15c033a 100644
--- a/packages/main/src/TabSeparator.js
+++ b/packages/main/src/TabSeparator.js
@@ -3,6 +3,9 @@ import TabSeparatorTemplateContext from "./TabSeparatorTemplateContext.js";
 import TabBase from "./TabBase.js";
 import TabSeparatorRenderer from "./build/compiled/TabSeparatorRenderer.lit.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/Table.js b/packages/main/src/Table.js
index d517f7b811a0..2ad262b293a1 100644
--- a/packages/main/src/Table.js
+++ b/packages/main/src/Table.js
@@ -9,6 +9,9 @@ import TableRenderer from "./build/compiled/TableRenderer.lit.js";
 // Styles
 import styles from "./themes/Table.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/TableCell.js b/packages/main/src/TableCell.js
index e78ff46ba2a9..854f5ddcafa3 100644
--- a/packages/main/src/TableCell.js
+++ b/packages/main/src/TableCell.js
@@ -5,6 +5,9 @@ import TableCellRenderer from "./build/compiled/TableCellRenderer.lit.js";
 // Styles
 import styles from "./themes/TableCell.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/TableColumn.js b/packages/main/src/TableColumn.js
index d4ba5b0a6308..1b88920eb2f8 100644
--- a/packages/main/src/TableColumn.js
+++ b/packages/main/src/TableColumn.js
@@ -7,6 +7,9 @@ import TableColumnRenderer from "./build/compiled/TableColumnRenderer.lit.js";
 // Styles
 import styles from "./themes/TableColumn.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 const metadata = {
 	tag: "ui5-table-column",
 	slots: /** @lends sap.ui.webcomponents.main.TableColumn.prototype */ {
diff --git a/packages/main/src/TableRow.js b/packages/main/src/TableRow.js
index 44f0ac0a04a9..79f51e5bc880 100644
--- a/packages/main/src/TableRow.js
+++ b/packages/main/src/TableRow.js
@@ -6,6 +6,9 @@ import TableRowRenderer from "./build/compiled/TableRowRenderer.lit.js";
 // Styles
 import styles from "./themes/TableRow.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/TextArea.js b/packages/main/src/TextArea.js
index 947beaae949b..5e72685d1048 100644
--- a/packages/main/src/TextArea.js
+++ b/packages/main/src/TextArea.js
@@ -9,6 +9,9 @@ import { fetchResourceBundle, getResourceBundle } from "./ResourceBundleProvider
 // Styles
 import styles from "./themes/TextArea.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/Timeline.js b/packages/main/src/Timeline.js
index 036cdfb5d952..72e8f810e209 100644
--- a/packages/main/src/Timeline.js
+++ b/packages/main/src/Timeline.js
@@ -8,6 +8,9 @@ import TimelineRenderer from "./build/compiled/TimelineRenderer.lit.js";
 // Styles
 import styles from "./themes/Timeline.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/TimelineItem.js b/packages/main/src/TimelineItem.js
index f2d95d56cfd0..58f1de15c463 100644
--- a/packages/main/src/TimelineItem.js
+++ b/packages/main/src/TimelineItem.js
@@ -12,6 +12,9 @@ import TimelineItemRenderer from "./build/compiled/TimelineItemRenderer.lit.js";
 // Styles
 import styles from "./themes/TimelineItem.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/Title.js b/packages/main/src/Title.js
index 07fa03dbd95e..80e6d3043fcf 100644
--- a/packages/main/src/Title.js
+++ b/packages/main/src/Title.js
@@ -7,6 +7,9 @@ import TitleRenderer from "./build/compiled/TitleRenderer.lit.js";
 // Styles
 import titleCss from "./themes/Title.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/ToggleButton.js b/packages/main/src/ToggleButton.js
index c88af0645c92..adb8ef95a748 100644
--- a/packages/main/src/ToggleButton.js
+++ b/packages/main/src/ToggleButton.js
@@ -6,6 +6,9 @@ import ToggleButtonRenderer from "./build/compiled/ToggleButtonRenderer.lit.js";
 // Styles
 import toggleBtnCss from "./themes/ToggleButton.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */
diff --git a/packages/main/src/YearPicker.js b/packages/main/src/YearPicker.js
index 888c835d76a5..926ff643fab6 100644
--- a/packages/main/src/YearPicker.js
+++ b/packages/main/src/YearPicker.js
@@ -16,6 +16,9 @@ import YearPickerRenderer from "./build/compiled/YearPickerRenderer.lit.js";
 // Styles
 import styles from "./themes/YearPicker.css.js";
 
+// all themes should work via the convenience import (inlined now, switch to json when elements can be imported individyally)
+import "./ThemePropertiesProvider.js";
+
 /**
  * @public
  */

From 371fb88510e206e15a909237fdd4210e97ced8ac Mon Sep 17 00:00:00 2001
From: ilhan orhan <ilhan.myumyun@sap.com>
Date: Tue, 23 Apr 2019 15:29:57 +0300
Subject: [PATCH 3/4] fix(ui5-radiobutton): fix single selection within group
 (#355)

---
 packages/main/src/RadioButtonGroup.js                     | 8 +++-----
 .../test/sap/ui/webcomponents/main/pages/RadioButton.html | 6 +++---
 packages/main/test/specs/RadioButton.spec.js              | 8 +++++---
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/main/src/RadioButtonGroup.js b/packages/main/src/RadioButtonGroup.js
index 2efb8f55197b..4fe8acb22f4b 100644
--- a/packages/main/src/RadioButtonGroup.js
+++ b/packages/main/src/RadioButtonGroup.js
@@ -154,12 +154,10 @@ class RadioButtonGroup {
 	static enforceSingleSelection(radioBtn, groupName) {
 		const selectedRadio = this.getSelectedRadioFromGroup(groupName);
 
-		if (!selectedRadio) {
-			return;
-		}
-
 		if (radioBtn.selected) {
-			if (radioBtn !== selectedRadio) {
+			if (!selectedRadio) {
+				this.selectedRadios.set(groupName, radioBtn);
+			} else if (radioBtn !== selectedRadio) {
 				this._deselectRadio(selectedRadio);
 				this.selectedRadios.set(groupName, radioBtn);
 			}
diff --git a/packages/main/test/sap/ui/webcomponents/main/pages/RadioButton.html b/packages/main/test/sap/ui/webcomponents/main/pages/RadioButton.html
index a06f20e835af..cca0596be451 100644
--- a/packages/main/test/sap/ui/webcomponents/main/pages/RadioButton.html
+++ b/packages/main/test/sap/ui/webcomponents/main/pages/RadioButton.html
@@ -50,9 +50,9 @@ <h1>ui5-radiobutton</h1>
 		<ui5-title>Group of states</ui5-title>
 		<ui5-label id="lblRadioGroup"></ui5-label>
 		<ui5-label id="lblEventCounter"></ui5-label>
-		<ui5-radiobutton id="groupRb7" text="None selected" value-state="None" selected name="GroupB"></ui5-radiobutton>
-		<ui5-radiobutton id="groupRb8" text="Warning" value-state="Warning" name="GroupB"></ui5-radiobutton>
-		<ui5-radiobutton id="groupRb9"text="Error" value-state="Error" name="GroupB"></ui5-radiobutton>
+		<ui5-radiobutton id="groupRb7" text="None selected" value-state="None" name="GroupB"></ui5-radiobutton>
+		<ui5-radiobutton id="groupRb8" text="Warning" value-state="Warning" selected name="GroupB"></ui5-radiobutton>
+		<ui5-radiobutton id="groupRb9"text="Error" value-state="Error" selected name="GroupB"></ui5-radiobutton>
 		<ui5-radiobutton id="groupRb10" text="Default selected" value-state="None" selected name="GroupB"></ui5-radiobutton>
 		<ui5-radiobutton id="groupRb11" text="Other group selected" value-state="None" selected name="GroupBB"></ui5-radiobutton>
 	</div>
diff --git a/packages/main/test/specs/RadioButton.spec.js b/packages/main/test/specs/RadioButton.spec.js
index 4c8bc4fa5488..2f0b2bfba4d7 100644
--- a/packages/main/test/specs/RadioButton.spec.js
+++ b/packages/main/test/specs/RadioButton.spec.js
@@ -92,13 +92,15 @@ describe("RadioButton general interaction", () => {
 	});
 	
 	it("tests single selection within group, even if multiple radios are set as selected", () => {
-		// radio with property selected=true, but not selected
-		const radioButtonNotSelected = browser.findElementDeep("#groupRb7 >>> .sapMRb");
+		// radios with property selected=true, but not selected
+		const radioButtonNotSelected1 = browser.findElementDeep("#groupRb8 >>> .sapMRb");
+		const radioButtonNotSelected2 = browser.findElementDeep("#groupRb9 >>> .sapMRb");
 
 		// radio with property selected=true and actually selected as subsequent
 		const radioButtonActuallySelected = browser.findElementDeep("#groupRb10 >>> .sapMRb");
 
-		assert.ok(!radioButtonNotSelected.hasClass("sapMRbSel"), "The radio is not selected as following one selected");
+		assert.ok(!radioButtonNotSelected1.hasClass("sapMRbSel"), "The radio is not selected as the last one is selected");
+		assert.ok(!radioButtonNotSelected2.hasClass("sapMRbSel"), "The radio is not selected as the last one is selected");
 		assert.ok(radioButtonActuallySelected.hasClass("sapMRbSel"), 'The correct radio is selected');
 	});
 

From d8bf3ea8646f9d2b9aa742d121a29d13d08eaa1d Mon Sep 17 00:00:00 2001
From: Filip Siderov <filip.siderov@sap.com>
Date: Tue, 23 Apr 2019 15:30:50 +0300
Subject: [PATCH 4/4] chore(docs): update version in playground (#354)

---
 packages/playground/webapp/index.html         | 2 +-
 packages/playground/webapp/view/Main.view.xml | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/playground/webapp/index.html b/packages/playground/webapp/index.html
index 7c4ac2a9154f..4f4aa33bc797 100644
--- a/packages/playground/webapp/index.html
+++ b/packages/playground/webapp/index.html
@@ -35,7 +35,7 @@ <h2 class="ui5-header bold-font">UI5 Web Components</h2>
                                     Github Project &rsaquo;</a>
                                 <iframe src="https://ghbtns.com/github-btn.html?user=sap&repo=ui5-webcomponents&type=star&count=true&size=small" frameborder="0" scrolling="0" width="90px" height="20px"></iframe>
                             </div>
-                            <div class="curr-version">Current version 0.9.0</div>
+                            <div class="curr-version">Current version 0.10.0</div>
                         </div>
                 </div>
             </header>
diff --git a/packages/playground/webapp/view/Main.view.xml b/packages/playground/webapp/view/Main.view.xml
index 726f2d79d335..c8304a6c67b0 100644
--- a/packages/playground/webapp/view/Main.view.xml
+++ b/packages/playground/webapp/view/Main.view.xml
@@ -18,7 +18,7 @@
 
 				<ToolbarSpacer></ToolbarSpacer>
 
-				<Label class="version-label" text="v0.9.0">
+				<Label class="version-label" text="v0.10.0">
 					<layoutData>
 						<OverflowToolbarLayoutData priority="NeverOverflow" />
 					</layoutData>
@@ -78,7 +78,7 @@
 				</FlexBox>
 
 				<HBox width="100%" justifyContent="SpaceBetween" alignItems="Center">
-					<Label class="version-label-in-settings" text="v0.9.0" />
+					<Label class="version-label-in-settings" text="v0.10.0" />
 					<HBox class="settings-buttons-wrapper" width="100%" justifyContent="End">
 						<Button type="Transparent" text="Close" press="closeSettingsMenu" class="margin-end custom-button-height" />
 						<Button text="Apply" press="applyChangeSettings" class="custom-button-height" />