wabtec-internal-volt-basic-components 1.0.0 → 1.2.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 (773) hide show
  1. package/dist/assets/fonts/Roboto_Flex/OFL.txt +93 -0
  2. package/dist/assets/fonts/Roboto_Flex/README.txt +74 -0
  3. package/dist/assets/fonts/Roboto_Flex/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf +0 -0
  4. package/dist/cjs/{base-group-header-B_WUP7Tw.js → base-group-header-BBa6o7j-.js} +4 -5
  5. package/dist/cjs/{base-group-header-B_WUP7Tw.js.map → base-group-header-BBa6o7j-.js.map} +1 -1
  6. package/dist/cjs/{base-item-a4WG3Rk4.js → base-item-z-efWd2M.js} +7 -11
  7. package/dist/cjs/{base-item-a4WG3Rk4.js.map → base-item-z-efWd2M.js.map} +1 -1
  8. package/dist/cjs/clone-attributes-CR_poqM1.js.map +1 -1
  9. package/dist/cjs/{floating-engine-utils-T4zM9xcR.js → floating-engine-utils-DDIydT_O.js} +67 -39
  10. package/dist/cjs/floating-engine-utils-DDIydT_O.js.map +1 -0
  11. package/dist/cjs/form-Bk65VSLB.js +38 -0
  12. package/dist/cjs/form-Bk65VSLB.js.map +1 -0
  13. package/dist/cjs/{icon-attr.utils-aktWdbPZ.js → icon-attr.utils-B0fSRoC6.js} +30 -4
  14. package/dist/cjs/icon-attr.utils-B0fSRoC6.js.map +1 -0
  15. package/dist/cjs/{index-D6D5vqj8.js → index-CwXszEUj.js} +256 -136
  16. package/dist/cjs/index-CwXszEUj.js.map +1 -0
  17. package/dist/cjs/loader.cjs.js +2 -2
  18. package/dist/cjs/loader.cjs.js.map +1 -1
  19. package/dist/cjs/{node-utils-D42f_WK1.js → node-utils-BZh70EVv.js} +3 -3
  20. package/dist/cjs/{node-utils-D42f_WK1.js.map → node-utils-BZh70EVv.js.map} +1 -1
  21. package/dist/cjs/vds-autocomplete-item.cjs.entry.js +4 -6
  22. package/dist/cjs/vds-avatar_2.cjs.entry.js +147 -0
  23. package/dist/cjs/vds-badge-pill.cjs.entry.js +5 -7
  24. package/dist/cjs/vds-basic-accordion.cjs.entry.js +4 -6
  25. package/dist/cjs/vds-basic-autocomplete.cjs.entry.js +29 -18
  26. package/dist/cjs/vds-basic-combo-box.cjs.entry.js +14 -8
  27. package/dist/cjs/vds-basic-dropdown.utils-B8SPgJv4.js.map +1 -1
  28. package/dist/cjs/vds-basic-dropdown_23.cjs.entry.js +134 -126
  29. package/dist/cjs/vds-basic-input.utils-B5_cIWpL.js.map +1 -1
  30. package/dist/cjs/vds-basic-slider-continuous.cjs.entry.js +9 -6
  31. package/dist/cjs/vds-basic-slider-range-continuous.cjs.entry.js +4 -6
  32. package/dist/{volt-basic-components/p-2dee537b.entry.js → cjs/vds-breadcrumbs-item.cjs.entry.js} +23 -2
  33. package/dist/cjs/vds-chip.cjs.entry.js +23 -7
  34. package/dist/cjs/vds-dialog-action-footer.cjs.entry.js +4 -6
  35. package/dist/cjs/vds-dialog-body.cjs.entry.js +4 -6
  36. package/dist/cjs/vds-dialog-header.cjs.entry.js +4 -6
  37. package/dist/cjs/vds-dialog-modal.cjs.entry.js +4 -6
  38. package/dist/cjs/vds-dialog.cjs.entry.js +6 -8
  39. package/dist/cjs/vds-footer.cjs.entry.js +5 -7
  40. package/dist/cjs/vds-header.cjs.entry.js +18 -10
  41. package/dist/cjs/vds-key-value-pair.cjs.entry.js +4 -6
  42. package/dist/cjs/vds-notification.cjs.entry.js +4 -6
  43. package/dist/cjs/vds-popover.cjs.entry.js +10 -11
  44. package/dist/cjs/vds-progress-linear.cjs.entry.js +4 -6
  45. package/dist/cjs/vds-radio-button.cjs.entry.js +5 -7
  46. package/dist/cjs/vds-segmented-button.cjs.entry.js +4 -6
  47. package/dist/cjs/vds-sheet.cjs.entry.js +4 -6
  48. package/dist/cjs/vds-sidenav-item-app.cjs.entry.js +4 -6
  49. package/dist/cjs/vds-sidenav-item-button.cjs.entry.js +5 -7
  50. package/dist/cjs/vds-sidenav-item-category.cjs.entry.js +5 -7
  51. package/dist/cjs/vds-sidenav-item-input.cjs.entry.js +8 -6
  52. package/dist/cjs/vds-skeleton-loading.cjs.entry.js +4 -6
  53. package/dist/{volt-basic-components/p-c5b478d7.entry.js → cjs/vds-stepper-item-header.cjs.entry.js} +29 -2
  54. package/dist/cjs/vds-stepper-item.cjs.entry.js +98 -0
  55. package/dist/cjs/vds-switch.cjs.entry.js +5 -7
  56. package/dist/cjs/vds-tab.cjs.entry.js +5 -7
  57. package/dist/cjs/vds-tabs-group.cjs.entry.js +23 -19
  58. package/dist/cjs/vds-tooltip.cjs.entry.js +9 -11
  59. package/dist/cjs/vds-upload-drag.cjs.entry.js +4 -6
  60. package/dist/cjs/volt-basic-components.cjs.js +3 -3
  61. package/dist/cjs/volt-basic-components.cjs.js.map +1 -1
  62. package/dist/collection/collection-manifest.json +5 -2
  63. package/dist/collection/components/accordion/vds-basic-accordion.css +15 -1
  64. package/dist/collection/components/accordion/vds-basic-accordion.js +12 -12
  65. package/dist/collection/components/autocomplete/vds-basic-autocomplete.css +19 -1
  66. package/dist/collection/components/autocomplete/vds-basic-autocomplete.js +76 -46
  67. package/dist/collection/components/autocomplete/vds-basic-autocomplete.js.map +1 -1
  68. package/dist/collection/components/autocomplete/vds-basic-autocomplete.utils.js.map +1 -1
  69. package/dist/collection/components/autocomplete-item/vds-autocomplete-item.css +15 -1
  70. package/dist/collection/components/autocomplete-item/vds-autocomplete-item.js +16 -16
  71. package/dist/collection/components/avatar/vds-avatar.css +44 -1
  72. package/dist/collection/components/avatar/vds-avatar.js +55 -8
  73. package/dist/collection/components/avatar/vds-avatar.js.map +1 -1
  74. package/dist/collection/components/avatar/vds-avatar.stories.js +22 -4
  75. package/dist/collection/components/avatar/vds-avatar.stories.js.map +1 -1
  76. package/dist/collection/components/badge-dot/vds-badge-dot.css +16 -1
  77. package/dist/collection/components/badge-dot/vds-badge-dot.js +7 -7
  78. package/dist/collection/components/badge-pill/vds-badge-pill.css +15 -1
  79. package/dist/collection/components/badge-pill/vds-badge-pill.js +25 -19
  80. package/dist/collection/components/badge-pill/vds-badge-pill.js.map +1 -1
  81. package/dist/collection/components/basic-dropdown/vds-basic-dropdown.css +35 -13
  82. package/dist/collection/components/basic-dropdown/vds-basic-dropdown.js +40 -35
  83. package/dist/collection/components/basic-dropdown/vds-basic-dropdown.js.map +1 -1
  84. package/dist/collection/components/basic-dropdown/vds-basic-dropdown.stories.js +15 -15
  85. package/dist/collection/components/basic-dropdown/vds-basic-dropdown.stories.js.map +1 -1
  86. package/dist/collection/components/breadcrumb-item/vds-breadcrumbs-item.css +986 -0
  87. package/dist/collection/components/breadcrumb-item/vds-breadcrumbs-item.js +70 -0
  88. package/dist/collection/components/breadcrumb-item/vds-breadcrumbs-item.js.map +1 -0
  89. package/dist/collection/components/breadcrumb-item/vds-breadcrumbs-item.stories.js +68 -0
  90. package/dist/collection/components/breadcrumb-item/vds-breadcrumbs-item.stories.js.map +1 -0
  91. package/dist/collection/components/button/vds-button.css +18 -2
  92. package/dist/collection/components/button/vds-button.js +7 -7
  93. package/dist/collection/components/card/vds-card.css +22 -3
  94. package/dist/collection/components/card/vds-card.js +15 -15
  95. package/dist/collection/components/checkbox/vds-checkbox.css +15 -1
  96. package/dist/collection/components/checkbox/vds-checkbox.js +11 -11
  97. package/dist/collection/components/checkbox/vds-checkbox.js.map +1 -1
  98. package/dist/collection/components/chip/vds-chip.css +22 -1
  99. package/dist/collection/components/chip/vds-chip.js +37 -19
  100. package/dist/collection/components/chip/vds-chip.js.map +1 -1
  101. package/dist/collection/components/dialog/vds-dialog.css +15 -1
  102. package/dist/collection/components/dialog/vds-dialog.js +9 -9
  103. package/dist/collection/components/dialog-action-footer/vds-dialog-action-footer.css +15 -1
  104. package/dist/collection/components/dialog-action-footer/vds-dialog-action-footer.js +1 -1
  105. package/dist/collection/components/dialog-body/vds-dialog-body.css +15 -1
  106. package/dist/collection/components/dialog-body/vds-dialog-body.js +1 -1
  107. package/dist/collection/components/dialog-header/vds-dialog-header.css +15 -1
  108. package/dist/collection/components/dialog-header/vds-dialog-header.js +2 -2
  109. package/dist/collection/components/dialog-modal/vds-dialog-modal.css +16 -1
  110. package/dist/collection/components/dialog-modal/vds-dialog-modal.js +1 -1
  111. package/dist/collection/components/divider/vds-divider.css +23 -5
  112. package/dist/collection/components/divider/vds-divider.js +17 -7
  113. package/dist/collection/components/divider/vds-divider.js.map +1 -1
  114. package/dist/collection/components/drawer/vds-drawer.css +17 -2
  115. package/dist/collection/components/drawer/vds-drawer.js +16 -16
  116. package/dist/collection/components/dropdown-group-header/vds-dropdown-group-header.css +15 -1
  117. package/dist/collection/components/dropdown-group-header/vds-dropdown-group-header.js +2 -2
  118. package/dist/collection/components/dropdown-item/vds-dropdown-item.css +15 -1
  119. package/dist/collection/components/dropdown-item/vds-dropdown-item.js +21 -21
  120. package/dist/collection/components/dropdown-multiselect/vds-basic-dropdown-multiselect.css +29 -24
  121. package/dist/collection/components/dropdown-multiselect/vds-basic-dropdown-multiselect.js +33 -30
  122. package/dist/collection/components/dropdown-multiselect/vds-basic-dropdown-multiselect.js.map +1 -1
  123. package/dist/collection/components/dropdown-multiselect/vds-basic-dropdown-multiselect.stories.js +6 -6
  124. package/dist/collection/components/dropdown-multiselect/vds-basic-dropdown-multiselect.stories.js.map +1 -1
  125. package/dist/collection/components/field/vds-field.css +15 -1
  126. package/dist/collection/components/field/vds-field.js +13 -13
  127. package/dist/collection/components/footer/vds-footer.css +15 -1
  128. package/dist/collection/components/footer/vds-footer.js +7 -7
  129. package/dist/collection/components/header/vds-header.css +15 -1
  130. package/dist/collection/components/header/vds-header.js +85 -10
  131. package/dist/collection/components/header/vds-header.js.map +1 -1
  132. package/dist/collection/components/header/vds-header.stories.js +15 -1
  133. package/dist/collection/components/header/vds-header.stories.js.map +1 -1
  134. package/dist/collection/components/icon/vds-icon.css +308 -169
  135. package/dist/collection/components/icon/vds-icon.js +11 -11
  136. package/dist/collection/components/icon/vds-icon.js.map +1 -1
  137. package/dist/collection/components/icon-button/vds-icon-button.css +19 -1
  138. package/dist/collection/components/icon-button/vds-icon-button.js +8 -8
  139. package/dist/collection/components/input/vds-basic-input.css +15 -1
  140. package/dist/collection/components/input/vds-basic-input.js +25 -23
  141. package/dist/collection/components/input/vds-basic-input.js.map +1 -1
  142. package/dist/collection/components/input/vds-basic-input.stories.js +3 -3
  143. package/dist/collection/components/input/vds-basic-input.stories.js.map +1 -1
  144. package/dist/collection/components/key-value-pair/vds-key-value-pair.css +15 -1
  145. package/dist/collection/components/key-value-pair/vds-key-value-pair.js +8 -8
  146. package/dist/collection/components/label/vds-label.css +15 -1
  147. package/dist/collection/components/label/vds-label.js +10 -10
  148. package/dist/collection/components/label/vds-label.js.map +1 -1
  149. package/dist/collection/components/link/vds-link.css +15 -1
  150. package/dist/collection/components/link/vds-link.js +12 -12
  151. package/dist/collection/components/menu/vds-menu.css +15 -1
  152. package/dist/collection/components/menu/vds-menu.js +12 -11
  153. package/dist/collection/components/menu/vds-menu.js.map +1 -1
  154. package/dist/collection/components/menu-group-header/vds-menu-group-header.css +15 -1
  155. package/dist/collection/components/menu-group-header/vds-menu-group-header.js +2 -2
  156. package/dist/collection/components/menu-item/vds-menu-item.css +69 -1
  157. package/dist/collection/components/menu-item/vds-menu-item.js +18 -18
  158. package/dist/collection/components/menu-list/vds-menu-list.css +15 -1
  159. package/dist/collection/components/menu-list/vds-menu-list.js +1 -1
  160. package/dist/collection/components/notification/vds-notification.css +15 -1
  161. package/dist/collection/components/notification/vds-notification.js +7 -8
  162. package/dist/collection/components/notification/vds-notification.js.map +1 -1
  163. package/dist/collection/components/popover/vds-popover.css +15 -1
  164. package/dist/collection/components/popover/vds-popover.js +13 -12
  165. package/dist/collection/components/popover/vds-popover.js.map +1 -1
  166. package/dist/collection/components/progress-circular/vds-progress-circular.css +15 -1
  167. package/dist/collection/components/progress-circular/vds-progress-circular.js +10 -10
  168. package/dist/collection/components/progress-linear/vds-progress-linear.css +15 -1
  169. package/dist/collection/components/progress-linear/vds-progress-linear.js +9 -9
  170. package/dist/collection/components/radio-button/vds-radio-button.css +15 -1
  171. package/dist/collection/components/radio-button/vds-radio-button.js +10 -10
  172. package/dist/collection/components/segmented-button/vds-segmented-button.css +15 -1
  173. package/dist/collection/components/segmented-button/vds-segmented-button.js +9 -9
  174. package/dist/collection/components/sheet/vds-sheet.css +15 -1
  175. package/dist/collection/components/sheet/vds-sheet.js +5 -5
  176. package/dist/collection/components/sidenav-item/vds-sidenav-item.css +15 -1
  177. package/dist/collection/components/sidenav-item/vds-sidenav-item.js +13 -13
  178. package/dist/collection/components/sidenav-item-app/vds-sidenav-item-app.css +15 -1
  179. package/dist/collection/components/sidenav-item-app/vds-sidenav-item-app.js +8 -8
  180. package/dist/collection/components/sidenav-item-button/vds-sidenav-item-button.css +15 -1
  181. package/dist/collection/components/sidenav-item-button/vds-sidenav-item-button.js +12 -12
  182. package/dist/collection/components/sidenav-item-button/vds-sidenav-item-button.js.map +1 -1
  183. package/dist/collection/components/sidenav-item-category/vds-sidenav-item-category.css +15 -1
  184. package/dist/collection/components/sidenav-item-category/vds-sidenav-item-category.js +6 -6
  185. package/dist/collection/components/sidenav-item-input/vds-sidenav-item-input.css +15 -1
  186. package/dist/collection/components/sidenav-item-input/vds-sidenav-item-input.js +20 -16
  187. package/dist/collection/components/sidenav-item-input/vds-sidenav-item-input.js.map +1 -1
  188. package/dist/collection/components/skeleton-loading/vds-skeleton-loading.css +15 -1
  189. package/dist/collection/components/skeleton-loading/vds-skeleton-loading.js +4 -4
  190. package/dist/collection/components/slider-continuous/vds-basic-slider-continuous.css +15 -1
  191. package/dist/collection/components/slider-continuous/vds-basic-slider-continuous.js +22 -17
  192. package/dist/collection/components/slider-continuous/vds-basic-slider-continuous.js.map +1 -1
  193. package/dist/collection/components/slider-range-continuous/vds-basic-slider-range-continuous.css +15 -1
  194. package/dist/collection/components/slider-range-continuous/vds-basic-slider-range-continuous.js +18 -18
  195. package/dist/collection/components/stepper-item/vds-stepper-item.css +1006 -0
  196. package/dist/collection/components/stepper-item/vds-stepper-item.js +292 -0
  197. package/dist/collection/components/stepper-item/vds-stepper-item.js.map +1 -0
  198. package/dist/collection/components/stepper-item/vds-stepper-item.stories.js +115 -0
  199. package/dist/collection/components/stepper-item/vds-stepper-item.stories.js.map +1 -0
  200. package/dist/collection/components/stepper-item-header/vds-stepper-item-header.css +936 -0
  201. package/dist/collection/components/stepper-item-header/vds-stepper-item-header.js +114 -0
  202. package/dist/collection/components/stepper-item-header/vds-stepper-item-header.js.map +1 -0
  203. package/dist/collection/components/stepper-item-header/vds-stepper-item-header.stories.js +28 -0
  204. package/dist/collection/components/stepper-item-header/vds-stepper-item-header.stories.js.map +1 -0
  205. package/dist/collection/components/switch/vds-switch.css +21 -5
  206. package/dist/collection/components/switch/vds-switch.js +10 -10
  207. package/dist/collection/components/switch/vds-switch.js.map +1 -1
  208. package/dist/collection/components/switch/vds-switch.stories.js +43 -11
  209. package/dist/collection/components/switch/vds-switch.stories.js.map +1 -1
  210. package/dist/collection/components/tab/vds-tab.css +15 -1
  211. package/dist/collection/components/tab/vds-tab.js +21 -21
  212. package/dist/collection/components/tabs-group/vds-tabs-group.css +15 -1
  213. package/dist/collection/components/tabs-group/vds-tabs-group.js +29 -23
  214. package/dist/collection/components/tabs-group/vds-tabs-group.js.map +1 -1
  215. package/dist/collection/components/textarea/vds-basic-textarea.css +15 -1
  216. package/dist/collection/components/textarea/vds-basic-textarea.js +59 -24
  217. package/dist/collection/components/textarea/vds-basic-textarea.js.map +1 -1
  218. package/dist/collection/components/tooltip/vds-tooltip.css +15 -1
  219. package/dist/collection/components/tooltip/vds-tooltip.js +11 -11
  220. package/dist/collection/components/upload-drag/vds-upload-drag.css +15 -1
  221. package/dist/collection/components/upload-drag/vds-upload-drag.js +8 -8
  222. package/dist/collection/components/upload-item/vds-upload-item.css +19 -3
  223. package/dist/collection/components/upload-item/vds-upload-item.js +7 -7
  224. package/dist/collection/components/vds-basic-combo-box/vds-basic-combo-box.css +24 -10
  225. package/dist/collection/components/vds-basic-combo-box/vds-basic-combo-box.js +24 -17
  226. package/dist/collection/components/vds-basic-combo-box/vds-basic-combo-box.js.map +1 -1
  227. package/dist/collection/constants/color-vars.js +1 -1
  228. package/dist/collection/constants/color-vars.js.map +1 -1
  229. package/dist/collection/definitions/colors.js.map +1 -1
  230. package/dist/collection/scripts/sass-to-json-script.js +19 -11
  231. package/dist/collection/scripts/svg-adaptation.js +1 -1
  232. package/dist/collection/utils/form.js +14 -0
  233. package/dist/collection/utils/form.js.map +1 -1
  234. package/dist/collection/utils/icon-attr.utils.js +27 -2
  235. package/dist/collection/utils/icon-attr.utils.js.map +1 -1
  236. package/dist/components/base-group-header.js +1 -2
  237. package/dist/components/base-group-header.js.map +1 -1
  238. package/dist/components/base-item.js +4 -8
  239. package/dist/components/base-item.js.map +1 -1
  240. package/dist/components/clone-attributes.js.map +1 -1
  241. package/dist/components/floating-engine-utils.js +65 -37
  242. package/dist/components/floating-engine-utils.js.map +1 -1
  243. package/dist/components/form.js +15 -1
  244. package/dist/components/form.js.map +1 -1
  245. package/dist/components/icon-attr.utils.js +28 -3
  246. package/dist/components/icon-attr.utils.js.map +1 -1
  247. package/dist/components/vds-autocomplete-item2.js +11 -9
  248. package/dist/components/vds-autocomplete-item2.js.map +1 -1
  249. package/dist/components/vds-avatar2.js +52 -15
  250. package/dist/components/vds-avatar2.js.map +1 -1
  251. package/dist/components/vds-badge-dot.js +1 -57
  252. package/dist/components/vds-badge-dot.js.map +1 -1
  253. package/dist/components/vds-badge-dot2.js +64 -0
  254. package/dist/components/vds-badge-dot2.js.map +1 -0
  255. package/dist/components/vds-badge-pill.js +12 -10
  256. package/dist/components/vds-badge-pill.js.map +1 -1
  257. package/dist/components/vds-basic-accordion.js +12 -10
  258. package/dist/components/vds-basic-accordion.js.map +1 -1
  259. package/dist/components/vds-basic-autocomplete.js +41 -26
  260. package/dist/components/vds-basic-autocomplete.js.map +1 -1
  261. package/dist/components/vds-basic-combo-box.js +32 -16
  262. package/dist/components/vds-basic-combo-box.js.map +1 -1
  263. package/dist/components/vds-basic-dropdown-multiselect.js +23 -18
  264. package/dist/components/vds-basic-dropdown-multiselect.js.map +1 -1
  265. package/dist/components/vds-basic-dropdown.js +32 -25
  266. package/dist/components/vds-basic-dropdown.js.map +1 -1
  267. package/dist/components/vds-basic-dropdown.utils.js.map +1 -1
  268. package/dist/components/vds-basic-input.utils.js.map +1 -1
  269. package/dist/components/vds-basic-input2.js +20 -15
  270. package/dist/components/vds-basic-input2.js.map +1 -1
  271. package/dist/components/vds-basic-slider-continuous.js +17 -10
  272. package/dist/components/vds-basic-slider-continuous.js.map +1 -1
  273. package/dist/components/vds-basic-slider-range-continuous.js +12 -10
  274. package/dist/components/vds-basic-slider-range-continuous.js.map +1 -1
  275. package/dist/components/vds-basic-textarea.js +32 -13
  276. package/dist/components/vds-basic-textarea.js.map +1 -1
  277. package/dist/components/vds-breadcrumbs-item.d.ts +11 -0
  278. package/dist/components/vds-breadcrumbs-item.js +46 -0
  279. package/dist/components/vds-breadcrumbs-item.js.map +1 -0
  280. package/dist/components/vds-button.js +11 -9
  281. package/dist/components/vds-button.js.map +1 -1
  282. package/dist/components/vds-card2.js +12 -10
  283. package/dist/components/vds-card2.js.map +1 -1
  284. package/dist/components/vds-checkbox.js +13 -11
  285. package/dist/components/vds-checkbox.js.map +1 -1
  286. package/dist/components/vds-chip2.js +38 -12
  287. package/dist/components/vds-chip2.js.map +1 -1
  288. package/dist/components/vds-dialog-action-footer.js +11 -9
  289. package/dist/components/vds-dialog-action-footer.js.map +1 -1
  290. package/dist/components/vds-dialog-body.js +11 -9
  291. package/dist/components/vds-dialog-body.js.map +1 -1
  292. package/dist/components/vds-dialog-header.js +13 -11
  293. package/dist/components/vds-dialog-header.js.map +1 -1
  294. package/dist/components/vds-dialog-modal.js +11 -9
  295. package/dist/components/vds-dialog-modal.js.map +1 -1
  296. package/dist/components/vds-dialog.js +13 -11
  297. package/dist/components/vds-dialog.js.map +1 -1
  298. package/dist/components/vds-divider2.js +11 -9
  299. package/dist/components/vds-divider2.js.map +1 -1
  300. package/dist/components/vds-drawer.js +13 -11
  301. package/dist/components/vds-drawer.js.map +1 -1
  302. package/dist/components/vds-dropdown-group-header.js +11 -9
  303. package/dist/components/vds-dropdown-group-header.js.map +1 -1
  304. package/dist/components/vds-dropdown-item.js +13 -11
  305. package/dist/components/vds-dropdown-item.js.map +1 -1
  306. package/dist/components/vds-field.js +13 -11
  307. package/dist/components/vds-field.js.map +1 -1
  308. package/dist/components/vds-footer.js +14 -12
  309. package/dist/components/vds-footer.js.map +1 -1
  310. package/dist/components/vds-header.js +36 -15
  311. package/dist/components/vds-header.js.map +1 -1
  312. package/dist/components/vds-icon-button2.js +12 -10
  313. package/dist/components/vds-icon-button2.js.map +1 -1
  314. package/dist/components/vds-icon2.js +12 -10
  315. package/dist/components/vds-icon2.js.map +1 -1
  316. package/dist/components/vds-key-value-pair.js +11 -9
  317. package/dist/components/vds-key-value-pair.js.map +1 -1
  318. package/dist/components/vds-label2.js +14 -12
  319. package/dist/components/vds-label2.js.map +1 -1
  320. package/dist/components/vds-link.js +12 -10
  321. package/dist/components/vds-link.js.map +1 -1
  322. package/dist/components/vds-menu-group-header.js +11 -9
  323. package/dist/components/vds-menu-group-header.js.map +1 -1
  324. package/dist/components/vds-menu-item.js +11 -9
  325. package/dist/components/vds-menu-item.js.map +1 -1
  326. package/dist/components/vds-menu-list.js +11 -9
  327. package/dist/components/vds-menu-list.js.map +1 -1
  328. package/dist/components/vds-menu.js +14 -11
  329. package/dist/components/vds-menu.js.map +1 -1
  330. package/dist/components/vds-notification.js +13 -11
  331. package/dist/components/vds-notification.js.map +1 -1
  332. package/dist/components/vds-popover.js +15 -12
  333. package/dist/components/vds-popover.js.map +1 -1
  334. package/dist/components/vds-progress-circular2.js +11 -9
  335. package/dist/components/vds-progress-circular2.js.map +1 -1
  336. package/dist/components/vds-progress-linear.js +11 -9
  337. package/dist/components/vds-progress-linear.js.map +1 -1
  338. package/dist/components/vds-radio-button.js +14 -12
  339. package/dist/components/vds-radio-button.js.map +1 -1
  340. package/dist/components/vds-segmented-button.js +12 -10
  341. package/dist/components/vds-segmented-button.js.map +1 -1
  342. package/dist/components/vds-sheet.js +11 -9
  343. package/dist/components/vds-sheet.js.map +1 -1
  344. package/dist/components/vds-sidenav-item-app.js +12 -10
  345. package/dist/components/vds-sidenav-item-app.js.map +1 -1
  346. package/dist/components/vds-sidenav-item-button.js +13 -11
  347. package/dist/components/vds-sidenav-item-button.js.map +1 -1
  348. package/dist/components/vds-sidenav-item-category.js +11 -9
  349. package/dist/components/vds-sidenav-item-category.js.map +1 -1
  350. package/dist/components/vds-sidenav-item-input.js +19 -13
  351. package/dist/components/vds-sidenav-item-input.js.map +1 -1
  352. package/dist/components/vds-sidenav-item2.js +12 -10
  353. package/dist/components/vds-sidenav-item2.js.map +1 -1
  354. package/dist/components/vds-skeleton-loading.js +11 -9
  355. package/dist/components/vds-skeleton-loading.js.map +1 -1
  356. package/dist/components/vds-stepper-item-header.d.ts +11 -0
  357. package/dist/{volt-basic-components/p-0fb2cb53.entry.js → components/vds-stepper-item-header.js} +54 -2
  358. package/dist/components/vds-stepper-item-header.js.map +1 -0
  359. package/dist/components/vds-stepper-item.d.ts +11 -0
  360. package/dist/components/vds-stepper-item.js +142 -0
  361. package/dist/components/vds-stepper-item.js.map +1 -0
  362. package/dist/components/vds-switch.js +14 -12
  363. package/dist/components/vds-switch.js.map +1 -1
  364. package/dist/components/vds-tab.js +14 -12
  365. package/dist/components/vds-tab.js.map +1 -1
  366. package/dist/components/vds-tabs-group.js +30 -22
  367. package/dist/components/vds-tabs-group.js.map +1 -1
  368. package/dist/components/vds-tooltip.js +14 -12
  369. package/dist/components/vds-tooltip.js.map +1 -1
  370. package/dist/components/vds-upload-drag.js +12 -10
  371. package/dist/components/vds-upload-drag.js.map +1 -1
  372. package/dist/components/vds-upload-item.js +14 -12
  373. package/dist/components/vds-upload-item.js.map +1 -1
  374. package/dist/esm/{base-group-header-BuuRc-nw.js → base-group-header-Dv2b0x2u.js} +4 -5
  375. package/dist/esm/{base-group-header-BuuRc-nw.js.map → base-group-header-Dv2b0x2u.js.map} +1 -1
  376. package/dist/esm/{base-item-D7eOT-ts.js → base-item-BJCnJ_64.js} +7 -11
  377. package/dist/esm/{base-item-D7eOT-ts.js.map → base-item-BJCnJ_64.js.map} +1 -1
  378. package/dist/esm/clone-attributes-CqHfuEQc.js.map +1 -1
  379. package/dist/esm/{floating-engine-utils-BqkUBR_p.js → floating-engine-utils-ClEAm9Wn.js} +67 -39
  380. package/dist/esm/floating-engine-utils-ClEAm9Wn.js.map +1 -0
  381. package/dist/esm/form-BVF1zxcZ.js +35 -0
  382. package/dist/esm/form-BVF1zxcZ.js.map +1 -0
  383. package/dist/esm/{icon-attr.utils-C1rbpvgj.js → icon-attr.utils-DB1QD50d.js} +30 -5
  384. package/dist/esm/icon-attr.utils-DB1QD50d.js.map +1 -0
  385. package/dist/esm/{index-DTZC-zXo.js → index-YrP3OJ_T.js} +256 -136
  386. package/dist/esm/index-YrP3OJ_T.js.map +1 -0
  387. package/dist/esm/loader.js +3 -3
  388. package/dist/esm/{node-utils-CG_RZPHo.js → node-utils-Ds4TZ2g7.js} +3 -3
  389. package/dist/esm/{node-utils-CG_RZPHo.js.map → node-utils-Ds4TZ2g7.js.map} +1 -1
  390. package/dist/esm/vds-autocomplete-item.entry.js +4 -6
  391. package/dist/esm/vds-autocomplete-item.entry.js.map +1 -1
  392. package/dist/esm/vds-avatar_2.entry.js +144 -0
  393. package/dist/esm/vds-badge-pill.entry.js +5 -7
  394. package/dist/esm/vds-badge-pill.entry.js.map +1 -1
  395. package/dist/esm/vds-basic-accordion.entry.js +4 -6
  396. package/dist/esm/vds-basic-accordion.entry.js.map +1 -1
  397. package/dist/esm/vds-basic-autocomplete.entry.js +29 -18
  398. package/dist/esm/vds-basic-autocomplete.entry.js.map +1 -1
  399. package/dist/esm/vds-basic-combo-box.entry.js +14 -8
  400. package/dist/esm/vds-basic-combo-box.entry.js.map +1 -1
  401. package/dist/esm/vds-basic-dropdown.utils-BMJUPaKN.js.map +1 -1
  402. package/dist/esm/vds-basic-dropdown_23.entry.js +131 -123
  403. package/dist/esm/vds-basic-input.utils-DswuOEPv.js.map +1 -1
  404. package/dist/esm/vds-basic-slider-continuous.entry.js +9 -6
  405. package/dist/esm/vds-basic-slider-continuous.entry.js.map +1 -1
  406. package/dist/esm/vds-basic-slider-range-continuous.entry.js +4 -6
  407. package/dist/esm/vds-basic-slider-range-continuous.entry.js.map +1 -1
  408. package/dist/esm/vds-breadcrumbs-item.entry.js +21 -0
  409. package/dist/esm/vds-breadcrumbs-item.entry.js.map +1 -0
  410. package/dist/esm/vds-chip.entry.js +23 -7
  411. package/dist/esm/vds-chip.entry.js.map +1 -1
  412. package/dist/esm/vds-dialog-action-footer.entry.js +4 -6
  413. package/dist/esm/vds-dialog-action-footer.entry.js.map +1 -1
  414. package/dist/esm/vds-dialog-body.entry.js +4 -6
  415. package/dist/esm/vds-dialog-body.entry.js.map +1 -1
  416. package/dist/esm/vds-dialog-header.entry.js +4 -6
  417. package/dist/esm/vds-dialog-header.entry.js.map +1 -1
  418. package/dist/esm/vds-dialog-modal.entry.js +4 -6
  419. package/dist/esm/vds-dialog-modal.entry.js.map +1 -1
  420. package/dist/esm/vds-dialog.entry.js +6 -8
  421. package/dist/esm/vds-dialog.entry.js.map +1 -1
  422. package/dist/esm/vds-footer.entry.js +5 -7
  423. package/dist/esm/vds-footer.entry.js.map +1 -1
  424. package/dist/esm/vds-header.entry.js +18 -10
  425. package/dist/esm/vds-header.entry.js.map +1 -1
  426. package/dist/esm/vds-key-value-pair.entry.js +4 -6
  427. package/dist/esm/vds-key-value-pair.entry.js.map +1 -1
  428. package/dist/esm/vds-notification.entry.js +4 -6
  429. package/dist/esm/vds-notification.entry.js.map +1 -1
  430. package/dist/esm/vds-popover.entry.js +10 -11
  431. package/dist/esm/vds-popover.entry.js.map +1 -1
  432. package/dist/esm/vds-progress-linear.entry.js +4 -6
  433. package/dist/esm/vds-progress-linear.entry.js.map +1 -1
  434. package/dist/esm/vds-radio-button.entry.js +5 -7
  435. package/dist/esm/vds-radio-button.entry.js.map +1 -1
  436. package/dist/esm/vds-segmented-button.entry.js +4 -6
  437. package/dist/esm/vds-segmented-button.entry.js.map +1 -1
  438. package/dist/esm/vds-sheet.entry.js +4 -6
  439. package/dist/esm/vds-sheet.entry.js.map +1 -1
  440. package/dist/esm/vds-sidenav-item-app.entry.js +4 -6
  441. package/dist/esm/vds-sidenav-item-app.entry.js.map +1 -1
  442. package/dist/esm/vds-sidenav-item-button.entry.js +5 -7
  443. package/dist/esm/vds-sidenav-item-button.entry.js.map +1 -1
  444. package/dist/esm/vds-sidenav-item-category.entry.js +5 -7
  445. package/dist/esm/vds-sidenav-item-category.entry.js.map +1 -1
  446. package/dist/esm/vds-sidenav-item-input.entry.js +8 -6
  447. package/dist/esm/vds-sidenav-item-input.entry.js.map +1 -1
  448. package/dist/esm/vds-skeleton-loading.entry.js +4 -6
  449. package/dist/esm/vds-skeleton-loading.entry.js.map +1 -1
  450. package/dist/{volt-basic-components/p-98e1b3f7.entry.js → esm/vds-stepper-item-header.entry.js} +27 -2
  451. package/dist/esm/vds-stepper-item-header.entry.js.map +1 -0
  452. package/dist/esm/vds-stepper-item.entry.js +96 -0
  453. package/dist/esm/vds-stepper-item.entry.js.map +1 -0
  454. package/dist/esm/vds-switch.entry.js +5 -7
  455. package/dist/esm/vds-switch.entry.js.map +1 -1
  456. package/dist/esm/vds-tab.entry.js +5 -7
  457. package/dist/esm/vds-tab.entry.js.map +1 -1
  458. package/dist/esm/vds-tabs-group.entry.js +23 -19
  459. package/dist/esm/vds-tabs-group.entry.js.map +1 -1
  460. package/dist/esm/vds-tooltip.entry.js +9 -11
  461. package/dist/esm/vds-tooltip.entry.js.map +1 -1
  462. package/dist/esm/vds-upload-drag.entry.js +4 -6
  463. package/dist/esm/vds-upload-drag.entry.js.map +1 -1
  464. package/dist/esm/volt-basic-components.js +4 -4
  465. package/dist/esm/volt-basic-components.js.map +1 -1
  466. package/dist/types/components/autocomplete/vds-basic-autocomplete.d.ts +6 -2
  467. package/dist/types/components/autocomplete/vds-basic-autocomplete.utils.d.ts +5 -0
  468. package/dist/types/components/avatar/vds-avatar.d.ts +10 -2
  469. package/dist/types/components/avatar/vds-avatar.stories.d.ts +9 -0
  470. package/dist/types/components/badge-pill/vds-badge-pill.d.ts +1 -1
  471. package/dist/types/components/basic-dropdown/vds-basic-dropdown.d.ts +2 -1
  472. package/dist/types/components/breadcrumb-item/vds-breadcrumbs-item.d.ts +7 -0
  473. package/dist/types/components/breadcrumb-item/vds-breadcrumbs-item.stories.d.ts +15 -0
  474. package/dist/types/components/chip/vds-chip.d.ts +2 -0
  475. package/dist/types/components/divider/vds-divider.d.ts +2 -2
  476. package/dist/types/components/dropdown-multiselect/vds-basic-dropdown-multiselect.d.ts +1 -0
  477. package/dist/types/components/header/vds-header.d.ts +8 -0
  478. package/dist/types/components/header/vds-header.stories.d.ts +8 -0
  479. package/dist/types/components/input/vds-basic-input.d.ts +1 -1
  480. package/dist/types/components/menu/vds-menu.d.ts +1 -0
  481. package/dist/types/components/popover/vds-popover.d.ts +1 -0
  482. package/dist/types/components/stepper-item/vds-stepper-item.d.ts +39 -0
  483. package/dist/types/components/stepper-item/vds-stepper-item.stories.d.ts +40 -0
  484. package/dist/types/components/stepper-item-header/vds-stepper-item-header.d.ts +11 -0
  485. package/dist/types/components/stepper-item-header/vds-stepper-item-header.stories.d.ts +14 -0
  486. package/dist/types/components/switch/vds-switch.stories.d.ts +1 -0
  487. package/dist/types/components/tabs-group/vds-tabs-group.d.ts +2 -0
  488. package/dist/types/components/textarea/vds-basic-textarea.d.ts +6 -0
  489. package/dist/types/components/vds-basic-combo-box/vds-basic-combo-box.d.ts +1 -0
  490. package/dist/types/components.d.ts +261 -11
  491. package/dist/types/constants/color-vars.d.ts +104 -96
  492. package/dist/types/definitions/colors.d.ts +3 -3
  493. package/dist/types/stencil-public-runtime.d.ts +104 -7
  494. package/dist/types/utils/clone-attributes.d.ts +1 -1
  495. package/dist/types/utils/form.d.ts +6 -0
  496. package/dist/types/utils/icon-attr.utils.d.ts +9 -2
  497. package/dist/{esm/vds-badge-dot.entry.js → volt-basic-components/p-20d5fd8b.entry.js} +2 -41
  498. package/dist/volt-basic-components/p-20d5fd8b.entry.js.map +1 -0
  499. package/dist/volt-basic-components/{p-ea6782f2.entry.js → p-2a61923a.entry.js} +2 -2
  500. package/dist/volt-basic-components/p-2a61923a.entry.js.map +1 -0
  501. package/dist/volt-basic-components/p-2d5a6a63.entry.js +2 -0
  502. package/dist/volt-basic-components/p-2d5a6a63.entry.js.map +1 -0
  503. package/dist/volt-basic-components/p-32b69f9b.entry.js +2 -0
  504. package/dist/volt-basic-components/p-32b69f9b.entry.js.map +1 -0
  505. package/dist/volt-basic-components/p-34ea0d8c.entry.js +2 -0
  506. package/dist/volt-basic-components/p-34ea0d8c.entry.js.map +1 -0
  507. package/dist/volt-basic-components/p-364cb260.entry.js +2 -0
  508. package/dist/volt-basic-components/p-364cb260.entry.js.map +1 -0
  509. package/dist/volt-basic-components/p-47763451.entry.js +2 -0
  510. package/dist/volt-basic-components/p-47763451.entry.js.map +1 -0
  511. package/dist/volt-basic-components/{p-a2d374de.entry.js → p-485bde4b.entry.js} +2 -2
  512. package/dist/volt-basic-components/p-485bde4b.entry.js.map +1 -0
  513. package/dist/volt-basic-components/p-4d5baf21.entry.js +2 -0
  514. package/dist/volt-basic-components/p-4d5baf21.entry.js.map +1 -0
  515. package/dist/volt-basic-components/p-551ca7c2.entry.js +2 -0
  516. package/dist/volt-basic-components/p-551ca7c2.entry.js.map +1 -0
  517. package/dist/volt-basic-components/p-564d6645.entry.js +2 -0
  518. package/dist/volt-basic-components/p-564d6645.entry.js.map +1 -0
  519. package/dist/{esm/vds-avatar.entry.js → volt-basic-components/p-59590dea.entry.js} +2 -83
  520. package/dist/volt-basic-components/p-59590dea.entry.js.map +1 -0
  521. package/dist/volt-basic-components/p-5b84a64e.entry.js +2 -0
  522. package/dist/volt-basic-components/p-5b84a64e.entry.js.map +1 -0
  523. package/dist/volt-basic-components/p-647240b0.entry.js +2 -0
  524. package/dist/volt-basic-components/p-647240b0.entry.js.map +1 -0
  525. package/dist/volt-basic-components/p-661f67dd.entry.js +2 -0
  526. package/dist/volt-basic-components/p-661f67dd.entry.js.map +1 -0
  527. package/dist/volt-basic-components/p-6b5d3b93.entry.js +2 -0
  528. package/dist/volt-basic-components/p-6b5d3b93.entry.js.map +1 -0
  529. package/dist/volt-basic-components/p-70f9e8a4.entry.js +2 -0
  530. package/dist/volt-basic-components/p-70f9e8a4.entry.js.map +1 -0
  531. package/dist/volt-basic-components/p-72402820.entry.js +2 -0
  532. package/dist/volt-basic-components/p-72402820.entry.js.map +1 -0
  533. package/dist/volt-basic-components/{p-b00715f5.entry.js → p-8532d9d2.entry.js} +2 -2
  534. package/dist/volt-basic-components/p-8532d9d2.entry.js.map +1 -0
  535. package/dist/volt-basic-components/p-8eaa41f7.entry.js +2 -0
  536. package/dist/volt-basic-components/p-8eaa41f7.entry.js.map +1 -0
  537. package/dist/volt-basic-components/p-8ee1bb32.entry.js +2 -0
  538. package/dist/volt-basic-components/p-8ee1bb32.entry.js.map +1 -0
  539. package/dist/volt-basic-components/p-8f92ee2b.entry.js +2 -0
  540. package/dist/volt-basic-components/p-8f92ee2b.entry.js.map +1 -0
  541. package/dist/volt-basic-components/p-934fc893.entry.js +2 -0
  542. package/dist/volt-basic-components/p-934fc893.entry.js.map +1 -0
  543. package/dist/volt-basic-components/p-BMJUPaKN.js.map +1 -1
  544. package/dist/volt-basic-components/p-BVF1zxcZ.js +2 -0
  545. package/dist/volt-basic-components/p-BVF1zxcZ.js.map +1 -0
  546. package/dist/volt-basic-components/{p-JgmdoeKE.js → p-CTN5pQJJ.js} +2 -2
  547. package/dist/volt-basic-components/{p-JgmdoeKE.js.map → p-CTN5pQJJ.js.map} +1 -1
  548. package/dist/volt-basic-components/p-ClEAm9Wn.js +2 -0
  549. package/dist/volt-basic-components/p-ClEAm9Wn.js.map +1 -0
  550. package/dist/volt-basic-components/p-CqHfuEQc.js.map +1 -1
  551. package/dist/volt-basic-components/p-DB1QD50d.js +2 -0
  552. package/dist/volt-basic-components/p-DB1QD50d.js.map +1 -0
  553. package/dist/volt-basic-components/{p-yH7K_CCT.js → p-DTEGZIhO.js} +2 -2
  554. package/dist/volt-basic-components/{p-yH7K_CCT.js.map → p-DTEGZIhO.js.map} +1 -1
  555. package/dist/volt-basic-components/p-DswuOEPv.js.map +1 -1
  556. package/dist/volt-basic-components/p-YrP3OJ_T.js +3 -0
  557. package/dist/volt-basic-components/p-YrP3OJ_T.js.map +1 -0
  558. package/dist/volt-basic-components/p-a1cc6c0d.entry.js +2 -0
  559. package/dist/volt-basic-components/p-a1cc6c0d.entry.js.map +1 -0
  560. package/dist/volt-basic-components/p-a41826c5.entry.js +2 -0
  561. package/dist/volt-basic-components/p-a41826c5.entry.js.map +1 -0
  562. package/dist/volt-basic-components/p-a4c1543b.entry.js +2 -0
  563. package/dist/volt-basic-components/p-a4c1543b.entry.js.map +1 -0
  564. package/dist/volt-basic-components/p-aca9ba37.entry.js +2 -0
  565. package/dist/volt-basic-components/p-aca9ba37.entry.js.map +1 -0
  566. package/dist/{cjs/vds-avatar.cjs.entry.js → volt-basic-components/p-b0829f2e.entry.js} +2 -85
  567. package/dist/volt-basic-components/p-b0829f2e.entry.js.map +1 -0
  568. package/dist/volt-basic-components/p-c05abda7.entry.js +2 -0
  569. package/dist/volt-basic-components/p-c05abda7.entry.js.map +1 -0
  570. package/dist/volt-basic-components/p-c0849c4c.entry.js +2 -0
  571. package/dist/volt-basic-components/p-c0849c4c.entry.js.map +1 -0
  572. package/dist/volt-basic-components/p-c50a4dc1.entry.js +2 -0
  573. package/dist/volt-basic-components/p-c50a4dc1.entry.js.map +1 -0
  574. package/dist/volt-basic-components/p-d15595fe.entry.js +2 -0
  575. package/dist/volt-basic-components/p-d15595fe.entry.js.map +1 -0
  576. package/dist/volt-basic-components/p-e611857c.entry.js +2 -0
  577. package/dist/volt-basic-components/p-e611857c.entry.js.map +1 -0
  578. package/dist/volt-basic-components/p-eb8e671a.entry.js +2 -0
  579. package/dist/volt-basic-components/p-eb8e671a.entry.js.map +1 -0
  580. package/dist/volt-basic-components/p-ed992336.entry.js +2 -0
  581. package/dist/volt-basic-components/p-ed992336.entry.js.map +1 -0
  582. package/dist/volt-basic-components/p-f261ff52.entry.js +2 -0
  583. package/dist/volt-basic-components/p-f261ff52.entry.js.map +1 -0
  584. package/dist/volt-basic-components/p-f9a6e970.entry.js +2 -0
  585. package/dist/volt-basic-components/p-f9a6e970.entry.js.map +1 -0
  586. package/dist/volt-basic-components/{p-DEIigyDD.js → p-jn6JrwWv.js} +2 -2
  587. package/dist/volt-basic-components/{p-DEIigyDD.js.map → p-jn6JrwWv.js.map} +1 -1
  588. package/dist/volt-basic-components/volt-basic-components.css +1 -1
  589. package/dist/volt-basic-components/volt-basic-components.esm.js +1 -1
  590. package/dist/volt-basic-components/volt-basic-components.esm.js.map +1 -1
  591. package/package.json +3 -3
  592. package/dist/cjs/floating-engine-utils-T4zM9xcR.js.map +0 -1
  593. package/dist/cjs/icon-attr.utils-aktWdbPZ.js.map +0 -1
  594. package/dist/cjs/index-D6D5vqj8.js.map +0 -1
  595. package/dist/cjs/vds-autocomplete-item.cjs.entry.js.map +0 -1
  596. package/dist/cjs/vds-autocomplete-item.entry.cjs.js.map +0 -1
  597. package/dist/cjs/vds-avatar.cjs.entry.js.map +0 -1
  598. package/dist/cjs/vds-avatar.entry.cjs.js.map +0 -1
  599. package/dist/cjs/vds-badge-dot.cjs.entry.js +0 -43
  600. package/dist/cjs/vds-badge-dot.cjs.entry.js.map +0 -1
  601. package/dist/cjs/vds-badge-dot.entry.cjs.js.map +0 -1
  602. package/dist/cjs/vds-badge-pill.cjs.entry.js.map +0 -1
  603. package/dist/cjs/vds-badge-pill.entry.cjs.js.map +0 -1
  604. package/dist/cjs/vds-basic-accordion.cjs.entry.js.map +0 -1
  605. package/dist/cjs/vds-basic-accordion.entry.cjs.js.map +0 -1
  606. package/dist/cjs/vds-basic-autocomplete.cjs.entry.js.map +0 -1
  607. package/dist/cjs/vds-basic-autocomplete.entry.cjs.js.map +0 -1
  608. package/dist/cjs/vds-basic-combo-box.cjs.entry.js.map +0 -1
  609. package/dist/cjs/vds-basic-combo-box.entry.cjs.js.map +0 -1
  610. package/dist/cjs/vds-basic-dropdown_23.cjs.entry.js.map +0 -1
  611. package/dist/cjs/vds-basic-slider-continuous.cjs.entry.js.map +0 -1
  612. package/dist/cjs/vds-basic-slider-continuous.entry.cjs.js.map +0 -1
  613. package/dist/cjs/vds-basic-slider-range-continuous.cjs.entry.js.map +0 -1
  614. package/dist/cjs/vds-basic-slider-range-continuous.entry.cjs.js.map +0 -1
  615. package/dist/cjs/vds-chip.cjs.entry.js.map +0 -1
  616. package/dist/cjs/vds-chip.entry.cjs.js.map +0 -1
  617. package/dist/cjs/vds-dialog-action-footer.cjs.entry.js.map +0 -1
  618. package/dist/cjs/vds-dialog-action-footer.entry.cjs.js.map +0 -1
  619. package/dist/cjs/vds-dialog-body.cjs.entry.js.map +0 -1
  620. package/dist/cjs/vds-dialog-body.entry.cjs.js.map +0 -1
  621. package/dist/cjs/vds-dialog-header.cjs.entry.js.map +0 -1
  622. package/dist/cjs/vds-dialog-header.entry.cjs.js.map +0 -1
  623. package/dist/cjs/vds-dialog-modal.cjs.entry.js.map +0 -1
  624. package/dist/cjs/vds-dialog-modal.entry.cjs.js.map +0 -1
  625. package/dist/cjs/vds-dialog.cjs.entry.js.map +0 -1
  626. package/dist/cjs/vds-dialog.entry.cjs.js.map +0 -1
  627. package/dist/cjs/vds-footer.cjs.entry.js.map +0 -1
  628. package/dist/cjs/vds-footer.entry.cjs.js.map +0 -1
  629. package/dist/cjs/vds-header.cjs.entry.js.map +0 -1
  630. package/dist/cjs/vds-header.entry.cjs.js.map +0 -1
  631. package/dist/cjs/vds-key-value-pair.cjs.entry.js.map +0 -1
  632. package/dist/cjs/vds-key-value-pair.entry.cjs.js.map +0 -1
  633. package/dist/cjs/vds-notification.cjs.entry.js.map +0 -1
  634. package/dist/cjs/vds-notification.entry.cjs.js.map +0 -1
  635. package/dist/cjs/vds-popover.cjs.entry.js.map +0 -1
  636. package/dist/cjs/vds-popover.entry.cjs.js.map +0 -1
  637. package/dist/cjs/vds-progress-linear.cjs.entry.js.map +0 -1
  638. package/dist/cjs/vds-progress-linear.entry.cjs.js.map +0 -1
  639. package/dist/cjs/vds-radio-button.cjs.entry.js.map +0 -1
  640. package/dist/cjs/vds-radio-button.entry.cjs.js.map +0 -1
  641. package/dist/cjs/vds-segmented-button.cjs.entry.js.map +0 -1
  642. package/dist/cjs/vds-segmented-button.entry.cjs.js.map +0 -1
  643. package/dist/cjs/vds-sheet.cjs.entry.js.map +0 -1
  644. package/dist/cjs/vds-sheet.entry.cjs.js.map +0 -1
  645. package/dist/cjs/vds-sidenav-item-app.cjs.entry.js.map +0 -1
  646. package/dist/cjs/vds-sidenav-item-app.entry.cjs.js.map +0 -1
  647. package/dist/cjs/vds-sidenav-item-button.cjs.entry.js.map +0 -1
  648. package/dist/cjs/vds-sidenav-item-button.entry.cjs.js.map +0 -1
  649. package/dist/cjs/vds-sidenav-item-category.cjs.entry.js.map +0 -1
  650. package/dist/cjs/vds-sidenav-item-category.entry.cjs.js.map +0 -1
  651. package/dist/cjs/vds-sidenav-item-input.cjs.entry.js.map +0 -1
  652. package/dist/cjs/vds-sidenav-item-input.entry.cjs.js.map +0 -1
  653. package/dist/cjs/vds-skeleton-loading.cjs.entry.js.map +0 -1
  654. package/dist/cjs/vds-skeleton-loading.entry.cjs.js.map +0 -1
  655. package/dist/cjs/vds-switch.cjs.entry.js.map +0 -1
  656. package/dist/cjs/vds-switch.entry.cjs.js.map +0 -1
  657. package/dist/cjs/vds-tab.cjs.entry.js.map +0 -1
  658. package/dist/cjs/vds-tab.entry.cjs.js.map +0 -1
  659. package/dist/cjs/vds-tabs-group.cjs.entry.js.map +0 -1
  660. package/dist/cjs/vds-tabs-group.entry.cjs.js.map +0 -1
  661. package/dist/cjs/vds-tooltip.cjs.entry.js.map +0 -1
  662. package/dist/cjs/vds-tooltip.entry.cjs.js.map +0 -1
  663. package/dist/cjs/vds-upload-drag.cjs.entry.js.map +0 -1
  664. package/dist/cjs/vds-upload-drag.entry.cjs.js.map +0 -1
  665. package/dist/esm/floating-engine-utils-BqkUBR_p.js.map +0 -1
  666. package/dist/esm/icon-attr.utils-C1rbpvgj.js.map +0 -1
  667. package/dist/esm/index-DTZC-zXo.js.map +0 -1
  668. package/dist/esm/vds-avatar.entry.js.map +0 -1
  669. package/dist/esm/vds-badge-dot.entry.js.map +0 -1
  670. package/dist/esm/vds-basic-dropdown_23.entry.js.map +0 -1
  671. package/dist/volt-basic-components/p-0bdd7fb5.entry.js +0 -2
  672. package/dist/volt-basic-components/p-0bdd7fb5.entry.js.map +0 -1
  673. package/dist/volt-basic-components/p-0fb2cb53.entry.js.map +0 -1
  674. package/dist/volt-basic-components/p-1afd85f5.entry.js +0 -2
  675. package/dist/volt-basic-components/p-1afd85f5.entry.js.map +0 -1
  676. package/dist/volt-basic-components/p-1e4f6315.entry.js +0 -2
  677. package/dist/volt-basic-components/p-1e4f6315.entry.js.map +0 -1
  678. package/dist/volt-basic-components/p-1f0e5006.entry.js +0 -2
  679. package/dist/volt-basic-components/p-1f0e5006.entry.js.map +0 -1
  680. package/dist/volt-basic-components/p-27745a09.entry.js +0 -2
  681. package/dist/volt-basic-components/p-27745a09.entry.js.map +0 -1
  682. package/dist/volt-basic-components/p-2dee537b.entry.js.map +0 -1
  683. package/dist/volt-basic-components/p-3013bfd8.entry.js +0 -2
  684. package/dist/volt-basic-components/p-3013bfd8.entry.js.map +0 -1
  685. package/dist/volt-basic-components/p-31aae961.entry.js +0 -2
  686. package/dist/volt-basic-components/p-31aae961.entry.js.map +0 -1
  687. package/dist/volt-basic-components/p-37f76537.entry.js +0 -2
  688. package/dist/volt-basic-components/p-37f76537.entry.js.map +0 -1
  689. package/dist/volt-basic-components/p-3addfd41.entry.js +0 -2
  690. package/dist/volt-basic-components/p-3addfd41.entry.js.map +0 -1
  691. package/dist/volt-basic-components/p-3b4eb1f9.entry.js +0 -2
  692. package/dist/volt-basic-components/p-3b4eb1f9.entry.js.map +0 -1
  693. package/dist/volt-basic-components/p-4081f49b.entry.js +0 -2
  694. package/dist/volt-basic-components/p-4081f49b.entry.js.map +0 -1
  695. package/dist/volt-basic-components/p-4502d26c.entry.js +0 -2
  696. package/dist/volt-basic-components/p-4502d26c.entry.js.map +0 -1
  697. package/dist/volt-basic-components/p-703d9526.entry.js +0 -2
  698. package/dist/volt-basic-components/p-703d9526.entry.js.map +0 -1
  699. package/dist/volt-basic-components/p-74916490.entry.js +0 -2
  700. package/dist/volt-basic-components/p-74916490.entry.js.map +0 -1
  701. package/dist/volt-basic-components/p-78dc2431.entry.js +0 -2
  702. package/dist/volt-basic-components/p-78dc2431.entry.js.map +0 -1
  703. package/dist/volt-basic-components/p-7e532f32.entry.js +0 -2
  704. package/dist/volt-basic-components/p-7e532f32.entry.js.map +0 -1
  705. package/dist/volt-basic-components/p-8c8e58f2.entry.js +0 -2
  706. package/dist/volt-basic-components/p-8c8e58f2.entry.js.map +0 -1
  707. package/dist/volt-basic-components/p-98e1b3f7.entry.js.map +0 -1
  708. package/dist/volt-basic-components/p-9f5732aa.entry.js +0 -2
  709. package/dist/volt-basic-components/p-9f5732aa.entry.js.map +0 -1
  710. package/dist/volt-basic-components/p-BqkUBR_p.js +0 -2
  711. package/dist/volt-basic-components/p-BqkUBR_p.js.map +0 -1
  712. package/dist/volt-basic-components/p-C1rbpvgj.js +0 -2
  713. package/dist/volt-basic-components/p-C1rbpvgj.js.map +0 -1
  714. package/dist/volt-basic-components/p-DTZC-zXo.js +0 -3
  715. package/dist/volt-basic-components/p-DTZC-zXo.js.map +0 -1
  716. package/dist/volt-basic-components/p-a2d374de.entry.js.map +0 -1
  717. package/dist/volt-basic-components/p-afc292bd.entry.js +0 -2
  718. package/dist/volt-basic-components/p-afc292bd.entry.js.map +0 -1
  719. package/dist/volt-basic-components/p-b00715f5.entry.js.map +0 -1
  720. package/dist/volt-basic-components/p-c5b478d7.entry.js.map +0 -1
  721. package/dist/volt-basic-components/p-d09c7b72.entry.js +0 -2
  722. package/dist/volt-basic-components/p-d09c7b72.entry.js.map +0 -1
  723. package/dist/volt-basic-components/p-d3b73a1b.entry.js +0 -2
  724. package/dist/volt-basic-components/p-d3b73a1b.entry.js.map +0 -1
  725. package/dist/volt-basic-components/p-da70a993.entry.js +0 -2
  726. package/dist/volt-basic-components/p-da70a993.entry.js.map +0 -1
  727. package/dist/volt-basic-components/p-e518fe0e.entry.js +0 -2
  728. package/dist/volt-basic-components/p-e518fe0e.entry.js.map +0 -1
  729. package/dist/volt-basic-components/p-e851fb62.entry.js +0 -2
  730. package/dist/volt-basic-components/p-e851fb62.entry.js.map +0 -1
  731. package/dist/volt-basic-components/p-e9b94942.entry.js +0 -2
  732. package/dist/volt-basic-components/p-e9b94942.entry.js.map +0 -1
  733. package/dist/volt-basic-components/p-ea6782f2.entry.js.map +0 -1
  734. package/dist/volt-basic-components/p-ea7b9d41.entry.js +0 -2
  735. package/dist/volt-basic-components/p-ea7b9d41.entry.js.map +0 -1
  736. package/dist/volt-basic-components/p-f8692b89.entry.js +0 -2
  737. package/dist/volt-basic-components/p-f8692b89.entry.js.map +0 -1
  738. package/dist/volt-basic-components/p-fb78cb56.entry.js +0 -2
  739. package/dist/volt-basic-components/p-fb78cb56.entry.js.map +0 -1
  740. package/dist/volt-basic-components/vds-autocomplete-item.entry.esm.js.map +0 -1
  741. package/dist/volt-basic-components/vds-avatar.entry.esm.js.map +0 -1
  742. package/dist/volt-basic-components/vds-badge-dot.entry.esm.js.map +0 -1
  743. package/dist/volt-basic-components/vds-badge-pill.entry.esm.js.map +0 -1
  744. package/dist/volt-basic-components/vds-basic-accordion.entry.esm.js.map +0 -1
  745. package/dist/volt-basic-components/vds-basic-autocomplete.entry.esm.js.map +0 -1
  746. package/dist/volt-basic-components/vds-basic-combo-box.entry.esm.js.map +0 -1
  747. package/dist/volt-basic-components/vds-basic-slider-continuous.entry.esm.js.map +0 -1
  748. package/dist/volt-basic-components/vds-basic-slider-range-continuous.entry.esm.js.map +0 -1
  749. package/dist/volt-basic-components/vds-chip.entry.esm.js.map +0 -1
  750. package/dist/volt-basic-components/vds-dialog-action-footer.entry.esm.js.map +0 -1
  751. package/dist/volt-basic-components/vds-dialog-body.entry.esm.js.map +0 -1
  752. package/dist/volt-basic-components/vds-dialog-header.entry.esm.js.map +0 -1
  753. package/dist/volt-basic-components/vds-dialog-modal.entry.esm.js.map +0 -1
  754. package/dist/volt-basic-components/vds-dialog.entry.esm.js.map +0 -1
  755. package/dist/volt-basic-components/vds-footer.entry.esm.js.map +0 -1
  756. package/dist/volt-basic-components/vds-header.entry.esm.js.map +0 -1
  757. package/dist/volt-basic-components/vds-key-value-pair.entry.esm.js.map +0 -1
  758. package/dist/volt-basic-components/vds-notification.entry.esm.js.map +0 -1
  759. package/dist/volt-basic-components/vds-popover.entry.esm.js.map +0 -1
  760. package/dist/volt-basic-components/vds-progress-linear.entry.esm.js.map +0 -1
  761. package/dist/volt-basic-components/vds-radio-button.entry.esm.js.map +0 -1
  762. package/dist/volt-basic-components/vds-segmented-button.entry.esm.js.map +0 -1
  763. package/dist/volt-basic-components/vds-sheet.entry.esm.js.map +0 -1
  764. package/dist/volt-basic-components/vds-sidenav-item-app.entry.esm.js.map +0 -1
  765. package/dist/volt-basic-components/vds-sidenav-item-button.entry.esm.js.map +0 -1
  766. package/dist/volt-basic-components/vds-sidenav-item-category.entry.esm.js.map +0 -1
  767. package/dist/volt-basic-components/vds-sidenav-item-input.entry.esm.js.map +0 -1
  768. package/dist/volt-basic-components/vds-skeleton-loading.entry.esm.js.map +0 -1
  769. package/dist/volt-basic-components/vds-switch.entry.esm.js.map +0 -1
  770. package/dist/volt-basic-components/vds-tab.entry.esm.js.map +0 -1
  771. package/dist/volt-basic-components/vds-tabs-group.entry.esm.js.map +0 -1
  772. package/dist/volt-basic-components/vds-tooltip.entry.esm.js.map +0 -1
  773. package/dist/volt-basic-components/vds-upload-drag.entry.esm.js.map +0 -1
package/dist/components/vds-header.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"vds-header.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,25iCAA25iC;;MCSn6iCA,WAAS,iBAAAC,kBAAA,CAAA,MAAA,SAAA,SAAA,WAAA,CAAA;AALtB,IAAA,WAAA,GAAA;;;;;AAaU,QAAA,IAAe,CAAA,eAAA,GAAY,IAAI;AAI9B,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;AAgFtC;AA7EA,IAAA,cAAc,CAAC,GAAG,EAAA;AACf,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAc,CAAC;QAC9D,IAAI,CAAC,aAAa,EAAE;AAClB,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK;;;IAS5B,gBAAgB,GAAA;QACd,IAAI,CAAC,gBAAgB,GAAG,0BAA0B,CAAC,IAAI,CAAC,MAAM,EAAC,wCAAwC,CAAC;QACxG,IAAI,CAAC,eAAe,GAAG,0BAA0B,CAAC,IAAI,CAAC,MAAM,EAAC,iCAAiC,CAAC;;AAG1F,IAAA,WAAW,CAAC,IAAgB,EAAA;QAClC,IAAI,CAAC,eAAe,EAAE;QACtB,IAAI,CAAC,cAAc,EAAE;AACrB,QAAA,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW;;AAItC,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,eAAe,GAAG,MAAM,yBAAyB,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,eAAe,EAAE,cAAc,EAAE,KAAK,CAAC;;aAClJ;AACL,YAAA,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,EAAE;;;IAIlD,MAAM,GAAA;AACJ,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe;AAC5C,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,aAAa,EAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAuB,qBAAA,CAAA,EAAA,EACjC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gCAAgC,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CAC5D,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACvC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAQ,CAC/B,EACJ,eAAe,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAA2B,yBAAA,CAAA,EAAA,EAC1D,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,oCAAoC,IAAE,IAAI,CAAC,QAAQ,CAAQ,EACvE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,GAAe,KAAI;AAC7C,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;AACvB,aAAC,EAAA,EACD,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAY,KAAK,EAAC,kCAAkC,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAe,CAAA,EAClG,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uCAAuC,EAAA,EACjD,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,OAAO,EAAC,mBAAmB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,mBAAmB,EAAA,CAAY,CAClF,CACH,EAEN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,GAAG,EAAE,CAAC,EAAE,KAAI;gBACV,IAAI,EAAE,EAAE;AACN,oBAAA,IAAI,CAAC,sBAAsB,GAAG,EAAE;;AAEpC,aAAC,EACD,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,WAAW,GAAG,iDAAiD,GAAG,0CAA0C,CAAA,CAAE,EAAA,EAC7H,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gCAAgC,EAAA,EAC1C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EACnH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,EAAE,EAAC,6BAA6B,EAAC,CAAC,EAAC,0BAA0B,EAAC,IAAI,EAAC,gCAAgC,EAAA,CAAE,CACvG,CACD,EACP,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kDAAkD,EAAA,EAExD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,qBAAqB,EAAQ,CAAA,CACpC,CACF,CACF,CACC,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["VdsHeader","__stencil_proxyCustomElement"],"sources":["src/components/header/vds-header.scss?tag=vds-header&encapsulation=shadow","src/components/header/vds-header.tsx"],"sourcesContent":["@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n display: block;\n\n .vds__header {\n display: flex;\n padding: var(--spacing-02) var(--spacing-07);\n align-items: center;\n gap: var(--spacing-03);\n flex: 1 0 0;\n align-self: stretch;\n border-radius: var(--radius-sharp);\n background: var(--surface-lower);\n justify-content: end;\n\n &--content-section {\n display: flex;\n width: 100%;\n justify-content: end;\n & > * {\n color: var(--color-text-medium);\n font-feature-settings: 'clig' off, 'liga' off;\n @include font-style(title, extra-small);\n }\n }\n\n &--app-name {\n display: flex;\n max-width: 1110px;\n height: var(--spacing-09);\n padding: var(--spacing-00);\n justify-content: flex-start;\n align-items: center;\n gap: var(--spacing-00);\n flex-shrink: 0;\n }\n\n &--app-name--content {\n color: var(--color-text-medium);\n font-feature-settings: 'clig' off, 'liga' off;\n @include font-style(title, extra-small);\n }\n\n &--user-section {\n display: flex;\n position: relative;\n padding: var(--spacing-00) var(--spacing-02);\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-02);\n align-self: stretch;\n text-wrap: nowrap;\n \n &:hover {\n border-radius: var(--radius-medium);\n background: var(--color-interaction-black-lowest);\n }\n \n &:focus {\n border: solid;\n border-color: var(--color-border-focus-2);\n border-radius: var(--radius-medium);\n }\n }\n\n &--user-section-username {\n align-items: center;\n display: flex;\n color: var(--color-text-medium);\n font-feature-settings: 'clig' off, 'liga' off;\n @include font-style(title, extra-small);\n white-space: nowrap;\n }\n\n &--user-section-avatar {\n cursor: pointer;\n }\n\n &--user-section-action-icon {\n align-items: center;\n display: flex;\n width: var(--spacing-06);\n height: var(--spacing-06);\n border-radius: var(--radius-medium);\n cursor: pointer;\n }\n }\n .d-flex {\n display: flex;\n }\n\n .vds__header--user-section-menu-container {\n display: none;\n }\n\n .vds__header--user-section-menu-container-opened {\n display: block;\n position: absolute;\n right: -1.5rem;\n top: var(--spacing-08);\n z-index: 3;\n\n .vds__header--user-section-menu-container-content {\n margin-top: 6px;\n background: var(--surface-neutral-default);\n padding: var(--spacing-06) var(--spacing-05);\n border-radius: var(--radius-medium);\n box-shadow: 0px 6px 6px 0px #1D2E401A;\n }\n\n span .triangle-rotated {\n transform: rotate(180deg);\n margin-right: 24px;\n margin-bottom: 6px;\n }\n\n .vds__header--arrow-right-align {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n right: 8px;\n z-index: 1;\n }\n }\n}","import { Component, Host, Listen, Prop, State, h, Element, Watch } from '@stencil/core';\nimport { updateFloatingBoxPosition } from '../../utils/floating-engine-utils';\nimport { queryElementFromShadowRoot } from '../../utils/node-utils';\n\n@Component({\n tag: 'vds-header',\n styleUrl: 'vds-header.scss',\n shadow: true,\n})\nexport class VdsHeader {\n /** Defines app name for header */\n @Prop() value: string;\n /** Defines the value in the avatar component */\n @Prop() avatar: string;\n /** Defines the username at the left of the avatar */\n @Prop() username!: string;\n /** Allow hide/show User-Section */\n @Prop() showUserSection: boolean = true;\n\n @Element() hostEl: HTMLElement;\n\n @State() popupOpened: boolean = false;\n\n @Listen(\"click\", { target: \"window\" })\n\thandleClickOut(evt): void {\n const isClickInside = this.hostEl.contains(evt.target as Node);\n if (!isClickInside) {\n this.popupOpened = false;\n }\n\t}\n private actionElementRef: HTMLElement;\n private arrowElementRef: HTMLElement;\n private floatingMenuElementRef: HTMLElement;\n\n private floatingCleanUp: () => void;\n\n componentDidLoad(){\n this.actionElementRef = queryElementFromShadowRoot(this.hostEl,'.vds__header--user-section-action-icon');\n this.arrowElementRef = queryElementFromShadowRoot(this.hostEl,'.vds__header--arrow-right-align');\n }\n\n private handleClick(_evt: MouseEvent): void {\n _evt.stopPropagation();\n _evt.preventDefault();\n this.popupOpened = !this.popupOpened;\n }\n\n @Watch(\"popupOpened\")\n async handlePopupOpened(): Promise<void> {\n if (this.popupOpened) {\n this.floatingCleanUp = await updateFloatingBoxPosition(this.actionElementRef, this.floatingMenuElementRef, this.arrowElementRef, \"bottom-start\", false);\n } else {\n this.floatingCleanUp && this.floatingCleanUp();\n }\n }\n\n render() {\n const showUserSection = this.showUserSection;\n return (\n <Host>\n <header class={`vds__header`}>\n <div class={`vds__header--app-name`}>\n <span class=\"vds__header--app-name--content\">{this.value}</span>\n </div>\n <div class=\"vds__header--content-section\">\n <slot name=\"contentSection\"></slot>\n </div>\n { showUserSection && <div class={`vds__header--user-section`}>\n <span class=\"vds__header--user-section-username\">{this.username}</span>\n <div class=\"d-flex\" onClick={(evt: MouseEvent) => {\n this.handleClick(evt);\n }}>\n <vds-avatar class=\"vds__header--user-section-avatar\" size=\"20px\" value={this.avatar}></vds-avatar>\n <span class=\"vds__header--user-section-action-icon\">\n <vds-icon svgIcon=\"caret-down-filled\" size=\"20px\" color=\"color-icon-medium\"></vds-icon>\n </span>\n </div>\n\n <div\n ref={(el) => {\n if (el) {\n this.floatingMenuElementRef = el;\n }\n }}\n class={`${this.popupOpened ? 'vds__header--user-section-menu-container-opened' : 'vds__header--user-section-menu-container'}`}>\n <span class=\"vds__header--arrow-right-align\">\n <svg class=\"triangle-rotated\" width=\"13\" height=\"6\" viewBox=\"0 0 13 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path id=\"popover-carret-filled-large\" d=\"M0.5 0L6.5 6L12.5 0H0.5Z\" fill=\"var(--surface-neutral-default)\"/>\n </svg>\n </span>\n <div\n class=\"vds__header--user-section-menu-container-content\"\n >\n <slot name=\"profilePopupContent\"></slot>\n </div>\n </div>\n </div> }\n </header>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"vds-header.js","mappings":";;;;;;;AAAA,MAAM,YAAY,GAAG,MAAM,CAAC,g7jCAAg7jC,CAAC;;MCUh8jCA,WAAS,iBAAAC,kBAAA,CAAA,MAAA,SAAA,SAAA,WAAA,CAAA;AALtB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAaU,QAAA,IAAe,CAAA,eAAA,GAAY,IAAI;;AAE/B,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;;AAE1B,QAAA,IAAgB,CAAA,gBAAA,GAA0E,SAAS;AAOlG,QAAA,IAAW,CAAA,WAAA,GAAY,KAAK;AA8FtC;AA3FA,IAAA,cAAc,CAAC,GAAG,EAAA;AACf,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAc,CAAC;QAC9D,IAAI,CAAC,aAAa,EAAE;AAClB,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK;;;IAS5B,gBAAgB,GAAA;QACd,IAAI,CAAC,gBAAgB,GAAG,0BAA0B,CAAC,IAAI,CAAC,MAAM,EAAC,wCAAwC,CAAC;QACxG,IAAI,CAAC,eAAe,GAAG,0BAA0B,CAAC,IAAI,CAAC,MAAM,EAAC,iCAAiC,CAAC;;AAG1F,IAAA,WAAW,CAAC,IAAgB,EAAA;QAClC,IAAI,CAAC,eAAe,EAAE;QACtB,IAAI,CAAC,cAAc,EAAE;AACrB,QAAA,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW;;AAItC,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,eAAe,GAAG,MAAM,yBAAyB,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,eAAe,EAAE,cAAc,EAAE,KAAK,CAAC;;aAClJ;AACL,YAAA,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,EAAE;;;IAI1C,YAAY,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,QACE,CAAA,CAAA,eAAA,EAAA,EAAe,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAAc,YAAA,EAAA,IAAI,CAAC,cAAc,EAAA,EAC/F,CAAA,CAAA,YAAA,EAAA,EAAY,KAAK,EAAC,kCAAkC,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAe,CAAA,CACpF;;QAIpB,QACE,CAAY,CAAA,YAAA,EAAA,EAAA,KAAK,EAAC,kCAAkC,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAA,CAAe;;IAItG,MAAM,GAAA;AACJ,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe;AAC5C,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,aAAa,EAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAuB,qBAAA,CAAA,EAAA,EACjC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gCAAgC,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CAC5D,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACvC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAQ,CAC/B,EACJ,eAAe,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAA2B,yBAAA,CAAA,EAAA,EAC1D,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,oCAAoC,IAAE,IAAI,CAAC,QAAQ,CAAQ,EACvE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,GAAe,KAAI;AAC7C,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;AACvB,aAAC,EAAA,EACA,IAAI,CAAC,YAAY,EAAE,EACpB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uCAAuC,EAAA,EACjD,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,OAAO,EAAC,mBAAmB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,mBAAmB,EAAA,CAAY,CAClF,CACH,EAEN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,GAAG,EAAE,CAAC,EAAE,KAAI;gBACV,IAAI,EAAE,EAAE;AACN,oBAAA,IAAI,CAAC,sBAAsB,GAAG,EAAE;;AAEpC,aAAC,EACD,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,WAAW,GAAG,iDAAiD,GAAG,0CAA0C,CAAA,CAAE,EAAA,EAC7H,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gCAAgC,EAAA,EAC1C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EACnH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,EAAE,EAAC,6BAA6B,EAAC,CAAC,EAAC,0BAA0B,EAAC,IAAI,EAAC,gCAAgC,EAAA,CAAE,CACvG,CACD,EACP,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kDAAkD,EAAA,EAExD,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,qBAAqB,EAAQ,CAAA,CACpC,CACF,CACF,CACC,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["VdsHeader","__stencil_proxyCustomElement"],"sources":["src/components/header/vds-header.scss?tag=vds-header&encapsulation=shadow","src/components/header/vds-header.tsx"],"sourcesContent":["@import '~wabtec-internal-volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n display: block;\n\n .vds__header {\n display: flex;\n padding: var(--spacing-02) var(--spacing-07);\n align-items: center;\n gap: var(--spacing-03);\n flex: 1 0 0;\n align-self: stretch;\n border-radius: var(--radius-sharp);\n background: var(--surface-lower);\n justify-content: end;\n\n &--content-section {\n display: flex;\n width: 100%;\n justify-content: end;\n & > * {\n color: var(--color-text-medium);\n font-feature-settings: 'clig' off, 'liga' off;\n @include font-style(title, extra-small);\n }\n }\n\n &--app-name {\n display: flex;\n max-width: 1110px;\n height: var(--spacing-09);\n padding: var(--spacing-00);\n justify-content: flex-start;\n align-items: center;\n gap: var(--spacing-00);\n flex-shrink: 0;\n }\n\n &--app-name--content {\n color: var(--color-text-medium);\n font-feature-settings: 'clig' off, 'liga' off;\n @include font-style(title, extra-small);\n }\n\n &--user-section {\n display: flex;\n position: relative;\n padding: var(--spacing-00) var(--spacing-02);\n align-items: center;\n justify-content: space-between;\n gap: var(--spacing-02);\n align-self: stretch;\n text-wrap: nowrap;\n \n &:hover {\n border-radius: var(--radius-medium);\n background: var(--color-interaction-black-lowest);\n }\n \n &:focus {\n border: solid;\n border-color: var(--color-border-focus-2);\n border-radius: var(--radius-medium);\n }\n }\n\n &--user-section-username {\n align-items: center;\n display: flex;\n color: var(--color-text-medium);\n font-feature-settings: 'clig' off, 'liga' off;\n @include font-style(title, extra-small);\n white-space: nowrap;\n }\n\n &--user-section-avatar {\n cursor: pointer;\n }\n\n &--user-section-action-icon {\n align-items: center;\n display: flex;\n width: var(--spacing-06);\n height: var(--spacing-06);\n border-radius: var(--radius-medium);\n cursor: pointer;\n }\n }\n .d-flex {\n display: flex;\n }\n\n .vds__header--user-section-menu-container {\n display: none;\n }\n\n .vds__header--user-section-menu-container-opened {\n display: block;\n position: absolute;\n right: -1.5rem;\n top: var(--spacing-08);\n z-index: 3;\n\n .vds__header--user-section-menu-container-content {\n margin-top: 6px;\n background: var(--surface-neutral-default);\n padding: var(--spacing-06) var(--spacing-05);\n border-radius: var(--radius-medium);\n box-shadow: 0px 6px 6px 0px #1D2E401A;\n }\n\n span .triangle-rotated {\n transform: rotate(180deg);\n margin-right: 24px;\n margin-bottom: 6px;\n }\n\n .vds__header--arrow-right-align {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n right: 8px;\n z-index: 1;\n }\n }\n}","import { Component, Host, Listen, Prop, State, h, Element, Watch } from '@stencil/core';\nimport { updateFloatingBoxPosition } from '../../utils/floating-engine-utils';\nimport { queryElementFromShadowRoot } from '../../utils/node-utils';\nimport { Colors } from '../../components';\n\n@Component({\n tag: 'vds-header',\n styleUrl: 'vds-header.scss',\n shadow: true,\n})\nexport class VdsHeader {\n /** Defines app name for header */\n @Prop() value: string;\n /** Defines the value in the avatar component */\n @Prop() avatar: string;\n /** Defines the username at the left of the avatar */\n @Prop() username!: string;\n /** Allow hide/show User-Section */\n @Prop() showUserSection: boolean = true;\n /** Shows/hides badge dot to show notification or status */\n @Prop() showBadge: boolean = false;\n /** Sets the status color for badge */\n @Prop() badgeStatusColor: \"warning\" | \"danger\" | \"healthy\" | \"information\" | \"neutral\" | Colors = \"neutral\";\n /** Sets the aria label in badge */\n @Prop() badgeAriaLabel:string;\n\n\n @Element() hostEl: HTMLElement;\n\n @State() popupOpened: boolean = false;\n\n @Listen(\"click\", { target: \"window\" })\n\thandleClickOut(evt): void {\n const isClickInside = this.hostEl.contains(evt.target as Node);\n if (!isClickInside) {\n this.popupOpened = false;\n }\n\t}\n private actionElementRef: HTMLElement;\n private arrowElementRef: HTMLElement;\n private floatingMenuElementRef: HTMLElement;\n\n private floatingCleanUp: () => void;\n\n componentDidLoad(){\n this.actionElementRef = queryElementFromShadowRoot(this.hostEl,'.vds__header--user-section-action-icon');\n this.arrowElementRef = queryElementFromShadowRoot(this.hostEl,'.vds__header--arrow-right-align');\n }\n\n private handleClick(_evt: MouseEvent): void {\n _evt.stopPropagation();\n _evt.preventDefault();\n this.popupOpened = !this.popupOpened;\n }\n\n @Watch(\"popupOpened\")\n async handlePopupOpened(): Promise<void> {\n if (this.popupOpened) {\n this.floatingCleanUp = await updateFloatingBoxPosition(this.actionElementRef, this.floatingMenuElementRef, this.arrowElementRef, \"bottom-start\", false);\n } else {\n this.floatingCleanUp && this.floatingCleanUp();\n }\n }\n\n private renderAvatar() {\n if (this.showBadge) {\n return (\n <vds-badge-dot overlap={true} statusColor={this.badgeStatusColor} aria-label={this.badgeAriaLabel}>\n <vds-avatar class=\"vds__header--user-section-avatar\" size=\"20px\" value={this.avatar}></vds-avatar>\n </vds-badge-dot>\n );\n }\n\n return (\n <vds-avatar class=\"vds__header--user-section-avatar\" size=\"20px\" value={this.avatar}></vds-avatar>\n );\n }\n\n render() {\n const showUserSection = this.showUserSection;\n return (\n <Host>\n <header class={`vds__header`}>\n <div class={`vds__header--app-name`}>\n <span class=\"vds__header--app-name--content\">{this.value}</span>\n </div>\n <div class=\"vds__header--content-section\">\n <slot name=\"contentSection\"></slot>\n </div>\n { showUserSection && <div class={`vds__header--user-section`}>\n <span class=\"vds__header--user-section-username\">{this.username}</span>\n <div class=\"d-flex\" onClick={(evt: MouseEvent) => {\n this.handleClick(evt);\n }}>\n {this.renderAvatar()}\n <span class=\"vds__header--user-section-action-icon\">\n <vds-icon svgIcon=\"caret-down-filled\" size=\"20px\" color=\"color-icon-medium\"></vds-icon>\n </span>\n </div>\n\n <div\n ref={(el) => {\n if (el) {\n this.floatingMenuElementRef = el;\n }\n }}\n class={`${this.popupOpened ? 'vds__header--user-section-menu-container-opened' : 'vds__header--user-section-menu-container'}`}>\n <span class=\"vds__header--arrow-right-align\">\n <svg class=\"triangle-rotated\" width=\"13\" height=\"6\" viewBox=\"0 0 13 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path id=\"popover-carret-filled-large\" d=\"M0.5 0L6.5 6L12.5 0H0.5Z\" fill=\"var(--surface-neutral-default)\"/>\n </svg>\n </span>\n <div\n class=\"vds__header--user-section-menu-container-content\"\n >\n <slot name=\"profilePopupContent\"></slot>\n </div>\n </div>\n </div> }\n </header>\n </Host>\n );\n }\n}\n"],"version":3}
package/dist/components/vds-icon-button2.js CHANGED
@@ -1,16 +1,18 @@
1
- import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
1
+ import { proxyCustomElement, HTMLElement, h, Host, transformTag } from '@stencil/core/internal/client';
2
2
  import { s as shadowSubmitForm } from './form.js';
3
3
  import { c as combineClasses } from './combine-classes.js';
4
4
  import { c as cloneAttributes } from './clone-attributes.js';
5
5
  import { I as ICON_SIZE } from './vds-icon-button.utils.js';
6
6
  import { d as defineCustomElement$1 } from './vds-icon2.js';
7
7
 
8
- const vdsIconButtonCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap\");:root{font-family:\"Roboto Flex\", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-black:#000000;--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}.vds__menu--backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:grayscale(100%) opacity(0.5);pointer-events:auto}:host{display:inline-block;width:fit-content}:host button{background-color:transparent;border-color:transparent;box-sizing:border-box}:host .vds-icon-button__element{display:flex;align-items:center;padding:var(--spacing-01, 0.125rem);border:0;box-sizing:border-box;box-shadow:none;cursor:pointer;border-radius:var(--radius-medium)}:host .vds-icon-button__element:focus-visible{outline:var(--spacing-01, 0.125rem) solid var(--color-border-focus-2)}:host .vds-icon-button__element:active,:host .vds-icon-button__element:active:hover{background-color:transparent}:host .vds-icon-button__variant--primary{background-color:transparent;border-color:transparent;color:var(--color-text-brand)}:host .vds-icon-button__variant--primary vds-icon{color:var(--color-text-brand);fill:var(--color-text-brand)}:host .vds-icon-button__variant--primary:hover{background:var(--color-interaction-brand-lowest);color:var(--color-icon-brand-hover)}:host .vds-icon-button__variant--primary:hover vds-icon{color:var(--color-icon-brand-hover);fill:var(--color-icon-brand-hover)}:host .vds-icon-button__variant--primary:disabled{color:var(--color-icon-disabled);pointer-events:none}:host .vds-icon-button__variant--primary:disabled vds-icon{color:var(--color-icon-disabled);fill:var(--color-icon-disabled)}:host .vds-icon-button__variant--primary:active{color:var(--color-icon-brand-press)}:host .vds-icon-button__variant--primary:active vds-icon{color:var(--color-icon-brand-press);fill:var(--color-icon-brand-press)}:host .vds-icon-button__variant--secondary{background-color:transparent;border-color:transparent;color:var(--color-icon-high)}:host .vds-icon-button__variant--secondary vds-icon{color:var(--color-icon-high);fill:var(--color-icon-high)}:host .vds-icon-button__variant--secondary:hover{background:var(--color-interaction-black-lowest)}:host .vds-icon-button__variant--secondary:hover vds-icon{color:var(--color-icon-medium);fill:var(--color-icon-medium)}:host .vds-icon-button__variant--secondary:active{color:var(--color-icon-high)}:host .vds-icon-button__variant--secondary:active vds-icon{color:var(--color-icon-high);fill:var(--color-icon-high)}:host .vds-icon-button__variant--secondary:disabled{color:var(--color-icon-disabled);pointer-events:none}:host .vds-icon-button__variant--secondary:disabled vds-icon{color:var(--color-icon-disabled);fill:var(--color-icon-disabled)}:host .vds-icon-button__variant--tertiary{background-color:transparent;border-color:transparent;color:var(--color-icon-medium)}:host .vds-icon-button__variant--tertiary vds-icon{color:var(--color-icon-medium);fill:var(--color-icon-medium)}:host .vds-icon-button__variant--tertiary:hover{background:var(--color-interaction-brand-lowest);color:var(--color-icon-brand-hover)}:host .vds-icon-button__variant--tertiary:hover vds-icon{color:var(--color-icon-brand-hover);fill:var(--color-icon-brand-hover)}:host .vds-icon-button__variant--tertiary:disabled{color:var(--color-icon-disabled);pointer-events:none}:host .vds-icon-button__variant--tertiary:disabled vds-icon{color:var(--color-icon-disabled);fill:var(--color-icon-disabled)}:host .vds-icon-button__variant--tertiary:active{color:var(--color-icon-brand-press)}:host .vds-icon-button__variant--tertiary:active vds-icon{color:var(--color-icon-brand-press);fill:var(--color-icon-brand-press)}:host-context(.vds-icon-button--disabled){pointer-events:none}";
8
+ const vdsIconButtonCss = () => `:root{font-family:"Roboto Flex", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}@font-face{font-family:"Roboto Flex";src:url("../assets/fonts/Roboto_Flex/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf") format("truetype");font-weight:100 1000;font-stretch:25% 151%;font-style:normal}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-white-medium:rgba(255, 255, 255, 0.6392156863);--static-white-low:rgba(255, 255, 255, 0.3215686275);--static-white-lower:rgba(255, 255, 255, 0.1607843137);--static-white-lowest:rgba(255, 255, 255, 0.1215686275);--static-black:#000000;--static-black-medium:rgba(0, 0, 0, 0.6392156863);--static-black-low:rgba(0, 0, 0, 0.3215686275);--static-black-lower:rgba(0, 0, 0, 0.1607843137);--static-black-lowest:rgba(0, 0, 0, 0.1215686275);--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}.vds__menu--backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:grayscale(100%) opacity(0.5);pointer-events:auto}:host{display:inline-block;width:fit-content}:host button{background-color:transparent;border-color:transparent;box-sizing:border-box}:host .vds-icon-button__element{display:flex;align-items:center;padding:var(--spacing-01, 0.125rem);border:0;box-sizing:border-box;box-shadow:none;cursor:pointer;border-radius:var(--radius-medium)}:host .vds-icon-button__element:focus-visible{outline:var(--spacing-01, 0.125rem) solid var(--color-border-focus-2)}:host .vds-icon-button__element:active,:host .vds-icon-button__element:active:hover{background-color:transparent}:host .vds-icon-button__variant--primary{background-color:transparent;border-color:transparent;color:var(--color-text-brand)}:host .vds-icon-button__variant--primary vds-icon{color:var(--color-text-brand);fill:var(--color-text-brand)}:host .vds-icon-button__variant--primary:hover{background:var(--color-interaction-brand-lowest);color:var(--color-icon-brand-hover)}:host .vds-icon-button__variant--primary:hover vds-icon{color:var(--color-icon-brand-hover);fill:var(--color-icon-brand-hover)}:host .vds-icon-button__variant--primary:disabled{color:var(--color-icon-disabled);pointer-events:none}:host .vds-icon-button__variant--primary:disabled vds-icon{color:var(--color-icon-disabled);fill:var(--color-icon-disabled)}:host .vds-icon-button__variant--primary:active{color:var(--color-icon-brand-press)}:host .vds-icon-button__variant--primary:active vds-icon{color:var(--color-icon-brand-press);fill:var(--color-icon-brand-press)}:host .vds-icon-button__variant--secondary{background-color:transparent;border-color:transparent;color:var(--color-icon-high)}:host .vds-icon-button__variant--secondary vds-icon{color:var(--color-icon-high);fill:var(--color-icon-high)}:host .vds-icon-button__variant--secondary:hover{background:var(--color-interaction-black-lowest)}:host .vds-icon-button__variant--secondary:hover vds-icon{color:var(--color-icon-medium);fill:var(--color-icon-medium)}:host .vds-icon-button__variant--secondary:active{color:var(--color-icon-high)}:host .vds-icon-button__variant--secondary:active vds-icon{color:var(--color-icon-high);fill:var(--color-icon-high)}:host .vds-icon-button__variant--secondary:disabled{color:var(--color-icon-disabled);pointer-events:none}:host .vds-icon-button__variant--secondary:disabled vds-icon{color:var(--color-icon-disabled);fill:var(--color-icon-disabled)}:host .vds-icon-button__variant--tertiary{background-color:transparent;border-color:transparent;color:var(--color-icon-medium)}:host .vds-icon-button__variant--tertiary vds-icon{color:var(--color-icon-medium);fill:var(--color-icon-medium)}:host .vds-icon-button__variant--tertiary:hover{background:var(--color-interaction-brand-lowest);color:var(--color-icon-brand-hover)}:host .vds-icon-button__variant--tertiary:hover vds-icon{color:var(--color-icon-brand-hover);fill:var(--color-icon-brand-hover)}:host .vds-icon-button__variant--tertiary:disabled{color:var(--color-icon-disabled);pointer-events:none}:host .vds-icon-button__variant--tertiary:disabled vds-icon{color:var(--color-icon-disabled);fill:var(--color-icon-disabled)}:host .vds-icon-button__variant--tertiary:active{color:var(--color-icon-brand-press)}:host .vds-icon-button__variant--tertiary:active vds-icon{color:var(--color-icon-brand-press);fill:var(--color-icon-brand-press)}:host-context(.vds-icon-button--disabled){pointer-events:none}:host-context(.breadcrumb) .vds-icon-button__element:focus-visible{outline:none}`;
9
9
 
10
10
  const VdsIconButton = /*@__PURE__*/ proxyCustomElement(class VdsIconButton extends HTMLElement {
11
- constructor() {
11
+ constructor(registerHost) {
12
12
  super();
13
- this.__registerHost();
13
+ if (registerHost !== false) {
14
+ this.__registerHost();
15
+ }
14
16
  this.__attachShadow();
15
17
  /** Set icon button's size */
16
18
  this.size = "medium";
@@ -28,11 +30,11 @@ const VdsIconButton = /*@__PURE__*/ proxyCustomElement(class VdsIconButton exten
28
30
  shadowSubmitForm(this.hostEl);
29
31
  }
30
32
  render() {
31
- return (h(Host, { key: '24a70db035999a301b74b3d82ade90716b43d4f7', class: combineClasses(`vds-icon-button`, this.disabled ? "vds-icon-button--disabled" : "") }, h("button", Object.assign({ key: '23fa3caf95ae19ae0f47ea5cbc2543195912f152', class: combineClasses(`vds-icon-button__element`, `vds-icon-button__variant--${this.variant}`, `vds-icon-button__size--${this.size}`, this.disabled ? "vds-icon-button-disabled" : ""), "aria-label": this.setAriaLabel, type: "button", disabled: this.disabled || null }, cloneAttributes(this.hostEl, "disabled", "class", "style")), h("vds-icon", { key: '65269751a986b1613cef4831c2435b969f5ca640', "svg-icon": this.icon, size: ICON_SIZE[this.size] }))));
33
+ return (h(Host, { key: '8ce2c379d57f2f4122451042b38c30dad6cca41a', class: combineClasses(`vds-icon-button`, this.disabled ? "vds-icon-button--disabled" : "") }, h("button", Object.assign({ key: 'bea8493fc9652c0799890f4256aa12d26a9b611c', class: combineClasses(`vds-icon-button__element`, `vds-icon-button__variant--${this.variant}`, `vds-icon-button__size--${this.size}`, this.disabled ? "vds-icon-button-disabled" : ""), "aria-label": this.setAriaLabel, type: "button", disabled: this.disabled || null }, cloneAttributes(this.hostEl, "disabled", "class", "style")), h("vds-icon", { key: '5ec08546a2a73ca3fe43f4da7342f1cbe83a81c9', "svg-icon": this.icon, size: ICON_SIZE[this.size] }))));
32
34
  }
33
35
  get hostEl() { return this; }
34
- static get style() { return vdsIconButtonCss; }
35
- }, [1, "vds-icon-button", {
36
+ static get style() { return vdsIconButtonCss(); }
37
+ }, [257, "vds-icon-button", {
36
38
  "size": [1],
37
39
  "variant": [1],
38
40
  "disabled": [4],
@@ -46,12 +48,12 @@ function defineCustomElement() {
46
48
  const components = ["vds-icon-button", "vds-icon"];
47
49
  components.forEach(tagName => { switch (tagName) {
48
50
  case "vds-icon-button":
49
- if (!customElements.get(tagName)) {
50
- customElements.define(tagName, VdsIconButton);
51
+ if (!customElements.get(transformTag(tagName))) {
52
+ customElements.define(transformTag(tagName), VdsIconButton);
51
53
  }
52
54
  break;
53
55
  case "vds-icon":
54
- if (!customElements.get(tagName)) {
56
+ if (!customElements.get(transformTag(tagName))) {
55
57
  defineCustomElement$1();
56
58
  }
57
59
  break;
package/dist/components/vds-icon-button2.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"vds-icon-button2.js","mappings":";;;;;;;AAAA,MAAM,gBAAgB,GAAG,g9jCAAg9jC;;MCY59jC,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAA,WAAA,CAAA;AAL1B,IAAA,WAAA,GAAA;;;;;AAOS,QAAA,IAAI,CAAA,IAAA,GAAiD,QAAQ;;AAE7D,QAAA,IAAO,CAAA,OAAA,GAAyC,SAAS;;AAEzD,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AA4CjC;IAnCA,YAAY,GAAA;QACX,IAAI,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ,EAAE;YAClD,IAAI,CAAC,UAAU,EAAE;;;IAIV,UAAU,GAAA;AAClB,QAAA,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC;;IAG7B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,cAAc,CAAC,CAAA,eAAA,CAAiB,EAAE,IAAI,CAAC,QAAQ,GAAG,2BAA2B,GAAG,EAAE,CAAC,EAAA,EAC9F,CACE,CAAA,QAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,cAAc,CACnB,CAA0B,wBAAA,CAAA,EAC1B,CAA6B,0BAAA,EAAA,IAAI,CAAC,OAAO,CAAE,CAAA,EAC3C,0BAA0B,IAAI,CAAC,IAAI,CAAA,CAAE,EACrC,IAAI,CAAC,QAAQ,GAAG,0BAA0B,GAAG,EAAE,CAChD,EACW,YAAA,EAAA,IAAI,CAAC,YAAY,EAC7B,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,EAC5B,EAAA,eAAe,CACvB,IAAI,CAAC,MAAM,EACL,UAAU,EACV,OAAO,EACP,OAAO,CACR,CAAA,EAED,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,UAAA,EAAoB,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,CAAa,CAC/D,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/components/icon-button/vds-icon-button.scss?tag=vds-icon-button&encapsulation=shadow","src/components/icon-button/vds-icon-button.tsx"],"sourcesContent":[":host {\n display: inline-block;\n width: fit-content;\n button {\n background-color: transparent;\n border-color: transparent;\n box-sizing: border-box;\n }\n\n @mixin disabledIconButton {\n &:disabled { \n color: var(--color-icon-disabled);\n pointer-events: none;\n vds-icon {\n color: var(--color-icon-disabled);\n fill: var(--color-icon-disabled);\n }\n }\n }\n @mixin selectedIconButton {\n &:active {\n color: var(--color-icon-brand-press);\n vds-icon {\n color: var(--color-icon-brand-press);\n fill: var(--color-icon-brand-press);\n }\n }\n }\n\n .vds-icon-button {\n &__element {\n display: flex;\n align-items: center;\n padding: var(--spacing-01, 0.125rem);\n border: 0;\n box-sizing: border-box;\n box-shadow: none;\n cursor: pointer;\n border-radius: var(--radius-medium);\n &:focus-visible {\n outline: var(--spacing-01, 0.125rem) solid var(--color-border-focus-2);\n }\n &:active, &:active:hover {\n background-color: transparent;\n }\n }\n &__variant--primary {\n background-color: transparent;\n border-color: transparent;\n color: var(--color-text-brand);\n vds-icon {\n color: var(--color-text-brand);\n fill: var(--color-text-brand);\n }\n &:hover {\n background: var(--color-interaction-brand-lowest);\n color: var(--color-icon-brand-hover);\n vds-icon {\n color: var(--color-icon-brand-hover);\n fill: var(--color-icon-brand-hover);\n }\n }\n \n @include disabledIconButton();\n @include selectedIconButton();\n }\n &__variant--secondary {\n background-color: transparent;\n border-color: transparent;\n color: var(--color-icon-high);\n vds-icon {\n color: var(--color-icon-high);\n fill: var(--color-icon-high);\n }\n &:hover {\n background: var(--color-interaction-black-lowest);\n vds-icon {\n color: var(--color-icon-medium);\n fill: var(--color-icon-medium);\n }\n }\n &:active {\n color: var(--color-icon-high);\n vds-icon {\n color: var(--color-icon-high);\n fill: var(--color-icon-high);\n }\n }\n\n @include disabledIconButton();\n }\n &__variant--tertiary {\n background-color: transparent;\n border-color: transparent;\n color: var(--color-icon-medium);\n vds-icon {\n color: var(--color-icon-medium);\n fill: var(--color-icon-medium);\n }\n &:hover {\n background: var(--color-interaction-brand-lowest);\n color: var(--color-icon-brand-hover);\n vds-icon {\n color: var(--color-icon-brand-hover);\n fill: var(--color-icon-brand-hover);\n }\n }\n\n @include disabledIconButton();\n @include selectedIconButton();\n }\n }\n}\n\n:host-context(.vds-icon-button--disabled) {\n pointer-events: none;\n}","import { Component, Element, Host, Listen, Prop, h } from '@stencil/core';\nimport { shadowSubmitForm } from '../../utils/form';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { cloneAttributes } from '../../utils/clone-attributes';\nimport { HTMLStencilElement } from '@stencil/core/internal';\nimport { ICON_SIZE } from './vds-icon-button.utils';\n\n@Component({\n tag: 'vds-icon-button',\n styleUrl: 'vds-icon-button.scss',\n shadow: true,\n})\nexport class VdsIconButton {\n /** Set icon button's size */\n\t@Prop() size: \"large\" | \"medium\" | \"small\" | \"extra-small\" = \"medium\";\n /** Set icon button's variant */\n\t@Prop() variant: \"primary\" | \"secondary\" | \"tertiary\" = \"primary\";\n /** Enable icon button's disable state */\n\t@Prop() disabled: boolean = false;\n /** Sets the icon inside icon button */\n\t@Prop() icon: string;\n /** Sets the button icon arial-label */\n @Prop({reflect: true}) setAriaLabel: string;\n \n @Element() hostEl: HTMLVdsButtonElement;\n\n @Listen(\"click\")\n\thandleSubmit(): void {\n\t\tif (this.hostEl.getAttribute(\"type\") === \"submit\") {\n\t\t\tthis.submitForm();\n\t\t}\n\t}\n\n private submitForm(): void {\n\t\tshadowSubmitForm(this.hostEl);\n\t}\n\n render(): HTMLStencilElement {\n return (\n <Host class={combineClasses(`vds-icon-button`, this.disabled ? \"vds-icon-button--disabled\" : \"\")}>\n <button\n class={combineClasses(\n `vds-icon-button__element`,\n `vds-icon-button__variant--${this.variant}`,\n `vds-icon-button__size--${this.size}`,\n this.disabled ? \"vds-icon-button-disabled\" : \"\"\n )}\n aria-label={this.setAriaLabel}\n type=\"button\"\n disabled={ this.disabled || null}\n {...cloneAttributes(\n\t\t\t\t\t\tthis.hostEl,\n \"disabled\",\n \"class\",\n \"style\"\n )}\n >\n <vds-icon svg-icon={this.icon} size={ICON_SIZE[this.size]}></vds-icon>\n </button>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"vds-icon-button2.js","mappings":";;;;;;;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,uklCAAuklC,CAAC;;MCY3llC,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAA,WAAA,CAAA;AAL1B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAOS,QAAA,IAAI,CAAA,IAAA,GAAiD,QAAQ;;AAE7D,QAAA,IAAO,CAAA,OAAA,GAAyC,SAAS;;AAEzD,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AA4CjC;IAnCA,YAAY,GAAA;QACX,IAAI,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ,EAAE;YAClD,IAAI,CAAC,UAAU,EAAE;;;IAIV,UAAU,GAAA;AAClB,QAAA,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC;;IAG7B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,cAAc,CAAC,CAAA,eAAA,CAAiB,EAAE,IAAI,CAAC,QAAQ,GAAG,2BAA2B,GAAG,EAAE,CAAC,EAAA,EAC9F,CACE,CAAA,QAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,cAAc,CACnB,CAA0B,wBAAA,CAAA,EAC1B,CAA6B,0BAAA,EAAA,IAAI,CAAC,OAAO,CAAE,CAAA,EAC3C,0BAA0B,IAAI,CAAC,IAAI,CAAA,CAAE,EACrC,IAAI,CAAC,QAAQ,GAAG,0BAA0B,GAAG,EAAE,CAChD,EACW,YAAA,EAAA,IAAI,CAAC,YAAY,EAC7B,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,EAC5B,EAAA,eAAe,CACvB,IAAI,CAAC,MAAM,EACL,UAAU,EACV,OAAO,EACP,OAAO,CACR,CAAA,EAED,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,UAAA,EAAoB,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,CAAa,CAC/D,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/components/icon-button/vds-icon-button.scss?tag=vds-icon-button&encapsulation=shadow","src/components/icon-button/vds-icon-button.tsx"],"sourcesContent":[":host {\n display: inline-block;\n width: fit-content;\n button {\n background-color: transparent;\n border-color: transparent;\n box-sizing: border-box;\n }\n\n @mixin disabledIconButton {\n &:disabled { \n color: var(--color-icon-disabled);\n pointer-events: none;\n vds-icon {\n color: var(--color-icon-disabled);\n fill: var(--color-icon-disabled);\n }\n }\n }\n @mixin selectedIconButton {\n &:active {\n color: var(--color-icon-brand-press);\n vds-icon {\n color: var(--color-icon-brand-press);\n fill: var(--color-icon-brand-press);\n }\n }\n }\n\n .vds-icon-button {\n &__element {\n display: flex;\n align-items: center;\n padding: var(--spacing-01, 0.125rem);\n border: 0;\n box-sizing: border-box;\n box-shadow: none;\n cursor: pointer;\n border-radius: var(--radius-medium);\n &:focus-visible {\n outline: var(--spacing-01, 0.125rem) solid var(--color-border-focus-2);\n }\n &:active, &:active:hover {\n background-color: transparent;\n }\n }\n &__variant--primary {\n background-color: transparent;\n border-color: transparent;\n color: var(--color-text-brand);\n vds-icon {\n color: var(--color-text-brand);\n fill: var(--color-text-brand);\n }\n &:hover {\n background: var(--color-interaction-brand-lowest);\n color: var(--color-icon-brand-hover);\n vds-icon {\n color: var(--color-icon-brand-hover);\n fill: var(--color-icon-brand-hover);\n }\n }\n \n @include disabledIconButton();\n @include selectedIconButton();\n }\n &__variant--secondary {\n background-color: transparent;\n border-color: transparent;\n color: var(--color-icon-high);\n vds-icon {\n color: var(--color-icon-high);\n fill: var(--color-icon-high);\n }\n &:hover {\n background: var(--color-interaction-black-lowest);\n vds-icon {\n color: var(--color-icon-medium);\n fill: var(--color-icon-medium);\n }\n }\n &:active {\n color: var(--color-icon-high);\n vds-icon {\n color: var(--color-icon-high);\n fill: var(--color-icon-high);\n }\n }\n\n @include disabledIconButton();\n }\n &__variant--tertiary {\n background-color: transparent;\n border-color: transparent;\n color: var(--color-icon-medium);\n vds-icon {\n color: var(--color-icon-medium);\n fill: var(--color-icon-medium);\n }\n &:hover {\n background: var(--color-interaction-brand-lowest);\n color: var(--color-icon-brand-hover);\n vds-icon {\n color: var(--color-icon-brand-hover);\n fill: var(--color-icon-brand-hover);\n }\n }\n\n @include disabledIconButton();\n @include selectedIconButton();\n }\n }\n}\n\n:host-context(.vds-icon-button--disabled) {\n pointer-events: none;\n}\n\n:host-context(.breadcrumb) {\n .vds-icon-button__element {\n &:focus-visible {\n outline: none;\n }\n }\n}","import { Component, Element, Host, Listen, Prop, h } from '@stencil/core';\nimport { shadowSubmitForm } from '../../utils/form';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { cloneAttributes } from '../../utils/clone-attributes';\nimport { HTMLStencilElement } from '@stencil/core/internal';\nimport { ICON_SIZE } from './vds-icon-button.utils';\n\n@Component({\n tag: 'vds-icon-button',\n styleUrl: 'vds-icon-button.scss',\n shadow: true,\n})\nexport class VdsIconButton {\n /** Set icon button's size */\n\t@Prop() size: \"large\" | \"medium\" | \"small\" | \"extra-small\" = \"medium\";\n /** Set icon button's variant */\n\t@Prop() variant: \"primary\" | \"secondary\" | \"tertiary\" = \"primary\";\n /** Enable icon button's disable state */\n\t@Prop() disabled: boolean = false;\n /** Sets the icon inside icon button */\n\t@Prop() icon: string;\n /** Sets the button icon arial-label */\n @Prop({reflect: true}) setAriaLabel: string;\n \n @Element() hostEl: HTMLVdsButtonElement;\n\n @Listen(\"click\")\n\thandleSubmit(): void {\n\t\tif (this.hostEl.getAttribute(\"type\") === \"submit\") {\n\t\t\tthis.submitForm();\n\t\t}\n\t}\n\n private submitForm(): void {\n\t\tshadowSubmitForm(this.hostEl);\n\t}\n\n render(): HTMLStencilElement {\n return (\n <Host class={combineClasses(`vds-icon-button`, this.disabled ? \"vds-icon-button--disabled\" : \"\")}>\n <button\n class={combineClasses(\n `vds-icon-button__element`,\n `vds-icon-button__variant--${this.variant}`,\n `vds-icon-button__size--${this.size}`,\n this.disabled ? \"vds-icon-button-disabled\" : \"\"\n )}\n aria-label={this.setAriaLabel}\n type=\"button\"\n disabled={ this.disabled || null}\n {...cloneAttributes(\n\t\t\t\t\t\tthis.hostEl,\n \"disabled\",\n \"class\",\n \"style\"\n )}\n >\n <vds-icon svg-icon={this.icon} size={ICON_SIZE[this.size]}></vds-icon>\n </button>\n </Host>\n );\n }\n}\n"],"version":3}
package/dist/components/vds-icon2.js CHANGED
@@ -1,4 +1,4 @@
1
- import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
1
+ import { proxyCustomElement, HTMLElement, h, Host, transformTag } from '@stencil/core/internal/client';
2
2
  import { i as iconSprint } from './icon-sprite.js';
3
3
  import { c as combineClasses } from './combine-classes.js';
4
4
 
@@ -31,15 +31,17 @@ const GenerateVdsSvg = (svgContent, removeSize = true, removeColors = true) => {
31
31
  return content;
32
32
  };
33
33
 
34
- const vdsIconCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap\");:root{font-family:\"Roboto Flex\", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-black:#000000;--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}.vds__menu--backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:grayscale(100%) opacity(0.5);pointer-events:auto}:host{display:block}:host-context(.checkbox-icon-checked:not(.checkbox-icon-disabled)) path:last-child{fill:var(--static-white);color:var(--static-white)}:host-context(.checkbox-icon-indeterminate:not(.checkbox-icon-disabled)) path:last-child{fill:var(--static-white);color:var(--static-white)}:host-context(.radio-button-icon-checked) path:nth-child(2){fill:var(--color-icon-white-high);color:var(--color-icon-white-high)}:host-context(.slider-thumb) g path:nth-child(1){fill:var(--color-icon-white-high);color:var(--color-icon-white-high)}:host-context(.slider-thumb) g path:nth-child(2){fill:var(--color-border-low);color:var(--color-border-low)}:host(.color-color-background-disabled){fill:var(--color-background-disabled)}:host(.color-color-background-brand-default){fill:var(--color-background-brand-default)}:host(.color-color-background-brand-hover){fill:var(--color-background-brand-hover)}:host(.color-color-background-brand-press){fill:var(--color-background-brand-press)}:host(.color-color-background-caution-default){fill:var(--color-background-caution-default)}:host(.color-color-background-caution-lowest-default){fill:var(--color-background-caution-lowest-default)}:host(.color-color-background-caution-lowest-hover){fill:var(--color-background-caution-lowest-hover)}:host(.color-color-background-caution-lowest-press){fill:var(--color-background-caution-lowest-press)}:host(.color-color-background-danger-default){fill:var(--color-background-danger-default)}:host(.color-color-background-danger-high-default){fill:var(--color-background-danger-high-default)}:host(.color-color-background-danger-high-hover){fill:var(--color-background-danger-high-hover)}:host(.color-color-background-danger-high-press){fill:var(--color-background-danger-high-press)}:host(.color-color-background-danger-lowest-default){fill:var(--color-background-danger-lowest-default)}:host(.color-color-background-danger-lowest-hover){fill:var(--color-background-danger-lowest-hover)}:host(.color-color-background-danger-lowest-press){fill:var(--color-background-danger-lowest-press)}:host(.color-color-background-general-default){fill:var(--color-background-general-default)}:host(.color-color-background-general-lowest-default){fill:var(--color-background-general-lowest-default)}:host(.color-color-background-general-lowest-hover){fill:var(--color-background-general-lowest-hover)}:host(.color-color-background-general-lowest-press){fill:var(--color-background-general-lowest-press)}:host(.color-color-background-healthy-default){fill:var(--color-background-healthy-default)}:host(.color-color-background-healthy-lowest-default){fill:var(--color-background-healthy-lowest-default)}:host(.color-color-background-healthy-lowest-hover){fill:var(--color-background-healthy-lowest-hover)}:host(.color-color-background-healthy-lowest-press){fill:var(--color-background-healthy-lowest-press)}:host(.color-color-background-information-default){fill:var(--color-background-information-default)}:host(.color-color-background-information-lowest-default){fill:var(--color-background-information-lowest-default)}:host(.color-color-background-information-lowest-hover){fill:var(--color-background-information-lowest-hover)}:host(.color-color-background-information-lowest-press){fill:var(--color-background-information-lowest-press)}:host(.color-color-background-neutral-default){fill:var(--color-background-neutral-default)}:host(.color-color-background-neutral-hover){fill:var(--color-background-neutral-hover)}:host(.color-color-background-neutral-press){fill:var(--color-background-neutral-press)}:host(.color-color-background-neutral-lowest-default){fill:var(--color-background-neutral-lowest-default)}:host(.color-color-background-neutral-lowest-hover){fill:var(--color-background-neutral-lowest-hover)}:host(.color-color-background-neutral-lowest-press){fill:var(--color-background-neutral-lowest-press)}:host(.color-color-background-warning-default){fill:var(--color-background-warning-default)}:host(.color-color-background-warning-lowest-default){fill:var(--color-background-warning-lowest-default)}:host(.color-color-background-warning-lowest-hover){fill:var(--color-background-warning-lowest-hover)}:host(.color-color-background-warning-lowest-press){fill:var(--color-background-warning-lowest-press)}:host(.color-color-border-high){fill:var(--color-border-high)}:host(.color-color-border-medium){fill:var(--color-border-medium)}:host(.color-color-border-low){fill:var(--color-border-low)}:host(.color-color-border-lower){fill:var(--color-border-lower)}:host(.color-color-border-lowest){fill:var(--color-border-lowest)}:host(.color-color-border-brand){fill:var(--color-border-brand)}:host(.color-color-border-brand-hover){fill:var(--color-border-brand-hover)}:host(.color-color-border-disabled){fill:var(--color-border-disabled)}:host(.color-color-border-danger){fill:var(--color-border-danger)}:host(.color-color-border-healthy){fill:var(--color-border-healthy)}:host(.color-color-border-caution){fill:var(--color-border-caution)}:host(.color-color-border-warning){fill:var(--color-border-warning)}:host(.color-color-border-information){fill:var(--color-border-information)}:host(.color-color-border-general){fill:var(--color-border-general)}:host(.color-color-border-focus-1){fill:var(--color-border-focus-1)}:host(.color-color-border-focus-2){fill:var(--color-border-focus-2)}:host(.color-color-border-white-high){fill:var(--color-border-white-high)}:host(.color-color-border-white-medium){fill:var(--color-border-white-medium)}:host(.color-color-border-white-low){fill:var(--color-border-white-low)}:host(.color-color-border-white-lower){fill:var(--color-border-white-lower)}:host(.color-color-border-white-lowest){fill:var(--color-border-white-lowest)}:host(.color-color-icon-high){fill:var(--color-icon-high)}:host(.color-color-icon-medium){fill:var(--color-icon-medium)}:host(.color-color-icon-low){fill:var(--color-icon-low)}:host(.color-color-icon-disabled){fill:var(--color-icon-disabled)}:host(.color-color-icon-healthy){fill:var(--color-icon-healthy)}:host(.color-color-icon-caution){fill:var(--color-icon-caution)}:host(.color-color-icon-warning){fill:var(--color-icon-warning)}:host(.color-color-icon-danger){fill:var(--color-icon-danger)}:host(.color-color-icon-information){fill:var(--color-icon-information)}:host(.color-color-icon-general){fill:var(--color-icon-general)}:host(.color-color-icon-brand-default){fill:var(--color-icon-brand-default)}:host(.color-color-icon-brand-hover){fill:var(--color-icon-brand-hover)}:host(.color-color-icon-brand-press){fill:var(--color-icon-brand-press)}:host(.color-color-icon-white-high){fill:var(--color-icon-white-high)}:host(.color-color-icon-white-medium){fill:var(--color-icon-white-medium)}:host(.color-color-icon-white-low){fill:var(--color-icon-white-low)}:host(.color-color-interaction-black-medium){fill:var(--color-interaction-black-medium)}:host(.color-color-interaction-black-low){fill:var(--color-interaction-black-low)}:host(.color-color-interaction-black-lower){fill:var(--color-interaction-black-lower)}:host(.color-color-interaction-black-lowest){fill:var(--color-interaction-black-lowest)}:host(.color-color-interaction-brand-medium){fill:var(--color-interaction-brand-medium)}:host(.color-color-interaction-brand-low){fill:var(--color-interaction-brand-low)}:host(.color-color-interaction-brand-lower){fill:var(--color-interaction-brand-lower)}:host(.color-color-interaction-brand-lowest){fill:var(--color-interaction-brand-lowest)}:host(.color-color-interaction-danger-medium){fill:var(--color-interaction-danger-medium)}:host(.color-color-interaction-danger-low){fill:var(--color-interaction-danger-low)}:host(.color-color-interaction-danger-lower){fill:var(--color-interaction-danger-lower)}:host(.color-color-interaction-danger-lowest){fill:var(--color-interaction-danger-lowest)}:host(.color-color-interaction-white-medium){fill:var(--color-interaction-white-medium)}:host(.color-color-interaction-white-low){fill:var(--color-interaction-white-low)}:host(.color-color-interaction-white-lower){fill:var(--color-interaction-white-lower)}:host(.color-color-interaction-white-lowest){fill:var(--color-interaction-white-lowest)}:host(.color-color-interaction-backdrop){fill:var(--color-interaction-backdrop)}:host(.color-color-link-default){fill:var(--color-link-default)}:host(.color-color-link-hover){fill:var(--color-link-hover)}:host(.color-color-link-press){fill:var(--color-link-press)}:host(.color-color-text-high){fill:var(--color-text-high)}:host(.color-color-text-medium){fill:var(--color-text-medium)}:host(.color-color-text-low){fill:var(--color-text-low)}:host(.color-color-text-disabled){fill:var(--color-text-disabled)}:host(.color-color-text-brand){fill:var(--color-text-brand)}:host(.color-color-text-caution-high){fill:var(--color-text-caution-high)}:host(.color-color-text-caution-medium){fill:var(--color-text-caution-medium)}:host(.color-color-text-danger-high){fill:var(--color-text-danger-high)}:host(.color-color-text-danger-medium){fill:var(--color-text-danger-medium)}:host(.color-color-text-general-high){fill:var(--color-text-general-high)}:host(.color-color-text-general-medium){fill:var(--color-text-general-medium)}:host(.color-color-text-healthy-high){fill:var(--color-text-healthy-high)}:host(.color-color-text-healthy-medium){fill:var(--color-text-healthy-medium)}:host(.color-color-text-information-high){fill:var(--color-text-information-high)}:host(.color-color-text-information-medium){fill:var(--color-text-information-medium)}:host(.color-color-text-warning-high){fill:var(--color-text-warning-high)}:host(.color-color-text-warning-medium){fill:var(--color-text-warning-medium)}:host(.color-color-text-white-high){fill:var(--color-text-white-high)}:host(.color-color-text-white-medium){fill:var(--color-text-white-medium)}:host(.color-color-text-white-low){fill:var(--color-text-white-low)}:host(.color-surface-higher){fill:var(--surface-higher)}:host(.color-surface-high){fill:var(--surface-high)}:host(.color-surface-medium){fill:var(--surface-medium)}:host(.color-surface-low){fill:var(--surface-low)}:host(.color-surface-lower){fill:var(--surface-lower)}:host(.color-surface-neutral-default){fill:var(--surface-neutral-default)}:host(.color-surface-neutral-hover){fill:var(--surface-neutral-hover)}:host(.color-surface-neutral-press){fill:var(--surface-neutral-press)}:host(.color-surface-overlay-default){fill:var(--surface-overlay-default)}:host(.color-surface-overlay-hover){fill:var(--surface-overlay-hover)}:host(.color-surface-overlay-press){fill:var(--surface-overlay-press)}:host(.color-surface-elevation-01){fill:var(--surface-elevation-01)}:host(.color-surface-elevation-02){fill:var(--surface-elevation-02)}:host(.color-surface-elevation-03){fill:var(--surface-elevation-03)}:host(.color-surface-elevation-04){fill:var(--surface-elevation-04)}:host(.color-box-shadow-color-01){fill:var(--box-shadow-color-01)}:host(.color-box-shadow-color-02){fill:var(--box-shadow-color-02)}:host(.color-brand-0){fill:#ffffff}:host(.color-brand-50){fill:#E6F2F8}:host(.color-brand-100){fill:#CCE5F1}:host(.color-brand-200){fill:#99CBE3}:host(.color-brand-300){fill:#66B1D5}:host(.color-brand-400){fill:#3397C7}:host(.color-brand-500){fill:#007DBA}:host(.color-brand-main){fill:#007DBA}.color-brand{fill:#007DBA}:host(.color-brand){color:#007DBA}:host(.color-brand-600){fill:#056CA0}:host(.color-brand-700){fill:#095B87}:host(.color-brand-800){fill:#0E4A6C}:host(.color-brand-900){fill:#133953}:host(.color-brand-950){fill:#153147}:host(.color-brand-1000){fill:#041821}:host(.color-brand-1000-medium){fill:rgba(4, 24, 33, 0.6392156863)}:host(.color-brand-1000-low){fill:rgba(4, 24, 33, 0.3215686275)}:host(.color-brand-1000-lower){fill:rgba(4, 24, 33, 0.1607843137)}:host(.color-brand-1000-lowest){fill:rgba(4, 24, 33, 0.0784313725)}:host(.color-green-0){fill:#ffffff}:host(.color-green-50){fill:#F2F7E8}:host(.color-green-100){fill:#E5EED1}:host(.color-green-200){fill:#CBDEA3}:host(.color-green-300){fill:#B2CE76}:host(.color-green-400){fill:#98BE48}:host(.color-green-500){fill:#7FAE1B}:host(.color-green-main){fill:#7FAE1B}.color-green{fill:#7FAE1B}:host(.color-green){color:#7FAE1B}:host(.color-green-600){fill:#6B9321}:host(.color-green-700){fill:#557827}:host(.color-green-800){fill:#415E2D}:host(.color-green-900){fill:#2C4333}:host(.color-green-950){fill:#223637}:host(.color-yellow-0){fill:#ffffff}:host(.color-yellow-50){fill:#FFF9E5}:host(.color-yellow-100){fill:#FEF3CC}:host(.color-yellow-200){fill:#FEE899}:host(.color-yellow-300){fill:#FEDC66}:host(.color-yellow-400){fill:#FED133}:host(.color-yellow-500){fill:#FEC600}:host(.color-yellow-main){fill:#FEC600}.color-yellow{fill:#FEC600}:host(.color-yellow){color:#FEC600}:host(.color-yellow-600){fill:#D0A60B}:host(.color-yellow-700){fill:#A18717}:host(.color-yellow-800){fill:#746722}:host(.color-yellow-900){fill:#46482E}:host(.color-yellow-950){fill:#2F3834}:host(.color-red-0){fill:#ffffff}:host(.color-red-50){fill:#FEECEB}:host(.color-red-100){fill:#FCD9D6}:host(.color-red-200){fill:#FAB3AE}:host(.color-red-300){fill:#F78E86}:host(.color-red-400){fill:#F5685E}:host(.color-red-500){fill:#F34336}:host(.color-red-main){fill:#F34336}.color-red{fill:#F34336}:host(.color-red){color:#F34336}:host(.color-red-600){fill:#C83E38}:host(.color-red-700){fill:#9D3A3A}:host(.color-red-800){fill:#72363B}:host(.color-red-900){fill:#47323D}:host(.color-red-950){fill:#2E2B3A}:host(.color-grey-0){fill:#ffffff}:host(.color-grey-50){fill:#f7f7f7}:host(.color-grey-100){fill:#EEEEEE}:host(.color-grey-200){fill:#DEDEDE}:host(.color-grey-300){fill:#CDCDCD}:host(.color-grey-400){fill:#BDBDBD}:host(.color-grey-500){fill:#ADADAD}:host(.color-grey-main){fill:#ADADAD}.color-grey{fill:#ADADAD}:host(.color-grey){color:#ADADAD}:host(.color-grey-600){fill:#8F9295}:host(.color-grey-700){fill:#71787F}:host(.color-grey-800){fill:#535D67}:host(.color-grey-900){fill:#364351}:host(.color-grey-950){fill:#273646}:host(.color-orange-0){fill:#ffffff}:host(.color-orange-50){fill:#FFF3EB}:host(.color-orange-100){fill:#FFE7D7}:host(.color-orange-200){fill:#FFD0B0}:host(.color-orange-300){fill:#FFB988}:host(.color-orange-400){fill:#FFA261}:host(.color-orange-500){fill:#FF8B3A}:host(.color-orange-main){fill:#FF8B3A}.color-orange{fill:#FF8B3A}:host(.color-orange){color:#FF8B3A}:host(.color-orange-600){fill:#D17739}:host(.color-orange-700){fill:#A2633A}:host(.color-orange-800){fill:#745039}:host(.color-orange-900){fill:#463C3A}:host(.color-orange-950){fill:#2F323A}:host(.color-white){fill:var(--static-white)}:host(.color-black){fill:var(--static-black)}";
34
+ const vdsIconCss = () => `:root{font-family:"Roboto Flex", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}@font-face{font-family:"Roboto Flex";src:url("../assets/fonts/Roboto_Flex/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf") format("truetype");font-weight:100 1000;font-stretch:25% 151%;font-style:normal}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-white-medium:rgba(255, 255, 255, 0.6392156863);--static-white-low:rgba(255, 255, 255, 0.3215686275);--static-white-lower:rgba(255, 255, 255, 0.1607843137);--static-white-lowest:rgba(255, 255, 255, 0.1215686275);--static-black:#000000;--static-black-medium:rgba(0, 0, 0, 0.6392156863);--static-black-low:rgba(0, 0, 0, 0.3215686275);--static-black-lower:rgba(0, 0, 0, 0.1607843137);--static-black-lowest:rgba(0, 0, 0, 0.1215686275);--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}.vds__menu--backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:grayscale(100%) opacity(0.5);pointer-events:auto}:host{display:block}:host-context(.checkbox-icon-checked:not(.checkbox-icon-disabled)) path:last-child{fill:var(--static-white);color:var(--static-white)}:host-context(.checkbox-icon-indeterminate:not(.checkbox-icon-disabled)) path:last-child{fill:var(--static-white);color:var(--static-white)}:host-context(.radio-button-icon-checked) path:nth-child(2){fill:var(--color-icon-white-high);color:var(--color-icon-white-high)}:host-context(.slider-thumb) g path:nth-child(1){fill:var(--color-icon-white-high);color:var(--color-icon-white-high)}:host-context(.slider-thumb) g path:nth-child(2){fill:var(--color-border-low);color:var(--color-border-low)}:host(.color-color-background-disabled){fill:var(--color-background-disabled)}:host(.color-color-background-brand-default){fill:var(--color-background-brand-default)}:host(.color-color-background-brand-hover){fill:var(--color-background-brand-hover)}:host(.color-color-background-brand-press){fill:var(--color-background-brand-press)}:host(.color-color-background-caution-default){fill:var(--color-background-caution-default)}:host(.color-color-background-caution-lowest-default){fill:var(--color-background-caution-lowest-default)}:host(.color-color-background-caution-lowest-hover){fill:var(--color-background-caution-lowest-hover)}:host(.color-color-background-caution-lowest-press){fill:var(--color-background-caution-lowest-press)}:host(.color-color-background-danger-default){fill:var(--color-background-danger-default)}:host(.color-color-background-danger-high-default){fill:var(--color-background-danger-high-default)}:host(.color-color-background-danger-high-hover){fill:var(--color-background-danger-high-hover)}:host(.color-color-background-danger-high-press){fill:var(--color-background-danger-high-press)}:host(.color-color-background-danger-lowest-default){fill:var(--color-background-danger-lowest-default)}:host(.color-color-background-danger-lowest-hover){fill:var(--color-background-danger-lowest-hover)}:host(.color-color-background-danger-lowest-press){fill:var(--color-background-danger-lowest-press)}:host(.color-color-background-general-default){fill:var(--color-background-general-default)}:host(.color-color-background-general-lowest-default){fill:var(--color-background-general-lowest-default)}:host(.color-color-background-general-lowest-hover){fill:var(--color-background-general-lowest-hover)}:host(.color-color-background-general-lowest-press){fill:var(--color-background-general-lowest-press)}:host(.color-color-background-healthy-default){fill:var(--color-background-healthy-default)}:host(.color-color-background-healthy-lowest-default){fill:var(--color-background-healthy-lowest-default)}:host(.color-color-background-healthy-lowest-hover){fill:var(--color-background-healthy-lowest-hover)}:host(.color-color-background-healthy-lowest-press){fill:var(--color-background-healthy-lowest-press)}:host(.color-color-background-information-default){fill:var(--color-background-information-default)}:host(.color-color-background-information-lowest-default){fill:var(--color-background-information-lowest-default)}:host(.color-color-background-information-lowest-hover){fill:var(--color-background-information-lowest-hover)}:host(.color-color-background-information-lowest-press){fill:var(--color-background-information-lowest-press)}:host(.color-color-background-neutral-default){fill:var(--color-background-neutral-default)}:host(.color-color-background-neutral-hover){fill:var(--color-background-neutral-hover)}:host(.color-color-background-neutral-press){fill:var(--color-background-neutral-press)}:host(.color-color-background-neutral-lowest-default){fill:var(--color-background-neutral-lowest-default)}:host(.color-color-background-neutral-lowest-hover){fill:var(--color-background-neutral-lowest-hover)}:host(.color-color-background-neutral-lowest-press){fill:var(--color-background-neutral-lowest-press)}:host(.color-color-background-warning-default){fill:var(--color-background-warning-default)}:host(.color-color-background-warning-lowest-default){fill:var(--color-background-warning-lowest-default)}:host(.color-color-background-warning-lowest-hover){fill:var(--color-background-warning-lowest-hover)}:host(.color-color-background-warning-lowest-press){fill:var(--color-background-warning-lowest-press)}:host(.color-color-border-high){fill:var(--color-border-high)}:host(.color-color-border-medium){fill:var(--color-border-medium)}:host(.color-color-border-low){fill:var(--color-border-low)}:host(.color-color-border-lower){fill:var(--color-border-lower)}:host(.color-color-border-lowest){fill:var(--color-border-lowest)}:host(.color-color-border-brand){fill:var(--color-border-brand)}:host(.color-color-border-brand-hover){fill:var(--color-border-brand-hover)}:host(.color-color-border-disabled){fill:var(--color-border-disabled)}:host(.color-color-border-danger){fill:var(--color-border-danger)}:host(.color-color-border-healthy){fill:var(--color-border-healthy)}:host(.color-color-border-caution){fill:var(--color-border-caution)}:host(.color-color-border-warning){fill:var(--color-border-warning)}:host(.color-color-border-information){fill:var(--color-border-information)}:host(.color-color-border-general){fill:var(--color-border-general)}:host(.color-color-border-focus-1){fill:var(--color-border-focus-1)}:host(.color-color-border-focus-2){fill:var(--color-border-focus-2)}:host(.color-color-border-white-high){fill:var(--color-border-white-high)}:host(.color-color-border-white-medium){fill:var(--color-border-white-medium)}:host(.color-color-border-white-low){fill:var(--color-border-white-low)}:host(.color-color-border-white-lower){fill:var(--color-border-white-lower)}:host(.color-color-border-white-lowest){fill:var(--color-border-white-lowest)}:host(.color-color-icon-high){fill:var(--color-icon-high)}:host(.color-color-icon-medium){fill:var(--color-icon-medium)}:host(.color-color-icon-low){fill:var(--color-icon-low)}:host(.color-color-icon-disabled){fill:var(--color-icon-disabled)}:host(.color-color-icon-healthy){fill:var(--color-icon-healthy)}:host(.color-color-icon-caution){fill:var(--color-icon-caution)}:host(.color-color-icon-warning){fill:var(--color-icon-warning)}:host(.color-color-icon-danger){fill:var(--color-icon-danger)}:host(.color-color-icon-information){fill:var(--color-icon-information)}:host(.color-color-icon-general){fill:var(--color-icon-general)}:host(.color-color-icon-brand-default){fill:var(--color-icon-brand-default)}:host(.color-color-icon-brand-hover){fill:var(--color-icon-brand-hover)}:host(.color-color-icon-brand-press){fill:var(--color-icon-brand-press)}:host(.color-color-icon-white-high){fill:var(--color-icon-white-high)}:host(.color-color-icon-white-medium){fill:var(--color-icon-white-medium)}:host(.color-color-icon-white-low){fill:var(--color-icon-white-low)}:host(.color-color-interaction-black-medium){fill:var(--color-interaction-black-medium)}:host(.color-color-interaction-black-low){fill:var(--color-interaction-black-low)}:host(.color-color-interaction-black-lower){fill:var(--color-interaction-black-lower)}:host(.color-color-interaction-black-lowest){fill:var(--color-interaction-black-lowest)}:host(.color-color-interaction-brand-medium){fill:var(--color-interaction-brand-medium)}:host(.color-color-interaction-brand-low){fill:var(--color-interaction-brand-low)}:host(.color-color-interaction-brand-lower){fill:var(--color-interaction-brand-lower)}:host(.color-color-interaction-brand-lowest){fill:var(--color-interaction-brand-lowest)}:host(.color-color-interaction-danger-medium){fill:var(--color-interaction-danger-medium)}:host(.color-color-interaction-danger-low){fill:var(--color-interaction-danger-low)}:host(.color-color-interaction-danger-lower){fill:var(--color-interaction-danger-lower)}:host(.color-color-interaction-danger-lowest){fill:var(--color-interaction-danger-lowest)}:host(.color-color-interaction-white-medium){fill:var(--color-interaction-white-medium)}:host(.color-color-interaction-white-low){fill:var(--color-interaction-white-low)}:host(.color-color-interaction-white-lower){fill:var(--color-interaction-white-lower)}:host(.color-color-interaction-white-lowest){fill:var(--color-interaction-white-lowest)}:host(.color-color-interaction-backdrop){fill:var(--color-interaction-backdrop)}:host(.color-color-link-default){fill:var(--color-link-default)}:host(.color-color-link-hover){fill:var(--color-link-hover)}:host(.color-color-link-press){fill:var(--color-link-press)}:host(.color-color-text-high){fill:var(--color-text-high)}:host(.color-color-text-medium){fill:var(--color-text-medium)}:host(.color-color-text-low){fill:var(--color-text-low)}:host(.color-color-text-disabled){fill:var(--color-text-disabled)}:host(.color-color-text-brand){fill:var(--color-text-brand)}:host(.color-color-text-caution-high){fill:var(--color-text-caution-high)}:host(.color-color-text-caution-medium){fill:var(--color-text-caution-medium)}:host(.color-color-text-danger-high){fill:var(--color-text-danger-high)}:host(.color-color-text-danger-medium){fill:var(--color-text-danger-medium)}:host(.color-color-text-general-high){fill:var(--color-text-general-high)}:host(.color-color-text-general-medium){fill:var(--color-text-general-medium)}:host(.color-color-text-healthy-high){fill:var(--color-text-healthy-high)}:host(.color-color-text-healthy-medium){fill:var(--color-text-healthy-medium)}:host(.color-color-text-information-high){fill:var(--color-text-information-high)}:host(.color-color-text-information-medium){fill:var(--color-text-information-medium)}:host(.color-color-text-warning-high){fill:var(--color-text-warning-high)}:host(.color-color-text-warning-medium){fill:var(--color-text-warning-medium)}:host(.color-color-text-white-high){fill:var(--color-text-white-high)}:host(.color-color-text-white-medium){fill:var(--color-text-white-medium)}:host(.color-color-text-white-low){fill:var(--color-text-white-low)}:host(.color-surface-higher){fill:var(--surface-higher)}:host(.color-surface-high){fill:var(--surface-high)}:host(.color-surface-medium){fill:var(--surface-medium)}:host(.color-surface-low){fill:var(--surface-low)}:host(.color-surface-lower){fill:var(--surface-lower)}:host(.color-surface-neutral-default){fill:var(--surface-neutral-default)}:host(.color-surface-neutral-hover){fill:var(--surface-neutral-hover)}:host(.color-surface-neutral-press){fill:var(--surface-neutral-press)}:host(.color-surface-overlay-default){fill:var(--surface-overlay-default)}:host(.color-surface-overlay-hover){fill:var(--surface-overlay-hover)}:host(.color-surface-overlay-press){fill:var(--surface-overlay-press)}:host(.color-surface-elevation-01){fill:var(--surface-elevation-01)}:host(.color-surface-elevation-02){fill:var(--surface-elevation-02)}:host(.color-surface-elevation-03){fill:var(--surface-elevation-03)}:host(.color-surface-elevation-04){fill:var(--surface-elevation-04)}:host(.color-box-shadow-color-01){fill:var(--box-shadow-color-01)}:host(.color-box-shadow-color-02){fill:var(--box-shadow-color-02)}:host(.color-static-brand-0){fill:var(--static-brand-0);color:var(--static-brand-0)}:host(.color-static-brand-50){fill:var(--static-brand-50);color:var(--static-brand-50)}:host(.color-static-brand-100){fill:var(--static-brand-100);color:var(--static-brand-100)}:host(.color-static-brand-200){fill:var(--static-brand-200);color:var(--static-brand-200)}:host(.color-static-brand-300){fill:var(--static-brand-300);color:var(--static-brand-300)}:host(.color-static-brand-400){fill:var(--static-brand-400);color:var(--static-brand-400)}:host(.color-static-brand-500){fill:var(--static-brand-500);color:var(--static-brand-500)}:host(.color-static-brand-main){fill:var(--static-brand-main);color:var(--static-brand-main)}.color-brand{fill:#007DBA}:host(.color-brand){color:#007DBA}:host(.color-static-brand-600){fill:var(--static-brand-600);color:var(--static-brand-600)}:host(.color-static-brand-700){fill:var(--static-brand-700);color:var(--static-brand-700)}:host(.color-static-brand-800){fill:var(--static-brand-800);color:var(--static-brand-800)}:host(.color-static-brand-900){fill:var(--static-brand-900);color:var(--static-brand-900)}:host(.color-static-brand-950){fill:var(--static-brand-950);color:var(--static-brand-950)}:host(.color-static-brand-1000){fill:var(--static-brand-1000);color:var(--static-brand-1000)}:host(.color-static-brand-1000-medium){fill:var(--static-brand-1000-medium);color:var(--static-brand-1000-medium)}:host(.color-static-brand-1000-low){fill:var(--static-brand-1000-low);color:var(--static-brand-1000-low)}:host(.color-static-brand-1000-lower){fill:var(--static-brand-1000-lower);color:var(--static-brand-1000-lower)}:host(.color-static-brand-1000-lowest){fill:var(--static-brand-1000-lowest);color:var(--static-brand-1000-lowest)}:host(.color-static-green-0){fill:var(--static-green-0);color:var(--static-green-0)}:host(.color-static-green-50){fill:var(--static-green-50);color:var(--static-green-50)}:host(.color-static-green-100){fill:var(--static-green-100);color:var(--static-green-100)}:host(.color-static-green-200){fill:var(--static-green-200);color:var(--static-green-200)}:host(.color-static-green-300){fill:var(--static-green-300);color:var(--static-green-300)}:host(.color-static-green-400){fill:var(--static-green-400);color:var(--static-green-400)}:host(.color-static-green-500){fill:var(--static-green-500);color:var(--static-green-500)}:host(.color-static-green-main){fill:var(--static-green-main);color:var(--static-green-main)}.color-green{fill:#7FAE1B}:host(.color-green){color:#7FAE1B}:host(.color-static-green-600){fill:var(--static-green-600);color:var(--static-green-600)}:host(.color-static-green-700){fill:var(--static-green-700);color:var(--static-green-700)}:host(.color-static-green-800){fill:var(--static-green-800);color:var(--static-green-800)}:host(.color-static-green-900){fill:var(--static-green-900);color:var(--static-green-900)}:host(.color-static-green-950){fill:var(--static-green-950);color:var(--static-green-950)}:host(.color-static-yellow-0){fill:var(--static-yellow-0);color:var(--static-yellow-0)}:host(.color-static-yellow-50){fill:var(--static-yellow-50);color:var(--static-yellow-50)}:host(.color-static-yellow-100){fill:var(--static-yellow-100);color:var(--static-yellow-100)}:host(.color-static-yellow-200){fill:var(--static-yellow-200);color:var(--static-yellow-200)}:host(.color-static-yellow-300){fill:var(--static-yellow-300);color:var(--static-yellow-300)}:host(.color-static-yellow-400){fill:var(--static-yellow-400);color:var(--static-yellow-400)}:host(.color-static-yellow-500){fill:var(--static-yellow-500);color:var(--static-yellow-500)}:host(.color-static-yellow-main){fill:var(--static-yellow-main);color:var(--static-yellow-main)}.color-yellow{fill:#FEC600}:host(.color-yellow){color:#FEC600}:host(.color-static-yellow-600){fill:var(--static-yellow-600);color:var(--static-yellow-600)}:host(.color-static-yellow-700){fill:var(--static-yellow-700);color:var(--static-yellow-700)}:host(.color-static-yellow-800){fill:var(--static-yellow-800);color:var(--static-yellow-800)}:host(.color-static-yellow-900){fill:var(--static-yellow-900);color:var(--static-yellow-900)}:host(.color-static-yellow-950){fill:var(--static-yellow-950);color:var(--static-yellow-950)}:host(.color-static-red-0){fill:var(--static-red-0);color:var(--static-red-0)}:host(.color-static-red-50){fill:var(--static-red-50);color:var(--static-red-50)}:host(.color-static-red-100){fill:var(--static-red-100);color:var(--static-red-100)}:host(.color-static-red-200){fill:var(--static-red-200);color:var(--static-red-200)}:host(.color-static-red-300){fill:var(--static-red-300);color:var(--static-red-300)}:host(.color-static-red-400){fill:var(--static-red-400);color:var(--static-red-400)}:host(.color-static-red-500){fill:var(--static-red-500);color:var(--static-red-500)}:host(.color-static-red-main){fill:var(--static-red-main);color:var(--static-red-main)}.color-red{fill:#F34336}:host(.color-red){color:#F34336}:host(.color-static-red-600){fill:var(--static-red-600);color:var(--static-red-600)}:host(.color-static-red-700){fill:var(--static-red-700);color:var(--static-red-700)}:host(.color-static-red-800){fill:var(--static-red-800);color:var(--static-red-800)}:host(.color-static-red-900){fill:var(--static-red-900);color:var(--static-red-900)}:host(.color-static-red-950){fill:var(--static-red-950);color:var(--static-red-950)}:host(.color-static-grey-0){fill:var(--static-grey-0);color:var(--static-grey-0)}:host(.color-static-grey-50){fill:var(--static-grey-50);color:var(--static-grey-50)}:host(.color-static-grey-100){fill:var(--static-grey-100);color:var(--static-grey-100)}:host(.color-static-grey-200){fill:var(--static-grey-200);color:var(--static-grey-200)}:host(.color-static-grey-300){fill:var(--static-grey-300);color:var(--static-grey-300)}:host(.color-static-grey-400){fill:var(--static-grey-400);color:var(--static-grey-400)}:host(.color-static-grey-500){fill:var(--static-grey-500);color:var(--static-grey-500)}:host(.color-static-grey-main){fill:var(--static-grey-main);color:var(--static-grey-main)}.color-grey{fill:#ADADAD}:host(.color-grey){color:#ADADAD}:host(.color-static-grey-600){fill:var(--static-grey-600);color:var(--static-grey-600)}:host(.color-static-grey-700){fill:var(--static-grey-700);color:var(--static-grey-700)}:host(.color-static-grey-800){fill:var(--static-grey-800);color:var(--static-grey-800)}:host(.color-static-grey-900){fill:var(--static-grey-900);color:var(--static-grey-900)}:host(.color-static-grey-950){fill:var(--static-grey-950);color:var(--static-grey-950)}:host(.color-static-orange-0){fill:var(--static-orange-0);color:var(--static-orange-0)}:host(.color-static-orange-50){fill:var(--static-orange-50);color:var(--static-orange-50)}:host(.color-static-orange-100){fill:var(--static-orange-100);color:var(--static-orange-100)}:host(.color-static-orange-200){fill:var(--static-orange-200);color:var(--static-orange-200)}:host(.color-static-orange-300){fill:var(--static-orange-300);color:var(--static-orange-300)}:host(.color-static-orange-400){fill:var(--static-orange-400);color:var(--static-orange-400)}:host(.color-static-orange-500){fill:var(--static-orange-500);color:var(--static-orange-500)}:host(.color-static-orange-main){fill:var(--static-orange-main);color:var(--static-orange-main)}.color-orange{fill:#FF8B3A}:host(.color-orange){color:#FF8B3A}:host(.color-static-orange-600){fill:var(--static-orange-600);color:var(--static-orange-600)}:host(.color-static-orange-700){fill:var(--static-orange-700);color:var(--static-orange-700)}:host(.color-static-orange-800){fill:var(--static-orange-800);color:var(--static-orange-800)}:host(.color-static-orange-900){fill:var(--static-orange-900);color:var(--static-orange-900)}:host(.color-static-orange-950){fill:var(--static-orange-950);color:var(--static-orange-950)}:host(.color-static-white){fill:var(--static-white);color:var(--static-white)}:host(.color-static-white-medium){fill:var(--static-white-medium);color:var(--static-white-medium)}:host(.color-static-white-low){fill:var(--static-white-low);color:var(--static-white-low)}:host(.color-static-white-lower){fill:var(--static-white-lower);color:var(--static-white-lower)}:host(.color-static-white-lowest){fill:var(--static-white-lowest);color:var(--static-white-lowest)}:host(.color-static-black){fill:var(--static-black);color:var(--static-black)}:host(.color-static-black-medium){fill:var(--static-black-medium);color:var(--static-black-medium)}:host(.color-static-black-low){fill:var(--static-black-low);color:var(--static-black-low)}:host(.color-static-black-lower){fill:var(--static-black-lower);color:var(--static-black-lower)}:host(.color-static-black-lowest){fill:var(--static-black-lowest);color:var(--static-black-lowest)}`;
35
35
 
36
36
  const VdsIcon = /*@__PURE__*/ proxyCustomElement(class VdsIcon extends HTMLElement {
37
- constructor() {
37
+ constructor(registerHost) {
38
38
  super();
39
- this.__registerHost();
39
+ if (registerHost !== false) {
40
+ this.__registerHost();
41
+ }
40
42
  this.__attachShadow();
41
43
  /** Set icon color based in volt palette */
42
- this.color = 'brand-main';
44
+ this.color = 'static-brand-main';
43
45
  }
44
46
  async componentWillLoad() {
45
47
  if (this.isValidUrl(this.svgIcon) && this.isValidSvgUrl(this.svgIcon)) {
@@ -98,14 +100,14 @@ const VdsIcon = /*@__PURE__*/ proxyCustomElement(class VdsIcon extends HTMLEleme
98
100
  return iconSprint[`${this.svgIcon}.svg`];
99
101
  }
100
102
  render() {
101
- return (h(Host, { key: '6f239066b1496a9ed04a3752fb67c7851297eee0', class: combineClasses('volt-icon', `color-${this.color}`) }, this.isInternalIcon(this.svgIcon) || this.isSvgString(this.svgIcon) ?
103
+ return (h(Host, { key: '5ddd9d6c96d27900dca1dcdd678e7c65ec4bd9f0', class: combineClasses('volt-icon', `color-${this.color}`) }, this.isInternalIcon(this.svgIcon) || this.isSvgString(this.svgIcon) ?
102
104
  (h("div", { part: "svg-icon", style: this.getSize(), class: combineClasses('volt-icon-svg'), innerHTML: this.getSvgContent() }))
103
105
  :
104
106
  (h("img", { style: this.getSize(), src: this.svgIcon, alt: `${this.alt} icon` }))));
105
107
  }
106
108
  get host() { return this; }
107
- static get style() { return vdsIconCss; }
108
- }, [1, "vds-icon", {
109
+ static get style() { return vdsIconCss(); }
110
+ }, [257, "vds-icon", {
109
111
  "svgIcon": [1025, "svg-icon"],
110
112
  "size": [1025],
111
113
  "color": [1025],
@@ -118,8 +120,8 @@ function defineCustomElement() {
118
120
  const components = ["vds-icon"];
119
121
  components.forEach(tagName => { switch (tagName) {
120
122
  case "vds-icon":
121
- if (!customElements.get(tagName)) {
122
- customElements.define(tagName, VdsIcon);
123
+ if (!customElements.get(transformTag(tagName))) {
124
+ customElements.define(transformTag(tagName), VdsIcon);
123
125
  }
124
126
  break;
125
127
  } });