@ui5/webcomponents 1.2.0 → 1.2.3
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 +45 -0
- package/dist/Button.js +2 -2
- package/dist/DatePicker.js +0 -1
- package/dist/ListItemBase.js +1 -1
- package/dist/MultiComboBox.js +20 -0
- package/dist/ResponsivePopover.js +1 -1
- package/dist/Select.js +5 -0
- package/dist/TimePicker.js +0 -2
- package/dist/Tokenizer.js +39 -2
- package/dist/api.json +1 -1
- package/dist/css/themes/Calendar.css +1 -1
- package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -0
- package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
- package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
- package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -0
- package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -0
- package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -0
- package/dist/generated/i18n/i18n-defaults.js +2 -2
- package/dist/generated/json-imports/Themes-static.js +8 -2
- package/dist/generated/json-imports/Themes.js +4 -1
- package/dist/generated/templates/ResponsivePopoverTemplate.lit.js +1 -1
- package/dist/generated/templates/SegmentedButtonItemTemplate.lit.js +1 -1
- package/dist/generated/templates/SelectTemplate.lit.js +1 -1
- package/dist/generated/themes/Calendar.css.js +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -0
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -0
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -0
- package/dist/i18n/messagebundle.properties +3 -0
- package/package.json +9 -9
- package/src/Button.js +2 -2
- package/src/DatePicker.js +0 -1
- package/src/ListItemBase.js +1 -1
- package/src/MultiComboBox.js +20 -0
- package/src/ResponsivePopover.hbs +2 -2
- package/src/ResponsivePopover.js +1 -1
- package/src/SegmentedButtonItem.hbs +1 -1
- package/src/Select.hbs +1 -0
- package/src/Select.js +5 -0
- package/src/TimePicker.js +0 -2
- package/src/Tokenizer.js +39 -2
- package/src/i18n/messagebundle.properties +3 -0
- package/src/themes/Calendar.css +1 -1
- package/src/themes/base/Avatar-parameters.css +31 -31
- package/src/themes/sap_belize_hcb/Avatar-parameters.css +15 -15
- package/src/themes/sap_belize_hcw/Avatar-parameters.css +15 -15
- package/src/themes/sap_fiori_3/Avatar-parameters.css +5 -5
- package/src/themes/sap_fiori_3_dark/Avatar-parameters.css +5 -5
- package/src/themes/sap_fiori_3_hcb/Avatar-parameters.css +19 -19
- package/src/themes/sap_fiori_3_hcw/Avatar-parameters.css +19 -19
- package/src/themes/sap_horizon_dark/Avatar-parameters.css +33 -0
- package/src/themes/sap_horizon_dark/BusyIndicator-parameters.css +7 -0
- package/src/themes/sap_horizon_dark/Button-parameters.css +20 -0
- package/src/themes/sap_horizon_dark/CalendarHeader-parameters.css +19 -0
- package/src/themes/sap_horizon_dark/Card-parameters.css +10 -0
- package/src/themes/sap_horizon_dark/CheckBox-parameters.css +34 -0
- package/src/themes/sap_horizon_dark/ColorPalette-parameters.css +16 -0
- package/src/themes/sap_horizon_dark/ColorPicker-parameters.css +10 -0
- package/src/themes/sap_horizon_dark/DatePicker-parameters.css +6 -0
- package/src/themes/sap_horizon_dark/DayPicker-parameters.css +31 -0
- package/src/themes/sap_horizon_dark/Dialog-parameters.css +11 -0
- package/src/themes/sap_horizon_dark/GrowingButton-parameters.css +5 -0
- package/src/themes/sap_horizon_dark/Input-parameters.css +35 -0
- package/src/themes/sap_horizon_dark/InputIcon-parameters.css +17 -0
- package/src/themes/sap_horizon_dark/Link-parameters.css +10 -0
- package/src/themes/sap_horizon_dark/List-parameters.css +5 -0
- package/src/themes/sap_horizon_dark/ListItemBase-parameters.css +7 -0
- package/src/themes/sap_horizon_dark/MessageStrip-parameters.css +9 -0
- package/src/themes/sap_horizon_dark/MonthPicker-parameters.css +17 -0
- package/src/themes/sap_horizon_dark/MultiComboBox-parameters.css +5 -0
- package/src/themes/sap_horizon_dark/Panel-parameters.css +12 -0
- package/src/themes/sap_horizon_dark/PopupsCommon-parameters.css +10 -0
- package/src/themes/sap_horizon_dark/ProgressIndicator-parameters.css +23 -0
- package/src/themes/sap_horizon_dark/RadioButton-parameters.css +9 -0
- package/src/themes/sap_horizon_dark/RatingIndicator-parameters.css +3 -0
- package/src/themes/sap_horizon_dark/SegmentedButtton-parameters.css +10 -0
- package/src/themes/sap_horizon_dark/Select-parameters.css +5 -0
- package/src/themes/sap_horizon_dark/SelectPopover-parameters.css +4 -0
- package/src/themes/sap_horizon_dark/SliderBase-parameters.css +44 -0
- package/src/themes/sap_horizon_dark/StepInput-parameters.css +25 -0
- package/src/themes/sap_horizon_dark/Suggestions-parameters.css +5 -0
- package/src/themes/sap_horizon_dark/Switch-parameters.css +31 -0
- package/src/themes/sap_horizon_dark/TabContainer-parameters.css +25 -0
- package/src/themes/sap_horizon_dark/Table-parameters.css +8 -0
- package/src/themes/sap_horizon_dark/TableColumn-parameters.css +5 -0
- package/src/themes/sap_horizon_dark/TableRow-parameters.css +5 -0
- package/src/themes/sap_horizon_dark/TextArea-parameters.css +22 -0
- package/src/themes/sap_horizon_dark/TimePicker-parameters.css +6 -0
- package/src/themes/sap_horizon_dark/ToggleButton-parameters.css +11 -0
- package/src/themes/sap_horizon_dark/Token-parameters.css +28 -0
- package/src/themes/sap_horizon_dark/Tokenizer-parameters.css +6 -0
- package/src/themes/sap_horizon_dark/ValueStateMessage-parameters.css +8 -0
- package/src/themes/sap_horizon_dark/WheelSlider-parameters.css +19 -0
- package/src/themes/sap_horizon_dark/YearPicker-parameters.css +16 -0
- package/src/themes/sap_horizon_dark/parameters-bundle.css +57 -0
- package/src/themes/sap_horizon_dark/sizes-parameters.css +8 -0
- package/src/themes/sap_horizon_hcb/Avatar-parameters.css +24 -0
- package/src/themes/sap_horizon_hcb/Badge-parameters.css +43 -0
- package/src/themes/sap_horizon_hcb/Button-parameters.css +10 -0
- package/src/themes/sap_horizon_hcb/CalendarHeader-parameters.css +11 -0
- package/src/themes/sap_horizon_hcb/Card-parameters.css +6 -0
- package/src/themes/sap_horizon_hcb/Carousel-parameters.css +9 -0
- package/src/themes/sap_horizon_hcb/CheckBox-parameters.css +13 -0
- package/src/themes/sap_horizon_hcb/DatePicker-parameters.css +5 -0
- package/src/themes/sap_horizon_hcb/DayPicker-parameters.css +17 -0
- package/src/themes/sap_horizon_hcb/Dialog-parameters.css +7 -0
- package/src/themes/sap_horizon_hcb/GrowingButton-parameters.css +8 -0
- package/src/themes/sap_horizon_hcb/Input-parameters.css +21 -0
- package/src/themes/sap_horizon_hcb/InputIcon-parameters.css +5 -0
- package/src/themes/sap_horizon_hcb/Link-parameters.css +7 -0
- package/src/themes/sap_horizon_hcb/MessageStrip-parameters.css +10 -0
- package/src/themes/sap_horizon_hcb/MonthPicker-parameters.css +11 -0
- package/src/themes/sap_horizon_hcb/Panel-parameters.css +5 -0
- package/src/themes/sap_horizon_hcb/ProgressIndicator-parameters.css +11 -0
- package/src/themes/sap_horizon_hcb/RadioButton-parameters.css +10 -0
- package/src/themes/sap_horizon_hcb/Select-parameters.css +12 -0
- package/src/themes/sap_horizon_hcb/SliderBase-parameters.css +14 -0
- package/src/themes/sap_horizon_hcb/Switch-parameters.css +43 -0
- package/src/themes/sap_horizon_hcb/TabContainer-parameters.css +44 -0
- package/src/themes/sap_horizon_hcb/Table-parameters.css +5 -0
- package/src/themes/sap_horizon_hcb/TableRow-parameters.css +5 -0
- package/src/themes/sap_horizon_hcb/TextArea-parameters.css +10 -0
- package/src/themes/sap_horizon_hcb/TimePicker-parameters.css +5 -0
- package/src/themes/sap_horizon_hcb/ToggleButton-parameters.css +6 -0
- package/src/themes/sap_horizon_hcb/Token-parameters.css +7 -0
- package/src/themes/sap_horizon_hcb/ValueStateMessage-parameters.css +5 -0
- package/src/themes/sap_horizon_hcb/WheelSlider-parameters.css +17 -0
- package/src/themes/sap_horizon_hcb/YearPicker-parameters.css +11 -0
- package/src/themes/sap_horizon_hcb/parameters-bundle.css +48 -0
- package/src/themes/sap_horizon_hcw/Avatar-parameters.css +24 -0
- package/src/themes/sap_horizon_hcw/Badge-parameters.css +43 -0
- package/src/themes/sap_horizon_hcw/Button-parameters.css +10 -0
- package/src/themes/sap_horizon_hcw/CalendarHeader-parameters.css +11 -0
- package/src/themes/sap_horizon_hcw/Card-parameters.css +6 -0
- package/src/themes/sap_horizon_hcw/Carousel-parameters.css +9 -0
- package/src/themes/sap_horizon_hcw/CheckBox-parameters.css +13 -0
- package/src/themes/sap_horizon_hcw/DatePicker-parameters.css +5 -0
- package/src/themes/sap_horizon_hcw/DayPicker-parameters.css +17 -0
- package/src/themes/sap_horizon_hcw/Dialog-parameters.css +7 -0
- package/src/themes/sap_horizon_hcw/GrowingButton-parameters.css +8 -0
- package/src/themes/sap_horizon_hcw/Input-parameters.css +21 -0
- package/src/themes/sap_horizon_hcw/InputIcon-parameters.css +5 -0
- package/src/themes/sap_horizon_hcw/Link-parameters.css +7 -0
- package/src/themes/sap_horizon_hcw/MessageStrip-parameters.css +10 -0
- package/src/themes/sap_horizon_hcw/MonthPicker-parameters.css +11 -0
- package/src/themes/sap_horizon_hcw/Panel-parameters.css +5 -0
- package/src/themes/sap_horizon_hcw/ProgressIndicator-parameters.css +11 -0
- package/src/themes/sap_horizon_hcw/RadioButton-parameters.css +10 -0
- package/src/themes/sap_horizon_hcw/Select-parameters.css +12 -0
- package/src/themes/sap_horizon_hcw/SliderBase-parameters.css +13 -0
- package/src/themes/sap_horizon_hcw/Switch-parameters.css +43 -0
- package/src/themes/sap_horizon_hcw/TabContainer-parameters.css +44 -0
- package/src/themes/sap_horizon_hcw/Table-parameters.css +5 -0
- package/src/themes/sap_horizon_hcw/TableRow-parameters.css +5 -0
- package/src/themes/sap_horizon_hcw/TextArea-parameters.css +10 -0
- package/src/themes/sap_horizon_hcw/TimePicker-parameters.css +5 -0
- package/src/themes/sap_horizon_hcw/ToggleButton-parameters.css +6 -0
- package/src/themes/sap_horizon_hcw/Token-parameters.css +7 -0
- package/src/themes/sap_horizon_hcw/ValueStateMessage-parameters.css +5 -0
- package/src/themes/sap_horizon_hcw/WheelSlider-parameters.css +17 -0
- package/src/themes/sap_horizon_hcw/YearPicker-parameters.css +11 -0
- package/src/themes/sap_horizon_hcw/parameters-bundle.css +48 -0
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
@import "../base/TabContainer-parameters.css";
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--_ui5_tc_header_border_bottom: 0.125rem solid var(--sapPageHeader_BorderColor);
|
|
5
|
+
|
|
6
|
+
/* Header Item */
|
|
7
|
+
--_ui5_tc_headerItemContent_border_bottom: 0.25rem solid var(--sapPageHeader_BorderColor);
|
|
8
|
+
--_ui5_tc_headerItem_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
|
|
9
|
+
--_ui5_tc_headeritem_text_selected_color: var(--sapPageHeader_BorderColor);
|
|
10
|
+
--_ui5_tc_headeritem_text_selected_hover_color: var(--sapPageHeader_BorderColor);
|
|
11
|
+
--_ui5_tc_headerItem_neutral_color: var(--sapGroup_TitleTextColor);
|
|
12
|
+
--_ui5_tc_headerItem_positive_color: var(--sapGroup_TitleTextColor);
|
|
13
|
+
--_ui5_tc_headerItem_negative_color: var(--sapGroup_TitleTextColor);
|
|
14
|
+
--_ui5_tc_headerItem_critical_color: var(--sapGroup_TitleTextColor);
|
|
15
|
+
--_ui5_tc_headerItem_neutral_border_color: var(--_ui5_tc_headerItem_neutral_color);
|
|
16
|
+
--_ui5_tc_headerItem_positive_border_color: var(--_ui5_tc_headerItem_positive_color);
|
|
17
|
+
--_ui5_tc_headerItem_negative_border_color: var(--_ui5_tc_headerItem_negative_color);
|
|
18
|
+
--_ui5_tc_headerItem_critical_border_color: var(--_ui5_tc_headerItem_critical_color);
|
|
19
|
+
--_ui5_tc_headerItem_neutral_selected_border_color: var(--_ui5_tc_headerItem_neutral_color);
|
|
20
|
+
--_ui5_tc_headerItem_positive_selected_border_color: var(--_ui5_tc_headerItem_positive_color);
|
|
21
|
+
--_ui5_tc_headerItem_negative_selected_border_color: var(--_ui5_tc_headerItem_negative_color);
|
|
22
|
+
--_ui5_tc_headerItem_critical_selected_border_color: var(--_ui5_tc_headerItem_critical_color);
|
|
23
|
+
--_ui5_tc_headerItemSemanticIcon_display: inline-block;
|
|
24
|
+
|
|
25
|
+
/* Header Item icons */
|
|
26
|
+
--_ui5_tc_headerItemIcon_border: 1px solid var(--sapPageHeader_BorderColor);
|
|
27
|
+
--_ui5_tc_headerItemIcon_color: var(--sapPageHeader_BorderColor);
|
|
28
|
+
--_ui5_tc_headerItemIcon_selected_background: var(--sapSelectedColor);
|
|
29
|
+
--_ui5_tc_headerItemIcon_selected_color: var(--sapContent_IconColor);
|
|
30
|
+
--_ui5_tc_headerItemIcon_positive_selected_background: var(--sapSelectedColor);
|
|
31
|
+
--_ui5_tc_headerItemIcon_negative_selected_background: var(--sapSelectedColor);
|
|
32
|
+
--_ui5_tc_headerItemIcon_critical_selected_background: var(--sapSelectedColor);
|
|
33
|
+
--_ui5_tc_headerItemIcon_neutral_selected_background: var(--sapSelectedColor);
|
|
34
|
+
--_ui5_tc_headerItemIcon_semantic_selected_color: var(--sapContent_IconColor);
|
|
35
|
+
|
|
36
|
+
/* Overflow Item */
|
|
37
|
+
|
|
38
|
+
--_ui5_tc_overflowItem_neutral_color: var(--sapGroup_TitleTextColor);
|
|
39
|
+
--_ui5_tc_overflowItem_positive_color: var(--sapGroup_TitleTextColor);
|
|
40
|
+
--_ui5_tc_overflowItem_negative_color: var(--sapGroup_TitleTextColor);
|
|
41
|
+
--_ui5_tc_overflowItem_critical_color: var(--sapGroup_TitleTextColor);
|
|
42
|
+
--_ui5_tc_overflowItem_default_color: var(--sapGroup_TitleTextColor);
|
|
43
|
+
--_ui5_tc_overflowItem_current_color: var(--_ui5_tc_overflowItem_default_color);
|
|
44
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
@import "../base/TextArea-parameters.css";
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--_ui5_textarea_focus_after_width: 2px;
|
|
5
|
+
--_ui5_textarea_warning_border_style: dashed;
|
|
6
|
+
--_ui5_textarea_error_warning_border_width: 2 * var(--sapField_BorderWidth);
|
|
7
|
+
--_ui5_textarea_information_border_width: 0.0625rem;
|
|
8
|
+
--_ui5_textarea_placeholder_font_style: normal;
|
|
9
|
+
--_ui5_input_warning_font_weight: bold;
|
|
10
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
@import "../base/WheelSlider-parameters.css";
|
|
2
|
+
|
|
3
|
+
:root{
|
|
4
|
+
--_ui5_wheelslider_item_background_color: var(--sapLegend_WorkingBackground);
|
|
5
|
+
--_ui5_wheelslider_item_text_color: var(--sapTextColor);
|
|
6
|
+
--_ui_wheelslider_item_hover_color: var(--sapList_Hover_Background);
|
|
7
|
+
--_ui_wheelslider_item_hovered_color: var(--sapList_Hover_Background);
|
|
8
|
+
--_ui5_wheelslider_item_border_color: var(--sapList_Background);
|
|
9
|
+
--_ui5_wheelslider_item_hovered_border_color: var(--sapField_BorderColor);
|
|
10
|
+
--_ui5_wheelslider_collapsed_item_text_color: var(--sapField_BorderColor);
|
|
11
|
+
--_ui5_wheelslider_selected_item_background_color: var(--sapContent_Selected_Background);
|
|
12
|
+
--_ui5_wheelslider_selected_item_hover_background_color: var(--sapButton_Emphasized_Hover_BorderColor);
|
|
13
|
+
--_ui5_wheelslider_active_item_background_color:var(--sapContent_Selected_Background);
|
|
14
|
+
--_ui5_wheelslider_active_item_text_color: var(--sapContent_Selected_TextColor);
|
|
15
|
+
--_ui5_wheelslider_selection_frame_color: var(--sapList_SelectionBorderColor);
|
|
16
|
+
--_ui_wheelslider_item_border_radius: var(--_ui5_button_border_radius);
|
|
17
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
@import "../base/YearPicker-parameters.css";
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--_ui5_yearpicker_item_border: 1px solid #000;
|
|
5
|
+
--_ui5_yearpicker_item_border_radius: 0.25rem;
|
|
6
|
+
--_ui5_yearpicker_item_margin: 0;
|
|
7
|
+
--_ui5_yearpicker_item_focus_after_width: calc(100% - 0.25rem);
|
|
8
|
+
--_ui5_yearpicker_item_focus_after_height: calc(100% - 0.25rem);
|
|
9
|
+
--_ui5_yearpicker_item_focus_after_border: 2px dotted var(--sapContent_FocusColor);
|
|
10
|
+
--_ui5_yearpicker_item_focus_after_offset: 0;
|
|
11
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
@import "../base/sizes-parameters.css";
|
|
2
|
+
@import "./Avatar-parameters.css";
|
|
3
|
+
@import "./Badge-parameters.css";
|
|
4
|
+
@import "../base/BrowserScrollbar-parameters.css";
|
|
5
|
+
@import "../base/BusyIndicator-parameters.css";
|
|
6
|
+
@import "./Button-parameters.css";
|
|
7
|
+
@import "./CalendarHeader-parameters.css";
|
|
8
|
+
@import "./Carousel-parameters.css";
|
|
9
|
+
@import "./Card-parameters.css";
|
|
10
|
+
@import "./CheckBox-parameters.css";
|
|
11
|
+
@import "../base/ColorPalette-parameters.css";
|
|
12
|
+
@import "../base/ColorPicker-parameters.css";
|
|
13
|
+
@import "./DatePicker-parameters.css";
|
|
14
|
+
@import "./DayPicker-parameters.css";
|
|
15
|
+
@import "./Dialog-parameters.css";
|
|
16
|
+
@import "../base/GroupHeaderListItem-parameters.css";
|
|
17
|
+
@import "./Input-parameters.css";
|
|
18
|
+
@import "./InputIcon-parameters.css";
|
|
19
|
+
@import "./Link-parameters.css";
|
|
20
|
+
@import "../base/List-parameters.css";
|
|
21
|
+
@import "../base/ListItemBase-parameters.css";
|
|
22
|
+
@import "./MonthPicker-parameters.css";
|
|
23
|
+
@import "./MessageStrip-parameters.css";
|
|
24
|
+
@import "./Panel-parameters.css";
|
|
25
|
+
@import "../base/PopupsCommon-parameters.css";
|
|
26
|
+
@import "./ProgressIndicator-parameters";
|
|
27
|
+
@import "./RadioButton-parameters.css";
|
|
28
|
+
@import "../base/SegmentedButtton-parameters.css";
|
|
29
|
+
@import "./Select-parameters.css";
|
|
30
|
+
@import "./Switch-parameters.css";
|
|
31
|
+
@import "./TabContainer-parameters.css";
|
|
32
|
+
@import "./Table-parameters.css";
|
|
33
|
+
@import "./TableRow-parameters.css";
|
|
34
|
+
@import "./GrowingButton-parameters.css";
|
|
35
|
+
@import "./TextArea-parameters.css";
|
|
36
|
+
@import "./TimePicker-parameters.css";
|
|
37
|
+
@import "../base/Title-parameters.css";
|
|
38
|
+
@import "../base/Toast-parameters.css";
|
|
39
|
+
@import "./ToggleButton-parameters.css";
|
|
40
|
+
@import "./WheelSlider-parameters.css";
|
|
41
|
+
@import "./YearPicker-parameters.css";
|
|
42
|
+
@import "./Token-parameters.css";
|
|
43
|
+
@import "../base/Tokenizer-parameters.css";
|
|
44
|
+
@import "./ValueStateMessage-parameters.css";
|
|
45
|
+
@import "../base/MultiComboBox-parameters.css";
|
|
46
|
+
@import "./SliderBase-parameters.css";
|
|
47
|
+
@import "../base/Suggestions-parameters.css";
|
|
48
|
+
@import "../base/StepInput-parameters.css";
|