@sapudex/web-components 2.1.1 → 2.3.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 (384) hide show
  1. package/bundle.esm.js +1 -0
  2. package/cypress/fixtures/event-ribbon-links.ts +5 -0
  3. package/cypress/specs/Accordion.cy.tsx +1 -2
  4. package/cypress/specs/AccordionItem.cy.tsx +1 -1
  5. package/cypress/specs/Avatar.cy.tsx +1 -1
  6. package/cypress/specs/AvatarGroup.cy.tsx +1 -2
  7. package/cypress/specs/Badge.cy.tsx +1 -1
  8. package/cypress/specs/CountrySelector.cy.tsx +10 -4
  9. package/cypress/specs/EventRibbon.cy.tsx +110 -0
  10. package/cypress/specs/Footer.cy.tsx +1 -1
  11. package/cypress/specs/ListItem.cy.tsx +5 -5
  12. package/cypress/specs/PhoneNumberField.cy.tsx +4 -2
  13. package/cypress/specs/Review.cy.tsx +1 -3
  14. package/cypress/specs/ReviewItem.cy.tsx +1 -1
  15. package/cypress/specs/SecondaryNavigationDesktop.cy.tsx +129 -131
  16. package/cypress/specs/SecondaryNavigationMobile.cy.tsx +27 -38
  17. package/cypress/specs/SelectBox.cy.tsx +93 -88
  18. package/cypress/specs/Slider.cy.tsx +5 -4
  19. package/cypress/specs/StatusBadge.cy.tsx +1 -1
  20. package/cypress/specs/StatusMessage.cy.tsx +1 -1
  21. package/cypress/specs/Switch.cy.tsx +1 -2
  22. package/cypress/specs/Table.cy.tsx +1 -9
  23. package/cypress/specs/Tag.cy.tsx +1 -1
  24. package/cypress/specs/TagGroup.cy.tsx +1 -2
  25. package/cypress/specs/TextField.cy.tsx +1 -1
  26. package/cypress/specs/Textarea.cy.tsx +1 -1
  27. package/cypress/specs/Toast.cy.tsx +1 -1
  28. package/cypress/specs/Tooltip.cy.tsx +1 -2
  29. package/cypress/specs/TruncatedText.cy.tsx +2 -1
  30. package/cypress/specs/Upload.cy.tsx +1 -2
  31. package/cypress/specs/UploadItem.cy.tsx +1 -1
  32. package/cypress/specs/Wizard.cy.tsx +7 -4
  33. package/cypress/support/component-imports.instrumented.ts +91 -0
  34. package/cypress/support/component-imports.src.ts +91 -0
  35. package/cypress/support/component.ts +1 -1
  36. package/cypress.config.ts +6 -0
  37. package/dist/AssetsVariables.js +4 -0
  38. package/dist/AssetsVariables.js.map +1 -1
  39. package/dist/Badge.d.ts +2 -2
  40. package/dist/Badge.js +4 -4
  41. package/dist/Badge.js.map +1 -1
  42. package/dist/Breadcrumbs.d.ts +1 -0
  43. package/dist/Breadcrumbs.js +11 -1
  44. package/dist/Breadcrumbs.js.map +1 -1
  45. package/dist/Button.d.ts +19 -1
  46. package/dist/Button.js +15 -1
  47. package/dist/Button.js.map +1 -1
  48. package/dist/Checkbox.d.ts +1 -0
  49. package/dist/Checkbox.js +3 -0
  50. package/dist/Checkbox.js.map +1 -1
  51. package/dist/ControlButton.d.ts +2 -1
  52. package/dist/ControlButton.js +2 -1
  53. package/dist/ControlButton.js.map +1 -1
  54. package/dist/CountrySelector.d.ts +2 -2
  55. package/dist/CountrySelector.js +3 -1
  56. package/dist/CountrySelector.js.map +1 -1
  57. package/dist/DatePicker.d.ts +2 -2
  58. package/dist/DatePicker.js +2 -1
  59. package/dist/DatePicker.js.map +1 -1
  60. package/dist/EventRibbon.d.ts +80 -0
  61. package/dist/EventRibbon.js +111 -0
  62. package/dist/EventRibbon.js.map +1 -0
  63. package/dist/EventRibbonTemplate.d.ts +2 -0
  64. package/dist/EventRibbonTemplate.js +7 -0
  65. package/dist/EventRibbonTemplate.js.map +1 -0
  66. package/dist/HeroBanner.d.ts +1 -1
  67. package/dist/InputGroup.d.ts +5 -2
  68. package/dist/InputGroup.js +6 -0
  69. package/dist/InputGroup.js.map +1 -1
  70. package/dist/ListItem.d.ts +3 -2
  71. package/dist/ListItem.js +2 -2
  72. package/dist/ListItem.js.map +1 -1
  73. package/dist/MastheadItem.js +1 -1
  74. package/dist/MastheadItem.js.map +1 -1
  75. package/dist/MastheadShell.d.ts +4 -1
  76. package/dist/MastheadShell.js +21 -5
  77. package/dist/MastheadShell.js.map +1 -1
  78. package/dist/MediaPlayer.d.ts +2 -1
  79. package/dist/MediaPlayer.js.map +1 -1
  80. package/dist/MediaPlayerYoutube.d.ts +2 -1
  81. package/dist/MediaPlayerYoutube.js.map +1 -1
  82. package/dist/Pagination.d.ts +18 -4
  83. package/dist/Pagination.js +33 -31
  84. package/dist/Pagination.js.map +1 -1
  85. package/dist/PhoneNumberField.d.ts +10 -7
  86. package/dist/PhoneNumberField.js +8 -2
  87. package/dist/PhoneNumberField.js.map +1 -1
  88. package/dist/ProgressBar.d.ts +2 -2
  89. package/dist/ProgressBar.js +6 -6
  90. package/dist/ProgressBar.js.map +1 -1
  91. package/dist/RadioButton.d.ts +2 -2
  92. package/dist/RadioButton.js +6 -6
  93. package/dist/RadioButton.js.map +1 -1
  94. package/dist/Search.d.ts +0 -1
  95. package/dist/Search.js +1 -3
  96. package/dist/Search.js.map +1 -1
  97. package/dist/SearchableListBase.d.ts +9 -0
  98. package/dist/SearchableListBase.js +10 -2
  99. package/dist/SearchableListBase.js.map +1 -1
  100. package/dist/SecondaryNavigation.d.ts +4 -1
  101. package/dist/SecondaryNavigation.js +38 -10
  102. package/dist/SecondaryNavigation.js.map +1 -1
  103. package/dist/SecondaryNavigationItem.d.ts +10 -0
  104. package/dist/SecondaryNavigationItem.js +19 -0
  105. package/dist/SecondaryNavigationItem.js.map +1 -1
  106. package/dist/SecondaryNavigationItemBase.d.ts +1 -0
  107. package/dist/SecondaryNavigationItemBase.js +4 -0
  108. package/dist/SecondaryNavigationItemBase.js.map +1 -1
  109. package/dist/SecondaryNavigationSubItem.d.ts +0 -1
  110. package/dist/SecondaryNavigationSubItem.js +0 -4
  111. package/dist/SecondaryNavigationSubItem.js.map +1 -1
  112. package/dist/SegmentedButton.d.ts +1 -1
  113. package/dist/SegmentedButton.js +1 -1
  114. package/dist/SegmentedButton.js.map +1 -1
  115. package/dist/SegmentedButtonItem.d.ts +1 -1
  116. package/dist/SegmentedButtonItem.js +2 -2
  117. package/dist/SegmentedButtonItem.js.map +1 -1
  118. package/dist/StatusBadge.d.ts +8 -3
  119. package/dist/StatusBadge.js +9 -1
  120. package/dist/StatusBadge.js.map +1 -1
  121. package/dist/StepInput.d.ts +3 -3
  122. package/dist/StepInput.js.map +1 -1
  123. package/dist/TableCellBase.d.ts +2 -2
  124. package/dist/TableCellBase.js.map +1 -1
  125. package/dist/Tag.d.ts +2 -2
  126. package/dist/Tag.js +4 -4
  127. package/dist/Tag.js.map +1 -1
  128. package/dist/TextArea.d.ts +2 -2
  129. package/dist/TextArea.js +9 -9
  130. package/dist/TextArea.js.map +1 -1
  131. package/dist/TextField.d.ts +9 -2
  132. package/dist/TextField.js +8 -5
  133. package/dist/TextField.js.map +1 -1
  134. package/dist/Toast.js +1 -1
  135. package/dist/Toast.js.map +1 -1
  136. package/dist/Upload.d.ts +1 -1
  137. package/dist/Upload.js +1 -1
  138. package/dist/Upload.js.map +1 -1
  139. package/dist/UploadItem.d.ts +3 -3
  140. package/dist/UploadItem.js +9 -9
  141. package/dist/UploadItem.js.map +1 -1
  142. package/dist/Wizard.d.ts +20 -1
  143. package/dist/Wizard.js +22 -9
  144. package/dist/Wizard.js.map +1 -1
  145. package/dist/WizardTemplate.js +1 -1
  146. package/dist/WizardTemplate.js.map +1 -1
  147. package/dist/assets/InputSuggestions-BgbbJ4tc.js +2 -0
  148. package/dist/assets/{ListItemStandardExpandableTextTemplate-CLBtdbBK.js → ListItemStandardExpandableTextTemplate-onAnn1Tj.js} +2 -2
  149. package/dist/assets/bundle.esm-CwUfibNQ.js +389 -0
  150. package/dist/assets/parameters-bundle.css-1GGBOW8m.js +2 -0
  151. package/dist/assets/parameters-bundle.css-A9eeRg2R.js +2 -0
  152. package/dist/assets/parameters-bundle.css-COBI_9-U.js +2 -0
  153. package/dist/assets/parameters-bundle.css-CgAoZ-Ir.js +2 -0
  154. package/dist/assets/parameters-bundle.css-DuFHHRNK.js +2 -0
  155. package/dist/assets/parameters-bundle.css-Pf68NO0T.js +2 -0
  156. package/dist/assets/parameters-bundle.css-aX_t_-9o.js +2 -0
  157. package/dist/assets/parameters-bundle.css-rNSryFKH.js +2 -0
  158. package/dist/css/themes/Breadcrumbs.css +1 -1
  159. package/dist/css/themes/Button.css +1 -1
  160. package/dist/css/themes/DatePickerPopover.css +1 -1
  161. package/dist/css/themes/EventRibbon.css +1 -0
  162. package/dist/css/themes/ListItem.css +1 -1
  163. package/dist/css/themes/MastheadCountrySelector.css +1 -1
  164. package/dist/css/themes/MastheadItem.css +1 -1
  165. package/dist/css/themes/MastheadShell.css +1 -1
  166. package/dist/css/themes/Modal.css +1 -1
  167. package/dist/css/themes/Pagination.css +1 -1
  168. package/dist/css/themes/RatingIndicator.css +1 -1
  169. package/dist/css/themes/Search.css +1 -1
  170. package/dist/css/themes/SideNavigationItem.css +1 -1
  171. package/dist/css/themes/SideNavigationSubItem.css +1 -1
  172. package/dist/css/themes/Slider.css +1 -1
  173. package/dist/css/themes/TextField.css +1 -1
  174. package/dist/custom-elements-internal.json +471 -37
  175. package/dist/custom-elements.json +442 -35
  176. package/dist/data/CountryListISO3166.d.ts +13 -4
  177. package/dist/data/CountryListISO3166.js +8 -0
  178. package/dist/data/CountryListISO3166.js.map +1 -1
  179. package/dist/generated/json-imports/Themes-node.d.ts +1 -0
  180. package/dist/generated/json-imports/Themes-node.js +19 -0
  181. package/dist/generated/json-imports/Themes-node.js.map +1 -0
  182. package/dist/generated/json-imports/i18n-node.d.ts +1 -0
  183. package/dist/generated/json-imports/i18n-node.js +82 -0
  184. package/dist/generated/json-imports/i18n-node.js.map +1 -0
  185. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js +1 -1
  186. package/dist/generated/templates/BreadcrumbsPopoverTemplate.lit.js.map +1 -1
  187. package/dist/generated/templates/BreadcrumbsTemplate.lit.js +1 -1
  188. package/dist/generated/templates/BreadcrumbsTemplate.lit.js.map +1 -1
  189. package/dist/generated/templates/PaginationTemplate.lit.js +1 -1
  190. package/dist/generated/templates/PaginationTemplate.lit.js.map +1 -1
  191. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js +2 -2
  192. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js.map +1 -1
  193. package/dist/generated/templates/SearchTemplate.lit.js +3 -3
  194. package/dist/generated/templates/SearchTemplate.lit.js.map +1 -1
  195. package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.js +2 -2
  196. package/dist/generated/templates/SecondaryNavigationItemTemplate.lit.js.map +1 -1
  197. package/dist/generated/templates/SecondaryNavigationTemplate.lit.js +1 -1
  198. package/dist/generated/templates/SecondaryNavigationTemplate.lit.js.map +1 -1
  199. package/dist/generated/themes/Breadcrumbs.css.d.ts +1 -1
  200. package/dist/generated/themes/Breadcrumbs.css.js +1 -1
  201. package/dist/generated/themes/Breadcrumbs.css.js.map +1 -1
  202. package/dist/generated/themes/Button.css.d.ts +1 -1
  203. package/dist/generated/themes/Button.css.js +1 -1
  204. package/dist/generated/themes/Button.css.js.map +1 -1
  205. package/dist/generated/themes/DatePickerPopover.css.d.ts +1 -1
  206. package/dist/generated/themes/DatePickerPopover.css.js +1 -1
  207. package/dist/generated/themes/DatePickerPopover.css.js.map +1 -1
  208. package/dist/generated/themes/EventRibbon.css.d.ts +2 -0
  209. package/dist/generated/themes/EventRibbon.css.js +8 -0
  210. package/dist/generated/themes/EventRibbon.css.js.map +1 -0
  211. package/dist/generated/themes/ListItem.css.d.ts +1 -1
  212. package/dist/generated/themes/ListItem.css.js +1 -1
  213. package/dist/generated/themes/ListItem.css.js.map +1 -1
  214. package/dist/generated/themes/MastheadCountrySelector.css.d.ts +1 -1
  215. package/dist/generated/themes/MastheadCountrySelector.css.js +1 -1
  216. package/dist/generated/themes/MastheadCountrySelector.css.js.map +1 -1
  217. package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
  218. package/dist/generated/themes/MastheadItem.css.js +1 -1
  219. package/dist/generated/themes/MastheadItem.css.js.map +1 -1
  220. package/dist/generated/themes/MastheadShell.css.d.ts +1 -1
  221. package/dist/generated/themes/MastheadShell.css.js +1 -1
  222. package/dist/generated/themes/MastheadShell.css.js.map +1 -1
  223. package/dist/generated/themes/Modal.css.d.ts +1 -1
  224. package/dist/generated/themes/Modal.css.js +1 -1
  225. package/dist/generated/themes/Modal.css.js.map +1 -1
  226. package/dist/generated/themes/Pagination.css.d.ts +1 -1
  227. package/dist/generated/themes/Pagination.css.js +1 -1
  228. package/dist/generated/themes/Pagination.css.js.map +1 -1
  229. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  230. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  231. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  232. package/dist/generated/themes/Search.css.d.ts +1 -1
  233. package/dist/generated/themes/Search.css.js +1 -1
  234. package/dist/generated/themes/Search.css.js.map +1 -1
  235. package/dist/generated/themes/SideNavigationItem.css.d.ts +1 -1
  236. package/dist/generated/themes/SideNavigationItem.css.js +1 -1
  237. package/dist/generated/themes/SideNavigationItem.css.js.map +1 -1
  238. package/dist/generated/themes/SideNavigationSubItem.css.d.ts +1 -1
  239. package/dist/generated/themes/SideNavigationSubItem.css.js +1 -1
  240. package/dist/generated/themes/SideNavigationSubItem.css.js.map +1 -1
  241. package/dist/generated/themes/Slider.css.d.ts +1 -1
  242. package/dist/generated/themes/Slider.css.js +1 -1
  243. package/dist/generated/themes/Slider.css.js.map +1 -1
  244. package/dist/generated/themes/TextField.css.d.ts +1 -1
  245. package/dist/generated/themes/TextField.css.js +1 -1
  246. package/dist/generated/themes/TextField.css.js.map +1 -1
  247. package/dist/types/ButtonAccessibleRole.d.ts +8 -0
  248. package/dist/types/ButtonAccessibleRole.js +10 -0
  249. package/dist/types/ButtonAccessibleRole.js.map +1 -0
  250. package/dist/types/{Button.d.ts → ButtonDesign.d.ts} +1 -15
  251. package/dist/types/ButtonDesign.js +16 -0
  252. package/dist/types/ButtonDesign.js.map +1 -0
  253. package/dist/types/ButtonSize.d.ts +6 -0
  254. package/dist/types/ButtonSize.js +8 -0
  255. package/dist/types/ButtonSize.js.map +1 -0
  256. package/dist/types/ControlButtonDesign.d.ts +10 -0
  257. package/dist/types/ControlButtonDesign.js +12 -0
  258. package/dist/types/ControlButtonDesign.js.map +1 -0
  259. package/dist/types/EventRibbon.d.ts +37 -0
  260. package/dist/types/EventRibbon.js +43 -0
  261. package/dist/types/EventRibbon.js.map +1 -0
  262. package/dist/types/ProgressBar.d.ts +1 -1
  263. package/dist/types/ProgressBar.js +1 -1
  264. package/dist/types/ProgressBar.js.map +1 -1
  265. package/dist/types/common.d.ts +1 -1
  266. package/dist/types/common.js +1 -1
  267. package/dist/types/common.js.map +1 -1
  268. package/dist/vscode.html-custom-data.json +110 -10
  269. package/dist/web-types.json +159 -13
  270. package/filter-coverage.js +58 -0
  271. package/package.json +14 -9
  272. package/src/AssetsVariables.ts +4 -0
  273. package/src/Badge.ts +4 -4
  274. package/src/Breadcrumbs.hbs +7 -10
  275. package/src/Breadcrumbs.ts +14 -1
  276. package/src/BreadcrumbsPopover.hbs +3 -1
  277. package/src/Button.ts +21 -1
  278. package/src/Checkbox.ts +4 -0
  279. package/src/ControlButton.ts +2 -1
  280. package/src/CountrySelector.ts +5 -3
  281. package/src/DatePicker.ts +4 -3
  282. package/src/EventRibbon.ts +143 -0
  283. package/src/EventRibbonTemplate.tsx +18 -0
  284. package/src/InputGroup.ts +5 -2
  285. package/src/ListItem.ts +4 -4
  286. package/src/MastheadItem.ts +1 -1
  287. package/src/MastheadShell.ts +25 -5
  288. package/src/MediaPlayer.ts +3 -1
  289. package/src/MediaPlayerYoutube.ts +4 -2
  290. package/src/Pagination.hbs +7 -3
  291. package/src/Pagination.ts +49 -32
  292. package/src/PhoneNumberField.hbs +1 -1
  293. package/src/PhoneNumberField.ts +13 -5
  294. package/src/ProgressBar.ts +6 -6
  295. package/src/RadioButton.ts +6 -6
  296. package/src/Search.hbs +3 -2
  297. package/src/Search.ts +1 -3
  298. package/src/SearchableListBase.ts +18 -2
  299. package/src/SecondaryNavigation.hbs +1 -0
  300. package/src/SecondaryNavigation.ts +41 -12
  301. package/src/SecondaryNavigationItem.hbs +2 -1
  302. package/src/SecondaryNavigationItem.ts +31 -0
  303. package/src/SecondaryNavigationItemBase.ts +3 -0
  304. package/src/SecondaryNavigationSubItem.ts +0 -3
  305. package/src/SegmentedButton.ts +1 -1
  306. package/src/SegmentedButtonItem.ts +2 -2
  307. package/src/StatusBadge.ts +8 -3
  308. package/src/StepInput.ts +3 -3
  309. package/src/TableCellBase.ts +2 -2
  310. package/src/Tag.ts +4 -4
  311. package/src/TextArea.ts +9 -9
  312. package/src/TextField.ts +14 -5
  313. package/src/Toast.ts +1 -1
  314. package/src/Upload.ts +1 -1
  315. package/src/UploadItem.ts +9 -9
  316. package/src/Wizard.ts +39 -11
  317. package/src/WizardTemplate.tsx +5 -1
  318. package/src/data/CountryListISO3166.ts +10 -2
  319. package/src/generated/json-imports/Themes-node.ts +21 -0
  320. package/src/generated/json-imports/i18n-node.ts +85 -0
  321. package/src/generated/templates/BreadcrumbsPopoverTemplate.lit.ts +1 -1
  322. package/src/generated/templates/BreadcrumbsTemplate.lit.ts +1 -1
  323. package/src/generated/templates/PaginationTemplate.lit.ts +1 -1
  324. package/src/generated/templates/PhoneNumberFieldTemplate.lit.ts +1 -1
  325. package/src/generated/templates/SearchTemplate.lit.ts +3 -3
  326. package/src/generated/templates/SecondaryNavigationItemTemplate.lit.ts +2 -2
  327. package/src/generated/templates/SecondaryNavigationTemplate.lit.ts +1 -1
  328. package/src/generated/themes/Breadcrumbs.css.ts +1 -1
  329. package/src/generated/themes/Button.css.ts +1 -1
  330. package/src/generated/themes/DatePickerPopover.css.ts +1 -1
  331. package/src/generated/themes/EventRibbon.css.ts +9 -0
  332. package/src/generated/themes/ListItem.css.ts +1 -1
  333. package/src/generated/themes/MastheadCountrySelector.css.ts +1 -1
  334. package/src/generated/themes/MastheadItem.css.ts +1 -1
  335. package/src/generated/themes/MastheadShell.css.ts +1 -1
  336. package/src/generated/themes/Modal.css.ts +1 -1
  337. package/src/generated/themes/Pagination.css.ts +1 -1
  338. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  339. package/src/generated/themes/Search.css.ts +1 -1
  340. package/src/generated/themes/SideNavigationItem.css.ts +1 -1
  341. package/src/generated/themes/SideNavigationSubItem.css.ts +1 -1
  342. package/src/generated/themes/Slider.css.ts +1 -1
  343. package/src/generated/themes/TextField.css.ts +1 -1
  344. package/src/themes/Breadcrumbs.css +3 -0
  345. package/src/themes/Button.css +71 -29
  346. package/src/themes/DatePickerPopover.css +64 -6
  347. package/src/themes/EventRibbon.css +411 -0
  348. package/src/themes/ListItem.css +4 -0
  349. package/src/themes/MastheadCountrySelector.css +8 -5
  350. package/src/themes/MastheadItem.css +12 -4
  351. package/src/themes/MastheadShell.css +5 -2
  352. package/src/themes/Modal.css +6 -1
  353. package/src/themes/Pagination.css +19 -0
  354. package/src/themes/Search.css +8 -1
  355. package/src/themes/SideNavigationItem.css +9 -1
  356. package/src/themes/SideNavigationSubItem.css +7 -0
  357. package/src/themes/TextField.css +2 -13
  358. package/src/types/ButtonAccessibleRole.ts +9 -0
  359. package/src/types/{Button.ts → ButtonDesign.ts} +1 -17
  360. package/src/types/ButtonSize.ts +7 -0
  361. package/src/types/ControlButtonDesign.ts +11 -0
  362. package/src/types/EventRibbon.ts +51 -0
  363. package/src/types/ProgressBar.ts +1 -1
  364. package/src/types/common.ts +1 -1
  365. package/swap-component-imports.js +18 -0
  366. package/dist/assets/InputSuggestions-CP3cBQsh.js +0 -2
  367. package/dist/assets/bundle.esm-jHcdiVfj.js +0 -380
  368. package/dist/assets/parameters-bundle.css-BU4Bi-ho.js +0 -2
  369. package/dist/assets/parameters-bundle.css-Beilb2gS.js +0 -2
  370. package/dist/assets/parameters-bundle.css-BzQMaZUt.js +0 -2
  371. package/dist/assets/parameters-bundle.css-Bzfv_Fox.js +0 -2
  372. package/dist/assets/parameters-bundle.css-CLwmjytB.js +0 -2
  373. package/dist/assets/parameters-bundle.css-CU3plTdF.js +0 -2
  374. package/dist/assets/parameters-bundle.css-DRX-o-Cb.js +0 -2
  375. package/dist/assets/parameters-bundle.css-DhFMZJhW.js +0 -2
  376. package/dist/css/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css +0 -1
  377. package/dist/generated/assets/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json +0 -1
  378. package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.d.ts +0 -2
  379. package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js +0 -3
  380. package/dist/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.js.map +0 -1
  381. package/dist/types/Button.js +0 -33
  382. package/dist/types/Button.js.map +0 -1
  383. package/src/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts +0 -2
  384. package/src/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css +0 -195
package/src/generated/themes/Pagination.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
8
- export default `:host{--udex-pagination-font-size: var(--sapFontSize, 16px);--udex-pagination-font-family: var(--sapFontFamily, sans-serif);--udex-pagination-item-paddings: var(--sapFontSmallSize, .75rem);--udex-pagination-item-inner-paddings: 0rem .25rem;--udex-pagination-mobile-item-paddings: .5625rem .875rem .6875rem .875rem;--udex-pagination-item-line-height: var(--sapContent_LineHeight, 1.5rem);--udex-pagination-item-text-color: var(--sapPrimary5, #5b738b);--udex-pagination-item-active-text-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9, #223548));--udex-pagination-item-active-background-color: var(--udexColorGrey1);--udex-pagination-item-active-border-color: var(--udexColorBlue8);--udex-pagination-item-active-border-width: var(--sapField_InformationBorderWidth, .125rem);--udex-pagination-item-gap: .25rem;--udex-pagination-mobile-item-gap: .5rem;--udex-pagination-short-item-gap: 24px;--udex-pagination-short-separator-paddings: 0 4px;--udex-pagination-short-separator-margin: 0 4px;--udex-pagination-short-item-paddings: 0 4px}.udex-pagination{font-family:var(--udex-pagination-font-family);font-size:var(--udex-pagination-font-size)}.udex-pagination__list{padding:0;margin:0;display:flex;gap:var(--udex-pagination-item-gap);align-items:center;flex-wrap:wrap}.udex-pagination--short .udex-pagination__list{gap:var(--udex-pagination-short-item-gap)}.udex-pagination__item{cursor:pointer;display:inline-block;position:relative}.udex-pagination__item a{text-decoration:none;display:flex}:host([desktop]) .udex-pagination__item a:focus,.udex-pagination__item a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue10, #002A86);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusXXS, 2px)}.udex-pagination__page{display:block;padding:0 var(--udex-pagination-item-paddings) var(--udex-pagination-item-active-border-width) var(--udex-pagination-item-paddings);color:var(--udex-pagination-item-text-color)}.udex-pagination--mobile .udex-pagination__page{padding:var(--udex-pagination-mobile-item-paddings)}.udex-pagination__item--prev a,.udex-pagination__item--next a{padding:var(--udex-pagination-item-paddings)}.udex-pagination__page--value{display:block;position:relative;padding:var(--udex-pagination-item-inner-paddings);line-height:var(--udex-pagination-item-line-height)}.udex-pagination__page:not([active]):hover{background-color:var(--udex-pagination-item-active-background-color);color:var(--udex-pagination-item-active-text-color);border-radius:4px}.udex-pagination__page:hover,.udex-pagination__page:visited{color:var(--udex-pagination-item-text-color)}.udex-pagination__page[active]{color:var(--udex-pagination-item-active-text-color)}.udex-pagination__page[active] .udex-pagination__page--value:after{content:"";position:absolute;bottom:calc(-1 * var(--udex-pagination-item-active-border-width));left:0;right:0;height:var(--udex-pagination-item-active-border-width);background-color:var(--udex-pagination-item-active-border-color)}.udex-pagination__item--short{gap:var(--udex-pagination-short-item-gap);direction:inherit}.udex-pagination--rtl .udex-pagination__item--short{display:flex;white-space-collapse:preserve}.udex-pagination__item--short{color:var(--udex-pagination-item-active-text-color)}.udex-pagination__item--short-separator{padding:var(--udex-pagination-short-separator-paddings);margin:var(--udex-pagination-short-separator-margin)}.udex-pagination__item--short-value{padding:var(--udex-pagination-short-item-paddings)}
8
+ export default `:host{--udex-pagination-font-size: var(--sapFontSize, 16px);--udex-pagination-font-family: var(--sapFontFamily, sans-serif);--udex-pagination-item-paddings: var(--sapFontSmallSize, .75rem);--udex-pagination-item-inner-paddings: 0rem .25rem;--udex-pagination-mobile-item-paddings: .5625rem .875rem .6875rem .875rem;--udex-pagination-item-line-height: var(--sapContent_LineHeight, 1.5rem);--udex-pagination-item-text-color: var(--sapPrimary5, #5b738b);--udex-pagination-item-active-text-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9, #223548));--udex-pagination-item-active-background-color: var(--udexColorGrey1);--udex-pagination-item-active-border-color: var(--udexColorBlue8);--udex-pagination-item-active-border-width: var(--sapField_InformationBorderWidth, .125rem);--udex-pagination-item-gap: .25rem;--udex-pagination-mobile-item-gap: .5rem;--udex-pagination-short-item-gap: 24px;--udex-pagination-short-separator-paddings: 0 4px;--udex-pagination-short-separator-margin: 0 4px;--udex-pagination-short-item-paddings: 0 4px}.udex-pagination{font-family:var(--udex-pagination-font-family);font-size:var(--udex-pagination-font-size)}.udex-pagination__list{padding:0;margin:0;display:flex;gap:var(--udex-pagination-item-gap);align-items:center;flex-wrap:wrap}.udex-pagination--short .udex-pagination__list{gap:var(--udex-pagination-short-item-gap)}.udex-pagination__item{cursor:pointer;display:inline-block;position:relative}.udex-pagination__item a{text-decoration:none;display:flex}:host([desktop]) .udex-pagination__item a:focus,.udex-pagination__item a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue10, #002A86);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusXXS, 2px)}.udex-pagination__page{display:block;padding:0 var(--udex-pagination-item-paddings) var(--udex-pagination-item-active-border-width) var(--udex-pagination-item-paddings);color:var(--udex-pagination-item-text-color)}.udex-pagination--mobile .udex-pagination__page{padding:var(--udex-pagination-mobile-item-paddings)}.udex-pagination__item--prev a,.udex-pagination__item--next a{padding:var(--udex-pagination-item-paddings)}.udex-pagination__page--value{display:block;position:relative;padding:var(--udex-pagination-item-inner-paddings);line-height:var(--udex-pagination-item-line-height)}.udex-pagination__page:not([active]):hover{background-color:var(--udex-pagination-item-active-background-color);color:var(--udex-pagination-item-active-text-color);border-radius:4px}.udex-pagination__page:hover,.udex-pagination__page:visited{color:var(--udex-pagination-item-text-color)}.udex-pagination__page[active]{color:var(--udex-pagination-item-active-text-color)}.udex-pagination__page[active] .udex-pagination__page--value:after{content:"";position:absolute;bottom:calc(-1 * var(--udex-pagination-item-active-border-width));left:0;right:0;height:var(--udex-pagination-item-active-border-width);background-color:var(--udex-pagination-item-active-border-color)}.udex-pagination__item--short{gap:var(--udex-pagination-short-item-gap);direction:inherit}.udex-pagination--rtl .udex-pagination__item--short{display:flex;white-space-collapse:preserve}.udex-pagination__item--short{color:var(--udex-pagination-item-active-text-color)}.udex-pagination__item--short-separator{padding:var(--udex-pagination-short-separator-paddings);margin:var(--udex-pagination-short-separator-margin)}.udex-pagination__item--short-value{padding:var(--udex-pagination-short-item-paddings)}[udex-button][aria-disabled=true]:focus,[udex-button][aria-disabled=true]:focus-visible,[udex-button][_aria-disabled]:focus,[udex-button][_aria-disabled]:focus-visible{outline:2px solid #002A86;outline-offset:-4px}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}
9
9
  `
package/src/generated/themes/RatingIndicator.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
8
- export default `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-1-1_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
8
+ export default `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-3-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
9
9
  `
package/src/generated/themes/Search.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
8
- export default `:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: 8px;--udex-home-input-padding-left: var(--udexSpacer12, 12px);--udex-home-input-padding-right: var(--udexSpacer8, 8px);--udex-home-input-padding-vertical: 8px;--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-home-container-padding-inline-end: var(--udexSpacer8, 8px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: 0;--udex-search-home-icons-column-gap: var(--udexSpacer4, 4px);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );display:block;width:100%;position:relative}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;inset-block-start:9px;line-height:18px;transform:translateY(-110%);padding:0 4px;font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background-color:#fff}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{content:"";position:absolute;z-index:-1;height:21px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after,.udex-search__prefix--show-popover-top:after{transform:translateY(-21px)}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search-mode-home-search .udex-search__container{padding-inline-end:var(--udex-search-home-container-padding-inline-end)}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udex-input-radius)}:host([mode="Home Search"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;font-family:var(--sapFontFamily);line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search-mode-home-search .udex-search__field{padding:var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-right) var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-left)}.udex-search__field::placeholder{color:var(--udexColorGrey7);font-family:var(--sapFontFamily, sans-serif);font-size:16px}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search-mode-home-search .udex-search__icons{column-gap:var(--udex-search-home-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[udex-control-button]{--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px}[udex-control-button].udex-search__reset-button{--sapButton_BorderWidth: 0px 1px 0 1px}[udex-control-button].udex-search__submit-button{margin:0px calc((var(--udex-search-container-padding-inline-end)) * -1) 0px 0;--sapButton_BorderWidth: 0 0 0 1px}[udex-button].udex-search__button::part(button):focus-visible:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid var(--udexColorBlue9, #0040B0);border-radius:50%;box-sizing:border-box}[udex-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[udex-button].udex-search__button::part(icon){width:18px;height:18px}[udex-button].udex-search__button::part(button):after{display:none}[udex-button].udex-search__button.udex-search__voice-button:hover{background-color:#0000001a;border:none;box-shadow:none}[udex-button].udex-search__button.udex-search__voice-button.udex-search__voice-button--active,[udex-button][active].udex-search__button.udex-search__voice-button{background:var(--udexColorBlue8, #0057D2);color:var(--udexColorNeutralWhite, #FFFFFF)}[udex-button].udex-search__button:focus{outline:none}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after,.udex-search__prefix--show-popover-top:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:200px;height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}.hidden{display:none}
8
+ export default `:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: 8px;--udex-home-input-padding-left: var(--udexSpacer12, 12px);--udex-home-input-padding-right: var(--udexSpacer8, 8px);--udex-home-input-padding-vertical: 8px;--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-home-container-padding-inline-end: var(--udexSpacer8, 8px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: 0;--udex-search-home-icons-column-gap: var(--udexSpacer4, 4px);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );display:block;width:100%;position:relative}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;inset-block-start:9px;line-height:18px;transform:translateY(-110%);padding:0 4px;font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background-color:#fff}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{content:"";position:absolute;z-index:-1;height:21px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after,.udex-search__prefix--show-popover-top:after{transform:translateY(-21px)}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search-mode-home-search .udex-search__container{padding-inline-end:var(--udex-search-home-container-padding-inline-end)}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udex-input-radius)}:host([mode="Home Search"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;font-family:var(--sapFontFamily);line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search-mode-home-search .udex-search__field{padding:var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-right) var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-left)}.udex-search__field::placeholder{color:var(--udexColorGrey7);font-family:var(--sapFontFamily, sans-serif);font-size:16px}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search-mode-home-search .udex-search__icons{column-gap:var(--udex-search-home-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[udex-control-button]{--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px}[udex-control-button].udex-search__reset-button{--sapButton_BorderWidth: 0px 1px 0 1px}[udex-control-button].udex-search__submit-button{margin:0px calc((var(--udex-search-container-padding-inline-end)) * -1) 0px 0;--sapButton_BorderWidth: 0 0 0 1px}[udex-button].udex-search__button::part(button):focus-visible:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid var(--udexColorBlue9, #0040B0);border-radius:50%;box-sizing:border-box}[udex-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[udex-button].udex-search__button::part(icon){width:18px;height:18px}[udex-button].udex-search__button::part(button):after{display:none}[udex-button].udex-search__button.udex-search__voice-button:hover{background-color:#0000001a;border:none;box-shadow:none}[udex-button].udex-search__button.udex-search__voice-button.udex-search__voice-button--active,[udex-button][active].udex-search__button.udex-search__voice-button{background:var(--udexColorBlue8, #0057D2);color:var(--udexColorNeutralWhite, #FFFFFF)}[udex-button].udex-search__button:focus{outline:none}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after,.udex-search__prefix--show-popover-top:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:200px;height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}
9
9
  `
package/src/generated/themes/SideNavigationItem.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
8
- export default `:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);--udex-side-navigation-item-color-selected-text: var(--udexColorBlue7, #0070F2);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-selection-indicator-display: none;--udex-side-navigation-text-weight: var(--udexTypographyFontWeightMedium);--udex-side-navigation-selection-background-color: none;--udex-side-navigation-hover-selection-background-color: var(--udexColorGrey1, #F5F6F7);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host(:not([hidden])){font-family:var(--sapFontFamily)}.ui5-sn-item-ul{overflow:auto}.ui5-sn-item,:host(:not([in-popover])) .ui5-sn-item{height:var(--udex-side-navigation-item-height);padding-inline-end:var(--udexSpacer16);margin-bottom:var(--udexSpacer8, 8px)}.ui5-sn-item .ui5-sn-item-text{font-weight:var(--udex-side-navigation-text-weight)}.ui5-sn-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left));padding-inline-start:0}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon,:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{height:1rem;width:1rem;min-width:1rem;margin:0;padding:0;color:var(--udex-side-navigation-icon-color);padding-inline-start:var(--udexSpacer12, 12px)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){border:none;width:100%;height:100%;padding:0}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{border-inline-start:0}.ui5-sn-item-level1,.ui5-sn-item-level1:not(:has(>.ui5-sn-item-icon)),.ui5-sn-item-level1.ui5-sn-item-selected:not(:has(>.ui5-sn-item-icon)){padding-inline-start:var(--udex-side-navigation-item-padding-left)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-external-link-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon{color:var(--udex-side-navigation-item-color-selected-text);background:var(--udex-side-navigation-selection-background-color)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--udex-side-navigation-hover-selection-background-color)}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--udex-side-navigation-selection-indicator-display)}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{inset:0}
8
+ export default `:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);--udex-side-navigation-item-color-selected-text: var(--udexColorBlue7, #0070F2);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-selection-indicator-display: none;--udex-side-navigation-text-weight: var(--udexTypographyFontWeightMedium);--udex-side-navigation-selection-background-color: none;--udex-side-navigation-hover-selection-background-color: var(--udexColorGrey1, #F5F6F7);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host(:not([hidden])){font-family:var(--sapFontFamily)}.ui5-sn-item-ul{overflow:auto}.ui5-sn-item,:host(:not([in-popover])) .ui5-sn-item{height:var(--udex-side-navigation-item-height);padding-inline-end:var(--udexSpacer16);margin-block-end:0}:host(:not([expanded])) .ui5-sn-item{margin-block-end:var(--udexSpacer8, 8px)}:host([expanded]) .ui5-sn-list-li{margin-block-end:var(--udexSpacer8, 8px)}.ui5-sn-item .ui5-sn-item-text{font-weight:var(--udex-side-navigation-text-weight)}.ui5-sn-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left));padding-inline-start:0}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon,:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{height:1rem;width:1rem;min-width:1rem;margin:0;padding:0;color:var(--udex-side-navigation-icon-color);padding-inline-start:var(--udexSpacer12, 12px)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){border:none;width:100%;height:100%;padding:0}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{border-inline-start:0}.ui5-sn-item-level1,.ui5-sn-item-level1:not(:has(>.ui5-sn-item-icon)),.ui5-sn-item-level1.ui5-sn-item-selected:not(:has(>.ui5-sn-item-icon)){padding-inline-start:var(--udex-side-navigation-item-padding-left)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-external-link-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon{color:var(--udex-side-navigation-item-color-selected-text);background:var(--udex-side-navigation-selection-background-color)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--udex-side-navigation-hover-selection-background-color)}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--udex-side-navigation-selection-indicator-display)}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{inset:0}
9
9
  `
package/src/generated/themes/SideNavigationSubItem.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
8
- export default `:host{--udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);--udex-side-navigation-item-bottom-margin: 0;--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item_color-selected-text: var(--udexColorBlue7, #0070F2);--udex-side-navigation-selection-indicator-display: none;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-selection-background-color: none;--udex-side-navigation-hover-selection-background-color: var(--udexColorGrey1, #F5F6F7);color:var(--udex-side-navigation-icon-color);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host(:not([hidden])){font-family:var(--sapFontFamily)}.ui5-sn-item{margin-block-end:var(--udex-side-navigation-item-bottom-margin);height:var(--udex-side-navigation-item-height);padding-inline-end:var(--udexSpacer16)}.ui5-sn-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left))}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-external-link-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon{color:var(--udex-side-navigation-item_color-selected-text);background:var(--udex-side-navigation-selection-background-color)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--udex-side-navigation-hover-selection-background-color)}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--udex-side-navigation-selection-indicator-display)}.ui5-sn-item-level2{--udex-side-navigation-group-icon-width: 1.75rem;padding-inline-start:var(--udex-side-navigation-group-icon-width)}:host([with-icon]) .ui5-sn-item-level2{--udex-side-navigation-group-icon-width: var(--udexSpacer48);padding-inline-start:var(--udex-side-navigation-group-icon-width)}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{inset:0}
8
+ export default `:host{--udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);--udex-side-navigation-item-bottom-margin: 0;--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item_color-selected-text: var(--udexColorBlue7, #0070F2);--udex-side-navigation-selection-indicator-display: none;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-selection-background-color: none;--udex-side-navigation-hover-selection-background-color: var(--udexColorGrey1, #F5F6F7);color:var(--udex-side-navigation-icon-color);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host(:not([hidden])){font-family:var(--sapFontFamily)}:host(:not([in-popover])) .ui5-sn-item,.ui5-sn-item{margin-block-end:var(--udex-side-navigation-item-bottom-margin);height:var(--udex-side-navigation-item-height);padding-inline-end:var(--udexSpacer16)}.ui5-sn-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left))}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-external-link-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon{color:var(--udex-side-navigation-item_color-selected-text);background:var(--udex-side-navigation-selection-background-color)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--udex-side-navigation-hover-selection-background-color)}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--udex-side-navigation-selection-indicator-display)}:host([with-icon]) .ui5-sn-item-level2,.ui5-sn-item-level2{margin-block-end:0}.ui5-sn-item-level2:not(.ui5-sn-item-has-icon),.ui5-sn-item-level2{--udex-side-navigation-group-icon-width: 1.75rem;padding-inline-start:var(--udex-side-navigation-group-icon-width)}:host([with-icon]) .ui5-sn-item-level2{--udex-side-navigation-group-icon-width: var(--udexSpacer48);padding-inline-start:var(--udex-side-navigation-group-icon-width)}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{inset:0}
9
9
  `
package/src/generated/themes/Slider.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
8
- export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-1-1_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
8
+ export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-3-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
9
9
  `
package/src/generated/themes/TextField.css.ts CHANGED
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
8
- export default `:host{--udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-standard-default-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-color-error-default-border: var(--udexCoreSemanticError6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-warning-default-border: var(--udexCoreSemanticWarning6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-success-default-border: var(--udexCoreSemanticSuccess6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-disabled-border: var(--udexColorGrey6, #5B738B);--udex-input-color-disabled-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-read-only-default-border: var(--sapField_ReadOnly_BorderColor, var(--udexColorGrey6));--udex-input-color-read-only-default-background: var(--sapField_ReadOnly_Background, var(--udexColorGrey2));--udex-input-padding: 0 var(--udexSpacer12, 12px);--udex-input-min-width-xs-and-s: 100%;--udex-input-max-width: 100%}.udex-text-field__wrap{display:flex;position:relative;border-radius:var(--udexRadiusXS, 4px);border:1px solid var(--udex-input-color-standard-default-border)}.udex-text-field__wrap:hover{border-color:var(--udex-input-color-standard-hover-border)}.udex-text-field__container{position:relative;font-family:var(--sapFontFamily, sans-serif);max-width:var(--udex-input-max-width);width:100%}@media (width < 640px){.udex-text-field__container{min-width:var(--udex-input-min-width-xs-and-s)}}:host([disabled]) .udex-text-field__container{opacity:var(--sapContent_DisabledOpacity)}.udex-text-field__input{width:100%;height:40px;font-size:var(--sapProgress_FontSize, 16px);font-family:inherit;line-height:24px;color:var(--udex-input-color-standard-default-typed-text);padding:var(--udex-input-padding);border-radius:var(--udexRadiusXS, 4px);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:transparent;border:none}.udex-text-field__input:focus{outline:none}:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__wrap:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-text-field__wrap[open],:host([active]) .udex-text-field__wrap{border-color:var(--udex-input-color-standard-active-border);outline:0}:host([active]) .udex-text-field_icon-container{border-color:transparent;color:var(--udexColorGrey7, #475E75)}.udex-text-field__wrap[open]:hover{border-color:var(--udex-input-color-standard-active-border)}:host([disabled]) .udex-text-field__wrap{border-color:var(--udex-input-color-disabled-border);background-color:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__wrap{border-color:var(--udex-input-color-read-only-default-border);background-color:var(--udex-input-color-read-only-default-background)}:host([value-state="Success"][displayonly]) .udex-text-field__wrap,:host([value-state="Warning"][displayonly]) .udex-text-field__wrap,:host([value-state="Error"][displayonly]) .udex-text-field__wrap,:host([displayonly]) .udex-text-field__wrap{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;border:0}:host([displayonly][value-state="Success"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Warning"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Error"]) .udex-text-field__wrap:hover{border:none}:host([value-state="Error"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-default-border)}:host([value-state="Error"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-error-hover-border)}:host([value-state="Error"]) .udex-text-field__wrap[open],:host([value-state="Error"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-active-border);outline:0}:host([value-state="Warning"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-default-border)}:host([value-state="Warning"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-warning-hover-border)}:host([value-state="Warning"]) .udex-text-field__wrap[open],:host([value-state="Warning"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-active-border);outline:0}:host([value-state="Success"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-default-border)}:host([value-state="Success"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-success-hover-border)}:host([value-state="Success"]) .udex-text-field__wrap[open],:host([value-state="Success"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-active-border);outline:0}.udex-text-field__label{position:absolute;z-index:2;color:var(--udex-input-color-standard-default-label);transition:transform .15s ease-out,font-size .15s ease-out;line-height:24px;font-weight:var(--udexTypographyFontWeightRegular, 400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--udexSpacer12) * 2)}.udex-text-field__container:dir(rtl) .udex-text-field_icon-container{left:1px;right:auto}.udex-text-field__container:dir(ltr) .udex-text-field__label,.udex-text-field__container:dir(rtl) .udex-text-field__label{top:9px}.udex-text-field__container:dir(ltr) .udex-text-field__label{left:12px}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:12px}:host([displayonly]:dir(ltr)) .udex-text-field__label,:host([displayonly]:dir(rtl)) .udex-text-field__label{padding:0}.udex-text-field__label.udex-text-field__label_active,:host:has(.udex-text-field__input:-webkit-autofill) .udex-text-field__label{line-height:18px;transform:translateY(-110%);padding:6px 4px 0;font-size:12px;background:linear-gradient(transparent 55%,var(--udex-input-color-standard-default-background-light) 45%)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(transparent 55%,var(--udex-input-color-read-only-default-background) 45%)}:host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,:host([displayonly]) .udex-text-field__label.udex-text-field__label_active{background-color:transparent;background:none}:host([disabled]) .udex-text-field__label{color:var(--udex-input-color-disabled-label)}.udex-text-field_icon-container{--sapContent_DisabledOpacity: 1;--sapButton_BorderWidth: 0 0 0 1px;--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px;position:relative;padding:var(--udexSpacer4, 4px)}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container{--udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);--sapButton_BorderWidth: 0 1px 0 0}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container{--sapButton_BorderWidth: 0 1px 0 0}:host([active]) [active].udex-text-field_icon-container{border-color:transparent;color:var(--udexColorGrey7, #475E75)}:host [active].udex-text-field_icon-container{border-color:var(--udexColorBlue4, #89D1FF);color:var(--udexColorBlue9, #0040B0)}:host([active]) .udex-text-field_icon-container:hover{border-color:var(--udexColorGrey7, #475E75);color:var(--udexColorGrey7, #475E75)}.udex-text-field__supporting-text{font-size:12px;line-height:18px;color:var(--udex-input-color-standard-default-supporting-text);padding:4px 12px;display:block;position:relative}:host([value-state="Error"]) .udex-text-field__supporting-text{color:var(--udex-input-color-error-default-supporting-text)}:host([value-state="Warning"]) .udex-text-field__supporting-text{color:var(--udex-input-color-warning-default-supporting-text)}:host([value-state="Success"]) .udex-text-field__supporting-text{color:var(--udex-input-color-success-default-supporting-text)}.udex-text-field__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-text-field__supporting-text-icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px);width:var(--sapContent_IconHeight, 16px);height:var(--sapContent_IconHeight, 16px)}.udex-text-field__input[type=number]::-webkit-outer-spin-button,.udex-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.udex-text-field__input[type=number]{-moz-appearance:textfield;appearance:textfield}.hidden-text{display:none}
8
+ export default `:host{--udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-standard-default-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-color-error-default-border: var(--udexCoreSemanticError6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-warning-default-border: var(--udexCoreSemanticWarning6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-success-default-border: var(--udexCoreSemanticSuccess6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-disabled-border: var(--udexColorGrey6, #5B738B);--udex-input-color-disabled-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-read-only-default-border: var(--sapField_ReadOnly_BorderColor, var(--udexColorGrey6));--udex-input-color-read-only-default-background: var(--sapField_ReadOnly_Background, var(--udexColorGrey2));--udex-input-padding: 0 var(--udexSpacer12, 12px);--udex-input-min-width-xs-and-s: 100%;--udex-input-max-width: 100%}.udex-text-field__wrap{display:flex;position:relative;border-radius:var(--udexRadiusXS, 4px);border:1px solid var(--udex-input-color-standard-default-border)}.udex-text-field__wrap:hover{border-color:var(--udex-input-color-standard-hover-border)}.udex-text-field__container{position:relative;font-family:var(--sapFontFamily, sans-serif);max-width:var(--udex-input-max-width);width:100%}@media (width < 640px){.udex-text-field__container{min-width:var(--udex-input-min-width-xs-and-s)}}:host([disabled]) .udex-text-field__container{opacity:var(--sapContent_DisabledOpacity)}.udex-text-field__input{width:100%;height:40px;font-size:var(--sapProgress_FontSize, 16px);font-family:inherit;line-height:24px;color:var(--udex-input-color-standard-default-typed-text);padding:var(--udex-input-padding);border-radius:var(--udexRadiusXS, 4px);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:transparent;border:none}.udex-text-field__input:focus{outline:none}:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__wrap:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-text-field__wrap[open],:host([active]) .udex-text-field__wrap{border-color:var(--udex-input-color-standard-active-border);outline:0}:host([active]) .udex-text-field_icon-container{border-color:transparent;color:var(--udexColorGrey7, #475E75)}.udex-text-field__wrap[open]:hover{border-color:var(--udex-input-color-standard-active-border)}:host([disabled]) .udex-text-field__wrap{border-color:var(--udex-input-color-disabled-border);background-color:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__wrap{border-color:var(--udex-input-color-read-only-default-border);background-color:var(--udex-input-color-read-only-default-background)}:host([value-state="Success"][displayonly]) .udex-text-field__wrap,:host([value-state="Warning"][displayonly]) .udex-text-field__wrap,:host([value-state="Error"][displayonly]) .udex-text-field__wrap,:host([displayonly]) .udex-text-field__wrap{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;border:0}:host([displayonly][value-state="Success"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Warning"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Error"]) .udex-text-field__wrap:hover{border:none}:host([value-state="Error"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-default-border)}:host([value-state="Error"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-error-hover-border)}:host([value-state="Error"]) .udex-text-field__wrap[open],:host([value-state="Error"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-active-border);outline:0}:host([value-state="Warning"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-default-border)}:host([value-state="Warning"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-warning-hover-border)}:host([value-state="Warning"]) .udex-text-field__wrap[open],:host([value-state="Warning"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-active-border);outline:0}:host([value-state="Success"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-default-border)}:host([value-state="Success"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-success-hover-border)}:host([value-state="Success"]) .udex-text-field__wrap[open],:host([value-state="Success"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-active-border);outline:0}.udex-text-field__label{position:absolute;z-index:2;color:var(--udex-input-color-standard-default-label);transition:transform .15s ease-out,font-size .15s ease-out;line-height:24px;font-weight:var(--udexTypographyFontWeightRegular, 400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--udexSpacer12) * 2)}.udex-text-field__container:dir(rtl) .udex-text-field_icon-container{left:1px;right:auto}.udex-text-field__container:dir(ltr) .udex-text-field__label,.udex-text-field__container:dir(rtl) .udex-text-field__label{top:9px}.udex-text-field__container:dir(ltr) .udex-text-field__label{left:12px}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:12px}:host([displayonly]:dir(ltr)) .udex-text-field__label,:host([displayonly]:dir(rtl)) .udex-text-field__label{padding:0}.udex-text-field__label.udex-text-field__label_active,:host:has(.udex-text-field__input:-webkit-autofill) .udex-text-field__label{line-height:18px;transform:translateY(-110%);padding:6px 4px 0;font-size:12px;background:linear-gradient(transparent 55%,var(--udex-input-color-standard-default-background-light) 45%)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(transparent 55%,var(--udex-input-color-read-only-default-background) 45%)}:host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,:host([displayonly]) .udex-text-field__label.udex-text-field__label_active{background-color:transparent;background:none}:host([disabled]) .udex-text-field__label{color:var(--udex-input-color-disabled-label)}.udex-text-field_icon-container{--sapContent_DisabledOpacity: 1;--sapButton_BorderWidth: 0 0 0 1px;--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px;position:relative;padding:var(--udexSpacer4, 4px)}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container{--udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);--sapButton_BorderWidth: 0 1px 0 0}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container{--sapButton_BorderWidth: 0 1px 0 0}:host([icon-active]) .udex-text-field_icon-container{border-color:var(--udexColorBlue4, #89D1FF);color:var(--udexColorBlue9, #0040B0)}:host([icon-active]) .udex-text-field_icon-container:hover{border-color:var(--udexColorGrey7, #475E75);color:var(--udexColorGrey7, #475E75)}.udex-text-field__supporting-text{font-size:12px;line-height:18px;color:var(--udex-input-color-standard-default-supporting-text);padding:4px 12px;display:block;position:relative}:host([value-state="Error"]) .udex-text-field__supporting-text{color:var(--udex-input-color-error-default-supporting-text)}:host([value-state="Warning"]) .udex-text-field__supporting-text{color:var(--udex-input-color-warning-default-supporting-text)}:host([value-state="Success"]) .udex-text-field__supporting-text{color:var(--udex-input-color-success-default-supporting-text)}.udex-text-field__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-text-field__supporting-text-icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px);width:var(--sapContent_IconHeight, 16px);height:var(--sapContent_IconHeight, 16px)}.udex-text-field__input[type=number]::-webkit-outer-spin-button,.udex-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.udex-text-field__input[type=number]{-moz-appearance:textfield;appearance:textfield}.hidden-text{display:none}
9
9
  `
package/src/themes/Breadcrumbs.css CHANGED
@@ -88,6 +88,9 @@
88
88
  height: 12px;
89
89
  width: 12px;
90
90
  margin: auto;
91
+ --udex-link-icon-width: 12px;
92
+ --udex-link-icon-height: 12px;
93
+ --udex-link-line-height: 12px;
91
94
  }
92
95
 
93
96
  .udex-breadcrumbs__trigger:focus {
package/src/themes/Button.css CHANGED
@@ -92,8 +92,8 @@
92
92
  --udex-button-color-tertiary-standard-hover-border: var(--sapButton_Lite_Hover_BorderColor, var(--udexColorGrey7));
93
93
  --udex-button-color-tertiary-standard-hover-text-and-icon: var(--sapButton_Lite_Hover_TextColor, var(--udexColorBlue9));
94
94
  /* Active */
95
- --udex-button-color-tertiary-standard-active-background: var(--sapButton_Lite_Active_Background, var(--udexColorBlue9));
96
- --udex-button-color-tertiary-standard-active-border: var(--sapButton_Lite_Active_BorderColor, var(--udexColorNeutralWhite));
95
+ --udex-button-color-tertiary-standard-active-background: var(--sapButton_Lite_Active_Background, var(--udexColorNeutralWhite));
96
+ --udex-button-color-tertiary-standard-active-border: var(--sapButton_Lite_Active_BorderColor, var(--udexColorBlue9));
97
97
  --udex-button-color-tertiary-standard-active-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));
98
98
  /* Disabled */
99
99
  --udex-button-color-tertiary-standard-disabled-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));
@@ -261,8 +261,6 @@
261
261
  inset: var(--udex-button-invisible-focus-inset);
262
262
  }
263
263
 
264
-
265
-
266
264
  :host,
267
265
  :host([size="Medium"]) {
268
266
  font-size: var(--udexTypographyNavigationMediumXLFontSize, 1rem);
@@ -297,7 +295,7 @@
297
295
  min-height: var(--udex-button-medium-size);
298
296
  }
299
297
 
300
- :host([icon-end]) .ui5-button-icon {
298
+ :host([end-icon]) .ui5-button-icon {
301
299
  margin-inline-start: 0;
302
300
  }
303
301
 
@@ -372,6 +370,20 @@
372
370
  margin-inline-start: var(--udex-button-icon-text-spacing-large-size);
373
371
  }
374
372
 
373
+ :host:disabled,
374
+ :host([design="Default"]):disabled,
375
+ :host([design="Secondary"]):disabled,
376
+ :host([design="Invisible"]):disabled,
377
+ :host([design="Emphasized"][_aria-disabled]):disabled,
378
+ :host([design="Primary"][_aria-disabled]):disabled,
379
+ :host([design="Transparent"]):disabled,
380
+ :host([design="Tertiary"]):disabled,
381
+ :host([design="Negative"]):disabled,
382
+ :host([design="Attention"]):disabled,
383
+ :host([design="Warning"]):disabled,
384
+ :host([design="Positive"]):disabled {
385
+ opacity: var(--sapContent_DisabledOpacity, 0.4);
386
+ }
375
387
 
376
388
  /* Standard/Primary css-rules */
377
389
  :host,
@@ -395,8 +407,8 @@
395
407
  border: 1px solid var(--udex-button-color-primary-standard-hover-border-color);
396
408
  }
397
409
 
398
- :host([active]:not([disabled])) ,
399
- :host([design="Emphasized"][active]:not([disabled])) ,
410
+ :host([active]:not([disabled])),
411
+ :host([design="Emphasized"][active]:not([disabled])),
400
412
  :host([design="Primary"][active]:not([disabled])) {
401
413
  color: var(--udex-button-color-primary-standard-active-text-and-icon);
402
414
  background-color: var(--udex-button-color-primary-standard-active-background);
@@ -409,7 +421,6 @@
409
421
  color: var(--udex-button-color-primary-standard-disabled-text-and-icon);
410
422
  background-color: var(--udex-button-color-primary-standard-disabled-background);
411
423
  border: 1px solid var(--udex-button-color-primary-standard-disabled-background);
412
- opacity: var(--sapContent_DisabledOpacity, 0.4);
413
424
  }
414
425
 
415
426
  /*Primary toggled*/
@@ -429,13 +440,12 @@
429
440
  border: 1px solid var(--udex-button-color-primary-toggled-hover-border);
430
441
  }
431
442
 
432
- :host([toggled]):disabled ,
433
- :host([design="Emphasized"][toggled]):disabled ,
443
+ :host([toggled]):disabled,
444
+ :host([design="Emphasized"][toggled]):disabled,
434
445
  :host([design="Primary"][toggled]):disabled {
435
446
  color: var(--udex-button-color-primary-toggled-disabled-text-and-icon);
436
447
  background-color: var(--udex-button-color-primary-toggled-disabled-background);
437
448
  border: 1px solid var(--udex-button-color-primary-toggled-disabled-border);
438
- opacity: var(--sapContent_DisabledOpacity, 0.4);
439
449
  }
440
450
 
441
451
  /* Secondary css-rules */
@@ -457,7 +467,7 @@
457
467
  border: 1px solid var(--udex-button-color-secondary-standard-hover-border);
458
468
  }
459
469
 
460
- :host([design="Default"][active]:not([disabled])) ,
470
+ :host([design="Default"][active]:not([disabled])),
461
471
  :host([design="Secondary"][active]:not([disabled])) {
462
472
  color: var(--udex-button-color-secondary-standard-active-text-and-icon);
463
473
  background-color: var(--udex-button-color-secondary-standard-active-background);
@@ -469,30 +479,28 @@
469
479
  color: var(--udex-button-color-secondary-standard-disabled-text-and-icon);
470
480
  background-color: var(--udex-button-color-secondary-standard-disabled-background);
471
481
  border: 1px solid var(--udex-button-color-secondary-standard-disabled-border);
472
- opacity: var(--sapContent_DisabledOpacity, 0.4);
473
482
  }
474
483
 
475
484
  /*Secondary toggled*/
476
- :host([design="Default"][toggled]) ,
485
+ :host([design="Default"][toggled]),
477
486
  :host([design="Secondary"][toggled]) {
478
487
  color: var(--udex-button-color-secondary-toggled-default-text-and-icon);
479
488
  background-color: var(--udex-button-color-secondary-toggled-default-background);
480
489
  border: 1px solid var(--udex-button-color-secondary-toggled-default-border);
481
490
  }
482
491
 
483
- :host([design="Default"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover) ,
492
+ :host([design="Default"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),
484
493
  :host([design="Secondary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover) {
485
494
  color: var(--udex-button-color-secondary-toggled-hover-text-and-icon);
486
495
  background-color: var(--udex-button-color-secondary-toggled-hover-background);
487
496
  border: 1px solid var(--sapButton_Selected_Hover_BorderColor);
488
497
  }
489
498
 
490
- :host([design="Default"][toggled]):disabled ,
499
+ :host([design="Default"][toggled]):disabled,
491
500
  :host([design="Secondary"][toggled]):disabled {
492
501
  color: var(--udex-button-color-secondary-toggled-disabled-text-and-icon);
493
502
  background-color: var(--udex-button-color-secondary-toggled-disabled-background);
494
503
  border: 1px solid var(--udex-button-color-secondary-toggled-disabled-border);
495
- opacity: var(--sapContent_DisabledOpacity, 0.4);
496
504
  }
497
505
 
498
506
  /* Tertiary css-rules */
@@ -526,7 +534,6 @@
526
534
  color: var(--udex-button-color-tertiary-standard-disabled-text-and-icon);
527
535
  background-color: var(--udex-button-color-tertiary-standard-disabled-background);
528
536
  border: 1px solid var(--udex-button-color-tertiary-standard-disabled-border);
529
- opacity: var(--sapContent_DisabledOpacity, 0.4);
530
537
  }
531
538
 
532
539
  /*Tertiary toggled*/
@@ -538,7 +545,7 @@
538
545
  }
539
546
 
540
547
  :host([design="Transparent"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),
541
- :host([design="Tertiary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){
548
+ :host([design="Tertiary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover) {
542
549
  color: var(--udex-button-color-tertiary-toggled-hover-text-and-icon);
543
550
  background-color: var(--udex-button-color-tertiary-toggled-hover-background);
544
551
  border: 1px solid var(--udex-button-color-tertiary-toggled-hover-border);
@@ -587,7 +594,6 @@
587
594
  color: var(--udex-button-color-invisible-standard-disabled-text-and-icon);
588
595
  background-color: var(--udex-button-color-invisible-standard-disabled-background);
589
596
  border: none;
590
- opacity: var(--sapContent_DisabledOpacity, 0.4);
591
597
  }
592
598
 
593
599
  /* Positive css-rules */
@@ -615,7 +621,6 @@
615
621
  color: var(--udex-button-color-positive-standard-disabled-text-and-icon);
616
622
  background-color: var(--udex-button-color-positive-standard-disabled-background);
617
623
  border: 1px solid var(--udex-button-color-positive-standard-disabled-border);
618
- opacity: var(--sapContent_DisabledOpacity, 0.4);
619
624
  }
620
625
 
621
626
  /*Positive toggled*/
@@ -625,7 +630,7 @@
625
630
  border: 1px solid var(--udex-button-color-positive-toggled-default-border);
626
631
  }
627
632
 
628
- :host([design=Positive][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){
633
+ :host([design=Positive][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover) {
629
634
  color: var(--udex-button-color-positive-toggled-hover-text-and-icon);
630
635
  background-color: var(--udex-button-color-positive-toggled-hover-background);
631
636
  border: 1px solid var(--udex-button-color-positive-toggled-hover-border);
@@ -635,7 +640,6 @@
635
640
  color: var(--udex-button-color-positive-toggled-disabled-text-and-icon);
636
641
  background-color: var(--udex-button-color-positive-toggled-disabled-background);
637
642
  border: 1px solid var(--udex-button-color-positive-toggled-disabled-border);
638
- opacity: var(--sapContent_DisabledOpacity, 0.4);
639
643
  }
640
644
 
641
645
  /* Negative css-rules */
@@ -653,7 +657,8 @@
653
657
  border: 1px solid var(--udex-button-color-negative-standard-hover-border);
654
658
  }
655
659
 
656
- :host([design=Negative][active]:not([disabled])) {
660
+ :host([design=Negative][active]:not([disabled])),
661
+ :host([design=Negative][active][_aria-disabled="false"]) {
657
662
  color: var(--udex-button-color-negative-standard-active-text-and-icon);
658
663
  background-color: var(--udex-button-color-negative-standard-active-background);
659
664
  border: 1px solid var(--udex-button-color-negative-standard-active-border);
@@ -663,7 +668,6 @@
663
668
  color: var(--udex-button-color-negative-standard-disabled-text-and-icon);
664
669
  background-color: var(--udex-button-color-negative-standard-disabled-background);
665
670
  border: 1px solid var(--udex-button-color-negative-standard-disabled-border);
666
- opacity: var(--sapContent_DisabledOpacity, 0.4);
667
671
  }
668
672
 
669
673
  /*Negative toggled*/
@@ -683,7 +687,6 @@
683
687
  color: var(--udex-button-color-negative-toggled-disabled-text-and-icon);
684
688
  background-color: var(--udex-button-color-negative-toggled-disabled-background);
685
689
  border: 1px solid var(--udex-button-color-negative-toggled-disabled-border);
686
- opacity: var(--sapContent_DisabledOpacity, 0.4);
687
690
  }
688
691
 
689
692
  /* Warning css-rules */
@@ -705,7 +708,7 @@
705
708
  border: 1px solid var(--udex-button-color-warning-standard-hover-border);
706
709
  }
707
710
 
708
- :host([design="Attention"][active]:not([disabled])) ,
711
+ :host([design="Attention"][active]:not([disabled])),
709
712
  :host([design="Warning"][active]:not([disabled])) {
710
713
  color: var(--udex-button-color-warning-standard-active-text-and-icon);
711
714
  background-color: var(--udex-button-color-warning-standard-active-background);
@@ -717,7 +720,6 @@
717
720
  color: var(--udex-button-color-warning-standard-disabled-text-and-icon);
718
721
  background-color: var(--udex-button-color-warning-standard-disabled-background);
719
722
  border: 1px solid var(--udex-button-color-warning-standard-disabled-border);
720
- opacity: var(--sapContent_DisabledOpacity, 0.4);
721
723
  }
722
724
 
723
725
  /*Warning toggled*/
@@ -728,7 +730,7 @@
728
730
  border: 1px solid var(--udex-button-color-warning-toggled-default-border);
729
731
  }
730
732
 
731
- :host([design="Attention"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover) ,
733
+ :host([design="Attention"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),
732
734
  :host([design="Warning"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover) {
733
735
  color: var(--udex-button-color-warning-toggled-hover-text-and-icon);
734
736
  background-color: var(--udex-button-color-warning-toggled-hover-background);
@@ -740,5 +742,45 @@
740
742
  color: var(--udex-button-color-warning-toggled-disabled-text-and-icon);
741
743
  background-color: var(--udex-button-color-warning-toggled-disabled-background);
742
744
  border: 1px solid var(--udex-button-color-warning-toggled-disabled-border);
745
+ }
746
+
747
+ :host([aria-disabled="true"][design="Tertiary"]) .ui5-button-root,
748
+ :host([_aria-disabled][design="Tertiary"]) .ui5-button-root,
749
+ :host([design="Tertiary"][_aria-disabled][active]),
750
+ :host([design="Tertiary"][aria-disabled="true"][active]) {
751
+ color: var(--udex-button-color-tertiary-standard-disabled-text-and-icon);
752
+ background-color: var(--udex-button-color-tertiary-standard-disabled-background);
753
+ border: 1px solid var(--udex-button-color-tertiary-standard-disabled-border);
754
+ }
755
+
756
+ :host([aria-disabled="true"][design="Tertiary"]) .ui5-button-root,
757
+ :host([_aria-disabled][design="Tertiary"]) .ui5-button-root {
743
758
  opacity: var(--sapContent_DisabledOpacity, 0.4);
744
759
  }
760
+
761
+ :host([design="Tertiary"][aria-disabled="true"]:not([active]):not([non-interactive]):not([_is-touch]):not([toggled]):hover),
762
+ :host([design="Tertiary"][aria-disabled="true"][active]:not([non-interactive]):not([_is-touch]):not([toggled]))
763
+ :host([design="Tertiary"][_aria-disabled][active]:not([non-interactive]):not([_is-touch]):not([toggled])),
764
+ :host([design="Tertiary"][_aria-disabled]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover) {
765
+ color: var(--udex-button-color-tertiary-standard-disabled-text-and-icon);
766
+ background-color: var(--udex-button-color-tertiary-standard-disabled-background);
767
+ border: 1px solid var(--udex-button-color-tertiary-standard-disabled-border);
768
+ }
769
+
770
+ :host([design="Tertiary"][aria-disabled="true"][active]:not([non-interactive]):not([_is-touch]):not([toggled])),
771
+ :host([design="Tertiary"][_aria-disabled][active]:not([disabled])),
772
+ :host([desktop][design="Tertiary"][aria-disabled="true"][active]:not([non-interactive]):not([_is-touch]):not([toggled])),
773
+ :host([desktop][design="Tertiary"][_aria-disabled][active]) {
774
+ border: none;
775
+ }
776
+
777
+ :host([desktop][design="Tertiary"][_aria-disabled]) .ui5-button-root::after,
778
+ :host([desktop][design="Tertiary"][_aria-disabled]) .ui5-button-root::before,
779
+ :host([desktop][active][design="Tertiary"][_aria-disabled]) .ui5-button-root::after,
780
+ :host([desktop][active][design="Tertiary"][_aria-disabled]) .ui5-button-root::before,
781
+ :host([desktop][design="Tertiary"][aria-disabled="true"]) .ui5-button-root::after,
782
+ :host([desktop][design="Tertiary"][aria-disabled="true"]) .ui5-button-root::before,
783
+ :host([desktop][active][design="Tertiary"][aria-disabled="true"]) .ui5-button-root::after,
784
+ :host([desktop][active][design="Tertiary"][aria-disabled="true"]) .ui5-button-root::before {
785
+ content: none;
786
+ }
package/src/themes/DatePickerPopover.css CHANGED
@@ -1,12 +1,70 @@
1
1
  .udex-date-picker__popover {
2
2
  --udex-dropdown-border-width: 0;
3
3
  --udex-dropdown-pane-max-width: fit-content;
4
+ padding: 8px;
4
5
  }
5
6
 
7
+ ::part(year-picker-root),
8
+ ::part(month-picker-root) {
9
+ padding: var(--udexSpacer24, 24px) 0;
10
+ }
11
+
12
+ ::part(month-cell),
13
+ ::part(calendar-header-middle-button) {
14
+ padding: 8px 14px;
15
+ height: 42px;
16
+ font-weight: 500;
17
+ }
18
+
19
+ ::part(month-cell) {
20
+ margin: 0 6px 16px 6px;
21
+ min-width: calc(33.333% - 8px);
22
+ }
23
+
24
+ ::part(year-cell) {
25
+ margin: 0 4px 16px 4px;
26
+ min-width: calc(25% - 6px);
27
+ }
28
+
29
+ ::part(year-range-cell) {
30
+ width: 50%;
31
+ margin: 0 4px 16px 4px;
32
+ }
33
+
34
+ ::part(year-range-cell),
35
+ ::part(year-cell) {
36
+ height: 36px;
37
+ padding: 9px 10px;
38
+ font-weight: 500;
39
+ }
6
40
 
7
- @media (width < 640px) {
8
- .udex-date-picker__popover {
9
- --udex-dropdown-pane-min-width-xs: fit-content;
10
- --udex-dropdown-pane-max-width-xs: fit-content;
11
- }
12
- }
41
+ ::part(calendar-header-middle-button) {
42
+ width: auto;
43
+ flex-grow: 0;
44
+ border: 1px solid var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));
45
+ }
46
+
47
+ ::part(calendar-header-middle-button):hover {
48
+ background-color: var(--sapButton_Lite_Hover_Background, var(--udexColorGrey2));
49
+ border-color: var(--sapButton_Lite_Hover_BorderColor, var(--udexColorGrey7));
50
+ }
51
+
52
+ ::part(day-cell):hover {
53
+ background-color: var(--udexColorGrey3, #D5DADD);
54
+ }
55
+
56
+ ::part(year-cell-selected):hover,
57
+ ::part(month-cell-selected):hover,
58
+ ::part(day-cell-selected):hover {
59
+ background-color: var(--udexColorBlue1, #EBF8FF);
60
+ border-color: var(--udexColorBlue9, #0040B0);
61
+ color: var(--udexColorBlue9, #0040B0);
62
+ }
63
+
64
+ ::part(day-cell-selected-between) {
65
+ color: var(--udexColorBlue9, #0040B0);
66
+ }
67
+
68
+ ::part(day-cell-selected-between):hover {
69
+ background-color: var(--udexColorBlue2, #D1EFFF);
70
+ }