@ui5/webcomponents 0.0.0-d0bcf47c7 → 0.0.0-d1315d658

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

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

package/dist/generated/themes/SelectPopover.css.d.ts

@@ -0,0 +1,3 @@
+import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
+declare const styleData: StyleData;
+export default styleData;

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

@@ -0,0 +1,8 @@
+import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
+import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js";
+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/SelectPopover.css", content: ".ui5-select-popover::part(content),\n.ui5-select-popover::part(header) {\n\tpadding: 0;\n}\n\n.ui5-select-popover [ui5-li] {\n\theight: var(--_ui5_list_item_dropdown_base_height);\n}\n\n.ui5-select-popover [ui5-li]::part(icon) {\n\tcolor: var(--sapList_TextColor);\n}\n" };
+export default styleData;
+//# sourceMappingURL=SelectPopover.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPopover.css.js","sourceRoot":"","sources":["../../../src/generated/themes/SelectPopover.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,0BAA0B,EAAC,OAAO,EAAC,+QAA+Q,EAAC,CAAC;AAC5X,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/SelectPopover.css\",content:\".ui5-select-popover::part(content),\\n.ui5-select-popover::part(header) {\\n\\tpadding: 0;\\n}\\n\\n.ui5-select-popover [ui5-li] {\\n\\theight: var(--_ui5_list_item_dropdown_base_height);\\n}\\n\\n.ui5-select-popover [ui5-li]::part(icon) {\\n\\tcolor: var(--sapList_TextColor);\\n}\\n\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/SliderBase.css.d.ts

@@ -0,0 +1,3 @@
+import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
+declare const styleData: StyleData;
+export default styleData;

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

@@ -0,0 +1,8 @@
+import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
+import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js";
+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/SliderBase.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([disabled]) {\n\topacity: var(--_ui5_slider_disabled_opacity);\n\tcursor: default;\n\tpointer-events: none;\n}\n\n:host {\n\tbox-sizing: border-box;\n\tcursor: pointer;\n\tvertical-align: top;\n\twidth: 100%;\n}\n\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n}\n\n.ui5-slider-root {\n\tbox-sizing: border-box;\n\theight: 3.3125rem;\n\toutline: none;\n\tpadding: var(--_ui5_slider_padding);\n\ttouch-action: none;\n}\n\n.ui5-slider-inner {\n\tbackground-repeat: no-repeat;\n\tposition: relative;\n\tmin-width: var(--_ui5_slider_inner_min_width);\n\theight: 100%;\n}\n\n.ui5-slider-progress-container {\n\twidth: 100%;\n\tbackground: var(--_ui5_slider_progress_container_background);\n\tborder: var(--_ui5_slider_progress_border);\n\tborder-radius: var(--_ui5_slider_progress_border_radius);\n\theight: var(--_ui5_slider_inner_height);\n\tposition: relative;\n\tbox-sizing: var(--_ui5_slider_progress_box_sizing);\n\ttop: var(--_ui5_slider_progress_container_top);\n}\n\n.ui5-slider-progress-container::before,\n.ui5-slider-progress-container::after {\n\tdisplay: var(--_ui5_slider_progress_container_dot_display);\n\tcontent: \"\";\n\tposition: absolute;\n\tborder-radius: 50%;\n\twidth: var(--_ui5_slider_start_end_point_size);\n\theight: var(--_ui5_slider_start_end_point_size);\n\ttop: var(--_ui5_slider_start_end_point_top);\n}\n\n.ui5-slider-progress-container::before {\n\tinset-inline-start: var(--_ui5_slider_start_end_point_left);\n\tbackground-color: var(--_ui5_slider_progress_before_background);\n\tborder: var(--_ui5_slider_progress_before_border);\n}\n\n.ui5-slider-progress-container::after {\n\tinset-inline-end: var(--_ui5_slider_start_end_point_left);\n\tbackground-color: var(--_ui5_slider_progress_after_background);\n\tborder: var(--_ui5_slider_progress_after_border);\n}\n\n.ui5-slider-progress {\n\tbackground: var(--_ui5_slider_progress_background);\n\tborder-radius: var(--_ui5_slider_progress_border_radius);\n\theight: var(--_ui5_slider_progress_height);\n\tposition: relative;\n\toutline: none;\n\tbox-sizing: border-box;\n\tborder: var(--_ui5_slider_active_progress_border);\n\tleft: var(--_ui5_slider_active_progress_left);\n\ttop: var(--_ui5_slider_active_progress_top);\n}\n\n.ui5-slider-tickmarks {\n\tlist-style: none;\n\tpadding: 0;\n\tmargin: 0;\n\ttop: var(--_ui5_slider_tickmark_top);\n\tdisplay: flex;\n\tbox-sizing: border-box;\n\twidth: 100%;\n\tjustify-content: space-between;\n\tposition: absolute;\n\tz-index: 1;\n}\n\n.ui5-slider-tickmarks li {\n\theight: var(--_ui5_slider_tickmark_height);\n\tborder-inline-start: 1px solid var(--_ui5_slider_tickmark_bg);\n}\n\n.ui5-slider-handle {\n\tbackground: var(--_ui5_slider_handle_background);\n\tborder: var(--_ui5_slider_handle_border);\n\tborder-radius: var(--_ui5_slider_handle_border_radius);\n\tbox-shadow: var(--_ui5_slider_handle_box_shadow);\n\tmargin-inline-start: calc(-1 * var(--_ui5_slider_handle_width) / 2);\n\ttop: var(--_ui5_slider_handle_top);\n\tposition: absolute;\n\toutline: none;\n\theight: var(--_ui5_slider_handle_height);\n\twidth: var(--_ui5_slider_handle_width);\n\tbox-sizing: var(--_ui5_slider_handle_box_sizing);\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tz-index: 2;\n}\n\n[slider-icon] {\n\tdisplay: var(--_ui5_slider_handle_icon_display);\n\tcolor: var(--sapContent_Selected_ForegroundColor);\n\twidth: var(--_ui5_slider_handle_icon_size);\n\theight: var(--_ui5_slider_handle_icon_size);\n}\n\n.ui5-slider-progress-container:hover ~ .ui5-slider-handle:not(:focus),\n.ui5-slider-handle:hover {\n\tbackground: var(--_ui5_slider_handle_hover_background);\n\tborder: var(--_ui5_slider_handle_hover_border);\n\tbox-shadow: var(--_ui5_slider_handle_hover_box_shadow);\n}\n\n.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,\n.ui5-slider-handle:not(:active):focus {\n\toutline: var(--_ui5_slider_handle_outline);\n\toutline-offset: var(--_ui5_slider_handle_outline_offset);\n\tborder: var(--_ui5_slider_handle_focus_border);\n\tbox-shadow: var(--_ui5_slider_handle_box_shadow_focus);\n\tbackground: var(--_ui5_slider_handle_background_focus);\n}\n\n.ui5-slider-root:active .ui5-slider-handle:focus,\n.ui5-slider-handle:focus:active {\n\tbackground: var(--_ui5_slider_handle_hover_background);\n\tborder: var(--_ui5_slider_handle_active_border);\n\tbox-shadow: var(--_ui5_slider_handle_active_box_shadow);\n\toutline: var(--_ui5_slider_handle_active_focused_outline);\n}\n\n.ui5-slider-handle.ui5-slider-handle--start:focus,\n.ui5-slider-handle--end:focus {\n\tborder: var(--_ui5_slider_handle_focus_border);\n}\n\n.ui5-slider-root:focus:hover .ui5-slider-handle,\n.ui5-slider-handle:focus:hover {\n\tborder: var(--_ui5_slider_handle_focus_border);\n}\n\n.ui5-slider-tooltip {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tvisibility: hidden;\n\tpointer-events: none;\n\tline-height: 1rem;\n\tposition: absolute;\n\tleft: 50%;\n\ttransform: translate(-50%);\n\tbottom: var(--_ui5_slider_tooltip_bottom);\n\tbackground: var(--_ui5_slider_tooltip_background);\n\tborder: var(--_ui5_slider_tooltip_border);\n\tborder-radius: var(--_ui5_slider_tooltip_border_radius);\n\tbox-shadow: var(--_ui5_slider_tooltip_box_shadow);\n\tfont-size: var(--_ui5_slider_tooltip_fontsize);\n\tcolor: var(--_ui5_slider_tooltip_color);\n\theight: var(--_ui5_slider_tooltip_height);\n\tmin-width: var(--_ui5_slider_tooltip_min_width);\n\tpadding: var(--_ui5_slider_tooltip_padding);\n\tbox-sizing: var(--_ui5_slider_tooltip_border_box);\n}\n\n.ui5-slider-tooltip-value {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.ui5-slider-labels {\n\tposition: absolute;\n\ttop: 1.25rem;\n\tmargin: 0;\n\tpadding: 0;\n\twhite-space: nowrap;\n}\n\n.ui5-slider-labels li {\n\tposition: relative;\n\tlist-style: none;\n\tpadding-top: 0.3125rem;\n\theight: 1rem;\n\tmargin: 0;\n\ttext-align: center;\n\tdisplay: inline-block;\n\tcolor: var(--_ui5_slider_label_color);\n\tfont-size: var(--_ui5_slider_label_fontsize);\n\tpadding-top: 0;\n\tbox-sizing: border-box;\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tvertical-align: top;\n}\n\n.ui5-slider-hidden-labels li:not(:first-child):not(:last-child) {\n\tvisibility: hidden;\n}\n\n.ui5-slider-handle:focus .ui5-slider-tooltip {\n\tbottom: var(--_ui5_slider_handle_focused_tooltip_distance);\n}\n\n.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range {\n\tborder-inline-start: 1px solid var(--_ui5_slider_tickmark_in_range_bg);\n}\n\n:host([show-tickmarks]) .ui5-slider-progress {\n\theight: var(--_ui5_slider_no_tickmarks_progress_height);\n\tborder: var(--_ui5_slider_no_tickmarks_active_progress_border);\n\tleft: var(--_ui5_slider_no_tickmarks_active_progress_left);\n\ttop: var(--_ui5_slider_no_tickmarks_active_progress_top);\n}\n\n:host([show-tickmarks]) .ui5-slider-progress-container {\n\ttop: var(--_ui5_slider_no_tickmarks_progress_container_top);\n}\n\n.ui5-slider-handle:focus:after {\n\tcontent: \"\";\n\tdisplay: var(--_ui5_slider_handle_focus_visibility);\n\twidth: calc(100% + (var(--sapContent_FocusWidth) * 2) + 2px);\n\theight: calc(100% + (var(--sapContent_FocusWidth) * 2) + 2px);\n\tborder: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);\n\tposition: absolute;\n\tborder-radius: var(--_ui5_slider_handle_border_radius);\n\tpointer-events: none;\n}\n" };
+export default styleData;
+//# sourceMappingURL=SliderBase.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderBase.css.js","sourceRoot":"","sources":["../../../src/generated/themes/SliderBase.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,uBAAuB,EAAC,OAAO,EAAC,88OAA88O,EAAC,CAAC;AACxjP,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/SliderBase.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([disabled]) {\\n\\topacity: var(--_ui5_slider_disabled_opacity);\\n\\tcursor: default;\\n\\tpointer-events: none;\\n}\\n\\n:host {\\n\\tbox-sizing: border-box;\\n\\tcursor: pointer;\\n\\tvertical-align: top;\\n\\twidth: 100%;\\n}\\n\\n:host(:not([hidden])) {\\n\\tdisplay: inline-block;\\n}\\n\\n.ui5-slider-root {\\n\\tbox-sizing: border-box;\\n\\theight: 3.3125rem;\\n\\toutline: none;\\n\\tpadding: var(--_ui5_slider_padding);\\n\\ttouch-action: none;\\n}\\n\\n.ui5-slider-inner {\\n\\tbackground-repeat: no-repeat;\\n\\tposition: relative;\\n\\tmin-width: var(--_ui5_slider_inner_min_width);\\n\\theight: 100%;\\n}\\n\\n.ui5-slider-progress-container {\\n\\twidth: 100%;\\n\\tbackground: var(--_ui5_slider_progress_container_background);\\n\\tborder: var(--_ui5_slider_progress_border);\\n\\tborder-radius: var(--_ui5_slider_progress_border_radius);\\n\\theight: var(--_ui5_slider_inner_height);\\n\\tposition: relative;\\n\\tbox-sizing: var(--_ui5_slider_progress_box_sizing);\\n\\ttop: var(--_ui5_slider_progress_container_top);\\n}\\n\\n.ui5-slider-progress-container::before,\\n.ui5-slider-progress-container::after {\\n\\tdisplay: var(--_ui5_slider_progress_container_dot_display);\\n\\tcontent: \\\"\\\";\\n\\tposition: absolute;\\n\\tborder-radius: 50%;\\n\\twidth: var(--_ui5_slider_start_end_point_size);\\n\\theight: var(--_ui5_slider_start_end_point_size);\\n\\ttop: var(--_ui5_slider_start_end_point_top);\\n}\\n\\n.ui5-slider-progress-container::before {\\n\\tinset-inline-start: var(--_ui5_slider_start_end_point_left);\\n\\tbackground-color: var(--_ui5_slider_progress_before_background);\\n\\tborder: var(--_ui5_slider_progress_before_border);\\n}\\n\\n.ui5-slider-progress-container::after {\\n\\tinset-inline-end: var(--_ui5_slider_start_end_point_left);\\n\\tbackground-color: var(--_ui5_slider_progress_after_background);\\n\\tborder: var(--_ui5_slider_progress_after_border);\\n}\\n\\n.ui5-slider-progress {\\n\\tbackground: var(--_ui5_slider_progress_background);\\n\\tborder-radius: var(--_ui5_slider_progress_border_radius);\\n\\theight: var(--_ui5_slider_progress_height);\\n\\tposition: relative;\\n\\toutline: none;\\n\\tbox-sizing: border-box;\\n\\tborder: var(--_ui5_slider_active_progress_border);\\n\\tleft: var(--_ui5_slider_active_progress_left);\\n\\ttop: var(--_ui5_slider_active_progress_top);\\n}\\n\\n.ui5-slider-tickmarks {\\n\\tlist-style: none;\\n\\tpadding: 0;\\n\\tmargin: 0;\\n\\ttop: var(--_ui5_slider_tickmark_top);\\n\\tdisplay: flex;\\n\\tbox-sizing: border-box;\\n\\twidth: 100%;\\n\\tjustify-content: space-between;\\n\\tposition: absolute;\\n\\tz-index: 1;\\n}\\n\\n.ui5-slider-tickmarks li {\\n\\theight: var(--_ui5_slider_tickmark_height);\\n\\tborder-inline-start: 1px solid var(--_ui5_slider_tickmark_bg);\\n}\\n\\n.ui5-slider-handle {\\n\\tbackground: var(--_ui5_slider_handle_background);\\n\\tborder: var(--_ui5_slider_handle_border);\\n\\tborder-radius: var(--_ui5_slider_handle_border_radius);\\n\\tbox-shadow: var(--_ui5_slider_handle_box_shadow);\\n\\tmargin-inline-start: calc(-1 * var(--_ui5_slider_handle_width) / 2);\\n\\ttop: var(--_ui5_slider_handle_top);\\n\\tposition: absolute;\\n\\toutline: none;\\n\\theight: var(--_ui5_slider_handle_height);\\n\\twidth: var(--_ui5_slider_handle_width);\\n\\tbox-sizing: var(--_ui5_slider_handle_box_sizing);\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n\\talign-items: center;\\n\\tz-index: 2;\\n}\\n\\n[slider-icon] {\\n\\tdisplay: var(--_ui5_slider_handle_icon_display);\\n\\tcolor: var(--sapContent_Selected_ForegroundColor);\\n\\twidth: var(--_ui5_slider_handle_icon_size);\\n\\theight: var(--_ui5_slider_handle_icon_size);\\n}\\n\\n.ui5-slider-progress-container:hover ~ .ui5-slider-handle:not(:focus),\\n.ui5-slider-handle:hover {\\n\\tbackground: var(--_ui5_slider_handle_hover_background);\\n\\tborder: var(--_ui5_slider_handle_hover_border);\\n\\tbox-shadow: var(--_ui5_slider_handle_hover_box_shadow);\\n}\\n\\n.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,\\n.ui5-slider-handle:not(:active):focus {\\n\\toutline: var(--_ui5_slider_handle_outline);\\n\\toutline-offset: var(--_ui5_slider_handle_outline_offset);\\n\\tborder: var(--_ui5_slider_handle_focus_border);\\n\\tbox-shadow: var(--_ui5_slider_handle_box_shadow_focus);\\n\\tbackground: var(--_ui5_slider_handle_background_focus);\\n}\\n\\n.ui5-slider-root:active .ui5-slider-handle:focus,\\n.ui5-slider-handle:focus:active {\\n\\tbackground: var(--_ui5_slider_handle_hover_background);\\n\\tborder: var(--_ui5_slider_handle_active_border);\\n\\tbox-shadow: var(--_ui5_slider_handle_active_box_shadow);\\n\\toutline: var(--_ui5_slider_handle_active_focused_outline);\\n}\\n\\n.ui5-slider-handle.ui5-slider-handle--start:focus,\\n.ui5-slider-handle--end:focus {\\n\\tborder: var(--_ui5_slider_handle_focus_border);\\n}\\n\\n.ui5-slider-root:focus:hover .ui5-slider-handle,\\n.ui5-slider-handle:focus:hover {\\n\\tborder: var(--_ui5_slider_handle_focus_border);\\n}\\n\\n.ui5-slider-tooltip {\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n\\talign-items: center;\\n\\tvisibility: hidden;\\n\\tpointer-events: none;\\n\\tline-height: 1rem;\\n\\tposition: absolute;\\n\\tleft: 50%;\\n\\ttransform: translate(-50%);\\n\\tbottom: var(--_ui5_slider_tooltip_bottom);\\n\\tbackground: var(--_ui5_slider_tooltip_background);\\n\\tborder: var(--_ui5_slider_tooltip_border);\\n\\tborder-radius: var(--_ui5_slider_tooltip_border_radius);\\n\\tbox-shadow: var(--_ui5_slider_tooltip_box_shadow);\\n\\tfont-size: var(--_ui5_slider_tooltip_fontsize);\\n\\tcolor: var(--_ui5_slider_tooltip_color);\\n\\theight: var(--_ui5_slider_tooltip_height);\\n\\tmin-width: var(--_ui5_slider_tooltip_min_width);\\n\\tpadding: var(--_ui5_slider_tooltip_padding);\\n\\tbox-sizing: var(--_ui5_slider_tooltip_border_box);\\n}\\n\\n.ui5-slider-tooltip-value {\\n\\tposition: relative;\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n\\talign-items: center;\\n}\\n\\n.ui5-slider-labels {\\n\\tposition: absolute;\\n\\ttop: 1.25rem;\\n\\tmargin: 0;\\n\\tpadding: 0;\\n\\twhite-space: nowrap;\\n}\\n\\n.ui5-slider-labels li {\\n\\tposition: relative;\\n\\tlist-style: none;\\n\\tpadding-top: 0.3125rem;\\n\\theight: 1rem;\\n\\tmargin: 0;\\n\\ttext-align: center;\\n\\tdisplay: inline-block;\\n\\tcolor: var(--_ui5_slider_label_color);\\n\\tfont-size: var(--_ui5_slider_label_fontsize);\\n\\tpadding-top: 0;\\n\\tbox-sizing: border-box;\\n\\tdisplay: inline-flex;\\n\\tjustify-content: center;\\n\\talign-items: center;\\n\\tvertical-align: top;\\n}\\n\\n.ui5-slider-hidden-labels li:not(:first-child):not(:last-child) {\\n\\tvisibility: hidden;\\n}\\n\\n.ui5-slider-handle:focus .ui5-slider-tooltip {\\n\\tbottom: var(--_ui5_slider_handle_focused_tooltip_distance);\\n}\\n\\n.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range {\\n\\tborder-inline-start: 1px solid var(--_ui5_slider_tickmark_in_range_bg);\\n}\\n\\n:host([show-tickmarks]) .ui5-slider-progress {\\n\\theight: var(--_ui5_slider_no_tickmarks_progress_height);\\n\\tborder: var(--_ui5_slider_no_tickmarks_active_progress_border);\\n\\tleft: var(--_ui5_slider_no_tickmarks_active_progress_left);\\n\\ttop: var(--_ui5_slider_no_tickmarks_active_progress_top);\\n}\\n\\n:host([show-tickmarks]) .ui5-slider-progress-container {\\n\\ttop: var(--_ui5_slider_no_tickmarks_progress_container_top);\\n}\\n\\n.ui5-slider-handle:focus:after {\\n\\tcontent: \\\"\\\";\\n\\tdisplay: var(--_ui5_slider_handle_focus_visibility);\\n\\twidth: calc(100% + (var(--sapContent_FocusWidth) * 2) + 2px);\\n\\theight: calc(100% + (var(--sapContent_FocusWidth) * 2) + 2px);\\n\\tborder: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor);\\n\\tposition: absolute;\\n\\tborder-radius: var(--_ui5_slider_handle_border_radius);\\n\\tpointer-events: none;\\n}\\n\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/SplitButton.css.d.ts

@@ -0,0 +1,3 @@
+import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
+declare const styleData: StyleData;
+export default styleData;

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

@@ -0,0 +1,8 @@
+import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
+import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js";
+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/SplitButton.css", content: ":host {\n\tvertical-align: middle;\n}\n.ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n\theight: 100%;\n\tborder-radius: var(--_ui5_button_border_radius);\n\tbackground-color: var(--sapButton_Background);\n}\n:host([design=\"Positive\"]:not([hidden])) {\n\tbackground-color: var(--sapButton_Accept_Background);\n}\n:host([design=\"Negative\"]:not([hidden])) {\n\tbackground-color: var(--sapButton_Reject_Background);\n}\n:host([design=\"Attention\"]:not([hidden])) {\n\tbackground-color: var(--sapButton_Attention_Background);\n}\n:host([design=\"Emphasized\"]:not([hidden])) {\n\tbackground-color: var(--sapButton_Emphasized_Background);\n}\n:host([design=\"Transparent\"]:not([hidden])) {\n\tbackground-color: transparent;\n}\n:host([design=\"Transparent\"][disabled]:not([hidden])) {\n\tbackground-color: var(--_ui5_split_button_transparent_disabled_background);\n}\n:host([design=\"Transparent\"]:not([hidden]):not([disabled]):hover) {\n\tbackground-color: var(--_ui5_split_button_transparent_hover_background);\n}\n:host([design=\"Transparent\"]:not([hidden]):not([disabled]):hover) .ui5-split-arrow-button:not(:hover),\n:host([design=\"Transparent\"]:not([hidden]):not([disabled]):hover) .ui5-split-text-button:not(:hover) {\n\tcolor: var(--_ui5_split_button_transparent_hover_color);\n}\n:host([focused]) .ui5-split-button-root {\n\toutline: 0;\n}\n:host([focused]) .ui5-split-button-root:after {\n\tcontent: \"\";\n\tposition: absolute;\n\tbox-sizing: border-box;\n\tleft: 0.125rem;\n\ttop: 0.125rem;\n\tright: 0.125rem;\n\tbottom: 0.125rem;\n\tborder: var(--_ui5_split_button_focused_border);\n\tpointer-events: none;\n\tborder-radius: var(--_ui5_split_button_focused_border_radius);\n}\n:host([design=\"Emphasized\"][focused]) .ui5-split-button-root:after {\n\tborder-color: var(--sapContent_ContrastFocusColor);\n}\n.ui5-split-button-root {\n\tdisplay: inline-block;\n\tposition: relative;\n\twidth: inherit;\n}\n.ui5-split-text-button {\n\tborder-top-right-radius: var(--_ui5_split_button_hover_border_radius);\n\tborder-bottom-right-radius: var(--_ui5_split_button_hover_border_radius);\n\tborder-right-width: var(--_ui5_split_button_text_button_right_border_width);\n\tmargin-right: var(--_ui5_split_button_text_button_width);\n\tvertical-align: top;\n\twidth: inherit;\n}\n.ui5-split-text-button:hover {\n\tborder-top-right-radius: var(--_ui5_split_button_hover_border_radius);\n\tborder-bottom-right-radius: var(--_ui5_split_button_hover_border_radius);\n}\n.ui5-split-text-button[active] {\n\toutline: 0;\n}\n.ui5-split-arrow-button-wrapper {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n}\n.ui5-split-arrow-button {\n\tborder-top-left-radius: var(--_ui5_split_button_hover_border_radius);\n\tborder-bottom-left-radius: var(--_ui5_split_button_hover_border_radius);\n\twidth: 2.25rem;\n}\n.ui5-split-text-button[dir=\"rtl\"]:hover {\n\tborder-top-left-radius: var(--_ui5_split_button_hover_border_radius);\n\tborder-bottom-left-radius: var(--_ui5_split_button_hover_border_radius);\n}\n[dir=\"rtl\"] .ui5-split-arrow-button:hover {\n\tborder-top-right-radius: var(--_ui5_split_button_hover_border_radius);\n\tborder-bottom-right-radius: var(--_ui5_split_button_hover_border_radius);\n}\n.ui5-split-arrow-button:hover {\n\tborder-top-left-radius: var(--_ui5_split_button_hover_border_radius);\n\tborder-bottom-left-radius: var(--_ui5_split_button_hover_border_radius);\n}\n.ui5-split-arrow-button:before {\n\tcontent: \"\";\n\tposition: absolute;\n\tbox-sizing: border-box;\n\tpointer-events: none;\n\tleft: var(--_ui5_split_button_middle_separator_left);\n\ttop: var(--_ui5_split_button_middle_separator_top);\n\tright: 0;\n\theight: var(--_ui5_split_button_middle_separator_height);\n\tborder: 0 solid var(--sapButton_TextColor);\n\tborder-left-width: 0.0625rem;\n}\n[dir=\"rtl\"] .ui5-split-arrow-button:before {\n\tcontent: \"\";\n\tposition: absolute;\n\tbox-sizing: border-box;\n\tpointer-events: none;\n\tright: var(--_ui5_split_button_middle_separator_left);\n\ttop: var(--_ui5_split_button_middle_separator_top);\n\tleft: 0;\n\theight: var(--_ui5_split_button_middle_separator_height);\n\tborder: 0 solid var(--sapButton_TextColor);\n\tborder-right-width: 0.0625rem;\n\tborder-left-width: 0;\n}\n.ui5-split-text-button:hover + .ui5-split-arrow-button-wrapper > .ui5-split-arrow-button:before,\n.ui5-split-arrow-button:hover:before {\n\tdisplay: var(--_ui5_split_button_middle_separator_hover_display);\n}\n/* separator colors */\n.ui5-split-arrow-button[design=\"Transparent\"]:before {\n\tborder-color: var(--sapButton_Lite_TextColor);\n}\n.ui5-split-arrow-button[design=\"Emphasized\"]:before {\n\tborder-color: var(--sapButton_Emphasized_TextColor);\n}\n.ui5-split-arrow-button[design=\"Positive\"]:before {\n\tborder-color: var(--sapButton_Accept_TextColor);\n}\n.ui5-split-arrow-button[design=\"Negative\"]:before {\n\tborder-color: var(--sapButton_Reject_TextColor);\n}\n.ui5-split-arrow-button[design=\"Attention\"]:before {\n\tborder-color: var(--_ui5_split_button_attention_separator_color);\n}\n.ui5-split-text-button[dir=\"rtl\"] {\n\tborder-radius: 0 var(--_ui5_button_border_radius) var(--_ui5_button_border_radius) 0;\n\tborder-width: 1px 1px 1px 0;\n\tmargin-right: 0;\n\tmargin-left: var(--_ui5_split_button_text_button_width);\n}\n.ui5-split-arrow-button-wrapper[dir=\"rtl\"] {\n\tleft: 0;\n\tright: auto;\n}\n[dir=\"rtl\"] .ui5-split-arrow-button {\n\tborder-radius: var(--_ui5_button_border_radius) 0 0 var(--_ui5_button_border_radius);\n}\n.ui5-split-arrow-button[focused]::part(button)::after {\n\tborder-top-left-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\n\tborder-bottom-left-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\n}\n.ui5-split-text-button[focused]::part(button)::after {\n\tborder-top-right-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\n\tborder-bottom-right-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\n}\n[dir=\"rtl\"] .ui5-split-arrow-button[focused]::part(button)::after {\n\tborder-top-left-radius: var(--_ui5_split_button_inner_focused_border_radius_outer);\n\tborder-bottom-left-radius: var(--_ui5_split_button_inner_focused_border_radius_outer);\n\tborder-top-right-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\n\tborder-bottom-right-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\n}\n.ui5-split-text-button[dir=\"rtl\"][focused]::part(button)::after {\n\tborder-top-left-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\n\tborder-bottom-left-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\n\tborder-top-right-radius: var(--_ui5_split_button_inner_focused_border_radius_outer);\n\tborder-bottom-right-radius: var(--_ui5_split_button_inner_focused_border_radius_outer);\n}" };
+export default styleData;
+//# sourceMappingURL=SplitButton.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton.css.js","sourceRoot":"","sources":["../../../src/generated/themes/SplitButton.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,wBAAwB,EAAC,OAAO,EAAC,y5NAAy5N,EAAC,CAAC;AACpgO,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/SplitButton.css\",content:\":host {\\n\\tvertical-align: middle;\\n}\\n.ui5-hidden-text {\\n\\tposition: absolute;\\n\\tclip: rect(1px,1px,1px,1px);\\n\\tuser-select: none;\\n\\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\\n\\ttop: -1000px;\\n\\tpointer-events: none;\\n\\tfont-size: 0;\\n}\\n:host(:not([hidden])) {\\n\\tdisplay: inline-block;\\n\\theight: 100%;\\n\\tborder-radius: var(--_ui5_button_border_radius);\\n\\tbackground-color: var(--sapButton_Background);\\n}\\n:host([design=\\\"Positive\\\"]:not([hidden])) {\\n\\tbackground-color: var(--sapButton_Accept_Background);\\n}\\n:host([design=\\\"Negative\\\"]:not([hidden])) {\\n\\tbackground-color: var(--sapButton_Reject_Background);\\n}\\n:host([design=\\\"Attention\\\"]:not([hidden])) {\\n\\tbackground-color: var(--sapButton_Attention_Background);\\n}\\n:host([design=\\\"Emphasized\\\"]:not([hidden])) {\\n\\tbackground-color: var(--sapButton_Emphasized_Background);\\n}\\n:host([design=\\\"Transparent\\\"]:not([hidden])) {\\n\\tbackground-color: transparent;\\n}\\n:host([design=\\\"Transparent\\\"][disabled]:not([hidden])) {\\n\\tbackground-color: var(--_ui5_split_button_transparent_disabled_background);\\n}\\n:host([design=\\\"Transparent\\\"]:not([hidden]):not([disabled]):hover) {\\n\\tbackground-color: var(--_ui5_split_button_transparent_hover_background);\\n}\\n:host([design=\\\"Transparent\\\"]:not([hidden]):not([disabled]):hover) .ui5-split-arrow-button:not(:hover),\\n:host([design=\\\"Transparent\\\"]:not([hidden]):not([disabled]):hover) .ui5-split-text-button:not(:hover) {\\n\\tcolor: var(--_ui5_split_button_transparent_hover_color);\\n}\\n:host([focused]) .ui5-split-button-root {\\n\\toutline: 0;\\n}\\n:host([focused]) .ui5-split-button-root:after {\\n\\tcontent: \\\"\\\";\\n\\tposition: absolute;\\n\\tbox-sizing: border-box;\\n\\tleft: 0.125rem;\\n\\ttop: 0.125rem;\\n\\tright: 0.125rem;\\n\\tbottom: 0.125rem;\\n\\tborder: var(--_ui5_split_button_focused_border);\\n\\tpointer-events: none;\\n\\tborder-radius: var(--_ui5_split_button_focused_border_radius);\\n}\\n:host([design=\\\"Emphasized\\\"][focused]) .ui5-split-button-root:after {\\n\\tborder-color: var(--sapContent_ContrastFocusColor);\\n}\\n.ui5-split-button-root {\\n\\tdisplay: inline-block;\\n\\tposition: relative;\\n\\twidth: inherit;\\n}\\n.ui5-split-text-button {\\n\\tborder-top-right-radius: var(--_ui5_split_button_hover_border_radius);\\n\\tborder-bottom-right-radius: var(--_ui5_split_button_hover_border_radius);\\n\\tborder-right-width: var(--_ui5_split_button_text_button_right_border_width);\\n\\tmargin-right: var(--_ui5_split_button_text_button_width);\\n\\tvertical-align: top;\\n\\twidth: inherit;\\n}\\n.ui5-split-text-button:hover {\\n\\tborder-top-right-radius: var(--_ui5_split_button_hover_border_radius);\\n\\tborder-bottom-right-radius: var(--_ui5_split_button_hover_border_radius);\\n}\\n.ui5-split-text-button[active] {\\n\\toutline: 0;\\n}\\n.ui5-split-arrow-button-wrapper {\\n\\tposition: absolute;\\n\\ttop: 0;\\n\\tright: 0;\\n}\\n.ui5-split-arrow-button {\\n\\tborder-top-left-radius: var(--_ui5_split_button_hover_border_radius);\\n\\tborder-bottom-left-radius: var(--_ui5_split_button_hover_border_radius);\\n\\twidth: 2.25rem;\\n}\\n.ui5-split-text-button[dir=\\\"rtl\\\"]:hover {\\n\\tborder-top-left-radius: var(--_ui5_split_button_hover_border_radius);\\n\\tborder-bottom-left-radius: var(--_ui5_split_button_hover_border_radius);\\n}\\n[dir=\\\"rtl\\\"] .ui5-split-arrow-button:hover {\\n\\tborder-top-right-radius: var(--_ui5_split_button_hover_border_radius);\\n\\tborder-bottom-right-radius: var(--_ui5_split_button_hover_border_radius);\\n}\\n.ui5-split-arrow-button:hover {\\n\\tborder-top-left-radius: var(--_ui5_split_button_hover_border_radius);\\n\\tborder-bottom-left-radius: var(--_ui5_split_button_hover_border_radius);\\n}\\n.ui5-split-arrow-button:before {\\n\\tcontent: \\\"\\\";\\n\\tposition: absolute;\\n\\tbox-sizing: border-box;\\n\\tpointer-events: none;\\n\\tleft: var(--_ui5_split_button_middle_separator_left);\\n\\ttop: var(--_ui5_split_button_middle_separator_top);\\n\\tright: 0;\\n\\theight: var(--_ui5_split_button_middle_separator_height);\\n\\tborder: 0 solid var(--sapButton_TextColor);\\n\\tborder-left-width: 0.0625rem;\\n}\\n[dir=\\\"rtl\\\"] .ui5-split-arrow-button:before {\\n\\tcontent: \\\"\\\";\\n\\tposition: absolute;\\n\\tbox-sizing: border-box;\\n\\tpointer-events: none;\\n\\tright: var(--_ui5_split_button_middle_separator_left);\\n\\ttop: var(--_ui5_split_button_middle_separator_top);\\n\\tleft: 0;\\n\\theight: var(--_ui5_split_button_middle_separator_height);\\n\\tborder: 0 solid var(--sapButton_TextColor);\\n\\tborder-right-width: 0.0625rem;\\n\\tborder-left-width: 0;\\n}\\n.ui5-split-text-button:hover + .ui5-split-arrow-button-wrapper > .ui5-split-arrow-button:before,\\n.ui5-split-arrow-button:hover:before {\\n\\tdisplay: var(--_ui5_split_button_middle_separator_hover_display);\\n}\\n/* separator colors */\\n.ui5-split-arrow-button[design=\\\"Transparent\\\"]:before {\\n\\tborder-color: var(--sapButton_Lite_TextColor);\\n}\\n.ui5-split-arrow-button[design=\\\"Emphasized\\\"]:before {\\n\\tborder-color: var(--sapButton_Emphasized_TextColor);\\n}\\n.ui5-split-arrow-button[design=\\\"Positive\\\"]:before {\\n\\tborder-color: var(--sapButton_Accept_TextColor);\\n}\\n.ui5-split-arrow-button[design=\\\"Negative\\\"]:before {\\n\\tborder-color: var(--sapButton_Reject_TextColor);\\n}\\n.ui5-split-arrow-button[design=\\\"Attention\\\"]:before {\\n\\tborder-color: var(--_ui5_split_button_attention_separator_color);\\n}\\n.ui5-split-text-button[dir=\\\"rtl\\\"] {\\n\\tborder-radius: 0 var(--_ui5_button_border_radius) var(--_ui5_button_border_radius) 0;\\n\\tborder-width: 1px 1px 1px 0;\\n\\tmargin-right: 0;\\n\\tmargin-left: var(--_ui5_split_button_text_button_width);\\n}\\n.ui5-split-arrow-button-wrapper[dir=\\\"rtl\\\"] {\\n\\tleft: 0;\\n\\tright: auto;\\n}\\n[dir=\\\"rtl\\\"] .ui5-split-arrow-button {\\n\\tborder-radius: var(--_ui5_button_border_radius) 0 0 var(--_ui5_button_border_radius);\\n}\\n.ui5-split-arrow-button[focused]::part(button)::after {\\n\\tborder-top-left-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\\n\\tborder-bottom-left-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\\n}\\n.ui5-split-text-button[focused]::part(button)::after {\\n\\tborder-top-right-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\\n\\tborder-bottom-right-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\\n}\\n[dir=\\\"rtl\\\"] .ui5-split-arrow-button[focused]::part(button)::after {\\n\\tborder-top-left-radius: var(--_ui5_split_button_inner_focused_border_radius_outer);\\n\\tborder-bottom-left-radius: var(--_ui5_split_button_inner_focused_border_radius_outer);\\n\\tborder-top-right-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\\n\\tborder-bottom-right-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\\n}\\n.ui5-split-text-button[dir=\\\"rtl\\\"][focused]::part(button)::after {\\n\\tborder-top-left-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\\n\\tborder-bottom-left-radius: var(--_ui5_split_button_inner_focused_border_radius_inner);\\n\\tborder-top-right-radius: var(--_ui5_split_button_inner_focused_border_radius_outer);\\n\\tborder-bottom-right-radius: var(--_ui5_split_button_inner_focused_border_radius_outer);\\n}\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/StepInput.css.d.ts

@@ -0,0 +1,3 @@
+import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
+declare const styleData: StyleData;
+export default styleData;

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

@@ -0,0 +1,8 @@
+import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
+import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js";
+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/StepInput.css", content: ":host {\n\tvertical-align: middle;\n}\n.ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n/*\n\tThis CSS file enables visual alignment of all icons within input elements.\n\tAPI:\n\t- add input-icon attribute to an icon\n\t- [Optional] pressed attribute set to the icon will enable additional styling (check MultiComboBox, Select, etc.)\n*/\n[input-icon] {\n\tcolor: var(--_ui5_input_icon_color);\n\tcursor: pointer;\n\toutline: none;\n\tpadding: var(--_ui5_input_icon_padding);\n\tborder-inline-start: var(--_ui5_input_icon_border);\n\tmin-width: 1rem;\n\tmin-height: 1rem;\n\tborder-radius: var(--_ui5_input_icon_border_radius);\n}\n[input-icon][pressed] {\n\tbackground: var(--_ui5_input_icon_pressed_bg);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tcolor: var(--_ui5_input_icon_pressed_color);\n}\n[input-icon]:active {\n\tbackground-color: var(--sapButton_Active_Background);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tcolor: var(--_ui5_input_icon_pressed_color);\n}\n[input-icon]:not([pressed]):not(:active):hover {\n\tbackground: var(--_ui5_input_icon_hover_bg);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n}\n[input-icon]:hover {\n\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\n\tbox-shadow: var(--_ui5_input_icon_box_shadow);\n}\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n\twidth: 100%;\n\tline-height: normal;\n\tletter-spacing: normal;\n\tword-spacing: normal;\n}\n:host {\n\t--ui5_input_focus_pseudo_element_content: none;\n\tcolor: var(--sapField_TextColor);\n\tbackground-color: var(--sapField_Background);\n\tborder: var(--_ui5_step_input_border_style);\n\tborder-radius: var(--sapField_BorderCornerRadius);\n\tbox-sizing: border-box;\n\theight: var(--_ui5_input_height);\n\tposition: relative;\n\tmin-width: var(--_ui5_step_input_min_width);\n\ttext-align: right;\n}\n:host .ui5-step-input-input {\n\ttext-align: inherit;\n}\n:host(:not([value-state]):not([readonly]):not([disabled])){\n\tbox-shadow: none;\n}\n:host([value-state=\"Success\"]:not([readonly]):not([disabled])) {\n\tbackground-color: var(--sapField_SuccessBackground);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])) {\n\tbackground-color: var(--sapField_InvalidBackground);\n}\n:host([value-state=\"Information\"]:not([readonly]):not([disabled])) {\n\tbackground-color: var(--sapField_InformationBackground);\n}\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled])) {\n\tbackground-color: var(--sapField_WarningBackground);\n}\n:host(:not([value-state]):not([readonly]):not([disabled]):hover),\n:host([value-state=\"None\"]:not([readonly]):not([disabled]):hover) {\n\tbackground-color: var(--_ui5_step_input_border_color_hover);\n\tborder: var(--_ui5_step_input_border_hover);\n}\n:host(:not([value-state]):not([readonly]):not([disabled]):not([focused]):hover),\n:host([value-state=\"None\"]:not([readonly]):not([disabled]):not([focused]):hover) {\n\tbackground-color: var(--sapField_Hover_Background);\n\tborder: var(--_ui5_step_input_border_style_hover);\n\tbox-shadow: var(--sapField_Hover_Shadow);\n}\n:host([value-state=\"Success\"]:not([readonly]):not([disabled]):not([focused]):hover) {\n\tbox-shadow: var(--sapField_Hover_SuccessShadow);\n}\n:host([value-state=\"Information\"]:not([readonly]):not([disabled]):not([focused]):hover) {\n\tbox-shadow: var(--sapField_Hover_InformationShadow);\n}\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled]):not([focused]):hover) {\n\tbox-shadow: var(--sapField_Hover_WarningShadow);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled]):not([focused]):hover) {\n\tbox-shadow: var(--sapField_Hover_InvalidShadow);\n}\n:host([value-state=\"Success\"]:not([readonly]):not([disabled]):hover),\n:host([value-state=\"Error\"]:not([readonly]):not([disabled]):hover),\n:host([value-state=\"Information\"]:not([readonly]):not([disabled]):hover),\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled]):hover) {\n\tbackground-color: var(--_ui5-step_input_button_state_hover_background_color);\n}\n:host(:not([value-state]):not([readonly]):not([disabled])[focused]),\n:host([value-state=\"None\"]:not([readonly]):not([disabled])[focused]),\n:host([value-state=\"Success\"]:not([readonly]):not([disabled])[focused]),\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])[focused]),\n:host([value-state=\"Information\"]:not([readonly]):not([disabled])[focused]),\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled])[focused]){\n\tbackground-color: var(--sapField_Focus_Background);\n}\n:host([value-state=\"Success\"]:not([readonly]):not([disabled]))::after,\n:host([value-state=\"Error\"]:not([readonly]):not([disabled]))::after,\n:host([value-state=\"None\"]:not([readonly]):not([disabled]))::after,\n:host([value-state=\"Information\"]:not([readonly]):not([disabled]))::after,\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled]))::after {\n\tposition: absolute;\n\tcontent: \"\";\n\ttop: -1px;\n\tright: -1px;\n\tbottom: -1px;\n\tleft: -1px;\n\toutline: none;\n\tpointer-events: none;\n\tborder-radius: var(--sapField_BorderCornerRadius);\n\tborder-style: var(--_ui5_input_error_warning_border_style);\n\tz-index: 3;\n\tborder-width: 0px;\n}\n:host([value-state=\"Information\"]:not([readonly]):not([disabled]))::after {\n\tborder-color: var(--sapField_InformationColor);\n\tborder-width: var(--_ui5_input_information_border_width);\n}\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled]))::after {\n\tborder-color: var(--sapField_WarningColor);\n\tborder-width: 2px;\n}\n:host([value-state=\"Success\"]:not([readonly]):not([disabled]))::after {\n\tborder-color: var(--sapField_SuccessColor);\n\tborder-width: 1px;\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled]))::after {\n\tborder-color: var(--sapField_InvalidColor);\n\tborder-width: var(--_ui5_input_information_border_width);\n}\n:host([value-state])::after {\n\tborder-width: var(--_ui5_input_state_border_width);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])) .ui5-step-input-input {\n\tbackground-color: var(--_ui5_input_input_background_color);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])) .ui5-step-input-input:hover {\n\tbackground-color: var(--_ui5_step_input_input_error_background_color);\n}\n:host([value-state]:not([value-state=\"None\"]) .ui5-step-input-input[focused]) {\n\t\toutline: none;\n}\n:host .ui5-step-input-input {\n\twidth: 100%;\n\tcolor: inherit;\n\tbackground-color: inherit;\n\tborder: var(--_ui5_step_input_input_border);\n\tbox-sizing: border-box;\n\tvertical-align: top;\n\tmargin-top: var(--_ui5_step_input_input_margin_top);\n\tmin-width: var(--_ui5_step_input_min_width);\n\tpadding-inline-start: var(--_ui5_step_input_padding);\n\tpadding-inline-end: var(--_ui5_step_input_padding);\n\tposition: relative;\n\toutline: none;\n\tline-height: inherit;\n\tletter-spacing: inherit;\n\tword-spacing: inherit;\n}\n:host .ui5-step-input-input[readonly] {\n\tpadding: 0;\n}\n:host .ui5-step-input-input:hover,\n:host .ui5-step-input-input[focused]{\n\tbox-shadow: none;\n}\n:host .ui5-step-input-root {\n\twhite-space: nowrap;\n\tline-height: inherit;\n\tletter-spacing: inherit;\n\tword-spacing: inherit;\n}\n:host .ui5-step-input-input[text-align=left] {\n\ttext-align: left;\n}\n:host .ui5-step-input-input[text-align=center] {\n\ttext-align: center;\n}\n:host .ui5-step-input-input[text-align=right] {\n\ttext-align: right;\n}\n:host .ui5-step-icon {\n\tposition: absolute;\n\tdisplay: var(--_ui5_step_input_button_display);\n\theight: 2rem;\n\theight: 100%;\n\tbackground-color: var(--_ui5_step_input_button_background_color);\n\tz-index: 2;\n}\n:host .ui5-step-icon[focused] {\n\tborder: none;\n\toutline: none;\n}\n:host .ui5-step-icon.ui5-step-dec {\n\tleft: var(--_ui5_step_input_button_left);\n}\n:host .ui5-step-icon.ui5-step-inc {\n\tright: var(--_ui5_step_input_button_right);\n}\n:host .ui5-step-icon *:not([clickable]),\n:host .ui5-step-icon *:not([clickable]):active,\n:host .ui5-step-icon *:not([clickable]):hover {\n\topacity: 0.5;\n\tbackground-color: transparent;\n\tcolor: var(--sapContent_IconColor);\n}\n:host .ui5-step-icon :not([clickable]) *:hover,\n:host .ui5-step-icon :not([clickable]) *:active {\n\tbackground-color: var(--sapField_Background);\n\tcolor: var(--sapContent_IconColor);\n}\n:host .ui5-step-input-input[focused]::after {\n\tposition: absolute;\n\tcontent: \"\";\n\tborder: var(--_ui5_step_input_input_border_focused_after);\n\ttop: var(--_ui5_step_input_input_border_top_bottom_focused_after);\n\tright: 0px;\n\tbottom: var(--_ui5_step_input_input_border_top_bottom_focused_after);\n\tborder-radius: var(--_ui5_step_input_input_border_radius_focused_after);\n\tleft: 0px;\n\toutline: none;\n\tpointer-events: none;\n\tz-index: 3;\n}\n:host .ui5-step-input-input[focused] {\n\toutline: none;\n}\n:host([value-state=\"Information\"]:not([readonly]):not([disabled])) .ui5-step-input-input[focused]::after {\n\tborder-color: var(--_ui5_step_input_input_information_border_color_focused_after);\n}\n:host([value-state=\"Warning\"]:not([readonly]):not([disabled])) .ui5-step-input-input[focused]::after {\n\tborder-color: var(--_ui5_step_input_input_warning_border_color_focused_after);\n}\n:host([value-state=\"Success\"]:not([readonly]):not([disabled])) .ui5-step-input-input[focused]::after {\n\tborder-color: var(--_ui5_step_input_input_success_border_color_focused_after);\n}\n:host([value-state=\"Error\"]:not([readonly]):not([disabled])) .ui5-step-input-input[focused]::after {\n\tborder-color: var(--_ui5_step_input_input_error_border_color_focused_after);\n}\n/* Disable spin buttons in Chrome, Safari, Edge, Opera */\n:host .ui5-step-input-input::-webkit-outer-spin-button,\n:host .ui5-step-input-input::-webkit-inner-spin-button {\n\t-webkit-appearance: none;\n\tmargin: 0;\n}\n:host([disabled]) {\n\topacity: var(--_ui5_input_disabled_opacity);\n\tcursor: default;\n\tpointer-events: none;\n\tbackground: var(--sapField_ReadOnly_Background);\n\tborder-color: var(--sapField_ReadOnly_BorderColor);\n}\n:host([disabled]) .ui5-step-icon {\n\tbackground-color: var(--_ui5_step_input_disabled_button_background);\n}\n:host([disabled]) .ui5-step-icon [ui5-icon] {\n\tcolor: var(--sapField_ReadOnly_BorderColor);\n}\n" };
+export default styleData;
+//# sourceMappingURL=StepInput.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepInput.css.js","sourceRoot":"","sources":["../../../src/generated/themes/StepInput.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAC,k3UAAk3U,EAAC,CAAC;AAC39U,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/StepInput.css\",content:\":host {\\n\\tvertical-align: middle;\\n}\\n.ui5-hidden-text {\\n\\tposition: absolute;\\n\\tclip: rect(1px,1px,1px,1px);\\n\\tuser-select: none;\\n\\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\\n\\ttop: -1000px;\\n\\tpointer-events: none;\\n\\tfont-size: 0;\\n}\\n/*\\n\\tThis CSS file enables visual alignment of all icons within input elements.\\n\\tAPI:\\n\\t- add input-icon attribute to an icon\\n\\t- [Optional] pressed attribute set to the icon will enable additional styling (check MultiComboBox, Select, etc.)\\n*/\\n[input-icon] {\\n\\tcolor: var(--_ui5_input_icon_color);\\n\\tcursor: pointer;\\n\\toutline: none;\\n\\tpadding: var(--_ui5_input_icon_padding);\\n\\tborder-inline-start: var(--_ui5_input_icon_border);\\n\\tmin-width: 1rem;\\n\\tmin-height: 1rem;\\n\\tborder-radius: var(--_ui5_input_icon_border_radius);\\n}\\n[input-icon][pressed] {\\n\\tbackground: var(--_ui5_input_icon_pressed_bg);\\n\\tbox-shadow: var(--_ui5_input_icon_box_shadow);\\n\\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\\n\\tcolor: var(--_ui5_input_icon_pressed_color);\\n}\\n[input-icon]:active {\\n\\tbackground-color: var(--sapButton_Active_Background);\\n\\tbox-shadow: var(--_ui5_input_icon_box_shadow);\\n\\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\\n\\tcolor: var(--_ui5_input_icon_pressed_color);\\n}\\n[input-icon]:not([pressed]):not(:active):hover {\\n\\tbackground: var(--_ui5_input_icon_hover_bg);\\n\\tbox-shadow: var(--_ui5_input_icon_box_shadow);\\n}\\n[input-icon]:hover {\\n\\tborder-inline-start: var(--_ui5_select_hover_icon_left_border);\\n\\tbox-shadow: var(--_ui5_input_icon_box_shadow);\\n}\\n:host(:not([hidden])) {\\n\\tdisplay: inline-block;\\n\\twidth: 100%;\\n\\tline-height: normal;\\n\\tletter-spacing: normal;\\n\\tword-spacing: normal;\\n}\\n:host {\\n\\t--ui5_input_focus_pseudo_element_content: none;\\n\\tcolor: var(--sapField_TextColor);\\n\\tbackground-color: var(--sapField_Background);\\n\\tborder: var(--_ui5_step_input_border_style);\\n\\tborder-radius: var(--sapField_BorderCornerRadius);\\n\\tbox-sizing: border-box;\\n\\theight: var(--_ui5_input_height);\\n\\tposition: relative;\\n\\tmin-width: var(--_ui5_step_input_min_width);\\n\\ttext-align: right;\\n}\\n:host .ui5-step-input-input {\\n\\ttext-align: inherit;\\n}\\n:host(:not([value-state]):not([readonly]):not([disabled])){\\n\\tbox-shadow: none;\\n}\\n:host([value-state=\\\"Success\\\"]:not([readonly]):not([disabled])) {\\n\\tbackground-color: var(--sapField_SuccessBackground);\\n}\\n:host([value-state=\\\"Error\\\"]:not([readonly]):not([disabled])) {\\n\\tbackground-color: var(--sapField_InvalidBackground);\\n}\\n:host([value-state=\\\"Information\\\"]:not([readonly]):not([disabled])) {\\n\\tbackground-color: var(--sapField_InformationBackground);\\n}\\n:host([value-state=\\\"Warning\\\"]:not([readonly]):not([disabled])) {\\n\\tbackground-color: var(--sapField_WarningBackground);\\n}\\n:host(:not([value-state]):not([readonly]):not([disabled]):hover),\\n:host([value-state=\\\"None\\\"]:not([readonly]):not([disabled]):hover) {\\n\\tbackground-color: var(--_ui5_step_input_border_color_hover);\\n\\tborder: var(--_ui5_step_input_border_hover);\\n}\\n:host(:not([value-state]):not([readonly]):not([disabled]):not([focused]):hover),\\n:host([value-state=\\\"None\\\"]:not([readonly]):not([disabled]):not([focused]):hover) {\\n\\tbackground-color: var(--sapField_Hover_Background);\\n\\tborder: var(--_ui5_step_input_border_style_hover);\\n\\tbox-shadow: var(--sapField_Hover_Shadow);\\n}\\n:host([value-state=\\\"Success\\\"]:not([readonly]):not([disabled]):not([focused]):hover) {\\n\\tbox-shadow: var(--sapField_Hover_SuccessShadow);\\n}\\n:host([value-state=\\\"Information\\\"]:not([readonly]):not([disabled]):not([focused]):hover) {\\n\\tbox-shadow: var(--sapField_Hover_InformationShadow);\\n}\\n:host([value-state=\\\"Warning\\\"]:not([readonly]):not([disabled]):not([focused]):hover) {\\n\\tbox-shadow: var(--sapField_Hover_WarningShadow);\\n}\\n:host([value-state=\\\"Error\\\"]:not([readonly]):not([disabled]):not([focused]):hover) {\\n\\tbox-shadow: var(--sapField_Hover_InvalidShadow);\\n}\\n:host([value-state=\\\"Success\\\"]:not([readonly]):not([disabled]):hover),\\n:host([value-state=\\\"Error\\\"]:not([readonly]):not([disabled]):hover),\\n:host([value-state=\\\"Information\\\"]:not([readonly]):not([disabled]):hover),\\n:host([value-state=\\\"Warning\\\"]:not([readonly]):not([disabled]):hover) {\\n\\tbackground-color: var(--_ui5-step_input_button_state_hover_background_color);\\n}\\n:host(:not([value-state]):not([readonly]):not([disabled])[focused]),\\n:host([value-state=\\\"None\\\"]:not([readonly]):not([disabled])[focused]),\\n:host([value-state=\\\"Success\\\"]:not([readonly]):not([disabled])[focused]),\\n:host([value-state=\\\"Error\\\"]:not([readonly]):not([disabled])[focused]),\\n:host([value-state=\\\"Information\\\"]:not([readonly]):not([disabled])[focused]),\\n:host([value-state=\\\"Warning\\\"]:not([readonly]):not([disabled])[focused]){\\n\\tbackground-color: var(--sapField_Focus_Background);\\n}\\n:host([value-state=\\\"Success\\\"]:not([readonly]):not([disabled]))::after,\\n:host([value-state=\\\"Error\\\"]:not([readonly]):not([disabled]))::after,\\n:host([value-state=\\\"None\\\"]:not([readonly]):not([disabled]))::after,\\n:host([value-state=\\\"Information\\\"]:not([readonly]):not([disabled]))::after,\\n:host([value-state=\\\"Warning\\\"]:not([readonly]):not([disabled]))::after {\\n\\tposition: absolute;\\n\\tcontent: \\\"\\\";\\n\\ttop: -1px;\\n\\tright: -1px;\\n\\tbottom: -1px;\\n\\tleft: -1px;\\n\\toutline: none;\\n\\tpointer-events: none;\\n\\tborder-radius: var(--sapField_BorderCornerRadius);\\n\\tborder-style: var(--_ui5_input_error_warning_border_style);\\n\\tz-index: 3;\\n\\tborder-width: 0px;\\n}\\n:host([value-state=\\\"Information\\\"]:not([readonly]):not([disabled]))::after {\\n\\tborder-color: var(--sapField_InformationColor);\\n\\tborder-width: var(--_ui5_input_information_border_width);\\n}\\n:host([value-state=\\\"Warning\\\"]:not([readonly]):not([disabled]))::after {\\n\\tborder-color: var(--sapField_WarningColor);\\n\\tborder-width: 2px;\\n}\\n:host([value-state=\\\"Success\\\"]:not([readonly]):not([disabled]))::after {\\n\\tborder-color: var(--sapField_SuccessColor);\\n\\tborder-width: 1px;\\n}\\n:host([value-state=\\\"Error\\\"]:not([readonly]):not([disabled]))::after {\\n\\tborder-color: var(--sapField_InvalidColor);\\n\\tborder-width: var(--_ui5_input_information_border_width);\\n}\\n:host([value-state])::after {\\n\\tborder-width: var(--_ui5_input_state_border_width);\\n}\\n:host([value-state=\\\"Error\\\"]:not([readonly]):not([disabled])) .ui5-step-input-input {\\n\\tbackground-color: var(--_ui5_input_input_background_color);\\n}\\n:host([value-state=\\\"Error\\\"]:not([readonly]):not([disabled])) .ui5-step-input-input:hover {\\n\\tbackground-color: var(--_ui5_step_input_input_error_background_color);\\n}\\n:host([value-state]:not([value-state=\\\"None\\\"]) .ui5-step-input-input[focused]) {\\n\\t\\toutline: none;\\n}\\n:host .ui5-step-input-input {\\n\\twidth: 100%;\\n\\tcolor: inherit;\\n\\tbackground-color: inherit;\\n\\tborder: var(--_ui5_step_input_input_border);\\n\\tbox-sizing: border-box;\\n\\tvertical-align: top;\\n\\tmargin-top: var(--_ui5_step_input_input_margin_top);\\n\\tmin-width: var(--_ui5_step_input_min_width);\\n\\tpadding-inline-start: var(--_ui5_step_input_padding);\\n\\tpadding-inline-end: var(--_ui5_step_input_padding);\\n\\tposition: relative;\\n\\toutline: none;\\n\\tline-height: inherit;\\n\\tletter-spacing: inherit;\\n\\tword-spacing: inherit;\\n}\\n:host .ui5-step-input-input[readonly] {\\n\\tpadding: 0;\\n}\\n:host .ui5-step-input-input:hover,\\n:host .ui5-step-input-input[focused]{\\n\\tbox-shadow: none;\\n}\\n:host .ui5-step-input-root {\\n\\twhite-space: nowrap;\\n\\tline-height: inherit;\\n\\tletter-spacing: inherit;\\n\\tword-spacing: inherit;\\n}\\n:host .ui5-step-input-input[text-align=left] {\\n\\ttext-align: left;\\n}\\n:host .ui5-step-input-input[text-align=center] {\\n\\ttext-align: center;\\n}\\n:host .ui5-step-input-input[text-align=right] {\\n\\ttext-align: right;\\n}\\n:host .ui5-step-icon {\\n\\tposition: absolute;\\n\\tdisplay: var(--_ui5_step_input_button_display);\\n\\theight: 2rem;\\n\\theight: 100%;\\n\\tbackground-color: var(--_ui5_step_input_button_background_color);\\n\\tz-index: 2;\\n}\\n:host .ui5-step-icon[focused] {\\n\\tborder: none;\\n\\toutline: none;\\n}\\n:host .ui5-step-icon.ui5-step-dec {\\n\\tleft: var(--_ui5_step_input_button_left);\\n}\\n:host .ui5-step-icon.ui5-step-inc {\\n\\tright: var(--_ui5_step_input_button_right);\\n}\\n:host .ui5-step-icon *:not([clickable]),\\n:host .ui5-step-icon *:not([clickable]):active,\\n:host .ui5-step-icon *:not([clickable]):hover {\\n\\topacity: 0.5;\\n\\tbackground-color: transparent;\\n\\tcolor: var(--sapContent_IconColor);\\n}\\n:host .ui5-step-icon :not([clickable]) *:hover,\\n:host .ui5-step-icon :not([clickable]) *:active {\\n\\tbackground-color: var(--sapField_Background);\\n\\tcolor: var(--sapContent_IconColor);\\n}\\n:host .ui5-step-input-input[focused]::after {\\n\\tposition: absolute;\\n\\tcontent: \\\"\\\";\\n\\tborder: var(--_ui5_step_input_input_border_focused_after);\\n\\ttop: var(--_ui5_step_input_input_border_top_bottom_focused_after);\\n\\tright: 0px;\\n\\tbottom: var(--_ui5_step_input_input_border_top_bottom_focused_after);\\n\\tborder-radius: var(--_ui5_step_input_input_border_radius_focused_after);\\n\\tleft: 0px;\\n\\toutline: none;\\n\\tpointer-events: none;\\n\\tz-index: 3;\\n}\\n:host .ui5-step-input-input[focused] {\\n\\toutline: none;\\n}\\n:host([value-state=\\\"Information\\\"]:not([readonly]):not([disabled])) .ui5-step-input-input[focused]::after {\\n\\tborder-color: var(--_ui5_step_input_input_information_border_color_focused_after);\\n}\\n:host([value-state=\\\"Warning\\\"]:not([readonly]):not([disabled])) .ui5-step-input-input[focused]::after {\\n\\tborder-color: var(--_ui5_step_input_input_warning_border_color_focused_after);\\n}\\n:host([value-state=\\\"Success\\\"]:not([readonly]):not([disabled])) .ui5-step-input-input[focused]::after {\\n\\tborder-color: var(--_ui5_step_input_input_success_border_color_focused_after);\\n}\\n:host([value-state=\\\"Error\\\"]:not([readonly]):not([disabled])) .ui5-step-input-input[focused]::after {\\n\\tborder-color: var(--_ui5_step_input_input_error_border_color_focused_after);\\n}\\n/* Disable spin buttons in Chrome, Safari, Edge, Opera */\\n:host .ui5-step-input-input::-webkit-outer-spin-button,\\n:host .ui5-step-input-input::-webkit-inner-spin-button {\\n\\t-webkit-appearance: none;\\n\\tmargin: 0;\\n}\\n:host([disabled]) {\\n\\topacity: var(--_ui5_input_disabled_opacity);\\n\\tcursor: default;\\n\\tpointer-events: none;\\n\\tbackground: var(--sapField_ReadOnly_Background);\\n\\tborder-color: var(--sapField_ReadOnly_BorderColor);\\n}\\n:host([disabled]) .ui5-step-icon {\\n\\tbackground-color: var(--_ui5_step_input_disabled_button_background);\\n}\\n:host([disabled]) .ui5-step-icon [ui5-icon] {\\n\\tcolor: var(--sapField_ReadOnly_BorderColor);\\n}\\n\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/Suggestions.css.d.ts

@@ -0,0 +1,3 @@
+import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
+declare const styleData: StyleData;
+export default styleData;

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

@@ -0,0 +1,8 @@
+import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
+import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js";
+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/Suggestions.css", content: ".ui5-suggestions-popover {\n\tbox-shadow: var(--sapContent_Shadow1);\n}\n\n.ui5-suggestions-popover::part(header),\n.ui5-suggestions-popover::part(content) {\n\tpadding: 0;\n}\n\n.ui5-suggestions-popover::part(footer) {\n\tpadding: 0 1rem;\n}\n\n.ui5-suggestions-popover [ui5-li],\n.ui5-suggestions-popover [ui5-li-suggestion-item] {\n\theight: var(--_ui5_list_item_dropdown_base_height);\n}\n\n.ui5-suggestions-popover [ui5-li]::part(icon),\n.ui5-suggestions-popover [ui5-li-suggestion-item]::part(icon) {\n\tcolor: var(--sapList_TextColor);\n}\n\n.input-root-phone.native-input-wrapper {\n\tdisplay: contents;\n}\n\n.input-root-phone.native-input-wrapper::before {\n\tdisplay: none;\n}\n\n.native-input-wrapper .ui5-input-inner-phone {\n\tmargin: 0;\n}" };
+export default styleData;
+//# sourceMappingURL=Suggestions.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Suggestions.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Suggestions.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,wBAAwB,EAAC,OAAO,EAAC,ovBAAovB,EAAC,CAAC;AAC/1B,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/Suggestions.css\",content:\".ui5-suggestions-popover {\\n\\tbox-shadow: var(--sapContent_Shadow1);\\n}\\n\\n.ui5-suggestions-popover::part(header),\\n.ui5-suggestions-popover::part(content) {\\n\\tpadding: 0;\\n}\\n\\n.ui5-suggestions-popover::part(footer) {\\n\\tpadding: 0 1rem;\\n}\\n\\n.ui5-suggestions-popover [ui5-li],\\n.ui5-suggestions-popover [ui5-li-suggestion-item] {\\n\\theight: var(--_ui5_list_item_dropdown_base_height);\\n}\\n\\n.ui5-suggestions-popover [ui5-li]::part(icon),\\n.ui5-suggestions-popover [ui5-li-suggestion-item]::part(icon) {\\n\\tcolor: var(--sapList_TextColor);\\n}\\n\\n.input-root-phone.native-input-wrapper {\\n\\tdisplay: contents;\\n}\\n\\n.input-root-phone.native-input-wrapper::before {\\n\\tdisplay: none;\\n}\\n\\n.native-input-wrapper .ui5-input-inner-phone {\\n\\tmargin: 0;\\n}\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/Switch.css.d.ts

@@ -0,0 +1,3 @@
+import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
+declare const styleData: StyleData;
+export default styleData;

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

@@ -1,9 +1,8 @@
-import "@ui5/webcomponents-theme-base/dist/DefaultTheme.js";
-	
-import { registerThemeProperties } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
-
-import fiori3 from "./sap_fiori_3/parameters-bundle.css.js";
-
-registerThemeProperties("@ui5/webcomponents", "sap_fiori_3", fiori3);
-
-export default ".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:0;top:0}:host(:not([hidden])){display:inline-block}.ui5-switch-root{position:relative;width:100%;height:var(--_ui5_switch_height);min-width:var(--_ui5_switch_width);cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ui5-switch-root.ui5-switch--no-label{min-width:var(--_ui5_switch_no_label_width)}.ui5-switch-inner{display:flex;align-items:center;justify-content:center;height:100%;overflow:hidden;pointer-events:none}.ui5-switch-track{height:var(--_ui5_switch_track_height);width:100%;display:flex;align-items:center;background:var(--_ui5_switch_track_bg);border:1px solid;border-color:var(--sapContent_ForegroundBorderColor);border-radius:var(--_ui5_switch_track_border_radius);box-sizing:border-box}.ui5-switch--no-label .ui5-switch-track{height:var(--_ui5_switch_track_no_label_height)}.ui5-switch-slider{position:relative;height:var(--_ui5_switch_height);width:100%;transition:transform .1s ease-in;transform-origin:top left}.ui5-switch-handle{position:absolute;left:-1px;width:var(--_ui5_switch_handle_width);height:var(--_ui5_switch_handle_height);background:var(--_ui5_switch_handle_bg);border:var(--_ui5_switch_handle_border_width) solid var(--sapContent_ForegroundBorderColor);border-radius:var(--_ui5_switch_handle_border_radius);box-sizing:border-box}.ui5-switch-text{display:flex;justify-content:center;position:absolute;min-width:1.625rem;padding:0 .125rem;font-size:var(--sapFontSmallSize);font-family:var(--sapFontFamily);text-transform:uppercase;text-align:center;color:var(--sapTextColor);white-space:nowrap;user-select:none;-webkit-user-select:none;-ms-user-select:none}.ui5-switch-text--on{left:calc(-100% + 1.9125rem)}.ui5-switch-text--off{right:0}.ui5-switch-handle,.ui5-switch-text{top:50%;transform:translateY(-50%)}.ui5-switch-desktop.ui5-switch-root:focus:after{content:\"\";position:absolute;left:-var(--_ui5_switch_outline);top:0;bottom:0;width:100%;border:var(--_ui5_switch_outline) dotted var(--sapContent_FocusColor);pointer-events:none}.ui5-switch-root .ui5-switch-input{position:absolute;left:0;width:0;height:0;margin:0;visibility:hidden;-webkit-appearance:none}.ui5-switch-root.ui5-switch--disabled{opacity:.4;cursor:default}.ui5-switch-root.ui5-switch--disabled .ui5-switch-track{background:var(--_ui5_switch_track_disabled_bg);border-color:var(--_ui5_switch_track_disabled_border_color)}.ui5-switch-root.ui5-switch--disabled.ui5-switch--checked .ui5-switch-track{background:var(--_ui5_switch_track_disabled_checked_bg)}.ui5-switch-root.ui5-switch--disabled.ui5-switch--checked .ui5-switch-handle{background:var(--_ui5_switch_handle_disabled_checked_bg)}.ui5-switch-root.ui5-switch--disabled .ui5-switch-handle{background:var(--_ui5_switch_handle_disabled_bg);border-color:var(--_ui5_switch_handle_disabled_border_color)}.ui5-switch-root.ui5-switch--semantic.ui5-switch--disabled .ui5-switch-track{background:var(--_ui5_switch_track_disabled_semantic_checked_bg);border-color:var(--_ui5_switch_track_disabled_semantic_checked_border_color)}.ui5-switch-root.ui5-switch--semantic.ui5-switch--disabled .ui5-switch-handle{background:var(--_ui5_switch_handle_disabled_semantic_checked_bg);border-color:var(--_ui5_switch_handle_disabled_semantic_checked_border_color)}.ui5-switch-root.ui5-switch--semantic.ui5-switch--disabled:not(.ui5-switch--checked) .ui5-switch-track{background:var(--_ui5_switch_track_disabled_semantic_bg);border-color:var(--_ui5_switch_track_disabled_semantic_border_color)}.ui5-switch-root.ui5-switch--semantic.ui5-switch--disabled:not(.ui5-switch--checked) .ui5-switch-handle{background:var(--_ui5_switch_handle_disabled_semantic_bg);border-color:var(--_ui5_switch_handle_disabled_semantic_border_color)}.ui5-switch-root.ui5-switch--disabled.ui5-switch--checked .ui5-switch-text{color:var(--_ui5_switch_text_disabled_color)}.ui5-switch-root.ui5-switch--checked .ui5-switch-handle{background:var(--_ui5_switch_handle_checked_bg);border-color:var(--_ui5_switch_handle_checked_border_color)}.ui5-switch-root.ui5-switch--checked .ui5-switch-track{background:var(--_ui5_switch_track_checked_bg);border-color:var(--_ui5_switch_track_checked_border_color)}.ui5-switch-root.ui5-switch--checked .ui5-switch-slider{transform:translateX(100%) translateX(-1.875rem)}.ui5-switch-root.ui5-switch--semantic .ui5-switch-handle,.ui5-switch-root.ui5-switch--semantic .ui5-switch-track{border-color:var(--sapSuccessBorderColor)}.ui5-switch-root.ui5-switch--semantic .ui5-switch-track{background:var(--sapSuccessBackground)}.ui5-switch-root.ui5-switch--semantic .ui5-switch-handle{background:var(--sapSuccessBackground_Lighten5)}.ui5-switch-root.ui5-switch--semantic .ui5-switch-text{justify-content:center;font-size:var(--sapFontSmallSize)}.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-off,.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-on{width:.75rem;height:.75rem}.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-on{color:var(--sapPositiveElementColor)}.ui5-switch-root.ui5-switch--semantic .ui5-switch-icon-off{color:var(--sapNegativeElementColor)}.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--checked) .ui5-switch-handle,.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--checked) .ui5-switch-track{border-color:var(--sapErrorBorderColor)}.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--checked) .ui5-switch-track{background:var(--sapErrorBackground)}.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--checked) .ui5-switch-handle{background:var(--sapErrorBackground_Lighten4)}.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled):hover .ui5-switch-track{border-color:var(--sapContent_ForegroundBorderColor)}.ui5-switch-desktop.ui5-switch-root:not(.ui5-switch--disabled):hover .ui5-switch-handle{background:var(--_ui5_switch_handle_hover_bg);border-color:var(--sapContent_ForegroundBorderColor)}.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle{background:var(--sapToggleButton_Pressed_HoverBackground);border-color:var(--sapToggleButton_Pressed_HoverBorderColor)}.ui5-switch-desktop.ui5-switch-root.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track{background:var(--_ui5_switch_track_hover_checked_bg);border-color:var(--_ui5_switch_track_hover_border_color)}.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--disabled):hover .ui5-switch-handle{background:var(--_ui5_switch_handle_semantic_hover_bg);border-color:var(--_ui5_switch_handle_semantic_hover_border_color)}.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic:not(.ui5-switch--disabled):hover .ui5-switch-track{border-color:var(--_ui5_switch_handle_semantic_hover_border_color)}.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-handle{background:var(--_ui5_switch_handle_semantic_checked_hover_bg);border-color:var(--_ui5_switch_handle_semantic_checked_hover_border_color)}.ui5-switch-desktop.ui5-switch-root.ui5-switch--semantic.ui5-switch--checked:not(.ui5-switch--disabled):hover .ui5-switch-track{border-color:var(--_ui5_switch_handle_semantic_checked_hover_border_color)}.ui5-switch-root.ui5-switch--semantic.ui5-switch--disabled .ui5-switch-icon--on,.ui5-switch-root.ui5-switch--semantic:hover .ui5-switch-icon--on{color:var(--_ui5_switch_text_on_semantic_color)}.ui5-switch-root.ui5-switch--semantic.ui5-switch--disabled .ui5-switch-icon--off,.ui5-switch-root.ui5-switch--semantic:hover .ui5-switch-icon--off{color:var(--_ui5_switch_text_off_semantic_color)}:host([data-ui5-compact-size]) .ui5-switch-root{height:var(--_ui5_switch_compact_height);min-width:var(--_ui5_switch_compact_width)}:host([data-ui5-compact-size]) .ui5-switch-root .ui5-switch-handle{height:var(--_ui5_switch_handle_compact_height);width:var(--_ui5_switch_handle_compact_width)}:host([data-ui5-compact-size]) .ui5-switch-root .ui5-switch-text--on{left:calc(-100% + 1.5625rem)}:host([data-ui5-compact-size]) .ui5-switch-root.ui5-switch--checked .ui5-switch-slider{transform:translateX(100%) translateX(-1.5rem)}:host([data-ui5-compact-size]) .ui5-switch-root.ui5-switch--no-label{min-width:var(--_ui5_switch_compact_no_label_width)}:host([data-ui5-compact-size]) .ui5-switch--no-label .ui5-switch-track{height:var(--_ui5_switch_track_compact_no_label_height)}[dir=rtl].ui5-switch-root .ui5-switch-handle{left:0;right:-1px}[dir=rtl].ui5-switch-root.ui5-switch--checked .ui5-switch-slider{transform:translateX(1.875rem) translateX(-100%)}[dir=rtl].ui5-switch-root .ui5-switch-text--on{right:calc(-100% + 1.9125rem);left:auto}[dir=rtl].ui5-switch-root .ui5-switch-text--off{right:auto;left:0}:host([data-ui5-compact-size]) [dir=rtl].ui5-switch-root.ui5-switch--checked .ui5-switch-slider{transform:translateX(-100%) translateX(1.5rem)}:host([data-ui5-compact-size]) [dir=rtl].ui5-switch-root .ui5-switch-text--on{right:calc(-100% + 1.5625rem)}";
+import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
+import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js";
+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--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

@@ -0,0 +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,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"]}

package/dist/generated/themes/Tab.css.d.ts

@@ -0,0 +1,3 @@
+import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
+declare const styleData: StyleData;
+export default styleData;

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

@@ -1,9 +1,8 @@
-import "@ui5/webcomponents-theme-base/dist/DefaultTheme.js";
-	
-import { registerThemeProperties } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
-
-import fiori3 from "./sap_fiori_3/parameters-bundle.css.js";
-
-registerThemeProperties("@ui5/webcomponents", "sap_fiori_3", fiori3);
-
-export default ":host{display:inline-block;width:100%;height:100%}.ui5-tab-root{width:100%;height:100%}";
+import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
+import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js";
+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/Tab.css", content: ":host {\n\tdisplay: inline-block;\n\twidth: 100%;\n}\n\n.ui5-tab-root {\n\twidth: 100%;\n\theight: 100%;\n}" };
+export default styleData;
+//# sourceMappingURL=Tab.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Tab.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,gBAAgB,EAAC,OAAO,EAAC,6GAA6G,EAAC,CAAC;AAChN,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/Tab.css\",content:\":host {\\n\\tdisplay: inline-block;\\n\\twidth: 100%;\\n}\\n\\n.ui5-tab-root {\\n\\twidth: 100%;\\n\\theight: 100%;\\n}\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/TabContainer.css.d.ts

@@ -0,0 +1,3 @@
+import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
+declare const styleData: StyleData;
+export default styleData;

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

@@ -1,9 +1,8 @@
-import "@ui5/webcomponents-theme-base/dist/DefaultTheme.js";
-	
-import { registerThemeProperties } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
-
-import fiori3 from "./sap_fiori_3/parameters-bundle.css.js";
-
-registerThemeProperties("@ui5/webcomponents", "sap_fiori_3", fiori3);
-
-export default ":host(:not([hidden])){display:inline-block;width:100%}.ui5-tc-root{display:flex;flex-direction:column;width:100%;height:100%;font-family:var(--sapFontFamily);font-size:1rem}.ui5-tc__header{display:flex;align-items:center;height:var(--_ui5_tc_header_height);background-color:var(--sapObjectHeader_Background);border-bottom:var(--_ui5_tc_header_border_bottom);box-shadow:var(--_ui5_tc_header_box_shadow);box-sizing:border-box}.ui5-tc-root.ui5-tc--textOnly .ui5-tc__header{height:var(--_ui5_tc_header_height_text_only)}.ui-tc__headerScrollContainer{box-sizing:border-box;overflow:hidden;flex:1}.ui5-tc__headerList{display:flex;margin:0;padding:0;list-style:none}.ui5-tc__separator{width:0;border-left:2px solid var(--sapList_BorderColor);margin:.5rem .25rem}.ui5-tc__headerItem{color:var(--_ui5_tc_headerItem_color);cursor:pointer;flex-shrink:0;margin:0 1rem;font-size:var(--sapFontSmallSize);text-shadow:var(--sapContent_TextShadow);position:relative;display:inline-flex;align-items:center}.ui5-tc__headerItem:last-child{margin-right:0}.ui5-tc__headerItemContent{pointer-events:none}.ui5-tc__headerItem--selected.ui5-tc__headerItem--textOnly{color:var(--_ui5_tc_headeritem_text_selected_color)}.ui5-tc__headerItem--selected .ui5-tc-headerItemIcon-outer:after,.ui5-tc__headerItem--selected.ui5-tc__headerItem--mixedMode .ui5-tc__headerItemContent:after,.ui5-tc__headerItem--selected.ui5-tc__headerItem--textOnly .ui5-tc__headerItemContent:after{content:\"\";position:absolute;width:100%;bottom:0;left:0;border-bottom:var(--_ui5_tc_headerItemContent_border_bottom)}.ui5-tc__headerItem--selected .ui5-tc-headerItemIcon-outer:after{bottom:-.8rem}.ui5-tc__headerItem--disabled,.ui5-tc__overflowItem--disabled{cursor:default;opacity:.5}.ui5-tc__headerItem:focus,.ui5-tc__separator:focus{outline:none}.ui5-tc__headerItem--mixedMode:focus .ui5-tc__headerItemContent,.ui5-tc__headerItem--textOnly:focus .ui5-tc__headerItemContent,.ui5-tc__headerItem--withIcon:focus .ui5-tc-headerItemIcon-outer{outline:var(--_ui5_tc_headerItem_focus_border)}.ui5-tc-headerItemSemanticIcon:before{display:var(--_ui5_tc_headerItemSemanticIcon_display);font-family:SAP-icons;font-size:.75rem;margin-right:.25rem;speak:none;-webkit-font-smoothing:antialiased}.ui5-tc-headerItemSemanticIcon--positive:before{content:\"\\e1ab\"}.ui5-tc-headerItemSemanticIcon--negative:before{content:\"\\e1ac\"}.ui5-tc-headerItemSemanticIcon--critical:before{content:\"\\e1ae\"}.ui5-tc__headerItem--mixedMode,.ui5-tc__headerItem--withIcon{margin-top:.75rem;padding-bottom:.75rem}.ui5-tc-headerItemIcon-outer{display:flex;justify-content:center;align-items:center;position:relative;border:var(--_ui5_tc_headerItemIcon_border);border-radius:50%;margin-right:.25rem;height:3rem;width:3rem;pointer-events:none}.ui5-tc-headerItemIcon{width:1.5rem;height:1.5rem;color:var(--_ui5_tc_headerItemIcon_color);text-shadow:var(--sapContent_TextShadow);pointer-events:none}.ui5-tc__headerItem--selected .ui5-tc-headerItemIcon-outer{background-color:var(--_ui5_tc_headerItemIcon_selected_background)}.ui5-tc__headerItem--selected .ui5-tc-headerItemIcon{color:var(--_ui5_tc_headerItemIcon_selected_color);text-shadow:none}.ui5-tc__headerItem--withIcon .ui5-tc__headerItemAdditionalText+.ui5-tc__headerItemText{display:block;margin-top:.625rem}.ui5-tc__headerItem--textOnly{font-size:var(--sapFontMediumSize);height:3rem;display:flex;align-items:center}.ui5-tc__headerItem--mixedMode .ui5-tc__headerItemAdditionalText,.ui5-tc__headerItem--mixedMode .ui5-tc__headerItemText{display:inline-block;vertical-align:middle}.ui5-tc__headerItem--mixedMode .ui5-tc__headerItemAdditionalText{font-size:1.5rem;margin-right:.5rem}.ui5-tc__headerArrow{cursor:pointer;color:var(--sapContent_IconColor);padding:0 .25rem;visibility:hidden}.ui5-tc__headerArrow:active,.ui5-tc__headerArrow:hover{color:var(--sapHighlightColor)}.ui5-tc__headerArrow--visible{visibility:visible}.ui-tc__overflowButton{display:none;margin-left:auto;margin-right:.25rem}.ui-tc__overflowButton--visible{display:block}.ui5-tc__overflowItem{color:var(--_ui5_tc_overflowItem_default_color)}.ui5-tc__overflowItem[active] .ui5-tc__overflowItemContent{color:var(--sapList_Active_TextColor)}.ui5-tc__overflowItemContent{display:flex;align-items:center;padding:0 .5rem;height:3rem;pointer-events:none}.ui5-tc__overflowItem ui5-icon{width:1.375rem;height:1.375rem;padding-right:1rem}.ui5-tc__overflowItem ui5-icon{color:currentColor}.ui5-tc-root.ui5-tc--textOnly .ui5-tc__content{height:calc(100% - var(--_ui5_tc_header_height_text_only))}.ui5-tc__content{position:relative;height:calc(100% - var(--_ui5_tc_header_height));padding:1rem;background-color:var(--sapGroup_ContentBackground);border-bottom:var(--_ui5_tc_content_border_bottom);box-sizing:border-box}.ui5-tc__content--collapsed{display:none}.ui5-tc--transparent .ui5-tc__content{background-color:transparent}.ui5-tc__contentItem{height:100%;overflow:auto}.ui5-tc__contentItem--hidden{display:none}.ui5-tc-headerItemSemanticIcon--positive:before,.ui5-tc__headerItem--positive .ui5-tc-headerItemIcon-outer,.ui5-tc__headerItem--positive.ui5-tc__headerItem--textOnly,.ui5-tc__overflowItem--positive{color:var(--sapPositiveColor);border-color:var(--_ui5_tc_headerItem_positive_selected_border_color)}.ui5-tc__headerItem--positive .ui5-tc-headerItemIcon{color:var(--sapPositiveColor)}.ui5-tc__headerItem--positive.ui5-tc__headerItem--selected .ui5-tc-headerItemIcon-outer{background-color:var(--_ui5_tc_headerItemIcon_positive_selected_background);color:var(--_ui5_tc_headerItemIcon_semantic_selected_color)}.ui5-tc__headerItem--positive.ui5-tc__headerItem--selected .ui5-tc-headerItemIcon{color:var(--_ui5_tc_headerItemIcon_semantic_selected_color)}.ui5-tc__headerItem--positive .ui5-tc-headerItemIcon-outer:after,.ui5-tc__headerItem.ui5-tc__headerItem--positive .ui5-tc__headerItemContent:after{border-color:var(--sapPositiveColor)}.ui5-tc-headerItemSemanticIcon--negative:before,.ui5-tc__headerItem--negative .ui5-tc-headerItemIcon-outer,.ui5-tc__headerItem--negative.ui5-tc__headerItem--textOnly,.ui5-tc__overflowItem--negative{color:var(--sapNegativeColor);border-color:var(--_ui5_tc_headerItem_negative_selected_border_color)}.ui5-tc__headerItem--negative .ui5-tc-headerItemIcon{color:var(--sapNegativeColor)}.ui5-tc__headerItem--negative.ui5-tc__headerItem--selected .ui5-tc-headerItemIcon-outer{background-color:var(--_ui5_tc_headerItemIcon_negative_selected_background)}.ui5-tc__headerItem--negative.ui5-tc__headerItem--selected .ui5-tc-headerItemIcon{color:var(--_ui5_tc_headerItemIcon_semantic_selected_color)}.ui5-tc__headerItem--negative .ui5-tc-headerItemIcon-outer:after,.ui5-tc__headerItem.ui5-tc__headerItem--negative .ui5-tc__headerItemContent:after{border-color:var(--sapNegativeColor)}.ui5-tc-headerItemSemanticIcon--critical:before,.ui5-tc__headerItem--critical .ui5-tc-headerItemIcon-outer,.ui5-tc__headerItem--critical.ui5-tc__headerItem--textOnly,.ui5-tc__overflowItem--critical{color:var(--sapCriticalColor);border-color:var(--_ui5_tc_headerItem_critical_selected_border_color)}.ui5-tc__headerItem--critical .ui5-tc-headerItemIcon{color:var(--sapCriticalColor)}.ui5-tc__headerItem--critical.ui5-tc__headerItem--selected .ui5-tc-headerItemIcon-outer{background-color:var(--_ui5_tc_headerItemIcon_critical_selected_background)}.ui5-tc__headerItem--critical.ui5-tc__headerItem--selected .ui5-tc-headerItemIcon{color:var(--_ui5_tc_headerItemIcon_semantic_selected_color)}.ui5-tc__headerItem--critical .ui5-tc-headerItemIcon-outer:after,.ui5-tc__headerItem.ui5-tc__headerItem--critical .ui5-tc__headerItemContent:after{border-color:var(--sapCriticalColor)}.ui5-tc__headerItem--neutral .ui5-tc-headerItemIcon-outer,.ui5-tc__headerItem--nutral.ui5-tc__headerItem--textOnly,.ui5-tc__overflowItem--neutral{color:var(--sapNeutralColor);border-color:var(--_ui5_tc_headerItem_neutral_selected_border_color)}.ui5-tc__headerItem--neutral .ui5-tc-headerItemIcon{color:var(--sapNeutralColor)}.ui5-tc__headerItem--neutral.ui5-tc__headerItem--selected .ui5-tc-headerItemIcon-outer{background-color:var(--_ui5_tc_headerItemIcon_neutral_selected_background)}.ui5-tc__headerItem--neutral.ui5-tc__headerItem--selected .ui5-tc-headerItemIcon{color:var(--_ui5_tc_headerItemIcon_semantic_selected_color)}.ui5-tc__headerItem--neutral .ui5-tc-headerItemIcon:after,.ui5-tc__headerItems.ui5-tc__headerItem--neutral .ui5-tc__headerItemContent:after{border-color:var(--sapNeutralColor)}[dir=rtl] .ui5-tc__headerItem:last-child{margin-left:0}[dir=rtl] .ui5-tc-headerItemSemanticIcon:before{margin-left:.25rem;margin-right:0}[dir=rtl] .ui5-tc-headerItemIcon-outer{margin-left:.25rem;margin-right:0}[dir=rtl] .ui5-tc__headerItem--mixedMode .ui5-tc__headerItemAdditionalText{margin-right:0;margin-left:.5rem}[dir=rtl] .ui-tc__overflowButton{margin-right:auto;margin-left:.25rem}:host([data-ui5-compact-size]) .ui5-tc__headerItem--textOnly,:host([data-ui5-compact-size]) .ui5-tc__overflowItemContent{height:2rem}:host([data-ui5-compact-size]) .ui5-tc__headerItem--textOnly{line-height:1.325rem}:host([data-ui5-compact-size]) .ui5-tc-headerItemIcon-outer{height:2rem;width:2rem}:host([data-ui5-compact-size]) .ui5-tc-headerItemIcon{height:1rem;width:1rem}:host([data-ui5-compact-size]) .ui5-tc__headerItem--withIcon .ui5-tc__headerItemAdditionalText+.ui5-tc__headerItemText{margin-top:.3125rem}:host([data-ui5-compact-size]) .ui5-tc-root.ui5-tc--textOnly .ui5-tc__header{height:var(--_ui5_tc_header_height_text_only_compact)}:host([data-ui5-compact-size]) .ui5-tc__header{height:var(--_ui5_tc_header_height_compact)}:host([data-ui5-compact-size]) .ui5-tc__content{height:calc(100% - var(--_ui5_tc_header_height_compact))}:host([data-ui5-compact-size]) .ui5-tc-root.ui5-tc--textOnly .ui5-tc__content{height:calc(100% - var(--_ui5_tc_header_height_text_only_compact))}";
+import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
+import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js";
+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/TabContainer.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/* ============================= */\n\n/* Global Base parameters        */\n\n/* ============================= */\n\n:host(:not([hidden])) {\n\tdisplay: inline-block;\n\twidth: 100%;\n}\n\n.ui5-tc-root {\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 100%;\n\theight: 100%;\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tfont-size: 1rem;\n}\n\n.ui5-tc__header {\n\tposition: relative;\n\tpadding: 0 1rem;\n\tdisplay: flex;\n\talign-items: center;\n\tbackground-color: var(--_ui5_tc_header_background);\n\theight: var(--_ui5_tc_header_height);\n\tbox-shadow: var(--_ui5_tc_header_box_shadow);\n\tbox-sizing: border-box;\n}\n\n:host([tabs-placement=\"Bottom\"]) .ui5-tc__header {\n\tborder-top: var(--_ui5_tc_header_border_bottom);\n}\n\n:host([header-background-design=\"Transparent\"]) .ui5-tc__header {\n\tbackground-color: transparent;\n}\n\n:host([header-background-design=\"Translucent\"]) .ui5-tc__header {\n\tbackground-color: var(--_ui5_tc_header_background_translucent);\n}\n\n.ui5-tc-root.ui5-tc--textOnly .ui5-tc__header {\n\theight: var(--_ui5_tc_header_height_text_only);\n}\n\n.ui5-tc-root.ui5-tc--textOnly.ui5-tc--withAdditionalText.ui5-tc--standardTabLayout .ui5-tc__header {\n\theight: var(--_ui5_tc_header_height_text_with_additional_text);\n}\n\n.ui5-tc__tabStrip {\n\tflex: 1;\n\tdisplay: flex;\n\toverflow: hidden;\n\tbox-sizing: border-box;\n\tposition: relative;\n\twhite-space: nowrap;\n}\n\n.ui5-tc__separator:focus {\n\toutline: none;\n}\n\n.ui5-tc__overflow {\n\tflex: 0 0 0;\n}\n\n.ui5-tc__overflow.ui5-tc__overflow--end {\n\tpadding-inline-start: 0.188rem;\n}\n\n.ui5-tc__overflow[hidden] {\n\tdisplay: none;\n}\n\n.ui5-tc__overflow > [ui5-button] {\n\tborder-radius: 0.75rem;\n\theight: 1.5rem;\n}\n\n.ui5-tc__overflow > [ui5-button]:not([active]) {\n\tcolor: var(--_ui5_tc_overflow_text_color);\n}\n\n.ui5-tc__overflow > [ui5-button]:not([active]):hover {\n\tcolor: var(--_ui5_tc_overflow_text_color);\n}\n\n.ui5-tc__overflow > [ui5-button][focused] {\n\toutline-offset: 0.125rem;\n\t--_ui5_button_focused_border: none;\n\toutline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n}\n\n.ui5-tc-root.ui5-tc--textOnly .ui5-tc__content {\n\theight: calc(100% - var(--_ui5_tc_header_height_text_only)); /* the header height (text only tabs) */\n}\n\n.ui5-tc__content {\n\tposition: relative;\n\tdisplay: flex;\n\theight: calc(100% - var(--_ui5_tc_header_height)); /* the header height (tabs with icons and text) */\n\tpadding: 1rem 2rem;\n\tbackground-color: var(--_ui5_tc_content_background);\n\tborder-bottom: var(--_ui5_tc_content_border_bottom);\n\tbox-sizing: border-box;\n}\n\n:host([tabs-placement=\"Bottom\"]) .ui5-tc__content {\n\tborder-top: var(--_ui5_tc_content_border_bottom);\n}\n\n:host([content-background-design=\"Transparent\"]) .ui5-tc__content {\n\tbackground-color: transparent;\n}\n\n:host([content-background-design=\"Translucent\"]) .ui5-tc__content {\n\tbackground-color: var(--_ui5_tc_content_background_translucent);\n}\n\n.ui5-tc__content--collapsed {\n\tdisplay: none;\n}\n\n.ui5-tc--transparent .ui5-tc__content {\n\tbackground-color: transparent;\n}\n\n.ui5-tc__contentItem {\n\tmax-height: 100%;\n\tdisplay: flex;\n\tflex-grow: 1;\n\toverflow: auto;\n}\n\n.ui5-tc__contentItem[hidden] {\n\tdisplay: none;\n}\n\n/*** Responsive paddings ***/\n\n:host([media-range=\"S\"]) .ui5-tc__header {\n\tpadding: 0;\n}\n\n:host([media-range=\"S\"]) .ui5-tc__content {\n\tpadding: 1rem;\n}\n\n:host([media-range=\"XL\"]) .ui5-tc__header {\n\tpadding: 0 2rem;\n}\n\n:host([media-range=\"XL\"]) .ui5-tc__content {\n\tpadding: 1rem 3rem;\n}\n" };
+export default styleData;
+//# sourceMappingURL=TabContainer.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabContainer.css.js","sourceRoot":"","sources":["../../../src/generated/themes/TabContainer.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,+yHAA+yH,EAAC,CAAC;AAC35H,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/TabContainer.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/* ============================= */\\n\\n/* Global Base parameters        */\\n\\n/* ============================= */\\n\\n:host(:not([hidden])) {\\n\\tdisplay: inline-block;\\n\\twidth: 100%;\\n}\\n\\n.ui5-tc-root {\\n\\tdisplay: flex;\\n\\tflex-direction: column;\\n\\twidth: 100%;\\n\\theight: 100%;\\n\\tfont-family: \\\"72override\\\", var(--sapFontFamily);\\n\\tfont-size: 1rem;\\n}\\n\\n.ui5-tc__header {\\n\\tposition: relative;\\n\\tpadding: 0 1rem;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tbackground-color: var(--_ui5_tc_header_background);\\n\\theight: var(--_ui5_tc_header_height);\\n\\tbox-shadow: var(--_ui5_tc_header_box_shadow);\\n\\tbox-sizing: border-box;\\n}\\n\\n:host([tabs-placement=\\\"Bottom\\\"]) .ui5-tc__header {\\n\\tborder-top: var(--_ui5_tc_header_border_bottom);\\n}\\n\\n:host([header-background-design=\\\"Transparent\\\"]) .ui5-tc__header {\\n\\tbackground-color: transparent;\\n}\\n\\n:host([header-background-design=\\\"Translucent\\\"]) .ui5-tc__header {\\n\\tbackground-color: var(--_ui5_tc_header_background_translucent);\\n}\\n\\n.ui5-tc-root.ui5-tc--textOnly .ui5-tc__header {\\n\\theight: var(--_ui5_tc_header_height_text_only);\\n}\\n\\n.ui5-tc-root.ui5-tc--textOnly.ui5-tc--withAdditionalText.ui5-tc--standardTabLayout .ui5-tc__header {\\n\\theight: var(--_ui5_tc_header_height_text_with_additional_text);\\n}\\n\\n.ui5-tc__tabStrip {\\n\\tflex: 1;\\n\\tdisplay: flex;\\n\\toverflow: hidden;\\n\\tbox-sizing: border-box;\\n\\tposition: relative;\\n\\twhite-space: nowrap;\\n}\\n\\n.ui5-tc__separator:focus {\\n\\toutline: none;\\n}\\n\\n.ui5-tc__overflow {\\n\\tflex: 0 0 0;\\n}\\n\\n.ui5-tc__overflow.ui5-tc__overflow--end {\\n\\tpadding-inline-start: 0.188rem;\\n}\\n\\n.ui5-tc__overflow[hidden] {\\n\\tdisplay: none;\\n}\\n\\n.ui5-tc__overflow > [ui5-button] {\\n\\tborder-radius: 0.75rem;\\n\\theight: 1.5rem;\\n}\\n\\n.ui5-tc__overflow > [ui5-button]:not([active]) {\\n\\tcolor: var(--_ui5_tc_overflow_text_color);\\n}\\n\\n.ui5-tc__overflow > [ui5-button]:not([active]):hover {\\n\\tcolor: var(--_ui5_tc_overflow_text_color);\\n}\\n\\n.ui5-tc__overflow > [ui5-button][focused] {\\n\\toutline-offset: 0.125rem;\\n\\t--_ui5_button_focused_border: none;\\n\\toutline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\\n}\\n\\n.ui5-tc-root.ui5-tc--textOnly .ui5-tc__content {\\n\\theight: calc(100% - var(--_ui5_tc_header_height_text_only)); /* the header height (text only tabs) */\\n}\\n\\n.ui5-tc__content {\\n\\tposition: relative;\\n\\tdisplay: flex;\\n\\theight: calc(100% - var(--_ui5_tc_header_height)); /* the header height (tabs with icons and text) */\\n\\tpadding: 1rem 2rem;\\n\\tbackground-color: var(--_ui5_tc_content_background);\\n\\tborder-bottom: var(--_ui5_tc_content_border_bottom);\\n\\tbox-sizing: border-box;\\n}\\n\\n:host([tabs-placement=\\\"Bottom\\\"]) .ui5-tc__content {\\n\\tborder-top: var(--_ui5_tc_content_border_bottom);\\n}\\n\\n:host([content-background-design=\\\"Transparent\\\"]) .ui5-tc__content {\\n\\tbackground-color: transparent;\\n}\\n\\n:host([content-background-design=\\\"Translucent\\\"]) .ui5-tc__content {\\n\\tbackground-color: var(--_ui5_tc_content_background_translucent);\\n}\\n\\n.ui5-tc__content--collapsed {\\n\\tdisplay: none;\\n}\\n\\n.ui5-tc--transparent .ui5-tc__content {\\n\\tbackground-color: transparent;\\n}\\n\\n.ui5-tc__contentItem {\\n\\tmax-height: 100%;\\n\\tdisplay: flex;\\n\\tflex-grow: 1;\\n\\toverflow: auto;\\n}\\n\\n.ui5-tc__contentItem[hidden] {\\n\\tdisplay: none;\\n}\\n\\n/*** Responsive paddings ***/\\n\\n:host([media-range=\\\"S\\\"]) .ui5-tc__header {\\n\\tpadding: 0;\\n}\\n\\n:host([media-range=\\\"S\\\"]) .ui5-tc__content {\\n\\tpadding: 1rem;\\n}\\n\\n:host([media-range=\\\"XL\\\"]) .ui5-tc__header {\\n\\tpadding: 0 2rem;\\n}\\n\\n:host([media-range=\\\"XL\\\"]) .ui5-tc__content {\\n\\tpadding: 1rem 3rem;\\n}\\n\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/TabInOverflow.css.d.ts

@@ -0,0 +1,3 @@
+import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
+declare const styleData: StyleData;
+export default styleData;

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

@@ -0,0 +1,8 @@
+import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
+import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js";
+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/TabInOverflow.css", content: ".ui5-tab-semantic-icon {\n\tdisplay: var(--_ui5_tc_headerItemSemanticIcon_display);\n\theight: var(--_ui5_tc_headerItemSemanticIcon_size);\n\twidth: var(--_ui5_tc_headerItemSemanticIcon_size);\n\tmargin-inline-end: 0.5rem;\n}\n\n.ui5-tab-semantic-icon--positive {\n\tcolor: var(--sapPositiveElementColor);\n}\n\n.ui5-tab-semantic-icon--negative {\n\tcolor: var(--sapNegativeElementColor);\n}\n\n.ui5-tab-semantic-icon--critical {\n\tcolor: var(--sapCriticalElementColor);\n}\n\n.ui5-hidden-text {\n\tposition: absolute;\n\tclip: rect(1px,1px,1px,1px);\n\tuser-select: none;\n\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\n\ttop: -1000px;\n\tpointer-events: none;\n\tfont-size: 0;\n}\n\n.ui5-tab-overflow-item {\n\tcolor: var(--_ui5_tc_overflowItem_default_color);\n}\n\n.ui5-tab-overflow-item--disabled {\n\tcursor: default;\n\topacity: var(--sapContent_DisabledOpacity);\n}\n\n.ui5-tab-overflow-item[hidden] {\n\tdisplay: none;\n}\n\n.ui5-tab-semantic-icon {\n\tposition: absolute;\n\tinset-inline-start: -0.25rem;\n}\n\n.ui5-tab-overflow-item--positive:not(.ui5-tab-overflow-item--disabled) .ui5-tab-overflow-itemContent {\n\tcolor: var(--_ui5_tc_overflowItem_positive_color);\n}\n\n.ui5-tab-overflow-item--negative:not(.ui5-tab-overflow-item--disabled) .ui5-tab-overflow-itemContent {\n\tcolor: var(--_ui5_tc_overflowItem_negative_color);\n}\n\n.ui5-tab-overflow-item--critical:not(.ui5-tab-overflow-item--disabled) .ui5-tab-overflow-itemContent {\n\tcolor: var(--_ui5_tc_overflowItem_critical_color);\n}\n\n.ui5-tab-overflow-item[active] .ui5-tab-overflow-itemContent {\n\tcolor: var(--sapList_Active_TextColor);\n}\n\n.ui5-tab-overflow-itemContent {\n\tdisplay: flex;\n\talign-items: center;\n\tposition: relative;\n\theight: var(--_ui5_tc_item_text);\n\tpointer-events: none;\n\tfont-size: 0.875rem;\n}\n\n.ui5-tab-overflow-itemContent-wrapper {\n\tpadding-inline-start: calc(var(--_ui5-tab-indentation-level) * 0.5rem + var(--_ui5-tab-extra-indent, 0) * var(--_ui5_tc_overflowItem_extraIndent));\n}\n\n.ui5-tab-overflow-item--selectedSubTab {\n\tbackground-color: var(--sapList_SelectionBackgroundColor);\n}\n\n.ui5-tab-overflow-item [ui5-icon]:not(.ui5-tab-semantic-icon) {\n\twidth: 1.375rem;\n\theight: 1.375rem;\n\tpadding-inline-end: 0.75rem;\n\tcolor: var(--_ui5_tc_overflowItem_current_color);\n}\n\n.ui5-tab-container-responsive-popover [ui5-li-custom][focused]::part(native-li)::after {\n\tinset: var(--_ui5_tc_overflowItem_focus_offset);\n}\n\n.ui5-tab-container-responsive-popover::part(content) {\n\tpadding: 0;\n}" };
+export default styleData;
+//# sourceMappingURL=TabInOverflow.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabInOverflow.css.js","sourceRoot":"","sources":["../../../src/generated/themes/TabInOverflow.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,0BAA0B,EAAC,OAAO,EAAC,0gFAA0gF,EAAC,CAAC;AACvnF,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/TabInOverflow.css\",content:\".ui5-tab-semantic-icon {\\n\\tdisplay: var(--_ui5_tc_headerItemSemanticIcon_display);\\n\\theight: var(--_ui5_tc_headerItemSemanticIcon_size);\\n\\twidth: var(--_ui5_tc_headerItemSemanticIcon_size);\\n\\tmargin-inline-end: 0.5rem;\\n}\\n\\n.ui5-tab-semantic-icon--positive {\\n\\tcolor: var(--sapPositiveElementColor);\\n}\\n\\n.ui5-tab-semantic-icon--negative {\\n\\tcolor: var(--sapNegativeElementColor);\\n}\\n\\n.ui5-tab-semantic-icon--critical {\\n\\tcolor: var(--sapCriticalElementColor);\\n}\\n\\n.ui5-hidden-text {\\n\\tposition: absolute;\\n\\tclip: rect(1px,1px,1px,1px);\\n\\tuser-select: none;\\n\\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\\n\\ttop: -1000px;\\n\\tpointer-events: none;\\n\\tfont-size: 0;\\n}\\n\\n.ui5-tab-overflow-item {\\n\\tcolor: var(--_ui5_tc_overflowItem_default_color);\\n}\\n\\n.ui5-tab-overflow-item--disabled {\\n\\tcursor: default;\\n\\topacity: var(--sapContent_DisabledOpacity);\\n}\\n\\n.ui5-tab-overflow-item[hidden] {\\n\\tdisplay: none;\\n}\\n\\n.ui5-tab-semantic-icon {\\n\\tposition: absolute;\\n\\tinset-inline-start: -0.25rem;\\n}\\n\\n.ui5-tab-overflow-item--positive:not(.ui5-tab-overflow-item--disabled) .ui5-tab-overflow-itemContent {\\n\\tcolor: var(--_ui5_tc_overflowItem_positive_color);\\n}\\n\\n.ui5-tab-overflow-item--negative:not(.ui5-tab-overflow-item--disabled) .ui5-tab-overflow-itemContent {\\n\\tcolor: var(--_ui5_tc_overflowItem_negative_color);\\n}\\n\\n.ui5-tab-overflow-item--critical:not(.ui5-tab-overflow-item--disabled) .ui5-tab-overflow-itemContent {\\n\\tcolor: var(--_ui5_tc_overflowItem_critical_color);\\n}\\n\\n.ui5-tab-overflow-item[active] .ui5-tab-overflow-itemContent {\\n\\tcolor: var(--sapList_Active_TextColor);\\n}\\n\\n.ui5-tab-overflow-itemContent {\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tposition: relative;\\n\\theight: var(--_ui5_tc_item_text);\\n\\tpointer-events: none;\\n\\tfont-size: 0.875rem;\\n}\\n\\n.ui5-tab-overflow-itemContent-wrapper {\\n\\tpadding-inline-start: calc(var(--_ui5-tab-indentation-level) * 0.5rem + var(--_ui5-tab-extra-indent, 0) * var(--_ui5_tc_overflowItem_extraIndent));\\n}\\n\\n.ui5-tab-overflow-item--selectedSubTab {\\n\\tbackground-color: var(--sapList_SelectionBackgroundColor);\\n}\\n\\n.ui5-tab-overflow-item [ui5-icon]:not(.ui5-tab-semantic-icon) {\\n\\twidth: 1.375rem;\\n\\theight: 1.375rem;\\n\\tpadding-inline-end: 0.75rem;\\n\\tcolor: var(--_ui5_tc_overflowItem_current_color);\\n}\\n\\n.ui5-tab-container-responsive-popover [ui5-li-custom][focused]::part(native-li)::after {\\n\\tinset: var(--_ui5_tc_overflowItem_focus_offset);\\n}\\n\\n.ui5-tab-container-responsive-popover::part(content) {\\n\\tpadding: 0;\\n}\"};\nexport default styleData;\n\t"]}

package/dist/generated/themes/TabInStrip.css.d.ts

@@ -0,0 +1,3 @@
+import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
+declare const styleData: StyleData;
+export default styleData;