npm - @ui5/webcomponents - Versions diffs - 2.8.0 → 2.8.1-rc.0 - Mend

@ui5/webcomponents 2.8.0 → 2.8.1-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (440) hide show

package/src/themes/ListItemBase.css CHANGED Viewed

@@ -27,19 +27,19 @@
 :host([selected]) {
 	background-color: var(--sapList_SelectionBackgroundColor);
 	border-bottom: var(--ui5-listitem-selected-border-bottom);
+}
-	.ui5-li-additional-text {
-		text-shadow: var(--sapContent_TextShadow);
-	}
+:host([selected]) .ui5-li-additional-text {
+	text-shadow: var(--sapContent_TextShadow);
 }
 /* hovered */
 :host([actionable]:not([active]):not([selected]):not([ui5-li-group-header]):hover) {
     background-color: var(--sapList_Hover_Background);
+}
-	.ui5-li-additional-text {
-		text-shadow: var(--sapContent_TextShadow);
-	}
+:host([actionable]:not([active]):not([selected]):not([ui5-li-group-header]):hover) .ui5-li-additional-text {
+	text-shadow: var(--sapContent_TextShadow);
 }
 /* selected and hovered */

package/src/themes/MessageStrip.css CHANGED Viewed

@@ -211,14 +211,14 @@
 }
 :host([design="ColorSet2"]) .ui5-message-strip-close-button,
-:host([design="ColorSet2"]) .ui5-message-strip-root ::slotted([slot="icon"]) {
+:host([design="ColorSet2"]) .ui5-message-strip-root ::slotted([slot="icon"]) {
 	color: var(--sapContent_IconColor);
 }
 :host([design="ColorSet1"]) .ui5-message-strip-close-button:hover {
 	border-color: var(--sapContent_ContrastIconColor);
 	background-color: var(--_ui5_message_strip_close_button_color_set_1_background);
-	color: var(--_ui5_message_strip_close_button_color_set_1_hover_color);
+	color: var(--_ui5_message_strip_close_button_color_set_1_color);
 	text-shadow: var(--sapContent_ContrastTextShadow);
 }
@@ -241,4 +241,4 @@
 :host([design="ColorSet1"]) .ui5-message-strip-close-button::part(button):after,
 :host([design="ColorSet1"]) .ui5-message-strip-close-button::part(button):before {
 	border-color: var(--sapContent_ContrastFocusColor);
-}
+}

package/src/themes/base/InputIcon-parameters.css CHANGED Viewed

@@ -1,8 +1,8 @@
 :root {
 	--_ui5_input_icon_padding: .5625rem;
-	--_ui5_input_icon_color: var(--sapContent_IconColor);
+	--_ui5_input_icon_color: var(--sapField_TextColor);
 	--_ui5_input_icon_pressed_color: var(--sapButton_Active_TextColor);
-	--_ui5_input_icon_pressed_bg: var(--sapButton_Selected_Background);
+	--_ui5_input_icon_pressed_bg: var(--sapField_Hover_Background);
 	--_ui5_input_icon_hover_bg: var(--sapButton_Lite_Hover_Background);
 	--_ui5_input_icon_border_radius: 0;
 	--_ui5_input_icon_box_shadow: none;

package/src/themes/base/MessageStrip-parameters.css CHANGED Viewed

@@ -8,18 +8,17 @@
 	--_ui5_message_strip_padding_block_no_icon: 0.4375rem 0.4375rem;
 	--_ui5_message_strip_padding_inline_no_icon: 1rem 2.5rem;
 	--_ui5_message_strip_button_height: 1.625rem;
-	--_ui5_message_strip_border_width: 1px;
+	--_ui5_message_strip_border_width: var(--sapMessage_BorderWidth);
 	--_ui5_message_strip_close_button_border: none;
 	--_ui5_message_strip_icon_top: 0.4375rem;
 	--_ui5_message_strip_focus_width: 1px;
 	--_ui5_message_strip_focus_offset: -2px;
 	--_ui5_message_strip_close_button_top: 0.125rem;
 	--_ui5_message_strip_close_button_right: 0.125rem;
-	/* Next two variables below are hardcoded values of sapButton_Lite_Hover_Background parameter with specified opacity*/
-	--_ui5_message_strip_close_button_color_set_1_background: #eaecee4d;
-	--_ui5_message_strip_close_button_color_set_2_background: #eaecee80;
-	--_ui5_message_strip_close_button_color_set_1_color: var(--sapButton_Emphasized_TextColor);
-	--_ui5_message_strip_close_button_color_set_1_hover_color: var(--sapButton_Emphasized_TextColor);
+	--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_1_color: var(--sapContent_ContrastIconColor);
+	--_ui5_message_strip_close_button_color_set_1_hover_color: var(--sapContent_ContrastIconColor);
 	--_ui5_message_strip_scheme_1_set_2_background: var(--sapIndicationColor_1b);
 	--_ui5_message_strip_scheme_1_set_2_border_color: var(--sapIndicationColor_1b_BorderColor);
 	--_ui5_message_strip_scheme_2_set_2_background: var(--sapIndicationColor_2b);

package/src/themes/sap_fiori_3/MessageStrip-parameters.css CHANGED Viewed

@@ -1,7 +1,6 @@
 @import "../base/MessageStrip-parameters.css";
 :root{
-	/* Next two variables below are hardcoded values of sapButton_Lite_Hover_Background parameter with specified opacity*/
-	--_ui5_message_strip_close_button_color_set_1_background: #ebf5fe4d;
-	--_ui5_message_strip_close_button_color_set_2_background: #ebf5fe80;
+	--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);
 }

package/src/themes/sap_fiori_3_dark/MessageStrip-parameters.css CHANGED Viewed

@@ -1,9 +1,7 @@
 @import "../base/MessageStrip-parameters.css";
 :root{
-	/* Next two variables below are hardcoded values of sapButton_Lite_Hover_Background parameter with specified opacity*/
-	--_ui5_message_strip_close_button_color_set_1_background: #062e4f1a;
-	--_ui5_message_strip_close_button_color_set_2_background: #062e4f80;
+	--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);
 	--_ui5_message_strip_close_button_color_set_1_color: var(--sapContent_ContrastIconColor);
-	--_ui5_message_strip_close_button_color_set_1_hover_color: var(--sapContent_ContrastIconColor);
 }

package/src/themes/sap_fiori_3_hcb/MessageStrip-parameters.css CHANGED Viewed

@@ -2,12 +2,12 @@
 :root{
 	--_ui5_message_strip_close_button_border: 1px solid var(--sapButton_BorderColor);
-	--_ui5_message_strip_border_width: 0.125rem;
+	--_ui5_message_strip_border_width: var(--sapMessage_BorderWidth);
 	--_ui5_message_strip_icon_top: 0.375rem;
 	--_ui5_message_strip_focus_width: 0.125rem;
 	--_ui5_message_strip_focus_offset: -4px;
-	--_ui5_message_strip_close_button_color_set_1_background: var(--sapButton_Lite_Hover_Background);
-	--_ui5_message_strip_close_button_color_set_2_background: var(--sapButton_Lite_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);
 	--_ui5_message_strip_scheme_1_set_2_background: var(--sapIndicationColor_1_Background);
 	--_ui5_message_strip_scheme_1_set_2_border_color:  var(--sapIndicationColor_1_BorderColor);
 	--_ui5_message_strip_scheme_2_set_2_background: var(--sapIndicationColor_2_Background);

package/src/themes/sap_fiori_3_hcw/MessageStrip-parameters.css CHANGED Viewed

@@ -2,12 +2,12 @@
 :root{
 	--_ui5_message_strip_close_button_border: 1px solid var(--sapButton_BorderColor);
-	--_ui5_message_strip_border_width: 0.125rem;
+	--_ui5_message_strip_border_width: var(--sapMessage_BorderWidth);
 	--_ui5_message_strip_icon_top: 0.375rem;
 	--_ui5_message_strip_focus_width: 0.125rem;
 	--_ui5_message_strip_focus_offset: -4px;
-	--_ui5_message_strip_close_button_color_set_1_background: var(--sapButton_Lite_Hover_Background);
-	--_ui5_message_strip_close_button_color_set_2_background: var(--sapButton_Lite_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);
 	--_ui5_message_strip_scheme_1_set_2_background: var(--sapIndicationColor_1_Background);
 	--_ui5_message_strip_scheme_1_set_2_border_color:  var(--sapIndicationColor_1_BorderColor);
 	--_ui5_message_strip_scheme_2_set_2_background: var(--sapIndicationColor_2_Background);

package/src/themes/sap_horizon/InputIcon-parameters.css CHANGED Viewed

@@ -4,7 +4,7 @@
 	--_ui5_input_icon_padding: .625rem .625rem .5625rem .625rem;
 	--_ui5_input_icon_hover_bg: var(--sapField_Focus_Background);
 	--_ui5_input_icon_pressed_color: var(--sapButton_Active_TextColor);
-	--_ui5_input_icon_border_radius: 0.25rem;
+	--_ui5_input_icon_border_radius: var(--sapField_BorderCornerRadius);
 	--_ui5_input_icon_box_shadow: var(--sapField_Hover_Shadow);
 	--_ui5_input_icon_border: none;
 	--_ui5_input_error_icon_box_shadow: var(--sapContent_Negative_Shadow);

package/src/themes/sap_horizon_dark/InputIcon-parameters.css CHANGED Viewed

@@ -4,7 +4,7 @@
 	--_ui5_input_icon_padding: .625rem .625rem .5625rem .625rem;
 	--_ui5_input_icon_hover_bg: var(--sapField_Focus_Background);
 	--_ui5_input_icon_pressed_color: var(--sapButton_Active_TextColor);
-	--_ui5_input_icon_border_radius: 0.25rem;
+	--_ui5_input_icon_border_radius: var(--sapField_BorderCornerRadius);
 	--_ui5_input_icon_box_shadow: var(--sapField_Hover_Shadow);
 	--_ui5_input_icon_border: none;
 	--_ui5_input_error_icon_box_shadow: var(--sapContent_Negative_Shadow);

package/src/themes/sap_horizon_dark/MessageStrip-parameters.css CHANGED Viewed

@@ -2,9 +2,7 @@
 :root{
 	--_ui5_message_strip_close_button_right: 0.1875rem;
-	/* Next two variables below are hardcoded values of sapButton_Lite_Hover_Background parameter with specified opacity*/
-	--_ui5_message_strip_close_button_color_set_1_background: #222b351a;
-	--_ui5_message_strip_close_button_color_set_2_background: #222b3580;
+	--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);
 	--_ui5_message_strip_close_button_color_set_1_color: var(--sapContent_ContrastIconColor);
-	--_ui5_message_strip_close_button_color_set_1_hover_color: var(--sapContent_ContrastIconColor);
 }

package/src/themes/sap_horizon_hcb/MessageStrip-parameters.css CHANGED Viewed

@@ -2,13 +2,13 @@
 :root{
 	--_ui5_message_strip_close_button_border: 1px solid var(--sapButton_BorderColor);
-	--_ui5_message_strip_border_width: 0.125rem;
+	--_ui5_message_strip_border_width: var(--sapMessage_BorderWidth);
 	--_ui5_message_strip_icon_top: 0.375rem;
 	--_ui5_message_strip_focus_width: 0.125rem;
 	--_ui5_message_strip_focus_offset: -4px;
 	--_ui5_message_strip_close_button_right: 0.125rem;
-	--_ui5_message_strip_close_button_color_set_1_background: var(--sapButton_Lite_Hover_Background);
-	--_ui5_message_strip_close_button_color_set_2_background: var(--sapButton_Lite_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);
 	--_ui5_message_strip_scheme_1_set_2_background: var(--sapIndicationColor_1_Background);
 	--_ui5_message_strip_scheme_1_set_2_border_color:  var(--sapIndicationColor_1_BorderColor);
 	--_ui5_message_strip_scheme_2_set_2_background: var(--sapIndicationColor_2_Background);

package/src/themes/sap_horizon_hcw/MessageStrip-parameters.css CHANGED Viewed

@@ -2,13 +2,13 @@
 :root{
 	--_ui5_message_strip_close_button_border: 1px solid var(--sapButton_BorderColor);
-	--_ui5_message_strip_border_width: 0.125rem;
+	--_ui5_message_strip_border_width: var(--sapMessage_BorderWidth);
 	--_ui5_message_strip_icon_top: 0.375rem;
 	--_ui5_message_strip_focus_width: 0.125rem;
 	--_ui5_message_strip_focus_offset: -4px;
 	--_ui5_message_strip_close_button_right: 0.125rem;
-	--_ui5_message_strip_close_button_color_set_1_background: var(--sapButton_Lite_Hover_Background);
-	--_ui5_message_strip_close_button_color_set_2_background: var(--sapButton_Lite_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_1_background: var(--sapMessage_Button_Hover_Background);
+	--_ui5_message_strip_close_button_color_set_2_background: var(--sapMessage_Button_Hover_Background);
 	--_ui5_message_strip_scheme_1_set_2_background: var(--sapIndicationColor_1_Background);
 	--_ui5_message_strip_scheme_1_set_2_border_color:  var(--sapIndicationColor_1_BorderColor);
 	--_ui5_message_strip_scheme_2_set_2_background: var(--sapIndicationColor_2_Background);

package/dist/generated/templates/TableCellTemplate.lit.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import type TableCell from "../../TableCell.js";
-declare function template(this: TableCell): import("lit-html").TemplateResult;
-export default template;

package/dist/generated/templates/TableCellTemplate.lit.js DELETED Viewed

@@ -1,9 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-function block0(context, tags, suffix) { return html `${this._popin ? block1.call(this, context, tags, suffix) : undefined}<slot></slot>`; }
-function block1(context, tags, suffix) { return html `${repeat(this._popinHeaderNodes, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}<span class="popin-colon">${ifDefined(this._i18nPopinColon)}</span>`; }
-function block2(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }
-function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;
-//# sourceMappingURL=TableCellTemplate.lit.js.map

package/dist/generated/templates/TableCellTemplate.lit.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"TableCellTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TableCellTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,eAAe,CAAC,CAAA,CAAC;AACxM,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,MAAM,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAE,IAAkC,CAAC,GAAG,IAAI,KAAK,EAAE,CAAC,IAAI,EAAE,KAAa,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,CAAE,6BAA6B,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAA,CAAC;AAC7W,SAAS,MAAM,CAAmB,OAAmB,EAAE,IAAc,EAAE,MAA0B,EAAE,IAAS,EAAE,KAAa,IAAI,OAAO,IAAI,CAAA,GAAG,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA,CAAC;AAEhK,SAAS,QAAQ,KAAoB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,IAAI,CAAC,WAAiC,CAAC,WAAW,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC,CAAC;AAC7J,eAAe,QAAQ,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type TableCell from \"../../TableCell.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TableCell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this._popin ? block1.call(this, context, tags, suffix) : undefined }<slot></slot>`;}\nfunction block1 (this: TableCell, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ repeat(this._popinHeaderNodes, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }<span class=\"popin-colon\">${ifDefined(this._i18nPopinColon)}</span>`;}\nfunction block2 (this: TableCell, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ifDefined(item)}`;}\n\nfunction template(this: TableCell) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}

package/src/TableCell.hbs DELETED Viewed

@@ -1,7 +0,0 @@
-{{#if _popin}}
-	{{#each _popinHeaderNodes}}
-		{{this}}
-	{{/each}}
-	<span class="popin-colon">{{_i18nPopinColon}}</span>
-{{/if}}
-<slot></slot>