@sapudex/web-components 2.55.0 → 2.56.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 (275) hide show
  1. package/cypress/specs/HeroBanner.cy.tsx +35 -1
  2. package/cypress/specs/List.cy.tsx +63 -1
  3. package/cypress/specs/ListItem.cy.tsx +44 -0
  4. package/cypress/specs/MastheadShell.cy.tsx +39 -0
  5. package/cypress/specs/PhoneNumberField.cy.tsx +29 -1
  6. package/cypress/specs/SelectBox.cy.tsx +99 -0
  7. package/dist/CountrySelectorTemplate.js +1 -1
  8. package/dist/CountrySelectorTemplate.js.map +1 -1
  9. package/dist/FilterMenu.js +5 -1
  10. package/dist/FilterMenu.js.map +1 -1
  11. package/dist/HeroBanner.d.ts +12 -0
  12. package/dist/HeroBanner.js +54 -0
  13. package/dist/HeroBanner.js.map +1 -1
  14. package/dist/List.d.ts +5 -0
  15. package/dist/List.js +7 -0
  16. package/dist/List.js.map +1 -1
  17. package/dist/ListItem.js +5 -1
  18. package/dist/ListItem.js.map +1 -1
  19. package/dist/ListTemplate.js +1 -1
  20. package/dist/ListTemplate.js.map +1 -1
  21. package/dist/MastheadShell.d.ts +7 -0
  22. package/dist/MastheadShell.js +38 -0
  23. package/dist/MastheadShell.js.map +1 -1
  24. package/dist/PhoneNumberField.d.ts +3 -3
  25. package/dist/PhoneNumberField.js +18 -21
  26. package/dist/PhoneNumberField.js.map +1 -1
  27. package/dist/PhoneNumberFieldTemplate.d.ts +2 -0
  28. package/dist/PhoneNumberFieldTemplate.js +12 -0
  29. package/dist/PhoneNumberFieldTemplate.js.map +1 -0
  30. package/dist/Search.d.ts +2 -0
  31. package/dist/Search.js +21 -0
  32. package/dist/Search.js.map +1 -1
  33. package/dist/SearchableListBase.d.ts +4 -0
  34. package/dist/SearchableListBase.js +66 -6
  35. package/dist/SearchableListBase.js.map +1 -1
  36. package/dist/SearchableListBaseTemplate.js +1 -1
  37. package/dist/SearchableListBaseTemplate.js.map +1 -1
  38. package/dist/SelectBase.js +14 -22
  39. package/dist/SelectBase.js.map +1 -1
  40. package/dist/SelectBoxTemplate.js +1 -1
  41. package/dist/SelectBoxTemplate.js.map +1 -1
  42. package/dist/StatusMessage.d.ts +2 -2
  43. package/dist/StatusMessage.js +1 -1
  44. package/dist/StatusMessage.js.map +1 -1
  45. package/dist/TextAreaTemplate.js +1 -1
  46. package/dist/TextAreaTemplate.js.map +1 -1
  47. package/dist/TextFieldTemplate.js +1 -1
  48. package/dist/TextFieldTemplate.js.map +1 -1
  49. package/dist/Upload.js +6 -9
  50. package/dist/Upload.js.map +1 -1
  51. package/dist/UploadItem.d.ts +2 -2
  52. package/dist/UploadItem.js +6 -9
  53. package/dist/UploadItem.js.map +1 -1
  54. package/dist/UploadItemTemplate.d.ts +2 -0
  55. package/dist/UploadItemTemplate.js +14 -0
  56. package/dist/UploadItemTemplate.js.map +1 -0
  57. package/dist/UploadTemplate.d.ts +2 -0
  58. package/dist/UploadTemplate.js +11 -0
  59. package/dist/UploadTemplate.js.map +1 -0
  60. package/dist/assets/{InputSuggestions-DPiJnNLn.js → InputSuggestions-ChhTxYh4.js} +1 -1
  61. package/dist/assets/{ListItemStandardExpandableTextTemplate-B-v72jL6.js → ListItemStandardExpandableTextTemplate-Bh1HxZfH.js} +1 -1
  62. package/dist/assets/{bundle-C7Yft7IG.css → bundle-CdO3MnjQ.css} +1 -1
  63. package/dist/assets/{bundle.esm-DPppjwN7.js → bundle.esm-DCX_ohoZ.js} +253 -241
  64. package/dist/assets/messagebundle_uk-CCv57GhV.js +1 -0
  65. package/dist/css/themes/AccordionItem.css +1 -1
  66. package/dist/css/themes/AccordionSpotlight.css +1 -1
  67. package/dist/css/themes/Avatar.css +1 -1
  68. package/dist/css/themes/CountrySelector.css +1 -1
  69. package/dist/css/themes/EventRibbon.css +1 -1
  70. package/dist/css/themes/FilterMenu.css +1 -1
  71. package/dist/css/themes/HeroBanner.css +1 -1
  72. package/dist/css/themes/ImageGridTicker.css +1 -1
  73. package/dist/css/themes/ListItem.css +1 -1
  74. package/dist/css/themes/MastheadCountrySelector.css +1 -1
  75. package/dist/css/themes/MastheadItem.css +1 -1
  76. package/dist/css/themes/MastheadProfileMenu.css +1 -1
  77. package/dist/css/themes/MastheadShell.css +1 -1
  78. package/dist/css/themes/MediaPlayer.css +1 -1
  79. package/dist/css/themes/Modal.css +1 -1
  80. package/dist/css/themes/PhoneNumberField.css +1 -1
  81. package/dist/css/themes/Search.css +1 -1
  82. package/dist/css/themes/SecondaryNavigationItem.css +1 -1
  83. package/dist/css/themes/SelectBase.css +1 -1
  84. package/dist/css/themes/StepInput.css +1 -1
  85. package/dist/css/themes/TabInOverflow.css +1 -1
  86. package/dist/css/themes/TabNavigation.css +1 -1
  87. package/dist/css/themes/TableCellBase.css +1 -1
  88. package/dist/css/themes/TagGroup.css +1 -1
  89. package/dist/css/themes/TextArea.css +1 -1
  90. package/dist/css/themes/TextField.css +1 -1
  91. package/dist/css/themes/Wizard.css +1 -1
  92. package/dist/custom-elements-internal.json +1138 -117
  93. package/dist/custom-elements.json +740 -123
  94. package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
  95. package/dist/generated/themes/AccordionItem.css.d.ts +1 -1
  96. package/dist/generated/themes/AccordionItem.css.js +1 -1
  97. package/dist/generated/themes/AccordionItem.css.js.map +1 -1
  98. package/dist/generated/themes/AccordionSpotlight.css.d.ts +1 -1
  99. package/dist/generated/themes/AccordionSpotlight.css.js +1 -1
  100. package/dist/generated/themes/AccordionSpotlight.css.js.map +1 -1
  101. package/dist/generated/themes/Avatar.css.d.ts +1 -1
  102. package/dist/generated/themes/Avatar.css.js +1 -1
  103. package/dist/generated/themes/Avatar.css.js.map +1 -1
  104. package/dist/generated/themes/CountrySelector.css.d.ts +1 -1
  105. package/dist/generated/themes/CountrySelector.css.js +1 -1
  106. package/dist/generated/themes/CountrySelector.css.js.map +1 -1
  107. package/dist/generated/themes/EventRibbon.css.d.ts +1 -1
  108. package/dist/generated/themes/EventRibbon.css.js +1 -1
  109. package/dist/generated/themes/EventRibbon.css.js.map +1 -1
  110. package/dist/generated/themes/FilterMenu.css.d.ts +1 -1
  111. package/dist/generated/themes/FilterMenu.css.js +1 -1
  112. package/dist/generated/themes/FilterMenu.css.js.map +1 -1
  113. package/dist/generated/themes/HeroBanner.css.d.ts +1 -1
  114. package/dist/generated/themes/HeroBanner.css.js +1 -1
  115. package/dist/generated/themes/HeroBanner.css.js.map +1 -1
  116. package/dist/generated/themes/ImageGridTicker.css.d.ts +1 -1
  117. package/dist/generated/themes/ImageGridTicker.css.js +1 -1
  118. package/dist/generated/themes/ImageGridTicker.css.js.map +1 -1
  119. package/dist/generated/themes/ListItem.css.d.ts +1 -1
  120. package/dist/generated/themes/ListItem.css.js +1 -1
  121. package/dist/generated/themes/ListItem.css.js.map +1 -1
  122. package/dist/generated/themes/MastheadCountrySelector.css.d.ts +1 -1
  123. package/dist/generated/themes/MastheadCountrySelector.css.js +1 -1
  124. package/dist/generated/themes/MastheadCountrySelector.css.js.map +1 -1
  125. package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
  126. package/dist/generated/themes/MastheadItem.css.js +1 -1
  127. package/dist/generated/themes/MastheadItem.css.js.map +1 -1
  128. package/dist/generated/themes/MastheadProfileMenu.css.d.ts +1 -1
  129. package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
  130. package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
  131. package/dist/generated/themes/MastheadShell.css.d.ts +1 -1
  132. package/dist/generated/themes/MastheadShell.css.js +1 -1
  133. package/dist/generated/themes/MastheadShell.css.js.map +1 -1
  134. package/dist/generated/themes/MediaPlayer.css.d.ts +1 -1
  135. package/dist/generated/themes/MediaPlayer.css.js +1 -1
  136. package/dist/generated/themes/MediaPlayer.css.js.map +1 -1
  137. package/dist/generated/themes/Modal.css.d.ts +1 -1
  138. package/dist/generated/themes/Modal.css.js +1 -1
  139. package/dist/generated/themes/Modal.css.js.map +1 -1
  140. package/dist/generated/themes/PhoneNumberField.css.d.ts +1 -1
  141. package/dist/generated/themes/PhoneNumberField.css.js +1 -1
  142. package/dist/generated/themes/PhoneNumberField.css.js.map +1 -1
  143. package/dist/generated/themes/Search.css.d.ts +1 -1
  144. package/dist/generated/themes/Search.css.js +1 -1
  145. package/dist/generated/themes/Search.css.js.map +1 -1
  146. package/dist/generated/themes/SecondaryNavigationItem.css.d.ts +1 -1
  147. package/dist/generated/themes/SecondaryNavigationItem.css.js +1 -1
  148. package/dist/generated/themes/SecondaryNavigationItem.css.js.map +1 -1
  149. package/dist/generated/themes/SelectBase.css.d.ts +1 -1
  150. package/dist/generated/themes/SelectBase.css.js +1 -1
  151. package/dist/generated/themes/SelectBase.css.js.map +1 -1
  152. package/dist/generated/themes/StepInput.css.d.ts +1 -1
  153. package/dist/generated/themes/StepInput.css.js +1 -1
  154. package/dist/generated/themes/StepInput.css.js.map +1 -1
  155. package/dist/generated/themes/TabInOverflow.css.d.ts +1 -1
  156. package/dist/generated/themes/TabInOverflow.css.js +1 -1
  157. package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
  158. package/dist/generated/themes/TabNavigation.css.d.ts +1 -1
  159. package/dist/generated/themes/TabNavigation.css.js +1 -1
  160. package/dist/generated/themes/TabNavigation.css.js.map +1 -1
  161. package/dist/generated/themes/TableCellBase.css.d.ts +1 -1
  162. package/dist/generated/themes/TableCellBase.css.js +1 -1
  163. package/dist/generated/themes/TableCellBase.css.js.map +1 -1
  164. package/dist/generated/themes/TagGroup.css.d.ts +1 -1
  165. package/dist/generated/themes/TagGroup.css.js +1 -1
  166. package/dist/generated/themes/TagGroup.css.js.map +1 -1
  167. package/dist/generated/themes/TextArea.css.d.ts +1 -1
  168. package/dist/generated/themes/TextArea.css.js +1 -1
  169. package/dist/generated/themes/TextArea.css.js.map +1 -1
  170. package/dist/generated/themes/TextField.css.d.ts +1 -1
  171. package/dist/generated/themes/TextField.css.js +1 -1
  172. package/dist/generated/themes/TextField.css.js.map +1 -1
  173. package/dist/generated/themes/Wizard.css.d.ts +1 -1
  174. package/dist/generated/themes/Wizard.css.js +1 -1
  175. package/dist/generated/themes/Wizard.css.js.map +1 -1
  176. package/dist/messagebundle_uk.properties +8 -0
  177. package/dist/utils/searchBackdrop.d.ts +1 -0
  178. package/dist/utils/searchBackdrop.js +23 -0
  179. package/dist/utils/searchBackdrop.js.map +1 -0
  180. package/dist/vscode.html-custom-data.json +165 -2
  181. package/dist/web-types.json +363 -6
  182. package/package.json +1 -1
  183. package/src/CountrySelectorTemplate.tsx +2 -2
  184. package/src/FilterMenu.ts +5 -1
  185. package/src/HeroBanner.ts +66 -0
  186. package/src/List.ts +8 -0
  187. package/src/ListItem.ts +5 -1
  188. package/src/ListTemplate.tsx +1 -1
  189. package/src/MastheadShell.ts +44 -0
  190. package/src/PhoneNumberField.ts +23 -22
  191. package/src/PhoneNumberFieldTemplate.tsx +128 -0
  192. package/src/Search.ts +21 -1
  193. package/src/SearchableListBase.ts +62 -7
  194. package/src/SearchableListBaseTemplate.tsx +1 -0
  195. package/src/SelectBase.ts +14 -21
  196. package/src/SelectBoxTemplate.tsx +1 -1
  197. package/src/StatusMessage.ts +4 -3
  198. package/src/TextAreaTemplate.tsx +1 -1
  199. package/src/TextFieldTemplate.tsx +1 -1
  200. package/src/Upload.ts +7 -10
  201. package/src/UploadItem.ts +7 -9
  202. package/src/UploadItemTemplate.tsx +62 -0
  203. package/src/UploadTemplate.tsx +53 -0
  204. package/src/generated/themes/AccordionItem.css.ts +1 -1
  205. package/src/generated/themes/AccordionSpotlight.css.ts +1 -1
  206. package/src/generated/themes/Avatar.css.ts +1 -1
  207. package/src/generated/themes/CountrySelector.css.ts +1 -1
  208. package/src/generated/themes/EventRibbon.css.ts +1 -1
  209. package/src/generated/themes/FilterMenu.css.ts +1 -1
  210. package/src/generated/themes/HeroBanner.css.ts +1 -1
  211. package/src/generated/themes/ImageGridTicker.css.ts +1 -1
  212. package/src/generated/themes/ListItem.css.ts +1 -1
  213. package/src/generated/themes/MastheadCountrySelector.css.ts +1 -1
  214. package/src/generated/themes/MastheadItem.css.ts +1 -1
  215. package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
  216. package/src/generated/themes/MastheadShell.css.ts +1 -1
  217. package/src/generated/themes/MediaPlayer.css.ts +1 -1
  218. package/src/generated/themes/Modal.css.ts +1 -1
  219. package/src/generated/themes/PhoneNumberField.css.ts +1 -1
  220. package/src/generated/themes/Search.css.ts +1 -1
  221. package/src/generated/themes/SecondaryNavigationItem.css.ts +1 -1
  222. package/src/generated/themes/SelectBase.css.ts +1 -1
  223. package/src/generated/themes/StepInput.css.ts +1 -1
  224. package/src/generated/themes/TabInOverflow.css.ts +1 -1
  225. package/src/generated/themes/TabNavigation.css.ts +1 -1
  226. package/src/generated/themes/TableCellBase.css.ts +1 -1
  227. package/src/generated/themes/TagGroup.css.ts +1 -1
  228. package/src/generated/themes/TextArea.css.ts +1 -1
  229. package/src/generated/themes/TextField.css.ts +1 -1
  230. package/src/generated/themes/Wizard.css.ts +1 -1
  231. package/src/i18n/messagebundle_uk.properties +8 -0
  232. package/src/themes/AccordionItem.css +1 -1
  233. package/src/themes/AccordionSpotlight.css +1 -1
  234. package/src/themes/Avatar.css +1 -1
  235. package/src/themes/CountrySelector.css +12 -2
  236. package/src/themes/EventRibbon.css +1 -1
  237. package/src/themes/FilterMenu.css +3 -2
  238. package/src/themes/HeroBanner.css +1 -1
  239. package/src/themes/ImageGridTicker.css +1 -1
  240. package/src/themes/ListItem.css +10 -2
  241. package/src/themes/MastheadCountrySelector.css +1 -1
  242. package/src/themes/MastheadItem.css +1 -1
  243. package/src/themes/MastheadProfileMenu.css +1 -1
  244. package/src/themes/MastheadShell.css +1 -1
  245. package/src/themes/MediaPlayer.css +10 -10
  246. package/src/themes/Modal.css +5 -3
  247. package/src/themes/PhoneNumberField.css +16 -6
  248. package/src/themes/Search.css +9 -9
  249. package/src/themes/SecondaryNavigationItem.css +1 -1
  250. package/src/themes/SelectBase.css +2 -2
  251. package/src/themes/StepInput.css +1 -1
  252. package/src/themes/TabInOverflow.css +2 -2
  253. package/src/themes/TabNavigation.css +7 -7
  254. package/src/themes/TableCellBase.css +1 -1
  255. package/src/themes/TagGroup.css +1 -1
  256. package/src/themes/TextArea.css +1 -1
  257. package/src/themes/TextField.css +1 -1
  258. package/src/themes/Wizard.css +1 -1
  259. package/src/utils/searchBackdrop.ts +23 -0
  260. package/dist/assets/messagebundle_uk-GmdhsMsP.js +0 -1
  261. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.d.ts +0 -3
  262. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js +0 -16
  263. package/dist/generated/templates/PhoneNumberFieldTemplate.lit.js.map +0 -1
  264. package/dist/generated/templates/UploadItemTemplate.lit.d.ts +0 -3
  265. package/dist/generated/templates/UploadItemTemplate.lit.js +0 -12
  266. package/dist/generated/templates/UploadItemTemplate.lit.js.map +0 -1
  267. package/dist/generated/templates/UploadTemplate.lit.d.ts +0 -3
  268. package/dist/generated/templates/UploadTemplate.lit.js +0 -10
  269. package/dist/generated/templates/UploadTemplate.lit.js.map +0 -1
  270. package/src/PhoneNumberField.hbs +0 -119
  271. package/src/Upload.hbs +0 -21
  272. package/src/UploadItem.hbs +0 -32
  273. package/src/generated/templates/PhoneNumberFieldTemplate.lit.ts +0 -20
  274. package/src/generated/templates/UploadItemTemplate.lit.ts +0 -16
  275. package/src/generated/templates/UploadTemplate.lit.ts +0 -14
package/src/generated/themes/SecondaryNavigationItem.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("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-secondary-navigation-item-color: var(--sapTextColor, #223548);--udex-secondary-navigation-item-hover-color: var(--udexColorBlue8, #0057D2);--udex-secondary-navigation-item-active-color: var(--udexColorBlue9, #0040B0);--udex-secondary-navigation-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-secondary-navigation-item-mobile-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-secondary-navigation-item-line-height: 1.1;--udex-secondary-navigation-item-active-border-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-item-dropdown-shadow: 0 10px 30px 0 #22364940;--udex-secondary-navigation-item-dropdown-background: #FFF;--udex-secondary-navigation-item-title-min-height: 64px;--udex-secondary-navigation-item-dropdown-min-width: 240px;--udex-secondary-navigation-item-dropdown-max-width: 360px;--udex-secondary-navigation-item-dropdown-mobile-max-height: 100%;--udex-secondary-navigation-item-dropdown-desktop-max-height: none;--udex-secondary-navigation-item-mobile-dropdown-shadow: 0 2px 8px 0 var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-item-mobile-heading-shadow: 0 2px 4px 0 var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-item-mobile-title-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-item-mobile-title-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-secondary-navigation-item-mobile-title-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-secondary-navigation-item-mobile-title-font-weight: var(--udexTypographyFontWeightMedium, 500)}.udex-secondary-navigation__dropdown-list{padding:var(--udexSpacer12) 0;margin:0;list-style:none}.udex-secondary-navigation__item{color:var(--udex-secondary-navigation-item-color);font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-item-font-size);line-height:var(--udex-secondary-navigation-item-line-height);display:flex;align-items:flex-start;height:100%;text-decoration:none;background:none;cursor:pointer;border:none;padding:0;white-space:nowrap}.udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__item:focus,.udex-secondary-navigation__item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-item-hover-color)}.udex-secondary-navigation__item:active .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:active{color:var(--udex-secondary-navigation-item-active-color)}[active].udex-secondary-navigation__item:before{border-radius:var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;background:var(--udex-secondary-navigation-item-active-border-color);content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px}:host([is-open]) .udex-secondary-navigation__item-icon{transform:rotateX(180deg)}.udex-secondary-navigation__item-icon{margin-inline-start:var(--udexSpacer4);transition:.25s transform;max-width:16px;height:16px}.udex-secondary-navigation__dropdown,.udex-secondary-navigation__dropdown[data-horizontal-align=left]:dir(rtl){position:absolute;top:100%;margin-top:1px;left:calc(var(--udexSpacer16) * -1);right:auto;box-shadow:var(--udex-secondary-navigation-item-dropdown-shadow);min-width:var(--udex-secondary-navigation-item-dropdown-min-width);max-width:var(--udex-secondary-navigation-item-dropdown-max-width);max-height:var(--udex-secondary-navigation-item-dropdown-desktop-max-height);overflow-y:auto;background:var(--udex-secondary-navigation-item-dropdown-background)}.udex-secondary-navigation__dropdown[data-horizontal-align=right]{left:auto;right:calc(var(--udexSpacer16) * -1)}.udex-secondary-navigation__dropdown:dir(rtl){right:calc(var(--udexSpacer16) * -1);left:auto}.udex-secondary-navigation__item-sub-title{display:none}.udex-secondary-navigation__item-text-wrap{display:flex;align-items:center;white-space:nowrap}@media (max-width: 979px){:host{width:100%;min-height:100%}.udex-secondary-navigation__item-icon{transform:translateY(-50%);position:absolute;right:0;top:50%;width:22px;max-width:22px;height:22px;margin:0}.udex-secondary-navigation__item-icon:dir(rtl){right:auto;left:0}.udex-secondary-navigation__dropdown{position:relative;box-shadow:none;min-width:initial;max-width:initial;left:initial;margin-top:initial;top:initial;overflow-y:auto;max-height:calc(var(--udex-secondary-navigation-item-dropdown-mobile-max-height) - var(--udexSpacer24))}.udex-secondary-navigation__dropdown:dir(rtl){right:0}.udex-secondary-navigation__item{font-size:var(--udex-secondary-navigation-item-mobile-font-size);font-weight:var(--udex-secondary-navigation-item-mobile-title-font-weight);color:var(--udex-secondary-navigation-item-mobile-title-color);box-shadow:var(--udex-secondary-navigation-item-mobile-heading-shadow);background:var(--udex-secondary-navigation-item-dropdown-background);padding:var(--udexSpacer12) var(--udexSpacer48);position:relative;box-sizing:border-box;white-space:normal;min-height:var(--udex-secondary-navigation-item-title-min-height);width:100%;z-index:1;display:flex;align-items:center;height:fit-content}.udex-secondary-navigation__item-sub-title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:400;display:block}.udex-secondary-navigation__dropdown{border-radius:0 0 var(--udexRadiusM) var(--udexRadiusM);box-shadow:var(--udex-secondary-navigation-item-mobile-dropdown-shadow)}[active].udex-secondary-navigation__item:before{display:none}:host([desktop]) .udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__item:focus-visible,.udex-secondary-navigation__item:focus-visible{outline-offset:calc(var(--udexSpacer4) * -1);outline:var(--udexRadiusXXS) solid var(--udexColorBlue10)}:host([is-open]) .udex-secondary-navigation__item-icon{transform:translateY(-50%) rotateX(180deg)}.udex-secondary-navigation__item-text-wrap{display:flex;align-items:baseline;flex-direction:column;white-space:normal;position:relative;text-align:left;width:100%;padding-inline-end:42px;gap:6px}.udex-secondary-navigation__item-text-wrap:dir(rtl){align-items:flex-start;text-align:right}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-item-color)}.udex-secondary-navigation__dropdown-list{padding:var(--udexSpacer16) 0}}@media (max-width: 639px){.udex-secondary-navigation__item{padding:var(--udexSpacer12) var(--udexSpacer24)}}
8
+ export default `:host{--udex-secondary-navigation-item-color: var(--sapTextColor, #223548);--udex-secondary-navigation-item-hover-color: var(--udexColorBlue8, #0057D2);--udex-secondary-navigation-item-active-color: var(--udexColorBlue9, #0040B0);--udex-secondary-navigation-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-secondary-navigation-item-mobile-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-secondary-navigation-item-line-height: 1.1;--udex-secondary-navigation-item-active-border-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-item-dropdown-shadow: 0 10px 30px 0 #22364940;--udex-secondary-navigation-item-dropdown-background: #FFF;--udex-secondary-navigation-item-title-min-height: 64px;--udex-secondary-navigation-item-dropdown-min-width: 240px;--udex-secondary-navigation-item-dropdown-max-width: 360px;--udex-secondary-navigation-item-dropdown-mobile-max-height: 100%;--udex-secondary-navigation-item-dropdown-desktop-max-height: none;--udex-secondary-navigation-item-mobile-dropdown-shadow: 0 2px 8px 0 var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-item-mobile-heading-shadow: 0 2px 4px 0 var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-item-mobile-title-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-item-mobile-title-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-secondary-navigation-item-mobile-title-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-secondary-navigation-item-mobile-title-font-weight: var(--udexTypographyFontWeightMedium, 500)}.udex-secondary-navigation__dropdown-list{padding:var(--udexSpacer12) 0;margin:0;list-style:none}.udex-secondary-navigation__item{color:var(--udex-secondary-navigation-item-color);font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-item-font-size);line-height:var(--udex-secondary-navigation-item-line-height);display:flex;align-items:flex-start;height:100%;text-decoration:none;background:none;cursor:pointer;border:none;padding:0;white-space:nowrap}.udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__item:focus,.udex-secondary-navigation__item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-item-hover-color)}.udex-secondary-navigation__item:active .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:active{color:var(--udex-secondary-navigation-item-active-color)}[active].udex-secondary-navigation__item:before{border-radius:var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;background:var(--udex-secondary-navigation-item-active-border-color);content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px}:host([is-open]) .udex-secondary-navigation__item-icon{transform:rotateX(180deg)}.udex-secondary-navigation__item-icon{margin-inline-start:var(--udexSpacer4);transition:.25s transform;max-width:16px;height:16px}.udex-secondary-navigation__dropdown,.udex-secondary-navigation__dropdown[data-horizontal-align=left]:dir(rtl){position:absolute;top:100%;margin-top:1px;left:calc(var(--udexSpacer16) * -1);right:auto;box-shadow:var(--udex-secondary-navigation-item-dropdown-shadow);min-width:var(--udex-secondary-navigation-item-dropdown-min-width);max-width:var(--udex-secondary-navigation-item-dropdown-max-width);max-height:var(--udex-secondary-navigation-item-dropdown-desktop-max-height);overflow-y:auto;background:var(--udex-secondary-navigation-item-dropdown-background)}.udex-secondary-navigation__dropdown[data-horizontal-align=right]{left:auto;right:calc(var(--udexSpacer16) * -1)}.udex-secondary-navigation__dropdown:dir(rtl){right:calc(var(--udexSpacer16) * -1);left:auto}.udex-secondary-navigation__item-sub-title{display:none}.udex-secondary-navigation__item-text-wrap{display:flex;align-items:center;white-space:nowrap}@media (max-width: 979px){:host{width:100%;min-height:100%}.udex-secondary-navigation__item-icon{transform:translateY(-50%);position:absolute;right:0;top:50%;width:22px;max-width:22px;height:22px;margin:0}.udex-secondary-navigation__item-icon:dir(rtl){right:auto;left:0}.udex-secondary-navigation__dropdown{position:relative;box-shadow:none;min-width:initial;max-width:initial;left:initial;margin-top:initial;top:initial;overflow-y:auto;max-height:calc(var(--udex-secondary-navigation-item-dropdown-mobile-max-height) - var(--udexSpacer24))}.udex-secondary-navigation__dropdown:dir(rtl){right:0}.udex-secondary-navigation__item{font-size:var(--udex-secondary-navigation-item-mobile-font-size);font-weight:var(--udex-secondary-navigation-item-mobile-title-font-weight);color:var(--udex-secondary-navigation-item-mobile-title-color);box-shadow:var(--udex-secondary-navigation-item-mobile-heading-shadow);background:var(--udex-secondary-navigation-item-dropdown-background);padding:var(--udexSpacer12) var(--udexSpacer48);position:relative;box-sizing:border-box;white-space:normal;min-height:var(--udex-secondary-navigation-item-title-min-height);width:100%;z-index:var(--udexZIndex1, 1);display:flex;align-items:center;height:fit-content}.udex-secondary-navigation__item-sub-title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:400;display:block}.udex-secondary-navigation__dropdown{border-radius:0 0 var(--udexRadiusM) var(--udexRadiusM);box-shadow:var(--udex-secondary-navigation-item-mobile-dropdown-shadow)}[active].udex-secondary-navigation__item:before{display:none}:host([desktop]) .udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__item:focus-visible,.udex-secondary-navigation__item:focus-visible{outline-offset:calc(var(--udexSpacer4) * -1);outline:var(--udexRadiusXXS) solid var(--udexColorBlue10)}:host([is-open]) .udex-secondary-navigation__item-icon{transform:translateY(-50%) rotateX(180deg)}.udex-secondary-navigation__item-text-wrap{display:flex;align-items:baseline;flex-direction:column;white-space:normal;position:relative;text-align:left;width:100%;padding-inline-end:42px;gap:6px}.udex-secondary-navigation__item-text-wrap:dir(rtl){align-items:flex-start;text-align:right}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-item-color)}.udex-secondary-navigation__dropdown-list{padding:var(--udexSpacer16) 0}}@media (max-width: 639px){.udex-secondary-navigation__item{padding:var(--udexSpacer12) var(--udexSpacer24)}}
9
9
  `
package/src/generated/themes/SelectBase.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("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-select-box-popover-min-width: 0px;--udex-select-box-popover-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 rgba(34,54,73,.3));--udex-select-box-popover-border-color: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-select-box-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-select-box-popover-border-radius: var(--udexRadiusM, 8px);--udex-select-box-input-color-typed-text: var(--sapField_TextColor, var(--udexColorGrey9));--udex-select-box-input-background: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-select-box-input-autocomplete-background: transparent}:host([displayonly]) .udex-text-field__search,:host([readonly]) .udex-text-field__search,:host([disabled]) .udex-text-field__search,:host([disabled]) .udex-text-field__trigger,:host([readonly]) .udex-text-field__trigger{cursor:inherit}:host([mode="SingleSelect"]) .udex-text-field__input{position:relative}:host([_focused]) .udex-text-field__wrap:before,:host([_open]) .udex-text-field__wrap:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusXS);pointer-events:none}:host([readonly]) .udex-text-field__search{background:inherit;border:inherit}.udex-text-field__input:not([readonly]):not([disabled]) .udex-text-field__trigger:hover{border-left:1px solid var(--udexColorGrey4, #A9B4BE)}.udex-text-field__input[open]:not([readonly]):not([disabled]) .udex-text-field__trigger:hover,.udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger{border-left:1px solid var(--udexColorBlue4, #89D1FF);cursor:pointer}:host(:dir(rtl)) .udex-text-field__input:not([readonly]) .udex-text-field__trigger:hover{border-right:1px solid var(--udexColorGrey4, #A9B4BE);border-left:none}:host(:dir(rtl)) .udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger{border-right:1px solid var(--udexColorBlue4, #89D1FF);border-left:none}:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexColorRed4, #FF8CB2);color:var(--udexColorRed9, #840606)}:host([value-state="Error"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexColorRed4, #FF8CB2);color:var(--udexColorRed9, #840606);border-left:none}:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexColorGreen6, #36a41d);color:var(--udexColorGreen9, #1E592F)}:host([value-state="Success"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexColorGreen6, #36a41d);color:var(--udexColorGreen9, #1E592F);border-left:none}:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexColorMango6, #E76500);color:var(--udexColorMango9, #8D2A00)}:host([value-state="Warning"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexColorMango6, #E76500);color:var(--udexColorMango9, #8D2A00);border-left:none}.udex-text-field__trigger:hover,:host([mode="SingleSelect"]:not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__container:hover{cursor:pointer}:host([mode="SingleSelect"]) .udex-text-field__search{position:absolute;inset:0 42px 0 0}.udex-text-field__holder{height:100%;width:100%;position:relative}.udex-text-field__label{pointer-events:none;max-width:calc(100% - 56px)}.udex-text-field__label_active{position:absolute;top:9px;left:12px}.udex-text-field__input{display:flex;align-items:center;padding:0}.udex-text-field__trigger{display:flex;align-items:center;justify-content:center;background:none;border-style:solid;box-sizing:border-box;border-width:var(--sapButton_BorderWidth);border-color:transparent;border-radius:var(--udexRadiusXS);padding:var(--udexSpacer4);z-index:1;height:42px;width:42px;min-width:42px;color:var(--udexColorGrey7, #475E75);outline:none}:host([mode="SingleSelect"]) .udex-text-field__trigger{margin-inline-start:auto}:host([_open]) .udex-text-field__trigger [ui5-icon]{transform:rotate(180deg)}.udex-text-field__trigger [ui5-icon]{height:18px;width:18px;color:inherit}.udex-text-field__text-holder{background:var(--udex-select-box-input-background);position:absolute;inset:0 13px;padding:var(--udexSpacer8) 0;pointer-events:none;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([readonly]) .udex-text-field__text-holder{background:inherit}.udex-text-field__single-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-color:var(--udex-select-box-input-autocomplete-background)}.udex-text-field__single-label b{font-weight:400}:host .udex-text-field__input[open] .udex-text-field__trigger{color:var(--udexColorBlue9, #0040B0)}.udex-select-box__dropdown{--udex-dropdown-pane-min-width: var(--udex-select-box-popover-min-width);width:var(--udex-dropdown-pane-width);border:var(--udex-select-box-popover-border-width) solid var(--udex-select-box-popover-border-color);border-radius:var(--udex-select-box-popover-border-radius);box-shadow:var(--udex-select-box-popover-shadow)}.udex-select-box__dropdown::part(content){padding:0;overflow:auto}.udex-select-box__dropdown::part(footer){justify-content:flex-start;background:none;padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px) var(--udexSpacer16, 16px) var(--udexSpacer16, 16px);border-color:var(--udex-select-box-popover-border-color)}.udex-text-field__search{font-family:var(--sapFontFamily);font-size:16px;line-height:24px;display:block;color:var(--udex-select-box-input-color-typed-text);padding:var(--udexSpacer8) var(--udexSpacer12);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-select-box-input-background);border-radius:var(--udexRadiusXS);cursor:pointer;border:0;width:100%}.udex-text-field__trigger:focus,.udex-text-field__search:focus{outline:none}@media (max-width: 639px){.udex-select-box__dropdown{--udex-dropdown-pane-min-width-xs: var(--udex-select-box-popover-min-width)}}
8
+ export default `:host{--udex-select-box-popover-min-width: 0px;--udex-select-box-popover-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 rgba(34,54,73,.3));--udex-select-box-popover-border-color: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-select-box-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-select-box-popover-border-radius: var(--udexRadiusM, 8px);--udex-select-box-input-color-typed-text: var(--sapField_TextColor, var(--udexColorGrey9));--udex-select-box-input-background: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-select-box-input-autocomplete-background: transparent}:host([displayonly]) .udex-text-field__search,:host([readonly]) .udex-text-field__search,:host([disabled]) .udex-text-field__search,:host([disabled]) .udex-text-field__trigger,:host([readonly]) .udex-text-field__trigger{cursor:inherit}:host([mode="SingleSelect"]) .udex-text-field__input{position:relative}:host([_focused]) .udex-text-field__wrap:before,:host([_open]) .udex-text-field__wrap:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusXS);pointer-events:none}:host([readonly]) .udex-text-field__search{background:inherit;border:inherit}.udex-text-field__input:not([readonly]):not([disabled]) .udex-text-field__trigger:hover{border-left:1px solid var(--udexColorGrey4, #A9B4BE)}.udex-text-field__input[open]:not([readonly]):not([disabled]) .udex-text-field__trigger:hover,.udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger{border-left:1px solid var(--udexColorBlue4, #89D1FF);cursor:pointer}:host(:dir(rtl)) .udex-text-field__input:not([readonly]) .udex-text-field__trigger:hover{border-right:1px solid var(--udexColorGrey4, #A9B4BE);border-left:none}:host(:dir(rtl)) .udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger{border-right:1px solid var(--udexColorBlue4, #89D1FF);border-left:none}:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexColorRed4, #FF8CB2);color:var(--udexColorRed9, #840606)}:host([value-state="Error"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexColorRed4, #FF8CB2);color:var(--udexColorRed9, #840606);border-left:none}:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexColorGreen6, #36a41d);color:var(--udexColorGreen9, #1E592F)}:host([value-state="Success"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexColorGreen6, #36a41d);color:var(--udexColorGreen9, #1E592F);border-left:none}:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexColorMango6, #E76500);color:var(--udexColorMango9, #8D2A00)}:host([value-state="Warning"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexColorMango6, #E76500);color:var(--udexColorMango9, #8D2A00);border-left:none}.udex-text-field__trigger:hover,:host([mode="SingleSelect"]:not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__container:hover{cursor:pointer}:host([mode="SingleSelect"]) .udex-text-field__search{position:absolute;inset:0 42px 0 0}.udex-text-field__holder{height:100%;width:100%;position:relative}.udex-text-field__label{pointer-events:none;max-width:calc(100% - 56px)}.udex-text-field__label_active{position:absolute;top:9px;left:12px}.udex-text-field__input{display:flex;align-items:center;padding:0}.udex-text-field__trigger{display:flex;align-items:center;justify-content:center;background:none;border-style:solid;box-sizing:border-box;border-width:var(--sapButton_BorderWidth);border-color:transparent;border-radius:var(--udexRadiusXS);padding:var(--udexSpacer4);z-index:var(--udexZIndex1, 1);height:42px;width:42px;min-width:42px;color:var(--udexColorGrey7, #475E75);outline:none}:host([mode="SingleSelect"]) .udex-text-field__trigger{margin-inline-start:auto}:host([_open]) .udex-text-field__trigger [ui5-icon]{transform:rotate(180deg)}.udex-text-field__trigger [ui5-icon]{height:18px;width:18px;color:inherit}.udex-text-field__text-holder{background:var(--udex-select-box-input-background);position:absolute;inset:0 13px;padding:var(--udexSpacer8) 0;pointer-events:none;z-index:var(--udexZIndex1, 1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([readonly]) .udex-text-field__text-holder{background:inherit}.udex-text-field__single-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-color:var(--udex-select-box-input-autocomplete-background)}.udex-text-field__single-label b{font-weight:400}:host .udex-text-field__input[open] .udex-text-field__trigger{color:var(--udexColorBlue9, #0040B0)}.udex-select-box__dropdown{--udex-dropdown-pane-min-width: var(--udex-select-box-popover-min-width);width:var(--udex-dropdown-pane-width);border:var(--udex-select-box-popover-border-width) solid var(--udex-select-box-popover-border-color);border-radius:var(--udex-select-box-popover-border-radius);box-shadow:var(--udex-select-box-popover-shadow)}.udex-select-box__dropdown::part(content){padding:0;overflow:auto}.udex-select-box__dropdown::part(footer){justify-content:flex-start;background:none;padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px) var(--udexSpacer16, 16px) var(--udexSpacer16, 16px);border-color:var(--udex-select-box-popover-border-color)}.udex-text-field__search{font-family:var(--sapFontFamily);font-size:16px;line-height:24px;display:block;color:var(--udex-select-box-input-color-typed-text);padding:var(--udexSpacer8) var(--udexSpacer12);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-select-box-input-background);border-radius:var(--udexRadiusXS);cursor:pointer;border:0;width:100%}.udex-text-field__trigger:focus,.udex-text-field__search:focus{outline:none}@media (max-width: 639px){.udex-select-box__dropdown{--udex-dropdown-pane-min-width-xs: var(--udex-select-box-popover-min-width)}}
9
9
  `
package/src/generated/themes/StepInput.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("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-step-input-button-size: 42px;--udex-step-input-input-horizontal-padding: var(--udexSpacer8, 8px);--udex-step-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-step-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-step-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexColorRed7));--udex-step-input-color-error-active-border: var(--udexColorRed9, #840606);--udex-step-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexColorMango7));--udex-step-input-color-warning-active-border: var(--udexColorMango9, #8D2A00);--udex-step-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexColorGreen7));--udex-step-input-color-success-active-border: var(--udexColorGreen9, #1E592F)}:host [udex-text-field]{--udex-input-color-standard-hover-border: var(--udex-step-input-color-standard-hover-border);--udex-input-color-standard-active-border: var(--udex-step-input-color-standard-active-border);--udex-input-color-error-hover-border: var(--udex-step-input-color-error-hover-border);--udex-input-color-error-active-border: var(--udex-step-input-color-error-active-border);--udex-input-color-warning-hover-border: var(--udex-step-input-color-warning-hover-border);--udex-input-color-warning-active-border: var(--udex-step-input-color-warning-active-border);--udex-input-color-success-hover-border: var(--udex-step-input-color-success-hover-border);--udex-input-color-success-active-border: var(--udex-step-input-color-success-active-border)}:host(:not([displayonly])) .udex-step-input__root{display:flex;align-items:flex-start}:host .udex-step-input__button{--udex-control-button-large-height: var(--udex-step-input-button-size);--udex-control-button-large-width: var(--udex-step-input-button-size);position:relative;padding:var(--udexSpacer4, 4px);width:38px;z-index:3;background:none;flex-shrink:0}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(ltr),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(rtl){border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(rtl),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(ltr){border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}:host([readonly]) .udex-step-input__button{opacity:1}:host(:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-hover-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-success-hover-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-hover-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-error-hover-border)}:host(:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-active-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-success-active-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-active-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-error-active-border)}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){padding-right:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding));padding-left:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding))}:host(:not([displayonly])) [udex-text-field]{margin-right:calc(var(--udex-step-input-button-size) * -1);margin-left:calc(var(--udex-step-input-button-size) * -1);width:100%}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){text-align:end}:host .udex-step-input__button_dec{order:1}:host [udex-text-field]{order:2}:host .udex-step-input__button_inc{order:3}.udex-step-input__root{position:relative}.hidden{position:absolute;z-index:-1;color:transparent}
8
+ export default `:host{--udex-step-input-button-size: 42px;--udex-step-input-input-horizontal-padding: var(--udexSpacer8, 8px);--udex-step-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-step-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-step-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexColorRed7));--udex-step-input-color-error-active-border: var(--udexColorRed9, #840606);--udex-step-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexColorMango7));--udex-step-input-color-warning-active-border: var(--udexColorMango9, #8D2A00);--udex-step-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexColorGreen7));--udex-step-input-color-success-active-border: var(--udexColorGreen9, #1E592F)}:host [udex-text-field]{--udex-input-color-standard-hover-border: var(--udex-step-input-color-standard-hover-border);--udex-input-color-standard-active-border: var(--udex-step-input-color-standard-active-border);--udex-input-color-error-hover-border: var(--udex-step-input-color-error-hover-border);--udex-input-color-error-active-border: var(--udex-step-input-color-error-active-border);--udex-input-color-warning-hover-border: var(--udex-step-input-color-warning-hover-border);--udex-input-color-warning-active-border: var(--udex-step-input-color-warning-active-border);--udex-input-color-success-hover-border: var(--udex-step-input-color-success-hover-border);--udex-input-color-success-active-border: var(--udex-step-input-color-success-active-border)}:host(:not([displayonly])) .udex-step-input__root{display:flex;align-items:flex-start}:host .udex-step-input__button{--udex-control-button-large-height: var(--udex-step-input-button-size);--udex-control-button-large-width: var(--udex-step-input-button-size);position:relative;padding:var(--udexSpacer4, 4px);width:38px;z-index:3;background:none;flex-shrink:0}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(ltr),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(rtl){border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(rtl),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(ltr){border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}:host([readonly]) .udex-step-input__button{opacity:1}:host(:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-hover-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-success-hover-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-hover-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-error-hover-border)}:host(:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-active-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-success-active-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-active-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-error-active-border)}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){padding-right:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding));padding-left:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding))}:host(:not([displayonly])) [udex-text-field]{margin-right:calc(var(--udex-step-input-button-size) * -1);margin-left:calc(var(--udex-step-input-button-size) * -1);width:100%}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){text-align:end}:host .udex-step-input__button_dec{order:1}:host [udex-text-field]{order:2}:host .udex-step-input__button_inc{order:3}.udex-step-input__root{position:relative}.hidden{position:absolute;z-index:var(--udexZIndexNegative, -1);color:transparent}
9
9
  `
package/src/generated/themes/TabInOverflow.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("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-tab-overflow-button-font-size: var(--sapFontSize, var(--udexTypographyNavigationRegularXLFontSize));--udex-tab-overflow-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-overflow-button-badge-background: var(--sapAccentColor2, var(--udexColorRed7));--udex-tab-overflow-button-font-family: var(--sapFontFamily, sans-serif);--udex-tab-overflow-button-line-height: var(--sapContent_LineHeight, var(--udexTypographyBodyLineHeight))}[ui5-popover]{margin-top:1px;box-shadow:0 2px 8px #2235484d;border:1px solid var(--udexColorGrey6)}[ui5-popover]::part(content){padding:0}.tab-navigation-popover{display:flex;flex-direction:column;min-width:150px}.udex-tab-overflow__button{padding:var(--udexSpacer8) var(--udexSpacer12);display:flex;background:none;border:0;border-radius:0;cursor:pointer;text-align:start;color:var(--udexColorGrey9);font-family:var(--udex-tab-overflow-button-font-family);font-size:var(--udex-tab-overflow-button-font-size);font-weight:var(--udex-tab-overflow-button-font-weight);line-height:var(--udex-tab-overflow-button-line-height);text-decoration:none;text-transform:capitalize}.udex-tab-overflow__button:hover{background-color:var(--udexColorGrey1)}.udex-tab-overflow__button:focus{outline:2px solid var(--udexColorBlue7, #0070F2);outline-offset:-2px}.udex-tab-overflow__button:active{background-color:var(--udexColorGrey2)}.udex-tab-overflow__button-icon{margin-inline-end:var(--udexSpacer8);position:relative;z-index:0}.udex-tab-overflow__button-badge{margin-block-start:-2px;margin-inline-start:2px;display:inline-flex;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udex-tab-overflow-button-badge-background)}.udex-tab-overflow__button-icon .udex-tab-overflow__button-badge{margin-block-start:0;margin-inline-start:0;position:absolute;z-index:1;inset-block-start:-4px;inset-inline-end:-6px}
8
+ export default `:host{--udex-tab-overflow-button-font-size: var(--sapFontSize, var(--udexTypographyNavigationRegularXLFontSize));--udex-tab-overflow-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-overflow-button-badge-background: var(--sapAccentColor2, var(--udexColorRed7));--udex-tab-overflow-button-font-family: var(--sapFontFamily, sans-serif);--udex-tab-overflow-button-line-height: var(--sapContent_LineHeight, var(--udexTypographyBodyLineHeight))}[ui5-popover]{margin-top:1px;box-shadow:0 2px 8px #2235484d;border:1px solid var(--udexColorGrey6)}[ui5-popover]::part(content){padding:0}.tab-navigation-popover{display:flex;flex-direction:column;min-width:150px}.udex-tab-overflow__button{padding:var(--udexSpacer8) var(--udexSpacer12);display:flex;background:none;border:0;border-radius:0;cursor:pointer;text-align:start;color:var(--udexColorGrey9);font-family:var(--udex-tab-overflow-button-font-family);font-size:var(--udex-tab-overflow-button-font-size);font-weight:var(--udex-tab-overflow-button-font-weight);line-height:var(--udex-tab-overflow-button-line-height);text-decoration:none;text-transform:capitalize}.udex-tab-overflow__button:hover{background-color:var(--udexColorGrey1)}.udex-tab-overflow__button:focus{outline:2px solid var(--udexColorBlue7, #0070F2);outline-offset:-2px}.udex-tab-overflow__button:active{background-color:var(--udexColorGrey2)}.udex-tab-overflow__button-icon{margin-inline-end:var(--udexSpacer8);position:relative;z-index:var(--udexZIndex0, 0)}.udex-tab-overflow__button-badge{margin-block-start:-2px;margin-inline-start:2px;display:inline-flex;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udex-tab-overflow-button-badge-background)}.udex-tab-overflow__button-icon .udex-tab-overflow__button-badge{margin-block-start:0;margin-inline-start:0;position:absolute;z-index:var(--udexZIndex1, 1);inset-block-start:-4px;inset-inline-end:-6px}
9
9
  `
package/src/generated/themes/TabNavigation.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("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.1;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-tab-with-icon-background-hover: var(--udexColorBlue2, #D1EFFF);--udex-button-tab-with-icon-color: var(--udexColorGrey7, #475E75);--udex-button-tab-with-icon-color-hover: var(--udexColorGrey9, #223548);--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--udexColorBlue8, #0057D2);--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexColorGrey9);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-tab-header-width: 428px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode="Dark"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer,:host([mode="Dark"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:1;height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;flex:0 0 auto;margin-inline-end:var(--udex-button-more-margin-inline-end)}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);box-shadow:inset 0 0 0 1px var(--udex-button-tab-with-icon-border-color);position:relative;z-index:0}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active);box-shadow:none}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover);box-shadow:none}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}.udex-tab-navigation__button-body-text,.udex-tab-navigation__button-link{display:none}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}:host([orientation="Vertical"]) .udex-tab-navigation__root{flex-direction:column}:host([orientation="Vertical"]) .udex-tab-navigation__header{flex:0 0 100%}:host([orientation="Vertical"]) .udex-tab-navigation__content{flex:0 0 100%;padding-inline-start:0}:host([orientation="Vertical"])>.udex-tab-navigation__root>.udex-tab-navigation__content{display:none}}:host([orientation="Vertical"]) .udex-tab-navigation__root{display:flex;gap:var(--udexSpacer24, 24px)}:host([orientation="Vertical"]) .udex-tab-navigation__header{flex-direction:column;align-items:stretch;min-height:auto;height:auto;flex:0 0 25%;width:100%;max-height:none;align-self:var(--udex-tab-navigation-header-alignment, flex-start)}:host([orientation="Vertical"][vertical-alignment="Center"]){--udex-tab-navigation-header-alignment: center}:host([orientation="Vertical"]) .udex-tab-navigation__header:before{display:none}:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs{flex-direction:column;gap:var(--udexSpacer16, 16px);overflow:visible;white-space:normal;max-height:none;border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}@media screen and (max-width: 979px){:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs{gap:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-tab:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__tab-wrapper:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-link:not(:last-child):not(:has(+.udex-tab-navigation__content)){margin-block-end:var(--udexSpacer8, 8px)}}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab{padding:var(--udexSpacer16, 16px);align-items:flex-start;width:100%;height:auto;min-height:auto;margin-inline-end:0;transition:all .2s ease-in}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:0}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active{padding:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:1;width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--udexSpacer16, 16px);padding:var(--udexSpacer16, 16px);transition:all .2s ease-in}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active){padding:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active):before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:1;width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab{padding:0}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab--active:before{display:none}:host([orientation="Vertical"]) .udex-tab-navigation__button-badge{inset-block-start:0;inset-inline-end:-10px}:host([orientation="Vertical"]) .udex-tab-navigation__button-text{position:relative;font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:1.1;font-weight:var(--udexTypographyFontWeightMedium);text-align:start}:host([orientation="Vertical"]) .udex-tab-navigation__button-body-text{display:none;margin:0;font-family:var(--udex-button-tab-font-family);font-size:var(--udexTypographyBodyXSFontSize, 14px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udexColorGrey7);line-height:var(--udex-tab-navigation-content-line-height);text-align:start}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-body-text{display:block}:host([orientation="Vertical"]) .udex-tab-navigation__button-links{display:none;flex-direction:column;gap:var(--udexSpacer2, 2px)}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-links{display:flex}:host([orientation="Vertical"]) .udex-tab-navigation__content{flex:1 1 75%;padding-block-start:0;padding-inline-start:var(--udexSpacer16, 16px)}:host([orientation="Vertical"][placement="End"]) .udex-tab-navigation__header{order:1}:host([orientation="Vertical"]) .udex-tab-navigation__play-button{margin-block-end:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__footer{margin-block-start:var(--udex-tab-navigation-footer-spacing, var(--udexSpacer20, 20px));padding-inline-start:var(--udexSpacer16, 16px)}:host([process-tab]){--udex-button-tab-process-item-count-font-size: var(--udexTypographyNavigationRegularXSFontSize, 12px);--udex-button-tab-process-item-count-font-weight: var(--udexTypographyFontWeightRegular, 400)}.udex-tab-navigation__button-tab[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity, .4);pointer-events:none;cursor:default}:host([process-tab]) .udex-tab-navigation__button-tab--process{flex-direction:row;align-items:flex-start;padding:var(--udexSpacer12, 12px) 0 calc(var(--udexSpacer12, 12px) + 3px);gap:var(--udexSpacer8, 8px)}:host([process-tab]) .udex-tab-navigation__button-tab--process:not(:last-child){margin-inline-end:var(--udexSpacer32, 32px)}:host([process-tab]) .udex-tab-navigation__button-tab--process .udex-tab-navigation__button-icon-outer{flex-shrink:0;margin:0;align-self:center}:host([process-tab]) .udex-tab-navigation__button-text-block{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--udexSpacer4, 4px)}:host([process-tab]) .udex-tab-navigation__button-item-count{display:block;font-size:var(--udex-button-tab-process-item-count-font-size);font-weight:var(--udex-button-tab-process-item-count-font-weight);line-height:1.1;color:var(--udexColorGrey7, #475E75)}:host([process-tab]) .udex-tab-navigation__button-text-block .udex-tab-navigation__button-text{text-align:start;font-weight:var(--udex-button-tab-font-weight);font-size:var(--udex-button-tab-font-size-default)}
8
+ export default `:host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.1;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-tab-with-icon-background-hover: var(--udexColorBlue2, #D1EFFF);--udex-button-tab-with-icon-color: var(--udexColorGrey7, #475E75);--udex-button-tab-with-icon-color-hover: var(--udexColorGrey9, #223548);--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--udexColorBlue8, #0057D2);--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexColorGrey9);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-tab-header-width: 428px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode="Dark"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer,:host([mode="Dark"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:var(--udexZIndexNegative, -1);border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:var(--udexZIndex0, 0);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:var(--udexZIndex1, 1);height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:var(--udexZIndex1, 1);width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;flex:0 0 auto;margin-inline-end:var(--udex-button-more-margin-inline-end)}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);box-shadow:inset 0 0 0 1px var(--udex-button-tab-with-icon-border-color);position:relative;z-index:var(--udexZIndex0, 0)}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active);box-shadow:none}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover);box-shadow:none}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}.udex-tab-navigation__button-body-text,.udex-tab-navigation__button-link{display:none}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}:host([orientation="Vertical"]) .udex-tab-navigation__root{flex-direction:column}:host([orientation="Vertical"]) .udex-tab-navigation__header{flex:0 0 100%}:host([orientation="Vertical"]) .udex-tab-navigation__content{flex:0 0 100%;padding-inline-start:0}:host([orientation="Vertical"])>.udex-tab-navigation__root>.udex-tab-navigation__content{display:none}}:host([orientation="Vertical"]) .udex-tab-navigation__root{display:flex;gap:var(--udexSpacer24, 24px)}:host([orientation="Vertical"]) .udex-tab-navigation__header{flex-direction:column;align-items:stretch;min-height:auto;height:auto;flex:0 0 25%;width:100%;max-height:none;align-self:var(--udex-tab-navigation-header-alignment, flex-start)}:host([orientation="Vertical"][vertical-alignment="Center"]){--udex-tab-navigation-header-alignment: center}:host([orientation="Vertical"]) .udex-tab-navigation__header:before{display:none}:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs{flex-direction:column;gap:var(--udexSpacer16, 16px);overflow:visible;white-space:normal;max-height:none;border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}@media screen and (max-width: 979px){:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs{gap:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-tab:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__tab-wrapper:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-link:not(:last-child):not(:has(+.udex-tab-navigation__content)){margin-block-end:var(--udexSpacer8, 8px)}}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab{padding:var(--udexSpacer16, 16px);align-items:flex-start;width:100%;height:auto;min-height:auto;margin-inline-end:0;transition:all .2s ease-in}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:0}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active{padding:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:var(--udexZIndex1, 1);width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--udexSpacer16, 16px);padding:var(--udexSpacer16, 16px);transition:all .2s ease-in}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active){padding:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active):before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:var(--udexZIndex1, 1);width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab{padding:0}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab--active:before{display:none}:host([orientation="Vertical"]) .udex-tab-navigation__button-badge{inset-block-start:0;inset-inline-end:-10px}:host([orientation="Vertical"]) .udex-tab-navigation__button-text{position:relative;font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:1.1;font-weight:var(--udexTypographyFontWeightMedium);text-align:start}:host([orientation="Vertical"]) .udex-tab-navigation__button-body-text{display:none;margin:0;font-family:var(--udex-button-tab-font-family);font-size:var(--udexTypographyBodyXSFontSize, 14px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udexColorGrey7);line-height:var(--udex-tab-navigation-content-line-height);text-align:start}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-body-text{display:block}:host([orientation="Vertical"]) .udex-tab-navigation__button-links{display:none;flex-direction:column;gap:var(--udexSpacer2, 2px)}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-links{display:flex}:host([orientation="Vertical"]) .udex-tab-navigation__content{flex:1 1 75%;padding-block-start:0;padding-inline-start:var(--udexSpacer16, 16px)}:host([orientation="Vertical"][placement="End"]) .udex-tab-navigation__header{order:1}:host([orientation="Vertical"]) .udex-tab-navigation__play-button{margin-block-end:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__footer{margin-block-start:var(--udex-tab-navigation-footer-spacing, var(--udexSpacer20, 20px));padding-inline-start:var(--udexSpacer16, 16px)}:host([process-tab]){--udex-button-tab-process-item-count-font-size: var(--udexTypographyNavigationRegularXSFontSize, 12px);--udex-button-tab-process-item-count-font-weight: var(--udexTypographyFontWeightRegular, 400)}.udex-tab-navigation__button-tab[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity, .4);pointer-events:none;cursor:default}:host([process-tab]) .udex-tab-navigation__button-tab--process{flex-direction:row;align-items:flex-start;padding:var(--udexSpacer12, 12px) 0 calc(var(--udexSpacer12, 12px) + 3px);gap:var(--udexSpacer8, 8px)}:host([process-tab]) .udex-tab-navigation__button-tab--process:not(:last-child){margin-inline-end:var(--udexSpacer32, 32px)}:host([process-tab]) .udex-tab-navigation__button-tab--process .udex-tab-navigation__button-icon-outer{flex-shrink:0;margin:0;align-self:center}:host([process-tab]) .udex-tab-navigation__button-text-block{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--udexSpacer4, 4px)}:host([process-tab]) .udex-tab-navigation__button-item-count{display:block;font-size:var(--udex-button-tab-process-item-count-font-size);font-weight:var(--udex-button-tab-process-item-count-font-weight);line-height:1.1;color:var(--udexColorGrey7, #475E75)}:host([process-tab]) .udex-tab-navigation__button-text-block .udex-tab-navigation__button-text{text-align:start;font-weight:var(--udex-button-tab-font-weight);font-size:var(--udex-button-tab-font-size-default)}
9
9
  `
package/src/generated/themes/TableCellBase.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("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-table-cell-sticky-shadow: 0 4px 8px rgba(34,54,73,.3)}:host{display:flex;align-items:center;box-sizing:border-box;border-bottom-width:1px;border-bottom-style:solid;position:relative;word-break:break-word}:host([_sticky]){position:sticky;left:0;z-index:1}:host([_sticky]:dir(rtl)){right:0}:host([_horizontal-offset]){box-shadow:var(--udex-table-cell-sticky-shadow)}
8
+ export default `:host{--udex-table-cell-sticky-shadow: 0 4px 8px rgba(34,54,73,.3)}:host{display:flex;align-items:center;box-sizing:border-box;border-bottom-width:1px;border-bottom-style:solid;position:relative;word-break:break-word}:host([_sticky]){position:sticky;left:0;z-index:var(--udexZIndex1, 1)}:host([_sticky]:dir(rtl)){right:0}:host([_horizontal-offset]){box-shadow:var(--udex-table-cell-sticky-shadow)}
9
9
  `
package/src/generated/themes/TagGroup.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("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `.udex-tag-group{width:100%}.udex-tag-group__tokenizer{border:none;width:100%;line-height:normal;--_ui5_tokenizer_padding: var(--udexSpacer12, 12px)}::part(n-more-text){font-size:var(--udexTypographyBodyXXSFontSize);color:var(--udexColorBlue7)}:host([disabled]){opacity:var(--sapContent_DisabledOpacity)}.udex-tag-group__tag{margin-inline-end:var(--udexSpacer8);max-width:100%}.udex-tag-group__tokenizer .udex-tag-group__tag{display:flex}:host(:not([displayonly])) .udex-tag-group-tooltip__content{line-height:1.75}.udex-tag-group__tag[data-overflows]{margin-inline-end:var(--udexSpacer4)}.udex-tag-group__tag[overflows]{display:none}:host([disabled]) .udex-tag-group__tokenizer{pointer-events:none}:host([displayonly]) .udex-tag-group__tag{margin-inline-end:0;position:relative}:host([displayonly]:dir(rtl)) .udex-tag-group__tag:not(:first-child):before{left:auto;right:-2px}:host([displayonly])::part(n-more-text):before,:host([displayonly]) .udex-tag-group__tag:not(:first-child):not([data-overflows]):before{content:"";position:absolute;top:9px;left:-2px;display:block;width:4px;height:4px;border-radius:50%;z-index:1;background:var(--udexColorGrey9, #223548)}:host([displayonly])::part(n-more-text):before{top:5px;left:-10px}:host([readonly])::part(n-more-text){color:var(--udexColorGrey6 ,#5B738B)}:host([displayonly])::part(n-more-text){position:relative;margin-inline-start:9px}::part(n-more-text){margin-inline-end:4px}:host([displayonly]:dir(rtl))::part(n-more-text):before{left:auto;right:-10px}::part(n-more-text):focus,::part(n-more-text):focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:3px;outline-style:auto}
8
+ export default `.udex-tag-group{width:100%}.udex-tag-group__tokenizer{border:none;width:100%;line-height:normal;--_ui5_tokenizer_padding: var(--udexSpacer12, 12px)}::part(n-more-text){font-size:var(--udexTypographyBodyXXSFontSize);color:var(--udexColorBlue7)}:host([disabled]){opacity:var(--sapContent_DisabledOpacity)}.udex-tag-group__tag{margin-inline-end:var(--udexSpacer8);max-width:100%}.udex-tag-group__tokenizer .udex-tag-group__tag{display:flex}:host(:not([displayonly])) .udex-tag-group-tooltip__content{line-height:1.75}.udex-tag-group__tag[data-overflows]{margin-inline-end:var(--udexSpacer4)}.udex-tag-group__tag[overflows]{display:none}:host([disabled]) .udex-tag-group__tokenizer{pointer-events:none}:host([displayonly]) .udex-tag-group__tag{margin-inline-end:0;position:relative}:host([displayonly]:dir(rtl)) .udex-tag-group__tag:not(:first-child):before{left:auto;right:-2px}:host([displayonly])::part(n-more-text):before,:host([displayonly]) .udex-tag-group__tag:not(:first-child):not([data-overflows]):before{content:"";position:absolute;top:9px;left:-2px;display:block;width:4px;height:4px;border-radius:50%;z-index:var(--udexZIndex1, 1);background:var(--udexColorGrey9, #223548)}:host([displayonly])::part(n-more-text):before{top:5px;left:-10px}:host([readonly])::part(n-more-text){color:var(--udexColorGrey6 ,#5B738B)}:host([displayonly])::part(n-more-text){position:relative;margin-inline-start:9px}::part(n-more-text){margin-inline-end:4px}:host([displayonly]:dir(rtl))::part(n-more-text):before{left:auto;right:-10px}::part(n-more-text):focus,::part(n-more-text):focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:3px;outline-style:auto}
9
9
  `
package/src/generated/themes/TextArea.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("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-textarea-color-standard-default-background: var(--sapField_Background, #fff);--udex-textarea-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-textarea-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-textarea-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-textarea-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-textarea-color-standard-actives-border: var(--sapField_Active_BorderColor, #0040b0);--udex-textarea-color-warning-default-background: var(--sapField_WarningBackground, #fff);--udex-textarea-color-warning-default-border: var(--udexColorMango6, #e76500);--udex-textarea-color-warning-hover-border: var(--sapField_WarningColor, #c35500);--udex-textarea-color-warning-actives-border: var(--sapWarningColor, #8d2a00);--udex-textarea-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-textarea-color-error-default-border: var(--udexColorRed6, #ee3939);--udex-textarea-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-textarea-color-error-actives-border: var(--udexColorRed9, #840606);--udex-textarea-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-textarea-color-success-default-border: var(--udexColorGreen6, #36a41d);--udex-textarea-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-textarea-color-success-actives-border: var(--sapSuccessColor, #1e592f);--udex-textarea-color-disabled-default-background: var(--sapField_Background, #fff);--udex-textarea-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-textarea-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-textarea-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-textarea-active-lable-font-size: var(--sapFontSmallSize, 12px);--udex-textarea-color-label-background: var(--sapField_Background, #fff);--udex-textarea-paddings: 9px var(--udexSpacer12, 12px) 15px;--udex-textarea-radius: var(--udexRadiusXS, 4px);--udex-textarea-height: 50px;--udex-textarea-border-width: 1px;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-textarea-color-standard-default-text)}.udex-textarea{position:relative}.udex-textarea__label{font-weight:var(--udexTypographyFontWeightRegular, 400);position:absolute;top:10px;margin-inline-start:9px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-textarea-color-standard-default-label);line-height:24px;transition:top .15s ease-out,font-size .15s ease-out}.udex-textarea__label--active{top:-11px;font-size:var(--udex-textarea-active-lable-font-size);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-standard-default-background) 60%)}:host [ui5-icon]{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-textarea__field{display:block;box-sizing:border-box;width:100%;height:var(--udex-textarea-height);max-height:94vh;margin:0;padding:var(--udex-textarea-paddings);background:var(--udex-textarea-color-standard-default-background);border-radius:var(--udex-textarea-radius);border:var(--udex-textarea-border-width) solid var(--udex-textarea-color-standard-default-border);font-weight:var(--udexTypographyFontWeightRegular, 400);outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;overflow:auto;resize:none;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-textarea__field:hover{border-color:var(--udex-textarea-color-standard-hover-border)}.udex-textarea__field:focus{border-color:var(--udex-textarea-color-standard-actives-border)}.udex-textarea__wrapper{position:relative}:host(:not([_is-touched])[active]) .udex-textarea__wrapper:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}:host([value-state="Warning"]) .udex-textarea__field{background-color:var(--udex-textarea-color-warning-default-background);border-color:var(--udex-textarea-color-warning-default-border)}:host([value-state="Warning"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-warning-default-background) 60%)}:host([value-state="Warning"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-warning-hover-border)}:host([value-state="Warning"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-warning-actives-border)}:host([value-state="Error"]) .udex-textarea__field{background-color:var(--udex-textarea-color-error-default-background);border-color:var(--udex-textarea-color-error-default-border)}:host([value-state="Error"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-error-default-background) 60%)}:host([value-state="Error"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-error-hover-border)}:host([value-state="Error"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-error-actives-border)}:host([value-state="Success"]) .udex-textarea__field{background-color:var(--udex-textarea-color-success-default-background);border-color:var(--udex-textarea-color-success-default-border)}:host([value-state="Success"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-success-default-background) 60%)}:host([value-state="Success"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-success-hover-border)}:host([value-state="Success"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-success-actives-border)}:host([disabled]) .udex-textarea{opacity:.4}:host([disabled]) .udex-textarea__field,:host([disabled]) .udex-textarea__field:hover{background-color:var(--udex-textarea-color-disabled-default-background);border-color:var(--udex-textarea-color-disabled-default-border)}:host([disabled]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-disabled-default-background) 60%)}:host([readonly]) .udex-textarea,:host([displayonly]) .udex-textarea{opacity:1}:host([readonly]) .udex-textarea__field,:host([readonly]) .udex-textarea__field:hover,:host([readonly]) .udex-textarea__field:focus{background-color:var(--udex-textarea-color-readonly-default-background);border-color:var(--udex-textarea-color-readonly-default-border)}:host([readonly]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-readonly-default-background) 60%)}:host([displayonly]) .udex-textarea__field,:host([displayonly]) .udex-textarea__field:hover,:host([displayonly]) .udex-textarea__field:focus{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-textarea__label--active{background:transparent}:host([rows]) .udex-textarea__field{height:auto}:host([rows="1"]) .udex-textarea__field{height:var(--udex-textarea-height)}.udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-standard-default-background)}:host([value-state="Warning"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-warning-default-background)}:host([value-state="Error"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-error-default-background)}:host([value-state="Success"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-success-default-background)}:host([disabled]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-disabled-default-background)}:host([readonly]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-readonly-default-background)}:host([displayonly]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid transparent}.hidden-text{display:none}.hidden-label{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}
8
+ export default `:host{--udex-textarea-color-standard-default-background: var(--sapField_Background, #fff);--udex-textarea-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-textarea-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-textarea-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-textarea-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-textarea-color-standard-actives-border: var(--sapField_Active_BorderColor, #0040b0);--udex-textarea-color-warning-default-background: var(--sapField_WarningBackground, #fff);--udex-textarea-color-warning-default-border: var(--udexColorMango6, #e76500);--udex-textarea-color-warning-hover-border: var(--sapField_WarningColor, #c35500);--udex-textarea-color-warning-actives-border: var(--sapWarningColor, #8d2a00);--udex-textarea-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-textarea-color-error-default-border: var(--udexColorRed6, #ee3939);--udex-textarea-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-textarea-color-error-actives-border: var(--udexColorRed9, #840606);--udex-textarea-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-textarea-color-success-default-border: var(--udexColorGreen6, #36a41d);--udex-textarea-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-textarea-color-success-actives-border: var(--sapSuccessColor, #1e592f);--udex-textarea-color-disabled-default-background: var(--sapField_Background, #fff);--udex-textarea-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-textarea-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-textarea-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-textarea-active-lable-font-size: var(--sapFontSmallSize, 12px);--udex-textarea-color-label-background: var(--sapField_Background, #fff);--udex-textarea-paddings: 9px var(--udexSpacer12, 12px) 15px;--udex-textarea-radius: var(--udexRadiusXS, 4px);--udex-textarea-height: 50px;--udex-textarea-border-width: 1px;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-textarea-color-standard-default-text)}.udex-textarea{position:relative}.udex-textarea__label{font-weight:var(--udexTypographyFontWeightRegular, 400);position:absolute;top:10px;margin-inline-start:9px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-textarea-color-standard-default-label);line-height:24px;transition:top .15s ease-out,font-size .15s ease-out}.udex-textarea__label--active{top:-11px;font-size:var(--udex-textarea-active-lable-font-size);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-standard-default-background) 60%)}:host [ui5-icon]{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-textarea__field{display:block;box-sizing:border-box;width:100%;height:var(--udex-textarea-height);max-height:94vh;margin:0;padding:var(--udex-textarea-paddings);background:var(--udex-textarea-color-standard-default-background);border-radius:var(--udex-textarea-radius);border:var(--udex-textarea-border-width) solid var(--udex-textarea-color-standard-default-border);font-weight:var(--udexTypographyFontWeightRegular, 400);outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;overflow:auto;resize:none;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-textarea__field:hover{border-color:var(--udex-textarea-color-standard-hover-border)}.udex-textarea__field:focus{border-color:var(--udex-textarea-color-standard-actives-border)}.udex-textarea__wrapper{position:relative}:host(:not([_is-touched])[active]) .udex-textarea__wrapper:before{content:"";position:absolute;z-index:var(--udexZIndexNegative, -1);inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}:host([value-state="Warning"]) .udex-textarea__field{background-color:var(--udex-textarea-color-warning-default-background);border-color:var(--udex-textarea-color-warning-default-border)}:host([value-state="Warning"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-warning-default-background) 60%)}:host([value-state="Warning"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-warning-hover-border)}:host([value-state="Warning"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-warning-actives-border)}:host([value-state="Error"]) .udex-textarea__field{background-color:var(--udex-textarea-color-error-default-background);border-color:var(--udex-textarea-color-error-default-border)}:host([value-state="Error"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-error-default-background) 60%)}:host([value-state="Error"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-error-hover-border)}:host([value-state="Error"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-error-actives-border)}:host([value-state="Success"]) .udex-textarea__field{background-color:var(--udex-textarea-color-success-default-background);border-color:var(--udex-textarea-color-success-default-border)}:host([value-state="Success"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-success-default-background) 60%)}:host([value-state="Success"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-success-hover-border)}:host([value-state="Success"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-success-actives-border)}:host([disabled]) .udex-textarea{opacity:.4}:host([disabled]) .udex-textarea__field,:host([disabled]) .udex-textarea__field:hover{background-color:var(--udex-textarea-color-disabled-default-background);border-color:var(--udex-textarea-color-disabled-default-border)}:host([disabled]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-disabled-default-background) 60%)}:host([readonly]) .udex-textarea,:host([displayonly]) .udex-textarea{opacity:1}:host([readonly]) .udex-textarea__field,:host([readonly]) .udex-textarea__field:hover,:host([readonly]) .udex-textarea__field:focus{background-color:var(--udex-textarea-color-readonly-default-background);border-color:var(--udex-textarea-color-readonly-default-border)}:host([readonly]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-readonly-default-background) 60%)}:host([displayonly]) .udex-textarea__field,:host([displayonly]) .udex-textarea__field:hover,:host([displayonly]) .udex-textarea__field:focus{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-textarea__label--active{background:transparent}:host([rows]) .udex-textarea__field{height:auto}:host([rows="1"]) .udex-textarea__field{height:var(--udex-textarea-height)}.udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-standard-default-background)}:host([value-state="Warning"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-warning-default-background)}:host([value-state="Error"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-error-default-background)}:host([value-state="Success"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-success-default-background)}:host([disabled]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-disabled-default-background)}:host([readonly]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-readonly-default-background)}:host([displayonly]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid transparent}.hidden-text{display:none}.hidden-label{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}
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("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
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(--udexColorGrey9));--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(--udexColorRed6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexColorRed7));--udex-input-color-error-active-border: var(--udexColorRed9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexColorRed7));--udex-input-color-warning-default-border: var(--udexColorMango6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexColorMango7));--udex-input-color-warning-active-border: var(--udexColorMango9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexColorMango7));--udex-input-color-success-default-border: var(--udexColorGreen6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexColorGreen7));--udex-input-color-success-active-border: var(--udexColorGreen9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexColorGreen7));--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);background-color:var(--udex-input-color-standard-default-background-light)}.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;text-overflow:ellipsis}.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}.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{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;background-color:transparent;border-color:transparent}: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);padding:0 var(--udexSpacer4)}.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:var(--udexSpacer8)}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:var(--udexSpacer8);left:auto}.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%);font-size:12px;background:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(var(--udex-input-color-standard-default-background-light) 65%,var(--udex-input-color-read-only-default-background) 65%)}: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}.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=password]::-ms-reveal{display:none}.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(--udexColorGrey9));--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(--udexColorRed6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexColorRed7));--udex-input-color-error-active-border: var(--udexColorRed9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexColorRed7));--udex-input-color-warning-default-border: var(--udexColorMango6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexColorMango7));--udex-input-color-warning-active-border: var(--udexColorMango9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexColorMango7));--udex-input-color-success-default-border: var(--udexColorGreen6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexColorGreen7));--udex-input-color-success-active-border: var(--udexColorGreen9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexColorGreen7));--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);background-color:var(--udex-input-color-standard-default-background-light)}.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;text-overflow:ellipsis}.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:var(--udexZIndexNegative, -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}.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{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;background-color:transparent;border-color:transparent}: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);padding:0 var(--udexSpacer4)}.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:var(--udexSpacer8)}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:var(--udexSpacer8);left:auto}.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%);font-size:12px;background:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(var(--udex-input-color-standard-default-background-light) 65%,var(--udex-input-color-read-only-default-background) 65%)}: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}.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=password]::-ms-reveal{display:none}.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/generated/themes/Wizard.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("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-wizard-background-color: var(--sapBackgroundColor, #FFFFFF);--udex-wizard-nav-shadow: var(--sapContent_HeaderShadow, none);--udex-wizard-step-max-width: 100%;--udex-wizard-step-min-width: 30px}:host .ui5-wiz-nav{box-shadow:var(--udex-wizard-nav-shadow);position:relative;z-index:1}:host([_breakpoint="S"])::part(navigator),:host([_breakpoint="M"])::part(navigator),:host([_breakpoint="L"])::part(navigator),:host([_breakpoint="XL"])::part(navigator){padding-inline-start:var(--udexSpacer2);padding-inline-end:var(--udexSpacer2)}:host([_breakpoint="S"])::part(step-content),:host([_breakpoint="M"])::part(step-content),:host([_breakpoint="L"])::part(step-content),:host([_breakpoint="XL"])::part(step-content){padding-inline-start:var(--udexSpacer8);padding-inline-end:var(--udexSpacer8)}:host .ui5-wiz-nav-list{display:flex;align-items:center;flex:1;min-width:0}:host .ui5-wiz-content{background:var(--udex-wizard-background-color)}[udex-wizard-tab]{--udex-wizard-tab-max-width: var(--udex-wizard-step-max-width);--udex-wizard-tab-min-width: var(--udex-wizard-step-min-width);display:block;flex-grow:1;min-width:0;position:relative}:host(:not([indeterminate])) [udex-wizard-tab]:last-child{flex-grow:0}[udex-wizard-tab][data-ui5-wizard-expanded-tab-prev=true]{width:2rem;padding-right:.75rem}
8
+ export default `:host{--udex-wizard-background-color: var(--sapBackgroundColor, #FFFFFF);--udex-wizard-nav-shadow: var(--sapContent_HeaderShadow, none);--udex-wizard-step-max-width: 100%;--udex-wizard-step-min-width: 30px}:host .ui5-wiz-nav{box-shadow:var(--udex-wizard-nav-shadow);position:relative;z-index:var(--udexZIndex1, 1)}:host([_breakpoint="S"])::part(navigator),:host([_breakpoint="M"])::part(navigator),:host([_breakpoint="L"])::part(navigator),:host([_breakpoint="XL"])::part(navigator){padding-inline-start:var(--udexSpacer2);padding-inline-end:var(--udexSpacer2)}:host([_breakpoint="S"])::part(step-content),:host([_breakpoint="M"])::part(step-content),:host([_breakpoint="L"])::part(step-content),:host([_breakpoint="XL"])::part(step-content){padding-inline-start:var(--udexSpacer8);padding-inline-end:var(--udexSpacer8)}:host .ui5-wiz-nav-list{display:flex;align-items:center;flex:1;min-width:0}:host .ui5-wiz-content{background:var(--udex-wizard-background-color)}[udex-wizard-tab]{--udex-wizard-tab-max-width: var(--udex-wizard-step-max-width);--udex-wizard-tab-min-width: var(--udex-wizard-step-min-width);display:block;flex-grow:1;min-width:0;position:relative}:host(:not([indeterminate])) [udex-wizard-tab]:last-child{flex-grow:0}[udex-wizard-tab][data-ui5-wizard-expanded-tab-prev=true]{width:2rem;padding-right:.75rem}
9
9
  `
package/src/i18n/messagebundle_uk.properties CHANGED
@@ -1,3 +1,11 @@
1
+ ASK_JOULE=Запитати Joule
2
+ SHOW_PASSWORD=Показати пароль
3
+ HIDE_PASSWORD=Приховати пароль
4
+ SUPPORT=Підтримка
5
+ ACCESSIBLE_NAME_RESET_ICON=Очистити
6
+ TOOLTIP_RESET_BUTTON=Очистити
7
+ CAROUSEL_AUTOPLAY_TOGGLE_START=Розпочати автовідтворення каруселі
8
+ CAROUSEL_AUTOPLAY_TOGGLE_STOP=Зупинити автовідтворення каруселі
1
9
  COPYRIGHT=© {0} SAP SE або афілійована компанія SAP. Усі права захищено.
2
10
  OVERVIEW=Огляд
3
11
  LOGOUT=Вихід
package/src/themes/AccordionItem.css CHANGED
@@ -14,7 +14,7 @@
14
14
  --udex-accordion-item-icon-height: 16px;
15
15
  --udex-accordion-item-label-icon-width: 24px;
16
16
  --udex-accordion-item-label-icon-height: 24px;
17
- --udex-accordion-item-content-padding: 0 var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);
17
+ --udex-accordion-item-content-padding: var(--udexSpacer4, 4px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);
18
18
  --udex-accordion-item-with-icon-content-margin: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) calc(var(--udexSpacer16, 16px) + var(--udex-accordion-item-label-icon-width, 24px) + var(--udexSpacer12, 12px));
19
19
  --udex-accordion-item-content-max-height: 1000px;
20
20
  --udex-accordion-item-button-icon-m-size: 16px;
package/src/themes/AccordionSpotlight.css CHANGED
@@ -149,7 +149,7 @@
149
149
  background-color: var(--udex-accordion-spotlight-indicator-color);
150
150
  border-start-end-radius: var(--udexRadiusXXS, 2px);
151
151
  border-end-end-radius: var(--udexRadiusXXS, 2px);
152
- z-index: 1;
152
+ z-index: var(--udexZIndex1, 1);
153
153
  }
154
154
 
155
155
  .udex-accordion-spotlight__content {
package/src/themes/Avatar.css CHANGED
@@ -185,7 +185,7 @@
185
185
  content: '';
186
186
  inset-block-start: 0;
187
187
  inset-inline-end: 0;
188
- z-index: 1;
188
+ z-index: var(--udexZIndex1, 1);
189
189
  width: 6px;
190
190
  height: 6px;
191
191
  border: 1px solid #fff;
package/src/themes/CountrySelector.css CHANGED
@@ -3,12 +3,14 @@
3
3
  --udex-country-selector-flag-height: 20px;
4
4
  --udex-country-selector-padding-start: 50px;
5
5
  --udex-country-selector-padding-end: 12px;
6
- --udex-country-selector-text-offset: 36px;
6
+ --udex-country-selector-text-offset: 40px;
7
7
  --udex-country-selector-search-inset-end: 42px;
8
8
  --udex-country-selector-search-inset-start: 36px;
9
9
  --udex-country-selector-active-text-offset-y: -21px;
10
10
  --udex-country-selector-label-offset-y: 96px;
11
+ --udex-country-selector-flag-border-color: var(--udexColorGrey2, #EAECEE);
11
12
  }
13
+
12
14
  :host([_country-selector]) .udex-text-field__label {
13
15
  max-width: calc(100% - var(--udex-country-selector-label-offset-y));
14
16
  }
@@ -70,7 +72,7 @@
70
72
  position: absolute;
71
73
  top: 0;
72
74
  transform: translate(0, 50%);
73
- z-index: 1;
75
+ z-index: var(--udexZIndex1, 1);
74
76
  min-width: var(--udex-country-selector-flag-width);
75
77
  width: var(--udex-country-selector-flag-width);
76
78
  height: var(--udex-country-selector-flag-height);
@@ -79,6 +81,14 @@
79
81
  pointer-events: none;
80
82
  }
81
83
 
84
+ .udex-text-field__image:before {
85
+ border: 1px solid var(--udex-country-selector-flag-border-color);
86
+ content: "";
87
+ position: absolute;
88
+ inset: 0;
89
+ pointer-events: none;
90
+ }
91
+
82
92
  .udex-text-field__input > .udex-text-field__image {
83
93
  position: relative;
84
94
  transform: translate(0);
package/src/themes/EventRibbon.css CHANGED
@@ -300,7 +300,7 @@
300
300
  background-position: var(--udex-event-ribbon-background-position);
301
301
  background-repeat: no-repeat;
302
302
  transition: ease-out 300ms;
303
- z-index: 0;
303
+ z-index: var(--udexZIndex0, 0);
304
304
  will-change: transform;
305
305
  }
306
306
 
package/src/themes/FilterMenu.css CHANGED
@@ -141,9 +141,10 @@
141
141
  }
142
142
 
143
143
  .udex-filter-menu__footer {
144
+ height: auto;
144
145
  width: 100%;
145
146
  display: flex;
146
- gap: 10px;
147
+ gap: var(--udexSpacer8, 8px);
147
148
  }
148
149
 
149
150
  .udex-filter-menu__badge {
@@ -166,7 +167,7 @@
166
167
 
167
168
  [ui5-popover]::part(header),
168
169
  [ui5-popover]::part(footer) {
169
- padding: var(--udexSpacer16, 16px) var(--udexSpacer12, 12px);
170
+ padding: var(--udexSpacer12, 12px);
170
171
  }
171
172
 
172
173
  [ui5-popover]::part(footer) {
package/src/themes/HeroBanner.css CHANGED
@@ -126,7 +126,7 @@
126
126
  background: var(--udexColorNeutralBlack);
127
127
  opacity: 0.8;
128
128
  border-radius: 50%;
129
- z-index: -1;
129
+ z-index: var(--udexZIndexNegative, -1);
130
130
  }
131
131
 
132
132
  .udex-hero-banner__media-button:dir(rtl) {
package/src/themes/ImageGridTicker.css CHANGED
@@ -64,7 +64,7 @@
64
64
  bottom: 0;
65
65
  width: 120px;
66
66
  background: linear-gradient(90deg, #FFF 23.96%, rgba(255, 255, 255, 0) 100%);
67
- z-index: 1;
67
+ z-index: var(--udexZIndex1, 1);
68
68
  }
69
69
 
70
70
  :host([_is-scrollable]) .udex-image-grid-ticker__track-holder::after {
package/src/themes/ListItem.css CHANGED
@@ -30,7 +30,7 @@
30
30
  --udex-list-item-outline-border-color: var(--udexColorBlue10, #002A86);
31
31
  --udex-list-item-disabled-opacity: var(--sapContent_DisabledOpacity, 0.4);
32
32
  --udex-list-item-additional-text-font-weight: 400;
33
-
33
+ --udex-list-item-flag-border-color: var(--udexColorGrey2, #EAECEE);
34
34
 
35
35
  background: var(--udex-list-item-background-default);
36
36
  color: var(--udex-list-item-color-default);
@@ -174,7 +174,7 @@
174
174
  top: 0;
175
175
  right: 12px;
176
176
  left: 0;
177
- z-index: 1;
177
+ z-index: var(--udexZIndex1, 1);
178
178
  border-radius: var(--udexRadiusM, 8px) 0 0;
179
179
  }
180
180
 
@@ -311,6 +311,14 @@
311
311
  transform: translate(0, -50%);
312
312
  }
313
313
 
314
+ .udex-list__flag:before {
315
+ content: "";
316
+ position: absolute;
317
+ inset: 0;
318
+ pointer-events: none;
319
+ border: 1px solid var(--udex-list-item-flag-border-color);
320
+ }
321
+
314
322
  .hidden {
315
323
  display: none;
316
324
  }
package/src/themes/MastheadCountrySelector.css CHANGED
@@ -137,7 +137,7 @@
137
137
  right: 0;
138
138
  bottom: 0;
139
139
  height: 40px;
140
- z-index: 1;
140
+ z-index: var(--udexZIndex1, 1);
141
141
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
142
142
  }
143
143
 
package/src/themes/MastheadItem.css CHANGED
@@ -28,7 +28,7 @@
28
28
  --udex-masthead-item-dropdown-position: absolute;
29
29
  --udex-masthead-item-dropdown-mobile-height: var(--udex-masthead-shell-mobile-menu-height, 100%);
30
30
  --udex-masthead-item-dropdown-box-shadow-mobile: none;
31
- --udex-masthead-item-dropdown-zindex: 100;
31
+ --udex-masthead-item-dropdown-zindex: var(--udexZIndex100, 100);
32
32
  --udex-masthead-item-button-icon-size: 32px;
33
33
  --udex-masthead-item-arrow-icon-size: 16px;
34
34
  --udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);
package/src/themes/MastheadProfileMenu.css CHANGED
@@ -167,7 +167,7 @@
167
167
  right: 0;
168
168
  bottom: 0;
169
169
  height: 40px;
170
- z-index: 1;
170
+ z-index: var(--udexZIndex1, 1);
171
171
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
172
172
  }
173
173
 
package/src/themes/MastheadShell.css CHANGED
@@ -248,7 +248,7 @@
248
248
  top: 0;
249
249
  bottom: 0;
250
250
  right: 0;
251
- z-index: 1;
251
+ z-index: var(--udexZIndex1, 1);
252
252
  }
253
253
 
254
254
  :host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl) {