@sapudex/web-components 2.10.0 → 2.12.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 (241) hide show
  1. package/bundle.esm.js +1 -0
  2. package/cypress/fixtures/profile-menu.ts +75 -0
  3. package/cypress/specs/Accordion.cy.tsx +19 -0
  4. package/cypress/specs/AccordionItem.cy.tsx +9 -0
  5. package/cypress/specs/Footer.cy.tsx +48 -11
  6. package/cypress/specs/ListItem.cy.tsx +66 -52
  7. package/cypress/specs/MastheadProfileMenu.cy.tsx +174 -0
  8. package/cypress/specs/PromoTile.cy.tsx +124 -0
  9. package/cypress/specs/Quote.cy.tsx +65 -0
  10. package/cypress/specs/SelectBox.cy.tsx +134 -66
  11. package/cypress/support/component-imports.instrumented.ts +8 -0
  12. package/cypress/support/component-imports.src.ts +9 -1
  13. package/dist/Accordion.d.ts +15 -0
  14. package/dist/Accordion.js +19 -0
  15. package/dist/Accordion.js.map +1 -1
  16. package/dist/AccordionItem.d.ts +19 -0
  17. package/dist/AccordionItem.js +23 -0
  18. package/dist/AccordionItem.js.map +1 -1
  19. package/dist/AccordionItemTemplate.js +7 -2
  20. package/dist/AccordionItemTemplate.js.map +1 -1
  21. package/dist/AccordionTemplate.js +21 -1
  22. package/dist/AccordionTemplate.js.map +1 -1
  23. package/dist/Button.d.ts +8 -0
  24. package/dist/Button.js +11 -0
  25. package/dist/Button.js.map +1 -1
  26. package/dist/Footer.d.ts +45 -3
  27. package/dist/Footer.js +41 -17
  28. package/dist/Footer.js.map +1 -1
  29. package/dist/List.d.ts +9 -2
  30. package/dist/List.js +19 -8
  31. package/dist/List.js.map +1 -1
  32. package/dist/ListGroupHeader.d.ts +2 -1
  33. package/dist/ListGroupHeader.js.map +1 -1
  34. package/dist/ListItem.d.ts +12 -1
  35. package/dist/ListItem.js +15 -1
  36. package/dist/ListItem.js.map +1 -1
  37. package/dist/ListItemBase.d.ts +10 -0
  38. package/dist/ListItemBase.js +31 -0
  39. package/dist/ListItemBase.js.map +1 -1
  40. package/dist/ListSelectAll.d.ts +2 -1
  41. package/dist/ListSelectAll.js.map +1 -1
  42. package/dist/MastheadItem.d.ts +2 -0
  43. package/dist/MastheadItem.js +6 -0
  44. package/dist/MastheadItem.js.map +1 -1
  45. package/dist/MastheadProfileMenu.d.ts +67 -3
  46. package/dist/MastheadProfileMenu.js +164 -10
  47. package/dist/MastheadProfileMenu.js.map +1 -1
  48. package/dist/MastheadShell.d.ts +1 -0
  49. package/dist/MastheadShell.js +6 -1
  50. package/dist/MastheadShell.js.map +1 -1
  51. package/dist/PromoTile.d.ts +143 -0
  52. package/dist/PromoTile.js +198 -0
  53. package/dist/PromoTile.js.map +1 -0
  54. package/dist/PromoTileTemplate.d.ts +2 -0
  55. package/dist/PromoTileTemplate.js +22 -0
  56. package/dist/PromoTileTemplate.js.map +1 -0
  57. package/dist/Quote.d.ts +11 -0
  58. package/dist/Quote.js +18 -3
  59. package/dist/Quote.js.map +1 -1
  60. package/dist/Search.d.ts +3 -1
  61. package/dist/Search.js +1 -0
  62. package/dist/Search.js.map +1 -1
  63. package/dist/SearchableListBase.d.ts +16 -0
  64. package/dist/SearchableListBase.js +31 -1
  65. package/dist/SearchableListBase.js.map +1 -1
  66. package/dist/SelectBox.js +10 -0
  67. package/dist/SelectBox.js.map +1 -1
  68. package/dist/SelectBoxItem.d.ts +29 -0
  69. package/dist/SelectBoxItem.js +26 -0
  70. package/dist/SelectBoxItem.js.map +1 -1
  71. package/dist/StatusBadge.d.ts +1 -7
  72. package/dist/StatusBadge.js +1 -8
  73. package/dist/StatusBadge.js.map +1 -1
  74. package/dist/StepInputTemplate.js +1 -1
  75. package/dist/StepInputTemplate.js.map +1 -1
  76. package/dist/assets/{InputSuggestions-xcV7PZDf.js → InputSuggestions-DtUQULbo.js} +1 -1
  77. package/dist/assets/{ListItemStandardExpandableTextTemplate-RYCr4pVL.js → ListItemStandardExpandableTextTemplate-B62PaSFk.js} +1 -1
  78. package/dist/assets/{bundle.esm-bg-64miJ.js → bundle.esm-Ba8g4ech.js} +211 -210
  79. package/dist/assets/messagebundle_en-PmkE-Vht.js +1 -0
  80. package/dist/css/themes/AccordionItem.css +1 -1
  81. package/dist/css/themes/BreadcrumbsPopover.css +1 -1
  82. package/dist/css/themes/Button.css +1 -1
  83. package/dist/css/themes/CountrySelector.css +1 -1
  84. package/dist/css/themes/Divider.css +1 -1
  85. package/dist/css/themes/Footer.css +1 -1
  86. package/dist/css/themes/HeroBanner.css +1 -1
  87. package/dist/css/themes/ListItem.css +1 -1
  88. package/dist/css/themes/MastheadProfileMenu.css +1 -1
  89. package/dist/css/themes/PromoTile.css +1 -0
  90. package/dist/css/themes/Quote.css +1 -1
  91. package/dist/css/themes/RatingIndicator.css +1 -1
  92. package/dist/css/themes/Slider.css +1 -1
  93. package/dist/css/themes/StepInput.css +1 -1
  94. package/dist/css/themes/Tag.css +1 -1
  95. package/dist/custom-elements-internal.json +1515 -277
  96. package/dist/custom-elements.json +1220 -146
  97. package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
  98. package/dist/generated/i18n/i18n-defaults.d.ts +7 -1
  99. package/dist/generated/i18n/i18n-defaults.js +7 -1
  100. package/dist/generated/i18n/i18n-defaults.js.map +1 -1
  101. package/dist/generated/templates/FooterTemplate.lit.js +33 -32
  102. package/dist/generated/templates/FooterTemplate.lit.js.map +1 -1
  103. package/dist/generated/templates/HeroBannerTemplate.lit.js +1 -1
  104. package/dist/generated/templates/HeroBannerTemplate.lit.js.map +1 -1
  105. package/dist/generated/templates/ListItemTemplate.lit.js +31 -23
  106. package/dist/generated/templates/ListItemTemplate.lit.js.map +1 -1
  107. package/dist/generated/templates/ListTemplate.lit.js +2 -2
  108. package/dist/generated/templates/ListTemplate.lit.js.map +1 -1
  109. package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js +11 -6
  110. package/dist/generated/templates/MastheadProfileMenuTemplate.lit.js.map +1 -1
  111. package/dist/generated/templates/SearchableListBaseTemplate.lit.js +6 -6
  112. package/dist/generated/templates/SearchableListBaseTemplate.lit.js.map +1 -1
  113. package/dist/generated/themes/AccordionItem.css.d.ts +1 -1
  114. package/dist/generated/themes/AccordionItem.css.js +1 -1
  115. package/dist/generated/themes/AccordionItem.css.js.map +1 -1
  116. package/dist/generated/themes/BreadcrumbsPopover.css.d.ts +1 -1
  117. package/dist/generated/themes/BreadcrumbsPopover.css.js +1 -1
  118. package/dist/generated/themes/BreadcrumbsPopover.css.js.map +1 -1
  119. package/dist/generated/themes/Button.css.d.ts +1 -1
  120. package/dist/generated/themes/Button.css.js +1 -1
  121. package/dist/generated/themes/Button.css.js.map +1 -1
  122. package/dist/generated/themes/CountrySelector.css.d.ts +1 -1
  123. package/dist/generated/themes/CountrySelector.css.js +1 -1
  124. package/dist/generated/themes/CountrySelector.css.js.map +1 -1
  125. package/dist/generated/themes/Divider.css.d.ts +1 -1
  126. package/dist/generated/themes/Divider.css.js +1 -1
  127. package/dist/generated/themes/Divider.css.js.map +1 -1
  128. package/dist/generated/themes/Footer.css.d.ts +1 -1
  129. package/dist/generated/themes/Footer.css.js +1 -1
  130. package/dist/generated/themes/Footer.css.js.map +1 -1
  131. package/dist/generated/themes/HeroBanner.css.d.ts +1 -1
  132. package/dist/generated/themes/HeroBanner.css.js +1 -1
  133. package/dist/generated/themes/HeroBanner.css.js.map +1 -1
  134. package/dist/generated/themes/ListItem.css.d.ts +1 -1
  135. package/dist/generated/themes/ListItem.css.js +1 -1
  136. package/dist/generated/themes/ListItem.css.js.map +1 -1
  137. package/dist/generated/themes/MastheadProfileMenu.css.d.ts +1 -1
  138. package/dist/generated/themes/MastheadProfileMenu.css.js +1 -1
  139. package/dist/generated/themes/MastheadProfileMenu.css.js.map +1 -1
  140. package/dist/generated/themes/PromoTile.css.d.ts +2 -0
  141. package/dist/generated/themes/PromoTile.css.js +8 -0
  142. package/dist/generated/themes/PromoTile.css.js.map +1 -0
  143. package/dist/generated/themes/Quote.css.d.ts +1 -1
  144. package/dist/generated/themes/Quote.css.js +1 -1
  145. package/dist/generated/themes/Quote.css.js.map +1 -1
  146. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  147. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  148. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  149. package/dist/generated/themes/Slider.css.d.ts +1 -1
  150. package/dist/generated/themes/Slider.css.js +1 -1
  151. package/dist/generated/themes/Slider.css.js.map +1 -1
  152. package/dist/generated/themes/StepInput.css.d.ts +1 -1
  153. package/dist/generated/themes/StepInput.css.js +1 -1
  154. package/dist/generated/themes/StepInput.css.js.map +1 -1
  155. package/dist/generated/themes/Tag.css.d.ts +1 -1
  156. package/dist/generated/themes/Tag.css.js +1 -1
  157. package/dist/generated/themes/Tag.css.js.map +1 -1
  158. package/dist/messagebundle.properties +10 -0
  159. package/dist/messagebundle_en.properties +6 -0
  160. package/dist/types/PromoTile.d.ts +60 -0
  161. package/dist/types/PromoTile.js +63 -0
  162. package/dist/types/PromoTile.js.map +1 -0
  163. package/dist/types/StatusBadgeValueState.d.ts +8 -0
  164. package/dist/types/StatusBadgeValueState.js +10 -0
  165. package/dist/types/StatusBadgeValueState.js.map +1 -0
  166. package/dist/utils/debounce.d.ts +3 -1
  167. package/dist/utils/debounce.js +16 -4
  168. package/dist/utils/debounce.js.map +1 -1
  169. package/dist/vscode.html-custom-data.json +185 -16
  170. package/dist/web-types.json +603 -34
  171. package/package.json +1 -1
  172. package/src/Accordion.ts +19 -0
  173. package/src/AccordionItem.ts +28 -0
  174. package/src/AccordionItemTemplate.tsx +25 -10
  175. package/src/AccordionTemplate.tsx +22 -1
  176. package/src/Button.ts +10 -0
  177. package/src/Footer.hbs +39 -36
  178. package/src/Footer.ts +81 -6
  179. package/src/HeroBanner.hbs +0 -1
  180. package/src/List.hbs +0 -2
  181. package/src/List.ts +27 -8
  182. package/src/ListGroupHeader.ts +2 -1
  183. package/src/ListItem.hbs +16 -2
  184. package/src/ListItem.ts +29 -2
  185. package/src/ListItemBase.ts +42 -0
  186. package/src/ListSelectAll.ts +2 -1
  187. package/src/MastheadItem.ts +9 -0
  188. package/src/MastheadProfileMenu.hbs +79 -15
  189. package/src/MastheadProfileMenu.ts +228 -13
  190. package/src/MastheadShell.ts +7 -1
  191. package/src/PromoTile.ts +290 -0
  192. package/src/PromoTileTemplate.tsx +68 -0
  193. package/src/Quote.ts +17 -3
  194. package/src/Search.ts +1 -0
  195. package/src/SearchableListBase.hbs +18 -1
  196. package/src/SearchableListBase.ts +47 -1
  197. package/src/SelectBox.ts +11 -0
  198. package/src/SelectBoxItem.ts +39 -0
  199. package/src/StatusBadge.ts +1 -8
  200. package/src/StepInputTemplate.tsx +1 -1
  201. package/src/generated/i18n/i18n-defaults.ts +2 -2
  202. package/src/generated/templates/FooterTemplate.lit.ts +33 -32
  203. package/src/generated/templates/HeroBannerTemplate.lit.ts +1 -1
  204. package/src/generated/templates/ListItemTemplate.lit.ts +31 -23
  205. package/src/generated/templates/ListTemplate.lit.ts +2 -2
  206. package/src/generated/templates/MastheadProfileMenuTemplate.lit.ts +10 -5
  207. package/src/generated/templates/SearchableListBaseTemplate.lit.ts +6 -6
  208. package/src/generated/themes/AccordionItem.css.ts +1 -1
  209. package/src/generated/themes/BreadcrumbsPopover.css.ts +1 -1
  210. package/src/generated/themes/Button.css.ts +1 -1
  211. package/src/generated/themes/CountrySelector.css.ts +1 -1
  212. package/src/generated/themes/Divider.css.ts +1 -1
  213. package/src/generated/themes/Footer.css.ts +1 -1
  214. package/src/generated/themes/HeroBanner.css.ts +1 -1
  215. package/src/generated/themes/ListItem.css.ts +1 -1
  216. package/src/generated/themes/MastheadProfileMenu.css.ts +1 -1
  217. package/src/generated/themes/PromoTile.css.ts +9 -0
  218. package/src/generated/themes/Quote.css.ts +1 -1
  219. package/src/generated/themes/RatingIndicator.css.ts +1 -1
  220. package/src/generated/themes/Slider.css.ts +1 -1
  221. package/src/generated/themes/StepInput.css.ts +1 -1
  222. package/src/generated/themes/Tag.css.ts +1 -1
  223. package/src/i18n/messagebundle.properties +10 -0
  224. package/src/i18n/messagebundle_en.properties +6 -0
  225. package/src/themes/AccordionItem.css +61 -22
  226. package/src/themes/BreadcrumbsPopover.css +2 -1
  227. package/src/themes/Button.css +13 -0
  228. package/src/themes/CountrySelector.css +4 -0
  229. package/src/themes/Divider.css +2 -1
  230. package/src/themes/Footer.css +44 -9
  231. package/src/themes/HeroBanner.css +34 -32
  232. package/src/themes/ListItem.css +4 -9
  233. package/src/themes/MastheadProfileMenu.css +87 -3
  234. package/src/themes/PromoTile.css +152 -0
  235. package/src/themes/Quote.css +21 -24
  236. package/src/themes/StepInput.css +10 -0
  237. package/src/themes/Tag.css +18 -24
  238. package/src/types/PromoTile.ts +61 -0
  239. package/src/types/StatusBadgeValueState.ts +9 -0
  240. package/src/utils/debounce.ts +19 -4
  241. package/dist/assets/messagebundle_en-BHfPJk-2.js +0 -1
package/dist/css/themes/StepInput.css CHANGED
@@ -1 +1 @@
1
- :host{--udex-step-input-button-size: 42px;--udex-step-input-input-horizontal-padding: var(--udexSpacer8, 8px);--udex-step-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-step-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-step-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-step-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-step-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-step-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-step-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-step-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F)}:host [udex-text-field]{--udex-input-color-standard-hover-border: var(--udex-step-input-color-standard-hover-border);--udex-input-color-standard-active-border: var(--udex-step-input-color-standard-active-border);--udex-input-color-error-hover-border: var(--udex-step-input-color-error-hover-border);--udex-input-color-error-active-border: var(--udex-step-input-color-error-active-border);--udex-input-color-warning-hover-border: var(--udex-step-input-color-warning-hover-border);--udex-input-color-warning-active-border: var(--udex-step-input-color-warning-active-border);--udex-input-color-success-hover-border: var(--udex-step-input-color-success-hover-border);--udex-input-color-success-active-border: var(--udex-step-input-color-success-active-border)}:host(:not([displayonly])) .udex-step-input__root{display:flex;align-items:flex-start}:host .udex-step-input__button{--udex-control-button-large-height: var(--udex-step-input-button-size);--udex-control-button-large-width: var(--udex-step-input-button-size);position:relative;padding:var(--udexSpacer4, 4px);width:38px;z-index:3;background:none;flex-shrink:0}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(ltr),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(rtl){border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(rtl),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(ltr){border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}:host([readonly]) .udex-step-input__button{opacity:1}:host(:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-hover-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-success-hover-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-hover-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-error-hover-border)}:host(:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-active-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-success-active-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-active-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-error-active-border)}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){padding-right:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding));padding-left:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding))}:host(:not([displayonly])) [udex-text-field]{margin-right:calc(var(--udex-step-input-button-size) * -1);margin-left:calc(var(--udex-step-input-button-size) * -1);width:100%}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){text-align:end}:host .udex-step-input__button_dec{order:1}:host [udex-text-field]{order:2}:host .udex-step-input__button_inc{order:3}
1
+ :host{--udex-step-input-button-size: 42px;--udex-step-input-input-horizontal-padding: var(--udexSpacer8, 8px);--udex-step-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-step-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-step-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-step-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-step-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-step-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-step-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-step-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F)}:host [udex-text-field]{--udex-input-color-standard-hover-border: var(--udex-step-input-color-standard-hover-border);--udex-input-color-standard-active-border: var(--udex-step-input-color-standard-active-border);--udex-input-color-error-hover-border: var(--udex-step-input-color-error-hover-border);--udex-input-color-error-active-border: var(--udex-step-input-color-error-active-border);--udex-input-color-warning-hover-border: var(--udex-step-input-color-warning-hover-border);--udex-input-color-warning-active-border: var(--udex-step-input-color-warning-active-border);--udex-input-color-success-hover-border: var(--udex-step-input-color-success-hover-border);--udex-input-color-success-active-border: var(--udex-step-input-color-success-active-border)}:host(:not([displayonly])) .udex-step-input__root{display:flex;align-items:flex-start}:host .udex-step-input__button{--udex-control-button-large-height: var(--udex-step-input-button-size);--udex-control-button-large-width: var(--udex-step-input-button-size);position:relative;padding:var(--udexSpacer4, 4px);width:38px;z-index:3;background:none;flex-shrink:0}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(ltr),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(rtl){border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(rtl),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(ltr){border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}:host([readonly]) .udex-step-input__button{opacity:1}:host(:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-hover-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-success-hover-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-hover-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-error-hover-border)}:host(:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-active-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-success-active-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-active-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-error-active-border)}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){padding-right:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding));padding-left:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding))}:host(:not([displayonly])) [udex-text-field]{margin-right:calc(var(--udex-step-input-button-size) * -1);margin-left:calc(var(--udex-step-input-button-size) * -1);width:100%}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){text-align:end}:host .udex-step-input__button_dec{order:1}:host [udex-text-field]{order:2}:host .udex-step-input__button_inc{order:3}.udex-step-input__root{position:relative}.hidden{position:absolute;z-index:-1;color:transparent}
package/dist/css/themes/Tag.css CHANGED
@@ -1 +1 @@
1
- :host{--udex-tags-font-size: var(--udexTypographyBodyXXSFontSize, 12px);--udex-tags-medium-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-tags-text-color: var(--udexColorGrey9, #223548);--udex-tags-min-height: 16px;--udex-tags-line-height: 18px;--udex-tags-medium-line-height: 21px;--udex-tags-icon-size: 12px;--udex-tags-icon-padding: 2px;--udex-tags-medium-icon-size: 12px;--udex-tags-radius-size: 6px;--udex-tags-text-icon-gap: 3px;--udex-tags-padding-vertical: var(--udexSpacer2, 2px);--udex-tags-padding-horizontal: var(--udexSpacer8, 8px);--udex-tags-grey-default-caption-color: var(--udexColorGrey9, #223548);--udex-tags-grey-default-background-color: var(--sapButton_TokenBackground, var(--udexColorGrey2, #EAECEE));--udex-tags-grey-hover-caption-color: var(--udexColorGrey9, #223548);--udex-tags-grey-hover-background-color: var(--udexColorGrey3, #D5DADD);--udex-tags-grey-selected-caption-color: var(--udexColorBlue8, #0057D2);--udex-tags-grey-selected-background-color: var(--udexColorBlue2, #D1EFFF);--udex-tags-grey-hover-selected-caption-color: var(--udexColorBlue9, #0040B0);--udex-tags-grey-hover-selected-background-color: var(--udexColorBlue3, #A6E0FF);--udex-tags-grey-read-only-caption-color: var(--udexColorGrey6 ,#5B738B);--udex-tags-grey-read-only-background-color: var(--sapNeutralBackground, #FFFFFF);--udex-tags-outlined-default-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-outlined-default-border-color: var(--udexColorGrey4, #A9B4BE);--udex-tags-outlined-default-border-width: 1px;--udex-tags-outlined-default-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-outlined-hover-background-color: var(--udexColorGrey1, #F5F6F7);--udex-tags-outlined-hover-border-color: var(--udexColorGrey4, #A9B4BE);--udex-tags-outlined-hover-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-outlined-selected-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-outlined-selected-border-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-selected-caption-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-hover-selected-background-color: var(--udexColorBlue1 , #EBF8FF);--udex-tags-outlined-hover-selected-border-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-hover-selected-caption-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-read-only-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-outlined-read-only-border-color: var(--udexColorGrey4, #A9B4BE);--udex-tags-outlined-read-only-caption-color: var(--udexColorGrey6 ,#5B738B);--udex-tags-text-only-default-caption-color: var(--udexColorBlue7, #0070F2);--udex-tags-text-only-hover-caption-color: var(--udexColorBlue9, #0040B0);--udex-tags-text-only-hover-selected-caption-color: var(--udexColorBlue11, #00144A);--udex-tags-text-only-read-only-caption-color: var(--udexColorGrey6, #5B738B);--udex-tags-text-only-selected-caption-color: var(--udexColorBlue10, #002A86);--udex-tags-white-default-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-white-default-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-white-hover-background-color: var(--udexColorGrey2, #EAECEE);--udex-tags-white-hover-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-white-hover-selected-background-color: var(--udexColorBlue2, #D1EFFF);--udex-tags-white-hover-selected-caption-color: var(--udexColorBlue8, #0057D2);--udex-tags-white-read-only-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-white-read-only-caption-color: var(--udexColorGrey6, #5B738B);--udex-tags-white-selected-background-color: var(--udexColorBlue1, #EBF8FF);--udex-tags-white-selected-caption-color: var(--udexColorBlue7, #0070F2)}:host([desktop]:not([read-only])) .udex-tag:focus,:host([desktop]:not([read-only])) .udex-tag__btn-icon:focus,:host(:not([read-only])) .udex-tag:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:-2px}:host([read-only]) .udex-tag:focus-visible{outline:none;box-shadow:none}.udex-tag{box-sizing:border-box;font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-tags-font-size);line-height:var(--udex-tags-line-height);color:var(--udex-tags-text-color);border-radius:var(--udex-tags-radius-size);display:inline-flex;padding:var(--udex-tags-padding-vertical) var(--udex-tags-padding-horizontal);gap:var(--udex-tags-text-icon-gap);align-items:center;overflow:hidden;position:relative;max-width:100%;cursor:pointer}.udex-tag__btn-icon{cursor:pointer;border:none;display:flex;padding:0;align-items:center;justify-content:center;border-radius:var(--udex-tags-radius-size);outline-offset:calc(var(--udexSpacer2) * -1);background:transparent;color:inherit}.udex-tag.udex-tag--nonselectable.udex-tag--has-icon{padding:var(--udexSpacer2) var(--udexSpacer8)}.udex-tag--medium{font-size:var(--udex-tags-medium-font-size);line-height:var(--udex-tags-medium-line-height)}.udex-tag__icon{padding:var(--udex-tags-icon-padding);height:var(--udex-tags-icon-size);width:var(--udex-tags-icon-size);color:inherit;flex-shrink:0}.udex-tag--medium .udex-tag__icon{padding:var(--udex-tags-icon-padding);height:var(--udex-tags-medium-icon-size);width:var(--udex-tags-medium-icon-size)}.udex-tag-grey,.udex-tag-grey.udex-tag--nonselectable,.udex-tag-grey.udex-tag--nonselectable:hover{color:var(--udex-tags-grey-default-caption-color);background-color:var(--udex-tags-grey-default-background-color)}.udex-tag-grey.udex-tag--nonselectable .udex-tag__icon:hover{background-color:var(--udex-tags-grey-hover-background-color)}.udex-tag-grey:hover{color:var(--udex-tags-grey-hover-caption-color);background-color:var(--udex-tags-grey-hover-background-color)}.udex-tag-grey.udex-tag--selected{color:var(--udex-tags-grey-selected-caption-color);background-color:var(--udex-tags-grey-selected-background-color)}.udex-tag--nonselectable{cursor:default}.udex-tag-grey.udex-tag--nonselectable,.udex-tag-grey.udex-tag--nonselectable:hover{color:var(--udex-tags-text-color)}.udex-tag-grey.udex-tag--selected:after{content:"";position:absolute;height:2px;width:100%;bottom:0;left:0;background-color:var(--udex-tags-grey-selected-caption-color)}.udex-tag-grey.udex-tag--selected:hover{color:var(--udex-tags-grey-hover-selected-caption-color);background-color:var(--udex-tags-grey-hover-selected-background-color)}.udex-tag-grey.udex-tag--selected:hover:after{background-color:var(--udex-tags-grey-hover-selected-caption-color)}.udex-tag--readonly{cursor:default}.udex-tag-grey.udex-tag--readonly:hover,.udex-tag-grey.udex-tag--readonly{color:var(--udex-tags-grey-read-only-caption-color);background-color:var(--udex-tags-grey-read-only-background-color)}.udex-tag-outlined,.udex-tag-outlined.udex-tag--nonselectable:hover{color:var(--udex-tags-outlined-default-caption-color);background-color:var(--udex-tags-outlined-default-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-default-border-color)}.udex-tag-outlined.udex-tag--nonselectable .udex-tag__icon:hover{background-color:var(--udex-tags-outlined-hover-background-color)}.udex-tag-outlined:hover{color:var(--udex-tags-outlined-hover-caption-color);background-color:var(--udex-tags-outlined-hover-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-hover-border-color)}.udex-tag-outlined.udex-tag--selected{color:var(--udex-tags-outlined-selected-caption-color);background-color:var(--udex-tags-outlined-selected-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-selected-border-color)}.udex-tag-outlined.udex-tag--selected:after{content:"";position:absolute;height:2px;width:100%;bottom:0;left:0;background-color:var(--udex-tags-outlined-selected-caption-color)}.udex-tag-outlined.udex-tag--selected:hover{color:var(--udex-tags-outlined-hover-selected-caption-color);background-color:var(--udex-tags-outlined-hover-selected-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-hover-selected-border-color)}.udex-tag-outlined.udex-tag--readonly:hover,.udex-tag-outlined.udex-tag--readonly{color:var(--udex-tags-outlined-read-only-caption-color);background-color:var(--udex-tags-outlined-read-only-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-read-only-border-color)}.udex-tag-text,.udex-tag-text.udex-tag--nonselectable.udex-tag--has-icon,.udex-tag-text.udex-tag--nonselectable:hover{color:var(--udex-tags-text-only-default-caption-color);padding:var(--udex-tags-padding-vertical) 0}.udex-tag-text .udex-tag__btn-icon{padding:var(--udexSpacer4) 0}.udex-tag-text.udex-tag--nonselectable .udex-tag__icon:hover,.udex-tag-text:hover{color:var(--udex-tags-text-only-hover-caption-color)}.udex-tag-text.udex-tag--selected{color:var(--udex-tags-text-only-selected-caption-color)}.udex-tag-text.udex-tag--selected:hover{color:var(--udex-tags-text-only-hover-selected-caption-color)}.udex-tag-text.udex-tag--readonly:hover,.udex-tag-text.udex-tag--readonly{color:var(--udex-tags-text-only-read-only-caption-color)}.udex-tag-white,.udex-tag-white.udex-tag--nonselectable:hover{color:var(--udex-tags-white-default-caption-color);background-color:var(--udex-tags-white-default-background-color)}.udex-tag-white.udex-tag--nonselectable .udex-tag__icon:hover{background-color:var(--udex-tags-white-hover-background-color)}.udex-tag-white:hover{color:var(--udex-tags-white-hover-caption-color);background-color:var(--udex-tags-white-hover-background-color)}.udex-tag-white.udex-tag--selected{color:var(--udex-tags-white-selected-caption-color);background-color:var(--udex-tags-white-selected-background-color)}.udex-tag-white.udex-tag--selected:after{content:"";position:absolute;height:2px;width:100%;bottom:0;left:0;background-color:var(--udex-tags-white-selected-caption-color)}.udex-tag-white.udex-tag--selected:hover{color:var(--udex-tags-white-hover-selected-caption-color);background-color:var(--udex-tags-white-hover-selected-background-color)}.udex-tag-white.udex-tag--selected:hover:after{background-color:var(--udex-tags-white-hover-selected-caption-color)}.udex-tag-white.udex-tag--readonly:hover,.udex-tag-white.udex-tag--readonly{color:var(--udex-tags-white-read-only-caption-color );background-color:var(--udex-tags-white-read-only-background-color)}.udex-tag__text b{font-weight:400}.udex-tag__text{overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap;min-height:var(--udex-tags-min-height)}.udex-tag--link{text-decoration:none}
1
+ :host{--udex-tags-font-size: var(--udexTypographyBodyXXSFontSize, 12px);--udex-tags-medium-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-tags-text-color: var(--udexColorGrey9, #223548);--udex-tags-min-height: 16px;--udex-tags-line-height: 18px;--udex-tags-medium-line-height: 21px;--udex-tags-icon-size: 12px;--udex-tags-icon-color: "inherit";--udex-tags-icon-padding: var(--udexSpacer2, 2px);--udex-tags-medium-icon-size: 12px;--udex-tags-radius-size: var(--udexRadiusS, 6px);--udex-tags-text-icon-gap: 3px;--udex-tags-padding-vertical: var(--udexSpacer2, 2px);--udex-tags-padding-horizontal: var(--udexSpacer8, 8px);--udex-tags-grey-default-caption-color: var(--udexColorGrey9, #223548);--udex-tags-grey-default-background-color: var(--sapButton_TokenBackground, var(--udexColorGrey2, #EAECEE));--udex-tags-grey-hover-caption-color: var(--udexColorGrey9, #223548);--udex-tags-grey-hover-background-color: var(--udexColorGrey3, #D5DADD);--udex-tags-grey-selected-caption-color: var(--udexColorBlue8, #0057D2);--udex-tags-grey-selected-background-color: var(--udexColorBlue2, #D1EFFF);--udex-tags-grey-hover-selected-caption-color: var(--udexColorBlue9, #0040B0);--udex-tags-grey-hover-selected-background-color: var(--udexColorBlue3, #A6E0FF);--udex-tags-grey-read-only-caption-color: var(--udexColorGrey6 ,#5B738B);--udex-tags-grey-read-only-background-color: var(--sapNeutralBackground, #FFFFFF);--udex-tags-outlined-default-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-outlined-default-border-color: var(--udexColorGrey4, #A9B4BE);--udex-tags-outlined-default-border-width: var(--sapButton_BorderWidth);--udex-tags-outlined-default-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-outlined-hover-background-color: var(--udexColorGrey1, #F5F6F7);--udex-tags-outlined-hover-border-color: var(--udexColorGrey4, #A9B4BE);--udex-tags-outlined-hover-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-outlined-selected-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-outlined-selected-border-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-selected-caption-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-hover-selected-background-color: var(--udexColorBlue1 , #EBF8FF);--udex-tags-outlined-hover-selected-border-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-hover-selected-caption-color: var(--udexColorBlue7, #0070F2);--udex-tags-outlined-read-only-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-outlined-read-only-border-color: var(--udexColorGrey4, #A9B4BE);--udex-tags-outlined-read-only-caption-color: var(--udexColorGrey6 ,#5B738B);--udex-tags-text-only-default-caption-color: var(--udexColorBlue7, #0070F2);--udex-tags-text-only-hover-caption-color: var(--udexColorBlue9, #0040B0);--udex-tags-text-only-hover-selected-caption-color: var(--udexColorBlue11, #00144A);--udex-tags-text-only-read-only-caption-color: var(--udexColorGrey6, #5B738B);--udex-tags-text-only-selected-caption-color: var(--udexColorBlue10, #002A86);--udex-tags-white-default-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-white-default-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-white-hover-background-color: var(--udexColorGrey2, #EAECEE);--udex-tags-white-hover-caption-color: var(--udexCoreTextDark, #223548);--udex-tags-white-hover-selected-background-color: var(--udexColorBlue2, #D1EFFF);--udex-tags-white-hover-selected-caption-color: var(--udexColorBlue8, #0057D2);--udex-tags-white-read-only-background-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-tags-white-read-only-caption-color: var(--udexColorGrey6, #5B738B);--udex-tags-white-selected-background-color: var(--udexColorBlue1, #EBF8FF);--udex-tags-white-selected-caption-color: var(--udexColorBlue7, #0070F2)}:host([desktop]:not([read-only])) .udex-tag:focus,:host([desktop]:not([read-only])) .udex-tag__btn-icon:focus,:host(:not([read-only])) .udex-tag:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:-2px}:host([read-only]) .udex-tag:focus-visible{outline:none;box-shadow:none}.udex-tag{box-sizing:border-box;font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-tags-font-size);line-height:var(--udex-tags-line-height);color:var(--udex-tags-text-color);border-radius:var(--udex-tags-radius-size);display:inline-flex;padding:var(--udex-tags-padding-vertical) var(--udex-tags-padding-horizontal);gap:var(--udex-tags-text-icon-gap);align-items:center;overflow:hidden;position:relative;max-width:100%;cursor:pointer}.udex-tag__btn-icon{cursor:pointer;border:none;display:flex;padding:0;align-items:center;justify-content:center;border-radius:var(--udex-tags-radius-size);outline-offset:calc(var(--udexSpacer2) * -1);background:transparent;color:inherit}.udex-tag.udex-tag--nonselectable.udex-tag--has-icon{padding:var(--udexSpacer2) var(--udexSpacer8)}.udex-tag--medium{font-size:var(--udex-tags-medium-font-size);line-height:var(--udex-tags-medium-line-height)}.udex-tag__icon{padding:var(--udex-tags-icon-padding);height:var(--udex-tags-icon-size);width:var(--udex-tags-icon-size);color:var(--udex-tags-icon-color);flex-shrink:0}.udex-tag--medium .udex-tag__icon{padding:var(--udex-tags-icon-padding);height:var(--udex-tags-medium-icon-size);width:var(--udex-tags-medium-icon-size)}.udex-tag-grey,.udex-tag-grey.udex-tag--nonselectable,.udex-tag-grey.udex-tag--nonselectable:hover{color:var(--udex-tags-grey-default-caption-color);background-color:var(--udex-tags-grey-default-background-color)}.udex-tag-grey.udex-tag--nonselectable .udex-tag__icon:hover{background-color:var(--udex-tags-grey-hover-background-color)}.udex-tag-grey:hover{color:var(--udex-tags-grey-hover-caption-color);background-color:var(--udex-tags-grey-hover-background-color)}.udex-tag-grey.udex-tag--selected{color:var(--udex-tags-grey-selected-caption-color);background-color:var(--udex-tags-grey-selected-background-color)}.udex-tag--nonselectable{cursor:default}.udex-tag-grey.udex-tag--nonselectable,.udex-tag-grey.udex-tag--nonselectable:hover{color:var(--udex-tags-text-color)}.udex-tag-grey.udex-tag--selected:hover{color:var(--udex-tags-grey-hover-selected-caption-color);background-color:var(--udex-tags-grey-hover-selected-background-color)}.udex-tag-grey.udex-tag--selected:hover:after{background-color:var(--udex-tags-grey-hover-selected-caption-color)}.udex-tag--readonly{cursor:default}.udex-tag-grey.udex-tag--readonly:hover,.udex-tag-grey.udex-tag--readonly{color:var(--udex-tags-grey-read-only-caption-color);background-color:var(--udex-tags-grey-read-only-background-color)}.udex-tag-outlined,.udex-tag-outlined.udex-tag--nonselectable:hover{color:var(--udex-tags-outlined-default-caption-color);background-color:var(--udex-tags-outlined-default-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-default-border-color)}.udex-tag-outlined.udex-tag--nonselectable .udex-tag__icon:hover{background-color:var(--udex-tags-outlined-hover-background-color)}.udex-tag-outlined:hover{color:var(--udex-tags-outlined-hover-caption-color);background-color:var(--udex-tags-outlined-hover-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-hover-border-color)}.udex-tag-outlined.udex-tag--selected{color:var(--udex-tags-outlined-selected-caption-color);background-color:var(--udex-tags-outlined-selected-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-selected-border-color)}.udex-tag-outlined.udex-tag--selected:hover{color:var(--udex-tags-outlined-hover-selected-caption-color);background-color:var(--udex-tags-outlined-hover-selected-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-hover-selected-border-color)}.udex-tag-outlined.udex-tag--readonly:hover,.udex-tag-outlined.udex-tag--readonly{color:var(--udex-tags-outlined-read-only-caption-color);background-color:var(--udex-tags-outlined-read-only-background-color);box-shadow:inset 0 0 0 var(--udex-tags-outlined-default-border-width) var(--udex-tags-outlined-read-only-border-color)}.udex-tag-text,.udex-tag-text.udex-tag--nonselectable.udex-tag--has-icon,.udex-tag-text.udex-tag--nonselectable:hover{color:var(--udex-tags-text-only-default-caption-color);padding:var(--udex-tags-padding-vertical) 0}.udex-tag-text .udex-tag__btn-icon{padding:var(--udexSpacer4) 0}.udex-tag-text.udex-tag--nonselectable .udex-tag__icon:hover,.udex-tag-text:hover{color:var(--udex-tags-text-only-hover-caption-color)}.udex-tag-text.udex-tag--selected{color:var(--udex-tags-text-only-selected-caption-color)}.udex-tag-text.udex-tag--selected:hover{color:var(--udex-tags-text-only-hover-selected-caption-color)}.udex-tag-text.udex-tag--readonly:hover,.udex-tag-text.udex-tag--readonly{color:var(--udex-tags-text-only-read-only-caption-color)}.udex-tag-white,.udex-tag-white.udex-tag--nonselectable:hover{color:var(--udex-tags-white-default-caption-color);background-color:var(--udex-tags-white-default-background-color)}.udex-tag-white.udex-tag--nonselectable .udex-tag__icon:hover{background-color:var(--udex-tags-white-hover-background-color)}.udex-tag-white:hover{color:var(--udex-tags-white-hover-caption-color);background-color:var(--udex-tags-white-hover-background-color)}.udex-tag-white.udex-tag--selected{color:var(--udex-tags-white-selected-caption-color);background-color:var(--udex-tags-white-selected-background-color)}.udex-tag-grey.udex-tag--selected:after,.udex-tag-outlined.udex-tag--selected:after,.udex-tag-white.udex-tag--selected:after{content:"";position:absolute;height:2px;width:100%;bottom:0;left:0}.udex-tag-white.udex-tag--selected:after{background-color:var(--udex-tags-white-selected-caption-color)}.udex-tag-grey.udex-tag--selected:after{background-color:var(--udex-tags-grey-selected-caption-color)}.udex-tag-outlined.udex-tag--selected:after{background-color:var(--udex-tags-outlined-selected-caption-color)}.udex-tag-white.udex-tag--selected:hover{color:var(--udex-tags-white-hover-selected-caption-color);background-color:var(--udex-tags-white-hover-selected-background-color)}.udex-tag-white.udex-tag--selected:hover:after{background-color:var(--udex-tags-white-hover-selected-caption-color)}.udex-tag-white.udex-tag--readonly:hover,.udex-tag-white.udex-tag--readonly{color:var(--udex-tags-white-read-only-caption-color );background-color:var(--udex-tags-white-read-only-background-color)}.udex-tag__text b{font-weight:400}.udex-tag__text{overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap;min-height:var(--udex-tags-min-height)}.udex-tag--link{text-decoration:none}