@sapudex/web-components 2.8.0 → 2.10.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 (293) hide show
  1. package/bundle.esm.js +1 -0
  2. package/cypress/fixtures/footer-links.ts +32 -33
  3. package/cypress/specs/CountrySelector.cy.tsx +5 -2
  4. package/cypress/specs/EventRibbon.cy.tsx +25 -6
  5. package/cypress/specs/FilterMenu.cy.tsx +884 -0
  6. package/cypress/specs/Footer.cy.tsx +10 -11
  7. package/cypress/specs/SocialMediaButton.cy.tsx +44 -0
  8. package/cypress/specs/Table.cy.tsx +8 -2
  9. package/cypress/specs/TextField.cy.tsx +11 -4
  10. package/cypress/support/component-imports.instrumented.ts +11 -1
  11. package/cypress/support/component-imports.src.ts +12 -2
  12. package/dist/Assets.d.ts +1 -0
  13. package/dist/Assets.js +1 -0
  14. package/dist/Assets.js.map +1 -1
  15. package/dist/CountrySelector.d.ts +2 -2
  16. package/dist/CountrySelector.js +6 -3
  17. package/dist/CountrySelector.js.map +1 -1
  18. package/dist/DatePicker.js +2 -2
  19. package/dist/DatePicker.js.map +1 -1
  20. package/dist/EventRibbon.d.ts +15 -1
  21. package/dist/EventRibbon.js +11 -3
  22. package/dist/EventRibbon.js.map +1 -1
  23. package/dist/EventRibbonTemplate.js +5 -1
  24. package/dist/EventRibbonTemplate.js.map +1 -1
  25. package/dist/FilterMenu.d.ts +13 -2
  26. package/dist/FilterMenu.js +59 -13
  27. package/dist/FilterMenu.js.map +1 -1
  28. package/dist/Footer.d.ts +5 -3
  29. package/dist/Footer.js +3 -5
  30. package/dist/Footer.js.map +1 -1
  31. package/dist/MastheadItem.d.ts +12 -0
  32. package/dist/MastheadItem.js +6 -0
  33. package/dist/MastheadItem.js.map +1 -1
  34. package/dist/MastheadShell.d.ts +13 -3
  35. package/dist/MastheadShell.js +17 -4
  36. package/dist/MastheadShell.js.map +1 -1
  37. package/dist/SelectBox.d.ts +0 -1
  38. package/dist/SelectBox.js +2 -2
  39. package/dist/SelectBox.js.map +1 -1
  40. package/dist/SocialMediaButton.d.ts +73 -0
  41. package/dist/SocialMediaButton.js +135 -0
  42. package/dist/SocialMediaButton.js.map +1 -0
  43. package/dist/SocialMediaButtonTemplate.d.ts +2 -0
  44. package/dist/SocialMediaButtonTemplate.js +6 -0
  45. package/dist/SocialMediaButtonTemplate.js.map +1 -0
  46. package/dist/StepInput.d.ts +2 -1
  47. package/dist/StepInput.js +6 -0
  48. package/dist/StepInput.js.map +1 -1
  49. package/dist/StepInputTemplate.js +1 -1
  50. package/dist/StepInputTemplate.js.map +1 -1
  51. package/dist/TableRow.d.ts +11 -0
  52. package/dist/TableRow.js +16 -0
  53. package/dist/TableRow.js.map +1 -1
  54. package/dist/TextArea.d.ts +3 -8
  55. package/dist/TextArea.js +12 -5
  56. package/dist/TextArea.js.map +1 -1
  57. package/dist/TextField.d.ts +20 -11
  58. package/dist/TextField.js +44 -31
  59. package/dist/TextField.js.map +1 -1
  60. package/dist/assets/{InputSuggestions-CmCRxU5Z.js → InputSuggestions-xcV7PZDf.js} +1 -1
  61. package/dist/assets/{ListItemStandardExpandableTextTemplate-i35T7dr8.js → ListItemStandardExpandableTextTemplate-RYCr4pVL.js} +1 -1
  62. package/dist/assets/ar-CUjm9SSI.js +1 -0
  63. package/dist/assets/ar_EG-DQlFzN6x.js +1 -0
  64. package/dist/assets/ar_SA-lp21-ovF.js +1 -0
  65. package/dist/assets/bg-BMgSEqKu.js +1 -0
  66. package/dist/assets/{bundle.esm-BIStxKRx.js → bundle.esm-bg-64miJ.js} +208 -207
  67. package/dist/assets/ca-BEgqToWu.js +1 -0
  68. package/dist/assets/cnr-IJYa9RjY.js +1 -0
  69. package/dist/assets/cs-DcM44PeB.js +1 -0
  70. package/dist/assets/da-D81rJc1N.js +1 -0
  71. package/dist/assets/de-eQRPkDbn.js +1 -0
  72. package/dist/assets/de_AT-Ag3CVI5m.js +1 -0
  73. package/dist/assets/de_CH-DgRYNg0p.js +1 -0
  74. package/dist/assets/el-W3XNt9Wl.js +1 -0
  75. package/dist/assets/el_CY-BfNIiYpU.js +1 -0
  76. package/dist/assets/en-CrBjXhTl.js +1 -0
  77. package/dist/assets/en_AU-Br7ytKW4.js +1 -0
  78. package/dist/assets/en_GB-DfnNoCgD.js +1 -0
  79. package/dist/assets/en_HK-Cyj9DPsW.js +1 -0
  80. package/dist/assets/en_IE-B5FpEUby.js +1 -0
  81. package/dist/assets/en_IN-C3XmKnWe.js +1 -0
  82. package/dist/assets/en_NZ-COJ5ycaE.js +1 -0
  83. package/dist/assets/en_PG-BB-Cmgcm.js +1 -0
  84. package/dist/assets/en_SG-Dfevg5da.js +1 -0
  85. package/dist/assets/en_ZA-BgOSNy0v.js +1 -0
  86. package/dist/assets/es-CRcVj7aR.js +1 -0
  87. package/dist/assets/es_AR-CFf6aWC5.js +1 -0
  88. package/dist/assets/es_BO-DNFEED1o.js +1 -0
  89. package/dist/assets/es_CL-DZhLyidG.js +1 -0
  90. package/dist/assets/es_CO-uWf-1tom.js +1 -0
  91. package/dist/assets/es_MX-C_wDRcT-.js +1 -0
  92. package/dist/assets/es_PE-QQsdF6EB.js +1 -0
  93. package/dist/assets/es_UY-CWhNSkyr.js +1 -0
  94. package/dist/assets/es_VE-hweLK9Ws.js +1 -0
  95. package/dist/assets/et-B3fco2O5.js +1 -0
  96. package/dist/assets/fa-oRguSKlL.js +1 -0
  97. package/dist/assets/fi-Daa_vlE5.js +1 -0
  98. package/dist/assets/fr-CANfYyyO.js +1 -0
  99. package/dist/assets/fr_BE-CCxD_K6m.js +1 -0
  100. package/dist/assets/fr_CA-BEtkRJZv.js +1 -0
  101. package/dist/assets/fr_CH-CrBmdh_n.js +1 -0
  102. package/dist/assets/fr_LU-CDcjZueC.js +1 -0
  103. package/dist/assets/he-CVUhin6m.js +1 -0
  104. package/dist/assets/hi-DF2PyuOw.js +1 -0
  105. package/dist/assets/hr-b6c4wXpD.js +1 -0
  106. package/dist/assets/hu-B7IWSU6b.js +1 -0
  107. package/dist/assets/id-GxIydI_w.js +1 -0
  108. package/dist/assets/it-DAjzvm2X.js +1 -0
  109. package/dist/assets/it_CH-BvNuHKQK.js +1 -0
  110. package/dist/assets/ja-DhVA6Wxm.js +1 -0
  111. package/dist/assets/kk-BSxmnq67.js +1 -0
  112. package/dist/assets/ko-ZT8Z04Uq.js +1 -0
  113. package/dist/assets/lt-BVWqkFr_.js +1 -0
  114. package/dist/assets/lv-DyXyW37Y.js +1 -0
  115. package/dist/assets/messagebundle_en-BHfPJk-2.js +1 -0
  116. package/dist/assets/mk-ChbdOzZI.js +1 -0
  117. package/dist/assets/ms-H9bJ42GA.js +1 -0
  118. package/dist/assets/nb-Dgkq7ozi.js +1 -0
  119. package/dist/assets/nl-DZqLtAXS.js +1 -0
  120. package/dist/assets/nl_BE-Dx4AxOFo.js +1 -0
  121. package/dist/assets/pl-MzEgIfvm.js +1 -0
  122. package/dist/assets/pt-2N8dosOm.js +1 -0
  123. package/dist/assets/pt_PT-CIcj5FsJ.js +1 -0
  124. package/dist/assets/ro-CZHCJKTk.js +1 -0
  125. package/dist/assets/ru-BcU9rFqC.js +1 -0
  126. package/dist/assets/ru_UA-aH_wNrwj.js +1 -0
  127. package/dist/assets/sk-DYn5gXzA.js +1 -0
  128. package/dist/assets/sl-RYb_KlOx.js +1 -0
  129. package/dist/assets/sr-Bap_3nyz.js +1 -0
  130. package/dist/assets/sr_Latn-FYOU_tQB.js +1 -0
  131. package/dist/assets/sv-CeQXZ1qM.js +1 -0
  132. package/dist/assets/th-C5mRgAid.js +1 -0
  133. package/dist/assets/tr-vCU3KUkO.js +1 -0
  134. package/dist/assets/uk-CKvdHIrD.js +1 -0
  135. package/dist/assets/vi-0BxthtV1.js +1 -0
  136. package/dist/assets/zh_CN-BV9PXZ7J.js +1 -0
  137. package/dist/assets/zh_HK-kGfo3-wS.js +1 -0
  138. package/dist/assets/zh_SG-B8bEKxnm.js +1 -0
  139. package/dist/assets/zh_TW-BshO-JEe.js +1 -0
  140. package/dist/css/themes/DatePicker.css +1 -1
  141. package/dist/css/themes/Dropdown.css +1 -1
  142. package/dist/css/themes/EventRibbon.css +1 -1
  143. package/dist/css/themes/FilterMenu.css +1 -1
  144. package/dist/css/themes/Footer.css +1 -1
  145. package/dist/css/themes/Link.css +1 -1
  146. package/dist/css/themes/MastheadItem.css +1 -1
  147. package/dist/css/themes/MastheadMenu.css +1 -1
  148. package/dist/css/themes/ProgressBar.css +1 -1
  149. package/dist/css/themes/RatingIndicator.css +1 -1
  150. package/dist/css/themes/SelectBox.css +1 -1
  151. package/dist/css/themes/Slider.css +1 -1
  152. package/dist/css/themes/SocialMediaButton.css +1 -0
  153. package/dist/css/themes/TextField.css +1 -1
  154. package/dist/custom-elements-internal.json +254 -8
  155. package/dist/custom-elements.json +245 -8
  156. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  157. package/dist/generated/i18n/i18n-defaults.d.ts +2 -2
  158. package/dist/generated/i18n/i18n-defaults.js +2 -2
  159. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  160. package/dist/generated/templates/CountrySelectorTemplate.lit.js +1 -2
  161. package/dist/generated/templates/CountrySelectorTemplate.lit.js.map +1 -1
  162. package/dist/generated/templates/DatePickerTemplate.lit.js +4 -5
  163. package/dist/generated/templates/DatePickerTemplate.lit.js.map +1 -1
  164. package/dist/generated/templates/FilterMenuTemplate.lit.js +2 -2
  165. package/dist/generated/templates/FilterMenuTemplate.lit.js.map +1 -1
  166. package/dist/generated/templates/FooterTemplate.lit.js +1 -1
  167. package/dist/generated/templates/FooterTemplate.lit.js.map +1 -1
  168. package/dist/generated/templates/MastheadItemTemplate.lit.js +3 -3
  169. package/dist/generated/templates/MastheadItemTemplate.lit.js.map +1 -1
  170. package/dist/generated/templates/MastheadShellTemplate.lit.js +1 -1
  171. package/dist/generated/templates/MastheadShellTemplate.lit.js.map +1 -1
  172. package/dist/generated/templates/SearchableListBaseTemplate.lit.js +1 -1
  173. package/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +1 -1
  174. package/dist/generated/templates/SelectBoxTemplate.lit.js +4 -4
  175. package/dist/generated/templates/SelectBoxTemplate.lit.js.map +1 -1
  176. package/dist/generated/templates/TextFieldTemplate.lit.js +2 -2
  177. package/dist/generated/templates/TextFieldTemplate.lit.js.map +1 -1
  178. package/dist/generated/themes/DatePicker.css.d.ts +1 -1
  179. package/dist/generated/themes/DatePicker.css.js +1 -1
  180. package/dist/generated/themes/DatePicker.css.js.map +1 -1
  181. package/dist/generated/themes/Dropdown.css.d.ts +1 -1
  182. package/dist/generated/themes/Dropdown.css.js +1 -1
  183. package/dist/generated/themes/Dropdown.css.js.map +1 -1
  184. package/dist/generated/themes/EventRibbon.css.d.ts +1 -1
  185. package/dist/generated/themes/EventRibbon.css.js +1 -1
  186. package/dist/generated/themes/EventRibbon.css.js.map +1 -1
  187. package/dist/generated/themes/FilterMenu.css.d.ts +1 -1
  188. package/dist/generated/themes/FilterMenu.css.js +1 -1
  189. package/dist/generated/themes/FilterMenu.css.js.map +1 -1
  190. package/dist/generated/themes/Footer.css.d.ts +1 -1
  191. package/dist/generated/themes/Footer.css.js +1 -1
  192. package/dist/generated/themes/Footer.css.js.map +1 -1
  193. package/dist/generated/themes/Link.css.d.ts +1 -1
  194. package/dist/generated/themes/Link.css.js +1 -1
  195. package/dist/generated/themes/Link.css.js.map +1 -1
  196. package/dist/generated/themes/MastheadItem.css.d.ts +1 -1
  197. package/dist/generated/themes/MastheadItem.css.js +1 -1
  198. package/dist/generated/themes/MastheadItem.css.js.map +1 -1
  199. package/dist/generated/themes/MastheadMenu.css.d.ts +1 -1
  200. package/dist/generated/themes/MastheadMenu.css.js +1 -1
  201. package/dist/generated/themes/MastheadMenu.css.js.map +1 -1
  202. package/dist/generated/themes/ProgressBar.css.d.ts +1 -1
  203. package/dist/generated/themes/ProgressBar.css.js +1 -1
  204. package/dist/generated/themes/ProgressBar.css.js.map +1 -1
  205. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  206. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  207. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  208. package/dist/generated/themes/SelectBox.css.d.ts +1 -1
  209. package/dist/generated/themes/SelectBox.css.js +1 -1
  210. package/dist/generated/themes/SelectBox.css.js.map +1 -1
  211. package/dist/generated/themes/Slider.css.d.ts +1 -1
  212. package/dist/generated/themes/Slider.css.js +1 -1
  213. package/dist/generated/themes/Slider.css.js.map +1 -1
  214. package/dist/generated/themes/SocialMediaButton.css.d.ts +2 -0
  215. package/dist/generated/themes/SocialMediaButton.css.js +8 -0
  216. package/dist/generated/themes/SocialMediaButton.css.js.map +1 -0
  217. package/dist/generated/themes/TextField.css.d.ts +1 -1
  218. package/dist/generated/themes/TextField.css.js +1 -1
  219. package/dist/generated/themes/TextField.css.js.map +1 -1
  220. package/dist/messagebundle.properties +3 -3
  221. package/dist/messagebundle_en.properties +1 -1
  222. package/dist/types/SocialMediaButtonType.d.ts +9 -0
  223. package/dist/types/SocialMediaButtonType.js +11 -0
  224. package/dist/types/SocialMediaButtonType.js.map +1 -0
  225. package/dist/vscode.html-custom-data.json +61 -2
  226. package/dist/web-types.json +134 -9
  227. package/package.json +2 -1
  228. package/src/Assets.ts +1 -0
  229. package/src/CountrySelector.hbs +3 -9
  230. package/src/CountrySelector.ts +7 -4
  231. package/src/DatePicker.hbs +17 -26
  232. package/src/DatePicker.ts +2 -2
  233. package/src/EventRibbon.ts +24 -5
  234. package/src/EventRibbonTemplate.tsx +17 -6
  235. package/src/FilterMenu.hbs +33 -37
  236. package/src/FilterMenu.ts +69 -15
  237. package/src/Footer.hbs +7 -14
  238. package/src/Footer.ts +7 -8
  239. package/src/MastheadItem.hbs +2 -2
  240. package/src/MastheadItem.ts +18 -0
  241. package/src/MastheadShell.hbs +3 -2
  242. package/src/MastheadShell.ts +28 -7
  243. package/src/SearchableListBase.hbs +1 -1
  244. package/src/SelectBox.hbs +11 -13
  245. package/src/SelectBox.ts +2 -2
  246. package/src/SocialMediaButton.ts +152 -0
  247. package/src/SocialMediaButtonTemplate.tsx +18 -0
  248. package/src/StepInput.ts +8 -1
  249. package/src/StepInputTemplate.tsx +1 -2
  250. package/src/TableRow.ts +27 -1
  251. package/src/TextArea.ts +14 -7
  252. package/src/TextField.hbs +5 -5
  253. package/src/TextField.ts +87 -66
  254. package/src/generated/i18n/i18n-defaults.ts +2 -2
  255. package/src/generated/templates/CountrySelectorTemplate.lit.ts +1 -2
  256. package/src/generated/templates/DatePickerTemplate.lit.ts +4 -5
  257. package/src/generated/templates/FilterMenuTemplate.lit.ts +2 -2
  258. package/src/generated/templates/FooterTemplate.lit.ts +1 -1
  259. package/src/generated/templates/MastheadItemTemplate.lit.ts +3 -3
  260. package/src/generated/templates/MastheadShellTemplate.lit.ts +1 -1
  261. package/src/generated/templates/SearchableListBaseTemplate.lit.ts +1 -1
  262. package/src/generated/templates/SelectBoxTemplate.lit.ts +4 -4
  263. package/src/generated/templates/TextFieldTemplate.lit.ts +2 -2
  264. package/src/generated/themes/DatePicker.css.ts +1 -1
  265. package/src/generated/themes/Dropdown.css.ts +1 -1
  266. package/src/generated/themes/EventRibbon.css.ts +1 -1
  267. package/src/generated/themes/FilterMenu.css.ts +1 -1
  268. package/src/generated/themes/Footer.css.ts +1 -1
  269. package/src/generated/themes/Link.css.ts +1 -1
  270. package/src/generated/themes/MastheadItem.css.ts +1 -1
  271. package/src/generated/themes/MastheadMenu.css.ts +1 -1
  272. package/src/generated/themes/ProgressBar.css.ts +1 -1
  273. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  274. package/src/generated/themes/SelectBox.css.ts +1 -1
  275. package/src/generated/themes/Slider.css.ts +1 -1
  276. package/src/generated/themes/SocialMediaButton.css.ts +9 -0
  277. package/src/generated/themes/TextField.css.ts +1 -1
  278. package/src/i18n/messagebundle.properties +3 -3
  279. package/src/i18n/messagebundle_en.properties +1 -1
  280. package/src/themes/DatePicker.css +0 -5
  281. package/src/themes/Dropdown.css +1 -1
  282. package/src/themes/EventRibbon.css +34 -28
  283. package/src/themes/FilterMenu.css +2 -2
  284. package/src/themes/Footer.css +0 -16
  285. package/src/themes/Link.css +4 -1
  286. package/src/themes/MastheadItem.css +2 -1
  287. package/src/themes/MastheadMenu.css +4 -4
  288. package/src/themes/ProgressBar.css +2 -1
  289. package/src/themes/SelectBox.css +1 -1
  290. package/src/themes/SocialMediaButton.css +50 -0
  291. package/src/themes/TextField.css +0 -15
  292. package/src/types/SocialMediaButtonType.ts +10 -0
  293. package/dist/assets/messagebundle_en-CKeTZNW3.js +0 -1
package/dist/generated/themes/DatePicker.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);
6
- export default `:host{--udex-date-picker-width: 354px;position:relative;font-family:var(--sapFontFamily)}.udex-date-picker__container{display:flex;flex-direction:column}.udex-date-picker__calendar{min-width:var(--udex-date-picker-width);background-color:var(--udexNeutralColorWhite, #ffffff);border-radius:8px}.udex-date-picker__input{--udex-input-padding: 9px 48px 9px 12px}
6
+ export default `:host{--udex-date-picker-width: 354px;position:relative;font-family:var(--sapFontFamily)}.udex-date-picker__calendar{min-width:var(--udex-date-picker-width);background-color:var(--udexNeutralColorWhite, #ffffff);border-radius:8px}.udex-date-picker__input{--udex-input-padding: 9px 48px 9px 12px}
7
7
  `;
8
8
  //# sourceMappingURL=DatePicker.css.js.map
package/dist/generated/themes/DatePicker.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.css.js","sourceRoot":"","sources":["../../../src/generated/themes/DatePicker.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,CAAC,CAAC;AAChN,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);\nexport default `:host{--udex-date-picker-width: 354px;position:relative;font-family:var(--sapFontFamily)}.udex-date-picker__container{display:flex;flex-direction:column}.udex-date-picker__calendar{min-width:var(--udex-date-picker-width);background-color:var(--udexNeutralColorWhite, #ffffff);border-radius:8px}.udex-date-picker__input{--udex-input-padding: 9px 48px 9px 12px}\n`"]}
1
+ {"version":3,"file":"DatePicker.css.js","sourceRoot":"","sources":["../../../src/generated/themes/DatePicker.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,CAAC,CAAC;AAChN,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);\nexport default `:host{--udex-date-picker-width: 354px;position:relative;font-family:var(--sapFontFamily)}.udex-date-picker__calendar{min-width:var(--udex-date-picker-width);background-color:var(--udexNeutralColorWhite, #ffffff);border-radius:8px}.udex-date-picker__input{--udex-input-padding: 9px 48px 9px 12px}\n`"]}
package/dist/generated/themes/Dropdown.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-dropdown-border-color-default: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-dropdown-border-radius: var(--udexRadiusM, 8px);--udex-dropdown-border-width: var(--sapElement_BorderWidth, 1px);--udex-dropdown-horizontal-distance: 0;--udex-dropdown-vertical-distance: 0;--udex-dropdown-pane-min-width: 320px;--udex-dropdown-left-offset: 0px;--udex-dropdown-pane-min-width-xs: calc(100% - var(--udex-dropdown-left-offset));--udex-dropdown-pane-max-width: 640px;--udex-dropdown-pane-max-width-xs: 100%;--udex-dropdown-pane-width: fit-content;--udex-dropdown-pane-max-height: none;--udex-dropdown-pane-overflow: visible;--udex-dropdown-pane-content-overflow: auto;--udex-dropdown-background-content: var(--sapBackgroundColor, #FFF)}:host{min-width:var(--udex-dropdown-pane-min-width);max-width:var(--udex-dropdown-pane-max-width);width:var(--udex-dropdown-pane-width);max-height:var(--udex-dropdown-pane-max-height);overflow:var(--udex-dropdown-pane-overflow);border:var(--udex-dropdown-border-width) solid var(--udex-dropdown-border-color-default);border-radius:var(--udex-dropdown-border-radius);box-shadow:var(--udex-dropdown-box-shadow);background:var(--udex-dropdown-background-content)}.ui5-popup-root.ui5-popover-root{margin:var(--udex-dropdown-vertical-distance) var(--udex-dropdown-horizontal-distance)}:host .ui5-popup-root .ui5-popup-content{padding:0;overflow:var(--udex-dropdown-pane-content-overflow)}:host .ui5-popup-root .ui5-popup-header-root,:host .ui5-popup-root .ui5-popup-footer-root{padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px);background:none}:host .ui5-popup-root .ui5-popup-footer-root{justify-content:flex-start;border-color:var(--udex-dropdown-border-color-default)}::slotted(.udex-no-result){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer16, 16px) var(--udexSpacer16, 16px)}@media (width < 640px){.ui5-popup-root.ui5-popover-root{min-width:var(--udex-dropdown-pane-min-width-xs);max-width:var(--udex-dropdown-pane-max-width-xs)}}\n";
1
+ declare const _default: ":host{--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-dropdown-border-color-default: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-dropdown-border-radius: var(--udexRadiusM, 8px);--udex-dropdown-border-width: var(--sapElement_BorderWidth, 1px);--udex-dropdown-horizontal-distance: 0;--udex-dropdown-vertical-distance: 0;--udex-dropdown-pane-min-width: 320px;--udex-dropdown-left-offset: 0px;--udex-dropdown-pane-min-width-xs: calc(100% - var(--udex-dropdown-left-offset));--udex-dropdown-pane-max-width: 640px;--udex-dropdown-pane-max-width-xs: 100%;--udex-dropdown-pane-width: fit-content;--udex-dropdown-pane-max-height: none;--udex-dropdown-pane-overflow: visible;--udex-dropdown-pane-content-overflow: auto;--udex-dropdown-background-content: var(--sapBackgroundColor, #FFF)}:host{min-width:var(--udex-dropdown-pane-min-width);max-width:var(--udex-dropdown-pane-max-width);width:var(--udex-dropdown-pane-width);max-height:var(--udex-dropdown-pane-max-height);overflow:var(--udex-dropdown-pane-overflow);border:var(--udex-dropdown-border-width) solid var(--udex-dropdown-border-color-default);border-radius:var(--udex-dropdown-border-radius);box-shadow:var(--udex-dropdown-box-shadow);background:var(--udex-dropdown-background-content)}.ui5-popup-root.ui5-popover-root{margin:var(--udex-dropdown-vertical-distance) var(--udex-dropdown-horizontal-distance)}:host .ui5-popup-root .ui5-popup-content{padding:0;overflow:var(--udex-dropdown-pane-content-overflow)}:host .ui5-popup-root .ui5-popup-header-root,:host .ui5-popup-root .ui5-popup-footer-root{padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px);background:none}:host .ui5-popup-root .ui5-popup-footer-root{justify-content:flex-start;border-color:var(--udex-dropdown-border-color-default)}::slotted(.udex-no-result){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px)}@media (width < 640px){.ui5-popup-root.ui5-popover-root{min-width:var(--udex-dropdown-pane-min-width-xs);max-width:var(--udex-dropdown-pane-max-width-xs)}}\n";
2
2
  export default _default;
package/dist/generated/themes/Dropdown.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);
6
- export default `:host{--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-dropdown-border-color-default: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-dropdown-border-radius: var(--udexRadiusM, 8px);--udex-dropdown-border-width: var(--sapElement_BorderWidth, 1px);--udex-dropdown-horizontal-distance: 0;--udex-dropdown-vertical-distance: 0;--udex-dropdown-pane-min-width: 320px;--udex-dropdown-left-offset: 0px;--udex-dropdown-pane-min-width-xs: calc(100% - var(--udex-dropdown-left-offset));--udex-dropdown-pane-max-width: 640px;--udex-dropdown-pane-max-width-xs: 100%;--udex-dropdown-pane-width: fit-content;--udex-dropdown-pane-max-height: none;--udex-dropdown-pane-overflow: visible;--udex-dropdown-pane-content-overflow: auto;--udex-dropdown-background-content: var(--sapBackgroundColor, #FFF)}:host{min-width:var(--udex-dropdown-pane-min-width);max-width:var(--udex-dropdown-pane-max-width);width:var(--udex-dropdown-pane-width);max-height:var(--udex-dropdown-pane-max-height);overflow:var(--udex-dropdown-pane-overflow);border:var(--udex-dropdown-border-width) solid var(--udex-dropdown-border-color-default);border-radius:var(--udex-dropdown-border-radius);box-shadow:var(--udex-dropdown-box-shadow);background:var(--udex-dropdown-background-content)}.ui5-popup-root.ui5-popover-root{margin:var(--udex-dropdown-vertical-distance) var(--udex-dropdown-horizontal-distance)}:host .ui5-popup-root .ui5-popup-content{padding:0;overflow:var(--udex-dropdown-pane-content-overflow)}:host .ui5-popup-root .ui5-popup-header-root,:host .ui5-popup-root .ui5-popup-footer-root{padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px);background:none}:host .ui5-popup-root .ui5-popup-footer-root{justify-content:flex-start;border-color:var(--udex-dropdown-border-color-default)}::slotted(.udex-no-result){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer16, 16px) var(--udexSpacer16, 16px)}@media (width < 640px){.ui5-popup-root.ui5-popover-root{min-width:var(--udex-dropdown-pane-min-width-xs);max-width:var(--udex-dropdown-pane-max-width-xs)}}
6
+ export default `:host{--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-dropdown-border-color-default: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-dropdown-border-radius: var(--udexRadiusM, 8px);--udex-dropdown-border-width: var(--sapElement_BorderWidth, 1px);--udex-dropdown-horizontal-distance: 0;--udex-dropdown-vertical-distance: 0;--udex-dropdown-pane-min-width: 320px;--udex-dropdown-left-offset: 0px;--udex-dropdown-pane-min-width-xs: calc(100% - var(--udex-dropdown-left-offset));--udex-dropdown-pane-max-width: 640px;--udex-dropdown-pane-max-width-xs: 100%;--udex-dropdown-pane-width: fit-content;--udex-dropdown-pane-max-height: none;--udex-dropdown-pane-overflow: visible;--udex-dropdown-pane-content-overflow: auto;--udex-dropdown-background-content: var(--sapBackgroundColor, #FFF)}:host{min-width:var(--udex-dropdown-pane-min-width);max-width:var(--udex-dropdown-pane-max-width);width:var(--udex-dropdown-pane-width);max-height:var(--udex-dropdown-pane-max-height);overflow:var(--udex-dropdown-pane-overflow);border:var(--udex-dropdown-border-width) solid var(--udex-dropdown-border-color-default);border-radius:var(--udex-dropdown-border-radius);box-shadow:var(--udex-dropdown-box-shadow);background:var(--udex-dropdown-background-content)}.ui5-popup-root.ui5-popover-root{margin:var(--udex-dropdown-vertical-distance) var(--udex-dropdown-horizontal-distance)}:host .ui5-popup-root .ui5-popup-content{padding:0;overflow:var(--udex-dropdown-pane-content-overflow)}:host .ui5-popup-root .ui5-popup-header-root,:host .ui5-popup-root .ui5-popup-footer-root{padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px);background:none}:host .ui5-popup-root .ui5-popup-footer-root{justify-content:flex-start;border-color:var(--udex-dropdown-border-color-default)}::slotted(.udex-no-result){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px)}@media (width < 640px){.ui5-popup-root.ui5-popover-root{min-width:var(--udex-dropdown-pane-min-width-xs);max-width:var(--udex-dropdown-pane-max-width-xs)}}
7
7
  `;
8
8
  //# sourceMappingURL=Dropdown.css.js.map
package/dist/generated/themes/Dropdown.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Dropdown.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,CAAC,CAAC;AAChN,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);\nexport default `:host{--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-dropdown-border-color-default: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-dropdown-border-radius: var(--udexRadiusM, 8px);--udex-dropdown-border-width: var(--sapElement_BorderWidth, 1px);--udex-dropdown-horizontal-distance: 0;--udex-dropdown-vertical-distance: 0;--udex-dropdown-pane-min-width: 320px;--udex-dropdown-left-offset: 0px;--udex-dropdown-pane-min-width-xs: calc(100% - var(--udex-dropdown-left-offset));--udex-dropdown-pane-max-width: 640px;--udex-dropdown-pane-max-width-xs: 100%;--udex-dropdown-pane-width: fit-content;--udex-dropdown-pane-max-height: none;--udex-dropdown-pane-overflow: visible;--udex-dropdown-pane-content-overflow: auto;--udex-dropdown-background-content: var(--sapBackgroundColor, #FFF)}:host{min-width:var(--udex-dropdown-pane-min-width);max-width:var(--udex-dropdown-pane-max-width);width:var(--udex-dropdown-pane-width);max-height:var(--udex-dropdown-pane-max-height);overflow:var(--udex-dropdown-pane-overflow);border:var(--udex-dropdown-border-width) solid var(--udex-dropdown-border-color-default);border-radius:var(--udex-dropdown-border-radius);box-shadow:var(--udex-dropdown-box-shadow);background:var(--udex-dropdown-background-content)}.ui5-popup-root.ui5-popover-root{margin:var(--udex-dropdown-vertical-distance) var(--udex-dropdown-horizontal-distance)}:host .ui5-popup-root .ui5-popup-content{padding:0;overflow:var(--udex-dropdown-pane-content-overflow)}:host .ui5-popup-root .ui5-popup-header-root,:host .ui5-popup-root .ui5-popup-footer-root{padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px);background:none}:host .ui5-popup-root .ui5-popup-footer-root{justify-content:flex-start;border-color:var(--udex-dropdown-border-color-default)}::slotted(.udex-no-result){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer16, 16px) var(--udexSpacer16, 16px)}@media (width < 640px){.ui5-popup-root.ui5-popover-root{min-width:var(--udex-dropdown-pane-min-width-xs);max-width:var(--udex-dropdown-pane-max-width-xs)}}\n`"]}
1
+ {"version":3,"file":"Dropdown.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Dropdown.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,CAAC,CAAC;AAChN,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);\nexport default `:host{--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-dropdown-border-color-default: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-dropdown-border-radius: var(--udexRadiusM, 8px);--udex-dropdown-border-width: var(--sapElement_BorderWidth, 1px);--udex-dropdown-horizontal-distance: 0;--udex-dropdown-vertical-distance: 0;--udex-dropdown-pane-min-width: 320px;--udex-dropdown-left-offset: 0px;--udex-dropdown-pane-min-width-xs: calc(100% - var(--udex-dropdown-left-offset));--udex-dropdown-pane-max-width: 640px;--udex-dropdown-pane-max-width-xs: 100%;--udex-dropdown-pane-width: fit-content;--udex-dropdown-pane-max-height: none;--udex-dropdown-pane-overflow: visible;--udex-dropdown-pane-content-overflow: auto;--udex-dropdown-background-content: var(--sapBackgroundColor, #FFF)}:host{min-width:var(--udex-dropdown-pane-min-width);max-width:var(--udex-dropdown-pane-max-width);width:var(--udex-dropdown-pane-width);max-height:var(--udex-dropdown-pane-max-height);overflow:var(--udex-dropdown-pane-overflow);border:var(--udex-dropdown-border-width) solid var(--udex-dropdown-border-color-default);border-radius:var(--udex-dropdown-border-radius);box-shadow:var(--udex-dropdown-box-shadow);background:var(--udex-dropdown-background-content)}.ui5-popup-root.ui5-popover-root{margin:var(--udex-dropdown-vertical-distance) var(--udex-dropdown-horizontal-distance)}:host .ui5-popup-root .ui5-popup-content{padding:0;overflow:var(--udex-dropdown-pane-content-overflow)}:host .ui5-popup-root .ui5-popup-header-root,:host .ui5-popup-root .ui5-popup-footer-root{padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px);background:none}:host .ui5-popup-root .ui5-popup-footer-root{justify-content:flex-start;border-color:var(--udex-dropdown-border-color-default)}::slotted(.udex-no-result){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px)}@media (width < 640px){.ui5-popup-root.ui5-popover-root{min-width:var(--udex-dropdown-pane-min-width-xs);max-width:var(--udex-dropdown-pane-max-width-xs)}}\n`"]}
package/dist/generated/themes/EventRibbon.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{--udex-event-ribbon-dark-text-color: var(--udexColorNeutralWhite);--udex-event-ribbon-light-text-color: var(--udexColorNeutralBlack);--udex-event-ribbon-light-grey1-default-background-color: var(--udexColorGrey1);--udex-event-ribbon-light-grey1-hover-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-default-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-hover-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-default-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-hover-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-default-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-hover-background-color: var(--udexColorGrey5);--udex-event-ribbon-light-blue1-default-background-color: var(--udexColorBlue1);--udex-event-ribbon-light-blue1-hover-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-default-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-hover-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-default-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-hover-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-default-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-hover-background-color: var(--udexColorBlue5);--udex-event-ribbon-light-teal1-default-background-color: var(--udexColorTeal1);--udex-event-ribbon-light-teal1-hover-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-default-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-hover-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-default-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-hover-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-default-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-hover-background-color: var(--udexColorTeal5);--udex-event-ribbon-light-green1-default-background-color: var(--udexColorGreen1);--udex-event-ribbon-light-green1-hover-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-default-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-hover-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-default-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-hover-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-default-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-hover-background-color: var(--udexColorGreen5);--udex-event-ribbon-light-mango1-default-background-color: var(--udexColorMango1);--udex-event-ribbon-light-mango1-hover-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-default-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-hover-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-default-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-hover-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-default-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-hover-background-color: var(--udexColorMango5);--udex-event-ribbon-light-red1-default-background-color: var(--udexColorRed1);--udex-event-ribbon-light-red1-hover-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-default-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-hover-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-default-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-hover-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-default-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-hover-background-color: var(--udexColorRed5);--udex-event-ribbon-light-raspberry1-default-background-color: var(--udexColorRaspberry1);--udex-event-ribbon-light-raspberry1-hover-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-default-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-hover-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-default-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-hover-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-default-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-hover-background-color: var(--udexColorRaspberry5);--udex-event-ribbon-light-pink1-default-background-color: var(--udexColorPink1);--udex-event-ribbon-light-pink1-hover-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-default-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-hover-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-default-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-hover-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-default-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-hover-background-color: var(--udexColorPink5);--udex-event-ribbon-light-indigo1-default-background-color: var(--udexColorIndigo1);--udex-event-ribbon-light-indigo1-hover-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-default-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-hover-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-default-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-hover-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-default-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-hover-background-color: var(--udexColorIndigo5);--udex-event-ribbon-dark-grey1-default-background-color: var(--udexColorGrey7);--udex-event-ribbon-dark-grey1-hover-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-default-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-hover-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-default-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-hover-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-default-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-hover-background-color: var(--udexColorGrey11);--udex-event-ribbon-dark-blue1-default-background-color: var(--udexColorBlue7);--udex-event-ribbon-dark-blue1-hover-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-default-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-hover-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-default-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-hover-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-default-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-hover-background-color: var(--udexColorBlue11);--udex-event-ribbon-dark-teal1-default-background-color: var(--udexColorTeal7);--udex-event-ribbon-dark-teal1-hover-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-default-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-hover-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-default-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-hover-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-default-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-hover-background-color: var(--udexColorTeal11);--udex-event-ribbon-dark-green1-default-background-color: var(--udexColorGreen7);--udex-event-ribbon-dark-green1-hover-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-default-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-hover-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-default-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-hover-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-default-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-hover-background-color: var(--udexColorGreen11);--udex-event-ribbon-dark-mango1-default-background-color: var(--udexColorMango7);--udex-event-ribbon-dark-mango1-hover-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-default-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-hover-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-default-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-hover-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-default-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-hover-background-color: var(--udexColorMango11);--udex-event-ribbon-dark-red1-default-background-color: var(--udexColorRed7);--udex-event-ribbon-dark-red1-hover-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-default-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-hover-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-default-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-hover-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-default-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-hover-background-color: var(--udexColorRed11);--udex-event-ribbon-dark-raspberry1-default-background-color: var(--udexColorRaspberry7);--udex-event-ribbon-dark-raspberry1-hover-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-default-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-hover-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-default-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-hover-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-default-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-hover-background-color: var(--udexColorRaspberry11);--udex-event-ribbon-dark-pink1-default-background-color: var(--udexColorPink7);--udex-event-ribbon-dark-pink1-hover-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-default-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-hover-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-default-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-hover-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-default-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-hover-background-color: var(--udexColorPink11);--udex-event-ribbon-dark-indigo1-default-background-color: var(--udexColorIndigo7);--udex-event-ribbon-dark-indigo1-hover-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-default-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-hover-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-default-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-hover-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-default-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-hover-background-color: var(--udexColorIndigo11);--udex-event-ribbon-background-color: transparent;--udex-event-ribbon-hover-background-color: transparent;--udex-event-ribbon-margin-xl: 84px;--udex-event-ribbon-margin-m-l: 72px;--udex-event-ribbon-margin-s: 48px;--udex-event-ribbon-margin-xs: 24px;--udex-event-ribbon-logo-width: auto;--udex-event-ribbon-logo-height: auto;--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-xl)) - (11 * var(--udexGridXLGutters))) / 12)}.udex-event-ribbon__container{box-sizing:border-box;position:relative;overflow:hidden;text-decoration:none;background-color:var(--udex-event-ribbon-background-color);color:var(--udex-event-ribbon-light-text-color);height:70px;font-family:var(--sapFontFamily, sans-serif);border-radius:var(--udexSpacer12, 12px);padding-block:var(--udexSpacer12, 12px);padding-inline:var(--udexSpacer36, 36px);margin-block:var(--udexSpacer56, 56px) 84px;margin-inline:auto;max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xl));display:flex;align-items:center;gap:var(--udexSpacer32, 32px)}.udex-event-ribbon__container-with-background-image{background-image:var(--udex-event-ribbon-background-image);background-blend-mode:multiply;background-position:center;background-size:100%;background-repeat:no-repeat;transition:background ease-out .3s}.udex-event-ribbon__container:focus,.udex-event-ribbon__container:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:2px}.udex-event-ribbon__container:hover{background-color:var(--udex-event-ribbon-hover-background-color)}.udex-event-ribbon__container-with-background-image:hover{background-size:112%}:host([mode=\"dark\"]) .udex-event-ribbon__container{color:var(--udex-event-ribbon-dark-text-color)}.udex-event-ribbon__logo{position:relative;display:flex;justify-content:flex-end;width:calc((var(--udex-event-ribbon-column-width) * 3 + 3 * var(--udexGridXLGutters)) - 36px)}.udex-event-ribbon__logo img{max-height:42px;height:var(--udex-event-ribbon-logo-height);width:var(--udex-event-ribbon-logo-width);max-width:100%}:host([mode=\"dark\"]) .udex-event-ribbon__logo img{filter:brightness(0) invert(1)}.udex-event-ribbon__text{position:inherit;margin:0;padding:0;font-size:var(--udexTypographyBodyXSFontSize);line-height:1.5;width:calc(6 * var(--udex-event-ribbon-column-width) + 5 * var(--udexGridXLGutters));max-height:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.udex-event-ribbon__link-container{position:inherit;display:flex;align-items:center;gap:var(--udexSpacer8, 8px)}.udex-event-ribbon__link-container span{line-height:1.5;font-size:var(--udexTypographyBodyXSFontSize)}[ui5-icon]{width:20px;height:20px;flex-shrink:0;color:inherit}@media (max-width: 1599px){:host{--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-m-l)) - (11 * var(--udexGridXLGutters))) / 12)}.udex-event-ribbon__container{max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-m-l))}}@media (max-width: 1279px){.udex-event-ribbon__container{margin-block:var(--udexSpacer40, 40px) 64px;gap:var(--udexSpacer24, 24px);padding-inline:var(--udexSpacer24, 24px)}.udex-event-ribbon__logo{width:calc((var(--udex-event-ribbon-column-width) * 3 + 3 * var(--udexGridXLGutters)) - 24px)}}@media (max-width: 979px){:host{--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-s)) - (11 * var(--udexGridSGutters))) / 12)}.udex-event-ribbon__container{flex-direction:column;height:fit-content;padding-block:var(--udexSpacer16, 16px);gap:var(--udexSpacer8, 8px);align-items:flex-start;margin-block:var(--udexSpacer40, 40px) 64px;max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-s))}.udex-event-ribbon__text{width:100%}.udex-event-ribbon__logo{justify-content:flex-start;width:100%}}@media (max-width: 639px){:host{--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-xs)) - (11 * var(--udexGridXSGutters))) / 12)}.udex-event-ribbon__container{padding-inline:var(--udexSpacer16, 16px);margin-block:var(--udexSpacer32, 32px) var(--udexSpacer56, 56px);max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xs))}}\n";
1
+ declare const _default: ":host{--udex-event-ribbon-dark-text-color: var(--udexColorNeutralWhite);--udex-event-ribbon-light-text-color: var(--udexColorNeutralBlack);--udex-event-ribbon-light-grey1-default-background-color: var(--udexColorGrey1);--udex-event-ribbon-light-grey1-hover-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-default-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-hover-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-default-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-hover-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-default-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-hover-background-color: var(--udexColorGrey5);--udex-event-ribbon-light-blue1-default-background-color: var(--udexColorBlue1);--udex-event-ribbon-light-blue1-hover-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-default-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-hover-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-default-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-hover-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-default-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-hover-background-color: var(--udexColorBlue5);--udex-event-ribbon-light-teal1-default-background-color: var(--udexColorTeal1);--udex-event-ribbon-light-teal1-hover-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-default-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-hover-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-default-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-hover-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-default-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-hover-background-color: var(--udexColorTeal5);--udex-event-ribbon-light-green1-default-background-color: var(--udexColorGreen1);--udex-event-ribbon-light-green1-hover-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-default-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-hover-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-default-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-hover-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-default-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-hover-background-color: var(--udexColorGreen5);--udex-event-ribbon-light-mango1-default-background-color: var(--udexColorMango1);--udex-event-ribbon-light-mango1-hover-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-default-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-hover-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-default-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-hover-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-default-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-hover-background-color: var(--udexColorMango5);--udex-event-ribbon-light-red1-default-background-color: var(--udexColorRed1);--udex-event-ribbon-light-red1-hover-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-default-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-hover-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-default-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-hover-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-default-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-hover-background-color: var(--udexColorRed5);--udex-event-ribbon-light-raspberry1-default-background-color: var(--udexColorRaspberry1);--udex-event-ribbon-light-raspberry1-hover-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-default-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-hover-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-default-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-hover-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-default-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-hover-background-color: var(--udexColorRaspberry5);--udex-event-ribbon-light-pink1-default-background-color: var(--udexColorPink1);--udex-event-ribbon-light-pink1-hover-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-default-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-hover-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-default-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-hover-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-default-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-hover-background-color: var(--udexColorPink5);--udex-event-ribbon-light-indigo1-default-background-color: var(--udexColorIndigo1);--udex-event-ribbon-light-indigo1-hover-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-default-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-hover-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-default-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-hover-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-default-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-hover-background-color: var(--udexColorIndigo5);--udex-event-ribbon-dark-grey1-default-background-color: var(--udexColorGrey7);--udex-event-ribbon-dark-grey1-hover-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-default-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-hover-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-default-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-hover-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-default-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-hover-background-color: var(--udexColorGrey11);--udex-event-ribbon-dark-blue1-default-background-color: var(--udexColorBlue7);--udex-event-ribbon-dark-blue1-hover-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-default-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-hover-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-default-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-hover-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-default-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-hover-background-color: var(--udexColorBlue11);--udex-event-ribbon-dark-teal1-default-background-color: var(--udexColorTeal7);--udex-event-ribbon-dark-teal1-hover-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-default-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-hover-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-default-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-hover-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-default-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-hover-background-color: var(--udexColorTeal11);--udex-event-ribbon-dark-green1-default-background-color: var(--udexColorGreen7);--udex-event-ribbon-dark-green1-hover-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-default-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-hover-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-default-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-hover-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-default-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-hover-background-color: var(--udexColorGreen11);--udex-event-ribbon-dark-mango1-default-background-color: var(--udexColorMango7);--udex-event-ribbon-dark-mango1-hover-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-default-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-hover-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-default-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-hover-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-default-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-hover-background-color: var(--udexColorMango11);--udex-event-ribbon-dark-red1-default-background-color: var(--udexColorRed7);--udex-event-ribbon-dark-red1-hover-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-default-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-hover-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-default-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-hover-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-default-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-hover-background-color: var(--udexColorRed11);--udex-event-ribbon-dark-raspberry1-default-background-color: var(--udexColorRaspberry7);--udex-event-ribbon-dark-raspberry1-hover-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-default-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-hover-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-default-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-hover-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-default-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-hover-background-color: var(--udexColorRaspberry11);--udex-event-ribbon-dark-pink1-default-background-color: var(--udexColorPink7);--udex-event-ribbon-dark-pink1-hover-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-default-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-hover-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-default-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-hover-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-default-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-hover-background-color: var(--udexColorPink11);--udex-event-ribbon-dark-indigo1-default-background-color: var(--udexColorIndigo7);--udex-event-ribbon-dark-indigo1-hover-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-default-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-hover-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-default-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-hover-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-default-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-hover-background-color: var(--udexColorIndigo11);--udex-event-ribbon-background-color: transparent;--udex-event-ribbon-hover-background-color: transparent;--udex-event-ribbon-margin-xl: 84px;--udex-event-ribbon-margin-m-l: 72px;--udex-event-ribbon-margin-s: 48px;--udex-event-ribbon-margin-xs: 24px;--udex-event-ribbon-logo-height: auto;--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-xl)) - (11 * var(--udexGridXLGutters))) / 12)}.udex-event-ribbon__container{box-sizing:border-box;position:relative;overflow:hidden;text-decoration:none;background-color:var(--udex-event-ribbon-background-color);color:var(--udex-event-ribbon-light-text-color);height:70px;font-family:var(--sapFontFamily, sans-serif);border-radius:var(--udexSpacer12, 12px);padding-block:var(--udexSpacer12, 12px);padding-inline:var(--udexSpacer36, 36px);margin-block:var(--udexSpacer56, 56px) 84px;margin-inline:auto;max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xl));display:flex;align-items:center;gap:var(--udexSpacer32, 32px)}.udex-event-ribbon__container-with-background-image{background-image:var(--udex-event-ribbon-background-image);background-blend-mode:multiply;background-position:center;background-size:100%;background-repeat:no-repeat;transition:background ease-out .3s}.udex-event-ribbon__container:focus,.udex-event-ribbon__container:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:2px}.udex-event-ribbon__container:hover{background-color:var(--udex-event-ribbon-hover-background-color)}.udex-event-ribbon__container-with-background-image:hover{background-size:112%}:host([mode=\"dark\"]) .udex-event-ribbon__container{color:var(--udex-event-ribbon-dark-text-color)}.udex-event-ribbon__logo{position:relative;display:flex;justify-content:flex-end;width:24.8%}:host([event-logo=\"sapphire\"]){--udex-event-ribbon-logo-height: 40px}:host([event-logo=\"connect\"]){--udex-event-ribbon-logo-height: 18px}:host([event-logo=\"now\"]){--udex-event-ribbon-logo-height: 24px}:host([event-logo=\"teched\"]){--udex-event-ribbon-logo-height: 21px}.udex-event-ribbon__logo-img{max-height:42px;height:var(--udex-event-ribbon-logo-height);max-width:100%}:host([mode=\"dark\"]) .udex-event-ribbon__logo-img{filter:brightness(0) invert(1)}.udex-event-ribbon__text{position:inherit;margin:0;padding:0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);width:51%;max-height:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.udex-event-ribbon__link-container{position:inherit;display:flex;align-items:center;gap:var(--udexSpacer8, 8px);width:21%}.udex-event-ribbon__link-text{line-height:var(--udexTypographyBodyLineHeight);font-size:var(--udexTypographyBodyXSFontSize);white-space:nowrap}[ui5-icon]{width:20px;height:20px;flex-shrink:0;color:inherit}@media (max-width: 1599px){.udex-event-ribbon__container{max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-m-l))}}@media (max-width: 1279px){.udex-event-ribbon__container{margin-block:var(--udexSpacer40, 40px) var(--udexSpacer64, 64px);gap:var(--udexSpacer24, 24px);padding-inline:var(--udexSpacer24, 24px)}}@media (max-width: 979px){.udex-event-ribbon__container{flex-direction:column;height:fit-content;padding-block:var(--udexSpacer16, 16px);gap:var(--udexSpacer8, 8px);align-items:flex-start;margin-block:var(--udexSpacer40, 40px) var(--udexSpacer64, 64px);max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-s))}.udex-event-ribbon__link-container,.udex-event-ribbon__text{width:100%}.udex-event-ribbon__logo{justify-content:flex-start;width:100%}.udex-event-ribbon__link-text{white-space:normal}}@media (max-width: 639px){.udex-event-ribbon__container{padding-inline:var(--udexSpacer16, 16px);margin-block:var(--udexSpacer32, 32px) var(--udexSpacer56, 56px);max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xs))}}\n";
2
2
  export default _default;
package/dist/generated/themes/EventRibbon.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);
6
- export default `:host{--udex-event-ribbon-dark-text-color: var(--udexColorNeutralWhite);--udex-event-ribbon-light-text-color: var(--udexColorNeutralBlack);--udex-event-ribbon-light-grey1-default-background-color: var(--udexColorGrey1);--udex-event-ribbon-light-grey1-hover-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-default-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-hover-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-default-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-hover-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-default-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-hover-background-color: var(--udexColorGrey5);--udex-event-ribbon-light-blue1-default-background-color: var(--udexColorBlue1);--udex-event-ribbon-light-blue1-hover-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-default-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-hover-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-default-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-hover-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-default-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-hover-background-color: var(--udexColorBlue5);--udex-event-ribbon-light-teal1-default-background-color: var(--udexColorTeal1);--udex-event-ribbon-light-teal1-hover-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-default-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-hover-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-default-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-hover-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-default-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-hover-background-color: var(--udexColorTeal5);--udex-event-ribbon-light-green1-default-background-color: var(--udexColorGreen1);--udex-event-ribbon-light-green1-hover-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-default-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-hover-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-default-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-hover-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-default-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-hover-background-color: var(--udexColorGreen5);--udex-event-ribbon-light-mango1-default-background-color: var(--udexColorMango1);--udex-event-ribbon-light-mango1-hover-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-default-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-hover-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-default-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-hover-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-default-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-hover-background-color: var(--udexColorMango5);--udex-event-ribbon-light-red1-default-background-color: var(--udexColorRed1);--udex-event-ribbon-light-red1-hover-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-default-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-hover-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-default-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-hover-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-default-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-hover-background-color: var(--udexColorRed5);--udex-event-ribbon-light-raspberry1-default-background-color: var(--udexColorRaspberry1);--udex-event-ribbon-light-raspberry1-hover-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-default-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-hover-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-default-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-hover-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-default-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-hover-background-color: var(--udexColorRaspberry5);--udex-event-ribbon-light-pink1-default-background-color: var(--udexColorPink1);--udex-event-ribbon-light-pink1-hover-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-default-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-hover-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-default-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-hover-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-default-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-hover-background-color: var(--udexColorPink5);--udex-event-ribbon-light-indigo1-default-background-color: var(--udexColorIndigo1);--udex-event-ribbon-light-indigo1-hover-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-default-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-hover-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-default-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-hover-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-default-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-hover-background-color: var(--udexColorIndigo5);--udex-event-ribbon-dark-grey1-default-background-color: var(--udexColorGrey7);--udex-event-ribbon-dark-grey1-hover-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-default-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-hover-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-default-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-hover-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-default-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-hover-background-color: var(--udexColorGrey11);--udex-event-ribbon-dark-blue1-default-background-color: var(--udexColorBlue7);--udex-event-ribbon-dark-blue1-hover-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-default-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-hover-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-default-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-hover-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-default-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-hover-background-color: var(--udexColorBlue11);--udex-event-ribbon-dark-teal1-default-background-color: var(--udexColorTeal7);--udex-event-ribbon-dark-teal1-hover-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-default-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-hover-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-default-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-hover-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-default-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-hover-background-color: var(--udexColorTeal11);--udex-event-ribbon-dark-green1-default-background-color: var(--udexColorGreen7);--udex-event-ribbon-dark-green1-hover-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-default-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-hover-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-default-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-hover-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-default-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-hover-background-color: var(--udexColorGreen11);--udex-event-ribbon-dark-mango1-default-background-color: var(--udexColorMango7);--udex-event-ribbon-dark-mango1-hover-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-default-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-hover-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-default-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-hover-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-default-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-hover-background-color: var(--udexColorMango11);--udex-event-ribbon-dark-red1-default-background-color: var(--udexColorRed7);--udex-event-ribbon-dark-red1-hover-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-default-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-hover-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-default-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-hover-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-default-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-hover-background-color: var(--udexColorRed11);--udex-event-ribbon-dark-raspberry1-default-background-color: var(--udexColorRaspberry7);--udex-event-ribbon-dark-raspberry1-hover-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-default-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-hover-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-default-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-hover-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-default-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-hover-background-color: var(--udexColorRaspberry11);--udex-event-ribbon-dark-pink1-default-background-color: var(--udexColorPink7);--udex-event-ribbon-dark-pink1-hover-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-default-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-hover-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-default-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-hover-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-default-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-hover-background-color: var(--udexColorPink11);--udex-event-ribbon-dark-indigo1-default-background-color: var(--udexColorIndigo7);--udex-event-ribbon-dark-indigo1-hover-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-default-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-hover-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-default-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-hover-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-default-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-hover-background-color: var(--udexColorIndigo11);--udex-event-ribbon-background-color: transparent;--udex-event-ribbon-hover-background-color: transparent;--udex-event-ribbon-margin-xl: 84px;--udex-event-ribbon-margin-m-l: 72px;--udex-event-ribbon-margin-s: 48px;--udex-event-ribbon-margin-xs: 24px;--udex-event-ribbon-logo-width: auto;--udex-event-ribbon-logo-height: auto;--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-xl)) - (11 * var(--udexGridXLGutters))) / 12)}.udex-event-ribbon__container{box-sizing:border-box;position:relative;overflow:hidden;text-decoration:none;background-color:var(--udex-event-ribbon-background-color);color:var(--udex-event-ribbon-light-text-color);height:70px;font-family:var(--sapFontFamily, sans-serif);border-radius:var(--udexSpacer12, 12px);padding-block:var(--udexSpacer12, 12px);padding-inline:var(--udexSpacer36, 36px);margin-block:var(--udexSpacer56, 56px) 84px;margin-inline:auto;max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xl));display:flex;align-items:center;gap:var(--udexSpacer32, 32px)}.udex-event-ribbon__container-with-background-image{background-image:var(--udex-event-ribbon-background-image);background-blend-mode:multiply;background-position:center;background-size:100%;background-repeat:no-repeat;transition:background ease-out .3s}.udex-event-ribbon__container:focus,.udex-event-ribbon__container:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:2px}.udex-event-ribbon__container:hover{background-color:var(--udex-event-ribbon-hover-background-color)}.udex-event-ribbon__container-with-background-image:hover{background-size:112%}:host([mode="dark"]) .udex-event-ribbon__container{color:var(--udex-event-ribbon-dark-text-color)}.udex-event-ribbon__logo{position:relative;display:flex;justify-content:flex-end;width:calc((var(--udex-event-ribbon-column-width) * 3 + 3 * var(--udexGridXLGutters)) - 36px)}.udex-event-ribbon__logo img{max-height:42px;height:var(--udex-event-ribbon-logo-height);width:var(--udex-event-ribbon-logo-width);max-width:100%}:host([mode="dark"]) .udex-event-ribbon__logo img{filter:brightness(0) invert(1)}.udex-event-ribbon__text{position:inherit;margin:0;padding:0;font-size:var(--udexTypographyBodyXSFontSize);line-height:1.5;width:calc(6 * var(--udex-event-ribbon-column-width) + 5 * var(--udexGridXLGutters));max-height:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.udex-event-ribbon__link-container{position:inherit;display:flex;align-items:center;gap:var(--udexSpacer8, 8px)}.udex-event-ribbon__link-container span{line-height:1.5;font-size:var(--udexTypographyBodyXSFontSize)}[ui5-icon]{width:20px;height:20px;flex-shrink:0;color:inherit}@media (max-width: 1599px){:host{--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-m-l)) - (11 * var(--udexGridXLGutters))) / 12)}.udex-event-ribbon__container{max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-m-l))}}@media (max-width: 1279px){.udex-event-ribbon__container{margin-block:var(--udexSpacer40, 40px) 64px;gap:var(--udexSpacer24, 24px);padding-inline:var(--udexSpacer24, 24px)}.udex-event-ribbon__logo{width:calc((var(--udex-event-ribbon-column-width) * 3 + 3 * var(--udexGridXLGutters)) - 24px)}}@media (max-width: 979px){:host{--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-s)) - (11 * var(--udexGridSGutters))) / 12)}.udex-event-ribbon__container{flex-direction:column;height:fit-content;padding-block:var(--udexSpacer16, 16px);gap:var(--udexSpacer8, 8px);align-items:flex-start;margin-block:var(--udexSpacer40, 40px) 64px;max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-s))}.udex-event-ribbon__text{width:100%}.udex-event-ribbon__logo{justify-content:flex-start;width:100%}}@media (max-width: 639px){:host{--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-xs)) - (11 * var(--udexGridXSGutters))) / 12)}.udex-event-ribbon__container{padding-inline:var(--udexSpacer16, 16px);margin-block:var(--udexSpacer32, 32px) var(--udexSpacer56, 56px);max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xs))}}
6
+ export default `:host{--udex-event-ribbon-dark-text-color: var(--udexColorNeutralWhite);--udex-event-ribbon-light-text-color: var(--udexColorNeutralBlack);--udex-event-ribbon-light-grey1-default-background-color: var(--udexColorGrey1);--udex-event-ribbon-light-grey1-hover-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-default-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-hover-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-default-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-hover-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-default-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-hover-background-color: var(--udexColorGrey5);--udex-event-ribbon-light-blue1-default-background-color: var(--udexColorBlue1);--udex-event-ribbon-light-blue1-hover-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-default-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-hover-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-default-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-hover-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-default-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-hover-background-color: var(--udexColorBlue5);--udex-event-ribbon-light-teal1-default-background-color: var(--udexColorTeal1);--udex-event-ribbon-light-teal1-hover-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-default-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-hover-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-default-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-hover-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-default-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-hover-background-color: var(--udexColorTeal5);--udex-event-ribbon-light-green1-default-background-color: var(--udexColorGreen1);--udex-event-ribbon-light-green1-hover-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-default-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-hover-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-default-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-hover-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-default-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-hover-background-color: var(--udexColorGreen5);--udex-event-ribbon-light-mango1-default-background-color: var(--udexColorMango1);--udex-event-ribbon-light-mango1-hover-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-default-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-hover-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-default-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-hover-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-default-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-hover-background-color: var(--udexColorMango5);--udex-event-ribbon-light-red1-default-background-color: var(--udexColorRed1);--udex-event-ribbon-light-red1-hover-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-default-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-hover-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-default-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-hover-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-default-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-hover-background-color: var(--udexColorRed5);--udex-event-ribbon-light-raspberry1-default-background-color: var(--udexColorRaspberry1);--udex-event-ribbon-light-raspberry1-hover-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-default-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-hover-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-default-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-hover-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-default-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-hover-background-color: var(--udexColorRaspberry5);--udex-event-ribbon-light-pink1-default-background-color: var(--udexColorPink1);--udex-event-ribbon-light-pink1-hover-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-default-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-hover-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-default-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-hover-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-default-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-hover-background-color: var(--udexColorPink5);--udex-event-ribbon-light-indigo1-default-background-color: var(--udexColorIndigo1);--udex-event-ribbon-light-indigo1-hover-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-default-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-hover-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-default-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-hover-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-default-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-hover-background-color: var(--udexColorIndigo5);--udex-event-ribbon-dark-grey1-default-background-color: var(--udexColorGrey7);--udex-event-ribbon-dark-grey1-hover-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-default-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-hover-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-default-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-hover-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-default-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-hover-background-color: var(--udexColorGrey11);--udex-event-ribbon-dark-blue1-default-background-color: var(--udexColorBlue7);--udex-event-ribbon-dark-blue1-hover-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-default-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-hover-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-default-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-hover-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-default-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-hover-background-color: var(--udexColorBlue11);--udex-event-ribbon-dark-teal1-default-background-color: var(--udexColorTeal7);--udex-event-ribbon-dark-teal1-hover-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-default-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-hover-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-default-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-hover-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-default-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-hover-background-color: var(--udexColorTeal11);--udex-event-ribbon-dark-green1-default-background-color: var(--udexColorGreen7);--udex-event-ribbon-dark-green1-hover-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-default-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-hover-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-default-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-hover-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-default-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-hover-background-color: var(--udexColorGreen11);--udex-event-ribbon-dark-mango1-default-background-color: var(--udexColorMango7);--udex-event-ribbon-dark-mango1-hover-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-default-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-hover-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-default-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-hover-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-default-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-hover-background-color: var(--udexColorMango11);--udex-event-ribbon-dark-red1-default-background-color: var(--udexColorRed7);--udex-event-ribbon-dark-red1-hover-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-default-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-hover-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-default-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-hover-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-default-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-hover-background-color: var(--udexColorRed11);--udex-event-ribbon-dark-raspberry1-default-background-color: var(--udexColorRaspberry7);--udex-event-ribbon-dark-raspberry1-hover-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-default-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-hover-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-default-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-hover-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-default-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-hover-background-color: var(--udexColorRaspberry11);--udex-event-ribbon-dark-pink1-default-background-color: var(--udexColorPink7);--udex-event-ribbon-dark-pink1-hover-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-default-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-hover-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-default-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-hover-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-default-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-hover-background-color: var(--udexColorPink11);--udex-event-ribbon-dark-indigo1-default-background-color: var(--udexColorIndigo7);--udex-event-ribbon-dark-indigo1-hover-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-default-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-hover-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-default-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-hover-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-default-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-hover-background-color: var(--udexColorIndigo11);--udex-event-ribbon-background-color: transparent;--udex-event-ribbon-hover-background-color: transparent;--udex-event-ribbon-margin-xl: 84px;--udex-event-ribbon-margin-m-l: 72px;--udex-event-ribbon-margin-s: 48px;--udex-event-ribbon-margin-xs: 24px;--udex-event-ribbon-logo-height: auto;--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-xl)) - (11 * var(--udexGridXLGutters))) / 12)}.udex-event-ribbon__container{box-sizing:border-box;position:relative;overflow:hidden;text-decoration:none;background-color:var(--udex-event-ribbon-background-color);color:var(--udex-event-ribbon-light-text-color);height:70px;font-family:var(--sapFontFamily, sans-serif);border-radius:var(--udexSpacer12, 12px);padding-block:var(--udexSpacer12, 12px);padding-inline:var(--udexSpacer36, 36px);margin-block:var(--udexSpacer56, 56px) 84px;margin-inline:auto;max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xl));display:flex;align-items:center;gap:var(--udexSpacer32, 32px)}.udex-event-ribbon__container-with-background-image{background-image:var(--udex-event-ribbon-background-image);background-blend-mode:multiply;background-position:center;background-size:100%;background-repeat:no-repeat;transition:background ease-out .3s}.udex-event-ribbon__container:focus,.udex-event-ribbon__container:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:2px}.udex-event-ribbon__container:hover{background-color:var(--udex-event-ribbon-hover-background-color)}.udex-event-ribbon__container-with-background-image:hover{background-size:112%}:host([mode="dark"]) .udex-event-ribbon__container{color:var(--udex-event-ribbon-dark-text-color)}.udex-event-ribbon__logo{position:relative;display:flex;justify-content:flex-end;width:24.8%}:host([event-logo="sapphire"]){--udex-event-ribbon-logo-height: 40px}:host([event-logo="connect"]){--udex-event-ribbon-logo-height: 18px}:host([event-logo="now"]){--udex-event-ribbon-logo-height: 24px}:host([event-logo="teched"]){--udex-event-ribbon-logo-height: 21px}.udex-event-ribbon__logo-img{max-height:42px;height:var(--udex-event-ribbon-logo-height);max-width:100%}:host([mode="dark"]) .udex-event-ribbon__logo-img{filter:brightness(0) invert(1)}.udex-event-ribbon__text{position:inherit;margin:0;padding:0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);width:51%;max-height:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.udex-event-ribbon__link-container{position:inherit;display:flex;align-items:center;gap:var(--udexSpacer8, 8px);width:21%}.udex-event-ribbon__link-text{line-height:var(--udexTypographyBodyLineHeight);font-size:var(--udexTypographyBodyXSFontSize);white-space:nowrap}[ui5-icon]{width:20px;height:20px;flex-shrink:0;color:inherit}@media (max-width: 1599px){.udex-event-ribbon__container{max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-m-l))}}@media (max-width: 1279px){.udex-event-ribbon__container{margin-block:var(--udexSpacer40, 40px) var(--udexSpacer64, 64px);gap:var(--udexSpacer24, 24px);padding-inline:var(--udexSpacer24, 24px)}}@media (max-width: 979px){.udex-event-ribbon__container{flex-direction:column;height:fit-content;padding-block:var(--udexSpacer16, 16px);gap:var(--udexSpacer8, 8px);align-items:flex-start;margin-block:var(--udexSpacer40, 40px) var(--udexSpacer64, 64px);max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-s))}.udex-event-ribbon__link-container,.udex-event-ribbon__text{width:100%}.udex-event-ribbon__logo{justify-content:flex-start;width:100%}.udex-event-ribbon__link-text{white-space:normal}}@media (max-width: 639px){.udex-event-ribbon__container{padding-inline:var(--udexSpacer16, 16px);margin-block:var(--udexSpacer32, 32px) var(--udexSpacer56, 56px);max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xs))}}
7
7
  `;
8
8
  //# sourceMappingURL=EventRibbon.css.js.map
package/dist/generated/themes/EventRibbon.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EventRibbon.css.js","sourceRoot":"","sources":["../../../src/generated/themes/EventRibbon.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,CAAC,CAAC;AAChN,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);\nexport default `:host{--udex-event-ribbon-dark-text-color: var(--udexColorNeutralWhite);--udex-event-ribbon-light-text-color: var(--udexColorNeutralBlack);--udex-event-ribbon-light-grey1-default-background-color: var(--udexColorGrey1);--udex-event-ribbon-light-grey1-hover-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-default-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-hover-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-default-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-hover-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-default-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-hover-background-color: var(--udexColorGrey5);--udex-event-ribbon-light-blue1-default-background-color: var(--udexColorBlue1);--udex-event-ribbon-light-blue1-hover-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-default-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-hover-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-default-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-hover-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-default-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-hover-background-color: var(--udexColorBlue5);--udex-event-ribbon-light-teal1-default-background-color: var(--udexColorTeal1);--udex-event-ribbon-light-teal1-hover-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-default-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-hover-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-default-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-hover-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-default-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-hover-background-color: var(--udexColorTeal5);--udex-event-ribbon-light-green1-default-background-color: var(--udexColorGreen1);--udex-event-ribbon-light-green1-hover-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-default-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-hover-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-default-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-hover-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-default-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-hover-background-color: var(--udexColorGreen5);--udex-event-ribbon-light-mango1-default-background-color: var(--udexColorMango1);--udex-event-ribbon-light-mango1-hover-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-default-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-hover-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-default-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-hover-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-default-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-hover-background-color: var(--udexColorMango5);--udex-event-ribbon-light-red1-default-background-color: var(--udexColorRed1);--udex-event-ribbon-light-red1-hover-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-default-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-hover-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-default-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-hover-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-default-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-hover-background-color: var(--udexColorRed5);--udex-event-ribbon-light-raspberry1-default-background-color: var(--udexColorRaspberry1);--udex-event-ribbon-light-raspberry1-hover-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-default-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-hover-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-default-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-hover-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-default-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-hover-background-color: var(--udexColorRaspberry5);--udex-event-ribbon-light-pink1-default-background-color: var(--udexColorPink1);--udex-event-ribbon-light-pink1-hover-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-default-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-hover-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-default-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-hover-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-default-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-hover-background-color: var(--udexColorPink5);--udex-event-ribbon-light-indigo1-default-background-color: var(--udexColorIndigo1);--udex-event-ribbon-light-indigo1-hover-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-default-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-hover-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-default-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-hover-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-default-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-hover-background-color: var(--udexColorIndigo5);--udex-event-ribbon-dark-grey1-default-background-color: var(--udexColorGrey7);--udex-event-ribbon-dark-grey1-hover-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-default-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-hover-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-default-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-hover-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-default-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-hover-background-color: var(--udexColorGrey11);--udex-event-ribbon-dark-blue1-default-background-color: var(--udexColorBlue7);--udex-event-ribbon-dark-blue1-hover-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-default-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-hover-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-default-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-hover-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-default-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-hover-background-color: var(--udexColorBlue11);--udex-event-ribbon-dark-teal1-default-background-color: var(--udexColorTeal7);--udex-event-ribbon-dark-teal1-hover-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-default-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-hover-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-default-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-hover-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-default-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-hover-background-color: var(--udexColorTeal11);--udex-event-ribbon-dark-green1-default-background-color: var(--udexColorGreen7);--udex-event-ribbon-dark-green1-hover-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-default-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-hover-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-default-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-hover-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-default-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-hover-background-color: var(--udexColorGreen11);--udex-event-ribbon-dark-mango1-default-background-color: var(--udexColorMango7);--udex-event-ribbon-dark-mango1-hover-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-default-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-hover-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-default-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-hover-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-default-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-hover-background-color: var(--udexColorMango11);--udex-event-ribbon-dark-red1-default-background-color: var(--udexColorRed7);--udex-event-ribbon-dark-red1-hover-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-default-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-hover-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-default-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-hover-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-default-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-hover-background-color: var(--udexColorRed11);--udex-event-ribbon-dark-raspberry1-default-background-color: var(--udexColorRaspberry7);--udex-event-ribbon-dark-raspberry1-hover-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-default-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-hover-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-default-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-hover-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-default-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-hover-background-color: var(--udexColorRaspberry11);--udex-event-ribbon-dark-pink1-default-background-color: var(--udexColorPink7);--udex-event-ribbon-dark-pink1-hover-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-default-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-hover-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-default-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-hover-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-default-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-hover-background-color: var(--udexColorPink11);--udex-event-ribbon-dark-indigo1-default-background-color: var(--udexColorIndigo7);--udex-event-ribbon-dark-indigo1-hover-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-default-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-hover-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-default-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-hover-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-default-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-hover-background-color: var(--udexColorIndigo11);--udex-event-ribbon-background-color: transparent;--udex-event-ribbon-hover-background-color: transparent;--udex-event-ribbon-margin-xl: 84px;--udex-event-ribbon-margin-m-l: 72px;--udex-event-ribbon-margin-s: 48px;--udex-event-ribbon-margin-xs: 24px;--udex-event-ribbon-logo-width: auto;--udex-event-ribbon-logo-height: auto;--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-xl)) - (11 * var(--udexGridXLGutters))) / 12)}.udex-event-ribbon__container{box-sizing:border-box;position:relative;overflow:hidden;text-decoration:none;background-color:var(--udex-event-ribbon-background-color);color:var(--udex-event-ribbon-light-text-color);height:70px;font-family:var(--sapFontFamily, sans-serif);border-radius:var(--udexSpacer12, 12px);padding-block:var(--udexSpacer12, 12px);padding-inline:var(--udexSpacer36, 36px);margin-block:var(--udexSpacer56, 56px) 84px;margin-inline:auto;max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xl));display:flex;align-items:center;gap:var(--udexSpacer32, 32px)}.udex-event-ribbon__container-with-background-image{background-image:var(--udex-event-ribbon-background-image);background-blend-mode:multiply;background-position:center;background-size:100%;background-repeat:no-repeat;transition:background ease-out .3s}.udex-event-ribbon__container:focus,.udex-event-ribbon__container:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:2px}.udex-event-ribbon__container:hover{background-color:var(--udex-event-ribbon-hover-background-color)}.udex-event-ribbon__container-with-background-image:hover{background-size:112%}:host([mode=\"dark\"]) .udex-event-ribbon__container{color:var(--udex-event-ribbon-dark-text-color)}.udex-event-ribbon__logo{position:relative;display:flex;justify-content:flex-end;width:calc((var(--udex-event-ribbon-column-width) * 3 + 3 * var(--udexGridXLGutters)) - 36px)}.udex-event-ribbon__logo img{max-height:42px;height:var(--udex-event-ribbon-logo-height);width:var(--udex-event-ribbon-logo-width);max-width:100%}:host([mode=\"dark\"]) .udex-event-ribbon__logo img{filter:brightness(0) invert(1)}.udex-event-ribbon__text{position:inherit;margin:0;padding:0;font-size:var(--udexTypographyBodyXSFontSize);line-height:1.5;width:calc(6 * var(--udex-event-ribbon-column-width) + 5 * var(--udexGridXLGutters));max-height:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.udex-event-ribbon__link-container{position:inherit;display:flex;align-items:center;gap:var(--udexSpacer8, 8px)}.udex-event-ribbon__link-container span{line-height:1.5;font-size:var(--udexTypographyBodyXSFontSize)}[ui5-icon]{width:20px;height:20px;flex-shrink:0;color:inherit}@media (max-width: 1599px){:host{--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-m-l)) - (11 * var(--udexGridXLGutters))) / 12)}.udex-event-ribbon__container{max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-m-l))}}@media (max-width: 1279px){.udex-event-ribbon__container{margin-block:var(--udexSpacer40, 40px) 64px;gap:var(--udexSpacer24, 24px);padding-inline:var(--udexSpacer24, 24px)}.udex-event-ribbon__logo{width:calc((var(--udex-event-ribbon-column-width) * 3 + 3 * var(--udexGridXLGutters)) - 24px)}}@media (max-width: 979px){:host{--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-s)) - (11 * var(--udexGridSGutters))) / 12)}.udex-event-ribbon__container{flex-direction:column;height:fit-content;padding-block:var(--udexSpacer16, 16px);gap:var(--udexSpacer8, 8px);align-items:flex-start;margin-block:var(--udexSpacer40, 40px) 64px;max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-s))}.udex-event-ribbon__text{width:100%}.udex-event-ribbon__logo{justify-content:flex-start;width:100%}}@media (max-width: 639px){:host{--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-xs)) - (11 * var(--udexGridXSGutters))) / 12)}.udex-event-ribbon__container{padding-inline:var(--udexSpacer16, 16px);margin-block:var(--udexSpacer32, 32px) var(--udexSpacer56, 56px);max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xs))}}\n`"]}
1
+ {"version":3,"file":"EventRibbon.css.js","sourceRoot":"","sources":["../../../src/generated/themes/EventRibbon.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,CAAC,CAAC;AAChN,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);\nexport default `:host{--udex-event-ribbon-dark-text-color: var(--udexColorNeutralWhite);--udex-event-ribbon-light-text-color: var(--udexColorNeutralBlack);--udex-event-ribbon-light-grey1-default-background-color: var(--udexColorGrey1);--udex-event-ribbon-light-grey1-hover-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-default-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-hover-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-default-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-hover-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-default-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-hover-background-color: var(--udexColorGrey5);--udex-event-ribbon-light-blue1-default-background-color: var(--udexColorBlue1);--udex-event-ribbon-light-blue1-hover-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-default-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-hover-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-default-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-hover-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-default-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-hover-background-color: var(--udexColorBlue5);--udex-event-ribbon-light-teal1-default-background-color: var(--udexColorTeal1);--udex-event-ribbon-light-teal1-hover-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-default-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-hover-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-default-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-hover-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-default-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-hover-background-color: var(--udexColorTeal5);--udex-event-ribbon-light-green1-default-background-color: var(--udexColorGreen1);--udex-event-ribbon-light-green1-hover-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-default-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-hover-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-default-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-hover-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-default-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-hover-background-color: var(--udexColorGreen5);--udex-event-ribbon-light-mango1-default-background-color: var(--udexColorMango1);--udex-event-ribbon-light-mango1-hover-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-default-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-hover-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-default-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-hover-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-default-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-hover-background-color: var(--udexColorMango5);--udex-event-ribbon-light-red1-default-background-color: var(--udexColorRed1);--udex-event-ribbon-light-red1-hover-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-default-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-hover-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-default-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-hover-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-default-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-hover-background-color: var(--udexColorRed5);--udex-event-ribbon-light-raspberry1-default-background-color: var(--udexColorRaspberry1);--udex-event-ribbon-light-raspberry1-hover-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-default-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-hover-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-default-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-hover-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-default-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-hover-background-color: var(--udexColorRaspberry5);--udex-event-ribbon-light-pink1-default-background-color: var(--udexColorPink1);--udex-event-ribbon-light-pink1-hover-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-default-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-hover-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-default-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-hover-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-default-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-hover-background-color: var(--udexColorPink5);--udex-event-ribbon-light-indigo1-default-background-color: var(--udexColorIndigo1);--udex-event-ribbon-light-indigo1-hover-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-default-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-hover-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-default-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-hover-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-default-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-hover-background-color: var(--udexColorIndigo5);--udex-event-ribbon-dark-grey1-default-background-color: var(--udexColorGrey7);--udex-event-ribbon-dark-grey1-hover-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-default-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-hover-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-default-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-hover-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-default-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-hover-background-color: var(--udexColorGrey11);--udex-event-ribbon-dark-blue1-default-background-color: var(--udexColorBlue7);--udex-event-ribbon-dark-blue1-hover-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-default-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-hover-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-default-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-hover-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-default-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-hover-background-color: var(--udexColorBlue11);--udex-event-ribbon-dark-teal1-default-background-color: var(--udexColorTeal7);--udex-event-ribbon-dark-teal1-hover-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-default-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-hover-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-default-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-hover-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-default-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-hover-background-color: var(--udexColorTeal11);--udex-event-ribbon-dark-green1-default-background-color: var(--udexColorGreen7);--udex-event-ribbon-dark-green1-hover-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-default-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-hover-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-default-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-hover-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-default-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-hover-background-color: var(--udexColorGreen11);--udex-event-ribbon-dark-mango1-default-background-color: var(--udexColorMango7);--udex-event-ribbon-dark-mango1-hover-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-default-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-hover-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-default-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-hover-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-default-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-hover-background-color: var(--udexColorMango11);--udex-event-ribbon-dark-red1-default-background-color: var(--udexColorRed7);--udex-event-ribbon-dark-red1-hover-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-default-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-hover-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-default-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-hover-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-default-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-hover-background-color: var(--udexColorRed11);--udex-event-ribbon-dark-raspberry1-default-background-color: var(--udexColorRaspberry7);--udex-event-ribbon-dark-raspberry1-hover-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-default-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-hover-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-default-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-hover-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-default-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-hover-background-color: var(--udexColorRaspberry11);--udex-event-ribbon-dark-pink1-default-background-color: var(--udexColorPink7);--udex-event-ribbon-dark-pink1-hover-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-default-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-hover-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-default-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-hover-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-default-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-hover-background-color: var(--udexColorPink11);--udex-event-ribbon-dark-indigo1-default-background-color: var(--udexColorIndigo7);--udex-event-ribbon-dark-indigo1-hover-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-default-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-hover-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-default-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-hover-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-default-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-hover-background-color: var(--udexColorIndigo11);--udex-event-ribbon-background-color: transparent;--udex-event-ribbon-hover-background-color: transparent;--udex-event-ribbon-margin-xl: 84px;--udex-event-ribbon-margin-m-l: 72px;--udex-event-ribbon-margin-s: 48px;--udex-event-ribbon-margin-xs: 24px;--udex-event-ribbon-logo-height: auto;--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-xl)) - (11 * var(--udexGridXLGutters))) / 12)}.udex-event-ribbon__container{box-sizing:border-box;position:relative;overflow:hidden;text-decoration:none;background-color:var(--udex-event-ribbon-background-color);color:var(--udex-event-ribbon-light-text-color);height:70px;font-family:var(--sapFontFamily, sans-serif);border-radius:var(--udexSpacer12, 12px);padding-block:var(--udexSpacer12, 12px);padding-inline:var(--udexSpacer36, 36px);margin-block:var(--udexSpacer56, 56px) 84px;margin-inline:auto;max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xl));display:flex;align-items:center;gap:var(--udexSpacer32, 32px)}.udex-event-ribbon__container-with-background-image{background-image:var(--udex-event-ribbon-background-image);background-blend-mode:multiply;background-position:center;background-size:100%;background-repeat:no-repeat;transition:background ease-out .3s}.udex-event-ribbon__container:focus,.udex-event-ribbon__container:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:2px}.udex-event-ribbon__container:hover{background-color:var(--udex-event-ribbon-hover-background-color)}.udex-event-ribbon__container-with-background-image:hover{background-size:112%}:host([mode=\"dark\"]) .udex-event-ribbon__container{color:var(--udex-event-ribbon-dark-text-color)}.udex-event-ribbon__logo{position:relative;display:flex;justify-content:flex-end;width:24.8%}:host([event-logo=\"sapphire\"]){--udex-event-ribbon-logo-height: 40px}:host([event-logo=\"connect\"]){--udex-event-ribbon-logo-height: 18px}:host([event-logo=\"now\"]){--udex-event-ribbon-logo-height: 24px}:host([event-logo=\"teched\"]){--udex-event-ribbon-logo-height: 21px}.udex-event-ribbon__logo-img{max-height:42px;height:var(--udex-event-ribbon-logo-height);max-width:100%}:host([mode=\"dark\"]) .udex-event-ribbon__logo-img{filter:brightness(0) invert(1)}.udex-event-ribbon__text{position:inherit;margin:0;padding:0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);width:51%;max-height:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.udex-event-ribbon__link-container{position:inherit;display:flex;align-items:center;gap:var(--udexSpacer8, 8px);width:21%}.udex-event-ribbon__link-text{line-height:var(--udexTypographyBodyLineHeight);font-size:var(--udexTypographyBodyXSFontSize);white-space:nowrap}[ui5-icon]{width:20px;height:20px;flex-shrink:0;color:inherit}@media (max-width: 1599px){.udex-event-ribbon__container{max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-m-l))}}@media (max-width: 1279px){.udex-event-ribbon__container{margin-block:var(--udexSpacer40, 40px) var(--udexSpacer64, 64px);gap:var(--udexSpacer24, 24px);padding-inline:var(--udexSpacer24, 24px)}}@media (max-width: 979px){.udex-event-ribbon__container{flex-direction:column;height:fit-content;padding-block:var(--udexSpacer16, 16px);gap:var(--udexSpacer8, 8px);align-items:flex-start;margin-block:var(--udexSpacer40, 40px) var(--udexSpacer64, 64px);max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-s))}.udex-event-ribbon__link-container,.udex-event-ribbon__text{width:100%}.udex-event-ribbon__logo{justify-content:flex-start;width:100%}.udex-event-ribbon__link-text{white-space:normal}}@media (max-width: 639px){.udex-event-ribbon__container{padding-inline:var(--udexSpacer16, 16px);margin-block:var(--udexSpacer32, 32px) var(--udexSpacer56, 56px);max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xs))}}\n`"]}
package/dist/generated/themes/FilterMenu.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{--udex-filter-menu-trigger-color-default: var(--sapTextColor, #223548);--udex-filter-menu-trigger-color-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-color-active: var(--sapShell_Active_TextColor, #0040b0);--udex-filter-menu-trigger-color-disabled: var(--sapTextColor, #223548);--udex-filter-menu-trigger-icon-default: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-icon-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-icon-active: var(--sapSelectedColor, #0040b0);--udex-filter-menu-trigger-icon-disabled: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-prefix-color-default: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-hover: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-active: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-disabled: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-selection-bar-background: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-outline-border-color: var(--udexColorBlue10, #002A86);--udex-filter-menu-popover-left-offset: 0px;--udex-filter-menu-popover-min-width-xs: calc(100% - var(--udex-filter-menu-popover-left-offset));--udex-filter-menu-popover-max-width-xs: 100%;--udex-filter-menu-popover-width: fit-content;--udex-filter-menu-popover-min-width: 320px;--udex-filter-menu-popover-max-width: 640px;--udex-filter-menu-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-filter-menu-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-filter-menu-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-filter-menu-popover-border-radius: var(--udexRadiusM, 8px);display:inline-block}:host([desktop]) .udex-filter-menu__trigger:focus,.udex-filter-menu__trigger:focus-visible{outline:2px solid var(--udex-filter-menu-trigger-outline-border-color);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusM, 8px)}.udex-filter-menu__trigger{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-flex;align-items:center;padding:5px 0;position:relative;background:none;border:none}.udex-filter-menu__trigger-wrap{cursor:pointer;display:inline-flex;align-items:center}.udex-filter-menu__trigger-wrap[disabled]{pointer-events:none}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-name,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-disabled)}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-icon,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-prefix{margin-right:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-prefix-color-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-hover)}.udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-default)}.udex-filter-menu__trigger:before{content:\"\";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:2px 2px 0;background:var(--udex-filter-menu-trigger-selection-bar-background);opacity:0}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-active)}.udex-filter-menu__trigger-active:before{opacity:1}.udex-filter-menu__trigger-icon{width:16px;height:16px;margin-inline-start:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-icon-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-hover)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-hover)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-icon{transform:rotate(180deg);color:var(--udex-filter-menu-trigger-icon-active)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-active)}.udex-filter-menu__search{width:100%}.udex-filter-menu__footer{width:100%;display:flex;gap:10px}.udex-filter-menu__badge{margin-inline-start:var(--udexSpacer4, 4px)}[ui5-popover]{border:var(--udex-filter-menu-popover-border-width) solid var(--udex-filter-menu-popover-border-color);border-radius:var(--udex-filter-menu-popover-border-radius);box-shadow:var(--udex-filter-menu-popover-shadow);min-width:var(--udex-filter-menu-popover-min-width);max-width:var(--udex-filter-menu-popover-max-width);width:var(--udex-filter-menu-popover-width)}[ui5-popover]::part(content){padding:0;overflow:auto}[ui5-popover]::part(header),[ui5-popover]::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}[ui5-popover]::part(footer){justify-content:flex-start;border-color:var(--sapField_BorderColor, var(--udexCoreBorderDefault));box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3))}::slotted([slot=\"header\"]){width:100%}.udex-no-result{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer16, 16px) var(--udexSpacer16, 16px)}@media (width < 640px){[ui5-popover]{min-width:var(--udex-filter-menu-popover-min-width-xs);max-width:var(--udex-filter-menu-popover-max-width-xs)}}\n";
1
+ declare const _default: ":host{--udex-filter-menu-trigger-color-default: var(--sapTextColor, #223548);--udex-filter-menu-trigger-color-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-color-active: var(--sapShell_Active_TextColor, #0040b0);--udex-filter-menu-trigger-color-disabled: var(--sapTextColor, #223548);--udex-filter-menu-trigger-icon-default: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-icon-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-icon-active: var(--sapSelectedColor, #0040b0);--udex-filter-menu-trigger-icon-disabled: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-prefix-color-default: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-hover: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-active: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-disabled: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-selection-bar-background: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-outline-border-color: var(--udexColorBlue10, #002A86);--udex-filter-menu-popover-left-offset: 0px;--udex-filter-menu-popover-min-width-xs: calc(100% - var(--udex-filter-menu-popover-left-offset));--udex-filter-menu-popover-max-width-xs: 100%;--udex-filter-menu-popover-width: fit-content;--udex-filter-menu-popover-min-width: 320px;--udex-filter-menu-popover-max-width: 640px;--udex-filter-menu-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-filter-menu-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-filter-menu-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-filter-menu-popover-border-radius: var(--udexRadiusM, 8px);display:inline-block}:host([desktop]) .udex-filter-menu__trigger:focus,.udex-filter-menu__trigger:focus-visible{outline:2px solid var(--udex-filter-menu-trigger-outline-border-color);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusM, 8px)}.udex-filter-menu__trigger{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-flex;align-items:center;padding:5px 0;position:relative;background:none;border:none}.udex-filter-menu__trigger-wrap{cursor:pointer;display:inline-flex;align-items:center}.udex-filter-menu__trigger-wrap[disabled]{pointer-events:none}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-name,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-disabled)}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-icon,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-prefix{margin-right:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-prefix-color-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-hover)}.udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-default)}.udex-filter-menu__trigger:before{content:\"\";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:2px 2px 0;background:var(--udex-filter-menu-trigger-selection-bar-background);opacity:0}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-active)}.udex-filter-menu__trigger-active:before{opacity:1}.udex-filter-menu__trigger-icon{width:16px;height:16px;margin-inline-start:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-icon-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-hover)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-hover)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-icon{transform:rotate(180deg);color:var(--udex-filter-menu-trigger-icon-active)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-active)}.udex-filter-menu__search{width:100%}.udex-filter-menu__footer{width:100%;display:flex;gap:10px}.udex-filter-menu__badge{margin-inline-start:var(--udexSpacer4, 4px)}[ui5-popover]{border:var(--udex-filter-menu-popover-border-width) solid var(--udex-filter-menu-popover-border-color);border-radius:var(--udex-filter-menu-popover-border-radius);box-shadow:var(--udex-filter-menu-popover-shadow);min-width:var(--udex-filter-menu-popover-min-width);max-width:var(--udex-filter-menu-popover-max-width);width:var(--udex-filter-menu-popover-width)}[ui5-popover]::part(content){padding:0;overflow:auto}[ui5-popover]::part(header),[ui5-popover]::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}[ui5-popover]::part(footer){justify-content:flex-start;border-color:var(--sapField_BorderColor, var(--udexCoreBorderDefault));box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3))}::slotted([slot=\"header\"]){width:100%}.udex-no-result{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px)}@media (width < 640px){[ui5-popover]{min-width:var(--udex-filter-menu-popover-min-width-xs);max-width:var(--udex-filter-menu-popover-max-width-xs)}}\n";
2
2
  export default _default;
package/dist/generated/themes/FilterMenu.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);
6
- export default `:host{--udex-filter-menu-trigger-color-default: var(--sapTextColor, #223548);--udex-filter-menu-trigger-color-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-color-active: var(--sapShell_Active_TextColor, #0040b0);--udex-filter-menu-trigger-color-disabled: var(--sapTextColor, #223548);--udex-filter-menu-trigger-icon-default: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-icon-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-icon-active: var(--sapSelectedColor, #0040b0);--udex-filter-menu-trigger-icon-disabled: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-prefix-color-default: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-hover: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-active: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-disabled: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-selection-bar-background: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-outline-border-color: var(--udexColorBlue10, #002A86);--udex-filter-menu-popover-left-offset: 0px;--udex-filter-menu-popover-min-width-xs: calc(100% - var(--udex-filter-menu-popover-left-offset));--udex-filter-menu-popover-max-width-xs: 100%;--udex-filter-menu-popover-width: fit-content;--udex-filter-menu-popover-min-width: 320px;--udex-filter-menu-popover-max-width: 640px;--udex-filter-menu-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-filter-menu-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-filter-menu-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-filter-menu-popover-border-radius: var(--udexRadiusM, 8px);display:inline-block}:host([desktop]) .udex-filter-menu__trigger:focus,.udex-filter-menu__trigger:focus-visible{outline:2px solid var(--udex-filter-menu-trigger-outline-border-color);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusM, 8px)}.udex-filter-menu__trigger{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-flex;align-items:center;padding:5px 0;position:relative;background:none;border:none}.udex-filter-menu__trigger-wrap{cursor:pointer;display:inline-flex;align-items:center}.udex-filter-menu__trigger-wrap[disabled]{pointer-events:none}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-name,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-disabled)}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-icon,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-prefix{margin-right:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-prefix-color-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-hover)}.udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-default)}.udex-filter-menu__trigger:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:2px 2px 0;background:var(--udex-filter-menu-trigger-selection-bar-background);opacity:0}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-active)}.udex-filter-menu__trigger-active:before{opacity:1}.udex-filter-menu__trigger-icon{width:16px;height:16px;margin-inline-start:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-icon-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-hover)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-hover)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-icon{transform:rotate(180deg);color:var(--udex-filter-menu-trigger-icon-active)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-active)}.udex-filter-menu__search{width:100%}.udex-filter-menu__footer{width:100%;display:flex;gap:10px}.udex-filter-menu__badge{margin-inline-start:var(--udexSpacer4, 4px)}[ui5-popover]{border:var(--udex-filter-menu-popover-border-width) solid var(--udex-filter-menu-popover-border-color);border-radius:var(--udex-filter-menu-popover-border-radius);box-shadow:var(--udex-filter-menu-popover-shadow);min-width:var(--udex-filter-menu-popover-min-width);max-width:var(--udex-filter-menu-popover-max-width);width:var(--udex-filter-menu-popover-width)}[ui5-popover]::part(content){padding:0;overflow:auto}[ui5-popover]::part(header),[ui5-popover]::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}[ui5-popover]::part(footer){justify-content:flex-start;border-color:var(--sapField_BorderColor, var(--udexCoreBorderDefault));box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3))}::slotted([slot="header"]){width:100%}.udex-no-result{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer16, 16px) var(--udexSpacer16, 16px)}@media (width < 640px){[ui5-popover]{min-width:var(--udex-filter-menu-popover-min-width-xs);max-width:var(--udex-filter-menu-popover-max-width-xs)}}
6
+ export default `:host{--udex-filter-menu-trigger-color-default: var(--sapTextColor, #223548);--udex-filter-menu-trigger-color-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-color-active: var(--sapShell_Active_TextColor, #0040b0);--udex-filter-menu-trigger-color-disabled: var(--sapTextColor, #223548);--udex-filter-menu-trigger-icon-default: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-icon-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-icon-active: var(--sapSelectedColor, #0040b0);--udex-filter-menu-trigger-icon-disabled: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-prefix-color-default: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-hover: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-active: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-disabled: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-selection-bar-background: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-outline-border-color: var(--udexColorBlue10, #002A86);--udex-filter-menu-popover-left-offset: 0px;--udex-filter-menu-popover-min-width-xs: calc(100% - var(--udex-filter-menu-popover-left-offset));--udex-filter-menu-popover-max-width-xs: 100%;--udex-filter-menu-popover-width: fit-content;--udex-filter-menu-popover-min-width: 320px;--udex-filter-menu-popover-max-width: 640px;--udex-filter-menu-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-filter-menu-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-filter-menu-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-filter-menu-popover-border-radius: var(--udexRadiusM, 8px);display:inline-block}:host([desktop]) .udex-filter-menu__trigger:focus,.udex-filter-menu__trigger:focus-visible{outline:2px solid var(--udex-filter-menu-trigger-outline-border-color);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusM, 8px)}.udex-filter-menu__trigger{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-flex;align-items:center;padding:5px 0;position:relative;background:none;border:none}.udex-filter-menu__trigger-wrap{cursor:pointer;display:inline-flex;align-items:center}.udex-filter-menu__trigger-wrap[disabled]{pointer-events:none}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-name,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-disabled)}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-icon,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-prefix{margin-right:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-prefix-color-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-hover)}.udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-default)}.udex-filter-menu__trigger:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:2px 2px 0;background:var(--udex-filter-menu-trigger-selection-bar-background);opacity:0}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-active)}.udex-filter-menu__trigger-active:before{opacity:1}.udex-filter-menu__trigger-icon{width:16px;height:16px;margin-inline-start:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-icon-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-hover)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-hover)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-icon{transform:rotate(180deg);color:var(--udex-filter-menu-trigger-icon-active)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-active)}.udex-filter-menu__search{width:100%}.udex-filter-menu__footer{width:100%;display:flex;gap:10px}.udex-filter-menu__badge{margin-inline-start:var(--udexSpacer4, 4px)}[ui5-popover]{border:var(--udex-filter-menu-popover-border-width) solid var(--udex-filter-menu-popover-border-color);border-radius:var(--udex-filter-menu-popover-border-radius);box-shadow:var(--udex-filter-menu-popover-shadow);min-width:var(--udex-filter-menu-popover-min-width);max-width:var(--udex-filter-menu-popover-max-width);width:var(--udex-filter-menu-popover-width)}[ui5-popover]::part(content){padding:0;overflow:auto}[ui5-popover]::part(header),[ui5-popover]::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}[ui5-popover]::part(footer){justify-content:flex-start;border-color:var(--sapField_BorderColor, var(--udexCoreBorderDefault));box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3))}::slotted([slot="header"]){width:100%}.udex-no-result{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px)}@media (width < 640px){[ui5-popover]{min-width:var(--udex-filter-menu-popover-min-width-xs);max-width:var(--udex-filter-menu-popover-max-width-xs)}}
7
7
  `;
8
8
  //# sourceMappingURL=FilterMenu.css.js.map
package/dist/generated/themes/FilterMenu.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FilterMenu.css.js","sourceRoot":"","sources":["../../../src/generated/themes/FilterMenu.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,CAAC,CAAC;AAChN,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);\nexport default `:host{--udex-filter-menu-trigger-color-default: var(--sapTextColor, #223548);--udex-filter-menu-trigger-color-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-color-active: var(--sapShell_Active_TextColor, #0040b0);--udex-filter-menu-trigger-color-disabled: var(--sapTextColor, #223548);--udex-filter-menu-trigger-icon-default: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-icon-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-icon-active: var(--sapSelectedColor, #0040b0);--udex-filter-menu-trigger-icon-disabled: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-prefix-color-default: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-hover: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-active: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-disabled: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-selection-bar-background: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-outline-border-color: var(--udexColorBlue10, #002A86);--udex-filter-menu-popover-left-offset: 0px;--udex-filter-menu-popover-min-width-xs: calc(100% - var(--udex-filter-menu-popover-left-offset));--udex-filter-menu-popover-max-width-xs: 100%;--udex-filter-menu-popover-width: fit-content;--udex-filter-menu-popover-min-width: 320px;--udex-filter-menu-popover-max-width: 640px;--udex-filter-menu-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-filter-menu-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-filter-menu-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-filter-menu-popover-border-radius: var(--udexRadiusM, 8px);display:inline-block}:host([desktop]) .udex-filter-menu__trigger:focus,.udex-filter-menu__trigger:focus-visible{outline:2px solid var(--udex-filter-menu-trigger-outline-border-color);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusM, 8px)}.udex-filter-menu__trigger{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-flex;align-items:center;padding:5px 0;position:relative;background:none;border:none}.udex-filter-menu__trigger-wrap{cursor:pointer;display:inline-flex;align-items:center}.udex-filter-menu__trigger-wrap[disabled]{pointer-events:none}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-name,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-disabled)}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-icon,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-prefix{margin-right:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-prefix-color-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-hover)}.udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-default)}.udex-filter-menu__trigger:before{content:\"\";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:2px 2px 0;background:var(--udex-filter-menu-trigger-selection-bar-background);opacity:0}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-active)}.udex-filter-menu__trigger-active:before{opacity:1}.udex-filter-menu__trigger-icon{width:16px;height:16px;margin-inline-start:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-icon-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-hover)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-hover)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-icon{transform:rotate(180deg);color:var(--udex-filter-menu-trigger-icon-active)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-active)}.udex-filter-menu__search{width:100%}.udex-filter-menu__footer{width:100%;display:flex;gap:10px}.udex-filter-menu__badge{margin-inline-start:var(--udexSpacer4, 4px)}[ui5-popover]{border:var(--udex-filter-menu-popover-border-width) solid var(--udex-filter-menu-popover-border-color);border-radius:var(--udex-filter-menu-popover-border-radius);box-shadow:var(--udex-filter-menu-popover-shadow);min-width:var(--udex-filter-menu-popover-min-width);max-width:var(--udex-filter-menu-popover-max-width);width:var(--udex-filter-menu-popover-width)}[ui5-popover]::part(content){padding:0;overflow:auto}[ui5-popover]::part(header),[ui5-popover]::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}[ui5-popover]::part(footer){justify-content:flex-start;border-color:var(--sapField_BorderColor, var(--udexCoreBorderDefault));box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3))}::slotted([slot=\"header\"]){width:100%}.udex-no-result{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer16, 16px) var(--udexSpacer16, 16px)}@media (width < 640px){[ui5-popover]{min-width:var(--udex-filter-menu-popover-min-width-xs);max-width:var(--udex-filter-menu-popover-max-width-xs)}}\n`"]}
1
+ {"version":3,"file":"FilterMenu.css.js","sourceRoot":"","sources":["../../../src/generated/themes/FilterMenu.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,CAAC,CAAC;AAChN,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);\nexport default `:host{--udex-filter-menu-trigger-color-default: var(--sapTextColor, #223548);--udex-filter-menu-trigger-color-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-color-active: var(--sapShell_Active_TextColor, #0040b0);--udex-filter-menu-trigger-color-disabled: var(--sapTextColor, #223548);--udex-filter-menu-trigger-icon-default: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-icon-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-icon-active: var(--sapSelectedColor, #0040b0);--udex-filter-menu-trigger-icon-disabled: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-prefix-color-default: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-hover: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-active: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-disabled: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-selection-bar-background: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-outline-border-color: var(--udexColorBlue10, #002A86);--udex-filter-menu-popover-left-offset: 0px;--udex-filter-menu-popover-min-width-xs: calc(100% - var(--udex-filter-menu-popover-left-offset));--udex-filter-menu-popover-max-width-xs: 100%;--udex-filter-menu-popover-width: fit-content;--udex-filter-menu-popover-min-width: 320px;--udex-filter-menu-popover-max-width: 640px;--udex-filter-menu-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-filter-menu-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-filter-menu-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-filter-menu-popover-border-radius: var(--udexRadiusM, 8px);display:inline-block}:host([desktop]) .udex-filter-menu__trigger:focus,.udex-filter-menu__trigger:focus-visible{outline:2px solid var(--udex-filter-menu-trigger-outline-border-color);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusM, 8px)}.udex-filter-menu__trigger{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-flex;align-items:center;padding:5px 0;position:relative;background:none;border:none}.udex-filter-menu__trigger-wrap{cursor:pointer;display:inline-flex;align-items:center}.udex-filter-menu__trigger-wrap[disabled]{pointer-events:none}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-name,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-disabled)}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-icon,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-prefix{margin-right:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-prefix-color-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-hover)}.udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-default)}.udex-filter-menu__trigger:before{content:\"\";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:2px 2px 0;background:var(--udex-filter-menu-trigger-selection-bar-background);opacity:0}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-active)}.udex-filter-menu__trigger-active:before{opacity:1}.udex-filter-menu__trigger-icon{width:16px;height:16px;margin-inline-start:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-icon-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-hover)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-hover)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-icon{transform:rotate(180deg);color:var(--udex-filter-menu-trigger-icon-active)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-active)}.udex-filter-menu__search{width:100%}.udex-filter-menu__footer{width:100%;display:flex;gap:10px}.udex-filter-menu__badge{margin-inline-start:var(--udexSpacer4, 4px)}[ui5-popover]{border:var(--udex-filter-menu-popover-border-width) solid var(--udex-filter-menu-popover-border-color);border-radius:var(--udex-filter-menu-popover-border-radius);box-shadow:var(--udex-filter-menu-popover-shadow);min-width:var(--udex-filter-menu-popover-min-width);max-width:var(--udex-filter-menu-popover-max-width);width:var(--udex-filter-menu-popover-width)}[ui5-popover]::part(content){padding:0;overflow:auto}[ui5-popover]::part(header),[ui5-popover]::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}[ui5-popover]::part(footer){justify-content:flex-start;border-color:var(--sapField_BorderColor, var(--udexCoreBorderDefault));box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3))}::slotted([slot=\"header\"]){width:100%}.udex-no-result{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px)}@media (width < 640px){[ui5-popover]{min-width:var(--udex-filter-menu-popover-min-width-xs);max-width:var(--udex-filter-menu-popover-max-width-xs)}}\n`"]}
package/dist/generated/themes/Footer.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{--udex-footer-container-xl-max-width: 1432px;--udex-footer-container-l-max-width: 1456px;--udex-footer-background-color: var(--udexCoreSurfaceHigher, #EAECEE);--udex-footer-icon-color: var(--udexColorGrey9, #223548);--udex-footer-text-color: var(--sapShell_NeutralColor, #475E75);--udex-footer-expandable-link-text-color: var(--sapTitleColor, #000);--udex-footer-expandable-link-underline-border: var(--sapNeutralBorderColor, #A9B4BE);--udex-footer-link-color-heading: var(--sapShell_GroupTitleTextColor, #354A5F);--udex-footer-link-color: var(--sapShell_InteractiveTextColor, #354A5F);display:block;container-type:inline-size;width:100%}:host a{text-decoration:none;color:var(--udex-footer-link-color)}:host a:hover{text-decoration:underline}.udex-footer{background:var(--udex-footer-background-color);padding:var(--udexSpacer72) var(--udexSpacer84);font-family:var(--sapFontFamily);color:var(--udex-footer-text-color);position:relative}.udex-footer__content{display:flex;flex-wrap:wrap;position:relative;justify-content:space-between;margin:0 auto;max-width:var(--udex-footer-container-xl-max-width);column-gap:var(--udexSpacer48)}.udex-footer__contact-social{position:relative;flex:1 0 24.8%}.udex-footer__back-to-top-button{position:absolute;top:var(--udexSpacer48);right:var(--udexSpacer24);left:auto;bottom:auto}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer24);right:auto}.udex-footer__logo{margin-bottom:var(--udexSpacer48)}.udex-footer__logo-image{height:32px;width:65.6px}.udex-footer__contact-social,.udex-footer__numbers-wrapper,.udex-footer__contact{display:flex;flex-direction:column}.udex-footer__contact>div{display:flex;margin-bottom:var(--udexSpacer20)}.udex-footer__numbers-wrapper{gap:var(--udexSpacer20)}.udex-footer__icon-container{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:26px;height:26px;padding:var(--udexSpacer4);margin-inline-end:var(--udexSpacer16)}.udex-footer__contact .udex-footer__icon{width:18px;height:18px;color:var(--udex-footer-icon-color)}.udex-footer__country,.udex-footer__chat-with-us-link,.udex-footer__contact-us-link{font-size:var(--udexTypographyBodyXSFontSize);line-height:21px}.udex-footer__number{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:22px}.udex-footer__remark,.udex-footer__remark-link{font-size:var(--udexTypographyBodyXXSFontSize);line-height:18px}.udex-footer__country{margin:0 0 var(--udexSpacer2)}.udex-footer__remark,.udex-footer__number{margin:var(--udexSpacer2) 0 0}.hidden,.udex-footer__divider,.udex-footer__action-item,.udex-footer__accordion::part(head){display:none}.udex-footer__social-container{display:flex;flex-wrap:wrap;width:100%;padding-top:var(--udexSpacer20);row-gap:var(--udexSpacer12);column-gap:var(--udexSpacer12)}a.udex-footer__social-icon{display:flex;width:32px;height:32px;border-radius:var(--udexRadiusXS);background-color:var(--udexColorNeutralWhite);color:var(--udex-footer-icon-color)}.udex-footer__social-icon>img{margin:auto;align-items:center;max-width:100%;max-height:100%}.udex-footer__links{display:flex;gap:var(--udexSpacer48);flex:1 1 59%}.udex-footer__links-group{flex-basis:21.5%}.udex-footer__links>div{margin:0}.udex-footer__links-list{list-style:none;margin:0;padding:0}h3{font-size:var(--udexTypographyNavigationMediumXLFontSize);line-height:18px;font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-footer-link-color-heading);margin:0 0 var(--udexSpacer20)}.udex-footer__links-list li a{padding:var(--udexSpacer8) 0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-block;box-sizing:border-box;min-height:38px}:host([desktop]) .udex-footer a:focus,.udex-footer a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--sapContent_FocusColor, #0040B0);border-radius:var(--udexRadiusXXS, 2px)}.udex-footer__contact-us,.udex-footer__chat-with-us{align-items:center}.udex-footer__copyright{display:flex;flex-direction:column;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);padding-top:var(--udexSpacer32)}:host a.udex-footer__copyright-chinese-link{color:var(--udex-footer-text-color)}@media (max-width: 1599px){.udex-footer{padding:var(--udexSpacer72)}.udex-footer__content{max-width:var(--udex-footer-container-l-max-width)}}@media (max-width: 1279px){.udex-footer__back-to-top-button{top:var(--udexSpacer40)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer84)}.udex-footer__copyright{padding-top:0}.udex-footer__content{flex-direction:column;flex-wrap:nowrap;gap:var(--udexSpacer20)}.udex-footer__logo{margin-bottom:var(--udexSpacer32)}.udex-footer__contact-us,.udex-footer__chat-with-us,.udex-footer__contact>div{margin-bottom:auto}.udex-footer__social-container{padding-top:0}.udex-footer__back-to-top-button{right:var(--udexSpacer16)}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer48);flex-direction:row}.udex-footer__divider{display:block}.udex-footer__contact>div,.udex-footer__links-group{flex:1}.udex-footer__links{flex:1 1 auto}}@media (max-width: 979px){.udex-footer__copyright{padding-bottom:var(--udexSpacer4)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer48) var(--udexSpacer120) var(--udexSpacer48)}.udex-footer__back-to-top-button{bottom:38px;left:var(--udexSpacer48);top:auto;right:auto}.udex-footer__back-to-top-button:dir(rtl){bottom:38px;right:var(--udexSpacer48);top:auto;left:auto}.udex-footer__content{gap:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer20);flex-direction:column}.udex-footer__action-item{--udex-accordion-border-width: 1px;--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightRegular);--udex-accordion-item-headline-font-size: var(--udexTypographyHeadingRegularXXXXSFontSize);--udex-accordion-item-header-padding: var(--udexSpacer4) var(--udexSpacer12) var(--udexSpacer4) var(--udexSpacer8);--udex-accordion-item-headline-color: var(--udex-footer-expandable-link-text-color);--udex-accordion-item-border-color: var(--udex-footer-expandable-link-underline-border);display:block;width:100%}.udex-footer__links,.udex-footer__divider{display:none}}@media (max-width: 639px){.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer24) var(--udexSpacer120)}.udex-footer__back-to-top-button{left:var(--udexSpacer24)}.udex-footer__back-to-top-button:dir(rtl){right:var(--udexSpacer24)}}\n";
1
+ declare const _default: ":host{--udex-footer-container-xl-max-width: 1432px;--udex-footer-container-l-max-width: 1456px;--udex-footer-background-color: var(--udexCoreSurfaceHigher, #EAECEE);--udex-footer-icon-color: var(--udexColorGrey9, #223548);--udex-footer-text-color: var(--sapShell_NeutralColor, #475E75);--udex-footer-expandable-link-text-color: var(--sapTitleColor, #000);--udex-footer-expandable-link-underline-border: var(--sapNeutralBorderColor, #A9B4BE);--udex-footer-link-color-heading: var(--sapShell_GroupTitleTextColor, #354A5F);--udex-footer-link-color: var(--sapShell_InteractiveTextColor, #354A5F);display:block;container-type:inline-size;width:100%}:host a{text-decoration:none;color:var(--udex-footer-link-color)}:host a:hover{text-decoration:underline}.udex-footer{background:var(--udex-footer-background-color);padding:var(--udexSpacer72) var(--udexSpacer84);font-family:var(--sapFontFamily);color:var(--udex-footer-text-color);position:relative}.udex-footer__content{display:flex;flex-wrap:wrap;position:relative;justify-content:space-between;margin:0 auto;max-width:var(--udex-footer-container-xl-max-width);column-gap:var(--udexSpacer48)}.udex-footer__contact-social{position:relative;flex:1 0 24.8%}.udex-footer__back-to-top-button{position:absolute;top:var(--udexSpacer48);right:var(--udexSpacer24);left:auto;bottom:auto}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer24);right:auto}.udex-footer__logo{margin-bottom:var(--udexSpacer48)}.udex-footer__logo-image{height:32px;width:65.6px}.udex-footer__contact-social,.udex-footer__numbers-wrapper,.udex-footer__contact{display:flex;flex-direction:column}.udex-footer__contact>div{display:flex;margin-bottom:var(--udexSpacer20)}.udex-footer__numbers-wrapper{gap:var(--udexSpacer20)}.udex-footer__icon-container{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:26px;height:26px;padding:var(--udexSpacer4);margin-inline-end:var(--udexSpacer16)}.udex-footer__contact .udex-footer__icon{width:18px;height:18px;color:var(--udex-footer-icon-color)}.udex-footer__country,.udex-footer__chat-with-us-link,.udex-footer__contact-us-link{font-size:var(--udexTypographyBodyXSFontSize);line-height:21px}.udex-footer__number{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:22px}.udex-footer__remark,.udex-footer__remark-link{font-size:var(--udexTypographyBodyXXSFontSize);line-height:18px}.udex-footer__country{margin:0 0 var(--udexSpacer2)}.udex-footer__remark,.udex-footer__number{margin:var(--udexSpacer2) 0 0}.hidden,.udex-footer__divider,.udex-footer__action-item,.udex-footer__accordion::part(head){display:none}.udex-footer__social-container{display:flex;flex-wrap:wrap;width:100%;padding-top:var(--udexSpacer20);row-gap:var(--udexSpacer12);column-gap:var(--udexSpacer12)}.udex-footer__links{display:flex;gap:var(--udexSpacer48);flex:1 1 59%}.udex-footer__links-group{flex-basis:21.5%}.udex-footer__links>div{margin:0}.udex-footer__links-list{list-style:none;margin:0;padding:0}h3{font-size:var(--udexTypographyNavigationMediumXLFontSize);line-height:18px;font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-footer-link-color-heading);margin:0 0 var(--udexSpacer20)}.udex-footer__links-list li a{padding:var(--udexSpacer8) 0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-block;box-sizing:border-box;min-height:38px}:host([desktop]) .udex-footer a:focus,.udex-footer a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--sapContent_FocusColor, #0040B0);border-radius:var(--udexRadiusXXS, 2px)}.udex-footer__contact-us,.udex-footer__chat-with-us{align-items:center}.udex-footer__copyright{display:flex;flex-direction:column;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);padding-top:var(--udexSpacer32)}:host a.udex-footer__copyright-chinese-link{color:var(--udex-footer-text-color)}@media (max-width: 1599px){.udex-footer{padding:var(--udexSpacer72)}.udex-footer__content{max-width:var(--udex-footer-container-l-max-width)}}@media (max-width: 1279px){.udex-footer__back-to-top-button{top:var(--udexSpacer40)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer84)}.udex-footer__copyright{padding-top:0}.udex-footer__content{flex-direction:column;flex-wrap:nowrap;gap:var(--udexSpacer20)}.udex-footer__logo{margin-bottom:var(--udexSpacer32)}.udex-footer__contact-us,.udex-footer__chat-with-us,.udex-footer__contact>div{margin-bottom:auto}.udex-footer__social-container{padding-top:0}.udex-footer__back-to-top-button{right:var(--udexSpacer16)}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer48);flex-direction:row}.udex-footer__divider{display:block}.udex-footer__contact>div,.udex-footer__links-group{flex:1}.udex-footer__links{flex:1 1 auto}}@media (max-width: 979px){.udex-footer__copyright{padding-bottom:var(--udexSpacer4)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer48) var(--udexSpacer120) var(--udexSpacer48)}.udex-footer__back-to-top-button{bottom:38px;left:var(--udexSpacer48);top:auto;right:auto}.udex-footer__back-to-top-button:dir(rtl){bottom:38px;right:var(--udexSpacer48);top:auto;left:auto}.udex-footer__content{gap:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer20);flex-direction:column}.udex-footer__action-item{--udex-accordion-border-width: 1px;--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightRegular);--udex-accordion-item-headline-font-size: var(--udexTypographyHeadingRegularXXXXSFontSize);--udex-accordion-item-header-padding: var(--udexSpacer4) var(--udexSpacer12) var(--udexSpacer4) var(--udexSpacer8);--udex-accordion-item-headline-color: var(--udex-footer-expandable-link-text-color);--udex-accordion-item-border-color: var(--udex-footer-expandable-link-underline-border);display:block;width:100%}.udex-footer__links,.udex-footer__divider{display:none}}@media (max-width: 639px){.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer24) var(--udexSpacer120)}.udex-footer__back-to-top-button{left:var(--udexSpacer24)}.udex-footer__back-to-top-button:dir(rtl){right:var(--udexSpacer24)}}\n";
2
2
  export default _default;
package/dist/generated/themes/Footer.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);
6
- export default `:host{--udex-footer-container-xl-max-width: 1432px;--udex-footer-container-l-max-width: 1456px;--udex-footer-background-color: var(--udexCoreSurfaceHigher, #EAECEE);--udex-footer-icon-color: var(--udexColorGrey9, #223548);--udex-footer-text-color: var(--sapShell_NeutralColor, #475E75);--udex-footer-expandable-link-text-color: var(--sapTitleColor, #000);--udex-footer-expandable-link-underline-border: var(--sapNeutralBorderColor, #A9B4BE);--udex-footer-link-color-heading: var(--sapShell_GroupTitleTextColor, #354A5F);--udex-footer-link-color: var(--sapShell_InteractiveTextColor, #354A5F);display:block;container-type:inline-size;width:100%}:host a{text-decoration:none;color:var(--udex-footer-link-color)}:host a:hover{text-decoration:underline}.udex-footer{background:var(--udex-footer-background-color);padding:var(--udexSpacer72) var(--udexSpacer84);font-family:var(--sapFontFamily);color:var(--udex-footer-text-color);position:relative}.udex-footer__content{display:flex;flex-wrap:wrap;position:relative;justify-content:space-between;margin:0 auto;max-width:var(--udex-footer-container-xl-max-width);column-gap:var(--udexSpacer48)}.udex-footer__contact-social{position:relative;flex:1 0 24.8%}.udex-footer__back-to-top-button{position:absolute;top:var(--udexSpacer48);right:var(--udexSpacer24);left:auto;bottom:auto}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer24);right:auto}.udex-footer__logo{margin-bottom:var(--udexSpacer48)}.udex-footer__logo-image{height:32px;width:65.6px}.udex-footer__contact-social,.udex-footer__numbers-wrapper,.udex-footer__contact{display:flex;flex-direction:column}.udex-footer__contact>div{display:flex;margin-bottom:var(--udexSpacer20)}.udex-footer__numbers-wrapper{gap:var(--udexSpacer20)}.udex-footer__icon-container{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:26px;height:26px;padding:var(--udexSpacer4);margin-inline-end:var(--udexSpacer16)}.udex-footer__contact .udex-footer__icon{width:18px;height:18px;color:var(--udex-footer-icon-color)}.udex-footer__country,.udex-footer__chat-with-us-link,.udex-footer__contact-us-link{font-size:var(--udexTypographyBodyXSFontSize);line-height:21px}.udex-footer__number{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:22px}.udex-footer__remark,.udex-footer__remark-link{font-size:var(--udexTypographyBodyXXSFontSize);line-height:18px}.udex-footer__country{margin:0 0 var(--udexSpacer2)}.udex-footer__remark,.udex-footer__number{margin:var(--udexSpacer2) 0 0}.hidden,.udex-footer__divider,.udex-footer__action-item,.udex-footer__accordion::part(head){display:none}.udex-footer__social-container{display:flex;flex-wrap:wrap;width:100%;padding-top:var(--udexSpacer20);row-gap:var(--udexSpacer12);column-gap:var(--udexSpacer12)}a.udex-footer__social-icon{display:flex;width:32px;height:32px;border-radius:var(--udexRadiusXS);background-color:var(--udexColorNeutralWhite);color:var(--udex-footer-icon-color)}.udex-footer__social-icon>img{margin:auto;align-items:center;max-width:100%;max-height:100%}.udex-footer__links{display:flex;gap:var(--udexSpacer48);flex:1 1 59%}.udex-footer__links-group{flex-basis:21.5%}.udex-footer__links>div{margin:0}.udex-footer__links-list{list-style:none;margin:0;padding:0}h3{font-size:var(--udexTypographyNavigationMediumXLFontSize);line-height:18px;font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-footer-link-color-heading);margin:0 0 var(--udexSpacer20)}.udex-footer__links-list li a{padding:var(--udexSpacer8) 0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-block;box-sizing:border-box;min-height:38px}:host([desktop]) .udex-footer a:focus,.udex-footer a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--sapContent_FocusColor, #0040B0);border-radius:var(--udexRadiusXXS, 2px)}.udex-footer__contact-us,.udex-footer__chat-with-us{align-items:center}.udex-footer__copyright{display:flex;flex-direction:column;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);padding-top:var(--udexSpacer32)}:host a.udex-footer__copyright-chinese-link{color:var(--udex-footer-text-color)}@media (max-width: 1599px){.udex-footer{padding:var(--udexSpacer72)}.udex-footer__content{max-width:var(--udex-footer-container-l-max-width)}}@media (max-width: 1279px){.udex-footer__back-to-top-button{top:var(--udexSpacer40)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer84)}.udex-footer__copyright{padding-top:0}.udex-footer__content{flex-direction:column;flex-wrap:nowrap;gap:var(--udexSpacer20)}.udex-footer__logo{margin-bottom:var(--udexSpacer32)}.udex-footer__contact-us,.udex-footer__chat-with-us,.udex-footer__contact>div{margin-bottom:auto}.udex-footer__social-container{padding-top:0}.udex-footer__back-to-top-button{right:var(--udexSpacer16)}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer48);flex-direction:row}.udex-footer__divider{display:block}.udex-footer__contact>div,.udex-footer__links-group{flex:1}.udex-footer__links{flex:1 1 auto}}@media (max-width: 979px){.udex-footer__copyright{padding-bottom:var(--udexSpacer4)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer48) var(--udexSpacer120) var(--udexSpacer48)}.udex-footer__back-to-top-button{bottom:38px;left:var(--udexSpacer48);top:auto;right:auto}.udex-footer__back-to-top-button:dir(rtl){bottom:38px;right:var(--udexSpacer48);top:auto;left:auto}.udex-footer__content{gap:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer20);flex-direction:column}.udex-footer__action-item{--udex-accordion-border-width: 1px;--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightRegular);--udex-accordion-item-headline-font-size: var(--udexTypographyHeadingRegularXXXXSFontSize);--udex-accordion-item-header-padding: var(--udexSpacer4) var(--udexSpacer12) var(--udexSpacer4) var(--udexSpacer8);--udex-accordion-item-headline-color: var(--udex-footer-expandable-link-text-color);--udex-accordion-item-border-color: var(--udex-footer-expandable-link-underline-border);display:block;width:100%}.udex-footer__links,.udex-footer__divider{display:none}}@media (max-width: 639px){.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer24) var(--udexSpacer120)}.udex-footer__back-to-top-button{left:var(--udexSpacer24)}.udex-footer__back-to-top-button:dir(rtl){right:var(--udexSpacer24)}}
6
+ export default `:host{--udex-footer-container-xl-max-width: 1432px;--udex-footer-container-l-max-width: 1456px;--udex-footer-background-color: var(--udexCoreSurfaceHigher, #EAECEE);--udex-footer-icon-color: var(--udexColorGrey9, #223548);--udex-footer-text-color: var(--sapShell_NeutralColor, #475E75);--udex-footer-expandable-link-text-color: var(--sapTitleColor, #000);--udex-footer-expandable-link-underline-border: var(--sapNeutralBorderColor, #A9B4BE);--udex-footer-link-color-heading: var(--sapShell_GroupTitleTextColor, #354A5F);--udex-footer-link-color: var(--sapShell_InteractiveTextColor, #354A5F);display:block;container-type:inline-size;width:100%}:host a{text-decoration:none;color:var(--udex-footer-link-color)}:host a:hover{text-decoration:underline}.udex-footer{background:var(--udex-footer-background-color);padding:var(--udexSpacer72) var(--udexSpacer84);font-family:var(--sapFontFamily);color:var(--udex-footer-text-color);position:relative}.udex-footer__content{display:flex;flex-wrap:wrap;position:relative;justify-content:space-between;margin:0 auto;max-width:var(--udex-footer-container-xl-max-width);column-gap:var(--udexSpacer48)}.udex-footer__contact-social{position:relative;flex:1 0 24.8%}.udex-footer__back-to-top-button{position:absolute;top:var(--udexSpacer48);right:var(--udexSpacer24);left:auto;bottom:auto}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer24);right:auto}.udex-footer__logo{margin-bottom:var(--udexSpacer48)}.udex-footer__logo-image{height:32px;width:65.6px}.udex-footer__contact-social,.udex-footer__numbers-wrapper,.udex-footer__contact{display:flex;flex-direction:column}.udex-footer__contact>div{display:flex;margin-bottom:var(--udexSpacer20)}.udex-footer__numbers-wrapper{gap:var(--udexSpacer20)}.udex-footer__icon-container{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:26px;height:26px;padding:var(--udexSpacer4);margin-inline-end:var(--udexSpacer16)}.udex-footer__contact .udex-footer__icon{width:18px;height:18px;color:var(--udex-footer-icon-color)}.udex-footer__country,.udex-footer__chat-with-us-link,.udex-footer__contact-us-link{font-size:var(--udexTypographyBodyXSFontSize);line-height:21px}.udex-footer__number{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:22px}.udex-footer__remark,.udex-footer__remark-link{font-size:var(--udexTypographyBodyXXSFontSize);line-height:18px}.udex-footer__country{margin:0 0 var(--udexSpacer2)}.udex-footer__remark,.udex-footer__number{margin:var(--udexSpacer2) 0 0}.hidden,.udex-footer__divider,.udex-footer__action-item,.udex-footer__accordion::part(head){display:none}.udex-footer__social-container{display:flex;flex-wrap:wrap;width:100%;padding-top:var(--udexSpacer20);row-gap:var(--udexSpacer12);column-gap:var(--udexSpacer12)}.udex-footer__links{display:flex;gap:var(--udexSpacer48);flex:1 1 59%}.udex-footer__links-group{flex-basis:21.5%}.udex-footer__links>div{margin:0}.udex-footer__links-list{list-style:none;margin:0;padding:0}h3{font-size:var(--udexTypographyNavigationMediumXLFontSize);line-height:18px;font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-footer-link-color-heading);margin:0 0 var(--udexSpacer20)}.udex-footer__links-list li a{padding:var(--udexSpacer8) 0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-block;box-sizing:border-box;min-height:38px}:host([desktop]) .udex-footer a:focus,.udex-footer a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--sapContent_FocusColor, #0040B0);border-radius:var(--udexRadiusXXS, 2px)}.udex-footer__contact-us,.udex-footer__chat-with-us{align-items:center}.udex-footer__copyright{display:flex;flex-direction:column;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);padding-top:var(--udexSpacer32)}:host a.udex-footer__copyright-chinese-link{color:var(--udex-footer-text-color)}@media (max-width: 1599px){.udex-footer{padding:var(--udexSpacer72)}.udex-footer__content{max-width:var(--udex-footer-container-l-max-width)}}@media (max-width: 1279px){.udex-footer__back-to-top-button{top:var(--udexSpacer40)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer84)}.udex-footer__copyright{padding-top:0}.udex-footer__content{flex-direction:column;flex-wrap:nowrap;gap:var(--udexSpacer20)}.udex-footer__logo{margin-bottom:var(--udexSpacer32)}.udex-footer__contact-us,.udex-footer__chat-with-us,.udex-footer__contact>div{margin-bottom:auto}.udex-footer__social-container{padding-top:0}.udex-footer__back-to-top-button{right:var(--udexSpacer16)}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer48);flex-direction:row}.udex-footer__divider{display:block}.udex-footer__contact>div,.udex-footer__links-group{flex:1}.udex-footer__links{flex:1 1 auto}}@media (max-width: 979px){.udex-footer__copyright{padding-bottom:var(--udexSpacer4)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer48) var(--udexSpacer120) var(--udexSpacer48)}.udex-footer__back-to-top-button{bottom:38px;left:var(--udexSpacer48);top:auto;right:auto}.udex-footer__back-to-top-button:dir(rtl){bottom:38px;right:var(--udexSpacer48);top:auto;left:auto}.udex-footer__content{gap:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer20);flex-direction:column}.udex-footer__action-item{--udex-accordion-border-width: 1px;--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightRegular);--udex-accordion-item-headline-font-size: var(--udexTypographyHeadingRegularXXXXSFontSize);--udex-accordion-item-header-padding: var(--udexSpacer4) var(--udexSpacer12) var(--udexSpacer4) var(--udexSpacer8);--udex-accordion-item-headline-color: var(--udex-footer-expandable-link-text-color);--udex-accordion-item-border-color: var(--udex-footer-expandable-link-underline-border);display:block;width:100%}.udex-footer__links,.udex-footer__divider{display:none}}@media (max-width: 639px){.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer24) var(--udexSpacer120)}.udex-footer__back-to-top-button{left:var(--udexSpacer24)}.udex-footer__back-to-top-button:dir(rtl){right:var(--udexSpacer24)}}
7
7
  `;
8
8
  //# sourceMappingURL=Footer.css.js.map
package/dist/generated/themes/Footer.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Footer.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Footer.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,CAAC,CAAC;AAChN,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);\nexport default `:host{--udex-footer-container-xl-max-width: 1432px;--udex-footer-container-l-max-width: 1456px;--udex-footer-background-color: var(--udexCoreSurfaceHigher, #EAECEE);--udex-footer-icon-color: var(--udexColorGrey9, #223548);--udex-footer-text-color: var(--sapShell_NeutralColor, #475E75);--udex-footer-expandable-link-text-color: var(--sapTitleColor, #000);--udex-footer-expandable-link-underline-border: var(--sapNeutralBorderColor, #A9B4BE);--udex-footer-link-color-heading: var(--sapShell_GroupTitleTextColor, #354A5F);--udex-footer-link-color: var(--sapShell_InteractiveTextColor, #354A5F);display:block;container-type:inline-size;width:100%}:host a{text-decoration:none;color:var(--udex-footer-link-color)}:host a:hover{text-decoration:underline}.udex-footer{background:var(--udex-footer-background-color);padding:var(--udexSpacer72) var(--udexSpacer84);font-family:var(--sapFontFamily);color:var(--udex-footer-text-color);position:relative}.udex-footer__content{display:flex;flex-wrap:wrap;position:relative;justify-content:space-between;margin:0 auto;max-width:var(--udex-footer-container-xl-max-width);column-gap:var(--udexSpacer48)}.udex-footer__contact-social{position:relative;flex:1 0 24.8%}.udex-footer__back-to-top-button{position:absolute;top:var(--udexSpacer48);right:var(--udexSpacer24);left:auto;bottom:auto}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer24);right:auto}.udex-footer__logo{margin-bottom:var(--udexSpacer48)}.udex-footer__logo-image{height:32px;width:65.6px}.udex-footer__contact-social,.udex-footer__numbers-wrapper,.udex-footer__contact{display:flex;flex-direction:column}.udex-footer__contact>div{display:flex;margin-bottom:var(--udexSpacer20)}.udex-footer__numbers-wrapper{gap:var(--udexSpacer20)}.udex-footer__icon-container{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:26px;height:26px;padding:var(--udexSpacer4);margin-inline-end:var(--udexSpacer16)}.udex-footer__contact .udex-footer__icon{width:18px;height:18px;color:var(--udex-footer-icon-color)}.udex-footer__country,.udex-footer__chat-with-us-link,.udex-footer__contact-us-link{font-size:var(--udexTypographyBodyXSFontSize);line-height:21px}.udex-footer__number{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:22px}.udex-footer__remark,.udex-footer__remark-link{font-size:var(--udexTypographyBodyXXSFontSize);line-height:18px}.udex-footer__country{margin:0 0 var(--udexSpacer2)}.udex-footer__remark,.udex-footer__number{margin:var(--udexSpacer2) 0 0}.hidden,.udex-footer__divider,.udex-footer__action-item,.udex-footer__accordion::part(head){display:none}.udex-footer__social-container{display:flex;flex-wrap:wrap;width:100%;padding-top:var(--udexSpacer20);row-gap:var(--udexSpacer12);column-gap:var(--udexSpacer12)}a.udex-footer__social-icon{display:flex;width:32px;height:32px;border-radius:var(--udexRadiusXS);background-color:var(--udexColorNeutralWhite);color:var(--udex-footer-icon-color)}.udex-footer__social-icon>img{margin:auto;align-items:center;max-width:100%;max-height:100%}.udex-footer__links{display:flex;gap:var(--udexSpacer48);flex:1 1 59%}.udex-footer__links-group{flex-basis:21.5%}.udex-footer__links>div{margin:0}.udex-footer__links-list{list-style:none;margin:0;padding:0}h3{font-size:var(--udexTypographyNavigationMediumXLFontSize);line-height:18px;font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-footer-link-color-heading);margin:0 0 var(--udexSpacer20)}.udex-footer__links-list li a{padding:var(--udexSpacer8) 0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-block;box-sizing:border-box;min-height:38px}:host([desktop]) .udex-footer a:focus,.udex-footer a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--sapContent_FocusColor, #0040B0);border-radius:var(--udexRadiusXXS, 2px)}.udex-footer__contact-us,.udex-footer__chat-with-us{align-items:center}.udex-footer__copyright{display:flex;flex-direction:column;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);padding-top:var(--udexSpacer32)}:host a.udex-footer__copyright-chinese-link{color:var(--udex-footer-text-color)}@media (max-width: 1599px){.udex-footer{padding:var(--udexSpacer72)}.udex-footer__content{max-width:var(--udex-footer-container-l-max-width)}}@media (max-width: 1279px){.udex-footer__back-to-top-button{top:var(--udexSpacer40)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer84)}.udex-footer__copyright{padding-top:0}.udex-footer__content{flex-direction:column;flex-wrap:nowrap;gap:var(--udexSpacer20)}.udex-footer__logo{margin-bottom:var(--udexSpacer32)}.udex-footer__contact-us,.udex-footer__chat-with-us,.udex-footer__contact>div{margin-bottom:auto}.udex-footer__social-container{padding-top:0}.udex-footer__back-to-top-button{right:var(--udexSpacer16)}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer48);flex-direction:row}.udex-footer__divider{display:block}.udex-footer__contact>div,.udex-footer__links-group{flex:1}.udex-footer__links{flex:1 1 auto}}@media (max-width: 979px){.udex-footer__copyright{padding-bottom:var(--udexSpacer4)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer48) var(--udexSpacer120) var(--udexSpacer48)}.udex-footer__back-to-top-button{bottom:38px;left:var(--udexSpacer48);top:auto;right:auto}.udex-footer__back-to-top-button:dir(rtl){bottom:38px;right:var(--udexSpacer48);top:auto;left:auto}.udex-footer__content{gap:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer20);flex-direction:column}.udex-footer__action-item{--udex-accordion-border-width: 1px;--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightRegular);--udex-accordion-item-headline-font-size: var(--udexTypographyHeadingRegularXXXXSFontSize);--udex-accordion-item-header-padding: var(--udexSpacer4) var(--udexSpacer12) var(--udexSpacer4) var(--udexSpacer8);--udex-accordion-item-headline-color: var(--udex-footer-expandable-link-text-color);--udex-accordion-item-border-color: var(--udex-footer-expandable-link-underline-border);display:block;width:100%}.udex-footer__links,.udex-footer__divider{display:none}}@media (max-width: 639px){.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer24) var(--udexSpacer120)}.udex-footer__back-to-top-button{left:var(--udexSpacer24)}.udex-footer__back-to-top-button:dir(rtl){right:var(--udexSpacer24)}}\n`"]}
1
+ {"version":3,"file":"Footer.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Footer.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,CAAC,CAAC;AAChN,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);\nexport default `:host{--udex-footer-container-xl-max-width: 1432px;--udex-footer-container-l-max-width: 1456px;--udex-footer-background-color: var(--udexCoreSurfaceHigher, #EAECEE);--udex-footer-icon-color: var(--udexColorGrey9, #223548);--udex-footer-text-color: var(--sapShell_NeutralColor, #475E75);--udex-footer-expandable-link-text-color: var(--sapTitleColor, #000);--udex-footer-expandable-link-underline-border: var(--sapNeutralBorderColor, #A9B4BE);--udex-footer-link-color-heading: var(--sapShell_GroupTitleTextColor, #354A5F);--udex-footer-link-color: var(--sapShell_InteractiveTextColor, #354A5F);display:block;container-type:inline-size;width:100%}:host a{text-decoration:none;color:var(--udex-footer-link-color)}:host a:hover{text-decoration:underline}.udex-footer{background:var(--udex-footer-background-color);padding:var(--udexSpacer72) var(--udexSpacer84);font-family:var(--sapFontFamily);color:var(--udex-footer-text-color);position:relative}.udex-footer__content{display:flex;flex-wrap:wrap;position:relative;justify-content:space-between;margin:0 auto;max-width:var(--udex-footer-container-xl-max-width);column-gap:var(--udexSpacer48)}.udex-footer__contact-social{position:relative;flex:1 0 24.8%}.udex-footer__back-to-top-button{position:absolute;top:var(--udexSpacer48);right:var(--udexSpacer24);left:auto;bottom:auto}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer24);right:auto}.udex-footer__logo{margin-bottom:var(--udexSpacer48)}.udex-footer__logo-image{height:32px;width:65.6px}.udex-footer__contact-social,.udex-footer__numbers-wrapper,.udex-footer__contact{display:flex;flex-direction:column}.udex-footer__contact>div{display:flex;margin-bottom:var(--udexSpacer20)}.udex-footer__numbers-wrapper{gap:var(--udexSpacer20)}.udex-footer__icon-container{box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:26px;height:26px;padding:var(--udexSpacer4);margin-inline-end:var(--udexSpacer16)}.udex-footer__contact .udex-footer__icon{width:18px;height:18px;color:var(--udex-footer-icon-color)}.udex-footer__country,.udex-footer__chat-with-us-link,.udex-footer__contact-us-link{font-size:var(--udexTypographyBodyXSFontSize);line-height:21px}.udex-footer__number{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:22px}.udex-footer__remark,.udex-footer__remark-link{font-size:var(--udexTypographyBodyXXSFontSize);line-height:18px}.udex-footer__country{margin:0 0 var(--udexSpacer2)}.udex-footer__remark,.udex-footer__number{margin:var(--udexSpacer2) 0 0}.hidden,.udex-footer__divider,.udex-footer__action-item,.udex-footer__accordion::part(head){display:none}.udex-footer__social-container{display:flex;flex-wrap:wrap;width:100%;padding-top:var(--udexSpacer20);row-gap:var(--udexSpacer12);column-gap:var(--udexSpacer12)}.udex-footer__links{display:flex;gap:var(--udexSpacer48);flex:1 1 59%}.udex-footer__links-group{flex-basis:21.5%}.udex-footer__links>div{margin:0}.udex-footer__links-list{list-style:none;margin:0;padding:0}h3{font-size:var(--udexTypographyNavigationMediumXLFontSize);line-height:18px;font-weight:var(--udexTypographyFontWeightMedium);color:var(--udex-footer-link-color-heading);margin:0 0 var(--udexSpacer20)}.udex-footer__links-list li a{padding:var(--udexSpacer8) 0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-block;box-sizing:border-box;min-height:38px}:host([desktop]) .udex-footer a:focus,.udex-footer a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--sapContent_FocusColor, #0040B0);border-radius:var(--udexRadiusXXS, 2px)}.udex-footer__contact-us,.udex-footer__chat-with-us{align-items:center}.udex-footer__copyright{display:flex;flex-direction:column;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);padding-top:var(--udexSpacer32)}:host a.udex-footer__copyright-chinese-link{color:var(--udex-footer-text-color)}@media (max-width: 1599px){.udex-footer{padding:var(--udexSpacer72)}.udex-footer__content{max-width:var(--udex-footer-container-l-max-width)}}@media (max-width: 1279px){.udex-footer__back-to-top-button{top:var(--udexSpacer40)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer84)}.udex-footer__copyright{padding-top:0}.udex-footer__content{flex-direction:column;flex-wrap:nowrap;gap:var(--udexSpacer20)}.udex-footer__logo{margin-bottom:var(--udexSpacer32)}.udex-footer__contact-us,.udex-footer__chat-with-us,.udex-footer__contact>div{margin-bottom:auto}.udex-footer__social-container{padding-top:0}.udex-footer__back-to-top-button{right:var(--udexSpacer16)}.udex-footer__back-to-top-button:dir(rtl){left:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer48);flex-direction:row}.udex-footer__divider{display:block}.udex-footer__contact>div,.udex-footer__links-group{flex:1}.udex-footer__links{flex:1 1 auto}}@media (max-width: 979px){.udex-footer__copyright{padding-bottom:var(--udexSpacer4)}.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer48) var(--udexSpacer120) var(--udexSpacer48)}.udex-footer__back-to-top-button{bottom:38px;left:var(--udexSpacer48);top:auto;right:auto}.udex-footer__back-to-top-button:dir(rtl){bottom:38px;right:var(--udexSpacer48);top:auto;left:auto}.udex-footer__content{gap:var(--udexSpacer16)}.udex-footer__contact{gap:var(--udexSpacer20);flex-direction:column}.udex-footer__action-item{--udex-accordion-border-width: 1px;--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightRegular);--udex-accordion-item-headline-font-size: var(--udexTypographyHeadingRegularXXXXSFontSize);--udex-accordion-item-header-padding: var(--udexSpacer4) var(--udexSpacer12) var(--udexSpacer4) var(--udexSpacer8);--udex-accordion-item-headline-color: var(--udex-footer-expandable-link-text-color);--udex-accordion-item-border-color: var(--udex-footer-expandable-link-underline-border);display:block;width:100%}.udex-footer__links,.udex-footer__divider{display:none}}@media (max-width: 639px){.udex-footer{padding:var(--udexSpacer40) var(--udexSpacer24) var(--udexSpacer120)}.udex-footer__back-to-top-button{left:var(--udexSpacer24)}.udex-footer__back-to-top-button:dir(rtl){right:var(--udexSpacer24)}}\n`"]}
package/dist/generated/themes/Link.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-emphasized-text-decoration: none;--udex-link-icon-height: 24px;--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-link-color: var(--udexColorBlue8);--udex-link-hover-color: var(--udexColorBlue10);--udex-link-active-color: var(--udexColorBlue11);--udex-link-icon-width: var(--sapFontSize);--udex-link-white-space: break-spaces;--udex-link-subtle-color: var(--udexColorGrey8, #354A5F);--udex-link-subtle-hover-color: var(--udexColorGrey11, #12171C);--udex-link-subtle-active-color: var(--udexColorBlue9, #0040B0);--udex-link-subtle-visited-color: var(--udexColorGrey8, #354A5F);--udex-link-focus-background-color: transparent;--udex-link-focus-color: inherit;white-space:normal}:host([desktop]:hover:not(:active):focus-within),:host([design=\"Subtle\"][desktop]:hover:not(:active):focus-within),:host([desktop]:focus-within),:host(:focus-visible),:host(:hover){color:var(--udex-link-hover-color)}:host(:active){color:var(--udex-link-active-color)}:host,:host(:visited){color:var(--udex-link-color)}:host([end-icon]) .ui5-link-text{white-space:var(--udex-link-white-space);margin-inline-end:20px}:host([design=\"Emphasized\"]){font-weight:var(--udexTypographyFontWeightBold)}:host([design=\"Subtle\"]){color:var(--udex-link-subtle-color)}:host([design=\"Subtle\"][focused]),:host([design=\"Subtle\"]:hover:not(:active)){color:var(--udex-link-subtle-hover-color)}:host([design=\"Subtle\"]:active){color:var(--udex-link-subtle-active-color)}:host([design=\"Subtle\"]:visited){color:var(--udex-link-subtle-visited-color)}:host([design=\"Subtle\"]) .ui5-link-root:hover{text-decoration:var(--udex-link-hover-text-decoration)}.ui5-link-root{overflow:visible;line-height:var(--udex-link-line-height)}[ui5-link][disabled] .linkIcon{opacity:inherit}.ui5-link-root slot{text-decoration:var(--udex-link-text-decoration);display:inline}.ui5-link-root:hover slot{text-decoration:var(--udex-link-hover-text-decoration)}:host(:not([desktop])) .ui5-link-root:focus-visible,:host([design=\"Emphasized\"][desktop]:focus-within),:host([design=\"Emphasized\"][desktop]:hover:not(:active):focus-within),:host([design=\"Emphasized\"]:active),:host([desktop][design=\"Emphasized\"]:active),:host([desktop][design=\"Emphasized\"]:active:hover),:host([design=\"Emphasized\"]) slot,:host([design=\"Emphasized\"]:hover) slot,:host([design=\"Emphasized\"][desktop]:hover) slot,:host([end-icon]) slot,:host([icon]) slot{text-decoration:var(--udex-link-emphasized-text-decoration)}:host(:hover) slot{text-decoration:var(--udex-link-hover-text-decoration)}[ui5-icon]{width:var(--udex-link-icon-width);height:var(--udex-link-icon-height)}:host([desktop]:hover:active),:host([desktop]:active){text-decoration:var(--udex-link-focus-text-decoration)}:host .ui5-link-root{outline-offset:0}:host([design=\"Subtle\"][desktop]) .ui5-link-root:focus-within,:host([desktop]) .ui5-link-root:focus-within,:host .ui5-link-root:focus-visible{outline:var(--sapContent_FocusColor, #002A86) var(--sapContent_FocusStyle, \"solid\") var(--sapContent_FocusWidth, .125rem)}.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design=\"Subtle\"]) .ui5-link-root:focus-visible,:host([design=\"Subtle\"][desktop]) .ui5-link-root:focus-within{background-color:var(--udex-link-focus-background-color)}[ui5-link],.ui5-link-icon,.ui5-link-root:active .ui5-link-icon,.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design=\"Subtle\"]) .ui5-link-root:focus-visible,:host([design=\"Subtle\"][desktop]) .ui5-link-root:focus-within{color:var(--udex-link-focus-color)}.ui5-link-icon{margin-inline-end:0;padding-inline-end:var(--udexSpacer4, 4px)}.ui5-link-end-icon{margin-inline-start:-20px;padding-inline-start:var(--udexSpacer4, 4px)}\n";
1
+ declare const _default: ":host{--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-focus-outline-offset: var(--udexLinkOutlineOffset, 0px);--udex-link-focus-border-radius: var(--udexLinkOutlineRadius, 2px);--udex-link-emphasized-text-decoration: none;--udex-link-icon-height: 24px;--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-link-color: var(--udexColorBlue8);--udex-link-hover-color: var(--udexColorBlue10);--udex-link-active-color: var(--udexColorBlue11);--udex-link-icon-width: var(--sapFontSize);--udex-link-white-space: break-spaces;--udex-link-subtle-color: var(--udexColorGrey8, #354A5F);--udex-link-subtle-hover-color: var(--udexColorGrey11, #12171C);--udex-link-subtle-active-color: var(--udexColorBlue9, #0040B0);--udex-link-subtle-visited-color: var(--udexColorGrey8, #354A5F);--udex-link-focus-background-color: transparent;--udex-link-focus-color: inherit;white-space:normal}:host([desktop]:hover:not(:active):focus-within),:host([design=\"Subtle\"][desktop]:hover:not(:active):focus-within),:host([desktop]:focus-within),:host(:focus-visible),:host(:hover){color:var(--udex-link-hover-color)}:host(:active){color:var(--udex-link-active-color)}:host,:host(:visited){color:var(--udex-link-color)}:host([end-icon]) .ui5-link-text{white-space:var(--udex-link-white-space);margin-inline-end:20px}:host([design=\"Emphasized\"]){font-weight:var(--udexTypographyFontWeightBold)}:host([design=\"Subtle\"]){color:var(--udex-link-subtle-color)}:host([design=\"Subtle\"][focused]),:host([design=\"Subtle\"]:hover:not(:active)){color:var(--udex-link-subtle-hover-color)}:host([design=\"Subtle\"]:active){color:var(--udex-link-subtle-active-color)}:host([design=\"Subtle\"]:visited){color:var(--udex-link-subtle-visited-color)}:host([design=\"Subtle\"]) .ui5-link-root:hover{text-decoration:var(--udex-link-hover-text-decoration)}.ui5-link-root{overflow:visible;line-height:var(--udex-link-line-height)}[ui5-link][disabled] .linkIcon{opacity:inherit}.ui5-link-root slot{text-decoration:var(--udex-link-text-decoration);display:inline}.ui5-link-root:hover slot{text-decoration:var(--udex-link-hover-text-decoration)}:host(:not([desktop])) .ui5-link-root:focus-visible,:host([design=\"Emphasized\"][desktop]:focus-within),:host([design=\"Emphasized\"][desktop]:hover:not(:active):focus-within),:host([design=\"Emphasized\"]:active),:host([desktop][design=\"Emphasized\"]:active),:host([desktop][design=\"Emphasized\"]:active:hover),:host([design=\"Emphasized\"]) slot,:host([design=\"Emphasized\"]:hover) slot,:host([design=\"Emphasized\"][desktop]:hover) slot,:host([end-icon]) slot,:host([icon]) slot{text-decoration:var(--udex-link-emphasized-text-decoration)}:host(:hover) slot{text-decoration:var(--udex-link-hover-text-decoration)}[ui5-icon]{width:var(--udex-link-icon-width);height:var(--udex-link-icon-height)}:host([desktop]:hover:active),:host([desktop]:active){text-decoration:var(--udex-link-focus-text-decoration)}:host .ui5-link-root{outline-offset:var(--udex-link-focus-outline-offset)}:host([design=\"Subtle\"][desktop]) .ui5-link-root:focus-within,:host([desktop]) .ui5-link-root:focus-within,:host .ui5-link-root:focus-visible{outline:var(--sapContent_FocusColor, #002A86) var(--sapContent_FocusStyle, \"solid\") var(--sapContent_FocusWidth, .125rem);border-radius:var(--udex-link-focus-border-radius)}.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design=\"Subtle\"]) .ui5-link-root:focus-visible,:host([design=\"Subtle\"][desktop]) .ui5-link-root:focus-within{background-color:var(--udex-link-focus-background-color)}[ui5-link],.ui5-link-icon,.ui5-link-root:active .ui5-link-icon,.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design=\"Subtle\"]) .ui5-link-root:focus-visible,:host([design=\"Subtle\"][desktop]) .ui5-link-root:focus-within{color:var(--udex-link-focus-color)}.ui5-link-icon{margin-inline-end:0;padding-inline-end:var(--udexSpacer4, 4px)}.ui5-link-end-icon{margin-inline-start:-20px;padding-inline-start:var(--udexSpacer4, 4px)}\n";
2
2
  export default _default;