@siemens/ix 0.0.0-20240508065324 → 0.0.0-20240522074328

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 (508) hide show
  1. package/components/base-button.js +26 -3
  2. package/components/base-button.js.map +1 -1
  3. package/components/breadcrumb-item.js +1 -1
  4. package/components/breadcrumb-item.js.map +1 -1
  5. package/components/button.js +3 -3
  6. package/components/button.js.map +1 -1
  7. package/components/date-picker.js +4 -4
  8. package/components/date-picker.js.map +1 -1
  9. package/components/dropdown.js +29 -12
  10. package/components/dropdown.js.map +1 -1
  11. package/components/icon-button.js +2 -2
  12. package/components/icon-button.js.map +1 -1
  13. package/components/ix-blind.js +1 -1
  14. package/components/ix-blind.js.map +1 -1
  15. package/components/ix-category-filter.js +1 -1
  16. package/components/ix-category-filter.js.map +1 -1
  17. package/components/ix-date-dropdown.js +14 -5
  18. package/components/ix-date-dropdown.js.map +1 -1
  19. package/components/ix-icon-toggle-button.js +1 -1
  20. package/components/ix-icon-toggle-button.js.map +1 -1
  21. package/components/ix-pagination.js +1 -1
  22. package/components/ix-pagination.js.map +1 -1
  23. package/components/ix-workflow-step.js +4 -4
  24. package/components/ix-workflow-step.js.map +1 -1
  25. package/components/ix-workflow-steps.js +1 -1
  26. package/components/ix-workflow-steps.js.map +1 -1
  27. package/components/tooltip.js +5 -2
  28. package/components/tooltip.js.map +1 -1
  29. package/dist/cjs/{app-globals-7ea20f68.js → app-globals-5cfdf2a0.js} +2 -2
  30. package/dist/cjs/{app-globals-7ea20f68.js.map → app-globals-5cfdf2a0.js.map} +1 -1
  31. package/dist/cjs/{base-button-2f74b19d.js → base-button-7c45a6c4.js} +27 -4
  32. package/dist/cjs/base-button-7c45a6c4.js.map +1 -0
  33. package/dist/cjs/{base-icon-button-848c77f2.js → base-icon-button-ac2fcf4b.js} +2 -2
  34. package/dist/cjs/{base-icon-button-848c77f2.js.map → base-icon-button-ac2fcf4b.js.map} +1 -1
  35. package/dist/cjs/{core-js-a890bac8.js → core-js-2fc351ee.js} +1 -1
  36. package/dist/cjs/{core-js-a890bac8.js.map → core-js-2fc351ee.js.map} +1 -1
  37. package/dist/cjs/dom-83fb07d8.js.map +1 -1
  38. package/dist/cjs/{index.es2017-0db94b91.js → index.es2017-0c2b80b6.js} +3 -3
  39. package/dist/cjs/{index.es2017-0db94b91.js.map → index.es2017-0c2b80b6.js.map} +1 -1
  40. package/dist/cjs/ix-avatar_2.cjs.entry.js +1 -1
  41. package/dist/cjs/ix-blind.cjs.entry.js +1 -1
  42. package/dist/cjs/ix-blind.cjs.entry.js.map +1 -1
  43. package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +2 -2
  44. package/dist/cjs/ix-breadcrumb-item.cjs.entry.js.map +1 -1
  45. package/dist/cjs/ix-button.cjs.entry.js +4 -4
  46. package/dist/cjs/ix-button.cjs.entry.js.map +1 -1
  47. package/dist/cjs/ix-category-filter.cjs.entry.js +2 -2
  48. package/dist/cjs/ix-category-filter.cjs.entry.js.map +1 -1
  49. package/dist/cjs/ix-col_4.cjs.entry.js +4 -4
  50. package/dist/cjs/ix-col_4.cjs.entry.js.map +1 -1
  51. package/dist/cjs/ix-date-dropdown.cjs.entry.js +11 -4
  52. package/dist/cjs/ix-date-dropdown.cjs.entry.js.map +1 -1
  53. package/dist/cjs/ix-dropdown.cjs.entry.js +28 -12
  54. package/dist/cjs/ix-dropdown.cjs.entry.js.map +1 -1
  55. package/dist/cjs/ix-icon-button_2.cjs.entry.js +4 -4
  56. package/dist/cjs/ix-icon-button_2.cjs.entry.js.map +1 -1
  57. package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +3 -3
  58. package/dist/cjs/ix-icon-toggle-button.cjs.entry.js.map +1 -1
  59. package/dist/cjs/ix-icon.entry-e95ddded.js +1533 -0
  60. package/dist/cjs/ix-icon.entry-e95ddded.js.map +1 -0
  61. package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +1 -1
  62. package/dist/cjs/ix-pagination.cjs.entry.js +2 -2
  63. package/dist/cjs/ix-pagination.cjs.entry.js.map +1 -1
  64. package/dist/cjs/ix-toggle-button.cjs.entry.js +1 -1
  65. package/dist/cjs/ix-tooltip.cjs.entry.js +5 -2
  66. package/dist/cjs/ix-tooltip.cjs.entry.js.map +1 -1
  67. package/dist/cjs/ix-workflow-step.cjs.entry.js +4 -4
  68. package/dist/cjs/ix-workflow-step.cjs.entry.js.map +1 -1
  69. package/dist/cjs/ix-workflow-steps.cjs.entry.js +1 -1
  70. package/dist/cjs/ix-workflow-steps.cjs.entry.js.map +1 -1
  71. package/dist/cjs/loader.cjs.js +2 -2
  72. package/dist/cjs/siemens-ix.cjs.js +2 -2
  73. package/dist/collection/components/action-card/action-card.js.map +1 -1
  74. package/dist/collection/components/application/application.js.map +1 -1
  75. package/dist/collection/components/application-header/application-header.js.map +1 -1
  76. package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.js.map +1 -1
  77. package/dist/collection/components/application-header/test/application-header.ct.js.map +1 -1
  78. package/dist/collection/components/application-sidebar/application-sidebar.js.map +1 -1
  79. package/dist/collection/components/application-sidebar/events.js.map +1 -1
  80. package/dist/collection/components/avatar/avatar.js.map +1 -1
  81. package/dist/collection/components/avatar/test/avatar.ct.js.map +1 -1
  82. package/dist/collection/components/basic-navigation/basic-navigation.js.map +1 -1
  83. package/dist/collection/components/blind/blind.css +1 -1
  84. package/dist/collection/components/blind/blind.js.map +1 -1
  85. package/dist/collection/components/blind/test/blind.ct.js.map +1 -1
  86. package/dist/collection/components/breadcrumb/breadcrumb.js.map +1 -1
  87. package/dist/collection/components/breadcrumb/test/breadcrumb.ct.js.map +1 -1
  88. package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +181 -0
  89. package/dist/collection/components/breadcrumb-item/breadcrumb-item.js.map +1 -1
  90. package/dist/collection/components/button/base-button.js +25 -2
  91. package/dist/collection/components/button/base-button.js.map +1 -1
  92. package/dist/collection/components/button/button.css +181 -0
  93. package/dist/collection/components/button/button.js +7 -4
  94. package/dist/collection/components/button/button.js.map +1 -1
  95. package/dist/collection/components/button/test/button.ct.js +11 -0
  96. package/dist/collection/components/button/test/button.ct.js.map +1 -1
  97. package/dist/collection/components/button/test/button.spec.js.map +1 -1
  98. package/dist/collection/components/card/card.js.map +1 -1
  99. package/dist/collection/components/card-accordion/card-accordion.js.map +1 -1
  100. package/dist/collection/components/card-content/card-content.js.map +1 -1
  101. package/dist/collection/components/card-list/card-list.js.map +1 -1
  102. package/dist/collection/components/card-title/card-title.js.map +1 -1
  103. package/dist/collection/components/category-filter/category-filter.css +181 -0
  104. package/dist/collection/components/category-filter/category-filter.js.map +1 -1
  105. package/dist/collection/components/category-filter/filter-state.js.map +1 -1
  106. package/dist/collection/components/category-filter/input-state.js.map +1 -1
  107. package/dist/collection/components/category-filter/logical-filter-operator.js.map +1 -1
  108. package/dist/collection/components/chip/chip.js.map +1 -1
  109. package/dist/collection/components/col/col.js.map +1 -1
  110. package/dist/collection/components/content/content.js.map +1 -1
  111. package/dist/collection/components/content-header/content-header.js.map +1 -1
  112. package/dist/collection/components/css-grid/builder.js.map +1 -1
  113. package/dist/collection/components/css-grid/css-grid-item.js.map +1 -1
  114. package/dist/collection/components/css-grid/css-grid.js.map +1 -1
  115. package/dist/collection/components/date-dropdown/date-dropdown.js +33 -3
  116. package/dist/collection/components/date-dropdown/date-dropdown.js.map +1 -1
  117. package/dist/collection/components/date-dropdown/test/date-dropdown.ct.js +43 -0
  118. package/dist/collection/components/date-dropdown/test/date-dropdown.ct.js.map +1 -1
  119. package/dist/collection/components/date-picker/date-picker.js +4 -4
  120. package/dist/collection/components/date-picker/date-picker.js.map +1 -1
  121. package/dist/collection/components/date-picker/test/date-picker.ct.js.map +1 -1
  122. package/dist/collection/components/date-time-card/date-time-card.js.map +1 -1
  123. package/dist/collection/components/datetime-picker/datetime-picker.js.map +1 -1
  124. package/dist/collection/components/datetime-picker/test/datetime-picker.ct.js.map +1 -1
  125. package/dist/collection/components/divider/divider.js.map +1 -1
  126. package/dist/collection/components/drawer/drawer.js.map +1 -1
  127. package/dist/collection/components/drawer/test/drawer.ct.js.map +1 -1
  128. package/dist/collection/components/drawer/test/drawer.spec.js.map +1 -1
  129. package/dist/collection/components/dropdown/dropdown-controller.js +19 -6
  130. package/dist/collection/components/dropdown/dropdown-controller.js.map +1 -1
  131. package/dist/collection/components/dropdown/dropdown.js +30 -6
  132. package/dist/collection/components/dropdown/dropdown.js.map +1 -1
  133. package/dist/collection/components/dropdown/placement.js.map +1 -1
  134. package/dist/collection/components/dropdown/test/dropdown-controller.spec.js.map +1 -1
  135. package/dist/collection/components/dropdown/test/dropdown.ct.js.map +1 -1
  136. package/dist/collection/components/dropdown-button/dropdown-button.js +1 -1
  137. package/dist/collection/components/dropdown-button/dropdown-button.js.map +1 -1
  138. package/dist/collection/components/dropdown-header/dropdown-header.js.map +1 -1
  139. package/dist/collection/components/dropdown-item/dropdown-item.js.map +1 -1
  140. package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js.map +1 -1
  141. package/dist/collection/components/empty-state/empty-state.js.map +1 -1
  142. package/dist/collection/components/event-list/event-list.js.map +1 -1
  143. package/dist/collection/components/event-list/test/event-list.ct.js.map +1 -1
  144. package/dist/collection/components/event-list/test/event-list.spec.js.map +1 -1
  145. package/dist/collection/components/event-list-item/event-list-item.js.map +1 -1
  146. package/dist/collection/components/event-list-item/test/event-list-item.spec.js.map +1 -1
  147. package/dist/collection/components/expanding-search/expanding-search.js.map +1 -1
  148. package/dist/collection/components/expanding-search/test/expanding-search.ct.js.map +1 -1
  149. package/dist/collection/components/expanding-search/test/expanding-search.spec.js.map +1 -1
  150. package/dist/collection/components/filter-chip/filter-chip.js.map +1 -1
  151. package/dist/collection/components/flip-tile/flip-tile-state.js.map +1 -1
  152. package/dist/collection/components/flip-tile/flip-tile.js.map +1 -1
  153. package/dist/collection/components/flip-tile/test/flip-tile.ct.js.map +1 -1
  154. package/dist/collection/components/flip-tile-content/flip-tile-content.js.map +1 -1
  155. package/dist/collection/components/form-field/form-field.js.map +1 -1
  156. package/dist/collection/components/grid/layout-grid.js.map +1 -1
  157. package/dist/collection/components/group/group-context-menu.js.map +1 -1
  158. package/dist/collection/components/group/group.js.map +1 -1
  159. package/dist/collection/components/group/test/group.ct.js.map +1 -1
  160. package/dist/collection/components/group-item/group-item.js.map +1 -1
  161. package/dist/collection/components/icon-button/base-icon-button.js.map +1 -1
  162. package/dist/collection/components/icon-button/icon-button.css +181 -0
  163. package/dist/collection/components/icon-button/icon-button.js +6 -3
  164. package/dist/collection/components/icon-button/icon-button.js.map +1 -1
  165. package/dist/collection/components/icon-button/test/icon-button.ct.js.map +1 -1
  166. package/dist/collection/components/icon-button/test/icon-button.spec.js.map +1 -1
  167. package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +181 -0
  168. package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +1 -1
  169. package/dist/collection/components/icon-toggle-button/icon-toggle-button.js.map +1 -1
  170. package/dist/collection/components/input-group/input-group.js.map +1 -1
  171. package/dist/collection/components/input-group/tests/input-group.ct.js.map +1 -1
  172. package/dist/collection/components/key-value/key-value.js.map +1 -1
  173. package/dist/collection/components/key-value-list/key-value-list.js.map +1 -1
  174. package/dist/collection/components/kpi/kpi.js.map +1 -1
  175. package/dist/collection/components/link-button/link-button.js.map +1 -1
  176. package/dist/collection/components/map-navigation/map-navigation.js.map +1 -1
  177. package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js.map +1 -1
  178. package/dist/collection/components/menu/menu-expand-icon.js.map +1 -1
  179. package/dist/collection/components/menu/menu.js.map +1 -1
  180. package/dist/collection/components/menu/test/menu.ct.js.map +1 -1
  181. package/dist/collection/components/menu-about/menu-about.js.map +1 -1
  182. package/dist/collection/components/menu-about-item/menu-about-item.js.map +1 -1
  183. package/dist/collection/components/menu-about-news/menu-about-news.js.map +1 -1
  184. package/dist/collection/components/menu-avatar/menu-avatar.js.map +1 -1
  185. package/dist/collection/components/menu-avatar-item/menu-avatar-item.js.map +1 -1
  186. package/dist/collection/components/menu-avatar-item/test/menu-avatar-item.ct.js.map +1 -1
  187. package/dist/collection/components/menu-category/enter-leave.js.map +1 -1
  188. package/dist/collection/components/menu-category/menu-category.js.map +1 -1
  189. package/dist/collection/components/menu-category/test/menu-category.ct.js.map +1 -1
  190. package/dist/collection/components/menu-item/menu-item.js.map +1 -1
  191. package/dist/collection/components/menu-item/test/menu-item.ct.js.map +1 -1
  192. package/dist/collection/components/menu-settings/menu-settings.js.map +1 -1
  193. package/dist/collection/components/menu-settings-item/menu-settings-item.js.map +1 -1
  194. package/dist/collection/components/message-bar/message-bar.js.map +1 -1
  195. package/dist/collection/components/message-bar/test/message-bar.spec.js.map +1 -1
  196. package/dist/collection/components/modal/modal.js.map +1 -1
  197. package/dist/collection/components/modal/test/modal.ct.js.map +1 -1
  198. package/dist/collection/components/modal-content/modal-content.js.map +1 -1
  199. package/dist/collection/components/modal-footer/modal-footer.js.map +1 -1
  200. package/dist/collection/components/modal-header/modal-header.js.map +1 -1
  201. package/dist/collection/components/modal-loading/modal-loading.js.map +1 -1
  202. package/dist/collection/components/pagination/pagination.css +181 -0
  203. package/dist/collection/components/pagination/pagination.js.map +1 -1
  204. package/dist/collection/components/pagination/test/pagination.ct.js.map +1 -1
  205. package/dist/collection/components/pagination/test/pagination.spec.js.map +1 -1
  206. package/dist/collection/components/pane/pane.js.map +1 -1
  207. package/dist/collection/components/pane/test/panes.ct.js.map +1 -1
  208. package/dist/collection/components/pane-layout/pane-layout.js.map +1 -1
  209. package/dist/collection/components/pane-layout/test/pane-layout.ct.js.map +1 -1
  210. package/dist/collection/components/pill/pill.js.map +1 -1
  211. package/dist/collection/components/playground/example-modal.js.map +1 -1
  212. package/dist/collection/components/playground/playground.js.map +1 -1
  213. package/dist/collection/components/push-card/push-card.js.map +1 -1
  214. package/dist/collection/components/row/row.js.map +1 -1
  215. package/dist/collection/components/select/select.js.map +1 -1
  216. package/dist/collection/components/select/test/select.ct.js.map +1 -1
  217. package/dist/collection/components/select-item/events.js.map +1 -1
  218. package/dist/collection/components/select-item/select-item.js.map +1 -1
  219. package/dist/collection/components/select-item/test/select-item.spec.js.map +1 -1
  220. package/dist/collection/components/slider/slider.js.map +1 -1
  221. package/dist/collection/components/slider/test/slider.ct.js.map +1 -1
  222. package/dist/collection/components/spinner/spinner.js.map +1 -1
  223. package/dist/collection/components/split-button/split-button.js +1 -1
  224. package/dist/collection/components/split-button/split-button.js.map +1 -1
  225. package/dist/collection/components/split-button-item/split-button-item.js.map +1 -1
  226. package/dist/collection/components/tab-item/tab-item.js.map +1 -1
  227. package/dist/collection/components/tabs/tabs.js.map +1 -1
  228. package/dist/collection/components/tabs/test/tabs.ct.js.map +1 -1
  229. package/dist/collection/components/tile/tile.js.map +1 -1
  230. package/dist/collection/components/time-picker/test/time-picker.ct.js.map +1 -1
  231. package/dist/collection/components/time-picker/time-picker.js.map +1 -1
  232. package/dist/collection/components/toast/toast-container.js.map +1 -1
  233. package/dist/collection/components/toast/toast-utils.js.map +1 -1
  234. package/dist/collection/components/toast/toast.js.map +1 -1
  235. package/dist/collection/components/toggle/test/toggle.ct.js.map +1 -1
  236. package/dist/collection/components/toggle/toggle.js.map +1 -1
  237. package/dist/collection/components/toggle-button/toggle-button.js +1 -1
  238. package/dist/collection/components/toggle-button/toggle-button.js.map +1 -1
  239. package/dist/collection/components/tooltip/test/tooltip.ct.js.map +1 -1
  240. package/dist/collection/components/tooltip/tooltip-controller.js.map +1 -1
  241. package/dist/collection/components/tooltip/tooltip.js +5 -2
  242. package/dist/collection/components/tooltip/tooltip.js.map +1 -1
  243. package/dist/collection/components/tree/test/tree.ct.js.map +1 -1
  244. package/dist/collection/components/tree/tree-model.js.map +1 -1
  245. package/dist/collection/components/tree/tree.js.map +1 -1
  246. package/dist/collection/components/tree-item/default-tree-item.js.map +1 -1
  247. package/dist/collection/components/tree-item/tree-item.js.map +1 -1
  248. package/dist/collection/components/typography/test/ix-typography.spec.js.map +1 -1
  249. package/dist/collection/components/typography/type-mapping.js.map +1 -1
  250. package/dist/collection/components/typography/typography.js.map +1 -1
  251. package/dist/collection/components/upload/upload-file-state.js.map +1 -1
  252. package/dist/collection/components/upload/upload.js.map +1 -1
  253. package/dist/collection/components/utils/a11y.js.map +1 -1
  254. package/dist/collection/components/utils/animation.js.map +1 -1
  255. package/dist/collection/components/utils/app-switch/index.js.map +1 -1
  256. package/dist/collection/components/utils/application-layout/context.js.map +1 -1
  257. package/dist/collection/components/utils/application-layout/index.js.map +1 -1
  258. package/dist/collection/components/utils/application-layout/service.js.map +1 -1
  259. package/dist/collection/components/utils/breakpoints.js.map +1 -1
  260. package/dist/collection/components/utils/condition-checks.js.map +1 -1
  261. package/dist/collection/components/utils/context.js.map +1 -1
  262. package/dist/collection/components/utils/debounce.js.map +1 -1
  263. package/dist/collection/components/utils/delegate.js.map +1 -1
  264. package/dist/collection/components/utils/focus.js.map +1 -1
  265. package/dist/collection/components/utils/internal/component.js.map +1 -1
  266. package/dist/collection/components/utils/internal/index.js.map +1 -1
  267. package/dist/collection/components/utils/listener.js.map +1 -1
  268. package/dist/collection/components/utils/make-ref.js.map +1 -1
  269. package/dist/collection/components/utils/menu-service/menu-service.js.map +1 -1
  270. package/dist/collection/components/utils/menu-tabs/menu-tabs-fc.js.map +1 -1
  271. package/dist/collection/components/utils/menu-tabs/menu-tabs-utils.js.map +1 -1
  272. package/dist/collection/components/utils/modal/index.js.map +1 -1
  273. package/dist/collection/components/utils/modal/loading.js.map +1 -1
  274. package/dist/collection/components/utils/modal/message.js.map +1 -1
  275. package/dist/collection/components/utils/modal/modal.js.map +1 -1
  276. package/dist/collection/components/utils/mutation-observer.js.map +1 -1
  277. package/dist/collection/components/utils/notification-color.js.map +1 -1
  278. package/dist/collection/components/utils/overlay.js.map +1 -1
  279. package/dist/collection/components/utils/requestAnimationFrame.js.map +1 -1
  280. package/dist/collection/components/utils/rwd.util.js.map +1 -1
  281. package/dist/collection/components/utils/shadow-dom.js.map +1 -1
  282. package/dist/collection/components/utils/theme-switcher.js.map +1 -1
  283. package/dist/collection/components/utils/typed-event.js.map +1 -1
  284. package/dist/collection/components/utils/waitForElement.js.map +1 -1
  285. package/dist/collection/components/validation-tooltip/validation-tooltip.js.map +1 -1
  286. package/dist/collection/components/workflow-step/workflow-step.css +27 -7
  287. package/dist/collection/components/workflow-step/workflow-step.js +3 -3
  288. package/dist/collection/components/workflow-step/workflow-step.js.map +1 -1
  289. package/dist/collection/components/workflow-steps/test/workflow-steps.ct.js.map +1 -1
  290. package/dist/collection/components/workflow-steps/test/workflow-steps.spec.js.map +1 -1
  291. package/dist/collection/components/workflow-steps/workflow-steps.css +9 -1
  292. package/dist/collection/components/workflow-steps/workflow-steps.js.map +1 -1
  293. package/dist/collection/index.js.map +1 -1
  294. package/dist/collection/setup.js.map +1 -1
  295. package/dist/collection/tests/action-card/action-card.e2e.js.map +1 -1
  296. package/dist/collection/tests/application/application.e2e.js.map +1 -1
  297. package/dist/collection/tests/application-header/application-header.e2e.js.map +1 -1
  298. package/dist/collection/tests/avatar/avatar.e2e.js.map +1 -1
  299. package/dist/collection/tests/basic-navigation/basic-navigation.e2e.js.map +1 -1
  300. package/dist/collection/tests/blind/blind.e2e.js.map +1 -1
  301. package/dist/collection/tests/breadcrumb/breadcrumb.e2e.js.map +1 -1
  302. package/dist/collection/tests/button/button.e2e.js.map +1 -1
  303. package/dist/collection/tests/card/card.e2e.js.map +1 -1
  304. package/dist/collection/tests/card-list/card-list.e2e.js.map +1 -1
  305. package/dist/collection/tests/category-filter/category-filter.e2e.js.map +1 -1
  306. package/dist/collection/tests/checkbox/checkbox.e2e.js.map +1 -1
  307. package/dist/collection/tests/chip/chip.e2e.js.map +1 -1
  308. package/dist/collection/tests/content-header/content-header.e2e.js.map +1 -1
  309. package/dist/collection/tests/date-dropdown/date-dropdown.e2e.js.map +1 -1
  310. package/dist/collection/tests/date-picker/date-picker.e2e.js.map +1 -1
  311. package/dist/collection/tests/date-picker-rework/date-picker-rework.e2e.js.map +1 -1
  312. package/dist/collection/tests/datetime-picker/datetime-picker.e2e.js.map +1 -1
  313. package/dist/collection/tests/datetime-picker-rework/datetime-picker-rework.e2e.js.map +1 -1
  314. package/dist/collection/tests/divider/divider.e2e.js.map +1 -1
  315. package/dist/collection/tests/drawer/drawer.e2e.js.map +1 -1
  316. package/dist/collection/tests/dropdown/dropdown.e2e.js.map +1 -1
  317. package/dist/collection/tests/dropdown-button/dropdown-button.e2e.js.map +1 -1
  318. package/dist/collection/tests/dropdown-quick-actions/dropdown-quick-actions.e2e.js.map +1 -1
  319. package/dist/collection/tests/empty-state/empty-state.e2e.js.map +1 -1
  320. package/dist/collection/tests/event-list/event-list.e2e.js.map +1 -1
  321. package/dist/collection/tests/expanding-search/expanding-search.e2e.js.map +1 -1
  322. package/dist/collection/tests/flip-tile/flip-tile.e2e.js.map +1 -1
  323. package/dist/collection/tests/fonts/fonts.e2e.js.map +1 -1
  324. package/dist/collection/tests/group/group.e2e.js.map +1 -1
  325. package/dist/collection/tests/html-table/html-table.e2e.js.map +1 -1
  326. package/dist/collection/tests/icon/icon.e2e.js.map +1 -1
  327. package/dist/collection/tests/icon-button/icon-button.e2e.js +34 -2
  328. package/dist/collection/tests/icon-button/icon-button.e2e.js.map +1 -1
  329. package/dist/collection/tests/icon-toggle-button/toggle-button.e2e.js.map +1 -1
  330. package/dist/collection/tests/input/input.e2e.js.map +1 -1
  331. package/dist/collection/tests/input-group/input-group.e2e.js.map +1 -1
  332. package/dist/collection/tests/key-value/key-value.e2e.js.map +1 -1
  333. package/dist/collection/tests/key-value-list/key-value-list.e2e.js.map +1 -1
  334. package/dist/collection/tests/kpi/kpi.e2e.js.map +1 -1
  335. package/dist/collection/tests/layout-grid/layout-grid.e2e.js.map +1 -1
  336. package/dist/collection/tests/link-button/link-button.e2e.js.map +1 -1
  337. package/dist/collection/tests/map-navigation/map-navigation.e2e.js.map +1 -1
  338. package/dist/collection/tests/map-navigation-overlay/map-navigation.e2e.js.map +1 -1
  339. package/dist/collection/tests/menu/menu.e2e.js.map +1 -1
  340. package/dist/collection/tests/menu-about/menu-about.e2e.js.map +1 -1
  341. package/dist/collection/tests/menu-about-news/menu-about-news.e2e.js.map +1 -1
  342. package/dist/collection/tests/menu-avatar/menu-avatar.e2e.js.map +1 -1
  343. package/dist/collection/tests/menu-settings/menu-settings.e2e.js.map +1 -1
  344. package/dist/collection/tests/message-bar/message-bar.e2e.js.map +1 -1
  345. package/dist/collection/tests/modal/modal.e2e.js.map +1 -1
  346. package/dist/collection/tests/pagination/pagination.e2e.js.map +1 -1
  347. package/dist/collection/tests/panes/panes.e2e.js.map +1 -1
  348. package/dist/collection/tests/pill/pill.e2e.js.map +1 -1
  349. package/dist/collection/tests/push-card/push-card.e2e.js.map +1 -1
  350. package/dist/collection/tests/radiobutton/radiobutton.e2e.js.map +1 -1
  351. package/dist/collection/tests/select/select.e2e.js.map +1 -1
  352. package/dist/collection/tests/slider/slider.e2e.js.map +1 -1
  353. package/dist/collection/tests/spinner/spinner.e2e.js.map +1 -1
  354. package/dist/collection/tests/split-button/split-button.e2e.js.map +1 -1
  355. package/dist/collection/tests/tabs/tabs.e2e.js.map +1 -1
  356. package/dist/collection/tests/textarea/textarea.e2e.js.map +1 -1
  357. package/dist/collection/tests/tile/tile.e2e.js.map +1 -1
  358. package/dist/collection/tests/time-picker-rework/time-picker-rework.e2e.js.map +1 -1
  359. package/dist/collection/tests/toast/toast.e2e.js.map +1 -1
  360. package/dist/collection/tests/toggle/toggle.e2e.js.map +1 -1
  361. package/dist/collection/tests/toggle-button/toggle-button.e2e.js.map +1 -1
  362. package/dist/collection/tests/tooltip/tooltip.e2e.js.map +1 -1
  363. package/dist/collection/tests/tree/tree.e2e.js.map +1 -1
  364. package/dist/collection/tests/typography/typography.e2e.js.map +1 -1
  365. package/dist/collection/tests/upload/upload.e2e.js.map +1 -1
  366. package/dist/collection/tests/utils/test/index.js.map +1 -1
  367. package/dist/collection/tests/utils/test/page.js.map +1 -1
  368. package/dist/collection/tests/workflow-steps/workflow-steps.e2e.js.map +1 -1
  369. package/dist/esm/{app-globals-bdfc5499.js → app-globals-0cd07cd9.js} +2 -2
  370. package/dist/esm/{app-globals-bdfc5499.js.map → app-globals-0cd07cd9.js.map} +1 -1
  371. package/dist/esm/{base-button-37b915d6.js → base-button-3ac703a7.js} +27 -4
  372. package/dist/esm/base-button-3ac703a7.js.map +1 -0
  373. package/dist/esm/{base-icon-button-976ef0f6.js → base-icon-button-59eb1fe5.js} +2 -2
  374. package/dist/esm/{base-icon-button-976ef0f6.js.map → base-icon-button-59eb1fe5.js.map} +1 -1
  375. package/dist/esm/{core-js-1c33b685.js → core-js-78b486a8.js} +1 -1
  376. package/dist/esm/{core-js-1c33b685.js.map → core-js-78b486a8.js.map} +1 -1
  377. package/dist/esm/dom-64ac48b5.js.map +1 -1
  378. package/dist/esm/{index.es2017-45304832.js → index.es2017-93ac816c.js} +3 -3
  379. package/dist/esm/{index.es2017-45304832.js.map → index.es2017-93ac816c.js.map} +1 -1
  380. package/dist/esm/ix-avatar_2.entry.js +1 -1
  381. package/dist/esm/ix-blind.entry.js +1 -1
  382. package/dist/esm/ix-blind.entry.js.map +1 -1
  383. package/dist/esm/ix-breadcrumb-item.entry.js +2 -2
  384. package/dist/esm/ix-breadcrumb-item.entry.js.map +1 -1
  385. package/dist/esm/ix-button.entry.js +4 -4
  386. package/dist/esm/ix-button.entry.js.map +1 -1
  387. package/dist/esm/ix-category-filter.entry.js +2 -2
  388. package/dist/esm/ix-category-filter.entry.js.map +1 -1
  389. package/dist/esm/ix-col_4.entry.js +4 -4
  390. package/dist/esm/ix-col_4.entry.js.map +1 -1
  391. package/dist/esm/ix-date-dropdown.entry.js +11 -4
  392. package/dist/esm/ix-date-dropdown.entry.js.map +1 -1
  393. package/dist/esm/ix-dropdown.entry.js +28 -12
  394. package/dist/esm/ix-dropdown.entry.js.map +1 -1
  395. package/dist/esm/ix-icon-button_2.entry.js +4 -4
  396. package/dist/esm/ix-icon-button_2.entry.js.map +1 -1
  397. package/dist/esm/ix-icon-toggle-button.entry.js +3 -3
  398. package/dist/esm/ix-icon-toggle-button.entry.js.map +1 -1
  399. package/dist/esm/ix-icon.entry-621b700a.js +1531 -0
  400. package/dist/esm/ix-icon.entry-621b700a.js.map +1 -0
  401. package/dist/esm/ix-menu-expand-icon.entry.js +1 -1
  402. package/dist/esm/ix-pagination.entry.js +2 -2
  403. package/dist/esm/ix-pagination.entry.js.map +1 -1
  404. package/dist/esm/ix-toggle-button.entry.js +1 -1
  405. package/dist/esm/ix-tooltip.entry.js +5 -2
  406. package/dist/esm/ix-tooltip.entry.js.map +1 -1
  407. package/dist/esm/ix-workflow-step.entry.js +4 -4
  408. package/dist/esm/ix-workflow-step.entry.js.map +1 -1
  409. package/dist/esm/ix-workflow-steps.entry.js +1 -1
  410. package/dist/esm/ix-workflow-steps.entry.js.map +1 -1
  411. package/dist/esm/loader.js +2 -2
  412. package/dist/esm/siemens-ix.js +2 -2
  413. package/dist/siemens-ix/p-01b8b98c.entry.js +2 -0
  414. package/dist/siemens-ix/{p-8d161202.entry.js.map → p-01b8b98c.entry.js.map} +1 -1
  415. package/dist/siemens-ix/p-0fee2dd5.entry.js +2 -0
  416. package/dist/siemens-ix/p-0fee2dd5.entry.js.map +1 -0
  417. package/dist/siemens-ix/p-18a1c4dd.entry.js +2 -0
  418. package/dist/siemens-ix/p-18a1c4dd.entry.js.map +1 -0
  419. package/dist/siemens-ix/p-18a27007.entry.js +2 -0
  420. package/dist/siemens-ix/p-18a27007.entry.js.map +1 -0
  421. package/dist/siemens-ix/{p-84430d2c.js → p-1f6df0c6.js} +2 -2
  422. package/dist/siemens-ix/{p-84430d2c.js.map → p-1f6df0c6.js.map} +1 -1
  423. package/dist/siemens-ix/p-213f16d5.entry.js +2 -0
  424. package/dist/siemens-ix/{p-64c895ac.entry.js.map → p-213f16d5.entry.js.map} +1 -1
  425. package/dist/siemens-ix/{p-7702a8c2.js → p-235c14ca.js} +2 -2
  426. package/dist/siemens-ix/p-2459f98f.entry.js +2 -0
  427. package/dist/siemens-ix/p-2459f98f.entry.js.map +1 -0
  428. package/dist/siemens-ix/p-2c14670e.entry.js +2 -0
  429. package/dist/siemens-ix/p-2c14670e.entry.js.map +1 -0
  430. package/dist/siemens-ix/{p-af74fc62.entry.js → p-306c5ab2.entry.js} +2 -2
  431. package/dist/siemens-ix/{p-bd310180.entry.js → p-4cf6e817.entry.js} +2 -2
  432. package/dist/siemens-ix/p-5d43cae8.js.map +1 -1
  433. package/dist/siemens-ix/p-8362e966.js +2 -0
  434. package/dist/siemens-ix/p-8362e966.js.map +1 -0
  435. package/dist/siemens-ix/p-a147b152.entry.js +2 -0
  436. package/dist/siemens-ix/p-a147b152.entry.js.map +1 -0
  437. package/dist/siemens-ix/{p-b5c53faf.js → p-a2200306.js} +1 -1
  438. package/dist/siemens-ix/{p-b5c53faf.js.map → p-a2200306.js.map} +1 -1
  439. package/dist/siemens-ix/p-a8838a77.js +2 -0
  440. package/dist/siemens-ix/p-bd576793.entry.js +2 -0
  441. package/dist/siemens-ix/p-bd576793.entry.js.map +1 -0
  442. package/dist/siemens-ix/p-bdc57334.entry.js +2 -0
  443. package/dist/siemens-ix/{p-f7e82b50.entry.js.map → p-bdc57334.entry.js.map} +1 -1
  444. package/dist/siemens-ix/{p-262026ab.entry.js → p-cf546284.entry.js} +2 -2
  445. package/dist/siemens-ix/p-cf546284.entry.js.map +1 -0
  446. package/dist/siemens-ix/{p-ac1d46d6.entry.js → p-def8b3a4.entry.js} +2 -2
  447. package/dist/siemens-ix/{p-ac1d46d6.entry.js.map → p-def8b3a4.entry.js.map} +1 -1
  448. package/dist/siemens-ix/p-e4e24f59.entry.js +2 -0
  449. package/dist/siemens-ix/{p-c29aff68.entry.js.map → p-e4e24f59.entry.js.map} +1 -1
  450. package/dist/siemens-ix/{p-b02fd2c5.entry.js → p-fb55854a.entry.js} +2 -2
  451. package/dist/siemens-ix/p-fe87443e.js +2 -0
  452. package/dist/siemens-ix/p-fe87443e.js.map +1 -0
  453. package/dist/siemens-ix/siemens-ix.css +72 -0
  454. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  455. package/dist/siemens-ix/siemens-ix.esm.js.map +1 -1
  456. package/dist/siemens-ix/theme/classic-dark.css +1 -1
  457. package/dist/siemens-ix/theme/classic-light.css +1 -1
  458. package/dist/types/components/button/base-button.d.ts +3 -0
  459. package/dist/types/components/button/button.d.ts +2 -1
  460. package/dist/types/components/date-dropdown/date-dropdown.d.ts +7 -0
  461. package/dist/types/components/dropdown/dropdown-controller.d.ts +2 -2
  462. package/dist/types/components/dropdown/dropdown.d.ts +2 -0
  463. package/dist/types/components/icon-button/icon-button.d.ts +1 -0
  464. package/dist/types/components.d.ts +15 -0
  465. package/package.json +1 -1
  466. package/scss/theme/classic-dark/_color.scss +36 -0
  467. package/scss/theme/classic-light/_color.scss +36 -0
  468. package/dist/cjs/base-button-2f74b19d.js.map +0 -1
  469. package/dist/cjs/ix-icon.entry-01b3822b.js +0 -1487
  470. package/dist/cjs/ix-icon.entry-01b3822b.js.map +0 -1
  471. package/dist/esm/base-button-37b915d6.js.map +0 -1
  472. package/dist/esm/ix-icon.entry-9fafcf35.js +0 -1485
  473. package/dist/esm/ix-icon.entry-9fafcf35.js.map +0 -1
  474. package/dist/playwright-ct.config.js +0 -23
  475. package/dist/playwright-ct.config.js.map +0 -1
  476. package/dist/playwright.config.js +0 -75
  477. package/dist/playwright.config.js.map +0 -1
  478. package/dist/siemens-ix/p-16826ff7.js +0 -2
  479. package/dist/siemens-ix/p-16d378f3.js +0 -2
  480. package/dist/siemens-ix/p-16d378f3.js.map +0 -1
  481. package/dist/siemens-ix/p-262026ab.entry.js.map +0 -1
  482. package/dist/siemens-ix/p-29b0bef3.entry.js +0 -2
  483. package/dist/siemens-ix/p-29b0bef3.entry.js.map +0 -1
  484. package/dist/siemens-ix/p-64c895ac.entry.js +0 -2
  485. package/dist/siemens-ix/p-6f097cae.entry.js +0 -2
  486. package/dist/siemens-ix/p-6f097cae.entry.js.map +0 -1
  487. package/dist/siemens-ix/p-8d161202.entry.js +0 -2
  488. package/dist/siemens-ix/p-a039faa9.entry.js +0 -2
  489. package/dist/siemens-ix/p-a039faa9.entry.js.map +0 -1
  490. package/dist/siemens-ix/p-a4e489ea.js +0 -2
  491. package/dist/siemens-ix/p-a4e489ea.js.map +0 -1
  492. package/dist/siemens-ix/p-acdeb192.entry.js +0 -2
  493. package/dist/siemens-ix/p-acdeb192.entry.js.map +0 -1
  494. package/dist/siemens-ix/p-c29aff68.entry.js +0 -2
  495. package/dist/siemens-ix/p-c4d3f089.entry.js +0 -2
  496. package/dist/siemens-ix/p-c4d3f089.entry.js.map +0 -1
  497. package/dist/siemens-ix/p-dbf234e5.entry.js +0 -2
  498. package/dist/siemens-ix/p-dbf234e5.entry.js.map +0 -1
  499. package/dist/siemens-ix/p-f7e82b50.entry.js +0 -2
  500. package/dist/siemens-ix/p-fe273de4.entry.js +0 -2
  501. package/dist/siemens-ix/p-fe273de4.entry.js.map +0 -1
  502. package/dist/types/Users/daniel/dev/oss/ix/packages/core/.stencil/playwright-ct.config.d.ts +0 -7
  503. package/dist/types/Users/daniel/dev/oss/ix/packages/core/.stencil/playwright.config.d.ts +0 -7
  504. /package/dist/siemens-ix/{p-7702a8c2.js.map → p-235c14ca.js.map} +0 -0
  505. /package/dist/siemens-ix/{p-af74fc62.entry.js.map → p-306c5ab2.entry.js.map} +0 -0
  506. /package/dist/siemens-ix/{p-bd310180.entry.js.map → p-4cf6e817.entry.js.map} +0 -0
  507. /package/dist/siemens-ix/{p-16826ff7.js.map → p-a8838a77.js.map} +0 -0
  508. /package/dist/siemens-ix/{p-b02fd2c5.entry.js.map → p-fb55854a.entry.js.map} +0 -0
@@ -1 +1 @@
1
- :root .theme-classic-light{--theme-color-ghost:#00000000;--theme-color-ghost--hover:#a8adb32e;--theme-color-ghost--active:#a8adb354;--theme-color-ghost--selected:#00eaff33;--theme-color-ghost--selected-hover:#20b8c538;--theme-color-ghost--selected-active:#00919e38;--theme-color-ghost-primary--active:#00becf33;--theme-color-ghost-primary--hover:#00eaff33;--theme-color-ghost-alt:#00142808;--theme-color-ghost-alt--hover:#a8adb338;--theme-color-ghost-alt--active:#a8adb35c;--theme-color-ghost-alt--selected:#00d8ec38;--theme-color-ghost-alt--selected-hover:#1eabb83d;--theme-color-ghost-alt--selected-active:#0094a138;--theme-color-primary:#006e93;--theme-color-primary--contrast:#fff;--theme-color-primary--hover:#196269;--theme-color-primary--active:#16565c;--theme-color-primary--disabled:#006e934d;--theme-color-dynamic:#005e66;--theme-color-dynamic--hover:#0f5157;--theme-color-dynamic--active:#0e494e;--theme-color-dynamic-alt:#00eaff;--theme-color-dynamic-alt--hover:#62e2ee;--theme-color-dynamic-alt--active:#5cd5e0;--theme-color-secondary:#fff;--theme-color-secondary--hover:#ccfbff;--theme-color-secondary--active:#b8edf2;--theme-color-component-1:#a8adb32e;--theme-color-component-1--hover:#a8adb354;--theme-color-component-1--active:#a8adb373;--theme-color-component-2:#0012241c;--theme-color-component-3:#04142538;--theme-color-component-4:#05121f4d;--theme-color-component-5:#07121d73;--theme-color-component-6:#0b121999;--theme-color-component-7--hover:#00eaff;--theme-color-component-7:#00eaff33;--theme-color-component-7--active:#00def2;--theme-color-component-error:#fcccd0;--theme-color-component-info:#ccdefc;--theme-color-component-8--hover:#d1fbff;--theme-color-component-8:#ebf7f8;--theme-color-component-9:#0b5e65;--theme-color-component-9--hover:#005d66;--theme-color-component-9--active:#00464d;--theme-color-component-9--disabled:#0051594d;--theme-color-component-10:#005159bf;--theme-color-component-10--hover:#005d66bf;--theme-color-component-10--active:#00464dbf;--theme-color-component-10--disabled:#00515926;--theme-color-1--hover:#eff0f1;--theme-color-1--active:#e2e4e6;--theme-color-component-11:#d5dbe233;--theme-color-0:#ffffff00;--theme-color-1:#fff;--theme-color-2:#eff0f1;--theme-color-3:#e2e4e6;--theme-color-4:#d8dadd;--theme-color-5:#cfd2d5;--theme-color-6:#c8cbcf;--theme-color-7:#c2c6ca;--theme-color-8:#92979b;--theme-color-std-bdr:#0014284d;--theme-color-soft-bdr:#00142833;--theme-color-weak-bdr:#23303c26;--theme-color-x-weak-bdr:#aeb5bd33;--theme-color-focus-bdr:#199fff;--theme-color-contrast-bdr:#000;--theme-color-hard-bdr:#b2b8be;--theme-color-alarm:#d72332;--theme-color-alarm--hover:#c11f2d;--theme-color-alarm--active:#b41d2a;--theme-color-alarm--contrast:#fff;--theme-color-alarm-40:#d7233266;--theme-color-alarm-10:#d723321a;--theme-color-warning:#b88d00;--theme-color-warning--hover:#a88100;--theme-color-warning--active:#9e7900;--theme-color-warning--contrast:#000;--theme-color-warning-40:#b88d0066;--theme-color-warning-10:#b88d001a;--theme-color-critical:#e97101;--theme-color-critical--hover:#d06501;--theme-color-critical--active:#c15e01;--theme-color-critical--contrast:#000;--theme-color-critical-40:#e9710166;--theme-color-success:#2c8500;--theme-color-success--hover:#277500;--theme-color-success--active:#246b00;--theme-color-success--contrast:#fff;--theme-color-success-40:#2c850066;--theme-color-info:#0041b1;--theme-color-info--hover:#003a9e;--theme-color-info--active:#003694;--theme-color-info--contrast:#fff;--theme-color-info-40:#0041b166;--theme-color-neutral:#66727e;--theme-color-neutral--hover:#5b6671;--theme-color-neutral--active:#545e68;--theme-color-neutral--contrast:#fff;--theme-color-neutral-40:#66727e66;--theme-color-contrast-text:#000;--theme-color-std-text:#000a14e6;--theme-color-soft-text:#000a1499;--theme-color-weak-text:#000a1466;--theme-color-inv-contrast-text:#fff;--theme-color-inv-std-text:#f5faffed;--theme-color-inv-soft-text:#e5f2ffa8;--theme-color-inv-weak-text:#dbedff66;--theme-color-alarm-text:#b81e3f;--theme-color-shadow-1:#0000001a;--theme-color-shadow-2:#00000033;--theme-color-shadow-3:#00000099;--theme-color-lightbox:#ffffffa6;--theme-color-backdrop:#ffffffd9;--theme-color-backdrop-3:#e3e5e8d9;--theme-color-logo:#000;--theme-color-logo-login:#000;--theme-chart-1:#00b8a6;--theme-chart-1-40:#00b8a666;--theme-chart-2:#007362;--theme-chart-2-40:#00736266;--theme-chart-3:#00aab3;--theme-chart-3-40:#00aab366;--theme-chart-4:#00afd7;--theme-chart-4-40:#00afd766;--theme-chart-5:#61778c;--theme-chart-5-40:#61778c66;--theme-chart-6:#1d86dc;--theme-chart-6-40:#1d86dc66;--theme-chart-7:#2351a4;--theme-chart-7-40:#2351a466;--theme-chart-8:#5581e7;--theme-chart-8-40:#5581e766;--theme-chart-9:#666df4;--theme-chart-9-40:#666df466;--theme-chart-10:#7c40ff;--theme-chart-10-40:#7c40ff66;--theme-chart-11:#a12ef3;--theme-chart-11-40:#a12ef366;--theme-chart-12:#aa32be;--theme-chart-12-40:#aa32be66;--theme-chart-13:#ca5e77;--theme-chart-13-40:#ca5e7766;--theme-chart-14:#d1706f;--theme-chart-14-40:#d1706f66;--theme-chart-15:#dd886a;--theme-chart-15-40:#dd886a66;--theme-chart-16:#94947b;--theme-chart-16-40:#94947b66;--theme-chart-17:#909700;--theme-chart-17-40:#90970066;--theme-chart-axes:#0000004d;--theme-chart-grid-lines:#0000001a;--theme-chart-grid-fill:#fff;--theme-chart-ticks:#0000004d;--theme-chart-tooltip-fill:#ffffffcc;--theme-chart-tooltip-bdr:#00000033;--theme-workflow-step--color--disabled:var(--theme-color-weak-text);--theme-app-header--color:var(--theme-color-std-text);--theme-app-header--background:var(--theme-color-2);--theme-app-header--border-color:var(--theme-color-weak-bdr);--theme-app-header-logo--color:var(--theme-color-logo);--theme-btn-primary--background:var(--theme-color-primary);--theme-btn-primary--background--hover:var(--theme-color-primary--hover);--theme-btn-primary--background--active:var(--theme-color-primary--active);--theme-btn-primary--background--disabled:var(--theme-color-component-4);--theme-btn-primary--color:var(--theme-color-primary--contrast);--theme-btn-primary--color--hover:var(--theme-color-primary--contrast);--theme-btn-primary--color--active:var(--theme-color-primary--contrast);--theme-btn-primary--color--disabled:var(--theme-color-primary--contrast);--theme-btn-outline-primary--background:var(--theme-color-secondary);--theme-btn-outline-primary--background--hover:var(--theme-color-secondary--hover);--theme-btn-outline-primary--background--active:var(--theme-color-secondary--active);--theme-btn-outline-primary--background--disabled:var(--theme-color-ghost);--theme-btn-outline-primary--color:var(--theme-color-primary);--theme-btn-outline-primary--color--hover:var(--theme-color-dynamic);--theme-btn-outline-primary--color--active:var(--theme-color-dynamic);--theme-btn-outline-primary--color--disabled:var(--theme-color-weak-text);--theme-btn-primary--border-color:var(--theme-color-ghost);--theme-btn-primary--border-color--hover:var(--theme-color-ghost);--theme-btn-primary--border-color--active:var(--theme-color-ghost);--theme-btn-primary--border-color--disabled:var(--theme-color-ghost);--theme-btn-invisible-primary--background:var(--theme-color-ghost);--theme-btn-invisible-primary--background--hover:var(--theme-color-ghost--hover);--theme-btn-invisible-primary--background--active:var(--theme-color-ghost--active);--theme-btn-invisible-primary--background--disabled:var(--theme-color-ghost);--theme-btn-invisible-primary--color:var(--theme-color-primary);--theme-btn-invisible-primary--color--hover:var(--theme-color-dynamic);--theme-btn-invisible-primary--color--active:var(--theme-color-dynamic);--theme-btn-invisible-primary--color--disabled:var(--theme-color-weak-text);--theme-btn-secondary--background:var(--theme-color-component-1);--theme-btn-secondary--background--hover:var(--theme-color-component-1--hover);--theme-btn-secondary--background--active:var(--theme-color-component-1--active);--theme-btn-secondary--background--disabled:var(--theme-color-component-1);--theme-btn-secondary--color:var(--theme-color-soft-text);--theme-btn-secondary--color--hover:var(--theme-color-std-text);--theme-btn-secondary--color--active:var(--theme-color-std-text);--theme-btn-secondary--color--disabled:var(--theme-color-weak-text);--theme-btn-outline-secondary--background:var(--theme-color-ghost);--theme-btn-outline-secondary--background--hover:var(--theme-color-ghost--hover);--theme-btn-outline-secondary--background--active:var(--theme-color-ghost--active);--theme-btn-outline-secondary--background--disabled:var(--theme-color-ghost);--theme-btn-outline-secondary--border-color:var(--theme-color-component-4);--theme-btn-outline-secondary--border-color--hover:var(--theme-color-component-4);--theme-btn-outline-secondary--border-color--active:var(--theme-color-component-4);--theme-btn-outline-secondary--border-color--disabled:var(--theme-color-component-4);--theme-btn-outline-secondary--color:var(--theme-color-soft-text);--theme-btn-outline-secondary--color--hover:var(--theme-color-std-text);--theme-btn-outline-secondary--color--active:var(--theme-color-std-text);--theme-btn-outline-secondary--color--disabled:var(--theme-color-weak-text);--theme-btn-invisible-secondary--background:var(--theme-color-ghost);--theme-btn-invisible-secondary--background--hover:var(--theme-color-ghost--hover);--theme-btn-invisible-secondary--background--active:var(--theme-color-ghost--active);--theme-btn-invisible-secondary--background--disabled:var(--theme-color-ghost);--theme-btn-invisible-secondary--color:var(--theme-color-soft-text);--theme-btn-invisible-secondary--color--hover:var(--theme-color-std-text);--theme-btn-invisible-secondary--color--active:var(--theme-color-std-text);--theme-btn-invisible-secondary--color--disabled:var(--theme-color-weak-text);--theme-btn-invisible-secondary--color--selected:var(--theme-color-dynamic);--theme-btn-invisible-secondary--color--selected-hover:var(--theme-color-dynamic);--theme-btn-invisible-secondary--color--selected-active:var(--theme-color-dynamic);--theme-btn-invisible-secondary--background--selected:var(--theme-color-component-7);--theme-btn-invisible-secondary--background--selected-hover:var(--theme-color-component-7--hover);--theme-btn-invisible-secondary--background--selected-active:var(--theme-color-component-7--active);--theme-link-btn--color:var(--theme-color-primary);--theme-link-btn--color--hover:var(--theme-color-dynamic);--theme-link-btn--color--active:var(--theme-color-dynamic);--theme-link-btn--border-color:var(--theme-color-ghost);--theme-link-btn--border-color--hover:var(--theme-color-ghost);--theme-link-btn--border-color--active:var(--theme-color-ghost);--theme-link-btn--color--visited:var(--theme-color-primary);--theme-link-btn--border-color--visited:var(--theme-color-ghost);--theme-link-btn--border-color--disabled:var(--theme-color-ghost);--theme-link-btn--color--disabled:var(--theme-color-weak-text);--theme-checkbox-unchecked--background:var(--theme-color-secondary);--theme-checkbox-unchecked--border-color:var(--theme-color-contrast-bdr);--theme-checkbox-unchecked--background--hover:var(--theme-color-secondary--hover);--theme-checkbox-unchecked--border-color--hover:var(--theme-color-dynamic);--theme-checkbox-unchecked--background--active:var(--theme-color-secondary--active);--theme-heckbox-unchecked--background--active:var(--theme-color-secondary--active);--theme-checkbox-unchecked--border-color--active:var(--theme-color-dynamic);--theme-checkbox-unchecked--background--disabled:var(--theme-color-ghost);--theme-checkbox-unchecked--border-color--disabled:var(--theme-color-component-4);--theme-checkbox-checked--background:var(--theme-color-dynamic);--theme-checkbox-checked--border-color:var(--theme-color-0);--theme-checkbox-checked--color:var(--theme-color-primary--contrast);--theme-checkbox-checked--background--hover:var(--theme-color-dynamic--hover);--theme-checkbox-checked--border-color--hover:var(--theme-color-0);--theme-checkbox-checked--color--hover:var(--theme-color-primary--contrast);--theme-checkbox-checked--background--active:var(--theme-color-dynamic--active);--theme-checkbox-checked--border-color--active:var(--theme-color-0);--theme-checkbox-checked--color--active:var(--theme-color-primary--contrast);--theme-checkbox-checked--background--disabled:var(--theme-color-component-4);--theme-checkbox-checked--border-color--disabled:var(--theme-color-0);--theme-checkbox-checked--color--disabled:var(--theme-color-primary--contrast);--theme-checkbox-mixed--background:var(--theme-color-dynamic);--theme-checkbox-mixed--border-color:var(--theme-color-0);--theme-checkbox-mixed--color:var(--theme-color-primary--contrast);--theme-checkbox-mixed--background--hover:var(--theme-color-dynamic--hover);--theme-checkbox-mixed--border-color--hover:var(--theme-color-0);--theme-checkbox-mixed--color--hover:var(--theme-color-primary--contrast);--theme-checkbox-mixed--background--active:var(--theme-color-dynamic--active);--theme-checkbox-mixed--border-color--active:var(--theme-color-0);--theme-checkbox-mixed--color--active:var(--theme-color-primary--contrast);--theme-checkbox-mixed--background--disabled:var(--theme-color-component-4);--theme-checkbox-mixed--border-color--disabled:var(--theme-color-0);--theme-checkbox-mixed--color--disabled:var(--theme-color-primary--contrast);--theme-checkbox-label--color:var(--theme-color-std-text);--theme-checkbox-label--color--disabled:var(--theme-color-weak-text);--theme-ghost--background:var(--theme-color-ghost);--theme-ghost--background--hover:var(--theme-color-ghost--hover);--theme-ghost--background--active:var(--theme-color-ghost--active);--theme-radiobtn-unchecked--background:var(--theme-color-secondary);--theme-radiobtn-unchecked--border-color:var(--theme-color-contrast-bdr);--theme-radiobtn-unchecked--border-color--hover:var(--theme-color-dynamic);--theme-radiobtn-unchecked--border-color--active:var(--theme-color-dynamic);--theme-radiobtn-unchecked--border-color--disabled:var(--theme-color-component-4);--theme-radiobtn-unchecked--background--hover:var(--theme-color-secondary--hover);--theme-radiobtn-unchecked--background--active:var(--theme-color-secondary--active);--theme-radiobtn-unchecked--background--disabled:var(--theme-color-ghost);--theme-radiobtn-checked--color:var(--theme-color-primary--contrast);--theme-radiobtn-checked--color--hover:var(--theme-color-primary--contrast);--theme-radiobtn-checked--color--active:var(--theme-color-primary--contrast);--theme-radiobtn-checked--color--disabled:var(--theme-color-primary--contrast);--theme-radiobtn-label--color:var(--theme-color-std-text);--theme-radiobtn-label--color--disabled:var(--theme-color-weak-text);--theme-radiobtn-checked--background:var(--theme-color-dynamic);--theme-radiobtn-checked--background--hover:var(--theme-color-dynamic--hover);--theme-radiobtn-checked--background--active:var(--theme-color-dynamic--active);--theme-radiobtn-checked--background--disabled:var(--theme-color-component-4);--theme-radiobtn-checked--border-color:var(--theme-color-0);--theme-radiobtn-checked--border-color--hover:var(--theme-color-0);--theme-radiobtn-checked--border-color--active:var(--theme-color-0);--theme-radiobtn-checked--border-color--disabled:var(--theme-color-0);--theme-nav--background:var(--theme-color-2);--theme-avatar-btn--background:var(--theme-color-ghost);--theme-avatar-btn--background--hover:var(--theme-color-ghost--hover);--theme-avatar-btn--background--active:var(--theme-color-ghost--active);--theme-avatar-btn--color:var(--theme-color-std-text);--theme-avatar-btn--color--hover:var(--theme-color-std-text);--theme-avatar-btn--color--active:var(--theme-color-std-text);--theme-menu-btn--color:var(--theme-color-std-text);--theme-menu-btn--color--hover:var(--theme-color-std-text);--theme-menu-btn--color--active:var(--theme-color-std-text);--theme-menu-btn--background:var(--theme-color-ghost);--theme-menu-btn--background--hover:var(--theme-color-ghost--hover);--theme-menu-btn--background--active:var(--theme-color-ghost--active);--theme-nav-item-primary--background:var(--theme-color-ghost);--theme-nav-item-primary--background--hover:var(--theme-color-ghost--hover);--theme-nav-item-primary--background--active:var(--theme-color-ghost--active);--theme-nav-item-primary--background--selected:var(--theme-color-1);--theme-nav-item-primary--border-color:var(--theme-color-0);--theme-nav-item-primary--border-color--hover:var(--theme-color-0);--theme-nav-item-primary--border-color--active:var(--theme-color-0);--theme-nav-item-primary--border-color--selected:var(--theme-color-dynamic);--theme-nav-item-primary--color:var(--theme-color-std-text);--theme-nav-item-primary--color--hover:var(--theme-color-std-text);--theme-nav-item-primary--color--active:var(--theme-color-std-text);--theme-nav-item-primary--color--selected:var(--theme-color-std-text);--theme-nav-item-primary-icon--color:var(--theme-color-std-text);--theme-nav-item-primary-icon--color--hover:var(--theme-color-std-text);--theme-nav-item-primary-icon--color--active:var(--theme-color-std-text);--theme-nav-item-primary-icon--color--selected:var(--theme-color-std-text);--theme-nav-item-secondary--background:var(--theme-color-ghost);--theme-nav-item-secondary--background--hover:var(--theme-color-ghost--hover);--theme-nav-item-secondary--background--active:var(--theme-color-ghost--active);--theme-nav-item-secondary--background--disabled:var(--theme-color-0);--theme-nav-item-secondary--background--selected:var(--theme-color-3);--theme-nav-item-secondary--border-color:var(--theme-color-0);--theme-nav-item-secondary--border-color--hover:var(--theme-color-0);--theme-nav-item-secondary--border-color--active:var(--theme-color-0);--theme-nav-item-secondary--border-color--disabled:var(--theme-color-0);--theme-nav-item-secondary--border-color--selected:var(--theme-color-dynamic);--theme-nav-item-secondary--color:var(--theme-color-std-text);--theme-nav-item-secondary--color--hover:var(--theme-color-std-text);--theme-nav-item-secondary--color--active:var(--theme-color-std-text);--theme-nav-item-secondary--color--disabled:var(--theme-color-weak-text);--theme-nav-item-secondary--color--selected:var(--theme-color-std-text);--theme-nav-item-secondary-icon--color:var(--theme-color-std-text);--theme-nav-item-secondary-icon--color--hover:var(--theme-color-std-text);--theme-nav-item-secondary-icon--color--active:var(--theme-color-std-text);--theme-nav-item-secondary-icon--color--selected:var(--theme-color-std-text);--theme-nav-item-secondary-icon--color--disabled:var(--theme-color-weak-text);--theme-avatar--background:var(--theme-color-component-3);--theme-input--border-color:var(--theme-color-std-bdr);--theme-input--border-color--autofill:var(--theme-color-hard-bdr);--theme-input--background:var(--theme-color-component-8);--theme-input--background--autofill:var(--theme-color-component-info);--theme-input-hint--color:var(--theme-color-soft-text);--theme-input--border-color-bottom--readonly:var(--theme-color-soft-bdr);--theme-input-error--background:var(--theme-color-component-error);--theme-input--color--disabled:var(--theme-color-weak-text);--theme-input--color:var(--theme-color-std-text);--theme-input--color--autofill:var(--theme-color-std-text);--theme-input--background--hover:var(--theme-color-component-8--hover);--theme-input--border-color--hover:var(--theme-color-dynamic);--theme-input--background--focus:var(--theme-color-component-8--hover);--theme-input--border-color--focus:var(--theme-color-dynamic);--theme-input--background--readonly:var(--theme-color-0);--theme-input--border-color--readonly:var(--theme-color-0);--theme-input--background--disabled:var(--theme-color-0);--theme-input--border-color--disabled:var(--theme-color-0);--theme-input--border-color-bottom--disabled:var(--theme-color-weak-bdr);--theme-input-error--border-color:var(--theme-color-alarm);--theme-input-error-icon--color:var(--theme-color-alarm);--theme-blind-base--border-color:var(--theme-color-0);--theme-blind-base--background:var(--theme-color-component-1);--theme-blind-header-closed--background:var(--theme-color-ghost);--theme-blind-header-closed--background--hover:var(--theme-color-ghost--hover);--theme-blind-header-closed--background--active:var(--theme-color-ghost--active);--theme-blind-header-open--background:var(--theme-color-ghost);--theme-blind-header-open--background--hover:var(--theme-color-ghost--hover);--theme-blind-header-open--background--active:var(--theme-color-ghost--active);--theme-blind-header-open--color--active:var(--theme-color-std-text);--theme-blind-header-icon-open--color--active:var(--theme-color-dynamic);--theme-blind-header-icon-open--color--hover:var(--theme-color-dynamic);--theme-blind-header-open--color--hover:var(--theme-color-std-text);--theme-blind-header-icon-open--color:var(--theme-color-dynamic);--theme-blind-header-open--color:var(--theme-color-std-text);--theme-blind-header-icon-closed--color:var(--theme-color-primary);--theme-blind-header-icon-closed--color--active:var(--theme-color-primary);--theme-blind-header-icon-closed--color--hover:var(--theme-color-primary);--theme-blind-header-closed--color:var(--theme-color-std-text);--theme-blind-header-closed--color--active:var(--theme-color-std-text);--theme-blind-header-closed--color--hover:var(--theme-color-std-text);--theme-breadcrumb-btn--background:var(--theme-color-component-1);--theme-breadcrumb-btn--background--hover:var(--theme-color-component-1--hover);--theme-breadcrumb-btn--background--active:var(--theme-color-component-1--active);--theme-breadcrumb-btn--color:var(--theme-color-soft-text);--theme-breadcrumb-btn--color--hover:var(--theme-color-std-text);--theme-breadcrumb-btn--color--active:var(--theme-color-std-text);--theme-breadcrumb-btn-arrow--color:var(--theme-color-soft-text);--theme-breadcrumb-btn-arrow--color--hover:var(--theme-color-std-text);--theme-breadcrumb-btn-arrow--color--active:var(--theme-color-std-text);--theme-breadcrumb-btn-last--color:var(--theme-color-soft-text);--theme-breadcrumb-ghost--color:var(--theme-color-primary);--theme-breadcrumb-ghost--color--hover:var(--theme-color-dynamic);--theme-breadcrumb-ghost--color--active:var(--theme-color-dynamic);--theme-breadcrumb-ghost-arrow--color:var(--theme-color-soft-text);--theme-breadcrumb-ghost-arrow--color--hover:var(--theme-color-dynamic);--theme-breadcrumb-ghost-arrow--color--active:var(--theme-color-dynamic);--theme-breadcrumb-ghost--background:var(--theme-color-ghost);--theme-breadcrumb-ghost--background--hover:var(--theme-color-ghost--hover);--theme-breadcrumb-ghost--background--active:var(--theme-color-ghost--active);--theme-breadcrumb-ghost-last--color:var(--theme-color-soft-text);--theme-avatar--color:var(--theme-color-std-text);--theme-chip-close-btn--background--hover:var(--theme-color-ghost--hover);--theme-chip-close-btn--background--active:var(--theme-color-ghost--active);--theme-chip-close-btn--color:var(--theme-color-soft-text);--theme-chip-outline--color:var(--theme-color-std-text);--theme-chip-outline--background:var(--theme-color-1);--theme-chip-outline--background--hover:var(--theme-color-1--hover);--theme-chip-outline--background--active:var(--theme-color-1--active);--theme-chip--background:var(--theme-color-component-1);--theme-chip--background--hover:var(--theme-color-component-1--hover);--theme-chip--background--active:var(--theme-color-component-1--active);--theme-chip--color:var(--theme-color-std-text);--theme-chip-close-btn--background:var(--theme-color-ghost);--theme-pill-outline--color:var(--theme-color-std-text);--theme-pill-outline--background:var(--theme-color-1);--theme-chip-primary-outline--background:var(--theme-color-secondary);--theme-chip-primary-outline--background--hover:var(--theme-color-secondary--hover);--theme-chip-primary-outline--background--active:var(--theme-color-secondary--active);--theme-chip-primary-outline--border-color:var(--theme-color-primary);--theme-chip-primary-outline--border-color--hover:var(--theme-color-dynamic);--theme-chip-primary-outline--border-color--active:var(--theme-color-dynamic);--theme-chip-primary-outline--color:var(--theme-color-primary);--theme-chip-primary-outline--color--hover:var(--theme-color-dynamic);--theme-chip-primary-outline--color--active:var(--theme-color-dynamic);--theme-chip-primary--background:var(--theme-color-primary);--theme-chip-primary--background--hover:var(--theme-color-primary--hover);--theme-chip-primary--background--active:var(--theme-color-primary--active);--theme-chip-primary--color:var(--theme-color-primary--contrast);--theme-chip-primary--color--hover:var(--theme-color-primary--contrast);--theme-chip-primary--color--active:var(--theme-color-primary--contrast);--theme-chip-primary-outline--background--display:var(--theme-color-secondary);--theme-chip-primary-outline--border-color--display:var(--theme-color-primary);--theme-chip-primary-outline--color--display:var(--theme-color-std-text);--theme-switch-off--background:var(--theme-color-component-4);--theme-menu--background:var(--theme-color-2);--theme-menu--border-color:var(--theme-color-0);--theme-menu-header--color:var(--theme-color-soft-text);--theme-menu-separator--background:var(--theme-color-x-weak-bdr);--theme-menu-item--background:var(--theme-color-ghost);--theme-menu-item--background--hover:var(--theme-color-ghost--hover);--theme-menu-item--background--active:var(--theme-color-ghost--active);--theme-menu-item--background--disabled:var(--theme-color-ghost);--theme-menu-item--color:var(--theme-color-std-text);--theme-menu-item--color--hover:var(--theme-color-std-text);--theme-menu-item--color--active:var(--theme-color-std-text);--theme-menu-item--color--disabled:var(--theme-color-weak-text);--theme-menu-item-icon--color:var(--theme-color-soft-text);--theme-menu-item-icon--color--hover:var(--theme-color-std-text);--theme-menu-item-icon--color--active:var(--theme-color-std-text);--theme-menu-item-icon--color--disabled:var(--theme-color-weak-text);--theme-menu-item-arrow--color:var(--theme-color-soft-text);--theme-menu-item-arrow--color--hover:var(--theme-color-std-text);--theme-menu-item-arrow--color--active:var(--theme-color-std-text);--theme-menu-item-arrow--color--disabled:var(--theme-color-weak-text);--theme-menu-item-check--color:var(--theme-color-soft-text);--theme-menu-item-check--color--hover:var(--theme-color-std-text);--theme-menu-item-check--color--active:var(--theme-color-std-text);--theme-menu-item-check--color--disabled:var(--theme-color-weak-text);--theme-select-list-item--background:var(--theme-color-ghost);--theme-select-list-item--background--hover:var(--theme-color-ghost--hover);--theme-select-list-item--background--active:var(--theme-color-ghost--active);--theme-select-list-item--background--disabled:var(--theme-color-ghost);--theme-select-list-item--background--selected:var(--theme-color-ghost--selected);--theme-select-list-item--background--selected-hover:var(--theme-color-ghost--selected-hover);--theme-select-list-item--background--selected-active:var(--theme-color-ghost--selected-active);--theme-select-list-item--background--selected-disabled:var(--theme-color-ghost);--theme-select-list-item--color:var(--theme-color-std-text);--theme-select-list-item--color--hover:var(--theme-color-std-text);--theme-select-list-item--color--active:var(--theme-color-std-text);--theme-select-list-item--color--disabled:var(--theme-color-weak-text);--theme-select-list-item--color--selected:var(--theme-color-std-text);--theme-select-list-item--color--selected-hover:var(--theme-color-std-text);--theme-select-list-item--color--selected-active:var(--theme-color-std-text);--theme-select-list-item--color--selected-disabled:var(--theme-color-weak-text);--theme-select-list-item-check--color:var(--theme-color-std-text);--theme-select-list-item-check--color--hover:var(--theme-color-std-text);--theme-select-list-item-check--color--active:var(--theme-color-std-text);--theme-select-list-item-check--color--disabled:var(--theme-color-weak-text);--theme-select-list--background:var(--theme-color-2);--theme-select-list--border-color:var(--theme-color-0);--theme-tab--background:var(--theme-color-ghost);--theme-tab--background--hover:var(--theme-color-ghost-primary--hover);--theme-tab--background--active:var(--theme-color-ghost-primary--active);--theme-tab--background--selected:var(--theme-color-ghost);--theme-tab--background--disabled:var(--theme-color-ghost);--theme-tab-indicator--background:var(--theme-color-soft-bdr);--theme-tab-indicator--background--hover:var(--theme-color-soft-bdr);--theme-tab-indicator--background--active:var(--theme-color-soft-bdr);--theme-tab-indicator--background--selected:var(--theme-color-dynamic);--theme-tab-indicator--background--disabled:var(--theme-color-soft-bdr);--theme-animated-tab-indicator--background:var(--theme-color-soft-bdr);--theme-animated-tab-indicator--background--hover:var(--theme-color-soft-bdr);--theme-animated-tab-indicator--background--active:var(--theme-color-soft-bdr);--theme-animated-tab-indicator--background--selected:var(--theme-color-dynamic);--theme-tab--color:var(--theme-color-std-text);--theme-tab--color--hover:var(--theme-color-std-text);--theme-tab--color--active:var(--theme-color-std-text);--theme-tab--color--selected:var(--theme-color-std-text);--theme-tab--color--disabled:var(--theme-color-weak-text);--theme-tab-icon--color:var(--theme-color-std-text);--theme-tab-icon--color--hover:var(--theme-color-std-text);--theme-tab-icon--color--active:var(--theme-color-std-text);--theme-tab-icon--color--selected:var(--theme-color-std-text);--theme-tab-icon--color--disabled:var(--theme-color-weak-text);--theme-animated-tab-icon--color:var(--theme-color-std-text);--theme-animated-tab-icon--color--hover:var(--theme-color-std-text);--theme-animated-tab-icon--color--active:var(--theme-color-std-text);--theme-animated-tab-icon--color--selected:var(--theme-color-std-text);--theme-animated-tab-icon--color--disabled:var(--theme-color-weak-text);--theme-animated-tab-circle--background:var(--theme-color-component-1);--theme-animated-tab-circle--background--hover:var(--theme-color-ghost-primary--hover);--theme-animated-tab-circle--background--active:var(--theme-color-ghost-primary--active);--theme-animated-tab-circle--background--selected:var(--theme-color-ghost);--theme-animated-tab-circle--background--disabled:var(--theme-color-ghost);--theme-animated-tab-circle--border-color:var(--theme-color-0);--theme-animated-tab-circle--border-color--hover:var(--theme-color-0);--theme-animated-tab-circle--border-color--active:var(--theme-color-0);--theme-animated-tab-circle--border-color--selected:var(--theme-color-dynamic);--theme-animated-tab-circle--border-color--disabled:var(--theme-color-ghost);--theme-tab-pill--border-color:var(--theme-color-neutral);--theme-tab-pill--border-color--hover:var(--theme-color-neutral);--theme-tab-pill--border-color--active:var(--theme-color-neutral);--theme-tab-pill--border-color--selected:var(--theme-color-dynamic);--theme-tab-pill--border-color--disabled:var(--theme-color-neutral);--theme-input-unit--color:var(--theme-color-soft-text);--theme-input-gripper--color:var(--theme-color-weak-text);--theme-input-gripper--color--hover:var(--theme-color-weak-text);--theme-input-gripper--color--focus:var(--theme-color-weak-text);--theme-input-search-icon--color:var(--theme-color-primary);--theme-input-search-icon--color--hover:var(--theme-color-dynamic);--theme-input-search-icon--color--focus:var(--theme-color-dynamic);--theme-input-search-icon--color--disabled:var(--theme-color-weak-text);--theme-input-select-icon--color:var(--theme-color-soft-text);--theme-input-select-icon--color--hover:var(--theme-color-dynamic);--theme-input-select-icon--color--active:var(--theme-color-dynamic);--theme-select-list-item-hint--color:var(--theme-color-soft-text);--theme-select-list-item-hint--color--hover:var(--theme-color-soft-text);--theme-select-list-item-hint--color--active:var(--theme-color-soft-text);--theme-switch-off--background--hover:var(--theme-color-component-5);--theme-switch-off--background--active:var(--theme-color-component-4);--theme-switch-off--background--disabled:var(--theme-color-component-2);--theme-switch-on--background:var(--theme-color-dynamic);--theme-switch-on--background--hover:var(--theme-color-dynamic--hover);--theme-switch-on--background--active:var(--theme-color-dynamic--active);--theme-switch-on--background--disabled:var(--theme-color-component-2);--theme-switch-mixed--background:var(--theme-color-component-4);--theme-switch-mixed--background--hover:var(--theme-color-component-5);--theme-switch-mixed--background--active:var(--theme-color-component-4);--theme-switch-mixed--background--disabled:var(--theme-color-component-2);--theme-switch-off--border-color:var(--theme-color-0);--theme-switch-off--border-color--hover:var(--theme-color-0);--theme-switch-off--border-color--active:var(--theme-color-0);--theme-switch-off--border-color--disabled:var(--theme-color-0);--theme-switch-on--border-color:var(--theme-color-0);--theme-switch-on--border-color--hover:var(--theme-color-0);--theme-switch-on--border-color--active:var(--theme-color-0);--theme-switch-on--border-color--disabled:var(--theme-color-0);--theme-switch-mixed--border-color:var(--theme-color-0);--theme-switch-mixed--border-color--hover:var(--theme-color-0);--theme-switch-mixed--border-color--active:var(--theme-color-0);--theme-switch-mixed--border-color--disabled:var(--theme-color-0);--theme-switch-thumb-off--background:var(--theme-color-1);--theme-switch-thumb-off--background--hover:var(--theme-color-1);--theme-switch-thumb-off--background--active:var(--theme-color-1);--theme-switch-thumb-off--background--disabled:var(--theme-color-component-3);--theme-switch-thumb-on--background:var(--theme-color-1);--theme-switch-thumb-on--background--hover:var(--theme-color-1);--theme-switch-thumb-on--background--active:var(--theme-color-1);--theme-switch-thumb-on--background--disabled:var(--theme-color-component-3);--theme-switch-thumb-mixed--background:var(--theme-color-1);--theme-switch-thumb-mixed--background--hover:var(--theme-color-1);--theme-switch-thumb-mixed--background--active:var(--theme-color-1);--theme-switch-thumb-mixed--background--disabled:var(--theme-color-component-3);--theme-switch-thumb-off--border-color:var(--theme-color-0);--theme-switch-thumb-off--border-color--hover:var(--theme-color-0);--theme-switch-thumb-off--border-color--active:var(--theme-color-0);--theme-switch-thumb-off--border-color--disabled:var(--theme-color-0);--theme-switch-thumb-on--border-color:var(--theme-color-0);--theme-switch-thumb-on--border-color--hover:var(--theme-color-0);--theme-switch-thumb-on--border-color--active:var(--theme-color-0);--theme-switch-thumb-on--border-color--disabled:var(--theme-color-0);--theme-switch-thumb-mixed--border-color:var(--theme-color-0);--theme-switch-thumb-mixed--border-color--hover:var(--theme-color-0);--theme-switch-thumb-mixed--border-color--active:var(--theme-color-0);--theme-switch-thumb-mixed--border-color--disabled:var(--theme-color-0);--theme-switch--color:var(--theme-color-std-text);--theme-switch--color--hover:var(--theme-color-std-text);--theme-switch--color--active:var(--theme-color-std-text);--theme-switch--color--disabled:var(--theme-color-weak-text);--theme-messagebar--color:var(--theme-color-std-text);--theme-messagebar--background:var(--theme-color-1);--theme-scrollbar-track--background:var(--theme-color-2);--theme-scrollbar-track--border:var(--theme-color-1);--theme-scrollbar-thumb--background:var(--theme-color-5);--theme-scrollbar-track--background--hover:var(--theme-color-3);--theme-scrollbar-thumb--background--hover:var(--theme-color-7);--theme-toast-timer-track--background:var(--theme-color-0);--theme-toast-timer-value--background:var(--theme-color-component-4);--theme-toast--background:var(--theme-color-2);--theme-toast--border-color:var(--theme-color-0);--theme-toast--color:var(--theme-color-std-text);--theme-modal--background:var(--theme-color-2);--theme-modal--border-color:var(--theme-color-0);--theme-datepicker-day--background:var(--theme-color-ghost);--theme-datepicker-day--background--hover:var(--theme-color-ghost--hover);--theme-datepicker-day--background--active:var(--theme-color-ghost--active);--theme-datepicker-day--background--disabled:var(--theme-color-ghost);--theme-datepicker-day--border-color:var(--theme-color-0);--theme-datepicker-day--border-color--hover:var(--theme-color-0);--theme-datepicker-day--border-color--active:var(--theme-color-0);--theme-datepicker-day--border-color--disabled:var(--theme-color-0);--theme-datepicker-day--color:var(--theme-color-primary);--theme-datepicker-day--color--hover:var(--theme-color-primary);--theme-datepicker-day--color--active:var(--theme-color-primary);--theme-datepicker-day--color--disabled:var(--theme-color-weak-text);--theme-datepicker-day--background--selected:var(--theme-color-component-9);--theme-datepicker-day--background--selected-hover:var(--theme-color-component-9--hover);--theme-datepicker-day--background--selected-active:var(--theme-color-component-9--active);--theme-datepicker-day--background--selected-disabled:var(--theme-color-component-9--disabled);--theme-datepicker-day--border-color--selected:var(--theme-color-0);--theme-datepicker-day--border-color--selected-hover:var(--theme-color-0);--theme-datepicker-day--border-color--selected-active:var(--theme-color-0);--theme-datepicker-day--border-color--selected-disabled:var(--theme-color-0);--theme-datepicker-day--color--selected:var(--theme-color-primary--contrast);--theme-datepicker-day--color--selected-hover:var(--theme-color-primary--contrast);--theme-datepicker-day--color--selected-active:var(--theme-color-primary--contrast);--theme-datepicker-day--color--selected-disabled:var(--theme-color-weak-text);--theme-datepicker-day--background--range:var(--theme-color-component-10);--theme-datepicker-day--background--range-hover:var(--theme-color-component-10--hover);--theme-datepicker-day--background--range-active:var(--theme-color-component-10--active);--theme-datepicker-day--background--range-disabled:var(--theme-color-component-10--disabled);--theme-datepicker-day--border-color--range:var(--theme-color-0);--theme-datepicker-day--border-color--range-hover:var(--theme-color-0);--theme-datepicker-day--border-color--range-active:var(--theme-color-0);--theme-datepicker-day--border-color--range-disabled:var(--theme-color-0);--theme-datepicker-day--color--range:var(--theme-color-primary--contrast);--theme-datepicker-day--color--range-hover:var(--theme-color-primary--contrast);--theme-datepicker-day--color--range-active:var(--theme-color-primary--contrast);--theme-datepicker-day--color--range-disabled:var(--theme-color-weak-text);--theme-datepicker-today--background:var(--theme-color-ghost);--theme-datepicker-today--background--hover:var(--theme-color-ghost--hover);--theme-datepicker-today--background--active:var(--theme-color-ghost--active);--theme-datepicker-today--background--disabled:var(--theme-color-ghost);--theme-datepicker-today--border-color:var(--theme-color-primary);--theme-datepicker-today--border-color--hover:var(--theme-color-primary);--theme-datepicker-today--border-color--active:var(--theme-color-primary);--theme-datepicker-today--border-color--disabled:var(--theme-color-primary--disabled);--theme-datepicker-today--color:var(--theme-color-primary);--theme-datepicker-today--color--hover:var(--theme-color-primary);--theme-datepicker-today--color--active:var(--theme-color-primary);--theme-datepicker-today--color--disabled:var(--theme-color-weak-text);--theme-datepicker-today--background--selected:var(--theme-color-component-9);--theme-datepicker-today--background--selected-hover:var(--theme-color-component-9--hover);--theme-datepicker-today--background--selected-active:var(--theme-color-component-9--active);--theme-datepicker-today--background--selected-disabled:var(--theme-color-component-9--disabled);--theme-datepicker-today--border-color--selected:var(--theme-color-primary);--theme-datepicker-today--border-color--selected-hover:var(--theme-color-primary);--theme-datepicker-today--border-color--selected-active:var(--theme-color-primary);--theme-datepicker-today--border-color--selected-disabled:var(--theme-color-primary--disabled);--theme-datepicker-today--color--selected:var(--theme-color-primary--contrast);--theme-datepicker-today--color--selected-hover:var(--theme-color-primary--contrast);--theme-datepicker-today--color--selected-active:var(--theme-color-primary--contrast);--theme-datepicker-today--color--selected-disabled:var(--theme-color-weak-text);--theme-datepicker-today--background--range:var(--theme-color-component-10);--theme-datepicker-today--background--range-hover:var(--theme-color-component-10--hover);--theme-datepicker-today--background--range-active:var(--theme-color-component-10--active);--theme-datepicker-today--background--range-disabled:var(--theme-color-component-10--disabled);--theme-datepicker-today--border-color--range:var(--theme-color-primary);--theme-datepicker-today--border-color--range-hover:var(--theme-color-primary);--theme-datepicker-today--border-color--range-active:var(--theme-color-primary);--theme-datepicker-today--border-color--range-disabled:var(--theme-color-primary--disabled);--theme-datepicker-today--color--range:var(--theme-color-primary--contrast);--theme-datepicker-today--color--range-hover:var(--theme-color-primary--contrast);--theme-datepicker-today--color--range-active:var(--theme-color-primary--contrast);--theme-datepicker-today--color--range-disabled:var(--theme-color-weak-text);--theme-datepicker-separator--background:var(--theme-color-x-weak-bdr);--theme-datepicker-weekday--color:var(--theme-color-soft-text);--theme-datepicker-cw--color:var(--theme-color-soft-text);--theme-datepicker-time-header:var(--theme-color-std-text);--theme-datepicker-extra--border-color:var(--theme-color-1);--theme-btn-invisible-primary--border-color:var(--theme-color-0);--theme-btn-invisible-primary--border-color--hover:var(--theme-color-0);--theme-btn-invisible-primary--border-color--active:var(--theme-color-0);--theme-btn-invisible-primary--border-color--disabled:var(--theme-color-0);--theme-btn-secondary--border-color:var(--theme-color-0);--theme-btn-secondary--border-color--hover:var(--theme-color-0);--theme-btn-secondary--border-color--active:var(--theme-color-0);--theme-btn-secondary--border-color--disabled:var(--theme-color-0);--theme-btn-invisible-secondary--border-color:var(--theme-color-0);--theme-btn-invisible-secondary--border-color--hover:var(--theme-color-0);--theme-btn-invisible-secondary--border-color--active:var(--theme-color-0);--theme-btn-invisible-secondary--border-color--disabled:var(--theme-color-0);--theme-map-navigation-logo--color:var(--theme-color-logo);--theme-map-navigation-header--color:var(--theme-color-std-text);--theme-map-navigation-separator--background:var(--theme-color-soft-bdr);--theme-map-navigation--background:var(--theme-color-1);--theme-btn-invisible-secondary--border-color--selected:var(--theme-color-0);--theme-btn-invisible-secondary--border-color--selected-hover:var(--theme-color-0);--theme-btn-invisible-secondary--border-color--selected-active:var(--theme-color-0);--theme-overlay--background:var(--theme-color-backdrop);--theme-overlay-header--background:var(--theme-color-0);--theme-overlay-header--color:var(--theme-color-std-text);--theme-nav-overlay--background:var(--theme-color-backdrop-3);--theme-nav-overlay-header--color:var(--theme-color-std-text);--theme-event-item--background:var(--theme-color-component-1);--theme-event-item--background--disabled:var(--theme-color-component-1);--theme-event-item--border--hover:var(--theme-color-0);--theme-event-item--border:var(--theme-color-0);--theme-event-item--border--active:var(--theme-color-0);--theme-event-item--border--selected:var(--theme-color-contrast-bdr);--theme-event-item--border--disabled:var(--theme-color-0);--theme-event-item--background--hover:var(--theme-color-component-1--hover);--theme-event-item--background--active:var(--theme-color-component-1--active);--theme-event-item--background--selected:var(--theme-color-component-1--hover);--theme-event-item-chevron--color:var(--theme-color-soft-text);--theme-flip--color:var(--theme-color-std-text);--theme-flip--background:var(--theme-color-component-1);--theme-flip--border-color:var(--theme-color-0);--theme-flip-footer--background:var(--theme-color-component-1);--theme-flip-footer--color:var(--theme-color-std-text);--theme-kpi-display--background:var(--theme-color-ghost);--theme-kpi-display--background--hover:var(--theme-color-ghost--hover);--theme-kpi-display--background--active:var(--theme-color-ghost--active);--theme-kpi-display-indicator--background:var(--theme-color-component-4);--theme-kpi-display-label--color:var(--theme-color-soft-text);--theme-kpi-display-icon--color:var(--theme-color-std-text);--theme-kpi-display-value:var(--theme-color-std-text);--theme-kpi-display-units:var(--theme-color-soft-text);--theme-tree-item--background:var(--theme-color-ghost);--theme-tree-item--background--hover:var(--theme-color-ghost--hover);--theme-tree-item--background--active:var(--theme-color-ghost--active);--theme-tree-item--background--selected:var(--theme-color-ghost--selected);--theme-tree-item--background--selected-hover:var(--theme-color-ghost--selected-hover);--theme-tree-item--background--selected-active:var(--theme-color-ghost--selected-active);--theme-tree-item-node-closed-icon--color:var(--theme-color-std-text);--theme-tree-item-node-open-icon--color:var(--theme-color-dynamic);--theme-tree-item--color:var(--theme-color-std-text);--theme-tree-item-icon:var(--theme-color-std-text);--theme-tree-item-status--color:var(--theme-color-soft-text);--theme-workflow-step--background:var(--theme-color-ghost);--theme-workflow-step--background--hover:var(--theme-color-ghost--hover);--theme-workflow-step--background--active:var(--theme-color-ghost--active);--theme-workflow-step--background--selected:var(--theme-color-ghost--selected);--theme-workflow-step--background--disabled:var(--theme-color-ghost);--theme-workflow-step--color:var(--theme-color-std-text);--theme-workflow-step-icon--background:var(--theme-color-1);--theme-workflow-step-icon-default--color:var(--theme-color-soft-text);--theme-workflow-step-icon-default--color--selected:var(--theme-color-dynamic);--theme-workflow-step-icon-default--color--disabled:var(--theme-color-weak-text);--theme-workflow-step-icon-done--color:var(--theme-color-primary);--theme-workflow-step-icon-done--color--selected:var(--theme-color-dynamic);--theme-workflow-step-icon-done--color--disabled:var(--theme-color-weak-text);--theme-workflow-step-icon-success--color--disabled:var(--theme-color-weak-text);--theme-workflow-step-icon-warning--color--disabled:var(--theme-color-weak-text);--theme-workflow-step-icon-error--color--disabled:var(--theme-color-weak-text);--theme-tootlip--background:var(--theme-color-2);--theme-tooltip--border-color:var(--theme-color-0);--theme-tooltip--color:var(--theme-color-std-text);--theme-tooltip-close--color:var(--theme-color-soft-text);--theme-tooltip-close-btn--background:var(--theme-color-ghost);--theme-tooltip-close-btn--background--hover:var(--theme-color-ghost--hover);--theme-tooltip-close-btn--background--active:var(--theme-color-ghost--active);--theme-table--background:var(--theme-color-0);--theme-table--border-color:var(--theme-color-0);--theme-table--color:var(--theme-color-std-text);--theme-table-header-row--background:var(--theme-color-0);--theme-table-header-row--border-color:var(--theme-color-soft-bdr);--theme-table-header-cell--background:var(--theme-color-ghost);--theme-table-header-cell--background--hover:var(--theme-color-ghost--hover);--theme-table-header-cell--background--active:var(--theme-color-ghost--active);--theme-table-header-cell--border-color:var(--theme-color-0);--theme-table-header-cell--border-color--hover:var(--theme-color-0);--theme-table-header-cell--border-color--active:var(--theme-color-0);--theme-table-header-cell--color:var(--theme-color-std-text);--theme-table-header-filter--color:var(--theme-color-dynamic);--theme-table-header-sort--color:var(--theme-color-dynamic);--theme-table-header-splitter--background:var(--theme-color-soft-bdr);--theme-table-header-splitter--background--hover:var(--theme-color-dynamic);--theme-table-data-row--background:var(--theme-color-ghost);--theme-table-data-row--background--hover:var(--theme-color-ghost--hover);--theme-table-data-row--background--active:var(--theme-color-ghost--active);--theme-table-data-row--background--selected:var(--theme-color-ghost--selected);--theme-table-data-row--background--disabled:var(--theme-color-ghost);--theme-table-data-row--background--selected-hover:var(--theme-color-ghost--selected-hover);--theme-table-data-row--background--selected-active:var(--theme-color-ghost--selected-active);--theme-table-data-row--border-color:var(--theme-color-weak-bdr);--theme-table-data-cell--border-color:var(--theme-color-0);--theme-table-data-cell--background:var(--theme-color-ghost);--theme-table-data-cell--background--hover:var(--theme-color-ghost--hover);--theme-table-data-cell--background--active:var(--theme-color-ghost--active);--theme-table-data-cell--background--selected:var(--theme-color-ghost--selected);--theme-table-data-cell--background--disabled:var(--theme-color-ghost);--theme-table-data-cell--background--selected-hover:var(--theme-color-ghost--selected-hover);--theme-table-data-cell--background--selected-active:var(--theme-color-ghost--selected-active);--theme-table-data-cell--color:var(--theme-color-std-text);--theme-table-data-cell--color-disabled:var(--theme-color-weak-text);--theme-table-data-row-alt--background:var(--theme-color-ghost-alt);--theme-table-data-row-alt--background--hover:var(--theme-color-ghost-alt--hover);--theme-table-data-row-alt--background--active:var(--theme-color-ghost-alt--active);--theme-table-data-row-alt--background--selected:var(--theme-color-ghost-alt--selected);--theme-table-data-row-alt--background--disabled:var(--theme-color-ghost-alt);--theme-table-data-row-alt--background--selected-hover:var(--theme-color-ghost-alt--selected-hover);--theme-table-data-row-alt--background--selected-active:var(--theme-color-ghost-alt--selected-active);--theme-table-group-splitter--background:var(--theme-color-x-weak-bdr);--theme-table-group-splitter--background--hover:var(--theme-color-dynamic);--theme-group-item--background:var(--theme-color-component-1);--theme-group-item--background--hover:var(--theme-color-component-1--hover);--theme-group-item--background--active:var(--theme-color-component-1--active);--theme-group-item--background--selected:var(--theme-color-ghost--selected);--theme-group-item--background--disabled:var(--theme-color-component-1);--theme-group-item--border-color:var(--theme-color-0);--theme-group-item--border-color--hover:var(--theme-color-0);--theme-group-item--border-color--active:var(--theme-color-0);--theme-group-item--border-color--selected:var(--theme-color-0);--theme-group-item--border-color--disabled:var(--theme-color-0);--theme-group-item-indicator--background:var(--theme-color-0);--theme-group-item-indicator--background--selected:var(--theme-color-dynamic);--theme-group-item-indicator--background--subselected:var(--theme-color-dynamic);--theme-group-node-closed--color:var(--theme-color-std-text);--theme-group-node-open--color:var(--theme-color-std-text);--theme-group-header--color:var(--theme-color-std-text);--theme-group-subheader--color:var(--theme-color-std-text);--theme-group-item-icon--color:var(--theme-color-std-text);--theme-group-item-text--color:var(--theme-color-std-text);--theme-group-item-subtext--color:var(--theme-color-soft-text);--theme-group-item-icon--color--disabled:var(--theme-color-weak-text);--theme-group-item-text--color--disabled:var(--theme-color-weak-text);--theme-group-item-subtext--color--disabled:var(--theme-color-weak-text);--theme-upload--background:var(--theme-color-1);--theme-upload--background--dragover:var(--theme-color-1);--theme-upload--border-color:var(--theme-color-soft-bdr);--theme-upload--border-color--dragover:var(--theme-color-dynamic);--theme-upload--background--checking:var(--theme-color-1);--theme-upload--background--disabled:var(--theme-color-0);--theme-upload--border-color--checking:var(--theme-color-soft-bdr);--theme-upload--border-color--disabled:var(--theme-color-soft-bdr);--theme-upload-text--color:var(--theme-color-std-text);--theme-upload-text--color--checking:var(--theme-color-std-text);--theme-upload-text--color--disabled:var(--theme-color-weak-text);--theme-input-extra--background--active:var(--theme-color-component-8--hover);--theme-input-extra--background--hover:var(--theme-color-component-8--hover);--theme-table-group-header-row--background:var(--theme-color-0);--theme-table-group-header-row--border-color:var(--theme-color-soft-bdr);--theme-label--color:var(--theme-color-soft-text);--theme-label--color--hover:var(--theme-color-std-text);--theme-label--color--active:var(--theme-color-std-text);--theme-label--color--focus:var(--theme-color-dynamic);--theme-label--color--disabled:var(--theme-color-weak-text);--theme-btn-outline-primary--border-color:var(--theme-color-primary);--theme-btn-outline-primary--border-color--hover:var(--theme-color-dynamic);--theme-btn-outline-primary--border-color--active:var(--theme-color-dynamic);--theme-btn-outline-primary--border-color--disabled:var(--theme-color-component-4);--theme-table-selection--border-color:var(--theme-color-0);--theme-shadow-1:0px 1px 1px #00000033,0px 2px 2px #0000001a;--theme-shadow-2:0px 0px 16px #0000001a,4px 0px 8px #00000033,-4px 0px 8px #00000033;--theme-shadow-3:0px 0px 8px #00000033,0px 2px 6px #00000033;--theme-shadow-4:0px 12px 18px #0000001a,0px 4px 8px #0000001a,0px 0px 2px #0000001a;--theme-inset-shadow-1:inset 0px 2px 4px #0000001f;--theme-input--box-shadow:var(--theme-inset-shadow-1);--theme-menu--box-shadow:var(--theme-shadow-4);--theme-navigation--box-shadow:var(--theme-shadow-2);--theme-modal--box-shadow:var(--theme-shadow-4);--theme-switch-thumb--box-shadow:none;--theme-tile--box-shadow:none;--theme-toast--box-shadow:var(--theme-shadow-4);--theme-font-code:JetBrains Mono;--theme-font-sans:Arial;--theme-font-weight-normal:400;--theme-font-weight-bold:700;--theme-font-weight-black:900;--theme-text-h2:var(--theme-font-weight-bold) var(--theme-font-size-xl)/var(--theme-line-height-h2) var(--theme-font-sans);--theme-text-xl:var(--theme-font-weight-normal) var(--theme-font-size-xl)/var(--theme-line-height-xl) var(--theme-font-sans);--theme-text-l-title:var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);--theme-text-l-title-single:var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);--theme-text-l:var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);--theme-text-l-single:var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);--theme-text-default-title:var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);--theme-text-default-title-single:var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);--theme-text-default:var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);--theme-text-default-single:var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);--theme-text-caption:var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption) var(--theme-font-sans);--theme-text-caption-single:var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption-single) var(--theme-font-sans);--theme-text-s:var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s) var(--theme-font-sans);--theme-text-s-single:var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s-single) var(--theme-font-sans);--theme-text-xs:var(--theme-font-weight-normal) var(--theme-font-size-xs)/140% var(--theme-font-sans);--theme-text-default-underline:var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);--theme-label:var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-sm) var(--theme-font-sans);--theme-label-lg:var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-sm) var(--theme-font-sans);--theme-label-sm:var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-sm) var(--theme-font-sans);--theme-label-xs:var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-sm) var(--theme-font-sans);--theme-body:var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);--theme-body-xs:var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-lg) var(--theme-font-sans);--theme-body-sm:var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);--theme-body-lg:var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);--theme-display:var(--theme-font-weight-normal) var(--theme-ms-3)/var(--theme-line-height-xs) var(--theme-font-sans);--theme-display-xs:var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-xs) var(--theme-font-sans);--theme-display-sm:var(--theme-font-weight-normal) var(--theme-ms-2)/var(--theme-line-height-xs) var(--theme-font-sans);--theme-display-lg:var(--theme-font-weight-normal) var(--theme-ms-4)/var(--theme-line-height-xs) var(--theme-font-sans);--theme-display-xl:var(--theme-font-weight-bold) var(--theme-ms-5)/var(--theme-line-height-xs) var(--theme-font-sans);--theme-display-xxl:var(--theme-font-weight-bold) var(--theme-ms-6)/var(--theme-line-height-xs) var(--theme-font-sans);--theme-h6:var(--theme-font-weight-bold) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);--theme-h5:var(--theme-font-weight-bold) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);--theme-h4:var(--theme-font-weight-bold) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);--theme-h3:var(--theme-font-weight-bold) var(--theme-ms-2)/var(--theme-line-height-lg) var(--theme-font-sans);--theme-h2:var(--theme-font-weight-bold) var(--theme-ms-3)/var(--theme-line-height-md) var(--theme-font-sans);--theme-h1:var(--theme-font-weight-bold) var(--theme-ms-4)/var(--theme-line-height-sm) var(--theme-font-sans);--theme-code:var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-lg) var(--theme-font-code);--theme-code-sm:var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-code);--theme-code-lg:var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-code);--theme-default-border-radius:0.25rem;--theme-small-border-radius:0.125rem;--theme-min-border-radius:0rem;--theme-btn--border-radius:var(--theme-min-border-radius);--theme-blind--border-radius:var(--theme-default-border-radius);--theme-breadcrumb--border-radius:var(--theme-min-border-radius);--theme-group--border-radius:var(--theme-default-border-radius);--theme-group--border-radius--focus:var(--theme-min-border-radius);--theme-kpi--border-radius:var(--theme-default-border-radius);--theme-input--border-radius:var(--theme-small-border-radius);--theme-menu--border-radius:var(--theme-default-border-radius);--theme-message-bar--border-radius:var(--theme-default-border-radius);--theme-tile--border-radius:var(--theme-default-border-radius);--theme-toast--border-radus:var(--theme-default-border-radius);--theme-flip-tile--border-radius:var(--theme-default-border-radius);--theme-upload--border-radius:var(--theme-default-border-radius);--theme-workflow--border-radius:var(--theme-default-border-radius);--theme-default-control-height:2rem;--theme-large-control-height:2.5rem;--theme-medium-control-height:1.5rem;--theme-large-icon-size:2rem;--theme-default-icon-size:1.5rem;--theme-small-icon-size:1rem;--theme-input-min-width:2rem;--theme-size--3:0.375rem;--theme-size--2:0.5rem;--theme-size--1:0.75rem;--theme-size-0:1rem;--theme-size-1:1.5rem;--theme-size-2:2rem;--theme-size-3:3rem;--theme-size-4:4rem;--theme-size-5:6rem;--theme-size-6:8rem;--theme-size-7:12rem;--theme-size-8:16rem;--theme-tab-indicator--height:0.125rem;--theme-font-size-xs:0.625rem;--theme-font-size-s:0.75rem;--theme-font-size-caption:0.75rem;--theme-font-size-default:0.875rem;--theme-font-size-l:1rem;--theme-font-size-xl:1.375rem;--theme-ms--2:0.625rem;--theme-ms--1:0.75rem;--theme-ms-0:0.875rem;--theme-ms-1:1rem;--theme-ms-2:1.25rem;--theme-ms-3:1.5rem;--theme-ms-4:1.8125rem;--theme-ms-5:2.1875rem;--theme-ms-6:2.625rem;--theme-ms-7:3.125rem;--theme-ms-8:3.75rem;--theme-line-height-s:150%;--theme-line-height-s-single:150%;--theme-line-height-caption:150%;--theme-line-height-caption-single:100%;--theme-line-height-default:142.9%;--theme-line-height-default-single:114.3%;--theme-line-height-l:150%;--theme-line-height-l-single:125%;--theme-line-height-h2:145.5%;--theme-line-height-xl:109.1%;--theme-line-height-xs:100%;--theme-line-height-sm:120%;--theme-line-height-md:143%;--theme-line-height-lg:150%;--theme-x-slow-time:1s;--theme-slow-time:500ms;--theme-medium-time:300ms;--theme-default-time:150ms;--theme-short-time:0ms;--theme-btn--focus--outline-offset:0.125rem;--theme-checkbox--focus--outline-offset:0.125rem;--theme-radiobtn--focus--outline-offset:0.125rem;--theme-input--focus--outline-offset:0.125rem;--theme-input-padding-y:0.5rem;--theme-input-padding-x:0.5rem;--theme-space--3:0.125rem;--theme-space--2:0.1875rem;--theme-space--1:0.25rem;--theme-space-0:0.735rem;--theme-space-1:0.5rem;--theme-space-2:0.75rem;--theme-space-3:1rem;--theme-space-4:1.5rem;--theme-space-5:2rem;--theme-space-6:3rem;--theme-space-7:4rem;--theme-space-8:6rem;--theme-btn--border-thickness:0.0625rem;--theme-app-header--border-width:0.0625rem;--theme-blind--border-thickness:0.0625rem;--theme-checkbox--border-thickness:0.0625rem;--theme-focus--border-thickness:0.0625rem;--theme-radiobtn--border-thickness:0.0625rem;--theme-input--border-thickness:0.0625rem;--theme-menu--border-thickness:0rem;--theme-message-bar--border-thickness:0.125rem;--theme-modal--border-thickness:0.0625rem;--theme-toast--border-thickness:0rem;--theme-primary-bdr-1:0.0625rem solid var(--theme-color-primary);--theme-primary-bdr-2:0.125rem solid var(--theme-color-primary);--theme-dynamic-bdr-1:0.0625rem solid var(--theme-color-dynamic);--theme-dynamic-bdr-2:0.125rem solid var(--theme-color-dynamic);--theme-contrast-bdr-1:0.0625rem solid var(--theme-color-contrast-bdr);--theme-contrast-bdr-2:0.125rem solid var(--theme-color-contrast-bdr);--theme-std-bdr-1:0.0625rem solid var(--theme-color-std-bdr);--theme-std-bdr-2:0.125rem solid var(--theme-color-std-bdr);--theme-soft-bdr-1:0.0625rem solid var(--theme-color-soft-bdr);--theme-soft-bdr-2:0.125rem solid var(--theme-color-soft-bdr);--theme-soft-dashed-bdr-1:0.0625rem dashed var(--theme-color-soft-bdr);--theme-soft-dashed-bdr-2:0.125rem dashed var(--theme-color-soft-bdr);--theme-weak-bdr-1:0.0625rem solid var(--theme-color-weak-bdr);--theme-weak-bdr-2:0.125rem solid var(--theme-color-weak-bdr);--theme-x-weak-bdr-1:0.0625rem solid var(--theme-color-x-weak-bdr);--theme-x-weak-bdr-2:0.125rem solid var(--theme-color-x-weak-bdr);--theme-alarm-bdr-1:0.0625rem solid var(--theme-color-alarm);--theme-alarm-bdr-2:0.125rem solid var(--theme-color-alarm);--theme-critical-bdr-1:0.0625rem solid var(--theme-color-critical);--theme-critical-bdr-2:0.125rem solid var(--theme-color-critical);--theme-warning-bdr-1:0.0625rem solid var(--theme-color-warning);--theme-warning-bdr-2:0.125rem solid var(--theme-color-warning);--theme-success-bdr-1:0.0625rem solid var(--theme-color-success);--theme-success-bdr-2:0.125rem solid var(--theme-color-success);--theme-info-bdr-1:0.0625rem solid var(--theme-color-info);--theme-info-bdr-2:0.125rem solid var(--theme-color-info);--theme-neutral-bdr-1:0.0625rem solid var(--theme-color-neutral);--theme-neutral-bdr-2:0.125rem solid var(--theme-color-neutral);--theme-letter-spacing-xs:-1.2%;--theme-letter-spacing-sm:-0.6%;--theme-letter-spacing-md:0%;--theme-letter-spacing-lg:0.6%;--theme-letter-spacing-xl:1.2%;--theme-letter-spacing-xxl:2%;--ix-theme-name:classic-light}
1
+ :root .theme-classic-light{--theme-color-ghost:#00000000;--theme-color-ghost--hover:#a8adb32e;--theme-color-ghost--active:#a8adb354;--theme-color-ghost--selected:#00eaff33;--theme-color-ghost--selected-hover:#20b8c538;--theme-color-ghost--selected-active:#00919e38;--theme-color-ghost-primary--active:#00becf33;--theme-color-ghost-primary--hover:#00eaff33;--theme-color-ghost-alt:#00142808;--theme-color-ghost-alt--hover:#a8adb338;--theme-color-ghost-alt--active:#a8adb35c;--theme-color-ghost-alt--selected:#00d8ec38;--theme-color-ghost-alt--selected-hover:#1eabb83d;--theme-color-ghost-alt--selected-active:#0094a138;--theme-color-primary:#006e93;--theme-color-primary--contrast:#fff;--theme-color-primary--hover:#196269;--theme-color-primary--active:#16565c;--theme-color-primary--disabled:#006e934d;--theme-color-dynamic:#005e66;--theme-color-dynamic--hover:#0f5157;--theme-color-dynamic--active:#0e494e;--theme-color-dynamic-alt:#00eaff;--theme-color-dynamic-alt--hover:#62e2ee;--theme-color-dynamic-alt--active:#5cd5e0;--theme-color-secondary:#fff;--theme-color-secondary--hover:#ccfbff;--theme-color-secondary--active:#b8edf2;--theme-color-component-1:#a8adb32e;--theme-color-component-1--hover:#a8adb354;--theme-color-component-1--active:#a8adb373;--theme-color-component-2:#0012241c;--theme-color-component-3:#04142538;--theme-color-component-4:#05121f4d;--theme-color-component-5:#07121d73;--theme-color-component-6:#0b121999;--theme-color-component-7--hover:#00eaff;--theme-color-component-7:#00eaff33;--theme-color-component-7--active:#00def2;--theme-color-component-error:#fcccd0;--theme-color-component-info:#ccdefc;--theme-color-component-8--hover:#d1fbff;--theme-color-component-8:#ebf7f8;--theme-color-component-9:#0b5e65;--theme-color-component-9--hover:#005d66;--theme-color-component-9--active:#00464d;--theme-color-component-9--disabled:#0051594d;--theme-color-component-10:#005159bf;--theme-color-component-10--hover:#005d66bf;--theme-color-component-10--active:#00464dbf;--theme-color-component-10--disabled:#00515926;--theme-color-1--hover:#eff0f1;--theme-color-1--active:#e2e4e6;--theme-color-component-11:#d5dbe233;--theme-color-0:#ffffff00;--theme-color-1:#fff;--theme-color-2:#eff0f1;--theme-color-3:#e2e4e6;--theme-color-4:#d8dadd;--theme-color-5:#cfd2d5;--theme-color-6:#c8cbcf;--theme-color-7:#c2c6ca;--theme-color-8:#92979b;--theme-color-std-bdr:#0014284d;--theme-color-soft-bdr:#00142833;--theme-color-weak-bdr:#23303c26;--theme-color-x-weak-bdr:#aeb5bd33;--theme-color-focus-bdr:#199fff;--theme-color-contrast-bdr:#000;--theme-color-hard-bdr:#b2b8be;--theme-color-alarm:#d72332;--theme-color-alarm--hover:#c11f2d;--theme-color-alarm--active:#b41d2a;--theme-color-alarm--contrast:#fff;--theme-color-alarm-40:#d7233266;--theme-color-alarm-10:#d723321a;--theme-color-warning:#b88d00;--theme-color-warning--hover:#a88100;--theme-color-warning--active:#9e7900;--theme-color-warning--contrast:#000;--theme-color-warning-40:#b88d0066;--theme-color-warning-10:#b88d001a;--theme-color-critical:#e97101;--theme-color-critical--hover:#d06501;--theme-color-critical--active:#c15e01;--theme-color-critical--contrast:#000;--theme-color-critical-40:#e9710166;--theme-color-success:#2c8500;--theme-color-success--hover:#277500;--theme-color-success--active:#246b00;--theme-color-success--contrast:#fff;--theme-color-success-40:#2c850066;--theme-color-info:#0041b1;--theme-color-info--hover:#003a9e;--theme-color-info--active:#003694;--theme-color-info--contrast:#fff;--theme-color-info-40:#0041b166;--theme-color-neutral:#66727e;--theme-color-neutral--hover:#5b6671;--theme-color-neutral--active:#545e68;--theme-color-neutral--contrast:#fff;--theme-color-neutral-40:#66727e66;--theme-color-contrast-text:#000;--theme-color-std-text:#000a14e6;--theme-color-soft-text:#000a1499;--theme-color-weak-text:#000a1466;--theme-color-inv-contrast-text:#fff;--theme-color-inv-std-text:#f5faffed;--theme-color-inv-soft-text:#e5f2ffa8;--theme-color-inv-weak-text:#dbedff66;--theme-color-alarm-text:#b81e3f;--theme-color-shadow-1:#0000001a;--theme-color-shadow-2:#00000033;--theme-color-shadow-3:#00000099;--theme-color-lightbox:#ffffffa6;--theme-color-backdrop:#ffffffd9;--theme-color-backdrop-3:#e3e5e8d9;--theme-color-logo:#000;--theme-color-logo-login:#000;--theme-chart-1:#00b8a6;--theme-chart-1-40:#00b8a666;--theme-chart-2:#007362;--theme-chart-2-40:#00736266;--theme-chart-3:#00aab3;--theme-chart-3-40:#00aab366;--theme-chart-4:#00afd7;--theme-chart-4-40:#00afd766;--theme-chart-5:#61778c;--theme-chart-5-40:#61778c66;--theme-chart-6:#1d86dc;--theme-chart-6-40:#1d86dc66;--theme-chart-7:#2351a4;--theme-chart-7-40:#2351a466;--theme-chart-8:#5581e7;--theme-chart-8-40:#5581e766;--theme-chart-9:#666df4;--theme-chart-9-40:#666df466;--theme-chart-10:#7c40ff;--theme-chart-10-40:#7c40ff66;--theme-chart-11:#a12ef3;--theme-chart-11-40:#a12ef366;--theme-chart-12:#aa32be;--theme-chart-12-40:#aa32be66;--theme-chart-13:#ca5e77;--theme-chart-13-40:#ca5e7766;--theme-chart-14:#d1706f;--theme-chart-14-40:#d1706f66;--theme-chart-15:#dd886a;--theme-chart-15-40:#dd886a66;--theme-chart-16:#94947b;--theme-chart-16-40:#94947b66;--theme-chart-17:#909700;--theme-chart-17-40:#90970066;--theme-chart-axes:#0000004d;--theme-chart-grid-lines:#0000001a;--theme-chart-grid-fill:#fff;--theme-chart-ticks:#0000004d;--theme-chart-tooltip-fill:#ffffffcc;--theme-chart-tooltip-bdr:#00000033;--theme-workflow-step--color--disabled:var(--theme-color-weak-text);--theme-app-header--color:var(--theme-color-std-text);--theme-app-header--background:var(--theme-color-2);--theme-app-header--border-color:var(--theme-color-weak-bdr);--theme-app-header-logo--color:var(--theme-color-logo);--theme-btn-primary--background:var(--theme-color-primary);--theme-btn-primary--background--hover:var(--theme-color-primary--hover);--theme-btn-primary--background--active:var(--theme-color-primary--active);--theme-btn-primary--background--disabled:var(--theme-color-component-4);--theme-btn-primary--color:var(--theme-color-primary--contrast);--theme-btn-primary--color--hover:var(--theme-color-primary--contrast);--theme-btn-primary--color--active:var(--theme-color-primary--contrast);--theme-btn-primary--color--disabled:var(--theme-color-primary--contrast);--theme-btn-outline-primary--background:var(--theme-color-secondary);--theme-btn-outline-primary--background--hover:var(--theme-color-secondary--hover);--theme-btn-outline-primary--background--active:var(--theme-color-secondary--active);--theme-btn-outline-primary--background--disabled:var(--theme-color-ghost);--theme-btn-outline-primary--color:var(--theme-color-primary);--theme-btn-outline-primary--color--hover:var(--theme-color-dynamic);--theme-btn-outline-primary--color--active:var(--theme-color-dynamic);--theme-btn-outline-primary--color--disabled:var(--theme-color-weak-text);--theme-btn-primary--border-color:var(--theme-color-ghost);--theme-btn-primary--border-color--hover:var(--theme-color-ghost);--theme-btn-primary--border-color--active:var(--theme-color-ghost);--theme-btn-primary--border-color--disabled:var(--theme-color-ghost);--theme-btn-invisible-primary--background:var(--theme-color-ghost);--theme-btn-invisible-primary--background--hover:var(--theme-color-ghost--hover);--theme-btn-invisible-primary--background--active:var(--theme-color-ghost--active);--theme-btn-invisible-primary--background--disabled:var(--theme-color-ghost);--theme-btn-invisible-primary--color:var(--theme-color-primary);--theme-btn-invisible-primary--color--hover:var(--theme-color-dynamic);--theme-btn-invisible-primary--color--active:var(--theme-color-dynamic);--theme-btn-invisible-primary--color--disabled:var(--theme-color-weak-text);--theme-btn-secondary--background:var(--theme-color-component-1);--theme-btn-secondary--background--hover:var(--theme-color-component-1--hover);--theme-btn-secondary--background--active:var(--theme-color-component-1--active);--theme-btn-secondary--background--disabled:var(--theme-color-component-1);--theme-btn-secondary--color:var(--theme-color-soft-text);--theme-btn-secondary--color--hover:var(--theme-color-std-text);--theme-btn-secondary--color--active:var(--theme-color-std-text);--theme-btn-secondary--color--disabled:var(--theme-color-weak-text);--theme-btn-outline-secondary--background:var(--theme-color-ghost);--theme-btn-outline-secondary--background--hover:var(--theme-color-ghost--hover);--theme-btn-outline-secondary--background--active:var(--theme-color-ghost--active);--theme-btn-outline-secondary--background--disabled:var(--theme-color-ghost);--theme-btn-outline-secondary--border-color:var(--theme-color-component-4);--theme-btn-outline-secondary--border-color--hover:var(--theme-color-component-4);--theme-btn-outline-secondary--border-color--active:var(--theme-color-component-4);--theme-btn-outline-secondary--border-color--disabled:var(--theme-color-component-4);--theme-btn-outline-secondary--color:var(--theme-color-soft-text);--theme-btn-outline-secondary--color--hover:var(--theme-color-std-text);--theme-btn-outline-secondary--color--active:var(--theme-color-std-text);--theme-btn-outline-secondary--color--disabled:var(--theme-color-weak-text);--theme-btn-invisible-secondary--background:var(--theme-color-ghost);--theme-btn-invisible-secondary--background--hover:var(--theme-color-ghost--hover);--theme-btn-invisible-secondary--background--active:var(--theme-color-ghost--active);--theme-btn-invisible-secondary--background--disabled:var(--theme-color-ghost);--theme-btn-invisible-secondary--color:var(--theme-color-soft-text);--theme-btn-invisible-secondary--color--hover:var(--theme-color-std-text);--theme-btn-invisible-secondary--color--active:var(--theme-color-std-text);--theme-btn-invisible-secondary--color--disabled:var(--theme-color-weak-text);--theme-btn-invisible-secondary--color--selected:var(--theme-color-dynamic);--theme-btn-invisible-secondary--color--selected-hover:var(--theme-color-dynamic);--theme-btn-invisible-secondary--color--selected-active:var(--theme-color-dynamic);--theme-btn-invisible-secondary--background--selected:var(--theme-color-component-7);--theme-btn-invisible-secondary--background--selected-hover:var(--theme-color-component-7--hover);--theme-btn-invisible-secondary--background--selected-active:var(--theme-color-component-7--active);--theme-link-btn--color:var(--theme-color-primary);--theme-link-btn--color--hover:var(--theme-color-dynamic);--theme-link-btn--color--active:var(--theme-color-dynamic);--theme-link-btn--border-color:var(--theme-color-ghost);--theme-link-btn--border-color--hover:var(--theme-color-ghost);--theme-link-btn--border-color--active:var(--theme-color-ghost);--theme-link-btn--color--visited:var(--theme-color-primary);--theme-link-btn--border-color--visited:var(--theme-color-ghost);--theme-link-btn--border-color--disabled:var(--theme-color-ghost);--theme-link-btn--color--disabled:var(--theme-color-weak-text);--theme-checkbox-unchecked--background:var(--theme-color-secondary);--theme-checkbox-unchecked--border-color:var(--theme-color-contrast-bdr);--theme-checkbox-unchecked--background--hover:var(--theme-color-secondary--hover);--theme-checkbox-unchecked--border-color--hover:var(--theme-color-dynamic);--theme-checkbox-unchecked--background--active:var(--theme-color-secondary--active);--theme-heckbox-unchecked--background--active:var(--theme-color-secondary--active);--theme-checkbox-unchecked--border-color--active:var(--theme-color-dynamic);--theme-checkbox-unchecked--background--disabled:var(--theme-color-ghost);--theme-checkbox-unchecked--border-color--disabled:var(--theme-color-component-4);--theme-checkbox-checked--background:var(--theme-color-dynamic);--theme-checkbox-checked--border-color:var(--theme-color-0);--theme-checkbox-checked--color:var(--theme-color-primary--contrast);--theme-checkbox-checked--background--hover:var(--theme-color-dynamic--hover);--theme-checkbox-checked--border-color--hover:var(--theme-color-0);--theme-checkbox-checked--color--hover:var(--theme-color-primary--contrast);--theme-checkbox-checked--background--active:var(--theme-color-dynamic--active);--theme-checkbox-checked--border-color--active:var(--theme-color-0);--theme-checkbox-checked--color--active:var(--theme-color-primary--contrast);--theme-checkbox-checked--background--disabled:var(--theme-color-component-4);--theme-checkbox-checked--border-color--disabled:var(--theme-color-0);--theme-checkbox-checked--color--disabled:var(--theme-color-primary--contrast);--theme-checkbox-mixed--background:var(--theme-color-dynamic);--theme-checkbox-mixed--border-color:var(--theme-color-0);--theme-checkbox-mixed--color:var(--theme-color-primary--contrast);--theme-checkbox-mixed--background--hover:var(--theme-color-dynamic--hover);--theme-checkbox-mixed--border-color--hover:var(--theme-color-0);--theme-checkbox-mixed--color--hover:var(--theme-color-primary--contrast);--theme-checkbox-mixed--background--active:var(--theme-color-dynamic--active);--theme-checkbox-mixed--border-color--active:var(--theme-color-0);--theme-checkbox-mixed--color--active:var(--theme-color-primary--contrast);--theme-checkbox-mixed--background--disabled:var(--theme-color-component-4);--theme-checkbox-mixed--border-color--disabled:var(--theme-color-0);--theme-checkbox-mixed--color--disabled:var(--theme-color-primary--contrast);--theme-checkbox-label--color:var(--theme-color-std-text);--theme-checkbox-label--color--disabled:var(--theme-color-weak-text);--theme-ghost--background:var(--theme-color-ghost);--theme-ghost--background--hover:var(--theme-color-ghost--hover);--theme-ghost--background--active:var(--theme-color-ghost--active);--theme-radiobtn-unchecked--background:var(--theme-color-secondary);--theme-radiobtn-unchecked--border-color:var(--theme-color-contrast-bdr);--theme-radiobtn-unchecked--border-color--hover:var(--theme-color-dynamic);--theme-radiobtn-unchecked--border-color--active:var(--theme-color-dynamic);--theme-radiobtn-unchecked--border-color--disabled:var(--theme-color-component-4);--theme-radiobtn-unchecked--background--hover:var(--theme-color-secondary--hover);--theme-radiobtn-unchecked--background--active:var(--theme-color-secondary--active);--theme-radiobtn-unchecked--background--disabled:var(--theme-color-ghost);--theme-radiobtn-checked--color:var(--theme-color-primary--contrast);--theme-radiobtn-checked--color--hover:var(--theme-color-primary--contrast);--theme-radiobtn-checked--color--active:var(--theme-color-primary--contrast);--theme-radiobtn-checked--color--disabled:var(--theme-color-primary--contrast);--theme-radiobtn-label--color:var(--theme-color-std-text);--theme-radiobtn-label--color--disabled:var(--theme-color-weak-text);--theme-radiobtn-checked--background:var(--theme-color-dynamic);--theme-radiobtn-checked--background--hover:var(--theme-color-dynamic--hover);--theme-radiobtn-checked--background--active:var(--theme-color-dynamic--active);--theme-radiobtn-checked--background--disabled:var(--theme-color-component-4);--theme-radiobtn-checked--border-color:var(--theme-color-0);--theme-radiobtn-checked--border-color--hover:var(--theme-color-0);--theme-radiobtn-checked--border-color--active:var(--theme-color-0);--theme-radiobtn-checked--border-color--disabled:var(--theme-color-0);--theme-nav--background:var(--theme-color-2);--theme-avatar-btn--background:var(--theme-color-ghost);--theme-avatar-btn--background--hover:var(--theme-color-ghost--hover);--theme-avatar-btn--background--active:var(--theme-color-ghost--active);--theme-avatar-btn--color:var(--theme-color-std-text);--theme-avatar-btn--color--hover:var(--theme-color-std-text);--theme-avatar-btn--color--active:var(--theme-color-std-text);--theme-menu-btn--color:var(--theme-color-std-text);--theme-menu-btn--color--hover:var(--theme-color-std-text);--theme-menu-btn--color--active:var(--theme-color-std-text);--theme-menu-btn--background:var(--theme-color-ghost);--theme-menu-btn--background--hover:var(--theme-color-ghost--hover);--theme-menu-btn--background--active:var(--theme-color-ghost--active);--theme-nav-item-primary--background:var(--theme-color-ghost);--theme-nav-item-primary--background--hover:var(--theme-color-ghost--hover);--theme-nav-item-primary--background--active:var(--theme-color-ghost--active);--theme-nav-item-primary--background--selected:var(--theme-color-1);--theme-nav-item-primary--border-color:var(--theme-color-0);--theme-nav-item-primary--border-color--hover:var(--theme-color-0);--theme-nav-item-primary--border-color--active:var(--theme-color-0);--theme-nav-item-primary--border-color--selected:var(--theme-color-dynamic);--theme-nav-item-primary--color:var(--theme-color-std-text);--theme-nav-item-primary--color--hover:var(--theme-color-std-text);--theme-nav-item-primary--color--active:var(--theme-color-std-text);--theme-nav-item-primary--color--selected:var(--theme-color-std-text);--theme-nav-item-primary-icon--color:var(--theme-color-std-text);--theme-nav-item-primary-icon--color--hover:var(--theme-color-std-text);--theme-nav-item-primary-icon--color--active:var(--theme-color-std-text);--theme-nav-item-primary-icon--color--selected:var(--theme-color-std-text);--theme-nav-item-secondary--background:var(--theme-color-ghost);--theme-nav-item-secondary--background--hover:var(--theme-color-ghost--hover);--theme-nav-item-secondary--background--active:var(--theme-color-ghost--active);--theme-nav-item-secondary--background--disabled:var(--theme-color-0);--theme-nav-item-secondary--background--selected:var(--theme-color-3);--theme-nav-item-secondary--border-color:var(--theme-color-0);--theme-nav-item-secondary--border-color--hover:var(--theme-color-0);--theme-nav-item-secondary--border-color--active:var(--theme-color-0);--theme-nav-item-secondary--border-color--disabled:var(--theme-color-0);--theme-nav-item-secondary--border-color--selected:var(--theme-color-dynamic);--theme-nav-item-secondary--color:var(--theme-color-std-text);--theme-nav-item-secondary--color--hover:var(--theme-color-std-text);--theme-nav-item-secondary--color--active:var(--theme-color-std-text);--theme-nav-item-secondary--color--disabled:var(--theme-color-weak-text);--theme-nav-item-secondary--color--selected:var(--theme-color-std-text);--theme-nav-item-secondary-icon--color:var(--theme-color-std-text);--theme-nav-item-secondary-icon--color--hover:var(--theme-color-std-text);--theme-nav-item-secondary-icon--color--active:var(--theme-color-std-text);--theme-nav-item-secondary-icon--color--selected:var(--theme-color-std-text);--theme-nav-item-secondary-icon--color--disabled:var(--theme-color-weak-text);--theme-avatar--background:var(--theme-color-component-3);--theme-input--border-color:var(--theme-color-std-bdr);--theme-input--border-color--autofill:var(--theme-color-hard-bdr);--theme-input--background:var(--theme-color-component-8);--theme-input--background--autofill:var(--theme-color-component-info);--theme-input-hint--color:var(--theme-color-soft-text);--theme-input--border-color-bottom--readonly:var(--theme-color-soft-bdr);--theme-input-error--background:var(--theme-color-component-error);--theme-input--color--disabled:var(--theme-color-weak-text);--theme-input--color:var(--theme-color-std-text);--theme-input--color--autofill:var(--theme-color-std-text);--theme-input--background--hover:var(--theme-color-component-8--hover);--theme-input--border-color--hover:var(--theme-color-dynamic);--theme-input--background--focus:var(--theme-color-component-8--hover);--theme-input--border-color--focus:var(--theme-color-dynamic);--theme-input--background--readonly:var(--theme-color-0);--theme-input--border-color--readonly:var(--theme-color-0);--theme-input--background--disabled:var(--theme-color-0);--theme-input--border-color--disabled:var(--theme-color-0);--theme-input--border-color-bottom--disabled:var(--theme-color-weak-bdr);--theme-input-error--border-color:var(--theme-color-alarm);--theme-input-error-icon--color:var(--theme-color-alarm);--theme-blind-base--border-color:var(--theme-color-0);--theme-blind-base--background:var(--theme-color-component-1);--theme-blind-header-closed--background:var(--theme-color-ghost);--theme-blind-header-closed--background--hover:var(--theme-color-ghost--hover);--theme-blind-header-closed--background--active:var(--theme-color-ghost--active);--theme-blind-header-open--background:var(--theme-color-ghost);--theme-blind-header-open--background--hover:var(--theme-color-ghost--hover);--theme-blind-header-open--background--active:var(--theme-color-ghost--active);--theme-blind-header-open--color--active:var(--theme-color-std-text);--theme-blind-header-icon-open--color--active:var(--theme-color-dynamic);--theme-blind-header-icon-open--color--hover:var(--theme-color-dynamic);--theme-blind-header-open--color--hover:var(--theme-color-std-text);--theme-blind-header-icon-open--color:var(--theme-color-dynamic);--theme-blind-header-open--color:var(--theme-color-std-text);--theme-blind-header-icon-closed--color:var(--theme-color-primary);--theme-blind-header-icon-closed--color--active:var(--theme-color-primary);--theme-blind-header-icon-closed--color--hover:var(--theme-color-primary);--theme-blind-header-closed--color:var(--theme-color-std-text);--theme-blind-header-closed--color--active:var(--theme-color-std-text);--theme-blind-header-closed--color--hover:var(--theme-color-std-text);--theme-breadcrumb-btn--background:var(--theme-color-component-1);--theme-breadcrumb-btn--background--hover:var(--theme-color-component-1--hover);--theme-breadcrumb-btn--background--active:var(--theme-color-component-1--active);--theme-breadcrumb-btn--color:var(--theme-color-soft-text);--theme-breadcrumb-btn--color--hover:var(--theme-color-std-text);--theme-breadcrumb-btn--color--active:var(--theme-color-std-text);--theme-breadcrumb-btn-arrow--color:var(--theme-color-soft-text);--theme-breadcrumb-btn-arrow--color--hover:var(--theme-color-std-text);--theme-breadcrumb-btn-arrow--color--active:var(--theme-color-std-text);--theme-breadcrumb-btn-last--color:var(--theme-color-soft-text);--theme-breadcrumb-ghost--color:var(--theme-color-primary);--theme-breadcrumb-ghost--color--hover:var(--theme-color-dynamic);--theme-breadcrumb-ghost--color--active:var(--theme-color-dynamic);--theme-breadcrumb-ghost-arrow--color:var(--theme-color-soft-text);--theme-breadcrumb-ghost-arrow--color--hover:var(--theme-color-dynamic);--theme-breadcrumb-ghost-arrow--color--active:var(--theme-color-dynamic);--theme-breadcrumb-ghost--background:var(--theme-color-ghost);--theme-breadcrumb-ghost--background--hover:var(--theme-color-ghost--hover);--theme-breadcrumb-ghost--background--active:var(--theme-color-ghost--active);--theme-breadcrumb-ghost-last--color:var(--theme-color-soft-text);--theme-avatar--color:var(--theme-color-std-text);--theme-chip-close-btn--background--hover:var(--theme-color-ghost--hover);--theme-chip-close-btn--background--active:var(--theme-color-ghost--active);--theme-chip-close-btn--color:var(--theme-color-soft-text);--theme-chip-outline--color:var(--theme-color-std-text);--theme-chip-outline--background:var(--theme-color-1);--theme-chip-outline--background--hover:var(--theme-color-1--hover);--theme-chip-outline--background--active:var(--theme-color-1--active);--theme-chip--background:var(--theme-color-component-1);--theme-chip--background--hover:var(--theme-color-component-1--hover);--theme-chip--background--active:var(--theme-color-component-1--active);--theme-chip--color:var(--theme-color-std-text);--theme-chip-close-btn--background:var(--theme-color-ghost);--theme-pill-outline--color:var(--theme-color-std-text);--theme-pill-outline--background:var(--theme-color-1);--theme-chip-primary-outline--background:var(--theme-color-secondary);--theme-chip-primary-outline--background--hover:var(--theme-color-secondary--hover);--theme-chip-primary-outline--background--active:var(--theme-color-secondary--active);--theme-chip-primary-outline--border-color:var(--theme-color-primary);--theme-chip-primary-outline--border-color--hover:var(--theme-color-dynamic);--theme-chip-primary-outline--border-color--active:var(--theme-color-dynamic);--theme-chip-primary-outline--color:var(--theme-color-primary);--theme-chip-primary-outline--color--hover:var(--theme-color-dynamic);--theme-chip-primary-outline--color--active:var(--theme-color-dynamic);--theme-chip-primary--background:var(--theme-color-primary);--theme-chip-primary--background--hover:var(--theme-color-primary--hover);--theme-chip-primary--background--active:var(--theme-color-primary--active);--theme-chip-primary--color:var(--theme-color-primary--contrast);--theme-chip-primary--color--hover:var(--theme-color-primary--contrast);--theme-chip-primary--color--active:var(--theme-color-primary--contrast);--theme-chip-primary-outline--background--display:var(--theme-color-secondary);--theme-chip-primary-outline--border-color--display:var(--theme-color-primary);--theme-chip-primary-outline--color--display:var(--theme-color-std-text);--theme-switch-off--background:var(--theme-color-component-4);--theme-menu--background:var(--theme-color-2);--theme-menu--border-color:var(--theme-color-0);--theme-menu-header--color:var(--theme-color-soft-text);--theme-menu-separator--background:var(--theme-color-x-weak-bdr);--theme-menu-item--background:var(--theme-color-ghost);--theme-menu-item--background--hover:var(--theme-color-ghost--hover);--theme-menu-item--background--active:var(--theme-color-ghost--active);--theme-menu-item--background--disabled:var(--theme-color-ghost);--theme-menu-item--color:var(--theme-color-std-text);--theme-menu-item--color--hover:var(--theme-color-std-text);--theme-menu-item--color--active:var(--theme-color-std-text);--theme-menu-item--color--disabled:var(--theme-color-weak-text);--theme-menu-item-icon--color:var(--theme-color-soft-text);--theme-menu-item-icon--color--hover:var(--theme-color-std-text);--theme-menu-item-icon--color--active:var(--theme-color-std-text);--theme-menu-item-icon--color--disabled:var(--theme-color-weak-text);--theme-menu-item-arrow--color:var(--theme-color-soft-text);--theme-menu-item-arrow--color--hover:var(--theme-color-std-text);--theme-menu-item-arrow--color--active:var(--theme-color-std-text);--theme-menu-item-arrow--color--disabled:var(--theme-color-weak-text);--theme-menu-item-check--color:var(--theme-color-soft-text);--theme-menu-item-check--color--hover:var(--theme-color-std-text);--theme-menu-item-check--color--active:var(--theme-color-std-text);--theme-menu-item-check--color--disabled:var(--theme-color-weak-text);--theme-select-list-item--background:var(--theme-color-ghost);--theme-select-list-item--background--hover:var(--theme-color-ghost--hover);--theme-select-list-item--background--active:var(--theme-color-ghost--active);--theme-select-list-item--background--disabled:var(--theme-color-ghost);--theme-select-list-item--background--selected:var(--theme-color-ghost--selected);--theme-select-list-item--background--selected-hover:var(--theme-color-ghost--selected-hover);--theme-select-list-item--background--selected-active:var(--theme-color-ghost--selected-active);--theme-select-list-item--background--selected-disabled:var(--theme-color-ghost);--theme-select-list-item--color:var(--theme-color-std-text);--theme-select-list-item--color--hover:var(--theme-color-std-text);--theme-select-list-item--color--active:var(--theme-color-std-text);--theme-select-list-item--color--disabled:var(--theme-color-weak-text);--theme-select-list-item--color--selected:var(--theme-color-std-text);--theme-select-list-item--color--selected-hover:var(--theme-color-std-text);--theme-select-list-item--color--selected-active:var(--theme-color-std-text);--theme-select-list-item--color--selected-disabled:var(--theme-color-weak-text);--theme-select-list-item-check--color:var(--theme-color-std-text);--theme-select-list-item-check--color--hover:var(--theme-color-std-text);--theme-select-list-item-check--color--active:var(--theme-color-std-text);--theme-select-list-item-check--color--disabled:var(--theme-color-weak-text);--theme-select-list--background:var(--theme-color-2);--theme-select-list--border-color:var(--theme-color-0);--theme-tab--background:var(--theme-color-ghost);--theme-tab--background--hover:var(--theme-color-ghost-primary--hover);--theme-tab--background--active:var(--theme-color-ghost-primary--active);--theme-tab--background--selected:var(--theme-color-ghost);--theme-tab--background--disabled:var(--theme-color-ghost);--theme-tab-indicator--background:var(--theme-color-soft-bdr);--theme-tab-indicator--background--hover:var(--theme-color-soft-bdr);--theme-tab-indicator--background--active:var(--theme-color-soft-bdr);--theme-tab-indicator--background--selected:var(--theme-color-dynamic);--theme-tab-indicator--background--disabled:var(--theme-color-soft-bdr);--theme-animated-tab-indicator--background:var(--theme-color-soft-bdr);--theme-animated-tab-indicator--background--hover:var(--theme-color-soft-bdr);--theme-animated-tab-indicator--background--active:var(--theme-color-soft-bdr);--theme-animated-tab-indicator--background--selected:var(--theme-color-dynamic);--theme-tab--color:var(--theme-color-std-text);--theme-tab--color--hover:var(--theme-color-std-text);--theme-tab--color--active:var(--theme-color-std-text);--theme-tab--color--selected:var(--theme-color-std-text);--theme-tab--color--disabled:var(--theme-color-weak-text);--theme-tab-icon--color:var(--theme-color-std-text);--theme-tab-icon--color--hover:var(--theme-color-std-text);--theme-tab-icon--color--active:var(--theme-color-std-text);--theme-tab-icon--color--selected:var(--theme-color-std-text);--theme-tab-icon--color--disabled:var(--theme-color-weak-text);--theme-animated-tab-icon--color:var(--theme-color-std-text);--theme-animated-tab-icon--color--hover:var(--theme-color-std-text);--theme-animated-tab-icon--color--active:var(--theme-color-std-text);--theme-animated-tab-icon--color--selected:var(--theme-color-std-text);--theme-animated-tab-icon--color--disabled:var(--theme-color-weak-text);--theme-animated-tab-circle--background:var(--theme-color-component-1);--theme-animated-tab-circle--background--hover:var(--theme-color-ghost-primary--hover);--theme-animated-tab-circle--background--active:var(--theme-color-ghost-primary--active);--theme-animated-tab-circle--background--selected:var(--theme-color-ghost);--theme-animated-tab-circle--background--disabled:var(--theme-color-ghost);--theme-animated-tab-circle--border-color:var(--theme-color-0);--theme-animated-tab-circle--border-color--hover:var(--theme-color-0);--theme-animated-tab-circle--border-color--active:var(--theme-color-0);--theme-animated-tab-circle--border-color--selected:var(--theme-color-dynamic);--theme-animated-tab-circle--border-color--disabled:var(--theme-color-ghost);--theme-tab-pill--border-color:var(--theme-color-neutral);--theme-tab-pill--border-color--hover:var(--theme-color-neutral);--theme-tab-pill--border-color--active:var(--theme-color-neutral);--theme-tab-pill--border-color--selected:var(--theme-color-dynamic);--theme-tab-pill--border-color--disabled:var(--theme-color-neutral);--theme-input-unit--color:var(--theme-color-soft-text);--theme-input-gripper--color:var(--theme-color-weak-text);--theme-input-gripper--color--hover:var(--theme-color-weak-text);--theme-input-gripper--color--focus:var(--theme-color-weak-text);--theme-input-search-icon--color:var(--theme-color-primary);--theme-input-search-icon--color--hover:var(--theme-color-dynamic);--theme-input-search-icon--color--focus:var(--theme-color-dynamic);--theme-input-search-icon--color--disabled:var(--theme-color-weak-text);--theme-input-select-icon--color:var(--theme-color-soft-text);--theme-input-select-icon--color--hover:var(--theme-color-dynamic);--theme-input-select-icon--color--active:var(--theme-color-dynamic);--theme-select-list-item-hint--color:var(--theme-color-soft-text);--theme-select-list-item-hint--color--hover:var(--theme-color-soft-text);--theme-select-list-item-hint--color--active:var(--theme-color-soft-text);--theme-switch-off--background--hover:var(--theme-color-component-5);--theme-switch-off--background--active:var(--theme-color-component-4);--theme-switch-off--background--disabled:var(--theme-color-component-2);--theme-switch-on--background:var(--theme-color-dynamic);--theme-switch-on--background--hover:var(--theme-color-dynamic--hover);--theme-switch-on--background--active:var(--theme-color-dynamic--active);--theme-switch-on--background--disabled:var(--theme-color-component-2);--theme-switch-mixed--background:var(--theme-color-component-4);--theme-switch-mixed--background--hover:var(--theme-color-component-5);--theme-switch-mixed--background--active:var(--theme-color-component-4);--theme-switch-mixed--background--disabled:var(--theme-color-component-2);--theme-switch-off--border-color:var(--theme-color-0);--theme-switch-off--border-color--hover:var(--theme-color-0);--theme-switch-off--border-color--active:var(--theme-color-0);--theme-switch-off--border-color--disabled:var(--theme-color-0);--theme-switch-on--border-color:var(--theme-color-0);--theme-switch-on--border-color--hover:var(--theme-color-0);--theme-switch-on--border-color--active:var(--theme-color-0);--theme-switch-on--border-color--disabled:var(--theme-color-0);--theme-switch-mixed--border-color:var(--theme-color-0);--theme-switch-mixed--border-color--hover:var(--theme-color-0);--theme-switch-mixed--border-color--active:var(--theme-color-0);--theme-switch-mixed--border-color--disabled:var(--theme-color-0);--theme-switch-thumb-off--background:var(--theme-color-1);--theme-switch-thumb-off--background--hover:var(--theme-color-1);--theme-switch-thumb-off--background--active:var(--theme-color-1);--theme-switch-thumb-off--background--disabled:var(--theme-color-component-3);--theme-switch-thumb-on--background:var(--theme-color-1);--theme-switch-thumb-on--background--hover:var(--theme-color-1);--theme-switch-thumb-on--background--active:var(--theme-color-1);--theme-switch-thumb-on--background--disabled:var(--theme-color-component-3);--theme-switch-thumb-mixed--background:var(--theme-color-1);--theme-switch-thumb-mixed--background--hover:var(--theme-color-1);--theme-switch-thumb-mixed--background--active:var(--theme-color-1);--theme-switch-thumb-mixed--background--disabled:var(--theme-color-component-3);--theme-switch-thumb-off--border-color:var(--theme-color-0);--theme-switch-thumb-off--border-color--hover:var(--theme-color-0);--theme-switch-thumb-off--border-color--active:var(--theme-color-0);--theme-switch-thumb-off--border-color--disabled:var(--theme-color-0);--theme-switch-thumb-on--border-color:var(--theme-color-0);--theme-switch-thumb-on--border-color--hover:var(--theme-color-0);--theme-switch-thumb-on--border-color--active:var(--theme-color-0);--theme-switch-thumb-on--border-color--disabled:var(--theme-color-0);--theme-switch-thumb-mixed--border-color:var(--theme-color-0);--theme-switch-thumb-mixed--border-color--hover:var(--theme-color-0);--theme-switch-thumb-mixed--border-color--active:var(--theme-color-0);--theme-switch-thumb-mixed--border-color--disabled:var(--theme-color-0);--theme-switch--color:var(--theme-color-std-text);--theme-switch--color--hover:var(--theme-color-std-text);--theme-switch--color--active:var(--theme-color-std-text);--theme-switch--color--disabled:var(--theme-color-weak-text);--theme-messagebar--color:var(--theme-color-std-text);--theme-messagebar--background:var(--theme-color-1);--theme-scrollbar-track--background:var(--theme-color-2);--theme-scrollbar-track--border:var(--theme-color-1);--theme-scrollbar-thumb--background:var(--theme-color-5);--theme-scrollbar-track--background--hover:var(--theme-color-3);--theme-scrollbar-thumb--background--hover:var(--theme-color-7);--theme-toast-timer-track--background:var(--theme-color-0);--theme-toast-timer-value--background:var(--theme-color-component-4);--theme-toast--background:var(--theme-color-2);--theme-toast--border-color:var(--theme-color-0);--theme-toast--color:var(--theme-color-std-text);--theme-modal--background:var(--theme-color-2);--theme-modal--border-color:var(--theme-color-0);--theme-datepicker-day--background:var(--theme-color-ghost);--theme-datepicker-day--background--hover:var(--theme-color-ghost--hover);--theme-datepicker-day--background--active:var(--theme-color-ghost--active);--theme-datepicker-day--background--disabled:var(--theme-color-ghost);--theme-datepicker-day--border-color:var(--theme-color-0);--theme-datepicker-day--border-color--hover:var(--theme-color-0);--theme-datepicker-day--border-color--active:var(--theme-color-0);--theme-datepicker-day--border-color--disabled:var(--theme-color-0);--theme-datepicker-day--color:var(--theme-color-primary);--theme-datepicker-day--color--hover:var(--theme-color-primary);--theme-datepicker-day--color--active:var(--theme-color-primary);--theme-datepicker-day--color--disabled:var(--theme-color-weak-text);--theme-datepicker-day--background--selected:var(--theme-color-component-9);--theme-datepicker-day--background--selected-hover:var(--theme-color-component-9--hover);--theme-datepicker-day--background--selected-active:var(--theme-color-component-9--active);--theme-datepicker-day--background--selected-disabled:var(--theme-color-component-9--disabled);--theme-datepicker-day--border-color--selected:var(--theme-color-0);--theme-datepicker-day--border-color--selected-hover:var(--theme-color-0);--theme-datepicker-day--border-color--selected-active:var(--theme-color-0);--theme-datepicker-day--border-color--selected-disabled:var(--theme-color-0);--theme-datepicker-day--color--selected:var(--theme-color-primary--contrast);--theme-datepicker-day--color--selected-hover:var(--theme-color-primary--contrast);--theme-datepicker-day--color--selected-active:var(--theme-color-primary--contrast);--theme-datepicker-day--color--selected-disabled:var(--theme-color-weak-text);--theme-datepicker-day--background--range:var(--theme-color-component-10);--theme-datepicker-day--background--range-hover:var(--theme-color-component-10--hover);--theme-datepicker-day--background--range-active:var(--theme-color-component-10--active);--theme-datepicker-day--background--range-disabled:var(--theme-color-component-10--disabled);--theme-datepicker-day--border-color--range:var(--theme-color-0);--theme-datepicker-day--border-color--range-hover:var(--theme-color-0);--theme-datepicker-day--border-color--range-active:var(--theme-color-0);--theme-datepicker-day--border-color--range-disabled:var(--theme-color-0);--theme-datepicker-day--color--range:var(--theme-color-primary--contrast);--theme-datepicker-day--color--range-hover:var(--theme-color-primary--contrast);--theme-datepicker-day--color--range-active:var(--theme-color-primary--contrast);--theme-datepicker-day--color--range-disabled:var(--theme-color-weak-text);--theme-datepicker-today--background:var(--theme-color-ghost);--theme-datepicker-today--background--hover:var(--theme-color-ghost--hover);--theme-datepicker-today--background--active:var(--theme-color-ghost--active);--theme-datepicker-today--background--disabled:var(--theme-color-ghost);--theme-datepicker-today--border-color:var(--theme-color-primary);--theme-datepicker-today--border-color--hover:var(--theme-color-primary);--theme-datepicker-today--border-color--active:var(--theme-color-primary);--theme-datepicker-today--border-color--disabled:var(--theme-color-primary--disabled);--theme-datepicker-today--color:var(--theme-color-primary);--theme-datepicker-today--color--hover:var(--theme-color-primary);--theme-datepicker-today--color--active:var(--theme-color-primary);--theme-datepicker-today--color--disabled:var(--theme-color-weak-text);--theme-datepicker-today--background--selected:var(--theme-color-component-9);--theme-datepicker-today--background--selected-hover:var(--theme-color-component-9--hover);--theme-datepicker-today--background--selected-active:var(--theme-color-component-9--active);--theme-datepicker-today--background--selected-disabled:var(--theme-color-component-9--disabled);--theme-datepicker-today--border-color--selected:var(--theme-color-primary);--theme-datepicker-today--border-color--selected-hover:var(--theme-color-primary);--theme-datepicker-today--border-color--selected-active:var(--theme-color-primary);--theme-datepicker-today--border-color--selected-disabled:var(--theme-color-primary--disabled);--theme-datepicker-today--color--selected:var(--theme-color-primary--contrast);--theme-datepicker-today--color--selected-hover:var(--theme-color-primary--contrast);--theme-datepicker-today--color--selected-active:var(--theme-color-primary--contrast);--theme-datepicker-today--color--selected-disabled:var(--theme-color-weak-text);--theme-datepicker-today--background--range:var(--theme-color-component-10);--theme-datepicker-today--background--range-hover:var(--theme-color-component-10--hover);--theme-datepicker-today--background--range-active:var(--theme-color-component-10--active);--theme-datepicker-today--background--range-disabled:var(--theme-color-component-10--disabled);--theme-datepicker-today--border-color--range:var(--theme-color-primary);--theme-datepicker-today--border-color--range-hover:var(--theme-color-primary);--theme-datepicker-today--border-color--range-active:var(--theme-color-primary);--theme-datepicker-today--border-color--range-disabled:var(--theme-color-primary--disabled);--theme-datepicker-today--color--range:var(--theme-color-primary--contrast);--theme-datepicker-today--color--range-hover:var(--theme-color-primary--contrast);--theme-datepicker-today--color--range-active:var(--theme-color-primary--contrast);--theme-datepicker-today--color--range-disabled:var(--theme-color-weak-text);--theme-datepicker-separator--background:var(--theme-color-x-weak-bdr);--theme-datepicker-weekday--color:var(--theme-color-soft-text);--theme-datepicker-cw--color:var(--theme-color-soft-text);--theme-datepicker-time-header:var(--theme-color-std-text);--theme-datepicker-extra--border-color:var(--theme-color-1);--theme-btn-invisible-primary--border-color:var(--theme-color-0);--theme-btn-invisible-primary--border-color--hover:var(--theme-color-0);--theme-btn-invisible-primary--border-color--active:var(--theme-color-0);--theme-btn-invisible-primary--border-color--disabled:var(--theme-color-0);--theme-btn-secondary--border-color:var(--theme-color-0);--theme-btn-secondary--border-color--hover:var(--theme-color-0);--theme-btn-secondary--border-color--active:var(--theme-color-0);--theme-btn-secondary--border-color--disabled:var(--theme-color-0);--theme-btn-invisible-secondary--border-color:var(--theme-color-0);--theme-btn-invisible-secondary--border-color--hover:var(--theme-color-0);--theme-btn-invisible-secondary--border-color--active:var(--theme-color-0);--theme-btn-invisible-secondary--border-color--disabled:var(--theme-color-0);--theme-map-navigation-logo--color:var(--theme-color-logo);--theme-map-navigation-header--color:var(--theme-color-std-text);--theme-map-navigation-separator--background:var(--theme-color-soft-bdr);--theme-map-navigation--background:var(--theme-color-1);--theme-btn-invisible-secondary--border-color--selected:var(--theme-color-0);--theme-btn-invisible-secondary--border-color--selected-hover:var(--theme-color-0);--theme-btn-invisible-secondary--border-color--selected-active:var(--theme-color-0);--theme-overlay--background:var(--theme-color-backdrop);--theme-overlay-header--background:var(--theme-color-0);--theme-overlay-header--color:var(--theme-color-std-text);--theme-nav-overlay--background:var(--theme-color-backdrop-3);--theme-nav-overlay-header--color:var(--theme-color-std-text);--theme-event-item--background:var(--theme-color-component-1);--theme-event-item--background--disabled:var(--theme-color-component-1);--theme-event-item--border--hover:var(--theme-color-0);--theme-event-item--border:var(--theme-color-0);--theme-event-item--border--active:var(--theme-color-0);--theme-event-item--border--selected:var(--theme-color-contrast-bdr);--theme-event-item--border--disabled:var(--theme-color-0);--theme-event-item--background--hover:var(--theme-color-component-1--hover);--theme-event-item--background--active:var(--theme-color-component-1--active);--theme-event-item--background--selected:var(--theme-color-component-1--hover);--theme-event-item-chevron--color:var(--theme-color-soft-text);--theme-flip--color:var(--theme-color-std-text);--theme-flip--background:var(--theme-color-component-1);--theme-flip--border-color:var(--theme-color-0);--theme-flip-footer--background:var(--theme-color-component-1);--theme-flip-footer--color:var(--theme-color-std-text);--theme-kpi-display--background:var(--theme-color-ghost);--theme-kpi-display--background--hover:var(--theme-color-ghost--hover);--theme-kpi-display--background--active:var(--theme-color-ghost--active);--theme-kpi-display-indicator--background:var(--theme-color-component-4);--theme-kpi-display-label--color:var(--theme-color-soft-text);--theme-kpi-display-icon--color:var(--theme-color-std-text);--theme-kpi-display-value:var(--theme-color-std-text);--theme-kpi-display-units:var(--theme-color-soft-text);--theme-tree-item--background:var(--theme-color-ghost);--theme-tree-item--background--hover:var(--theme-color-ghost--hover);--theme-tree-item--background--active:var(--theme-color-ghost--active);--theme-tree-item--background--selected:var(--theme-color-ghost--selected);--theme-tree-item--background--selected-hover:var(--theme-color-ghost--selected-hover);--theme-tree-item--background--selected-active:var(--theme-color-ghost--selected-active);--theme-tree-item-node-closed-icon--color:var(--theme-color-std-text);--theme-tree-item-node-open-icon--color:var(--theme-color-dynamic);--theme-tree-item--color:var(--theme-color-std-text);--theme-tree-item-icon:var(--theme-color-std-text);--theme-tree-item-status--color:var(--theme-color-soft-text);--theme-workflow-step--background:var(--theme-color-ghost);--theme-workflow-step--background--hover:var(--theme-color-ghost--hover);--theme-workflow-step--background--active:var(--theme-color-ghost--active);--theme-workflow-step--background--selected:var(--theme-color-ghost--selected);--theme-workflow-step--background--disabled:var(--theme-color-ghost);--theme-workflow-step--color:var(--theme-color-std-text);--theme-workflow-step-icon--background:var(--theme-color-1);--theme-workflow-step-icon-default--color:var(--theme-color-soft-text);--theme-workflow-step-icon-default--color--selected:var(--theme-color-dynamic);--theme-workflow-step-icon-default--color--disabled:var(--theme-color-weak-text);--theme-workflow-step-icon-done--color:var(--theme-color-primary);--theme-workflow-step-icon-done--color--selected:var(--theme-color-dynamic);--theme-workflow-step-icon-done--color--disabled:var(--theme-color-weak-text);--theme-workflow-step-icon-success--color--disabled:var(--theme-color-weak-text);--theme-workflow-step-icon-warning--color--disabled:var(--theme-color-weak-text);--theme-workflow-step-icon-error--color--disabled:var(--theme-color-weak-text);--theme-tootlip--background:var(--theme-color-2);--theme-tooltip--border-color:var(--theme-color-0);--theme-tooltip--color:var(--theme-color-std-text);--theme-tooltip-close--color:var(--theme-color-soft-text);--theme-tooltip-close-btn--background:var(--theme-color-ghost);--theme-tooltip-close-btn--background--hover:var(--theme-color-ghost--hover);--theme-tooltip-close-btn--background--active:var(--theme-color-ghost--active);--theme-table--background:var(--theme-color-0);--theme-table--border-color:var(--theme-color-0);--theme-table--color:var(--theme-color-std-text);--theme-table-header-row--background:var(--theme-color-0);--theme-table-header-row--border-color:var(--theme-color-soft-bdr);--theme-table-header-cell--background:var(--theme-color-ghost);--theme-table-header-cell--background--hover:var(--theme-color-ghost--hover);--theme-table-header-cell--background--active:var(--theme-color-ghost--active);--theme-table-header-cell--border-color:var(--theme-color-0);--theme-table-header-cell--border-color--hover:var(--theme-color-0);--theme-table-header-cell--border-color--active:var(--theme-color-0);--theme-table-header-cell--color:var(--theme-color-std-text);--theme-table-header-filter--color:var(--theme-color-dynamic);--theme-table-header-sort--color:var(--theme-color-dynamic);--theme-table-header-splitter--background:var(--theme-color-soft-bdr);--theme-table-header-splitter--background--hover:var(--theme-color-dynamic);--theme-table-data-row--background:var(--theme-color-ghost);--theme-table-data-row--background--hover:var(--theme-color-ghost--hover);--theme-table-data-row--background--active:var(--theme-color-ghost--active);--theme-table-data-row--background--selected:var(--theme-color-ghost--selected);--theme-table-data-row--background--disabled:var(--theme-color-ghost);--theme-table-data-row--background--selected-hover:var(--theme-color-ghost--selected-hover);--theme-table-data-row--background--selected-active:var(--theme-color-ghost--selected-active);--theme-table-data-row--border-color:var(--theme-color-weak-bdr);--theme-table-data-cell--border-color:var(--theme-color-0);--theme-table-data-cell--background:var(--theme-color-ghost);--theme-table-data-cell--background--hover:var(--theme-color-ghost--hover);--theme-table-data-cell--background--active:var(--theme-color-ghost--active);--theme-table-data-cell--background--selected:var(--theme-color-ghost--selected);--theme-table-data-cell--background--disabled:var(--theme-color-ghost);--theme-table-data-cell--background--selected-hover:var(--theme-color-ghost--selected-hover);--theme-table-data-cell--background--selected-active:var(--theme-color-ghost--selected-active);--theme-table-data-cell--color:var(--theme-color-std-text);--theme-table-data-cell--color-disabled:var(--theme-color-weak-text);--theme-table-data-row-alt--background:var(--theme-color-ghost-alt);--theme-table-data-row-alt--background--hover:var(--theme-color-ghost-alt--hover);--theme-table-data-row-alt--background--active:var(--theme-color-ghost-alt--active);--theme-table-data-row-alt--background--selected:var(--theme-color-ghost-alt--selected);--theme-table-data-row-alt--background--disabled:var(--theme-color-ghost-alt);--theme-table-data-row-alt--background--selected-hover:var(--theme-color-ghost-alt--selected-hover);--theme-table-data-row-alt--background--selected-active:var(--theme-color-ghost-alt--selected-active);--theme-table-group-splitter--background:var(--theme-color-x-weak-bdr);--theme-table-group-splitter--background--hover:var(--theme-color-dynamic);--theme-group-item--background:var(--theme-color-component-1);--theme-group-item--background--hover:var(--theme-color-component-1--hover);--theme-group-item--background--active:var(--theme-color-component-1--active);--theme-group-item--background--selected:var(--theme-color-ghost--selected);--theme-group-item--background--disabled:var(--theme-color-component-1);--theme-group-item--border-color:var(--theme-color-0);--theme-group-item--border-color--hover:var(--theme-color-0);--theme-group-item--border-color--active:var(--theme-color-0);--theme-group-item--border-color--selected:var(--theme-color-0);--theme-group-item--border-color--disabled:var(--theme-color-0);--theme-group-item-indicator--background:var(--theme-color-0);--theme-group-item-indicator--background--selected:var(--theme-color-dynamic);--theme-group-item-indicator--background--subselected:var(--theme-color-dynamic);--theme-group-node-closed--color:var(--theme-color-std-text);--theme-group-node-open--color:var(--theme-color-std-text);--theme-group-header--color:var(--theme-color-std-text);--theme-group-subheader--color:var(--theme-color-std-text);--theme-group-item-icon--color:var(--theme-color-std-text);--theme-group-item-text--color:var(--theme-color-std-text);--theme-group-item-subtext--color:var(--theme-color-soft-text);--theme-group-item-icon--color--disabled:var(--theme-color-weak-text);--theme-group-item-text--color--disabled:var(--theme-color-weak-text);--theme-group-item-subtext--color--disabled:var(--theme-color-weak-text);--theme-upload--background:var(--theme-color-1);--theme-upload--background--dragover:var(--theme-color-1);--theme-upload--border-color:var(--theme-color-soft-bdr);--theme-upload--border-color--dragover:var(--theme-color-dynamic);--theme-upload--background--checking:var(--theme-color-1);--theme-upload--background--disabled:var(--theme-color-0);--theme-upload--border-color--checking:var(--theme-color-soft-bdr);--theme-upload--border-color--disabled:var(--theme-color-soft-bdr);--theme-upload-text--color:var(--theme-color-std-text);--theme-upload-text--color--checking:var(--theme-color-std-text);--theme-upload-text--color--disabled:var(--theme-color-weak-text);--theme-input-extra--background--active:var(--theme-color-component-8--hover);--theme-input-extra--background--hover:var(--theme-color-component-8--hover);--theme-table-group-header-row--background:var(--theme-color-0);--theme-table-group-header-row--border-color:var(--theme-color-soft-bdr);--theme-label--color:var(--theme-color-soft-text);--theme-label--color--hover:var(--theme-color-std-text);--theme-label--color--active:var(--theme-color-std-text);--theme-label--color--focus:var(--theme-color-dynamic);--theme-label--color--disabled:var(--theme-color-weak-text);--theme-btn-outline-primary--border-color:var(--theme-color-primary);--theme-btn-outline-primary--border-color--hover:var(--theme-color-dynamic);--theme-btn-outline-primary--border-color--active:var(--theme-color-dynamic);--theme-btn-outline-primary--border-color--disabled:var(--theme-color-component-4);--theme-table-selection--border-color:var(--theme-color-0);--theme-btn-danger--background:var(--theme-color-alarm);--theme-btn-danger--background--hover:var(--theme-color-alarm--hover);--theme-btn-danger--background--active:var(--theme-color-alarm--active);--theme-btn-danger--background--disabled:var(--theme-color-component-4);--theme-btn-danger--color:var(--theme-color-alarm--contrast);--theme-btn-danger--color--hover:var(--theme-color-alarm--contrast);--theme-btn-danger--color--active:var(--theme-color-alarm--contrast);--theme-btn-danger--color--disabled:var(--theme-color-primary--contrast);--theme-btn-danger--border-color:var(--theme-color-0);--theme-btn-danger--border-color--hover:var(--theme-color-0);--theme-btn-danger--border-color--active:var(--theme-color-0);--theme-btn-danger--border-color--disabled:var(--theme-color-0);--theme-btn-outline-danger--background:var(--theme-color-1);--theme-btn-outline-danger--background--hover:var(--theme-color-1--hover);--theme-btn-outline-danger--background--active:var(--theme-color-1--active);--theme-btn-outline-danger--background--disabled:var(--theme-color-ghost);--theme-btn-outline-danger--color:var(--theme-color-alarm);--theme-btn-outline-danger--color--hover:var(--theme-color-alarm--hover);--theme-btn-outline-danger--color--active:var(--theme-color-alarm--active);--theme-btn-outline-danger--color--disabled:var(--theme-color-weak-text);--theme-btn-outline-danger--border-color:var(--theme-color-alarm);--theme-btn-outline-danger--border-color--hover:var(--theme-color-alarm--hover);--theme-btn-outline-danger--border-color--active:var(--theme-color-alarm--active);--theme-btn-outline-danger--border-color--disabled:var(--theme-color-component-4);--theme-btn-invisible-danger--background:var(--theme-color-ghost);--theme-btn-invisible-danger--background--hover:var(--theme-color-ghost--hover);--theme-btn-invisible-danger--background--active:var(--theme-color-ghost--active);--theme-btn-invisible-danger--background--disabled:var(--theme-color-ghost);--theme-btn-invisible-danger--color:var(--theme-color-alarm-text);--theme-btn-invisible-danger--color--hover:var(--theme-color-alarm-text);--theme-btn-invisible-danger--color--active:var(--theme-color-alarm-text);--theme-btn-invisible-danger--color--disabled:var(--theme-color-weak-text);--theme-btn-invisible-danger--border-color:var(--theme-color-0);--theme-btn-invisible-danger--border-color--hover:var(--theme-color-0);--theme-btn-invisible-danger--border-color--active:var(--theme-color-0);--theme-btn-invisible-danger--border-color--disabled:var(--theme-color-0);--theme-shadow-1:0px 1px 1px #00000033,0px 2px 2px #0000001a;--theme-shadow-2:0px 0px 16px #0000001a,4px 0px 8px #00000033,-4px 0px 8px #00000033;--theme-shadow-3:0px 0px 8px #00000033,0px 2px 6px #00000033;--theme-shadow-4:0px 12px 18px #0000001a,0px 4px 8px #0000001a,0px 0px 2px #0000001a;--theme-inset-shadow-1:inset 0px 2px 4px #0000001f;--theme-input--box-shadow:var(--theme-inset-shadow-1);--theme-menu--box-shadow:var(--theme-shadow-4);--theme-navigation--box-shadow:var(--theme-shadow-2);--theme-modal--box-shadow:var(--theme-shadow-4);--theme-switch-thumb--box-shadow:none;--theme-tile--box-shadow:none;--theme-toast--box-shadow:var(--theme-shadow-4);--theme-font-code:JetBrains Mono;--theme-font-sans:Arial;--theme-font-weight-normal:400;--theme-font-weight-bold:700;--theme-font-weight-black:900;--theme-text-h2:var(--theme-font-weight-bold) var(--theme-font-size-xl)/var(--theme-line-height-h2) var(--theme-font-sans);--theme-text-xl:var(--theme-font-weight-normal) var(--theme-font-size-xl)/var(--theme-line-height-xl) var(--theme-font-sans);--theme-text-l-title:var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);--theme-text-l-title-single:var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);--theme-text-l:var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);--theme-text-l-single:var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);--theme-text-default-title:var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);--theme-text-default-title-single:var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);--theme-text-default:var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);--theme-text-default-single:var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);--theme-text-caption:var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption) var(--theme-font-sans);--theme-text-caption-single:var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption-single) var(--theme-font-sans);--theme-text-s:var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s) var(--theme-font-sans);--theme-text-s-single:var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s-single) var(--theme-font-sans);--theme-text-xs:var(--theme-font-weight-normal) var(--theme-font-size-xs)/140% var(--theme-font-sans);--theme-text-default-underline:var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);--theme-label:var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-sm) var(--theme-font-sans);--theme-label-lg:var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-sm) var(--theme-font-sans);--theme-label-sm:var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-sm) var(--theme-font-sans);--theme-label-xs:var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-sm) var(--theme-font-sans);--theme-body:var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);--theme-body-xs:var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-lg) var(--theme-font-sans);--theme-body-sm:var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);--theme-body-lg:var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);--theme-display:var(--theme-font-weight-normal) var(--theme-ms-3)/var(--theme-line-height-xs) var(--theme-font-sans);--theme-display-xs:var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-xs) var(--theme-font-sans);--theme-display-sm:var(--theme-font-weight-normal) var(--theme-ms-2)/var(--theme-line-height-xs) var(--theme-font-sans);--theme-display-lg:var(--theme-font-weight-normal) var(--theme-ms-4)/var(--theme-line-height-xs) var(--theme-font-sans);--theme-display-xl:var(--theme-font-weight-bold) var(--theme-ms-5)/var(--theme-line-height-xs) var(--theme-font-sans);--theme-display-xxl:var(--theme-font-weight-bold) var(--theme-ms-6)/var(--theme-line-height-xs) var(--theme-font-sans);--theme-h6:var(--theme-font-weight-bold) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);--theme-h5:var(--theme-font-weight-bold) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);--theme-h4:var(--theme-font-weight-bold) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);--theme-h3:var(--theme-font-weight-bold) var(--theme-ms-2)/var(--theme-line-height-lg) var(--theme-font-sans);--theme-h2:var(--theme-font-weight-bold) var(--theme-ms-3)/var(--theme-line-height-md) var(--theme-font-sans);--theme-h1:var(--theme-font-weight-bold) var(--theme-ms-4)/var(--theme-line-height-sm) var(--theme-font-sans);--theme-code:var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-lg) var(--theme-font-code);--theme-code-sm:var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-code);--theme-code-lg:var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-code);--theme-default-border-radius:0.25rem;--theme-small-border-radius:0.125rem;--theme-min-border-radius:0rem;--theme-btn--border-radius:var(--theme-min-border-radius);--theme-blind--border-radius:var(--theme-default-border-radius);--theme-breadcrumb--border-radius:var(--theme-min-border-radius);--theme-group--border-radius:var(--theme-default-border-radius);--theme-group--border-radius--focus:var(--theme-min-border-radius);--theme-kpi--border-radius:var(--theme-default-border-radius);--theme-input--border-radius:var(--theme-small-border-radius);--theme-menu--border-radius:var(--theme-default-border-radius);--theme-message-bar--border-radius:var(--theme-default-border-radius);--theme-tile--border-radius:var(--theme-default-border-radius);--theme-toast--border-radus:var(--theme-default-border-radius);--theme-flip-tile--border-radius:var(--theme-default-border-radius);--theme-upload--border-radius:var(--theme-default-border-radius);--theme-workflow--border-radius:var(--theme-default-border-radius);--theme-default-control-height:2rem;--theme-large-control-height:2.5rem;--theme-medium-control-height:1.5rem;--theme-large-icon-size:2rem;--theme-default-icon-size:1.5rem;--theme-small-icon-size:1rem;--theme-input-min-width:2rem;--theme-size--3:0.375rem;--theme-size--2:0.5rem;--theme-size--1:0.75rem;--theme-size-0:1rem;--theme-size-1:1.5rem;--theme-size-2:2rem;--theme-size-3:3rem;--theme-size-4:4rem;--theme-size-5:6rem;--theme-size-6:8rem;--theme-size-7:12rem;--theme-size-8:16rem;--theme-tab-indicator--height:0.125rem;--theme-font-size-xs:0.625rem;--theme-font-size-s:0.75rem;--theme-font-size-caption:0.75rem;--theme-font-size-default:0.875rem;--theme-font-size-l:1rem;--theme-font-size-xl:1.375rem;--theme-ms--2:0.625rem;--theme-ms--1:0.75rem;--theme-ms-0:0.875rem;--theme-ms-1:1rem;--theme-ms-2:1.25rem;--theme-ms-3:1.5rem;--theme-ms-4:1.8125rem;--theme-ms-5:2.1875rem;--theme-ms-6:2.625rem;--theme-ms-7:3.125rem;--theme-ms-8:3.75rem;--theme-line-height-s:150%;--theme-line-height-s-single:150%;--theme-line-height-caption:150%;--theme-line-height-caption-single:100%;--theme-line-height-default:142.9%;--theme-line-height-default-single:114.3%;--theme-line-height-l:150%;--theme-line-height-l-single:125%;--theme-line-height-h2:145.5%;--theme-line-height-xl:109.1%;--theme-line-height-xs:100%;--theme-line-height-sm:120%;--theme-line-height-md:143%;--theme-line-height-lg:150%;--theme-x-slow-time:1s;--theme-slow-time:500ms;--theme-medium-time:300ms;--theme-default-time:150ms;--theme-short-time:0ms;--theme-btn--focus--outline-offset:0.125rem;--theme-checkbox--focus--outline-offset:0.125rem;--theme-radiobtn--focus--outline-offset:0.125rem;--theme-input--focus--outline-offset:0.125rem;--theme-input-padding-y:0.5rem;--theme-input-padding-x:0.5rem;--theme-space--3:0.125rem;--theme-space--2:0.1875rem;--theme-space--1:0.25rem;--theme-space-0:0.735rem;--theme-space-1:0.5rem;--theme-space-2:0.75rem;--theme-space-3:1rem;--theme-space-4:1.5rem;--theme-space-5:2rem;--theme-space-6:3rem;--theme-space-7:4rem;--theme-space-8:6rem;--theme-btn--border-thickness:0.0625rem;--theme-app-header--border-width:0.0625rem;--theme-blind--border-thickness:0.0625rem;--theme-checkbox--border-thickness:0.0625rem;--theme-focus--border-thickness:0.0625rem;--theme-radiobtn--border-thickness:0.0625rem;--theme-input--border-thickness:0.0625rem;--theme-menu--border-thickness:0rem;--theme-message-bar--border-thickness:0.125rem;--theme-modal--border-thickness:0.0625rem;--theme-toast--border-thickness:0rem;--theme-primary-bdr-1:0.0625rem solid var(--theme-color-primary);--theme-primary-bdr-2:0.125rem solid var(--theme-color-primary);--theme-dynamic-bdr-1:0.0625rem solid var(--theme-color-dynamic);--theme-dynamic-bdr-2:0.125rem solid var(--theme-color-dynamic);--theme-contrast-bdr-1:0.0625rem solid var(--theme-color-contrast-bdr);--theme-contrast-bdr-2:0.125rem solid var(--theme-color-contrast-bdr);--theme-std-bdr-1:0.0625rem solid var(--theme-color-std-bdr);--theme-std-bdr-2:0.125rem solid var(--theme-color-std-bdr);--theme-soft-bdr-1:0.0625rem solid var(--theme-color-soft-bdr);--theme-soft-bdr-2:0.125rem solid var(--theme-color-soft-bdr);--theme-soft-dashed-bdr-1:0.0625rem dashed var(--theme-color-soft-bdr);--theme-soft-dashed-bdr-2:0.125rem dashed var(--theme-color-soft-bdr);--theme-weak-bdr-1:0.0625rem solid var(--theme-color-weak-bdr);--theme-weak-bdr-2:0.125rem solid var(--theme-color-weak-bdr);--theme-x-weak-bdr-1:0.0625rem solid var(--theme-color-x-weak-bdr);--theme-x-weak-bdr-2:0.125rem solid var(--theme-color-x-weak-bdr);--theme-alarm-bdr-1:0.0625rem solid var(--theme-color-alarm);--theme-alarm-bdr-2:0.125rem solid var(--theme-color-alarm);--theme-critical-bdr-1:0.0625rem solid var(--theme-color-critical);--theme-critical-bdr-2:0.125rem solid var(--theme-color-critical);--theme-warning-bdr-1:0.0625rem solid var(--theme-color-warning);--theme-warning-bdr-2:0.125rem solid var(--theme-color-warning);--theme-success-bdr-1:0.0625rem solid var(--theme-color-success);--theme-success-bdr-2:0.125rem solid var(--theme-color-success);--theme-info-bdr-1:0.0625rem solid var(--theme-color-info);--theme-info-bdr-2:0.125rem solid var(--theme-color-info);--theme-neutral-bdr-1:0.0625rem solid var(--theme-color-neutral);--theme-neutral-bdr-2:0.125rem solid var(--theme-color-neutral);--theme-letter-spacing-xs:-1.2%;--theme-letter-spacing-sm:-0.6%;--theme-letter-spacing-md:0%;--theme-letter-spacing-lg:0.6%;--theme-letter-spacing-xl:1.2%;--theme-letter-spacing-xxl:2%;--ix-theme-name:classic-light}
@@ -3,6 +3,9 @@ import { ButtonVariant } from './button';
3
3
  export type ButtonAlignment = 'center' | 'start';
4
4
  export declare const getButtonClasses: (variant: ButtonVariant, outline: boolean, ghost: boolean, iconOnly: boolean, iconOval: boolean, selected: boolean, disabled: boolean) => {
5
5
  btn: boolean;
6
+ 'btn-danger': boolean;
7
+ 'btn-outline-danger': boolean;
8
+ 'btn-invisible-danger': boolean;
6
9
  'btn-primary': boolean;
7
10
  'btn-outline-primary': boolean;
8
11
  'btn-invisible-primary': boolean;
@@ -1,7 +1,8 @@
1
- export type ButtonVariant = 'primary' | 'secondary';
1
+ export type ButtonVariant = 'danger' | 'primary' | 'secondary';
2
2
  export declare class Button {
3
3
  /**
4
4
  * Button variant
5
+ * @since 2.3.0 - variant danger
5
6
  */
6
7
  variant: ButtonVariant;
7
8
  /**
@@ -14,6 +14,12 @@ export type DateRangeChangeEvent = {
14
14
  */
15
15
  export declare class DateDropdown {
16
16
  hostElement: HTMLIxDateDropdownElement;
17
+ /**
18
+ * Disable the button that opens the dropdown containing the date picker.
19
+ *
20
+ * @since 2.3.0
21
+ */
22
+ disabled: boolean;
17
23
  /**
18
24
  * Date format string.
19
25
  * See @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens.
@@ -98,6 +104,7 @@ export declare class DateDropdown {
98
104
  private selectedDateRangeId;
99
105
  private currentRangeValue;
100
106
  private triggerRef;
107
+ onDisabledChange(): void;
101
108
  private datePickerTouched;
102
109
  componentWillLoad(): void;
103
110
  /**
@@ -26,9 +26,9 @@ declare class DropdownController {
26
26
  present(dropdown: DropdownInterface): void;
27
27
  dismissChildren(uid: string): void;
28
28
  dismiss(dropdown: DropdownInterface): void;
29
- dismissAll(ignoreBehaviorForIds?: string[]): void;
29
+ dismissAll(ignoreBehaviorForIds?: string[], ignoreRelatedDropdowns?: boolean): void;
30
30
  dismissOthers(uid: string): void;
31
- pathIncludesTrigger(eventTargets: EventTarget[]): boolean;
31
+ pathIncludesTrigger(eventTargets: EventTarget[]): HTMLElement;
32
32
  private pathIncludesDropdown;
33
33
  private buildComposedPath;
34
34
  private addOverlayListeners;
@@ -63,6 +63,8 @@ export declare class Dropdown implements ComponentInterface, DropdownInterface {
63
63
  * This property indicates the need for that to the controller.
64
64
  */
65
65
  discoverAllSubmenus: boolean;
66
+ /** @internal */
67
+ ignoreRelatedSubmenu: boolean;
66
68
  /**
67
69
  * Fire event after visibility of dropdown has changed
68
70
  */
@@ -11,6 +11,7 @@ export declare class IconButton {
11
11
  a11yLabel: string;
12
12
  /**
13
13
  * Variant of button
14
+ * @since 2.3.0 - variant danger
14
15
  */
15
16
  variant: IconButtonVariant;
16
17
  /**
@@ -276,6 +276,7 @@ export namespace Components {
276
276
  "type": 'button' | 'submit';
277
277
  /**
278
278
  * Button variant
279
+ * @since 2.3.0 - variant danger
279
280
  */
280
281
  "variant": ButtonVariant;
281
282
  }
@@ -531,6 +532,11 @@ export namespace Components {
531
532
  * An array of predefined date range options for the date picker. Each option is an object with a label describing the range and a function that returns the start and end dates of the range as a DateRangeOption object. Example format: { id: 'some unique id', label: 'Name of the range', from: undefined, to: '2023/03/29' }, // ... other predefined date range options ...
532
533
  */
533
534
  "dateRangeOptions": DateDropdownOption[];
535
+ /**
536
+ * Disable the button that opens the dropdown containing the date picker.
537
+ * @since 2.3.0
538
+ */
539
+ "disabled": boolean;
534
540
  /**
535
541
  * Date format string. See
536
542
  * @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens.
@@ -797,6 +803,7 @@ export namespace Components {
797
803
  * An optional header shown at the top of the dropdown
798
804
  */
799
805
  "header"?: string;
806
+ "ignoreRelatedSubmenu": boolean;
800
807
  /**
801
808
  * Move dropdown along main axis of alignment
802
809
  */
@@ -1156,6 +1163,7 @@ export namespace Components {
1156
1163
  "type": 'button' | 'submit';
1157
1164
  /**
1158
1165
  * Variant of button
1166
+ * @since 2.3.0 - variant danger
1159
1167
  */
1160
1168
  "variant": IconButtonVariant;
1161
1169
  }
@@ -4290,6 +4298,7 @@ declare namespace LocalJSX {
4290
4298
  "type"?: 'button' | 'submit';
4291
4299
  /**
4292
4300
  * Button variant
4301
+ * @since 2.3.0 - variant danger
4293
4302
  */
4294
4303
  "variant"?: ButtonVariant;
4295
4304
  }
@@ -4577,6 +4586,11 @@ declare namespace LocalJSX {
4577
4586
  * An array of predefined date range options for the date picker. Each option is an object with a label describing the range and a function that returns the start and end dates of the range as a DateRangeOption object. Example format: { id: 'some unique id', label: 'Name of the range', from: undefined, to: '2023/03/29' }, // ... other predefined date range options ...
4578
4587
  */
4579
4588
  "dateRangeOptions"?: DateDropdownOption[];
4589
+ /**
4590
+ * Disable the button that opens the dropdown containing the date picker.
4591
+ * @since 2.3.0
4592
+ */
4593
+ "disabled"?: boolean;
4580
4594
  /**
4581
4595
  * Date format string. See
4582
4596
  * @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens.
@@ -5244,6 +5258,7 @@ declare namespace LocalJSX {
5244
5258
  "type"?: 'button' | 'submit';
5245
5259
  /**
5246
5260
  * Variant of button
5261
+ * @since 2.3.0 - variant danger
5247
5262
  */
5248
5263
  "variant"?: IconButtonVariant;
5249
5264
  }
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "url": "https://github.com/siemens/ix",
8
8
  "directory": "packages/core"
9
9
  },
10
- "version": "0.0.0-20240508065324",
10
+ "version": "0.0.0-20240522074328",
11
11
  "license": "MIT",
12
12
  "description": "Siemens iX Web Components",
13
13
  "main": "dist/index.cjs.js",
@@ -863,5 +863,41 @@
863
863
  --theme-btn-outline-primary--border-color--active: var(--theme-color-dynamic);
864
864
  --theme-btn-outline-primary--border-color--disabled: var(--theme-color-component-4);
865
865
  --theme-table-selection--border-color: var(--theme-color-0);
866
+ --theme-btn-danger--background: var(--theme-color-alarm);
867
+ --theme-btn-danger--background--hover: var(--theme-color-alarm--hover);
868
+ --theme-btn-danger--background--active: var(--theme-color-alarm--active);
869
+ --theme-btn-danger--background--disabled: var(--theme-color-component-4);
870
+ --theme-btn-danger--color: var(--theme-color-alarm--contrast);
871
+ --theme-btn-danger--color--hover: var(--theme-color-alarm--contrast);
872
+ --theme-btn-danger--color--active: var(--theme-color-alarm--contrast);
873
+ --theme-btn-danger--color--disabled: var(--theme-color-primary--contrast);
874
+ --theme-btn-danger--border-color: var(--theme-color-0);
875
+ --theme-btn-danger--border-color--hover: var(--theme-color-0);
876
+ --theme-btn-danger--border-color--active: var(--theme-color-0);
877
+ --theme-btn-danger--border-color--disabled: var(--theme-color-0);
878
+ --theme-btn-outline-danger--background: var(--theme-color-1);
879
+ --theme-btn-outline-danger--background--hover: var(--theme-color-1--hover);
880
+ --theme-btn-outline-danger--background--active: var(--theme-color-1--active);
881
+ --theme-btn-outline-danger--background--disabled: var(--theme-color-ghost);
882
+ --theme-btn-outline-danger--color: var(--theme-color-alarm);
883
+ --theme-btn-outline-danger--color--hover: var(--theme-color-alarm--hover);
884
+ --theme-btn-outline-danger--color--active: var(--theme-color-alarm--active);
885
+ --theme-btn-outline-danger--color--disabled: var(--theme-color-weak-text);
886
+ --theme-btn-outline-danger--border-color: var(--theme-color-alarm);
887
+ --theme-btn-outline-danger--border-color--hover: var(--theme-color-alarm--hover);
888
+ --theme-btn-outline-danger--border-color--active: var(--theme-color-alarm--active);
889
+ --theme-btn-outline-danger--border-color--disabled: var(--theme-color-component-4);
890
+ --theme-btn-invisible-danger--background: var(--theme-color-ghost);
891
+ --theme-btn-invisible-danger--background--hover: var(--theme-color-ghost--hover);
892
+ --theme-btn-invisible-danger--background--active: var(--theme-color-ghost--active);
893
+ --theme-btn-invisible-danger--background--disabled: var(--theme-color-ghost);
894
+ --theme-btn-invisible-danger--color: var(--theme-color-alarm-text);
895
+ --theme-btn-invisible-danger--color--hover: var(--theme-color-alarm-text);
896
+ --theme-btn-invisible-danger--color--active: var(--theme-color-alarm-text);
897
+ --theme-btn-invisible-danger--color--disabled: var(--theme-color-weak-text);
898
+ --theme-btn-invisible-danger--border-color: var(--theme-color-0);
899
+ --theme-btn-invisible-danger--border-color--hover: var(--theme-color-0);
900
+ --theme-btn-invisible-danger--border-color--active: var(--theme-color-0);
901
+ --theme-btn-invisible-danger--border-color--disabled: var(--theme-color-0);
866
902
  }
867
903
  }
@@ -863,5 +863,41 @@
863
863
  --theme-btn-outline-primary--border-color--active: var(--theme-color-dynamic);
864
864
  --theme-btn-outline-primary--border-color--disabled: var(--theme-color-component-4);
865
865
  --theme-table-selection--border-color: var(--theme-color-0);
866
+ --theme-btn-danger--background: var(--theme-color-alarm);
867
+ --theme-btn-danger--background--hover: var(--theme-color-alarm--hover);
868
+ --theme-btn-danger--background--active: var(--theme-color-alarm--active);
869
+ --theme-btn-danger--background--disabled: var(--theme-color-component-4);
870
+ --theme-btn-danger--color: var(--theme-color-alarm--contrast);
871
+ --theme-btn-danger--color--hover: var(--theme-color-alarm--contrast);
872
+ --theme-btn-danger--color--active: var(--theme-color-alarm--contrast);
873
+ --theme-btn-danger--color--disabled: var(--theme-color-primary--contrast);
874
+ --theme-btn-danger--border-color: var(--theme-color-0);
875
+ --theme-btn-danger--border-color--hover: var(--theme-color-0);
876
+ --theme-btn-danger--border-color--active: var(--theme-color-0);
877
+ --theme-btn-danger--border-color--disabled: var(--theme-color-0);
878
+ --theme-btn-outline-danger--background: var(--theme-color-1);
879
+ --theme-btn-outline-danger--background--hover: var(--theme-color-1--hover);
880
+ --theme-btn-outline-danger--background--active: var(--theme-color-1--active);
881
+ --theme-btn-outline-danger--background--disabled: var(--theme-color-ghost);
882
+ --theme-btn-outline-danger--color: var(--theme-color-alarm);
883
+ --theme-btn-outline-danger--color--hover: var(--theme-color-alarm--hover);
884
+ --theme-btn-outline-danger--color--active: var(--theme-color-alarm--active);
885
+ --theme-btn-outline-danger--color--disabled: var(--theme-color-weak-text);
886
+ --theme-btn-outline-danger--border-color: var(--theme-color-alarm);
887
+ --theme-btn-outline-danger--border-color--hover: var(--theme-color-alarm--hover);
888
+ --theme-btn-outline-danger--border-color--active: var(--theme-color-alarm--active);
889
+ --theme-btn-outline-danger--border-color--disabled: var(--theme-color-component-4);
890
+ --theme-btn-invisible-danger--background: var(--theme-color-ghost);
891
+ --theme-btn-invisible-danger--background--hover: var(--theme-color-ghost--hover);
892
+ --theme-btn-invisible-danger--background--active: var(--theme-color-ghost--active);
893
+ --theme-btn-invisible-danger--background--disabled: var(--theme-color-ghost);
894
+ --theme-btn-invisible-danger--color: var(--theme-color-alarm-text);
895
+ --theme-btn-invisible-danger--color--hover: var(--theme-color-alarm-text);
896
+ --theme-btn-invisible-danger--color--active: var(--theme-color-alarm-text);
897
+ --theme-btn-invisible-danger--color--disabled: var(--theme-color-weak-text);
898
+ --theme-btn-invisible-danger--border-color: var(--theme-color-0);
899
+ --theme-btn-invisible-danger--border-color--hover: var(--theme-color-0);
900
+ --theme-btn-invisible-danger--border-color--active: var(--theme-color-0);
901
+ --theme-btn-invisible-danger--border-color--disabled: var(--theme-color-0);
866
902
  }
867
903
  }
@@ -1 +0,0 @@
1
- {"file":"base-button-2f74b19d.js","mappings":";;;;AAAA;;;;;;;;AAcA,MAAM,SAAS,GAAG,CAAC,OAAe;IAChC,OAAO,OAAO,CAAC,WAAW,EAAE,KAAK,SAAS,CAAC,WAAW,EAAE,CAAC;AAC3D,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,OAAe;IAClC,OAAO,OAAO,CAAC,WAAW,EAAE,KAAK,WAAW,CAAC,WAAW,EAAE,CAAC;AAC7D,CAAC,CAAC;MAEW,gBAAgB,GAAG,CAC9B,OAAsB,EACtB,OAAgB,EAChB,KAAc,EACd,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAiB,EACjB,QAAiB;IAEjB,OAAO;QACL,GAAG,EAAE,IAAI;QACT,aAAa,EAAE,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK;QACvD,qBAAqB,EAAE,SAAS,CAAC,OAAO,CAAC,IAAI,OAAO,IAAI,CAAC,KAAK;QAC9D,uBAAuB,EAAE,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,IAAI,KAAK;QAChE,eAAe,EAAE,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK;QAC3D,uBAAuB,EAAE,WAAW,CAAC,OAAO,CAAC,IAAI,OAAO,IAAI,CAAC,KAAK;QAClE,yBAAyB,EAAE,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,IAAI,KAAK;QACpE,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,QAAQ;KACnB,CAAC;AACJ,EAAE;SAuBc,UAAU,CAAC,KAAsB,EAAE,QAAQ;;IACzD,MAAM,YAAY,GAAG,MAAA,KAAK,CAAC,YAAY,mCAAI,EAAE,CAAC;IAE9C,QACEA,oCACM,KAAK,CAAC,cAAc,IACxB,OAAO,EAAE,CAAC,CAAQ,MAAM,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EACrE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,MAAA,KAAK,CAAC,QAAQ,mCAAI,CAAC,EACnD,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,kCACA,gBAAgB,CACjB,KAAK,CAAC,OAAO,EACb,KAAK,CAAC,OAAO,EACb,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,CAChC,GACE,YAAY;QAGhB,KAAK,CAAC,OAAO,GAAGA,wBAAY,IAAI,EAAC,OAAO,EAAC,SAAS,SAAc,GAAG,IAAI;QACvE,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAC3BA,qBACE,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,QAAe,EAC3B,KAAK,EAAE,KAAK,CAAC,SAAS,GACb,IACT,IAAI;QACRA,iBACE,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;gBACb,CAAC,WAAW,KAAK,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,SAAS;aAClD,IAEA,QAAQ,CACL;QACL,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CACxC,EACT;AACJ;;;;;","names":["h"],"sources":["src/components/button/base-button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { h } from '@stencil/core';\nimport { A11yAttributes } from '../utils/a11y';\nimport { ButtonVariant } from './button';\n\nexport type ButtonAlignment = 'center' | 'start';\n\nconst isPrimary = (variant: string) => {\n return variant.toUpperCase() === 'Primary'.toUpperCase();\n};\n\nconst isSecondary = (variant: string) => {\n return variant.toUpperCase() === 'Secondary'.toUpperCase();\n};\n\nexport const getButtonClasses = (\n variant: ButtonVariant,\n outline: boolean,\n ghost: boolean,\n iconOnly = false,\n iconOval = false,\n selected: boolean,\n disabled: boolean\n) => {\n return {\n btn: true,\n 'btn-primary': isPrimary(variant) && !outline && !ghost,\n 'btn-outline-primary': isPrimary(variant) && outline && !ghost,\n 'btn-invisible-primary': isPrimary(variant) && !outline && ghost,\n 'btn-secondary': isSecondary(variant) && !outline && !ghost,\n 'btn-outline-secondary': isSecondary(variant) && outline && !ghost,\n 'btn-invisible-secondary': isSecondary(variant) && !outline && ghost,\n 'btn-icon': iconOnly,\n 'btn-oval': iconOval,\n selected: selected,\n disabled: disabled,\n };\n};\n\nexport type BaseButtonProps = {\n type: string;\n variant: ButtonVariant;\n outline: boolean;\n ghost: boolean;\n iconOnly: boolean;\n iconOval: boolean;\n selected: boolean;\n disabled: boolean;\n loading: boolean;\n icon: string;\n onClick?: Function;\n ariaAttributes?: A11yAttributes;\n extraClasses?: { [key: string]: boolean };\n iconSize?: string;\n iconColor?: string;\n alignment?: ButtonAlignment;\n tabIndex?: number;\n afterContent?: any;\n};\n\nexport function BaseButton(props: BaseButtonProps, children) {\n const extraClasses = props.extraClasses ?? {};\n\n return (\n <button\n {...props.ariaAttributes}\n onClick={(e: Event) => (props.onClick ? props.onClick(e) : undefined)}\n tabindex={props.disabled ? -1 : props.tabIndex ?? 0}\n type={props.type}\n class={{\n ...getButtonClasses(\n props.variant,\n props.outline,\n props.ghost,\n props.iconOnly,\n props.iconOval,\n props.selected,\n props.disabled || props.loading\n ),\n ...extraClasses,\n }}\n >\n {props.loading ? <ix-spinner size=\"small\" hideTrack></ix-spinner> : null}\n {props.icon && !props.loading ? (\n <ix-icon\n class=\"icon\"\n name={props.icon}\n size={props.iconSize as any}\n color={props.iconColor}\n ></ix-icon>\n ) : null}\n <div\n class={{\n content: true,\n [`content-${props.alignment}`]: !!props.alignment,\n }}\n >\n {children}\n </div>\n {props.afterContent ? props.afterContent : null}\n </button>\n );\n}\n"],"version":3}