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