@ui5/webcomponents 1.14.0 → 1.14.1

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