@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.
Files changed (161) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/dist/Button.js +2 -2
  3. package/dist/DatePicker.js +0 -1
  4. package/dist/ListItemBase.js +1 -1
  5. package/dist/MultiComboBox.js +20 -0
  6. package/dist/ResponsivePopover.js +1 -1
  7. package/dist/Select.js +5 -0
  8. package/dist/TimePicker.js +0 -2
  9. package/dist/Tokenizer.js +39 -2
  10. package/dist/api.json +1 -1
  11. package/dist/css/themes/Calendar.css +1 -1
  12. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -0
  13. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -0
  14. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -0
  15. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -0
  16. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -0
  17. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -0
  18. package/dist/generated/i18n/i18n-defaults.js +2 -2
  19. package/dist/generated/json-imports/Themes-static.js +8 -2
  20. package/dist/generated/json-imports/Themes.js +4 -1
  21. package/dist/generated/templates/ResponsivePopoverTemplate.lit.js +1 -1
  22. package/dist/generated/templates/SegmentedButtonItemTemplate.lit.js +1 -1
  23. package/dist/generated/templates/SelectTemplate.lit.js +1 -1
  24. package/dist/generated/themes/Calendar.css.js +1 -1
  25. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -0
  26. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -0
  27. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -0
  28. package/dist/i18n/messagebundle.properties +3 -0
  29. package/package.json +9 -9
  30. package/src/Button.js +2 -2
  31. package/src/DatePicker.js +0 -1
  32. package/src/ListItemBase.js +1 -1
  33. package/src/MultiComboBox.js +20 -0
  34. package/src/ResponsivePopover.hbs +2 -2
  35. package/src/ResponsivePopover.js +1 -1
  36. package/src/SegmentedButtonItem.hbs +1 -1
  37. package/src/Select.hbs +1 -0
  38. package/src/Select.js +5 -0
  39. package/src/TimePicker.js +0 -2
  40. package/src/Tokenizer.js +39 -2
  41. package/src/i18n/messagebundle.properties +3 -0
  42. package/src/themes/Calendar.css +1 -1
  43. package/src/themes/base/Avatar-parameters.css +31 -31
  44. package/src/themes/sap_belize_hcb/Avatar-parameters.css +15 -15
  45. package/src/themes/sap_belize_hcw/Avatar-parameters.css +15 -15
  46. package/src/themes/sap_fiori_3/Avatar-parameters.css +5 -5
  47. package/src/themes/sap_fiori_3_dark/Avatar-parameters.css +5 -5
  48. package/src/themes/sap_fiori_3_hcb/Avatar-parameters.css +19 -19
  49. package/src/themes/sap_fiori_3_hcw/Avatar-parameters.css +19 -19
  50. package/src/themes/sap_horizon_dark/Avatar-parameters.css +33 -0
  51. package/src/themes/sap_horizon_dark/BusyIndicator-parameters.css +7 -0
  52. package/src/themes/sap_horizon_dark/Button-parameters.css +20 -0
  53. package/src/themes/sap_horizon_dark/CalendarHeader-parameters.css +19 -0
  54. package/src/themes/sap_horizon_dark/Card-parameters.css +10 -0
  55. package/src/themes/sap_horizon_dark/CheckBox-parameters.css +34 -0
  56. package/src/themes/sap_horizon_dark/ColorPalette-parameters.css +16 -0
  57. package/src/themes/sap_horizon_dark/ColorPicker-parameters.css +10 -0
  58. package/src/themes/sap_horizon_dark/DatePicker-parameters.css +6 -0
  59. package/src/themes/sap_horizon_dark/DayPicker-parameters.css +31 -0
  60. package/src/themes/sap_horizon_dark/Dialog-parameters.css +11 -0
  61. package/src/themes/sap_horizon_dark/GrowingButton-parameters.css +5 -0
  62. package/src/themes/sap_horizon_dark/Input-parameters.css +35 -0
  63. package/src/themes/sap_horizon_dark/InputIcon-parameters.css +17 -0
  64. package/src/themes/sap_horizon_dark/Link-parameters.css +10 -0
  65. package/src/themes/sap_horizon_dark/List-parameters.css +5 -0
  66. package/src/themes/sap_horizon_dark/ListItemBase-parameters.css +7 -0
  67. package/src/themes/sap_horizon_dark/MessageStrip-parameters.css +9 -0
  68. package/src/themes/sap_horizon_dark/MonthPicker-parameters.css +17 -0
  69. package/src/themes/sap_horizon_dark/MultiComboBox-parameters.css +5 -0
  70. package/src/themes/sap_horizon_dark/Panel-parameters.css +12 -0
  71. package/src/themes/sap_horizon_dark/PopupsCommon-parameters.css +10 -0
  72. package/src/themes/sap_horizon_dark/ProgressIndicator-parameters.css +23 -0
  73. package/src/themes/sap_horizon_dark/RadioButton-parameters.css +9 -0
  74. package/src/themes/sap_horizon_dark/RatingIndicator-parameters.css +3 -0
  75. package/src/themes/sap_horizon_dark/SegmentedButtton-parameters.css +10 -0
  76. package/src/themes/sap_horizon_dark/Select-parameters.css +5 -0
  77. package/src/themes/sap_horizon_dark/SelectPopover-parameters.css +4 -0
  78. package/src/themes/sap_horizon_dark/SliderBase-parameters.css +44 -0
  79. package/src/themes/sap_horizon_dark/StepInput-parameters.css +25 -0
  80. package/src/themes/sap_horizon_dark/Suggestions-parameters.css +5 -0
  81. package/src/themes/sap_horizon_dark/Switch-parameters.css +31 -0
  82. package/src/themes/sap_horizon_dark/TabContainer-parameters.css +25 -0
  83. package/src/themes/sap_horizon_dark/Table-parameters.css +8 -0
  84. package/src/themes/sap_horizon_dark/TableColumn-parameters.css +5 -0
  85. package/src/themes/sap_horizon_dark/TableRow-parameters.css +5 -0
  86. package/src/themes/sap_horizon_dark/TextArea-parameters.css +22 -0
  87. package/src/themes/sap_horizon_dark/TimePicker-parameters.css +6 -0
  88. package/src/themes/sap_horizon_dark/ToggleButton-parameters.css +11 -0
  89. package/src/themes/sap_horizon_dark/Token-parameters.css +28 -0
  90. package/src/themes/sap_horizon_dark/Tokenizer-parameters.css +6 -0
  91. package/src/themes/sap_horizon_dark/ValueStateMessage-parameters.css +8 -0
  92. package/src/themes/sap_horizon_dark/WheelSlider-parameters.css +19 -0
  93. package/src/themes/sap_horizon_dark/YearPicker-parameters.css +16 -0
  94. package/src/themes/sap_horizon_dark/parameters-bundle.css +57 -0
  95. package/src/themes/sap_horizon_dark/sizes-parameters.css +8 -0
  96. package/src/themes/sap_horizon_hcb/Avatar-parameters.css +24 -0
  97. package/src/themes/sap_horizon_hcb/Badge-parameters.css +43 -0
  98. package/src/themes/sap_horizon_hcb/Button-parameters.css +10 -0
  99. package/src/themes/sap_horizon_hcb/CalendarHeader-parameters.css +11 -0
  100. package/src/themes/sap_horizon_hcb/Card-parameters.css +6 -0
  101. package/src/themes/sap_horizon_hcb/Carousel-parameters.css +9 -0
  102. package/src/themes/sap_horizon_hcb/CheckBox-parameters.css +13 -0
  103. package/src/themes/sap_horizon_hcb/DatePicker-parameters.css +5 -0
  104. package/src/themes/sap_horizon_hcb/DayPicker-parameters.css +17 -0
  105. package/src/themes/sap_horizon_hcb/Dialog-parameters.css +7 -0
  106. package/src/themes/sap_horizon_hcb/GrowingButton-parameters.css +8 -0
  107. package/src/themes/sap_horizon_hcb/Input-parameters.css +21 -0
  108. package/src/themes/sap_horizon_hcb/InputIcon-parameters.css +5 -0
  109. package/src/themes/sap_horizon_hcb/Link-parameters.css +7 -0
  110. package/src/themes/sap_horizon_hcb/MessageStrip-parameters.css +10 -0
  111. package/src/themes/sap_horizon_hcb/MonthPicker-parameters.css +11 -0
  112. package/src/themes/sap_horizon_hcb/Panel-parameters.css +5 -0
  113. package/src/themes/sap_horizon_hcb/ProgressIndicator-parameters.css +11 -0
  114. package/src/themes/sap_horizon_hcb/RadioButton-parameters.css +10 -0
  115. package/src/themes/sap_horizon_hcb/Select-parameters.css +12 -0
  116. package/src/themes/sap_horizon_hcb/SliderBase-parameters.css +14 -0
  117. package/src/themes/sap_horizon_hcb/Switch-parameters.css +43 -0
  118. package/src/themes/sap_horizon_hcb/TabContainer-parameters.css +44 -0
  119. package/src/themes/sap_horizon_hcb/Table-parameters.css +5 -0
  120. package/src/themes/sap_horizon_hcb/TableRow-parameters.css +5 -0
  121. package/src/themes/sap_horizon_hcb/TextArea-parameters.css +10 -0
  122. package/src/themes/sap_horizon_hcb/TimePicker-parameters.css +5 -0
  123. package/src/themes/sap_horizon_hcb/ToggleButton-parameters.css +6 -0
  124. package/src/themes/sap_horizon_hcb/Token-parameters.css +7 -0
  125. package/src/themes/sap_horizon_hcb/ValueStateMessage-parameters.css +5 -0
  126. package/src/themes/sap_horizon_hcb/WheelSlider-parameters.css +17 -0
  127. package/src/themes/sap_horizon_hcb/YearPicker-parameters.css +11 -0
  128. package/src/themes/sap_horizon_hcb/parameters-bundle.css +48 -0
  129. package/src/themes/sap_horizon_hcw/Avatar-parameters.css +24 -0
  130. package/src/themes/sap_horizon_hcw/Badge-parameters.css +43 -0
  131. package/src/themes/sap_horizon_hcw/Button-parameters.css +10 -0
  132. package/src/themes/sap_horizon_hcw/CalendarHeader-parameters.css +11 -0
  133. package/src/themes/sap_horizon_hcw/Card-parameters.css +6 -0
  134. package/src/themes/sap_horizon_hcw/Carousel-parameters.css +9 -0
  135. package/src/themes/sap_horizon_hcw/CheckBox-parameters.css +13 -0
  136. package/src/themes/sap_horizon_hcw/DatePicker-parameters.css +5 -0
  137. package/src/themes/sap_horizon_hcw/DayPicker-parameters.css +17 -0
  138. package/src/themes/sap_horizon_hcw/Dialog-parameters.css +7 -0
  139. package/src/themes/sap_horizon_hcw/GrowingButton-parameters.css +8 -0
  140. package/src/themes/sap_horizon_hcw/Input-parameters.css +21 -0
  141. package/src/themes/sap_horizon_hcw/InputIcon-parameters.css +5 -0
  142. package/src/themes/sap_horizon_hcw/Link-parameters.css +7 -0
  143. package/src/themes/sap_horizon_hcw/MessageStrip-parameters.css +10 -0
  144. package/src/themes/sap_horizon_hcw/MonthPicker-parameters.css +11 -0
  145. package/src/themes/sap_horizon_hcw/Panel-parameters.css +5 -0
  146. package/src/themes/sap_horizon_hcw/ProgressIndicator-parameters.css +11 -0
  147. package/src/themes/sap_horizon_hcw/RadioButton-parameters.css +10 -0
  148. package/src/themes/sap_horizon_hcw/Select-parameters.css +12 -0
  149. package/src/themes/sap_horizon_hcw/SliderBase-parameters.css +13 -0
  150. package/src/themes/sap_horizon_hcw/Switch-parameters.css +43 -0
  151. package/src/themes/sap_horizon_hcw/TabContainer-parameters.css +44 -0
  152. package/src/themes/sap_horizon_hcw/Table-parameters.css +5 -0
  153. package/src/themes/sap_horizon_hcw/TableRow-parameters.css +5 -0
  154. package/src/themes/sap_horizon_hcw/TextArea-parameters.css +10 -0
  155. package/src/themes/sap_horizon_hcw/TimePicker-parameters.css +5 -0
  156. package/src/themes/sap_horizon_hcw/ToggleButton-parameters.css +6 -0
  157. package/src/themes/sap_horizon_hcw/Token-parameters.css +7 -0
  158. package/src/themes/sap_horizon_hcw/ValueStateMessage-parameters.css +5 -0
  159. package/src/themes/sap_horizon_hcw/WheelSlider-parameters.css +17 -0
  160. package/src/themes/sap_horizon_hcw/YearPicker-parameters.css +11 -0
  161. 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,5 @@
1
+ @import "../base/Table-parameters.css";
2
+
3
+ :root {
4
+ --ui5_table_header_row_outline_width: 0.125rem;
5
+ }
@@ -0,0 +1,5 @@
1
+ @import "../base/TableRow-parameters.css";
2
+
3
+ :root {
4
+ --ui5_table_row_outline_width: 0.125rem;
5
+ }
@@ -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,5 @@
1
+ @import "../base/TimePicker-parameters.css";
2
+
3
+ :root {
4
+ --_ui5_time_picker_border: 0.0625rem solid var(--sapField_Hover_BorderColor);
5
+ }
@@ -0,0 +1,6 @@
1
+ @import "../base/ToggleButton-parameters.css";
2
+
3
+ :root {
4
+ --_ui5_toggle_button_pressed_focussed: transparent;
5
+ --_ui5_toggle_button_pressed_focussed_hovered: transparent;
6
+ }
@@ -0,0 +1,7 @@
1
+ @import "../base/Token-parameters.css";
2
+
3
+ :root {
4
+ --_ui5_token_border_radius: 0.25rem;
5
+ --_ui5_token_focus_outline_width: 0.125rem;
6
+ --_ui5_token_readonly_background: var(--sapField_ReadOnly_Background);
7
+ }
@@ -0,0 +1,5 @@
1
+ @import "../base/ValueStateMessage-parameters.css";
2
+
3
+ :root {
4
+ --_ui5_value_state_message_border: 2px solid var(--sapField_BorderColor);
5
+ }
@@ -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";