@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
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
8
- export default `:host{--udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-standard-default-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-color-error-default-border: var(--udexCoreSemanticError6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-warning-default-border: var(--udexCoreSemanticWarning6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-success-default-border: var(--udexCoreSemanticSuccess6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-disabled-border: var(--udexColorGrey6, #5B738B);--udex-input-color-disabled-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-read-only-default-border: var(--sapField_ReadOnly_BorderColor, var(--udexColorGrey6));--udex-input-color-read-only-default-background: var(--sapField_ReadOnly_Background, var(--udexColorGrey2));--udex-input-padding: 0 var(--udexSpacer12, 12px);--udex-input-min-width-xs-and-s: 100%;--udex-input-max-width: 100%}.udex-text-field__wrap{display:flex;position:relative;border-radius:var(--udexRadiusXS, 4px);border:1px solid var(--udex-input-color-standard-default-border)}.udex-text-field__wrap:hover{border-color:var(--udex-input-color-standard-hover-border)}.udex-text-field__container{position:relative;font-family:var(--sapFontFamily, sans-serif);max-width:var(--udex-input-max-width);width:100%}@media (width < 640px){.udex-text-field__container{min-width:var(--udex-input-min-width-xs-and-s)}}:host([disabled]) .udex-text-field__container{opacity:var(--sapContent_DisabledOpacity)}.udex-text-field__input{width:100%;height:40px;font-size:var(--sapProgress_FontSize, 16px);font-family:inherit;line-height:24px;color:var(--udex-input-color-standard-default-typed-text);padding:var(--udex-input-padding);border-radius:var(--udexRadiusXS, 4px);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:transparent;border:none;text-overflow:ellipsis}.udex-text-field__input:focus{outline:none}:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__wrap:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-text-field__wrap[open],:host([active]) .udex-text-field__wrap{border-color:var(--udex-input-color-standard-active-border);outline:0}:host([active]) .udex-text-field_icon-container{border-color:transparent;color:var(--udexColorGrey7, #475E75)}.udex-text-field__wrap[open]:hover{border-color:var(--udex-input-color-standard-active-border)}:host([disabled]) .udex-text-field__wrap{border-color:var(--udex-input-color-disabled-border);background-color:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__wrap{border-color:var(--udex-input-color-read-only-default-border);background-color:var(--udex-input-color-read-only-default-background)}:host([value-state="Success"][displayonly]) .udex-text-field__wrap,:host([value-state="Warning"][displayonly]) .udex-text-field__wrap,:host([value-state="Error"][displayonly]) .udex-text-field__wrap,:host([displayonly]) .udex-text-field__wrap{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;border:0}:host([displayonly][value-state="Success"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Warning"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Error"]) .udex-text-field__wrap:hover{border:none}:host([value-state="Error"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-default-border)}:host([value-state="Error"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-error-hover-border)}:host([value-state="Error"]) .udex-text-field__wrap[open],:host([value-state="Error"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-active-border);outline:0}:host([value-state="Warning"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-default-border)}:host([value-state="Warning"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-warning-hover-border)}:host([value-state="Warning"]) .udex-text-field__wrap[open],:host([value-state="Warning"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-active-border);outline:0}:host([value-state="Success"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-default-border)}:host([value-state="Success"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-success-hover-border)}:host([value-state="Success"]) .udex-text-field__wrap[open],:host([value-state="Success"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-active-border);outline:0}.udex-text-field__label{position:absolute;z-index:2;color:var(--udex-input-color-standard-default-label);transition:transform .15s ease-out,font-size .15s ease-out;line-height:24px;font-weight:var(--udexTypographyFontWeightRegular, 400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--udexSpacer12) * 2)}.udex-text-field__container:dir(rtl) .udex-text-field_icon-container{left:1px;right:auto}.udex-text-field__container:dir(ltr) .udex-text-field__label,.udex-text-field__container:dir(rtl) .udex-text-field__label{top:9px}.udex-text-field__container:dir(ltr) .udex-text-field__label{left:12px}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:12px}:host([displayonly]:dir(ltr)) .udex-text-field__label,:host([displayonly]:dir(rtl)) .udex-text-field__label{padding:0}.udex-text-field__label.udex-text-field__label_active,:host:has(.udex-text-field__input:-webkit-autofill) .udex-text-field__label{line-height:18px;transform:translateY(-110%);padding:6px 4px 0;font-size:12px;background:linear-gradient(transparent 55%,var(--udex-input-color-standard-default-background-light) 45%)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(transparent 55%,var(--udex-input-color-read-only-default-background) 45%)}:host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,:host([displayonly]) .udex-text-field__label.udex-text-field__label_active{background-color:transparent;background:none}:host([disabled]) .udex-text-field__label{color:var(--udex-input-color-disabled-label)}.udex-text-field_icon-container{--sapContent_DisabledOpacity: 1;--sapButton_BorderWidth: 0 0 0 1px;--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px;position:relative;padding:var(--udexSpacer4, 4px)}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container{--udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);--sapButton_BorderWidth: 0 1px 0 0}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container{--sapButton_BorderWidth: 0 1px 0 0}:host([icon-active]) .udex-text-field_icon-container{border-color:var(--udexColorBlue4, #89D1FF);color:var(--udexColorBlue9, #0040B0)}:host([icon-active]) .udex-text-field_icon-container:hover{border-color:var(--udexColorGrey7, #475E75);color:var(--udexColorGrey7, #475E75)}.udex-text-field__supporting-text{font-size:12px;line-height:18px;color:var(--udex-input-color-standard-default-supporting-text);padding:4px 12px;display:block;position:relative}:host([value-state="Error"]) .udex-text-field__supporting-text{color:var(--udex-input-color-error-default-supporting-text)}:host([value-state="Warning"]) .udex-text-field__supporting-text{color:var(--udex-input-color-warning-default-supporting-text)}:host([value-state="Success"]) .udex-text-field__supporting-text{color:var(--udex-input-color-success-default-supporting-text)}.udex-text-field__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-text-field__supporting-text-icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px);width:var(--sapContent_IconHeight, 16px);height:var(--sapContent_IconHeight, 16px)}.udex-text-field__input[type=number]::-webkit-outer-spin-button,.udex-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.udex-text-field__input[type=number]{-moz-appearance:textfield;appearance:textfield}.hidden-text{display:none}
8
+ export default `:host{--udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-standard-default-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-color-error-default-border: var(--udexCoreSemanticError6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-warning-default-border: var(--udexCoreSemanticWarning6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-success-default-border: var(--udexCoreSemanticSuccess6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-disabled-border: var(--udexColorGrey6, #5B738B);--udex-input-color-disabled-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-read-only-default-border: var(--sapField_ReadOnly_BorderColor, var(--udexColorGrey6));--udex-input-color-read-only-default-background: var(--sapField_ReadOnly_Background, var(--udexColorGrey2));--udex-input-padding: 0 var(--udexSpacer12, 12px);--udex-input-min-width-xs-and-s: 100%;--udex-input-max-width: 100%}.udex-text-field__wrap{display:flex;position:relative;border-radius:var(--udexRadiusXS, 4px);border:1px solid var(--udex-input-color-standard-default-border)}.udex-text-field__wrap:hover{border-color:var(--udex-input-color-standard-hover-border)}.udex-text-field__container{position:relative;font-family:var(--sapFontFamily, sans-serif);max-width:var(--udex-input-max-width);width:100%}@media (width < 640px){.udex-text-field__container{min-width:var(--udex-input-min-width-xs-and-s)}}:host([disabled]) .udex-text-field__container{opacity:var(--sapContent_DisabledOpacity)}.udex-text-field__input{width:100%;height:40px;font-size:var(--sapProgress_FontSize, 16px);font-family:inherit;line-height:24px;color:var(--udex-input-color-standard-default-typed-text);padding:var(--udex-input-padding);border-radius:var(--udexRadiusXS, 4px);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:transparent;border:none;text-overflow:ellipsis}.udex-text-field__input:focus{outline:none}:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__wrap:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-text-field__wrap[open],:host([active]) .udex-text-field__wrap{border-color:var(--udex-input-color-standard-active-border);outline:0}.udex-text-field__wrap[open]:hover{border-color:var(--udex-input-color-standard-active-border)}:host([disabled]) .udex-text-field__wrap{border-color:var(--udex-input-color-disabled-border);background-color:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__wrap{border-color:var(--udex-input-color-read-only-default-border);background-color:var(--udex-input-color-read-only-default-background)}:host([value-state="Success"][displayonly]) .udex-text-field__wrap,:host([value-state="Warning"][displayonly]) .udex-text-field__wrap,:host([value-state="Error"][displayonly]) .udex-text-field__wrap,:host([displayonly]) .udex-text-field__wrap{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;border:0}:host([displayonly][value-state="Success"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Warning"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Error"]) .udex-text-field__wrap:hover{border:none}:host([value-state="Error"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-default-border)}:host([value-state="Error"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-error-hover-border)}:host([value-state="Error"]) .udex-text-field__wrap[open],:host([value-state="Error"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-active-border);outline:0}:host([value-state="Warning"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-default-border)}:host([value-state="Warning"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-warning-hover-border)}:host([value-state="Warning"]) .udex-text-field__wrap[open],:host([value-state="Warning"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-active-border);outline:0}:host([value-state="Success"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-default-border)}:host([value-state="Success"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-success-hover-border)}:host([value-state="Success"]) .udex-text-field__wrap[open],:host([value-state="Success"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-active-border);outline:0}.udex-text-field__label{position:absolute;z-index:2;color:var(--udex-input-color-standard-default-label);transition:transform .15s ease-out,font-size .15s ease-out;line-height:24px;font-weight:var(--udexTypographyFontWeightRegular, 400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--udexSpacer12) * 2)}.udex-text-field__container:dir(rtl) .udex-text-field_icon-container{left:1px;right:auto}.udex-text-field__container:dir(ltr) .udex-text-field__label,.udex-text-field__container:dir(rtl) .udex-text-field__label{top:9px}.udex-text-field__container:dir(ltr) .udex-text-field__label{left:12px}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:12px}:host([displayonly]:dir(ltr)) .udex-text-field__label,:host([displayonly]:dir(rtl)) .udex-text-field__label{padding:0}.udex-text-field__label.udex-text-field__label_active,:host:has(.udex-text-field__input:-webkit-autofill) .udex-text-field__label{line-height:18px;transform:translateY(-110%);padding:6px 4px 0;font-size:12px;background:linear-gradient(transparent 55%,var(--udex-input-color-standard-default-background-light) 45%)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(transparent 55%,var(--udex-input-color-read-only-default-background) 45%)}:host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,:host([displayonly]) .udex-text-field__label.udex-text-field__label_active{background-color:transparent;background:none}:host([disabled]) .udex-text-field__label{color:var(--udex-input-color-disabled-label)}.udex-text-field_icon-container{--sapContent_DisabledOpacity: 1;--sapButton_BorderWidth: 0 0 0 1px;--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px;position:relative;padding:var(--udexSpacer4, 4px)}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container{--udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);--sapButton_BorderWidth: 0 1px 0 0}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container{--sapButton_BorderWidth: 0 1px 0 0}.udex-text-field__supporting-text{font-size:12px;line-height:18px;color:var(--udex-input-color-standard-default-supporting-text);padding:4px 12px;display:block;position:relative}:host([value-state="Error"]) .udex-text-field__supporting-text{color:var(--udex-input-color-error-default-supporting-text)}:host([value-state="Warning"]) .udex-text-field__supporting-text{color:var(--udex-input-color-warning-default-supporting-text)}:host([value-state="Success"]) .udex-text-field__supporting-text{color:var(--udex-input-color-success-default-supporting-text)}.udex-text-field__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-text-field__supporting-text-icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px);width:var(--sapContent_IconHeight, 16px);height:var(--sapContent_IconHeight, 16px)}.udex-text-field__input[type=number]::-webkit-outer-spin-button,.udex-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.udex-text-field__input[type=number]{-moz-appearance:textfield;appearance:textfield}.hidden-text{display:none}
9
9
  `
@@ -186,9 +186,6 @@ SEARCH=Search
186
186
  #Text for Password Field Control Button
187
187
  SHOW_HIDE_PASSWORD=Show/Hide Password Button
188
188
 
189
- #Text for social media icons accessible name
190
- SOCIAL_LINK_ICON=Link Graphic
191
-
192
189
  #Footer labels and accessible names
193
190
  PHONE_NUMBER=Phone number
194
191
  CONTACT_US=Contact us
@@ -247,3 +244,6 @@ UPLOAD_BUTTON_LABEL=Upload file
247
244
  COMPLETE_LIST_OF=Complete list of
248
245
  CALL_US_TODAY=Call us today!
249
246
  CONTACT_US=Contact us
247
+
248
+ #Social Media Button default aria label
249
+ SOCIAL_MEDIA_BUTTON=Social Media Button
@@ -82,7 +82,6 @@ OVERVIEW=Overview
82
82
  CART=Cart
83
83
  COUNTRY_SELECTOR=Country Selector
84
84
  SUPPORT=Support
85
- SOCIAL_LINK_ICON=Link Graphic
86
85
  PHONE_NUMBER=Phone number
87
86
  CONTACT_US=Contact us
88
87
  EMAIL=Email
@@ -118,3 +117,4 @@ CALL_US_TODAY=Call us today!
118
117
  CONTACT_US=Contact us
119
118
  SEARCH=Search
120
119
  RESULT_RETURNED=results returned.
120
+ SOCIAL_MEDIA_BUTTON=Social Media Button
@@ -4,11 +4,6 @@
4
4
  font-family: var(--sapFontFamily);
5
5
  }
6
6
 
7
- .udex-date-picker__container {
8
- display: flex;
9
- flex-direction: column;
10
- }
11
-
12
7
  .udex-date-picker__calendar {
13
8
  min-width: var(--udex-date-picker-width);
14
9
  background-color: var(--udexNeutralColorWhite, #ffffff);
@@ -55,7 +55,7 @@
55
55
  font-size: var(--udexTypographyBodyXSFontSize, 14px);
56
56
  line-height: var(--udexTypographyBodyLineHeight, 1.5);
57
57
  color: var(--sapContent_TitleColor, #000000);
58
- padding: 0 var(--udexSpacer16, 16px) var(--udexSpacer16, 16px);
58
+ padding: 0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
59
59
  }
60
60
 
61
61
  @media (width < 640px) {
@@ -246,7 +246,6 @@
246
246
  --udex-event-ribbon-margin-s: 48px;
247
247
  --udex-event-ribbon-margin-xs: 24px;
248
248
 
249
- --udex-event-ribbon-logo-width: auto;
250
249
  --udex-event-ribbon-logo-height: auto;
251
250
 
252
251
  --udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-xl)) - (11 * var(--udexGridXLGutters))) / 12);
@@ -303,17 +302,32 @@
303
302
  position: relative;
304
303
  display: flex;
305
304
  justify-content: flex-end;
306
- width: calc((var(--udex-event-ribbon-column-width) * 3 + 3 * var(--udexGridXLGutters)) - 36px);
305
+ width: 24.8%;
307
306
  }
308
307
 
309
- .udex-event-ribbon__logo img {
308
+ :host([event-logo='sapphire']) {
309
+ --udex-event-ribbon-logo-height: 40px;
310
+ }
311
+
312
+ :host([event-logo='connect']) {
313
+ --udex-event-ribbon-logo-height: 18px;
314
+ }
315
+
316
+ :host([event-logo='now']) {
317
+ --udex-event-ribbon-logo-height: 24px;
318
+ }
319
+
320
+ :host([event-logo='teched']) {
321
+ --udex-event-ribbon-logo-height: 21px;
322
+ }
323
+
324
+ .udex-event-ribbon__logo-img {
310
325
  max-height: 42px;
311
326
  height: var(--udex-event-ribbon-logo-height);
312
- width: var(--udex-event-ribbon-logo-width);
313
327
  max-width: 100%;
314
328
  }
315
329
 
316
- :host([mode="dark"]) .udex-event-ribbon__logo img {
330
+ :host([mode="dark"]) .udex-event-ribbon__logo-img {
317
331
  filter: brightness(0) invert(1);
318
332
  }
319
333
 
@@ -322,8 +336,8 @@
322
336
  margin: 0;
323
337
  padding: 0;
324
338
  font-size: var(--udexTypographyBodyXSFontSize);
325
- line-height: 1.5;
326
- width: calc(6 * var(--udex-event-ribbon-column-width) + 5 * var(--udexGridXLGutters));
339
+ line-height: var(--udexTypographyBodyLineHeight);
340
+ width: 51%;
327
341
  max-height: 100%;
328
342
  display: -webkit-box;
329
343
  -webkit-box-orient: vertical;
@@ -337,12 +351,14 @@
337
351
  position: inherit;
338
352
  display: flex;
339
353
  align-items: center;
340
- gap: var(--udexSpacer8, 8px)
354
+ gap: var(--udexSpacer8, 8px);
355
+ width: 21%;
341
356
  }
342
357
 
343
- .udex-event-ribbon__link-container span {
344
- line-height: 1.5;
358
+ .udex-event-ribbon__link-text {
359
+ line-height: var(--udexTypographyBodyLineHeight);
345
360
  font-size: var(--udexTypographyBodyXSFontSize);
361
+ white-space: nowrap;
346
362
  }
347
363
 
348
364
  [ui5-icon] {
@@ -353,9 +369,6 @@
353
369
  }
354
370
 
355
371
  @media (max-width: 1599px) {
356
- :host {
357
- --udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-m-l)) - (11 * var(--udexGridXLGutters))) / 12);
358
- }
359
372
  .udex-event-ribbon__container {
360
373
  max-width: calc(100vw - 2 * var(--udex-event-ribbon-margin-m-l));
361
374
  }
@@ -363,31 +376,24 @@
363
376
 
364
377
  @media (max-width: 1279px) {
365
378
  .udex-event-ribbon__container {
366
- margin-block: var(--udexSpacer40, 40px) 64px;
379
+ margin-block: var(--udexSpacer40, 40px) var(--udexSpacer64, 64px);
367
380
  gap: var(--udexSpacer24, 24px);
368
381
  padding-inline: var(--udexSpacer24, 24px);
369
382
  }
370
-
371
- .udex-event-ribbon__logo {
372
- width: calc((var(--udex-event-ribbon-column-width) * 3 + 3 * var(--udexGridXLGutters)) - 24px);
373
- }
374
383
  }
375
384
 
376
385
  @media (max-width: 979px) {
377
- :host {
378
- --udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-s)) - (11 * var(--udexGridSGutters))) / 12);
379
- }
380
-
381
386
  .udex-event-ribbon__container {
382
387
  flex-direction: column;
383
388
  height: fit-content;
384
389
  padding-block: var(--udexSpacer16, 16px);
385
390
  gap: var(--udexSpacer8, 8px);
386
391
  align-items: flex-start;
387
- margin-block: var(--udexSpacer40, 40px) 64px;
392
+ margin-block: var(--udexSpacer40, 40px) var(--udexSpacer64, 64px);
388
393
  max-width: calc(100vw - 2 * var(--udex-event-ribbon-margin-s));
389
394
  }
390
395
 
396
+ .udex-event-ribbon__link-container,
391
397
  .udex-event-ribbon__text {
392
398
  width: 100%;
393
399
  }
@@ -396,16 +402,16 @@
396
402
  justify-content: flex-start;
397
403
  width: 100%;
398
404
  }
399
- }
400
405
 
401
- @media (max-width: 639px) {
402
- :host {
403
- --udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-xs)) - (11 * var(--udexGridXSGutters))) / 12);
406
+ .udex-event-ribbon__link-text {
407
+ white-space: normal;
404
408
  }
409
+ }
405
410
 
411
+ @media (max-width: 639px) {
406
412
  .udex-event-ribbon__container {
407
413
  padding-inline: var(--udexSpacer16, 16px);
408
414
  margin-block: var(--udexSpacer32, 32px) var(--udexSpacer56, 56px);
409
415
  max-width: calc(100vw - 2 * var(--udex-event-ribbon-margin-xs));
410
416
  }
411
- }
417
+ }
@@ -185,7 +185,7 @@
185
185
  font-size: var(--udexTypographyBodyXSFontSize, 14px);
186
186
  line-height: var(--udexTypographyBodyLineHeight, 1.5);
187
187
  color: var(--sapContent_TitleColor, #000000);
188
- padding: 0 var(--udexSpacer16, 16px) var(--udexSpacer16, 16px);
188
+ padding: 0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
189
189
  }
190
190
 
191
191
  @media (width < 640px) {
@@ -193,4 +193,4 @@
193
193
  min-width: var(--udex-filter-menu-popover-min-width-xs);
194
194
  max-width: var(--udex-filter-menu-popover-max-width-xs);
195
195
  }
196
- }
196
+ }
@@ -145,22 +145,6 @@
145
145
  column-gap: var(--udexSpacer12);
146
146
  }
147
147
 
148
- a.udex-footer__social-icon {
149
- display: flex;
150
- width: 32px;
151
- height: 32px;
152
- border-radius: var(--udexRadiusXS);
153
- background-color: var(--udexColorNeutralWhite);
154
- color: var(--udex-footer-icon-color);
155
- }
156
-
157
- .udex-footer__social-icon > img {
158
- margin: auto;
159
- align-items: center;
160
- max-width: 100%;
161
- max-height: 100%;
162
- }
163
-
164
148
  .udex-footer__links {
165
149
  display: flex;
166
150
  gap: var(--udexSpacer48);
@@ -3,6 +3,8 @@
3
3
  --udex-link-hover-text-decoration: underline;
4
4
  --udex-link-focused-hover-text-decoration: underline;
5
5
  --udex-link-focus-text-decoration: underline;
6
+ --udex-link-focus-outline-offset: var(--udexLinkOutlineOffset, 0px);
7
+ --udex-link-focus-border-radius: var(--udexLinkOutlineRadius, 2px);
6
8
  --udex-link-emphasized-text-decoration: none;
7
9
  --udex-link-icon-height: 24px;
8
10
  --udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);
@@ -113,7 +115,7 @@
113
115
  }
114
116
 
115
117
  :host .ui5-link-root {
116
- outline-offset: 0;
118
+ outline-offset: var(--udex-link-focus-outline-offset);
117
119
  }
118
120
 
119
121
  :host([design="Subtle"][desktop]) .ui5-link-root:focus-within,
@@ -123,6 +125,7 @@
123
125
  var(--sapContent_FocusColor, #002A86)
124
126
  var(--sapContent_FocusStyle, 'solid')
125
127
  var(--sapContent_FocusWidth, 0.125rem);
128
+ border-radius: var(--udex-link-focus-border-radius);
126
129
  }
127
130
 
128
131
  .ui5-link-root:focus-visible,
@@ -29,6 +29,7 @@
29
29
  --udex-masthead-item-dropdown-zindex: 100;
30
30
  --udex-masthead-item-button-icon-size: 32px;
31
31
  --udex-masthead-item-arrow-icon-size: 16px;
32
+ --udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);
32
33
 
33
34
  display: var(--udex-masthead-item-display);
34
35
  align-items: var(--udex-masthead-item-align-content);
@@ -154,7 +155,7 @@
154
155
  .udex-masthead-item__dropdown-icon {
155
156
  width: var(--udex-masthead-item-arrow-icon-size);
156
157
  height: var(--udex-masthead-item-arrow-icon-size);
157
- margin-inline-start: var(--udexSpacer4);
158
+ margin-inline-start: var(--udex-masthead-item-arrow-margin-inline-start);
158
159
  }
159
160
 
160
161
  :host(:hover) .udex-masthead-item,
@@ -124,8 +124,8 @@
124
124
  text-align: center;
125
125
  }
126
126
 
127
- :host([_is-mobile-mode])::part(menu-item-link-badge),
128
- :host([_is-mobile-mode])::part(menu-item-link) {
127
+ :host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-badge),
128
+ :host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link) {
129
129
  border-bottom: 1px solid var(--udex-masthead-menu-item-mobile-border-color);
130
130
  padding: var(--udex-masthead-menu-item-header-padding-mobile);
131
131
  display: flex;
@@ -134,13 +134,13 @@
134
134
  width: 100%;
135
135
  }
136
136
 
137
- :host([_is-mobile-mode])::part(menu-item-link-badge) {
137
+ :host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item-link-badge) {
138
138
  padding-block-start: var(--udex-masthead-menu-item-padding-mobile-with-badge-vertical);
139
139
  padding-inline-end: var(--udex-masthead-menu-item-padding-mobile-end-with-badge);
140
140
  padding-inline-start: var(--udex-masthead-menu-item-padding-mobile-start-with-badge);
141
141
  }
142
142
 
143
- :host([_is-mobile-mode])::part(menu-item) {
143
+ :host([_is-mobile-mode]) [udex-masthead-menu-item]::part(menu-item) {
144
144
  padding: var(--udex-masthead-menu-item-header-padding-mobile);
145
145
  justify-content: center;
146
146
  }
@@ -27,7 +27,8 @@
27
27
  padding-inline-end: var(--udex-progress-bar-padding-end);
28
28
  }
29
29
 
30
- :host::part(remaining-bar):after {
30
+ .ui5-progress-indicator-remaining-bar:before,
31
+ .ui5-progress-indicator-remaining-bar:after {
31
32
  width: var(--udex-progress-bar-point-size, 0.375rem);
32
33
  height: var(--udex-progress-bar-point-size, 0.375rem);
33
34
  }
@@ -215,7 +215,7 @@
215
215
  font-size: var(--udexTypographyBodyXSFontSize, 14px);
216
216
  line-height: var(--udexTypographyBodyLineHeight, 1.5);
217
217
  color: var(--sapContent_TitleColor, #000000);
218
- padding: 0 var(--udexSpacer16, 16px) var(--udexSpacer16, 16px);
218
+ padding: 0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
219
219
  }
220
220
 
221
221
 
@@ -0,0 +1,50 @@
1
+ :host {
2
+ --udex-social-media-button-width: var(--udexSpacer32, 32px);
3
+ --udex-social-media-button-height: var(--udexSpacer32, 32px);
4
+ --udex-social-media-button-border-width: var(--udexCoreSizeBorderXS, 1px);
5
+ --udex-social-media-button-border-color: var(--sapButton_Neutral_Selected_Background, #FFFFFF);
6
+ --udex-social-media-button-border-radius: var(--udexRadiusXS, 4px);
7
+ --udex-social-media-button-background-color: var(--sapButton_Neutral_Background, #FFFFFF);
8
+ --udex-social-media-button-hover-border-color: var(--sapButton_Neutral_Hover_BorderColor, #A9B4BE);
9
+ --udex-social-media-button-hover-background-color: var(--sapButton_Neutral_Selected_Background, #FFFFFF);
10
+ --udex-social-media-button-hover-icon-color: var(--sapButton_Hover_TextColor, #0040B0);
11
+ --udex-social-media-button-selected-border-color: var(--sapButton_Neutral_Selected_BorderColor, #0040B0);
12
+ --udex-social-media-button-selected-background-color: var(--sapButton_Neutral_Selected_Background, #FFFFFF);
13
+
14
+ --udexLinkOutlineOffset: calc(-1 * var(--udexRadiusXS, 4px));
15
+ --udexLinkOutlineRadius: calc(var(--udexRadiusXS, 4px) + 2px);
16
+ }
17
+
18
+ .udex-social-media-button {
19
+ width: calc(var(--udex-social-media-button-width) - 2 * var(--udex-social-media-button-border-width));
20
+ height: calc(var(--udex-social-media-button-height) - 2 * var(--udex-social-media-button-border-width));
21
+ text-align: center;
22
+ border-radius: var(--udex-social-media-button-border-radius);
23
+ background: var(--udex-social-media-button-background-color);
24
+ border: var(--udex-social-media-button-border-width) solid var(--udex-social-media-button-border-color);
25
+ display: flex;
26
+ justify-content: center;
27
+ align-items: center;
28
+ }
29
+
30
+ .udex-social-media-button svg {
31
+ max-height: 16px;
32
+ }
33
+
34
+ .udex-social-media-button:hover {
35
+ background-color: var(--udex-social-media-button-hover-background-color);
36
+ border-color: var(--udex-social-media-button-hover-border-color);
37
+ }
38
+
39
+ .udex-social-media-button:hover:not(:active) svg path {
40
+ fill: var(--udex-social-media-button-hover-icon-color);
41
+ }
42
+
43
+ .udex-social-media-button:active {
44
+ background-color: var(--udex-social-media-button-selected-background-color);
45
+ border-color: var(--udex-social-media-button-selected-border-color);
46
+ }
47
+
48
+ .hidden {
49
+ display: none;
50
+ }
@@ -99,11 +99,6 @@
99
99
  outline: 0;
100
100
  }
101
101
 
102
- :host([active]) .udex-text-field_icon-container {
103
- border-color: transparent;
104
- color: var(--udexColorGrey7, #475E75);
105
- }
106
-
107
102
  .udex-text-field__wrap[open]:hover {
108
103
  border-color: var(--udex-input-color-standard-active-border);
109
104
  }
@@ -263,16 +258,6 @@
263
258
  --sapButton_BorderWidth: 0 1px 0 0;
264
259
  }
265
260
 
266
- :host([icon-active]) .udex-text-field_icon-container {
267
- border-color: var(--udexColorBlue4, #89D1FF);
268
- color: var(--udexColorBlue9, #0040B0);
269
- }
270
-
271
- :host([icon-active]) .udex-text-field_icon-container:hover {
272
- border-color: var(--udexColorGrey7, #475E75);
273
- color: var(--udexColorGrey7, #475E75);
274
- }
275
-
276
261
  /* Supporting text styles */
277
262
 
278
263
  .udex-text-field__supporting-text {
@@ -0,0 +1,10 @@
1
+ export enum UDExSocialMediaButtonType {
2
+ facebook = "facebook",
3
+ instagram = "instagram",
4
+ linkedin = "linkedin",
5
+ email = "email",
6
+ youtube = "youtube",
7
+ x = "x",
8
+ }
9
+
10
+ export default UDExSocialMediaButtonType;
@@ -1 +0,0 @@
1
- const T="Count",E="of",_="Pagination page",A="Selected",S="Unselected",I="Indeterminate",t="Edit",R="Delete",O="Primary",N="Secondary",n="Tertiary",L="Warning",o="Positive",s="Negative",e="Emphasized",c="Default",C="Transparent",U="Attention",P="Date Input",a="Toggled",D="First page",i="Last page",B="Previous page",r="Next page",l="Current page",G="Activate page number",M="Suggested searches",d="Clear",V="Search",u="Clear",F="Voice",W="Submit",Y="Listening",g="Available Values",p="Recommended pages",X="Expand All",m="Collapse All",f="More",H="Attention badge",y="Read more",h="Read less",v="Rating Indicator",b="Rating",K="Required",w="Total",k="Contains Multi-Selectable Items",x="Contains Selectable Items",Q="Show Results",Z="Show/Hide Password Button",q="Reset",z="Message Strip Close Button",j="Information Bar",J="Positive Bar",$="Warning Bar",TT="Negative Bar",ET="Action Bar",_T="reviews",AT="stars",ST="Select Options",IT="Select All",tT="{0} characters remaining",RT="Field State Error",OT="Field State Warning",NT="Field State Success",nT="Field State Standard",LT="Previous Page",oT="Next Page",sT="No matches found.",eT="Breadcrumb Trail",cT="More",CT="Increase Quantity by",UT="Decrease Quantity by",PT="No data found",aT="Invalid entry",DT="Warning issued",iT="Informative entry",BT="Entry successfully validated",rT="Read only",lT="Logout",GT="Select country",MT="Overview",dT="Cart",VT="Country Selector",uT="Support",FT="Link Graphic",WT="Phone number",YT="Contact us",gT="Email",pT="Chat with us",XT="Quick Links",mT="Trending",fT="About SAP",HT="Site Information",yT="Or see our complete list of",hT="local country numbers",vT="© {0} SAP SE or an SAP affiliate company. All rights reserved.",bT="Avatar",KT="Open Calendar icon",wT="Edit list item entry",kT="Delete list item entry",xT="back button label",QT="Status Badge",ZT="Click to edit profile",qT="Click to open profile information",zT="Warning, potential risk with the profile",jT="There is an error with the profile",JT="Successfully verified profile",$T="Profile",TE="main links",EE="opens in a new window",_E="Text field",AE="Uploading",SE="Terminated",IE="Remove file",tE="Upload file",RE="Complete list of",OE="Call us today!",NE="Search",nE="results returned.",LE={COUNT:T,OF:E,PAGINATION_PAGE:_,SELECTED:A,UNSELECTED:S,INDETERMINATE:I,EDIT_BUTTON:t,DELETE_BUTTON:R,BUTTON_ARIA_TYPE_PRIMARY:O,BUTTON_ARIA_TYPE_SECONDARY:N,BUTTON_ARIA_TYPE_TERTIARY:n,BUTTON_ARIA_TYPE_WARNING:L,BUTTON_ARIA_TYPE_POSITIVE:o,BUTTON_ARIA_TYPE_NEGATIVE:s,BUTTON_ARIA_EMPHASIZED:e,BUTTON_ARIA_DEFAULT:c,BUTTON_ARIA_TRANSPARENT:C,BUTTON_ARIA_ATTENTION:U,DATEPICKER_DATE_DESCRIPTION:P,TOGGLED:a,FIRST_PAGE:D,LAST_PAGE:i,PREVIOUS_PAGE:B,NEXT_PAGE:r,CURRENT_PAGE:l,ACTIVATE_PAGE:G,SUGGESTED_TEXT:M,ACCESSIBLE_NAME_RESET_ICON:d,ACCESSIBLE_NAME_SEARCH_ICON:V,TOOLTIP_RESET_BUTTON:u,TOOLTIP_VOICE_BUTTON:F,TOOLTIP_SUBMIT_BUTTON:W,LISTENING:Y,AVAILABLE_VALUES:g,RECOMMENDED_TEXT:p,EXPAND_ALL:X,COLLAPSE_ALL:m,MORE:f,ATTENTION_BADGE:H,READ_MORE:y,READ_LESS:h,RATING_INDICATOR_TEXT:v,RATING_INDICATOR_TOOLTIP_TEXT:b,RATING_INDICATOR_ARIA_DESCRIPTION:K,TOTAL:w,ARIA_LABEL_LIST_MULTISELECTABLE:k,ARIA_LABEL_LIST_SELECTABLE:x,SHOW_RESULTS:Q,SHOW_HIDE_PASSWORD:Z,RESET:q,MESSAGE_STRIP_CLOSE_BUTTON:z,MESSAGE_STRIP_INFORMATION:j,MESSAGE_STRIP_SUCCESS:J,MESSAGE_STRIP_WARNING:$,MESSAGE_STRIP_ERROR:TT,MESSAGE_STRIP_ACTION:ET,REVIEWS:_T,STARS:AT,SELECT_OPTIONS:ST,SELECT_ALL:IT,TEXTAREA_CHARACTERS_LEFT:tT,VALUE_STATE_TYPE_ERROR:RT,VALUE_STATE_TYPE_WARNING:OT,VALUE_STATE_TYPE_SUCCESS:NT,VALUE_STATE_TYPE_STANDARD:nT,CAROUSEL_PREVIOUS_ARROW_TEXT:LT,CAROUSEL_NEXT_ARROW_TEXT:oT,NO_MATCHES_FOUND:sT,BREADCRUMBS_ARIA_LABEL:eT,BREADCRUMBS_OVERFLOW_ARIA_LABEL:cT,STEPINPUT_INC_ICON_TITLE:CT,STEPINPUT_DEC_ICON_TITLE:UT,TABLE_NO_DATA_FOUND:PT,VALUE_STATE_ERROR:aT,VALUE_STATE_WARNING:DT,VALUE_STATE_INFORMATION:iT,VALUE_STATE_SUCCESS:BT,READ_ONLY:rT,LOGOUT:lT,COUNTRY_SELECT:GT,OVERVIEW:MT,CART:dT,COUNTRY_SELECTOR:VT,SUPPORT:uT,SOCIAL_LINK_ICON:FT,PHONE_NUMBER:WT,CONTACT_US:YT,EMAIL:gT,CHAT_WITH_US:pT,QUICK_LINKS:XT,TRENDING:mT,ABOUT_SAP:fT,SITE_INFORMATION:HT,SEE_COMPLETE_LIST:yT,LOCAL_COUNTRY_NAMES:hT,COPYRIGHT:vT,AVATAR_TEXT:bT,CALENDAR_ICON:KT,LIST_ITEM_EDIT_ICON:wT,LIST_ITEM_DELETE_ICON:kT,BACK_BUTTON_LABEL:xT,STATUS_BADGE_TEXT:QT,STATUS_BADGE_EDIT_TITLE:ZT,STATUS_BADGE_INFORMATION_TITLE:qT,STATUS_BADGE_WARNING_TITLE:zT,STATUS_BADGE_ERROR_TITLE:jT,STATUS_BADGE_SUCCESS_TITLE:JT,PROFILE:$T,MAIN_LINKS:TE,OPENS_IN_A_NEW_WINDOW:EE,TEXT_FIELD:_E,UPLOADING_FILE_STATUS_TEXT:AE,TERMINATED_FILE_STATUS_TEXT:SE,REMOVE_FILE_TEXT:IE,UPLOAD_BUTTON_LABEL:tE,COMPLETE_LIST_OF:RE,CALL_US_TODAY:OE,SEARCH:NE,RESULT_RETURNED:nE};export{fT as ABOUT_SAP,d as ACCESSIBLE_NAME_RESET_ICON,V as ACCESSIBLE_NAME_SEARCH_ICON,G as ACTIVATE_PAGE,k as ARIA_LABEL_LIST_MULTISELECTABLE,x as ARIA_LABEL_LIST_SELECTABLE,H as ATTENTION_BADGE,g as AVAILABLE_VALUES,bT as AVATAR_TEXT,xT as BACK_BUTTON_LABEL,eT as BREADCRUMBS_ARIA_LABEL,cT as BREADCRUMBS_OVERFLOW_ARIA_LABEL,U as BUTTON_ARIA_ATTENTION,c as BUTTON_ARIA_DEFAULT,e as BUTTON_ARIA_EMPHASIZED,C as BUTTON_ARIA_TRANSPARENT,s as BUTTON_ARIA_TYPE_NEGATIVE,o as BUTTON_ARIA_TYPE_POSITIVE,O as BUTTON_ARIA_TYPE_PRIMARY,N as BUTTON_ARIA_TYPE_SECONDARY,n as BUTTON_ARIA_TYPE_TERTIARY,L as BUTTON_ARIA_TYPE_WARNING,KT as CALENDAR_ICON,OE as CALL_US_TODAY,oT as CAROUSEL_NEXT_ARROW_TEXT,LT as CAROUSEL_PREVIOUS_ARROW_TEXT,dT as CART,pT as CHAT_WITH_US,m as COLLAPSE_ALL,RE as COMPLETE_LIST_OF,YT as CONTACT_US,vT as COPYRIGHT,T as COUNT,GT as COUNTRY_SELECT,VT as COUNTRY_SELECTOR,l as CURRENT_PAGE,P as DATEPICKER_DATE_DESCRIPTION,R as DELETE_BUTTON,t as EDIT_BUTTON,gT as EMAIL,X as EXPAND_ALL,D as FIRST_PAGE,I as INDETERMINATE,i as LAST_PAGE,Y as LISTENING,kT as LIST_ITEM_DELETE_ICON,wT as LIST_ITEM_EDIT_ICON,hT as LOCAL_COUNTRY_NAMES,lT as LOGOUT,TE as MAIN_LINKS,ET as MESSAGE_STRIP_ACTION,z as MESSAGE_STRIP_CLOSE_BUTTON,TT as MESSAGE_STRIP_ERROR,j as MESSAGE_STRIP_INFORMATION,J as MESSAGE_STRIP_SUCCESS,$ as MESSAGE_STRIP_WARNING,f as MORE,r as NEXT_PAGE,sT as NO_MATCHES_FOUND,E as OF,EE as OPENS_IN_A_NEW_WINDOW,MT as OVERVIEW,_ as PAGINATION_PAGE,WT as PHONE_NUMBER,B as PREVIOUS_PAGE,$T as PROFILE,XT as QUICK_LINKS,K as RATING_INDICATOR_ARIA_DESCRIPTION,v as RATING_INDICATOR_TEXT,b as RATING_INDICATOR_TOOLTIP_TEXT,h as READ_LESS,y as READ_MORE,rT as READ_ONLY,p as RECOMMENDED_TEXT,IE as REMOVE_FILE_TEXT,q as RESET,nE as RESULT_RETURNED,_T as REVIEWS,NE as SEARCH,yT as SEE_COMPLETE_LIST,A as SELECTED,IT as SELECT_ALL,ST as SELECT_OPTIONS,Z as SHOW_HIDE_PASSWORD,Q as SHOW_RESULTS,HT as SITE_INFORMATION,FT as SOCIAL_LINK_ICON,AT as STARS,ZT as STATUS_BADGE_EDIT_TITLE,jT as STATUS_BADGE_ERROR_TITLE,qT as STATUS_BADGE_INFORMATION_TITLE,JT as STATUS_BADGE_SUCCESS_TITLE,QT as STATUS_BADGE_TEXT,zT as STATUS_BADGE_WARNING_TITLE,UT as STEPINPUT_DEC_ICON_TITLE,CT as STEPINPUT_INC_ICON_TITLE,M as SUGGESTED_TEXT,uT as SUPPORT,PT as TABLE_NO_DATA_FOUND,SE as TERMINATED_FILE_STATUS_TEXT,tT as TEXTAREA_CHARACTERS_LEFT,_E as TEXT_FIELD,a as TOGGLED,u as TOOLTIP_RESET_BUTTON,W as TOOLTIP_SUBMIT_BUTTON,F as TOOLTIP_VOICE_BUTTON,w as TOTAL,mT as TRENDING,S as UNSELECTED,AE as UPLOADING_FILE_STATUS_TEXT,tE as UPLOAD_BUTTON_LABEL,aT as VALUE_STATE_ERROR,iT as VALUE_STATE_INFORMATION,BT as VALUE_STATE_SUCCESS,RT as VALUE_STATE_TYPE_ERROR,nT as VALUE_STATE_TYPE_STANDARD,NT as VALUE_STATE_TYPE_SUCCESS,OT as VALUE_STATE_TYPE_WARNING,DT as VALUE_STATE_WARNING,LE as default};