@sapudex/web-components 2.60.0 → 2.61.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 (294) hide show
  1. package/cypress/specs/Carousel.cy.tsx +46 -0
  2. package/cypress/specs/SecondaryNavigationDesktop.cy.tsx +52 -3
  3. package/cypress/specs/SelectBox.cy.tsx +37 -5
  4. package/cypress/specs/SideNavigation.cy.tsx +509 -0
  5. package/cypress/specs/Table.cy.tsx +90 -0
  6. package/cypress/support/component-imports.instrumented.ts +6 -0
  7. package/cypress/support/component-imports.src.ts +6 -0
  8. package/dist/Carousel.d.ts +1 -0
  9. package/dist/Carousel.js +16 -1
  10. package/dist/Carousel.js.map +1 -1
  11. package/dist/Pagination.d.ts +0 -1
  12. package/dist/Pagination.js +2 -2
  13. package/dist/Pagination.js.map +1 -1
  14. package/dist/SearchableListBaseTemplate.js +0 -1
  15. package/dist/SearchableListBaseTemplate.js.map +1 -1
  16. package/dist/SecondaryNavigation.d.ts +2 -1
  17. package/dist/SecondaryNavigation.js.map +1 -1
  18. package/dist/SecondaryNavigationItem.js +12 -6
  19. package/dist/SecondaryNavigationItem.js.map +1 -1
  20. package/dist/SecondaryNavigationTemplate.js +1 -2
  21. package/dist/SecondaryNavigationTemplate.js.map +1 -1
  22. package/dist/SelectBase.js +1 -1
  23. package/dist/SelectBase.js.map +1 -1
  24. package/dist/SideNavigation.d.ts +23 -0
  25. package/dist/SideNavigation.js +39 -0
  26. package/dist/SideNavigation.js.map +1 -1
  27. package/dist/SideNavigationItem.d.ts +10 -0
  28. package/dist/SideNavigationItem.js +67 -0
  29. package/dist/SideNavigationItem.js.map +1 -1
  30. package/dist/SideNavigationMobileTemplate.js +1 -1
  31. package/dist/SideNavigationMobileTemplate.js.map +1 -1
  32. package/dist/SideNavigationSubItem.d.ts +23 -0
  33. package/dist/SideNavigationSubItem.js +103 -0
  34. package/dist/SideNavigationSubItem.js.map +1 -1
  35. package/dist/SideNavigationSubItemTemplate.d.ts +2 -0
  36. package/dist/SideNavigationSubItemTemplate.js +10 -0
  37. package/dist/SideNavigationSubItemTemplate.js.map +1 -0
  38. package/dist/Table.js +1 -1
  39. package/dist/Table.js.map +1 -1
  40. package/dist/TableCell.d.ts +8 -2
  41. package/dist/TableCell.js +13 -11
  42. package/dist/TableCell.js.map +1 -1
  43. package/dist/TableCellBase.d.ts +2 -1
  44. package/dist/TableCellBase.js +9 -0
  45. package/dist/TableCellBase.js.map +1 -1
  46. package/dist/TableHeaderCell.d.ts +0 -1
  47. package/dist/TableHeaderCell.js +0 -4
  48. package/dist/TableHeaderCell.js.map +1 -1
  49. package/dist/TableRow.d.ts +10 -0
  50. package/dist/TableRow.js +23 -0
  51. package/dist/TableRow.js.map +1 -1
  52. package/dist/UploadItem.js +3 -4
  53. package/dist/UploadItem.js.map +1 -1
  54. package/dist/assets/{InputSuggestions-DyNcKgip.js → InputSuggestions-1OnUn6pM.js} +1 -1
  55. package/dist/assets/{ListItemStandardExpandableTextTemplate-qdKPzaOQ.js → ListItemStandardExpandableTextTemplate-CoBAMp_v.js} +1 -1
  56. package/dist/assets/{bundle.esm-sUYwSJOp.js → bundle.esm-BqaVWFKf.js} +233 -233
  57. package/dist/css/themes/AccordionSpotlight.css +1 -1
  58. package/dist/css/themes/Contact.css +1 -1
  59. package/dist/css/themes/EventRibbon.css +1 -1
  60. package/dist/css/themes/Feed.css +1 -1
  61. package/dist/css/themes/HeroBanner.css +1 -1
  62. package/dist/css/themes/ImageGridCloud.css +1 -1
  63. package/dist/css/themes/ImageGridTicker.css +1 -1
  64. package/dist/css/themes/ImageGridTickerItem.css +1 -1
  65. package/dist/css/themes/LinkList.css +1 -1
  66. package/dist/css/themes/MastheadCountrySelector.css +1 -1
  67. package/dist/css/themes/MastheadItem.css +1 -1
  68. package/dist/css/themes/MastheadMenu.css +1 -1
  69. package/dist/css/themes/MastheadMenuItem.css +1 -1
  70. package/dist/css/themes/MastheadMobileMenu.css +1 -1
  71. package/dist/css/themes/MastheadProfileMenu.css +1 -1
  72. package/dist/css/themes/MastheadShell.css +1 -1
  73. package/dist/css/themes/MessageStrip.css +1 -1
  74. package/dist/css/themes/Modal.css +1 -1
  75. package/dist/css/themes/PromoTile.css +1 -1
  76. package/dist/css/themes/Quote.css +1 -1
  77. package/dist/css/themes/Review.css +1 -1
  78. package/dist/css/themes/ReviewItem.css +1 -1
  79. package/dist/css/themes/SecondaryNavigation.css +1 -1
  80. package/dist/css/themes/SecondaryNavigationItem.css +1 -1
  81. package/dist/css/themes/SelectBase.css +1 -1
  82. package/dist/css/themes/SideNavigation.css +1 -1
  83. package/dist/css/themes/SideNavigationItem.css +1 -1
  84. package/dist/css/themes/SideNavigationMobile.css +1 -1
  85. package/dist/css/themes/SideNavigationMobileDropdown.css +1 -1
  86. package/dist/css/themes/SideNavigationSubItem.css +1 -1
  87. package/dist/css/themes/TabNavigation.css +1 -1
  88. package/dist/css/themes/Table.css +1 -1
  89. package/dist/css/themes/TableCellBase.css +1 -1
  90. package/dist/css/themes/Upload.css +1 -1
  91. package/dist/css/themes/UploadItem.css +1 -1
  92. package/dist/custom-elements-internal.json +155 -12
  93. package/dist/custom-elements.json +144 -19
  94. package/dist/generated/themes/AccordionSpotlight.css.d.ts +1 -1
  95. package/dist/generated/themes/AccordionSpotlight.css.js +1 -1
  96. package/dist/generated/themes/AccordionSpotlight.css.js.map +1 -1
  97. package/dist/generated/themes/Contact.css.d.ts +1 -1
  98. package/dist/generated/themes/Contact.css.js +1 -1
  99. package/dist/generated/themes/Contact.css.js.map +1 -1
  100. package/dist/generated/themes/EventRibbon.css.d.ts +1 -1
  101. package/dist/generated/themes/EventRibbon.css.js +1 -1
  102. package/dist/generated/themes/EventRibbon.css.js.map +1 -1
  103. package/dist/generated/themes/Feed.css.d.ts +1 -1
  104. package/dist/generated/themes/Feed.css.js +1 -1
  105. package/dist/generated/themes/Feed.css.js.map +1 -1
  106. package/dist/generated/themes/HeroBanner.css.d.ts +1 -1
  107. package/dist/generated/themes/HeroBanner.css.js +1 -1
  108. package/dist/generated/themes/HeroBanner.css.js.map +1 -1
  109. package/dist/generated/themes/ImageGridCloud.css.d.ts +1 -1
  110. package/dist/generated/themes/ImageGridCloud.css.js +1 -1
  111. package/dist/generated/themes/ImageGridCloud.css.js.map +1 -1
  112. package/dist/generated/themes/ImageGridTicker.css.d.ts +1 -1
  113. package/dist/generated/themes/ImageGridTicker.css.js +1 -1
  114. package/dist/generated/themes/ImageGridTicker.css.js.map +1 -1
  115. package/dist/generated/themes/ImageGridTickerItem.css.d.ts +1 -1
  116. package/dist/generated/themes/ImageGridTickerItem.css.js +1 -1
  117. package/dist/generated/themes/ImageGridTickerItem.css.js.map +1 -1
  118. package/dist/generated/themes/LinkList.css.d.ts +1 -1
  119. package/dist/generated/themes/LinkList.css.js +1 -1
  120. package/dist/generated/themes/LinkList.css.js.map +1 -1
  121. package/dist/generated/themes/MastheadCountrySelector.css.d.ts +1 -1
  122. package/dist/generated/themes/MastheadCountrySelector.css.js +1 -1
  123. package/dist/generated/themes/MastheadCountrySelector.css.js.map +1 -1
  124. package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
  125. package/dist/generated/themes/MastheadItem.css.js +1 -1
  126. package/dist/generated/themes/MastheadItem.css.js.map +1 -1
  127. package/dist/generated/themes/MastheadMenu.css.d.ts +1 -1
  128. package/dist/generated/themes/MastheadMenu.css.js +1 -1
  129. package/dist/generated/themes/MastheadMenu.css.js.map +1 -1
  130. package/dist/generated/themes/MastheadMenuItem.css.d.ts +1 -1
  131. package/dist/generated/themes/MastheadMenuItem.css.js +1 -1
  132. package/dist/generated/themes/MastheadMenuItem.css.js.map +1 -1
  133. package/dist/generated/themes/MastheadMobileMenu.css.d.ts +1 -1
  134. package/dist/generated/themes/MastheadMobileMenu.css.js +1 -1
  135. package/dist/generated/themes/MastheadMobileMenu.css.js.map +1 -1
  136. package/dist/generated/themes/MastheadProfileMenu.css.d.ts +1 -1
  137. package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
  138. package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
  139. package/dist/generated/themes/MastheadShell.css.d.ts +1 -1
  140. package/dist/generated/themes/MastheadShell.css.js +1 -1
  141. package/dist/generated/themes/MastheadShell.css.js.map +1 -1
  142. package/dist/generated/themes/MessageStrip.css.d.ts +1 -1
  143. package/dist/generated/themes/MessageStrip.css.js +1 -1
  144. package/dist/generated/themes/MessageStrip.css.js.map +1 -1
  145. package/dist/generated/themes/Modal.css.d.ts +1 -1
  146. package/dist/generated/themes/Modal.css.js +1 -1
  147. package/dist/generated/themes/Modal.css.js.map +1 -1
  148. package/dist/generated/themes/PromoTile.css.d.ts +1 -1
  149. package/dist/generated/themes/PromoTile.css.js +1 -1
  150. package/dist/generated/themes/PromoTile.css.js.map +1 -1
  151. package/dist/generated/themes/Quote.css.d.ts +1 -1
  152. package/dist/generated/themes/Quote.css.js +1 -1
  153. package/dist/generated/themes/Quote.css.js.map +1 -1
  154. package/dist/generated/themes/Review.css.d.ts +1 -1
  155. package/dist/generated/themes/Review.css.js +1 -1
  156. package/dist/generated/themes/Review.css.js.map +1 -1
  157. package/dist/generated/themes/ReviewItem.css.d.ts +1 -1
  158. package/dist/generated/themes/ReviewItem.css.js +1 -1
  159. package/dist/generated/themes/ReviewItem.css.js.map +1 -1
  160. package/dist/generated/themes/SecondaryNavigation.css.d.ts +1 -1
  161. package/dist/generated/themes/SecondaryNavigation.css.js +1 -1
  162. package/dist/generated/themes/SecondaryNavigation.css.js.map +1 -1
  163. package/dist/generated/themes/SecondaryNavigationItem.css.d.ts +1 -1
  164. package/dist/generated/themes/SecondaryNavigationItem.css.js +1 -1
  165. package/dist/generated/themes/SecondaryNavigationItem.css.js.map +1 -1
  166. package/dist/generated/themes/SelectBase.css.d.ts +1 -1
  167. package/dist/generated/themes/SelectBase.css.js +1 -1
  168. package/dist/generated/themes/SelectBase.css.js.map +1 -1
  169. package/dist/generated/themes/SideNavigation.css.d.ts +1 -1
  170. package/dist/generated/themes/SideNavigation.css.js +1 -1
  171. package/dist/generated/themes/SideNavigation.css.js.map +1 -1
  172. package/dist/generated/themes/SideNavigationItem.css.d.ts +1 -1
  173. package/dist/generated/themes/SideNavigationItem.css.js +1 -1
  174. package/dist/generated/themes/SideNavigationItem.css.js.map +1 -1
  175. package/dist/generated/themes/SideNavigationMobile.css.d.ts +1 -1
  176. package/dist/generated/themes/SideNavigationMobile.css.js +1 -1
  177. package/dist/generated/themes/SideNavigationMobile.css.js.map +1 -1
  178. package/dist/generated/themes/SideNavigationMobileDropdown.css.d.ts +1 -1
  179. package/dist/generated/themes/SideNavigationMobileDropdown.css.js +1 -1
  180. package/dist/generated/themes/SideNavigationMobileDropdown.css.js.map +1 -1
  181. package/dist/generated/themes/SideNavigationSubItem.css.d.ts +1 -1
  182. package/dist/generated/themes/SideNavigationSubItem.css.js +1 -1
  183. package/dist/generated/themes/SideNavigationSubItem.css.js.map +1 -1
  184. package/dist/generated/themes/TabNavigation.css.d.ts +1 -1
  185. package/dist/generated/themes/TabNavigation.css.js +1 -1
  186. package/dist/generated/themes/TabNavigation.css.js.map +1 -1
  187. package/dist/generated/themes/Table.css.d.ts +1 -1
  188. package/dist/generated/themes/Table.css.js +1 -1
  189. package/dist/generated/themes/Table.css.js.map +1 -1
  190. package/dist/generated/themes/TableCellBase.css.d.ts +1 -1
  191. package/dist/generated/themes/TableCellBase.css.js +1 -1
  192. package/dist/generated/themes/TableCellBase.css.js.map +1 -1
  193. package/dist/generated/themes/Upload.css.d.ts +1 -1
  194. package/dist/generated/themes/Upload.css.js +1 -1
  195. package/dist/generated/themes/Upload.css.js.map +1 -1
  196. package/dist/generated/themes/UploadItem.css.d.ts +1 -1
  197. package/dist/generated/themes/UploadItem.css.js +1 -1
  198. package/dist/generated/themes/UploadItem.css.js.map +1 -1
  199. package/dist/types/Table.d.ts +6 -2
  200. package/dist/types/Table.js +7 -2
  201. package/dist/types/Table.js.map +1 -1
  202. package/dist/vscode.html-custom-data.json +44 -3
  203. package/dist/web-types.json +80 -6
  204. package/package.json +1 -1
  205. package/run-cypress.js +8 -1
  206. package/src/Carousel.ts +17 -1
  207. package/src/Pagination.ts +2 -3
  208. package/src/SearchableListBaseTemplate.tsx +0 -1
  209. package/src/SecondaryNavigation.ts +2 -1
  210. package/src/SecondaryNavigationItem.ts +14 -6
  211. package/src/SecondaryNavigationTemplate.tsx +4 -6
  212. package/src/SelectBase.ts +1 -1
  213. package/src/SideNavigation.ts +35 -0
  214. package/src/SideNavigationItem.ts +75 -0
  215. package/src/SideNavigationMobileTemplate.tsx +2 -1
  216. package/src/SideNavigationSubItem.ts +117 -1
  217. package/src/SideNavigationSubItemTemplate.tsx +56 -0
  218. package/src/Table.ts +1 -2
  219. package/src/TableCell.ts +9 -12
  220. package/src/TableCellBase.ts +10 -1
  221. package/src/TableHeaderCell.ts +0 -5
  222. package/src/TableRow.ts +20 -0
  223. package/src/UploadItem.ts +3 -5
  224. package/src/generated/themes/AccordionSpotlight.css.ts +1 -1
  225. package/src/generated/themes/Contact.css.ts +1 -1
  226. package/src/generated/themes/EventRibbon.css.ts +1 -1
  227. package/src/generated/themes/Feed.css.ts +1 -1
  228. package/src/generated/themes/HeroBanner.css.ts +1 -1
  229. package/src/generated/themes/ImageGridCloud.css.ts +1 -1
  230. package/src/generated/themes/ImageGridTicker.css.ts +1 -1
  231. package/src/generated/themes/ImageGridTickerItem.css.ts +1 -1
  232. package/src/generated/themes/LinkList.css.ts +1 -1
  233. package/src/generated/themes/MastheadCountrySelector.css.ts +1 -1
  234. package/src/generated/themes/MastheadItem.css.ts +1 -1
  235. package/src/generated/themes/MastheadMenu.css.ts +1 -1
  236. package/src/generated/themes/MastheadMenuItem.css.ts +1 -1
  237. package/src/generated/themes/MastheadMobileMenu.css.ts +1 -1
  238. package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
  239. package/src/generated/themes/MastheadShell.css.ts +1 -1
  240. package/src/generated/themes/MessageStrip.css.ts +1 -1
  241. package/src/generated/themes/Modal.css.ts +1 -1
  242. package/src/generated/themes/PromoTile.css.ts +1 -1
  243. package/src/generated/themes/Quote.css.ts +1 -1
  244. package/src/generated/themes/Review.css.ts +1 -1
  245. package/src/generated/themes/ReviewItem.css.ts +1 -1
  246. package/src/generated/themes/SecondaryNavigation.css.ts +1 -1
  247. package/src/generated/themes/SecondaryNavigationItem.css.ts +1 -1
  248. package/src/generated/themes/SelectBase.css.ts +1 -1
  249. package/src/generated/themes/SideNavigation.css.ts +1 -1
  250. package/src/generated/themes/SideNavigationItem.css.ts +1 -1
  251. package/src/generated/themes/SideNavigationMobile.css.ts +1 -1
  252. package/src/generated/themes/SideNavigationMobileDropdown.css.ts +1 -1
  253. package/src/generated/themes/SideNavigationSubItem.css.ts +1 -1
  254. package/src/generated/themes/TabNavigation.css.ts +1 -1
  255. package/src/generated/themes/Table.css.ts +1 -1
  256. package/src/generated/themes/TableCellBase.css.ts +1 -1
  257. package/src/generated/themes/Upload.css.ts +1 -1
  258. package/src/generated/themes/UploadItem.css.ts +1 -1
  259. package/src/themes/AccordionSpotlight.css +4 -1
  260. package/src/themes/Contact.css +1 -1
  261. package/src/themes/EventRibbon.css +4 -4
  262. package/src/themes/Feed.css +2 -2
  263. package/src/themes/HeroBanner.css +3 -3
  264. package/src/themes/ImageGridCloud.css +1 -1
  265. package/src/themes/ImageGridTicker.css +1 -1
  266. package/src/themes/ImageGridTickerItem.css +1 -1
  267. package/src/themes/LinkList.css +4 -4
  268. package/src/themes/MastheadCountrySelector.css +1 -1
  269. package/src/themes/MastheadItem.css +4 -4
  270. package/src/themes/MastheadMenu.css +1 -1
  271. package/src/themes/MastheadMenuItem.css +1 -1
  272. package/src/themes/MastheadMobileMenu.css +2 -2
  273. package/src/themes/MastheadProfileMenu.css +1 -1
  274. package/src/themes/MastheadShell.css +4 -4
  275. package/src/themes/MessageStrip.css +7 -2
  276. package/src/themes/Modal.css +1 -1
  277. package/src/themes/PromoTile.css +4 -3
  278. package/src/themes/Quote.css +2 -2
  279. package/src/themes/Review.css +2 -2
  280. package/src/themes/ReviewItem.css +2 -2
  281. package/src/themes/SecondaryNavigation.css +1 -2
  282. package/src/themes/SecondaryNavigationItem.css +3 -6
  283. package/src/themes/SelectBase.css +1 -1
  284. package/src/themes/SideNavigation.css +31 -8
  285. package/src/themes/SideNavigationItem.css +46 -18
  286. package/src/themes/SideNavigationMobile.css +6 -7
  287. package/src/themes/SideNavigationMobileDropdown.css +10 -3
  288. package/src/themes/SideNavigationSubItem.css +73 -17
  289. package/src/themes/TabNavigation.css +2 -2
  290. package/src/themes/Table.css +1 -1
  291. package/src/themes/TableCellBase.css +8 -0
  292. package/src/themes/Upload.css +1 -1
  293. package/src/themes/UploadItem.css +1 -1
  294. package/src/types/Table.ts +6 -2
package/dist/generated/themes/MastheadMenu.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MastheadMenu.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadMenu.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"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\");\nexport default `:host{--udex-masthead-menu-column_gap: 52px;--udex-masthead-menu-column-width:15rem;--udex-masthead-menu-row-margin: var(--udexSpacer32, 32px);--udex-masthead-menu-title-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-title-font-size-desktop: var(--udexTypographyHeadingRegularMFontSize, 32px);--udex-masthead-menu-title-font-size-mobile: var(--udexTypographyHeadingRegularXSFontSize, 24px);--udex-masthead-menu-title-margin-bottom: var(--udexSpacer32, 32px);--udex-masthead-menu-mobile-column-gap: var(--udexSpacer56, 56px);--udex-masthead-menu-item-mobile-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-grid-template-columns: auto;--udex-masthead-menu-justify-content: flex-start;--udex-masthead-menu-sub-category-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-sub-category-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-sub-category-text-transform: none;--udex-masthead-menu-sub-category-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-sub-category-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-sub-category-padding-block: var(--udexSpacer8);--udex-masthead-menu-sub-category-padding-inline: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-sub-list-item-spacing: var(--udexSpacer4);--udex-masthead-menu-sub-list-indent: var(--udexSpacer12, 12px)}.udex-masthead-menu{display:inline-block;position:relative;box-sizing:border-box;width:100%}.udex-masthead-menu__row{column-gap:var(--udex-masthead-menu-column_gap, 52px);margin-bottom:var(--udex-masthead-menu-row-margin);grid-template-columns:var(--udex-masthead-menu-grid-template-columns);justify-content:var(--udex-masthead-menu-justify-content);display:grid}.udex-masthead-menu_with-one-column .udex-masthead-menu__row{display:block}.udex-masthead-menu_with-one-column .udex-masthead-menu__header,.udex-masthead-menu_with-one-column .udex-masthead-menu__list{width:auto}.udex-masthead-menu_with-one-column .udex-masthead-menu__column{display:block;min-width:240px;max-width:240px}.udex-masthead-menu__row:last-child{margin-bottom:0}.udex-masthead-menu__column{display:contents}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__header{grid-row:1;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__header{grid-row:1;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__header{grid-row:1;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__header{grid-row:1;grid-column:4}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__list{grid-row:2;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__list{grid-row:2;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__list{grid-row:2;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__list{grid-row:2;grid-column:4}.udex-masthead-menu__list{width:var(--udex-masthead-menu-column-width);flex-grow:1;list-style:none;margin:0;padding:0}.udex-masthead-menu__list li{margin-bottom:var(--udexSpacer4)}.udex-masthead-menu__header{width:var(--udex-masthead-menu-column-width);margin-bottom:var(--udexSpacer12);display:flex;flex-direction:column;justify-content:flex-end}.udex-masthead-menu__title{font-family:var(--udex-masthead-menu-title-font-family);font-size:var(--udex-masthead-menu-title-font-size-desktop);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-bottom:var(--udex-masthead-menu-title-margin-bottom);text-align:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-badge),:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color);padding-block:var(--udex-masthead-menu-item-header-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-mobile);display:flex;align-items:center;justify-content:space-between;width:100%}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-badge){padding-block-start:var(--udex-masthead-menu-item-padding-mobile-with-badge-vertical);padding-inline-end:var(--udex-masthead-menu-item-padding-mobile-end-with-badge);padding-inline-start:var(--udex-masthead-menu-item-padding-mobile-start-with-badge)}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item){padding-block:var(--udex-masthead-menu-item-header-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-mobile);justify-content:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge){position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge):dir(rtl){right:auto;left:var(--udexSpacer16)}:host([_is-mobile-mode]) .udex-masthead-menu__list li{margin:0}:host([_is-mobile-mode]) .udex-masthead-menu__title{font-size:var(--udex-masthead-menu-title-font-size-mobile)}:host([_is-mobile-mode]) .udex-masthead-menu__row{gap:var(--udex-masthead-menu-mobile-column-gap, 56px);display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-menu__header{margin:0;width:auto}:host([_is-mobile-mode]) .udex-masthead-menu__list{width:auto}:host([_is-mobile-mode]) .udex-masthead-menu__column{width:100%}:host([_is-mobile-mode]) .udex-masthead-menu,:host([_is-mobile-mode]) .udex-masthead-menu__column{display:block}.udex-masthead-menu__item-divider{padding:var(--udexSpacer4) 0;width:33%;display:block}.udex-masthead-menu__sub-category{display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-masthead-menu-sub-category-font-size);line-height:var(--udex-masthead-menu-sub-category-line-height);font-weight:var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);color:var(--udex-masthead-menu-sub-category-color);padding-block:var(--udex-masthead-menu-sub-category-padding-block);padding-inline:var(--udex-masthead-menu-sub-category-padding-inline);box-sizing:border-box}[udex-masthead-menu-item].udex-masthead-menu__sub-category{--udex-masthead-menu-item-color: var(--udex-masthead-menu-sub-category-color);--udex-masthead-menu-item-font-size: var(--udex-masthead-menu-sub-category-font-size);--udex-masthead-menu-item-line-height: var(--udex-masthead-menu-sub-category-line-height);--udex-masthead-menu-item-font-weight: var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);padding:0}.udex-masthead-menu__sub-list{list-style:none;margin:0;padding:0;padding-inline-start:var(--udex-masthead-menu-sub-list-indent)}.udex-masthead-menu__sub-list [udex-masthead-menu-item]{--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer12)}.udex-masthead-menu__sub-list li{margin-bottom:var(--udex-masthead-menu-sub-list-item-spacing)}@media (max-width: 1279px){[udex-masthead-menu-item]::part(menu-item-link-badge){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color)}[udex-masthead-menu-item]::part(menu-item){justify-content:center}.udex-masthead-menu__list li{margin:0}.udex-masthead-menu__title{font-size:var(--udex-masthead-menu-title-font-size-mobile)}.udex-masthead-menu__row{gap:var(--udex-masthead-menu-mobile-column-gap, 56px);display:flex;flex-direction:column}.udex-masthead-menu__header{margin:0;width:auto}.udex-masthead-menu__list{width:auto}.udex-masthead-menu__column{width:100%}.udex-masthead-menu,.udex-masthead-menu__column{display:block}}\n`"]}
1
+ {"version":3,"file":"MastheadMenu.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadMenu.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"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\");\nexport default `:host{--udex-masthead-menu-column_gap: 52px;--udex-masthead-menu-column-width:15rem;--udex-masthead-menu-row-margin: var(--udexSpacer32, 32px);--udex-masthead-menu-title-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-title-font-size-desktop: var(--udexTypographyHeadingRegularMFontSize, 32px);--udex-masthead-menu-title-font-size-mobile: var(--udexTypographyHeadingRegularXSFontSize, 24px);--udex-masthead-menu-title-margin-bottom: var(--udexSpacer32, 32px);--udex-masthead-menu-mobile-column-gap: var(--udexSpacer56, 56px);--udex-masthead-menu-item-mobile-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-grid-template-columns: auto;--udex-masthead-menu-justify-content: flex-start;--udex-masthead-menu-sub-category-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-sub-category-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-sub-category-text-transform: none;--udex-masthead-menu-sub-category-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-sub-category-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-sub-category-padding-block: var(--udexSpacer8);--udex-masthead-menu-sub-category-padding-inline: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-sub-list-item-spacing: var(--udexSpacer4);--udex-masthead-menu-sub-list-indent: var(--udexSpacer12, 12px)}.udex-masthead-menu{display:inline-block;position:relative;box-sizing:border-box;width:100%}.udex-masthead-menu__row{column-gap:var(--udex-masthead-menu-column_gap, 52px);margin-bottom:var(--udex-masthead-menu-row-margin);grid-template-columns:var(--udex-masthead-menu-grid-template-columns);justify-content:var(--udex-masthead-menu-justify-content);display:grid}.udex-masthead-menu_with-one-column .udex-masthead-menu__row{display:block}.udex-masthead-menu_with-one-column .udex-masthead-menu__header,.udex-masthead-menu_with-one-column .udex-masthead-menu__list{width:auto}.udex-masthead-menu_with-one-column .udex-masthead-menu__column{display:block;min-width:240px;max-width:240px}.udex-masthead-menu__row:last-child{margin-bottom:0}.udex-masthead-menu__column{display:contents}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__header{grid-row:1;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__header{grid-row:1;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__header{grid-row:1;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__header{grid-row:1;grid-column:4}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__list{grid-row:2;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__list{grid-row:2;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__list{grid-row:2;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__list{grid-row:2;grid-column:4}.udex-masthead-menu__list{width:var(--udex-masthead-menu-column-width);flex-grow:1;list-style:none;margin:0;padding:0}.udex-masthead-menu__list li{margin-bottom:var(--udexSpacer4)}.udex-masthead-menu__header{width:var(--udex-masthead-menu-column-width);margin-bottom:var(--udexSpacer12);display:flex;flex-direction:column;justify-content:flex-end}.udex-masthead-menu__title{font-family:var(--udex-masthead-menu-title-font-family);font-size:var(--udex-masthead-menu-title-font-size-desktop);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-bottom:var(--udex-masthead-menu-title-margin-bottom);text-align:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-badge),:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color);padding-block:var(--udex-masthead-menu-item-header-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-mobile);display:flex;align-items:center;justify-content:space-between;width:100%}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-badge){padding-block-start:var(--udex-masthead-menu-item-padding-mobile-with-badge-vertical);padding-inline-end:var(--udex-masthead-menu-item-padding-mobile-end-with-badge);padding-inline-start:var(--udex-masthead-menu-item-padding-mobile-start-with-badge)}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item){padding-block:var(--udex-masthead-menu-item-header-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-mobile);justify-content:center}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge){position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}:host([_is-mobile-mode]) [udex-masthead-menu-item]::part(badge):dir(rtl){right:auto;left:var(--udexSpacer16)}:host([_is-mobile-mode]) .udex-masthead-menu__list li{margin:0}:host([_is-mobile-mode]) .udex-masthead-menu__title{font-size:var(--udex-masthead-menu-title-font-size-mobile)}:host([_is-mobile-mode]) .udex-masthead-menu__row{gap:var(--udex-masthead-menu-mobile-column-gap, 56px);display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-menu__header{margin:0;width:auto}:host([_is-mobile-mode]) .udex-masthead-menu__list{width:auto}:host([_is-mobile-mode]) .udex-masthead-menu__column{width:100%}:host([_is-mobile-mode]) .udex-masthead-menu,:host([_is-mobile-mode]) .udex-masthead-menu__column{display:block}.udex-masthead-menu__item-divider{padding:var(--udexSpacer4) 0;width:33%;display:block}.udex-masthead-menu__sub-category{display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-masthead-menu-sub-category-font-size);line-height:var(--udex-masthead-menu-sub-category-line-height);font-weight:var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);color:var(--udex-masthead-menu-sub-category-color);padding-block:var(--udex-masthead-menu-sub-category-padding-block);padding-inline:var(--udex-masthead-menu-sub-category-padding-inline);box-sizing:border-box}[udex-masthead-menu-item].udex-masthead-menu__sub-category{--udex-masthead-menu-item-color: var(--udex-masthead-menu-sub-category-color);--udex-masthead-menu-item-font-size: var(--udex-masthead-menu-sub-category-font-size);--udex-masthead-menu-item-line-height: var(--udex-masthead-menu-sub-category-line-height);--udex-masthead-menu-item-font-weight: var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);padding:0}.udex-masthead-menu__sub-list{list-style:none;margin:0;padding:0;padding-inline-start:var(--udex-masthead-menu-sub-list-indent)}.udex-masthead-menu__sub-list [udex-masthead-menu-item]{--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer12)}.udex-masthead-menu__sub-list li{margin-bottom:var(--udex-masthead-menu-sub-list-item-spacing)}@media (width < 1280px){[udex-masthead-menu-item]::part(menu-item-link-badge){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color)}[udex-masthead-menu-item]::part(menu-item){justify-content:center}.udex-masthead-menu__list li{margin:0}.udex-masthead-menu__title{font-size:var(--udex-masthead-menu-title-font-size-mobile)}.udex-masthead-menu__row{gap:var(--udex-masthead-menu-mobile-column-gap, 56px);display:flex;flex-direction:column}.udex-masthead-menu__header{margin:0;width:auto}.udex-masthead-menu__list{width:auto}.udex-masthead-menu__column{width:100%}.udex-masthead-menu,.udex-masthead-menu__column{display:block}}\n`"]}
package/dist/generated/themes/MastheadMenuItem.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{--udex-masthead-menu-item-header-padding-block-desktop: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-header-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-header-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-header-padding-inline-mobile: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer8);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-mobile: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-padding-mobile-with-badge-vertical: var(--udexSpacer16);--udex-masthead-menu-item-padding-mobile-start-with-badge: var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile-end-with-badge: var(--udexSpacer48);--udex-masthead-menu-item-group-header-color: var(--sapList_TextColor, #000);--udex-masthead-menu-item-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-item-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-item-focus: var(--udexColorBlue10, #002A86);--udex-masthead-menu-item-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-item-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-item-explore-background: var(--udexColorBlue7, #0070F2);--udex-masthead-menu-item-explore-background-hover: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-background-active: var(--udexColorNeutralWhite, #FFF);--udex-masthead-menu-item-explore-border-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-active-color: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-padding: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-focus: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-arrow-icon-size: 16px;--udex-masthead-menu-item-action-icon-size: 14px;display:flex;justify-content:space-between;align-items:center;position:relative}:host([is-explore]) .udex-masthead-menu-item{color:var(--udex-masthead-menu-item-explore-color);background:var(--udex-masthead-menu-item-explore-background);padding:var(--udexSpacer24);box-sizing:border-box}:host([is-explore]:hover) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-hover);text-decoration:none}:host([is-explore]:hover:active) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-active);border:1px solid var(--udex-masthead-menu-item-explore-border-color-active);color:var(--udex-masthead-menu-item-explore-color-active)}:host([is-explore][desktop]) .udex-masthead-menu-item:focus,:host([is-explore]) .udex-masthead-menu-item:focus-visible{outline:none;outline-offset:0;border-radius:0}:host([is-explore][desktop]) .udex-masthead-menu-item:focus:before,:host([is-explore]) .udex-masthead-menu-item:focus-visible:before{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-explore-focus);border-radius:var(--udexRadiusM, 8px);content:\"\";position:absolute;inset:0;outline-offset:-4px;pointer-events:none}:host([is-explore]:hover:active)::part(right){color:var(--udex-masthead-menu-item-explore-icon-active-color)}:host([is-explore])::part(right){color:var(--udex-masthead-menu-item-explore-icon-color);padding-inline-start:var(--udexSpacer12)}:host([has-border])::part(menu-item-button),:host([has-border])::part(menu-item-link-badge),:host([has-border])::part(menu-item-link),:host([has-border])::part(menu-item){border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}.udex-masthead-menu-item{font-family:var(--udex-masthead-menu-item-font-family);font-size:var(--udex-masthead-menu-item-font-size);line-height:var(--udex-masthead-menu-item-line-height);font-weight:var(--udex-masthead-menu-item-font-weight);padding-block:var(--udex-masthead-menu-item-padding-block-desktop);padding-inline:var(--udex-masthead-menu-item-padding-inline-desktop);color:var(--udex-masthead-menu-item-color);text-decoration:none;box-sizing:border-box}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{color:var(--udex-masthead-menu-item-group-header-color)}span.udex-masthead-menu-item:hover{text-decoration:none}button.udex-masthead-menu-item:dir(rtl){text-align:right}button.udex-masthead-menu-item{text-align:left;border:none;background:none;cursor:pointer;display:flex;justify-content:space-between;width:100%}.udex-masthead-menu-item:hover{text-decoration:underline}:host([desktop]) .udex-masthead-menu-item:focus,.udex-masthead-menu-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-focus);outline-offset:calc(-1 * var(--udexSpacer2, 2px));border-radius:var(--udexRadiusM, 8px)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding-block:var(--udex-masthead-menu-item-header-padding-block-desktop);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-desktop);width:100%}.udex-masthead-menu-item_is-header{font-weight:var(--udexTypographyFontWeightMedium, 500);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;white-space:normal;margin:0}.udex-masthead-menu-item__label{display:block;width:100%}.udex-masthead-menu-item__text-with-icon{white-space:nowrap}.udex-masthead-menu-item__icon.udex-masthead-menu-item_icon-action{margin-bottom:calc(var(--udexSpacer2)* -1);min-width:var(--udex-masthead-menu-item-action-icon-size);width:var(--udex-masthead-menu-item-action-icon-size);height:var(--udex-masthead-menu-item-action-icon-size)}.udex-masthead-menu-item__icon{margin-inline-start:var(--udexSpacer4);min-width:var(--udex-masthead-menu-item-arrow-icon-size);width:var(--udex-masthead-menu-item-arrow-icon-size);height:var(--udex-masthead-menu-item-arrow-icon-size);color:inherit}.udex-masthead-menu-item_is-list{display:inline-flex;align-items:center;justify-content:space-between}.udex-masthead-menu-item-badge{margin-inline-start:var(--udexSpacer8)}.udex-masthead-menu-item_is-header .udex-masthead-menu-item_icon-action{margin-inline-end:auto}.udex-masthead-hidden-text{display:none}@media (max-width: 1279px){.udex-masthead-menu-item{padding-block:var(--udex-masthead-menu-item-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-padding-inline-mobile)}.udex-masthead-menu-item.udex-masthead-menu-item_badge{padding-block-start:var(--udex-masthead-menu-item-padding-mobile-with-badge-vertical);padding-inline-end:var(--udex-masthead-menu-item-padding-mobile-end-with-badge);padding-inline-start:var(--udex-masthead-menu-item-padding-mobile-start-with-badge)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding-block:var(--udex-masthead-menu-item-header-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-mobile)}.udex-masthead-menu-item_is-header{width:100%}.udex-masthead-menu-item_is-list{display:flex;align-items:center;justify-content:space-between;width:100%}.udex-masthead-menu-item_icon-left{margin-inline-end:auto}.udex-masthead-menu-item_icon-right{margin-inline-start:auto;padding-inline-start:var(--udexSpacer4)}.udex-masthead-menu-item_icon-left+.udex-masthead-menu-item_icon-action{margin-inline-end:inherit}.udex-masthead-menu-item-badge{position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}.udex-masthead-menu-item-badge:dir(rtl){right:auto;left:var(--udexSpacer16)}}\n";
1
+ declare const _default: ":host{--udex-masthead-menu-item-header-padding-block-desktop: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-header-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-header-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-header-padding-inline-mobile: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer8);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-mobile: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-padding-mobile-with-badge-vertical: var(--udexSpacer16);--udex-masthead-menu-item-padding-mobile-start-with-badge: var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile-end-with-badge: var(--udexSpacer48);--udex-masthead-menu-item-group-header-color: var(--sapList_TextColor, #000);--udex-masthead-menu-item-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-item-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-item-focus: var(--udexColorBlue10, #002A86);--udex-masthead-menu-item-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-item-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-item-explore-background: var(--udexColorBlue7, #0070F2);--udex-masthead-menu-item-explore-background-hover: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-background-active: var(--udexColorNeutralWhite, #FFF);--udex-masthead-menu-item-explore-border-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-active-color: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-padding: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-focus: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-arrow-icon-size: 16px;--udex-masthead-menu-item-action-icon-size: 14px;display:flex;justify-content:space-between;align-items:center;position:relative}:host([is-explore]) .udex-masthead-menu-item{color:var(--udex-masthead-menu-item-explore-color);background:var(--udex-masthead-menu-item-explore-background);padding:var(--udexSpacer24);box-sizing:border-box}:host([is-explore]:hover) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-hover);text-decoration:none}:host([is-explore]:hover:active) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-active);border:1px solid var(--udex-masthead-menu-item-explore-border-color-active);color:var(--udex-masthead-menu-item-explore-color-active)}:host([is-explore][desktop]) .udex-masthead-menu-item:focus,:host([is-explore]) .udex-masthead-menu-item:focus-visible{outline:none;outline-offset:0;border-radius:0}:host([is-explore][desktop]) .udex-masthead-menu-item:focus:before,:host([is-explore]) .udex-masthead-menu-item:focus-visible:before{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-explore-focus);border-radius:var(--udexRadiusM, 8px);content:\"\";position:absolute;inset:0;outline-offset:-4px;pointer-events:none}:host([is-explore]:hover:active)::part(right){color:var(--udex-masthead-menu-item-explore-icon-active-color)}:host([is-explore])::part(right){color:var(--udex-masthead-menu-item-explore-icon-color);padding-inline-start:var(--udexSpacer12)}:host([has-border])::part(menu-item-button),:host([has-border])::part(menu-item-link-badge),:host([has-border])::part(menu-item-link),:host([has-border])::part(menu-item){border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}.udex-masthead-menu-item{font-family:var(--udex-masthead-menu-item-font-family);font-size:var(--udex-masthead-menu-item-font-size);line-height:var(--udex-masthead-menu-item-line-height);font-weight:var(--udex-masthead-menu-item-font-weight);padding-block:var(--udex-masthead-menu-item-padding-block-desktop);padding-inline:var(--udex-masthead-menu-item-padding-inline-desktop);color:var(--udex-masthead-menu-item-color);text-decoration:none;box-sizing:border-box}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{color:var(--udex-masthead-menu-item-group-header-color)}span.udex-masthead-menu-item:hover{text-decoration:none}button.udex-masthead-menu-item:dir(rtl){text-align:right}button.udex-masthead-menu-item{text-align:left;border:none;background:none;cursor:pointer;display:flex;justify-content:space-between;width:100%}.udex-masthead-menu-item:hover{text-decoration:underline}:host([desktop]) .udex-masthead-menu-item:focus,.udex-masthead-menu-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-focus);outline-offset:calc(-1 * var(--udexSpacer2, 2px));border-radius:var(--udexRadiusM, 8px)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding-block:var(--udex-masthead-menu-item-header-padding-block-desktop);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-desktop);width:100%}.udex-masthead-menu-item_is-header{font-weight:var(--udexTypographyFontWeightMedium, 500);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;white-space:normal;margin:0}.udex-masthead-menu-item__label{display:block;width:100%}.udex-masthead-menu-item__text-with-icon{white-space:nowrap}.udex-masthead-menu-item__icon.udex-masthead-menu-item_icon-action{margin-bottom:calc(var(--udexSpacer2)* -1);min-width:var(--udex-masthead-menu-item-action-icon-size);width:var(--udex-masthead-menu-item-action-icon-size);height:var(--udex-masthead-menu-item-action-icon-size)}.udex-masthead-menu-item__icon{margin-inline-start:var(--udexSpacer4);min-width:var(--udex-masthead-menu-item-arrow-icon-size);width:var(--udex-masthead-menu-item-arrow-icon-size);height:var(--udex-masthead-menu-item-arrow-icon-size);color:inherit}.udex-masthead-menu-item_is-list{display:inline-flex;align-items:center;justify-content:space-between}.udex-masthead-menu-item-badge{margin-inline-start:var(--udexSpacer8)}.udex-masthead-menu-item_is-header .udex-masthead-menu-item_icon-action{margin-inline-end:auto}.udex-masthead-hidden-text{display:none}@media (width < 1280px){.udex-masthead-menu-item{padding-block:var(--udex-masthead-menu-item-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-padding-inline-mobile)}.udex-masthead-menu-item.udex-masthead-menu-item_badge{padding-block-start:var(--udex-masthead-menu-item-padding-mobile-with-badge-vertical);padding-inline-end:var(--udex-masthead-menu-item-padding-mobile-end-with-badge);padding-inline-start:var(--udex-masthead-menu-item-padding-mobile-start-with-badge)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding-block:var(--udex-masthead-menu-item-header-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-mobile)}.udex-masthead-menu-item_is-header{width:100%}.udex-masthead-menu-item_is-list{display:flex;align-items:center;justify-content:space-between;width:100%}.udex-masthead-menu-item_icon-left{margin-inline-end:auto}.udex-masthead-menu-item_icon-right{margin-inline-start:auto;padding-inline-start:var(--udexSpacer4)}.udex-masthead-menu-item_icon-left+.udex-masthead-menu-item_icon-action{margin-inline-end:inherit}.udex-masthead-menu-item-badge{position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}.udex-masthead-menu-item-badge:dir(rtl){right:auto;left:var(--udexSpacer16)}}\n";
2
2
  export default _default;
package/dist/generated/themes/MastheadMenuItem.css.js CHANGED
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
5
  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");
6
- export default `:host{--udex-masthead-menu-item-header-padding-block-desktop: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-header-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-header-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-header-padding-inline-mobile: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer8);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-mobile: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-padding-mobile-with-badge-vertical: var(--udexSpacer16);--udex-masthead-menu-item-padding-mobile-start-with-badge: var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile-end-with-badge: var(--udexSpacer48);--udex-masthead-menu-item-group-header-color: var(--sapList_TextColor, #000);--udex-masthead-menu-item-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-item-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-item-focus: var(--udexColorBlue10, #002A86);--udex-masthead-menu-item-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-item-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-item-explore-background: var(--udexColorBlue7, #0070F2);--udex-masthead-menu-item-explore-background-hover: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-background-active: var(--udexColorNeutralWhite, #FFF);--udex-masthead-menu-item-explore-border-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-active-color: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-padding: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-focus: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-arrow-icon-size: 16px;--udex-masthead-menu-item-action-icon-size: 14px;display:flex;justify-content:space-between;align-items:center;position:relative}:host([is-explore]) .udex-masthead-menu-item{color:var(--udex-masthead-menu-item-explore-color);background:var(--udex-masthead-menu-item-explore-background);padding:var(--udexSpacer24);box-sizing:border-box}:host([is-explore]:hover) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-hover);text-decoration:none}:host([is-explore]:hover:active) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-active);border:1px solid var(--udex-masthead-menu-item-explore-border-color-active);color:var(--udex-masthead-menu-item-explore-color-active)}:host([is-explore][desktop]) .udex-masthead-menu-item:focus,:host([is-explore]) .udex-masthead-menu-item:focus-visible{outline:none;outline-offset:0;border-radius:0}:host([is-explore][desktop]) .udex-masthead-menu-item:focus:before,:host([is-explore]) .udex-masthead-menu-item:focus-visible:before{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-explore-focus);border-radius:var(--udexRadiusM, 8px);content:"";position:absolute;inset:0;outline-offset:-4px;pointer-events:none}:host([is-explore]:hover:active)::part(right){color:var(--udex-masthead-menu-item-explore-icon-active-color)}:host([is-explore])::part(right){color:var(--udex-masthead-menu-item-explore-icon-color);padding-inline-start:var(--udexSpacer12)}:host([has-border])::part(menu-item-button),:host([has-border])::part(menu-item-link-badge),:host([has-border])::part(menu-item-link),:host([has-border])::part(menu-item){border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}.udex-masthead-menu-item{font-family:var(--udex-masthead-menu-item-font-family);font-size:var(--udex-masthead-menu-item-font-size);line-height:var(--udex-masthead-menu-item-line-height);font-weight:var(--udex-masthead-menu-item-font-weight);padding-block:var(--udex-masthead-menu-item-padding-block-desktop);padding-inline:var(--udex-masthead-menu-item-padding-inline-desktop);color:var(--udex-masthead-menu-item-color);text-decoration:none;box-sizing:border-box}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{color:var(--udex-masthead-menu-item-group-header-color)}span.udex-masthead-menu-item:hover{text-decoration:none}button.udex-masthead-menu-item:dir(rtl){text-align:right}button.udex-masthead-menu-item{text-align:left;border:none;background:none;cursor:pointer;display:flex;justify-content:space-between;width:100%}.udex-masthead-menu-item:hover{text-decoration:underline}:host([desktop]) .udex-masthead-menu-item:focus,.udex-masthead-menu-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-focus);outline-offset:calc(-1 * var(--udexSpacer2, 2px));border-radius:var(--udexRadiusM, 8px)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding-block:var(--udex-masthead-menu-item-header-padding-block-desktop);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-desktop);width:100%}.udex-masthead-menu-item_is-header{font-weight:var(--udexTypographyFontWeightMedium, 500);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;white-space:normal;margin:0}.udex-masthead-menu-item__label{display:block;width:100%}.udex-masthead-menu-item__text-with-icon{white-space:nowrap}.udex-masthead-menu-item__icon.udex-masthead-menu-item_icon-action{margin-bottom:calc(var(--udexSpacer2)* -1);min-width:var(--udex-masthead-menu-item-action-icon-size);width:var(--udex-masthead-menu-item-action-icon-size);height:var(--udex-masthead-menu-item-action-icon-size)}.udex-masthead-menu-item__icon{margin-inline-start:var(--udexSpacer4);min-width:var(--udex-masthead-menu-item-arrow-icon-size);width:var(--udex-masthead-menu-item-arrow-icon-size);height:var(--udex-masthead-menu-item-arrow-icon-size);color:inherit}.udex-masthead-menu-item_is-list{display:inline-flex;align-items:center;justify-content:space-between}.udex-masthead-menu-item-badge{margin-inline-start:var(--udexSpacer8)}.udex-masthead-menu-item_is-header .udex-masthead-menu-item_icon-action{margin-inline-end:auto}.udex-masthead-hidden-text{display:none}@media (max-width: 1279px){.udex-masthead-menu-item{padding-block:var(--udex-masthead-menu-item-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-padding-inline-mobile)}.udex-masthead-menu-item.udex-masthead-menu-item_badge{padding-block-start:var(--udex-masthead-menu-item-padding-mobile-with-badge-vertical);padding-inline-end:var(--udex-masthead-menu-item-padding-mobile-end-with-badge);padding-inline-start:var(--udex-masthead-menu-item-padding-mobile-start-with-badge)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding-block:var(--udex-masthead-menu-item-header-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-mobile)}.udex-masthead-menu-item_is-header{width:100%}.udex-masthead-menu-item_is-list{display:flex;align-items:center;justify-content:space-between;width:100%}.udex-masthead-menu-item_icon-left{margin-inline-end:auto}.udex-masthead-menu-item_icon-right{margin-inline-start:auto;padding-inline-start:var(--udexSpacer4)}.udex-masthead-menu-item_icon-left+.udex-masthead-menu-item_icon-action{margin-inline-end:inherit}.udex-masthead-menu-item-badge{position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}.udex-masthead-menu-item-badge:dir(rtl){right:auto;left:var(--udexSpacer16)}}
6
+ export default `:host{--udex-masthead-menu-item-header-padding-block-desktop: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-header-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-header-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-header-padding-inline-mobile: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer8);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-mobile: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-padding-mobile-with-badge-vertical: var(--udexSpacer16);--udex-masthead-menu-item-padding-mobile-start-with-badge: var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile-end-with-badge: var(--udexSpacer48);--udex-masthead-menu-item-group-header-color: var(--sapList_TextColor, #000);--udex-masthead-menu-item-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-item-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-item-focus: var(--udexColorBlue10, #002A86);--udex-masthead-menu-item-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-item-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-item-explore-background: var(--udexColorBlue7, #0070F2);--udex-masthead-menu-item-explore-background-hover: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-background-active: var(--udexColorNeutralWhite, #FFF);--udex-masthead-menu-item-explore-border-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-active-color: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-padding: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-focus: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-arrow-icon-size: 16px;--udex-masthead-menu-item-action-icon-size: 14px;display:flex;justify-content:space-between;align-items:center;position:relative}:host([is-explore]) .udex-masthead-menu-item{color:var(--udex-masthead-menu-item-explore-color);background:var(--udex-masthead-menu-item-explore-background);padding:var(--udexSpacer24);box-sizing:border-box}:host([is-explore]:hover) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-hover);text-decoration:none}:host([is-explore]:hover:active) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-active);border:1px solid var(--udex-masthead-menu-item-explore-border-color-active);color:var(--udex-masthead-menu-item-explore-color-active)}:host([is-explore][desktop]) .udex-masthead-menu-item:focus,:host([is-explore]) .udex-masthead-menu-item:focus-visible{outline:none;outline-offset:0;border-radius:0}:host([is-explore][desktop]) .udex-masthead-menu-item:focus:before,:host([is-explore]) .udex-masthead-menu-item:focus-visible:before{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-explore-focus);border-radius:var(--udexRadiusM, 8px);content:"";position:absolute;inset:0;outline-offset:-4px;pointer-events:none}:host([is-explore]:hover:active)::part(right){color:var(--udex-masthead-menu-item-explore-icon-active-color)}:host([is-explore])::part(right){color:var(--udex-masthead-menu-item-explore-icon-color);padding-inline-start:var(--udexSpacer12)}:host([has-border])::part(menu-item-button),:host([has-border])::part(menu-item-link-badge),:host([has-border])::part(menu-item-link),:host([has-border])::part(menu-item){border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}.udex-masthead-menu-item{font-family:var(--udex-masthead-menu-item-font-family);font-size:var(--udex-masthead-menu-item-font-size);line-height:var(--udex-masthead-menu-item-line-height);font-weight:var(--udex-masthead-menu-item-font-weight);padding-block:var(--udex-masthead-menu-item-padding-block-desktop);padding-inline:var(--udex-masthead-menu-item-padding-inline-desktop);color:var(--udex-masthead-menu-item-color);text-decoration:none;box-sizing:border-box}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{color:var(--udex-masthead-menu-item-group-header-color)}span.udex-masthead-menu-item:hover{text-decoration:none}button.udex-masthead-menu-item:dir(rtl){text-align:right}button.udex-masthead-menu-item{text-align:left;border:none;background:none;cursor:pointer;display:flex;justify-content:space-between;width:100%}.udex-masthead-menu-item:hover{text-decoration:underline}:host([desktop]) .udex-masthead-menu-item:focus,.udex-masthead-menu-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-focus);outline-offset:calc(-1 * var(--udexSpacer2, 2px));border-radius:var(--udexRadiusM, 8px)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding-block:var(--udex-masthead-menu-item-header-padding-block-desktop);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-desktop);width:100%}.udex-masthead-menu-item_is-header{font-weight:var(--udexTypographyFontWeightMedium, 500);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;white-space:normal;margin:0}.udex-masthead-menu-item__label{display:block;width:100%}.udex-masthead-menu-item__text-with-icon{white-space:nowrap}.udex-masthead-menu-item__icon.udex-masthead-menu-item_icon-action{margin-bottom:calc(var(--udexSpacer2)* -1);min-width:var(--udex-masthead-menu-item-action-icon-size);width:var(--udex-masthead-menu-item-action-icon-size);height:var(--udex-masthead-menu-item-action-icon-size)}.udex-masthead-menu-item__icon{margin-inline-start:var(--udexSpacer4);min-width:var(--udex-masthead-menu-item-arrow-icon-size);width:var(--udex-masthead-menu-item-arrow-icon-size);height:var(--udex-masthead-menu-item-arrow-icon-size);color:inherit}.udex-masthead-menu-item_is-list{display:inline-flex;align-items:center;justify-content:space-between}.udex-masthead-menu-item-badge{margin-inline-start:var(--udexSpacer8)}.udex-masthead-menu-item_is-header .udex-masthead-menu-item_icon-action{margin-inline-end:auto}.udex-masthead-hidden-text{display:none}@media (width < 1280px){.udex-masthead-menu-item{padding-block:var(--udex-masthead-menu-item-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-padding-inline-mobile)}.udex-masthead-menu-item.udex-masthead-menu-item_badge{padding-block-start:var(--udex-masthead-menu-item-padding-mobile-with-badge-vertical);padding-inline-end:var(--udex-masthead-menu-item-padding-mobile-end-with-badge);padding-inline-start:var(--udex-masthead-menu-item-padding-mobile-start-with-badge)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding-block:var(--udex-masthead-menu-item-header-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-mobile)}.udex-masthead-menu-item_is-header{width:100%}.udex-masthead-menu-item_is-list{display:flex;align-items:center;justify-content:space-between;width:100%}.udex-masthead-menu-item_icon-left{margin-inline-end:auto}.udex-masthead-menu-item_icon-right{margin-inline-start:auto;padding-inline-start:var(--udexSpacer4)}.udex-masthead-menu-item_icon-left+.udex-masthead-menu-item_icon-action{margin-inline-end:inherit}.udex-masthead-menu-item-badge{position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}.udex-masthead-menu-item-badge:dir(rtl){right:auto;left:var(--udexSpacer16)}}
7
7
  `;
8
8
  //# sourceMappingURL=MastheadMenuItem.css.js.map
package/dist/generated/themes/MastheadMenuItem.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MastheadMenuItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadMenuItem.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"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\");\nexport default `:host{--udex-masthead-menu-item-header-padding-block-desktop: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-header-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-header-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-header-padding-inline-mobile: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer8);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-mobile: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-padding-mobile-with-badge-vertical: var(--udexSpacer16);--udex-masthead-menu-item-padding-mobile-start-with-badge: var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile-end-with-badge: var(--udexSpacer48);--udex-masthead-menu-item-group-header-color: var(--sapList_TextColor, #000);--udex-masthead-menu-item-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-item-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-item-focus: var(--udexColorBlue10, #002A86);--udex-masthead-menu-item-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-item-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-item-explore-background: var(--udexColorBlue7, #0070F2);--udex-masthead-menu-item-explore-background-hover: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-background-active: var(--udexColorNeutralWhite, #FFF);--udex-masthead-menu-item-explore-border-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-active-color: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-padding: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-focus: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-arrow-icon-size: 16px;--udex-masthead-menu-item-action-icon-size: 14px;display:flex;justify-content:space-between;align-items:center;position:relative}:host([is-explore]) .udex-masthead-menu-item{color:var(--udex-masthead-menu-item-explore-color);background:var(--udex-masthead-menu-item-explore-background);padding:var(--udexSpacer24);box-sizing:border-box}:host([is-explore]:hover) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-hover);text-decoration:none}:host([is-explore]:hover:active) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-active);border:1px solid var(--udex-masthead-menu-item-explore-border-color-active);color:var(--udex-masthead-menu-item-explore-color-active)}:host([is-explore][desktop]) .udex-masthead-menu-item:focus,:host([is-explore]) .udex-masthead-menu-item:focus-visible{outline:none;outline-offset:0;border-radius:0}:host([is-explore][desktop]) .udex-masthead-menu-item:focus:before,:host([is-explore]) .udex-masthead-menu-item:focus-visible:before{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-explore-focus);border-radius:var(--udexRadiusM, 8px);content:\"\";position:absolute;inset:0;outline-offset:-4px;pointer-events:none}:host([is-explore]:hover:active)::part(right){color:var(--udex-masthead-menu-item-explore-icon-active-color)}:host([is-explore])::part(right){color:var(--udex-masthead-menu-item-explore-icon-color);padding-inline-start:var(--udexSpacer12)}:host([has-border])::part(menu-item-button),:host([has-border])::part(menu-item-link-badge),:host([has-border])::part(menu-item-link),:host([has-border])::part(menu-item){border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}.udex-masthead-menu-item{font-family:var(--udex-masthead-menu-item-font-family);font-size:var(--udex-masthead-menu-item-font-size);line-height:var(--udex-masthead-menu-item-line-height);font-weight:var(--udex-masthead-menu-item-font-weight);padding-block:var(--udex-masthead-menu-item-padding-block-desktop);padding-inline:var(--udex-masthead-menu-item-padding-inline-desktop);color:var(--udex-masthead-menu-item-color);text-decoration:none;box-sizing:border-box}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{color:var(--udex-masthead-menu-item-group-header-color)}span.udex-masthead-menu-item:hover{text-decoration:none}button.udex-masthead-menu-item:dir(rtl){text-align:right}button.udex-masthead-menu-item{text-align:left;border:none;background:none;cursor:pointer;display:flex;justify-content:space-between;width:100%}.udex-masthead-menu-item:hover{text-decoration:underline}:host([desktop]) .udex-masthead-menu-item:focus,.udex-masthead-menu-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-focus);outline-offset:calc(-1 * var(--udexSpacer2, 2px));border-radius:var(--udexRadiusM, 8px)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding-block:var(--udex-masthead-menu-item-header-padding-block-desktop);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-desktop);width:100%}.udex-masthead-menu-item_is-header{font-weight:var(--udexTypographyFontWeightMedium, 500);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;white-space:normal;margin:0}.udex-masthead-menu-item__label{display:block;width:100%}.udex-masthead-menu-item__text-with-icon{white-space:nowrap}.udex-masthead-menu-item__icon.udex-masthead-menu-item_icon-action{margin-bottom:calc(var(--udexSpacer2)* -1);min-width:var(--udex-masthead-menu-item-action-icon-size);width:var(--udex-masthead-menu-item-action-icon-size);height:var(--udex-masthead-menu-item-action-icon-size)}.udex-masthead-menu-item__icon{margin-inline-start:var(--udexSpacer4);min-width:var(--udex-masthead-menu-item-arrow-icon-size);width:var(--udex-masthead-menu-item-arrow-icon-size);height:var(--udex-masthead-menu-item-arrow-icon-size);color:inherit}.udex-masthead-menu-item_is-list{display:inline-flex;align-items:center;justify-content:space-between}.udex-masthead-menu-item-badge{margin-inline-start:var(--udexSpacer8)}.udex-masthead-menu-item_is-header .udex-masthead-menu-item_icon-action{margin-inline-end:auto}.udex-masthead-hidden-text{display:none}@media (max-width: 1279px){.udex-masthead-menu-item{padding-block:var(--udex-masthead-menu-item-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-padding-inline-mobile)}.udex-masthead-menu-item.udex-masthead-menu-item_badge{padding-block-start:var(--udex-masthead-menu-item-padding-mobile-with-badge-vertical);padding-inline-end:var(--udex-masthead-menu-item-padding-mobile-end-with-badge);padding-inline-start:var(--udex-masthead-menu-item-padding-mobile-start-with-badge)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding-block:var(--udex-masthead-menu-item-header-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-mobile)}.udex-masthead-menu-item_is-header{width:100%}.udex-masthead-menu-item_is-list{display:flex;align-items:center;justify-content:space-between;width:100%}.udex-masthead-menu-item_icon-left{margin-inline-end:auto}.udex-masthead-menu-item_icon-right{margin-inline-start:auto;padding-inline-start:var(--udexSpacer4)}.udex-masthead-menu-item_icon-left+.udex-masthead-menu-item_icon-action{margin-inline-end:inherit}.udex-masthead-menu-item-badge{position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}.udex-masthead-menu-item-badge:dir(rtl){right:auto;left:var(--udexSpacer16)}}\n`"]}
1
+ {"version":3,"file":"MastheadMenuItem.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadMenuItem.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"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\");\nexport default `:host{--udex-masthead-menu-item-header-padding-block-desktop: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-header-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-header-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-header-padding-inline-mobile: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer8);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-mobile: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-item-padding-mobile-with-badge-vertical: var(--udexSpacer16);--udex-masthead-menu-item-padding-mobile-start-with-badge: var(--udexSpacer8);--udex-masthead-menu-item-padding-mobile-end-with-badge: var(--udexSpacer48);--udex-masthead-menu-item-group-header-color: var(--sapList_TextColor, #000);--udex-masthead-menu-item-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-item-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-item-focus: var(--udexColorBlue10, #002A86);--udex-masthead-menu-item-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-item-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-item-explore-background: var(--udexColorBlue7, #0070F2);--udex-masthead-menu-item-explore-background-hover: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-background-active: var(--udexColorNeutralWhite, #FFF);--udex-masthead-menu-item-explore-border-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color-active: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-color: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-icon-active-color: var(--udexColorBlue9, #0040B0);--udex-masthead-menu-item-explore-padding: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-explore-focus: var(--sapShell_Color, #FFF);--udex-masthead-menu-item-arrow-icon-size: 16px;--udex-masthead-menu-item-action-icon-size: 14px;display:flex;justify-content:space-between;align-items:center;position:relative}:host([is-explore]) .udex-masthead-menu-item{color:var(--udex-masthead-menu-item-explore-color);background:var(--udex-masthead-menu-item-explore-background);padding:var(--udexSpacer24);box-sizing:border-box}:host([is-explore]:hover) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-hover);text-decoration:none}:host([is-explore]:hover:active) .udex-masthead-menu-item{background:var(--udex-masthead-menu-item-explore-background-active);border:1px solid var(--udex-masthead-menu-item-explore-border-color-active);color:var(--udex-masthead-menu-item-explore-color-active)}:host([is-explore][desktop]) .udex-masthead-menu-item:focus,:host([is-explore]) .udex-masthead-menu-item:focus-visible{outline:none;outline-offset:0;border-radius:0}:host([is-explore][desktop]) .udex-masthead-menu-item:focus:before,:host([is-explore]) .udex-masthead-menu-item:focus-visible:before{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-explore-focus);border-radius:var(--udexRadiusM, 8px);content:\"\";position:absolute;inset:0;outline-offset:-4px;pointer-events:none}:host([is-explore]:hover:active)::part(right){color:var(--udex-masthead-menu-item-explore-icon-active-color)}:host([is-explore])::part(right){color:var(--udex-masthead-menu-item-explore-icon-color);padding-inline-start:var(--udexSpacer12)}:host([has-border])::part(menu-item-button),:host([has-border])::part(menu-item-link-badge),:host([has-border])::part(menu-item-link),:host([has-border])::part(menu-item){border-bottom:1px solid var(--udex-masthead-menu-item-border-color)}.udex-masthead-menu-item{font-family:var(--udex-masthead-menu-item-font-family);font-size:var(--udex-masthead-menu-item-font-size);line-height:var(--udex-masthead-menu-item-line-height);font-weight:var(--udex-masthead-menu-item-font-weight);padding-block:var(--udex-masthead-menu-item-padding-block-desktop);padding-inline:var(--udex-masthead-menu-item-padding-inline-desktop);color:var(--udex-masthead-menu-item-color);text-decoration:none;box-sizing:border-box}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{color:var(--udex-masthead-menu-item-group-header-color)}span.udex-masthead-menu-item:hover{text-decoration:none}button.udex-masthead-menu-item:dir(rtl){text-align:right}button.udex-masthead-menu-item{text-align:left;border:none;background:none;cursor:pointer;display:flex;justify-content:space-between;width:100%}.udex-masthead-menu-item:hover{text-decoration:underline}:host([desktop]) .udex-masthead-menu-item:focus,.udex-masthead-menu-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udex-masthead-menu-item-focus);outline-offset:calc(-1 * var(--udexSpacer2, 2px));border-radius:var(--udexRadiusM, 8px)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding-block:var(--udex-masthead-menu-item-header-padding-block-desktop);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-desktop);width:100%}.udex-masthead-menu-item_is-header{font-weight:var(--udexTypographyFontWeightMedium, 500);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;white-space:normal;margin:0}.udex-masthead-menu-item__label{display:block;width:100%}.udex-masthead-menu-item__text-with-icon{white-space:nowrap}.udex-masthead-menu-item__icon.udex-masthead-menu-item_icon-action{margin-bottom:calc(var(--udexSpacer2)* -1);min-width:var(--udex-masthead-menu-item-action-icon-size);width:var(--udex-masthead-menu-item-action-icon-size);height:var(--udex-masthead-menu-item-action-icon-size)}.udex-masthead-menu-item__icon{margin-inline-start:var(--udexSpacer4);min-width:var(--udex-masthead-menu-item-arrow-icon-size);width:var(--udex-masthead-menu-item-arrow-icon-size);height:var(--udex-masthead-menu-item-arrow-icon-size);color:inherit}.udex-masthead-menu-item_is-list{display:inline-flex;align-items:center;justify-content:space-between}.udex-masthead-menu-item-badge{margin-inline-start:var(--udexSpacer8)}.udex-masthead-menu-item_is-header .udex-masthead-menu-item_icon-action{margin-inline-end:auto}.udex-masthead-hidden-text{display:none}@media (width < 1280px){.udex-masthead-menu-item{padding-block:var(--udex-masthead-menu-item-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-padding-inline-mobile)}.udex-masthead-menu-item.udex-masthead-menu-item_badge{padding-block-start:var(--udex-masthead-menu-item-padding-mobile-with-badge-vertical);padding-inline-end:var(--udex-masthead-menu-item-padding-mobile-end-with-badge);padding-inline-start:var(--udex-masthead-menu-item-padding-mobile-start-with-badge)}.udex-masthead-menu-item.udex-masthead-menu-item_is-header{padding-block:var(--udex-masthead-menu-item-header-padding-block-mobile);padding-inline:var(--udex-masthead-menu-item-header-padding-inline-mobile)}.udex-masthead-menu-item_is-header{width:100%}.udex-masthead-menu-item_is-list{display:flex;align-items:center;justify-content:space-between;width:100%}.udex-masthead-menu-item_icon-left{margin-inline-end:auto}.udex-masthead-menu-item_icon-right{margin-inline-start:auto;padding-inline-start:var(--udexSpacer4)}.udex-masthead-menu-item_icon-left+.udex-masthead-menu-item_icon-action{margin-inline-end:inherit}.udex-masthead-menu-item-badge{position:absolute;top:50%;right:var(--udexSpacer16);transform:translateY(-50%);margin-inline-start:0;pointer-events:none}.udex-masthead-menu-item-badge:dir(rtl){right:auto;left:var(--udexSpacer16)}}\n`"]}
package/dist/generated/themes/MastheadMobileMenu.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{--udex-masthead-mobile-menu-padding-m: var(--udexSpacer24);--udex-masthead-mobile-menu-padding-s: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-mobile-menu-padding-xs: var(--udexSpacer24);--udex-masthead-mobile-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-mobile-search-margin-bottom: var(--udexSpacer16, 16);--udex-masthead-mobile-explore-btn-position: sticky;--udex-masthead-menu-sub-category-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-sub-category-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-sub-category-text-transform: none;--udex-masthead-menu-sub-category-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-sub-category-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-sub-category-padding-block: var(--udexSpacer16);--udex-masthead-menu-sub-category-padding-inline: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-sub-list-item-spacing: 0;--udex-masthead-menu-sub-list-indent: var(--udexSpacer12, 12px)}.udex-masthead-mobile-menu__list-search{margin-bottom:var(--udex-masthead-mobile-search-margin-bottom)}.udex-masthead-mobile-menu{background:var(--udex-masthead-mobile-menu-background);box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;height:100%}.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-m);height:100%;overflow:auto}.udex-masthead-mobile-menu__explore-btn{--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightMedium, 500);position:var(--udex-masthead-mobile-explore-btn-position);margin-block-start:auto;inset-block-end:0;inline-size:100%}.udex-masthead-mobile-menu__list{margin:0;padding:0;list-style:none}[udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}[udex-masthead-menu-item]::part(menu-item),[udex-masthead-menu-item]::part(menu-item-link){width:100%}.udex-masthead-mobile-menu__back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-mobile-menu__heading::part(menu-item){justify-content:center}.udex-masthead-mobile-menu__back-item::part(menu-item-button):after{content:\"\"}.udex-masthead-mobile-menu__back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}span.udex-masthead-mobile-menu__sub-category{display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-masthead-menu-sub-category-font-size);line-height:var(--udex-masthead-menu-sub-category-line-height);font-weight:var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);color:var(--udex-masthead-menu-sub-category-color);padding-block:var(--udex-masthead-menu-sub-category-padding-block);padding-inline:var(--udex-masthead-menu-sub-category-padding-inline);box-sizing:border-box;width:100%}[udex-masthead-menu-item].udex-masthead-mobile-menu__sub-category{--udex-masthead-menu-item-color: var(--udex-masthead-menu-sub-category-color);--udex-masthead-menu-item-font-size: var(--udex-masthead-menu-sub-category-font-size);--udex-masthead-menu-item-line-height: var(--udex-masthead-menu-sub-category-line-height);--udex-masthead-menu-item-font-weight: var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform)}.udex-masthead-mobile-menu__sub-list{list-style:none;margin:0;padding:0;padding-inline-start:var(--udex-masthead-menu-sub-list-indent)}.udex-masthead-mobile-menu__sub-list [udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-mobile: var(--udexSpacer12)}.udex-masthead-mobile-menu__sub-list li{margin-bottom:var(--udex-masthead-menu-sub-list-item-spacing)}@media (max-width: 979px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-s)}}@media (max-width: 639px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-xs)}}\n";
1
+ declare const _default: ":host{--udex-masthead-mobile-menu-padding-m: var(--udexSpacer24);--udex-masthead-mobile-menu-padding-s: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-mobile-menu-padding-xs: var(--udexSpacer24);--udex-masthead-mobile-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-mobile-search-margin-bottom: var(--udexSpacer16, 16);--udex-masthead-mobile-explore-btn-position: sticky;--udex-masthead-menu-sub-category-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-sub-category-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-sub-category-text-transform: none;--udex-masthead-menu-sub-category-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-sub-category-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-sub-category-padding-block: var(--udexSpacer16);--udex-masthead-menu-sub-category-padding-inline: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-sub-list-item-spacing: 0;--udex-masthead-menu-sub-list-indent: var(--udexSpacer12, 12px)}.udex-masthead-mobile-menu__list-search{margin-bottom:var(--udex-masthead-mobile-search-margin-bottom)}.udex-masthead-mobile-menu{background:var(--udex-masthead-mobile-menu-background);box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;height:100%}.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-m);height:100%;overflow:auto}.udex-masthead-mobile-menu__explore-btn{--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightMedium, 500);position:var(--udex-masthead-mobile-explore-btn-position);margin-block-start:auto;inset-block-end:0;inline-size:100%}.udex-masthead-mobile-menu__list{margin:0;padding:0;list-style:none}[udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}[udex-masthead-menu-item]::part(menu-item),[udex-masthead-menu-item]::part(menu-item-link){width:100%}.udex-masthead-mobile-menu__back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-mobile-menu__heading::part(menu-item){justify-content:center}.udex-masthead-mobile-menu__back-item::part(menu-item-button):after{content:\"\"}.udex-masthead-mobile-menu__back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}span.udex-masthead-mobile-menu__sub-category{display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-masthead-menu-sub-category-font-size);line-height:var(--udex-masthead-menu-sub-category-line-height);font-weight:var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);color:var(--udex-masthead-menu-sub-category-color);padding-block:var(--udex-masthead-menu-sub-category-padding-block);padding-inline:var(--udex-masthead-menu-sub-category-padding-inline);box-sizing:border-box;width:100%}[udex-masthead-menu-item].udex-masthead-mobile-menu__sub-category{--udex-masthead-menu-item-color: var(--udex-masthead-menu-sub-category-color);--udex-masthead-menu-item-font-size: var(--udex-masthead-menu-sub-category-font-size);--udex-masthead-menu-item-line-height: var(--udex-masthead-menu-sub-category-line-height);--udex-masthead-menu-item-font-weight: var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform)}.udex-masthead-mobile-menu__sub-list{list-style:none;margin:0;padding:0;padding-inline-start:var(--udex-masthead-menu-sub-list-indent)}.udex-masthead-mobile-menu__sub-list [udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-mobile: var(--udexSpacer12)}.udex-masthead-mobile-menu__sub-list li{margin-bottom:var(--udex-masthead-menu-sub-list-item-spacing)}@media (width < 980px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-s)}}@media (width < 640px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-xs)}}\n";
2
2
  export default _default;
package/dist/generated/themes/MastheadMobileMenu.css.js CHANGED
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
5
  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");
6
- export default `:host{--udex-masthead-mobile-menu-padding-m: var(--udexSpacer24);--udex-masthead-mobile-menu-padding-s: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-mobile-menu-padding-xs: var(--udexSpacer24);--udex-masthead-mobile-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-mobile-search-margin-bottom: var(--udexSpacer16, 16);--udex-masthead-mobile-explore-btn-position: sticky;--udex-masthead-menu-sub-category-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-sub-category-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-sub-category-text-transform: none;--udex-masthead-menu-sub-category-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-sub-category-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-sub-category-padding-block: var(--udexSpacer16);--udex-masthead-menu-sub-category-padding-inline: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-sub-list-item-spacing: 0;--udex-masthead-menu-sub-list-indent: var(--udexSpacer12, 12px)}.udex-masthead-mobile-menu__list-search{margin-bottom:var(--udex-masthead-mobile-search-margin-bottom)}.udex-masthead-mobile-menu{background:var(--udex-masthead-mobile-menu-background);box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;height:100%}.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-m);height:100%;overflow:auto}.udex-masthead-mobile-menu__explore-btn{--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightMedium, 500);position:var(--udex-masthead-mobile-explore-btn-position);margin-block-start:auto;inset-block-end:0;inline-size:100%}.udex-masthead-mobile-menu__list{margin:0;padding:0;list-style:none}[udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}[udex-masthead-menu-item]::part(menu-item),[udex-masthead-menu-item]::part(menu-item-link){width:100%}.udex-masthead-mobile-menu__back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-mobile-menu__heading::part(menu-item){justify-content:center}.udex-masthead-mobile-menu__back-item::part(menu-item-button):after{content:""}.udex-masthead-mobile-menu__back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}span.udex-masthead-mobile-menu__sub-category{display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-masthead-menu-sub-category-font-size);line-height:var(--udex-masthead-menu-sub-category-line-height);font-weight:var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);color:var(--udex-masthead-menu-sub-category-color);padding-block:var(--udex-masthead-menu-sub-category-padding-block);padding-inline:var(--udex-masthead-menu-sub-category-padding-inline);box-sizing:border-box;width:100%}[udex-masthead-menu-item].udex-masthead-mobile-menu__sub-category{--udex-masthead-menu-item-color: var(--udex-masthead-menu-sub-category-color);--udex-masthead-menu-item-font-size: var(--udex-masthead-menu-sub-category-font-size);--udex-masthead-menu-item-line-height: var(--udex-masthead-menu-sub-category-line-height);--udex-masthead-menu-item-font-weight: var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform)}.udex-masthead-mobile-menu__sub-list{list-style:none;margin:0;padding:0;padding-inline-start:var(--udex-masthead-menu-sub-list-indent)}.udex-masthead-mobile-menu__sub-list [udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-mobile: var(--udexSpacer12)}.udex-masthead-mobile-menu__sub-list li{margin-bottom:var(--udex-masthead-menu-sub-list-item-spacing)}@media (max-width: 979px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-s)}}@media (max-width: 639px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-xs)}}
6
+ export default `:host{--udex-masthead-mobile-menu-padding-m: var(--udexSpacer24);--udex-masthead-mobile-menu-padding-s: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-mobile-menu-padding-xs: var(--udexSpacer24);--udex-masthead-mobile-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-mobile-search-margin-bottom: var(--udexSpacer16, 16);--udex-masthead-mobile-explore-btn-position: sticky;--udex-masthead-menu-sub-category-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-sub-category-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-sub-category-text-transform: none;--udex-masthead-menu-sub-category-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-sub-category-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-sub-category-padding-block: var(--udexSpacer16);--udex-masthead-menu-sub-category-padding-inline: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-sub-list-item-spacing: 0;--udex-masthead-menu-sub-list-indent: var(--udexSpacer12, 12px)}.udex-masthead-mobile-menu__list-search{margin-bottom:var(--udex-masthead-mobile-search-margin-bottom)}.udex-masthead-mobile-menu{background:var(--udex-masthead-mobile-menu-background);box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;height:100%}.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-m);height:100%;overflow:auto}.udex-masthead-mobile-menu__explore-btn{--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightMedium, 500);position:var(--udex-masthead-mobile-explore-btn-position);margin-block-start:auto;inset-block-end:0;inline-size:100%}.udex-masthead-mobile-menu__list{margin:0;padding:0;list-style:none}[udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}[udex-masthead-menu-item]::part(menu-item),[udex-masthead-menu-item]::part(menu-item-link){width:100%}.udex-masthead-mobile-menu__back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-mobile-menu__heading::part(menu-item){justify-content:center}.udex-masthead-mobile-menu__back-item::part(menu-item-button):after{content:""}.udex-masthead-mobile-menu__back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}span.udex-masthead-mobile-menu__sub-category{display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-masthead-menu-sub-category-font-size);line-height:var(--udex-masthead-menu-sub-category-line-height);font-weight:var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);color:var(--udex-masthead-menu-sub-category-color);padding-block:var(--udex-masthead-menu-sub-category-padding-block);padding-inline:var(--udex-masthead-menu-sub-category-padding-inline);box-sizing:border-box;width:100%}[udex-masthead-menu-item].udex-masthead-mobile-menu__sub-category{--udex-masthead-menu-item-color: var(--udex-masthead-menu-sub-category-color);--udex-masthead-menu-item-font-size: var(--udex-masthead-menu-sub-category-font-size);--udex-masthead-menu-item-line-height: var(--udex-masthead-menu-sub-category-line-height);--udex-masthead-menu-item-font-weight: var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform)}.udex-masthead-mobile-menu__sub-list{list-style:none;margin:0;padding:0;padding-inline-start:var(--udex-masthead-menu-sub-list-indent)}.udex-masthead-mobile-menu__sub-list [udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-mobile: var(--udexSpacer12)}.udex-masthead-mobile-menu__sub-list li{margin-bottom:var(--udex-masthead-menu-sub-list-item-spacing)}@media (width < 980px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-s)}}@media (width < 640px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-xs)}}
7
7
  `;
8
8
  //# sourceMappingURL=MastheadMobileMenu.css.js.map
package/dist/generated/themes/MastheadMobileMenu.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MastheadMobileMenu.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadMobileMenu.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"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\");\nexport default `:host{--udex-masthead-mobile-menu-padding-m: var(--udexSpacer24);--udex-masthead-mobile-menu-padding-s: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-mobile-menu-padding-xs: var(--udexSpacer24);--udex-masthead-mobile-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-mobile-search-margin-bottom: var(--udexSpacer16, 16);--udex-masthead-mobile-explore-btn-position: sticky;--udex-masthead-menu-sub-category-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-sub-category-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-sub-category-text-transform: none;--udex-masthead-menu-sub-category-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-sub-category-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-sub-category-padding-block: var(--udexSpacer16);--udex-masthead-menu-sub-category-padding-inline: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-sub-list-item-spacing: 0;--udex-masthead-menu-sub-list-indent: var(--udexSpacer12, 12px)}.udex-masthead-mobile-menu__list-search{margin-bottom:var(--udex-masthead-mobile-search-margin-bottom)}.udex-masthead-mobile-menu{background:var(--udex-masthead-mobile-menu-background);box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;height:100%}.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-m);height:100%;overflow:auto}.udex-masthead-mobile-menu__explore-btn{--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightMedium, 500);position:var(--udex-masthead-mobile-explore-btn-position);margin-block-start:auto;inset-block-end:0;inline-size:100%}.udex-masthead-mobile-menu__list{margin:0;padding:0;list-style:none}[udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}[udex-masthead-menu-item]::part(menu-item),[udex-masthead-menu-item]::part(menu-item-link){width:100%}.udex-masthead-mobile-menu__back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-mobile-menu__heading::part(menu-item){justify-content:center}.udex-masthead-mobile-menu__back-item::part(menu-item-button):after{content:\"\"}.udex-masthead-mobile-menu__back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}span.udex-masthead-mobile-menu__sub-category{display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-masthead-menu-sub-category-font-size);line-height:var(--udex-masthead-menu-sub-category-line-height);font-weight:var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);color:var(--udex-masthead-menu-sub-category-color);padding-block:var(--udex-masthead-menu-sub-category-padding-block);padding-inline:var(--udex-masthead-menu-sub-category-padding-inline);box-sizing:border-box;width:100%}[udex-masthead-menu-item].udex-masthead-mobile-menu__sub-category{--udex-masthead-menu-item-color: var(--udex-masthead-menu-sub-category-color);--udex-masthead-menu-item-font-size: var(--udex-masthead-menu-sub-category-font-size);--udex-masthead-menu-item-line-height: var(--udex-masthead-menu-sub-category-line-height);--udex-masthead-menu-item-font-weight: var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform)}.udex-masthead-mobile-menu__sub-list{list-style:none;margin:0;padding:0;padding-inline-start:var(--udex-masthead-menu-sub-list-indent)}.udex-masthead-mobile-menu__sub-list [udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-mobile: var(--udexSpacer12)}.udex-masthead-mobile-menu__sub-list li{margin-bottom:var(--udex-masthead-menu-sub-list-item-spacing)}@media (max-width: 979px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-s)}}@media (max-width: 639px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-xs)}}\n`"]}
1
+ {"version":3,"file":"MastheadMobileMenu.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadMobileMenu.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"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\");\nexport default `:host{--udex-masthead-mobile-menu-padding-m: var(--udexSpacer24);--udex-masthead-mobile-menu-padding-s: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-mobile-menu-padding-xs: var(--udexSpacer24);--udex-masthead-mobile-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-mobile-search-margin-bottom: var(--udexSpacer16, 16);--udex-masthead-mobile-explore-btn-position: sticky;--udex-masthead-menu-sub-category-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-sub-category-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-sub-category-text-transform: none;--udex-masthead-menu-sub-category-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-sub-category-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-sub-category-padding-block: var(--udexSpacer16);--udex-masthead-menu-sub-category-padding-inline: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-sub-list-item-spacing: 0;--udex-masthead-menu-sub-list-indent: var(--udexSpacer12, 12px)}.udex-masthead-mobile-menu__list-search{margin-bottom:var(--udex-masthead-mobile-search-margin-bottom)}.udex-masthead-mobile-menu{background:var(--udex-masthead-mobile-menu-background);box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;height:100%}.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-m);height:100%;overflow:auto}.udex-masthead-mobile-menu__explore-btn{--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightMedium, 500);position:var(--udex-masthead-mobile-explore-btn-position);margin-block-start:auto;inset-block-end:0;inline-size:100%}.udex-masthead-mobile-menu__list{margin:0;padding:0;list-style:none}[udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}[udex-masthead-menu-item]::part(menu-item),[udex-masthead-menu-item]::part(menu-item-link){width:100%}.udex-masthead-mobile-menu__back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-mobile-menu__heading::part(menu-item){justify-content:center}.udex-masthead-mobile-menu__back-item::part(menu-item-button):after{content:\"\"}.udex-masthead-mobile-menu__back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}span.udex-masthead-mobile-menu__sub-category{display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-masthead-menu-sub-category-font-size);line-height:var(--udex-masthead-menu-sub-category-line-height);font-weight:var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);color:var(--udex-masthead-menu-sub-category-color);padding-block:var(--udex-masthead-menu-sub-category-padding-block);padding-inline:var(--udex-masthead-menu-sub-category-padding-inline);box-sizing:border-box;width:100%}[udex-masthead-menu-item].udex-masthead-mobile-menu__sub-category{--udex-masthead-menu-item-color: var(--udex-masthead-menu-sub-category-color);--udex-masthead-menu-item-font-size: var(--udex-masthead-menu-sub-category-font-size);--udex-masthead-menu-item-line-height: var(--udex-masthead-menu-sub-category-line-height);--udex-masthead-menu-item-font-weight: var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform)}.udex-masthead-mobile-menu__sub-list{list-style:none;margin:0;padding:0;padding-inline-start:var(--udex-masthead-menu-sub-list-indent)}.udex-masthead-mobile-menu__sub-list [udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-mobile: var(--udexSpacer12)}.udex-masthead-mobile-menu__sub-list li{margin-bottom:var(--udex-masthead-menu-sub-list-item-spacing)}@media (width < 980px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-s)}}@media (width < 640px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-xs)}}\n`"]}
package/dist/generated/themes/MastheadProfileMenu.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--udex-masthead-profile-menu-login-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-username-color: inherit;--udex-masthead-profile-account-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-email-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-identities-list-height: 430px}[udex-masthead-menu]{--udex-masthead-menu-padding-desktop: 0;--udex-masthead-menu-padding-mobile: 0;--udex-masthead-menu-row-margin: 0;--udex-masthead-menu-header-border-color: var(--udex-masthead-profile-menu-header-border-color)}[udex-masthead-menu]::part(column){max-width:initial}.udex-masthead-profile-menu{color:var(--udex-masthead-profile-menu-color);font-family:var(--sapFontFamily);display:inline-flex;flex-direction:column;align-items:stretch;box-sizing:border-box}.udex-masthead-profile-menu__message,.udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer48)}.udex-masthead-profile-menu__header{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer24)}.udex-masthead-profile-menu__header>div{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer4)}.udex-profile-menu__account-name{color:var(--udex-masthead-profile-menu-username-color);font-size:20px;font-weight:500;line-height:22px;margin:0}.udex-profile-menu__account-email{color:var(--udex-masthead-profile-account-color);font-size:14px;line-height:21px;margin:0}.udex-masthead-profile-menu__message{width:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu{box-sizing:border-box;width:100%;height:100%}.udex-masthead-profile-menu__identities-list-wrap{overflow:auto;height:100%;position:relative}.udex-masthead-profile-menu__btn-back{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralBlack, #000);--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-profile-menu__btn-back::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium);justify-content:flex-start}.udex-masthead-profile-menu__btn-back::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-profile-menu__switcher-title{font-size:var(--udexTypographyHeadingBoldXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);text-align:center;padding:5px}.udex-masthead-profile-menu__identities-list-title{padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);border-bottom:1px solid var(--udex-masthead-profile-menu-login-border-color);margin-bottom:var(--udexSpacer4);margin-top:var(--udexSpacer32);display:block}.udex-masthead-profile-menu__add-remove-btn{margin-inline-end:auto;margin-top:var(--udexSpacer32);display:block;min-height:42px}.udex-masthead-profile-menu__header-wrap{display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-profile-menu__identities-list{max-height:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu.udex-masthead-profile-menu_switcher,.udex-masthead-profile-menu.udex-masthead-profile-menu_switcher{gap:0}.udex-masthead-profile-menu__identities-list{max-height:var(--udex-masthead-profile-menu-identities-list-height);overflow:auto;display:block}.udex-masthead-profile-menu__content{position:relative;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-profile-menu__add-remove-btn{margin-top:0}.udex-masthead-profile-menu__links{height:100%;overflow:auto;max-height:100%}.udex-masthead-profile-menu__content{position:relative}:host([_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,.udex-masthead-profile-menu__identities-list_scrollable:before{content:\"\";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:var(--udexZIndex1, 1);background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop][_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]) .udex-masthead-profile-menu__identities-list_scrollable:before{right:15px}:host([desktop][_is-mobile-mode]:dir(rtl)) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]:dir(rtl)) .udex-masthead-profile-menu__identities-list_scrollable:before{right:0;left:15px}:host([_is-mobile-mode]) .udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu__identities-list-item::part(supporting){word-break:break-all}:host([_is-mobile-mode]) .udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__actions [udex-link]{font-family:var(--udex-masthead-menu-item-font-family, sans-serif);font-size:var(--udex-masthead-menu-item-font-size, 14px);line-height:var(--udex-masthead-menu-item-line-height, 1.1);font-weight:var(--udex-masthead-menu-item-font-weight, 500);margin:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);color:var(--sapList_TextColor, #000);--udex-link-icon-width: 14px;--udex-link-icon-height: 14px}.udex-masthead-profile-menu__btn{padding-top:var(--udexSpacer32)}@media (max-width: 1279px){.udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__btn-back::part(menu-item-button){justify-content:space-between}.udex-masthead-profile-menu__btn-back::part(menu-item-button):after{content:\"\"}.udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu{box-sizing:border-box;width:100%;min-height:100%}.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__add-remove-btn,.udex-masthead-profile-menu__btn,.udex-masthead-profile-menu__content,:host([_is-mobile-mode]) .udex-masthead-profile-menu__message,:host([_is-mobile-mode]) .udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer32)}.udex-masthead-profile-menu__actions{border-top:0;margin-top:auto}udex-masthead-menu-item::part(menu-item){justify-content:center}.udex-masthead-profile-menu__btn{padding-top:0}}@media (max-height: 550px){.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__content{min-height:100px}}\n";
1
+ declare const _default: ":host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--udex-masthead-profile-menu-login-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-username-color: inherit;--udex-masthead-profile-account-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-email-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-identities-list-height: 430px}[udex-masthead-menu]{--udex-masthead-menu-padding-desktop: 0;--udex-masthead-menu-padding-mobile: 0;--udex-masthead-menu-row-margin: 0;--udex-masthead-menu-header-border-color: var(--udex-masthead-profile-menu-header-border-color)}[udex-masthead-menu]::part(column){max-width:initial}.udex-masthead-profile-menu{color:var(--udex-masthead-profile-menu-color);font-family:var(--sapFontFamily);display:inline-flex;flex-direction:column;align-items:stretch;box-sizing:border-box}.udex-masthead-profile-menu__message,.udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer48)}.udex-masthead-profile-menu__header{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer24)}.udex-masthead-profile-menu__header>div{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer4)}.udex-profile-menu__account-name{color:var(--udex-masthead-profile-menu-username-color);font-size:20px;font-weight:500;line-height:22px;margin:0}.udex-profile-menu__account-email{color:var(--udex-masthead-profile-account-color);font-size:14px;line-height:21px;margin:0}.udex-masthead-profile-menu__message{width:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu{box-sizing:border-box;width:100%;height:100%}.udex-masthead-profile-menu__identities-list-wrap{overflow:auto;height:100%;position:relative}.udex-masthead-profile-menu__btn-back{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralBlack, #000);--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-profile-menu__btn-back::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium);justify-content:flex-start}.udex-masthead-profile-menu__btn-back::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-profile-menu__switcher-title{font-size:var(--udexTypographyHeadingBoldXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);text-align:center;padding:5px}.udex-masthead-profile-menu__identities-list-title{padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);border-bottom:1px solid var(--udex-masthead-profile-menu-login-border-color);margin-bottom:var(--udexSpacer4);margin-top:var(--udexSpacer32);display:block}.udex-masthead-profile-menu__add-remove-btn{margin-inline-end:auto;margin-top:var(--udexSpacer32);display:block;min-height:42px}.udex-masthead-profile-menu__header-wrap{display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-profile-menu__identities-list{max-height:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu.udex-masthead-profile-menu_switcher,.udex-masthead-profile-menu.udex-masthead-profile-menu_switcher{gap:0}.udex-masthead-profile-menu__identities-list{max-height:var(--udex-masthead-profile-menu-identities-list-height);overflow:auto;display:block}.udex-masthead-profile-menu__content{position:relative;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-profile-menu__add-remove-btn{margin-top:0}.udex-masthead-profile-menu__links{height:100%;overflow:auto;max-height:100%}.udex-masthead-profile-menu__content{position:relative}:host([_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,.udex-masthead-profile-menu__identities-list_scrollable:before{content:\"\";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:var(--udexZIndex1, 1);background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop][_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]) .udex-masthead-profile-menu__identities-list_scrollable:before{right:15px}:host([desktop][_is-mobile-mode]:dir(rtl)) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]:dir(rtl)) .udex-masthead-profile-menu__identities-list_scrollable:before{right:0;left:15px}:host([_is-mobile-mode]) .udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu__identities-list-item::part(supporting){word-break:break-all}:host([_is-mobile-mode]) .udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__actions [udex-link]{font-family:var(--udex-masthead-menu-item-font-family, sans-serif);font-size:var(--udex-masthead-menu-item-font-size, 14px);line-height:var(--udex-masthead-menu-item-line-height, 1.1);font-weight:var(--udex-masthead-menu-item-font-weight, 500);margin:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);color:var(--sapList_TextColor, #000);--udex-link-icon-width: 14px;--udex-link-icon-height: 14px}.udex-masthead-profile-menu__btn{padding-top:var(--udexSpacer32)}@media (width < 1280px){.udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__btn-back::part(menu-item-button){justify-content:space-between}.udex-masthead-profile-menu__btn-back::part(menu-item-button):after{content:\"\"}.udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu{box-sizing:border-box;width:100%;min-height:100%}.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__add-remove-btn,.udex-masthead-profile-menu__btn,.udex-masthead-profile-menu__content,:host([_is-mobile-mode]) .udex-masthead-profile-menu__message,:host([_is-mobile-mode]) .udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer32)}.udex-masthead-profile-menu__actions{border-top:0;margin-top:auto}udex-masthead-menu-item::part(menu-item){justify-content:center}.udex-masthead-profile-menu__btn{padding-top:0}}@media (max-height: 550px){.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__content{min-height:100px}}\n";
2
2
  export default _default;
package/dist/generated/themes/MastheadProfileMenu.css.js CHANGED
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
5
  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");
6
- export default `:host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--udex-masthead-profile-menu-login-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-username-color: inherit;--udex-masthead-profile-account-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-email-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-identities-list-height: 430px}[udex-masthead-menu]{--udex-masthead-menu-padding-desktop: 0;--udex-masthead-menu-padding-mobile: 0;--udex-masthead-menu-row-margin: 0;--udex-masthead-menu-header-border-color: var(--udex-masthead-profile-menu-header-border-color)}[udex-masthead-menu]::part(column){max-width:initial}.udex-masthead-profile-menu{color:var(--udex-masthead-profile-menu-color);font-family:var(--sapFontFamily);display:inline-flex;flex-direction:column;align-items:stretch;box-sizing:border-box}.udex-masthead-profile-menu__message,.udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer48)}.udex-masthead-profile-menu__header{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer24)}.udex-masthead-profile-menu__header>div{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer4)}.udex-profile-menu__account-name{color:var(--udex-masthead-profile-menu-username-color);font-size:20px;font-weight:500;line-height:22px;margin:0}.udex-profile-menu__account-email{color:var(--udex-masthead-profile-account-color);font-size:14px;line-height:21px;margin:0}.udex-masthead-profile-menu__message{width:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu{box-sizing:border-box;width:100%;height:100%}.udex-masthead-profile-menu__identities-list-wrap{overflow:auto;height:100%;position:relative}.udex-masthead-profile-menu__btn-back{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralBlack, #000);--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-profile-menu__btn-back::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium);justify-content:flex-start}.udex-masthead-profile-menu__btn-back::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-profile-menu__switcher-title{font-size:var(--udexTypographyHeadingBoldXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);text-align:center;padding:5px}.udex-masthead-profile-menu__identities-list-title{padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);border-bottom:1px solid var(--udex-masthead-profile-menu-login-border-color);margin-bottom:var(--udexSpacer4);margin-top:var(--udexSpacer32);display:block}.udex-masthead-profile-menu__add-remove-btn{margin-inline-end:auto;margin-top:var(--udexSpacer32);display:block;min-height:42px}.udex-masthead-profile-menu__header-wrap{display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-profile-menu__identities-list{max-height:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu.udex-masthead-profile-menu_switcher,.udex-masthead-profile-menu.udex-masthead-profile-menu_switcher{gap:0}.udex-masthead-profile-menu__identities-list{max-height:var(--udex-masthead-profile-menu-identities-list-height);overflow:auto;display:block}.udex-masthead-profile-menu__content{position:relative;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-profile-menu__add-remove-btn{margin-top:0}.udex-masthead-profile-menu__links{height:100%;overflow:auto;max-height:100%}.udex-masthead-profile-menu__content{position:relative}:host([_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,.udex-masthead-profile-menu__identities-list_scrollable:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:var(--udexZIndex1, 1);background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop][_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]) .udex-masthead-profile-menu__identities-list_scrollable:before{right:15px}:host([desktop][_is-mobile-mode]:dir(rtl)) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]:dir(rtl)) .udex-masthead-profile-menu__identities-list_scrollable:before{right:0;left:15px}:host([_is-mobile-mode]) .udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu__identities-list-item::part(supporting){word-break:break-all}:host([_is-mobile-mode]) .udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__actions [udex-link]{font-family:var(--udex-masthead-menu-item-font-family, sans-serif);font-size:var(--udex-masthead-menu-item-font-size, 14px);line-height:var(--udex-masthead-menu-item-line-height, 1.1);font-weight:var(--udex-masthead-menu-item-font-weight, 500);margin:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);color:var(--sapList_TextColor, #000);--udex-link-icon-width: 14px;--udex-link-icon-height: 14px}.udex-masthead-profile-menu__btn{padding-top:var(--udexSpacer32)}@media (max-width: 1279px){.udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__btn-back::part(menu-item-button){justify-content:space-between}.udex-masthead-profile-menu__btn-back::part(menu-item-button):after{content:""}.udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu{box-sizing:border-box;width:100%;min-height:100%}.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__add-remove-btn,.udex-masthead-profile-menu__btn,.udex-masthead-profile-menu__content,:host([_is-mobile-mode]) .udex-masthead-profile-menu__message,:host([_is-mobile-mode]) .udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer32)}.udex-masthead-profile-menu__actions{border-top:0;margin-top:auto}udex-masthead-menu-item::part(menu-item){justify-content:center}.udex-masthead-profile-menu__btn{padding-top:0}}@media (max-height: 550px){.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__content{min-height:100px}}
6
+ export default `:host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--udex-masthead-profile-menu-login-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-username-color: inherit;--udex-masthead-profile-account-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-email-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-identities-list-height: 430px}[udex-masthead-menu]{--udex-masthead-menu-padding-desktop: 0;--udex-masthead-menu-padding-mobile: 0;--udex-masthead-menu-row-margin: 0;--udex-masthead-menu-header-border-color: var(--udex-masthead-profile-menu-header-border-color)}[udex-masthead-menu]::part(column){max-width:initial}.udex-masthead-profile-menu{color:var(--udex-masthead-profile-menu-color);font-family:var(--sapFontFamily);display:inline-flex;flex-direction:column;align-items:stretch;box-sizing:border-box}.udex-masthead-profile-menu__message,.udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer48)}.udex-masthead-profile-menu__header{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer24)}.udex-masthead-profile-menu__header>div{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer4)}.udex-profile-menu__account-name{color:var(--udex-masthead-profile-menu-username-color);font-size:20px;font-weight:500;line-height:22px;margin:0}.udex-profile-menu__account-email{color:var(--udex-masthead-profile-account-color);font-size:14px;line-height:21px;margin:0}.udex-masthead-profile-menu__message{width:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu{box-sizing:border-box;width:100%;height:100%}.udex-masthead-profile-menu__identities-list-wrap{overflow:auto;height:100%;position:relative}.udex-masthead-profile-menu__btn-back{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralBlack, #000);--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-profile-menu__btn-back::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium);justify-content:flex-start}.udex-masthead-profile-menu__btn-back::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-profile-menu__switcher-title{font-size:var(--udexTypographyHeadingBoldXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);text-align:center;padding:5px}.udex-masthead-profile-menu__identities-list-title{padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);border-bottom:1px solid var(--udex-masthead-profile-menu-login-border-color);margin-bottom:var(--udexSpacer4);margin-top:var(--udexSpacer32);display:block}.udex-masthead-profile-menu__add-remove-btn{margin-inline-end:auto;margin-top:var(--udexSpacer32);display:block;min-height:42px}.udex-masthead-profile-menu__header-wrap{display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-profile-menu__identities-list{max-height:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu.udex-masthead-profile-menu_switcher,.udex-masthead-profile-menu.udex-masthead-profile-menu_switcher{gap:0}.udex-masthead-profile-menu__identities-list{max-height:var(--udex-masthead-profile-menu-identities-list-height);overflow:auto;display:block}.udex-masthead-profile-menu__content{position:relative;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-profile-menu__add-remove-btn{margin-top:0}.udex-masthead-profile-menu__links{height:100%;overflow:auto;max-height:100%}.udex-masthead-profile-menu__content{position:relative}:host([_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,.udex-masthead-profile-menu__identities-list_scrollable:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:var(--udexZIndex1, 1);background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop][_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]) .udex-masthead-profile-menu__identities-list_scrollable:before{right:15px}:host([desktop][_is-mobile-mode]:dir(rtl)) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]:dir(rtl)) .udex-masthead-profile-menu__identities-list_scrollable:before{right:0;left:15px}:host([_is-mobile-mode]) .udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu__identities-list-item::part(supporting){word-break:break-all}:host([_is-mobile-mode]) .udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__actions [udex-link]{font-family:var(--udex-masthead-menu-item-font-family, sans-serif);font-size:var(--udex-masthead-menu-item-font-size, 14px);line-height:var(--udex-masthead-menu-item-line-height, 1.1);font-weight:var(--udex-masthead-menu-item-font-weight, 500);margin:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);color:var(--sapList_TextColor, #000);--udex-link-icon-width: 14px;--udex-link-icon-height: 14px}.udex-masthead-profile-menu__btn{padding-top:var(--udexSpacer32)}@media (width < 1280px){.udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__btn-back::part(menu-item-button){justify-content:space-between}.udex-masthead-profile-menu__btn-back::part(menu-item-button):after{content:""}.udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu{box-sizing:border-box;width:100%;min-height:100%}.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__add-remove-btn,.udex-masthead-profile-menu__btn,.udex-masthead-profile-menu__content,:host([_is-mobile-mode]) .udex-masthead-profile-menu__message,:host([_is-mobile-mode]) .udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer32)}.udex-masthead-profile-menu__actions{border-top:0;margin-top:auto}udex-masthead-menu-item::part(menu-item){justify-content:center}.udex-masthead-profile-menu__btn{padding-top:0}}@media (max-height: 550px){.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__content{min-height:100px}}
7
7
  `;
8
8
  //# sourceMappingURL=MastheadProfileMenu.css.js.map
package/dist/generated/themes/MastheadProfileMenu.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MastheadProfileMenu.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadProfileMenu.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"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\");\nexport default `:host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--udex-masthead-profile-menu-login-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-username-color: inherit;--udex-masthead-profile-account-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-email-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-identities-list-height: 430px}[udex-masthead-menu]{--udex-masthead-menu-padding-desktop: 0;--udex-masthead-menu-padding-mobile: 0;--udex-masthead-menu-row-margin: 0;--udex-masthead-menu-header-border-color: var(--udex-masthead-profile-menu-header-border-color)}[udex-masthead-menu]::part(column){max-width:initial}.udex-masthead-profile-menu{color:var(--udex-masthead-profile-menu-color);font-family:var(--sapFontFamily);display:inline-flex;flex-direction:column;align-items:stretch;box-sizing:border-box}.udex-masthead-profile-menu__message,.udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer48)}.udex-masthead-profile-menu__header{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer24)}.udex-masthead-profile-menu__header>div{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer4)}.udex-profile-menu__account-name{color:var(--udex-masthead-profile-menu-username-color);font-size:20px;font-weight:500;line-height:22px;margin:0}.udex-profile-menu__account-email{color:var(--udex-masthead-profile-account-color);font-size:14px;line-height:21px;margin:0}.udex-masthead-profile-menu__message{width:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu{box-sizing:border-box;width:100%;height:100%}.udex-masthead-profile-menu__identities-list-wrap{overflow:auto;height:100%;position:relative}.udex-masthead-profile-menu__btn-back{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralBlack, #000);--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-profile-menu__btn-back::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium);justify-content:flex-start}.udex-masthead-profile-menu__btn-back::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-profile-menu__switcher-title{font-size:var(--udexTypographyHeadingBoldXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);text-align:center;padding:5px}.udex-masthead-profile-menu__identities-list-title{padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);border-bottom:1px solid var(--udex-masthead-profile-menu-login-border-color);margin-bottom:var(--udexSpacer4);margin-top:var(--udexSpacer32);display:block}.udex-masthead-profile-menu__add-remove-btn{margin-inline-end:auto;margin-top:var(--udexSpacer32);display:block;min-height:42px}.udex-masthead-profile-menu__header-wrap{display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-profile-menu__identities-list{max-height:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu.udex-masthead-profile-menu_switcher,.udex-masthead-profile-menu.udex-masthead-profile-menu_switcher{gap:0}.udex-masthead-profile-menu__identities-list{max-height:var(--udex-masthead-profile-menu-identities-list-height);overflow:auto;display:block}.udex-masthead-profile-menu__content{position:relative;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-profile-menu__add-remove-btn{margin-top:0}.udex-masthead-profile-menu__links{height:100%;overflow:auto;max-height:100%}.udex-masthead-profile-menu__content{position:relative}:host([_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,.udex-masthead-profile-menu__identities-list_scrollable:before{content:\"\";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:var(--udexZIndex1, 1);background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop][_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]) .udex-masthead-profile-menu__identities-list_scrollable:before{right:15px}:host([desktop][_is-mobile-mode]:dir(rtl)) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]:dir(rtl)) .udex-masthead-profile-menu__identities-list_scrollable:before{right:0;left:15px}:host([_is-mobile-mode]) .udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu__identities-list-item::part(supporting){word-break:break-all}:host([_is-mobile-mode]) .udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__actions [udex-link]{font-family:var(--udex-masthead-menu-item-font-family, sans-serif);font-size:var(--udex-masthead-menu-item-font-size, 14px);line-height:var(--udex-masthead-menu-item-line-height, 1.1);font-weight:var(--udex-masthead-menu-item-font-weight, 500);margin:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);color:var(--sapList_TextColor, #000);--udex-link-icon-width: 14px;--udex-link-icon-height: 14px}.udex-masthead-profile-menu__btn{padding-top:var(--udexSpacer32)}@media (max-width: 1279px){.udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__btn-back::part(menu-item-button){justify-content:space-between}.udex-masthead-profile-menu__btn-back::part(menu-item-button):after{content:\"\"}.udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu{box-sizing:border-box;width:100%;min-height:100%}.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__add-remove-btn,.udex-masthead-profile-menu__btn,.udex-masthead-profile-menu__content,:host([_is-mobile-mode]) .udex-masthead-profile-menu__message,:host([_is-mobile-mode]) .udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer32)}.udex-masthead-profile-menu__actions{border-top:0;margin-top:auto}udex-masthead-menu-item::part(menu-item){justify-content:center}.udex-masthead-profile-menu__btn{padding-top:0}}@media (max-height: 550px){.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__content{min-height:100px}}\n`"]}
1
+ {"version":3,"file":"MastheadProfileMenu.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadProfileMenu.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"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\");\nexport default `:host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--udex-masthead-profile-menu-login-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-username-color: inherit;--udex-masthead-profile-account-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-email-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-identities-list-height: 430px}[udex-masthead-menu]{--udex-masthead-menu-padding-desktop: 0;--udex-masthead-menu-padding-mobile: 0;--udex-masthead-menu-row-margin: 0;--udex-masthead-menu-header-border-color: var(--udex-masthead-profile-menu-header-border-color)}[udex-masthead-menu]::part(column){max-width:initial}.udex-masthead-profile-menu{color:var(--udex-masthead-profile-menu-color);font-family:var(--sapFontFamily);display:inline-flex;flex-direction:column;align-items:stretch;box-sizing:border-box}.udex-masthead-profile-menu__message,.udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer48)}.udex-masthead-profile-menu__header{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer24)}.udex-masthead-profile-menu__header>div{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer4)}.udex-profile-menu__account-name{color:var(--udex-masthead-profile-menu-username-color);font-size:20px;font-weight:500;line-height:22px;margin:0}.udex-profile-menu__account-email{color:var(--udex-masthead-profile-account-color);font-size:14px;line-height:21px;margin:0}.udex-masthead-profile-menu__message{width:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu{box-sizing:border-box;width:100%;height:100%}.udex-masthead-profile-menu__identities-list-wrap{overflow:auto;height:100%;position:relative}.udex-masthead-profile-menu__btn-back{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralBlack, #000);--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-profile-menu__btn-back::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium);justify-content:flex-start}.udex-masthead-profile-menu__btn-back::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-profile-menu__switcher-title{font-size:var(--udexTypographyHeadingBoldXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);text-align:center;padding:5px}.udex-masthead-profile-menu__identities-list-title{padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);border-bottom:1px solid var(--udex-masthead-profile-menu-login-border-color);margin-bottom:var(--udexSpacer4);margin-top:var(--udexSpacer32);display:block}.udex-masthead-profile-menu__add-remove-btn{margin-inline-end:auto;margin-top:var(--udexSpacer32);display:block;min-height:42px}.udex-masthead-profile-menu__header-wrap{display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-profile-menu__identities-list{max-height:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu.udex-masthead-profile-menu_switcher,.udex-masthead-profile-menu.udex-masthead-profile-menu_switcher{gap:0}.udex-masthead-profile-menu__identities-list{max-height:var(--udex-masthead-profile-menu-identities-list-height);overflow:auto;display:block}.udex-masthead-profile-menu__content{position:relative;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-profile-menu__add-remove-btn{margin-top:0}.udex-masthead-profile-menu__links{height:100%;overflow:auto;max-height:100%}.udex-masthead-profile-menu__content{position:relative}:host([_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,.udex-masthead-profile-menu__identities-list_scrollable:before{content:\"\";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:var(--udexZIndex1, 1);background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop][_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]) .udex-masthead-profile-menu__identities-list_scrollable:before{right:15px}:host([desktop][_is-mobile-mode]:dir(rtl)) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]:dir(rtl)) .udex-masthead-profile-menu__identities-list_scrollable:before{right:0;left:15px}:host([_is-mobile-mode]) .udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu__identities-list-item::part(supporting){word-break:break-all}:host([_is-mobile-mode]) .udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__actions [udex-link]{font-family:var(--udex-masthead-menu-item-font-family, sans-serif);font-size:var(--udex-masthead-menu-item-font-size, 14px);line-height:var(--udex-masthead-menu-item-line-height, 1.1);font-weight:var(--udex-masthead-menu-item-font-weight, 500);margin:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);color:var(--sapList_TextColor, #000);--udex-link-icon-width: 14px;--udex-link-icon-height: 14px}.udex-masthead-profile-menu__btn{padding-top:var(--udexSpacer32)}@media (width < 1280px){.udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__btn-back::part(menu-item-button){justify-content:space-between}.udex-masthead-profile-menu__btn-back::part(menu-item-button):after{content:\"\"}.udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu{box-sizing:border-box;width:100%;min-height:100%}.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__add-remove-btn,.udex-masthead-profile-menu__btn,.udex-masthead-profile-menu__content,:host([_is-mobile-mode]) .udex-masthead-profile-menu__message,:host([_is-mobile-mode]) .udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer32)}.udex-masthead-profile-menu__actions{border-top:0;margin-top:auto}udex-masthead-menu-item::part(menu-item){justify-content:center}.udex-masthead-profile-menu__btn{padding-top:0}}@media (max-height: 550px){.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__content{min-height:100px}}\n`"]}
package/dist/generated/themes/MastheadShell.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexColorGrey3, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);white-space:nowrap}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:\"\";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:var(--udexZIndex1, 1)}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (max-width: 1599px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (max-width: 1279px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}}@media (max-width: 979px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (max-width: 639px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}\n";
1
+ declare const _default: ":host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexColorGrey3, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);white-space:nowrap}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:\"\";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:var(--udexZIndex1, 1)}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (width < 1600px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (width < 1280px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}}@media (width < 980px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (width < 640px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}\n";
2
2
  export default _default;
package/dist/generated/themes/MastheadShell.css.js CHANGED
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
5
  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");
6
- export default `:host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexColorGrey3, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);white-space:nowrap}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:"";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:var(--udexZIndex1, 1)}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (max-width: 1599px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (max-width: 1279px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}}@media (max-width: 979px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (max-width: 639px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}
6
+ export default `:host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexColorGrey3, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);white-space:nowrap}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:"";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:var(--udexZIndex1, 1)}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (width < 1600px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (width < 1280px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}}@media (width < 980px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (width < 640px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}
7
7
  `;
8
8
  //# sourceMappingURL=MastheadShell.css.js.map
package/dist/generated/themes/MastheadShell.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MastheadShell.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadShell.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"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\");\nexport default `:host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexColorGrey3, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);white-space:nowrap}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:\"\";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:var(--udexZIndex1, 1)}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (max-width: 1599px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (max-width: 1279px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}}@media (max-width: 979px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (max-width: 639px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}\n`"]}
1
+ {"version":3,"file":"MastheadShell.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadShell.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"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\");\nexport default `:host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexColorGrey3, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);white-space:nowrap}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:\"\";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:var(--udexZIndex1, 1)}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (width < 1600px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (width < 1280px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}}@media (width < 980px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (width < 640px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}\n`"]}