@ui5/webcomponents 1.4.0 → 1.5.0

package/src/themes/MultiComboBox.css

@@ -22,20 +22,6 @@
 	height: 100%;
 }
 
-/* Workaround for IE */
-[ui5-multi-combobox] {
-	width: 100%;
-}
-
-[ui5-multi-combobox] [ui5-tokenizer] {
-	flex: 3;
-}
-
-[ui5-icon] {
-	border-top-right-radius: var(--ui5-multi_bombobox_icon_border_top_right_radius);
-    border-bottom-right-radius: var(--ui5-multi_bombobox_icon_border_bottom_right_radius);
-}
-
 :host([readonly]) .ui5-multi-combobox-tokenizer::part(n-more-text) {
 	color: var(--sapLinkColor);
-}
+}

package/src/themes/MultiInput.css

@@ -8,11 +8,6 @@
 	height: 100%;
 }
 
-/* Workaround for IE */
-[ui5-multi-input] [ui5-tokenizer] {
-	flex: 3;
-}
-
 :host([readonly]) .ui5-multi-input-tokenizer::part(n-more-text) {
 	color: var(--sapLinkColor);
-}
+}

package/src/themes/Panel.css

@@ -41,7 +41,7 @@
 	pointer-events: none;
 }
 
-:host(:not([_has-header]):not([fixed])) {
+:host(:not([_has-header]):not([fixed])) .ui5-panel-header {
 	cursor: pointer;
 }
 

package/src/themes/PopupsCommon.css

@@ -20,12 +20,6 @@
     outline: none;
 }
 
-@media screen and (-ms-high-contrast: active) {
-    .ui5-popup-root {
-        border: 1px solid var(--sapPageFooter_BorderColor);
-    }
-}
-
 .ui5-popup-root .ui5-popup-header-root {
     color: var(--sapPageHeader_TextColor);
     box-shadow: var(--sapContent_HeaderShadow);
@@ -47,14 +41,14 @@
 :host([header-text]) .ui5-popup-header-text {
     margin: 0;
     font-size: 1rem;
-    font-family: "72override", var(--sapFontFamily);
+    font-family: "72override", var(--_ui5_popup_header_font_family);
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 .ui5-popup-header-root .ui5-popup-header-text {
-	font-weight: var(--_ui5_popup_header_footer_font_weight);
+	font-weight: var(--_ui5_popup_header_font_weight);
 }
 
 .ui5-popup-content {

package/src/themes/ResponsivePopoverCommon.css

@@ -79,11 +79,6 @@
 	color: var(--sapField_PlaceholderTextColor);
 }
 
-[inner-input]:-ms-input-placeholder {
-	font-style: italic;
-	color: var(--sapField_PlaceholderTextColor);
-}
-
 .input-root-phone[value-state]:not([value-state="None"]) {
 	border-width: var(--_ui5_input_state_border_width);
 }
@@ -161,12 +156,6 @@
 	border-color: var(--_ui5_input_focused_value_state_information_border_color);
 }
 
-/* Remove IE's defaut clear button */
-[inner-input]::-ms-clear {
-	height: 0;
-	width: 0;
-}
-
 /* MultiComboBox & MultiInput specific */
 .ui5-multi-combobox-toggle-button {
 	margin-left: 0.5rem;

package/src/themes/SliderBase.css

@@ -11,7 +11,6 @@
 	cursor: pointer;
 	vertical-align: top;
 	width: 100%;
-	height: 3.3125rem;
 }
 
 :host(:not([hidden])) {
@@ -21,10 +20,9 @@
 .ui5-slider-root {
 	box-sizing: border-box;
 	height: 3.3125rem;
-	padding: 1rem 0;
 	outline: none;
+	padding: var(--_ui5_slider_padding);
 	touch-action: none;
-	-ms-touch-action: pan-y;
 }
 
 .ui5-slider-inner {
@@ -147,7 +145,7 @@
 	outline: var(--_ui5_slider_handle_active_focused_outline);
 }
 
-.ui5-slider-handle.ui5-slider-handle--start:focus, 
+.ui5-slider-handle.ui5-slider-handle--start:focus,
 .ui5-slider-handle--end:focus {
 	border: var(--_ui5_slider_handle_focus_border);
 }
@@ -245,4 +243,4 @@
 	position: absolute;
 	border-radius: var(--_ui5_slider_handle_border_radius);
 	pointer-events: none;
-}
+}

package/src/themes/Switch.css

@@ -110,7 +110,6 @@
 	white-space: nowrap;
 	user-select: none;
 	-webkit-user-select: none;
-	-ms-user-select: none;
 }
 
 .ui5-switch-handle,
@@ -262,7 +261,7 @@
 .ui5-switch-root.ui5-switch--no-label .ui5-switch-text {
 	display: flex;
 	justify-content: center;
-	
+
 }
 
 .ui5-switch--no-label .ui5-switch-no-label-icon-on,
@@ -276,7 +275,7 @@
 .ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-off {
 	width: var(--_ui5_switch_icon_width);
 	height: var(--_ui5_switch_icon_height)
-} 
+}
 
 .ui5-switch-root .ui5-switch-text {
 	font-family: var(--_ui5_switch_text_font_family);
@@ -295,7 +294,7 @@
 
 :host([active]) .ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled) .ui5-switch-track {
 	background: var( --_ui5-switch_track-off-active-background);
-} 
+}
 
 /* active & on */
 

package/src/themes/TextArea.css

@@ -145,13 +145,6 @@
 	color: var(--sapField_PlaceholderTextColor);
 }
 
-.ui5-textarea-inner:-ms-input-placeholder {
-	/* IE 10+ */
-	font-weight: normal;
-	font-style: var(--_ui5_textarea_placeholder_font_style);
-	color: var(--sapField_PlaceholderTextColor);
-}
-
 .ui5-textarea-inner:-moz-placeholder {
 	/* Firefox 18- */
 	font-weight: normal;
@@ -173,13 +166,6 @@
 	color: var(--_ui5_textarea_error_placeholder_color);
 }
 
-:host([value-state="Error"]) .ui5-textarea-inner:-ms-input-placeholder {
-	/* IE 10+ */
-	font-weight: var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight);
-	font-style: var(--_ui5_textarea_error_placeholder_font_style);
-	color: var(--_ui5_textarea_error_placeholder_color);
-}
-
 :host([value-state="Error"]) .ui5-textarea-inner:-moz-placeholder {
 	/* Firefox 18- */
 	font-weight: var(--_ui5_textarea_value_state_error_warning_placeholder_font_weight);
@@ -366,4 +352,4 @@
 
 :host([focused]) ::-webkit-scrollbar {
 	background-image: none;
-}
+}

package/src/themes/Toast.css

@@ -30,12 +30,6 @@
 	white-space: pre-line;
 }
 
-@media screen and (-ms-high-contrast: active) {
-    .ui5-toast-root {
-        border: 1px solid var(--sapPageFooter_BorderColor);
-    }
-}
-
 :host(:not([placement])) .ui5-toast-root {
 	bottom: var(--_ui5_toast_vertical_offset);
 	left: 50%;

package/src/themes/ToggleButton.css

@@ -2,11 +2,6 @@
 	display: inline-block;
 }
 
-/* this line is also included from the Button.css, but keep it here in case we start using it for automatic IE11 compilation */
-:host([disabled]) {
-	pointer-events: none;
-}
-
 :host([pressed]),
 :host([design="Default"][pressed]),
 :host([design="Transparent"][pressed]),
@@ -125,4 +120,4 @@
 	background: var(--sapButton_Attention_Selected_Background);
 	border-color: var(--sapButton_Attention_Selected_BorderColor);
 	color: var(--sapButton_Attention_Selected_TextColor);
-}
+}

package/src/themes/YearPicker.css

@@ -36,7 +36,6 @@
 	box-sizing: border-box;
 	-webkit-user-select: none;
 	-moz-user-select: none;
-	-ms-user-select: none;
 	user-select: none;
 	cursor: default;
 	outline: none;

package/src/themes/base/PopupsCommon-parameters.css

@@ -6,7 +6,8 @@
 	--_ui5_popup_header_footer_padding_m_l: 2rem;
 	--_ui5_popup_header_footer_padding_xl: 3rem;
 	--_ui5_popup_viewport_margin: 10px;
-	--_ui5_popup_header_footer_font_weight: 400;
+	--_ui5_popup_header_font_weight: 400;
+	--_ui5_popup_header_font_family: var(--sapFontFamily);
 	--_ui5_popup_header_prop_header_text_alignment: flex-start;
 	--_ui5_popup_border_radius: var(--sapElement_BorderCornerRadius);
 }

package/src/themes/base/SliderBase-parameters.css

@@ -4,6 +4,7 @@
 	--_ui5_slider_progress_container_dot_display: none;
 	--_ui5_slider_progress_container_dot_background: var(--sapField_BorderColor);
 	--_ui5_slider_progress_border: none;
+	--_ui5_slider_padding: 1.406rem 1.0625rem;
 	--_ui5_slider_inner_height: 0.25rem;
 	--_ui5_slider_outer_height: 1.6875rem;
 	--_ui5_slider_progress_border_radius: 0.25rem;
@@ -100,4 +101,5 @@
 	--_ui5_slider_handle_focused_top: -0.625rem;
 	--_ui5_slider_handle_focused_margin_left: -0.75rem;
 	--_ui5_slider_handle_icon_size: .875rem;
+	--_ui5_slider_padding: 1rem 1.0625rem;
 }

package/src/themes/base/sizes-parameters.css

@@ -34,6 +34,7 @@
 
 	/* Dialog */
 	--_ui5_dialog_content_min_height: 2.75rem;
+    --_ui5_dialog_footer_height: 2.75rem;
 
 	--_ui5_input_inner_padding: 0 0.625rem;
 	--_ui5_input_inner_padding_with_icon: 0 0.25rem 0 0.625rem;
@@ -51,6 +52,7 @@
 	--_ui5_list_item_icon_size: 1.125rem;
 	--_ui5_list_item_icon_padding-inline-end: 0.5rem;
 	--_ui5_list_item_selection_btn_margin_top: calc(-1 * var(--_ui5_checkbox_wrapper_padding));
+	--_ui5_list_item_content_vertical_offset: calc((var(--_ui5_list_item_base_height) - var(--_ui5_list_item_title_size)) / 2);
 	--_ui5_group_header_list_item_height: 2.75rem;
 	--_ui5_list_busy_row_height: 3rem;
 	--_ui5_month_picker_item_height: 3rem;
@@ -80,7 +82,7 @@
 	--_ui5_switch_with_label_width: var(--_ui5_switch_with_label_width);
 
 	--_ui5_switch_root_outline_top: var(--_ui5_switch_root_outline_top);
-	--_ui5_switch_root_outline_bottom: var(--_ui5_switch_root_outline_bottom);	
+	--_ui5_switch_root_outline_bottom: var(--_ui5_switch_root_outline_bottom);
 
 	--_ui5_switch_track_width: var(--_ui5_switch_track_width);
 	--_ui5_switch_track_height: var(--_ui5_switch_track_height);
@@ -229,6 +231,7 @@
 
 	/* Dialog */
 	--_ui5_dialog_content_min_height: 2.5rem;
+    --_ui5_dialog_footer_height: 2.5rem;
 
 	/* Input */
 	--_ui5_input_height: var(--_ui5_input_compact_height);
@@ -265,6 +268,7 @@
 	--_ui5_list_item_base_height: 2rem;
 	--_ui5_list_item_icon_size: 1rem;
 	--_ui5_list_item_selection_btn_margin_top: calc(-1 * var(--_ui5_checkbox_wrapper_padding));
+	--_ui5_list_item_content_vertical_offset: calc((var(--_ui5_list_item_base_height) - var(--_ui5_list_item_title_size)) / 2);
 	--_ui5_list_busy_row_height: 2rem;
 	--_ui5_list_buttons_left_space: 0.125rem;
 

package/src/themes/sap_horizon/CheckBox-parameters.css

@@ -4,6 +4,7 @@
 	--_ui5_checkbox_wrapper_padding: .6875rem;
 	--_ui5_checkbox_width_height: 2.75rem;
 	--_ui5_checkbox_icon_size: 1rem;
+	--_ui5_checkbox_label_color: var(--sapField_TextColor);
 	/* default checkbox*/
 	--_ui5_checkbox_inner_border: solid var(--sapField_BorderWidth) var(--sapField_BorderColor);
 	--_ui5_checkbox_inner_active_border_color: var(--sapField_BorderColor);

package/src/themes/sap_horizon/PopupsCommon-parameters.css

@@ -1,3 +1,6 @@
+@import "../base/PopupsCommon-parameters.css";
+
 :root {
+	--_ui5_popup_header_font_family: var(--sapFontHeaderFamily);
 	--_ui5_popup_border_radius: 0.5rem;
 }

package/src/themes/sap_horizon/parameters-bundle.css

@@ -29,7 +29,6 @@
 @import "./MonthPicker-parameters.css";
 @import "./MessageStrip-parameters.css";
 @import "./Panel-parameters.css";
-@import "../base/PopupsCommon-parameters.css";
 @import "./PopupsCommon-parameters.css";
 @import "./ProgressIndicator-parameters.css";
 @import "../base/RadioButton-parameters.css";

package/src/themes/sap_horizon_dark/CheckBox-parameters.css

@@ -4,6 +4,7 @@
 	--_ui5_checkbox_wrapper_padding: .6875rem;
 	--_ui5_checkbox_width_height: 2.75rem;
 	--_ui5_checkbox_icon_size: 1rem;
+	--_ui5_checkbox_label_color: var(--sapField_TextColor);
 	/* default checkbox*/
 	--_ui5_checkbox_inner_border: solid var(--sapField_BorderWidth) var(--sapField_BorderColor);
 	--_ui5_checkbox_inner_active_border_color: var(--sapField_BorderColor);

package/src/themes/sap_horizon_dark/PopupsCommon-parameters.css

@@ -1,3 +1,6 @@
+@import "../base/PopupsCommon-parameters.css";
+
 :root {
+	--_ui5_popup_header_font_family: var(--sapFontHeaderFamily);
 	--_ui5_popup_border_radius: 0.5rem;
 }

package/src/themes/sap_horizon_dark/parameters-bundle.css

@@ -29,7 +29,6 @@
 @import "./MonthPicker-parameters.css";
 @import "./MessageStrip-parameters.css";
 @import "./Panel-parameters.css";
-@import "../base/PopupsCommon-parameters.css";
 @import "./PopupsCommon-parameters.css";
 @import "../sap_horizon/ProgressIndicator-parameters.css";
 @import "../base/RadioButton-parameters.css";

package/src/themes/sap_horizon_hcb/CheckBox-parameters.css

@@ -4,6 +4,7 @@
 	--_ui5_checkbox_wrapper_padding: .6875rem;
 	--_ui5_checkbox_width_height: 2.75rem;
 	--_ui5_checkbox_icon_size: 1rem;
+	--_ui5_checkbox_label_color: var(--sapField_TextColor);
 	/* default checkbox*/
 	--_ui5_checkbox_inner_border: solid var(--sapField_BorderWidth) var(--sapField_BorderColor);
 	--_ui5_checkbox_inner_active_border_color: var(--sapField_BorderColor);

package/src/themes/sap_horizon_hcb/PopupsCommon-parameters.css

@@ -1,3 +1,6 @@
+@import "../base/PopupsCommon-parameters.css";
+
 :root {
+	--_ui5_popup_header_font_family: var(--sapFontHeaderFamily);
 	--_ui5_popup_border_radius: 0.5rem;
 }

package/src/themes/sap_horizon_hcb/RatingIndicator-parameters.css

@@ -1,7 +1,7 @@
 @import "../base/RatingIndicator-parameters.css";
 
 :root {
-	--_ui5_rating_indicator_border_radius: 0.25rem;
+	--_ui5_rating_indicator_outline_offset: 0.0625rem;
 	--_ui5_rating_indicator_readonly_item_height: 0.75em;
 	--_ui5_rating_indicator_readonly_item_width: 0.75em;
 	--_ui5_rating_indicator_readonly_item_spacing: 0.1875rem 0.1875rem;

package/src/themes/sap_horizon_hcb/parameters-bundle.css

@@ -27,7 +27,6 @@
 @import "./MonthPicker-parameters.css";
 @import "./MessageStrip-parameters.css";
 @import "./Panel-parameters.css";
-@import "../base/PopupsCommon-parameters.css";
 @import "./PopupsCommon-parameters.css";
 @import "./ProgressIndicator-parameters";
 @import "./RadioButton-parameters.css";

package/src/themes/sap_horizon_hcw/CheckBox-parameters.css

@@ -4,6 +4,7 @@
 	--_ui5_checkbox_wrapper_padding: .6875rem;
 	--_ui5_checkbox_width_height: 2.75rem;
 	--_ui5_checkbox_icon_size: 1rem;
+	--_ui5_checkbox_label_color: var(--sapField_TextColor);
 	/* default checkbox*/
 	--_ui5_checkbox_inner_border: solid var(--sapField_BorderWidth) var(--sapField_BorderColor);
 	--_ui5_checkbox_inner_active_border_color: var(--sapField_BorderColor);

package/src/themes/sap_horizon_hcw/PopupsCommon-parameters.css

@@ -1,3 +1,6 @@
+@import "../base/PopupsCommon-parameters.css";
+
 :root {
+	--_ui5_popup_header_font_family: var(--sapFontHeaderFamily);
 	--_ui5_popup_border_radius: 0.5rem;
 }

package/src/themes/sap_horizon_hcw/RatingIndicator-parameters.css

@@ -1,7 +1,7 @@
 @import "../base/RatingIndicator-parameters.css";
 
 :root {
-	--_ui5_rating_indicator_border_radius: 0.25rem;
+	--_ui5_rating_indicator_outline_offset: 0.0625rem;;
 	--_ui5_rating_indicator_readonly_item_height: 0.75em;
 	--_ui5_rating_indicator_readonly_item_width: 0.75em;
 	--_ui5_rating_indicator_readonly_item_spacing: 0.1875rem 0.1875rem;

package/src/themes/sap_horizon_hcw/parameters-bundle.css

@@ -27,7 +27,6 @@
 @import "./MonthPicker-parameters.css";
 @import "./MessageStrip-parameters.css";
 @import "./Panel-parameters.css";
-@import "../base/PopupsCommon-parameters.css";
 @import "./PopupsCommon-parameters.css";
 @import "../sap_horizon_hcb/ProgressIndicator-parameters";
 @import "./RadioButton-parameters.css";

package/dist/css/themes/Button.ie11.css

@@ -1 +0,0 @@
-[ui5-button][focused]{outline:none}[ui5-button][focused] .ui5-button-root{position:relative}[ui5-button][focused] .ui5-button-root:after{content:"";position:absolute;border-width:1px;border-style:dotted;border-color:var(--_ui5_button_focus_color);top:var(--_ui5_button_focus_offset);bottom:var(--_ui5_button_focus_offset);left:var(--_ui5_button_focus_offset);right:var(--_ui5_button_focus_offset)}[ui5-button][active] .ui5-button-root:after{border-color:var(--sapContent_ContrastFocusColor)}[ui5-button][design=Positive][focused] .ui5-button-root:after{border-color:var(--_ui5_button_positive_border_focus_hover_color)}[ui5-button][design=Positive][active][focused] .ui5-button-root:after{border-color:var(--sapContent_ContrastFocusColor)}[ui5-button][design=Negative][focused] .ui5-button-root:after{border-color:var(--_ui5_button_positive_border_focus_hover_color)}[ui5-button][design=Negative][active][focused] .ui5-button-root:after{border-color:var(--sapContent_ContrastFocusColor)}[ui5-button][design=Emphasized][focused] .ui5-button-root:after{border-color:var(--sapContent_ContrastFocusColor)}[ui5-button] [ui5-icon].ui5-button-icon{height:var(--_ui5_button_icon_font_size);top:0}

package/dist/css/themes/ToggleButton.ie11.css

@@ -1 +0,0 @@
-[ui5-toggle-button][focused]{outline:none}[ui5-toggle-button][focused] .ui5-button-root{position:relative}[ui5-toggle-button][focused] .ui5-button-root:after{content:"";position:absolute;border-width:1px;border-style:dotted;border-color:var(--_ui5_button_focus_color);top:var(--_ui5_button_focus_offset);bottom:var(--_ui5_button_focus_offset);left:var(--_ui5_button_focus_offset);right:var(--_ui5_button_focus_offset)}[ui5-toggle-button][active] .ui5-button-root:after{border-color:var(--sapContent_ContrastFocusColor)}[ui5-toggle-button][design=Positive][focused] .ui5-button-root:after{border-color:var(--_ui5_button_positive_border_focus_hover_color)}[ui5-toggle-button][design=Positive][active][focused] .ui5-button-root:after{border-color:var(--sapContent_ContrastFocusColor)}[ui5-toggle-button][design=Negative][focused] .ui5-button-root:after{border-color:var(--_ui5_button_positive_border_focus_hover_color)}[ui5-toggle-button][design=Negative][active][focused] .ui5-button-root:after{border-color:var(--sapContent_ContrastFocusColor)}[ui5-toggle-button][design=Emphasized][focused] .ui5-button-root:after{border-color:var(--sapContent_ContrastFocusColor)}[ui5-toggle-button] [ui5-icon].ui5-button-icon{height:var(--_ui5_button_icon_font_size);top:0}

package/dist/generated/themes/Button.ie11.css.js

@@ -1,8 +0,0 @@
-import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
-
-import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js";
-import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
-
-registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase);
-registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", () => defaultTheme);
-export default {packageName:"@ui5/webcomponents",fileName:"themes/Button.ie11.css",content:"[ui5-button][focused]{outline:none}[ui5-button][focused] .ui5-button-root{position:relative}[ui5-button][focused] .ui5-button-root:after{content:\"\";position:absolute;border-width:1px;border-style:dotted;border-color:var(--_ui5_button_focus_color);top:var(--_ui5_button_focus_offset);bottom:var(--_ui5_button_focus_offset);left:var(--_ui5_button_focus_offset);right:var(--_ui5_button_focus_offset)}[ui5-button][active] .ui5-button-root:after{border-color:var(--sapContent_ContrastFocusColor)}[ui5-button][design=Positive][focused] .ui5-button-root:after{border-color:var(--_ui5_button_positive_border_focus_hover_color)}[ui5-button][design=Positive][active][focused] .ui5-button-root:after{border-color:var(--sapContent_ContrastFocusColor)}[ui5-button][design=Negative][focused] .ui5-button-root:after{border-color:var(--_ui5_button_positive_border_focus_hover_color)}[ui5-button][design=Negative][active][focused] .ui5-button-root:after{border-color:var(--sapContent_ContrastFocusColor)}[ui5-button][design=Emphasized][focused] .ui5-button-root:after{border-color:var(--sapContent_ContrastFocusColor)}[ui5-button] [ui5-icon].ui5-button-icon{height:var(--_ui5_button_icon_font_size);top:0}"}

package/dist/generated/themes/ToggleButton.ie11.css.js

@@ -1,8 +0,0 @@
-import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
-
-import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js";
-import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
-
-registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", () => defaultThemeBase);
-registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", () => defaultTheme);
-export default {packageName:"@ui5/webcomponents",fileName:"themes/ToggleButton.ie11.css",content:"[ui5-toggle-button][focused]{outline:none}[ui5-toggle-button][focused] .ui5-button-root{position:relative}[ui5-toggle-button][focused] .ui5-button-root:after{content:\"\";position:absolute;border-width:1px;border-style:dotted;border-color:var(--_ui5_button_focus_color);top:var(--_ui5_button_focus_offset);bottom:var(--_ui5_button_focus_offset);left:var(--_ui5_button_focus_offset);right:var(--_ui5_button_focus_offset)}[ui5-toggle-button][active] .ui5-button-root:after{border-color:var(--sapContent_ContrastFocusColor)}[ui5-toggle-button][design=Positive][focused] .ui5-button-root:after{border-color:var(--_ui5_button_positive_border_focus_hover_color)}[ui5-toggle-button][design=Positive][active][focused] .ui5-button-root:after{border-color:var(--sapContent_ContrastFocusColor)}[ui5-toggle-button][design=Negative][focused] .ui5-button-root:after{border-color:var(--_ui5_button_positive_border_focus_hover_color)}[ui5-toggle-button][design=Negative][active][focused] .ui5-button-root:after{border-color:var(--sapContent_ContrastFocusColor)}[ui5-toggle-button][design=Emphasized][focused] .ui5-button-root:after{border-color:var(--sapContent_ContrastFocusColor)}[ui5-toggle-button] [ui5-icon].ui5-button-icon{height:var(--_ui5_button_icon_font_size);top:0}"}

package/src/themes/Button.ie11.css

@@ -1,48 +0,0 @@
-[ui5-button][focused] {
-    outline: none;
-}
-
-[ui5-button][focused] .ui5-button-root {
-    position: relative;
-}
-
-[ui5-button][focused] .ui5-button-root::after {
-    content: "";
-    position: absolute;
-    border-width: 1px;
-    border-style: dotted;
-    border-color: var(--_ui5_button_focus_color);
-    top: var(--_ui5_button_focus_offset);
-    bottom: var(--_ui5_button_focus_offset);
-    left: var(--_ui5_button_focus_offset);
-    right: var(--_ui5_button_focus_offset);
-}
-
-[ui5-button][active] .ui5-button-root::after {
-    border-color: var(--sapContent_ContrastFocusColor);
-}
-
-[ui5-button][design="Positive"][focused] .ui5-button-root::after {
-    border-color: var(--_ui5_button_positive_border_focus_hover_color);
-}
-
-[ui5-button][design="Positive"][active][focused] .ui5-button-root::after {
-    border-color: var(--sapContent_ContrastFocusColor);
-}
-
-[ui5-button][design="Negative"][focused] .ui5-button-root::after {
-    border-color: var(--_ui5_button_positive_border_focus_hover_color);
-}
-
-[ui5-button][design="Negative"][active][focused] .ui5-button-root::after {
-    border-color: var(--sapContent_ContrastFocusColor);
-}
-
-[ui5-button][design="Emphasized"][focused] .ui5-button-root::after {
-    border-color: var(--sapContent_ContrastFocusColor);
-}
-
-[ui5-button] [ui5-icon].ui5-button-icon {
-    height: var(--_ui5_button_icon_font_size); /* Center vertically all icons*/
-    top: 0;
-}

package/src/themes/ToggleButton.ie11.css

@@ -1,48 +0,0 @@
-[ui5-toggle-button][focused] {
-    outline: none;
-}
-
-[ui5-toggle-button][focused] .ui5-button-root {
-    position: relative;
-}
-
-[ui5-toggle-button][focused] .ui5-button-root::after {
-    content: "";
-    position: absolute;
-    border-width: 1px;
-    border-style: dotted;
-    border-color: var(--_ui5_button_focus_color);
-    top: var(--_ui5_button_focus_offset);
-    bottom: var(--_ui5_button_focus_offset);
-    left: var(--_ui5_button_focus_offset);
-    right: var(--_ui5_button_focus_offset);
-}
-
-[ui5-toggle-button][active] .ui5-button-root::after {
-    border-color: var(--sapContent_ContrastFocusColor);
-}
-
-[ui5-toggle-button][design="Positive"][focused] .ui5-button-root::after {
-    border-color: var(--_ui5_button_positive_border_focus_hover_color);
-}
-
-[ui5-toggle-button][design="Positive"][active][focused] .ui5-button-root::after {
-    border-color: var(--sapContent_ContrastFocusColor);
-}
-
-[ui5-toggle-button][design="Negative"][focused] .ui5-button-root::after {
-    border-color: var(--_ui5_button_positive_border_focus_hover_color);
-}
-
-[ui5-toggle-button][design="Negative"][active][focused] .ui5-button-root::after {
-    border-color: var(--sapContent_ContrastFocusColor);
-}
-
-[ui5-toggle-button][design="Emphasized"][focused] .ui5-button-root::after {
-    border-color: var(--sapContent_ContrastFocusColor);
-}
-
-[ui5-toggle-button] [ui5-icon].ui5-button-icon {
-    height: var(--_ui5_button_icon_font_size); /* Center vertically all icons*/
-    top: 0;
-}