@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.
- package/components/base-button.js +26 -3
- package/components/base-button.js.map +1 -1
- package/components/breadcrumb-item.js +1 -1
- package/components/breadcrumb-item.js.map +1 -1
- package/components/button.js +3 -3
- package/components/button.js.map +1 -1
- package/components/date-picker.js +4 -4
- package/components/date-picker.js.map +1 -1
- package/components/dropdown.js +29 -12
- package/components/dropdown.js.map +1 -1
- package/components/icon-button.js +2 -2
- package/components/icon-button.js.map +1 -1
- package/components/ix-blind.js +1 -1
- package/components/ix-blind.js.map +1 -1
- package/components/ix-category-filter.js +1 -1
- package/components/ix-category-filter.js.map +1 -1
- package/components/ix-date-dropdown.js +14 -5
- package/components/ix-date-dropdown.js.map +1 -1
- package/components/ix-icon-toggle-button.js +1 -1
- package/components/ix-icon-toggle-button.js.map +1 -1
- package/components/ix-pagination.js +1 -1
- package/components/ix-pagination.js.map +1 -1
- package/components/ix-workflow-step.js +4 -4
- package/components/ix-workflow-step.js.map +1 -1
- package/components/ix-workflow-steps.js +1 -1
- package/components/ix-workflow-steps.js.map +1 -1
- package/components/tooltip.js +5 -2
- package/components/tooltip.js.map +1 -1
- package/dist/cjs/{app-globals-7ea20f68.js → app-globals-5cfdf2a0.js} +2 -2
- package/dist/cjs/{app-globals-7ea20f68.js.map → app-globals-5cfdf2a0.js.map} +1 -1
- package/dist/cjs/{base-button-2f74b19d.js → base-button-7c45a6c4.js} +27 -4
- package/dist/cjs/base-button-7c45a6c4.js.map +1 -0
- package/dist/cjs/{base-icon-button-848c77f2.js → base-icon-button-ac2fcf4b.js} +2 -2
- package/dist/cjs/{base-icon-button-848c77f2.js.map → base-icon-button-ac2fcf4b.js.map} +1 -1
- package/dist/cjs/{core-js-a890bac8.js → core-js-2fc351ee.js} +1 -1
- package/dist/cjs/{core-js-a890bac8.js.map → core-js-2fc351ee.js.map} +1 -1
- package/dist/cjs/dom-83fb07d8.js.map +1 -1
- package/dist/cjs/{index.es2017-0db94b91.js → index.es2017-0c2b80b6.js} +3 -3
- package/dist/cjs/{index.es2017-0db94b91.js.map → index.es2017-0c2b80b6.js.map} +1 -1
- package/dist/cjs/ix-avatar_2.cjs.entry.js +1 -1
- package/dist/cjs/ix-blind.cjs.entry.js +1 -1
- package/dist/cjs/ix-blind.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +2 -2
- package/dist/cjs/ix-breadcrumb-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-button.cjs.entry.js +4 -4
- package/dist/cjs/ix-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-category-filter.cjs.entry.js +2 -2
- package/dist/cjs/ix-category-filter.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-col_4.cjs.entry.js +4 -4
- package/dist/cjs/ix-col_4.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-date-dropdown.cjs.entry.js +11 -4
- package/dist/cjs/ix-date-dropdown.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-dropdown.cjs.entry.js +28 -12
- package/dist/cjs/ix-dropdown.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-icon-button_2.cjs.entry.js +4 -4
- package/dist/cjs/ix-icon-button_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +3 -3
- package/dist/cjs/ix-icon-toggle-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-icon.entry-e95ddded.js +1533 -0
- package/dist/cjs/ix-icon.entry-e95ddded.js.map +1 -0
- package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +1 -1
- package/dist/cjs/ix-pagination.cjs.entry.js +2 -2
- package/dist/cjs/ix-pagination.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-toggle-button.cjs.entry.js +1 -1
- package/dist/cjs/ix-tooltip.cjs.entry.js +5 -2
- package/dist/cjs/ix-tooltip.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-workflow-step.cjs.entry.js +4 -4
- package/dist/cjs/ix-workflow-step.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-workflow-steps.cjs.entry.js +1 -1
- package/dist/cjs/ix-workflow-steps.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/siemens-ix.cjs.js +2 -2
- package/dist/collection/components/action-card/action-card.js.map +1 -1
- package/dist/collection/components/application/application.js.map +1 -1
- package/dist/collection/components/application-header/application-header.js.map +1 -1
- package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.js.map +1 -1
- package/dist/collection/components/application-header/test/application-header.ct.js.map +1 -1
- package/dist/collection/components/application-sidebar/application-sidebar.js.map +1 -1
- package/dist/collection/components/application-sidebar/events.js.map +1 -1
- package/dist/collection/components/avatar/avatar.js.map +1 -1
- package/dist/collection/components/avatar/test/avatar.ct.js.map +1 -1
- package/dist/collection/components/basic-navigation/basic-navigation.js.map +1 -1
- package/dist/collection/components/blind/blind.css +1 -1
- package/dist/collection/components/blind/blind.js.map +1 -1
- package/dist/collection/components/blind/test/blind.ct.js.map +1 -1
- package/dist/collection/components/breadcrumb/breadcrumb.js.map +1 -1
- package/dist/collection/components/breadcrumb/test/breadcrumb.ct.js.map +1 -1
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +181 -0
- package/dist/collection/components/breadcrumb-item/breadcrumb-item.js.map +1 -1
- package/dist/collection/components/button/base-button.js +25 -2
- package/dist/collection/components/button/base-button.js.map +1 -1
- package/dist/collection/components/button/button.css +181 -0
- package/dist/collection/components/button/button.js +7 -4
- package/dist/collection/components/button/button.js.map +1 -1
- package/dist/collection/components/button/test/button.ct.js +11 -0
- package/dist/collection/components/button/test/button.ct.js.map +1 -1
- package/dist/collection/components/button/test/button.spec.js.map +1 -1
- package/dist/collection/components/card/card.js.map +1 -1
- package/dist/collection/components/card-accordion/card-accordion.js.map +1 -1
- package/dist/collection/components/card-content/card-content.js.map +1 -1
- package/dist/collection/components/card-list/card-list.js.map +1 -1
- package/dist/collection/components/card-title/card-title.js.map +1 -1
- package/dist/collection/components/category-filter/category-filter.css +181 -0
- package/dist/collection/components/category-filter/category-filter.js.map +1 -1
- package/dist/collection/components/category-filter/filter-state.js.map +1 -1
- package/dist/collection/components/category-filter/input-state.js.map +1 -1
- package/dist/collection/components/category-filter/logical-filter-operator.js.map +1 -1
- package/dist/collection/components/chip/chip.js.map +1 -1
- package/dist/collection/components/col/col.js.map +1 -1
- package/dist/collection/components/content/content.js.map +1 -1
- package/dist/collection/components/content-header/content-header.js.map +1 -1
- package/dist/collection/components/css-grid/builder.js.map +1 -1
- package/dist/collection/components/css-grid/css-grid-item.js.map +1 -1
- package/dist/collection/components/css-grid/css-grid.js.map +1 -1
- package/dist/collection/components/date-dropdown/date-dropdown.js +33 -3
- package/dist/collection/components/date-dropdown/date-dropdown.js.map +1 -1
- package/dist/collection/components/date-dropdown/test/date-dropdown.ct.js +43 -0
- package/dist/collection/components/date-dropdown/test/date-dropdown.ct.js.map +1 -1
- package/dist/collection/components/date-picker/date-picker.js +4 -4
- package/dist/collection/components/date-picker/date-picker.js.map +1 -1
- package/dist/collection/components/date-picker/test/date-picker.ct.js.map +1 -1
- package/dist/collection/components/date-time-card/date-time-card.js.map +1 -1
- package/dist/collection/components/datetime-picker/datetime-picker.js.map +1 -1
- package/dist/collection/components/datetime-picker/test/datetime-picker.ct.js.map +1 -1
- package/dist/collection/components/divider/divider.js.map +1 -1
- package/dist/collection/components/drawer/drawer.js.map +1 -1
- package/dist/collection/components/drawer/test/drawer.ct.js.map +1 -1
- package/dist/collection/components/drawer/test/drawer.spec.js.map +1 -1
- package/dist/collection/components/dropdown/dropdown-controller.js +19 -6
- package/dist/collection/components/dropdown/dropdown-controller.js.map +1 -1
- package/dist/collection/components/dropdown/dropdown.js +30 -6
- package/dist/collection/components/dropdown/dropdown.js.map +1 -1
- package/dist/collection/components/dropdown/placement.js.map +1 -1
- package/dist/collection/components/dropdown/test/dropdown-controller.spec.js.map +1 -1
- package/dist/collection/components/dropdown/test/dropdown.ct.js.map +1 -1
- package/dist/collection/components/dropdown-button/dropdown-button.js +1 -1
- package/dist/collection/components/dropdown-button/dropdown-button.js.map +1 -1
- package/dist/collection/components/dropdown-header/dropdown-header.js.map +1 -1
- package/dist/collection/components/dropdown-item/dropdown-item.js.map +1 -1
- package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js.map +1 -1
- package/dist/collection/components/empty-state/empty-state.js.map +1 -1
- package/dist/collection/components/event-list/event-list.js.map +1 -1
- package/dist/collection/components/event-list/test/event-list.ct.js.map +1 -1
- package/dist/collection/components/event-list/test/event-list.spec.js.map +1 -1
- package/dist/collection/components/event-list-item/event-list-item.js.map +1 -1
- package/dist/collection/components/event-list-item/test/event-list-item.spec.js.map +1 -1
- package/dist/collection/components/expanding-search/expanding-search.js.map +1 -1
- package/dist/collection/components/expanding-search/test/expanding-search.ct.js.map +1 -1
- package/dist/collection/components/expanding-search/test/expanding-search.spec.js.map +1 -1
- package/dist/collection/components/filter-chip/filter-chip.js.map +1 -1
- package/dist/collection/components/flip-tile/flip-tile-state.js.map +1 -1
- package/dist/collection/components/flip-tile/flip-tile.js.map +1 -1
- package/dist/collection/components/flip-tile/test/flip-tile.ct.js.map +1 -1
- package/dist/collection/components/flip-tile-content/flip-tile-content.js.map +1 -1
- package/dist/collection/components/form-field/form-field.js.map +1 -1
- package/dist/collection/components/grid/layout-grid.js.map +1 -1
- package/dist/collection/components/group/group-context-menu.js.map +1 -1
- package/dist/collection/components/group/group.js.map +1 -1
- package/dist/collection/components/group/test/group.ct.js.map +1 -1
- package/dist/collection/components/group-item/group-item.js.map +1 -1
- package/dist/collection/components/icon-button/base-icon-button.js.map +1 -1
- package/dist/collection/components/icon-button/icon-button.css +181 -0
- package/dist/collection/components/icon-button/icon-button.js +6 -3
- package/dist/collection/components/icon-button/icon-button.js.map +1 -1
- package/dist/collection/components/icon-button/test/icon-button.ct.js.map +1 -1
- package/dist/collection/components/icon-button/test/icon-button.spec.js.map +1 -1
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +181 -0
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +1 -1
- package/dist/collection/components/icon-toggle-button/icon-toggle-button.js.map +1 -1
- package/dist/collection/components/input-group/input-group.js.map +1 -1
- package/dist/collection/components/input-group/tests/input-group.ct.js.map +1 -1
- package/dist/collection/components/key-value/key-value.js.map +1 -1
- package/dist/collection/components/key-value-list/key-value-list.js.map +1 -1
- package/dist/collection/components/kpi/kpi.js.map +1 -1
- package/dist/collection/components/link-button/link-button.js.map +1 -1
- package/dist/collection/components/map-navigation/map-navigation.js.map +1 -1
- package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js.map +1 -1
- package/dist/collection/components/menu/menu-expand-icon.js.map +1 -1
- package/dist/collection/components/menu/menu.js.map +1 -1
- package/dist/collection/components/menu/test/menu.ct.js.map +1 -1
- package/dist/collection/components/menu-about/menu-about.js.map +1 -1
- package/dist/collection/components/menu-about-item/menu-about-item.js.map +1 -1
- package/dist/collection/components/menu-about-news/menu-about-news.js.map +1 -1
- package/dist/collection/components/menu-avatar/menu-avatar.js.map +1 -1
- package/dist/collection/components/menu-avatar-item/menu-avatar-item.js.map +1 -1
- package/dist/collection/components/menu-avatar-item/test/menu-avatar-item.ct.js.map +1 -1
- package/dist/collection/components/menu-category/enter-leave.js.map +1 -1
- package/dist/collection/components/menu-category/menu-category.js.map +1 -1
- package/dist/collection/components/menu-category/test/menu-category.ct.js.map +1 -1
- package/dist/collection/components/menu-item/menu-item.js.map +1 -1
- package/dist/collection/components/menu-item/test/menu-item.ct.js.map +1 -1
- package/dist/collection/components/menu-settings/menu-settings.js.map +1 -1
- package/dist/collection/components/menu-settings-item/menu-settings-item.js.map +1 -1
- package/dist/collection/components/message-bar/message-bar.js.map +1 -1
- package/dist/collection/components/message-bar/test/message-bar.spec.js.map +1 -1
- package/dist/collection/components/modal/modal.js.map +1 -1
- package/dist/collection/components/modal/test/modal.ct.js.map +1 -1
- package/dist/collection/components/modal-content/modal-content.js.map +1 -1
- package/dist/collection/components/modal-footer/modal-footer.js.map +1 -1
- package/dist/collection/components/modal-header/modal-header.js.map +1 -1
- package/dist/collection/components/modal-loading/modal-loading.js.map +1 -1
- package/dist/collection/components/pagination/pagination.css +181 -0
- package/dist/collection/components/pagination/pagination.js.map +1 -1
- package/dist/collection/components/pagination/test/pagination.ct.js.map +1 -1
- package/dist/collection/components/pagination/test/pagination.spec.js.map +1 -1
- package/dist/collection/components/pane/pane.js.map +1 -1
- package/dist/collection/components/pane/test/panes.ct.js.map +1 -1
- package/dist/collection/components/pane-layout/pane-layout.js.map +1 -1
- package/dist/collection/components/pane-layout/test/pane-layout.ct.js.map +1 -1
- package/dist/collection/components/pill/pill.js.map +1 -1
- package/dist/collection/components/playground/example-modal.js.map +1 -1
- package/dist/collection/components/playground/playground.js.map +1 -1
- package/dist/collection/components/push-card/push-card.js.map +1 -1
- package/dist/collection/components/row/row.js.map +1 -1
- package/dist/collection/components/select/select.js.map +1 -1
- package/dist/collection/components/select/test/select.ct.js.map +1 -1
- package/dist/collection/components/select-item/events.js.map +1 -1
- package/dist/collection/components/select-item/select-item.js.map +1 -1
- package/dist/collection/components/select-item/test/select-item.spec.js.map +1 -1
- package/dist/collection/components/slider/slider.js.map +1 -1
- package/dist/collection/components/slider/test/slider.ct.js.map +1 -1
- package/dist/collection/components/spinner/spinner.js.map +1 -1
- package/dist/collection/components/split-button/split-button.js +1 -1
- package/dist/collection/components/split-button/split-button.js.map +1 -1
- package/dist/collection/components/split-button-item/split-button-item.js.map +1 -1
- package/dist/collection/components/tab-item/tab-item.js.map +1 -1
- package/dist/collection/components/tabs/tabs.js.map +1 -1
- package/dist/collection/components/tabs/test/tabs.ct.js.map +1 -1
- package/dist/collection/components/tile/tile.js.map +1 -1
- package/dist/collection/components/time-picker/test/time-picker.ct.js.map +1 -1
- package/dist/collection/components/time-picker/time-picker.js.map +1 -1
- package/dist/collection/components/toast/toast-container.js.map +1 -1
- package/dist/collection/components/toast/toast-utils.js.map +1 -1
- package/dist/collection/components/toast/toast.js.map +1 -1
- package/dist/collection/components/toggle/test/toggle.ct.js.map +1 -1
- package/dist/collection/components/toggle/toggle.js.map +1 -1
- package/dist/collection/components/toggle-button/toggle-button.js +1 -1
- package/dist/collection/components/toggle-button/toggle-button.js.map +1 -1
- package/dist/collection/components/tooltip/test/tooltip.ct.js.map +1 -1
- package/dist/collection/components/tooltip/tooltip-controller.js.map +1 -1
- package/dist/collection/components/tooltip/tooltip.js +5 -2
- package/dist/collection/components/tooltip/tooltip.js.map +1 -1
- package/dist/collection/components/tree/test/tree.ct.js.map +1 -1
- package/dist/collection/components/tree/tree-model.js.map +1 -1
- package/dist/collection/components/tree/tree.js.map +1 -1
- package/dist/collection/components/tree-item/default-tree-item.js.map +1 -1
- package/dist/collection/components/tree-item/tree-item.js.map +1 -1
- package/dist/collection/components/typography/test/ix-typography.spec.js.map +1 -1
- package/dist/collection/components/typography/type-mapping.js.map +1 -1
- package/dist/collection/components/typography/typography.js.map +1 -1
- package/dist/collection/components/upload/upload-file-state.js.map +1 -1
- package/dist/collection/components/upload/upload.js.map +1 -1
- package/dist/collection/components/utils/a11y.js.map +1 -1
- package/dist/collection/components/utils/animation.js.map +1 -1
- package/dist/collection/components/utils/app-switch/index.js.map +1 -1
- package/dist/collection/components/utils/application-layout/context.js.map +1 -1
- package/dist/collection/components/utils/application-layout/index.js.map +1 -1
- package/dist/collection/components/utils/application-layout/service.js.map +1 -1
- package/dist/collection/components/utils/breakpoints.js.map +1 -1
- package/dist/collection/components/utils/condition-checks.js.map +1 -1
- package/dist/collection/components/utils/context.js.map +1 -1
- package/dist/collection/components/utils/debounce.js.map +1 -1
- package/dist/collection/components/utils/delegate.js.map +1 -1
- package/dist/collection/components/utils/focus.js.map +1 -1
- package/dist/collection/components/utils/internal/component.js.map +1 -1
- package/dist/collection/components/utils/internal/index.js.map +1 -1
- package/dist/collection/components/utils/listener.js.map +1 -1
- package/dist/collection/components/utils/make-ref.js.map +1 -1
- package/dist/collection/components/utils/menu-service/menu-service.js.map +1 -1
- package/dist/collection/components/utils/menu-tabs/menu-tabs-fc.js.map +1 -1
- package/dist/collection/components/utils/menu-tabs/menu-tabs-utils.js.map +1 -1
- package/dist/collection/components/utils/modal/index.js.map +1 -1
- package/dist/collection/components/utils/modal/loading.js.map +1 -1
- package/dist/collection/components/utils/modal/message.js.map +1 -1
- package/dist/collection/components/utils/modal/modal.js.map +1 -1
- package/dist/collection/components/utils/mutation-observer.js.map +1 -1
- package/dist/collection/components/utils/notification-color.js.map +1 -1
- package/dist/collection/components/utils/overlay.js.map +1 -1
- package/dist/collection/components/utils/requestAnimationFrame.js.map +1 -1
- package/dist/collection/components/utils/rwd.util.js.map +1 -1
- package/dist/collection/components/utils/shadow-dom.js.map +1 -1
- package/dist/collection/components/utils/theme-switcher.js.map +1 -1
- package/dist/collection/components/utils/typed-event.js.map +1 -1
- package/dist/collection/components/utils/waitForElement.js.map +1 -1
- package/dist/collection/components/validation-tooltip/validation-tooltip.js.map +1 -1
- package/dist/collection/components/workflow-step/workflow-step.css +27 -7
- package/dist/collection/components/workflow-step/workflow-step.js +3 -3
- package/dist/collection/components/workflow-step/workflow-step.js.map +1 -1
- package/dist/collection/components/workflow-steps/test/workflow-steps.ct.js.map +1 -1
- package/dist/collection/components/workflow-steps/test/workflow-steps.spec.js.map +1 -1
- package/dist/collection/components/workflow-steps/workflow-steps.css +9 -1
- package/dist/collection/components/workflow-steps/workflow-steps.js.map +1 -1
- package/dist/collection/index.js.map +1 -1
- package/dist/collection/setup.js.map +1 -1
- package/dist/collection/tests/action-card/action-card.e2e.js.map +1 -1
- package/dist/collection/tests/application/application.e2e.js.map +1 -1
- package/dist/collection/tests/application-header/application-header.e2e.js.map +1 -1
- package/dist/collection/tests/avatar/avatar.e2e.js.map +1 -1
- package/dist/collection/tests/basic-navigation/basic-navigation.e2e.js.map +1 -1
- package/dist/collection/tests/blind/blind.e2e.js.map +1 -1
- package/dist/collection/tests/breadcrumb/breadcrumb.e2e.js.map +1 -1
- package/dist/collection/tests/button/button.e2e.js.map +1 -1
- package/dist/collection/tests/card/card.e2e.js.map +1 -1
- package/dist/collection/tests/card-list/card-list.e2e.js.map +1 -1
- package/dist/collection/tests/category-filter/category-filter.e2e.js.map +1 -1
- package/dist/collection/tests/checkbox/checkbox.e2e.js.map +1 -1
- package/dist/collection/tests/chip/chip.e2e.js.map +1 -1
- package/dist/collection/tests/content-header/content-header.e2e.js.map +1 -1
- package/dist/collection/tests/date-dropdown/date-dropdown.e2e.js.map +1 -1
- package/dist/collection/tests/date-picker/date-picker.e2e.js.map +1 -1
- package/dist/collection/tests/date-picker-rework/date-picker-rework.e2e.js.map +1 -1
- package/dist/collection/tests/datetime-picker/datetime-picker.e2e.js.map +1 -1
- package/dist/collection/tests/datetime-picker-rework/datetime-picker-rework.e2e.js.map +1 -1
- package/dist/collection/tests/divider/divider.e2e.js.map +1 -1
- package/dist/collection/tests/drawer/drawer.e2e.js.map +1 -1
- package/dist/collection/tests/dropdown/dropdown.e2e.js.map +1 -1
- package/dist/collection/tests/dropdown-button/dropdown-button.e2e.js.map +1 -1
- package/dist/collection/tests/dropdown-quick-actions/dropdown-quick-actions.e2e.js.map +1 -1
- package/dist/collection/tests/empty-state/empty-state.e2e.js.map +1 -1
- package/dist/collection/tests/event-list/event-list.e2e.js.map +1 -1
- package/dist/collection/tests/expanding-search/expanding-search.e2e.js.map +1 -1
- package/dist/collection/tests/flip-tile/flip-tile.e2e.js.map +1 -1
- package/dist/collection/tests/fonts/fonts.e2e.js.map +1 -1
- package/dist/collection/tests/group/group.e2e.js.map +1 -1
- package/dist/collection/tests/html-table/html-table.e2e.js.map +1 -1
- package/dist/collection/tests/icon/icon.e2e.js.map +1 -1
- package/dist/collection/tests/icon-button/icon-button.e2e.js +34 -2
- package/dist/collection/tests/icon-button/icon-button.e2e.js.map +1 -1
- package/dist/collection/tests/icon-toggle-button/toggle-button.e2e.js.map +1 -1
- package/dist/collection/tests/input/input.e2e.js.map +1 -1
- package/dist/collection/tests/input-group/input-group.e2e.js.map +1 -1
- package/dist/collection/tests/key-value/key-value.e2e.js.map +1 -1
- package/dist/collection/tests/key-value-list/key-value-list.e2e.js.map +1 -1
- package/dist/collection/tests/kpi/kpi.e2e.js.map +1 -1
- package/dist/collection/tests/layout-grid/layout-grid.e2e.js.map +1 -1
- package/dist/collection/tests/link-button/link-button.e2e.js.map +1 -1
- package/dist/collection/tests/map-navigation/map-navigation.e2e.js.map +1 -1
- package/dist/collection/tests/map-navigation-overlay/map-navigation.e2e.js.map +1 -1
- package/dist/collection/tests/menu/menu.e2e.js.map +1 -1
- package/dist/collection/tests/menu-about/menu-about.e2e.js.map +1 -1
- package/dist/collection/tests/menu-about-news/menu-about-news.e2e.js.map +1 -1
- package/dist/collection/tests/menu-avatar/menu-avatar.e2e.js.map +1 -1
- package/dist/collection/tests/menu-settings/menu-settings.e2e.js.map +1 -1
- package/dist/collection/tests/message-bar/message-bar.e2e.js.map +1 -1
- package/dist/collection/tests/modal/modal.e2e.js.map +1 -1
- package/dist/collection/tests/pagination/pagination.e2e.js.map +1 -1
- package/dist/collection/tests/panes/panes.e2e.js.map +1 -1
- package/dist/collection/tests/pill/pill.e2e.js.map +1 -1
- package/dist/collection/tests/push-card/push-card.e2e.js.map +1 -1
- package/dist/collection/tests/radiobutton/radiobutton.e2e.js.map +1 -1
- package/dist/collection/tests/select/select.e2e.js.map +1 -1
- package/dist/collection/tests/slider/slider.e2e.js.map +1 -1
- package/dist/collection/tests/spinner/spinner.e2e.js.map +1 -1
- package/dist/collection/tests/split-button/split-button.e2e.js.map +1 -1
- package/dist/collection/tests/tabs/tabs.e2e.js.map +1 -1
- package/dist/collection/tests/textarea/textarea.e2e.js.map +1 -1
- package/dist/collection/tests/tile/tile.e2e.js.map +1 -1
- package/dist/collection/tests/time-picker-rework/time-picker-rework.e2e.js.map +1 -1
- package/dist/collection/tests/toast/toast.e2e.js.map +1 -1
- package/dist/collection/tests/toggle/toggle.e2e.js.map +1 -1
- package/dist/collection/tests/toggle-button/toggle-button.e2e.js.map +1 -1
- package/dist/collection/tests/tooltip/tooltip.e2e.js.map +1 -1
- package/dist/collection/tests/tree/tree.e2e.js.map +1 -1
- package/dist/collection/tests/typography/typography.e2e.js.map +1 -1
- package/dist/collection/tests/upload/upload.e2e.js.map +1 -1
- package/dist/collection/tests/utils/test/index.js.map +1 -1
- package/dist/collection/tests/utils/test/page.js.map +1 -1
- package/dist/collection/tests/workflow-steps/workflow-steps.e2e.js.map +1 -1
- package/dist/esm/{app-globals-bdfc5499.js → app-globals-0cd07cd9.js} +2 -2
- package/dist/esm/{app-globals-bdfc5499.js.map → app-globals-0cd07cd9.js.map} +1 -1
- package/dist/esm/{base-button-37b915d6.js → base-button-3ac703a7.js} +27 -4
- package/dist/esm/base-button-3ac703a7.js.map +1 -0
- package/dist/esm/{base-icon-button-976ef0f6.js → base-icon-button-59eb1fe5.js} +2 -2
- package/dist/esm/{base-icon-button-976ef0f6.js.map → base-icon-button-59eb1fe5.js.map} +1 -1
- package/dist/esm/{core-js-1c33b685.js → core-js-78b486a8.js} +1 -1
- package/dist/esm/{core-js-1c33b685.js.map → core-js-78b486a8.js.map} +1 -1
- package/dist/esm/dom-64ac48b5.js.map +1 -1
- package/dist/esm/{index.es2017-45304832.js → index.es2017-93ac816c.js} +3 -3
- package/dist/esm/{index.es2017-45304832.js.map → index.es2017-93ac816c.js.map} +1 -1
- package/dist/esm/ix-avatar_2.entry.js +1 -1
- package/dist/esm/ix-blind.entry.js +1 -1
- package/dist/esm/ix-blind.entry.js.map +1 -1
- package/dist/esm/ix-breadcrumb-item.entry.js +2 -2
- package/dist/esm/ix-breadcrumb-item.entry.js.map +1 -1
- package/dist/esm/ix-button.entry.js +4 -4
- package/dist/esm/ix-button.entry.js.map +1 -1
- package/dist/esm/ix-category-filter.entry.js +2 -2
- package/dist/esm/ix-category-filter.entry.js.map +1 -1
- package/dist/esm/ix-col_4.entry.js +4 -4
- package/dist/esm/ix-col_4.entry.js.map +1 -1
- package/dist/esm/ix-date-dropdown.entry.js +11 -4
- package/dist/esm/ix-date-dropdown.entry.js.map +1 -1
- package/dist/esm/ix-dropdown.entry.js +28 -12
- package/dist/esm/ix-dropdown.entry.js.map +1 -1
- package/dist/esm/ix-icon-button_2.entry.js +4 -4
- package/dist/esm/ix-icon-button_2.entry.js.map +1 -1
- package/dist/esm/ix-icon-toggle-button.entry.js +3 -3
- package/dist/esm/ix-icon-toggle-button.entry.js.map +1 -1
- package/dist/esm/ix-icon.entry-621b700a.js +1531 -0
- package/dist/esm/ix-icon.entry-621b700a.js.map +1 -0
- package/dist/esm/ix-menu-expand-icon.entry.js +1 -1
- package/dist/esm/ix-pagination.entry.js +2 -2
- package/dist/esm/ix-pagination.entry.js.map +1 -1
- package/dist/esm/ix-toggle-button.entry.js +1 -1
- package/dist/esm/ix-tooltip.entry.js +5 -2
- package/dist/esm/ix-tooltip.entry.js.map +1 -1
- package/dist/esm/ix-workflow-step.entry.js +4 -4
- package/dist/esm/ix-workflow-step.entry.js.map +1 -1
- package/dist/esm/ix-workflow-steps.entry.js +1 -1
- package/dist/esm/ix-workflow-steps.entry.js.map +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/siemens-ix.js +2 -2
- package/dist/siemens-ix/p-01b8b98c.entry.js +2 -0
- package/dist/siemens-ix/{p-8d161202.entry.js.map → p-01b8b98c.entry.js.map} +1 -1
- package/dist/siemens-ix/p-0fee2dd5.entry.js +2 -0
- package/dist/siemens-ix/p-0fee2dd5.entry.js.map +1 -0
- package/dist/siemens-ix/p-18a1c4dd.entry.js +2 -0
- package/dist/siemens-ix/p-18a1c4dd.entry.js.map +1 -0
- package/dist/siemens-ix/p-18a27007.entry.js +2 -0
- package/dist/siemens-ix/p-18a27007.entry.js.map +1 -0
- package/dist/siemens-ix/{p-84430d2c.js → p-1f6df0c6.js} +2 -2
- package/dist/siemens-ix/{p-84430d2c.js.map → p-1f6df0c6.js.map} +1 -1
- package/dist/siemens-ix/p-213f16d5.entry.js +2 -0
- package/dist/siemens-ix/{p-64c895ac.entry.js.map → p-213f16d5.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-7702a8c2.js → p-235c14ca.js} +2 -2
- package/dist/siemens-ix/p-2459f98f.entry.js +2 -0
- package/dist/siemens-ix/p-2459f98f.entry.js.map +1 -0
- package/dist/siemens-ix/p-2c14670e.entry.js +2 -0
- package/dist/siemens-ix/p-2c14670e.entry.js.map +1 -0
- package/dist/siemens-ix/{p-af74fc62.entry.js → p-306c5ab2.entry.js} +2 -2
- package/dist/siemens-ix/{p-bd310180.entry.js → p-4cf6e817.entry.js} +2 -2
- package/dist/siemens-ix/p-5d43cae8.js.map +1 -1
- package/dist/siemens-ix/p-8362e966.js +2 -0
- package/dist/siemens-ix/p-8362e966.js.map +1 -0
- package/dist/siemens-ix/p-a147b152.entry.js +2 -0
- package/dist/siemens-ix/p-a147b152.entry.js.map +1 -0
- package/dist/siemens-ix/{p-b5c53faf.js → p-a2200306.js} +1 -1
- package/dist/siemens-ix/{p-b5c53faf.js.map → p-a2200306.js.map} +1 -1
- package/dist/siemens-ix/p-a8838a77.js +2 -0
- package/dist/siemens-ix/p-bd576793.entry.js +2 -0
- package/dist/siemens-ix/p-bd576793.entry.js.map +1 -0
- package/dist/siemens-ix/p-bdc57334.entry.js +2 -0
- package/dist/siemens-ix/{p-f7e82b50.entry.js.map → p-bdc57334.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-262026ab.entry.js → p-cf546284.entry.js} +2 -2
- package/dist/siemens-ix/p-cf546284.entry.js.map +1 -0
- package/dist/siemens-ix/{p-ac1d46d6.entry.js → p-def8b3a4.entry.js} +2 -2
- package/dist/siemens-ix/{p-ac1d46d6.entry.js.map → p-def8b3a4.entry.js.map} +1 -1
- package/dist/siemens-ix/p-e4e24f59.entry.js +2 -0
- package/dist/siemens-ix/{p-c29aff68.entry.js.map → p-e4e24f59.entry.js.map} +1 -1
- package/dist/siemens-ix/{p-b02fd2c5.entry.js → p-fb55854a.entry.js} +2 -2
- package/dist/siemens-ix/p-fe87443e.js +2 -0
- package/dist/siemens-ix/p-fe87443e.js.map +1 -0
- package/dist/siemens-ix/siemens-ix.css +72 -0
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/siemens-ix/siemens-ix.esm.js.map +1 -1
- package/dist/siemens-ix/theme/classic-dark.css +1 -1
- package/dist/siemens-ix/theme/classic-light.css +1 -1
- package/dist/types/components/button/base-button.d.ts +3 -0
- package/dist/types/components/button/button.d.ts +2 -1
- package/dist/types/components/date-dropdown/date-dropdown.d.ts +7 -0
- package/dist/types/components/dropdown/dropdown-controller.d.ts +2 -2
- package/dist/types/components/dropdown/dropdown.d.ts +2 -0
- package/dist/types/components/icon-button/icon-button.d.ts +1 -0
- package/dist/types/components.d.ts +15 -0
- package/package.json +1 -1
- package/scss/theme/classic-dark/_color.scss +36 -0
- package/scss/theme/classic-light/_color.scss +36 -0
- package/dist/cjs/base-button-2f74b19d.js.map +0 -1
- package/dist/cjs/ix-icon.entry-01b3822b.js +0 -1487
- package/dist/cjs/ix-icon.entry-01b3822b.js.map +0 -1
- package/dist/esm/base-button-37b915d6.js.map +0 -1
- package/dist/esm/ix-icon.entry-9fafcf35.js +0 -1485
- package/dist/esm/ix-icon.entry-9fafcf35.js.map +0 -1
- package/dist/playwright-ct.config.js +0 -23
- package/dist/playwright-ct.config.js.map +0 -1
- package/dist/playwright.config.js +0 -75
- package/dist/playwright.config.js.map +0 -1
- package/dist/siemens-ix/p-16826ff7.js +0 -2
- package/dist/siemens-ix/p-16d378f3.js +0 -2
- package/dist/siemens-ix/p-16d378f3.js.map +0 -1
- package/dist/siemens-ix/p-262026ab.entry.js.map +0 -1
- package/dist/siemens-ix/p-29b0bef3.entry.js +0 -2
- package/dist/siemens-ix/p-29b0bef3.entry.js.map +0 -1
- package/dist/siemens-ix/p-64c895ac.entry.js +0 -2
- package/dist/siemens-ix/p-6f097cae.entry.js +0 -2
- package/dist/siemens-ix/p-6f097cae.entry.js.map +0 -1
- package/dist/siemens-ix/p-8d161202.entry.js +0 -2
- package/dist/siemens-ix/p-a039faa9.entry.js +0 -2
- package/dist/siemens-ix/p-a039faa9.entry.js.map +0 -1
- package/dist/siemens-ix/p-a4e489ea.js +0 -2
- package/dist/siemens-ix/p-a4e489ea.js.map +0 -1
- package/dist/siemens-ix/p-acdeb192.entry.js +0 -2
- package/dist/siemens-ix/p-acdeb192.entry.js.map +0 -1
- package/dist/siemens-ix/p-c29aff68.entry.js +0 -2
- package/dist/siemens-ix/p-c4d3f089.entry.js +0 -2
- package/dist/siemens-ix/p-c4d3f089.entry.js.map +0 -1
- package/dist/siemens-ix/p-dbf234e5.entry.js +0 -2
- package/dist/siemens-ix/p-dbf234e5.entry.js.map +0 -1
- package/dist/siemens-ix/p-f7e82b50.entry.js +0 -2
- package/dist/siemens-ix/p-fe273de4.entry.js +0 -2
- package/dist/siemens-ix/p-fe273de4.entry.js.map +0 -1
- package/dist/types/Users/daniel/dev/oss/ix/packages/core/.stencil/playwright-ct.config.d.ts +0 -7
- package/dist/types/Users/daniel/dev/oss/ix/packages/core/.stencil/playwright.config.d.ts +0 -7
- /package/dist/siemens-ix/{p-7702a8c2.js.map → p-235c14ca.js.map} +0 -0
- /package/dist/siemens-ix/{p-af74fc62.entry.js.map → p-306c5ab2.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-bd310180.entry.js.map → p-4cf6e817.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-16826ff7.js.map → p-a8838a77.js.map} +0 -0
- /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;
|
|
@@ -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[]):
|
|
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
|
*/
|
|
@@ -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
|
@@ -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}
|