@esri/calcite-design-tokens 3.0.2-next.0 → 3.0.2-next.2

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.
@@ -1,26 +1,26 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 28 Mar 2025 22:09:10 GMT
4
- */
5
1
 
6
- $calcite-container-size-width-xl-min: 1441px; // Projectors and televisions$calcite-container-size-width-lg-min: 1153px; // Large laptops and desktop computers
7
-
8
- $calcite-container-size-width-lg-max: 1440px; // Large laptops and desktop computers$calcite-container-size-width-md-min: 769px; // Small laptops
9
-
10
- $calcite-container-size-width-md-max: 1152px; // Small laptops$calcite-container-size-width-sm-min: 477px; // Small tablets
11
-
12
- $calcite-container-size-width-sm-max: 768px; // Small tablets$calcite-container-size-width-xs-min: 321px; // Handheld devices
13
-
14
- $calcite-container-size-width-xs-max: 476px; // Handheld devices$calcite-container-size-width-xxs-min: 0; // Small handheld devices and mini-windows
15
-
16
- $calcite-container-size-width-xxs-max: 320px; // Small handheld devices and mini-windows$calcite-container-size-height-xl-min: 855px; // Projectors and televisions$calcite-container-size-height-lg-min: 679px; // Large laptops and desktop computers
17
-
18
- $calcite-container-size-height-lg-max: 854px; // Large laptops and desktop computers$calcite-container-size-height-md-min: 505px; // Small laptops
19
-
20
- $calcite-container-size-height-md-max: 678px; // Small laptops$calcite-container-size-height-sm-min: 329px; // Small tablets
21
-
22
- $calcite-container-size-height-sm-max: 504px; // Small tablets$calcite-container-size-height-xs-min: 155px; // Handheld devices
23
-
24
- $calcite-container-size-height-xs-max: 328px; // Handheld devices$calcite-container-size-height-xxs-min: 0; // Small handheld devices and mini-windows
2
+ // Calcite Design System
3
+ // Do not edit directly, this file was auto-generated.
25
4
 
5
+ $calcite-container-size-height-xxs-min: 0; // Small handheld devices and mini-windows
6
+ $calcite-container-size-width-xxs-min: 0; // Small handheld devices and mini-windows
26
7
  $calcite-container-size-height-xxs-max: 154px; // Small handheld devices and mini-windows
8
+ $calcite-container-size-height-xs-min: 155px; // Handheld devices
9
+ $calcite-container-size-height-xs-max: 328px; // Handheld devices
10
+ $calcite-container-size-height-sm-min: 329px; // Small tablets
11
+ $calcite-container-size-height-sm-max: 504px; // Small tablets
12
+ $calcite-container-size-height-md-min: 505px; // Small laptops
13
+ $calcite-container-size-height-md-max: 678px; // Small laptops
14
+ $calcite-container-size-height-lg-min: 679px; // Large laptops and desktop computers
15
+ $calcite-container-size-height-lg-max: 854px; // Large laptops and desktop computers
16
+ $calcite-container-size-height-xl-min: 855px; // Projectors and televisions
17
+ $calcite-container-size-width-xxs-max: 320px; // Small handheld devices and mini-windows
18
+ $calcite-container-size-width-xs-min: 321px; // Handheld devices
19
+ $calcite-container-size-width-xs-max: 476px; // Handheld devices
20
+ $calcite-container-size-width-sm-min: 477px; // Small tablets
21
+ $calcite-container-size-width-sm-max: 768px; // Small tablets
22
+ $calcite-container-size-width-md-min: 769px; // Small laptops
23
+ $calcite-container-size-width-md-max: 1152px; // Small laptops
24
+ $calcite-container-size-width-lg-min: 1153px; // Large laptops and desktop computers
25
+ $calcite-container-size-width-lg-max: 1440px; // Large laptops and desktop computers
26
+ $calcite-container-size-width-xl-min: 1441px; // Projectors and televisions
@@ -1,318 +1,316 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Fri, 28 Mar 2025 22:09:08 GMT
4
- */
5
1
 
6
- $calcite-z-index-9: 900;
7
- $calcite-z-index-8: 800;
8
- $calcite-z-index-7: 700;
9
- $calcite-z-index-6: 600;
10
- $calcite-z-index-5: 500;
11
- $calcite-z-index-4: 400;
12
- $calcite-z-index-3: 300;
13
- $calcite-z-index-1: 1;
14
- $calcite-z-index-0: -999999;
15
- $calcite-size-relative-auto: auto;
16
- $calcite-size-relative-200: 200%;
17
- $calcite-size-relative-162: 162.5%;
18
- $calcite-size-relative-150: 150%;
19
- $calcite-size-relative-137: 137.5%;
20
- $calcite-size-relative-125: 125%;
21
- $calcite-size-relative-100: 100%;
22
- $calcite-size-relative-50: 50%;
23
- $calcite-size-none: 0;
24
- $calcite-size-288: 288px;
25
- $calcite-size-256: 256px;
26
- $calcite-size-224: 224px;
27
- $calcite-size-192: 192px;
28
- $calcite-size-160: 160px;
29
- $calcite-size-144: 144px;
30
- $calcite-size-128: 128px;
31
- $calcite-size-112: 112px;
32
- $calcite-size-96: 96px;
33
- $calcite-size-80: 80px;
34
- $calcite-size-72: 72px;
35
- $calcite-size-64: 64px;
36
- $calcite-size-56: 56px;
37
- $calcite-size-48: 48px;
38
- $calcite-size-44: 44px;
39
- $calcite-size-40: 40px;
40
- $calcite-size-36: 36px;
41
- $calcite-size-32: 32px;
42
- $calcite-size-28: 28px;
43
- $calcite-size-24: 24px;
44
- $calcite-size-20: 20px;
45
- $calcite-size-16: 16px;
46
- $calcite-size-14: 14px;
47
- $calcite-size-12: 12px;
48
- $calcite-size-10: 10px;
49
- $calcite-size-8: 8px;
50
- $calcite-size-6: 6px;
51
- $calcite-size-4: 4px;
52
- $calcite-size-2: 2px;
53
- $calcite-size-1: 1px;
54
- $calcite-opacity-100: 1;
55
- $calcite-opacity-96: 0.96;
56
- $calcite-opacity-92: 0.92;
57
- $calcite-opacity-90: 0.9;
58
- $calcite-opacity-85: 0.85;
59
- $calcite-opacity-80: 0.8;
60
- $calcite-opacity-70: 0.7;
61
- $calcite-opacity-60: 0.6;
62
- $calcite-opacity-50: 0.5;
63
- $calcite-opacity-40: 0.4;
64
- $calcite-opacity-30: 0.3;
65
- $calcite-opacity-20: 0.2;
66
- $calcite-opacity-10: 0.1;
67
- $calcite-opacity-8: 0.08;
68
- $calcite-opacity-4: 0.04;
69
- $calcite-opacity-0: 0;
70
- $calcite-font-text-case-capitalize: capitalize; // Deprecated
71
- $calcite-font-text-case-lowercase: lowercase; // Deprecated
72
- $calcite-font-text-case-uppercase: uppercase; // Deprecated
73
- $calcite-font-text-case-none: none; // Deprecated
74
- $calcite-font-text-decoration-underline: underline; // Deprecated
75
- $calcite-font-text-decoration-none: none; // Deprecated
76
- $calcite-font-weight-heavy: 900;
77
- $calcite-font-weight-black: 900; // only for Avenir Next World (secondary font family)
78
- $calcite-font-weight-extrabold: 800; // only for Avenir Next World (secondary font family)
79
- $calcite-font-weight-bold: 700;
80
- $calcite-font-weight-demi: 600;
81
- $calcite-font-weight-medium-italic: "Medium Italic";
82
- $calcite-font-weight-medium: 500;
83
- $calcite-font-weight-regular: 400;
84
- $calcite-font-weight-light: 300; // only for Avenir Next World (secondary font family)
85
- $calcite-font-weight-thin: 100;
86
- $calcite-font-weight-ultralight: 200; // only for Avenir Next World (secondary font family)
87
- $calcite-font-style-italic: italic; // used in ratings
88
- $calcite-font-family-sans-serif: sans-serif; // Fallback for Avenir Next
89
- $calcite-font-family-monospace: monospace; // Fallback for Monaco
90
- $calcite-font-family-monaco: Monaco;
91
- $calcite-font-family-lucida-console: "Lucida Console"; // Fallback for Monaco
92
- $calcite-font-family-helvetica-neue: "Helvetica Neue"; // Fallback for Avenir Next
93
- $calcite-font-family-consolas: Consolas; // Fallback for Monaco
94
- $calcite-font-family-avenir: Avenir; // Fallback for Avenir Next
95
- $calcite-font-family-avenir-next: "Avenir Next"; // Primary font family
96
- $calcite-font-family-avenir-next-world: "Avenir Next World";
97
- $calcite-font-family-avenir-next-pro: "Avenir Next LT Pro";
98
- $calcite-font-family-andale-mono: "Andale Mono"; // Fallback for Monaco
99
- $calcite-container-size-1440: 1440px;
100
- $calcite-container-size-1152: 1152px;
101
- $calcite-container-size-854: 854px;
102
- $calcite-container-size-768: 768px;
103
- $calcite-container-size-678: 678px;
104
- $calcite-container-size-504: 504px;
105
- $calcite-container-size-476: 476px;
106
- $calcite-container-size-328: 328px;
107
- $calcite-container-size-320: 320px;
108
- $calcite-container-size-154: 154px;
109
- $calcite-container-size-0: 0;
110
- $calcite-color-dark-blue-d-bb-430: #0087d7;
111
- $calcite-color-dark-blue-d-bb-420: #00a0ff;
112
- $calcite-color-dark-blue-d-bb-410: #47bbff;
113
- $calcite-color-dark-red-d-rr-430: #f3381b;
114
- $calcite-color-dark-red-d-rr-420: #fe583e;
115
- $calcite-color-dark-red-d-rr-410: #ff7465;
116
- $calcite-color-dark-yellow-d-yy-430: #f4b000;
117
- $calcite-color-dark-yellow-d-yy-420: #ffc900;
118
- $calcite-color-dark-yellow-d-yy-410: #ffe24d;
119
- $calcite-color-dark-green-d-gg-430: #36da43;
120
- $calcite-color-dark-green-d-gg-420: #36da43;
121
- $calcite-color-dark-green-d-gg-410: #44ed51;
122
- $calcite-color-vibrant-violet-v-vv-180: #6a0be6;
123
- $calcite-color-vibrant-violet-v-vv-160: #8129ff;
124
- $calcite-color-vibrant-violet-v-vv-140: #974dff;
125
- $calcite-color-vibrant-violet-v-vv-120: #b580ff;
126
- $calcite-color-vibrant-violet-red-v-vr-180: #83009e;
127
- $calcite-color-vibrant-violet-red-v-vr-160: #ac08cc;
128
- $calcite-color-vibrant-violet-red-v-vr-140: #dd33ff;
129
- $calcite-color-vibrant-violet-red-v-vr-120: #ea80ff;
130
- $calcite-color-vibrant-pink-v-pk-180: #c00073;
131
- $calcite-color-vibrant-pink-v-pk-160: #d11486;
132
- $calcite-color-vibrant-pink-v-pk-140: #ff19a4;
133
- $calcite-color-vibrant-pink-v-pk-120: #ff66c2;
134
- $calcite-color-vibrant-red-v-rr-180: #b3000f;
135
- $calcite-color-vibrant-red-v-rr-160: #d90012;
136
- $calcite-color-vibrant-red-v-rr-140: #ff0015;
137
- $calcite-color-vibrant-red-v-rr-120: #ff624d;
138
- $calcite-color-vibrant-red-orange-v-ro-180: #c93b00;
139
- $calcite-color-vibrant-red-orange-v-ro-160: #de4300;
140
- $calcite-color-vibrant-red-orange-v-ro-140: #ff4d00;
141
- $calcite-color-vibrant-red-orange-v-ro-120: #ff824d;
142
- $calcite-color-vibrant-orange-yellow-v-oy-180: #d17300;
143
- $calcite-color-vibrant-orange-yellow-v-oy-160: #e68600;
144
- $calcite-color-vibrant-orange-yellow-v-oy-140: #ff9500;
145
- $calcite-color-vibrant-orange-yellow-v-oy-120: #ffb54d;
146
- $calcite-color-vibrant-yellow-v-yy-180: #ebba17;
147
- $calcite-color-vibrant-yellow-v-yy-160: #f5d000;
148
- $calcite-color-vibrant-yellow-v-yy-140: #ffee33;
149
- $calcite-color-vibrant-yellow-v-yy-120: #fff766;
150
- $calcite-color-vibrant-yellow-green-v-yg-180: #7fab00;
151
- $calcite-color-vibrant-yellow-green-v-yg-160: #96cc00;
152
- $calcite-color-vibrant-yellow-green-v-yg-140: #bbed3b;
153
- $calcite-color-vibrant-yellow-green-v-yg-120: #d7ff73;
154
- $calcite-color-vibrant-green-v-gg-180: #00a118;
155
- $calcite-color-vibrant-green-v-gg-160: #00b81b;
156
- $calcite-color-vibrant-green-v-gg-140: #3bed52;
157
- $calcite-color-vibrant-green-v-gg-120: #73ff84;
158
- $calcite-color-vibrant-green-blue-v-gb-180: #00cfca;
159
- $calcite-color-vibrant-green-blue-v-gb-160: #00e6e2;
160
- $calcite-color-vibrant-green-blue-v-gb-140: #00f7f3;
161
- $calcite-color-vibrant-green-blue-v-gb-120: #59fffc;
162
- $calcite-color-vibrant-blue-v-bb-180: #009af2;
163
- $calcite-color-vibrant-blue-v-bb-160: #009af2;
164
- $calcite-color-vibrant-blue-v-bb-140: #3db8ff;
165
- $calcite-color-vibrant-blue-v-bb-120: #59d6ff;
166
- $calcite-color-high-saturation-violet-h-vv-100: #100026;
167
- $calcite-color-high-saturation-violet-h-vv-090: #250f43;
168
- $calcite-color-high-saturation-violet-h-vv-080: #3a1e61;
169
- $calcite-color-high-saturation-violet-h-vv-070: #4e2c7e;
170
- $calcite-color-high-saturation-violet-h-vv-060: #633b9b;
171
- $calcite-color-high-saturation-violet-h-vv-050: #7e5baf;
172
- $calcite-color-high-saturation-violet-h-vv-040: #987ac3;
173
- $calcite-color-high-saturation-violet-h-vv-030: #b39ad7;
174
- $calcite-color-high-saturation-violet-h-vv-020: #cdb9eb;
175
- $calcite-color-high-saturation-violet-h-vv-010: #e8d9ff;
176
- $calcite-color-high-saturation-violet-red-h-vr-100: #200026;
177
- $calcite-color-high-saturation-violet-red-h-vr-090: #3c1243;
178
- $calcite-color-high-saturation-violet-red-h-vr-080: #572561;
179
- $calcite-color-high-saturation-violet-red-h-vr-070: #73377e;
180
- $calcite-color-high-saturation-violet-red-h-vr-060: #8e499b;
181
- $calcite-color-high-saturation-violet-red-h-vr-050: #a466af;
182
- $calcite-color-high-saturation-violet-red-h-vr-040: #b983c3;
183
- $calcite-color-high-saturation-violet-red-h-vr-030: #cfa1d7;
184
- $calcite-color-high-saturation-violet-red-h-vr-020: #e4beeb;
185
- $calcite-color-high-saturation-violet-red-h-vr-010: #fadbff;
186
- $calcite-color-high-saturation-pink-h-pk-100: #260404;
187
- $calcite-color-high-saturation-pink-h-pk-090: #590b32;
188
- $calcite-color-high-saturation-pink-h-pk-080: #851b52;
189
- $calcite-color-high-saturation-pink-h-pk-070: #ba2f7e;
190
- $calcite-color-high-saturation-pink-h-pk-060: #e04ea6;
191
- $calcite-color-high-saturation-pink-h-pk-050: #e673bb;
192
- $calcite-color-high-saturation-pink-h-pk-040: #eb8dc9;
193
- $calcite-color-high-saturation-pink-h-pk-030: #f2a5d6;
194
- $calcite-color-high-saturation-pink-h-pk-020: #fabee4;
195
- $calcite-color-high-saturation-pink-h-pk-010: #ffd1ef;
196
- $calcite-color-high-saturation-red-h-rr-100: #210300;
197
- $calcite-color-high-saturation-red-h-rr-090: #4f0e08;
198
- $calcite-color-high-saturation-red-h-rr-080: #7c1d13;
199
- $calcite-color-high-saturation-red-h-rr-070: #a82b1e;
200
- $calcite-color-high-saturation-red-h-rr-060: #d83020;
201
- $calcite-color-high-saturation-red-h-rr-050: #e65240;
202
- $calcite-color-high-saturation-red-h-rr-040: #f07062;
203
- $calcite-color-high-saturation-red-h-rr-030: #f2877b;
204
- $calcite-color-high-saturation-red-h-rr-020: #ffaaa1;
205
- $calcite-color-high-saturation-red-h-rr-010: #ffc6bf;
206
- $calcite-color-high-saturation-red-orange-h-ro-100: #260a00;
207
- $calcite-color-high-saturation-red-orange-h-ro-090: #531b07;
208
- $calcite-color-high-saturation-red-orange-h-ro-080: #802c0f;
209
- $calcite-color-high-saturation-red-orange-h-ro-070: #ad3c16;
210
- $calcite-color-high-saturation-red-orange-h-ro-060: #da4d1e;
211
- $calcite-color-high-saturation-red-orange-h-ro-050: #e1653c;
212
- $calcite-color-high-saturation-red-orange-h-ro-040: #e97e5a;
213
- $calcite-color-high-saturation-red-orange-h-ro-030: #f09677;
214
- $calcite-color-high-saturation-red-orange-h-ro-020: #f8af95;
215
- $calcite-color-high-saturation-red-orange-h-ro-010: #ffc7b3;
216
- $calcite-color-high-saturation-orange-h-oo-100: #401900;
217
- $calcite-color-high-saturation-orange-h-oo-090: #6d2f08;
218
- $calcite-color-high-saturation-orange-h-oo-080: #9a4410;
219
- $calcite-color-high-saturation-orange-h-oo-070: #c65a18;
220
- $calcite-color-high-saturation-orange-h-oo-060: #f36f20;
221
- $calcite-color-high-saturation-orange-h-oo-050: #f58440;
222
- $calcite-color-high-saturation-orange-h-oo-040: #f89960;
223
- $calcite-color-high-saturation-orange-h-oo-030: #faae7f;
224
- $calcite-color-high-saturation-orange-h-oo-020: #fdc39f;
225
- $calcite-color-high-saturation-orange-h-oo-010: #ffd8bf;
226
- $calcite-color-high-saturation-orange-yellow-h-oy-100: #402300;
227
- $calcite-color-high-saturation-orange-yellow-h-oy-090: #6d3f08;
228
- $calcite-color-high-saturation-orange-yellow-h-oy-080: #9a5b10;
229
- $calcite-color-high-saturation-orange-yellow-h-oy-070: #c67718;
230
- $calcite-color-high-saturation-orange-yellow-h-oy-060: #f89927;
231
- $calcite-color-high-saturation-orange-yellow-h-oy-050: #f9a845;
232
- $calcite-color-high-saturation-orange-yellow-h-oy-040: #fbb664;
233
- $calcite-color-high-saturation-orange-yellow-h-oy-030: #fcc582;
234
- $calcite-color-high-saturation-orange-yellow-h-oy-020: #fed3a1;
235
- $calcite-color-high-saturation-orange-yellow-h-oy-010: #ffe2bf;
236
- $calcite-color-high-saturation-yellow-h-yy-100: #5c4e00;
237
- $calcite-color-high-saturation-yellow-h-yy-090: #8c7500;
238
- $calcite-color-high-saturation-yellow-h-yy-080: #bfa200;
239
- $calcite-color-high-saturation-yellow-h-yy-070: #d9bc00;
240
- $calcite-color-high-saturation-yellow-h-yy-060: #edd317;
241
- $calcite-color-high-saturation-yellow-h-yy-050: #f9e54e;
242
- $calcite-color-high-saturation-yellow-h-yy-040: #fbea6e;
243
- $calcite-color-high-saturation-yellow-h-yy-030: #fcee8d;
244
- $calcite-color-high-saturation-yellow-h-yy-020: #fef3ad;
245
- $calcite-color-high-saturation-yellow-h-yy-010: #fff7cc;
246
- $calcite-color-high-saturation-yellow-green-h-yg-100: #121a00;
247
- $calcite-color-high-saturation-yellow-green-h-yg-090: #384813;
248
- $calcite-color-high-saturation-yellow-green-h-yg-080: #5e7526;
249
- $calcite-color-high-saturation-yellow-green-h-yg-070: #84a338;
250
- $calcite-color-high-saturation-yellow-green-h-yg-060: #aad04b;
251
- $calcite-color-high-saturation-yellow-green-h-yg-050: #b6d860;
252
- $calcite-color-high-saturation-yellow-green-h-yg-040: #c2e075;
253
- $calcite-color-high-saturation-yellow-green-h-yg-030: #cde78a;
254
- $calcite-color-high-saturation-yellow-green-h-yg-020: #d9ef9f;
255
- $calcite-color-high-saturation-yellow-green-h-yg-010: #e5f7b4;
256
- $calcite-color-high-saturation-green-h-gg-100: #001a03;
257
- $calcite-color-high-saturation-green-h-gg-090: #0d3f14;
258
- $calcite-color-high-saturation-green-h-gg-080: #1a6324;
259
- $calcite-color-high-saturation-green-h-gg-070: #288835;
260
- $calcite-color-high-saturation-green-h-gg-060: #35ac46;
261
- $calcite-color-high-saturation-green-h-gg-050: #50ba5f;
262
- $calcite-color-high-saturation-green-h-gg-040: #6bc878;
263
- $calcite-color-high-saturation-green-h-gg-030: #87d692;
264
- $calcite-color-high-saturation-green-h-gg-020: #a2e4ab;
265
- $calcite-color-high-saturation-green-h-gg-010: #bdf2c4;
266
- $calcite-color-high-saturation-green-blue-h-gb-100: #002625;
267
- $calcite-color-high-saturation-green-blue-h-gb-090: #004d4c;
268
- $calcite-color-high-saturation-green-blue-h-gb-080: #007472;
269
- $calcite-color-high-saturation-green-blue-h-gb-070: #009b98;
270
- $calcite-color-high-saturation-green-blue-h-gb-060: #00bab5;
271
- $calcite-color-high-saturation-green-blue-h-gb-050: #28cecb;
272
- $calcite-color-high-saturation-green-blue-h-gb-040: #5ae0de;
273
- $calcite-color-high-saturation-green-blue-h-gb-030: #8fe6e5;
274
- $calcite-color-high-saturation-green-blue-h-gb-020: #afedec;
275
- $calcite-color-high-saturation-green-blue-h-gb-010: #cef5f4;
276
- $calcite-color-high-saturation-blue-h-bb-100: #001726;
277
- $calcite-color-high-saturation-blue-h-bb-090: #00304d;
278
- $calcite-color-high-saturation-blue-h-bb-080: #004874;
279
- $calcite-color-high-saturation-blue-h-bb-070: #00619b;
280
- $calcite-color-high-saturation-blue-h-bb-060: #007ac2;
281
- $calcite-color-high-saturation-blue-h-bb-050: #2890ce;
282
- $calcite-color-high-saturation-blue-h-bb-040: #50a7da;
283
- $calcite-color-high-saturation-blue-h-bb-030: #77bde7;
284
- $calcite-color-high-saturation-blue-h-bb-020: #9fd4f3;
285
- $calcite-color-high-saturation-blue-h-bb-010: #c7eaff;
286
- $calcite-color-neutral-blk-240: #000000;
287
- $calcite-color-neutral-blk-235: #060606;
288
- $calcite-color-neutral-blk-230: #0b0b0b;
289
- $calcite-color-neutral-blk-220: #151515;
290
- $calcite-color-neutral-blk-210: #202020;
291
- $calcite-color-neutral-blk-200: #2b2b2b;
292
- $calcite-color-neutral-blk-190: #353535;
293
- $calcite-color-neutral-blk-180: #404040;
294
- $calcite-color-neutral-blk-170: #4a4a4a;
295
- $calcite-color-neutral-blk-160: #555555;
296
- $calcite-color-neutral-blk-150: #606060;
297
- $calcite-color-neutral-blk-140: #6a6a6a;
298
- $calcite-color-neutral-blk-130: #757575;
299
- $calcite-color-neutral-blk-120: #808080;
300
- $calcite-color-neutral-blk-110: #8a8a8a;
301
- $calcite-color-neutral-blk-100: #949494;
302
- $calcite-color-neutral-blk-090: #9f9f9f;
303
- $calcite-color-neutral-blk-080: #aaaaaa;
304
- $calcite-color-neutral-blk-070: #b5b5b5;
305
- $calcite-color-neutral-blk-060: #bfbfbf;
306
- $calcite-color-neutral-blk-050: #cacaca;
307
- $calcite-color-neutral-blk-040: #d4d4d4;
308
- $calcite-color-neutral-blk-030: #dfdfdf;
309
- $calcite-color-neutral-blk-020: #eaeaea;
310
- $calcite-color-neutral-blk-010: #f3f3f3;
311
- $calcite-color-neutral-blk-005: #f8f8f8;
2
+ // Calcite Design System
3
+ // Do not edit directly, this file was auto-generated.
4
+
312
5
  $calcite-color-neutral-blk-000: #ffffff;
313
- $calcite-shadow-4: 0 12px 32px -2px
314
- rgba(var(--calcite-color-neutral-blk-240), 0.1);
315
- $calcite-shadow-3: 0 4px 20px 0 rgba(var(--calcite-color-neutral-blk-240), 0.08);
316
- $calcite-shadow-2: 0 4px 16px 0 rgba(var(--calcite-color-neutral-blk-240), 0.08);
317
- $calcite-shadow-1: 0 2px 8px 0 rgba(var(--calcite-color-neutral-blk-240), 0.04);
318
- $calcite-shadow-0: 0 0 0 0 rgba(var(--calcite-color-neutral-blk-240), 0);
6
+ $calcite-color-neutral-blk-005: #f8f8f8;
7
+ $calcite-color-neutral-blk-010: #f3f3f3;
8
+ $calcite-color-neutral-blk-020: #eaeaea;
9
+ $calcite-color-neutral-blk-030: #dfdfdf;
10
+ $calcite-color-neutral-blk-040: #d4d4d4;
11
+ $calcite-color-neutral-blk-050: #cacaca;
12
+ $calcite-color-neutral-blk-060: #bfbfbf;
13
+ $calcite-color-neutral-blk-070: #b5b5b5;
14
+ $calcite-color-neutral-blk-080: #aaaaaa;
15
+ $calcite-color-neutral-blk-090: #9f9f9f;
16
+ $calcite-color-neutral-blk-100: #949494;
17
+ $calcite-color-neutral-blk-110: #8a8a8a;
18
+ $calcite-color-neutral-blk-120: #808080;
19
+ $calcite-color-neutral-blk-130: #757575;
20
+ $calcite-color-neutral-blk-140: #6a6a6a;
21
+ $calcite-color-neutral-blk-150: #606060;
22
+ $calcite-color-neutral-blk-160: #555555;
23
+ $calcite-color-neutral-blk-170: #4a4a4a;
24
+ $calcite-color-neutral-blk-180: #404040;
25
+ $calcite-color-neutral-blk-190: #353535;
26
+ $calcite-color-neutral-blk-200: #2b2b2b;
27
+ $calcite-color-neutral-blk-210: #202020;
28
+ $calcite-color-neutral-blk-220: #151515;
29
+ $calcite-color-neutral-blk-230: #0b0b0b;
30
+ $calcite-color-neutral-blk-235: #060606;
31
+ $calcite-color-neutral-blk-240: #000000;
32
+ $calcite-color-high-saturation-blue-h-bb-010: #c7eaff;
33
+ $calcite-color-high-saturation-blue-h-bb-020: #9fd4f3;
34
+ $calcite-color-high-saturation-blue-h-bb-030: #77bde7;
35
+ $calcite-color-high-saturation-blue-h-bb-040: #50a7da;
36
+ $calcite-color-high-saturation-blue-h-bb-050: #2890ce;
37
+ $calcite-color-high-saturation-blue-h-bb-060: #007ac2;
38
+ $calcite-color-high-saturation-blue-h-bb-070: #00619b;
39
+ $calcite-color-high-saturation-blue-h-bb-080: #004874;
40
+ $calcite-color-high-saturation-blue-h-bb-090: #00304d;
41
+ $calcite-color-high-saturation-blue-h-bb-100: #001726;
42
+ $calcite-color-high-saturation-green-blue-h-gb-010: #cef5f4;
43
+ $calcite-color-high-saturation-green-blue-h-gb-020: #afedec;
44
+ $calcite-color-high-saturation-green-blue-h-gb-030: #8fe6e5;
45
+ $calcite-color-high-saturation-green-blue-h-gb-040: #5ae0de;
46
+ $calcite-color-high-saturation-green-blue-h-gb-050: #28cecb;
47
+ $calcite-color-high-saturation-green-blue-h-gb-060: #00bab5;
48
+ $calcite-color-high-saturation-green-blue-h-gb-070: #009b98;
49
+ $calcite-color-high-saturation-green-blue-h-gb-080: #007472;
50
+ $calcite-color-high-saturation-green-blue-h-gb-090: #004d4c;
51
+ $calcite-color-high-saturation-green-blue-h-gb-100: #002625;
52
+ $calcite-color-high-saturation-green-h-gg-010: #bdf2c4;
53
+ $calcite-color-high-saturation-green-h-gg-020: #a2e4ab;
54
+ $calcite-color-high-saturation-green-h-gg-030: #87d692;
55
+ $calcite-color-high-saturation-green-h-gg-040: #6bc878;
56
+ $calcite-color-high-saturation-green-h-gg-050: #50ba5f;
57
+ $calcite-color-high-saturation-green-h-gg-060: #35ac46;
58
+ $calcite-color-high-saturation-green-h-gg-070: #288835;
59
+ $calcite-color-high-saturation-green-h-gg-080: #1a6324;
60
+ $calcite-color-high-saturation-green-h-gg-090: #0d3f14;
61
+ $calcite-color-high-saturation-green-h-gg-100: #001a03;
62
+ $calcite-color-high-saturation-yellow-green-h-yg-010: #e5f7b4;
63
+ $calcite-color-high-saturation-yellow-green-h-yg-020: #d9ef9f;
64
+ $calcite-color-high-saturation-yellow-green-h-yg-030: #cde78a;
65
+ $calcite-color-high-saturation-yellow-green-h-yg-040: #c2e075;
66
+ $calcite-color-high-saturation-yellow-green-h-yg-050: #b6d860;
67
+ $calcite-color-high-saturation-yellow-green-h-yg-060: #aad04b;
68
+ $calcite-color-high-saturation-yellow-green-h-yg-070: #84a338;
69
+ $calcite-color-high-saturation-yellow-green-h-yg-080: #5e7526;
70
+ $calcite-color-high-saturation-yellow-green-h-yg-090: #384813;
71
+ $calcite-color-high-saturation-yellow-green-h-yg-100: #121a00;
72
+ $calcite-color-high-saturation-yellow-h-yy-010: #fff7cc;
73
+ $calcite-color-high-saturation-yellow-h-yy-020: #fef3ad;
74
+ $calcite-color-high-saturation-yellow-h-yy-030: #fcee8d;
75
+ $calcite-color-high-saturation-yellow-h-yy-040: #fbea6e;
76
+ $calcite-color-high-saturation-yellow-h-yy-050: #f9e54e;
77
+ $calcite-color-high-saturation-yellow-h-yy-060: #edd317;
78
+ $calcite-color-high-saturation-yellow-h-yy-070: #d9bc00;
79
+ $calcite-color-high-saturation-yellow-h-yy-080: #bfa200;
80
+ $calcite-color-high-saturation-yellow-h-yy-090: #8c7500;
81
+ $calcite-color-high-saturation-yellow-h-yy-100: #5c4e00;
82
+ $calcite-color-high-saturation-orange-yellow-h-oy-010: #ffe2bf;
83
+ $calcite-color-high-saturation-orange-yellow-h-oy-020: #fed3a1;
84
+ $calcite-color-high-saturation-orange-yellow-h-oy-030: #fcc582;
85
+ $calcite-color-high-saturation-orange-yellow-h-oy-040: #fbb664;
86
+ $calcite-color-high-saturation-orange-yellow-h-oy-050: #f9a845;
87
+ $calcite-color-high-saturation-orange-yellow-h-oy-060: #f89927;
88
+ $calcite-color-high-saturation-orange-yellow-h-oy-070: #c67718;
89
+ $calcite-color-high-saturation-orange-yellow-h-oy-080: #9a5b10;
90
+ $calcite-color-high-saturation-orange-yellow-h-oy-090: #6d3f08;
91
+ $calcite-color-high-saturation-orange-yellow-h-oy-100: #402300;
92
+ $calcite-color-high-saturation-orange-h-oo-010: #ffd8bf;
93
+ $calcite-color-high-saturation-orange-h-oo-020: #fdc39f;
94
+ $calcite-color-high-saturation-orange-h-oo-030: #faae7f;
95
+ $calcite-color-high-saturation-orange-h-oo-040: #f89960;
96
+ $calcite-color-high-saturation-orange-h-oo-050: #f58440;
97
+ $calcite-color-high-saturation-orange-h-oo-060: #f36f20;
98
+ $calcite-color-high-saturation-orange-h-oo-070: #c65a18;
99
+ $calcite-color-high-saturation-orange-h-oo-080: #9a4410;
100
+ $calcite-color-high-saturation-orange-h-oo-090: #6d2f08;
101
+ $calcite-color-high-saturation-orange-h-oo-100: #401900;
102
+ $calcite-color-high-saturation-red-orange-h-ro-010: #ffc7b3;
103
+ $calcite-color-high-saturation-red-orange-h-ro-020: #f8af95;
104
+ $calcite-color-high-saturation-red-orange-h-ro-030: #f09677;
105
+ $calcite-color-high-saturation-red-orange-h-ro-040: #e97e5a;
106
+ $calcite-color-high-saturation-red-orange-h-ro-050: #e1653c;
107
+ $calcite-color-high-saturation-red-orange-h-ro-060: #da4d1e;
108
+ $calcite-color-high-saturation-red-orange-h-ro-070: #ad3c16;
109
+ $calcite-color-high-saturation-red-orange-h-ro-080: #802c0f;
110
+ $calcite-color-high-saturation-red-orange-h-ro-090: #531b07;
111
+ $calcite-color-high-saturation-red-orange-h-ro-100: #260a00;
112
+ $calcite-color-high-saturation-red-h-rr-010: #ffc6bf;
113
+ $calcite-color-high-saturation-red-h-rr-020: #ffaaa1;
114
+ $calcite-color-high-saturation-red-h-rr-030: #f2877b;
115
+ $calcite-color-high-saturation-red-h-rr-040: #f07062;
116
+ $calcite-color-high-saturation-red-h-rr-050: #e65240;
117
+ $calcite-color-high-saturation-red-h-rr-060: #d83020;
118
+ $calcite-color-high-saturation-red-h-rr-070: #a82b1e;
119
+ $calcite-color-high-saturation-red-h-rr-080: #7c1d13;
120
+ $calcite-color-high-saturation-red-h-rr-090: #4f0e08;
121
+ $calcite-color-high-saturation-red-h-rr-100: #210300;
122
+ $calcite-color-high-saturation-pink-h-pk-010: #ffd1ef;
123
+ $calcite-color-high-saturation-pink-h-pk-020: #fabee4;
124
+ $calcite-color-high-saturation-pink-h-pk-030: #f2a5d6;
125
+ $calcite-color-high-saturation-pink-h-pk-040: #eb8dc9;
126
+ $calcite-color-high-saturation-pink-h-pk-050: #e673bb;
127
+ $calcite-color-high-saturation-pink-h-pk-060: #e04ea6;
128
+ $calcite-color-high-saturation-pink-h-pk-070: #ba2f7e;
129
+ $calcite-color-high-saturation-pink-h-pk-080: #851b52;
130
+ $calcite-color-high-saturation-pink-h-pk-090: #590b32;
131
+ $calcite-color-high-saturation-pink-h-pk-100: #260404;
132
+ $calcite-color-high-saturation-violet-red-h-vr-010: #fadbff;
133
+ $calcite-color-high-saturation-violet-red-h-vr-020: #e4beeb;
134
+ $calcite-color-high-saturation-violet-red-h-vr-030: #cfa1d7;
135
+ $calcite-color-high-saturation-violet-red-h-vr-040: #b983c3;
136
+ $calcite-color-high-saturation-violet-red-h-vr-050: #a466af;
137
+ $calcite-color-high-saturation-violet-red-h-vr-060: #8e499b;
138
+ $calcite-color-high-saturation-violet-red-h-vr-070: #73377e;
139
+ $calcite-color-high-saturation-violet-red-h-vr-080: #572561;
140
+ $calcite-color-high-saturation-violet-red-h-vr-090: #3c1243;
141
+ $calcite-color-high-saturation-violet-red-h-vr-100: #200026;
142
+ $calcite-color-high-saturation-violet-h-vv-010: #e8d9ff;
143
+ $calcite-color-high-saturation-violet-h-vv-020: #cdb9eb;
144
+ $calcite-color-high-saturation-violet-h-vv-030: #b39ad7;
145
+ $calcite-color-high-saturation-violet-h-vv-040: #987ac3;
146
+ $calcite-color-high-saturation-violet-h-vv-050: #7e5baf;
147
+ $calcite-color-high-saturation-violet-h-vv-060: #633b9b;
148
+ $calcite-color-high-saturation-violet-h-vv-070: #4e2c7e;
149
+ $calcite-color-high-saturation-violet-h-vv-080: #3a1e61;
150
+ $calcite-color-high-saturation-violet-h-vv-090: #250f43;
151
+ $calcite-color-high-saturation-violet-h-vv-100: #100026;
152
+ $calcite-color-vibrant-blue-v-bb-120: #59d6ff;
153
+ $calcite-color-vibrant-blue-v-bb-140: #3db8ff;
154
+ $calcite-color-vibrant-blue-v-bb-160: #009af2;
155
+ $calcite-color-vibrant-blue-v-bb-180: #009af2;
156
+ $calcite-color-vibrant-green-blue-v-gb-120: #59fffc;
157
+ $calcite-color-vibrant-green-blue-v-gb-140: #00f7f3;
158
+ $calcite-color-vibrant-green-blue-v-gb-160: #00e6e2;
159
+ $calcite-color-vibrant-green-blue-v-gb-180: #00cfca;
160
+ $calcite-color-vibrant-green-v-gg-120: #73ff84;
161
+ $calcite-color-vibrant-green-v-gg-140: #3bed52;
162
+ $calcite-color-vibrant-green-v-gg-160: #00b81b;
163
+ $calcite-color-vibrant-green-v-gg-180: #00a118;
164
+ $calcite-color-vibrant-yellow-green-v-yg-120: #d7ff73;
165
+ $calcite-color-vibrant-yellow-green-v-yg-140: #bbed3b;
166
+ $calcite-color-vibrant-yellow-green-v-yg-160: #96cc00;
167
+ $calcite-color-vibrant-yellow-green-v-yg-180: #7fab00;
168
+ $calcite-color-vibrant-yellow-v-yy-120: #fff766;
169
+ $calcite-color-vibrant-yellow-v-yy-140: #ffee33;
170
+ $calcite-color-vibrant-yellow-v-yy-160: #f5d000;
171
+ $calcite-color-vibrant-yellow-v-yy-180: #ebba17;
172
+ $calcite-color-vibrant-orange-yellow-v-oy-120: #ffb54d;
173
+ $calcite-color-vibrant-orange-yellow-v-oy-140: #ff9500;
174
+ $calcite-color-vibrant-orange-yellow-v-oy-160: #e68600;
175
+ $calcite-color-vibrant-orange-yellow-v-oy-180: #d17300;
176
+ $calcite-color-vibrant-red-orange-v-ro-120: #ff824d;
177
+ $calcite-color-vibrant-red-orange-v-ro-140: #ff4d00;
178
+ $calcite-color-vibrant-red-orange-v-ro-160: #de4300;
179
+ $calcite-color-vibrant-red-orange-v-ro-180: #c93b00;
180
+ $calcite-color-vibrant-red-v-rr-120: #ff624d;
181
+ $calcite-color-vibrant-red-v-rr-140: #ff0015;
182
+ $calcite-color-vibrant-red-v-rr-160: #d90012;
183
+ $calcite-color-vibrant-red-v-rr-180: #b3000f;
184
+ $calcite-color-vibrant-pink-v-pk-120: #ff66c2;
185
+ $calcite-color-vibrant-pink-v-pk-140: #ff19a4;
186
+ $calcite-color-vibrant-pink-v-pk-160: #d11486;
187
+ $calcite-color-vibrant-pink-v-pk-180: #c00073;
188
+ $calcite-color-vibrant-violet-red-v-vr-120: #ea80ff;
189
+ $calcite-color-vibrant-violet-red-v-vr-140: #dd33ff;
190
+ $calcite-color-vibrant-violet-red-v-vr-160: #ac08cc;
191
+ $calcite-color-vibrant-violet-red-v-vr-180: #83009e;
192
+ $calcite-color-vibrant-violet-v-vv-120: #b580ff;
193
+ $calcite-color-vibrant-violet-v-vv-140: #974dff;
194
+ $calcite-color-vibrant-violet-v-vv-160: #8129ff;
195
+ $calcite-color-vibrant-violet-v-vv-180: #6a0be6;
196
+ $calcite-color-dark-green-d-gg-410: #44ed51;
197
+ $calcite-color-dark-green-d-gg-420: #36da43;
198
+ $calcite-color-dark-green-d-gg-430: #36da43;
199
+ $calcite-color-dark-yellow-d-yy-410: #ffe24d;
200
+ $calcite-color-dark-yellow-d-yy-420: #ffc900;
201
+ $calcite-color-dark-yellow-d-yy-430: #f4b000;
202
+ $calcite-color-dark-red-d-rr-410: #ff7465;
203
+ $calcite-color-dark-red-d-rr-420: #fe583e;
204
+ $calcite-color-dark-red-d-rr-430: #f3381b;
205
+ $calcite-color-dark-blue-d-bb-410: #47bbff;
206
+ $calcite-color-dark-blue-d-bb-420: #00a0ff;
207
+ $calcite-color-dark-blue-d-bb-430: #0087d7;
208
+ $calcite-container-size-0: 0;
209
+ $calcite-container-size-154: 154px;
210
+ $calcite-container-size-320: 320px;
211
+ $calcite-container-size-328: 328px;
212
+ $calcite-container-size-476: 476px;
213
+ $calcite-container-size-504: 504px;
214
+ $calcite-container-size-678: 678px;
215
+ $calcite-container-size-768: 768px;
216
+ $calcite-container-size-854: 854px;
217
+ $calcite-container-size-1152: 1152px;
218
+ $calcite-container-size-1440: 1440px;
219
+ $calcite-font-family-andale-mono: 'Andale Mono'; // Fallback for Monaco
220
+ $calcite-font-family-avenir-next-pro: 'Avenir Next LT Pro';
221
+ $calcite-font-family-avenir-next-world: 'Avenir Next World';
222
+ $calcite-font-family-avenir-next: 'Avenir Next'; // Primary font family
223
+ $calcite-font-family-avenir: Avenir; // Fallback for Avenir Next
224
+ $calcite-font-family-consolas: Consolas; // Fallback for Monaco
225
+ $calcite-font-family-helvetica-neue: 'Helvetica Neue'; // Fallback for Avenir Next
226
+ $calcite-font-family-lucida-console: 'Lucida Console'; // Fallback for Monaco
227
+ $calcite-font-family-monaco: Monaco;
228
+ $calcite-font-family-monospace: monospace; // Fallback for Monaco
229
+ $calcite-font-family-sans-serif: sans-serif; // Fallback for Avenir Next
230
+ $calcite-font-style-italic: italic; // used in ratings
231
+ $calcite-font-weight-ultralight: 200; // only for Avenir Next World (secondary font family)
232
+ $calcite-font-weight-thin: 100;
233
+ $calcite-font-weight-light: 300; // only for Avenir Next World (secondary font family)
234
+ $calcite-font-weight-regular: 400;
235
+ $calcite-font-weight-medium: 500;
236
+ $calcite-font-weight-medium-italic: "Medium Italic";
237
+ $calcite-font-weight-demi: 600;
238
+ $calcite-font-weight-bold: 700;
239
+ $calcite-font-weight-extrabold: 800; // only for Avenir Next World (secondary font family)
240
+ $calcite-font-weight-black: 900; // only for Avenir Next World (secondary font family)
241
+ $calcite-font-weight-heavy: 900;
242
+ $calcite-font-text-decoration-none: none; // Deprecated
243
+ $calcite-font-text-decoration-underline: underline; // Deprecated
244
+ $calcite-font-text-case-none: none; // Deprecated
245
+ $calcite-font-text-case-uppercase: uppercase; // Deprecated
246
+ $calcite-font-text-case-lowercase: lowercase; // Deprecated
247
+ $calcite-font-text-case-capitalize: capitalize; // Deprecated
248
+ $calcite-opacity-0: 0;
249
+ $calcite-opacity-4: 0.04;
250
+ $calcite-opacity-8: 0.08;
251
+ $calcite-opacity-10: 0.1;
252
+ $calcite-opacity-20: 0.2;
253
+ $calcite-opacity-30: 0.3;
254
+ $calcite-opacity-40: 0.4;
255
+ $calcite-opacity-50: 0.5;
256
+ $calcite-opacity-60: 0.6;
257
+ $calcite-opacity-70: 0.7;
258
+ $calcite-opacity-80: 0.8;
259
+ $calcite-opacity-85: 0.85;
260
+ $calcite-opacity-90: 0.9;
261
+ $calcite-opacity-92: 0.92;
262
+ $calcite-opacity-96: 0.96;
263
+ $calcite-opacity-100: 1;
264
+ $calcite-size-1: 1px;
265
+ $calcite-size-2: 2px;
266
+ $calcite-size-4: 4px;
267
+ $calcite-size-6: 6px;
268
+ $calcite-size-8: 8px;
269
+ $calcite-size-10: 10px;
270
+ $calcite-size-12: 12px;
271
+ $calcite-size-14: 14px;
272
+ $calcite-size-16: 16px;
273
+ $calcite-size-20: 20px;
274
+ $calcite-size-24: 24px;
275
+ $calcite-size-28: 28px;
276
+ $calcite-size-32: 32px;
277
+ $calcite-size-36: 36px;
278
+ $calcite-size-40: 40px;
279
+ $calcite-size-44: 44px;
280
+ $calcite-size-48: 48px;
281
+ $calcite-size-56: 56px;
282
+ $calcite-size-64: 64px;
283
+ $calcite-size-72: 72px;
284
+ $calcite-size-80: 80px;
285
+ $calcite-size-96: 96px;
286
+ $calcite-size-112: 112px;
287
+ $calcite-size-128: 128px;
288
+ $calcite-size-144: 144px;
289
+ $calcite-size-160: 160px;
290
+ $calcite-size-192: 192px;
291
+ $calcite-size-224: 224px;
292
+ $calcite-size-256: 256px;
293
+ $calcite-size-288: 288px;
294
+ $calcite-size-none: 0;
295
+ $calcite-size-relative-50: 50%;
296
+ $calcite-size-relative-100: 100%;
297
+ $calcite-size-relative-125: 125%;
298
+ $calcite-size-relative-137: 137.5%;
299
+ $calcite-size-relative-150: 150%;
300
+ $calcite-size-relative-162: 162.5%;
301
+ $calcite-size-relative-200: 200%;
302
+ $calcite-size-relative-auto: auto;
303
+ $calcite-z-index-0: -999999;
304
+ $calcite-z-index-1: 1;
305
+ $calcite-z-index-3: 300;
306
+ $calcite-z-index-4: 400;
307
+ $calcite-z-index-5: 500;
308
+ $calcite-z-index-6: 600;
309
+ $calcite-z-index-7: 700;
310
+ $calcite-z-index-8: 800;
311
+ $calcite-z-index-9: 900;
312
+ $calcite-shadow-0: 0 0 0 0 rgba(0, 0, 0, 0);
313
+ $calcite-shadow-1: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
314
+ $calcite-shadow-2: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
315
+ $calcite-shadow-3: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
316
+ $calcite-shadow-4: 0 12px 32px -2px rgba(0, 0, 0, 0.1);