@ui5/webcomponents 1.1.0 → 1.2.0

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

@@ -2,15 +2,15 @@
 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="${classMap(context.classes.root)}" dir="${ifDefined(context.effectiveDir)}">${ context.tabsAtTheBottom ? block1(context, tags, suffix) : undefined }<div class="${classMap(context.classes.header)}" id="${ifDefined(context._id)}-header"><div class="ui5-tc__overflow ui5-tc__overflow--start" @click="${context._onOverflowClick}" @keydown="${context._onOverflowKeyDown}" hidden>${ context.startOverflowButton.length ? block4(context, tags, suffix) : block5(context, tags, suffix) }</div><div id="${ifDefined(context._id)}-tabStrip" class="${classMap(context.classes.tabStrip)}" role="tablist" @click="${context._onTabStripClick}" @keydown="${context._onTabStripKeyDown}" @keyup="${context._onTabStripKeyUp}">${ repeat(context.items, (item, index) => item._id || index, (item, index) => block6(item, index, context, tags, suffix)) }</div><div class="ui5-tc__overflow ui5-tc__overflow--end" @click="${context._onOverflowClick}" @keydown="${context._onOverflowKeyDown}" hidden>${ context.overflowButton.length ? block7(context, tags, suffix) : block8(context, tags, suffix) }</div></div>${ !context.tabsAtTheBottom ? block9(context, tags, suffix) : undefined }</div> `;
-const block1 = (context, tags, suffix) => html`<div class="${classMap(context.classes.content)}">${ repeat(context.items, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix)) }</div>`;
+const block1 = (context, tags, suffix) => html`<div class="${classMap(context.classes.content)}" part="content">${ repeat(context.items, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix)) }</div>`;
 const block2 = (item, index, context, tags, suffix) => html`${ !item.isSeparator ? block3(item, index, context, tags, suffix) : undefined }`;
 const block3 = (item, index, context, tags, suffix) => html`<div class="ui5-tc__contentItem" id="ui5-tc-contentItem-${ifDefined(item._posinset)}" ?hidden="${item.effectiveHidden}" role="tabpanel" aria-labelledby="${ifDefined(item._id)}"><slot name="${ifDefined(item._individualSlot)}"></slot></div>`;
 const block4 = (context, tags, suffix) => html`<slot name="startOverflowButton"></slot>`;
-const block5 = (context, tags, suffix) => html`<${scopeTag("ui5-button", tags, suffix)} icon="${ifDefined(context.overflowMenuIcon)}" data-ui5-stable="overflow-start" tabindex="-1" title="${ifDefined(context.overflowMenuTitle)}" aria-haspopup="true" icon-end>${ifDefined(context._startOverflowText)}</${scopeTag("ui5-button", tags, suffix)}>`;
+const block5 = (context, tags, suffix) => html`<${scopeTag("ui5-button", tags, suffix)} icon="${ifDefined(context.overflowMenuIcon)}" data-ui5-stable="overflow-start" tabindex="-1" tooltip="${ifDefined(context.overflowMenuTitle)}" aria-haspopup="true" icon-end>${ifDefined(context._startOverflowText)}</${scopeTag("ui5-button", tags, suffix)}>`;
 const block6 = (item, index, context, tags, suffix) => html`${ifDefined(item.stripPresentation)}`;
 const block7 = (context, tags, suffix) => html`<slot name="overflowButton"></slot>`;
-const block8 = (context, tags, suffix) => html`<${scopeTag("ui5-button", tags, suffix)} icon="${ifDefined(context.overflowMenuIcon)}" data-ui5-stable="overflow-end" tabindex="-1" title="${ifDefined(context.overflowMenuTitle)}" aria-haspopup="true" icon-end>${ifDefined(context._endOverflowText)}</${scopeTag("ui5-button", tags, suffix)}>`;
-const block9 = (context, tags, suffix) => html`<div class="${classMap(context.classes.content)}">${ repeat(context.items, (item, index) => item._id || index, (item, index) => block10(item, index, context, tags, suffix)) }</div>`;
+const block8 = (context, tags, suffix) => html`<${scopeTag("ui5-button", tags, suffix)} icon="${ifDefined(context.overflowMenuIcon)}" data-ui5-stable="overflow-end" tabindex="-1" tooltip="${ifDefined(context.overflowMenuTitle)}" aria-haspopup="true" icon-end>${ifDefined(context._endOverflowText)}</${scopeTag("ui5-button", tags, suffix)}>`;
+const block9 = (context, tags, suffix) => html`<div class="${classMap(context.classes.content)}" part="content">${ repeat(context.items, (item, index) => item._id || index, (item, index) => block10(item, index, context, tags, suffix)) }</div>`;
 const block10 = (item, index, context, tags, suffix) => html`${ !item.isSeparator ? block11(item, index, context, tags, suffix) : undefined }`;
 const block11 = (item, index, context, tags, suffix) => html`<div class="ui5-tc__contentItem" id="ui5-tc-contentItem-${ifDefined(item._posinset)}" ?hidden="${item.effectiveHidden}" role="tabpanel" aria-labelledby="${ifDefined(item._id)}"><slot name="${ifDefined(item._individualSlot)}"></slot></div>`;
 

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

@@ -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`<tr class="ui5-table-group-row-root" part="group-row" role="row" aria-label=${ifDefined(context.ariaLabelText)} tabindex="${ifDefined(context._tabIndex)}" dir="${ifDefined(context.effectiveDir)}"><td colspan=${ifDefined(context.colSpan)}><slot></slot></td></tr>`;
+const block0 = (context, tags, suffix) => html`<tr class="ui5-table-group-row-root" part="group-row" role="row" aria-label=${ifDefined(context.ariaLabelText)} tabindex="${ifDefined(context._tabIndex)}" dir="${ifDefined(context.effectiveDir)}" @focusin="${context._onfocusin}"><td colspan=${ifDefined(context.colSpan)}><slot></slot></td></tr>`;
 
 
 export default block0;

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

@@ -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) => html`<tr class="ui5-table-row-root" tabindex="${ifDefined(context._tabIndex)}" @focusin="${context._onfocusin}" @click="${context._onrowclick}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @mouseup="${context._onmouseup}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" aria-label="${ifDefined(context.ariaLabelText)}" aria-selected="${ifDefined(context.selected)}" data-sap-focus-ref part="row" role="row">${ context.isMultiSelect ? block1(context, tags, suffix) : undefined }${ context.shouldPopin ? block2(context, tags, suffix) : block4(context, tags, suffix) }</tr>${ context.shouldPopin ? block6(context, tags, suffix) : undefined } `;
-const block1 = (context, tags, suffix) => html`<td class="ui5-table-multi-select-cell" aria-hidden="true" role="presentation"><${scopeTag("ui5-checkbox", tags, suffix)} class="ui5-multi-select-checkbox" ?checked="${context.selected}" aria-label="${ifDefined(context.ariaLabelRowSelection)}" @ui5-change="${ifDefined(context._handleSelection)}"></${scopeTag("ui5-checkbox", tags, suffix)}></td>`;
+const block0 = (context, tags, suffix) => html`<tr class="ui5-table-row-root" tabindex="${ifDefined(context._tabIndex)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @click="${context._onrowclick}" @keydown="${context._onkeydown}" @keyup="${context._onkeyup}" @mouseup="${context._onmouseup}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" aria-label="${ifDefined(context.ariaLabelText)}" aria-selected="${ifDefined(context.selected)}" data-sap-focus-ref part="row" role="row">${ context.isMultiSelect ? block1(context, tags, suffix) : undefined }${ context.shouldPopin ? block2(context, tags, suffix) : block4(context, tags, suffix) }</tr>${ context.shouldPopin ? block6(context, tags, suffix) : undefined } `;
+const block1 = (context, tags, suffix) => html`<td class="ui5-table-multi-select-cell" aria-hidden="true" role="presentation"><${scopeTag("ui5-checkbox", tags, suffix)} class="ui5-multi-select-checkbox" ?checked="${context.selected}" aria-label="${ifDefined(context.ariaLabelRowSelection)}" @ui5-change="${ifDefined(context._handleSelection)}" tabindex="-1"></${scopeTag("ui5-checkbox", tags, suffix)}></td>`;
 const block2 = (context, tags, suffix) => html`${ repeat(context.visibleCells, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix)) }`;
 const block3 = (item, index, context, tags, suffix) => html`<slot name="${ifDefined(item._individualSlot)}"></slot>`;
 const block4 = (context, tags, suffix) => html`${ repeat(context.cells, (item, index) => item._id || index, (item, index) => block5(item, index, context, tags, suffix)) }`;

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

@@ -1,14 +1,14 @@
 /* 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-table-root">${ context.busy ? block1(context, tags, suffix) : undefined }<table border="0" cellspacing="0" cellpadding="0" @keydown="${context._onkeydown}" role="table"><thead><tr id="${ifDefined(context._columnHeader.id)}" role="row" class="ui5-table-header-row" aria-label="${ifDefined(context.ariaLabelText)}" tabindex="${ifDefined(context._columnHeader._tabIndex)}" @click="${context._onColumnHeaderClick}">${ context.isMultiSelect ? block2(context, tags, suffix) : undefined }${ repeat(context.visibleColumns, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix)) }</tr></thead><tbody>${ repeat(context.rows, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix)) }${ !context.rows.length ? block5(context, tags, suffix) : undefined }${ context.growsWithButton ? block7(context, tags, suffix) : undefined }${ context.growsOnScroll ? block9(context, tags, suffix) : undefined }</tbody></table></div> `;
+const block0 = (context, tags, suffix) => html`<div class="ui5-table-root">${ context.busy ? block1(context, tags, suffix) : undefined }<table border="0" cellspacing="0" cellpadding="0" @keydown="${context._onkeydown}" role="table"><thead><tr id="${ifDefined(context._columnHeader.id)}" role="row" class="ui5-table-header-row" aria-label="${ifDefined(context.ariaLabelText)}" tabindex="${ifDefined(context._columnHeader._tabIndex)}" @click="${context._onColumnHeaderClick}" @keydown="${context._onColumnHeaderKeydown}">${ context.isMultiSelect ? block2(context, tags, suffix) : undefined }${ repeat(context.visibleColumns, (item, index) => item._id || index, (item, index) => block3(item, index, context, tags, suffix)) }</tr></thead><tbody>${ repeat(context.rows, (item, index) => item._id || index, (item, index) => block4(item, index, context, tags, suffix)) }${ !context.rows.length ? block5(context, tags, suffix) : undefined }${ context.growsWithButton ? block7(context, tags, suffix) : undefined }${ context.growsOnScroll ? block9(context, tags, suffix) : undefined }</tbody></table></div> `;
 const block1 = (context, tags, suffix) => html`<div tabindex="-1" class="ui5-table-busy-row"><${scopeTag("ui5-busy-indicator", tags, suffix)} delay="${ifDefined(context.busyDelay)}" class="ui5-table-busy-ind" style="${styleMap(context.styles.busy)}" active size="Medium" data-sap-focus-ref></${scopeTag("ui5-busy-indicator", tags, suffix)}></div>`;
-const block2 = (context, tags, suffix) => html`<th class="ui5-table-select-all-column" role="presentation" aria-hidden="true"><${scopeTag("ui5-checkbox", tags, suffix)} class="ui5-table-select-all-checkbox" ?checked="${context._allRowsSelected}" @ui5-change="${ifDefined(context._selectAll)}" aria-label="${ifDefined(context.ariaLabelSelectAllText)}"></${scopeTag("ui5-checkbox", tags, suffix)}></th>`;
+const block2 = (context, tags, suffix) => html`<th class="ui5-table-select-all-column" role="presentation" aria-hidden="true"><${scopeTag("ui5-checkbox", tags, suffix)} class="ui5-table-select-all-checkbox" ?checked="${context._allRowsSelected}" @ui5-change="${ifDefined(context._selectAll)}" aria-label="${ifDefined(context.ariaLabelSelectAllText)}" tabindex="-1"></${scopeTag("ui5-checkbox", tags, suffix)}></th>`;
 const block3 = (item, index, context, tags, suffix) => html`<slot name="${ifDefined(item._individualSlot)}"></slot>`;
 const block4 = (item, index, context, tags, suffix) => html`<slot name="${ifDefined(item._individualSlot)}"></slot>`;
 const block5 = (context, tags, suffix) => html`${ !context.hideNoData ? block6(context, tags, suffix) : undefined }`;
 const block6 = (context, tags, suffix) => html`<tr class="ui5-table-no-data-row-root" role="row"><td colspan="${ifDefined(context.visibleColumnsCount)}" role="cell"><div class="ui5-table-no-data-row"><span>${ifDefined(context.noDataText)}</span></div></td></tr>`;
-const block7 = (context, tags, suffix) => html`<tr><td colspan="${ifDefined(context.visibleColumnsCount)}"><div growing-button><div tabindex="0" role="button" aria-labelledby="${ifDefined(context.loadMoreAriaLabelledBy)}" ?active="${context._loadMoreActive}" @click="${context._onLoadMoreClick}" @keydown="${context._onLoadMoreKeydown}" @keyup="${context._onLoadMoreKeyup}" growing-button-inner><span id="${ifDefined(context._id)}-growingButton-text" growing-button-text>${ifDefined(context._growingButtonText)}</span>${ context.growingButtonSubtext ? block8(context, tags, suffix) : undefined }</div></div></td></tr>`;
+const block7 = (context, tags, suffix) => html`<tr><td colspan="${ifDefined(context.visibleColumnsCount)}"><div growing-button><div id="${ifDefined(context._id)}-growingButton" tabindex="0" role="button" aria-labelledby="${ifDefined(context.loadMoreAriaLabelledBy)}" ?active="${context._loadMoreActive}" @click="${context._onLoadMoreClick}" @keydown="${context._onLoadMoreKeydown}" @keyup="${context._onLoadMoreKeyup}" growing-button-inner><span id="${ifDefined(context._id)}-growingButton-text" growing-button-text>${ifDefined(context._growingButtonText)}</span>${ context.growingButtonSubtext ? block8(context, tags, suffix) : undefined }</div></div></td></tr>`;
 const block8 = (context, tags, suffix) => html`<span id="${ifDefined(context._id)}-growingButton-subtext" growing-button-subtext>${ifDefined(context.growingButtonSubtext)}</span>`;
 const block9 = (context, tags, suffix) => html`<tr tabindex="-1" class="ui5-table-end-row"><td tabindex="-1"><span tabindex="-1" aria-hidden="true" class="ui5-table-end-marker"></span></td></tr>`;
 

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

@@ -2,7 +2,7 @@
 import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 
 const block0 = (context, tags, suffix) => html`${ context.displayValueStateMessagePopover ? block1(context, tags, suffix) : undefined }`;
-const block1 = (context, tags, suffix) => html`<${scopeTag("ui5-popover", tags, suffix)} skip-registry-update prevent-focus-restore no-padding 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)}>`;
+const block1 = (context, tags, 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)}>`;
 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)}`;

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

@@ -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-textarea-root" style="${styleMap(context.styles.main)}" ?aria-invalid="${context.ariaInvalid}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}">${ context.growing ? block1(context, tags, suffix) : undefined }<textarea id="${ifDefined(context._id)}-inner" class="ui5-textarea-inner" placeholder="${ifDefined(context.placeholder)}" ?disabled="${context.disabled}" ?readonly="${context.readonly}" aria-label="${ifDefined(context.ariaLabelText)}" aria-describedby="${ifDefined(context.ariaDescribedBy)}" aria-required="${ifDefined(context.required)}" maxlength="${ifDefined(context._exceededTextProps.calcedMaxLength)}" .value="${ifDefined(context.value)}" @input="${context._oninput}" @change="${context._onchange}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" data-sap-focus-ref part="textarea"></textarea>${ context.showExceededText ? block3(context, tags, suffix) : undefined }${ context.hasValueState ? block4(context, tags, suffix) : undefined }<slot name="formSupport"></slot></div> `;
+const block0 = (context, tags, suffix) => html`<div class="ui5-textarea-root" style="${styleMap(context.styles.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}">${ context.growing ? block1(context, tags, suffix) : undefined }<textarea id="${ifDefined(context._id)}-inner" class="ui5-textarea-inner" placeholder="${ifDefined(context.placeholder)}" ?disabled="${context.disabled}" ?readonly="${context.readonly}" aria-label="${ifDefined(context.ariaLabelText)}" aria-describedby="${ifDefined(context.ariaDescribedBy)}" aria-invalid="${ifDefined(context.ariaInvalid)}" aria-required="${ifDefined(context.required)}" maxlength="${ifDefined(context._exceededTextProps.calcedMaxLength)}" .value="${ifDefined(context.value)}" @input="${context._oninput}" @change="${context._onchange}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" data-sap-focus-ref part="textarea"></textarea>${ context.showExceededText ? block3(context, tags, suffix) : undefined }${ context.hasValueState ? block4(context, tags, suffix) : undefined }<slot name="formSupport"></slot></div> `;
 const block1 = (context, tags, suffix) => html`<div id="${ifDefined(context._id)}-mirror" style="${styleMap(context.styles.mirror)}" class="ui5-textarea-mirror" aria-hidden="true">${ repeat(context._mirrorText, (item, index) => item._id || index, (item, index) => block2(item, index, context, tags, suffix)) }</div>`;
 const block2 = (item, index, context, tags, suffix) => html`${ifDefined(item.text)}<br />`;
 const block3 = (context, tags, suffix) => html`<span class="ui5-textarea-exceeded-text">${ifDefined(context._exceededTextProps.exceededText)}</span>`;

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

@@ -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`<${scopeTag("ui5-responsive-popover", tags, suffix)} id="${ifDefined(context._id)}-responsive-popover" class="ui5-time-picker-popover" placement-type="Bottom" horizontal-align="Left" allow-target-overlap _hide-header hide-arrow stay-open-on-scroll @ui5-after-close="${ifDefined(context.onResponsivePopoverAfterClose)}" @wheel="${context._handleWheel}" @keydown="${context._onkeydown}"><${scopeTag("ui5-time-selection", tags, suffix)} id="${ifDefined(context._id)}-time-sel" value="${ifDefined(context._timeSelectionValue)}" format-pattern="${ifDefined(context._formatPattern)}" .hideHours="${ifDefined(context.hideHours)}" .hideMinutes="${ifDefined(context.hideMinutes)}" .hideSeconds="${ifDefined(context.hideSeconds)}" .minutesStep="${ifDefined(context.minutesStep)}" .secondsStep="${ifDefined(context.secondsStep)}" .maxHours="${ifDefined(context.maxHours)}" .maxMinutes="${ifDefined(context.maxMinutes)}" .maxSeconds="${ifDefined(context.maxSeconds)}" @ui5-change="${ifDefined(context.onTimeSelectionChange)}"></${scopeTag("ui5-time-selection", tags, suffix)}><div slot="footer" class="ui5-time-picker-footer" @keydown=${context._onfooterkeydown}><${scopeTag("ui5-button", tags, suffix)} id="submit" design="Emphasized" @click="${context.submitPickers}">${ifDefined(context.submitButtonLabel)}</${scopeTag("ui5-button", tags, suffix)}><${scopeTag("ui5-button", tags, suffix)} id="close" design="Transparent" @click="${context.closePicker}">${ifDefined(context.cancelButtonLabel)}</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-responsive-popover", tags, suffix)}>`;
+const block0 = (context, tags, suffix) => html`<${scopeTag("ui5-responsive-popover", tags, suffix)} id="${ifDefined(context._id)}-responsive-popover" class="ui5-time-picker-popover" placement-type="Bottom" horizontal-align="Left" allow-target-overlap _hide-header hide-arrow @ui5-after-close="${ifDefined(context.onResponsivePopoverAfterClose)}" @wheel="${context._handleWheel}" @keydown="${context._onkeydown}"><${scopeTag("ui5-time-selection", tags, suffix)} id="${ifDefined(context._id)}-time-sel" value="${ifDefined(context._timeSelectionValue)}" format-pattern="${ifDefined(context._formatPattern)}" .hideHours="${ifDefined(context.hideHours)}" .hideMinutes="${ifDefined(context.hideMinutes)}" .hideSeconds="${ifDefined(context.hideSeconds)}" .minutesStep="${ifDefined(context.minutesStep)}" .secondsStep="${ifDefined(context.secondsStep)}" .maxHours="${ifDefined(context.maxHours)}" .maxMinutes="${ifDefined(context.maxMinutes)}" .maxSeconds="${ifDefined(context.maxSeconds)}" @ui5-change="${ifDefined(context.onTimeSelectionChange)}"></${scopeTag("ui5-time-selection", tags, suffix)}><div slot="footer" class="ui5-time-picker-footer" @keydown=${context._onfooterkeydown}><${scopeTag("ui5-button", tags, suffix)} id="submit" design="Emphasized" @click="${context.submitPickers}">${ifDefined(context.submitButtonLabel)}</${scopeTag("ui5-button", tags, suffix)}><${scopeTag("ui5-button", tags, suffix)} id="close" design="Transparent" @click="${context.closePicker}">${ifDefined(context.cancelButtonLabel)}</${scopeTag("ui5-button", tags, suffix)}></div></${scopeTag("ui5-responsive-popover", tags, suffix)}>`;
 
 
 export default block0;

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

@@ -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`<button type="button" class="ui5-button-root" ?disabled="${context.disabled}" data-sap-focus-ref  aria-pressed="${ifDefined(context.pressed)}"  dir="${ifDefined(context.effectiveDir)}" @focusout=${context._onfocusout} @focusin=${context._onfocusin} @click=${context._onclick} @mousedown=${context._onmousedown} @mouseup=${context._onmouseup} @keydown=${context._onkeydown} @keyup=${context._onkeyup} @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" tabindex=${ifDefined(context.tabIndexValue)} aria-expanded="${ifDefined(context.accInfo.ariaExpanded)}" aria-controls="${ifDefined(context.accInfo.ariaControls)}" aria-haspopup="${ifDefined(context.accInfo.ariaHaspopup)}" aria-label="${ifDefined(context.ariaLabelText)}" title="${ifDefined(context.accInfo.title)}" part="button">${ context.icon ? block1(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-content" class="ui5-button-text"><bdi><slot></slot></bdi></span>${ context.hasButtonType ? block2(context, tags, suffix) : undefined }</button> `;
+const block0 = (context, tags, suffix) => html`<button type="button" class="ui5-button-root" ?disabled="${context.disabled}" data-sap-focus-ref  aria-pressed="${ifDefined(context.pressed)}"  dir="${ifDefined(context.effectiveDir)}" @focusout=${context._onfocusout} @focusin=${context._onfocusin} @click=${context._onclick} @mousedown=${context._onmousedown} @mouseup=${context._onmouseup} @keydown=${context._onkeydown} @keyup=${context._onkeyup} @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" tabindex=${ifDefined(context.tabIndexValue)} aria-expanded="${ifDefined(context.accessibilityAttributes.expanded)}" aria-controls="${ifDefined(context.accessibilityAttributes.controls)}" aria-haspopup="${ifDefined(context.accessibilityAttributes.hasPopup)}" aria-label="${ifDefined(context.ariaLabelText)}" title="${ifDefined(context.tooltip)}" part="button">${ context.icon ? block1(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-content" class="ui5-button-text"><bdi><slot></slot></bdi></span>${ context.hasButtonType ? block2(context, tags, suffix) : undefined }</button> `;
 const block1 = (context, tags, suffix) => html`<${scopeTag("ui5-icon", tags, suffix)} class="ui5-button-icon" name="${ifDefined(context.icon)}" part="icon" ?show-tooltip=${context.showIconTooltip}></${scopeTag("ui5-icon", tags, suffix)}>`;
 const block2 = (context, tags, suffix) => html`<span class="ui5-hidden-text">${ifDefined(context.buttonTypeText)}</span>`;
 

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

@@ -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 dir="${ifDefined(context.effectiveDir)}" class="${classMap(context.classes.wrapper)}"><span id="${ifDefined(context._id)}-hiddenText" class="ui5-hidden-text">${ifDefined(context.tokenizerLabel)}</span><div class="${classMap(context.classes.content)}" @ui5-delete="${ifDefined(context._tokenDelete)}" @click="${context._click}" @mousedown="${context._onmousedown}" @keydown="${context._onkeydown}" role="listbox" aria-labelledby="${ifDefined(context._id)}-hiddenText">${ repeat(context.tokens, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</div>${ context.showNMore ? block2(context, tags, suffix) : undefined }</div>`;
+const block0 = (context, tags, suffix) => html`<div dir="${ifDefined(context.effectiveDir)}" class="${classMap(context.classes.wrapper)}"><span id="${ifDefined(context._id)}-hiddenText" class="ui5-hidden-text">${ifDefined(context.tokenizerLabel)}</span><div class="${classMap(context.classes.content)}" @ui5-delete="${ifDefined(context._delete)}" @click="${context._click}" @mousedown="${context._onmousedown}" @keydown="${context._onkeydown}" role="listbox" aria-labelledby="${ifDefined(context._id)}-hiddenText">${ repeat(context.tokens, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</div>${ context.showNMore ? block2(context, tags, suffix) : undefined }</div>`;
 const block1 = (item, index, context, tags, suffix) => html`<slot name="${ifDefined(item._individualSlot)}"></slot>`;
 const block2 = (context, tags, suffix) => html`<span @click="${context._openOverflowPopover}" class="ui5-tokenizer-more-text">${ifDefined(context._nMoreText)}</span>`;
 

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

@@ -6,7 +6,7 @@ const block1 = (context, tags, suffix) => html`<${scopeTag("ui5-icon", tags, suf
 const block2 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block3(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block4(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block5(context, tags, suffix) : undefined }`;
 const block3 = (context, tags, suffix) => html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>`;
 const block4 = (context, tags, suffix) => html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>`;
-const block5 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn"><${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" title="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}></div>`;
+const block5 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn"><${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}></div>`;
 const block6 = (context, tags, suffix) => html`<${scopeTag("ui5-icon", tags, suffix)} part="icon" name="${ifDefined(context.icon)}" class="ui5-li-icon"></${scopeTag("ui5-icon", tags, suffix)}>`;
 const block7 = (context, tags, suffix) => html`<div part="title" class="ui5-li-title"><slot></slot></div>`;
 const block8 = (context, tags, suffix) => html`<span part="additional-text" class="ui5-li-additional-text">${ifDefined(context.additionalText)}</span>`;
@@ -15,7 +15,7 @@ const block10 = (context, tags, suffix) => html`<div class="ui5-li-detailbtn"><$
 const block11 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block12(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block13(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block14(context, tags, suffix) : undefined }`;
 const block12 = (context, tags, suffix) => html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>`;
 const block13 = (context, tags, suffix) => html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>`;
-const block14 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn"><${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" title="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}></div>`;
+const block14 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn"><${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}></div>`;
 
 
 export default block0;

package/dist/generated/themes/Avatar.css.js

@@ -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/Avatar.css",content:":host(:not([hidden])){display:inline-block;box-sizing:border-box}:host(:not([hidden]).ui5_hovered){opacity:.7}:host([focused]){outline:var(--_ui5_avatar_outline);outline-offset:var(--_ui5_avatar_focus_offset)}:host([interactive]){cursor:pointer}:host{height:3rem;width:3rem;border-radius:50%;border:var(--ui5-avatar-initials-border);outline:none;color:var(--ui5-avatar-initials-color)}:host([shape=Square]),:host([shape=Square]) ::slotted(*){border-radius:.25rem}:host([shape=Square]) .ui5-avatar-root{border-radius:inherit}:host([shape=Square]) .ui5-avatar-img{border-radius:inherit}:host([_size=XS]),:host([size=XS]){height:2rem;width:2rem;min-height:2rem;min-width:2rem;font-size:var(--_ui5_avatar_fontsize_XS)}:host([_size=S]),:host([size=S]){min-height:3rem;min-width:3rem;font-size:var(--_ui5_avatar_fontsize_S)}:host([_size=M]),:host([size=M]){min-height:4rem;min-width:4rem;font-size:var(--_ui5_avatar_fontsize_M)}:host([_size=L]),:host([size=L]){min-height:5rem;min-width:5rem;font-size:var(--_ui5_avatar_fontsize_L)}:host([_size=XL]),:host([size=XL]){min-height:7rem;min-width:7rem;font-size:var(--_ui5_avatar_fontsize_XL)}:host .ui5-avatar-icon{height:1.5rem;width:1.5rem;color:inherit}:host([_size=XS]) .ui5-avatar-icon,:host([size=XS]) .ui5-avatar-icon{height:1rem;width:1rem}:host([_size=S]) .ui5-avatar-icon,:host([size=S]) .ui5-avatar-icon{height:1.5rem;width:1.5rem}:host([_size=M]) .ui5-avatar-icon,:host([size=M]) .ui5-avatar-icon{height:2rem;width:2rem}:host([_size=L]) .ui5-avatar-icon,:host([size=L]) .ui5-avatar-icon{height:2.5rem;width:2.5rem}:host([_size=XL]) .ui5-avatar-icon,:host([size=XL]) .ui5-avatar-icon{height:3rem;width:3rem}::slotted(*){border-radius:50%;width:100%;height:100%}:host(:not([_has-image])),:host(:not([color-scheme])),:host([_color-scheme=Accent6]),:host([color-scheme=Accent6]){background-color:var(--ui5-avatar-accent6);color:var(--ui5-avatar-accent6-color)}:host([_color-scheme=Accent1]),:host([color-scheme=Accent1]){background-color:var(--ui5-avatar-accent1);color:var(--ui5-avatar-accent1-color)}:host([_color-scheme=Accent2]),:host([color-scheme=Accent2]){background-color:var(--ui5-avatar-accent2);color:var(--ui5-avatar-accent2-color)}:host([_color-scheme=Accent3]),:host([color-scheme=Accent3]){background-color:var(--ui5-avatar-accent3);color:var(--ui5-avatar-accent3-color)}:host([_color-scheme=Accent4]),:host([color-scheme=Accent4]){background-color:var(--ui5-avatar-accent4);color:var(--ui5-avatar-accent4-color)}:host([_color-scheme=Accent5]),:host([color-scheme=Accent5]){background-color:var(--ui5-avatar-accent5);color:var(--ui5-avatar-accent5-color)}:host([_color-scheme=Accent7]),:host([color-scheme=Accent7]){background-color:var(--ui5-avatar-accent7);color:var(--ui5-avatar-accent7-color)}:host([_color-scheme=Accent8]),:host([color-scheme=Accent8]){background-color:var(--ui5-avatar-accent8);color:var(--ui5-avatar-accent8-color)}:host([_color-scheme=Accent9]),:host([color-scheme=Accent9]){background-color:var(--ui5-avatar-accent9);color:var(--ui5-avatar-accent9-color)}:host([_color-scheme=Accent10]),:host([color-scheme=Accent10]){background-color:var(--ui5-avatar-accent10);color:var(--ui5-avatar-accent10-color)}:host([_color-scheme=Placeholder]),:host([color-scheme=Placeholder]){background-color:var(--ui5-avatar-placeholder);color:var(--ui5-avatar-placeholder-color)}:host([_has-image]){background-color:transparent}:host([image-fit-type=Contain]) .ui5-avatar-img{background-size:contain}.ui5-avatar-root{display:flex;align-items:center;justify-content:center;outline:none}.ui5-avatar-img,.ui5-avatar-root{height:100%;width:100%;border-radius:50%}.ui5-avatar-img{background-repeat:no-repeat;background-position:50%;background-size:cover}.ui5-avatar-initials{color:inherit}::slotted(*){pointer-events:none}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/Avatar.css",content:":host(:not([hidden])){display:inline-block;box-sizing:border-box}:host(:not([hidden]).ui5_hovered){opacity:.7}:host([focused]){outline:var(--_ui5_avatar_outline);outline-offset:var(--_ui5_avatar_focus_offset)}:host([interactive]){cursor:pointer}:host{height:3rem;width:3rem;border-radius:50%;border:var(--ui5-avatar-initials-border);outline:none;color:var(--ui5-avatar-initials-color)}:host([shape=Square]),:host([shape=Square]) ::slotted(*){border-radius:.25rem}:host([shape=Square]) .ui5-avatar-root{border-radius:inherit}:host([shape=Square]) .ui5-avatar-img{border-radius:inherit}:host([_size=XS]),:host([size=XS]){height:2rem;width:2rem;min-height:2rem;min-width:2rem;font-size:var(--_ui5_avatar_fontsize_XS)}:host([_size=S]),:host([size=S]){min-height:3rem;min-width:3rem;font-size:var(--_ui5_avatar_fontsize_S)}:host([_size=M]),:host([size=M]){min-height:4rem;min-width:4rem;font-size:var(--_ui5_avatar_fontsize_M)}:host([_size=L]),:host([size=L]){min-height:5rem;min-width:5rem;font-size:var(--_ui5_avatar_fontsize_L)}:host([_size=XL]),:host([size=XL]){min-height:7rem;min-width:7rem;font-size:var(--_ui5_avatar_fontsize_XL)}:host .ui5-avatar-icon{height:1.5rem;width:1.5rem;color:inherit}:host([_size=XS]) .ui5-avatar-icon,:host([size=XS]) .ui5-avatar-icon{height:1rem;width:1rem}:host([_size=S]) .ui5-avatar-icon,:host([size=S]) .ui5-avatar-icon{height:1.5rem;width:1.5rem}:host([_size=M]) .ui5-avatar-icon,:host([size=M]) .ui5-avatar-icon{height:2rem;width:2rem}:host([_size=L]) .ui5-avatar-icon,:host([size=L]) .ui5-avatar-icon{height:2.5rem;width:2.5rem}:host([_size=XL]) .ui5-avatar-icon,:host([size=XL]) .ui5-avatar-icon{height:3rem;width:3rem}::slotted(*){border-radius:50%;width:100%;height:100%}:host(:not([_has-image])),:host(:not([color-scheme])),:host([_color-scheme=Accent6]),:host([color-scheme=Accent6]){background-color:var(--ui5-avatar-accent6);color:var(--ui5-avatar-accent6-color)}:host([_color-scheme=Accent1]),:host([color-scheme=Accent1]){background-color:var(--ui5-avatar-accent1);color:var(--ui5-avatar-accent1-color)}:host([_color-scheme=Accent2]),:host([color-scheme=Accent2]){background-color:var(--ui5-avatar-accent2);color:var(--ui5-avatar-accent2-color)}:host([_color-scheme=Accent3]),:host([color-scheme=Accent3]){background-color:var(--ui5-avatar-accent3);color:var(--ui5-avatar-accent3-color)}:host([_color-scheme=Accent4]),:host([color-scheme=Accent4]){background-color:var(--ui5-avatar-accent4);color:var(--ui5-avatar-accent4-color)}:host([_color-scheme=Accent5]),:host([color-scheme=Accent5]){background-color:var(--ui5-avatar-accent5);color:var(--ui5-avatar-accent5-color)}:host([_color-scheme=Accent7]),:host([color-scheme=Accent7]){background-color:var(--ui5-avatar-accent7);color:var(--ui5-avatar-accent7-color)}:host([_color-scheme=Accent8]),:host([color-scheme=Accent8]){background-color:var(--ui5-avatar-accent8);color:var(--ui5-avatar-accent8-color)}:host([_color-scheme=Accent9]),:host([color-scheme=Accent9]){background-color:var(--ui5-avatar-accent9);color:var(--ui5-avatar-accent9-color)}:host([_color-scheme=Accent10]),:host([color-scheme=Accent10]){background-color:var(--ui5-avatar-accent10);color:var(--ui5-avatar-accent10-color)}:host([_color-scheme=Placeholder]),:host([color-scheme=Placeholder]){background-color:var(--ui5-avatar-placeholder);color:var(--ui5-avatar-placeholder-color)}:host([_has-image]){background-color:transparent;vertical-align:middle}:host([image-fit-type=Contain]) .ui5-avatar-img{background-size:contain}.ui5-avatar-root{display:flex;align-items:center;justify-content:center;outline:none}.ui5-avatar-img,.ui5-avatar-root{height:100%;width:100%;border-radius:50%}.ui5-avatar-img{background-repeat:no-repeat;background-position:50%;background-size:cover}.ui5-avatar-initials{color:inherit}::slotted(*){pointer-events:none}"}

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

@@ -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/Button.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:inline-block}:host{min-width:var(--_ui5_button_base_min_width);height:var(--_ui5_button_base_height);line-height:normal;font-family:var(--_ui5_button_fontFamily);font-size:var(--sapFontSize);text-shadow:var(--_ui5_button_text_shadow);border-radius:var(--_ui5_button_border_radius);border-width:.0625rem;cursor:pointer;background-color:var(--sapButton_Background);border:1px solid var(--sapButton_BorderColor);color:var(--sapButton_TextColor);box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([has-icon]) button[dir=rtl].ui5-button-root .ui5-button-text{margin-right:var(--_ui5_button_base_icon_margin);margin-left:0}:host([has-icon][icon-end]) button[dir=rtl].ui5-button-root .ui5-button-icon{margin-right:var(--_ui5_button_base_icon_margin);margin-left:0}.ui5-button-root{min-width:inherit;cursor:inherit;height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;outline:none;padding:0 var(--_ui5_button_base_padding);position:relative;background:transparent;border:none;color:inherit;text-shadow:inherit;font:inherit;white-space:inherit;overflow:inherit;text-overflow:inherit;letter-spacing:inherit;word-spacing:inherit;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(:not([active]):not([non-interactive]):not([_is-touch]):hover),:host(:not([hidden]).ui5_hovered){background:var(--sapButton_Hover_Background);box-shadow:var(--sapContent_Interaction_Shadow)}.ui5-button-icon{color:inherit;flex-shrink:0}:host([icon-end]) .ui5-button-root{flex-direction:row-reverse}:host([icon-end]) .ui5-button-icon{margin-left:var(--_ui5_button_base_icon_margin)}:host([icon-only]) .ui5-button-root{min-width:auto;padding:0}:host([icon-only]) .ui5-button-text{display:none}.ui5-button-text{outline:none;position:relative;white-space:inherit;overflow:inherit;text-overflow:inherit}:host([has-icon]:not([icon-end])) .ui5-button-text{margin-left:var(--_ui5_button_base_icon_margin)}:host([has-icon][icon-end]) .ui5-button-text{margin-left:0}:host([disabled]){opacity:.5;pointer-events:none}:host([focused]){outline:var(--_ui5_button_outline);outline-offset:var(--_ui5_button_outline_offset)}:host([design=Emphasized][focused]){outline:var(--_ui5_button_emphasized_outline)}.ui5-button-root::-moz-focus-inner{border:0}bdi{display:block;white-space:inherit;overflow:inherit;text-overflow:inherit}:host([ui5-button][active]:not([disabled]):not([non-interactive])){background-image:none;background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Active_TextColor);text-shadow:none}:host([ui5-button]:not([design=Emphasized])[active]:not([_is-touch])){outline-color:var(--_ui5_button_focus_outline_focus_color)}:host([design=Positive]){background-color:var(--sapButton_Accept_Background);border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor);text-shadow:var(--_ui5_button_text_shadow)}:host([design=Positive]:not([active]):not([non-interactive]):not([_is-touch]).ui5_hovered),:host([design=Positive]:not([active]):not([non-interactive]):not([_is-touch]):hover){background-color:var(--sapButton_Accept_Hover_Background);border-color:var(--sapButton_Accept_Hover_BorderColor);box-shadow:var(--sapContent_Positive_Shadow)}:host([ui5-button][design=Positive][active]:not([non-interactive])){background-color:var(--sapButton_Accept_Active_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_Active_TextColor);text-shadow:none}:host([design=Positive][focused]:not([_is-touch])){outline-color:var(--_ui5_button_positive_border_focus_hover_color);border-color:var(--_ui5_button_positive_focus_border_color)}:host([design=Positive][active][focused]){outline-color:var(--_ui5_button_focus_outline_focus_color)}:host([design=Negative]){background-color:var(--sapButton_Reject_Background);border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor);text-shadow:var(--_ui5_button_text_shadow)}:host([design=Negative]:not([active]):not([non-interactive]):not([_is-touch]).ui5_hovered),:host([design=Negative]:not([active]):not([non-interactive]):not([_is-touch]):hover){background-color:var(--sapButton_Reject_Hover_Background);border-color:var(--sapButton_Reject_Hover_BorderColor);box-shadow:var(--sapContent_Negative_Shadow)}:host([design=Negative][focused]){border-color:var(--_ui5_button_negative_focus_border_color);outline-color:var(--_ui5_button_positive_border_focus_hover_color)}:host([ui5-button][design=Negative][active]:not([non-interactive])){background-color:var(--sapButton_Reject_Active_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_Active_TextColor);text-shadow:none}:host([design=Negative][active][focused]){outline-color:var(--_ui5_button_focus_outline_focus_color)}:host([design=Attention]){background-color:var(--sapButton_Attention_Background);border-color:var(--sapButton_Attention_BorderColor);color:var(--sapButton_Attention_TextColor);text-shadow:var(--_ui5_button_text_shadow)}:host([design=Attention]:not([active]):not([non-interactive]):not([_is-touch]).ui5_hovered),:host([design=Attention]:not([active]):not([non-interactive]):not([_is-touch]):hover){background-color:var(--sapButton_Attention_Hover_Background);border-color:var(--sapButton_Attention_Hover_BorderColor);color:var(--sapButton_Attention_Hover_TextColor);box-shadow:var(--sapContent_Critical_Shadow)}:host([ui5-button][design=Attention][active]:not([non-interactive])){background-color:var(--sapButton_Attention_Active_Background);border-color:var(--sapButton_Attention_Active_BorderColor);color:var(--sapButton_Attention_Active_TextColor);text-shadow:none}:host([design=Attention][focused]:not([_is-touch])){outline-color:var(--_ui5_button_positive_border_focus_hover_color);border-color:var(--_ui5_button_attention_focus_border_color)}:host([design=Attention][active][focused]){outline-color:var(--_ui5_button_focus_outline_focus_color)}:host([design=Emphasized]){background-color:var(--sapButton_Emphasized_Background);border-color:var(--sapButton_Emphasized_BorderColor);color:var(--sapButton_Emphasized_TextColor);text-shadow:0 0 .125rem var(--sapButton_Emphasized_TextShadow);font-weight:var(--_ui5_button_emphasized_font_weight)}:host([design=Emphasized]:not([active]):not([non-interactive]):not([_is-touch]).ui5_hovered),:host([design=Emphasized]:not([active]):not([non-interactive]):not([_is-touch]):hover){background-color:var(--sapButton_Emphasized_Hover_Background);border-color:var(--sapButton_Emphasized_Hover_BorderColor);box-shadow:var(--sapContent_Informative_Shadow)}:host([ui5-button][design=Empasized][active]:not([non-interactive])){background-color:var(--sapButton_Emphasized_Active_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Emphasized_Active_TextColor);text-shadow:none}:host([design=Emphasized][focused]) .ui5-button-root:after{content:\"\";position:absolute;box-sizing:border-box;left:.0625rem;top:.0625rem;right:.0625rem;bottom:.0625rem;border:var(--_ui5_button_emphasized_focused_border);pointer-events:none;border-radius:var(--_ui5_button_emphasized_focused_border_radius)}:host([design=Transparent]){background-color:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor);text-shadow:var(--_ui5_button_text_shadow);border-color:var(--sapButton_Lite_BorderColor)}:host([design=Transparent]:not([active]):not([non-interactive]):not([_is-touch]):hover){background-color:var(--_ui5_button_transparent_hover)}:host([design=Transparent]:not([active]):not([non-interactive]):not([_is-touch]).ui5_hovered){background-color:var(--_ui5_button_transparent_hover);border-color:var(--sapButton_Lite_Hover_BorderColor);box-shadow:var(--sapContent_Critical_Shadow)}:host([ui5-button][design=Transparent][active]:not([non-interactive])){background-color:var(--sapButton_Active_Background);color:var(--sapButton_Active_TextColor);text-shadow:none}:host([design=Transparent]:not([active]):hover){border-color:var(--sapButton_Lite_Hover_BorderColor)}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/Button.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:inline-block}:host{min-width:var(--_ui5_button_base_min_width);height:var(--_ui5_button_base_height);line-height:normal;font-family:var(--_ui5_button_fontFamily);font-size:var(--sapFontSize);text-shadow:var(--_ui5_button_text_shadow);border-radius:var(--_ui5_button_border_radius);border-width:.0625rem;cursor:pointer;background-color:var(--sapButton_Background);border:1px solid var(--sapButton_BorderColor);color:var(--sapButton_TextColor);box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([has-icon]) button[dir=rtl].ui5-button-root .ui5-button-text{margin-right:var(--_ui5_button_base_icon_margin);margin-left:0}:host([has-icon][icon-end]) button[dir=rtl].ui5-button-root .ui5-button-icon{margin-right:var(--_ui5_button_base_icon_margin);margin-left:0}.ui5-button-root{min-width:inherit;cursor:inherit;height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;outline:none;padding:0 var(--_ui5_button_base_padding);position:relative;background:transparent;border:none;color:inherit;text-shadow:inherit;font:inherit;white-space:inherit;overflow:inherit;text-overflow:inherit;letter-spacing:inherit;word-spacing:inherit;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(:not([active]):not([non-interactive]):not([_is-touch]):hover),:host(:not([hidden]).ui5_hovered){background:var(--sapButton_Hover_Background);box-shadow:var(--sapContent_Interaction_Shadow)}.ui5-button-icon{color:inherit;flex-shrink:0}:host([icon-end]) .ui5-button-root{flex-direction:row-reverse}:host([icon-end]) .ui5-button-icon{margin-left:var(--_ui5_button_base_icon_margin)}:host([icon-only]) .ui5-button-root{min-width:auto;padding:0}:host([icon-only]) .ui5-button-text{display:none}.ui5-button-text{outline:none;position:relative;white-space:inherit;overflow:inherit;text-overflow:inherit}:host([has-icon]:not([icon-end])) .ui5-button-text{margin-left:var(--_ui5_button_base_icon_margin)}:host([has-icon][icon-end]) .ui5-button-text{margin-left:0}:host([disabled]){opacity:.5;pointer-events:none}:host([focused]){outline:var(--_ui5_button_outline);outline-offset:var(--_ui5_button_outline_offset)}:host([design=Emphasized][focused]){outline:var(--_ui5_button_emphasized_outline)}.ui5-button-root::-moz-focus-inner{border:0}bdi{display:block;white-space:inherit;overflow:inherit;text-overflow:inherit}:host([ui5-button][active]:not([disabled]):not([non-interactive])){background-image:none;background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Active_TextColor);text-shadow:none}:host([ui5-button]:not([design=Emphasized])[active]:not([_is-touch])){outline-color:var(--_ui5_button_focus_outline_focus_color)}:host([design=Positive]){background-color:var(--sapButton_Accept_Background);border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor);text-shadow:var(--_ui5_button_text_shadow)}:host([design=Positive]:not([active]):not([non-interactive]):not([_is-touch]).ui5_hovered),:host([design=Positive]:not([active]):not([non-interactive]):not([_is-touch]):hover){background-color:var(--sapButton_Accept_Hover_Background);border-color:var(--sapButton_Accept_Hover_BorderColor);box-shadow:var(--sapContent_Positive_Shadow)}:host([ui5-button][design=Positive][active]:not([non-interactive])){background-color:var(--sapButton_Accept_Active_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_Active_TextColor);text-shadow:none}:host([design=Positive][focused]:not([_is-touch])){outline-color:var(--_ui5_button_positive_border_focus_hover_color);border-color:var(--_ui5_button_positive_focus_border_color)}:host([design=Positive][active][focused]){outline-color:var(--_ui5_button_focus_outline_focus_color)}:host([design=Negative]){background-color:var(--sapButton_Reject_Background);border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor);text-shadow:var(--_ui5_button_text_shadow)}:host([design=Negative]:not([active]):not([non-interactive]):not([_is-touch]).ui5_hovered),:host([design=Negative]:not([active]):not([non-interactive]):not([_is-touch]):hover){background-color:var(--sapButton_Reject_Hover_Background);border-color:var(--sapButton_Reject_Hover_BorderColor);box-shadow:var(--sapContent_Negative_Shadow)}:host([design=Negative][focused]){border-color:var(--_ui5_button_negative_focus_border_color);outline-color:var(--_ui5_button_positive_border_focus_hover_color)}:host([ui5-button][design=Negative][active]:not([non-interactive])){background-color:var(--sapButton_Reject_Active_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_Active_TextColor);text-shadow:none}:host([design=Negative][active][focused]){outline-color:var(--_ui5_button_focus_outline_focus_color)}:host([design=Attention]){background-color:var(--sapButton_Attention_Background);border-color:var(--sapButton_Attention_BorderColor);color:var(--sapButton_Attention_TextColor);text-shadow:var(--_ui5_button_text_shadow)}:host([design=Attention]:not([active]):not([non-interactive]):not([_is-touch]).ui5_hovered),:host([design=Attention]:not([active]):not([non-interactive]):not([_is-touch]):hover){background-color:var(--sapButton_Attention_Hover_Background);border-color:var(--sapButton_Attention_Hover_BorderColor);color:var(--sapButton_Attention_Hover_TextColor);box-shadow:var(--sapContent_Critical_Shadow)}:host([ui5-button][design=Attention][active]:not([non-interactive])){background-color:var(--sapButton_Attention_Active_Background);border-color:var(--sapButton_Attention_Active_BorderColor);color:var(--sapButton_Attention_Active_TextColor);text-shadow:none}:host([design=Attention][focused]:not([_is-touch])){outline-color:var(--_ui5_button_positive_border_focus_hover_color);border-color:var(--_ui5_button_attention_focus_border_color)}:host([design=Attention][active][focused]){outline-color:var(--_ui5_button_focus_outline_focus_color)}:host([design=Emphasized]){background-color:var(--sapButton_Emphasized_Background);border-color:var(--sapButton_Emphasized_BorderColor);color:var(--sapButton_Emphasized_TextColor);text-shadow:0 0 .125rem var(--sapButton_Emphasized_TextShadow);font-weight:var(--_ui5_button_emphasized_font_weight)}:host([design=Emphasized]:not([active]):not([non-interactive]):not([_is-touch]).ui5_hovered),:host([design=Emphasized]:not([active]):not([non-interactive]):not([_is-touch]):hover){background-color:var(--sapButton_Emphasized_Hover_Background);border-color:var(--sapButton_Emphasized_Hover_BorderColor);box-shadow:var(--sapContent_Informative_Shadow)}:host([ui5-button][design=Empasized][active]:not([non-interactive])){background-color:var(--sapButton_Emphasized_Active_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Emphasized_Active_TextColor);text-shadow:none}:host([design=Emphasized][focused]) .ui5-button-root:after{content:\"\";position:absolute;box-sizing:border-box;left:.0625rem;top:.0625rem;right:.0625rem;bottom:.0625rem;border:var(--_ui5_button_emphasized_focused_border);pointer-events:none;border-radius:var(--_ui5_button_emphasized_focused_border_radius)}:host([design=Transparent]){background-color:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor);text-shadow:var(--_ui5_button_text_shadow);border-color:var(--sapButton_Lite_BorderColor)}:host([design=Transparent]:not([active]):not([non-interactive]):not([_is-touch]):hover){background-color:var(--_ui5_button_transparent_hover)}:host([design=Transparent]:not([active]):not([non-interactive]):not([_is-touch]).ui5_hovered){background-color:var(--_ui5_button_transparent_hover);border-color:var(--sapButton_Lite_Hover_BorderColor);box-shadow:var(--sapContent_Critical_Shadow)}:host([ui5-button][design=Transparent][active]:not([non-interactive])){background-color:var(--sapButton_Active_Background);color:var(--sapButton_Active_TextColor);text-shadow:none}:host([design=Transparent]:not([active]):not([_is-touch]):hover){border-color:var(--sapButton_Lite_Hover_BorderColor)}"}

package/dist/generated/themes/Calendar.css.js

@@ -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/Calendar.css",content:":host(:not([hidden])){display:inline-block}.ui5-cal-root{background:var(--sapList_Background);box-sizing:border-box;height:var(--_ui5_calendar_height);width:var(--_ui5_calendar_width);padding:var(--_ui5_calendar_padding);display:flex;flex-direction:column-reverse;justify-content:flex-end}.ui5-cal-root [ui5-calendar-header]{height:var(--_ui5_calendar_header_height)}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/Calendar.css",content:":host(:not([hidden])){display:inline-block}.ui5-cal-root{background:var(--sapList_Background);box-sizing:border-box;height:var(--_ui5_calendar_height);width:var(--_ui5_calendar_width);padding:var(--_ui5_calendar_top_bottom_padding) var(--_ui5_calendar_left_right_padding) 0;display:flex;flex-direction:column-reverse;justify-content:flex-end}.ui5-cal-root [ui5-calendar-header]{height:var(--_ui5_calendar_header_height);font-family:var(--_ui5_button_fontFamily)}.ui5-cal-root .ui5-cal-content{padding:0 var(--_ui5_calendar_left_right_padding) var(--_ui5_calendar_top_bottom_padding)}"}

package/dist/generated/themes/ColorPalettePopover.css.js

@@ -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/ColorPalettePopover.css",content:".ui5-cp-header{width:100%;height:var(--_ui5_color-palette-button-height);padding:0 1rem;display:flex;align-items:center}.ui5-cp-footer{width:100%;display:flex;justify-content:flex-end;margin:.1875rem 1rem;margin-left:.5rem;margin-right:.5rem}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/ColorPalettePopover.css",content:".ui5-cp-header{width:100%;height:var(--_ui5_color-palette-button-height);display:flex;align-items:center}.ui5-cp-footer{width:100%;display:flex;justify-content:flex-end;margin:.1875rem 0}[ui5-responsive-popover]::part(content){padding:0}"}

package/dist/generated/themes/ComboBox.css.js

@@ -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/ComboBox.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:inline-block}:host{width:var(--_ui5_input_width);min-width:var(--_ui5_input_width);height:var(--_ui5_input_height);color:var(--sapField_TextColor);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);font-style:normal;background-color:var(--_ui5-input-background-color);border:var(--_ui5-input-border);border-radius:var(--_ui5-input-border-radius);box-sizing:border-box;line-height:normal;letter-spacing:normal;word-spacing:normal;text-align:start;transition:var(--_ui5-input-transition);background-image:var(--_ui5-input-background-image);background-size:100% var(--sapField_BorderWidth);background-repeat:repeat-x;background-position:bottom}:host([focused]){border-color:var(--_ui5-input-focused-border-color);background-color:var(--sapField_Focus_Background);outline:var(--_ui5-input-focus-outline);outline-offset:var(--_ui5-input-focus-outline-offset);box-shadow:var(--_ui5-input-focus-box-shadow)}.ui5-input-root:before{content:\"\";position:absolute;width:calc(100% - 2px);left:1px;bottom:-2px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:var(--_ui5-input-bottom-border-height);transition:var(--_ui5-input-transition);background-color:var(--_ui5-input-bottom-border-color)}:host([value-state]:not([value-state=None])[focused]){outline:var(--_ui5-input-value-state-outline);outline-offset:var(--_ui5-input-value-state-outline-offset)}.ui5-input-root{width:100%;height:100%;position:relative;background:transparent;display:inline-block;outline:none;box-sizing:border-box;color:inherit;transition:border-color .2s ease-in-out}:host([disabled]){opacity:var(--_ui5_input_disabled_opacity);cursor:default;pointer-events:none;background-color:var(--_ui5-input-disabled-background);border-color:var(--_ui5_input_disabled_border_color)}:host([disabled]) .ui5-input-root:before,:host([readonly]) .ui5-input-root:before{content:none}[inner-input]{background:transparent;color:inherit;border:none;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;padding:var(--_ui5_input_inner_padding);box-sizing:border-box;min-width:inherit;width:100%;text-overflow:ellipsis;flex:1;outline:none;font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;word-spacing:inherit;text-align:inherit}[inner-input][inner-input-with-icon]{padding:var(--_ui5_input_inner_padding_with_icon)}.ui5-input-readonly-icon{display:var(--_ui5_input_readonly_icon_display);padding:var(--_ui5_input_icon_padding);margin-right:.125rem;align-self:center}.ui5-input-value-state-icon{height:100%;display:var(--_ui5-input-value-state-icon-display);align-items:center}.ui5-input-value-state-icon>svg{margin-right:8px}[inner-input]::selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}:host([disabled]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-webkit-input-placeholder{visibility:hidden}[inner-input]::-webkit-input-placeholder{font-weight:400;font-style:var(--_ui5-input-placeholder-style);color:var(--_ui5-input-placeholder-color);padding-right:.125rem}:host([disabled]) [inner-input]::-moz-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-moz-placeholder{visibility:hidden}[inner-input]::-moz-placeholder{font-weight:400;font-style:var(--_ui5-input-placeholder-style);color:var(--sapField_PlaceholderTextColor);padding-right:.125rem}:host([disabled]) [inner-input]:-ms-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]:-ms-input-placeholder{visibility:hidden}[inner-input]:-ms-input-placeholder{font-weight:400;font-style:italic;color:var(--sapField_PlaceholderTextColor);padding-right:.125rem}:host([value-state=Error]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Error]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Warning]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-state-warning-border-botom-color)}:host([value-state=Warning]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-state-warning-border-botom-color)}:host([value-state=Success]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-state-success-border-botom-color)}:host([value-state=Success]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-state-success-border-botom-color)}:host([value-state=Information]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-success-information-border-botom-color)}:host([value-state=Information]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-success-information-border-botom-color)}.ui5-input-content{height:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;overflow:hidden;outline:none;background:transparent;color:inherit}:host([readonly]){border-color:var(--_ui5_input_readonly_border_color);background:var(--_ui5-input-readonly-background)}:host(:not([value-state]):not([readonly]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-hover-box-shadow);background-image:var(--_ui5-input-background-image);background-size:100% var(--sapField_BorderWidth);background-repeat:repeat-x;background-position:bottom}:host(:not([value-state]):not([readonly])[focused]:hover),:host([value-state=None]:not([readonly])[focused]:hover){border-color:var(--_ui5-input-focused-border-color);box-shadow:var(--_ui5-input-focus-box-shadow)}:host(:not([value-state]):not([readonly]):hover){border:var(--_ui5-input-hover-border)}:host([focused]) .ui5-input-root:before{content:none}:host([value-state=None]:not([readonly]):hover){background-color:var(--sapField_Hover_Background);border:var(--_ui5-input-hover-border);box-shadow:var(--_ui5-input-hover-box-shadow)}:host([value-state]:not([value-state=None])){border-width:var(--_ui5_input_state_border_width)}:host([value-state=Error]) [inner-input],:host([value-state=Warning]) [inner-input]{font-style:var(--_ui5_input_error_warning_font_style);text-indent:var(--_ui5_input_error_warning_text_indent)}:host([value-state=Error]) [inner-input]{font-weight:var(--_ui5_input_error_font_weight)}:host([value-state=Warning]) [inner-input]{font-weight:var(--_ui5_input_warning_font_weight)}:host([value-state=Information]) [inner-input]{font-style:var(--_ui5_input_information_font_style);font-weight:var(--_ui5_input_information_font_weight);text-indent:var(--_ui5_input_information_text_indent)}:host([value-state=Error]:not([readonly])){background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5-input-value-state-error-border-color);background-image:var(--_ui5-input-error-background-image);background-size:100% var(--sapField_InvalidBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Error][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-error-background);border-color:var(--_ui5-input-focused-value-state-error-border-color);box-shadow:var(--_ui5-input-value-state-error-focus-box-shadow)}:host([value-state=Error]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Error]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-error-hover-box-shadow)}:host([value-state=Error]:not([readonly]):not([disabled])),:host([value-state=Information]:not([readonly]):not([disabled])),:host([value-state=Warning]:not([readonly]):not([disabled])){border-style:var(--_ui5_input_error_warning_border_style)}:host([value-state=Warning]:not([readonly])){background-color:var(--sapField_WarningBackground);border-color:var(--_ui5-input-value-state-warning-border-color);background-image:var(--_ui5-input-warning-background-image);background-size:100% var(--sapField_WarningBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Warning][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-warning-background);border-color:var(--_ui5-input-focused-value-state-warning-border-color);box-shadow:var(--_ui5-input-value-state-warning-focus-box-shadow)}:host([value-state=Warning]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-warning-border-botom-color)}:host([value-state=Warning]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-warning-hover-box-shadow)}:host([value-state=Success]:not([readonly])){background-color:var(--sapField_SuccessBackground);border-color:var(--_ui5-input-value-state-success-border-color);border-width:var(--_ui5-input-value-state-success-border-width);background-image:var(--_ui5-input-success-background-image);background-size:100% var(--sapField_SuccessBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Success][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-success-background);border-color:var(--_ui5-input-focused-value-state-success-border-color);box-shadow:var(--_ui5-input-value-state-success-focus-box-shadow)}:host([value-state=Success]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-success-border-botom-color)}:host([value-state=Success]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-success-hover-box-shadow)}:host([value-state=Information]:not([readonly])){background-color:var(--sapField_InformationBackground);border-color:var(--_ui5-input-value-state-information-border-color);border-width:var(--_ui5-input-information_border_width);background-image:var(--_ui5-input-information-background-image);background-size:100% var(--sapField_InformationBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Information][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-information-background);border-color:var(--_ui5-input-focused-value-state-information-border-color);box-shadow:var(--_ui5-input-focus-box-shadow)}:host([value-state=Information]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-success-information-border-botom-color)}:host([value-state=Information]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-information-hover-box-shadow)}[inner-input]::-ms-clear{height:0;width:0}.ui5-input-icon-root{min-width:var(--_ui5_input_icon_min_width);height:100%;display:flex;justify-content:center;align-items:center}::slotted([ui5-icon][slot=icon]){padding:var(--_ui5_input_icon_padding)}[inner-input]::-webkit-inner-spin-button,[inner-input]::-webkit-outer-spin-button{-webkit-appearance:inherit;margin:inherit}[input-icon]{color:var(--_ui5_input_icon_color);cursor:pointer;outline:none;padding:var(--_ui5_input_icon_padding);margin-right:var(--_ui5_input_icon_margin);border-left:var(--_ui5_input_icon_border);min-width:1rem;min-height:1rem;border-radius:var(--_ui5_input_icon_border_radius);align-self:center}[input-icon][pressed]{background:var(--_ui5_input_icon_pressed_bg);box-shadow:var(--_ui5_input_icon_box_shadow);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);box-shadow:var(--_ui5_input_icon_box_shadow);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:not([pressed]):not(:active):hover{background:var(--_ui5_input_icon_hover_bg);box-shadow:var(--_ui5_input_icon_box_shadow)}[input-icon]:hover{border-left:var(--_ui5_select_hover_icon_left_border);box-shadow:var(--_ui5_input_icon_box_shadow)}[input-icon][dir=rtl]:hover{border-left:none;border-right:var(--_ui5_select_hover_icon_left_border)}[input-icon][dir=rtl]{border-left:none;margin-right:0;margin-left:var(--_ui5_input_icon_margin);border-right:var(--_ui5_input_icon_border)}.ui5-combobox-root{display:flex;overflow:hidden;width:100%;height:100%}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/ComboBox.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}[input-icon]{color:var(--_ui5_input_icon_color);cursor:pointer;outline:none;padding:var(--_ui5_input_icon_padding);margin-right:var(--_ui5_input_icon_margin);border-left:var(--_ui5_input_icon_border);min-width:1rem;min-height:1rem;border-radius:var(--_ui5_input_icon_border_radius);align-self:center}[input-icon][pressed]{background:var(--_ui5_input_icon_pressed_bg);box-shadow:var(--_ui5_input_icon_box_shadow);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);box-shadow:var(--_ui5_input_icon_box_shadow);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:not([pressed]):not(:active):hover{background:var(--_ui5_input_icon_hover_bg);box-shadow:var(--_ui5_input_icon_box_shadow)}[input-icon]:hover{border-left:var(--_ui5_select_hover_icon_left_border);box-shadow:var(--_ui5_input_icon_box_shadow)}[input-icon][dir=rtl]:hover{border-left:none;border-right:var(--_ui5_select_hover_icon_left_border)}[input-icon][dir=rtl]{border-left:none;margin-right:0;margin-left:var(--_ui5_input_icon_margin);border-right:var(--_ui5_input_icon_border)}:host(:not([hidden])){display:inline-block}:host{width:var(--_ui5_input_width);min-width:var(--_ui5_input_width);height:var(--_ui5_input_height);color:var(--sapField_TextColor);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);font-style:normal;background-color:var(--_ui5-input-background-color);border:var(--_ui5-input-border);border-radius:var(--_ui5-input-border-radius);box-sizing:border-box;line-height:normal;letter-spacing:normal;word-spacing:normal;text-align:start;transition:var(--_ui5-input-transition);background-image:var(--_ui5-input-background-image);background-size:100% var(--sapField_BorderWidth);background-repeat:repeat-x;background-position:bottom}:host([focused]){border-color:var(--_ui5-input-focused-border-color);background-color:var(--sapField_Focus_Background);outline:var(--_ui5-input-focus-outline);outline-offset:var(--_ui5-input-focus-outline-offset);box-shadow:var(--_ui5-input-focus-box-shadow)}.ui5-input-root:before{content:\"\";position:absolute;width:calc(100% - 2px);left:1px;bottom:-2px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:var(--_ui5-input-bottom-border-height);transition:var(--_ui5-input-transition);background-color:var(--_ui5-input-bottom-border-color)}:host([value-state]:not([value-state=None])[focused]){outline:var(--_ui5-input-value-state-outline);outline-offset:var(--_ui5-input-value-state-outline-offset)}.ui5-input-root{width:100%;height:100%;position:relative;background:transparent;display:inline-block;outline:none;box-sizing:border-box;color:inherit;transition:border-color .2s ease-in-out}:host([disabled]){opacity:var(--_ui5_input_disabled_opacity);cursor:default;pointer-events:none;background-color:var(--_ui5-input-disabled-background);border-color:var(--_ui5_input_disabled_border_color)}:host([disabled]) .ui5-input-root:before,:host([readonly]) .ui5-input-root:before{content:none}[inner-input]{background:transparent;color:inherit;border:none;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;padding:var(--_ui5_input_inner_padding);box-sizing:border-box;min-width:inherit;width:100%;text-overflow:ellipsis;flex:1;outline:none;font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;word-spacing:inherit;text-align:inherit}[inner-input][inner-input-with-icon]{padding:var(--_ui5_input_inner_padding_with_icon)}.ui5-input-readonly-icon{display:var(--_ui5_input_readonly_icon_display);padding:var(--_ui5_input_icon_padding);margin-right:.125rem;align-self:center}.ui5-input-value-state-icon{height:100%;display:var(--_ui5-input-value-state-icon-display);align-items:center}.ui5-input-value-state-icon>svg{margin-right:8px}[inner-input]::selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}:host([disabled]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-webkit-input-placeholder{visibility:hidden}[inner-input]::-webkit-input-placeholder{font-weight:400;font-style:var(--_ui5-input-placeholder-style);color:var(--_ui5-input-placeholder-color);padding-right:.125rem}:host([disabled]) [inner-input]::-moz-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-moz-placeholder{visibility:hidden}[inner-input]::-moz-placeholder{font-weight:400;font-style:var(--_ui5-input-placeholder-style);color:var(--sapField_PlaceholderTextColor);padding-right:.125rem}:host([disabled]) [inner-input]:-ms-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]:-ms-input-placeholder{visibility:hidden}[inner-input]:-ms-input-placeholder{font-weight:400;font-style:italic;color:var(--sapField_PlaceholderTextColor);padding-right:.125rem}:host([value-state=Error]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Error]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Warning]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-state-warning-border-botom-color)}:host([value-state=Warning]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-state-warning-border-botom-color)}:host([value-state=Success]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-state-success-border-botom-color)}:host([value-state=Success]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-state-success-border-botom-color)}:host([value-state=Information]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-success-information-border-botom-color)}:host([value-state=Information]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-success-information-border-botom-color)}.ui5-input-content{height:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;overflow:hidden;outline:none;background:transparent;color:inherit}:host([readonly]){border-color:var(--_ui5_input_readonly_border_color);background:var(--_ui5-input-readonly-background)}:host(:not([value-state]):not([readonly]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-hover-box-shadow);background-image:var(--_ui5-input-background-image);background-size:100% var(--sapField_BorderWidth);background-repeat:repeat-x;background-position:bottom}:host(:not([value-state]):not([readonly])[focused]:hover),:host([value-state=None]:not([readonly])[focused]:hover){border-color:var(--_ui5-input-focused-border-color);box-shadow:var(--_ui5-input-focus-box-shadow)}:host(:not([value-state]):not([readonly]):hover){border:var(--_ui5-input-hover-border)}:host([focused]) .ui5-input-root:before{content:none}:host([value-state=None]:not([readonly]):hover){background-color:var(--sapField_Hover_Background);border:var(--_ui5-input-hover-border);box-shadow:var(--_ui5-input-hover-box-shadow)}:host([value-state]:not([value-state=None])){border-width:var(--_ui5_input_state_border_width)}:host([value-state=Error]) [inner-input],:host([value-state=Warning]) [inner-input]{font-style:var(--_ui5_input_error_warning_font_style);text-indent:var(--_ui5_input_error_warning_text_indent)}:host([value-state=Error]) [inner-input]{font-weight:var(--_ui5_input_error_font_weight)}:host([value-state=Warning]) [inner-input]{font-weight:var(--_ui5_input_warning_font_weight)}:host([value-state=Information]) [inner-input]{font-style:var(--_ui5_input_information_font_style);font-weight:var(--_ui5_input_information_font_weight);text-indent:var(--_ui5_input_information_text_indent)}:host([value-state=Error]:not([readonly])){background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5-input-value-state-error-border-color);background-image:var(--_ui5-input-error-background-image);background-size:100% var(--sapField_InvalidBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Error][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-error-background);border-color:var(--_ui5-input-focused-value-state-error-border-color);box-shadow:var(--_ui5-input-value-state-error-focus-box-shadow)}:host([value-state=Error]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Error]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-error-hover-box-shadow)}:host([value-state=Error]:not([readonly]):not([disabled])),:host([value-state=Information]:not([readonly]):not([disabled])),:host([value-state=Warning]:not([readonly]):not([disabled])){border-style:var(--_ui5_input_error_warning_border_style)}:host([value-state=Warning]:not([readonly])){background-color:var(--sapField_WarningBackground);border-color:var(--_ui5-input-value-state-warning-border-color);background-image:var(--_ui5-input-warning-background-image);background-size:100% var(--sapField_WarningBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Warning][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-warning-background);border-color:var(--_ui5-input-focused-value-state-warning-border-color);box-shadow:var(--_ui5-input-value-state-warning-focus-box-shadow)}:host([value-state=Warning]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-warning-border-botom-color)}:host([value-state=Warning]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-warning-hover-box-shadow)}:host([value-state=Success]:not([readonly])){background-color:var(--sapField_SuccessBackground);border-color:var(--_ui5-input-value-state-success-border-color);border-width:var(--_ui5-input-value-state-success-border-width);background-image:var(--_ui5-input-success-background-image);background-size:100% var(--sapField_SuccessBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Success][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-success-background);border-color:var(--_ui5-input-focused-value-state-success-border-color);box-shadow:var(--_ui5-input-value-state-success-focus-box-shadow)}:host([value-state=Success]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-success-border-botom-color)}:host([value-state=Success]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-success-hover-box-shadow)}:host([value-state=Information]:not([readonly])){background-color:var(--sapField_InformationBackground);border-color:var(--_ui5-input-value-state-information-border-color);border-width:var(--_ui5-input-information_border_width);background-image:var(--_ui5-input-information-background-image);background-size:100% var(--sapField_InformationBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Information][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-information-background);border-color:var(--_ui5-input-focused-value-state-information-border-color);box-shadow:var(--_ui5-input-focus-box-shadow)}:host([value-state=Information]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-success-information-border-botom-color)}:host([value-state=Information]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-information-hover-box-shadow)}[inner-input]::-ms-clear{height:0;width:0}.ui5-input-icon-root{min-width:var(--_ui5_input_icon_min_width);height:100%;display:flex;justify-content:center;align-items:center}::slotted([ui5-icon][slot=icon]){padding:var(--_ui5_input_icon_padding)}[inner-input]::-webkit-inner-spin-button,[inner-input]::-webkit-outer-spin-button{-webkit-appearance:inherit;margin:inherit}.ui5-combobox-root{display:flex;overflow:hidden;width:100%;height:100%}"}

package/dist/generated/themes/DatePickerPopover.css.js

@@ -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/DatePickerPopover.css",content:"[ui5-calendar]{width:100%;display:flex;justify-content:center}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/DatePickerPopover.css",content:"[ui5-calendar]{width:100%;display:flex;justify-content:center}[ui5-responsive-popover]::part(content){padding:0}"}

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

@@ -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)}:host([stretch]){width:90%;height:94%}:host([stretch][on-phone]){width:100%;height:100%;max-height:100%;max-width:100%;border-radius:0}.ui5-popup-header-root{background:var(--sapPageHeader_Background)}:host([draggable]) .ui5-popup-header-root,:host([draggable]) ::slotted([slot=header]){cursor:move}:host([draggable]) .ui5-popup-header-root *{cursor:auto}.ui5-popup-header-root:focus{outline:var(--_ui5_dialog_outline);border-radius:var(--_ui5_dialog_header_border_radius);outline-offset:var(--_ui5_dialog_header_focus_offset)}.ui5-popup-root{display:flex;flex-direction:column;max-width:100vw}: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);right:var(--_ui5_dialog_resize_handle_right);cursor:se-resize;color:var(--_ui5_dialog_resize_handle_color)}.ui5-popup-resize-handle[dir=rtl]{left:-.25rem;right:unset;cursor:sw-resize}"}
+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)}: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-header-root:focus{outline:var(--_ui5_dialog_outline);border-radius:var(--_ui5_dialog_header_border_radius);outline-offset:var(--_ui5_dialog_header_focus_offset)}.ui5-popup-root{display:flex;flex-direction:column;max-width:100vw}: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);right:var(--_ui5_dialog_resize_handle_right);cursor:se-resize;color:var(--_ui5_dialog_resize_handle_color)}.ui5-popup-resize-handle[dir=rtl]{left:-.25rem;right:unset;cursor:sw-resize}"}

package/dist/generated/themes/Input.css.js

@@ -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/Input.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:inline-block}:host{width:var(--_ui5_input_width);min-width:var(--_ui5_input_width);height:var(--_ui5_input_height);color:var(--sapField_TextColor);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);font-style:normal;background-color:var(--_ui5-input-background-color);border:var(--_ui5-input-border);border-radius:var(--_ui5-input-border-radius);box-sizing:border-box;line-height:normal;letter-spacing:normal;word-spacing:normal;text-align:start;transition:var(--_ui5-input-transition);background-image:var(--_ui5-input-background-image);background-size:100% var(--sapField_BorderWidth);background-repeat:repeat-x;background-position:bottom}:host([focused]){border-color:var(--_ui5-input-focused-border-color);background-color:var(--sapField_Focus_Background);outline:var(--_ui5-input-focus-outline);outline-offset:var(--_ui5-input-focus-outline-offset);box-shadow:var(--_ui5-input-focus-box-shadow)}.ui5-input-root:before{content:\"\";position:absolute;width:calc(100% - 2px);left:1px;bottom:-2px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:var(--_ui5-input-bottom-border-height);transition:var(--_ui5-input-transition);background-color:var(--_ui5-input-bottom-border-color)}:host([value-state]:not([value-state=None])[focused]){outline:var(--_ui5-input-value-state-outline);outline-offset:var(--_ui5-input-value-state-outline-offset)}.ui5-input-root{width:100%;height:100%;position:relative;background:transparent;display:inline-block;outline:none;box-sizing:border-box;color:inherit;transition:border-color .2s ease-in-out}:host([disabled]){opacity:var(--_ui5_input_disabled_opacity);cursor:default;pointer-events:none;background-color:var(--_ui5-input-disabled-background);border-color:var(--_ui5_input_disabled_border_color)}:host([disabled]) .ui5-input-root:before,:host([readonly]) .ui5-input-root:before{content:none}[inner-input]{background:transparent;color:inherit;border:none;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;padding:var(--_ui5_input_inner_padding);box-sizing:border-box;min-width:inherit;width:100%;text-overflow:ellipsis;flex:1;outline:none;font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;word-spacing:inherit;text-align:inherit}[inner-input][inner-input-with-icon]{padding:var(--_ui5_input_inner_padding_with_icon)}.ui5-input-readonly-icon{display:var(--_ui5_input_readonly_icon_display);padding:var(--_ui5_input_icon_padding);margin-right:.125rem;align-self:center}.ui5-input-value-state-icon{height:100%;display:var(--_ui5-input-value-state-icon-display);align-items:center}.ui5-input-value-state-icon>svg{margin-right:8px}[inner-input]::selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}:host([disabled]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-webkit-input-placeholder{visibility:hidden}[inner-input]::-webkit-input-placeholder{font-weight:400;font-style:var(--_ui5-input-placeholder-style);color:var(--_ui5-input-placeholder-color);padding-right:.125rem}:host([disabled]) [inner-input]::-moz-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-moz-placeholder{visibility:hidden}[inner-input]::-moz-placeholder{font-weight:400;font-style:var(--_ui5-input-placeholder-style);color:var(--sapField_PlaceholderTextColor);padding-right:.125rem}:host([disabled]) [inner-input]:-ms-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]:-ms-input-placeholder{visibility:hidden}[inner-input]:-ms-input-placeholder{font-weight:400;font-style:italic;color:var(--sapField_PlaceholderTextColor);padding-right:.125rem}:host([value-state=Error]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Error]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Warning]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-state-warning-border-botom-color)}:host([value-state=Warning]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-state-warning-border-botom-color)}:host([value-state=Success]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-state-success-border-botom-color)}:host([value-state=Success]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-state-success-border-botom-color)}:host([value-state=Information]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-success-information-border-botom-color)}:host([value-state=Information]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-success-information-border-botom-color)}.ui5-input-content{height:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;overflow:hidden;outline:none;background:transparent;color:inherit}:host([readonly]){border-color:var(--_ui5_input_readonly_border_color);background:var(--_ui5-input-readonly-background)}:host(:not([value-state]):not([readonly]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-hover-box-shadow);background-image:var(--_ui5-input-background-image);background-size:100% var(--sapField_BorderWidth);background-repeat:repeat-x;background-position:bottom}:host(:not([value-state]):not([readonly])[focused]:hover),:host([value-state=None]:not([readonly])[focused]:hover){border-color:var(--_ui5-input-focused-border-color);box-shadow:var(--_ui5-input-focus-box-shadow)}:host(:not([value-state]):not([readonly]):hover){border:var(--_ui5-input-hover-border)}:host([focused]) .ui5-input-root:before{content:none}:host([value-state=None]:not([readonly]):hover){background-color:var(--sapField_Hover_Background);border:var(--_ui5-input-hover-border);box-shadow:var(--_ui5-input-hover-box-shadow)}:host([value-state]:not([value-state=None])){border-width:var(--_ui5_input_state_border_width)}:host([value-state=Error]) [inner-input],:host([value-state=Warning]) [inner-input]{font-style:var(--_ui5_input_error_warning_font_style);text-indent:var(--_ui5_input_error_warning_text_indent)}:host([value-state=Error]) [inner-input]{font-weight:var(--_ui5_input_error_font_weight)}:host([value-state=Warning]) [inner-input]{font-weight:var(--_ui5_input_warning_font_weight)}:host([value-state=Information]) [inner-input]{font-style:var(--_ui5_input_information_font_style);font-weight:var(--_ui5_input_information_font_weight);text-indent:var(--_ui5_input_information_text_indent)}:host([value-state=Error]:not([readonly])){background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5-input-value-state-error-border-color);background-image:var(--_ui5-input-error-background-image);background-size:100% var(--sapField_InvalidBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Error][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-error-background);border-color:var(--_ui5-input-focused-value-state-error-border-color);box-shadow:var(--_ui5-input-value-state-error-focus-box-shadow)}:host([value-state=Error]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Error]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-error-hover-box-shadow)}:host([value-state=Error]:not([readonly]):not([disabled])),:host([value-state=Information]:not([readonly]):not([disabled])),:host([value-state=Warning]:not([readonly]):not([disabled])){border-style:var(--_ui5_input_error_warning_border_style)}:host([value-state=Warning]:not([readonly])){background-color:var(--sapField_WarningBackground);border-color:var(--_ui5-input-value-state-warning-border-color);background-image:var(--_ui5-input-warning-background-image);background-size:100% var(--sapField_WarningBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Warning][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-warning-background);border-color:var(--_ui5-input-focused-value-state-warning-border-color);box-shadow:var(--_ui5-input-value-state-warning-focus-box-shadow)}:host([value-state=Warning]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-warning-border-botom-color)}:host([value-state=Warning]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-warning-hover-box-shadow)}:host([value-state=Success]:not([readonly])){background-color:var(--sapField_SuccessBackground);border-color:var(--_ui5-input-value-state-success-border-color);border-width:var(--_ui5-input-value-state-success-border-width);background-image:var(--_ui5-input-success-background-image);background-size:100% var(--sapField_SuccessBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Success][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-success-background);border-color:var(--_ui5-input-focused-value-state-success-border-color);box-shadow:var(--_ui5-input-value-state-success-focus-box-shadow)}:host([value-state=Success]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-success-border-botom-color)}:host([value-state=Success]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-success-hover-box-shadow)}:host([value-state=Information]:not([readonly])){background-color:var(--sapField_InformationBackground);border-color:var(--_ui5-input-value-state-information-border-color);border-width:var(--_ui5-input-information_border_width);background-image:var(--_ui5-input-information-background-image);background-size:100% var(--sapField_InformationBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Information][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-information-background);border-color:var(--_ui5-input-focused-value-state-information-border-color);box-shadow:var(--_ui5-input-focus-box-shadow)}:host([value-state=Information]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-success-information-border-botom-color)}:host([value-state=Information]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-information-hover-box-shadow)}[inner-input]::-ms-clear{height:0;width:0}.ui5-input-icon-root{min-width:var(--_ui5_input_icon_min_width);height:100%;display:flex;justify-content:center;align-items:center}::slotted([ui5-icon][slot=icon]){padding:var(--_ui5_input_icon_padding)}[inner-input]::-webkit-inner-spin-button,[inner-input]::-webkit-outer-spin-button{-webkit-appearance:inherit;margin:inherit}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/Input.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}[input-icon]{color:var(--_ui5_input_icon_color);cursor:pointer;outline:none;padding:var(--_ui5_input_icon_padding);margin-right:var(--_ui5_input_icon_margin);border-left:var(--_ui5_input_icon_border);min-width:1rem;min-height:1rem;border-radius:var(--_ui5_input_icon_border_radius);align-self:center}[input-icon][pressed]{background:var(--_ui5_input_icon_pressed_bg);box-shadow:var(--_ui5_input_icon_box_shadow);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);box-shadow:var(--_ui5_input_icon_box_shadow);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:not([pressed]):not(:active):hover{background:var(--_ui5_input_icon_hover_bg);box-shadow:var(--_ui5_input_icon_box_shadow)}[input-icon]:hover{border-left:var(--_ui5_select_hover_icon_left_border);box-shadow:var(--_ui5_input_icon_box_shadow)}[input-icon][dir=rtl]:hover{border-left:none;border-right:var(--_ui5_select_hover_icon_left_border)}[input-icon][dir=rtl]{border-left:none;margin-right:0;margin-left:var(--_ui5_input_icon_margin);border-right:var(--_ui5_input_icon_border)}:host(:not([hidden])){display:inline-block}:host{width:var(--_ui5_input_width);min-width:var(--_ui5_input_width);height:var(--_ui5_input_height);color:var(--sapField_TextColor);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);font-style:normal;background-color:var(--_ui5-input-background-color);border:var(--_ui5-input-border);border-radius:var(--_ui5-input-border-radius);box-sizing:border-box;line-height:normal;letter-spacing:normal;word-spacing:normal;text-align:start;transition:var(--_ui5-input-transition);background-image:var(--_ui5-input-background-image);background-size:100% var(--sapField_BorderWidth);background-repeat:repeat-x;background-position:bottom}:host([focused]){border-color:var(--_ui5-input-focused-border-color);background-color:var(--sapField_Focus_Background);outline:var(--_ui5-input-focus-outline);outline-offset:var(--_ui5-input-focus-outline-offset);box-shadow:var(--_ui5-input-focus-box-shadow)}.ui5-input-root:before{content:\"\";position:absolute;width:calc(100% - 2px);left:1px;bottom:-2px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:var(--_ui5-input-bottom-border-height);transition:var(--_ui5-input-transition);background-color:var(--_ui5-input-bottom-border-color)}:host([value-state]:not([value-state=None])[focused]){outline:var(--_ui5-input-value-state-outline);outline-offset:var(--_ui5-input-value-state-outline-offset)}.ui5-input-root{width:100%;height:100%;position:relative;background:transparent;display:inline-block;outline:none;box-sizing:border-box;color:inherit;transition:border-color .2s ease-in-out}:host([disabled]){opacity:var(--_ui5_input_disabled_opacity);cursor:default;pointer-events:none;background-color:var(--_ui5-input-disabled-background);border-color:var(--_ui5_input_disabled_border_color)}:host([disabled]) .ui5-input-root:before,:host([readonly]) .ui5-input-root:before{content:none}[inner-input]{background:transparent;color:inherit;border:none;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;padding:var(--_ui5_input_inner_padding);box-sizing:border-box;min-width:inherit;width:100%;text-overflow:ellipsis;flex:1;outline:none;font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;word-spacing:inherit;text-align:inherit}[inner-input][inner-input-with-icon]{padding:var(--_ui5_input_inner_padding_with_icon)}.ui5-input-readonly-icon{display:var(--_ui5_input_readonly_icon_display);padding:var(--_ui5_input_icon_padding);margin-right:.125rem;align-self:center}.ui5-input-value-state-icon{height:100%;display:var(--_ui5-input-value-state-icon-display);align-items:center}.ui5-input-value-state-icon>svg{margin-right:8px}[inner-input]::selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}:host([disabled]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-webkit-input-placeholder{visibility:hidden}[inner-input]::-webkit-input-placeholder{font-weight:400;font-style:var(--_ui5-input-placeholder-style);color:var(--_ui5-input-placeholder-color);padding-right:.125rem}:host([disabled]) [inner-input]::-moz-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-moz-placeholder{visibility:hidden}[inner-input]::-moz-placeholder{font-weight:400;font-style:var(--_ui5-input-placeholder-style);color:var(--sapField_PlaceholderTextColor);padding-right:.125rem}:host([disabled]) [inner-input]:-ms-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]:-ms-input-placeholder{visibility:hidden}[inner-input]:-ms-input-placeholder{font-weight:400;font-style:italic;color:var(--sapField_PlaceholderTextColor);padding-right:.125rem}:host([value-state=Error]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Error]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Warning]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-state-warning-border-botom-color)}:host([value-state=Warning]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-state-warning-border-botom-color)}:host([value-state=Success]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-state-success-border-botom-color)}:host([value-state=Success]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-state-success-border-botom-color)}:host([value-state=Information]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-success-information-border-botom-color)}:host([value-state=Information]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-success-information-border-botom-color)}.ui5-input-content{height:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;overflow:hidden;outline:none;background:transparent;color:inherit}:host([readonly]){border-color:var(--_ui5_input_readonly_border_color);background:var(--_ui5-input-readonly-background)}:host(:not([value-state]):not([readonly]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-hover-box-shadow);background-image:var(--_ui5-input-background-image);background-size:100% var(--sapField_BorderWidth);background-repeat:repeat-x;background-position:bottom}:host(:not([value-state]):not([readonly])[focused]:hover),:host([value-state=None]:not([readonly])[focused]:hover){border-color:var(--_ui5-input-focused-border-color);box-shadow:var(--_ui5-input-focus-box-shadow)}:host(:not([value-state]):not([readonly]):hover){border:var(--_ui5-input-hover-border)}:host([focused]) .ui5-input-root:before{content:none}:host([value-state=None]:not([readonly]):hover){background-color:var(--sapField_Hover_Background);border:var(--_ui5-input-hover-border);box-shadow:var(--_ui5-input-hover-box-shadow)}:host([value-state]:not([value-state=None])){border-width:var(--_ui5_input_state_border_width)}:host([value-state=Error]) [inner-input],:host([value-state=Warning]) [inner-input]{font-style:var(--_ui5_input_error_warning_font_style);text-indent:var(--_ui5_input_error_warning_text_indent)}:host([value-state=Error]) [inner-input]{font-weight:var(--_ui5_input_error_font_weight)}:host([value-state=Warning]) [inner-input]{font-weight:var(--_ui5_input_warning_font_weight)}:host([value-state=Information]) [inner-input]{font-style:var(--_ui5_input_information_font_style);font-weight:var(--_ui5_input_information_font_weight);text-indent:var(--_ui5_input_information_text_indent)}:host([value-state=Error]:not([readonly])){background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5-input-value-state-error-border-color);background-image:var(--_ui5-input-error-background-image);background-size:100% var(--sapField_InvalidBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Error][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-error-background);border-color:var(--_ui5-input-focused-value-state-error-border-color);box-shadow:var(--_ui5-input-value-state-error-focus-box-shadow)}:host([value-state=Error]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Error]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-error-hover-box-shadow)}:host([value-state=Error]:not([readonly]):not([disabled])),:host([value-state=Information]:not([readonly]):not([disabled])),:host([value-state=Warning]:not([readonly]):not([disabled])){border-style:var(--_ui5_input_error_warning_border_style)}:host([value-state=Warning]:not([readonly])){background-color:var(--sapField_WarningBackground);border-color:var(--_ui5-input-value-state-warning-border-color);background-image:var(--_ui5-input-warning-background-image);background-size:100% var(--sapField_WarningBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Warning][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-warning-background);border-color:var(--_ui5-input-focused-value-state-warning-border-color);box-shadow:var(--_ui5-input-value-state-warning-focus-box-shadow)}:host([value-state=Warning]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-warning-border-botom-color)}:host([value-state=Warning]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-warning-hover-box-shadow)}:host([value-state=Success]:not([readonly])){background-color:var(--sapField_SuccessBackground);border-color:var(--_ui5-input-value-state-success-border-color);border-width:var(--_ui5-input-value-state-success-border-width);background-image:var(--_ui5-input-success-background-image);background-size:100% var(--sapField_SuccessBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Success][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-success-background);border-color:var(--_ui5-input-focused-value-state-success-border-color);box-shadow:var(--_ui5-input-value-state-success-focus-box-shadow)}:host([value-state=Success]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-success-border-botom-color)}:host([value-state=Success]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-success-hover-box-shadow)}:host([value-state=Information]:not([readonly])){background-color:var(--sapField_InformationBackground);border-color:var(--_ui5-input-value-state-information-border-color);border-width:var(--_ui5-input-information_border_width);background-image:var(--_ui5-input-information-background-image);background-size:100% var(--sapField_InformationBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Information][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-information-background);border-color:var(--_ui5-input-focused-value-state-information-border-color);box-shadow:var(--_ui5-input-focus-box-shadow)}:host([value-state=Information]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-success-information-border-botom-color)}:host([value-state=Information]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-information-hover-box-shadow)}[inner-input]::-ms-clear{height:0;width:0}.ui5-input-icon-root{min-width:var(--_ui5_input_icon_min_width);height:100%;display:flex;justify-content:center;align-items:center}::slotted([ui5-icon][slot=icon]){padding:var(--_ui5_input_icon_padding)}[inner-input]::-webkit-inner-spin-button,[inner-input]::-webkit-outer-spin-button{-webkit-appearance:inherit;margin:inherit}"}

package/dist/generated/themes/ListItemBase.css.js

@@ -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/ListItemBase.css",content:":host(:not([hidden])){display:block}:host{height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);box-sizing:border-box;border-bottom:1px solid transparent}:host([selected]){background:var(--sapList_SelectionBackgroundColor)}:host([has-border]){border-bottom:var(--ui5-listitem-border-bottom)}:host([selected]){border-bottom:var(--ui5-listitem-selected-border-bottom)}:host([selected][has-border]){border-bottom:var(--ui5-listitem-selected-border-bottom)}.ui5-li-root{position:relative;display:flex;align-items:center;width:100%;height:100%;padding:0 1rem 0 1rem;box-sizing:border-box}:host([focused]) .ui5-li-root.ui5-li--focusable{outline:none}:host([focused]) .ui5-li-root.ui5-li--focusable:after{content:\"\";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:host([focused]) .ui5-li-content:focus:after{content:\"\";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:host([active][focused]) .ui5-li-root.ui5-li--focusable:after{border-color:var(--ui5-listitem-active-border-color)}:host([disabled]){opacity:var(--_ui5-listitembase_disabled_opacity);pointer-events:none}.ui5-li-content{max-width:100%;min-height:1px;font-family:\"72override\",var(--sapFontFamily);pointer-events:none}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/ListItemBase.css",content:":host(:not([hidden])){display:block}:host{height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);box-sizing:border-box;border-bottom:1px solid transparent}:host([selected]){background:var(--sapList_SelectionBackgroundColor)}:host([has-border]){border-bottom:var(--ui5-listitem-border-bottom)}:host([selected]){border-bottom:var(--ui5-listitem-selected-border-bottom)}:host(:not([focused])[selected][has-border]){border-bottom:var(--ui5-listitem-selected-border-bottom)}:host([focused][selected]){border-bottom:var(--ui5-listitem-focused-selected-border-bottom)}.ui5-li-root{position:relative;display:flex;align-items:center;width:100%;height:100%;padding:0 1rem 0 1rem;box-sizing:border-box}:host([focused]) .ui5-li-root.ui5-li--focusable{outline:none}:host([focused]) .ui5-li-root.ui5-li--focusable:after{content:\"\";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:.0625rem;right:.0625rem;bottom:.0625rem;left:.0625rem;pointer-events:none}:host([focused]) .ui5-li-content:focus:after{content:\"\";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:host([active][focused]) .ui5-li-root.ui5-li--focusable:after{border-color:var(--ui5-listitem-active-border-color)}:host([disabled]){opacity:var(--_ui5-listitembase_disabled_opacity);pointer-events:none}.ui5-li-content{max-width:100%;min-height:1px;font-family:\"72override\",var(--sapFontFamily);pointer-events:none}"}

package/dist/generated/themes/MultiComboBox.css.js

@@ -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/MultiComboBox.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{width:var(--_ui5_input_width);min-width:var(--_ui5_input_width);height:var(--_ui5_input_height);color:var(--sapField_TextColor);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);font-style:normal;background-color:var(--_ui5-input-background-color);border:var(--_ui5-input-border);border-radius:var(--_ui5-input-border-radius);box-sizing:border-box;line-height:normal;letter-spacing:normal;word-spacing:normal;text-align:start;transition:var(--_ui5-input-transition);background-image:var(--_ui5-input-background-image);background-size:100% var(--sapField_BorderWidth);background-repeat:repeat-x;background-position:bottom}:host([focused]){border-color:var(--_ui5-input-focused-border-color);background-color:var(--sapField_Focus_Background);outline:var(--_ui5-input-focus-outline);outline-offset:var(--_ui5-input-focus-outline-offset);box-shadow:var(--_ui5-input-focus-box-shadow)}.ui5-input-root:before{content:\"\";position:absolute;width:calc(100% - 2px);left:1px;bottom:-2px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:var(--_ui5-input-bottom-border-height);transition:var(--_ui5-input-transition);background-color:var(--_ui5-input-bottom-border-color)}:host([value-state]:not([value-state=None])[focused]){outline:var(--_ui5-input-value-state-outline);outline-offset:var(--_ui5-input-value-state-outline-offset)}.ui5-input-root{width:100%;height:100%;position:relative;background:transparent;display:inline-block;outline:none;box-sizing:border-box;color:inherit;transition:border-color .2s ease-in-out}:host([disabled]){opacity:var(--_ui5_input_disabled_opacity);cursor:default;pointer-events:none;background-color:var(--_ui5-input-disabled-background);border-color:var(--_ui5_input_disabled_border_color)}:host([disabled]) .ui5-input-root:before,:host([readonly]) .ui5-input-root:before{content:none}[inner-input]{background:transparent;color:inherit;border:none;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;padding:var(--_ui5_input_inner_padding);box-sizing:border-box;min-width:inherit;width:100%;text-overflow:ellipsis;flex:1;outline:none;font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;word-spacing:inherit;text-align:inherit}[inner-input][inner-input-with-icon]{padding:var(--_ui5_input_inner_padding_with_icon)}.ui5-input-readonly-icon{display:var(--_ui5_input_readonly_icon_display);padding:var(--_ui5_input_icon_padding);margin-right:.125rem;align-self:center}.ui5-input-value-state-icon{height:100%;display:var(--_ui5-input-value-state-icon-display);align-items:center}.ui5-input-value-state-icon>svg{margin-right:8px}[inner-input]::selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}:host([disabled]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-webkit-input-placeholder{visibility:hidden}[inner-input]::-webkit-input-placeholder{font-weight:400;font-style:var(--_ui5-input-placeholder-style);color:var(--_ui5-input-placeholder-color);padding-right:.125rem}:host([disabled]) [inner-input]::-moz-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-moz-placeholder{visibility:hidden}[inner-input]::-moz-placeholder{font-weight:400;font-style:var(--_ui5-input-placeholder-style);color:var(--sapField_PlaceholderTextColor);padding-right:.125rem}:host([disabled]) [inner-input]:-ms-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]:-ms-input-placeholder{visibility:hidden}[inner-input]:-ms-input-placeholder{font-weight:400;font-style:italic;color:var(--sapField_PlaceholderTextColor);padding-right:.125rem}:host([value-state=Error]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Error]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Warning]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-state-warning-border-botom-color)}:host([value-state=Warning]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-state-warning-border-botom-color)}:host([value-state=Success]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-state-success-border-botom-color)}:host([value-state=Success]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-state-success-border-botom-color)}:host([value-state=Information]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-success-information-border-botom-color)}:host([value-state=Information]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-success-information-border-botom-color)}.ui5-input-content{height:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;overflow:hidden;outline:none;background:transparent;color:inherit}:host([readonly]){border-color:var(--_ui5_input_readonly_border_color);background:var(--_ui5-input-readonly-background)}:host(:not([value-state]):not([readonly]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-hover-box-shadow);background-image:var(--_ui5-input-background-image);background-size:100% var(--sapField_BorderWidth);background-repeat:repeat-x;background-position:bottom}:host(:not([value-state]):not([readonly])[focused]:hover),:host([value-state=None]:not([readonly])[focused]:hover){border-color:var(--_ui5-input-focused-border-color);box-shadow:var(--_ui5-input-focus-box-shadow)}:host(:not([value-state]):not([readonly]):hover){border:var(--_ui5-input-hover-border)}:host([focused]) .ui5-input-root:before{content:none}:host([value-state=None]:not([readonly]):hover){background-color:var(--sapField_Hover_Background);border:var(--_ui5-input-hover-border);box-shadow:var(--_ui5-input-hover-box-shadow)}:host([value-state]:not([value-state=None])){border-width:var(--_ui5_input_state_border_width)}:host([value-state=Error]) [inner-input],:host([value-state=Warning]) [inner-input]{font-style:var(--_ui5_input_error_warning_font_style);text-indent:var(--_ui5_input_error_warning_text_indent)}:host([value-state=Error]) [inner-input]{font-weight:var(--_ui5_input_error_font_weight)}:host([value-state=Warning]) [inner-input]{font-weight:var(--_ui5_input_warning_font_weight)}:host([value-state=Information]) [inner-input]{font-style:var(--_ui5_input_information_font_style);font-weight:var(--_ui5_input_information_font_weight);text-indent:var(--_ui5_input_information_text_indent)}:host([value-state=Error]:not([readonly])){background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5-input-value-state-error-border-color);background-image:var(--_ui5-input-error-background-image);background-size:100% var(--sapField_InvalidBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Error][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-error-background);border-color:var(--_ui5-input-focused-value-state-error-border-color);box-shadow:var(--_ui5-input-value-state-error-focus-box-shadow)}:host([value-state=Error]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Error]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-error-hover-box-shadow)}:host([value-state=Error]:not([readonly]):not([disabled])),:host([value-state=Information]:not([readonly]):not([disabled])),:host([value-state=Warning]:not([readonly]):not([disabled])){border-style:var(--_ui5_input_error_warning_border_style)}:host([value-state=Warning]:not([readonly])){background-color:var(--sapField_WarningBackground);border-color:var(--_ui5-input-value-state-warning-border-color);background-image:var(--_ui5-input-warning-background-image);background-size:100% var(--sapField_WarningBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Warning][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-warning-background);border-color:var(--_ui5-input-focused-value-state-warning-border-color);box-shadow:var(--_ui5-input-value-state-warning-focus-box-shadow)}:host([value-state=Warning]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-warning-border-botom-color)}:host([value-state=Warning]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-warning-hover-box-shadow)}:host([value-state=Success]:not([readonly])){background-color:var(--sapField_SuccessBackground);border-color:var(--_ui5-input-value-state-success-border-color);border-width:var(--_ui5-input-value-state-success-border-width);background-image:var(--_ui5-input-success-background-image);background-size:100% var(--sapField_SuccessBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Success][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-success-background);border-color:var(--_ui5-input-focused-value-state-success-border-color);box-shadow:var(--_ui5-input-value-state-success-focus-box-shadow)}:host([value-state=Success]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-success-border-botom-color)}:host([value-state=Success]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-success-hover-box-shadow)}:host([value-state=Information]:not([readonly])){background-color:var(--sapField_InformationBackground);border-color:var(--_ui5-input-value-state-information-border-color);border-width:var(--_ui5-input-information_border_width);background-image:var(--_ui5-input-information-background-image);background-size:100% var(--sapField_InformationBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Information][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-information-background);border-color:var(--_ui5-input-focused-value-state-information-border-color);box-shadow:var(--_ui5-input-focus-box-shadow)}:host([value-state=Information]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-success-information-border-botom-color)}:host([value-state=Information]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-information-hover-box-shadow)}[inner-input]::-ms-clear{height:0;width:0}.ui5-input-icon-root{min-width:var(--_ui5_input_icon_min_width);height:100%;display:flex;justify-content:center;align-items:center}::slotted([ui5-icon][slot=icon]){padding:var(--_ui5_input_icon_padding)}[inner-input]::-webkit-inner-spin-button,[inner-input]::-webkit-outer-spin-button{-webkit-appearance:inherit;margin:inherit}[input-icon]{color:var(--_ui5_input_icon_color);cursor:pointer;outline:none;padding:var(--_ui5_input_icon_padding);margin-right:var(--_ui5_input_icon_margin);border-left:var(--_ui5_input_icon_border);min-width:1rem;min-height:1rem;border-radius:var(--_ui5_input_icon_border_radius);align-self:center}[input-icon][pressed]{background:var(--_ui5_input_icon_pressed_bg);box-shadow:var(--_ui5_input_icon_box_shadow);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);box-shadow:var(--_ui5_input_icon_box_shadow);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:not([pressed]):not(:active):hover{background:var(--_ui5_input_icon_hover_bg);box-shadow:var(--_ui5_input_icon_box_shadow)}[input-icon]:hover{border-left:var(--_ui5_select_hover_icon_left_border);box-shadow:var(--_ui5_input_icon_box_shadow)}[input-icon][dir=rtl]:hover{border-left:none;border-right:var(--_ui5_select_hover_icon_left_border)}[input-icon][dir=rtl]{border-left:none;margin-right:0;margin-left:var(--_ui5_input_icon_margin);border-right:var(--_ui5_input_icon_border)}:host(:not([hidden])){display:inline-block;--_ui5_popup_content_padding:0}.ui5-multi-combobox-root{display:flex;overflow:hidden;width:100%;height:100%}.ui5-multi-combobox-tokenizer{max-width:calc(100% - 3rem - var(--_ui5_input_icon_min_width));border:none;width:auto;min-width:0;height:100%}[ui5-multi-combobox]{width:100%}[ui5-multi-combobox] [ui5-tokenizer]{flex:3}[ui5-icon]{border-top-right-radius:var(--ui5-multi_bombobox_icon_border_top_right_radius);border-bottom-right-radius:var(--ui5-multi_bombobox_icon_border_bottom_right_radius)}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/MultiComboBox.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}[input-icon]{color:var(--_ui5_input_icon_color);cursor:pointer;outline:none;padding:var(--_ui5_input_icon_padding);margin-right:var(--_ui5_input_icon_margin);border-left:var(--_ui5_input_icon_border);min-width:1rem;min-height:1rem;border-radius:var(--_ui5_input_icon_border_radius);align-self:center}[input-icon][pressed]{background:var(--_ui5_input_icon_pressed_bg);box-shadow:var(--_ui5_input_icon_box_shadow);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);box-shadow:var(--_ui5_input_icon_box_shadow);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:not([pressed]):not(:active):hover{background:var(--_ui5_input_icon_hover_bg);box-shadow:var(--_ui5_input_icon_box_shadow)}[input-icon]:hover{border-left:var(--_ui5_select_hover_icon_left_border);box-shadow:var(--_ui5_input_icon_box_shadow)}[input-icon][dir=rtl]:hover{border-left:none;border-right:var(--_ui5_select_hover_icon_left_border)}[input-icon][dir=rtl]{border-left:none;margin-right:0;margin-left:var(--_ui5_input_icon_margin);border-right:var(--_ui5_input_icon_border)}:host{width:var(--_ui5_input_width);min-width:var(--_ui5_input_width);height:var(--_ui5_input_height);color:var(--sapField_TextColor);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);font-style:normal;background-color:var(--_ui5-input-background-color);border:var(--_ui5-input-border);border-radius:var(--_ui5-input-border-radius);box-sizing:border-box;line-height:normal;letter-spacing:normal;word-spacing:normal;text-align:start;transition:var(--_ui5-input-transition);background-image:var(--_ui5-input-background-image);background-size:100% var(--sapField_BorderWidth);background-repeat:repeat-x;background-position:bottom}:host([focused]){border-color:var(--_ui5-input-focused-border-color);background-color:var(--sapField_Focus_Background);outline:var(--_ui5-input-focus-outline);outline-offset:var(--_ui5-input-focus-outline-offset);box-shadow:var(--_ui5-input-focus-box-shadow)}.ui5-input-root:before{content:\"\";position:absolute;width:calc(100% - 2px);left:1px;bottom:-2px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:var(--_ui5-input-bottom-border-height);transition:var(--_ui5-input-transition);background-color:var(--_ui5-input-bottom-border-color)}:host([value-state]:not([value-state=None])[focused]){outline:var(--_ui5-input-value-state-outline);outline-offset:var(--_ui5-input-value-state-outline-offset)}.ui5-input-root{width:100%;height:100%;position:relative;background:transparent;display:inline-block;outline:none;box-sizing:border-box;color:inherit;transition:border-color .2s ease-in-out}:host([disabled]){opacity:var(--_ui5_input_disabled_opacity);cursor:default;pointer-events:none;background-color:var(--_ui5-input-disabled-background);border-color:var(--_ui5_input_disabled_border_color)}:host([disabled]) .ui5-input-root:before,:host([readonly]) .ui5-input-root:before{content:none}[inner-input]{background:transparent;color:inherit;border:none;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;padding:var(--_ui5_input_inner_padding);box-sizing:border-box;min-width:inherit;width:100%;text-overflow:ellipsis;flex:1;outline:none;font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;word-spacing:inherit;text-align:inherit}[inner-input][inner-input-with-icon]{padding:var(--_ui5_input_inner_padding_with_icon)}.ui5-input-readonly-icon{display:var(--_ui5_input_readonly_icon_display);padding:var(--_ui5_input_icon_padding);margin-right:.125rem;align-self:center}.ui5-input-value-state-icon{height:100%;display:var(--_ui5-input-value-state-icon-display);align-items:center}.ui5-input-value-state-icon>svg{margin-right:8px}[inner-input]::selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}:host([disabled]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-webkit-input-placeholder{visibility:hidden}[inner-input]::-webkit-input-placeholder{font-weight:400;font-style:var(--_ui5-input-placeholder-style);color:var(--_ui5-input-placeholder-color);padding-right:.125rem}:host([disabled]) [inner-input]::-moz-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-moz-placeholder{visibility:hidden}[inner-input]::-moz-placeholder{font-weight:400;font-style:var(--_ui5-input-placeholder-style);color:var(--sapField_PlaceholderTextColor);padding-right:.125rem}:host([disabled]) [inner-input]:-ms-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]:-ms-input-placeholder{visibility:hidden}[inner-input]:-ms-input-placeholder{font-weight:400;font-style:italic;color:var(--sapField_PlaceholderTextColor);padding-right:.125rem}:host([value-state=Error]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Error]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Warning]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-state-warning-border-botom-color)}:host([value-state=Warning]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-state-warning-border-botom-color)}:host([value-state=Success]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-state-success-border-botom-color)}:host([value-state=Success]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-state-success-border-botom-color)}:host([value-state=Information]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input-value-success-information-border-botom-color)}:host([value-state=Information]) [inner-input]::-moz-placeholder{color:var(--_ui5-input-value-success-information-border-botom-color)}.ui5-input-content{height:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;overflow:hidden;outline:none;background:transparent;color:inherit}:host([readonly]){border-color:var(--_ui5_input_readonly_border_color);background:var(--_ui5-input-readonly-background)}:host(:not([value-state]):not([readonly]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-hover-box-shadow);background-image:var(--_ui5-input-background-image);background-size:100% var(--sapField_BorderWidth);background-repeat:repeat-x;background-position:bottom}:host(:not([value-state]):not([readonly])[focused]:hover),:host([value-state=None]:not([readonly])[focused]:hover){border-color:var(--_ui5-input-focused-border-color);box-shadow:var(--_ui5-input-focus-box-shadow)}:host(:not([value-state]):not([readonly]):hover){border:var(--_ui5-input-hover-border)}:host([focused]) .ui5-input-root:before{content:none}:host([value-state=None]:not([readonly]):hover){background-color:var(--sapField_Hover_Background);border:var(--_ui5-input-hover-border);box-shadow:var(--_ui5-input-hover-box-shadow)}:host([value-state]:not([value-state=None])){border-width:var(--_ui5_input_state_border_width)}:host([value-state=Error]) [inner-input],:host([value-state=Warning]) [inner-input]{font-style:var(--_ui5_input_error_warning_font_style);text-indent:var(--_ui5_input_error_warning_text_indent)}:host([value-state=Error]) [inner-input]{font-weight:var(--_ui5_input_error_font_weight)}:host([value-state=Warning]) [inner-input]{font-weight:var(--_ui5_input_warning_font_weight)}:host([value-state=Information]) [inner-input]{font-style:var(--_ui5_input_information_font_style);font-weight:var(--_ui5_input_information_font_weight);text-indent:var(--_ui5_input_information_text_indent)}:host([value-state=Error]:not([readonly])){background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5-input-value-state-error-border-color);background-image:var(--_ui5-input-error-background-image);background-size:100% var(--sapField_InvalidBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Error][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-error-background);border-color:var(--_ui5-input-focused-value-state-error-border-color);box-shadow:var(--_ui5-input-value-state-error-focus-box-shadow)}:host([value-state=Error]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Error]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-error-hover-box-shadow)}:host([value-state=Error]:not([readonly]):not([disabled])),:host([value-state=Information]:not([readonly]):not([disabled])),:host([value-state=Warning]:not([readonly]):not([disabled])){border-style:var(--_ui5_input_error_warning_border_style)}:host([value-state=Warning]:not([readonly])){background-color:var(--sapField_WarningBackground);border-color:var(--_ui5-input-value-state-warning-border-color);background-image:var(--_ui5-input-warning-background-image);background-size:100% var(--sapField_WarningBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Warning][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-warning-background);border-color:var(--_ui5-input-focused-value-state-warning-border-color);box-shadow:var(--_ui5-input-value-state-warning-focus-box-shadow)}:host([value-state=Warning]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-warning-border-botom-color)}:host([value-state=Warning]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-warning-hover-box-shadow)}:host([value-state=Success]:not([readonly])){background-color:var(--sapField_SuccessBackground);border-color:var(--_ui5-input-value-state-success-border-color);border-width:var(--_ui5-input-value-state-success-border-width);background-image:var(--_ui5-input-success-background-image);background-size:100% var(--sapField_SuccessBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Success][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-success-background);border-color:var(--_ui5-input-focused-value-state-success-border-color);box-shadow:var(--_ui5-input-value-state-success-focus-box-shadow)}:host([value-state=Success]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-success-border-botom-color)}:host([value-state=Success]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-success-hover-box-shadow)}:host([value-state=Information]:not([readonly])){background-color:var(--sapField_InformationBackground);border-color:var(--_ui5-input-value-state-information-border-color);border-width:var(--_ui5-input-information_border_width);background-image:var(--_ui5-input-information-background-image);background-size:100% var(--sapField_InformationBorderWidth);background-repeat:repeat-x;background-position:bottom}:host([value-state=Information][focused]:not([readonly])){background-color:var(--_ui5-input-focused-value-state-information-background);border-color:var(--_ui5-input-focused-value-state-information-border-color);box-shadow:var(--_ui5-input-focus-box-shadow)}:host([value-state=Information]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-success-information-border-botom-color)}:host([value-state=Information]:not([readonly]):not([focused]):hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--_ui5-input-value-state-information-hover-box-shadow)}[inner-input]::-ms-clear{height:0;width:0}.ui5-input-icon-root{min-width:var(--_ui5_input_icon_min_width);height:100%;display:flex;justify-content:center;align-items:center}::slotted([ui5-icon][slot=icon]){padding:var(--_ui5_input_icon_padding)}[inner-input]::-webkit-inner-spin-button,[inner-input]::-webkit-outer-spin-button{-webkit-appearance:inherit;margin:inherit}:host(:not([hidden])){display:inline-block}.ui5-multi-combobox-root{display:flex;overflow:hidden;width:100%;height:100%}.ui5-multi-combobox-tokenizer{max-width:calc(100% - 3rem - var(--_ui5_input_icon_min_width));border:none;width:auto;min-width:0;height:100%}[ui5-multi-combobox]{width:100%}[ui5-multi-combobox] [ui5-tokenizer]{flex:3}[ui5-icon]{border-top-right-radius:var(--ui5-multi_bombobox_icon_border_top_right_radius);border-bottom-right-radius:var(--ui5-multi_bombobox_icon_border_bottom_right_radius)}"}

package/dist/generated/themes/PopupGlobal.css.js

@@ -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/PopupGlobal.css",content:".ui5-popup-scroll-blocker{width:100%;height:100%;position:fixed;overflow:hidden}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/PopupGlobal.css",content:".ui5-popup-scroll-blocker{overflow:hidden}"}

package/dist/generated/themes/PopupsCommon.css.js

@@ -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/PopupsCommon.css",content:":host{display:none;position:fixed;background:var(--sapGroup_ContentBackground);box-shadow:var(--sapContent_Shadow2);border-radius:var(--_ui5-popup-border-radius);min-height:2rem;box-sizing:border-box}.ui5-popup-root{background:inherit;border-radius:inherit;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;outline:none}@media screen and (-ms-high-contrast:active){.ui5-popup-root{border:1px solid var(--sapPageFooter_BorderColor)}}.ui5-popup-root .ui5-popup-header-root{box-shadow:var(--_ui5_popup_header_shadow);margin-bottom:.125rem}.ui5-popup-footer-root{background:var(--sapPageFooter_Background);border-top:var(--_ui5_popup_footer_border_top);color:var(--sapPageFooter_TextColor)}.ui5-popup-footer-root,.ui5-popup-header-root,:host([header-text]) .ui5-popup-header-text{margin:0;color:var(--sapPageHeader_TextColor);font-size:1rem;font-family:\"72override\",var(--sapFontFamily);display:flex;justify-content:center;align-items:center}.ui5-popup-header-root .ui5-popup-header-text{font-weight:var(--_ui5_popup_header_footer_font_weight)}.ui5-popup-content{overflow:auto;padding:var(--_ui5_popup_content_padding);box-sizing:border-box}:host([no-padding]) .ui5-popup-content{padding:0}:host([header-text]) .ui5-popup-header-text{padding:0 .25rem;text-align:center;min-height:var(--_ui5_popup_default_header_height);max-height:var(--_ui5_popup_default_header_height);line-height:var(--_ui5_popup_default_header_height);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;display:inline-block}:host(:not([header-text])) .ui5-popup-header-text{display:none}:host([disable-scrolling]) .ui5-popup-content{overflow:hidden}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/PopupsCommon.css",content:":host{display:none;position:fixed;background:var(--sapGroup_ContentBackground);box-shadow:var(--sapContent_Shadow2);border-radius:var(--_ui5-popup-border-radius);min-height:2rem;box-sizing:border-box}.ui5-popup-root{background:inherit;border-radius:inherit;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;outline:none}@media screen and (-ms-high-contrast:active){.ui5-popup-root{border:1px solid var(--sapPageFooter_BorderColor)}}.ui5-popup-root .ui5-popup-header-root{box-shadow:var(--_ui5_popup_header_shadow);margin-bottom:.125rem}.ui5-popup-footer-root{background:var(--sapPageFooter_Background);border-top:var(--_ui5_popup_footer_border_top);color:var(--sapPageFooter_TextColor)}.ui5-popup-footer-root,.ui5-popup-header-root,:host([header-text]) .ui5-popup-header-text{margin:0;color:var(--sapPageHeader_TextColor);font-size:1rem;font-family:\"72override\",var(--sapFontFamily);display:flex;justify-content:center;align-items:center}.ui5-popup-header-root .ui5-popup-header-text{font-weight:var(--_ui5_popup_header_footer_font_weight)}.ui5-popup-content{overflow:auto;box-sizing:border-box}:host([header-text]) .ui5-popup-header-text{padding:0 .25rem;text-align:center;min-height:var(--_ui5_popup_default_header_height);max-height:var(--_ui5_popup_default_header_height);line-height:var(--_ui5_popup_default_header_height);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;display:inline-block}:host(:not([header-text])) .ui5-popup-header-text{display:none}:host([disable-scrolling]) .ui5-popup-content{overflow:hidden}:host([media-range=S]) .ui5-popup-content{padding:1rem var(--_ui5_popup_content_padding_s)}:host([media-range=L]) .ui5-popup-content,:host([media-range=M]) .ui5-popup-content{padding:1rem var(--_ui5_popup_content_padding_m_l)}:host([media-range=XL]) .ui5-popup-content{padding:1rem var(--_ui5_popup_content_padding_xl)}.ui5-popup-footer-root{justify-content:end}.ui5-popup-header-root{background:var(--sapPageHeader_Background);justify-content:start}:host([media-range=S]) .ui5-popup-footer-root,:host([media-range=S]) .ui5-popup-header-root{padding-left:var(--_ui5_popup_header_footer_padding_s);padding-right:var(--_ui5_popup_header_footer_padding_s)}:host([media-range=L]) .ui5-popup-footer-root,:host([media-range=L]) .ui5-popup-header-root,:host([media-range=M]) .ui5-popup-footer-root,:host([media-range=M]) .ui5-popup-header-root{padding-left:var(--_ui5_popup_header_footer_padding_m_l);padding-right:var(--_ui5_popup_header_footer_padding_m_l)}:host([media-range=XL]) .ui5-popup-footer-root,:host([media-range=XL]) .ui5-popup-header-root{padding-left:var(--_ui5_popup_header_footer_padding_xl);padding-right:var(--_ui5_popup_header_footer_padding_xl)}"}

package/dist/generated/themes/ResponsivePopover.css.js

@@ -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/ResponsivePopover.css",content:":host{--_ui5_input_width:100%;min-width:6.25rem;min-height:2rem}:host(:not([with-padding])){--_ui5_popup_content_padding:0}:host([opened]){display:inline-block}.ui5-responsive-popover-header{height:var(--_ui5-responsive_popover_header_height);display:flex;justify-content:space-between;align-items:center;padding:0 1rem;box-shadow:var(--sapContent_HeaderShadow)}:host [dir=rtl] .ui5-responsive-popover-header{padding:0 1rem 0 0}.ui5-responsive-popover-header-text{width:calc(100% - var(--_ui5_button_base_min_width))}.ui5-responsive-popover-header-no-title{justify-content:flex-end}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/ResponsivePopover.css",content:":host{--_ui5_input_width:100%;min-width:6.25rem;min-height:2rem}:host([opened]){display:inline-block}.ui5-responsive-popover-header{height:var(--_ui5-responsive_popover_header_height);display:flex;justify-content:space-between;align-items:center;width:100%}:host [dir=rtl] .ui5-responsive-popover-header{padding:0 1rem 0 0}.ui5-responsive-popover-header-text{width:calc(100% - var(--_ui5_button_base_min_width))}.ui5-responsive-popover-header-no-title{justify-content:flex-end}"}

package/dist/generated/themes/SelectPopover.css.js

@@ -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/SelectPopover.css",content:".ui5-select-popover:not(.ui5-valuestatemessage-popover) [ui5-li]:first-child::part(native-li):after{border-top-left-radius:var(--_ui5_select_option_focus_border_radius);border-top-right-radius:var(--_ui5_select_option_focus_border_radius)}.ui5-select-popover [ui5-li]:last-child::part(native-li):after{border-bottom-left-radius:var(--_ui5_select_option_focus_border_radius);border-bottom-right-radius:var(--_ui5_select_option_focus_border_radius)}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/SelectPopover.css",content:".ui5-select-popover:not(.ui5-select-popover-valuestate) [ui5-li]:first-child::part(native-li):after{border-top-left-radius:var(--_ui5_select_option_focus_border_radius);border-top-right-radius:var(--_ui5_select_option_focus_border_radius)}.ui5-select-popover [ui5-li]:last-child::part(native-li):after{border-bottom-left-radius:var(--_ui5_select_option_focus_border_radius);border-bottom-right-radius:var(--_ui5_select_option_focus_border_radius)}.ui5-select-popover::part(content),.ui5-select-popover::part(header){padding:0}.ui5-select-popover [ui5-li]{height:var(--_ui5_list_item_dropdown_base_height)}"}

package/dist/generated/themes/SplitButton.css.js

@@ -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/SplitButton.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:inline-block;height:100%}.ui5-split-button-root{display:inline-block;position:relative;width:inherit}.ui5-split-text-button{border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0;margin-right:2.1875rem;vertical-align:top;width:inherit}.ui5-split-arrow-button-wrapper{position:absolute;top:0;right:0}.ui5-split-arrow-button{border-top-left-radius:0;border-bottom-left-radius:0;width:2.25rem}.ui5-split-arrow-button[design=Transparent]{border-left-color:var(--sapButton_Lite_Hover_BorderColor)}.ui5-split-arrow-button[design=Emphasized]{border-left-color:var(--sapButton_Emphasized_TextColor)}:host([focused]) .ui5-split-button-root{outline:0}:host([focused]) .ui5-split-button-root:after{content:\"\";position:absolute;box-sizing:border-box;left:0;top:0;right:0;bottom:0;pointer-events:none;outline:var(--_ui5_button_outline);outline-offset:-.1875rem;border-radius:var(--_ui5_button_border_radius)}:host([design=Emphasized]) ui5-button[focused]{outline-color:transparent}:host([design=Emphasized][focused]) .ui5-split-button-root:after{outline:var(--_ui5_button_emphasized_focused_border)}.ui5-split-text-button[dir=rtl]{border-radius:0 var(--_ui5_button_border_radius) var(--_ui5_button_border_radius) 0;border-width:1px 1px 1px 0;margin-right:0;margin-left:2.1875rem}.ui5-split-arrow-button-wrapper[dir=rtl]{left:0;right:auto}[dir=rtl] .ui5-split-arrow-button{border-radius:var(--_ui5_button_border_radius) 0 0 var(--_ui5_button_border_radius)}[dir=rtl] .ui5-split-arrow-button[design=Transparent]{border-right-color:var(--sapButton_Lite_Hover_BorderColor);border-left-color:var(--sapButton_Lite_BorderColor)}[dir=rtl] .ui5-split-arrow-button[design=Transparent]:not([disabled]):hover{border-left-color:var(--sapButton_Lite_Hover_BorderColor)}[dir=rtl] .ui5-split-arrow-button[design=Emphasized]{border-right-color:var(--sapButton_Emphasized_TextColor);border-left-color:var(--sapButton_Emphasized_BorderColor)}"}
+export default {packageName:"@ui5/webcomponents",fileName:"themes/SplitButton.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:inline-block;height:100%}.ui5-split-button-root{display:inline-block;position:relative;width:inherit}.ui5-split-text-button{border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0;margin-right:2.1875rem;vertical-align:top;width:inherit}.ui5-split-arrow-button-wrapper{position:absolute;top:0;right:0}.ui5-split-arrow-button{border-top-left-radius:0;border-bottom-left-radius:0;width:2.25rem}.ui5-split-arrow-button[design=Transparent]{border-left-color:var(--sapButton_Lite_Hover_BorderColor)}.ui5-split-arrow-button[design=Emphasized]{border-left-color:var(--sapButton_Emphasized_TextColor)}:host([focused]) .ui5-split-button-root{outline:0}:host([focused]) .ui5-split-button-root:after{content:\"\";position:absolute;box-sizing:border-box;left:0;top:0;right:0;bottom:0;pointer-events:none;outline:var(--_ui5_button_outline);outline-offset:-.1875rem;border-radius:var(--_ui5_button_border_radius)}:host([design=Emphasized]) [ui5-button][focused]{outline-color:transparent}:host([design=Emphasized][focused]) .ui5-split-button-root:after{outline:var(--_ui5_button_emphasized_focused_border)}.ui5-split-text-button[dir=rtl]{border-radius:0 var(--_ui5_button_border_radius) var(--_ui5_button_border_radius) 0;border-width:1px 1px 1px 0;margin-right:0;margin-left:2.1875rem}.ui5-split-arrow-button-wrapper[dir=rtl]{left:0;right:auto}[dir=rtl] .ui5-split-arrow-button{border-radius:var(--_ui5_button_border_radius) 0 0 var(--_ui5_button_border_radius)}[dir=rtl] .ui5-split-arrow-button[design=Transparent]{border-right-color:var(--sapButton_Lite_Hover_BorderColor);border-left-color:var(--sapButton_Lite_BorderColor)}[dir=rtl] .ui5-split-arrow-button[design=Transparent]:not([disabled]):hover{border-left-color:var(--sapButton_Lite_Hover_BorderColor)}[dir=rtl] .ui5-split-arrow-button[design=Emphasized]{border-right-color:var(--sapButton_Emphasized_TextColor);border-left-color:var(--sapButton_Emphasized_BorderColor)}"}