@ui5/webcomponents 1.0.1 → 1.1.2

package/src/themes/sap_belize/BrowserScrollbar-parameters.css

@@ -0,0 +1,4 @@
+:root {
+	--browser_scrollbar_border_radius: 0;
+	--browser_scrollbar_border: none;
+}

package/src/themes/sap_belize/Table-parameters.css

@@ -1,4 +1,7 @@
+@import "../base/Table-parameters.css";
+
 :root {
 	--ui5_table_header_row_outline_width: 1px;
 	--ui5_table_multiselect_column_width: 3rem;
+	--ui5_table_header_row_height: 3rem;
 }

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

@@ -1,6 +1,7 @@
 @import "../base/sizes-parameters.css";
 @import "../base/Avatar-parameters.css";
 @import "../base/Badge-parameters.css";
+@import "./BrowserScrollbar-parameters.css";
 @import "../base/BusyIndicator-parameters.css";
 @import "../base/Button-parameters.css";
 @import "../base/DatePicker-parameters.css";

package/src/themes/sap_belize_hcb/BrowserScrollbar-parameters.css

@@ -0,0 +1,4 @@
+:root {
+	--browser_scrollbar_border_radius: 0px;
+	--browser_scrollbar_border: 0.0625rem solid #999;
+}

package/src/themes/sap_belize_hcb/Input-parameters.css

@@ -6,6 +6,7 @@
 	--_ui5-input-border: 1px solid var(--sapField_BorderColor);
 	--_ui5_input_error_warning_border_style: dashed;
 	--_ui5_input_error_warning_font_style: italic;
+	--_ui5_input_error_warning_text_indent: 0.125rem;
 	--_ui5_input_error_font_weight: bold;
 	--_ui5_input_disabled_color: var(--sapContent_DisabledTextColor);
 	--_ui5_input_disabled_font_weight: normal;

package/src/themes/sap_belize_hcb/Table-parameters.css

@@ -3,4 +3,5 @@
 :root {
 	--ui5_table_header_row_outline_width: 0.125rem;
 	--ui5_table_multiselect_column_width: 3rem;
+	--ui5_table_header_row_height: 3rem;
 }

package/src/themes/sap_belize_hcb/Token-parameters.css

@@ -2,4 +2,5 @@
 
 :root {
 	--_ui5_token_border_radius: 0.125rem;
+	--_ui5_token_readonly_background: var(--sapField_ReadOnly_Background);
 }

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

@@ -1,6 +1,7 @@
 @import "../base/sizes-parameters.css";
 @import "./Avatar-parameters.css";
 @import "./Badge-parameters.css";
+@import "./BrowserScrollbar-parameters.css";
 @import "../base/BusyIndicator-parameters.css";
 @import "./Button-parameters.css";
 @import "./CalendarHeader-parameters.css";

package/src/themes/sap_belize_hcw/BrowserScrollbar-parameters.css

@@ -0,0 +1,4 @@
+:root {
+	--browser_scrollbar_border_radius: 0;
+	--browser_scrollbar_border: 0.0625rem solid #585858;
+}

package/src/themes/sap_belize_hcw/Input-parameters.css

@@ -6,6 +6,7 @@
 	--_ui5-input-border: 1px solid var(--sapField_BorderColor);
 	--_ui5_input_error_warning_border_style: dashed;
 	--_ui5_input_error_warning_font_style: italic;
+	--_ui5_input_error_warning_text_indent: 0.125rem;
 	--_ui5_input_error_font_weight: bold;
 	--_ui5_input_disabled_color: var(--sapContent_DisabledTextColor);
 	--_ui5_input_disabled_font_weight: normal;

package/src/themes/sap_belize_hcw/Table-parameters.css

@@ -3,4 +3,5 @@
 :root {
 	--ui5_table_header_row_outline_width: 0.125rem;
 	--ui5_table_multiselect_column_width: 3rem;
+	--ui5_table_header_row_height: 3rem;
 }

package/src/themes/sap_belize_hcw/Token-parameters.css

@@ -2,4 +2,5 @@
 
 :root {
 	--_ui5_token_border_radius: 0.125rem;
+	--_ui5_token__readonly_background: var(--sapField_ReadOnly_Background);
 }

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

@@ -1,6 +1,7 @@
 @import "../base/sizes-parameters.css";
 @import "./Avatar-parameters.css";
 @import "./Badge-parameters.css";
+@import "./BrowserScrollbar-parameters.css";
 @import "../base/BusyIndicator-parameters.css";
 @import "./Button-parameters.css";
 @import "./CalendarHeader-parameters.css";

package/src/themes/sap_fiori_3/TabContainer-parameters.css

@@ -6,7 +6,7 @@
 	/* Header Item */
 	--_ui5_tc_headerItemContent_border_bottom: 0.1875rem solid var(--sapSelectedColor);
 
-	--_ui5_tc_overflowItem_default_color: var(--sapHighlightColor);
+	--_ui5_tc_overflowItem_default_color: var(--sapNeutralTextColor);
 	--_ui5_tc_overflowItem_current_color: CurrentColor;
 	--_ui5_tc_content_border_bottom: 0.0625rem solid var(--sapObjectHeader_BorderColor);
 }

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

@@ -1,6 +1,7 @@
 @import "../base/sizes-parameters.css";
 @import "./Avatar-parameters.css";
 @import "../base/Badge-parameters.css";
+@import "../base/BrowserScrollbar-parameters.css";
 @import "../base/BusyIndicator-parameters.css";
 @import "./Button-parameters.css";
 @import "../base/Card-parameters.css";

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

@@ -1,6 +1,7 @@
 @import "../base/sizes-parameters.css";
 @import "./Avatar-parameters.css";
 @import "../base/Badge-parameters.css";
+@import "../base/BrowserScrollbar-parameters.css";
 @import "../base/BusyIndicator-parameters.css";
 @import "./Button-parameters.css";
 @import "../base/Card-parameters.css";

package/src/themes/sap_fiori_3_hcb/Input-parameters.css

@@ -7,8 +7,15 @@
 	--_ui5-input-information_border_width: var(--sapField_BorderWidth);
 	--_ui5_input_error_warning_border_style: dashed;
 	--_ui5_input_error_warning_font_style: italic;
+	--_ui5_input_error_warning_text_indent: 0.125rem;
+	--_ui5_input_information_font_style: italic;
+	--_ui5_input_information_text_indent: 0.125rem;
 	--_ui5_input_error_font_weight: bold;
+	--_ui5_input_warning_font_weight: bold;
+	--_ui5_input_information_font_weight: bold;
 	--_ui5_input_disabled_color: var(--sapContent_DisabledTextColor);
 	--_ui5_input_disabled_font_weight: normal;
 	--_ui5_input_icon_padding: 0.65rem 0.75rem;
+	--_ui5-input-placeholder-style: normal;
+	--_ui5-input-placeholder-color: var(--sapField_TextColor);
 }

package/src/themes/sap_fiori_3_hcb/TextArea-parameters.css

@@ -5,4 +5,6 @@
 	--_ui5_textarea_warning_border_style: dashed;
 	--_ui5_textarea_error_warning_border_width: 2 * var(--sapField_BorderWidth);
 	--_ui5_textarea_information_border_width: 0.0625rem;
+	--_ui5_textarea_placeholder_font_style: normal;
+	--_ui5_input_warning_font_weight: bold;
 }

package/src/themes/sap_fiori_3_hcb/Token-parameters.css

@@ -1,6 +1,7 @@
 @import "../base/Token-parameters.css";
 
 :root {
-	--_ui5_token_border_radius: 0.125rem;
+	--_ui5_token_border_radius: 0.25rem;
 	--_ui5_token_focus_outline_width: 0.125rem;
+	--_ui5_token_readonly_background: var(--sapField_ReadOnly_Background);
 }

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

@@ -1,6 +1,7 @@
 @import "../base/sizes-parameters.css";
 @import "./Avatar-parameters.css";
 @import "./Badge-parameters.css";
+@import "../base/BrowserScrollbar-parameters.css";
 @import "../base/BusyIndicator-parameters.css";
 @import "./Button-parameters.css";
 @import "./CalendarHeader-parameters.css";

package/src/themes/sap_fiori_3_hcw/Input-parameters.css

@@ -7,8 +7,15 @@
 	--_ui5-input-information_border_width: var(--sapField_BorderWidth);
 	--_ui5_input_error_warning_border_style: dashed;
 	--_ui5_input_error_warning_font_style: italic;
+	--_ui5_input_error_warning_text_indent: 0.125rem;
+	--_ui5_input_information_font_style: italic;
+	--_ui5_input_information_text_indent: 0.125rem;
 	--_ui5_input_error_font_weight: bold;
+	--_ui5_input_warning_font_weight: bold;
+	--_ui5_input_information_font_weight: bold;
 	--_ui5_input_disabled_color: var(--sapContent_DisabledTextColor);
 	--_ui5_input_disabled_font_weight: normal;
 	--_ui5_input_icon_padding: 0.65rem 0.75rem;
+	--_ui5-input-placeholder-style: normal;
+	--_ui5-input-placeholder-color: var(--sapField_TextColor);
 }

package/src/themes/sap_fiori_3_hcw/TextArea-parameters.css

@@ -5,4 +5,6 @@
 	--_ui5_textarea_warning_border_style: dashed;
 	--_ui5_textarea_error_warning_border_width: 2 * var(--sapField_BorderWidth);
 	--_ui5_textarea_information_border_width: 0.0625rem;
+	--_ui5_textarea_placeholder_font_style: normal;
+	--_ui5_input_warning_font_weight: bold;
 }

package/src/themes/sap_fiori_3_hcw/Token-parameters.css

@@ -1,6 +1,7 @@
 @import "../base/Token-parameters.css";
 
 :root {
-	--_ui5_token_border_radius: 0.125rem;
+	--_ui5_token_border_radius: 0.25rem;
 	--_ui5_token_focus_outline_width: 0.125rem;
+	--_ui5_token_readonly_background: var(--sapField_ReadOnly_Background);
 }

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

@@ -1,6 +1,7 @@
 @import "../base/sizes-parameters.css";
 @import "./Avatar-parameters.css";
 @import "./Badge-parameters.css";
+@import "../base/BrowserScrollbar-parameters.css";
 @import "../base/BusyIndicator-parameters.css";
 @import "./Button-parameters.css";
 @import "./CalendarHeader-parameters.css";

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

@@ -2,7 +2,6 @@
 
 :root {
 	--_ui5_card_hover_box_shadow: var(--sapContent_Shadow1);
-	--_ui5_card_border-radius: 1rem;
 	--_ui5_card_header_focus_offset: 0px;
 	--_ui5_card_header_focus_radius: var(--_ui5_card_border-radius);
 	--_ui5_card_header_title_font_family: var(--sapFontHeaderFamily);

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

@@ -4,4 +4,5 @@
 	--ui5_table_bottom_border: none;
 	--ui5_table_header_row_outline_width: var(--sapContent_FocusWidth);
 	--ui5_table_header_row_font_weight: bold;
+	--ui5_table_header_row_height: 2.75rem;
 }

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

@@ -1,6 +1,7 @@
 @import "./sizes-parameters.css";
 @import "./Avatar-parameters.css";
 @import "../base/Badge-parameters.css";
+@import "../base/BrowserScrollbar-parameters.css";
 @import "./BusyIndicator-parameters.css";
 @import "./Button-parameters.css";
 @import "../base/Card-parameters.css";

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

@@ -1,6 +1,7 @@
 @import "../base/sizes-parameters.css";
 @import "../base/Avatar-parameters.css";
 @import "../base/Badge-parameters.css";
+@import "../base/BrowserScrollbar-parameters.css";
 @import "./Button-parameters.css";
 @import "./Badge-parameters.css";
 @import "../base/Card-parameters.css";

package/src/types/HasPopup.js

@@ -0,0 +1,62 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * Different types of HasPopup.
+ * @lends sap.ui.webcomponents.main.types.HasPopup.prototype
+ * @public
+ */
+const PopupTypes = {
+	/**
+	 * Dialog popup type.
+	 * @public
+	 * @type {Dialog}
+	 */
+	Dialog: "Dialog",
+
+	/**
+	 * Grid popup type.
+	 * @public
+	 * @type {Grid}
+	 */
+	Grid: "Grid",
+
+	/**
+	 * ListBox popup type.
+	 * @public
+	 * @type {ListBox}
+	 */
+	ListBox: "ListBox",
+
+	 /**
+	  * Menu popup type.
+	  * @public
+	  * @type {Menu}
+	  */
+	Menu: "Menu",
+
+	 /**
+	  * Tree popup type.
+	  * @public
+	  * @type {Tree}
+	  */
+	Tree: "Tree",
+};
+
+/**
+ * @class
+ * Different types of HasPopup.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.types.HasPopup
+ * @public
+ * @enum {string}
+ */
+class HasPopup extends DataType {
+	static isValid(value) {
+		return !!PopupTypes[value];
+	}
+}
+
+HasPopup.generateTypeAccessors(PopupTypes);
+
+export default HasPopup;

package/src/types/TabsOverflowMode.js

@@ -0,0 +1,40 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.main.types.TabsOverflowMode.prototype
+ * @public
+ */
+const TabsOverflowModes = {
+	/**
+	 * End type is used if there should be only one overflow with hidden the tabs at the end of the tab container.
+	 * @public
+	 * @type {End}
+	 */
+	End: "End",
+
+	/**
+	 * StartAndEnd type is used if there should be two overflows on both ends of the tab container.
+	 * @public
+	 * @type {StartAndEnd}
+	 */
+	StartAndEnd: "StartAndEnd",
+};
+
+/**
+ * @class
+ * Different types of overflow modes.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.types.TabsOverflowMode
+ * @public
+ * @enum {string}
+ */
+class TabsOverflowMode extends DataType {
+	static isValid(value) {
+		return !!TabsOverflowModes[value];
+	}
+}
+
+TabsOverflowMode.generateTypeAccessors(TabsOverflowModes);
+
+export default TabsOverflowMode;

package/csp.js

@@ -1,7 +0,0 @@
-import { setPackageCSSRoot, setUseLinks } from "@ui5/webcomponents-base/dist/CSP.js";
-
-setUseLinks(false); // !document.adoptedStyleSheets
-setPackageCSSRoot("@ui5/webcomponents-base", "/resources/css/base/");
-setPackageCSSRoot("@ui5/webcomponents-theming", "/resources/css/theming/");
-setPackageCSSRoot("@ui5/webcomponents", "/resources/css/main/");
-setPackageCSSRoot("@ui5/webcomponents-fiori", "/css/");

package/dist/generated/templates/TabSeparatorTemplate.lit.js

@@ -1,7 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-
-const block0 = (context, tags, suffix) => html`<li id="${ifDefined(context._id)}" role="separator"></li>`;
-
-
-export default block0;

package/src/TabSeparator.hbs

@@ -1 +0,0 @@
-<li id="{{_id}}" role="separator"></li>