@ui5/webcomponents 1.14.0 → 1.14.2

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

@@ -1 +1 @@
-{"version":3,"file":"MultiComboBox.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MultiComboBox.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,gpeAAgpe,EAAC,CAAC;AAC7ve,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/MultiComboBox.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{width:var(--_ui5_input_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}.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}:host{min-width:calc(var(--_ui5_input_min_width) + var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width))}:host([tokenizer-available]){min-width:calc(var(--_ui5_input_min_width) + var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width) + var(--_ui5_input_tokenizer_min_width))}:host(:not([hidden])){display:inline-block}.ui5-multi-combobox-root{display:flex;overflow:hidden;width:100%;height:100%;border-radius:var(--_ui5_input_border_radius)}.ui5-multi-combobox-tokenizer{min-width:var(--_ui5_input_tokenizer_min_width);max-width:calc(100% - 3rem - var(--_ui5-input-icons-count)*var(--_ui5_input_icon_min_width));border:none;width:auto;height:100%}:host([readonly]) .ui5-multi-combobox-tokenizer::part(n-more-text){color:var(--sapLinkColor)}.ui5-multi-combobox-tokenizer::part(n-more-text){padding-inline-end:var(--_ui5_input_inner_space_to_n_more_text)}[inner-input][inner-input-with-icon]{padding:var(--_ui5_input_inner_padding_with_icon)}:host([tokenizer-available]) [inner-input]{padding-inline-start:var(--_ui5_input_inner_space_to_tokenizer)}:host(:not([tokenizer-available])) .ui5-multi-combobox-tokenizer{--_ui5_input_tokenizer_min_width:0px;width:var(--_ui5_input_tokenizer_min_width)}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"MultiComboBox.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MultiComboBox.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,yrkBAAyrkB,EAAC,CAAC;AACtykB,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/MultiComboBox.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:host {\\n\\tmin-width: calc(var(--_ui5_input_min_width) + (var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width)));\\n}\\n:host([tokenizer-available]) {\\n\\tmin-width: calc(var(--_ui5_input_min_width) + (var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width)) + var(--_ui5_input_tokenizer_min_width));\\n}\\n:host(:not([hidden])) {\\n\\tdisplay: inline-block;\\n}\\n.ui5-multi-combobox-root {\\n\\tdisplay: flex;\\n\\toverflow: hidden;\\n\\twidth: 100%;\\n\\theight: 100%;\\n\\tborder-radius: var(--_ui5_input_border_radius);\\n}\\n.ui5-multi-combobox-tokenizer {\\n\\tmin-width: var(--_ui5_input_tokenizer_min_width);\\n\\tmax-width: calc(100% - 3rem - var(--_ui5-input-icons-count) * var(--_ui5_input_icon_min_width));\\n\\tborder: none;\\n\\twidth: auto;\\n\\theight: 100%;\\n}\\n:host([readonly]) .ui5-multi-combobox-tokenizer::part(n-more-text) {\\n\\tcolor: var(--sapLinkColor);\\n}\\n.ui5-multi-combobox-tokenizer::part(n-more-text) {\\n\\tpadding-inline-end: var(--_ui5_input_inner_space_to_n_more_text);\\n}\\n[inner-input][inner-input-with-icon] {\\n\\tpadding: var(--_ui5_input_inner_padding_with_icon);\\n}\\n:host([tokenizer-available]) [inner-input] {\\n\\tpadding-inline-start: var(--_ui5_input_inner_space_to_tokenizer);\\n}\\n:host(:not([tokenizer-available])) .ui5-multi-combobox-tokenizer {\\n\\t--_ui5_input_tokenizer_min_width: 0px;\\n\\twidth: var(--_ui5_input_tokenizer_min_width);\\n}\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/MultiComboBoxPopover.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/MultiComboBoxPopover.css", content: ".ui5-suggestions-popover .ui5-multi-combobox-all-items-list{--_ui5_checkbox_width_height:var(--_ui5_list_item_dropdown_base_height)}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/MultiComboBoxPopover.css", content: ".ui5-suggestions-popover .ui5-multi-combobox-all-items-list {\n\t--_ui5_checkbox_width_height: var(--_ui5_list_item_dropdown_base_height);\n}" };
 export default styleData;
 //# sourceMappingURL=MultiComboBoxPopover.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultiComboBoxPopover.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MultiComboBoxPopover.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,iCAAiC,EAAC,OAAO,EAAC,sIAAsI,EAAC,CAAC;AAC1P,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/MultiComboBoxPopover.css\",content:\".ui5-suggestions-popover .ui5-multi-combobox-all-items-list{--_ui5_checkbox_width_height:var(--_ui5_list_item_dropdown_base_height)}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"MultiComboBoxPopover.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MultiComboBoxPopover.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,iCAAiC,EAAC,OAAO,EAAC,+IAA+I,EAAC,CAAC;AACnQ,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/MultiComboBoxPopover.css\",content:\".ui5-suggestions-popover .ui5-multi-combobox-all-items-list {\\n\\t--_ui5_checkbox_width_height: var(--_ui5_list_item_dropdown_base_height);\\n}\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/MultiInput.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/MultiInput.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)}:host{min-width:calc(var(--_ui5_input_min_width) + var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width))}:host([tokenizer-available]){min-width:calc(var(--_ui5_input_min_width) + var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width) + var(--_ui5_input_tokenizer_min_width))}.ui5-multi-input-tokenizer{min-width:var(--_ui5_input_tokenizer_min_width);max-width:calc(100% - 3rem - var(--_ui5-input-icons-count)*var(--_ui5_input_icon_min_width));border:none;width:auto;height:100%}:host([readonly]) .ui5-multi-input-tokenizer::part(n-more-text){color:var(--sapLinkColor)}.ui5-multi-input-tokenizer::part(n-more-text){padding-inline-end:var(--_ui5_input_inner_space_to_n_more_text)}[inner-input][inner-input-with-icon]{padding:var(--_ui5_input_inner_padding_with_icon)}:host([tokenizer-available]) [inner-input]{padding-inline-start:var(--_ui5_input_inner_space_to_tokenizer)}:host(:not([tokenizer-available])) .ui5-multi-input-tokenizer{--_ui5_input_tokenizer_min_width:0px;width:var(--_ui5_input_tokenizer_min_width)}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/MultiInput.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}\n\n:host {\n\tmin-width: calc(var(--_ui5_input_min_width) + (var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width)));\n}\n\n:host([tokenizer-available]) {\n\tmin-width: calc(var(--_ui5_input_min_width) + (var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width)) + var(--_ui5_input_tokenizer_min_width));\n}\n\n.ui5-multi-input-tokenizer {\n\tmin-width: var(--_ui5_input_tokenizer_min_width);\n\tmax-width: calc(100% - 3rem - var(--_ui5-input-icons-count) * var(--_ui5_input_icon_min_width));\n\tborder: none;\n\twidth: auto;\n\theight: 100%;\n}\n\n:host([readonly]) .ui5-multi-input-tokenizer::part(n-more-text) {\n\tcolor: var(--sapLinkColor);\n}\n\n.ui5-multi-input-tokenizer::part(n-more-text) {\n\tpadding-inline-end: var(--_ui5_input_inner_space_to_n_more_text);\n}\n\n[inner-input][inner-input-with-icon] {\n\tpadding: var(--_ui5_input_inner_padding_with_icon);\n}\n\n:host([tokenizer-available]) [inner-input] {\n\tpadding-inline-start: var(--_ui5_input_inner_space_to_tokenizer);\n}\n\n:host(:not([tokenizer-available])) .ui5-multi-input-tokenizer {\n\t--_ui5_input_tokenizer_min_width: 0px;\n\twidth: var(--_ui5_input_tokenizer_min_width);\n}\n" };
 export default styleData;
 //# sourceMappingURL=MultiInput.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultiInput.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MultiInput.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,uBAAuB,EAAC,OAAO,EAAC,s7DAAs7D,EAAC,CAAC;AAChiE,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/MultiInput.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)}:host{min-width:calc(var(--_ui5_input_min_width) + var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width))}:host([tokenizer-available]){min-width:calc(var(--_ui5_input_min_width) + var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width) + var(--_ui5_input_tokenizer_min_width))}.ui5-multi-input-tokenizer{min-width:var(--_ui5_input_tokenizer_min_width);max-width:calc(100% - 3rem - var(--_ui5-input-icons-count)*var(--_ui5_input_icon_min_width));border:none;width:auto;height:100%}:host([readonly]) .ui5-multi-input-tokenizer::part(n-more-text){color:var(--sapLinkColor)}.ui5-multi-input-tokenizer::part(n-more-text){padding-inline-end:var(--_ui5_input_inner_space_to_n_more_text)}[inner-input][inner-input-with-icon]{padding:var(--_ui5_input_inner_padding_with_icon)}:host([tokenizer-available]) [inner-input]{padding-inline-start:var(--_ui5_input_inner_space_to_tokenizer)}:host(:not([tokenizer-available])) .ui5-multi-input-tokenizer{--_ui5_input_tokenizer_min_width:0px;width:var(--_ui5_input_tokenizer_min_width)}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"MultiInput.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MultiInput.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,uBAAuB,EAAC,OAAO,EAAC,q8EAAq8E,EAAC,CAAC;AAC/iF,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/MultiInput.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}\\n\\n:host {\\n\\tmin-width: calc(var(--_ui5_input_min_width) + (var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width)));\\n}\\n\\n:host([tokenizer-available]) {\\n\\tmin-width: calc(var(--_ui5_input_min_width) + (var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width)) + var(--_ui5_input_tokenizer_min_width));\\n}\\n\\n.ui5-multi-input-tokenizer {\\n\\tmin-width: var(--_ui5_input_tokenizer_min_width);\\n\\tmax-width: calc(100% - 3rem - var(--_ui5-input-icons-count) * var(--_ui5_input_icon_min_width));\\n\\tborder: none;\\n\\twidth: auto;\\n\\theight: 100%;\\n}\\n\\n:host([readonly]) .ui5-multi-input-tokenizer::part(n-more-text) {\\n\\tcolor: var(--sapLinkColor);\\n}\\n\\n.ui5-multi-input-tokenizer::part(n-more-text) {\\n\\tpadding-inline-end: var(--_ui5_input_inner_space_to_n_more_text);\\n}\\n\\n[inner-input][inner-input-with-icon] {\\n\\tpadding: var(--_ui5_input_inner_padding_with_icon);\\n}\\n\\n:host([tokenizer-available]) [inner-input] {\\n\\tpadding-inline-start: var(--_ui5_input_inner_space_to_tokenizer);\\n}\\n\\n:host(:not([tokenizer-available])) .ui5-multi-input-tokenizer {\\n\\t--_ui5_input_tokenizer_min_width: 0px;\\n\\twidth: var(--_ui5_input_tokenizer_min_width);\\n}\\n\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/Panel.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/Panel.css", content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block}:host{font-family:\"72override\",var(--sapFontFamily);background-color:var(--sapGroup_TitleBackground);border-radius:var(--_ui5_panel_border_radius)}:host(:not([collapsed])){border-bottom:var(--_ui5_panel_border_bottom)}:host([fixed]) .ui5-panel-header{padding-left:1rem}.ui5-panel-header{min-height:var(--_ui5_panel_header_height);width:100%;position:relative;display:flex;justify-content:flex-start;align-items:center;outline:none;box-sizing:border-box;padding-right:var(--_ui5_panel_header_padding_right)}.ui5-panel-header-icon{color:var(--_ui5_panel_icon_color)}.ui5-panel-header-button-animated{transition:transform .4s ease-out}:host(:not([_has-header]):not([fixed])) .ui5-panel-header{cursor:pointer}:host(:not([_has-header]):not([fixed])) .ui5-panel-header:focus:after{content:\"\";position:absolute;pointer-events:none;z-index:2;border:var(--_ui5_panel_focus_border);border-radius:var(--_ui5_panel_border_radius);top:var(--_ui5_panel_focus_offset);bottom:var(--_ui5_panel_focus_offset);left:var(--_ui5_panel_focus_offset);right:var(--_ui5_panel_focus_offset)}:host(:not([collapsed]):not([_has-header]):not([fixed])) .ui5-panel-header:focus:after{border-radius:var(--_ui5_panel_border_radius_expanded)}:host(:not([collapsed])) .ui5-panel-header-button:not(.ui5-panel-header-button-with-icon),:host(:not([collapsed])) .ui5-panel-header-icon-wrapper [ui5-icon]{transform:var(--_ui5_panel_toggle_btn_rotation)}:host([fixed]) .ui5-panel-header-title{width:100%}.ui5-panel-header-title{width:calc(100% - var(--_ui5_panel_button_root_width));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:\"72override\",var(--sapFontHeaderFamily);font-size:var(--sapGroup_Title_FontSize);color:var(--sapGroup_TitleTextColor);font-weight:400}.ui5-panel-content{padding:var(--_ui5_panel_content_padding);background-color:var(--sapGroup_ContentBackground);outline:none;border-bottom-left-radius:var(--_ui5_panel_border_radius);border-bottom-right-radius:var(--_ui5_panel_border_radius)}.ui5-panel-header-button-root{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--_ui5_panel_button_root_width);height:var(--_ui5_panel_button_root_width);padding:var(--_ui5_panel_header_button_wrapper_padding);box-sizing:border-box}:host([collapsed]) .ui5-panel-header,:host([fixed]:not([collapsed]):not([_has-header])) .ui5-panel-header{border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor)}:host([collapsed]) .ui5-panel-header{border-bottom-left-radius:var(--_ui5_panel_border_radius);border-bottom-right-radius:var(--_ui5_panel_border_radius)}:host(:not([fixed]):not([collapsed])) .ui5-panel-header{border-bottom:var(--_ui5_panel_default_header_border)}[ui5-button].ui5-panel-header-button{display:flex;justify-content:center;align-items:center;min-width:0;height:100%;width:100%}.ui5-panel-header-icon-wrapper{display:flex;justify-content:center;align-items:center}.ui5-panel-header-icon-wrapper,.ui5-panel-header-icon-wrapper .ui5-panel-header-icon{color:inherit}.ui5-panel-header-icon-wrapper,[ui5-button].ui5-panel-header-button-with-icon [ui5-icon]{pointer-events:none}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/Panel.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(:not([hidden])) {\n\tdisplay: block;\n}\n\n:host {\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tbackground-color: var(--sapGroup_TitleBackground);\n\tborder-radius: var(--_ui5_panel_border_radius);\n}\n\n:host(:not([collapsed])) {\n\tborder-bottom: var(--_ui5_panel_border_bottom);\n}\n\n:host([fixed]) .ui5-panel-header {\n\tpadding-left: 1rem;\n}\n\n.ui5-panel-header {\n\tmin-height: var(--_ui5_panel_header_height);\n\twidth: 100%;\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\toutline: none;\n\tbox-sizing: border-box;\n\tpadding-right: var(--_ui5_panel_header_padding_right);\n}\n\n.ui5-panel-header-icon {\n\tcolor: var(--_ui5_panel_icon_color);\n}\n\n.ui5-panel-header-button-animated {\n\ttransition: transform 0.4s ease-out;\n}\n\n:host(:not([_has-header]):not([fixed])) .ui5-panel-header {\n\tcursor: pointer;\n}\n\n:host(:not([_has-header]):not([fixed])) .ui5-panel-header:focus::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tpointer-events: none;\n\tz-index: 2;\n\tborder: var(--_ui5_panel_focus_border);\n\tborder-radius: var(--_ui5_panel_border_radius);\n\ttop: var(--_ui5_panel_focus_offset);\n\tbottom: var(--_ui5_panel_focus_offset);\n\tleft: var(--_ui5_panel_focus_offset);\n\tright: var(--_ui5_panel_focus_offset);\n}\n\n:host(:not([collapsed]):not([_has-header]):not([fixed])) .ui5-panel-header:focus:after {\n\tborder-radius: var(--_ui5_panel_border_radius_expanded);\n}\n\n:host(:not([collapsed])) .ui5-panel-header-button:not(.ui5-panel-header-button-with-icon),\n:host(:not([collapsed])) .ui5-panel-header-icon-wrapper [ui5-icon] {\n\ttransform: var(--_ui5_panel_toggle_btn_rotation);\n}\n\n:host([fixed]) .ui5-panel-header-title {\n\twidth: 100%;\n}\n\n.ui5-panel-header-title {\n\twidth: calc(100% - var(--_ui5_panel_button_root_width));\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tfont-family: \"72override\", var(--sapFontHeaderFamily);\n\tfont-size: var(--sapGroup_Title_FontSize);\n\tfont-weight: normal;\n\tcolor: var(--sapGroup_TitleTextColor);\n\tfont-weight: normal;\n}\n\n.ui5-panel-content {\n\tpadding: var(--_ui5_panel_content_padding);\n\tbackground-color: var(--sapGroup_ContentBackground);\n\toutline: none;\n\tborder-bottom-left-radius: var(--_ui5_panel_border_radius);\n\tborder-bottom-right-radius: var(--_ui5_panel_border_radius);\n}\n\n.ui5-panel-header-button-root {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tflex-shrink: 0;\n\twidth: var(--_ui5_panel_button_root_width);\n\theight: var(--_ui5_panel_button_root_width);\n\tpadding: var(--_ui5_panel_header_button_wrapper_padding);\n\tbox-sizing: border-box;\n}\n\n:host([fixed]:not([collapsed]):not([_has-header])) .ui5-panel-header,\n:host([collapsed]) .ui5-panel-header {\n\tborder-bottom: 0.0625rem solid var(--sapGroup_TitleBorderColor);\n}\n\n:host([collapsed]) .ui5-panel-header {\n\tborder-bottom-left-radius: var(--_ui5_panel_border_radius);\n\tborder-bottom-right-radius: var(--_ui5_panel_border_radius);\n}\n\n:host(:not([fixed]):not([collapsed])) .ui5-panel-header {\n\tborder-bottom: var(--_ui5_panel_default_header_border);\n}\n\n[ui5-button].ui5-panel-header-button {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmin-width: initial;\n\theight: 100%;\n\twidth: 100%;\n}\n\n.ui5-panel-header-icon-wrapper {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.ui5-panel-header-icon-wrapper,\n.ui5-panel-header-icon-wrapper .ui5-panel-header-icon {\n\tcolor: inherit;\n}\n\n.ui5-panel-header-icon-wrapper,\n[ui5-button].ui5-panel-header-button-with-icon [ui5-icon] {\n\tpointer-events: none;\n}" };
 export default styleData;
 //# sourceMappingURL=Panel.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Panel.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Panel.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,itGAAitG,EAAC,CAAC;AACtzG,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/Panel.css\",content:\".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block}:host{font-family:\\\"72override\\\",var(--sapFontFamily);background-color:var(--sapGroup_TitleBackground);border-radius:var(--_ui5_panel_border_radius)}:host(:not([collapsed])){border-bottom:var(--_ui5_panel_border_bottom)}:host([fixed]) .ui5-panel-header{padding-left:1rem}.ui5-panel-header{min-height:var(--_ui5_panel_header_height);width:100%;position:relative;display:flex;justify-content:flex-start;align-items:center;outline:none;box-sizing:border-box;padding-right:var(--_ui5_panel_header_padding_right)}.ui5-panel-header-icon{color:var(--_ui5_panel_icon_color)}.ui5-panel-header-button-animated{transition:transform .4s ease-out}:host(:not([_has-header]):not([fixed])) .ui5-panel-header{cursor:pointer}:host(:not([_has-header]):not([fixed])) .ui5-panel-header:focus:after{content:\\\"\\\";position:absolute;pointer-events:none;z-index:2;border:var(--_ui5_panel_focus_border);border-radius:var(--_ui5_panel_border_radius);top:var(--_ui5_panel_focus_offset);bottom:var(--_ui5_panel_focus_offset);left:var(--_ui5_panel_focus_offset);right:var(--_ui5_panel_focus_offset)}:host(:not([collapsed]):not([_has-header]):not([fixed])) .ui5-panel-header:focus:after{border-radius:var(--_ui5_panel_border_radius_expanded)}:host(:not([collapsed])) .ui5-panel-header-button:not(.ui5-panel-header-button-with-icon),:host(:not([collapsed])) .ui5-panel-header-icon-wrapper [ui5-icon]{transform:var(--_ui5_panel_toggle_btn_rotation)}:host([fixed]) .ui5-panel-header-title{width:100%}.ui5-panel-header-title{width:calc(100% - var(--_ui5_panel_button_root_width));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:\\\"72override\\\",var(--sapFontHeaderFamily);font-size:var(--sapGroup_Title_FontSize);color:var(--sapGroup_TitleTextColor);font-weight:400}.ui5-panel-content{padding:var(--_ui5_panel_content_padding);background-color:var(--sapGroup_ContentBackground);outline:none;border-bottom-left-radius:var(--_ui5_panel_border_radius);border-bottom-right-radius:var(--_ui5_panel_border_radius)}.ui5-panel-header-button-root{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:var(--_ui5_panel_button_root_width);height:var(--_ui5_panel_button_root_width);padding:var(--_ui5_panel_header_button_wrapper_padding);box-sizing:border-box}:host([collapsed]) .ui5-panel-header,:host([fixed]:not([collapsed]):not([_has-header])) .ui5-panel-header{border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor)}:host([collapsed]) .ui5-panel-header{border-bottom-left-radius:var(--_ui5_panel_border_radius);border-bottom-right-radius:var(--_ui5_panel_border_radius)}:host(:not([fixed]):not([collapsed])) .ui5-panel-header{border-bottom:var(--_ui5_panel_default_header_border)}[ui5-button].ui5-panel-header-button{display:flex;justify-content:center;align-items:center;min-width:0;height:100%;width:100%}.ui5-panel-header-icon-wrapper{display:flex;justify-content:center;align-items:center}.ui5-panel-header-icon-wrapper,.ui5-panel-header-icon-wrapper .ui5-panel-header-icon{color:inherit}.ui5-panel-header-icon-wrapper,[ui5-button].ui5-panel-header-button-with-icon [ui5-icon]{pointer-events:none}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"Panel.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Panel.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,q2HAAq2H,EAAC,CAAC;AAC18H,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/Panel.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(:not([hidden])) {\\n\\tdisplay: block;\\n}\\n\\n:host {\\n\\tfont-family: \\\"72override\\\", var(--sapFontFamily);\\n\\tbackground-color: var(--sapGroup_TitleBackground);\\n\\tborder-radius: var(--_ui5_panel_border_radius);\\n}\\n\\n:host(:not([collapsed])) {\\n\\tborder-bottom: var(--_ui5_panel_border_bottom);\\n}\\n\\n:host([fixed]) .ui5-panel-header {\\n\\tpadding-left: 1rem;\\n}\\n\\n.ui5-panel-header {\\n\\tmin-height: var(--_ui5_panel_header_height);\\n\\twidth: 100%;\\n\\tposition: relative;\\n\\tdisplay: flex;\\n\\tjustify-content: flex-start;\\n\\talign-items: center;\\n\\toutline: none;\\n\\tbox-sizing: border-box;\\n\\tpadding-right: var(--_ui5_panel_header_padding_right);\\n}\\n\\n.ui5-panel-header-icon {\\n\\tcolor: var(--_ui5_panel_icon_color);\\n}\\n\\n.ui5-panel-header-button-animated {\\n\\ttransition: transform 0.4s ease-out;\\n}\\n\\n:host(:not([_has-header]):not([fixed])) .ui5-panel-header {\\n\\tcursor: pointer;\\n}\\n\\n:host(:not([_has-header]):not([fixed])) .ui5-panel-header:focus::after {\\n\\tcontent: \\\"\\\";\\n\\tposition: absolute;\\n\\tpointer-events: none;\\n\\tz-index: 2;\\n\\tborder: var(--_ui5_panel_focus_border);\\n\\tborder-radius: var(--_ui5_panel_border_radius);\\n\\ttop: var(--_ui5_panel_focus_offset);\\n\\tbottom: var(--_ui5_panel_focus_offset);\\n\\tleft: var(--_ui5_panel_focus_offset);\\n\\tright: var(--_ui5_panel_focus_offset);\\n}\\n\\n:host(:not([collapsed]):not([_has-header]):not([fixed])) .ui5-panel-header:focus:after {\\n\\tborder-radius: var(--_ui5_panel_border_radius_expanded);\\n}\\n\\n:host(:not([collapsed])) .ui5-panel-header-button:not(.ui5-panel-header-button-with-icon),\\n:host(:not([collapsed])) .ui5-panel-header-icon-wrapper [ui5-icon] {\\n\\ttransform: var(--_ui5_panel_toggle_btn_rotation);\\n}\\n\\n:host([fixed]) .ui5-panel-header-title {\\n\\twidth: 100%;\\n}\\n\\n.ui5-panel-header-title {\\n\\twidth: calc(100% - var(--_ui5_panel_button_root_width));\\n\\toverflow: hidden;\\n\\ttext-overflow: ellipsis;\\n\\twhite-space: nowrap;\\n\\tfont-family: \\\"72override\\\", var(--sapFontHeaderFamily);\\n\\tfont-size: var(--sapGroup_Title_FontSize);\\n\\tfont-weight: normal;\\n\\tcolor: var(--sapGroup_TitleTextColor);\\n\\tfont-weight: normal;\\n}\\n\\n.ui5-panel-content {\\n\\tpadding: var(--_ui5_panel_content_padding);\\n\\tbackground-color: var(--sapGroup_ContentBackground);\\n\\toutline: none;\\n\\tborder-bottom-left-radius: var(--_ui5_panel_border_radius);\\n\\tborder-bottom-right-radius: var(--_ui5_panel_border_radius);\\n}\\n\\n.ui5-panel-header-button-root {\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n\\talign-items: center;\\n\\tflex-shrink: 0;\\n\\twidth: var(--_ui5_panel_button_root_width);\\n\\theight: var(--_ui5_panel_button_root_width);\\n\\tpadding: var(--_ui5_panel_header_button_wrapper_padding);\\n\\tbox-sizing: border-box;\\n}\\n\\n:host([fixed]:not([collapsed]):not([_has-header])) .ui5-panel-header,\\n:host([collapsed]) .ui5-panel-header {\\n\\tborder-bottom: 0.0625rem solid var(--sapGroup_TitleBorderColor);\\n}\\n\\n:host([collapsed]) .ui5-panel-header {\\n\\tborder-bottom-left-radius: var(--_ui5_panel_border_radius);\\n\\tborder-bottom-right-radius: var(--_ui5_panel_border_radius);\\n}\\n\\n:host(:not([fixed]):not([collapsed])) .ui5-panel-header {\\n\\tborder-bottom: var(--_ui5_panel_default_header_border);\\n}\\n\\n[ui5-button].ui5-panel-header-button {\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n\\talign-items: center;\\n\\tmin-width: initial;\\n\\theight: 100%;\\n\\twidth: 100%;\\n}\\n\\n.ui5-panel-header-icon-wrapper {\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n\\talign-items: center;\\n}\\n\\n.ui5-panel-header-icon-wrapper,\\n.ui5-panel-header-icon-wrapper .ui5-panel-header-icon {\\n\\tcolor: inherit;\\n}\\n\\n.ui5-panel-header-icon-wrapper,\\n[ui5-button].ui5-panel-header-button-with-icon [ui5-icon] {\\n\\tpointer-events: none;\\n}\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/Popover.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/Popover.css", content: ":host{box-shadow:var(--_ui5_popover_box_shadow);background-color:var(--_ui5_popover_background);max-width:calc(100% - var(--_ui5_popup_viewport_margin)*2)}:host([hide-arrow]){box-shadow:var(--_ui5_popover_no_arrow_box_shadow)}:host([opened][actual-placement-type=Top]){margin-top:var(--_ui5-popover-margin-bottom)}:host([opened][actual-placement-type=Bottom]){margin-top:var(--_ui5-popover-margin-top)}:host([actual-placement-type=Bottom]) .ui5-popover-arrow{left:calc(50% - .5625rem);top:-.5rem;height:.5625rem}:host([actual-placement-type=Bottom]) .ui5-popover-arrow:after{margin:var(--_ui5_popover_upward_arrow_margin)}:host([actual-placement-type=Left]) .ui5-popover-arrow{top:calc(50% - .5625rem);right:-.5625rem;width:.5625rem}:host([actual-placement-type=Left]) .ui5-popover-arrow:after{margin:var(--_ui5_popover_right_arrow_margin)}:host([actual-placement-type=Top]) .ui5-popover-arrow{left:calc(50% - .5625rem);height:.5625rem;top:100%}:host([actual-placement-type=Top]) .ui5-popover-arrow:after{margin:var(--_ui5_popover_downward_arrow_margin)}:host(:not([actual-placement-type])) .ui5-popover-arrow,:host([actual-placement-type=Right]) .ui5-popover-arrow{left:-.5625rem;top:calc(50% - .5625rem);width:.5625rem;height:1rem}:host(:not([actual-placement-type])) .ui5-popover-arrow:after,:host([actual-placement-type=Right]) .ui5-popover-arrow:after{margin:var(--_ui5_popover_left_arrow_margin)}:host([hide-arrow]) .ui5-popover-arrow{display:none}.ui5-popover-root{min-width:6.25rem}.ui5-popover-arrow{pointer-events:none;display:block;width:1rem;height:1rem;position:absolute;overflow:hidden}.ui5-popover-arrow:after{content:\"\";display:block;width:.7rem;height:.7rem;background-color:var(--_ui5_popover_background);box-shadow:var(--_ui5_popover_box_shadow);transform:rotate(-45deg)}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/Popover.css", content: ":host {\n\tbox-shadow: var(--_ui5_popover_box_shadow);\n\tbackground-color: var(--_ui5_popover_background);\n\tmax-width: calc(100vw - (100vw - 100%) - 2 * var(--_ui5_popup_viewport_margin));\n}\n\n:host([hide-arrow]) {\n\tbox-shadow: var(--_ui5_popover_no_arrow_box_shadow);\n}\n\n:host([opened][actual-placement-type=\"Top\"]) {\n\tmargin-top: var(--_ui5-popover-margin-bottom);\n}\n\n:host([opened][actual-placement-type=\"Bottom\"]) {\n\tmargin-top: var(--_ui5-popover-margin-top);\n}\n\n/* pointing upward arrow */\n\n:host([actual-placement-type=\"Bottom\"]) .ui5-popover-arrow {\n\tleft: calc(50% - 0.5625rem);\n\ttop: -0.5rem;\n\theight: 0.5625rem;\n}\n\n:host([actual-placement-type=\"Bottom\"]) .ui5-popover-arrow:after {\n\tmargin: var(--_ui5_popover_upward_arrow_margin);\n}\n\n/* pointing right arrow */\n\n:host([actual-placement-type=\"Left\"]) .ui5-popover-arrow {\n\ttop: calc(50% - 0.5625rem);\n\tright: -0.5625rem;\n\twidth: 0.5625rem;\n}\n\n:host([actual-placement-type=\"Left\"]) .ui5-popover-arrow:after {\n\tmargin: var(--_ui5_popover_right_arrow_margin);\n}\n\n/* pointing downward arrow */\n\n:host([actual-placement-type=\"Top\"]) .ui5-popover-arrow {\n\tleft: calc(50% - 0.5625rem);\n\theight: 0.5625rem;\n\ttop: 100%;\n}\n\n:host([actual-placement-type=\"Top\"]) .ui5-popover-arrow:after {\n\tmargin: var(--_ui5_popover_downward_arrow_margin);\n}\n\n/* pointing left arrow */\n\n:host(:not([actual-placement-type])) .ui5-popover-arrow,\n:host([actual-placement-type=\"Right\"]) .ui5-popover-arrow {\n\tleft: -0.5625rem;\n\ttop: calc(50% - 0.5625rem);\n\twidth: 0.5625rem;\n\theight: 1rem;\n}\n\n:host(:not([actual-placement-type])) .ui5-popover-arrow:after,\n:host([actual-placement-type=\"Right\"]) .ui5-popover-arrow:after {\n\tmargin: var(--_ui5_popover_left_arrow_margin);\n}\n\n:host([hide-arrow]) .ui5-popover-arrow {\n\tdisplay: none;\n}\n\n.ui5-popover-root {\n\tmin-width: 6.25rem;\n}\n\n.ui5-popover-arrow {\n\tpointer-events: none;\n\tdisplay: block;\n\twidth: 1rem;\n\theight: 1rem;\n\tposition: absolute;\n\toverflow: hidden;\n}\n\n.ui5-popover-arrow:after {\n\tcontent: \"\";\n\tdisplay: block;\n\twidth: 0.7rem;\n\theight: 0.7rem;\n\tbackground-color: var(--_ui5_popover_background);\n\tbox-shadow: var(--_ui5_popover_box_shadow);\n\ttransform: rotate(-45deg);\n}\n" };
 export default styleData;
 //# sourceMappingURL=Popover.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Popover.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,oBAAoB,EAAC,OAAO,EAAC,kwDAAkwD,EAAC,CAAC;AACz2D,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/Popover.css\",content:\":host{box-shadow:var(--_ui5_popover_box_shadow);background-color:var(--_ui5_popover_background);max-width:calc(100% - var(--_ui5_popup_viewport_margin)*2)}:host([hide-arrow]){box-shadow:var(--_ui5_popover_no_arrow_box_shadow)}:host([opened][actual-placement-type=Top]){margin-top:var(--_ui5-popover-margin-bottom)}:host([opened][actual-placement-type=Bottom]){margin-top:var(--_ui5-popover-margin-top)}:host([actual-placement-type=Bottom]) .ui5-popover-arrow{left:calc(50% - .5625rem);top:-.5rem;height:.5625rem}:host([actual-placement-type=Bottom]) .ui5-popover-arrow:after{margin:var(--_ui5_popover_upward_arrow_margin)}:host([actual-placement-type=Left]) .ui5-popover-arrow{top:calc(50% - .5625rem);right:-.5625rem;width:.5625rem}:host([actual-placement-type=Left]) .ui5-popover-arrow:after{margin:var(--_ui5_popover_right_arrow_margin)}:host([actual-placement-type=Top]) .ui5-popover-arrow{left:calc(50% - .5625rem);height:.5625rem;top:100%}:host([actual-placement-type=Top]) .ui5-popover-arrow:after{margin:var(--_ui5_popover_downward_arrow_margin)}:host(:not([actual-placement-type])) .ui5-popover-arrow,:host([actual-placement-type=Right]) .ui5-popover-arrow{left:-.5625rem;top:calc(50% - .5625rem);width:.5625rem;height:1rem}:host(:not([actual-placement-type])) .ui5-popover-arrow:after,:host([actual-placement-type=Right]) .ui5-popover-arrow:after{margin:var(--_ui5_popover_left_arrow_margin)}:host([hide-arrow]) .ui5-popover-arrow{display:none}.ui5-popover-root{min-width:6.25rem}.ui5-popover-arrow{pointer-events:none;display:block;width:1rem;height:1rem;position:absolute;overflow:hidden}.ui5-popover-arrow:after{content:\\\"\\\";display:block;width:.7rem;height:.7rem;background-color:var(--_ui5_popover_background);box-shadow:var(--_ui5_popover_box_shadow);transform:rotate(-45deg)}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"Popover.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Popover.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,oBAAoB,EAAC,OAAO,EAAC,swEAAswE,EAAC,CAAC;AAC72E,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/Popover.css\",content:\":host {\\n\\tbox-shadow: var(--_ui5_popover_box_shadow);\\n\\tbackground-color: var(--_ui5_popover_background);\\n\\tmax-width: calc(100vw - (100vw - 100%) - 2 * var(--_ui5_popup_viewport_margin));\\n}\\n\\n:host([hide-arrow]) {\\n\\tbox-shadow: var(--_ui5_popover_no_arrow_box_shadow);\\n}\\n\\n:host([opened][actual-placement-type=\\\"Top\\\"]) {\\n\\tmargin-top: var(--_ui5-popover-margin-bottom);\\n}\\n\\n:host([opened][actual-placement-type=\\\"Bottom\\\"]) {\\n\\tmargin-top: var(--_ui5-popover-margin-top);\\n}\\n\\n/* pointing upward arrow */\\n\\n:host([actual-placement-type=\\\"Bottom\\\"]) .ui5-popover-arrow {\\n\\tleft: calc(50% - 0.5625rem);\\n\\ttop: -0.5rem;\\n\\theight: 0.5625rem;\\n}\\n\\n:host([actual-placement-type=\\\"Bottom\\\"]) .ui5-popover-arrow:after {\\n\\tmargin: var(--_ui5_popover_upward_arrow_margin);\\n}\\n\\n/* pointing right arrow */\\n\\n:host([actual-placement-type=\\\"Left\\\"]) .ui5-popover-arrow {\\n\\ttop: calc(50% - 0.5625rem);\\n\\tright: -0.5625rem;\\n\\twidth: 0.5625rem;\\n}\\n\\n:host([actual-placement-type=\\\"Left\\\"]) .ui5-popover-arrow:after {\\n\\tmargin: var(--_ui5_popover_right_arrow_margin);\\n}\\n\\n/* pointing downward arrow */\\n\\n:host([actual-placement-type=\\\"Top\\\"]) .ui5-popover-arrow {\\n\\tleft: calc(50% - 0.5625rem);\\n\\theight: 0.5625rem;\\n\\ttop: 100%;\\n}\\n\\n:host([actual-placement-type=\\\"Top\\\"]) .ui5-popover-arrow:after {\\n\\tmargin: var(--_ui5_popover_downward_arrow_margin);\\n}\\n\\n/* pointing left arrow */\\n\\n:host(:not([actual-placement-type])) .ui5-popover-arrow,\\n:host([actual-placement-type=\\\"Right\\\"]) .ui5-popover-arrow {\\n\\tleft: -0.5625rem;\\n\\ttop: calc(50% - 0.5625rem);\\n\\twidth: 0.5625rem;\\n\\theight: 1rem;\\n}\\n\\n:host(:not([actual-placement-type])) .ui5-popover-arrow:after,\\n:host([actual-placement-type=\\\"Right\\\"]) .ui5-popover-arrow:after {\\n\\tmargin: var(--_ui5_popover_left_arrow_margin);\\n}\\n\\n:host([hide-arrow]) .ui5-popover-arrow {\\n\\tdisplay: none;\\n}\\n\\n.ui5-popover-root {\\n\\tmin-width: 6.25rem;\\n}\\n\\n.ui5-popover-arrow {\\n\\tpointer-events: none;\\n\\tdisplay: block;\\n\\twidth: 1rem;\\n\\theight: 1rem;\\n\\tposition: absolute;\\n\\toverflow: hidden;\\n}\\n\\n.ui5-popover-arrow:after {\\n\\tcontent: \\\"\\\";\\n\\tdisplay: block;\\n\\twidth: 0.7rem;\\n\\theight: 0.7rem;\\n\\tbackground-color: var(--_ui5_popover_background);\\n\\tbox-shadow: var(--_ui5_popover_box_shadow);\\n\\ttransform: rotate(-45deg);\\n}\\n\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/Popup.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/Popup.css", content: ":host{min-width:1px;display:none;position:fixed}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/Popup.css", content: ":host {\n    min-width: 1px; /** So that it can always get focus **/\n    display: none;\n    position: fixed;\n}\n" };
 export default styleData;
 //# sourceMappingURL=Popup.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popup.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Popup.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,kDAAkD,EAAC,CAAC;AACvJ,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/Popup.css\",content:\":host{min-width:1px;display:none;position:fixed}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"Popup.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Popup.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,qHAAqH,EAAC,CAAC;AAC1N,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/Popup.css\",content:\":host {\\n    min-width: 1px; /** So that it can always get focus **/\\n    display: none;\\n    position: fixed;\\n}\\n\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/PopupGlobal.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/PopupGlobal.css", content: ".ui5-popup-scroll-blocker{overflow:hidden}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/PopupGlobal.css", content: ".ui5-popup-scroll-blocker {\n\toverflow: hidden;\n}\n" };
 export default styleData;
 //# sourceMappingURL=PopupGlobal.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopupGlobal.css.js","sourceRoot":"","sources":["../../../src/generated/themes/PopupGlobal.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,wBAAwB,EAAC,OAAO,EAAC,4CAA4C,EAAC,CAAC;AACvJ,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/PopupGlobal.css\",content:\".ui5-popup-scroll-blocker{overflow:hidden}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"PopupGlobal.css.js","sourceRoot":"","sources":["../../../src/generated/themes/PopupGlobal.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,wBAAwB,EAAC,OAAO,EAAC,uDAAuD,EAAC,CAAC;AAClK,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/PopupGlobal.css\",content:\".ui5-popup-scroll-blocker {\\n\\toverflow: hidden;\\n}\\n\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/PopupStaticAreaStyles.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/PopupStaticAreaStyles.css", content: ".ui5-block-layer{display:none;position:fixed;background-color:var(--sapBlockLayer_Background);opacity:.6;top:-500px;left:-500px;right:-500px;bottom:-500px;outline:none;pointer-events:all;z-index:-1}.ui5-block-layer:not([hidden]){display:inline-block}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/PopupStaticAreaStyles.css", content: ".ui5-block-layer {\n\tdisplay: none;\n\tposition: fixed;\n\tbackground-color: var(--sapBlockLayer_Background);\n\topacity: 0.6;\n\ttop: -500px;\n\tleft: -500px;\n\tright: -500px;\n\tbottom: -500px;\n\toutline: none;\n\tpointer-events: all;\n\tz-index: -1;\n}\n\n.ui5-block-layer:not([hidden]) {\n\tdisplay: inline-block;\n}" };
 export default styleData;
 //# sourceMappingURL=PopupStaticAreaStyles.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopupStaticAreaStyles.css.js","sourceRoot":"","sources":["../../../src/generated/themes/PopupStaticAreaStyles.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,kCAAkC,EAAC,OAAO,EAAC,4PAA4P,EAAC,CAAC;AACjX,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/PopupStaticAreaStyles.css\",content:\".ui5-block-layer{display:none;position:fixed;background-color:var(--sapBlockLayer_Background);opacity:.6;top:-500px;left:-500px;right:-500px;bottom:-500px;outline:none;pointer-events:all;z-index:-1}.ui5-block-layer:not([hidden]){display:inline-block}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"PopupStaticAreaStyles.css.js","sourceRoot":"","sources":["../../../src/generated/themes/PopupStaticAreaStyles.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,kCAAkC,EAAC,OAAO,EAAC,qUAAqU,EAAC,CAAC;AAC1b,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/PopupStaticAreaStyles.css\",content:\".ui5-block-layer {\\n\\tdisplay: none;\\n\\tposition: fixed;\\n\\tbackground-color: var(--sapBlockLayer_Background);\\n\\topacity: 0.6;\\n\\ttop: -500px;\\n\\tleft: -500px;\\n\\tright: -500px;\\n\\tbottom: -500px;\\n\\toutline: none;\\n\\tpointer-events: all;\\n\\tz-index: -1;\\n}\\n\\n.ui5-block-layer:not([hidden]) {\\n\\tdisplay: inline-block;\\n}\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/PopupsCommon.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/PopupsCommon.css", content: ":host{display:none;position:fixed;background:var(--sapGroup_ContentBackground);border-radius:var(--_ui5_popup_border_radius);min-height:2rem;box-sizing:border-box}.ui5-popup-root{background:inherit;border-radius:inherit;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;outline:none}.ui5-popup-root .ui5-popup-header-root{color:var(--sapPageHeader_TextColor);box-shadow:var(--sapContent_HeaderShadow);margin-bottom:.125rem}.ui5-popup-content{color:var(--sapTextColor)}.ui5-popup-footer-root{background:var(--sapPageFooter_Background);border-top:1px solid var(--sapPageFooter_BorderColor);color:var(--sapPageFooter_TextColor)}.ui5-popup-footer-root,.ui5-popup-header-root,:host([header-text]) .ui5-popup-header-text{margin:0;font-size:1rem;font-family:\"72override\",var(--_ui5_popup_header_font_family);display:flex;justify-content:center;align-items:center}.ui5-popup-header-root .ui5-popup-header-text{font-weight:var(--_ui5_popup_header_font_weight)}.ui5-popup-content{overflow:auto;box-sizing:border-box}:host([header-text]) .ui5-popup-header-text{text-align:center;min-height:var(--_ui5_popup_default_header_height);max-height:var(--_ui5_popup_default_header_height);line-height:var(--_ui5_popup_default_header_height);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;display:inline-block}:host([header-text]) .ui5-popup-header-root{justify-content:var(--_ui5_popup_header_prop_header_text_alignment)}:host(:not([header-text])) .ui5-popup-header-text{display:none}:host([disable-scrolling]) .ui5-popup-content{overflow:hidden}:host([media-range=S]) .ui5-popup-content{padding:1rem var(--_ui5_popup_content_padding_s)}:host([media-range=L]) .ui5-popup-content,:host([media-range=M]) .ui5-popup-content{padding:1rem var(--_ui5_popup_content_padding_m_l)}:host([media-range=XL]) .ui5-popup-content{padding:1rem var(--_ui5_popup_content_padding_xl)}.ui5-popup-header-root{background:var(--sapPageHeader_Background)}:host([media-range=S]) .ui5-popup-footer-root,:host([media-range=S]) .ui5-popup-header-root{padding-left:var(--_ui5_popup_header_footer_padding_s);padding-right:var(--_ui5_popup_header_footer_padding_s)}:host([media-range=L]) .ui5-popup-footer-root,:host([media-range=L]) .ui5-popup-header-root,:host([media-range=M]) .ui5-popup-footer-root,:host([media-range=M]) .ui5-popup-header-root{padding-left:var(--_ui5_popup_header_footer_padding_m_l);padding-right:var(--_ui5_popup_header_footer_padding_m_l)}:host([media-range=XL]) .ui5-popup-footer-root,:host([media-range=XL]) .ui5-popup-header-root{padding-left:var(--_ui5_popup_header_footer_padding_xl);padding-right:var(--_ui5_popup_header_footer_padding_xl)}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/PopupsCommon.css", content: ":host {\n    display: none;\n    position: fixed;\n    background: var(--sapGroup_ContentBackground);\n    border-radius: var(--_ui5_popup_border_radius);\n    min-height: 2rem;\n    box-sizing: border-box;\n}\n\n.ui5-popup-root {\n    background: inherit;\n    border-radius: inherit;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    outline: none;\n}\n\n.ui5-popup-root .ui5-popup-header-root {\n    color: var(--sapPageHeader_TextColor);\n    box-shadow: var(--sapContent_HeaderShadow);\n    margin-bottom: 0.125rem;\n}\n\n.ui5-popup-content {\n    color: var(--sapTextColor);\n}\n\n.ui5-popup-footer-root {\n    background: var(--sapPageFooter_Background);\n    border-top: 1px solid var(--sapPageFooter_BorderColor);\n    color: var(--sapPageFooter_TextColor);\n}\n\n.ui5-popup-header-root,\n.ui5-popup-footer-root,\n:host([header-text]) .ui5-popup-header-text {\n    margin: 0;\n    font-size: 1rem;\n    font-family: \"72override\", var(--_ui5_popup_header_font_family);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.ui5-popup-header-root .ui5-popup-header-text {\n\tfont-weight: var(--_ui5_popup_header_font_weight);\n}\n\n.ui5-popup-content {\n    overflow: auto;\n\n    /* Consider how to make this top level */\n    box-sizing: border-box;\n}\n\n:host([header-text]) .ui5-popup-header-text {\n    text-align: center;\n    min-height: var(--_ui5_popup_default_header_height);\n    max-height: var(--_ui5_popup_default_header_height);\n    line-height: var(--_ui5_popup_default_header_height);\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    max-width: 100%;\n    display: inline-block;\n}\n\n:host([header-text]) .ui5-popup-header-root {\n\tjustify-content: var(--_ui5_popup_header_prop_header_text_alignment);\n}\n\n:host(:not([header-text])) .ui5-popup-header-text {\n    display: none;\n}\n\n:host([disable-scrolling]) .ui5-popup-content {\n    overflow: hidden;\n}\n\n/*** Responsive paddings for the content***/\n\n:host([media-range=\"S\"]) .ui5-popup-content {\n\tpadding: 1rem var(--_ui5_popup_content_padding_s);\n}\n\n:host([media-range=\"M\"]) .ui5-popup-content,\n:host([media-range=\"L\"]) .ui5-popup-content {\n\tpadding: 1rem var(--_ui5_popup_content_padding_m_l);\n}\n\n:host([media-range=\"XL\"]) .ui5-popup-content {\n\tpadding: 1rem var(--_ui5_popup_content_padding_xl);\n}\n\n.ui5-popup-header-root {\n\tbackground: var(--sapPageHeader_Background);\n}\n\n/*** Responsive paddings for the Header and Footer ***/\n\n:host([media-range=\"S\"]) .ui5-popup-header-root,\n:host([media-range=\"S\"]) .ui5-popup-footer-root {\n\tpadding-left: var(--_ui5_popup_header_footer_padding_s);\n\tpadding-right: var(--_ui5_popup_header_footer_padding_s);\n}\n\n:host([media-range=\"M\"]) .ui5-popup-header-root,\n:host([media-range=\"L\"]) .ui5-popup-header-root,\n:host([media-range=\"M\"]) .ui5-popup-footer-root,\n:host([media-range=\"L\"]) .ui5-popup-footer-root {\n\tpadding-left: var(--_ui5_popup_header_footer_padding_m_l);\n\tpadding-right: var(--_ui5_popup_header_footer_padding_m_l);\n}\n\n:host([media-range=\"XL\"]) .ui5-popup-header-root,\n:host([media-range=\"XL\"]) .ui5-popup-footer-root {\n\tpadding-left: var(--_ui5_popup_header_footer_padding_xl);\n\tpadding-right: var(--_ui5_popup_header_footer_padding_xl);\n}\n" };
 export default styleData;
 //# sourceMappingURL=PopupsCommon.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopupsCommon.css.js","sourceRoot":"","sources":["../../../src/generated/themes/PopupsCommon.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,yoFAAyoF,EAAC,CAAC;AACrvF,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/PopupsCommon.css\",content:\":host{display:none;position:fixed;background:var(--sapGroup_ContentBackground);border-radius:var(--_ui5_popup_border_radius);min-height:2rem;box-sizing:border-box}.ui5-popup-root{background:inherit;border-radius:inherit;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;outline:none}.ui5-popup-root .ui5-popup-header-root{color:var(--sapPageHeader_TextColor);box-shadow:var(--sapContent_HeaderShadow);margin-bottom:.125rem}.ui5-popup-content{color:var(--sapTextColor)}.ui5-popup-footer-root{background:var(--sapPageFooter_Background);border-top:1px solid var(--sapPageFooter_BorderColor);color:var(--sapPageFooter_TextColor)}.ui5-popup-footer-root,.ui5-popup-header-root,:host([header-text]) .ui5-popup-header-text{margin:0;font-size:1rem;font-family:\\\"72override\\\",var(--_ui5_popup_header_font_family);display:flex;justify-content:center;align-items:center}.ui5-popup-header-root .ui5-popup-header-text{font-weight:var(--_ui5_popup_header_font_weight)}.ui5-popup-content{overflow:auto;box-sizing:border-box}:host([header-text]) .ui5-popup-header-text{text-align:center;min-height:var(--_ui5_popup_default_header_height);max-height:var(--_ui5_popup_default_header_height);line-height:var(--_ui5_popup_default_header_height);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;display:inline-block}:host([header-text]) .ui5-popup-header-root{justify-content:var(--_ui5_popup_header_prop_header_text_alignment)}:host(:not([header-text])) .ui5-popup-header-text{display:none}:host([disable-scrolling]) .ui5-popup-content{overflow:hidden}:host([media-range=S]) .ui5-popup-content{padding:1rem var(--_ui5_popup_content_padding_s)}:host([media-range=L]) .ui5-popup-content,:host([media-range=M]) .ui5-popup-content{padding:1rem var(--_ui5_popup_content_padding_m_l)}:host([media-range=XL]) .ui5-popup-content{padding:1rem var(--_ui5_popup_content_padding_xl)}.ui5-popup-header-root{background:var(--sapPageHeader_Background)}:host([media-range=S]) .ui5-popup-footer-root,:host([media-range=S]) .ui5-popup-header-root{padding-left:var(--_ui5_popup_header_footer_padding_s);padding-right:var(--_ui5_popup_header_footer_padding_s)}:host([media-range=L]) .ui5-popup-footer-root,:host([media-range=L]) .ui5-popup-header-root,:host([media-range=M]) .ui5-popup-footer-root,:host([media-range=M]) .ui5-popup-header-root{padding-left:var(--_ui5_popup_header_footer_padding_m_l);padding-right:var(--_ui5_popup_header_footer_padding_m_l)}:host([media-range=XL]) .ui5-popup-footer-root,:host([media-range=XL]) .ui5-popup-header-root{padding-left:var(--_ui5_popup_header_footer_padding_xl);padding-right:var(--_ui5_popup_header_footer_padding_xl)}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"PopupsCommon.css.js","sourceRoot":"","sources":["../../../src/generated/themes/PopupsCommon.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,w1GAAw1G,EAAC,CAAC;AACp8G,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/PopupsCommon.css\",content:\":host {\\n    display: none;\\n    position: fixed;\\n    background: var(--sapGroup_ContentBackground);\\n    border-radius: var(--_ui5_popup_border_radius);\\n    min-height: 2rem;\\n    box-sizing: border-box;\\n}\\n\\n.ui5-popup-root {\\n    background: inherit;\\n    border-radius: inherit;\\n    width: 100%;\\n    height: 100%;\\n    box-sizing: border-box;\\n    display: flex;\\n    flex-direction: column;\\n    overflow: hidden;\\n    outline: none;\\n}\\n\\n.ui5-popup-root .ui5-popup-header-root {\\n    color: var(--sapPageHeader_TextColor);\\n    box-shadow: var(--sapContent_HeaderShadow);\\n    margin-bottom: 0.125rem;\\n}\\n\\n.ui5-popup-content {\\n    color: var(--sapTextColor);\\n}\\n\\n.ui5-popup-footer-root {\\n    background: var(--sapPageFooter_Background);\\n    border-top: 1px solid var(--sapPageFooter_BorderColor);\\n    color: var(--sapPageFooter_TextColor);\\n}\\n\\n.ui5-popup-header-root,\\n.ui5-popup-footer-root,\\n:host([header-text]) .ui5-popup-header-text {\\n    margin: 0;\\n    font-size: 1rem;\\n    font-family: \\\"72override\\\", var(--_ui5_popup_header_font_family);\\n    display: flex;\\n    justify-content: center;\\n    align-items: center;\\n}\\n\\n.ui5-popup-header-root .ui5-popup-header-text {\\n\\tfont-weight: var(--_ui5_popup_header_font_weight);\\n}\\n\\n.ui5-popup-content {\\n    overflow: auto;\\n\\n    /* Consider how to make this top level */\\n    box-sizing: border-box;\\n}\\n\\n:host([header-text]) .ui5-popup-header-text {\\n    text-align: center;\\n    min-height: var(--_ui5_popup_default_header_height);\\n    max-height: var(--_ui5_popup_default_header_height);\\n    line-height: var(--_ui5_popup_default_header_height);\\n    text-overflow: ellipsis;\\n    overflow: hidden;\\n    white-space: nowrap;\\n    max-width: 100%;\\n    display: inline-block;\\n}\\n\\n:host([header-text]) .ui5-popup-header-root {\\n\\tjustify-content: var(--_ui5_popup_header_prop_header_text_alignment);\\n}\\n\\n:host(:not([header-text])) .ui5-popup-header-text {\\n    display: none;\\n}\\n\\n:host([disable-scrolling]) .ui5-popup-content {\\n    overflow: hidden;\\n}\\n\\n/*** Responsive paddings for the content***/\\n\\n:host([media-range=\\\"S\\\"]) .ui5-popup-content {\\n\\tpadding: 1rem var(--_ui5_popup_content_padding_s);\\n}\\n\\n:host([media-range=\\\"M\\\"]) .ui5-popup-content,\\n:host([media-range=\\\"L\\\"]) .ui5-popup-content {\\n\\tpadding: 1rem var(--_ui5_popup_content_padding_m_l);\\n}\\n\\n:host([media-range=\\\"XL\\\"]) .ui5-popup-content {\\n\\tpadding: 1rem var(--_ui5_popup_content_padding_xl);\\n}\\n\\n.ui5-popup-header-root {\\n\\tbackground: var(--sapPageHeader_Background);\\n}\\n\\n/*** Responsive paddings for the Header and Footer ***/\\n\\n:host([media-range=\\\"S\\\"]) .ui5-popup-header-root,\\n:host([media-range=\\\"S\\\"]) .ui5-popup-footer-root {\\n\\tpadding-left: var(--_ui5_popup_header_footer_padding_s);\\n\\tpadding-right: var(--_ui5_popup_header_footer_padding_s);\\n}\\n\\n:host([media-range=\\\"M\\\"]) .ui5-popup-header-root,\\n:host([media-range=\\\"L\\\"]) .ui5-popup-header-root,\\n:host([media-range=\\\"M\\\"]) .ui5-popup-footer-root,\\n:host([media-range=\\\"L\\\"]) .ui5-popup-footer-root {\\n\\tpadding-left: var(--_ui5_popup_header_footer_padding_m_l);\\n\\tpadding-right: var(--_ui5_popup_header_footer_padding_m_l);\\n}\\n\\n:host([media-range=\\\"XL\\\"]) .ui5-popup-header-root,\\n:host([media-range=\\\"XL\\\"]) .ui5-popup-footer-root {\\n\\tpadding-left: var(--_ui5_popup_header_footer_padding_xl);\\n\\tpadding-right: var(--_ui5_popup_header_footer_padding_xl);\\n}\\n\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/ProgressIndicator.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/ProgressIndicator.css", content: ":host(:not([hidden])){display:inline-block;min-height:var(_ui5_progress_indicator_host_min_height);min-width:4rem;width:100%;height:var(--_ui5_progress_indicator_host_height);overflow:hidden;box-sizing:var(--_ui5_progress_indicator_host_box_sizing);padding:var(--_ui5_progress_indicator_padding);padding-inline-end:var(--_ui5_progress_indicator_padding_end)}.ui5-progress-indicator-root{display:flex;align-items:center;background:var(--_ui5_progress_indicator_background_none);border-radius:var(--_ui5_progress_indicator_root_border_radius);overflow:var(--_ui5_progress_indicator_root_overflow);min-height:var(--_ui5_progress_indicator_root_min_height);height:var(--_ui5_progress_indicator_root_height);width:100%;font-size:var(--sapProgress_FontSize);font-family:\"72override\",var(--sapFontFamily);position:var(--_ui5_progress_indicator_root_position);box-sizing:border-box}.ui5-progress-indicator-bar{background:var(--_ui5_progress_indicator_value_state_none);justify-content:flex-end;height:var(--_ui5_progress_indicator_bar_height);display:flex;align-items:center;flex-direction:row;color:var(--_ui5_progress_indicator_bar_color);transition-property:width;transition-timing-function:linear;box-sizing:border-box;border:var(--_ui5_progress_indicator_bar_border_max);border-radius:var(--_ui5_progress_indicator_bar_border_radius);z-index:1}.ui5-progress-indicator-max-value .ui5-progress-indicator-remaining-bar,.ui5-progress-indicator-min-value .ui5-progress-indicator-bar{border:none}.ui5-progress-indicator-max-value .ui5-progress-indicator-bar{border-radius:.5rem}.ui5-progress-indicator-min-value .ui5-progress-indicator-remaining-bar{border-inline-start:var(--_ui5_progress_indicator_border);border-radius:.5rem}.ui5-progress-indicator-remaining-bar{justify-content:flex-start;width:var(--_ui5_progress_indicator_remaining_bar_width);height:100%;display:flex;align-items:center;flex-direction:row;flex-grow:1;flex-basis:0;border:var(--_ui5_progress_indicator_border);border-inline-start:none;border-radius:var(--_ui5_progress_indicator_remaining_bar_border_radius);box-sizing:border-box;color:var(--_ui5_progress_indicator_color);overflow:var(--_ui5_progress_indicator_remaining_bar_overflow);position:var(--_ui5_progress_indicator_remaining_bar_position)}.ui5-progress-indicator-value{margin:var(--_ui5_progress_indicator_value_margin);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;position:var(--_ui5_progress_indicator_value_position);top:var(--_ui5_progress_indicator_value_top_position);inset-inline-start:var(--_ui5_progress_indicator_value_left_position)}.ui5-progress-indicator-icon{margin-inline-start:.375rem;width:var(--_ui5_progress_indicator_icon_size);height:var(--_ui5_progress_indicator_icon_size);display:var(--_ui5_progress_indicator_icon_visibility);position:var(--_ui5_progress_indicator_icon_position);inset-inline-end:var(--_ui5_progress_indicator_icon_right_position)}:host([value-state=Error]) .ui5-progress-indicator-icon{color:var(--_ui5_progress_indicator_value_state_error_icon_color)}:host([value-state=Warning]) .ui5-progress-indicator-icon{color:var(--_ui5_progress_indicator_value_state_warning_icon_color)}:host([value-state=Success]) .ui5-progress-indicator-icon{color:var(--_ui5_progress_indicator_value_state_success_icon_color)}:host([value-state=Information]) .ui5-progress-indicator-icon{color:var(--_ui5_progress_indicator_value_state_information_icon_color)}:host([value-state=Error]) .ui5-progress-indicator-bar{background:var(--_ui5_progress_indicator_value_state_error);border:.0625rem solid var(--_ui5_progress_indicator_value_state_error_border_color)}:host([value-state=Warning]) .ui5-progress-indicator-bar{background:var(--_ui5_progress_indicator_value_state_warning);border:.0625rem solid var(--_ui5_progress_indicator_value_state_warning_border_color)}:host([value-state=Success]) .ui5-progress-indicator-bar{background:var(--_ui5_progress_indicator_value_state_success);border:.0625rem solid var(--_ui5_progress_indicator_value_state_success_border_color)}:host([value-state=Information]) .ui5-progress-indicator-bar{background:var(--_ui5_progress_indicator_value_state_information);border:.0625rem solid var(--_ui5_progress_indicator_value_state_information_border_color)}:host([value-state=Error]) .ui5-progress-indicator-root{background:var(--_ui5_progress_indicator_background_error)}:host([value-state=Warning]) .ui5-progress-indicator-root{background:var(--_ui5_progress_indicator_background_warning)}:host([value-state=Success]) .ui5-progress-indicator-root{background:var(--_ui5_progress_indicator_background_success)}:host([value-state=Information]) .ui5-progress-indicator-root{background:var(--_ui5_progress_indicator_background_information)}:host([value-state=Error]) .ui5-progress-indicator-remaining-bar{border-color:var(--_ui5_progress_indicator_border_color_error)}:host([value-state=Warning]) .ui5-progress-indicator-remaining-bar{border-color:var(--_ui5_progress_indicator_border_color_warning)}:host([value-state=Success]) .ui5-progress-indicator-remaining-bar{border-color:var(--_ui5_progress_indicator_border_color_success)}:host([value-state=Information]) .ui5-progress-indicator-remaining-bar{border-color:var(--_ui5_progress_indicator_border_color_information)}:host([disabled]) .ui5-progress-indicator-root{opacity:.4}.ui5-progress-indicator-remaining-bar:after,.ui5-progress-indicator-remaining-bar:before{content:\"\";display:block;width:.25rem;height:.25rem;position:absolute;border-radius:50%;display:var(--_ui5_progress_indicator_side_points_visibility);background:var(--_ui5_progress_indicator_value_state_none)}.ui5-progress-indicator-remaining-bar:before{left:.0625rem}.ui5-progress-indicator-remaining-bar:after{right:.0625rem}:host([value-state=Error]) .ui5-progress-indicator-remaining-bar:after,:host([value-state=Error]) .ui5-progress-indicator-remaining-bar:before{background:var(--sapProgress_Value_NegativeBackground)}:host([value-state=Warning]) .ui5-progress-indicator-remaining-bar:after,:host([value-state=Warning]) .ui5-progress-indicator-remaining-bar:before{background:var(--sapProgress_Value_CriticalBackground)}:host([value-state=Success]) .ui5-progress-indicator-remaining-bar:after,:host([value-state=Success]) .ui5-progress-indicator-remaining-bar:before{background:var(--sapProgress_Value_PositiveBackground)}:host([value-state=Information]) .ui5-progress-indicator-remaining-bar:after,:host([value-state=Information]) .ui5-progress-indicator-remaining-bar:before{background:var(--sapProgress_Value_InformationBackground)}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/ProgressIndicator.css", content: ":host(:not([hidden])) {\n\tdisplay: inline-block;\n\tmin-height: var(_ui5_progress_indicator_host_min_height);\n\tmin-width: 4rem;\n\twidth: 100%;\n\theight: var(--_ui5_progress_indicator_host_height);\n\toverflow: hidden;\n\tbox-sizing: var(--_ui5_progress_indicator_host_box_sizing);\n\tpadding: var(--_ui5_progress_indicator_padding);\n\tpadding-inline-end: var(--_ui5_progress_indicator_padding_end);\n}\n\n.ui5-progress-indicator-root {\n\tdisplay: flex;\n\talign-items: center;\n\tbackground: var(--_ui5_progress_indicator_background_none);\n\tborder-radius: var(--_ui5_progress_indicator_root_border_radius);\n\toverflow: var(--_ui5_progress_indicator_root_overflow);\n\tmin-height: var(--_ui5_progress_indicator_root_min_height);\n\theight: var(--_ui5_progress_indicator_root_height);\n\twidth: 100%;\n\tfont-size: var(--sapProgress_FontSize);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tposition: var(--_ui5_progress_indicator_root_position);\n\tbox-sizing: border-box;\n}\n\n.ui5-progress-indicator-bar {\n\tbackground: var(--_ui5_progress_indicator_value_state_none);\n\tjustify-content: flex-end;\n\theight: var(--_ui5_progress_indicator_bar_height);\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: row;\n\tcolor: var(--_ui5_progress_indicator_bar_color);\n\ttransition-property: width;\n\ttransition-timing-function: linear;\n\tbox-sizing: border-box;\n\tborder: var(--_ui5_progress_indicator_bar_border_max);\n\tborder-radius: var(--_ui5_progress_indicator_bar_border_radius);\n\tz-index: 1;\n}\n\n.ui5-progress-indicator-min-value .ui5-progress-indicator-bar,\n.ui5-progress-indicator-max-value .ui5-progress-indicator-remaining-bar {\n\tborder: none;\n}\n\n.ui5-progress-indicator-max-value .ui5-progress-indicator-bar {\n\tborder-radius: 0.5rem;\n}\n\n.ui5-progress-indicator-min-value .ui5-progress-indicator-remaining-bar {\n\tborder-inline-start: var(--_ui5_progress_indicator_border);\n\tborder-radius: 0.5rem;\n}\n\n.ui5-progress-indicator-remaining-bar {\n\tjustify-content: flex-start;\n\twidth: var(--_ui5_progress_indicator_remaining_bar_width);\n\theight: 100%;\n\tdisplay: flex;\n\talign-items: center;\n    flex-direction: row;\n\tflex-grow: 1;\n\tflex-basis: 0;\n\tborder: var(--_ui5_progress_indicator_border);\n\tborder-inline-start: none;\n\tborder-radius: var(--_ui5_progress_indicator_remaining_bar_border_radius);\n\tbox-sizing: border-box;\n\tcolor: var(--_ui5_progress_indicator_color);\n\toverflow: var(--_ui5_progress_indicator_remaining_bar_overflow);\n\tposition: var(--_ui5_progress_indicator_remaining_bar_position);\n}\n\n.ui5-progress-indicator-value {\n\tmargin: var(--_ui5_progress_indicator_value_margin);\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tmax-width: 100%;\n\tposition: var(--_ui5_progress_indicator_value_position);\n\ttop: var(--_ui5_progress_indicator_value_top_position);\n\tinset-inline-start: var(--_ui5_progress_indicator_value_left_position);\n}\n\n.ui5-progress-indicator-icon {\n\tmargin-inline-start: 0.375rem;\n\twidth: var(--_ui5_progress_indicator_icon_size);\n\theight: var(--_ui5_progress_indicator_icon_size);\n\tdisplay: var(--_ui5_progress_indicator_icon_visibility);\n\tposition: var(--_ui5_progress_indicator_icon_position);\n\tinset-inline-end: var(--_ui5_progress_indicator_icon_right_position);\n}\n\n:host([value-state=\"Error\"]) .ui5-progress-indicator-icon {\n\tcolor: var(--_ui5_progress_indicator_value_state_error_icon_color);\n}\n\n:host([value-state=\"Warning\"]) .ui5-progress-indicator-icon {\n\tcolor: var(--_ui5_progress_indicator_value_state_warning_icon_color);\n}\n\n:host([value-state=\"Success\"]) .ui5-progress-indicator-icon {\n\tcolor: var(--_ui5_progress_indicator_value_state_success_icon_color);\n}\n\n:host([value-state=\"Information\"]) .ui5-progress-indicator-icon {\n\tcolor: var(--_ui5_progress_indicator_value_state_information_icon_color);\n}\n\n:host([value-state=\"Error\"]) .ui5-progress-indicator-bar {\n\tbackground: var(--_ui5_progress_indicator_value_state_error);\n\tborder: 0.0625rem solid\n\t\tvar(--_ui5_progress_indicator_value_state_error_border_color);\n}\n\n:host([value-state=\"Warning\"]) .ui5-progress-indicator-bar {\n\tbackground: var(--_ui5_progress_indicator_value_state_warning);\n\tborder: 0.0625rem solid\n\t\tvar(--_ui5_progress_indicator_value_state_warning_border_color);\n}\n\n:host([value-state=\"Success\"]) .ui5-progress-indicator-bar {\n\tbackground: var(--_ui5_progress_indicator_value_state_success);\n\tborder: 0.0625rem solid\n\t\tvar(--_ui5_progress_indicator_value_state_success_border_color);\n}\n\n:host([value-state=\"Information\"]) .ui5-progress-indicator-bar {\n\tbackground: var(--_ui5_progress_indicator_value_state_information);\n\tborder: 0.0625rem solid\n\t\tvar(--_ui5_progress_indicator_value_state_information_border_color);\n}\n\n:host([value-state=\"Error\"]) .ui5-progress-indicator-root {\n\tbackground: var(--_ui5_progress_indicator_background_error);\n}\n\n:host([value-state=\"Warning\"]) .ui5-progress-indicator-root {\n\tbackground: var(--_ui5_progress_indicator_background_warning);\n}\n\n:host([value-state=\"Success\"]) .ui5-progress-indicator-root {\n\tbackground: var(--_ui5_progress_indicator_background_success);\n}\n\n:host([value-state=\"Information\"]) .ui5-progress-indicator-root {\n\tbackground: var(--_ui5_progress_indicator_background_information);\n}\n\n:host([value-state=\"Error\"]) .ui5-progress-indicator-remaining-bar {\n\tborder-color: var(--_ui5_progress_indicator_border_color_error);\n}\n\n:host([value-state=\"Warning\"]) .ui5-progress-indicator-remaining-bar {\n\tborder-color: var(--_ui5_progress_indicator_border_color_warning);\n}\n\n:host([value-state=\"Success\"]) .ui5-progress-indicator-remaining-bar {\n\tborder-color: var(--_ui5_progress_indicator_border_color_success);\n}\n\n:host([value-state=\"Information\"]) .ui5-progress-indicator-remaining-bar {\n\tborder-color: var(--_ui5_progress_indicator_border_color_information);\n}\n\n:host([disabled]) .ui5-progress-indicator-root {\n\topacity: 0.4;\n}\n\n/* Start and End points - Horizon */\n\n.ui5-progress-indicator-remaining-bar::before,\n.ui5-progress-indicator-remaining-bar::after {\n\tcontent: \"\";\n\tdisplay: block;\n\twidth: 0.25rem;\n\theight: 0.25rem;\n\tposition: absolute;\n\tborder-radius: 50%;\n\tdisplay: var(--_ui5_progress_indicator_side_points_visibility);\n\tbackground: var(--_ui5_progress_indicator_value_state_none);\n}\n\n.ui5-progress-indicator-remaining-bar::before {\n\tleft: 0.0625rem;\n}\n\n.ui5-progress-indicator-remaining-bar::after {\n\tright: 0.0625rem;\n}\n\n:host([value-state=\"Error\"]) .ui5-progress-indicator-remaining-bar::before,\n:host([value-state=\"Error\"]) .ui5-progress-indicator-remaining-bar::after {\n\tbackground: var(--sapProgress_Value_NegativeBackground);\n}\n\n:host([value-state=\"Warning\"]) .ui5-progress-indicator-remaining-bar::before,\n:host([value-state=\"Warning\"]) .ui5-progress-indicator-remaining-bar::after {\n\tbackground: var(--sapProgress_Value_CriticalBackground);\n}\n\n:host([value-state=\"Success\"]) .ui5-progress-indicator-remaining-bar::before,\n:host([value-state=\"Success\"]) .ui5-progress-indicator-remaining-bar::after {\n\tbackground: var(--sapProgress_Value_PositiveBackground);\n}\n\n:host([value-state=\"Information\"])\n\t.ui5-progress-indicator-remaining-bar::before,\n:host([value-state=\"Information\"])\n\t.ui5-progress-indicator-remaining-bar::after {\n\tbackground: var(--sapProgress_Value_InformationBackground);\n}\n" };
 export default styleData;
 //# sourceMappingURL=ProgressIndicator.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressIndicator.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ProgressIndicator.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,8BAA8B,EAAC,OAAO,EAAC,s6MAAs6M,EAAC,CAAC;AACvhN,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/ProgressIndicator.css\",content:\":host(:not([hidden])){display:inline-block;min-height:var(_ui5_progress_indicator_host_min_height);min-width:4rem;width:100%;height:var(--_ui5_progress_indicator_host_height);overflow:hidden;box-sizing:var(--_ui5_progress_indicator_host_box_sizing);padding:var(--_ui5_progress_indicator_padding);padding-inline-end:var(--_ui5_progress_indicator_padding_end)}.ui5-progress-indicator-root{display:flex;align-items:center;background:var(--_ui5_progress_indicator_background_none);border-radius:var(--_ui5_progress_indicator_root_border_radius);overflow:var(--_ui5_progress_indicator_root_overflow);min-height:var(--_ui5_progress_indicator_root_min_height);height:var(--_ui5_progress_indicator_root_height);width:100%;font-size:var(--sapProgress_FontSize);font-family:\\\"72override\\\",var(--sapFontFamily);position:var(--_ui5_progress_indicator_root_position);box-sizing:border-box}.ui5-progress-indicator-bar{background:var(--_ui5_progress_indicator_value_state_none);justify-content:flex-end;height:var(--_ui5_progress_indicator_bar_height);display:flex;align-items:center;flex-direction:row;color:var(--_ui5_progress_indicator_bar_color);transition-property:width;transition-timing-function:linear;box-sizing:border-box;border:var(--_ui5_progress_indicator_bar_border_max);border-radius:var(--_ui5_progress_indicator_bar_border_radius);z-index:1}.ui5-progress-indicator-max-value .ui5-progress-indicator-remaining-bar,.ui5-progress-indicator-min-value .ui5-progress-indicator-bar{border:none}.ui5-progress-indicator-max-value .ui5-progress-indicator-bar{border-radius:.5rem}.ui5-progress-indicator-min-value .ui5-progress-indicator-remaining-bar{border-inline-start:var(--_ui5_progress_indicator_border);border-radius:.5rem}.ui5-progress-indicator-remaining-bar{justify-content:flex-start;width:var(--_ui5_progress_indicator_remaining_bar_width);height:100%;display:flex;align-items:center;flex-direction:row;flex-grow:1;flex-basis:0;border:var(--_ui5_progress_indicator_border);border-inline-start:none;border-radius:var(--_ui5_progress_indicator_remaining_bar_border_radius);box-sizing:border-box;color:var(--_ui5_progress_indicator_color);overflow:var(--_ui5_progress_indicator_remaining_bar_overflow);position:var(--_ui5_progress_indicator_remaining_bar_position)}.ui5-progress-indicator-value{margin:var(--_ui5_progress_indicator_value_margin);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;position:var(--_ui5_progress_indicator_value_position);top:var(--_ui5_progress_indicator_value_top_position);inset-inline-start:var(--_ui5_progress_indicator_value_left_position)}.ui5-progress-indicator-icon{margin-inline-start:.375rem;width:var(--_ui5_progress_indicator_icon_size);height:var(--_ui5_progress_indicator_icon_size);display:var(--_ui5_progress_indicator_icon_visibility);position:var(--_ui5_progress_indicator_icon_position);inset-inline-end:var(--_ui5_progress_indicator_icon_right_position)}:host([value-state=Error]) .ui5-progress-indicator-icon{color:var(--_ui5_progress_indicator_value_state_error_icon_color)}:host([value-state=Warning]) .ui5-progress-indicator-icon{color:var(--_ui5_progress_indicator_value_state_warning_icon_color)}:host([value-state=Success]) .ui5-progress-indicator-icon{color:var(--_ui5_progress_indicator_value_state_success_icon_color)}:host([value-state=Information]) .ui5-progress-indicator-icon{color:var(--_ui5_progress_indicator_value_state_information_icon_color)}:host([value-state=Error]) .ui5-progress-indicator-bar{background:var(--_ui5_progress_indicator_value_state_error);border:.0625rem solid var(--_ui5_progress_indicator_value_state_error_border_color)}:host([value-state=Warning]) .ui5-progress-indicator-bar{background:var(--_ui5_progress_indicator_value_state_warning);border:.0625rem solid var(--_ui5_progress_indicator_value_state_warning_border_color)}:host([value-state=Success]) .ui5-progress-indicator-bar{background:var(--_ui5_progress_indicator_value_state_success);border:.0625rem solid var(--_ui5_progress_indicator_value_state_success_border_color)}:host([value-state=Information]) .ui5-progress-indicator-bar{background:var(--_ui5_progress_indicator_value_state_information);border:.0625rem solid var(--_ui5_progress_indicator_value_state_information_border_color)}:host([value-state=Error]) .ui5-progress-indicator-root{background:var(--_ui5_progress_indicator_background_error)}:host([value-state=Warning]) .ui5-progress-indicator-root{background:var(--_ui5_progress_indicator_background_warning)}:host([value-state=Success]) .ui5-progress-indicator-root{background:var(--_ui5_progress_indicator_background_success)}:host([value-state=Information]) .ui5-progress-indicator-root{background:var(--_ui5_progress_indicator_background_information)}:host([value-state=Error]) .ui5-progress-indicator-remaining-bar{border-color:var(--_ui5_progress_indicator_border_color_error)}:host([value-state=Warning]) .ui5-progress-indicator-remaining-bar{border-color:var(--_ui5_progress_indicator_border_color_warning)}:host([value-state=Success]) .ui5-progress-indicator-remaining-bar{border-color:var(--_ui5_progress_indicator_border_color_success)}:host([value-state=Information]) .ui5-progress-indicator-remaining-bar{border-color:var(--_ui5_progress_indicator_border_color_information)}:host([disabled]) .ui5-progress-indicator-root{opacity:.4}.ui5-progress-indicator-remaining-bar:after,.ui5-progress-indicator-remaining-bar:before{content:\\\"\\\";display:block;width:.25rem;height:.25rem;position:absolute;border-radius:50%;display:var(--_ui5_progress_indicator_side_points_visibility);background:var(--_ui5_progress_indicator_value_state_none)}.ui5-progress-indicator-remaining-bar:before{left:.0625rem}.ui5-progress-indicator-remaining-bar:after{right:.0625rem}:host([value-state=Error]) .ui5-progress-indicator-remaining-bar:after,:host([value-state=Error]) .ui5-progress-indicator-remaining-bar:before{background:var(--sapProgress_Value_NegativeBackground)}:host([value-state=Warning]) .ui5-progress-indicator-remaining-bar:after,:host([value-state=Warning]) .ui5-progress-indicator-remaining-bar:before{background:var(--sapProgress_Value_CriticalBackground)}:host([value-state=Success]) .ui5-progress-indicator-remaining-bar:after,:host([value-state=Success]) .ui5-progress-indicator-remaining-bar:before{background:var(--sapProgress_Value_PositiveBackground)}:host([value-state=Information]) .ui5-progress-indicator-remaining-bar:after,:host([value-state=Information]) .ui5-progress-indicator-remaining-bar:before{background:var(--sapProgress_Value_InformationBackground)}\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"ProgressIndicator.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ProgressIndicator.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,8BAA8B,EAAC,OAAO,EAAC,m3OAAm3O,EAAC,CAAC;AACp+O,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/ProgressIndicator.css\",content:\":host(:not([hidden])) {\\n\\tdisplay: inline-block;\\n\\tmin-height: var(_ui5_progress_indicator_host_min_height);\\n\\tmin-width: 4rem;\\n\\twidth: 100%;\\n\\theight: var(--_ui5_progress_indicator_host_height);\\n\\toverflow: hidden;\\n\\tbox-sizing: var(--_ui5_progress_indicator_host_box_sizing);\\n\\tpadding: var(--_ui5_progress_indicator_padding);\\n\\tpadding-inline-end: var(--_ui5_progress_indicator_padding_end);\\n}\\n\\n.ui5-progress-indicator-root {\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tbackground: var(--_ui5_progress_indicator_background_none);\\n\\tborder-radius: var(--_ui5_progress_indicator_root_border_radius);\\n\\toverflow: var(--_ui5_progress_indicator_root_overflow);\\n\\tmin-height: var(--_ui5_progress_indicator_root_min_height);\\n\\theight: var(--_ui5_progress_indicator_root_height);\\n\\twidth: 100%;\\n\\tfont-size: var(--sapProgress_FontSize);\\n\\tfont-family: \\\"72override\\\", var(--sapFontFamily);\\n\\tposition: var(--_ui5_progress_indicator_root_position);\\n\\tbox-sizing: border-box;\\n}\\n\\n.ui5-progress-indicator-bar {\\n\\tbackground: var(--_ui5_progress_indicator_value_state_none);\\n\\tjustify-content: flex-end;\\n\\theight: var(--_ui5_progress_indicator_bar_height);\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tflex-direction: row;\\n\\tcolor: var(--_ui5_progress_indicator_bar_color);\\n\\ttransition-property: width;\\n\\ttransition-timing-function: linear;\\n\\tbox-sizing: border-box;\\n\\tborder: var(--_ui5_progress_indicator_bar_border_max);\\n\\tborder-radius: var(--_ui5_progress_indicator_bar_border_radius);\\n\\tz-index: 1;\\n}\\n\\n.ui5-progress-indicator-min-value .ui5-progress-indicator-bar,\\n.ui5-progress-indicator-max-value .ui5-progress-indicator-remaining-bar {\\n\\tborder: none;\\n}\\n\\n.ui5-progress-indicator-max-value .ui5-progress-indicator-bar {\\n\\tborder-radius: 0.5rem;\\n}\\n\\n.ui5-progress-indicator-min-value .ui5-progress-indicator-remaining-bar {\\n\\tborder-inline-start: var(--_ui5_progress_indicator_border);\\n\\tborder-radius: 0.5rem;\\n}\\n\\n.ui5-progress-indicator-remaining-bar {\\n\\tjustify-content: flex-start;\\n\\twidth: var(--_ui5_progress_indicator_remaining_bar_width);\\n\\theight: 100%;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n    flex-direction: row;\\n\\tflex-grow: 1;\\n\\tflex-basis: 0;\\n\\tborder: var(--_ui5_progress_indicator_border);\\n\\tborder-inline-start: none;\\n\\tborder-radius: var(--_ui5_progress_indicator_remaining_bar_border_radius);\\n\\tbox-sizing: border-box;\\n\\tcolor: var(--_ui5_progress_indicator_color);\\n\\toverflow: var(--_ui5_progress_indicator_remaining_bar_overflow);\\n\\tposition: var(--_ui5_progress_indicator_remaining_bar_position);\\n}\\n\\n.ui5-progress-indicator-value {\\n\\tmargin: var(--_ui5_progress_indicator_value_margin);\\n\\twhite-space: nowrap;\\n\\toverflow: hidden;\\n\\ttext-overflow: ellipsis;\\n\\tmax-width: 100%;\\n\\tposition: var(--_ui5_progress_indicator_value_position);\\n\\ttop: var(--_ui5_progress_indicator_value_top_position);\\n\\tinset-inline-start: var(--_ui5_progress_indicator_value_left_position);\\n}\\n\\n.ui5-progress-indicator-icon {\\n\\tmargin-inline-start: 0.375rem;\\n\\twidth: var(--_ui5_progress_indicator_icon_size);\\n\\theight: var(--_ui5_progress_indicator_icon_size);\\n\\tdisplay: var(--_ui5_progress_indicator_icon_visibility);\\n\\tposition: var(--_ui5_progress_indicator_icon_position);\\n\\tinset-inline-end: var(--_ui5_progress_indicator_icon_right_position);\\n}\\n\\n:host([value-state=\\\"Error\\\"]) .ui5-progress-indicator-icon {\\n\\tcolor: var(--_ui5_progress_indicator_value_state_error_icon_color);\\n}\\n\\n:host([value-state=\\\"Warning\\\"]) .ui5-progress-indicator-icon {\\n\\tcolor: var(--_ui5_progress_indicator_value_state_warning_icon_color);\\n}\\n\\n:host([value-state=\\\"Success\\\"]) .ui5-progress-indicator-icon {\\n\\tcolor: var(--_ui5_progress_indicator_value_state_success_icon_color);\\n}\\n\\n:host([value-state=\\\"Information\\\"]) .ui5-progress-indicator-icon {\\n\\tcolor: var(--_ui5_progress_indicator_value_state_information_icon_color);\\n}\\n\\n:host([value-state=\\\"Error\\\"]) .ui5-progress-indicator-bar {\\n\\tbackground: var(--_ui5_progress_indicator_value_state_error);\\n\\tborder: 0.0625rem solid\\n\\t\\tvar(--_ui5_progress_indicator_value_state_error_border_color);\\n}\\n\\n:host([value-state=\\\"Warning\\\"]) .ui5-progress-indicator-bar {\\n\\tbackground: var(--_ui5_progress_indicator_value_state_warning);\\n\\tborder: 0.0625rem solid\\n\\t\\tvar(--_ui5_progress_indicator_value_state_warning_border_color);\\n}\\n\\n:host([value-state=\\\"Success\\\"]) .ui5-progress-indicator-bar {\\n\\tbackground: var(--_ui5_progress_indicator_value_state_success);\\n\\tborder: 0.0625rem solid\\n\\t\\tvar(--_ui5_progress_indicator_value_state_success_border_color);\\n}\\n\\n:host([value-state=\\\"Information\\\"]) .ui5-progress-indicator-bar {\\n\\tbackground: var(--_ui5_progress_indicator_value_state_information);\\n\\tborder: 0.0625rem solid\\n\\t\\tvar(--_ui5_progress_indicator_value_state_information_border_color);\\n}\\n\\n:host([value-state=\\\"Error\\\"]) .ui5-progress-indicator-root {\\n\\tbackground: var(--_ui5_progress_indicator_background_error);\\n}\\n\\n:host([value-state=\\\"Warning\\\"]) .ui5-progress-indicator-root {\\n\\tbackground: var(--_ui5_progress_indicator_background_warning);\\n}\\n\\n:host([value-state=\\\"Success\\\"]) .ui5-progress-indicator-root {\\n\\tbackground: var(--_ui5_progress_indicator_background_success);\\n}\\n\\n:host([value-state=\\\"Information\\\"]) .ui5-progress-indicator-root {\\n\\tbackground: var(--_ui5_progress_indicator_background_information);\\n}\\n\\n:host([value-state=\\\"Error\\\"]) .ui5-progress-indicator-remaining-bar {\\n\\tborder-color: var(--_ui5_progress_indicator_border_color_error);\\n}\\n\\n:host([value-state=\\\"Warning\\\"]) .ui5-progress-indicator-remaining-bar {\\n\\tborder-color: var(--_ui5_progress_indicator_border_color_warning);\\n}\\n\\n:host([value-state=\\\"Success\\\"]) .ui5-progress-indicator-remaining-bar {\\n\\tborder-color: var(--_ui5_progress_indicator_border_color_success);\\n}\\n\\n:host([value-state=\\\"Information\\\"]) .ui5-progress-indicator-remaining-bar {\\n\\tborder-color: var(--_ui5_progress_indicator_border_color_information);\\n}\\n\\n:host([disabled]) .ui5-progress-indicator-root {\\n\\topacity: 0.4;\\n}\\n\\n/* Start and End points - Horizon */\\n\\n.ui5-progress-indicator-remaining-bar::before,\\n.ui5-progress-indicator-remaining-bar::after {\\n\\tcontent: \\\"\\\";\\n\\tdisplay: block;\\n\\twidth: 0.25rem;\\n\\theight: 0.25rem;\\n\\tposition: absolute;\\n\\tborder-radius: 50%;\\n\\tdisplay: var(--_ui5_progress_indicator_side_points_visibility);\\n\\tbackground: var(--_ui5_progress_indicator_value_state_none);\\n}\\n\\n.ui5-progress-indicator-remaining-bar::before {\\n\\tleft: 0.0625rem;\\n}\\n\\n.ui5-progress-indicator-remaining-bar::after {\\n\\tright: 0.0625rem;\\n}\\n\\n:host([value-state=\\\"Error\\\"]) .ui5-progress-indicator-remaining-bar::before,\\n:host([value-state=\\\"Error\\\"]) .ui5-progress-indicator-remaining-bar::after {\\n\\tbackground: var(--sapProgress_Value_NegativeBackground);\\n}\\n\\n:host([value-state=\\\"Warning\\\"]) .ui5-progress-indicator-remaining-bar::before,\\n:host([value-state=\\\"Warning\\\"]) .ui5-progress-indicator-remaining-bar::after {\\n\\tbackground: var(--sapProgress_Value_CriticalBackground);\\n}\\n\\n:host([value-state=\\\"Success\\\"]) .ui5-progress-indicator-remaining-bar::before,\\n:host([value-state=\\\"Success\\\"]) .ui5-progress-indicator-remaining-bar::after {\\n\\tbackground: var(--sapProgress_Value_PositiveBackground);\\n}\\n\\n:host([value-state=\\\"Information\\\"])\\n\\t.ui5-progress-indicator-remaining-bar::before,\\n:host([value-state=\\\"Information\\\"])\\n\\t.ui5-progress-indicator-remaining-bar::after {\\n\\tbackground: var(--sapProgress_Value_InformationBackground);\\n}\\n\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/RadioButton.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/RadioButton.css", content: ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block}:host{min-width:var(--_ui5_radio_button_min_width);max-width:100%;text-overflow:ellipsis;overflow:hidden;color:var(--_ui5_radio_button_color);border-radius:var(--_ui5_radio_button_border_radius);transition:var(--_ui5_radio_button_transition)}:host(:not([disabled])) .ui5-radio-root{cursor:pointer}:host([checked]){color:var(--_ui5_radio_button_checked_fill)}:host([checked]) .ui5-radio-svg-inner{fill:var(--_ui5_radio_button_inner_ring_color)}:host([checked]) .ui5-radio-svg-outer{stroke:var(--_ui5_radio_button_outer_ring_color)}:host([disabled]) .ui5-radio-root{color:var(--_ui5_radio_button_color);opacity:var(--sapContent_DisabledOpacity)}:host([disabled][checked]) .ui5-radio-svg-outer{stroke:var(--_ui5_radio_button_color)}:host(:not([disabled])) .ui5-radio-root:focus-visible:before{content:\"\";display:var(--_ui5_radio_button_focus_outline);position:absolute;top:var(--_ui5_radio_button_focus_dist);bottom:var(--_ui5_radio_button_focus_dist);left:var(--_ui5_radio_button_focus_dist);right:var(--_ui5_radio_button_focus_dist);pointer-events:none;border:var(--_ui5_radio_button_border_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5_radio_button_border_radius)}:host(:not([disabled])[readonly]) .ui5-radio-root:focus-visible:before{border:var(--_ui5_radio_button_border_width) var(--_ui5_radio_button_border_readonly_focus_style) var(--sapContent_FocusColor)}:host(:not([disabled])) .ui5-radio-root:focus-visible{border-radius:var(--_ui5_radio_button_border_radius);border:var(--_ui5_radio_button_focus_border)}:host(:not([disabled]):hover){background:var(--_ui5_radio_button_hover_background);box-shadow:var(--_ui5_radio_button_hover_shadow)}:host(:not([value-state=Error]):not([value-state=Warning]):not([value-state=Success]):not([value-state=Information])) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--_ui5_radio_button_outer_ring_hover_color)}:host(:not([value-state=Error]):not([value-state=Warning]):not([value-state=Success]):not([value-state=Information])) .ui5-radio-root:hover .ui5-radio-inner--hoverable{filter:drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow))}:host(:not([value-state=Error]):not([value-state=Warning]):not([value-state=Success]):not([value-state=Information])[checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--_ui5_radio_button_outer_ring_checked_hover_color)}.ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer,:host([checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5_radio_button_hover_fill)}:host([active][checked]:not([value-state]):not([disabled]):not([readonly])) .ui5-radio-svg-outer{stroke:var(--_ui5_radio_button_outer_ring_checked_hover_color)}:host([active]:not([checked]):not([value-state]):not([disabled]):not([readonly])) .ui5-radio-svg-outer{stroke:var(--_ui5_radio_button_outer_ring_active_color)}:host([text]) .ui5-radio-root:focus-visible:before{inset-inline:var(--_ui5_radio_button_focus_dist) 0}:host([text]) .ui5-radio-inner{padding:var(--_ui5_radio_button_outer_ring_padding_with_label)}:host([checked][readonly]) .ui5-radio-svg-inner{fill:var(--sapContent_NonInteractiveIconColor)}:host([readonly]) .ui5-radio-root .ui5-radio-svg-outer{fill:var(--sapField_ReadOnly_Background);stroke:var(--sapField_ReadOnly_BorderColor);stroke-dasharray:var(--_ui5_radio_button_read_only_border_type);stroke-width:var(--_ui5_radio_button_read_only_border_width)}:host([value-state=Error]) .ui5-radio-svg-outer,:host([value-state=Warning]) .ui5-radio-svg-outer{stroke-width:var(--sapField_InvalidBorderWidth)}:host([value-state=Information]) .ui5-radio-svg-outer{stroke-width:var(--_ui5_radio_button_information_border_width)}:host([value-state=Error][checked]) .ui5-radio-svg-inner{fill:var(--_ui5_radio_button_checked_error_fill)}:host([value-state=Error]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer,:host([value-state=Error]) .ui5-radio-svg-outer{stroke:var(--sapField_InvalidColor);fill:var(--sapField_InvalidBackground)}:host([value-state=Error]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5_radio_button_hover_fill_error)}:host([value-state=Error]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable{filter:drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_error))}:host([value-state=Warning][checked]) .ui5-radio-svg-inner{fill:var(--_ui5_radio_button_checked_warning_fill)}:host([value-state=Warning]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer,:host([value-state=Warning]) .ui5-radio-svg-outer{stroke:var(--sapField_WarningColor);fill:var(--sapField_WarningBackground)}:host([value-state=Warning]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5_radio_button_hover_fill_warning)}:host([value-state=Warning]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable{filter:drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_warning))}:host([value-state=Success][checked]) .ui5-radio-svg-inner{fill:var(--_ui5_radio_button_checked_success_fill)}:host([value-state=Success]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer,:host([value-state=Success]) .ui5-radio-svg-outer{stroke:var(--sapField_SuccessColor);fill:var(--sapField_SuccessBackground)}:host([value-state=Success]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5_radio_button_hover_fill_success)}:host([value-state=Success]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable{filter:drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_success))}:host([value-state=Information][checked]) .ui5-radio-svg-inner{fill:var(--_ui5_radio_button_checked_information_fill)}:host([value-state=Information]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer,:host([value-state=Information]) .ui5-radio-svg-outer{stroke:var(--sapField_InformationColor);fill:var(--sapField_InformationBackground)}:host([value-state=Information]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5_radio_button_hover_fill_information)}:host([value-state=Information]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable{filter:drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_information))}:host([value-state=Error]) .ui5-radio-root,:host([value-state=Information]) .ui5-radio-root,:host([value-state=Warning]) .ui5-radio-root{stroke-dasharray:var(--_ui5_radio_button_warning_error_border_dash)}.ui5-radio-root{height:var(--_ui5_radio_button_height);position:relative;display:inline-flex;flex-wrap:nowrap;outline:none;max-width:100%;width:var(--_ui5_radio_button_inner_width);box-sizing:border-box;border:var(--_ui5_radio_button_border);border-radius:var(--_ui5_radio_button_border_radius);transition:var(--_ui5_radio_button_transition)}.ui5-radio-inner{display:flex;align-items:center;padding:var(--_ui5_radio_button_outer_ring_padding);flex-shrink:0;height:var(--_ui5_radio_button_inner_size);font-size:1rem;pointer-events:none;vertical-align:top}.ui5-radio-inner{outline:none}.ui5-radio-inner input{-webkit-appearance:none;visibility:hidden;width:0;left:0;position:absolute;font-size:inherit;margin:0}[ui5-label].ui5-radio-label{display:flex;align-items:center;padding-inline-end:var(--_ui5_radio_button_label_offset);vertical-align:top;max-width:100%;text-overflow:ellipsis;overflow:hidden;pointer-events:none;color:var(--_ui5_radio_button_label_color)}:host([wrapping-type=Normal][text]) .ui5-radio-root{height:auto}:host([wrapping-type=Normal][text]) [ui5-label].ui5-radio-label{padding:var(--_ui5_radio_button_label_side_padding) 0;overflow-wrap:break-word}.ui5-radio-svg{height:var(--_ui5_radio_button_svg_size);width:var(--_ui5_radio_button_svg_size);overflow:visible;pointer-events:none}.ui5-radio-svg-outer{fill:var(--_ui5_radio_button_outer_ring_bg);stroke:currentColor;stroke-width:var(--_ui5_radio_button_outer_ring_width)}.ui5-radio-svg-inner{fill:none;r:var(--_ui5_radio_button_inner_ring_radius)}.ui5-radio-svg-inner,.ui5-radio-svg-outer{flex-shrink:0}:host(.ui5-li-singlesel-radiobtn) .ui5-radio-root .ui5-radio-inner .ui5-radio-svg-outer{fill:var(--sapList_Background)}" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/RadioButton.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(:not([hidden])) {\n\tdisplay: inline-block;\n}\n\n:host {\n\tmin-width: var(--_ui5_radio_button_min_width);\n\tmax-width: 100%;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tcolor: var(--_ui5_radio_button_color);\n\tborder-radius: var(--_ui5_radio_button_border_radius);\n\ttransition: var(--_ui5_radio_button_transition);\n}\n\n:host(:not([disabled])) .ui5-radio-root {\n\tcursor: pointer;\n}\n\n/* checked */\n\n:host([checked]) {\n\tcolor: var(--_ui5_radio_button_checked_fill);\n}\n\n:host([checked]) .ui5-radio-svg-inner {\n\tfill: var(--_ui5_radio_button_inner_ring_color);\n}\n\n:host([checked]) .ui5-radio-svg-outer {\n\tstroke: var(--_ui5_radio_button_outer_ring_color);\n}\n\n/* disabled */\n\n:host([disabled]) .ui5-radio-root {\n\tcolor: var(--_ui5_radio_button_color);\n\topacity: var(--sapContent_DisabledOpacity);\n}\n\n:host([disabled][checked]) .ui5-radio-svg-outer {\n\tstroke: var(--_ui5_radio_button_color);\n}\n\n/* focused */\n\n:host(:not([disabled])) .ui5-radio-root:focus-visible:before {\n\tcontent: \"\";\n\tdisplay: var(--_ui5_radio_button_focus_outline);\n\tposition: absolute;\n\ttop: var(--_ui5_radio_button_focus_dist);\n\tbottom: var(--_ui5_radio_button_focus_dist);\n\tleft: var(--_ui5_radio_button_focus_dist);\n\tright: var(--_ui5_radio_button_focus_dist);\n\tpointer-events: none;\n\tborder: var(--_ui5_radio_button_border_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\tborder-radius: var(--_ui5_radio_button_border_radius);\n}\n\n/* horizon readonly focus */\n\n:host(:not([disabled])[readonly]) .ui5-radio-root:focus-visible:before {\n\tborder: var(--_ui5_radio_button_border_width) var(--_ui5_radio_button_border_readonly_focus_style) var(--sapContent_FocusColor);\n}\n\n:host(:not([disabled])) .ui5-radio-root:focus-visible {\n\tborder-radius: var(--_ui5_radio_button_border_radius);\n\tborder: var(--_ui5_radio_button_focus_border);\n}\n\n/* hovered */\n\n:host(:not([disabled]):hover) {\n\tbackground: var(--_ui5_radio_button_hover_background);\n\tbox-shadow: var(--_ui5_radio_button_hover_shadow);\n}\n\n/* hovered and value-state */\n\n:host(:not([value-state=\"Error\"]):not([value-state=\"Warning\"]):not([value-state=\"Success\"]):not([value-state=\"Information\"])) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer {\n\tstroke: var(--_ui5_radio_button_outer_ring_hover_color);\n}\n\n:host(:not([value-state=\"Error\"]):not([value-state=\"Warning\"]):not([value-state=\"Success\"]):not([value-state=\"Information\"])) .ui5-radio-root:hover .ui5-radio-inner--hoverable {\n\tfilter: drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow));\n}\n\n:host(:not([value-state=\"Error\"]):not([value-state=\"Warning\"]):not([value-state=\"Success\"]):not([value-state=\"Information\"])[checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer {\n\tstroke: var(--_ui5_radio_button_outer_ring_checked_hover_color);\n}\n\n.ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer,\n:host([checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer {\n\tfill: var(--_ui5_radio_button_hover_fill);\n}\n\n/* active, checked */\n\n:host([active][checked]:not([value-state]):not([disabled]):not([readonly])) .ui5-radio-svg-outer {\n\tstroke: var(--_ui5_radio_button_outer_ring_checked_hover_color);\n}\n\n/* active, not checked */\n\n:host([active]:not([checked]):not([value-state]):not([disabled]):not([readonly])) .ui5-radio-svg-outer {\n\tstroke: var(--_ui5_radio_button_outer_ring_active_color);\n}\n\n/* with label */\n\n:host([text]) .ui5-radio-root:focus-visible:before {\n\tinset-inline: var(--_ui5_radio_button_focus_dist) 0;\n}\n\n:host([text]) .ui5-radio-inner {\n\tpadding: var(--_ui5_radio_button_outer_ring_padding_with_label);\n}\n\n/* readonly */\n\n:host([checked][readonly]) .ui5-radio-svg-inner {\n\tfill: var(--sapContent_NonInteractiveIconColor);\n}\n\n:host([readonly]) .ui5-radio-root .ui5-radio-svg-outer {\n\tfill: var(--sapField_ReadOnly_Background);\n\tstroke: var(--sapField_ReadOnly_BorderColor);\n\tstroke-dasharray: var(--_ui5_radio_button_read_only_border_type);\n\tstroke-width: var(--_ui5_radio_button_read_only_border_width);\n}\n\n/* value states */\n\n:host([value-state=\"Error\"]) .ui5-radio-svg-outer,\n:host([value-state=\"Warning\"]) .ui5-radio-svg-outer {\n\tstroke-width: var(--sapField_InvalidBorderWidth);\n}\n\n:host([value-state=\"Information\"]) .ui5-radio-svg-outer {\n\tstroke-width: var(--_ui5_radio_button_information_border_width);\n}\n\n/* Error state */\n\n:host([value-state=\"Error\"][checked]) .ui5-radio-svg-inner {\n\tfill: var(--_ui5_radio_button_checked_error_fill);\n}\n\n:host([value-state=\"Error\"]) .ui5-radio-svg-outer,\n:host([value-state=\"Error\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer {\n\tstroke: var(--sapField_InvalidColor);\n\tfill: var(--sapField_InvalidBackground);\n}\n\n:host([value-state=\"Error\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer {\n\tfill: var(--_ui5_radio_button_hover_fill_error);\n}\n\n:host([value-state=\"Error\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable {\n\tfilter: drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_error));\n}\n\n/* Warning state */\n\n:host([value-state=\"Warning\"][checked]) .ui5-radio-svg-inner {\n\tfill: var(--_ui5_radio_button_checked_warning_fill);\n}\n\n:host([value-state=\"Warning\"]) .ui5-radio-svg-outer,\n:host([value-state=\"Warning\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer {\n\tstroke: var(--sapField_WarningColor);\n\tfill: var(--sapField_WarningBackground);\n}\n\n:host([value-state=\"Warning\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer {\n\tfill: var(--_ui5_radio_button_hover_fill_warning);\n}\n\n:host([value-state=\"Warning\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable {\n\tfilter: drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_warning));\n}\n\n/* Success state */\n\n:host([value-state=\"Success\"][checked]) .ui5-radio-svg-inner {\n\tfill: var(--_ui5_radio_button_checked_success_fill);\n}\n\n:host([value-state=\"Success\"]) .ui5-radio-svg-outer,\n:host([value-state=\"Success\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer {\n\tstroke: var(--sapField_SuccessColor);\n\tfill: var(--sapField_SuccessBackground);\n}\n\n:host([value-state=\"Success\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer {\n\tfill: var(--_ui5_radio_button_hover_fill_success);\n}\n\n:host([value-state=\"Success\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable {\n\tfilter: drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_success));\n}\n\n/* Information state */\n\n:host([value-state=\"Information\"][checked]) .ui5-radio-svg-inner {\n\tfill: var(--_ui5_radio_button_checked_information_fill);\n}\n\n:host([value-state=\"Information\"]) .ui5-radio-svg-outer,\n:host([value-state=\"Information\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer {\n\tstroke: var(--sapField_InformationColor);\n\tfill: var(--sapField_InformationBackground);\n}\n\n:host([value-state=\"Information\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer {\n\tfill: var(--_ui5_radio_button_hover_fill_information);\n}\n\n:host([value-state=\"Information\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable {\n\tfilter: drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_information));\n}\n\n:host([value-state=\"Error\"]) .ui5-radio-root,\n:host([value-state=\"Warning\"]) .ui5-radio-root,\n:host([value-state=\"Information\"]) .ui5-radio-root {\n\tstroke-dasharray: var(--_ui5_radio_button_warning_error_border_dash);\n}\n\n.ui5-radio-root {\n\theight: var(--_ui5_radio_button_height);\n\tposition: relative;\n\tdisplay: inline-flex;\n\tflex-wrap: nowrap;\n\toutline: none;\n\tmax-width: 100%;\n\twidth: var(--_ui5_radio_button_inner_width);\n\tbox-sizing: border-box;\n\tborder: var(--_ui5_radio_button_border);\n\tborder-radius: var(--_ui5_radio_button_border_radius);\n\ttransition: var(--_ui5_radio_button_transition);\n}\n\n/* Inner */\n\n.ui5-radio-inner {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: var(--_ui5_radio_button_outer_ring_padding);\n\tflex-shrink: 0;\n\theight: var(--_ui5_radio_button_inner_size);\n\tfont-size: 1rem; /* override font size of the message dialog */\n\tpointer-events: none;\n\tvertical-align: top;\n}\n\n.ui5-radio-inner {\n\toutline: none;\n}\n\n.ui5-radio-inner input {\n\t-webkit-appearance: none;\n\tvisibility: hidden;\n\twidth: 0;\n\tleft: 0;\n\tposition: absolute;\n\tfont-size: inherit;\n\tmargin: 0; /* FF puts margin */\n}\n\n/* Label */\n\n[ui5-label].ui5-radio-label {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-inline-end: var(--_ui5_radio_button_label_offset);\n\tvertical-align: top;\n\tmax-width: 100%;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tpointer-events: none;\n\tcolor: var(--_ui5_radio_button_label_color);\n}\n\n:host([wrapping-type=\"Normal\"][text]) .ui5-radio-root {\n\theight: auto;\n}\n\n:host([wrapping-type=\"Normal\"][text]) [ui5-label].ui5-radio-label {\n\tpadding: var(--_ui5_radio_button_label_side_padding) 0;\n\toverflow-wrap: break-word;\n}\n\n/* SVG */\n\n.ui5-radio-svg {\n\theight: var(--_ui5_radio_button_svg_size);\n\twidth: var(--_ui5_radio_button_svg_size);\n\toverflow: visible;\n\tpointer-events: none;\n}\n\n.ui5-radio-svg-outer {\n\tfill: var(--_ui5_radio_button_outer_ring_bg);\n\tstroke: currentColor;\n\tstroke-width: var(--_ui5_radio_button_outer_ring_width);\n}\n\n.ui5-radio-svg-inner {\n\tfill: none;\n\tr: var(--_ui5_radio_button_inner_ring_radius);\n}\n\n.ui5-radio-svg-outer,\n.ui5-radio-svg-inner {\n\tflex-shrink: 0;\n}\n\n/* ListItem Context */\n\n:host(.ui5-li-singlesel-radiobtn) .ui5-radio-root .ui5-radio-inner .ui5-radio-svg-outer {\n\tfill: var(--sapList_Background);\n}\n" };
 export default styleData;
 //# sourceMappingURL=RadioButton.css.js.map