@cds/core 6.2.5 → 6.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/internal/utils/global.js +1 -1
  2. package/package.json +1 -3
  3. package/styles/theme.dark.css +1 -1
  4. package/styles/theme.dark.min.css +1 -1
  5. package/styles/shim.clr-ui.css +0 -667
  6. package/styles/shim.clr-ui.min.css +0 -127
package/internal/utils/global.js CHANGED
@@ -1,2 +1,2 @@
1
- import{isBrowser as e}from"./environment.js";import{getAngularVersion as n,getAngularJSVersion as o,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],layerElements:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){const e="6.2.5";window.CDS._version.indexOf(e)<0&&(window.CDS._version.push(e),document.querySelector("body")?.setAttribute("cds-version",window.CDS._version.join(" "))),window.CDS._version.length>1&&r.warn("Running more than one version of Clarity can cause unexpected issues. Please ensure only one version is loaded.")}(),window.CDS._isStateProxied||(window.CDS._isStateProxied=!0,window.CDS._state=new Proxy(window.CDS._state,{set:(e,n,o)=>{const t={key:n,prev:window.CDS._state[n],current:o};return e[n]=o,document.dispatchEvent(new CustomEvent("CDS_STATE_UPDATE",{detail:t})),!0}})))}function a(){return{versions:window.CDS._version,environment:window.CDS.environment,userAgent:navigator.userAgent,supports:window.CDS._supports,angularVersion:n(!1),angularJSVersion:o(!1),reactVersion:t(!1),vueVersion:i(!1),state:{...window.CDS._state,iconRegistry:Object.keys(window.CDS._state.iconRegistry),motionRegistry:Object.keys(window.CDS._state.motionRegistry),focusTrapRegistry:Object.keys(window.CDS._state.focusTrapItems.map((e=>e.focusTrapId)))}}}function d(){r.log(JSON.stringify(a(),null,2))}export{w as setupCDSGlobal};
1
+ import{isBrowser as e}from"./environment.js";import{getAngularVersion as n,getAngularJSVersion as o,getReactVersion as t,getVueVersion as i}from"./framework.js";import{browserFeatures as s}from"./supports.js";import{LogService as r}from"../services/log.service.js";function w(){e()&&(window.CDS=window.CDS||{_version:[],_react:{version:void 0},_supports:s.supports,_isStateProxied:!1,_state:{focusTrapItems:[],layerElements:[],i18nRegistry:{},elementRegistry:{},iconRegistry:{},motionRegistry:{}},environment:{production:!1},getDetails:a,logDetails:d},function(){const e="6.3.1";window.CDS._version.indexOf(e)<0&&(window.CDS._version.push(e),document.querySelector("body")?.setAttribute("cds-version",window.CDS._version.join(" "))),window.CDS._version.length>1&&r.warn("Running more than one version of Clarity can cause unexpected issues. Please ensure only one version is loaded.")}(),window.CDS._isStateProxied||(window.CDS._isStateProxied=!0,window.CDS._state=new Proxy(window.CDS._state,{set:(e,n,o)=>{const t={key:n,prev:window.CDS._state[n],current:o};return e[n]=o,document.dispatchEvent(new CustomEvent("CDS_STATE_UPDATE",{detail:t})),!0}})))}function a(){return{versions:window.CDS._version,environment:window.CDS.environment,userAgent:navigator.userAgent,supports:window.CDS._supports,angularVersion:n(!1),angularJSVersion:o(!1),reactVersion:t(!1),vueVersion:i(!1),state:{...window.CDS._state,iconRegistry:Object.keys(window.CDS._state.iconRegistry),motionRegistry:Object.keys(window.CDS._state.motionRegistry),focusTrapRegistry:Object.keys(window.CDS._state.focusTrapItems.map((e=>e.focusTrapId)))}}}function d(){r.log(JSON.stringify(a(),null,2))}export{w as setupCDSGlobal};
2
2
  //# sourceMappingURL=global.js.map
package/package.json CHANGED
@@ -229,8 +229,6 @@
229
229
  "./tree-view/register": "./tree-view/register.js",
230
230
  "./global.css": "./global.css",
231
231
  "./global.min.css": "./global.min.css",
232
- "./styles/shim.clr-ui.css": "./styles/shim.clr-ui.css",
233
- "./styles/shim.clr-ui.min.css": "./styles/shim.clr-ui.min.css",
234
232
  "./styles/module.layout.css": "./styles/module.layout.css",
235
233
  "./styles/module.layout.min.css": "./styles/module.layout.min.css",
236
234
  "./styles/module.reset.css": "./styles/module.reset.css",
@@ -257,5 +255,5 @@
257
255
  "./tokens/tokens.ios.swift": "./tokens/tokens.ios.swift",
258
256
  "./tokens/tokens.android.xml": "./tokens/tokens.android.xml"
259
257
  },
260
- "version": "6.2.5"
258
+ "version": "6.3.1"
261
259
  }
package/styles/theme.dark.css CHANGED
@@ -7,7 +7,7 @@
7
7
  --cds-global-typography-color-500: var(--cds-global-color-white);
8
8
  --cds-global-typography-color-400: var(--cds-global-color-construction-100);
9
9
  --cds-global-typography-color-300: var(--cds-global-color-construction-200);
10
- --cds-global-typography-color-200: var(--cds-global-color-construction-600);
10
+ --cds-global-typography-color-200: var(--cds-global-color-construction-300);
11
11
  --cds-global-typography-color-100: var(--cds-global-color-construction-900);
12
12
  --cds-global-typography-link-color: var(--cds-global-color-blue-400);
13
13
  --cds-global-typography-link-color-hover: var(--cds-global-color-blue-500);
package/styles/theme.dark.min.css CHANGED
@@ -1 +1 @@
1
- [cds-theme~=dark]{--cds-global-typography-color-500:var(--cds-global-color-white);--cds-global-typography-color-400:var(--cds-global-color-construction-100);--cds-global-typography-color-300:var(--cds-global-color-construction-200);--cds-global-typography-color-200:var(--cds-global-color-construction-600);--cds-global-typography-color-100:var(--cds-global-color-construction-900);--cds-global-typography-link-color:var(--cds-global-color-blue-400);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-500);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-300);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-400);--cds-alias-object-app-background:var(--cds-global-color-construction-1000);--cds-alias-object-container-background:var(--cds-global-color-construction-900);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-1000);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-800);--cds-alias-object-container-border-color:var(--cds-global-color-black);--cds-alias-object-overlay-background:var(--cds-global-color-construction-900);--cds-alias-object-border-color:var(--cds-global-color-construction-500);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-400);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-600);--cds-alias-object-shadow-100:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-300);--cds-alias-object-shadow-200:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-200);--cds-alias-object-shadow-300:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-100);--cds-alias-object-interaction-color:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-50);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-100);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background:var(--cds-global-color-construction-900);--cds-alias-object-interaction-background-hover:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-active:var(--cds-global-color-construction-800);--cds-alias-object-interaction-background-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-construction-900);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-400);--cds-alias-status-tint:transparent;--cds-alias-status-info:var(--cds-global-color-blue-400);--cds-alias-status-info-tint:var(--cds-global-color-blue-700);--cds-alias-status-info-shade:var(--cds-global-color-blue-700);--cds-alias-status-success:var(--cds-global-color-green-500);--cds-alias-status-success-tint:var(--cds-global-color-green-700);--cds-alias-status-success-shade:var(--cds-global-color-green-700);--cds-alias-status-warning:var(--cds-global-color-ochre-400);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-500);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-500);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-500);--cds-alias-status-danger:var(--cds-global-color-red-500);--cds-alias-status-danger-dark:var(--cds-global-color-red-800);--cds-alias-status-danger-tint:var(--cds-global-color-red-700);--cds-alias-status-danger-shade:var(--cds-global-color-red-700);--cds-alias-status-neutral:var(--cds-global-color-construction-300);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-500);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-500);--cds-alias-status-disabled:var(--cds-global-color-construction-600);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-700);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-900)}
1
+ [cds-theme~=dark]{--cds-global-typography-color-500:var(--cds-global-color-white);--cds-global-typography-color-400:var(--cds-global-color-construction-100);--cds-global-typography-color-300:var(--cds-global-color-construction-200);--cds-global-typography-color-200:var(--cds-global-color-construction-300);--cds-global-typography-color-100:var(--cds-global-color-construction-900);--cds-global-typography-link-color:var(--cds-global-color-blue-400);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-500);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-300);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-400);--cds-alias-object-app-background:var(--cds-global-color-construction-1000);--cds-alias-object-container-background:var(--cds-global-color-construction-900);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-1000);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-800);--cds-alias-object-container-border-color:var(--cds-global-color-black);--cds-alias-object-overlay-background:var(--cds-global-color-construction-900);--cds-alias-object-border-color:var(--cds-global-color-construction-500);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-400);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-600);--cds-alias-object-shadow-100:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-300);--cds-alias-object-shadow-200:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-200);--cds-alias-object-shadow-300:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-100);--cds-alias-object-interaction-color:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-50);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-100);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background:var(--cds-global-color-construction-900);--cds-alias-object-interaction-background-hover:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-active:var(--cds-global-color-construction-800);--cds-alias-object-interaction-background-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-construction-900);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-400);--cds-alias-status-tint:transparent;--cds-alias-status-info:var(--cds-global-color-blue-400);--cds-alias-status-info-tint:var(--cds-global-color-blue-700);--cds-alias-status-info-shade:var(--cds-global-color-blue-700);--cds-alias-status-success:var(--cds-global-color-green-500);--cds-alias-status-success-tint:var(--cds-global-color-green-700);--cds-alias-status-success-shade:var(--cds-global-color-green-700);--cds-alias-status-warning:var(--cds-global-color-ochre-400);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-500);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-500);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-500);--cds-alias-status-danger:var(--cds-global-color-red-500);--cds-alias-status-danger-dark:var(--cds-global-color-red-800);--cds-alias-status-danger-tint:var(--cds-global-color-red-700);--cds-alias-status-danger-shade:var(--cds-global-color-red-700);--cds-alias-status-neutral:var(--cds-global-color-construction-300);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-500);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-500);--cds-alias-status-disabled:var(--cds-global-color-construction-600);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-700);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-900)}
package/styles/shim.clr-ui.css DELETED
@@ -1,667 +0,0 @@
1
- /*
2
- * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
3
- * This software is released under MIT license.
4
- * The full license information can be found in LICENSE in the root directory of this project.
5
- */
6
- /* This shim file maps the custom properties of @clr/ui to Core tokens. Thus, it is only needed for apps currently dependent on @clr/ui and wanting to apply Core look and feel. */
7
- [cds-theme] {
8
- /* Global */
9
- --clr-global-app-background: var(
10
- --cds-alias-object-app-background
11
- );
12
- --clr-global-selection-color: var(
13
- --cds-alias-object-interaction-background-selected
14
- );
15
- --clr-global-on-selection-color: var(
16
- --cds-alias-object-interaction-color-selected
17
- );
18
- --clr-global-hover-color: var(
19
- --cds-global-typography-link-color-hover
20
- );
21
- --clr-global-content-header-font-color: var(
22
- --cds-global-typography-color-400
23
- );
24
- --clr-global-font-color: var(
25
- --cds-global-typography-color-500
26
- );
27
- --clr-global-success-color: var(--cds-alias-status-success);
28
- --clr-global-error-color: var(--cds-alias-status-danger);
29
- --clr-close-color--normal: var(
30
- --cds-alias-object-interaction-color
31
- );
32
- --clr-close-color--hover: var(
33
- --cds-alias-object-interaction-color-hover
34
- );
35
- /* Typography */
36
- --clr-h1-color: var(--cds-global-typography-color-400);
37
- --clr-h2-color: var(--cds-global-typography-color-400);
38
- --clr-h3-color: var(--cds-global-typography-color-400);
39
- --clr-h4-color: var(--cds-global-typography-color-400);
40
- --clr-h5-color: var(--cds-global-typography-color-400);
41
- --clr-h6-color: var(--cds-global-typography-color-400);
42
- --clr-p0-color: var(--cds-global-typography-color-500);
43
- --clr-p1-color: var(--cds-global-typography-color-500);
44
- --clr-p2-color: var(--cds-global-typography-color-500);
45
- --clr-p3-color: var(--cds-global-typography-color-500);
46
- --clr-p4-color: var(--cds-global-typography-color-500);
47
- --clr-p5-color: var(--cds-global-typography-color-500);
48
- --clr-p6-color: var(--cds-global-typography-color-500);
49
- --clr-p7-color: var(--cds-global-typography-color-500);
50
- --clr-p8-color: var(--cds-global-typography-color-500);
51
- /* Buttons */
52
- --clr-btn-outline-bg-color: transparent;
53
- --clr-btn-default-color: var(--cds-alias-status-info);
54
- --clr-btn-default-border-color: var(--clr-btn-default-color);
55
- --clr-btn-default-bg-color: var(--clr-btn-outline-bg-color);
56
- --clr-btn-default-hover-bg-color: hsla(198, 100%, 34%, 0.1);
57
- --clr-btn-default-hover-color: var(
58
- --cds-alias-status-info
59
- );
60
- --clr-btn-default-box-shadow-color: var(--cds-alias-object-opacity-100);
61
- --clr-btn-default-disabled-color: var(--cds-alias-status-disabled-tint);
62
- --clr-btn-default-disabled-bg-color: var(--clr-btn-default-bg-color);
63
- --clr-btn-default-disabled-border-color: var(--cds-alias-status-disabled-tint);
64
- --clr-btn-default-checked-color: var(--cds-global-typography-color-100);
65
- --clr-btn-default-checked-bg-color: var(--clr-btn-default-color);
66
- --clr-btn-default-outline-color: var(--cds-alias-status-info);
67
- --clr-btn-default-outline-border-color: var(--clr-btn-default-outline-color);
68
- --clr-btn-default-outline-bg-color: var(--clr-btn-outline-bg-color);
69
- --clr-btn-default-outline-hover-bg-color: hsla(198, 100%, 34%, 0.1);
70
- --clr-btn-default-outline-hover-color: var(--cds-alias-status-info);
71
- --clr-btn-default-outline-box-shadow-color: var(--cds-alias-object-opacity-100);
72
- --clr-btn-default-outline-disabled-color: var(--cds-alias-status-disabled-tint);
73
- --clr-btn-default-outline-disabled-bg-color: var(--clr-btn-default-outline-bg-color);
74
- --clr-btn-default-outline-disabled-border-color: var(
75
- --cds-alias-status-disabled-tint
76
- );
77
- --clr-btn-default-outline-checked-color: var(--cds-global-typography-color-100);
78
- --clr-btn-default-outline-checked-bg-color: var(--clr-btn-default-outline-bg-color);
79
- --clr-btn-primary-color: var(--cds-global-typography-color-100);
80
- --clr-btn-primary-bg-color: var(--cds-alias-status-info);
81
- --clr-btn-primary-border-color: var(--cds-alias-status-info);
82
- --clr-btn-primary-hover-bg-color: var(--cds-alias-status-info);
83
- --clr-btn-primary-hover-color: var(--cds-global-typography-color-100);
84
- --clr-btn-primary-box-shadow-color: var(--cds-alias-object-opacity-100);
85
- --clr-btn-primary-disabled-color: var(--cds-global-typography-color-100);
86
- --clr-btn-primary-disabled-bg-color: var(--cds-alias-status-disabled-tint);
87
- --clr-btn-primary-disabled-border-color: var(--cds-alias-status-disabled-tint);
88
- --clr-btn-primary-checked-bg-color: var(--cds-alias-status-info);
89
- --clr-btn-primary-checked-color: var(--cds-global-typography-color-100);
90
- --clr-btn-success-color: var(--cds-global-typography-color-100);
91
- --clr-btn-success-bg-color: var(--cds-alias-status-success);
92
- --clr-btn-success-border-color: var(--clr-btn-success-bg-color);
93
- --clr-btn-success-hover-bg-color: var(--cds-alias-status-success);
94
- --clr-btn-success-hover-color: var(--clr-btn-success-color);
95
- --clr-btn-success-box-shadow-color: var(--cds-alias-object-opacity-100);
96
- --clr-btn-success-disabled-color: var(--cds-global-typography-color-100);
97
- --clr-btn-success-disabled-bg-color: var(--cds-alias-status-disabled-tint);
98
- --clr-btn-success-disabled-border-color: var(--cds-alias-status-disabled-tint);
99
- --clr-btn-success-checked-bg-color: var(--clr-btn-success-bg-color);
100
- --clr-btn-success-checked-color: var(--clr-btn-success-color);
101
- --clr-btn-success-outline-color: var(--cds-alias-status-success);
102
- --clr-btn-success-outline-bg-color: var(--clr-btn-outline-bg-color);
103
- --clr-btn-success-outline-border-color: var(--cds-alias-status-success);
104
- --clr-btn-success-outline-hover-bg-color: hsla(93, 80%, 28%, 0.1);
105
- --clr-btn-success-outline-hover-color: var(--cds-alias-status-success);
106
- --clr-btn-success-outline-box-shadow-color: var(--cds-alias-object-opacity-100);
107
- --clr-btn-success-outline-disabled-color: var(--cds-alias-status-disabled-tint);
108
- --clr-btn-success-outline-disabled-bg-color: var(--clr-btn-success-outline-bg-color);
109
- --clr-btn-success-outline-disabled-border-color: var(
110
- --cds-alias-status-disabled-tint
111
- );
112
- --clr-btn-success-outline-checked-bg-color: var(--clr-btn-success-outline-bg-color);
113
- --clr-btn-success-outline-checked-color: var(--clr-btn-success-outline-color);
114
- --clr-btn-danger-color: var(--cds-global-typography-color-100);
115
- --clr-btn-danger-bg-color: var(--cds-alias-status-danger);
116
- --clr-btn-danger-border-color: var(--clr-btn-danger-bg-color);
117
- --clr-btn-danger-hover-bg-color: var(--cds-alias-status-danger);
118
- --clr-btn-danger-hover-color: var(--clr-btn-danger-color);
119
- --clr-btn-danger-box-shadow-color: var(--cds-alias-object-opacity-100);
120
- --clr-btn-danger-disabled-color: var(--cds-global-typography-color-100);
121
- --clr-btn-danger-disabled-bg-color: var(--cds-alias-status-disabled-tint);
122
- --clr-btn-danger-disabled-border-color: var(--clr-btn-danger-disabled-color);
123
- --clr-btn-danger-checked-bg-color: var(--clr-btn-danger-bg-color);
124
- --clr-btn-danger-checked-color: var(--clr-btn-danger-color);
125
- --clr-btn-danger-outline-color: var(--cds-alias-status-danger);
126
- --clr-btn-danger-outline-bg-color: var(--clr-btn-outline-bg-color);
127
- --clr-btn-danger-outline-border-color: var(--cds-alias-status-danger);
128
- --clr-btn-danger-outline-hover-bg-color: hsla(9, 100%, 44%, 0.1);
129
- --clr-btn-danger-outline-hover-color: var(--cds-alias-status-danger);
130
- --clr-btn-danger-outline-box-shadow-color: var(--cds-alias-object-opacity-100);
131
- --clr-btn-danger-outline-disabled-color: var(--cds-alias-status-disabled-tint);
132
- --clr-btn-danger-outline-disabled-bg-color: var(--clr-btn-danger-outline-bg-color);
133
- --clr-btn-danger-outline-disabled-border-color: var(--cds-alias-status-disabled-tint);
134
- --clr-btn-danger-outline-checked-bg-color: var(--clr-btn-danger-outline-bg-color);
135
- --clr-btn-danger-outline-checked-color: var(--clr-btn-danger-outline-color);
136
- --clr-btn-warning-color: var(--cds-global-color-construction-900);
137
- --clr-btn-warning-bg-color: var(--cds-alias-status-warning);
138
- --clr-btn-warning-border-color: var(--clr-btn-warning-bg-color);
139
- --clr-btn-warning-hover-bg-color: var(--cds-alias-status-warning);
140
- --clr-btn-warning-hover-color: var(--clr-btn-warning-color);
141
- --clr-btn-warning-box-shadow-color: var(--cds-alias-object-opacity-100);
142
- --clr-btn-warning-disabled-color: var(--cds-global-typography-color-100);
143
- --clr-btn-warning-disabled-bg-color: var(--cds-alias-status-disabled-tint);
144
- --clr-btn-warning-disabled-border-color: var(--clr-btn-warning-disabled-color);
145
- --clr-btn-warning-checked-bg-color: var(--clr-btn-warning-bg-color);
146
- --clr-btn-warning-checked-color: var(--clr-btn-warning-color);
147
- --clr-btn-warning-outline-color: var(--cds-alias-status-warning-dark);
148
- --clr-btn-warning-outline-bg-color: var(--clr-btn-outline-bg-color);
149
- --clr-btn-warning-outline-border-color: var(--cds-alias-status-warning-dark);
150
- --clr-btn-warning-outline-hover-bg-color: hsla(40, 100%, 59%, 0.1);
151
- --clr-btn-warning-outline-hover-color: var(--cds-alias-status-warning-dark);
152
- --clr-btn-warning-outline-box-shadow-color: var(--cds-alias-object-opacity-100);
153
- --clr-btn-warning-outline-disabled-color: var(--cds-alias-status-disabled-tint);
154
- --clr-btn-warning-outline-disabled-bg-color: var(--clr-btn-warning-outline-bg-color);
155
- --clr-btn-warning-outline-disabled-border-color: var(--cds-alias-status-disabled-tint);
156
- --clr-btn-warning-outline-checked-bg-color: var(--clr-btn-warning-outline-bg-color);
157
- --clr-btn-warning-outline-checked-color: var(--clr-btn-warning-outline-color);
158
- --clr-btn-link-color: var(--cds-alias-status-info);
159
- --clr-btn-link-bg-color: transparent;
160
- --clr-btn-link-border-color: transparent;
161
- --clr-btn-link-hover-bg-color: transparent;
162
- --clr-btn-link-hover-color: var(
163
- --cds-alias-status-info
164
- );
165
- --clr-btn-link-disabled-color: var(--cds-alias-status-disabled-tint);
166
- --clr-btn-link-disabled-bg-color: transparent;
167
- --clr-btn-link-disabled-border-color: transparent;
168
- --clr-btn-link-checked-bg-color: transparent;
169
- --clr-btn-link-checked-color: var(
170
- --cds-global-color-blue-800
171
- );
172
- --clr-btn-inverse-color: var(--cds-global-typography-color-100);
173
- --clr-btn-inverse-border-color: var(--cds-global-typography-color-100);
174
- --clr-btn-inverse-bg-color: transparent;
175
- --clr-btn-inverse-hover-bg-color: rgba(255, 255, 255, 0.15);
176
- --clr-btn-inverse-hover-color: var(--cds-global-typography-color-100);
177
- --clr-btn-inverse-box-shadow-color: rgba(0, 0, 0, 0.25);
178
- --clr-btn-inverse-disabled-color: var(--cds-alias-status-disabled-tint);
179
- --clr-btn-inverse-disabled-bg-color: var(--clr-btn-inverse-bg-color);
180
- --clr-btn-inverse-disabled-border-color: var(--cds-alias-status-disabled-tint);
181
- --clr-btn-inverse-checked-bg-color: rgba(255, 255, 255, 0.15);
182
- --clr-btn-inverse-checked-color: var(--cds-alias-status-disabled-tint);
183
- --clr-btn-icon-disabled-color: var(
184
- --cds-alias-status-disabled-tint
185
- );
186
- /* Alert Color Properties */
187
- --clr-alert-action-color: var(--cds-global-typography-color-500);
188
- --clr-alert-action-active-color: var(
189
- --cds-alias-object-interaction-color-active
190
- );
191
- --clr-alert-close-icon-color: var(--clr-alert-action-color);
192
- --clr-alert-close-icon-hover-color: var(--clr-alert-action-active-color);
193
- --clr-app-level-alert-color: var(--cds-global-color-white);
194
- --clr-app-alert-close-icon-color: var(--clr-app-level-alert-color);
195
- --clr-alert-info-bg-color: var(--cds-alias-status-info-tint);
196
- --clr-alert-info-font-color: var(--cds-global-typography-color-400);
197
- --clr-alert-info-border-color: var(
198
- --cds-alias-status-info
199
- );
200
- --clr-alert-info-icon-color: var(
201
- --clr-alert-info-font-color
202
- );
203
- --clr-alert-info-close-icon-color: var(--clr-alert-info-font-color);
204
- --clr-alert-info-action-color: var(--clr-alert-info-font-color);
205
- --clr-alert-success-bg-color: var(--cds-alias-status-success-tint);
206
- --clr-alert-success-font-color: var(--cds-global-typography-color-400);
207
- --clr-alert-success-border-color: var(--cds-alias-status-success);
208
- --clr-alert-success-icon-color: var(--clr-alert-success-font-color);
209
- --clr-alert-success-close-icon-color: var(--clr-alert-success-font-color);
210
- --clr-alert-success-action-color: var(--clr-alert-success-font-color);
211
- --clr-alert-warning-bg-color: var(--cds-alias-status-warning-tint);
212
- --clr-alert-warning-font-color: var(--cds-global-color-construction-900);
213
- --clr-alert-warning-border-color: var(--cds-alias-status-warning);
214
- --clr-alert-warning-icon-color: var(--clr-alert-warning-font-color);
215
- --clr-alert-warning-close-icon-color: var(--clr-alert-warning-font-color);
216
- --clr-alert-warning-action-color: var(--clr-alert-warning-font-color);
217
- --clr-alert-danger-bg-color: var(--cds-alias-status-danger-tint);
218
- --clr-alert-danger-font-color: var(--cds-global-typography-color-400);
219
- --clr-alert-danger-border-color: var(--cds-alias-status-danger);
220
- --clr-alert-danger-icon-color: var(--clr-alert-danger-font-color);
221
- --clr-alert-danger-close-icon-color: var(--clr-alert-danger-font-color);
222
- --clr-alert-danger-action-color: var(--clr-alert-danger-font-color);
223
- --clr-app-alert-info-bg-color: var(--cds-alias-status-info);
224
- --clr-app-alert-info-font-color: var(--cds-global-typography-color-100);
225
- --clr-app-alert-info-icon-color: var(--clr-app-alert-info-font-color);
226
- --clr-app-alert-info-action-color: var(--clr-app-alert-info-font-color);
227
- --clr-app-alert-info-action-active-color: var(--clr-app-alert-info-font-color);
228
- --clr-app-alert-info-close-icon-color: var(--clr-app-alert-info-font-color);
229
- --clr-app-alert-info-close-icon-hover-color: var(--clr-app-alert-info-font-color);
230
- --clr-app-alert-warning-bg-color: var(--cds-alias-status-warning);
231
- --clr-app-alert-warning-font-color: var(--cds-global-typography-color-500);
232
- --clr-app-alert-warning-icon-color: var(--clr-app-alert-warning-font-color);
233
- --clr-app-alert-warning-close-icon-color: var(--clr-app-alert-warning-font-color);
234
- --clr-app-alert-warning-action-color: var(--clr-app-alert-warning-font-color);
235
- --clr-app-alert-warning-action-active-color: var(
236
- --clr-app-alert-warning-font-color
237
- );
238
- --clr-app-alert-warning-close-icon-hover-color: var(
239
- --clr-app-alert-warning-font-color
240
- );
241
- --clr-app-alert-danger-bg-color: var(--cds-alias-status-danger);
242
- --clr-app-alert-danger-font-color: var(--cds-global-typography-color-100);
243
- --clr-app-alert-danger-icon-color: var(--clr-app-alert-danger-font-color);
244
- --clr-app-alert-danger-close-icon-color: var(--clr-app-alert-danger-font-color);
245
- --clr-app-alert-danger-action-color: var(--clr-app-alert-danger-font-color);
246
- --clr-app-alert-danger-action-active-color: var(--clr-app-alert-danger-font-color);
247
- --clr-app-alert-danger-close-icon-hover-color: var(
248
- --clr-app-alert-danger-font-color
249
- );
250
- --clr-app-alert-success-bg-color: var(--cds-alias-status-success);
251
- --clr-app-alert-success-font-color: var(--cds-global-typography-color-100);
252
- --clr-app-alert-success-icon-color: var(--clr-app-alert-success-font-color);
253
- --clr-app-alert-success-close-icon-color: var(--clr-app-alert-success-font-color);
254
- --clr-app-alert-success-action-color: var(--clr-app-alert-success-font-color);
255
- --clr-app-alert-success-action-active-color: var(--clr-app-alert-success-font-color);
256
- --clr-app-alert-success-close-icon-hover-color: var(
257
- --clr-app-alert-success-font-color
258
- );
259
- --clr-app-alert-pager-text-color: var(
260
- --cds-global-typography-color-500
261
- );
262
- --clr-app-alert-info-pager-bg-color: var(
263
- --cds-alias-status-info-shade
264
- );
265
- --clr-app-alert-warning-pager-bg-color: var(
266
- --cds-alias-status-warning-shade
267
- );
268
- --clr-app-alert-danger-pager-bg-color: var(
269
- --cds-alias-status-danger-shade
270
- );
271
- --clr-app-alert-info-pager-font-color: var(--cds-global-color-white);
272
- --clr-app-alert-warning-pager-font-color: var(--cds-global-color-black);
273
- --clr-app-alert-danger-pager-font-color: var(--cds-global-color-white);
274
- --clr-app-alert-success-pager-font-color: var(--cds-global-color-white);
275
- /* Labels */
276
- --clr-label-font-color-light: var(--cds-global-typography-color-500);
277
- --clr-label-font-color-dark: var(--cds-global-typography-color-500);
278
- --clr-label-default-border-color: var(--cds-alias-status-neutral);
279
- --clr-label-bg-hover-color: var(--cds-alias-status-neutral-tint);
280
- --clr-label-gray-bg-color: var(
281
- --cds-alias-status-neutral
282
- );
283
- --clr-label-gray-color: var(--clr-label-font-color-light);
284
- --clr-label-purple-bg-color: var(--cds-global-color-violet-600);
285
- --clr-label-purple-color: var(--clr-label-font-color-light);
286
- --clr-label-blue-bg-color: var(--cds-global-color-blue-800);
287
- --clr-label-blue-color: var(--clr-label-font-color-light);
288
- --clr-label-orange-bg-color: var(--cds-global-color-ochre-800);
289
- --clr-label-orange-color: var(--clr-label-font-color-dark);
290
- --clr-label-light-blue-bg-color: var(--cds-global-color-blue-600);
291
- --clr-label-light-blue-color: var(--clr-label-font-color-dark);
292
- --clr-label-info-bg-color: var(--cds-alias-status-tint);
293
- --clr-label-info-font-color: var(--clr-label-font-color-light);
294
- --clr-label-info-border-color: var(--cds-alias-status-info);
295
- --clr-label-success-bg-color: var(--cds-alias-status-tint);
296
- --clr-label-success-font-color: var(--clr-label-font-color-light);
297
- --clr-label-success-border-color: var(--cds-alias-status-success);
298
- --clr-label-warning-bg-color: var(--cds-alias-status-tint);
299
- --clr-label-warning-font-color: var(--clr-label-font-color-light);
300
- --clr-label-warning-border-color: var(--cds-alias-status-warning);
301
- --clr-label-danger-bg-color: var(--cds-alias-status-tint);
302
- --clr-label-danger-font-color: var(--clr-label-font-color-light);
303
- --clr-label-danger-border-color: var(--cds-alias-status-danger);
304
- /* Badges */
305
- --clr-badge-background-color: var(--cds-alias-status-neutral-shade);
306
- --clr-badge-color: var(--cds-global-color-white);
307
- --clr-badge-info-bg-color: var(--cds-alias-status-info-shade);
308
- --clr-badge-info-color: var(--cds-global-color-white);
309
- --clr-badge-success-bg-color: var(--cds-alias-status-success-shade);
310
- --clr-badge-success-color: var(--cds-global-color-white);
311
- --clr-badge-warning-bg-color: var(--cds-alias-status-warning-shade);
312
- --clr-badge-warning-color: var(--cds-global-color-black);
313
- --clr-badge-danger-bg-color: var(--cds-alias-status-danger-shade);
314
- --clr-badge-danger-color: var(--cds-global-color-white);
315
- --clr-badge-gray-bg-color: var(--cds-global-color-gray-600);
316
- --clr-badge-gray-color: var(--cds-global-color-white);
317
- --clr-badge-purple-bg-color: var(--cds-global-color-violet-500);
318
- --clr-badge-purple-color: var(--cds-global-color-white);
319
- --clr-badge-blue-bg-color: var(--cds-global-color-blue-800);
320
- --clr-badge-blue-color: var(--cds-global-color-white);
321
- --clr-badge-orange-bg-color: var(--cds-global-color-tangerine-400);
322
- --clr-badge-orange-color: var(--cds-global-color-black);
323
- --clr-badge-light-blue-bg-color: var(--cds-global-color-blue-300);
324
- --clr-badge-light-blue-color: var(--cds-global-color-black);
325
- /* Progress Bars */
326
- --clr-progress-default-color: var(--cds-alias-status-info);
327
- --clr-progress-alt-color-1: var(--cds-alias-status-success);
328
- --clr-progress-alt-color-2: var(--cds-alias-status-danger);
329
- --clr-progress-alt-color-3: var(--clr-progress-alt-color-2);
330
- --clr-progress-bg-color: var(--cds-alias-object-border-color-tint);
331
- /* Accordion */
332
- --clr-accordion-text-color: var(--cds-alias-object-interaction-color);
333
- --clr-accordion-active-background-color: var(
334
- --cds-alias-object-interaction-background-selected
335
- );
336
- --clr-accordion-content-background-color: var(--cds-alias-object-app-background);
337
- --clr-accordion-header-background-color: var(
338
- --cds-alias-object-container-background-tint
339
- );
340
- --clr-accordion-header-hover-background-color: var(
341
- --cds-alias-object-interaction-background-hover
342
- );
343
- --clr-accordion-error-color: var(--cds-alias-status-danger);
344
- --clr-accordion-complete-color: var(--cds-alias-status-success);
345
- --clr-accordion-border-color: var(--cds-alias-object-border-color);
346
- --clr-accordion-border-left-color: var(--cds-alias-object-border-color-tint);
347
- --clr-accordion-border-left-color-complete: var(--clr-accordion-complete-color);
348
- --clr-accordion-border-left-color-error: var(--clr-accordion-error-color);
349
- /* Cards */
350
- --clr-card-bg-color: var(--cds-alias-object-container-background);
351
- --clr-card-divider-color: var(--cds-alias-object-border-color);
352
- --clr-card-title-color: var(--clr-h4-color);
353
- --clr-card-border-color: var(--cds-alias-object-container-border-color);
354
- --clr-card-box-shadow-color: var(--clr-card-border-color);
355
- --clr-card-clickable-border-color: var(
356
- --cds-alias-object-interaction-background-highlight
357
- );
358
- --clr-card-clickable-box-shadow-color: var(--clr-card-clickable-border-color);
359
- --clr-card-border-radius: var(--cds-alias-object-border-radius-100);
360
- /* Forms */
361
- --clr-form-disabled-background-color: var(--cds-alias-status-disabled-tint);
362
- --clr-forms-label-color: var(--cds-global-typography-color-400);
363
- --clr-forms-text-color: var(--cds-global-typography-color-500);
364
- --clr-forms-invalid-color: var(--cds-alias-status-danger);
365
- --clr-forms-valid-color: var(--cds-alias-status-success);
366
- --clr-forms-valid-text-color: var(--cds-alias-status-success);
367
- --clr-forms-subtext-color: var(--cds-global-typography-color-300);
368
- --clr-forms-placeholder-color: var(--cds-global-typography-color-200);
369
- --clr-forms-border-color: var(
370
- --cds-alias-object-interaction-border-color
371
- );
372
- --clr-forms-focused-color: var(--cds-alias-status-info);
373
- --clr-forms-subtext-disabled-color: var(--cds-alias-status-disabled);
374
- --clr-forms-border-disabled-color: var(--cds-alias-object-border-color-tint);
375
- --clr-forms-text-disabled-color: var(--cds-alias-status-disabled);
376
- --clr-forms-label-disabled-color: var(--cds-alias-status-disabled);
377
- --clr-forms-textarea-background-color: var(--cds-alias-object-container-background);
378
- --clr-forms-select-caret-hover-color: var(
379
- --cds-alias-object-interaction-color-hover
380
- );
381
- --clr-forms-select-caret-color: var(
382
- --cds-alias-object-interaction-color
383
- );
384
- --clr-forms-select-option-color: var(--clr-forms-text-color);
385
- --clr-forms-select-multiple-background-color: var(--clr-forms-textarea-background-color);
386
- --clr-forms-select-multiple-border-color: var(--cds-alias-object-border-color);
387
- --clr-forms-select-multiple-option-color: var(--clr-forms-text-color);
388
- --clr-forms-checkbox-label-color: var(--clr-forms-label-color);
389
- --clr-forms-checkbox-background-color: var(--cds-alias-status-info);
390
- --clr-forms-checkbox-indeterminate-border-color: var(--cds-alias-status-info);
391
- --clr-forms-checkbox-mark-color: var(--cds-global-typography-color-100);
392
- --clr-forms-checkbox-disabled-background-color: var(--clr-form-disabled-background-color);
393
- --clr-forms-checkbox-disabled-mark-color: var(--cds-global-typography-color-100);
394
- --clr-forms-radio-label-color: var(--clr-forms-checkbox-label-color);
395
- --clr-forms-radio-disabled-background-color: var(
396
- --clr-form-disabled-background-color
397
- );
398
- --clr-forms-radio-disabled-mark-color: var(
399
- --clr-forms-checkbox-disabled-mark-color
400
- );
401
- --clr-forms-range-progress-fill-color: var(--cds-alias-status-info);
402
- --clr-forms-range-track-color: var(--cds-alias-object-border-color);
403
- /* Combobox */
404
- --clr-combobox-border-color: var(--cds-alias-object-border-color);
405
- --clr-combobox-trigger-color: var(--clr-color-neutral-500);
406
- --clr-combobox-input-background-color: var(--cds-alias-object-container-background-tint);
407
- --clr-combobox-pill-background-color: var(
408
- --cds-alias-object-interaction-background
409
- );
410
- --clr-combobox-pill-border-color: var(
411
- --cds-alias-object-interaction-border-color
412
- );
413
- --clr-combobox-pill-font-color: var(--cds-global-typography-color-500);
414
- --clr-combobox-filter-highlight: var(
415
- --cds-alias-object-interaction-background-highlight
416
- );
417
- /* Datepicker */
418
- --clr-calendar-background-color: var(--cds-alias-object-overlay-background);
419
- --clr-calendar-border-color: var(--cds-alias-object-container-border-color);
420
- --clr-datepicker-trigger-color: var(--cds-alias-status-info);
421
- --clr-datepicker-trigger-hover-color: var(--clr-color-action-800);
422
- --clr-calendar-btn-color: var(--cds-alias-status-info);
423
- --clr-calendar-btn-hover-focus-color: var(
424
- --cds-alias-object-interaction-background-hover
425
- );
426
- --clr-calendar-today-date-cell-color: var(--cds-global-typography-color-500);
427
- --clr-calendar-active-cell-background-color: var(
428
- --cds-alias-object-interaction-background-selected
429
- );
430
- --clr-calendar-active-focus-cell-background-color: var(
431
- --cds-alias-object-interaction-background-selected
432
- );
433
- --clr-calendar-active-cell-color: var(--cds-global-typography-color-500);
434
- /* Dropdown */
435
- --clr-dropdown-active-text-color: var(--cds-alias-object-interaction-color-active);
436
- --clr-dropdown-bg-color: var(--cds-alias-object-overlay-background);
437
- --clr-dropdown-border-color: var(--cds-alias-object-border-color);
438
- --clr-dropdown-divider-color: var(--cds-alias-object-border-color-tint);
439
- --clr-dropdown-child-border-color: var(--cds-alias-object-border-color);
440
- --clr-dropdown-bg-hover-color: var(--cds-alias-object-interaction-background-hover);
441
- --clr-dropdown-selection-color: var(
442
- --cds-alias-object-interaction-background-selected
443
- );
444
- --clr-dropdown-box-shadow: var(--clr-popover-box-shadow-color);
445
- --clr-dropdown-text-color: var(--clr-p1-color);
446
- --clr-dropdown-header-color: var(--cds-global-typography-color-400);
447
- --clr-dropdown-item-color: var(--cds-global-typography-color-300);
448
- /* Header */
449
- /* Modal */
450
- --clr-modal-title-color: var(--cds-global-typography-color-400);
451
- --clr-modal-close-color: var(--cds-alias-object-interaction-color);
452
- --clr-modal-bg-color: var(--cds-alias-object-overlay-background);
453
- --clr-modal-backdrop-color: var(--cds-alias-object-overlay-backdrop-background);
454
- /* Navigation */
455
- --clr-link-active-color: var(--cds-global-typography-link-color);
456
- --clr-link-color: var(--cds-global-typography-link-color);
457
- --clr-link-hover-color: var(--cds-global-typography-link-color-hover);
458
- --clr-link-visited-color: var(--cds-global-typography-link-color-visited);
459
- --clr-link-visited-color-hover: var(--cds-global-typography-link-color-visited-hover);
460
- --clr-custom-links-hover-color: var(--cds-global-color-gray-200);
461
- /* Responsive Navigation */
462
- --clr-sliding-panel-text-color: var(--cds-global-color-gray-700);
463
- --clr-nav-background-color: var(--cds-global-color-gray-200);
464
- --clr-responsive-nav-hover-bg: var(--cds-global-color-gray-0);
465
- --clr-responsive-nav-trigger-bg-color: var(--cds-global-color-gray-0);
466
- --clr-responsive-nav-header-backdrop-bg-color: var(--cds-global-color-gray-1000);
467
- /* Sidenav */
468
- --clr-sidenav-border-color: var(--cds-alias-object-border-color);
469
- --clr-sidenav-link-hover-color: var(--cds-alias-object-interaction-background-hover);
470
- --clr-sidenav-link-active-color: var(--cds-alias-object-interaction-color-active);
471
- --clr-sidenav-link-active-bg-color: var(--clr-global-selection-color);
472
- --clr-sidenav-header-color: var(--clr-h6-color);
473
- --clr-sidenav-color: var(--clr-p1-color);
474
- /* Signpost */
475
- --clr-signpost-content-bg-color: var(--cds-alias-object-overlay-background);
476
- --clr-signpost-content-border-color: var(--cds-alias-object-border-color);
477
- --clr-signpost-action-color: var(--cds-alias-object-interaction-color);
478
- --clr-signpost-action-hover-color: var(--cds-alias-object-interaction-color-hover);
479
- --clr-signpost-border-size: 0.6rem;
480
- --clr-signpost-pointer-border: var(--clr-signpost-border-size) solid var(--cds-alias-object-border-color);
481
- --clr-signpost-pointer-psuedo-border: var(--clr-signpost-border-size) solid var(--clr-signpost-content-bg-color);
482
- /* StackView */
483
- --clr-stack-view-border-color: var(--cds-alias-object-border-color);
484
- --clr-stack-view-bg-color: var(--cds-alias-object-container-background);
485
- --clr-stack-view-stack-block-border-bottom: var(--cds-alias-object-border-color);
486
- --clr-stack-view-color: var(--cds-global-typography-color-500);
487
- --clr-stack-view-stack-block-label-text-color: var(--cds-global-typography-color-500);
488
- --clr-stack-view-border-box-color: var(--cds-alias-object-border-color-tint);
489
- --clr-stack-block-changed-border-top-color: var(
490
- --cds-alias-object-interaction-background-highlight
491
- );
492
- --clr-stack-view-stack-block-label-and-content-bg-color: var(
493
- --cds-alias-object-container-background-tint
494
- );
495
- --clr-stack-view-stack-children-stack-block-border-bottom-color: var(
496
- --cds-alias-object-border-color-tint
497
- );
498
- --clr-stack-view-stack-children-stack-block-label-and-content-bg-color: var(
499
- --cds-alias-object-container-background
500
- );
501
- --clr-stack-view-stack-block-expanded-bg-color: var(--clr-global-selection-color);
502
- --clr-stack-view-stack-block-expandable-hover: var(
503
- --cds-alias-object-interaction-background-hover
504
- );
505
- --clr-stack-view-stack-block-content-text-color: inherit;
506
- --clr-stack-view-stack-block-expanded-text-color: var(
507
- --cds-global-typography-color-500
508
- );
509
- --clr-stack-view-stack-block-caret-color: var(--cds-global-typography-color-500);
510
- /* Subnav */
511
- --clr-subnav-bg-color: var(--cds-alias-object-container-background);
512
- /* Tabs */
513
- --clr-nav-box-shadow-color: var(--cds-alias-object-border-color);
514
- --clr-nav-active-box-shadow-color: var(
515
- --cds-alias-object-interaction-background-highlight
516
- );
517
- --clr-nav-active-bg-color: var(--cds-alias-object-interaction-background-active);
518
- --clr-nav-hover-bg-color: var(--cds-alias-object-interaction-background-hover);
519
- --clr-nav-link-color: var(--cds-alias-object-interaction-color);
520
- --clr-nav-link-active-color: var(--cds-alias-object-interaction-color-active);
521
- /* Timeline */
522
- --clr-timeline-line-color: var(--cds-alias-object-border-color-shade);
523
- --clr-timeline-step-header-color: var(
524
- --cds-alias-status-neutral
525
- );
526
- --clr-timeline-step-title-color: var(--cds-alias-object-interaction-color);
527
- --clr-timeline-step-description-color: var(--cds-global-typography-color-500);
528
- --clr-timeline-incomplete-step-color: var(
529
- --cds-alias-object-border-color-shade
530
- );
531
- --clr-timeline-current-step-color: var(
532
- --cds-alias-object-interaction-background-highlight
533
- );
534
- --clr-timeline-success-step-color: var(--cds-alias-status-success);
535
- --clr-timeline-error-step-color: var(--cds-alias-status-danger);
536
- /* Toggles */
537
- --clr-toggle-bg-color-off: var(--cds-alias-status-neutral);
538
- --clr-toggle-bg-color-on: var(--cds-alias-status-success);
539
- --clr-toggle-handle-bg-color: var(--cds-global-color-construction-50);
540
- --clr-toggle-disabled-default-border-color: var(--cds-global-color-gray-400);
541
- --clr-toggle-disabled-default-handle-color: var(--cds-global-color-construction-50);
542
- --clr-toggle-disabled-off-border-color: var(--clr-toggle-disabled-default-border-color);
543
- --clr-toggle-disabled-off-bg-color: var(--clr-toggle-disabled-default-handle-color);
544
- --clr-toggle-disabled-off-handle-border-color: var(--clr-toggle-disabled-default-border-color);
545
- --clr-toggle-disabled-on-border-color: var(--clr-toggle-disabled-default-border-color);
546
- --clr-toggle-disabled-on-bg-color: var(--clr-toggle-disabled-default-border-color);
547
- --clr-toggle-disabled-on-handle-border-color: var(--clr-toggle-disabled-default-handle-color);
548
- /* Tooltips */
549
- --clr-tooltip-background-color: var(--cds-global-color-gray-1000);
550
- --clr-tooltip-color: var(--cds-global-color-construction-50);
551
- /* Wizard */
552
- --clr-wizard-main-bgcolor: var(--cds-alias-object-overlay-background);
553
- --clr-wizard-sidenav-bgcolor: var(--cds-alias-object-container-background-tint);
554
- --clr-wizard-main-textColor: var(--cds-global-typography-color-500);
555
- --clr-wizard-sidenav-text: var(--cds-global-typography-color-500);
556
- --clr-wizard-sidenav-text--active: var(--clr-global-on-selection-color);
557
- --clr-wizard-title-text: var(--cds-global-typography-color-500);
558
- --clr-wizard-stepnav-border-color: var(--cds-alias-object-border-color);
559
- --clr-wizard-stepnav-border-color--active: var(--cds-alias-status-success);
560
- --clr-wizard-stepnav-active-bgcolor: var(--clr-global-selection-color);
561
- --clr-wizard-header-action-color: var(--cds-global-color-gray-600);
562
- --clr-wizard-header-action-color--hovered: var(--cds-global-color-gray-1000);
563
- --clr-wizard-step-nav-border-color: var(--cds-alias-object-border-color);
564
- --clr-wizard-box-shadow-color: rgba(0, 0, 0, 0.2);
565
- /* Tree View */
566
- --clr-tree-node-caret-link-hover-color: var(
567
- --cds-alias-object-interaction-color-hover
568
- );
569
- --clr-tree-link-hover-color: var(--cds-alias-object-interaction-background-hover);
570
- --clr-tree-link-selection-color: var(--clr-global-selection-color);
571
- --clr-tree-link-text-color: var(--cds-global-typography-color-500);
572
- --clr-tree-node-caret-color: var(--cds-global-color-gray-500);
573
- /* Vertical Nav */
574
- --clr-vertical-nav-divider-color: var(--cds-alias-object-border-color);
575
- --clr-vertical-nav-icon-active-color: var(--cds-alias-object-interaction-color);
576
- --clr-vertical-nav-item-color: var(--cds-alias-object-interaction-color);
577
- --clr-vertical-nav-item-active-color: var(
578
- --cds-alias-object-interaction-color-active
579
- );
580
- --clr-vertical-nav-bg-color: var(--cds-alias-object-container-background);
581
- --clr-vertical-nav-active-bg-color: var(
582
- --cds-alias-object-interaction-background-selected
583
- );
584
- --clr-vertical-nav-hover-bg-color: var(
585
- --cds-alias-object-interaction-background-hover
586
- );
587
- --clr-vertical-nav-toggle-icon-color: var(--cds-alias-object-interaction-color);
588
- --clr-vertical-nav-trigger-divider-border-color: var(
589
- --cds-alias-object-border-color
590
- );
591
- /* Tables */
592
- --clr-table-bgcolor: var(--cds-alias-object-container-background);
593
- --clr-thead-bgcolor: var(--cds-alias-object-container-background-tint);
594
- --clr-table-header-border-bottom-color: var(--cds-alias-object-border-color);
595
- --clr-table-footer-border-top-color: var(--cds-alias-object-border-color);
596
- --clr-table-border-color: var(--cds-alias-object-border-color);
597
- --clr-tablerow-bordercolor: var(--cds-alias-object-border-color);
598
- --clr-table-font-color: var(--cds-global-typography-color-500);
599
- --clr-thead-color: var(--cds-global-typography-color-500);
600
- /* Datagrid */
601
- --clr-datagrid-font-color: var(--cds-global-typography-color-500);
602
- --clr-datagrid-default-border-color: var(--cds-alias-object-border-color);
603
- --clr-datagrid-icon-color: var(--cds-alias-object-interaction-color);
604
- --clr-datagrid-row-hover: var(--cds-alias-object-interaction-background-hover);
605
- --clr-datagrid-row-hover-font-color: var(--cds-global-typography-color-500);
606
- --clr-datagrid-action-toggle: var(
607
- --cds-alias-object-interaction-background-active
608
- );
609
- --clr-datagrid-pagination-btn-color: var(--cds-alias-object-interaction-color);
610
- --clr-datagrid-pagination-btn-disabled-color: var(--cds-alias-status-disabled);
611
- --clr-datagrid-pagination-input-border-color: var(--cds-alias-object-border-color);
612
- --clr-datagrid-pagination-input-border-focus-color: var(--clr-color-action-400);
613
- --clr-datagrid-popover-bg-color: var(--cds-alias-object-overlay-background);
614
- --clr-datagrid-popover-border-color: var(--cds-alias-object-border-color);
615
- --clr-datagrid-action-popover-hover-color: var(
616
- --cds-alias-object-interaction-color-hover
617
- );
618
- --clr-datagrid-row-selected: var(--cds-global-typography-color-500);
619
- --clr-datagrid-column-switch-header-font-color: var(--cds-global-color-gray-500);
620
- --clr-datagrid-column-switch-header-font-hover-color: var(
621
- --cds-alias-object-interaction-background-highlight
622
- );
623
- --clr-datagrid-detail-caret-icon-open-bg-color: var(
624
- --cds-alias-object-interaction-background-highlight
625
- );
626
- --clr-datagrid-detail-caret-icon-open-icon-color: var(--cds-global-color-gray-0);
627
- --clr-datagrid-placeholder-color: var(--cds-global-color-gray-700);
628
- --clr-datagrid-loading-background: var(
629
- --cds-alias-object-opacity-100
630
- );
631
- }
632
- [cds-theme] .login-wrapper {
633
- --clr-login-background-color: var(--clr-global-app-background);
634
- --clr-login-title-color: var(--clr-h1-color);
635
- --clr-login-error-background-color: var(--clr-alert-danger-bg-color);
636
- }
637
- [cds-theme] .login-wrapper .login .login-group .error {
638
- color: var(--clr-alert-danger-font-color);
639
- border: 1px solid var(--clr-alert-danger-border-color);
640
- }
641
- [cds-theme] .btn:not([disabled]):hover,
642
- [cds-theme] .btn:not([disabled]):focus,
643
- [cds-theme] .btn:not([disabled]):active {
644
- filter: brightness(90%);
645
- }
646
- [cds-theme] .btn.disabled,
647
- [cds-theme] .btn:disabled {
648
- opacity: 1;
649
- }
650
- [cds-theme] .btn-primary,
651
- [cds-theme] .btn-success,
652
- [cds-theme] .btn-warning,
653
- [cds-theme] .btn-danger {
654
- --clr-btn-icon-disabled-color: var(--cds-global-typography-color-100);
655
- }
656
-
657
- [cds-theme~=light] {
658
- --clr-vertical-nav-bg-color: var(--cds-global-color-gray-200);
659
- --clr-vertical-nav-active-bg-color: var(--cds-global-color-gray-0);
660
- --clr-vertical-nav-hover-bg-color: var(--cds-global-color-gray-400);
661
- }
662
-
663
- [cds-theme~=dark] {
664
- --clr-datagrid-loading-background: var(
665
- --cds-alias-object-opacity-300
666
- );
667
- }
package/styles/shim.clr-ui.min.css DELETED
@@ -1,127 +0,0 @@
1
- [cds-theme]{--clr-global-app-background:var(
2
- --cds-alias-object-app-background
3
- );--clr-global-selection-color:var(
4
- --cds-alias-object-interaction-background-selected
5
- );--clr-global-on-selection-color:var(
6
- --cds-alias-object-interaction-color-selected
7
- );--clr-global-hover-color:var(
8
- --cds-global-typography-link-color-hover
9
- );--clr-global-content-header-font-color:var(
10
- --cds-global-typography-color-400
11
- );--clr-global-font-color:var(
12
- --cds-global-typography-color-500
13
- );--clr-global-success-color:var(--cds-alias-status-success);--clr-global-error-color:var(--cds-alias-status-danger);--clr-close-color--normal:var(
14
- --cds-alias-object-interaction-color
15
- );--clr-close-color--hover:var(
16
- --cds-alias-object-interaction-color-hover
17
- );--clr-h1-color:var(--cds-global-typography-color-400);--clr-h2-color:var(--cds-global-typography-color-400);--clr-h3-color:var(--cds-global-typography-color-400);--clr-h4-color:var(--cds-global-typography-color-400);--clr-h5-color:var(--cds-global-typography-color-400);--clr-h6-color:var(--cds-global-typography-color-400);--clr-p0-color:var(--cds-global-typography-color-500);--clr-p1-color:var(--cds-global-typography-color-500);--clr-p2-color:var(--cds-global-typography-color-500);--clr-p3-color:var(--cds-global-typography-color-500);--clr-p4-color:var(--cds-global-typography-color-500);--clr-p5-color:var(--cds-global-typography-color-500);--clr-p6-color:var(--cds-global-typography-color-500);--clr-p7-color:var(--cds-global-typography-color-500);--clr-p8-color:var(--cds-global-typography-color-500);--clr-btn-outline-bg-color:transparent;--clr-btn-default-color:var(--cds-alias-status-info);--clr-btn-default-border-color:var(--clr-btn-default-color);--clr-btn-default-bg-color:var(--clr-btn-outline-bg-color);--clr-btn-default-hover-bg-color:hsla(198, 100%, 34%, 0.1);--clr-btn-default-hover-color:var(
18
- --cds-alias-status-info
19
- );--clr-btn-default-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-default-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-default-disabled-bg-color:var(--clr-btn-default-bg-color);--clr-btn-default-disabled-border-color:var(--cds-alias-status-disabled-tint);--clr-btn-default-checked-color:var(--cds-global-typography-color-100);--clr-btn-default-checked-bg-color:var(--clr-btn-default-color);--clr-btn-default-outline-color:var(--cds-alias-status-info);--clr-btn-default-outline-border-color:var(--clr-btn-default-outline-color);--clr-btn-default-outline-bg-color:var(--clr-btn-outline-bg-color);--clr-btn-default-outline-hover-bg-color:hsla(198, 100%, 34%, 0.1);--clr-btn-default-outline-hover-color:var(--cds-alias-status-info);--clr-btn-default-outline-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-default-outline-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-default-outline-disabled-bg-color:var(--clr-btn-default-outline-bg-color);--clr-btn-default-outline-disabled-border-color:var(
20
- --cds-alias-status-disabled-tint
21
- );--clr-btn-default-outline-checked-color:var(--cds-global-typography-color-100);--clr-btn-default-outline-checked-bg-color:var(--clr-btn-default-outline-bg-color);--clr-btn-primary-color:var(--cds-global-typography-color-100);--clr-btn-primary-bg-color:var(--cds-alias-status-info);--clr-btn-primary-border-color:var(--cds-alias-status-info);--clr-btn-primary-hover-bg-color:var(--cds-alias-status-info);--clr-btn-primary-hover-color:var(--cds-global-typography-color-100);--clr-btn-primary-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-primary-disabled-color:var(--cds-global-typography-color-100);--clr-btn-primary-disabled-bg-color:var(--cds-alias-status-disabled-tint);--clr-btn-primary-disabled-border-color:var(--cds-alias-status-disabled-tint);--clr-btn-primary-checked-bg-color:var(--cds-alias-status-info);--clr-btn-primary-checked-color:var(--cds-global-typography-color-100);--clr-btn-success-color:var(--cds-global-typography-color-100);--clr-btn-success-bg-color:var(--cds-alias-status-success);--clr-btn-success-border-color:var(--clr-btn-success-bg-color);--clr-btn-success-hover-bg-color:var(--cds-alias-status-success);--clr-btn-success-hover-color:var(--clr-btn-success-color);--clr-btn-success-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-success-disabled-color:var(--cds-global-typography-color-100);--clr-btn-success-disabled-bg-color:var(--cds-alias-status-disabled-tint);--clr-btn-success-disabled-border-color:var(--cds-alias-status-disabled-tint);--clr-btn-success-checked-bg-color:var(--clr-btn-success-bg-color);--clr-btn-success-checked-color:var(--clr-btn-success-color);--clr-btn-success-outline-color:var(--cds-alias-status-success);--clr-btn-success-outline-bg-color:var(--clr-btn-outline-bg-color);--clr-btn-success-outline-border-color:var(--cds-alias-status-success);--clr-btn-success-outline-hover-bg-color:hsla(93, 80%, 28%, 0.1);--clr-btn-success-outline-hover-color:var(--cds-alias-status-success);--clr-btn-success-outline-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-success-outline-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-success-outline-disabled-bg-color:var(--clr-btn-success-outline-bg-color);--clr-btn-success-outline-disabled-border-color:var(
22
- --cds-alias-status-disabled-tint
23
- );--clr-btn-success-outline-checked-bg-color:var(--clr-btn-success-outline-bg-color);--clr-btn-success-outline-checked-color:var(--clr-btn-success-outline-color);--clr-btn-danger-color:var(--cds-global-typography-color-100);--clr-btn-danger-bg-color:var(--cds-alias-status-danger);--clr-btn-danger-border-color:var(--clr-btn-danger-bg-color);--clr-btn-danger-hover-bg-color:var(--cds-alias-status-danger);--clr-btn-danger-hover-color:var(--clr-btn-danger-color);--clr-btn-danger-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-danger-disabled-color:var(--cds-global-typography-color-100);--clr-btn-danger-disabled-bg-color:var(--cds-alias-status-disabled-tint);--clr-btn-danger-disabled-border-color:var(--clr-btn-danger-disabled-color);--clr-btn-danger-checked-bg-color:var(--clr-btn-danger-bg-color);--clr-btn-danger-checked-color:var(--clr-btn-danger-color);--clr-btn-danger-outline-color:var(--cds-alias-status-danger);--clr-btn-danger-outline-bg-color:var(--clr-btn-outline-bg-color);--clr-btn-danger-outline-border-color:var(--cds-alias-status-danger);--clr-btn-danger-outline-hover-bg-color:hsla(9, 100%, 44%, 0.1);--clr-btn-danger-outline-hover-color:var(--cds-alias-status-danger);--clr-btn-danger-outline-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-danger-outline-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-danger-outline-disabled-bg-color:var(--clr-btn-danger-outline-bg-color);--clr-btn-danger-outline-disabled-border-color:var(--cds-alias-status-disabled-tint);--clr-btn-danger-outline-checked-bg-color:var(--clr-btn-danger-outline-bg-color);--clr-btn-danger-outline-checked-color:var(--clr-btn-danger-outline-color);--clr-btn-warning-color:var(--cds-global-color-construction-900);--clr-btn-warning-bg-color:var(--cds-alias-status-warning);--clr-btn-warning-border-color:var(--clr-btn-warning-bg-color);--clr-btn-warning-hover-bg-color:var(--cds-alias-status-warning);--clr-btn-warning-hover-color:var(--clr-btn-warning-color);--clr-btn-warning-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-warning-disabled-color:var(--cds-global-typography-color-100);--clr-btn-warning-disabled-bg-color:var(--cds-alias-status-disabled-tint);--clr-btn-warning-disabled-border-color:var(--clr-btn-warning-disabled-color);--clr-btn-warning-checked-bg-color:var(--clr-btn-warning-bg-color);--clr-btn-warning-checked-color:var(--clr-btn-warning-color);--clr-btn-warning-outline-color:var(--cds-alias-status-warning-dark);--clr-btn-warning-outline-bg-color:var(--clr-btn-outline-bg-color);--clr-btn-warning-outline-border-color:var(--cds-alias-status-warning-dark);--clr-btn-warning-outline-hover-bg-color:hsla(40, 100%, 59%, 0.1);--clr-btn-warning-outline-hover-color:var(--cds-alias-status-warning-dark);--clr-btn-warning-outline-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-warning-outline-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-warning-outline-disabled-bg-color:var(--clr-btn-warning-outline-bg-color);--clr-btn-warning-outline-disabled-border-color:var(--cds-alias-status-disabled-tint);--clr-btn-warning-outline-checked-bg-color:var(--clr-btn-warning-outline-bg-color);--clr-btn-warning-outline-checked-color:var(--clr-btn-warning-outline-color);--clr-btn-link-color:var(--cds-alias-status-info);--clr-btn-link-bg-color:transparent;--clr-btn-link-border-color:transparent;--clr-btn-link-hover-bg-color:transparent;--clr-btn-link-hover-color:var(
24
- --cds-alias-status-info
25
- );--clr-btn-link-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-link-disabled-bg-color:transparent;--clr-btn-link-disabled-border-color:transparent;--clr-btn-link-checked-bg-color:transparent;--clr-btn-link-checked-color:var(
26
- --cds-global-color-blue-800
27
- );--clr-btn-inverse-color:var(--cds-global-typography-color-100);--clr-btn-inverse-border-color:var(--cds-global-typography-color-100);--clr-btn-inverse-bg-color:transparent;--clr-btn-inverse-hover-bg-color:rgba(255, 255, 255, 0.15);--clr-btn-inverse-hover-color:var(--cds-global-typography-color-100);--clr-btn-inverse-box-shadow-color:rgba(0, 0, 0, 0.25);--clr-btn-inverse-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-inverse-disabled-bg-color:var(--clr-btn-inverse-bg-color);--clr-btn-inverse-disabled-border-color:var(--cds-alias-status-disabled-tint);--clr-btn-inverse-checked-bg-color:rgba(255, 255, 255, 0.15);--clr-btn-inverse-checked-color:var(--cds-alias-status-disabled-tint);--clr-btn-icon-disabled-color:var(
28
- --cds-alias-status-disabled-tint
29
- );--clr-alert-action-color:var(--cds-global-typography-color-500);--clr-alert-action-active-color:var(
30
- --cds-alias-object-interaction-color-active
31
- );--clr-alert-close-icon-color:var(--clr-alert-action-color);--clr-alert-close-icon-hover-color:var(--clr-alert-action-active-color);--clr-app-level-alert-color:var(--cds-global-color-white);--clr-app-alert-close-icon-color:var(--clr-app-level-alert-color);--clr-alert-info-bg-color:var(--cds-alias-status-info-tint);--clr-alert-info-font-color:var(--cds-global-typography-color-400);--clr-alert-info-border-color:var(
32
- --cds-alias-status-info
33
- );--clr-alert-info-icon-color:var(
34
- --clr-alert-info-font-color
35
- );--clr-alert-info-close-icon-color:var(--clr-alert-info-font-color);--clr-alert-info-action-color:var(--clr-alert-info-font-color);--clr-alert-success-bg-color:var(--cds-alias-status-success-tint);--clr-alert-success-font-color:var(--cds-global-typography-color-400);--clr-alert-success-border-color:var(--cds-alias-status-success);--clr-alert-success-icon-color:var(--clr-alert-success-font-color);--clr-alert-success-close-icon-color:var(--clr-alert-success-font-color);--clr-alert-success-action-color:var(--clr-alert-success-font-color);--clr-alert-warning-bg-color:var(--cds-alias-status-warning-tint);--clr-alert-warning-font-color:var(--cds-global-color-construction-900);--clr-alert-warning-border-color:var(--cds-alias-status-warning);--clr-alert-warning-icon-color:var(--clr-alert-warning-font-color);--clr-alert-warning-close-icon-color:var(--clr-alert-warning-font-color);--clr-alert-warning-action-color:var(--clr-alert-warning-font-color);--clr-alert-danger-bg-color:var(--cds-alias-status-danger-tint);--clr-alert-danger-font-color:var(--cds-global-typography-color-400);--clr-alert-danger-border-color:var(--cds-alias-status-danger);--clr-alert-danger-icon-color:var(--clr-alert-danger-font-color);--clr-alert-danger-close-icon-color:var(--clr-alert-danger-font-color);--clr-alert-danger-action-color:var(--clr-alert-danger-font-color);--clr-app-alert-info-bg-color:var(--cds-alias-status-info);--clr-app-alert-info-font-color:var(--cds-global-typography-color-100);--clr-app-alert-info-icon-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-action-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-action-active-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-close-icon-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-close-icon-hover-color:var(--clr-app-alert-info-font-color);--clr-app-alert-warning-bg-color:var(--cds-alias-status-warning);--clr-app-alert-warning-font-color:var(--cds-global-typography-color-500);--clr-app-alert-warning-icon-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-close-icon-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-action-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-action-active-color:var(
36
- --clr-app-alert-warning-font-color
37
- );--clr-app-alert-warning-close-icon-hover-color:var(
38
- --clr-app-alert-warning-font-color
39
- );--clr-app-alert-danger-bg-color:var(--cds-alias-status-danger);--clr-app-alert-danger-font-color:var(--cds-global-typography-color-100);--clr-app-alert-danger-icon-color:var(--clr-app-alert-danger-font-color);--clr-app-alert-danger-close-icon-color:var(--clr-app-alert-danger-font-color);--clr-app-alert-danger-action-color:var(--clr-app-alert-danger-font-color);--clr-app-alert-danger-action-active-color:var(--clr-app-alert-danger-font-color);--clr-app-alert-danger-close-icon-hover-color:var(
40
- --clr-app-alert-danger-font-color
41
- );--clr-app-alert-success-bg-color:var(--cds-alias-status-success);--clr-app-alert-success-font-color:var(--cds-global-typography-color-100);--clr-app-alert-success-icon-color:var(--clr-app-alert-success-font-color);--clr-app-alert-success-close-icon-color:var(--clr-app-alert-success-font-color);--clr-app-alert-success-action-color:var(--clr-app-alert-success-font-color);--clr-app-alert-success-action-active-color:var(--clr-app-alert-success-font-color);--clr-app-alert-success-close-icon-hover-color:var(
42
- --clr-app-alert-success-font-color
43
- );--clr-app-alert-pager-text-color:var(
44
- --cds-global-typography-color-500
45
- );--clr-app-alert-info-pager-bg-color:var(
46
- --cds-alias-status-info-shade
47
- );--clr-app-alert-warning-pager-bg-color:var(
48
- --cds-alias-status-warning-shade
49
- );--clr-app-alert-danger-pager-bg-color:var(
50
- --cds-alias-status-danger-shade
51
- );--clr-app-alert-info-pager-font-color:var(--cds-global-color-white);--clr-app-alert-warning-pager-font-color:var(--cds-global-color-black);--clr-app-alert-danger-pager-font-color:var(--cds-global-color-white);--clr-app-alert-success-pager-font-color:var(--cds-global-color-white);--clr-label-font-color-light:var(--cds-global-typography-color-500);--clr-label-font-color-dark:var(--cds-global-typography-color-500);--clr-label-default-border-color:var(--cds-alias-status-neutral);--clr-label-bg-hover-color:var(--cds-alias-status-neutral-tint);--clr-label-gray-bg-color:var(
52
- --cds-alias-status-neutral
53
- );--clr-label-gray-color:var(--clr-label-font-color-light);--clr-label-purple-bg-color:var(--cds-global-color-violet-600);--clr-label-purple-color:var(--clr-label-font-color-light);--clr-label-blue-bg-color:var(--cds-global-color-blue-800);--clr-label-blue-color:var(--clr-label-font-color-light);--clr-label-orange-bg-color:var(--cds-global-color-ochre-800);--clr-label-orange-color:var(--clr-label-font-color-dark);--clr-label-light-blue-bg-color:var(--cds-global-color-blue-600);--clr-label-light-blue-color:var(--clr-label-font-color-dark);--clr-label-info-bg-color:var(--cds-alias-status-tint);--clr-label-info-font-color:var(--clr-label-font-color-light);--clr-label-info-border-color:var(--cds-alias-status-info);--clr-label-success-bg-color:var(--cds-alias-status-tint);--clr-label-success-font-color:var(--clr-label-font-color-light);--clr-label-success-border-color:var(--cds-alias-status-success);--clr-label-warning-bg-color:var(--cds-alias-status-tint);--clr-label-warning-font-color:var(--clr-label-font-color-light);--clr-label-warning-border-color:var(--cds-alias-status-warning);--clr-label-danger-bg-color:var(--cds-alias-status-tint);--clr-label-danger-font-color:var(--clr-label-font-color-light);--clr-label-danger-border-color:var(--cds-alias-status-danger);--clr-badge-background-color:var(--cds-alias-status-neutral-shade);--clr-badge-color:var(--cds-global-color-white);--clr-badge-info-bg-color:var(--cds-alias-status-info-shade);--clr-badge-info-color:var(--cds-global-color-white);--clr-badge-success-bg-color:var(--cds-alias-status-success-shade);--clr-badge-success-color:var(--cds-global-color-white);--clr-badge-warning-bg-color:var(--cds-alias-status-warning-shade);--clr-badge-warning-color:var(--cds-global-color-black);--clr-badge-danger-bg-color:var(--cds-alias-status-danger-shade);--clr-badge-danger-color:var(--cds-global-color-white);--clr-badge-gray-bg-color:var(--cds-global-color-gray-600);--clr-badge-gray-color:var(--cds-global-color-white);--clr-badge-purple-bg-color:var(--cds-global-color-violet-500);--clr-badge-purple-color:var(--cds-global-color-white);--clr-badge-blue-bg-color:var(--cds-global-color-blue-800);--clr-badge-blue-color:var(--cds-global-color-white);--clr-badge-orange-bg-color:var(--cds-global-color-tangerine-400);--clr-badge-orange-color:var(--cds-global-color-black);--clr-badge-light-blue-bg-color:var(--cds-global-color-blue-300);--clr-badge-light-blue-color:var(--cds-global-color-black);--clr-progress-default-color:var(--cds-alias-status-info);--clr-progress-alt-color-1:var(--cds-alias-status-success);--clr-progress-alt-color-2:var(--cds-alias-status-danger);--clr-progress-alt-color-3:var(--clr-progress-alt-color-2);--clr-progress-bg-color:var(--cds-alias-object-border-color-tint);--clr-accordion-text-color:var(--cds-alias-object-interaction-color);--clr-accordion-active-background-color:var(
54
- --cds-alias-object-interaction-background-selected
55
- );--clr-accordion-content-background-color:var(--cds-alias-object-app-background);--clr-accordion-header-background-color:var(
56
- --cds-alias-object-container-background-tint
57
- );--clr-accordion-header-hover-background-color:var(
58
- --cds-alias-object-interaction-background-hover
59
- );--clr-accordion-error-color:var(--cds-alias-status-danger);--clr-accordion-complete-color:var(--cds-alias-status-success);--clr-accordion-border-color:var(--cds-alias-object-border-color);--clr-accordion-border-left-color:var(--cds-alias-object-border-color-tint);--clr-accordion-border-left-color-complete:var(--clr-accordion-complete-color);--clr-accordion-border-left-color-error:var(--clr-accordion-error-color);--clr-card-bg-color:var(--cds-alias-object-container-background);--clr-card-divider-color:var(--cds-alias-object-border-color);--clr-card-title-color:var(--clr-h4-color);--clr-card-border-color:var(--cds-alias-object-container-border-color);--clr-card-box-shadow-color:var(--clr-card-border-color);--clr-card-clickable-border-color:var(
60
- --cds-alias-object-interaction-background-highlight
61
- );--clr-card-clickable-box-shadow-color:var(--clr-card-clickable-border-color);--clr-card-border-radius:var(--cds-alias-object-border-radius-100);--clr-form-disabled-background-color:var(--cds-alias-status-disabled-tint);--clr-forms-label-color:var(--cds-global-typography-color-400);--clr-forms-text-color:var(--cds-global-typography-color-500);--clr-forms-invalid-color:var(--cds-alias-status-danger);--clr-forms-valid-color:var(--cds-alias-status-success);--clr-forms-valid-text-color:var(--cds-alias-status-success);--clr-forms-subtext-color:var(--cds-global-typography-color-300);--clr-forms-placeholder-color:var(--cds-global-typography-color-200);--clr-forms-border-color:var(
62
- --cds-alias-object-interaction-border-color
63
- );--clr-forms-focused-color:var(--cds-alias-status-info);--clr-forms-subtext-disabled-color:var(--cds-alias-status-disabled);--clr-forms-border-disabled-color:var(--cds-alias-object-border-color-tint);--clr-forms-text-disabled-color:var(--cds-alias-status-disabled);--clr-forms-label-disabled-color:var(--cds-alias-status-disabled);--clr-forms-textarea-background-color:var(--cds-alias-object-container-background);--clr-forms-select-caret-hover-color:var(
64
- --cds-alias-object-interaction-color-hover
65
- );--clr-forms-select-caret-color:var(
66
- --cds-alias-object-interaction-color
67
- );--clr-forms-select-option-color:var(--clr-forms-text-color);--clr-forms-select-multiple-background-color:var(--clr-forms-textarea-background-color);--clr-forms-select-multiple-border-color:var(--cds-alias-object-border-color);--clr-forms-select-multiple-option-color:var(--clr-forms-text-color);--clr-forms-checkbox-label-color:var(--clr-forms-label-color);--clr-forms-checkbox-background-color:var(--cds-alias-status-info);--clr-forms-checkbox-indeterminate-border-color:var(--cds-alias-status-info);--clr-forms-checkbox-mark-color:var(--cds-global-typography-color-100);--clr-forms-checkbox-disabled-background-color:var(--clr-form-disabled-background-color);--clr-forms-checkbox-disabled-mark-color:var(--cds-global-typography-color-100);--clr-forms-radio-label-color:var(--clr-forms-checkbox-label-color);--clr-forms-radio-disabled-background-color:var(
68
- --clr-form-disabled-background-color
69
- );--clr-forms-radio-disabled-mark-color:var(
70
- --clr-forms-checkbox-disabled-mark-color
71
- );--clr-forms-range-progress-fill-color:var(--cds-alias-status-info);--clr-forms-range-track-color:var(--cds-alias-object-border-color);--clr-combobox-border-color:var(--cds-alias-object-border-color);--clr-combobox-trigger-color:var(--clr-color-neutral-500);--clr-combobox-input-background-color:var(--cds-alias-object-container-background-tint);--clr-combobox-pill-background-color:var(
72
- --cds-alias-object-interaction-background
73
- );--clr-combobox-pill-border-color:var(
74
- --cds-alias-object-interaction-border-color
75
- );--clr-combobox-pill-font-color:var(--cds-global-typography-color-500);--clr-combobox-filter-highlight:var(
76
- --cds-alias-object-interaction-background-highlight
77
- );--clr-calendar-background-color:var(--cds-alias-object-overlay-background);--clr-calendar-border-color:var(--cds-alias-object-container-border-color);--clr-datepicker-trigger-color:var(--cds-alias-status-info);--clr-datepicker-trigger-hover-color:var(--clr-color-action-800);--clr-calendar-btn-color:var(--cds-alias-status-info);--clr-calendar-btn-hover-focus-color:var(
78
- --cds-alias-object-interaction-background-hover
79
- );--clr-calendar-today-date-cell-color:var(--cds-global-typography-color-500);--clr-calendar-active-cell-background-color:var(
80
- --cds-alias-object-interaction-background-selected
81
- );--clr-calendar-active-focus-cell-background-color:var(
82
- --cds-alias-object-interaction-background-selected
83
- );--clr-calendar-active-cell-color:var(--cds-global-typography-color-500);--clr-dropdown-active-text-color:var(--cds-alias-object-interaction-color-active);--clr-dropdown-bg-color:var(--cds-alias-object-overlay-background);--clr-dropdown-border-color:var(--cds-alias-object-border-color);--clr-dropdown-divider-color:var(--cds-alias-object-border-color-tint);--clr-dropdown-child-border-color:var(--cds-alias-object-border-color);--clr-dropdown-bg-hover-color:var(--cds-alias-object-interaction-background-hover);--clr-dropdown-selection-color:var(
84
- --cds-alias-object-interaction-background-selected
85
- );--clr-dropdown-box-shadow:var(--clr-popover-box-shadow-color);--clr-dropdown-text-color:var(--clr-p1-color);--clr-dropdown-header-color:var(--cds-global-typography-color-400);--clr-dropdown-item-color:var(--cds-global-typography-color-300);--clr-modal-title-color:var(--cds-global-typography-color-400);--clr-modal-close-color:var(--cds-alias-object-interaction-color);--clr-modal-bg-color:var(--cds-alias-object-overlay-background);--clr-modal-backdrop-color:var(--cds-alias-object-overlay-backdrop-background);--clr-link-active-color:var(--cds-global-typography-link-color);--clr-link-color:var(--cds-global-typography-link-color);--clr-link-hover-color:var(--cds-global-typography-link-color-hover);--clr-link-visited-color:var(--cds-global-typography-link-color-visited);--clr-link-visited-color-hover:var(--cds-global-typography-link-color-visited-hover);--clr-custom-links-hover-color:var(--cds-global-color-gray-200);--clr-sliding-panel-text-color:var(--cds-global-color-gray-700);--clr-nav-background-color:var(--cds-global-color-gray-200);--clr-responsive-nav-hover-bg:var(--cds-global-color-gray-0);--clr-responsive-nav-trigger-bg-color:var(--cds-global-color-gray-0);--clr-responsive-nav-header-backdrop-bg-color:var(--cds-global-color-gray-1000);--clr-sidenav-border-color:var(--cds-alias-object-border-color);--clr-sidenav-link-hover-color:var(--cds-alias-object-interaction-background-hover);--clr-sidenav-link-active-color:var(--cds-alias-object-interaction-color-active);--clr-sidenav-link-active-bg-color:var(--clr-global-selection-color);--clr-sidenav-header-color:var(--clr-h6-color);--clr-sidenav-color:var(--clr-p1-color);--clr-signpost-content-bg-color:var(--cds-alias-object-overlay-background);--clr-signpost-content-border-color:var(--cds-alias-object-border-color);--clr-signpost-action-color:var(--cds-alias-object-interaction-color);--clr-signpost-action-hover-color:var(--cds-alias-object-interaction-color-hover);--clr-signpost-border-size:0.6rem;--clr-signpost-pointer-border:var(--clr-signpost-border-size) solid var(--cds-alias-object-border-color);--clr-signpost-pointer-psuedo-border:var(--clr-signpost-border-size) solid var(--clr-signpost-content-bg-color);--clr-stack-view-border-color:var(--cds-alias-object-border-color);--clr-stack-view-bg-color:var(--cds-alias-object-container-background);--clr-stack-view-stack-block-border-bottom:var(--cds-alias-object-border-color);--clr-stack-view-color:var(--cds-global-typography-color-500);--clr-stack-view-stack-block-label-text-color:var(--cds-global-typography-color-500);--clr-stack-view-border-box-color:var(--cds-alias-object-border-color-tint);--clr-stack-block-changed-border-top-color:var(
86
- --cds-alias-object-interaction-background-highlight
87
- );--clr-stack-view-stack-block-label-and-content-bg-color:var(
88
- --cds-alias-object-container-background-tint
89
- );--clr-stack-view-stack-children-stack-block-border-bottom-color:var(
90
- --cds-alias-object-border-color-tint
91
- );--clr-stack-view-stack-children-stack-block-label-and-content-bg-color:var(
92
- --cds-alias-object-container-background
93
- );--clr-stack-view-stack-block-expanded-bg-color:var(--clr-global-selection-color);--clr-stack-view-stack-block-expandable-hover:var(
94
- --cds-alias-object-interaction-background-hover
95
- );--clr-stack-view-stack-block-content-text-color:inherit;--clr-stack-view-stack-block-expanded-text-color:var(
96
- --cds-global-typography-color-500
97
- );--clr-stack-view-stack-block-caret-color:var(--cds-global-typography-color-500);--clr-subnav-bg-color:var(--cds-alias-object-container-background);--clr-nav-box-shadow-color:var(--cds-alias-object-border-color);--clr-nav-active-box-shadow-color:var(
98
- --cds-alias-object-interaction-background-highlight
99
- );--clr-nav-active-bg-color:var(--cds-alias-object-interaction-background-active);--clr-nav-hover-bg-color:var(--cds-alias-object-interaction-background-hover);--clr-nav-link-color:var(--cds-alias-object-interaction-color);--clr-nav-link-active-color:var(--cds-alias-object-interaction-color-active);--clr-timeline-line-color:var(--cds-alias-object-border-color-shade);--clr-timeline-step-header-color:var(
100
- --cds-alias-status-neutral
101
- );--clr-timeline-step-title-color:var(--cds-alias-object-interaction-color);--clr-timeline-step-description-color:var(--cds-global-typography-color-500);--clr-timeline-incomplete-step-color:var(
102
- --cds-alias-object-border-color-shade
103
- );--clr-timeline-current-step-color:var(
104
- --cds-alias-object-interaction-background-highlight
105
- );--clr-timeline-success-step-color:var(--cds-alias-status-success);--clr-timeline-error-step-color:var(--cds-alias-status-danger);--clr-toggle-bg-color-off:var(--cds-alias-status-neutral);--clr-toggle-bg-color-on:var(--cds-alias-status-success);--clr-toggle-handle-bg-color:var(--cds-global-color-construction-50);--clr-toggle-disabled-default-border-color:var(--cds-global-color-gray-400);--clr-toggle-disabled-default-handle-color:var(--cds-global-color-construction-50);--clr-toggle-disabled-off-border-color:var(--clr-toggle-disabled-default-border-color);--clr-toggle-disabled-off-bg-color:var(--clr-toggle-disabled-default-handle-color);--clr-toggle-disabled-off-handle-border-color:var(--clr-toggle-disabled-default-border-color);--clr-toggle-disabled-on-border-color:var(--clr-toggle-disabled-default-border-color);--clr-toggle-disabled-on-bg-color:var(--clr-toggle-disabled-default-border-color);--clr-toggle-disabled-on-handle-border-color:var(--clr-toggle-disabled-default-handle-color);--clr-tooltip-background-color:var(--cds-global-color-gray-1000);--clr-tooltip-color:var(--cds-global-color-construction-50);--clr-wizard-main-bgcolor:var(--cds-alias-object-overlay-background);--clr-wizard-sidenav-bgcolor:var(--cds-alias-object-container-background-tint);--clr-wizard-main-textColor:var(--cds-global-typography-color-500);--clr-wizard-sidenav-text:var(--cds-global-typography-color-500);--clr-wizard-sidenav-text--active:var(--clr-global-on-selection-color);--clr-wizard-title-text:var(--cds-global-typography-color-500);--clr-wizard-stepnav-border-color:var(--cds-alias-object-border-color);--clr-wizard-stepnav-border-color--active:var(--cds-alias-status-success);--clr-wizard-stepnav-active-bgcolor:var(--clr-global-selection-color);--clr-wizard-header-action-color:var(--cds-global-color-gray-600);--clr-wizard-header-action-color--hovered:var(--cds-global-color-gray-1000);--clr-wizard-step-nav-border-color:var(--cds-alias-object-border-color);--clr-wizard-box-shadow-color:rgba(0, 0, 0, 0.2);--clr-tree-node-caret-link-hover-color:var(
106
- --cds-alias-object-interaction-color-hover
107
- );--clr-tree-link-hover-color:var(--cds-alias-object-interaction-background-hover);--clr-tree-link-selection-color:var(--clr-global-selection-color);--clr-tree-link-text-color:var(--cds-global-typography-color-500);--clr-tree-node-caret-color:var(--cds-global-color-gray-500);--clr-vertical-nav-divider-color:var(--cds-alias-object-border-color);--clr-vertical-nav-icon-active-color:var(--cds-alias-object-interaction-color);--clr-vertical-nav-item-color:var(--cds-alias-object-interaction-color);--clr-vertical-nav-item-active-color:var(
108
- --cds-alias-object-interaction-color-active
109
- );--clr-vertical-nav-bg-color:var(--cds-alias-object-container-background);--clr-vertical-nav-active-bg-color:var(
110
- --cds-alias-object-interaction-background-selected
111
- );--clr-vertical-nav-hover-bg-color:var(
112
- --cds-alias-object-interaction-background-hover
113
- );--clr-vertical-nav-toggle-icon-color:var(--cds-alias-object-interaction-color);--clr-vertical-nav-trigger-divider-border-color:var(
114
- --cds-alias-object-border-color
115
- );--clr-table-bgcolor:var(--cds-alias-object-container-background);--clr-thead-bgcolor:var(--cds-alias-object-container-background-tint);--clr-table-header-border-bottom-color:var(--cds-alias-object-border-color);--clr-table-footer-border-top-color:var(--cds-alias-object-border-color);--clr-table-border-color:var(--cds-alias-object-border-color);--clr-tablerow-bordercolor:var(--cds-alias-object-border-color);--clr-table-font-color:var(--cds-global-typography-color-500);--clr-thead-color:var(--cds-global-typography-color-500);--clr-datagrid-font-color:var(--cds-global-typography-color-500);--clr-datagrid-default-border-color:var(--cds-alias-object-border-color);--clr-datagrid-icon-color:var(--cds-alias-object-interaction-color);--clr-datagrid-row-hover:var(--cds-alias-object-interaction-background-hover);--clr-datagrid-row-hover-font-color:var(--cds-global-typography-color-500);--clr-datagrid-action-toggle:var(
116
- --cds-alias-object-interaction-background-active
117
- );--clr-datagrid-pagination-btn-color:var(--cds-alias-object-interaction-color);--clr-datagrid-pagination-btn-disabled-color:var(--cds-alias-status-disabled);--clr-datagrid-pagination-input-border-color:var(--cds-alias-object-border-color);--clr-datagrid-pagination-input-border-focus-color:var(--clr-color-action-400);--clr-datagrid-popover-bg-color:var(--cds-alias-object-overlay-background);--clr-datagrid-popover-border-color:var(--cds-alias-object-border-color);--clr-datagrid-action-popover-hover-color:var(
118
- --cds-alias-object-interaction-color-hover
119
- );--clr-datagrid-row-selected:var(--cds-global-typography-color-500);--clr-datagrid-column-switch-header-font-color:var(--cds-global-color-gray-500);--clr-datagrid-column-switch-header-font-hover-color:var(
120
- --cds-alias-object-interaction-background-highlight
121
- );--clr-datagrid-detail-caret-icon-open-bg-color:var(
122
- --cds-alias-object-interaction-background-highlight
123
- );--clr-datagrid-detail-caret-icon-open-icon-color:var(--cds-global-color-gray-0);--clr-datagrid-placeholder-color:var(--cds-global-color-gray-700);--clr-datagrid-loading-background:var(
124
- --cds-alias-object-opacity-100
125
- )}[cds-theme] .login-wrapper{--clr-login-background-color:var(--clr-global-app-background);--clr-login-title-color:var(--clr-h1-color);--clr-login-error-background-color:var(--clr-alert-danger-bg-color)}[cds-theme] .login-wrapper .login .login-group .error{color:var(--clr-alert-danger-font-color);border:1px solid var(--clr-alert-danger-border-color)}[cds-theme] .btn:not([disabled]):active,[cds-theme] .btn:not([disabled]):focus,[cds-theme] .btn:not([disabled]):hover{filter:brightness(90%)}[cds-theme] .btn.disabled,[cds-theme] .btn:disabled{opacity:1}[cds-theme] .btn-danger,[cds-theme] .btn-primary,[cds-theme] .btn-success,[cds-theme] .btn-warning{--clr-btn-icon-disabled-color:var(--cds-global-typography-color-100)}[cds-theme~=light]{--clr-vertical-nav-bg-color:var(--cds-global-color-gray-200);--clr-vertical-nav-active-bg-color:var(--cds-global-color-gray-0);--clr-vertical-nav-hover-bg-color:var(--cds-global-color-gray-400)}[cds-theme~=dark]{--clr-datagrid-loading-background:var(
126
- --cds-alias-object-opacity-300
127
- )}