@ui5/webcomponents 1.14.0 → 1.14.2

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

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/DayPicker.css", content: ":host(:not([hidden])){display:block}:host{height:100%;width:100%}:host([hide-week-numbers]) .ui5-dp-content{flex-basis:100%}:host([secondary-calendar-type]) .ui5-dp-item{flex-direction:column;justify-content:var(--_ui5_day_picker_item_justify_content)}:host([secondary-calendar-type]) .ui5-dp-daytext{height:1.575rem;padding-top:var(--_ui5_dp_two_calendar_item_text_padding_top)}:host([secondary-calendar-type]) .ui5-dp-daysectext{font-size:.625rem;height:var(--_ui5_dp_two_calendar_item_secondary_text_height);padding:0 .375rem .375rem 50%}.ui5-dp-dayname,.ui5-dp-item,.ui5-dp-weekname{width:var(--_ui5_day_picker_item_width);height:var(--_ui5_day_picker_item_height);margin-top:var(--_ui5_daypicker_item_margin);margin-right:var(--_ui5_daypicker_item_margin);font-family:\"72override\",var(--sapFontFamily);border-radius:var(--_ui5_daypicker_item_border_radius)}.ui5-dp-weekname{color:var(--_ui5_daypicker_weekname_color)}.ui5-dp-weeks-row{display:flex}.ui5-dp-content{display:flex;flex-basis:87.5%;flex-direction:column;font-family:\"72override\",var(--sapFontFamily)}.ui5-dp-days-names-container{display:flex;height:var(--_ui5_daypicker_daynames_container_height)}.ui5-dp-weeknumber-container{padding-top:var(--_ui5_daypicker_weeknumbers_container_padding_top);flex-basis:12.5%}.ui5-dp-dayname,.ui5-dp-item,.ui5-dp-weekname,.ui5-dp-weekname-container{display:flex;flex-grow:1;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);outline:none;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui5-dp-item{position:relative;color:var(--sapTextColor);background:var(--sapLegend_WorkingBackground);font-size:var(--sapFontSize);border:var(--_ui5_daypicker_item_border);border-radius:var(--_ui5_daypicker_item_border_radius)}.ui5-dp-item:hover{background:var(--sapList_Hover_Background)}.ui5-dp-daytext{display:flex;width:100%;height:100%;justify-content:center;align-items:center;box-sizing:border-box}.ui5-dp-dayname{color:var(--_ui5_daypicker_dayname_color);height:100%}.ui5-dp-item.ui5-dp-item--weeekend{background:var(--sapLegend_NonWorkingBackground)}.ui5-dp-item.ui5-dp-item--disabled{pointer-events:none;opacity:.5}.ui5-dp-item.ui5-dp-item--weeekend:hover{background:var(--sapList_Hover_Background);filter:var(--_ui5_daypicker_item_weeekend_filter)}.ui5-dp-item.ui5-dp-item--othermonth{color:var(--_ui5_daypicker_item_othermonth_color);background:var(--_ui5_daypicker_item_othermonth_background_color);border-color:transparent}.ui5-dp-item.ui5-dp-item--othermonth:hover,.ui5-dp-item.ui5-dp-item--weeekend.ui5-dp-item--othermonth:hover{color:var(--_ui5_daypicker_item_othermonth_hover_color);background:var(--sapList_Hover_Background)}.ui5-dp-item:focus:after{content:\"\";border:var(--_ui5_daypicker_item_not_selected_focus_border);position:absolute;inset:var(--_ui5_daypicker_item_no_selected_inset);outline:none;border-radius:var(--_ui5_daypicker_item_border_radius_focus_after)}.ui5-dp-item.ui5-dp-item--now:before{position:absolute;inset:var(--_ui5_daypicker_item_now_not_selected_inset);border:.125rem solid var(--_ui5_daypicker_item_now_border_color);content:\"\";border-radius:var(--_ui5_daypicker_item_border_radius)}.ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected{box-shadow:var(--_ui5_daypicker_item_now_box_shadow)}.ui5-dp-item.ui5-dp-item--selected{background:var(--sapContent_Selected_Background)}.ui5-dp-item.ui5-dp-item--selected:not(.ui5-dp-item.ui5-dp-item--now) .ui5-dp-daytext:after{position:absolute;inset:0;border:var(--_ui5_daypicker_item_selected_border);content:\"\";border-radius:var(--_ui5_daypicker_item_border_radius_item)}.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item.ui5-dp-item--now .ui5-dp-daytext{border:var(--_ui5_day_picker_item_selected_now_border);outline:var(--_ui5_daypicker_item_selected_text_outline);outline-offset:var(--_ui5_daypicker_item_now_selected_outline_offset);border-radius:var(--_ui5_daypicker_item_border_radius_item);font-family:var(--_ui5_daypicker_item_selected_text_font)}.ui5-dp-item.ui5-dp-item--selected .ui5-dp-daytext{background:var(--_ui5_daypicker_item_selected_background);color:var(--sapContent_Selected_TextColor);border-radius:var(--_ui5_daypicker_item_border_radius);border:var(--_ui5_daypicker_item_selected_text_border);font-family:var(--_ui5_daypicker_item_selected_text_font)}.ui5-dp-item.ui5-dp-item--selected:hover .ui5-dp-daytext{background:var(--_ui5_daypicker_item_selected_daytext_hover_background);color:var(--sapContent_Selected_TextColor)}.ui5-dp-item.ui5-dp-item--now:focus:after{inset:var(--_ui5_daypicker_item_now_inset);border-radius:var(--_ui5_daypicker_item_now_border_radius_focus_after);border:var(--_ui5_daypicker_item_now_border_focus_after);position:absolute;content:\"\";width:auto;height:auto}.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--now:focus:after{inset:var(--_ui5_daypicker_item_now_inset);border-radius:var(--_ui5_day_picker_item_selected_now_border_radius_focus);border:var(--_ui5_day_picker_item_selected_now_border_focus);position:absolute;content:\"\";width:auto;height:auto}.ui5-dp-item.ui5-dp-item--selected:hover{background:var(--_ui5_daypicker_item_selected_hover);color:var(--sapContent_ContrastTextColor)}.ui5-dp-item.ui5-dp-item--selected:focus:after{border-color:var(--_ui5_daypicker_item_selected_focus_color);border-width:var(--_ui5_daypicker_item_selected_focus_width)}.ui5-dp-items-container{outline:none}.ui5-dp-item.ui5-dp-item--selected-between .ui5-dp-daytext,.ui5-dp-item[hovered] .ui5-dp-daytext{border:var(--_ui5_daypicker_item_select_between_border);border-radius:var(--_ui5_daypicker_item_border_radius);background-color:var(--_ui5_daypicker_item_selected_between_text_background);color:var(--sapTextColor);font-weight:var(--_ui5_daypicker_item_selected_between_text_font)}.ui5-dp-item.ui5-dp-item--selected-between.ui5-dp-item--now:not(.ui5-dp-item--selected) .ui5-dp-daytext:after{content:\"\";position:absolute;inset:var(--_ui5_daypicker_item_now_selected_between_inset);border:var(--_ui5_daypicker_item_now_selected_between_border);border-radius:var(--_ui5_daypicker_item_now_selected_between_border_radius)}.ui5-dp-item.ui5-dp-item--selected-between,.ui5-dp-item[hovered]{border-radius:var(--_ui5_daypicker_item_selected_between_border);background:var(--_ui5_daypicker_item_selected_between_background)}.ui5-dp-item.ui5-dp-item--selected-between:hover{background:var(--_ui5_daypicker_item_selected_between_hover_background)}.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--selected-between:focus:after{border-color:var(--sapContent_FocusColor)}.ui5-dp-items-container>:first-child{justify-content:flex-end}.ui5-dp-emptyweek{height:var(--_ui5_day_picker_empty_height)}.ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected.ui5-dp-item--withsecondtype:focus:after{outline-offset:-.1875rem;border-radius:var(--_ui5-dp-item_withsecondtype_border)}.ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected.ui5-dp-item--withsecondtype .ui5-dp-daytext,.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--now.ui5-dp-item--withsecondtype .ui5-dp-daysectext{border:none;outline:none}:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected:not(.ui5-dp-item.ui5-dp-item--now) .ui5-dp-daytext:after{border-width:.125rem}:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now .ui5-dp-daytext{height:var(--_ui5_dp_two_calendar_item_primary_text_height);padding-top:var(--_ui5_dp_two_calendar_item_now_text_padding_top)}:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now .ui5-dp-daysectext{height:var(--_ui5_dp_two_calendar_item_secondary_text_height);padding-top:0;border-radius:var(--_ui5_dp_two_calendar_item_secondary_text_border_radios)}:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected.ui5-dp-item.ui5-dp-item--now .ui5-dp-daytext{border-radius:var(--_ui5_daypicker_two_calendar_item_border_radius)}:host([secondary-calendar-type]) .ui5-dp-item:focus:after{inset:var(--_ui5_daypicker_two_calendar_item_no_selected_inset);border-radius:var(--_ui5_daypicker_two_calendar_item_border_focus_border_radius)}:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now:after{inset:var(--_ui5_daypicker_two_calendar_item_no_selected_focus_inset);border-radius:var(--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius)}:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected:focus:after{border-width:var(--_ui5_daypicker_two_calendar_item_now_selected_border_width);inset:var(--_ui5_daypicker_two_calendar_item_now_selected_border_inset);border-radius:var(--_ui5_daypicker_two_calendar_item_border_focus_border_radius)}:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--now:after{inset:var(--_ui5_daypicker_two_calendar_item_now_inset);border-radius:var(--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus)}:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected.ui5-dp-item--withsecondtype .ui5-dp-daytext:not(.ui5-dp-daysectext):before{content:var(--_ui5_daypicker_two_calendar_item_now_day_text_content);position:absolute;inset:.3125rem;border-radius:var(--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus);outline:var(--_ui5_daypicker_item_selected__secondary_type_text_outline)}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/DayPicker.css", content: ":host(:not([hidden])) {\n\tdisplay: block;\n}\n\n:host {\n\theight: 100%;\n\twidth: 100%;\n}\n\n:host([hide-week-numbers]) .ui5-dp-content {\n\tflex-basis: 100%;\n}\n\n:host([secondary-calendar-type]) .ui5-dp-item {\n\tflex-direction: column;\n\tjustify-content: var(--_ui5_day_picker_item_justify_content);\n}\n\n:host([secondary-calendar-type]) .ui5-dp-daytext {\n\theight: 1.575rem;\n\tpadding-top: var(--_ui5_dp_two_calendar_item_text_padding_top)\n}\n\n:host([secondary-calendar-type]) .ui5-dp-daysectext {\n\tfont-size: 0.625rem;\n\theight: var(--_ui5_dp_two_calendar_item_secondary_text_height);\n\tpadding: 0 0.375rem 0.375rem 50%;\n}\n\n.ui5-dp-weekname,\n.ui5-dp-dayname,\n.ui5-dp-item {\n\twidth: var(--_ui5_day_picker_item_width);\n\theight: var(--_ui5_day_picker_item_height);\n\tmargin-top: var(--_ui5_daypicker_item_margin);\n\tmargin-right: var(--_ui5_daypicker_item_margin);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tborder-radius: var(--_ui5_daypicker_item_border_radius);\n}\n\n.ui5-dp-weekname {\n\tcolor: var(--_ui5_daypicker_weekname_color);\n}\n\n.ui5-dp-weeks-row {\n\tdisplay: flex;\n}\n\n.ui5-dp-content {\n\tdisplay: flex;\n\tflex-basis: 87.5%;\n\tflex-direction: column;\n\tfont-family: \"72override\", var(--sapFontFamily);\n}\n\n.ui5-dp-days-names-container {\n\tdisplay: flex;\n\theight: var(--_ui5_daypicker_daynames_container_height);\n}\n\n.ui5-dp-weeknumber-container {\n\tpadding-top: var(--_ui5_daypicker_weeknumbers_container_padding_top);\n\tflex-basis: 12.5%;\n}\n\n.ui5-dp-weekname,\n.ui5-dp-dayname,\n.ui5-dp-weekname-container,\n.ui5-dp-item {\n\tdisplay: flex;\n\tflex-grow: 1;\n\tjustify-content: center;\n\talign-items: center;\n\tfont-size: var(--sapFontSmallSize);\n\toutline: none;\n\tbox-sizing: border-box;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\tuser-select: none;\n}\n\n.ui5-dp-item {\n\tposition: relative;\n\tcolor: var(--sapTextColor);\n\tbackground: var(--sapLegend_WorkingBackground);\n\tfont-size: var(--sapFontSize);\n\tborder: var(--_ui5_daypicker_item_border);\n\tborder-radius: var(--_ui5_daypicker_item_border_radius);\n}\n\n.ui5-dp-item:hover {\n\tbackground: var(--sapList_Hover_Background);\n}\n\n.ui5-dp-daytext {\n\tdisplay: flex;\n\twidth: 100%;\n\theight: 100%;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n}\n\n.ui5-dp-dayname {\n\tcolor: var(--_ui5_daypicker_dayname_color);\n\theight: 100%;\n}\n\n.ui5-dp-item.ui5-dp-item--weeekend {\n\tbackground: var(--sapLegend_NonWorkingBackground);\n}\n\n.ui5-dp-item.ui5-dp-item--disabled {\n\tpointer-events: none;\n\topacity: 0.5;\n}\n\n.ui5-dp-item.ui5-dp-item--weeekend:hover {\n\tbackground: var(--sapList_Hover_Background);\n\tfilter: var(--_ui5_daypicker_item_weeekend_filter);\n}\n\n.ui5-dp-item.ui5-dp-item--othermonth {\n\tcolor: var(--_ui5_daypicker_item_othermonth_color);\n\tbackground: var(--_ui5_daypicker_item_othermonth_background_color);\n\tborder-color: transparent;\n}\n\n.ui5-dp-item.ui5-dp-item--othermonth:hover,\n.ui5-dp-item.ui5-dp-item--weeekend.ui5-dp-item--othermonth:hover {\n\tcolor: var(--_ui5_daypicker_item_othermonth_hover_color);\n\tbackground: var(--sapList_Hover_Background);\n}\n\n.ui5-dp-item:focus::after {\n\tcontent: \"\";\n\tborder: var(--_ui5_daypicker_item_not_selected_focus_border);\n\tposition: absolute;\n\tinset: var(--_ui5_daypicker_item_no_selected_inset);\n\toutline: none;\n\tborder-radius: var(--_ui5_daypicker_item_border_radius_focus_after);\n}\n\n.ui5-dp-item.ui5-dp-item--now::before {\n\tposition: absolute;\n\tinset: var(--_ui5_daypicker_item_now_not_selected_inset);\n\tborder: 0.125rem solid var(--_ui5_daypicker_item_now_border_color);\n\tcontent: \"\";\n\tborder-radius: var(--_ui5_daypicker_item_border_radius);\n}\n\n.ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected {\n\tbox-shadow: var(--_ui5_daypicker_item_now_box_shadow);\n}\n\n.ui5-dp-item.ui5-dp-item--selected {\n\tbackground: var(--sapContent_Selected_Background)\n}\n\n.ui5-dp-item.ui5-dp-item--selected:not(.ui5-dp-item.ui5-dp-item--now) .ui5-dp-daytext::after{\n\tposition: absolute;\n\tinset: 0;\n\tborder: var(--_ui5_daypicker_item_selected_border);\n\tcontent: \"\";\n\tborder-radius: var(--_ui5_daypicker_item_border_radius_item);\n}\n\n.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item.ui5-dp-item--now .ui5-dp-daytext {\n\tborder: var(--_ui5_day_picker_item_selected_now_border);\n\toutline: var(--_ui5_daypicker_item_selected_text_outline);\n\toutline-offset: var(--_ui5_daypicker_item_now_selected_outline_offset);\n\tborder-radius: var(--_ui5_daypicker_item_border_radius_item);\n\tfont-family: var(--_ui5_daypicker_item_selected_text_font);\n}\n\n.ui5-dp-item.ui5-dp-item--selected .ui5-dp-daytext {\n\tbackground: var(--_ui5_daypicker_item_selected_background);\n\tcolor: var(--sapContent_Selected_TextColor);\n\tborder-radius: var(--_ui5_daypicker_item_border_radius);\n\tborder: var(--_ui5_daypicker_item_selected_text_border);\n\tfont-family: var(--_ui5_daypicker_item_selected_text_font);\n}\n\n.ui5-dp-item.ui5-dp-item--selected:hover .ui5-dp-daytext {\n\tbackground: var(--_ui5_daypicker_item_selected_daytext_hover_background);\n\tcolor: var(--sapContent_Selected_TextColor);\n}\n\n.ui5-dp-item.ui5-dp-item--now:focus::after {\n\tinset: var(--_ui5_daypicker_item_now_inset);\n\tborder-radius: var(--_ui5_daypicker_item_now_border_radius_focus_after);\n\tborder: var(--_ui5_daypicker_item_now_border_focus_after);\n\tposition: absolute;\n\tcontent: \"\";\n\twidth: auto;\n\theight: auto;\n}\n\n.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--now:focus::after {\n\tinset: var(--_ui5_daypicker_item_now_inset);\n\tborder-radius: var(--_ui5_day_picker_item_selected_now_border_radius_focus);\n\tborder: var(--_ui5_day_picker_item_selected_now_border_focus);\n\tposition: absolute;\n\tcontent: \"\";\n\twidth: auto;\n\theight: auto;\n}\n\n.ui5-dp-item.ui5-dp-item--selected:hover {\n\tbackground: var( --_ui5_daypicker_item_selected_hover);\n\tcolor: var(--sapContent_ContrastTextColor);\n}\n\n.ui5-dp-item.ui5-dp-item--selected:focus::after {\n\tborder-color: var(--_ui5_daypicker_item_selected_focus_color);\n\tborder-width: var(--_ui5_daypicker_item_selected_focus_width);\n}\n\n.ui5-dp-items-container {\n\toutline: none;\n}\n\n.ui5-dp-item.ui5-dp-item--selected-between .ui5-dp-daytext,\n.ui5-dp-item[hovered] .ui5-dp-daytext {\n\tborder: var(--_ui5_daypicker_item_select_between_border);\n\tborder-radius: var(--_ui5_daypicker_item_border_radius);\n\tbackground-color: var(--_ui5_daypicker_item_selected_between_text_background);\n\tcolor: var(--sapTextColor);\n\tfont-weight: var(--_ui5_daypicker_item_selected_between_text_font);\n}\n\n.ui5-dp-item.ui5-dp-item--selected-between.ui5-dp-item--now:not(.ui5-dp-item--selected) .ui5-dp-daytext::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tinset: var(--_ui5_daypicker_item_now_selected_between_inset);\n\tborder: var(--_ui5_daypicker_item_now_selected_between_border);\n\tborder-radius: var(--_ui5_daypicker_item_now_selected_between_border_radius);\n}\n\n.ui5-dp-item.ui5-dp-item--selected-between,\n.ui5-dp-item[hovered] {\n\tborder-radius: var(--_ui5_daypicker_item_selected_between_border);\n\tbackground: var(--_ui5_daypicker_item_selected_between_background);\n}\n\n.ui5-dp-item.ui5-dp-item--selected-between:hover {\n\tbackground: var(--_ui5_daypicker_item_selected_between_hover_background);\n}\n\n.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--selected-between:focus::after {\n\tborder-color: var(--sapContent_FocusColor);\n}\n\n.ui5-dp-items-container > :first-child {\n\tjustify-content: flex-end;\n}\n\n.ui5-dp-emptyweek {\n\theight: var(--_ui5_day_picker_empty_height);\n}\n\n.ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected.ui5-dp-item--withsecondtype:focus::after{\n\toutline-offset: -0.1875rem;\n\tborder-radius: var(--_ui5-dp-item_withsecondtype_border);\n}\n\n.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--now.ui5-dp-item--withsecondtype .ui5-dp-daysectext,\n.ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected.ui5-dp-item--withsecondtype .ui5-dp-daytext {\n\tborder: none;\n\toutline: none;\n}\n\n/* styles for calendar with two types */\n\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected:not(.ui5-dp-item.ui5-dp-item--now) .ui5-dp-daytext::after{\n\tborder-width: 0.125rem;\n}\n\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now .ui5-dp-daytext {\n\theight: var(--_ui5_dp_two_calendar_item_primary_text_height);\n\tpadding-top: var(--_ui5_dp_two_calendar_item_now_text_padding_top);\n}\n\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now .ui5-dp-daysectext {\n\theight: var(--_ui5_dp_two_calendar_item_secondary_text_height);\n\tpadding-top: 0;\n    border-radius: var(--_ui5_dp_two_calendar_item_secondary_text_border_radios);\n}\n\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected.ui5-dp-item.ui5-dp-item--now .ui5-dp-daytext {\n    border-radius: var(--_ui5_daypicker_two_calendar_item_border_radius);\n}\n\n:host([secondary-calendar-type]) .ui5-dp-item:focus::after {\n\tinset: var(--_ui5_daypicker_two_calendar_item_no_selected_inset);\n\tborder-radius: var(--_ui5_daypicker_two_calendar_item_border_focus_border_radius);\n}\n\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now::after {\n\tinset: var(--_ui5_daypicker_two_calendar_item_no_selected_focus_inset);\n\tborder-radius: var(--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius);\n}\n\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected:focus::after {\n\tborder-width: var(--_ui5_daypicker_two_calendar_item_now_selected_border_width);\n\tinset: var(--_ui5_daypicker_two_calendar_item_now_selected_border_inset);\n\tborder-radius: var(--_ui5_daypicker_two_calendar_item_border_focus_border_radius);\n}\n\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--now::after {\n\tinset: var(--_ui5_daypicker_two_calendar_item_now_inset);\n\tborder-radius: var(--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus);\n}\n\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected.ui5-dp-item--withsecondtype .ui5-dp-daytext:not(.ui5-dp-daysectext)::before {\n\tcontent: var(--_ui5_daypicker_two_calendar_item_now_day_text_content);\n\tposition: absolute;\n\tinset: 0.3125rem;\n\tborder-radius: var(--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus);\n\toutline: var(--_ui5_daypicker_item_selected__secondary_type_text_outline)\n}" };
 export default styleData;
 //# sourceMappingURL=DayPicker.css.js.map

package/dist/generated/themes/DayPicker.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayPicker.css.js","sourceRoot":"","sources":["../../../src/generated/themes/DayPicker.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAC,6gSAA6gS,EAAC,CAAC;AACtnS,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents\",fileName:\"themes/DayPicker.css\",content:\":host(:not([hidden])){display:block}:host{height:100%;width:100%}:host([hide-week-numbers]) .ui5-dp-content{flex-basis:100%}:host([secondary-calendar-type]) .ui5-dp-item{flex-direction:column;justify-content:var(--_ui5_day_picker_item_justify_content)}:host([secondary-calendar-type]) .ui5-dp-daytext{height:1.575rem;padding-top:var(--_ui5_dp_two_calendar_item_text_padding_top)}:host([secondary-calendar-type]) .ui5-dp-daysectext{font-size:.625rem;height:var(--_ui5_dp_two_calendar_item_secondary_text_height);padding:0 .375rem .375rem 50%}.ui5-dp-dayname,.ui5-dp-item,.ui5-dp-weekname{width:var(--_ui5_day_picker_item_width);height:var(--_ui5_day_picker_item_height);margin-top:var(--_ui5_daypicker_item_margin);margin-right:var(--_ui5_daypicker_item_margin);font-family:\\\"72override\\\",var(--sapFontFamily);border-radius:var(--_ui5_daypicker_item_border_radius)}.ui5-dp-weekname{color:var(--_ui5_daypicker_weekname_color)}.ui5-dp-weeks-row{display:flex}.ui5-dp-content{display:flex;flex-basis:87.5%;flex-direction:column;font-family:\\\"72override\\\",var(--sapFontFamily)}.ui5-dp-days-names-container{display:flex;height:var(--_ui5_daypicker_daynames_container_height)}.ui5-dp-weeknumber-container{padding-top:var(--_ui5_daypicker_weeknumbers_container_padding_top);flex-basis:12.5%}.ui5-dp-dayname,.ui5-dp-item,.ui5-dp-weekname,.ui5-dp-weekname-container{display:flex;flex-grow:1;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);outline:none;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui5-dp-item{position:relative;color:var(--sapTextColor);background:var(--sapLegend_WorkingBackground);font-size:var(--sapFontSize);border:var(--_ui5_daypicker_item_border);border-radius:var(--_ui5_daypicker_item_border_radius)}.ui5-dp-item:hover{background:var(--sapList_Hover_Background)}.ui5-dp-daytext{display:flex;width:100%;height:100%;justify-content:center;align-items:center;box-sizing:border-box}.ui5-dp-dayname{color:var(--_ui5_daypicker_dayname_color);height:100%}.ui5-dp-item.ui5-dp-item--weeekend{background:var(--sapLegend_NonWorkingBackground)}.ui5-dp-item.ui5-dp-item--disabled{pointer-events:none;opacity:.5}.ui5-dp-item.ui5-dp-item--weeekend:hover{background:var(--sapList_Hover_Background);filter:var(--_ui5_daypicker_item_weeekend_filter)}.ui5-dp-item.ui5-dp-item--othermonth{color:var(--_ui5_daypicker_item_othermonth_color);background:var(--_ui5_daypicker_item_othermonth_background_color);border-color:transparent}.ui5-dp-item.ui5-dp-item--othermonth:hover,.ui5-dp-item.ui5-dp-item--weeekend.ui5-dp-item--othermonth:hover{color:var(--_ui5_daypicker_item_othermonth_hover_color);background:var(--sapList_Hover_Background)}.ui5-dp-item:focus:after{content:\\\"\\\";border:var(--_ui5_daypicker_item_not_selected_focus_border);position:absolute;inset:var(--_ui5_daypicker_item_no_selected_inset);outline:none;border-radius:var(--_ui5_daypicker_item_border_radius_focus_after)}.ui5-dp-item.ui5-dp-item--now:before{position:absolute;inset:var(--_ui5_daypicker_item_now_not_selected_inset);border:.125rem solid var(--_ui5_daypicker_item_now_border_color);content:\\\"\\\";border-radius:var(--_ui5_daypicker_item_border_radius)}.ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected{box-shadow:var(--_ui5_daypicker_item_now_box_shadow)}.ui5-dp-item.ui5-dp-item--selected{background:var(--sapContent_Selected_Background)}.ui5-dp-item.ui5-dp-item--selected:not(.ui5-dp-item.ui5-dp-item--now) .ui5-dp-daytext:after{position:absolute;inset:0;border:var(--_ui5_daypicker_item_selected_border);content:\\\"\\\";border-radius:var(--_ui5_daypicker_item_border_radius_item)}.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item.ui5-dp-item--now .ui5-dp-daytext{border:var(--_ui5_day_picker_item_selected_now_border);outline:var(--_ui5_daypicker_item_selected_text_outline);outline-offset:var(--_ui5_daypicker_item_now_selected_outline_offset);border-radius:var(--_ui5_daypicker_item_border_radius_item);font-family:var(--_ui5_daypicker_item_selected_text_font)}.ui5-dp-item.ui5-dp-item--selected .ui5-dp-daytext{background:var(--_ui5_daypicker_item_selected_background);color:var(--sapContent_Selected_TextColor);border-radius:var(--_ui5_daypicker_item_border_radius);border:var(--_ui5_daypicker_item_selected_text_border);font-family:var(--_ui5_daypicker_item_selected_text_font)}.ui5-dp-item.ui5-dp-item--selected:hover .ui5-dp-daytext{background:var(--_ui5_daypicker_item_selected_daytext_hover_background);color:var(--sapContent_Selected_TextColor)}.ui5-dp-item.ui5-dp-item--now:focus:after{inset:var(--_ui5_daypicker_item_now_inset);border-radius:var(--_ui5_daypicker_item_now_border_radius_focus_after);border:var(--_ui5_daypicker_item_now_border_focus_after);position:absolute;content:\\\"\\\";width:auto;height:auto}.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--now:focus:after{inset:var(--_ui5_daypicker_item_now_inset);border-radius:var(--_ui5_day_picker_item_selected_now_border_radius_focus);border:var(--_ui5_day_picker_item_selected_now_border_focus);position:absolute;content:\\\"\\\";width:auto;height:auto}.ui5-dp-item.ui5-dp-item--selected:hover{background:var(--_ui5_daypicker_item_selected_hover);color:var(--sapContent_ContrastTextColor)}.ui5-dp-item.ui5-dp-item--selected:focus:after{border-color:var(--_ui5_daypicker_item_selected_focus_color);border-width:var(--_ui5_daypicker_item_selected_focus_width)}.ui5-dp-items-container{outline:none}.ui5-dp-item.ui5-dp-item--selected-between .ui5-dp-daytext,.ui5-dp-item[hovered] .ui5-dp-daytext{border:var(--_ui5_daypicker_item_select_between_border);border-radius:var(--_ui5_daypicker_item_border_radius);background-color:var(--_ui5_daypicker_item_selected_between_text_background);color:var(--sapTextColor);font-weight:var(--_ui5_daypicker_item_selected_between_text_font)}.ui5-dp-item.ui5-dp-item--selected-between.ui5-dp-item--now:not(.ui5-dp-item--selected) .ui5-dp-daytext:after{content:\\\"\\\";position:absolute;inset:var(--_ui5_daypicker_item_now_selected_between_inset);border:var(--_ui5_daypicker_item_now_selected_between_border);border-radius:var(--_ui5_daypicker_item_now_selected_between_border_radius)}.ui5-dp-item.ui5-dp-item--selected-between,.ui5-dp-item[hovered]{border-radius:var(--_ui5_daypicker_item_selected_between_border);background:var(--_ui5_daypicker_item_selected_between_background)}.ui5-dp-item.ui5-dp-item--selected-between:hover{background:var(--_ui5_daypicker_item_selected_between_hover_background)}.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--selected-between:focus:after{border-color:var(--sapContent_FocusColor)}.ui5-dp-items-container>:first-child{justify-content:flex-end}.ui5-dp-emptyweek{height:var(--_ui5_day_picker_empty_height)}.ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected.ui5-dp-item--withsecondtype:focus:after{outline-offset:-.1875rem;border-radius:var(--_ui5-dp-item_withsecondtype_border)}.ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected.ui5-dp-item--withsecondtype .ui5-dp-daytext,.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--now.ui5-dp-item--withsecondtype .ui5-dp-daysectext{border:none;outline:none}:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected:not(.ui5-dp-item.ui5-dp-item--now) .ui5-dp-daytext:after{border-width:.125rem}:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now .ui5-dp-daytext{height:var(--_ui5_dp_two_calendar_item_primary_text_height);padding-top:var(--_ui5_dp_two_calendar_item_now_text_padding_top)}:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now .ui5-dp-daysectext{height:var(--_ui5_dp_two_calendar_item_secondary_text_height);padding-top:0;border-radius:var(--_ui5_dp_two_calendar_item_secondary_text_border_radios)}:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected.ui5-dp-item.ui5-dp-item--now .ui5-dp-daytext{border-radius:var(--_ui5_daypicker_two_calendar_item_border_radius)}:host([secondary-calendar-type]) .ui5-dp-item:focus:after{inset:var(--_ui5_daypicker_two_calendar_item_no_selected_inset);border-radius:var(--_ui5_daypicker_two_calendar_item_border_focus_border_radius)}:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now:after{inset:var(--_ui5_daypicker_two_calendar_item_no_selected_focus_inset);border-radius:var(--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius)}:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected:focus:after{border-width:var(--_ui5_daypicker_two_calendar_item_now_selected_border_width);inset:var(--_ui5_daypicker_two_calendar_item_now_selected_border_inset);border-radius:var(--_ui5_daypicker_two_calendar_item_border_focus_border_radius)}:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--now:after{inset:var(--_ui5_daypicker_two_calendar_item_now_inset);border-radius:var(--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus)}:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected.ui5-dp-item--withsecondtype .ui5-dp-daytext:not(.ui5-dp-daysectext):before{content:var(--_ui5_daypicker_two_calendar_item_now_day_text_content);position:absolute;inset:.3125rem;border-radius:var(--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus);outline:var(--_ui5_daypicker_item_selected__secondary_type_text_outline)}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"DayPicker.css.js","sourceRoot":"","sources":["../../../src/generated/themes/DayPicker.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAC,iwUAAiwU,EAAC,CAAC;AAC12U,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents\",fileName:\"themes/DayPicker.css\",content:\":host(:not([hidden])) {\\n\\tdisplay: block;\\n}\\n\\n:host {\\n\\theight: 100%;\\n\\twidth: 100%;\\n}\\n\\n:host([hide-week-numbers]) .ui5-dp-content {\\n\\tflex-basis: 100%;\\n}\\n\\n:host([secondary-calendar-type]) .ui5-dp-item {\\n\\tflex-direction: column;\\n\\tjustify-content: var(--_ui5_day_picker_item_justify_content);\\n}\\n\\n:host([secondary-calendar-type]) .ui5-dp-daytext {\\n\\theight: 1.575rem;\\n\\tpadding-top: var(--_ui5_dp_two_calendar_item_text_padding_top)\\n}\\n\\n:host([secondary-calendar-type]) .ui5-dp-daysectext {\\n\\tfont-size: 0.625rem;\\n\\theight: var(--_ui5_dp_two_calendar_item_secondary_text_height);\\n\\tpadding: 0 0.375rem 0.375rem 50%;\\n}\\n\\n.ui5-dp-weekname,\\n.ui5-dp-dayname,\\n.ui5-dp-item {\\n\\twidth: var(--_ui5_day_picker_item_width);\\n\\theight: var(--_ui5_day_picker_item_height);\\n\\tmargin-top: var(--_ui5_daypicker_item_margin);\\n\\tmargin-right: var(--_ui5_daypicker_item_margin);\\n\\tfont-family: \\\"72override\\\", var(--sapFontFamily);\\n\\tborder-radius: var(--_ui5_daypicker_item_border_radius);\\n}\\n\\n.ui5-dp-weekname {\\n\\tcolor: var(--_ui5_daypicker_weekname_color);\\n}\\n\\n.ui5-dp-weeks-row {\\n\\tdisplay: flex;\\n}\\n\\n.ui5-dp-content {\\n\\tdisplay: flex;\\n\\tflex-basis: 87.5%;\\n\\tflex-direction: column;\\n\\tfont-family: \\\"72override\\\", var(--sapFontFamily);\\n}\\n\\n.ui5-dp-days-names-container {\\n\\tdisplay: flex;\\n\\theight: var(--_ui5_daypicker_daynames_container_height);\\n}\\n\\n.ui5-dp-weeknumber-container {\\n\\tpadding-top: var(--_ui5_daypicker_weeknumbers_container_padding_top);\\n\\tflex-basis: 12.5%;\\n}\\n\\n.ui5-dp-weekname,\\n.ui5-dp-dayname,\\n.ui5-dp-weekname-container,\\n.ui5-dp-item {\\n\\tdisplay: flex;\\n\\tflex-grow: 1;\\n\\tjustify-content: center;\\n\\talign-items: center;\\n\\tfont-size: var(--sapFontSmallSize);\\n\\toutline: none;\\n\\tbox-sizing: border-box;\\n\\t-webkit-user-select: none;\\n\\t-moz-user-select: none;\\n\\tuser-select: none;\\n}\\n\\n.ui5-dp-item {\\n\\tposition: relative;\\n\\tcolor: var(--sapTextColor);\\n\\tbackground: var(--sapLegend_WorkingBackground);\\n\\tfont-size: var(--sapFontSize);\\n\\tborder: var(--_ui5_daypicker_item_border);\\n\\tborder-radius: var(--_ui5_daypicker_item_border_radius);\\n}\\n\\n.ui5-dp-item:hover {\\n\\tbackground: var(--sapList_Hover_Background);\\n}\\n\\n.ui5-dp-daytext {\\n\\tdisplay: flex;\\n\\twidth: 100%;\\n\\theight: 100%;\\n\\tjustify-content: center;\\n\\talign-items: center;\\n\\tbox-sizing: border-box;\\n}\\n\\n.ui5-dp-dayname {\\n\\tcolor: var(--_ui5_daypicker_dayname_color);\\n\\theight: 100%;\\n}\\n\\n.ui5-dp-item.ui5-dp-item--weeekend {\\n\\tbackground: var(--sapLegend_NonWorkingBackground);\\n}\\n\\n.ui5-dp-item.ui5-dp-item--disabled {\\n\\tpointer-events: none;\\n\\topacity: 0.5;\\n}\\n\\n.ui5-dp-item.ui5-dp-item--weeekend:hover {\\n\\tbackground: var(--sapList_Hover_Background);\\n\\tfilter: var(--_ui5_daypicker_item_weeekend_filter);\\n}\\n\\n.ui5-dp-item.ui5-dp-item--othermonth {\\n\\tcolor: var(--_ui5_daypicker_item_othermonth_color);\\n\\tbackground: var(--_ui5_daypicker_item_othermonth_background_color);\\n\\tborder-color: transparent;\\n}\\n\\n.ui5-dp-item.ui5-dp-item--othermonth:hover,\\n.ui5-dp-item.ui5-dp-item--weeekend.ui5-dp-item--othermonth:hover {\\n\\tcolor: var(--_ui5_daypicker_item_othermonth_hover_color);\\n\\tbackground: var(--sapList_Hover_Background);\\n}\\n\\n.ui5-dp-item:focus::after {\\n\\tcontent: \\\"\\\";\\n\\tborder: var(--_ui5_daypicker_item_not_selected_focus_border);\\n\\tposition: absolute;\\n\\tinset: var(--_ui5_daypicker_item_no_selected_inset);\\n\\toutline: none;\\n\\tborder-radius: var(--_ui5_daypicker_item_border_radius_focus_after);\\n}\\n\\n.ui5-dp-item.ui5-dp-item--now::before {\\n\\tposition: absolute;\\n\\tinset: var(--_ui5_daypicker_item_now_not_selected_inset);\\n\\tborder: 0.125rem solid var(--_ui5_daypicker_item_now_border_color);\\n\\tcontent: \\\"\\\";\\n\\tborder-radius: var(--_ui5_daypicker_item_border_radius);\\n}\\n\\n.ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected {\\n\\tbox-shadow: var(--_ui5_daypicker_item_now_box_shadow);\\n}\\n\\n.ui5-dp-item.ui5-dp-item--selected {\\n\\tbackground: var(--sapContent_Selected_Background)\\n}\\n\\n.ui5-dp-item.ui5-dp-item--selected:not(.ui5-dp-item.ui5-dp-item--now) .ui5-dp-daytext::after{\\n\\tposition: absolute;\\n\\tinset: 0;\\n\\tborder: var(--_ui5_daypicker_item_selected_border);\\n\\tcontent: \\\"\\\";\\n\\tborder-radius: var(--_ui5_daypicker_item_border_radius_item);\\n}\\n\\n.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item.ui5-dp-item--now .ui5-dp-daytext {\\n\\tborder: var(--_ui5_day_picker_item_selected_now_border);\\n\\toutline: var(--_ui5_daypicker_item_selected_text_outline);\\n\\toutline-offset: var(--_ui5_daypicker_item_now_selected_outline_offset);\\n\\tborder-radius: var(--_ui5_daypicker_item_border_radius_item);\\n\\tfont-family: var(--_ui5_daypicker_item_selected_text_font);\\n}\\n\\n.ui5-dp-item.ui5-dp-item--selected .ui5-dp-daytext {\\n\\tbackground: var(--_ui5_daypicker_item_selected_background);\\n\\tcolor: var(--sapContent_Selected_TextColor);\\n\\tborder-radius: var(--_ui5_daypicker_item_border_radius);\\n\\tborder: var(--_ui5_daypicker_item_selected_text_border);\\n\\tfont-family: var(--_ui5_daypicker_item_selected_text_font);\\n}\\n\\n.ui5-dp-item.ui5-dp-item--selected:hover .ui5-dp-daytext {\\n\\tbackground: var(--_ui5_daypicker_item_selected_daytext_hover_background);\\n\\tcolor: var(--sapContent_Selected_TextColor);\\n}\\n\\n.ui5-dp-item.ui5-dp-item--now:focus::after {\\n\\tinset: var(--_ui5_daypicker_item_now_inset);\\n\\tborder-radius: var(--_ui5_daypicker_item_now_border_radius_focus_after);\\n\\tborder: var(--_ui5_daypicker_item_now_border_focus_after);\\n\\tposition: absolute;\\n\\tcontent: \\\"\\\";\\n\\twidth: auto;\\n\\theight: auto;\\n}\\n\\n.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--now:focus::after {\\n\\tinset: var(--_ui5_daypicker_item_now_inset);\\n\\tborder-radius: var(--_ui5_day_picker_item_selected_now_border_radius_focus);\\n\\tborder: var(--_ui5_day_picker_item_selected_now_border_focus);\\n\\tposition: absolute;\\n\\tcontent: \\\"\\\";\\n\\twidth: auto;\\n\\theight: auto;\\n}\\n\\n.ui5-dp-item.ui5-dp-item--selected:hover {\\n\\tbackground: var( --_ui5_daypicker_item_selected_hover);\\n\\tcolor: var(--sapContent_ContrastTextColor);\\n}\\n\\n.ui5-dp-item.ui5-dp-item--selected:focus::after {\\n\\tborder-color: var(--_ui5_daypicker_item_selected_focus_color);\\n\\tborder-width: var(--_ui5_daypicker_item_selected_focus_width);\\n}\\n\\n.ui5-dp-items-container {\\n\\toutline: none;\\n}\\n\\n.ui5-dp-item.ui5-dp-item--selected-between .ui5-dp-daytext,\\n.ui5-dp-item[hovered] .ui5-dp-daytext {\\n\\tborder: var(--_ui5_daypicker_item_select_between_border);\\n\\tborder-radius: var(--_ui5_daypicker_item_border_radius);\\n\\tbackground-color: var(--_ui5_daypicker_item_selected_between_text_background);\\n\\tcolor: var(--sapTextColor);\\n\\tfont-weight: var(--_ui5_daypicker_item_selected_between_text_font);\\n}\\n\\n.ui5-dp-item.ui5-dp-item--selected-between.ui5-dp-item--now:not(.ui5-dp-item--selected) .ui5-dp-daytext::after {\\n\\tcontent: \\\"\\\";\\n\\tposition: absolute;\\n\\tinset: var(--_ui5_daypicker_item_now_selected_between_inset);\\n\\tborder: var(--_ui5_daypicker_item_now_selected_between_border);\\n\\tborder-radius: var(--_ui5_daypicker_item_now_selected_between_border_radius);\\n}\\n\\n.ui5-dp-item.ui5-dp-item--selected-between,\\n.ui5-dp-item[hovered] {\\n\\tborder-radius: var(--_ui5_daypicker_item_selected_between_border);\\n\\tbackground: var(--_ui5_daypicker_item_selected_between_background);\\n}\\n\\n.ui5-dp-item.ui5-dp-item--selected-between:hover {\\n\\tbackground: var(--_ui5_daypicker_item_selected_between_hover_background);\\n}\\n\\n.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--selected-between:focus::after {\\n\\tborder-color: var(--sapContent_FocusColor);\\n}\\n\\n.ui5-dp-items-container > :first-child {\\n\\tjustify-content: flex-end;\\n}\\n\\n.ui5-dp-emptyweek {\\n\\theight: var(--_ui5_day_picker_empty_height);\\n}\\n\\n.ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected.ui5-dp-item--withsecondtype:focus::after{\\n\\toutline-offset: -0.1875rem;\\n\\tborder-radius: var(--_ui5-dp-item_withsecondtype_border);\\n}\\n\\n.ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--now.ui5-dp-item--withsecondtype .ui5-dp-daysectext,\\n.ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected.ui5-dp-item--withsecondtype .ui5-dp-daytext {\\n\\tborder: none;\\n\\toutline: none;\\n}\\n\\n/* styles for calendar with two types */\\n\\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected:not(.ui5-dp-item.ui5-dp-item--now) .ui5-dp-daytext::after{\\n\\tborder-width: 0.125rem;\\n}\\n\\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now .ui5-dp-daytext {\\n\\theight: var(--_ui5_dp_two_calendar_item_primary_text_height);\\n\\tpadding-top: var(--_ui5_dp_two_calendar_item_now_text_padding_top);\\n}\\n\\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now .ui5-dp-daysectext {\\n\\theight: var(--_ui5_dp_two_calendar_item_secondary_text_height);\\n\\tpadding-top: 0;\\n    border-radius: var(--_ui5_dp_two_calendar_item_secondary_text_border_radios);\\n}\\n\\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected.ui5-dp-item.ui5-dp-item--now .ui5-dp-daytext {\\n    border-radius: var(--_ui5_daypicker_two_calendar_item_border_radius);\\n}\\n\\n:host([secondary-calendar-type]) .ui5-dp-item:focus::after {\\n\\tinset: var(--_ui5_daypicker_two_calendar_item_no_selected_inset);\\n\\tborder-radius: var(--_ui5_daypicker_two_calendar_item_border_focus_border_radius);\\n}\\n\\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now::after {\\n\\tinset: var(--_ui5_daypicker_two_calendar_item_no_selected_focus_inset);\\n\\tborder-radius: var(--_ui5_daypicker_two_calendar_item_no_select_focus_border_radius);\\n}\\n\\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected:focus::after {\\n\\tborder-width: var(--_ui5_daypicker_two_calendar_item_now_selected_border_width);\\n\\tinset: var(--_ui5_daypicker_two_calendar_item_now_selected_border_inset);\\n\\tborder-radius: var(--_ui5_daypicker_two_calendar_item_border_focus_border_radius);\\n}\\n\\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--selected.ui5-dp-item--now::after {\\n\\tinset: var(--_ui5_daypicker_two_calendar_item_now_inset);\\n\\tborder-radius: var(--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus);\\n}\\n\\n:host([secondary-calendar-type]) .ui5-dp-item.ui5-dp-item--now.ui5-dp-item--selected.ui5-dp-item--withsecondtype .ui5-dp-daytext:not(.ui5-dp-daysectext)::before {\\n\\tcontent: var(--_ui5_daypicker_two_calendar_item_now_day_text_content);\\n\\tposition: absolute;\\n\\tinset: 0.3125rem;\\n\\tborder-radius: var(--_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus);\\n\\toutline: var(--_ui5_daypicker_item_selected__secondary_type_text_outline)\\n}\"};\nexport default styleData;\n\t"]}

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

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/Dialog.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{min-width:20rem;min-height:6rem;max-height:94%;max-width:90%;flex-direction:column;box-shadow:var(--sapContent_Shadow3);border-radius:var(--sapElement_BorderCornerRadius)}:host([stretch]){width:90%;height:94%}:host([stretch][on-phone]){width:100%;height:100%;max-height:100%;max-width:100%;border-radius:0}:host([draggable]) .ui5-popup-header-root,:host([draggable]) ::slotted([slot=header]){cursor:move}:host([draggable]) .ui5-popup-header-root *{cursor:auto}:host([draggable]) .ui5-popup-root{user-select:text}.ui5-popup-root{display:flex;flex-direction:column;max-width:100vw}.ui5-popup-header-root{position:relative}:host([state=Error]) .ui5-popup-header-root{box-shadow:var(--_ui5_dialog_header_error_state_box_shadow)}:host([state=Information]) .ui5-popup-header-root{box-shadow:var(--_ui5_dialog_header_information_state_box_shadow)}:host([state=Success]) .ui5-popup-header-root{box-shadow:var(--_ui5_dialog_header_success_state_box_shadow)}:host([state=Warning]) .ui5-popup-header-root{box-shadow:var(--_ui5_dialog_header_warning_state_box_shadow)}.ui5-dialog-value-state-icon{margin-inline-end:.5rem}:host([state=Error]) .ui5-dialog-value-state-icon{color:var(--_ui5_dialog_header_error_state_icon_color)}:host([state=Information]) .ui5-dialog-value-state-icon{color:var(--_ui5_dialog_header_information_state_icon_color)}:host([state=Success]) .ui5-dialog-value-state-icon{color:var(--_ui5_dialog_header_success_state_icon_color)}:host([state=Warning]) .ui5-dialog-value-state-icon{color:var(--_ui5_dialog_header_warning_state_icon_color)}.ui5-popup-header-root{outline:none}.ui5-popup-header-root:focus-visible:after{content:\"\";position:absolute;left:var(--_ui5_dialog_header_focus_left_offset);bottom:var(--_ui5_dialog_header_focus_bottom_offset);right:var(--_ui5_dialog_header_focus_right_offset);top:var(--_ui5_dialog_header_focus_top_offset);border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5_dialog_header_border_radius) var(--_ui5_dialog_header_border_radius) 0 0;pointer-events:none}:host([stretch]) .ui5-popup-content{width:100%;height:100%}.ui5-popup-content{min-height:var(--_ui5_dialog_content_min_height);flex:1 1 auto}.ui5-popup-resize-handle{position:absolute;bottom:var(--_ui5_dialog_resize_handle_bottom);inset-inline-end:var(--_ui5_dialog_resize_handle_right);cursor:var(--_ui5_dialog_resize_cursor);color:var(--_ui5_dialog_resize_handle_color)}:host ::slotted([slot=footer]){height:var(--_ui5_dialog_footer_height)}:host ::slotted([slot=footer][ui5-bar][design=Footer]){border-top:none}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/Dialog.css", content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n:host {\n\tmin-width: 20rem;\n\tmin-height: 6rem;\n\tmax-height: 94%;\n\tmax-width: 90%;\n\tflex-direction: column;\n\tbox-shadow: var(--sapContent_Shadow3);\n\tborder-radius: var(--sapElement_BorderCornerRadius);\n}\n\n:host([stretch]) {\n\twidth: 90%;\n\theight: 94%;\n}\n\n:host([stretch][on-phone]) {\n\twidth: 100%;\n\theight: 100%;\n\tmax-height: 100%;\n\tmax-width: 100%;\n\tborder-radius: 0;\n}\n\n:host([draggable]) .ui5-popup-header-root,\n:host([draggable]) ::slotted([slot=\"header\"]) {\n\tcursor: move;\n}\n\n:host([draggable]) .ui5-popup-header-root * {\n\tcursor: auto;\n}\n\n:host([draggable]) .ui5-popup-root {\n\tuser-select: text;\n}\n\n.ui5-popup-root {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-width: 100vw;\n}\n\n.ui5-popup-header-root {\n\tposition: relative;\n}\n\n:host([state=\"Error\"]) .ui5-popup-header-root {\n\tbox-shadow: var(--_ui5_dialog_header_error_state_box_shadow);\n}\n\n:host([state=\"Information\"]) .ui5-popup-header-root {\n\tbox-shadow: var(--_ui5_dialog_header_information_state_box_shadow);\n}\n\n:host([state=\"Success\"]) .ui5-popup-header-root {\n\tbox-shadow: var(--_ui5_dialog_header_success_state_box_shadow);\n}\n\n:host([state=\"Warning\"]) .ui5-popup-header-root {\n\tbox-shadow: var(--_ui5_dialog_header_warning_state_box_shadow);\n}\n\n.ui5-dialog-value-state-icon {\n\tmargin-inline-end: 0.5rem;\n}\n\n:host([state=\"Error\"]) .ui5-dialog-value-state-icon {\n\tcolor: var(--_ui5_dialog_header_error_state_icon_color);\n}\n\n:host([state=\"Information\"]) .ui5-dialog-value-state-icon {\n\tcolor: var(--_ui5_dialog_header_information_state_icon_color);\n}\n\n:host([state=\"Success\"]) .ui5-dialog-value-state-icon {\n\tcolor: var(--_ui5_dialog_header_success_state_icon_color);\n}\n\n:host([state=\"Warning\"]) .ui5-dialog-value-state-icon {\n\tcolor: var(--_ui5_dialog_header_warning_state_icon_color);\n}\n\n.ui5-popup-header-root {\n\toutline: none;\n}\n\n.ui5-popup-header-root:focus-visible:after {\n\tcontent: '';\n\tposition: absolute;\n\tleft: var(--_ui5_dialog_header_focus_left_offset);\n\tbottom: var(--_ui5_dialog_header_focus_bottom_offset);\n\tright: var(--_ui5_dialog_header_focus_right_offset);\n\ttop: var(--_ui5_dialog_header_focus_top_offset);\n\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\tborder-radius: var(--_ui5_dialog_header_border_radius) var(--_ui5_dialog_header_border_radius) 0 0;\n\tpointer-events: none;\n}\n\n:host([stretch]) .ui5-popup-content {\n\twidth: 100%;\n\theight: 100%;\n}\n\n.ui5-popup-content {\n\tmin-height: var(--_ui5_dialog_content_min_height);\n\tflex: 1 1 auto;\n}\n\n.ui5-popup-resize-handle {\n\tposition: absolute;\n\tbottom: var(--_ui5_dialog_resize_handle_bottom);\n\tinset-inline-end: var(--_ui5_dialog_resize_handle_right);\n\tcursor: var(--_ui5_dialog_resize_cursor);\n\tcolor: var(--_ui5_dialog_resize_handle_color);\n}\n\n:host ::slotted([slot=\"footer\"]) {\n\theight: var(--_ui5_dialog_footer_height);\n}\n\n:host ::slotted([slot=\"footer\"][ui5-bar][design=\"Footer\"]) {\n\tborder-top: none;\n}" };
 export default styleData;
 //# sourceMappingURL=Dialog.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Dialog.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,mBAAmB,EAAC,OAAO,EAAC,yqFAAyqF,EAAC,CAAC;AAC/wF,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents\",fileName:\"themes/Dialog.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{min-width:20rem;min-height:6rem;max-height:94%;max-width:90%;flex-direction:column;box-shadow:var(--sapContent_Shadow3);border-radius:var(--sapElement_BorderCornerRadius)}:host([stretch]){width:90%;height:94%}:host([stretch][on-phone]){width:100%;height:100%;max-height:100%;max-width:100%;border-radius:0}:host([draggable]) .ui5-popup-header-root,:host([draggable]) ::slotted([slot=header]){cursor:move}:host([draggable]) .ui5-popup-header-root *{cursor:auto}:host([draggable]) .ui5-popup-root{user-select:text}.ui5-popup-root{display:flex;flex-direction:column;max-width:100vw}.ui5-popup-header-root{position:relative}:host([state=Error]) .ui5-popup-header-root{box-shadow:var(--_ui5_dialog_header_error_state_box_shadow)}:host([state=Information]) .ui5-popup-header-root{box-shadow:var(--_ui5_dialog_header_information_state_box_shadow)}:host([state=Success]) .ui5-popup-header-root{box-shadow:var(--_ui5_dialog_header_success_state_box_shadow)}:host([state=Warning]) .ui5-popup-header-root{box-shadow:var(--_ui5_dialog_header_warning_state_box_shadow)}.ui5-dialog-value-state-icon{margin-inline-end:.5rem}:host([state=Error]) .ui5-dialog-value-state-icon{color:var(--_ui5_dialog_header_error_state_icon_color)}:host([state=Information]) .ui5-dialog-value-state-icon{color:var(--_ui5_dialog_header_information_state_icon_color)}:host([state=Success]) .ui5-dialog-value-state-icon{color:var(--_ui5_dialog_header_success_state_icon_color)}:host([state=Warning]) .ui5-dialog-value-state-icon{color:var(--_ui5_dialog_header_warning_state_icon_color)}.ui5-popup-header-root{outline:none}.ui5-popup-header-root:focus-visible:after{content:\\\"\\\";position:absolute;left:var(--_ui5_dialog_header_focus_left_offset);bottom:var(--_ui5_dialog_header_focus_bottom_offset);right:var(--_ui5_dialog_header_focus_right_offset);top:var(--_ui5_dialog_header_focus_top_offset);border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5_dialog_header_border_radius) var(--_ui5_dialog_header_border_radius) 0 0;pointer-events:none}:host([stretch]) .ui5-popup-content{width:100%;height:100%}.ui5-popup-content{min-height:var(--_ui5_dialog_content_min_height);flex:1 1 auto}.ui5-popup-resize-handle{position:absolute;bottom:var(--_ui5_dialog_resize_handle_bottom);inset-inline-end:var(--_ui5_dialog_resize_handle_right);cursor:var(--_ui5_dialog_resize_cursor);color:var(--_ui5_dialog_resize_handle_color)}:host ::slotted([slot=footer]){height:var(--_ui5_dialog_footer_height)}:host ::slotted([slot=footer][ui5-bar][design=Footer]){border-top:none}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"Dialog.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Dialog.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,mBAAmB,EAAC,OAAO,EAAC,gwGAAgwG,EAAC,CAAC;AACt2G,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents\",fileName:\"themes/Dialog.css\",content:\".ui5-hidden-text {\\n\\tposition: absolute;\\n\\tclip: rect(1px,1px,1px,1px);\\n\\tuser-select: none;\\n\\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\\n\\ttop: -1000px;\\n\\tpointer-events: none;\\n\\tfont-size: 0;\\n}\\n\\n:host {\\n\\tmin-width: 20rem;\\n\\tmin-height: 6rem;\\n\\tmax-height: 94%;\\n\\tmax-width: 90%;\\n\\tflex-direction: column;\\n\\tbox-shadow: var(--sapContent_Shadow3);\\n\\tborder-radius: var(--sapElement_BorderCornerRadius);\\n}\\n\\n:host([stretch]) {\\n\\twidth: 90%;\\n\\theight: 94%;\\n}\\n\\n:host([stretch][on-phone]) {\\n\\twidth: 100%;\\n\\theight: 100%;\\n\\tmax-height: 100%;\\n\\tmax-width: 100%;\\n\\tborder-radius: 0;\\n}\\n\\n:host([draggable]) .ui5-popup-header-root,\\n:host([draggable]) ::slotted([slot=\\\"header\\\"]) {\\n\\tcursor: move;\\n}\\n\\n:host([draggable]) .ui5-popup-header-root * {\\n\\tcursor: auto;\\n}\\n\\n:host([draggable]) .ui5-popup-root {\\n\\tuser-select: text;\\n}\\n\\n.ui5-popup-root {\\n\\tdisplay: flex;\\n\\tflex-direction: column;\\n\\tmax-width: 100vw;\\n}\\n\\n.ui5-popup-header-root {\\n\\tposition: relative;\\n}\\n\\n:host([state=\\\"Error\\\"]) .ui5-popup-header-root {\\n\\tbox-shadow: var(--_ui5_dialog_header_error_state_box_shadow);\\n}\\n\\n:host([state=\\\"Information\\\"]) .ui5-popup-header-root {\\n\\tbox-shadow: var(--_ui5_dialog_header_information_state_box_shadow);\\n}\\n\\n:host([state=\\\"Success\\\"]) .ui5-popup-header-root {\\n\\tbox-shadow: var(--_ui5_dialog_header_success_state_box_shadow);\\n}\\n\\n:host([state=\\\"Warning\\\"]) .ui5-popup-header-root {\\n\\tbox-shadow: var(--_ui5_dialog_header_warning_state_box_shadow);\\n}\\n\\n.ui5-dialog-value-state-icon {\\n\\tmargin-inline-end: 0.5rem;\\n}\\n\\n:host([state=\\\"Error\\\"]) .ui5-dialog-value-state-icon {\\n\\tcolor: var(--_ui5_dialog_header_error_state_icon_color);\\n}\\n\\n:host([state=\\\"Information\\\"]) .ui5-dialog-value-state-icon {\\n\\tcolor: var(--_ui5_dialog_header_information_state_icon_color);\\n}\\n\\n:host([state=\\\"Success\\\"]) .ui5-dialog-value-state-icon {\\n\\tcolor: var(--_ui5_dialog_header_success_state_icon_color);\\n}\\n\\n:host([state=\\\"Warning\\\"]) .ui5-dialog-value-state-icon {\\n\\tcolor: var(--_ui5_dialog_header_warning_state_icon_color);\\n}\\n\\n.ui5-popup-header-root {\\n\\toutline: none;\\n}\\n\\n.ui5-popup-header-root:focus-visible:after {\\n\\tcontent: '';\\n\\tposition: absolute;\\n\\tleft: var(--_ui5_dialog_header_focus_left_offset);\\n\\tbottom: var(--_ui5_dialog_header_focus_bottom_offset);\\n\\tright: var(--_ui5_dialog_header_focus_right_offset);\\n\\ttop: var(--_ui5_dialog_header_focus_top_offset);\\n\\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\\n\\tborder-radius: var(--_ui5_dialog_header_border_radius) var(--_ui5_dialog_header_border_radius) 0 0;\\n\\tpointer-events: none;\\n}\\n\\n:host([stretch]) .ui5-popup-content {\\n\\twidth: 100%;\\n\\theight: 100%;\\n}\\n\\n.ui5-popup-content {\\n\\tmin-height: var(--_ui5_dialog_content_min_height);\\n\\tflex: 1 1 auto;\\n}\\n\\n.ui5-popup-resize-handle {\\n\\tposition: absolute;\\n\\tbottom: var(--_ui5_dialog_resize_handle_bottom);\\n\\tinset-inline-end: var(--_ui5_dialog_resize_handle_right);\\n\\tcursor: var(--_ui5_dialog_resize_cursor);\\n\\tcolor: var(--_ui5_dialog_resize_handle_color);\\n}\\n\\n:host ::slotted([slot=\\\"footer\\\"]) {\\n\\theight: var(--_ui5_dialog_footer_height);\\n}\\n\\n:host ::slotted([slot=\\\"footer\\\"][ui5-bar][design=\\\"Footer\\\"]) {\\n\\tborder-top: none;\\n}\"};\nexport default styleData;\n\t"]}

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

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/FileUploader.css", content: ":host{vertical-align:middle}:host{display:inline-block}.ui5-file-uploader-root{position:relative}.ui5-file-uploader-root input[type=file]{opacity:0;position:absolute;top:0;left:0;height:100%;width:100%}.ui5-file-uploader-root input[type=file]:not([disabled]){cursor:pointer}.ui5-file-uploader-mask{display:flex;align-items:center}.ui5-file-uploader-mask [ui5-input]{margin-right:.25rem}:host(:not([value-state]):not([disabled]):hover) [ui5-input],:host([value-state=None]:not([disabled]):hover) [ui5-input]{border:var(--_ui5_file_uploader_hover_border);background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_Shadow)}:host([value-state=Error]:not([disabled]):hover) [ui5-input]{background-color:var(--_ui5_file_uploader_value_state_error_hover_background_color);box-shadow:var(--sapField_Hover_InvalidShadow)}:host([value-state=Warning]:not([disabled]):hover) [ui5-input]{background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_WarningShadow)}:host([value-state=Success]:not([disabled]):hover) [ui5-input]{background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_SuccessShadow)}:host([value-state=Information]:not([disabled]):hover) [ui5-input]{background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_InformationShadow)}:host(:not([disabled]):active) [ui5-button]{background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Active_TextColor);text-shadow:none}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/FileUploader.css", content: ":host {\n\tvertical-align: middle;\n}\n\n:host {\n\tdisplay: inline-block;\n}\n\n.ui5-file-uploader-root {\n\tposition: relative;\n}\n\n.ui5-file-uploader-root input[type=file] {\n\topacity: 0;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\theight: 100%;\n\twidth: 100%;\n}\n\n.ui5-file-uploader-root input[type=file]:not([disabled]) {\n\tcursor: pointer;\n}\n\n.ui5-file-uploader-mask {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.ui5-file-uploader-mask [ui5-input] {\n\tmargin-right: 0.25rem;\n}\n\n:host([value-state=\"None\"]:not([disabled]):hover) [ui5-input],\n:host(:not([value-state]):not([disabled]):hover) [ui5-input] {\n\tborder: var(--_ui5_file_uploader_hover_border);\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_Shadow);\n}\n\n:host([value-state=\"Error\"]:not([disabled]):hover) [ui5-input] {\n\tbackground-color: var(--_ui5_file_uploader_value_state_error_hover_background_color);\n\tbox-shadow: var(--sapField_Hover_InvalidShadow);\n}\n\n:host([value-state=\"Warning\"]:not([disabled]):hover) [ui5-input] {\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_WarningShadow);\n}\n\n:host([value-state=\"Success\"]:not([disabled]):hover) [ui5-input] {\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_SuccessShadow);\n}\n\n:host([value-state=\"Information\"]:not([disabled]):hover) [ui5-input] {\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_InformationShadow);\n}\n\n:host(:not([disabled]):active) [ui5-button] {\n\tbackground-color: var(--sapButton_Active_Background);\n\tborder-color: var(--sapButton_Active_BorderColor);\n\tcolor: var(--sapButton_Active_TextColor);\n\ttext-shadow: none;\n}\n" };
 export default styleData;
 //# sourceMappingURL=FileUploader.css.js.map

package/dist/generated/themes/FileUploader.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.css.js","sourceRoot":"","sources":["../../../src/generated/themes/FileUploader.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,yBAAyB,EAAC,OAAO,EAAC,u/CAAu/C,EAAC,CAAC;AACnmD,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents\",fileName:\"themes/FileUploader.css\",content:\":host{vertical-align:middle}:host{display:inline-block}.ui5-file-uploader-root{position:relative}.ui5-file-uploader-root input[type=file]{opacity:0;position:absolute;top:0;left:0;height:100%;width:100%}.ui5-file-uploader-root input[type=file]:not([disabled]){cursor:pointer}.ui5-file-uploader-mask{display:flex;align-items:center}.ui5-file-uploader-mask [ui5-input]{margin-right:.25rem}:host(:not([value-state]):not([disabled]):hover) [ui5-input],:host([value-state=None]:not([disabled]):hover) [ui5-input]{border:var(--_ui5_file_uploader_hover_border);background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_Shadow)}:host([value-state=Error]:not([disabled]):hover) [ui5-input]{background-color:var(--_ui5_file_uploader_value_state_error_hover_background_color);box-shadow:var(--sapField_Hover_InvalidShadow)}:host([value-state=Warning]:not([disabled]):hover) [ui5-input]{background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_WarningShadow)}:host([value-state=Success]:not([disabled]):hover) [ui5-input]{background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_SuccessShadow)}:host([value-state=Information]:not([disabled]):hover) [ui5-input]{background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_InformationShadow)}:host(:not([disabled]):active) [ui5-button]{background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Active_TextColor);text-shadow:none}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"FileUploader.css.js","sourceRoot":"","sources":["../../../src/generated/themes/FileUploader.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,yBAAyB,EAAC,OAAO,EAAC,gwDAAgwD,EAAC,CAAC;AAC52D,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents\",fileName:\"themes/FileUploader.css\",content:\":host {\\n\\tvertical-align: middle;\\n}\\n\\n:host {\\n\\tdisplay: inline-block;\\n}\\n\\n.ui5-file-uploader-root {\\n\\tposition: relative;\\n}\\n\\n.ui5-file-uploader-root input[type=file] {\\n\\topacity: 0;\\n\\tposition: absolute;\\n\\ttop: 0;\\n\\tleft: 0;\\n\\theight: 100%;\\n\\twidth: 100%;\\n}\\n\\n.ui5-file-uploader-root input[type=file]:not([disabled]) {\\n\\tcursor: pointer;\\n}\\n\\n.ui5-file-uploader-mask {\\n\\tdisplay: flex;\\n\\talign-items: center;\\n}\\n\\n.ui5-file-uploader-mask [ui5-input] {\\n\\tmargin-right: 0.25rem;\\n}\\n\\n:host([value-state=\\\"None\\\"]:not([disabled]):hover) [ui5-input],\\n:host(:not([value-state]):not([disabled]):hover) [ui5-input] {\\n\\tborder: var(--_ui5_file_uploader_hover_border);\\n\\tbackground-color: var(--sapField_Hover_Background);\\n\\tbox-shadow: var(--sapField_Hover_Shadow);\\n}\\n\\n:host([value-state=\\\"Error\\\"]:not([disabled]):hover) [ui5-input] {\\n\\tbackground-color: var(--_ui5_file_uploader_value_state_error_hover_background_color);\\n\\tbox-shadow: var(--sapField_Hover_InvalidShadow);\\n}\\n\\n:host([value-state=\\\"Warning\\\"]:not([disabled]):hover) [ui5-input] {\\n\\tbackground-color: var(--sapField_Hover_Background);\\n\\tbox-shadow: var(--sapField_Hover_WarningShadow);\\n}\\n\\n:host([value-state=\\\"Success\\\"]:not([disabled]):hover) [ui5-input] {\\n\\tbackground-color: var(--sapField_Hover_Background);\\n\\tbox-shadow: var(--sapField_Hover_SuccessShadow);\\n}\\n\\n:host([value-state=\\\"Information\\\"]:not([disabled]):hover) [ui5-input] {\\n\\tbackground-color: var(--sapField_Hover_Background);\\n\\tbox-shadow: var(--sapField_Hover_InformationShadow);\\n}\\n\\n:host(:not([disabled]):active) [ui5-button] {\\n\\tbackground-color: var(--sapButton_Active_Background);\\n\\tborder-color: var(--sapButton_Active_BorderColor);\\n\\tcolor: var(--sapButton_Active_TextColor);\\n\\ttext-shadow: none;\\n}\\n\"};\nexport default styleData;\n\t"]}

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

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/FormComponents.css", content: ":host{vertical-align:middle}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/FormComponents.css", content: ":host {\n\tvertical-align: middle;\n}" };
 export default styleData;
 //# sourceMappingURL=FormComponents.css.js.map

package/dist/generated/themes/FormComponents.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormComponents.css.js","sourceRoot":"","sources":["../../../src/generated/themes/FormComponents.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,2BAA2B,EAAC,OAAO,EAAC,8BAA8B,EAAC,CAAC;AAC5I,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents\",fileName:\"themes/FormComponents.css\",content:\":host{vertical-align:middle}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"FormComponents.css.js","sourceRoot":"","sources":["../../../src/generated/themes/FormComponents.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,2BAA2B,EAAC,OAAO,EAAC,uCAAuC,EAAC,CAAC;AACrJ,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents\",fileName:\"themes/FormComponents.css\",content:\":host {\\n\\tvertical-align: middle;\\n}\"};\nexport default styleData;\n\t"]}

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

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/GroupHeaderListItem.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{height:var(--_ui5_group_header_list_item_height);background:var(--ui5-group-header-listitem-background-color);color:var(--sapList_TableGroupHeaderTextColor)}:host([has-border]){border-bottom:1px solid var(--sapList_GroupHeaderBorderColor)}.ui5-li-root.ui5-ghli-root{padding-top:.5rem;color:currentColor;font-size:var(--sapFontHeader6Size);font-weight:400;line-height:2rem;margin:0}.ui5-ghli-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/GroupHeaderListItem.css", content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n:host {\n\theight: var(--_ui5_group_header_list_item_height);\n\tbackground: var(--ui5-group-header-listitem-background-color);\n\tcolor: var(--sapList_TableGroupHeaderTextColor);\n}\n\n:host([has-border]) {\n\tborder-bottom: 1px solid var(--sapList_GroupHeaderBorderColor);\n}\n\n.ui5-li-root.ui5-ghli-root {\n\tpadding-top: 0.5rem;\n\tcolor: currentColor;\n\tfont-size: var(--sapFontHeader6Size);\n\tfont-weight: normal;\n\tline-height: 2rem;\n\tmargin: 0;\n}\n\n.ui5-ghli-title {\n\tdisplay: block;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tfont-weight: bold;\n}\n" };
 export default styleData;
 //# sourceMappingURL=GroupHeaderListItem.css.js.map

package/dist/generated/themes/GroupHeaderListItem.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupHeaderListItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/GroupHeaderListItem.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,gCAAgC,EAAC,OAAO,EAAC,qnBAAqnB,EAAC,CAAC;AACxuB,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents\",fileName:\"themes/GroupHeaderListItem.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{height:var(--_ui5_group_header_list_item_height);background:var(--ui5-group-header-listitem-background-color);color:var(--sapList_TableGroupHeaderTextColor)}:host([has-border]){border-bottom:1px solid var(--sapList_GroupHeaderBorderColor)}.ui5-li-root.ui5-ghli-root{padding-top:.5rem;color:currentColor;font-size:var(--sapFontHeader6Size);font-weight:400;line-height:2rem;margin:0}.ui5-ghli-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"GroupHeaderListItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/GroupHeaderListItem.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,gCAAgC,EAAC,OAAO,EAAC,80BAA80B,EAAC,CAAC;AACj8B,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents\",fileName:\"themes/GroupHeaderListItem.css\",content:\".ui5-hidden-text {\\n\\tposition: absolute;\\n\\tclip: rect(1px,1px,1px,1px);\\n\\tuser-select: none;\\n\\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\\n\\ttop: -1000px;\\n\\tpointer-events: none;\\n\\tfont-size: 0;\\n}\\n\\n:host {\\n\\theight: var(--_ui5_group_header_list_item_height);\\n\\tbackground: var(--ui5-group-header-listitem-background-color);\\n\\tcolor: var(--sapList_TableGroupHeaderTextColor);\\n}\\n\\n:host([has-border]) {\\n\\tborder-bottom: 1px solid var(--sapList_GroupHeaderBorderColor);\\n}\\n\\n.ui5-li-root.ui5-ghli-root {\\n\\tpadding-top: 0.5rem;\\n\\tcolor: currentColor;\\n\\tfont-size: var(--sapFontHeader6Size);\\n\\tfont-weight: normal;\\n\\tline-height: 2rem;\\n\\tmargin: 0;\\n}\\n\\n.ui5-ghli-title {\\n\\tdisplay: block;\\n\\toverflow: hidden;\\n\\ttext-overflow: ellipsis;\\n\\twhite-space: nowrap;\\n\\tfont-weight: bold;\\n}\\n\"};\nexport default styleData;\n\t"]}

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

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/GrowingButton.css", content: "[growing-button]{display:flex;align-items:center;padding:var(--_ui5_load_more_padding);border-top:1px solid var(--sapList_BorderColor);border-bottom:var(--_ui5_load_more_border-bottom);box-sizing:border-box;cursor:pointer;outline:none}[growing-button-inner]{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:var(--_ui5_load_more_text_height);width:100%;color:var(--sapButton_TextColor);background-color:var(--sapList_Background);border:var(--_ui5_load_more_border);border-radius:var(--_ui5_load_more_border_radius);box-sizing:border-box}[growing-button-inner]:focus{outline:var(--_ui5_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.125rem;border-color:transparent}[growing-button-inner]:hover{background-color:var(--sapList_Hover_Background)}[growing-button-inner]:active,[growing-button-inner][active]{background-color:var(--sapList_Active_Background);border-color:var(--sapList_Active_Background)}[growing-button-inner]:active>*,[growing-button-inner][active]>*{color:var(--sapList_Active_TextColor)}[growing-button-subtext],[growing-button-text]{width:100%;text-align:center;font-family:\"72override\",var(--sapFontFamily);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}[growing-button-text]{height:var(--_ui5_load_more_text_height);padding:.875rem 1rem 0 1rem;font-size:var(--_ui5_load_more_text_font_size);font-weight:700}[growing-button-subtext]{font-size:var(--sapFontSize);padding:var(--_ui5_load_more_desc_padding)}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/GrowingButton.css", content: "[growing-button] {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: var(--_ui5_load_more_padding);\n\tborder-top: 1px solid var(--sapList_BorderColor);\n\tborder-bottom: var(--_ui5_load_more_border-bottom);\n\tbox-sizing: border-box;\n\tcursor: pointer;\n\toutline: none;\n}\n\n[growing-button-inner] {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-direction: column;\n\tmin-height: var(--_ui5_load_more_text_height);\n\twidth: 100%;\n\tcolor: var(--sapButton_TextColor);\n\tbackground-color: var(--sapList_Background);\n\tborder: var(--_ui5_load_more_border);\n\tborder-radius: var(--_ui5_load_more_border_radius);\n\tbox-sizing: border-box;\n}\n\n[growing-button-inner]:focus {\n\toutline: var(--_ui5_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\toutline-offset: -0.125rem;\n\tborder-color: transparent;\n}\n\n[growing-button-inner]:hover {\n\tbackground-color: var(--sapList_Hover_Background);\n}\n\n[growing-button-inner]:active,\n[growing-button-inner][active] {\n\tbackground-color: var(--sapList_Active_Background);\n\tborder-color: var(--sapList_Active_Background);\n}\n\n[growing-button-inner]:active > *,\n[growing-button-inner][active] > * {\n\tcolor: var(--sapList_Active_TextColor);\n}\n\n[growing-button-text],\n[growing-button-subtext] {\n\twidth: 100%;\n\ttext-align: center;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tbox-sizing: border-box;\n}\n\n[growing-button-text] {\n\theight: var(--_ui5_load_more_text_height);\n\tpadding: 0.875rem 1rem 0 1rem;\n\tfont-size: var(--_ui5_load_more_text_font_size);\n\tfont-weight: bold;\n}\n\n[growing-button-subtext] {\n\tfont-size: var(--sapFontSize);\n\tpadding: var(--_ui5_load_more_desc_padding);\n}" };
 export default styleData;
 //# sourceMappingURL=GrowingButton.css.js.map

package/dist/generated/themes/GrowingButton.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"GrowingButton.css.js","sourceRoot":"","sources":["../../../src/generated/themes/GrowingButton.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,0BAA0B,EAAC,OAAO,EAAC,8gDAA8gD,EAAC,CAAC;AAC3nD,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents\",fileName:\"themes/GrowingButton.css\",content:\"[growing-button]{display:flex;align-items:center;padding:var(--_ui5_load_more_padding);border-top:1px solid var(--sapList_BorderColor);border-bottom:var(--_ui5_load_more_border-bottom);box-sizing:border-box;cursor:pointer;outline:none}[growing-button-inner]{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:var(--_ui5_load_more_text_height);width:100%;color:var(--sapButton_TextColor);background-color:var(--sapList_Background);border:var(--_ui5_load_more_border);border-radius:var(--_ui5_load_more_border_radius);box-sizing:border-box}[growing-button-inner]:focus{outline:var(--_ui5_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:-.125rem;border-color:transparent}[growing-button-inner]:hover{background-color:var(--sapList_Hover_Background)}[growing-button-inner]:active,[growing-button-inner][active]{background-color:var(--sapList_Active_Background);border-color:var(--sapList_Active_Background)}[growing-button-inner]:active>*,[growing-button-inner][active]>*{color:var(--sapList_Active_TextColor)}[growing-button-subtext],[growing-button-text]{width:100%;text-align:center;font-family:\\\"72override\\\",var(--sapFontFamily);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}[growing-button-text]{height:var(--_ui5_load_more_text_height);padding:.875rem 1rem 0 1rem;font-size:var(--_ui5_load_more_text_font_size);font-weight:700}[growing-button-subtext]{font-size:var(--sapFontSize);padding:var(--_ui5_load_more_desc_padding)}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"GrowingButton.css.js","sourceRoot":"","sources":["../../../src/generated/themes/GrowingButton.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,0BAA0B,EAAC,OAAO,EAAC,myDAAmyD,EAAC,CAAC;AACh5D,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents\",fileName:\"themes/GrowingButton.css\",content:\"[growing-button] {\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tpadding: var(--_ui5_load_more_padding);\\n\\tborder-top: 1px solid var(--sapList_BorderColor);\\n\\tborder-bottom: var(--_ui5_load_more_border-bottom);\\n\\tbox-sizing: border-box;\\n\\tcursor: pointer;\\n\\toutline: none;\\n}\\n\\n[growing-button-inner] {\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n\\tflex-direction: column;\\n\\tmin-height: var(--_ui5_load_more_text_height);\\n\\twidth: 100%;\\n\\tcolor: var(--sapButton_TextColor);\\n\\tbackground-color: var(--sapList_Background);\\n\\tborder: var(--_ui5_load_more_border);\\n\\tborder-radius: var(--_ui5_load_more_border_radius);\\n\\tbox-sizing: border-box;\\n}\\n\\n[growing-button-inner]:focus {\\n\\toutline: var(--_ui5_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\\n\\toutline-offset: -0.125rem;\\n\\tborder-color: transparent;\\n}\\n\\n[growing-button-inner]:hover {\\n\\tbackground-color: var(--sapList_Hover_Background);\\n}\\n\\n[growing-button-inner]:active,\\n[growing-button-inner][active] {\\n\\tbackground-color: var(--sapList_Active_Background);\\n\\tborder-color: var(--sapList_Active_Background);\\n}\\n\\n[growing-button-inner]:active > *,\\n[growing-button-inner][active] > * {\\n\\tcolor: var(--sapList_Active_TextColor);\\n}\\n\\n[growing-button-text],\\n[growing-button-subtext] {\\n\\twidth: 100%;\\n\\ttext-align: center;\\n\\tfont-family: \\\"72override\\\", var(--sapFontFamily);\\n\\twhite-space: nowrap;\\n\\toverflow: hidden;\\n\\ttext-overflow: ellipsis;\\n\\tbox-sizing: border-box;\\n}\\n\\n[growing-button-text] {\\n\\theight: var(--_ui5_load_more_text_height);\\n\\tpadding: 0.875rem 1rem 0 1rem;\\n\\tfont-size: var(--_ui5_load_more_text_font_size);\\n\\tfont-weight: bold;\\n}\\n\\n[growing-button-subtext] {\\n\\tfont-size: var(--sapFontSize);\\n\\tpadding: var(--_ui5_load_more_desc_padding);\\n}\"};\nexport default styleData;\n\t"]}

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

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/Icon.css", content: ":host{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host([hidden]){display:none}:host([invalid]){display:none}:host(:not([hidden]).ui5_hovered){opacity:.7}:host{display:inline-block;width:1rem;height:1rem;color:var(--sapContent_NonInteractiveIconColor);fill:currentColor;outline:none}:host([design=Contrast]){color:var(--sapContent_ContrastIconColor)}:host([design=Critical]){color:var(--sapCriticalElementColor)}:host([design=Default]){color:var(--sapContent_IconColor)}:host([design=Information]){color:var(--sapInformativeElementColor)}:host([design=Negative]){color:var(--sapNegativeElementColor)}:host([design=Neutral]){color:var(--sapNeutralElementColor)}:host([design=NonInteractive]){color:var(--sapContent_NonInteractiveIconColor)}:host([design=Positive]){color:var(--sapPositiveElementColor)}:host([interactive][focused]) .ui5-icon-root{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--ui5-icon-focus-border-radius)}.ui5-icon-root{display:flex;height:100%;width:100%;outline:none;vertical-align:top}:host([interactive]){cursor:pointer}.ui5-icon-root:not([dir=ltr]){transform:var(--_ui5_icon_transform_scale);transform-origin:center}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/Icon.css", content: ":host {\n\t-webkit-tap-highlight-color: rgba(0,0,0,0);\n}\n\n:host([hidden]) {\n\tdisplay: none;\n}\n\n:host([invalid]) {\n\tdisplay:none;\n}\n\n/*The ui5_hovered class is set by FileUploader to indicate hover state of the control*/\n\n:host(:not([hidden]).ui5_hovered) {\n\topacity: .7;\n}\n\n:host {\n\tdisplay: inline-block;\n\twidth: 1rem;\n\theight: 1rem;\n\tcolor: var(--sapContent_NonInteractiveIconColor);\n\tfill: currentColor;\n\toutline: none;\n}\n\n:host([design=\"Contrast\"]) {\n\tcolor: var(--sapContent_ContrastIconColor);\n}\n\n:host([design=\"Critical\"]) {\n\tcolor: var(--sapCriticalElementColor);\n}\n\n:host([design=\"Default\"]) {\n\tcolor: var(--sapContent_IconColor);\n}\n\n:host([design=\"Information\"]) {\n\tcolor: var(--sapInformativeElementColor);\n}\n\n:host([design=\"Negative\"]) {\n\tcolor: var(--sapNegativeElementColor);\n}\n\n:host([design=\"Neutral\"]) {\n\tcolor: var(--sapNeutralElementColor);\n}\n\n:host([design=\"NonInteractive\"]) {\n\tcolor: var(--sapContent_NonInteractiveIconColor);\n}\n\n:host([design=\"Positive\"]) {\n\tcolor: var(--sapPositiveElementColor);\n}\n\n:host([interactive][focused]) .ui5-icon-root {\n\toutline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\tborder-radius: var(--ui5-icon-focus-border-radius);\n}\n\n.ui5-icon-root {\n\tdisplay:flex;\n\theight: 100%;\n\twidth: 100%;\n\toutline: none;\n\tvertical-align: top;\n}\n\n:host([interactive]) {\n\tcursor: pointer;\n}\n\n/*\n * The Icon is currently the only component that enforces \"LTR\" direction inside its ShadowDOM\n * as some icons should not be mirrored in RTL (f.e. checkmark, search, etc.).\n * That means, we can have \"RTL\" set globally and \"LTR\" set internally for the Icon ShadowDom\n  * html dir=rtl\n * \t\t[ui5-icon]\n * \t\t\t#shadowroot\n * \t\t\t\tsvg dir=ltr\n * In this case, we need to explicitly check for it as the global CSS definitions (rtl-parameters.css)\n * is placed in the \"head\" and won't consider it.\n */\n\n.ui5-icon-root:not([dir=\"ltr\"]) {\n\ttransform: var(--_ui5_icon_transform_scale);\n\ttransform-origin: center;\n}" };
 export default styleData;
 //# sourceMappingURL=Icon.css.js.map

package/dist/generated/themes/Icon.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Icon.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,iBAAiB,EAAC,OAAO,EAAC,urCAAurC,EAAC,CAAC;AAC3xC,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents\",fileName:\"themes/Icon.css\",content:\":host{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host([hidden]){display:none}:host([invalid]){display:none}:host(:not([hidden]).ui5_hovered){opacity:.7}:host{display:inline-block;width:1rem;height:1rem;color:var(--sapContent_NonInteractiveIconColor);fill:currentColor;outline:none}:host([design=Contrast]){color:var(--sapContent_ContrastIconColor)}:host([design=Critical]){color:var(--sapCriticalElementColor)}:host([design=Default]){color:var(--sapContent_IconColor)}:host([design=Information]){color:var(--sapInformativeElementColor)}:host([design=Negative]){color:var(--sapNegativeElementColor)}:host([design=Neutral]){color:var(--sapNeutralElementColor)}:host([design=NonInteractive]){color:var(--sapContent_NonInteractiveIconColor)}:host([design=Positive]){color:var(--sapPositiveElementColor)}:host([interactive][focused]) .ui5-icon-root{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--ui5-icon-focus-border-radius)}.ui5-icon-root{display:flex;height:100%;width:100%;outline:none;vertical-align:top}:host([interactive]){cursor:pointer}.ui5-icon-root:not([dir=ltr]){transform:var(--_ui5_icon_transform_scale);transform-origin:center}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"Icon.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Icon.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,iBAAiB,EAAC,OAAO,EAAC,olEAAolE,EAAC,CAAC;AACxrE,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents\",fileName:\"themes/Icon.css\",content:\":host {\\n\\t-webkit-tap-highlight-color: rgba(0,0,0,0);\\n}\\n\\n:host([hidden]) {\\n\\tdisplay: none;\\n}\\n\\n:host([invalid]) {\\n\\tdisplay:none;\\n}\\n\\n/*The ui5_hovered class is set by FileUploader to indicate hover state of the control*/\\n\\n:host(:not([hidden]).ui5_hovered) {\\n\\topacity: .7;\\n}\\n\\n:host {\\n\\tdisplay: inline-block;\\n\\twidth: 1rem;\\n\\theight: 1rem;\\n\\tcolor: var(--sapContent_NonInteractiveIconColor);\\n\\tfill: currentColor;\\n\\toutline: none;\\n}\\n\\n:host([design=\\\"Contrast\\\"]) {\\n\\tcolor: var(--sapContent_ContrastIconColor);\\n}\\n\\n:host([design=\\\"Critical\\\"]) {\\n\\tcolor: var(--sapCriticalElementColor);\\n}\\n\\n:host([design=\\\"Default\\\"]) {\\n\\tcolor: var(--sapContent_IconColor);\\n}\\n\\n:host([design=\\\"Information\\\"]) {\\n\\tcolor: var(--sapInformativeElementColor);\\n}\\n\\n:host([design=\\\"Negative\\\"]) {\\n\\tcolor: var(--sapNegativeElementColor);\\n}\\n\\n:host([design=\\\"Neutral\\\"]) {\\n\\tcolor: var(--sapNeutralElementColor);\\n}\\n\\n:host([design=\\\"NonInteractive\\\"]) {\\n\\tcolor: var(--sapContent_NonInteractiveIconColor);\\n}\\n\\n:host([design=\\\"Positive\\\"]) {\\n\\tcolor: var(--sapPositiveElementColor);\\n}\\n\\n:host([interactive][focused]) .ui5-icon-root {\\n\\toutline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\\n\\tborder-radius: var(--ui5-icon-focus-border-radius);\\n}\\n\\n.ui5-icon-root {\\n\\tdisplay:flex;\\n\\theight: 100%;\\n\\twidth: 100%;\\n\\toutline: none;\\n\\tvertical-align: top;\\n}\\n\\n:host([interactive]) {\\n\\tcursor: pointer;\\n}\\n\\n/*\\n * The Icon is currently the only component that enforces \\\"LTR\\\" direction inside its ShadowDOM\\n * as some icons should not be mirrored in RTL (f.e. checkmark, search, etc.).\\n * That means, we can have \\\"RTL\\\" set globally and \\\"LTR\\\" set internally for the Icon ShadowDom\\n  * html dir=rtl\\n * \\t\\t[ui5-icon]\\n * \\t\\t\\t#shadowroot\\n * \\t\\t\\t\\tsvg dir=ltr\\n * In this case, we need to explicitly check for it as the global CSS definitions (rtl-parameters.css)\\n * is placed in the \\\"head\\\" and won't consider it.\\n */\\n\\n.ui5-icon-root:not([dir=\\\"ltr\\\"]) {\\n\\ttransform: var(--_ui5_icon_transform_scale);\\n\\ttransform-origin: center;\\n}\"};\nexport default styleData;\n\t"]}

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

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/Input.css", content: ":host{vertical-align:middle}.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);border-inline-start:var(--_ui5_input_icon_border);min-width:1rem;min-height:1rem;border-radius:var(--_ui5_input_icon_border_radius)}[input-icon][pressed]{background:var(--_ui5_input_icon_pressed_bg);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);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-inline-start:var(--_ui5_select_hover_icon_left_border);box-shadow:var(--_ui5_input_icon_box_shadow)}:host(:not([hidden])){display:inline-block}:host{width:var(--_ui5_input_width);min-width:calc(var(--_ui5_input_min_width) + var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width));margin:var(--_ui5_input_margin_top_bottom) 0;height:var(--_ui5_input_height);color:var(--sapField_TextColor);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);font-style:normal;border:var(--_ui5-input-border);border-radius:var(--_ui5_input_border_radius);box-sizing:border-box;text-align:start;transition:var(--_ui5_input_transition);background:var(--sapField_BackgroundStyle);background-color:var(--_ui5_input_background_color)}:host(:not([readonly])){box-shadow:var(--sapField_Shadow)}:host([focused]:not([opened])){border-color:var(--_ui5_input_focused_border_color);background-color:var(--sapField_Focus_Background)}.ui5-input-focusable-element{position:relative}:host([focused]:not([opened])) .ui5-input-focusable-element:after{content:var(--ui5_input_focus_pseudo_element_content);position:absolute;pointer-events:none;z-index:2;border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_input_focus_outline_color);border-radius:var(--_ui5_input_focus_border_radius);top:var(--_ui5_input_focus_offset);bottom:var(--_ui5_input_focus_offset);left:var(--_ui5_input_focus_offset);right:var(--_ui5_input_focus_offset)}.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)}.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;border-radius:var(--_ui5_input_border_radius);overflow:hidden}: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:var(--_ui5_input_min_width);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-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}:host([disabled]) [inner-input]::-moz-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-moz-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}[inner-input]::-moz-placeholder{font-weight:400;font-style:var(--_ui5_input_placeholder_style);color:var(--_ui5_input_placeholder_color);padding-right:.125rem}:host([value-state=Error]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input_error_placeholder_color);font-weight:var(--_ui5_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Error]) [inner-input]::-moz-placeholder{color:var(--_ui5-input_error_placeholder_color);font-weight:var(--_ui5_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) [inner-input]::-webkit-input-placeholder{font-weight:var(--_ui5_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) [inner-input]::-moz-placeholder{font-weight:var(--_ui5_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Success]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5_input_placeholder_color)}:host([value-state=Success]) [inner-input]::-moz-placeholder{color:var(--_ui5_input_placeholder_color)}:host([value-state=Information]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5_input_placeholder_color)}:host([value-state=Information]) [inner-input]::-moz-placeholder{color:var(--_ui5_input_placeholder_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;border-radius:var(--_ui5_input_border_radius)}:host([readonly]){border-color:var(--_ui5_input_readonly_border_color);background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--_ui5_input_readonly_background)}:host(:not([value-state]):not([readonly]):hover),:host([value-state=None]:not([readonly]):hover){border:var(--_ui5_input_hover_border);border-color:var(--_ui5_input_focused_border_color);box-shadow:var(--sapField_Hover_Shadow);background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background)}:host(:not([value-state]):not([readonly])[focused]:not([opened]):hover),:host([value-state=None]:not([readonly])[focused]:not([opened]):hover){box-shadow:none}:host([focused]):not([opened]) .ui5-input-root:before{content:none}:host(:not([readonly]):not([disabled])[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=Error]:not([readonly]):not([disabled])){background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5_input_value_state_error_border_color);box-shadow:var(--sapField_InvalidShadow)}:host([value-state=Error][focused]:not([opened]):not([readonly])){background-color:var(--_ui5_input_focused_value_state_error_background);border-color:var(--_ui5_input_focused_value_state_error_border_color)}:host([value-state=Error][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5_input_focused_value_state_error_focus_outline_color)}: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),:host([value-state=Error]:not([readonly])[focused][opened]:hover){background-color:var(--_ui5_input_value_state_error_hover_background);box-shadow:var(--sapField_Hover_InvalidShadow)}: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]):not([disabled])){background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border-color:var(--_ui5_input_value_state_warning_border_color);box-shadow:var(--sapField_WarningShadow)}:host([value-state=Warning][focused]:not([opened]):not([readonly])){background-color:var(--_ui5_input_focused_value_state_warning_background);border-color:var(--_ui5_input_focused_value_state_warning_border_color)}:host([value-state=Warning][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5_input_focused_value_state_warning_focus_outline_color)}: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),:host([value-state=Warning]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_WarningShadow)}:host([value-state=Success]:not([readonly]):not([disabled])){background:var(--sapField_SuccessBackgroundStyle);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);box-shadow:var(--sapField_SuccessShadow)}:host([value-state=Success][focused]:not([opened]):not([readonly])){background-color:var(--_ui5_input_focused_value_state_success_background);border-color:var(--_ui5_input_focused_value_state_success_border_color)}:host([value-state=Success][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5_input_focused_value_state_success_focus_outline_color)}: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),:host([value-state=Success]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_SuccessShadow)}:host([value-state=Information]:not([readonly]):not([disabled])){background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border-color:var(--_ui5_input_value_state_information_border_color);border-width:var(--_ui5_input_information_border_width);box-shadow:var(--sapField_InformationShadow)}:host([value-state=Information][focused]:not([opened]):not([readonly])){background-color:var(--_ui5_input_focused_value_state_information_background);border-color:var(--_ui5_input_focused_value_state_information_border_color)}: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),:host([value-state=Information]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_InformationShadow)}.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]){align-self:start;padding:var(--_ui5_input_custom_icon_padding);box-sizing:content-box!important}:host([value-state=Error]) [input-icon],:host([value-state=Warning]) [input-icon]{padding:var(--_ui5_input_error_warning_icon_padding)}:host([value-state=Information]) [input-icon]{padding:var(--_ui5_input_information_icon_padding)}:host([value-state=Error]) ::slotted([input-icon][ui5-icon]),:host([value-state=Error]) ::slotted([ui5-icon][slot=icon]),:host([value-state=Warning]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5_input_error_warning_custom_icon_padding)}:host([value-state=Information]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5_input_information_custom_icon_padding)}:host([value-state=Error]) [input-icon]:active,:host([value-state=Error]) [input-icon][pressed]{box-shadow:var(--_ui5_input_error_icon_box_shadow);color:var(--_ui5_input_icon_error_pressed_color)}:host([value-state=Error]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_error_icon_box_shadow)}:host([value-state=Warning]) [input-icon]:active,:host([value-state=Warning]) [input-icon][pressed]{box-shadow:var(--_ui5_input_warning_icon_box_shadow);color:var(--_ui5_input_icon_warning_pressed_color)}:host([value-state=Warning]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_warning_icon_box_shadow)}:host([value-state=Information]) [input-icon]:active,:host([value-state=Information]) [input-icon][pressed]{box-shadow:var(--_ui5_input_information_icon_box_shadow);color:var(--_ui5_input_icon_information_pressed_color)}:host([value-state=Information]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_information_icon_box_shadow)}:host([value-state=Success]) [input-icon]:active,:host([value-state=Success]) [input-icon][pressed]{box-shadow:var(--_ui5_input_success_icon_box_shadow);color:var(--_ui5_input_icon_success_pressed_color)}:host([value-state=Success]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_success_icon_box_shadow)}.ui5-input-clear-icon-wrapper{height:var(--_ui5_input_icon_wrapper_height);padding:0;width:var(--_ui5_input_icon_width);min-width:var(--_ui5_input_icon_width);display:flex;justify-content:center;align-items:center;box-sizing:border-box}:host([value-state]:not([value-state=None]):not([value-state=Success])) .ui5-input-clear-icon-wrapper{height:var(--_ui5_input_icon_wrapper_state_height);vertical-align:top}:host([value-state=Success]) .ui5-input-clear-icon-wrapper{height:var(--_ui5_input_icon_wrapper_success_state_height)}[ui5-icon].ui5-input-clear-icon{padding:0;color:inherit}[inner-input]::-webkit-inner-spin-button,[inner-input]::-webkit-outer-spin-button{-webkit-appearance:inherit;margin:inherit}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/Input.css", content: ":host {\n\tvertical-align: middle;\n}\n.ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n/*\n\tThis CSS file enables visual alignment of all icons within input elements.\n\tAPI:\n\t- add input-icon attribute to an icon\n\t- [Optional] pressed attribute set to the icon will enable additional styling (check MultiComboBox, Select, etc.)\n*/\n[input-icon] {\n\tcolor: var(--_ui5_input_icon_color);\n\tcursor: pointer;\n\toutline: none;\n\tpadding: var(--_ui5_input_icon_padding);\n\tborder-inline-start: var(--_ui5_input_icon_border);\n\tmin-width: 1rem;\n\tmin-height: 1rem;\n\tborder-radius: var(--_ui5_input_icon_border_radius);\n}\n[input-icon][pressed] {\n\tbackground: var(--_ui5_input_icon_pressed_bg);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tcolor: var(--_ui5_input_icon_pressed_color);\n}\n[input-icon]:active {\n\tbackground-color: var(--sapButton_Active_Background);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tcolor: var(--_ui5_input_icon_pressed_color);\n}\n[input-icon]:not([pressed]):not(:active):hover {\n\tbackground: var(--_ui5_input_icon_hover_bg);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n}\n[input-icon]:hover {\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n}\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n:host {\n\twidth: var(--_ui5_input_width);\n\tmin-width: calc(var(--_ui5_input_min_width) + (var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width)));\n\tmargin: var(--_ui5_input_margin_top_bottom) 0;\n\theight: var(--_ui5_input_height);\n\tcolor: var(--sapField_TextColor);\n\tfont-size: var(--sapFontSize);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-style: normal;\n\tborder: var(--_ui5-input-border);\n\tborder-radius: var(--_ui5_input_border_radius);\n\tbox-sizing: border-box;\n\ttext-align: start;\n\ttransition: var(--_ui5_input_transition);\n\tbackground: var(--sapField_BackgroundStyle);\n\tbackground-color: var(--_ui5_input_background_color);\n}\n:host(:not([readonly])) {\n\tbox-shadow: var(--sapField_Shadow);\n}\n:host([focused]:not([opened])) {\n\tborder-color: var(--_ui5_input_focused_border_color);\n\tbackground-color: var(--sapField_Focus_Background);\n}\n.ui5-input-focusable-element {\n\tposition: relative;\n}\n:host([focused]:not([opened])) .ui5-input-focusable-element::after {\n\tcontent: var(--ui5_input_focus_pseudo_element_content);\n\tposition: absolute;\n\tpointer-events: none;\n\tz-index: 2;\n\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_input_focus_outline_color);\n\tborder-radius: var(--_ui5_input_focus_border_radius);\n\ttop: var(--_ui5_input_focus_offset);\n\tbottom: var(--_ui5_input_focus_offset);\n\tleft: var(--_ui5_input_focus_offset);\n\tright: var(--_ui5_input_focus_offset);\n}\n.ui5-input-root::before {\n\tcontent: \"\";\n\tposition: absolute;\n\twidth: calc(100% - 2px);\n\tleft: 1px;\n\tbottom: -2px;\n\tborder-bottom-left-radius: 8px;\n\tborder-bottom-right-radius: 8px;\n\theight: var(--_ui5_input_bottom_border_height);\n\ttransition: var(--_ui5_input_transition);\n\tbackground-color: var(--_ui5_input_bottom_border_color);\n}\n.ui5-input-root {\n\twidth: 100%;\n\theight: 100%;\n\tposition: relative;\n\tbackground: transparent;\n\tdisplay: inline-block;\n\toutline: none;\n\tbox-sizing: border-box;\n\tcolor: inherit;\n\ttransition: border-color .2s ease-in-out;\n\tborder-radius: var(--_ui5_input_border_radius);\n\toverflow: hidden;\n}\n:host([disabled]) {\n\topacity: var(--_ui5_input_disabled_opacity);\n\tcursor: default;\n\tpointer-events: none;\n\tbackground-color: var(--_ui5-input_disabled_background);\n\tborder-color: var(--_ui5_input_disabled_border_color);\n}\n:host([disabled]) .ui5-input-root::before,\n:host([readonly]) .ui5-input-root::before {\n\tcontent: none;\n}\n[inner-input] {\n\tbackground: transparent;\n\tcolor: inherit;\n\tborder: none;\n\tfont-style: inherit;\n\t-webkit-appearance: none;\n\t-moz-appearance: textfield;\n\tpadding: var(--_ui5_input_inner_padding);\n\tbox-sizing: border-box;\n\tmin-width: var(--_ui5_input_min_width);\n\twidth: 100%;\n\ttext-align: inherit;\n\ttext-overflow: ellipsis;\n\tflex: 1;\n\toutline: none;\n\tfont-size: inherit;\n\tfont-family: inherit;\n\tline-height: inherit;\n\tletter-spacing: inherit;\n\tword-spacing: inherit;\n\ttext-align: inherit;\n}\n[inner-input][inner-input-with-icon] {\n\tpadding: var(--_ui5_input_inner_padding_with_icon);\n}\n.ui5-input-value-state-icon {\n\theight: 100%;\n\tdisplay: var(--_ui5-input-value-state-icon-display);\n\talign-items: center;\n}\n.ui5-input-value-state-icon > svg {\n\tmargin-right: 8px;\n}\n[inner-input]::selection {\n\tbackground: var(--sapSelectedColor);\n\tcolor: var(--sapContent_ContrastTextColor);\n}\n/* Input placeholder */\n:host([disabled]) [inner-input]::-webkit-input-placeholder {\n\tvisibility: hidden;\n}\n:host([readonly]) [inner-input]::-webkit-input-placeholder {\n\tvisibility: hidden;\n}\n:host([disabled]) [inner-input]::-moz-placeholder {\n\tvisibility: hidden;\n}\n:host([readonly]) [inner-input]::-moz-placeholder {\n\tvisibility: hidden;\n}\n[inner-input]::-webkit-input-placeholder {\n\tfont-weight: normal;\n\tfont-style: var(--_ui5_input_placeholder_style);\n\tcolor: var(--_ui5_input_placeholder_color);\n\tpadding-right: 0.125rem;\n}\n[inner-input]::-moz-placeholder {\n\tfont-weight: normal;\n\tfont-style: var(--_ui5_input_placeholder_style);\n\tcolor: var(--_ui5_input_placeholder_color);\n\tpadding-right: 0.125rem;\n}\n:host([value-state=\"Error\"]) [inner-input]::-webkit-input-placeholder {\n\tcolor: var(--_ui5-input_error_placeholder_color);\n\tfont-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);\n}\n:host([value-state=\"Error\"]) [inner-input]::-moz-placeholder {\n\tcolor: var(--_ui5-input_error_placeholder_color);\n\tfont-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);\n}\n:host([value-state=\"Warning\"]) [inner-input]::-webkit-input-placeholder {\n\tfont-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);\n}\n:host([value-state=\"Warning\"]) [inner-input]::-moz-placeholder {\n\tfont-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);\n}\n:host([value-state=\"Success\"]) [inner-input]::-webkit-input-placeholder {\n\tcolor: var(--_ui5_input_placeholder_color);\n}\n:host([value-state=\"Success\"]) [inner-input]::-moz-placeholder {\n\tcolor: var(--_ui5_input_placeholder_color);\n}\n:host([value-state=\"Information\"]) [inner-input]::-webkit-input-placeholder {\n\tcolor: var(--_ui5_input_placeholder_color);\n}\n:host([value-state=\"Information\"]) [inner-input]::-moz-placeholder {\n\tcolor: var(--_ui5_input_placeholder_color);\n}\n.ui5-input-content {\n\theight: 100%;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: flex-end;\n\toverflow: hidden;\n\toutline: none;\n\tbackground: transparent;\n\tcolor: inherit;\n\tborder-radius: var(--_ui5_input_border_radius);\n}\n:host([readonly]) {\n\tborder-color: var(--_ui5_input_readonly_border_color);\n\tbackground: var(--sapField_ReadOnly_BackgroundStyle);\n\tbackground-color: var(--_ui5_input_readonly_background);\n}\n:host([value-state=\"None\"]:not([readonly]):hover),\n:host(:not([value-state]):not([readonly]):hover) {\n\tborder: var(--_ui5_input_hover_border);\n\tborder-color: var(--_ui5_input_focused_border_color);\n\tbox-shadow: var(--sapField_Hover_Shadow);\n\tbackground: var(--sapField_Hover_BackgroundStyle);\n\tbackground-color: var(--sapField_Hover_Background);\n}\n:host(:not([value-state]):not([readonly])[focused]:not([opened]):hover),\n:host([value-state=\"None\"]:not([readonly])[focused]:not([opened]):hover) {\n\tbox-shadow: none;\n}\n:host([focused]):not([opened]) .ui5-input-root::before {\n\tcontent: none;\n}\n:host(:not([readonly]):not([disabled])[value-state]:not([value-state=\"None\"])) {\n\tborder-width: var(--_ui5_input_state_border_width);\n}\n:host([value-state=\"Error\"]) [inner-input],\n:host([value-state=\"Warning\"]) [inner-input] {\n\tfont-style: var(--_ui5_input_error_warning_font_style);\n\ttext-indent: var(--_ui5_input_error_warning_text_indent);\n}\n:host([value-state=\"Error\"]) [inner-input] {\n\tfont-weight: var(--_ui5_input_error_font_weight);\n}\n:host([value-state=\"Warning\"]) [inner-input] {\n\tfont-weight: var(--_ui5_input_warning_font_weight);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])) {\n\tbackground: var(--sapField_InvalidBackgroundStyle);\n\tbackground-color: var(--sapField_InvalidBackground);\n\tborder-color: var(--_ui5_input_value_state_error_border_color);\n\tbox-shadow: var(--sapField_InvalidShadow);\n}\n:host([value-state=\"Error\"][focused]:not([opened]):not([readonly])) {\n\tbackground-color: var(--_ui5_input_focused_value_state_error_background);\n\tborder-color: var(--_ui5_input_focused_value_state_error_border_color);\n}\n:host([value-state=\"Error\"][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after {\n\tborder-color: var(--_ui5_input_focused_value_state_error_focus_outline_color);\n}\n:host([value-state=\"Error\"]:not([readonly])) .ui5-input-root::before{\n\tbackground-color: var(--_ui5-input-value-state-error-border-botom-color);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([focused]):hover),\n:host([value-state=\"Error\"]:not([readonly])[focused][opened]:hover) {\n\tbackground-color: var(--_ui5_input_value_state_error_hover_background);\n\tbox-shadow: var(--sapField_Hover_InvalidShadow);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])),\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled])),\n:host([value-state=\"Information\"]:not([readonly]):not([disabled])) {\n\tborder-style: var(--_ui5_input_error_warning_border_style);\n}\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled])) {\n\tbackground: var(--sapField_WarningBackgroundStyle);\n\tbackground-color: var(--sapField_WarningBackground);\n\tborder-color: var(--_ui5_input_value_state_warning_border_color);\n\tbox-shadow: var(--sapField_WarningShadow);\n}\n:host([value-state=\"Warning\"][focused]:not([opened]):not([readonly])) {\n\tbackground-color: var(--_ui5_input_focused_value_state_warning_background);\n\tborder-color: var(--_ui5_input_focused_value_state_warning_border_color);\n}\n:host([value-state=\"Warning\"][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after {\n\tborder-color: var(--_ui5_input_focused_value_state_warning_focus_outline_color);\n}\n:host([value-state=\"Warning\"]:not([readonly])) .ui5-input-root::before{\n\tbackground-color: var(--_ui5_input_value_state_warning_border_botom_color);\n}\n:host([value-state=\"Warning\"]:not([readonly]):not([focused]):hover),\n:host([value-state=\"Warning\"]:not([readonly])[focused][opened]:hover)  {\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_WarningShadow);\n}\n:host([value-state=\"Success\"]:not([readonly]):not([disabled])) {\n\tbackground: var(--sapField_SuccessBackgroundStyle);\n\tbackground-color: var(--sapField_SuccessBackground);\n\tborder-color: var(--_ui5_input_value_state_success_border_color);\n\tborder-width: var(--_ui5_input_value_state_success_border_width);\n\tbox-shadow: var(--sapField_SuccessShadow);\n}\n:host([value-state=\"Success\"][focused]:not([opened]):not([readonly])) {\n\tbackground-color: var(--_ui5_input_focused_value_state_success_background);\n\tborder-color: var(--_ui5_input_focused_value_state_success_border_color);\n}\n:host([value-state=\"Success\"][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after {\n\tborder-color: var(--_ui5_input_focused_value_state_success_focus_outline_color);\n}\n:host([value-state=\"Success\"]:not([readonly])) .ui5-input-root::before{\n\tbackground-color: var(--_ui5_input_value_state_success_border_botom_color);\n}\n:host([value-state=\"Success\"]:not([readonly]):not([focused]):hover),\n:host([value-state=\"Success\"]:not([readonly])[focused][opened]:hover) {\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_SuccessShadow);\n}\n:host([value-state=\"Information\"]:not([readonly]):not([disabled])) {\n\tbackground: var(--sapField_InformationBackgroundStyle);\n\tbackground-color: var(--sapField_InformationBackground);\n\tborder-color: var(--_ui5_input_value_state_information_border_color);\n\tborder-width: var(--_ui5_input_information_border_width);\n\tbox-shadow: var(--sapField_InformationShadow);\n}\n:host([value-state=\"Information\"][focused]:not([opened]):not([readonly])) {\n\tbackground-color: var(--_ui5_input_focused_value_state_information_background);\n\tborder-color: var(--_ui5_input_focused_value_state_information_border_color);\n}\n:host([value-state=\"Information\"]:not([readonly])) .ui5-input-root::before{\n\tbackground-color: var(--_ui5_input_value_success_information_border_botom_color);\n}\n:host([value-state=\"Information\"]:not([readonly]):not([focused]):hover),\n:host([value-state=\"Information\"]:not([readonly])[focused][opened]:hover) {\n\tbackground-color: var(--sapField_Hover_Background);\n\tbox-shadow: var(--sapField_Hover_InformationShadow);\n}\n/* Input Icon */\n.ui5-input-icon-root {\n\tmin-width: var(--_ui5_input_icon_min_width);\n\theight: 100%;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n/* TODO: Remove this after parser is fixed\n\t-\tthis statement is transformed to [ui5-multi-combobox] [ui5-icon] which\n\taffects all icons in the combobox incuding these in the list items\n*/\n::slotted([ui5-icon][slot=\"icon\"]) {\n\talign-self: start;\n\tpadding: var(--_ui5_input_custom_icon_padding);\n\t/* Normalize like libraries overrule the selector, thefore we need !important */\n\tbox-sizing: content-box !important;\n}\n:host([value-state=\"Error\"]) [input-icon],\n:host([value-state=\"Warning\"]) [input-icon]{\n\tpadding: var(--_ui5_input_error_warning_icon_padding);\n}\n:host([value-state=\"Information\"]) [input-icon] {\n\tpadding: var(--_ui5_input_information_icon_padding);\n}\n:host([value-state=\"Error\"]) ::slotted([input-icon][ui5-icon]),\n:host([value-state=\"Error\"]) ::slotted([ui5-icon][slot=\"icon\"]),\n:host([value-state=\"Warning\"]) ::slotted([ui5-icon][slot=\"icon\"]) {\n\tpadding: var(--_ui5_input_error_warning_custom_icon_padding);\n}\n:host([value-state=\"Information\"]) ::slotted([ui5-icon][slot=\"icon\"]) {\n\tpadding: var(--_ui5_input_information_custom_icon_padding);\n}\n:host([value-state=\"Error\"]) [input-icon]:active,\n:host([value-state=\"Error\"]) [input-icon][pressed] {\n\tbox-shadow: var(--_ui5_input_error_icon_box_shadow);\n\tcolor: var(--_ui5_input_icon_error_pressed_color);\n}\n:host([value-state=\"Error\"]) [input-icon]:not([pressed]):not(:active):hover {\n\tbox-shadow: var(--_ui5_input_error_icon_box_shadow);\n}\n:host([value-state=\"Warning\"]) [input-icon]:active,\n:host([value-state=\"Warning\"]) [input-icon][pressed] {\n\tbox-shadow: var(--_ui5_input_warning_icon_box_shadow);\n\tcolor: var(--_ui5_input_icon_warning_pressed_color);\n}\n:host([value-state=\"Warning\"]) [input-icon]:not([pressed]):not(:active):hover {\n\tbox-shadow: var(--_ui5_input_warning_icon_box_shadow);\n}\n:host([value-state=\"Information\"]) [input-icon]:active,\n:host([value-state=\"Information\"]) [input-icon][pressed] {\n\tbox-shadow: var(--_ui5_input_information_icon_box_shadow);\n\tcolor: var(--_ui5_input_icon_information_pressed_color);\n}\n:host([value-state=\"Information\"]) [input-icon]:not([pressed]):not(:active):hover {\n\tbox-shadow: var(--_ui5_input_information_icon_box_shadow);\n}\n:host([value-state=\"Success\"]) [input-icon]:active,\n:host([value-state=\"Success\"]) [input-icon][pressed] {\n\tbox-shadow: var(--_ui5_input_success_icon_box_shadow);\n\tcolor: var(--_ui5_input_icon_success_pressed_color);\n}\n:host([value-state=\"Success\"]) [input-icon]:not([pressed]):not(:active):hover {\n\tbox-shadow: var(--_ui5_input_success_icon_box_shadow);\n}\n.ui5-input-clear-icon-wrapper {\n\theight: var(--_ui5_input_icon_wrapper_height);\n\tpadding: 0;\n\twidth: var(--_ui5_input_icon_width);\n\tmin-width: var(--_ui5_input_icon_width);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n}\n:host([value-state]:not([value-state=\"None\"]):not([value-state=\"Success\"])) .ui5-input-clear-icon-wrapper {\n\theight: var(--_ui5_input_icon_wrapper_state_height);\n\tvertical-align: top;\n}\n:host([value-state=\"Success\"]) .ui5-input-clear-icon-wrapper {\n\theight: var(--_ui5_input_icon_wrapper_success_state_height);\n}\n[ui5-icon].ui5-input-clear-icon {\n\tpadding: 0;\n\tcolor: inherit;\n}\n/* Chrome, Safari, Edge, Opera */\n[inner-input]::-webkit-outer-spin-button,\n[inner-input]::-webkit-inner-spin-button {\n\t-webkit-appearance: inherit;\n\tmargin: inherit;\n}\n" };
 export default styleData;
 //# sourceMappingURL=Input.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Input.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,kBAAkB,EAAC,OAAO,EAAC,wscAAwsc,EAAC,CAAC;AAC7yc,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents\",fileName:\"themes/Input.css\",content:\":host{vertical-align:middle}.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);border-inline-start:var(--_ui5_input_icon_border);min-width:1rem;min-height:1rem;border-radius:var(--_ui5_input_icon_border_radius)}[input-icon][pressed]{background:var(--_ui5_input_icon_pressed_bg);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);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-inline-start:var(--_ui5_select_hover_icon_left_border);box-shadow:var(--_ui5_input_icon_box_shadow)}:host(:not([hidden])){display:inline-block}:host{width:var(--_ui5_input_width);min-width:calc(var(--_ui5_input_min_width) + var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width));margin:var(--_ui5_input_margin_top_bottom) 0;height:var(--_ui5_input_height);color:var(--sapField_TextColor);font-size:var(--sapFontSize);font-family:\\\"72override\\\",var(--sapFontFamily);font-style:normal;border:var(--_ui5-input-border);border-radius:var(--_ui5_input_border_radius);box-sizing:border-box;text-align:start;transition:var(--_ui5_input_transition);background:var(--sapField_BackgroundStyle);background-color:var(--_ui5_input_background_color)}:host(:not([readonly])){box-shadow:var(--sapField_Shadow)}:host([focused]:not([opened])){border-color:var(--_ui5_input_focused_border_color);background-color:var(--sapField_Focus_Background)}.ui5-input-focusable-element{position:relative}:host([focused]:not([opened])) .ui5-input-focusable-element:after{content:var(--ui5_input_focus_pseudo_element_content);position:absolute;pointer-events:none;z-index:2;border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_input_focus_outline_color);border-radius:var(--_ui5_input_focus_border_radius);top:var(--_ui5_input_focus_offset);bottom:var(--_ui5_input_focus_offset);left:var(--_ui5_input_focus_offset);right:var(--_ui5_input_focus_offset)}.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)}.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;border-radius:var(--_ui5_input_border_radius);overflow:hidden}: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:var(--_ui5_input_min_width);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-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}:host([disabled]) [inner-input]::-moz-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-moz-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}[inner-input]::-moz-placeholder{font-weight:400;font-style:var(--_ui5_input_placeholder_style);color:var(--_ui5_input_placeholder_color);padding-right:.125rem}:host([value-state=Error]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input_error_placeholder_color);font-weight:var(--_ui5_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Error]) [inner-input]::-moz-placeholder{color:var(--_ui5-input_error_placeholder_color);font-weight:var(--_ui5_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) [inner-input]::-webkit-input-placeholder{font-weight:var(--_ui5_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) [inner-input]::-moz-placeholder{font-weight:var(--_ui5_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Success]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5_input_placeholder_color)}:host([value-state=Success]) [inner-input]::-moz-placeholder{color:var(--_ui5_input_placeholder_color)}:host([value-state=Information]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5_input_placeholder_color)}:host([value-state=Information]) [inner-input]::-moz-placeholder{color:var(--_ui5_input_placeholder_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;border-radius:var(--_ui5_input_border_radius)}:host([readonly]){border-color:var(--_ui5_input_readonly_border_color);background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--_ui5_input_readonly_background)}:host(:not([value-state]):not([readonly]):hover),:host([value-state=None]:not([readonly]):hover){border:var(--_ui5_input_hover_border);border-color:var(--_ui5_input_focused_border_color);box-shadow:var(--sapField_Hover_Shadow);background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background)}:host(:not([value-state]):not([readonly])[focused]:not([opened]):hover),:host([value-state=None]:not([readonly])[focused]:not([opened]):hover){box-shadow:none}:host([focused]):not([opened]) .ui5-input-root:before{content:none}:host(:not([readonly]):not([disabled])[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=Error]:not([readonly]):not([disabled])){background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5_input_value_state_error_border_color);box-shadow:var(--sapField_InvalidShadow)}:host([value-state=Error][focused]:not([opened]):not([readonly])){background-color:var(--_ui5_input_focused_value_state_error_background);border-color:var(--_ui5_input_focused_value_state_error_border_color)}:host([value-state=Error][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5_input_focused_value_state_error_focus_outline_color)}: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),:host([value-state=Error]:not([readonly])[focused][opened]:hover){background-color:var(--_ui5_input_value_state_error_hover_background);box-shadow:var(--sapField_Hover_InvalidShadow)}: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]):not([disabled])){background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border-color:var(--_ui5_input_value_state_warning_border_color);box-shadow:var(--sapField_WarningShadow)}:host([value-state=Warning][focused]:not([opened]):not([readonly])){background-color:var(--_ui5_input_focused_value_state_warning_background);border-color:var(--_ui5_input_focused_value_state_warning_border_color)}:host([value-state=Warning][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5_input_focused_value_state_warning_focus_outline_color)}: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),:host([value-state=Warning]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_WarningShadow)}:host([value-state=Success]:not([readonly]):not([disabled])){background:var(--sapField_SuccessBackgroundStyle);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);box-shadow:var(--sapField_SuccessShadow)}:host([value-state=Success][focused]:not([opened]):not([readonly])){background-color:var(--_ui5_input_focused_value_state_success_background);border-color:var(--_ui5_input_focused_value_state_success_border_color)}:host([value-state=Success][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5_input_focused_value_state_success_focus_outline_color)}: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),:host([value-state=Success]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_SuccessShadow)}:host([value-state=Information]:not([readonly]):not([disabled])){background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border-color:var(--_ui5_input_value_state_information_border_color);border-width:var(--_ui5_input_information_border_width);box-shadow:var(--sapField_InformationShadow)}:host([value-state=Information][focused]:not([opened]):not([readonly])){background-color:var(--_ui5_input_focused_value_state_information_background);border-color:var(--_ui5_input_focused_value_state_information_border_color)}: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),:host([value-state=Information]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_InformationShadow)}.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]){align-self:start;padding:var(--_ui5_input_custom_icon_padding);box-sizing:content-box!important}:host([value-state=Error]) [input-icon],:host([value-state=Warning]) [input-icon]{padding:var(--_ui5_input_error_warning_icon_padding)}:host([value-state=Information]) [input-icon]{padding:var(--_ui5_input_information_icon_padding)}:host([value-state=Error]) ::slotted([input-icon][ui5-icon]),:host([value-state=Error]) ::slotted([ui5-icon][slot=icon]),:host([value-state=Warning]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5_input_error_warning_custom_icon_padding)}:host([value-state=Information]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5_input_information_custom_icon_padding)}:host([value-state=Error]) [input-icon]:active,:host([value-state=Error]) [input-icon][pressed]{box-shadow:var(--_ui5_input_error_icon_box_shadow);color:var(--_ui5_input_icon_error_pressed_color)}:host([value-state=Error]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_error_icon_box_shadow)}:host([value-state=Warning]) [input-icon]:active,:host([value-state=Warning]) [input-icon][pressed]{box-shadow:var(--_ui5_input_warning_icon_box_shadow);color:var(--_ui5_input_icon_warning_pressed_color)}:host([value-state=Warning]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_warning_icon_box_shadow)}:host([value-state=Information]) [input-icon]:active,:host([value-state=Information]) [input-icon][pressed]{box-shadow:var(--_ui5_input_information_icon_box_shadow);color:var(--_ui5_input_icon_information_pressed_color)}:host([value-state=Information]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_information_icon_box_shadow)}:host([value-state=Success]) [input-icon]:active,:host([value-state=Success]) [input-icon][pressed]{box-shadow:var(--_ui5_input_success_icon_box_shadow);color:var(--_ui5_input_icon_success_pressed_color)}:host([value-state=Success]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_success_icon_box_shadow)}.ui5-input-clear-icon-wrapper{height:var(--_ui5_input_icon_wrapper_height);padding:0;width:var(--_ui5_input_icon_width);min-width:var(--_ui5_input_icon_width);display:flex;justify-content:center;align-items:center;box-sizing:border-box}:host([value-state]:not([value-state=None]):not([value-state=Success])) .ui5-input-clear-icon-wrapper{height:var(--_ui5_input_icon_wrapper_state_height);vertical-align:top}:host([value-state=Success]) .ui5-input-clear-icon-wrapper{height:var(--_ui5_input_icon_wrapper_success_state_height)}[ui5-icon].ui5-input-clear-icon{padding:0;color:inherit}[inner-input]::-webkit-inner-spin-button,[inner-input]::-webkit-outer-spin-button{-webkit-appearance:inherit;margin:inherit}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"Input.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Input.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,kBAAkB,EAAC,OAAO,EAAC,u2hBAAu2hB,EAAC,CAAC;AAC58hB,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents\",fileName:\"themes/Input.css\",content:\":host {\\n\\tvertical-align: middle;\\n}\\n.ui5-hidden-text {\\n\\tposition: absolute;\\n\\tclip: rect(1px,1px,1px,1px);\\n\\tuser-select: none;\\n\\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\\n\\ttop: -1000px;\\n\\tpointer-events: none;\\n\\tfont-size: 0;\\n}\\n/*\\n\\tThis CSS file enables visual alignment of all icons within input elements.\\n\\tAPI:\\n\\t- add input-icon attribute to an icon\\n\\t- [Optional] pressed attribute set to the icon will enable additional styling (check MultiComboBox, Select, etc.)\\n*/\\n[input-icon] {\\n\\tcolor: var(--_ui5_input_icon_color);\\n\\tcursor: pointer;\\n\\toutline: none;\\n\\tpadding: var(--_ui5_input_icon_padding);\\n\\tborder-inline-start: var(--_ui5_input_icon_border);\\n\\tmin-width: 1rem;\\n\\tmin-height: 1rem;\\n\\tborder-radius: var(--_ui5_input_icon_border_radius);\\n}\\n[input-icon][pressed] {\\n\\tbackground: var(--_ui5_input_icon_pressed_bg);\\n\\tbox-shadow: var(--_ui5_input_icon_box_shadow);\\n\\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\\n\\tcolor: var(--_ui5_input_icon_pressed_color);\\n}\\n[input-icon]:active {\\n\\tbackground-color: var(--sapButton_Active_Background);\\n\\tbox-shadow: var(--_ui5_input_icon_box_shadow);\\n\\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\\n\\tcolor: var(--_ui5_input_icon_pressed_color);\\n}\\n[input-icon]:not([pressed]):not(:active):hover {\\n\\tbackground: var(--_ui5_input_icon_hover_bg);\\n\\tbox-shadow: var(--_ui5_input_icon_box_shadow);\\n}\\n[input-icon]:hover {\\n\\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\\n\\tbox-shadow: var(--_ui5_input_icon_box_shadow);\\n}\\n:host(:not([hidden])) {\\n\\tdisplay: inline-block;\\n}\\n:host {\\n\\twidth: var(--_ui5_input_width);\\n\\tmin-width: calc(var(--_ui5_input_min_width) + (var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width)));\\n\\tmargin: var(--_ui5_input_margin_top_bottom) 0;\\n\\theight: var(--_ui5_input_height);\\n\\tcolor: var(--sapField_TextColor);\\n\\tfont-size: var(--sapFontSize);\\n\\tfont-family: \\\"72override\\\", var(--sapFontFamily);\\n\\tfont-style: normal;\\n\\tborder: var(--_ui5-input-border);\\n\\tborder-radius: var(--_ui5_input_border_radius);\\n\\tbox-sizing: border-box;\\n\\ttext-align: start;\\n\\ttransition: var(--_ui5_input_transition);\\n\\tbackground: var(--sapField_BackgroundStyle);\\n\\tbackground-color: var(--_ui5_input_background_color);\\n}\\n:host(:not([readonly])) {\\n\\tbox-shadow: var(--sapField_Shadow);\\n}\\n:host([focused]:not([opened])) {\\n\\tborder-color: var(--_ui5_input_focused_border_color);\\n\\tbackground-color: var(--sapField_Focus_Background);\\n}\\n.ui5-input-focusable-element {\\n\\tposition: relative;\\n}\\n:host([focused]:not([opened])) .ui5-input-focusable-element::after {\\n\\tcontent: var(--ui5_input_focus_pseudo_element_content);\\n\\tposition: absolute;\\n\\tpointer-events: none;\\n\\tz-index: 2;\\n\\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_input_focus_outline_color);\\n\\tborder-radius: var(--_ui5_input_focus_border_radius);\\n\\ttop: var(--_ui5_input_focus_offset);\\n\\tbottom: var(--_ui5_input_focus_offset);\\n\\tleft: var(--_ui5_input_focus_offset);\\n\\tright: var(--_ui5_input_focus_offset);\\n}\\n.ui5-input-root::before {\\n\\tcontent: \\\"\\\";\\n\\tposition: absolute;\\n\\twidth: calc(100% - 2px);\\n\\tleft: 1px;\\n\\tbottom: -2px;\\n\\tborder-bottom-left-radius: 8px;\\n\\tborder-bottom-right-radius: 8px;\\n\\theight: var(--_ui5_input_bottom_border_height);\\n\\ttransition: var(--_ui5_input_transition);\\n\\tbackground-color: var(--_ui5_input_bottom_border_color);\\n}\\n.ui5-input-root {\\n\\twidth: 100%;\\n\\theight: 100%;\\n\\tposition: relative;\\n\\tbackground: transparent;\\n\\tdisplay: inline-block;\\n\\toutline: none;\\n\\tbox-sizing: border-box;\\n\\tcolor: inherit;\\n\\ttransition: border-color .2s ease-in-out;\\n\\tborder-radius: var(--_ui5_input_border_radius);\\n\\toverflow: hidden;\\n}\\n:host([disabled]) {\\n\\topacity: var(--_ui5_input_disabled_opacity);\\n\\tcursor: default;\\n\\tpointer-events: none;\\n\\tbackground-color: var(--_ui5-input_disabled_background);\\n\\tborder-color: var(--_ui5_input_disabled_border_color);\\n}\\n:host([disabled]) .ui5-input-root::before,\\n:host([readonly]) .ui5-input-root::before {\\n\\tcontent: none;\\n}\\n[inner-input] {\\n\\tbackground: transparent;\\n\\tcolor: inherit;\\n\\tborder: none;\\n\\tfont-style: inherit;\\n\\t-webkit-appearance: none;\\n\\t-moz-appearance: textfield;\\n\\tpadding: var(--_ui5_input_inner_padding);\\n\\tbox-sizing: border-box;\\n\\tmin-width: var(--_ui5_input_min_width);\\n\\twidth: 100%;\\n\\ttext-align: inherit;\\n\\ttext-overflow: ellipsis;\\n\\tflex: 1;\\n\\toutline: none;\\n\\tfont-size: inherit;\\n\\tfont-family: inherit;\\n\\tline-height: inherit;\\n\\tletter-spacing: inherit;\\n\\tword-spacing: inherit;\\n\\ttext-align: inherit;\\n}\\n[inner-input][inner-input-with-icon] {\\n\\tpadding: var(--_ui5_input_inner_padding_with_icon);\\n}\\n.ui5-input-value-state-icon {\\n\\theight: 100%;\\n\\tdisplay: var(--_ui5-input-value-state-icon-display);\\n\\talign-items: center;\\n}\\n.ui5-input-value-state-icon > svg {\\n\\tmargin-right: 8px;\\n}\\n[inner-input]::selection {\\n\\tbackground: var(--sapSelectedColor);\\n\\tcolor: var(--sapContent_ContrastTextColor);\\n}\\n/* Input placeholder */\\n:host([disabled]) [inner-input]::-webkit-input-placeholder {\\n\\tvisibility: hidden;\\n}\\n:host([readonly]) [inner-input]::-webkit-input-placeholder {\\n\\tvisibility: hidden;\\n}\\n:host([disabled]) [inner-input]::-moz-placeholder {\\n\\tvisibility: hidden;\\n}\\n:host([readonly]) [inner-input]::-moz-placeholder {\\n\\tvisibility: hidden;\\n}\\n[inner-input]::-webkit-input-placeholder {\\n\\tfont-weight: normal;\\n\\tfont-style: var(--_ui5_input_placeholder_style);\\n\\tcolor: var(--_ui5_input_placeholder_color);\\n\\tpadding-right: 0.125rem;\\n}\\n[inner-input]::-moz-placeholder {\\n\\tfont-weight: normal;\\n\\tfont-style: var(--_ui5_input_placeholder_style);\\n\\tcolor: var(--_ui5_input_placeholder_color);\\n\\tpadding-right: 0.125rem;\\n}\\n:host([value-state=\\\"Error\\\"]) [inner-input]::-webkit-input-placeholder {\\n\\tcolor: var(--_ui5-input_error_placeholder_color);\\n\\tfont-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);\\n}\\n:host([value-state=\\\"Error\\\"]) [inner-input]::-moz-placeholder {\\n\\tcolor: var(--_ui5-input_error_placeholder_color);\\n\\tfont-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);\\n}\\n:host([value-state=\\\"Warning\\\"]) [inner-input]::-webkit-input-placeholder {\\n\\tfont-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);\\n}\\n:host([value-state=\\\"Warning\\\"]) [inner-input]::-moz-placeholder {\\n\\tfont-weight: var(--_ui5_input_value_state_error_warning_placeholder_font_weight);\\n}\\n:host([value-state=\\\"Success\\\"]) [inner-input]::-webkit-input-placeholder {\\n\\tcolor: var(--_ui5_input_placeholder_color);\\n}\\n:host([value-state=\\\"Success\\\"]) [inner-input]::-moz-placeholder {\\n\\tcolor: var(--_ui5_input_placeholder_color);\\n}\\n:host([value-state=\\\"Information\\\"]) [inner-input]::-webkit-input-placeholder {\\n\\tcolor: var(--_ui5_input_placeholder_color);\\n}\\n:host([value-state=\\\"Information\\\"]) [inner-input]::-moz-placeholder {\\n\\tcolor: var(--_ui5_input_placeholder_color);\\n}\\n.ui5-input-content {\\n\\theight: 100%;\\n\\tbox-sizing: border-box;\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: flex-end;\\n\\toverflow: hidden;\\n\\toutline: none;\\n\\tbackground: transparent;\\n\\tcolor: inherit;\\n\\tborder-radius: var(--_ui5_input_border_radius);\\n}\\n:host([readonly]) {\\n\\tborder-color: var(--_ui5_input_readonly_border_color);\\n\\tbackground: var(--sapField_ReadOnly_BackgroundStyle);\\n\\tbackground-color: var(--_ui5_input_readonly_background);\\n}\\n:host([value-state=\\\"None\\\"]:not([readonly]):hover),\\n:host(:not([value-state]):not([readonly]):hover) {\\n\\tborder: var(--_ui5_input_hover_border);\\n\\tborder-color: var(--_ui5_input_focused_border_color);\\n\\tbox-shadow: var(--sapField_Hover_Shadow);\\n\\tbackground: var(--sapField_Hover_BackgroundStyle);\\n\\tbackground-color: var(--sapField_Hover_Background);\\n}\\n:host(:not([value-state]):not([readonly])[focused]:not([opened]):hover),\\n:host([value-state=\\\"None\\\"]:not([readonly])[focused]:not([opened]):hover) {\\n\\tbox-shadow: none;\\n}\\n:host([focused]):not([opened]) .ui5-input-root::before {\\n\\tcontent: none;\\n}\\n:host(:not([readonly]):not([disabled])[value-state]:not([value-state=\\\"None\\\"])) {\\n\\tborder-width: var(--_ui5_input_state_border_width);\\n}\\n:host([value-state=\\\"Error\\\"]) [inner-input],\\n:host([value-state=\\\"Warning\\\"]) [inner-input] {\\n\\tfont-style: var(--_ui5_input_error_warning_font_style);\\n\\ttext-indent: var(--_ui5_input_error_warning_text_indent);\\n}\\n:host([value-state=\\\"Error\\\"]) [inner-input] {\\n\\tfont-weight: var(--_ui5_input_error_font_weight);\\n}\\n:host([value-state=\\\"Warning\\\"]) [inner-input] {\\n\\tfont-weight: var(--_ui5_input_warning_font_weight);\\n}\\n:host([value-state=\\\"Error\\\"]:not([readonly]):not([disabled])) {\\n\\tbackground: var(--sapField_InvalidBackgroundStyle);\\n\\tbackground-color: var(--sapField_InvalidBackground);\\n\\tborder-color: var(--_ui5_input_value_state_error_border_color);\\n\\tbox-shadow: var(--sapField_InvalidShadow);\\n}\\n:host([value-state=\\\"Error\\\"][focused]:not([opened]):not([readonly])) {\\n\\tbackground-color: var(--_ui5_input_focused_value_state_error_background);\\n\\tborder-color: var(--_ui5_input_focused_value_state_error_border_color);\\n}\\n:host([value-state=\\\"Error\\\"][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after {\\n\\tborder-color: var(--_ui5_input_focused_value_state_error_focus_outline_color);\\n}\\n:host([value-state=\\\"Error\\\"]:not([readonly])) .ui5-input-root::before{\\n\\tbackground-color: var(--_ui5-input-value-state-error-border-botom-color);\\n}\\n:host([value-state=\\\"Error\\\"]:not([readonly]):not([focused]):hover),\\n:host([value-state=\\\"Error\\\"]:not([readonly])[focused][opened]:hover) {\\n\\tbackground-color: var(--_ui5_input_value_state_error_hover_background);\\n\\tbox-shadow: var(--sapField_Hover_InvalidShadow);\\n}\\n:host([value-state=\\\"Error\\\"]:not([readonly]):not([disabled])),\\n:host([value-state=\\\"Warning\\\"]:not([readonly]):not([disabled])),\\n:host([value-state=\\\"Information\\\"]:not([readonly]):not([disabled])) {\\n\\tborder-style: var(--_ui5_input_error_warning_border_style);\\n}\\n:host([value-state=\\\"Warning\\\"]:not([readonly]):not([disabled])) {\\n\\tbackground: var(--sapField_WarningBackgroundStyle);\\n\\tbackground-color: var(--sapField_WarningBackground);\\n\\tborder-color: var(--_ui5_input_value_state_warning_border_color);\\n\\tbox-shadow: var(--sapField_WarningShadow);\\n}\\n:host([value-state=\\\"Warning\\\"][focused]:not([opened]):not([readonly])) {\\n\\tbackground-color: var(--_ui5_input_focused_value_state_warning_background);\\n\\tborder-color: var(--_ui5_input_focused_value_state_warning_border_color);\\n}\\n:host([value-state=\\\"Warning\\\"][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after {\\n\\tborder-color: var(--_ui5_input_focused_value_state_warning_focus_outline_color);\\n}\\n:host([value-state=\\\"Warning\\\"]:not([readonly])) .ui5-input-root::before{\\n\\tbackground-color: var(--_ui5_input_value_state_warning_border_botom_color);\\n}\\n:host([value-state=\\\"Warning\\\"]:not([readonly]):not([focused]):hover),\\n:host([value-state=\\\"Warning\\\"]:not([readonly])[focused][opened]:hover)  {\\n\\tbackground-color: var(--sapField_Hover_Background);\\n\\tbox-shadow: var(--sapField_Hover_WarningShadow);\\n}\\n:host([value-state=\\\"Success\\\"]:not([readonly]):not([disabled])) {\\n\\tbackground: var(--sapField_SuccessBackgroundStyle);\\n\\tbackground-color: var(--sapField_SuccessBackground);\\n\\tborder-color: var(--_ui5_input_value_state_success_border_color);\\n\\tborder-width: var(--_ui5_input_value_state_success_border_width);\\n\\tbox-shadow: var(--sapField_SuccessShadow);\\n}\\n:host([value-state=\\\"Success\\\"][focused]:not([opened]):not([readonly])) {\\n\\tbackground-color: var(--_ui5_input_focused_value_state_success_background);\\n\\tborder-color: var(--_ui5_input_focused_value_state_success_border_color);\\n}\\n:host([value-state=\\\"Success\\\"][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after {\\n\\tborder-color: var(--_ui5_input_focused_value_state_success_focus_outline_color);\\n}\\n:host([value-state=\\\"Success\\\"]:not([readonly])) .ui5-input-root::before{\\n\\tbackground-color: var(--_ui5_input_value_state_success_border_botom_color);\\n}\\n:host([value-state=\\\"Success\\\"]:not([readonly]):not([focused]):hover),\\n:host([value-state=\\\"Success\\\"]:not([readonly])[focused][opened]:hover) {\\n\\tbackground-color: var(--sapField_Hover_Background);\\n\\tbox-shadow: var(--sapField_Hover_SuccessShadow);\\n}\\n:host([value-state=\\\"Information\\\"]:not([readonly]):not([disabled])) {\\n\\tbackground: var(--sapField_InformationBackgroundStyle);\\n\\tbackground-color: var(--sapField_InformationBackground);\\n\\tborder-color: var(--_ui5_input_value_state_information_border_color);\\n\\tborder-width: var(--_ui5_input_information_border_width);\\n\\tbox-shadow: var(--sapField_InformationShadow);\\n}\\n:host([value-state=\\\"Information\\\"][focused]:not([opened]):not([readonly])) {\\n\\tbackground-color: var(--_ui5_input_focused_value_state_information_background);\\n\\tborder-color: var(--_ui5_input_focused_value_state_information_border_color);\\n}\\n:host([value-state=\\\"Information\\\"]:not([readonly])) .ui5-input-root::before{\\n\\tbackground-color: var(--_ui5_input_value_success_information_border_botom_color);\\n}\\n:host([value-state=\\\"Information\\\"]:not([readonly]):not([focused]):hover),\\n:host([value-state=\\\"Information\\\"]:not([readonly])[focused][opened]:hover) {\\n\\tbackground-color: var(--sapField_Hover_Background);\\n\\tbox-shadow: var(--sapField_Hover_InformationShadow);\\n}\\n/* Input Icon */\\n.ui5-input-icon-root {\\n\\tmin-width: var(--_ui5_input_icon_min_width);\\n\\theight: 100%;\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n\\talign-items: center;\\n}\\n/* TODO: Remove this after parser is fixed\\n\\t-\\tthis statement is transformed to [ui5-multi-combobox] [ui5-icon] which\\n\\taffects all icons in the combobox incuding these in the list items\\n*/\\n::slotted([ui5-icon][slot=\\\"icon\\\"]) {\\n\\talign-self: start;\\n\\tpadding: var(--_ui5_input_custom_icon_padding);\\n\\t/* Normalize like libraries overrule the selector, thefore we need !important */\\n\\tbox-sizing: content-box !important;\\n}\\n:host([value-state=\\\"Error\\\"]) [input-icon],\\n:host([value-state=\\\"Warning\\\"]) [input-icon]{\\n\\tpadding: var(--_ui5_input_error_warning_icon_padding);\\n}\\n:host([value-state=\\\"Information\\\"]) [input-icon] {\\n\\tpadding: var(--_ui5_input_information_icon_padding);\\n}\\n:host([value-state=\\\"Error\\\"]) ::slotted([input-icon][ui5-icon]),\\n:host([value-state=\\\"Error\\\"]) ::slotted([ui5-icon][slot=\\\"icon\\\"]),\\n:host([value-state=\\\"Warning\\\"]) ::slotted([ui5-icon][slot=\\\"icon\\\"]) {\\n\\tpadding: var(--_ui5_input_error_warning_custom_icon_padding);\\n}\\n:host([value-state=\\\"Information\\\"]) ::slotted([ui5-icon][slot=\\\"icon\\\"]) {\\n\\tpadding: var(--_ui5_input_information_custom_icon_padding);\\n}\\n:host([value-state=\\\"Error\\\"]) [input-icon]:active,\\n:host([value-state=\\\"Error\\\"]) [input-icon][pressed] {\\n\\tbox-shadow: var(--_ui5_input_error_icon_box_shadow);\\n\\tcolor: var(--_ui5_input_icon_error_pressed_color);\\n}\\n:host([value-state=\\\"Error\\\"]) [input-icon]:not([pressed]):not(:active):hover {\\n\\tbox-shadow: var(--_ui5_input_error_icon_box_shadow);\\n}\\n:host([value-state=\\\"Warning\\\"]) [input-icon]:active,\\n:host([value-state=\\\"Warning\\\"]) [input-icon][pressed] {\\n\\tbox-shadow: var(--_ui5_input_warning_icon_box_shadow);\\n\\tcolor: var(--_ui5_input_icon_warning_pressed_color);\\n}\\n:host([value-state=\\\"Warning\\\"]) [input-icon]:not([pressed]):not(:active):hover {\\n\\tbox-shadow: var(--_ui5_input_warning_icon_box_shadow);\\n}\\n:host([value-state=\\\"Information\\\"]) [input-icon]:active,\\n:host([value-state=\\\"Information\\\"]) [input-icon][pressed] {\\n\\tbox-shadow: var(--_ui5_input_information_icon_box_shadow);\\n\\tcolor: var(--_ui5_input_icon_information_pressed_color);\\n}\\n:host([value-state=\\\"Information\\\"]) [input-icon]:not([pressed]):not(:active):hover {\\n\\tbox-shadow: var(--_ui5_input_information_icon_box_shadow);\\n}\\n:host([value-state=\\\"Success\\\"]) [input-icon]:active,\\n:host([value-state=\\\"Success\\\"]) [input-icon][pressed] {\\n\\tbox-shadow: var(--_ui5_input_success_icon_box_shadow);\\n\\tcolor: var(--_ui5_input_icon_success_pressed_color);\\n}\\n:host([value-state=\\\"Success\\\"]) [input-icon]:not([pressed]):not(:active):hover {\\n\\tbox-shadow: var(--_ui5_input_success_icon_box_shadow);\\n}\\n.ui5-input-clear-icon-wrapper {\\n\\theight: var(--_ui5_input_icon_wrapper_height);\\n\\tpadding: 0;\\n\\twidth: var(--_ui5_input_icon_width);\\n\\tmin-width: var(--_ui5_input_icon_width);\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n\\talign-items: center;\\n\\tbox-sizing: border-box;\\n}\\n:host([value-state]:not([value-state=\\\"None\\\"]):not([value-state=\\\"Success\\\"])) .ui5-input-clear-icon-wrapper {\\n\\theight: var(--_ui5_input_icon_wrapper_state_height);\\n\\tvertical-align: top;\\n}\\n:host([value-state=\\\"Success\\\"]) .ui5-input-clear-icon-wrapper {\\n\\theight: var(--_ui5_input_icon_wrapper_success_state_height);\\n}\\n[ui5-icon].ui5-input-clear-icon {\\n\\tpadding: 0;\\n\\tcolor: inherit;\\n}\\n/* Chrome, Safari, Edge, Opera */\\n[inner-input]::-webkit-outer-spin-button,\\n[inner-input]::-webkit-inner-spin-button {\\n\\t-webkit-appearance: inherit;\\n\\tmargin: inherit;\\n}\\n\"};\nexport default styleData;\n\t"]}

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

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/InputIcon.css", content: "[input-icon]{color:var(--_ui5_input_icon_color);cursor:pointer;outline:none;padding:var(--_ui5_input_icon_padding);border-inline-start:var(--_ui5_input_icon_border);min-width:1rem;min-height:1rem;border-radius:var(--_ui5_input_icon_border_radius)}[input-icon][pressed]{background:var(--_ui5_input_icon_pressed_bg);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);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-inline-start:var(--_ui5_select_hover_icon_left_border);box-shadow:var(--_ui5_input_icon_box_shadow)}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/InputIcon.css", content: "/*\n\tThis CSS file enables visual alignment of all icons within input elements.\n\tAPI:\n\t- add input-icon attribute to an icon\n\t- [Optional] pressed attribute set to the icon will enable additional styling (check MultiComboBox, Select, etc.)\n*/\n\n[input-icon] {\n\tcolor: var(--_ui5_input_icon_color);\n\tcursor: pointer;\n\toutline: none;\n\tpadding: var(--_ui5_input_icon_padding);\n\tborder-inline-start: var(--_ui5_input_icon_border);\n\tmin-width: 1rem;\n\tmin-height: 1rem;\n\tborder-radius: var(--_ui5_input_icon_border_radius);\n}\n\n[input-icon][pressed] {\n\tbackground: var(--_ui5_input_icon_pressed_bg);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tcolor: var(--_ui5_input_icon_pressed_color);\n}\n\n[input-icon]:active {\n\tbackground-color: var(--sapButton_Active_Background);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tcolor: var(--_ui5_input_icon_pressed_color);\n}\n\n[input-icon]:not([pressed]):not(:active):hover {\n\tbackground: var(--_ui5_input_icon_hover_bg);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n}\n\n[input-icon]:hover {\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n}" };
 export default styleData;
 //# sourceMappingURL=InputIcon.css.js.map

package/dist/generated/themes/InputIcon.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputIcon.css.js","sourceRoot":"","sources":["../../../src/generated/themes/InputIcon.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAC,q7BAAq7B,EAAC,CAAC;AAC9hC,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents\",fileName:\"themes/InputIcon.css\",content:\"[input-icon]{color:var(--_ui5_input_icon_color);cursor:pointer;outline:none;padding:var(--_ui5_input_icon_padding);border-inline-start:var(--_ui5_input_icon_border);min-width:1rem;min-height:1rem;border-radius:var(--_ui5_input_icon_border_radius)}[input-icon][pressed]{background:var(--_ui5_input_icon_pressed_bg);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);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-inline-start:var(--_ui5_select_hover_icon_left_border);box-shadow:var(--_ui5_input_icon_box_shadow)}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"InputIcon.css.js","sourceRoot":"","sources":["../../../src/generated/themes/InputIcon.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAC,2zCAA2zC,EAAC,CAAC;AACp6C,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_fiori_3/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_fiori_3\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_fiori_3\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@ui5/webcomponents\",fileName:\"themes/InputIcon.css\",content:\"/*\\n\\tThis CSS file enables visual alignment of all icons within input elements.\\n\\tAPI:\\n\\t- add input-icon attribute to an icon\\n\\t- [Optional] pressed attribute set to the icon will enable additional styling (check MultiComboBox, Select, etc.)\\n*/\\n\\n[input-icon] {\\n\\tcolor: var(--_ui5_input_icon_color);\\n\\tcursor: pointer;\\n\\toutline: none;\\n\\tpadding: var(--_ui5_input_icon_padding);\\n\\tborder-inline-start: var(--_ui5_input_icon_border);\\n\\tmin-width: 1rem;\\n\\tmin-height: 1rem;\\n\\tborder-radius: var(--_ui5_input_icon_border_radius);\\n}\\n\\n[input-icon][pressed] {\\n\\tbackground: var(--_ui5_input_icon_pressed_bg);\\n\\tbox-shadow: var(--_ui5_input_icon_box_shadow);\\n\\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\\n\\tcolor: var(--_ui5_input_icon_pressed_color);\\n}\\n\\n[input-icon]:active {\\n\\tbackground-color: var(--sapButton_Active_Background);\\n\\tbox-shadow: var(--_ui5_input_icon_box_shadow);\\n\\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\\n\\tcolor: var(--_ui5_input_icon_pressed_color);\\n}\\n\\n[input-icon]:not([pressed]):not(:active):hover {\\n\\tbackground: var(--_ui5_input_icon_hover_bg);\\n\\tbox-shadow: var(--_ui5_input_icon_box_shadow);\\n}\\n\\n[input-icon]:hover {\\n\\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\\n\\tbox-shadow: var(--_ui5_input_icon_box_shadow);\\n}\"};\nexport default styleData;\n\t"]}

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

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
 registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", async () => defaultTheme);
-const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/InvisibleTextStyles.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}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/InvisibleTextStyles.css", content: ".ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}" };
 export default styleData;
 //# sourceMappingURL=InvisibleTextStyles.css.js.map