@ui5/webcomponents 1.14.0 → 1.14.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 +19 -0
- package/config/wdio.conf.cjs +2 -0
- package/dist/Select.d.ts +1 -1
- package/dist/Select.js +4 -4
- package/dist/Select.js.map +1 -1
- package/dist/TextArea.d.ts +1 -1
- package/dist/TextArea.js +4 -4
- package/dist/TextArea.js.map +1 -1
- package/dist/assets/parameters-bundle.css.0496dc46.js +2603 -0
- package/dist/assets/parameters-bundle.css.145c3d8e.js +1866 -0
- package/dist/assets/parameters-bundle.css.2714f1c2.js +2170 -0
- package/dist/assets/parameters-bundle.css.2a40beff.js +930 -0
- package/dist/assets/parameters-bundle.css.3ae8f4f4.js +2616 -0
- package/dist/assets/parameters-bundle.css.3e99cd38.js +930 -0
- package/dist/assets/parameters-bundle.css.3f614dcc.js +930 -0
- package/dist/assets/parameters-bundle.css.51ce98b4.js +1995 -0
- package/dist/assets/parameters-bundle.css.5b301a79.js +2176 -0
- package/dist/assets/parameters-bundle.css.6392a44e.js +930 -0
- package/dist/assets/parameters-bundle.css.73cf1941.js +2782 -0
- package/dist/assets/parameters-bundle.css.7436bd58.js +932 -0
- package/dist/assets/parameters-bundle.css.91fe1bcb.js +930 -0
- package/dist/assets/parameters-bundle.css.94ec25db.js +2184 -0
- package/dist/assets/parameters-bundle.css.a27c8446.js +930 -0
- package/dist/assets/parameters-bundle.css.a53b349e.js +930 -0
- package/dist/assets/parameters-bundle.css.a6dda9c2.js +930 -0
- package/dist/assets/parameters-bundle.css.d4ad1224.js +930 -0
- package/dist/assets/parameters-bundle.css.dbeb843f.js +1903 -0
- package/dist/assets/parameters-bundle.css.e9f4e712.js +2182 -0
- package/dist/assets/parameters-bundle.css.f251902a.js +930 -0
- package/dist/assets/parameters-bundle.css.f6712bfd.js +930 -0
- package/dist/assets/parameters-bundle.css.f867fdf7.js +1878 -0
- package/dist/assets/parameters-bundle.css.fabe35f1.js +2795 -0
- package/dist/assets/test/pages/{ComboBox.html.f440f43b.js → ComboBox.html.e6b2c662.js} +1 -1
- package/dist/assets/test/pages/{Icon.html.dfe2d272.js → Icon.html.4f593716.js} +1 -1
- package/dist/assets/test/pages/{Label.html.717f733f.js → Label.html.36a2faae.js} +1 -1
- package/dist/assets/test/pages/{Popups.html.272c9aca.js → Popups.html.c29d144e.js} +1 -1
- package/dist/css/themes/Avatar.css +1 -1
- package/dist/css/themes/AvatarGroup.css +1 -1
- package/dist/css/themes/Badge.css +1 -1
- package/dist/css/themes/Breadcrumbs.css +1 -1
- package/dist/css/themes/BreadcrumbsPopover.css +1 -1
- package/dist/css/themes/BrowserScrollbar.css +1 -1
- package/dist/css/themes/BusyIndicator.css +1 -1
- package/dist/css/themes/Button.css +1 -1
- package/dist/css/themes/Calendar.css +1 -1
- package/dist/css/themes/CalendarHeader.css +1 -1
- package/dist/css/themes/Card.css +1 -1
- package/dist/css/themes/CardHeader.css +1 -1
- package/dist/css/themes/Carousel.css +1 -1
- package/dist/css/themes/CheckBox.css +1 -1
- package/dist/css/themes/ColorPalette.css +1 -1
- package/dist/css/themes/ColorPaletteItem.css +1 -1
- package/dist/css/themes/ColorPalettePopover.css +1 -1
- package/dist/css/themes/ColorPaletteStaticArea.css +1 -1
- package/dist/css/themes/ColorPicker.css +1 -1
- package/dist/css/themes/ComboBox.css +1 -1
- package/dist/css/themes/ComboBoxPopover.css +1 -1
- package/dist/css/themes/CustomListItem.css +1 -1
- package/dist/css/themes/DatePicker.css +1 -1
- package/dist/css/themes/DatePickerPopover.css +1 -1
- package/dist/css/themes/DateRangePicker.css +1 -1
- package/dist/css/themes/DateTimePicker.css +1 -1
- package/dist/css/themes/DateTimePickerPopover.css +1 -1
- package/dist/css/themes/DayPicker.css +1 -1
- package/dist/css/themes/Dialog.css +1 -1
- package/dist/css/themes/FileUploader.css +1 -1
- package/dist/css/themes/GroupHeaderListItem.css +1 -1
- package/dist/css/themes/GrowingButton.css +1 -1
- package/dist/css/themes/Icon.css +1 -1
- package/dist/css/themes/Input.css +1 -1
- package/dist/css/themes/InputIcon.css +1 -1
- package/dist/css/themes/InvisibleTextStyles.css +1 -1
- package/dist/css/themes/Label.css +1 -1
- package/dist/css/themes/Link.css +1 -1
- package/dist/css/themes/List.css +1 -1
- package/dist/css/themes/ListItem.css +1 -1
- package/dist/css/themes/ListItemBase.css +1 -1
- package/dist/css/themes/Menu.css +1 -1
- package/dist/css/themes/MessageStrip.css +1 -1
- package/dist/css/themes/MonthPicker.css +1 -1
- package/dist/css/themes/MultiComboBox.css +1 -1
- package/dist/css/themes/MultiInput.css +1 -1
- package/dist/css/themes/Panel.css +1 -1
- package/dist/css/themes/Popover.css +1 -1
- package/dist/css/themes/Popup.css +1 -1
- package/dist/css/themes/PopupStaticAreaStyles.css +1 -1
- package/dist/css/themes/PopupsCommon.css +1 -1
- package/dist/css/themes/ProgressIndicator.css +3 -1
- package/dist/css/themes/RadioButton.css +1 -1
- package/dist/css/themes/RangeSlider.css +1 -1
- package/dist/css/themes/RatingIndicator.css +1 -1
- package/dist/css/themes/ResponsivePopover.css +1 -1
- package/dist/css/themes/ResponsivePopoverCommon.css +1 -1
- package/dist/css/themes/SegmentedButton.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 -1
- package/dist/css/themes/StepInput.css +1 -1
- package/dist/css/themes/Switch.css +1 -1
- package/dist/css/themes/Tab.css +1 -1
- 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/TabSemanticIcon.css +1 -1
- package/dist/css/themes/TabSeparatorInOverflow.css +1 -1
- package/dist/css/themes/TabSeparatorInStrip.css +1 -1
- package/dist/css/themes/Table.css +1 -1
- package/dist/css/themes/TableCell.css +1 -1
- package/dist/css/themes/TableColumn.css +1 -1
- package/dist/css/themes/TableGroupRow.css +1 -1
- package/dist/css/themes/TableRow.css +1 -1
- package/dist/css/themes/TextArea.css +2 -1
- package/dist/css/themes/TimePicker.css +1 -1
- package/dist/css/themes/TimePickerPopover.css +1 -1
- package/dist/css/themes/TimeSelection.css +1 -1
- package/dist/css/themes/Title.css +1 -1
- package/dist/css/themes/Toast.css +1 -1
- package/dist/css/themes/ToggleButton.css +1 -1
- package/dist/css/themes/Token.css +1 -1
- package/dist/css/themes/Tokenizer.css +1 -1
- package/dist/css/themes/Tree.css +1 -1
- package/dist/css/themes/TreeItem.css +1 -1
- package/dist/css/themes/ValueStateMessage.css +1 -1
- package/dist/css/themes/WheelSlider.css +1 -1
- package/dist/css/themes/YearPicker.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_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +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_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/themes/Avatar.css.js +1 -1
- package/dist/generated/themes/Avatar.css.js.map +1 -1
- package/dist/generated/themes/AvatarGroup.css.js +1 -1
- package/dist/generated/themes/AvatarGroup.css.js.map +1 -1
- package/dist/generated/themes/Badge.css.js +1 -1
- package/dist/generated/themes/Badge.css.js.map +1 -1
- package/dist/generated/themes/Breadcrumbs.css.js +1 -1
- package/dist/generated/themes/Breadcrumbs.css.js.map +1 -1
- package/dist/generated/themes/BreadcrumbsPopover.css.js +1 -1
- package/dist/generated/themes/BreadcrumbsPopover.css.js.map +1 -1
- package/dist/generated/themes/BrowserScrollbar.css.js +1 -1
- package/dist/generated/themes/BrowserScrollbar.css.js.map +1 -1
- package/dist/generated/themes/BusyIndicator.css.js +1 -1
- package/dist/generated/themes/BusyIndicator.css.js.map +1 -1
- package/dist/generated/themes/Button.css.js +1 -1
- package/dist/generated/themes/Button.css.js.map +1 -1
- package/dist/generated/themes/Calendar.css.js +1 -1
- package/dist/generated/themes/Calendar.css.js.map +1 -1
- package/dist/generated/themes/CalendarHeader.css.js +1 -1
- package/dist/generated/themes/CalendarHeader.css.js.map +1 -1
- package/dist/generated/themes/Card.css.js +1 -1
- package/dist/generated/themes/Card.css.js.map +1 -1
- package/dist/generated/themes/CardHeader.css.js +1 -1
- package/dist/generated/themes/CardHeader.css.js.map +1 -1
- package/dist/generated/themes/Carousel.css.js +1 -1
- package/dist/generated/themes/Carousel.css.js.map +1 -1
- package/dist/generated/themes/CheckBox.css.js +1 -1
- package/dist/generated/themes/CheckBox.css.js.map +1 -1
- package/dist/generated/themes/ColorPalette.css.js +1 -1
- package/dist/generated/themes/ColorPalette.css.js.map +1 -1
- package/dist/generated/themes/ColorPaletteItem.css.js +1 -1
- package/dist/generated/themes/ColorPaletteItem.css.js.map +1 -1
- package/dist/generated/themes/ColorPalettePopover.css.js +1 -1
- package/dist/generated/themes/ColorPalettePopover.css.js.map +1 -1
- package/dist/generated/themes/ColorPaletteStaticArea.css.js +1 -1
- package/dist/generated/themes/ColorPaletteStaticArea.css.js.map +1 -1
- package/dist/generated/themes/ColorPicker.css.js +1 -1
- package/dist/generated/themes/ColorPicker.css.js.map +1 -1
- package/dist/generated/themes/ComboBox.css.js +1 -1
- package/dist/generated/themes/ComboBox.css.js.map +1 -1
- package/dist/generated/themes/ComboBoxPopover.css.js +1 -1
- package/dist/generated/themes/ComboBoxPopover.css.js.map +1 -1
- package/dist/generated/themes/CustomListItem.css.js +1 -1
- package/dist/generated/themes/CustomListItem.css.js.map +1 -1
- package/dist/generated/themes/DatePicker.css.js +1 -1
- package/dist/generated/themes/DatePicker.css.js.map +1 -1
- package/dist/generated/themes/DatePickerPopover.css.js +1 -1
- package/dist/generated/themes/DatePickerPopover.css.js.map +1 -1
- package/dist/generated/themes/DateRangePicker.css.js +1 -1
- package/dist/generated/themes/DateRangePicker.css.js.map +1 -1
- package/dist/generated/themes/DateTimePicker.css.js +1 -1
- package/dist/generated/themes/DateTimePicker.css.js.map +1 -1
- package/dist/generated/themes/DateTimePickerPopover.css.js +1 -1
- package/dist/generated/themes/DateTimePickerPopover.css.js.map +1 -1
- package/dist/generated/themes/DayPicker.css.js +1 -1
- package/dist/generated/themes/DayPicker.css.js.map +1 -1
- package/dist/generated/themes/Dialog.css.js +1 -1
- package/dist/generated/themes/Dialog.css.js.map +1 -1
- package/dist/generated/themes/FileUploader.css.js +1 -1
- package/dist/generated/themes/FileUploader.css.js.map +1 -1
- package/dist/generated/themes/FormComponents.css.js +1 -1
- package/dist/generated/themes/FormComponents.css.js.map +1 -1
- package/dist/generated/themes/GroupHeaderListItem.css.js +1 -1
- package/dist/generated/themes/GroupHeaderListItem.css.js.map +1 -1
- package/dist/generated/themes/GrowingButton.css.js +1 -1
- package/dist/generated/themes/GrowingButton.css.js.map +1 -1
- package/dist/generated/themes/Icon.css.js +1 -1
- package/dist/generated/themes/Icon.css.js.map +1 -1
- package/dist/generated/themes/Input.css.js +1 -1
- package/dist/generated/themes/Input.css.js.map +1 -1
- package/dist/generated/themes/InputIcon.css.js +1 -1
- package/dist/generated/themes/InputIcon.css.js.map +1 -1
- package/dist/generated/themes/InvisibleTextStyles.css.js +1 -1
- package/dist/generated/themes/InvisibleTextStyles.css.js.map +1 -1
- package/dist/generated/themes/Label.css.js +1 -1
- package/dist/generated/themes/Label.css.js.map +1 -1
- package/dist/generated/themes/Link.css.js +1 -1
- package/dist/generated/themes/Link.css.js.map +1 -1
- package/dist/generated/themes/List.css.js +1 -1
- package/dist/generated/themes/List.css.js.map +1 -1
- package/dist/generated/themes/ListItem.css.js +1 -1
- package/dist/generated/themes/ListItem.css.js.map +1 -1
- package/dist/generated/themes/ListItemBase.css.js +1 -1
- package/dist/generated/themes/ListItemBase.css.js.map +1 -1
- package/dist/generated/themes/Menu.css.js +1 -1
- package/dist/generated/themes/Menu.css.js.map +1 -1
- package/dist/generated/themes/MessageStrip.css.js +1 -1
- package/dist/generated/themes/MessageStrip.css.js.map +1 -1
- package/dist/generated/themes/MonthPicker.css.js +1 -1
- package/dist/generated/themes/MonthPicker.css.js.map +1 -1
- package/dist/generated/themes/MultiComboBox.css.js +1 -1
- package/dist/generated/themes/MultiComboBox.css.js.map +1 -1
- package/dist/generated/themes/MultiComboBoxPopover.css.js +1 -1
- package/dist/generated/themes/MultiComboBoxPopover.css.js.map +1 -1
- package/dist/generated/themes/MultiInput.css.js +1 -1
- package/dist/generated/themes/MultiInput.css.js.map +1 -1
- package/dist/generated/themes/Panel.css.js +1 -1
- package/dist/generated/themes/Panel.css.js.map +1 -1
- package/dist/generated/themes/Popover.css.js +1 -1
- package/dist/generated/themes/Popover.css.js.map +1 -1
- package/dist/generated/themes/Popup.css.js +1 -1
- package/dist/generated/themes/Popup.css.js.map +1 -1
- package/dist/generated/themes/PopupGlobal.css.js +1 -1
- package/dist/generated/themes/PopupGlobal.css.js.map +1 -1
- package/dist/generated/themes/PopupStaticAreaStyles.css.js +1 -1
- package/dist/generated/themes/PopupStaticAreaStyles.css.js.map +1 -1
- package/dist/generated/themes/PopupsCommon.css.js +1 -1
- package/dist/generated/themes/PopupsCommon.css.js.map +1 -1
- package/dist/generated/themes/ProgressIndicator.css.js +1 -1
- package/dist/generated/themes/ProgressIndicator.css.js.map +1 -1
- package/dist/generated/themes/RadioButton.css.js +1 -1
- package/dist/generated/themes/RadioButton.css.js.map +1 -1
- package/dist/generated/themes/RangeSlider.css.js +1 -1
- package/dist/generated/themes/RangeSlider.css.js.map +1 -1
- package/dist/generated/themes/RatingIndicator.css.js +1 -1
- package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
- package/dist/generated/themes/ResponsivePopover.css.js +1 -1
- package/dist/generated/themes/ResponsivePopover.css.js.map +1 -1
- package/dist/generated/themes/ResponsivePopoverCommon.css.js +1 -1
- package/dist/generated/themes/ResponsivePopoverCommon.css.js.map +1 -1
- package/dist/generated/themes/SegmentedButton.css.js +1 -1
- package/dist/generated/themes/SegmentedButton.css.js.map +1 -1
- package/dist/generated/themes/Select.css.js +1 -1
- package/dist/generated/themes/Select.css.js.map +1 -1
- package/dist/generated/themes/SelectPopover.css.js +1 -1
- package/dist/generated/themes/SelectPopover.css.js.map +1 -1
- package/dist/generated/themes/SliderBase.css.js +1 -1
- package/dist/generated/themes/SliderBase.css.js.map +1 -1
- package/dist/generated/themes/SplitButton.css.js +1 -1
- package/dist/generated/themes/SplitButton.css.js.map +1 -1
- package/dist/generated/themes/StepInput.css.js +1 -1
- package/dist/generated/themes/StepInput.css.js.map +1 -1
- package/dist/generated/themes/Suggestions.css.js +1 -1
- package/dist/generated/themes/Suggestions.css.js.map +1 -1
- package/dist/generated/themes/Switch.css.js +1 -1
- package/dist/generated/themes/Switch.css.js.map +1 -1
- package/dist/generated/themes/Tab.css.js +1 -1
- package/dist/generated/themes/Tab.css.js.map +1 -1
- package/dist/generated/themes/TabContainer.css.js +1 -1
- package/dist/generated/themes/TabContainer.css.js.map +1 -1
- package/dist/generated/themes/TabInOverflow.css.js +1 -1
- package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
- package/dist/generated/themes/TabInStrip.css.js +1 -1
- package/dist/generated/themes/TabInStrip.css.js.map +1 -1
- package/dist/generated/themes/TabSemanticIcon.css.js +1 -1
- package/dist/generated/themes/TabSemanticIcon.css.js.map +1 -1
- package/dist/generated/themes/TabSeparatorInOverflow.css.js +1 -1
- package/dist/generated/themes/TabSeparatorInOverflow.css.js.map +1 -1
- package/dist/generated/themes/TabSeparatorInStrip.css.js +1 -1
- package/dist/generated/themes/TabSeparatorInStrip.css.js.map +1 -1
- package/dist/generated/themes/Table.css.js +1 -1
- package/dist/generated/themes/Table.css.js.map +1 -1
- package/dist/generated/themes/TableCell.css.js +1 -1
- package/dist/generated/themes/TableCell.css.js.map +1 -1
- package/dist/generated/themes/TableColumn.css.js +1 -1
- package/dist/generated/themes/TableColumn.css.js.map +1 -1
- package/dist/generated/themes/TableGroupRow.css.js +1 -1
- package/dist/generated/themes/TableGroupRow.css.js.map +1 -1
- package/dist/generated/themes/TableRow.css.js +1 -1
- package/dist/generated/themes/TableRow.css.js.map +1 -1
- package/dist/generated/themes/TapHighlightColor.css.js +1 -1
- package/dist/generated/themes/TapHighlightColor.css.js.map +1 -1
- package/dist/generated/themes/TextArea.css.js +1 -1
- package/dist/generated/themes/TextArea.css.js.map +1 -1
- package/dist/generated/themes/TimePicker.css.js +1 -1
- package/dist/generated/themes/TimePicker.css.js.map +1 -1
- package/dist/generated/themes/TimePickerPopover.css.js +1 -1
- package/dist/generated/themes/TimePickerPopover.css.js.map +1 -1
- package/dist/generated/themes/TimeSelection.css.js +1 -1
- package/dist/generated/themes/TimeSelection.css.js.map +1 -1
- package/dist/generated/themes/Title.css.js +1 -1
- package/dist/generated/themes/Title.css.js.map +1 -1
- package/dist/generated/themes/Toast.css.js +1 -1
- package/dist/generated/themes/Toast.css.js.map +1 -1
- package/dist/generated/themes/ToggleButton.css.js +1 -1
- package/dist/generated/themes/ToggleButton.css.js.map +1 -1
- package/dist/generated/themes/Token.css.js +1 -1
- package/dist/generated/themes/Token.css.js.map +1 -1
- package/dist/generated/themes/Tokenizer.css.js +1 -1
- package/dist/generated/themes/Tokenizer.css.js.map +1 -1
- package/dist/generated/themes/TokenizerPopover.css.js +1 -1
- package/dist/generated/themes/TokenizerPopover.css.js.map +1 -1
- package/dist/generated/themes/Tree.css.js +1 -1
- package/dist/generated/themes/Tree.css.js.map +1 -1
- package/dist/generated/themes/TreeItem.css.js +1 -1
- package/dist/generated/themes/TreeItem.css.js.map +1 -1
- package/dist/generated/themes/ValueStateMessage.css.js +1 -1
- package/dist/generated/themes/ValueStateMessage.css.js.map +1 -1
- package/dist/generated/themes/WheelSlider.css.js +1 -1
- package/dist/generated/themes/WheelSlider.css.js.map +1 -1
- package/dist/generated/themes/YearPicker.css.js +1 -1
- package/dist/generated/themes/YearPicker.css.js.map +1 -1
- package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_belize/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/test/pages/72override.html +1 -1
- package/dist/test/pages/AnimanitionOff.html +1 -1
- package/dist/test/pages/Avatar.html +1 -1
- package/dist/test/pages/AvatarGroup.html +1 -1
- package/dist/test/pages/Badge.html +1 -1
- package/dist/test/pages/Breadcrumbs.html +1 -1
- package/dist/test/pages/BusyIndicator.html +1 -1
- package/dist/test/pages/Button.html +1 -1
- package/dist/test/pages/Calendar.html +1 -1
- package/dist/test/pages/Card.html +1 -1
- package/dist/test/pages/Carousel.html +1 -1
- package/dist/test/pages/CheckBox.html +1 -1
- package/dist/test/pages/ColorPalette.html +1 -1
- package/dist/test/pages/ColorPalettePopover.html +1 -1
- package/dist/test/pages/ColorPicker.html +1 -1
- package/dist/test/pages/ComboBox.html +2 -2
- package/dist/test/pages/Components.html +1 -1
- package/dist/test/pages/CoreControls.html +1 -1
- package/dist/test/pages/CoreControls_exp.html +1 -1
- package/dist/test/pages/CustomCSS.html +1 -1
- package/dist/test/pages/DatePicker.html +1 -1
- package/dist/test/pages/DatePicker_test_page.html +1 -1
- package/dist/test/pages/DateRangePicker.html +1 -1
- package/dist/test/pages/DateTimePicker.html +1 -1
- package/dist/test/pages/DateTimePicker_Timezone.html +1 -1
- package/dist/test/pages/DayPicker.html +1 -1
- package/dist/test/pages/Dialog.html +1 -1
- package/dist/test/pages/DialogLifecycle.html +1 -1
- package/dist/test/pages/DialogSemantic.html +1 -1
- package/dist/test/pages/Eventing.html +1 -1
- package/dist/test/pages/F6Test1.html +1 -1
- package/dist/test/pages/F6Test2.html +1 -1
- package/dist/test/pages/F6Test3.html +1 -1
- package/dist/test/pages/F6Test4.html +1 -1
- package/dist/test/pages/F6Test5.html +1 -1
- package/dist/test/pages/F6Test6.html +1 -1
- package/dist/test/pages/F6Test7.html +1 -1
- package/dist/test/pages/FileUploader.html +1 -1
- package/dist/test/pages/FormComponents.html +1 -1
- package/dist/test/pages/FormSupport.html +1 -1
- package/dist/test/pages/HCB.html +1 -1
- package/dist/test/pages/Icon.html +2 -2
- package/dist/test/pages/Icon_and_theming.html +1 -1
- package/dist/test/pages/Icon_custom.html +1 -1
- package/dist/test/pages/Input.html +1 -1
- package/dist/test/pages/InputFieldLabels.html +1 -1
- package/dist/test/pages/InputFieldMinWidth.html +1 -1
- package/dist/test/pages/InputIcons.html +1 -1
- package/dist/test/pages/Input_quickview.html +1 -1
- package/dist/test/pages/InputsAlignment.html +1 -1
- package/dist/test/pages/InputsLazyLoading.html +1 -1
- package/dist/test/pages/ItemNavigation.html +1 -1
- package/dist/test/pages/Kitchen.html +1 -1
- package/dist/test/pages/Kitchen.openui5.html +1 -1
- package/dist/test/pages/Label.html +2 -2
- package/dist/test/pages/Link.html +1 -1
- package/dist/test/pages/List.html +1 -1
- package/dist/test/pages/ListGrowing_Button.html +1 -1
- package/dist/test/pages/ListGrowing_Scroll.html +1 -1
- package/dist/test/pages/List_keyboard_support.html +1 -1
- package/dist/test/pages/List_test_page.html +1 -1
- package/dist/test/pages/LitKeyFunction.html +1 -1
- package/dist/test/pages/MemoryLeak.html +1 -1
- package/dist/test/pages/Menu.html +1 -1
- package/dist/test/pages/MessagePage.html +1 -1
- package/dist/test/pages/MessageStrip.html +1 -1
- package/dist/test/pages/MultiComboBox.html +1 -1
- package/dist/test/pages/MultiInput.html +1 -1
- package/dist/test/pages/MultiInput_Suggestions.html +1 -1
- package/dist/test/pages/OpenUI5-second.html +1 -1
- package/dist/test/pages/OpenUI5.html +2 -2
- package/dist/test/pages/Panel.html +1 -1
- package/dist/test/pages/Popover.html +1 -1
- package/dist/test/pages/PopoverArrowBounds.html +1 -1
- package/dist/test/pages/Popups.html +2 -2
- package/dist/test/pages/ProgressIndicator.html +1 -1
- package/dist/test/pages/RTL.html +1 -1
- package/dist/test/pages/RadioButton.html +1 -1
- package/dist/test/pages/RangeSlider.html +1 -1
- package/dist/test/pages/RatingIndicator.html +1 -1
- package/dist/test/pages/ResizeHandler.html +1 -1
- package/dist/test/pages/ResponsivePopover.html +1 -1
- package/dist/test/pages/SegmentedButton.html +1 -1
- package/dist/test/pages/Select.html +1 -1
- package/dist/test/pages/Simple.html +1 -1
- package/dist/test/pages/Slider.html +1 -1
- package/dist/test/pages/SplitButton.html +1 -1
- package/dist/test/pages/StepInput.html +1 -1
- package/dist/test/pages/Switch.html +1 -1
- package/dist/test/pages/TabContainer.html +1 -1
- package/dist/test/pages/Table-perf-pure.html +1 -1
- package/dist/test/pages/Table-perf.html +1 -1
- package/dist/test/pages/Table.html +1 -1
- package/dist/test/pages/Table2.html +1 -1
- package/dist/test/pages/TableAllPopin.html +1 -1
- package/dist/test/pages/TableCustomStyling.html +1 -1
- package/dist/test/pages/TableGrouping.html +1 -1
- package/dist/test/pages/TableGrowingWithButton.html +1 -1
- package/dist/test/pages/TableGrowingWithScroll.html +1 -1
- package/dist/test/pages/TableSelection.html +1 -1
- package/dist/test/pages/TextArea.html +1 -1
- package/dist/test/pages/TimePicker.html +1 -1
- package/dist/test/pages/TimeSelection.html +1 -1
- package/dist/test/pages/Title.html +1 -1
- package/dist/test/pages/Toast.html +1 -1
- package/dist/test/pages/ToggleButton.html +1 -1
- package/dist/test/pages/Tokenizer.html +1 -1
- package/dist/test/pages/Tree.html +1 -1
- package/dist/test/pages/TreeDynamic.html +1 -1
- package/dist/test/pages/WheelSlider_Test_Page.html +1 -1
- package/dist/test/pages/base/AriaLabelHelper.html +1 -1
- package/dist/test/pages/base/DOMObserver.html +1 -1
- package/dist/test/pages/base/IconCollection.html +1 -1
- package/dist/test/pages/base/IconCollectionInCustomTheme.html +1 -1
- package/dist/test/pages/base/IgnoreCustomElements.html +1 -1
- package/dist/test/pages/base/InvisibleMessage.html +1 -1
- package/dist/test/pages/form.html +1 -1
- package/dist/test/pages/i18n-defaultLang.html +1 -1
- package/dist/test/pages/i18n-demo.html +1 -1
- package/package.json +8 -8
- package/dist/assets/parameters-bundle.css.0ec52ac7.js +0 -1
- package/dist/assets/parameters-bundle.css.23bec147.js +0 -1
- package/dist/assets/parameters-bundle.css.397d6040.js +0 -1
- package/dist/assets/parameters-bundle.css.3fee12aa.js +0 -1
- package/dist/assets/parameters-bundle.css.4a898a1b.js +0 -1
- package/dist/assets/parameters-bundle.css.4c54fb75.js +0 -1
- package/dist/assets/parameters-bundle.css.6646bc95.js +0 -1
- package/dist/assets/parameters-bundle.css.72ef7ff2.js +0 -1
- package/dist/assets/parameters-bundle.css.76a7a9e4.js +0 -1
- package/dist/assets/parameters-bundle.css.7edd6913.js +0 -1
- package/dist/assets/parameters-bundle.css.86ed4ed5.js +0 -1
- package/dist/assets/parameters-bundle.css.8bd32b39.js +0 -1
- package/dist/assets/parameters-bundle.css.9ca7ff31.js +0 -1
- package/dist/assets/parameters-bundle.css.bed7b1d7.js +0 -1
- package/dist/assets/parameters-bundle.css.bfd87960.js +0 -1
- package/dist/assets/parameters-bundle.css.c8caca4e.js +0 -1
- package/dist/assets/parameters-bundle.css.c9f57df8.js +0 -1
- package/dist/assets/parameters-bundle.css.cd179234.js +0 -1
- package/dist/assets/parameters-bundle.css.dd9c4590.js +0 -1
- package/dist/assets/parameters-bundle.css.ddac1eb8.js +0 -1
- package/dist/assets/parameters-bundle.css.e1417378.js +0 -1
- package/dist/assets/parameters-bundle.css.e2318f88.js +0 -1
- package/dist/assets/parameters-bundle.css.e870ea96.js +0 -1
- package/dist/assets/parameters-bundle.css.ef756ba2.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.css.js","sourceRoot":"","sources":["../../../src/generated/themes/RadioButton.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,28QAA28Q,EAAC,CAAC;AACtjR,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/RadioButton.css\",content:\".ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block}:host{min-width:var(--_ui5_radio_button_min_width);max-width:100%;text-overflow:ellipsis;overflow:hidden;color:var(--_ui5_radio_button_color);border-radius:var(--_ui5_radio_button_border_radius);transition:var(--_ui5_radio_button_transition)}:host(:not([disabled])) .ui5-radio-root{cursor:pointer}:host([checked]){color:var(--_ui5_radio_button_checked_fill)}:host([checked]) .ui5-radio-svg-inner{fill:var(--_ui5_radio_button_inner_ring_color)}:host([checked]) .ui5-radio-svg-outer{stroke:var(--_ui5_radio_button_outer_ring_color)}:host([disabled]) .ui5-radio-root{color:var(--_ui5_radio_button_color);opacity:var(--sapContent_DisabledOpacity)}:host([disabled][checked]) .ui5-radio-svg-outer{stroke:var(--_ui5_radio_button_color)}:host(:not([disabled])) .ui5-radio-root:focus-visible:before{content:\\\"\\\";display:var(--_ui5_radio_button_focus_outline);position:absolute;top:var(--_ui5_radio_button_focus_dist);bottom:var(--_ui5_radio_button_focus_dist);left:var(--_ui5_radio_button_focus_dist);right:var(--_ui5_radio_button_focus_dist);pointer-events:none;border:var(--_ui5_radio_button_border_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5_radio_button_border_radius)}:host(:not([disabled])[readonly]) .ui5-radio-root:focus-visible:before{border:var(--_ui5_radio_button_border_width) var(--_ui5_radio_button_border_readonly_focus_style) var(--sapContent_FocusColor)}:host(:not([disabled])) .ui5-radio-root:focus-visible{border-radius:var(--_ui5_radio_button_border_radius);border:var(--_ui5_radio_button_focus_border)}:host(:not([disabled]):hover){background:var(--_ui5_radio_button_hover_background);box-shadow:var(--_ui5_radio_button_hover_shadow)}:host(:not([value-state=Error]):not([value-state=Warning]):not([value-state=Success]):not([value-state=Information])) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--_ui5_radio_button_outer_ring_hover_color)}:host(:not([value-state=Error]):not([value-state=Warning]):not([value-state=Success]):not([value-state=Information])) .ui5-radio-root:hover .ui5-radio-inner--hoverable{filter:drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow))}:host(:not([value-state=Error]):not([value-state=Warning]):not([value-state=Success]):not([value-state=Information])[checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--_ui5_radio_button_outer_ring_checked_hover_color)}.ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer,:host([checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5_radio_button_hover_fill)}:host([active][checked]:not([value-state]):not([disabled]):not([readonly])) .ui5-radio-svg-outer{stroke:var(--_ui5_radio_button_outer_ring_checked_hover_color)}:host([active]:not([checked]):not([value-state]):not([disabled]):not([readonly])) .ui5-radio-svg-outer{stroke:var(--_ui5_radio_button_outer_ring_active_color)}:host([text]) .ui5-radio-root:focus-visible:before{inset-inline:var(--_ui5_radio_button_focus_dist) 0}:host([text]) .ui5-radio-inner{padding:var(--_ui5_radio_button_outer_ring_padding_with_label)}:host([checked][readonly]) .ui5-radio-svg-inner{fill:var(--sapContent_NonInteractiveIconColor)}:host([readonly]) .ui5-radio-root .ui5-radio-svg-outer{fill:var(--sapField_ReadOnly_Background);stroke:var(--sapField_ReadOnly_BorderColor);stroke-dasharray:var(--_ui5_radio_button_read_only_border_type);stroke-width:var(--_ui5_radio_button_read_only_border_width)}:host([value-state=Error]) .ui5-radio-svg-outer,:host([value-state=Warning]) .ui5-radio-svg-outer{stroke-width:var(--sapField_InvalidBorderWidth)}:host([value-state=Information]) .ui5-radio-svg-outer{stroke-width:var(--_ui5_radio_button_information_border_width)}:host([value-state=Error][checked]) .ui5-radio-svg-inner{fill:var(--_ui5_radio_button_checked_error_fill)}:host([value-state=Error]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer,:host([value-state=Error]) .ui5-radio-svg-outer{stroke:var(--sapField_InvalidColor);fill:var(--sapField_InvalidBackground)}:host([value-state=Error]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5_radio_button_hover_fill_error)}:host([value-state=Error]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable{filter:drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_error))}:host([value-state=Warning][checked]) .ui5-radio-svg-inner{fill:var(--_ui5_radio_button_checked_warning_fill)}:host([value-state=Warning]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer,:host([value-state=Warning]) .ui5-radio-svg-outer{stroke:var(--sapField_WarningColor);fill:var(--sapField_WarningBackground)}:host([value-state=Warning]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5_radio_button_hover_fill_warning)}:host([value-state=Warning]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable{filter:drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_warning))}:host([value-state=Success][checked]) .ui5-radio-svg-inner{fill:var(--_ui5_radio_button_checked_success_fill)}:host([value-state=Success]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer,:host([value-state=Success]) .ui5-radio-svg-outer{stroke:var(--sapField_SuccessColor);fill:var(--sapField_SuccessBackground)}:host([value-state=Success]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5_radio_button_hover_fill_success)}:host([value-state=Success]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable{filter:drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_success))}:host([value-state=Information][checked]) .ui5-radio-svg-inner{fill:var(--_ui5_radio_button_checked_information_fill)}:host([value-state=Information]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer,:host([value-state=Information]) .ui5-radio-svg-outer{stroke:var(--sapField_InformationColor);fill:var(--sapField_InformationBackground)}:host([value-state=Information]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--_ui5_radio_button_hover_fill_information)}:host([value-state=Information]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable{filter:drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_information))}:host([value-state=Error]) .ui5-radio-root,:host([value-state=Information]) .ui5-radio-root,:host([value-state=Warning]) .ui5-radio-root{stroke-dasharray:var(--_ui5_radio_button_warning_error_border_dash)}.ui5-radio-root{height:var(--_ui5_radio_button_height);position:relative;display:inline-flex;flex-wrap:nowrap;outline:none;max-width:100%;width:var(--_ui5_radio_button_inner_width);box-sizing:border-box;border:var(--_ui5_radio_button_border);border-radius:var(--_ui5_radio_button_border_radius);transition:var(--_ui5_radio_button_transition)}.ui5-radio-inner{display:flex;align-items:center;padding:var(--_ui5_radio_button_outer_ring_padding);flex-shrink:0;height:var(--_ui5_radio_button_inner_size);font-size:1rem;pointer-events:none;vertical-align:top}.ui5-radio-inner{outline:none}.ui5-radio-inner input{-webkit-appearance:none;visibility:hidden;width:0;left:0;position:absolute;font-size:inherit;margin:0}[ui5-label].ui5-radio-label{display:flex;align-items:center;padding-inline-end:var(--_ui5_radio_button_label_offset);vertical-align:top;max-width:100%;text-overflow:ellipsis;overflow:hidden;pointer-events:none;color:var(--_ui5_radio_button_label_color)}:host([wrapping-type=Normal][text]) .ui5-radio-root{height:auto}:host([wrapping-type=Normal][text]) [ui5-label].ui5-radio-label{padding:var(--_ui5_radio_button_label_side_padding) 0;overflow-wrap:break-word}.ui5-radio-svg{height:var(--_ui5_radio_button_svg_size);width:var(--_ui5_radio_button_svg_size);overflow:visible;pointer-events:none}.ui5-radio-svg-outer{fill:var(--_ui5_radio_button_outer_ring_bg);stroke:currentColor;stroke-width:var(--_ui5_radio_button_outer_ring_width)}.ui5-radio-svg-inner{fill:none;r:var(--_ui5_radio_button_inner_ring_radius)}.ui5-radio-svg-inner,.ui5-radio-svg-outer{flex-shrink:0}:host(.ui5-li-singlesel-radiobtn) .ui5-radio-root .ui5-radio-inner .ui5-radio-svg-outer{fill:var(--sapList_Background)}\"};\nexport default styleData;\n\t"]}
|
|
1
|
+
{"version":3,"file":"RadioButton.css.js","sourceRoot":"","sources":["../../../src/generated/themes/RadioButton.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,irUAAirU,EAAC,CAAC;AAC5xU,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/RadioButton.css\",content:\".ui5-hidden-text {\\n\\tposition: absolute;\\n\\tclip: rect(1px,1px,1px,1px);\\n\\tuser-select: none;\\n\\tleft: -1000px; /* ensure the invisible texts are never part of the viewport */\\n\\ttop: -1000px;\\n\\tpointer-events: none;\\n\\tfont-size: 0;\\n}\\n\\n:host(:not([hidden])) {\\n\\tdisplay: inline-block;\\n}\\n\\n:host {\\n\\tmin-width: var(--_ui5_radio_button_min_width);\\n\\tmax-width: 100%;\\n\\ttext-overflow: ellipsis;\\n\\toverflow: hidden;\\n\\tcolor: var(--_ui5_radio_button_color);\\n\\tborder-radius: var(--_ui5_radio_button_border_radius);\\n\\ttransition: var(--_ui5_radio_button_transition);\\n}\\n\\n:host(:not([disabled])) .ui5-radio-root {\\n\\tcursor: pointer;\\n}\\n\\n/* checked */\\n\\n:host([checked]) {\\n\\tcolor: var(--_ui5_radio_button_checked_fill);\\n}\\n\\n:host([checked]) .ui5-radio-svg-inner {\\n\\tfill: var(--_ui5_radio_button_inner_ring_color);\\n}\\n\\n:host([checked]) .ui5-radio-svg-outer {\\n\\tstroke: var(--_ui5_radio_button_outer_ring_color);\\n}\\n\\n/* disabled */\\n\\n:host([disabled]) .ui5-radio-root {\\n\\tcolor: var(--_ui5_radio_button_color);\\n\\topacity: var(--sapContent_DisabledOpacity);\\n}\\n\\n:host([disabled][checked]) .ui5-radio-svg-outer {\\n\\tstroke: var(--_ui5_radio_button_color);\\n}\\n\\n/* focused */\\n\\n:host(:not([disabled])) .ui5-radio-root:focus-visible:before {\\n\\tcontent: \\\"\\\";\\n\\tdisplay: var(--_ui5_radio_button_focus_outline);\\n\\tposition: absolute;\\n\\ttop: var(--_ui5_radio_button_focus_dist);\\n\\tbottom: var(--_ui5_radio_button_focus_dist);\\n\\tleft: var(--_ui5_radio_button_focus_dist);\\n\\tright: var(--_ui5_radio_button_focus_dist);\\n\\tpointer-events: none;\\n\\tborder: var(--_ui5_radio_button_border_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\\n\\tborder-radius: var(--_ui5_radio_button_border_radius);\\n}\\n\\n/* horizon readonly focus */\\n\\n:host(:not([disabled])[readonly]) .ui5-radio-root:focus-visible:before {\\n\\tborder: var(--_ui5_radio_button_border_width) var(--_ui5_radio_button_border_readonly_focus_style) var(--sapContent_FocusColor);\\n}\\n\\n:host(:not([disabled])) .ui5-radio-root:focus-visible {\\n\\tborder-radius: var(--_ui5_radio_button_border_radius);\\n\\tborder: var(--_ui5_radio_button_focus_border);\\n}\\n\\n/* hovered */\\n\\n:host(:not([disabled]):hover) {\\n\\tbackground: var(--_ui5_radio_button_hover_background);\\n\\tbox-shadow: var(--_ui5_radio_button_hover_shadow);\\n}\\n\\n/* hovered and value-state */\\n\\n:host(:not([value-state=\\\"Error\\\"]):not([value-state=\\\"Warning\\\"]):not([value-state=\\\"Success\\\"]):not([value-state=\\\"Information\\\"])) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer {\\n\\tstroke: var(--_ui5_radio_button_outer_ring_hover_color);\\n}\\n\\n:host(:not([value-state=\\\"Error\\\"]):not([value-state=\\\"Warning\\\"]):not([value-state=\\\"Success\\\"]):not([value-state=\\\"Information\\\"])) .ui5-radio-root:hover .ui5-radio-inner--hoverable {\\n\\tfilter: drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow));\\n}\\n\\n:host(:not([value-state=\\\"Error\\\"]):not([value-state=\\\"Warning\\\"]):not([value-state=\\\"Success\\\"]):not([value-state=\\\"Information\\\"])[checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer {\\n\\tstroke: var(--_ui5_radio_button_outer_ring_checked_hover_color);\\n}\\n\\n.ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer,\\n:host([checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer {\\n\\tfill: var(--_ui5_radio_button_hover_fill);\\n}\\n\\n/* active, checked */\\n\\n:host([active][checked]:not([value-state]):not([disabled]):not([readonly])) .ui5-radio-svg-outer {\\n\\tstroke: var(--_ui5_radio_button_outer_ring_checked_hover_color);\\n}\\n\\n/* active, not checked */\\n\\n:host([active]:not([checked]):not([value-state]):not([disabled]):not([readonly])) .ui5-radio-svg-outer {\\n\\tstroke: var(--_ui5_radio_button_outer_ring_active_color);\\n}\\n\\n/* with label */\\n\\n:host([text]) .ui5-radio-root:focus-visible:before {\\n\\tinset-inline: var(--_ui5_radio_button_focus_dist) 0;\\n}\\n\\n:host([text]) .ui5-radio-inner {\\n\\tpadding: var(--_ui5_radio_button_outer_ring_padding_with_label);\\n}\\n\\n/* readonly */\\n\\n:host([checked][readonly]) .ui5-radio-svg-inner {\\n\\tfill: var(--sapContent_NonInteractiveIconColor);\\n}\\n\\n:host([readonly]) .ui5-radio-root .ui5-radio-svg-outer {\\n\\tfill: var(--sapField_ReadOnly_Background);\\n\\tstroke: var(--sapField_ReadOnly_BorderColor);\\n\\tstroke-dasharray: var(--_ui5_radio_button_read_only_border_type);\\n\\tstroke-width: var(--_ui5_radio_button_read_only_border_width);\\n}\\n\\n/* value states */\\n\\n:host([value-state=\\\"Error\\\"]) .ui5-radio-svg-outer,\\n:host([value-state=\\\"Warning\\\"]) .ui5-radio-svg-outer {\\n\\tstroke-width: var(--sapField_InvalidBorderWidth);\\n}\\n\\n:host([value-state=\\\"Information\\\"]) .ui5-radio-svg-outer {\\n\\tstroke-width: var(--_ui5_radio_button_information_border_width);\\n}\\n\\n/* Error state */\\n\\n:host([value-state=\\\"Error\\\"][checked]) .ui5-radio-svg-inner {\\n\\tfill: var(--_ui5_radio_button_checked_error_fill);\\n}\\n\\n:host([value-state=\\\"Error\\\"]) .ui5-radio-svg-outer,\\n:host([value-state=\\\"Error\\\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer {\\n\\tstroke: var(--sapField_InvalidColor);\\n\\tfill: var(--sapField_InvalidBackground);\\n}\\n\\n:host([value-state=\\\"Error\\\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer {\\n\\tfill: var(--_ui5_radio_button_hover_fill_error);\\n}\\n\\n:host([value-state=\\\"Error\\\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable {\\n\\tfilter: drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_error));\\n}\\n\\n/* Warning state */\\n\\n:host([value-state=\\\"Warning\\\"][checked]) .ui5-radio-svg-inner {\\n\\tfill: var(--_ui5_radio_button_checked_warning_fill);\\n}\\n\\n:host([value-state=\\\"Warning\\\"]) .ui5-radio-svg-outer,\\n:host([value-state=\\\"Warning\\\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer {\\n\\tstroke: var(--sapField_WarningColor);\\n\\tfill: var(--sapField_WarningBackground);\\n}\\n\\n:host([value-state=\\\"Warning\\\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer {\\n\\tfill: var(--_ui5_radio_button_hover_fill_warning);\\n}\\n\\n:host([value-state=\\\"Warning\\\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable {\\n\\tfilter: drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_warning));\\n}\\n\\n/* Success state */\\n\\n:host([value-state=\\\"Success\\\"][checked]) .ui5-radio-svg-inner {\\n\\tfill: var(--_ui5_radio_button_checked_success_fill);\\n}\\n\\n:host([value-state=\\\"Success\\\"]) .ui5-radio-svg-outer,\\n:host([value-state=\\\"Success\\\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer {\\n\\tstroke: var(--sapField_SuccessColor);\\n\\tfill: var(--sapField_SuccessBackground);\\n}\\n\\n:host([value-state=\\\"Success\\\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer {\\n\\tfill: var(--_ui5_radio_button_hover_fill_success);\\n}\\n\\n:host([value-state=\\\"Success\\\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable {\\n\\tfilter: drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_success));\\n}\\n\\n/* Information state */\\n\\n:host([value-state=\\\"Information\\\"][checked]) .ui5-radio-svg-inner {\\n\\tfill: var(--_ui5_radio_button_checked_information_fill);\\n}\\n\\n:host([value-state=\\\"Information\\\"]) .ui5-radio-svg-outer,\\n:host([value-state=\\\"Information\\\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable:hover .ui5-radio-svg-outer {\\n\\tstroke: var(--sapField_InformationColor);\\n\\tfill: var(--sapField_InformationBackground);\\n}\\n\\n:host([value-state=\\\"Information\\\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer {\\n\\tfill: var(--_ui5_radio_button_hover_fill_information);\\n}\\n\\n:host([value-state=\\\"Information\\\"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable {\\n\\tfilter: drop-shadow(var(--_ui5_radio_button_outer_ring_hover_shadow_information));\\n}\\n\\n:host([value-state=\\\"Error\\\"]) .ui5-radio-root,\\n:host([value-state=\\\"Warning\\\"]) .ui5-radio-root,\\n:host([value-state=\\\"Information\\\"]) .ui5-radio-root {\\n\\tstroke-dasharray: var(--_ui5_radio_button_warning_error_border_dash);\\n}\\n\\n.ui5-radio-root {\\n\\theight: var(--_ui5_radio_button_height);\\n\\tposition: relative;\\n\\tdisplay: inline-flex;\\n\\tflex-wrap: nowrap;\\n\\toutline: none;\\n\\tmax-width: 100%;\\n\\twidth: var(--_ui5_radio_button_inner_width);\\n\\tbox-sizing: border-box;\\n\\tborder: var(--_ui5_radio_button_border);\\n\\tborder-radius: var(--_ui5_radio_button_border_radius);\\n\\ttransition: var(--_ui5_radio_button_transition);\\n}\\n\\n/* Inner */\\n\\n.ui5-radio-inner {\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tpadding: var(--_ui5_radio_button_outer_ring_padding);\\n\\tflex-shrink: 0;\\n\\theight: var(--_ui5_radio_button_inner_size);\\n\\tfont-size: 1rem; /* override font size of the message dialog */\\n\\tpointer-events: none;\\n\\tvertical-align: top;\\n}\\n\\n.ui5-radio-inner {\\n\\toutline: none;\\n}\\n\\n.ui5-radio-inner input {\\n\\t-webkit-appearance: none;\\n\\tvisibility: hidden;\\n\\twidth: 0;\\n\\tleft: 0;\\n\\tposition: absolute;\\n\\tfont-size: inherit;\\n\\tmargin: 0; /* FF puts margin */\\n}\\n\\n/* Label */\\n\\n[ui5-label].ui5-radio-label {\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tpadding-inline-end: var(--_ui5_radio_button_label_offset);\\n\\tvertical-align: top;\\n\\tmax-width: 100%;\\n\\ttext-overflow: ellipsis;\\n\\toverflow: hidden;\\n\\tpointer-events: none;\\n\\tcolor: var(--_ui5_radio_button_label_color);\\n}\\n\\n:host([wrapping-type=\\\"Normal\\\"][text]) .ui5-radio-root {\\n\\theight: auto;\\n}\\n\\n:host([wrapping-type=\\\"Normal\\\"][text]) [ui5-label].ui5-radio-label {\\n\\tpadding: var(--_ui5_radio_button_label_side_padding) 0;\\n\\toverflow-wrap: break-word;\\n}\\n\\n/* SVG */\\n\\n.ui5-radio-svg {\\n\\theight: var(--_ui5_radio_button_svg_size);\\n\\twidth: var(--_ui5_radio_button_svg_size);\\n\\toverflow: visible;\\n\\tpointer-events: none;\\n}\\n\\n.ui5-radio-svg-outer {\\n\\tfill: var(--_ui5_radio_button_outer_ring_bg);\\n\\tstroke: currentColor;\\n\\tstroke-width: var(--_ui5_radio_button_outer_ring_width);\\n}\\n\\n.ui5-radio-svg-inner {\\n\\tfill: none;\\n\\tr: var(--_ui5_radio_button_inner_ring_radius);\\n}\\n\\n.ui5-radio-svg-outer,\\n.ui5-radio-svg-inner {\\n\\tflex-shrink: 0;\\n}\\n\\n/* ListItem Context */\\n\\n:host(.ui5-li-singlesel-radiobtn) .ui5-radio-root .ui5-radio-inner .ui5-radio-svg-outer {\\n\\tfill: var(--sapList_Background);\\n}\\n\"};\nexport default styleData;\n\t"]}
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", async () => defaultTheme);
|
|
6
|
-
const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/RangeSlider.css", content: ":host([ui5-range-slider]) .ui5-slider-progress-container
|
|
6
|
+
const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/RangeSlider.css", content: ":host([ui5-range-slider]) .ui5-slider-progress-container::before {\n\tbackground-color: var(--_ui5_slider_progress_container_dot_background);\n}\n\n/* Range Slider handles (Horizon implementatioon) */\n\n.ui5-slider-root:hover:active .ui5-slider-handle:not(:focus) {\n\tbackground: var(--sapSlider_RangeHandleBackground);\n}\n\n.ui5-slider-root:active .ui5-slider-handle:active:focus,\n.ui5-slider-root:active .ui5-slider-handle:focus {\n\tbackground: var(--_ui5_range_slider_handle_active_background);\n}\n\n.ui5-slider-root:active .ui5-slider-handle:active:focus [slider-icon],\n.ui5-slider-root:active .ui5-slider-handle:focus [slider-icon] {\n\tdisplay: var(--_ui5_range_slider_active_handle_icon_display);\n}\n\n:host([range-pressed]) .ui5-slider-root:active .ui5-slider-handle:not(:focus) {\n\tbackground: var(--_ui5_range_slider_handle_active_background);\n\tborder: var(--_ui5_slider_handle_focus_border);\n\tbox-shadow: none;\n}\n\n:host([range-pressed]) .ui5-slider-progress:focus::after {\n\tborder: none;\n}\n\n:host([range-pressed]) .ui5-slider-handle [slider-icon] {\n\tdisplay: var(--_ui5_range_slider_active_handle_icon_display);\n}\n\n.ui5-slider-root:not(.ui5-slider-root-phone):focus .ui5-slider-inner .ui5-slider-handle,\n.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-inner .ui5-slider-handle:focus {\n\tbackground: var(--_ui5_range_slider_handle_background_focus);\n}\n\n.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-inner .ui5-slider-handle:focus [slider-icon] {\n display: none;\n}\n\n.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-progress:focus::before {\n\tdisplay: var(--_ui5_range_slider_legacy_progress_focus_display);\n\tcontent: '';\n\tposition: absolute;\n\twidth: var(--_ui5_range_slider_focus_outline_width);\n\tborder: var(--_ui5_slider_progress_outline);\n\tborder-radius: var(--_ui5_range_slider_focus_outline_radius);\n\ttop: var(--_ui5_slider_progress_outline_offset);\n\theight: var(--_ui5_slider_outer_height);\n\tbox-sizing: border-box;\n\tleft: var(--_ui5_slider_progress_outline_offset_left);\n}\n\n.ui5-slider-progress {\n position: relative;\n}\n\n.ui5-slider-progress:focus::after {\n\tborder: 0.125rem solid var(--sapContent_FocusColor);\n\tborder-radius: 0.5rem;\n\tcontent: \"\";\n\tdisplay: var(--_ui5_range_slider_progress_focus_display);\n\tposition: absolute;\n\ttop: var(--_ui5_range_slider_progress_focus_top);\n\tleft: var(--_ui5_range_slider_progress_focus_left);\n\tpadding: var(--_ui5_range_slider_progress_focus_padding);\n\twidth: var(--_ui5_range_slider_progress_focus_width);\n\theight: var(--_ui5_range_slider_progress_focus_height);\n\tbox-sizing: border-box;\n}\n\n.ui5-slider-handle {\n\tbackground: var(--_ui5_range_slider_handle_background);\n}\n\n.ui5-slider-root:hover .ui5-slider-handle:not(:focus) {\n\tbackground: var(--_ui5_range_slider_root_hover_handle_bg);\n}\n\n.ui5-slider-root:hover .ui5-slider-handle:not(:focus) [slider-icon] {\n\tdisplay: var(--_ui5_range_slider_root_hover_handle_icon_display);\n}\n\n:host([range-pressed]) .ui5-slider-root:active .ui5-slider-handle:not(:focus) [slider-icon] {\n\tdisplay: var(--_ui5_range_slider_root_active_handle_icon_display);\n}" };
|
|
7
7
|
export default styleData;
|
|
8
8
|
//# sourceMappingURL=RangeSlider.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangeSlider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/RangeSlider.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,
|
|
1
|
+
{"version":3,"file":"RangeSlider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/RangeSlider.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,qnGAAqnG,EAAC,CAAC;AAChuG,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/RangeSlider.css\",content:\":host([ui5-range-slider]) .ui5-slider-progress-container::before {\\n\\tbackground-color: var(--_ui5_slider_progress_container_dot_background);\\n}\\n\\n/* Range Slider handles (Horizon implementatioon) */\\n\\n.ui5-slider-root:hover:active .ui5-slider-handle:not(:focus) {\\n\\tbackground: var(--sapSlider_RangeHandleBackground);\\n}\\n\\n.ui5-slider-root:active .ui5-slider-handle:active:focus,\\n.ui5-slider-root:active .ui5-slider-handle:focus {\\n\\tbackground: var(--_ui5_range_slider_handle_active_background);\\n}\\n\\n.ui5-slider-root:active .ui5-slider-handle:active:focus [slider-icon],\\n.ui5-slider-root:active .ui5-slider-handle:focus [slider-icon] {\\n\\tdisplay: var(--_ui5_range_slider_active_handle_icon_display);\\n}\\n\\n:host([range-pressed]) .ui5-slider-root:active .ui5-slider-handle:not(:focus) {\\n\\tbackground: var(--_ui5_range_slider_handle_active_background);\\n\\tborder: var(--_ui5_slider_handle_focus_border);\\n\\tbox-shadow: none;\\n}\\n\\n:host([range-pressed]) .ui5-slider-progress:focus::after {\\n\\tborder: none;\\n}\\n\\n:host([range-pressed]) .ui5-slider-handle [slider-icon] {\\n\\tdisplay: var(--_ui5_range_slider_active_handle_icon_display);\\n}\\n\\n.ui5-slider-root:not(.ui5-slider-root-phone):focus .ui5-slider-inner .ui5-slider-handle,\\n.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-inner .ui5-slider-handle:focus {\\n\\tbackground: var(--_ui5_range_slider_handle_background_focus);\\n}\\n\\n.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-inner .ui5-slider-handle:focus [slider-icon] {\\n display: none;\\n}\\n\\n.ui5-slider-root:not(.ui5-slider-root-phone) .ui5-slider-progress:focus::before {\\n\\tdisplay: var(--_ui5_range_slider_legacy_progress_focus_display);\\n\\tcontent: '';\\n\\tposition: absolute;\\n\\twidth: var(--_ui5_range_slider_focus_outline_width);\\n\\tborder: var(--_ui5_slider_progress_outline);\\n\\tborder-radius: var(--_ui5_range_slider_focus_outline_radius);\\n\\ttop: var(--_ui5_slider_progress_outline_offset);\\n\\theight: var(--_ui5_slider_outer_height);\\n\\tbox-sizing: border-box;\\n\\tleft: var(--_ui5_slider_progress_outline_offset_left);\\n}\\n\\n.ui5-slider-progress {\\n position: relative;\\n}\\n\\n.ui5-slider-progress:focus::after {\\n\\tborder: 0.125rem solid var(--sapContent_FocusColor);\\n\\tborder-radius: 0.5rem;\\n\\tcontent: \\\"\\\";\\n\\tdisplay: var(--_ui5_range_slider_progress_focus_display);\\n\\tposition: absolute;\\n\\ttop: var(--_ui5_range_slider_progress_focus_top);\\n\\tleft: var(--_ui5_range_slider_progress_focus_left);\\n\\tpadding: var(--_ui5_range_slider_progress_focus_padding);\\n\\twidth: var(--_ui5_range_slider_progress_focus_width);\\n\\theight: var(--_ui5_range_slider_progress_focus_height);\\n\\tbox-sizing: border-box;\\n}\\n\\n.ui5-slider-handle {\\n\\tbackground: var(--_ui5_range_slider_handle_background);\\n}\\n\\n.ui5-slider-root:hover .ui5-slider-handle:not(:focus) {\\n\\tbackground: var(--_ui5_range_slider_root_hover_handle_bg);\\n}\\n\\n.ui5-slider-root:hover .ui5-slider-handle:not(:focus) [slider-icon] {\\n\\tdisplay: var(--_ui5_range_slider_root_hover_handle_icon_display);\\n}\\n\\n:host([range-pressed]) .ui5-slider-root:active .ui5-slider-handle:not(:focus) [slider-icon] {\\n\\tdisplay: var(--_ui5_range_slider_root_active_handle_icon_display);\\n}\"};\nexport default styleData;\n\t"]}
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", async () => defaultTheme);
|
|
6
|
-
const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/RatingIndicator.css", content: ":host(:not([hidden])){
|
|
6
|
+
const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/RatingIndicator.css", content: ":host(:not([hidden])) {\n\tdisplay: inline-block;\n\tfont-size: 24px;\n\tmargin: var(--_ui5_rating_indicator_component_spacing);\n\tcursor: pointer;\n}\n\n:host([disabled]) {\n\topacity: .4;\n\tcursor: initial;\n\toutline: none;\n}\n\n:host([readonly]) {\n\tcursor: initial;\n}\n\n:host([disabled]) .ui5-rating-indicator-item-unsel,\n:host([readonly]) .ui5-rating-indicator-item-unsel {\n\tpadding-inline: var(--_ui5_rating_indicator_readonly_item_spacing);\n\twidth: var(--_ui5_rating_indicator_readonly_item_width);\n\theight: var(--_ui5_rating_indicator_readonly_item_height);\n}\n\n:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover {\n\topacity: .9;\n}\n\n:host([_focused]) {\n\toutline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n\toutline-offset: var(--_ui5_rating_indicator_outline_offset);\n\tborder-radius: var(--_ui5_rating_indicator_border_radius);\n}\n\n[ui5-icon] {\n\tdisplay: flex;\n\ttext-shadow: var(--sapContent_TextShadow);\n}\n\n.ui5-rating-indicator-root {\n\toutline: none;\n\tposition: relative;\n}\n\n.ui5-rating-indicator-list {\n\tlist-style-type: none;\n\tdisplay: flex;\n\talign-items: center;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.ui5-rating-indicator-item {\n\tposition: relative;\n\twidth: var(--_ui5_rating_indicator_item_width);\n\theight: var(--_ui5_rating_indicator_item_height);\n}\n\n.ui5-rating-indicator-item:not(:last-child) {\n\tmargin-inline-end: 0.1875rem;\n}\n\n.ui5-rating-indicator-item [ui5-icon] {\n\twidth: 100%;\n\theight: 100%;\n\tcolor: inherit;\n\tuser-select: none;\n}\n\n.ui5-rating-indicator-item.ui5-rating-indicator-item-sel {\n\tcolor: var(--sapContent_RatedColor);\n}\n\n.ui5-rating-indicator-item.ui5-rating-indicator-item-unsel {\n\tcolor: var(--sapContent_UnratedColor);\n}\n\n.ui5-rating-indicator-item.ui5-rating-indicator-item-half {\n\tcolor: var(--sapContent_UnratedColor);\n}\n\n.ui5-rating-indicator-item [ui5-icon].ui5-rating-indicator-half-icon {\n\tposition: absolute;\n inset-inline-start: 50%;\n color: var(--sapContent_RatedColor);\n}\n\n.ui5-rating-indicator-half-icon-wrapper {\n\twidth: 100%;\n height: 100%;\n position: absolute;\n inset-inline-start: -50%;\n top: 0;\n z-index: 32;\n overflow: hidden;\n}" };
|
|
7
7
|
export default styleData;
|
|
8
8
|
//# sourceMappingURL=RatingIndicator.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RatingIndicator.css.js","sourceRoot":"","sources":["../../../src/generated/themes/RatingIndicator.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,4BAA4B,EAAC,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"RatingIndicator.css.js","sourceRoot":"","sources":["../../../src/generated/themes/RatingIndicator.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,4BAA4B,EAAC,OAAO,EAAC,suEAAsuE,EAAC,CAAC;AACr1E,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/RatingIndicator.css\",content:\":host(:not([hidden])) {\\n\\tdisplay: inline-block;\\n\\tfont-size: 24px;\\n\\tmargin: var(--_ui5_rating_indicator_component_spacing);\\n\\tcursor: pointer;\\n}\\n\\n:host([disabled]) {\\n\\topacity: .4;\\n\\tcursor: initial;\\n\\toutline: none;\\n}\\n\\n:host([readonly]) {\\n\\tcursor: initial;\\n}\\n\\n:host([disabled]) .ui5-rating-indicator-item-unsel,\\n:host([readonly]) .ui5-rating-indicator-item-unsel {\\n\\tpadding-inline: var(--_ui5_rating_indicator_readonly_item_spacing);\\n\\twidth: var(--_ui5_rating_indicator_readonly_item_width);\\n\\theight: var(--_ui5_rating_indicator_readonly_item_height);\\n}\\n\\n:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover {\\n\\topacity: .9;\\n}\\n\\n:host([_focused]) {\\n\\toutline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\\n\\toutline-offset: var(--_ui5_rating_indicator_outline_offset);\\n\\tborder-radius: var(--_ui5_rating_indicator_border_radius);\\n}\\n\\n[ui5-icon] {\\n\\tdisplay: flex;\\n\\ttext-shadow: var(--sapContent_TextShadow);\\n}\\n\\n.ui5-rating-indicator-root {\\n\\toutline: none;\\n\\tposition: relative;\\n}\\n\\n.ui5-rating-indicator-list {\\n\\tlist-style-type: none;\\n\\tdisplay: flex;\\n\\talign-items: center;\\n\\tmargin: 0;\\n\\tpadding: 0;\\n}\\n\\n.ui5-rating-indicator-item {\\n\\tposition: relative;\\n\\twidth: var(--_ui5_rating_indicator_item_width);\\n\\theight: var(--_ui5_rating_indicator_item_height);\\n}\\n\\n.ui5-rating-indicator-item:not(:last-child) {\\n\\tmargin-inline-end: 0.1875rem;\\n}\\n\\n.ui5-rating-indicator-item [ui5-icon] {\\n\\twidth: 100%;\\n\\theight: 100%;\\n\\tcolor: inherit;\\n\\tuser-select: none;\\n}\\n\\n.ui5-rating-indicator-item.ui5-rating-indicator-item-sel {\\n\\tcolor: var(--sapContent_RatedColor);\\n}\\n\\n.ui5-rating-indicator-item.ui5-rating-indicator-item-unsel {\\n\\tcolor: var(--sapContent_UnratedColor);\\n}\\n\\n.ui5-rating-indicator-item.ui5-rating-indicator-item-half {\\n\\tcolor: var(--sapContent_UnratedColor);\\n}\\n\\n.ui5-rating-indicator-item [ui5-icon].ui5-rating-indicator-half-icon {\\n\\tposition: absolute;\\n inset-inline-start: 50%;\\n color: var(--sapContent_RatedColor);\\n}\\n\\n.ui5-rating-indicator-half-icon-wrapper {\\n\\twidth: 100%;\\n height: 100%;\\n position: absolute;\\n inset-inline-start: -50%;\\n top: 0;\\n z-index: 32;\\n overflow: hidden;\\n}\"};\nexport default styleData;\n\t"]}
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", async () => defaultTheme);
|
|
6
|
-
const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/ResponsivePopover.css", content: ":host{--_ui5_input_width:100
|
|
6
|
+
const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/ResponsivePopover.css", content: ":host {\n\t--_ui5_input_width: 100%;\n\tmin-width: 6.25rem;\n\tmin-height: 2rem;\n}\n\n:host([opened]) {\n\tdisplay: inline-block;\n}\n\n.ui5-responsive-popover-header {\n\theight: var(--_ui5-responsive_popover_header_height);\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\twidth:100%;\n}\n\n.ui5-responsive-popover-header-text {\n\twidth: calc(100% - var(--_ui5_button_base_min_width));\n}\n\n.ui5-responsive-popover-header-no-title {\n\tjustify-content: flex-end;\n}\n" };
|
|
7
7
|
export default styleData;
|
|
8
8
|
//# sourceMappingURL=ResponsivePopover.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsivePopover.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ResponsivePopover.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,8BAA8B,EAAC,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"ResponsivePopover.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ResponsivePopover.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,oBAAoB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAE7F,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,oBAAoB,EAAC,QAAQ,EAAC,8BAA8B,EAAC,OAAO,EAAC,yfAAyf,EAAC,CAAC;AAC1mB,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/ResponsivePopover.css\",content:\":host {\\n\\t--_ui5_input_width: 100%;\\n\\tmin-width: 6.25rem;\\n\\tmin-height: 2rem;\\n}\\n\\n:host([opened]) {\\n\\tdisplay: inline-block;\\n}\\n\\n.ui5-responsive-popover-header {\\n\\theight: var(--_ui5-responsive_popover_header_height);\\n\\tdisplay: flex;\\n\\tjustify-content: space-between;\\n\\talign-items: center;\\n\\twidth:100%;\\n}\\n\\n.ui5-responsive-popover-header-text {\\n\\twidth: calc(100% - var(--_ui5_button_base_min_width));\\n}\\n\\n.ui5-responsive-popover-header-no-title {\\n\\tjustify-content: flex-end;\\n}\\n\"};\nexport default styleData;\n\t"]}
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", async () => defaultTheme);
|
|
6
|
-
const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/ResponsivePopoverCommon.css", content: ".input-root-phone{
|
|
6
|
+
const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/ResponsivePopoverCommon.css", content: "/* styles for input in dialog */\n.input-root-phone {\n\tflex: 1;\n\tposition: relative;\n\theight: var(--_ui5_input_height);\n\tcolor: var(--sapField_TextColor);\n\tfont-size: var(--sapFontSize);\n\tfont-family: \"72override\", var(--sapFontFamily);\n\tbackground: var(--sapField_BackgroundStyle);\n\tbackground-color: var(--_ui5_input_background_color);\n\tborder: var(--_ui5-input-border);\n\tborder-radius: var(--_ui5_input_border_radius);\n\tbox-sizing: border-box;\n}\n.input-root-phone [inner-input] {\n\tpadding: 0 0.5rem;\n\twidth: 100%;\n\theight: 100%;\n}\n.input-root-phone [inner-input]:focus {\n\tbackground-color: var(--sapField_Focus_Background);\n}\n.input-root-phone:focus-within:before {\n\tcontent: '';\n\tposition: absolute;\n\tpointer-events: none;\n\tz-index: 2;\n\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\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}\n.input-root-phone [value-state=\"Error\"] [input-icon][data-ui5-compact-size],\n.input-root-phone [value-state=\"Success\"] [input-icon][data-ui5-compact-size],\n.input-root-phone [value-state=\"Warning\"] [input-icon][data-ui5-compact-size] {\n\tpadding: .1875rem .5rem\n}\n[inner-input] {\n\tbackground: transparent;\n\tcolor: inherit;\n\tborder: none;\n\tfont-style: normal;\n\t-webkit-appearance: none;\n\t-moz-appearance: textfield;\n\tline-height: normal;\n\tpadding: var(--_ui5_input_inner_padding);\n\tbox-sizing: border-box;\n\tmin-width: 3rem;\n\ttext-overflow: ellipsis;\n\tflex: 1;\n\toutline: none;\n\tfont-size: inherit;\n\tfont-family: inherit;\n\tborder-radius: var(--_ui5_input_border_radius);\n}\n[inner-input]::selection,\n[inner-input]::-moz-selection {\n\tbackground: var(--sapSelectedColor);\n\tcolor: var(--sapContent_ContrastTextColor);\n}\n/* Input placeholder */\n[inner-input]::-webkit-input-placeholder {\n\tfont-style: italic;\n\tcolor: var(--sapField_PlaceholderTextColor);\n}\n[inner-input]::-moz-placeholder {\n\tfont-style: italic;\n\tcolor: var(--sapField_PlaceholderTextColor);\n}\n.input-root-phone[value-state]:not([value-state=\"None\"]) {\n\tborder-width: var(--_ui5_input_state_border_width);\n}\n.input-root-phone[value-state=\"Error\"] [inner-input],\n.input-root-phone[value-state=\"Warning\"] [inner-input] {\n\tfont-style: var(--_ui5_input_error_warning_font_style);\n}\n.input-root-phone[value-state=\"Error\"] [inner-input] {\n\tfont-weight: var(--_ui5_input_error_font_weight);\n}\n.input-root-phone[value-state=\"Error\"]:not([readonly]) {\n\tbackground: var(--sapField_InvalidBackgroundStyle);\n\tbackground-color: var(--sapField_InvalidBackground);\n\tborder-color: var(--_ui5_input_value_state_error_border_color);\n}\n.input-root-phone[value-state=\"Error\"]:not([readonly]) [inner-input]:focus {\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.input-root-phone[value-state=\"Error\"]:not([readonly]):focus-within:before {\n\tborder-color: var(--_ui5_input_focused_value_state_error_focus_outline_color);\n}\n.input-root-phone[value-state=\"Error\"]:not([readonly]):not([disabled]),\n.input-root-phone[value-state=\"Warning\"]:not([readonly]):not([disabled]),\n.input-root-phone[value-state=\"Information\"]:not([readonly]):not([disabled]) {\n\tborder-style: var(--_ui5_input_error_warning_border_style);\n}\n.input-root-phone[value-state=\"Warning\"]:not([readonly]) {\n\tbackground: var(--sapField_WarningBackgroundStyle);\n\tbackground-color: var(--sapField_WarningBackground);\n\tborder-color: var(--_ui5_input_value_state_warning_border_color);\n}\n.input-root-phone[value-state=\"Warning\"]:not([readonly]) [inner-input]:focus {\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.input-root-phone[value-state=\"Warning\"]:not([readonly]):focus-within:before {\n\tborder-color: var(--_ui5_input_focused_value_state_warning_focus_outline_color);\n}\n.input-root-phone[value-state=\"Success\"]:not([readonly]) {\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}\n.input-root-phone[value-state=\"Success\"]:not([readonly]) [inner-input]:focus {\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.input-root-phone[value-state=\"Success\"]:not([readonly]):focus-within:before {\n\tborder-color: var(--_ui5_input_focused_value_state_success_focus_outline_color);\n}\n.input-root-phone[value-state=\"Information\"]:not([readonly]) {\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}\n.input-root-phone[value-state=\"Information\"]:not([readonly]) [inner-input]:focus {\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/* MultiComboBox & MultiInput specific */\n.ui5-multi-combobox-toggle-button {\n\tmargin-left: 0.5rem;\n}\n.ui5-responsive-popover-header {\n\twidth: 100%;\n\tmin-height: 2.5rem;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n.ui5-responsive-popover-header-text {\n\twidth: calc(100% - var(--_ui5_button_base_min_width));\n}\n/* Header and footer layout */\n.ui5-responsive-popover-header .row {\n\tbox-sizing: border-box;\n\tpadding: 0.25rem 1rem;\n\tmin-height: 2.5rem;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tfont-size: var(--sapFontHeader5Size);\n}\n.ui5-responsive-popover-footer {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\tpadding: 0.25rem 0;\n\twidth: 100%;\n}\n.ui5-responsive-popover-close-btn {\n\tposition: absolute;\n\tright: 1rem;\n}\n\n" };
|
|
7
7
|
export default styleData;
|
|
8
8
|
//# sourceMappingURL=ResponsivePopoverCommon.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsivePopoverCommon.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ResponsivePopoverCommon.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,oCAAoC,EAAC,OAAO,EAAC,+
|
|
1
|
+
{"version":3,"file":"ResponsivePopoverCommon.css.js","sourceRoot":"","sources":["../../../src/generated/themes/ResponsivePopoverCommon.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,oCAAoC,EAAC,OAAO,EAAC,+rMAA+rM,EAAC,CAAC;AACtzM,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/ResponsivePopoverCommon.css\",content:\"/* styles for input in dialog */\\n.input-root-phone {\\n\\tflex: 1;\\n\\tposition: relative;\\n\\theight: var(--_ui5_input_height);\\n\\tcolor: var(--sapField_TextColor);\\n\\tfont-size: var(--sapFontSize);\\n\\tfont-family: \\\"72override\\\", var(--sapFontFamily);\\n\\tbackground: var(--sapField_BackgroundStyle);\\n\\tbackground-color: var(--_ui5_input_background_color);\\n\\tborder: var(--_ui5-input-border);\\n\\tborder-radius: var(--_ui5_input_border_radius);\\n\\tbox-sizing: border-box;\\n}\\n.input-root-phone [inner-input] {\\n\\tpadding: 0 0.5rem;\\n\\twidth: 100%;\\n\\theight: 100%;\\n}\\n.input-root-phone [inner-input]:focus {\\n\\tbackground-color: var(--sapField_Focus_Background);\\n}\\n.input-root-phone:focus-within:before {\\n\\tcontent: '';\\n\\tposition: absolute;\\n\\tpointer-events: none;\\n\\tz-index: 2;\\n\\tborder: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\\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}\\n.input-root-phone [value-state=\\\"Error\\\"] [input-icon][data-ui5-compact-size],\\n.input-root-phone [value-state=\\\"Success\\\"] [input-icon][data-ui5-compact-size],\\n.input-root-phone [value-state=\\\"Warning\\\"] [input-icon][data-ui5-compact-size] {\\n\\tpadding: .1875rem .5rem\\n}\\n[inner-input] {\\n\\tbackground: transparent;\\n\\tcolor: inherit;\\n\\tborder: none;\\n\\tfont-style: normal;\\n\\t-webkit-appearance: none;\\n\\t-moz-appearance: textfield;\\n\\tline-height: normal;\\n\\tpadding: var(--_ui5_input_inner_padding);\\n\\tbox-sizing: border-box;\\n\\tmin-width: 3rem;\\n\\ttext-overflow: ellipsis;\\n\\tflex: 1;\\n\\toutline: none;\\n\\tfont-size: inherit;\\n\\tfont-family: inherit;\\n\\tborder-radius: var(--_ui5_input_border_radius);\\n}\\n[inner-input]::selection,\\n[inner-input]::-moz-selection {\\n\\tbackground: var(--sapSelectedColor);\\n\\tcolor: var(--sapContent_ContrastTextColor);\\n}\\n/* Input placeholder */\\n[inner-input]::-webkit-input-placeholder {\\n\\tfont-style: italic;\\n\\tcolor: var(--sapField_PlaceholderTextColor);\\n}\\n[inner-input]::-moz-placeholder {\\n\\tfont-style: italic;\\n\\tcolor: var(--sapField_PlaceholderTextColor);\\n}\\n.input-root-phone[value-state]:not([value-state=\\\"None\\\"]) {\\n\\tborder-width: var(--_ui5_input_state_border_width);\\n}\\n.input-root-phone[value-state=\\\"Error\\\"] [inner-input],\\n.input-root-phone[value-state=\\\"Warning\\\"] [inner-input] {\\n\\tfont-style: var(--_ui5_input_error_warning_font_style);\\n}\\n.input-root-phone[value-state=\\\"Error\\\"] [inner-input] {\\n\\tfont-weight: var(--_ui5_input_error_font_weight);\\n}\\n.input-root-phone[value-state=\\\"Error\\\"]:not([readonly]) {\\n\\tbackground: var(--sapField_InvalidBackgroundStyle);\\n\\tbackground-color: var(--sapField_InvalidBackground);\\n\\tborder-color: var(--_ui5_input_value_state_error_border_color);\\n}\\n.input-root-phone[value-state=\\\"Error\\\"]:not([readonly]) [inner-input]:focus {\\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.input-root-phone[value-state=\\\"Error\\\"]:not([readonly]):focus-within:before {\\n\\tborder-color: var(--_ui5_input_focused_value_state_error_focus_outline_color);\\n}\\n.input-root-phone[value-state=\\\"Error\\\"]:not([readonly]):not([disabled]),\\n.input-root-phone[value-state=\\\"Warning\\\"]:not([readonly]):not([disabled]),\\n.input-root-phone[value-state=\\\"Information\\\"]:not([readonly]):not([disabled]) {\\n\\tborder-style: var(--_ui5_input_error_warning_border_style);\\n}\\n.input-root-phone[value-state=\\\"Warning\\\"]:not([readonly]) {\\n\\tbackground: var(--sapField_WarningBackgroundStyle);\\n\\tbackground-color: var(--sapField_WarningBackground);\\n\\tborder-color: var(--_ui5_input_value_state_warning_border_color);\\n}\\n.input-root-phone[value-state=\\\"Warning\\\"]:not([readonly]) [inner-input]:focus {\\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.input-root-phone[value-state=\\\"Warning\\\"]:not([readonly]):focus-within:before {\\n\\tborder-color: var(--_ui5_input_focused_value_state_warning_focus_outline_color);\\n}\\n.input-root-phone[value-state=\\\"Success\\\"]:not([readonly]) {\\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}\\n.input-root-phone[value-state=\\\"Success\\\"]:not([readonly]) [inner-input]:focus {\\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.input-root-phone[value-state=\\\"Success\\\"]:not([readonly]):focus-within:before {\\n\\tborder-color: var(--_ui5_input_focused_value_state_success_focus_outline_color);\\n}\\n.input-root-phone[value-state=\\\"Information\\\"]:not([readonly]) {\\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}\\n.input-root-phone[value-state=\\\"Information\\\"]:not([readonly]) [inner-input]:focus {\\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/* MultiComboBox & MultiInput specific */\\n.ui5-multi-combobox-toggle-button {\\n\\tmargin-left: 0.5rem;\\n}\\n.ui5-responsive-popover-header {\\n\\twidth: 100%;\\n\\tmin-height: 2.5rem;\\n\\tdisplay: flex;\\n\\tflex-direction: column;\\n}\\n.ui5-responsive-popover-header-text {\\n\\twidth: calc(100% - var(--_ui5_button_base_min_width));\\n}\\n/* Header and footer layout */\\n.ui5-responsive-popover-header .row {\\n\\tbox-sizing: border-box;\\n\\tpadding: 0.25rem 1rem;\\n\\tmin-height: 2.5rem;\\n\\tdisplay: flex;\\n\\tjustify-content: center;\\n\\talign-items: center;\\n\\tfont-size: var(--sapFontHeader5Size);\\n}\\n.ui5-responsive-popover-footer {\\n\\tdisplay: flex;\\n\\tjustify-content: flex-end;\\n\\tpadding: 0.25rem 0;\\n\\twidth: 100%;\\n}\\n.ui5-responsive-popover-close-btn {\\n\\tposition: absolute;\\n\\tright: 1rem;\\n}\\n\\n\"};\nexport default styleData;\n\t"]}
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", async () => defaultTheme);
|
|
6
|
-
const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/SegmentedButton.css", content: ":host{
|
|
6
|
+
const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/SegmentedButton.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}\n.ui5-segmented-button-root {\n\tdisplay: flex;\n\tmargin: 0;\n\tpadding: 0;\n\tbackground-color: var(--sapButton_Background);\n\tborder-radius: var(--_ui5_segmented_btn_outer_border_radius);\n}\n::slotted([ui5-segmented-button-item]) {\n\tborder-radius: var(--_ui5_segmented_btn_inner_border_radius);\n\theight: var(--_ui5_button_base_height);\n\tmin-width: 2.5rem;\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tz-index: initial;\n}\n::slotted([ui5-segmented-button-item]:hover) {\n\tz-index: 2;\n}\n::slotted([ui5-segmented-button-item][pressed]),\n::slotted([ui5-segmented-button-item][active]) {\n\tborder: 0.0625rem solid var(--sapButton_Selected_BorderColor);\n\tbackground-color: var(--sapButton_Selected_Background);\n\tcolor: var(--sapButton_Selected_TextColor);\n}\n::slotted([ui5-segmented-button-item][pressed]:hover) {\n\tborder: 0.0625rem solid var(--sapButton_Selected_Hover_BorderColor);\n\tbackground-color: var(--sapButton_Selected_Hover_Background);\n\tcolor: var(--sapButton_Selected_TextColor);\n}\n::slotted([ui5-segmented-button-item]:nth-child(odd)) {\n\tborder-inline-end: var(--_ui5_segmented_btn_inner_border_odd_child);\n\tborder-inline-start: var(--_ui5_segmented_btn_inner_border_odd_child);\n}\n::slotted([ui5-segmented-button-item][pressed]:nth-child(odd)),\n::slotted([ui5-segmented-button-item][active]:nth-child(odd)) {\n\tborder-inline-end: var(--_ui5_segmented_btn_inner_pressed_border_odd_child);\n\tborder-inline-start: var(--_ui5_segmented_btn_inner_pressed_border_odd_child);\n}\n::slotted([ui5-segmented-button-item]:last-child) {\n\tborder-start-end-radius: var(--_ui5_segmented_btn_border_radius);\n\tborder-end-end-radius: var(--_ui5_segmented_btn_border_radius);\n\tborder-inline-end: var(--_ui5_segmented_btn_inner_border);\n}\n::slotted([ui5-segmented-button-item][pressed]:last-child),\n::slotted([ui5-segmented-button-item][active]:last-child) {\n\tborder-inline-end: 0.0625rem solid var(--sapButton_Selected_BorderColor);\n}\n::slotted([ui5-segmented-button-item]:first-child) {\n\tborder-start-start-radius: var(--_ui5_segmented_btn_border_radius);\n\tborder-end-start-radius: var(--_ui5_segmented_btn_border_radius);\n\tborder-inline-start: var(--_ui5_segmented_btn_inner_border);\n}\n::slotted([ui5-segmented-button-item][pressed]:first-child),\n::slotted([ui5-segmented-button-item][active]:first-child) {\n\tborder-inline-start: 0.0625rem solid var(--sapButton_Selected_BorderColor);\n}\n::slotted([ui5-segmented-button-item][active]:not([active]):hover) {\n\tborder-color: var(--sapButton_BorderColor);\n}\n::slotted([ui5-segmented-button-item][active]:hover) {\n\tborder-color: var(--sapButton_Selected_BorderColor);\n}" };
|
|
7
7
|
export default styleData;
|
|
8
8
|
//# sourceMappingURL=SegmentedButton.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedButton.css.js","sourceRoot":"","sources":["../../../src/generated/themes/SegmentedButton.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,4BAA4B,EAAC,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"SegmentedButton.css.js","sourceRoot":"","sources":["../../../src/generated/themes/SegmentedButton.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,4BAA4B,EAAC,OAAO,EAAC,k+FAAk+F,EAAC,CAAC;AACjlG,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/SegmentedButton.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}\\n.ui5-segmented-button-root {\\n\\tdisplay: flex;\\n\\tmargin: 0;\\n\\tpadding: 0;\\n\\tbackground-color: var(--sapButton_Background);\\n\\tborder-radius: var(--_ui5_segmented_btn_outer_border_radius);\\n}\\n::slotted([ui5-segmented-button-item]) {\\n\\tborder-radius: var(--_ui5_segmented_btn_inner_border_radius);\\n\\theight: var(--_ui5_button_base_height);\\n\\tmin-width: 2.5rem;\\n\\twhite-space: nowrap;\\n\\toverflow: hidden;\\n\\ttext-overflow: ellipsis;\\n\\tz-index: initial;\\n}\\n::slotted([ui5-segmented-button-item]:hover) {\\n\\tz-index: 2;\\n}\\n::slotted([ui5-segmented-button-item][pressed]),\\n::slotted([ui5-segmented-button-item][active]) {\\n\\tborder: 0.0625rem solid var(--sapButton_Selected_BorderColor);\\n\\tbackground-color: var(--sapButton_Selected_Background);\\n\\tcolor: var(--sapButton_Selected_TextColor);\\n}\\n::slotted([ui5-segmented-button-item][pressed]:hover) {\\n\\tborder: 0.0625rem solid var(--sapButton_Selected_Hover_BorderColor);\\n\\tbackground-color: var(--sapButton_Selected_Hover_Background);\\n\\tcolor: var(--sapButton_Selected_TextColor);\\n}\\n::slotted([ui5-segmented-button-item]:nth-child(odd)) {\\n\\tborder-inline-end: var(--_ui5_segmented_btn_inner_border_odd_child);\\n\\tborder-inline-start: var(--_ui5_segmented_btn_inner_border_odd_child);\\n}\\n::slotted([ui5-segmented-button-item][pressed]:nth-child(odd)),\\n::slotted([ui5-segmented-button-item][active]:nth-child(odd)) {\\n\\tborder-inline-end: var(--_ui5_segmented_btn_inner_pressed_border_odd_child);\\n\\tborder-inline-start: var(--_ui5_segmented_btn_inner_pressed_border_odd_child);\\n}\\n::slotted([ui5-segmented-button-item]:last-child) {\\n\\tborder-start-end-radius: var(--_ui5_segmented_btn_border_radius);\\n\\tborder-end-end-radius: var(--_ui5_segmented_btn_border_radius);\\n\\tborder-inline-end: var(--_ui5_segmented_btn_inner_border);\\n}\\n::slotted([ui5-segmented-button-item][pressed]:last-child),\\n::slotted([ui5-segmented-button-item][active]:last-child) {\\n\\tborder-inline-end: 0.0625rem solid var(--sapButton_Selected_BorderColor);\\n}\\n::slotted([ui5-segmented-button-item]:first-child) {\\n\\tborder-start-start-radius: var(--_ui5_segmented_btn_border_radius);\\n\\tborder-end-start-radius: var(--_ui5_segmented_btn_border_radius);\\n\\tborder-inline-start: var(--_ui5_segmented_btn_inner_border);\\n}\\n::slotted([ui5-segmented-button-item][pressed]:first-child),\\n::slotted([ui5-segmented-button-item][active]:first-child) {\\n\\tborder-inline-start: 0.0625rem solid var(--sapButton_Selected_BorderColor);\\n}\\n::slotted([ui5-segmented-button-item][active]:not([active]):hover) {\\n\\tborder-color: var(--sapButton_BorderColor);\\n}\\n::slotted([ui5-segmented-button-item][active]:hover) {\\n\\tborder-color: var(--sapButton_Selected_BorderColor);\\n}\"};\nexport default styleData;\n\t"]}
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", async () => defaultTheme);
|
|
6
|
-
const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/Select.css", content: ":host{vertical-align:middle}[input-icon]{color:var(--_ui5_input_icon_color);cursor:pointer;outline:none;padding:var(--_ui5_input_icon_padding);border-inline-start:var(--_ui5_input_icon_border);min-width:1rem;min-height:1rem;border-radius:var(--_ui5_input_icon_border_radius)}[input-icon][pressed]{background:var(--_ui5_input_icon_pressed_bg);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:not([pressed]):not(:active):hover{background:var(--_ui5_input_icon_hover_bg);box-shadow:var(--_ui5_input_icon_box_shadow)}[input-icon]:hover{border-inline-start:var(--_ui5_select_hover_icon_left_border);box-shadow:var(--_ui5_input_icon_box_shadow)}.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block}:host{width:var(--_ui5_input_width);min-width:calc(var(--_ui5_input_min_width) + var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width));margin:var(--_ui5_input_margin_top_bottom) 0;height:var(--_ui5_input_height);color:var(--sapField_TextColor);font-size:var(--sapFontSize);font-family:\"72override\",var(--sapFontFamily);font-style:normal;border:var(--_ui5-input-border);border-radius:var(--_ui5_input_border_radius);box-sizing:border-box;text-align:start;transition:var(--_ui5_input_transition);background:var(--sapField_BackgroundStyle);background-color:var(--_ui5_input_background_color)}:host(:not([readonly])){box-shadow:var(--sapField_Shadow)}:host([focused]:not([opened])){border-color:var(--_ui5_input_focused_border_color);background-color:var(--sapField_Focus_Background)}.ui5-input-focusable-element{position:relative}:host([focused]:not([opened])) .ui5-input-focusable-element:after{content:var(--ui5_input_focus_pseudo_element_content);position:absolute;pointer-events:none;z-index:2;border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_input_focus_outline_color);border-radius:var(--_ui5_input_focus_border_radius);top:var(--_ui5_input_focus_offset);bottom:var(--_ui5_input_focus_offset);left:var(--_ui5_input_focus_offset);right:var(--_ui5_input_focus_offset)}.ui5-input-root:before{content:\"\";position:absolute;width:calc(100% - 2px);left:1px;bottom:-2px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:var(--_ui5_input_bottom_border_height);transition:var(--_ui5_input_transition);background-color:var(--_ui5_input_bottom_border_color)}.ui5-input-root{width:100%;height:100%;position:relative;background:transparent;display:inline-block;outline:none;box-sizing:border-box;color:inherit;transition:border-color .2s ease-in-out;border-radius:var(--_ui5_input_border_radius);overflow:hidden}:host([disabled]){opacity:var(--_ui5_input_disabled_opacity);cursor:default;pointer-events:none;background-color:var(--_ui5-input_disabled_background);border-color:var(--_ui5_input_disabled_border_color)}:host([disabled]) .ui5-input-root:before,:host([readonly]) .ui5-input-root:before{content:none}[inner-input]{background:transparent;color:inherit;border:none;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;padding:var(--_ui5_input_inner_padding);box-sizing:border-box;min-width:var(--_ui5_input_min_width);width:100%;text-overflow:ellipsis;flex:1;outline:none;font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;word-spacing:inherit;text-align:inherit}[inner-input][inner-input-with-icon]{padding:var(--_ui5_input_inner_padding_with_icon)}.ui5-input-value-state-icon{height:100%;display:var(--_ui5-input-value-state-icon-display);align-items:center}.ui5-input-value-state-icon>svg{margin-right:8px}[inner-input]::selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}:host([disabled]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([disabled]) [inner-input]::-moz-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-moz-placeholder{visibility:hidden}[inner-input]::-webkit-input-placeholder{font-weight:400;font-style:var(--_ui5_input_placeholder_style);color:var(--_ui5_input_placeholder_color);padding-right:.125rem}[inner-input]::-moz-placeholder{font-weight:400;font-style:var(--_ui5_input_placeholder_style);color:var(--_ui5_input_placeholder_color);padding-right:.125rem}:host([value-state=Error]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input_error_placeholder_color);font-weight:var(--_ui5_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Error]) [inner-input]::-moz-placeholder{color:var(--_ui5-input_error_placeholder_color);font-weight:var(--_ui5_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) [inner-input]::-webkit-input-placeholder{font-weight:var(--_ui5_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) [inner-input]::-moz-placeholder{font-weight:var(--_ui5_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Success]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5_input_placeholder_color)}:host([value-state=Success]) [inner-input]::-moz-placeholder{color:var(--_ui5_input_placeholder_color)}:host([value-state=Information]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5_input_placeholder_color)}:host([value-state=Information]) [inner-input]::-moz-placeholder{color:var(--_ui5_input_placeholder_color)}.ui5-input-content{height:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;overflow:hidden;outline:none;background:transparent;color:inherit;border-radius:var(--_ui5_input_border_radius)}:host([readonly]){border-color:var(--_ui5_input_readonly_border_color);background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--_ui5_input_readonly_background)}:host(:not([value-state]):not([readonly]):hover),:host([value-state=None]:not([readonly]):hover){border:var(--_ui5_input_hover_border);border-color:var(--_ui5_input_focused_border_color);box-shadow:var(--sapField_Hover_Shadow);background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background)}:host(:not([value-state]):not([readonly])[focused]:not([opened]):hover),:host([value-state=None]:not([readonly])[focused]:not([opened]):hover){box-shadow:none}:host([focused]):not([opened]) .ui5-input-root:before{content:none}:host(:not([readonly]):not([disabled])[value-state]:not([value-state=None])){border-width:var(--_ui5_input_state_border_width)}:host([value-state=Error]) [inner-input],:host([value-state=Warning]) [inner-input]{font-style:var(--_ui5_input_error_warning_font_style);text-indent:var(--_ui5_input_error_warning_text_indent)}:host([value-state=Error]) [inner-input]{font-weight:var(--_ui5_input_error_font_weight)}:host([value-state=Warning]) [inner-input]{font-weight:var(--_ui5_input_warning_font_weight)}:host([value-state=Error]:not([readonly]):not([disabled])){background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5_input_value_state_error_border_color);box-shadow:var(--sapField_InvalidShadow)}:host([value-state=Error][focused]:not([opened]):not([readonly])){background-color:var(--_ui5_input_focused_value_state_error_background);border-color:var(--_ui5_input_focused_value_state_error_border_color)}:host([value-state=Error][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5_input_focused_value_state_error_focus_outline_color)}:host([value-state=Error]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Error]:not([readonly]):not([focused]):hover),:host([value-state=Error]:not([readonly])[focused][opened]:hover){background-color:var(--_ui5_input_value_state_error_hover_background);box-shadow:var(--sapField_Hover_InvalidShadow)}:host([value-state=Error]:not([readonly]):not([disabled])),:host([value-state=Information]:not([readonly]):not([disabled])),:host([value-state=Warning]:not([readonly]):not([disabled])){border-style:var(--_ui5_input_error_warning_border_style)}:host([value-state=Warning]:not([readonly]):not([disabled])){background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border-color:var(--_ui5_input_value_state_warning_border_color);box-shadow:var(--sapField_WarningShadow)}:host([value-state=Warning][focused]:not([opened]):not([readonly])){background-color:var(--_ui5_input_focused_value_state_warning_background);border-color:var(--_ui5_input_focused_value_state_warning_border_color)}:host([value-state=Warning][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5_input_focused_value_state_warning_focus_outline_color)}:host([value-state=Warning]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5_input_value_state_warning_border_botom_color)}:host([value-state=Warning]:not([readonly]):not([focused]):hover),:host([value-state=Warning]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_WarningShadow)}:host([value-state=Success]:not([readonly]):not([disabled])){background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border-color:var(--_ui5_input_value_state_success_border_color);border-width:var(--_ui5_input_value_state_success_border_width);box-shadow:var(--sapField_SuccessShadow)}:host([value-state=Success][focused]:not([opened]):not([readonly])){background-color:var(--_ui5_input_focused_value_state_success_background);border-color:var(--_ui5_input_focused_value_state_success_border_color)}:host([value-state=Success][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5_input_focused_value_state_success_focus_outline_color)}:host([value-state=Success]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5_input_value_state_success_border_botom_color)}:host([value-state=Success]:not([readonly]):not([focused]):hover),:host([value-state=Success]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_SuccessShadow)}:host([value-state=Information]:not([readonly]):not([disabled])){background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border-color:var(--_ui5_input_value_state_information_border_color);border-width:var(--_ui5_input_information_border_width);box-shadow:var(--sapField_InformationShadow)}:host([value-state=Information][focused]:not([opened]):not([readonly])){background-color:var(--_ui5_input_focused_value_state_information_background);border-color:var(--_ui5_input_focused_value_state_information_border_color)}:host([value-state=Information]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5_input_value_success_information_border_botom_color)}:host([value-state=Information]:not([readonly]):not([focused]):hover),:host([value-state=Information]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_InformationShadow)}.ui5-input-icon-root{min-width:var(--_ui5_input_icon_min_width);height:100%;display:flex;justify-content:center;align-items:center}::slotted([ui5-icon][slot=icon]){align-self:start;padding:var(--_ui5_input_custom_icon_padding);box-sizing:content-box!important}:host([value-state=Error]) [input-icon],:host([value-state=Warning]) [input-icon]{padding:var(--_ui5_input_error_warning_icon_padding)}:host([value-state=Information]) [input-icon]{padding:var(--_ui5_input_information_icon_padding)}:host([value-state=Error]) ::slotted([input-icon][ui5-icon]),:host([value-state=Error]) ::slotted([ui5-icon][slot=icon]),:host([value-state=Warning]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5_input_error_warning_custom_icon_padding)}:host([value-state=Information]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5_input_information_custom_icon_padding)}:host([value-state=Error]) [input-icon]:active,:host([value-state=Error]) [input-icon][pressed]{box-shadow:var(--_ui5_input_error_icon_box_shadow);color:var(--_ui5_input_icon_error_pressed_color)}:host([value-state=Error]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_error_icon_box_shadow)}:host([value-state=Warning]) [input-icon]:active,:host([value-state=Warning]) [input-icon][pressed]{box-shadow:var(--_ui5_input_warning_icon_box_shadow);color:var(--_ui5_input_icon_warning_pressed_color)}:host([value-state=Warning]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_warning_icon_box_shadow)}:host([value-state=Information]) [input-icon]:active,:host([value-state=Information]) [input-icon][pressed]{box-shadow:var(--_ui5_input_information_icon_box_shadow);color:var(--_ui5_input_icon_information_pressed_color)}:host([value-state=Information]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_information_icon_box_shadow)}:host([value-state=Success]) [input-icon]:active,:host([value-state=Success]) [input-icon][pressed]{box-shadow:var(--_ui5_input_success_icon_box_shadow);color:var(--_ui5_input_icon_success_pressed_color)}:host([value-state=Success]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_success_icon_box_shadow)}.ui5-input-clear-icon-wrapper{height:var(--_ui5_input_icon_wrapper_height);padding:0;width:var(--_ui5_input_icon_width);min-width:var(--_ui5_input_icon_width);display:flex;justify-content:center;align-items:center;box-sizing:border-box}:host([value-state]:not([value-state=None]):not([value-state=Success])) .ui5-input-clear-icon-wrapper{height:var(--_ui5_input_icon_wrapper_state_height);vertical-align:top}:host([value-state=Success]) .ui5-input-clear-icon-wrapper{height:var(--_ui5_input_icon_wrapper_success_state_height)}[ui5-icon].ui5-input-clear-icon{padding:0;color:inherit}[inner-input]::-webkit-inner-spin-button,[inner-input]::-webkit-outer-spin-button{-webkit-appearance:inherit;margin:inherit}.ui5-select-root{min-width:calc(var(--_ui5_input_min_width) + var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width));width:100%;height:100%;display:flex;outline:none;cursor:pointer;overflow:hidden;border-radius:var(--_ui5_input_border_radius)}.ui5-select-label-root{flex-shrink:1;flex-grow:1;align-self:center;min-width:1rem;padding-inline-start:.5rem;cursor:pointer;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--_ui5_select_label_color);font-family:\"72override\",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400}.ui5-select-option-icon{padding-inline-start:.5rem;color:var(--sapField_TextColor);align-self:center}:host(:not([disabled])){cursor:pointer}" };
|
|
6
|
+
const 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" };
|
|
7
7
|
export default styleData;
|
|
8
8
|
//# sourceMappingURL=Select.css.js.map
|
|
@@ -1 +1 @@
|
|
|
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,i5dAAi5d,EAAC,CAAC;AACv/d,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{vertical-align:middle}[input-icon]{color:var(--_ui5_input_icon_color);cursor:pointer;outline:none;padding:var(--_ui5_input_icon_padding);border-inline-start:var(--_ui5_input_icon_border);min-width:1rem;min-height:1rem;border-radius:var(--_ui5_input_icon_border_radius)}[input-icon][pressed]{background:var(--_ui5_input_icon_pressed_bg);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);box-shadow:var(--_ui5_input_icon_box_shadow);border-inline-start:var(--_ui5_select_hover_icon_left_border);color:var(--_ui5_input_icon_pressed_color)}[input-icon]:not([pressed]):not(:active):hover{background:var(--_ui5_input_icon_hover_bg);box-shadow:var(--_ui5_input_icon_box_shadow)}[input-icon]:hover{border-inline-start:var(--_ui5_select_hover_icon_left_border);box-shadow:var(--_ui5_input_icon_box_shadow)}.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block}:host{width:var(--_ui5_input_width);min-width:calc(var(--_ui5_input_min_width) + var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width));margin:var(--_ui5_input_margin_top_bottom) 0;height:var(--_ui5_input_height);color:var(--sapField_TextColor);font-size:var(--sapFontSize);font-family:\\\"72override\\\",var(--sapFontFamily);font-style:normal;border:var(--_ui5-input-border);border-radius:var(--_ui5_input_border_radius);box-sizing:border-box;text-align:start;transition:var(--_ui5_input_transition);background:var(--sapField_BackgroundStyle);background-color:var(--_ui5_input_background_color)}:host(:not([readonly])){box-shadow:var(--sapField_Shadow)}:host([focused]:not([opened])){border-color:var(--_ui5_input_focused_border_color);background-color:var(--sapField_Focus_Background)}.ui5-input-focusable-element{position:relative}:host([focused]:not([opened])) .ui5-input-focusable-element:after{content:var(--ui5_input_focus_pseudo_element_content);position:absolute;pointer-events:none;z-index:2;border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_input_focus_outline_color);border-radius:var(--_ui5_input_focus_border_radius);top:var(--_ui5_input_focus_offset);bottom:var(--_ui5_input_focus_offset);left:var(--_ui5_input_focus_offset);right:var(--_ui5_input_focus_offset)}.ui5-input-root:before{content:\\\"\\\";position:absolute;width:calc(100% - 2px);left:1px;bottom:-2px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:var(--_ui5_input_bottom_border_height);transition:var(--_ui5_input_transition);background-color:var(--_ui5_input_bottom_border_color)}.ui5-input-root{width:100%;height:100%;position:relative;background:transparent;display:inline-block;outline:none;box-sizing:border-box;color:inherit;transition:border-color .2s ease-in-out;border-radius:var(--_ui5_input_border_radius);overflow:hidden}:host([disabled]){opacity:var(--_ui5_input_disabled_opacity);cursor:default;pointer-events:none;background-color:var(--_ui5-input_disabled_background);border-color:var(--_ui5_input_disabled_border_color)}:host([disabled]) .ui5-input-root:before,:host([readonly]) .ui5-input-root:before{content:none}[inner-input]{background:transparent;color:inherit;border:none;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;padding:var(--_ui5_input_inner_padding);box-sizing:border-box;min-width:var(--_ui5_input_min_width);width:100%;text-overflow:ellipsis;flex:1;outline:none;font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;word-spacing:inherit;text-align:inherit}[inner-input][inner-input-with-icon]{padding:var(--_ui5_input_inner_padding_with_icon)}.ui5-input-value-state-icon{height:100%;display:var(--_ui5-input-value-state-icon-display);align-items:center}.ui5-input-value-state-icon>svg{margin-right:8px}[inner-input]::selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}:host([disabled]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([disabled]) [inner-input]::-moz-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-moz-placeholder{visibility:hidden}[inner-input]::-webkit-input-placeholder{font-weight:400;font-style:var(--_ui5_input_placeholder_style);color:var(--_ui5_input_placeholder_color);padding-right:.125rem}[inner-input]::-moz-placeholder{font-weight:400;font-style:var(--_ui5_input_placeholder_style);color:var(--_ui5_input_placeholder_color);padding-right:.125rem}:host([value-state=Error]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-input_error_placeholder_color);font-weight:var(--_ui5_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Error]) [inner-input]::-moz-placeholder{color:var(--_ui5-input_error_placeholder_color);font-weight:var(--_ui5_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) [inner-input]::-webkit-input-placeholder{font-weight:var(--_ui5_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) [inner-input]::-moz-placeholder{font-weight:var(--_ui5_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Success]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5_input_placeholder_color)}:host([value-state=Success]) [inner-input]::-moz-placeholder{color:var(--_ui5_input_placeholder_color)}:host([value-state=Information]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5_input_placeholder_color)}:host([value-state=Information]) [inner-input]::-moz-placeholder{color:var(--_ui5_input_placeholder_color)}.ui5-input-content{height:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;overflow:hidden;outline:none;background:transparent;color:inherit;border-radius:var(--_ui5_input_border_radius)}:host([readonly]){border-color:var(--_ui5_input_readonly_border_color);background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--_ui5_input_readonly_background)}:host(:not([value-state]):not([readonly]):hover),:host([value-state=None]:not([readonly]):hover){border:var(--_ui5_input_hover_border);border-color:var(--_ui5_input_focused_border_color);box-shadow:var(--sapField_Hover_Shadow);background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background)}:host(:not([value-state]):not([readonly])[focused]:not([opened]):hover),:host([value-state=None]:not([readonly])[focused]:not([opened]):hover){box-shadow:none}:host([focused]):not([opened]) .ui5-input-root:before{content:none}:host(:not([readonly]):not([disabled])[value-state]:not([value-state=None])){border-width:var(--_ui5_input_state_border_width)}:host([value-state=Error]) [inner-input],:host([value-state=Warning]) [inner-input]{font-style:var(--_ui5_input_error_warning_font_style);text-indent:var(--_ui5_input_error_warning_text_indent)}:host([value-state=Error]) [inner-input]{font-weight:var(--_ui5_input_error_font_weight)}:host([value-state=Warning]) [inner-input]{font-weight:var(--_ui5_input_warning_font_weight)}:host([value-state=Error]:not([readonly]):not([disabled])){background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5_input_value_state_error_border_color);box-shadow:var(--sapField_InvalidShadow)}:host([value-state=Error][focused]:not([opened]):not([readonly])){background-color:var(--_ui5_input_focused_value_state_error_background);border-color:var(--_ui5_input_focused_value_state_error_border_color)}:host([value-state=Error][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5_input_focused_value_state_error_focus_outline_color)}:host([value-state=Error]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-input-value-state-error-border-botom-color)}:host([value-state=Error]:not([readonly]):not([focused]):hover),:host([value-state=Error]:not([readonly])[focused][opened]:hover){background-color:var(--_ui5_input_value_state_error_hover_background);box-shadow:var(--sapField_Hover_InvalidShadow)}:host([value-state=Error]:not([readonly]):not([disabled])),:host([value-state=Information]:not([readonly]):not([disabled])),:host([value-state=Warning]:not([readonly]):not([disabled])){border-style:var(--_ui5_input_error_warning_border_style)}:host([value-state=Warning]:not([readonly]):not([disabled])){background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border-color:var(--_ui5_input_value_state_warning_border_color);box-shadow:var(--sapField_WarningShadow)}:host([value-state=Warning][focused]:not([opened]):not([readonly])){background-color:var(--_ui5_input_focused_value_state_warning_background);border-color:var(--_ui5_input_focused_value_state_warning_border_color)}:host([value-state=Warning][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5_input_focused_value_state_warning_focus_outline_color)}:host([value-state=Warning]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5_input_value_state_warning_border_botom_color)}:host([value-state=Warning]:not([readonly]):not([focused]):hover),:host([value-state=Warning]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_WarningShadow)}:host([value-state=Success]:not([readonly]):not([disabled])){background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border-color:var(--_ui5_input_value_state_success_border_color);border-width:var(--_ui5_input_value_state_success_border_width);box-shadow:var(--sapField_SuccessShadow)}:host([value-state=Success][focused]:not([opened]):not([readonly])){background-color:var(--_ui5_input_focused_value_state_success_background);border-color:var(--_ui5_input_focused_value_state_success_border_color)}:host([value-state=Success][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5_input_focused_value_state_success_focus_outline_color)}:host([value-state=Success]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5_input_value_state_success_border_botom_color)}:host([value-state=Success]:not([readonly]):not([focused]):hover),:host([value-state=Success]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_SuccessShadow)}:host([value-state=Information]:not([readonly]):not([disabled])){background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border-color:var(--_ui5_input_value_state_information_border_color);border-width:var(--_ui5_input_information_border_width);box-shadow:var(--sapField_InformationShadow)}:host([value-state=Information][focused]:not([opened]):not([readonly])){background-color:var(--_ui5_input_focused_value_state_information_background);border-color:var(--_ui5_input_focused_value_state_information_border_color)}:host([value-state=Information]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5_input_value_success_information_border_botom_color)}:host([value-state=Information]:not([readonly]):not([focused]):hover),:host([value-state=Information]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_InformationShadow)}.ui5-input-icon-root{min-width:var(--_ui5_input_icon_min_width);height:100%;display:flex;justify-content:center;align-items:center}::slotted([ui5-icon][slot=icon]){align-self:start;padding:var(--_ui5_input_custom_icon_padding);box-sizing:content-box!important}:host([value-state=Error]) [input-icon],:host([value-state=Warning]) [input-icon]{padding:var(--_ui5_input_error_warning_icon_padding)}:host([value-state=Information]) [input-icon]{padding:var(--_ui5_input_information_icon_padding)}:host([value-state=Error]) ::slotted([input-icon][ui5-icon]),:host([value-state=Error]) ::slotted([ui5-icon][slot=icon]),:host([value-state=Warning]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5_input_error_warning_custom_icon_padding)}:host([value-state=Information]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5_input_information_custom_icon_padding)}:host([value-state=Error]) [input-icon]:active,:host([value-state=Error]) [input-icon][pressed]{box-shadow:var(--_ui5_input_error_icon_box_shadow);color:var(--_ui5_input_icon_error_pressed_color)}:host([value-state=Error]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_error_icon_box_shadow)}:host([value-state=Warning]) [input-icon]:active,:host([value-state=Warning]) [input-icon][pressed]{box-shadow:var(--_ui5_input_warning_icon_box_shadow);color:var(--_ui5_input_icon_warning_pressed_color)}:host([value-state=Warning]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_warning_icon_box_shadow)}:host([value-state=Information]) [input-icon]:active,:host([value-state=Information]) [input-icon][pressed]{box-shadow:var(--_ui5_input_information_icon_box_shadow);color:var(--_ui5_input_icon_information_pressed_color)}:host([value-state=Information]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_information_icon_box_shadow)}:host([value-state=Success]) [input-icon]:active,:host([value-state=Success]) [input-icon][pressed]{box-shadow:var(--_ui5_input_success_icon_box_shadow);color:var(--_ui5_input_icon_success_pressed_color)}:host([value-state=Success]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5_input_success_icon_box_shadow)}.ui5-input-clear-icon-wrapper{height:var(--_ui5_input_icon_wrapper_height);padding:0;width:var(--_ui5_input_icon_width);min-width:var(--_ui5_input_icon_width);display:flex;justify-content:center;align-items:center;box-sizing:border-box}:host([value-state]:not([value-state=None]):not([value-state=Success])) .ui5-input-clear-icon-wrapper{height:var(--_ui5_input_icon_wrapper_state_height);vertical-align:top}:host([value-state=Success]) .ui5-input-clear-icon-wrapper{height:var(--_ui5_input_icon_wrapper_success_state_height)}[ui5-icon].ui5-input-clear-icon{padding:0;color:inherit}[inner-input]::-webkit-inner-spin-button,[inner-input]::-webkit-outer-spin-button{-webkit-appearance:inherit;margin:inherit}.ui5-select-root{min-width:calc(var(--_ui5_input_min_width) + var(--_ui5-input-icons-count)*var(--_ui5_input_icon_width));width:100%;height:100%;display:flex;outline:none;cursor:pointer;overflow:hidden;border-radius:var(--_ui5_input_border_radius)}.ui5-select-label-root{flex-shrink:1;flex-grow:1;align-self:center;min-width:1rem;padding-inline-start:.5rem;cursor:pointer;outline:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--_ui5_select_label_color);font-family:\\\"72override\\\",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400}.ui5-select-option-icon{padding-inline-start:.5rem;color:var(--sapField_TextColor);align-self:center}:host(:not([disabled])){cursor:pointer}\"};\nexport default styleData;\n\t"]}
|
|
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"]}
|
|
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
|
|
|
3
3
|
import defaultTheme from "./sap_fiori_3/parameters-bundle.css.js";
|
|
4
4
|
registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_fiori_3", async () => defaultThemeBase);
|
|
5
5
|
registerThemePropertiesLoader("@ui5/webcomponents", "sap_fiori_3", async () => defaultTheme);
|
|
6
|
-
const styleData = { packageName: "@ui5/webcomponents", fileName: "themes/SelectPopover.css", content: ".ui5-select-popover::part(content)
|
|
6
|
+
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" };
|
|
7
7
|
export default styleData;
|
|
8
8
|
//# sourceMappingURL=SelectPopover.css.js.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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"]}
|