npm - @ui5/webcomponents - Versions diffs - 1.7.1 → 1.8.0 - Mend

@ui5/webcomponents 1.7.1 → 1.8.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 (390) hide show

package/dist/generated/templates/IconTemplate.lit.js CHANGED Viewed

@@ -1,10 +1,11 @@
 /* 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`<svg class="ui5-icon-root" tabindex="${ifDefined(context.tabIndex)}" dir="${ifDefined(context._dir)}" viewBox="0 0 512 512" role="${ifDefined(context.effectiveAccessibleRole)}" focusable="false" preserveAspectRatio="xMidYMid meet" aria-label="${ifDefined(context.effectiveAccessibleName)}" aria-hidden=${ifDefined(context.effectiveAriaHidden)} xmlns="http://www.w3.org/2000/svg" @focusin=${context._onfocusin} @focusout=${context._onfocusout} @keydown=${context._onkeydown} @keyup=${context._onkeyup} @click=${context._onclick}>${blockSVG1(context, tags, suffix)}</svg>`;
+const block0 = (context, tags, suffix) => html`<svg class="ui5-icon-root" tabindex="${ifDefined(context.tabIndex)}" dir="${ifDefined(context._dir)}" viewBox="${ifDefined(context.viewBox)}" role="${ifDefined(context.effectiveAccessibleRole)}" focusable="false" preserveAspectRatio="xMidYMid meet" aria-label="${ifDefined(context.effectiveAccessibleName)}" aria-hidden=${ifDefined(context.effectiveAriaHidden)} xmlns="http://www.w3.org/2000/svg" @focusin=${context._onfocusin} @focusout=${context._onfocusout} @keydown=${context._onkeydown} @keyup=${context._onkeyup} @click=${context._onclick}>${blockSVG1(context, tags, suffix)}</svg>`;
 const block1 = (context, tags, suffix) => svg`<title id="${ifDefined(context._id)}-tooltip">${ifDefined(context.effectiveAccessibleName)}</title>`;
-const block2 = (item, index, context, tags, suffix) => svg`<path d="${ifDefined(item)}"></path>`;
+const block2 = (context, tags, suffix) => svg`${ifDefined(context.customSvg)}`;
+const block3 = (item, index, context, tags, suffix) => svg`<path d="${ifDefined(item)}"></path>`;
-const blockSVG1 = (context, tags, suffix) => svg`${ context.hasIconTooltip ? block1(context, tags, suffix) : undefined }<g role="presentation">${ repeat(context.pathData, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix)) }</g>`;
+const blockSVG1 = (context, tags, suffix) => svg`${ context.hasIconTooltip ? block1(context, tags, suffix) : undefined }<g role="presentation">${ context.customSvg ? block2(context, tags, suffix) : undefined }${ repeat(context.pathData, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix)) }</g>`;
 export default block0;

package/dist/generated/templates/InputTemplate.lit.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /* 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`<div class="ui5-input-root ui5-input-focusable-element" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}"><div class="ui5-input-content"><input id="${ifDefined(context._id)}-inner" class="ui5-input-inner" style="${styleMap(context.styles.innerInput)}" type="${ifDefined(context.inputType)}" inner-input ?inner-input-with-icon="${context.icon.length}" ?disabled="${context.disabled}" ?readonly="${context._readonly}" .value="${ifDefined(context.value)}" placeholder="${ifDefined(context._placeholder)}" maxlength="${ifDefined(context.maxlength)}" role="${ifDefined(context.accInfo.input.role)}" aria-controls="${ifDefined(context.accInfo.input.ariaControls)}" aria-invalid="${ifDefined(context.accInfo.input.ariaInvalid)}" aria-haspopup="${ifDefined(context.accInfo.input.ariaHasPopup)}" aria-describedby="${ifDefined(context.accInfo.input.ariaDescribedBy)}" aria-roledescription="${ifDefined(context.accInfo.input.ariaRoledescription)}" aria-autocomplete="${ifDefined(context.accInfo.input.ariaAutoComplete)}" aria-expanded="${ifDefined(context.accInfo.input.ariaExpanded)}" aria-label="${ifDefined(context.accInfo.input.ariaLabel)}" aria-required="${ifDefined(context.required)}" @input="${context._handleInput}" @change="${context._handleChange}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click=${context._click} @focusin=${context.innerFocusIn} data-sap-focus-ref step="${ifDefined(context.nativeInputAttributes.step)}" min="${ifDefined(context.nativeInputAttributes.min)}" max="${ifDefined(context.nativeInputAttributes.max)}" />${ context.effectiveShowClearIcon ? block1(context, tags, suffix) : undefined }${ context.icon.length ? block2(context, tags, suffix) : undefined }<div class="ui5-input-value-state-icon">${unsafeHTML(context._valueStateInputIcon)}</div>${ context.showSuggestions ? block3(context, tags, suffix) : undefined }${ context.accInfo.input.ariaDescription ? block4(context, tags, suffix) : undefined }${ context.hasValueState ? block5(context, tags, suffix) : undefined }</div><slot name="formSupport"></slot></div>`;
+const block0 = (context, tags, suffix) => html`<div class="ui5-input-root ui5-input-focusable-element" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}"><div class="ui5-input-content"><input id="${ifDefined(context._id)}-inner" class="ui5-input-inner" style="${styleMap(context.styles.innerInput)}" type="${ifDefined(context.inputType)}" inner-input ?inner-input-with-icon="${context.icon.length}" ?disabled="${context.disabled}" ?readonly="${context._readonly}" .value="${ifDefined(context._innerValue)}" placeholder="${ifDefined(context._placeholder)}" maxlength="${ifDefined(context.maxlength)}" role="${ifDefined(context.accInfo.input.role)}" aria-controls="${ifDefined(context.accInfo.input.ariaControls)}" aria-invalid="${ifDefined(context.accInfo.input.ariaInvalid)}" aria-haspopup="${ifDefined(context.accInfo.input.ariaHasPopup)}" aria-describedby="${ifDefined(context.accInfo.input.ariaDescribedBy)}" aria-roledescription="${ifDefined(context.accInfo.input.ariaRoledescription)}" aria-autocomplete="${ifDefined(context.accInfo.input.ariaAutoComplete)}" aria-expanded="${ifDefined(context.accInfo.input.ariaExpanded)}" aria-label="${ifDefined(context.accInfo.input.ariaLabel)}" aria-required="${ifDefined(context.required)}" @input="${context._handleInput}" @change="${context._handleChange}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click=${context._click} @focusin=${context.innerFocusIn} data-sap-focus-ref step="${ifDefined(context.nativeInputAttributes.step)}" min="${ifDefined(context.nativeInputAttributes.min)}" max="${ifDefined(context.nativeInputAttributes.max)}" />${ context.effectiveShowClearIcon ? block1(context, tags, suffix) : undefined }${ context.icon.length ? block2(context, tags, suffix) : undefined }<div class="ui5-input-value-state-icon">${unsafeHTML(context._valueStateInputIcon)}</div>${ context.showSuggestions ? block3(context, tags, suffix) : undefined }${ context.accInfo.input.ariaDescription ? block4(context, tags, suffix) : undefined }${ context.hasValueState ? block5(context, tags, suffix) : undefined }</div><slot name="formSupport"></slot></div>`;
 const block1 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} @click=${context._clear} @mousedown=${context._iconMouseDown} tabindex="-1" input-icon class="ui5-input-clear-icon" name="decline"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon @click=${context._clear} @mousedown=${context._iconMouseDown} tabindex="-1" input-icon class="ui5-input-clear-icon" name="decline"></ui5-icon>`;
 const block2 = (context, tags, suffix) => html`<div class="ui5-input-icon-root"><slot name="icon"></slot></div>`;
 const block3 = (context, tags, suffix) => html`<span id="${ifDefined(context._id)}-suggestionsText" class="ui5-hidden-text">${ifDefined(context.suggestionsText)}</span><span id="${ifDefined(context._id)}-selectionText" class="ui5-hidden-text" aria-live="polite" role="status"></span><span id="${ifDefined(context._id)}-suggestionsCount" class="ui5-hidden-text" aria-live="polite">${ifDefined(context.availableSuggestionsCount)}</span>`;

package/dist/generated/templates/MenuTemplate.lit.js CHANGED Viewed

@@ -5,7 +5,7 @@ const block0 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-respons
 const block1 = (context, tags, suffix) => suffix ? html`<div slot="header" class="ui5-menu-dialog-header">${ context.isSubMenuOpened ? block2(context, tags, suffix) : undefined }<div class="ui5-menu-dialog-title"><div>${ifDefined(context.menuHeaderTextPhone)}</div></div><${scopeTag("ui5-button", tags, suffix)} icon="decline" design="Transparent" aria-label="${ifDefined(context.labelClose)}" @click=${context.close}></${scopeTag("ui5-button", tags, suffix)}></div>` : html`<div slot="header" class="ui5-menu-dialog-header">${ context.isSubMenuOpened ? block2(context, tags, suffix) : undefined }<div class="ui5-menu-dialog-title"><div>${ifDefined(context.menuHeaderTextPhone)}</div></div><ui5-button icon="decline" design="Transparent" aria-label="${ifDefined(context.labelClose)}" @click=${context.close}></ui5-button></div>`;
 const block2 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-button", tags, suffix)} icon="nav-back" class="ui5-menu-back-button" design="Transparent" aria-label="${ifDefined(context.labelBack)}" @click=${context._navigateBack}></${scopeTag("ui5-button", tags, suffix)}>` : html`<ui5-button icon="nav-back" class="ui5-menu-back-button" design="Transparent" aria-label="${ifDefined(context.labelBack)}" @click=${context._navigateBack}></ui5-button>`;
 const block3 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-list", tags, suffix)} id="${ifDefined(context._id)}-menu-list" mode="None" separators="None" accessible-role="menu" @ui5-item-click=${ifDefined(context._itemClick)}>${ repeat(context._currentItems, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix)) }</${scopeTag("ui5-list", tags, suffix)}>` : html`<ui5-list id="${ifDefined(context._id)}-menu-list" mode="None" separators="None" accessible-role="menu" @ui5-item-click=${ifDefined(context._itemClick)}>${ repeat(context._currentItems, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix)) }</ui5-list>`;
-const block4 = (item, index, context, tags, suffix) => suffix ? html`<${scopeTag("ui5-li", tags, suffix)} .associatedItem="${ifDefined(item.item)}" class="ui5-menu-item" id="${ifDefined(context._id)}-menu-item-${index}" icon="${ifDefined(item.item.icon)}" accessible-name=${ifDefined(item.item.ariaLabelledByText)} accessible-role="menuitem" ._ariaHasPopup=${ifDefined(item.ariaHasPopup)} ?disabled=${item.item.disabled} ?starts-section=${item.item.startsSection} ?selected=${item.item.subMenuOpened} ?is-phone=${context.isPhone} @mouseover=${context._itemMouseOver} @mouseout=${context._itemMouseOut} @keydown=${context._itemKeyDown}>${ item.item.hasDummyIcon ? block5(item, index, context, tags, suffix) : undefined }${ifDefined(item.item.text)}${ item.item.hasChildren ? block6(item, index, context, tags, suffix) : block7(item, index, context, tags, suffix) }</${scopeTag("ui5-li", tags, suffix)}>` : html`<ui5-li .associatedItem="${ifDefined(item.item)}" class="ui5-menu-item" id="${ifDefined(context._id)}-menu-item-${index}" icon="${ifDefined(item.item.icon)}" accessible-name=${ifDefined(item.item.ariaLabelledByText)} accessible-role="menuitem" ._ariaHasPopup=${ifDefined(item.ariaHasPopup)} ?disabled=${item.item.disabled} ?starts-section=${item.item.startsSection} ?selected=${item.item.subMenuOpened} ?is-phone=${context.isPhone} @mouseover=${context._itemMouseOver} @mouseout=${context._itemMouseOut} @keydown=${context._itemKeyDown}>${ item.item.hasDummyIcon ? block5(item, index, context, tags, suffix) : undefined }${ifDefined(item.item.text)}${ item.item.hasChildren ? block6(item, index, context, tags, suffix) : block7(item, index, context, tags, suffix) }</ui5-li>`;
+const block4 = (item, index, context, tags, suffix) => suffix ? html`<${scopeTag("ui5-li", tags, suffix)} .associatedItem="${ifDefined(item.item)}" class="ui5-menu-item" id="${ifDefined(context._id)}-menu-item-${index}" .icon="${ifDefined(item.item.icon)}" accessible-name=${ifDefined(item.item.ariaLabelledByText)} accessible-role="menuitem" .additionalText="${ifDefined(item.item._additionalText)}" ._ariaHasPopup=${ifDefined(item.ariaHasPopup)} ?disabled=${item.item.disabled} ?starts-section=${item.item.startsSection} ?selected=${item.item.subMenuOpened} ?is-phone=${context.isPhone} @mouseover=${context._itemMouseOver} @mouseout=${context._itemMouseOut} @keydown=${context._itemKeyDown}>${ item.item.hasDummyIcon ? block5(item, index, context, tags, suffix) : undefined }${ifDefined(item.item.text)}${ item.item.hasChildren ? block6(item, index, context, tags, suffix) : block7(item, index, context, tags, suffix) }</${scopeTag("ui5-li", tags, suffix)}>` : html`<ui5-li .associatedItem="${ifDefined(item.item)}" class="ui5-menu-item" id="${ifDefined(context._id)}-menu-item-${index}" .icon="${ifDefined(item.item.icon)}" accessible-name=${ifDefined(item.item.ariaLabelledByText)} accessible-role="menuitem" .additionalText="${ifDefined(item.item._additionalText)}" ._ariaHasPopup=${ifDefined(item.ariaHasPopup)} ?disabled=${item.item.disabled} ?starts-section=${item.item.startsSection} ?selected=${item.item.subMenuOpened} ?is-phone=${context.isPhone} @mouseover=${context._itemMouseOver} @mouseout=${context._itemMouseOut} @keydown=${context._itemKeyDown}>${ item.item.hasDummyIcon ? block5(item, index, context, tags, suffix) : undefined }${ifDefined(item.item.text)}${ item.item.hasChildren ? block6(item, index, context, tags, suffix) : block7(item, index, context, tags, suffix) }</ui5-li>`;
 const block5 = (item, index, context, tags, suffix) => html`<div class="ui5-menu-item-dummy-icon"></div>`;
 const block6 = (item, index, context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} part="icon" name="slim-arrow-right" class="ui5-menu-item-icon-end"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon part="icon" name="slim-arrow-right" class="ui5-menu-item-icon-end"></ui5-icon>`;
 const block7 = (item, index, context, tags, suffix) => html`${ item.item._siblingsWithChildren ? block8(item, index, context, tags, suffix) : undefined }`;

package/dist/generated/templates/MultiComboBoxTemplate.lit.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /* 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) => suffix ? html`<div class="ui5-multi-combobox-root ui5-input-focusable-element"><span id="${ifDefined(context._id)}-hiddenText-nMore" class="ui5-hidden-text">${ifDefined(context._tokensCountText)}</span>${ context.hasValueState ? block1(context, tags, suffix) : undefined }<${scopeTag("ui5-tokenizer", tags, suffix)} slot="_beginContent" show-more class="ui5-multi-combobox-tokenizer" ?disabled="${context.disabled}" @ui5-show-more-items-press="${ifDefined(context._showFilteredItems)}" @ui5-token-delete="${ifDefined(context._tokenDelete)}" @focusout="${context._tokenizerFocusOut}" @focusin="${context._tokenizerFocusIn}" @click=${context._click} @keydown="${context._onTokenizerKeydown}" ?expanded="${context._tokenizerExpanded}">${ repeat(context.items, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix)) }</${scopeTag("ui5-tokenizer", tags, suffix)}><input id="ui5-multi-combobox-input" .value="${ifDefined(context.value)}" inner-input placeholder=${ifDefined(context._getPlaceholder)} ?disabled=${context.disabled} ?readonly=${context.readonly} value-state="${ifDefined(context.valueState)}" @input="${context._inputLiveChange}" @change=${context._inputChange} @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click=${context._click} @focusin=${context.inputFocusIn} @focusout=${context.inputFocusOut} role="combobox" aria-haspopup="listbox" aria-expanded="${ifDefined(context.open)}" aria-autocomplete="both" aria-describedby="${ifDefined(context.ariaDescribedByText)}" aria-required="${ifDefined(context.required)}" aria-label="${ifDefined(context.ariaLabelText)}" />${ context.icon ? block4(context, tags, suffix) : undefined }${ !context.readonly ? block5(context, tags, suffix) : undefined }</div>` : html`<div class="ui5-multi-combobox-root ui5-input-focusable-element"><span id="${ifDefined(context._id)}-hiddenText-nMore" class="ui5-hidden-text">${ifDefined(context._tokensCountText)}</span>${ context.hasValueState ? block1(context, tags, suffix) : undefined }<ui5-tokenizer slot="_beginContent" show-more class="ui5-multi-combobox-tokenizer" ?disabled="${context.disabled}" @ui5-show-more-items-press="${ifDefined(context._showFilteredItems)}" @ui5-token-delete="${ifDefined(context._tokenDelete)}" @focusout="${context._tokenizerFocusOut}" @focusin="${context._tokenizerFocusIn}" @click=${context._click} @keydown="${context._onTokenizerKeydown}" ?expanded="${context._tokenizerExpanded}">${ repeat(context.items, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix)) }</ui5-tokenizer><input id="ui5-multi-combobox-input" .value="${ifDefined(context.value)}" inner-input placeholder=${ifDefined(context._getPlaceholder)} ?disabled=${context.disabled} ?readonly=${context.readonly} value-state="${ifDefined(context.valueState)}" @input="${context._inputLiveChange}" @change=${context._inputChange} @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click=${context._click} @focusin=${context.inputFocusIn} @focusout=${context.inputFocusOut} role="combobox" aria-haspopup="listbox" aria-expanded="${ifDefined(context.open)}" aria-autocomplete="both" aria-describedby="${ifDefined(context.ariaDescribedByText)}" aria-required="${ifDefined(context.required)}" aria-label="${ifDefined(context.ariaLabelText)}" />${ context.icon ? block4(context, tags, suffix) : undefined }${ !context.readonly ? block5(context, tags, suffix) : undefined }</div>`;
+const block0 = (context, tags, suffix) => suffix ? html`<div class="ui5-multi-combobox-root ui5-input-focusable-element"><span id="${ifDefined(context._id)}-hiddenText-nMore" class="ui5-hidden-text">${ifDefined(context._tokensCountText)}</span>${ context.hasValueState ? block1(context, tags, suffix) : undefined }<${scopeTag("ui5-tokenizer", tags, suffix)} slot="_beginContent" show-more class="ui5-multi-combobox-tokenizer" ?disabled="${context.disabled}" @ui5-show-more-items-press="${ifDefined(context._showFilteredItems)}" @ui5-token-delete="${ifDefined(context._tokenDelete)}" @focusout="${context._tokenizerFocusOut}" @focusin="${context._tokenizerFocusIn}" @click=${context._click} @keydown="${context._onTokenizerKeydown}" ?expanded="${context._tokenizerExpanded}">${ repeat(context.items, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix)) }</${scopeTag("ui5-tokenizer", tags, suffix)}><input id="ui5-multi-combobox-input" .value="${ifDefined(context.value)}" inner-input placeholder=${ifDefined(context._getPlaceholder)} ?disabled=${context.disabled} ?readonly=${context.readonly} value-state="${ifDefined(context.valueState)}" @input="${context._inputLiveChange}" @change=${context._inputChange} @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click=${context._click} @focusin=${context.inputFocusIn} @focusout=${context.inputFocusOut} role="combobox" aria-haspopup="listbox" aria-expanded="${ifDefined(context.open)}" aria-autocomplete="both" aria-describedby="${ifDefined(context.ariaDescribedByText)}" aria-required="${ifDefined(context.required)}" aria-label="${ifDefined(context.ariaLabelText)}" data-sap-focus-ref />${ context.icon ? block4(context, tags, suffix) : undefined }${ !context.readonly ? block5(context, tags, suffix) : undefined }</div>` : html`<div class="ui5-multi-combobox-root ui5-input-focusable-element"><span id="${ifDefined(context._id)}-hiddenText-nMore" class="ui5-hidden-text">${ifDefined(context._tokensCountText)}</span>${ context.hasValueState ? block1(context, tags, suffix) : undefined }<ui5-tokenizer slot="_beginContent" show-more class="ui5-multi-combobox-tokenizer" ?disabled="${context.disabled}" @ui5-show-more-items-press="${ifDefined(context._showFilteredItems)}" @ui5-token-delete="${ifDefined(context._tokenDelete)}" @focusout="${context._tokenizerFocusOut}" @focusin="${context._tokenizerFocusIn}" @click=${context._click} @keydown="${context._onTokenizerKeydown}" ?expanded="${context._tokenizerExpanded}">${ repeat(context.items, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix)) }</ui5-tokenizer><input id="ui5-multi-combobox-input" .value="${ifDefined(context.value)}" inner-input placeholder=${ifDefined(context._getPlaceholder)} ?disabled=${context.disabled} ?readonly=${context.readonly} value-state="${ifDefined(context.valueState)}" @input="${context._inputLiveChange}" @change=${context._inputChange} @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click=${context._click} @focusin=${context.inputFocusIn} @focusout=${context.inputFocusOut} role="combobox" aria-haspopup="listbox" aria-expanded="${ifDefined(context.open)}" aria-autocomplete="both" aria-describedby="${ifDefined(context.ariaDescribedByText)}" aria-required="${ifDefined(context.required)}" aria-label="${ifDefined(context.ariaLabelText)}" data-sap-focus-ref />${ context.icon ? block4(context, tags, suffix) : undefined }${ !context.readonly ? block5(context, tags, suffix) : undefined }</div>`;
 const block1 = (context, tags, suffix) => html`<span id="${ifDefined(context._id)}-valueStateDesc" class="ui5-hidden-text">${ifDefined(context.ariaValueStateHiddenText)}</span>`;
 const block2 = (item, index, context, tags, suffix) => html`${ item.selected ? block3(item, index, context, tags, suffix) : undefined }`;
 const block3 = (item, index, context, tags, suffix) => suffix ? html`<${scopeTag("ui5-token", tags, suffix)} ?readonly="${context.readonly}" class="ui5-multi-combobox-token" data-ui5-id="${ifDefined(item._id)}" part="token-${index}" text="${ifDefined(item.text)}"></${scopeTag("ui5-token", tags, suffix)}>` : html`<ui5-token ?readonly="${context.readonly}" class="ui5-multi-combobox-token" data-ui5-id="${ifDefined(item._id)}" part="token-${index}" text="${ifDefined(item.text)}"></ui5-token>`;

package/dist/generated/templates/MultiInputTemplate.lit.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /* 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) => suffix ? html`<div class="ui5-input-root ui5-input-focusable-element" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}"><div class="ui5-input-content"><span id="${ifDefined(context._id)}-hiddenText-nMore" class="ui5-hidden-text">${ifDefined(context._tokensCountText)}</span><${scopeTag("ui5-tokenizer", tags, suffix)} class="ui5-multi-input-tokenizer" .morePopoverOpener=${ifDefined(context)} .popoverMinWidth=${ifDefined(context._inputWidth)} .valueState=${ifDefined(context.valueState)} ?expanded="${context.expandedTokenizer}" show-more @keydown="${context._onTokenizerKeydown}" @show-more-items-press=${context.showMorePress} @ui5-token-delete=${ifDefined(context.tokenDelete)} @focusout="${context._tokenizerFocusOut}"><slot name="tokens"></slot><div slot="valueStateMessage">${ context.shouldDisplayDefaultValueStateMessage ? block1(context, tags, suffix) : block2(context, tags, suffix) }</div></${scopeTag("ui5-tokenizer", tags, suffix)}><input id="${ifDefined(context._id)}-inner" class="ui5-input-inner" style="${styleMap(context.styles.innerInput)}" type="${ifDefined(context.inputType)}" inner-input ?inner-input-with-icon="${context.icon.length}" ?disabled="${context.disabled}" ?readonly="${context._readonly}" .value="${ifDefined(context.value)}" placeholder="${ifDefined(context._placeholder)}" maxlength="${ifDefined(context.maxlength)}" role="${ifDefined(context.accInfo.input.role)}" aria-controls="${ifDefined(context.accInfo.input.ariaControls)}" aria-invalid="${ifDefined(context.accInfo.input.ariaInvalid)}" aria-haspopup="${ifDefined(context.accInfo.input.ariaHasPopup)}" aria-describedby="${ifDefined(context.accInfo.input.ariaDescribedBy)}" aria-roledescription="${ifDefined(context.accInfo.input.ariaRoledescription)}" aria-autocomplete="${ifDefined(context.accInfo.input.ariaAutoComplete)}" aria-expanded="${ifDefined(context.accInfo.input.ariaExpanded)}" aria-label="${ifDefined(context.accInfo.input.ariaLabel)}" aria-required="${ifDefined(context.required)}" @input="${context._handleInput}" @change="${context._handleChange}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click=${context._click} @focusin=${context.innerFocusIn} data-sap-focus-ref step="${ifDefined(context.nativeInputAttributes.step)}" min="${ifDefined(context.nativeInputAttributes.min)}" max="${ifDefined(context.nativeInputAttributes.max)}" />${ context.effectiveShowClearIcon ? block4(context, tags, suffix) : undefined }${ context.icon.length ? block5(context, tags, suffix) : undefined }<div class="ui5-input-value-state-icon">${unsafeHTML(context._valueStateInputIcon)}</div>${ context.showValueHelpIcon ? block6(context, tags, suffix) : undefined }${ context.showSuggestions ? block7(context, tags, suffix) : undefined }${ context.accInfo.input.ariaDescription ? block8(context, tags, suffix) : undefined }${ context.hasValueState ? block9(context, tags, suffix) : undefined }</div><slot name="formSupport"></slot></div> ` : html`<div class="ui5-input-root ui5-input-focusable-element" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}"><div class="ui5-input-content"><span id="${ifDefined(context._id)}-hiddenText-nMore" class="ui5-hidden-text">${ifDefined(context._tokensCountText)}</span><ui5-tokenizer class="ui5-multi-input-tokenizer" .morePopoverOpener=${ifDefined(context)} .popoverMinWidth=${ifDefined(context._inputWidth)} .valueState=${ifDefined(context.valueState)} ?expanded="${context.expandedTokenizer}" show-more @keydown="${context._onTokenizerKeydown}" @show-more-items-press=${context.showMorePress} @ui5-token-delete=${ifDefined(context.tokenDelete)} @focusout="${context._tokenizerFocusOut}"><slot name="tokens"></slot><div slot="valueStateMessage">${ context.shouldDisplayDefaultValueStateMessage ? block1(context, tags, suffix) : block2(context, tags, suffix) }</div></ui5-tokenizer><input id="${ifDefined(context._id)}-inner" class="ui5-input-inner" style="${styleMap(context.styles.innerInput)}" type="${ifDefined(context.inputType)}" inner-input ?inner-input-with-icon="${context.icon.length}" ?disabled="${context.disabled}" ?readonly="${context._readonly}" .value="${ifDefined(context.value)}" placeholder="${ifDefined(context._placeholder)}" maxlength="${ifDefined(context.maxlength)}" role="${ifDefined(context.accInfo.input.role)}" aria-controls="${ifDefined(context.accInfo.input.ariaControls)}" aria-invalid="${ifDefined(context.accInfo.input.ariaInvalid)}" aria-haspopup="${ifDefined(context.accInfo.input.ariaHasPopup)}" aria-describedby="${ifDefined(context.accInfo.input.ariaDescribedBy)}" aria-roledescription="${ifDefined(context.accInfo.input.ariaRoledescription)}" aria-autocomplete="${ifDefined(context.accInfo.input.ariaAutoComplete)}" aria-expanded="${ifDefined(context.accInfo.input.ariaExpanded)}" aria-label="${ifDefined(context.accInfo.input.ariaLabel)}" aria-required="${ifDefined(context.required)}" @input="${context._handleInput}" @change="${context._handleChange}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click=${context._click} @focusin=${context.innerFocusIn} data-sap-focus-ref step="${ifDefined(context.nativeInputAttributes.step)}" min="${ifDefined(context.nativeInputAttributes.min)}" max="${ifDefined(context.nativeInputAttributes.max)}" />${ context.effectiveShowClearIcon ? block4(context, tags, suffix) : undefined }${ context.icon.length ? block5(context, tags, suffix) : undefined }<div class="ui5-input-value-state-icon">${unsafeHTML(context._valueStateInputIcon)}</div>${ context.showValueHelpIcon ? block6(context, tags, suffix) : undefined }${ context.showSuggestions ? block7(context, tags, suffix) : undefined }${ context.accInfo.input.ariaDescription ? block8(context, tags, suffix) : undefined }${ context.hasValueState ? block9(context, tags, suffix) : undefined }</div><slot name="formSupport"></slot></div> `;
+const block0 = (context, tags, suffix) => suffix ? html`<div class="ui5-input-root ui5-input-focusable-element" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}"><div class="ui5-input-content"><span id="${ifDefined(context._id)}-hiddenText-nMore" class="ui5-hidden-text">${ifDefined(context._tokensCountText)}</span><${scopeTag("ui5-tokenizer", tags, suffix)} class="ui5-multi-input-tokenizer" .morePopoverOpener=${ifDefined(context)} .popoverMinWidth=${ifDefined(context._inputWidth)} .valueState=${ifDefined(context.valueState)} ?expanded="${context.expandedTokenizer}" show-more @keydown="${context._onTokenizerKeydown}" @show-more-items-press=${context.showMorePress} @ui5-token-delete=${ifDefined(context.tokenDelete)} @focusout="${context._tokenizerFocusOut}"><slot name="tokens"></slot><div slot="valueStateMessage">${ context.shouldDisplayDefaultValueStateMessage ? block1(context, tags, suffix) : block2(context, tags, suffix) }</div></${scopeTag("ui5-tokenizer", tags, suffix)}><input id="${ifDefined(context._id)}-inner" class="ui5-input-inner" style="${styleMap(context.styles.innerInput)}" type="${ifDefined(context.inputType)}" inner-input ?inner-input-with-icon="${context.icon.length}" ?disabled="${context.disabled}" ?readonly="${context._readonly}" .value="${ifDefined(context._innerValue)}" placeholder="${ifDefined(context._placeholder)}" maxlength="${ifDefined(context.maxlength)}" role="${ifDefined(context.accInfo.input.role)}" aria-controls="${ifDefined(context.accInfo.input.ariaControls)}" aria-invalid="${ifDefined(context.accInfo.input.ariaInvalid)}" aria-haspopup="${ifDefined(context.accInfo.input.ariaHasPopup)}" aria-describedby="${ifDefined(context.accInfo.input.ariaDescribedBy)}" aria-roledescription="${ifDefined(context.accInfo.input.ariaRoledescription)}" aria-autocomplete="${ifDefined(context.accInfo.input.ariaAutoComplete)}" aria-expanded="${ifDefined(context.accInfo.input.ariaExpanded)}" aria-label="${ifDefined(context.accInfo.input.ariaLabel)}" aria-required="${ifDefined(context.required)}" @input="${context._handleInput}" @change="${context._handleChange}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click=${context._click} @focusin=${context.innerFocusIn} data-sap-focus-ref step="${ifDefined(context.nativeInputAttributes.step)}" min="${ifDefined(context.nativeInputAttributes.min)}" max="${ifDefined(context.nativeInputAttributes.max)}" />${ context.effectiveShowClearIcon ? block4(context, tags, suffix) : undefined }${ context.icon.length ? block5(context, tags, suffix) : undefined }<div class="ui5-input-value-state-icon">${unsafeHTML(context._valueStateInputIcon)}</div>${ context.showValueHelpIcon ? block6(context, tags, suffix) : undefined }${ context.showSuggestions ? block7(context, tags, suffix) : undefined }${ context.accInfo.input.ariaDescription ? block8(context, tags, suffix) : undefined }${ context.hasValueState ? block9(context, tags, suffix) : undefined }</div><slot name="formSupport"></slot></div> ` : html`<div class="ui5-input-root ui5-input-focusable-element" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}"><div class="ui5-input-content"><span id="${ifDefined(context._id)}-hiddenText-nMore" class="ui5-hidden-text">${ifDefined(context._tokensCountText)}</span><ui5-tokenizer class="ui5-multi-input-tokenizer" .morePopoverOpener=${ifDefined(context)} .popoverMinWidth=${ifDefined(context._inputWidth)} .valueState=${ifDefined(context.valueState)} ?expanded="${context.expandedTokenizer}" show-more @keydown="${context._onTokenizerKeydown}" @show-more-items-press=${context.showMorePress} @ui5-token-delete=${ifDefined(context.tokenDelete)} @focusout="${context._tokenizerFocusOut}"><slot name="tokens"></slot><div slot="valueStateMessage">${ context.shouldDisplayDefaultValueStateMessage ? block1(context, tags, suffix) : block2(context, tags, suffix) }</div></ui5-tokenizer><input id="${ifDefined(context._id)}-inner" class="ui5-input-inner" style="${styleMap(context.styles.innerInput)}" type="${ifDefined(context.inputType)}" inner-input ?inner-input-with-icon="${context.icon.length}" ?disabled="${context.disabled}" ?readonly="${context._readonly}" .value="${ifDefined(context._innerValue)}" placeholder="${ifDefined(context._placeholder)}" maxlength="${ifDefined(context.maxlength)}" role="${ifDefined(context.accInfo.input.role)}" aria-controls="${ifDefined(context.accInfo.input.ariaControls)}" aria-invalid="${ifDefined(context.accInfo.input.ariaInvalid)}" aria-haspopup="${ifDefined(context.accInfo.input.ariaHasPopup)}" aria-describedby="${ifDefined(context.accInfo.input.ariaDescribedBy)}" aria-roledescription="${ifDefined(context.accInfo.input.ariaRoledescription)}" aria-autocomplete="${ifDefined(context.accInfo.input.ariaAutoComplete)}" aria-expanded="${ifDefined(context.accInfo.input.ariaExpanded)}" aria-label="${ifDefined(context.accInfo.input.ariaLabel)}" aria-required="${ifDefined(context.required)}" @input="${context._handleInput}" @change="${context._handleChange}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @click=${context._click} @focusin=${context.innerFocusIn} data-sap-focus-ref step="${ifDefined(context.nativeInputAttributes.step)}" min="${ifDefined(context.nativeInputAttributes.min)}" max="${ifDefined(context.nativeInputAttributes.max)}" />${ context.effectiveShowClearIcon ? block4(context, tags, suffix) : undefined }${ context.icon.length ? block5(context, tags, suffix) : undefined }<div class="ui5-input-value-state-icon">${unsafeHTML(context._valueStateInputIcon)}</div>${ context.showValueHelpIcon ? block6(context, tags, suffix) : undefined }${ context.showSuggestions ? block7(context, tags, suffix) : undefined }${ context.accInfo.input.ariaDescription ? block8(context, tags, suffix) : undefined }${ context.hasValueState ? block9(context, tags, suffix) : undefined }</div><slot name="formSupport"></slot></div> `;
 const block1 = (context, tags, suffix) => html`${ifDefined(context.valueStateText)}`;
 const block2 = (context, tags, suffix) => html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix)) }`;
 const block3 = (item, index, context, tags, suffix) => html`${ifDefined(item)}`;

package/dist/generated/templates/TabInOverflowTemplate.lit.js CHANGED Viewed

@@ -1,11 +1,12 @@
 /* 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) => suffix ? html`<${scopeTag("ui5-li-custom", tags, suffix)} id="${ifDefined(context._id)}-li" class="${ifDefined(context.overflowClasses)}" type="${ifDefined(context.overflowState)}" aria-disabled="${ifDefined(context.effectiveDisabled)}" aria-selected="${ifDefined(context.effectiveSelected)}" aria-labelledby="${ifDefined(context.ariaLabelledBy)}" ._realTab="${ifDefined(context)}" style="${styleMap(context._style)}"><div class="ui5-tab-overflow-itemContent-wrapper"><div class="ui5-tab-overflow-itemContent">${ context.semanticIconName ? block1(context, tags, suffix) : undefined }${ context.icon ? block2(context, tags, suffix) : undefined }${ifDefined(context.text)}${ context.additionalText ? block3(context, tags, suffix) : undefined }</div></div></${scopeTag("ui5-li-custom", tags, suffix)}>${ repeat(context.subTabs, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix)) } ` : html`<ui5-li-custom id="${ifDefined(context._id)}-li" class="${ifDefined(context.overflowClasses)}" type="${ifDefined(context.overflowState)}" aria-disabled="${ifDefined(context.effectiveDisabled)}" aria-selected="${ifDefined(context.effectiveSelected)}" aria-labelledby="${ifDefined(context.ariaLabelledBy)}" ._realTab="${ifDefined(context)}" style="${styleMap(context._style)}"><div class="ui5-tab-overflow-itemContent-wrapper"><div class="ui5-tab-overflow-itemContent">${ context.semanticIconName ? block1(context, tags, suffix) : undefined }${ context.icon ? block2(context, tags, suffix) : undefined }${ifDefined(context.text)}${ context.additionalText ? block3(context, tags, suffix) : undefined }</div></div></ui5-li-custom>${ repeat(context.subTabs, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix)) } `;
+const block0 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-li-custom", tags, suffix)} id="${ifDefined(context._id)}-li" class="${ifDefined(context.overflowClasses)}" type="${ifDefined(context.overflowState)}" aria-disabled="${ifDefined(context.effectiveDisabled)}" aria-selected="${ifDefined(context.effectiveSelected)}" ._realTab="${ifDefined(context)}" style="${styleMap(context._style)}"><div class="ui5-tab-overflow-itemContent-wrapper"><div class="ui5-tab-overflow-itemContent">${ context.semanticIconName ? block1(context, tags, suffix) : undefined }${ context.icon ? block2(context, tags, suffix) : undefined }${ifDefined(context.text)}${ context.additionalText ? block3(context, tags, suffix) : undefined }${ context._designDescription ? block4(context, tags, suffix) : undefined }</div></div></${scopeTag("ui5-li-custom", tags, suffix)}>${ repeat(context.subTabs, (item, index) => item._id || index, (item, index) => block5(item, index, context, tags, suffix)) } ` : html`<ui5-li-custom id="${ifDefined(context._id)}-li" class="${ifDefined(context.overflowClasses)}" type="${ifDefined(context.overflowState)}" aria-disabled="${ifDefined(context.effectiveDisabled)}" aria-selected="${ifDefined(context.effectiveSelected)}" ._realTab="${ifDefined(context)}" style="${styleMap(context._style)}"><div class="ui5-tab-overflow-itemContent-wrapper"><div class="ui5-tab-overflow-itemContent">${ context.semanticIconName ? block1(context, tags, suffix) : undefined }${ context.icon ? block2(context, tags, suffix) : undefined }${ifDefined(context.text)}${ context.additionalText ? block3(context, tags, suffix) : undefined }${ context._designDescription ? block4(context, tags, suffix) : undefined }</div></div></ui5-li-custom>${ repeat(context.subTabs, (item, index) => item._id || index, (item, index) => block5(item, index, context, tags, suffix)) } `;
 const block1 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="${ifDefined(context.semanticIconClasses)}" name="${ifDefined(context.semanticIconName)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="${ifDefined(context.semanticIconClasses)}" name="${ifDefined(context.semanticIconName)}"></ui5-icon>`;
 const block2 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} name="${ifDefined(context.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon name="${ifDefined(context.icon)}"></ui5-icon>`;
 const block3 = (context, tags, suffix) => html` (${ifDefined(context.additionalText)}) `;
-const block4 = (item, index, context, tags, suffix) => html`${ifDefined(item.overflowPresentation)}`;
+const block4 = (context, tags, suffix) => html`<div id="${ifDefined(context._id)}-designDescription" class="ui5-hidden-text">${ifDefined(context._designDescription)}</div>`;
+const block5 = (item, index, context, tags, suffix) => html`${ifDefined(item.overflowPresentation)}`;
 export default block0;

package/dist/generated/templates/TabInStripTemplate.lit.js CHANGED Viewed

@@ -1,14 +1,15 @@
 /* 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`<div id="${ifDefined(context._id)}" class="${ifDefined(context.stripClasses)}" tabindex="-1" role="tab" aria-posinset="${ifDefined(context._posinset)}" aria-setsize="${ifDefined(context._setsize)}" aria-controls="ui5-tc-content" aria-selected="${ifDefined(context.effectiveSelected)}" aria-disabled="${ifDefined(context.effectiveDisabled)}" ?disabled="${context.effectiveDisabled}" aria-labelledby="${ifDefined(context.ariaLabelledBy)}" data-ui5-stable="${ifDefined(context.stableDomRef)}" ._realTab="${ifDefined(context)}">${ context.icon ? block1(context, tags, suffix) : undefined }<div class="ui5-tab-strip-itemContent">${ !context._isInline ? block2(context, tags, suffix) : undefined }${ context.text ? block4(context, tags, suffix) : undefined }</div>${ context.requiresExpandButton ? block7(context, tags, suffix) : undefined } `;
-const block1 = (context, tags, suffix) => suffix ? html`<div class="ui5-tab-strip-item-icon-outer"><${scopeTag("ui5-icon", tags, suffix)} name="${ifDefined(context.icon)}" class="ui5-tab-strip-item-icon"></${scopeTag("ui5-icon", tags, suffix)}></div>` : html`<div class="ui5-tab-strip-item-icon-outer"><ui5-icon name="${ifDefined(context.icon)}" class="ui5-tab-strip-item-icon"></ui5-icon></div>`;
-const block2 = (context, tags, suffix) => html`${ context.additionalText ? block3(context, tags, suffix) : undefined }`;
-const block3 = (context, tags, suffix) => html`<span class="ui5-tab-strip-itemAdditionalText" id="${ifDefined(context._id)}-additionalText">${ifDefined(context.additionalText)}</span>`;
-const block4 = (context, tags, suffix) => html`<span class="ui5-tab-strip-itemText" id="${ifDefined(context._id)}-text">${ context.semanticIconName ? block5(context, tags, suffix) : undefined }${ifDefined(context.displayText)}${ context.isSingleClickArea ? block6(context, tags, suffix) : undefined }</span>`;
-const block5 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="${ifDefined(context.semanticIconClasses)}" name="${ifDefined(context.semanticIconName)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="${ifDefined(context.semanticIconClasses)}" name="${ifDefined(context.semanticIconName)}"></ui5-icon>`;
-const block6 = (context, tags, suffix) => suffix ? html`<span class="ui5-tab-single-click-icon"><${scopeTag("ui5-icon", tags, suffix)} name="slim-arrow-down"></${scopeTag("ui5-icon", tags, suffix)}></span>` : html`<span class="ui5-tab-single-click-icon"><ui5-icon name="slim-arrow-down"></ui5-icon></span>`;
-const block7 = (context, tags, suffix) => suffix ? html`<div class="ui5-tab-expand-button" @click="${context._onTabExpandButtonClick}"><${scopeTag("ui5-button", tags, suffix)} .tab=${ifDefined(context)} icon="slim-arrow-down" design="Transparent" tabindex="-1" ?disabled="${context.disabled}" aria-haspopup="true"></${scopeTag("ui5-button", tags, suffix)}></div>` : html`<div class="ui5-tab-expand-button" @click="${context._onTabExpandButtonClick}"><ui5-button .tab=${ifDefined(context)} icon="slim-arrow-down" design="Transparent" tabindex="-1" ?disabled="${context.disabled}" aria-haspopup="true"></ui5-button></div>`;
+const block0 = (context, tags, suffix) => html`<div id="${ifDefined(context._id)}" class="${ifDefined(context.stripClasses)}" tabindex="-1" role="tab" aria-posinset="${ifDefined(context._posinset)}" aria-setsize="${ifDefined(context._setsize)}" aria-controls="ui5-tc-content" aria-selected="${ifDefined(context.effectiveSelected)}" aria-disabled="${ifDefined(context.effectiveDisabled)}" ?disabled="${context.effectiveDisabled}" aria-labelledby="${ifDefined(context.ariaLabelledBy)}" data-ui5-stable="${ifDefined(context.stableDomRef)}" ._realTab="${ifDefined(context)}">${ context.icon ? block1(context, tags, suffix) : undefined }${ context._designDescription ? block2(context, tags, suffix) : undefined }<div class="ui5-tab-strip-itemContent">${ !context._isInline ? block3(context, tags, suffix) : undefined }${ context.text ? block5(context, tags, suffix) : undefined }</div>${ context.requiresExpandButton ? block8(context, tags, suffix) : undefined } `;
+const block1 = (context, tags, suffix) => suffix ? html`<div class="ui5-tab-strip-item-icon-outer"><${scopeTag("ui5-icon", tags, suffix)} id="${ifDefined(context._id)}-icon" name="${ifDefined(context.icon)}" class="ui5-tab-strip-item-icon"></${scopeTag("ui5-icon", tags, suffix)}></div>` : html`<div class="ui5-tab-strip-item-icon-outer"><ui5-icon id="${ifDefined(context._id)}-icon" name="${ifDefined(context.icon)}" class="ui5-tab-strip-item-icon"></ui5-icon></div>`;
+const block2 = (context, tags, suffix) => html`<div id="${ifDefined(context._id)}-designDescription" class="ui5-tab-strip-design-description">${ifDefined(context._designDescription)}</div>`;
+const block3 = (context, tags, suffix) => html`${ context.additionalText ? block4(context, tags, suffix) : undefined }`;
+const block4 = (context, tags, suffix) => html`<span class="ui5-tab-strip-itemAdditionalText" id="${ifDefined(context._id)}-additionalText">${ifDefined(context.additionalText)}</span>`;
+const block5 = (context, tags, suffix) => html`<span class="ui5-tab-strip-itemText" id="${ifDefined(context._id)}-text">${ context.semanticIconName ? block6(context, tags, suffix) : undefined }${ifDefined(context.displayText)}${ context.isSingleClickArea ? block7(context, tags, suffix) : undefined }</span>`;
+const block6 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-icon", tags, suffix)} class="${ifDefined(context.semanticIconClasses)}" name="${ifDefined(context.semanticIconName)}"></${scopeTag("ui5-icon", tags, suffix)}>` : html`<ui5-icon class="${ifDefined(context.semanticIconClasses)}" name="${ifDefined(context.semanticIconName)}"></ui5-icon>`;
+const block7 = (context, tags, suffix) => suffix ? html`<span class="ui5-tab-single-click-icon"><${scopeTag("ui5-icon", tags, suffix)} name="slim-arrow-down"></${scopeTag("ui5-icon", tags, suffix)}></span>` : html`<span class="ui5-tab-single-click-icon"><ui5-icon name="slim-arrow-down"></ui5-icon></span>`;
+const block8 = (context, tags, suffix) => suffix ? html`<div class="ui5-tab-expand-button" @click="${context._onTabExpandButtonClick}"><${scopeTag("ui5-button", tags, suffix)} .tab=${ifDefined(context)} icon="slim-arrow-down" design="Transparent" tabindex="-1" ?disabled="${context.disabled}" aria-haspopup="true"></${scopeTag("ui5-button", tags, suffix)}></div>` : html`<div class="ui5-tab-expand-button" @click="${context._onTabExpandButtonClick}"><ui5-button .tab=${ifDefined(context)} icon="slim-arrow-down" design="Transparent" tabindex="-1" ?disabled="${context.disabled}" aria-haspopup="true"></ui5-button></div>`;
 export default block0;

package/dist/generated/templates/TextAreaPopoverTemplate.lit.js CHANGED Viewed

@@ -5,7 +5,7 @@ const block0 = (context, tags, suffix) => html`${ context.displayValueStateMessa
 const block1 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-popover", tags, suffix)} skip-registry-update prevent-focus-restore hide-arrow _disable-initial-focus class="ui5-valuestatemessage-popover" style="${styleMap(context.styles.valueStateMsgPopover)}" placement-type="Bottom" horizontal-align="${ifDefined(context._valueStatePopoverHorizontalAlign)}"><div slot="header" class="ui5-valuestatemessage-root ${classMap(context.classes.valueStateMsg)}"><${scopeTag("ui5-icon", tags, suffix)} class="ui5-input-value-state-message-icon" name="${ifDefined(context._valueStateMessageIcon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ context.hasCustomValueState ? block2(context, tags, suffix) : block4(context, tags, suffix) }</div></${scopeTag("ui5-popover", tags, suffix)}>` : html`<ui5-popover skip-registry-update prevent-focus-restore hide-arrow _disable-initial-focus class="ui5-valuestatemessage-popover" style="${styleMap(context.styles.valueStateMsgPopover)}" placement-type="Bottom" horizontal-align="${ifDefined(context._valueStatePopoverHorizontalAlign)}"><div slot="header" class="ui5-valuestatemessage-root ${classMap(context.classes.valueStateMsg)}"><ui5-icon class="ui5-input-value-state-message-icon" name="${ifDefined(context._valueStateMessageIcon)}"></ui5-icon>${ context.hasCustomValueState ? block2(context, tags, suffix) : block4(context, tags, suffix) }</div></ui5-popover>`;
 const block2 = (context, tags, suffix) => html`${ repeat(context.valueStateMessageText, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix)) }`;
 const block3 = (item, index, context, tags, suffix) => html`${ifDefined(item)}`;
-const block4 = (context, tags, suffix) => html`${ifDefined(context.valueStateText)}`;
+const block4 = (context, tags, suffix) => html`${ifDefined(context.valueStateDefaultText)}`;
 export default block0;

package/dist/generated/templates/TreeTemplate.lit.js CHANGED Viewed

@@ -1,8 +1,8 @@
 /* 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) => suffix ? html`<${scopeTag("ui5-list", tags, suffix)} .mode="${ifDefined(context.mode)}" .headerText="${ifDefined(context.headerText)}" .footerText="${ifDefined(context.footerText)}" .noDataText="${ifDefined(context.noDataText)}" .accessibleRole="${ifDefined(context._role)}" @ui5-item-click="${ifDefined(context._onListItemClick)}" @ui5-item-delete="${ifDefined(context._onListItemDelete)}" @ui5-selection-change="${ifDefined(context._onListSelectionChange)}" class="ui5-tree-root"><slot name="header" slot="header"></slot>${ repeat(context._listItems, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</${scopeTag("ui5-list", tags, suffix)}> ` : html`<ui5-list .mode="${ifDefined(context.mode)}" .headerText="${ifDefined(context.headerText)}" .footerText="${ifDefined(context.footerText)}" .noDataText="${ifDefined(context.noDataText)}" .accessibleRole="${ifDefined(context._role)}" @ui5-item-click="${ifDefined(context._onListItemClick)}" @ui5-item-delete="${ifDefined(context._onListItemDelete)}" @ui5-selection-change="${ifDefined(context._onListSelectionChange)}" class="ui5-tree-root"><slot name="header" slot="header"></slot>${ repeat(context._listItems, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</ui5-list> `;
-const block1 = (item, index, context, tags, suffix) => suffix ? html`<${scopeTag("ui5-li-tree", tags, suffix)} type="Active" level="${ifDefined(item.level)}" icon="${ifDefined(item.treeItem.icon)}" ?indeterminate="${item.treeItem.indeterminate}" additional-text="${ifDefined(item.treeItem.additionalText)}" additional-text-state="${ifDefined(item.treeItem.additionalTextState)}" title="${ifDefined(item.treeItem.title)}" ?_toggle-button-end="${ifDefined(context._toggleButtonEnd)}" ?_minimal="${ifDefined(context._minimal)}" .treeItem="${ifDefined(item.treeItem)}" .expanded="${ifDefined(item.treeItem.expanded)}" .selected="${ifDefined(item.treeItem.selected)}" .showToggleButton="${ifDefined(item.treeItem.requiresToggleButton)}" ._posinset="${ifDefined(item.posinset)}" ._setsize="${ifDefined(item.size)}" @ui5-toggle="${ifDefined(context._onListItemToggle)}" @ui5-step-in="${ifDefined(context._onListItemStepIn)}" @ui5-step-out="${ifDefined(context._onListItemStepOut)}" @mouseover="${context._onListItemMouseOver}" @mouseout="${context._onListItemMouseOut}" exportparts="icon, toggle-icon">${ifDefined(item.treeItem.text)}</${scopeTag("ui5-li-tree", tags, suffix)}>` : html`<ui5-li-tree type="Active" level="${ifDefined(item.level)}" icon="${ifDefined(item.treeItem.icon)}" ?indeterminate="${item.treeItem.indeterminate}" additional-text="${ifDefined(item.treeItem.additionalText)}" additional-text-state="${ifDefined(item.treeItem.additionalTextState)}" title="${ifDefined(item.treeItem.title)}" ?_toggle-button-end="${ifDefined(context._toggleButtonEnd)}" ?_minimal="${ifDefined(context._minimal)}" .treeItem="${ifDefined(item.treeItem)}" .expanded="${ifDefined(item.treeItem.expanded)}" .selected="${ifDefined(item.treeItem.selected)}" .showToggleButton="${ifDefined(item.treeItem.requiresToggleButton)}" ._posinset="${ifDefined(item.posinset)}" ._setsize="${ifDefined(item.size)}" @ui5-toggle="${ifDefined(context._onListItemToggle)}" @ui5-step-in="${ifDefined(context._onListItemStepIn)}" @ui5-step-out="${ifDefined(context._onListItemStepOut)}" @mouseover="${context._onListItemMouseOver}" @mouseout="${context._onListItemMouseOut}" exportparts="icon, toggle-icon">${ifDefined(item.treeItem.text)}</ui5-li-tree>`;
+const block0 = (context, tags, suffix) => suffix ? html`<${scopeTag("ui5-list", tags, suffix)} .mode="${ifDefined(context.mode)}" .headerText="${ifDefined(context.headerText)}" .footerText="${ifDefined(context.footerText)}" .noDataText="${ifDefined(context.noDataText)}" .accessibleRole="${ifDefined(context._role)}" .accessibleName="${ifDefined(context._label)}" @ui5-item-click="${ifDefined(context._onListItemClick)}" @ui5-item-delete="${ifDefined(context._onListItemDelete)}" @ui5-selection-change="${ifDefined(context._onListSelectionChange)}" class="ui5-tree-root"><slot name="header" slot="header"></slot>${ repeat(context._listItems, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</${scopeTag("ui5-list", tags, suffix)}> ` : html`<ui5-list .mode="${ifDefined(context.mode)}" .headerText="${ifDefined(context.headerText)}" .footerText="${ifDefined(context.footerText)}" .noDataText="${ifDefined(context.noDataText)}" .accessibleRole="${ifDefined(context._role)}" .accessibleName="${ifDefined(context._label)}" @ui5-item-click="${ifDefined(context._onListItemClick)}" @ui5-item-delete="${ifDefined(context._onListItemDelete)}" @ui5-selection-change="${ifDefined(context._onListSelectionChange)}" class="ui5-tree-root"><slot name="header" slot="header"></slot>${ repeat(context._listItems, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</ui5-list> `;
+const block1 = (item, index, context, tags, suffix) => suffix ? html`<${scopeTag("ui5-li-tree", tags, suffix)} type="Active" level="${ifDefined(item.level)}" icon="${ifDefined(item.treeItem.icon)}" ?indeterminate="${item.treeItem.indeterminate}" additional-text="${ifDefined(item.treeItem.additionalText)}" additional-text-state="${ifDefined(item.treeItem.additionalTextState)}" title="${ifDefined(item.treeItem.title)}" accessible-name="${ifDefined(item.treeItem.accessibleName)}" ?_toggle-button-end="${ifDefined(context._toggleButtonEnd)}" ?_minimal="${ifDefined(context._minimal)}" .treeItem="${ifDefined(item.treeItem)}" .expanded="${ifDefined(item.treeItem.expanded)}" .selected="${ifDefined(item.treeItem.selected)}" .showToggleButton="${ifDefined(item.treeItem.requiresToggleButton)}" ._posinset="${ifDefined(item.posinset)}" ._setsize="${ifDefined(item.size)}" @ui5-toggle="${ifDefined(context._onListItemToggle)}" @ui5-step-in="${ifDefined(context._onListItemStepIn)}" @ui5-step-out="${ifDefined(context._onListItemStepOut)}" @mouseover="${context._onListItemMouseOver}" @mouseout="${context._onListItemMouseOut}" exportparts="icon, toggle-icon">${ifDefined(item.treeItem.text)}</${scopeTag("ui5-li-tree", tags, suffix)}>` : html`<ui5-li-tree type="Active" level="${ifDefined(item.level)}" icon="${ifDefined(item.treeItem.icon)}" ?indeterminate="${item.treeItem.indeterminate}" additional-text="${ifDefined(item.treeItem.additionalText)}" additional-text-state="${ifDefined(item.treeItem.additionalTextState)}" title="${ifDefined(item.treeItem.title)}" accessible-name="${ifDefined(item.treeItem.accessibleName)}" ?_toggle-button-end="${ifDefined(context._toggleButtonEnd)}" ?_minimal="${ifDefined(context._minimal)}" .treeItem="${ifDefined(item.treeItem)}" .expanded="${ifDefined(item.treeItem.expanded)}" .selected="${ifDefined(item.treeItem.selected)}" .showToggleButton="${ifDefined(item.treeItem.requiresToggleButton)}" ._posinset="${ifDefined(item.posinset)}" ._setsize="${ifDefined(item.size)}" @ui5-toggle="${ifDefined(context._onListItemToggle)}" @ui5-step-in="${ifDefined(context._onListItemStepIn)}" @ui5-step-out="${ifDefined(context._onListItemStepOut)}" @mouseover="${context._onListItemMouseOver}" @mouseout="${context._onListItemMouseOut}" exportparts="icon, toggle-icon">${ifDefined(item.treeItem.text)}</ui5-li-tree>`;
 export default block0;

package/dist/generated/themes/BreadcrumbsPopover.css.js CHANGED Viewed

@@ -5,4 +5,4 @@ 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/BreadcrumbsPopover.css",content:".ui5-breadcrumbs-popover::part(content){padding:0}.ui5-breadcrumbs-popover-footer{display:flex;justify-content:flex-end;width:100%;padding-right:.5rem}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/BreadcrumbsPopover.css",content:".ui5-breadcrumbs-popover::part(content){padding:0}.ui5-breadcrumbs-popover-footer{display:flex;justify-content:flex-end;width:100%;padding-right:.5rem;align-items:center}"}

package/dist/generated/themes/Dialog.css.js CHANGED Viewed

@@ -5,4 +5,4 @@ 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/Dialog.css",content:":host{min-width:20rem;min-height:6rem;max-height:94%;max-width:90%;flex-direction:column;box-shadow:var(--sapContent_Shadow3);border-radius:var(--sapElement_BorderCornerRadius)}:host([stretch]){width:90%;height:94%}:host([stretch][on-phone]){width:100%;height:100%;max-height:100%;max-width:100%;border-radius:0}:host([draggable]) .ui5-popup-header-root,:host([draggable]) ::slotted([slot=header]){cursor:move}:host([draggable]) .ui5-popup-header-root *{cursor:auto}.ui5-popup-root{display:flex;flex-direction:column;max-width:100vw}.ui5-popup-header-root{position:relative}:host([state=Error]) .ui5-popup-header-root{box-shadow:var(--_ui5_dialog_header_error_state_box_shadow)}:host([state=Information]) .ui5-popup-header-root{box-shadow:var(--_ui5_dialog_header_information_state_box_shadow)}:host([state=Success]) .ui5-popup-header-root{box-shadow:var(--_ui5_dialog_header_success_state_box_shadow)}:host([state=Warning]) .ui5-popup-header-root{box-shadow:var(--_ui5_dialog_header_warning_state_box_shadow)}.ui5-dialog-value-state-icon{margin-inline-end:.5rem}:host([state=Error]) .ui5-dialog-value-state-icon{color:var(--_ui5_dialog_header_error_state_icon_color)}:host([state=Information]) .ui5-dialog-value-state-icon{color:var(--_ui5_dialog_header_information_state_icon_color)}:host([state=Success]) .ui5-dialog-value-state-icon{color:var(--_ui5_dialog_header_success_state_icon_color)}:host([state=Warning]) .ui5-dialog-value-state-icon{color:var(--_ui5_dialog_header_warning_state_icon_color)}.ui5-popup-header-root:focus{outline:none}.ui5-popup-header-root:focus:after{content:\"\";position:absolute;left:var(--_ui5_dialog_header_focus_left_offset);bottom:var(--_ui5_dialog_header_focus_bottom_offset);right:var(--_ui5_dialog_header_focus_right_offset);top:var(--_ui5_dialog_header_focus_top_offset);border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5_dialog_header_border_radius) var(--_ui5_dialog_header_border_radius) 0 0;pointer-events:none}:host([stretch]) .ui5-popup-content{width:100%;height:100%}.ui5-popup-content{min-height:var(--_ui5_dialog_content_min_height);flex:1 1 auto}.ui5-popup-resize-handle{position:absolute;bottom:var(--_ui5_dialog_resize_handle_bottom);inset-inline-end:var(--_ui5_dialog_resize_handle_right);cursor:var(--_ui5_dialog_resize_cursor);color:var(--_ui5_dialog_resize_handle_color)}:host ::slotted([slot=footer]){height:var(--_ui5_dialog_footer_height)}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/Dialog.css",content:":host{min-width:20rem;min-height:6rem;max-height:94%;max-width:90%;flex-direction:column;box-shadow:var(--sapContent_Shadow3);border-radius:var(--sapElement_BorderCornerRadius)}:host([stretch]){width:90%;height:94%}:host([stretch][on-phone]){width:100%;height:100%;max-height:100%;max-width:100%;border-radius:0}:host([draggable]) .ui5-popup-header-root,:host([draggable]) ::slotted([slot=header]){cursor:move}:host([draggable]) .ui5-popup-header-root *{cursor:auto}:host([draggable]) .ui5-popup-root{user-select:text}.ui5-popup-root{display:flex;flex-direction:column;max-width:100vw}.ui5-popup-header-root{position:relative}:host([state=Error]) .ui5-popup-header-root{box-shadow:var(--_ui5_dialog_header_error_state_box_shadow)}:host([state=Information]) .ui5-popup-header-root{box-shadow:var(--_ui5_dialog_header_information_state_box_shadow)}:host([state=Success]) .ui5-popup-header-root{box-shadow:var(--_ui5_dialog_header_success_state_box_shadow)}:host([state=Warning]) .ui5-popup-header-root{box-shadow:var(--_ui5_dialog_header_warning_state_box_shadow)}.ui5-dialog-value-state-icon{margin-inline-end:.5rem}:host([state=Error]) .ui5-dialog-value-state-icon{color:var(--_ui5_dialog_header_error_state_icon_color)}:host([state=Information]) .ui5-dialog-value-state-icon{color:var(--_ui5_dialog_header_information_state_icon_color)}:host([state=Success]) .ui5-dialog-value-state-icon{color:var(--_ui5_dialog_header_success_state_icon_color)}:host([state=Warning]) .ui5-dialog-value-state-icon{color:var(--_ui5_dialog_header_warning_state_icon_color)}.ui5-popup-header-root:focus{outline:none}.ui5-popup-header-root:focus:after{content:\"\";position:absolute;left:var(--_ui5_dialog_header_focus_left_offset);bottom:var(--_ui5_dialog_header_focus_bottom_offset);right:var(--_ui5_dialog_header_focus_right_offset);top:var(--_ui5_dialog_header_focus_top_offset);border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5_dialog_header_border_radius) var(--_ui5_dialog_header_border_radius) 0 0;pointer-events:none}:host([stretch]) .ui5-popup-content{width:100%;height:100%}.ui5-popup-content{min-height:var(--_ui5_dialog_content_min_height);flex:1 1 auto}.ui5-popup-resize-handle{position:absolute;bottom:var(--_ui5_dialog_resize_handle_bottom);inset-inline-end:var(--_ui5_dialog_resize_handle_right);cursor:var(--_ui5_dialog_resize_cursor);color:var(--_ui5_dialog_resize_handle_color)}:host ::slotted([slot=footer]){height:var(--_ui5_dialog_footer_height)}"}

package/dist/generated/themes/Menu.css.js CHANGED Viewed

@@ -5,4 +5,4 @@ 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/Menu.css",content:".ui5-menu-rp[ui5-responsive-popover]::part(content),.ui5-menu-rp[ui5-responsive-popover]::part(footer),.ui5-menu-rp[ui5-responsive-popover]::part(header){padding:0}.ui5-menu-rp[ui5-responsive-popover]{box-shadow:var(--sapContent_Shadow1);border-radius:var(--_ui5_menu_popover_border_radius);max-width:20rem}.ui5-menu-item-icon-end{display:inline-block;vertical-align:middle;padding-inline-start:.5rem;pointer-events:none;float:var(--_ui5-menu_item_icon_float)}.ui5-menu-item-no-icon-end{min-width:var(--_ui5_list_item_icon_size);min-height:var(--_ui5_list_item_icon_size);display:inline-block;vertical-align:middle;padding-inline-start:.5rem;float:var(--_ui5-menu_item_icon_float)}.ui5-menu-item-dummy-icon{min-width:var(--_ui5_list_item_icon_size);min-height:var(--_ui5_list_item_icon_size);display:inline-block;vertical-align:middle;padding-inline-end:.5rem}.ui5-menu-dialog-header{display:flex;height:var(--_ui5-responsive_popover_header_height);align-items:center;justify-content:space-between;padding:0 1rem;width:100%;overflow:hidden}.ui5-menu-dialog-title{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:calc(100% - 6.5rem);padding-right:1rem}.ui5-menu-dialog-title>div{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-menu-back-button{margin-right:1rem}.ui5-menu-item:not([is-phone])::part(native-li){padding:var(--_ui5_menu_item_padding)}.ui5-menu-item[starts-section]{border-top:1px solid var(--sapGroup_ContentBorderColor)}.ui5-menu-item[active] .ui5-menu-item-icon-end{color:var(--sapList_Active_TextColor)}.ui5-menu-item[focused]:not([active]){background-color:var(--sapList_Hover_Background)}.ui5-menu-rp[sub-menu]{margin-top:.25rem;margin-inline:var(--_ui5_menu_submenu_margin_offset)}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/Menu.css",content:".ui5-menu-rp[ui5-responsive-popover]::part(content),.ui5-menu-rp[ui5-responsive-popover]::part(footer),.ui5-menu-rp[ui5-responsive-popover]::part(header){padding:0}.ui5-menu-rp[ui5-responsive-popover]{box-shadow:var(--sapContent_Shadow1);border-radius:var(--_ui5_menu_popover_border_radius);max-width:20rem}.ui5-menu-item-icon-end{display:inline-block;vertical-align:middle;padding-inline-start:.5rem;pointer-events:none;position:absolute;inset-inline-end:var(--_ui5_menu_item_submenu_icon_right)}.ui5-menu-item-no-icon-end{min-width:var(--_ui5_list_item_icon_size);min-height:var(--_ui5_list_item_icon_size);display:inline-block;vertical-align:middle;padding-inline-start:.5rem;pointer-events:none;inset-inline-end:var(--_ui5_menu_item_submenu_icon_right)}.ui5-menu-item[additional-text] .ui5-menu-item-no-icon-end{display:none}.ui5-menu-item-dummy-icon{min-width:var(--_ui5_list_item_icon_size);min-height:var(--_ui5_list_item_icon_size);display:inline-block;vertical-align:middle;padding-inline-end:.5rem;pointer-events:none}.ui5-menu-dialog-header{display:flex;height:var(--_ui5-responsive_popover_header_height);align-items:center;justify-content:space-between;padding:0 1rem;width:100%;overflow:hidden}.ui5-menu-dialog-title{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:calc(100% - 6.5rem);padding-right:1rem}.ui5-menu-dialog-title>div{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-menu-back-button{margin-right:1rem}.ui5-menu-item::part(title){font-size:var(--sapFontSize);padding-top:.125rem}.ui5-menu-item[icon]:not([is-phone])::part(title),.ui5-menu-item[is-phone]:not([icon=\"\"])::part(title){padding-top:0}.ui5-menu-item:not([is-phone])::part(native-li){padding:var(--_ui5_menu_item_padding)}.ui5-menu-item[starts-section]{border-top:1px solid var(--sapGroup_ContentBorderColor)}.ui5-menu-item[active] .ui5-menu-item-icon-end{color:var(--sapList_Active_TextColor)}.ui5-menu-item[focused]:not([active]){background-color:var(--sapList_Hover_Background)}.ui5-menu-rp[sub-menu]{margin-top:.25rem;margin-inline:var(--_ui5_menu_submenu_margin_offset)}.ui5-menu-item::part(additional-text){margin-inline-start:var(--_ui5_menu_item_additional_text_start_margin);color:var(--sapContent_LabelColor);min-width:max-content}"}

package/dist/generated/themes/Panel.css.js CHANGED Viewed

@@ -5,4 +5,4 @@ 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/Panel.css",content:".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block}:host{font-family:\"72override\",var(--sapFontFamily);background-color:var(--sapGroup_TitleBackground);border-radius:var(--_ui5_panel_border_radius)}:host(:not([collapsed])){border-bottom:var(--_ui5_panel_border_bottom)}:host([fixed]) .ui5-panel-header{padding-left:1rem}.ui5-panel-header{min-height:var(--_ui5_panel_header_height);width:100%;display:flex;justify-content:flex-start;align-items:center;outline:none;box-sizing:border-box;padding-right:var(--_ui5_panel_header_padding_right)}.ui5-panel-header-icon{color:var(--_ui5_panel_icon_color)}.ui5-panel-header-button-animated{transition:transform .4s ease-out}:host(:not([_has-header]):not([fixed])) .ui5-panel-header{cursor:pointer}:host(:not([_has-header]):not([fixed])) .ui5-panel-header:focus{outline:var(--_ui5_panel_focus_border);outline-offset:var(--_ui5_panel_outline_offset);border-radius:var(--_ui5_panel_border_radius)}:host(:not([collapsed]):not([_has-header]):not([fixed])) .ui5-panel-header:focus{border-radius:var(--_ui5_panel_border_radius_expanded)}:host(:not([collapsed])) .ui5-panel-header-button:not(.ui5-panel-header-button-with-icon),:host(:not([collapsed])) .ui5-panel-header-icon-wrapper [ui5-icon]{transform:var(--_ui5_panel_toggle_btn_rotation)}:host([fixed]) .ui5-panel-header-title{width:100%}.ui5-panel-header-title{width:calc(100% - var(--_ui5_panel_button_root_width));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:\"72override\",var(--sapFontHeaderFamily);font-size:var(--sapGroup_Title_FontSize);color:var(--sapGroup_TitleTextColor);font-weight:400}.ui5-panel-content{padding:.625rem 1rem 1.375rem 1rem;background-color:var(--sapGroup_ContentBackground);outline:none;border-bottom-left-radius:var(--_ui5_panel_border_radius);border-bottom-right-radius:var(--_ui5_panel_border_radius)}.ui5-panel-header-button-root{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--_ui5_panel_button_root_width);height:var(--_ui5_panel_button_root_width);padding:var(--_ui5_panel_header_button_wrapper_padding);box-sizing:border-box}:host([collapsed]) .ui5-panel-header,:host([fixed]:not([collapsed]):not([_has-header])) .ui5-panel-header{border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor)}:host([collapsed]) .ui5-panel-header{border-bottom-left-radius:var(--_ui5_panel_border_radius);border-bottom-right-radius:var(--_ui5_panel_border_radius)}:host(:not([fixed]):not([collapsed])) .ui5-panel-header{border-bottom:var(--_ui5_panel_default_header_border)}[ui5-button].ui5-panel-header-button{display:flex;justify-content:center;align-items:center;min-width:0;height:100%;width:100%}.ui5-panel-header-icon-wrapper{display:flex;justify-content:center;align-items:center}.ui5-panel-header-icon-wrapper,.ui5-panel-header-icon-wrapper .ui5-panel-header-icon{color:inherit}.ui5-panel-header-icon-wrapper,[ui5-button].ui5-panel-header-button-with-icon [ui5-icon]{pointer-events:none}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/Panel.css",content:".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block}:host{font-family:\"72override\",var(--sapFontFamily);background-color:var(--sapGroup_TitleBackground);border-radius:var(--_ui5_panel_border_radius)}:host(:not([collapsed])){border-bottom:var(--_ui5_panel_border_bottom)}:host([fixed]) .ui5-panel-header{padding-left:1rem}.ui5-panel-header{min-height:var(--_ui5_panel_header_height);width:100%;position:relative;display:flex;justify-content:flex-start;align-items:center;outline:none;box-sizing:border-box;padding-right:var(--_ui5_panel_header_padding_right)}.ui5-panel-header-icon{color:var(--_ui5_panel_icon_color)}.ui5-panel-header-button-animated{transition:transform .4s ease-out}:host(:not([_has-header]):not([fixed])) .ui5-panel-header{cursor:pointer}:host(:not([_has-header]):not([fixed])) .ui5-panel-header:focus:after{content:\"\";position:absolute;pointer-events:none;z-index:2;border:var(--_ui5_panel_focus_border);border-radius:var(--_ui5_panel_border_radius);top:var(--_ui5_panel_focus_offset);bottom:var(--_ui5_panel_focus_offset);left:var(--_ui5_panel_focus_offset);right:var(--_ui5_panel_focus_offset)}:host(:not([collapsed]):not([_has-header]):not([fixed])) .ui5-panel-header:focus:after{border-radius:var(--_ui5_panel_border_radius_expanded)}:host(:not([collapsed])) .ui5-panel-header-button:not(.ui5-panel-header-button-with-icon),:host(:not([collapsed])) .ui5-panel-header-icon-wrapper [ui5-icon]{transform:var(--_ui5_panel_toggle_btn_rotation)}:host([fixed]) .ui5-panel-header-title{width:100%}.ui5-panel-header-title{width:calc(100% - var(--_ui5_panel_button_root_width));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:\"72override\",var(--sapFontHeaderFamily);font-size:var(--sapGroup_Title_FontSize);color:var(--sapGroup_TitleTextColor);font-weight:400}.ui5-panel-content{padding:.625rem 1rem 1.375rem 1rem;background-color:var(--sapGroup_ContentBackground);outline:none;border-bottom-left-radius:var(--_ui5_panel_border_radius);border-bottom-right-radius:var(--_ui5_panel_border_radius)}.ui5-panel-header-button-root{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--_ui5_panel_button_root_width);height:var(--_ui5_panel_button_root_width);padding:var(--_ui5_panel_header_button_wrapper_padding);box-sizing:border-box}:host([collapsed]) .ui5-panel-header,:host([fixed]:not([collapsed]):not([_has-header])) .ui5-panel-header{border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor)}:host([collapsed]) .ui5-panel-header{border-bottom-left-radius:var(--_ui5_panel_border_radius);border-bottom-right-radius:var(--_ui5_panel_border_radius)}:host(:not([fixed]):not([collapsed])) .ui5-panel-header{border-bottom:var(--_ui5_panel_default_header_border)}[ui5-button].ui5-panel-header-button{display:flex;justify-content:center;align-items:center;min-width:0;height:100%;width:100%}.ui5-panel-header-icon-wrapper{display:flex;justify-content:center;align-items:center}.ui5-panel-header-icon-wrapper,.ui5-panel-header-icon-wrapper .ui5-panel-header-icon{color:inherit}.ui5-panel-header-icon-wrapper,[ui5-button].ui5-panel-header-button-with-icon [ui5-icon]{pointer-events:none}"}

package/dist/generated/themes/TabInOverflow.css.js CHANGED Viewed

@@ -5,4 +5,4 @@ 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/TabInOverflow.css",content:".ui5-tab-semantic-icon{display:var(--_ui5_tc_headerItemSemanticIcon_display);height:var(--_ui5_tc_headerItemSemanticIcon_size);width:var(--_ui5_tc_headerItemSemanticIcon_size);margin-inline-end:.5rem}.ui5-tab-semantic-icon--positive{color:var(--sapPositiveElementColor)}.ui5-tab-semantic-icon--negative{color:var(--sapNegativeElementColor)}.ui5-tab-semantic-icon--critical{color:var(--sapCriticalElementColor)}.ui5-tab-overflow-item{color:var(--_ui5_tc_overflowItem_default_color)}.ui5-tab-overflow-item--disabled{cursor:default;opacity:var(--sapContent_DisabledOpacity)}.ui5-tab-overflow-item[hidden]{display:none}.ui5-tab-semantic-icon{position:absolute;inset-inline-start:-.25rem}.ui5-tab-overflow-item--positive:not(.ui5-tab-overflow-item--disabled) .ui5-tab-overflow-itemContent{color:var(--_ui5_tc_overflowItem_positive_color)}.ui5-tab-overflow-item--negative:not(.ui5-tab-overflow-item--disabled) .ui5-tab-overflow-itemContent{color:var(--_ui5_tc_overflowItem_negative_color)}.ui5-tab-overflow-item--critical:not(.ui5-tab-overflow-item--disabled) .ui5-tab-overflow-itemContent{color:var(--_ui5_tc_overflowItem_critical_color)}.ui5-tab-overflow-item[active] .ui5-tab-overflow-itemContent{color:var(--sapList_Active_TextColor)}.ui5-tab-overflow-itemContent{display:flex;align-items:center;position:relative;padding-inline:1rem .5rem;height:var(--_ui5_tc_item_text);pointer-events:none;font-size:.875rem}.ui5-tab-overflow-itemContent-wrapper{padding-inline-start:calc(var(--_ui5-tab-indentation-level)*0.5rem + var(--_ui5-tab-extra-indent, 0)*var(--_ui5_tc_overflowItem_extraIndent))}.ui5-tab-overflow-item--selectedSubTab{background-color:var(--sapList_SelectionBackgroundColor)}.ui5-tab-overflow-item [ui5-icon]:not(.ui5-tab-semantic-icon){width:1.375rem;height:1.375rem;padding-inline-end:.75rem;color:var(--_ui5_tc_overflowItem_current_color)}.ui5-tab-container-responsive-popover [ui5-li-custom][focused]::part(native-li):after{inset:var(--_ui5_tc_overflowItem_focus_offset)}.ui5-tab-container-responsive-popover::part(content){padding:0}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/TabInOverflow.css",content:".ui5-tab-semantic-icon{display:var(--_ui5_tc_headerItemSemanticIcon_display);height:var(--_ui5_tc_headerItemSemanticIcon_size);width:var(--_ui5_tc_headerItemSemanticIcon_size);margin-inline-end:.5rem}.ui5-tab-semantic-icon--positive{color:var(--sapPositiveElementColor)}.ui5-tab-semantic-icon--negative{color:var(--sapNegativeElementColor)}.ui5-tab-semantic-icon--critical{color:var(--sapCriticalElementColor)}.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}.ui5-tab-overflow-item{color:var(--_ui5_tc_overflowItem_default_color)}.ui5-tab-overflow-item--disabled{cursor:default;opacity:var(--sapContent_DisabledOpacity)}.ui5-tab-overflow-item[hidden]{display:none}.ui5-tab-semantic-icon{position:absolute;inset-inline-start:-.25rem}.ui5-tab-overflow-item--positive:not(.ui5-tab-overflow-item--disabled) .ui5-tab-overflow-itemContent{color:var(--_ui5_tc_overflowItem_positive_color)}.ui5-tab-overflow-item--negative:not(.ui5-tab-overflow-item--disabled) .ui5-tab-overflow-itemContent{color:var(--_ui5_tc_overflowItem_negative_color)}.ui5-tab-overflow-item--critical:not(.ui5-tab-overflow-item--disabled) .ui5-tab-overflow-itemContent{color:var(--_ui5_tc_overflowItem_critical_color)}.ui5-tab-overflow-item[active] .ui5-tab-overflow-itemContent{color:var(--sapList_Active_TextColor)}.ui5-tab-overflow-itemContent{display:flex;align-items:center;position:relative;padding-inline:1rem .5rem;height:var(--_ui5_tc_item_text);pointer-events:none;font-size:.875rem}.ui5-tab-overflow-itemContent-wrapper{padding-inline-start:calc(var(--_ui5-tab-indentation-level)*0.5rem + var(--_ui5-tab-extra-indent, 0)*var(--_ui5_tc_overflowItem_extraIndent))}.ui5-tab-overflow-item--selectedSubTab{background-color:var(--sapList_SelectionBackgroundColor)}.ui5-tab-overflow-item [ui5-icon]:not(.ui5-tab-semantic-icon){width:1.375rem;height:1.375rem;padding-inline-end:.75rem;color:var(--_ui5_tc_overflowItem_current_color)}.ui5-tab-container-responsive-popover [ui5-li-custom][focused]::part(native-li):after{inset:var(--_ui5_tc_overflowItem_focus_offset)}.ui5-tab-container-responsive-popover::part(content){padding:0}"}

package/dist/generated/themes/TabInStrip.css.js CHANGED Viewed

@@ -5,4 +5,4 @@ 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/TabInStrip.css",content:".ui5-tab-semantic-icon{display:var(--_ui5_tc_headerItemSemanticIcon_display);height:var(--_ui5_tc_headerItemSemanticIcon_size);width:var(--_ui5_tc_headerItemSemanticIcon_size);margin-inline-end:.5rem}.ui5-tab-semantic-icon--positive{color:var(--sapPositiveElementColor)}.ui5-tab-semantic-icon--negative{color:var(--sapNegativeElementColor)}.ui5-tab-semantic-icon--critical{color:var(--sapCriticalElementColor)}.ui5-tab-strip-item{height:var(--_ui5_tc_header_height);color:var(--_ui5_tc_headerItem_color);cursor:pointer;padding:var(--_ui5_tc_headeritem_padding);font-size:var(--sapFontSmallSize);font-weight:var(--_ui5_tc_headeritem_text_font_weight);text-shadow:var(--sapContent_TextShadow);position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:2rem;max-width:100%;box-sizing:border-box}.ui5-tab-strip-itemText{position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-tab-strip-item--textOnly[hidden],.ui5-tab-strip-item.ui5-tab-strip-item--textOnly.ui5-tab-strip-item--inline[hidden],.ui5-tab-strip-item[hidden],.ui5-tc__separator[hidden]{display:none}.ui5-tab-strip-itemContent{display:flex;min-width:0;justify-content:center;flex-direction:column;padding:var(--_ui5_tc_headerItemContent_padding);border:var(--_ui5_tc_headerItemContent_default_focus_border);border-radius:var(--_ui5_tc_headerItemContent_focus_border_radius);pointer-events:none;transition:var(--_ui5_tc_headerItem_transition)}.ui5-tab-expand-button>[ui5-button]{height:1.5rem;min-width:1.5rem;margin-top:.25rem;margin-inline-start:.625rem}.ui5-tab-expand-button>[ui5-button]:not([active]){color:var(--_ui5_tc_headerItem_color)}.ui5-tab-strip-item--selected .ui5-tab-expand-button>[ui5-button]:not([active]){color:var(--_ui5_tc_headerItem_text_selected_color)}.ui5-tab-expand-button>[ui5-button]:hover:not([active]){color:var(--_ui5_tc_headerItem_text_selected_hover_color)}.ui5-tab-single-click-icon{margin-inline-start:.875rem}.ui5-tab-strip-item--selected.ui5-tab-strip-item--textOnly{color:var(--_ui5_tc_headerItem_text_selected_color)}.ui5-tab-strip-item--selected.ui5-tab-strip-item--singleClickArea .ui5-tab-strip-itemText .ui5-tab-single-click-icon>[ui5-icon]{color:var(--_ui5_tc_headerItem_text_selected_color)}.ui5-tab-strip-item--singleClickArea .ui5-tab-strip-itemText{display:flex;align-items:center}.ui5-tab-strip-item--singleClickArea .ui5-tab-strip-itemText .ui5-tab-single-click-icon{display:flex}.ui5-tab-strip-item--singleClickArea .ui5-tab-strip-itemText .ui5-tab-single-click-icon>[ui5-icon]{color:var(--_ui5_tc_headerItem_color)}.ui5-tab-strip-item--singleClickArea.ui5-tab-strip-item:hover:not(.ui5-tab-strip-item--selected):not(.ui5-tab-strip-item--disabled) .ui5-tab-single-click-icon>[ui5-icon],.ui5-tab-strip-item:hover:not(.ui5-tab-strip-item--selected):not(.ui5-tab-strip-item--negative).ui5-tab-strip-item--textOnly{color:var(--_ui5_tc_headerItem_text_hover_color)}.ui5-tab-strip-item--selected.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--selected.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer:after{content:\"\";position:absolute;bottom:0;left:0;right:0;border-bottom:var(--_ui5_tc_headerItemContent_border_bottom);border-radius:var(--_ui5_tc_headerItemContent_border_radius);background-color:var(--_ui5_tc_headerItemContent_border_bg);height:var(--_ui5_tc_headerItemContent_border_height)}.ui5-tab-strip-item--mixedMode:hover:not(.ui5-tab-strip-item--selected) .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--textOnly:hover:not(.ui5-tab-strip-item--selected) .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item-icon-outer:hover:not(.ui5-tab-strip-item--selected) .ui5-tab-strip-itemContent:after{border-color:var(--_ui5_tc_headerItem_hover_border_bg);background-color:var(--_ui5_tc_headerItem_hover_border_bg)}.ui5-tab-strip-item--mixedMode:hover.ui5-tab-strip-item--selected .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--textOnly:hover.ui5-tab-strip-item--selected .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item-icon-outer:hover.ui5-tab-strip-item--selected .ui5-tab-strip-itemContent:after{background-color:var(--_ui5_tc_headerItem_hover_selected_hover_border_bg)}.ui5-tab-strip-item--mixedMode:hover .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--selected.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--selected.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--textOnly:hover .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item-icon-outer:hover .ui5-tab-strip-itemContent:after{left:var(--_ui5_tc_headerItemContent_offset);right:var(--_ui5_tc_headerItemContent_offset)}.ui5-tab-strip-item--mixedMode:focus .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--selected.ui5-tab-strip-item--mixedMode:focus .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--selected.ui5-tab-strip-item--textOnly:focus .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--textOnly:focus .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item-icon-outer:focus .ui5-tab-strip-itemContent:after{left:var(--_ui5_tc_headerItemContent_focus_offset);right:var(--_ui5_tc_headerItemContent_focus_offset)}.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer:after{bottom:-.9375rem}.ui5-tab-strip-item--disabled{cursor:default;opacity:var(--sapContent_DisabledOpacity)}.ui5-tab-strip-item:focus{outline:none}.ui5-tab-strip-item--inline.ui5-tab-strip-item--textOnly:focus .ui5-tab-strip-itemText:before,.ui5-tab-strip-item--textOnly:focus .ui5-tab-strip-itemText:before{border-radius:var(--_ui5_tc_headerItem_focus_border_radius);content:\"\";pointer-events:none;position:absolute;border:var(--_ui5_tc_headerItem_focus_border);left:var(--_ui5_tc_headerItem_text_focus_border_offset_left);right:var(--_ui5_tc_headerItem_text_focus_border_offset_right);top:var(--_ui5_tc_headerItem_text_focus_border_offset_top);bottom:var(--_ui5_tc_headerItem_text_focus_border_offset_bottom)}.ui5-tab-strip-item--mixedMode:focus .ui5-tab-strip-itemContent:before{border-radius:var(--_ui5_tc_headerItem_focus_border_radius);content:\"\";pointer-events:none;position:absolute;border:var(--_ui5_tc_headerItem_focus_border);left:var(--_ui5_tc_headerItem_mixed_mode_focus_border_offset_left);right:var(--_ui5_tc_headerItem_mixed_mode_focus_border_offset_right);top:var(--_ui5_tc_headerItem_mixed_mode_focus_border_offset_top);bottom:var(--_ui5_tc_headerItem_mixed_mode_focus_border_offset_bottom)}.ui5-tab-strip-item--withIcon:focus .ui5-tab-strip-item-icon-outer:before{content:\"\";pointer-events:none;position:absolute;border:var(--_ui5_tc_headerItem_focus_border);left:var(--_ui5_tc_headerItem_focus_border_offset);right:var(--_ui5_tc_headerItem_focus_border_offset);top:var(--_ui5_tc_headerItem_focus_border_offset);bottom:var(--_ui5_tc_headerItem_focus_border_offset);border-radius:var(--_ui5_tc_headerItemIcon_focus_border_radius)}.ui5-tab-strip-item-icon-outer{display:flex;justify-content:center;align-items:center;position:relative;border:var(--_ui5_tc_headerItemIcon_border);border-radius:50%;margin-inline-end:.25rem;height:var(--_ui5_tc_item_icon_circle_size);width:var(--_ui5_tc_item_icon_circle_size);pointer-events:none;background-color:var(--_ui5_tc_headerItemIcon_background_color)}.ui5-tab-strip-item-icon{width:var(--_ui5_tc_item_icon_size);height:var(--_ui5_tc_item_icon_size);color:var(--_ui5_tc_headerItemIcon_color);text-shadow:var(--sapContent_TextShadow);pointer-events:none}.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer{background-color:var(--_ui5_tc_headerItemIcon_selected_background)}.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon{color:var(--_ui5_tc_headerItemIcon_selected_color);text-shadow:none}.ui5-tab-strip-itemAdditionalText+.ui5-tab-strip-itemText{display:flex}.ui5-tab-strip-item--inline .ui5-tab-strip-itemAdditionalText+.ui5-tab-strip-itemText{display:inline}.ui5-tab-strip-item--withIcon .ui5-tab-strip-itemAdditionalText+.ui5-tab-strip-itemText{margin-block-start:var(--_ui5_tc_item_add_text_margin_top)}.ui5-tab-strip-item--textOnly,.ui5-tab-strip-item.ui5-tab-strip-item--textOnly.ui5-tab-strip-item--inline{font-size:var(--sapFontSize);height:var(--_ui5_tc_item_text_only_height);display:flex;align-items:center;line-height:var(--_ui5_tc_item_text_line_height)}.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemText{padding:0 .188rem}.ui5-tab-strip-item--textOnly.ui5-tab-strip-item--withAddionalText{justify-content:flex-start;height:var(--_ui5_tc_item_text_only_with_additional_text_height)}.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemAdditionalText,.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemText{display:inline-block;vertical-align:middle}.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemContent{flex-direction:row;align-items:center}.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemAdditionalText{font-size:1.5rem;margin-inline-end:.5rem}.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemText{color:var(--_ui5_tc_mixedMode_itemText_color);font-family:var(--_ui5_tc_mixedMode_itemText_font_family);font-size:var(--_ui5_tc_mixedMode_itemText_font_size);font-weight:var(--_ui5_tc_mixedMode_itemText_font_weight)}.ui5-tab-strip-item--positive.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemText,.ui5-tab-strip-item--positive .ui5-tab-strip-item-icon-outer{color:var(--sapPositiveColor);border-color:var(--_ui5_tc_headerItem_positive_selected_border_color)}.ui5-tab-strip-item--positive .ui5-tab-strip-item-icon{color:var(--_ui5_tc_headerItem_positive_color)}.ui5-tab-strip-item--positive.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer{background-color:var(--_ui5_tc_headerItemIcon_positive_selected_background);color:var(--_ui5_tc_headerItemIcon_semantic_selected_color)}.ui5-tab-strip-item--positive.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon{color:var(--_ui5_tc_headerItemIcon_semantic_selected_color)}.ui5-tab-strip-item--neutral .ui5-tab-strip-item-icon-outer:after,.ui5-tab-strip-item.ui5-tab-strip-item--neutral .ui5-tab-strip-itemContent:after{border-color:var(--_ui5_tc_headerItem_neutral_border_color);background-color:var(--_ui5_tc_headerItem_neutral_border_bg)}.ui5-tab-strip-item--positive .ui5-tab-strip-item-icon-outer:after,.ui5-tab-strip-item.ui5-tab-strip-item--positive .ui5-tab-strip-itemContent:after{border-color:var(--_ui5_tc_headerItem_positive_border_color);background-color:var(--_ui5_tc_headerItem_positive_border_bg)}.ui5-tab-strip-item--negative.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemText,.ui5-tab-strip-item--negative .ui5-tab-strip-item-icon-outer{color:var(--sapNegativeColor);border-color:var(--_ui5_tc_headerItem_negative_selected_border_color)}.ui5-tab-strip-item--negative .ui5-tab-strip-item-icon{color:var(--_ui5_tc_headerItem_negative_color)}.ui5-tab-strip-item--negative.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer{background-color:var(--_ui5_tc_headerItemIcon_negative_selected_background)}.ui5-tab-strip-item--negative.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon{color:var(--_ui5_tc_headerItemIcon_semantic_selected_color)}.ui5-tab-strip-item--negative .ui5-tab-strip-item-icon-outer:after,.ui5-tab-strip-item.ui5-tab-strip-item--negative .ui5-tab-strip-itemContent:after{border-color:var(--_ui5_tc_headerItem_negative_border_color);background-color:var(--_ui5_tc_headerItem_negative_border_bg)}.ui5-tab-strip-item--critical.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemText,.ui5-tab-strip-item--critical .ui5-tab-strip-item-icon-outer{color:var(--sapCriticalColor);border-color:var(--_ui5_tc_headerItem_critical_selected_border_color)}.ui5-tab-strip-item--critical .ui5-tab-strip-item-icon{color:var(--_ui5_tc_headerItem_critical_color)}.ui5-tab-strip-item--critical.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer{background-color:var(--_ui5_tc_headerItemIcon_critical_selected_background)}.ui5-tab-strip-item--critical.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon{color:var(--_ui5_tc_headerItemIcon_semantic_selected_color)}.ui5-tab-strip-item--critical .ui5-tab-strip-item-icon-outer:after,.ui5-tab-strip-item.ui5-tab-strip-item--critical .ui5-tab-strip-itemContent:after{border-color:var(--_ui5_tc_headerItem_critical_border_color);background-color:var(--_ui5_tc_headerItem_critical_border_bg)}.ui5-tab-strip-item--neutral.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemText,.ui5-tab-strip-item--neutral .ui5-tab-strip-item-icon-outer{color:var(--sapNeutralColor);border-color:var(--_ui5_tc_headerItem_neutral_selected_border_color)}.ui5-tab-strip-item--neutral .ui5-tab-strip-item-icon{color:var(--_ui5_tc_headerItem_neutral_color)}.ui5-tab-strip-item--neutral.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer{background-color:var(--_ui5_tc_headerItemIcon_neutral_selected_background)}.ui5-tab-strip-item--neutral.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon{color:var(--_ui5_tc_headerItemIcon_semantic_selected_color)}.ui5-tab-strip-item--neutral .ui5-tab-strip-item-icon:after,.ui5-tab-strip-item.ui5-tab-strip-item--neutral .ui5-tab-strip-itemContent:after{border-color:var(--_ui5_tc_headerItem_neutral_border_color);background-color:var(--_ui5_tc_headerItem_neutral_border_bg)}.ui5-tab-strip-item--withIcon .ui5-tab-strip-itemContent .ui5-tab-strip-itemAdditionalText{padding:0}.ui5-tab-strip-item .ui5-tab-strip-itemAdditionalText{padding:0 .188rem;color:var(--_ui5_tc_headerItem_additional_text_color);font-weight:var(--_ui5_tc_headerItem_additional_text_font_weight)}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/TabInStrip.css",content:".ui5-tab-semantic-icon{display:var(--_ui5_tc_headerItemSemanticIcon_display);height:var(--_ui5_tc_headerItemSemanticIcon_size);width:var(--_ui5_tc_headerItemSemanticIcon_size);margin-inline-end:.5rem}.ui5-tab-semantic-icon--positive{color:var(--sapPositiveElementColor)}.ui5-tab-semantic-icon--negative{color:var(--sapNegativeElementColor)}.ui5-tab-semantic-icon--critical{color:var(--sapCriticalElementColor)}.ui5-tab-strip-item{height:var(--_ui5_tc_header_height);color:var(--_ui5_tc_headerItem_color);cursor:pointer;padding:var(--_ui5_tc_headeritem_padding);font-size:var(--sapFontSmallSize);font-weight:var(--_ui5_tc_headeritem_text_font_weight);text-shadow:var(--sapContent_TextShadow);position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:2rem;max-width:100%;box-sizing:border-box}.ui5-tab-strip-itemText{position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-tab-strip-design-description,.ui5-tab-strip-item--textOnly[hidden],.ui5-tab-strip-item.ui5-tab-strip-item--textOnly.ui5-tab-strip-item--inline[hidden],.ui5-tab-strip-item[hidden],.ui5-tc__separator[hidden]{display:none}.ui5-tab-strip-itemContent{display:flex;min-width:0;justify-content:center;flex-direction:column;padding:var(--_ui5_tc_headerItemContent_padding);border:var(--_ui5_tc_headerItemContent_default_focus_border);border-radius:var(--_ui5_tc_headerItemContent_focus_border_radius);pointer-events:none;transition:var(--_ui5_tc_headerItem_transition)}.ui5-tab-expand-button>[ui5-button]{height:1.5rem;min-width:1.5rem;margin-top:.25rem;margin-inline-start:.625rem}.ui5-tab-expand-button>[ui5-button]:not([active]){color:var(--_ui5_tc_headerItem_color)}.ui5-tab-strip-item--selected .ui5-tab-expand-button>[ui5-button]:not([active]){color:var(--_ui5_tc_headerItem_text_selected_color)}.ui5-tab-expand-button>[ui5-button]:hover:not([active]){color:var(--_ui5_tc_headerItem_text_selected_hover_color)}.ui5-tab-single-click-icon{margin-inline-start:.875rem}.ui5-tab-strip-item--selected.ui5-tab-strip-item--textOnly{color:var(--_ui5_tc_headerItem_text_selected_color)}.ui5-tab-strip-item--selected.ui5-tab-strip-item--singleClickArea .ui5-tab-strip-itemText .ui5-tab-single-click-icon>[ui5-icon]{color:var(--_ui5_tc_headerItem_text_selected_color)}.ui5-tab-strip-item--singleClickArea .ui5-tab-strip-itemText{display:flex;align-items:center}.ui5-tab-strip-item--singleClickArea .ui5-tab-strip-itemText .ui5-tab-single-click-icon{display:flex}.ui5-tab-strip-item--singleClickArea .ui5-tab-strip-itemText .ui5-tab-single-click-icon>[ui5-icon]{color:var(--_ui5_tc_headerItem_color)}.ui5-tab-strip-item--singleClickArea.ui5-tab-strip-item:hover:not(.ui5-tab-strip-item--selected):not(.ui5-tab-strip-item--disabled) .ui5-tab-single-click-icon>[ui5-icon],.ui5-tab-strip-item:hover:not(.ui5-tab-strip-item--selected):not(.ui5-tab-strip-item--negative).ui5-tab-strip-item--textOnly{color:var(--_ui5_tc_headerItem_text_hover_color)}.ui5-tab-strip-item--selected.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--selected.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer:after{content:\"\";position:absolute;bottom:0;left:0;right:0;border-bottom:var(--_ui5_tc_headerItemContent_border_bottom);border-radius:var(--_ui5_tc_headerItemContent_border_radius);background-color:var(--_ui5_tc_headerItemContent_border_bg);height:var(--_ui5_tc_headerItemContent_border_height)}.ui5-tab-strip-item--mixedMode:hover:not(.ui5-tab-strip-item--selected) .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--textOnly:hover:not(.ui5-tab-strip-item--selected) .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item-icon-outer:hover:not(.ui5-tab-strip-item--selected) .ui5-tab-strip-itemContent:after{border-color:var(--_ui5_tc_headerItem_hover_border_bg);background-color:var(--_ui5_tc_headerItem_hover_border_bg)}.ui5-tab-strip-item--mixedMode:hover.ui5-tab-strip-item--selected .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--textOnly:hover.ui5-tab-strip-item--selected .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item-icon-outer:hover.ui5-tab-strip-item--selected .ui5-tab-strip-itemContent:after{background-color:var(--_ui5_tc_headerItem_hover_selected_hover_border_bg)}.ui5-tab-strip-item--mixedMode:hover .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--selected.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--selected.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--textOnly:hover .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item-icon-outer:hover .ui5-tab-strip-itemContent:after{left:var(--_ui5_tc_headerItemContent_offset);right:var(--_ui5_tc_headerItemContent_offset)}.ui5-tab-strip-item--mixedMode:focus .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--selected.ui5-tab-strip-item--mixedMode:focus .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--selected.ui5-tab-strip-item--textOnly:focus .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item--textOnly:focus .ui5-tab-strip-itemContent:after,.ui5-tab-strip-item-icon-outer:focus .ui5-tab-strip-itemContent:after{left:var(--_ui5_tc_headerItemContent_focus_offset);right:var(--_ui5_tc_headerItemContent_focus_offset)}.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer:after{bottom:-.9375rem}.ui5-tab-strip-item--disabled{cursor:default;opacity:var(--sapContent_DisabledOpacity)}.ui5-tab-strip-item:focus{outline:none}.ui5-tab-strip-item--inline.ui5-tab-strip-item--textOnly:focus .ui5-tab-strip-itemText:before,.ui5-tab-strip-item--textOnly:focus .ui5-tab-strip-itemText:before{border-radius:var(--_ui5_tc_headerItem_focus_border_radius);content:\"\";pointer-events:none;position:absolute;border:var(--_ui5_tc_headerItem_focus_border);left:var(--_ui5_tc_headerItem_text_focus_border_offset_left);right:var(--_ui5_tc_headerItem_text_focus_border_offset_right);top:var(--_ui5_tc_headerItem_text_focus_border_offset_top);bottom:var(--_ui5_tc_headerItem_text_focus_border_offset_bottom)}.ui5-tab-strip-item--mixedMode:focus .ui5-tab-strip-itemContent:before{border-radius:var(--_ui5_tc_headerItem_focus_border_radius);content:\"\";pointer-events:none;position:absolute;border:var(--_ui5_tc_headerItem_focus_border);left:var(--_ui5_tc_headerItem_mixed_mode_focus_border_offset_left);right:var(--_ui5_tc_headerItem_mixed_mode_focus_border_offset_right);top:var(--_ui5_tc_headerItem_mixed_mode_focus_border_offset_top);bottom:var(--_ui5_tc_headerItem_mixed_mode_focus_border_offset_bottom)}.ui5-tab-strip-item--withIcon:focus .ui5-tab-strip-item-icon-outer:before{content:\"\";pointer-events:none;position:absolute;border:var(--_ui5_tc_headerItem_focus_border);left:var(--_ui5_tc_headerItem_focus_border_offset);right:var(--_ui5_tc_headerItem_focus_border_offset);top:var(--_ui5_tc_headerItem_focus_border_offset);bottom:var(--_ui5_tc_headerItem_focus_border_offset);border-radius:var(--_ui5_tc_headerItemIcon_focus_border_radius)}.ui5-tab-strip-item-icon-outer{display:flex;justify-content:center;align-items:center;position:relative;border:var(--_ui5_tc_headerItemIcon_border);border-radius:50%;margin-inline-end:.25rem;height:var(--_ui5_tc_item_icon_circle_size);width:var(--_ui5_tc_item_icon_circle_size);pointer-events:none;background-color:var(--_ui5_tc_headerItemIcon_background_color)}.ui5-tab-strip-item-icon{width:var(--_ui5_tc_item_icon_size);height:var(--_ui5_tc_item_icon_size);color:var(--_ui5_tc_headerItemIcon_color);text-shadow:var(--sapContent_TextShadow);pointer-events:none}.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer{background-color:var(--_ui5_tc_headerItemIcon_selected_background)}.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon{color:var(--_ui5_tc_headerItemIcon_selected_color);text-shadow:none}.ui5-tab-strip-itemAdditionalText+.ui5-tab-strip-itemText{display:flex}.ui5-tab-strip-item--inline .ui5-tab-strip-itemAdditionalText+.ui5-tab-strip-itemText{display:inline}.ui5-tab-strip-item--withIcon .ui5-tab-strip-itemAdditionalText+.ui5-tab-strip-itemText{margin-block-start:var(--_ui5_tc_item_add_text_margin_top)}.ui5-tab-strip-item--textOnly,.ui5-tab-strip-item.ui5-tab-strip-item--textOnly.ui5-tab-strip-item--inline{font-size:var(--sapFontSize);height:var(--_ui5_tc_item_text_only_height);display:flex;align-items:center;line-height:var(--_ui5_tc_item_text_line_height)}.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemText{padding:0 .188rem}.ui5-tab-strip-item--textOnly.ui5-tab-strip-item--withAddionalText{justify-content:flex-start;height:var(--_ui5_tc_item_text_only_with_additional_text_height)}.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemAdditionalText,.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemText{display:inline-block;vertical-align:middle}.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemContent{flex-direction:row;align-items:center}.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemAdditionalText{font-size:1.5rem;margin-inline-end:.5rem}.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemText{color:var(--_ui5_tc_mixedMode_itemText_color);font-family:var(--_ui5_tc_mixedMode_itemText_font_family);font-size:var(--_ui5_tc_mixedMode_itemText_font_size);font-weight:var(--_ui5_tc_mixedMode_itemText_font_weight)}.ui5-tab-strip-item--positive.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemText,.ui5-tab-strip-item--positive .ui5-tab-strip-item-icon-outer{color:var(--sapPositiveColor);border-color:var(--_ui5_tc_headerItem_positive_selected_border_color)}.ui5-tab-strip-item--positive .ui5-tab-strip-item-icon{color:var(--_ui5_tc_headerItem_positive_color)}.ui5-tab-strip-item--positive.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer{background-color:var(--_ui5_tc_headerItemIcon_positive_selected_background);color:var(--_ui5_tc_headerItemIcon_semantic_selected_color)}.ui5-tab-strip-item--positive.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon{color:var(--_ui5_tc_headerItemIcon_semantic_selected_color)}.ui5-tab-strip-item--neutral .ui5-tab-strip-item-icon-outer:after,.ui5-tab-strip-item.ui5-tab-strip-item--neutral .ui5-tab-strip-itemContent:after{border-color:var(--_ui5_tc_headerItem_neutral_border_color);background-color:var(--_ui5_tc_headerItem_neutral_border_bg)}.ui5-tab-strip-item--positive .ui5-tab-strip-item-icon-outer:after,.ui5-tab-strip-item.ui5-tab-strip-item--positive .ui5-tab-strip-itemContent:after{border-color:var(--_ui5_tc_headerItem_positive_border_color);background-color:var(--_ui5_tc_headerItem_positive_border_bg)}.ui5-tab-strip-item--negative.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemText,.ui5-tab-strip-item--negative .ui5-tab-strip-item-icon-outer{color:var(--sapNegativeColor);border-color:var(--_ui5_tc_headerItem_negative_selected_border_color)}.ui5-tab-strip-item--negative .ui5-tab-strip-item-icon{color:var(--_ui5_tc_headerItem_negative_color)}.ui5-tab-strip-item--negative.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer{background-color:var(--_ui5_tc_headerItemIcon_negative_selected_background)}.ui5-tab-strip-item--negative.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon{color:var(--_ui5_tc_headerItemIcon_semantic_selected_color)}.ui5-tab-strip-item--negative .ui5-tab-strip-item-icon-outer:after,.ui5-tab-strip-item.ui5-tab-strip-item--negative .ui5-tab-strip-itemContent:after{border-color:var(--_ui5_tc_headerItem_negative_border_color);background-color:var(--_ui5_tc_headerItem_negative_border_bg)}.ui5-tab-strip-item--critical.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemText,.ui5-tab-strip-item--critical .ui5-tab-strip-item-icon-outer{color:var(--sapCriticalColor);border-color:var(--_ui5_tc_headerItem_critical_selected_border_color)}.ui5-tab-strip-item--critical .ui5-tab-strip-item-icon{color:var(--_ui5_tc_headerItem_critical_color)}.ui5-tab-strip-item--critical.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer{background-color:var(--_ui5_tc_headerItemIcon_critical_selected_background)}.ui5-tab-strip-item--critical.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon{color:var(--_ui5_tc_headerItemIcon_semantic_selected_color)}.ui5-tab-strip-item--critical .ui5-tab-strip-item-icon-outer:after,.ui5-tab-strip-item.ui5-tab-strip-item--critical .ui5-tab-strip-itemContent:after{border-color:var(--_ui5_tc_headerItem_critical_border_color);background-color:var(--_ui5_tc_headerItem_critical_border_bg)}.ui5-tab-strip-item--neutral.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemText,.ui5-tab-strip-item--neutral .ui5-tab-strip-item-icon-outer{color:var(--sapNeutralColor);border-color:var(--_ui5_tc_headerItem_neutral_selected_border_color)}.ui5-tab-strip-item--neutral .ui5-tab-strip-item-icon{color:var(--_ui5_tc_headerItem_neutral_color)}.ui5-tab-strip-item--neutral.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer{background-color:var(--_ui5_tc_headerItemIcon_neutral_selected_background)}.ui5-tab-strip-item--neutral.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon{color:var(--_ui5_tc_headerItemIcon_semantic_selected_color)}.ui5-tab-strip-item--neutral .ui5-tab-strip-item-icon:after,.ui5-tab-strip-item.ui5-tab-strip-item--neutral .ui5-tab-strip-itemContent:after{border-color:var(--_ui5_tc_headerItem_neutral_border_color);background-color:var(--_ui5_tc_headerItem_neutral_border_bg)}.ui5-tab-strip-item--withIcon .ui5-tab-strip-itemContent .ui5-tab-strip-itemAdditionalText{padding:0}.ui5-tab-strip-item .ui5-tab-strip-itemAdditionalText{padding:0 .188rem;color:var(--_ui5_tc_headerItem_additional_text_color);font-weight:var(--_ui5_tc_headerItem_additional_text_font_weight)}"}

package/dist/generated/themes/Table.css.js CHANGED Viewed

@@ -5,4 +5,4 @@ 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/Table.css",content:"[growing-button]{display:flex;align-items:center;padding:var(--_ui5_load_more_padding);border-top:1px solid var(--sapList_BorderColor);border-bottom:var(--_ui5_load_more_border-bottom);box-sizing:border-box;cursor:pointer;outline:none}[growing-button-inner]{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:var(--_ui5_load_more_text_height);width:100%;color:var(--sapButton_TextColor);background-color:var(--sapList_Background);border:var(--_ui5_load_more_border);border-radius:var(--_ui5_load_more_border_radius);box-sizing:border-box}[growing-button-inner]:focus{outline:var(--_ui5_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.125rem;border-color:transparent}[growing-button-inner]:hover{background-color:var(--sapList_Hover_Background)}[growing-button-inner]:active,[growing-button-inner][active]{background-color:var(--sapList_Active_Background);border-color:var(--sapList_Active_Background)}[growing-button-inner]:active>*,[growing-button-inner][active]>*{color:var(--sapList_Active_TextColor)}[growing-button-subtext],[growing-button-text]{width:100%;text-align:center;font-family:\"72override\",var(--sapFontFamily);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}[growing-button-text]{height:var(--_ui5_load_more_text_height);padding:.875rem 1rem 0 1rem;font-size:var(--_ui5_load_more_text_font_size);font-weight:700}[growing-button-subtext]{font-size:var(--sapFontSize);padding:var(--_ui5_load_more_desc_padding)}:host(:not([hidden])){display:inline-block;width:100%}.ui5-table-root{position:relative;border-bottom:var(--ui5_table_bottom_border)}table{width:100%;border-spacing:0;border-collapse:collapse}.ui5-table-header-row{color:var(--sapTextColor);height:var(--ui5_table_header_row_height);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:var(--ui5_table_header_row_font_weight);border-bottom:var(--ui5_table_header_row_border_width) solid var(--ui5_table_header_row_border_bottom_color)}.ui5-table-header-row:focus{outline:var(--ui5_table_header_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--ui5_table_focus_outline_offset)}tr{height:3rem}.ui5-table-no-data-row{display:flex;align-items:center;width:100%;height:auto;justify-content:center;text-align:center;padding:.5rem 1rem;font-family:\"72override\",var(--sapFontFamily);font-size:.875rem;box-sizing:border-box;color:var(--sapTextColor);min-height:3rem;background-color:var(--sapList_Background);border-top:1px solid var(--sapList_BorderColor)}.ui5-table-end-row{height:0}:host([busy]) .ui5-table-busy-row{position:absolute;left:0;right:0;bottom:0;top:0;outline:none}:host([busy]) .ui5-table-busy-ind{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}:host([busy]) [growing-button]{opacity:.72}.ui5-table-select-all-column{width:var(--ui5_table_multiselect_column_width);text-align:center}:host([sticky-column-header]) .ui5-table-header-row{position:sticky;top:0;z-index:99}th{background:var(--sapList_HeaderBackground)}.ui5-table-focusarea{position:fixed}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/Table.css",content:"[growing-button]{display:flex;align-items:center;padding:var(--_ui5_load_more_padding);border-top:1px solid var(--sapList_BorderColor);border-bottom:var(--_ui5_load_more_border-bottom);box-sizing:border-box;cursor:pointer;outline:none}[growing-button-inner]{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:var(--_ui5_load_more_text_height);width:100%;color:var(--sapButton_TextColor);background-color:var(--sapList_Background);border:var(--_ui5_load_more_border);border-radius:var(--_ui5_load_more_border_radius);box-sizing:border-box}[growing-button-inner]:focus{outline:var(--_ui5_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.125rem;border-color:transparent}[growing-button-inner]:hover{background-color:var(--sapList_Hover_Background)}[growing-button-inner]:active,[growing-button-inner][active]{background-color:var(--sapList_Active_Background);border-color:var(--sapList_Active_Background)}[growing-button-inner]:active>*,[growing-button-inner][active]>*{color:var(--sapList_Active_TextColor)}[growing-button-subtext],[growing-button-text]{width:100%;text-align:center;font-family:\"72override\",var(--sapFontFamily);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}[growing-button-text]{height:var(--_ui5_load_more_text_height);padding:.875rem 1rem 0 1rem;font-size:var(--_ui5_load_more_text_font_size);font-weight:700}[growing-button-subtext]{font-size:var(--sapFontSize);padding:var(--_ui5_load_more_desc_padding)}:host(:not([hidden])){display:inline-block;width:100%}.ui5-table-root{position:relative;border-bottom:var(--ui5_table_bottom_border)}table{width:100%;border-spacing:0;border-collapse:collapse}.ui5-table-header-row{color:var(--sapTextColor);height:var(--ui5_table_header_row_height);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:var(--ui5_table_header_row_font_weight);border-bottom:var(--ui5_table_header_row_border_width) solid var(--ui5_table_header_row_border_bottom_color)}.ui5-table-header-row:focus{outline:var(--ui5_table_header_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--ui5_table_focus_outline_offset)}tr{height:3rem}.ui5-table-no-data-row{display:flex;align-items:center;width:100%;height:auto;justify-content:center;text-align:center;padding:.5rem 1rem;font-family:\"72override\",var(--sapFontFamily);font-size:.875rem;box-sizing:border-box;color:var(--sapTextColor);min-height:3rem;background-color:var(--sapList_Background);border-top:1px solid var(--sapList_BorderColor)}.ui5-table-end-row{height:0}:host([busy]) .ui5-table-busy-row{position:absolute;left:0;right:0;bottom:0;top:0;outline:none}:host([busy]) .ui5-table-busy-ind{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}:host([busy]) [growing-button]{opacity:.72}:host [growing-button]{border-bottom:var(--_ui5_table_load_more_border-bottom)}.ui5-table-select-all-column{width:var(--ui5_table_multiselect_column_width);text-align:center}:host([sticky-column-header]) .ui5-table-header-row{position:sticky;top:0;z-index:99}th{background:var(--sapList_HeaderBackground)}.ui5-table-focusarea{position:fixed}"}

package/dist/generated/themes/TableColumn.css.js CHANGED Viewed

@@ -5,4 +5,4 @@ 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/TableColumn.css",content:":host{display:contents}th{background:var(--sapList_HeaderBackground);width:inherit;font-weight:var(--ui5_table_header_row_font_weight);font-size:var(--sapFontMediumSize);padding:.5rem;box-sizing:border-box;text-align:start;vertical-align:middle}:host([first]) th{padding-left:1rem}th ::slotted([ui5-label]){font-weight:var(--ui5_table_header_row_font_weight);font-size:var(--sapFontMediumSize)}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/TableColumn.css",content:":host{display:contents}th{background:var(--sapList_HeaderBackground);width:inherit;font-weight:var(--ui5_table_header_row_font_weight);font-size:var(--sapFontMediumSize);padding:.5rem;box-sizing:border-box;text-align:start;vertical-align:middle}:host([first]) th{padding-inline-start:1rem}th ::slotted([ui5-label]){font-weight:var(--ui5_table_header_row_font_weight);font-size:var(--sapFontMediumSize)}"}

package/dist/generated/themes/TableRow.css.js CHANGED Viewed

@@ -5,4 +5,4 @@ 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/TableRow.css",content:":host{display:contents}:host([_busy]) .ui5-table-row-root{opacity:.72;pointer-events:none}.ui5-table-row-root{background-color:var(--sapList_Background);color:var(--sapList_TextColor);border-top:1px solid var(--sapList_BorderColor);height:var(--ui5_table_row_height)}.ui5-table-row-root:focus{outline:var(--ui5_table_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--ui5_table_focus_outline_offset)}.ui5-table-popin-row{background-color:var(--sapList_Background)}.ui5-table-popin-row.all-columns-popped-in.popin-header{border-top:1px solid var(--sapList_BorderColor)}.ui5-table-popin-row td{padding-top:.5rem;padding-left:1rem}.ui5-table-popin-row:last-child td{padding-bottom:.5rem}.ui5-table-row-popin-title{color:var(--sapContent_LabelColor);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-table-multi-select-cell{padding:.25rem 0;box-sizing:border-box;text-align:center;vertical-align:middle}:host([mode=SingleSelect]) .ui5-table-row-root{cursor:pointer}:host([mode=MultiSelect]) .ui5-table-row-root .ui5-table-multi-select-cell{cursor:pointer}:host ::slotted([ui5-table-cell]:not([popined])){padding:.25rem .5rem}:host(:not([mode=MultiSelect])) ::slotted([ui5-table-cell]:not([popined]):first-child){padding-left:1rem}:host([mode=SingleSelect]) .ui5-table-row-root:hover:not(:active),:host([type=Active]) .ui5-table-row-root:hover{background-color:var(--sapList_Hover_Background)}:host([selected][type=Active]) .ui5-table-row-root:active,:host([type=Active]) .ui5-table-row-root:active{background-color:var(--sapList_Active_Background)}:host([type=Active]) .ui5-table-row-root:active ::slotted([ui5-table-cell]){color:var(--sapList_Active_TextColor)}:host([selected]) .ui5-table-row-root:not(:active){background-color:var(--sapList_SelectionBackgroundColor);border-bottom:1px solid var(--sapList_SelectionBorderColor)}:host([selected][mode=SingleSelect]) .ui5-table-row-root:hover:not(:active),:host([selected][type=Active]) .ui5-table-row-root:hover:not(:active){background-color:var(--sapList_Hover_SelectionBackground)}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/TableRow.css",content:":host{display:contents}:host([_busy]) .ui5-table-row-root{opacity:.72;pointer-events:none}.ui5-table-row-root{background-color:var(--sapList_Background);color:var(--sapList_TextColor);border-top:1px solid var(--sapList_BorderColor);height:var(--ui5_table_row_height)}.ui5-table-row-root:focus{outline:var(--ui5_table_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--ui5_table_focus_outline_offset)}.ui5-table-popin-row{background-color:var(--sapList_Background)}.ui5-table-popin-row.all-columns-popped-in.popin-header{border-top:1px solid var(--sapList_BorderColor)}.ui5-table-popin-row td{padding-top:.5rem;padding-inline-start:1rem}.ui5-table-popin-row:last-child td{padding-bottom:.5rem}.ui5-table-row-popin-title{color:var(--sapContent_LabelColor);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-table-multi-select-cell{padding:.25rem 0;box-sizing:border-box;text-align:center;vertical-align:middle}:host([mode=SingleSelect]) .ui5-table-row-root{cursor:pointer}:host([mode=MultiSelect]) .ui5-table-row-root .ui5-table-multi-select-cell{cursor:pointer}:host ::slotted([ui5-table-cell]:not([popined])){padding:.25rem .5rem}:host(:not([mode=MultiSelect])) ::slotted([ui5-table-cell]:not([popined]):first-child){padding-inline-start:1rem}:host([mode=SingleSelect]) .ui5-table-row-root:hover:not(:active),:host([type=Active]) .ui5-table-row-root:hover{background-color:var(--sapList_Hover_Background)}:host([selected][type=Active]) .ui5-table-row-root:active,:host([type=Active]) .ui5-table-row-root:active{background-color:var(--sapList_Active_Background)}:host([type=Active]) .ui5-table-row-root:active ::slotted([ui5-table-cell]){color:var(--sapList_Active_TextColor)}:host([selected]) .ui5-table-row-root:not(:active){background-color:var(--sapList_SelectionBackgroundColor);border-bottom:1px solid var(--sapList_SelectionBorderColor)}:host([selected][mode=SingleSelect]) .ui5-table-row-root:hover:not(:active),:host([selected][type=Active]) .ui5-table-row-root:hover:not(:active){background-color:var(--sapList_Hover_SelectionBackground)}"}