@spectrum-web-components/styles 0.20.1 → 0.22.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 (21) hide show
  1. package/express/spectrum-core-global.css +0 -295
  2. package/express/spectrum-scale-large.css +0 -9
  3. package/express/spectrum-scale-medium.css +0 -9
  4. package/express/spectrum-theme-dark.css +501 -0
  5. package/express/spectrum-theme-light.css +496 -0
  6. package/express/theme-dark.css +3 -486
  7. package/express/theme-light.css +3 -481
  8. package/package.json +4 -4
  9. package/spectrum-core-global.css +0 -285
  10. package/spectrum-scale-large.css +0 -9
  11. package/spectrum-scale-medium.css +0 -9
  12. package/spectrum-theme-dark.css +469 -0
  13. package/spectrum-theme-darkest.css +468 -0
  14. package/spectrum-theme-light.css +468 -0
  15. package/spectrum-theme-lightest.css +305 -0
  16. package/theme-dark.css +3 -454
  17. package/theme-darkest.css +3 -453
  18. package/theme-light.css +3 -453
  19. package/theme-lightest.css +3 -290
  20. package/tokens/express/global-vars.css +88 -0
  21. package/tokens/spectrum/global-vars.css +88 -0
package/spectrum-core-global.css CHANGED
@@ -1884,98 +1884,6 @@ governing permissions and limitations under the License.
1884
1884
  --spectrum-alias-avatar-border-size: var(
1885
1885
  --spectrum-global-dimension-size-0
1886
1886
  );
1887
- --spectrum-alias-tag-border-radius: var(
1888
- --spectrum-global-dimension-size-50
1889
- );
1890
- --spectrum-alias-tag-border-size-default: var(
1891
- --spectrum-global-dimension-static-size-10
1892
- );
1893
- --spectrum-alias-tag-border-size-key-focus: var(
1894
- --spectrum-global-dimension-static-size-25
1895
- );
1896
- --spectrum-alias-tag-border-size-disabled: var(
1897
- --spectrum-global-dimension-size-0
1898
- );
1899
- --spectrum-alias-tag-border-size: var(
1900
- --spectrum-global-dimension-static-size-10
1901
- );
1902
- --spectrum-alias-tag-padding-right-s: var(
1903
- --spectrum-global-dimension-size-115
1904
- );
1905
- --spectrum-alias-tag-padding-right-m: var(
1906
- --spectrum-global-dimension-size-150
1907
- );
1908
- --spectrum-alias-tag-padding-right-l: var(
1909
- --spectrum-global-dimension-size-185
1910
- );
1911
- --spectrum-alias-tag-height-s: var(--spectrum-global-dimension-size-300);
1912
- --spectrum-alias-tag-height-m: var(--spectrum-global-dimension-size-400);
1913
- --spectrum-alias-tag-height-l: var(--spectrum-global-dimension-size-500);
1914
- --spectrum-alias-tag-font-size-s: var(
1915
- --spectrum-global-dimension-font-size-75
1916
- );
1917
- --spectrum-alias-tag-font-size-m: var(
1918
- --spectrum-global-dimension-font-size-100
1919
- );
1920
- --spectrum-alias-tag-font-size-l: var(
1921
- --spectrum-global-dimension-font-size-200
1922
- );
1923
- --spectrum-alias-tag-text-padding-top-s: var(
1924
- --spectrum-global-dimension-size-50
1925
- );
1926
- --spectrum-alias-tag-text-padding-top-m: var(
1927
- --spectrum-global-dimension-size-75
1928
- );
1929
- --spectrum-alias-tag-text-padding-top-l: var(
1930
- --spectrum-global-dimension-size-115
1931
- );
1932
- --spectrum-alias-tag-icon-size-s: var(--spectrum-global-dimension-size-200);
1933
- --spectrum-alias-tag-icon-size-m: var(--spectrum-global-dimension-size-225);
1934
- --spectrum-alias-tag-icon-margin-top-s: var(
1935
- --spectrum-global-dimension-size-50
1936
- );
1937
- --spectrum-alias-tag-icon-margin-top-m: var(
1938
- --spectrum-global-dimension-size-85
1939
- );
1940
- --spectrum-alias-tag-icon-margin-top-l: var(
1941
- --spectrum-global-dimension-size-125
1942
- );
1943
- --spectrum-alias-tag-icon-margin-right-s: var(
1944
- --spectrum-global-dimension-size-85
1945
- );
1946
- --spectrum-alias-tag-icon-margin-right-m: var(
1947
- --spectrum-global-dimension-size-100
1948
- );
1949
- --spectrum-alias-tag-icon-margin-right-l: var(
1950
- --spectrum-global-dimension-size-115
1951
- );
1952
- --spectrum-alias-tag-clearbutton-width-s: var(
1953
- --spectrum-global-dimension-size-300
1954
- );
1955
- --spectrum-alias-tag-clearbutton-width-m: var(
1956
- --spectrum-global-dimension-size-400
1957
- );
1958
- --spectrum-alias-tag-clearbutton-width-l: var(
1959
- --spectrum-global-dimension-size-500
1960
- );
1961
- --spectrum-alias-tag-clearbutton-icon-margin-s: var(
1962
- --spectrum-global-dimension-size-100
1963
- );
1964
- --spectrum-alias-tag-clearbutton-icon-margin-m: var(
1965
- --spectrum-global-dimension-size-150
1966
- );
1967
- --spectrum-alias-tag-clearbutton-icon-margin-l: var(
1968
- --spectrum-global-dimension-size-185
1969
- );
1970
- --spectrum-alias-tag-focusring-size: var(
1971
- --spectrum-global-dimension-size-25
1972
- );
1973
- --spectrum-alias-tag-focusring-gap: var(
1974
- --spectrum-global-dimension-static-size-0
1975
- );
1976
- --spectrum-alias-tag-focusring-gap-selected: var(
1977
- --spectrum-global-dimension-size-25
1978
- );
1979
1887
  --spectrum-alias-colorloupe-width: var(
1980
1888
  --spectrum-global-dimension-static-size-600
1981
1889
  );
@@ -2308,169 +2216,6 @@ governing permissions and limitations under the License.
2308
2216
  --spectrum-alias-component-border-color-emphasized-selected: var(
2309
2217
  --spectrum-alias-component-border-color-emphasized-selected-default
2310
2218
  );
2311
- --spectrum-alias-tag-border-color-default: var(
2312
- --spectrum-alias-border-color-darker-default
2313
- );
2314
- --spectrum-alias-tag-border-color-hover: var(
2315
- --spectrum-alias-border-color-darker-hover
2316
- );
2317
- --spectrum-alias-tag-border-color-down: var(
2318
- --spectrum-alias-border-color-darker-hover
2319
- );
2320
- --spectrum-alias-tag-border-color-key-focus: var(
2321
- --spectrum-alias-border-color-key-focus
2322
- );
2323
- --spectrum-alias-tag-border-color-error-default: var(
2324
- --spectrum-semantic-negative-color-default
2325
- );
2326
- --spectrum-alias-tag-border-color-error-hover: var(
2327
- --spectrum-semantic-negative-color-hover
2328
- );
2329
- --spectrum-alias-tag-border-color-error-down: var(
2330
- --spectrum-semantic-negative-color-hover
2331
- );
2332
- --spectrum-alias-tag-border-color-error-key-focus: var(
2333
- --spectrum-alias-border-color-key-focus
2334
- );
2335
- --spectrum-alias-tag-border-color-error-selected: var(
2336
- --spectrum-semantic-negative-color-default
2337
- );
2338
- --spectrum-alias-tag-border-color-selected: var(
2339
- --spectrum-alias-tag-background-color-selected-default
2340
- );
2341
- --spectrum-alias-tag-border-color: var(
2342
- --spectrum-alias-tag-border-color-default
2343
- );
2344
- --spectrum-alias-tag-border-color-disabled: var(
2345
- --spectrum-alias-border-color-disabled
2346
- );
2347
- --spectrum-alias-tag-border-color-error: var(
2348
- --spectrum-alias-tag-border-color-error-default
2349
- );
2350
- --spectrum-alias-tag-text-color-default: var(
2351
- --spectrum-alias-label-text-color
2352
- );
2353
- --spectrum-alias-tag-text-color-hover: var(
2354
- --spectrum-alias-text-color-hover
2355
- );
2356
- --spectrum-alias-tag-text-color-down: var(--spectrum-alias-text-color-down);
2357
- --spectrum-alias-tag-text-color-key-focus: var(
2358
- --spectrum-alias-text-color-hover
2359
- );
2360
- --spectrum-alias-tag-text-color-disabled: var(
2361
- --spectrum-global-color-gray-500
2362
- );
2363
- --spectrum-alias-tag-text-color: var(
2364
- --spectrum-alias-tag-text-color-default
2365
- );
2366
- --spectrum-alias-tag-text-color-error-default: var(
2367
- --spectrum-global-color-red-600
2368
- );
2369
- --spectrum-alias-tag-text-color-error-hover: var(
2370
- --spectrum-global-color-red-700
2371
- );
2372
- --spectrum-alias-tag-text-color-error-down: var(
2373
- --spectrum-global-color-red-700
2374
- );
2375
- --spectrum-alias-tag-text-color-error-key-focus: var(
2376
- --spectrum-global-color-red-700
2377
- );
2378
- --spectrum-alias-tag-text-color-error: var(
2379
- --spectrum-alias-tag-text-color-error-default
2380
- );
2381
- --spectrum-alias-tag-text-color-selected: var(
2382
- --spectrum-global-color-gray-50
2383
- );
2384
- --spectrum-alias-tag-icon-color-default: var(--spectrum-alias-icon-color);
2385
- --spectrum-alias-tag-icon-color-hover: var(
2386
- --spectrum-alias-icon-color-hover
2387
- );
2388
- --spectrum-alias-tag-icon-color-down: var(--spectrum-alias-icon-color-down);
2389
- --spectrum-alias-tag-icon-color-key-focus: var(
2390
- --spectrum-alias-icon-color-hover
2391
- );
2392
- --spectrum-alias-tag-icon-color-disabled: var(
2393
- --spectrum-alias-icon-color-disabled
2394
- );
2395
- --spectrum-alias-tag-icon-color: var(
2396
- --spectrum-alias-tag-icon-color-default
2397
- );
2398
- --spectrum-alias-tag-icon-color-error: var(--spectrum-global-color-red-600);
2399
- --spectrum-alias-tag-icon-color-selected: var(
2400
- --spectrum-global-color-gray-50
2401
- );
2402
- --spectrum-alias-tag-background-color-disabled: var(
2403
- --spectrum-global-color-gray-200
2404
- );
2405
- --spectrum-alias-tag-background-color-default: var(
2406
- --spectrum-global-color-gray-50
2407
- );
2408
- --spectrum-alias-tag-background-color-hover: var(
2409
- --spectrum-global-color-gray-50
2410
- );
2411
- --spectrum-alias-tag-background-color-down: var(
2412
- --spectrum-global-color-gray-200
2413
- );
2414
- --spectrum-alias-tag-background-color-key-focus: var(
2415
- --spectrum-global-color-gray-50
2416
- );
2417
- --spectrum-alias-tag-background-color: var(
2418
- --spectrum-alias-tag-background-color-default
2419
- );
2420
- --spectrum-alias-tag-background-color-error-default: var(
2421
- --spectrum-global-color-gray-50
2422
- );
2423
- --spectrum-alias-tag-background-color-error-hover: var(
2424
- --spectrum-global-color-gray-50
2425
- );
2426
- --spectrum-alias-tag-background-color-error-down: var(
2427
- --spectrum-global-color-gray-200
2428
- );
2429
- --spectrum-alias-tag-background-color-error-key-focus: var(
2430
- --spectrum-global-color-gray-50
2431
- );
2432
- --spectrum-alias-tag-background-color-error: var(
2433
- --spectrum-alias-tag-background-color-error-default
2434
- );
2435
- --spectrum-alias-tag-background-color-error-selected-default: var(
2436
- --spectrum-semantic-negative-color-default
2437
- );
2438
- --spectrum-alias-tag-background-color-error-selected-hover: var(
2439
- --spectrum-semantic-negative-color-hover
2440
- );
2441
- --spectrum-alias-tag-background-color-error-selected-down: var(
2442
- --spectrum-semantic-negative-color-hover
2443
- );
2444
- --spectrum-alias-tag-background-color-error-selected-key-focus: var(
2445
- --spectrum-global-color-red-600
2446
- );
2447
- --spectrum-alias-tag-background-color-error-selected: var(
2448
- --spectrum-alias-tag-background-color-error-selected-default
2449
- );
2450
- --spectrum-alias-tag-background-color-selected-default: var(
2451
- --spectrum-global-color-gray-700
2452
- );
2453
- --spectrum-alias-tag-background-color-selected-hover: var(
2454
- --spectrum-global-color-gray-800
2455
- );
2456
- --spectrum-alias-tag-background-color-selected-down: var(
2457
- --spectrum-global-color-gray-900
2458
- );
2459
- --spectrum-alias-tag-background-color-selected-key-focus: var(
2460
- --spectrum-global-color-gray-900
2461
- );
2462
- --spectrum-alias-tag-background-color-selected: var(
2463
- --spectrum-alias-tag-background-color-selected-default
2464
- );
2465
- --spectrum-alias-tag-focusring-border-color-default: transparent;
2466
- --spectrum-alias-tag-focusring-border-color-key-focus: transparent;
2467
- --spectrum-alias-tag-focusring-border-color-disabled: transparent;
2468
- --spectrum-alias-tag-focusring-border-color-selected-key-focus: var(
2469
- --spectrum-alias-focus-ring-color
2470
- );
2471
- --spectrum-alias-tag-focusring-border-color: var(
2472
- --spectrum-alias-tag-focusring-border-color-default
2473
- );
2474
2219
  --spectrum-alias-avatar-border-color-default: var(
2475
2220
  --spectrum-alias-background-color-transparent
2476
2221
  );
@@ -3039,36 +2784,6 @@ governing permissions and limitations under the License.
3039
2784
  0.2
3040
2785
  );
3041
2786
  --spectrum-alias-heading-text-color: var(--spectrum-global-color-gray-900);
3042
- --spectrum-alias-link-primary-text-color-default: var(
3043
- --spectrum-global-color-blue-600
3044
- );
3045
- --spectrum-alias-link-primary-text-color-hover: var(
3046
- --spectrum-global-color-blue-600
3047
- );
3048
- --spectrum-alias-link-primary-text-color-down: var(
3049
- --spectrum-global-color-blue-700
3050
- );
3051
- --spectrum-alias-link-primary-text-color-key-focus: var(
3052
- --spectrum-alias-text-color-key-focus
3053
- );
3054
- --spectrum-alias-link-primary-text-color: var(
3055
- --spectrum-alias-link-primary-text-color-default
3056
- );
3057
- --spectrum-alias-link-secondary-text-color-default: var(
3058
- --spectrum-alias-link-primary-text-color-default
3059
- );
3060
- --spectrum-alias-link-secondary-text-color-hover: var(
3061
- --spectrum-alias-link-primary-text-color-hover
3062
- );
3063
- --spectrum-alias-link-secondary-text-color-down: var(
3064
- --spectrum-alias-link-primary-text-color-down
3065
- );
3066
- --spectrum-alias-link-secondary-text-color-key-focus: var(
3067
- --spectrum-alias-link-primary-text-color-key-focus
3068
- );
3069
- --spectrum-alias-link-secondary-text-color: var(
3070
- --spectrum-alias-link-secondary-text-color-default
3071
- );
3072
2787
  --spectrum-alias-border-color: var(--spectrum-global-color-gray-400);
3073
2788
  --spectrum-alias-border-color-hover: var(--spectrum-global-color-gray-500);
3074
2789
  --spectrum-alias-border-color-down: var(--spectrum-global-color-gray-500);
package/spectrum-scale-large.css CHANGED
@@ -285,12 +285,6 @@ governing permissions and limitations under the License.
285
285
  --spectrum-alias-avatar-size-100: 26px;
286
286
  --spectrum-alias-avatar-size-400: 36px;
287
287
  --spectrum-alias-avatar-size-600: 46px;
288
- --spectrum-alias-tag-icon-size-l: var(
289
- --spectrum-global-dimension-static-size-300
290
- );
291
- --spectrum-alias-tag-focusring-border-radius: var(
292
- --spectrum-global-dimension-static-size-75
293
- );
294
288
  --spectrum-button-s-primary-fill-textonly-text-padding-bottom: var(
295
289
  --spectrum-global-dimension-static-size-85
296
290
  );
@@ -327,9 +321,6 @@ governing permissions and limitations under the License.
327
321
  --spectrum-progressbar-xl-border-radius: var(
328
322
  --spectrum-global-dimension-static-size-75
329
323
  );
330
- --spectrum-tag-m-texticon-padding-left: var(
331
- --spectrum-global-dimension-static-size-150
332
- );
333
324
  --spectrum-textfield-m-texticon-padding-left: var(
334
325
  --spectrum-global-dimension-static-size-150
335
326
  );
package/spectrum-scale-medium.css CHANGED
@@ -283,12 +283,6 @@ governing permissions and limitations under the License.
283
283
  --spectrum-alias-avatar-size-100: var(--spectrum-global-dimension-size-250);
284
284
  --spectrum-alias-avatar-size-400: var(--spectrum-global-dimension-size-350);
285
285
  --spectrum-alias-avatar-size-600: var(--spectrum-global-dimension-size-450);
286
- --spectrum-alias-tag-icon-size-l: var(
287
- --spectrum-global-dimension-static-size-250
288
- );
289
- --spectrum-alias-tag-focusring-border-radius: var(
290
- --spectrum-global-dimension-static-size-65
291
- );
292
286
  --spectrum-button-s-primary-fill-textonly-text-padding-bottom: var(
293
287
  --spectrum-global-dimension-static-size-65
294
288
  );
@@ -329,9 +323,6 @@ governing permissions and limitations under the License.
329
323
  --spectrum-progressbar-xl-border-radius: var(
330
324
  --spectrum-global-dimension-static-size-65
331
325
  );
332
- --spectrum-tag-m-texticon-padding-left: var(
333
- --spectrum-global-dimension-size-125
334
- );
335
326
  --spectrum-textfield-m-texticon-padding-left: var(
336
327
  --spectrum-global-dimension-size-125
337
328
  );