@ui5/webcomponents 1.14.0 → 1.14.2

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