@sapudex/web-components 2.52.0 → 2.53.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 (84) hide show
  1. package/cypress/specs/Avatar.cy.tsx +103 -0
  2. package/cypress/specs/SelectBox.cy.tsx +12 -0
  3. package/dist/Avatar.d.ts +10 -1
  4. package/dist/Avatar.js +43 -3
  5. package/dist/Avatar.js.map +1 -1
  6. package/dist/AvatarTemplate.js +1 -1
  7. package/dist/AvatarTemplate.js.map +1 -1
  8. package/dist/MediaPlayer.js +8 -0
  9. package/dist/MediaPlayer.js.map +1 -1
  10. package/dist/SelectBox.d.ts +5 -0
  11. package/dist/SelectBox.js +9 -0
  12. package/dist/SelectBox.js.map +1 -1
  13. package/dist/assets/{InputSuggestions-0wafO-g3.js → InputSuggestions-0yCPXAmq.js} +1 -1
  14. package/dist/assets/{ListItemStandardExpandableTextTemplate-DoOYtqI8.js → ListItemStandardExpandableTextTemplate-DjZEnCXN.js} +1 -1
  15. package/dist/assets/{bundle-CkxyEA8c.css → bundle-C7Yft7IG.css} +1 -1
  16. package/dist/assets/{bundle.esm-DwHZ3nCW.js → bundle.esm-DJuMR5ko.js} +84 -84
  17. package/dist/assets/messagebundle_lv-D06tlATH.js +1 -0
  18. package/dist/css/themes/BreadcrumbsPopover.css +1 -1
  19. package/dist/css/themes/Contact.css +1 -1
  20. package/dist/css/themes/FilterMenu.css +1 -1
  21. package/dist/css/themes/MessageStrip.css +1 -1
  22. package/dist/css/themes/Search.css +1 -1
  23. package/dist/css/themes/Slider.css +1 -1
  24. package/dist/css/themes/Tile.css +1 -1
  25. package/dist/css/themes/Toast.css +1 -1
  26. package/dist/css/themes/Tooltip.css +1 -1
  27. package/dist/custom-elements-internal.json +167 -156
  28. package/dist/custom-elements.json +152 -141
  29. package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
  30. package/dist/generated/themes/BreadcrumbsPopover.css.d.ts +1 -1
  31. package/dist/generated/themes/BreadcrumbsPopover.css.js +1 -1
  32. package/dist/generated/themes/BreadcrumbsPopover.css.js.map +1 -1
  33. package/dist/generated/themes/Contact.css.d.ts +1 -1
  34. package/dist/generated/themes/Contact.css.js +1 -1
  35. package/dist/generated/themes/Contact.css.js.map +1 -1
  36. package/dist/generated/themes/FilterMenu.css.d.ts +1 -1
  37. package/dist/generated/themes/FilterMenu.css.js +1 -1
  38. package/dist/generated/themes/FilterMenu.css.js.map +1 -1
  39. package/dist/generated/themes/MessageStrip.css.d.ts +1 -1
  40. package/dist/generated/themes/MessageStrip.css.js +1 -1
  41. package/dist/generated/themes/MessageStrip.css.js.map +1 -1
  42. package/dist/generated/themes/Search.css.d.ts +1 -1
  43. package/dist/generated/themes/Search.css.js +1 -1
  44. package/dist/generated/themes/Search.css.js.map +1 -1
  45. package/dist/generated/themes/Slider.css.d.ts +1 -1
  46. package/dist/generated/themes/Slider.css.js +1 -1
  47. package/dist/generated/themes/Slider.css.js.map +1 -1
  48. package/dist/generated/themes/Tile.css.d.ts +1 -1
  49. package/dist/generated/themes/Tile.css.js +1 -1
  50. package/dist/generated/themes/Tile.css.js.map +1 -1
  51. package/dist/generated/themes/Toast.css.d.ts +1 -1
  52. package/dist/generated/themes/Toast.css.js +1 -1
  53. package/dist/generated/themes/Toast.css.js.map +1 -1
  54. package/dist/generated/themes/Tooltip.css.d.ts +1 -1
  55. package/dist/generated/themes/Tooltip.css.js +1 -1
  56. package/dist/generated/themes/Tooltip.css.js.map +1 -1
  57. package/dist/messagebundle_lv.properties +126 -0
  58. package/dist/vscode.html-custom-data.json +1 -1
  59. package/dist/web-types.json +3 -3
  60. package/package.json +1 -1
  61. package/src/Avatar.ts +52 -3
  62. package/src/AvatarTemplate.tsx +2 -2
  63. package/src/MediaPlayer.ts +8 -0
  64. package/src/SelectBox.ts +10 -0
  65. package/src/generated/themes/BreadcrumbsPopover.css.ts +1 -1
  66. package/src/generated/themes/Contact.css.ts +1 -1
  67. package/src/generated/themes/FilterMenu.css.ts +1 -1
  68. package/src/generated/themes/MessageStrip.css.ts +1 -1
  69. package/src/generated/themes/Search.css.ts +1 -1
  70. package/src/generated/themes/Slider.css.ts +1 -1
  71. package/src/generated/themes/Tile.css.ts +1 -1
  72. package/src/generated/themes/Toast.css.ts +1 -1
  73. package/src/generated/themes/Tooltip.css.ts +1 -1
  74. package/src/i18n/messagebundle_lv.properties +126 -0
  75. package/src/themes/BreadcrumbsPopover.css +1 -1
  76. package/src/themes/Contact.css +3 -3
  77. package/src/themes/FilterMenu.css +1 -1
  78. package/src/themes/MessageStrip.css +8 -5
  79. package/src/themes/Search.css +3 -3
  80. package/src/themes/Slider.css +1 -1
  81. package/src/themes/Tile.css +2 -2
  82. package/src/themes/Toast.css +1 -1
  83. package/src/themes/Tooltip.css +1 -1
  84. package/dist/assets/messagebundle_lv-BHId5zho.js +0 -1
package/dist/generated/themes/MessageStrip.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{--udex-message-strip-color-action-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-message-strip-color-action-border: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-action-text: var(--udexColorGrey9, #223548);--udex-message-strip-color-action-icon: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-non-semantic-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-information-background: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-success-background: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-warning-background: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-error-background: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-information-border: var(--udexColorBlue6, #1B90FF);--udex-message-strip-color-success-border: var(--udexColorGreen6, #36A41D);--udex-message-strip-color-warning-border: var(--udexColorMango6, #E76500);--udex-message-strip-color-error-border: var(--udexColorRed6, #EE3939);--udex-message-strip-color-information-status: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-success-status: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-warning-status: var(--udexColorMango8, #A93E00);--udex-message-strip-color-error-status: var(--udexColorRed8, #AA0808);--udex-message-strip-close-icon-top:calc(50% - 13px);--udex-message-strip-min-height: 20px;--udex-message-strip-padding-inline-no-icon: var(--udexSpacer12, 12px);--udex-message-strip-padding-block-no-icon: var(--udexSpacer8, 8px);--udex-message-strip-border-width: 1px;--udex-message-strip-padding: var(--udexSpacer8, 8px) 36px;--udex-message-strip-padding-hide-icon: var(--udexSpacer8, 12px);--udex-message-strip-color-grey-light-background: var(--udexColorGrey1, #F5F6F7);--udex-message-strip-color-grey-light-border: var(--udexColorGrey3, #D5DADD);--udex-message-strip-color-grey-light-text: var(--udexColorGrey8, #354A5F);--udex-message-strip-color-grey-dark-background: var(--udexColorGrey8, #354A5F);--udex-message-strip-color-grey-dark-border: var(--udexColorGrey9, #223548);--udex-message-strip-color-grey-dark-text: var(--udexColorGrey1, #F5F6F7);--udex-message-strip-color-red-light-background: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-red-light-border: var(--udexColorRed3, #FFB2D2);--udex-message-strip-color-red-light-text: var(--udexColorRed8, #AA0808);--udex-message-strip-color-red-dark-background: var(--udexColorRed8, #AA0808);--udex-message-strip-color-red-dark-border: var(--udexColorRed9, #840606);--udex-message-strip-color-red-dark-text: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-mango-light-background: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-mango-light-border: var(--udexColorMango3, #FFDF72);--udex-message-strip-color-mango-light-text: var(--udexColorMango8, #A93E00);--udex-message-strip-color-mango-dark-background: var(--udexColorMango8, #A93E00);--udex-message-strip-color-mango-dark-border: var(--udexColorMango9, #8D2A00);--udex-message-strip-color-mango-dark-text: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-green-light-background: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-green-light-border: var(--udexColorGreen3, #BDE986);--udex-message-strip-color-green-light-text: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-green-dark-background: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-green-dark-border: var(--udexColorGreen9, #1E592F);--udex-message-strip-color-green-dark-text: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-teal-light-background: var(--udexColorTeal1, #DAFDF5);--udex-message-strip-color-teal-light-border: var(--udexColorTeal3, #64EDD2);--udex-message-strip-color-teal-light-text: var(--udexColorTeal8, #046C7A);--udex-message-strip-color-teal-dark-background: var(--udexColorTeal8, #046C7A);--udex-message-strip-color-teal-dark-border: var(--udexColorTeal9, #035663);--udex-message-strip-color-teal-dark-text: var(--udexColorTeal1, #DAFDF5);--udex-message-strip-color-blue-light-background: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-blue-light-border: var(--udexColorBlue3, #A6E0FF);--udex-message-strip-color-blue-light-text: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-blue-dark-background: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-blue-dark-border: var(--udexColorBlue9, #0040B0);--udex-message-strip-color-blue-dark-text: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-indigo-light-background: var(--udexColorIndigo1, #F1ECFF);--udex-message-strip-color-indigo-light-border: var(--udexColorIndigo3, #D3B6FF);--udex-message-strip-color-indigo-light-text: var(--udexColorIndigo8, #470CED);--udex-message-strip-color-indigo-dark-background: var(--udexColorIndigo8, #470CED);--udex-message-strip-color-indigo-dark-border: var(--udexColorIndigo9, #2C13AD);--udex-message-strip-color-indigo-dark-text: var(--udexColorIndigo1, #F1ECFF);--udex-message-strip-color-pink-light-background: var(--udexColorPink1, #FFF0FA);--udex-message-strip-color-pink-light-border: var(--udexColorPink3, #FFAFED);--udex-message-strip-color-pink-light-text: var(--udexColorPink8, #A100C2);--udex-message-strip-color-pink-dark-background: var(--udexColorPink8, #A100C2);--udex-message-strip-color-pink-dark-border: var(--udexColorPink9, #7800A4);--udex-message-strip-color-pink-dark-text: var(--udexColorPink1, #FFF0FA);--udex-message-strip-color-raspberry-light-background: var(--udexColorRaspberry1, #FFF0F5);--udex-message-strip-color-raspberry-light-border: var(--udexColorRaspberry3, #FECBDA);--udex-message-strip-color-raspberry-light-text: var(--udexColorRaspberry8, #BA066C);--udex-message-strip-color-raspberry-dark-background: var(--udexColorRaspberry8, #BA066C);--udex-message-strip-color-raspberry-dark-border: var(--udexColorRaspberry9, #9B015D);--udex-message-strip-color-raspberry-dark-text: var(--udexColorRaspberry1, #FFF0F5);font-family:var(--sapFontFamily, \"72 Brand Variable\", \"Arial\", \"Helvetica\", \"sans-serif\");color:var(--sapTextColor)}:host([design=\"Action\"]) .udex-message-strip,:host([design=\"Neutral\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-action-background);border-color:var(--udex-message-strip-color-action-border);color:var(--udex-message-strip-color-action-text)}:host([design=\"Action\"]) .udex-message-strip ::slotted(*:not([udex-link])),:host([design=\"Neutral\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-action-text)}:host([design=\"Action\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Action\"]) .ui5-message-strip-icon-wrapper ::slotted([ui5-icon]),:host([design=\"Neutral\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Neutral\"]) .ui5-message-strip-icon-wrapper ::slotted([ui5-icon]){color:var(--udex-message-strip-color-action-icon)}.ui5-message-strip-root.ui5-message-strip-root-hide-icon{padding-inline:var(--udex-message-strip-padding-inline-no-icon);padding-block:var(--udex-message-strip-padding-block-no-icon)}.ui5-message-strip-icon-wrapper{top:calc(50% - var(--udexSpacer8, 8px))}.ui5-message-strip-root{padding:var(--udex-message-strip-padding);border-width:var(--udex-message-strip-border-width)}.udex-message-strip [udex-button]{position:absolute;inset-inline-end:var(--udexSpacer12, 12px);top:var(--udex-message-strip-close-icon-top)}:host .message-strip__text{padding-inline-end:var(--udexSpacer48, 48px);min-height:var(--udex-message-strip-min-height)}:host([hide-close-button]) .message-strip__text{padding-inline-end:0}.message-strip__text-status{padding-inline-end:var(--udexSpacer4, 4px);display:inline-flex;vertical-align:middle}:host([design=\"Information\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Information\"]) .message-strip__text-status{color:var(--udex-message-strip-color-information-status)}:host([design=\"Positive\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Positive\"]) .message-strip__text-status{color:var(--udex-message-strip-color-success-status)}:host([design=\"Warning\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Warning\"]) .message-strip__text-status{color:var(--udex-message-strip-color-warning-status)}:host([design=\"Negative\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Negative\"]) .message-strip__text-status{color:var(--udex-message-strip-color-error-status)}.ui5-message-strip-root--info{background-color:var(--udex-message-strip-color-information-background);border-color:var(--udex-message-strip-color-information-border)}.ui5-message-strip-root--positive{background-color:var(--udex-message-strip-color-success-background);border-color:var(--udex-message-strip-color-success-border)}.ui5-message-strip-root--negative{background-color:var(--udex-message-strip-color-error-background);border-color:var(--udex-message-strip-color-error-border)}.ui5-message-strip-root--critical{background-color:var(--udex-message-strip-color-warning-background);border-color:var(--udex-message-strip-color-warning-border)}:host([design=\"GreyLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-grey-light-background);border-color:var(--udex-message-strip-color-grey-light-border);color:var(--udex-message-strip-color-grey-light-text)}:host([design=\"GreyLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-grey-light-text)}:host([design=\"RedLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-red-light-background);border-color:var(--udex-message-strip-color-red-light-border);color:var(--udex-message-strip-color-red-light-text)}:host([design=\"RedLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-red-light-text)}:host([design=\"MangoLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-mango-light-background);border-color:var(--udex-message-strip-color-mango-light-border);color:var(--udex-message-strip-color-mango-light-text)}:host([design=\"MangoLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-mango-light-text)}:host([design=\"GreenLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-green-light-background);border-color:var(--udex-message-strip-color-green-light-border);color:var(--udex-message-strip-color-green-light-text)}:host([design=\"GreenLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-green-light-text)}:host([design=\"TealLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-teal-light-background);border-color:var(--udex-message-strip-color-teal-light-border);color:var(--udex-message-strip-color-teal-light-text)}:host([design=\"TealLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-teal-light-text)}:host([design=\"BlueLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-blue-light-background);border-color:var(--udex-message-strip-color-blue-light-border);color:var(--udex-message-strip-color-blue-light-text)}:host([design=\"BlueLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-blue-light-text)}:host([design=\"IndigoLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-indigo-light-background);border-color:var(--udex-message-strip-color-indigo-light-border);color:var(--udex-message-strip-color-indigo-light-text)}:host([design=\"IndigoLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-indigo-light-text)}:host([design=\"PinkLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-pink-light-background);border-color:var(--udex-message-strip-color-pink-light-border);color:var(--udex-message-strip-color-pink-light-text)}:host([design=\"PinkLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-pink-light-text)}:host([design=\"RaspberryLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-raspberry-light-background);border-color:var(--udex-message-strip-color-raspberry-light-border);color:var(--udex-message-strip-color-raspberry-light-text)}:host([design=\"RaspberryLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-raspberry-light-text)}:host([design=\"GreyDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-grey-dark-background);border-color:var(--udex-message-strip-color-grey-dark-border)}:host([design=\"GreyDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-grey-dark-text)}:host([design=\"RedDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-red-dark-background);border-color:var(--udex-message-strip-color-red-dark-border)}:host([design=\"RedDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-red-dark-text)}:host([design=\"MangoDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-mango-dark-background);border-color:var(--udex-message-strip-color-mango-dark-border)}:host([design=\"MangoDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-mango-dark-text)}:host([design=\"GreenDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-green-dark-background);border-color:var(--udex-message-strip-color-green-dark-border)}:host([design=\"GreenDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-green-dark-text)}:host([design=\"TealDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-teal-dark-background);border-color:var(--udex-message-strip-color-teal-dark-border)}:host([design=\"TealDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-teal-dark-text)}:host([design=\"BlueDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-blue-dark-background);border-color:var(--udex-message-strip-color-blue-dark-border)}:host([design=\"BlueDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-blue-dark-text)}:host([design=\"IndigoDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-indigo-dark-background);border-color:var(--udex-message-strip-color-indigo-dark-border)}:host([design=\"IndigoDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-indigo-dark-text)}:host([design=\"PinkDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-pink-dark-background);border-color:var(--udex-message-strip-color-pink-dark-border)}:host([design=\"PinkDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-pink-dark-text)}:host([design=\"RaspberryDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-raspberry-dark-background);border-color:var(--udex-message-strip-color-raspberry-dark-border)}:host([design=\"RaspberryDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-raspberry-dark-text)}:host([design=\"GreyLight\"]) [udex-button],:host([design=\"RedLight\"]) [udex-button],:host([design=\"MangoLight\"]) [udex-button],:host([design=\"GreenLight\"]) [udex-button],:host([design=\"TealLight\"]) [udex-button],:host([design=\"BlueLight\"]) [udex-button],:host([design=\"IndigoLight\"]) [udex-button],:host([design=\"PinkLight\"]) [udex-button],:host([design=\"RaspberryLight\"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-non-semantic-close-icon);--udex-button-color-tertiary-standard-hover-background: rgba(0, 0, 0, .1);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorGrey7, #475e75);--udex-button-color-tertiary-standard-active-border: var(--udexColorGrey7, #475e75);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorGrey7, #475e75);--udex-button-focus-border-color: var(--udexColorGrey7, #475e75);--_ui5_button_focused_border: .125rem solid var(--udexColorGrey7, #475e75);--_ui5_button_pressed_focused_border_color: var(--udexColorGrey7, #475e75)}:host([design=\"GreyDark\"]) [udex-button],:host([design=\"RedDark\"]) [udex-button],:host([design=\"MangoDark\"]) [udex-button],:host([design=\"GreenDark\"]) [udex-button],:host([design=\"TealDark\"]) [udex-button],:host([design=\"BlueDark\"]) [udex-button],:host([design=\"IndigoDark\"]) [udex-button],:host([design=\"PinkDark\"]) [udex-button],:host([design=\"RaspberryDark\"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-hover-background: rgba(0, 0, 0, .1);--udex-button-color-tertiary-standard-hover-border: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-active-background: transparent;--udex-button-color-tertiary-standard-active-border: var(--udexColorNeutralWhite, #ffffff);--udex-button-focus-border-color: var(--udexColorNeutralWhite, #ffffff);--_ui5_button_focused_border: .125rem solid var(--udexColorNeutralWhite, #ffffff);--_ui5_button_pressed_focused_border_color: var(--udexColorNeutralWhite, #ffffff)}\n";
1
+ declare const _default: ":host{--udex-message-strip-color-action-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-message-strip-color-action-border: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-action-text: var(--udexColorGrey9, #223548);--udex-message-strip-color-action-icon: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-non-semantic-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-information-background: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-success-background: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-warning-background: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-error-background: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-information-border: var(--udexColorBlue6, #1B90FF);--udex-message-strip-color-success-border: var(--udexColorGreen6, #36A41D);--udex-message-strip-color-warning-border: var(--udexColorMango6, #E76500);--udex-message-strip-color-error-border: var(--udexColorRed6, #EE3939);--udex-message-strip-color-information-status: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-success-status: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-warning-status: var(--udexColorMango8, #A93E00);--udex-message-strip-color-error-status: var(--udexColorRed8, #AA0808);--udex-message-strip-close-icon-top:calc(50% - 13px);--udex-message-strip-min-height: 20px;--udex-message-strip-padding-inline-end-no-icon: 36px;--udex-message-strip-padding-inline-start-no-icon: var(--udexSpacer12, 12px);--udex-message-strip-padding-block-no-icon: var(--udexSpacer8, 8px);--udex-message-strip-border-width: 1px;--udex-message-strip-padding: var(--udexSpacer8, 8px) 36px;--udex-message-strip-padding-hide-icon: var(--udexSpacer8, 8px);--udex-message-strip-content-padding-inline-end: var(--udexSpacer16, 16px);--udex-message-strip-color-grey-light-background: var(--udexColorGrey1, #F5F6F7);--udex-message-strip-color-grey-light-border: var(--udexColorGrey3, #D5DADD);--udex-message-strip-color-grey-light-text: var(--udexColorGrey8, #354A5F);--udex-message-strip-color-grey-dark-background: var(--udexColorGrey8, #354A5F);--udex-message-strip-color-grey-dark-border: var(--udexColorGrey9, #223548);--udex-message-strip-color-grey-dark-text: var(--udexColorGrey1, #F5F6F7);--udex-message-strip-color-red-light-background: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-red-light-border: var(--udexColorRed3, #FFB2D2);--udex-message-strip-color-red-light-text: var(--udexColorRed8, #AA0808);--udex-message-strip-color-red-dark-background: var(--udexColorRed8, #AA0808);--udex-message-strip-color-red-dark-border: var(--udexColorRed9, #840606);--udex-message-strip-color-red-dark-text: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-mango-light-background: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-mango-light-border: var(--udexColorMango3, #FFDF72);--udex-message-strip-color-mango-light-text: var(--udexColorMango8, #A93E00);--udex-message-strip-color-mango-dark-background: var(--udexColorMango8, #A93E00);--udex-message-strip-color-mango-dark-border: var(--udexColorMango9, #8D2A00);--udex-message-strip-color-mango-dark-text: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-green-light-background: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-green-light-border: var(--udexColorGreen3, #BDE986);--udex-message-strip-color-green-light-text: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-green-dark-background: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-green-dark-border: var(--udexColorGreen9, #1E592F);--udex-message-strip-color-green-dark-text: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-teal-light-background: var(--udexColorTeal1, #DAFDF5);--udex-message-strip-color-teal-light-border: var(--udexColorTeal3, #64EDD2);--udex-message-strip-color-teal-light-text: var(--udexColorTeal8, #046C7A);--udex-message-strip-color-teal-dark-background: var(--udexColorTeal8, #046C7A);--udex-message-strip-color-teal-dark-border: var(--udexColorTeal9, #035663);--udex-message-strip-color-teal-dark-text: var(--udexColorTeal1, #DAFDF5);--udex-message-strip-color-blue-light-background: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-blue-light-border: var(--udexColorBlue3, #A6E0FF);--udex-message-strip-color-blue-light-text: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-blue-dark-background: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-blue-dark-border: var(--udexColorBlue9, #0040B0);--udex-message-strip-color-blue-dark-text: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-indigo-light-background: var(--udexColorIndigo1, #F1ECFF);--udex-message-strip-color-indigo-light-border: var(--udexColorIndigo3, #D3B6FF);--udex-message-strip-color-indigo-light-text: var(--udexColorIndigo8, #470CED);--udex-message-strip-color-indigo-dark-background: var(--udexColorIndigo8, #470CED);--udex-message-strip-color-indigo-dark-border: var(--udexColorIndigo9, #2C13AD);--udex-message-strip-color-indigo-dark-text: var(--udexColorIndigo1, #F1ECFF);--udex-message-strip-color-pink-light-background: var(--udexColorPink1, #FFF0FA);--udex-message-strip-color-pink-light-border: var(--udexColorPink3, #FFAFED);--udex-message-strip-color-pink-light-text: var(--udexColorPink8, #A100C2);--udex-message-strip-color-pink-dark-background: var(--udexColorPink8, #A100C2);--udex-message-strip-color-pink-dark-border: var(--udexColorPink9, #7800A4);--udex-message-strip-color-pink-dark-text: var(--udexColorPink1, #FFF0FA);--udex-message-strip-color-raspberry-light-background: var(--udexColorRaspberry1, #FFF0F5);--udex-message-strip-color-raspberry-light-border: var(--udexColorRaspberry3, #FECBDA);--udex-message-strip-color-raspberry-light-text: var(--udexColorRaspberry8, #BA066C);--udex-message-strip-color-raspberry-dark-background: var(--udexColorRaspberry8, #BA066C);--udex-message-strip-color-raspberry-dark-border: var(--udexColorRaspberry9, #9B015D);--udex-message-strip-color-raspberry-dark-text: var(--udexColorRaspberry1, #FFF0F5);font-family:var(--sapFontFamily, \"72 Brand Variable\", \"Arial\", \"Helvetica\", \"sans-serif\");color:var(--sapTextColor)}:host([design=\"Action\"]) .udex-message-strip,:host([design=\"Neutral\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-action-background);border-color:var(--udex-message-strip-color-action-border);color:var(--udex-message-strip-color-action-text)}:host([design=\"Action\"]) .udex-message-strip ::slotted(*:not([udex-link])),:host([design=\"Neutral\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-action-text)}:host([design=\"Action\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Action\"]) .ui5-message-strip-icon-wrapper ::slotted([ui5-icon]),:host([design=\"Neutral\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Neutral\"]) .ui5-message-strip-icon-wrapper ::slotted([ui5-icon]){color:var(--udex-message-strip-color-action-icon)}.ui5-message-strip-root.ui5-message-strip-root-hide-icon{padding-inline-end:var(--udex-message-strip-padding-inline-end-no-icon);padding-inline-start:var(--udex-message-strip-padding-inline-start-no-icon);padding-block:var(--udex-message-strip-padding-block-no-icon)}.ui5-message-strip-icon-wrapper{top:calc(50% - var(--udexSpacer8, 8px))}.ui5-message-strip-root{padding:var(--udex-message-strip-padding);border-width:var(--udex-message-strip-border-width)}.udex-message-strip [udex-button]{position:absolute;inset-inline-end:var(--udexSpacer12, 12px);top:var(--udex-message-strip-close-icon-top)}:host .message-strip__text{padding-inline-end:var(--udex-message-strip-content-padding-inline-end);min-height:var(--udex-message-strip-min-height)}:host([hide-close-button]) .message-strip__text{padding-inline-end:0}.message-strip__text-status{padding-inline-end:var(--udexSpacer4, 4px);display:inline-flex;vertical-align:middle}:host([design=\"Information\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Information\"]) .message-strip__text-status{color:var(--udex-message-strip-color-information-status)}:host([design=\"Positive\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Positive\"]) .message-strip__text-status{color:var(--udex-message-strip-color-success-status)}:host([design=\"Warning\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Warning\"]) .message-strip__text-status{color:var(--udex-message-strip-color-warning-status)}:host([design=\"Negative\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Negative\"]) .message-strip__text-status{color:var(--udex-message-strip-color-error-status)}.ui5-message-strip-root--info{background-color:var(--udex-message-strip-color-information-background);border-color:var(--udex-message-strip-color-information-border)}.ui5-message-strip-root--positive{background-color:var(--udex-message-strip-color-success-background);border-color:var(--udex-message-strip-color-success-border)}.ui5-message-strip-root--negative{background-color:var(--udex-message-strip-color-error-background);border-color:var(--udex-message-strip-color-error-border)}.ui5-message-strip-root--critical{background-color:var(--udex-message-strip-color-warning-background);border-color:var(--udex-message-strip-color-warning-border)}:host([design=\"GreyLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-grey-light-background);border-color:var(--udex-message-strip-color-grey-light-border);color:var(--udex-message-strip-color-grey-light-text)}:host([design=\"GreyLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-grey-light-text)}:host([design=\"RedLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-red-light-background);border-color:var(--udex-message-strip-color-red-light-border);color:var(--udex-message-strip-color-red-light-text)}:host([design=\"RedLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-red-light-text)}:host([design=\"MangoLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-mango-light-background);border-color:var(--udex-message-strip-color-mango-light-border);color:var(--udex-message-strip-color-mango-light-text)}:host([design=\"MangoLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-mango-light-text)}:host([design=\"GreenLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-green-light-background);border-color:var(--udex-message-strip-color-green-light-border);color:var(--udex-message-strip-color-green-light-text)}:host([design=\"GreenLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-green-light-text)}:host([design=\"TealLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-teal-light-background);border-color:var(--udex-message-strip-color-teal-light-border);color:var(--udex-message-strip-color-teal-light-text)}:host([design=\"TealLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-teal-light-text)}:host([design=\"BlueLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-blue-light-background);border-color:var(--udex-message-strip-color-blue-light-border);color:var(--udex-message-strip-color-blue-light-text)}:host([design=\"BlueLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-blue-light-text)}:host([design=\"IndigoLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-indigo-light-background);border-color:var(--udex-message-strip-color-indigo-light-border);color:var(--udex-message-strip-color-indigo-light-text)}:host([design=\"IndigoLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-indigo-light-text)}:host([design=\"PinkLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-pink-light-background);border-color:var(--udex-message-strip-color-pink-light-border);color:var(--udex-message-strip-color-pink-light-text)}:host([design=\"PinkLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-pink-light-text)}:host([design=\"RaspberryLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-raspberry-light-background);border-color:var(--udex-message-strip-color-raspberry-light-border);color:var(--udex-message-strip-color-raspberry-light-text)}:host([design=\"RaspberryLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-raspberry-light-text)}:host([design=\"GreyDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-grey-dark-background);border-color:var(--udex-message-strip-color-grey-dark-border)}:host([design=\"GreyDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-grey-dark-text)}:host([design=\"RedDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-red-dark-background);border-color:var(--udex-message-strip-color-red-dark-border)}:host([design=\"RedDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-red-dark-text)}:host([design=\"MangoDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-mango-dark-background);border-color:var(--udex-message-strip-color-mango-dark-border)}:host([design=\"MangoDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-mango-dark-text)}:host([design=\"GreenDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-green-dark-background);border-color:var(--udex-message-strip-color-green-dark-border)}:host([design=\"GreenDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-green-dark-text)}:host([design=\"TealDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-teal-dark-background);border-color:var(--udex-message-strip-color-teal-dark-border)}:host([design=\"TealDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-teal-dark-text)}:host([design=\"BlueDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-blue-dark-background);border-color:var(--udex-message-strip-color-blue-dark-border)}:host([design=\"BlueDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-blue-dark-text)}:host([design=\"IndigoDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-indigo-dark-background);border-color:var(--udex-message-strip-color-indigo-dark-border)}:host([design=\"IndigoDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-indigo-dark-text)}:host([design=\"PinkDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-pink-dark-background);border-color:var(--udex-message-strip-color-pink-dark-border)}:host([design=\"PinkDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-pink-dark-text)}:host([design=\"RaspberryDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-raspberry-dark-background);border-color:var(--udex-message-strip-color-raspberry-dark-border)}:host([design=\"RaspberryDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-raspberry-dark-text)}:host([design=\"GreyLight\"]) [udex-button],:host([design=\"RedLight\"]) [udex-button],:host([design=\"MangoLight\"]) [udex-button],:host([design=\"GreenLight\"]) [udex-button],:host([design=\"TealLight\"]) [udex-button],:host([design=\"BlueLight\"]) [udex-button],:host([design=\"IndigoLight\"]) [udex-button],:host([design=\"PinkLight\"]) [udex-button],:host([design=\"RaspberryLight\"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-non-semantic-close-icon);--udex-button-color-tertiary-standard-hover-background: rgba(0, 0, 0, .1);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorGrey7, #475e75);--udex-button-color-tertiary-standard-active-border: var(--udexColorGrey7, #475e75);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorGrey7, #475e75);--udex-button-focus-border-color: var(--udexColorGrey7, #475e75);--_ui5_button_focused_border: .125rem solid var(--udexColorGrey7, #475e75);--_ui5_button_pressed_focused_border_color: var(--udexColorGrey7, #475e75)}:host([design=\"GreyDark\"]) [udex-button],:host([design=\"RedDark\"]) [udex-button],:host([design=\"MangoDark\"]) [udex-button],:host([design=\"GreenDark\"]) [udex-button],:host([design=\"TealDark\"]) [udex-button],:host([design=\"BlueDark\"]) [udex-button],:host([design=\"IndigoDark\"]) [udex-button],:host([design=\"PinkDark\"]) [udex-button],:host([design=\"RaspberryDark\"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-hover-background: rgba(0, 0, 0, .1);--udex-button-color-tertiary-standard-hover-border: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-active-background: transparent;--udex-button-color-tertiary-standard-active-border: var(--udexColorNeutralWhite, #ffffff);--udex-button-focus-border-color: var(--udexColorNeutralWhite, #ffffff);--_ui5_button_focused_border: .125rem solid var(--udexColorNeutralWhite, #ffffff);--_ui5_button_pressed_focused_border_color: var(--udexColorNeutralWhite, #ffffff)}\n";
2
2
  export default _default;
package/dist/generated/themes/MessageStrip.css.js CHANGED
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
5
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
6
- export default `:host{--udex-message-strip-color-action-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-message-strip-color-action-border: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-action-text: var(--udexColorGrey9, #223548);--udex-message-strip-color-action-icon: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-non-semantic-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-information-background: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-success-background: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-warning-background: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-error-background: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-information-border: var(--udexColorBlue6, #1B90FF);--udex-message-strip-color-success-border: var(--udexColorGreen6, #36A41D);--udex-message-strip-color-warning-border: var(--udexColorMango6, #E76500);--udex-message-strip-color-error-border: var(--udexColorRed6, #EE3939);--udex-message-strip-color-information-status: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-success-status: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-warning-status: var(--udexColorMango8, #A93E00);--udex-message-strip-color-error-status: var(--udexColorRed8, #AA0808);--udex-message-strip-close-icon-top:calc(50% - 13px);--udex-message-strip-min-height: 20px;--udex-message-strip-padding-inline-no-icon: var(--udexSpacer12, 12px);--udex-message-strip-padding-block-no-icon: var(--udexSpacer8, 8px);--udex-message-strip-border-width: 1px;--udex-message-strip-padding: var(--udexSpacer8, 8px) 36px;--udex-message-strip-padding-hide-icon: var(--udexSpacer8, 12px);--udex-message-strip-color-grey-light-background: var(--udexColorGrey1, #F5F6F7);--udex-message-strip-color-grey-light-border: var(--udexColorGrey3, #D5DADD);--udex-message-strip-color-grey-light-text: var(--udexColorGrey8, #354A5F);--udex-message-strip-color-grey-dark-background: var(--udexColorGrey8, #354A5F);--udex-message-strip-color-grey-dark-border: var(--udexColorGrey9, #223548);--udex-message-strip-color-grey-dark-text: var(--udexColorGrey1, #F5F6F7);--udex-message-strip-color-red-light-background: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-red-light-border: var(--udexColorRed3, #FFB2D2);--udex-message-strip-color-red-light-text: var(--udexColorRed8, #AA0808);--udex-message-strip-color-red-dark-background: var(--udexColorRed8, #AA0808);--udex-message-strip-color-red-dark-border: var(--udexColorRed9, #840606);--udex-message-strip-color-red-dark-text: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-mango-light-background: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-mango-light-border: var(--udexColorMango3, #FFDF72);--udex-message-strip-color-mango-light-text: var(--udexColorMango8, #A93E00);--udex-message-strip-color-mango-dark-background: var(--udexColorMango8, #A93E00);--udex-message-strip-color-mango-dark-border: var(--udexColorMango9, #8D2A00);--udex-message-strip-color-mango-dark-text: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-green-light-background: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-green-light-border: var(--udexColorGreen3, #BDE986);--udex-message-strip-color-green-light-text: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-green-dark-background: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-green-dark-border: var(--udexColorGreen9, #1E592F);--udex-message-strip-color-green-dark-text: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-teal-light-background: var(--udexColorTeal1, #DAFDF5);--udex-message-strip-color-teal-light-border: var(--udexColorTeal3, #64EDD2);--udex-message-strip-color-teal-light-text: var(--udexColorTeal8, #046C7A);--udex-message-strip-color-teal-dark-background: var(--udexColorTeal8, #046C7A);--udex-message-strip-color-teal-dark-border: var(--udexColorTeal9, #035663);--udex-message-strip-color-teal-dark-text: var(--udexColorTeal1, #DAFDF5);--udex-message-strip-color-blue-light-background: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-blue-light-border: var(--udexColorBlue3, #A6E0FF);--udex-message-strip-color-blue-light-text: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-blue-dark-background: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-blue-dark-border: var(--udexColorBlue9, #0040B0);--udex-message-strip-color-blue-dark-text: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-indigo-light-background: var(--udexColorIndigo1, #F1ECFF);--udex-message-strip-color-indigo-light-border: var(--udexColorIndigo3, #D3B6FF);--udex-message-strip-color-indigo-light-text: var(--udexColorIndigo8, #470CED);--udex-message-strip-color-indigo-dark-background: var(--udexColorIndigo8, #470CED);--udex-message-strip-color-indigo-dark-border: var(--udexColorIndigo9, #2C13AD);--udex-message-strip-color-indigo-dark-text: var(--udexColorIndigo1, #F1ECFF);--udex-message-strip-color-pink-light-background: var(--udexColorPink1, #FFF0FA);--udex-message-strip-color-pink-light-border: var(--udexColorPink3, #FFAFED);--udex-message-strip-color-pink-light-text: var(--udexColorPink8, #A100C2);--udex-message-strip-color-pink-dark-background: var(--udexColorPink8, #A100C2);--udex-message-strip-color-pink-dark-border: var(--udexColorPink9, #7800A4);--udex-message-strip-color-pink-dark-text: var(--udexColorPink1, #FFF0FA);--udex-message-strip-color-raspberry-light-background: var(--udexColorRaspberry1, #FFF0F5);--udex-message-strip-color-raspberry-light-border: var(--udexColorRaspberry3, #FECBDA);--udex-message-strip-color-raspberry-light-text: var(--udexColorRaspberry8, #BA066C);--udex-message-strip-color-raspberry-dark-background: var(--udexColorRaspberry8, #BA066C);--udex-message-strip-color-raspberry-dark-border: var(--udexColorRaspberry9, #9B015D);--udex-message-strip-color-raspberry-dark-text: var(--udexColorRaspberry1, #FFF0F5);font-family:var(--sapFontFamily, "72 Brand Variable", "Arial", "Helvetica", "sans-serif");color:var(--sapTextColor)}:host([design="Action"]) .udex-message-strip,:host([design="Neutral"]) .udex-message-strip{background-color:var(--udex-message-strip-color-action-background);border-color:var(--udex-message-strip-color-action-border);color:var(--udex-message-strip-color-action-text)}:host([design="Action"]) .udex-message-strip ::slotted(*:not([udex-link])),:host([design="Neutral"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-action-text)}:host([design="Action"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Action"]) .ui5-message-strip-icon-wrapper ::slotted([ui5-icon]),:host([design="Neutral"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Neutral"]) .ui5-message-strip-icon-wrapper ::slotted([ui5-icon]){color:var(--udex-message-strip-color-action-icon)}.ui5-message-strip-root.ui5-message-strip-root-hide-icon{padding-inline:var(--udex-message-strip-padding-inline-no-icon);padding-block:var(--udex-message-strip-padding-block-no-icon)}.ui5-message-strip-icon-wrapper{top:calc(50% - var(--udexSpacer8, 8px))}.ui5-message-strip-root{padding:var(--udex-message-strip-padding);border-width:var(--udex-message-strip-border-width)}.udex-message-strip [udex-button]{position:absolute;inset-inline-end:var(--udexSpacer12, 12px);top:var(--udex-message-strip-close-icon-top)}:host .message-strip__text{padding-inline-end:var(--udexSpacer48, 48px);min-height:var(--udex-message-strip-min-height)}:host([hide-close-button]) .message-strip__text{padding-inline-end:0}.message-strip__text-status{padding-inline-end:var(--udexSpacer4, 4px);display:inline-flex;vertical-align:middle}:host([design="Information"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Information"]) .message-strip__text-status{color:var(--udex-message-strip-color-information-status)}:host([design="Positive"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Positive"]) .message-strip__text-status{color:var(--udex-message-strip-color-success-status)}:host([design="Warning"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Warning"]) .message-strip__text-status{color:var(--udex-message-strip-color-warning-status)}:host([design="Negative"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Negative"]) .message-strip__text-status{color:var(--udex-message-strip-color-error-status)}.ui5-message-strip-root--info{background-color:var(--udex-message-strip-color-information-background);border-color:var(--udex-message-strip-color-information-border)}.ui5-message-strip-root--positive{background-color:var(--udex-message-strip-color-success-background);border-color:var(--udex-message-strip-color-success-border)}.ui5-message-strip-root--negative{background-color:var(--udex-message-strip-color-error-background);border-color:var(--udex-message-strip-color-error-border)}.ui5-message-strip-root--critical{background-color:var(--udex-message-strip-color-warning-background);border-color:var(--udex-message-strip-color-warning-border)}:host([design="GreyLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-grey-light-background);border-color:var(--udex-message-strip-color-grey-light-border);color:var(--udex-message-strip-color-grey-light-text)}:host([design="GreyLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-grey-light-text)}:host([design="RedLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-red-light-background);border-color:var(--udex-message-strip-color-red-light-border);color:var(--udex-message-strip-color-red-light-text)}:host([design="RedLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-red-light-text)}:host([design="MangoLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-mango-light-background);border-color:var(--udex-message-strip-color-mango-light-border);color:var(--udex-message-strip-color-mango-light-text)}:host([design="MangoLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-mango-light-text)}:host([design="GreenLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-green-light-background);border-color:var(--udex-message-strip-color-green-light-border);color:var(--udex-message-strip-color-green-light-text)}:host([design="GreenLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-green-light-text)}:host([design="TealLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-teal-light-background);border-color:var(--udex-message-strip-color-teal-light-border);color:var(--udex-message-strip-color-teal-light-text)}:host([design="TealLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-teal-light-text)}:host([design="BlueLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-blue-light-background);border-color:var(--udex-message-strip-color-blue-light-border);color:var(--udex-message-strip-color-blue-light-text)}:host([design="BlueLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-blue-light-text)}:host([design="IndigoLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-indigo-light-background);border-color:var(--udex-message-strip-color-indigo-light-border);color:var(--udex-message-strip-color-indigo-light-text)}:host([design="IndigoLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-indigo-light-text)}:host([design="PinkLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-pink-light-background);border-color:var(--udex-message-strip-color-pink-light-border);color:var(--udex-message-strip-color-pink-light-text)}:host([design="PinkLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-pink-light-text)}:host([design="RaspberryLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-raspberry-light-background);border-color:var(--udex-message-strip-color-raspberry-light-border);color:var(--udex-message-strip-color-raspberry-light-text)}:host([design="RaspberryLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-raspberry-light-text)}:host([design="GreyDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-grey-dark-background);border-color:var(--udex-message-strip-color-grey-dark-border)}:host([design="GreyDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-grey-dark-text)}:host([design="RedDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-red-dark-background);border-color:var(--udex-message-strip-color-red-dark-border)}:host([design="RedDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-red-dark-text)}:host([design="MangoDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-mango-dark-background);border-color:var(--udex-message-strip-color-mango-dark-border)}:host([design="MangoDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-mango-dark-text)}:host([design="GreenDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-green-dark-background);border-color:var(--udex-message-strip-color-green-dark-border)}:host([design="GreenDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-green-dark-text)}:host([design="TealDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-teal-dark-background);border-color:var(--udex-message-strip-color-teal-dark-border)}:host([design="TealDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-teal-dark-text)}:host([design="BlueDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-blue-dark-background);border-color:var(--udex-message-strip-color-blue-dark-border)}:host([design="BlueDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-blue-dark-text)}:host([design="IndigoDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-indigo-dark-background);border-color:var(--udex-message-strip-color-indigo-dark-border)}:host([design="IndigoDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-indigo-dark-text)}:host([design="PinkDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-pink-dark-background);border-color:var(--udex-message-strip-color-pink-dark-border)}:host([design="PinkDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-pink-dark-text)}:host([design="RaspberryDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-raspberry-dark-background);border-color:var(--udex-message-strip-color-raspberry-dark-border)}:host([design="RaspberryDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-raspberry-dark-text)}:host([design="GreyLight"]) [udex-button],:host([design="RedLight"]) [udex-button],:host([design="MangoLight"]) [udex-button],:host([design="GreenLight"]) [udex-button],:host([design="TealLight"]) [udex-button],:host([design="BlueLight"]) [udex-button],:host([design="IndigoLight"]) [udex-button],:host([design="PinkLight"]) [udex-button],:host([design="RaspberryLight"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-non-semantic-close-icon);--udex-button-color-tertiary-standard-hover-background: rgba(0, 0, 0, .1);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorGrey7, #475e75);--udex-button-color-tertiary-standard-active-border: var(--udexColorGrey7, #475e75);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorGrey7, #475e75);--udex-button-focus-border-color: var(--udexColorGrey7, #475e75);--_ui5_button_focused_border: .125rem solid var(--udexColorGrey7, #475e75);--_ui5_button_pressed_focused_border_color: var(--udexColorGrey7, #475e75)}:host([design="GreyDark"]) [udex-button],:host([design="RedDark"]) [udex-button],:host([design="MangoDark"]) [udex-button],:host([design="GreenDark"]) [udex-button],:host([design="TealDark"]) [udex-button],:host([design="BlueDark"]) [udex-button],:host([design="IndigoDark"]) [udex-button],:host([design="PinkDark"]) [udex-button],:host([design="RaspberryDark"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-hover-background: rgba(0, 0, 0, .1);--udex-button-color-tertiary-standard-hover-border: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-active-background: transparent;--udex-button-color-tertiary-standard-active-border: var(--udexColorNeutralWhite, #ffffff);--udex-button-focus-border-color: var(--udexColorNeutralWhite, #ffffff);--_ui5_button_focused_border: .125rem solid var(--udexColorNeutralWhite, #ffffff);--_ui5_button_pressed_focused_border_color: var(--udexColorNeutralWhite, #ffffff)}
6
+ export default `:host{--udex-message-strip-color-action-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-message-strip-color-action-border: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-action-text: var(--udexColorGrey9, #223548);--udex-message-strip-color-action-icon: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-non-semantic-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-information-background: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-success-background: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-warning-background: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-error-background: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-information-border: var(--udexColorBlue6, #1B90FF);--udex-message-strip-color-success-border: var(--udexColorGreen6, #36A41D);--udex-message-strip-color-warning-border: var(--udexColorMango6, #E76500);--udex-message-strip-color-error-border: var(--udexColorRed6, #EE3939);--udex-message-strip-color-information-status: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-success-status: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-warning-status: var(--udexColorMango8, #A93E00);--udex-message-strip-color-error-status: var(--udexColorRed8, #AA0808);--udex-message-strip-close-icon-top:calc(50% - 13px);--udex-message-strip-min-height: 20px;--udex-message-strip-padding-inline-end-no-icon: 36px;--udex-message-strip-padding-inline-start-no-icon: var(--udexSpacer12, 12px);--udex-message-strip-padding-block-no-icon: var(--udexSpacer8, 8px);--udex-message-strip-border-width: 1px;--udex-message-strip-padding: var(--udexSpacer8, 8px) 36px;--udex-message-strip-padding-hide-icon: var(--udexSpacer8, 8px);--udex-message-strip-content-padding-inline-end: var(--udexSpacer16, 16px);--udex-message-strip-color-grey-light-background: var(--udexColorGrey1, #F5F6F7);--udex-message-strip-color-grey-light-border: var(--udexColorGrey3, #D5DADD);--udex-message-strip-color-grey-light-text: var(--udexColorGrey8, #354A5F);--udex-message-strip-color-grey-dark-background: var(--udexColorGrey8, #354A5F);--udex-message-strip-color-grey-dark-border: var(--udexColorGrey9, #223548);--udex-message-strip-color-grey-dark-text: var(--udexColorGrey1, #F5F6F7);--udex-message-strip-color-red-light-background: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-red-light-border: var(--udexColorRed3, #FFB2D2);--udex-message-strip-color-red-light-text: var(--udexColorRed8, #AA0808);--udex-message-strip-color-red-dark-background: var(--udexColorRed8, #AA0808);--udex-message-strip-color-red-dark-border: var(--udexColorRed9, #840606);--udex-message-strip-color-red-dark-text: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-mango-light-background: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-mango-light-border: var(--udexColorMango3, #FFDF72);--udex-message-strip-color-mango-light-text: var(--udexColorMango8, #A93E00);--udex-message-strip-color-mango-dark-background: var(--udexColorMango8, #A93E00);--udex-message-strip-color-mango-dark-border: var(--udexColorMango9, #8D2A00);--udex-message-strip-color-mango-dark-text: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-green-light-background: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-green-light-border: var(--udexColorGreen3, #BDE986);--udex-message-strip-color-green-light-text: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-green-dark-background: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-green-dark-border: var(--udexColorGreen9, #1E592F);--udex-message-strip-color-green-dark-text: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-teal-light-background: var(--udexColorTeal1, #DAFDF5);--udex-message-strip-color-teal-light-border: var(--udexColorTeal3, #64EDD2);--udex-message-strip-color-teal-light-text: var(--udexColorTeal8, #046C7A);--udex-message-strip-color-teal-dark-background: var(--udexColorTeal8, #046C7A);--udex-message-strip-color-teal-dark-border: var(--udexColorTeal9, #035663);--udex-message-strip-color-teal-dark-text: var(--udexColorTeal1, #DAFDF5);--udex-message-strip-color-blue-light-background: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-blue-light-border: var(--udexColorBlue3, #A6E0FF);--udex-message-strip-color-blue-light-text: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-blue-dark-background: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-blue-dark-border: var(--udexColorBlue9, #0040B0);--udex-message-strip-color-blue-dark-text: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-indigo-light-background: var(--udexColorIndigo1, #F1ECFF);--udex-message-strip-color-indigo-light-border: var(--udexColorIndigo3, #D3B6FF);--udex-message-strip-color-indigo-light-text: var(--udexColorIndigo8, #470CED);--udex-message-strip-color-indigo-dark-background: var(--udexColorIndigo8, #470CED);--udex-message-strip-color-indigo-dark-border: var(--udexColorIndigo9, #2C13AD);--udex-message-strip-color-indigo-dark-text: var(--udexColorIndigo1, #F1ECFF);--udex-message-strip-color-pink-light-background: var(--udexColorPink1, #FFF0FA);--udex-message-strip-color-pink-light-border: var(--udexColorPink3, #FFAFED);--udex-message-strip-color-pink-light-text: var(--udexColorPink8, #A100C2);--udex-message-strip-color-pink-dark-background: var(--udexColorPink8, #A100C2);--udex-message-strip-color-pink-dark-border: var(--udexColorPink9, #7800A4);--udex-message-strip-color-pink-dark-text: var(--udexColorPink1, #FFF0FA);--udex-message-strip-color-raspberry-light-background: var(--udexColorRaspberry1, #FFF0F5);--udex-message-strip-color-raspberry-light-border: var(--udexColorRaspberry3, #FECBDA);--udex-message-strip-color-raspberry-light-text: var(--udexColorRaspberry8, #BA066C);--udex-message-strip-color-raspberry-dark-background: var(--udexColorRaspberry8, #BA066C);--udex-message-strip-color-raspberry-dark-border: var(--udexColorRaspberry9, #9B015D);--udex-message-strip-color-raspberry-dark-text: var(--udexColorRaspberry1, #FFF0F5);font-family:var(--sapFontFamily, "72 Brand Variable", "Arial", "Helvetica", "sans-serif");color:var(--sapTextColor)}:host([design="Action"]) .udex-message-strip,:host([design="Neutral"]) .udex-message-strip{background-color:var(--udex-message-strip-color-action-background);border-color:var(--udex-message-strip-color-action-border);color:var(--udex-message-strip-color-action-text)}:host([design="Action"]) .udex-message-strip ::slotted(*:not([udex-link])),:host([design="Neutral"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-action-text)}:host([design="Action"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Action"]) .ui5-message-strip-icon-wrapper ::slotted([ui5-icon]),:host([design="Neutral"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Neutral"]) .ui5-message-strip-icon-wrapper ::slotted([ui5-icon]){color:var(--udex-message-strip-color-action-icon)}.ui5-message-strip-root.ui5-message-strip-root-hide-icon{padding-inline-end:var(--udex-message-strip-padding-inline-end-no-icon);padding-inline-start:var(--udex-message-strip-padding-inline-start-no-icon);padding-block:var(--udex-message-strip-padding-block-no-icon)}.ui5-message-strip-icon-wrapper{top:calc(50% - var(--udexSpacer8, 8px))}.ui5-message-strip-root{padding:var(--udex-message-strip-padding);border-width:var(--udex-message-strip-border-width)}.udex-message-strip [udex-button]{position:absolute;inset-inline-end:var(--udexSpacer12, 12px);top:var(--udex-message-strip-close-icon-top)}:host .message-strip__text{padding-inline-end:var(--udex-message-strip-content-padding-inline-end);min-height:var(--udex-message-strip-min-height)}:host([hide-close-button]) .message-strip__text{padding-inline-end:0}.message-strip__text-status{padding-inline-end:var(--udexSpacer4, 4px);display:inline-flex;vertical-align:middle}:host([design="Information"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Information"]) .message-strip__text-status{color:var(--udex-message-strip-color-information-status)}:host([design="Positive"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Positive"]) .message-strip__text-status{color:var(--udex-message-strip-color-success-status)}:host([design="Warning"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Warning"]) .message-strip__text-status{color:var(--udex-message-strip-color-warning-status)}:host([design="Negative"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Negative"]) .message-strip__text-status{color:var(--udex-message-strip-color-error-status)}.ui5-message-strip-root--info{background-color:var(--udex-message-strip-color-information-background);border-color:var(--udex-message-strip-color-information-border)}.ui5-message-strip-root--positive{background-color:var(--udex-message-strip-color-success-background);border-color:var(--udex-message-strip-color-success-border)}.ui5-message-strip-root--negative{background-color:var(--udex-message-strip-color-error-background);border-color:var(--udex-message-strip-color-error-border)}.ui5-message-strip-root--critical{background-color:var(--udex-message-strip-color-warning-background);border-color:var(--udex-message-strip-color-warning-border)}:host([design="GreyLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-grey-light-background);border-color:var(--udex-message-strip-color-grey-light-border);color:var(--udex-message-strip-color-grey-light-text)}:host([design="GreyLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-grey-light-text)}:host([design="RedLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-red-light-background);border-color:var(--udex-message-strip-color-red-light-border);color:var(--udex-message-strip-color-red-light-text)}:host([design="RedLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-red-light-text)}:host([design="MangoLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-mango-light-background);border-color:var(--udex-message-strip-color-mango-light-border);color:var(--udex-message-strip-color-mango-light-text)}:host([design="MangoLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-mango-light-text)}:host([design="GreenLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-green-light-background);border-color:var(--udex-message-strip-color-green-light-border);color:var(--udex-message-strip-color-green-light-text)}:host([design="GreenLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-green-light-text)}:host([design="TealLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-teal-light-background);border-color:var(--udex-message-strip-color-teal-light-border);color:var(--udex-message-strip-color-teal-light-text)}:host([design="TealLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-teal-light-text)}:host([design="BlueLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-blue-light-background);border-color:var(--udex-message-strip-color-blue-light-border);color:var(--udex-message-strip-color-blue-light-text)}:host([design="BlueLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-blue-light-text)}:host([design="IndigoLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-indigo-light-background);border-color:var(--udex-message-strip-color-indigo-light-border);color:var(--udex-message-strip-color-indigo-light-text)}:host([design="IndigoLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-indigo-light-text)}:host([design="PinkLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-pink-light-background);border-color:var(--udex-message-strip-color-pink-light-border);color:var(--udex-message-strip-color-pink-light-text)}:host([design="PinkLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-pink-light-text)}:host([design="RaspberryLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-raspberry-light-background);border-color:var(--udex-message-strip-color-raspberry-light-border);color:var(--udex-message-strip-color-raspberry-light-text)}:host([design="RaspberryLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-raspberry-light-text)}:host([design="GreyDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-grey-dark-background);border-color:var(--udex-message-strip-color-grey-dark-border)}:host([design="GreyDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-grey-dark-text)}:host([design="RedDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-red-dark-background);border-color:var(--udex-message-strip-color-red-dark-border)}:host([design="RedDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-red-dark-text)}:host([design="MangoDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-mango-dark-background);border-color:var(--udex-message-strip-color-mango-dark-border)}:host([design="MangoDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-mango-dark-text)}:host([design="GreenDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-green-dark-background);border-color:var(--udex-message-strip-color-green-dark-border)}:host([design="GreenDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-green-dark-text)}:host([design="TealDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-teal-dark-background);border-color:var(--udex-message-strip-color-teal-dark-border)}:host([design="TealDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-teal-dark-text)}:host([design="BlueDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-blue-dark-background);border-color:var(--udex-message-strip-color-blue-dark-border)}:host([design="BlueDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-blue-dark-text)}:host([design="IndigoDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-indigo-dark-background);border-color:var(--udex-message-strip-color-indigo-dark-border)}:host([design="IndigoDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-indigo-dark-text)}:host([design="PinkDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-pink-dark-background);border-color:var(--udex-message-strip-color-pink-dark-border)}:host([design="PinkDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-pink-dark-text)}:host([design="RaspberryDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-raspberry-dark-background);border-color:var(--udex-message-strip-color-raspberry-dark-border)}:host([design="RaspberryDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-raspberry-dark-text)}:host([design="GreyLight"]) [udex-button],:host([design="RedLight"]) [udex-button],:host([design="MangoLight"]) [udex-button],:host([design="GreenLight"]) [udex-button],:host([design="TealLight"]) [udex-button],:host([design="BlueLight"]) [udex-button],:host([design="IndigoLight"]) [udex-button],:host([design="PinkLight"]) [udex-button],:host([design="RaspberryLight"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-non-semantic-close-icon);--udex-button-color-tertiary-standard-hover-background: rgba(0, 0, 0, .1);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorGrey7, #475e75);--udex-button-color-tertiary-standard-active-border: var(--udexColorGrey7, #475e75);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorGrey7, #475e75);--udex-button-focus-border-color: var(--udexColorGrey7, #475e75);--_ui5_button_focused_border: .125rem solid var(--udexColorGrey7, #475e75);--_ui5_button_pressed_focused_border_color: var(--udexColorGrey7, #475e75)}:host([design="GreyDark"]) [udex-button],:host([design="RedDark"]) [udex-button],:host([design="MangoDark"]) [udex-button],:host([design="GreenDark"]) [udex-button],:host([design="TealDark"]) [udex-button],:host([design="BlueDark"]) [udex-button],:host([design="IndigoDark"]) [udex-button],:host([design="PinkDark"]) [udex-button],:host([design="RaspberryDark"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-hover-background: rgba(0, 0, 0, .1);--udex-button-color-tertiary-standard-hover-border: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-active-background: transparent;--udex-button-color-tertiary-standard-active-border: var(--udexColorNeutralWhite, #ffffff);--udex-button-focus-border-color: var(--udexColorNeutralWhite, #ffffff);--_ui5_button_focused_border: .125rem solid var(--udexColorNeutralWhite, #ffffff);--_ui5_button_pressed_focused_border_color: var(--udexColorNeutralWhite, #ffffff)}
7
7
  `;
8
8
  //# sourceMappingURL=MessageStrip.css.js.map
package/dist/generated/themes/MessageStrip.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MessageStrip.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MessageStrip.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-message-strip-color-action-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-message-strip-color-action-border: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-action-text: var(--udexColorGrey9, #223548);--udex-message-strip-color-action-icon: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-non-semantic-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-information-background: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-success-background: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-warning-background: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-error-background: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-information-border: var(--udexColorBlue6, #1B90FF);--udex-message-strip-color-success-border: var(--udexColorGreen6, #36A41D);--udex-message-strip-color-warning-border: var(--udexColorMango6, #E76500);--udex-message-strip-color-error-border: var(--udexColorRed6, #EE3939);--udex-message-strip-color-information-status: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-success-status: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-warning-status: var(--udexColorMango8, #A93E00);--udex-message-strip-color-error-status: var(--udexColorRed8, #AA0808);--udex-message-strip-close-icon-top:calc(50% - 13px);--udex-message-strip-min-height: 20px;--udex-message-strip-padding-inline-no-icon: var(--udexSpacer12, 12px);--udex-message-strip-padding-block-no-icon: var(--udexSpacer8, 8px);--udex-message-strip-border-width: 1px;--udex-message-strip-padding: var(--udexSpacer8, 8px) 36px;--udex-message-strip-padding-hide-icon: var(--udexSpacer8, 12px);--udex-message-strip-color-grey-light-background: var(--udexColorGrey1, #F5F6F7);--udex-message-strip-color-grey-light-border: var(--udexColorGrey3, #D5DADD);--udex-message-strip-color-grey-light-text: var(--udexColorGrey8, #354A5F);--udex-message-strip-color-grey-dark-background: var(--udexColorGrey8, #354A5F);--udex-message-strip-color-grey-dark-border: var(--udexColorGrey9, #223548);--udex-message-strip-color-grey-dark-text: var(--udexColorGrey1, #F5F6F7);--udex-message-strip-color-red-light-background: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-red-light-border: var(--udexColorRed3, #FFB2D2);--udex-message-strip-color-red-light-text: var(--udexColorRed8, #AA0808);--udex-message-strip-color-red-dark-background: var(--udexColorRed8, #AA0808);--udex-message-strip-color-red-dark-border: var(--udexColorRed9, #840606);--udex-message-strip-color-red-dark-text: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-mango-light-background: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-mango-light-border: var(--udexColorMango3, #FFDF72);--udex-message-strip-color-mango-light-text: var(--udexColorMango8, #A93E00);--udex-message-strip-color-mango-dark-background: var(--udexColorMango8, #A93E00);--udex-message-strip-color-mango-dark-border: var(--udexColorMango9, #8D2A00);--udex-message-strip-color-mango-dark-text: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-green-light-background: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-green-light-border: var(--udexColorGreen3, #BDE986);--udex-message-strip-color-green-light-text: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-green-dark-background: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-green-dark-border: var(--udexColorGreen9, #1E592F);--udex-message-strip-color-green-dark-text: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-teal-light-background: var(--udexColorTeal1, #DAFDF5);--udex-message-strip-color-teal-light-border: var(--udexColorTeal3, #64EDD2);--udex-message-strip-color-teal-light-text: var(--udexColorTeal8, #046C7A);--udex-message-strip-color-teal-dark-background: var(--udexColorTeal8, #046C7A);--udex-message-strip-color-teal-dark-border: var(--udexColorTeal9, #035663);--udex-message-strip-color-teal-dark-text: var(--udexColorTeal1, #DAFDF5);--udex-message-strip-color-blue-light-background: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-blue-light-border: var(--udexColorBlue3, #A6E0FF);--udex-message-strip-color-blue-light-text: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-blue-dark-background: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-blue-dark-border: var(--udexColorBlue9, #0040B0);--udex-message-strip-color-blue-dark-text: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-indigo-light-background: var(--udexColorIndigo1, #F1ECFF);--udex-message-strip-color-indigo-light-border: var(--udexColorIndigo3, #D3B6FF);--udex-message-strip-color-indigo-light-text: var(--udexColorIndigo8, #470CED);--udex-message-strip-color-indigo-dark-background: var(--udexColorIndigo8, #470CED);--udex-message-strip-color-indigo-dark-border: var(--udexColorIndigo9, #2C13AD);--udex-message-strip-color-indigo-dark-text: var(--udexColorIndigo1, #F1ECFF);--udex-message-strip-color-pink-light-background: var(--udexColorPink1, #FFF0FA);--udex-message-strip-color-pink-light-border: var(--udexColorPink3, #FFAFED);--udex-message-strip-color-pink-light-text: var(--udexColorPink8, #A100C2);--udex-message-strip-color-pink-dark-background: var(--udexColorPink8, #A100C2);--udex-message-strip-color-pink-dark-border: var(--udexColorPink9, #7800A4);--udex-message-strip-color-pink-dark-text: var(--udexColorPink1, #FFF0FA);--udex-message-strip-color-raspberry-light-background: var(--udexColorRaspberry1, #FFF0F5);--udex-message-strip-color-raspberry-light-border: var(--udexColorRaspberry3, #FECBDA);--udex-message-strip-color-raspberry-light-text: var(--udexColorRaspberry8, #BA066C);--udex-message-strip-color-raspberry-dark-background: var(--udexColorRaspberry8, #BA066C);--udex-message-strip-color-raspberry-dark-border: var(--udexColorRaspberry9, #9B015D);--udex-message-strip-color-raspberry-dark-text: var(--udexColorRaspberry1, #FFF0F5);font-family:var(--sapFontFamily, \"72 Brand Variable\", \"Arial\", \"Helvetica\", \"sans-serif\");color:var(--sapTextColor)}:host([design=\"Action\"]) .udex-message-strip,:host([design=\"Neutral\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-action-background);border-color:var(--udex-message-strip-color-action-border);color:var(--udex-message-strip-color-action-text)}:host([design=\"Action\"]) .udex-message-strip ::slotted(*:not([udex-link])),:host([design=\"Neutral\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-action-text)}:host([design=\"Action\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Action\"]) .ui5-message-strip-icon-wrapper ::slotted([ui5-icon]),:host([design=\"Neutral\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Neutral\"]) .ui5-message-strip-icon-wrapper ::slotted([ui5-icon]){color:var(--udex-message-strip-color-action-icon)}.ui5-message-strip-root.ui5-message-strip-root-hide-icon{padding-inline:var(--udex-message-strip-padding-inline-no-icon);padding-block:var(--udex-message-strip-padding-block-no-icon)}.ui5-message-strip-icon-wrapper{top:calc(50% - var(--udexSpacer8, 8px))}.ui5-message-strip-root{padding:var(--udex-message-strip-padding);border-width:var(--udex-message-strip-border-width)}.udex-message-strip [udex-button]{position:absolute;inset-inline-end:var(--udexSpacer12, 12px);top:var(--udex-message-strip-close-icon-top)}:host .message-strip__text{padding-inline-end:var(--udexSpacer48, 48px);min-height:var(--udex-message-strip-min-height)}:host([hide-close-button]) .message-strip__text{padding-inline-end:0}.message-strip__text-status{padding-inline-end:var(--udexSpacer4, 4px);display:inline-flex;vertical-align:middle}:host([design=\"Information\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Information\"]) .message-strip__text-status{color:var(--udex-message-strip-color-information-status)}:host([design=\"Positive\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Positive\"]) .message-strip__text-status{color:var(--udex-message-strip-color-success-status)}:host([design=\"Warning\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Warning\"]) .message-strip__text-status{color:var(--udex-message-strip-color-warning-status)}:host([design=\"Negative\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Negative\"]) .message-strip__text-status{color:var(--udex-message-strip-color-error-status)}.ui5-message-strip-root--info{background-color:var(--udex-message-strip-color-information-background);border-color:var(--udex-message-strip-color-information-border)}.ui5-message-strip-root--positive{background-color:var(--udex-message-strip-color-success-background);border-color:var(--udex-message-strip-color-success-border)}.ui5-message-strip-root--negative{background-color:var(--udex-message-strip-color-error-background);border-color:var(--udex-message-strip-color-error-border)}.ui5-message-strip-root--critical{background-color:var(--udex-message-strip-color-warning-background);border-color:var(--udex-message-strip-color-warning-border)}:host([design=\"GreyLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-grey-light-background);border-color:var(--udex-message-strip-color-grey-light-border);color:var(--udex-message-strip-color-grey-light-text)}:host([design=\"GreyLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-grey-light-text)}:host([design=\"RedLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-red-light-background);border-color:var(--udex-message-strip-color-red-light-border);color:var(--udex-message-strip-color-red-light-text)}:host([design=\"RedLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-red-light-text)}:host([design=\"MangoLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-mango-light-background);border-color:var(--udex-message-strip-color-mango-light-border);color:var(--udex-message-strip-color-mango-light-text)}:host([design=\"MangoLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-mango-light-text)}:host([design=\"GreenLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-green-light-background);border-color:var(--udex-message-strip-color-green-light-border);color:var(--udex-message-strip-color-green-light-text)}:host([design=\"GreenLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-green-light-text)}:host([design=\"TealLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-teal-light-background);border-color:var(--udex-message-strip-color-teal-light-border);color:var(--udex-message-strip-color-teal-light-text)}:host([design=\"TealLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-teal-light-text)}:host([design=\"BlueLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-blue-light-background);border-color:var(--udex-message-strip-color-blue-light-border);color:var(--udex-message-strip-color-blue-light-text)}:host([design=\"BlueLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-blue-light-text)}:host([design=\"IndigoLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-indigo-light-background);border-color:var(--udex-message-strip-color-indigo-light-border);color:var(--udex-message-strip-color-indigo-light-text)}:host([design=\"IndigoLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-indigo-light-text)}:host([design=\"PinkLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-pink-light-background);border-color:var(--udex-message-strip-color-pink-light-border);color:var(--udex-message-strip-color-pink-light-text)}:host([design=\"PinkLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-pink-light-text)}:host([design=\"RaspberryLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-raspberry-light-background);border-color:var(--udex-message-strip-color-raspberry-light-border);color:var(--udex-message-strip-color-raspberry-light-text)}:host([design=\"RaspberryLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-raspberry-light-text)}:host([design=\"GreyDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-grey-dark-background);border-color:var(--udex-message-strip-color-grey-dark-border)}:host([design=\"GreyDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-grey-dark-text)}:host([design=\"RedDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-red-dark-background);border-color:var(--udex-message-strip-color-red-dark-border)}:host([design=\"RedDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-red-dark-text)}:host([design=\"MangoDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-mango-dark-background);border-color:var(--udex-message-strip-color-mango-dark-border)}:host([design=\"MangoDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-mango-dark-text)}:host([design=\"GreenDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-green-dark-background);border-color:var(--udex-message-strip-color-green-dark-border)}:host([design=\"GreenDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-green-dark-text)}:host([design=\"TealDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-teal-dark-background);border-color:var(--udex-message-strip-color-teal-dark-border)}:host([design=\"TealDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-teal-dark-text)}:host([design=\"BlueDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-blue-dark-background);border-color:var(--udex-message-strip-color-blue-dark-border)}:host([design=\"BlueDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-blue-dark-text)}:host([design=\"IndigoDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-indigo-dark-background);border-color:var(--udex-message-strip-color-indigo-dark-border)}:host([design=\"IndigoDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-indigo-dark-text)}:host([design=\"PinkDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-pink-dark-background);border-color:var(--udex-message-strip-color-pink-dark-border)}:host([design=\"PinkDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-pink-dark-text)}:host([design=\"RaspberryDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-raspberry-dark-background);border-color:var(--udex-message-strip-color-raspberry-dark-border)}:host([design=\"RaspberryDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-raspberry-dark-text)}:host([design=\"GreyLight\"]) [udex-button],:host([design=\"RedLight\"]) [udex-button],:host([design=\"MangoLight\"]) [udex-button],:host([design=\"GreenLight\"]) [udex-button],:host([design=\"TealLight\"]) [udex-button],:host([design=\"BlueLight\"]) [udex-button],:host([design=\"IndigoLight\"]) [udex-button],:host([design=\"PinkLight\"]) [udex-button],:host([design=\"RaspberryLight\"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-non-semantic-close-icon);--udex-button-color-tertiary-standard-hover-background: rgba(0, 0, 0, .1);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorGrey7, #475e75);--udex-button-color-tertiary-standard-active-border: var(--udexColorGrey7, #475e75);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorGrey7, #475e75);--udex-button-focus-border-color: var(--udexColorGrey7, #475e75);--_ui5_button_focused_border: .125rem solid var(--udexColorGrey7, #475e75);--_ui5_button_pressed_focused_border_color: var(--udexColorGrey7, #475e75)}:host([design=\"GreyDark\"]) [udex-button],:host([design=\"RedDark\"]) [udex-button],:host([design=\"MangoDark\"]) [udex-button],:host([design=\"GreenDark\"]) [udex-button],:host([design=\"TealDark\"]) [udex-button],:host([design=\"BlueDark\"]) [udex-button],:host([design=\"IndigoDark\"]) [udex-button],:host([design=\"PinkDark\"]) [udex-button],:host([design=\"RaspberryDark\"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-hover-background: rgba(0, 0, 0, .1);--udex-button-color-tertiary-standard-hover-border: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-active-background: transparent;--udex-button-color-tertiary-standard-active-border: var(--udexColorNeutralWhite, #ffffff);--udex-button-focus-border-color: var(--udexColorNeutralWhite, #ffffff);--_ui5_button_focused_border: .125rem solid var(--udexColorNeutralWhite, #ffffff);--_ui5_button_pressed_focused_border_color: var(--udexColorNeutralWhite, #ffffff)}\n`"]}
1
+ {"version":3,"file":"MessageStrip.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MessageStrip.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-message-strip-color-action-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-message-strip-color-action-border: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-action-text: var(--udexColorGrey9, #223548);--udex-message-strip-color-action-icon: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-non-semantic-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-information-background: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-success-background: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-warning-background: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-error-background: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-information-border: var(--udexColorBlue6, #1B90FF);--udex-message-strip-color-success-border: var(--udexColorGreen6, #36A41D);--udex-message-strip-color-warning-border: var(--udexColorMango6, #E76500);--udex-message-strip-color-error-border: var(--udexColorRed6, #EE3939);--udex-message-strip-color-information-status: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-success-status: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-warning-status: var(--udexColorMango8, #A93E00);--udex-message-strip-color-error-status: var(--udexColorRed8, #AA0808);--udex-message-strip-close-icon-top:calc(50% - 13px);--udex-message-strip-min-height: 20px;--udex-message-strip-padding-inline-end-no-icon: 36px;--udex-message-strip-padding-inline-start-no-icon: var(--udexSpacer12, 12px);--udex-message-strip-padding-block-no-icon: var(--udexSpacer8, 8px);--udex-message-strip-border-width: 1px;--udex-message-strip-padding: var(--udexSpacer8, 8px) 36px;--udex-message-strip-padding-hide-icon: var(--udexSpacer8, 8px);--udex-message-strip-content-padding-inline-end: var(--udexSpacer16, 16px);--udex-message-strip-color-grey-light-background: var(--udexColorGrey1, #F5F6F7);--udex-message-strip-color-grey-light-border: var(--udexColorGrey3, #D5DADD);--udex-message-strip-color-grey-light-text: var(--udexColorGrey8, #354A5F);--udex-message-strip-color-grey-dark-background: var(--udexColorGrey8, #354A5F);--udex-message-strip-color-grey-dark-border: var(--udexColorGrey9, #223548);--udex-message-strip-color-grey-dark-text: var(--udexColorGrey1, #F5F6F7);--udex-message-strip-color-red-light-background: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-red-light-border: var(--udexColorRed3, #FFB2D2);--udex-message-strip-color-red-light-text: var(--udexColorRed8, #AA0808);--udex-message-strip-color-red-dark-background: var(--udexColorRed8, #AA0808);--udex-message-strip-color-red-dark-border: var(--udexColorRed9, #840606);--udex-message-strip-color-red-dark-text: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-mango-light-background: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-mango-light-border: var(--udexColorMango3, #FFDF72);--udex-message-strip-color-mango-light-text: var(--udexColorMango8, #A93E00);--udex-message-strip-color-mango-dark-background: var(--udexColorMango8, #A93E00);--udex-message-strip-color-mango-dark-border: var(--udexColorMango9, #8D2A00);--udex-message-strip-color-mango-dark-text: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-green-light-background: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-green-light-border: var(--udexColorGreen3, #BDE986);--udex-message-strip-color-green-light-text: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-green-dark-background: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-green-dark-border: var(--udexColorGreen9, #1E592F);--udex-message-strip-color-green-dark-text: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-teal-light-background: var(--udexColorTeal1, #DAFDF5);--udex-message-strip-color-teal-light-border: var(--udexColorTeal3, #64EDD2);--udex-message-strip-color-teal-light-text: var(--udexColorTeal8, #046C7A);--udex-message-strip-color-teal-dark-background: var(--udexColorTeal8, #046C7A);--udex-message-strip-color-teal-dark-border: var(--udexColorTeal9, #035663);--udex-message-strip-color-teal-dark-text: var(--udexColorTeal1, #DAFDF5);--udex-message-strip-color-blue-light-background: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-blue-light-border: var(--udexColorBlue3, #A6E0FF);--udex-message-strip-color-blue-light-text: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-blue-dark-background: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-blue-dark-border: var(--udexColorBlue9, #0040B0);--udex-message-strip-color-blue-dark-text: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-indigo-light-background: var(--udexColorIndigo1, #F1ECFF);--udex-message-strip-color-indigo-light-border: var(--udexColorIndigo3, #D3B6FF);--udex-message-strip-color-indigo-light-text: var(--udexColorIndigo8, #470CED);--udex-message-strip-color-indigo-dark-background: var(--udexColorIndigo8, #470CED);--udex-message-strip-color-indigo-dark-border: var(--udexColorIndigo9, #2C13AD);--udex-message-strip-color-indigo-dark-text: var(--udexColorIndigo1, #F1ECFF);--udex-message-strip-color-pink-light-background: var(--udexColorPink1, #FFF0FA);--udex-message-strip-color-pink-light-border: var(--udexColorPink3, #FFAFED);--udex-message-strip-color-pink-light-text: var(--udexColorPink8, #A100C2);--udex-message-strip-color-pink-dark-background: var(--udexColorPink8, #A100C2);--udex-message-strip-color-pink-dark-border: var(--udexColorPink9, #7800A4);--udex-message-strip-color-pink-dark-text: var(--udexColorPink1, #FFF0FA);--udex-message-strip-color-raspberry-light-background: var(--udexColorRaspberry1, #FFF0F5);--udex-message-strip-color-raspberry-light-border: var(--udexColorRaspberry3, #FECBDA);--udex-message-strip-color-raspberry-light-text: var(--udexColorRaspberry8, #BA066C);--udex-message-strip-color-raspberry-dark-background: var(--udexColorRaspberry8, #BA066C);--udex-message-strip-color-raspberry-dark-border: var(--udexColorRaspberry9, #9B015D);--udex-message-strip-color-raspberry-dark-text: var(--udexColorRaspberry1, #FFF0F5);font-family:var(--sapFontFamily, \"72 Brand Variable\", \"Arial\", \"Helvetica\", \"sans-serif\");color:var(--sapTextColor)}:host([design=\"Action\"]) .udex-message-strip,:host([design=\"Neutral\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-action-background);border-color:var(--udex-message-strip-color-action-border);color:var(--udex-message-strip-color-action-text)}:host([design=\"Action\"]) .udex-message-strip ::slotted(*:not([udex-link])),:host([design=\"Neutral\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-action-text)}:host([design=\"Action\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Action\"]) .ui5-message-strip-icon-wrapper ::slotted([ui5-icon]),:host([design=\"Neutral\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Neutral\"]) .ui5-message-strip-icon-wrapper ::slotted([ui5-icon]){color:var(--udex-message-strip-color-action-icon)}.ui5-message-strip-root.ui5-message-strip-root-hide-icon{padding-inline-end:var(--udex-message-strip-padding-inline-end-no-icon);padding-inline-start:var(--udex-message-strip-padding-inline-start-no-icon);padding-block:var(--udex-message-strip-padding-block-no-icon)}.ui5-message-strip-icon-wrapper{top:calc(50% - var(--udexSpacer8, 8px))}.ui5-message-strip-root{padding:var(--udex-message-strip-padding);border-width:var(--udex-message-strip-border-width)}.udex-message-strip [udex-button]{position:absolute;inset-inline-end:var(--udexSpacer12, 12px);top:var(--udex-message-strip-close-icon-top)}:host .message-strip__text{padding-inline-end:var(--udex-message-strip-content-padding-inline-end);min-height:var(--udex-message-strip-min-height)}:host([hide-close-button]) .message-strip__text{padding-inline-end:0}.message-strip__text-status{padding-inline-end:var(--udexSpacer4, 4px);display:inline-flex;vertical-align:middle}:host([design=\"Information\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Information\"]) .message-strip__text-status{color:var(--udex-message-strip-color-information-status)}:host([design=\"Positive\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Positive\"]) .message-strip__text-status{color:var(--udex-message-strip-color-success-status)}:host([design=\"Warning\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Warning\"]) .message-strip__text-status{color:var(--udex-message-strip-color-warning-status)}:host([design=\"Negative\"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design=\"Negative\"]) .message-strip__text-status{color:var(--udex-message-strip-color-error-status)}.ui5-message-strip-root--info{background-color:var(--udex-message-strip-color-information-background);border-color:var(--udex-message-strip-color-information-border)}.ui5-message-strip-root--positive{background-color:var(--udex-message-strip-color-success-background);border-color:var(--udex-message-strip-color-success-border)}.ui5-message-strip-root--negative{background-color:var(--udex-message-strip-color-error-background);border-color:var(--udex-message-strip-color-error-border)}.ui5-message-strip-root--critical{background-color:var(--udex-message-strip-color-warning-background);border-color:var(--udex-message-strip-color-warning-border)}:host([design=\"GreyLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-grey-light-background);border-color:var(--udex-message-strip-color-grey-light-border);color:var(--udex-message-strip-color-grey-light-text)}:host([design=\"GreyLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-grey-light-text)}:host([design=\"RedLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-red-light-background);border-color:var(--udex-message-strip-color-red-light-border);color:var(--udex-message-strip-color-red-light-text)}:host([design=\"RedLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-red-light-text)}:host([design=\"MangoLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-mango-light-background);border-color:var(--udex-message-strip-color-mango-light-border);color:var(--udex-message-strip-color-mango-light-text)}:host([design=\"MangoLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-mango-light-text)}:host([design=\"GreenLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-green-light-background);border-color:var(--udex-message-strip-color-green-light-border);color:var(--udex-message-strip-color-green-light-text)}:host([design=\"GreenLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-green-light-text)}:host([design=\"TealLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-teal-light-background);border-color:var(--udex-message-strip-color-teal-light-border);color:var(--udex-message-strip-color-teal-light-text)}:host([design=\"TealLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-teal-light-text)}:host([design=\"BlueLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-blue-light-background);border-color:var(--udex-message-strip-color-blue-light-border);color:var(--udex-message-strip-color-blue-light-text)}:host([design=\"BlueLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-blue-light-text)}:host([design=\"IndigoLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-indigo-light-background);border-color:var(--udex-message-strip-color-indigo-light-border);color:var(--udex-message-strip-color-indigo-light-text)}:host([design=\"IndigoLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-indigo-light-text)}:host([design=\"PinkLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-pink-light-background);border-color:var(--udex-message-strip-color-pink-light-border);color:var(--udex-message-strip-color-pink-light-text)}:host([design=\"PinkLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-pink-light-text)}:host([design=\"RaspberryLight\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-raspberry-light-background);border-color:var(--udex-message-strip-color-raspberry-light-border);color:var(--udex-message-strip-color-raspberry-light-text)}:host([design=\"RaspberryLight\"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-raspberry-light-text)}:host([design=\"GreyDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-grey-dark-background);border-color:var(--udex-message-strip-color-grey-dark-border)}:host([design=\"GreyDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-grey-dark-text)}:host([design=\"RedDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-red-dark-background);border-color:var(--udex-message-strip-color-red-dark-border)}:host([design=\"RedDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-red-dark-text)}:host([design=\"MangoDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-mango-dark-background);border-color:var(--udex-message-strip-color-mango-dark-border)}:host([design=\"MangoDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-mango-dark-text)}:host([design=\"GreenDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-green-dark-background);border-color:var(--udex-message-strip-color-green-dark-border)}:host([design=\"GreenDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-green-dark-text)}:host([design=\"TealDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-teal-dark-background);border-color:var(--udex-message-strip-color-teal-dark-border)}:host([design=\"TealDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-teal-dark-text)}:host([design=\"BlueDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-blue-dark-background);border-color:var(--udex-message-strip-color-blue-dark-border)}:host([design=\"BlueDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-blue-dark-text)}:host([design=\"IndigoDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-indigo-dark-background);border-color:var(--udex-message-strip-color-indigo-dark-border)}:host([design=\"IndigoDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-indigo-dark-text)}:host([design=\"PinkDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-pink-dark-background);border-color:var(--udex-message-strip-color-pink-dark-border)}:host([design=\"PinkDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-pink-dark-text)}:host([design=\"RaspberryDark\"]) .udex-message-strip{background-color:var(--udex-message-strip-color-raspberry-dark-background);border-color:var(--udex-message-strip-color-raspberry-dark-border)}:host([design=\"RaspberryDark\"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-raspberry-dark-text)}:host([design=\"GreyLight\"]) [udex-button],:host([design=\"RedLight\"]) [udex-button],:host([design=\"MangoLight\"]) [udex-button],:host([design=\"GreenLight\"]) [udex-button],:host([design=\"TealLight\"]) [udex-button],:host([design=\"BlueLight\"]) [udex-button],:host([design=\"IndigoLight\"]) [udex-button],:host([design=\"PinkLight\"]) [udex-button],:host([design=\"RaspberryLight\"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-non-semantic-close-icon);--udex-button-color-tertiary-standard-hover-background: rgba(0, 0, 0, .1);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorGrey7, #475e75);--udex-button-color-tertiary-standard-active-border: var(--udexColorGrey7, #475e75);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorGrey7, #475e75);--udex-button-focus-border-color: var(--udexColorGrey7, #475e75);--_ui5_button_focused_border: .125rem solid var(--udexColorGrey7, #475e75);--_ui5_button_pressed_focused_border_color: var(--udexColorGrey7, #475e75)}:host([design=\"GreyDark\"]) [udex-button],:host([design=\"RedDark\"]) [udex-button],:host([design=\"MangoDark\"]) [udex-button],:host([design=\"GreenDark\"]) [udex-button],:host([design=\"TealDark\"]) [udex-button],:host([design=\"BlueDark\"]) [udex-button],:host([design=\"IndigoDark\"]) [udex-button],:host([design=\"PinkDark\"]) [udex-button],:host([design=\"RaspberryDark\"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-hover-background: rgba(0, 0, 0, .1);--udex-button-color-tertiary-standard-hover-border: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-active-background: transparent;--udex-button-color-tertiary-standard-active-border: var(--udexColorNeutralWhite, #ffffff);--udex-button-focus-border-color: var(--udexColorNeutralWhite, #ffffff);--_ui5_button_focused_border: .125rem solid var(--udexColorNeutralWhite, #ffffff);--_ui5_button_pressed_focused_border_color: var(--udexColorNeutralWhite, #ffffff)}\n`"]}
package/dist/generated/themes/Search.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexColorGrey9));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: 8px;--udex-home-input-padding-left: var(--udexSpacer12, 12px);--udex-home-input-padding-right: var(--udexSpacer8, 8px);--udex-home-input-padding-vertical: 8px;--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-home-container-padding-inline-end: var(--udexSpacer8, 8px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: 0;--udex-search-home-icons-column-gap: var(--udexSpacer4, 4px);--udex-search-active-outline-color: var(--udexColorBlue10);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );--udex-search-prefix-max-width: 140px;display:block;width:100%;position:relative}:host([mode=\"Standard\"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode=\"Home Search\"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode=\"Home Search\"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;top:var(--udexSpacer8);transform:translateY(-110%);padding:0 var(--udexSpacer4);font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background:var(--udex-input-color-background-light)}:host([mode=\"Home Search\"]) .udex-search__root,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode=\"Home Search\"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode=\"Home Search\"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after,:host([mode=\"Home Search\"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{content:\"\";position:absolute;z-index:-1;height:23px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden;bottom:-2px}:host([mode=\"Home Search\"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after,.udex-search__prefix--show-popover-top:after{transform:translateY(-23px)}:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{inset-inline-start:auto;width:50px}:host([mode=\"Home Search\"]) .udex-search__container:not(:hover):not(.udex-search__container--focus),:host([mode=\"Home Search\"]) .udex-search__container:not(:hover):not(.udex-search__container--focus) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode=\"Home Search\"]) .udex-search__label.udex-search__label--active,:host([mode=\"Home Search\"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search-mode-home-search .udex-search__container{padding-inline-end:var(--udex-search-home-container-padding-inline-end)}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:\"\";position:absolute;inset:-5px;border:2px solid var(--udex-search-active-outline-color);border-radius:var(--udex-input-radius)}:host([mode=\"Home Search\"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;font-family:var(--sapFontFamily);line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search-mode-home-search .udex-search__field{padding:var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-right) var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-left)}.udex-search__field::placeholder{color:var(--udexColorGrey7);font-family:var(--sapFontFamily, sans-serif);font-size:16px}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search-mode-home-search .udex-search__icons{column-gap:var(--udex-search-home-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[udex-control-button]{--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px}:host([mode=\"Home Search\"]) [udex-button]{--_ui5_button_pressed_focused_border_color: transparent}[udex-control-button].udex-search__reset-button{--sapButton_BorderWidth: 0px 1px 0 1px}[udex-control-button].udex-search__submit-button{margin:0px calc((var(--udex-search-container-padding-inline-end)) * -1) 0px 0;--sapButton_BorderWidth: 0 0 0 1px}[udex-button].udex-search__button::part(button):focus-visible:before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid var(--udexColorBlue9, #0040B0);border-radius:50%;box-sizing:border-box}[udex-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[udex-button].udex-search__button::part(icon){width:18px;height:18px}[udex-button].udex-search__button::part(button):after{display:none}[udex-button].udex-search__button:hover{background-color:#0000001a;border:none;box-shadow:none}[udex-button][active].udex-search__button{background:var(--udexColorBlue8, #0057D2);color:var(--udexColorNeutralWhite, #FFFFFF)}[udex-button].udex-search__button:focus{outline:none}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after,.udex-search__prefix--show-popover-top:after{content:\"\";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:var(--udex-search-prefix-max-width);height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible,.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexColorNeutralWhite);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexColorNeutralWhite);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexColorGrey6);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexColorGrey6);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}\n";
1
+ declare const _default: ":host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexColorGrey9));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: 8px;--udex-home-input-padding-left: var(--udexSpacer12, 12px);--udex-home-input-padding-right: var(--udexSpacer8, 8px);--udex-home-input-padding-vertical: 8px;--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-home-container-padding-inline-end: var(--udexSpacer8, 8px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: 0;--udex-search-home-icons-column-gap: var(--udexSpacer4, 4px);--udex-search-active-outline-color: var(--udexColorBlue10);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );--udex-search-prefix-max-width: 140px;display:block;width:100%;position:relative}:host([mode=\"Standard\"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode=\"Home Search\"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode=\"Home Search\"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;top:var(--udexSpacer8);transform:translateY(-110%);padding:0 var(--udexSpacer4);font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background:var(--udex-input-color-background-light)}:host([mode=\"Home Search\"]) .udex-search__root,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode=\"Home Search\"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode=\"Home Search\"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after,:host([mode=\"Home Search\"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{content:\"\";position:absolute;z-index:-1;height:23px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 53, 72, .3));overflow-y:hidden;bottom:-2px}:host([mode=\"Home Search\"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after,.udex-search__prefix--show-popover-top:after{transform:translateY(-23px)}:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{inset-inline-start:auto;width:50px}:host([mode=\"Home Search\"]) .udex-search__container:not(:hover):not(.udex-search__container--focus),:host([mode=\"Home Search\"]) .udex-search__container:not(:hover):not(.udex-search__container--focus) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode=\"Home Search\"]) .udex-search__label.udex-search__label--active,:host([mode=\"Home Search\"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search-mode-home-search .udex-search__container{padding-inline-end:var(--udex-search-home-container-padding-inline-end)}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:\"\";position:absolute;inset:-5px;border:2px solid var(--udex-search-active-outline-color);border-radius:var(--udex-input-radius)}:host([mode=\"Home Search\"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;font-family:var(--sapFontFamily);line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search-mode-home-search .udex-search__field{padding:var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-right) var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-left)}.udex-search__field::placeholder{color:var(--udexColorGrey7);font-family:var(--sapFontFamily, sans-serif);font-size:16px}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search-mode-home-search .udex-search__icons{column-gap:var(--udex-search-home-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[udex-control-button]{--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px}:host([mode=\"Home Search\"]) [udex-button]{--_ui5_button_pressed_focused_border_color: transparent}[udex-control-button].udex-search__reset-button{--sapButton_BorderWidth: 0px 1px 0 1px}[udex-control-button].udex-search__submit-button{margin:0px calc((var(--udex-search-container-padding-inline-end)) * -1) 0px 0;--sapButton_BorderWidth: 0 0 0 1px}[udex-button].udex-search__button::part(button):focus-visible:before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid var(--udexColorBlue9, #0040B0);border-radius:50%;box-sizing:border-box}[udex-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[udex-button].udex-search__button::part(icon){width:18px;height:18px}[udex-button].udex-search__button::part(button):after{display:none}[udex-button].udex-search__button:hover{background-color:#0000001a;border:none;box-shadow:none}[udex-button][active].udex-search__button{background:var(--udexColorBlue8, #0057D2);color:var(--udexColorNeutralWhite, #FFFFFF)}[udex-button].udex-search__button:focus{outline:none}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after,.udex-search__prefix--show-popover-top:after{content:\"\";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 53, 72, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:var(--udex-search-prefix-max-width);height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible,.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexColorNeutralWhite);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexColorNeutralWhite);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexColorGrey6);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexColorGrey6);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}\n";
2
2
  export default _default;
package/dist/generated/themes/Search.css.js CHANGED
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
5
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
6
- export default `:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexColorGrey9));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: 8px;--udex-home-input-padding-left: var(--udexSpacer12, 12px);--udex-home-input-padding-right: var(--udexSpacer8, 8px);--udex-home-input-padding-vertical: 8px;--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-home-container-padding-inline-end: var(--udexSpacer8, 8px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: 0;--udex-search-home-icons-column-gap: var(--udexSpacer4, 4px);--udex-search-active-outline-color: var(--udexColorBlue10);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );--udex-search-prefix-max-width: 140px;display:block;width:100%;position:relative}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;top:var(--udexSpacer8);transform:translateY(-110%);padding:0 var(--udexSpacer4);font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background:var(--udex-input-color-background-light)}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{content:"";position:absolute;z-index:-1;height:23px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden;bottom:-2px}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after,.udex-search__prefix--show-popover-top:after{transform:translateY(-23px)}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(:hover):not(.udex-search__container--focus),:host([mode="Home Search"]) .udex-search__container:not(:hover):not(.udex-search__container--focus) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search-mode-home-search .udex-search__container{padding-inline-end:var(--udex-search-home-container-padding-inline-end)}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udex-search-active-outline-color);border-radius:var(--udex-input-radius)}:host([mode="Home Search"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;font-family:var(--sapFontFamily);line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search-mode-home-search .udex-search__field{padding:var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-right) var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-left)}.udex-search__field::placeholder{color:var(--udexColorGrey7);font-family:var(--sapFontFamily, sans-serif);font-size:16px}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search-mode-home-search .udex-search__icons{column-gap:var(--udex-search-home-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[udex-control-button]{--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px}:host([mode="Home Search"]) [udex-button]{--_ui5_button_pressed_focused_border_color: transparent}[udex-control-button].udex-search__reset-button{--sapButton_BorderWidth: 0px 1px 0 1px}[udex-control-button].udex-search__submit-button{margin:0px calc((var(--udex-search-container-padding-inline-end)) * -1) 0px 0;--sapButton_BorderWidth: 0 0 0 1px}[udex-button].udex-search__button::part(button):focus-visible:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid var(--udexColorBlue9, #0040B0);border-radius:50%;box-sizing:border-box}[udex-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[udex-button].udex-search__button::part(icon){width:18px;height:18px}[udex-button].udex-search__button::part(button):after{display:none}[udex-button].udex-search__button:hover{background-color:#0000001a;border:none;box-shadow:none}[udex-button][active].udex-search__button{background:var(--udexColorBlue8, #0057D2);color:var(--udexColorNeutralWhite, #FFFFFF)}[udex-button].udex-search__button:focus{outline:none}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after,.udex-search__prefix--show-popover-top:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:var(--udex-search-prefix-max-width);height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible,.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexColorNeutralWhite);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexColorNeutralWhite);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexColorGrey6);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexColorGrey6);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}
6
+ export default `:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexColorGrey9));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: 8px;--udex-home-input-padding-left: var(--udexSpacer12, 12px);--udex-home-input-padding-right: var(--udexSpacer8, 8px);--udex-home-input-padding-vertical: 8px;--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-home-container-padding-inline-end: var(--udexSpacer8, 8px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: 0;--udex-search-home-icons-column-gap: var(--udexSpacer4, 4px);--udex-search-active-outline-color: var(--udexColorBlue10);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );--udex-search-prefix-max-width: 140px;display:block;width:100%;position:relative}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;top:var(--udexSpacer8);transform:translateY(-110%);padding:0 var(--udexSpacer4);font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background:var(--udex-input-color-background-light)}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{content:"";position:absolute;z-index:-1;height:23px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 53, 72, .3));overflow-y:hidden;bottom:-2px}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after,.udex-search__prefix--show-popover-top:after{transform:translateY(-23px)}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(:hover):not(.udex-search__container--focus),:host([mode="Home Search"]) .udex-search__container:not(:hover):not(.udex-search__container--focus) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search-mode-home-search .udex-search__container{padding-inline-end:var(--udex-search-home-container-padding-inline-end)}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udex-search-active-outline-color);border-radius:var(--udex-input-radius)}:host([mode="Home Search"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;font-family:var(--sapFontFamily);line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search-mode-home-search .udex-search__field{padding:var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-right) var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-left)}.udex-search__field::placeholder{color:var(--udexColorGrey7);font-family:var(--sapFontFamily, sans-serif);font-size:16px}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search-mode-home-search .udex-search__icons{column-gap:var(--udex-search-home-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[udex-control-button]{--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px}:host([mode="Home Search"]) [udex-button]{--_ui5_button_pressed_focused_border_color: transparent}[udex-control-button].udex-search__reset-button{--sapButton_BorderWidth: 0px 1px 0 1px}[udex-control-button].udex-search__submit-button{margin:0px calc((var(--udex-search-container-padding-inline-end)) * -1) 0px 0;--sapButton_BorderWidth: 0 0 0 1px}[udex-button].udex-search__button::part(button):focus-visible:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid var(--udexColorBlue9, #0040B0);border-radius:50%;box-sizing:border-box}[udex-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[udex-button].udex-search__button::part(icon){width:18px;height:18px}[udex-button].udex-search__button::part(button):after{display:none}[udex-button].udex-search__button:hover{background-color:#0000001a;border:none;box-shadow:none}[udex-button][active].udex-search__button{background:var(--udexColorBlue8, #0057D2);color:var(--udexColorNeutralWhite, #FFFFFF)}[udex-button].udex-search__button:focus{outline:none}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after,.udex-search__prefix--show-popover-top:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 53, 72, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:var(--udex-search-prefix-max-width);height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible,.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexColorNeutralWhite);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexColorNeutralWhite);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexColorGrey6);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexColorGrey6);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}
7
7
  `;
8
8
  //# sourceMappingURL=Search.css.js.map
package/dist/generated/themes/Search.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Search.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Search.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexColorGrey9));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: 8px;--udex-home-input-padding-left: var(--udexSpacer12, 12px);--udex-home-input-padding-right: var(--udexSpacer8, 8px);--udex-home-input-padding-vertical: 8px;--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-home-container-padding-inline-end: var(--udexSpacer8, 8px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: 0;--udex-search-home-icons-column-gap: var(--udexSpacer4, 4px);--udex-search-active-outline-color: var(--udexColorBlue10);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );--udex-search-prefix-max-width: 140px;display:block;width:100%;position:relative}:host([mode=\"Standard\"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode=\"Home Search\"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode=\"Home Search\"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;top:var(--udexSpacer8);transform:translateY(-110%);padding:0 var(--udexSpacer4);font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background:var(--udex-input-color-background-light)}:host([mode=\"Home Search\"]) .udex-search__root,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode=\"Home Search\"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode=\"Home Search\"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after,:host([mode=\"Home Search\"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{content:\"\";position:absolute;z-index:-1;height:23px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden;bottom:-2px}:host([mode=\"Home Search\"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after,.udex-search__prefix--show-popover-top:after{transform:translateY(-23px)}:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{inset-inline-start:auto;width:50px}:host([mode=\"Home Search\"]) .udex-search__container:not(:hover):not(.udex-search__container--focus),:host([mode=\"Home Search\"]) .udex-search__container:not(:hover):not(.udex-search__container--focus) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode=\"Home Search\"]) .udex-search__label.udex-search__label--active,:host([mode=\"Home Search\"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search-mode-home-search .udex-search__container{padding-inline-end:var(--udex-search-home-container-padding-inline-end)}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:\"\";position:absolute;inset:-5px;border:2px solid var(--udex-search-active-outline-color);border-radius:var(--udex-input-radius)}:host([mode=\"Home Search\"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;font-family:var(--sapFontFamily);line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search-mode-home-search .udex-search__field{padding:var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-right) var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-left)}.udex-search__field::placeholder{color:var(--udexColorGrey7);font-family:var(--sapFontFamily, sans-serif);font-size:16px}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search-mode-home-search .udex-search__icons{column-gap:var(--udex-search-home-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[udex-control-button]{--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px}:host([mode=\"Home Search\"]) [udex-button]{--_ui5_button_pressed_focused_border_color: transparent}[udex-control-button].udex-search__reset-button{--sapButton_BorderWidth: 0px 1px 0 1px}[udex-control-button].udex-search__submit-button{margin:0px calc((var(--udex-search-container-padding-inline-end)) * -1) 0px 0;--sapButton_BorderWidth: 0 0 0 1px}[udex-button].udex-search__button::part(button):focus-visible:before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid var(--udexColorBlue9, #0040B0);border-radius:50%;box-sizing:border-box}[udex-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[udex-button].udex-search__button::part(icon){width:18px;height:18px}[udex-button].udex-search__button::part(button):after{display:none}[udex-button].udex-search__button:hover{background-color:#0000001a;border:none;box-shadow:none}[udex-button][active].udex-search__button{background:var(--udexColorBlue8, #0057D2);color:var(--udexColorNeutralWhite, #FFFFFF)}[udex-button].udex-search__button:focus{outline:none}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after,.udex-search__prefix--show-popover-top:after{content:\"\";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:var(--udex-search-prefix-max-width);height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible,.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexColorNeutralWhite);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexColorNeutralWhite);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexColorGrey6);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexColorGrey6);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}\n`"]}
1
+ {"version":3,"file":"Search.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Search.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexColorGrey9));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: 8px;--udex-home-input-padding-left: var(--udexSpacer12, 12px);--udex-home-input-padding-right: var(--udexSpacer8, 8px);--udex-home-input-padding-vertical: 8px;--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-home-container-padding-inline-end: var(--udexSpacer8, 8px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: 0;--udex-search-home-icons-column-gap: var(--udexSpacer4, 4px);--udex-search-active-outline-color: var(--udexColorBlue10);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );--udex-search-prefix-max-width: 140px;display:block;width:100%;position:relative}:host([mode=\"Standard\"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode=\"Home Search\"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode=\"Home Search\"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;top:var(--udexSpacer8);transform:translateY(-110%);padding:0 var(--udexSpacer4);font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background:var(--udex-input-color-background-light)}:host([mode=\"Home Search\"]) .udex-search__root,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode=\"Home Search\"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode=\"Home Search\"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after,:host([mode=\"Home Search\"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{content:\"\";position:absolute;z-index:-1;height:23px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 53, 72, .3));overflow-y:hidden;bottom:-2px}:host([mode=\"Home Search\"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after,.udex-search__prefix--show-popover-top:after{transform:translateY(-23px)}:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode=\"Home Search\"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{inset-inline-start:auto;width:50px}:host([mode=\"Home Search\"]) .udex-search__container:not(:hover):not(.udex-search__container--focus),:host([mode=\"Home Search\"]) .udex-search__container:not(:hover):not(.udex-search__container--focus) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode=\"Home Search\"]) .udex-search__label.udex-search__label--active,:host([mode=\"Home Search\"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search-mode-home-search .udex-search__container{padding-inline-end:var(--udex-search-home-container-padding-inline-end)}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:\"\";position:absolute;inset:-5px;border:2px solid var(--udex-search-active-outline-color);border-radius:var(--udex-input-radius)}:host([mode=\"Home Search\"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;font-family:var(--sapFontFamily);line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search-mode-home-search .udex-search__field{padding:var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-right) var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-left)}.udex-search__field::placeholder{color:var(--udexColorGrey7);font-family:var(--sapFontFamily, sans-serif);font-size:16px}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search-mode-home-search .udex-search__icons{column-gap:var(--udex-search-home-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[udex-control-button]{--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px}:host([mode=\"Home Search\"]) [udex-button]{--_ui5_button_pressed_focused_border_color: transparent}[udex-control-button].udex-search__reset-button{--sapButton_BorderWidth: 0px 1px 0 1px}[udex-control-button].udex-search__submit-button{margin:0px calc((var(--udex-search-container-padding-inline-end)) * -1) 0px 0;--sapButton_BorderWidth: 0 0 0 1px}[udex-button].udex-search__button::part(button):focus-visible:before{content:\"\";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid var(--udexColorBlue9, #0040B0);border-radius:50%;box-sizing:border-box}[udex-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[udex-button].udex-search__button::part(icon){width:18px;height:18px}[udex-button].udex-search__button::part(button):after{display:none}[udex-button].udex-search__button:hover{background-color:#0000001a;border:none;box-shadow:none}[udex-button][active].udex-search__button{background:var(--udexColorBlue8, #0057D2);color:var(--udexColorNeutralWhite, #FFFFFF)}[udex-button].udex-search__button:focus{outline:none}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after,.udex-search__prefix--show-popover-top:after{content:\"\";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 53, 72, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:var(--udex-search-prefix-max-width);height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible,.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexColorNeutralWhite);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexColorNeutralWhite);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexColorGrey6);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexColorGrey6);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}\n`"]}
package/dist/generated/themes/Slider.css.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -1rem;--udex-slider-start-end-point-right: -1rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--udexColorGrey4, #A9B4BE);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-slider-tooltip-color: var(--udexColorGrey9, #223548);--udex-slider-tooltip-background: var(--sapBaseColor, #ffffff);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px);--udex-slider-root-padding: 1rem 1.0625rem}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px;padding:var(--udex-slider-root-padding)}[ui5-slider-handle]{--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_slider_handle_height: var(--udex-slider-handle-height);width:var(--udex-slider-handle-width);height:var(--udex-slider-handle-height);border-radius:var(--udex-slider-radius-range-size);z-index:5}[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}[ui5-slider-handle]::part(icon){width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size);color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point);inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background);inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) [ui5-slider-handle]:focus,[ui5-slider-handle]:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner [ui5-slider-handle],[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon);width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}:host .ui5-slider-inner .ui5-slider-labels li,.ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}.ui5-slider-evo-root{padding:0 14px}[ui5-slider-scale]{--sapFontSmallSize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5_slider_handle_height: var(--udex-slider-handle-height);--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_range_slider_progress_focus_border: 2px solid var(--udex-slider-color-handle-focus-range);--_ui5_range_slider_progress_focus_border_radius: var(--udex-slider-radius-range-size);--_ui5_range_slider_progress_focus_top: -1.12rem;--_ui5_range_slider_progress_focus_height: calc(var(--udex-slider-handle-height) + 8px);--_ui5_range_slider_progress_focus_left: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_range_slider_progress_focus_right: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_slider_scale_dots_distance: -14px}[ui5-slider-scale]::part(inner):before{border:0}:host(:not([hidden])) .ui5-slider-handle-container [ui5-slider-tooltip],[ui5-slider-tooltip]{box-sizing:border-box;height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width);border:var(--udex-slider-tooltip-border);box-shadow:var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 54, 73, .2));border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);background-color:var(--udex-slider-tooltip-background);padding:8px 12px;margin-top:calc(-1 * var(--udex-slider-tooltip-bottom))}\n";
1
+ declare const _default: ":host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -1rem;--udex-slider-start-end-point-right: -1rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--udexColorGrey4, #A9B4BE);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-slider-tooltip-color: var(--udexColorGrey9, #223548);--udex-slider-tooltip-background: var(--sapBaseColor, #ffffff);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px);--udex-slider-root-padding: 1rem 1.0625rem}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px;padding:var(--udex-slider-root-padding)}[ui5-slider-handle]{--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_slider_handle_height: var(--udex-slider-handle-height);width:var(--udex-slider-handle-width);height:var(--udex-slider-handle-height);border-radius:var(--udex-slider-radius-range-size);z-index:5}[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}[ui5-slider-handle]::part(icon){width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size);color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point);inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background);inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) [ui5-slider-handle]:focus,[ui5-slider-handle]:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner [ui5-slider-handle],[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon);width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}:host .ui5-slider-inner .ui5-slider-labels li,.ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}.ui5-slider-evo-root{padding:0 14px}[ui5-slider-scale]{--sapFontSmallSize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5_slider_handle_height: var(--udex-slider-handle-height);--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_range_slider_progress_focus_border: 2px solid var(--udex-slider-color-handle-focus-range);--_ui5_range_slider_progress_focus_border_radius: var(--udex-slider-radius-range-size);--_ui5_range_slider_progress_focus_top: -1.12rem;--_ui5_range_slider_progress_focus_height: calc(var(--udex-slider-handle-height) + 8px);--_ui5_range_slider_progress_focus_left: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_range_slider_progress_focus_right: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_slider_scale_dots_distance: -14px}[ui5-slider-scale]::part(inner):before{border:0}:host(:not([hidden])) .ui5-slider-handle-container [ui5-slider-tooltip],[ui5-slider-tooltip]{box-sizing:border-box;height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width);border:var(--udex-slider-tooltip-border);box-shadow:var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 53, 72, .2));border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);background-color:var(--udex-slider-tooltip-background);padding:8px 12px;margin-top:calc(-1 * var(--udex-slider-tooltip-bottom))}\n";
2
2
  export default _default;
package/dist/generated/themes/Slider.css.js CHANGED
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
5
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
6
- export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -1rem;--udex-slider-start-end-point-right: -1rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--udexColorGrey4, #A9B4BE);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-slider-tooltip-color: var(--udexColorGrey9, #223548);--udex-slider-tooltip-background: var(--sapBaseColor, #ffffff);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px);--udex-slider-root-padding: 1rem 1.0625rem}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px;padding:var(--udex-slider-root-padding)}[ui5-slider-handle]{--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_slider_handle_height: var(--udex-slider-handle-height);width:var(--udex-slider-handle-width);height:var(--udex-slider-handle-height);border-radius:var(--udex-slider-radius-range-size);z-index:5}[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}[ui5-slider-handle]::part(icon){width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size);color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point);inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background);inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) [ui5-slider-handle]:focus,[ui5-slider-handle]:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner [ui5-slider-handle],[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon);width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}:host .ui5-slider-inner .ui5-slider-labels li,.ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}.ui5-slider-evo-root{padding:0 14px}[ui5-slider-scale]{--sapFontSmallSize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5_slider_handle_height: var(--udex-slider-handle-height);--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_range_slider_progress_focus_border: 2px solid var(--udex-slider-color-handle-focus-range);--_ui5_range_slider_progress_focus_border_radius: var(--udex-slider-radius-range-size);--_ui5_range_slider_progress_focus_top: -1.12rem;--_ui5_range_slider_progress_focus_height: calc(var(--udex-slider-handle-height) + 8px);--_ui5_range_slider_progress_focus_left: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_range_slider_progress_focus_right: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_slider_scale_dots_distance: -14px}[ui5-slider-scale]::part(inner):before{border:0}:host(:not([hidden])) .ui5-slider-handle-container [ui5-slider-tooltip],[ui5-slider-tooltip]{box-sizing:border-box;height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width);border:var(--udex-slider-tooltip-border);box-shadow:var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 54, 73, .2));border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);background-color:var(--udex-slider-tooltip-background);padding:8px 12px;margin-top:calc(-1 * var(--udex-slider-tooltip-bottom))}
6
+ export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -1rem;--udex-slider-start-end-point-right: -1rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--udexColorGrey4, #A9B4BE);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-slider-tooltip-color: var(--udexColorGrey9, #223548);--udex-slider-tooltip-background: var(--sapBaseColor, #ffffff);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px);--udex-slider-root-padding: 1rem 1.0625rem}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px;padding:var(--udex-slider-root-padding)}[ui5-slider-handle]{--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_slider_handle_height: var(--udex-slider-handle-height);width:var(--udex-slider-handle-width);height:var(--udex-slider-handle-height);border-radius:var(--udex-slider-radius-range-size);z-index:5}[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}[ui5-slider-handle]::part(icon){width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size);color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point);inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background);inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) [ui5-slider-handle]:focus,[ui5-slider-handle]:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner [ui5-slider-handle],[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon);width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}:host .ui5-slider-inner .ui5-slider-labels li,.ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}.ui5-slider-evo-root{padding:0 14px}[ui5-slider-scale]{--sapFontSmallSize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5_slider_handle_height: var(--udex-slider-handle-height);--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_range_slider_progress_focus_border: 2px solid var(--udex-slider-color-handle-focus-range);--_ui5_range_slider_progress_focus_border_radius: var(--udex-slider-radius-range-size);--_ui5_range_slider_progress_focus_top: -1.12rem;--_ui5_range_slider_progress_focus_height: calc(var(--udex-slider-handle-height) + 8px);--_ui5_range_slider_progress_focus_left: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_range_slider_progress_focus_right: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_slider_scale_dots_distance: -14px}[ui5-slider-scale]::part(inner):before{border:0}:host(:not([hidden])) .ui5-slider-handle-container [ui5-slider-tooltip],[ui5-slider-tooltip]{box-sizing:border-box;height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width);border:var(--udex-slider-tooltip-border);box-shadow:var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 53, 72, .2));border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);background-color:var(--udex-slider-tooltip-background);padding:8px 12px;margin-top:calc(-1 * var(--udex-slider-tooltip-bottom))}
7
7
  `;
8
8
  //# sourceMappingURL=Slider.css.js.map