@esri/calcite-design-tokens 3.0.2-next.8 → 3.1.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/css/core.css +17 -15
  2. package/dist/css/dark.css +13 -11
  3. package/dist/css/index.css +59 -49
  4. package/dist/css/light.css +11 -9
  5. package/dist/docs/core.json +68 -16
  6. package/dist/docs/dark.json +68 -12
  7. package/dist/docs/global.json +70 -14
  8. package/dist/docs/light.json +66 -10
  9. package/dist/docs/semantic.json +1 -1
  10. package/dist/es6/core.d.ts +2 -0
  11. package/dist/es6/core.js +17 -15
  12. package/dist/es6/dark.d.ts +2 -0
  13. package/dist/es6/dark.js +13 -11
  14. package/dist/es6/global.d.ts +8 -0
  15. package/dist/es6/global.js +21 -13
  16. package/dist/es6/light.d.ts +2 -0
  17. package/dist/es6/light.js +11 -9
  18. package/dist/js/core.d.ts +2 -0
  19. package/dist/js/core.js +96 -30
  20. package/dist/js/dark.d.ts +2 -0
  21. package/dist/js/dark.js +85 -13
  22. package/dist/js/global.d.ts +4 -0
  23. package/dist/js/global.js +98 -20
  24. package/dist/js/light.d.ts +2 -0
  25. package/dist/js/light.js +81 -9
  26. package/dist/scss/core.scss +17 -15
  27. package/dist/scss/dark.scss +13 -11
  28. package/dist/scss/index.scss +24 -20
  29. package/dist/scss/light.scss +11 -9
  30. package/package.json +2 -2
package/dist/css/core.css CHANGED
@@ -5,31 +5,31 @@
5
5
 
6
6
  :root {
7
7
  --calcite-color-neutral-blk-000: #ffffff;
8
- --calcite-color-neutral-blk-005: #f8f8f8;
9
- --calcite-color-neutral-blk-010: #f3f3f3;
10
- --calcite-color-neutral-blk-020: #eaeaea;
11
- --calcite-color-neutral-blk-030: #dfdfdf;
8
+ --calcite-color-neutral-blk-005: #f7f7f7;
9
+ --calcite-color-neutral-blk-010: #f2f2f2;
10
+ --calcite-color-neutral-blk-020: #ebebeb;
11
+ --calcite-color-neutral-blk-030: #dedede;
12
12
  --calcite-color-neutral-blk-040: #d4d4d4;
13
- --calcite-color-neutral-blk-050: #cacaca;
13
+ --calcite-color-neutral-blk-050: #c9c9c9;
14
14
  --calcite-color-neutral-blk-060: #bfbfbf;
15
15
  --calcite-color-neutral-blk-070: #b5b5b5;
16
- --calcite-color-neutral-blk-080: #aaaaaa;
17
- --calcite-color-neutral-blk-090: #9f9f9f;
16
+ --calcite-color-neutral-blk-080: #ababab;
17
+ --calcite-color-neutral-blk-090: #9e9e9e;
18
18
  --calcite-color-neutral-blk-100: #949494;
19
19
  --calcite-color-neutral-blk-110: #8a8a8a;
20
20
  --calcite-color-neutral-blk-120: #808080;
21
21
  --calcite-color-neutral-blk-130: #757575;
22
- --calcite-color-neutral-blk-140: #6a6a6a;
23
- --calcite-color-neutral-blk-150: #606060;
24
- --calcite-color-neutral-blk-160: #555555;
22
+ --calcite-color-neutral-blk-140: #6b6b6b;
23
+ --calcite-color-neutral-blk-150: #616161;
24
+ --calcite-color-neutral-blk-160: #545454;
25
25
  --calcite-color-neutral-blk-170: #4a4a4a;
26
26
  --calcite-color-neutral-blk-180: #404040;
27
- --calcite-color-neutral-blk-190: #353535;
27
+ --calcite-color-neutral-blk-190: #363636;
28
28
  --calcite-color-neutral-blk-200: #2b2b2b;
29
- --calcite-color-neutral-blk-210: #202020;
30
- --calcite-color-neutral-blk-220: #151515;
31
- --calcite-color-neutral-blk-230: #0b0b0b;
32
- --calcite-color-neutral-blk-235: #060606;
29
+ --calcite-color-neutral-blk-210: #212121;
30
+ --calcite-color-neutral-blk-220: #141414;
31
+ --calcite-color-neutral-blk-230: #0a0a0a;
32
+ --calcite-color-neutral-blk-235: #050505;
33
33
  --calcite-color-neutral-blk-240: #000000;
34
34
  --calcite-color-low-saturation-blue-l-bb-010: #edf3f7;
35
35
  --calcite-color-low-saturation-blue-l-bb-020: #d7e1e7;
@@ -511,6 +511,8 @@
511
511
  --calcite-opacity-4: 0.04;
512
512
  --calcite-opacity-8: 0.08;
513
513
  --calcite-opacity-10: 0.1;
514
+ --calcite-opacity-12: 0.12;
515
+ --calcite-opacity-16: 0.16;
514
516
  --calcite-opacity-20: 0.2;
515
517
  --calcite-opacity-30: 0.3;
516
518
  --calcite-opacity-40: 0.4;
package/dist/css/dark.css CHANGED
@@ -4,15 +4,17 @@
4
4
  */
5
5
 
6
6
  :root {
7
- --calcite-color-background: #353535;
7
+ --calcite-color-background: #363636;
8
8
  --calcite-color-background-none: rgba(255, 255, 255, 0);
9
9
  --calcite-color-foreground-1: #2b2b2b;
10
- --calcite-color-foreground-2: #202020;
11
- --calcite-color-foreground-3: #151515;
10
+ --calcite-color-foreground-2: #212121;
11
+ --calcite-color-foreground-3: #141414;
12
12
  --calcite-color-foreground-current: #214155;
13
13
  --calcite-color-transparent: rgba(255, 255, 255, 0);
14
- --calcite-color-transparent-hover: rgba(255, 255, 255, 0.04);
15
- --calcite-color-transparent-press: rgba(255, 255, 255, 0.08);
14
+ --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
15
+ --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
16
+ --calcite-color-transparent-inverse-hover: rgba(0, 0, 0, 0.04);
17
+ --calcite-color-transparent-inverse-press: rgba(0, 0, 0, 0.08);
16
18
  --calcite-color-transparent-scrim: rgba(0, 0, 0, 0.85);
17
19
  --calcite-color-transparent-tint: rgba(43, 43, 43, 0.8);
18
20
  --calcite-color-brand: #009af2;
@@ -31,18 +33,18 @@
31
33
  --calcite-color-status-danger: #fe583e;
32
34
  --calcite-color-status-danger-hover: #ff0015;
33
35
  --calcite-color-status-danger-press: #d90012;
34
- --calcite-color-inverse: #f8f8f8;
36
+ --calcite-color-inverse: #f7f7f7;
35
37
  --calcite-color-inverse-hover: #ffffff;
36
- --calcite-color-inverse-press: #f3f3f3;
38
+ --calcite-color-inverse-press: #f2f2f2;
37
39
  --calcite-color-text-1: #ffffff;
38
40
  --calcite-color-text-2: #bfbfbf;
39
- --calcite-color-text-3: #9f9f9f;
40
- --calcite-color-text-inverse: #151515;
41
+ --calcite-color-text-3: #9e9e9e;
42
+ --calcite-color-text-inverse: #141414;
41
43
  --calcite-color-text-link: #00a0ff;
42
- --calcite-color-border-1: #555555;
44
+ --calcite-color-border-1: #545454;
43
45
  --calcite-color-border-2: #4a4a4a;
44
46
  --calcite-color-border-3: #404040;
45
47
  --calcite-color-border-input: #757575;
46
48
  --calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
47
- --calcite-color-border-white: #f8f8f8;
49
+ --calcite-color-border-white: #f7f7f7;
48
50
  }
package/dist/css/index.css CHANGED
@@ -9,17 +9,17 @@
9
9
  --calcite-color-border-white: #ffffff;
10
10
  --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
11
11
  --calcite-color-border-input: #949494;
12
- --calcite-color-border-3: #dfdfdf;
12
+ --calcite-color-border-3: #dedede;
13
13
  --calcite-color-border-2: #d4d4d4;
14
- --calcite-color-border-1: #cacaca;
14
+ --calcite-color-border-1: #c9c9c9;
15
15
  --calcite-color-text-link: #00619b;
16
16
  --calcite-color-text-inverse: #ffffff;
17
- --calcite-color-text-3: #6a6a6a;
17
+ --calcite-color-text-3: #6b6b6b;
18
18
  --calcite-color-text-2: #4a4a4a;
19
- --calcite-color-text-1: #151515;
20
- --calcite-color-inverse-press: #202020;
19
+ --calcite-color-text-1: #141414;
20
+ --calcite-color-inverse-press: #212121;
21
21
  --calcite-color-inverse-hover: #2b2b2b;
22
- --calcite-color-inverse: #353535;
22
+ --calcite-color-inverse: #363636;
23
23
  --calcite-color-status-danger-press: #7c1d13;
24
24
  --calcite-color-status-danger-hover: #a82b1e;
25
25
  --calcite-color-status-danger: #d83020;
@@ -38,32 +38,34 @@
38
38
  --calcite-color-brand: #007ac2;
39
39
  --calcite-color-transparent-tint: rgba(255, 255, 255, 0.8);
40
40
  --calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
41
+ --calcite-color-transparent-inverse-press: rgba(255, 255, 255, 0.16);
42
+ --calcite-color-transparent-inverse-hover: rgba(255, 255, 255, 0.12);
41
43
  --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
42
44
  --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
43
45
  --calcite-color-transparent: rgba(0, 0, 0, 0);
44
46
  --calcite-color-foreground-current: #c7eaff;
45
- --calcite-color-foreground-3: #eaeaea;
46
- --calcite-color-foreground-2: #f3f3f3;
47
+ --calcite-color-foreground-3: #ebebeb;
48
+ --calcite-color-foreground-2: #f2f2f2;
47
49
  --calcite-color-foreground-1: #ffffff;
48
50
  --calcite-color-background-none: rgba(255, 255, 255, 0);
49
- --calcite-color-background: #f8f8f8;
51
+ --calcite-color-background: #f7f7f7;
50
52
  }
51
53
  @media (prefers-color-scheme: light) {
52
54
  .calcite-mode-auto {
53
55
  --calcite-color-border-white: #ffffff;
54
56
  --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
55
57
  --calcite-color-border-input: #949494;
56
- --calcite-color-border-3: #dfdfdf;
58
+ --calcite-color-border-3: #dedede;
57
59
  --calcite-color-border-2: #d4d4d4;
58
- --calcite-color-border-1: #cacaca;
60
+ --calcite-color-border-1: #c9c9c9;
59
61
  --calcite-color-text-link: #00619b;
60
62
  --calcite-color-text-inverse: #ffffff;
61
- --calcite-color-text-3: #6a6a6a;
63
+ --calcite-color-text-3: #6b6b6b;
62
64
  --calcite-color-text-2: #4a4a4a;
63
- --calcite-color-text-1: #151515;
64
- --calcite-color-inverse-press: #202020;
65
+ --calcite-color-text-1: #141414;
66
+ --calcite-color-inverse-press: #212121;
65
67
  --calcite-color-inverse-hover: #2b2b2b;
66
- --calcite-color-inverse: #353535;
68
+ --calcite-color-inverse: #363636;
67
69
  --calcite-color-status-danger-press: #7c1d13;
68
70
  --calcite-color-status-danger-hover: #a82b1e;
69
71
  --calcite-color-status-danger: #d83020;
@@ -82,34 +84,36 @@
82
84
  --calcite-color-brand: #007ac2;
83
85
  --calcite-color-transparent-tint: rgba(255, 255, 255, 0.8);
84
86
  --calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
87
+ --calcite-color-transparent-inverse-press: rgba(255, 255, 255, 0.16);
88
+ --calcite-color-transparent-inverse-hover: rgba(255, 255, 255, 0.12);
85
89
  --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
86
90
  --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
87
91
  --calcite-color-transparent: rgba(0, 0, 0, 0);
88
92
  --calcite-color-foreground-current: #c7eaff;
89
- --calcite-color-foreground-3: #eaeaea;
90
- --calcite-color-foreground-2: #f3f3f3;
93
+ --calcite-color-foreground-3: #ebebeb;
94
+ --calcite-color-foreground-2: #f2f2f2;
91
95
  --calcite-color-foreground-1: #ffffff;
92
96
  --calcite-color-background-none: rgba(255, 255, 255, 0);
93
- --calcite-color-background: #f8f8f8;
97
+ --calcite-color-background: #f7f7f7;
94
98
  }
95
99
  }
96
100
  @media (prefers-color-scheme: dark) {
97
101
  .calcite-mode-auto {
98
102
  --calcite-color-foreground-current: #214155;
99
- --calcite-color-border-white: #f8f8f8;
103
+ --calcite-color-border-white: #f7f7f7;
100
104
  --calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
101
105
  --calcite-color-border-input: #757575;
102
106
  --calcite-color-border-3: #404040;
103
107
  --calcite-color-border-2: #4a4a4a;
104
- --calcite-color-border-1: #555555;
108
+ --calcite-color-border-1: #545454;
105
109
  --calcite-color-text-link: #00a0ff;
106
- --calcite-color-text-inverse: #151515;
107
- --calcite-color-text-3: #9f9f9f;
110
+ --calcite-color-text-inverse: #141414;
111
+ --calcite-color-text-3: #9e9e9e;
108
112
  --calcite-color-text-2: #bfbfbf;
109
113
  --calcite-color-text-1: #ffffff;
110
- --calcite-color-inverse-press: #f3f3f3;
114
+ --calcite-color-inverse-press: #f2f2f2;
111
115
  --calcite-color-inverse-hover: #ffffff;
112
- --calcite-color-inverse: #f8f8f8;
116
+ --calcite-color-inverse: #f7f7f7;
113
117
  --calcite-color-status-danger-press: #d90012;
114
118
  --calcite-color-status-danger-hover: #ff0015;
115
119
  --calcite-color-status-danger: #fe583e;
@@ -128,31 +132,33 @@
128
132
  --calcite-color-brand: #009af2;
129
133
  --calcite-color-transparent-tint: rgba(43, 43, 43, 0.8);
130
134
  --calcite-color-transparent-scrim: rgba(0, 0, 0, 0.85);
131
- --calcite-color-transparent-press: rgba(255, 255, 255, 0.08);
132
- --calcite-color-transparent-hover: rgba(255, 255, 255, 0.04);
135
+ --calcite-color-transparent-inverse-press: rgba(0, 0, 0, 0.08);
136
+ --calcite-color-transparent-inverse-hover: rgba(0, 0, 0, 0.04);
137
+ --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
138
+ --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
133
139
  --calcite-color-transparent: rgba(255, 255, 255, 0);
134
- --calcite-color-foreground-3: #151515;
135
- --calcite-color-foreground-2: #202020;
140
+ --calcite-color-foreground-3: #141414;
141
+ --calcite-color-foreground-2: #212121;
136
142
  --calcite-color-foreground-1: #2b2b2b;
137
143
  --calcite-color-background-none: rgba(255, 255, 255, 0);
138
- --calcite-color-background: #353535;
144
+ --calcite-color-background: #363636;
139
145
  }
140
146
  }
141
147
  .calcite-mode-light {
142
148
  --calcite-color-border-white: #ffffff;
143
149
  --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
144
150
  --calcite-color-border-input: #949494;
145
- --calcite-color-border-3: #dfdfdf;
151
+ --calcite-color-border-3: #dedede;
146
152
  --calcite-color-border-2: #d4d4d4;
147
- --calcite-color-border-1: #cacaca;
153
+ --calcite-color-border-1: #c9c9c9;
148
154
  --calcite-color-text-link: #00619b;
149
155
  --calcite-color-text-inverse: #ffffff;
150
- --calcite-color-text-3: #6a6a6a;
156
+ --calcite-color-text-3: #6b6b6b;
151
157
  --calcite-color-text-2: #4a4a4a;
152
- --calcite-color-text-1: #151515;
153
- --calcite-color-inverse-press: #202020;
158
+ --calcite-color-text-1: #141414;
159
+ --calcite-color-inverse-press: #212121;
154
160
  --calcite-color-inverse-hover: #2b2b2b;
155
- --calcite-color-inverse: #353535;
161
+ --calcite-color-inverse: #363636;
156
162
  --calcite-color-status-danger-press: #7c1d13;
157
163
  --calcite-color-status-danger-hover: #a82b1e;
158
164
  --calcite-color-status-danger: #d83020;
@@ -171,32 +177,34 @@
171
177
  --calcite-color-brand: #007ac2;
172
178
  --calcite-color-transparent-tint: rgba(255, 255, 255, 0.8);
173
179
  --calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
180
+ --calcite-color-transparent-inverse-press: rgba(255, 255, 255, 0.16);
181
+ --calcite-color-transparent-inverse-hover: rgba(255, 255, 255, 0.12);
174
182
  --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
175
183
  --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
176
184
  --calcite-color-transparent: rgba(0, 0, 0, 0);
177
185
  --calcite-color-foreground-current: #c7eaff;
178
- --calcite-color-foreground-3: #eaeaea;
179
- --calcite-color-foreground-2: #f3f3f3;
186
+ --calcite-color-foreground-3: #ebebeb;
187
+ --calcite-color-foreground-2: #f2f2f2;
180
188
  --calcite-color-foreground-1: #ffffff;
181
189
  --calcite-color-background-none: rgba(255, 255, 255, 0);
182
- --calcite-color-background: #f8f8f8;
190
+ --calcite-color-background: #f7f7f7;
183
191
  }
184
192
  .calcite-mode-dark {
185
193
  --calcite-color-foreground-current: #214155;
186
- --calcite-color-border-white: #f8f8f8;
194
+ --calcite-color-border-white: #f7f7f7;
187
195
  --calcite-color-border-ghost: rgba(117, 117, 117, 0.3);
188
196
  --calcite-color-border-input: #757575;
189
197
  --calcite-color-border-3: #404040;
190
198
  --calcite-color-border-2: #4a4a4a;
191
- --calcite-color-border-1: #555555;
199
+ --calcite-color-border-1: #545454;
192
200
  --calcite-color-text-link: #00a0ff;
193
- --calcite-color-text-inverse: #151515;
194
- --calcite-color-text-3: #9f9f9f;
201
+ --calcite-color-text-inverse: #141414;
202
+ --calcite-color-text-3: #9e9e9e;
195
203
  --calcite-color-text-2: #bfbfbf;
196
204
  --calcite-color-text-1: #ffffff;
197
- --calcite-color-inverse-press: #f3f3f3;
205
+ --calcite-color-inverse-press: #f2f2f2;
198
206
  --calcite-color-inverse-hover: #ffffff;
199
- --calcite-color-inverse: #f8f8f8;
207
+ --calcite-color-inverse: #f7f7f7;
200
208
  --calcite-color-status-danger-press: #d90012;
201
209
  --calcite-color-status-danger-hover: #ff0015;
202
210
  --calcite-color-status-danger: #fe583e;
@@ -215,12 +223,14 @@
215
223
  --calcite-color-brand: #009af2;
216
224
  --calcite-color-transparent-tint: rgba(43, 43, 43, 0.8);
217
225
  --calcite-color-transparent-scrim: rgba(0, 0, 0, 0.85);
218
- --calcite-color-transparent-press: rgba(255, 255, 255, 0.08);
219
- --calcite-color-transparent-hover: rgba(255, 255, 255, 0.04);
226
+ --calcite-color-transparent-inverse-press: rgba(0, 0, 0, 0.08);
227
+ --calcite-color-transparent-inverse-hover: rgba(0, 0, 0, 0.04);
228
+ --calcite-color-transparent-press: rgba(255, 255, 255, 0.16);
229
+ --calcite-color-transparent-hover: rgba(255, 255, 255, 0.12);
220
230
  --calcite-color-transparent: rgba(255, 255, 255, 0);
221
- --calcite-color-foreground-3: #151515;
222
- --calcite-color-foreground-2: #202020;
231
+ --calcite-color-foreground-3: #141414;
232
+ --calcite-color-foreground-2: #212121;
223
233
  --calcite-color-foreground-1: #2b2b2b;
224
234
  --calcite-color-background-none: rgba(255, 255, 255, 0);
225
- --calcite-color-background: #353535;
235
+ --calcite-color-background: #363636;
226
236
  }
package/dist/css/light.css CHANGED
@@ -4,15 +4,17 @@
4
4
  */
5
5
 
6
6
  :root {
7
- --calcite-color-background: #f8f8f8;
7
+ --calcite-color-background: #f7f7f7;
8
8
  --calcite-color-background-none: rgba(255, 255, 255, 0);
9
9
  --calcite-color-foreground-1: #ffffff;
10
- --calcite-color-foreground-2: #f3f3f3;
11
- --calcite-color-foreground-3: #eaeaea;
10
+ --calcite-color-foreground-2: #f2f2f2;
11
+ --calcite-color-foreground-3: #ebebeb;
12
12
  --calcite-color-foreground-current: #c7eaff;
13
13
  --calcite-color-transparent: rgba(0, 0, 0, 0);
14
14
  --calcite-color-transparent-hover: rgba(0, 0, 0, 0.04);
15
15
  --calcite-color-transparent-press: rgba(0, 0, 0, 0.08);
16
+ --calcite-color-transparent-inverse-hover: rgba(255, 255, 255, 0.12);
17
+ --calcite-color-transparent-inverse-press: rgba(255, 255, 255, 0.16);
16
18
  --calcite-color-transparent-scrim: rgba(255, 255, 255, 0.85);
17
19
  --calcite-color-transparent-tint: rgba(255, 255, 255, 0.8);
18
20
  --calcite-color-brand: #007ac2;
@@ -31,17 +33,17 @@
31
33
  --calcite-color-status-danger: #d83020;
32
34
  --calcite-color-status-danger-hover: #a82b1e;
33
35
  --calcite-color-status-danger-press: #7c1d13;
34
- --calcite-color-inverse: #353535;
36
+ --calcite-color-inverse: #363636;
35
37
  --calcite-color-inverse-hover: #2b2b2b;
36
- --calcite-color-inverse-press: #202020;
37
- --calcite-color-text-1: #151515;
38
+ --calcite-color-inverse-press: #212121;
39
+ --calcite-color-text-1: #141414;
38
40
  --calcite-color-text-2: #4a4a4a;
39
- --calcite-color-text-3: #6a6a6a;
41
+ --calcite-color-text-3: #6b6b6b;
40
42
  --calcite-color-text-inverse: #ffffff;
41
43
  --calcite-color-text-link: #00619b;
42
- --calcite-color-border-1: #cacaca;
44
+ --calcite-color-border-1: #c9c9c9;
43
45
  --calcite-color-border-2: #d4d4d4;
44
- --calcite-color-border-3: #dfdfdf;
46
+ --calcite-color-border-3: #dedede;
45
47
  --calcite-color-border-input: #949494;
46
48
  --calcite-color-border-ghost: rgba(0, 0, 0, 0.3);
47
49
  --calcite-color-border-white: #ffffff;
package/dist/docs/core.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": 1744685050503,
2
+ "timestamp": 1745007323707,
3
3
  "tokens": [
4
4
  {
5
5
  "value": "#ffffff",
@@ -29,7 +29,7 @@
29
29
  "key": "{core.color.neutral.blk-000}"
30
30
  },
31
31
  {
32
- "value": "#f8f8f8",
32
+ "value": "#f7f7f7",
33
33
  "type": "color",
34
34
  "attributes": {
35
35
  "category": "color",
@@ -56,7 +56,7 @@
56
56
  "key": "{core.color.neutral.blk-005}"
57
57
  },
58
58
  {
59
- "value": "#f3f3f3",
59
+ "value": "#f2f2f2",
60
60
  "type": "color",
61
61
  "attributes": {
62
62
  "category": "color",
@@ -83,7 +83,7 @@
83
83
  "key": "{core.color.neutral.blk-010}"
84
84
  },
85
85
  {
86
- "value": "#eaeaea",
86
+ "value": "#ebebeb",
87
87
  "type": "color",
88
88
  "attributes": {
89
89
  "category": "color",
@@ -110,7 +110,7 @@
110
110
  "key": "{core.color.neutral.blk-020}"
111
111
  },
112
112
  {
113
- "value": "#dfdfdf",
113
+ "value": "#dedede",
114
114
  "type": "color",
115
115
  "attributes": {
116
116
  "category": "color",
@@ -164,7 +164,7 @@
164
164
  "key": "{core.color.neutral.blk-040}"
165
165
  },
166
166
  {
167
- "value": "#cacaca",
167
+ "value": "#c9c9c9",
168
168
  "type": "color",
169
169
  "attributes": {
170
170
  "category": "color",
@@ -245,7 +245,7 @@
245
245
  "key": "{core.color.neutral.blk-070}"
246
246
  },
247
247
  {
248
- "value": "#aaaaaa",
248
+ "value": "#ababab",
249
249
  "type": "color",
250
250
  "attributes": {
251
251
  "category": "color",
@@ -272,7 +272,7 @@
272
272
  "key": "{core.color.neutral.blk-080}"
273
273
  },
274
274
  {
275
- "value": "#9f9f9f",
275
+ "value": "#9e9e9e",
276
276
  "type": "color",
277
277
  "attributes": {
278
278
  "category": "color",
@@ -407,7 +407,7 @@
407
407
  "key": "{core.color.neutral.blk-130}"
408
408
  },
409
409
  {
410
- "value": "#6a6a6a",
410
+ "value": "#6b6b6b",
411
411
  "type": "color",
412
412
  "attributes": {
413
413
  "category": "color",
@@ -434,7 +434,7 @@
434
434
  "key": "{core.color.neutral.blk-140}"
435
435
  },
436
436
  {
437
- "value": "#606060",
437
+ "value": "#616161",
438
438
  "type": "color",
439
439
  "attributes": {
440
440
  "category": "color",
@@ -461,7 +461,7 @@
461
461
  "key": "{core.color.neutral.blk-150}"
462
462
  },
463
463
  {
464
- "value": "#555555",
464
+ "value": "#545454",
465
465
  "type": "color",
466
466
  "attributes": {
467
467
  "category": "color",
@@ -542,7 +542,7 @@
542
542
  "key": "{core.color.neutral.blk-180}"
543
543
  },
544
544
  {
545
- "value": "#353535",
545
+ "value": "#363636",
546
546
  "type": "color",
547
547
  "attributes": {
548
548
  "category": "color",
@@ -596,7 +596,7 @@
596
596
  "key": "{core.color.neutral.blk-200}"
597
597
  },
598
598
  {
599
- "value": "#202020",
599
+ "value": "#212121",
600
600
  "type": "color",
601
601
  "attributes": {
602
602
  "category": "color",
@@ -623,7 +623,7 @@
623
623
  "key": "{core.color.neutral.blk-210}"
624
624
  },
625
625
  {
626
- "value": "#151515",
626
+ "value": "#141414",
627
627
  "type": "color",
628
628
  "attributes": {
629
629
  "category": "color",
@@ -650,7 +650,7 @@
650
650
  "key": "{core.color.neutral.blk-220}"
651
651
  },
652
652
  {
653
- "value": "#0b0b0b",
653
+ "value": "#0a0a0a",
654
654
  "type": "color",
655
655
  "attributes": {
656
656
  "category": "color",
@@ -677,7 +677,7 @@
677
677
  "key": "{core.color.neutral.blk-230}"
678
678
  },
679
679
  {
680
- "value": "#060606",
680
+ "value": "#050505",
681
681
  "type": "color",
682
682
  "attributes": {
683
683
  "category": "color",
@@ -14402,6 +14402,58 @@
14402
14402
  "path": ["core", "opacity", "10"],
14403
14403
  "key": "{core.opacity.10}"
14404
14404
  },
14405
+ {
14406
+ "value": "0.12",
14407
+ "type": "opacity",
14408
+ "attributes": {
14409
+ "category": "opacity",
14410
+ "type": "opacity",
14411
+ "item": "12",
14412
+ "names": {
14413
+ "scss": "$calcite-opacity-12",
14414
+ "css": "var(--calcite-opacity-12)",
14415
+ "js": "core.opacity.12",
14416
+ "docs": "core.opacity.12",
14417
+ "es6": "calciteOpacity12"
14418
+ },
14419
+ "calcite-schema": {
14420
+ "system": "calcite",
14421
+ "tier": "core",
14422
+ "type": "opacity"
14423
+ }
14424
+ },
14425
+ "filePath": "src/tokens/core/opacity.json",
14426
+ "isSource": false,
14427
+ "name": "Opacity 12",
14428
+ "path": ["core", "opacity", "12"],
14429
+ "key": "{core.opacity.12}"
14430
+ },
14431
+ {
14432
+ "value": "0.16",
14433
+ "type": "opacity",
14434
+ "attributes": {
14435
+ "category": "opacity",
14436
+ "type": "opacity",
14437
+ "item": "16",
14438
+ "names": {
14439
+ "scss": "$calcite-opacity-16",
14440
+ "css": "var(--calcite-opacity-16)",
14441
+ "js": "core.opacity.16",
14442
+ "docs": "core.opacity.16",
14443
+ "es6": "calciteOpacity16"
14444
+ },
14445
+ "calcite-schema": {
14446
+ "system": "calcite",
14447
+ "tier": "core",
14448
+ "type": "opacity"
14449
+ }
14450
+ },
14451
+ "filePath": "src/tokens/core/opacity.json",
14452
+ "isSource": false,
14453
+ "name": "Opacity 16",
14454
+ "path": ["core", "opacity", "16"],
14455
+ "key": "{core.opacity.16}"
14456
+ },
14405
14457
  {
14406
14458
  "value": "0.2",
14407
14459
  "type": "opacity",