@ui5/webcomponents 1.14.0 → 1.14.1

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 (503) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/config/wdio.conf.cjs +2 -0
  3. package/dist/assets/parameters-bundle.css.0496dc46.js +2603 -0
  4. package/dist/assets/parameters-bundle.css.145c3d8e.js +1866 -0
  5. package/dist/assets/parameters-bundle.css.2714f1c2.js +2170 -0
  6. package/dist/assets/parameters-bundle.css.2a40beff.js +930 -0
  7. package/dist/assets/parameters-bundle.css.3ae8f4f4.js +2616 -0
  8. package/dist/assets/parameters-bundle.css.3e99cd38.js +930 -0
  9. package/dist/assets/parameters-bundle.css.3f614dcc.js +930 -0
  10. package/dist/assets/parameters-bundle.css.51ce98b4.js +1995 -0
  11. package/dist/assets/parameters-bundle.css.5b301a79.js +2176 -0
  12. package/dist/assets/parameters-bundle.css.6392a44e.js +930 -0
  13. package/dist/assets/parameters-bundle.css.73cf1941.js +2782 -0
  14. package/dist/assets/parameters-bundle.css.7436bd58.js +932 -0
  15. package/dist/assets/parameters-bundle.css.91fe1bcb.js +930 -0
  16. package/dist/assets/parameters-bundle.css.94ec25db.js +2184 -0
  17. package/dist/assets/parameters-bundle.css.a27c8446.js +930 -0
  18. package/dist/assets/parameters-bundle.css.a53b349e.js +930 -0
  19. package/dist/assets/parameters-bundle.css.a6dda9c2.js +930 -0
  20. package/dist/assets/parameters-bundle.css.d4ad1224.js +930 -0
  21. package/dist/assets/parameters-bundle.css.dbeb843f.js +1903 -0
  22. package/dist/assets/parameters-bundle.css.e9f4e712.js +2182 -0
  23. package/dist/assets/parameters-bundle.css.f251902a.js +930 -0
  24. package/dist/assets/parameters-bundle.css.f6712bfd.js +930 -0
  25. package/dist/assets/parameters-bundle.css.f867fdf7.js +1878 -0
  26. package/dist/assets/parameters-bundle.css.fabe35f1.js +2795 -0
  27. package/dist/assets/test/pages/{ComboBox.html.f440f43b.js → ComboBox.html.04641e23.js} +1 -1
  28. package/dist/assets/test/pages/{Icon.html.dfe2d272.js → Icon.html.0b32c275.js} +1 -1
  29. package/dist/assets/test/pages/{Label.html.717f733f.js → Label.html.dd24eeee.js} +1 -1
  30. package/dist/assets/test/pages/{Popups.html.272c9aca.js → Popups.html.4127f1fa.js} +1 -1
  31. package/dist/css/themes/Avatar.css +1 -1
  32. package/dist/css/themes/AvatarGroup.css +1 -1
  33. package/dist/css/themes/Badge.css +1 -1
  34. package/dist/css/themes/Breadcrumbs.css +1 -1
  35. package/dist/css/themes/BreadcrumbsPopover.css +1 -1
  36. package/dist/css/themes/BrowserScrollbar.css +1 -1
  37. package/dist/css/themes/BusyIndicator.css +1 -1
  38. package/dist/css/themes/Button.css +1 -1
  39. package/dist/css/themes/Calendar.css +1 -1
  40. package/dist/css/themes/CalendarHeader.css +1 -1
  41. package/dist/css/themes/Card.css +1 -1
  42. package/dist/css/themes/CardHeader.css +1 -1
  43. package/dist/css/themes/Carousel.css +1 -1
  44. package/dist/css/themes/CheckBox.css +1 -1
  45. package/dist/css/themes/ColorPalette.css +1 -1
  46. package/dist/css/themes/ColorPaletteItem.css +1 -1
  47. package/dist/css/themes/ColorPalettePopover.css +1 -1
  48. package/dist/css/themes/ColorPaletteStaticArea.css +1 -1
  49. package/dist/css/themes/ColorPicker.css +1 -1
  50. package/dist/css/themes/ComboBox.css +1 -1
  51. package/dist/css/themes/ComboBoxPopover.css +1 -1
  52. package/dist/css/themes/CustomListItem.css +1 -1
  53. package/dist/css/themes/DatePicker.css +1 -1
  54. package/dist/css/themes/DatePickerPopover.css +1 -1
  55. package/dist/css/themes/DateRangePicker.css +1 -1
  56. package/dist/css/themes/DateTimePicker.css +1 -1
  57. package/dist/css/themes/DateTimePickerPopover.css +1 -1
  58. package/dist/css/themes/DayPicker.css +1 -1
  59. package/dist/css/themes/Dialog.css +1 -1
  60. package/dist/css/themes/FileUploader.css +1 -1
  61. package/dist/css/themes/GroupHeaderListItem.css +1 -1
  62. package/dist/css/themes/GrowingButton.css +1 -1
  63. package/dist/css/themes/Icon.css +1 -1
  64. package/dist/css/themes/Input.css +1 -1
  65. package/dist/css/themes/InputIcon.css +1 -1
  66. package/dist/css/themes/InvisibleTextStyles.css +1 -1
  67. package/dist/css/themes/Label.css +1 -1
  68. package/dist/css/themes/Link.css +1 -1
  69. package/dist/css/themes/List.css +1 -1
  70. package/dist/css/themes/ListItem.css +1 -1
  71. package/dist/css/themes/ListItemBase.css +1 -1
  72. package/dist/css/themes/Menu.css +1 -1
  73. package/dist/css/themes/MessageStrip.css +1 -1
  74. package/dist/css/themes/MonthPicker.css +1 -1
  75. package/dist/css/themes/MultiComboBox.css +1 -1
  76. package/dist/css/themes/MultiInput.css +1 -1
  77. package/dist/css/themes/Panel.css +1 -1
  78. package/dist/css/themes/Popover.css +1 -1
  79. package/dist/css/themes/Popup.css +1 -1
  80. package/dist/css/themes/PopupStaticAreaStyles.css +1 -1
  81. package/dist/css/themes/PopupsCommon.css +1 -1
  82. package/dist/css/themes/ProgressIndicator.css +3 -1
  83. package/dist/css/themes/RadioButton.css +1 -1
  84. package/dist/css/themes/RangeSlider.css +1 -1
  85. package/dist/css/themes/RatingIndicator.css +1 -1
  86. package/dist/css/themes/ResponsivePopover.css +1 -1
  87. package/dist/css/themes/ResponsivePopoverCommon.css +1 -1
  88. package/dist/css/themes/SegmentedButton.css +1 -1
  89. package/dist/css/themes/Select.css +1 -1
  90. package/dist/css/themes/SliderBase.css +1 -1
  91. package/dist/css/themes/SplitButton.css +1 -1
  92. package/dist/css/themes/StepInput.css +1 -1
  93. package/dist/css/themes/Switch.css +1 -1
  94. package/dist/css/themes/Tab.css +1 -1
  95. package/dist/css/themes/TabContainer.css +1 -1
  96. package/dist/css/themes/TabInOverflow.css +1 -1
  97. package/dist/css/themes/TabInStrip.css +1 -1
  98. package/dist/css/themes/TabSemanticIcon.css +1 -1
  99. package/dist/css/themes/TabSeparatorInOverflow.css +1 -1
  100. package/dist/css/themes/TabSeparatorInStrip.css +1 -1
  101. package/dist/css/themes/Table.css +1 -1
  102. package/dist/css/themes/TableCell.css +1 -1
  103. package/dist/css/themes/TableColumn.css +1 -1
  104. package/dist/css/themes/TableGroupRow.css +1 -1
  105. package/dist/css/themes/TableRow.css +1 -1
  106. package/dist/css/themes/TextArea.css +2 -1
  107. package/dist/css/themes/TimePicker.css +1 -1
  108. package/dist/css/themes/TimePickerPopover.css +1 -1
  109. package/dist/css/themes/TimeSelection.css +1 -1
  110. package/dist/css/themes/Title.css +1 -1
  111. package/dist/css/themes/Toast.css +1 -1
  112. package/dist/css/themes/ToggleButton.css +1 -1
  113. package/dist/css/themes/Token.css +1 -1
  114. package/dist/css/themes/Tokenizer.css +1 -1
  115. package/dist/css/themes/Tree.css +1 -1
  116. package/dist/css/themes/TreeItem.css +1 -1
  117. package/dist/css/themes/ValueStateMessage.css +1 -1
  118. package/dist/css/themes/WheelSlider.css +1 -1
  119. package/dist/css/themes/YearPicker.css +1 -1
  120. package/dist/css/themes/sap_belize/parameters-bundle.css +1 -1
  121. package/dist/css/themes/sap_belize_hcb/parameters-bundle.css +1 -1
  122. package/dist/css/themes/sap_belize_hcw/parameters-bundle.css +1 -1
  123. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  124. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  125. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  126. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  127. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  128. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  129. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  130. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  131. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  132. package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
  133. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  134. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  135. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  136. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  137. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  138. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  139. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  140. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  141. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  142. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  143. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  144. package/dist/generated/themes/Avatar.css.js +1 -1
  145. package/dist/generated/themes/Avatar.css.js.map +1 -1
  146. package/dist/generated/themes/AvatarGroup.css.js +1 -1
  147. package/dist/generated/themes/AvatarGroup.css.js.map +1 -1
  148. package/dist/generated/themes/Badge.css.js +1 -1
  149. package/dist/generated/themes/Badge.css.js.map +1 -1
  150. package/dist/generated/themes/Breadcrumbs.css.js +1 -1
  151. package/dist/generated/themes/Breadcrumbs.css.js.map +1 -1
  152. package/dist/generated/themes/BreadcrumbsPopover.css.js +1 -1
  153. package/dist/generated/themes/BreadcrumbsPopover.css.js.map +1 -1
  154. package/dist/generated/themes/BrowserScrollbar.css.js +1 -1
  155. package/dist/generated/themes/BrowserScrollbar.css.js.map +1 -1
  156. package/dist/generated/themes/BusyIndicator.css.js +1 -1
  157. package/dist/generated/themes/BusyIndicator.css.js.map +1 -1
  158. package/dist/generated/themes/Button.css.js +1 -1
  159. package/dist/generated/themes/Button.css.js.map +1 -1
  160. package/dist/generated/themes/Calendar.css.js +1 -1
  161. package/dist/generated/themes/Calendar.css.js.map +1 -1
  162. package/dist/generated/themes/CalendarHeader.css.js +1 -1
  163. package/dist/generated/themes/CalendarHeader.css.js.map +1 -1
  164. package/dist/generated/themes/Card.css.js +1 -1
  165. package/dist/generated/themes/Card.css.js.map +1 -1
  166. package/dist/generated/themes/CardHeader.css.js +1 -1
  167. package/dist/generated/themes/CardHeader.css.js.map +1 -1
  168. package/dist/generated/themes/Carousel.css.js +1 -1
  169. package/dist/generated/themes/Carousel.css.js.map +1 -1
  170. package/dist/generated/themes/CheckBox.css.js +1 -1
  171. package/dist/generated/themes/CheckBox.css.js.map +1 -1
  172. package/dist/generated/themes/ColorPalette.css.js +1 -1
  173. package/dist/generated/themes/ColorPalette.css.js.map +1 -1
  174. package/dist/generated/themes/ColorPaletteItem.css.js +1 -1
  175. package/dist/generated/themes/ColorPaletteItem.css.js.map +1 -1
  176. package/dist/generated/themes/ColorPalettePopover.css.js +1 -1
  177. package/dist/generated/themes/ColorPalettePopover.css.js.map +1 -1
  178. package/dist/generated/themes/ColorPaletteStaticArea.css.js +1 -1
  179. package/dist/generated/themes/ColorPaletteStaticArea.css.js.map +1 -1
  180. package/dist/generated/themes/ColorPicker.css.js +1 -1
  181. package/dist/generated/themes/ColorPicker.css.js.map +1 -1
  182. package/dist/generated/themes/ComboBox.css.js +1 -1
  183. package/dist/generated/themes/ComboBox.css.js.map +1 -1
  184. package/dist/generated/themes/ComboBoxPopover.css.js +1 -1
  185. package/dist/generated/themes/ComboBoxPopover.css.js.map +1 -1
  186. package/dist/generated/themes/CustomListItem.css.js +1 -1
  187. package/dist/generated/themes/CustomListItem.css.js.map +1 -1
  188. package/dist/generated/themes/DatePicker.css.js +1 -1
  189. package/dist/generated/themes/DatePicker.css.js.map +1 -1
  190. package/dist/generated/themes/DatePickerPopover.css.js +1 -1
  191. package/dist/generated/themes/DatePickerPopover.css.js.map +1 -1
  192. package/dist/generated/themes/DateRangePicker.css.js +1 -1
  193. package/dist/generated/themes/DateRangePicker.css.js.map +1 -1
  194. package/dist/generated/themes/DateTimePicker.css.js +1 -1
  195. package/dist/generated/themes/DateTimePicker.css.js.map +1 -1
  196. package/dist/generated/themes/DateTimePickerPopover.css.js +1 -1
  197. package/dist/generated/themes/DateTimePickerPopover.css.js.map +1 -1
  198. package/dist/generated/themes/DayPicker.css.js +1 -1
  199. package/dist/generated/themes/DayPicker.css.js.map +1 -1
  200. package/dist/generated/themes/Dialog.css.js +1 -1
  201. package/dist/generated/themes/Dialog.css.js.map +1 -1
  202. package/dist/generated/themes/FileUploader.css.js +1 -1
  203. package/dist/generated/themes/FileUploader.css.js.map +1 -1
  204. package/dist/generated/themes/FormComponents.css.js +1 -1
  205. package/dist/generated/themes/FormComponents.css.js.map +1 -1
  206. package/dist/generated/themes/GroupHeaderListItem.css.js +1 -1
  207. package/dist/generated/themes/GroupHeaderListItem.css.js.map +1 -1
  208. package/dist/generated/themes/GrowingButton.css.js +1 -1
  209. package/dist/generated/themes/GrowingButton.css.js.map +1 -1
  210. package/dist/generated/themes/Icon.css.js +1 -1
  211. package/dist/generated/themes/Icon.css.js.map +1 -1
  212. package/dist/generated/themes/Input.css.js +1 -1
  213. package/dist/generated/themes/Input.css.js.map +1 -1
  214. package/dist/generated/themes/InputIcon.css.js +1 -1
  215. package/dist/generated/themes/InputIcon.css.js.map +1 -1
  216. package/dist/generated/themes/InvisibleTextStyles.css.js +1 -1
  217. package/dist/generated/themes/InvisibleTextStyles.css.js.map +1 -1
  218. package/dist/generated/themes/Label.css.js +1 -1
  219. package/dist/generated/themes/Label.css.js.map +1 -1
  220. package/dist/generated/themes/Link.css.js +1 -1
  221. package/dist/generated/themes/Link.css.js.map +1 -1
  222. package/dist/generated/themes/List.css.js +1 -1
  223. package/dist/generated/themes/List.css.js.map +1 -1
  224. package/dist/generated/themes/ListItem.css.js +1 -1
  225. package/dist/generated/themes/ListItem.css.js.map +1 -1
  226. package/dist/generated/themes/ListItemBase.css.js +1 -1
  227. package/dist/generated/themes/ListItemBase.css.js.map +1 -1
  228. package/dist/generated/themes/Menu.css.js +1 -1
  229. package/dist/generated/themes/Menu.css.js.map +1 -1
  230. package/dist/generated/themes/MessageStrip.css.js +1 -1
  231. package/dist/generated/themes/MessageStrip.css.js.map +1 -1
  232. package/dist/generated/themes/MonthPicker.css.js +1 -1
  233. package/dist/generated/themes/MonthPicker.css.js.map +1 -1
  234. package/dist/generated/themes/MultiComboBox.css.js +1 -1
  235. package/dist/generated/themes/MultiComboBox.css.js.map +1 -1
  236. package/dist/generated/themes/MultiComboBoxPopover.css.js +1 -1
  237. package/dist/generated/themes/MultiComboBoxPopover.css.js.map +1 -1
  238. package/dist/generated/themes/MultiInput.css.js +1 -1
  239. package/dist/generated/themes/MultiInput.css.js.map +1 -1
  240. package/dist/generated/themes/Panel.css.js +1 -1
  241. package/dist/generated/themes/Panel.css.js.map +1 -1
  242. package/dist/generated/themes/Popover.css.js +1 -1
  243. package/dist/generated/themes/Popover.css.js.map +1 -1
  244. package/dist/generated/themes/Popup.css.js +1 -1
  245. package/dist/generated/themes/Popup.css.js.map +1 -1
  246. package/dist/generated/themes/PopupGlobal.css.js +1 -1
  247. package/dist/generated/themes/PopupGlobal.css.js.map +1 -1
  248. package/dist/generated/themes/PopupStaticAreaStyles.css.js +1 -1
  249. package/dist/generated/themes/PopupStaticAreaStyles.css.js.map +1 -1
  250. package/dist/generated/themes/PopupsCommon.css.js +1 -1
  251. package/dist/generated/themes/PopupsCommon.css.js.map +1 -1
  252. package/dist/generated/themes/ProgressIndicator.css.js +1 -1
  253. package/dist/generated/themes/ProgressIndicator.css.js.map +1 -1
  254. package/dist/generated/themes/RadioButton.css.js +1 -1
  255. package/dist/generated/themes/RadioButton.css.js.map +1 -1
  256. package/dist/generated/themes/RangeSlider.css.js +1 -1
  257. package/dist/generated/themes/RangeSlider.css.js.map +1 -1
  258. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  259. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  260. package/dist/generated/themes/ResponsivePopover.css.js +1 -1
  261. package/dist/generated/themes/ResponsivePopover.css.js.map +1 -1
  262. package/dist/generated/themes/ResponsivePopoverCommon.css.js +1 -1
  263. package/dist/generated/themes/ResponsivePopoverCommon.css.js.map +1 -1
  264. package/dist/generated/themes/SegmentedButton.css.js +1 -1
  265. package/dist/generated/themes/SegmentedButton.css.js.map +1 -1
  266. package/dist/generated/themes/Select.css.js +1 -1
  267. package/dist/generated/themes/Select.css.js.map +1 -1
  268. package/dist/generated/themes/SelectPopover.css.js +1 -1
  269. package/dist/generated/themes/SelectPopover.css.js.map +1 -1
  270. package/dist/generated/themes/SliderBase.css.js +1 -1
  271. package/dist/generated/themes/SliderBase.css.js.map +1 -1
  272. package/dist/generated/themes/SplitButton.css.js +1 -1
  273. package/dist/generated/themes/SplitButton.css.js.map +1 -1
  274. package/dist/generated/themes/StepInput.css.js +1 -1
  275. package/dist/generated/themes/StepInput.css.js.map +1 -1
  276. package/dist/generated/themes/Suggestions.css.js +1 -1
  277. package/dist/generated/themes/Suggestions.css.js.map +1 -1
  278. package/dist/generated/themes/Switch.css.js +1 -1
  279. package/dist/generated/themes/Switch.css.js.map +1 -1
  280. package/dist/generated/themes/Tab.css.js +1 -1
  281. package/dist/generated/themes/Tab.css.js.map +1 -1
  282. package/dist/generated/themes/TabContainer.css.js +1 -1
  283. package/dist/generated/themes/TabContainer.css.js.map +1 -1
  284. package/dist/generated/themes/TabInOverflow.css.js +1 -1
  285. package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
  286. package/dist/generated/themes/TabInStrip.css.js +1 -1
  287. package/dist/generated/themes/TabInStrip.css.js.map +1 -1
  288. package/dist/generated/themes/TabSemanticIcon.css.js +1 -1
  289. package/dist/generated/themes/TabSemanticIcon.css.js.map +1 -1
  290. package/dist/generated/themes/TabSeparatorInOverflow.css.js +1 -1
  291. package/dist/generated/themes/TabSeparatorInOverflow.css.js.map +1 -1
  292. package/dist/generated/themes/TabSeparatorInStrip.css.js +1 -1
  293. package/dist/generated/themes/TabSeparatorInStrip.css.js.map +1 -1
  294. package/dist/generated/themes/Table.css.js +1 -1
  295. package/dist/generated/themes/Table.css.js.map +1 -1
  296. package/dist/generated/themes/TableCell.css.js +1 -1
  297. package/dist/generated/themes/TableCell.css.js.map +1 -1
  298. package/dist/generated/themes/TableColumn.css.js +1 -1
  299. package/dist/generated/themes/TableColumn.css.js.map +1 -1
  300. package/dist/generated/themes/TableGroupRow.css.js +1 -1
  301. package/dist/generated/themes/TableGroupRow.css.js.map +1 -1
  302. package/dist/generated/themes/TableRow.css.js +1 -1
  303. package/dist/generated/themes/TableRow.css.js.map +1 -1
  304. package/dist/generated/themes/TapHighlightColor.css.js +1 -1
  305. package/dist/generated/themes/TapHighlightColor.css.js.map +1 -1
  306. package/dist/generated/themes/TextArea.css.js +1 -1
  307. package/dist/generated/themes/TextArea.css.js.map +1 -1
  308. package/dist/generated/themes/TimePicker.css.js +1 -1
  309. package/dist/generated/themes/TimePicker.css.js.map +1 -1
  310. package/dist/generated/themes/TimePickerPopover.css.js +1 -1
  311. package/dist/generated/themes/TimePickerPopover.css.js.map +1 -1
  312. package/dist/generated/themes/TimeSelection.css.js +1 -1
  313. package/dist/generated/themes/TimeSelection.css.js.map +1 -1
  314. package/dist/generated/themes/Title.css.js +1 -1
  315. package/dist/generated/themes/Title.css.js.map +1 -1
  316. package/dist/generated/themes/Toast.css.js +1 -1
  317. package/dist/generated/themes/Toast.css.js.map +1 -1
  318. package/dist/generated/themes/ToggleButton.css.js +1 -1
  319. package/dist/generated/themes/ToggleButton.css.js.map +1 -1
  320. package/dist/generated/themes/Token.css.js +1 -1
  321. package/dist/generated/themes/Token.css.js.map +1 -1
  322. package/dist/generated/themes/Tokenizer.css.js +1 -1
  323. package/dist/generated/themes/Tokenizer.css.js.map +1 -1
  324. package/dist/generated/themes/TokenizerPopover.css.js +1 -1
  325. package/dist/generated/themes/TokenizerPopover.css.js.map +1 -1
  326. package/dist/generated/themes/Tree.css.js +1 -1
  327. package/dist/generated/themes/Tree.css.js.map +1 -1
  328. package/dist/generated/themes/TreeItem.css.js +1 -1
  329. package/dist/generated/themes/TreeItem.css.js.map +1 -1
  330. package/dist/generated/themes/ValueStateMessage.css.js +1 -1
  331. package/dist/generated/themes/ValueStateMessage.css.js.map +1 -1
  332. package/dist/generated/themes/WheelSlider.css.js +1 -1
  333. package/dist/generated/themes/WheelSlider.css.js.map +1 -1
  334. package/dist/generated/themes/YearPicker.css.js +1 -1
  335. package/dist/generated/themes/YearPicker.css.js.map +1 -1
  336. package/dist/generated/themes/sap_belize/parameters-bundle.css.js +1 -1
  337. package/dist/generated/themes/sap_belize/parameters-bundle.css.js.map +1 -1
  338. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
  339. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js.map +1 -1
  340. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
  341. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js.map +1 -1
  342. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  343. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  344. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  345. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  346. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  347. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  348. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  349. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  350. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  351. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  352. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  353. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  354. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  355. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  356. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
  357. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  358. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
  359. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  360. package/dist/test/pages/72override.html +1 -1
  361. package/dist/test/pages/AnimanitionOff.html +1 -1
  362. package/dist/test/pages/Avatar.html +1 -1
  363. package/dist/test/pages/AvatarGroup.html +1 -1
  364. package/dist/test/pages/Badge.html +1 -1
  365. package/dist/test/pages/Breadcrumbs.html +1 -1
  366. package/dist/test/pages/BusyIndicator.html +1 -1
  367. package/dist/test/pages/Button.html +1 -1
  368. package/dist/test/pages/Calendar.html +1 -1
  369. package/dist/test/pages/Card.html +1 -1
  370. package/dist/test/pages/Carousel.html +1 -1
  371. package/dist/test/pages/CheckBox.html +1 -1
  372. package/dist/test/pages/ColorPalette.html +1 -1
  373. package/dist/test/pages/ColorPalettePopover.html +1 -1
  374. package/dist/test/pages/ColorPicker.html +1 -1
  375. package/dist/test/pages/ComboBox.html +2 -2
  376. package/dist/test/pages/Components.html +1 -1
  377. package/dist/test/pages/CoreControls.html +1 -1
  378. package/dist/test/pages/CoreControls_exp.html +1 -1
  379. package/dist/test/pages/CustomCSS.html +1 -1
  380. package/dist/test/pages/DatePicker.html +1 -1
  381. package/dist/test/pages/DatePicker_test_page.html +1 -1
  382. package/dist/test/pages/DateRangePicker.html +1 -1
  383. package/dist/test/pages/DateTimePicker.html +1 -1
  384. package/dist/test/pages/DateTimePicker_Timezone.html +1 -1
  385. package/dist/test/pages/DayPicker.html +1 -1
  386. package/dist/test/pages/Dialog.html +1 -1
  387. package/dist/test/pages/DialogLifecycle.html +1 -1
  388. package/dist/test/pages/DialogSemantic.html +1 -1
  389. package/dist/test/pages/Eventing.html +1 -1
  390. package/dist/test/pages/F6Test1.html +1 -1
  391. package/dist/test/pages/F6Test2.html +1 -1
  392. package/dist/test/pages/F6Test3.html +1 -1
  393. package/dist/test/pages/F6Test4.html +1 -1
  394. package/dist/test/pages/F6Test5.html +1 -1
  395. package/dist/test/pages/F6Test6.html +1 -1
  396. package/dist/test/pages/F6Test7.html +1 -1
  397. package/dist/test/pages/FileUploader.html +1 -1
  398. package/dist/test/pages/FormComponents.html +1 -1
  399. package/dist/test/pages/FormSupport.html +1 -1
  400. package/dist/test/pages/HCB.html +1 -1
  401. package/dist/test/pages/Icon.html +2 -2
  402. package/dist/test/pages/Icon_and_theming.html +1 -1
  403. package/dist/test/pages/Icon_custom.html +1 -1
  404. package/dist/test/pages/Input.html +1 -1
  405. package/dist/test/pages/InputFieldLabels.html +1 -1
  406. package/dist/test/pages/InputFieldMinWidth.html +1 -1
  407. package/dist/test/pages/InputIcons.html +1 -1
  408. package/dist/test/pages/Input_quickview.html +1 -1
  409. package/dist/test/pages/InputsAlignment.html +1 -1
  410. package/dist/test/pages/InputsLazyLoading.html +1 -1
  411. package/dist/test/pages/ItemNavigation.html +1 -1
  412. package/dist/test/pages/Kitchen.html +1 -1
  413. package/dist/test/pages/Kitchen.openui5.html +1 -1
  414. package/dist/test/pages/Label.html +2 -2
  415. package/dist/test/pages/Link.html +1 -1
  416. package/dist/test/pages/List.html +1 -1
  417. package/dist/test/pages/ListGrowing_Button.html +1 -1
  418. package/dist/test/pages/ListGrowing_Scroll.html +1 -1
  419. package/dist/test/pages/List_keyboard_support.html +1 -1
  420. package/dist/test/pages/List_test_page.html +1 -1
  421. package/dist/test/pages/LitKeyFunction.html +1 -1
  422. package/dist/test/pages/MemoryLeak.html +1 -1
  423. package/dist/test/pages/Menu.html +1 -1
  424. package/dist/test/pages/MessagePage.html +1 -1
  425. package/dist/test/pages/MessageStrip.html +1 -1
  426. package/dist/test/pages/MultiComboBox.html +1 -1
  427. package/dist/test/pages/MultiInput.html +1 -1
  428. package/dist/test/pages/MultiInput_Suggestions.html +1 -1
  429. package/dist/test/pages/OpenUI5-second.html +1 -1
  430. package/dist/test/pages/OpenUI5.html +1 -1
  431. package/dist/test/pages/Panel.html +1 -1
  432. package/dist/test/pages/Popover.html +1 -1
  433. package/dist/test/pages/PopoverArrowBounds.html +1 -1
  434. package/dist/test/pages/Popups.html +2 -2
  435. package/dist/test/pages/ProgressIndicator.html +1 -1
  436. package/dist/test/pages/RTL.html +1 -1
  437. package/dist/test/pages/RadioButton.html +1 -1
  438. package/dist/test/pages/RangeSlider.html +1 -1
  439. package/dist/test/pages/RatingIndicator.html +1 -1
  440. package/dist/test/pages/ResizeHandler.html +1 -1
  441. package/dist/test/pages/ResponsivePopover.html +1 -1
  442. package/dist/test/pages/SegmentedButton.html +1 -1
  443. package/dist/test/pages/Select.html +1 -1
  444. package/dist/test/pages/Simple.html +1 -1
  445. package/dist/test/pages/Slider.html +1 -1
  446. package/dist/test/pages/SplitButton.html +1 -1
  447. package/dist/test/pages/StepInput.html +1 -1
  448. package/dist/test/pages/Switch.html +1 -1
  449. package/dist/test/pages/TabContainer.html +1 -1
  450. package/dist/test/pages/Table-perf-pure.html +1 -1
  451. package/dist/test/pages/Table-perf.html +1 -1
  452. package/dist/test/pages/Table.html +1 -1
  453. package/dist/test/pages/Table2.html +1 -1
  454. package/dist/test/pages/TableAllPopin.html +1 -1
  455. package/dist/test/pages/TableCustomStyling.html +1 -1
  456. package/dist/test/pages/TableGrouping.html +1 -1
  457. package/dist/test/pages/TableGrowingWithButton.html +1 -1
  458. package/dist/test/pages/TableGrowingWithScroll.html +1 -1
  459. package/dist/test/pages/TableSelection.html +1 -1
  460. package/dist/test/pages/TextArea.html +1 -1
  461. package/dist/test/pages/TimePicker.html +1 -1
  462. package/dist/test/pages/TimeSelection.html +1 -1
  463. package/dist/test/pages/Title.html +1 -1
  464. package/dist/test/pages/Toast.html +1 -1
  465. package/dist/test/pages/ToggleButton.html +1 -1
  466. package/dist/test/pages/Tokenizer.html +1 -1
  467. package/dist/test/pages/Tree.html +1 -1
  468. package/dist/test/pages/TreeDynamic.html +1 -1
  469. package/dist/test/pages/WheelSlider_Test_Page.html +1 -1
  470. package/dist/test/pages/base/AriaLabelHelper.html +1 -1
  471. package/dist/test/pages/base/DOMObserver.html +1 -1
  472. package/dist/test/pages/base/IconCollection.html +1 -1
  473. package/dist/test/pages/base/IconCollectionInCustomTheme.html +1 -1
  474. package/dist/test/pages/base/IgnoreCustomElements.html +1 -1
  475. package/dist/test/pages/base/InvisibleMessage.html +1 -1
  476. package/dist/test/pages/form.html +1 -1
  477. package/dist/test/pages/i18n-defaultLang.html +1 -1
  478. package/dist/test/pages/i18n-demo.html +1 -1
  479. package/package.json +8 -8
  480. package/dist/assets/parameters-bundle.css.0ec52ac7.js +0 -1
  481. package/dist/assets/parameters-bundle.css.23bec147.js +0 -1
  482. package/dist/assets/parameters-bundle.css.397d6040.js +0 -1
  483. package/dist/assets/parameters-bundle.css.3fee12aa.js +0 -1
  484. package/dist/assets/parameters-bundle.css.4a898a1b.js +0 -1
  485. package/dist/assets/parameters-bundle.css.4c54fb75.js +0 -1
  486. package/dist/assets/parameters-bundle.css.6646bc95.js +0 -1
  487. package/dist/assets/parameters-bundle.css.72ef7ff2.js +0 -1
  488. package/dist/assets/parameters-bundle.css.76a7a9e4.js +0 -1
  489. package/dist/assets/parameters-bundle.css.7edd6913.js +0 -1
  490. package/dist/assets/parameters-bundle.css.86ed4ed5.js +0 -1
  491. package/dist/assets/parameters-bundle.css.8bd32b39.js +0 -1
  492. package/dist/assets/parameters-bundle.css.9ca7ff31.js +0 -1
  493. package/dist/assets/parameters-bundle.css.bed7b1d7.js +0 -1
  494. package/dist/assets/parameters-bundle.css.bfd87960.js +0 -1
  495. package/dist/assets/parameters-bundle.css.c8caca4e.js +0 -1
  496. package/dist/assets/parameters-bundle.css.c9f57df8.js +0 -1
  497. package/dist/assets/parameters-bundle.css.cd179234.js +0 -1
  498. package/dist/assets/parameters-bundle.css.dd9c4590.js +0 -1
  499. package/dist/assets/parameters-bundle.css.ddac1eb8.js +0 -1
  500. package/dist/assets/parameters-bundle.css.e1417378.js +0 -1
  501. package/dist/assets/parameters-bundle.css.e2318f88.js +0 -1
  502. package/dist/assets/parameters-bundle.css.e870ea96.js +0 -1
  503. package/dist/assets/parameters-bundle.css.ef756ba2.js +0 -1
@@ -0,0 +1,2170 @@
1
+ const _={packageName:"@ui5/webcomponents",fileName:"themes/sap_belize_hcw/parameters-bundle.css",content:`:root [_ui5host] {
2
+ --ui5-avatar-initials-color: var(--sapContent_ImagePlaceholderForegroundColor);
3
+ --ui5-avatar-border-radius: .25rem;
4
+ --ui5-avatar-border-radius-img-deduction: 0.0625rem;
5
+ --ui5-avatar-initials-border: none;
6
+ --ui5-avatar-accent1: var(--sapAccentColor1);
7
+ --ui5-avatar-accent2: var(--sapAccentColor2);
8
+ --ui5-avatar-accent3: var(--sapAccentColor3);
9
+ --ui5-avatar-accent4: var(--sapAccentColor4);
10
+ --ui5-avatar-accent5: var(--sapAccentColor5);
11
+ --ui5-avatar-accent6: var(--sapAccentColor6);
12
+ --ui5-avatar-accent7: var(--sapAccentColor7);
13
+ --ui5-avatar-accent8: var(--sapAccentColor8);
14
+ --ui5-avatar-accent9: var(--sapAccentColor9);
15
+ --ui5-avatar-accent10: var(--sapAccentColor10);
16
+ --ui5-avatar-placeholder: var(--sapContent_ImagePlaceholderBackground);
17
+
18
+ --ui5-avatar-accent1-color: var(--ui5-avatar-initials-color);
19
+ --ui5-avatar-accent2-color: var(--ui5-avatar-initials-color);
20
+ --ui5-avatar-accent3-color: var(--ui5-avatar-initials-color);
21
+ --ui5-avatar-accent4-color: var(--ui5-avatar-initials-color);
22
+ --ui5-avatar-accent5-color: var(--ui5-avatar-initials-color);
23
+ --ui5-avatar-accent6-color: var(--ui5-avatar-initials-color);
24
+ --ui5-avatar-accent7-color: var(--ui5-avatar-initials-color);
25
+ --ui5-avatar-accent8-color: var(--ui5-avatar-initials-color);
26
+ --ui5-avatar-accent9-color: var(--ui5-avatar-initials-color);
27
+ --ui5-avatar-accent10-color: var(--ui5-avatar-initials-color);
28
+ --ui5-avatar-placeholder-color: var(--ui5-avatar-initials-color);
29
+
30
+ --ui5-avatar-accent1-border-color: var(--sapField_BorderColor);
31
+ --ui5-avatar-accent2-border-color: var(--sapField_BorderColor);
32
+ --ui5-avatar-accent3-border-color: var(--sapField_BorderColor);
33
+ --ui5-avatar-accent4-border-color: var(--sapField_BorderColor);
34
+ --ui5-avatar-accent5-border-color: var(--sapField_BorderColor);
35
+ --ui5-avatar-accent6-border-color: var(--sapField_BorderColor);
36
+ --ui5-avatar-accent7-border-color: var(--sapField_BorderColor);
37
+ --ui5-avatar-accent8-border-color: var(--sapField_BorderColor);
38
+ --ui5-avatar-accent9-border-color: var(--sapField_BorderColor);
39
+ --ui5-avatar-accent10-border-color: var(--sapField_BorderColor);
40
+ --ui5-avatar-placeholder-border-color: var(--sapField_BorderColor);
41
+
42
+ --_ui5_avatar_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
43
+ --_ui5_avatar_focus_offset: 1px;
44
+ --_ui5_avatar_focus_width: 1px;
45
+ --_ui5_avatar_focus_color: var(--sapContent_FocusColor);
46
+
47
+ --_ui5_avatar_fontsize_XS: 0.75rem;
48
+ --_ui5_avatar_fontsize_S: 1.125rem;
49
+ --_ui5_avatar_fontsize_M: 1.625rem;
50
+ --_ui5_avatar_fontsize_L: 2rem;
51
+ --_ui5_avatar_fontsize_XL: 2.75rem;
52
+
53
+ --_ui5_avatar_icon_XS: 1rem;
54
+ --_ui5_avatar_icon_S: 1.5rem;
55
+ --_ui5_avatar_icon_M: 2rem;
56
+ --_ui5_avatar_icon_L: 2.5rem;
57
+ --_ui5_avatar_icon_XL: 3rem;
58
+ }
59
+
60
+ :root [_ui5host] {
61
+ --ui5-avatar-initials-color: #000;
62
+ --ui5-avatar-initials-border: .0625rem solid #000;
63
+ --ui5-avatar-accent1: #fff;
64
+ --ui5-avatar-accent2: #fff;
65
+ --ui5-avatar-accent3: #fff;
66
+ --ui5-avatar-accent4: #fff;
67
+ --ui5-avatar-accent5: #fff;
68
+ --ui5-avatar-accent6: #fff;
69
+ --ui5-avatar-accent7: #fff;
70
+ --ui5-avatar-accent8: #fff;
71
+ --ui5-avatar-accent9: #fff;
72
+ --ui5-avatar-accent10: #fff;
73
+ --ui5-avatar-placeholder: #fff;
74
+ --_ui5_avatar_outline: 0.125rem dotted var(--sapContent_FocusColor);
75
+ }
76
+
77
+ :root [_ui5host] {
78
+ --_ui5_avatar_group_button_focus_border: none;
79
+ }
80
+
81
+ :root [_ui5host] {
82
+ --_ui5-badge-cursor: default;
83
+
84
+ --ui5-badge-color-scheme-1-background: var(--sapLegendBackgroundColor1);
85
+ --ui5-badge-color-scheme-1-border: var(--sapAccentColor1);
86
+ --ui5-badge-color-scheme-1-color: var(--sapTextColor);
87
+
88
+ --ui5-badge-color-scheme-2-background: var(--sapLegendBackgroundColor2);
89
+ --ui5-badge-color-scheme-2-border: var(--sapAccentColor2);
90
+ --ui5-badge-color-scheme-2-color: var(--sapTextColor);
91
+
92
+ --ui5-badge-color-scheme-3-background: var(--sapLegendBackgroundColor3);
93
+ --ui5-badge-color-scheme-3-border: var(--sapAccentColor3);
94
+ --ui5-badge-color-scheme-3-color: var(--sapTextColor);
95
+
96
+ --ui5-badge-color-scheme-4-background: var(--sapLegendBackgroundColor5);
97
+ --ui5-badge-color-scheme-4-border: var(--sapAccentColor4);
98
+ --ui5-badge-color-scheme-4-color: var(--sapTextColor);
99
+
100
+ --ui5-badge-color-scheme-5-background: var(--sapLegendBackgroundColor20);
101
+ --ui5-badge-color-scheme-5-border: var(--sapAccentColor5);
102
+ --ui5-badge-color-scheme-5-color: var(--sapTextColor);
103
+
104
+ --ui5-badge-color-scheme-6-background: var(--sapLegendBackgroundColor6);
105
+ --ui5-badge-color-scheme-6-border: var(--sapAccentColor6);
106
+ --ui5-badge-color-scheme-6-color: var(--sapTextColor);
107
+
108
+ --ui5-badge-color-scheme-7-background: var(--sapLegendBackgroundColor7);
109
+ --ui5-badge-color-scheme-7-border: var(--sapAccentColor7);
110
+ --ui5-badge-color-scheme-7-color: var(--sapTextColor);
111
+
112
+ --ui5-badge-color-scheme-8-background: var(--sapLegendBackgroundColor18);
113
+ --ui5-badge-color-scheme-8-border: var(--sapLegendColor18);
114
+ --ui5-badge-color-scheme-8-color: var(--sapTextColor);
115
+
116
+ --ui5-badge-color-scheme-9-background: var(--sapLegendBackgroundColor10);
117
+ --ui5-badge-color-scheme-9-border: var(--sapAccentColor10);
118
+ --ui5-badge-color-scheme-9-color: var(--sapTextColor);
119
+
120
+ --ui5-badge-color-scheme-10-background: var(--sapLegendBackgroundColor9);
121
+ --ui5-badge-color-scheme-10-border: var(--sapAccentColor9);
122
+ --ui5-badge-color-scheme-10-color: var(--sapTextColor);
123
+ }
124
+
125
+ :root [_ui5host] {
126
+ --ui5-badge-color-scheme-1-background: var(--sapGroup_ContentBackground);
127
+ --ui5-badge-color-scheme-1-border: var(--sapGroup_ContentBorderColor);
128
+ --ui5-badge-color-scheme-1-color: var(--sapTextColor);
129
+
130
+ --ui5-badge-color-scheme-2-background: var(--sapGroup_ContentBackground);
131
+ --ui5-badge-color-scheme-2-border: var(--sapGroup_ContentBorderColor);
132
+ --ui5-badge-color-scheme-2-color: var(--sapTextColor);
133
+
134
+ --ui5-badge-color-scheme-3-background: var(--sapGroup_ContentBackground);
135
+ --ui5-badge-color-scheme-3-border: var(--sapGroup_ContentBorderColor);
136
+ --ui5-badge-color-scheme-3-color: var(--sapTextColor);
137
+
138
+ --ui5-badge-color-scheme-4-background: var(--sapGroup_ContentBackground);
139
+ --ui5-badge-color-scheme-4-border: var(--sapGroup_ContentBorderColor);
140
+ --ui5-badge-color-scheme-4-color: var(--sapTextColor);
141
+
142
+ --ui5-badge-color-scheme-5-background: var(--sapGroup_ContentBackground);
143
+ --ui5-badge-color-scheme-5-border: var(--sapGroup_ContentBorderColor);
144
+ --ui5-badge-color-scheme-5-color: var(--sapTextColor);
145
+
146
+ --ui5-badge-color-scheme-6-background: var(--sapGroup_ContentBackground);
147
+ --ui5-badge-color-scheme-6-border: var(--sapGroup_ContentBorderColor);
148
+ --ui5-badge-color-scheme-6-color: var(--sapTextColor);
149
+
150
+ --ui5-badge-color-scheme-7-background: var(--sapGroup_ContentBackground);
151
+ --ui5-badge-color-scheme-7-border: var(--sapGroup_ContentBorderColor);
152
+ --ui5-badge-color-scheme-7-color: var(--sapTextColor);
153
+
154
+ --ui5-badge-color-scheme-8-background: var(--sapGroup_ContentBackground);
155
+ --ui5-badge-color-scheme-8-border: var(--sapGroup_ContentBorderColor);
156
+ --ui5-badge-color-scheme-8-color: var(--sapTextColor);
157
+
158
+ --ui5-badge-color-scheme-9-background: var(--sapGroup_ContentBackground);
159
+ --ui5-badge-color-scheme-9-border: var(--sapGroup_ContentBorderColor);
160
+ --ui5-badge-color-scheme-9-color: var(--sapTextColor);
161
+
162
+ --ui5-badge-color-scheme-10-background: var(--sapGroup_ContentBackground);
163
+ --ui5-badge-color-scheme-10-border: var(--sapGroup_ContentBorderColor);
164
+ --ui5-badge-color-scheme-10-color: var(--sapTextColor);
165
+ }
166
+
167
+ :root [_ui5host] {
168
+ --browser_scrollbar_border_radius: 0;
169
+ --browser_scrollbar_border: 0.0625rem solid #585858;
170
+ }
171
+
172
+ :root [_ui5host] {
173
+ --_ui5_busy_indicator_color: var(--sapContent_IconColor);
174
+ --_ui5_busy_indicator_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
175
+ --_ui5_busy_indicator_focus_border_radius: 0px;
176
+ }
177
+
178
+ :root [_ui5host] {
179
+ --_ui5_button_focused_border: 0.0625rem dotted var(--sapContent_FocusColor);
180
+ --_ui5_button_focused_border_radius: 0.25rem;
181
+ --_ui5_button_focused_inner_border_radius: 0;
182
+ --_ui5_button_base_min_width: 2.5rem;
183
+ --_ui5_button_base_min_compact_width: 2rem;
184
+ --_ui5_button_base_height: 2.5rem;
185
+ --_ui5_button_compact_height: 1.625rem;
186
+ --_ui5_button_border_radius: var(--sapButton_BorderCornerRadius);
187
+ --_ui5_button_base_padding: 0.6875rem;
188
+ --_ui5_button_compact_padding: 0.4375rem;
189
+ --_ui5_button_base_icon_only_padding: 0.5625rem;
190
+ --_ui5_button_base_icon_margin: 0.563rem;
191
+ --_ui5_button_icon_font_size: 1.375rem;
192
+ --_ui5_button_outline: 1px dotted var(--sapContent_FocusColor);
193
+ --_ui5_button_emphasized_outline: 1px dotted var(--sapContent_FocusColor);
194
+ --_ui5_button_outline_offset: calc(-1 * .1875rem);
195
+ --_ui5_button_emphasized_font_weight: normal;
196
+ --_ui5_button_text_shadow: var(--sapContent_TextShadow);
197
+ --_ui5_button_focus_offset: 1px;
198
+ --_ui5_button_focus_width: 1px;
199
+ --_ui5_button_focus_color: var(--sapContent_FocusColor);
200
+ --_ui5_button_focus_outline_focus_color: var(--sapContent_ContrastFocusColor);
201
+ --_ui5_button_pressed_focused_border_color: var(--sapContent_ContrastFocusColor);
202
+
203
+ --_ui5_button_positive_border_focus_hover_color: var(--sapContent_FocusColor);
204
+ --_ui5_button_positive_focus_border_color: var(--sapButton_Accept_BorderColor);
205
+ --_ui5_button_negative_focus_border_color: var(--sapButton_Reject_BorderColor);
206
+ --_ui5_button_attention_focus_border_color: var(--sapButton_Negative_BorderColor);
207
+ --_ui5_button_emphasized_focused_border_color: var(--sapButton_Emphasized_BorderColor);
208
+ --_ui5_button_fontFamily: "72override", var(--sapFontFamily);
209
+ --_ui5_button_emphasized_focused_border_before: none;
210
+ --_ui5_button_emphasized_focused_border_radius: 0;
211
+ --_ui5_button_transparent_hover: transparent;
212
+ }
213
+
214
+ :root [_ui5host] {
215
+ --_ui5_button_focused_border: 0.125rem dotted var(--sapContent_FocusColor);
216
+ --_ui5_button_focused_border_radius: 0.25rem;
217
+ --_ui5_button_positive_focus_border_color: transparent;
218
+ --_ui5_button_negative_focus_border_color: transparent;
219
+ --_ui5_button_focus_width: 1px;
220
+ --_ui5_button_focus_color: var(--sapContent_FocusColor);
221
+ --_ui5_button_focussed_border_color: transparent;
222
+ --_ui5_button_text_shadow: none;
223
+ --_ui5_button_emphasized_outline: 0.125rem dotted var(--sapContent_FocusColor);
224
+ }
225
+
226
+ :root [_ui5host] {
227
+ --_ui5_calendar_header_arrow_button_border: none;
228
+ --_ui5_calendar_header_arrow_button_border_radius: 0.25rem;
229
+ --_ui5_calendar_header_middle_button_width: 6.25rem;
230
+ --_ui5_calendar_header_middle_button_flex: 1 1 auto;
231
+ --_ui5_calendar_header_middle_button_focus_border_radius: 0.25rem;
232
+ --_ui5_calendar_header_middle_button_focus_border: none;
233
+ --_ui5_calendar_header_middle_button_focus_after_display: block;
234
+ --_ui5_calendar_header_middle_button_focus_after_width: calc(100% - 0.25rem);
235
+ --_ui5_calendar_header_middle_button_focus_after_height: calc(100% - 0.25rem);
236
+ --_ui5_calendar_header_middle_button_focus_after_top_offset: 1px;
237
+ --_ui5_calendar_header_middle_button_focus_after_left_offset: 1px;
238
+ --_ui5_calendar_header_button_background_color: none;
239
+ --_ui5_calendar_header_arrow_button_box_shadow: none;
240
+ --_ui5_calendar_header_middle_button_focus_background: transparent;
241
+ --_ui5_calendar_header_middle_button_focus_outline: none;
242
+ --_ui5_calendar_header_middle_button_focus_active_outline: none;
243
+ --_ui5_calendar_header_middle_button_focus_active_background: var(--sapButton_Active_Background);
244
+ --_ui5_calendar_header_middle_button_focus_after_border: 1px dotted var(--sapContent_FocusColor);
245
+ }
246
+
247
+ :root [_ui5host] {
248
+ --_ui5_calendar_header_arrow_button_border: 1px solid var(--sapButton_BorderColor);
249
+ --_ui5_calendar_header_arrow_button_border_radius: 0.375rem;
250
+ --_ui5_calendar_header_middle_button_width: 5.75rem;
251
+ --_ui5_calendar_header_middle_button_flex: auto;
252
+ --_ui5_calendar_header_middle_button_focus_border_radius: 0;
253
+ --_ui5_calendar_header_middle_button_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
254
+ --_ui5_calendar_header_middle_button_focus_after_display: none;
255
+ }
256
+
257
+ :root [_ui5host] {
258
+ --ui5_carousel_button_size: 2.5rem;
259
+ --ui5_carousel_inactive_dot_size: 0.25rem;
260
+ --ui5_carousel_inactive_dot_margin: 0 0.375rem;
261
+ --ui5_carousel_inactive_dot_border: 1px solid var(--sapContent_ForegroundBorderColor);
262
+ --ui5_carousel_inactive_dot_background: var(--sapContent_NonInteractiveIconColor);
263
+ --ui5_carousel_active_dot_border: var(--ui5_carousel_inactive_dot_border);
264
+ --ui5_carousel_active_dot_background: var(--sapContent_Selected_ForegroundColor);
265
+ }
266
+
267
+ :root [_ui5host] {
268
+ --_ui5_card_box_shadow: var(--sapContent_Shadow0);
269
+ --_ui5_card_hover_box_shadow: var(--_ui5_card_box_shadow);
270
+ --_ui5_card_border: 1px solid var(--sapTile_BorderColor);
271
+ --_ui5_card_border-radius: var(--sapElement_BorderCornerRadius);
272
+ --_ui5_card_header_padding: 1rem;
273
+ --_ui5_card_header_hover_bg: var(--sapList_Hover_Background);
274
+ --_ui5_card_header_active_bg: var(--_ui5_card_header_hover_bg);
275
+ --_ui5_card_header_border: 1px solid var(--_ui5_card_header_border_color);
276
+ --_ui5_card_header_border_color: var(--sapTile_SeparatorColor);
277
+ --_ui5_card_header_focus_border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
278
+ --_ui5_card_header_focus_radius: 0px;
279
+ --_ui5_card_header_focus_bottom_radius: 0px;
280
+ --_ui5_card_header_focus_offset: 1px;
281
+ --_ui5_card_header_title_font_family: "72override", var(--sapFontFamily);
282
+ --_ui5_card_header_title_font_size: var(--sapFontHeader5Size);
283
+ --_ui5_card_header_title_font_weight: normal;
284
+ --_ui5_card_header_subtitle_margin_top: .25rem;
285
+ }
286
+
287
+ :root [_ui5host] {
288
+ --_ui5_card_box_shadow: none;
289
+ --_ui5_card_header_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
290
+ --_ui5_card_header_subtitle_margin_top: .5rem;
291
+ }
292
+
293
+ :root [_ui5host] {
294
+ --_ui5_checkbox_wrapper_padding: .8125rem;
295
+ --_ui5_checkbox_width_height: 3rem;
296
+ --_ui5_checkbox_box_shadow: none;
297
+ --_ui5_checkbox_transition: unset;
298
+ --_ui5_checkbox_focus_border: none;
299
+ --_ui5_checkbox_disabled_opacity: .5;
300
+ --_ui5_checkbox_border_radius: 0;
301
+ --_ui5_checkbox_hover_background: var(--sapField_Hover_Background);
302
+ --_ui5_checkbox_active_background: var(--sapField_Hover_Background);
303
+ --_ui5_checkbox_checkmark_warning_color: var(--sapField_TextColor);
304
+ --_ui5_checkbox_inner_warning_color: var(--sapField_WarningColor);
305
+ --_ui5_checkbox_inner_information_color: currentColor;
306
+ --_ui5_checkbox_checkmark_color: var(--sapSelectedColor);
307
+ --_ui5_checkbox_focus_position: .6875rem;
308
+ --_ui5_checkbox_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
309
+ --_ui5_checkbox_focus_border_radius: 0;
310
+ --_ui5_checkbox_outer_hover_background: transparent;
311
+ --_ui5_checkbox_inner_width_height: 1.375rem;
312
+ --_ui5_checkbox_inner_border: solid .125rem var(--sapField_BorderColor);
313
+ --_ui5_checkbox_inner_hover_border_color: var(--sapField_HoverBorderColor);
314
+ --_ui5_checkbox_inner_hover_checked_border_color: var(--sapField_HoverBorderColor);
315
+ --_ui5_checkbox_inner_selected_border_color: var(--sapField_BorderColor);
316
+ --_ui5_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);
317
+ --_ui5_checkbox_inner_active_border_color: var(--sapField_BorderColor);
318
+ --_ui5_checkbox_inner_border_radius: 0;
319
+ --_ui5_checkbox_inner_error_border: 0.125rem solid var(--sapField_InvalidColor);
320
+ --_ui5_checkbox_inner_warning_border: 0.125rem solid var(--sapField_WarningColor);
321
+ --_ui5_checkbox_inner_information_border: 0.125rem solid var(--sapField_InformationColor);
322
+ --_ui5_checkbox_inner_information_box_shadow: none;
323
+ --_ui5_checkbox_inner_warning_box_shadow: none;
324
+ --_ui5_checkbox_inner_error_box_shadow: none;
325
+ --_ui5_checkbox_inner_success_box_shadow: none;
326
+ --_ui5_checkbox_inner_default_box_shadow: none;
327
+ --_ui5_checkbox_inner_warning_background_hover: var(--sapField_WarningBackground);
328
+ --_ui5_checkbox_inner_error_background_hover: var(--sapField_InvalidBackground);
329
+ --_ui5_checkbox_inner_success_background_hover: var(--sapField_SuccessBackground);
330
+ --_ui5_checkbox_inner_information_background_hover: var(--sapField_InformationBackground);
331
+ --_ui5_checkbox_inner_success_border: var(--sapField_BorderWidth) solid var(--sapField_SuccessColor);
332
+ --_ui5_checkbox_inner_readonly_border: 0.125rem solid var(--sapField_ReadOnly_BorderColor);
333
+ --_ui5_checkbox_inner_background: var(--sapField_Background);
334
+ --_ui5_checkbox_wrapped_focus_padding: .375rem;
335
+ --_ui5_checkbox_wrapped_content_margin_top: .125rem;
336
+ --_ui5_checkbox_wrapped_focus_left_top_bottom_position: .5625rem;
337
+ --_ui5_checkbox_compact_wrapper_padding: .5rem;
338
+ --_ui5_checkbox_compact_width_height: 2rem;
339
+ --_ui5_checkbox_compact_inner_size: 1rem;
340
+ --_ui5_checkbox_compact_focus_position: .375rem;
341
+ --_ui5_checkbox_compact_wrapped_label_margin_top: -1px;
342
+ --_ui5_checkbox_label_color: var(--sapContent_LabelColor);
343
+ --_ui5_checkbox_label_offset: var(--_ui5_checkbox_wrapper_padding);
344
+ --_ui5_checkbox_disabled_label_color: var(--sapContent_LabelColor);
345
+ --_ui5_checkbox_default_focus_border: none;
346
+ --_ui5_checkbox_focus_outline_display: block;
347
+ --_ui5_checkbox_right_focus_distance: 0;
348
+ }
349
+
350
+ :root [_ui5host] {
351
+ --_ui5_checkbox_inner_border_radius: 0;
352
+ --_ui5_checkbox_checkmark_color: var(--sapContent_IconColor);
353
+ --_ui5_checkbox_inner_error_border: 0.125rem dashed var(--sapField_InvalidColor);
354
+ --_ui5_checkbox_inner_warning_border: 0.125rem dashed var(--sapField_WarningColor);
355
+ --_ui5_checkbox_checkmark_warning_color: var(--sapField_WarningColor);
356
+ --_ui5_checkbox_hover_background: var(--sapSelectedColor);
357
+ --_ui5_checkbox_focus_outline: 0.125rem dotted var(--sapContent_FocusColor);
358
+ }
359
+
360
+ :root [_ui5host] {
361
+ --_ui5_color-palette-item-container-sides-padding: 0.3125rem;
362
+ --_ui5_color-palette-item-container-rows-padding: 0.6875rem;
363
+ --_ui5_color-palette-item-focus-height: 1.5rem;
364
+ --_ui5_color-palette-item-container-padding: var(--_ui5_color-palette-item-container-sides-padding) var(--_ui5_color-palette-item-container-rows-padding);
365
+ --_ui5_color-palette-item-hover-margin: 0;
366
+ --_ui5_color-palette-row-height: 9.5rem;
367
+ --_ui5_color-palette-button-height: 3rem;
368
+ --_ui5_color-palette-item-before-focus-color: 0.0625rem solid white;
369
+ --_ui5_color-palette-item-before-focus-offset: 0.0625rem;
370
+ --_ui5_color-palette-item-before-focus-hover-offset: 0.0625rem;
371
+ --_ui5_color-palette-item-after-focus-color: 0.0625rem dotted black;
372
+ --_ui5_color-palette-item-after-focus-offset: 0.0625rem;
373
+ --_ui5_color-palette-item-after-focus-hover-offset: 0.0625rem;
374
+ --_ui5_color-palette-item-before-focus-border-radius: 0;
375
+ --_ui5_color-palette-item-before-focus-border-radius: 0;
376
+ --_ui5_color-palette-item-outer-border-radius: 0.25rem;
377
+ --_ui5_color-palette-item-inner-border-radius: 0.1875rem;
378
+ --_ui5_color-palette-item-hover-outer-border-radius: 0.25rem;
379
+ --_ui5_color-palette-item-hover-inner-border-radius: 0.1875rem;
380
+ }
381
+
382
+ :root [_ui5host] {
383
+ --_ui5_color_picker_slider_handle_box_shadow: 0.0625rem solid var(--sapField_BorderColor);
384
+ --_ui5_color_picker_slider_handle_border: 0.125rem solid var(--sapField_BorderColor);
385
+ --_ui5_color_picker_slider_handle_outline_hover: 0.125rem solid var(--sapButton_Hover_BorderColor);
386
+ --_ui5_color_picker_slider_handle_outline_focus: 0.0625rem dotted var(--sapContent_FocusColor);
387
+ --_ui5_color_picker_slider_handle_margin_top: 0.125rem;
388
+ --_ui5_color_picker_slider_handle_focus_margin_top: 0.125rem;
389
+ --_ui5_color_picker_circle_outer_border: 0.0625rem solid var(--sapContent_ContrastShadowColor);
390
+ --_ui5_color_picker_circle_inner_border: 0.0625rem solid var(--sapField_BorderColor);
391
+ --_ui5_color_picker_circle_inner_circle_size: 0.5625rem;
392
+ --_ui5_color_picker_slider_container_margin_top: -10px;
393
+ --_ui5_color_picker_slider_handle_inline_focus: none;
394
+ }
395
+
396
+ :root [_ui5host] {
397
+ --_ui5_datepicker_icon_border: none;
398
+ --_ui5-datepicker_border_radius: 0;
399
+ --_ui5-datepicker-hover-background: var(--sapField_Hover_Background);
400
+ --_ui5-datepicker_icon_border_radius: 0;
401
+
402
+ }
403
+
404
+ :root [_ui5host] {
405
+ --_ui5_datepicker_icon_border: 1px solid transparent;
406
+ }
407
+
408
+ :root [_ui5host] {
409
+ --_ui5_daypicker_item_box_shadow: inset 0 0 0 0.0625rem var(--sapContent_Selected_ForegroundColor);
410
+ --_ui5_daypicker_item_margin: 2px;
411
+ --_ui5_daypicker_item_border: none;
412
+ --_ui5_daypicker_item_selected_border_color: var(--sapList_Background);
413
+ --_ui5_daypicker_daynames_container_height: 2rem;
414
+ --_ui5_daypicker_weeknumbers_container_padding_top: 2rem;
415
+ --_ui5_daypicker_item_othermonth_background_color: var(--sapList_Background);
416
+ --_ui5_daypicker_item_othermonth_color: var(--sapContent_LabelColor);
417
+ --_ui5_daypicker_item_othermonth_hover_color: var(--sapContent_LabelColor);
418
+ --_ui5_daypicker_item_border_radius: 0;
419
+ --_ui5_daypicker_item_now_inner_border_radius: 0;
420
+ --_ui5_daypicker_dayname_color: var(--sapTextColor);
421
+ --_ui5_daypicker_weekname_color: var(--sapTextColor);
422
+ --_ui5_daypicker_item_outline_width: 1px;
423
+ --_ui5_daypicker_item_outline_offset: 1px;
424
+ --_ui5_daypicker_item_now_selected_outline_offset: 2px;
425
+ --_ui5_daypicker_item_now_focus_after_width: calc(100% - .25rem);
426
+ --_ui5_daypicker_item_now_focus_after_height: calc(100% - .25rem);
427
+ --_ui5_daypicker_item_now_selected_focus_after_width: calc(100% - .375rem);
428
+ --_ui5_daypicker_item_now_selected_focus_after_height: calc(100% - .375rem);
429
+ --_ui5_daypicker_item_selected_background: transparent;
430
+ --_ui5_daypicker_item_selected_box_shadow: var(--_ui5_daypicker_item_box_shadow), var(--_ui5_daypicker_item_box_shadow);
431
+ --_ui5_daypicker_item_selected_daytext_hover_background: transparent;
432
+ --_ui5_daypicker_item_outline_focus_after: none;
433
+ --_ui5_daypicker_item_border_radius_focus_after: none;
434
+ --_ui5_daypicker_item_border_focus_after: var(--_ui5_daypicker_item_outline_width) dotted var(--sapContent_FocusColor);
435
+ --_ui5_daypicker_item_width_focus_after: calc(100% - 0.25rem);
436
+ --_ui5_daypicker_item_height_focus_after: calc(100% - 0.25rem);
437
+ --_ui5_daypicker_item_now_border: 0.125rem solid var(--sapLegend_CurrentDateTime);
438
+ --_ui5_daypicker_item_now_outline: none;
439
+ --_ui5_daypicker_item_now_outline_offset: none;
440
+ --_ui5_daypicker_item_now_outline_offset_focus_after: var(--_ui5_daypicker_item_now_outline_offset);
441
+ --_ui5_daypicker_item_selected_between_border: 5%;
442
+ --_ui5_daypicker_item_selected_between_background: transparent;
443
+ --_ui5_daypicker_item_selected_between_text_background: var(--sapList_SelectionBackgroundColor);
444
+ --_ui5_daypicker_item_selected_between_text_font: inherit;
445
+ --_ui5_daypicker_item_selected_between_hover_background: inherit;
446
+ --_ui5_daypicker_item_now_box_shadow: inset 0 0 0 0.0625rem var(--_ui5_daypicker_item_selected_border_color);
447
+ --_ui5_daypicker_item_selected_text_outline: none;
448
+ --_ui5_daypicker_item_now_not_selected_inset: 0;
449
+ --_ui5_daypicker_item_now_inset: 0.1875rem;
450
+ --_ui5_daypicker_item_now_border_color: var(--sapLegend_CurrentDateTime);
451
+ --_ui5_daypicker_item_weeekend_filter: brightness(100%);
452
+ --_ui5_daypicker_item_selected_hover: var(--sapContent_Selected_Hover_Background);
453
+ --_ui5_daypicker_item_border_radius_item: none;
454
+ --_ui5_daypicker_item_now_selected_outline_offset: -0.3125rem;
455
+ --_ui5_daypicker_two_calendar_item_now_inset: 0.1875rem;
456
+ --_ui5_daypicker_item_selected__secondary_type_text_outline: none;
457
+ --_ui5_daypicker_two_calendar_item_now_day_text_content: none;
458
+ --_ui5_daypicker_two_calendar_item_now_selected_border_width: 0.0625rem;
459
+ --_ui5_daypicker_two_calendar_item_border_radius: 0.3125rem;
460
+ --_ui5_daypicker_two_calendar_item_border_focus_border_radius: 0rem;
461
+ --_ui5_daypicker_two_calendar_item_no_selected_inset: 0.125rem;
462
+ --_ui5_daypicker_two_calendar_item_selected_now_border_radius_focus: 0.0625rem;
463
+ --_ui5_daypicker_two_calendar_item_no_selected_focus_inset: 0.125rem;
464
+ --_ui5_daypicker_two_calendar_item_no_select_focus_border_radius: 0.0625rem;
465
+ --_ui5_dp_two_calendar_item_secondary_text_border_radios: 0.25rem;
466
+ --_ui5_daypicker_two_calendar_item_now_selected_border_inset: 0.125rem;
467
+ }
468
+
469
+ :root [_ui5host] {
470
+ --_ui5_daypicker_item_margin: 0;
471
+ --_ui5_daypicker_item_border: 1px solid var(--sapList_BorderColor);
472
+ --_ui5_daypicker_item_outline_width: 0.125rem;
473
+ --_ui5_daypicker_item_outline_offset: 0;
474
+ --_ui5_daypicker_dayname_color: var(--sapHC_ReducedForeground);
475
+ --_ui5_daypicker_weekname_color: var(--sapHC_ReducedForeground);
476
+ --_ui5_daypicker_item_now_selected_focus_after_width: calc(100% - 0.25rem);
477
+ --_ui5_daypicker_item_now_selected_focus_after_height: calc(100% - 0.25rem);
478
+ --_ui5_daypicker_item_selected_border_color: transparent;
479
+ --_ui5_daypicker_item_selected_box_shadow: none;
480
+ --_ui5_daypicker_item_not_selected_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
481
+ --_ui5_daypicker_item_no_selected_inset: 0;
482
+ --_ui5_daypicker_item_now_border_focus_after: 0.125rem dotted var(--sapContent_FocusColor);
483
+ --_ui5_daypicker_item_now_not_selected_inset: 0.125rem;
484
+ --_ui5_daypicker_item_now_inset: 0;
485
+ --_ui5_daypicker_item_now_border_color: var(--sapContent_FocusColor);
486
+ --sapLegend_WorkingBackground: var(--_ui5_daypicker_item_othermonth_background_color);
487
+ --_ui5_daypicker_two_calendar_item_now_selected_border_width: 0.125rem;
488
+ --_ui5_daypicker_item_selected_text_border: none;
489
+ --_ui5_daypicker_two_calendar_item_now_selected_border_inset: 0.125rem;
490
+ }
491
+
492
+ :root [_ui5host] {
493
+ --_ui5_dialog_resize_handle_color: var(--sapButton_Lite_TextColor);
494
+ --_ui5_dialog_resize_handle_right: -0.25rem;
495
+ --_ui5_dialog_resize_handle_bottom: -0.0625rem;
496
+ --_ui5_dialog_header_focus_bottom_offset: 3px;
497
+ --_ui5_dialog_header_focus_top_offset: 2px;
498
+ --_ui5_dialog_header_focus_left_offset: 2px;
499
+ --_ui5_dialog_header_focus_right_offset: 2px;
500
+ --_ui5_dialog_header_border_radius: 0px;
501
+ --_ui5_dialog_header_error_state_box_shadow: inset 0 -0.0625rem var(--sapErrorBorderColor), var(--sapContent_HeaderShadow);
502
+ --_ui5_dialog_header_information_state_box_shadow: inset 0 -0.0625rem var(--sapInformationBorderColor), var(--sapContent_HeaderShadow);
503
+ --_ui5_dialog_header_success_state_box_shadow: inset 0 -0.0625rem var(--sapSuccessBorderColor), var(--sapContent_HeaderShadow);
504
+ --_ui5_dialog_header_warning_state_box_shadow: inset 0 -0.0625rem var(--sapWarningBorderColor), var(--sapContent_HeaderShadow);
505
+ --_ui5_dialog_header_error_state_icon_color: var(--sapNegativeElementColor);
506
+ --_ui5_dialog_header_information_state_icon_color: var(--sapInformativeElementColor);
507
+ --_ui5_dialog_header_success_state_icon_color: var(--sapPositiveElementColor);
508
+ --_ui5_dialog_header_warning_state_icon_color: var(--sapCriticalElementColor);
509
+ }
510
+
511
+ :root [_ui5host] {
512
+ --_ui5_file_uploader_hover_border: 1px solid var(--sapField_Hover_BorderColor);
513
+ --_ui5_file_uploader_value_state_error_hover_background_color: var(--sapField_Hover_Background);
514
+ }
515
+
516
+ :root [_ui5host] {
517
+ --_ui5_file_uploader_value_state_error_hover_background_color: var(--sapField_InvalidBackground);
518
+ }
519
+
520
+ :root [_ui5host] {
521
+ --ui5-group-header-listitem-background-color: var(--sapList_GroupHeaderBackground);
522
+ }
523
+
524
+ :root [_ui5host] {
525
+ --_ui5_input_width: 13.125rem;
526
+ --_ui5_input_min_width: 2.75rem;
527
+ --_ui5_input_height: var(--sapElement_Height);
528
+ --_ui5_input_compact_height: 1.625rem;
529
+ --_ui5_input_margin_top_bottom: 0.25rem;
530
+ --_ui5_input_hover_border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_Hover_BorderColor);
531
+ --_ui5_input_value_state_error_hover_background: var(--sapField_Hover_Background);
532
+ --_ui5_input_background_color: var(--sapField_Background);
533
+ --_ui5_input_border_radius: var(--sapField_BorderCornerRadius);
534
+ --_ui5_input_focus_border_radius: 0;
535
+ --_ui5-input-border: 2px solid transparent; /* The value of this variable defaults to sap_horizon theme, because if it defaults to fiori, then a flickering of the border is present*/
536
+ --_ui5_input_placeholder_style: italic;
537
+ --_ui5_input_placeholder_color: var(--sapField_PlaceholderTextColor);
538
+ --_ui5_input_bottom_border_height: 0;
539
+ --_ui5_input_bottom_border_color: transparent;
540
+ --_ui5_input_focused_border_color: var(--sapField_Hover_BorderColor);
541
+ --_ui5_input_state_border_width: 0.125rem;
542
+ --_ui5_input_information_border_width: 0.125rem;
543
+ --_ui5_input_error_font_weight: normal;
544
+ --_ui5_input_warning_font_weight: normal;
545
+ --_ui5_input_focus_border_width: 1px;
546
+ --_ui5_input_error_warning_border_style: solid;
547
+ --_ui5_input_error_warning_font_style: inherit;
548
+ --_ui5_input_error_warning_text_indent: 0;
549
+ --_ui5_input_disabled_color: var(--sapContent_DisabledTextColor);
550
+ --_ui5_input_disabled_font_weight: normal;
551
+ --_ui5_input_disabled_border_color: var(--sapField_BorderColor);
552
+ --_ui5-input_disabled_background: var(--sapField_Background);
553
+ --_ui5_input_readonly_border_color: var(--sapField_ReadOnly_BorderColor);
554
+ --_ui5_input_readonly_background: var(--sapField_ReadOnly_Background);
555
+ --_ui5_input_custom_icon_padding: .5625rem .625rem;
556
+ --_ui5_input_error_warning_custom_icon_padding: .5rem .625rem;
557
+ --_ui5_input_information_custom_icon_padding: .5rem .625rem;
558
+ --_ui5_input_error_warning_icon_padding: .5rem .5rem .5rem .5625rem;
559
+ --_ui5_input_information_icon_padding: .5rem .5rem .5rem .5625rem;
560
+ --_ui5_input_disabled_opacity: var(--sapContent_DisabledOpacity);
561
+ --_ui5_input_icon_min_width: 2.25rem;
562
+ --_ui5_input_compact_min_width: 2rem;
563
+ --_ui5_input_transition: none;
564
+ --_ui5-input-value-state-icon-display: none;
565
+ --_ui5_input_focused_value_state_error_background: var(--sapField_InvalidBackground);
566
+ --_ui5_input_focused_value_state_warning_background: var(--sapField_WarningBackground);
567
+ --_ui5_input_focused_value_state_success_background: var(--sapField_SuccessBackground);
568
+ --_ui5_input_focused_value_state_information_background: var(--sapField_InformationBackground);
569
+ --_ui5_input_value_state_error_border_color: var(--sapField_InvalidColor);
570
+ --_ui5_input_focused_value_state_error_border_color: var(--sapField_InvalidColor);
571
+ --_ui5_input_focused_value_state_error_focus_outline_color: var(--sapContent_FocusColor);
572
+ --_ui5_input_focused_value_state_warning_focus_outline_color: var(--sapContent_FocusColor);
573
+ --_ui5_input_focused_value_state_success_focus_outline_color: var(--sapContent_FocusColor);
574
+ --_ui5_input_value_state_warning_border_color: var(--sapField_WarningColor);
575
+ --_ui5_input_focused_value_state_warning_border_color: var(--sapField_WarningColor);
576
+ --_ui5_input_value_state_success_border_color: var(--sapField_SuccessColor);
577
+ --_ui5_input_focused_value_state_success_border_color: var(--sapField_SuccessColor);
578
+ --_ui5_input_value_state_success_border_width: 1px;
579
+ --_ui5_input_value_state_information_border_color: var(--sapField_InformationColor);
580
+ --_ui5_input_focused_value_state_information_border_color: var(--sapField_InformationColor);
581
+ --_ui5-input-value-state-information-border-width: 1px;
582
+ --_ui5-input-background-image: none;
583
+ --_ui5_input_focus_offset: 1px;
584
+ --ui5_input_focus_pseudo_element_content: '';
585
+ --_ui5_input_value_state_error_warning_placeholder_font_weight: normal;
586
+ --_ui5_input_focus_outline_color: var(--sapContent_FocusColor);
587
+ --_ui5-input_error_placeholder_color: var(--sapField_PlaceholderTextColor);
588
+ --_ui5_input_icon_width: 2.25rem;
589
+ --_ui5_input_icon_wrapper_height: 100%;
590
+ --_ui5_input_icon_wrapper_state_height: 100%;
591
+ --_ui5_input_icon_wrapper_success_state_height: 100%;
592
+ --_ui5-input-icons-count: 0;
593
+ --_ui5_input_margin_top_bottom: 0.1875rem;
594
+ --_ui5_input_tokenizer_min_width: 3.25rem;
595
+ }
596
+
597
+ [data-ui5-compact-size] [_ui5host],
598
+ .ui5-content-density-compact [_ui5host],
599
+ .sapUiSizeCompact [_ui5host] {
600
+ --_ui5_input_min_width: 2rem;
601
+ --_ui5_input_icon_width: 2rem;
602
+ }
603
+
604
+ :root [_ui5host] {
605
+ --_ui5_input_min_width: 3rem;
606
+ --_ui5_input_focus_border_width: 0.125rem;
607
+ --_ui5_input_state_border_width: 1px;
608
+ --_ui5_input_information_border_width: var(--sapField_BorderWidth);
609
+ --_ui5-input-border: 1px solid var(--sapField_BorderColor);
610
+ --_ui5_input_error_warning_border_style: dashed;
611
+ --_ui5_input_error_warning_font_style: italic;
612
+ --_ui5_input_error_warning_text_indent: 0.125rem;
613
+ --_ui5_input_error_font_weight: bold;
614
+ --_ui5_input_disabled_color: var(--sapContent_DisabledTextColor);
615
+ --_ui5_input_disabled_font_weight: normal;
616
+ --_ui5_input_icon_padding: 0.65rem 0.75rem;
617
+ --_ui5_input_disabled_opacity: 0.5;
618
+ --_ui5_input_custom_icon_padding: .6875rem .625rem;
619
+ --_ui5_input_error_warning_icon_padding: .6875rem .5625rem;
620
+ --_ui5_input_information_icon_padding: .6875rem .5625rem;
621
+ --_ui5_input_error_warning_custom_icon_padding: .6875rem .625rem;
622
+ --_ui5_input_information_custom_icon_padding: .6875rem .625rem;
623
+ --_ui5-input_disabled_background: var(--sapField_ReadOnly_Background);
624
+ --_ui5_input_disabled_border_color: var(--sapField_ReadOnly_BorderColor);
625
+ --_ui5_input_value_state_error_hover_background: var(--sapField_InvalidBackground);
626
+ --_ui5_input_value_state_error_warning_placeholder_font_weight: bold;
627
+ --_ui5_input_placeholder_style: normal;
628
+ --_ui5-input_error_placeholder_color: var(--sapField_TextColor);
629
+ }
630
+
631
+ [data-ui5-compact-size] [_ui5host],
632
+ .ui5-content-density-compact [_ui5host],
633
+ .sapUiSizeCompact [_ui5host] {
634
+ --_ui5_input_min_width: 2rem;
635
+ --_ui5_input_error_warning_custom_icon_padding: .25rem .5rem;
636
+ --_ui5_input_information_custom_icon_padding: .25rem .5rem;
637
+ --_ui5_input_error_warning_icon_padding: .25rem .4375rem .25rem .4375rem;
638
+ }
639
+
640
+ :root [_ui5host] {
641
+ --_ui5_input_icon_padding: .5625rem;
642
+ --_ui5_input_icon_color: var(--sapContent_IconColor);
643
+ --_ui5_input_icon_pressed_color: var(--sapButton_Active_TextColor);
644
+ --_ui5_input_icon_pressed_bg: var(--sapButton_Selected_Background);
645
+ --_ui5_input_icon_hover_bg: var(--sapButton_Lite_Hover_Background);
646
+ --_ui5_input_icon_border_radius: 0;
647
+ --_ui5_input_icon_box_shadow: none;
648
+ --_ui5_input_icon_border: 1px solid transparent;
649
+ --_ui5_input_error_icon_box_shadow: var(--_ui5_input_icon_box_shadow);
650
+ --_ui5_input_warning_icon_box_shadow: var(--_ui5_input_icon_box_shadow);
651
+ --_ui5_input_information_icon_box_shadow: var(--_ui5_input_icon_box_shadow);
652
+ --_ui5_input_success_icon_box_shadow: var(--_ui5_input_icon_box_shadow);
653
+ --_ui5_input_icon_error_pressed_color: var(--sapButton_Active_TextColor);
654
+ --_ui5_input_icon_warning_pressed_color: var(--sapButton_Active_TextColor);
655
+ --_ui5_input_icon_information_pressed_color: var(--sapButton_Active_TextColor);
656
+ --_ui5_input_icon_success_pressed_color: var(--sapButton_Active_TextColor);
657
+
658
+ }
659
+
660
+ :root [_ui5host] {
661
+ --_ui5_input_icon_padding: .6875rem .5625rem;
662
+ }
663
+
664
+ :root [_ui5host] {
665
+ --_ui5_link_text_decoration: none;
666
+ --_ui5_link_hover_text_decoration: underline;
667
+ --_ui5_link_focused_hover_text_decoration: underline;
668
+ --_ui5_link_focused_hover_text_color: var(--sapLinkColor);
669
+ --_ui5_link_active_text_decoration: underline;
670
+ --_ui5_link_border: 0.0625rem dotted transparent;
671
+ --_ui5_link_border_focus: 0.0625rem dotted var(--sapContent_FocusColor);
672
+ --_ui5_link_focus_border-radius: 0;
673
+ --_ui5_link_focus_background_color: transparent;
674
+ --_ui5_link_focus_color: var(--sapLinkColor);
675
+ --_ui5_link_focus_text_decoration: underline;
676
+ --_ui5_link_subtle_text_decoration: none;
677
+ --_ui5_link_subtle_text_decoration_hover: underline;
678
+
679
+ }
680
+
681
+ :root [_ui5host] {
682
+ --_ui5_link_text_decoration: underline;
683
+ --_ui5_link_hover_text_decoration: none;
684
+ --_ui5_link_border: 0.125rem dotted transparent;
685
+ --_ui5_link_border_focus: 0.125rem dotted var(--sapContent_FocusColor);
686
+ }
687
+
688
+ :root [_ui5host] {
689
+ --ui5_list_footer_text_color: var(--sapPageFooter_TextColor);
690
+ }
691
+
692
+ :root [_ui5host] {
693
+ --ui5-listitem-background-color: var(--sapList_Background);
694
+ --ui5-listitem-border-bottom: 1px solid var(--sapList_BorderColor);
695
+ --ui5-listitem-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);
696
+ --ui5-listitem-focused-selected-border-bottom: 1px solid var(--sapList_SelectionBorderColor);
697
+ --ui5-listitem-active-border-color: var(--sapContent_ContrastFocusColor);
698
+ --_ui5_listitembase_focus_width: 1px;
699
+ --_ui5-listitembase_disabled_opacity: 0.5;
700
+ --_ui5_product_switch_item_border: none;
701
+ }
702
+
703
+ :root [_ui5host] {
704
+ --_ui5_menu_popover_border_radius: var(--sapElement_BorderCornerRadius);
705
+ --_ui5_menu_item_padding: 0 1rem 0 0.75rem;
706
+ --_ui5_menu_item_submenu_icon_right: 1rem;
707
+ --_ui5_menu_item_additional_text_start_margin: 1rem;
708
+ }
709
+
710
+ :root [_ui5host] {
711
+ --_ui5_monthpicker_item_border_radius: 0;
712
+ --_ui5_monthpicker_item_border: none;
713
+ --_ui5_monthpicker_item_margin: 1px;
714
+ --_ui5_monthpicker_item_focus_after_width: calc(100% - 0.375rem);
715
+ --_ui5_monthpicker_item_focus_after_height: calc(100% - 0.375rem);
716
+ --_ui5_monthpicker_item_focus_after_border: 1px dotted var(--sapContent_FocusColor);
717
+ --_ui5_monthpicker_item_focus_after_offset: 2px;
718
+ --_ui5_monthpicker_item_focus_after_border_radius: 0;
719
+ --_ui5_monthpicker_item_selected_text_color: var(--sapContent_ContrastTextColor);
720
+ --_ui5_monthpicker_item_selected_background_color: var(--sapSelectedColor);
721
+ --_ui5_monthpicker_item_selected_hover_color: var(--sapContent_Selected_Background);
722
+ --_ui5_monthpicker_item_selected_box_shadow: none;
723
+ --_ui5_monthpicker_item_focus_after_outline: none;
724
+ --_ui5_monthpicker_item_selected_font_wieght: inherit;
725
+ }
726
+
727
+ :root [_ui5host] {
728
+ --_ui5_monthpicker_item_border: 1px solid var(--sapList_BorderColor);
729
+ --_ui5_monthpicker_item_margin: 0;
730
+ --_ui5_monthpicker_item_focus_after_width: calc(100% - 0.25rem);
731
+ --_ui5_monthpicker_item_focus_after_height: calc(100% - 0.25rem);
732
+ --_ui5_monthpicker_item_focus_after_border: 2px dotted var(--sapContent_FocusColor);
733
+ --_ui5_monthpicker_item_focus_after_offset: 0;
734
+ }
735
+
736
+ :root [_ui5host]{
737
+ --_ui5_message_strip_icon_width: 2.5rem;
738
+ --_ui5_message_strip_button_border_width: 0;
739
+ --_ui5_message_strip_button_border_style: none;
740
+ --_ui5_message_strip_button_border_color: transparent;
741
+ --_ui5_message_strip_button_border_radius: 0;
742
+ --_ui5_message_strip_padding: 0.4375rem 2.5rem 0.4375rem 2.5rem;
743
+ --_ui5_message_strip_padding_block_no_icon: 0.4375rem 0.4375rem;
744
+ --_ui5_message_strip_padding_inline_no_icon: 1rem 2.5rem;
745
+ --_ui5_message_strip_button_height: 1.625rem;
746
+ --_ui5_message_strip_border_width: 1px;
747
+ --_ui5_message_strip_close_button_border: none;
748
+ --_ui5_message_strip_icon_top: 0.4375rem;
749
+ --_ui5_message_strip_focus_width: 1px;
750
+ --_ui5_message_strip_focus_offset: -2px;
751
+ --_ui5_message_strip_close_button_top: 0.125rem;
752
+ --_ui5_message_strip_close_button_right: 0.125rem;
753
+ }
754
+
755
+ :root [_ui5host]{
756
+ --_ui5_message_strip_close_button_border: 1px solid var(--sapButton_BorderColor);
757
+ --_ui5_message_strip_border_width: 0.125rem;
758
+ --_ui5_message_strip_icon_top: 0.375rem;
759
+ --_ui5_message_strip_focus_width: 0.125rem;
760
+ --_ui5_message_strip_focus_offset: -2px;
761
+ }
762
+
763
+ :root [_ui5host] {
764
+ --_ui5_panel_focus_border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
765
+ --_ui5_panel_button_root_width: 3rem;
766
+ --_ui5_panel_border_radius: 0px;
767
+ --_ui5_panel_border_radius_expanded: 0;
768
+ --_ui5_panel_default_header_border: none;
769
+ --_ui5_panel_border_bottom: 0.0625rem solid var(--sapGroup_TitleBorderColor);
770
+ --_ui5_panel_outline_offset: -3px;
771
+ --_ui5_panel_icon_color: var(--sapContent_IconColor);
772
+ --_ui5_panel_header_padding_right: 0.5rem;
773
+ --_ui5_panel_header_button_wrapper_padding: .25rem;
774
+ --_ui5_panel_focus_offset: 1px;
775
+ --_ui5_panel_content_padding: 0.625rem 1rem 1.375rem 1rem
776
+ }
777
+
778
+ [data-ui5-compact-size] [_ui5host],
779
+ .ui5-content-density-compact [_ui5host],
780
+ .sapUiSizeCompact [_ui5host] {
781
+ --_ui5_panel_header_button_wrapper_padding: .5625rem .375rem;
782
+ }
783
+
784
+ :root [_ui5host] {
785
+ --_ui5_panel_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
786
+ --_ui5_panel_header_padding_right: 1rem;
787
+ --_ui5_panel_header_height: 3rem;
788
+ }
789
+
790
+ [data-ui5-compact-size] [_ui5host],
791
+ .ui5-content-density-compact [_ui5host],
792
+ .sapUiSizeCompact [_ui5host] {
793
+ --_ui5_panel_header_height: 2rem;
794
+ }
795
+
796
+ :root [_ui5host] {
797
+ --_ui5_popover_background: var(--sapGroup_ContentBackground);
798
+ --_ui5_popover_box_shadow: var(--sapContent_Shadow2);
799
+ --_ui5_popover_no_arrow_box_shadow: var(--sapContent_Shadow1);
800
+ }
801
+
802
+ :root [_ui5host] {
803
+ --_ui5_popup_content_padding_s: 1rem;
804
+ --_ui5_popup_content_padding_m_l: 2rem;
805
+ --_ui5_popup_content_padding_xl: 3rem;
806
+ --_ui5_popup_header_footer_padding_s: 1rem;
807
+ --_ui5_popup_header_footer_padding_m_l: 2rem;
808
+ --_ui5_popup_header_footer_padding_xl: 3rem;
809
+ --_ui5_popup_viewport_margin: 10px;
810
+ --_ui5_popup_header_font_weight: 400;
811
+ --_ui5_popup_header_font_family: var(--sapFontFamily);
812
+ --_ui5_popup_header_prop_header_text_alignment: flex-start;
813
+ --_ui5_popup_border_radius: var(--sapElement_BorderCornerRadius);
814
+ }
815
+
816
+ :root [_ui5host] {
817
+ --_ui5_popup_header_prop_header_text_alignment: center;
818
+ }
819
+
820
+ :root [_ui5host] {
821
+ --_ui5_progress_indicator_background_none: var(--sapField_Background);
822
+ --_ui5_progress_indicator_background_error: var(--sapField_Background);
823
+ --_ui5_progress_indicator_background_warning: var(--sapField_Background);
824
+ --_ui5_progress_indicator_background_success: var(--sapField_Background);
825
+ --_ui5_progress_indicator_background_information: var(--sapField_Background);
826
+ --_ui5_progress_indicator_value_state_none: var(--sapNeutralElementColor);
827
+ --_ui5_progress_indicator_value_state_error: var(--sapNegativeElementColor);
828
+ --_ui5_progress_indicator_value_state_warning: var(--sapCriticalElementColor);
829
+ --_ui5_progress_indicator_value_state_success: var(--sapPositiveElementColor);
830
+ --_ui5_progress_indicator_value_state_information: var(--sapInformativeElementColor);
831
+ --_ui5_progress_indicator_border_color_error: var(--sapField_BorderColor);
832
+ --_ui5_progress_indicator_border_color_warning: var(--sapField_BorderColor);
833
+ --_ui5_progress_indicator_border_color_success: var(--sapField_BorderColor);
834
+ --_ui5_progress_indicator_border_color_information: var(--sapField_BorderColor);
835
+ --_ui5_progress_indicator_color: var(--sapTextColor);
836
+ --_ui5_progress_indicator_bar_color: var(--sapContent_ContrastTextColor);
837
+ --_ui5_progress_indicator_border: 0.0625rem solid var(--sapField_BorderColor);
838
+ --_ui5_progress_indicator_bar_border_max: none;
839
+ --_ui5_progress_indicator_icon_visibility: none;
840
+
841
+ --_ui5_progress_indicator_side_points_visibility: none;
842
+
843
+ --_ui5_progress_indicator_host_height: 1rem;
844
+ --_ui5_progress_indicator_host_min_height: 1rem;
845
+ --_ui5_progress_indicator_root_border_radius: 0.5rem;
846
+ --_ui5_progress_indicator_root_height: 100%;
847
+ --_ui5_progress_indicator_root_overflow: hidden;
848
+
849
+ --_ui5_progress_indicator_bar_height: 100%;
850
+ --_ui5_progress_indicator_bar_border_radius: 0.5rem 0 0 0.5rem;
851
+
852
+ --_ui5_progress_indicator_remaining_bar_overflow: hidden;
853
+
854
+ --_ui5_progress_indicator_icon_size: var(--sapFontSmallSize);
855
+
856
+ --_ui5_progress_indicator_value_margin: 0 0.375rem;
857
+ }
858
+
859
+ :root [_ui5host] {
860
+ --_ui5_progress_indicator_value_state_none: var(--sapHighlightColor);
861
+ --_ui5_progress_indicator_value_state_error: var(--sapHighlightColor);
862
+ --_ui5_progress_indicator_value_state_warning: var(--sapHighlightColor);
863
+ --_ui5_progress_indicator_value_state_success: var(--sapHighlightColor);
864
+ --_ui5_progress_indicator_value_state_information: var(--sapHighlightColor);
865
+ --_ui5_progress_indicator_bar_border_max: var(--_ui5_progress_indicator_border);
866
+ --_ui5_progress_indicator_icon_visibility: inline-block;
867
+ }
868
+
869
+ :root [_ui5host] {
870
+ --_ui5_radio_button_min_width: 2.75rem;
871
+ --_ui5_radio_button_min_width_compact: 2rem;
872
+ --_ui5_radio_button_hover_fill: var(--sapField_Hover_Background);
873
+ --_ui5_radio_button_hover_fill_error: var(--sapField_Hover_Background);
874
+ --_ui5_radio_button_hover_fill_warning: var(--sapField_Hover_Background);
875
+ --_ui5_radio_button_hover_fill_success: var(--sapField_Hover_Background);
876
+ --_ui5_radio_button_hover_fill_information: var(--sapField_Hover_Background);
877
+ --_ui5_radio_button_border_width: 1px;
878
+ --_ui5_radio_button_checked_fill: var(--sapSelectedColor);
879
+ --_ui5_radio_button_checked_error_fill: var(--sapField_InvalidColor);
880
+ --_ui5_radio_button_checked_warning_fill: var(--sapField_TextColor);
881
+ --_ui5_radio_button_checked_success_fill: var(--sapField_SuccessColor);
882
+ --_ui5_radio_button_checked_information_fill: var(--sapField_InformationColor);
883
+ --_ui5_radio_button_warning_error_border_dash: 0;
884
+ --_ui5_radio_button_outer_ring_color: var(--sapField_BorderColor);
885
+ --_ui5_radio_button_outer_ring_width: var(--sapField_BorderWidth);
886
+ --_ui5_radio_button_outer_ring_bg: var(--sapField_Background);
887
+ --_ui5_radio_button_outer_ring_hover_color: var(--sapField_Hover_BorderColor);
888
+ --_ui5_radio_button_outer_ring_active_color: var(--sapField_Hover_BorderColor);
889
+ --_ui5_radio_button_outer_ring_checked_hover_color: var(--sapField_Hover_BorderColor);
890
+ --_ui5_radio_button_outer_ring_padding: 0 0.625rem;
891
+ --_ui5_radio_button_border_radius: 0;
892
+ --_ui5_radio_button_border: none;
893
+ --_ui5_radio_button_focus_border: none;
894
+ --_ui5_radio_button_focus_outline: block;
895
+ --_ui5_radio_button_hover_shadow: none;
896
+ --_ui5_radio_button_transition: none;
897
+ --_ui5_radio_button_hover_background: inherit;
898
+ --_ui5_radio_button_color: var(--sapField_BorderColor);
899
+ --_ui5_radio_button_label_offset: 1px;
900
+ --_ui5_radio_button_label_color: var(--sapContent_LabelColor);
901
+ --_ui5_radio_button_items_align: unset;
902
+ --_ui5_radio_button_inner_width: initial;
903
+ --_ui5_radio_button_border_readonly_focus_style: var(--sapContent_FocusStyle);
904
+ --_ui5_radio_button_inner_ring_radius: 22%;
905
+ --_ui5_radio_button_outer_ring_hover_shadow: none;
906
+ --_ui5_radio_button_outer_ring_hover_shadow_error: none;
907
+ --_ui5_radio_button_outer_ring_hover_shadow_warning: none;
908
+ --_ui5_radio_button_outer_ring_hover_shadow_success: none;
909
+ --_ui5_radio_button_outer_ring_hover_shadow_information: none;
910
+ --_ui5_radio_button_read_only_border_type: none;
911
+ --_ui5_radio_button_inner_ring_color: var(--sapSelectedColor);
912
+ --_ui5_radio_button_information_border_width: var(--sapField_InformationBorderWidth);
913
+ --_ui5_radio_button_read_only_border_width: var(--sapField_BorderWidth);
914
+ }
915
+
916
+ :root [_ui5host] {
917
+ --_ui5_radio_button_checked_fill: var(--sapContent_IconColor);
918
+ --_ui5_radio_button_checked_warning_fill: var(--sapContent_IconColor);
919
+ --_ui5_radio_button_checked_error_fill: var(--sapContent_IconColor);
920
+ --_ui5_radio_button_checked_success_fill: var(--sapContent_IconColor);
921
+ --_ui5_radio_button_checked_information_fill: var(--sapContent_IconColor);
922
+ --_ui5_radio_button_hover_fill: var(--sapSelectedColor);
923
+ --_ui5_radio_button_border_width: 0.125rem;
924
+ --_ui5_radio_button_warning_error_border_dash: 5;
925
+ --_ui5_radio_button_inner_ring_color: var(--sapContent_IconColor);
926
+ --_ui5_radio_button_hover_fill_error: var(--sapField_InvalidBackground);
927
+ }
928
+
929
+ :root [_ui5host] {
930
+ --_ui5_rating_indicator_border_radius: 0px;
931
+ --_ui5_rating_indicator_outline_offset: 0px;
932
+ --_ui5_rating_indicator_item_height: 1em;
933
+ --_ui5_rating_indicator_item_width: 1em;
934
+ --_ui5_rating_indicator_readonly_item_height: 1em;
935
+ --_ui5_rating_indicator_readonly_item_width: 1em;
936
+ --_ui5_rating_indicator_readonly_item_spacing: 0px;
937
+ --_ui5_rating_indicator_component_spacing: 0.5rem 0px;
938
+ }
939
+
940
+ [data-ui5-compact-size] [_ui5host],
941
+ .ui5-content-density-compact [_ui5host],
942
+ .sapUiSizeCompact [_ui5host] {
943
+ --_ui5_rating_indicator_item_height: 0.67em;
944
+ --_ui5_rating_indicator_item_width: 0.67em;
945
+ --_ui5_rating_indicator_readonly_item_height: 0.67em;
946
+ --_ui5_rating_indicator_readonly_item_width: 0.67em;
947
+ --_ui5_rating_indicator_component_spacing: 0.8125rem 0px;
948
+ }
949
+
950
+ :root [_ui5host] {
951
+ --_ui5_segmented_btn_inner_border: 0.0625rem solid var(--sapButton_BorderColor);
952
+ --_ui5_segmented_btn_inner_border_odd_child: 0;
953
+ --_ui5_segmented_btn_inner_pressed_border_odd_child: 0;
954
+ --_ui5_segmented_btn_border_radius: 0.375rem;
955
+ --_ui5_segmented_btn_inner_border_radius: 0;
956
+ --_ui5_segmented_btn_outer_border_radius: 0.375rem;
957
+ --_ui5_segmented_btn_background_color: transparent;
958
+ }
959
+
960
+ :root [_ui5host] {
961
+ --_ui5_select_disabled_background: var(--sapField_Background);
962
+ --_ui5_select_disabled_border_color: var(--sapField_BorderColor);
963
+ --_ui5_select_state_error_warning_border_style: solid;
964
+ --_ui5_select_state_error_warning_border_width: 0.125rem;
965
+ --_ui5_select_hover_icon_left_border: 1px solid transparent;
966
+ --_ui5_select_focus_width: 1px;
967
+ --_ui5_select_label_color: var(--sapField_TextColor);
968
+ }
969
+
970
+ :root [_ui5host] {
971
+ --_ui5_select_disabled_background: var(--sapHC_ReducedBackground);
972
+ --_ui5_select_disabled_border_color: var(--sapHC_ReducedForeground);
973
+ --_ui5_select_state_error_warning_border_style: dashed;
974
+ --_ui5_select_state_error_warning_border_width: 1px;
975
+ --_ui5_select_hover_icon_left_border: 0.0625rem solid var(--sapField_Hover_BorderColor);
976
+ --_ui5_select_focus_width: 0.125rem;
977
+ }
978
+
979
+ :root [_ui5host] {
980
+ --_ui5_split_button_focused_border: 0.0625rem dotted var(--sapContent_FocusColor);
981
+ --_ui5_split_button_focused_border_radius: 0.125rem;
982
+ --_ui5_split_button_hover_border_radius: 0;
983
+ --_ui5_split_button_hover_border_radius: 0;
984
+ --_ui5_split_button_attention_separator_color: var(--sapButton_Attention_BorderColor);
985
+ --_ui5_split_button_middle_separator_width: 0;
986
+ --_ui5_split_button_middle_separator_left: 0;
987
+ --_ui5_split_button_middle_separator_hover_display: block;
988
+ --_ui5_split_button_text_button_width: 2.25rem;
989
+ --_ui5_split_button_text_button_right_border_width: 0;
990
+ --_ui5_split_button_transparent_hover_background: var(--sapButton_Lite_Background);
991
+ --_ui5_split_button_transparent_hover_color: var(--sapButton_Lite_TextColor);
992
+ --_ui5_split_button_transparent_disabled_background: transparent;
993
+ --_ui5_split_button_inner_focused_border_radius_outer: 0.25rem;
994
+ --_ui5_split_button_inner_focused_border_radius_inner: 0;
995
+ }
996
+
997
+ :root [_ui5host] {
998
+ --_ui5_split_button_focused_border: 0.125rem dotted var(--sapContent_FocusColor);
999
+ --_ui5_split_button_focused_border_radius: 0.375rem;
1000
+ --_ui5_split_button_hover_border_radius: 0;
1001
+ --_ui5_split_button_text_button_width: 2.5rem;
1002
+ --_ui5_split_button_text_button_right_border_width: 0;
1003
+ --_ui5_split_button_transparent_disabled_background: var(--sapButton_Background);
1004
+ }
1005
+
1006
+ :root [_ui5host] {
1007
+ /* switch */
1008
+ --_ui5_switch_height: 2.75rem;
1009
+ --_ui5_switch_width: 3.25rem;
1010
+
1011
+ --_ui5_switch_min_width: 3.875rem;
1012
+
1013
+ --_ui5_switch_with_label_width: 100%;
1014
+
1015
+ --_ui5_switch_focus_outline: var(--_ui5_switch_foucs_border_size) dotted var(--sapContent_FocusColor);
1016
+
1017
+ --_ui5_switch_root_outline_top: 0.25rem;
1018
+ --_ui5_switch_root_outline_bottom: 0.25rem;
1019
+ --_ui5_switch_root_outline_left: 0;
1020
+ --_ui5_switch_root_outline_right: 0;
1021
+
1022
+ --_ui5_switch_foucs_border_size: 1px;
1023
+
1024
+ --_ui5-switch-root-border-radius: 0;
1025
+ --_ui5-switch-root-box-shadow: none;
1026
+ --_ui5_switch_root_after_outline: none;
1027
+
1028
+ --_ui5-switch-focus: "";
1029
+ --_ui5_switch_disabled_opacity: .4;
1030
+
1031
+ --_ui5_switch_transform: translateX(100%) translateX(-1.875rem);
1032
+ --_ui5_switch_transform_with_label: translateX(100%) translateX(-1.875rem);
1033
+
1034
+ --_ui5_switch_rtl_transform: translateX(-100%) translateX(1.875rem);
1035
+ --_ui5_switch_rtl_transform_with_label: translateX(-100%) translateX(1.875rem);
1036
+
1037
+ /* switch track */
1038
+ --_ui5_switch_track_with_label_width: 100%;
1039
+ --_ui5_switch_track_with_label_height: 1.375rem;
1040
+
1041
+ --_ui5_switch_track_width: 100%;
1042
+ --_ui5_switch_track_height: 1.375rem;
1043
+
1044
+ --_ui5_switch_track_border_radius: 0.75rem;
1045
+ --_ui5-switch-track-border: 1px solid;
1046
+
1047
+ --_ui5_switch_track_active_background_color: var(--sapButton_Track_Selected_Background);
1048
+ --_ui5_switch_track_inactive_background_color: var(--sapButton_Track_Background);
1049
+ --_ui5_switch_track_hover_active_background_color: var(--sapButton_Track_Selected_Background);
1050
+ --_ui5_switch_track_hover_inactive_background_color: var(--sapButton_Track_Background);
1051
+
1052
+ --_ui5_switch_track_active_border_color: var(--sapContent_ForegroundBorderColor);
1053
+ --_ui5_switch_track_inactive_border_color: var(--sapContent_ForegroundBorderColor);
1054
+ --_ui5_switch_track_hover_active_border_color: var(--sapButton_Hover_BorderColor);
1055
+ --_ui5_switch_track_hover_inactive_border_color: var(--sapButton_Hover_BorderColor);
1056
+
1057
+ --_ui5_switch_track_semantic_accept_background_color: var(--sapSuccessBackground);
1058
+ --_ui5_switch_track_semantic_reject_background_color: var(--sapErrorBackground);
1059
+ --_ui5_switch_track_semantic_hover_accept_background_color: var(--sapSuccessBackground);
1060
+ --_ui5_switch_track_semantic_hover_reject_background_color: var(--sapErrorBackground);
1061
+
1062
+ --_ui5_switch_track_semantic_accept_border_color: var(--sapSuccessBorderColor);
1063
+ --_ui5_switch_track_semantic_reject_border_color: var(--sapErrorBorderColor);
1064
+ --_ui5_switch_track_semantic_hover_accept_border_color: var(--sapSuccessBorderColor);
1065
+ --_ui5_switch_track_semantic_hover_reject_border_color: var(--sapErrorBorderColor);
1066
+
1067
+ --_ui5_switch_track_transition: none;
1068
+ --_ui5_switch_track_icon_display: none;
1069
+
1070
+ /* switch handle */
1071
+ --_ui5_switch_handle_width: 2rem;
1072
+
1073
+ --_ui5_switch_handle_height: 2rem;
1074
+
1075
+ --_ui5_switch_handle_with_label_width: 2rem;
1076
+
1077
+ --_ui5_switch_handle_with_label_height: 2rem;
1078
+
1079
+ --_ui5_switch_handle_border: var(--_ui5_switch_handle_border_width) solid var(--sapButton_Handle_BorderColor);
1080
+ --_ui5_switch_handle_border_width: 0.0625rem;
1081
+ --_ui5_switch_handle_border_radius: 1rem;
1082
+
1083
+ --_ui5_switch_handle_active_background_color: var(--sapButton_Selected_Background);
1084
+ --_ui5_switch_handle_inactive_background_color: var(--sapButton_TokenBackground);
1085
+ --_ui5_switch_handle_hover_active_background_color: var(--sapButton_Selected_Hover_Background);
1086
+ --_ui5_switch_handle_hover_inactive_background_color: var(--sapButton_Handle_Hover_Background);
1087
+
1088
+ --_ui5_switch_handle_active_border_color: var(--sapButton_Selected_BorderColor);
1089
+ --_ui5_switch_handle_inactive_border_color: var(--sapContent_ForegroundBorderColor);
1090
+ --_ui5_switch_handle_hover_active_border_color: var(--sapButton_Selected_BorderColor);
1091
+ --_ui5_switch_handle_hover_inactive_border_color: var(--sapButton_Hover_BorderColor);
1092
+
1093
+ --_ui5_switch_handle_semantic_accept_background_color: var(--sapButton_Background);
1094
+ --_ui5_switch_handle_semantic_reject_background_color: var(--sapButton_Background);
1095
+ --_ui5_switch_handle_semantic_hover_accept_background_color: var(--sapSuccessBackground);
1096
+ --_ui5_switch_handle_semantic_hover_reject_background_color: var(--sapErrorBackground);
1097
+
1098
+ --_ui5_switch_handle_semantic_accept_border_color: var(--sapSuccessBorderColor);
1099
+ --_ui5_switch_handle_semantic_reject_border_color: var(--sapErrorBorderColor);
1100
+ --_ui5_switch_handle_semantic_hover_accept_border_color: var(--sapSuccessBorderColor);
1101
+ --_ui5_switch_handle_semantic_hover_reject_border_color: var(--sapErrorBorderColor);
1102
+
1103
+ --_ui5_switch_handle_on_hover_box_shadow: none;
1104
+ --_ui5_switch_handle_off_hover_box_shadow: none;
1105
+ --_ui5_switch_handle_semantic_on_hover_box_shadow: var(--sapContent_Informative_Shadow);
1106
+ --_ui5_switch_handle_semantic_off_hover_box_shadow: var(--sapContent_Negative_Shadow);
1107
+
1108
+ --_ui5-switch-handle-icon-display: none;
1109
+ --_ui5_switch_handle_left: -0.0625rem;
1110
+ --_ui5-switch-slider-texts-display: inline;
1111
+
1112
+ /* switch text */
1113
+ --_ui5_switch_text_font_family: "72override", var(--sapFontFamily);
1114
+ --_ui5_switch_text_font_size: var(--sapFontSmallSize);
1115
+
1116
+ --_ui5_switch_text_with_label_font_family: "72override", var(--sapFontFamily);
1117
+ --_ui5_switch_text_with_label_font_size: var(--sapFontSmallSize);
1118
+
1119
+ --_ui5_switch_text_with_label_width: none;
1120
+
1121
+ --_ui5_switch_text_width: none;
1122
+
1123
+ --_ui5_switch_text_inactive_left: auto;
1124
+ --_ui5_switch_text_inactive_right: 0.125rem;
1125
+ --_ui5_switch_text_active_left: calc(-100% + 2rem);
1126
+ --_ui5_switch_text_active_right: auto;
1127
+
1128
+ --_ui5_switch_text_active_color: var(--sapButton_Track_Selected_TextColor);
1129
+ --_ui5_switch_text_inactive_color: var(--sapTextColor);
1130
+
1131
+ --_ui5_switch_text_semantic_accept_color: var(--sapPositiveElementColor);
1132
+ --_ui5_switch_text_semantic_reject_color: var(--sapNegativeElementColor);
1133
+
1134
+ --_ui5_switch_text_overflow: none;
1135
+ --_ui5_switch_text_z_index: inherit;
1136
+ --_ui5_switch_text_hidden: hidden;
1137
+ --_ui5_switch_text_min_width: 1.625rem;
1138
+
1139
+ --_ui5_switch_icon_width: 0.75rem;
1140
+ --_ui5_switch_icon_height: 0.75rem;
1141
+ }
1142
+
1143
+ [data-ui5-compact-size] [_ui5host],
1144
+ .ui5-content-density-compact [_ui5host],
1145
+ .sapUiSizeCompact [_ui5host] {
1146
+ --_ui5_switch_height: 2rem;
1147
+ --_ui5_switch_width: 2.5rem;
1148
+ --_ui5_switch_with_label_width: 100%;
1149
+ --_ui5_switch_root_outline_top: 0;
1150
+ --_ui5_switch_root_outline_bottom: 0;
1151
+ --_ui5_switch_transform: translateX(100%) translateX(-1.5rem);
1152
+ --_ui5_switch_transform_with_label: translateX(100%) translateX( -1.5rem);
1153
+ --_ui5_switch_rtl_transform: translateX(1.5rem) translateX(-100%);
1154
+ --_ui5_switch_rtl_transform_with_label: translateX(1.5rem) translateX(-100%);
1155
+ --_ui5_switch_track_with_label_width: 100%;
1156
+ --_ui5_switch_track_with_label_height: 1.375rem;
1157
+ --_ui5_switch_track_width: 100%;
1158
+ --_ui5_switch_track_height: 1.375rem;
1159
+ --_ui5_switch_handle_width: 1.625rem;
1160
+ --_ui5_switch_handle_height: 1.625rem;
1161
+ --_ui5_switch_handle_with_label_width: 1.625rem;
1162
+ --_ui5_switch_handle_with_label_height: 1.625rem;
1163
+ --_ui5_switch_text_font_size: var(--sapFontSmallSize);
1164
+ --_ui5_switch_text_width: none;
1165
+ --_ui5_switch_text_active_left: calc(-100% + 1.625rem);
1166
+ }
1167
+
1168
+ :root [_ui5host] {
1169
+ /* Switch */
1170
+ --_ui5_switch_root_after_outline: none;
1171
+ --_ui5_switch_focus_outline: 0.125rem dotted var(--sapContent_FocusColor);
1172
+
1173
+ /* Switch Track */
1174
+
1175
+ /* Switch Handle */
1176
+ --_ui5_switch_handle_border_width: 0.125rem;
1177
+ --_ui5_switch_handle_semantic_hover_accept_background_color: var(--sapButton_Selected_Hover_Background);
1178
+ --_ui5_switch_handle_semantic_hover_reject_background_color: var(--sapButton_Handle_Hover_Background);
1179
+
1180
+ /* Switch sementic text */
1181
+ }
1182
+
1183
+ :root [_ui5host] {
1184
+ /* Header */
1185
+ --_ui5_tc_header_height: var(--_ui5_tc_item_height);
1186
+ --_ui5_tc_header_height_text_only: var(--_ui5_tc_item_text_only_height);
1187
+ --_ui5_tc_header_height_text_with_additional_text: var(--_ui5_tc_item_text_only_with_additional_text_height);
1188
+ --_ui5_tc_header_box_shadow: var(--sapContent_HeaderShadow);
1189
+ --_ui5_tc_header_border_bottom: 0.125rem solid var(--sapObjectHeader_Background);
1190
+ --_ui5_tc_header_background: var(--sapObjectHeader_Background);
1191
+ --_ui5_tc_header_background_translucent: var(--sapObjectHeader_Background);
1192
+ --_ui5_tc_content_background: var(--sapBackgroundColor);
1193
+ --_ui5_tc_content_background_translucent: var(--sapGroup_ContentBackground);
1194
+
1195
+ /* Header Item */
1196
+ --_ui5_tc_headeritem_padding: 0 1rem;
1197
+ --_ui5_tc_headerItem_color: var(--sapContent_LabelColor);
1198
+ --_ui5_tc_headerItem_additional_text_color: var(--sapContent_LabelColor);
1199
+ --_ui5_tc_headerItem_text_hover_color: var(--_ui5_tc_headerItem_color);
1200
+ --_ui5_tc_headerItem_text_selected_color: var(--sapSelectedColor);
1201
+ --_ui5_tc_headerItem_text_selected_hover_color: var(--sapSelectedColor);
1202
+ --_ui5_tc_headeritem_text_font_weight: normal;
1203
+ --_ui5_tc_headerItem_additional_text_font_weight: normal;
1204
+ --_ui5_tc_headerItem_neutral_color: var(--sapNeutralColor);
1205
+ --_ui5_tc_headerItem_positive_color: var(--sapPositiveColor);
1206
+ --_ui5_tc_headerItem_negative_color: var(--sapNegativeColor);
1207
+ --_ui5_tc_headerItem_critical_color: var(--sapCriticalColor);
1208
+ --_ui5_tc_headerItem_neutral_border_color: var(--_ui5_tc_headerItem_neutral_color);
1209
+ --_ui5_tc_headerItem_positive_border_color: var(--_ui5_tc_headerItem_positive_color);
1210
+ --_ui5_tc_headerItem_negative_border_color: var(--_ui5_tc_headerItem_negative_color);
1211
+ --_ui5_tc_headerItem_critical_border_color: var(--_ui5_tc_headerItem_critical_color);
1212
+ --_ui5_tc_headerItem_neutral_selected_border_color: var(--_ui5_tc_headerItem_neutral_color);
1213
+ --_ui5_tc_headerItem_positive_selected_border_color: var(--_ui5_tc_headerItem_positive_color);
1214
+ --_ui5_tc_headerItem_negative_selected_border_color: var(--_ui5_tc_headerItem_negative_color);
1215
+ --_ui5_tc_headerItem_critical_selected_border_color: var(--_ui5_tc_headerItem_critical_color);
1216
+ --_ui5_tc_headerItem_transition: none;
1217
+ --_ui5_tc_headerItem_hover_border_visibility: hidden;
1218
+ --_ui5_tc_headerItem_focus_offset: 0px;
1219
+
1220
+ --_ui5_tc_headerItemContent_border_radius: 0.125rem 0.125rem 0 0;
1221
+ --_ui5_tc_headerItemContent_border_bottom: 0.125rem solid var(--sapSelectedColor);
1222
+ --_ui5_tc_headerItemContent_border_bg: transparent;
1223
+ --_ui5_tc_headerItem_neutral_border_bg: transparent;
1224
+ --_ui5_tc_headerItem_positive_border_bg: transparent;
1225
+ --_ui5_tc_headerItem_negative_border_bg: transparent;
1226
+ --_ui5_tc_headerItem_critical_border_bg: transparent;
1227
+ --_ui5_tc_headerItem_hover_border_bg: transparent;
1228
+ --_ui5_tc_headerItem_hover_selected_hover_border_bg: transparent;
1229
+ --_ui5_tc_headerItemContent_border_height: 0;
1230
+ --_ui5_tc_headerItemContent_offset: 1rem;
1231
+ --_ui5_tc_headerItemContent_focus_offset: 1rem;
1232
+ --_ui5_tc_headerItem_focus_border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
1233
+ --_ui5_tc_headerItem_text_focus_border_offset_left: 0px;
1234
+ --_ui5_tc_headerItem_text_focus_border_offset_right: 0px;
1235
+ --_ui5_tc_headerItem_text_focus_border_offset_top: 0px;
1236
+ --_ui5_tc_headerItem_text_focus_border_offset_bottom: 0px;
1237
+ --_ui5_tc_headerItem_mixed_mode_focus_border_offset_left: 0.75rem;
1238
+ --_ui5_tc_headerItem_mixed_mode_focus_border_offset_right: 0.625rem;
1239
+ --_ui5_tc_headerItem_mixed_mode_focus_border_offset_top: 0.75rem;
1240
+ --_ui5_tc_headerItem_mixed_mode_focus_border_offset_bottom: 0.75rem;
1241
+ --_ui5_tc_headerItemContent_padding: 0;
1242
+ --_ui5_tc_headerItemContent_focus_border: none;
1243
+ --_ui5_tc_headerItemContent_default_focus_border: none;
1244
+ --_ui5_tc_headerItemContent_focus_border_radius: 0;
1245
+ --_ui5_tc_headerItemSemanticIcon_display: none;
1246
+ --_ui5_tc_headerItemSemanticIcon_size: 0.75rem;
1247
+ --_ui5_tc_headerItem_focus_border_radius: 0px;
1248
+ --_ui5_tc_mixedMode_itemText_color: var(--sapContent_LabelColor);
1249
+ --_ui5_tc_mixedMode_itemText_font_family: var(--sapFontFamily);
1250
+ --_ui5_tc_mixedMode_itemText_font_size: var(--sapFontSmallSize);
1251
+ --_ui5_tc_mixedMode_itemText_font_weight: normal;
1252
+
1253
+ /* Overflow Item */
1254
+
1255
+ --_ui5_tc_overflowItem_neutral_color: var(--sapNeutralColor);
1256
+ --_ui5_tc_overflowItem_positive_color: var(--sapPositiveColor);
1257
+ --_ui5_tc_overflowItem_negative_color: var(--sapNegativeColor);
1258
+ --_ui5_tc_overflowItem_critical_color: var(--sapCriticalColor);
1259
+ --_ui5_tc_overflowItem_focus_offset: 0.125rem;
1260
+ --_ui5_tc_overflowItem_extraIndent: 0rem;
1261
+
1262
+ /* Header Item icons */
1263
+ --_ui5_tc_headerItemIcon_border: 1px solid var(--sapHighlightColor);
1264
+ --_ui5_tc_headerItemIcon_color: var(--sapHighlightColor);
1265
+ --_ui5_tc_headerItemIcon_selected_background: var(--sapHighlightColor);
1266
+ --_ui5_tc_headerItemIcon_selected_color: var(--sapGroup_ContentBackground);
1267
+ --_ui5_tc_headerItemIcon_positive_selected_background: var(--sapPositiveColor);
1268
+ --_ui5_tc_headerItemIcon_negative_selected_background: var(--sapNegativeColor);
1269
+ --_ui5_tc_headerItemIcon_critical_selected_background: var(--sapCriticalColor);
1270
+ --_ui5_tc_headerItemIcon_neutral_selected_background: var(--sapNeutralColor);
1271
+ --_ui5_tc_headerItemIcon_semantic_selected_color: var(--sapGroup_ContentBackground);
1272
+ --_ui5_tc_headerItemIcon_background_color: transparent;
1273
+
1274
+ --_ui5_tc_overflowItem_default_color: var(--sapNeutralTextColor);
1275
+ --_ui5_tc_overflowItem_current_color: CurrentColor;
1276
+ --_ui5_tc_content_border_bottom: 0.125rem solid var(--sapObjectHeader_BorderColor);
1277
+
1278
+ --_ui5_tc_headerItem_focus_border_offset: -2px;
1279
+ --_ui5_tc_headerItemIcon_focus_border_radius: 0;
1280
+ }
1281
+
1282
+ [data-ui5-compact-size] [_ui5host],
1283
+ .ui5-content-density-compact [_ui5host],
1284
+ .sapUiSizeCompact [_ui5host] {
1285
+ --_ui5_tc_header_height: var(--_ui5_tc_item_height);
1286
+ }
1287
+
1288
+ :root [_ui5host] {
1289
+ --_ui5_tc_header_border_bottom: 0.125rem solid var(--sapPageHeader_BorderColor);
1290
+
1291
+ /* Header Item */
1292
+ --_ui5_tc_headerItemContent_border_bottom: 0.25rem solid var(--sapPageHeader_BorderColor);
1293
+ --_ui5_tc_headerItem_focus_border: 0.125rem dotted var(--sapContent_FocusColor);
1294
+ --_ui5_tc_headerItem_text_selected_color: var(--sapPageHeader_BorderColor);
1295
+ --_ui5_tc_headerItem_text_selected_hover_color: var(--sapPageHeader_BorderColor);
1296
+ --_ui5_tc_headerItem_neutral_color: var(--sapGroup_TitleTextColor);
1297
+ --_ui5_tc_headerItem_positive_color: var(--sapGroup_TitleTextColor);
1298
+ --_ui5_tc_headerItem_negative_color: var(--sapGroup_TitleTextColor);
1299
+ --_ui5_tc_headerItem_critical_color: var(--sapGroup_TitleTextColor);
1300
+ --_ui5_tc_headerItem_neutral_border_color: var(--_ui5_tc_headerItem_neutral_color);
1301
+ --_ui5_tc_headerItem_positive_border_color: var(--_ui5_tc_headerItem_positive_color);
1302
+ --_ui5_tc_headerItem_negative_border_color: var(--_ui5_tc_headerItem_negative_color);
1303
+ --_ui5_tc_headerItem_critical_border_color: var(--_ui5_tc_headerItem_critical_color);
1304
+ --_ui5_tc_headerItem_neutral_selected_border_color: var(--_ui5_tc_headerItem_neutral_color);
1305
+ --_ui5_tc_headerItem_positive_selected_border_color: var(--_ui5_tc_headerItem_positive_color);
1306
+ --_ui5_tc_headerItem_negative_selected_border_color: var(--_ui5_tc_headerItem_negative_color);
1307
+ --_ui5_tc_headerItem_critical_selected_border_color: var(--_ui5_tc_headerItem_critical_color);
1308
+ --_ui5_tc_headerItemSemanticIcon_display: inline-block;
1309
+
1310
+ /* Header Item icons */
1311
+ --_ui5_tc_headerItemIcon_border: 1px solid var(--sapPageHeader_BorderColor);
1312
+ --_ui5_tc_headerItemIcon_color: var(--sapPageHeader_BorderColor);
1313
+ --_ui5_tc_headerItemIcon_selected_background: var(--sapSelectedColor);
1314
+ --_ui5_tc_headerItemIcon_selected_color: var(--sapContent_IconColor);
1315
+ --_ui5_tc_headerItemIcon_positive_selected_background: var(--sapSelectedColor);
1316
+ --_ui5_tc_headerItemIcon_negative_selected_background: var(--sapSelectedColor);
1317
+ --_ui5_tc_headerItemIcon_critical_selected_background: var(--sapSelectedColor);
1318
+ --_ui5_tc_headerItemIcon_neutral_selected_background: var(--sapSelectedColor);
1319
+ --_ui5_tc_headerItemIcon_semantic_selected_color: var(--sapContent_IconColor);
1320
+
1321
+ /* Overflow Item */
1322
+
1323
+ --_ui5_tc_overflowItem_neutral_color: var(--sapGroup_TitleTextColor);
1324
+ --_ui5_tc_overflowItem_positive_color: var(--sapGroup_TitleTextColor);
1325
+ --_ui5_tc_overflowItem_negative_color: var(--sapGroup_TitleTextColor);
1326
+ --_ui5_tc_overflowItem_critical_color: var(--sapGroup_TitleTextColor);
1327
+ --_ui5_tc_overflowItem_default_color: var(--sapGroup_TitleTextColor);
1328
+ --_ui5_tc_overflowItem_current_color: var(--_ui5_tc_overflowItem_default_color);
1329
+ --_ui5_tc_overflowItem_extraIndent: 1rem;
1330
+ }
1331
+
1332
+ :root [_ui5host] {
1333
+ --ui5_table_bottom_border: 1px solid var(--sapList_BorderColor);
1334
+ --ui5_table_header_row_outline_width: 1px;
1335
+ --ui5_table_multiselect_column_width: 2.75rem;
1336
+ --ui5_table_header_row_font_weight: normal;
1337
+ --ui5_table_header_row_border_bottom_color: var(--sapList_BorderColor);
1338
+ --ui5_table_header_row_border_width: 1px;
1339
+ --_ui5_table_load_more_border-bottom: none;
1340
+ }
1341
+
1342
+ :root [_ui5host] {
1343
+ --ui5_table_header_row_outline_width: 0.125rem;
1344
+ --ui5_table_multiselect_column_width: 3rem;
1345
+ --ui5_table_header_row_height: 3rem;
1346
+ }
1347
+
1348
+ :root [_ui5host] {
1349
+ --ui5_table_header_row_font_weight: normal;
1350
+ }
1351
+
1352
+ :root [_ui5host] {
1353
+ --ui5_table_row_outline_width: 1px;
1354
+ }
1355
+
1356
+ :root [_ui5host] {
1357
+ --ui5_table_row_outline_width: 0.125rem;
1358
+ --ui5_table_row_height: 3rem;
1359
+ }
1360
+
1361
+ :root [_ui5host] {
1362
+ --ui5_table_group_row_font-weight: normal;
1363
+ --ui5_table_border_width: 0 0 1px 0;
1364
+ }
1365
+
1366
+ :root [_ui5host] {
1367
+ --_ui5_load_more_padding: 0;
1368
+ --_ui5_load_more_border: 1px top solid transparent;
1369
+ --_ui5_load_more_border_radius: none;
1370
+ --_ui5_load_more_outline_width: 1px;
1371
+ }
1372
+
1373
+ :root [_ui5host] {
1374
+ --_ui5_load_more_padding: 0.25rem;
1375
+ --_ui5_load_more_border: 1px solid var(--sapButton_BorderColor);
1376
+ --_ui5_load_more_border_radius: 0.375rem;
1377
+ --_ui5_load_more_outline_width: 0.125rem;
1378
+ }
1379
+
1380
+ :root [_ui5host] {
1381
+ --_ui5_textarea_state_border_width: 0.125rem;
1382
+ --_ui5_textarea_information_border_width: 0.125rem;
1383
+ --_ui5_textarea_placeholder_font_style: italic;
1384
+ --_ui5_textarea_value_state_error_warning_placeholder_font_weight: normal;
1385
+ --_ui5_textarea_error_placeholder_font_style: italic;
1386
+ --_ui5_textarea_error_placeholder_color: var(--sapField_PlaceholderTextColor);
1387
+ --_ui5_textarea_error_hover_background_color: var(--sapField_Hover_Background);
1388
+ --_ui5_textarea_hover_border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_Hover_BorderColor);
1389
+ --_ui5_textarea_error_warning_border_style: solid;
1390
+ --_ui5_textarea_disabled_opacity: 0.4;
1391
+ --_ui5_textarea_line_height: 1.4;
1392
+ --_ui5_textarea_focus_pseudo_element_content: '';
1393
+ --_ui5_textarea_focused_value_state_error_background: var(--sapField_InvalidBackground);
1394
+ --_ui5_textarea_focused_value_state_warning_background: var(--sapField_WarningBackground);
1395
+ --_ui5_textarea_focused_value_state_success_background: var(--sapField_SuccessBackground);
1396
+ --_ui5_textarea_focused_value_state_information_background: var(--sapField_InformationBackground);
1397
+ --_ui5_textarea_focused_value_state_error_focus_outline_color: var(--sapContent_FocusColor);
1398
+ --_ui5_textarea_focused_value_state_warning_focus_outline_color: var(--sapContent_FocusColor);
1399
+ --_ui5_textarea_focused_value_state_success_focus_outline_color: var(--sapContent_FocusColor);
1400
+ --_ui5_textarea_focus_offset: 1px;
1401
+ --_ui5_textarea_readonly_focus_offset: 1px;
1402
+ --_ui5_textarea_value_state_focus_offset: 1px;
1403
+ --_ui5_textarea_focus_outline_color: var(--sapContent_FocusColor);
1404
+ --__ui5_textarea_min_height: 2.25rem;
1405
+ --_ui5_textarea_padding_right_and_left: 0.5625rem;
1406
+ --_ui5_textarea_padding_right_and_left_error_warning: 0.5rem;
1407
+ --_ui5_textarea_padding_right_and_left_information: 0.5rem;
1408
+ --_ui5_textarea_padding_right_and_left_readonly: 0.5625rem;
1409
+ --_ui5_textarea_padding_top: 0.4375rem;
1410
+ --_ui5_textarea_padding_bottom: 0.4375rem;
1411
+ --_ui5_textarea_padding_top_readonly: 0.4375rem;
1412
+ --_ui5_textarea_padding_bottom_readonly:0.4375rem;
1413
+ --_ui5_textarea_padding_top_error_warning: 0.375rem;
1414
+ --_ui5_textarea_padding_bottom_error_warning: 0.375rem;
1415
+ --_ui5_textarea_padding_top_information: 0.375rem;
1416
+ --_ui5_textarea_padding_bottom_information: 0.375rem;
1417
+ --_ui5_textarea_margin: 0.25rem 0;
1418
+ --_ui5_textarea_exceeded_text_height: 1rem;
1419
+ --_ui5_textarea_readonly_border_style: var(--sapField_BorderStyle);
1420
+ }
1421
+
1422
+ [data-ui5-compact-size] [_ui5host],
1423
+ .ui5-content-density-compact [_ui5host],
1424
+ .sapUiSizeCompact [_ui5host] {
1425
+ --_ui5_textarea_padding_right_and_left: 0.4375rem;
1426
+ --_ui5_textarea_padding_right_and_left_error_warning: 0.375rem;
1427
+ --_ui5_textarea_padding_right_and_left_information: 0.375rem;
1428
+ --_ui5_textarea_padding_right_and_left_readonly: 0.4375rem;
1429
+ --_ui5_textarea_padding_top: 0.125rem;
1430
+ --_ui5_textarea_padding_bottom: 0.125rem;
1431
+ --_ui5_textarea_padding_top_readonly: 0.125rem;
1432
+ --_ui5_textarea_padding_bottom_readonly: 0.125rem;
1433
+ --_ui5_textarea_padding_top_error_warning: 0.0625rem;
1434
+ --_ui5_textarea_padding_bottom_error_warning: 0.0625rem;
1435
+ --_ui5_textarea_padding_top_information: 0.0625rem;
1436
+ --_ui5_textarea_padding_bottom_information: 0.0625rem;
1437
+ --_ui5_textarea_exceeded_text_height: 0.375rem;
1438
+ --_ui5_textarea_margin: 0.1875rem 0;
1439
+ --__ui5_textarea_min_height: 1.625rem;
1440
+ }
1441
+
1442
+ :root [_ui5host] {
1443
+ --__ui5_textarea_min_height: 2.5rem;
1444
+ --_ui5_textarea_error_warning_border_style: dashed;
1445
+ --_ui5_textarea_error_hover_background_color: var(--sapField_InvalidBackground);
1446
+ --_ui5_textarea_information_border_width: var(--sapField_BorderWidth);
1447
+ --_ui5_textarea_value_state_error_warning_placeholder_font_weight: bold;
1448
+ --_ui5_textarea_error_placeholder_font_weight: bold;
1449
+ --_ui5_textarea_placeholder_font_style: normal;
1450
+ --_ui5_textarea_error_warning_font_style: italic;
1451
+ --_ui5_textarea_error_warning_font_weight: bold;
1452
+ --_ui5_textarea_state_border_width: 0.0625rem;
1453
+ --_ui5_textarea_error_placeholder_font_style: normal;
1454
+ --_ui5_textarea_error_placeholder_color: var(--sapField_TextColor);
1455
+ --_ui5_textarea_padding_top: 0.5625rem;
1456
+ --_ui5_textarea_padding_bottom: 0.5625rem;
1457
+ --_ui5_textarea_padding_top_readonly: 0.5625rem;
1458
+ --_ui5_textarea_padding_bottom_readonly: 0.5625rem;
1459
+ --_ui5_textarea_padding_top_error_warning: 0.5625rem;
1460
+ --_ui5_textarea_padding_bottom_error_warning: 0.5625rem;
1461
+ --_ui5_textarea_padding_top_information: 0.5625rem;
1462
+ --_ui5_textarea_padding_bottom_information: 0.5625rem;
1463
+ --_ui5_textarea_padding_right_and_left: 0.6875rem;
1464
+ --_ui5_textarea_padding_right_and_left_error_warning: 0.6875rem;
1465
+ --_ui5_textarea_padding_right_and_left_information: 0.6875rem;
1466
+ --_ui5_textarea_padding_right_and_left_readonly: 0.6875rem;
1467
+ }
1468
+
1469
+ [data-ui5-compact-size] [_ui5host],
1470
+ .ui5-content-density-compact [_ui5host],
1471
+ .sapUiSizeCompact [_ui5host] {
1472
+ --_ui5_textarea_padding_top_error_warning: 0.125rem;
1473
+ --_ui5_textarea_padding_bottom_error_warning: 0.125rem;
1474
+ --_ui5_textarea_padding_top_information: 0.125rem;
1475
+ --_ui5_textarea_padding_bottom_information: 0.125rem;
1476
+ --_ui5_textarea_padding_right_and_left_error_warning: 0.4375rem;
1477
+ --_ui5_textarea_padding_right_and_left_information: 0.4375rem;
1478
+ }
1479
+
1480
+ :root [_ui5host] {
1481
+ --_ui5_toast_vertical_offset: 3rem;
1482
+ --_ui5_toast_horizontal_offset: 2rem;
1483
+ --_ui5_toast_background: var(--sapList_Background);
1484
+ --_ui5_toast_shadow: var(--sapContent_Shadow2);
1485
+ }
1486
+
1487
+ :root [_ui5host] {
1488
+ --_ui5_toggle_button_pressed_focussed: var(--sapButton_Selected_BorderColor);
1489
+ --_ui5_toggle_button_pressed_focussed_hovered: var(--sapButton_Selected_BorderColor);
1490
+ --_ui5_toggle_button_selected_positive_text_color: var(--sapButton_Selected_TextColor);
1491
+ --_ui5_toggle_button_selected_negative_text_color: var(--sapButton_Selected_TextColor);
1492
+ --_ui5_toggle_button_selected_attention_text_color: var(--sapButton_Selected_TextColor);
1493
+ --_ui5_toggle_button_emphasized_pressed_focussed_hovered: var(--sapContent_FocusColor);
1494
+ --_ui5_toggle_button_emphasized_text_shadow: none;
1495
+ }
1496
+
1497
+ :root [_ui5host] {
1498
+ --_ui5_yearpicker_item_selected_focus: var(--sapContent_Selected_Background);
1499
+ --_ui5_yearpicker_item_selected_hover_color: var(--sapContent_Selected_Background);
1500
+ --_ui5_yearpicker_item_border: none;
1501
+ --_ui5_yearpicker_item_border_radius: 0;
1502
+ --_ui5_yearpicker_item_margin: 1px;
1503
+ --_ui5_yearpicker_item_focus_after_width: calc(100% - 0.375rem);
1504
+ --_ui5_yearpicker_item_focus_after_height: calc(100% - 0.375rem);
1505
+ --_ui5_yearpicker_item_focus_after_border: 1px dotted var(--sapContent_FocusColor);
1506
+ --_ui5_yearpicker_item_focus_after_offset: 2px;
1507
+ --_ui5_yearpicker_item_focus_after_border_radius: 0;
1508
+ --_ui5_yearpicker_item_selected_background_color: var(--sapSelectedColor);
1509
+ --_ui5_yearpicker_item_selected_text_color: var(--sapContent_ContrastTextColor);
1510
+ --_ui5_yearpicker_item_selected_box_shadow: none;
1511
+ --_ui5_yearpicker_item_focus_after_outline: none;
1512
+ }
1513
+
1514
+ :root [_ui5host] {
1515
+ --_ui5_yearpicker_item_border: 1px solid var(--sapList_BorderColor);
1516
+ --_ui5_yearpicker_item_margin: 0;
1517
+ --_ui5_yearpicker_item_focus_after_width: calc(100% - 0.25rem);
1518
+ --_ui5_yearpicker_item_focus_after_height: calc(100% - 0.25rem);
1519
+ --_ui5_yearpicker_item_focus_after_border: 2px dotted var(--sapContent_FocusColor);
1520
+ --_ui5_yearpicker_item_focus_after_offset: 0;
1521
+ }
1522
+
1523
+ :root [_ui5host]{
1524
+ --_ui5_wheelslider_item_text_size: var(--sapFontSize);
1525
+ --_ui5_wheelslider_selected_item_hover_background_color: var(--sapList_BorderColor);
1526
+ --_ui5_wheelslider_label_text_size: var(--sapFontSmallSize);
1527
+ --_ui5_wheelslider_selection_frame_margin_top: calc(var(--_ui5_wheelslider_item_height) * 2);
1528
+ --_ui5_wheelslider_mobile_selection_frame_margin_top: calc(var(--_ui5_wheelslider_item_height) * 4);
1529
+ --_ui5_wheelslider_label_text_color: var(--sapContent_LabelColor);
1530
+ --_ui5_wheelslider_height: 240px;
1531
+ --_ui5_wheelslider_mobile_height: 432px;
1532
+ --_ui5_wheelslider_item_width: 48px;
1533
+ --_ui5_wheelslider_item_height: 46px;
1534
+ --_ui5_wheelslider_arrows_visibility: hidden;
1535
+ --_ui_wheelslider_item_hover_color: var(--sapButton_Emphasized_Hover_BorderColor);
1536
+ --_ui_wheelslider_item_expanded_hover_color: var(--sapList_Hover_Background);
1537
+ }
1538
+
1539
+ :root [_ui5host]{
1540
+ --_ui5_wheelslider_item_background_color: var(--sapList_Background);
1541
+ --_ui5_wheelslider_item_text_color: var(--sapTextColor);
1542
+ --_ui_wheelslider_item_hover_color: var(--sapHighlightColor);
1543
+ --_ui5_wheelslider_item_border_color: var(--sapList_BorderColor);
1544
+ --_ui5_wheelslider_collapsed_item_text_color: var(--sapContent_ContrastTextColor);
1545
+ --_ui5_wheelslider_selected_item_background_color: var(--sapSelectedColor);
1546
+ --_ui5_wheelslider_selected_item_hover_background_color: var(--sapHighlightColor);
1547
+ --_ui5_wheelslider_active_item_background_color: var(--sapHighlightColor);
1548
+ --_ui5_wheelslider_active_item_text_color: var(--sapTextColor);
1549
+ --_ui5_wheelslider_item_width: 72px;
1550
+ --_ui5_wheelslider_item_height: 48px;
1551
+ --_ui5_wheelslider_selection_frame_color: var(--sapContent_ForegroundBorderColor);
1552
+ --_ui_wheelslider_item_border_radius: 0;
1553
+ }
1554
+
1555
+ :root [_ui5host] {
1556
+ --_ui5_token_background: var(--sapButton_TokenBackground);
1557
+ --_ui5_token_readonly_background: var(--sapButton_TokenBackground);
1558
+ --_ui5_token_readonly_color: var(--sapContent_LabelColor);
1559
+ --_ui5_token_border_radius: var(--sapButton_BorderCornerRadius);
1560
+ --_ui5_token_focus_outline_width: 0.0625rem;
1561
+ --_ui5_token_outline_offset: -0.125rem;
1562
+ --_ui5_token_text_color: var(--sapButton_TextColor);
1563
+ --_ui5_token_hover_border_color: var(--sapButton_Hover_BorderColor);
1564
+ --_ui5_token_top_margin: 0.25rem;
1565
+ --_ui5_token_bottom_margin: 0.25rem;
1566
+ --_ui5_token_right_margin: 0.3125rem;
1567
+ --_ui5_token_padding: 0.25rem 0;
1568
+ --_ui5_token_left_padding: 0.3125rem;
1569
+ --_ui5_token_readonly_padding: 0.375rem;
1570
+ --_ui5_token_selected_focus_outline: var(--_ui5_token_focus_outline_width) dotted var(--sapContent_ContrastFocusColor);
1571
+ --_ui5_token_focus_outline: var(--_ui5_token_focus_outline_width) dotted var(--sapContent_FocusColor);
1572
+ --_ui5_token_selected_hover_background: var(--sapButton_Selected_Hover_Background);
1573
+ --_ui5_token_selected_hover_border_color: var(--sapButton_Selected_Hover_BorderColor);
1574
+ --_ui5_token_focused_selected_border: 1px solid var(--sapButton_Selected_BorderColor);
1575
+ --ui5_token_focus_pseudo_element_content: none;
1576
+ --_ui5_token_focus_offset: -0.25rem;
1577
+ --_ui5_token_selected_text_font_family: "72override", var(--sapFontFamily);
1578
+ --_ui5_token_selected_internal_border_bottom: none;
1579
+ --_ui5_token_selected_internal_border_bottom_radius: 0;
1580
+ --_ui5_token_selected_box_shadow: none;
1581
+ --_ui5_token_text_icon_top: 0;
1582
+ }
1583
+
1584
+ :root [_ui5host] {
1585
+ --_ui5_token_border_radius: 0.125rem;
1586
+ --_ui5_token_left_padding: 0.375rem;
1587
+ --_ui5_token_right_margin: 0.375rem;
1588
+ --_ui5_token_focus_outline_width: 0.0625rem;
1589
+ --_ui5_token_readonly_background: var(--sapField_ReadOnly_Background);
1590
+ --_ui5_token_readonly_color: var(--sapContent_ForegroundTextColor);
1591
+ }
1592
+
1593
+ :root [_ui5host] {
1594
+ --_ui5_tokenizer_padding: 0.3125rem;
1595
+ --_ui5_tokenizer_n_more_text_color: var(--sapField_TextColor);
1596
+ }
1597
+
1598
+ :root [_ui5host] {
1599
+ --_ui5_value_state_message_border: none;
1600
+ --_ui5_value_state_header_border: none;
1601
+ --_ui5_input_value_state_icon_display: none;
1602
+ --_ui5_value_state_message_padding: 0.5rem;
1603
+ --_ui5_value_state_header_padding: .5625rem 1rem;
1604
+ --_ui5_value_state_message_popover_box_shadow: none;
1605
+ --_ui5_value_state_message_icon_width: .875rem;
1606
+ --_ui5_value_state_message_icon_height: .875rem;
1607
+ --_ui5_input_value_state_icon_offset: .5rem;
1608
+ --_ui5_value_state_header_offset: -0.125rem;
1609
+ --_ui5_value_state_message_popover_border_radius: 0;
1610
+ }
1611
+
1612
+ :root [_ui5host] {
1613
+ --_ui5_value_state_message_border: 2px solid var(--sapField_BorderColor);
1614
+ --_ui5_value_state_header_border_bottom: 2px solid var(--sapField_BorderColor);
1615
+ --_ui5_value_state_header_offset: -0.1875rem
1616
+ }
1617
+
1618
+ :root [_ui5host] {
1619
+ --_ui5-multi_combobox_token_margin_top: 3px;
1620
+ }
1621
+
1622
+ :root [_ui5host] {\r
1623
+ --_ui5_slider_progress_container_background: var(--sapField_BorderColor);\r
1624
+ --_ui5_slider_progress_container_dot_display: none;\r
1625
+ --_ui5_slider_progress_container_dot_background: var(--sapField_BorderColor);\r
1626
+ --_ui5_slider_progress_border: none;\r
1627
+ --_ui5_slider_padding: 1.406rem 1.0625rem;\r
1628
+ --_ui5_slider_inner_height: 0.25rem;\r
1629
+ --_ui5_slider_outer_height: 1.6875rem;\r
1630
+ --_ui5_slider_progress_border_radius: 0.25rem;\r
1631
+ --_ui5_slider_progress_background: var(--sapActiveColor);\r
1632
+ --_ui5_slider_handle_icon_display: none;\r
1633
+ --_ui5_slider_handle_height: 1.625rem;\r
1634
+ --_ui5_slider_handle_width: 1.625rem;\r
1635
+ --_ui5_slider_handle_border: solid 0.125rem var(--sapField_BorderColor);\r
1636
+ --_ui5_slider_handle_border_radius: 1rem;\r
1637
+ --_ui5_slider_handle_box_shadow: none;\r
1638
+ --_ui5_slider_handle_box_shadow_focus: none;\r
1639
+ --_ui5_slider_handle_background: var(--sapButton_Background);\r
1640
+ --_ui5_range_slider_handle_background: #FFF;\r
1641
+ --_ui5_slider_handle_top: -0.825rem;\r
1642
+ --_ui5_slider_tickmark_bg: var(--sapField_BorderColor);\r
1643
+ --_ui5_slider_tickmark_in_range_bg: var(--sapButton_Active_Background);\r
1644
+ --_ui5_slider_handle_margin_left: calc(-1 * (var(--_ui5_slider_handle_width) / 2));\r
1645
+ --_ui5_slider_handle_hover_background: var(--sapButton_Hover_Background);\r
1646
+ --_ui5_slider_handle_hover_border: 0.125rem solid var(--sapButton_Hover_BorderColor);\r
1647
+ --_ui5_slider_handle_outline: 0.0625rem dotted var(--sapContent_FocusColor);\r
1648
+ --_ui5_slider_handle_focus_border: var(--_ui5_slider_handle_hover_border);\r
1649
+ --_ui5_slider_handle_active_border: var(--_ui5_slider_handle_hover_border);\r
1650
+ --_ui5_slider_handle_focused_top: var(--_ui5_slider_handle_top);\r
1651
+ --_ui5_slider_handle_focused_margin_left: var(--_ui5_slider_handle_margin_left);\r
1652
+ --_ui5_slider_handle_outline_offset: 0.075rem;\r
1653
+ --_ui5_slider_icon_left: 0.5rem;\r
1654
+ --_ui5_slider_icon_top: 0.125rem;\r
1655
+ --_ui5_range_slider_handle_hover_background: rgba(var(--sapButton_Background), 0.25);\r
1656
+ --_ui5_range_slider_handle_hover_icon_display: none;\r
1657
+ --_ui5_slider_progress_outline: 0.0625rem dotted var(--sapContent_FocusColor);\r
1658
+ --_ui5_slider_progress_outline_offset: -0.8125rem;\r
1659
+ --_ui5_slider_tickmark_top: -0.375rem;\r
1660
+ --_ui5_slider_disabled_opacity: 0.4;\r
1661
+ --_ui5_slider_tooltip_fontsize: var(--sapFontSmallSize);\r
1662
+ --_ui5_slider_tooltip_color: var(--sapContent_LabelColor);\r
1663
+ --_ui5_slider_tooltip_background: var(--sapField_Background);\r
1664
+ --_ui5_slider_tooltip_border_radius: var(--sapElement_BorderCornerRadius);\r
1665
+ --_ui5_slider_tooltip_border_color: var(--sapField_BorderColor);\r
1666
+ --_ui5_slider_tooltip_border: 0.0625rem solid var(--_ui5_slider_tooltip_border_color);\r
1667
+ --_ui5_slider_tooltip_box_shadow: none;\r
1668
+ --_ui5_slider_tooltip_padding: 0.4125rem;\r
1669
+ --_ui5_slider_tooltip_height: 1rem;\r
1670
+ --_ui5_slider_tooltip_min_width: 2rem;\r
1671
+ --_ui5_slider_tooltip_bottom: 2rem;\r
1672
+ --_ui5_slider_label_fontsize: var(--sapFontSmallSize);\r
1673
+ --_ui5_slider_label_color: var(--sapContent_LabelColor);\r
1674
+ --_ui5_range_slider_progress_focus_display: none;\r
1675
+ --_ui5_range_slider_progress_focus_top: -1.063rem;\r
1676
+ --_ui5_range_slider_progress_focus_left: -1.438rem;\r
1677
+ --_ui5_range_slider_progress_focus_padding: 0 1.375rem 0 1.438rem;\r
1678
+ --_ui5_range_slider_progress_focus_height: 2rem;\r
1679
+ --_ui5_range_slider_legacy_progress_focus_display: block;\r
1680
+ --_ui5_slider_handle_focus_width: 0;\r
1681
+ --_ui5_slider_start_end_point_size: .375rem;\r
1682
+ --_ui5_slider_start_end_point_left: -0.875rem;\r
1683
+ --_ui5_slider_start_end_point_top: -.1875rem;\r
1684
+ --_ui5_slider_handle_hover_box_shadow: none;\r
1685
+ --_ui5_slider_handle_background_focus: var(--_ui5_slider_handle_background);\r
1686
+ --_ui5_slider_handle_active_box_shadow: none;\r
1687
+ --_ui5_slider_handle_focused_tooltip_distance: var(--_ui5_slider_tooltip_bottom);\r
1688
+ --_ui5_slider_handle_box_sizing: content-box;\r
1689
+ --_ui5_slider_tooltip_border_box: content-box;\r
1690
+ --_ui5_range_slider_handle_active_background: var(--_ui5_range_slider_handle_background);\r
1691
+ --_ui5_range_slider_active_handle_icon_display: none;\r
1692
+ --_ui5_range_slider_handle_background_focus: transparent;\r
1693
+ --_ui5_range_slider_progress_focus_width: 100%;\r
1694
+ --_ui5_range_slider_root_active_handle_icon_display: none;\r
1695
+ --_ui5_slider_tickmark_height: 1rem;\r
1696
+ --_ui5_slider_tickmark_top: -.3125rem;\r
1697
+ --_ui5_slider_progress_box_sizing: content-box;\r
1698
+ --_ui5_slider_tickmark_in_range_bg: var(--sapField_BorderColor);\r
1699
+ --_ui5_range_slider_focus_outline_width: 100%;\r
1700
+ --_ui5_slider_progress_outline_offset_left: 0;\r
1701
+ --_ui5_range_slider_focus_outline_radius: 0;\r
1702
+ \r
1703
+ --_ui5_slider_progress_container_top: 0;\r
1704
+ --_ui5_slider_progress_height: 100%;\r
1705
+ --_ui5_slider_active_progress_border: none;\r
1706
+ --_ui5_slider_active_progress_left: 0;\r
1707
+ --_ui5_slider_active_progress_top: 0;\r
1708
+ \r
1709
+ --_ui5_slider_no_tickmarks_progress_container_top: var(--_ui5_slider_progress_container_top);\r
1710
+ --_ui5_slider_no_tickmarks_progress_height: var(--_ui5_slider_progress_height);\r
1711
+ --_ui5_slider_no_tickmarks_active_progress_border: var(--_ui5_slider_active_progress_border);\r
1712
+ --_ui5_slider_no_tickmarks_active_progress_left: var(--_ui5_slider_active_progress_left);\r
1713
+ --_ui5_slider_no_tickmarks_active_progress_top: var(--_ui5_slider_active_progress_top);\r
1714
+ --_ui5_slider_handle_focus_visibility: none;\r
1715
+ --_ui5_slider_handle_icon_size: 1rem;\r
1716
+ }
1717
+
1718
+ [data-ui5-compact-size] [_ui5host],\r
1719
+ .ui5-content-density-compact [_ui5host],\r
1720
+ .sapUiSizeCompact [_ui5host] {\r
1721
+ --_ui5_slider_handle_focused_top: -0.625rem;\r
1722
+ --_ui5_slider_handle_focused_margin_left: -0.75rem;\r
1723
+ --_ui5_slider_handle_icon_size: .875rem;\r
1724
+ --_ui5_slider_padding: 1rem 1.0625rem;\r
1725
+ }
1726
+
1727
+ :root [_ui5host] {
1728
+ --_ui5_slider_inner_height: 0.375rem;
1729
+ --_ui5_slider_progress_border: solid 0.0625rem var(--sapField_BorderColor);
1730
+ --_ui5_slider_progress_border_radius: 0.125rem;
1731
+ --_ui5_slider_handle_background: transparent;
1732
+ --_ui5_slider_handle_hover_background: var(--sapField_Hover_Background);
1733
+ --_ui5_slider_handle_border: solid 0.125rem var(--sapField_BorderColor);
1734
+ --_ui5_slider_handle_hover_border: var(--sapField_Active_BorderColor);
1735
+ --_ui5_slider_handle_height: 1.375rem;
1736
+ --_ui5_slider_handle_width: 1.375rem;
1737
+ --_ui5_slider_handle_top: -0.5625rem;
1738
+ --_ui5_slider_progress_background: var(--sapField_Background);
1739
+ --_ui5_slider_tickmark_top: -0.2525rem;
1740
+ --_ui5_slider_handle_active_border: 0.0625rem dotted var(--sapField_BorderColor);
1741
+ --_ui5_range_slider_root_hover_handle_icon_display: none;
1742
+ --_ui5_range_slider_handle_active_background: transparent;
1743
+ }
1744
+
1745
+ :root [_ui5host] {
1746
+ --_ui5_step_input_input_error_background_color: var(--sapField_InvalidBackground);
1747
+ --_ui5-step_input_button_state_hover_background_color: var(--sapField_Background);
1748
+ --_ui5_step_input_border_style: 1px solid var(--sapField_BorderColor);
1749
+ --_ui5_step_input_border_style_hover: 1px solid var(--sapField_Hover_BorderColor);
1750
+ --_ui5_step_input_button_background_color:var(--sapField_Background);
1751
+ --_ui5_step_input_input_border: 1px solid transparent;
1752
+ --_ui5_step_input_input_margin_top: -0.0625rem;
1753
+ --_ui5_step_input_button_display: inline-block;
1754
+ --_ui5_step_input_button_left: 0;
1755
+ --_ui5_step_input_button_right: 0;
1756
+ --_ui5_step_input_input_border_focused_after: var(--_ui5_input_focus_border_width) dotted var(--sapContent_FocusColor);
1757
+ --_ui5_step_input_input_border_top_bottom_focused_after: 0.0625rem;
1758
+ --_ui5_step_input_input_border_radius_focused_after: 0;
1759
+ --_ui5_step_input_input_information_border_color_focused_after: var(--sapField_BorderColor);
1760
+ --_ui5_step_input_input_warning_border_color_focused_after: var(--sapField_BorderColor);
1761
+ --_ui5_step_input_input_success_border_color_focused_after: var(--sapField_BorderColor);
1762
+ --_ui5_step_input_input_error_border_color_focused_after: var(--sapField_BorderColor);
1763
+ --_ui5_step_input_disabled_button_background: var(--sapField_ReadOnly_Background);
1764
+ --_ui5_step_input_border_color_hover: var(--sapField_Hover_Background);
1765
+ --_ui5_step_input_border_hover: 1px solid var(--sapField_Hover_BorderColor);
1766
+ --_ui5_input_input_background_color: var(--sapField_InvalidBackground);
1767
+ --_ui5_step_input_min_width: 7.25rem;
1768
+ --_ui5_step_input_padding: 2.5rem;
1769
+ }
1770
+
1771
+ :root [_ui5host] {
1772
+ /* Calendar */
1773
+ --_ui5_calendar_height: 24.5rem;
1774
+ --_ui5_calendar_width: 20rem;
1775
+ --_ui5_calendar_padding: 1rem;
1776
+ --_ui5_calendar_left_right_padding: 0.5rem;
1777
+ --_ui5_calendar_top_bottom_padding: 1rem;
1778
+ --_ui5_calendar_header_height: 3rem;
1779
+ --_ui5_calendar_header_arrow_button_width: 2.5rem;
1780
+ --_ui5_calendar_header_padding: 0.25rem 0;
1781
+
1782
+ --_ui5_checkbox_root_side_padding: .6875rem;
1783
+ --_ui5_checkbox_icon_size: 1rem;
1784
+ --_ui5_checkbox_partially_icon_size: .75rem;
1785
+ --_ui5_custom_list_item_rb_min_width: 2.75rem;
1786
+ --_ui5_day_picker_item_width: 2.25rem;
1787
+ --_ui5_day_picker_item_height: 2.875rem;
1788
+ --_ui5_day_picker_empty_height: 3rem;
1789
+ --_ui5_day_picker_item_justify_content: space-between;
1790
+ --_ui5_dp_two_calendar_item_now_text_padding_top: 0.387rem;
1791
+ --_ui5_dp_two_calendar_item_primary_text_height: 1.8125rem;
1792
+ --_ui5_dp_two_calendar_item_secondary_text_height: 1rem;
1793
+ --_ui5_dp_two_calendar_item_text_padding_top: 0.575rem;
1794
+
1795
+ /* ColorPalette */
1796
+ --_ui5_color-palette-item-height: 1.75rem;
1797
+ --_ui5_color-palette-item-hover-height: 2.375rem;
1798
+ --_ui5_color-palette-item-margin: calc((var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height)) / 2);
1799
+ --_ui5_color-palette-row-width: 12rem;
1800
+ --_ui5_color-palette-swatch-container-padding: 0.3125rem 0.6875rem;
1801
+
1802
+ /* DateTimePicker */
1803
+ --_ui5_datetime_picker_width: 40.0625rem;
1804
+ --_ui5_datetime_picker_height: 25rem;
1805
+ --_ui5_datetime_timeview_width: 17rem;
1806
+ --_ui5_datetime_timeview_phonemode_width: 19.5rem;
1807
+ --_ui5_datetime_timeview_padding: 1rem;
1808
+
1809
+ /* Dialog */
1810
+ --_ui5_dialog_content_min_height: 2.75rem;
1811
+ --_ui5_dialog_footer_height: 2.75rem;
1812
+
1813
+ --_ui5_input_inner_padding: 0 0.625rem;
1814
+ --_ui5_input_inner_padding_with_icon: 0 0.25rem 0 0.625rem;
1815
+ --_ui5_input_inner_space_to_tokenizer: 0.125rem;
1816
+ --_ui5_input_inner_space_to_n_more_text: 0.1875rem;
1817
+ --_ui5_input_value_state_icon_padding: var(--_ui5-input-icon-padding);
1818
+ --_ui5_list_no_data_height: 3rem;
1819
+ --_ui5_list_item_cb_margin_right: 0;
1820
+ --_ui5_list_item_title_size: var(--sapFontLargeSize);
1821
+ --_ui5_list_no_data_font_size: var(--sapFontLargeSize);
1822
+ --_ui5_list_item_img_size: 3rem;
1823
+ --_ui5_list_item_img_top_margin: 0.5rem;
1824
+ --_ui5_list_item_img_bottom_margin: 0.5rem;
1825
+ --_ui5_list_item_img_hn_margin: 0.75rem;
1826
+ --_ui5_list_item_dropdown_base_height: 2.5rem;
1827
+ --_ui5_list_item_base_height: 2.75rem;
1828
+ --_ui5_list_item_icon_size: 1.125rem;
1829
+ --_ui5_list_item_icon_padding-inline-end: 0.5rem;
1830
+ --_ui5_list_item_selection_btn_margin_top: calc(-1 * var(--_ui5_checkbox_wrapper_padding));
1831
+ --_ui5_list_item_content_vertical_offset: calc((var(--_ui5_list_item_base_height) - var(--_ui5_list_item_title_size)) / 2);
1832
+ --_ui5_group_header_list_item_height: 2.75rem;
1833
+ --_ui5_list_busy_row_height: 3rem;
1834
+ --_ui5_month_picker_item_height: 3rem;
1835
+ --_ui5_list_buttons_left_space: 0.125rem;
1836
+
1837
+ /* Popup subclasses */
1838
+ --_ui5_popup_default_header_height: 2.75rem;
1839
+
1840
+ /* Notifications */
1841
+ --_ui5-notification-overflow-popover-padding: 0.25rem 0.5rem;
1842
+
1843
+ --_ui5_year_picker_item_height: 3rem;
1844
+ --_ui5_tokenizer_padding: 0.25rem;
1845
+ --_ui5_token_height: 1.625rem;
1846
+ --_ui5_token_icon_size: .75rem;
1847
+ --_ui5_token_icon_padding: 0.25rem 0.5rem;
1848
+ --_ui5_token_wrapper_right_padding: 0.3125rem;
1849
+ --_ui5_token_wrapper_left_padding: 0;
1850
+ --_ui5_tl_bubble_padding: 1rem;
1851
+ --_ui5_tl_indicator_before_bottom: -1.625rem;
1852
+ --_ui5_tl_padding: 1rem 1rem 1rem .5rem;
1853
+ --_ui5_tl_li_margin_bottom: 1.625rem;
1854
+
1855
+ /*switch*/
1856
+ --_ui5_switch_focus_width_size_horizon_exp: calc(100% + 4px);
1857
+ --_ui5_switch_focus_height_size_horizon_exp: calc(100% + 4px);
1858
+
1859
+ --_ui5_tc_item_text: 3rem;
1860
+ --_ui5_tc_item_height: 4.75rem;
1861
+ --_ui5_tc_item_text_only_height: 2.75rem;
1862
+ --_ui5_tc_item_text_only_with_additional_text_height: 3.75rem;
1863
+ --_ui5_tc_item_text_line_height: 1.325rem;
1864
+ --_ui5_tc_item_icon_circle_size: 2.75rem;
1865
+ --_ui5_tc_item_icon_size: 1.25rem;
1866
+ --_ui5_tc_item_add_text_margin_top: 0.375rem;
1867
+
1868
+ /* TextArea */
1869
+ --_ui5_textarea_margin: .25rem 0;
1870
+
1871
+ /* Panel */
1872
+ --_ui5_panel_header_height: 2.75rem;
1873
+
1874
+ /* Radio Button */
1875
+ --_ui5_radio_button_height: 2.75rem;
1876
+ --_ui5_radio_button_label_side_padding: .875rem;
1877
+ --_ui5_radio_button_focus_dist: .5rem;
1878
+ --_ui5_radio_button_inner_size: 2.75rem;
1879
+ --_ui5_radio_button_svg_size: 1.375rem;
1880
+ --_ui5_radio_button_label_width: calc(100% - 2.75rem);
1881
+ --_ui5_radio_button_outer_ring_padding_with_label: 0 0.6875rem;
1882
+
1883
+ /* Responsive Popover */
1884
+ --_ui5-responsive_popover_header_height: 2.75rem;
1885
+
1886
+ /* Side Navigation */
1887
+ --ui5_side_navigation_item_height: 2.75rem;
1888
+
1889
+ /* Table */
1890
+
1891
+ --_ui5_load_more_text_height: 2.75rem;
1892
+ --_ui5_load_more_text_font_size: var(--sapFontMediumSize);
1893
+ --_ui5_load_more_desc_padding: 0.375rem 2rem 0.875rem 2rem;
1894
+ --ui5_table_header_row_height: 2.75rem;
1895
+ --ui5_table_row_height: 2.75rem;
1896
+ --ui5_table_focus_outline_offset: -0.125rem;
1897
+ --ui5_table_group_row_height: 2rem;
1898
+
1899
+ /* Tree */
1900
+ --_ui5-tree-indent-step: 1.5rem;
1901
+ --_ui5-tree-toggle-box-width: 2.75rem;
1902
+ --_ui5-tree-toggle-box-height: 2.25rem;
1903
+ --_ui5-tree-toggle-icon-size: 1.0625rem;
1904
+
1905
+ /* Timeline */
1906
+ --_ui5_timeline_tli_indicator_before_bottom: -1.625rem;
1907
+ --_ui5_timeline_tli_indicator_before_right: -1.625rem;
1908
+ --_ui5_timeline_tli_indicator_before_without_icon_bottom: -1.875rem;
1909
+ --_ui5_timeline_tli_indicator_before_without_icon_right: -1.9375rem;
1910
+
1911
+ /* SegmentedButton */
1912
+ --_ui5_segmented_btn_border_radius: 0.375rem;
1913
+
1914
+ /* SplitButton */
1915
+ --_ui5_split_button_middle_separator_top: 0;
1916
+ --_ui5_split_button_middle_separator_height: 2.25rem;
1917
+ }
1918
+
1919
+ [data-ui5-compact-size] [_ui5host],
1920
+ .ui5-content-density-compact [_ui5host],
1921
+ .sapUiSizeCompact [_ui5host] {
1922
+ --_ui5_button_base_height: 1.625rem;
1923
+ --_ui5_button_base_padding: 0.4375rem;
1924
+ --_ui5_button_base_min_width: 2rem;
1925
+ --_ui5_button_icon_font_size: 1rem;
1926
+
1927
+ /* Calendar */
1928
+ --_ui5_calendar_height: 18rem;
1929
+ --_ui5_calendar_width: 17.75rem;
1930
+ --_ui5_calendar_left_right_padding: 0.25rem;
1931
+ --_ui5_calendar_top_bottom_padding: 0.5rem;
1932
+ --_ui5_calendar_header_height: 2rem;
1933
+ --_ui5_calendar_header_arrow_button_width: 2rem;
1934
+ --_ui5_calendar_header_padding: 0;
1935
+
1936
+ /* CheckBox */
1937
+ --_ui5_checkbox_root_side_padding: var(--_ui5_checkbox_wrapped_focus_padding);
1938
+ --_ui5_checkbox_wrapped_content_margin_top: var(--_ui5_checkbox_compact_wrapped_label_margin_top);
1939
+ --_ui5_checkbox_wrapped_focus_left_top_bottom_position: var(--_ui5_checkbox_compact_focus_position);
1940
+ --_ui5_checkbox_width_height: var(--_ui5_checkbox_compact_width_height);
1941
+ --_ui5_checkbox_wrapper_padding: var(--_ui5_checkbox_compact_wrapper_padding);
1942
+ --_ui5_checkbox_focus_position: var(--_ui5_checkbox_compact_focus_position);
1943
+ --_ui5_checkbox_inner_width_height: var(--_ui5_checkbox_compact_inner_size);
1944
+ --_ui5_checkbox_icon_size: .75rem;
1945
+ --_ui5_checkbox_partially_icon_size: .5rem;
1946
+
1947
+ /* ColorPalette */
1948
+ --_ui5_color-palette-item-height: 1.25rem;
1949
+ --_ui5_color-palette-item-focus-height: 1rem;
1950
+ --_ui5_color-palette-item-container-sides-padding: 0.1875rem;
1951
+ --_ui5_color-palette-item-container-rows-padding: 0.8125rem;
1952
+ --_ui5_color-palette-item-hover-height: 1.625rem;
1953
+ --_ui5_color-palette-item-margin: calc((var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height)) / 2);
1954
+ --_ui5_color-palette-row-width: 8.125rem;
1955
+ --_ui5_color-palette-swatch-container-padding: 0.1875rem 0.8125rem;
1956
+ --_ui5_color-palette-item-hover-margin: 0;
1957
+ --_ui5_color-palette-row-height: 7.5rem;
1958
+ --_ui5_color-palette-button-height: 2rem;
1959
+ --_ui5_color_picker_slider_container_margin_top: -4px;
1960
+
1961
+ /* Custom List Item */
1962
+ --_ui5_custom_list_item_rb_min_width: 2rem;
1963
+
1964
+ /* DayPicker */
1965
+ --_ui5_daypicker_weeknumbers_container_padding_top: 2rem;
1966
+ --_ui5_day_picker_item_width: 2rem;
1967
+ --_ui5_day_picker_item_height: 2rem;
1968
+ --_ui5_day_picker_empty_height: 2.125rem;
1969
+ --_ui5_day_picker_item_justify_content: flex-end;
1970
+ --_ui5_dp_two_calendar_item_now_text_padding_top: 0rem;
1971
+ --_ui5_dp_two_calendar_item_primary_text_height: 1rem;
1972
+ --_ui5_dp_two_calendar_item_secondary_text_height: 0.75rem;
1973
+ --_ui5_dp_two_calendar_item_text_padding_top: 0;
1974
+
1975
+ /* DateTimePicker */
1976
+ --_ui5_datetime_picker_height: 17rem;
1977
+ --_ui5_datetime_picker_width: 34.0625rem;
1978
+ --_ui5_datetime_timeview_width: 17rem;
1979
+ --_ui5_datetime_timeview_phonemode_width: 18.5rem;
1980
+ --_ui5_datetime_timeview_padding: 0.5rem;
1981
+
1982
+ /* Dialog */
1983
+ --_ui5_dialog_content_min_height: 2.5rem;
1984
+ --_ui5_dialog_footer_height: 2.5rem;
1985
+
1986
+ /* Input */
1987
+ --_ui5_input_height: var(--sapElement_Compact_Height);
1988
+ --_ui5_input_inner_padding: 0 0.5rem;
1989
+ --_ui5_input_inner_padding_with_icon: 0 0.2rem 0 0.5rem;
1990
+ --_ui5_input_inner_space_to_tokenizer: 0.125rem;
1991
+ --_ui5_input_inner_space_to_n_more_text: 0.125rem;
1992
+ --_ui5_input_icon_min_width: var(--_ui5_input_compact_min_width);
1993
+ --_ui5_input_icon_padding: .25rem .4375rem;
1994
+ --_ui5_input_error_warning_icon_padding: .1875rem .375rem .1875rem .4375rem;
1995
+ --_ui5_input_information_icon_padding: .1875rem .375rem .1875rem .4375rem;
1996
+ --_ui5_input_custom_icon_padding: .25rem .5rem;
1997
+ --_ui5_input_error_warning_custom_icon_padding: .1875rem .5rem;
1998
+ --_ui5_input_information_custom_icon_padding: .1875rem .5rem;
1999
+ --_ui5_input_value_state_icon_padding: .1875rem .5rem;
2000
+
2001
+ /* Menu */
2002
+ --_ui5_menu_item_padding: 0 0.75rem 0 0.5rem;
2003
+ --_ui5_menu_item_submenu_icon_right: 0.75rem;
2004
+
2005
+ /* Notifications */
2006
+ --_ui5-notification-overflow-popover-padding: 0.25rem 0.5rem;
2007
+
2008
+ /* Popup subclasses */
2009
+ --_ui5_popup_default_header_height: 2.5rem;
2010
+
2011
+ /* TextArea */
2012
+ --_ui5_textarea_margin: .1875rem 0;
2013
+
2014
+ /* List */
2015
+ --_ui5_list_no_data_height: 2rem;
2016
+ --_ui5_list_item_cb_margin_right: .5rem;
2017
+ --_ui5_list_item_title_size: var(--sapFontSize);
2018
+ --_ui5_list_item_img_top_margin: 0.55rem;
2019
+ --_ui5_list_no_data_font_size: var(--sapFontSize);
2020
+ --_ui5_list_item_dropdown_base_height: 2rem;
2021
+ --_ui5_list_item_base_height: 2rem;
2022
+ --_ui5_list_item_icon_size: 1rem;
2023
+ --_ui5_list_item_selection_btn_margin_top: calc(-1 * var(--_ui5_checkbox_wrapper_padding));
2024
+ --_ui5_list_item_content_vertical_offset: calc((var(--_ui5_list_item_base_height) - var(--_ui5_list_item_title_size)) / 2);
2025
+ --_ui5_list_busy_row_height: 2rem;
2026
+ --_ui5_list_buttons_left_space: 0.125rem;
2027
+
2028
+ --_ui5_month_picker_item_height: 2rem;
2029
+ --_ui5_year_picker_item_height: 2rem;
2030
+ --_ui5_panel_header_height: 2.5rem;
2031
+
2032
+ --_ui5_token_height: 1.25rem;
2033
+ --_ui5_token_top_margin: 0.125rem;
2034
+ --_ui5_token_bottom_margin: 0.125rem;
2035
+ --_ui5_token_right_margin: 0.25rem;
2036
+ --_ui5_token_left_padding: 0.25rem;
2037
+ --_ui5_token_readonly_padding: 0.25rem;
2038
+ --_ui5_token_focus_offset: -0.125rem;
2039
+ --_ui5_token_icon_size: .75rem;
2040
+ --_ui5_token_icon_padding: 0.125rem 0.25rem;
2041
+ --_ui5_token_wrapper_right_padding: 0.25rem;
2042
+ --_ui5_token_wrapper_left_padding: 0;
2043
+ --_ui5_token_outline_offset: -0.125rem;
2044
+
2045
+ --_ui5_tl_bubble_padding: .5rem;
2046
+ --_ui5_tl_indicator_before_bottom: -.5rem;
2047
+ --_ui5_tl_padding: .5rem;
2048
+ --_ui5_tl_li_margin_bottom: .5rem;
2049
+
2050
+ --_ui5_wheelslider_item_width: 64px;
2051
+ --_ui5_wheelslider_item_height: 32px;
2052
+ --_ui5_wheelslider_height: 224px;
2053
+ --_ui5_wheelslider_selection_frame_margin_top: calc(var(--_ui5_wheelslider_item_height) * 2);
2054
+ --_ui5_wheelslider_arrows_visibility: visible;
2055
+ --_ui5_wheelslider_mobile_selection_frame_margin_top: 128px;
2056
+
2057
+ --_ui5_tc_item_text: 2rem;
2058
+ --_ui5_tc_item_text_line_height: 1.325rem;
2059
+ --_ui5_tc_item_icon_size: 1rem;
2060
+ --_ui5_tc_item_add_text_margin_top: 0.3125rem;
2061
+ --_ui5_tc_header_height: var(--_ui5_tc_header_height_compact);
2062
+ --_ui5_tc_item_height: 4rem;
2063
+ --_ui5_tc_item_icon_circle_size: 2rem;
2064
+ --_ui5_tc_item_icon_size: 1rem;
2065
+
2066
+ /* Radio Button */
2067
+ --_ui5_radio_button_min_width: var(--_ui5_radio_button_min_width_compact);
2068
+ --_ui5_radio_button_height: 2rem;
2069
+ --_ui5_radio_button_label_side_padding: .5rem;
2070
+ --_ui5_radio_button_focus_dist: .375rem;
2071
+ --_ui5_radio_button_inner_size: 2rem;
2072
+ --_ui5_radio_button_svg_size: 1rem;
2073
+ --_ui5_radio_button_label_width: calc(100% - 2rem + 1px);
2074
+ --_ui5_radio_button_outer_ring_padding_with_label: 0 0.5rem;
2075
+
2076
+ /* Responsive Popover */
2077
+ --_ui5-responsive_popover_header_height: 2.5rem;
2078
+
2079
+ /* Side Navigation */
2080
+ --ui5_side_navigation_item_height: 2rem;
2081
+
2082
+ /* Slider */
2083
+ --_ui5_slider_handle_height: 1.25rem;
2084
+ --_ui5_slider_handle_width: 1.25rem;
2085
+ --_ui5_slider_handle_top: -.5rem;
2086
+ --_ui5_slider_tooltip_height: 1rem;
2087
+ --_ui5_slider_tooltip_padding: 0.25rem;
2088
+ /* --_ui5_slider_tooltip_bottom: 1.875rem; */
2089
+ --_ui5_slider_progress_outline_offset: -0.625rem;
2090
+ --_ui5_slider_outer_height: 1.3125rem;
2091
+
2092
+ /* SplitButton */
2093
+ --_ui5_split_button_middle_separator_top: 0;
2094
+ --_ui5_split_button_middle_separator_height: 1.625rem;
2095
+
2096
+ /* StepInput */
2097
+ --_ui5_step_input_min_width: 6rem;
2098
+ --_ui5_step_input_padding: 2rem;
2099
+
2100
+ /* Table */
2101
+ --_ui5_load_more_text_height: 2.625rem;
2102
+ --_ui5_load_more_text_font_size: var(--sapFontSize);
2103
+ --_ui5_load_more_desc_padding: 0 2rem 0.875rem 2rem;
2104
+ --ui5_table_header_row_height: 2rem;
2105
+ --ui5_table_row_height: 2rem;
2106
+
2107
+ /* Tree */
2108
+ --_ui5-tree-indent-step: 0.5rem;
2109
+ --_ui5-tree-toggle-box-width: 2rem;
2110
+ --_ui5-tree-toggle-box-height: 1.5rem;
2111
+ --_ui5-tree-toggle-icon-size: 0.8125rem;
2112
+
2113
+ /* Timeline */
2114
+ --_ui5_timeline_tli_indicator_before_bottom: -0.5rem;
2115
+ --_ui5_timeline_tli_indicator_before_right: -0.5rem;
2116
+ --_ui5_timeline_tli_indicator_before_without_icon_bottom: -0.75rem;
2117
+ --_ui5_timeline_tli_indicator_before_without_icon_right: -0.8125rem;
2118
+
2119
+ /* ViewSettingsDialog */
2120
+ --_ui5_vsd_header_container: 2.5rem;
2121
+ --_ui5_vsd_sub_header_container_height: 2rem;
2122
+ --_ui5_vsd_header_height: 4rem;
2123
+ --_ui5_vsd_expand_content_height: 25.4375rem;
2124
+ }
2125
+
2126
+ :root [_ui5host], [dir="ltr"] [_ui5host] {
2127
+ --_ui5_rotation_90deg: rotate(90deg);
2128
+ --_ui5_rotation_minus_90deg: rotate(-90deg);
2129
+
2130
+ --_ui5_icon_transform_scale: none;
2131
+ --_ui5_panel_toggle_btn_rotation: var(--_ui5_rotation_90deg);
2132
+ --_ui5_li_notification_group_toggle_btn_rotation: var(--_ui5_rotation_90deg);
2133
+ --_ui5_timeline_scroll_container_offset: 0.5rem;
2134
+
2135
+ --_ui5_popover_upward_arrow_margin: 0.1875rem 0 0 0.1875rem;
2136
+ --_ui5_popover_right_arrow_margin: 0.1875rem 0 0 -0.375rem;
2137
+ --_ui5_popover_downward_arrow_margin: -0.375rem 0 0 0.125rem;
2138
+ --_ui5_popover_left_arrow_margin: 0.125rem 0 0 0.25rem;
2139
+ --_ui5_dialog_resize_cursor: se-resize;
2140
+
2141
+ --_ui5_shellbar_overflow_container_float: none;
2142
+
2143
+ --_ui5_progress_indicator_bar_border_radius: 0.5rem 0 0 0.5rem;
2144
+ --_ui5_progress_indicator_remaining_bar_border_radius: 0 0.5rem 0.5rem 0;
2145
+ --_ui5_menu_submenu_margin_offset: -0.25rem 0;
2146
+ --_ui5_menu_submenu_placement_type_left_margin_offset: 0.25rem 0;
2147
+ --_ui5-menu_item_icon_float: right;
2148
+ }
2149
+
2150
+ [dir="rtl"] [_ui5host] {
2151
+ --_ui5_icon_transform_scale: scale(-1, 1);
2152
+ --_ui5_panel_toggle_btn_rotation: var(--_ui5_rotation_minus_90deg);
2153
+ --_ui5_li_notification_group_toggle_btn_rotation: var(--_ui5_rotation_minus_90deg);
2154
+ --_ui5_timeline_scroll_container_offset: -0.5rem;
2155
+
2156
+ --_ui5_popover_upward_arrow_margin: .1875rem .125rem 0 0;
2157
+ --_ui5_popover_right_arrow_margin: .1875rem .25rem 0 0;
2158
+ --_ui5_popover_downward_arrow_margin: -0.4375rem .125rem 0 0;
2159
+ --_ui5_popover_left_arrow_margin: .1875rem -.375rem 0 0;
2160
+ --_ui5_dialog_resize_cursor:sw-resize;
2161
+
2162
+ --_ui5_shellbar_overflow_container_float: left;
2163
+
2164
+ --_ui5_progress_indicator_bar_border_radius: 0 0.5rem 0.5rem 0;
2165
+ --_ui5_progress_indicator_remaining_bar_border_radius: 0.5rem 0 0 0.5rem;
2166
+
2167
+ --_ui5_menu_submenu_margin_offset: 0 -0.25rem;
2168
+ --_ui5_menu_submenu_placement_type_left_margin_offset: 0 0.25rem;
2169
+ --_ui5-menu_item_icon_float: left;
2170
+ }`},e={_};export{_,e as default};