@bspk/ui 1.3.29 → 1.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build.ts +1 -2
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/InputNumber/InputNumber.js +16 -6
- package/dist/components/InputNumber/InputNumber.js.map +1 -1
- package/dist/components/InputPhone/InputPhone.js +1 -5
- package/dist/components/InputPhone/InputPhone.js.map +1 -1
- package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.d.ts +11 -0
- package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.js +14 -0
- package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.js.map +1 -0
- package/dist/components/StylesProviderAgentWorkplace/index.d.ts +1 -0
- package/dist/components/StylesProviderAgentWorkplace/index.js +2 -0
- package/dist/components/StylesProviderAgentWorkplace/index.js.map +1 -0
- package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.d.ts +11 -0
- package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.js +14 -0
- package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.js.map +1 -0
- package/dist/components/StylesProviderBrokerWorkplace/index.d.ts +1 -0
- package/dist/components/StylesProviderBrokerWorkplace/index.js +2 -0
- package/dist/components/StylesProviderBrokerWorkplace/index.js.map +1 -0
- package/dist/components/StylesProviderDemo/brandsCss.js +10 -9
- package/dist/components/StylesProviderDemo/brandsCss.js.map +1 -1
- package/dist/components/StylesProviderDemo/exampleCss.js +5 -5
- package/dist/components/StylesProviderDemo/exampleCss.js.map +1 -1
- package/dist/components/Table/Table.js +1 -1
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/styles/agent-workplace.css +1794 -0
- package/dist/styles/{denali-boss.css.js → agent-workplace.css.js} +763 -848
- package/dist/styles/anywhere.css +569 -654
- package/dist/styles/anywhere.css.js +569 -654
- package/dist/styles/better-homes-gardens.css +622 -719
- package/dist/styles/better-homes-gardens.css.js +622 -719
- package/dist/styles/broker-workplace.css +1794 -0
- package/dist/styles/broker-workplace.css.js +1799 -0
- package/dist/styles/cartus.css +541 -638
- package/dist/styles/cartus.css.js +541 -638
- package/dist/styles/century-21.css +570 -663
- package/dist/styles/century-21.css.js +570 -663
- package/dist/styles/coldwell-banker.css +534 -631
- package/dist/styles/coldwell-banker.css.js +534 -631
- package/dist/styles/corcoran.css +536 -637
- package/dist/styles/corcoran.css.js +536 -637
- package/dist/styles/era.css +546 -641
- package/dist/styles/era.css.js +546 -641
- package/dist/styles/example.css +1898 -0
- package/dist/styles/example.css.js +1903 -0
- package/dist/styles/sothebys.css +543 -638
- package/dist/styles/sothebys.css.js +543 -638
- package/dist/types/common.d.ts +2 -1
- package/dist/types/common.js.map +1 -1
- package/package.json +7 -47
- package/src/components/Button/Button.tsx +1 -1
- package/src/components/InputNumber/InputNumber.tsx +35 -11
- package/src/components/InputPhone/InputPhone.tsx +1 -8
- package/src/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.tsx +15 -0
- package/src/components/StylesProviderAgentWorkplace/index.tsx +1 -0
- package/src/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.tsx +15 -0
- package/src/components/StylesProviderBrokerWorkplace/index.tsx +1 -0
- package/src/components/StylesProviderDemo/brandsCss.ts +13 -10
- package/src/components/StylesProviderDemo/exampleCss.ts +5 -5
- package/src/components/Table/Table.tsx +1 -1
- package/{dist/styles/denali-boss.css → src/styles/example.css} +401 -384
- package/src/types/common.ts +2 -10
- package/dist/components/InputNumber/IncrementButton.d.ts +0 -17
- package/dist/components/InputNumber/IncrementButton.js +0 -17
- package/dist/components/InputNumber/IncrementButton.js.map +0 -1
- package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.d.ts +0 -11
- package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.js +0 -14
- package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.js.map +0 -1
- package/dist/components/StylesProviderDenaliBoss/index.d.ts +0 -1
- package/dist/components/StylesProviderDenaliBoss/index.js +0 -2
- package/dist/components/StylesProviderDenaliBoss/index.js.map +0 -1
- package/dist/constants/brands.d.ts +0 -7
- package/dist/constants/brands.js +0 -43
- package/dist/constants/brands.js.map +0 -1
- package/src/components/InputNumber/IncrementButton.tsx +0 -41
- package/src/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.tsx +0 -15
- package/src/components/StylesProviderDenaliBoss/index.tsx +0 -1
- package/src/constants/brands.ts +0 -49
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** * This file is generated by the build script.
|
|
2
2
|
* Do not edit this file directly. */
|
|
3
3
|
const style = document.createElement('style');
|
|
4
|
-
style.appendChild(document.createTextNode(`/* Generated from figma export:
|
|
4
|
+
style.appendChild(document.createTextNode(`/* Generated from figma export: 2026-02-02T17:54:13.533Z */
|
|
5
5
|
|
|
6
6
|
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,100..900;1,100..900&display=swap');
|
|
7
7
|
body {
|
|
@@ -10,177 +10,37 @@ body {
|
|
|
10
10
|
|
|
11
11
|
:root {
|
|
12
12
|
/* Body/Base */
|
|
13
|
-
--body-base: 400 16px/
|
|
14
|
-
/* Body/Base -
|
|
15
|
-
--body-base-line-height:
|
|
16
|
-
/* Body/Base -
|
|
13
|
+
--body-base: 400 16px/24px var(--typeface);
|
|
14
|
+
/* Body/Base - line height */
|
|
15
|
+
--body-base-line-height: 24px;
|
|
16
|
+
/* Body/Base - size */
|
|
17
17
|
--body-base-size: 16px;
|
|
18
|
-
/* Body/Base -
|
|
18
|
+
/* Body/Base - style */
|
|
19
19
|
--body-base-style: regular;
|
|
20
20
|
/* Body/Large */
|
|
21
|
-
--body-large: 400 18px/
|
|
22
|
-
/* Body/Large -
|
|
23
|
-
--body-large-line-height:
|
|
24
|
-
/* Body/Large -
|
|
21
|
+
--body-large: 400 18px/28px var(--typeface);
|
|
22
|
+
/* Body/Large - line height */
|
|
23
|
+
--body-large-line-height: 28px;
|
|
24
|
+
/* Body/Large - size */
|
|
25
25
|
--body-large-size: 18px;
|
|
26
|
-
/* Body/Large -
|
|
26
|
+
/* Body/Large - style */
|
|
27
27
|
--body-large-style: regular;
|
|
28
28
|
/* Body/Small */
|
|
29
29
|
--body-small: 400 14px/20px var(--typeface);
|
|
30
|
-
/* Body/Small -
|
|
30
|
+
/* Body/Small - line height */
|
|
31
31
|
--body-small-line-height: 20px;
|
|
32
|
-
/* Body/Small -
|
|
32
|
+
/* Body/Small - size */
|
|
33
33
|
--body-small-size: 14px;
|
|
34
|
-
/* Body/Small -
|
|
34
|
+
/* Body/Small - style */
|
|
35
35
|
--body-small-style: regular;
|
|
36
36
|
/* Body/X-Small */
|
|
37
37
|
--body-x-small: 400 12px/16px var(--typeface);
|
|
38
|
-
/* Body/X-Small -
|
|
38
|
+
/* Body/X-Small - line height */
|
|
39
39
|
--body-x-small-line-height: 16px;
|
|
40
|
-
/* Body/X-Small -
|
|
40
|
+
/* Body/X-Small - size */
|
|
41
41
|
--body-x-small-size: 12px;
|
|
42
|
-
/* Body/X-Small -
|
|
42
|
+
/* Body/X-Small - style */
|
|
43
43
|
--body-x-small-style: regular;
|
|
44
|
-
/* Colors/Brands/Experiment/blue-dark/100 - Global (primitives) */
|
|
45
|
-
--colors-brands-experiment-blue-dark-100: #0a2f85;
|
|
46
|
-
/* Colors/Brands/Experiment/blue-dark/200 - Global (primitives) */
|
|
47
|
-
--colors-brands-experiment-blue-dark-200: #1347cc;
|
|
48
|
-
/* Colors/Brands/Experiment/blue-dark/300 - Global (primitives) */
|
|
49
|
-
--colors-brands-experiment-blue-dark-300: #0f59e2;
|
|
50
|
-
/* Colors/Brands/Experiment/blue-dark/400 - Global (primitives) */
|
|
51
|
-
--colors-brands-experiment-blue-dark-400: #357aea;
|
|
52
|
-
/* Colors/Brands/Experiment/blue-dark/50 - Global (primitives) */
|
|
53
|
-
--colors-brands-experiment-blue-dark-50: #181d34;
|
|
54
|
-
/* Colors/Brands/Experiment/blue-dark/500 - Global (primitives) */
|
|
55
|
-
--colors-brands-experiment-blue-dark-500: #2e88f6;
|
|
56
|
-
/* Colors/Brands/Experiment/blue-dark/600 - Global (primitives) */
|
|
57
|
-
--colors-brands-experiment-blue-dark-600: #50a1ff;
|
|
58
|
-
/* Colors/Brands/Experiment/blue-dark/700 - Global (primitives) */
|
|
59
|
-
--colors-brands-experiment-blue-dark-700: #7ab7ff;
|
|
60
|
-
/* Colors/Brands/Experiment/blue-dark/800 - Global (primitives) */
|
|
61
|
-
--colors-brands-experiment-blue-dark-800: #dcebfe;
|
|
62
|
-
/* Colors/Brands/Experiment/blue-dark/900 - Global (primitives) */
|
|
63
|
-
--colors-brands-experiment-blue-dark-900: #f0f6ff;
|
|
64
|
-
/* Colors/Brands/Experiment/blue-gray-dark/100 - Global (primitives) */
|
|
65
|
-
--colors-brands-experiment-blue-gray-dark-100: #1a2332;
|
|
66
|
-
/* Colors/Brands/Experiment/blue-gray-dark/200 - Global (primitives) */
|
|
67
|
-
--colors-brands-experiment-blue-gray-dark-200: #252e3c;
|
|
68
|
-
/* Colors/Brands/Experiment/blue-gray-dark/300 - Global (primitives) */
|
|
69
|
-
--colors-brands-experiment-blue-gray-dark-300: #323b49;
|
|
70
|
-
/* Colors/Brands/Experiment/blue-gray-dark/400 - Global (primitives) */
|
|
71
|
-
--colors-brands-experiment-blue-gray-dark-400: #5e6d82;
|
|
72
|
-
/* Colors/Brands/Experiment/blue-gray-dark/50 - Global (primitives) */
|
|
73
|
-
--colors-brands-experiment-blue-gray-dark-50: #0c101c;
|
|
74
|
-
/* Colors/Brands/Experiment/blue-gray-dark/500 - Global (primitives) */
|
|
75
|
-
--colors-brands-experiment-blue-gray-dark-500: #8b9bb2;
|
|
76
|
-
/* Colors/Brands/Experiment/blue-gray-dark/600 - Global (primitives) */
|
|
77
|
-
--colors-brands-experiment-blue-gray-dark-600: #b1c0d2;
|
|
78
|
-
/* Colors/Brands/Experiment/blue-gray-dark/700 - Global (primitives) */
|
|
79
|
-
--colors-brands-experiment-blue-gray-dark-700: #d4dce8;
|
|
80
|
-
/* Colors/Brands/Experiment/blue-gray-dark/800 - Global (primitives) */
|
|
81
|
-
--colors-brands-experiment-blue-gray-dark-800: #e2ebf3;
|
|
82
|
-
/* Colors/Brands/Experiment/blue-gray-dark/900 - Global (primitives) */
|
|
83
|
-
--colors-brands-experiment-blue-gray-dark-900: #f8fafc;
|
|
84
|
-
/* Colors/Brands/Experiment/blue-gray-light/100 - Global (primitives) */
|
|
85
|
-
--colors-brands-experiment-blue-gray-light-100: #f1f5f9;
|
|
86
|
-
/* Colors/Brands/Experiment/blue-gray-light/200 - Global (primitives) */
|
|
87
|
-
--colors-brands-experiment-blue-gray-light-200: #e1e7ef;
|
|
88
|
-
/* Colors/Brands/Experiment/blue-gray-light/300 - Global (primitives) */
|
|
89
|
-
--colors-brands-experiment-blue-gray-light-300: #c8d6e5;
|
|
90
|
-
/* Colors/Brands/Experiment/blue-gray-light/400 - Global (primitives) */
|
|
91
|
-
--colors-brands-experiment-blue-gray-light-400: #9eacc0;
|
|
92
|
-
/* Colors/Brands/Experiment/blue-gray-light/50 - Global (primitives) */
|
|
93
|
-
--colors-brands-experiment-blue-gray-light-50: #f8fafc;
|
|
94
|
-
/* Colors/Brands/Experiment/blue-gray-light/500 - Global (primitives) */
|
|
95
|
-
--colors-brands-experiment-blue-gray-light-500: #65758b;
|
|
96
|
-
/* Colors/Brands/Experiment/blue-gray-light/600 - Global (primitives) */
|
|
97
|
-
--colors-brands-experiment-blue-gray-light-600: #48566a;
|
|
98
|
-
/* Colors/Brands/Experiment/blue-gray-light/700 - Global (primitives) */
|
|
99
|
-
--colors-brands-experiment-blue-gray-light-700: #344256;
|
|
100
|
-
/* Colors/Brands/Experiment/blue-gray-light/800 - Global (primitives) */
|
|
101
|
-
--colors-brands-experiment-blue-gray-light-800: #1d283a;
|
|
102
|
-
/* Colors/Brands/Experiment/blue-gray-light/900 - Global (primitives) */
|
|
103
|
-
--colors-brands-experiment-blue-gray-light-900: #0f1729;
|
|
104
|
-
/* Colors/Brands/Experiment/blue-light/100 - Global (primitives) */
|
|
105
|
-
--colors-brands-experiment-blue-light-100: #dcebfe;
|
|
106
|
-
/* Colors/Brands/Experiment/blue-light/200 - Global (primitives) */
|
|
107
|
-
--colors-brands-experiment-blue-light-200: #bedbfe;
|
|
108
|
-
/* Colors/Brands/Experiment/blue-light/300 - Global (primitives) */
|
|
109
|
-
--colors-brands-experiment-blue-light-300: #91c3fd;
|
|
110
|
-
/* Colors/Brands/Experiment/blue-light/400 - Global (primitives) */
|
|
111
|
-
--colors-brands-experiment-blue-light-400: #61a6fa;
|
|
112
|
-
/* Colors/Brands/Experiment/blue-light/50 - Global (primitives) */
|
|
113
|
-
--colors-brands-experiment-blue-light-50: #f2f7ff;
|
|
114
|
-
/* Colors/Brands/Experiment/blue-light/500 - Global (primitives) */
|
|
115
|
-
--colors-brands-experiment-blue-light-500: #3479e9;
|
|
116
|
-
/* Colors/Brands/Experiment/blue-light/600 - Global (primitives) */
|
|
117
|
-
--colors-brands-experiment-blue-light-600: #1559ea;
|
|
118
|
-
/* Colors/Brands/Experiment/blue-light/700 - Global (primitives) */
|
|
119
|
-
--colors-brands-experiment-blue-light-700: #173fab;
|
|
120
|
-
/* Colors/Brands/Experiment/blue-light/800 - Global (primitives) */
|
|
121
|
-
--colors-brands-experiment-blue-light-800: #162f82;
|
|
122
|
-
/* Colors/Brands/Experiment/blue-light/900 - Global (primitives) */
|
|
123
|
-
--colors-brands-experiment-blue-light-900: #0c1736;
|
|
124
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-10 - Global (primitives) */
|
|
125
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-10: #50a1ff1a;
|
|
126
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-12 - Global (primitives) */
|
|
127
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-12: #50a1ff1f;
|
|
128
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-16 - Global (primitives) */
|
|
129
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-16: #50a1ff29;
|
|
130
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-20 - Global (primitives) */
|
|
131
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-20: #50a1ff33;
|
|
132
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-8 - Global (primitives) */
|
|
133
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-8: #50a1ff14;
|
|
134
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-10 - Global (primitives) */
|
|
135
|
-
--colors-brands-experiment-interactions-primary-light-opacity-10: #1559ea1a;
|
|
136
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-12 - Global (primitives) */
|
|
137
|
-
--colors-brands-experiment-interactions-primary-light-opacity-12: #1559ea1f;
|
|
138
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-16 - Global (primitives) */
|
|
139
|
-
--colors-brands-experiment-interactions-primary-light-opacity-16: #1559ea29;
|
|
140
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-20 - Global (primitives) */
|
|
141
|
-
--colors-brands-experiment-interactions-primary-light-opacity-20: #1559ea33;
|
|
142
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-8 - Global (primitives) */
|
|
143
|
-
--colors-brands-experiment-interactions-primary-light-opacity-8: #1559ea14;
|
|
144
|
-
/* Colors/Brands/Experiment/orange-dark/100 - Global (primitives) */
|
|
145
|
-
--colors-brands-experiment-orange-dark-100: #852c0f;
|
|
146
|
-
/* Colors/Brands/Experiment/orange-dark/200 - Global (primitives) */
|
|
147
|
-
--colors-brands-experiment-orange-dark-200: #ab4827;
|
|
148
|
-
/* Colors/Brands/Experiment/orange-dark/300 - Global (primitives) */
|
|
149
|
-
--colors-brands-experiment-orange-dark-300: #ce5a07;
|
|
150
|
-
/* Colors/Brands/Experiment/orange-dark/400 - Global (primitives) */
|
|
151
|
-
--colors-brands-experiment-orange-dark-400: #f27013;
|
|
152
|
-
/* Colors/Brands/Experiment/orange-dark/50 - Global (primitives) */
|
|
153
|
-
--colors-brands-experiment-orange-dark-50: #31160d;
|
|
154
|
-
/* Colors/Brands/Experiment/orange-dark/500 - Global (primitives) */
|
|
155
|
-
--colors-brands-experiment-orange-dark-500: #fb923c;
|
|
156
|
-
/* Colors/Brands/Experiment/orange-dark/600 - Global (primitives) */
|
|
157
|
-
--colors-brands-experiment-orange-dark-600: #fdba72;
|
|
158
|
-
/* Colors/Brands/Experiment/orange-dark/700 - Global (primitives) */
|
|
159
|
-
--colors-brands-experiment-orange-dark-700: #fed6a9;
|
|
160
|
-
/* Colors/Brands/Experiment/orange-dark/800 - Global (primitives) */
|
|
161
|
-
--colors-brands-experiment-orange-dark-800: #ffedd6;
|
|
162
|
-
/* Colors/Brands/Experiment/orange-dark/900 - Global (primitives) */
|
|
163
|
-
--colors-brands-experiment-orange-dark-900: #fff6eb;
|
|
164
|
-
/* Colors/Brands/Experiment/orange-light/100 - Global (primitives) */
|
|
165
|
-
--colors-brands-experiment-orange-light-100: #ffedd6;
|
|
166
|
-
/* Colors/Brands/Experiment/orange-light/200 - Global (primitives) */
|
|
167
|
-
--colors-brands-experiment-orange-light-200: #fed6a9;
|
|
168
|
-
/* Colors/Brands/Experiment/orange-light/300 - Global (primitives) */
|
|
169
|
-
--colors-brands-experiment-orange-light-300: #fdba72;
|
|
170
|
-
/* Colors/Brands/Experiment/orange-light/400 - Global (primitives) */
|
|
171
|
-
--colors-brands-experiment-orange-light-400: #fb923c;
|
|
172
|
-
/* Colors/Brands/Experiment/orange-light/50 - Global (primitives) */
|
|
173
|
-
--colors-brands-experiment-orange-light-50: #fff6eb;
|
|
174
|
-
/* Colors/Brands/Experiment/orange-light/500 - Global (primitives) */
|
|
175
|
-
--colors-brands-experiment-orange-light-500: #f67416;
|
|
176
|
-
/* Colors/Brands/Experiment/orange-light/600 - Global (primitives) */
|
|
177
|
-
--colors-brands-experiment-orange-light-600: #e4570c;
|
|
178
|
-
/* Colors/Brands/Experiment/orange-light/700 - Global (primitives) */
|
|
179
|
-
--colors-brands-experiment-orange-light-700: #b63c0b;
|
|
180
|
-
/* Colors/Brands/Experiment/orange-light/800 - Global (primitives) */
|
|
181
|
-
--colors-brands-experiment-orange-light-800: #80310f;
|
|
182
|
-
/* Colors/Brands/Experiment/orange-light/900 - Global (primitives) */
|
|
183
|
-
--colors-brands-experiment-orange-light-900: #471a0a;
|
|
184
44
|
/* Colors/Internal/pink-00-light - Global (primitives) */
|
|
185
45
|
--colors-internal-pink-00-light: #ff4f8d;
|
|
186
46
|
/* Colors/Internal/pink-50-dark - Global (primitives) */
|
|
@@ -212,7 +72,7 @@ body {
|
|
|
212
72
|
/* Colors/Neutral/22 - Global (primitives) */
|
|
213
73
|
--colors-neutral-22: #383838;
|
|
214
74
|
/* Colors/Neutral/24 - Global (primitives) */
|
|
215
|
-
--colors-neutral-24: #
|
|
75
|
+
--colors-neutral-24: #3d3d3d;
|
|
216
76
|
/* Colors/Neutral/26 - Global (primitives) */
|
|
217
77
|
--colors-neutral-26: #424242;
|
|
218
78
|
/* Colors/Neutral/28 - Global (primitives) */
|
|
@@ -289,6 +149,10 @@ body {
|
|
|
289
149
|
--colors-neutral-98: #fafafa;
|
|
290
150
|
/* Colors/Neutral/transparent - Global (primitives) */
|
|
291
151
|
--colors-neutral-transparent: #ffffff00;
|
|
152
|
+
/* Colors/System/AI-gradient/blue - Global (primitives) */
|
|
153
|
+
--colors-system-ai-gradient-blue: #215ecd;
|
|
154
|
+
/* Colors/System/AI-gradient/pink - Global (primitives) */
|
|
155
|
+
--colors-system-ai-gradient-pink: #c60ede;
|
|
292
156
|
/* Colors/System/blue-dark - Global (primitives) */
|
|
293
157
|
--colors-system-blue-dark: #5d92f5;
|
|
294
158
|
/* Colors/System/blue-dark-bg - Global (primitives) */
|
|
@@ -337,10 +201,10 @@ body {
|
|
|
337
201
|
--colors-system-spectrum-data-visual-azure-400: #7fc4ec;
|
|
338
202
|
/* Colors/System/Spectrum/Data visual/azure-700 - Global (primitives) */
|
|
339
203
|
--colors-system-spectrum-data-visual-azure-700: #299de0;
|
|
340
|
-
/* Colors/System/Spectrum/Data visual/backrose-900 - Global (primitives) */
|
|
341
|
-
--colors-system-spectrum-data-visual-backrose-900: #958ca3;
|
|
342
204
|
/* Colors/System/Spectrum/Data visual/blackrose-1200 - Global (primitives) */
|
|
343
205
|
--colors-system-spectrum-data-visual-blackrose-1200: #130033;
|
|
206
|
+
/* Colors/System/Spectrum/Data visual/blackrose-900 - Global (primitives) */
|
|
207
|
+
--colors-system-spectrum-data-visual-blackrose-900: #958ca3;
|
|
344
208
|
/* Colors/System/Spectrum/Data visual/bronze-1100 - Global (primitives) */
|
|
345
209
|
--colors-system-spectrum-data-visual-bronze-1100: #794b34;
|
|
346
210
|
/* Colors/System/Spectrum/Data visual/bronze-800 - Global (primitives) */
|
|
@@ -369,10 +233,10 @@ body {
|
|
|
369
233
|
--colors-system-spectrum-data-visual-highlight-azure-400-opacity: #7fc4ec4d;
|
|
370
234
|
/* Colors/System/Spectrum/Data visual/Highlight/azure-700-opacity - Global (primitives) */
|
|
371
235
|
--colors-system-spectrum-data-visual-highlight-azure-700-opacity: #299de04d;
|
|
372
|
-
/* Colors/System/Spectrum/Data visual/Highlight/backrose-900-opacity - Global (primitives) */
|
|
373
|
-
--colors-system-spectrum-data-visual-highlight-backrose-900-opacity: #958ca34d;
|
|
374
236
|
/* Colors/System/Spectrum/Data visual/Highlight/blackrose-1200-opacity - Global (primitives) */
|
|
375
237
|
--colors-system-spectrum-data-visual-highlight-blackrose-1200-opacity: #1300334d;
|
|
238
|
+
/* Colors/System/Spectrum/Data visual/Highlight/blackrose-900-opacity - Global (primitives) */
|
|
239
|
+
--colors-system-spectrum-data-visual-highlight-blackrose-900-opacity: #958ca34d;
|
|
376
240
|
/* Colors/System/Spectrum/Data visual/Highlight/bronze-1100-opacity - Global (primitives) */
|
|
377
241
|
--colors-system-spectrum-data-visual-highlight-bronze-1100-opacity: #794b344d;
|
|
378
242
|
/* Colors/System/Spectrum/Data visual/Highlight/bronze-800-opacity - Global (primitives) */
|
|
@@ -591,8 +455,6 @@ body {
|
|
|
591
455
|
--corner-radius-80: 8px;
|
|
592
456
|
/* Corner radius/circular - Global (primitives) */
|
|
593
457
|
--corner-radius-circular: 999px;
|
|
594
|
-
/* Corner radius/None - Global (primitives) */
|
|
595
|
-
--corner-radius-none: 0;
|
|
596
458
|
/* East - navigation rails, drawers, sheets */
|
|
597
459
|
--drop-shadow-east: 2px 0px 8px -2px #0000001a, 2px 0px 4px -2px #0000001f;
|
|
598
460
|
/* Float */
|
|
@@ -607,24 +469,6 @@ body {
|
|
|
607
469
|
--drop-shadow-south: 0px 2px 8px -2px #0000001a, 0px 2px 4px -2px #0000001f;
|
|
608
470
|
/* West - side sheets */
|
|
609
471
|
--drop-shadow-west: -8px 0px 8px -2px #0000001a, -5px 4px 4px -6px #00000026;
|
|
610
|
-
/* Foreground/Link text/subtle-inverse-hovered - Theme - Denali & Boss */
|
|
611
|
-
--foreground-link-text-subtle-inverse-hovered: #e6e6e6;
|
|
612
|
-
/* Foreground/Link text/subtle-inverse-pressed - Theme - Denali & Boss */
|
|
613
|
-
--foreground-link-text-subtle-inverse-pressed: #d1d1d1;
|
|
614
|
-
/* Foreground/Neutral/inverse-on-surface - Theme - Denali & Boss */
|
|
615
|
-
--foreground-neutral-inverse-on-surface: #fafafa;
|
|
616
|
-
/* Foreground/Neutral/on-color - Theme - Denali & Boss */
|
|
617
|
-
--foreground-neutral-on-color: #ffffff;
|
|
618
|
-
/* Foreground/Neutral/on-inverse-surface - Theme - Denali & Boss */
|
|
619
|
-
--foreground-neutral-on-inverse-surface: #fafafa;
|
|
620
|
-
/* Interaction/disabled-opacity - Theme - 3.0 */
|
|
621
|
-
--interaction-disabled-opacity: #0000000f;
|
|
622
|
-
/* Interaction/primary-disabled-opacity - Theme - 3.0 */
|
|
623
|
-
--interaction-primary-disabled-opacity: #1559ea1f;
|
|
624
|
-
/* Interaction/primary-hover-opacity - Theme - 3.0 */
|
|
625
|
-
--interaction-primary-hover-opacity: #1559ea1a;
|
|
626
|
-
/* Interaction/primary-press-opacity - Theme - 3.0 */
|
|
627
|
-
--interaction-primary-press-opacity: #1559ea33;
|
|
628
472
|
/* Interactions/opacity-black-10 - Global (primitives) */
|
|
629
473
|
--interactions-opacity-black-10: #0000001a;
|
|
630
474
|
/* Interactions/opacity-black-16 - Global (primitives) */
|
|
@@ -649,94 +493,92 @@ body {
|
|
|
649
493
|
--interactions-opacity-white-6: #ffffff0f;
|
|
650
494
|
/* Interactions/opacity-white-8 - Global (primitives) */
|
|
651
495
|
--interactions-opacity-white-8: #ffffff14;
|
|
652
|
-
/* Colors/Brands/
|
|
653
|
-
--interactions-primary-dark-opacity-10: #
|
|
654
|
-
/* Colors/Brands/
|
|
655
|
-
--interactions-primary-dark-opacity-12: #
|
|
656
|
-
/* Colors/Brands/
|
|
657
|
-
--interactions-primary-dark-opacity-16: #
|
|
658
|
-
/* Colors/Brands/
|
|
659
|
-
--interactions-primary-dark-opacity-20: #
|
|
660
|
-
/* Colors/Brands/
|
|
661
|
-
--interactions-primary-dark-opacity-8: #
|
|
662
|
-
/* Colors/Brands/
|
|
663
|
-
--interactions-primary-light-opacity-10: #
|
|
664
|
-
/* Colors/Brands/
|
|
665
|
-
--interactions-primary-light-opacity-12: #
|
|
666
|
-
/* Colors/Brands/
|
|
667
|
-
--interactions-primary-light-opacity-16: #
|
|
668
|
-
/* Colors/Brands/
|
|
669
|
-
--interactions-primary-light-opacity-20: #
|
|
670
|
-
/* Colors/Brands/
|
|
671
|
-
--interactions-primary-light-opacity-8: #
|
|
496
|
+
/* Colors/Brands/Agent Workplace/Interactions/primary-dark-opacity-10 - Global (primitives) */
|
|
497
|
+
--interactions-primary-dark-opacity-10: #7574821a;
|
|
498
|
+
/* Colors/Brands/Agent Workplace/Interactions/primary-dark-opacity-12 - Global (primitives) */
|
|
499
|
+
--interactions-primary-dark-opacity-12: #7574821f;
|
|
500
|
+
/* Colors/Brands/Agent Workplace/Interactions/primary-dark-opacity-16 - Global (primitives) */
|
|
501
|
+
--interactions-primary-dark-opacity-16: #75748229;
|
|
502
|
+
/* Colors/Brands/Agent Workplace/Interactions/primary-dark-opacity-20 - Global (primitives) */
|
|
503
|
+
--interactions-primary-dark-opacity-20: #75748233;
|
|
504
|
+
/* Colors/Brands/Agent Workplace/Interactions/primary-dark-opacity-8 - Global (primitives) */
|
|
505
|
+
--interactions-primary-dark-opacity-8: #75748214;
|
|
506
|
+
/* Colors/Brands/Agent Workplace/Interactions/primary-light-opacity-10 - Global (primitives) */
|
|
507
|
+
--interactions-primary-light-opacity-10: #19172f1a;
|
|
508
|
+
/* Colors/Brands/Agent Workplace/Interactions/primary-light-opacity-12 - Global (primitives) */
|
|
509
|
+
--interactions-primary-light-opacity-12: #19172f1f;
|
|
510
|
+
/* Colors/Brands/Agent Workplace/Interactions/primary-light-opacity-16 - Global (primitives) */
|
|
511
|
+
--interactions-primary-light-opacity-16: #19172f29;
|
|
512
|
+
/* Colors/Brands/Agent Workplace/Interactions/primary-light-opacity-20 - Global (primitives) */
|
|
513
|
+
--interactions-primary-light-opacity-20: #19172f33;
|
|
514
|
+
/* Colors/Brands/Agent Workplace/Interactions/primary-light-opacity-8 - Global (primitives) */
|
|
515
|
+
--interactions-primary-light-opacity-8: #19172f14;
|
|
672
516
|
/* Labels/Base */
|
|
673
|
-
--labels-base: 500 16px/
|
|
674
|
-
/* Labels/Base -
|
|
675
|
-
--labels-base-line-height:
|
|
676
|
-
/* Labels/Base -
|
|
517
|
+
--labels-base: 500 16px/24px var(--typeface);
|
|
518
|
+
/* Labels/Base - line height */
|
|
519
|
+
--labels-base-line-height: 24px;
|
|
520
|
+
/* Labels/Base - size */
|
|
677
521
|
--labels-base-size: 16px;
|
|
678
|
-
/* Labels/Base -
|
|
522
|
+
/* Labels/Base - style */
|
|
679
523
|
--labels-base-style: medium;
|
|
680
524
|
/* Labels/Large */
|
|
681
|
-
--labels-large: 500 18px/
|
|
682
|
-
/* Labels/Large -
|
|
683
|
-
--labels-large-line-height:
|
|
684
|
-
/* Labels/Large -
|
|
525
|
+
--labels-large: 500 18px/28px var(--typeface);
|
|
526
|
+
/* Labels/Large - line height */
|
|
527
|
+
--labels-large-line-height: 28px;
|
|
528
|
+
/* Labels/Large - size */
|
|
685
529
|
--labels-large-size: 18px;
|
|
686
|
-
/* Labels/Large -
|
|
530
|
+
/* Labels/Large - style */
|
|
687
531
|
--labels-large-style: medium;
|
|
688
532
|
/* Labels/Small */
|
|
689
533
|
--labels-small: 500 14px/20px var(--typeface);
|
|
690
|
-
/* Labels/Small -
|
|
534
|
+
/* Labels/Small - line height */
|
|
691
535
|
--labels-small-line-height: 20px;
|
|
692
|
-
/* Labels/Small -
|
|
536
|
+
/* Labels/Small - size */
|
|
693
537
|
--labels-small-size: 14px;
|
|
694
|
-
/* Labels/Small -
|
|
538
|
+
/* Labels/Small - style */
|
|
695
539
|
--labels-small-style: medium;
|
|
696
540
|
/* Labels/X-Small */
|
|
697
541
|
--labels-x-small: 500 12px/16px var(--typeface);
|
|
698
|
-
/* Labels/X-Small -
|
|
542
|
+
/* Labels/X-Small - line height */
|
|
699
543
|
--labels-x-small-line-height: 16px;
|
|
700
|
-
/* Labels/X-Small -
|
|
544
|
+
/* Labels/X-Small - size */
|
|
701
545
|
--labels-x-small-size: 12px;
|
|
702
|
-
/* Labels/X-Small -
|
|
546
|
+
/* Labels/X-Small - style */
|
|
703
547
|
--labels-x-small-style: medium;
|
|
704
|
-
/* Colors/Brands/
|
|
705
|
-
--primary-00-base: #
|
|
706
|
-
/* Colors/Brands/
|
|
707
|
-
--primary-15-dark: #
|
|
708
|
-
/* Colors/Brands/
|
|
709
|
-
--primary-40-light: #
|
|
710
|
-
/* Colors/Brands/
|
|
711
|
-
--primary-55-light: #
|
|
712
|
-
/* Colors/Brands/
|
|
713
|
-
--primary-75-dark: #
|
|
714
|
-
/* Colors/Brands/
|
|
715
|
-
--primary-85-light: #
|
|
548
|
+
/* Colors/Brands/Agent Workplace/Primary/00-base - Global (primitives) */
|
|
549
|
+
--primary-00-base: #19172f;
|
|
550
|
+
/* Colors/Brands/Agent Workplace/Primary/15-dark - Global (primitives) */
|
|
551
|
+
--primary-15-dark: #151428;
|
|
552
|
+
/* Colors/Brands/Agent Workplace/Primary/40-light - Global (primitives) */
|
|
553
|
+
--primary-40-light: #757482;
|
|
554
|
+
/* Colors/Brands/Agent Workplace/Primary/55-light - Global (primitives) */
|
|
555
|
+
--primary-55-light: #9897a1;
|
|
556
|
+
/* Colors/Brands/Agent Workplace/Primary/75-dark - Global (primitives) */
|
|
557
|
+
--primary-75-dark: #06060c;
|
|
558
|
+
/* Colors/Brands/Agent Workplace/Primary/85-light - Global (primitives) */
|
|
559
|
+
--primary-85-light: #dddce0;
|
|
716
560
|
/* Radius/full - Borders */
|
|
717
561
|
--radius-full: 999px;
|
|
718
562
|
/* Radius/lg - Borders */
|
|
719
563
|
--radius-lg: 12px;
|
|
720
564
|
/* Radius/md - Borders */
|
|
721
565
|
--radius-md: 8px;
|
|
722
|
-
/* Radius/none - Borders */
|
|
723
|
-
--radius-none: 0;
|
|
724
566
|
/* Radius/sm - Borders */
|
|
725
567
|
--radius-sm: 4px;
|
|
726
568
|
/* Radius/xlg - Borders */
|
|
727
569
|
--radius-xlg: 16px;
|
|
728
|
-
/* Colors/Brands/
|
|
729
|
-
--secondary-00-base: #
|
|
730
|
-
/* Colors/Brands/
|
|
731
|
-
--secondary-15-dark: #
|
|
732
|
-
/* Colors/Brands/
|
|
733
|
-
--secondary-40-light: #
|
|
734
|
-
/* Colors/Brands/
|
|
735
|
-
--secondary-55-light: #
|
|
736
|
-
/* Colors/Brands/
|
|
737
|
-
--secondary-75-dark: #
|
|
738
|
-
/* Colors/Brands/
|
|
739
|
-
--secondary-85-light: #
|
|
570
|
+
/* Colors/Brands/Agent Workplace/Secondary/00-base - Global (primitives) */
|
|
571
|
+
--secondary-00-base: #eb672f;
|
|
572
|
+
/* Colors/Brands/Agent Workplace/Secondary/15-dark - Global (primitives) */
|
|
573
|
+
--secondary-15-dark: #c85828;
|
|
574
|
+
/* Colors/Brands/Agent Workplace/Secondary/40-light - Global (primitives) */
|
|
575
|
+
--secondary-40-light: #f3a482;
|
|
576
|
+
/* Colors/Brands/Agent Workplace/Secondary/55-light - Global (primitives) */
|
|
577
|
+
--secondary-55-light: #f6bba1;
|
|
578
|
+
/* Colors/Brands/Agent Workplace/Secondary/75-dark - Global (primitives) */
|
|
579
|
+
--secondary-75-dark: #3b1a0c;
|
|
580
|
+
/* Colors/Brands/Agent Workplace/Secondary/85-light - Global (primitives) */
|
|
581
|
+
--secondary-85-light: #fce8e0;
|
|
740
582
|
/* Shadows/Inner-Shadow-black-100 - Global (primitives) */
|
|
741
583
|
--shadows-inner-shadow-black-100: #000000;
|
|
742
584
|
/* Shadows/Inner-Shadow-white-100 - Global (primitives) */
|
|
@@ -815,8 +657,6 @@ body {
|
|
|
815
657
|
--spacing-sizing-24: 148px;
|
|
816
658
|
/* Spacing/sizing-25 - Spacing & Sizing */
|
|
817
659
|
--spacing-sizing-25: 152px;
|
|
818
|
-
/* Spacing/sizing-none - Spacing & Sizing */
|
|
819
|
-
--spacing-sizing-none: 0;
|
|
820
660
|
/* Spacings/1040 - Global (primitives) */
|
|
821
661
|
--spacings-1040: 104px;
|
|
822
662
|
/* Spacings/120 - Global (primitives) */
|
|
@@ -867,36 +707,14 @@ body {
|
|
|
867
707
|
--spacings-800: 80px;
|
|
868
708
|
/* Spacings/960 - Global (primitives) */
|
|
869
709
|
--spacings-960: 96px;
|
|
870
|
-
/* Spacings/None - Global (primitives) */
|
|
871
|
-
--spacings-none: 0;
|
|
872
|
-
/* Status/on-error - Theme - Denali & Boss */
|
|
873
|
-
--status-on-error: #ffffff;
|
|
874
|
-
/* Status/on-information - Theme - Denali & Boss */
|
|
875
|
-
--status-on-information: #ffffff;
|
|
876
|
-
/* Status/on-informational - Theme - Denali & Boss */
|
|
877
|
-
--status-on-informational: #ffffff;
|
|
878
|
-
/* Status/on-success - Theme - Denali & Boss */
|
|
879
|
-
--status-on-success: #ffffff;
|
|
880
|
-
/* Status/on-warning - Theme - Denali & Boss */
|
|
881
|
-
--status-on-warning: #141414;
|
|
882
|
-
/* Stroke/Neutral/focus-on-inverse - Theme - Denali & Boss */
|
|
883
|
-
--stroke-neutral-focus-on-inverse: #ffffff;
|
|
884
|
-
/* Stroke/Neutral/Interaction/inverse-focus - Theme - 3.0 */
|
|
885
|
-
--stroke-neutral-interaction-inverse-focus: #ffffff;
|
|
886
|
-
/* Stroke/Neutral/Interactions/inverse-focus - Theme - Denali & Boss */
|
|
887
|
-
--stroke-neutral-interactions-inverse-focus: #ffffff;
|
|
888
|
-
/* Stroke/none - Borders */
|
|
889
|
-
--stroke-none: 0;
|
|
890
710
|
/* Stroke/thick - Borders */
|
|
891
711
|
--stroke-thick: 2px;
|
|
892
712
|
/* Stroke/thicker - Borders */
|
|
893
713
|
--stroke-thicker: 4px;
|
|
894
714
|
/* Stroke/thin - Borders */
|
|
895
715
|
--stroke-thin: 1px;
|
|
896
|
-
/* Surface/Neutral/transparent - Theme - Denali & Boss */
|
|
897
|
-
--surface-neutral-transparent: #ffffff00;
|
|
898
716
|
/* Typeface - Brand */
|
|
899
|
-
--typeface: 'Inter'
|
|
717
|
+
--typeface: 'Inter';
|
|
900
718
|
/* Typography/Line-height/lh-1 - Global (primitives) */
|
|
901
719
|
--typography-line-height-lh-1: 16px;
|
|
902
720
|
/* Typography/Line-height/lh-10 - Global (primitives) */
|
|
@@ -960,29 +778,29 @@ body {
|
|
|
960
778
|
/* Typography/Size/xxxlg - Global (primitives) */
|
|
961
779
|
--typography-size-xxxlg: 40px;
|
|
962
780
|
/* Typography/Typeface/Arial - Global (primitives) */
|
|
963
|
-
--typography-typeface-arial: 'Arial'
|
|
781
|
+
--typography-typeface-arial: 'Arial';
|
|
964
782
|
/* Typography/Typeface/Geist - Global (primitives) */
|
|
965
|
-
--typography-typeface-geist: 'Geist'
|
|
783
|
+
--typography-typeface-geist: 'Geist';
|
|
966
784
|
/* Typography/Typeface/Helvetica - Global (primitives) */
|
|
967
|
-
--typography-typeface-helvetica: 'Helvetica'
|
|
785
|
+
--typography-typeface-helvetica: 'Helvetica';
|
|
968
786
|
/* Typography/Typeface/Inter - Global (primitives) */
|
|
969
|
-
--typography-typeface-inter: 'Inter'
|
|
787
|
+
--typography-typeface-inter: 'Inter';
|
|
970
788
|
/* Typography/Typeface/Lato - Global (primitives) */
|
|
971
|
-
--typography-typeface-lato: 'Lato'
|
|
789
|
+
--typography-typeface-lato: 'Lato';
|
|
972
790
|
/* Typography/Typeface/Manrope - Global (primitives) */
|
|
973
|
-
--typography-typeface-manrope: 'Manrope'
|
|
791
|
+
--typography-typeface-manrope: 'Manrope';
|
|
974
792
|
/* Typography/Typeface/Open Sans - Global (primitives) */
|
|
975
|
-
--typography-typeface-open-sans: 'Open Sans'
|
|
793
|
+
--typography-typeface-open-sans: 'Open Sans';
|
|
976
794
|
/* Typography/Typeface/Red Hat Text - Global (primitives) */
|
|
977
|
-
--typography-typeface-red-hat-text: 'Red Hat Text'
|
|
795
|
+
--typography-typeface-red-hat-text: 'Red Hat Text';
|
|
978
796
|
/* Typography/Typeface/Roboto - Global (primitives) */
|
|
979
|
-
--typography-typeface-roboto: 'Roboto'
|
|
797
|
+
--typography-typeface-roboto: 'Roboto';
|
|
980
798
|
/* Typography/Typeface/SF Pro - Global (primitives) */
|
|
981
|
-
--typography-typeface-sf-pro: 'SF Pro'
|
|
799
|
+
--typography-typeface-sf-pro: 'SF Pro';
|
|
982
800
|
/* Typography/Typeface/Typold - Global (primitives) */
|
|
983
|
-
--typography-typeface-typold: 'Typold'
|
|
801
|
+
--typography-typeface-typold: 'Typold';
|
|
984
802
|
/* Typography/Typeface/Work Sans - Global (primitives) */
|
|
985
|
-
--typography-typeface-work-sans: 'Work Sans'
|
|
803
|
+
--typography-typeface-work-sans: 'Work Sans';
|
|
986
804
|
/* Typography/Weight/300 - Global (primitives) */
|
|
987
805
|
--typography-weight-300: 300;
|
|
988
806
|
/* Typography/Weight/400 - Global (primitives) */
|
|
@@ -993,52 +811,52 @@ body {
|
|
|
993
811
|
--typography-weight-600: 600;
|
|
994
812
|
/* Mobile/Display/Regular/Large */
|
|
995
813
|
--display-regular-large: 400 56px/72px var(--typeface);
|
|
996
|
-
/* Mobile/Display/Regular/Large -
|
|
814
|
+
/* Mobile/Display/Regular/Large - line height */
|
|
997
815
|
--display-regular-large-line-height: 72px;
|
|
998
|
-
/* Mobile/Display/Regular/Large -
|
|
816
|
+
/* Mobile/Display/Regular/Large - size */
|
|
999
817
|
--display-regular-large-size: 56px;
|
|
1000
|
-
/* Mobile/Display/Regular/Large -
|
|
818
|
+
/* Mobile/Display/Regular/Large - style */
|
|
1001
819
|
--display-regular-large-style: regular;
|
|
1002
820
|
/* Mobile/Display/Regular/Medium */
|
|
1003
821
|
--display-regular-medium: 400 48px/60px var(--typeface);
|
|
1004
|
-
/* Mobile/Display/Regular/Medium -
|
|
822
|
+
/* Mobile/Display/Regular/Medium - line height */
|
|
1005
823
|
--display-regular-medium-line-height: 60px;
|
|
1006
|
-
/* Mobile/Display/Regular/Medium -
|
|
824
|
+
/* Mobile/Display/Regular/Medium - size */
|
|
1007
825
|
--display-regular-medium-size: 48px;
|
|
1008
|
-
/* Mobile/Display/Regular/Medium -
|
|
826
|
+
/* Mobile/Display/Regular/Medium - style */
|
|
1009
827
|
--display-regular-medium-style: regular;
|
|
1010
828
|
/* Mobile/Display/Regular/Small */
|
|
1011
829
|
--display-regular-small: 400 40px/48px var(--typeface);
|
|
1012
|
-
/* Mobile/Display/Regular/Small -
|
|
830
|
+
/* Mobile/Display/Regular/Small - line height */
|
|
1013
831
|
--display-regular-small-line-height: 48px;
|
|
1014
|
-
/* Mobile/Display/Regular/Small -
|
|
832
|
+
/* Mobile/Display/Regular/Small - size */
|
|
1015
833
|
--display-regular-small-size: 40px;
|
|
1016
|
-
/* Mobile/Display/Regular/Small -
|
|
834
|
+
/* Mobile/Display/Regular/Small - style */
|
|
1017
835
|
--display-regular-small-style: regular;
|
|
1018
836
|
/* Mobile/Display/Semibold/Large */
|
|
1019
837
|
--display-semibold-large: 600 56px/72px var(--typeface);
|
|
1020
|
-
/* Mobile/Display/Semibold/Large -
|
|
838
|
+
/* Mobile/Display/Semibold/Large - line height */
|
|
1021
839
|
--display-semibold-large-line-height: 72px;
|
|
1022
|
-
/* Mobile/Display/Semibold/Large -
|
|
840
|
+
/* Mobile/Display/Semibold/Large - size */
|
|
1023
841
|
--display-semibold-large-size: 56px;
|
|
1024
|
-
/* Mobile/Display/Semibold/Large -
|
|
1025
|
-
--display-semibold-large-style:
|
|
842
|
+
/* Mobile/Display/Semibold/Large - style */
|
|
843
|
+
--display-semibold-large-style: 600;
|
|
1026
844
|
/* Mobile/Display/Semibold/Medium */
|
|
1027
845
|
--display-semibold-medium: 600 48px/60px var(--typeface);
|
|
1028
|
-
/* Mobile/Display/Semibold/Medium -
|
|
846
|
+
/* Mobile/Display/Semibold/Medium - line height */
|
|
1029
847
|
--display-semibold-medium-line-height: 60px;
|
|
1030
|
-
/* Mobile/Display/Semibold/Medium -
|
|
848
|
+
/* Mobile/Display/Semibold/Medium - size */
|
|
1031
849
|
--display-semibold-medium-size: 48px;
|
|
1032
|
-
/* Mobile/Display/Semibold/Medium -
|
|
1033
|
-
--display-semibold-medium-style:
|
|
850
|
+
/* Mobile/Display/Semibold/Medium - style */
|
|
851
|
+
--display-semibold-medium-style: 600;
|
|
1034
852
|
/* Mobile/Display/Semibold/Small */
|
|
1035
853
|
--display-semibold-small: 600 40px/48px var(--typeface);
|
|
1036
|
-
/* Mobile/Display/Semibold/Small -
|
|
854
|
+
/* Mobile/Display/Semibold/Small - line height */
|
|
1037
855
|
--display-semibold-small-line-height: 48px;
|
|
1038
|
-
/* Mobile/Display/Semibold/Small -
|
|
856
|
+
/* Mobile/Display/Semibold/Small - size */
|
|
1039
857
|
--display-semibold-small-size: 40px;
|
|
1040
|
-
/* Mobile/Display/Semibold/Small -
|
|
1041
|
-
--display-semibold-small-style:
|
|
858
|
+
/* Mobile/Display/Semibold/Small - style */
|
|
859
|
+
--display-semibold-small-style: 600;
|
|
1042
860
|
/* Mobile/Heading/H1 - Large Headline */
|
|
1043
861
|
--heading-h1: 600 32px/40px var(--typeface);
|
|
1044
862
|
/* Mobile/Heading/H1 - Large Headline line height */
|
|
@@ -1046,7 +864,7 @@ body {
|
|
|
1046
864
|
/* Mobile/Heading/H1 - Large Headline size */
|
|
1047
865
|
--heading-h1-size: 32px;
|
|
1048
866
|
/* Mobile/Heading/H1 - Large Headline style */
|
|
1049
|
-
--heading-h1-style:
|
|
867
|
+
--heading-h1-style: 600;
|
|
1050
868
|
/* Mobile/Heading/H2 - Headline */
|
|
1051
869
|
--heading-h2: 600 28px/36px var(--typeface);
|
|
1052
870
|
/* Mobile/Heading/H2 - Headline line height */
|
|
@@ -1054,7 +872,7 @@ body {
|
|
|
1054
872
|
/* Mobile/Heading/H2 - Headline size */
|
|
1055
873
|
--heading-h2-size: 28px;
|
|
1056
874
|
/* Mobile/Heading/H2 - Headline style */
|
|
1057
|
-
--heading-h2-style:
|
|
875
|
+
--heading-h2-style: 600;
|
|
1058
876
|
/* Mobile/Heading/H3 - Headline */
|
|
1059
877
|
--heading-h3: 600 24px/32px var(--typeface);
|
|
1060
878
|
/* Mobile/Heading/H3 - Headline line height */
|
|
@@ -1062,7 +880,7 @@ body {
|
|
|
1062
880
|
/* Mobile/Heading/H3 - Headline size */
|
|
1063
881
|
--heading-h3-size: 24px;
|
|
1064
882
|
/* Mobile/Heading/H3 - Headline style */
|
|
1065
|
-
--heading-h3-style:
|
|
883
|
+
--heading-h3-style: 600;
|
|
1066
884
|
/* Mobile/Heading/H4 - Headline */
|
|
1067
885
|
--heading-h4: 600 20px/28px var(--typeface);
|
|
1068
886
|
/* Mobile/Heading/H4 - Headline line height */
|
|
@@ -1070,22 +888,22 @@ body {
|
|
|
1070
888
|
/* Mobile/Heading/H4 - Headline size */
|
|
1071
889
|
--heading-h4-size: 20px;
|
|
1072
890
|
/* Mobile/Heading/H4 - Headline style */
|
|
1073
|
-
--heading-h4-style:
|
|
891
|
+
--heading-h4-style: 600;
|
|
1074
892
|
/* Mobile/Heading/H5 */
|
|
1075
893
|
--heading-h5: 600 18px/24px var(--typeface);
|
|
1076
|
-
/* Mobile/Heading/H5 -
|
|
894
|
+
/* Mobile/Heading/H5 - line height */
|
|
1077
895
|
--heading-h5-line-height: 24px;
|
|
1078
|
-
/* Mobile/Heading/H5 -
|
|
896
|
+
/* Mobile/Heading/H5 - size */
|
|
1079
897
|
--heading-h5-size: 18px;
|
|
1080
|
-
/* Mobile/Heading/H5 -
|
|
1081
|
-
--heading-h5-style:
|
|
898
|
+
/* Mobile/Heading/H5 - style */
|
|
899
|
+
--heading-h5-style: 600;
|
|
1082
900
|
/* Mobile/Heading/H6 */
|
|
1083
901
|
--heading-h6: 500 16px/20px var(--typeface);
|
|
1084
|
-
/* Mobile/Heading/H6 -
|
|
902
|
+
/* Mobile/Heading/H6 - line height */
|
|
1085
903
|
--heading-h6-line-height: 20px;
|
|
1086
|
-
/* Mobile/Heading/H6 -
|
|
904
|
+
/* Mobile/Heading/H6 - size */
|
|
1087
905
|
--heading-h6-size: 16px;
|
|
1088
|
-
/* Mobile/Heading/H6 -
|
|
906
|
+
/* Mobile/Heading/H6 - style */
|
|
1089
907
|
--heading-h6-style: medium;
|
|
1090
908
|
/* Mobile/Subheader/Large - Headline */
|
|
1091
909
|
--subheader-large: 400 20px/28px var(--typeface);
|
|
@@ -1127,6 +945,360 @@ body {
|
|
|
1127
945
|
--subheader-xxx-large-size: 32px;
|
|
1128
946
|
/* Mobile/Subheader/XXX-Large - Large Headline style */
|
|
1129
947
|
--subheader-xxx-large-style: regular;
|
|
948
|
+
/* light theme (default) */
|
|
949
|
+
/* Background/base - Brand */
|
|
950
|
+
--background-base: #ffffff;
|
|
951
|
+
/* Background/scrim - Theme - Agent Workplace */
|
|
952
|
+
--background-scrim: #00000040;
|
|
953
|
+
/* Background/shade - Brand */
|
|
954
|
+
--background-shade: #f5f5f5;
|
|
955
|
+
/* Data visual/category-01 - Brand */
|
|
956
|
+
--data-visual-category-01: #d67e51;
|
|
957
|
+
/* Data visual/category-01-highlight - Brand */
|
|
958
|
+
--data-visual-category-01-highlight: #d67e514d;
|
|
959
|
+
/* Data visual/category-02 - Brand */
|
|
960
|
+
--data-visual-category-02: #7a2a0b;
|
|
961
|
+
/* Data visual/category-02-highlight - Brand */
|
|
962
|
+
--data-visual-category-02-highlight: #7a2a0b4d;
|
|
963
|
+
/* Data visual/category-03 - Brand */
|
|
964
|
+
--data-visual-category-03: #ab922b;
|
|
965
|
+
/* Data visual/category-03-highlight - Brand */
|
|
966
|
+
--data-visual-category-03-highlight: #ab922b4d;
|
|
967
|
+
/* Data visual/category-04 - Brand */
|
|
968
|
+
--data-visual-category-04: #2d3300;
|
|
969
|
+
/* Data visual/category-04-highlight - Brand */
|
|
970
|
+
--data-visual-category-04-highlight: #2d33004d;
|
|
971
|
+
/* Data visual/category-05 - Brand */
|
|
972
|
+
--data-visual-category-05: #794b34;
|
|
973
|
+
/* Data visual/category-05-highlight - Brand */
|
|
974
|
+
--data-visual-category-05-highlight: #794b344d;
|
|
975
|
+
/* Data visual/category-06 - Brand */
|
|
976
|
+
--data-visual-category-06: #7f7f7f;
|
|
977
|
+
/* Data visual/category-06-highlight - Brand */
|
|
978
|
+
--data-visual-category-06-highlight: #7f7f7f4d;
|
|
979
|
+
/* Data visual/category-07 - Brand */
|
|
980
|
+
--data-visual-category-07: #530909;
|
|
981
|
+
/* Data visual/category-07-highlight - Brand */
|
|
982
|
+
--data-visual-category-07-highlight: #5309094d;
|
|
983
|
+
/* Data visual/category-1 - Theme - Better Home & Garden */
|
|
984
|
+
--data-visual-category-1: #0a466c;
|
|
985
|
+
/* Data visual/category-1-highlight - Theme - Agent Workplace */
|
|
986
|
+
--data-visual-category-1-highlight: #0a466c4d;
|
|
987
|
+
/* Data visual/category-2 - Theme - Better Home & Garden */
|
|
988
|
+
--data-visual-category-2: #299de0;
|
|
989
|
+
/* Data visual/category-2-highlight - Theme - Agent Workplace */
|
|
990
|
+
--data-visual-category-2-highlight: #299de04d;
|
|
991
|
+
/* Data visual/category-3 - Theme - Better Home & Garden */
|
|
992
|
+
--data-visual-category-3: #130033;
|
|
993
|
+
/* Data visual/category-3-highlight - Theme - Agent Workplace */
|
|
994
|
+
--data-visual-category-3-highlight: #1300334d;
|
|
995
|
+
/* Data visual/category-4 - Theme - Better Home & Garden */
|
|
996
|
+
--data-visual-category-4: #389e7a;
|
|
997
|
+
/* Data visual/category-4-highlight - Theme - Agent Workplace */
|
|
998
|
+
--data-visual-category-4-highlight: #389e7a4d;
|
|
999
|
+
/* Data visual/category-5 - Theme - Better Home & Garden */
|
|
1000
|
+
--data-visual-category-5: #094a53;
|
|
1001
|
+
/* Data visual/category-5-highlight - Theme - Agent Workplace */
|
|
1002
|
+
--data-visual-category-5-highlight: #094a534d;
|
|
1003
|
+
/* Data visual/category-6 - Theme - Better Home & Garden */
|
|
1004
|
+
--data-visual-category-6: #7f7f7f;
|
|
1005
|
+
/* Data visual/category-6-highlight - Theme - Agent Workplace */
|
|
1006
|
+
--data-visual-category-6-highlight: #7f7f7f4d;
|
|
1007
|
+
/* Data visual/category-7 - Theme - Better Home & Garden */
|
|
1008
|
+
--data-visual-category-7: #433479;
|
|
1009
|
+
/* Data visual/category-7-highlight - Theme - Agent Workplace */
|
|
1010
|
+
--data-visual-category-7-highlight: #4334794d;
|
|
1011
|
+
/* Data visual/gradient-end - Theme - Agent Workplace */
|
|
1012
|
+
--data-visual-gradient-end: #ffffff4d;
|
|
1013
|
+
/* Data visual/green - Theme - Agent Workplace */
|
|
1014
|
+
--data-visual-green: #258750;
|
|
1015
|
+
/* Data visual/green-highlight - Theme - Agent Workplace */
|
|
1016
|
+
--data-visual-green-highlight: #deede5;
|
|
1017
|
+
/* Data visual/negative - Brand */
|
|
1018
|
+
--data-visual-negative: #d83a52;
|
|
1019
|
+
/* Data visual/negative-highlight - Brand */
|
|
1020
|
+
--data-visual-negative-highlight: #f9e1e5;
|
|
1021
|
+
/* Data visual/positive - Brand */
|
|
1022
|
+
--data-visual-positive: #258750;
|
|
1023
|
+
/* Data visual/positive-highlight - Brand */
|
|
1024
|
+
--data-visual-positive-highlight: #deede5;
|
|
1025
|
+
/* Data visual/red - Theme - Agent Workplace */
|
|
1026
|
+
--data-visual-red: #d83a52;
|
|
1027
|
+
/* Data visual/red-highlight - Theme - Agent Workplace */
|
|
1028
|
+
--data-visual-red-highlight: #f9e1e5;
|
|
1029
|
+
/* Foreground/AI-powered/blue - Theme - Agent Workplace */
|
|
1030
|
+
--foreground-ai-powered-blue: #215ecd;
|
|
1031
|
+
/* Foreground/AI-powered/pink - Theme - Agent Workplace */
|
|
1032
|
+
--foreground-ai-powered-pink: #c60ede;
|
|
1033
|
+
/* Foreground/Brand/on-inverse-primary - Theme - Agent Workplace */
|
|
1034
|
+
--foreground-brand-on-inverse-primary: #757482;
|
|
1035
|
+
/* Foreground/Brand/on-inverse-secondary - Theme - Agent Workplace */
|
|
1036
|
+
--foreground-brand-on-inverse-secondary: #f3a482;
|
|
1037
|
+
/* Foreground/Brand/on-brand-primary - Brand */
|
|
1038
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1039
|
+
--foreground-brand-on-primary: #ffffff;
|
|
1040
|
+
/* Foreground/Brand/on-brand-secondary - Brand */
|
|
1041
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1042
|
+
--foreground-brand-on-secondary: #ffffff;
|
|
1043
|
+
/* Foreground/Brand/brand-primary - Brand */
|
|
1044
|
+
/* Foreground text and icons that match the brand's primary color */
|
|
1045
|
+
--foreground-brand-primary: #19172f;
|
|
1046
|
+
/* Foreground/Brand/brand-primary-depth - Theme - Better Home & Garden */
|
|
1047
|
+
--foreground-brand-primary-depth: #217221;
|
|
1048
|
+
/* Foreground/Brand/brand-secondary - Brand */
|
|
1049
|
+
/* Foreground text and icons that match the brand's secondary color */
|
|
1050
|
+
--foreground-brand-secondary: #eb672f;
|
|
1051
|
+
/* Foreground/Brand/brand-secondary-depth - Theme - Agent Workplace */
|
|
1052
|
+
--foreground-brand-secondary-depth: #c85828;
|
|
1053
|
+
/* Foreground/Link text/default - Brand */
|
|
1054
|
+
--foreground-link-text-default: #215ecd;
|
|
1055
|
+
/* Foreground/Link text/default-disabled - Brand */
|
|
1056
|
+
--foreground-link-text-default-disabled: #7a9ee1;
|
|
1057
|
+
/* Foreground/Link text/default-hovered - Theme - Agent Workplace */
|
|
1058
|
+
--foreground-link-text-default-hovered: #1e55b9;
|
|
1059
|
+
/* Foreground/Link text/default-pressed - Theme - Agent Workplace */
|
|
1060
|
+
--foreground-link-text-default-pressed: #1a4ba4;
|
|
1061
|
+
/* Foreground/Link text/default-visited - Brand */
|
|
1062
|
+
--foreground-link-text-default-visited: #7a3e7a;
|
|
1063
|
+
/* Foreground/Link text/subtle-disabled - Brand */
|
|
1064
|
+
--foreground-link-text-subtle-disabled: #bdbdbd;
|
|
1065
|
+
/* Foreground/Link text/subtle-hovered - Theme - Agent Workplace */
|
|
1066
|
+
--foreground-link-text-subtle-hovered: #292929;
|
|
1067
|
+
/* Foreground/Link text/subtle-inverse-hovered - Theme - Agent Workplace */
|
|
1068
|
+
--foreground-link-text-subtle-inverse-hovered: #e6e6e6;
|
|
1069
|
+
/* Foreground/Link text/subtle-inverse-pressed - Theme - Agent Workplace */
|
|
1070
|
+
--foreground-link-text-subtle-inverse-pressed: #d1d1d1;
|
|
1071
|
+
/* Foreground/Link text/subtle-inversed-disabled - Brand */
|
|
1072
|
+
--foreground-link-text-subtle-inversed-disabled: #757575;
|
|
1073
|
+
/* Foreground/Link text/subtle-pressed - Theme - Agent Workplace */
|
|
1074
|
+
--foreground-link-text-subtle-pressed: #3d3d3d;
|
|
1075
|
+
/* Foreground/Neutral/disabled-on-color-surface - Brand */
|
|
1076
|
+
--foreground-neutral-disabled-on-color-surface: #757575;
|
|
1077
|
+
/* Foreground/Neutral/disabled-on-surface - Brand */
|
|
1078
|
+
--foreground-neutral-disabled-on-surface: #bdbdbd;
|
|
1079
|
+
/* Foreground/Neutral/inverse-on-surface - Theme - Agent Workplace */
|
|
1080
|
+
--foreground-neutral-inverse-on-surface: #fafafa;
|
|
1081
|
+
/* Foreground/Neutral/on-color - Brand */
|
|
1082
|
+
/* Interactive controls */
|
|
1083
|
+
--foreground-neutral-on-color: #ffffff;
|
|
1084
|
+
/* Foreground/Neutral/on-inverse-surface - Brand */
|
|
1085
|
+
/* Text and icons against inverse surface */
|
|
1086
|
+
--foreground-neutral-on-inverse-surface: #fafafa;
|
|
1087
|
+
/* Foreground/Neutral/on-surface - Brand */
|
|
1088
|
+
/* Default foreground text and icons against any surface color */
|
|
1089
|
+
--foreground-neutral-on-surface: #141414;
|
|
1090
|
+
/* Foreground/Neutral/on-surface-variant-01 - Brand */
|
|
1091
|
+
/* Secondary foreground color for icons and text */
|
|
1092
|
+
--foreground-neutral-on-surface-variant-01: #707070;
|
|
1093
|
+
/* Foreground/Neutral/on-surface-variant-02 - Brand */
|
|
1094
|
+
/* Tertiary foreground color for icons and text */
|
|
1095
|
+
--foreground-neutral-on-surface-variant-02: #757575;
|
|
1096
|
+
/* Foreground/Neutral/on-surface-variant-03 - Brand */
|
|
1097
|
+
/* Quaternary foreground color for icons and text. Only for placeholder text */
|
|
1098
|
+
--foreground-neutral-on-surface-variant-03: #8a8a8a;
|
|
1099
|
+
/* Foreground/Neutral/skeleton-element - Brand */
|
|
1100
|
+
--foreground-neutral-skeleton-element: #e0e0e0;
|
|
1101
|
+
/* Foreground/Spectrum/blue - Theme - Agent Workplace */
|
|
1102
|
+
--foreground-spectrum-blue: #143778;
|
|
1103
|
+
/* Foreground/Spectrum/green - Theme - Agent Workplace */
|
|
1104
|
+
--foreground-spectrum-green: #134428;
|
|
1105
|
+
/* Foreground/Spectrum/lime - Theme - Agent Workplace */
|
|
1106
|
+
--foreground-spectrum-lime: #60651a;
|
|
1107
|
+
/* Foreground/Spectrum/magenta - Theme - Agent Workplace */
|
|
1108
|
+
--foreground-spectrum-magenta: #63076f;
|
|
1109
|
+
/* Foreground/Spectrum/orange - Brand */
|
|
1110
|
+
--foreground-spectrum-orange: #773001;
|
|
1111
|
+
/* Foreground/Spectrum/pink - Theme - Agent Workplace */
|
|
1112
|
+
--foreground-spectrum-pink: #6c1240;
|
|
1113
|
+
/* Foreground/Spectrum/purple - Theme - Agent Workplace */
|
|
1114
|
+
--foreground-spectrum-purple: #310077;
|
|
1115
|
+
/* Foreground/Spectrum/red - Brand */
|
|
1116
|
+
--foreground-spectrum-red: #6c1d29;
|
|
1117
|
+
/* Foreground/Spectrum/teal - Theme - Agent Workplace */
|
|
1118
|
+
--foreground-spectrum-teal: #01413c;
|
|
1119
|
+
/* Foreground/Spectrum/yellow - Theme - Agent Workplace */
|
|
1120
|
+
--foreground-spectrum-yellow: #7b5e18;
|
|
1121
|
+
/* Interactions/brand-disabled-opacity - Theme - Agent Workplace */
|
|
1122
|
+
--interactions-brand-disabled-opacity: #0000000f;
|
|
1123
|
+
/* Interactions/brand-hover-opacity - Theme - Agent Workplace */
|
|
1124
|
+
--interactions-brand-hover-opacity: #0000001a;
|
|
1125
|
+
/* Interactions/brand-press-opacity - Theme - Agent Workplace */
|
|
1126
|
+
--interactions-brand-press-opacity: #00000033;
|
|
1127
|
+
/* Interactions/disabled-opacity - Theme - Agent Workplace */
|
|
1128
|
+
--interactions-disabled-opacity: #0000000f;
|
|
1129
|
+
/* Interactions/hover-opacity - Theme - Agent Workplace */
|
|
1130
|
+
--interactions-hover-opacity: #00000014;
|
|
1131
|
+
/* Interactions/link-active-opacity - Brand */
|
|
1132
|
+
--interactions-link-active-opacity: #0000004d;
|
|
1133
|
+
/* Interactions/neutral-hover-opacity - Brand */
|
|
1134
|
+
/* surfaces using neutral tones */
|
|
1135
|
+
--interactions-neutral-hover-opacity: #00000014;
|
|
1136
|
+
/* Interactions/neutral-press-opacity - Brand */
|
|
1137
|
+
/* surfaces using neutral tones */
|
|
1138
|
+
--interactions-neutral-press-opacity: #00000029;
|
|
1139
|
+
/* Interactions/press-opacity - Theme - Agent Workplace */
|
|
1140
|
+
--interactions-press-opacity: #00000029;
|
|
1141
|
+
/* Interactions/primary-disabled-opacity - Theme - Agent Workplace */
|
|
1142
|
+
--interactions-primary-disabled-opacity: #19172f1f;
|
|
1143
|
+
/* Interactions/primary-hover-opacity - Theme - Agent Workplace */
|
|
1144
|
+
--interactions-primary-hover-opacity: #19172f1a;
|
|
1145
|
+
/* Interactions/primary-press-opacity - Theme - Agent Workplace */
|
|
1146
|
+
--interactions-primary-press-opacity: #19172f33;
|
|
1147
|
+
/* Shadow/shadow-10 - Theme - Agent Workplace */
|
|
1148
|
+
--shadow-10: #0000001a;
|
|
1149
|
+
/* Shadow/shadow-12 - Theme - Agent Workplace */
|
|
1150
|
+
--shadow-12: #0000001f;
|
|
1151
|
+
/* Shadow/shadow-15 - Theme - Agent Workplace */
|
|
1152
|
+
--shadow-15: #00000026;
|
|
1153
|
+
/* Shadow/shadow-25 - Theme - Agent Workplace */
|
|
1154
|
+
--shadow-25: #00000040;
|
|
1155
|
+
/* Shadow/shadow-32 - Theme - Agent Workplace */
|
|
1156
|
+
--shadow-32: #00000052;
|
|
1157
|
+
/* Shadow/inner-shadow - Brand */
|
|
1158
|
+
--shadow-inner: #ffffff;
|
|
1159
|
+
/* Shadow/inner-shadow-100 - Theme - Better Home & Garden */
|
|
1160
|
+
--shadow-inner-100: #ffffff;
|
|
1161
|
+
/* Shadow/variant-01 - Brand */
|
|
1162
|
+
--shadow-variant-01: #0000001a;
|
|
1163
|
+
/* Shadow/variant-02 - Brand */
|
|
1164
|
+
--shadow-variant-02: #0000001f;
|
|
1165
|
+
/* Shadow/variant-03 - Brand */
|
|
1166
|
+
--shadow-variant-03: #00000026;
|
|
1167
|
+
/* Shadow/variant-04 - Brand */
|
|
1168
|
+
--shadow-variant-04: #00000040;
|
|
1169
|
+
/* Shadow/variant-05 - Brand */
|
|
1170
|
+
--shadow-variant-05: #00000052;
|
|
1171
|
+
/* Status/error - Brand */
|
|
1172
|
+
/* Foreground error text and icons */
|
|
1173
|
+
--status-error: #d83a52;
|
|
1174
|
+
/* Status/information - Theme - Better Home & Garden */
|
|
1175
|
+
--status-information: #276ef1;
|
|
1176
|
+
/* Status/informational - Brand */
|
|
1177
|
+
/* Foreground informational text and icons */
|
|
1178
|
+
--status-informational: #276ef1;
|
|
1179
|
+
/* Status/on-error - Brand */
|
|
1180
|
+
/* Foreground error text and icons */
|
|
1181
|
+
--status-on-error: #ffffff;
|
|
1182
|
+
/* Status/on-information - Theme - Better Home & Garden */
|
|
1183
|
+
--status-on-information: #ffffff;
|
|
1184
|
+
/* Status/on-informational - Brand */
|
|
1185
|
+
/* Foreground informational text and icons */
|
|
1186
|
+
--status-on-informational: #ffffff;
|
|
1187
|
+
/* Status/on-success - Brand */
|
|
1188
|
+
/* Foreground success icons and text */
|
|
1189
|
+
--status-on-success: #ffffff;
|
|
1190
|
+
/* Status/on-warning - Brand */
|
|
1191
|
+
/* Foreground warning icons */
|
|
1192
|
+
--status-on-warning: #141414;
|
|
1193
|
+
/* Status/success - Brand */
|
|
1194
|
+
/* Foreground success icons and text */
|
|
1195
|
+
--status-success: #258750;
|
|
1196
|
+
/* Status/warning - Brand */
|
|
1197
|
+
/* Foreground warning icons */
|
|
1198
|
+
--status-warning: #f6bc2f;
|
|
1199
|
+
/* Stroke/AI-powered/blue - Theme - Agent Workplace */
|
|
1200
|
+
--stroke-ai-powered-blue: #215ecd;
|
|
1201
|
+
/* Stroke/AI-powered/pink - Theme - Agent Workplace */
|
|
1202
|
+
--stroke-ai-powered-pink: #c60ede;
|
|
1203
|
+
/* Stroke/Brand/brand-primary - Brand */
|
|
1204
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1205
|
+
--stroke-brand-primary: #19172f;
|
|
1206
|
+
/* Stroke/Brand/brand-primary-depth - Brand */
|
|
1207
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1208
|
+
--stroke-brand-primary-depth: #151428;
|
|
1209
|
+
/* Stroke/Brand/brand-secondary - Theme - Better Home & Garden */
|
|
1210
|
+
--stroke-brand-secondary: #dd6b47;
|
|
1211
|
+
/* Stroke/Brand/brand-secondary-depth - Theme - Agent Workplace */
|
|
1212
|
+
--stroke-brand-secondary-depth: #c85828;
|
|
1213
|
+
/* Stroke/Neutral/neutral-base - Brand */
|
|
1214
|
+
/* For control components */
|
|
1215
|
+
--stroke-neutral-base: #949494;
|
|
1216
|
+
/* Stroke/Neutral/disabled-dark - Brand */
|
|
1217
|
+
/* Disabled outline separating the fill and surface background */
|
|
1218
|
+
--stroke-neutral-disabled-dark: #757575;
|
|
1219
|
+
/* Stroke/Neutral/disabled-light - Brand */
|
|
1220
|
+
/* Disabled outline separating the fill and surface background */
|
|
1221
|
+
--stroke-neutral-disabled-light: #bdbdbd;
|
|
1222
|
+
/* Stroke/Neutral/focus - Brand */
|
|
1223
|
+
/* Highlight focus element */
|
|
1224
|
+
--stroke-neutral-focus: #000000;
|
|
1225
|
+
/* Stroke/Neutral/focus-on-inverse - Brand */
|
|
1226
|
+
/* Highlight focus element */
|
|
1227
|
+
--stroke-neutral-focus-on-inverse: #ffffff;
|
|
1228
|
+
/* Stroke/Neutral/neutral-high - Brand */
|
|
1229
|
+
--stroke-neutral-high: #141414;
|
|
1230
|
+
/* Stroke/Neutral/neutral-high-contrast - Theme - Agent Workplace */
|
|
1231
|
+
--stroke-neutral-high-contrast: #141414;
|
|
1232
|
+
/* Stroke/Neutral/Interactions/disabled-dark - Theme - Agent Workplace */
|
|
1233
|
+
--stroke-neutral-interactions-disabled-dark: #757575;
|
|
1234
|
+
/* Stroke/Neutral/Interactions/disabled-light - Theme - Agent Workplace */
|
|
1235
|
+
--stroke-neutral-interactions-disabled-light: #bdbdbd;
|
|
1236
|
+
/* Stroke/Neutral/Interactions/focus - Theme - Agent Workplace */
|
|
1237
|
+
--stroke-neutral-interactions-focus: #000000;
|
|
1238
|
+
/* Stroke/Neutral/Interactions/inverse-focus - Theme - Agent Workplace */
|
|
1239
|
+
--stroke-neutral-interactions-inverse-focus: #ffffff;
|
|
1240
|
+
/* Stroke/Neutral/neutral-low - Brand */
|
|
1241
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1242
|
+
--stroke-neutral-low: #e0e0e0;
|
|
1243
|
+
/* Stroke/Neutral/neutral-low-contrast - Theme - Agent Workplace */
|
|
1244
|
+
--stroke-neutral-low-contrast: #e0e0e0;
|
|
1245
|
+
/* Surface/AI-powered/blue - Theme - Agent Workplace */
|
|
1246
|
+
--surface-ai-powered-blue: #215ecd;
|
|
1247
|
+
/* Surface/AI-powered/pink - Theme - Agent Workplace */
|
|
1248
|
+
--surface-ai-powered-pink: #c60ede;
|
|
1249
|
+
/* Surface/Brand/primary - Brand */
|
|
1250
|
+
--surface-brand-primary: #19172f;
|
|
1251
|
+
/* Surface/Brand/primary-highlight - Theme - Agent Workplace */
|
|
1252
|
+
--surface-brand-primary-highlight: #dfeddf;
|
|
1253
|
+
/* Surface/Brand/secondary - Brand */
|
|
1254
|
+
--surface-brand-secondary: #eb672f;
|
|
1255
|
+
/* Surface/Brand/secondary-highlight - Theme - Agent Workplace */
|
|
1256
|
+
--surface-brand-secondary-highlight: #fce8e0;
|
|
1257
|
+
/* Surface/Neutral/Interactions/dark-disabled - Theme - Better Home & Garden */
|
|
1258
|
+
--surface-neutral-interactions-dark-disabled: #d6d6d6;
|
|
1259
|
+
/* Surface/Neutral/Interactions/light-disabled - Theme - Better Home & Garden */
|
|
1260
|
+
--surface-neutral-interactions-light-disabled: #f5f5f5;
|
|
1261
|
+
/* Surface/Neutral/inverse - Brand */
|
|
1262
|
+
/* Inverted. Use for toasts notification & snackbars */
|
|
1263
|
+
--surface-neutral-inverse: #1f1f1f;
|
|
1264
|
+
/* Surface/Neutral/inverse-dark - Theme - Better Home & Garden */
|
|
1265
|
+
--surface-neutral-inverse-dark: #1f1f1f;
|
|
1266
|
+
/* Surface/Neutral/inverse-light - Theme - Agent Workplace */
|
|
1267
|
+
--surface-neutral-inverse-light: #ffffff;
|
|
1268
|
+
/* Surface/Neutral/T1-base - Brand */
|
|
1269
|
+
--surface-neutral-t1-base: #ffffff;
|
|
1270
|
+
/* Surface/Neutral/T2-lowest - Brand */
|
|
1271
|
+
--surface-neutral-t2-lowest: #f5f5f5;
|
|
1272
|
+
/* Surface/Neutral/T3-low - Brand */
|
|
1273
|
+
/* Navigations, app bar etc */
|
|
1274
|
+
--surface-neutral-t3-low: #dbdbdb;
|
|
1275
|
+
/* Surface/Neutral/T4-high - Brand */
|
|
1276
|
+
/* Navigations, app bar etc */
|
|
1277
|
+
--surface-neutral-t4-high: #8a8a8a;
|
|
1278
|
+
/* Surface/Neutral/T4-high 2 - Theme - Better Home & Garden */
|
|
1279
|
+
--surface-neutral-t4-high-2: #8a8a8a;
|
|
1280
|
+
/* Surface/Neutral/transparent - Brand */
|
|
1281
|
+
--surface-neutral-transparent: #ffffff00;
|
|
1282
|
+
/* Surface/Spectrum/blue - Theme - Agent Workplace */
|
|
1283
|
+
--surface-spectrum-blue: #dfe9fd;
|
|
1284
|
+
/* Surface/Spectrum/green - Theme - Agent Workplace */
|
|
1285
|
+
--surface-spectrum-green: #deede5;
|
|
1286
|
+
/* Surface/Spectrum/lime - Theme - Agent Workplace */
|
|
1287
|
+
--surface-spectrum-lime: #f6f7e0;
|
|
1288
|
+
/* Surface/Spectrum/magenta - Theme - Agent Workplace */
|
|
1289
|
+
--surface-spectrum-magenta: #f6dbfa;
|
|
1290
|
+
/* Surface/Spectrum/orange - Theme - Better Home & Garden */
|
|
1291
|
+
--surface-spectrum-orange: #fce7d9;
|
|
1292
|
+
/* Surface/Spectrum/pink - Theme - Agent Workplace */
|
|
1293
|
+
--surface-spectrum-pink: #f9deec;
|
|
1294
|
+
/* Surface/Spectrum/purple - Theme - Agent Workplace */
|
|
1295
|
+
--surface-spectrum-purple: #e7d9fc;
|
|
1296
|
+
/* Surface/Spectrum/red - Theme - Agent Workplace */
|
|
1297
|
+
--surface-spectrum-red: #f9e1e5;
|
|
1298
|
+
/* Surface/Spectrum/teal - Theme - Agent Workplace */
|
|
1299
|
+
--surface-spectrum-teal: #d9eceb;
|
|
1300
|
+
/* Surface/Spectrum/yellow - Theme - Agent Workplace */
|
|
1301
|
+
--surface-spectrum-yellow: #fef5e0;
|
|
1130
1302
|
|
|
1131
1303
|
@media (width >= 640px) {
|
|
1132
1304
|
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. */
|
|
@@ -1160,7 +1332,7 @@ body {
|
|
|
1160
1332
|
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. size */
|
|
1161
1333
|
--display-semibold-large-size: 64px;
|
|
1162
1334
|
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. style */
|
|
1163
|
-
--display-semibold-large-style:
|
|
1335
|
+
--display-semibold-large-style: 600;
|
|
1164
1336
|
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. */
|
|
1165
1337
|
--display-semibold-medium: 600 56px/72px var(--typeface);
|
|
1166
1338
|
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. line height */
|
|
@@ -1168,7 +1340,7 @@ body {
|
|
|
1168
1340
|
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. size */
|
|
1169
1341
|
--display-semibold-medium-size: 56px;
|
|
1170
1342
|
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. style */
|
|
1171
|
-
--display-semibold-medium-style:
|
|
1343
|
+
--display-semibold-medium-style: 600;
|
|
1172
1344
|
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. */
|
|
1173
1345
|
--display-semibold-small: 600 48px/60px var(--typeface);
|
|
1174
1346
|
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. line height */
|
|
@@ -1176,54 +1348,54 @@ body {
|
|
|
1176
1348
|
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. size */
|
|
1177
1349
|
--display-semibold-small-size: 48px;
|
|
1178
1350
|
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. style */
|
|
1179
|
-
--display-semibold-small-style:
|
|
1351
|
+
--display-semibold-small-style: 600;
|
|
1180
1352
|
/* Desktop/Heading/H1 */
|
|
1181
1353
|
--heading-h1: 600 40px/48px var(--typeface);
|
|
1182
|
-
/* Desktop/Heading/H1 -
|
|
1354
|
+
/* Desktop/Heading/H1 - line height */
|
|
1183
1355
|
--heading-h1-line-height: 48px;
|
|
1184
|
-
/* Desktop/Heading/H1 -
|
|
1356
|
+
/* Desktop/Heading/H1 - size */
|
|
1185
1357
|
--heading-h1-size: 40px;
|
|
1186
|
-
/* Desktop/Heading/H1 -
|
|
1187
|
-
--heading-h1-style:
|
|
1358
|
+
/* Desktop/Heading/H1 - style */
|
|
1359
|
+
--heading-h1-style: 600;
|
|
1188
1360
|
/* Desktop/Heading/H2 */
|
|
1189
1361
|
--heading-h2: 600 32px/40px var(--typeface);
|
|
1190
|
-
/* Desktop/Heading/H2 -
|
|
1362
|
+
/* Desktop/Heading/H2 - line height */
|
|
1191
1363
|
--heading-h2-line-height: 40px;
|
|
1192
|
-
/* Desktop/Heading/H2 -
|
|
1364
|
+
/* Desktop/Heading/H2 - size */
|
|
1193
1365
|
--heading-h2-size: 32px;
|
|
1194
|
-
/* Desktop/Heading/H2 -
|
|
1195
|
-
--heading-h2-style:
|
|
1366
|
+
/* Desktop/Heading/H2 - style */
|
|
1367
|
+
--heading-h2-style: 600;
|
|
1196
1368
|
/* Desktop/Heading/H3 */
|
|
1197
1369
|
--heading-h3: 600 28px/36px var(--typeface);
|
|
1198
|
-
/* Desktop/Heading/H3 -
|
|
1370
|
+
/* Desktop/Heading/H3 - line height */
|
|
1199
1371
|
--heading-h3-line-height: 36px;
|
|
1200
|
-
/* Desktop/Heading/H3 -
|
|
1372
|
+
/* Desktop/Heading/H3 - size */
|
|
1201
1373
|
--heading-h3-size: 28px;
|
|
1202
|
-
/* Desktop/Heading/H3 -
|
|
1203
|
-
--heading-h3-style:
|
|
1374
|
+
/* Desktop/Heading/H3 - style */
|
|
1375
|
+
--heading-h3-style: 600;
|
|
1204
1376
|
/* Desktop/Heading/H4 */
|
|
1205
1377
|
--heading-h4: 600 24px/32px var(--typeface);
|
|
1206
|
-
/* Desktop/Heading/H4 -
|
|
1378
|
+
/* Desktop/Heading/H4 - line height */
|
|
1207
1379
|
--heading-h4-line-height: 32px;
|
|
1208
|
-
/* Desktop/Heading/H4 -
|
|
1380
|
+
/* Desktop/Heading/H4 - size */
|
|
1209
1381
|
--heading-h4-size: 24px;
|
|
1210
|
-
/* Desktop/Heading/H4 -
|
|
1211
|
-
--heading-h4-style:
|
|
1382
|
+
/* Desktop/Heading/H4 - style */
|
|
1383
|
+
--heading-h4-style: 600;
|
|
1212
1384
|
/* Desktop/Heading/H5 */
|
|
1213
1385
|
--heading-h5: 600 20px/28px var(--typeface);
|
|
1214
|
-
/* Desktop/Heading/H5 -
|
|
1386
|
+
/* Desktop/Heading/H5 - line height */
|
|
1215
1387
|
--heading-h5-line-height: 28px;
|
|
1216
|
-
/* Desktop/Heading/H5 -
|
|
1388
|
+
/* Desktop/Heading/H5 - size */
|
|
1217
1389
|
--heading-h5-size: 20px;
|
|
1218
|
-
/* Desktop/Heading/H5 -
|
|
1219
|
-
--heading-h5-style:
|
|
1390
|
+
/* Desktop/Heading/H5 - style */
|
|
1391
|
+
--heading-h5-style: 600;
|
|
1220
1392
|
/* Desktop/Heading/H6 */
|
|
1221
1393
|
--heading-h6: 500 18px/24px var(--typeface);
|
|
1222
|
-
/* Desktop/Heading/H6 -
|
|
1394
|
+
/* Desktop/Heading/H6 - line height */
|
|
1223
1395
|
--heading-h6-line-height: 24px;
|
|
1224
|
-
/* Desktop/Heading/H6 -
|
|
1396
|
+
/* Desktop/Heading/H6 - size */
|
|
1225
1397
|
--heading-h6-size: 18px;
|
|
1226
|
-
/* Desktop/Heading/H6 -
|
|
1398
|
+
/* Desktop/Heading/H6 - style */
|
|
1227
1399
|
--heading-h6-style: medium;
|
|
1228
1400
|
/* Desktop/Subheader/Large - Headline */
|
|
1229
1401
|
--subheader-large: 400 24px/32px var(--typeface);
|
|
@@ -1235,11 +1407,11 @@ body {
|
|
|
1235
1407
|
--subheader-large-style: regular;
|
|
1236
1408
|
/* Desktop/Subheader/Medium */
|
|
1237
1409
|
--subheader-medium: 400 20px/28px var(--typeface);
|
|
1238
|
-
/* Desktop/Subheader/Medium -
|
|
1410
|
+
/* Desktop/Subheader/Medium - line height */
|
|
1239
1411
|
--subheader-medium-line-height: 28px;
|
|
1240
|
-
/* Desktop/Subheader/Medium -
|
|
1412
|
+
/* Desktop/Subheader/Medium - size */
|
|
1241
1413
|
--subheader-medium-size: 20px;
|
|
1242
|
-
/* Desktop/Subheader/Medium -
|
|
1414
|
+
/* Desktop/Subheader/Medium - style */
|
|
1243
1415
|
--subheader-medium-style: regular;
|
|
1244
1416
|
/* Desktop/Subheader/X-Large - Headline */
|
|
1245
1417
|
--subheader-x-large: 400 28px/36px var(--typeface);
|
|
@@ -1266,618 +1438,361 @@ body {
|
|
|
1266
1438
|
/* Desktop/Subheader/XXX-Large - Large Headline style */
|
|
1267
1439
|
--subheader-xxx-large-style: regular;
|
|
1268
1440
|
}
|
|
1269
|
-
|
|
1270
|
-
/** Light theme (default) **/
|
|
1271
|
-
/* Background/base - Theme - Denali & Boss */
|
|
1272
|
-
--background-base: #ffffff;
|
|
1273
|
-
/* Background/scrim - Theme - Denali & Boss */
|
|
1274
|
-
--background-scrim: #00000040;
|
|
1275
|
-
/* Background/shade - Theme - Denali & Boss */
|
|
1276
|
-
--background-shade: #f5f5f5;
|
|
1277
|
-
/* Data visual/category-01 - Theme - Denali & Boss */
|
|
1278
|
-
--data-visual-category-01: #0a466c;
|
|
1279
|
-
/* Data visual/category-01-highlight - Theme - Denali & Boss */
|
|
1280
|
-
--data-visual-category-01-highlight: #0a466c4d;
|
|
1281
|
-
/* Data visual/category-02 - Theme - Denali & Boss */
|
|
1282
|
-
--data-visual-category-02: #299de0;
|
|
1283
|
-
/* Data visual/category-02-highlight - Theme - Denali & Boss */
|
|
1284
|
-
--data-visual-category-02-highlight: #299de04d;
|
|
1285
|
-
/* Data visual/category-03 - Theme - Denali & Boss */
|
|
1286
|
-
--data-visual-category-03: #130033;
|
|
1287
|
-
/* Data visual/category-03-highlight - Theme - Denali & Boss */
|
|
1288
|
-
--data-visual-category-03-highlight: #1300334d;
|
|
1289
|
-
/* Data visual/category-04 - Theme - Denali & Boss */
|
|
1290
|
-
--data-visual-category-04: #389e7a;
|
|
1291
|
-
/* Data visual/category-04-highlight - Theme - Denali & Boss */
|
|
1292
|
-
--data-visual-category-04-highlight: #389e7a4d;
|
|
1293
|
-
/* Data visual/category-05 - Theme - Denali & Boss */
|
|
1294
|
-
--data-visual-category-05: #094a53;
|
|
1295
|
-
/* Data visual/category-05-highlight - Theme - Denali & Boss */
|
|
1296
|
-
--data-visual-category-05-highlight: #094a534d;
|
|
1297
|
-
/* Data visual/category-06 - Theme - Denali & Boss */
|
|
1298
|
-
--data-visual-category-06: #7f7f7f;
|
|
1299
|
-
/* Data visual/category-06-highlight - Theme - Denali & Boss */
|
|
1300
|
-
--data-visual-category-06-highlight: #7f7f7f4d;
|
|
1301
|
-
/* Data visual/category-07 - Theme - Denali & Boss */
|
|
1302
|
-
--data-visual-category-07: #433479;
|
|
1303
|
-
/* Data visual/category-07-highlight - Theme - Denali & Boss */
|
|
1304
|
-
--data-visual-category-07-highlight: #4334794d;
|
|
1305
|
-
/* Data visual/category-1 - Theme - Denali & Boss */
|
|
1306
|
-
--data-visual-category-1: #0a466c;
|
|
1307
|
-
/* Data visual/category-1-highlight - Theme - Denali & Boss */
|
|
1308
|
-
--data-visual-category-1-highlight: #0a466c4d;
|
|
1309
|
-
/* Data visual/category-2 - Theme - Denali & Boss */
|
|
1310
|
-
--data-visual-category-2: #299de0;
|
|
1311
|
-
/* Data visual/category-2-highlight - Theme - Denali & Boss */
|
|
1312
|
-
--data-visual-category-2-highlight: #299de04d;
|
|
1313
|
-
/* Data visual/category-3 - Theme - Denali & Boss */
|
|
1314
|
-
--data-visual-category-3: #130033;
|
|
1315
|
-
/* Data visual/category-3-highlight - Theme - Denali & Boss */
|
|
1316
|
-
--data-visual-category-3-highlight: #1300334d;
|
|
1317
|
-
/* Data visual/category-4 - Theme - Denali & Boss */
|
|
1318
|
-
--data-visual-category-4: #389e7a;
|
|
1319
|
-
/* Data visual/category-4-highlight - Theme - Denali & Boss */
|
|
1320
|
-
--data-visual-category-4-highlight: #389e7a4d;
|
|
1321
|
-
/* Data visual/category-5 - Theme - Denali & Boss */
|
|
1322
|
-
--data-visual-category-5: #094a53;
|
|
1323
|
-
/* Data visual/category-5-highlight - Theme - Denali & Boss */
|
|
1324
|
-
--data-visual-category-5-highlight: #094a534d;
|
|
1325
|
-
/* Data visual/category-6 - Theme - Denali & Boss */
|
|
1326
|
-
--data-visual-category-6: #7f7f7f;
|
|
1327
|
-
/* Data visual/category-6-highlight - Theme - Denali & Boss */
|
|
1328
|
-
--data-visual-category-6-highlight: #7f7f7f4d;
|
|
1329
|
-
/* Data visual/category-7 - Theme - Denali & Boss */
|
|
1330
|
-
--data-visual-category-7: #433479;
|
|
1331
|
-
/* Data visual/category-7-highlight - Theme - Denali & Boss */
|
|
1332
|
-
--data-visual-category-7-highlight: #4334794d;
|
|
1333
|
-
/* Data visual/gradient-end - Theme - Denali & Boss */
|
|
1334
|
-
--data-visual-gradient-end: #ffffff4d;
|
|
1335
|
-
/* Data visual/green - Theme - Denali & Boss */
|
|
1336
|
-
--data-visual-green: #258750;
|
|
1337
|
-
/* Data visual/green-highlight - Theme - Denali & Boss */
|
|
1338
|
-
--data-visual-green-highlight: #deede5;
|
|
1339
|
-
/* Data visual/negative - Theme - Denali & Boss */
|
|
1340
|
-
--data-visual-negative: #d83a52;
|
|
1341
|
-
/* Data visual/negative-highlight - Theme - Denali & Boss */
|
|
1342
|
-
--data-visual-negative-highlight: #f9e1e5;
|
|
1343
|
-
/* Data visual/positive - Theme - Denali & Boss */
|
|
1344
|
-
--data-visual-positive: #258750;
|
|
1345
|
-
/* Data visual/positive-highlight - Theme - Denali & Boss */
|
|
1346
|
-
--data-visual-positive-highlight: #deede5;
|
|
1347
|
-
/* Data visual/red - Theme - Denali & Boss */
|
|
1348
|
-
--data-visual-red: #d83a52;
|
|
1349
|
-
/* Data visual/red-highlight - Theme - Denali & Boss */
|
|
1350
|
-
--data-visual-red-highlight: #f9e1e5;
|
|
1351
|
-
/* Foreground/Brand/on-inverse-primary - Theme - Denali & Boss */
|
|
1352
|
-
--foreground-brand-on-inverse-primary: #66b2cb;
|
|
1353
|
-
/* Foreground/Brand/on-inverse-secondary - Theme - Denali & Boss */
|
|
1354
|
-
--foreground-brand-on-inverse-secondary: #7f889a;
|
|
1355
|
-
/* Foreground/Brand/on-brand-primary - Theme - Denali & Boss */
|
|
1356
|
-
--foreground-brand-on-primary: #ffffff;
|
|
1357
|
-
/* Foreground/Brand/on-brand-secondary - Theme - Denali & Boss */
|
|
1358
|
-
--foreground-brand-on-secondary: #ffffff;
|
|
1359
|
-
/* Foreground/Brand/brand-primary - Theme - Denali & Boss */
|
|
1360
|
-
--foreground-brand-primary: #007ea8;
|
|
1361
|
-
/* Foreground/Brand/brand-primary-depth - Theme - Denali & Boss */
|
|
1362
|
-
--foreground-brand-primary-depth: #006b86;
|
|
1363
|
-
/* Foreground/Brand/brand-secondary - Theme - Denali & Boss */
|
|
1364
|
-
--foreground-brand-secondary: #2a3957;
|
|
1365
|
-
/* Foreground/Brand/brand-secondary-depth - Theme - Denali & Boss */
|
|
1366
|
-
--foreground-brand-secondary-depth: #24304a;
|
|
1367
|
-
/* Foreground/Link text/default - Theme - Denali & Boss */
|
|
1368
|
-
--foreground-link-text-default: #215ecd;
|
|
1369
|
-
/* Foreground/Link text/default-disabled - Theme - Denali & Boss */
|
|
1370
|
-
--foreground-link-text-default-disabled: #7a9ee1;
|
|
1371
|
-
/* Foreground/Link text/default-hovered - Theme - Denali & Boss */
|
|
1372
|
-
--foreground-link-text-default-hovered: #1e55b9;
|
|
1373
|
-
/* Foreground/Link text/default-pressed - Theme - Denali & Boss */
|
|
1374
|
-
--foreground-link-text-default-pressed: #1a4ba4;
|
|
1375
|
-
/* Foreground/Link text/default-visited - Theme - Denali & Boss */
|
|
1376
|
-
--foreground-link-text-default-visited: #7a3e7a;
|
|
1377
|
-
/* Foreground/Link text/subtle-disabled - Theme - Denali & Boss */
|
|
1378
|
-
--foreground-link-text-subtle-disabled: #bdbdbd;
|
|
1379
|
-
/* Foreground/Link text/subtle-hovered - Theme - Denali & Boss */
|
|
1380
|
-
--foreground-link-text-subtle-hovered: #292929;
|
|
1381
|
-
/* Foreground/Link text/subtle-inversed-disabled - Theme - Denali & Boss */
|
|
1382
|
-
--foreground-link-text-subtle-inversed-disabled: #757575;
|
|
1383
|
-
/* Foreground/Link text/subtle-pressed - Theme - Denali & Boss */
|
|
1384
|
-
--foreground-link-text-subtle-pressed: #424242;
|
|
1385
|
-
/* Foreground/Neutral/disabled-on-color-surface - Theme - Denali & Boss */
|
|
1386
|
-
--foreground-neutral-disabled-on-color-surface: #757575;
|
|
1387
|
-
/* Foreground/Neutral/disabled-on-surface - Theme - Denali & Boss */
|
|
1388
|
-
--foreground-neutral-disabled-on-surface: #bdbdbd;
|
|
1389
|
-
/* Foreground/Neutral/on-surface - Theme - Denali & Boss */
|
|
1390
|
-
--foreground-neutral-on-surface: #141414;
|
|
1391
|
-
/* Foreground/Neutral/on-surface-variant-01 - Theme - Denali & Boss */
|
|
1392
|
-
--foreground-neutral-on-surface-variant-01: #474747;
|
|
1393
|
-
/* Foreground/Neutral/on-surface-variant-02 - Theme - Denali & Boss */
|
|
1394
|
-
--foreground-neutral-on-surface-variant-02: #757575;
|
|
1395
|
-
/* Foreground/Neutral/on-surface-variant-03 - Theme - Denali & Boss */
|
|
1396
|
-
--foreground-neutral-on-surface-variant-03: #8a8a8a;
|
|
1397
|
-
/* Foreground/Neutral/skeleton-element - Theme - Denali & Boss */
|
|
1398
|
-
--foreground-neutral-skeleton-element: #c7c7c7;
|
|
1399
|
-
/* Foreground/Spectrum/blue - Theme - Denali & Boss */
|
|
1400
|
-
--foreground-spectrum-blue: #143778;
|
|
1401
|
-
/* Foreground/Spectrum/green - Theme - Denali & Boss */
|
|
1402
|
-
--foreground-spectrum-green: #134428;
|
|
1403
|
-
/* Foreground/Spectrum/lime - Theme - Denali & Boss */
|
|
1404
|
-
--foreground-spectrum-lime: #60651a;
|
|
1405
|
-
/* Foreground/Spectrum/magenta - Theme - Denali & Boss */
|
|
1406
|
-
--foreground-spectrum-magenta: #63076f;
|
|
1407
|
-
/* Foreground/Spectrum/orange - Theme - Denali & Boss */
|
|
1408
|
-
--foreground-spectrum-orange: #773001;
|
|
1409
|
-
/* Foreground/Spectrum/pink - Theme - Denali & Boss */
|
|
1410
|
-
--foreground-spectrum-pink: #6c1240;
|
|
1411
|
-
/* Foreground/Spectrum/purple - Theme - Denali & Boss */
|
|
1412
|
-
--foreground-spectrum-purple: #310077;
|
|
1413
|
-
/* Foreground/Spectrum/red - Theme - Denali & Boss */
|
|
1414
|
-
--foreground-spectrum-red: #6c1d29;
|
|
1415
|
-
/* Foreground/Spectrum/teal - Theme - Denali & Boss */
|
|
1416
|
-
--foreground-spectrum-teal: #01413c;
|
|
1417
|
-
/* Foreground/Spectrum/yellow - Theme - Denali & Boss */
|
|
1418
|
-
--foreground-spectrum-yellow: #7b5e18;
|
|
1419
|
-
/* Interaction/brand-disabled-opacity - Theme - 3.0 */
|
|
1420
|
-
--interaction-brand-disabled-opacity: #0000000f;
|
|
1421
|
-
/* Interaction/brand-hover-opacity - Theme - 3.0 */
|
|
1422
|
-
--interaction-brand-hover-opacity: #0000001a;
|
|
1423
|
-
/* Interaction/brand-press-opacity - Theme - 3.0 */
|
|
1424
|
-
--interaction-brand-press-opacity: #00000033;
|
|
1425
|
-
/* Interaction/hover-opacity - Theme - 3.0 */
|
|
1426
|
-
--interaction-hover-opacity: #00000014;
|
|
1427
|
-
/* Interaction/link-active-opacity - Theme - 3.0 */
|
|
1428
|
-
--interaction-link-active-opacity: #0000004d;
|
|
1429
|
-
/* Interaction/press-opacity - Theme - 3.0 */
|
|
1430
|
-
--interaction-press-opacity: #00000029;
|
|
1431
|
-
/* Interactions/brand-disabled-opacity - Theme - Denali & Boss */
|
|
1432
|
-
--interactions-brand-disabled-opacity: #0000000f;
|
|
1433
|
-
/* Interactions/brand-hover-opacity - Theme - Denali & Boss */
|
|
1434
|
-
--interactions-brand-hover-opacity: #0000001a;
|
|
1435
|
-
/* Interactions/brand-press-opacity - Theme - Denali & Boss */
|
|
1436
|
-
--interactions-brand-press-opacity: #00000033;
|
|
1437
|
-
/* Interactions/disabled-opacity - Theme - Denali & Boss */
|
|
1438
|
-
--interactions-disabled-opacity: #0000000f;
|
|
1439
|
-
/* Interactions/hover-opacity - Theme - Denali & Boss */
|
|
1440
|
-
--interactions-hover-opacity: #00000014;
|
|
1441
|
-
/* Interactions/link-active-opacity - Theme - Denali & Boss */
|
|
1442
|
-
--interactions-link-active-opacity: #0000004d;
|
|
1443
|
-
/* Interactions/neutral-hover-opacity - Theme - Denali & Boss */
|
|
1444
|
-
--interactions-neutral-hover-opacity: #00000014;
|
|
1445
|
-
/* Interactions/neutral-press-opacity - Theme - Denali & Boss */
|
|
1446
|
-
--interactions-neutral-press-opacity: #00000029;
|
|
1447
|
-
/* Interactions/press-opacity - Theme - Denali & Boss */
|
|
1448
|
-
--interactions-press-opacity: #00000029;
|
|
1449
|
-
/* Interactions/primary-disabled-opacity - Theme - Denali & Boss */
|
|
1450
|
-
--interactions-primary-disabled-opacity: #007ea81f;
|
|
1451
|
-
/* Interactions/primary-hover-opacity - Theme - Denali & Boss */
|
|
1452
|
-
--interactions-primary-hover-opacity: #007ea81a;
|
|
1453
|
-
/* Interactions/primary-press-opacity - Theme - Denali & Boss */
|
|
1454
|
-
--interactions-primary-press-opacity: #007ea833;
|
|
1455
|
-
/* Shadow/shadow-10 - Theme - Denali & Boss */
|
|
1456
|
-
--shadow-10: #0000001a;
|
|
1457
|
-
/* Shadow/shadow-12 - Theme - Denali & Boss */
|
|
1458
|
-
--shadow-12: #0000001f;
|
|
1459
|
-
/* Shadow/shadow-15 - Theme - Denali & Boss */
|
|
1460
|
-
--shadow-15: #00000026;
|
|
1461
|
-
/* Shadow/shadow-25 - Theme - Denali & Boss */
|
|
1462
|
-
--shadow-25: #00000040;
|
|
1463
|
-
/* Shadow/shadow-32 - Theme - Denali & Boss */
|
|
1464
|
-
--shadow-32: #00000052;
|
|
1465
|
-
/* Shadow/inner-shadow - Theme - Denali & Boss */
|
|
1466
|
-
--shadow-inner: #ffffff;
|
|
1467
|
-
/* Shadow/inner-shadow-100 - Theme - Denali & Boss */
|
|
1468
|
-
--shadow-inner-100: #ffffff;
|
|
1469
|
-
/* Shadow/variant-01 - Theme - Denali & Boss */
|
|
1470
|
-
--shadow-variant-01: #0000001a;
|
|
1471
|
-
/* Shadow/variant-02 - Theme - Denali & Boss */
|
|
1472
|
-
--shadow-variant-02: #0000001f;
|
|
1473
|
-
/* Shadow/variant-03 - Theme - Denali & Boss */
|
|
1474
|
-
--shadow-variant-03: #00000026;
|
|
1475
|
-
/* Shadow/variant-04 - Theme - Denali & Boss */
|
|
1476
|
-
--shadow-variant-04: #00000040;
|
|
1477
|
-
/* Shadow/variant-05 - Theme - Denali & Boss */
|
|
1478
|
-
--shadow-variant-05: #00000052;
|
|
1479
|
-
/* Status/error - Theme - Denali & Boss */
|
|
1480
|
-
--status-error: #d83a52;
|
|
1481
|
-
/* Status/information - Theme - Denali & Boss */
|
|
1482
|
-
--status-information: #276ef1;
|
|
1483
|
-
/* Status/informational - Theme - Denali & Boss */
|
|
1484
|
-
--status-informational: #276ef1;
|
|
1485
|
-
/* Status/success - Theme - Denali & Boss */
|
|
1486
|
-
--status-success: #258750;
|
|
1487
|
-
/* Status/warning - Theme - Denali & Boss */
|
|
1488
|
-
--status-warning: #f6bc2f;
|
|
1489
|
-
/* Stroke/Brand/brand-primary - Theme - Denali & Boss */
|
|
1490
|
-
--stroke-brand-primary: #007ea8;
|
|
1491
|
-
/* Stroke/Brand/brand-primary-depth - Theme - Denali & Boss */
|
|
1492
|
-
--stroke-brand-primary-depth: #006b86;
|
|
1493
|
-
/* Stroke/Brand/brand-secondary - Theme - Denali & Boss */
|
|
1494
|
-
--stroke-brand-secondary: #2a3957;
|
|
1495
|
-
/* Stroke/Brand/brand-secondary-depth - Theme - Denali & Boss */
|
|
1496
|
-
--stroke-brand-secondary-depth: #24304a;
|
|
1497
|
-
/* Stroke/Neutral/neutral-base - Theme - Denali & Boss */
|
|
1498
|
-
--stroke-neutral-base: #949494;
|
|
1499
|
-
/* Stroke/Neutral/disabled-dark - Theme - Denali & Boss */
|
|
1500
|
-
--stroke-neutral-disabled-dark: #757575;
|
|
1501
|
-
/* Stroke/Neutral/disabled-light - Theme - Denali & Boss */
|
|
1502
|
-
--stroke-neutral-disabled-light: #bdbdbd;
|
|
1503
|
-
/* Stroke/Neutral/focus - Theme - Denali & Boss */
|
|
1504
|
-
--stroke-neutral-focus: #000000;
|
|
1505
|
-
/* Stroke/Neutral/neutral-high - Theme - Denali & Boss */
|
|
1506
|
-
--stroke-neutral-high: #141414;
|
|
1507
|
-
/* Stroke/Neutral/neutral-high-contrast - Theme - Denali & Boss */
|
|
1508
|
-
--stroke-neutral-high-contrast: #141414;
|
|
1509
|
-
/* Stroke/Neutral/Interaction/disabled-dark - Theme - 3.0 */
|
|
1510
|
-
--stroke-neutral-interaction-disabled-dark: #48566a;
|
|
1511
|
-
/* Stroke/Neutral/Interaction/disabled-light - Theme - 3.0 */
|
|
1512
|
-
--stroke-neutral-interaction-disabled-light: #c8d6e5;
|
|
1513
|
-
/* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
|
|
1514
|
-
--stroke-neutral-interaction-focus: #000000;
|
|
1515
|
-
/* Stroke/Neutral/Interactions/disabled-dark - Theme - Denali & Boss */
|
|
1516
|
-
--stroke-neutral-interactions-disabled-dark: #757575;
|
|
1517
|
-
/* Stroke/Neutral/Interactions/disabled-light - Theme - Denali & Boss */
|
|
1518
|
-
--stroke-neutral-interactions-disabled-light: #bdbdbd;
|
|
1519
|
-
/* Stroke/Neutral/Interactions/focus - Theme - Denali & Boss */
|
|
1520
|
-
--stroke-neutral-interactions-focus: #000000;
|
|
1521
|
-
/* Stroke/Neutral/neutral-low - Theme - Denali & Boss */
|
|
1522
|
-
--stroke-neutral-low: #e0e0e0;
|
|
1523
|
-
/* Stroke/Neutral/neutral-low-contrast - Theme - Denali & Boss */
|
|
1524
|
-
--stroke-neutral-low-contrast: #e0e0e0;
|
|
1525
|
-
/* Surface/Brand/primary - Theme - Denali & Boss */
|
|
1526
|
-
--surface-brand-primary: #007ea8;
|
|
1527
|
-
/* Surface/Brand/primary-highlight - Theme - Denali & Boss */
|
|
1528
|
-
--surface-brand-primary-highlight: #d9ecf2;
|
|
1529
|
-
/* Surface/Brand/secondary - Theme - Denali & Boss */
|
|
1530
|
-
--surface-brand-secondary: #2a3957;
|
|
1531
|
-
/* Surface/Brand/secondary-highlight - Theme - Denali & Boss */
|
|
1532
|
-
--surface-brand-secondary-highlight: #dfe1e6;
|
|
1533
|
-
/* Surface/Neutral/Interactions/dark-disabled - Theme - Denali & Boss */
|
|
1534
|
-
--surface-neutral-interactions-dark-disabled: #d6d6d6;
|
|
1535
|
-
/* Surface/Neutral/Interactions/light-disabled - Theme - Denali & Boss */
|
|
1536
|
-
--surface-neutral-interactions-light-disabled: #f5f5f5;
|
|
1537
|
-
/* Surface/Neutral/Interactions/skeleton - Theme - Denali & Boss */
|
|
1538
|
-
--surface-neutral-interactions-skeleton: #e0e0e0;
|
|
1539
|
-
/* Surface/Neutral/inverse - Theme - Denali & Boss */
|
|
1540
|
-
--surface-neutral-inverse: #1f1f1f;
|
|
1541
|
-
/* Surface/Neutral/inverse-dark - Theme - Denali & Boss */
|
|
1542
|
-
--surface-neutral-inverse-dark: #1f1f1f;
|
|
1543
|
-
/* Surface/Neutral/inverse-light - Theme - Denali & Boss */
|
|
1544
|
-
--surface-neutral-inverse-light: #ffffff;
|
|
1545
|
-
/* Surface/Neutral/skeleton - Theme - Denali & Boss */
|
|
1546
|
-
--surface-neutral-skeleton: #e0e0e0;
|
|
1547
|
-
/* Surface/Neutral/T1-base - Theme - Denali & Boss */
|
|
1548
|
-
--surface-neutral-t1-base: #ffffff;
|
|
1549
|
-
/* Surface/Neutral/T2-lowest - Theme - Denali & Boss */
|
|
1550
|
-
--surface-neutral-t2-lowest: #f5f5f5;
|
|
1551
|
-
/* Surface/Neutral/T3-low - Theme - Denali & Boss */
|
|
1552
|
-
--surface-neutral-t3-low: #dbdbdb;
|
|
1553
|
-
/* Surface/Neutral/T4-high - Theme - Denali & Boss */
|
|
1554
|
-
--surface-neutral-t4-high: #6b6b6b;
|
|
1555
|
-
/* Surface/Spectrum/blue - Theme - Denali & Boss */
|
|
1556
|
-
--surface-spectrum-blue: #dfe9fd;
|
|
1557
|
-
/* Surface/Spectrum/green - Theme - Denali & Boss */
|
|
1558
|
-
--surface-spectrum-green: #deede5;
|
|
1559
|
-
/* Surface/Spectrum/lime - Theme - Denali & Boss */
|
|
1560
|
-
--surface-spectrum-lime: #f6f7e0;
|
|
1561
|
-
/* Surface/Spectrum/magenta - Theme - Denali & Boss */
|
|
1562
|
-
--surface-spectrum-magenta: #f6dbfa;
|
|
1563
|
-
/* Surface/Spectrum/orange - Theme - Denali & Boss */
|
|
1564
|
-
--surface-spectrum-orange: #fce7d9;
|
|
1565
|
-
/* Surface/Spectrum/pink - Theme - Denali & Boss */
|
|
1566
|
-
--surface-spectrum-pink: #f9deec;
|
|
1567
|
-
/* Surface/Spectrum/purple - Theme - Denali & Boss */
|
|
1568
|
-
--surface-spectrum-purple: #e7d9fc;
|
|
1569
|
-
/* Surface/Spectrum/red - Theme - Denali & Boss */
|
|
1570
|
-
--surface-spectrum-red: #f9e1e5;
|
|
1571
|
-
/* Surface/Spectrum/teal - Theme - Denali & Boss */
|
|
1572
|
-
--surface-spectrum-teal: #d9eceb;
|
|
1573
|
-
/* Surface/Spectrum/yellow - Theme - Denali & Boss */
|
|
1574
|
-
--surface-spectrum-yellow: #fef5e0;
|
|
1575
1441
|
}
|
|
1576
|
-
|
|
1442
|
+
/* dark theme */
|
|
1577
1443
|
[data-theme='dark'] {
|
|
1578
|
-
/* Background/base -
|
|
1444
|
+
/* Background/base - Brand */
|
|
1579
1445
|
--background-base: #1f1f1f;
|
|
1580
|
-
/* Background/scrim - Theme -
|
|
1446
|
+
/* Background/scrim - Theme - Agent Workplace */
|
|
1581
1447
|
--background-scrim: #61616180;
|
|
1582
|
-
/* Background/shade -
|
|
1448
|
+
/* Background/shade - Brand */
|
|
1583
1449
|
--background-shade: #292929;
|
|
1584
|
-
/* Data visual/category-01 -
|
|
1585
|
-
--data-visual-category-01: #
|
|
1586
|
-
/* Data visual/category-01-highlight -
|
|
1587
|
-
--data-visual-category-01-highlight: #
|
|
1588
|
-
/* Data visual/category-02 -
|
|
1589
|
-
--data-visual-category-02: #
|
|
1590
|
-
/* Data visual/category-02-highlight -
|
|
1591
|
-
--data-visual-category-02-highlight: #
|
|
1592
|
-
/* Data visual/category-03 -
|
|
1593
|
-
--data-visual-category-03: #
|
|
1594
|
-
/* Data visual/category-03-highlight -
|
|
1595
|
-
--data-visual-category-03-highlight: #
|
|
1596
|
-
/* Data visual/category-04 -
|
|
1597
|
-
--data-visual-category-04: #
|
|
1598
|
-
/* Data visual/category-04-highlight -
|
|
1599
|
-
--data-visual-category-04-highlight: #
|
|
1600
|
-
/* Data visual/category-05 -
|
|
1601
|
-
--data-visual-category-05: #
|
|
1602
|
-
/* Data visual/category-05-highlight -
|
|
1603
|
-
--data-visual-category-05-highlight: #
|
|
1604
|
-
/* Data visual/category-06 -
|
|
1450
|
+
/* Data visual/category-01 - Brand */
|
|
1451
|
+
--data-visual-category-01: #e6b297;
|
|
1452
|
+
/* Data visual/category-01-highlight - Brand */
|
|
1453
|
+
--data-visual-category-01-highlight: #e6b2974d;
|
|
1454
|
+
/* Data visual/category-02 - Brand */
|
|
1455
|
+
--data-visual-category-02: #b68a79;
|
|
1456
|
+
/* Data visual/category-02-highlight - Brand */
|
|
1457
|
+
--data-visual-category-02-highlight: #b68a794d;
|
|
1458
|
+
/* Data visual/category-03 - Brand */
|
|
1459
|
+
--data-visual-category-03: #cdbe80;
|
|
1460
|
+
/* Data visual/category-03-highlight - Brand */
|
|
1461
|
+
--data-visual-category-03-highlight: #cdbe804d;
|
|
1462
|
+
/* Data visual/category-04 - Brand */
|
|
1463
|
+
--data-visual-category-04: #969980;
|
|
1464
|
+
/* Data visual/category-04-highlight - Brand */
|
|
1465
|
+
--data-visual-category-04-highlight: #9699804d;
|
|
1466
|
+
/* Data visual/category-05 - Brand */
|
|
1467
|
+
--data-visual-category-05: #af9385;
|
|
1468
|
+
/* Data visual/category-05-highlight - Brand */
|
|
1469
|
+
--data-visual-category-05-highlight: #af93854d;
|
|
1470
|
+
/* Data visual/category-06 - Brand */
|
|
1605
1471
|
--data-visual-category-06: #b2b2b2;
|
|
1606
|
-
/* Data visual/category-06-highlight -
|
|
1472
|
+
/* Data visual/category-06-highlight - Brand */
|
|
1607
1473
|
--data-visual-category-06-highlight: #b2b2b24d;
|
|
1608
|
-
/* Data visual/category-07 -
|
|
1609
|
-
--data-visual-category-07: #
|
|
1610
|
-
/* Data visual/category-07-highlight -
|
|
1611
|
-
--data-visual-category-07-highlight: #
|
|
1612
|
-
/* Data visual/category-1 - Theme -
|
|
1613
|
-
--data-visual-category-1: #
|
|
1614
|
-
/* Data visual/category-1-highlight - Theme -
|
|
1474
|
+
/* Data visual/category-07 - Brand */
|
|
1475
|
+
--data-visual-category-07: #a98484;
|
|
1476
|
+
/* Data visual/category-07-highlight - Brand */
|
|
1477
|
+
--data-visual-category-07-highlight: #a984844d;
|
|
1478
|
+
/* Data visual/category-1 - Theme - Better Home & Garden */
|
|
1479
|
+
--data-visual-category-1: #0a466c;
|
|
1480
|
+
/* Data visual/category-1-highlight - Theme - Agent Workplace */
|
|
1615
1481
|
--data-visual-category-1-highlight: #7899ae4d;
|
|
1616
|
-
/* Data visual/category-2 - Theme -
|
|
1482
|
+
/* Data visual/category-2 - Theme - Better Home & Garden */
|
|
1617
1483
|
--data-visual-category-2: #7fc4ec;
|
|
1618
|
-
/* Data visual/category-2-highlight - Theme -
|
|
1484
|
+
/* Data visual/category-2-highlight - Theme - Agent Workplace */
|
|
1619
1485
|
--data-visual-category-2-highlight: #7fc4ec4d;
|
|
1620
|
-
/* Data visual/category-3 - Theme -
|
|
1486
|
+
/* Data visual/category-3 - Theme - Better Home & Garden */
|
|
1621
1487
|
--data-visual-category-3: #958ca3;
|
|
1622
|
-
/* Data visual/category-3-highlight - Theme -
|
|
1488
|
+
/* Data visual/category-3-highlight - Theme - Agent Workplace */
|
|
1623
1489
|
--data-visual-category-3-highlight: #958ca34d;
|
|
1624
|
-
/* Data visual/category-4 - Theme -
|
|
1490
|
+
/* Data visual/category-4 - Theme - Better Home & Garden */
|
|
1625
1491
|
--data-visual-category-4: #88c5af;
|
|
1626
|
-
/* Data visual/category-4-highlight - Theme -
|
|
1492
|
+
/* Data visual/category-4-highlight - Theme - Agent Workplace */
|
|
1627
1493
|
--data-visual-category-4-highlight: #88c5af4d;
|
|
1628
|
-
/* Data visual/category-5 - Theme -
|
|
1494
|
+
/* Data visual/category-5 - Theme - Better Home & Garden */
|
|
1629
1495
|
--data-visual-category-5: #789ba0;
|
|
1630
|
-
/* Data visual/category-5-highlight - Theme -
|
|
1496
|
+
/* Data visual/category-5-highlight - Theme - Agent Workplace */
|
|
1631
1497
|
--data-visual-category-5-highlight: #789ba04d;
|
|
1632
|
-
/* Data visual/category-6 - Theme -
|
|
1498
|
+
/* Data visual/category-6 - Theme - Better Home & Garden */
|
|
1633
1499
|
--data-visual-category-6: #b2b2b2;
|
|
1634
|
-
/* Data visual/category-6-highlight - Theme -
|
|
1500
|
+
/* Data visual/category-6-highlight - Theme - Agent Workplace */
|
|
1635
1501
|
--data-visual-category-6-highlight: #b2b2b24d;
|
|
1636
|
-
/* Data visual/category-7 - Theme -
|
|
1502
|
+
/* Data visual/category-7 - Theme - Better Home & Garden */
|
|
1637
1503
|
--data-visual-category-7: #a19abc;
|
|
1638
|
-
/* Data visual/category-7-highlight - Theme -
|
|
1504
|
+
/* Data visual/category-7-highlight - Theme - Agent Workplace */
|
|
1639
1505
|
--data-visual-category-7-highlight: #a19abc4d;
|
|
1640
|
-
/* Data visual/gradient-end - Theme -
|
|
1506
|
+
/* Data visual/gradient-end - Theme - Agent Workplace */
|
|
1641
1507
|
--data-visual-gradient-end: #1f1f1f4d;
|
|
1642
|
-
/* Data visual/green - Theme -
|
|
1508
|
+
/* Data visual/green - Theme - Agent Workplace */
|
|
1643
1509
|
--data-visual-green: #7cb796;
|
|
1644
|
-
/* Data visual/green-highlight - Theme -
|
|
1510
|
+
/* Data visual/green-highlight - Theme - Agent Workplace */
|
|
1645
1511
|
--data-visual-green-highlight: #0d2f1c;
|
|
1646
|
-
/* Data visual/negative -
|
|
1512
|
+
/* Data visual/negative - Brand */
|
|
1647
1513
|
--data-visual-negative: #e88997;
|
|
1648
|
-
/* Data visual/negative-highlight -
|
|
1514
|
+
/* Data visual/negative-highlight - Brand */
|
|
1649
1515
|
--data-visual-negative-highlight: #4c141d;
|
|
1650
|
-
/* Data visual/positive -
|
|
1516
|
+
/* Data visual/positive - Brand */
|
|
1651
1517
|
--data-visual-positive: #7cb796;
|
|
1652
|
-
/* Data visual/positive-highlight -
|
|
1518
|
+
/* Data visual/positive-highlight - Brand */
|
|
1653
1519
|
--data-visual-positive-highlight: #0d2f1c;
|
|
1654
|
-
/* Data visual/red - Theme -
|
|
1520
|
+
/* Data visual/red - Theme - Agent Workplace */
|
|
1655
1521
|
--data-visual-red: #e88997;
|
|
1656
|
-
/* Data visual/red-highlight - Theme -
|
|
1522
|
+
/* Data visual/red-highlight - Theme - Agent Workplace */
|
|
1657
1523
|
--data-visual-red-highlight: #4c141d;
|
|
1658
|
-
/* Foreground/
|
|
1659
|
-
--foreground-
|
|
1660
|
-
/* Foreground/
|
|
1661
|
-
--foreground-
|
|
1662
|
-
/* Foreground/Brand/on-
|
|
1524
|
+
/* Foreground/AI-powered/blue - Theme - Agent Workplace */
|
|
1525
|
+
--foreground-ai-powered-blue: #000000;
|
|
1526
|
+
/* Foreground/AI-powered/pink - Theme - Agent Workplace */
|
|
1527
|
+
--foreground-ai-powered-pink: #000000;
|
|
1528
|
+
/* Foreground/Brand/on-inverse-primary - Theme - Agent Workplace */
|
|
1529
|
+
--foreground-brand-on-inverse-primary: #757482;
|
|
1530
|
+
/* Foreground/Brand/on-inverse-secondary - Theme - Agent Workplace */
|
|
1531
|
+
--foreground-brand-on-inverse-secondary: #f3a482;
|
|
1532
|
+
/* Foreground/Brand/on-brand-primary - Brand */
|
|
1533
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1663
1534
|
--foreground-brand-on-primary: #141414;
|
|
1664
|
-
/* Foreground/Brand/on-brand-secondary -
|
|
1535
|
+
/* Foreground/Brand/on-brand-secondary - Brand */
|
|
1536
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1665
1537
|
--foreground-brand-on-secondary: #141414;
|
|
1666
|
-
/* Foreground/Brand/brand-primary -
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
/* Foreground
|
|
1673
|
-
--foreground-brand-secondary
|
|
1674
|
-
/* Foreground/
|
|
1538
|
+
/* Foreground/Brand/brand-primary - Brand */
|
|
1539
|
+
/* Foreground text and icons that match the brand's primary color */
|
|
1540
|
+
--foreground-brand-primary: #757482;
|
|
1541
|
+
/* Foreground/Brand/brand-primary-depth - Theme - Better Home & Garden */
|
|
1542
|
+
--foreground-brand-primary-depth: #88bc88;
|
|
1543
|
+
/* Foreground/Brand/brand-secondary - Brand */
|
|
1544
|
+
/* Foreground text and icons that match the brand's secondary color */
|
|
1545
|
+
--foreground-brand-secondary: #f3a482;
|
|
1546
|
+
/* Foreground/Brand/brand-secondary-depth - Theme - Agent Workplace */
|
|
1547
|
+
--foreground-brand-secondary-depth: #f6bba1;
|
|
1548
|
+
/* Foreground/Link text/default - Brand */
|
|
1675
1549
|
--foreground-link-text-default: #7a9ee1;
|
|
1676
|
-
/* Foreground/Link text/default-disabled -
|
|
1550
|
+
/* Foreground/Link text/default-disabled - Brand */
|
|
1677
1551
|
--foreground-link-text-default-disabled: #14387b;
|
|
1678
|
-
/* Foreground/Link text/default-hovered - Theme -
|
|
1552
|
+
/* Foreground/Link text/default-hovered - Theme - Agent Workplace */
|
|
1679
1553
|
--foreground-link-text-default-hovered: #90afe6;
|
|
1680
|
-
/* Foreground/Link text/default-pressed - Theme -
|
|
1554
|
+
/* Foreground/Link text/default-pressed - Theme - Agent Workplace */
|
|
1681
1555
|
--foreground-link-text-default-pressed: #a6bfeb;
|
|
1682
|
-
/* Foreground/Link text/default-visited -
|
|
1556
|
+
/* Foreground/Link text/default-visited - Brand */
|
|
1683
1557
|
--foreground-link-text-default-visited: #af8baf;
|
|
1684
|
-
/* Foreground/Link text/subtle-disabled -
|
|
1558
|
+
/* Foreground/Link text/subtle-disabled - Brand */
|
|
1685
1559
|
--foreground-link-text-subtle-disabled: #4d4d4d;
|
|
1686
|
-
/* Foreground/Link text/subtle-hovered - Theme -
|
|
1560
|
+
/* Foreground/Link text/subtle-hovered - Theme - Agent Workplace */
|
|
1687
1561
|
--foreground-link-text-subtle-hovered: #e6e6e6;
|
|
1688
|
-
/* Foreground/Link text/subtle-
|
|
1689
|
-
--foreground-link-text-subtle-
|
|
1690
|
-
/* Foreground/Link text/subtle-pressed - Theme -
|
|
1562
|
+
/* Foreground/Link text/subtle-inverse-hovered - Theme - Agent Workplace */
|
|
1563
|
+
--foreground-link-text-subtle-inverse-hovered: #e6e6e6;
|
|
1564
|
+
/* Foreground/Link text/subtle-inverse-pressed - Theme - Agent Workplace */
|
|
1565
|
+
--foreground-link-text-subtle-inverse-pressed: #d1d1d1;
|
|
1566
|
+
/* Foreground/Link text/subtle-inversed-disabled - Brand */
|
|
1567
|
+
--foreground-link-text-subtle-inversed-disabled: #3d3d3d;
|
|
1568
|
+
/* Foreground/Link text/subtle-pressed - Theme - Agent Workplace */
|
|
1691
1569
|
--foreground-link-text-subtle-pressed: #d1d1d1;
|
|
1692
|
-
/* Foreground/Neutral/disabled-on-color-surface -
|
|
1693
|
-
--foreground-neutral-disabled-on-color-surface: #
|
|
1694
|
-
/* Foreground/Neutral/disabled-on-surface -
|
|
1570
|
+
/* Foreground/Neutral/disabled-on-color-surface - Brand */
|
|
1571
|
+
--foreground-neutral-disabled-on-color-surface: #3d3d3d;
|
|
1572
|
+
/* Foreground/Neutral/disabled-on-surface - Brand */
|
|
1695
1573
|
--foreground-neutral-disabled-on-surface: #4d4d4d;
|
|
1696
|
-
/* Foreground/Neutral/on-surface - Theme -
|
|
1574
|
+
/* Foreground/Neutral/inverse-on-surface - Theme - Agent Workplace */
|
|
1575
|
+
--foreground-neutral-inverse-on-surface: #fafafa;
|
|
1576
|
+
/* Foreground/Neutral/on-color - Brand */
|
|
1577
|
+
/* Interactive controls */
|
|
1578
|
+
--foreground-neutral-on-color: #ffffff;
|
|
1579
|
+
/* Foreground/Neutral/on-inverse-surface - Brand */
|
|
1580
|
+
/* Text and icons against inverse surface */
|
|
1581
|
+
--foreground-neutral-on-inverse-surface: #fafafa;
|
|
1582
|
+
/* Foreground/Neutral/on-surface - Brand */
|
|
1583
|
+
/* Default foreground text and icons against any surface color */
|
|
1697
1584
|
--foreground-neutral-on-surface: #fafafa;
|
|
1698
|
-
/* Foreground/Neutral/on-surface-variant-01 -
|
|
1585
|
+
/* Foreground/Neutral/on-surface-variant-01 - Brand */
|
|
1586
|
+
/* Secondary foreground color for icons and text */
|
|
1699
1587
|
--foreground-neutral-on-surface-variant-01: #c2c2c2;
|
|
1700
|
-
/* Foreground/Neutral/on-surface-variant-02 -
|
|
1588
|
+
/* Foreground/Neutral/on-surface-variant-02 - Brand */
|
|
1589
|
+
/* Tertiary foreground color for icons and text */
|
|
1701
1590
|
--foreground-neutral-on-surface-variant-02: #9e9e9e;
|
|
1702
|
-
/* Foreground/Neutral/on-surface-variant-03 -
|
|
1591
|
+
/* Foreground/Neutral/on-surface-variant-03 - Brand */
|
|
1592
|
+
/* Quaternary foreground color for icons and text. Only for placeholder text */
|
|
1703
1593
|
--foreground-neutral-on-surface-variant-03: #757575;
|
|
1704
|
-
/* Foreground/Neutral/skeleton-element -
|
|
1705
|
-
--foreground-neutral-skeleton-element: #
|
|
1706
|
-
/* Foreground/Spectrum/blue - Theme -
|
|
1594
|
+
/* Foreground/Neutral/skeleton-element - Brand */
|
|
1595
|
+
--foreground-neutral-skeleton-element: #333333;
|
|
1596
|
+
/* Foreground/Spectrum/blue - Theme - Agent Workplace */
|
|
1707
1597
|
--foreground-spectrum-blue: #88aff7;
|
|
1708
|
-
/* Foreground/Spectrum/green - Theme -
|
|
1598
|
+
/* Foreground/Spectrum/green - Theme - Agent Workplace */
|
|
1709
1599
|
--foreground-spectrum-green: #87bd9f;
|
|
1710
|
-
/* Foreground/Spectrum/lime - Theme -
|
|
1600
|
+
/* Foreground/Spectrum/lime - Theme - Agent Workplace */
|
|
1711
1601
|
--foreground-spectrum-lime: #dce28f;
|
|
1712
|
-
/* Foreground/Spectrum/magenta - Theme -
|
|
1602
|
+
/* Foreground/Spectrum/magenta - Theme - Agent Workplace */
|
|
1713
1603
|
--foreground-spectrum-magenta: #e07aed;
|
|
1714
|
-
/* Foreground/Spectrum/orange -
|
|
1604
|
+
/* Foreground/Spectrum/orange - Brand */
|
|
1715
1605
|
--foreground-spectrum-orange: #f6a874;
|
|
1716
|
-
/* Foreground/Spectrum/pink - Theme -
|
|
1606
|
+
/* Foreground/Spectrum/pink - Theme - Agent Workplace */
|
|
1717
1607
|
--foreground-spectrum-pink: #ea86b9;
|
|
1718
|
-
/* Foreground/Spectrum/purple - Theme -
|
|
1608
|
+
/* Foreground/Spectrum/purple - Theme - Agent Workplace */
|
|
1719
1609
|
--foreground-spectrum-purple: #c8a6f9;
|
|
1720
|
-
/* Foreground/Spectrum/red -
|
|
1610
|
+
/* Foreground/Spectrum/red - Brand */
|
|
1721
1611
|
--foreground-spectrum-red: #ea93a0;
|
|
1722
|
-
/* Foreground/Spectrum/teal - Theme -
|
|
1612
|
+
/* Foreground/Spectrum/teal - Theme - Agent Workplace */
|
|
1723
1613
|
--foreground-spectrum-teal: #74bbb4;
|
|
1724
|
-
/* Foreground/Spectrum/yellow - Theme -
|
|
1614
|
+
/* Foreground/Spectrum/yellow - Theme - Agent Workplace */
|
|
1725
1615
|
--foreground-spectrum-yellow: #fada8d;
|
|
1726
|
-
/*
|
|
1727
|
-
--interaction-brand-disabled-opacity: #ffffff0f;
|
|
1728
|
-
/* Interaction/brand-hover-opacity - Theme - 3.0 */
|
|
1729
|
-
--interaction-brand-hover-opacity: #ffffff1a;
|
|
1730
|
-
/* Interaction/brand-press-opacity - Theme - 3.0 */
|
|
1731
|
-
--interaction-brand-press-opacity: #ffffff33;
|
|
1732
|
-
/* Interaction/hover-opacity - Theme - 3.0 */
|
|
1733
|
-
--interaction-hover-opacity: #ffffff14;
|
|
1734
|
-
/* Interaction/link-active-opacity - Theme - 3.0 */
|
|
1735
|
-
--interaction-link-active-opacity: #ffffff4d;
|
|
1736
|
-
/* Interaction/press-opacity - Theme - 3.0 */
|
|
1737
|
-
--interaction-press-opacity: #ffffff29;
|
|
1738
|
-
/* Interactions/brand-disabled-opacity - Theme - Denali & Boss */
|
|
1616
|
+
/* Interactions/brand-disabled-opacity - Theme - Agent Workplace */
|
|
1739
1617
|
--interactions-brand-disabled-opacity: #ffffff0f;
|
|
1740
|
-
/* Interactions/brand-hover-opacity - Theme -
|
|
1618
|
+
/* Interactions/brand-hover-opacity - Theme - Agent Workplace */
|
|
1741
1619
|
--interactions-brand-hover-opacity: #ffffff1a;
|
|
1742
|
-
/* Interactions/brand-press-opacity - Theme -
|
|
1620
|
+
/* Interactions/brand-press-opacity - Theme - Agent Workplace */
|
|
1743
1621
|
--interactions-brand-press-opacity: #ffffff33;
|
|
1744
|
-
/* Interactions/disabled-opacity - Theme -
|
|
1622
|
+
/* Interactions/disabled-opacity - Theme - Agent Workplace */
|
|
1745
1623
|
--interactions-disabled-opacity: #ffffff0f;
|
|
1746
|
-
/* Interactions/hover-opacity - Theme -
|
|
1624
|
+
/* Interactions/hover-opacity - Theme - Agent Workplace */
|
|
1747
1625
|
--interactions-hover-opacity: #ffffff14;
|
|
1748
|
-
/* Interactions/link-active-opacity -
|
|
1626
|
+
/* Interactions/link-active-opacity - Brand */
|
|
1749
1627
|
--interactions-link-active-opacity: #ffffff4d;
|
|
1750
|
-
/* Interactions/neutral-hover-opacity -
|
|
1628
|
+
/* Interactions/neutral-hover-opacity - Brand */
|
|
1629
|
+
/* surfaces using neutral tones */
|
|
1751
1630
|
--interactions-neutral-hover-opacity: #ffffff14;
|
|
1752
|
-
/* Interactions/neutral-press-opacity -
|
|
1631
|
+
/* Interactions/neutral-press-opacity - Brand */
|
|
1632
|
+
/* surfaces using neutral tones */
|
|
1753
1633
|
--interactions-neutral-press-opacity: #ffffff29;
|
|
1754
|
-
/* Interactions/press-opacity - Theme -
|
|
1634
|
+
/* Interactions/press-opacity - Theme - Agent Workplace */
|
|
1755
1635
|
--interactions-press-opacity: #ffffff29;
|
|
1756
|
-
/* Interactions/primary-disabled-opacity - Theme -
|
|
1757
|
-
--interactions-primary-disabled-opacity: #
|
|
1758
|
-
/* Interactions/primary-hover-opacity - Theme -
|
|
1759
|
-
--interactions-primary-hover-opacity: #
|
|
1760
|
-
/* Interactions/primary-press-opacity - Theme -
|
|
1761
|
-
--interactions-primary-press-opacity: #
|
|
1762
|
-
/* Shadow/shadow-10 - Theme -
|
|
1636
|
+
/* Interactions/primary-disabled-opacity - Theme - Agent Workplace */
|
|
1637
|
+
--interactions-primary-disabled-opacity: #7574821f;
|
|
1638
|
+
/* Interactions/primary-hover-opacity - Theme - Agent Workplace */
|
|
1639
|
+
--interactions-primary-hover-opacity: #7574821a;
|
|
1640
|
+
/* Interactions/primary-press-opacity - Theme - Agent Workplace */
|
|
1641
|
+
--interactions-primary-press-opacity: #75748233;
|
|
1642
|
+
/* Shadow/shadow-10 - Theme - Agent Workplace */
|
|
1763
1643
|
--shadow-10: #6161611a;
|
|
1764
|
-
/* Shadow/shadow-12 - Theme -
|
|
1644
|
+
/* Shadow/shadow-12 - Theme - Agent Workplace */
|
|
1765
1645
|
--shadow-12: #6161611f;
|
|
1766
|
-
/* Shadow/shadow-15 - Theme -
|
|
1646
|
+
/* Shadow/shadow-15 - Theme - Agent Workplace */
|
|
1767
1647
|
--shadow-15: #61616126;
|
|
1768
|
-
/* Shadow/shadow-25 - Theme -
|
|
1648
|
+
/* Shadow/shadow-25 - Theme - Agent Workplace */
|
|
1769
1649
|
--shadow-25: #61616140;
|
|
1770
|
-
/* Shadow/shadow-32 - Theme -
|
|
1650
|
+
/* Shadow/shadow-32 - Theme - Agent Workplace */
|
|
1771
1651
|
--shadow-32: #61616152;
|
|
1772
|
-
/* Shadow/inner-shadow -
|
|
1652
|
+
/* Shadow/inner-shadow - Brand */
|
|
1773
1653
|
--shadow-inner: #000000;
|
|
1774
|
-
/* Shadow/inner-shadow-100 - Theme -
|
|
1654
|
+
/* Shadow/inner-shadow-100 - Theme - Better Home & Garden */
|
|
1775
1655
|
--shadow-inner-100: #000000;
|
|
1776
|
-
/* Shadow/variant-01 -
|
|
1656
|
+
/* Shadow/variant-01 - Brand */
|
|
1777
1657
|
--shadow-variant-01: #6161611a;
|
|
1778
|
-
/* Shadow/variant-02 -
|
|
1658
|
+
/* Shadow/variant-02 - Brand */
|
|
1779
1659
|
--shadow-variant-02: #6161611f;
|
|
1780
|
-
/* Shadow/variant-03 -
|
|
1660
|
+
/* Shadow/variant-03 - Brand */
|
|
1781
1661
|
--shadow-variant-03: #61616126;
|
|
1782
|
-
/* Shadow/variant-04 -
|
|
1662
|
+
/* Shadow/variant-04 - Brand */
|
|
1783
1663
|
--shadow-variant-04: #61616140;
|
|
1784
|
-
/* Shadow/variant-05 -
|
|
1664
|
+
/* Shadow/variant-05 - Brand */
|
|
1785
1665
|
--shadow-variant-05: #61616152;
|
|
1786
|
-
/* Status/error -
|
|
1666
|
+
/* Status/error - Brand */
|
|
1667
|
+
/* Foreground error text and icons */
|
|
1787
1668
|
--status-error: #e26b7d;
|
|
1788
|
-
/* Status/information - Theme -
|
|
1669
|
+
/* Status/information - Theme - Better Home & Garden */
|
|
1789
1670
|
--status-information: #5d92f5;
|
|
1790
|
-
/* Status/informational -
|
|
1671
|
+
/* Status/informational - Brand */
|
|
1672
|
+
/* Foreground informational text and icons */
|
|
1791
1673
|
--status-informational: #5d92f5;
|
|
1792
|
-
/* Status/
|
|
1674
|
+
/* Status/on-error - Brand */
|
|
1675
|
+
/* Foreground error text and icons */
|
|
1676
|
+
--status-on-error: #ffffff;
|
|
1677
|
+
/* Status/on-information - Theme - Better Home & Garden */
|
|
1678
|
+
--status-on-information: #ffffff;
|
|
1679
|
+
/* Status/on-informational - Brand */
|
|
1680
|
+
/* Foreground informational text and icons */
|
|
1681
|
+
--status-on-informational: #ffffff;
|
|
1682
|
+
/* Status/on-success - Brand */
|
|
1683
|
+
/* Foreground success icons and text */
|
|
1684
|
+
--status-on-success: #ffffff;
|
|
1685
|
+
/* Status/on-warning - Brand */
|
|
1686
|
+
/* Foreground warning icons */
|
|
1687
|
+
--status-on-warning: #141414;
|
|
1688
|
+
/* Status/success - Brand */
|
|
1689
|
+
/* Foreground success icons and text */
|
|
1793
1690
|
--status-success: #519f73;
|
|
1794
|
-
/* Status/warning -
|
|
1691
|
+
/* Status/warning - Brand */
|
|
1692
|
+
/* Foreground warning icons */
|
|
1795
1693
|
--status-warning: #f8cd63;
|
|
1796
|
-
/* Stroke/
|
|
1797
|
-
--stroke-
|
|
1798
|
-
/* Stroke/
|
|
1799
|
-
--stroke-
|
|
1800
|
-
/* Stroke/Brand/brand-
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
/*
|
|
1694
|
+
/* Stroke/AI-powered/blue - Theme - Agent Workplace */
|
|
1695
|
+
--stroke-ai-powered-blue: #000000;
|
|
1696
|
+
/* Stroke/AI-powered/pink - Theme - Agent Workplace */
|
|
1697
|
+
--stroke-ai-powered-pink: #000000;
|
|
1698
|
+
/* Stroke/Brand/brand-primary - Brand */
|
|
1699
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1700
|
+
--stroke-brand-primary: #757482;
|
|
1701
|
+
/* Stroke/Brand/brand-primary-depth - Brand */
|
|
1702
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1703
|
+
--stroke-brand-primary-depth: #9897a1;
|
|
1704
|
+
/* Stroke/Brand/brand-secondary - Theme - Better Home & Garden */
|
|
1705
|
+
--stroke-brand-secondary: #f0bcac;
|
|
1706
|
+
/* Stroke/Brand/brand-secondary-depth - Theme - Agent Workplace */
|
|
1707
|
+
--stroke-brand-secondary-depth: #f6bba1;
|
|
1708
|
+
/* Stroke/Neutral/neutral-base - Brand */
|
|
1709
|
+
/* For control components */
|
|
1805
1710
|
--stroke-neutral-base: #6b6b6b;
|
|
1806
|
-
/* Stroke/Neutral/disabled-dark -
|
|
1807
|
-
|
|
1808
|
-
|
|
1711
|
+
/* Stroke/Neutral/disabled-dark - Brand */
|
|
1712
|
+
/* Disabled outline separating the fill and surface background */
|
|
1713
|
+
--stroke-neutral-disabled-dark: #3d3d3d;
|
|
1714
|
+
/* Stroke/Neutral/disabled-light - Brand */
|
|
1715
|
+
/* Disabled outline separating the fill and surface background */
|
|
1809
1716
|
--stroke-neutral-disabled-light: #4d4d4d;
|
|
1810
|
-
/* Stroke/Neutral/focus -
|
|
1717
|
+
/* Stroke/Neutral/focus - Brand */
|
|
1718
|
+
/* Highlight focus element */
|
|
1811
1719
|
--stroke-neutral-focus: #ffffff;
|
|
1812
|
-
/* Stroke/Neutral/
|
|
1720
|
+
/* Stroke/Neutral/focus-on-inverse - Brand */
|
|
1721
|
+
/* Highlight focus element */
|
|
1722
|
+
--stroke-neutral-focus-on-inverse: #ffffff;
|
|
1723
|
+
/* Stroke/Neutral/neutral-high - Brand */
|
|
1813
1724
|
--stroke-neutral-high: #fafafa;
|
|
1814
|
-
/* Stroke/Neutral/neutral-high-contrast - Theme -
|
|
1725
|
+
/* Stroke/Neutral/neutral-high-contrast - Theme - Agent Workplace */
|
|
1815
1726
|
--stroke-neutral-high-contrast: #fafafa;
|
|
1816
|
-
/* Stroke/Neutral/
|
|
1817
|
-
--stroke-neutral-
|
|
1818
|
-
/* Stroke/Neutral/
|
|
1819
|
-
--stroke-neutral-interaction-disabled-light: #323b49;
|
|
1820
|
-
/* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
|
|
1821
|
-
--stroke-neutral-interaction-focus: #ffffff;
|
|
1822
|
-
/* Stroke/Neutral/Interactions/disabled-dark - Theme - Denali & Boss */
|
|
1823
|
-
--stroke-neutral-interactions-disabled-dark: #424242;
|
|
1824
|
-
/* Stroke/Neutral/Interactions/disabled-light - Theme - Denali & Boss */
|
|
1727
|
+
/* Stroke/Neutral/Interactions/disabled-dark - Theme - Agent Workplace */
|
|
1728
|
+
--stroke-neutral-interactions-disabled-dark: #3d3d3d;
|
|
1729
|
+
/* Stroke/Neutral/Interactions/disabled-light - Theme - Agent Workplace */
|
|
1825
1730
|
--stroke-neutral-interactions-disabled-light: #4d4d4d;
|
|
1826
|
-
/* Stroke/Neutral/Interactions/focus - Theme -
|
|
1731
|
+
/* Stroke/Neutral/Interactions/focus - Theme - Agent Workplace */
|
|
1827
1732
|
--stroke-neutral-interactions-focus: #ffffff;
|
|
1828
|
-
/* Stroke/Neutral/
|
|
1733
|
+
/* Stroke/Neutral/Interactions/inverse-focus - Theme - Agent Workplace */
|
|
1734
|
+
--stroke-neutral-interactions-inverse-focus: #ffffff;
|
|
1735
|
+
/* Stroke/Neutral/neutral-low - Brand */
|
|
1736
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1829
1737
|
--stroke-neutral-low: #4d4d4d;
|
|
1830
|
-
/* Stroke/Neutral/neutral-low-contrast - Theme -
|
|
1738
|
+
/* Stroke/Neutral/neutral-low-contrast - Theme - Agent Workplace */
|
|
1831
1739
|
--stroke-neutral-low-contrast: #4d4d4d;
|
|
1832
|
-
/* Surface/
|
|
1833
|
-
--surface-
|
|
1834
|
-
/* Surface/
|
|
1835
|
-
--surface-
|
|
1836
|
-
/* Surface/Brand/
|
|
1837
|
-
--surface-brand-
|
|
1838
|
-
/* Surface/Brand/
|
|
1839
|
-
--surface-brand-
|
|
1840
|
-
/* Surface/
|
|
1740
|
+
/* Surface/AI-powered/blue - Theme - Agent Workplace */
|
|
1741
|
+
--surface-ai-powered-blue: #000000;
|
|
1742
|
+
/* Surface/AI-powered/pink - Theme - Agent Workplace */
|
|
1743
|
+
--surface-ai-powered-pink: #000000;
|
|
1744
|
+
/* Surface/Brand/primary - Brand */
|
|
1745
|
+
--surface-brand-primary: #757482;
|
|
1746
|
+
/* Surface/Brand/primary-highlight - Theme - Agent Workplace */
|
|
1747
|
+
--surface-brand-primary-highlight: #0a220a;
|
|
1748
|
+
/* Surface/Brand/secondary - Brand */
|
|
1749
|
+
--surface-brand-secondary: #f3a482;
|
|
1750
|
+
/* Surface/Brand/secondary-highlight - Theme - Agent Workplace */
|
|
1751
|
+
--surface-brand-secondary-highlight: #3b1a0c;
|
|
1752
|
+
/* Surface/Neutral/Interactions/dark-disabled - Theme - Better Home & Garden */
|
|
1841
1753
|
--surface-neutral-interactions-dark-disabled: #474747;
|
|
1842
|
-
/* Surface/Neutral/Interactions/light-disabled - Theme -
|
|
1754
|
+
/* Surface/Neutral/Interactions/light-disabled - Theme - Better Home & Garden */
|
|
1843
1755
|
--surface-neutral-interactions-light-disabled: #292929;
|
|
1844
|
-
/* Surface/Neutral/
|
|
1845
|
-
|
|
1846
|
-
/* Surface/Neutral/inverse - Theme - Denali & Boss */
|
|
1756
|
+
/* Surface/Neutral/inverse - Brand */
|
|
1757
|
+
/* Inverted. Use for toasts notification & snackbars */
|
|
1847
1758
|
--surface-neutral-inverse: #383838;
|
|
1848
|
-
/* Surface/Neutral/inverse-dark - Theme -
|
|
1759
|
+
/* Surface/Neutral/inverse-dark - Theme - Better Home & Garden */
|
|
1849
1760
|
--surface-neutral-inverse-dark: #383838;
|
|
1850
|
-
/* Surface/Neutral/inverse-light - Theme -
|
|
1761
|
+
/* Surface/Neutral/inverse-light - Theme - Agent Workplace */
|
|
1851
1762
|
--surface-neutral-inverse-light: #575757;
|
|
1852
|
-
/* Surface/Neutral/
|
|
1853
|
-
--surface-neutral-skeleton: #333333;
|
|
1854
|
-
/* Surface/Neutral/T1-base - Theme - Denali & Boss */
|
|
1763
|
+
/* Surface/Neutral/T1-base - Brand */
|
|
1855
1764
|
--surface-neutral-t1-base: #1f1f1f;
|
|
1856
|
-
/* Surface/Neutral/T2-lowest -
|
|
1765
|
+
/* Surface/Neutral/T2-lowest - Brand */
|
|
1857
1766
|
--surface-neutral-t2-lowest: #2e2e2e;
|
|
1858
|
-
/* Surface/Neutral/T3-low -
|
|
1767
|
+
/* Surface/Neutral/T3-low - Brand */
|
|
1768
|
+
/* Navigations, app bar etc */
|
|
1859
1769
|
--surface-neutral-t3-low: #383838;
|
|
1860
|
-
/* Surface/Neutral/T4-high -
|
|
1861
|
-
|
|
1862
|
-
|
|
1770
|
+
/* Surface/Neutral/T4-high - Brand */
|
|
1771
|
+
/* Navigations, app bar etc */
|
|
1772
|
+
--surface-neutral-t4-high: #7a7a7a;
|
|
1773
|
+
/* Surface/Neutral/T4-high 2 - Theme - Better Home & Garden */
|
|
1774
|
+
--surface-neutral-t4-high-2: #7a7a7a;
|
|
1775
|
+
/* Surface/Neutral/transparent - Brand */
|
|
1776
|
+
--surface-neutral-transparent: #ffffff00;
|
|
1777
|
+
/* Surface/Spectrum/blue - Theme - Agent Workplace */
|
|
1863
1778
|
--surface-spectrum-blue: #0e2754;
|
|
1864
|
-
/* Surface/Spectrum/green - Theme -
|
|
1779
|
+
/* Surface/Spectrum/green - Theme - Agent Workplace */
|
|
1865
1780
|
--surface-spectrum-green: #0d2f1c;
|
|
1866
|
-
/* Surface/Spectrum/lime - Theme -
|
|
1781
|
+
/* Surface/Spectrum/lime - Theme - Agent Workplace */
|
|
1867
1782
|
--surface-spectrum-lime: #434712;
|
|
1868
|
-
/* Surface/Spectrum/magenta - Theme -
|
|
1783
|
+
/* Surface/Spectrum/magenta - Theme - Agent Workplace */
|
|
1869
1784
|
--surface-spectrum-magenta: #45054e;
|
|
1870
|
-
/* Surface/Spectrum/orange - Theme -
|
|
1785
|
+
/* Surface/Spectrum/orange - Theme - Better Home & Garden */
|
|
1871
1786
|
--surface-spectrum-orange: #532201;
|
|
1872
|
-
/* Surface/Spectrum/pink - Theme -
|
|
1787
|
+
/* Surface/Spectrum/pink - Theme - Agent Workplace */
|
|
1873
1788
|
--surface-spectrum-pink: #4c0c2d;
|
|
1874
|
-
/* Surface/Spectrum/purple - Theme -
|
|
1789
|
+
/* Surface/Spectrum/purple - Theme - Agent Workplace */
|
|
1875
1790
|
--surface-spectrum-purple: #220053;
|
|
1876
|
-
/* Surface/Spectrum/red - Theme -
|
|
1791
|
+
/* Surface/Spectrum/red - Theme - Agent Workplace */
|
|
1877
1792
|
--surface-spectrum-red: #4c141d;
|
|
1878
|
-
/* Surface/Spectrum/teal - Theme -
|
|
1793
|
+
/* Surface/Spectrum/teal - Theme - Agent Workplace */
|
|
1879
1794
|
--surface-spectrum-teal: #012e2a;
|
|
1880
|
-
/* Surface/Spectrum/yellow - Theme -
|
|
1795
|
+
/* Surface/Spectrum/yellow - Theme - Agent Workplace */
|
|
1881
1796
|
--surface-spectrum-yellow: #564210;
|
|
1882
1797
|
}
|
|
1883
1798
|
`));
|