@esri/calcite-design-tokens 1.0.0-beta.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.
Files changed (11) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/README.md +33 -0
  3. package/dist/css/brand-light.css +9 -0
  4. package/dist/css/calcite-dark.css +504 -0
  5. package/dist/css/calcite-headless.css +2592 -0
  6. package/dist/css/calcite-light.css +507 -0
  7. package/dist/scss/brand-light.scss +9 -0
  8. package/dist/scss/calcite-dark.scss +504 -0
  9. package/dist/scss/calcite-headless.scss +2592 -0
  10. package/dist/scss/calcite-light.scss +507 -0
  11. package/package.json +108 -0
package/dist/scss/calcite-dark.scss ADDED
@@ -0,0 +1,504 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Thu, 04 May 2023 18:48:23 GMT
4
+ */
5
+
6
+ @mixin calcite-theme-dark() {
7
+ --calcite-ui-brand: #009af2;
8
+ --calcite-ui-brand-hover: #007ac2;
9
+ --calcite-ui-brand-press: #00619b;
10
+ --calcite-ui-background-1: #353535;
11
+ --calcite-ui-foreground-1: #2b2b2b;
12
+ --calcite-ui-foreground-2: #202020;
13
+ --calcite-ui-foreground-3: #214155;
14
+ --calcite-ui-text-1: #ffffff;
15
+ --calcite-ui-text-2: #bfbfbf;
16
+ --calcite-ui-text-3: #9f9f9f;
17
+ --calcite-ui-text-inverse: #151515;
18
+ --calcite-ui-text-link: #00A0FF;
19
+ --calcite-ui-border-1: #555555;
20
+ --calcite-ui-border-2: #4a4a4a;
21
+ --calcite-ui-border-3: #404040;
22
+ --calcite-ui-border-input: #757575;
23
+ --calcite-ui-info: #00A0FF;
24
+ --calcite-ui-info-hover: #3db8ff;
25
+ --calcite-ui-info-press: #009af2;
26
+ --calcite-ui-success: #36DA43;
27
+ --calcite-ui-success-hover: #3bed52;
28
+ --calcite-ui-success-press: #00b81b;
29
+ --calcite-ui-warning: #FFC900;
30
+ --calcite-ui-warning-hover: #ffee33;
31
+ --calcite-ui-warning-press: #f5d000;
32
+ --calcite-ui-danger: #FE583E;
33
+ --calcite-ui-danger-hover: #ff0015;
34
+ --calcite-ui-danger-press: #d90012;
35
+ --calcite-ui-inverse: #f8f8f8;
36
+ --calcite-ui-component-avatar-font: #9f9f9f;
37
+ --calcite-ui-component-avatar-icon: #9f9f9f;
38
+ --calcite-ui-component-avatar-background: #202020;
39
+ --calcite-ui-component-avatar-background-red: #4f0e08;
40
+ --calcite-ui-component-avatar-background-teal: #004d4c;
41
+ --calcite-ui-component-avatar-background-blue: #00304d;
42
+ --calcite-ui-component-avatar-background-green: #384813;
43
+ --calcite-ui-component-avatar-background-yellow: #5c4e00;
44
+ --calcite-ui-component-checkbox-font: #ffffff;
45
+ --calcite-ui-component-checkbox-background: #2b2b2b;
46
+ --calcite-ui-component-checkbox-background-selected: #009af2;
47
+ --calcite-ui-component-checkbox-icon: #151515;
48
+ --calcite-ui-component-checkbox-border: #757575;
49
+ --calcite-ui-component-radio-font: #ffffff;
50
+ --calcite-ui-component-radio-background: #2b2b2b;
51
+ --calcite-ui-component-radio-border-unchecked: #9f9f9f;
52
+ --calcite-ui-component-radio-border-checked: #009af2;
53
+ --calcite-ui-component-chip-font-clear: #ffffff;
54
+ --calcite-ui-component-chip-font-solid-grey: #ffffff;
55
+ --calcite-ui-component-chip-font-solid-blue: #151515;
56
+ --calcite-ui-component-chip-font-solid-red: #151515;
57
+ --calcite-ui-component-chip-font-solid-yellow: #151515;
58
+ --calcite-ui-component-chip-font-solid-green: #151515;
59
+ --calcite-ui-component-chip-icon-clear: #ffffff;
60
+ --calcite-ui-component-chip-icon-solid-grey: #ffffff;
61
+ --calcite-ui-component-chip-icon-solid-blue: #151515;
62
+ --calcite-ui-component-chip-icon-solid-red: #151515;
63
+ --calcite-ui-component-chip-icon-solid-yellow: #151515;
64
+ --calcite-ui-component-chip-icon-solid-green: #151515;
65
+ --calcite-ui-component-chip-closable-icon: #9f9f9f;
66
+ --calcite-ui-component-chip-background-solid-grey: #202020;
67
+ --calcite-ui-component-chip-background-solid-blue: #00A0FF;
68
+ --calcite-ui-component-chip-background-solid-red: #FE583E;
69
+ --calcite-ui-component-chip-background-solid-yellow: #FFC900;
70
+ --calcite-ui-component-chip-background-solid-green: #36DA43;
71
+ --calcite-ui-component-chip-border-clear-grey: #555555;
72
+ --calcite-ui-component-chip-border-clear-blue: #00A0FF;
73
+ --calcite-ui-component-chip-border-clear-red: #FE583E;
74
+ --calcite-ui-component-chip-border-clear-yellow: #FFC900;
75
+ --calcite-ui-component-chip-border-clear-green: #36DA43;
76
+ --calcite-ui-component-label-font: #ffffff;
77
+ --calcite-ui-component-loader-font: #ffffff;
78
+ --calcite-ui-component-loader-foreground: #009af2;
79
+ --calcite-ui-component-loader-inline-foreground-indeterminate: #ffffff;
80
+ --calcite-ui-component-loader-inline-foreground-determinate: #009af2;
81
+ --calcite-ui-component-rating-star-background: #757575;
82
+ --calcite-ui-component-rating-star-background-active: #009af2;
83
+ --calcite-ui-component-rating-star-background-average: #FFC900;
84
+ --calcite-ui-component-rating-chip-count-font: #bfbfbf;
85
+ --calcite-ui-component-rating-chip-foreground: #202020;
86
+ --calcite-ui-component-tooltip-foreground: #2b2b2b;
87
+ --calcite-ui-component-tooltip-border: #404040;
88
+ --calcite-ui-component-tooltip-font: #ffffff;
89
+ --calcite-ui-component-accordion-item-font-heading: #ffffff;
90
+ --calcite-ui-component-accordion-item-font-description: #9f9f9f;
91
+ --calcite-ui-component-accordion-item-icon: #9f9f9f;
92
+ --calcite-ui-component-accordion-item-icon-expanded: #ffffff;
93
+ --calcite-ui-component-accordion-item-background: #2b2b2b;
94
+ --calcite-ui-component-accordion-item-border: #4a4a4a;
95
+ --calcite-ui-component-input-message-font: #ffffff;
96
+ --calcite-ui-component-input-message-icon-idle: #009af2;
97
+ --calcite-ui-component-input-message-icon-invalid: #FE583E;
98
+ --calcite-ui-component-input-message-icon-valid: #36DA43;
99
+ --calcite-ui-component-alert-font-title: #ffffff;
100
+ --calcite-ui-component-alert-font-message: #9f9f9f;
101
+ --calcite-ui-component-alert-background: #202020;
102
+ --calcite-ui-component-alert-border: #404040;
103
+ --calcite-ui-component-alert-icon-blue: #00A0FF;
104
+ --calcite-ui-component-alert-icon-green: #36DA43;
105
+ --calcite-ui-component-alert-icon-yellow: #FFC900;
106
+ --calcite-ui-component-alert-icon-red: #FE583E;
107
+ --calcite-ui-component-alert-highlight-blue: #00A0FF;
108
+ --calcite-ui-component-alert-highlight-green: #36DA43;
109
+ --calcite-ui-component-alert-highlight-yellow: #FFC900;
110
+ --calcite-ui-component-alert-highlight-red: #FE583E;
111
+ --calcite-ui-component-color-picker-font-label: #ffffff;
112
+ --calcite-ui-component-color-picker-icon: #ffffff;
113
+ --calcite-ui-component-color-picker-border: #555555;
114
+ --calcite-ui-component-color-picker-background: #2b2b2b;
115
+ --calcite-ui-component-date-picker-font-date: #9f9f9f;
116
+ --calcite-ui-component-date-picker-font-day: #9f9f9f;
117
+ --calcite-ui-component-date-picker-font-month: #ffffff;
118
+ --calcite-ui-component-date-picker-font-range-date: #ffffff;
119
+ --calcite-ui-component-date-picker-font-selected-date: #151515;
120
+ --calcite-ui-component-date-picker-font-active-date: #ffffff;
121
+ --calcite-ui-component-date-picker-icon: #9f9f9f;
122
+ --calcite-ui-component-date-picker-border: #555555;
123
+ --calcite-ui-component-date-picker-date-active-border: #2b2b2b;
124
+ --calcite-ui-component-date-picker-background: #2b2b2b;
125
+ --calcite-ui-component-date-picker-background-date-range: #214155;
126
+ --calcite-ui-component-date-picker-background-date-active: #009af2;
127
+ --calcite-ui-component-input-date-picker-font-placeholder-value: #ffffff;
128
+ --calcite-ui-component-input-date-picker-font-label: #ffffff;
129
+ --calcite-ui-component-input-date-picker-icon: #9f9f9f;
130
+ --calcite-ui-component-input-date-picker-border: #757575;
131
+ --calcite-ui-component-input-date-picker-background: #2b2b2b;
132
+ --calcite-ui-component-input-date-picker-background-arrow: #353535;
133
+ --calcite-ui-component-input-date-picker-background-read-only: #353535;
134
+ --calcite-ui-component-input-datetime-local-font-placeholder-value: #ffffff;
135
+ --calcite-ui-component-input-datetime-local-font-label: #ffffff;
136
+ --calcite-ui-component-input-datetime-local-font-prefix-suffix: #bfbfbf;
137
+ --calcite-ui-component-input-datetime-local-icon: #9f9f9f;
138
+ --calcite-ui-component-input-datetime-local-background: #2b2b2b;
139
+ --calcite-ui-component-input-datetime-local-background-prefix-sufix: #353535;
140
+ --calcite-ui-component-input-datetime-local-background-read-only: #353535;
141
+ --calcite-ui-component-input-datetime-local-border: #757575;
142
+ --calcite-ui-component-input-datetime-local-border-invalid: #FE583E;
143
+ --calcite-ui-component-input-email-font-placeholder-value: #ffffff;
144
+ --calcite-ui-component-input-email-font-label: #ffffff;
145
+ --calcite-ui-component-input-email-font-prefix-suffix: #bfbfbf;
146
+ --calcite-ui-component-input-email-icon: #9f9f9f;
147
+ --calcite-ui-component-input-email-background: #2b2b2b;
148
+ --calcite-ui-component-input-email-background-prefix-sufix: #353535;
149
+ --calcite-ui-component-input-email-background-read-only: #353535;
150
+ --calcite-ui-component-input-email-border: #757575;
151
+ --calcite-ui-component-input-email-border-invalid: #FE583E;
152
+ --calcite-ui-component-input-file-font-placeholder-value: #ffffff;
153
+ --calcite-ui-component-input-file-font-label: #ffffff;
154
+ --calcite-ui-component-input-file-font-prefix-suffix: #bfbfbf;
155
+ --calcite-ui-component-input-file-icon: #9f9f9f;
156
+ --calcite-ui-component-input-file-background: #2b2b2b;
157
+ --calcite-ui-component-input-file-background-prefix-sufix: #353535;
158
+ --calcite-ui-component-input-file-background-read-only: #353535;
159
+ --calcite-ui-component-input-file-border: #757575;
160
+ --calcite-ui-component-input-file-border-invalid: #FE583E;
161
+ --calcite-ui-component-input-month-font-placeholder-value: #ffffff;
162
+ --calcite-ui-component-input-month-font-label: #ffffff;
163
+ --calcite-ui-component-input-month-font-prefix-suffix: #bfbfbf;
164
+ --calcite-ui-component-input-month-icon: #9f9f9f;
165
+ --calcite-ui-component-input-month-background: #2b2b2b;
166
+ --calcite-ui-component-input-month-background-prefix-sufix: #353535;
167
+ --calcite-ui-component-input-month-background-read-only: #353535;
168
+ --calcite-ui-component-input-month-border: #757575;
169
+ --calcite-ui-component-input-month-border-invalid: #FE583E;
170
+ --calcite-ui-component-input-number-font-placeholder-value: #ffffff;
171
+ --calcite-ui-component-input-number-font-label: #ffffff;
172
+ --calcite-ui-component-input-number-icon: #9f9f9f;
173
+ --calcite-ui-component-input-number-background: #2b2b2b;
174
+ --calcite-ui-component-input-number-background-prefix-sufix: #353535;
175
+ --calcite-ui-component-input-number-background-read-only: #353535;
176
+ --calcite-ui-component-input-number-border: #757575;
177
+ --calcite-ui-component-input-number-border-invalid: #FE583E;
178
+ --calcite-ui-component-input-password-font-placeholder-value: #ffffff;
179
+ --calcite-ui-component-input-password-font-label: #ffffff;
180
+ --calcite-ui-component-input-password-font-prefix-suffix: #bfbfbf;
181
+ --calcite-ui-component-input-password-icon: #9f9f9f;
182
+ --calcite-ui-component-input-password-background: #2b2b2b;
183
+ --calcite-ui-component-input-password-background-prefix-sufix: #353535;
184
+ --calcite-ui-component-input-password-background-read-only: #353535;
185
+ --calcite-ui-component-input-password-border: #757575;
186
+ --calcite-ui-component-input-password-border-invalid: #FE583E;
187
+ --calcite-ui-component-input-search-font-placeholder-value: #ffffff;
188
+ --calcite-ui-component-input-search-font-label: #ffffff;
189
+ --calcite-ui-component-input-search-font-prefix-suffix: #bfbfbf;
190
+ --calcite-ui-component-input-search-icon: #9f9f9f;
191
+ --calcite-ui-component-input-search-background: #2b2b2b;
192
+ --calcite-ui-component-input-search-background-prefix-sufix: #353535;
193
+ --calcite-ui-component-input-search-background-read-only: #353535;
194
+ --calcite-ui-component-input-search-border: #757575;
195
+ --calcite-ui-component-input-search-border-invalid: #FE583E;
196
+ --calcite-ui-component-input-telephone-font-placeholder-value: #ffffff;
197
+ --calcite-ui-component-input-telephone-font-label: #ffffff;
198
+ --calcite-ui-component-input-telephone-font-prefix-suffix: #bfbfbf;
199
+ --calcite-ui-component-input-telephone-icon: #9f9f9f;
200
+ --calcite-ui-component-input-telephone-background: #2b2b2b;
201
+ --calcite-ui-component-input-telephone-background-prefix-sufix: #353535;
202
+ --calcite-ui-component-input-telephone-background-read-only: #353535;
203
+ --calcite-ui-component-input-telephone-border: #757575;
204
+ --calcite-ui-component-input-telephone-border-invalid: #FE583E;
205
+ --calcite-ui-component-input-text-font-placeholder-value: #ffffff;
206
+ --calcite-ui-component-input-text-font-label: #ffffff;
207
+ --calcite-ui-component-input-text-font-prefix-suffix: #bfbfbf;
208
+ --calcite-ui-component-input-text-icon: #9f9f9f;
209
+ --calcite-ui-component-input-text-background: #2b2b2b;
210
+ --calcite-ui-component-input-text-background-prefix-sufix: #353535;
211
+ --calcite-ui-component-input-text-background-read-only: #353535;
212
+ --calcite-ui-component-input-text-border: #757575;
213
+ --calcite-ui-component-input-text-border-invalid: #FE583E;
214
+ --calcite-ui-component-input-week-font-placeholder-value: #ffffff;
215
+ --calcite-ui-component-input-week-font-label: #ffffff;
216
+ --calcite-ui-component-input-week-font-prefix-suffix: #bfbfbf;
217
+ --calcite-ui-component-input-week-icon: #9f9f9f;
218
+ --calcite-ui-component-input-week-background: #2b2b2b;
219
+ --calcite-ui-component-input-week-background-prefix-sufix: #353535;
220
+ --calcite-ui-component-input-week-background-read-only: #353535;
221
+ --calcite-ui-component-input-week-border: #757575;
222
+ --calcite-ui-component-input-week-border-invalid: #FE583E;
223
+ --calcite-ui-component-textarea-font-placeholder-value: #ffffff;
224
+ --calcite-ui-component-textarea-font-label: #ffffff;
225
+ --calcite-ui-component-textarea-font-chat-limit: #bfbfbf;
226
+ --calcite-ui-component-textarea-icon: #9f9f9f;
227
+ --calcite-ui-component-textarea-background: #2b2b2b;
228
+ --calcite-ui-component-textarea-background-read-only: #353535;
229
+ --calcite-ui-component-textarea-border: #757575;
230
+ --calcite-ui-component-tab-title-font: #9f9f9f;
231
+ --calcite-ui-component-tab-title-font-active: #ffffff;
232
+ --calcite-ui-component-tab-title-icon: #9f9f9f;
233
+ --calcite-ui-component-tab-title-icon-active: #ffffff;
234
+ --calcite-ui-component-tab-title-bordered-border: #404040;
235
+ --calcite-ui-component-tab-title-bordered-background: #353535;
236
+ --calcite-ui-component-tab-title-border-active: #009af2;
237
+ --calcite-ui-component-tabs-bordered-border: #404040;
238
+ --calcite-ui-component-tabs-bordered-background: #2b2b2b;
239
+ --calcite-ui-component-card-font-title: #ffffff;
240
+ --calcite-ui-component-card-font-subtitle: #bfbfbf;
241
+ --calcite-ui-component-card-font-description: #9f9f9f;
242
+ --calcite-ui-component-card-border: #4a4a4a;
243
+ --calcite-ui-component-card-border-active: #009af2;
244
+ --calcite-ui-component-card-background: #2b2b2b;
245
+ --calcite-ui-component-action-indicator: #009af2;
246
+ --calcite-ui-component-action-font: #9f9f9f;
247
+ --calcite-ui-component-action-icon: #9f9f9f;
248
+ --calcite-ui-component-action-background: #2b2b2b;
249
+ --calcite-ui-component-action-background-active: #151515;
250
+ --calcite-ui-component-action-bar-border: #555555;
251
+ --calcite-ui-component-action-bar-background: #2b2b2b;
252
+ --calcite-ui-component-action-pad-border: #555555;
253
+ --calcite-ui-component-action-pad-background: #2b2b2b;
254
+ --calcite-ui-component-action-bar-grid-border: #555555;
255
+ --calcite-ui-component-action-bar-grid-background: #2b2b2b;
256
+ --calcite-ui-component-action-pad-grid-border: #555555;
257
+ --calcite-ui-component-action-pad-grid-background: #2b2b2b;
258
+ --calcite-ui-component-block-font-heading: #bfbfbf;
259
+ --calcite-ui-component-block-font-description: #9f9f9f;
260
+ --calcite-ui-component-block-font-content: #bfbfbf;
261
+ --calcite-ui-component-block-icon: #9f9f9f;
262
+ --calcite-ui-component-block-icon-active: #ffffff;
263
+ --calcite-ui-component-block-icon-idle: #bfbfbf;
264
+ --calcite-ui-component-block-icon-valid: #36DA43;
265
+ --calcite-ui-component-block-icon-invalid: #FE583E;
266
+ --calcite-ui-component-block-icon-drag-handle: #757575;
267
+ --calcite-ui-component-block-icon-chevron: #9f9f9f;
268
+ --calcite-ui-component-block-loader: #9f9f9f;
269
+ --calcite-ui-component-block-border: #dfdfdf;
270
+ --calcite-ui-component-block-background: #353535;
271
+ --calcite-ui-component-block-section-font: #bfbfbf;
272
+ --calcite-ui-component-block-section-icon-valid: #36DA43;
273
+ --calcite-ui-component-block-section-icon-invalid: #FE583E;
274
+ --calcite-ui-component-block-section-icon-chevron: #9f9f9f;
275
+ --calcite-ui-component-block-section-background: #353535;
276
+ --calcite-ui-component-notice-font-title: #ffffff;
277
+ --calcite-ui-component-notice-font-message: #9f9f9f;
278
+ --calcite-ui-component-notice-background: #202020;
279
+ --calcite-ui-component-notice-icon-info: #00A0FF;
280
+ --calcite-ui-component-notice-icon-success: #36DA43;
281
+ --calcite-ui-component-notice-icon-warning: #FFC900;
282
+ --calcite-ui-component-notice-icon-danger: #FE583E;
283
+ --calcite-ui-component-notice-icon-brand: #009af2;
284
+ --calcite-ui-component-notice-highlight-info: #00A0FF;
285
+ --calcite-ui-component-notice-highlight-success: #36DA43;
286
+ --calcite-ui-component-notice-highlight-warning: #FFC900;
287
+ --calcite-ui-component-notice-highlight-danger: #FE583E;
288
+ --calcite-ui-component-notice-highlight-brand: #009af2;
289
+ --calcite-ui-component-modal-font-header: #ffffff;
290
+ --calcite-ui-component-modal-font-content: #bfbfbf;
291
+ --calcite-ui-component-modal-icon: #9f9f9f;
292
+ --calcite-ui-component-modal-border: #555555;
293
+ --calcite-ui-component-modal-border-top-brand: #009af2;
294
+ --calcite-ui-component-modal-border-top-info: #00A0FF;
295
+ --calcite-ui-component-modal-border-top-success: #36DA43;
296
+ --calcite-ui-component-modal-border-top-danger: #FE583E;
297
+ --calcite-ui-component-modal-border-top-warning: #FFC900;
298
+ --calcite-ui-component-modal-background: #2b2b2b;
299
+ --calcite-ui-component-panel-header-font: #bfbfbf;
300
+ --calcite-ui-component-panel-header-icon: #9f9f9f;
301
+ --calcite-ui-component-panel-header-border: #404040;
302
+ --calcite-ui-component-panel-header-background: #2b2b2b;
303
+ --calcite-ui-component-popover-font: #ffffff;
304
+ --calcite-ui-component-popover-icon: #9f9f9f;
305
+ --calcite-ui-component-popover-border: #404040;
306
+ --calcite-ui-component-popover-background: #2b2b2b;
307
+ --calcite-ui-component-slider-font-label: #ffffff;
308
+ --calcite-ui-component-slider-font-tick-label: #bfbfbf;
309
+ --calcite-ui-component-slider-handle-background: #2b2b2b;
310
+ --calcite-ui-component-slider-handle-border: #757575;
311
+ --calcite-ui-component-slider-border: #4a4a4a;
312
+ --calcite-ui-component-slider-border-active: #009af2;
313
+ --calcite-ui-component-slider-tick-background: #757575;
314
+ --calcite-ui-component-slider-tick-border: #2b2b2b;
315
+ --calcite-ui-component-slider-tick-active-background: #009af2;
316
+ --calcite-ui-component-slider-tick-active-border: #2b2b2b;
317
+ --calcite-ui-component-slider-range-font-label: #ffffff;
318
+ --calcite-ui-component-slider-range-font-tick-label: #bfbfbf;
319
+ --calcite-ui-component-slider-range-handle-background: #2b2b2b;
320
+ --calcite-ui-component-slider-range-handle-border: #757575;
321
+ --calcite-ui-component-slider-range-border: #4a4a4a;
322
+ --calcite-ui-component-slider-range-border-active: #009af2;
323
+ --calcite-ui-component-slider-range-tick-background: #757575;
324
+ --calcite-ui-component-slider-range-tick-border: #2b2b2b;
325
+ --calcite-ui-component-slider-range-tick-active-background: #009af2;
326
+ --calcite-ui-component-slider-range-tick-active-border: #2b2b2b;
327
+ --calcite-ui-component-slider-histogram-font-label: #ffffff;
328
+ --calcite-ui-component-slider-histogram-font-tick-label: #bfbfbf;
329
+ --calcite-ui-component-slider-histogram-handle-background: #2b2b2b;
330
+ --calcite-ui-component-slider-histogram-handle-border: #757575;
331
+ --calcite-ui-component-slider-histogram-border: #4a4a4a;
332
+ --calcite-ui-component-slider-histogram-border-active: #009af2;
333
+ --calcite-ui-component-slider-histogram-tick-background: #757575;
334
+ --calcite-ui-component-slider-histogram-tick-border: #2b2b2b;
335
+ --calcite-ui-component-slider-histogram-tick-active-background: #009af2;
336
+ --calcite-ui-component-slider-histogram-tick-active-border: #2b2b2b;
337
+ --calcite-ui-component-slider-histogram-area-active-background: #8DCEF7;
338
+ --calcite-ui-component-slider-histogram-active-end-background-dark: #2b2b2b;
339
+ --calcite-ui-component-slider-histogram-range-font-label: #ffffff;
340
+ --calcite-ui-component-slider-histogram-range-font-tick-label: #bfbfbf;
341
+ --calcite-ui-component-slider-histogram-range-handle-background: #2b2b2b;
342
+ --calcite-ui-component-slider-histogram-range-handle-border: #757575;
343
+ --calcite-ui-component-slider-histogram-range-border: #4a4a4a;
344
+ --calcite-ui-component-slider-histogram-range-border-active: #009af2;
345
+ --calcite-ui-component-slider-histogram-range-tick-background: #757575;
346
+ --calcite-ui-component-slider-histogram-range-tick-border: #2b2b2b;
347
+ --calcite-ui-component-slider-histogram-range-tick-active-background: #009af2;
348
+ --calcite-ui-component-slider-histogram-range-tick-active-border: #2b2b2b;
349
+ --calcite-ui-component-slider-histogram-range-area-active-background: #8DCEF7;
350
+ --calcite-ui-component-slider-histogram-range-active-end-background: #2b2b2b;
351
+ --calcite-ui-component-filter-font: #ffffff;
352
+ --calcite-ui-component-filter-icon: #9f9f9f;
353
+ --calcite-ui-component-filter-border: #757575;
354
+ --calcite-ui-component-filter-background: #2b2b2b;
355
+ --calcite-ui-component-scrim-background: #2b2b2b;
356
+ --calcite-ui-component-tip-manager-font-heading: #ffffff;
357
+ --calcite-ui-component-tip-manager-icon: #9f9f9f;
358
+ --calcite-ui-component-tip-manager-background-light: #2b2b2b;
359
+ --calcite-ui-component-tip-manager-border: #4a4a4a;
360
+ --calcite-ui-component-button-font-brand-solid: #151515;
361
+ --calcite-ui-component-button-font-brand-outline-fill: #009af2;
362
+ --calcite-ui-component-button-font-brand-outline: #009af2;
363
+ --calcite-ui-component-button-font-brand-transparent: #009af2;
364
+ --calcite-ui-component-button-font-inverse-solid: #151515;
365
+ --calcite-ui-component-button-font-inverse-outline-fill: #ffffff;
366
+ --calcite-ui-component-button-font-inverse-outline: #ffffff;
367
+ --calcite-ui-component-button-font-inverse-transparent: #ffffff;
368
+ --calcite-ui-component-button-font-neutral-solid: #151515;
369
+ --calcite-ui-component-button-font-neutral-outline-fill: #ffffff;
370
+ --calcite-ui-component-button-font-neutral-outline: #ffffff;
371
+ --calcite-ui-component-button-font-neutral-transparent: #ffffff;
372
+ --calcite-ui-component-button-font-danger-solid: #151515;
373
+ --calcite-ui-component-button-font-danger-outline-fill: #FE583E;
374
+ --calcite-ui-component-button-font-danger-outline: #FE583E;
375
+ --calcite-ui-component-button-font-danger-transparent: #FE583E;
376
+ --calcite-ui-component-button-icon-brand-solid: #2b2b2b;
377
+ --calcite-ui-component-button-icon-brand-outline-fill: #009af2;
378
+ --calcite-ui-component-button-icon-brand-outline: #009af2;
379
+ --calcite-ui-component-button-icon-brand-transparent: #009af2;
380
+ --calcite-ui-component-button-icon-inverse-solid: #151515;
381
+ --calcite-ui-component-button-icon-inverse-outline-fill: #ffffff;
382
+ --calcite-ui-component-button-icon-inverse-outline: #ffffff;
383
+ --calcite-ui-component-button-icon-inverse-transparent: #ffffff;
384
+ --calcite-ui-component-button-icon-neutral-solid: #151515;
385
+ --calcite-ui-component-button-icon-neutral-outline-fill: #ffffff;
386
+ --calcite-ui-component-button-icon-neutral-outline: #ffffff;
387
+ --calcite-ui-component-button-icon-neutral-transparent: #ffffff;
388
+ --calcite-ui-component-button-icon-danger-solid: #2b2b2b;
389
+ --calcite-ui-component-button-icon-danger-outline-fill: #FE583E;
390
+ --calcite-ui-component-button-icon-danger-outline: #FE583E;
391
+ --calcite-ui-component-button-icon-danger-transparent: #FE583E;
392
+ --calcite-ui-component-button-background-brand-solid: #009af2;
393
+ --calcite-ui-component-button-background-brand-outline-fill: #2b2b2b;
394
+ --calcite-ui-component-button-background-inverse-solid: #f8f8f8;
395
+ --calcite-ui-component-button-background-inverse-outline-fill: #f8f8f8;
396
+ --calcite-ui-component-button-background-neutral-solid: #f8f8f8;
397
+ --calcite-ui-component-button-background-neutral-outline-fill: #f8f8f8;
398
+ --calcite-ui-component-button-background-danger-solid: #FE583E;
399
+ --calcite-ui-component-button-background-danger-outline-fill: #FE583E;
400
+ --calcite-ui-component-button-border-brand-outline-fill: #009af2;
401
+ --calcite-ui-component-button-border-brand-outline: #009af2;
402
+ --calcite-ui-component-button-border-inverse-outline-fill: #f8f8f8;
403
+ --calcite-ui-component-button-border-inverse-outline: #f8f8f8;
404
+ --calcite-ui-component-button-border-neutral-outline-fill: #f8f8f8;
405
+ --calcite-ui-component-button-border-neutral-outline: #f8f8f8;
406
+ --calcite-ui-component-button-border-danger-outline-fill: #FE583E;
407
+ --calcite-ui-component-button-border-danger-outline: #FE583E;
408
+ --calcite-ui-component-split-button-font-brand-solid: #151515;
409
+ --calcite-ui-component-split-button-font-brand-outline-fill: #009af2;
410
+ --calcite-ui-component-split-button-font-brand-outline: #009af2;
411
+ --calcite-ui-component-split-button-font-brand-transparent: #009af2;
412
+ --calcite-ui-component-split-button-font-inverse-solid: #151515;
413
+ --calcite-ui-component-split-button-font-inverse-outline-fill: #ffffff;
414
+ --calcite-ui-component-split-button-font-inverse-outline: #ffffff;
415
+ --calcite-ui-component-split-button-font-inverse-transparent: #ffffff;
416
+ --calcite-ui-component-split-button-font-neutral-solid: #ffffff;
417
+ --calcite-ui-component-split-button-font-neutral-outline-fill: #ffffff;
418
+ --calcite-ui-component-split-button-font-neutral-outline: #ffffff;
419
+ --calcite-ui-component-split-button-font-neutral-transparent: #ffffff;
420
+ --calcite-ui-component-split-button-font-danger-solid: #151515;
421
+ --calcite-ui-component-split-button-font-danger-outline-fill: #FE583E;
422
+ --calcite-ui-component-split-button-font-danger-outline: #FE583E;
423
+ --calcite-ui-component-split-button-font-danger-transparent: #FE583E;
424
+ --calcite-ui-component-split-button-icon-brand-solid: #2b2b2b;
425
+ --calcite-ui-component-split-button-icon-brand-outline-fill: #009af2;
426
+ --calcite-ui-component-split-button-icon-brand-outline: #009af2;
427
+ --calcite-ui-component-split-button-icon-brand-transparent: #009af2;
428
+ --calcite-ui-component-split-button-icon-inverse-solid: #151515;
429
+ --calcite-ui-component-split-button-icon-inverse-outline-fill: #ffffff;
430
+ --calcite-ui-component-split-button-icon-inverse-outline: #ffffff;
431
+ --calcite-ui-component-split-button-icon-inverse-transparent: #ffffff;
432
+ --calcite-ui-component-split-button-icon-neutral-solid: #151515;
433
+ --calcite-ui-component-split-button-icon-neutral-outline-fill: #ffffff;
434
+ --calcite-ui-component-split-button-icon-neutral-outline: #ffffff;
435
+ --calcite-ui-component-split-button-icon-neutral-transparent: #ffffff;
436
+ --calcite-ui-component-split-button-icon-danger-solid: #2b2b2b;
437
+ --calcite-ui-component-split-button-icon-danger-outline-fill: #FE583E;
438
+ --calcite-ui-component-split-button-icon-danger-outline: #FE583E;
439
+ --calcite-ui-component-split-button-icon-danger-transparent: #FE583E;
440
+ --calcite-ui-component-split-button-background-brand-solid: #009af2;
441
+ --calcite-ui-component-split-button-background-brand-outline-fill: #2b2b2b;
442
+ --calcite-ui-component-split-button-background-inverse-solid: #f8f8f8;
443
+ --calcite-ui-component-split-button-background-inverse-outline-fill: #2b2b2b;
444
+ --calcite-ui-component-split-button-background-neutral-solid: #f8f8f8;
445
+ --calcite-ui-component-split-button-background-neutral-outline-fill: #2b2b2b;
446
+ --calcite-ui-component-split-button-background-danger-solid: #FE583E;
447
+ --calcite-ui-component-split-button-background-danger-outline-fill: #2b2b2b;
448
+ --calcite-ui-component-split-button-border-brand-outline-fill: #009af2;
449
+ --calcite-ui-component-split-button-border-brand-outline: #009af2;
450
+ --calcite-ui-component-split-button-border-inverse-outline-fill: #f8f8f8;
451
+ --calcite-ui-component-split-button-border-inverse-outline: #f8f8f8;
452
+ --calcite-ui-component-split-button-border-neutral-outline-fill: #f8f8f8;
453
+ --calcite-ui-component-split-button-border-neutral-outline: #f8f8f8;
454
+ --calcite-ui-component-split-button-border-danger-outline-fill: #FE583E;
455
+ --calcite-ui-component-split-button-border-danger-outline: #FE583E;
456
+ --calcite-ui-component-split-button-divider-brand-solid: #2b2b2b;
457
+ --calcite-ui-component-split-button-divider-brand-outline-fill: #009af2;
458
+ --calcite-ui-component-split-button-divider-brand-outline: #009af2;
459
+ --calcite-ui-component-split-button-divider-brand-transparent: #009af2;
460
+ --calcite-ui-component-split-button-divider-inverse-solid: #2b2b2b;
461
+ --calcite-ui-component-split-button-divider-inverse-outline-fill: #f8f8f8;
462
+ --calcite-ui-component-split-button-divider-inverse-outline: #f8f8f8;
463
+ --calcite-ui-component-split-button-divider-inverse-transparent: #f8f8f8;
464
+ --calcite-ui-component-split-button-divider-neutral-solid: #2b2b2b;
465
+ --calcite-ui-component-split-button-divider-neutral-outline-fill: #f8f8f8;
466
+ --calcite-ui-component-split-button-divider-neutral-outline: #f8f8f8;
467
+ --calcite-ui-component-split-button-divider-neutral-transparent: #f8f8f8;
468
+ --calcite-ui-component-split-button-divider-danger-solid: #FE583E;
469
+ --calcite-ui-component-split-button-divider-danger-outline-fill: #FE583E;
470
+ --calcite-ui-component-split-button-divider-danger-outline: #FE583E;
471
+ --calcite-ui-component-split-button-divider-danger-transparent: #FE583E;
472
+ --calcite-ui-component-fab-font-brand-solid: #151515;
473
+ --calcite-ui-component-fab-font-brand-outline-fill: #009af2;
474
+ --calcite-ui-component-fab-font-inverse-solid: #151515;
475
+ --calcite-ui-component-fab-font-inverse-outline-fill: #ffffff;
476
+ --calcite-ui-component-fab-font-neutral-solid: #151515;
477
+ --calcite-ui-component-fab-font-neutral-outline-fill: #ffffff;
478
+ --calcite-ui-component-fab-font-danger-solid: #151515;
479
+ --calcite-ui-component-fab-font-danger-outline-fill: #FE583E;
480
+ --calcite-ui-component-fab-icon-brand-solid: #2b2b2b;
481
+ --calcite-ui-component-fab-icon-brand-outline-fill: #009af2;
482
+ --calcite-ui-component-fab-icon-inverse-solid: #151515;
483
+ --calcite-ui-component-fab-icon-inverse-outline-fill: #ffffff;
484
+ --calcite-ui-component-fab-icon-neutral-solid: #151515;
485
+ --calcite-ui-component-fab-icon-neutral-outline-fill: #ffffff;
486
+ --calcite-ui-component-fab-icon-danger-solid: #2b2b2b;
487
+ --calcite-ui-component-fab-icon-danger-outline-fill: #FE583E;
488
+ --calcite-ui-component-fab-background-brand-solid: #009af2;
489
+ --calcite-ui-component-fab-background-brand-outline-fill: #2b2b2b;
490
+ --calcite-ui-component-fab-background-inverse-solid: #f8f8f8;
491
+ --calcite-ui-component-fab-background-inverse-outline-fill: #2b2b2b;
492
+ --calcite-ui-component-fab-background-neutral-solid: #f8f8f8;
493
+ --calcite-ui-component-fab-background-neutral-outline-fill: #2b2b2b;
494
+ --calcite-ui-component-fab-background-danger-solid: #FE583E;
495
+ --calcite-ui-component-fab-background-danger-outline-fill: #2b2b2b;
496
+ --calcite-ui-component-fab-border-brand-outline-fill: #009af2;
497
+ --calcite-ui-component-fab-border-brand-solid: #009af2;
498
+ --calcite-ui-component-fab-border-inverse-outline-fill: #f8f8f8;
499
+ --calcite-ui-component-fab-border-inverse-solid: #f8f8f8;
500
+ --calcite-ui-component-fab-border-neutral-outline-fill: #f8f8f8;
501
+ --calcite-ui-component-fab-border-neutral-solid: #f8f8f8;
502
+ --calcite-ui-component-fab-border-danger-outline-fill: #FE583E;
503
+ --calcite-ui-component-fab-border-danger-solid: #FE583E;
504
+ }