@siemens/ix 3.0.0-alpha.1 → 3.0.0-alpha.3
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/ix-pagination.js +2 -2
- package/components/ix-select-item.js +1 -1
- package/components/ix-select.js +1 -1
- package/components/{p-BtKhV-Qs.js → p-BUgeMHDy.js} +4 -4
- package/components/p-BUgeMHDy.js.map +1 -0
- package/components/{p-D0LOAFeZ.js → p-CNFJ8TIs.js} +3 -3
- package/components/{p-D0LOAFeZ.js.map → p-CNFJ8TIs.js.map} +1 -1
- package/components/p-Dn_WjwtW.js.map +1 -1
- package/components/package.json +2 -1
- package/dist/cjs/index-DIFIjYrm.js.map +1 -1
- package/dist/cjs/ix-filter-chip.ix-select-item.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-filter-chip_2.cjs.entry.js +2 -2
- package/dist/cjs/ix-filter-chip_2.cjs.entry.js.map +1 -1
- package/dist/collection/components/select-item/select-item.js +2 -2
- package/dist/collection/components/select-item/select-item.js.map +1 -1
- package/dist/collection/tests/utils/test/page.js.map +1 -1
- package/dist/esm/index-CrTP-icT.js.map +1 -1
- package/dist/esm/ix-filter-chip.ix-select-item.entry.js.map +1 -1
- package/dist/esm/ix-filter-chip_2.entry.js +2 -2
- package/dist/esm/ix-filter-chip_2.entry.js.map +1 -1
- package/dist/siemens-ix/ix-filter-chip.ix-select-item.entry.esm.js.map +1 -1
- package/dist/siemens-ix/p-CrTP-icT.js.map +1 -1
- package/dist/siemens-ix/{p-0818f6af.entry.js → p-ff85bd49.entry.js} +2 -2
- package/dist/siemens-ix/p-ff85bd49.entry.js.map +1 -0
- package/dist/siemens-ix/siemens-ix-core.css +1 -1
- package/dist/siemens-ix/siemens-ix.esm.js +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/tests/utils/test/page.d.ts +0 -5
- package/hydrate/index.d.ts +259 -0
- package/hydrate/index.js +45609 -0
- package/hydrate/index.mjs +45603 -0
- package/hydrate/package.json +12 -0
- package/package.json +47 -11
- package/components/p-BtKhV-Qs.js.map +0 -1
- package/dist/siemens-ix/p-0818f6af.entry.js.map +0 -1
- package/dist/siemens-ix/theme/legacy-classic-dark.css +0 -1
- package/dist/siemens-ix/theme/legacy-classic-light.css +0 -1
- package/scss/theme/legacy-classic-dark/_border.scss +0 -35
- package/scss/theme/legacy-classic-dark/_borderRadius.scss +0 -24
- package/scss/theme/legacy-classic-dark/_borderWidth.scss +0 -18
- package/scss/theme/legacy-classic-dark/_boxShadow.scss +0 -19
- package/scss/theme/legacy-classic-dark/_color.scss +0 -864
- package/scss/theme/legacy-classic-dark/_fontFamilies.scss +0 -9
- package/scss/theme/legacy-classic-dark/_fontSizes.scss +0 -24
- package/scss/theme/legacy-classic-dark/_fontWeights.scss +0 -10
- package/scss/theme/legacy-classic-dark/_index.scss +0 -23
- package/scss/theme/legacy-classic-dark/_letterSpacing.scss +0 -13
- package/scss/theme/legacy-classic-dark/_lineHeights.scss +0 -21
- package/scss/theme/legacy-classic-dark/_other.scss +0 -16
- package/scss/theme/legacy-classic-dark/_sizing.scss +0 -28
- package/scss/theme/legacy-classic-dark/_spacing.scss +0 -21
- package/scss/theme/legacy-classic-dark/_typography.scss +0 -46
- package/scss/theme/legacy-classic-light/_border.scss +0 -35
- package/scss/theme/legacy-classic-light/_borderRadius.scss +0 -24
- package/scss/theme/legacy-classic-light/_borderWidth.scss +0 -18
- package/scss/theme/legacy-classic-light/_boxShadow.scss +0 -19
- package/scss/theme/legacy-classic-light/_color.scss +0 -864
- package/scss/theme/legacy-classic-light/_fontFamilies.scss +0 -9
- package/scss/theme/legacy-classic-light/_fontSizes.scss +0 -24
- package/scss/theme/legacy-classic-light/_fontWeights.scss +0 -10
- package/scss/theme/legacy-classic-light/_index.scss +0 -23
- package/scss/theme/legacy-classic-light/_letterSpacing.scss +0 -13
- package/scss/theme/legacy-classic-light/_lineHeights.scss +0 -21
- package/scss/theme/legacy-classic-light/_other.scss +0 -16
- package/scss/theme/legacy-classic-light/_sizing.scss +0 -28
- package/scss/theme/legacy-classic-light/_spacing.scss +0 -21
- package/scss/theme/legacy-classic-light/_typography.scss +0 -46
package/package.json
CHANGED
|
@@ -7,14 +7,12 @@
|
|
|
7
7
|
"url": "https://github.com/siemens/ix",
|
|
8
8
|
"directory": "packages/core"
|
|
9
9
|
},
|
|
10
|
-
"version": "3.0.0-alpha.
|
|
10
|
+
"version": "3.0.0-alpha.3",
|
|
11
11
|
"license": "MIT",
|
|
12
12
|
"description": "Siemens iX Web Components",
|
|
13
|
+
"type": "module",
|
|
13
14
|
"main": "dist/index.cjs.js",
|
|
14
15
|
"module": "dist/index.js",
|
|
15
|
-
"es2015": "dist/esm/index.mjs",
|
|
16
|
-
"es2017": "dist/esm/index.mjs",
|
|
17
|
-
"jsnext:main": "dist/esm/index.js",
|
|
18
16
|
"types": "dist/types/interfaces.d.ts",
|
|
19
17
|
"collection": "dist/collection/collection-manifest.json",
|
|
20
18
|
"collection:main": "dist/collection/index.js",
|
|
@@ -27,25 +25,63 @@
|
|
|
27
25
|
"scss/",
|
|
28
26
|
"hydrate/"
|
|
29
27
|
],
|
|
28
|
+
"exports": {
|
|
29
|
+
".": {
|
|
30
|
+
"types": "./dist/types/interfaces.d.ts",
|
|
31
|
+
"import": "./dist/esm/index.js",
|
|
32
|
+
"require": "./dist/cjs/index.cjs",
|
|
33
|
+
"default": "./dist/esm/index.js"
|
|
34
|
+
},
|
|
35
|
+
"./hydrate": {
|
|
36
|
+
"types": "./hydrate/index.d.ts",
|
|
37
|
+
"import": "./hydrate/index.mjs",
|
|
38
|
+
"require": "./hydrate/index.js",
|
|
39
|
+
"default": "./hydrate/index.mjs"
|
|
40
|
+
},
|
|
41
|
+
"./loader": {
|
|
42
|
+
"types": "./loader/index.d.ts",
|
|
43
|
+
"import": "./loader/index.js",
|
|
44
|
+
"require": "./loader/index.cjs.js",
|
|
45
|
+
"default": "./loader/index.js"
|
|
46
|
+
},
|
|
47
|
+
"./components/*.js": {
|
|
48
|
+
"types": "./dist/types/components/*.d.ts",
|
|
49
|
+
"import": "./components/*.js"
|
|
50
|
+
},
|
|
51
|
+
"./components": {
|
|
52
|
+
"types": "./dist/types/components.d.ts",
|
|
53
|
+
"import": "./dist/esm/index.js",
|
|
54
|
+
"require": "./dist/cjs/index.cjs",
|
|
55
|
+
"default": "./dist/esm/index.js"
|
|
56
|
+
},
|
|
57
|
+
"./dist/siemens-ix/siemens-ix.css": "./dist/siemens-ix/siemens-ix.css",
|
|
58
|
+
"./dist/siemens-ix/siemens-ix-core.css": "./dist/siemens-ix/siemens-ix-core.css",
|
|
59
|
+
"./dist/siemens-ix/theme/classic-dark.css": "./dist/siemens-ix/theme/classic-dark.css",
|
|
60
|
+
"./dist/siemens-ix/theme/classic-light.css": "./dist/siemens-ix/theme/classic-light.css",
|
|
61
|
+
"./component-doc.json": "./component-doc.json",
|
|
62
|
+
"./scss/*": "./scss/*"
|
|
63
|
+
},
|
|
30
64
|
"dependencies": {
|
|
31
65
|
"@floating-ui/dom": "^1.6.13",
|
|
32
|
-
"@stencil/core": "^4.
|
|
66
|
+
"@stencil/core": "^4.28.2",
|
|
33
67
|
"@types/luxon": "^3.4.2",
|
|
34
68
|
"animejs": "~3.2.2",
|
|
35
69
|
"luxon": "^3.4.4"
|
|
36
70
|
},
|
|
37
71
|
"devDependencies": {
|
|
38
72
|
"@playwright/test": "^1.49.1",
|
|
39
|
-
"@siemens/ix-icons": "3.0.0-alpha.
|
|
73
|
+
"@siemens/ix-icons": "3.0.0-alpha.1",
|
|
40
74
|
"@stencil-community/eslint-plugin": "^0.7.2",
|
|
41
75
|
"@stencil-community/postcss": "^2.2.0",
|
|
42
|
-
"@stencil/angular-output-target": "
|
|
43
|
-
"@stencil/
|
|
76
|
+
"@stencil/angular-output-target": "0.0.1-dev.11741888614.1fd07d67",
|
|
77
|
+
"@stencil/core": "^4.23.2",
|
|
78
|
+
"@stencil/react-output-target": "0.0.1-dev.11741888614.1fd07d67",
|
|
44
79
|
"@stencil/sass": "^3.0.12",
|
|
45
80
|
"@stencil/vue-output-target": "0.8.8",
|
|
46
81
|
"@testing-library/dom": "^10.4.0",
|
|
47
82
|
"@testing-library/jest-dom": "^6.6.1",
|
|
48
83
|
"@types/animejs": "^3.1.12",
|
|
84
|
+
"@types/fs-extra": "^11.0.4",
|
|
49
85
|
"@types/jest": "^29.5.12",
|
|
50
86
|
"@types/mustache": "^4.2.5",
|
|
51
87
|
"@types/node": "^20.16.0",
|
|
@@ -67,12 +103,12 @@
|
|
|
67
103
|
"rimraf": "^5.0.9",
|
|
68
104
|
"sass": "^1.77.8",
|
|
69
105
|
"start-server-and-test": "^1.14.0",
|
|
70
|
-
"
|
|
106
|
+
"tsx": "^4.19.3",
|
|
71
107
|
"typescript": "~5.4.5",
|
|
72
108
|
"eslint-config-ix": "1.0.0"
|
|
73
109
|
},
|
|
74
110
|
"peerDependencies": {
|
|
75
|
-
"@siemens/ix-icons": "3.0.0-alpha.
|
|
111
|
+
"@siemens/ix-icons": "3.0.0-alpha.1"
|
|
76
112
|
},
|
|
77
113
|
"config": {
|
|
78
114
|
"commitizen": {
|
|
@@ -81,7 +117,7 @@
|
|
|
81
117
|
},
|
|
82
118
|
"scripts": {
|
|
83
119
|
"build": "stencil build --prod && npm run build.scss",
|
|
84
|
-
"build.scss": "
|
|
120
|
+
"build.scss": "tsx ./scripts/build/build-css.ts",
|
|
85
121
|
"build.watch": "stencil build --watch",
|
|
86
122
|
"lint": "eslint src/**/*{.ts,.tsx}",
|
|
87
123
|
"lint:fix": "npm run lint -- --fix",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"p-BtKhV-Qs.js","mappings":";;;AAAA;;;;;;;AAOG;AACG,MAAO,4BAA6B,SAAQ,WAGhD,CAAA;AACA,IAAA,WAAA,CAAY,MAA8C,EAAA;QACxD,KAAK,CAAC,4BAA4B,EAAE;AAClC,YAAA,OAAO,EAAE,IAAI;YACb,MAAM;AACP,SAAA,CAAC;;AAEL;AAEK,MAAO,4BAA6B,SAAQ,WAGhD,CAAA;AACA,IAAA,WAAA,CAAY,MAA8C,EAAA;QACxD,KAAK,CAAC,4BAA4B,EAAE;AAClC,YAAA,OAAO,EAAE,IAAI;YACb,MAAM;AACP,SAAA,CAAC;;AAEL;;AC9BD,MAAM,aAAa,GAAG,kUAAkU;;MC+B3U,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AALvB,IAAA,WAAA,GAAA;;;;;AAoBE;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAExB;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAG,KAAK;AAOb,QAAA,IAAe,CAAA,eAAA,GAAG,KAAK;AAqEhC;;AAjEC,IAAA,MAAM,sBAAsB,GAAA;QAC1B,OAAO,IAAI,CAAC,YAAa;;AAG3B;;;AAGG;IAEH,MAAM,WAAW,CAAC,KAA8C,EAAA;AAC9D,QAAA,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,cAAc,EAAE;AACvB,QAAA,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,eAAe,EAAE;QAExB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGjC,IAAA,IAAI,YAAY,GAAA;QACd,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,kBAAkB,CAAC;;IAG3D,kBAAkB,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE;AACnD,YAAA,MAAM,KAAK,CAAC,6CAA6C,CAAC;;AAE5D,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI;;IAI7B,aAAa,CAAC,QAAgB,EAAE,QAAgB,EAAA;AAC9C,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,YAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAC5B,IAAI,4BAA4B,CAAC;AAC/B,gBAAA,QAAQ,EAAE,QAAQ;AAClB,gBAAA,QAAQ,EAAE,QAAQ;AACnB,aAAA,CAAC,CACH;;;IAKL,WAAW,CAAC,QAAgB,EAAE,QAAgB,EAAA;AAC5C,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,YAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAC5B,IAAI,4BAA4B,CAAC;AAC/B,gBAAA,QAAQ,EAAE,QAAQ;AAClB,gBAAA,QAAQ,EAAE,QAAQ;AACnB,aAAA,CAAC,CACH;;;IAIL,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;gBACL,qBAAqB,EAAE,IAAI,CAAC,QAAQ;AACrC,aAAA,EACD,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,EAC3C,WAAW,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EACrB,CAAA,CACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/select-item/events.ts","src/components/select-item/select-item.scss?tag=ix-select-item&encapsulation=shadow","src/components/select-item/select-item.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 */\nexport class IxSelectItemLabelChangeEvent extends CustomEvent<{\n oldValue: string;\n newValue: string;\n}> {\n constructor(detail: { oldValue: string; newValue: string }) {\n super('ix-select-item:labelChange', {\n bubbles: true,\n detail,\n });\n }\n}\n\nexport class IxSelectItemValueChangeEvent extends CustomEvent<{\n oldValue: string;\n newValue: string;\n}> {\n constructor(detail: { oldValue: string; newValue: string }) {\n super('ix-select-item:valueChange', {\n bubbles: true,\n detail,\n });\n }\n}\n","/*\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 */\n\n:host {\n display: block;\n position: relative;\n\n > ix-dropdown-item {\n width: 100%;\n }\n\n ix-dropdown-item {\n color: var(--theme-color-std-text);\n }\n\n .select-item-checked {\n background-color: var(--theme-select-list-item--background--selected);\n --ix-dropdown-item-checked-color: var(--theme-color-std-text);\n }\n}\n\n:host(.display-none) {\n display: none;\n}\n","/*\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 */\n\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n Watch,\n} from '@stencil/core';\nimport {\n IxSelectItemLabelChangeEvent,\n IxSelectItemValueChangeEvent,\n} from './events';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\n\n@Component({\n tag: 'ix-select-item',\n styleUrl: 'select-item.scss',\n shadow: true,\n})\nexport class SelectItem implements DropdownItemWrapper {\n @Element() hostElement!: HTMLIxSelectItemElement;\n\n /**\n * Displayed name of the item\n */\n @Prop({ reflect: true }) label?: string;\n\n /**\n * The value of the item.\n * Important: The select component uses string values to handle selection and will call toString() on this value.\n * Therefor a string should be passed to value to prevent unexpected behavior.\n */\n @Prop({ reflect: true }) value!: string;\n\n /**\n * Flag indicating whether the item is selected\n */\n @Prop() selected = false;\n\n /**\n * @internal\n */\n @Prop() hover = false;\n\n /**\n * Item clicked\n */\n @Event() itemClick!: EventEmitter<string>;\n\n private componentLoaded = false;\n\n /** @internal */\n @Method()\n async getDropdownItemElement(): Promise<HTMLIxDropdownItemElement> {\n return this.dropdownItem!;\n }\n\n /**\n * @internal\n * @param event\n */\n @Method()\n async onItemClick(event?: CustomEvent<HTMLIxDropdownItemElement>) {\n event?.preventDefault();\n event?.stopPropagation();\n\n this.itemClick.emit(this.value);\n }\n\n get dropdownItem() {\n return this.hostElement.querySelector('ix-dropdown-item');\n }\n\n componentDidRender() {\n if (this.value === undefined || this.value === null) {\n throw Error('ix-select-item must have a `value` property');\n }\n this.componentLoaded = true;\n }\n\n @Watch('value')\n onValueChange(newValue: string, oldValue: string) {\n if (this.componentLoaded) {\n this.hostElement.dispatchEvent(\n new IxSelectItemValueChangeEvent({\n newValue: newValue,\n oldValue: oldValue,\n })\n );\n }\n }\n\n @Watch('label')\n labelChange(newValue: string, oldValue: string) {\n if (this.componentLoaded) {\n this.hostElement.dispatchEvent(\n new IxSelectItemLabelChangeEvent({\n newValue: newValue,\n oldValue: oldValue,\n })\n );\n }\n }\n\n render() {\n return (\n <Host>\n <ix-dropdown-item\n class={{\n 'select-item-checked': this.selected,\n }}\n checked={this.selected}\n label={this.label ? this.label : this.value}\n onItemClick={(e) => this.onItemClick(e)}\n ></ix-dropdown-item>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["filterChipCss","FilterChip","constructor","hostRef","this","disabled","readonly","onCloseClick","event","preventDefault","stopPropagation","closeClick","emit","render","h","Host","key","class","title","hostElement","textContent","ghost","oval","icon","iconCloseSmall","size","tabindex","variant","onClick","e","IxSelectItemLabelChangeEvent","CustomEvent","detail","super","bubbles","IxSelectItemValueChangeEvent","selectItemCss","SelectItem","selected","hover","componentLoaded","getDropdownItemElement","dropdownItem","onItemClick","itemClick","value","querySelector","componentDidRender","undefined","Error","onValueChange","newValue","oldValue","dispatchEvent","labelChange","checked","label"],"sources":["src/components/filter-chip/filter-chip.scss?tag=ix-filter-chip&encapsulation=shadow","src/components/filter-chip/filter-chip.tsx","src/components/select-item/events.ts","src/components/select-item/select-item.scss?tag=ix-select-item&encapsulation=shadow","src/components/select-item/select-item.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 */\n\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n\n display: inline-flex;\n align-items: center;\n justify-content: space-between;\n height: $large-space;\n padding-left: $small-space;\n border: var(--theme-focus--border-thickness) solid\n var(--theme-chip-primary-outline--border-color);\n border-radius: $x-large-space;\n background-color: var(--theme-color-ghost);\n color: var(--theme-chip-primary-outline--color);\n\n .slot-container {\n @include ellipsis;\n\n :host-context(.disabled) {\n background-color: var(--theme-color-ghost);\n border-color: var(--theme-color-component-4);\n color: var(--theme-color-weak-text);\n }\n }\n\n ix-icon-button {\n height: $large-space;\n margin-left: 0.25rem;\n\n @include focus-visible {\n outline: none;\n }\n }\n}\n\n:host(.disabled) {\n border: var(--theme-focus--border-thickness) solid\n var(--theme-color-component-4);\n color: var(--theme-color-weak-text);\n padding-right: $small-space;\n\n cursor: default;\n}\n\n:host(.readonly) {\n padding-right: $small-space;\n}\n\n@include host-hover {\n background-color: var(--theme-color-ghost-primary--hover);\n border-color: var(--theme-chip-primary-outline--border-color--hover);\n color: var(--theme-chip-primary-outline--color--hover);\n}\n\n@include host-active {\n background-color: var(--theme-color-ghost-primary--active);\n border-color: var(--theme-chip-primary-outline--border-color--active);\n color: var(--theme-chip-primary-outline--color--active);\n}\n\n@include host-focus-visible {\n outline: var(--theme-color-focus-bdr) solid\n var(--theme-focus--border-thickness);\n outline-offset: -0.125rem;\n}\n","/*\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 */\n\nimport { iconCloseSmall } from '@siemens/ix-icons/icons';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n} from '@stencil/core';\n\n@Component({\n tag: 'ix-filter-chip',\n styleUrl: 'filter-chip.scss',\n shadow: true,\n})\nexport class FilterChip {\n @Element() hostElement!: HTMLIxFilterChipElement;\n\n /**\n * If true the filter chip will be in disabled state\n */\n @Prop() disabled = false;\n\n /**\n * If true the filter chip will be in readonly mode\n * @since 2.0.0\n */\n @Prop() readonly = false;\n\n /**\n * Close clicked\n */\n @Event() closeClick!: EventEmitter<void>;\n\n private onCloseClick(event: Event) {\n event.preventDefault();\n event.stopPropagation();\n this.closeClick.emit();\n }\n\n render() {\n return (\n <Host\n class={{ disabled: this.disabled, readonly: this.readonly }}\n title={this.hostElement.textContent}\n >\n <div class=\"slot-container\">\n <slot></slot>\n </div>\n {!this.disabled && !this.readonly ? (\n <ix-icon-button\n ghost\n oval\n icon={iconCloseSmall}\n size=\"16\"\n tabindex={this.disabled ? -1 : 0}\n variant=\"primary\"\n disabled={this.disabled}\n onClick={(e) => this.onCloseClick(e)}\n ></ix-icon-button>\n ) : null}\n </Host>\n );\n }\n}\n","/*\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 */\nexport class IxSelectItemLabelChangeEvent extends CustomEvent<{\n oldValue: string;\n newValue: string;\n}> {\n constructor(detail: { oldValue: string; newValue: string }) {\n super('ix-select-item:labelChange', {\n bubbles: true,\n detail,\n });\n }\n}\n\nexport class IxSelectItemValueChangeEvent extends CustomEvent<{\n oldValue: string;\n newValue: string;\n}> {\n constructor(detail: { oldValue: string; newValue: string }) {\n super('ix-select-item:valueChange', {\n bubbles: true,\n detail,\n });\n }\n}\n","/*\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 */\n\n:host {\n display: block;\n position: relative;\n\n > ix-dropdown-item {\n width: 100%;\n }\n\n ix-dropdown-item {\n color: var(--theme-color-std-text);\n }\n\n .select-item-checked {\n background-color: var(--theme-select-list-item--background--selected);\n --ix-dropdown-item-checked-color: var(--theme-color-std-text);\n }\n}\n\n:host(.display-none) {\n display: none;\n}\n","/*\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 */\n\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n Watch,\n} from '@stencil/core';\nimport {\n IxSelectItemLabelChangeEvent,\n IxSelectItemValueChangeEvent,\n} from './events';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\n\n@Component({\n tag: 'ix-select-item',\n styleUrl: 'select-item.scss',\n shadow: true,\n})\nexport class SelectItem implements DropdownItemWrapper {\n @Element() hostElement!: HTMLIxSelectItemElement;\n\n /**\n * Displayed name of the item\n */\n @Prop({ reflect: true }) label?: string;\n\n /**\n * The value of the item.\n * Important: The select component uses string values to handle selection and will call toString() on this value.\n * Therefor a string should be passed to value to prevent unexpected behavior.\n */\n @Prop({ reflect: true }) value!: string;\n\n /**\n * Flag indicating whether the item is selected\n */\n @Prop() selected = false;\n\n /**\n * @internal\n */\n @Prop() hover = false;\n\n /**\n * Item clicked\n */\n @Event() itemClick!: EventEmitter<string>;\n\n private componentLoaded = false;\n\n /** @internal */\n @Method()\n async getDropdownItemElement(): Promise<HTMLIxDropdownItemElement> {\n return this.dropdownItem!;\n }\n\n /**\n * @internal\n * @param event\n */\n @Method()\n async onItemClick(event?: CustomEvent<HTMLIxDropdownItemElement>) {\n event?.preventDefault();\n event?.stopPropagation();\n\n this.itemClick.emit(this.value);\n }\n\n get dropdownItem() {\n return this.hostElement.querySelector('ix-dropdown-item');\n }\n\n componentDidRender() {\n if (this.value === undefined || this.value === null) {\n throw Error('ix-select-item must have a `value` property');\n }\n this.componentLoaded = true;\n }\n\n @Watch('value')\n onValueChange(newValue: string, oldValue: string) {\n if (this.componentLoaded) {\n this.hostElement.dispatchEvent(\n new IxSelectItemValueChangeEvent({\n newValue: newValue,\n oldValue: oldValue,\n })\n );\n }\n }\n\n @Watch('label')\n labelChange(newValue: string, oldValue: string) {\n if (this.componentLoaded) {\n this.hostElement.dispatchEvent(\n new IxSelectItemLabelChangeEvent({\n newValue: newValue,\n oldValue: oldValue,\n })\n );\n }\n }\n\n render() {\n return (\n <Host>\n <ix-dropdown-item\n class={{\n 'select-item-checked': this.selected,\n }}\n checked={this.selected}\n label={this.label ? this.label : this.value}\n onItemClick={(e) => this.onItemClick(e)}\n ></ix-dropdown-item>\n </Host>\n );\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAAgB,20E,MCyBTC,EAAU,MALvB,WAAAC,CAAAC,G,iDAWUC,KAAQC,SAAG,MAMXD,KAAQE,SAAG,KAqCpB,CA9BS,YAAAC,CAAaC,GACnBA,EAAMC,iBACND,EAAME,kBACNN,KAAKO,WAAWC,M,CAGlB,MAAAC,GACE,OACEC,EAACC,EACC,CAAAC,IAAA,2CAAAC,MAAO,CAAEZ,SAAUD,KAAKC,SAAUC,SAAUF,KAAKE,UACjDY,MAAOd,KAAKe,YAAYC,aAExBN,EAAK,OAAAE,IAAA,2CAAAC,MAAM,kBACTH,EAAA,QAAAE,IAAA,+CAEAZ,KAAKC,WAAaD,KAAKE,SACvBQ,EAAA,kBACEO,MACA,KAAAC,KACA,KAAAC,KAAMC,EACNC,KAAK,KACLC,SAAUtB,KAAKC,UAAW,EAAK,EAC/BsB,QAAQ,UACRtB,SAAUD,KAAKC,SACfuB,QAAUC,GAAMzB,KAAKG,aAAasB,KAElC,K,8CC9DN,MAAOC,UAAqCC,YAIhD,WAAA7B,CAAY8B,GACVC,MAAM,6BAA8B,CAClCC,QAAS,KACTF,U,EAKA,MAAOG,UAAqCJ,YAIhD,WAAA7B,CAAY8B,GACVC,MAAM,6BAA8B,CAClCC,QAAS,KACTF,U,EC3BN,MAAMI,EAAgB,mU,MC+BTC,EAAU,MALvB,WAAAnC,CAAAC,G,+CAuBUC,KAAQkC,SAAG,MAKXlC,KAAKmC,MAAG,MAORnC,KAAeoC,gBAAG,KAqE3B,CAjEC,4BAAMC,GACJ,OAAOrC,KAAKsC,Y,CAQd,iBAAMC,CAAYnC,GAChBA,IAAK,MAALA,SAAK,SAALA,EAAOC,iBACPD,IAAK,MAALA,SAAK,SAALA,EAAOE,kBAEPN,KAAKwC,UAAUhC,KAAKR,KAAKyC,M,CAG3B,gBAAIH,GACF,OAAOtC,KAAKe,YAAY2B,cAAc,mB,CAGxC,kBAAAC,GACE,GAAI3C,KAAKyC,QAAUG,WAAa5C,KAAKyC,QAAU,KAAM,CACnD,MAAMI,MAAM,8C,CAEd7C,KAAKoC,gBAAkB,I,CAIzB,aAAAU,CAAcC,EAAkBC,GAC9B,GAAIhD,KAAKoC,gBAAiB,CACxBpC,KAAKe,YAAYkC,cACf,IAAIlB,EAA6B,CAC/BgB,SAAUA,EACVC,SAAUA,I,EAOlB,WAAAE,CAAYH,EAAkBC,GAC5B,GAAIhD,KAAKoC,gBAAiB,CACxBpC,KAAKe,YAAYkC,cACf,IAAIvB,EAA6B,CAC/BqB,SAAUA,EACVC,SAAUA,I,EAMlB,MAAAvC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,oBAAAE,IAAA,2CACEC,MAAO,CACL,sBAAuBb,KAAKkC,UAE9BiB,QAASnD,KAAKkC,SACdkB,MAAOpD,KAAKoD,MAAQpD,KAAKoD,MAAQpD,KAAKyC,MACtCF,YAAcd,GAAMzB,KAAKuC,YAAYd,K","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root .theme-legacy-classic-dark{--theme-color-ghost:#ffffff00;--theme-color-ghost--hover:#ffffff12;--theme-color-ghost--active:#ffffff24;--theme-color-primary:#41aaaa;--theme-color-primary--contrast:#000;--theme-color-primary--hover:#4eb0b0;--theme-color-primary--active:#5bb6b6;--theme-color-dynamic:#41aaaa;--theme-color-secondary:#10181c;--theme-color-secondary--hover:#1e2529;--theme-color-secondary--active:#2d3437;--theme-color-component-1:#879baa40;--theme-color-component-1--hover:#a1b4c24d;--theme-color-component-1--active:#b3c0ca5c;--theme-color-component-2:#ffffff47;--theme-color-component-3:#ffffff33;--theme-color-component-4:#ffffff40;--theme-color-component-5:#152c2f;--theme-color-component-6:#8d8da0;--theme-color-component-7--hover:#277d7d47;--theme-color-component-7:#32a0a040;--theme-color-component-7--active:#216b6b52;--theme-color-component-error:#310006;--theme-color-component-info:#041c48;--theme-color-component-8:#3e4b51;--theme-color-ghost--selected:#32a0a040;--theme-color-ghost--selected-hover:#61b6b64d;--theme-color-ghost--selected-active:#83c5c55c;--theme-color-ghost-primary--active:#ffffff24;--theme-color-ghost-primary--hover:#ffffff12;--theme-color-ghost-alt:#ffffff0a;--theme-color-ghost-alt--hover:#ffffff1c;--theme-color-ghost-alt--active:#ffffff2b;--theme-color-ghost-alt--selected:#4faeae47;--theme-color-ghost-alt--selected-hover:#74bfbf54;--theme-color-ghost-alt--selected-active:#90cccc54;--theme-color-primary--disabled:#0079934d;--theme-color-dynamic--hover:#4eb0b0;--theme-color-dynamic--active:#5bb6b6;--theme-color-dynamic-alt:#00c2c2;--theme-color-dynamic-alt--hover:#12c6c6;--theme-color-dynamic-alt--active:#24caca;--theme-color-component-8--hover:#001f39;--theme-color-component-9:#00d4d4;--theme-color-component-9--hover:#12d7d7;--theme-color-component-9--active:#24dada;--theme-color-component-9--disabled:#00d4d44d;--theme-color-component-10:#41aaaa;--theme-color-component-10--hover:#4eb0b0;--theme-color-component-10--active:#5cb6b6;--theme-color-component-10--disabled:#41aaaa33;--theme-color-1--hover:#21282c;--theme-color-1--active:#31383c;--theme-color-component-11:#ced9e233;--theme-color-0:#00000000;--theme-color-1:#10181c;--theme-color-2:#172126;--theme-color-3:#293339;--theme-color-4:#3c464b;--theme-color-5:#555f69;--theme-color-6:#6e7d89;--theme-color-7:#879baa;--theme-color-8:#555f69;--theme-color-std-bdr:#ebf0f599;--theme-color-soft-bdr:#ebf0f566;--theme-color-weak-bdr:#ebf0f526;--theme-color-x-weak-bdr:#ebf0f51a;--theme-color-focus-bdr:#199fff;--theme-color-contrast-bdr:#fff;--theme-color-alarm:#fe0137;--theme-color-alarm--hover:#de123f;--theme-color-alarm--active:#e0244e;--theme-color-alarm--contrast:#fff;--theme-color-alarm-40:#fe013766;--theme-color-alarm-10:#fe01371a;--theme-color-warning:#ffb900;--theme-color-warning--hover:#ffbd12;--theme-color-warning--active:#ffc224;--theme-color-warning--contrast:#000;--theme-color-warning-40:#ffb90066;--theme-color-warning-10:#ffb9001a;--theme-color-critical:#eb780a;--theme-color-critical--hover:#ec811b;--theme-color-critical--active:#ed8b2c;--theme-color-critical--contrast:#000;--theme-color-critical-40:#eb780a66;--theme-color-success:#40c200;--theme-color-success--hover:#41a212;--theme-color-success--active:#4fa924;--theme-color-success--contrast:#000;--theme-color-success-40:#40c20066;--theme-color-info:#266ce6;--theme-color-info--hover:#2d60b8;--theme-color-info--active:#3d6cbd;--theme-color-info--contrast:#fff;--theme-color-info-40:#266ce666;--theme-color-neutral:#879bab;--theme-color-neutral--hover:#8fa2b0;--theme-color-neutral--active:#97a9b6;--theme-color-neutral--contrast:#000;--theme-color-neutral-40:#879bab66;--theme-color-contrast-text:#fff;--theme-color-std-text:#ffffffd9;--theme-color-soft-text:#ffffff99;--theme-color-weak-text:#ffffff66;--theme-color-inv-contrast-text:#000;--theme-color-inv-std-text:#000000bf;--theme-color-inv-soft-text:#0000008c;--theme-color-inv-weak-text:#0000004d;--theme-color-alarm-text:#ff99af;--theme-color-shadow-1:#00000099;--theme-color-shadow-2:#000;--theme-color-shadow-3:rgba(0,0,0,.12);--theme-color-lightbox:#0000008c;--theme-color-backdrop:#10181cd9;--theme-color-backdrop-3:#10181cd9;--theme-color-logo:#fff;--theme-chart-1:#00ebd5;--theme-chart-1-40:#00ebd566;--theme-chart-2:#009e78;--theme-chart-2-40:#009e7866;--theme-chart-3:#00d5e0;--theme-chart-3-40:#00d5e066;--theme-chart-4:#00c5f1;--theme-chart-4-40:#00c5f166;--theme-chart-5:#86acc0;--theme-chart-5-40:#86acc066;--theme-chart-6:#42aaff;--theme-chart-6-40:#42aaff66;--theme-chart-7:#2473ff;--theme-chart-7-40:#2473ff66;--theme-chart-8:#759eff;--theme-chart-8-40:#759eff66;--theme-chart-9:#7e84ff;--theme-chart-9-40:#7e84ff66;--theme-chart-10:#9362ff;--theme-chart-10-40:#9362ff66;--theme-chart-11:#bd61ff;--theme-chart-11-40:#bd61ff66;--theme-chart-12:#e446ff;--theme-chart-12-40:#e446ff66;--theme-chart-13:#f38fc2;--theme-chart-13-40:#f38fc266;--theme-chart-14:#ef9a9a;--theme-chart-14-40:#ef9a9a66;--theme-chart-15:#ffb180;--theme-chart-15-40:#ffb18066;--theme-chart-16:#baba9d;--theme-chart-16-40:#baba9d66;--theme-chart-17:#b5bd00;--theme-chart-17-40:#b5bd0066;--theme-chart-axes:#ffffff4d;--theme-chart-grid-lines:#ffffff1a;--theme-chart-grid-fill:#10181c;--theme-chart-ticks:#ffffff4d;--theme-chart-tooltip-fill:#000000cc;--theme-chart-tooltip-bdr:#ffffff33;--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-8);--theme-app-header--border-color:var(--theme-color-0);--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-inv-std-text);--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-primary);--theme-btn-outline-primary--color--active:var(--theme-color-primary);--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-primary--hover);--theme-btn-invisible-primary--background--active:var(--theme-color-ghost-primary--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-primary);--theme-btn-invisible-primary--color--active:var(--theme-color-primary);--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-4);--theme-btn-secondary--color:var(--theme-color-std-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-secondary);--theme-btn-outline-secondary--background--hover:var(--theme-color-secondary--hover);--theme-btn-outline-secondary--background--active:var(--theme-color-secondary--active);--theme-btn-outline-secondary--background--disabled:var(--theme-color-ghost);--theme-btn-outline-secondary--border-color:var(--theme-color-6);--theme-btn-outline-secondary--border-color--hover:var(--theme-color-6);--theme-btn-outline-secondary--border-color--active:var(--theme-color-6);--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--color:var(--theme-color-std-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-primary);--theme-btn-invisible-secondary--color--selected-hover:var(--theme-color-primary);--theme-btn-invisible-secondary--color--selected-active:var(--theme-color-primary);--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-primary);--theme-link-btn--color--active:var(--theme-color-contrast-text);--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-std-bdr);--theme-checkbox-unchecked--background--hover:var(--theme-color-secondary--hover);--theme-checkbox-unchecked--background--active:var(--theme-color-secondary--active);--theme-checkbox-unchecked--border-color--hover:var(--theme-color-std-bdr);--theme-checkbox-unchecked--border-color--active:var(--theme-color-std-bdr);--theme-checkbox-unchecked--background--disabled:var(--theme-color-ghost);--theme-checkbox-unchecked--border-color--disabled:var(--theme-color-weak-bdr);--theme-checkbox-checked--background:var(--theme-color-primary);--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-primary--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-primary--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-secondary);--theme-checkbox-mixed--border-color:var(--theme-color-primary);--theme-checkbox-mixed--color:var(--theme-color-primary);--theme-checkbox-mixed--background--hover:var(--theme-color-secondary--hover);--theme-checkbox-mixed--border-color--hover:var(--theme-color-primary);--theme-checkbox-mixed--color--hover:var(--theme-color-primary);--theme-checkbox-mixed--background--active:var(--theme-color-secondary--active);--theme-checkbox-mixed--border-color--active:var(--theme-color-primary);--theme-checkbox-mixed--color--active:var(--theme-color-primary);--theme-checkbox-mixed--background--disabled:var(--theme-color-ghost);--theme-checkbox-mixed--border-color--disabled:var(--theme-color-component-4);--theme-checkbox-mixed--color--disabled:var(--theme-color-component-4);--theme-checkbox-label--color:var(--theme-color-std-text);--theme-checkbox-label--color--disabled:var(--theme-color-weak-text);--theme-radiobtn-unchecked--background:var(--theme-color-secondary);--theme-radiobtn-unchecked--border-color:var(--theme-color-std-bdr);--theme-radiobtn-unchecked--border-color--hover:var(--theme-color-std-bdr);--theme-radiobtn-unchecked--border-color--active:var(--theme-color-std-bdr);--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);--theme-radiobtn-checked--color--active:var(--theme-color-primary);--theme-radiobtn-checked--color--disabled:var(--theme-color-component-4);--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-secondary);--theme-radiobtn-checked--background--hover:var(--theme-color-secondary--hover);--theme-radiobtn-checked--background--active:var(--theme-color-secondary--active);--theme-radiobtn-checked--background--disabled:var(--theme-color-ghost);--theme-radiobtn-checked--border-color:var(--theme-color-primary);--theme-radiobtn-checked--border-color--hover:var(--theme-color-primary);--theme-radiobtn-checked--border-color--active:var(--theme-color-primary);--theme-radiobtn-checked--border-color--disabled:var(--theme-color-component-4);--theme-nav--background:var(--theme-color-component-8);--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-3);--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-primary);--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-1);--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-primary);--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-std-bdr);--theme-input--background:var(--theme-color-1);--theme-input--background--autofill:var(--theme-color-component-info);--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-1);--theme-input--border-color--hover:var(--theme-color-std-bdr);--theme-input--background--focus:var(--theme-color-1);--theme-input--border-color--focus:var(--theme-color-primary);--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-weak-bdr);--theme-blind-base--background:var(--theme-color-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-std-text);--theme-blind-header-icon-open--color--hover:var(--theme-color-std-text);--theme-blind-header-open--color--hover:var(--theme-color-std-text);--theme-blind-header-icon-open--color:var(--theme-color-std-text);--theme-blind-header-open--color:var(--theme-color-std-text);--theme-blind-header-icon-closed--color:var(--theme-color-std-text);--theme-blind-header-icon-closed--color--active:var(--theme-color-std-text);--theme-blind-header-icon-closed--color--hover:var(--theme-color-std-text);--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-std-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-std-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-std-text);--theme-breadcrumb-ghost--color:var(--theme-color-primary);--theme-breadcrumb-ghost--color--hover:var(--theme-color-primary);--theme-breadcrumb-ghost--color--active:var(--theme-color-primary);--theme-breadcrumb-ghost-arrow--color:var(--theme-color-primary);--theme-breadcrumb-ghost-arrow--color--hover:var(--theme-color-primary);--theme-breadcrumb-ghost-arrow--color--active:var(--theme-color-primary);--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-contrast-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-std-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-contrast-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-primary);--theme-chip-primary-outline--border-color--active:var(--theme-color-primary);--theme-chip-primary-outline--color:var(--theme-color-primary);--theme-chip-primary-outline--color--hover:var(--theme-color-primary);--theme-chip-primary-outline--color--active:var(--theme-color-primary);--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-3);--theme-menu--background:var(--theme-color-1);--theme-menu--border-color:var(--theme-color-soft-bdr);--theme-menu-header--color:var(--theme-color-soft-text);--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-std-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-std-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-1);--theme-select-list--border-color:var(--theme-color-soft-bdr);--theme-tab--background:var(--theme-color-ghost);--theme-tab--background--hover:var(--theme-color-ghost--hover);--theme-tab--background--active:var(--theme-color-ghost--active);--theme-tab--background--selected:var(--theme-color-ghost);--theme-tab--background--disabled:var(--theme-color-ghost);--theme-tab-indicator--background:var(--theme-color-0);--theme-tab-indicator--background--hover:var(--theme-color-6);--theme-tab-indicator--background--active:var(--theme-color-6);--theme-tab-indicator--background--selected:var(--theme-color-primary);--theme-tab-indicator--background--disabled:var(--theme-color-0);--theme-animated-tab-indicator--background:var(--theme-color-0);--theme-animated-tab-indicator--background--hover:var(--theme-color-0);--theme-animated-tab-indicator--background--active:var(--theme-color-0);--theme-animated-tab-indicator--background--selected:var(--theme-color-primary);--theme-tab--color:var(--theme-color-soft-text);--theme-tab--color--hover:var(--theme-color-soft-text);--theme-tab--color--active:var(--theme-color-soft-text);--theme-tab--color--selected:var(--theme-color-primary);--theme-tab--color--disabled:var(--theme-color-weak-text);--theme-tab-icon--color:var(--theme-color-soft-text);--theme-tab-icon--color--hover:var(--theme-color-soft-text);--theme-tab-icon--color--active:var(--theme-color-soft-text);--theme-tab-icon--color--selected:var(--theme-color-primary);--theme-tab-icon--color--disabled:var(--theme-color-weak-text);--theme-animated-tab-icon--color:var(--theme-color-soft-text);--theme-animated-tab-icon--color--hover:var(--theme-color-soft-text);--theme-animated-tab-icon--color--active:var(--theme-color-soft-text);--theme-animated-tab-icon--color--selected:var(--theme-color-primary--contrast);--theme-animated-tab-icon--color--disabled:var(--theme-color-weak-text);--theme-animated-tab-circle--background:var(--theme-color-1);--theme-animated-tab-circle--background--hover:var(--theme-color-1--hover);--theme-animated-tab-circle--background--active:var(--theme-color-1--active);--theme-animated-tab-circle--background--selected:var(--theme-color-primary);--theme-animated-tab-circle--background--disabled:var(--theme-color-0);--theme-animated-tab-circle--border-color:var(--theme-color-soft-bdr);--theme-animated-tab-circle--border-color--hover:var(--theme-color-soft-bdr);--theme-animated-tab-circle--border-color--active:var(--theme-color-soft-bdr);--theme-animated-tab-circle--border-color--selected:var(--theme-color-0);--theme-animated-tab-circle--border-color--disabled:var(--theme-color-weak-bdr);--theme-tab-pill--border-color:var(--theme-color-std-bdr);--theme-tab-pill--border-color--hover:var(--theme-color-std-bdr);--theme-tab-pill--border-color--active:var(--theme-color-std-bdr);--theme-tab-pill--border-color--selected:var(--theme-color-primary);--theme-tab-pill--border-color--disabled:var(--theme-color-weak-bdr);--theme-input-unit--color:var(--theme-color-soft-text);--theme-input-gripper--color:var(--theme-color-weak-bdr);--theme-input-gripper--color--hover:var(--theme-color-weak-bdr);--theme-input-gripper--color--focus:var(--theme-color-weak-bdr);--theme-input-search-icon--color:var(--theme-color-std-text);--theme-input-search-icon--color--hover:var(--theme-color-std-text);--theme-input-search-icon--color--focus:var(--theme-color-std-text);--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-std-text);--theme-input-select-icon--color--active:var(--theme-color-std-text);--theme-switch-off--background--hover:var(--theme-color-component-4);--theme-switch-off--background--active:var(--theme-color-component-3);--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-3);--theme-switch-mixed--background--hover:var(--theme-color-component-4);--theme-switch-mixed--background--active:var(--theme-color-component-3);--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-6);--theme-modal--background:var(--theme-color-1);--theme-modal--border-color:var(--theme-color-soft-bdr);--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--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--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-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-std-text);--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-3);--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-header--background:var(--theme-color-3);--theme-overlay-header--color:var(--theme-color-std-text);--theme-nav-overlay--background:var(--theme-color-backdrop);--theme-nav-overlay-header--color:var(--theme-color-std-text);--theme-event-item--background:var(--theme-color-secondary);--theme-event-item--background--disabled:var(--theme-color-component-2);--theme-event-item--border--hover:var(--theme-color-weak-bdr);--theme-event-item--border:var(--theme-color-weak-bdr);--theme-event-item--border--active:var(--theme-color-weak-bdr);--theme-event-item--border--selected:var(--theme-color-dynamic);--theme-event-item--background--hover:var(--theme-color-secondary--hover);--theme-event-item--border--disabled:var(--theme-color-component-2);--theme-event-item--background--active:var(--theme-color-secondary--active);--theme-event-item--background--selected:var(--theme-color-component-5);--theme-event-item-chevron--color:var(--theme-color-soft-text);--theme-flip--color:var(--theme-color-std-text);--theme-flip--background:var(--theme-color-1);--theme-flip--border-color:var(--theme-color-soft-bdr);--theme-flip-footer--background:var(--theme-color-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-table-data-row-alt--background:var(--theme-color-ghost-alt);--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-primary);--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-primary);--theme-group-item-indicator--background--subselected:var(--theme-color-primary);--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-primary);--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-secondary--active);--theme-input-extra--background--hover:var(--theme-color-secondary--hover);--theme-btn-outline-primary--border-color:var(--theme-color-primary);--theme-btn-outline-primary--border-color--hover:var(--theme-color-primary);--theme-btn-outline-primary--border-color--active:var(--theme-color-primary);--theme-btn-outline-primary--border-color--disabled:var(--theme-color-component-4);--theme-btn-invisible-secondary--background--disabled:var(--theme-color-ghost);--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-checked--color--hover:var(--theme-color-dynamic);--theme-input-hint--color:var(--theme-color-soft-text);--theme-menu-separator--background:var(--theme-color-weak-bdr);--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-toast-timer-track--background:var(--theme-color-0);--theme-toast-timer-value--background:var(--theme-color-6);--theme-toast--background:var(--theme-color-1);--theme-toast--border-color:var(--theme-color-weak-bdr);--theme-toast--color:var(--theme-color-std-text);--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--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--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-overlay--background:var(--theme-color-backdrop);--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-neutral);--theme-workflow-step-icon-default--color--selected:var(--theme-color-primary);--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-primary);--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-1);--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-weak-bdr);--theme-table--color:var(--theme-color-std-text);--theme-table-header-row--background:var(--theme-color-component-11);--theme-table-header-row--border-color:var(--theme-color-weak-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-primary);--theme-table-header-sort--color:var(--theme-color-primary);--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--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-table-group-header-row--background:var(--theme-color-component-11);--theme-table-group-header-row--border-color:var(--theme-color-weak-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-std-text);--theme-label--color--disabled:var(--theme-color-weak-text);--theme-table-selection--border-color:var(--theme-color-0);--theme-shadow-1:0px 2px 2px var(--theme-color-shadow-2),0px 1px 1px var(--theme-color-shadow-1);--theme-shadow-2:-4px 0px 8px var(--theme-color-shadow-2),4px 0px 8px var(--theme-color-shadow-2),0px 0px 16px var(--theme-color-shadow-1);--theme-shadow-3:0px 2px 6px var(--theme-color-shadow-2),0px 0px 8px var(--theme-color-shadow-1);--theme-shadow-4:0px 0px 2px var(--theme-color-shadow-1),0px 4px 8px var(--theme-color-shadow-1),0px 12px 18px var(--theme-color-shadow-1);--theme-inset-shadow-1:inset 0px 2px 4px var(--theme-color-shadow-3);--theme-input--box-shadow:none;--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:var(--theme-shadow-3);--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-md) var(--theme-font-sans);--theme-body-sm:var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-md) var(--theme-font-sans);--theme-body-lg:var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-md) 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-md) 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-md) var(--theme-font-sans);--theme-h3:var(--theme-font-weight-bold) var(--theme-ms-2)/var(--theme-line-height-md) 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-default-border-radius);--theme-blind--border-radius:var(--theme-default-border-radius);--theme-breadcrumb--border-radius:var(--theme-default-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-default-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.25rem;--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.0625rem;--theme-checkbox--focus--outline-offset:0.0625rem;--theme-radiobtn--focus--outline-offset:0.0625rem;--theme-input--focus--outline-offset:0.0625rem;--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.125rem;--theme-app-header--border-width:0.0625rem;--theme-blind--border-thickness:0.0625rem;--theme-checkbox--border-thickness:0.125rem;--theme-focus--border-thickness:0.0625rem;--theme-radiobtn--border-thickness:0.125rem;--theme-input--border-thickness:0.0625rem;--theme-menu--border-thickness:0.0625rem;--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:legacy-classic-dark}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root .theme-legacy-classic-light{--theme-color-ghost:#00000000;--theme-color-ghost--hover:#0000000d;--theme-color-ghost--active:#0000001a;--theme-color-primary:#0e777c;--theme-color-primary--contrast:#fff;--theme-color-primary--hover:#0d7075;--theme-color-primary--active:#0c6a6f;--theme-color-dynamic:#137d81;--theme-color-secondary:#fff;--theme-color-secondary--hover:#f2f2f2;--theme-color-secondary--active:#e5e5e5;--theme-color-component-1:#879baa40;--theme-color-component-1--hover:#6a7f8f4a;--theme-color-component-1--active:#5e6c7654;--theme-color-component-2:#0000281a;--theme-color-component-3:#00000033;--theme-color-component-4:#17212640;--theme-color-component-5:#e1f1f1;--theme-color-component-6:#8d8da0;--theme-color-component-7--hover:#277d7d47;--theme-color-component-7:#32a0a040;--theme-color-component-7--active:#216b6b52;--theme-color-component-error:#fff1f5;--theme-color-component-info:#e3ecfd;--theme-color-component-8:#d6dfe7;--theme-color-ghost--selected:#32a0a040;--theme-color-ghost--selected-hover:#10707040;--theme-color-ghost--selected-active:#0f61614d;--theme-color-ghost-primary--active:#0000000d;--theme-color-ghost-primary--hover:#0000001a;--theme-color-ghost-alt:#002d4a08;--theme-color-ghost-alt--hover:#00000014;--theme-color-ghost-alt--active:#00000021;--theme-color-ghost-alt--selected:#2c8e8e45;--theme-color-ghost-alt--selected-hover:#2577774f;--theme-color-ghost-alt--selected-active:#1f656557;--theme-color-primary--disabled:#0079934d;--theme-color-dynamic--hover:#125d65;--theme-color-dynamic--active:#105259;--theme-color-dynamic-alt:#0ff;--theme-color-dynamic-alt--hover:#63eeee;--theme-color-dynamic-alt--active:#5ce0e0;--theme-color-component-8--hover:#d1fff2;--theme-color-component-9:#0b6165;--theme-color-component-9--hover:#0a5c60;--theme-color-component-9--active:#0a575b;--theme-color-component-9--disabled:#0b61654d;--theme-color-component-10:#377d81;--theme-color-component-10--hover:#34777b;--theme-color-component-10--active:#327174;--theme-color-component-10--disabled:#32717433;--theme-color-1--hover:#f2f2f2;--theme-color-1--active:#e5e5e5;--theme-color-component-11:#ced9e233;--theme-color-0:#ffffff00;--theme-color-1:#fff;--theme-color-2:#f5f8fa;--theme-color-3:#ebf0f5;--theme-color-4:#dfe6ed;--theme-color-5:#ced9e2;--theme-color-6:#becdd7;--theme-color-7:#879baa;--theme-color-8:#555f69;--theme-color-std-bdr:#415f7599;--theme-color-soft-bdr:#415f7566;--theme-color-weak-bdr:#17212626;--theme-color-x-weak-bdr:#1721261a;--theme-color-focus-bdr:#199fff;--theme-color-contrast-bdr:#000;--theme-color-alarm:#dc0031;--theme-color-alarm--hover:#d0002e;--theme-color-alarm--active:#c5002c;--theme-color-alarm--contrast:#fff;--theme-color-alarm-40:#dc003166;--theme-color-alarm-10:#dc00311a;--theme-color-warning:#f0b800;--theme-color-warning--hover:#f2af00;--theme-color-warning--active:#e5a600;--theme-color-warning--contrast:#000;--theme-color-warning-40:#ffb90066;--theme-color-warning-10:#ffb9001a;--theme-color-critical:#eb780a;--theme-color-critical--hover:#df7109;--theme-color-critical--active:#d36b08;--theme-color-critical--contrast:#000;--theme-color-critical-40:#eb780a66;--theme-color-success:#339b00;--theme-color-success--hover:#309300;--theme-color-success--active:#2d8b00;--theme-color-success--contrast:#000;--theme-color-success-40:#339b0066;--theme-color-info:#1e54b3;--theme-color-info--hover:#1c4fa9;--theme-color-info--active:#1a4ba0;--theme-color-info--contrast:#fff;--theme-color-info-40:#1e54b366;--theme-color-neutral:#879bab;--theme-color-neutral--hover:#8093a2;--theme-color-neutral--active:#798b99;--theme-color-neutral--contrast:#000;--theme-color-neutral-40:#879bab66;--theme-color-contrast-text:#000;--theme-color-std-text:#000000bf;--theme-color-soft-text:#0000008c;--theme-color-weak-text:#0000004d;--theme-color-inv-contrast-text:#fff;--theme-color-inv-std-text:#ffffffd9;--theme-color-inv-soft-text:#ffffff99;--theme-color-inv-weak-text:#ffffff66;--theme-color-alarm-text:#c10118;--theme-color-shadow-1:#0000001a;--theme-color-shadow-2:#00000033;--theme-color-shadow-3:rgba(0,0,0,.12);--theme-color-lightbox:#ffffff99;--theme-color-backdrop:#ffffffd9;--theme-color-backdrop-3:#ffffffd9;--theme-color-logo:#fff;--theme-chart-1:#00b8a6;--theme-chart-1-40:#00857866;--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:#617d8c;--theme-chart-5-40:#617d8c66;--theme-chart-6:#1d86dc;--theme-chart-6-40:#1d86dc66;--theme-chart-7:#2351a4;--theme-chart-7-40:#2473ff66;--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:#a207bd66;--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-inv-std-text);--theme-app-header--background:var(--theme-color-8);--theme-app-header--border-color:var(--theme-color-0);--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-inv-std-text);--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-primary);--theme-btn-outline-primary--color--active:var(--theme-color-primary);--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-primary--hover);--theme-btn-invisible-primary--background--active:var(--theme-color-ghost-primary--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-primary);--theme-btn-invisible-primary--color--active:var(--theme-color-primary);--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-4);--theme-btn-secondary--color:var(--theme-color-std-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-secondary);--theme-btn-outline-secondary--background--hover:var(--theme-color-secondary--hover);--theme-btn-outline-secondary--background--active:var(--theme-color-secondary--active);--theme-btn-outline-secondary--background--disabled:var(--theme-color-ghost);--theme-btn-outline-secondary--border-color:var(--theme-color-6);--theme-btn-outline-secondary--border-color--hover:var(--theme-color-6);--theme-btn-outline-secondary--border-color--active:var(--theme-color-6);--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--color:var(--theme-color-std-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-primary);--theme-btn-invisible-secondary--color--selected-hover:var(--theme-color-primary);--theme-btn-invisible-secondary--color--selected-active:var(--theme-color-primary);--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-primary);--theme-link-btn--color--active:var(--theme-color-contrast-text);--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-std-bdr);--theme-checkbox-unchecked--background--hover:var(--theme-color-secondary--hover);--theme-checkbox-unchecked--background--active:var(--theme-color-secondary--active);--theme-checkbox-unchecked--border-color--hover:var(--theme-color-std-bdr);--theme-checkbox-unchecked--border-color--active:var(--theme-color-std-bdr);--theme-checkbox-unchecked--background--disabled:var(--theme-color-ghost);--theme-checkbox-unchecked--border-color--disabled:var(--theme-color-weak-bdr);--theme-checkbox-checked--background:var(--theme-color-primary);--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-primary--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-primary--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-secondary);--theme-checkbox-mixed--border-color:var(--theme-color-primary);--theme-checkbox-mixed--color:var(--theme-color-primary);--theme-checkbox-mixed--background--hover:var(--theme-color-secondary--hover);--theme-checkbox-mixed--border-color--hover:var(--theme-color-primary);--theme-checkbox-mixed--color--hover:var(--theme-color-primary);--theme-checkbox-mixed--background--active:var(--theme-color-secondary--active);--theme-checkbox-mixed--border-color--active:var(--theme-color-primary);--theme-checkbox-mixed--color--active:var(--theme-color-primary);--theme-checkbox-mixed--background--disabled:var(--theme-color-ghost);--theme-checkbox-mixed--border-color--disabled:var(--theme-color-component-4);--theme-checkbox-mixed--color--disabled:var(--theme-color-component-4);--theme-checkbox-label--color:var(--theme-color-std-text);--theme-checkbox-label--color--disabled:var(--theme-color-weak-text);--theme-radiobtn-unchecked--background:var(--theme-color-secondary);--theme-radiobtn-unchecked--border-color:var(--theme-color-std-bdr);--theme-radiobtn-unchecked--border-color--hover:var(--theme-color-std-bdr);--theme-radiobtn-unchecked--border-color--active:var(--theme-color-std-bdr);--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);--theme-radiobtn-checked--color--active:var(--theme-color-primary);--theme-radiobtn-checked--color--disabled:var(--theme-color-component-4);--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-secondary);--theme-radiobtn-checked--background--hover:var(--theme-color-secondary--hover);--theme-radiobtn-checked--background--active:var(--theme-color-secondary--active);--theme-radiobtn-checked--background--disabled:var(--theme-color-ghost);--theme-radiobtn-checked--border-color:var(--theme-color-primary);--theme-radiobtn-checked--border-color--hover:var(--theme-color-primary);--theme-radiobtn-checked--border-color--active:var(--theme-color-primary);--theme-radiobtn-checked--border-color--disabled:var(--theme-color-component-4);--theme-nav--background:var(--theme-color-component-8);--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-3);--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-primary);--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-1);--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-primary);--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-std-bdr);--theme-input--background:var(--theme-color-1);--theme-input--background--autofill:var(--theme-color-component-info);--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-1);--theme-input--border-color--hover:var(--theme-color-std-bdr);--theme-input--background--focus:var(--theme-color-1);--theme-input--border-color--focus:var(--theme-color-primary);--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-weak-bdr);--theme-blind-base--background:var(--theme-color-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-std-text);--theme-blind-header-icon-open--color--hover:var(--theme-color-std-text);--theme-blind-header-open--color--hover:var(--theme-color-std-text);--theme-blind-header-icon-open--color:var(--theme-color-std-text);--theme-blind-header-open--color:var(--theme-color-std-text);--theme-blind-header-icon-closed--color:var(--theme-color-std-text);--theme-blind-header-icon-closed--color--active:var(--theme-color-std-text);--theme-blind-header-icon-closed--color--hover:var(--theme-color-std-text);--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-std-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-std-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-std-text);--theme-breadcrumb-ghost--color:var(--theme-color-primary);--theme-breadcrumb-ghost--color--hover:var(--theme-color-primary);--theme-breadcrumb-ghost--color--active:var(--theme-color-primary);--theme-breadcrumb-ghost-arrow--color:var(--theme-color-primary);--theme-breadcrumb-ghost-arrow--color--hover:var(--theme-color-primary);--theme-breadcrumb-ghost-arrow--color--active:var(--theme-color-primary);--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-contrast-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-std-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-contrast-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-primary);--theme-chip-primary-outline--border-color--active:var(--theme-color-primary);--theme-chip-primary-outline--color:var(--theme-color-primary);--theme-chip-primary-outline--color--hover:var(--theme-color-primary);--theme-chip-primary-outline--color--active:var(--theme-color-primary);--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-3);--theme-menu--background:var(--theme-color-1);--theme-menu--border-color:var(--theme-color-soft-bdr);--theme-menu-header--color:var(--theme-color-soft-text);--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-std-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-std-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-1);--theme-select-list--border-color:var(--theme-color-soft-bdr);--theme-tab--background:var(--theme-color-ghost);--theme-tab--background--hover:var(--theme-color-ghost--hover);--theme-tab--background--active:var(--theme-color-ghost--active);--theme-tab--background--selected:var(--theme-color-ghost);--theme-tab--background--disabled:var(--theme-color-ghost);--theme-tab-indicator--background:var(--theme-color-0);--theme-tab-indicator--background--hover:var(--theme-color-6);--theme-tab-indicator--background--active:var(--theme-color-6);--theme-tab-indicator--background--selected:var(--theme-color-primary);--theme-tab-indicator--background--disabled:var(--theme-color-0);--theme-animated-tab-indicator--background:var(--theme-color-0);--theme-animated-tab-indicator--background--hover:var(--theme-color-0);--theme-animated-tab-indicator--background--active:var(--theme-color-0);--theme-animated-tab-indicator--background--selected:var(--theme-color-primary);--theme-tab--color:var(--theme-color-soft-text);--theme-tab--color--hover:var(--theme-color-soft-text);--theme-tab--color--active:var(--theme-color-soft-text);--theme-tab--color--selected:var(--theme-color-primary);--theme-tab--color--disabled:var(--theme-color-weak-text);--theme-tab-icon--color:var(--theme-color-soft-text);--theme-tab-icon--color--hover:var(--theme-color-soft-text);--theme-tab-icon--color--active:var(--theme-color-soft-text);--theme-tab-icon--color--selected:var(--theme-color-primary);--theme-tab-icon--color--disabled:var(--theme-color-weak-text);--theme-animated-tab-icon--color:var(--theme-color-soft-text);--theme-animated-tab-icon--color--hover:var(--theme-color-soft-text);--theme-animated-tab-icon--color--active:var(--theme-color-soft-text);--theme-animated-tab-icon--color--selected:var(--theme-color-primary--contrast);--theme-animated-tab-icon--color--disabled:var(--theme-color-weak-text);--theme-animated-tab-circle--background:var(--theme-color-1);--theme-animated-tab-circle--background--hover:var(--theme-color-1--hover);--theme-animated-tab-circle--background--active:var(--theme-color-1--active);--theme-animated-tab-circle--background--selected:var(--theme-color-primary);--theme-animated-tab-circle--background--disabled:var(--theme-color-0);--theme-animated-tab-circle--border-color:var(--theme-color-soft-bdr);--theme-animated-tab-circle--border-color--hover:var(--theme-color-soft-bdr);--theme-animated-tab-circle--border-color--active:var(--theme-color-soft-bdr);--theme-animated-tab-circle--border-color--selected:var(--theme-color-0);--theme-animated-tab-circle--border-color--disabled:var(--theme-color-weak-bdr);--theme-tab-pill--border-color:var(--theme-color-std-bdr);--theme-tab-pill--border-color--hover:var(--theme-color-std-bdr);--theme-tab-pill--border-color--active:var(--theme-color-std-bdr);--theme-tab-pill--border-color--selected:var(--theme-color-primary);--theme-tab-pill--border-color--disabled:var(--theme-color-weak-bdr);--theme-input-unit--color:var(--theme-color-soft-text);--theme-input-gripper--color:var(--theme-color-weak-bdr);--theme-input-gripper--color--hover:var(--theme-color-weak-bdr);--theme-input-gripper--color--focus:var(--theme-color-weak-bdr);--theme-input-search-icon--color:var(--theme-color-std-text);--theme-input-search-icon--color--hover:var(--theme-color-std-text);--theme-input-search-icon--color--focus:var(--theme-color-std-text);--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-std-text);--theme-input-select-icon--color--active:var(--theme-color-std-text);--theme-switch-off--background--hover:var(--theme-color-component-4);--theme-switch-off--background--active:var(--theme-color-component-3);--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-3);--theme-switch-mixed--background--hover:var(--theme-color-component-4);--theme-switch-mixed--background--active:var(--theme-color-component-3);--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-6);--theme-modal--background:var(--theme-color-1);--theme-modal--border-color:var(--theme-color-soft-bdr);--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--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--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-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-std-text);--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-3);--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-header--background:var(--theme-color-3);--theme-overlay-header--color:var(--theme-color-std-text);--theme-nav-overlay--background:var(--theme-color-backdrop);--theme-nav-overlay-header--color:var(--theme-color-std-text);--theme-event-item--background:var(--theme-color-secondary);--theme-event-item--background--disabled:var(--theme-color-component-2);--theme-event-item--border--hover:var(--theme-color-weak-bdr);--theme-event-item--border:var(--theme-color-weak-bdr);--theme-event-item--border--active:var(--theme-color-weak-bdr);--theme-event-item--border--selected:var(--theme-color-dynamic);--theme-event-item--background--hover:var(--theme-color-secondary--hover);--theme-event-item--border--disabled:var(--theme-color-component-2);--theme-event-item--background--active:var(--theme-color-secondary--active);--theme-event-item--background--selected:var(--theme-color-component-5);--theme-event-item-chevron--color:var(--theme-color-soft-text);--theme-flip--color:var(--theme-color-std-text);--theme-flip--background:var(--theme-color-1);--theme-flip--border-color:var(--theme-color-soft-bdr);--theme-flip-footer--background:var(--theme-color-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-table-data-row-alt--background:var(--theme-color-ghost-alt);--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-primary);--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-primary);--theme-group-item-indicator--background--subselected:var(--theme-color-primary);--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-primary);--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-secondary--active);--theme-input-extra--background--hover:var(--theme-color-secondary--hover);--theme-btn-outline-primary--border-color:var(--theme-color-primary);--theme-btn-outline-primary--border-color--hover:var(--theme-color-primary);--theme-btn-outline-primary--border-color--active:var(--theme-color-primary);--theme-btn-outline-primary--border-color--disabled:var(--theme-color-component-4);--theme-btn-invisible-secondary--background--disabled:var(--theme-color-ghost);--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-checked--color--hover:var(--theme-color-dynamic);--theme-input-hint--color:var(--theme-color-soft-text);--theme-menu-separator--background:var(--theme-color-weak-bdr);--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-toast-timer-track--background:var(--theme-color-0);--theme-toast-timer-value--background:var(--theme-color-6);--theme-toast--background:var(--theme-color-1);--theme-toast--border-color:var(--theme-color-0);--theme-toast--color:var(--theme-color-std-text);--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--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--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-overlay--background:var(--theme-color-backdrop);--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-neutral);--theme-workflow-step-icon-default--color--selected:var(--theme-color-primary);--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-primary);--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-1);--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-weak-bdr);--theme-table--color:var(--theme-color-std-text);--theme-table-header-row--background:var(--theme-color-component-11);--theme-table-header-row--border-color:var(--theme-color-weak-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-primary);--theme-table-header-sort--color:var(--theme-color-primary);--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--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-table-group-header-row--background:var(--theme-color-component-11);--theme-table-group-header-row--border-color:var(--theme-color-weak-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-std-text);--theme-label--color--disabled:var(--theme-color-weak-text);--theme-table-selection--border-color:var(--theme-color-0);--theme-shadow-1:0px 2px 2px var(--theme-color-shadow-2),0px 1px 1px var(--theme-color-shadow-1);--theme-shadow-2:-4px 0px 8px var(--theme-color-shadow-2),4px 0px 8px var(--theme-color-shadow-2),0px 0px 16px var(--theme-color-shadow-1);--theme-shadow-3:0px 2px 6px var(--theme-color-shadow-2),0px 0px 8px var(--theme-color-shadow-1);--theme-shadow-4:0px 0px 2px var(--theme-color-shadow-1),0px 4px 8px var(--theme-color-shadow-1),0px 12px 18px var(--theme-color-shadow-1);--theme-inset-shadow-1:inset 0px 2px 4px var(--theme-color-shadow-3);--theme-input--box-shadow:none;--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:var(--theme-shadow-3);--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-md) var(--theme-font-sans);--theme-body-sm:var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-md) var(--theme-font-sans);--theme-body-lg:var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-md) 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-md) 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-md) var(--theme-font-sans);--theme-h3:var(--theme-font-weight-bold) var(--theme-ms-2)/var(--theme-line-height-md) 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-default-border-radius);--theme-blind--border-radius:var(--theme-default-border-radius);--theme-breadcrumb--border-radius:var(--theme-default-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-default-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.25rem;--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.0625rem;--theme-checkbox--focus--outline-offset:0.0625rem;--theme-radiobtn--focus--outline-offset:0.0625rem;--theme-input--focus--outline-offset:0.0625rem;--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.125rem;--theme-app-header--border-width:0.0625rem;--theme-blind--border-thickness:0.0625rem;--theme-checkbox--border-thickness:0.125rem;--theme-focus--border-thickness:0.0625rem;--theme-radiobtn--border-thickness:0.125rem;--theme-input--border-thickness:0.0625rem;--theme-menu--border-thickness:0.0625rem;--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:legacy-classic-light}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
|
|
3
|
-
*/
|
|
4
|
-
:root {
|
|
5
|
-
.theme-legacy-classic-dark {
|
|
6
|
-
--theme-primary-bdr-1: 0.0625rem solid var(--theme-color-primary);
|
|
7
|
-
--theme-primary-bdr-2: 0.125rem solid var(--theme-color-primary);
|
|
8
|
-
--theme-dynamic-bdr-1: 0.0625rem solid var(--theme-color-dynamic);
|
|
9
|
-
--theme-dynamic-bdr-2: 0.125rem solid var(--theme-color-dynamic);
|
|
10
|
-
--theme-contrast-bdr-1: 0.0625rem solid var(--theme-color-contrast-bdr);
|
|
11
|
-
--theme-contrast-bdr-2: 0.125rem solid var(--theme-color-contrast-bdr);
|
|
12
|
-
--theme-std-bdr-1: 0.0625rem solid var(--theme-color-std-bdr);
|
|
13
|
-
--theme-std-bdr-2: 0.125rem solid var(--theme-color-std-bdr);
|
|
14
|
-
--theme-soft-bdr-1: 0.0625rem solid var(--theme-color-soft-bdr);
|
|
15
|
-
--theme-soft-bdr-2: 0.125rem solid var(--theme-color-soft-bdr);
|
|
16
|
-
--theme-soft-dashed-bdr-1: 0.0625rem dashed var(--theme-color-soft-bdr);
|
|
17
|
-
--theme-soft-dashed-bdr-2: 0.125rem dashed var(--theme-color-soft-bdr);
|
|
18
|
-
--theme-weak-bdr-1: 0.0625rem solid var(--theme-color-weak-bdr);
|
|
19
|
-
--theme-weak-bdr-2: 0.125rem solid var(--theme-color-weak-bdr);
|
|
20
|
-
--theme-x-weak-bdr-1: 0.0625rem solid var(--theme-color-x-weak-bdr);
|
|
21
|
-
--theme-x-weak-bdr-2: 0.125rem solid var(--theme-color-x-weak-bdr);
|
|
22
|
-
--theme-alarm-bdr-1: 0.0625rem solid var(--theme-color-alarm);
|
|
23
|
-
--theme-alarm-bdr-2: 0.125rem solid var(--theme-color-alarm);
|
|
24
|
-
--theme-critical-bdr-1: 0.0625rem solid var(--theme-color-critical);
|
|
25
|
-
--theme-critical-bdr-2: 0.125rem solid var(--theme-color-critical);
|
|
26
|
-
--theme-warning-bdr-1: 0.0625rem solid var(--theme-color-warning);
|
|
27
|
-
--theme-warning-bdr-2: 0.125rem solid var(--theme-color-warning);
|
|
28
|
-
--theme-success-bdr-1: 0.0625rem solid var(--theme-color-success);
|
|
29
|
-
--theme-success-bdr-2: 0.125rem solid var(--theme-color-success);
|
|
30
|
-
--theme-info-bdr-1: 0.0625rem solid var(--theme-color-info);
|
|
31
|
-
--theme-info-bdr-2: 0.125rem solid var(--theme-color-info);
|
|
32
|
-
--theme-neutral-bdr-1: 0.0625rem solid var(--theme-color-neutral);
|
|
33
|
-
--theme-neutral-bdr-2: 0.125rem solid var(--theme-color-neutral);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
|
|
3
|
-
*/
|
|
4
|
-
:root {
|
|
5
|
-
.theme-legacy-classic-dark {
|
|
6
|
-
--theme-default-border-radius: 0.25rem;
|
|
7
|
-
--theme-small-border-radius: 0.125rem;
|
|
8
|
-
--theme-min-border-radius: 0rem;
|
|
9
|
-
--theme-btn--border-radius: var(--theme-default-border-radius);
|
|
10
|
-
--theme-blind--border-radius: var(--theme-default-border-radius);
|
|
11
|
-
--theme-breadcrumb--border-radius: var(--theme-default-border-radius);
|
|
12
|
-
--theme-group--border-radius: var(--theme-default-border-radius);
|
|
13
|
-
--theme-group--border-radius--focus: var(--theme-min-border-radius);
|
|
14
|
-
--theme-kpi--border-radius: var(--theme-default-border-radius);
|
|
15
|
-
--theme-input--border-radius: var(--theme-default-border-radius);
|
|
16
|
-
--theme-menu--border-radius: var(--theme-default-border-radius);
|
|
17
|
-
--theme-message-bar--border-radius: var(--theme-default-border-radius);
|
|
18
|
-
--theme-tile--border-radius: var(--theme-default-border-radius);
|
|
19
|
-
--theme-toast--border-radus: var(--theme-default-border-radius);
|
|
20
|
-
--theme-flip-tile--border-radius: var(--theme-default-border-radius);
|
|
21
|
-
--theme-upload--border-radius: var(--theme-default-border-radius);
|
|
22
|
-
--theme-workflow--border-radius: var(--theme-default-border-radius);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
|
|
3
|
-
*/
|
|
4
|
-
:root {
|
|
5
|
-
.theme-legacy-classic-dark {
|
|
6
|
-
--theme-btn--border-thickness: 0.125rem;
|
|
7
|
-
--theme-app-header--border-width: 0.0625rem;
|
|
8
|
-
--theme-blind--border-thickness: 0.0625rem;
|
|
9
|
-
--theme-checkbox--border-thickness: 0.125rem;
|
|
10
|
-
--theme-focus--border-thickness: 0.0625rem;
|
|
11
|
-
--theme-radiobtn--border-thickness: 0.125rem;
|
|
12
|
-
--theme-input--border-thickness: 0.0625rem;
|
|
13
|
-
--theme-menu--border-thickness: 0.0625rem;
|
|
14
|
-
--theme-message-bar--border-thickness: 0.125rem;
|
|
15
|
-
--theme-modal--border-thickness: 0.0625rem;
|
|
16
|
-
--theme-toast--border-thickness: 0rem;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.
|
|
3
|
-
*/
|
|
4
|
-
:root {
|
|
5
|
-
.theme-legacy-classic-dark {
|
|
6
|
-
--theme-shadow-1: 0px 2px 2px var(--theme-color-shadow-2), 0px 1px 1px var(--theme-color-shadow-1);
|
|
7
|
-
--theme-shadow-2: -4px 0px 8px var(--theme-color-shadow-2), 4px 0px 8px var(--theme-color-shadow-2), 0px 0px 16px var(--theme-color-shadow-1);
|
|
8
|
-
--theme-shadow-3: 0px 2px 6px var(--theme-color-shadow-2), 0px 0px 8px var(--theme-color-shadow-1);
|
|
9
|
-
--theme-shadow-4: 0px 0px 2px var(--theme-color-shadow-1), 0px 4px 8px var(--theme-color-shadow-1), 0px 12px 18px var(--theme-color-shadow-1);
|
|
10
|
-
--theme-inset-shadow-1: inset 0px 2px 4px var(--theme-color-shadow-3);
|
|
11
|
-
--theme-input--box-shadow: none;
|
|
12
|
-
--theme-menu--box-shadow: var(--theme-shadow-4);
|
|
13
|
-
--theme-navigation--box-shadow: var(--theme-shadow-2);
|
|
14
|
-
--theme-modal--box-shadow: var(--theme-shadow-4);
|
|
15
|
-
--theme-switch-thumb--box-shadow: none;
|
|
16
|
-
--theme-tile--box-shadow: var(--theme-shadow-3);
|
|
17
|
-
--theme-toast--box-shadow: var(--theme-shadow-4);
|
|
18
|
-
}
|
|
19
|
-
}
|