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