@ui5/webcomponents 1.16.0-rc.2 → 1.16.0-rc.4

package/dist/generated/themes/CheckBox.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/CheckBox.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:host {\n\t-webkit-tap-highlight-color: rgba(0,0,0,0);\n}\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n:host {\n\toverflow: hidden;\n\tmax-width: 100%;\n\toutline: none;\n\tborder-radius: var(--_ui5_checkbox_border_radius);\n\ttransition: var(--_ui5_checkbox_transition);\n\tcursor: pointer;\n}\n/* disabled */\n:host([disabled]) {\n\tcursor: default;\n}\n:host([disabled]) .ui5-checkbox-root {\n\topacity: var(--_ui5_checkbox_disabled_opacity);\n}\n:host([disabled]) .ui5-checkbox-inner {\n\tborder-color: var(--_ui5_checkbox_inner_disabled_border_color);\n}\n:host([disabled]) .ui5-checkbox-label {\n\tcolor: var(--_ui5_checkbox_disabled_label_color);\n}\n/* readonly */\n:host([readonly]:not([value-state=\"Warning\"]):not([value-state=\"Error\"])) .ui5-checkbox-inner {\n\tbackground: var(--sapField_ReadOnly_Background);\n\tborder: var(--_ui5_checkbox_inner_readonly_border);\n\tcolor: var(--sapField_TextColor);\n}\n/* wrap */\n:host([wrapping-type=\"Normal\"][text]) .ui5-checkbox-root {\n\tmin-height: auto;\n\tbox-sizing: border-box;\n\talign-items: flex-start;\n\tpadding-top: var(--_ui5_checkbox_root_side_padding);\n\tpadding-bottom: var(--_ui5_checkbox_root_side_padding);\n}\n:host([wrapping-type=\"Normal\"][text]) .ui5-checkbox-root .ui5-checkbox-inner,\n:host([wrapping-type=\"Normal\"][text]) .ui5-checkbox-root .ui5-checkbox-label {\n\tmargin-top: var(--_ui5_checkbox_wrapped_content_margin_top);\n}\n:host([wrapping-type=\"Normal\"][text]) .ui5-checkbox-root .ui5-checkbox-label {\n\toverflow-wrap: break-word;\n\talign-self: center;\n}\n:host([wrapping-type=\"Normal\"]) .ui5-checkbox-root:focus::before {\n\tbottom: var(--_ui5_checkbox_wrapped_focus_left_top_bottom_position);\n}\n/* value states */\n:host([value-state=\"Error\"]) .ui5-checkbox-inner,\n:host([value-state=\"Error\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--sapField_InvalidBackground);\n\tborder: var(--_ui5_checkbox_inner_error_border);\n\tcolor: var(--sapField_InvalidColor);\n}\n:host([value-state=\"Error\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--_ui5_checkbox_inner_error_background_hover);\n}\n:host([value-state=\"Warning\"]) .ui5-checkbox-inner,\n:host([value-state=\"Warning\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--sapField_WarningBackground);\n\tborder: var(--_ui5_checkbox_inner_warning_border);\n\tcolor: var(--_ui5_checkbox_inner_warning_color);\n}\n:host([value-state=\"Warning\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--_ui5_checkbox_inner_warning_background_hover);\n}\n:host([value-state=\"Information\"]) .ui5-checkbox-inner,\n:host([value-state=\"Information\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--sapField_InformationBackground);\n\tborder: var(--_ui5_checkbox_inner_information_border);\n\tcolor: var(--_ui5_checkbox_inner_information_color);\n}\n:host([value-state=\"Information\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--_ui5_checkbox_inner_information_background_hover);\n}\n:host([value-state=\"Success\"]) .ui5-checkbox-inner,\n:host([value-state=\"Success\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner  {\n\tbackground: var(--sapField_SuccessBackground);\n\tborder: var(--_ui5_checkbox_inner_success_border);\n\tcolor: var(--sapField_SuccessColor);\n}\n:host([value-state=\"Success\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner  {\n\tbackground: var(--_ui5_checkbox_inner_success_background_hover);\n}\n:host([value-state=\"Warning\"]) .ui5-checkbox-icon,\n:host([value-state=\"Warning\"][indeterminate]) .ui5-checkbox-inner::after {\n\tcolor: var(--_ui5_checkbox_checkmark_warning_color);\n}\n:host([text]) .ui5-checkbox-root {\n\tpadding-inline-end: var(--_ui5_checkbox_right_focus_distance);\n}\n:host([text]) .ui5-checkbox-root:focus::before {\n\tinset-inline-end: 0;\n}\n.ui5-checkbox-root {\n\tposition: relative;\n\tdisplay: inline-flex;\n\talign-items: center;\n\twidth: 100%;\n\tmin-height: var(--_ui5_checkbox_width_height);\n\tmin-width: var(--_ui5_checkbox_width_height);\n\tpadding: 0 var(--_ui5_checkbox_wrapper_padding);\n\tbox-sizing: border-box;\n\toutline: none;\n\ttransition: var(--_ui5_checkbox_transition);\n\tborder: var(--_ui5_checkbox_default_focus_border);\n\tborder-radius: var(--_ui5_checkbox_border_radius);\n\tbox-sizing: border-box;\n}\n/* focused */\n.ui5-checkbox-root:focus::before {\n\tdisplay: var(--_ui5_checkbox_focus_outline_display);\n\tcontent: \"\";\n\tposition: absolute;\n\tinset-inline: var(--_ui5_checkbox_focus_position);\n\tinset-block: var(--_ui5_checkbox_focus_position);\n\tborder: var(--_ui5_checkbox_focus_outline);\n\tborder-radius: var(--_ui5_checkbox_focus_border_radius);\n}\n:host .ui5-checkbox-root:focus {\n\tborder: var(--_ui5_checkbox_focus_border);\n\tborder-radius: 0.5rem;\n}\n/* hover */\n:host(:hover:not([disabled])) {\n\tbackground: var(--_ui5_checkbox_outer_hover_background);\n}\n.ui5-checkbox--hoverable .ui5-checkbox-label:hover {\n\tcolor: var(--_ui5_checkbox_label_color);\n}\n/* hover, not active, not checked */\n:host(:not([active]):not([checked]):not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,\n:host(:not([active]):not([checked])[value-state=\"None\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--_ui5_checkbox_hover_background);\n\tborder-color: var(--_ui5_checkbox_inner_hover_border_color);\n}\n/* hover, not active, checked */\n:host(:not([active])[checked]:not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,\n:host(:not([active])[checked][value-state=\"None\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--_ui5_checkbox_hover_background);\n\tborder-color: var(--_ui5_checkbox_inner_hover_checked_border_color);\n}\n/* checked */\n:host([checked]:not([value-state])) .ui5-checkbox-inner,\n:host([checked][value-state=\"None\"]) .ui5-checkbox-inner {\n\tborder-color: var(--_ui5_checkbox_inner_selected_border_color);\n}\n/* active, not checked */\n:host([active]:not([checked]):not([value-state]):not([disabled])) .ui5-checkbox-inner,\n:host([active]:not([checked])[value-state=\"None\"]:not([disabled])) .ui5-checkbox-inner {\n\tborder-color: var(--_ui5_checkbox_inner_active_border_color);\n\tbackground-color: var(--_ui5_checkbox_active_background);\n}\n/* active, checked */\n:host([active][checked]:not([value-state]):not([disabled])) .ui5-checkbox-inner,\n:host([active][checked][value-state=\"None\"]:not([disabled])) .ui5-checkbox-inner {\n\tborder-color: var(--_ui5_checkbox_inner_selected_border_color);\n\tbackground-color: var(--_ui5_checkbox_active_background);\n}\n.ui5-checkbox-inner {\n\tmin-width: var(--_ui5_checkbox_inner_width_height);\n\tmax-width: var(--_ui5_checkbox_inner_width_height);\n\theight: var(--_ui5_checkbox_inner_width_height);\n\tmax-height: var(--_ui5_checkbox_inner_width_height);\n\tborder: var(--_ui5_checkbox_inner_border);\n\tborder-radius: var(--_ui5_checkbox_inner_border_radius);\n\tbackground: var(--_ui5_checkbox_inner_background);\n\tcolor: var(--_ui5_checkbox_checkmark_color);\n\tbox-sizing: border-box;\n\tposition: relative;\n\tcursor: inherit;\n}\n:host([indeterminate][checked]) .ui5-checkbox-inner::after {\n\tcontent: \"\";\n\tbackground-color: currentColor;\n\tposition: absolute;\n\tleft:50%;\n\ttop:50%;\n\ttransform: translate(-50%, -50%);\n\twidth: var(--_ui5_checkbox_partially_icon_size);\n\theight: var(--_ui5_checkbox_partially_icon_size);\n}\n.ui5-checkbox-inner input {\n\t-webkit-appearance: none;\n\tvisibility: hidden;\n\twidth: 0;\n\tleft: 0;\n\tposition: absolute;\n\tfont-size: inherit;\n}\n.ui5-checkbox-root .ui5-checkbox-label {\n\tmargin-inline-start: var(--_ui5_checkbox_label_offset);\n\tcursor: inherit;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tpointer-events: none;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\tcolor: var(--_ui5_checkbox_label_color);\n}\n.ui5-checkbox-icon {\n\twidth: var(--_ui5_checkbox_icon_size);\n\theight: var(--_ui5_checkbox_icon_size);\n\tcolor: currentColor;\n\tcursor: inherit;\n\tposition: absolute;\n\tleft:50%;\n\ttop:50%;\n\ttransform: translate(-50%, -50%);\n}\n\n\n" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/CheckBox.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:host {\n\t-webkit-tap-highlight-color: rgba(0,0,0,0);\n}\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n:host {\n\toverflow: hidden;\n\tmax-width: 100%;\n\toutline: none;\n\tborder-radius: var(--_ui5_checkbox_border_radius);\n\ttransition: var(--_ui5_checkbox_transition);\n\tcursor: pointer;\n\tuser-select: none;\n  \t-moz-user-select: none;\n  \t-webkit-user-select: none;\n  \t-ms-user-select: none;\n}\n/* disabled */\n:host([disabled]) {\n\tcursor: default;\n}\n:host([disabled]) .ui5-checkbox-root {\n\topacity: var(--_ui5_checkbox_disabled_opacity);\n}\n:host([disabled]) .ui5-checkbox-inner {\n\tborder-color: var(--_ui5_checkbox_inner_disabled_border_color);\n}\n:host([disabled]) .ui5-checkbox-label {\n\tcolor: var(--_ui5_checkbox_disabled_label_color);\n}\n/* readonly */\n:host([readonly]:not([value-state=\"Warning\"]):not([value-state=\"Error\"])) .ui5-checkbox-inner {\n\tbackground: var(--sapField_ReadOnly_Background);\n\tborder: var(--_ui5_checkbox_inner_readonly_border);\n\tcolor: var(--sapField_TextColor);\n}\n/* wrap */\n:host([wrapping-type=\"Normal\"][text]) .ui5-checkbox-root {\n\tmin-height: auto;\n\tbox-sizing: border-box;\n\talign-items: flex-start;\n\tpadding-top: var(--_ui5_checkbox_root_side_padding);\n\tpadding-bottom: var(--_ui5_checkbox_root_side_padding);\n}\n:host([wrapping-type=\"Normal\"][text]) .ui5-checkbox-root .ui5-checkbox-inner,\n:host([wrapping-type=\"Normal\"][text]) .ui5-checkbox-root .ui5-checkbox-label {\n\tmargin-top: var(--_ui5_checkbox_wrapped_content_margin_top);\n}\n:host([wrapping-type=\"Normal\"][text]) .ui5-checkbox-root .ui5-checkbox-label {\n\toverflow-wrap: break-word;\n\talign-self: center;\n}\n:host([wrapping-type=\"Normal\"]) .ui5-checkbox-root:focus::before {\n\tbottom: var(--_ui5_checkbox_wrapped_focus_left_top_bottom_position);\n}\n/* value states */\n:host([value-state=\"Error\"]) .ui5-checkbox-inner,\n:host([value-state=\"Error\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--sapField_InvalidBackground);\n\tborder: var(--_ui5_checkbox_inner_error_border);\n\tcolor: var(--sapField_InvalidColor);\n}\n:host([value-state=\"Error\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--_ui5_checkbox_inner_error_background_hover);\n}\n:host([value-state=\"Warning\"]) .ui5-checkbox-inner,\n:host([value-state=\"Warning\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--sapField_WarningBackground);\n\tborder: var(--_ui5_checkbox_inner_warning_border);\n\tcolor: var(--_ui5_checkbox_inner_warning_color);\n}\n:host([value-state=\"Warning\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--_ui5_checkbox_inner_warning_background_hover);\n}\n:host([value-state=\"Information\"]) .ui5-checkbox-inner,\n:host([value-state=\"Information\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--sapField_InformationBackground);\n\tborder: var(--_ui5_checkbox_inner_information_border);\n\tcolor: var(--_ui5_checkbox_inner_information_color);\n}\n:host([value-state=\"Information\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--_ui5_checkbox_inner_information_background_hover);\n}\n:host([value-state=\"Success\"]) .ui5-checkbox-inner,\n:host([value-state=\"Success\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner  {\n\tbackground: var(--sapField_SuccessBackground);\n\tborder: var(--_ui5_checkbox_inner_success_border);\n\tcolor: var(--sapField_SuccessColor);\n}\n:host([value-state=\"Success\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner  {\n\tbackground: var(--_ui5_checkbox_inner_success_background_hover);\n}\n:host([value-state=\"Warning\"]) .ui5-checkbox-icon,\n:host([value-state=\"Warning\"][indeterminate]) .ui5-checkbox-inner::after {\n\tcolor: var(--_ui5_checkbox_checkmark_warning_color);\n}\n:host([text]) .ui5-checkbox-root {\n\tpadding-inline-end: var(--_ui5_checkbox_right_focus_distance);\n}\n:host([text]) .ui5-checkbox-root:focus::before {\n\tinset-inline-end: 0;\n}\n.ui5-checkbox-root {\n\tposition: relative;\n\tdisplay: inline-flex;\n\talign-items: center;\n\twidth: 100%;\n\tmin-height: var(--_ui5_checkbox_width_height);\n\tmin-width: var(--_ui5_checkbox_width_height);\n\tpadding: 0 var(--_ui5_checkbox_wrapper_padding);\n\tbox-sizing: border-box;\n\toutline: none;\n\ttransition: var(--_ui5_checkbox_transition);\n\tborder: var(--_ui5_checkbox_default_focus_border);\n\tborder-radius: var(--_ui5_checkbox_border_radius);\n\tbox-sizing: border-box;\n}\n/* focused */\n.ui5-checkbox-root:focus::before {\n\tdisplay: var(--_ui5_checkbox_focus_outline_display);\n\tcontent: \"\";\n\tposition: absolute;\n\tinset-inline: var(--_ui5_checkbox_focus_position);\n\tinset-block: var(--_ui5_checkbox_focus_position);\n\tborder: var(--_ui5_checkbox_focus_outline);\n\tborder-radius: var(--_ui5_checkbox_focus_border_radius);\n}\n:host .ui5-checkbox-root:focus {\n\tborder: var(--_ui5_checkbox_focus_border);\n\tborder-radius: 0.5rem;\n}\n/* hover */\n:host(:hover:not([disabled])) {\n\tbackground: var(--_ui5_checkbox_outer_hover_background);\n}\n.ui5-checkbox--hoverable .ui5-checkbox-label:hover {\n\tcolor: var(--_ui5_checkbox_label_color);\n}\n/* hover, not active, not checked */\n:host(:not([active]):not([checked]):not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,\n:host(:not([active]):not([checked])[value-state=\"None\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--_ui5_checkbox_hover_background);\n\tborder-color: var(--_ui5_checkbox_inner_hover_border_color);\n}\n/* hover, not active, checked */\n:host(:not([active])[checked]:not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,\n:host(:not([active])[checked][value-state=\"None\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\n\tbackground: var(--_ui5_checkbox_hover_background);\n\tborder-color: var(--_ui5_checkbox_inner_hover_checked_border_color);\n}\n/* checked */\n:host([checked]:not([value-state])) .ui5-checkbox-inner,\n:host([checked][value-state=\"None\"]) .ui5-checkbox-inner {\n\tborder-color: var(--_ui5_checkbox_inner_selected_border_color);\n}\n/* active, not checked */\n:host([active]:not([checked]):not([value-state]):not([disabled])) .ui5-checkbox-inner,\n:host([active]:not([checked])[value-state=\"None\"]:not([disabled])) .ui5-checkbox-inner {\n\tborder-color: var(--_ui5_checkbox_inner_active_border_color);\n\tbackground-color: var(--_ui5_checkbox_active_background);\n}\n/* active, checked */\n:host([active][checked]:not([value-state]):not([disabled])) .ui5-checkbox-inner,\n:host([active][checked][value-state=\"None\"]:not([disabled])) .ui5-checkbox-inner {\n\tborder-color: var(--_ui5_checkbox_inner_selected_border_color);\n\tbackground-color: var(--_ui5_checkbox_active_background);\n}\n.ui5-checkbox-inner {\n\tmin-width: var(--_ui5_checkbox_inner_width_height);\n\tmax-width: var(--_ui5_checkbox_inner_width_height);\n\theight: var(--_ui5_checkbox_inner_width_height);\n\tmax-height: var(--_ui5_checkbox_inner_width_height);\n\tborder: var(--_ui5_checkbox_inner_border);\n\tborder-radius: var(--_ui5_checkbox_inner_border_radius);\n\tbackground: var(--_ui5_checkbox_inner_background);\n\tcolor: var(--_ui5_checkbox_checkmark_color);\n\tbox-sizing: border-box;\n\tposition: relative;\n\tcursor: inherit;\n}\n:host([indeterminate][checked]) .ui5-checkbox-inner::after {\n\tcontent: \"\";\n\tbackground-color: currentColor;\n\tposition: absolute;\n\tleft:50%;\n\ttop:50%;\n\ttransform: translate(-50%, -50%);\n\twidth: var(--_ui5_checkbox_partially_icon_size);\n\theight: var(--_ui5_checkbox_partially_icon_size);\n}\n.ui5-checkbox-inner input {\n\t-webkit-appearance: none;\n\tvisibility: hidden;\n\twidth: 0;\n\tleft: 0;\n\tposition: absolute;\n\tfont-size: inherit;\n}\n.ui5-checkbox-root .ui5-checkbox-label {\n\tmargin-inline-start: var(--_ui5_checkbox_label_offset);\n\tcursor: inherit;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tpointer-events: none;\n\tcolor: var(--_ui5_checkbox_label_color);\n}\n.ui5-checkbox-icon {\n\twidth: var(--_ui5_checkbox_icon_size);\n\theight: var(--_ui5_checkbox_icon_size);\n\tcolor: currentColor;\n\tcursor: inherit;\n\tposition: absolute;\n\tleft:50%;\n\ttop:50%;\n\ttransform: translate(-50%, -50%);\n}\n\n\n" };
 export default styleData;
 //# sourceMappingURL=CheckBox.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.css.js","sourceRoot":"","sources":["../../../src/generated/themes/CheckBox.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,qBAAqB,EAAC,OAAO,EAAC,gzQAAgzQ,EAAC,CAAC;AACx5Q,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/CheckBox.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:host {\\n\\t-webkit-tap-highlight-color: rgba(0,0,0,0);\\n}\\n:host(:not([hidden])) {\\n\\tdisplay: inline-block;\\n}\\n:host {\\n\\toverflow: hidden;\\n\\tmax-width: 100%;\\n\\toutline: none;\\n\\tborder-radius: var(--_ui5_checkbox_border_radius);\\n\\ttransition: var(--_ui5_checkbox_transition);\\n\\tcursor: pointer;\\n}\\n/* disabled */\\n:host([disabled]) {\\n\\tcursor: default;\\n}\\n:host([disabled]) .ui5-checkbox-root {\\n\\topacity: var(--_ui5_checkbox_disabled_opacity);\\n}\\n:host([disabled]) .ui5-checkbox-inner {\\n\\tborder-color: var(--_ui5_checkbox_inner_disabled_border_color);\\n}\\n:host([disabled]) .ui5-checkbox-label {\\n\\tcolor: var(--_ui5_checkbox_disabled_label_color);\\n}\\n/* readonly */\\n:host([readonly]:not([value-state=\\\"Warning\\\"]):not([value-state=\\\"Error\\\"])) .ui5-checkbox-inner {\\n\\tbackground: var(--sapField_ReadOnly_Background);\\n\\tborder: var(--_ui5_checkbox_inner_readonly_border);\\n\\tcolor: var(--sapField_TextColor);\\n}\\n/* wrap */\\n:host([wrapping-type=\\\"Normal\\\"][text]) .ui5-checkbox-root {\\n\\tmin-height: auto;\\n\\tbox-sizing: border-box;\\n\\talign-items: flex-start;\\n\\tpadding-top: var(--_ui5_checkbox_root_side_padding);\\n\\tpadding-bottom: var(--_ui5_checkbox_root_side_padding);\\n}\\n:host([wrapping-type=\\\"Normal\\\"][text]) .ui5-checkbox-root .ui5-checkbox-inner,\\n:host([wrapping-type=\\\"Normal\\\"][text]) .ui5-checkbox-root .ui5-checkbox-label {\\n\\tmargin-top: var(--_ui5_checkbox_wrapped_content_margin_top);\\n}\\n:host([wrapping-type=\\\"Normal\\\"][text]) .ui5-checkbox-root .ui5-checkbox-label {\\n\\toverflow-wrap: break-word;\\n\\talign-self: center;\\n}\\n:host([wrapping-type=\\\"Normal\\\"]) .ui5-checkbox-root:focus::before {\\n\\tbottom: var(--_ui5_checkbox_wrapped_focus_left_top_bottom_position);\\n}\\n/* value states */\\n:host([value-state=\\\"Error\\\"]) .ui5-checkbox-inner,\\n:host([value-state=\\\"Error\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\\n\\tbackground: var(--sapField_InvalidBackground);\\n\\tborder: var(--_ui5_checkbox_inner_error_border);\\n\\tcolor: var(--sapField_InvalidColor);\\n}\\n:host([value-state=\\\"Error\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\\n\\tbackground: var(--_ui5_checkbox_inner_error_background_hover);\\n}\\n:host([value-state=\\\"Warning\\\"]) .ui5-checkbox-inner,\\n:host([value-state=\\\"Warning\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\\n\\tbackground: var(--sapField_WarningBackground);\\n\\tborder: var(--_ui5_checkbox_inner_warning_border);\\n\\tcolor: var(--_ui5_checkbox_inner_warning_color);\\n}\\n:host([value-state=\\\"Warning\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\\n\\tbackground: var(--_ui5_checkbox_inner_warning_background_hover);\\n}\\n:host([value-state=\\\"Information\\\"]) .ui5-checkbox-inner,\\n:host([value-state=\\\"Information\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\\n\\tbackground: var(--sapField_InformationBackground);\\n\\tborder: var(--_ui5_checkbox_inner_information_border);\\n\\tcolor: var(--_ui5_checkbox_inner_information_color);\\n}\\n:host([value-state=\\\"Information\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\\n\\tbackground: var(--_ui5_checkbox_inner_information_background_hover);\\n}\\n:host([value-state=\\\"Success\\\"]) .ui5-checkbox-inner,\\n:host([value-state=\\\"Success\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner  {\\n\\tbackground: var(--sapField_SuccessBackground);\\n\\tborder: var(--_ui5_checkbox_inner_success_border);\\n\\tcolor: var(--sapField_SuccessColor);\\n}\\n:host([value-state=\\\"Success\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner  {\\n\\tbackground: var(--_ui5_checkbox_inner_success_background_hover);\\n}\\n:host([value-state=\\\"Warning\\\"]) .ui5-checkbox-icon,\\n:host([value-state=\\\"Warning\\\"][indeterminate]) .ui5-checkbox-inner::after {\\n\\tcolor: var(--_ui5_checkbox_checkmark_warning_color);\\n}\\n:host([text]) .ui5-checkbox-root {\\n\\tpadding-inline-end: var(--_ui5_checkbox_right_focus_distance);\\n}\\n:host([text]) .ui5-checkbox-root:focus::before {\\n\\tinset-inline-end: 0;\\n}\\n.ui5-checkbox-root {\\n\\tposition: relative;\\n\\tdisplay: inline-flex;\\n\\talign-items: center;\\n\\twidth: 100%;\\n\\tmin-height: var(--_ui5_checkbox_width_height);\\n\\tmin-width: var(--_ui5_checkbox_width_height);\\n\\tpadding: 0 var(--_ui5_checkbox_wrapper_padding);\\n\\tbox-sizing: border-box;\\n\\toutline: none;\\n\\ttransition: var(--_ui5_checkbox_transition);\\n\\tborder: var(--_ui5_checkbox_default_focus_border);\\n\\tborder-radius: var(--_ui5_checkbox_border_radius);\\n\\tbox-sizing: border-box;\\n}\\n/* focused */\\n.ui5-checkbox-root:focus::before {\\n\\tdisplay: var(--_ui5_checkbox_focus_outline_display);\\n\\tcontent: \\\"\\\";\\n\\tposition: absolute;\\n\\tinset-inline: var(--_ui5_checkbox_focus_position);\\n\\tinset-block: var(--_ui5_checkbox_focus_position);\\n\\tborder: var(--_ui5_checkbox_focus_outline);\\n\\tborder-radius: var(--_ui5_checkbox_focus_border_radius);\\n}\\n:host .ui5-checkbox-root:focus {\\n\\tborder: var(--_ui5_checkbox_focus_border);\\n\\tborder-radius: 0.5rem;\\n}\\n/* hover */\\n:host(:hover:not([disabled])) {\\n\\tbackground: var(--_ui5_checkbox_outer_hover_background);\\n}\\n.ui5-checkbox--hoverable .ui5-checkbox-label:hover {\\n\\tcolor: var(--_ui5_checkbox_label_color);\\n}\\n/* hover, not active, not checked */\\n:host(:not([active]):not([checked]):not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,\\n:host(:not([active]):not([checked])[value-state=\\\"None\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\\n\\tbackground: var(--_ui5_checkbox_hover_background);\\n\\tborder-color: var(--_ui5_checkbox_inner_hover_border_color);\\n}\\n/* hover, not active, checked */\\n:host(:not([active])[checked]:not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,\\n:host(:not([active])[checked][value-state=\\\"None\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\\n\\tbackground: var(--_ui5_checkbox_hover_background);\\n\\tborder-color: var(--_ui5_checkbox_inner_hover_checked_border_color);\\n}\\n/* checked */\\n:host([checked]:not([value-state])) .ui5-checkbox-inner,\\n:host([checked][value-state=\\\"None\\\"]) .ui5-checkbox-inner {\\n\\tborder-color: var(--_ui5_checkbox_inner_selected_border_color);\\n}\\n/* active, not checked */\\n:host([active]:not([checked]):not([value-state]):not([disabled])) .ui5-checkbox-inner,\\n:host([active]:not([checked])[value-state=\\\"None\\\"]:not([disabled])) .ui5-checkbox-inner {\\n\\tborder-color: var(--_ui5_checkbox_inner_active_border_color);\\n\\tbackground-color: var(--_ui5_checkbox_active_background);\\n}\\n/* active, checked */\\n:host([active][checked]:not([value-state]):not([disabled])) .ui5-checkbox-inner,\\n:host([active][checked][value-state=\\\"None\\\"]:not([disabled])) .ui5-checkbox-inner {\\n\\tborder-color: var(--_ui5_checkbox_inner_selected_border_color);\\n\\tbackground-color: var(--_ui5_checkbox_active_background);\\n}\\n.ui5-checkbox-inner {\\n\\tmin-width: var(--_ui5_checkbox_inner_width_height);\\n\\tmax-width: var(--_ui5_checkbox_inner_width_height);\\n\\theight: var(--_ui5_checkbox_inner_width_height);\\n\\tmax-height: var(--_ui5_checkbox_inner_width_height);\\n\\tborder: var(--_ui5_checkbox_inner_border);\\n\\tborder-radius: var(--_ui5_checkbox_inner_border_radius);\\n\\tbackground: var(--_ui5_checkbox_inner_background);\\n\\tcolor: var(--_ui5_checkbox_checkmark_color);\\n\\tbox-sizing: border-box;\\n\\tposition: relative;\\n\\tcursor: inherit;\\n}\\n:host([indeterminate][checked]) .ui5-checkbox-inner::after {\\n\\tcontent: \\\"\\\";\\n\\tbackground-color: currentColor;\\n\\tposition: absolute;\\n\\tleft:50%;\\n\\ttop:50%;\\n\\ttransform: translate(-50%, -50%);\\n\\twidth: var(--_ui5_checkbox_partially_icon_size);\\n\\theight: var(--_ui5_checkbox_partially_icon_size);\\n}\\n.ui5-checkbox-inner input {\\n\\t-webkit-appearance: none;\\n\\tvisibility: hidden;\\n\\twidth: 0;\\n\\tleft: 0;\\n\\tposition: absolute;\\n\\tfont-size: inherit;\\n}\\n.ui5-checkbox-root .ui5-checkbox-label {\\n\\tmargin-inline-start: var(--_ui5_checkbox_label_offset);\\n\\tcursor: inherit;\\n\\ttext-overflow: ellipsis;\\n\\toverflow: hidden;\\n\\tpointer-events: none;\\n\\tuser-select: none;\\n\\t-webkit-user-select: none;\\n\\tcolor: var(--_ui5_checkbox_label_color);\\n}\\n.ui5-checkbox-icon {\\n\\twidth: var(--_ui5_checkbox_icon_size);\\n\\theight: var(--_ui5_checkbox_icon_size);\\n\\tcolor: currentColor;\\n\\tcursor: inherit;\\n\\tposition: absolute;\\n\\tleft:50%;\\n\\ttop:50%;\\n\\ttransform: translate(-50%, -50%);\\n}\\n\\n\\n\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"CheckBox.css.js","sourceRoot":"","sources":["../../../src/generated/themes/CheckBox.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,qBAAqB,EAAC,OAAO,EAAC,22QAA22Q,EAAC,CAAC;AACn9Q,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/CheckBox.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:host {\\n\\t-webkit-tap-highlight-color: rgba(0,0,0,0);\\n}\\n:host(:not([hidden])) {\\n\\tdisplay: inline-block;\\n}\\n:host {\\n\\toverflow: hidden;\\n\\tmax-width: 100%;\\n\\toutline: none;\\n\\tborder-radius: var(--_ui5_checkbox_border_radius);\\n\\ttransition: var(--_ui5_checkbox_transition);\\n\\tcursor: pointer;\\n\\tuser-select: none;\\n  \\t-moz-user-select: none;\\n  \\t-webkit-user-select: none;\\n  \\t-ms-user-select: none;\\n}\\n/* disabled */\\n:host([disabled]) {\\n\\tcursor: default;\\n}\\n:host([disabled]) .ui5-checkbox-root {\\n\\topacity: var(--_ui5_checkbox_disabled_opacity);\\n}\\n:host([disabled]) .ui5-checkbox-inner {\\n\\tborder-color: var(--_ui5_checkbox_inner_disabled_border_color);\\n}\\n:host([disabled]) .ui5-checkbox-label {\\n\\tcolor: var(--_ui5_checkbox_disabled_label_color);\\n}\\n/* readonly */\\n:host([readonly]:not([value-state=\\\"Warning\\\"]):not([value-state=\\\"Error\\\"])) .ui5-checkbox-inner {\\n\\tbackground: var(--sapField_ReadOnly_Background);\\n\\tborder: var(--_ui5_checkbox_inner_readonly_border);\\n\\tcolor: var(--sapField_TextColor);\\n}\\n/* wrap */\\n:host([wrapping-type=\\\"Normal\\\"][text]) .ui5-checkbox-root {\\n\\tmin-height: auto;\\n\\tbox-sizing: border-box;\\n\\talign-items: flex-start;\\n\\tpadding-top: var(--_ui5_checkbox_root_side_padding);\\n\\tpadding-bottom: var(--_ui5_checkbox_root_side_padding);\\n}\\n:host([wrapping-type=\\\"Normal\\\"][text]) .ui5-checkbox-root .ui5-checkbox-inner,\\n:host([wrapping-type=\\\"Normal\\\"][text]) .ui5-checkbox-root .ui5-checkbox-label {\\n\\tmargin-top: var(--_ui5_checkbox_wrapped_content_margin_top);\\n}\\n:host([wrapping-type=\\\"Normal\\\"][text]) .ui5-checkbox-root .ui5-checkbox-label {\\n\\toverflow-wrap: break-word;\\n\\talign-self: center;\\n}\\n:host([wrapping-type=\\\"Normal\\\"]) .ui5-checkbox-root:focus::before {\\n\\tbottom: var(--_ui5_checkbox_wrapped_focus_left_top_bottom_position);\\n}\\n/* value states */\\n:host([value-state=\\\"Error\\\"]) .ui5-checkbox-inner,\\n:host([value-state=\\\"Error\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\\n\\tbackground: var(--sapField_InvalidBackground);\\n\\tborder: var(--_ui5_checkbox_inner_error_border);\\n\\tcolor: var(--sapField_InvalidColor);\\n}\\n:host([value-state=\\\"Error\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\\n\\tbackground: var(--_ui5_checkbox_inner_error_background_hover);\\n}\\n:host([value-state=\\\"Warning\\\"]) .ui5-checkbox-inner,\\n:host([value-state=\\\"Warning\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\\n\\tbackground: var(--sapField_WarningBackground);\\n\\tborder: var(--_ui5_checkbox_inner_warning_border);\\n\\tcolor: var(--_ui5_checkbox_inner_warning_color);\\n}\\n:host([value-state=\\\"Warning\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\\n\\tbackground: var(--_ui5_checkbox_inner_warning_background_hover);\\n}\\n:host([value-state=\\\"Information\\\"]) .ui5-checkbox-inner,\\n:host([value-state=\\\"Information\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\\n\\tbackground: var(--sapField_InformationBackground);\\n\\tborder: var(--_ui5_checkbox_inner_information_border);\\n\\tcolor: var(--_ui5_checkbox_inner_information_color);\\n}\\n:host([value-state=\\\"Information\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\\n\\tbackground: var(--_ui5_checkbox_inner_information_background_hover);\\n}\\n:host([value-state=\\\"Success\\\"]) .ui5-checkbox-inner,\\n:host([value-state=\\\"Success\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner  {\\n\\tbackground: var(--sapField_SuccessBackground);\\n\\tborder: var(--_ui5_checkbox_inner_success_border);\\n\\tcolor: var(--sapField_SuccessColor);\\n}\\n:host([value-state=\\\"Success\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner  {\\n\\tbackground: var(--_ui5_checkbox_inner_success_background_hover);\\n}\\n:host([value-state=\\\"Warning\\\"]) .ui5-checkbox-icon,\\n:host([value-state=\\\"Warning\\\"][indeterminate]) .ui5-checkbox-inner::after {\\n\\tcolor: var(--_ui5_checkbox_checkmark_warning_color);\\n}\\n:host([text]) .ui5-checkbox-root {\\n\\tpadding-inline-end: var(--_ui5_checkbox_right_focus_distance);\\n}\\n:host([text]) .ui5-checkbox-root:focus::before {\\n\\tinset-inline-end: 0;\\n}\\n.ui5-checkbox-root {\\n\\tposition: relative;\\n\\tdisplay: inline-flex;\\n\\talign-items: center;\\n\\twidth: 100%;\\n\\tmin-height: var(--_ui5_checkbox_width_height);\\n\\tmin-width: var(--_ui5_checkbox_width_height);\\n\\tpadding: 0 var(--_ui5_checkbox_wrapper_padding);\\n\\tbox-sizing: border-box;\\n\\toutline: none;\\n\\ttransition: var(--_ui5_checkbox_transition);\\n\\tborder: var(--_ui5_checkbox_default_focus_border);\\n\\tborder-radius: var(--_ui5_checkbox_border_radius);\\n\\tbox-sizing: border-box;\\n}\\n/* focused */\\n.ui5-checkbox-root:focus::before {\\n\\tdisplay: var(--_ui5_checkbox_focus_outline_display);\\n\\tcontent: \\\"\\\";\\n\\tposition: absolute;\\n\\tinset-inline: var(--_ui5_checkbox_focus_position);\\n\\tinset-block: var(--_ui5_checkbox_focus_position);\\n\\tborder: var(--_ui5_checkbox_focus_outline);\\n\\tborder-radius: var(--_ui5_checkbox_focus_border_radius);\\n}\\n:host .ui5-checkbox-root:focus {\\n\\tborder: var(--_ui5_checkbox_focus_border);\\n\\tborder-radius: 0.5rem;\\n}\\n/* hover */\\n:host(:hover:not([disabled])) {\\n\\tbackground: var(--_ui5_checkbox_outer_hover_background);\\n}\\n.ui5-checkbox--hoverable .ui5-checkbox-label:hover {\\n\\tcolor: var(--_ui5_checkbox_label_color);\\n}\\n/* hover, not active, not checked */\\n:host(:not([active]):not([checked]):not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,\\n:host(:not([active]):not([checked])[value-state=\\\"None\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\\n\\tbackground: var(--_ui5_checkbox_hover_background);\\n\\tborder-color: var(--_ui5_checkbox_inner_hover_border_color);\\n}\\n/* hover, not active, checked */\\n:host(:not([active])[checked]:not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,\\n:host(:not([active])[checked][value-state=\\\"None\\\"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {\\n\\tbackground: var(--_ui5_checkbox_hover_background);\\n\\tborder-color: var(--_ui5_checkbox_inner_hover_checked_border_color);\\n}\\n/* checked */\\n:host([checked]:not([value-state])) .ui5-checkbox-inner,\\n:host([checked][value-state=\\\"None\\\"]) .ui5-checkbox-inner {\\n\\tborder-color: var(--_ui5_checkbox_inner_selected_border_color);\\n}\\n/* active, not checked */\\n:host([active]:not([checked]):not([value-state]):not([disabled])) .ui5-checkbox-inner,\\n:host([active]:not([checked])[value-state=\\\"None\\\"]:not([disabled])) .ui5-checkbox-inner {\\n\\tborder-color: var(--_ui5_checkbox_inner_active_border_color);\\n\\tbackground-color: var(--_ui5_checkbox_active_background);\\n}\\n/* active, checked */\\n:host([active][checked]:not([value-state]):not([disabled])) .ui5-checkbox-inner,\\n:host([active][checked][value-state=\\\"None\\\"]:not([disabled])) .ui5-checkbox-inner {\\n\\tborder-color: var(--_ui5_checkbox_inner_selected_border_color);\\n\\tbackground-color: var(--_ui5_checkbox_active_background);\\n}\\n.ui5-checkbox-inner {\\n\\tmin-width: var(--_ui5_checkbox_inner_width_height);\\n\\tmax-width: var(--_ui5_checkbox_inner_width_height);\\n\\theight: var(--_ui5_checkbox_inner_width_height);\\n\\tmax-height: var(--_ui5_checkbox_inner_width_height);\\n\\tborder: var(--_ui5_checkbox_inner_border);\\n\\tborder-radius: var(--_ui5_checkbox_inner_border_radius);\\n\\tbackground: var(--_ui5_checkbox_inner_background);\\n\\tcolor: var(--_ui5_checkbox_checkmark_color);\\n\\tbox-sizing: border-box;\\n\\tposition: relative;\\n\\tcursor: inherit;\\n}\\n:host([indeterminate][checked]) .ui5-checkbox-inner::after {\\n\\tcontent: \\\"\\\";\\n\\tbackground-color: currentColor;\\n\\tposition: absolute;\\n\\tleft:50%;\\n\\ttop:50%;\\n\\ttransform: translate(-50%, -50%);\\n\\twidth: var(--_ui5_checkbox_partially_icon_size);\\n\\theight: var(--_ui5_checkbox_partially_icon_size);\\n}\\n.ui5-checkbox-inner input {\\n\\t-webkit-appearance: none;\\n\\tvisibility: hidden;\\n\\twidth: 0;\\n\\tleft: 0;\\n\\tposition: absolute;\\n\\tfont-size: inherit;\\n}\\n.ui5-checkbox-root .ui5-checkbox-label {\\n\\tmargin-inline-start: var(--_ui5_checkbox_label_offset);\\n\\tcursor: inherit;\\n\\ttext-overflow: ellipsis;\\n\\toverflow: hidden;\\n\\tpointer-events: none;\\n\\tcolor: var(--_ui5_checkbox_label_color);\\n}\\n.ui5-checkbox-icon {\\n\\twidth: var(--_ui5_checkbox_icon_size);\\n\\theight: var(--_ui5_checkbox_icon_size);\\n\\tcolor: currentColor;\\n\\tcursor: inherit;\\n\\tposition: absolute;\\n\\tleft:50%;\\n\\ttop:50%;\\n\\ttransform: translate(-50%, -50%);\\n}\\n\\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 {\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}" };
+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-heading-wrapper.ui5-panel-heading-wrapper-sticky {\n    position: sticky;\n    top: 0;\n\tbackground-color: var(--_ui5_panel_header_background_color);\n\tz-index: 100; /* The z-index of the table header is 99 therefore to have table in the panel and panel header to be on top we need 100 */\n\tborder-radius: var(--_ui5_panel_border_radius);\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\toverflow: auto;\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}\n\n.ui5-panel-root {\n\theight: 100%;\n    display: flex;\n    flex-direction: column;\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,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"]}
+{"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,yzIAAyzI,EAAC,CAAC;AAC95I,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-heading-wrapper.ui5-panel-heading-wrapper-sticky {\\n    position: sticky;\\n    top: 0;\\n\\tbackground-color: var(--_ui5_panel_header_background_color);\\n\\tz-index: 100; /* The z-index of the table header is 99 therefore to have table in the panel and panel header to be on top we need 100 */\\n\\tborder-radius: var(--_ui5_panel_border_radius);\\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\\toverflow: auto;\\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}\\n\\n.ui5-panel-root {\\n\\theight: 100%;\\n    display: flex;\\n    flex-direction: column;\\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 {\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" };
+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(--_ui5_popup_header_shadow);\n    border-bottom: var(--_ui5_popup_header_border);\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(--_ui5_popup_header_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,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"]}
+{"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,k5GAAk5G,EAAC,CAAC;AAC9/G,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(--_ui5_popup_header_shadow);\\n    border-bottom: var(--_ui5_popup_header_border);\\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(--_ui5_popup_header_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/Switch.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/Switch.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:host {\n\t-webkit-tap-highlight-color: rgba(0,0,0,0);\n}\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n.ui5-switch-root {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\twidth: var(--_ui5_switch_width);\n\theight: var(--_ui5_switch_height);\n\tmin-width: var(--_ui5_switch_min_width);\n\tcursor: pointer;\n\toutline: none;\n\tborder-radius: var(--_ui5-switch-root-border-radius);\n}\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) {\n\twidth: var(--_ui5_switch_with_label_width);\n\theight: var(--_ui5_switch_height);\n}\n.ui5-switch-root.ui5-switch--no-label {\n\tmin-width: var(--_ui5_switch_width);\n}\n.ui5-switch-inner {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\theight: 100%;\n\twidth: 100%;\n\tmin-width: inherit;\n\toverflow: hidden;\n\tpointer-events: none;\n\twill-change: transform;\n}\n:host([checked]) .ui5-switch-inner {\n\tborder-radius: 6.25rem;\n\tbox-shadow: var(--_ui5-switch-root-box-shadow);\n}\n.ui5-switch-track {\n\tdisplay: flex;\n\talign-items: center;\n\theight: var(--_ui5_switch_track_height);\n\twidth: var(--_ui5_switch_track_width);\n\tborder: var(--_ui5-switch-track-border);\n\tborder-radius: var(--_ui5_switch_track_border_radius);\n\tbox-sizing: border-box;\n\ttransition: var(--_ui5_switch_track_transition);\n}\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-track {\n\theight: var(--_ui5_switch_track_with_label_height);\n\twidth: var(--_ui5_switch_track_with_label_width);\n}\n.ui5-switch-slider {\n\tposition: relative;\n\theight: var(--_ui5_switch_height);\n\twidth: 100%;\n\ttransition: transform 0.1s ease-in;\n\ttransform-origin: top left;\n}\n.ui5-switch-slider > *:not(.ui5-switch-handle) {\n\tdisplay: var(--_ui5-switch-slider-texts-display);\n}\n.ui5-switch-handle {\n\tposition: absolute;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\twidth: var(--_ui5_switch_handle_width);\n\theight: var(--_ui5_switch_handle_height);\n\tborder: var(--_ui5_switch_handle_border);\n\tborder-radius: var(--_ui5_switch_handle_border_radius);\n\tbox-sizing: border-box;\n}\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-handle {\n\theight: var(--_ui5_switch_handle_with_label_height);\n\twidth: var(--_ui5_switch_handle_with_label_width);\n}\n.ui5-switch-handle-icon {\n\tdisplay: var(--_ui5-switch-handle-icon-display);\n\ttransition: var(--_ui5_switch_track_transition);\n}\n:host([checked]) .ui5-switch-handle-icon {\n\tcolor: var(--_ui5-switch_track-on-background)\n}\n.ui5-switch-text {\n\tdisplay: flex;\n\tjustify-content: center;\n\tposition: absolute;\n\tz-index: var(--_ui5_switch_text_z_index);\n\tmin-width: var(--_ui5_switch_text_min_width);\n\tfont-size: var(--_ui5_switch_text_font_size);\n\tfont-family: var(--_ui5-switch-text_font_family);\n\ttext-transform: uppercase;\n\ttext-align: center;\n\twhite-space: nowrap;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n.ui5-switch-handle,\n.ui5-switch-text {\n\tleft: var(--_ui5_switch_handle_left);\n\ttop: 50%;\n\ttransform: translateY(-50%);\n}\n/* switch focused */\n.ui5-switch-desktop.ui5-switch-root:focus::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tleft: var(--_ui5_switch_root_outline_left);\n\tright: var(--_ui5_switch_root_outline_right);\n\ttop: var(--_ui5_switch_root_outline_top);\n\tbottom: var(--_ui5_switch_root_outline_bottom);\n\tborder: var(--_ui5_switch_focus_outline);\n\tborder-radius: var(--_ui5_switch_root_after_boreder_radius);\n\tpointer-events: none;\n\ttransition: var(--_ui5_switch_track_transition);\n\toutline: var(--_ui5_switch_root_after_outline);\n}\n/* switch hidden input */\n.ui5-switch-root .ui5-switch-input {\n\tposition: absolute;\n\tleft: 0;\n\twidth: 0;\n\theight: 0;\n\tmargin: 0;\n\tvisibility: hidden;\n\t-webkit-appearance: none;\n}\n/* switch disabled */\n.ui5-switch-root.ui5-switch--disabled {\n\topacity: var(--_ui5_switch_disabled_opacity);\n\tcursor: default;\n}\n.ui5-switch-root.ui5-switch--checked .ui5-switch-text--off {\n\tvisibility: var(--_ui5_switch_text_hidden);\n}\n.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-text--on {\n\tvisibility: var(--_ui5_switch_text_hidden);\n}\n.ui5-switch-root.ui5-switch--checked .ui5-switch-text--on {\n\tleft: var(--_ui5_switch_text_active_left);\n}\n.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-text--off {\n\tleft: var(--_ui5_switch_text_inactive_left);\n\tright: var(--_ui5_switch_text_inactive_right)\n}\n/* handle */\n.ui5-switch-root.ui5-switch--checked .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_active_background_color);\n\tborder-color: var(--_ui5_switch_handle_active_border_color);\n}\n.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_inactive_background_color);\n\tborder-color: var(--_ui5_switch_handle_inactive_border_color);\n}\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_hover_active_background_color);\n\tborder-color: var(--_ui5_switch_handle_hover_active_border_color);\n}\n.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled):not(.ui5-switch--checked):hover .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_hover_inactive_background_color);\n\tborder-color: var(--_ui5_switch_handle_hover_inactive_border_color);\n}\n/* handle semantic */\n.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_semantic_accept_background_color);\n\tborder-color: var(--_ui5_switch_handle_semantic_accept_border_color);\n}\n.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--checked) .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_semantic_reject_background_color);\n\tborder-color: var(--_ui5_switch_handle_semantic_reject_border_color);\n}\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_semantic_hover_accept_background_color);\n\tborder-color: var(--_ui5_switch_handle_semantic_hover_accept_border_color);\n}\n.ui5-switch-desktop.ui5-switch--semantic.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_semantic_hover_reject_background_color);\n\tborder-color: var(--_ui5_switch_handle_semantic_hover_reject_border_color);\n}\n/* track */\n.ui5-switch-root.ui5-switch--checked .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_active_background_color);\n\tborder-color: var(--_ui5_switch_track_active_border_color);\n}\n.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_inactive_background_color);\n\tborder-color: var(--_ui5_switch_track_inactive_border_color);\n}\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_hover_active_background_color);\n\tborder-color: var(--_ui5_switch_track_hover_active_border_color);\n}\n.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_hover_inactive_background_color);\n\tborder-color: var(--_ui5_switch_track_hover_inactive_border_color);\n}\n/* track semantic*/\n.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_semantic_accept_background_color);\n\tborder-color: var(--_ui5_switch_track_semantic_accept_border_color);\n}\n.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--checked) .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_semantic_reject_background_color);\n\tborder-color: var(--_ui5_switch_track_semantic_reject_border_color);\n}\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_semantic_hover_accept_background_color);\n\tborder-color: var(--_ui5_switch_track_semantic_hover_accept_border_color);\n}\n.ui5-switch-desktop.ui5-switch--semantic.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_semantic_hover_reject_background_color);\n\tborder-color: var(--_ui5_switch_track_semantic_hover_reject_border_color);\n}\n.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-slider {\n\t/* Move slider to oposite end, taking into account the handle as an offset. */\n\t/* Note: translate(calc()) does not work in IE11 */\n\ttransform: var(--_ui5_switch_transform_with_label);\n}\n.ui5-switch-root.ui5-switch--checked .ui5-switch-slider {\n\t/* Move slider to oposite end, taking into account the handle as an offset. */\n\t/* Note: translate(calc()) does not work in IE11 */\n\ttransform: var(--_ui5_switch_transform);\n}\n/* switch semantic icon and type noLabel icon in horizon theme */\n.ui5-switch-text .ui5-switch-text--on .ui5-switch-no-label-icon,\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-text,\n.ui5-switch-root.ui5-switch--no-label .ui5-switch-text {\n\tdisplay: flex;\n\tjustify-content: center;\n\n}\n.ui5-switch--no-label .ui5-switch-no-label-icon-on,\n.ui5-switch--no-label .ui5-switch-no-label-icon-off {\n\twidth: var(--_ui5_switch_icon_width);\n\theight: var(--_ui5_switch_icon_height);\n\tdisplay: var(--_ui5_switch_track_icon_display);\n}\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-on,\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-off {\n\twidth: var(--_ui5_switch_icon_width);\n\theight: var(--_ui5_switch_icon_height)\n}\n.ui5-switch-root .ui5-switch-text {\n\tfont-family: var(--_ui5_switch_text_font_family);\n\tfont-size: var(--_ui5_switch_text_font_size);\n\twidth: var(--_ui5_switch_text_width);\n}\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-text {\n\tfont-family: var(--_ui5_switch_text_with_label_font_family);\n\tfont-size: var(--_ui5_switch_text_with_label_font_size);\n\twidth: var(--_ui5_switch_text_with_label_width);\n}\n/* switch active effects */\n/* active & off */\n:host([active]) .ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled) .ui5-switch-track {\n\tbackground: var( --_ui5-switch_track-off-active-background);\n}\n/* active & on */\n:host([active]) .ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track {\n\tbackground: var(--_ui5-switch_track-on-active-background);\n}\n.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbox-shadow: var(--_ui5_switch_handle_off_hover_box_shadow);\n}\n/* switch on hover, when switched on */\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbox-shadow: var(--_ui5_switch_handle_on_hover_box_shadow);\n}\n/* semantic switch on hover, when switched off */\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbox-shadow: var(--_ui5_switch_handle_semantic_off_hover_box_shadow);\n}\n/* semantic switch on hover, when switched on */\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbox-shadow: var(--_ui5_switch_handle_semantic_on_hover_box_shadow);\n}\n/* Text */\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-on,\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-text--on {\n\tcolor: var(--_ui5_switch_text_semantic_accept_color);\n}\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-off,\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-text--off {\n\tcolor: var(--_ui5_switch_text_semantic_reject_color);\n}\n.ui5-switch-root .ui5-switch-text--on {\n\tcolor: var(--_ui5_switch_text_active_color);\n\toverflow: var(--_ui5_switch_text_overflow);\n\ttext-overflow: ellipsis;\n}\n.ui5-switch-root .ui5-switch-text--off {\n\tcolor: var(--_ui5_switch_text_inactive_color);\n\toverflow: var(--_ui5_switch_text_overflow);\n\ttext-overflow: ellipsis;\n}\n.ui5-switch-root .ui5-switch-no-label-icon-on,\n.ui5-switch-root .ui5-switch-icon-on {\n\tcolor: var(--_ui5_switch_text_active_color);\n}\n.ui5-switch-root .ui5-switch-no-label-icon-off,\n.ui5-switch-root .ui5-switch-icon-off {\n\tcolor: var(--_ui5_switch_text_inactive_color);\n}\n/* RTL */\n[dir=\"rtl\"].ui5-switch-root.ui5-switch--checked:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-slider {\n\ttransform: var(--_ui5_switch_rtl_transform_with_label);\n}\n[dir=\"rtl\"].ui5-switch-root.ui5-switch--checked .ui5-switch-slider {\n\ttransform: var(--_ui5_switch_rtl_transform);\n}\n[dir=\"rtl\"].ui5-switch-root .ui5-switch-handle {\n\tleft: auto;\n\tright: var(--_ui5_switch_handle_left);\n}\n[dir=\"rtl\"].ui5-switch-root .ui5-switch-text--on {\n\tright: var(--_ui5_switch_text_active_left);\n\tleft: var(--_ui5_switch_text_active_right);\n}\n[dir=\"rtl\"].ui5-switch-root .ui5-switch-text--off {\n\tright: var(--_ui5_switch_text_inactive_left);\n\tleft: var(--_ui5_switch_text_inactive_right);\n}\n" };
+const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/Switch.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:host {\n\t-webkit-tap-highlight-color: rgba(0,0,0,0);\n}\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n.ui5-switch-root {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\twidth: var(--_ui5_switch_width);\n\theight: var(--_ui5_switch_height);\n\tmin-width: var(--_ui5_switch_min_width);\n\tcursor: pointer;\n\toutline: none;\n\tborder-radius: var(--_ui5-switch-root-border-radius);\n}\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) {\n\twidth: var(--_ui5_switch_with_label_width);\n\theight: var(--_ui5_switch_height);\n}\n.ui5-switch-root.ui5-switch--no-label {\n\tmin-width: var(--_ui5_switch_width);\n}\n.ui5-switch-inner {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\theight: 100%;\n\twidth: 100%;\n\tmin-width: inherit;\n\toverflow: hidden;\n\tpointer-events: none;\n\twill-change: transform;\n}\n:host([checked]) .ui5-switch-inner {\n\tborder-radius: 6.25rem;\n\tbox-shadow: var(--_ui5-switch-root-box-shadow);\n}\n.ui5-switch-track {\n\tdisplay: flex;\n\talign-items: center;\n\theight: var(--_ui5_switch_track_height);\n\twidth: var(--_ui5_switch_track_width);\n\tborder: var(--_ui5-switch-track-border);\n\tborder-radius: var(--_ui5_switch_track_border_radius);\n\tbox-sizing: border-box;\n\ttransition: var(--_ui5_switch_track_transition);\n}\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-track {\n\theight: var(--_ui5_switch_track_with_label_height);\n\twidth: var(--_ui5_switch_track_with_label_width);\n}\n.ui5-switch-slider {\n\tposition: relative;\n\theight: var(--_ui5_switch_height);\n\twidth: 100%;\n\ttransition: transform 0.1s ease-in;\n\ttransform-origin: top left;\n}\n.ui5-switch-slider > *:not(.ui5-switch-handle) {\n\tdisplay: var(--_ui5-switch-slider-texts-display);\n}\n.ui5-switch-handle {\n\tposition: absolute;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\twidth: var(--_ui5_switch_handle_width);\n\theight: var(--_ui5_switch_handle_height);\n\tborder: var(--_ui5_switch_handle_border);\n\tborder-radius: var(--_ui5_switch_handle_border_radius);\n\tbox-sizing: border-box;\n}\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-handle {\n\theight: var(--_ui5_switch_handle_with_label_height);\n\twidth: var(--_ui5_switch_handle_with_label_width);\n}\n.ui5-switch-handle-icon {\n\tdisplay: var(--_ui5-switch-handle-icon-display);\n\ttransition: var(--_ui5_switch_track_transition);\n}\n:host([checked]) .ui5-switch-handle-icon {\n\tcolor: var(--_ui5-switch_track-on-background)\n}\n.ui5-switch-text {\n\tdisplay: flex;\n\tjustify-content: center;\n\tposition: absolute;\n\tz-index: var(--_ui5_switch_text_z_index);\n\tmin-width: var(--_ui5_switch_text_min_width);\n\tfont-size: var(--_ui5_switch_text_font_size);\n\tfont-family: var(--_ui5-switch-text_font_family);\n\ttext-transform: uppercase;\n\ttext-align: center;\n\twhite-space: nowrap;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n.ui5-switch-handle,\n.ui5-switch-text {\n\tleft: var(--_ui5_switch_handle_left);\n\ttop: 50%;\n\ttransform: translateY(-50%);\n}\n/* switch focused */\n.ui5-switch-desktop.ui5-switch-root:focus::after {\n\tcontent: \"\";\n\tposition: absolute;\n\tleft: var(--_ui5_switch_root_outline_left);\n\tright: var(--_ui5_switch_root_outline_right);\n\ttop: var(--_ui5_switch_root_outline_top);\n\tbottom: var(--_ui5_switch_root_outline_bottom);\n\tborder: var(--_ui5_switch_focus_outline);\n\tborder-radius: var(--_ui5_switch_root_after_boreder_radius);\n\tpointer-events: none;\n\ttransition: var(--_ui5_switch_track_transition);\n\toutline: var(--_ui5_switch_root_after_outline);\n}\n/* switch hidden input */\n.ui5-switch-root .ui5-switch-input {\n\tposition: absolute;\n\tleft: 0;\n\twidth: 0;\n\theight: 0;\n\tmargin: 0;\n\tvisibility: hidden;\n\t-webkit-appearance: none;\n}\n/* switch disabled */\n.ui5-switch-root.ui5-switch--disabled {\n\topacity: var(--_ui5_switch_disabled_opacity);\n\tcursor: default;\n}\n.ui5-switch-root.ui5-switch--checked .ui5-switch-text--off {\n\tvisibility: var(--_ui5_switch_text_hidden);\n}\n.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-text--on {\n\tvisibility: var(--_ui5_switch_text_hidden);\n}\n.ui5-switch-root.ui5-switch--checked.ui5-switch--semantic .ui5-switch-text--on, \n.ui5-switch-root.ui5-switch--checked.ui5-switch-desktop.ui5-switch--no-label .ui5-switch-text--on {\n\tleft: var(--_ui5_switch_text_active_left);\n}\n.ui5-switch-root:not(.ui5-switch--checked).ui5-switch--semantic .ui5-switch-text--off,\n.ui5-switch-root:not(.ui5-switch--checked).ui5-switch-desktop.ui5-switch--no-label .ui5-switch-text--off {\n\tleft: var(--_ui5_switch_text_inactive_left);\n\tright: var(--_ui5_switch_text_inactive_right);\n}\n/* handle */\n.ui5-switch-root.ui5-switch--checked .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_active_background_color);\n\tborder-color: var(--_ui5_switch_handle_active_border_color);\n}\n.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_inactive_background_color);\n\tborder-color: var(--_ui5_switch_handle_inactive_border_color);\n}\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_hover_active_background_color);\n\tborder-color: var(--_ui5_switch_handle_hover_active_border_color);\n}\n.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled):not(.ui5-switch--checked):hover .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_hover_inactive_background_color);\n\tborder-color: var(--_ui5_switch_handle_hover_inactive_border_color);\n}\n/* handle semantic */\n.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_semantic_accept_background_color);\n\tborder-color: var(--_ui5_switch_handle_semantic_accept_border_color);\n}\n.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--checked) .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_semantic_reject_background_color);\n\tborder-color: var(--_ui5_switch_handle_semantic_reject_border_color);\n}\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_semantic_hover_accept_background_color);\n\tborder-color: var(--_ui5_switch_handle_semantic_hover_accept_border_color);\n}\n.ui5-switch-desktop.ui5-switch--semantic.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbackground: var(--_ui5_switch_handle_semantic_hover_reject_background_color);\n\tborder-color: var(--_ui5_switch_handle_semantic_hover_reject_border_color);\n}\n/* track */\n.ui5-switch-root.ui5-switch--checked .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_active_background_color);\n\tborder-color: var(--_ui5_switch_track_active_border_color);\n}\n.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_inactive_background_color);\n\tborder-color: var(--_ui5_switch_track_inactive_border_color);\n}\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_hover_active_background_color);\n\tborder-color: var(--_ui5_switch_track_hover_active_border_color);\n}\n.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_hover_inactive_background_color);\n\tborder-color: var(--_ui5_switch_track_hover_inactive_border_color);\n}\n/* track semantic*/\n.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_semantic_accept_background_color);\n\tborder-color: var(--_ui5_switch_track_semantic_accept_border_color);\n}\n.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--checked) .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_semantic_reject_background_color);\n\tborder-color: var(--_ui5_switch_track_semantic_reject_border_color);\n}\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_semantic_hover_accept_background_color);\n\tborder-color: var(--_ui5_switch_track_semantic_hover_accept_border_color);\n}\n.ui5-switch-desktop.ui5-switch--semantic.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-track {\n\tbackground: var(--_ui5_switch_track_semantic_hover_reject_background_color);\n\tborder-color: var(--_ui5_switch_track_semantic_hover_reject_border_color);\n}\n.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-slider {\n\t/* Move slider to oposite end, taking into account the handle as an offset. */\n\t/* Note: translate(calc()) does not work in IE11 */\n\ttransform: var(--_ui5_switch_transform_with_label);\n}\n.ui5-switch-root.ui5-switch--checked .ui5-switch-slider {\n\t/* Move slider to oposite end, taking into account the handle as an offset. */\n\t/* Note: translate(calc()) does not work in IE11 */\n\ttransform: var(--_ui5_switch_transform);\n}\n/* switch semantic icon and type noLabel icon in horizon theme */\n.ui5-switch-text .ui5-switch-text--on .ui5-switch-no-label-icon,\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-text,\n.ui5-switch-root.ui5-switch--no-label .ui5-switch-text {\n\tdisplay: flex;\n\tjustify-content: center;\n\n}\n.ui5-switch--no-label .ui5-switch-no-label-icon-on,\n.ui5-switch--no-label .ui5-switch-no-label-icon-off {\n\twidth: var(--_ui5_switch_icon_width);\n\theight: var(--_ui5_switch_icon_height);\n\tdisplay: var(--_ui5_switch_track_icon_display);\n}\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-on,\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-off {\n\twidth: var(--_ui5_switch_icon_width);\n\theight: var(--_ui5_switch_icon_height)\n}\n.ui5-switch-root .ui5-switch-text {\n\tfont-family: var(--_ui5_switch_text_font_family);\n\tfont-size: var(--_ui5_switch_text_font_size);\n\twidth: var(--_ui5_switch_text_width);\n}\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-text {\n\tfont-family: var(--_ui5_switch_text_with_label_font_family);\n\tfont-size: var(--_ui5_switch_text_with_label_font_size);\n\twidth: var(--_ui5_switch_text_with_label_width);\n}\n/* switch active effects */\n/* active & off */\n:host([active]) .ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled) .ui5-switch-track {\n\tbackground: var( --_ui5-switch_track-off-active-background);\n}\n/* active & on */\n:host([active]) .ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track {\n\tbackground: var(--_ui5-switch_track-on-active-background);\n}\n.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbox-shadow: var(--_ui5_switch_handle_off_hover_box_shadow);\n}\n/* switch on hover, when switched on */\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbox-shadow: var(--_ui5_switch_handle_on_hover_box_shadow);\n}\n/* semantic switch on hover, when switched off */\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbox-shadow: var(--_ui5_switch_handle_semantic_off_hover_box_shadow);\n}\n/* semantic switch on hover, when switched on */\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\n\tbox-shadow: var(--_ui5_switch_handle_semantic_on_hover_box_shadow);\n}\n/* Text */\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-on,\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-text--on {\n\tcolor: var(--_ui5_switch_text_semantic_accept_color);\n}\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-off,\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-text--off {\n\tcolor: var(--_ui5_switch_text_semantic_reject_color);\n}\n.ui5-switch-root .ui5-switch-text--on {\n\tcolor: var(--_ui5_switch_text_active_color);\n\toverflow: var(--_ui5_switch_text_overflow);\n\ttext-overflow: ellipsis;\n}\n.ui5-switch-root .ui5-switch-text--off {\n\tcolor: var(--_ui5_switch_text_inactive_color);\n\toverflow: var(--_ui5_switch_text_overflow);\n\ttext-overflow: ellipsis;\n}\n.ui5-switch-root .ui5-switch-no-label-icon-on,\n.ui5-switch-root .ui5-switch-icon-on {\n\tcolor: var(--_ui5_switch_text_active_color);\n}\n.ui5-switch-root .ui5-switch-no-label-icon-off,\n.ui5-switch-root .ui5-switch-icon-off {\n\tcolor: var(--_ui5_switch_text_inactive_color);\n}\n/* RTL */\n[dir=\"rtl\"].ui5-switch-root.ui5-switch--checked:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-slider {\n\ttransform: var(--_ui5_switch_rtl_transform_with_label);\n}\n[dir=\"rtl\"].ui5-switch-root.ui5-switch--checked .ui5-switch-slider {\n\ttransform: var(--_ui5_switch_rtl_transform);\n}\n[dir=\"rtl\"].ui5-switch-root .ui5-switch-handle {\n\tleft: auto;\n\tright: var(--_ui5_switch_handle_left);\n}\n[dir=\"rtl\"].ui5-switch-root .ui5-switch-text--on {\n\tright: var(--_ui5_switch_text_active_left);\n\tleft: var(--_ui5_switch_text_active_right);\n}\n[dir=\"rtl\"].ui5-switch-root .ui5-switch-text--off {\n\tright: var(--_ui5_switch_text_inactive_left);\n\tleft: var(--_ui5_switch_text_inactive_right);\n}\n" };
 export default styleData;
 //# sourceMappingURL=Switch.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Switch.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,mBAAmB,EAAC,OAAO,EAAC,yvaAAyva,EAAC,CAAC;AAC/1a,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/Switch.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:host {\\n\\t-webkit-tap-highlight-color: rgba(0,0,0,0);\\n}\\n:host(:not([hidden])) {\\n\\tdisplay: inline-block;\\n}\\n.ui5-switch-root {\\n\\tposition: relative;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\twidth: var(--_ui5_switch_width);\\n\\theight: var(--_ui5_switch_height);\\n\\tmin-width: var(--_ui5_switch_min_width);\\n\\tcursor: pointer;\\n\\toutline: none;\\n\\tborder-radius: var(--_ui5-switch-root-border-radius);\\n}\\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) {\\n\\twidth: var(--_ui5_switch_with_label_width);\\n\\theight: var(--_ui5_switch_height);\\n}\\n.ui5-switch-root.ui5-switch--no-label {\\n\\tmin-width: var(--_ui5_switch_width);\\n}\\n.ui5-switch-inner {\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n\\theight: 100%;\\n\\twidth: 100%;\\n\\tmin-width: inherit;\\n\\toverflow: hidden;\\n\\tpointer-events: none;\\n\\twill-change: transform;\\n}\\n:host([checked]) .ui5-switch-inner {\\n\\tborder-radius: 6.25rem;\\n\\tbox-shadow: var(--_ui5-switch-root-box-shadow);\\n}\\n.ui5-switch-track {\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\theight: var(--_ui5_switch_track_height);\\n\\twidth: var(--_ui5_switch_track_width);\\n\\tborder: var(--_ui5-switch-track-border);\\n\\tborder-radius: var(--_ui5_switch_track_border_radius);\\n\\tbox-sizing: border-box;\\n\\ttransition: var(--_ui5_switch_track_transition);\\n}\\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-track {\\n\\theight: var(--_ui5_switch_track_with_label_height);\\n\\twidth: var(--_ui5_switch_track_with_label_width);\\n}\\n.ui5-switch-slider {\\n\\tposition: relative;\\n\\theight: var(--_ui5_switch_height);\\n\\twidth: 100%;\\n\\ttransition: transform 0.1s ease-in;\\n\\ttransform-origin: top left;\\n}\\n.ui5-switch-slider > *:not(.ui5-switch-handle) {\\n\\tdisplay: var(--_ui5-switch-slider-texts-display);\\n}\\n.ui5-switch-handle {\\n\\tposition: absolute;\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n\\talign-items: center;\\n\\twidth: var(--_ui5_switch_handle_width);\\n\\theight: var(--_ui5_switch_handle_height);\\n\\tborder: var(--_ui5_switch_handle_border);\\n\\tborder-radius: var(--_ui5_switch_handle_border_radius);\\n\\tbox-sizing: border-box;\\n}\\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-handle {\\n\\theight: var(--_ui5_switch_handle_with_label_height);\\n\\twidth: var(--_ui5_switch_handle_with_label_width);\\n}\\n.ui5-switch-handle-icon {\\n\\tdisplay: var(--_ui5-switch-handle-icon-display);\\n\\ttransition: var(--_ui5_switch_track_transition);\\n}\\n:host([checked]) .ui5-switch-handle-icon {\\n\\tcolor: var(--_ui5-switch_track-on-background)\\n}\\n.ui5-switch-text {\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n\\tposition: absolute;\\n\\tz-index: var(--_ui5_switch_text_z_index);\\n\\tmin-width: var(--_ui5_switch_text_min_width);\\n\\tfont-size: var(--_ui5_switch_text_font_size);\\n\\tfont-family: var(--_ui5-switch-text_font_family);\\n\\ttext-transform: uppercase;\\n\\ttext-align: center;\\n\\twhite-space: nowrap;\\n\\tuser-select: none;\\n\\t-webkit-user-select: none;\\n}\\n.ui5-switch-handle,\\n.ui5-switch-text {\\n\\tleft: var(--_ui5_switch_handle_left);\\n\\ttop: 50%;\\n\\ttransform: translateY(-50%);\\n}\\n/* switch focused */\\n.ui5-switch-desktop.ui5-switch-root:focus::after {\\n\\tcontent: \\\"\\\";\\n\\tposition: absolute;\\n\\tleft: var(--_ui5_switch_root_outline_left);\\n\\tright: var(--_ui5_switch_root_outline_right);\\n\\ttop: var(--_ui5_switch_root_outline_top);\\n\\tbottom: var(--_ui5_switch_root_outline_bottom);\\n\\tborder: var(--_ui5_switch_focus_outline);\\n\\tborder-radius: var(--_ui5_switch_root_after_boreder_radius);\\n\\tpointer-events: none;\\n\\ttransition: var(--_ui5_switch_track_transition);\\n\\toutline: var(--_ui5_switch_root_after_outline);\\n}\\n/* switch hidden input */\\n.ui5-switch-root .ui5-switch-input {\\n\\tposition: absolute;\\n\\tleft: 0;\\n\\twidth: 0;\\n\\theight: 0;\\n\\tmargin: 0;\\n\\tvisibility: hidden;\\n\\t-webkit-appearance: none;\\n}\\n/* switch disabled */\\n.ui5-switch-root.ui5-switch--disabled {\\n\\topacity: var(--_ui5_switch_disabled_opacity);\\n\\tcursor: default;\\n}\\n.ui5-switch-root.ui5-switch--checked .ui5-switch-text--off {\\n\\tvisibility: var(--_ui5_switch_text_hidden);\\n}\\n.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-text--on {\\n\\tvisibility: var(--_ui5_switch_text_hidden);\\n}\\n.ui5-switch-root.ui5-switch--checked .ui5-switch-text--on {\\n\\tleft: var(--_ui5_switch_text_active_left);\\n}\\n.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-text--off {\\n\\tleft: var(--_ui5_switch_text_inactive_left);\\n\\tright: var(--_ui5_switch_text_inactive_right)\\n}\\n/* handle */\\n.ui5-switch-root.ui5-switch--checked .ui5-switch-handle {\\n\\tbackground: var(--_ui5_switch_handle_active_background_color);\\n\\tborder-color: var(--_ui5_switch_handle_active_border_color);\\n}\\n.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-handle {\\n\\tbackground: var(--_ui5_switch_handle_inactive_background_color);\\n\\tborder-color: var(--_ui5_switch_handle_inactive_border_color);\\n}\\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\\n\\tbackground: var(--_ui5_switch_handle_hover_active_background_color);\\n\\tborder-color: var(--_ui5_switch_handle_hover_active_border_color);\\n}\\n.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled):not(.ui5-switch--checked):hover .ui5-switch-handle {\\n\\tbackground: var(--_ui5_switch_handle_hover_inactive_background_color);\\n\\tborder-color: var(--_ui5_switch_handle_hover_inactive_border_color);\\n}\\n/* handle semantic */\\n.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked .ui5-switch-handle {\\n\\tbackground: var(--_ui5_switch_handle_semantic_accept_background_color);\\n\\tborder-color: var(--_ui5_switch_handle_semantic_accept_border_color);\\n}\\n.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--checked) .ui5-switch-handle {\\n\\tbackground: var(--_ui5_switch_handle_semantic_reject_background_color);\\n\\tborder-color: var(--_ui5_switch_handle_semantic_reject_border_color);\\n}\\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\\n\\tbackground: var(--_ui5_switch_handle_semantic_hover_accept_background_color);\\n\\tborder-color: var(--_ui5_switch_handle_semantic_hover_accept_border_color);\\n}\\n.ui5-switch-desktop.ui5-switch--semantic.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-handle {\\n\\tbackground: var(--_ui5_switch_handle_semantic_hover_reject_background_color);\\n\\tborder-color: var(--_ui5_switch_handle_semantic_hover_reject_border_color);\\n}\\n/* track */\\n.ui5-switch-root.ui5-switch--checked .ui5-switch-track {\\n\\tbackground: var(--_ui5_switch_track_active_background_color);\\n\\tborder-color: var(--_ui5_switch_track_active_border_color);\\n}\\n.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-track {\\n\\tbackground: var(--_ui5_switch_track_inactive_background_color);\\n\\tborder-color: var(--_ui5_switch_track_inactive_border_color);\\n}\\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track {\\n\\tbackground: var(--_ui5_switch_track_hover_active_background_color);\\n\\tborder-color: var(--_ui5_switch_track_hover_active_border_color);\\n}\\n.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-track {\\n\\tbackground: var(--_ui5_switch_track_hover_inactive_background_color);\\n\\tborder-color: var(--_ui5_switch_track_hover_inactive_border_color);\\n}\\n/* track semantic*/\\n.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked .ui5-switch-track {\\n\\tbackground: var(--_ui5_switch_track_semantic_accept_background_color);\\n\\tborder-color: var(--_ui5_switch_track_semantic_accept_border_color);\\n}\\n.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--checked) .ui5-switch-track {\\n\\tbackground: var(--_ui5_switch_track_semantic_reject_background_color);\\n\\tborder-color: var(--_ui5_switch_track_semantic_reject_border_color);\\n}\\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track {\\n\\tbackground: var(--_ui5_switch_track_semantic_hover_accept_background_color);\\n\\tborder-color: var(--_ui5_switch_track_semantic_hover_accept_border_color);\\n}\\n.ui5-switch-desktop.ui5-switch--semantic.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-track {\\n\\tbackground: var(--_ui5_switch_track_semantic_hover_reject_background_color);\\n\\tborder-color: var(--_ui5_switch_track_semantic_hover_reject_border_color);\\n}\\n.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-slider {\\n\\t/* Move slider to oposite end, taking into account the handle as an offset. */\\n\\t/* Note: translate(calc()) does not work in IE11 */\\n\\ttransform: var(--_ui5_switch_transform_with_label);\\n}\\n.ui5-switch-root.ui5-switch--checked .ui5-switch-slider {\\n\\t/* Move slider to oposite end, taking into account the handle as an offset. */\\n\\t/* Note: translate(calc()) does not work in IE11 */\\n\\ttransform: var(--_ui5_switch_transform);\\n}\\n/* switch semantic icon and type noLabel icon in horizon theme */\\n.ui5-switch-text .ui5-switch-text--on .ui5-switch-no-label-icon,\\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-text,\\n.ui5-switch-root.ui5-switch--no-label .ui5-switch-text {\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n\\n}\\n.ui5-switch--no-label .ui5-switch-no-label-icon-on,\\n.ui5-switch--no-label .ui5-switch-no-label-icon-off {\\n\\twidth: var(--_ui5_switch_icon_width);\\n\\theight: var(--_ui5_switch_icon_height);\\n\\tdisplay: var(--_ui5_switch_track_icon_display);\\n}\\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-on,\\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-off {\\n\\twidth: var(--_ui5_switch_icon_width);\\n\\theight: var(--_ui5_switch_icon_height)\\n}\\n.ui5-switch-root .ui5-switch-text {\\n\\tfont-family: var(--_ui5_switch_text_font_family);\\n\\tfont-size: var(--_ui5_switch_text_font_size);\\n\\twidth: var(--_ui5_switch_text_width);\\n}\\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-text {\\n\\tfont-family: var(--_ui5_switch_text_with_label_font_family);\\n\\tfont-size: var(--_ui5_switch_text_with_label_font_size);\\n\\twidth: var(--_ui5_switch_text_with_label_width);\\n}\\n/* switch active effects */\\n/* active & off */\\n:host([active]) .ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled) .ui5-switch-track {\\n\\tbackground: var( --_ui5-switch_track-off-active-background);\\n}\\n/* active & on */\\n:host([active]) .ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track {\\n\\tbackground: var(--_ui5-switch_track-on-active-background);\\n}\\n.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled):hover .ui5-switch-handle {\\n\\tbox-shadow: var(--_ui5_switch_handle_off_hover_box_shadow);\\n}\\n/* switch on hover, when switched on */\\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\\n\\tbox-shadow: var(--_ui5_switch_handle_on_hover_box_shadow);\\n}\\n/* semantic switch on hover, when switched off */\\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--disabled):hover .ui5-switch-handle {\\n\\tbox-shadow: var(--_ui5_switch_handle_semantic_off_hover_box_shadow);\\n}\\n/* semantic switch on hover, when switched on */\\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\\n\\tbox-shadow: var(--_ui5_switch_handle_semantic_on_hover_box_shadow);\\n}\\n/* Text */\\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-on,\\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-text--on {\\n\\tcolor: var(--_ui5_switch_text_semantic_accept_color);\\n}\\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-off,\\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-text--off {\\n\\tcolor: var(--_ui5_switch_text_semantic_reject_color);\\n}\\n.ui5-switch-root .ui5-switch-text--on {\\n\\tcolor: var(--_ui5_switch_text_active_color);\\n\\toverflow: var(--_ui5_switch_text_overflow);\\n\\ttext-overflow: ellipsis;\\n}\\n.ui5-switch-root .ui5-switch-text--off {\\n\\tcolor: var(--_ui5_switch_text_inactive_color);\\n\\toverflow: var(--_ui5_switch_text_overflow);\\n\\ttext-overflow: ellipsis;\\n}\\n.ui5-switch-root .ui5-switch-no-label-icon-on,\\n.ui5-switch-root .ui5-switch-icon-on {\\n\\tcolor: var(--_ui5_switch_text_active_color);\\n}\\n.ui5-switch-root .ui5-switch-no-label-icon-off,\\n.ui5-switch-root .ui5-switch-icon-off {\\n\\tcolor: var(--_ui5_switch_text_inactive_color);\\n}\\n/* RTL */\\n[dir=\\\"rtl\\\"].ui5-switch-root.ui5-switch--checked:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-slider {\\n\\ttransform: var(--_ui5_switch_rtl_transform_with_label);\\n}\\n[dir=\\\"rtl\\\"].ui5-switch-root.ui5-switch--checked .ui5-switch-slider {\\n\\ttransform: var(--_ui5_switch_rtl_transform);\\n}\\n[dir=\\\"rtl\\\"].ui5-switch-root .ui5-switch-handle {\\n\\tleft: auto;\\n\\tright: var(--_ui5_switch_handle_left);\\n}\\n[dir=\\\"rtl\\\"].ui5-switch-root .ui5-switch-text--on {\\n\\tright: var(--_ui5_switch_text_active_left);\\n\\tleft: var(--_ui5_switch_text_active_right);\\n}\\n[dir=\\\"rtl\\\"].ui5-switch-root .ui5-switch-text--off {\\n\\tright: var(--_ui5_switch_text_inactive_left);\\n\\tleft: var(--_ui5_switch_text_inactive_right);\\n}\\n\"};\nexport default styleData;\n\t"]}
+{"version":3,"file":"Switch.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Switch.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,mBAAmB,EAAC,OAAO,EAAC,o/aAAo/a,EAAC,CAAC;AAC1lb,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/Switch.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:host {\\n\\t-webkit-tap-highlight-color: rgba(0,0,0,0);\\n}\\n:host(:not([hidden])) {\\n\\tdisplay: inline-block;\\n}\\n.ui5-switch-root {\\n\\tposition: relative;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\twidth: var(--_ui5_switch_width);\\n\\theight: var(--_ui5_switch_height);\\n\\tmin-width: var(--_ui5_switch_min_width);\\n\\tcursor: pointer;\\n\\toutline: none;\\n\\tborder-radius: var(--_ui5-switch-root-border-radius);\\n}\\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) {\\n\\twidth: var(--_ui5_switch_with_label_width);\\n\\theight: var(--_ui5_switch_height);\\n}\\n.ui5-switch-root.ui5-switch--no-label {\\n\\tmin-width: var(--_ui5_switch_width);\\n}\\n.ui5-switch-inner {\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tjustify-content: center;\\n\\theight: 100%;\\n\\twidth: 100%;\\n\\tmin-width: inherit;\\n\\toverflow: hidden;\\n\\tpointer-events: none;\\n\\twill-change: transform;\\n}\\n:host([checked]) .ui5-switch-inner {\\n\\tborder-radius: 6.25rem;\\n\\tbox-shadow: var(--_ui5-switch-root-box-shadow);\\n}\\n.ui5-switch-track {\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\theight: var(--_ui5_switch_track_height);\\n\\twidth: var(--_ui5_switch_track_width);\\n\\tborder: var(--_ui5-switch-track-border);\\n\\tborder-radius: var(--_ui5_switch_track_border_radius);\\n\\tbox-sizing: border-box;\\n\\ttransition: var(--_ui5_switch_track_transition);\\n}\\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-track {\\n\\theight: var(--_ui5_switch_track_with_label_height);\\n\\twidth: var(--_ui5_switch_track_with_label_width);\\n}\\n.ui5-switch-slider {\\n\\tposition: relative;\\n\\theight: var(--_ui5_switch_height);\\n\\twidth: 100%;\\n\\ttransition: transform 0.1s ease-in;\\n\\ttransform-origin: top left;\\n}\\n.ui5-switch-slider > *:not(.ui5-switch-handle) {\\n\\tdisplay: var(--_ui5-switch-slider-texts-display);\\n}\\n.ui5-switch-handle {\\n\\tposition: absolute;\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n\\talign-items: center;\\n\\twidth: var(--_ui5_switch_handle_width);\\n\\theight: var(--_ui5_switch_handle_height);\\n\\tborder: var(--_ui5_switch_handle_border);\\n\\tborder-radius: var(--_ui5_switch_handle_border_radius);\\n\\tbox-sizing: border-box;\\n}\\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-handle {\\n\\theight: var(--_ui5_switch_handle_with_label_height);\\n\\twidth: var(--_ui5_switch_handle_with_label_width);\\n}\\n.ui5-switch-handle-icon {\\n\\tdisplay: var(--_ui5-switch-handle-icon-display);\\n\\ttransition: var(--_ui5_switch_track_transition);\\n}\\n:host([checked]) .ui5-switch-handle-icon {\\n\\tcolor: var(--_ui5-switch_track-on-background)\\n}\\n.ui5-switch-text {\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n\\tposition: absolute;\\n\\tz-index: var(--_ui5_switch_text_z_index);\\n\\tmin-width: var(--_ui5_switch_text_min_width);\\n\\tfont-size: var(--_ui5_switch_text_font_size);\\n\\tfont-family: var(--_ui5-switch-text_font_family);\\n\\ttext-transform: uppercase;\\n\\ttext-align: center;\\n\\twhite-space: nowrap;\\n\\tuser-select: none;\\n\\t-webkit-user-select: none;\\n}\\n.ui5-switch-handle,\\n.ui5-switch-text {\\n\\tleft: var(--_ui5_switch_handle_left);\\n\\ttop: 50%;\\n\\ttransform: translateY(-50%);\\n}\\n/* switch focused */\\n.ui5-switch-desktop.ui5-switch-root:focus::after {\\n\\tcontent: \\\"\\\";\\n\\tposition: absolute;\\n\\tleft: var(--_ui5_switch_root_outline_left);\\n\\tright: var(--_ui5_switch_root_outline_right);\\n\\ttop: var(--_ui5_switch_root_outline_top);\\n\\tbottom: var(--_ui5_switch_root_outline_bottom);\\n\\tborder: var(--_ui5_switch_focus_outline);\\n\\tborder-radius: var(--_ui5_switch_root_after_boreder_radius);\\n\\tpointer-events: none;\\n\\ttransition: var(--_ui5_switch_track_transition);\\n\\toutline: var(--_ui5_switch_root_after_outline);\\n}\\n/* switch hidden input */\\n.ui5-switch-root .ui5-switch-input {\\n\\tposition: absolute;\\n\\tleft: 0;\\n\\twidth: 0;\\n\\theight: 0;\\n\\tmargin: 0;\\n\\tvisibility: hidden;\\n\\t-webkit-appearance: none;\\n}\\n/* switch disabled */\\n.ui5-switch-root.ui5-switch--disabled {\\n\\topacity: var(--_ui5_switch_disabled_opacity);\\n\\tcursor: default;\\n}\\n.ui5-switch-root.ui5-switch--checked .ui5-switch-text--off {\\n\\tvisibility: var(--_ui5_switch_text_hidden);\\n}\\n.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-text--on {\\n\\tvisibility: var(--_ui5_switch_text_hidden);\\n}\\n.ui5-switch-root.ui5-switch--checked.ui5-switch--semantic .ui5-switch-text--on, \\n.ui5-switch-root.ui5-switch--checked.ui5-switch-desktop.ui5-switch--no-label .ui5-switch-text--on {\\n\\tleft: var(--_ui5_switch_text_active_left);\\n}\\n.ui5-switch-root:not(.ui5-switch--checked).ui5-switch--semantic .ui5-switch-text--off,\\n.ui5-switch-root:not(.ui5-switch--checked).ui5-switch-desktop.ui5-switch--no-label .ui5-switch-text--off {\\n\\tleft: var(--_ui5_switch_text_inactive_left);\\n\\tright: var(--_ui5_switch_text_inactive_right);\\n}\\n/* handle */\\n.ui5-switch-root.ui5-switch--checked .ui5-switch-handle {\\n\\tbackground: var(--_ui5_switch_handle_active_background_color);\\n\\tborder-color: var(--_ui5_switch_handle_active_border_color);\\n}\\n.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-handle {\\n\\tbackground: var(--_ui5_switch_handle_inactive_background_color);\\n\\tborder-color: var(--_ui5_switch_handle_inactive_border_color);\\n}\\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\\n\\tbackground: var(--_ui5_switch_handle_hover_active_background_color);\\n\\tborder-color: var(--_ui5_switch_handle_hover_active_border_color);\\n}\\n.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled):not(.ui5-switch--checked):hover .ui5-switch-handle {\\n\\tbackground: var(--_ui5_switch_handle_hover_inactive_background_color);\\n\\tborder-color: var(--_ui5_switch_handle_hover_inactive_border_color);\\n}\\n/* handle semantic */\\n.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked .ui5-switch-handle {\\n\\tbackground: var(--_ui5_switch_handle_semantic_accept_background_color);\\n\\tborder-color: var(--_ui5_switch_handle_semantic_accept_border_color);\\n}\\n.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--checked) .ui5-switch-handle {\\n\\tbackground: var(--_ui5_switch_handle_semantic_reject_background_color);\\n\\tborder-color: var(--_ui5_switch_handle_semantic_reject_border_color);\\n}\\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\\n\\tbackground: var(--_ui5_switch_handle_semantic_hover_accept_background_color);\\n\\tborder-color: var(--_ui5_switch_handle_semantic_hover_accept_border_color);\\n}\\n.ui5-switch-desktop.ui5-switch--semantic.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-handle {\\n\\tbackground: var(--_ui5_switch_handle_semantic_hover_reject_background_color);\\n\\tborder-color: var(--_ui5_switch_handle_semantic_hover_reject_border_color);\\n}\\n/* track */\\n.ui5-switch-root.ui5-switch--checked .ui5-switch-track {\\n\\tbackground: var(--_ui5_switch_track_active_background_color);\\n\\tborder-color: var(--_ui5_switch_track_active_border_color);\\n}\\n.ui5-switch-root:not(.ui5-switch--checked) .ui5-switch-track {\\n\\tbackground: var(--_ui5_switch_track_inactive_background_color);\\n\\tborder-color: var(--_ui5_switch_track_inactive_border_color);\\n}\\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track {\\n\\tbackground: var(--_ui5_switch_track_hover_active_background_color);\\n\\tborder-color: var(--_ui5_switch_track_hover_active_border_color);\\n}\\n.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-track {\\n\\tbackground: var(--_ui5_switch_track_hover_inactive_background_color);\\n\\tborder-color: var(--_ui5_switch_track_hover_inactive_border_color);\\n}\\n/* track semantic*/\\n.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked .ui5-switch-track {\\n\\tbackground: var(--_ui5_switch_track_semantic_accept_background_color);\\n\\tborder-color: var(--_ui5_switch_track_semantic_accept_border_color);\\n}\\n.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--checked) .ui5-switch-track {\\n\\tbackground: var(--_ui5_switch_track_semantic_reject_background_color);\\n\\tborder-color: var(--_ui5_switch_track_semantic_reject_border_color);\\n}\\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track {\\n\\tbackground: var(--_ui5_switch_track_semantic_hover_accept_background_color);\\n\\tborder-color: var(--_ui5_switch_track_semantic_hover_accept_border_color);\\n}\\n.ui5-switch-desktop.ui5-switch--semantic.ui5-switch-root:not(.ui5-switch--checked):not(.ui5-switch--disabled):hover .ui5-switch-track {\\n\\tbackground: var(--_ui5_switch_track_semantic_hover_reject_background_color);\\n\\tborder-color: var(--_ui5_switch_track_semantic_hover_reject_border_color);\\n}\\n.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-slider {\\n\\t/* Move slider to oposite end, taking into account the handle as an offset. */\\n\\t/* Note: translate(calc()) does not work in IE11 */\\n\\ttransform: var(--_ui5_switch_transform_with_label);\\n}\\n.ui5-switch-root.ui5-switch--checked .ui5-switch-slider {\\n\\t/* Move slider to oposite end, taking into account the handle as an offset. */\\n\\t/* Note: translate(calc()) does not work in IE11 */\\n\\ttransform: var(--_ui5_switch_transform);\\n}\\n/* switch semantic icon and type noLabel icon in horizon theme */\\n.ui5-switch-text .ui5-switch-text--on .ui5-switch-no-label-icon,\\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-text,\\n.ui5-switch-root.ui5-switch--no-label .ui5-switch-text {\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n\\n}\\n.ui5-switch--no-label .ui5-switch-no-label-icon-on,\\n.ui5-switch--no-label .ui5-switch-no-label-icon-off {\\n\\twidth: var(--_ui5_switch_icon_width);\\n\\theight: var(--_ui5_switch_icon_height);\\n\\tdisplay: var(--_ui5_switch_track_icon_display);\\n}\\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-on,\\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-off {\\n\\twidth: var(--_ui5_switch_icon_width);\\n\\theight: var(--_ui5_switch_icon_height)\\n}\\n.ui5-switch-root .ui5-switch-text {\\n\\tfont-family: var(--_ui5_switch_text_font_family);\\n\\tfont-size: var(--_ui5_switch_text_font_size);\\n\\twidth: var(--_ui5_switch_text_width);\\n}\\n.ui5-switch-root:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-text {\\n\\tfont-family: var(--_ui5_switch_text_with_label_font_family);\\n\\tfont-size: var(--_ui5_switch_text_with_label_font_size);\\n\\twidth: var(--_ui5_switch_text_with_label_width);\\n}\\n/* switch active effects */\\n/* active & off */\\n:host([active]) .ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled) .ui5-switch-track {\\n\\tbackground: var( --_ui5-switch_track-off-active-background);\\n}\\n/* active & on */\\n:host([active]) .ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track {\\n\\tbackground: var(--_ui5-switch_track-on-active-background);\\n}\\n.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled):hover .ui5-switch-handle {\\n\\tbox-shadow: var(--_ui5_switch_handle_off_hover_box_shadow);\\n}\\n/* switch on hover, when switched on */\\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\\n\\tbox-shadow: var(--_ui5_switch_handle_on_hover_box_shadow);\\n}\\n/* semantic switch on hover, when switched off */\\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--disabled):hover .ui5-switch-handle {\\n\\tbox-shadow: var(--_ui5_switch_handle_semantic_off_hover_box_shadow);\\n}\\n/* semantic switch on hover, when switched on */\\n.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle {\\n\\tbox-shadow: var(--_ui5_switch_handle_semantic_on_hover_box_shadow);\\n}\\n/* Text */\\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-on,\\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-text--on {\\n\\tcolor: var(--_ui5_switch_text_semantic_accept_color);\\n}\\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-off,\\n.ui5-switch-root.ui5-switch--semantic .ui5-switch-text--off {\\n\\tcolor: var(--_ui5_switch_text_semantic_reject_color);\\n}\\n.ui5-switch-root .ui5-switch-text--on {\\n\\tcolor: var(--_ui5_switch_text_active_color);\\n\\toverflow: var(--_ui5_switch_text_overflow);\\n\\ttext-overflow: ellipsis;\\n}\\n.ui5-switch-root .ui5-switch-text--off {\\n\\tcolor: var(--_ui5_switch_text_inactive_color);\\n\\toverflow: var(--_ui5_switch_text_overflow);\\n\\ttext-overflow: ellipsis;\\n}\\n.ui5-switch-root .ui5-switch-no-label-icon-on,\\n.ui5-switch-root .ui5-switch-icon-on {\\n\\tcolor: var(--_ui5_switch_text_active_color);\\n}\\n.ui5-switch-root .ui5-switch-no-label-icon-off,\\n.ui5-switch-root .ui5-switch-icon-off {\\n\\tcolor: var(--_ui5_switch_text_inactive_color);\\n}\\n/* RTL */\\n[dir=\\\"rtl\\\"].ui5-switch-root.ui5-switch--checked:not(.ui5-switch--no-label):not(.ui5-switch--semantic) .ui5-switch-slider {\\n\\ttransform: var(--_ui5_switch_rtl_transform_with_label);\\n}\\n[dir=\\\"rtl\\\"].ui5-switch-root.ui5-switch--checked .ui5-switch-slider {\\n\\ttransform: var(--_ui5_switch_rtl_transform);\\n}\\n[dir=\\\"rtl\\\"].ui5-switch-root .ui5-switch-handle {\\n\\tleft: auto;\\n\\tright: var(--_ui5_switch_handle_left);\\n}\\n[dir=\\\"rtl\\\"].ui5-switch-root .ui5-switch-text--on {\\n\\tright: var(--_ui5_switch_text_active_left);\\n\\tleft: var(--_ui5_switch_text_active_right);\\n}\\n[dir=\\\"rtl\\\"].ui5-switch-root .ui5-switch-text--off {\\n\\tright: var(--_ui5_switch_text_inactive_left);\\n\\tleft: var(--_ui5_switch_text_inactive_right);\\n}\\n\"};\nexport default styleData;\n\t"]}