@sapudex/web-components 2.1.0 → 2.2.0

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 (321) hide show
  1. package/cypress/fixtures/footer-links.ts +221 -0
  2. package/cypress/specs/Checkbox.cy.tsx +92 -0
  3. package/cypress/specs/Footer.cy.tsx +313 -0
  4. package/cypress/specs/ListItem.cy.tsx +4 -4
  5. package/cypress/specs/PhoneNumberField.cy.tsx +2 -2
  6. package/cypress/specs/SecondaryNavigationDesktop.cy.tsx +28 -37
  7. package/cypress/specs/Slider.cy.tsx +4 -3
  8. package/cypress/specs/TextField.cy.tsx +4 -0
  9. package/cypress/specs/Tooltip.cy.tsx +26 -0
  10. package/cypress/specs/Upload.cy.tsx +3 -3
  11. package/dist/Badge.d.ts +2 -2
  12. package/dist/Badge.js +4 -4
  13. package/dist/Badge.js.map +1 -1
  14. package/dist/Breadcrumbs.d.ts +1 -0
  15. package/dist/Breadcrumbs.js +11 -1
  16. package/dist/Breadcrumbs.js.map +1 -1
  17. package/dist/Button.d.ts +12 -1
  18. package/dist/Button.js +12 -1
  19. package/dist/Button.js.map +1 -1
  20. package/dist/Checkbox.d.ts +18 -0
  21. package/dist/Checkbox.js +39 -1
  22. package/dist/Checkbox.js.map +1 -1
  23. package/dist/ControlButton.d.ts +2 -1
  24. package/dist/ControlButton.js +2 -1
  25. package/dist/ControlButton.js.map +1 -1
  26. package/dist/DatePicker.d.ts +2 -2
  27. package/dist/DatePicker.js.map +1 -1
  28. package/dist/InputGroup.d.ts +5 -2
  29. package/dist/InputGroup.js +6 -0
  30. package/dist/InputGroup.js.map +1 -1
  31. package/dist/Link.d.ts +3 -4
  32. package/dist/Link.js +4 -5
  33. package/dist/Link.js.map +1 -1
  34. package/dist/ListItem.d.ts +3 -2
  35. package/dist/ListItem.js +2 -2
  36. package/dist/ListItem.js.map +1 -1
  37. package/dist/MastheadItem.js +1 -1
  38. package/dist/MastheadItem.js.map +1 -1
  39. package/dist/MediaPlayer.d.ts +2 -1
  40. package/dist/MediaPlayer.js.map +1 -1
  41. package/dist/MediaPlayerYoutube.d.ts +2 -1
  42. package/dist/MediaPlayerYoutube.js.map +1 -1
  43. package/dist/Pagination.d.ts +1 -1
  44. package/dist/Pagination.js.map +1 -1
  45. package/dist/PasswordField.d.ts +10 -0
  46. package/dist/PasswordField.js +14 -0
  47. package/dist/PasswordField.js.map +1 -1
  48. package/dist/PhoneNumberField.d.ts +6 -2
  49. package/dist/PhoneNumberField.js +22 -2
  50. package/dist/PhoneNumberField.js.map +1 -1
  51. package/dist/ProgressBar.d.ts +2 -2
  52. package/dist/ProgressBar.js +6 -6
  53. package/dist/ProgressBar.js.map +1 -1
  54. package/dist/RadioButton.d.ts +3 -2
  55. package/dist/RadioButton.js +7 -6
  56. package/dist/RadioButton.js.map +1 -1
  57. package/dist/Search.d.ts +0 -1
  58. package/dist/Search.js +1 -3
  59. package/dist/Search.js.map +1 -1
  60. package/dist/SecondaryNavigation.d.ts +4 -1
  61. package/dist/SecondaryNavigation.js +38 -10
  62. package/dist/SecondaryNavigation.js.map +1 -1
  63. package/dist/SecondaryNavigationItem.d.ts +10 -0
  64. package/dist/SecondaryNavigationItem.js +19 -0
  65. package/dist/SecondaryNavigationItem.js.map +1 -1
  66. package/dist/SecondaryNavigationItemBase.d.ts +1 -0
  67. package/dist/SecondaryNavigationItemBase.js +4 -0
  68. package/dist/SecondaryNavigationItemBase.js.map +1 -1
  69. package/dist/SecondaryNavigationSubItem.d.ts +0 -1
  70. package/dist/SecondaryNavigationSubItem.js +0 -4
  71. package/dist/SecondaryNavigationSubItem.js.map +1 -1
  72. package/dist/SegmentedButton.d.ts +1 -1
  73. package/dist/SegmentedButton.js +1 -1
  74. package/dist/SegmentedButton.js.map +1 -1
  75. package/dist/SegmentedButtonItem.d.ts +1 -1
  76. package/dist/SegmentedButtonItem.js +2 -2
  77. package/dist/SegmentedButtonItem.js.map +1 -1
  78. package/dist/StatusBadge.d.ts +8 -3
  79. package/dist/StatusBadge.js +9 -1
  80. package/dist/StatusBadge.js.map +1 -1
  81. package/dist/StepInput.d.ts +3 -3
  82. package/dist/StepInput.js.map +1 -1
  83. package/dist/TableCellBase.d.ts +2 -2
  84. package/dist/TableCellBase.js.map +1 -1
  85. package/dist/Tag.d.ts +2 -2
  86. package/dist/Tag.js +4 -4
  87. package/dist/Tag.js.map +1 -1
  88. package/dist/TextArea.d.ts +2 -2
  89. package/dist/TextArea.js +9 -9
  90. package/dist/TextArea.js.map +1 -1
  91. package/dist/TextField.d.ts +10 -2
  92. package/dist/TextField.js +20 -5
  93. package/dist/TextField.js.map +1 -1
  94. package/dist/Toast.js +1 -1
  95. package/dist/Toast.js.map +1 -1
  96. package/dist/Tooltip.d.ts +5 -0
  97. package/dist/Tooltip.js +11 -1
  98. package/dist/Tooltip.js.map +1 -1
  99. package/dist/Upload.d.ts +1 -1
  100. package/dist/Upload.js +1 -1
  101. package/dist/Upload.js.map +1 -1
  102. package/dist/UploadItem.d.ts +3 -3
  103. package/dist/UploadItem.js +9 -9
  104. package/dist/UploadItem.js.map +1 -1
  105. package/dist/assets/InputSuggestions-KGCQrV_T.js +2 -0
  106. package/dist/assets/{ListItemStandardExpandableTextTemplate-BymOTLVD.js → ListItemStandardExpandableTextTemplate-D4zLIdLd.js} +2 -2
  107. package/dist/assets/bundle-C9ZlnwwH.css +1 -0
  108. package/dist/assets/bundle.esm-Diw1zQ-o.js +384 -0
  109. package/dist/assets/parameters-bundle.css-1GGBOW8m.js +2 -0
  110. package/dist/assets/parameters-bundle.css-A9eeRg2R.js +2 -0
  111. package/dist/assets/parameters-bundle.css-COBI_9-U.js +2 -0
  112. package/dist/assets/parameters-bundle.css-CgAoZ-Ir.js +2 -0
  113. package/dist/assets/parameters-bundle.css-DuFHHRNK.js +2 -0
  114. package/dist/assets/parameters-bundle.css-Pf68NO0T.js +2 -0
  115. package/dist/assets/parameters-bundle.css-aX_t_-9o.js +2 -0
  116. package/dist/assets/parameters-bundle.css-rNSryFKH.js +2 -0
  117. package/dist/css/themes/Breadcrumbs.css +1 -1
  118. package/dist/css/themes/Button.css +1 -1
  119. package/dist/css/themes/Checkbox.css +1 -1
  120. package/dist/css/themes/ListItem.css +1 -1
  121. package/dist/css/themes/MastheadShell.css +1 -1
  122. package/dist/css/themes/Modal.css +1 -1
  123. package/dist/css/themes/RadioButton.css +1 -1
  124. package/dist/css/themes/RatingIndicator.css +1 -1
  125. package/dist/css/themes/Search.css +1 -1
  126. package/dist/css/themes/SideNavigationItem.css +1 -1
  127. package/dist/css/themes/SideNavigationSubItem.css +1 -1
  128. package/dist/css/themes/Slider.css +1 -1
  129. package/dist/css/themes/Tooltip.css +1 -1
  130. package/dist/css/themes/WizardTab.css +1 -1
  131. package/dist/custom-elements-internal.json +201 -38
  132. package/dist/custom-elements.json +173 -36
  133. package/dist/generated/json-imports/Themes-node.d.ts +1 -0
  134. package/dist/generated/json-imports/Themes-node.js +19 -0
  135. package/dist/generated/json-imports/Themes-node.js.map +1 -0
  136. package/dist/generated/json-imports/i18n-node.d.ts +1 -0
  137. package/dist/generated/json-imports/i18n-node.js +82 -0
  138. package/dist/generated/json-imports/i18n-node.js.map +1 -0
  139. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js +1 -1
  140. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js.map +1 -1
  141. package/dist/generated/templates/BreadcrumbsTemplate.lit.js +1 -1
  142. package/dist/generated/templates/BreadcrumbsTemplate.lit.js.map +1 -1
  143. package/dist/generated/templates/FilterMenuTemplate.lit.js +1 -1
  144. package/dist/generated/templates/FilterMenuTemplate.lit.js.map +1 -1
  145. package/dist/generated/templates/PasswordFieldTemplate.lit.js +1 -1
  146. package/dist/generated/templates/PasswordFieldTemplate.lit.js.map +1 -1
  147. package/dist/generated/templates/SearchTemplate.lit.js +3 -3
  148. package/dist/generated/templates/SearchTemplate.lit.js.map +1 -1
  149. package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.js +2 -2
  150. package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.js.map +1 -1
  151. package/dist/generated/templates/SecondaryNavigationTemplate.lit.js +1 -1
  152. package/dist/generated/templates/SecondaryNavigationTemplate.lit.js.map +1 -1
  153. package/dist/generated/templates/TextFieldTemplate.lit.js +1 -1
  154. package/dist/generated/templates/TextFieldTemplate.lit.js.map +1 -1
  155. package/dist/generated/themes/Breadcrumbs.css.d.ts +1 -1
  156. package/dist/generated/themes/Breadcrumbs.css.js +1 -1
  157. package/dist/generated/themes/Breadcrumbs.css.js.map +1 -1
  158. package/dist/generated/themes/Button.css.d.ts +1 -1
  159. package/dist/generated/themes/Button.css.js +1 -1
  160. package/dist/generated/themes/Button.css.js.map +1 -1
  161. package/dist/generated/themes/Checkbox.css.d.ts +1 -1
  162. package/dist/generated/themes/Checkbox.css.js +1 -1
  163. package/dist/generated/themes/Checkbox.css.js.map +1 -1
  164. package/dist/generated/themes/ListItem.css.d.ts +1 -1
  165. package/dist/generated/themes/ListItem.css.js +1 -1
  166. package/dist/generated/themes/ListItem.css.js.map +1 -1
  167. package/dist/generated/themes/MastheadShell.css.d.ts +1 -1
  168. package/dist/generated/themes/MastheadShell.css.js +1 -1
  169. package/dist/generated/themes/MastheadShell.css.js.map +1 -1
  170. package/dist/generated/themes/Modal.css.d.ts +1 -1
  171. package/dist/generated/themes/Modal.css.js +1 -1
  172. package/dist/generated/themes/Modal.css.js.map +1 -1
  173. package/dist/generated/themes/RadioButton.css.d.ts +1 -1
  174. package/dist/generated/themes/RadioButton.css.js +1 -1
  175. package/dist/generated/themes/RadioButton.css.js.map +1 -1
  176. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  177. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  178. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  179. package/dist/generated/themes/Search.css.d.ts +1 -1
  180. package/dist/generated/themes/Search.css.js +1 -1
  181. package/dist/generated/themes/Search.css.js.map +1 -1
  182. package/dist/generated/themes/SideNavigationItem.css.d.ts +1 -1
  183. package/dist/generated/themes/SideNavigationItem.css.js +1 -1
  184. package/dist/generated/themes/SideNavigationItem.css.js.map +1 -1
  185. package/dist/generated/themes/SideNavigationSubItem.css.d.ts +1 -1
  186. package/dist/generated/themes/SideNavigationSubItem.css.js +1 -1
  187. package/dist/generated/themes/SideNavigationSubItem.css.js.map +1 -1
  188. package/dist/generated/themes/Slider.css.d.ts +1 -1
  189. package/dist/generated/themes/Slider.css.js +1 -1
  190. package/dist/generated/themes/Slider.css.js.map +1 -1
  191. package/dist/generated/themes/Tooltip.css.d.ts +1 -1
  192. package/dist/generated/themes/Tooltip.css.js +1 -1
  193. package/dist/generated/themes/Tooltip.css.js.map +1 -1
  194. package/dist/generated/themes/WizardTab.css.d.ts +1 -1
  195. package/dist/generated/themes/WizardTab.css.js +1 -1
  196. package/dist/generated/themes/WizardTab.css.js.map +1 -1
  197. package/dist/types/ButtonAccessibleRole.d.ts +8 -0
  198. package/dist/types/ButtonAccessibleRole.js +10 -0
  199. package/dist/types/ButtonAccessibleRole.js.map +1 -0
  200. package/dist/types/{Button.d.ts → ButtonDesign.d.ts} +1 -15
  201. package/dist/types/ButtonDesign.js +16 -0
  202. package/dist/types/ButtonDesign.js.map +1 -0
  203. package/dist/types/ButtonSize.d.ts +6 -0
  204. package/dist/types/ButtonSize.js +8 -0
  205. package/dist/types/ButtonSize.js.map +1 -0
  206. package/dist/types/ControlButtonDesign.d.ts +10 -0
  207. package/dist/types/ControlButtonDesign.js +12 -0
  208. package/dist/types/ControlButtonDesign.js.map +1 -0
  209. package/dist/types/ProgressBar.d.ts +1 -1
  210. package/dist/types/ProgressBar.js +1 -1
  211. package/dist/types/ProgressBar.js.map +1 -1
  212. package/dist/types/common.d.ts +1 -1
  213. package/dist/types/common.js +1 -1
  214. package/dist/types/common.js.map +1 -1
  215. package/dist/vscode.html-custom-data.json +26 -10
  216. package/dist/web-types.json +43 -13
  217. package/package.json +8 -8
  218. package/src/Badge.ts +4 -4
  219. package/src/Breadcrumbs.hbs +7 -10
  220. package/src/Breadcrumbs.ts +14 -1
  221. package/src/BreadcrumbsPopover.hbs +3 -1
  222. package/src/Button.ts +12 -1
  223. package/src/Checkbox.ts +51 -0
  224. package/src/ControlButton.ts +2 -1
  225. package/src/DatePicker.ts +2 -2
  226. package/src/FilterMenu.hbs +1 -0
  227. package/src/InputGroup.ts +5 -2
  228. package/src/Link.ts +4 -5
  229. package/src/ListItem.ts +4 -4
  230. package/src/MastheadItem.ts +1 -1
  231. package/src/MediaPlayer.ts +3 -1
  232. package/src/MediaPlayerYoutube.ts +4 -2
  233. package/src/Pagination.ts +1 -1
  234. package/src/PasswordField.hbs +1 -0
  235. package/src/PasswordField.ts +14 -0
  236. package/src/PhoneNumberField.ts +25 -4
  237. package/src/ProgressBar.ts +6 -6
  238. package/src/RadioButton.ts +7 -6
  239. package/src/Search.hbs +3 -2
  240. package/src/Search.ts +1 -3
  241. package/src/SecondaryNavigation.hbs +1 -0
  242. package/src/SecondaryNavigation.ts +41 -12
  243. package/src/SecondaryNavigationItem.hbs +2 -1
  244. package/src/SecondaryNavigationItem.ts +31 -0
  245. package/src/SecondaryNavigationItemBase.ts +3 -0
  246. package/src/SecondaryNavigationSubItem.ts +0 -3
  247. package/src/SegmentedButton.ts +1 -1
  248. package/src/SegmentedButtonItem.ts +2 -2
  249. package/src/StatusBadge.ts +8 -3
  250. package/src/StepInput.ts +3 -3
  251. package/src/TableCellBase.ts +2 -2
  252. package/src/Tag.ts +4 -4
  253. package/src/TextArea.ts +9 -9
  254. package/src/TextField.hbs +2 -0
  255. package/src/TextField.ts +21 -5
  256. package/src/Toast.ts +1 -1
  257. package/src/Tooltip.ts +19 -0
  258. package/src/Upload.ts +1 -1
  259. package/src/UploadItem.ts +9 -9
  260. package/src/generated/json-imports/Themes-node.ts +21 -0
  261. package/src/generated/json-imports/i18n-node.ts +85 -0
  262. package/src/generated/templates/BreadcrumbsPopoverTemplate.lit.ts +1 -1
  263. package/src/generated/templates/BreadcrumbsTemplate.lit.ts +1 -1
  264. package/src/generated/templates/FilterMenuTemplate.lit.ts +1 -1
  265. package/src/generated/templates/PasswordFieldTemplate.lit.ts +1 -1
  266. package/src/generated/templates/SearchTemplate.lit.ts +3 -3
  267. package/src/generated/templates/SecondaryNavigationItemTemplate.lit.ts +2 -2
  268. package/src/generated/templates/SecondaryNavigationTemplate.lit.ts +1 -1
  269. package/src/generated/templates/TextFieldTemplate.lit.ts +1 -1
  270. package/src/generated/themes/Breadcrumbs.css.ts +1 -1
  271. package/src/generated/themes/Button.css.ts +1 -1
  272. package/src/generated/themes/Checkbox.css.ts +1 -1
  273. package/src/generated/themes/ListItem.css.ts +1 -1
  274. package/src/generated/themes/MastheadShell.css.ts +1 -1
  275. package/src/generated/themes/Modal.css.ts +1 -1
  276. package/src/generated/themes/RadioButton.css.ts +1 -1
  277. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  278. package/src/generated/themes/Search.css.ts +1 -1
  279. package/src/generated/themes/SideNavigationItem.css.ts +1 -1
  280. package/src/generated/themes/SideNavigationSubItem.css.ts +1 -1
  281. package/src/generated/themes/Slider.css.ts +1 -1
  282. package/src/generated/themes/Tooltip.css.ts +1 -1
  283. package/src/generated/themes/WizardTab.css.ts +1 -1
  284. package/src/themes/Breadcrumbs.css +3 -0
  285. package/src/themes/Button.css +11 -7
  286. package/src/themes/Checkbox.css +15 -1
  287. package/src/themes/ListItem.css +4 -0
  288. package/src/themes/MastheadShell.css +2 -1
  289. package/src/themes/Modal.css +2 -1
  290. package/src/themes/RadioButton.css +2 -0
  291. package/src/themes/Search.css +9 -1
  292. package/src/themes/SideNavigationItem.css +9 -1
  293. package/src/themes/SideNavigationSubItem.css +7 -0
  294. package/src/themes/Tooltip.css +1 -1
  295. package/src/themes/WizardTab.css +5 -0
  296. package/src/types/ButtonAccessibleRole.ts +9 -0
  297. package/src/types/{Button.ts → ButtonDesign.ts} +1 -17
  298. package/src/types/ButtonSize.ts +7 -0
  299. package/src/types/ControlButtonDesign.ts +11 -0
  300. package/src/types/ProgressBar.ts +1 -1
  301. package/src/types/common.ts +1 -1
  302. package/dist/assets/InputSuggestions-DoWo0hwS.js +0 -2
  303. package/dist/assets/bundle-7XIcgsQH.css +0 -1
  304. package/dist/assets/bundle.esm-D10tX-qa.js +0 -380
  305. package/dist/assets/parameters-bundle.css-BU4Bi-ho.js +0 -2
  306. package/dist/assets/parameters-bundle.css-Beilb2gS.js +0 -2
  307. package/dist/assets/parameters-bundle.css-BzQMaZUt.js +0 -2
  308. package/dist/assets/parameters-bundle.css-Bzfv_Fox.js +0 -2
  309. package/dist/assets/parameters-bundle.css-CLwmjytB.js +0 -2
  310. package/dist/assets/parameters-bundle.css-CU3plTdF.js +0 -2
  311. package/dist/assets/parameters-bundle.css-DRX-o-Cb.js +0 -2
  312. package/dist/assets/parameters-bundle.css-DhFMZJhW.js +0 -2
  313. package/dist/css/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css +0 -1
  314. package/dist/generated/assets/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json +0 -1
  315. package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.d.ts +0 -2
  316. package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js +0 -3
  317. package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js.map +0 -1
  318. package/dist/types/Button.js +0 -33
  319. package/dist/types/Button.js.map +0 -1
  320. package/src/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts +0 -2
  321. package/src/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css +0 -195
@@ -1,195 +0,0 @@
1
- :root {
2
- --browser_scrollbar_border_radius: var(--udexRadiusM, 8px);
3
- --_ui5_popup_header_font_family: var(--sapFontFamily);
4
- --_ui5_popup_header_font_weight: var(--udexTypographyFontWeightRegular);
5
-
6
- /* Checkbox */
7
- --_ui5_checkbox_inner_background: var(--sapBackgroundColor);
8
- --_ui5_checkbox_inner_border: var(--sapElement_BorderWidth) solid var(--sapField_BorderColor);
9
- --_ui5_checkbox_inner_selected_border_color: var(--sapField_BorderColor);
10
- --_ui5_checkbox_checkmark_color: var(--udexColorBlue7);
11
- --_ui5_checkbox_inner_hover_checked_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);
12
- --_ui5_checkbox_inner_hover_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);
13
- --_ui5_checkbox_hover_background: var(--sapInformationBackground, #EBF8FF);
14
- --_ui5_checkbox_inner_active_border_color: var(--sapSelectedColor);
15
- --_ui5_checkbox_label_color: var(--sapField_TextColor);
16
- --_ui5_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);
17
- --_ui5_checkbox_disabled_label_color: var(--sapField_TextColor);
18
- --_ui5_checkbox_inner_width_height: 24px;
19
- --_ui5_checkbox_width_height: 42px;
20
- --_ui5_checkbox_icon_size: 16px;
21
- --_ui5_checkbox_partially_icon_size: 16px;
22
- --_ui5_checkbox_inner_border_radius: 4px;
23
- --_ui5_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);
24
- --_ui5_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;
25
- --_ui5_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--udexCoreSemanticSuccess6);
26
- --_ui5_checkbox_inner_success_background_hover: var(--sapSuccessBackground, #F5FAE5);
27
- --_ui5_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) solid var(--udexCoreSemanticError5);
28
- --_ui5_checkbox_inner_error_background_hover: var(--sapErrorBackground, #FFEAF4);
29
- --_ui5_checkbox_label_offset: 0.563rem;
30
- --_ui5_checkbox_right_focus_distance: var(--udexSpacer8);
31
-
32
- /* Radio button */
33
- --_ui5_radio_button_outer_ring_bg: var(--sapField_Background, #ffffff);
34
- --_ui5_radio_button_inner_size: 24px;
35
- --_ui5_radio_button_checked_fill: var(--sapContent_Selected_ForegroundColor, #0070f2);
36
- --_ui5_radio_button_height: 42px;
37
- --_ui5_radio_button_svg_size: 24px;
38
- --_ui5_radio_button_inner_ring_radius: 25%;
39
- --_ui5_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;
40
- --_ui5_radio_button_outer_ring_padding: 9px;
41
- --_ui5_radio_button_label_offset: 0;
42
- --_ui5_radio_button_hover_fill: #EBF8FF;
43
- --_ui5_radio_button_outer_ring_checked_color: var(--sapContent_Selected_ForegroundColor, #0070f2);
44
- --_ui5_radio_button_outer_ring_checked_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);
45
- --_ui5_radio_button_outer_ring_color: var(--sapField_BorderColor, #5b738b);
46
- --_ui5_radio_button_outer_ring_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);
47
- --_ui5_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor, #0070f2);
48
- --_ui5_radio_button_read_only_inner_ring_color: var(--sapField_ReadOnly_BorderColor, #5B738B);
49
- --_ui5_radio_button_hover_fill_success: var(--sapSuccessBackground, #F5FAE5);
50
- --_ui5_radio_button_hover_fill_error: var(--sapErrorBackground, #FFEAF4);
51
-
52
- /* Link */
53
- --_ui5_link_focus_background_color: transparent;
54
- --_ui5_link_focus_color: var(--sapLinkColor);
55
- --_ui5_link_focus_text_decoration: underline;
56
- --_ui5_link_focused_hover_text_color: var(--sapLink_Hover_Color);
57
- --_ui5_link_focused_hover_text_decoration: underline;
58
-
59
- /* Progress Indicator */
60
- --_ui5_progress_indicator_bar_border_radius: 6px;
61
- --_ui5_progress_indicator_root_height: 0.5rem;
62
- --_ui5_progress_indicator_bar_height: 0.75rem;
63
- --_ui5_progress_indicator_icon_size: 1.125rem;
64
- --_ui5_progress_indicator_icon_right_position: -24px;
65
- --_ui5_progress_indicator_padding_end: 24px;
66
-
67
- /* Toast */
68
- --_ui5_toast_vertical_offset: 2.5rem;
69
- --_ui5_toast_background: var(--udexColorNeutralWhite);
70
- --_ui5_toast_shadow: var(--sapContent_Shadow2);
71
-
72
- /* Tooltip */
73
- --_ui5_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4);
74
-
75
- /* Message Strip */
76
- --_ui5_message_strip_padding_inline_no_icon: var(--udexSpacer12, 12px);
77
- --_ui5_message_strip_padding_block_no_icon: var(--udexSpacer8, 8px);
78
- --_ui5_message_strip_padding: var(--udexSpacer8, 8px) 36px;
79
- --_ui5_message_strip_icon_top: calc(50% - 8px);
80
-
81
- /* Calendar & Date Picker */
82
- --_ui5_daypicker_daynames_container_height: 42px;
83
- --_ui5_daypicker_dayname_color: var(--udexColorGrey6, #5B738B);
84
- --_ui5_daypicker_weekname_color: var(--udexColorGrey6, #5B738B);
85
- --_ui5_daypicker_item_now_border_color: var(--udexColorPink8, #A100C2);
86
- --_ui5_daypicker_item_weeekend_filter: none;
87
- --_ui5_daypicker_item_select_between_border: 1px solid var(--udexColorBlue9, #0040B0);
88
- --_ui5_calendar_header_middle_button_focus_outline: 1px solid var(--udexColorBlue9, #0040B0);
89
- --_ui5_calendar_header_arrow_button_box_shadow: none;
90
-
91
- /* Carousel */
92
- --ui5_carousel_active_dot_background: var(--udexColorBlue9);
93
-
94
- /* Tokenizer */
95
- --_ui5_tokenizer_padding: var(--udexSpacer12, 12px);;
96
-
97
- /* Slider */
98
- --_ui5_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);
99
- --_ui5_slider_handle_width: 2.75rem;
100
- --_ui5_slider_handle_height: var(--udexSpacer32, 2rem);
101
- --_ui5_slider_handle_top: -0.875rem;
102
- --_ui5_slider_label_color: var(--sapContent_MeasureIndicatorColor, #5b738b);
103
- --_ui5_range_slider_progress_focus_top: -1.18rem;
104
- --_ui5_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor,
105
- #5b738b);
106
- --_ui5_slider_tickmark_bg: var(--sapContent_MeasureIndicatorColor, #5b738b);
107
- --_ui5_slider_tickmark_in_range_bg: var(--sapSlider_Selected_BorderColor,
108
- #0070f2);
109
- --_ui5_slider_start_end_point_left: -0.875rem;
110
- --_ui5_slider_tooltip_bottom: 2.5rem;
111
- --_ui5_slider_tooltip_border: 1px solid var(--sapField_BorderColor, #5B738B);
112
- --_ui5_slider_tooltip_border_radius: var(--udexSpacer4, 0.25rem);
113
- --_ui5_slider_tooltip_color: var(--sapContent_MeasureIndicatorColor, #5b738b);
114
- --_ui5_slider_tooltip_fontsize: var(--udexTypographyNavigationRegularMFontSize,
115
- 14px);
116
- --_ui5_slider_tooltip_height: var(--udexSpacer32, 2rem);
117
- --_ui5_slider_tooltip_min_width: 2.75rem;
118
- --_ui5_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor);
119
-
120
- /* Search */
121
- --_ui5_button_pressed_focused_border_color: transparent;
122
- }
123
-
124
- /* Phone Number Field Button */
125
- udex-phone-number-field {
126
- --_ui5_button_border_radius: var(--udexRadiusXS);
127
- }
128
-
129
- udex-password-field {
130
- --_ui5_icon_transform_scale: none;
131
- }
132
-
133
- .sapUiSizeCompact,
134
- .ui5-content-density-compact,
135
- [data-ui5-compact-size] {
136
- --_ui5_button_base_height: 3rem;
137
- --_ui5_button_base_padding: 3rem;
138
-
139
- /* Checkbox */
140
- --_ui5_checkbox_inner_width_height: 24px;
141
- --_ui5_checkbox_width_height: 42px;
142
- --_ui5_checkbox_icon_size: 16px;
143
- --_ui5_checkbox_partially_icon_size: 16px;
144
-
145
- /* Radio button */
146
- --_ui5_radio_button_min_width: 42px;
147
- --_ui5_radio_button_outer_ring_padding: 9px;
148
- --_ui5_radio_button_inner_size: 24px;
149
- --_ui5_radio_button_height: 42px;
150
- --_ui5_radio_button_svg_size: 24px;
151
- --_ui5_radio_button_inner_ring_radius: 25%;
152
- --_ui5_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;
153
- --_ui5_radio_button_label_offset: 0;
154
-
155
- /* Progress Indicator */
156
- --_ui5_progress_indicator_bar_border_radius: 6px;
157
- --_ui5_progress_indicator_root_height: 0.5rem;
158
- --_ui5_progress_indicator_bar_height: 0.75rem;
159
- --_ui5_progress_indicator_icon_size: 1.125rem;
160
- --_ui5_progress_indicator_icon_right_position: -24px;
161
- --_ui5_progress_indicator_padding_end: 24px;
162
-
163
- /* Toast */
164
- --_ui5_toast_vertical_offset: 2.5rem;
165
-
166
- /* Tooltip */
167
- --_ui5_tc_item_text_line_height: 1.25rem;
168
-
169
- /* Calendar & Date Picker */
170
- --_ui5_calendar_top_bottom_padding: var(--udexSpacer8, 8px);
171
- --_ui5_calendar_left_right_padding: var(--udexSpacer8, 8px);
172
- --_ui5_day_picker_item_width: 42px;
173
- --_ui5_day_picker_item_height: 42px;
174
- --_ui5_calendar_width: 371px;
175
- --_ui5_calendar_height: auto;
176
- --_ui5_calendar_header_height: 42px;
177
- --_ui5_calendar_header_arrow_button_width: 42px;
178
- --_ui5_month_picker_item_height: 36px;
179
- --_ui5_monthpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;
180
- --_ui5_year_picker_item_height: 36px;
181
- --_ui5_yearpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;
182
-
183
- /* Slider */
184
- --_ui5_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);
185
- --_ui5_slider_handle_width: 2.75rem;
186
- --_ui5_slider_handle_height: var(--udexSpacer32, 2rem);
187
- --_ui5_slider_handle_top: -0.875rem;
188
- --_ui5_range_slider_progress_focus_top: -1.18rem;
189
- --_ui5_slider_start_end_point_left: -0.875rem;
190
- --_ui5_slider_tooltip_bottom: 2.5rem;
191
- --_ui5_slider_tooltip_border_radius: var(--udexSpacer4, 0.25rem);
192
- --_ui5_slider_tooltip_height: var(--udexSpacer32, 2rem);
193
- --_ui5_slider_tooltip_min_width: 2.75rem;
194
- --_ui5_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor);
195
- }