@ui5/webcomponents 1.13.0-rc.2 → 1.13.0-rc.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 (282) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/Carousel.d.ts +1 -0
  3. package/dist/Carousel.js +1 -0
  4. package/dist/Carousel.js.map +1 -1
  5. package/dist/CheckBox.d.ts +10 -0
  6. package/dist/CheckBox.js +10 -0
  7. package/dist/CheckBox.js.map +1 -1
  8. package/dist/Icon.d.ts +11 -0
  9. package/dist/Icon.js +11 -0
  10. package/dist/Icon.js.map +1 -1
  11. package/dist/Menu.d.ts +21 -0
  12. package/dist/Menu.js +26 -6
  13. package/dist/Menu.js.map +1 -1
  14. package/dist/MenuItem.d.ts +23 -1
  15. package/dist/MenuItem.js +10 -3
  16. package/dist/MenuItem.js.map +1 -1
  17. package/dist/Popup.js +3 -3
  18. package/dist/Popup.js.map +1 -1
  19. package/dist/Tab.d.ts +1 -1
  20. package/dist/Tab.js.map +1 -1
  21. package/dist/TabContainer.d.ts +10 -10
  22. package/dist/TabContainer.js +10 -10
  23. package/dist/TabContainer.js.map +1 -1
  24. package/dist/Title.d.ts +1 -0
  25. package/dist/Title.js +1 -0
  26. package/dist/Title.js.map +1 -1
  27. package/dist/api.json +1 -1
  28. package/dist/assets/Title.3d358ef7.css +1 -0
  29. package/dist/assets/parameters-bundle.css.067142cc.js +1 -0
  30. package/dist/assets/parameters-bundle.css.0d6c19c9.js +1 -0
  31. package/dist/assets/{parameters-bundle.css.f36b416c.js → parameters-bundle.css.217b9808.js} +1 -1
  32. package/dist/assets/parameters-bundle.css.2280ce3e.js +1 -0
  33. package/dist/assets/parameters-bundle.css.3e7079bc.js +1 -0
  34. package/dist/assets/parameters-bundle.css.46b7578e.js +1 -0
  35. package/dist/assets/parameters-bundle.css.472c33c9.js +1 -0
  36. package/dist/assets/parameters-bundle.css.750d2219.js +1 -0
  37. package/dist/assets/parameters-bundle.css.78ee4829.js +1 -0
  38. package/dist/assets/parameters-bundle.css.7bae430d.js +1 -0
  39. package/dist/assets/{parameters-bundle.css.3c25e356.js → parameters-bundle.css.860290a0.js} +1 -1
  40. package/dist/assets/{parameters-bundle.css.4daa1648.js → parameters-bundle.css.8f1d575d.js} +1 -1
  41. package/dist/assets/{parameters-bundle.css.d8251aad.js → parameters-bundle.css.91b4958e.js} +1 -1
  42. package/dist/assets/{parameters-bundle.css.21513a38.js → parameters-bundle.css.9b175fb5.js} +1 -1
  43. package/dist/assets/{parameters-bundle.css.040aa3dd.js → parameters-bundle.css.a68d7143.js} +1 -1
  44. package/dist/assets/parameters-bundle.css.ab21e265.js +1 -0
  45. package/dist/assets/parameters-bundle.css.b7a02c6d.js +1 -0
  46. package/dist/assets/parameters-bundle.css.b8686554.js +1 -0
  47. package/dist/assets/parameters-bundle.css.bdbac4ec.js +1 -0
  48. package/dist/assets/parameters-bundle.css.d6e06337.js +1 -0
  49. package/dist/assets/parameters-bundle.css.d806367c.js +1 -0
  50. package/dist/assets/parameters-bundle.css.ef6e66b9.js +1 -0
  51. package/dist/assets/parameters-bundle.css.f3164b8d.js +1 -0
  52. package/dist/assets/parameters-bundle.css.f65359ec.js +1 -0
  53. package/dist/assets/test/pages/{ComboBox.html.8efde534.js → ComboBox.html.fe2828f4.js} +1 -1
  54. package/dist/assets/test/pages/{Icon.html.2b52be1e.js → Icon.html.d90a42c2.js} +1 -1
  55. package/dist/assets/test/pages/{Label.html.1a32d008.js → Label.html.e24cbd2c.js} +1 -1
  56. package/dist/assets/test/pages/{Popups.html.11aeb74f.js → Popups.html.cc7082c1.js} +1 -1
  57. package/dist/css/themes/CheckBox.css +1 -1
  58. package/dist/css/themes/Link.css +1 -1
  59. package/dist/css/themes/Menu.css +1 -1
  60. package/dist/css/themes/Suggestions.css +1 -1
  61. package/dist/css/themes/TabContainer.css +1 -1
  62. package/dist/css/themes/Title.css +1 -1
  63. package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
  64. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
  65. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
  66. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  67. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  68. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  69. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  70. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  71. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  72. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  73. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  74. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  75. package/dist/custom-elements.json +1 -1
  76. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  77. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  78. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  79. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  80. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  81. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  82. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  83. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  84. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  85. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  86. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  87. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  88. package/dist/generated/templates/CheckBoxTemplate.lit.js +1 -1
  89. package/dist/generated/templates/IconTemplate.lit.js +1 -1
  90. package/dist/generated/templates/InputPopoverTemplate.lit.js +1 -1
  91. package/dist/generated/templates/MenuTemplate.lit.js +5 -3
  92. package/dist/generated/themes/CheckBox.css.js +1 -1
  93. package/dist/generated/themes/CheckBox.css.js.map +1 -1
  94. package/dist/generated/themes/Link.css.js +1 -1
  95. package/dist/generated/themes/Link.css.js.map +1 -1
  96. package/dist/generated/themes/Menu.css.js +1 -1
  97. package/dist/generated/themes/Menu.css.js.map +1 -1
  98. package/dist/generated/themes/Suggestions.css.js +1 -1
  99. package/dist/generated/themes/Suggestions.css.js.map +1 -1
  100. package/dist/generated/themes/TabContainer.css.js +1 -1
  101. package/dist/generated/themes/TabContainer.css.js.map +1 -1
  102. package/dist/generated/themes/Title.css.js +1 -1
  103. package/dist/generated/themes/Title.css.js.map +1 -1
  104. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
  105. package/dist/generated/themes/sap_belize/parameters-bundle.css.js.map +1 -1
  106. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
  107. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js.map +1 -1
  108. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
  109. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js.map +1 -1
  110. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  111. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  112. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  113. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  114. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  115. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  116. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  117. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  118. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  119. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  120. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  121. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  122. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  123. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  124. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
  125. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  126. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
  127. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  128. package/dist/test/pages/72override.html +1 -1
  129. package/dist/test/pages/AnimanitionOff.html +1 -1
  130. package/dist/test/pages/Avatar.html +1 -1
  131. package/dist/test/pages/AvatarGroup.html +1 -1
  132. package/dist/test/pages/Badge.html +1 -1
  133. package/dist/test/pages/Breadcrumbs.html +1 -1
  134. package/dist/test/pages/BusyIndicator.html +1 -1
  135. package/dist/test/pages/Button.html +1 -1
  136. package/dist/test/pages/Calendar.html +1 -1
  137. package/dist/test/pages/Card.html +1 -1
  138. package/dist/test/pages/Carousel.html +1 -1
  139. package/dist/test/pages/CheckBox.html +1 -1
  140. package/dist/test/pages/ColorPalette.html +1 -1
  141. package/dist/test/pages/ColorPalettePopover.html +1 -1
  142. package/dist/test/pages/ColorPicker.html +1 -1
  143. package/dist/test/pages/ComboBox.html +2 -2
  144. package/dist/test/pages/Components.html +1 -1
  145. package/dist/test/pages/CoreControls.html +1 -1
  146. package/dist/test/pages/CoreControls_exp.html +1 -1
  147. package/dist/test/pages/CustomCSS.html +1 -1
  148. package/dist/test/pages/DatePicker.html +1 -1
  149. package/dist/test/pages/DatePicker_test_page.html +1 -1
  150. package/dist/test/pages/DateRangePicker.html +1 -1
  151. package/dist/test/pages/DateTimePicker.html +1 -1
  152. package/dist/test/pages/DateTimePicker_Timezone.html +1 -1
  153. package/dist/test/pages/DayPicker.html +1 -1
  154. package/dist/test/pages/Dialog.html +1 -1
  155. package/dist/test/pages/DialogLifecycle.html +1 -1
  156. package/dist/test/pages/DialogSemantic.html +1 -1
  157. package/dist/test/pages/Eventing.html +1 -1
  158. package/dist/test/pages/F6Test1.html +1 -1
  159. package/dist/test/pages/F6Test2.html +1 -1
  160. package/dist/test/pages/F6Test3.html +1 -1
  161. package/dist/test/pages/F6Test4.html +1 -1
  162. package/dist/test/pages/F6Test5.html +1 -1
  163. package/dist/test/pages/F6Test6.html +1 -1
  164. package/dist/test/pages/F6Test7.html +1 -1
  165. package/dist/test/pages/FileUploader.html +1 -1
  166. package/dist/test/pages/FormComponents.html +1 -1
  167. package/dist/test/pages/FormSupport.html +1 -1
  168. package/dist/test/pages/HCB.html +1 -1
  169. package/dist/test/pages/Icon.html +2 -2
  170. package/dist/test/pages/Icon_and_theming.html +1 -1
  171. package/dist/test/pages/Icon_custom.html +1 -1
  172. package/dist/test/pages/Input.html +1 -1
  173. package/dist/test/pages/InputFieldLabels.html +1 -1
  174. package/dist/test/pages/InputFieldMinWidth.html +1 -1
  175. package/dist/test/pages/InputIcons.html +1 -1
  176. package/dist/test/pages/Input_quickview.html +1 -1
  177. package/dist/test/pages/InputsAlignment.html +1 -1
  178. package/dist/test/pages/InputsLazyLoading.html +1 -1
  179. package/dist/test/pages/ItemNavigation.html +1 -1
  180. package/dist/test/pages/Kitchen.html +1 -1
  181. package/dist/test/pages/Kitchen.openui5.html +1 -1
  182. package/dist/test/pages/Label.html +2 -2
  183. package/dist/test/pages/Link.html +1 -1
  184. package/dist/test/pages/List.html +1 -1
  185. package/dist/test/pages/ListGrowing_Button.html +1 -1
  186. package/dist/test/pages/ListGrowing_Scroll.html +1 -1
  187. package/dist/test/pages/List_keyboard_support.html +1 -1
  188. package/dist/test/pages/List_test_page.html +1 -1
  189. package/dist/test/pages/LitKeyFunction.html +1 -1
  190. package/dist/test/pages/MemoryLeak.html +1 -1
  191. package/dist/test/pages/Menu.html +3 -3
  192. package/dist/test/pages/MessagePage.html +1 -1
  193. package/dist/test/pages/MessageStrip.html +1 -1
  194. package/dist/test/pages/MultiComboBox.html +1 -1
  195. package/dist/test/pages/MultiInput.html +1 -1
  196. package/dist/test/pages/MultiInput_Suggestions.html +1 -1
  197. package/dist/test/pages/OpenUI5-second.html +1 -1
  198. package/dist/test/pages/OpenUI5.html +1 -1
  199. package/dist/test/pages/Panel.html +1 -1
  200. package/dist/test/pages/Popover.html +1 -1
  201. package/dist/test/pages/PopoverArrowBounds.html +1 -1
  202. package/dist/test/pages/Popups.html +2 -2
  203. package/dist/test/pages/ProgressIndicator.html +1 -1
  204. package/dist/test/pages/RTL.html +1 -1
  205. package/dist/test/pages/RadioButton.html +1 -1
  206. package/dist/test/pages/RangeSlider.html +1 -1
  207. package/dist/test/pages/RatingIndicator.html +1 -1
  208. package/dist/test/pages/ResizeHandler.html +1 -1
  209. package/dist/test/pages/ResponsivePopover.html +1 -1
  210. package/dist/test/pages/SegmentedButton.html +1 -1
  211. package/dist/test/pages/Select.html +1 -1
  212. package/dist/test/pages/Simple.html +1 -1
  213. package/dist/test/pages/Slider.html +1 -1
  214. package/dist/test/pages/SplitButton.html +1 -1
  215. package/dist/test/pages/StepInput.html +1 -1
  216. package/dist/test/pages/Switch.html +1 -1
  217. package/dist/test/pages/TabContainer.html +1 -1
  218. package/dist/test/pages/Table-perf-pure.html +1 -1
  219. package/dist/test/pages/Table-perf.html +1 -1
  220. package/dist/test/pages/Table.html +1 -1
  221. package/dist/test/pages/Table2.html +1 -1
  222. package/dist/test/pages/TableAllPopin.html +1 -1
  223. package/dist/test/pages/TableCustomStyling.html +1 -1
  224. package/dist/test/pages/TableGrouping.html +1 -1
  225. package/dist/test/pages/TableGrowingWithButton.html +1 -1
  226. package/dist/test/pages/TableGrowingWithScroll.html +1 -1
  227. package/dist/test/pages/TableSelection.html +1 -1
  228. package/dist/test/pages/TextArea.html +1 -1
  229. package/dist/test/pages/TimePicker.html +1 -1
  230. package/dist/test/pages/TimeSelection.html +1 -1
  231. package/dist/test/pages/Title.html +38 -15
  232. package/dist/test/pages/Toast.html +1 -1
  233. package/dist/test/pages/ToggleButton.html +1 -1
  234. package/dist/test/pages/Tree.html +1 -1
  235. package/dist/test/pages/WheelSlider_Test_Page.html +1 -1
  236. package/dist/test/pages/base/AriaLabelHelper.html +1 -1
  237. package/dist/test/pages/base/DOMObserver.html +1 -1
  238. package/dist/test/pages/base/IconCollection.html +1 -1
  239. package/dist/test/pages/base/IconCollectionInCustomTheme.html +1 -1
  240. package/dist/test/pages/base/InvisibleMessage.html +1 -1
  241. package/dist/test/pages/form.html +1 -1
  242. package/dist/test/pages/i18n-defaultLang.html +1 -1
  243. package/dist/test/pages/i18n-demo.html +1 -1
  244. package/package.json +7 -7
  245. package/src/CheckBox.hbs +1 -0
  246. package/src/Icon.hbs +1 -0
  247. package/src/InputPopover.hbs +1 -1
  248. package/src/Menu.hbs +12 -1
  249. package/src/themes/CheckBox.css +13 -23
  250. package/src/themes/Link.css +10 -3
  251. package/src/themes/Menu.css +4 -0
  252. package/src/themes/Suggestions.css +12 -0
  253. package/src/themes/TabContainer.css +2 -0
  254. package/src/themes/Title.css +8 -1
  255. package/src/themes/base/Link-parameters.css +2 -0
  256. package/src/themes/sap_horizon/CheckBox-parameters.css +4 -9
  257. package/src/themes/sap_horizon/Link-parameters.css +1 -0
  258. package/src/themes/sap_horizon_dark/CheckBox-parameters.css +4 -9
  259. package/src/themes/sap_horizon_dark/Link-parameters.css +1 -0
  260. package/src/themes/sap_horizon_hcb/CheckBox-parameters.css +2 -7
  261. package/src/themes/sap_horizon_hcb/Link-parameters.css +1 -0
  262. package/src/themes/sap_horizon_hcw/CheckBox-parameters.css +2 -7
  263. package/src/themes/sap_horizon_hcw/Link-parameters.css +1 -0
  264. package/dist/assets/Title.d6aa17aa.css +0 -1
  265. package/dist/assets/parameters-bundle.css.1b6e2478.js +0 -1
  266. package/dist/assets/parameters-bundle.css.2c8496aa.js +0 -1
  267. package/dist/assets/parameters-bundle.css.52765351.js +0 -1
  268. package/dist/assets/parameters-bundle.css.699b96c0.js +0 -1
  269. package/dist/assets/parameters-bundle.css.6db4d34a.js +0 -1
  270. package/dist/assets/parameters-bundle.css.70a65e3a.js +0 -1
  271. package/dist/assets/parameters-bundle.css.71348be9.js +0 -1
  272. package/dist/assets/parameters-bundle.css.71c92b92.js +0 -1
  273. package/dist/assets/parameters-bundle.css.75b9ef28.js +0 -1
  274. package/dist/assets/parameters-bundle.css.7629e56e.js +0 -1
  275. package/dist/assets/parameters-bundle.css.91aaddc5.js +0 -1
  276. package/dist/assets/parameters-bundle.css.9bd22734.js +0 -1
  277. package/dist/assets/parameters-bundle.css.b7a262bf.js +0 -1
  278. package/dist/assets/parameters-bundle.css.b8f73a77.js +0 -1
  279. package/dist/assets/parameters-bundle.css.c565b624.js +0 -1
  280. package/dist/assets/parameters-bundle.css.cbd268df.js +0 -1
  281. package/dist/assets/parameters-bundle.css.f2cd40dd.js +0 -1
  282. package/dist/assets/parameters-bundle.css.f552e9e6.js +0 -1
package/src/Icon.hbs CHANGED
@@ -1,5 +1,6 @@
1
1
  <svg
2
2
  class="ui5-icon-root"
3
+ part="root"
3
4
  tabindex="{{_tabIndex}}"
4
5
  dir="{{_dir}}"
5
6
  viewBox="{{viewBox}}"
@@ -23,7 +23,7 @@
23
23
  </ui5-button>
24
24
  </div>
25
25
  <div class="row">
26
- <div class="input-root-phone">
26
+ <div class="input-root-phone native-input-wrapper">
27
27
  <ui5-input
28
28
  class="ui5-input-inner-phone"
29
29
  type="{{inputType}}"
package/src/Menu.hbs CHANGED
@@ -50,9 +50,12 @@
50
50
  <ui5-list
51
51
  id="{{_id}}-menu-list"
52
52
  mode="None"
53
+ ?busy="{{busy}}"
54
+ busy-delay="{{busyDelay}}"
53
55
  separators="None"
54
56
  accessible-role="menu"
55
57
  @ui5-item-click={{_itemClick}}
58
+ @mouseover="{{_busyMouseOver}}"
56
59
  >
57
60
  {{#each _currentItems}}
58
61
  <ui5-li
@@ -79,7 +82,7 @@
79
82
  </div>
80
83
  {{/if}}
81
84
  {{this.item.text}}
82
- {{#if this.item.hasChildren}}
85
+ {{#if this.item.hasSubmenu}}
83
86
  <ui5-icon
84
87
  part="icon"
85
88
  name="slim-arrow-right"
@@ -95,6 +98,14 @@
95
98
  </ui5-li>
96
99
  {{/each}}
97
100
  </ui5-list>
101
+ {{else if busy}}
102
+ <ui5-busy-indicator
103
+ id="{{_id}}-menu-busy-indicator"
104
+ delay="{{busyDelay}}"
105
+ class="ui5-menu-busy-indicator"
106
+ @mouseover="{{_busyMouseOver}}"
107
+ active>
108
+ </ui5-busy-indicator>
98
109
  {{/if}}
99
110
  </div>
100
111
  </ui5-responsive-popover>
@@ -35,7 +35,7 @@
35
35
  :host([readonly]:not([value-state="Warning"]):not([value-state="Error"])) .ui5-checkbox-inner {
36
36
  background: var(--sapField_ReadOnly_Background);
37
37
  border: var(--_ui5_checkbox_inner_readonly_border);
38
- color: var(--sapContent_NonInteractiveIconColor);
38
+ color: var(--sapField_TextColor);
39
39
  }
40
40
 
41
41
  /* wrap */
@@ -63,59 +63,50 @@
63
63
 
64
64
  /* value states */
65
65
  :host([value-state="Error"]) .ui5-checkbox-inner,
66
- :host([value-state="Error"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
66
+ :host([value-state="Error"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {
67
67
  background: var(--sapField_InvalidBackground);
68
68
  border: var(--_ui5_checkbox_inner_error_border);
69
69
  color: var(--sapField_InvalidColor);
70
70
  }
71
71
 
72
- :host([value-state="Error"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
73
- box-shadow: var(--_ui5_checkbox_inner_error_box_shadow);
72
+ :host([value-state="Error"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {
74
73
  background: var(--_ui5_checkbox_inner_error_background_hover);
75
74
  }
76
75
 
77
76
  :host([value-state="Warning"]) .ui5-checkbox-inner,
78
- :host([value-state="Warning"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
77
+ :host([value-state="Warning"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {
79
78
  background: var(--sapField_WarningBackground);
80
79
  border: var(--_ui5_checkbox_inner_warning_border);
81
80
  color: var(--_ui5_checkbox_inner_warning_color);
82
81
  }
83
82
 
84
- :host([value-state="Warning"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
85
- box-shadow: var(--_ui5_checkbox_inner_warning_box_shadow);
83
+ :host([value-state="Warning"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {
86
84
  background: var(--_ui5_checkbox_inner_warning_background_hover);
87
85
  }
88
86
 
89
87
  :host([value-state="Information"]) .ui5-checkbox-inner,
90
- :host([value-state="Information"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
88
+ :host([value-state="Information"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {
91
89
  background: var(--sapField_InformationBackground);
92
90
  border: var(--_ui5_checkbox_inner_information_border);
93
91
  color: var(--_ui5_checkbox_inner_information_color);
94
92
  }
95
93
 
96
- :host([value-state="Information"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
97
- box-shadow: var(--_ui5_checkbox_inner_information_box_shadow);
94
+ :host([value-state="Information"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {
98
95
  background: var(--_ui5_checkbox_inner_information_background_hover);
99
96
  }
100
97
 
101
98
 
102
99
  :host([value-state="Success"]) .ui5-checkbox-inner,
103
- :host([value-state="Success"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
100
+ :host([value-state="Success"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {
104
101
  background: var(--sapField_SuccessBackground);
105
102
  border: var(--_ui5_checkbox_inner_success_border);
106
103
  color: var(--sapField_SuccessColor);
107
104
  }
108
105
 
109
- :host([value-state="Success"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
110
- box-shadow: var(--_ui5_checkbox_inner_success_box_shadow);
106
+ :host([value-state="Success"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {
111
107
  background: var(--_ui5_checkbox_inner_success_background_hover);
112
108
  }
113
109
 
114
- :host(:not([value-state])) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover,
115
- :host([value-state="None"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
116
- box-shadow: var(--_ui5_checkbox_inner_default_box_shadow);
117
- }
118
-
119
110
  :host([value-state="Warning"]) .ui5-checkbox-icon,
120
111
  :host([value-state="Warning"][indeterminate]) .ui5-checkbox-inner::after {
121
112
  color: var(--_ui5_checkbox_checkmark_warning_color);
@@ -164,7 +155,6 @@
164
155
  /* hover */
165
156
  :host(:hover:not([disabled])) {
166
157
  background: var(--_ui5_checkbox_outer_hover_background);
167
- box-shadow: var(--_ui5_checkbox_box_shadow);
168
158
  }
169
159
 
170
160
  .ui5-checkbox--hoverable .ui5-checkbox-label:hover {
@@ -172,15 +162,15 @@
172
162
  }
173
163
 
174
164
  /* hover, not active, not checked */
175
- :host(:not([active]):not([checked]):not([value-state])) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover,
176
- :host(:not([active]):not([checked])[value-state="None"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
165
+ :host(:not([active]):not([checked]):not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,
166
+ :host(:not([active]):not([checked])[value-state="None"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {
177
167
  background: var(--_ui5_checkbox_hover_background);
178
168
  border-color: var(--_ui5_checkbox_inner_hover_border_color);
179
169
  }
180
170
 
181
171
  /* hover, not active, checked */
182
- :host(:not([active])[checked]:not([value-state])) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover,
183
- :host(:not([active])[checked][value-state="None"]) .ui5-checkbox--hoverable .ui5-checkbox-inner:hover {
172
+ :host(:not([active])[checked]:not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,
173
+ :host(:not([active])[checked][value-state="None"]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner {
184
174
  background: var(--_ui5_checkbox_hover_background);
185
175
  border-color: var(--_ui5_checkbox_inner_hover_checked_border_color);
186
176
  }
@@ -13,6 +13,8 @@
13
13
  outline: none;
14
14
  text-decoration: var(--_ui5_link_text_decoration);
15
15
  text-shadow: var(--sapContent_TextShadow);
16
+ white-space: nowrap;
17
+ overflow-wrap: normal;
16
18
  }
17
19
 
18
20
  :host([disabled]) {
@@ -40,7 +42,7 @@
40
42
  color: var(--sapLinkColor);
41
43
  }
42
44
 
43
- :host([wrapping-type="Normal"]) .ui5-link-root {
45
+ :host([wrapping-type="Normal"]) {
44
46
  white-space: normal;
45
47
  overflow-wrap: break-word;
46
48
  }
@@ -49,11 +51,11 @@
49
51
  width: 100%;
50
52
  display: inline-block;
51
53
  position: relative;
52
- white-space: nowrap;
53
54
  overflow: hidden;
54
55
  text-overflow: ellipsis;
55
- overflow-wrap: normal;
56
56
  outline: none;
57
+ white-space: inherit;
58
+ overflow-wrap: inherit;
57
59
  text-decoration: inherit;
58
60
  color: inherit;
59
61
  }
@@ -83,6 +85,11 @@
83
85
  text-decoration: var(--_ui5_link_hover_text_decoration);
84
86
  }
85
87
 
88
+ :host([design="Subtle"]:hover) {
89
+ color: var(--sapLink_SubtleColor);
90
+ text-decoration: var(--_ui5_link_subtle_text_decoration_hover);
91
+ }
92
+
86
93
  :host([focused]:hover) {
87
94
  text-decoration: var(--_ui5_link_focused_hover_text_decoration);
88
95
  }
@@ -43,6 +43,10 @@
43
43
  pointer-events: none;
44
44
  }
45
45
 
46
+ .ui5-menu-busy-indicator {
47
+ width: 100%;
48
+ }
49
+
46
50
  .ui5-menu-dialog-header {
47
51
  display: flex;
48
52
  height: var(--_ui5-responsive_popover_header_height);
@@ -20,3 +20,15 @@
20
20
  .ui5-suggestions-popover [ui5-li-suggestion-item]::part(icon) {
21
21
  color: var(--sapList_TextColor);
22
22
  }
23
+
24
+ .input-root-phone.native-input-wrapper {
25
+ display: contents;
26
+ }
27
+
28
+ .input-root-phone.native-input-wrapper::before {
29
+ display: none;
30
+ }
31
+
32
+ .native-input-wrapper .ui5-input-inner-phone {
33
+ margin: 0;
34
+ }
@@ -81,6 +81,8 @@
81
81
 
82
82
  .ui5-tc__overflow > [ui5-button][focused] {
83
83
  outline-offset: 0.125rem;
84
+ --_ui5_button_focused_border: none;
85
+ outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
84
86
  }
85
87
 
86
88
  .ui5-tc-root.ui5-tc--textOnly .ui5-tc__content {
@@ -30,10 +30,17 @@
30
30
  cursor: inherit;
31
31
  }
32
32
 
33
- :host([wrapping-type="Normal"]) .ui5-title-root {
33
+ :host([wrapping-type="Normal"]) .ui5-title-root,
34
+ :host([wrapping-type="Normal"]) ::slotted(*) {
34
35
  white-space: pre-line;
35
36
  }
36
37
 
38
+ ::slotted(*) {
39
+ font-size: inherit;
40
+ font-family: inherit;
41
+ text-shadow: inherit;
42
+ }
43
+
37
44
  /* Level H1 */
38
45
  :host([level="H1"]) {
39
46
  font-size: var(--sapFontHeader1Size);
@@ -11,4 +11,6 @@
11
11
  --_ui5_link_focus_color: inherit;
12
12
  --_ui5_link_focus_text_decoration: underline;
13
13
  --_ui5_link_subtle_text_decoration: none;
14
+ --_ui5_link_subtle_text_decoration_hover: underline;
15
+
14
16
  }
@@ -11,34 +11,29 @@
11
11
  --_ui5_checkbox_inner_border_radius: var(--sapField_BorderCornerRadius);
12
12
  --_ui5_checkbox_checkmark_color: var(--sapContent_Selected_ForegroundColor);
13
13
  /* hover & active */
14
- --_ui5_checkbox_inner_default_box_shadow: var(--sapContent_Interaction_Shadow);
15
- --_ui5_checkbox_hover_background: var(--sapField_Hover_Background);
14
+ --_ui5_checkbox_hover_background: var(--sapContent_Selected_Hover_Background);
16
15
  --_ui5_checkbox_inner_hover_border_color: var(--sapField_Hover_BorderColor);
17
- --_ui5_checkbox_hover_background: var(--sapField_Hover_Background);
18
16
  --_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_Hover_BorderColor);
19
17
  --_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);
20
18
  --_ui5_checkbox_inner_active_border_color: var(--sapField_Hover_BorderColor);
21
- --_ui5_checkbox_active_background: var(--sapField_Hover_Background);
19
+ --_ui5_checkbox_active_background: var(--sapContent_Selected_Hover_Background);
22
20
  --_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);
23
21
  /* readonly */
24
22
  --_ui5_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;
25
23
  /* error state */
26
24
  --_ui5_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) solid var(--sapField_InvalidColor);
27
- --_ui5_checkbox_inner_error_box_shadow: var(--sapContent_Negative_Shadow);
28
25
  --_ui5_checkbox_inner_error_background_hover: var(--sapField_Hover_Background);
29
26
  /* warning state */
30
27
  --_ui5_checkbox_inner_warning_border: var(--sapField_WarningBorderWidth) solid var(--sapField_WarningColor);
31
- --_ui5_checkbox_inner_warning_color: var(--sapField_TextColor);
32
- --_ui5_checkbox_inner_warning_box_shadow: var(--sapContent_Critical_Shadow);
28
+ --_ui5_checkbox_inner_warning_color: var(--sapField_WarningColor);
33
29
  --_ui5_checkbox_inner_warning_background_hover: var(--sapField_Hover_Background);
30
+ --_ui5_checkbox_checkmark_warning_color: var(--sapField_WarningColor);
34
31
  /* success state */
35
32
  --_ui5_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);
36
- --_ui5_checkbox_inner_success_box_shadow: var(--sapContent_Positive_Shadow);
37
33
  --_ui5_checkbox_inner_success_background_hover: var(--sapField_Hover_Background);
38
34
  /* information state */
39
35
  --_ui5_checkbox_inner_information_color: var(--sapField_InformationColor);
40
36
  --_ui5_checkbox_inner_information_border: var(--sapField_InformationBorderWidth) solid var(--sapField_InformationColor);
41
- --_ui5_checkbox_inner_information_box_shadow: var(--sapContent_Informative_Shadow);
42
37
  --_ui5_checkbox_inner_information_background_hover: var(--sapField_Hover_Background);
43
38
  /* disabled */
44
39
  --_ui5_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);
@@ -11,4 +11,5 @@
11
11
  --_ui5_link_focus_background_color: var(--sapContent_FocusColor);
12
12
  --_ui5_link_focus_color: var(--sapContent_ContrastTextColor);
13
13
  --_ui5_link_subtle_text_decoration: underline;
14
+ --_ui5_link_subtle_text_decoration_hover: none;
14
15
  }
@@ -11,34 +11,29 @@
11
11
  --_ui5_checkbox_inner_border_radius: var(--sapField_BorderCornerRadius);
12
12
  --_ui5_checkbox_checkmark_color: var(--sapContent_Selected_ForegroundColor);
13
13
  /* hover & active */
14
- --_ui5_checkbox_inner_default_box_shadow: var(--sapContent_Interaction_Shadow);
15
- --_ui5_checkbox_hover_background: var(--sapField_Hover_Background);
14
+ --_ui5_checkbox_hover_background: var(--sapContent_Selected_Hover_Background);
16
15
  --_ui5_checkbox_inner_hover_border_color: var(--sapField_Hover_BorderColor);
17
- --_ui5_checkbox_hover_background: var(--sapField_Hover_Background);
18
16
  --_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_Hover_BorderColor);
19
17
  --_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);
20
18
  --_ui5_checkbox_inner_active_border_color: var(--sapField_Hover_BorderColor);
21
- --_ui5_checkbox_active_background: var(--sapField_Hover_Background);
19
+ --_ui5_checkbox_active_background: var(--sapContent_Selected_Hover_Background);
22
20
  --_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);
23
21
  /* readonly */
24
22
  --_ui5_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;
25
23
  /* error state */
26
24
  --_ui5_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) solid var(--sapField_InvalidColor);
27
- --_ui5_checkbox_inner_error_box_shadow: var(--sapContent_Negative_Shadow);
28
25
  --_ui5_checkbox_inner_error_background_hover: var(--sapField_Hover_Background);
29
26
  /* warning state */
30
27
  --_ui5_checkbox_inner_warning_border: var(--sapField_WarningBorderWidth) solid var(--sapField_WarningColor);
31
- --_ui5_checkbox_inner_warning_color: var(--sapField_TextColor);
32
- --_ui5_checkbox_inner_warning_box_shadow: var(--sapContent_Critical_Shadow);
28
+ --_ui5_checkbox_inner_warning_color: var(--sapField_WarningColor);
33
29
  --_ui5_checkbox_inner_warning_background_hover: var(--sapField_Hover_Background);
30
+ --_ui5_checkbox_checkmark_warning_color: var(--sapField_WarningColor);
34
31
  /* success state */
35
32
  --_ui5_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);
36
- --_ui5_checkbox_inner_success_box_shadow: var(--sapContent_Positive_Shadow);
37
33
  --_ui5_checkbox_inner_success_background_hover: var(--sapField_Hover_Background);
38
34
  /* information state */
39
35
  --_ui5_checkbox_inner_information_color: var(--sapField_InformationColor);
40
36
  --_ui5_checkbox_inner_information_border: var(--sapField_InformationBorderWidth) solid var(--sapField_InformationColor);
41
- --_ui5_checkbox_inner_information_box_shadow: var(--sapContent_Informative_Shadow);
42
37
  --_ui5_checkbox_inner_information_background_hover: var(--sapField_Hover_Background);
43
38
  /* disabled */
44
39
  --_ui5_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);
@@ -11,4 +11,5 @@
11
11
  --_ui5_link_focus_background_color: var(--sapContent_FocusColor);
12
12
  --_ui5_link_focus_color: var(--sapContent_ContrastTextColor);
13
13
  --_ui5_link_subtle_text_decoration: underline;
14
+ --_ui5_link_subtle_text_decoration_hover: none;
14
15
  }
@@ -12,10 +12,8 @@
12
12
  --_ui5_checkbox_inner_border_radius: var(--sapField_BorderCornerRadius);
13
13
  --_ui5_checkbox_checkmark_color: var(--sapContent_Selected_ForegroundColor);
14
14
  /* hover & active */
15
- --_ui5_checkbox_inner_default_box_shadow: var(--sapContent_Interaction_Shadow);
16
15
  --_ui5_checkbox_hover_background: var(--sapSelectedColor);
17
16
  --_ui5_checkbox_inner_hover_border_color: var(--sapField_Hover_BorderColor);
18
- --_ui5_checkbox_hover_background: var(--sapSelectedColor);
19
17
  --_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_Hover_BorderColor);
20
18
  --_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);
21
19
  --_ui5_checkbox_inner_active_border_color: var(--sapField_Hover_BorderColor);
@@ -25,21 +23,18 @@
25
23
  --_ui5_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) solid;
26
24
  /* error state */
27
25
  --_ui5_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) dashed var(--sapField_InvalidColor);
28
- --_ui5_checkbox_inner_error_box_shadow: var(--sapContent_Negative_Shadow);
29
26
  --_ui5_checkbox_inner_error_background_hover: var(--sapField_Hover_Background);
30
27
  /* warning state */
31
28
  --_ui5_checkbox_inner_warning_border: var(--sapField_WarningBorderWidth) dashed var(--sapField_WarningColor);
32
- --_ui5_checkbox_inner_warning_color: var(--sapField_TextColor);
33
- --_ui5_checkbox_inner_warning_box_shadow: var(--sapContent_Critical_Shadow);
29
+ --_ui5_checkbox_inner_warning_color: var(--sapField_WarningColor);
34
30
  --_ui5_checkbox_inner_warning_background_hover: var(--sapField_Hover_Background);
31
+ --_ui5_checkbox_checkmark_warning_color: var(--sapField_WarningColor);
35
32
  /* success state */
36
33
  --_ui5_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);
37
- --_ui5_checkbox_inner_success_box_shadow: var(--sapContent_Positive_Shadow);
38
34
  --_ui5_checkbox_inner_success_background_hover: var(--sapField_Hover_Background);
39
35
  /* information state */
40
36
  --_ui5_checkbox_inner_information_color: var(--sapField_InformationColor);
41
37
  --_ui5_checkbox_inner_information_border: var(--sapField_InformationBorderWidth) dashed var(--sapField_InformationColor);
42
- --_ui5_checkbox_inner_information_box_shadow: var(--sapContent_Informative_Shadow);
43
38
  --_ui5_checkbox_inner_information_background_hover: var(--sapField_Hover_Background);
44
39
  /* disabled */
45
40
  --_ui5_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);
@@ -5,6 +5,7 @@
5
5
  --_ui5_link_hover_text_decoration: none;
6
6
  --_ui5_link_active_text_decoration: none;
7
7
  --_ui5_link_subtle_text_decoration: underline;
8
+ --_ui5_link_subtle_text_decoration_hover: none;
8
9
  --_ui5_link_border: 0.125rem dotted transparent;
9
10
  --_ui5_link_border_focus: 0.125rem dotted var(--sapContent_FocusColor);
10
11
  }
@@ -12,10 +12,8 @@
12
12
  --_ui5_checkbox_inner_border_radius: var(--sapField_BorderCornerRadius);
13
13
  --_ui5_checkbox_checkmark_color: var(--sapContent_Selected_ForegroundColor);
14
14
  /* hover & active */
15
- --_ui5_checkbox_inner_default_box_shadow: var(--sapContent_Interaction_Shadow);
16
15
  --_ui5_checkbox_hover_background: var(--sapSelectedColor);
17
16
  --_ui5_checkbox_inner_hover_border_color: var(--sapField_Hover_BorderColor);
18
- --_ui5_checkbox_hover_background: var(--sapSelectedColor);
19
17
  --_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_Hover_BorderColor);
20
18
  --_ui5_checkbox_inner_selected_border_color: var(--sapField_Hover_BorderColor);
21
19
  --_ui5_checkbox_inner_active_border_color: var(--sapField_Hover_BorderColor);
@@ -25,21 +23,18 @@
25
23
  --_ui5_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) solid;
26
24
  /* error state */
27
25
  --_ui5_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) dashed var(--sapField_InvalidColor);
28
- --_ui5_checkbox_inner_error_box_shadow: var(--sapContent_Negative_Shadow);
29
26
  --_ui5_checkbox_inner_error_background_hover: var(--sapField_Hover_Background);
30
27
  /* warning state */
31
28
  --_ui5_checkbox_inner_warning_border: var(--sapField_WarningBorderWidth) dashed var(--sapField_WarningColor);
32
- --_ui5_checkbox_inner_warning_color: var(--sapField_TextColor);
33
- --_ui5_checkbox_inner_warning_box_shadow: var(--sapContent_Critical_Shadow);
29
+ --_ui5_checkbox_inner_warning_color: var(--sapField_WarningColor);
34
30
  --_ui5_checkbox_inner_warning_background_hover: var(--sapField_Hover_Background);
31
+ --_ui5_checkbox_checkmark_warning_color: var(--sapField_WarningColor);
35
32
  /* success state */
36
33
  --_ui5_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--sapField_SuccessColor);
37
- --_ui5_checkbox_inner_success_box_shadow: var(--sapContent_Positive_Shadow);
38
34
  --_ui5_checkbox_inner_success_background_hover: var(--sapField_Hover_Background);
39
35
  /* information state */
40
36
  --_ui5_checkbox_inner_information_color: var(--sapField_InformationColor);
41
37
  --_ui5_checkbox_inner_information_border: var(--sapField_InformationBorderWidth) dashed var(--sapField_InformationColor);
42
- --_ui5_checkbox_inner_information_box_shadow: var(--sapContent_Informative_Shadow);
43
38
  --_ui5_checkbox_inner_information_background_hover: var(--sapField_Hover_Background);
44
39
  /* disabled */
45
40
  --_ui5_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);
@@ -5,6 +5,7 @@
5
5
  --_ui5_link_hover_text_decoration: none;
6
6
  --_ui5_link_active_text_decoration: none;
7
7
  --_ui5_link_subtle_text_decoration: underline;
8
+ --_ui5_link_subtle_text_decoration_hover: none;
8
9
  --_ui5_link_border: 0.125rem dotted transparent;
9
10
  --_ui5_link_border_focus: 0.125rem dotted var(--sapContent_FocusColor);
10
11
  }
@@ -1 +0,0 @@
1
- .title1auto{background-color:var(--sapBackgroundColor)}.title2auto{width:200px;border:1px solid #ccc}.title3auto{margin-bottom:1rem}