@spectrum-web-components/styles 0.22.3-react.50 → 0.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/express/spectrum-core-global.css +0 -253
  2. package/express/spectrum-scale-large.css +0 -27
  3. package/express/spectrum-scale-medium.css +0 -31
  4. package/express/spectrum-theme-dark.css +0 -10
  5. package/express/spectrum-theme-light.css +0 -5
  6. package/package.json +6 -6
  7. package/spectrum-core-global.css +0 -268
  8. package/spectrum-scale-large.css +0 -27
  9. package/spectrum-scale-medium.css +0 -31
  10. package/tokens/express/global-vars.css +775 -5
  11. package/tokens/express/medium-vars.css +4 -0
  12. package/tokens/global-vars.css +213 -189
  13. package/tokens/large-vars.css +10 -4
  14. package/tokens/medium-vars.css +10 -4
  15. package/tokens/spectrum/custom-large-vars.css +10 -6
  16. package/tokens/spectrum/custom-medium-vars.css +10 -6
  17. package/tokens/spectrum/custom-vars.css +12 -18
  18. package/tokens/spectrum/global-vars.css +775 -5
  19. package/tokens/spectrum/medium-vars.css +4 -0
package/spectrum-core-global.css CHANGED
@@ -963,9 +963,6 @@ governing permissions and limitations under the License.
963
963
  --spectrum-alias-font-family-condensed: var(
964
964
  --spectrum-global-font-font-family-condensed
965
965
  );
966
- --spectrum-alias-button-text-line-height: var(
967
- --spectrum-global-font-line-height-small
968
- );
969
966
  --spectrum-alias-component-text-line-height: var(
970
967
  --spectrum-global-font-line-height-small
971
968
  );
@@ -1621,46 +1618,6 @@ governing permissions and limitations under the License.
1621
1618
  --spectrum-alias-clearbutton-border-radius: var(
1622
1619
  --spectrum-global-dimension-size-50
1623
1620
  );
1624
- --spectrum-alias-pickerbutton-icononly-padding-x-s: var(
1625
- --spectrum-global-dimension-size-85
1626
- );
1627
- --spectrum-alias-pickerbutton-icononly-padding-x-m: var(
1628
- --spectrum-global-dimension-size-125
1629
- );
1630
- --spectrum-alias-pickerbutton-icononly-padding-x-l: var(
1631
- --spectrum-global-dimension-size-160
1632
- );
1633
- --spectrum-alias-pickerbutton-icononly-padding-x-xl: var(
1634
- --spectrum-global-dimension-size-200
1635
- );
1636
- --spectrum-alias-pickerbutton-icon-margin-y-s: var(
1637
- --spectrum-global-dimension-size-85
1638
- );
1639
- --spectrum-alias-pickerbutton-icon-margin-y-m: var(
1640
- --spectrum-global-dimension-size-125
1641
- );
1642
- --spectrum-alias-pickerbutton-icon-margin-y-l: var(
1643
- --spectrum-global-dimension-size-160
1644
- );
1645
- --spectrum-alias-pickerbutton-icon-margin-y-xl: var(
1646
- --spectrum-global-dimension-size-200
1647
- );
1648
- --spectrum-alias-pickerbutton-label-padding-y-s: var(
1649
- --spectrum-global-dimension-size-50
1650
- );
1651
- --spectrum-alias-pickerbutton-label-padding-y-m: var(
1652
- --spectrum-global-dimension-size-75
1653
- );
1654
- --spectrum-alias-pickerbutton-label-padding-y-l: var(
1655
- --spectrum-global-dimension-size-115
1656
- );
1657
- --spectrum-alias-pickerbutton-label-padding-y-xl: var(
1658
- --spectrum-global-dimension-size-150
1659
- );
1660
- --spectrum-alias-pickerbutton-border-radius-rounded: var(
1661
- --spectrum-global-dimension-size-50
1662
- );
1663
- --spectrum-alias-pickerbutton-border-radius-rounded-sided: 0;
1664
1621
  --spectrum-alias-search-border-radius: var(
1665
1622
  --spectrum-global-dimension-size-50
1666
1623
  );
@@ -1875,15 +1832,6 @@ governing permissions and limitations under the License.
1875
1832
  --spectrum-alias-ui-icon-asterisk-size-100: var(
1876
1833
  --spectrum-global-dimension-size-100
1877
1834
  );
1878
- --spectrum-alias-avatar-size-50: var(--spectrum-global-dimension-size-200);
1879
- --spectrum-alias-avatar-size-75: var(--spectrum-global-dimension-size-225);
1880
- --spectrum-alias-avatar-size-200: var(--spectrum-global-dimension-size-275);
1881
- --spectrum-alias-avatar-size-300: var(--spectrum-global-dimension-size-325);
1882
- --spectrum-alias-avatar-size-500: var(--spectrum-global-dimension-size-400);
1883
- --spectrum-alias-avatar-size-700: var(--spectrum-global-dimension-size-500);
1884
- --spectrum-alias-avatar-border-size: var(
1885
- --spectrum-global-dimension-size-0
1886
- );
1887
1835
  --spectrum-alias-colorloupe-width: var(
1888
1836
  --spectrum-global-dimension-static-size-600
1889
1837
  );
@@ -2216,42 +2164,6 @@ governing permissions and limitations under the License.
2216
2164
  --spectrum-alias-component-border-color-emphasized-selected: var(
2217
2165
  --spectrum-alias-component-border-color-emphasized-selected-default
2218
2166
  );
2219
- --spectrum-alias-avatar-border-color-default: var(
2220
- --spectrum-alias-background-color-transparent
2221
- );
2222
- --spectrum-alias-avatar-border-color-hover: var(
2223
- --spectrum-alias-background-color-transparent
2224
- );
2225
- --spectrum-alias-avatar-border-color-down: var(
2226
- --spectrum-alias-background-color-transparent
2227
- );
2228
- --spectrum-alias-avatar-border-color-key-focus: var(
2229
- --spectrum-alias-background-color-transparent
2230
- );
2231
- --spectrum-alias-avatar-border-color: var(
2232
- --spectrum-alias-avatar-border-color-default
2233
- );
2234
- --spectrum-alias-avatar-border-color-disabled: var(
2235
- --spectrum-alias-background-color-transparent
2236
- );
2237
- --spectrum-alias-avatar-border-color-selected-default: var(
2238
- --spectrum-alias-background-color-transparent
2239
- );
2240
- --spectrum-alias-avatar-border-color-selected-hover: var(
2241
- --spectrum-alias-background-color-transparent
2242
- );
2243
- --spectrum-alias-avatar-border-color-selected-down: var(
2244
- --spectrum-alias-background-color-transparent
2245
- );
2246
- --spectrum-alias-avatar-border-color-selected-key-focus: var(
2247
- --spectrum-alias-background-color-transparent
2248
- );
2249
- --spectrum-alias-avatar-border-color-selected: var(
2250
- --spectrum-alias-avatar-border-color-selected-default
2251
- );
2252
- --spectrum-alias-avatar-border-color-selected-disabled: var(
2253
- --spectrum-alias-background-color-transparent
2254
- );
2255
2167
  --spectrum-alias-toggle-background-color-default: var(
2256
2168
  --spectrum-global-color-gray-700
2257
2169
  );
@@ -2303,186 +2215,6 @@ governing permissions and limitations under the License.
2303
2215
  --spectrum-alias-toggle-icon-color-emphasized-selected: var(
2304
2216
  --spectrum-global-color-gray-75
2305
2217
  );
2306
- --spectrum-alias-button-primary-background-color-default: var(
2307
- --spectrum-alias-background-color-transparent
2308
- );
2309
- --spectrum-alias-button-primary-background-color-hover: var(
2310
- --spectrum-global-color-gray-800
2311
- );
2312
- --spectrum-alias-button-primary-background-color-down: var(
2313
- --spectrum-global-color-gray-900
2314
- );
2315
- --spectrum-alias-button-primary-background-color-key-focus: var(
2316
- --spectrum-global-color-gray-800
2317
- );
2318
- --spectrum-alias-button-primary-background-color: var(
2319
- --spectrum-alias-button-primary-background-color-default
2320
- );
2321
- --spectrum-alias-button-primary-border-color-default: var(
2322
- --spectrum-global-color-gray-800
2323
- );
2324
- --spectrum-alias-button-primary-border-color-hover: var(
2325
- --spectrum-alias-button-primary-background-color-hover
2326
- );
2327
- --spectrum-alias-button-primary-border-color-down: var(
2328
- --spectrum-alias-button-primary-background-color-down
2329
- );
2330
- --spectrum-alias-button-primary-border-color-key-focus: var(
2331
- --spectrum-alias-button-primary-background-color-key-focus
2332
- );
2333
- --spectrum-alias-button-primary-border-color: var(
2334
- --spectrum-alias-button-primary-border-color-default
2335
- );
2336
- --spectrum-alias-button-primary-text-color-default: var(
2337
- --spectrum-global-color-gray-800
2338
- );
2339
- --spectrum-alias-button-primary-text-color-hover: var(
2340
- --spectrum-global-color-gray-50
2341
- );
2342
- --spectrum-alias-button-primary-text-color-down: var(
2343
- --spectrum-global-color-gray-50
2344
- );
2345
- --spectrum-alias-button-primary-text-color-key-focus: var(
2346
- --spectrum-global-color-gray-50
2347
- );
2348
- --spectrum-alias-button-primary-text-color: var(
2349
- --spectrum-alias-button-primary-text-color-default
2350
- );
2351
- --spectrum-alias-button-primary-icon-color-default: var(
2352
- --spectrum-alias-button-primary-text-color-default
2353
- );
2354
- --spectrum-alias-button-primary-icon-color-hover: var(
2355
- --spectrum-alias-button-primary-text-color-hover
2356
- );
2357
- --spectrum-alias-button-primary-icon-color-down: var(
2358
- --spectrum-alias-button-primary-text-color-down
2359
- );
2360
- --spectrum-alias-button-primary-icon-color-key-focus: var(
2361
- --spectrum-alias-button-primary-text-color-key-focus
2362
- );
2363
- --spectrum-alias-button-primary-icon-color: var(
2364
- --spectrum-alias-button-primary-icon-color-default
2365
- );
2366
- --spectrum-alias-button-secondary-background-color-default: var(
2367
- --spectrum-alias-background-color-transparent
2368
- );
2369
- --spectrum-alias-button-secondary-background-color-hover: var(
2370
- --spectrum-global-color-gray-700
2371
- );
2372
- --spectrum-alias-button-secondary-background-color-down: var(
2373
- --spectrum-global-color-gray-800
2374
- );
2375
- --spectrum-alias-button-secondary-background-color-key-focus: var(
2376
- --spectrum-global-color-gray-700
2377
- );
2378
- --spectrum-alias-button-secondary-background-color: var(
2379
- --spectrum-alias-button-secondary-background-color-default
2380
- );
2381
- --spectrum-alias-button-secondary-border-color-default: var(
2382
- --spectrum-global-color-gray-700
2383
- );
2384
- --spectrum-alias-button-secondary-border-color-hover: var(
2385
- --spectrum-alias-button-secondary-background-color-hover
2386
- );
2387
- --spectrum-alias-button-secondary-border-color-down: var(
2388
- --spectrum-alias-button-secondary-background-color-down
2389
- );
2390
- --spectrum-alias-button-secondary-border-color-key-focus: var(
2391
- --spectrum-alias-button-secondary-background-color-key-focus
2392
- );
2393
- --spectrum-alias-button-secondary-border-color: var(
2394
- --spectrum-alias-button-secondary-border-color-default
2395
- );
2396
- --spectrum-alias-button-secondary-text-color-default: var(
2397
- --spectrum-global-color-gray-700
2398
- );
2399
- --spectrum-alias-button-secondary-text-color-hover: var(
2400
- --spectrum-global-color-gray-50
2401
- );
2402
- --spectrum-alias-button-secondary-text-color-down: var(
2403
- --spectrum-global-color-gray-50
2404
- );
2405
- --spectrum-alias-button-secondary-text-color-key-focus: var(
2406
- --spectrum-global-color-gray-50
2407
- );
2408
- --spectrum-alias-button-secondary-text-color: var(
2409
- --spectrum-alias-button-secondary-text-color-default
2410
- );
2411
- --spectrum-alias-button-secondary-icon-color-default: var(
2412
- --spectrum-alias-button-secondary-text-color-default
2413
- );
2414
- --spectrum-alias-button-secondary-icon-color-hover: var(
2415
- --spectrum-alias-button-secondary-text-color-hover
2416
- );
2417
- --spectrum-alias-button-secondary-icon-color-down: var(
2418
- --spectrum-alias-button-secondary-text-color-down
2419
- );
2420
- --spectrum-alias-button-secondary-icon-color-key-focus: var(
2421
- --spectrum-alias-button-secondary-text-color-key-focus
2422
- );
2423
- --spectrum-alias-button-secondary-icon-color: var(
2424
- --spectrum-alias-button-secondary-icon-color-default
2425
- );
2426
- --spectrum-alias-button-negative-background-color-default: var(
2427
- --spectrum-alias-background-color-transparent
2428
- );
2429
- --spectrum-alias-button-negative-background-color-hover: var(
2430
- --spectrum-semantic-negative-text-color-small
2431
- );
2432
- --spectrum-alias-button-negative-background-color-down: var(
2433
- --spectrum-global-color-red-700
2434
- );
2435
- --spectrum-alias-button-negative-background-color-key-focus: var(
2436
- --spectrum-semantic-negative-text-color-small
2437
- );
2438
- --spectrum-alias-button-negative-background-color: var(
2439
- --spectrum-alias-button-negative-background-color-default
2440
- );
2441
- --spectrum-alias-button-negative-border-color-default: var(
2442
- --spectrum-semantic-negative-text-color-small
2443
- );
2444
- --spectrum-alias-button-negative-border-color-hover: var(
2445
- --spectrum-semantic-negative-text-color-small
2446
- );
2447
- --spectrum-alias-button-negative-border-color-down: var(
2448
- --spectrum-global-color-red-700
2449
- );
2450
- --spectrum-alias-button-negative-border-color-key-focus: var(
2451
- --spectrum-semantic-negative-text-color-small
2452
- );
2453
- --spectrum-alias-button-negative-border-color: var(
2454
- --spectrum-alias-button-negative-border-color-default
2455
- );
2456
- --spectrum-alias-button-negative-text-color-default: var(
2457
- --spectrum-semantic-negative-text-color-small
2458
- );
2459
- --spectrum-alias-button-negative-text-color-hover: var(
2460
- --spectrum-global-color-gray-50
2461
- );
2462
- --spectrum-alias-button-negative-text-color-down: var(
2463
- --spectrum-global-color-gray-50
2464
- );
2465
- --spectrum-alias-button-negative-text-color-key-focus: var(
2466
- --spectrum-global-color-gray-50
2467
- );
2468
- --spectrum-alias-button-negative-text-color: var(
2469
- --spectrum-alias-button-negative-text-color-default
2470
- );
2471
- --spectrum-alias-button-negative-icon-color-default: var(
2472
- --spectrum-alias-button-negative-text-color-default
2473
- );
2474
- --spectrum-alias-button-negative-icon-color-hover: var(
2475
- --spectrum-alias-button-negative-text-color-hover
2476
- );
2477
- --spectrum-alias-button-negative-icon-color-down: var(
2478
- --spectrum-alias-button-negative-text-color-down
2479
- );
2480
- --spectrum-alias-button-negative-icon-color-key-focus: var(
2481
- --spectrum-alias-button-negative-text-color-key-focus
2482
- );
2483
- --spectrum-alias-button-negative-icon-color: var(
2484
- --spectrum-alias-button-negative-icon-color-default
2485
- );
2486
2218
  --spectrum-alias-input-border-color-disabled: var(
2487
2219
  --spectrum-alias-border-color-transparent
2488
2220
  );
package/spectrum-scale-large.css CHANGED
@@ -282,18 +282,6 @@ governing permissions and limitations under the License.
282
282
  --spectrum-alias-ui-icon-asterisk-size-300: var(
283
283
  --spectrum-global-dimension-static-size-150
284
284
  );
285
- --spectrum-alias-avatar-size-100: 26px;
286
- --spectrum-alias-avatar-size-400: 36px;
287
- --spectrum-alias-avatar-size-600: 46px;
288
- --spectrum-button-s-primary-fill-textonly-text-padding-bottom: var(
289
- --spectrum-global-dimension-static-size-85
290
- );
291
- --spectrum-button-m-primary-fill-texticon-padding-left: 17px;
292
- --spectrum-button-l-primary-fill-textonly-text-padding-top: var(
293
- --spectrum-global-dimension-static-size-150
294
- );
295
- --spectrum-button-xl-primary-fill-texticon-padding-left: 27px;
296
- --spectrum-button-m-primary-outline-texticon-padding-left: 17px;
297
285
  --spectrum-dialog-confirm-title-text-size: var(
298
286
  --spectrum-alias-heading-xs-text-size
299
287
  );
@@ -309,19 +297,4 @@ governing permissions and limitations under the License.
309
297
  --spectrum-listitem-m-textthumbnail-padding-left: var(
310
298
  --spectrum-global-dimension-static-size-150
311
299
  );
312
- --spectrum-picker-m-texticon-padding-left: var(
313
- --spectrum-global-dimension-static-size-150
314
- );
315
- --spectrum-progressbar-s-border-radius: var(
316
- --spectrum-global-dimension-static-size-40
317
- );
318
- --spectrum-progressbar-m-border-radius: var(
319
- --spectrum-global-dimension-static-size-50
320
- );
321
- --spectrum-progressbar-xl-border-radius: var(
322
- --spectrum-global-dimension-static-size-75
323
- );
324
- --spectrum-textfield-m-texticon-padding-left: var(
325
- --spectrum-global-dimension-static-size-150
326
- );
327
300
  }
package/spectrum-scale-medium.css CHANGED
@@ -280,22 +280,6 @@ governing permissions and limitations under the License.
280
280
  --spectrum-alias-ui-icon-asterisk-size-300: var(
281
281
  --spectrum-global-dimension-static-size-125
282
282
  );
283
- --spectrum-alias-avatar-size-100: var(--spectrum-global-dimension-size-250);
284
- --spectrum-alias-avatar-size-400: var(--spectrum-global-dimension-size-350);
285
- --spectrum-alias-avatar-size-600: var(--spectrum-global-dimension-size-450);
286
- --spectrum-button-s-primary-fill-textonly-text-padding-bottom: var(
287
- --spectrum-global-dimension-static-size-65
288
- );
289
- --spectrum-button-m-primary-fill-texticon-padding-left: var(
290
- --spectrum-global-dimension-size-175
291
- );
292
- --spectrum-button-l-primary-fill-textonly-text-padding-top: var(
293
- --spectrum-global-dimension-size-115
294
- );
295
- --spectrum-button-xl-primary-fill-texticon-padding-left: 21px;
296
- --spectrum-button-m-primary-outline-texticon-padding-left: var(
297
- --spectrum-global-dimension-size-175
298
- );
299
283
  --spectrum-dialog-confirm-title-text-size: var(
300
284
  --spectrum-alias-heading-s-text-size
301
285
  );
@@ -311,19 +295,4 @@ governing permissions and limitations under the License.
311
295
  --spectrum-listitem-m-textthumbnail-padding-left: var(
312
296
  --spectrum-global-dimension-size-125
313
297
  );
314
- --spectrum-picker-m-texticon-padding-left: var(
315
- --spectrum-global-dimension-size-125
316
- );
317
- --spectrum-progressbar-s-border-radius: var(
318
- --spectrum-global-dimension-static-size-25
319
- );
320
- --spectrum-progressbar-m-border-radius: var(
321
- --spectrum-global-dimension-static-size-40
322
- );
323
- --spectrum-progressbar-xl-border-radius: var(
324
- --spectrum-global-dimension-static-size-65
325
- );
326
- --spectrum-textfield-m-texticon-padding-left: var(
327
- --spectrum-global-dimension-size-125
328
- );
329
298
  }