@spectrum-web-components/styles 0.13.0 → 0.13.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.
Files changed (9) hide show
  1. package/core-global.css +221 -221
  2. package/express/core-global.css +90 -85
  3. package/express/theme-dark.css +26 -26
  4. package/express/theme-light.css +21 -21
  5. package/package.json +6 -6
  6. package/theme-dark.css +110 -110
  7. package/theme-darkest.css +117 -118
  8. package/theme-light.css +167 -168
  9. package/theme-lightest.css +64 -219
package/express/core-global.css CHANGED
@@ -95,15 +95,15 @@ governing permissions and limitations under the License.
95
95
  --spectrum-global-color-static-gray-900: rgb(
96
96
  var(--spectrum-global-color-static-gray-900-rgb)
97
97
  );
98
- --spectrum-global-color-static-red-400-rgb: 238, 64, 48;
98
+ --spectrum-global-color-static-red-400-rgb: 237, 64, 48;
99
99
  --spectrum-global-color-static-red-400: rgb(
100
100
  var(--spectrum-global-color-static-red-400-rgb)
101
101
  );
102
- --spectrum-global-color-static-red-500-rgb: 217, 27, 20;
102
+ --spectrum-global-color-static-red-500-rgb: 217, 28, 21;
103
103
  --spectrum-global-color-static-red-500: rgb(
104
104
  var(--spectrum-global-color-static-red-500-rgb)
105
105
  );
106
- --spectrum-global-color-static-red-600-rgb: 187, 2, 1;
106
+ --spectrum-global-color-static-red-600-rgb: 187, 2, 2;
107
107
  --spectrum-global-color-static-red-600: rgb(
108
108
  var(--spectrum-global-color-static-red-600-rgb)
109
109
  );
@@ -115,11 +115,11 @@ governing permissions and limitations under the License.
115
115
  --spectrum-global-color-static-red-800: rgb(
116
116
  var(--spectrum-global-color-static-red-800-rgb)
117
117
  );
118
- --spectrum-global-color-static-orange-400-rgb: 251, 139, 26;
118
+ --spectrum-global-color-static-orange-400-rgb: 250, 139, 26;
119
119
  --spectrum-global-color-static-orange-400: rgb(
120
120
  var(--spectrum-global-color-static-orange-400-rgb)
121
121
  );
122
- --spectrum-global-color-static-orange-500-rgb: 234, 116, 0;
122
+ --spectrum-global-color-static-orange-500-rgb: 233, 117, 0;
123
123
  --spectrum-global-color-static-orange-500: rgb(
124
124
  var(--spectrum-global-color-static-orange-500-rgb)
125
125
  );
@@ -135,15 +135,15 @@ governing permissions and limitations under the License.
135
135
  --spectrum-global-color-static-orange-800: rgb(
136
136
  var(--spectrum-global-color-static-orange-800-rgb)
137
137
  );
138
- --spectrum-global-color-static-yellow-200-rgb: 251, 238, 132;
138
+ --spectrum-global-color-static-yellow-200-rgb: 250, 237, 123;
139
139
  --spectrum-global-color-static-yellow-200: rgb(
140
140
  var(--spectrum-global-color-static-yellow-200-rgb)
141
141
  );
142
- --spectrum-global-color-static-yellow-300-rgb: 251, 224, 30;
142
+ --spectrum-global-color-static-yellow-300-rgb: 250, 224, 23;
143
143
  --spectrum-global-color-static-yellow-300: rgb(
144
144
  var(--spectrum-global-color-static-yellow-300-rgb)
145
145
  );
146
- --spectrum-global-color-static-yellow-400-rgb: 239, 205, 0;
146
+ --spectrum-global-color-static-yellow-400-rgb: 238, 205, 0;
147
147
  --spectrum-global-color-static-yellow-400: rgb(
148
148
  var(--spectrum-global-color-static-yellow-400-rgb)
149
149
  );
@@ -151,11 +151,11 @@ governing permissions and limitations under the License.
151
151
  --spectrum-global-color-static-yellow-500: rgb(
152
152
  var(--spectrum-global-color-static-yellow-500-rgb)
153
153
  );
154
- --spectrum-global-color-static-yellow-600-rgb: 202, 164, 0;
154
+ --spectrum-global-color-static-yellow-600-rgb: 201, 164, 0;
155
155
  --spectrum-global-color-static-yellow-600: rgb(
156
156
  var(--spectrum-global-color-static-yellow-600-rgb)
157
157
  );
158
- --spectrum-global-color-static-yellow-700-rgb: 182, 144, 0;
158
+ --spectrum-global-color-static-yellow-700-rgb: 181, 144, 0;
159
159
  --spectrum-global-color-static-yellow-700: rgb(
160
160
  var(--spectrum-global-color-static-yellow-700-rgb)
161
161
  );
@@ -163,39 +163,43 @@ governing permissions and limitations under the License.
163
163
  --spectrum-global-color-static-yellow-800: rgb(
164
164
  var(--spectrum-global-color-static-yellow-800-rgb)
165
165
  );
166
- --spectrum-global-color-static-chartreuse-300-rgb: 165, 223, 87;
166
+ --spectrum-global-color-static-chartreuse-300-rgb: 176, 222, 27;
167
167
  --spectrum-global-color-static-chartreuse-300: rgb(
168
168
  var(--spectrum-global-color-static-chartreuse-300-rgb)
169
169
  );
170
- --spectrum-global-color-static-chartreuse-400-rgb: 140, 206, 59;
170
+ --spectrum-global-color-static-chartreuse-400-rgb: 157, 203, 13;
171
171
  --spectrum-global-color-static-chartreuse-400: rgb(
172
172
  var(--spectrum-global-color-static-chartreuse-400-rgb)
173
173
  );
174
- --spectrum-global-color-static-chartreuse-500-rgb: 117, 186, 37;
174
+ --spectrum-global-color-static-chartreuse-500-rgb: 139, 182, 4;
175
175
  --spectrum-global-color-static-chartreuse-500: rgb(
176
176
  var(--spectrum-global-color-static-chartreuse-500-rgb)
177
177
  );
178
- --spectrum-global-color-static-chartreuse-600-rgb: 100, 166, 24;
178
+ --spectrum-global-color-static-chartreuse-600-rgb: 122, 162, 0;
179
179
  --spectrum-global-color-static-chartreuse-600: rgb(
180
180
  var(--spectrum-global-color-static-chartreuse-600-rgb)
181
181
  );
182
- --spectrum-global-color-static-chartreuse-700-rgb: 83, 144, 15;
182
+ --spectrum-global-color-static-chartreuse-700-rgb: 106, 141, 0;
183
183
  --spectrum-global-color-static-chartreuse-700: rgb(
184
184
  var(--spectrum-global-color-static-chartreuse-700-rgb)
185
185
  );
186
- --spectrum-global-color-static-chartreuse-800-rgb: 71, 123, 11;
186
+ --spectrum-global-color-static-chartreuse-800-rgb: 90, 120, 0;
187
187
  --spectrum-global-color-static-chartreuse-800: rgb(
188
188
  var(--spectrum-global-color-static-chartreuse-800-rgb)
189
189
  );
190
- --spectrum-global-color-static-celery-300-rgb: 88, 212, 87;
190
+ --spectrum-global-color-static-celery-200-rgb: 126, 229, 114;
191
+ --spectrum-global-color-static-celery-200: rgb(
192
+ var(--spectrum-global-color-static-celery-200-rgb)
193
+ );
194
+ --spectrum-global-color-static-celery-300-rgb: 87, 212, 86;
191
195
  --spectrum-global-color-static-celery-300: rgb(
192
196
  var(--spectrum-global-color-static-celery-300-rgb)
193
197
  );
194
- --spectrum-global-color-static-celery-400-rgb: 49, 193, 61;
198
+ --spectrum-global-color-static-celery-400-rgb: 48, 193, 61;
195
199
  --spectrum-global-color-static-celery-400: rgb(
196
200
  var(--spectrum-global-color-static-celery-400-rgb)
197
201
  );
198
- --spectrum-global-color-static-celery-500-rgb: 13, 172, 37;
202
+ --spectrum-global-color-static-celery-500-rgb: 15, 172, 38;
199
203
  --spectrum-global-color-static-celery-500: rgb(
200
204
  var(--spectrum-global-color-static-celery-500-rgb)
201
205
  );
@@ -203,190 +207,186 @@ governing permissions and limitations under the License.
203
207
  --spectrum-global-color-static-celery-600: rgb(
204
208
  var(--spectrum-global-color-static-celery-600-rgb)
205
209
  );
206
- --spectrum-global-color-static-celery-700-rgb: 0, 128, 16;
210
+ --spectrum-global-color-static-celery-700-rgb: 0, 128, 15;
207
211
  --spectrum-global-color-static-celery-700: rgb(
208
212
  var(--spectrum-global-color-static-celery-700-rgb)
209
213
  );
210
- --spectrum-global-color-static-celery-800-rgb: 0, 107, 16;
214
+ --spectrum-global-color-static-celery-800-rgb: 0, 107, 15;
211
215
  --spectrum-global-color-static-celery-800: rgb(
212
216
  var(--spectrum-global-color-static-celery-800-rgb)
213
217
  );
214
- --spectrum-global-color-static-green-400-rgb: 0, 148, 97;
218
+ --spectrum-global-color-static-green-400-rgb: 29, 169, 115;
215
219
  --spectrum-global-color-static-green-400: rgb(
216
220
  var(--spectrum-global-color-static-green-400-rgb)
217
221
  );
218
- --spectrum-global-color-static-green-500-rgb: 0, 126, 81;
222
+ --spectrum-global-color-static-green-500-rgb: 0, 148, 97;
219
223
  --spectrum-global-color-static-green-500: rgb(
220
224
  var(--spectrum-global-color-static-green-500-rgb)
221
225
  );
222
- --spectrum-global-color-static-green-600-rgb: 0, 105, 67;
226
+ --spectrum-global-color-static-green-600-rgb: 0, 126, 80;
223
227
  --spectrum-global-color-static-green-600: rgb(
224
228
  var(--spectrum-global-color-static-green-600-rgb)
225
229
  );
226
- --spectrum-global-color-static-green-700-rgb: 0, 86, 55;
230
+ --spectrum-global-color-static-green-700-rgb: 0, 105, 65;
227
231
  --spectrum-global-color-static-green-700: rgb(
228
232
  var(--spectrum-global-color-static-green-700-rgb)
229
233
  );
230
- --spectrum-global-color-static-green-800-rgb: 8, 67, 43;
234
+ --spectrum-global-color-static-green-800-rgb: 0, 86, 53;
231
235
  --spectrum-global-color-static-green-800: rgb(
232
236
  var(--spectrum-global-color-static-green-800-rgb)
233
237
  );
234
- --spectrum-global-color-static-seafoam-200-rgb: 79, 205, 208;
238
+ --spectrum-global-color-static-seafoam-200-rgb: 75, 206, 199;
235
239
  --spectrum-global-color-static-seafoam-200: rgb(
236
240
  var(--spectrum-global-color-static-seafoam-200-rgb)
237
241
  );
238
- --spectrum-global-color-static-seafoam-300-rgb: 39, 185, 190;
242
+ --spectrum-global-color-static-seafoam-300-rgb: 32, 187, 180;
239
243
  --spectrum-global-color-static-seafoam-300: rgb(
240
244
  var(--spectrum-global-color-static-seafoam-300-rgb)
241
245
  );
242
- --spectrum-global-color-static-seafoam-400-rgb: 0, 165, 172;
246
+ --spectrum-global-color-static-seafoam-400-rgb: 0, 166, 160;
243
247
  --spectrum-global-color-static-seafoam-400: rgb(
244
248
  var(--spectrum-global-color-static-seafoam-400-rgb)
245
249
  );
246
- --spectrum-global-color-static-seafoam-500-rgb: 0, 143, 152;
250
+ --spectrum-global-color-static-seafoam-500-rgb: 0, 145, 139;
247
251
  --spectrum-global-color-static-seafoam-500: rgb(
248
252
  var(--spectrum-global-color-static-seafoam-500-rgb)
249
253
  );
250
- --spectrum-global-color-static-seafoam-600-rgb: 0, 122, 133;
254
+ --spectrum-global-color-static-seafoam-600-rgb: 0, 124, 118;
251
255
  --spectrum-global-color-static-seafoam-600: rgb(
252
256
  var(--spectrum-global-color-static-seafoam-600-rgb)
253
257
  );
254
- --spectrum-global-color-static-seafoam-700-rgb: 0, 101, 113;
258
+ --spectrum-global-color-static-seafoam-700-rgb: 0, 103, 99;
255
259
  --spectrum-global-color-static-seafoam-700: rgb(
256
260
  var(--spectrum-global-color-static-seafoam-700-rgb)
257
261
  );
258
- --spectrum-global-color-static-seafoam-800-rgb: 2, 82, 93;
262
+ --spectrum-global-color-static-seafoam-800-rgb: 10, 83, 80;
259
263
  --spectrum-global-color-static-seafoam-800: rgb(
260
264
  var(--spectrum-global-color-static-seafoam-800-rgb)
261
265
  );
262
- --spectrum-global-color-static-blue-200-rgb: 98, 172, 248;
266
+ --spectrum-global-color-static-blue-200-rgb: 130, 193, 251;
263
267
  --spectrum-global-color-static-blue-200: rgb(
264
268
  var(--spectrum-global-color-static-blue-200-rgb)
265
269
  );
266
- --spectrum-global-color-static-blue-300-rgb: 66, 151, 245;
270
+ --spectrum-global-color-static-blue-300-rgb: 98, 173, 247;
267
271
  --spectrum-global-color-static-blue-300: rgb(
268
272
  var(--spectrum-global-color-static-blue-300-rgb)
269
273
  );
270
- --spectrum-global-color-static-blue-400-rgb: 27, 127, 246;
274
+ --spectrum-global-color-static-blue-400-rgb: 66, 151, 244;
271
275
  --spectrum-global-color-static-blue-400: rgb(
272
276
  var(--spectrum-global-color-static-blue-400-rgb)
273
277
  );
274
- --spectrum-global-color-static-blue-500-rgb: 5, 105, 227;
278
+ --spectrum-global-color-static-blue-500-rgb: 27, 127, 245;
275
279
  --spectrum-global-color-static-blue-500: rgb(
276
280
  var(--spectrum-global-color-static-blue-500-rgb)
277
281
  );
278
- --spectrum-global-color-static-blue-600-rgb: 0, 87, 191;
282
+ --spectrum-global-color-static-blue-600-rgb: 4, 105, 227;
279
283
  --spectrum-global-color-static-blue-600: rgb(
280
284
  var(--spectrum-global-color-static-blue-600-rgb)
281
285
  );
282
- --spectrum-global-color-static-blue-700-rgb: 0, 72, 153;
286
+ --spectrum-global-color-static-blue-700-rgb: 0, 87, 190;
283
287
  --spectrum-global-color-static-blue-700: rgb(
284
288
  var(--spectrum-global-color-static-blue-700-rgb)
285
289
  );
286
- --spectrum-global-color-static-blue-800-rgb: 0, 56, 121;
290
+ --spectrum-global-color-static-blue-800-rgb: 0, 72, 153;
287
291
  --spectrum-global-color-static-blue-800: rgb(
288
292
  var(--spectrum-global-color-static-blue-800-rgb)
289
293
  );
290
- --spectrum-global-color-static-indigo-200-rgb: 156, 159, 255;
294
+ --spectrum-global-color-static-indigo-200-rgb: 178, 181, 255;
291
295
  --spectrum-global-color-static-indigo-200: rgb(
292
296
  var(--spectrum-global-color-static-indigo-200-rgb)
293
297
  );
294
- --spectrum-global-color-static-indigo-300-rgb: 133, 137, 254;
298
+ --spectrum-global-color-static-indigo-300-rgb: 155, 159, 255;
295
299
  --spectrum-global-color-static-indigo-300: rgb(
296
300
  var(--spectrum-global-color-static-indigo-300-rgb)
297
301
  );
298
- --spectrum-global-color-static-indigo-400-rgb: 110, 114, 247;
302
+ --spectrum-global-color-static-indigo-400-rgb: 132, 137, 253;
299
303
  --spectrum-global-color-static-indigo-400: rgb(
300
304
  var(--spectrum-global-color-static-indigo-400-rgb)
301
305
  );
302
- --spectrum-global-color-static-indigo-500-rgb: 87, 92, 233;
306
+ --spectrum-global-color-static-indigo-500-rgb: 109, 115, 246;
303
307
  --spectrum-global-color-static-indigo-500: rgb(
304
308
  var(--spectrum-global-color-static-indigo-500-rgb)
305
309
  );
306
- --spectrum-global-color-static-indigo-600-rgb: 69, 73, 209;
310
+ --spectrum-global-color-static-indigo-600-rgb: 87, 93, 232;
307
311
  --spectrum-global-color-static-indigo-600: rgb(
308
312
  var(--spectrum-global-color-static-indigo-600-rgb)
309
313
  );
310
- --spectrum-global-color-static-indigo-700-rgb: 53, 58, 176;
314
+ --spectrum-global-color-static-indigo-700-rgb: 68, 74, 208;
311
315
  --spectrum-global-color-static-indigo-700: rgb(
312
316
  var(--spectrum-global-color-static-indigo-700-rgb)
313
317
  );
314
- --spectrum-global-color-static-indigo-800-rgb: 41, 44, 143;
318
+ --spectrum-global-color-static-indigo-800-rgb: 68, 74, 208;
315
319
  --spectrum-global-color-static-indigo-800: rgb(
316
320
  var(--spectrum-global-color-static-indigo-800-rgb)
317
321
  );
318
- --spectrum-global-color-static-purple-400-rgb: 162, 92, 247;
322
+ --spectrum-global-color-static-purple-400-rgb: 178, 121, 250;
319
323
  --spectrum-global-color-static-purple-400: rgb(
320
324
  var(--spectrum-global-color-static-purple-400-rgb)
321
325
  );
322
- --spectrum-global-color-static-purple-500-rgb: 142, 66, 235;
326
+ --spectrum-global-color-static-purple-500-rgb: 161, 93, 246;
323
327
  --spectrum-global-color-static-purple-500: rgb(
324
328
  var(--spectrum-global-color-static-purple-500-rgb)
325
329
  );
326
- --spectrum-global-color-static-purple-600-rgb: 121, 42, 216;
330
+ --spectrum-global-color-static-purple-600-rgb: 142, 67, 234;
327
331
  --spectrum-global-color-static-purple-600: rgb(
328
332
  var(--spectrum-global-color-static-purple-600-rgb)
329
333
  );
330
- --spectrum-global-color-static-purple-700-rgb: 98, 23, 190;
334
+ --spectrum-global-color-static-purple-700-rgb: 120, 43, 216;
331
335
  --spectrum-global-color-static-purple-700: rgb(
332
336
  var(--spectrum-global-color-static-purple-700-rgb)
333
337
  );
334
- --spectrum-global-color-static-purple-800-rgb: 77, 13, 157;
338
+ --spectrum-global-color-static-purple-800-rgb: 98, 23, 190;
335
339
  --spectrum-global-color-static-purple-800: rgb(
336
340
  var(--spectrum-global-color-static-purple-800-rgb)
337
341
  );
338
- --spectrum-global-color-static-fuchsia-400-rgb: 211, 63, 212;
342
+ --spectrum-global-color-static-fuchsia-400-rgb: 228, 93, 230;
339
343
  --spectrum-global-color-static-fuchsia-400: rgb(
340
344
  var(--spectrum-global-color-static-fuchsia-400-rgb)
341
345
  );
342
- --spectrum-global-color-static-fuchsia-500-rgb: 188, 38, 188;
346
+ --spectrum-global-color-static-fuchsia-500-rgb: 211, 63, 212;
343
347
  --spectrum-global-color-static-fuchsia-500: rgb(
344
348
  var(--spectrum-global-color-static-fuchsia-500-rgb)
345
349
  );
346
- --spectrum-global-color-static-fuchsia-600-rgb: 163, 9, 164;
350
+ --spectrum-global-color-static-fuchsia-600-rgb: 188, 39, 187;
347
351
  --spectrum-global-color-static-fuchsia-600: rgb(
348
352
  var(--spectrum-global-color-static-fuchsia-600-rgb)
349
353
  );
350
- --spectrum-global-color-static-fuchsia-700-rgb: 135, 0, 136;
354
+ --spectrum-global-color-static-fuchsia-700-rgb: 163, 10, 163;
351
355
  --spectrum-global-color-static-fuchsia-700: rgb(
352
356
  var(--spectrum-global-color-static-fuchsia-700-rgb)
353
357
  );
354
- --spectrum-global-color-static-fuchsia-800-rgb: 107, 4, 107;
358
+ --spectrum-global-color-static-fuchsia-800-rgb: 135, 0, 136;
355
359
  --spectrum-global-color-static-fuchsia-800: rgb(
356
360
  var(--spectrum-global-color-static-fuchsia-800-rgb)
357
361
  );
358
- --spectrum-global-color-static-magenta-200-rgb: 254, 126, 175;
362
+ --spectrum-global-color-static-magenta-200-rgb: 253, 127, 175;
359
363
  --spectrum-global-color-static-magenta-200: rgb(
360
364
  var(--spectrum-global-color-static-magenta-200-rgb)
361
365
  );
362
- --spectrum-global-color-static-magenta-300-rgb: 243, 97, 157;
366
+ --spectrum-global-color-static-magenta-300-rgb: 242, 98, 157;
363
367
  --spectrum-global-color-static-magenta-300: rgb(
364
368
  var(--spectrum-global-color-static-magenta-300-rgb)
365
369
  );
366
- --spectrum-global-color-static-magenta-400-rgb: 227, 67, 136;
370
+ --spectrum-global-color-static-magenta-400-rgb: 226, 68, 135;
367
371
  --spectrum-global-color-static-magenta-400: rgb(
368
372
  var(--spectrum-global-color-static-magenta-400-rgb)
369
373
  );
370
- --spectrum-global-color-static-magenta-500-rgb: 206, 39, 111;
374
+ --spectrum-global-color-static-magenta-500-rgb: 205, 40, 111;
371
375
  --spectrum-global-color-static-magenta-500: rgb(
372
376
  var(--spectrum-global-color-static-magenta-500-rgb)
373
377
  );
374
- --spectrum-global-color-static-magenta-600-rgb: 179, 14, 89;
378
+ --spectrum-global-color-static-magenta-600-rgb: 179, 15, 89;
375
379
  --spectrum-global-color-static-magenta-600: rgb(
376
380
  var(--spectrum-global-color-static-magenta-600-rgb)
377
381
  );
378
- --spectrum-global-color-static-magenta-700-rgb: 149, 0, 73;
382
+ --spectrum-global-color-static-magenta-700-rgb: 149, 0, 72;
379
383
  --spectrum-global-color-static-magenta-700: rgb(
380
384
  var(--spectrum-global-color-static-magenta-700-rgb)
381
385
  );
382
- --spectrum-global-color-static-magenta-800-rgb: 119, 0, 59;
386
+ --spectrum-global-color-static-magenta-800-rgb: 119, 0, 58;
383
387
  --spectrum-global-color-static-magenta-800: rgb(
384
388
  var(--spectrum-global-color-static-magenta-800-rgb)
385
389
  );
386
- --spectrum-global-color-static-celery-200-rgb: 88, 224, 111;
387
- --spectrum-global-color-static-celery-200: rgb(
388
- var(--spectrum-global-color-static-celery-200-rgb)
389
- );
390
390
  --spectrum-global-color-static-transparent-white-200: hsla(
391
391
  0,
392
392
  0%,
@@ -491,14 +491,8 @@ governing permissions and limitations under the License.
491
491
  --spectrum-semantic-neutral-background-color-default: var(
492
492
  --spectrum-global-color-static-gray-800
493
493
  );
494
- --spectrum-semantic-informative-background-color: var(
495
- --spectrum-global-color-static-blue-500
496
- );
497
- --spectrum-semantic-positive-background-color: var(
498
- --spectrum-global-color-static-green-500
499
- );
500
494
  --spectrum-semantic-negative-background-color: var(
501
- --spectrum-global-color-static-red-500
495
+ --spectrum-global-color-static-red-600
502
496
  );
503
497
  --spectrum-semantic-negative-color-default: var(
504
498
  --spectrum-global-color-red-500
@@ -552,7 +546,7 @@ governing permissions and limitations under the License.
552
546
  --spectrum-global-color-static-red-700
553
547
  );
554
548
  --spectrum-semantic-notice-background-color: var(
555
- --spectrum-global-color-static-orange-700
549
+ --spectrum-global-color-static-orange-600
556
550
  );
557
551
  --spectrum-semantic-notice-color-default: var(
558
552
  --spectrum-global-color-orange-500
@@ -593,6 +587,9 @@ governing permissions and limitations under the License.
593
587
  --spectrum-semantic-notice-background-color-key-focus: var(
594
588
  --spectrum-global-color-static-orange-700
595
589
  );
590
+ --spectrum-semantic-positive-background-color: var(
591
+ --spectrum-global-color-static-green-600
592
+ );
596
593
  --spectrum-semantic-positive-color-default: var(
597
594
  --spectrum-global-color-green-500
598
595
  );
@@ -621,16 +618,19 @@ governing permissions and limitations under the License.
621
618
  --spectrum-global-color-green-400
622
619
  );
623
620
  --spectrum-semantic-positive-background-color-default: var(
624
- --spectrum-global-color-static-green-700
621
+ --spectrum-global-color-static-green-600
625
622
  );
626
623
  --spectrum-semantic-positive-background-color-hover: var(
627
- --spectrum-global-color-static-green-800
624
+ --spectrum-global-color-static-green-700
628
625
  );
629
626
  --spectrum-semantic-positive-background-color-down: var(
630
627
  --spectrum-global-color-static-green-800
631
628
  );
632
629
  --spectrum-semantic-positive-background-color-key-focus: var(
633
- --spectrum-global-color-static-green-800
630
+ --spectrum-global-color-static-green-700
631
+ );
632
+ --spectrum-semantic-informative-background-color: var(
633
+ --spectrum-global-color-static-blue-600
634
634
  );
635
635
  --spectrum-semantic-informative-color-default: var(
636
636
  --spectrum-global-color-blue-500
@@ -2466,7 +2466,7 @@ governing permissions and limitations under the License.
2466
2466
  --spectrum-alias-tabitem-text-color-emphasized-selected-default
2467
2467
  );
2468
2468
  --spectrum-alias-tabitem-selection-indicator-color-default: var(
2469
- --spectrum-alias-tabitem-text-color-default
2469
+ --spectrum-global-color-gray-900
2470
2470
  );
2471
2471
  --spectrum-alias-tabitem-selection-indicator-color-emphasized: var(
2472
2472
  --spectrum-alias-tabitem-text-color-emphasized-selected-default
@@ -2501,7 +2501,12 @@ governing permissions and limitations under the License.
2501
2501
  --spectrum-alias-assetcard-selectionindicator-background-color-ordered: var(
2502
2502
  --spectrum-global-color-indigo-500
2503
2503
  );
2504
- --spectrum-alias-assetcard-overlay-background-color: rgba(87, 92, 233, 0.2);
2504
+ --spectrum-alias-assetcard-overlay-background-color: rgba(
2505
+ 109,
2506
+ 115,
2507
+ 246,
2508
+ 0.2
2509
+ );
2505
2510
  --spectrum-alias-assetcard-border-color-selected: var(
2506
2511
  --spectrum-global-color-indigo-500
2507
2512
  );
@@ -3043,16 +3048,16 @@ governing permissions and limitations under the License.
3043
3048
  --spectrum-alias-input-border-color-invalid-default
3044
3049
  );
3045
3050
  --spectrum-alias-background-color-yellow-default: var(
3046
- --spectrum-global-color-static-yellow-600
3051
+ --spectrum-global-color-static-yellow-300
3047
3052
  );
3048
3053
  --spectrum-alias-background-color-yellow-hover: var(
3049
- --spectrum-global-color-static-yellow-700
3054
+ --spectrum-global-color-static-yellow-400
3050
3055
  );
3051
3056
  --spectrum-alias-background-color-yellow-key-focus: var(
3052
- --spectrum-global-color-static-yellow-700
3057
+ --spectrum-global-color-static-yellow-400
3053
3058
  );
3054
3059
  --spectrum-alias-background-color-yellow-down: var(
3055
- --spectrum-global-color-static-yellow-800
3060
+ --spectrum-global-color-static-yellow-500
3056
3061
  );
3057
3062
  --spectrum-alias-background-color-yellow: var(
3058
3063
  --spectrum-alias-background-color-yellow-default
package/express/theme-dark.css CHANGED
@@ -14,6 +14,26 @@ governing permissions and limitations under the License.
14
14
  :root {
15
15
  --spectrum-global-color-status: Verified;
16
16
  --spectrum-global-color-version: 5.1.0;
17
+ --spectrum-global-color-opacity-100: 1;
18
+ --spectrum-global-color-opacity-90: 0.9;
19
+ --spectrum-global-color-opacity-80: 0.8;
20
+ --spectrum-global-color-opacity-70: 0.7;
21
+ --spectrum-global-color-opacity-60: 0.6;
22
+ --spectrum-global-color-opacity-55: 0.55;
23
+ --spectrum-global-color-opacity-50: 0.5;
24
+ --spectrum-global-color-opacity-42: 0.42;
25
+ --spectrum-global-color-opacity-40: 0.4;
26
+ --spectrum-global-color-opacity-30: 0.3;
27
+ --spectrum-global-color-opacity-25: 0.25;
28
+ --spectrum-global-color-opacity-20: 0.2;
29
+ --spectrum-global-color-opacity-15: 0.15;
30
+ --spectrum-global-color-opacity-10: 0.1;
31
+ --spectrum-global-color-opacity-8: 0.08;
32
+ --spectrum-global-color-opacity-7: 0.07;
33
+ --spectrum-global-color-opacity-6: 0.06;
34
+ --spectrum-global-color-opacity-5: 0.05;
35
+ --spectrum-global-color-opacity-4: 0.04;
36
+ --spectrum-global-color-opacity-0: 0;
17
37
  --spectrum-global-color-celery-400-rgb: 34, 184, 51;
18
38
  --spectrum-global-color-celery-400: rgb(
19
39
  var(--spectrum-global-color-celery-400-rgb)
@@ -218,27 +238,27 @@ governing permissions and limitations under the License.
218
238
  --spectrum-global-color-gray-100: rgb(
219
239
  var(--spectrum-global-color-gray-100-rgb)
220
240
  );
221
- --spectrum-global-color-gray-200-rgb: 61, 61, 61;
241
+ --spectrum-global-color-gray-200-rgb: 63, 63, 63;
222
242
  --spectrum-global-color-gray-200: rgb(
223
243
  var(--spectrum-global-color-gray-200-rgb)
224
244
  );
225
- --spectrum-global-color-gray-300-rgb: 78, 78, 78;
245
+ --spectrum-global-color-gray-300-rgb: 84, 84, 84;
226
246
  --spectrum-global-color-gray-300: rgb(
227
247
  var(--spectrum-global-color-gray-300-rgb)
228
248
  );
229
- --spectrum-global-color-gray-400-rgb: 103, 103, 103;
249
+ --spectrum-global-color-gray-400-rgb: 112, 112, 112;
230
250
  --spectrum-global-color-gray-400: rgb(
231
251
  var(--spectrum-global-color-gray-400-rgb)
232
252
  );
233
- --spectrum-global-color-gray-500-rgb: 139, 139, 139;
253
+ --spectrum-global-color-gray-500-rgb: 144, 144, 144;
234
254
  --spectrum-global-color-gray-500: rgb(
235
255
  var(--spectrum-global-color-gray-500-rgb)
236
256
  );
237
- --spectrum-global-color-gray-600-rgb: 177, 177, 177;
257
+ --spectrum-global-color-gray-600-rgb: 178, 178, 178;
238
258
  --spectrum-global-color-gray-600: rgb(
239
259
  var(--spectrum-global-color-gray-600-rgb)
240
260
  );
241
- --spectrum-global-color-gray-700-rgb: 211, 211, 211;
261
+ --spectrum-global-color-gray-700-rgb: 209, 209, 209;
242
262
  --spectrum-global-color-gray-700: rgb(
243
263
  var(--spectrum-global-color-gray-700-rgb)
244
264
  );
@@ -250,26 +270,6 @@ governing permissions and limitations under the License.
250
270
  --spectrum-global-color-gray-900: rgb(
251
271
  var(--spectrum-global-color-gray-900-rgb)
252
272
  );
253
- --spectrum-global-color-opacity-100: 1;
254
- --spectrum-global-color-opacity-90: 0.9;
255
- --spectrum-global-color-opacity-80: 0.8;
256
- --spectrum-global-color-opacity-70: 0.7;
257
- --spectrum-global-color-opacity-60: 0.6;
258
- --spectrum-global-color-opacity-55: 0.55;
259
- --spectrum-global-color-opacity-50: 0.5;
260
- --spectrum-global-color-opacity-42: 0.42;
261
- --spectrum-global-color-opacity-40: 0.4;
262
- --spectrum-global-color-opacity-30: 0.3;
263
- --spectrum-global-color-opacity-25: 0.25;
264
- --spectrum-global-color-opacity-20: 0.2;
265
- --spectrum-global-color-opacity-15: 0.15;
266
- --spectrum-global-color-opacity-10: 0.1;
267
- --spectrum-global-color-opacity-8: 0.08;
268
- --spectrum-global-color-opacity-7: 0.07;
269
- --spectrum-global-color-opacity-6: 0.06;
270
- --spectrum-global-color-opacity-5: 0.05;
271
- --spectrum-global-color-opacity-4: 0.04;
272
- --spectrum-global-color-opacity-0: 0;
273
273
  --spectrum-alias-avatar-border-color-default: hsla(0, 0%, 100%, 0.1);
274
274
  --spectrum-alias-avatar-border-color-hover: hsla(0, 0%, 100%, 0.25);
275
275
  --spectrum-alias-avatar-border-color-down: hsla(0, 0%, 100%, 0.4);
package/express/theme-light.css CHANGED
@@ -14,6 +14,26 @@ governing permissions and limitations under the License.
14
14
  :root {
15
15
  --spectrum-global-color-status: Verified;
16
16
  --spectrum-global-color-version: 5.1.0;
17
+ --spectrum-global-color-opacity-100: 1;
18
+ --spectrum-global-color-opacity-90: 0.9;
19
+ --spectrum-global-color-opacity-80: 0.8;
20
+ --spectrum-global-color-opacity-70: 0.7;
21
+ --spectrum-global-color-opacity-60: 0.6;
22
+ --spectrum-global-color-opacity-55: 0.55;
23
+ --spectrum-global-color-opacity-50: 0.5;
24
+ --spectrum-global-color-opacity-42: 0.42;
25
+ --spectrum-global-color-opacity-40: 0.4;
26
+ --spectrum-global-color-opacity-30: 0.3;
27
+ --spectrum-global-color-opacity-25: 0.25;
28
+ --spectrum-global-color-opacity-20: 0.2;
29
+ --spectrum-global-color-opacity-15: 0.15;
30
+ --spectrum-global-color-opacity-10: 0.1;
31
+ --spectrum-global-color-opacity-8: 0.08;
32
+ --spectrum-global-color-opacity-7: 0.07;
33
+ --spectrum-global-color-opacity-6: 0.06;
34
+ --spectrum-global-color-opacity-5: 0.05;
35
+ --spectrum-global-color-opacity-4: 0.04;
36
+ --spectrum-global-color-opacity-0: 0;
17
37
  --spectrum-global-color-celery-400-rgb: 39, 187, 54;
18
38
  --spectrum-global-color-celery-400: rgb(
19
39
  var(--spectrum-global-color-celery-400-rgb)
@@ -214,7 +234,7 @@ governing permissions and limitations under the License.
214
234
  --spectrum-global-color-gray-75: rgb(
215
235
  var(--spectrum-global-color-gray-75-rgb)
216
236
  );
217
- --spectrum-global-color-gray-100-rgb: 247, 247, 247;
237
+ --spectrum-global-color-gray-100-rgb: 248, 248, 248;
218
238
  --spectrum-global-color-gray-100: rgb(
219
239
  var(--spectrum-global-color-gray-100-rgb)
220
240
  );
@@ -250,26 +270,6 @@ governing permissions and limitations under the License.
250
270
  --spectrum-global-color-gray-900: rgb(
251
271
  var(--spectrum-global-color-gray-900-rgb)
252
272
  );
253
- --spectrum-global-color-opacity-100: 1;
254
- --spectrum-global-color-opacity-90: 0.9;
255
- --spectrum-global-color-opacity-80: 0.8;
256
- --spectrum-global-color-opacity-70: 0.7;
257
- --spectrum-global-color-opacity-60: 0.6;
258
- --spectrum-global-color-opacity-55: 0.55;
259
- --spectrum-global-color-opacity-50: 0.5;
260
- --spectrum-global-color-opacity-42: 0.42;
261
- --spectrum-global-color-opacity-40: 0.4;
262
- --spectrum-global-color-opacity-30: 0.3;
263
- --spectrum-global-color-opacity-25: 0.25;
264
- --spectrum-global-color-opacity-20: 0.2;
265
- --spectrum-global-color-opacity-15: 0.15;
266
- --spectrum-global-color-opacity-10: 0.1;
267
- --spectrum-global-color-opacity-8: 0.08;
268
- --spectrum-global-color-opacity-7: 0.07;
269
- --spectrum-global-color-opacity-6: 0.06;
270
- --spectrum-global-color-opacity-5: 0.05;
271
- --spectrum-global-color-opacity-4: 0.04;
272
- --spectrum-global-color-opacity-0: 0;
273
273
  --spectrum-alias-avatar-border-color-default: rgba(0, 0, 0, 0.1);
274
274
  --spectrum-alias-avatar-border-color-hover: rgba(0, 0, 0, 0.25);
275
275
  --spectrum-alias-avatar-border-color-down: rgba(0, 0, 0, 0.4);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/styles",
3
- "version": "0.13.0",
3
+ "version": "0.13.2",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -69,18 +69,18 @@
69
69
  "lit-html"
70
70
  ],
71
71
  "dependencies": {
72
- "@spectrum-web-components/base": "^0.5.5"
72
+ "@spectrum-web-components/base": "^0.5.7"
73
73
  },
74
74
  "devDependencies": {
75
75
  "@spectrum-css/commons": "^3.0.5",
76
- "@spectrum-css/expressvars": "^1.0.0-beta.31",
77
- "@spectrum-css/typography": "^4.0.17",
78
- "@spectrum-css/vars": "^7.3.0"
76
+ "@spectrum-css/expressvars": "^2.0.0",
77
+ "@spectrum-css/typography": "^4.0.18",
78
+ "@spectrum-css/vars": "^8.0.0"
79
79
  },
80
80
  "customElements": "custom-elements.json",
81
81
  "sideEffects": [
82
82
  "./*.css"
83
83
  ],
84
84
  "style": "all-medium-lightest.css",
85
- "gitHead": "bdff893e2b95aba7737c58d01c6ac68861cb8b2e"
85
+ "gitHead": "275ee61b152ac3eed0cd1603d8eab2aec90876a0"
86
86
  }