@ui5/webcomponents 1.0.1 → 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +118 -0
- package/dist/Breadcrumbs.js +8 -6
- package/dist/BreadcrumbsItem.js +1 -1
- package/dist/BusyIndicator.js +2 -3
- package/dist/Button.js +28 -1
- package/dist/Calendar.js +7 -0
- package/dist/Carousel.js +9 -0
- package/dist/CheckBox.js +34 -1
- package/dist/ColorPalette.js +5 -4
- package/dist/ColorPalettePopover.js +27 -2
- package/dist/ComboBox.js +91 -23
- package/dist/DateComponentBase.js +6 -8
- package/dist/DatePicker.js +10 -2
- package/dist/DateRangePicker.js +22 -0
- package/dist/Dialog.js +5 -22
- package/dist/Icon.js +11 -8
- package/dist/Input.js +107 -15
- package/dist/Link.js +32 -14
- package/dist/List.js +14 -4
- package/dist/MessageStrip.js +39 -2
- package/dist/MultiComboBox.js +7 -3
- package/dist/MultiComboBoxItem.js +1 -1
- package/dist/MultiInput.js +55 -8
- package/dist/Option.js +12 -1
- package/dist/Panel.js +9 -0
- package/dist/Popover.js +106 -57
- package/dist/Popup.js +16 -2
- package/dist/RadioButton.js +15 -3
- package/dist/RatingIndicator.js +37 -7
- package/dist/ResponsivePopover.js +1 -0
- package/dist/SegmentedButton.js +14 -1
- package/dist/Select.js +2 -1
- package/dist/SliderBase.js +4 -0
- package/dist/SplitButton.js +425 -0
- package/dist/Switch.js +18 -0
- package/dist/Tab.js +10 -6
- package/dist/TabContainer.js +480 -108
- package/dist/TabSeparator.js +42 -3
- package/dist/Table.js +15 -5
- package/dist/TextArea.js +9 -3
- package/dist/ToggleButton.js +5 -0
- package/dist/Tokenizer.js +134 -7
- package/dist/TreeItem.js +21 -0
- package/dist/TreeListItem.js +8 -0
- package/dist/api.json +299 -26
- package/dist/css/themes/Badge.css +1 -1
- package/dist/css/themes/Breadcrumbs.css +1 -1
- package/dist/css/themes/BrowserScrollbar.css +1 -1
- package/dist/css/themes/BusyIndicator.css +1 -1
- package/dist/css/themes/CardHeader.css +1 -1
- package/dist/css/themes/CheckBox.css +1 -1
- package/dist/css/themes/ComboBox.css +1 -1
- package/dist/css/themes/CustomListItem.css +1 -1
- package/dist/css/themes/Dialog.css +1 -1
- package/dist/css/themes/Input.css +1 -1
- package/dist/css/themes/List.css +1 -1
- package/dist/css/themes/MultiComboBox.css +1 -1
- package/dist/css/themes/Panel.css +1 -1
- package/dist/css/themes/Popover.css +1 -1
- package/dist/css/themes/PopupsCommon.css +1 -1
- package/dist/css/themes/RadioButton.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/Select.css +1 -1
- package/dist/css/themes/SliderBase.css +1 -1
- package/dist/css/themes/SplitButton.css +1 -0
- package/dist/css/themes/TabContainer.css +1 -1
- package/dist/css/themes/TabInOverflow.css +1 -1
- package/dist/css/themes/TabInStrip.css +1 -1
- package/dist/css/themes/TabSeparatorInOverflow.css +1 -0
- package/dist/css/themes/TabSeparatorInStrip.css +1 -0
- package/dist/css/themes/Table.css +1 -1
- package/dist/css/themes/TableColumn.css +1 -1
- package/dist/css/themes/TextArea.css +1 -1
- package/dist/css/themes/TimeSelection.css +1 -1
- package/dist/css/themes/Token.css +1 -1
- package/dist/css/themes/ValueStateMessage.css +1 -1
- package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
- package/dist/features/InputSuggestions.js +88 -15
- package/dist/generated/assets/i18n/messagebundle_ar.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_bg.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_ca.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_cs.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_cy.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_da.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_de.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_el.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_en_GB.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_en_US_sappsd.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_en_US_saprigi.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_en_US_saptrc.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_es.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_es_MX.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_et.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_fi.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_fr_CA.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_hi.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_hr.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_hu.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_it.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_iw.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_ja.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_kk.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_ko.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_lt.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_ms.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_nl.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_no.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_pl.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_pt.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_pt_PT.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_ro.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_ru.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_sh.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_sk.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_sl.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_sv.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_th.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_tr.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_vi.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_zh_CN.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_zh_TW.json +1 -1
- package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/i18n/i18n-defaults.js +2 -2
- package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js +1 -1
- package/dist/generated/templates/BreadcrumbsTemplate.lit.js +1 -1
- package/dist/generated/templates/BusyIndicatorTemplate.lit.js +1 -1
- package/dist/generated/templates/ButtonTemplate.lit.js +1 -1
- package/dist/generated/templates/CardHeaderTemplate.lit.js +1 -1
- package/dist/generated/templates/CarouselTemplate.lit.js +1 -1
- package/dist/generated/templates/CheckBoxTemplate.lit.js +1 -1
- package/dist/generated/templates/ColorPalettePopoverTemplate.lit.js +1 -1
- package/dist/generated/templates/ComboBoxPopoverTemplate.lit.js +1 -1
- package/dist/generated/templates/ComboBoxTemplate.lit.js +1 -1
- package/dist/generated/templates/CustomListItemTemplate.lit.js +2 -2
- package/dist/generated/templates/DialogTemplate.lit.js +1 -1
- package/dist/generated/templates/InputPopoverTemplate.lit.js +3 -3
- package/dist/generated/templates/InputTemplate.lit.js +1 -1
- package/dist/generated/templates/LinkTemplate.lit.js +1 -1
- package/dist/generated/templates/ListItemTemplate.lit.js +2 -2
- package/dist/generated/templates/MessageStripTemplate.lit.js +1 -1
- package/dist/generated/templates/MultiComboBoxPopoverTemplate.lit.js +1 -1
- package/dist/generated/templates/MultiInputTemplate.lit.js +1 -1
- package/dist/generated/templates/PanelTemplate.lit.js +1 -1
- package/dist/generated/templates/PopupBlockLayerTemplate.lit.js +1 -1
- package/dist/generated/templates/RangeSliderTemplate.lit.js +1 -1
- package/dist/generated/templates/ResponsivePopoverTemplate.lit.js +1 -1
- package/dist/generated/templates/SegmentedButtonTemplate.lit.js +1 -1
- package/dist/generated/templates/SelectPopoverTemplate.lit.js +2 -2
- package/dist/generated/templates/SliderBaseTemplate.lit.js +1 -1
- package/dist/generated/templates/SliderTemplate.lit.js +1 -1
- package/dist/generated/templates/SplitButtonTemplate.lit.js +7 -0
- package/dist/generated/templates/StandardListItemTemplate.lit.js +2 -2
- package/dist/generated/templates/SuggestionListItemTemplate.lit.js +2 -2
- package/dist/generated/templates/SwitchTemplate.lit.js +1 -1
- package/dist/generated/templates/TabContainerPopoverTemplate.lit.js +4 -2
- package/dist/generated/templates/TabContainerTemplate.lit.js +9 -10
- package/dist/generated/templates/TabInOverflowTemplate.lit.js +1 -1
- package/dist/generated/templates/TabInStripTemplate.lit.js +1 -1
- package/dist/generated/templates/TabSeparatorInOverflowTemplate.lit.js +7 -0
- package/dist/generated/templates/TabSeparatorInStripTemplate.lit.js +7 -0
- package/dist/generated/templates/TableTemplate.lit.js +1 -1
- package/dist/generated/templates/TextAreaPopoverTemplate.lit.js +1 -1
- package/dist/generated/templates/ToggleButtonTemplate.lit.js +1 -1
- package/dist/generated/templates/TreeListItemTemplate.lit.js +2 -2
- package/dist/generated/templates/TreeTemplate.lit.js +1 -1
- package/dist/generated/themes/Badge.css.js +1 -1
- package/dist/generated/themes/Breadcrumbs.css.js +1 -1
- package/dist/generated/themes/BrowserScrollbar.css.js +1 -1
- package/dist/generated/themes/BusyIndicator.css.js +1 -1
- package/dist/generated/themes/CardHeader.css.js +1 -1
- package/dist/generated/themes/CheckBox.css.js +1 -1
- package/dist/generated/themes/ComboBox.css.js +1 -1
- package/dist/generated/themes/CustomListItem.css.js +1 -1
- package/dist/generated/themes/Dialog.css.js +1 -1
- package/dist/generated/themes/Input.css.js +1 -1
- package/dist/generated/themes/List.css.js +1 -1
- package/dist/generated/themes/MultiComboBox.css.js +1 -1
- package/dist/generated/themes/Panel.css.js +1 -1
- package/dist/generated/themes/Popover.css.js +1 -1
- package/dist/generated/themes/PopupsCommon.css.js +1 -1
- package/dist/generated/themes/RadioButton.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/Select.css.js +1 -1
- package/dist/generated/themes/SliderBase.css.js +1 -1
- package/dist/generated/themes/SplitButton.css.js +8 -0
- package/dist/generated/themes/TabContainer.css.js +1 -1
- package/dist/generated/themes/TabInOverflow.css.js +1 -1
- package/dist/generated/themes/TabInStrip.css.js +1 -1
- package/dist/generated/themes/TabSeparatorInOverflow.css.js +8 -0
- package/dist/generated/themes/TabSeparatorInStrip.css.js +8 -0
- package/dist/generated/themes/Table.css.js +1 -1
- package/dist/generated/themes/TableColumn.css.js +1 -1
- package/dist/generated/themes/TextArea.css.js +1 -1
- package/dist/generated/themes/TimeSelection.css.js +1 -1
- package/dist/generated/themes/Token.css.js +1 -1
- package/dist/generated/themes/ValueStateMessage.css.js +1 -1
- package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
- package/dist/i18n/messagebundle.properties +26 -1
- package/dist/i18n/messagebundle_ar.properties +13 -1
- package/dist/i18n/messagebundle_bg.properties +13 -1
- package/dist/i18n/messagebundle_ca.properties +13 -1
- package/dist/i18n/messagebundle_cs.properties +13 -1
- package/dist/i18n/messagebundle_cy.properties +13 -1
- package/dist/i18n/messagebundle_da.properties +13 -1
- package/dist/i18n/messagebundle_de.properties +13 -1
- package/dist/i18n/messagebundle_el.properties +13 -1
- package/dist/i18n/messagebundle_en.properties +13 -1
- package/dist/i18n/messagebundle_en_GB.properties +13 -1
- package/dist/i18n/messagebundle_en_US_sappsd.properties +18 -1
- package/dist/i18n/messagebundle_en_US_saprigi.properties +18 -1
- package/dist/i18n/messagebundle_en_US_saptrc.properties +18 -1
- package/dist/i18n/messagebundle_es.properties +13 -1
- package/dist/i18n/messagebundle_es_MX.properties +13 -1
- package/dist/i18n/messagebundle_et.properties +13 -1
- package/dist/i18n/messagebundle_fi.properties +14 -2
- package/dist/i18n/messagebundle_fr.properties +13 -1
- package/dist/i18n/messagebundle_fr_CA.properties +13 -1
- package/dist/i18n/messagebundle_hi.properties +13 -1
- package/dist/i18n/messagebundle_hr.properties +13 -1
- package/dist/i18n/messagebundle_hu.properties +13 -1
- package/dist/i18n/messagebundle_id.properties +13 -1
- package/dist/i18n/messagebundle_it.properties +13 -1
- package/dist/i18n/messagebundle_iw.properties +13 -1
- package/dist/i18n/messagebundle_ja.properties +13 -1
- package/dist/i18n/messagebundle_kk.properties +13 -1
- package/dist/i18n/messagebundle_ko.properties +13 -1
- package/dist/i18n/messagebundle_lt.properties +13 -1
- package/dist/i18n/messagebundle_lv.properties +13 -1
- package/dist/i18n/messagebundle_ms.properties +13 -1
- package/dist/i18n/messagebundle_nl.properties +13 -1
- package/dist/i18n/messagebundle_no.properties +13 -1
- package/dist/i18n/messagebundle_pl.properties +13 -1
- package/dist/i18n/messagebundle_pt.properties +13 -1
- package/dist/i18n/messagebundle_pt_PT.properties +13 -1
- package/dist/i18n/messagebundle_ro.properties +13 -1
- package/dist/i18n/messagebundle_ru.properties +13 -1
- package/dist/i18n/messagebundle_sh.properties +13 -1
- package/dist/i18n/messagebundle_sk.properties +13 -1
- package/dist/i18n/messagebundle_sl.properties +13 -1
- package/dist/i18n/messagebundle_sv.properties +13 -1
- package/dist/i18n/messagebundle_th.properties +12 -0
- package/dist/i18n/messagebundle_tr.properties +13 -1
- package/dist/i18n/messagebundle_uk.properties +13 -1
- package/dist/i18n/messagebundle_vi.properties +13 -1
- package/dist/i18n/messagebundle_zh_CN.properties +13 -1
- package/dist/i18n/messagebundle_zh_TW.properties +12 -0
- package/dist/types/HasPopup.js +62 -0
- package/dist/types/TabsOverflowMode.js +40 -0
- package/package.json +9 -9
- package/src/Breadcrumbs.hbs +3 -2
- package/src/Breadcrumbs.js +8 -6
- package/src/BreadcrumbsItem.js +1 -1
- package/src/BreadcrumbsPopover.hbs +2 -2
- package/src/BusyIndicator.hbs +1 -1
- package/src/BusyIndicator.js +2 -3
- package/src/Button.hbs +1 -1
- package/src/Button.js +28 -1
- package/src/Calendar.js +7 -0
- package/src/CardHeader.hbs +12 -5
- package/src/Carousel.hbs +1 -0
- package/src/Carousel.js +9 -0
- package/src/CheckBox.hbs +1 -0
- package/src/CheckBox.js +34 -1
- package/src/ColorPalette.js +5 -4
- package/src/ColorPalettePopover.hbs +7 -5
- package/src/ColorPalettePopover.js +27 -2
- package/src/ComboBox.hbs +1 -0
- package/src/ComboBox.js +91 -23
- package/src/ComboBoxPopover.hbs +1 -0
- package/src/DateComponentBase.js +6 -8
- package/src/DatePicker.js +10 -2
- package/src/DateRangePicker.js +22 -0
- package/src/Dialog.hbs +1 -1
- package/src/Dialog.js +5 -22
- package/src/Icon.js +11 -8
- package/src/Input.hbs +1 -1
- package/src/Input.js +107 -15
- package/src/InputPopover.hbs +2 -3
- package/src/Link.hbs +2 -1
- package/src/Link.js +32 -14
- package/src/List.js +14 -4
- package/src/ListItem.hbs +1 -0
- package/src/MessageStrip.hbs +1 -1
- package/src/MessageStrip.js +39 -2
- package/src/MultiComboBox.js +7 -3
- package/src/MultiComboBoxItem.js +1 -1
- package/src/MultiComboBoxPopover.hbs +1 -1
- package/src/MultiInput.js +55 -8
- package/src/Option.js +12 -1
- package/src/Panel.hbs +1 -1
- package/src/Panel.js +9 -0
- package/src/Popover.js +106 -57
- package/src/Popup.js +16 -2
- package/src/PopupBlockLayer.hbs +1 -1
- package/src/RadioButton.js +15 -3
- package/src/RatingIndicator.js +37 -7
- package/src/ResponsivePopover.hbs +2 -0
- package/src/ResponsivePopover.js +1 -0
- package/src/SegmentedButton.hbs +1 -0
- package/src/SegmentedButton.js +14 -1
- package/src/Select.js +2 -1
- package/src/SelectPopover.hbs +2 -1
- package/src/SliderBase.hbs +1 -1
- package/src/SliderBase.js +4 -0
- package/src/SplitButton.hbs +53 -0
- package/src/SplitButton.js +425 -0
- package/src/Switch.hbs +1 -0
- package/src/Switch.js +18 -0
- package/src/Tab.js +10 -6
- package/src/TabContainer.hbs +48 -58
- package/src/TabContainer.js +480 -108
- package/src/TabContainerPopover.hbs +9 -6
- package/src/TabInOverflow.hbs +0 -1
- package/src/TabInStrip.hbs +3 -8
- package/src/TabSeparator.js +42 -3
- package/src/TabSeparatorInOverflow.hbs +8 -0
- package/src/TabSeparatorInStrip.hbs +6 -0
- package/src/Table.hbs +1 -1
- package/src/Table.js +15 -5
- package/src/TextArea.js +9 -3
- package/src/TextAreaPopover.hbs +1 -1
- package/src/ToggleButton.js +5 -0
- package/src/Tokenizer.js +134 -7
- package/src/Tree.hbs +1 -0
- package/src/TreeItem.js +21 -0
- package/src/TreeListItem.js +8 -0
- package/src/features/InputSuggestions.js +88 -15
- package/src/i18n/messagebundle.properties +26 -1
- package/src/i18n/messagebundle_ar.properties +13 -1
- package/src/i18n/messagebundle_bg.properties +13 -1
- package/src/i18n/messagebundle_ca.properties +13 -1
- package/src/i18n/messagebundle_cs.properties +13 -1
- package/src/i18n/messagebundle_cy.properties +13 -1
- package/src/i18n/messagebundle_da.properties +13 -1
- package/src/i18n/messagebundle_de.properties +13 -1
- package/src/i18n/messagebundle_el.properties +13 -1
- package/src/i18n/messagebundle_en.properties +13 -1
- package/src/i18n/messagebundle_en_GB.properties +13 -1
- package/src/i18n/messagebundle_en_US_sappsd.properties +18 -1
- package/src/i18n/messagebundle_en_US_saprigi.properties +18 -1
- package/src/i18n/messagebundle_en_US_saptrc.properties +18 -1
- package/src/i18n/messagebundle_es.properties +13 -1
- package/src/i18n/messagebundle_es_MX.properties +13 -1
- package/src/i18n/messagebundle_et.properties +13 -1
- package/src/i18n/messagebundle_fi.properties +14 -2
- package/src/i18n/messagebundle_fr.properties +13 -1
- package/src/i18n/messagebundle_fr_CA.properties +13 -1
- package/src/i18n/messagebundle_hi.properties +13 -1
- package/src/i18n/messagebundle_hr.properties +13 -1
- package/src/i18n/messagebundle_hu.properties +13 -1
- package/src/i18n/messagebundle_id.properties +13 -1
- package/src/i18n/messagebundle_it.properties +13 -1
- package/src/i18n/messagebundle_iw.properties +13 -1
- package/src/i18n/messagebundle_ja.properties +13 -1
- package/src/i18n/messagebundle_kk.properties +13 -1
- package/src/i18n/messagebundle_ko.properties +13 -1
- package/src/i18n/messagebundle_lt.properties +13 -1
- package/src/i18n/messagebundle_lv.properties +13 -1
- package/src/i18n/messagebundle_ms.properties +13 -1
- package/src/i18n/messagebundle_nl.properties +13 -1
- package/src/i18n/messagebundle_no.properties +13 -1
- package/src/i18n/messagebundle_pl.properties +13 -1
- package/src/i18n/messagebundle_pt.properties +13 -1
- package/src/i18n/messagebundle_pt_PT.properties +13 -1
- package/src/i18n/messagebundle_ro.properties +13 -1
- package/src/i18n/messagebundle_ru.properties +13 -1
- package/src/i18n/messagebundle_sh.properties +13 -1
- package/src/i18n/messagebundle_sk.properties +13 -1
- package/src/i18n/messagebundle_sl.properties +13 -1
- package/src/i18n/messagebundle_sv.properties +13 -1
- package/src/i18n/messagebundle_th.properties +12 -0
- package/src/i18n/messagebundle_tr.properties +13 -1
- package/src/i18n/messagebundle_uk.properties +13 -1
- package/src/i18n/messagebundle_vi.properties +13 -1
- package/src/i18n/messagebundle_zh_CN.properties +13 -1
- package/src/i18n/messagebundle_zh_TW.properties +12 -0
- package/src/themes/Badge.css +3 -1
- package/src/themes/Breadcrumbs.css +100 -99
- package/src/themes/BrowserScrollbar.css +2 -0
- package/src/themes/BusyIndicator.css +3 -3
- package/src/themes/CardHeader.css +7 -3
- package/src/themes/CheckBox.css +15 -7
- package/src/themes/CustomListItem.css +2 -1
- package/src/themes/Dialog.css +1 -0
- package/src/themes/Input.css +14 -0
- package/src/themes/List.css +1 -0
- package/src/themes/Panel.css +4 -0
- package/src/themes/Popover.css +4 -0
- package/src/themes/PopupsCommon.css +0 -1
- package/src/themes/RadioButton.css +4 -3
- package/src/themes/RatingIndicator.css +0 -1
- package/src/themes/SliderBase.css +3 -2
- package/src/themes/SplitButton.css +98 -0
- package/src/themes/TabContainer.css +17 -53
- package/src/themes/TabInOverflow.css +25 -21
- package/src/themes/TabInStrip.css +124 -100
- package/src/themes/TabSeparatorInOverflow.css +8 -0
- package/src/themes/TabSeparatorInStrip.css +5 -0
- package/src/themes/Table.css +1 -1
- package/src/themes/TableColumn.css +0 -1
- package/src/themes/TextArea.css +9 -1
- package/src/themes/TimeSelection.css +4 -0
- package/src/themes/Token.css +2 -1
- package/src/themes/Tokenizer.css +1 -1
- package/src/themes/ValueStateMessage.css +3 -3
- package/src/themes/base/BrowserScrollbar-parameters.css +4 -0
- package/src/themes/base/Card-parameters.css +1 -1
- package/src/themes/base/Input-parameters.css +5 -0
- package/src/themes/base/TabContainer-parameters.css +1 -1
- package/src/themes/base/TextArea-parameters.css +1 -0
- package/src/themes/base/Title-parameters.css +6 -6
- package/src/themes/base/Token-parameters.css +1 -0
- package/src/themes/base/sizes-parameters.css +2 -2
- package/src/themes/sap_belize/BrowserScrollbar-parameters.css +4 -0
- package/src/themes/sap_belize/Table-parameters.css +3 -0
- package/src/themes/sap_belize/parameters-bundle.css +1 -0
- package/src/themes/sap_belize_hcb/BrowserScrollbar-parameters.css +4 -0
- package/src/themes/sap_belize_hcb/Input-parameters.css +1 -0
- package/src/themes/sap_belize_hcb/Table-parameters.css +1 -0
- package/src/themes/sap_belize_hcb/Token-parameters.css +1 -0
- package/src/themes/sap_belize_hcb/parameters-bundle.css +1 -0
- package/src/themes/sap_belize_hcw/BrowserScrollbar-parameters.css +4 -0
- package/src/themes/sap_belize_hcw/Input-parameters.css +1 -0
- package/src/themes/sap_belize_hcw/Table-parameters.css +1 -0
- package/src/themes/sap_belize_hcw/Token-parameters.css +1 -0
- package/src/themes/sap_belize_hcw/parameters-bundle.css +1 -0
- package/src/themes/sap_fiori_3/TabContainer-parameters.css +1 -1
- package/src/themes/sap_fiori_3/parameters-bundle.css +1 -0
- package/src/themes/sap_fiori_3_dark/parameters-bundle.css +1 -0
- package/src/themes/sap_fiori_3_hcb/Input-parameters.css +7 -0
- package/src/themes/sap_fiori_3_hcb/TextArea-parameters.css +2 -0
- package/src/themes/sap_fiori_3_hcb/Token-parameters.css +2 -1
- package/src/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -0
- package/src/themes/sap_fiori_3_hcw/Input-parameters.css +7 -0
- package/src/themes/sap_fiori_3_hcw/TextArea-parameters.css +2 -0
- package/src/themes/sap_fiori_3_hcw/Token-parameters.css +2 -1
- package/src/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -0
- package/src/themes/sap_horizon/Card-parameters.css +0 -1
- package/src/themes/sap_horizon/Table-parameters.css +1 -0
- package/src/themes/sap_horizon/parameters-bundle.css +1 -0
- package/src/themes/sap_horizon_exp/parameters-bundle.css +1 -0
- package/src/types/HasPopup.js +62 -0
- package/src/types/TabsOverflowMode.js +40 -0
- package/csp.js +0 -7
- package/dist/generated/templates/TabSeparatorTemplate.lit.js +0 -7
- package/src/TabSeparator.hbs +0 -1
|
@@ -1,37 +1,56 @@
|
|
|
1
1
|
.ui5-tab-strip-item {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
height: var(--_ui5_tc_header_height);
|
|
3
|
+
color: var(--_ui5_tc_headerItem_color);
|
|
4
|
+
cursor: pointer;
|
|
5
|
+
padding: var(--_ui5_tc_headeritem_padding);
|
|
6
|
+
font-size: var(--sapFontSmallSize);
|
|
7
7
|
font-weight: var(--_ui5_tc_headeritem_text_font_weight);
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
text-shadow: var(--sapContent_TextShadow);
|
|
9
|
+
position: relative;
|
|
10
|
+
display: flex;
|
|
11
|
+
align-items: center;
|
|
12
12
|
justify-content: center;
|
|
13
|
+
flex-shrink: 0;
|
|
13
14
|
min-width: 2rem;
|
|
14
|
-
|
|
15
|
+
max-width: 100%;
|
|
16
|
+
box-sizing: border-box;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.ui5-tab-strip-itemText {
|
|
20
|
+
white-space: nowrap;
|
|
21
|
+
overflow: hidden;
|
|
22
|
+
text-overflow: ellipsis;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.ui5-tc__separator[hidden],
|
|
26
|
+
.ui5-tab-strip-item[hidden],
|
|
27
|
+
.ui5-tab-strip-item--textOnly[hidden],
|
|
28
|
+
.ui5-tab-strip-item.ui5-tab-strip-item--textOnly.ui5-tab-strip-item--inline[hidden] {
|
|
29
|
+
display: none;
|
|
15
30
|
}
|
|
16
31
|
|
|
17
32
|
.ui5-tab-strip-itemContent {
|
|
33
|
+
display: flex;
|
|
34
|
+
min-width: 0;
|
|
35
|
+
justify-content: center;
|
|
36
|
+
flex-direction: column;
|
|
18
37
|
padding: var(--_ui5_tc_headerItemContent_padding);
|
|
19
38
|
border: var(--_ui5_tc_headerItemContent_default_focus_border);
|
|
20
39
|
border-radius: var(--_ui5_tc_headerItemContent_focus_border_radius);
|
|
21
|
-
|
|
40
|
+
pointer-events: none;
|
|
22
41
|
transition: var(--_ui5_tc_headerItem_transition);
|
|
23
42
|
}
|
|
24
43
|
|
|
25
44
|
.ui5-tab-strip-item--selected.ui5-tab-strip-item--textOnly {
|
|
26
|
-
|
|
45
|
+
color: var(--_ui5_tc_headeritem_text_selected_color);
|
|
27
46
|
}
|
|
28
47
|
|
|
29
48
|
.ui5-tab-strip-item:hover:not(.ui5-tab-strip-item--selected).ui5-tab-strip-item--textOnly {
|
|
30
|
-
|
|
49
|
+
color: var(--_ui5_tc_headerItem_text_hover_color);
|
|
31
50
|
}
|
|
32
51
|
|
|
33
52
|
.ui5-tab-strip-item:hover.ui5-tab-strip-item--selected.ui5-tab-strip-item--textOnly {
|
|
34
|
-
|
|
53
|
+
color: var(--_ui5_tc_headeritem_text_selected_hover_color);
|
|
35
54
|
}
|
|
36
55
|
|
|
37
56
|
/* the outline when hover or selected */
|
|
@@ -42,14 +61,14 @@
|
|
|
42
61
|
.ui5-tab-strip-item--selected.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemContent::after,
|
|
43
62
|
.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer::after {
|
|
44
63
|
content: "";
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
64
|
+
position: absolute;
|
|
65
|
+
bottom: 1px;
|
|
66
|
+
left: 0;
|
|
67
|
+
right: 0;
|
|
49
68
|
border-bottom: var(--_ui5_tc_headerItemContent_border_bottom);
|
|
50
69
|
border-radius: var(--_ui5_tc_headerItemContent_border_radius);
|
|
51
70
|
background-color: var(--_ui5_tc_headerItemContent_border_bg);
|
|
52
|
-
|
|
71
|
+
height: var(--_ui5_tc_headerItemContent_border_height);
|
|
53
72
|
}
|
|
54
73
|
|
|
55
74
|
/* the outline when hover and not selected */
|
|
@@ -73,8 +92,8 @@
|
|
|
73
92
|
.ui5-tab-strip-item-icon-outer:hover .ui5-tab-strip-itemContent::after,
|
|
74
93
|
.ui5-tab-strip-item--selected.ui5-tab-strip-item--textOnly .ui5-tab-strip-itemContent::after,
|
|
75
94
|
.ui5-tab-strip-item--selected.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemContent::after {
|
|
76
|
-
|
|
77
|
-
|
|
95
|
+
left: var(--_ui5_tc_headerItemContent_offset);
|
|
96
|
+
right: var(--_ui5_tc_headerItemContent_offset);
|
|
78
97
|
}
|
|
79
98
|
|
|
80
99
|
/* the outline offset when focused */
|
|
@@ -83,27 +102,27 @@
|
|
|
83
102
|
.ui5-tab-strip-item-icon-outer:focus .ui5-tab-strip-itemContent::after,
|
|
84
103
|
.ui5-tab-strip-item--selected.ui5-tab-strip-item--textOnly:focus .ui5-tab-strip-itemContent::after,
|
|
85
104
|
.ui5-tab-strip-item--selected.ui5-tab-strip-item--mixedMode:focus .ui5-tab-strip-itemContent::after {
|
|
86
|
-
|
|
87
|
-
|
|
105
|
+
left: var(--_ui5_tc_headerItemContent_focus_offset);
|
|
106
|
+
right: var(--_ui5_tc_headerItemContent_focus_offset);
|
|
88
107
|
}
|
|
89
108
|
|
|
90
109
|
.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer::after {
|
|
91
|
-
|
|
110
|
+
bottom: -0.875rem;
|
|
92
111
|
}
|
|
93
112
|
|
|
94
113
|
.ui5-tab-strip-item--disabled {
|
|
95
|
-
|
|
96
|
-
|
|
114
|
+
cursor: default;
|
|
115
|
+
opacity: 0.5;
|
|
97
116
|
}
|
|
98
117
|
|
|
99
118
|
.ui5-tab-strip-item:focus {
|
|
100
|
-
|
|
119
|
+
outline: none;
|
|
101
120
|
}
|
|
102
121
|
|
|
103
122
|
.ui5-tab-strip-item--textOnly:not(.ui5-tab-strip-item--inline):focus .ui5-tab-strip-itemText,
|
|
104
123
|
.ui5-tab-strip-item--mixedMode:focus .ui5-tab-strip-itemContent,
|
|
105
124
|
.ui5-tab-strip-item--inline.ui5-tab-strip-item--textOnly:focus .ui5-tab-strip-itemContent {
|
|
106
|
-
|
|
125
|
+
outline: var(--_ui5_tc_headerItem_focus_border);
|
|
107
126
|
border-radius: var(--_ui5_tc_headerItem_focus_border_radius);
|
|
108
127
|
outline-offset: var(--_ui5_tc_headerItem_focus_offset);
|
|
109
128
|
}
|
|
@@ -130,68 +149,68 @@
|
|
|
130
149
|
}
|
|
131
150
|
|
|
132
151
|
.ui5-tab-strip-item-semanticIcon::before {
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
152
|
+
display: var(--_ui5_tc_headerItemSemanticIcon_display);
|
|
153
|
+
font-family: "SAP-icons";
|
|
154
|
+
font-size: 0.75rem;
|
|
155
|
+
margin-right: 0.25rem;
|
|
156
|
+
speak: none;
|
|
157
|
+
-webkit-font-smoothing: antialiased;
|
|
139
158
|
}
|
|
140
159
|
|
|
141
160
|
.ui5-tab-strip-item-semanticIcon--positive::before {
|
|
142
|
-
|
|
161
|
+
content: "\e1ab";
|
|
143
162
|
}
|
|
144
163
|
|
|
145
164
|
.ui5-tab-strip-item-semanticIcon--negative::before {
|
|
146
|
-
|
|
165
|
+
content: "\e1ac";
|
|
147
166
|
}
|
|
148
167
|
|
|
149
168
|
.ui5-tab-strip-item-semanticIcon--critical::before {
|
|
150
|
-
|
|
169
|
+
content: "\e1ae";
|
|
151
170
|
}
|
|
152
171
|
|
|
153
172
|
/*** Icon and text Tab styles ***/
|
|
154
173
|
|
|
155
174
|
.ui5-tab-strip-item-icon-outer {
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
175
|
+
display: flex;
|
|
176
|
+
justify-content: center;
|
|
177
|
+
align-items: center;
|
|
178
|
+
position: relative;
|
|
179
|
+
border: var(--_ui5_tc_headerItemIcon_border);
|
|
180
|
+
border-radius: 50%;
|
|
181
|
+
margin-right: 0.25rem;
|
|
182
|
+
height: var(--_ui5_tc_item_icon_circle_size);
|
|
183
|
+
width: var(--_ui5_tc_item_icon_circle_size);
|
|
184
|
+
pointer-events: none;
|
|
166
185
|
}
|
|
167
186
|
|
|
168
187
|
.ui5-tab-strip-item-icon {
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
188
|
+
width: var(--_ui5_tc_item_icon_size);
|
|
189
|
+
height: var(--_ui5_tc_item_icon_size);
|
|
190
|
+
color: var(--_ui5_tc_headerItemIcon_color);
|
|
191
|
+
text-shadow: var(--sapContent_TextShadow);
|
|
192
|
+
pointer-events: none;
|
|
174
193
|
}
|
|
175
194
|
|
|
176
195
|
.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer {
|
|
177
|
-
|
|
196
|
+
background-color: var(--_ui5_tc_headerItemIcon_selected_background);
|
|
178
197
|
}
|
|
179
198
|
|
|
180
199
|
.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon {
|
|
181
|
-
|
|
182
|
-
|
|
200
|
+
color: var(--_ui5_tc_headerItemIcon_selected_color);
|
|
201
|
+
text-shadow: none;
|
|
183
202
|
}
|
|
184
203
|
|
|
185
204
|
.ui5-tab-strip-itemAdditionalText + .ui5-tab-strip-itemText {
|
|
186
|
-
|
|
205
|
+
display: block;
|
|
187
206
|
}
|
|
188
207
|
|
|
189
208
|
.ui5-tab-strip-item--inline .ui5-tab-strip-itemAdditionalText + .ui5-tab-strip-itemText {
|
|
190
|
-
|
|
209
|
+
display: inline;
|
|
191
210
|
}
|
|
192
211
|
|
|
193
212
|
.ui5-tab-strip-item--withIcon .ui5-tab-strip-itemAdditionalText + .ui5-tab-strip-itemText {
|
|
194
|
-
|
|
213
|
+
margin-top: var(--_ui5_tc_item_add_text_margin_top);
|
|
195
214
|
}
|
|
196
215
|
|
|
197
216
|
/*** END Icon and text Tab styles ***/
|
|
@@ -199,11 +218,11 @@
|
|
|
199
218
|
/*** TextOnly Tab styles ***/
|
|
200
219
|
.ui5-tab-strip-item--textOnly,
|
|
201
220
|
.ui5-tab-strip-item.ui5-tab-strip-item--textOnly.ui5-tab-strip-item--inline {
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
221
|
+
font-size: var(--sapFontSize);
|
|
222
|
+
height: var(--_ui5_tc_item_text_only_height);
|
|
223
|
+
display: flex;
|
|
224
|
+
align-items: center;
|
|
225
|
+
line-height: var(--_ui5_tc_item_text_line_height);
|
|
207
226
|
}
|
|
208
227
|
|
|
209
228
|
.ui5-tab-strip-item--textOnly:not(.ui5-tab-strip-item--withAddionalText) .ui5-tab-strip-itemText {
|
|
@@ -220,113 +239,118 @@
|
|
|
220
239
|
/*** Mixed Mode Tab styles ***/
|
|
221
240
|
.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemText,
|
|
222
241
|
.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemAdditionalText {
|
|
223
|
-
|
|
224
|
-
|
|
242
|
+
display: inline-block;
|
|
243
|
+
vertical-align: middle;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemContent {
|
|
247
|
+
flex-direction: row;
|
|
248
|
+
align-items: center;
|
|
225
249
|
}
|
|
226
250
|
|
|
227
251
|
.ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemAdditionalText {
|
|
228
|
-
|
|
229
|
-
|
|
252
|
+
font-size: 1.5rem;
|
|
253
|
+
margin-right: 0.5rem;
|
|
230
254
|
}
|
|
231
255
|
|
|
232
256
|
/*** Semantic states ***/
|
|
233
257
|
.ui5-tab-strip-item--positive.ui5-tab-strip-item--textOnly,
|
|
234
258
|
.ui5-tab-strip-item--positive .ui5-tab-strip-item-icon-outer,
|
|
235
259
|
.ui5-tab-strip-item-semanticIcon--positive::before {
|
|
236
|
-
|
|
237
|
-
|
|
260
|
+
color: var(--sapPositiveColor);
|
|
261
|
+
border-color: var(--_ui5_tc_headerItem_positive_selected_border_color);
|
|
238
262
|
}
|
|
239
263
|
|
|
240
264
|
.ui5-tab-strip-item--positive .ui5-tab-strip-item-icon {
|
|
241
|
-
|
|
265
|
+
color: var(--_ui5_tc_headerItem_positive_color);
|
|
242
266
|
}
|
|
243
267
|
|
|
244
268
|
.ui5-tab-strip-item--positive.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer {
|
|
245
|
-
|
|
246
|
-
|
|
269
|
+
background-color: var(--_ui5_tc_headerItemIcon_positive_selected_background);
|
|
270
|
+
color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
|
|
247
271
|
}
|
|
248
272
|
|
|
249
273
|
.ui5-tab-strip-item--positive.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon {
|
|
250
|
-
|
|
274
|
+
color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
|
|
251
275
|
}
|
|
252
276
|
|
|
253
277
|
.ui5-tab-strip-item.ui5-tab-strip-item--positive .ui5-tab-strip-itemContent::after,
|
|
254
278
|
.ui5-tab-strip-item--positive .ui5-tab-strip-item-icon-outer::after {
|
|
255
|
-
|
|
279
|
+
border-color: var(--_ui5_tc_headerItem_positive_border_color);
|
|
256
280
|
background-color: var(--_ui5_tc_headerItem_positive_border_bg);
|
|
257
281
|
}
|
|
258
282
|
|
|
259
283
|
.ui5-tab-strip-item--negative.ui5-tab-strip-item--textOnly,
|
|
260
284
|
.ui5-tab-strip-item--negative .ui5-tab-strip-item-icon-outer,
|
|
261
285
|
.ui5-tab-strip-item-semanticIcon--negative::before {
|
|
262
|
-
|
|
263
|
-
|
|
286
|
+
color: var(--sapNegativeColor);
|
|
287
|
+
border-color: var(--_ui5_tc_headerItem_negative_selected_border_color);
|
|
264
288
|
}
|
|
265
289
|
|
|
266
290
|
.ui5-tab-strip-item--negative .ui5-tab-strip-item-icon {
|
|
267
|
-
|
|
291
|
+
color: var(--_ui5_tc_headerItem_negative_color);
|
|
268
292
|
}
|
|
269
293
|
|
|
270
294
|
.ui5-tab-strip-item--negative.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer {
|
|
271
|
-
|
|
295
|
+
background-color: var(--_ui5_tc_headerItemIcon_negative_selected_background);
|
|
272
296
|
}
|
|
273
297
|
|
|
274
298
|
.ui5-tab-strip-item--negative.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon {
|
|
275
|
-
|
|
299
|
+
color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
|
|
276
300
|
}
|
|
277
301
|
|
|
278
302
|
.ui5-tab-strip-item.ui5-tab-strip-item--negative .ui5-tab-strip-itemContent::after,
|
|
279
303
|
.ui5-tab-strip-item--negative .ui5-tab-strip-item-icon-outer::after {
|
|
280
|
-
|
|
281
|
-
|
|
304
|
+
border-color: var(--_ui5_tc_headerItem_negative_border_color);
|
|
305
|
+
background-color: var(--_ui5_tc_headerItem_negative_border_bg);
|
|
282
306
|
}
|
|
283
307
|
|
|
284
308
|
.ui5-tab-strip-item--critical.ui5-tab-strip-item--textOnly,
|
|
285
309
|
.ui5-tab-strip-item--critical .ui5-tab-strip-item-icon-outer,
|
|
286
310
|
.ui5-tab-strip-item-semanticIcon--critical::before {
|
|
287
|
-
|
|
288
|
-
|
|
311
|
+
color: var(--sapCriticalColor);
|
|
312
|
+
border-color: var(--_ui5_tc_headerItem_critical_selected_border_color);
|
|
289
313
|
}
|
|
290
314
|
|
|
291
315
|
.ui5-tab-strip-item--critical .ui5-tab-strip-item-icon {
|
|
292
|
-
|
|
316
|
+
color: var(--_ui5_tc_headerItem_critical_color);
|
|
293
317
|
}
|
|
294
318
|
|
|
295
319
|
.ui5-tab-strip-item--critical.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer {
|
|
296
|
-
|
|
320
|
+
background-color: var(--_ui5_tc_headerItemIcon_critical_selected_background);
|
|
297
321
|
}
|
|
298
322
|
|
|
299
323
|
.ui5-tab-strip-item--critical.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon {
|
|
300
|
-
|
|
324
|
+
color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
|
|
301
325
|
}
|
|
302
326
|
|
|
303
327
|
.ui5-tab-strip-item.ui5-tab-strip-item--critical .ui5-tab-strip-itemContent::after,
|
|
304
328
|
.ui5-tab-strip-item--critical .ui5-tab-strip-item-icon-outer::after {
|
|
305
|
-
|
|
329
|
+
border-color: var(--_ui5_tc_headerItem_critical_border_color);
|
|
306
330
|
background-color: var(--_ui5_tc_headerItem_critical_border_bg);
|
|
307
331
|
}
|
|
308
332
|
|
|
309
333
|
.ui5-tab-strip-item--nutral.ui5-tab-strip-item--textOnly,
|
|
310
334
|
.ui5-tab-strip-item--neutral .ui5-tab-strip-item-icon-outer {
|
|
311
|
-
|
|
312
|
-
|
|
335
|
+
color: var(--sapNeutralColor);
|
|
336
|
+
border-color: var(--_ui5_tc_headerItem_neutral_selected_border_color);
|
|
313
337
|
}
|
|
314
338
|
|
|
315
339
|
.ui5-tab-strip-item--neutral .ui5-tab-strip-item-icon {
|
|
316
|
-
|
|
340
|
+
color: var(--_ui5_tc_headerItem_neutral_color);
|
|
317
341
|
}
|
|
318
342
|
|
|
319
343
|
.ui5-tab-strip-item--neutral.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon-outer {
|
|
320
|
-
|
|
344
|
+
background-color: var(--_ui5_tc_headerItemIcon_neutral_selected_background);
|
|
321
345
|
}
|
|
322
346
|
|
|
323
347
|
.ui5-tab-strip-item--neutral.ui5-tab-strip-item--selected .ui5-tab-strip-item-icon {
|
|
324
|
-
|
|
348
|
+
color: var(--_ui5_tc_headerItemIcon_semantic_selected_color);
|
|
325
349
|
}
|
|
326
350
|
|
|
327
351
|
.ui5-tab-strip-item.ui5-tab-strip-item--neutral .ui5-tab-strip-itemContent::after,
|
|
328
352
|
.ui5-tab-strip-item--neutral .ui5-tab-strip-item-icon::after {
|
|
329
|
-
|
|
353
|
+
border-color: var(--_ui5_tc_headerItem_neutral_border_color);
|
|
330
354
|
background-color: var(--_ui5_tc_headerItem_neutral_border_bg);
|
|
331
355
|
}
|
|
332
356
|
.ui5-tab-strip-item .ui5-tab-strip-itemAdditionalText {
|
|
@@ -335,16 +359,16 @@
|
|
|
335
359
|
/*** RTL ***/
|
|
336
360
|
|
|
337
361
|
[dir=rtl] .ui5-tab-strip-item-semanticIcon::before {
|
|
338
|
-
|
|
339
|
-
|
|
362
|
+
margin-left: 0.25rem;
|
|
363
|
+
margin-right: 0;
|
|
340
364
|
}
|
|
341
365
|
|
|
342
366
|
[dir=rtl] .ui5-tab-strip-item-icon-outer {
|
|
343
|
-
|
|
344
|
-
|
|
367
|
+
margin-left: 0.25rem;
|
|
368
|
+
margin-right: 0;
|
|
345
369
|
}
|
|
346
370
|
|
|
347
371
|
[dir=rtl] .ui5-tab-strip-item--mixedMode .ui5-tab-strip-itemAdditionalText {
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
}
|
|
372
|
+
margin-right: 0;
|
|
373
|
+
margin-left: 0.5rem;
|
|
374
|
+
}
|
package/src/themes/Table.css
CHANGED
|
@@ -18,7 +18,7 @@ table {
|
|
|
18
18
|
|
|
19
19
|
.ui5-table-header-row {
|
|
20
20
|
color: var(--sapTextColor);
|
|
21
|
-
height:
|
|
21
|
+
height: var(--ui5_table_header_row_height);
|
|
22
22
|
font-family: "72override", var(--sapFontFamily);
|
|
23
23
|
font-size: var(--sapFontSize);
|
|
24
24
|
font-weight: var(--ui5_table_header_row_font_weight);
|
package/src/themes/TextArea.css
CHANGED
|
@@ -133,25 +133,29 @@
|
|
|
133
133
|
|
|
134
134
|
.ui5-textarea-inner::-webkit-input-placeholder {
|
|
135
135
|
/* Chrome/Opera/Safari */
|
|
136
|
+
font-weight: normal;
|
|
136
137
|
font-style: var(--_ui5_textarea_placeholder_font_style);
|
|
137
138
|
color: var(--sapField_PlaceholderTextColor);
|
|
138
139
|
}
|
|
139
140
|
|
|
140
141
|
.ui5-textarea-inner::-moz-placeholder {
|
|
141
142
|
/* Firefox 19+ */
|
|
143
|
+
font-weight: normal;
|
|
142
144
|
font-style: var(--_ui5_textarea_placeholder_font_style);
|
|
143
145
|
color: var(--sapField_PlaceholderTextColor);
|
|
144
146
|
}
|
|
145
147
|
|
|
146
148
|
.ui5-textarea-inner:-ms-input-placeholder {
|
|
147
149
|
/* IE 10+ */
|
|
150
|
+
font-weight: normal;
|
|
148
151
|
font-style: var(--_ui5_textarea_placeholder_font_style);
|
|
149
152
|
color: var(--sapField_PlaceholderTextColor);
|
|
150
153
|
}
|
|
151
154
|
|
|
152
155
|
.ui5-textarea-inner:-moz-placeholder {
|
|
153
156
|
/* Firefox 18- */
|
|
154
|
-
font-
|
|
157
|
+
font-weight: normal;
|
|
158
|
+
font-style: var(--_ui5_textarea_placeholder_font_style);
|
|
155
159
|
color: var(--sapField_PlaceholderTextColor);
|
|
156
160
|
}
|
|
157
161
|
|
|
@@ -173,6 +177,10 @@
|
|
|
173
177
|
font-style: var(--_ui5_input_error_warning_font_style);
|
|
174
178
|
}
|
|
175
179
|
|
|
180
|
+
:host([value-state="Warning"]) .ui5-textarea-inner {
|
|
181
|
+
font-weight: var(--_ui5_input_warning_font_weight);
|
|
182
|
+
}
|
|
183
|
+
|
|
176
184
|
:host([value-state="Warning"]:not([readonly])) .ui5-textarea-inner,
|
|
177
185
|
:host([exceeding]) .ui5-textarea-inner {
|
|
178
186
|
background-image: var(--_ui5_textarea_warning_background_image);
|
package/src/themes/Token.css
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
:host([overflows]) {
|
|
16
|
-
|
|
16
|
+
display: none;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
:host(:not([readonly]):hover) {
|
|
@@ -36,6 +36,7 @@
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
:host([readonly]) {
|
|
39
|
+
background: var(--_ui5_token_readonly_background);
|
|
39
40
|
color: var(--sapContent_ForegroundTextColor);
|
|
40
41
|
}
|
|
41
42
|
|
package/src/themes/Tokenizer.css
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
left: 0.5rem;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
ui5-responsive-popover .ui5-valuestatemessage-header .ui5-input-value-state-message-icon {
|
|
17
|
+
[ui5-responsive-popover] .ui5-valuestatemessage-header .ui5-input-value-state-message-icon {
|
|
18
18
|
left: 1rem;
|
|
19
19
|
}
|
|
20
20
|
|
|
@@ -48,7 +48,7 @@ ui5-responsive-popover .ui5-valuestatemessage-header .ui5-input-value-state-mess
|
|
|
48
48
|
border: var(--_ui5_value_state_message_border);
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
ui5-responsive-popover .ui5-valuestatemessage-header {
|
|
51
|
+
[ui5-responsive-popover] .ui5-valuestatemessage-header {
|
|
52
52
|
min-height: 2rem;
|
|
53
53
|
padding: var(--_ui5_value_state_header_padding);
|
|
54
54
|
}
|
|
@@ -73,4 +73,4 @@ ui5-responsive-popover .ui5-valuestatemessage-header {
|
|
|
73
73
|
outline-offset: -0.125rem;
|
|
74
74
|
outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
|
|
75
75
|
border-radius: var(--_ui5_value_state_message_focus_border_radius);
|
|
76
|
-
}
|
|
76
|
+
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
--_ui5_card_box_shadow: var(--sapContent_Shadow0);
|
|
3
3
|
--_ui5_card_hover_box_shadow: var(--_ui5_card_box_shadow);
|
|
4
4
|
--_ui5_card_border_color: var(--sapTile_BorderColor);
|
|
5
|
-
--_ui5_card_border-radius:
|
|
5
|
+
--_ui5_card_border-radius: var(--sapElement_BorderCornerRadius);
|
|
6
6
|
--_ui5_card_content_padding: 1rem;
|
|
7
7
|
--_ui5_card_header_hover_bg: var(--sapList_Hover_Background);
|
|
8
8
|
--_ui5_card_header_active_bg: var(--_ui5_card_header_hover_bg);
|
|
@@ -18,9 +18,14 @@
|
|
|
18
18
|
--_ui5_input_state_border_width: 0.125rem;
|
|
19
19
|
--_ui5-input-information_border_width: 0.125rem;
|
|
20
20
|
--_ui5_input_error_font_weight: normal;
|
|
21
|
+
--_ui5_input_warning_font_weight: normal;
|
|
22
|
+
--_ui5_input_information_font_weight: normal;
|
|
21
23
|
--_ui5_input_focus_border_width: 1px;
|
|
22
24
|
--_ui5_input_error_warning_border_style: solid;
|
|
23
25
|
--_ui5_input_error_warning_font_style: inherit;
|
|
26
|
+
--_ui5_input_error_warning_text_indent: 0;
|
|
27
|
+
--_ui5_input_information_text_indent: 0;
|
|
28
|
+
--_ui5_input_information_font_style: inherit;
|
|
24
29
|
--_ui5_input_disabled_color: var(--sapContent_DisabledTextColor);
|
|
25
30
|
--_ui5_input_disabled_font_weight: normal;
|
|
26
31
|
--_ui5_input_disabled_border_color: var(--sapField_ReadOnly_BorderColor);
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
--_ui5_tc_headerItemIcon_neutral_selected_background: var(--sapNeutralColor);
|
|
70
70
|
--_ui5_tc_headerItemIcon_semantic_selected_color: var(--sapGroup_ContentBackground);
|
|
71
71
|
|
|
72
|
-
--_ui5_tc_overflowItem_default_color: var(--
|
|
72
|
+
--_ui5_tc_overflowItem_default_color: var(--sapNeutralTextColor);
|
|
73
73
|
--_ui5_tc_overflowItem_current_color: CurrentColor;
|
|
74
74
|
--_ui5_tc_content_border_bottom: 0.125rem solid var(--sapObjectHeader_BorderColor);
|
|
75
75
|
|
|
@@ -18,4 +18,5 @@
|
|
|
18
18
|
--_ui5_textarea_value_state_focus_outline: var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);
|
|
19
19
|
--_ui5_textarea_after_element_display: none;
|
|
20
20
|
--_ui5_textarea_placeholder_font_style: italic;
|
|
21
|
+
--_ui5_input_warning_font_weight: normal;
|
|
21
22
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--ui5_title_level_1Size:
|
|
3
|
-
--ui5_title_level_2Size:
|
|
4
|
-
--ui5_title_level_3Size:
|
|
5
|
-
--ui5_title_level_4Size:
|
|
6
|
-
--ui5_title_level_5Size:
|
|
7
|
-
--ui5_title_level_6Size:
|
|
2
|
+
--ui5_title_level_1Size: var(--sapFontHeader1Size);
|
|
3
|
+
--ui5_title_level_2Size: var(--sapFontHeader2Size);
|
|
4
|
+
--ui5_title_level_3Size: var(--sapFontHeader3Size);
|
|
5
|
+
--ui5_title_level_4Size: var(--sapFontHeader4Size);
|
|
6
|
+
--ui5_title_level_5Size: var(--sapFontHeader5Size);
|
|
7
|
+
--ui5_title_level_6Size: var(--sapFontHeader6Size);
|
|
8
8
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--_ui5_token_background: var(--sapButton_Background);
|
|
3
|
+
--_ui5_token_readonly_background: var(--sapButton_Background);
|
|
3
4
|
--_ui5_token_border_radius: 0.125rem;
|
|
4
5
|
--_ui5_token_focus_outline_width: 0.0625rem;
|
|
5
6
|
--_ui5_token_text_color: var(--sapButton_TextColor);
|
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
--_ui5_checkbox_root_side_padding: .6875rem;
|
|
11
11
|
--_ui5_checkbox_icon_size: 1rem;
|
|
12
12
|
--_ui5_checkbox_partially_icon_size: .75rem;
|
|
13
|
-
--_ui5_custom_list_item_height: 3rem;
|
|
14
13
|
--_ui5_custom_list_item_rb_min_width: 2.75rem;
|
|
15
14
|
--_ui5_day_picker_item_width: 2.25rem;
|
|
16
15
|
--_ui5_day_picker_item_height: 2.875rem;
|
|
@@ -103,6 +102,7 @@
|
|
|
103
102
|
--_ui5_load_more_text_height: 2.75rem;
|
|
104
103
|
--_ui5_load_more_text_font_size: var(--sapFontMediumSize);
|
|
105
104
|
--_ui5_load_more_desc_padding: 0.375rem 2rem 0.875rem 2rem;
|
|
105
|
+
--ui5_table_header_row_height: 2.75rem;
|
|
106
106
|
|
|
107
107
|
/* Tree */
|
|
108
108
|
--_ui5-tree-indent-step: 1.5rem;
|
|
@@ -160,7 +160,6 @@
|
|
|
160
160
|
--_ui5_color-palette-button-height: 2rem;
|
|
161
161
|
|
|
162
162
|
/* Custom List Item */
|
|
163
|
-
--_ui5_custom_list_item_height: 2rem;
|
|
164
163
|
--_ui5_custom_list_item_rb_min_width: 2rem;
|
|
165
164
|
|
|
166
165
|
/* DayPicker */
|
|
@@ -287,6 +286,7 @@
|
|
|
287
286
|
--_ui5_load_more_text_height: 2.625rem;
|
|
288
287
|
--_ui5_load_more_text_font_size: var(--sapFontSize);
|
|
289
288
|
--_ui5_load_more_desc_padding: 0 2rem 0.875rem 2rem;
|
|
289
|
+
--ui5_table_header_row_height: 2rem;
|
|
290
290
|
|
|
291
291
|
/* Tree */
|
|
292
292
|
--_ui5-tree-indent-step: 0.5rem;
|