@spectrum-web-components/styles 0.42.4 → 0.43.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.
@@ -1350,4062 +1350,3 @@
1350
1350
  --spectrum-neutral-subdued-background-color-default
1351
1351
  );
1352
1352
  }
1353
-
1354
- :host,
1355
- :root {
1356
- --system-spectrum-actionbutton-background-color-default: var(
1357
- --spectrum-gray-75
1358
- );
1359
- --system-spectrum-actionbutton-background-color-hover: var(
1360
- --spectrum-gray-200
1361
- );
1362
- --system-spectrum-actionbutton-background-color-down: var(
1363
- --spectrum-gray-300
1364
- );
1365
- --system-spectrum-actionbutton-background-color-focus: var(
1366
- --spectrum-gray-200
1367
- );
1368
- --system-spectrum-actionbutton-border-color-default: var(
1369
- --spectrum-gray-400
1370
- );
1371
- --system-spectrum-actionbutton-border-color-hover: var(--spectrum-gray-500);
1372
- --system-spectrum-actionbutton-border-color-down: var(--spectrum-gray-600);
1373
- --system-spectrum-actionbutton-border-color-focus: var(--spectrum-gray-500);
1374
- --system-spectrum-actionbutton-background-color-disabled: transparent;
1375
- --system-spectrum-actionbutton-border-color-disabled: var(
1376
- --spectrum-disabled-border-color
1377
- );
1378
- --system-spectrum-actionbutton-content-color-disabled: var(
1379
- --spectrum-disabled-content-color
1380
- );
1381
- --system-spectrum-actionbutton-quiet-background-color-default: transparent;
1382
- --system-spectrum-actionbutton-quiet-background-color-hover: var(
1383
- --spectrum-gray-200
1384
- );
1385
- --system-spectrum-actionbutton-quiet-background-color-down: var(
1386
- --spectrum-gray-300
1387
- );
1388
- --system-spectrum-actionbutton-quiet-background-color-focus: var(
1389
- --spectrum-gray-200
1390
- );
1391
- --system-spectrum-actionbutton-quiet-border-color-default: transparent;
1392
- --system-spectrum-actionbutton-quiet-border-color-hover: transparent;
1393
- --system-spectrum-actionbutton-quiet-border-color-down: transparent;
1394
- --system-spectrum-actionbutton-quiet-border-color-focus: transparent;
1395
- --system-spectrum-actionbutton-quiet-background-color-disabled: transparent;
1396
- --system-spectrum-actionbutton-quiet-border-color-disabled: transparent;
1397
- --system-spectrum-actionbutton-selected-border-color-default: transparent;
1398
- --system-spectrum-actionbutton-selected-border-color-hover: transparent;
1399
- --system-spectrum-actionbutton-selected-border-color-down: transparent;
1400
- --system-spectrum-actionbutton-selected-border-color-focus: transparent;
1401
- --system-spectrum-actionbutton-selected-background-color-disabled: var(
1402
- --spectrum-disabled-background-color
1403
- );
1404
- --system-spectrum-actionbutton-selected-border-color-disabled: transparent;
1405
- --system-spectrum-actionbutton-staticblack-quiet-border-color-default: transparent;
1406
- --system-spectrum-actionbutton-staticwhite-quiet-border-color-default: transparent;
1407
- --system-spectrum-actionbutton-staticblack-quiet-border-color-hover: transparent;
1408
- --system-spectrum-actionbutton-staticwhite-quiet-border-color-hover: transparent;
1409
- --system-spectrum-actionbutton-staticblack-quiet-border-color-down: transparent;
1410
- --system-spectrum-actionbutton-staticwhite-quiet-border-color-down: transparent;
1411
- --system-spectrum-actionbutton-staticblack-quiet-border-color-focus: transparent;
1412
- --system-spectrum-actionbutton-staticwhite-quiet-border-color-focus: transparent;
1413
- --system-spectrum-actionbutton-staticblack-quiet-border-color-disabled: transparent;
1414
- --system-spectrum-actionbutton-staticwhite-quiet-border-color-disabled: transparent;
1415
- --system-spectrum-actionbutton-staticblack-background-color-default: transparent;
1416
- --system-spectrum-actionbutton-staticblack-background-color-hover: var(
1417
- --spectrum-transparent-black-300
1418
- );
1419
- --system-spectrum-actionbutton-staticblack-background-color-down: var(
1420
- --spectrum-transparent-black-400
1421
- );
1422
- --system-spectrum-actionbutton-staticblack-background-color-focus: var(
1423
- --spectrum-transparent-black-300
1424
- );
1425
- --system-spectrum-actionbutton-staticblack-border-color-default: var(
1426
- --spectrum-transparent-black-400
1427
- );
1428
- --system-spectrum-actionbutton-staticblack-border-color-hover: var(
1429
- --spectrum-transparent-black-500
1430
- );
1431
- --system-spectrum-actionbutton-staticblack-border-color-down: var(
1432
- --spectrum-transparent-black-600
1433
- );
1434
- --system-spectrum-actionbutton-staticblack-border-color-focus: var(
1435
- --spectrum-transparent-black-500
1436
- );
1437
- --system-spectrum-actionbutton-staticblack-content-color-default: var(
1438
- --spectrum-black
1439
- );
1440
- --system-spectrum-actionbutton-staticblack-content-color-hover: var(
1441
- --spectrum-black
1442
- );
1443
- --system-spectrum-actionbutton-staticblack-content-color-down: var(
1444
- --spectrum-black
1445
- );
1446
- --system-spectrum-actionbutton-staticblack-content-color-focus: var(
1447
- --spectrum-black
1448
- );
1449
- --system-spectrum-actionbutton-staticblack-focus-indicator-color: var(
1450
- --spectrum-static-black-focus-indicator-color
1451
- );
1452
- --system-spectrum-actionbutton-staticblack-background-color-disabled: transparent;
1453
- --system-spectrum-actionbutton-staticblack-border-color-disabled: var(
1454
- --spectrum-disabled-static-black-border-color
1455
- );
1456
- --system-spectrum-actionbutton-staticblack-content-color-disabled: var(
1457
- --spectrum-disabled-static-black-content-color
1458
- );
1459
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-default: var(
1460
- --spectrum-transparent-black-800
1461
- );
1462
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-hover: var(
1463
- --spectrum-transparent-black-900
1464
- );
1465
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-down: var(
1466
- --spectrum-transparent-black-900
1467
- );
1468
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-focus: var(
1469
- --spectrum-transparent-black-900
1470
- );
1471
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-default: var(
1472
- --spectrum-white
1473
- );
1474
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-hover: var(
1475
- --spectrum-white
1476
- );
1477
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-down: var(
1478
- --spectrum-white
1479
- );
1480
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-focus: var(
1481
- --spectrum-white
1482
- );
1483
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-disabled: var(
1484
- --spectrum-disabled-static-black-background-color
1485
- );
1486
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-border-color-disabled: transparent;
1487
- --system-spectrum-actionbutton-staticwhite-background-color-default: transparent;
1488
- --system-spectrum-actionbutton-staticwhite-background-color-hover: var(
1489
- --spectrum-transparent-white-300
1490
- );
1491
- --system-spectrum-actionbutton-staticwhite-background-color-down: var(
1492
- --spectrum-transparent-white-400
1493
- );
1494
- --system-spectrum-actionbutton-staticwhite-background-color-focus: var(
1495
- --spectrum-transparent-white-300
1496
- );
1497
- --system-spectrum-actionbutton-staticwhite-border-color-default: var(
1498
- --spectrum-transparent-white-400
1499
- );
1500
- --system-spectrum-actionbutton-staticwhite-border-color-hover: var(
1501
- --spectrum-transparent-white-500
1502
- );
1503
- --system-spectrum-actionbutton-staticwhite-border-color-down: var(
1504
- --spectrum-transparent-white-600
1505
- );
1506
- --system-spectrum-actionbutton-staticwhite-border-color-focus: var(
1507
- --spectrum-transparent-white-500
1508
- );
1509
- --system-spectrum-actionbutton-staticwhite-content-color-default: var(
1510
- --spectrum-white
1511
- );
1512
- --system-spectrum-actionbutton-staticwhite-content-color-hover: var(
1513
- --spectrum-white
1514
- );
1515
- --system-spectrum-actionbutton-staticwhite-content-color-down: var(
1516
- --spectrum-white
1517
- );
1518
- --system-spectrum-actionbutton-staticwhite-content-color-focus: var(
1519
- --spectrum-white
1520
- );
1521
- --system-spectrum-actionbutton-staticwhite-focus-indicator-color: var(
1522
- --spectrum-static-white-focus-indicator-color
1523
- );
1524
- --system-spectrum-actionbutton-staticwhite-background-color-disabled: transparent;
1525
- --system-spectrum-actionbutton-staticwhite-border-color-disabled: var(
1526
- --spectrum-disabled-static-white-border-color
1527
- );
1528
- --system-spectrum-actionbutton-staticwhite-content-color-disabled: var(
1529
- --spectrum-disabled-static-white-content-color
1530
- );
1531
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-default: var(
1532
- --spectrum-transparent-white-800
1533
- );
1534
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-hover: var(
1535
- --spectrum-transparent-white-900
1536
- );
1537
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-down: var(
1538
- --spectrum-transparent-white-900
1539
- );
1540
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-focus: var(
1541
- --spectrum-transparent-white-900
1542
- );
1543
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-default: var(
1544
- --spectrum-black
1545
- );
1546
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-hover: var(
1547
- --spectrum-black
1548
- );
1549
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-down: var(
1550
- --spectrum-black
1551
- );
1552
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-focus: var(
1553
- --spectrum-black
1554
- );
1555
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-disabled: var(
1556
- --spectrum-disabled-static-white-background-color
1557
- );
1558
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-border-color-disabled: transparent;
1559
- }
1560
-
1561
- :host,
1562
- :root {
1563
- --system-spectrum-actiongroup-gap-size-compact: 0;
1564
- --system-spectrum-actiongroup-horizontal-spacing-compact: -1px;
1565
- --system-spectrum-actiongroup-vertical-spacing-compact: -1px;
1566
- }
1567
-
1568
- :host,
1569
- :root {
1570
- --system-spectrum-button-background-color-default: var(--spectrum-gray-75);
1571
- --system-spectrum-button-background-color-hover: var(--spectrum-gray-200);
1572
- --system-spectrum-button-background-color-down: var(--spectrum-gray-300);
1573
- --system-spectrum-button-background-color-focus: var(--spectrum-gray-200);
1574
- --system-spectrum-button-border-color-default: var(--spectrum-gray-400);
1575
- --system-spectrum-button-border-color-hover: var(--spectrum-gray-500);
1576
- --system-spectrum-button-border-color-down: var(--spectrum-gray-600);
1577
- --system-spectrum-button-border-color-focus: var(--spectrum-gray-500);
1578
- --system-spectrum-button-content-color-default: var(
1579
- --spectrum-neutral-content-color-default
1580
- );
1581
- --system-spectrum-button-content-color-hover: var(
1582
- --spectrum-neutral-content-color-hover
1583
- );
1584
- --system-spectrum-button-content-color-down: var(
1585
- --spectrum-neutral-content-color-down
1586
- );
1587
- --system-spectrum-button-content-color-focus: var(
1588
- --spectrum-neutral-content-color-key-focus
1589
- );
1590
- --system-spectrum-button-background-color-disabled: transparent;
1591
- --system-spectrum-button-border-color-disabled: var(
1592
- --spectrum-disabled-border-color
1593
- );
1594
- --system-spectrum-button-content-color-disabled: var(
1595
- --spectrum-disabled-content-color
1596
- );
1597
- --system-spectrum-button-accent-background-color-default: var(
1598
- --spectrum-accent-background-color-default
1599
- );
1600
- --system-spectrum-button-accent-background-color-hover: var(
1601
- --spectrum-accent-background-color-hover
1602
- );
1603
- --system-spectrum-button-accent-background-color-down: var(
1604
- --spectrum-accent-background-color-down
1605
- );
1606
- --system-spectrum-button-accent-background-color-focus: var(
1607
- --spectrum-accent-background-color-key-focus
1608
- );
1609
- --system-spectrum-button-accent-border-color-default: transparent;
1610
- --system-spectrum-button-accent-border-color-hover: transparent;
1611
- --system-spectrum-button-accent-border-color-down: transparent;
1612
- --system-spectrum-button-accent-border-color-focus: transparent;
1613
- --system-spectrum-button-accent-content-color-default: var(
1614
- --spectrum-white
1615
- );
1616
- --system-spectrum-button-accent-content-color-hover: var(--spectrum-white);
1617
- --system-spectrum-button-accent-content-color-down: var(--spectrum-white);
1618
- --system-spectrum-button-accent-content-color-focus: var(--spectrum-white);
1619
- --system-spectrum-button-accent-background-color-disabled: var(
1620
- --spectrum-disabled-background-color
1621
- );
1622
- --system-spectrum-button-accent-border-color-disabled: transparent;
1623
- --system-spectrum-button-accent-content-color-disabled: var(
1624
- --spectrum-disabled-content-color
1625
- );
1626
- --system-spectrum-button-accent-outline-background-color-default: transparent;
1627
- --system-spectrum-button-accent-outline-background-color-hover: var(
1628
- --spectrum-accent-color-200
1629
- );
1630
- --system-spectrum-button-accent-outline-background-color-down: var(
1631
- --spectrum-accent-color-300
1632
- );
1633
- --system-spectrum-button-accent-outline-background-color-focus: var(
1634
- --spectrum-accent-color-200
1635
- );
1636
- --system-spectrum-button-accent-outline-border-color-default: var(
1637
- --spectrum-accent-color-900
1638
- );
1639
- --system-spectrum-button-accent-outline-border-color-hover: var(
1640
- --spectrum-accent-color-1000
1641
- );
1642
- --system-spectrum-button-accent-outline-border-color-down: var(
1643
- --spectrum-accent-color-1100
1644
- );
1645
- --system-spectrum-button-accent-outline-border-color-focus: var(
1646
- --spectrum-accent-color-1000
1647
- );
1648
- --system-spectrum-button-accent-outline-content-color-default: var(
1649
- --spectrum-accent-content-color-default
1650
- );
1651
- --system-spectrum-button-accent-outline-content-color-hover: var(
1652
- --spectrum-accent-content-color-hover
1653
- );
1654
- --system-spectrum-button-accent-outline-content-color-down: var(
1655
- --spectrum-accent-content-color-down
1656
- );
1657
- --system-spectrum-button-accent-outline-content-color-focus: var(
1658
- --spectrum-accent-content-color-key-focus
1659
- );
1660
- --system-spectrum-button-accent-outline-background-color-disabled: transparent;
1661
- --system-spectrum-button-accent-outline-border-color-disabled: var(
1662
- --spectrum-disabled-border-color
1663
- );
1664
- --system-spectrum-button-accent-outline-content-color-disabled: var(
1665
- --spectrum-disabled-content-color
1666
- );
1667
- --system-spectrum-button-negative-background-color-default: var(
1668
- --spectrum-negative-background-color-default
1669
- );
1670
- --system-spectrum-button-negative-background-color-hover: var(
1671
- --spectrum-negative-background-color-hover
1672
- );
1673
- --system-spectrum-button-negative-background-color-down: var(
1674
- --spectrum-negative-background-color-down
1675
- );
1676
- --system-spectrum-button-negative-background-color-focus: var(
1677
- --spectrum-negative-background-color-key-focus
1678
- );
1679
- --system-spectrum-button-negative-border-color-default: transparent;
1680
- --system-spectrum-button-negative-border-color-hover: transparent;
1681
- --system-spectrum-button-negative-border-color-down: transparent;
1682
- --system-spectrum-button-negative-border-color-focus: transparent;
1683
- --system-spectrum-button-negative-content-color-default: var(
1684
- --spectrum-white
1685
- );
1686
- --system-spectrum-button-negative-content-color-hover: var(
1687
- --spectrum-white
1688
- );
1689
- --system-spectrum-button-negative-content-color-down: var(--spectrum-white);
1690
- --system-spectrum-button-negative-content-color-focus: var(
1691
- --spectrum-white
1692
- );
1693
- --system-spectrum-button-negative-background-color-disabled: var(
1694
- --spectrum-disabled-background-color
1695
- );
1696
- --system-spectrum-button-negative-border-color-disabled: transparent;
1697
- --system-spectrum-button-negative-content-color-disabled: var(
1698
- --spectrum-disabled-content-color
1699
- );
1700
- --system-spectrum-button-negative-outline-background-color-default: transparent;
1701
- --system-spectrum-button-negative-outline-background-color-hover: var(
1702
- --spectrum-negative-color-200
1703
- );
1704
- --system-spectrum-button-negative-outline-background-color-down: var(
1705
- --spectrum-negative-color-300
1706
- );
1707
- --system-spectrum-button-negative-outline-background-color-focus: var(
1708
- --spectrum-negative-color-200
1709
- );
1710
- --system-spectrum-button-negative-outline-border-color-default: var(
1711
- --spectrum-negative-color-900
1712
- );
1713
- --system-spectrum-button-negative-outline-border-color-hover: var(
1714
- --spectrum-negative-color-1000
1715
- );
1716
- --system-spectrum-button-negative-outline-border-color-down: var(
1717
- --spectrum-negative-color-1100
1718
- );
1719
- --system-spectrum-button-negative-outline-border-color-focus: var(
1720
- --spectrum-negative-color-1000
1721
- );
1722
- --system-spectrum-button-negative-outline-content-color-default: var(
1723
- --spectrum-negative-content-color-default
1724
- );
1725
- --system-spectrum-button-negative-outline-content-color-hover: var(
1726
- --spectrum-negative-content-color-hover
1727
- );
1728
- --system-spectrum-button-negative-outline-content-color-down: var(
1729
- --spectrum-negative-content-color-down
1730
- );
1731
- --system-spectrum-button-negative-outline-content-color-focus: var(
1732
- --spectrum-negative-content-color-key-focus
1733
- );
1734
- --system-spectrum-button-negative-outline-background-color-disabled: transparent;
1735
- --system-spectrum-button-negative-outline-border-color-disabled: var(
1736
- --spectrum-disabled-border-color
1737
- );
1738
- --system-spectrum-button-negative-outline-content-color-disabled: var(
1739
- --spectrum-disabled-content-color
1740
- );
1741
- --system-spectrum-button-primary-background-color-default: var(
1742
- --spectrum-neutral-background-color-default
1743
- );
1744
- --system-spectrum-button-primary-background-color-hover: var(
1745
- --spectrum-neutral-background-color-hover
1746
- );
1747
- --system-spectrum-button-primary-background-color-down: var(
1748
- --spectrum-neutral-background-color-down
1749
- );
1750
- --system-spectrum-button-primary-background-color-focus: var(
1751
- --spectrum-neutral-background-color-key-focus
1752
- );
1753
- --system-spectrum-button-primary-border-color-default: transparent;
1754
- --system-spectrum-button-primary-border-color-hover: transparent;
1755
- --system-spectrum-button-primary-border-color-down: transparent;
1756
- --system-spectrum-button-primary-border-color-focus: transparent;
1757
- --system-spectrum-button-primary-content-color-default: var(
1758
- --spectrum-white
1759
- );
1760
- --system-spectrum-button-primary-content-color-hover: var(--spectrum-white);
1761
- --system-spectrum-button-primary-content-color-down: var(--spectrum-white);
1762
- --system-spectrum-button-primary-content-color-focus: var(--spectrum-white);
1763
- --system-spectrum-button-primary-background-color-disabled: var(
1764
- --spectrum-disabled-background-color
1765
- );
1766
- --system-spectrum-button-primary-border-color-disabled: transparent;
1767
- --system-spectrum-button-primary-content-color-disabled: var(
1768
- --spectrum-disabled-content-color
1769
- );
1770
- --system-spectrum-button-primary-outline-background-color-default: transparent;
1771
- --system-spectrum-button-primary-outline-background-color-hover: var(
1772
- --spectrum-gray-300
1773
- );
1774
- --system-spectrum-button-primary-outline-background-color-down: var(
1775
- --spectrum-gray-400
1776
- );
1777
- --system-spectrum-button-primary-outline-background-color-focus: var(
1778
- --spectrum-gray-300
1779
- );
1780
- --system-spectrum-button-primary-outline-border-color-default: var(
1781
- --spectrum-gray-800
1782
- );
1783
- --system-spectrum-button-primary-outline-border-color-hover: var(
1784
- --spectrum-gray-900
1785
- );
1786
- --system-spectrum-button-primary-outline-border-color-down: var(
1787
- --spectrum-gray-900
1788
- );
1789
- --system-spectrum-button-primary-outline-border-color-focus: var(
1790
- --spectrum-gray-900
1791
- );
1792
- --system-spectrum-button-primary-outline-content-color-default: var(
1793
- --spectrum-neutral-content-color-default
1794
- );
1795
- --system-spectrum-button-primary-outline-content-color-hover: var(
1796
- --spectrum-neutral-content-color-hover
1797
- );
1798
- --system-spectrum-button-primary-outline-content-color-down: var(
1799
- --spectrum-neutral-content-color-down
1800
- );
1801
- --system-spectrum-button-primary-outline-content-color-focus: var(
1802
- --spectrum-neutral-content-color-key-focus
1803
- );
1804
- --system-spectrum-button-primary-outline-background-color-disabled: transparent;
1805
- --system-spectrum-button-primary-outline-border-color-disabled: var(
1806
- --spectrum-disabled-border-color
1807
- );
1808
- --system-spectrum-button-primary-outline-content-color-disabled: var(
1809
- --spectrum-disabled-content-color
1810
- );
1811
- --system-spectrum-button-secondary-background-color-default: var(
1812
- --spectrum-gray-200
1813
- );
1814
- --system-spectrum-button-secondary-background-color-hover: var(
1815
- --spectrum-gray-300
1816
- );
1817
- --system-spectrum-button-secondary-background-color-down: var(
1818
- --spectrum-gray-400
1819
- );
1820
- --system-spectrum-button-secondary-background-color-focus: var(
1821
- --spectrum-gray-300
1822
- );
1823
- --system-spectrum-button-secondary-border-color-default: transparent;
1824
- --system-spectrum-button-secondary-border-color-hover: transparent;
1825
- --system-spectrum-button-secondary-border-color-down: transparent;
1826
- --system-spectrum-button-secondary-border-color-focus: transparent;
1827
- --system-spectrum-button-secondary-content-color-default: var(
1828
- --spectrum-neutral-content-color-default
1829
- );
1830
- --system-spectrum-button-secondary-content-color-hover: var(
1831
- --spectrum-neutral-content-color-hover
1832
- );
1833
- --system-spectrum-button-secondary-content-color-down: var(
1834
- --spectrum-neutral-content-color-down
1835
- );
1836
- --system-spectrum-button-secondary-content-color-focus: var(
1837
- --spectrum-neutral-content-color-key-focus
1838
- );
1839
- --system-spectrum-button-secondary-background-color-disabled: var(
1840
- --spectrum-disabled-background-color
1841
- );
1842
- --system-spectrum-button-secondary-border-color-disabled: transparent;
1843
- --system-spectrum-button-secondary-content-color-disabled: var(
1844
- --spectrum-disabled-content-color
1845
- );
1846
- --system-spectrum-button-secondary-outline-background-color-default: transparent;
1847
- --system-spectrum-button-secondary-outline-background-color-hover: var(
1848
- --spectrum-gray-300
1849
- );
1850
- --system-spectrum-button-secondary-outline-background-color-down: var(
1851
- --spectrum-gray-400
1852
- );
1853
- --system-spectrum-button-secondary-outline-background-color-focus: var(
1854
- --spectrum-gray-300
1855
- );
1856
- --system-spectrum-button-secondary-outline-border-color-default: var(
1857
- --spectrum-gray-300
1858
- );
1859
- --system-spectrum-button-secondary-outline-border-color-hover: var(
1860
- --spectrum-gray-400
1861
- );
1862
- --system-spectrum-button-secondary-outline-border-color-down: var(
1863
- --spectrum-gray-500
1864
- );
1865
- --system-spectrum-button-secondary-outline-border-color-focus: var(
1866
- --spectrum-gray-400
1867
- );
1868
- --system-spectrum-button-secondary-outline-content-color-default: var(
1869
- --spectrum-neutral-content-color-default
1870
- );
1871
- --system-spectrum-button-secondary-outline-content-color-hover: var(
1872
- --spectrum-neutral-content-color-hover
1873
- );
1874
- --system-spectrum-button-secondary-outline-content-color-down: var(
1875
- --spectrum-neutral-content-color-down
1876
- );
1877
- --system-spectrum-button-secondary-outline-content-color-focus: var(
1878
- --spectrum-neutral-content-color-key-focus
1879
- );
1880
- --system-spectrum-button-secondary-outline-background-color-disabled: transparent;
1881
- --system-spectrum-button-secondary-outline-border-color-disabled: var(
1882
- --spectrum-disabled-border-color
1883
- );
1884
- --system-spectrum-button-secondary-outline-content-color-disabled: var(
1885
- --spectrum-disabled-content-color
1886
- );
1887
- --system-spectrum-button-quiet-background-color-default: transparent;
1888
- --system-spectrum-button-quiet-background-color-hover: var(
1889
- --spectrum-gray-200
1890
- );
1891
- --system-spectrum-button-quiet-background-color-down: var(
1892
- --spectrum-gray-300
1893
- );
1894
- --system-spectrum-button-quiet-background-color-focus: var(
1895
- --spectrum-gray-200
1896
- );
1897
- --system-spectrum-button-quiet-border-color-default: transparent;
1898
- --system-spectrum-button-quiet-border-color-hover: transparent;
1899
- --system-spectrum-button-quiet-border-color-down: transparent;
1900
- --system-spectrum-button-quiet-border-color-focus: transparent;
1901
- --system-spectrum-button-quiet-background-color-disabled: transparent;
1902
- --system-spectrum-button-quiet-border-color-disabled: transparent;
1903
- --system-spectrum-button-selected-background-color-default: var(
1904
- --spectrum-neutral-subdued-background-color-default
1905
- );
1906
- --system-spectrum-button-selected-background-color-hover: var(
1907
- --spectrum-neutral-subdued-background-color-hover
1908
- );
1909
- --system-spectrum-button-selected-background-color-down: var(
1910
- --spectrum-neutral-subdued-background-color-down
1911
- );
1912
- --system-spectrum-button-selected-background-color-focus: var(
1913
- --spectrum-neutral-subdued-background-color-key-focus
1914
- );
1915
- --system-spectrum-button-selected-border-color-default: transparent;
1916
- --system-spectrum-button-selected-border-color-hover: transparent;
1917
- --system-spectrum-button-selected-border-color-down: transparent;
1918
- --system-spectrum-button-selected-border-color-focus: transparent;
1919
- --system-spectrum-button-selected-content-color-default: var(
1920
- --spectrum-white
1921
- );
1922
- --system-spectrum-button-selected-content-color-hover: var(
1923
- --spectrum-white
1924
- );
1925
- --system-spectrum-button-selected-content-color-down: var(--spectrum-white);
1926
- --system-spectrum-button-selected-content-color-focus: var(
1927
- --spectrum-white
1928
- );
1929
- --system-spectrum-button-selected-background-color-disabled: var(
1930
- --spectrum-disabled-background-color
1931
- );
1932
- --system-spectrum-button-selected-border-color-disabled: transparent;
1933
- --system-spectrum-button-selected-emphasized-background-color-default: var(
1934
- --spectrum-accent-background-color-default
1935
- );
1936
- --system-spectrum-button-selected-emphasized-background-color-hover: var(
1937
- --spectrum-accent-background-color-hover
1938
- );
1939
- --system-spectrum-button-selected-emphasized-background-color-down: var(
1940
- --spectrum-accent-background-color-down
1941
- );
1942
- --system-spectrum-button-selected-emphasized-background-color-focus: var(
1943
- --spectrum-accent-background-color-key-focus
1944
- );
1945
- --system-spectrum-button-staticblack-quiet-border-color-default: transparent;
1946
- --system-spectrum-button-staticwhite-quiet-border-color-default: transparent;
1947
- --system-spectrum-button-staticblack-quiet-border-color-hover: transparent;
1948
- --system-spectrum-button-staticwhite-quiet-border-color-hover: transparent;
1949
- --system-spectrum-button-staticblack-quiet-border-color-down: transparent;
1950
- --system-spectrum-button-staticwhite-quiet-border-color-down: transparent;
1951
- --system-spectrum-button-staticblack-quiet-border-color-focus: transparent;
1952
- --system-spectrum-button-staticwhite-quiet-border-color-focus: transparent;
1953
- --system-spectrum-button-staticblack-quiet-border-color-disabled: transparent;
1954
- --system-spectrum-button-staticwhite-quiet-border-color-disabled: transparent;
1955
- --system-spectrum-button-staticwhite-background-color-default: var(
1956
- --spectrum-transparent-white-800
1957
- );
1958
- --system-spectrum-button-staticwhite-background-color-hover: var(
1959
- --spectrum-transparent-white-900
1960
- );
1961
- --system-spectrum-button-staticwhite-background-color-down: var(
1962
- --spectrum-transparent-white-900
1963
- );
1964
- --system-spectrum-button-staticwhite-background-color-focus: var(
1965
- --spectrum-transparent-white-900
1966
- );
1967
- --system-spectrum-button-staticwhite-border-color-default: transparent;
1968
- --system-spectrum-button-staticwhite-border-color-hover: transparent;
1969
- --system-spectrum-button-staticwhite-border-color-down: transparent;
1970
- --system-spectrum-button-staticwhite-border-color-focus: transparent;
1971
- --system-spectrum-button-staticwhite-content-color-default: var(
1972
- --spectrum-black
1973
- );
1974
- --system-spectrum-button-staticwhite-content-color-hover: var(
1975
- --spectrum-black
1976
- );
1977
- --system-spectrum-button-staticwhite-content-color-down: var(
1978
- --spectrum-black
1979
- );
1980
- --system-spectrum-button-staticwhite-content-color-focus: var(
1981
- --spectrum-black
1982
- );
1983
- --system-spectrum-button-staticwhite-focus-indicator-color: var(
1984
- --spectrum-static-white-focus-indicator-color
1985
- );
1986
- --system-spectrum-button-staticwhite-background-color-disabled: var(
1987
- --spectrum-disabled-static-white-background-color
1988
- );
1989
- --system-spectrum-button-staticwhite-border-color-disabled: transparent;
1990
- --system-spectrum-button-staticwhite-content-color-disabled: var(
1991
- --spectrum-disabled-static-white-content-color
1992
- );
1993
- --system-spectrum-button-staticwhite-outline-background-color-default: transparent;
1994
- --system-spectrum-button-staticwhite-outline-background-color-hover: var(
1995
- --spectrum-transparent-white-300
1996
- );
1997
- --system-spectrum-button-staticwhite-outline-background-color-down: var(
1998
- --spectrum-transparent-white-400
1999
- );
2000
- --system-spectrum-button-staticwhite-outline-background-color-focus: var(
2001
- --spectrum-transparent-white-300
2002
- );
2003
- --system-spectrum-button-staticwhite-outline-border-color-default: var(
2004
- --spectrum-transparent-white-800
2005
- );
2006
- --system-spectrum-button-staticwhite-outline-border-color-hover: var(
2007
- --spectrum-transparent-white-900
2008
- );
2009
- --system-spectrum-button-staticwhite-outline-border-color-down: var(
2010
- --spectrum-transparent-white-900
2011
- );
2012
- --system-spectrum-button-staticwhite-outline-border-color-focus: var(
2013
- --spectrum-transparent-white-900
2014
- );
2015
- --system-spectrum-button-staticwhite-outline-content-color-default: var(
2016
- --spectrum-white
2017
- );
2018
- --system-spectrum-button-staticwhite-outline-content-color-hover: var(
2019
- --spectrum-white
2020
- );
2021
- --system-spectrum-button-staticwhite-outline-content-color-down: var(
2022
- --spectrum-white
2023
- );
2024
- --system-spectrum-button-staticwhite-outline-content-color-focus: var(
2025
- --spectrum-white
2026
- );
2027
- --system-spectrum-button-staticwhite-outline-focus-indicator-color: var(
2028
- --spectrum-static-white-focus-indicator-color
2029
- );
2030
- --system-spectrum-button-staticwhite-outline-background-color-disabled: transparent;
2031
- --system-spectrum-button-staticwhite-outline-border-color-disabled: var(
2032
- --spectrum-disabled-static-white-border-color
2033
- );
2034
- --system-spectrum-button-staticwhite-outline-content-color-disabled: var(
2035
- --spectrum-disabled-static-white-content-color
2036
- );
2037
- --system-spectrum-button-staticwhite-selected-background-color-default: var(
2038
- --spectrum-transparent-white-800
2039
- );
2040
- --system-spectrum-button-staticwhite-selected-background-color-hover: var(
2041
- --spectrum-transparent-white-900
2042
- );
2043
- --system-spectrum-button-staticwhite-selected-background-color-down: var(
2044
- --spectrum-transparent-white-900
2045
- );
2046
- --system-spectrum-button-staticwhite-selected-background-color-focus: var(
2047
- --spectrum-transparent-white-900
2048
- );
2049
- --system-spectrum-button-staticwhite-selected-content-color-default: var(
2050
- --spectrum-black
2051
- );
2052
- --system-spectrum-button-staticwhite-selected-content-color-hover: var(
2053
- --spectrum-black
2054
- );
2055
- --system-spectrum-button-staticwhite-selected-content-color-down: var(
2056
- --spectrum-black
2057
- );
2058
- --system-spectrum-button-staticwhite-selected-content-color-focus: var(
2059
- --spectrum-black
2060
- );
2061
- --system-spectrum-button-staticwhite-selected-background-color-disabled: var(
2062
- --spectrum-disabled-static-white-background-color
2063
- );
2064
- --system-spectrum-button-staticwhite-selected-border-color-disabled: transparent;
2065
- --system-spectrum-button-staticwhite-secondary-background-color-default: var(
2066
- --spectrum-transparent-white-200
2067
- );
2068
- --system-spectrum-button-staticwhite-secondary-background-color-hover: var(
2069
- --spectrum-transparent-white-300
2070
- );
2071
- --system-spectrum-button-staticwhite-secondary-background-color-down: var(
2072
- --spectrum-transparent-white-400
2073
- );
2074
- --system-spectrum-button-staticwhite-secondary-background-color-focus: var(
2075
- --spectrum-transparent-white-300
2076
- );
2077
- --system-spectrum-button-staticwhite-secondary-border-color-default: transparent;
2078
- --system-spectrum-button-staticwhite-secondary-border-color-hover: transparent;
2079
- --system-spectrum-button-staticwhite-secondary-border-color-down: transparent;
2080
- --system-spectrum-button-staticwhite-secondary-border-color-focus: transparent;
2081
- --system-spectrum-button-staticwhite-secondary-content-color-default: var(
2082
- --spectrum-white
2083
- );
2084
- --system-spectrum-button-staticwhite-secondary-content-color-hover: var(
2085
- --spectrum-white
2086
- );
2087
- --system-spectrum-button-staticwhite-secondary-content-color-down: var(
2088
- --spectrum-white
2089
- );
2090
- --system-spectrum-button-staticwhite-secondary-content-color-focus: var(
2091
- --spectrum-white
2092
- );
2093
- --system-spectrum-button-staticwhite-secondary-focus-indicator-color: var(
2094
- --spectrum-static-white-focus-indicator-color
2095
- );
2096
- --system-spectrum-button-staticwhite-secondary-background-color-disabled: var(
2097
- --spectrum-disabled-static-white-background-color
2098
- );
2099
- --system-spectrum-button-staticwhite-secondary-border-color-disabled: transparent;
2100
- --system-spectrum-button-staticwhite-secondary-content-color-disabled: var(
2101
- --spectrum-disabled-static-white-content-color
2102
- );
2103
- --system-spectrum-button-staticwhite-secondary-outline-background-color-default: transparent;
2104
- --system-spectrum-button-staticwhite-secondary-outline-background-color-hover: var(
2105
- --spectrum-transparent-white-300
2106
- );
2107
- --system-spectrum-button-staticwhite-secondary-outline-background-color-down: var(
2108
- --spectrum-transparent-white-400
2109
- );
2110
- --system-spectrum-button-staticwhite-secondary-outline-background-color-focus: var(
2111
- --spectrum-transparent-white-300
2112
- );
2113
- --system-spectrum-button-staticwhite-secondary-outline-border-color-default: var(
2114
- --spectrum-transparent-white-300
2115
- );
2116
- --system-spectrum-button-staticwhite-secondary-outline-border-color-hover: var(
2117
- --spectrum-transparent-white-400
2118
- );
2119
- --system-spectrum-button-staticwhite-secondary-outline-border-color-down: var(
2120
- --spectrum-transparent-white-500
2121
- );
2122
- --system-spectrum-button-staticwhite-secondary-outline-border-color-focus: var(
2123
- --spectrum-transparent-white-400
2124
- );
2125
- --system-spectrum-button-staticwhite-secondary-outline-content-color-default: var(
2126
- --spectrum-white
2127
- );
2128
- --system-spectrum-button-staticwhite-secondary-outline-content-color-hover: var(
2129
- --spectrum-white
2130
- );
2131
- --system-spectrum-button-staticwhite-secondary-outline-content-color-down: var(
2132
- --spectrum-white
2133
- );
2134
- --system-spectrum-button-staticwhite-secondary-outline-content-color-focus: var(
2135
- --spectrum-white
2136
- );
2137
- --system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color: var(
2138
- --spectrum-static-white-focus-indicator-color
2139
- );
2140
- --system-spectrum-button-staticwhite-secondary-outline-background-color-disabled: transparent;
2141
- --system-spectrum-button-staticwhite-secondary-outline-border-color-disabled: var(
2142
- --spectrum-disabled-static-white-border-color
2143
- );
2144
- --system-spectrum-button-staticwhite-secondary-outline-content-color-disabled: var(
2145
- --spectrum-disabled-static-white-content-color
2146
- );
2147
- --system-spectrum-button-staticblack-background-color-default: var(
2148
- --spectrum-transparent-black-800
2149
- );
2150
- --system-spectrum-button-staticblack-background-color-hover: var(
2151
- --spectrum-transparent-black-900
2152
- );
2153
- --system-spectrum-button-staticblack-background-color-down: var(
2154
- --spectrum-transparent-black-900
2155
- );
2156
- --system-spectrum-button-staticblack-background-color-focus: var(
2157
- --spectrum-transparent-black-900
2158
- );
2159
- --system-spectrum-button-staticblack-border-color-default: transparent;
2160
- --system-spectrum-button-staticblack-border-color-hover: transparent;
2161
- --system-spectrum-button-staticblack-border-color-down: transparent;
2162
- --system-spectrum-button-staticblack-border-color-focus: transparent;
2163
- --system-spectrum-button-staticblack-content-color-default: var(
2164
- --spectrum-white
2165
- );
2166
- --system-spectrum-button-staticblack-content-color-hover: var(
2167
- --spectrum-white
2168
- );
2169
- --system-spectrum-button-staticblack-content-color-down: var(
2170
- --spectrum-white
2171
- );
2172
- --system-spectrum-button-staticblack-content-color-focus: var(
2173
- --spectrum-white
2174
- );
2175
- --system-spectrum-button-staticblack-focus-indicator-color: var(
2176
- --spectrum-static-black-focus-indicator-color
2177
- );
2178
- --system-spectrum-button-staticblack-background-color-disabled: var(
2179
- --spectrum-disabled-static-black-background-color
2180
- );
2181
- --system-spectrum-button-staticblack-border-color-disabled: transparent;
2182
- --system-spectrum-button-staticblack-content-color-disabled: var(
2183
- --spectrum-disabled-static-black-content-color
2184
- );
2185
- --system-spectrum-button-staticblack-outline-background-color-default: transparent;
2186
- --system-spectrum-button-staticblack-outline-background-color-hover: var(
2187
- --spectrum-transparent-black-300
2188
- );
2189
- --system-spectrum-button-staticblack-outline-background-color-down: var(
2190
- --spectrum-transparent-black-400
2191
- );
2192
- --system-spectrum-button-staticblack-outline-background-color-focus: var(
2193
- --spectrum-transparent-black-300
2194
- );
2195
- --system-spectrum-button-staticblack-outline-border-color-default: var(
2196
- --spectrum-transparent-black-400
2197
- );
2198
- --system-spectrum-button-staticblack-outline-border-color-hover: var(
2199
- --spectrum-transparent-black-500
2200
- );
2201
- --system-spectrum-button-staticblack-outline-border-color-down: var(
2202
- --spectrum-transparent-black-600
2203
- );
2204
- --system-spectrum-button-staticblack-outline-border-color-focus: var(
2205
- --spectrum-transparent-black-500
2206
- );
2207
- --system-spectrum-button-staticblack-outline-content-color-default: var(
2208
- --spectrum-black
2209
- );
2210
- --system-spectrum-button-staticblack-outline-content-color-hover: var(
2211
- --spectrum-black
2212
- );
2213
- --system-spectrum-button-staticblack-outline-content-color-down: var(
2214
- --spectrum-black
2215
- );
2216
- --system-spectrum-button-staticblack-outline-content-color-focus: var(
2217
- --spectrum-black
2218
- );
2219
- --system-spectrum-button-staticblack-outline-focus-indicator-color: var(
2220
- --spectrum-static-black-focus-indicator-color
2221
- );
2222
- --system-spectrum-button-staticblack-outline-background-color-disabled: transparent;
2223
- --system-spectrum-button-staticblack-outline-border-color-disabled: var(
2224
- --spectrum-disabled-static-black-border-color
2225
- );
2226
- --system-spectrum-button-staticblack-outline-content-color-disabled: var(
2227
- --spectrum-disabled-static-black-content-color
2228
- );
2229
- --system-spectrum-button-staticblack-secondary-background-color-default: var(
2230
- --spectrum-transparent-black-200
2231
- );
2232
- --system-spectrum-button-staticblack-secondary-background-color-hover: var(
2233
- --spectrum-transparent-black-300
2234
- );
2235
- --system-spectrum-button-staticblack-secondary-background-color-down: var(
2236
- --spectrum-transparent-black-400
2237
- );
2238
- --system-spectrum-button-staticblack-secondary-background-color-focus: var(
2239
- --spectrum-transparent-black-300
2240
- );
2241
- --system-spectrum-button-staticblack-secondary-border-color-default: transparent;
2242
- --system-spectrum-button-staticblack-secondary-border-color-hover: transparent;
2243
- --system-spectrum-button-staticblack-secondary-border-color-down: transparent;
2244
- --system-spectrum-button-staticblack-secondary-border-color-focus: transparent;
2245
- --system-spectrum-button-staticblack-secondary-content-color-default: var(
2246
- --spectrum-black
2247
- );
2248
- --system-spectrum-button-staticblack-secondary-content-color-hover: var(
2249
- --spectrum-black
2250
- );
2251
- --system-spectrum-button-staticblack-secondary-content-color-down: var(
2252
- --spectrum-black
2253
- );
2254
- --system-spectrum-button-staticblack-secondary-content-color-focus: var(
2255
- --spectrum-black
2256
- );
2257
- --system-spectrum-button-staticblack-secondary-focus-indicator-color: var(
2258
- --spectrum-static-black-focus-indicator-color
2259
- );
2260
- --system-spectrum-button-staticblack-secondary-background-color-disabled: var(
2261
- --spectrum-disabled-static-black-background-color
2262
- );
2263
- --system-spectrum-button-staticblack-secondary-border-color-disabled: transparent;
2264
- --system-spectrum-button-staticblack-secondary-content-color-disabled: var(
2265
- --spectrum-disabled-static-black-content-color
2266
- );
2267
- --system-spectrum-button-staticblack-secondary-outline-background-color-default: transparent;
2268
- --system-spectrum-button-staticblack-secondary-outline-background-color-hover: var(
2269
- --spectrum-transparent-black-300
2270
- );
2271
- --system-spectrum-button-staticblack-secondary-outline-background-color-down: var(
2272
- --spectrum-transparent-black-400
2273
- );
2274
- --system-spectrum-button-staticblack-secondary-outline-background-color-focus: var(
2275
- --spectrum-transparent-black-300
2276
- );
2277
- --system-spectrum-button-staticblack-secondary-outline-border-color-default: var(
2278
- --spectrum-transparent-black-300
2279
- );
2280
- --system-spectrum-button-staticblack-secondary-outline-border-color-hover: var(
2281
- --spectrum-transparent-black-400
2282
- );
2283
- --system-spectrum-button-staticblack-secondary-outline-border-color-down: var(
2284
- --spectrum-transparent-black-500
2285
- );
2286
- --system-spectrum-button-staticblack-secondary-outline-border-color-focus: var(
2287
- --spectrum-transparent-black-400
2288
- );
2289
- --system-spectrum-button-staticblack-secondary-outline-content-color-default: var(
2290
- --spectrum-black
2291
- );
2292
- --system-spectrum-button-staticblack-secondary-outline-content-color-hover: var(
2293
- --spectrum-black
2294
- );
2295
- --system-spectrum-button-staticblack-secondary-outline-content-color-down: var(
2296
- --spectrum-black
2297
- );
2298
- --system-spectrum-button-staticblack-secondary-outline-content-color-focus: var(
2299
- --spectrum-black
2300
- );
2301
- --system-spectrum-button-staticblack-secondary-outline-focus-indicator-color: var(
2302
- --spectrum-static-black-focus-indicator-color
2303
- );
2304
- --system-spectrum-button-staticblack-secondary-outline-background-color-disabled: transparent;
2305
- --system-spectrum-button-staticblack-secondary-outline-border-color-disabled: var(
2306
- --spectrum-disabled-static-black-border-color
2307
- );
2308
- --system-spectrum-button-staticblack-secondary-outline-content-color-disabled: var(
2309
- --spectrum-disabled-static-black-content-color
2310
- );
2311
- }
2312
-
2313
- :host,
2314
- :root {
2315
- --system-spectrum-checkbox-control-color-default: var(--spectrum-gray-600);
2316
- --system-spectrum-checkbox-control-color-hover: var(--spectrum-gray-700);
2317
- --system-spectrum-checkbox-control-color-down: var(--spectrum-gray-800);
2318
- --system-spectrum-checkbox-control-color-focus: var(--spectrum-gray-700);
2319
- }
2320
-
2321
- :host,
2322
- :root {
2323
- --system-spectrum-closebutton-background-color-default: transparent;
2324
- --system-spectrum-closebutton-background-color-hover: var(
2325
- --spectrum-gray-200
2326
- );
2327
- --system-spectrum-closebutton-background-color-down: var(
2328
- --spectrum-gray-300
2329
- );
2330
- --system-spectrum-closebutton-background-color-focus: var(
2331
- --spectrum-gray-200
2332
- );
2333
- }
2334
-
2335
- :host,
2336
- :root {
2337
- --system-spectrum-combobox-border-color-default: var(--spectrum-gray-500);
2338
- --system-spectrum-combobox-border-color-hover: var(--spectrum-gray-600);
2339
- --system-spectrum-combobox-border-color-focus: var(--spectrum-gray-500);
2340
- --system-spectrum-combobox-border-color-focus-hover: var(
2341
- --spectrum-gray-600
2342
- );
2343
- --system-spectrum-combobox-border-color-key-focus: var(--spectrum-gray-600);
2344
- }
2345
-
2346
- :host,
2347
- :root {
2348
- --system-spectrum-infieldbutton-spectrum-infield-button-border-width: var(
2349
- --spectrum-border-width-100
2350
- );
2351
- --system-spectrum-infieldbutton-spectrum-infield-button-border-color: inherit;
2352
- --system-spectrum-infieldbutton-spectrum-infield-button-border-radius: var(
2353
- --spectrum-corner-radius-100
2354
- );
2355
- --system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset: 0;
2356
- --system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start: var(
2357
- --spectrum-infield-button-border-radius-reset
2358
- );
2359
- --system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start: var(
2360
- --spectrum-infield-button-border-radius-reset
2361
- );
2362
- --system-spectrum-infieldbutton-spectrum-infield-button-background-color: var(
2363
- --spectrum-gray-75
2364
- );
2365
- --system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover: var(
2366
- --spectrum-gray-200
2367
- );
2368
- --system-spectrum-infieldbutton-spectrum-infield-button-background-color-down: var(
2369
- --spectrum-gray-300
2370
- );
2371
- --system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus: var(
2372
- --spectrum-gray-200
2373
- );
2374
- }
2375
-
2376
- :host,
2377
- :root {
2378
- --system-spectrum-picker-background-color-default: var(--spectrum-gray-75);
2379
- --system-spectrum-picker-background-color-default-open: var(
2380
- --spectrum-gray-200
2381
- );
2382
- --system-spectrum-picker-background-color-active: var(--spectrum-gray-300);
2383
- --system-spectrum-picker-background-color-hover: var(--spectrum-gray-200);
2384
- --system-spectrum-picker-background-color-hover-open: var(
2385
- --spectrum-gray-200
2386
- );
2387
- --system-spectrum-picker-background-color-key-focus: var(
2388
- --spectrum-gray-200
2389
- );
2390
- --system-spectrum-picker-border-color-default: var(--spectrum-gray-500);
2391
- --system-spectrum-picker-border-color-default-open: var(
2392
- --spectrum-gray-500
2393
- );
2394
- --system-spectrum-picker-border-color-hover: var(--spectrum-gray-600);
2395
- --system-spectrum-picker-border-color-hover-open: var(--spectrum-gray-600);
2396
- --system-spectrum-picker-border-color-active: var(--spectrum-gray-700);
2397
- --system-spectrum-picker-border-color-key-focus: var(--spectrum-gray-600);
2398
- --system-spectrum-picker-border-width: var(--spectrum-border-width-100);
2399
- }
2400
-
2401
- :host,
2402
- :root {
2403
- --system-spectrum-pickerbutton-spectrum-picker-button-background-color: var(
2404
- --spectrum-gray-75
2405
- );
2406
- --system-spectrum-pickerbutton-spectrum-picker-button-background-color-hover: var(
2407
- --spectrum-gray-200
2408
- );
2409
- --system-spectrum-pickerbutton-spectrum-picker-button-background-color-down: var(
2410
- --spectrum-gray-300
2411
- );
2412
- --system-spectrum-pickerbutton-spectrum-picker-button-background-color-key-focus: var(
2413
- --spectrum-gray-200
2414
- );
2415
- --system-spectrum-pickerbutton-spectrum-picker-button-border-color: inherit;
2416
- --system-spectrum-pickerbutton-spectrum-picker-button-border-radius: var(
2417
- --spectrum-corner-radius-100
2418
- );
2419
- --system-spectrum-pickerbutton-spectrum-picker-button-border-radius-rounded-sided: 0;
2420
- --system-spectrum-pickerbutton-spectrum-picker-button-border-radius-sided: 0;
2421
- --system-spectrum-pickerbutton-spectrum-picker-button-border-width: var(
2422
- --spectrum-border-width-100
2423
- );
2424
- }
2425
-
2426
- :host,
2427
- :root {
2428
- --system-spectrum-popover-border-width: var(--spectrum-border-width-100);
2429
- }
2430
-
2431
- :host,
2432
- :root {
2433
- --system-spectrum-radio-button-border-color-default: var(
2434
- --spectrum-gray-600
2435
- );
2436
- --system-spectrum-radio-button-border-color-hover: var(--spectrum-gray-700);
2437
- --system-spectrum-radio-button-border-color-down: var(--spectrum-gray-800);
2438
- --system-spectrum-radio-button-border-color-focus: var(--spectrum-gray-700);
2439
- --system-spectrum-radio-emphasized-button-checked-border-color-default: var(
2440
- --spectrum-accent-color-900
2441
- );
2442
- --system-spectrum-radio-emphasized-button-checked-border-color-hover: var(
2443
- --spectrum-accent-color-1000
2444
- );
2445
- --system-spectrum-radio-emphasized-button-checked-border-color-down: var(
2446
- --spectrum-accent-color-1100
2447
- );
2448
- --system-spectrum-radio-emphasized-button-checked-border-color-focus: var(
2449
- --spectrum-accent-color-1000
2450
- );
2451
- }
2452
-
2453
- :host,
2454
- :root {
2455
- --system-spectrum-search-border-radius: var(--spectrum-corner-radius-100);
2456
- --system-spectrum-search-edge-to-visual: var(
2457
- --spectrum-component-edge-to-visual-100
2458
- );
2459
- --system-spectrum-search-border-color-default: var(--spectrum-gray-500);
2460
- --system-spectrum-search-border-color-hover: var(--spectrum-gray-600);
2461
- --system-spectrum-search-border-color-focus: var(--spectrum-gray-800);
2462
- --system-spectrum-search-border-color-focus-hover: var(--spectrum-gray-900);
2463
- --system-spectrum-search-border-color-key-focus: var(--spectrum-gray-900);
2464
- --system-spectrum-search-sizes-border-radius: var(
2465
- --spectrum-corner-radius-100
2466
- );
2467
- --system-spectrum-search-sizes-edge-to-visual: var(
2468
- --spectrum-component-edge-to-visual-75
2469
- );
2470
- --system-spectrum-search-sizem-border-radius: var(
2471
- --spectrum-corner-radius-100
2472
- );
2473
- --system-spectrum-search-sizem-edge-to-visual: var(
2474
- --spectrum-component-edge-to-visual-100
2475
- );
2476
- --system-spectrum-search-sizel-border-radius: var(
2477
- --spectrum-corner-radius-100
2478
- );
2479
- --system-spectrum-search-sizel-edge-to-visual: var(
2480
- --spectrum-component-edge-to-visual-200
2481
- );
2482
- --system-spectrum-search-sizexl-border-radius: var(
2483
- --spectrum-corner-radius-100
2484
- );
2485
- --system-spectrum-search-sizexl-edge-to-visual: var(
2486
- --spectrum-component-edge-to-visual-300
2487
- );
2488
- }
2489
-
2490
- :host,
2491
- :root {
2492
- --system-spectrum-slider-track-color: var(--spectrum-gray-300);
2493
- --system-spectrum-slider-track-fill-color: var(--spectrum-gray-700);
2494
- --system-spectrum-slider-ramp-track-color: var(--spectrum-gray-400);
2495
- --system-spectrum-slider-ramp-track-color-disabled: var(
2496
- --spectrum-gray-200
2497
- );
2498
- --system-spectrum-slider-handle-background-color: transparent;
2499
- --system-spectrum-slider-handle-background-color-disabled: transparent;
2500
- --system-spectrum-slider-ramp-handle-background-color: var(
2501
- --spectrum-gray-100
2502
- );
2503
- --system-spectrum-slider-ticks-handle-background-color: var(
2504
- --spectrum-gray-100
2505
- );
2506
- --system-spectrum-slider-handle-border-color: var(--spectrum-gray-700);
2507
- --system-spectrum-slider-handle-disabled-background-color: var(
2508
- --spectrum-gray-100
2509
- );
2510
- --system-spectrum-slider-tick-mark-color: var(--spectrum-gray-300);
2511
- --system-spectrum-slider-handle-border-color-hover: var(
2512
- --spectrum-gray-800
2513
- );
2514
- --system-spectrum-slider-handle-border-color-down: var(--spectrum-gray-800);
2515
- --system-spectrum-slider-handle-border-color-key-focus: var(
2516
- --spectrum-gray-800
2517
- );
2518
- --system-spectrum-slider-handle-focus-ring-color-key-focus: var(
2519
- --spectrum-focus-indicator-color
2520
- );
2521
- }
2522
-
2523
- :host,
2524
- :root {
2525
- --system-spectrum-stepper-border-width: var(--spectrum-border-width-100);
2526
- --system-spectrum-stepper-buttons-border-style: none;
2527
- --system-spectrum-stepper-buttons-border-width: 0;
2528
- --system-spectrum-stepper-buttons-border-color: var(--spectrum-gray-500);
2529
- --system-spectrum-stepper-buttons-background-color: var(--spectrum-gray-50);
2530
- --system-spectrum-stepper-buttons-border-color-hover: var(
2531
- --spectrum-gray-600
2532
- );
2533
- --system-spectrum-stepper-buttons-border-color-focus: var(
2534
- --spectrum-gray-800
2535
- );
2536
- --system-spectrum-stepper-buttons-border-color-keyboard-focus: var(
2537
- --spectrum-gray-900
2538
- );
2539
- --system-spectrum-stepper-button-border-radius-reset: 0px;
2540
- --system-spectrum-stepper-button-border-width: var(
2541
- --spectrum-border-width-100
2542
- );
2543
- --system-spectrum-stepper-border-color: var(--spectrum-gray-500);
2544
- --system-spectrum-stepper-border-color-hover: var(--spectrum-gray-600);
2545
- --system-spectrum-stepper-border-color-focus: var(--spectrum-gray-800);
2546
- --system-spectrum-stepper-border-color-focus-hover: var(
2547
- --spectrum-gray-800
2548
- );
2549
- --system-spectrum-stepper-border-color-keyboard-focus: var(
2550
- --spectrum-gray-900
2551
- );
2552
- --system-spectrum-stepper-border-color-invalid: var(
2553
- --spectrum-negative-border-color-default
2554
- );
2555
- --system-spectrum-stepper-border-color-focus-invalid: var(
2556
- --spectrum-negative-border-color-focus
2557
- );
2558
- --system-spectrum-stepper-border-color-focus-hover-invalid: var(
2559
- --spectrum-negative-border-color-focus-hover
2560
- );
2561
- --system-spectrum-stepper-border-color-keyboard-focus-invalid: var(
2562
- --spectrum-negative-border-color-key-focus
2563
- );
2564
- --system-spectrum-stepper-button-background-color-focus: var(
2565
- --spectrum-gray-300
2566
- );
2567
- --system-spectrum-stepper-button-background-color-keyboard-focus: var(
2568
- --spectrum-gray-200
2569
- );
2570
- }
2571
-
2572
- :host,
2573
- :root {
2574
- --system-spectrum-switch-handle-border-color-default: var(
2575
- --spectrum-gray-600
2576
- );
2577
- --system-spectrum-switch-handle-border-color-hover: var(
2578
- --spectrum-gray-700
2579
- );
2580
- --system-spectrum-switch-handle-border-color-down: var(--spectrum-gray-800);
2581
- --system-spectrum-switch-handle-border-color-focus: var(
2582
- --spectrum-gray-700
2583
- );
2584
- --system-spectrum-switch-handle-border-color-selected-default: var(
2585
- --spectrum-gray-700
2586
- );
2587
- --system-spectrum-switch-handle-border-color-selected-hover: var(
2588
- --spectrum-gray-800
2589
- );
2590
- --system-spectrum-switch-handle-border-color-selected-down: var(
2591
- --spectrum-gray-900
2592
- );
2593
- --system-spectrum-switch-handle-border-color-selected-focus: var(
2594
- --spectrum-gray-800
2595
- );
2596
- }
2597
-
2598
- :host,
2599
- :root {
2600
- --system-spectrum-tabs-font-weight: var(--spectrum-default-font-weight);
2601
- }
2602
-
2603
- :host,
2604
- :root {
2605
- --system-spectrum-tag-border-color: var(--spectrum-gray-700);
2606
- --system-spectrum-tag-border-color-hover: var(--spectrum-gray-800);
2607
- --system-spectrum-tag-border-color-active: var(--spectrum-gray-900);
2608
- --system-spectrum-tag-border-color-focus: var(--spectrum-gray-800);
2609
- --system-spectrum-tag-size-small-corner-radius: var(
2610
- --spectrum-corner-radius-100
2611
- );
2612
- --system-spectrum-tag-size-medium-corner-radius: var(
2613
- --spectrum-corner-radius-100
2614
- );
2615
- --system-spectrum-tag-size-large-corner-radius: var(
2616
- --spectrum-corner-radius-100
2617
- );
2618
- --system-spectrum-tag-background-color: var(--spectrum-gray-75);
2619
- --system-spectrum-tag-background-color-hover: var(--spectrum-gray-75);
2620
- --system-spectrum-tag-background-color-active: var(--spectrum-gray-200);
2621
- --system-spectrum-tag-background-color-focus: var(--spectrum-gray-75);
2622
- --system-spectrum-tag-content-color: var(
2623
- --spectrum-neutral-subdued-content-color-default
2624
- );
2625
- --system-spectrum-tag-content-color-hover: var(
2626
- --spectrum-neutral-subdued-content-color-hover
2627
- );
2628
- --system-spectrum-tag-content-color-active: var(
2629
- --spectrum-neutral-subdued-content-color-down
2630
- );
2631
- --system-spectrum-tag-content-color-focus: var(
2632
- --spectrum-neutral-subdued-content-color-key-focus
2633
- );
2634
- --system-spectrum-tag-border-color-selected: var(
2635
- --spectrum-neutral-subdued-background-color-default
2636
- );
2637
- --system-spectrum-tag-border-color-selected-hover: var(
2638
- --spectrum-neutral-subdued-background-color-hover
2639
- );
2640
- --system-spectrum-tag-border-color-selected-active: var(
2641
- --spectrum-neutral-subdued-background-color-down
2642
- );
2643
- --system-spectrum-tag-border-color-selected-focus: var(
2644
- --spectrum-neutral-subdued-background-color-key-focus
2645
- );
2646
- --system-spectrum-tag-border-color-disabled: transparent;
2647
- --system-spectrum-tag-background-color-disabled: var(
2648
- --spectrum-disabled-background-color
2649
- );
2650
- --system-spectrum-tag-size-small-spacing-inline-start: var(
2651
- --spectrum-component-edge-to-visual-75
2652
- );
2653
- --system-spectrum-tag-size-small-label-spacing-inline-end: var(
2654
- --spectrum-component-edge-to-text-75
2655
- );
2656
- --system-spectrum-tag-size-small-clear-button-spacing-inline-end: var(
2657
- --spectrum-component-edge-to-visual-75
2658
- );
2659
- --system-spectrum-tag-size-medium-spacing-inline-start: var(
2660
- --spectrum-component-edge-to-visual-100
2661
- );
2662
- --system-spectrum-tag-size-medium-label-spacing-inline-end: var(
2663
- --spectrum-component-edge-to-text-100
2664
- );
2665
- --system-spectrum-tag-size-medium-clear-button-spacing-inline-end: var(
2666
- --spectrum-component-edge-to-visual-100
2667
- );
2668
- --system-spectrum-tag-size-large-spacing-inline-start: var(
2669
- --spectrum-component-edge-to-visual-200
2670
- );
2671
- --system-spectrum-tag-size-large-label-spacing-inline-end: var(
2672
- --spectrum-component-edge-to-text-200
2673
- );
2674
- --system-spectrum-tag-size-large-clear-button-spacing-inline-end: var(
2675
- --spectrum-component-edge-to-visual-200
2676
- );
2677
- }
2678
-
2679
- :host,
2680
- :root {
2681
- --system-spectrum-textfield-border-color: var(--spectrum-gray-500);
2682
- --system-spectrum-textfield-border-color-hover: var(--spectrum-gray-600);
2683
- --system-spectrum-textfield-border-color-focus: var(--spectrum-gray-800);
2684
- --system-spectrum-textfield-border-color-focus-hover: var(
2685
- --spectrum-gray-900
2686
- );
2687
- --system-spectrum-textfield-border-color-keyboard-focus: var(
2688
- --spectrum-gray-900
2689
- );
2690
- --system-spectrum-textfield-border-width: var(--spectrum-border-width-100);
2691
- }
2692
-
2693
- :host,
2694
- :root {
2695
- --system-spectrum-toast-background-color-default: var(
2696
- --spectrum-neutral-subdued-background-color-default
2697
- );
2698
- }
2699
-
2700
- :host,
2701
- :root {
2702
- --system-spectrum-tooltip-backgound-color-default-neutral: var(
2703
- --spectrum-neutral-subdued-background-color-default
2704
- );
2705
- }
2706
-
2707
- :host,
2708
- :root {
2709
- --system-spectrum-actionbutton-background-color-default: var(
2710
- --spectrum-gray-75
2711
- );
2712
- --system-spectrum-actionbutton-background-color-hover: var(
2713
- --spectrum-gray-200
2714
- );
2715
- --system-spectrum-actionbutton-background-color-down: var(
2716
- --spectrum-gray-300
2717
- );
2718
- --system-spectrum-actionbutton-background-color-focus: var(
2719
- --spectrum-gray-200
2720
- );
2721
- --system-spectrum-actionbutton-border-color-default: var(
2722
- --spectrum-gray-400
2723
- );
2724
- --system-spectrum-actionbutton-border-color-hover: var(--spectrum-gray-500);
2725
- --system-spectrum-actionbutton-border-color-down: var(--spectrum-gray-600);
2726
- --system-spectrum-actionbutton-border-color-focus: var(--spectrum-gray-500);
2727
- --system-spectrum-actionbutton-background-color-disabled: transparent;
2728
- --system-spectrum-actionbutton-border-color-disabled: var(
2729
- --spectrum-disabled-border-color
2730
- );
2731
- --system-spectrum-actionbutton-content-color-disabled: var(
2732
- --spectrum-disabled-content-color
2733
- );
2734
- --system-spectrum-actionbutton-quiet-background-color-default: transparent;
2735
- --system-spectrum-actionbutton-quiet-background-color-hover: var(
2736
- --spectrum-gray-200
2737
- );
2738
- --system-spectrum-actionbutton-quiet-background-color-down: var(
2739
- --spectrum-gray-300
2740
- );
2741
- --system-spectrum-actionbutton-quiet-background-color-focus: var(
2742
- --spectrum-gray-200
2743
- );
2744
- --system-spectrum-actionbutton-quiet-border-color-default: transparent;
2745
- --system-spectrum-actionbutton-quiet-border-color-hover: transparent;
2746
- --system-spectrum-actionbutton-quiet-border-color-down: transparent;
2747
- --system-spectrum-actionbutton-quiet-border-color-focus: transparent;
2748
- --system-spectrum-actionbutton-quiet-background-color-disabled: transparent;
2749
- --system-spectrum-actionbutton-quiet-border-color-disabled: transparent;
2750
- --system-spectrum-actionbutton-selected-border-color-default: transparent;
2751
- --system-spectrum-actionbutton-selected-border-color-hover: transparent;
2752
- --system-spectrum-actionbutton-selected-border-color-down: transparent;
2753
- --system-spectrum-actionbutton-selected-border-color-focus: transparent;
2754
- --system-spectrum-actionbutton-selected-background-color-disabled: var(
2755
- --spectrum-disabled-background-color
2756
- );
2757
- --system-spectrum-actionbutton-selected-border-color-disabled: transparent;
2758
- --system-spectrum-actionbutton-staticblack-quiet-border-color-default: transparent;
2759
- --system-spectrum-actionbutton-staticwhite-quiet-border-color-default: transparent;
2760
- --system-spectrum-actionbutton-staticblack-quiet-border-color-hover: transparent;
2761
- --system-spectrum-actionbutton-staticwhite-quiet-border-color-hover: transparent;
2762
- --system-spectrum-actionbutton-staticblack-quiet-border-color-down: transparent;
2763
- --system-spectrum-actionbutton-staticwhite-quiet-border-color-down: transparent;
2764
- --system-spectrum-actionbutton-staticblack-quiet-border-color-focus: transparent;
2765
- --system-spectrum-actionbutton-staticwhite-quiet-border-color-focus: transparent;
2766
- --system-spectrum-actionbutton-staticblack-quiet-border-color-disabled: transparent;
2767
- --system-spectrum-actionbutton-staticwhite-quiet-border-color-disabled: transparent;
2768
- --system-spectrum-actionbutton-staticblack-background-color-default: transparent;
2769
- --system-spectrum-actionbutton-staticblack-background-color-hover: var(
2770
- --spectrum-transparent-black-300
2771
- );
2772
- --system-spectrum-actionbutton-staticblack-background-color-down: var(
2773
- --spectrum-transparent-black-400
2774
- );
2775
- --system-spectrum-actionbutton-staticblack-background-color-focus: var(
2776
- --spectrum-transparent-black-300
2777
- );
2778
- --system-spectrum-actionbutton-staticblack-border-color-default: var(
2779
- --spectrum-transparent-black-400
2780
- );
2781
- --system-spectrum-actionbutton-staticblack-border-color-hover: var(
2782
- --spectrum-transparent-black-500
2783
- );
2784
- --system-spectrum-actionbutton-staticblack-border-color-down: var(
2785
- --spectrum-transparent-black-600
2786
- );
2787
- --system-spectrum-actionbutton-staticblack-border-color-focus: var(
2788
- --spectrum-transparent-black-500
2789
- );
2790
- --system-spectrum-actionbutton-staticblack-content-color-default: var(
2791
- --spectrum-black
2792
- );
2793
- --system-spectrum-actionbutton-staticblack-content-color-hover: var(
2794
- --spectrum-black
2795
- );
2796
- --system-spectrum-actionbutton-staticblack-content-color-down: var(
2797
- --spectrum-black
2798
- );
2799
- --system-spectrum-actionbutton-staticblack-content-color-focus: var(
2800
- --spectrum-black
2801
- );
2802
- --system-spectrum-actionbutton-staticblack-focus-indicator-color: var(
2803
- --spectrum-static-black-focus-indicator-color
2804
- );
2805
- --system-spectrum-actionbutton-staticblack-background-color-disabled: transparent;
2806
- --system-spectrum-actionbutton-staticblack-border-color-disabled: var(
2807
- --spectrum-disabled-static-black-border-color
2808
- );
2809
- --system-spectrum-actionbutton-staticblack-content-color-disabled: var(
2810
- --spectrum-disabled-static-black-content-color
2811
- );
2812
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-default: var(
2813
- --spectrum-transparent-black-800
2814
- );
2815
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-hover: var(
2816
- --spectrum-transparent-black-900
2817
- );
2818
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-down: var(
2819
- --spectrum-transparent-black-900
2820
- );
2821
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-focus: var(
2822
- --spectrum-transparent-black-900
2823
- );
2824
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-default: var(
2825
- --spectrum-white
2826
- );
2827
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-hover: var(
2828
- --spectrum-white
2829
- );
2830
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-down: var(
2831
- --spectrum-white
2832
- );
2833
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-focus: var(
2834
- --spectrum-white
2835
- );
2836
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-disabled: var(
2837
- --spectrum-disabled-static-black-background-color
2838
- );
2839
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-border-color-disabled: transparent;
2840
- --system-spectrum-actionbutton-staticwhite-background-color-default: transparent;
2841
- --system-spectrum-actionbutton-staticwhite-background-color-hover: var(
2842
- --spectrum-transparent-white-300
2843
- );
2844
- --system-spectrum-actionbutton-staticwhite-background-color-down: var(
2845
- --spectrum-transparent-white-400
2846
- );
2847
- --system-spectrum-actionbutton-staticwhite-background-color-focus: var(
2848
- --spectrum-transparent-white-300
2849
- );
2850
- --system-spectrum-actionbutton-staticwhite-border-color-default: var(
2851
- --spectrum-transparent-white-400
2852
- );
2853
- --system-spectrum-actionbutton-staticwhite-border-color-hover: var(
2854
- --spectrum-transparent-white-500
2855
- );
2856
- --system-spectrum-actionbutton-staticwhite-border-color-down: var(
2857
- --spectrum-transparent-white-600
2858
- );
2859
- --system-spectrum-actionbutton-staticwhite-border-color-focus: var(
2860
- --spectrum-transparent-white-500
2861
- );
2862
- --system-spectrum-actionbutton-staticwhite-content-color-default: var(
2863
- --spectrum-white
2864
- );
2865
- --system-spectrum-actionbutton-staticwhite-content-color-hover: var(
2866
- --spectrum-white
2867
- );
2868
- --system-spectrum-actionbutton-staticwhite-content-color-down: var(
2869
- --spectrum-white
2870
- );
2871
- --system-spectrum-actionbutton-staticwhite-content-color-focus: var(
2872
- --spectrum-white
2873
- );
2874
- --system-spectrum-actionbutton-staticwhite-focus-indicator-color: var(
2875
- --spectrum-static-white-focus-indicator-color
2876
- );
2877
- --system-spectrum-actionbutton-staticwhite-background-color-disabled: transparent;
2878
- --system-spectrum-actionbutton-staticwhite-border-color-disabled: var(
2879
- --spectrum-disabled-static-white-border-color
2880
- );
2881
- --system-spectrum-actionbutton-staticwhite-content-color-disabled: var(
2882
- --spectrum-disabled-static-white-content-color
2883
- );
2884
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-default: var(
2885
- --spectrum-transparent-white-800
2886
- );
2887
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-hover: var(
2888
- --spectrum-transparent-white-900
2889
- );
2890
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-down: var(
2891
- --spectrum-transparent-white-900
2892
- );
2893
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-focus: var(
2894
- --spectrum-transparent-white-900
2895
- );
2896
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-default: var(
2897
- --spectrum-black
2898
- );
2899
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-hover: var(
2900
- --spectrum-black
2901
- );
2902
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-down: var(
2903
- --spectrum-black
2904
- );
2905
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-focus: var(
2906
- --spectrum-black
2907
- );
2908
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-disabled: var(
2909
- --spectrum-disabled-static-white-background-color
2910
- );
2911
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-border-color-disabled: transparent;
2912
- }
2913
-
2914
- :host,
2915
- :root {
2916
- --system-spectrum-actiongroup-gap-size-compact: 0;
2917
- --system-spectrum-actiongroup-horizontal-spacing-compact: -1px;
2918
- --system-spectrum-actiongroup-vertical-spacing-compact: -1px;
2919
- }
2920
-
2921
- :host,
2922
- :root {
2923
- --system-spectrum-button-background-color-default: var(--spectrum-gray-75);
2924
- --system-spectrum-button-background-color-hover: var(--spectrum-gray-200);
2925
- --system-spectrum-button-background-color-down: var(--spectrum-gray-300);
2926
- --system-spectrum-button-background-color-focus: var(--spectrum-gray-200);
2927
- --system-spectrum-button-border-color-default: var(--spectrum-gray-400);
2928
- --system-spectrum-button-border-color-hover: var(--spectrum-gray-500);
2929
- --system-spectrum-button-border-color-down: var(--spectrum-gray-600);
2930
- --system-spectrum-button-border-color-focus: var(--spectrum-gray-500);
2931
- --system-spectrum-button-content-color-default: var(
2932
- --spectrum-neutral-content-color-default
2933
- );
2934
- --system-spectrum-button-content-color-hover: var(
2935
- --spectrum-neutral-content-color-hover
2936
- );
2937
- --system-spectrum-button-content-color-down: var(
2938
- --spectrum-neutral-content-color-down
2939
- );
2940
- --system-spectrum-button-content-color-focus: var(
2941
- --spectrum-neutral-content-color-key-focus
2942
- );
2943
- --system-spectrum-button-background-color-disabled: transparent;
2944
- --system-spectrum-button-border-color-disabled: var(
2945
- --spectrum-disabled-border-color
2946
- );
2947
- --system-spectrum-button-content-color-disabled: var(
2948
- --spectrum-disabled-content-color
2949
- );
2950
- --system-spectrum-button-accent-background-color-default: var(
2951
- --spectrum-accent-background-color-default
2952
- );
2953
- --system-spectrum-button-accent-background-color-hover: var(
2954
- --spectrum-accent-background-color-hover
2955
- );
2956
- --system-spectrum-button-accent-background-color-down: var(
2957
- --spectrum-accent-background-color-down
2958
- );
2959
- --system-spectrum-button-accent-background-color-focus: var(
2960
- --spectrum-accent-background-color-key-focus
2961
- );
2962
- --system-spectrum-button-accent-border-color-default: transparent;
2963
- --system-spectrum-button-accent-border-color-hover: transparent;
2964
- --system-spectrum-button-accent-border-color-down: transparent;
2965
- --system-spectrum-button-accent-border-color-focus: transparent;
2966
- --system-spectrum-button-accent-content-color-default: var(
2967
- --spectrum-white
2968
- );
2969
- --system-spectrum-button-accent-content-color-hover: var(--spectrum-white);
2970
- --system-spectrum-button-accent-content-color-down: var(--spectrum-white);
2971
- --system-spectrum-button-accent-content-color-focus: var(--spectrum-white);
2972
- --system-spectrum-button-accent-background-color-disabled: var(
2973
- --spectrum-disabled-background-color
2974
- );
2975
- --system-spectrum-button-accent-border-color-disabled: transparent;
2976
- --system-spectrum-button-accent-content-color-disabled: var(
2977
- --spectrum-disabled-content-color
2978
- );
2979
- --system-spectrum-button-accent-outline-background-color-default: transparent;
2980
- --system-spectrum-button-accent-outline-background-color-hover: var(
2981
- --spectrum-accent-color-200
2982
- );
2983
- --system-spectrum-button-accent-outline-background-color-down: var(
2984
- --spectrum-accent-color-300
2985
- );
2986
- --system-spectrum-button-accent-outline-background-color-focus: var(
2987
- --spectrum-accent-color-200
2988
- );
2989
- --system-spectrum-button-accent-outline-border-color-default: var(
2990
- --spectrum-accent-color-900
2991
- );
2992
- --system-spectrum-button-accent-outline-border-color-hover: var(
2993
- --spectrum-accent-color-1000
2994
- );
2995
- --system-spectrum-button-accent-outline-border-color-down: var(
2996
- --spectrum-accent-color-1100
2997
- );
2998
- --system-spectrum-button-accent-outline-border-color-focus: var(
2999
- --spectrum-accent-color-1000
3000
- );
3001
- --system-spectrum-button-accent-outline-content-color-default: var(
3002
- --spectrum-accent-content-color-default
3003
- );
3004
- --system-spectrum-button-accent-outline-content-color-hover: var(
3005
- --spectrum-accent-content-color-hover
3006
- );
3007
- --system-spectrum-button-accent-outline-content-color-down: var(
3008
- --spectrum-accent-content-color-down
3009
- );
3010
- --system-spectrum-button-accent-outline-content-color-focus: var(
3011
- --spectrum-accent-content-color-key-focus
3012
- );
3013
- --system-spectrum-button-accent-outline-background-color-disabled: transparent;
3014
- --system-spectrum-button-accent-outline-border-color-disabled: var(
3015
- --spectrum-disabled-border-color
3016
- );
3017
- --system-spectrum-button-accent-outline-content-color-disabled: var(
3018
- --spectrum-disabled-content-color
3019
- );
3020
- --system-spectrum-button-negative-background-color-default: var(
3021
- --spectrum-negative-background-color-default
3022
- );
3023
- --system-spectrum-button-negative-background-color-hover: var(
3024
- --spectrum-negative-background-color-hover
3025
- );
3026
- --system-spectrum-button-negative-background-color-down: var(
3027
- --spectrum-negative-background-color-down
3028
- );
3029
- --system-spectrum-button-negative-background-color-focus: var(
3030
- --spectrum-negative-background-color-key-focus
3031
- );
3032
- --system-spectrum-button-negative-border-color-default: transparent;
3033
- --system-spectrum-button-negative-border-color-hover: transparent;
3034
- --system-spectrum-button-negative-border-color-down: transparent;
3035
- --system-spectrum-button-negative-border-color-focus: transparent;
3036
- --system-spectrum-button-negative-content-color-default: var(
3037
- --spectrum-white
3038
- );
3039
- --system-spectrum-button-negative-content-color-hover: var(
3040
- --spectrum-white
3041
- );
3042
- --system-spectrum-button-negative-content-color-down: var(--spectrum-white);
3043
- --system-spectrum-button-negative-content-color-focus: var(
3044
- --spectrum-white
3045
- );
3046
- --system-spectrum-button-negative-background-color-disabled: var(
3047
- --spectrum-disabled-background-color
3048
- );
3049
- --system-spectrum-button-negative-border-color-disabled: transparent;
3050
- --system-spectrum-button-negative-content-color-disabled: var(
3051
- --spectrum-disabled-content-color
3052
- );
3053
- --system-spectrum-button-negative-outline-background-color-default: transparent;
3054
- --system-spectrum-button-negative-outline-background-color-hover: var(
3055
- --spectrum-negative-color-200
3056
- );
3057
- --system-spectrum-button-negative-outline-background-color-down: var(
3058
- --spectrum-negative-color-300
3059
- );
3060
- --system-spectrum-button-negative-outline-background-color-focus: var(
3061
- --spectrum-negative-color-200
3062
- );
3063
- --system-spectrum-button-negative-outline-border-color-default: var(
3064
- --spectrum-negative-color-900
3065
- );
3066
- --system-spectrum-button-negative-outline-border-color-hover: var(
3067
- --spectrum-negative-color-1000
3068
- );
3069
- --system-spectrum-button-negative-outline-border-color-down: var(
3070
- --spectrum-negative-color-1100
3071
- );
3072
- --system-spectrum-button-negative-outline-border-color-focus: var(
3073
- --spectrum-negative-color-1000
3074
- );
3075
- --system-spectrum-button-negative-outline-content-color-default: var(
3076
- --spectrum-negative-content-color-default
3077
- );
3078
- --system-spectrum-button-negative-outline-content-color-hover: var(
3079
- --spectrum-negative-content-color-hover
3080
- );
3081
- --system-spectrum-button-negative-outline-content-color-down: var(
3082
- --spectrum-negative-content-color-down
3083
- );
3084
- --system-spectrum-button-negative-outline-content-color-focus: var(
3085
- --spectrum-negative-content-color-key-focus
3086
- );
3087
- --system-spectrum-button-negative-outline-background-color-disabled: transparent;
3088
- --system-spectrum-button-negative-outline-border-color-disabled: var(
3089
- --spectrum-disabled-border-color
3090
- );
3091
- --system-spectrum-button-negative-outline-content-color-disabled: var(
3092
- --spectrum-disabled-content-color
3093
- );
3094
- --system-spectrum-button-primary-background-color-default: var(
3095
- --spectrum-neutral-background-color-default
3096
- );
3097
- --system-spectrum-button-primary-background-color-hover: var(
3098
- --spectrum-neutral-background-color-hover
3099
- );
3100
- --system-spectrum-button-primary-background-color-down: var(
3101
- --spectrum-neutral-background-color-down
3102
- );
3103
- --system-spectrum-button-primary-background-color-focus: var(
3104
- --spectrum-neutral-background-color-key-focus
3105
- );
3106
- --system-spectrum-button-primary-border-color-default: transparent;
3107
- --system-spectrum-button-primary-border-color-hover: transparent;
3108
- --system-spectrum-button-primary-border-color-down: transparent;
3109
- --system-spectrum-button-primary-border-color-focus: transparent;
3110
- --system-spectrum-button-primary-content-color-default: var(
3111
- --spectrum-white
3112
- );
3113
- --system-spectrum-button-primary-content-color-hover: var(--spectrum-white);
3114
- --system-spectrum-button-primary-content-color-down: var(--spectrum-white);
3115
- --system-spectrum-button-primary-content-color-focus: var(--spectrum-white);
3116
- --system-spectrum-button-primary-background-color-disabled: var(
3117
- --spectrum-disabled-background-color
3118
- );
3119
- --system-spectrum-button-primary-border-color-disabled: transparent;
3120
- --system-spectrum-button-primary-content-color-disabled: var(
3121
- --spectrum-disabled-content-color
3122
- );
3123
- --system-spectrum-button-primary-outline-background-color-default: transparent;
3124
- --system-spectrum-button-primary-outline-background-color-hover: var(
3125
- --spectrum-gray-300
3126
- );
3127
- --system-spectrum-button-primary-outline-background-color-down: var(
3128
- --spectrum-gray-400
3129
- );
3130
- --system-spectrum-button-primary-outline-background-color-focus: var(
3131
- --spectrum-gray-300
3132
- );
3133
- --system-spectrum-button-primary-outline-border-color-default: var(
3134
- --spectrum-gray-800
3135
- );
3136
- --system-spectrum-button-primary-outline-border-color-hover: var(
3137
- --spectrum-gray-900
3138
- );
3139
- --system-spectrum-button-primary-outline-border-color-down: var(
3140
- --spectrum-gray-900
3141
- );
3142
- --system-spectrum-button-primary-outline-border-color-focus: var(
3143
- --spectrum-gray-900
3144
- );
3145
- --system-spectrum-button-primary-outline-content-color-default: var(
3146
- --spectrum-neutral-content-color-default
3147
- );
3148
- --system-spectrum-button-primary-outline-content-color-hover: var(
3149
- --spectrum-neutral-content-color-hover
3150
- );
3151
- --system-spectrum-button-primary-outline-content-color-down: var(
3152
- --spectrum-neutral-content-color-down
3153
- );
3154
- --system-spectrum-button-primary-outline-content-color-focus: var(
3155
- --spectrum-neutral-content-color-key-focus
3156
- );
3157
- --system-spectrum-button-primary-outline-background-color-disabled: transparent;
3158
- --system-spectrum-button-primary-outline-border-color-disabled: var(
3159
- --spectrum-disabled-border-color
3160
- );
3161
- --system-spectrum-button-primary-outline-content-color-disabled: var(
3162
- --spectrum-disabled-content-color
3163
- );
3164
- --system-spectrum-button-secondary-background-color-default: var(
3165
- --spectrum-gray-200
3166
- );
3167
- --system-spectrum-button-secondary-background-color-hover: var(
3168
- --spectrum-gray-300
3169
- );
3170
- --system-spectrum-button-secondary-background-color-down: var(
3171
- --spectrum-gray-400
3172
- );
3173
- --system-spectrum-button-secondary-background-color-focus: var(
3174
- --spectrum-gray-300
3175
- );
3176
- --system-spectrum-button-secondary-border-color-default: transparent;
3177
- --system-spectrum-button-secondary-border-color-hover: transparent;
3178
- --system-spectrum-button-secondary-border-color-down: transparent;
3179
- --system-spectrum-button-secondary-border-color-focus: transparent;
3180
- --system-spectrum-button-secondary-content-color-default: var(
3181
- --spectrum-neutral-content-color-default
3182
- );
3183
- --system-spectrum-button-secondary-content-color-hover: var(
3184
- --spectrum-neutral-content-color-hover
3185
- );
3186
- --system-spectrum-button-secondary-content-color-down: var(
3187
- --spectrum-neutral-content-color-down
3188
- );
3189
- --system-spectrum-button-secondary-content-color-focus: var(
3190
- --spectrum-neutral-content-color-key-focus
3191
- );
3192
- --system-spectrum-button-secondary-background-color-disabled: var(
3193
- --spectrum-disabled-background-color
3194
- );
3195
- --system-spectrum-button-secondary-border-color-disabled: transparent;
3196
- --system-spectrum-button-secondary-content-color-disabled: var(
3197
- --spectrum-disabled-content-color
3198
- );
3199
- --system-spectrum-button-secondary-outline-background-color-default: transparent;
3200
- --system-spectrum-button-secondary-outline-background-color-hover: var(
3201
- --spectrum-gray-300
3202
- );
3203
- --system-spectrum-button-secondary-outline-background-color-down: var(
3204
- --spectrum-gray-400
3205
- );
3206
- --system-spectrum-button-secondary-outline-background-color-focus: var(
3207
- --spectrum-gray-300
3208
- );
3209
- --system-spectrum-button-secondary-outline-border-color-default: var(
3210
- --spectrum-gray-300
3211
- );
3212
- --system-spectrum-button-secondary-outline-border-color-hover: var(
3213
- --spectrum-gray-400
3214
- );
3215
- --system-spectrum-button-secondary-outline-border-color-down: var(
3216
- --spectrum-gray-500
3217
- );
3218
- --system-spectrum-button-secondary-outline-border-color-focus: var(
3219
- --spectrum-gray-400
3220
- );
3221
- --system-spectrum-button-secondary-outline-content-color-default: var(
3222
- --spectrum-neutral-content-color-default
3223
- );
3224
- --system-spectrum-button-secondary-outline-content-color-hover: var(
3225
- --spectrum-neutral-content-color-hover
3226
- );
3227
- --system-spectrum-button-secondary-outline-content-color-down: var(
3228
- --spectrum-neutral-content-color-down
3229
- );
3230
- --system-spectrum-button-secondary-outline-content-color-focus: var(
3231
- --spectrum-neutral-content-color-key-focus
3232
- );
3233
- --system-spectrum-button-secondary-outline-background-color-disabled: transparent;
3234
- --system-spectrum-button-secondary-outline-border-color-disabled: var(
3235
- --spectrum-disabled-border-color
3236
- );
3237
- --system-spectrum-button-secondary-outline-content-color-disabled: var(
3238
- --spectrum-disabled-content-color
3239
- );
3240
- --system-spectrum-button-quiet-background-color-default: transparent;
3241
- --system-spectrum-button-quiet-background-color-hover: var(
3242
- --spectrum-gray-200
3243
- );
3244
- --system-spectrum-button-quiet-background-color-down: var(
3245
- --spectrum-gray-300
3246
- );
3247
- --system-spectrum-button-quiet-background-color-focus: var(
3248
- --spectrum-gray-200
3249
- );
3250
- --system-spectrum-button-quiet-border-color-default: transparent;
3251
- --system-spectrum-button-quiet-border-color-hover: transparent;
3252
- --system-spectrum-button-quiet-border-color-down: transparent;
3253
- --system-spectrum-button-quiet-border-color-focus: transparent;
3254
- --system-spectrum-button-quiet-background-color-disabled: transparent;
3255
- --system-spectrum-button-quiet-border-color-disabled: transparent;
3256
- --system-spectrum-button-selected-background-color-default: var(
3257
- --spectrum-neutral-subdued-background-color-default
3258
- );
3259
- --system-spectrum-button-selected-background-color-hover: var(
3260
- --spectrum-neutral-subdued-background-color-hover
3261
- );
3262
- --system-spectrum-button-selected-background-color-down: var(
3263
- --spectrum-neutral-subdued-background-color-down
3264
- );
3265
- --system-spectrum-button-selected-background-color-focus: var(
3266
- --spectrum-neutral-subdued-background-color-key-focus
3267
- );
3268
- --system-spectrum-button-selected-border-color-default: transparent;
3269
- --system-spectrum-button-selected-border-color-hover: transparent;
3270
- --system-spectrum-button-selected-border-color-down: transparent;
3271
- --system-spectrum-button-selected-border-color-focus: transparent;
3272
- --system-spectrum-button-selected-content-color-default: var(
3273
- --spectrum-white
3274
- );
3275
- --system-spectrum-button-selected-content-color-hover: var(
3276
- --spectrum-white
3277
- );
3278
- --system-spectrum-button-selected-content-color-down: var(--spectrum-white);
3279
- --system-spectrum-button-selected-content-color-focus: var(
3280
- --spectrum-white
3281
- );
3282
- --system-spectrum-button-selected-background-color-disabled: var(
3283
- --spectrum-disabled-background-color
3284
- );
3285
- --system-spectrum-button-selected-border-color-disabled: transparent;
3286
- --system-spectrum-button-selected-emphasized-background-color-default: var(
3287
- --spectrum-accent-background-color-default
3288
- );
3289
- --system-spectrum-button-selected-emphasized-background-color-hover: var(
3290
- --spectrum-accent-background-color-hover
3291
- );
3292
- --system-spectrum-button-selected-emphasized-background-color-down: var(
3293
- --spectrum-accent-background-color-down
3294
- );
3295
- --system-spectrum-button-selected-emphasized-background-color-focus: var(
3296
- --spectrum-accent-background-color-key-focus
3297
- );
3298
- --system-spectrum-button-staticblack-quiet-border-color-default: transparent;
3299
- --system-spectrum-button-staticwhite-quiet-border-color-default: transparent;
3300
- --system-spectrum-button-staticblack-quiet-border-color-hover: transparent;
3301
- --system-spectrum-button-staticwhite-quiet-border-color-hover: transparent;
3302
- --system-spectrum-button-staticblack-quiet-border-color-down: transparent;
3303
- --system-spectrum-button-staticwhite-quiet-border-color-down: transparent;
3304
- --system-spectrum-button-staticblack-quiet-border-color-focus: transparent;
3305
- --system-spectrum-button-staticwhite-quiet-border-color-focus: transparent;
3306
- --system-spectrum-button-staticblack-quiet-border-color-disabled: transparent;
3307
- --system-spectrum-button-staticwhite-quiet-border-color-disabled: transparent;
3308
- --system-spectrum-button-staticwhite-background-color-default: var(
3309
- --spectrum-transparent-white-800
3310
- );
3311
- --system-spectrum-button-staticwhite-background-color-hover: var(
3312
- --spectrum-transparent-white-900
3313
- );
3314
- --system-spectrum-button-staticwhite-background-color-down: var(
3315
- --spectrum-transparent-white-900
3316
- );
3317
- --system-spectrum-button-staticwhite-background-color-focus: var(
3318
- --spectrum-transparent-white-900
3319
- );
3320
- --system-spectrum-button-staticwhite-border-color-default: transparent;
3321
- --system-spectrum-button-staticwhite-border-color-hover: transparent;
3322
- --system-spectrum-button-staticwhite-border-color-down: transparent;
3323
- --system-spectrum-button-staticwhite-border-color-focus: transparent;
3324
- --system-spectrum-button-staticwhite-content-color-default: var(
3325
- --spectrum-black
3326
- );
3327
- --system-spectrum-button-staticwhite-content-color-hover: var(
3328
- --spectrum-black
3329
- );
3330
- --system-spectrum-button-staticwhite-content-color-down: var(
3331
- --spectrum-black
3332
- );
3333
- --system-spectrum-button-staticwhite-content-color-focus: var(
3334
- --spectrum-black
3335
- );
3336
- --system-spectrum-button-staticwhite-focus-indicator-color: var(
3337
- --spectrum-static-white-focus-indicator-color
3338
- );
3339
- --system-spectrum-button-staticwhite-background-color-disabled: var(
3340
- --spectrum-disabled-static-white-background-color
3341
- );
3342
- --system-spectrum-button-staticwhite-border-color-disabled: transparent;
3343
- --system-spectrum-button-staticwhite-content-color-disabled: var(
3344
- --spectrum-disabled-static-white-content-color
3345
- );
3346
- --system-spectrum-button-staticwhite-outline-background-color-default: transparent;
3347
- --system-spectrum-button-staticwhite-outline-background-color-hover: var(
3348
- --spectrum-transparent-white-300
3349
- );
3350
- --system-spectrum-button-staticwhite-outline-background-color-down: var(
3351
- --spectrum-transparent-white-400
3352
- );
3353
- --system-spectrum-button-staticwhite-outline-background-color-focus: var(
3354
- --spectrum-transparent-white-300
3355
- );
3356
- --system-spectrum-button-staticwhite-outline-border-color-default: var(
3357
- --spectrum-transparent-white-800
3358
- );
3359
- --system-spectrum-button-staticwhite-outline-border-color-hover: var(
3360
- --spectrum-transparent-white-900
3361
- );
3362
- --system-spectrum-button-staticwhite-outline-border-color-down: var(
3363
- --spectrum-transparent-white-900
3364
- );
3365
- --system-spectrum-button-staticwhite-outline-border-color-focus: var(
3366
- --spectrum-transparent-white-900
3367
- );
3368
- --system-spectrum-button-staticwhite-outline-content-color-default: var(
3369
- --spectrum-white
3370
- );
3371
- --system-spectrum-button-staticwhite-outline-content-color-hover: var(
3372
- --spectrum-white
3373
- );
3374
- --system-spectrum-button-staticwhite-outline-content-color-down: var(
3375
- --spectrum-white
3376
- );
3377
- --system-spectrum-button-staticwhite-outline-content-color-focus: var(
3378
- --spectrum-white
3379
- );
3380
- --system-spectrum-button-staticwhite-outline-focus-indicator-color: var(
3381
- --spectrum-static-white-focus-indicator-color
3382
- );
3383
- --system-spectrum-button-staticwhite-outline-background-color-disabled: transparent;
3384
- --system-spectrum-button-staticwhite-outline-border-color-disabled: var(
3385
- --spectrum-disabled-static-white-border-color
3386
- );
3387
- --system-spectrum-button-staticwhite-outline-content-color-disabled: var(
3388
- --spectrum-disabled-static-white-content-color
3389
- );
3390
- --system-spectrum-button-staticwhite-selected-background-color-default: var(
3391
- --spectrum-transparent-white-800
3392
- );
3393
- --system-spectrum-button-staticwhite-selected-background-color-hover: var(
3394
- --spectrum-transparent-white-900
3395
- );
3396
- --system-spectrum-button-staticwhite-selected-background-color-down: var(
3397
- --spectrum-transparent-white-900
3398
- );
3399
- --system-spectrum-button-staticwhite-selected-background-color-focus: var(
3400
- --spectrum-transparent-white-900
3401
- );
3402
- --system-spectrum-button-staticwhite-selected-content-color-default: var(
3403
- --spectrum-black
3404
- );
3405
- --system-spectrum-button-staticwhite-selected-content-color-hover: var(
3406
- --spectrum-black
3407
- );
3408
- --system-spectrum-button-staticwhite-selected-content-color-down: var(
3409
- --spectrum-black
3410
- );
3411
- --system-spectrum-button-staticwhite-selected-content-color-focus: var(
3412
- --spectrum-black
3413
- );
3414
- --system-spectrum-button-staticwhite-selected-background-color-disabled: var(
3415
- --spectrum-disabled-static-white-background-color
3416
- );
3417
- --system-spectrum-button-staticwhite-selected-border-color-disabled: transparent;
3418
- --system-spectrum-button-staticwhite-secondary-background-color-default: var(
3419
- --spectrum-transparent-white-200
3420
- );
3421
- --system-spectrum-button-staticwhite-secondary-background-color-hover: var(
3422
- --spectrum-transparent-white-300
3423
- );
3424
- --system-spectrum-button-staticwhite-secondary-background-color-down: var(
3425
- --spectrum-transparent-white-400
3426
- );
3427
- --system-spectrum-button-staticwhite-secondary-background-color-focus: var(
3428
- --spectrum-transparent-white-300
3429
- );
3430
- --system-spectrum-button-staticwhite-secondary-border-color-default: transparent;
3431
- --system-spectrum-button-staticwhite-secondary-border-color-hover: transparent;
3432
- --system-spectrum-button-staticwhite-secondary-border-color-down: transparent;
3433
- --system-spectrum-button-staticwhite-secondary-border-color-focus: transparent;
3434
- --system-spectrum-button-staticwhite-secondary-content-color-default: var(
3435
- --spectrum-white
3436
- );
3437
- --system-spectrum-button-staticwhite-secondary-content-color-hover: var(
3438
- --spectrum-white
3439
- );
3440
- --system-spectrum-button-staticwhite-secondary-content-color-down: var(
3441
- --spectrum-white
3442
- );
3443
- --system-spectrum-button-staticwhite-secondary-content-color-focus: var(
3444
- --spectrum-white
3445
- );
3446
- --system-spectrum-button-staticwhite-secondary-focus-indicator-color: var(
3447
- --spectrum-static-white-focus-indicator-color
3448
- );
3449
- --system-spectrum-button-staticwhite-secondary-background-color-disabled: var(
3450
- --spectrum-disabled-static-white-background-color
3451
- );
3452
- --system-spectrum-button-staticwhite-secondary-border-color-disabled: transparent;
3453
- --system-spectrum-button-staticwhite-secondary-content-color-disabled: var(
3454
- --spectrum-disabled-static-white-content-color
3455
- );
3456
- --system-spectrum-button-staticwhite-secondary-outline-background-color-default: transparent;
3457
- --system-spectrum-button-staticwhite-secondary-outline-background-color-hover: var(
3458
- --spectrum-transparent-white-300
3459
- );
3460
- --system-spectrum-button-staticwhite-secondary-outline-background-color-down: var(
3461
- --spectrum-transparent-white-400
3462
- );
3463
- --system-spectrum-button-staticwhite-secondary-outline-background-color-focus: var(
3464
- --spectrum-transparent-white-300
3465
- );
3466
- --system-spectrum-button-staticwhite-secondary-outline-border-color-default: var(
3467
- --spectrum-transparent-white-300
3468
- );
3469
- --system-spectrum-button-staticwhite-secondary-outline-border-color-hover: var(
3470
- --spectrum-transparent-white-400
3471
- );
3472
- --system-spectrum-button-staticwhite-secondary-outline-border-color-down: var(
3473
- --spectrum-transparent-white-500
3474
- );
3475
- --system-spectrum-button-staticwhite-secondary-outline-border-color-focus: var(
3476
- --spectrum-transparent-white-400
3477
- );
3478
- --system-spectrum-button-staticwhite-secondary-outline-content-color-default: var(
3479
- --spectrum-white
3480
- );
3481
- --system-spectrum-button-staticwhite-secondary-outline-content-color-hover: var(
3482
- --spectrum-white
3483
- );
3484
- --system-spectrum-button-staticwhite-secondary-outline-content-color-down: var(
3485
- --spectrum-white
3486
- );
3487
- --system-spectrum-button-staticwhite-secondary-outline-content-color-focus: var(
3488
- --spectrum-white
3489
- );
3490
- --system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color: var(
3491
- --spectrum-static-white-focus-indicator-color
3492
- );
3493
- --system-spectrum-button-staticwhite-secondary-outline-background-color-disabled: transparent;
3494
- --system-spectrum-button-staticwhite-secondary-outline-border-color-disabled: var(
3495
- --spectrum-disabled-static-white-border-color
3496
- );
3497
- --system-spectrum-button-staticwhite-secondary-outline-content-color-disabled: var(
3498
- --spectrum-disabled-static-white-content-color
3499
- );
3500
- --system-spectrum-button-staticblack-background-color-default: var(
3501
- --spectrum-transparent-black-800
3502
- );
3503
- --system-spectrum-button-staticblack-background-color-hover: var(
3504
- --spectrum-transparent-black-900
3505
- );
3506
- --system-spectrum-button-staticblack-background-color-down: var(
3507
- --spectrum-transparent-black-900
3508
- );
3509
- --system-spectrum-button-staticblack-background-color-focus: var(
3510
- --spectrum-transparent-black-900
3511
- );
3512
- --system-spectrum-button-staticblack-border-color-default: transparent;
3513
- --system-spectrum-button-staticblack-border-color-hover: transparent;
3514
- --system-spectrum-button-staticblack-border-color-down: transparent;
3515
- --system-spectrum-button-staticblack-border-color-focus: transparent;
3516
- --system-spectrum-button-staticblack-content-color-default: var(
3517
- --spectrum-white
3518
- );
3519
- --system-spectrum-button-staticblack-content-color-hover: var(
3520
- --spectrum-white
3521
- );
3522
- --system-spectrum-button-staticblack-content-color-down: var(
3523
- --spectrum-white
3524
- );
3525
- --system-spectrum-button-staticblack-content-color-focus: var(
3526
- --spectrum-white
3527
- );
3528
- --system-spectrum-button-staticblack-focus-indicator-color: var(
3529
- --spectrum-static-black-focus-indicator-color
3530
- );
3531
- --system-spectrum-button-staticblack-background-color-disabled: var(
3532
- --spectrum-disabled-static-black-background-color
3533
- );
3534
- --system-spectrum-button-staticblack-border-color-disabled: transparent;
3535
- --system-spectrum-button-staticblack-content-color-disabled: var(
3536
- --spectrum-disabled-static-black-content-color
3537
- );
3538
- --system-spectrum-button-staticblack-outline-background-color-default: transparent;
3539
- --system-spectrum-button-staticblack-outline-background-color-hover: var(
3540
- --spectrum-transparent-black-300
3541
- );
3542
- --system-spectrum-button-staticblack-outline-background-color-down: var(
3543
- --spectrum-transparent-black-400
3544
- );
3545
- --system-spectrum-button-staticblack-outline-background-color-focus: var(
3546
- --spectrum-transparent-black-300
3547
- );
3548
- --system-spectrum-button-staticblack-outline-border-color-default: var(
3549
- --spectrum-transparent-black-400
3550
- );
3551
- --system-spectrum-button-staticblack-outline-border-color-hover: var(
3552
- --spectrum-transparent-black-500
3553
- );
3554
- --system-spectrum-button-staticblack-outline-border-color-down: var(
3555
- --spectrum-transparent-black-600
3556
- );
3557
- --system-spectrum-button-staticblack-outline-border-color-focus: var(
3558
- --spectrum-transparent-black-500
3559
- );
3560
- --system-spectrum-button-staticblack-outline-content-color-default: var(
3561
- --spectrum-black
3562
- );
3563
- --system-spectrum-button-staticblack-outline-content-color-hover: var(
3564
- --spectrum-black
3565
- );
3566
- --system-spectrum-button-staticblack-outline-content-color-down: var(
3567
- --spectrum-black
3568
- );
3569
- --system-spectrum-button-staticblack-outline-content-color-focus: var(
3570
- --spectrum-black
3571
- );
3572
- --system-spectrum-button-staticblack-outline-focus-indicator-color: var(
3573
- --spectrum-static-black-focus-indicator-color
3574
- );
3575
- --system-spectrum-button-staticblack-outline-background-color-disabled: transparent;
3576
- --system-spectrum-button-staticblack-outline-border-color-disabled: var(
3577
- --spectrum-disabled-static-black-border-color
3578
- );
3579
- --system-spectrum-button-staticblack-outline-content-color-disabled: var(
3580
- --spectrum-disabled-static-black-content-color
3581
- );
3582
- --system-spectrum-button-staticblack-secondary-background-color-default: var(
3583
- --spectrum-transparent-black-200
3584
- );
3585
- --system-spectrum-button-staticblack-secondary-background-color-hover: var(
3586
- --spectrum-transparent-black-300
3587
- );
3588
- --system-spectrum-button-staticblack-secondary-background-color-down: var(
3589
- --spectrum-transparent-black-400
3590
- );
3591
- --system-spectrum-button-staticblack-secondary-background-color-focus: var(
3592
- --spectrum-transparent-black-300
3593
- );
3594
- --system-spectrum-button-staticblack-secondary-border-color-default: transparent;
3595
- --system-spectrum-button-staticblack-secondary-border-color-hover: transparent;
3596
- --system-spectrum-button-staticblack-secondary-border-color-down: transparent;
3597
- --system-spectrum-button-staticblack-secondary-border-color-focus: transparent;
3598
- --system-spectrum-button-staticblack-secondary-content-color-default: var(
3599
- --spectrum-black
3600
- );
3601
- --system-spectrum-button-staticblack-secondary-content-color-hover: var(
3602
- --spectrum-black
3603
- );
3604
- --system-spectrum-button-staticblack-secondary-content-color-down: var(
3605
- --spectrum-black
3606
- );
3607
- --system-spectrum-button-staticblack-secondary-content-color-focus: var(
3608
- --spectrum-black
3609
- );
3610
- --system-spectrum-button-staticblack-secondary-focus-indicator-color: var(
3611
- --spectrum-static-black-focus-indicator-color
3612
- );
3613
- --system-spectrum-button-staticblack-secondary-background-color-disabled: var(
3614
- --spectrum-disabled-static-black-background-color
3615
- );
3616
- --system-spectrum-button-staticblack-secondary-border-color-disabled: transparent;
3617
- --system-spectrum-button-staticblack-secondary-content-color-disabled: var(
3618
- --spectrum-disabled-static-black-content-color
3619
- );
3620
- --system-spectrum-button-staticblack-secondary-outline-background-color-default: transparent;
3621
- --system-spectrum-button-staticblack-secondary-outline-background-color-hover: var(
3622
- --spectrum-transparent-black-300
3623
- );
3624
- --system-spectrum-button-staticblack-secondary-outline-background-color-down: var(
3625
- --spectrum-transparent-black-400
3626
- );
3627
- --system-spectrum-button-staticblack-secondary-outline-background-color-focus: var(
3628
- --spectrum-transparent-black-300
3629
- );
3630
- --system-spectrum-button-staticblack-secondary-outline-border-color-default: var(
3631
- --spectrum-transparent-black-300
3632
- );
3633
- --system-spectrum-button-staticblack-secondary-outline-border-color-hover: var(
3634
- --spectrum-transparent-black-400
3635
- );
3636
- --system-spectrum-button-staticblack-secondary-outline-border-color-down: var(
3637
- --spectrum-transparent-black-500
3638
- );
3639
- --system-spectrum-button-staticblack-secondary-outline-border-color-focus: var(
3640
- --spectrum-transparent-black-400
3641
- );
3642
- --system-spectrum-button-staticblack-secondary-outline-content-color-default: var(
3643
- --spectrum-black
3644
- );
3645
- --system-spectrum-button-staticblack-secondary-outline-content-color-hover: var(
3646
- --spectrum-black
3647
- );
3648
- --system-spectrum-button-staticblack-secondary-outline-content-color-down: var(
3649
- --spectrum-black
3650
- );
3651
- --system-spectrum-button-staticblack-secondary-outline-content-color-focus: var(
3652
- --spectrum-black
3653
- );
3654
- --system-spectrum-button-staticblack-secondary-outline-focus-indicator-color: var(
3655
- --spectrum-static-black-focus-indicator-color
3656
- );
3657
- --system-spectrum-button-staticblack-secondary-outline-background-color-disabled: transparent;
3658
- --system-spectrum-button-staticblack-secondary-outline-border-color-disabled: var(
3659
- --spectrum-disabled-static-black-border-color
3660
- );
3661
- --system-spectrum-button-staticblack-secondary-outline-content-color-disabled: var(
3662
- --spectrum-disabled-static-black-content-color
3663
- );
3664
- }
3665
-
3666
- :host,
3667
- :root {
3668
- --system-spectrum-checkbox-control-color-default: var(--spectrum-gray-600);
3669
- --system-spectrum-checkbox-control-color-hover: var(--spectrum-gray-700);
3670
- --system-spectrum-checkbox-control-color-down: var(--spectrum-gray-800);
3671
- --system-spectrum-checkbox-control-color-focus: var(--spectrum-gray-700);
3672
- }
3673
-
3674
- :host,
3675
- :root {
3676
- --system-spectrum-closebutton-background-color-default: transparent;
3677
- --system-spectrum-closebutton-background-color-hover: var(
3678
- --spectrum-gray-200
3679
- );
3680
- --system-spectrum-closebutton-background-color-down: var(
3681
- --spectrum-gray-300
3682
- );
3683
- --system-spectrum-closebutton-background-color-focus: var(
3684
- --spectrum-gray-200
3685
- );
3686
- }
3687
-
3688
- :host,
3689
- :root {
3690
- --system-spectrum-combobox-border-color-default: var(--spectrum-gray-500);
3691
- --system-spectrum-combobox-border-color-hover: var(--spectrum-gray-600);
3692
- --system-spectrum-combobox-border-color-focus: var(--spectrum-gray-500);
3693
- --system-spectrum-combobox-border-color-focus-hover: var(
3694
- --spectrum-gray-600
3695
- );
3696
- --system-spectrum-combobox-border-color-key-focus: var(--spectrum-gray-600);
3697
- }
3698
-
3699
- :host,
3700
- :root {
3701
- --system-spectrum-infieldbutton-spectrum-infield-button-border-width: var(
3702
- --spectrum-border-width-100
3703
- );
3704
- --system-spectrum-infieldbutton-spectrum-infield-button-border-color: inherit;
3705
- --system-spectrum-infieldbutton-spectrum-infield-button-border-radius: var(
3706
- --spectrum-corner-radius-100
3707
- );
3708
- --system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset: 0;
3709
- --system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start: var(
3710
- --spectrum-infield-button-border-radius-reset
3711
- );
3712
- --system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start: var(
3713
- --spectrum-infield-button-border-radius-reset
3714
- );
3715
- --system-spectrum-infieldbutton-spectrum-infield-button-background-color: var(
3716
- --spectrum-gray-75
3717
- );
3718
- --system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover: var(
3719
- --spectrum-gray-200
3720
- );
3721
- --system-spectrum-infieldbutton-spectrum-infield-button-background-color-down: var(
3722
- --spectrum-gray-300
3723
- );
3724
- --system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus: var(
3725
- --spectrum-gray-200
3726
- );
3727
- }
3728
-
3729
- :host,
3730
- :root {
3731
- --system-spectrum-picker-background-color-default: var(--spectrum-gray-75);
3732
- --system-spectrum-picker-background-color-default-open: var(
3733
- --spectrum-gray-200
3734
- );
3735
- --system-spectrum-picker-background-color-active: var(--spectrum-gray-300);
3736
- --system-spectrum-picker-background-color-hover: var(--spectrum-gray-200);
3737
- --system-spectrum-picker-background-color-hover-open: var(
3738
- --spectrum-gray-200
3739
- );
3740
- --system-spectrum-picker-background-color-key-focus: var(
3741
- --spectrum-gray-200
3742
- );
3743
- --system-spectrum-picker-border-color-default: var(--spectrum-gray-500);
3744
- --system-spectrum-picker-border-color-default-open: var(
3745
- --spectrum-gray-500
3746
- );
3747
- --system-spectrum-picker-border-color-hover: var(--spectrum-gray-600);
3748
- --system-spectrum-picker-border-color-hover-open: var(--spectrum-gray-600);
3749
- --system-spectrum-picker-border-color-active: var(--spectrum-gray-700);
3750
- --system-spectrum-picker-border-color-key-focus: var(--spectrum-gray-600);
3751
- --system-spectrum-picker-border-width: var(--spectrum-border-width-100);
3752
- }
3753
-
3754
- :host,
3755
- :root {
3756
- --system-spectrum-pickerbutton-spectrum-picker-button-background-color: var(
3757
- --spectrum-gray-75
3758
- );
3759
- --system-spectrum-pickerbutton-spectrum-picker-button-background-color-hover: var(
3760
- --spectrum-gray-200
3761
- );
3762
- --system-spectrum-pickerbutton-spectrum-picker-button-background-color-down: var(
3763
- --spectrum-gray-300
3764
- );
3765
- --system-spectrum-pickerbutton-spectrum-picker-button-background-color-key-focus: var(
3766
- --spectrum-gray-200
3767
- );
3768
- --system-spectrum-pickerbutton-spectrum-picker-button-border-color: inherit;
3769
- --system-spectrum-pickerbutton-spectrum-picker-button-border-radius: var(
3770
- --spectrum-corner-radius-100
3771
- );
3772
- --system-spectrum-pickerbutton-spectrum-picker-button-border-radius-rounded-sided: 0;
3773
- --system-spectrum-pickerbutton-spectrum-picker-button-border-radius-sided: 0;
3774
- --system-spectrum-pickerbutton-spectrum-picker-button-border-width: var(
3775
- --spectrum-border-width-100
3776
- );
3777
- }
3778
-
3779
- :host,
3780
- :root {
3781
- --system-spectrum-popover-border-width: var(--spectrum-border-width-100);
3782
- }
3783
-
3784
- :host,
3785
- :root {
3786
- --system-spectrum-radio-button-border-color-default: var(
3787
- --spectrum-gray-600
3788
- );
3789
- --system-spectrum-radio-button-border-color-hover: var(--spectrum-gray-700);
3790
- --system-spectrum-radio-button-border-color-down: var(--spectrum-gray-800);
3791
- --system-spectrum-radio-button-border-color-focus: var(--spectrum-gray-700);
3792
- --system-spectrum-radio-emphasized-button-checked-border-color-default: var(
3793
- --spectrum-accent-color-900
3794
- );
3795
- --system-spectrum-radio-emphasized-button-checked-border-color-hover: var(
3796
- --spectrum-accent-color-1000
3797
- );
3798
- --system-spectrum-radio-emphasized-button-checked-border-color-down: var(
3799
- --spectrum-accent-color-1100
3800
- );
3801
- --system-spectrum-radio-emphasized-button-checked-border-color-focus: var(
3802
- --spectrum-accent-color-1000
3803
- );
3804
- }
3805
-
3806
- :host,
3807
- :root {
3808
- --system-spectrum-search-border-radius: var(--spectrum-corner-radius-100);
3809
- --system-spectrum-search-edge-to-visual: var(
3810
- --spectrum-component-edge-to-visual-100
3811
- );
3812
- --system-spectrum-search-border-color-default: var(--spectrum-gray-500);
3813
- --system-spectrum-search-border-color-hover: var(--spectrum-gray-600);
3814
- --system-spectrum-search-border-color-focus: var(--spectrum-gray-800);
3815
- --system-spectrum-search-border-color-focus-hover: var(--spectrum-gray-900);
3816
- --system-spectrum-search-border-color-key-focus: var(--spectrum-gray-900);
3817
- --system-spectrum-search-sizes-border-radius: var(
3818
- --spectrum-corner-radius-100
3819
- );
3820
- --system-spectrum-search-sizes-edge-to-visual: var(
3821
- --spectrum-component-edge-to-visual-75
3822
- );
3823
- --system-spectrum-search-sizem-border-radius: var(
3824
- --spectrum-corner-radius-100
3825
- );
3826
- --system-spectrum-search-sizem-edge-to-visual: var(
3827
- --spectrum-component-edge-to-visual-100
3828
- );
3829
- --system-spectrum-search-sizel-border-radius: var(
3830
- --spectrum-corner-radius-100
3831
- );
3832
- --system-spectrum-search-sizel-edge-to-visual: var(
3833
- --spectrum-component-edge-to-visual-200
3834
- );
3835
- --system-spectrum-search-sizexl-border-radius: var(
3836
- --spectrum-corner-radius-100
3837
- );
3838
- --system-spectrum-search-sizexl-edge-to-visual: var(
3839
- --spectrum-component-edge-to-visual-300
3840
- );
3841
- }
3842
-
3843
- :host,
3844
- :root {
3845
- --system-spectrum-slider-track-color: var(--spectrum-gray-300);
3846
- --system-spectrum-slider-track-fill-color: var(--spectrum-gray-700);
3847
- --system-spectrum-slider-ramp-track-color: var(--spectrum-gray-400);
3848
- --system-spectrum-slider-ramp-track-color-disabled: var(
3849
- --spectrum-gray-200
3850
- );
3851
- --system-spectrum-slider-handle-background-color: transparent;
3852
- --system-spectrum-slider-handle-background-color-disabled: transparent;
3853
- --system-spectrum-slider-ramp-handle-background-color: var(
3854
- --spectrum-gray-100
3855
- );
3856
- --system-spectrum-slider-ticks-handle-background-color: var(
3857
- --spectrum-gray-100
3858
- );
3859
- --system-spectrum-slider-handle-border-color: var(--spectrum-gray-700);
3860
- --system-spectrum-slider-handle-disabled-background-color: var(
3861
- --spectrum-gray-100
3862
- );
3863
- --system-spectrum-slider-tick-mark-color: var(--spectrum-gray-300);
3864
- --system-spectrum-slider-handle-border-color-hover: var(
3865
- --spectrum-gray-800
3866
- );
3867
- --system-spectrum-slider-handle-border-color-down: var(--spectrum-gray-800);
3868
- --system-spectrum-slider-handle-border-color-key-focus: var(
3869
- --spectrum-gray-800
3870
- );
3871
- --system-spectrum-slider-handle-focus-ring-color-key-focus: var(
3872
- --spectrum-focus-indicator-color
3873
- );
3874
- }
3875
-
3876
- :host,
3877
- :root {
3878
- --system-spectrum-stepper-border-width: var(--spectrum-border-width-100);
3879
- --system-spectrum-stepper-buttons-border-style: none;
3880
- --system-spectrum-stepper-buttons-border-width: 0;
3881
- --system-spectrum-stepper-buttons-border-color: var(--spectrum-gray-500);
3882
- --system-spectrum-stepper-buttons-background-color: var(--spectrum-gray-50);
3883
- --system-spectrum-stepper-buttons-border-color-hover: var(
3884
- --spectrum-gray-600
3885
- );
3886
- --system-spectrum-stepper-buttons-border-color-focus: var(
3887
- --spectrum-gray-800
3888
- );
3889
- --system-spectrum-stepper-buttons-border-color-keyboard-focus: var(
3890
- --spectrum-gray-900
3891
- );
3892
- --system-spectrum-stepper-button-border-radius-reset: 0px;
3893
- --system-spectrum-stepper-button-border-width: var(
3894
- --spectrum-border-width-100
3895
- );
3896
- --system-spectrum-stepper-border-color: var(--spectrum-gray-500);
3897
- --system-spectrum-stepper-border-color-hover: var(--spectrum-gray-600);
3898
- --system-spectrum-stepper-border-color-focus: var(--spectrum-gray-800);
3899
- --system-spectrum-stepper-border-color-focus-hover: var(
3900
- --spectrum-gray-800
3901
- );
3902
- --system-spectrum-stepper-border-color-keyboard-focus: var(
3903
- --spectrum-gray-900
3904
- );
3905
- --system-spectrum-stepper-border-color-invalid: var(
3906
- --spectrum-negative-border-color-default
3907
- );
3908
- --system-spectrum-stepper-border-color-focus-invalid: var(
3909
- --spectrum-negative-border-color-focus
3910
- );
3911
- --system-spectrum-stepper-border-color-focus-hover-invalid: var(
3912
- --spectrum-negative-border-color-focus-hover
3913
- );
3914
- --system-spectrum-stepper-border-color-keyboard-focus-invalid: var(
3915
- --spectrum-negative-border-color-key-focus
3916
- );
3917
- --system-spectrum-stepper-button-background-color-focus: var(
3918
- --spectrum-gray-300
3919
- );
3920
- --system-spectrum-stepper-button-background-color-keyboard-focus: var(
3921
- --spectrum-gray-200
3922
- );
3923
- }
3924
-
3925
- :host,
3926
- :root {
3927
- --system-spectrum-switch-handle-border-color-default: var(
3928
- --spectrum-gray-600
3929
- );
3930
- --system-spectrum-switch-handle-border-color-hover: var(
3931
- --spectrum-gray-700
3932
- );
3933
- --system-spectrum-switch-handle-border-color-down: var(--spectrum-gray-800);
3934
- --system-spectrum-switch-handle-border-color-focus: var(
3935
- --spectrum-gray-700
3936
- );
3937
- --system-spectrum-switch-handle-border-color-selected-default: var(
3938
- --spectrum-gray-700
3939
- );
3940
- --system-spectrum-switch-handle-border-color-selected-hover: var(
3941
- --spectrum-gray-800
3942
- );
3943
- --system-spectrum-switch-handle-border-color-selected-down: var(
3944
- --spectrum-gray-900
3945
- );
3946
- --system-spectrum-switch-handle-border-color-selected-focus: var(
3947
- --spectrum-gray-800
3948
- );
3949
- }
3950
-
3951
- :host,
3952
- :root {
3953
- --system-spectrum-tabs-font-weight: var(--spectrum-default-font-weight);
3954
- }
3955
-
3956
- :host,
3957
- :root {
3958
- --system-spectrum-tag-border-color: var(--spectrum-gray-700);
3959
- --system-spectrum-tag-border-color-hover: var(--spectrum-gray-800);
3960
- --system-spectrum-tag-border-color-active: var(--spectrum-gray-900);
3961
- --system-spectrum-tag-border-color-focus: var(--spectrum-gray-800);
3962
- --system-spectrum-tag-size-small-corner-radius: var(
3963
- --spectrum-corner-radius-100
3964
- );
3965
- --system-spectrum-tag-size-medium-corner-radius: var(
3966
- --spectrum-corner-radius-100
3967
- );
3968
- --system-spectrum-tag-size-large-corner-radius: var(
3969
- --spectrum-corner-radius-100
3970
- );
3971
- --system-spectrum-tag-background-color: var(--spectrum-gray-75);
3972
- --system-spectrum-tag-background-color-hover: var(--spectrum-gray-75);
3973
- --system-spectrum-tag-background-color-active: var(--spectrum-gray-200);
3974
- --system-spectrum-tag-background-color-focus: var(--spectrum-gray-75);
3975
- --system-spectrum-tag-content-color: var(
3976
- --spectrum-neutral-subdued-content-color-default
3977
- );
3978
- --system-spectrum-tag-content-color-hover: var(
3979
- --spectrum-neutral-subdued-content-color-hover
3980
- );
3981
- --system-spectrum-tag-content-color-active: var(
3982
- --spectrum-neutral-subdued-content-color-down
3983
- );
3984
- --system-spectrum-tag-content-color-focus: var(
3985
- --spectrum-neutral-subdued-content-color-key-focus
3986
- );
3987
- --system-spectrum-tag-border-color-selected: var(
3988
- --spectrum-neutral-subdued-background-color-default
3989
- );
3990
- --system-spectrum-tag-border-color-selected-hover: var(
3991
- --spectrum-neutral-subdued-background-color-hover
3992
- );
3993
- --system-spectrum-tag-border-color-selected-active: var(
3994
- --spectrum-neutral-subdued-background-color-down
3995
- );
3996
- --system-spectrum-tag-border-color-selected-focus: var(
3997
- --spectrum-neutral-subdued-background-color-key-focus
3998
- );
3999
- --system-spectrum-tag-border-color-disabled: transparent;
4000
- --system-spectrum-tag-background-color-disabled: var(
4001
- --spectrum-disabled-background-color
4002
- );
4003
- --system-spectrum-tag-size-small-spacing-inline-start: var(
4004
- --spectrum-component-edge-to-visual-75
4005
- );
4006
- --system-spectrum-tag-size-small-label-spacing-inline-end: var(
4007
- --spectrum-component-edge-to-text-75
4008
- );
4009
- --system-spectrum-tag-size-small-clear-button-spacing-inline-end: var(
4010
- --spectrum-component-edge-to-visual-75
4011
- );
4012
- --system-spectrum-tag-size-medium-spacing-inline-start: var(
4013
- --spectrum-component-edge-to-visual-100
4014
- );
4015
- --system-spectrum-tag-size-medium-label-spacing-inline-end: var(
4016
- --spectrum-component-edge-to-text-100
4017
- );
4018
- --system-spectrum-tag-size-medium-clear-button-spacing-inline-end: var(
4019
- --spectrum-component-edge-to-visual-100
4020
- );
4021
- --system-spectrum-tag-size-large-spacing-inline-start: var(
4022
- --spectrum-component-edge-to-visual-200
4023
- );
4024
- --system-spectrum-tag-size-large-label-spacing-inline-end: var(
4025
- --spectrum-component-edge-to-text-200
4026
- );
4027
- --system-spectrum-tag-size-large-clear-button-spacing-inline-end: var(
4028
- --spectrum-component-edge-to-visual-200
4029
- );
4030
- }
4031
-
4032
- :host,
4033
- :root {
4034
- --system-spectrum-textfield-border-color: var(--spectrum-gray-500);
4035
- --system-spectrum-textfield-border-color-hover: var(--spectrum-gray-600);
4036
- --system-spectrum-textfield-border-color-focus: var(--spectrum-gray-800);
4037
- --system-spectrum-textfield-border-color-focus-hover: var(
4038
- --spectrum-gray-900
4039
- );
4040
- --system-spectrum-textfield-border-color-keyboard-focus: var(
4041
- --spectrum-gray-900
4042
- );
4043
- --system-spectrum-textfield-border-width: var(--spectrum-border-width-100);
4044
- }
4045
-
4046
- :host,
4047
- :root {
4048
- --system-spectrum-toast-background-color-default: var(
4049
- --spectrum-neutral-subdued-background-color-default
4050
- );
4051
- }
4052
-
4053
- :host,
4054
- :root {
4055
- --system-spectrum-tooltip-backgound-color-default-neutral: var(
4056
- --spectrum-neutral-subdued-background-color-default
4057
- );
4058
- }
4059
-
4060
- :host,
4061
- :root {
4062
- --system-spectrum-actionbutton-background-color-default: var(
4063
- --spectrum-gray-75
4064
- );
4065
- --system-spectrum-actionbutton-background-color-hover: var(
4066
- --spectrum-gray-200
4067
- );
4068
- --system-spectrum-actionbutton-background-color-down: var(
4069
- --spectrum-gray-300
4070
- );
4071
- --system-spectrum-actionbutton-background-color-focus: var(
4072
- --spectrum-gray-200
4073
- );
4074
- --system-spectrum-actionbutton-border-color-default: var(
4075
- --spectrum-gray-400
4076
- );
4077
- --system-spectrum-actionbutton-border-color-hover: var(--spectrum-gray-500);
4078
- --system-spectrum-actionbutton-border-color-down: var(--spectrum-gray-600);
4079
- --system-spectrum-actionbutton-border-color-focus: var(--spectrum-gray-500);
4080
- --system-spectrum-actionbutton-background-color-disabled: transparent;
4081
- --system-spectrum-actionbutton-border-color-disabled: var(
4082
- --spectrum-disabled-border-color
4083
- );
4084
- --system-spectrum-actionbutton-content-color-disabled: var(
4085
- --spectrum-disabled-content-color
4086
- );
4087
- --system-spectrum-actionbutton-quiet-background-color-default: transparent;
4088
- --system-spectrum-actionbutton-quiet-background-color-hover: var(
4089
- --spectrum-gray-200
4090
- );
4091
- --system-spectrum-actionbutton-quiet-background-color-down: var(
4092
- --spectrum-gray-300
4093
- );
4094
- --system-spectrum-actionbutton-quiet-background-color-focus: var(
4095
- --spectrum-gray-200
4096
- );
4097
- --system-spectrum-actionbutton-quiet-border-color-default: transparent;
4098
- --system-spectrum-actionbutton-quiet-border-color-hover: transparent;
4099
- --system-spectrum-actionbutton-quiet-border-color-down: transparent;
4100
- --system-spectrum-actionbutton-quiet-border-color-focus: transparent;
4101
- --system-spectrum-actionbutton-quiet-background-color-disabled: transparent;
4102
- --system-spectrum-actionbutton-quiet-border-color-disabled: transparent;
4103
- --system-spectrum-actionbutton-selected-border-color-default: transparent;
4104
- --system-spectrum-actionbutton-selected-border-color-hover: transparent;
4105
- --system-spectrum-actionbutton-selected-border-color-down: transparent;
4106
- --system-spectrum-actionbutton-selected-border-color-focus: transparent;
4107
- --system-spectrum-actionbutton-selected-background-color-disabled: var(
4108
- --spectrum-disabled-background-color
4109
- );
4110
- --system-spectrum-actionbutton-selected-border-color-disabled: transparent;
4111
- --system-spectrum-actionbutton-staticblack-quiet-border-color-default: transparent;
4112
- --system-spectrum-actionbutton-staticwhite-quiet-border-color-default: transparent;
4113
- --system-spectrum-actionbutton-staticblack-quiet-border-color-hover: transparent;
4114
- --system-spectrum-actionbutton-staticwhite-quiet-border-color-hover: transparent;
4115
- --system-spectrum-actionbutton-staticblack-quiet-border-color-down: transparent;
4116
- --system-spectrum-actionbutton-staticwhite-quiet-border-color-down: transparent;
4117
- --system-spectrum-actionbutton-staticblack-quiet-border-color-focus: transparent;
4118
- --system-spectrum-actionbutton-staticwhite-quiet-border-color-focus: transparent;
4119
- --system-spectrum-actionbutton-staticblack-quiet-border-color-disabled: transparent;
4120
- --system-spectrum-actionbutton-staticwhite-quiet-border-color-disabled: transparent;
4121
- --system-spectrum-actionbutton-staticblack-background-color-default: transparent;
4122
- --system-spectrum-actionbutton-staticblack-background-color-hover: var(
4123
- --spectrum-transparent-black-300
4124
- );
4125
- --system-spectrum-actionbutton-staticblack-background-color-down: var(
4126
- --spectrum-transparent-black-400
4127
- );
4128
- --system-spectrum-actionbutton-staticblack-background-color-focus: var(
4129
- --spectrum-transparent-black-300
4130
- );
4131
- --system-spectrum-actionbutton-staticblack-border-color-default: var(
4132
- --spectrum-transparent-black-400
4133
- );
4134
- --system-spectrum-actionbutton-staticblack-border-color-hover: var(
4135
- --spectrum-transparent-black-500
4136
- );
4137
- --system-spectrum-actionbutton-staticblack-border-color-down: var(
4138
- --spectrum-transparent-black-600
4139
- );
4140
- --system-spectrum-actionbutton-staticblack-border-color-focus: var(
4141
- --spectrum-transparent-black-500
4142
- );
4143
- --system-spectrum-actionbutton-staticblack-content-color-default: var(
4144
- --spectrum-black
4145
- );
4146
- --system-spectrum-actionbutton-staticblack-content-color-hover: var(
4147
- --spectrum-black
4148
- );
4149
- --system-spectrum-actionbutton-staticblack-content-color-down: var(
4150
- --spectrum-black
4151
- );
4152
- --system-spectrum-actionbutton-staticblack-content-color-focus: var(
4153
- --spectrum-black
4154
- );
4155
- --system-spectrum-actionbutton-staticblack-focus-indicator-color: var(
4156
- --spectrum-static-black-focus-indicator-color
4157
- );
4158
- --system-spectrum-actionbutton-staticblack-background-color-disabled: transparent;
4159
- --system-spectrum-actionbutton-staticblack-border-color-disabled: var(
4160
- --spectrum-disabled-static-black-border-color
4161
- );
4162
- --system-spectrum-actionbutton-staticblack-content-color-disabled: var(
4163
- --spectrum-disabled-static-black-content-color
4164
- );
4165
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-default: var(
4166
- --spectrum-transparent-black-800
4167
- );
4168
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-hover: var(
4169
- --spectrum-transparent-black-900
4170
- );
4171
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-down: var(
4172
- --spectrum-transparent-black-900
4173
- );
4174
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-focus: var(
4175
- --spectrum-transparent-black-900
4176
- );
4177
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-default: var(
4178
- --spectrum-white
4179
- );
4180
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-hover: var(
4181
- --spectrum-white
4182
- );
4183
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-down: var(
4184
- --spectrum-white
4185
- );
4186
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-content-color-focus: var(
4187
- --spectrum-white
4188
- );
4189
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-background-color-disabled: var(
4190
- --spectrum-disabled-static-black-background-color
4191
- );
4192
- --system-spectrum-actionbutton-staticblack-selected-mod-actionbutton-border-color-disabled: transparent;
4193
- --system-spectrum-actionbutton-staticwhite-background-color-default: transparent;
4194
- --system-spectrum-actionbutton-staticwhite-background-color-hover: var(
4195
- --spectrum-transparent-white-300
4196
- );
4197
- --system-spectrum-actionbutton-staticwhite-background-color-down: var(
4198
- --spectrum-transparent-white-400
4199
- );
4200
- --system-spectrum-actionbutton-staticwhite-background-color-focus: var(
4201
- --spectrum-transparent-white-300
4202
- );
4203
- --system-spectrum-actionbutton-staticwhite-border-color-default: var(
4204
- --spectrum-transparent-white-400
4205
- );
4206
- --system-spectrum-actionbutton-staticwhite-border-color-hover: var(
4207
- --spectrum-transparent-white-500
4208
- );
4209
- --system-spectrum-actionbutton-staticwhite-border-color-down: var(
4210
- --spectrum-transparent-white-600
4211
- );
4212
- --system-spectrum-actionbutton-staticwhite-border-color-focus: var(
4213
- --spectrum-transparent-white-500
4214
- );
4215
- --system-spectrum-actionbutton-staticwhite-content-color-default: var(
4216
- --spectrum-white
4217
- );
4218
- --system-spectrum-actionbutton-staticwhite-content-color-hover: var(
4219
- --spectrum-white
4220
- );
4221
- --system-spectrum-actionbutton-staticwhite-content-color-down: var(
4222
- --spectrum-white
4223
- );
4224
- --system-spectrum-actionbutton-staticwhite-content-color-focus: var(
4225
- --spectrum-white
4226
- );
4227
- --system-spectrum-actionbutton-staticwhite-focus-indicator-color: var(
4228
- --spectrum-static-white-focus-indicator-color
4229
- );
4230
- --system-spectrum-actionbutton-staticwhite-background-color-disabled: transparent;
4231
- --system-spectrum-actionbutton-staticwhite-border-color-disabled: var(
4232
- --spectrum-disabled-static-white-border-color
4233
- );
4234
- --system-spectrum-actionbutton-staticwhite-content-color-disabled: var(
4235
- --spectrum-disabled-static-white-content-color
4236
- );
4237
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-default: var(
4238
- --spectrum-transparent-white-800
4239
- );
4240
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-hover: var(
4241
- --spectrum-transparent-white-900
4242
- );
4243
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-down: var(
4244
- --spectrum-transparent-white-900
4245
- );
4246
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-focus: var(
4247
- --spectrum-transparent-white-900
4248
- );
4249
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-default: var(
4250
- --spectrum-black
4251
- );
4252
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-hover: var(
4253
- --spectrum-black
4254
- );
4255
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-down: var(
4256
- --spectrum-black
4257
- );
4258
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-content-color-focus: var(
4259
- --spectrum-black
4260
- );
4261
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-background-color-disabled: var(
4262
- --spectrum-disabled-static-white-background-color
4263
- );
4264
- --system-spectrum-actionbutton-staticwhite-selected-mod-actionbutton-border-color-disabled: transparent;
4265
- }
4266
-
4267
- :host,
4268
- :root {
4269
- --system-spectrum-actiongroup-gap-size-compact: 0;
4270
- --system-spectrum-actiongroup-horizontal-spacing-compact: -1px;
4271
- --system-spectrum-actiongroup-vertical-spacing-compact: -1px;
4272
- }
4273
-
4274
- :host,
4275
- :root {
4276
- --system-spectrum-button-background-color-default: var(--spectrum-gray-75);
4277
- --system-spectrum-button-background-color-hover: var(--spectrum-gray-200);
4278
- --system-spectrum-button-background-color-down: var(--spectrum-gray-300);
4279
- --system-spectrum-button-background-color-focus: var(--spectrum-gray-200);
4280
- --system-spectrum-button-border-color-default: var(--spectrum-gray-400);
4281
- --system-spectrum-button-border-color-hover: var(--spectrum-gray-500);
4282
- --system-spectrum-button-border-color-down: var(--spectrum-gray-600);
4283
- --system-spectrum-button-border-color-focus: var(--spectrum-gray-500);
4284
- --system-spectrum-button-content-color-default: var(
4285
- --spectrum-neutral-content-color-default
4286
- );
4287
- --system-spectrum-button-content-color-hover: var(
4288
- --spectrum-neutral-content-color-hover
4289
- );
4290
- --system-spectrum-button-content-color-down: var(
4291
- --spectrum-neutral-content-color-down
4292
- );
4293
- --system-spectrum-button-content-color-focus: var(
4294
- --spectrum-neutral-content-color-key-focus
4295
- );
4296
- --system-spectrum-button-background-color-disabled: transparent;
4297
- --system-spectrum-button-border-color-disabled: var(
4298
- --spectrum-disabled-border-color
4299
- );
4300
- --system-spectrum-button-content-color-disabled: var(
4301
- --spectrum-disabled-content-color
4302
- );
4303
- --system-spectrum-button-accent-background-color-default: var(
4304
- --spectrum-accent-background-color-default
4305
- );
4306
- --system-spectrum-button-accent-background-color-hover: var(
4307
- --spectrum-accent-background-color-hover
4308
- );
4309
- --system-spectrum-button-accent-background-color-down: var(
4310
- --spectrum-accent-background-color-down
4311
- );
4312
- --system-spectrum-button-accent-background-color-focus: var(
4313
- --spectrum-accent-background-color-key-focus
4314
- );
4315
- --system-spectrum-button-accent-border-color-default: transparent;
4316
- --system-spectrum-button-accent-border-color-hover: transparent;
4317
- --system-spectrum-button-accent-border-color-down: transparent;
4318
- --system-spectrum-button-accent-border-color-focus: transparent;
4319
- --system-spectrum-button-accent-content-color-default: var(
4320
- --spectrum-white
4321
- );
4322
- --system-spectrum-button-accent-content-color-hover: var(--spectrum-white);
4323
- --system-spectrum-button-accent-content-color-down: var(--spectrum-white);
4324
- --system-spectrum-button-accent-content-color-focus: var(--spectrum-white);
4325
- --system-spectrum-button-accent-background-color-disabled: var(
4326
- --spectrum-disabled-background-color
4327
- );
4328
- --system-spectrum-button-accent-border-color-disabled: transparent;
4329
- --system-spectrum-button-accent-content-color-disabled: var(
4330
- --spectrum-disabled-content-color
4331
- );
4332
- --system-spectrum-button-accent-outline-background-color-default: transparent;
4333
- --system-spectrum-button-accent-outline-background-color-hover: var(
4334
- --spectrum-accent-color-200
4335
- );
4336
- --system-spectrum-button-accent-outline-background-color-down: var(
4337
- --spectrum-accent-color-300
4338
- );
4339
- --system-spectrum-button-accent-outline-background-color-focus: var(
4340
- --spectrum-accent-color-200
4341
- );
4342
- --system-spectrum-button-accent-outline-border-color-default: var(
4343
- --spectrum-accent-color-900
4344
- );
4345
- --system-spectrum-button-accent-outline-border-color-hover: var(
4346
- --spectrum-accent-color-1000
4347
- );
4348
- --system-spectrum-button-accent-outline-border-color-down: var(
4349
- --spectrum-accent-color-1100
4350
- );
4351
- --system-spectrum-button-accent-outline-border-color-focus: var(
4352
- --spectrum-accent-color-1000
4353
- );
4354
- --system-spectrum-button-accent-outline-content-color-default: var(
4355
- --spectrum-accent-content-color-default
4356
- );
4357
- --system-spectrum-button-accent-outline-content-color-hover: var(
4358
- --spectrum-accent-content-color-hover
4359
- );
4360
- --system-spectrum-button-accent-outline-content-color-down: var(
4361
- --spectrum-accent-content-color-down
4362
- );
4363
- --system-spectrum-button-accent-outline-content-color-focus: var(
4364
- --spectrum-accent-content-color-key-focus
4365
- );
4366
- --system-spectrum-button-accent-outline-background-color-disabled: transparent;
4367
- --system-spectrum-button-accent-outline-border-color-disabled: var(
4368
- --spectrum-disabled-border-color
4369
- );
4370
- --system-spectrum-button-accent-outline-content-color-disabled: var(
4371
- --spectrum-disabled-content-color
4372
- );
4373
- --system-spectrum-button-negative-background-color-default: var(
4374
- --spectrum-negative-background-color-default
4375
- );
4376
- --system-spectrum-button-negative-background-color-hover: var(
4377
- --spectrum-negative-background-color-hover
4378
- );
4379
- --system-spectrum-button-negative-background-color-down: var(
4380
- --spectrum-negative-background-color-down
4381
- );
4382
- --system-spectrum-button-negative-background-color-focus: var(
4383
- --spectrum-negative-background-color-key-focus
4384
- );
4385
- --system-spectrum-button-negative-border-color-default: transparent;
4386
- --system-spectrum-button-negative-border-color-hover: transparent;
4387
- --system-spectrum-button-negative-border-color-down: transparent;
4388
- --system-spectrum-button-negative-border-color-focus: transparent;
4389
- --system-spectrum-button-negative-content-color-default: var(
4390
- --spectrum-white
4391
- );
4392
- --system-spectrum-button-negative-content-color-hover: var(
4393
- --spectrum-white
4394
- );
4395
- --system-spectrum-button-negative-content-color-down: var(--spectrum-white);
4396
- --system-spectrum-button-negative-content-color-focus: var(
4397
- --spectrum-white
4398
- );
4399
- --system-spectrum-button-negative-background-color-disabled: var(
4400
- --spectrum-disabled-background-color
4401
- );
4402
- --system-spectrum-button-negative-border-color-disabled: transparent;
4403
- --system-spectrum-button-negative-content-color-disabled: var(
4404
- --spectrum-disabled-content-color
4405
- );
4406
- --system-spectrum-button-negative-outline-background-color-default: transparent;
4407
- --system-spectrum-button-negative-outline-background-color-hover: var(
4408
- --spectrum-negative-color-200
4409
- );
4410
- --system-spectrum-button-negative-outline-background-color-down: var(
4411
- --spectrum-negative-color-300
4412
- );
4413
- --system-spectrum-button-negative-outline-background-color-focus: var(
4414
- --spectrum-negative-color-200
4415
- );
4416
- --system-spectrum-button-negative-outline-border-color-default: var(
4417
- --spectrum-negative-color-900
4418
- );
4419
- --system-spectrum-button-negative-outline-border-color-hover: var(
4420
- --spectrum-negative-color-1000
4421
- );
4422
- --system-spectrum-button-negative-outline-border-color-down: var(
4423
- --spectrum-negative-color-1100
4424
- );
4425
- --system-spectrum-button-negative-outline-border-color-focus: var(
4426
- --spectrum-negative-color-1000
4427
- );
4428
- --system-spectrum-button-negative-outline-content-color-default: var(
4429
- --spectrum-negative-content-color-default
4430
- );
4431
- --system-spectrum-button-negative-outline-content-color-hover: var(
4432
- --spectrum-negative-content-color-hover
4433
- );
4434
- --system-spectrum-button-negative-outline-content-color-down: var(
4435
- --spectrum-negative-content-color-down
4436
- );
4437
- --system-spectrum-button-negative-outline-content-color-focus: var(
4438
- --spectrum-negative-content-color-key-focus
4439
- );
4440
- --system-spectrum-button-negative-outline-background-color-disabled: transparent;
4441
- --system-spectrum-button-negative-outline-border-color-disabled: var(
4442
- --spectrum-disabled-border-color
4443
- );
4444
- --system-spectrum-button-negative-outline-content-color-disabled: var(
4445
- --spectrum-disabled-content-color
4446
- );
4447
- --system-spectrum-button-primary-background-color-default: var(
4448
- --spectrum-neutral-background-color-default
4449
- );
4450
- --system-spectrum-button-primary-background-color-hover: var(
4451
- --spectrum-neutral-background-color-hover
4452
- );
4453
- --system-spectrum-button-primary-background-color-down: var(
4454
- --spectrum-neutral-background-color-down
4455
- );
4456
- --system-spectrum-button-primary-background-color-focus: var(
4457
- --spectrum-neutral-background-color-key-focus
4458
- );
4459
- --system-spectrum-button-primary-border-color-default: transparent;
4460
- --system-spectrum-button-primary-border-color-hover: transparent;
4461
- --system-spectrum-button-primary-border-color-down: transparent;
4462
- --system-spectrum-button-primary-border-color-focus: transparent;
4463
- --system-spectrum-button-primary-content-color-default: var(
4464
- --spectrum-white
4465
- );
4466
- --system-spectrum-button-primary-content-color-hover: var(--spectrum-white);
4467
- --system-spectrum-button-primary-content-color-down: var(--spectrum-white);
4468
- --system-spectrum-button-primary-content-color-focus: var(--spectrum-white);
4469
- --system-spectrum-button-primary-background-color-disabled: var(
4470
- --spectrum-disabled-background-color
4471
- );
4472
- --system-spectrum-button-primary-border-color-disabled: transparent;
4473
- --system-spectrum-button-primary-content-color-disabled: var(
4474
- --spectrum-disabled-content-color
4475
- );
4476
- --system-spectrum-button-primary-outline-background-color-default: transparent;
4477
- --system-spectrum-button-primary-outline-background-color-hover: var(
4478
- --spectrum-gray-300
4479
- );
4480
- --system-spectrum-button-primary-outline-background-color-down: var(
4481
- --spectrum-gray-400
4482
- );
4483
- --system-spectrum-button-primary-outline-background-color-focus: var(
4484
- --spectrum-gray-300
4485
- );
4486
- --system-spectrum-button-primary-outline-border-color-default: var(
4487
- --spectrum-gray-800
4488
- );
4489
- --system-spectrum-button-primary-outline-border-color-hover: var(
4490
- --spectrum-gray-900
4491
- );
4492
- --system-spectrum-button-primary-outline-border-color-down: var(
4493
- --spectrum-gray-900
4494
- );
4495
- --system-spectrum-button-primary-outline-border-color-focus: var(
4496
- --spectrum-gray-900
4497
- );
4498
- --system-spectrum-button-primary-outline-content-color-default: var(
4499
- --spectrum-neutral-content-color-default
4500
- );
4501
- --system-spectrum-button-primary-outline-content-color-hover: var(
4502
- --spectrum-neutral-content-color-hover
4503
- );
4504
- --system-spectrum-button-primary-outline-content-color-down: var(
4505
- --spectrum-neutral-content-color-down
4506
- );
4507
- --system-spectrum-button-primary-outline-content-color-focus: var(
4508
- --spectrum-neutral-content-color-key-focus
4509
- );
4510
- --system-spectrum-button-primary-outline-background-color-disabled: transparent;
4511
- --system-spectrum-button-primary-outline-border-color-disabled: var(
4512
- --spectrum-disabled-border-color
4513
- );
4514
- --system-spectrum-button-primary-outline-content-color-disabled: var(
4515
- --spectrum-disabled-content-color
4516
- );
4517
- --system-spectrum-button-secondary-background-color-default: var(
4518
- --spectrum-gray-200
4519
- );
4520
- --system-spectrum-button-secondary-background-color-hover: var(
4521
- --spectrum-gray-300
4522
- );
4523
- --system-spectrum-button-secondary-background-color-down: var(
4524
- --spectrum-gray-400
4525
- );
4526
- --system-spectrum-button-secondary-background-color-focus: var(
4527
- --spectrum-gray-300
4528
- );
4529
- --system-spectrum-button-secondary-border-color-default: transparent;
4530
- --system-spectrum-button-secondary-border-color-hover: transparent;
4531
- --system-spectrum-button-secondary-border-color-down: transparent;
4532
- --system-spectrum-button-secondary-border-color-focus: transparent;
4533
- --system-spectrum-button-secondary-content-color-default: var(
4534
- --spectrum-neutral-content-color-default
4535
- );
4536
- --system-spectrum-button-secondary-content-color-hover: var(
4537
- --spectrum-neutral-content-color-hover
4538
- );
4539
- --system-spectrum-button-secondary-content-color-down: var(
4540
- --spectrum-neutral-content-color-down
4541
- );
4542
- --system-spectrum-button-secondary-content-color-focus: var(
4543
- --spectrum-neutral-content-color-key-focus
4544
- );
4545
- --system-spectrum-button-secondary-background-color-disabled: var(
4546
- --spectrum-disabled-background-color
4547
- );
4548
- --system-spectrum-button-secondary-border-color-disabled: transparent;
4549
- --system-spectrum-button-secondary-content-color-disabled: var(
4550
- --spectrum-disabled-content-color
4551
- );
4552
- --system-spectrum-button-secondary-outline-background-color-default: transparent;
4553
- --system-spectrum-button-secondary-outline-background-color-hover: var(
4554
- --spectrum-gray-300
4555
- );
4556
- --system-spectrum-button-secondary-outline-background-color-down: var(
4557
- --spectrum-gray-400
4558
- );
4559
- --system-spectrum-button-secondary-outline-background-color-focus: var(
4560
- --spectrum-gray-300
4561
- );
4562
- --system-spectrum-button-secondary-outline-border-color-default: var(
4563
- --spectrum-gray-300
4564
- );
4565
- --system-spectrum-button-secondary-outline-border-color-hover: var(
4566
- --spectrum-gray-400
4567
- );
4568
- --system-spectrum-button-secondary-outline-border-color-down: var(
4569
- --spectrum-gray-500
4570
- );
4571
- --system-spectrum-button-secondary-outline-border-color-focus: var(
4572
- --spectrum-gray-400
4573
- );
4574
- --system-spectrum-button-secondary-outline-content-color-default: var(
4575
- --spectrum-neutral-content-color-default
4576
- );
4577
- --system-spectrum-button-secondary-outline-content-color-hover: var(
4578
- --spectrum-neutral-content-color-hover
4579
- );
4580
- --system-spectrum-button-secondary-outline-content-color-down: var(
4581
- --spectrum-neutral-content-color-down
4582
- );
4583
- --system-spectrum-button-secondary-outline-content-color-focus: var(
4584
- --spectrum-neutral-content-color-key-focus
4585
- );
4586
- --system-spectrum-button-secondary-outline-background-color-disabled: transparent;
4587
- --system-spectrum-button-secondary-outline-border-color-disabled: var(
4588
- --spectrum-disabled-border-color
4589
- );
4590
- --system-spectrum-button-secondary-outline-content-color-disabled: var(
4591
- --spectrum-disabled-content-color
4592
- );
4593
- --system-spectrum-button-quiet-background-color-default: transparent;
4594
- --system-spectrum-button-quiet-background-color-hover: var(
4595
- --spectrum-gray-200
4596
- );
4597
- --system-spectrum-button-quiet-background-color-down: var(
4598
- --spectrum-gray-300
4599
- );
4600
- --system-spectrum-button-quiet-background-color-focus: var(
4601
- --spectrum-gray-200
4602
- );
4603
- --system-spectrum-button-quiet-border-color-default: transparent;
4604
- --system-spectrum-button-quiet-border-color-hover: transparent;
4605
- --system-spectrum-button-quiet-border-color-down: transparent;
4606
- --system-spectrum-button-quiet-border-color-focus: transparent;
4607
- --system-spectrum-button-quiet-background-color-disabled: transparent;
4608
- --system-spectrum-button-quiet-border-color-disabled: transparent;
4609
- --system-spectrum-button-selected-background-color-default: var(
4610
- --spectrum-neutral-subdued-background-color-default
4611
- );
4612
- --system-spectrum-button-selected-background-color-hover: var(
4613
- --spectrum-neutral-subdued-background-color-hover
4614
- );
4615
- --system-spectrum-button-selected-background-color-down: var(
4616
- --spectrum-neutral-subdued-background-color-down
4617
- );
4618
- --system-spectrum-button-selected-background-color-focus: var(
4619
- --spectrum-neutral-subdued-background-color-key-focus
4620
- );
4621
- --system-spectrum-button-selected-border-color-default: transparent;
4622
- --system-spectrum-button-selected-border-color-hover: transparent;
4623
- --system-spectrum-button-selected-border-color-down: transparent;
4624
- --system-spectrum-button-selected-border-color-focus: transparent;
4625
- --system-spectrum-button-selected-content-color-default: var(
4626
- --spectrum-white
4627
- );
4628
- --system-spectrum-button-selected-content-color-hover: var(
4629
- --spectrum-white
4630
- );
4631
- --system-spectrum-button-selected-content-color-down: var(--spectrum-white);
4632
- --system-spectrum-button-selected-content-color-focus: var(
4633
- --spectrum-white
4634
- );
4635
- --system-spectrum-button-selected-background-color-disabled: var(
4636
- --spectrum-disabled-background-color
4637
- );
4638
- --system-spectrum-button-selected-border-color-disabled: transparent;
4639
- --system-spectrum-button-selected-emphasized-background-color-default: var(
4640
- --spectrum-accent-background-color-default
4641
- );
4642
- --system-spectrum-button-selected-emphasized-background-color-hover: var(
4643
- --spectrum-accent-background-color-hover
4644
- );
4645
- --system-spectrum-button-selected-emphasized-background-color-down: var(
4646
- --spectrum-accent-background-color-down
4647
- );
4648
- --system-spectrum-button-selected-emphasized-background-color-focus: var(
4649
- --spectrum-accent-background-color-key-focus
4650
- );
4651
- --system-spectrum-button-staticblack-quiet-border-color-default: transparent;
4652
- --system-spectrum-button-staticwhite-quiet-border-color-default: transparent;
4653
- --system-spectrum-button-staticblack-quiet-border-color-hover: transparent;
4654
- --system-spectrum-button-staticwhite-quiet-border-color-hover: transparent;
4655
- --system-spectrum-button-staticblack-quiet-border-color-down: transparent;
4656
- --system-spectrum-button-staticwhite-quiet-border-color-down: transparent;
4657
- --system-spectrum-button-staticblack-quiet-border-color-focus: transparent;
4658
- --system-spectrum-button-staticwhite-quiet-border-color-focus: transparent;
4659
- --system-spectrum-button-staticblack-quiet-border-color-disabled: transparent;
4660
- --system-spectrum-button-staticwhite-quiet-border-color-disabled: transparent;
4661
- --system-spectrum-button-staticwhite-background-color-default: var(
4662
- --spectrum-transparent-white-800
4663
- );
4664
- --system-spectrum-button-staticwhite-background-color-hover: var(
4665
- --spectrum-transparent-white-900
4666
- );
4667
- --system-spectrum-button-staticwhite-background-color-down: var(
4668
- --spectrum-transparent-white-900
4669
- );
4670
- --system-spectrum-button-staticwhite-background-color-focus: var(
4671
- --spectrum-transparent-white-900
4672
- );
4673
- --system-spectrum-button-staticwhite-border-color-default: transparent;
4674
- --system-spectrum-button-staticwhite-border-color-hover: transparent;
4675
- --system-spectrum-button-staticwhite-border-color-down: transparent;
4676
- --system-spectrum-button-staticwhite-border-color-focus: transparent;
4677
- --system-spectrum-button-staticwhite-content-color-default: var(
4678
- --spectrum-black
4679
- );
4680
- --system-spectrum-button-staticwhite-content-color-hover: var(
4681
- --spectrum-black
4682
- );
4683
- --system-spectrum-button-staticwhite-content-color-down: var(
4684
- --spectrum-black
4685
- );
4686
- --system-spectrum-button-staticwhite-content-color-focus: var(
4687
- --spectrum-black
4688
- );
4689
- --system-spectrum-button-staticwhite-focus-indicator-color: var(
4690
- --spectrum-static-white-focus-indicator-color
4691
- );
4692
- --system-spectrum-button-staticwhite-background-color-disabled: var(
4693
- --spectrum-disabled-static-white-background-color
4694
- );
4695
- --system-spectrum-button-staticwhite-border-color-disabled: transparent;
4696
- --system-spectrum-button-staticwhite-content-color-disabled: var(
4697
- --spectrum-disabled-static-white-content-color
4698
- );
4699
- --system-spectrum-button-staticwhite-outline-background-color-default: transparent;
4700
- --system-spectrum-button-staticwhite-outline-background-color-hover: var(
4701
- --spectrum-transparent-white-300
4702
- );
4703
- --system-spectrum-button-staticwhite-outline-background-color-down: var(
4704
- --spectrum-transparent-white-400
4705
- );
4706
- --system-spectrum-button-staticwhite-outline-background-color-focus: var(
4707
- --spectrum-transparent-white-300
4708
- );
4709
- --system-spectrum-button-staticwhite-outline-border-color-default: var(
4710
- --spectrum-transparent-white-800
4711
- );
4712
- --system-spectrum-button-staticwhite-outline-border-color-hover: var(
4713
- --spectrum-transparent-white-900
4714
- );
4715
- --system-spectrum-button-staticwhite-outline-border-color-down: var(
4716
- --spectrum-transparent-white-900
4717
- );
4718
- --system-spectrum-button-staticwhite-outline-border-color-focus: var(
4719
- --spectrum-transparent-white-900
4720
- );
4721
- --system-spectrum-button-staticwhite-outline-content-color-default: var(
4722
- --spectrum-white
4723
- );
4724
- --system-spectrum-button-staticwhite-outline-content-color-hover: var(
4725
- --spectrum-white
4726
- );
4727
- --system-spectrum-button-staticwhite-outline-content-color-down: var(
4728
- --spectrum-white
4729
- );
4730
- --system-spectrum-button-staticwhite-outline-content-color-focus: var(
4731
- --spectrum-white
4732
- );
4733
- --system-spectrum-button-staticwhite-outline-focus-indicator-color: var(
4734
- --spectrum-static-white-focus-indicator-color
4735
- );
4736
- --system-spectrum-button-staticwhite-outline-background-color-disabled: transparent;
4737
- --system-spectrum-button-staticwhite-outline-border-color-disabled: var(
4738
- --spectrum-disabled-static-white-border-color
4739
- );
4740
- --system-spectrum-button-staticwhite-outline-content-color-disabled: var(
4741
- --spectrum-disabled-static-white-content-color
4742
- );
4743
- --system-spectrum-button-staticwhite-selected-background-color-default: var(
4744
- --spectrum-transparent-white-800
4745
- );
4746
- --system-spectrum-button-staticwhite-selected-background-color-hover: var(
4747
- --spectrum-transparent-white-900
4748
- );
4749
- --system-spectrum-button-staticwhite-selected-background-color-down: var(
4750
- --spectrum-transparent-white-900
4751
- );
4752
- --system-spectrum-button-staticwhite-selected-background-color-focus: var(
4753
- --spectrum-transparent-white-900
4754
- );
4755
- --system-spectrum-button-staticwhite-selected-content-color-default: var(
4756
- --spectrum-black
4757
- );
4758
- --system-spectrum-button-staticwhite-selected-content-color-hover: var(
4759
- --spectrum-black
4760
- );
4761
- --system-spectrum-button-staticwhite-selected-content-color-down: var(
4762
- --spectrum-black
4763
- );
4764
- --system-spectrum-button-staticwhite-selected-content-color-focus: var(
4765
- --spectrum-black
4766
- );
4767
- --system-spectrum-button-staticwhite-selected-background-color-disabled: var(
4768
- --spectrum-disabled-static-white-background-color
4769
- );
4770
- --system-spectrum-button-staticwhite-selected-border-color-disabled: transparent;
4771
- --system-spectrum-button-staticwhite-secondary-background-color-default: var(
4772
- --spectrum-transparent-white-200
4773
- );
4774
- --system-spectrum-button-staticwhite-secondary-background-color-hover: var(
4775
- --spectrum-transparent-white-300
4776
- );
4777
- --system-spectrum-button-staticwhite-secondary-background-color-down: var(
4778
- --spectrum-transparent-white-400
4779
- );
4780
- --system-spectrum-button-staticwhite-secondary-background-color-focus: var(
4781
- --spectrum-transparent-white-300
4782
- );
4783
- --system-spectrum-button-staticwhite-secondary-border-color-default: transparent;
4784
- --system-spectrum-button-staticwhite-secondary-border-color-hover: transparent;
4785
- --system-spectrum-button-staticwhite-secondary-border-color-down: transparent;
4786
- --system-spectrum-button-staticwhite-secondary-border-color-focus: transparent;
4787
- --system-spectrum-button-staticwhite-secondary-content-color-default: var(
4788
- --spectrum-white
4789
- );
4790
- --system-spectrum-button-staticwhite-secondary-content-color-hover: var(
4791
- --spectrum-white
4792
- );
4793
- --system-spectrum-button-staticwhite-secondary-content-color-down: var(
4794
- --spectrum-white
4795
- );
4796
- --system-spectrum-button-staticwhite-secondary-content-color-focus: var(
4797
- --spectrum-white
4798
- );
4799
- --system-spectrum-button-staticwhite-secondary-focus-indicator-color: var(
4800
- --spectrum-static-white-focus-indicator-color
4801
- );
4802
- --system-spectrum-button-staticwhite-secondary-background-color-disabled: var(
4803
- --spectrum-disabled-static-white-background-color
4804
- );
4805
- --system-spectrum-button-staticwhite-secondary-border-color-disabled: transparent;
4806
- --system-spectrum-button-staticwhite-secondary-content-color-disabled: var(
4807
- --spectrum-disabled-static-white-content-color
4808
- );
4809
- --system-spectrum-button-staticwhite-secondary-outline-background-color-default: transparent;
4810
- --system-spectrum-button-staticwhite-secondary-outline-background-color-hover: var(
4811
- --spectrum-transparent-white-300
4812
- );
4813
- --system-spectrum-button-staticwhite-secondary-outline-background-color-down: var(
4814
- --spectrum-transparent-white-400
4815
- );
4816
- --system-spectrum-button-staticwhite-secondary-outline-background-color-focus: var(
4817
- --spectrum-transparent-white-300
4818
- );
4819
- --system-spectrum-button-staticwhite-secondary-outline-border-color-default: var(
4820
- --spectrum-transparent-white-300
4821
- );
4822
- --system-spectrum-button-staticwhite-secondary-outline-border-color-hover: var(
4823
- --spectrum-transparent-white-400
4824
- );
4825
- --system-spectrum-button-staticwhite-secondary-outline-border-color-down: var(
4826
- --spectrum-transparent-white-500
4827
- );
4828
- --system-spectrum-button-staticwhite-secondary-outline-border-color-focus: var(
4829
- --spectrum-transparent-white-400
4830
- );
4831
- --system-spectrum-button-staticwhite-secondary-outline-content-color-default: var(
4832
- --spectrum-white
4833
- );
4834
- --system-spectrum-button-staticwhite-secondary-outline-content-color-hover: var(
4835
- --spectrum-white
4836
- );
4837
- --system-spectrum-button-staticwhite-secondary-outline-content-color-down: var(
4838
- --spectrum-white
4839
- );
4840
- --system-spectrum-button-staticwhite-secondary-outline-content-color-focus: var(
4841
- --spectrum-white
4842
- );
4843
- --system-spectrum-button-staticwhite-secondary-outline-focus-indicator-color: var(
4844
- --spectrum-static-white-focus-indicator-color
4845
- );
4846
- --system-spectrum-button-staticwhite-secondary-outline-background-color-disabled: transparent;
4847
- --system-spectrum-button-staticwhite-secondary-outline-border-color-disabled: var(
4848
- --spectrum-disabled-static-white-border-color
4849
- );
4850
- --system-spectrum-button-staticwhite-secondary-outline-content-color-disabled: var(
4851
- --spectrum-disabled-static-white-content-color
4852
- );
4853
- --system-spectrum-button-staticblack-background-color-default: var(
4854
- --spectrum-transparent-black-800
4855
- );
4856
- --system-spectrum-button-staticblack-background-color-hover: var(
4857
- --spectrum-transparent-black-900
4858
- );
4859
- --system-spectrum-button-staticblack-background-color-down: var(
4860
- --spectrum-transparent-black-900
4861
- );
4862
- --system-spectrum-button-staticblack-background-color-focus: var(
4863
- --spectrum-transparent-black-900
4864
- );
4865
- --system-spectrum-button-staticblack-border-color-default: transparent;
4866
- --system-spectrum-button-staticblack-border-color-hover: transparent;
4867
- --system-spectrum-button-staticblack-border-color-down: transparent;
4868
- --system-spectrum-button-staticblack-border-color-focus: transparent;
4869
- --system-spectrum-button-staticblack-content-color-default: var(
4870
- --spectrum-white
4871
- );
4872
- --system-spectrum-button-staticblack-content-color-hover: var(
4873
- --spectrum-white
4874
- );
4875
- --system-spectrum-button-staticblack-content-color-down: var(
4876
- --spectrum-white
4877
- );
4878
- --system-spectrum-button-staticblack-content-color-focus: var(
4879
- --spectrum-white
4880
- );
4881
- --system-spectrum-button-staticblack-focus-indicator-color: var(
4882
- --spectrum-static-black-focus-indicator-color
4883
- );
4884
- --system-spectrum-button-staticblack-background-color-disabled: var(
4885
- --spectrum-disabled-static-black-background-color
4886
- );
4887
- --system-spectrum-button-staticblack-border-color-disabled: transparent;
4888
- --system-spectrum-button-staticblack-content-color-disabled: var(
4889
- --spectrum-disabled-static-black-content-color
4890
- );
4891
- --system-spectrum-button-staticblack-outline-background-color-default: transparent;
4892
- --system-spectrum-button-staticblack-outline-background-color-hover: var(
4893
- --spectrum-transparent-black-300
4894
- );
4895
- --system-spectrum-button-staticblack-outline-background-color-down: var(
4896
- --spectrum-transparent-black-400
4897
- );
4898
- --system-spectrum-button-staticblack-outline-background-color-focus: var(
4899
- --spectrum-transparent-black-300
4900
- );
4901
- --system-spectrum-button-staticblack-outline-border-color-default: var(
4902
- --spectrum-transparent-black-400
4903
- );
4904
- --system-spectrum-button-staticblack-outline-border-color-hover: var(
4905
- --spectrum-transparent-black-500
4906
- );
4907
- --system-spectrum-button-staticblack-outline-border-color-down: var(
4908
- --spectrum-transparent-black-600
4909
- );
4910
- --system-spectrum-button-staticblack-outline-border-color-focus: var(
4911
- --spectrum-transparent-black-500
4912
- );
4913
- --system-spectrum-button-staticblack-outline-content-color-default: var(
4914
- --spectrum-black
4915
- );
4916
- --system-spectrum-button-staticblack-outline-content-color-hover: var(
4917
- --spectrum-black
4918
- );
4919
- --system-spectrum-button-staticblack-outline-content-color-down: var(
4920
- --spectrum-black
4921
- );
4922
- --system-spectrum-button-staticblack-outline-content-color-focus: var(
4923
- --spectrum-black
4924
- );
4925
- --system-spectrum-button-staticblack-outline-focus-indicator-color: var(
4926
- --spectrum-static-black-focus-indicator-color
4927
- );
4928
- --system-spectrum-button-staticblack-outline-background-color-disabled: transparent;
4929
- --system-spectrum-button-staticblack-outline-border-color-disabled: var(
4930
- --spectrum-disabled-static-black-border-color
4931
- );
4932
- --system-spectrum-button-staticblack-outline-content-color-disabled: var(
4933
- --spectrum-disabled-static-black-content-color
4934
- );
4935
- --system-spectrum-button-staticblack-secondary-background-color-default: var(
4936
- --spectrum-transparent-black-200
4937
- );
4938
- --system-spectrum-button-staticblack-secondary-background-color-hover: var(
4939
- --spectrum-transparent-black-300
4940
- );
4941
- --system-spectrum-button-staticblack-secondary-background-color-down: var(
4942
- --spectrum-transparent-black-400
4943
- );
4944
- --system-spectrum-button-staticblack-secondary-background-color-focus: var(
4945
- --spectrum-transparent-black-300
4946
- );
4947
- --system-spectrum-button-staticblack-secondary-border-color-default: transparent;
4948
- --system-spectrum-button-staticblack-secondary-border-color-hover: transparent;
4949
- --system-spectrum-button-staticblack-secondary-border-color-down: transparent;
4950
- --system-spectrum-button-staticblack-secondary-border-color-focus: transparent;
4951
- --system-spectrum-button-staticblack-secondary-content-color-default: var(
4952
- --spectrum-black
4953
- );
4954
- --system-spectrum-button-staticblack-secondary-content-color-hover: var(
4955
- --spectrum-black
4956
- );
4957
- --system-spectrum-button-staticblack-secondary-content-color-down: var(
4958
- --spectrum-black
4959
- );
4960
- --system-spectrum-button-staticblack-secondary-content-color-focus: var(
4961
- --spectrum-black
4962
- );
4963
- --system-spectrum-button-staticblack-secondary-focus-indicator-color: var(
4964
- --spectrum-static-black-focus-indicator-color
4965
- );
4966
- --system-spectrum-button-staticblack-secondary-background-color-disabled: var(
4967
- --spectrum-disabled-static-black-background-color
4968
- );
4969
- --system-spectrum-button-staticblack-secondary-border-color-disabled: transparent;
4970
- --system-spectrum-button-staticblack-secondary-content-color-disabled: var(
4971
- --spectrum-disabled-static-black-content-color
4972
- );
4973
- --system-spectrum-button-staticblack-secondary-outline-background-color-default: transparent;
4974
- --system-spectrum-button-staticblack-secondary-outline-background-color-hover: var(
4975
- --spectrum-transparent-black-300
4976
- );
4977
- --system-spectrum-button-staticblack-secondary-outline-background-color-down: var(
4978
- --spectrum-transparent-black-400
4979
- );
4980
- --system-spectrum-button-staticblack-secondary-outline-background-color-focus: var(
4981
- --spectrum-transparent-black-300
4982
- );
4983
- --system-spectrum-button-staticblack-secondary-outline-border-color-default: var(
4984
- --spectrum-transparent-black-300
4985
- );
4986
- --system-spectrum-button-staticblack-secondary-outline-border-color-hover: var(
4987
- --spectrum-transparent-black-400
4988
- );
4989
- --system-spectrum-button-staticblack-secondary-outline-border-color-down: var(
4990
- --spectrum-transparent-black-500
4991
- );
4992
- --system-spectrum-button-staticblack-secondary-outline-border-color-focus: var(
4993
- --spectrum-transparent-black-400
4994
- );
4995
- --system-spectrum-button-staticblack-secondary-outline-content-color-default: var(
4996
- --spectrum-black
4997
- );
4998
- --system-spectrum-button-staticblack-secondary-outline-content-color-hover: var(
4999
- --spectrum-black
5000
- );
5001
- --system-spectrum-button-staticblack-secondary-outline-content-color-down: var(
5002
- --spectrum-black
5003
- );
5004
- --system-spectrum-button-staticblack-secondary-outline-content-color-focus: var(
5005
- --spectrum-black
5006
- );
5007
- --system-spectrum-button-staticblack-secondary-outline-focus-indicator-color: var(
5008
- --spectrum-static-black-focus-indicator-color
5009
- );
5010
- --system-spectrum-button-staticblack-secondary-outline-background-color-disabled: transparent;
5011
- --system-spectrum-button-staticblack-secondary-outline-border-color-disabled: var(
5012
- --spectrum-disabled-static-black-border-color
5013
- );
5014
- --system-spectrum-button-staticblack-secondary-outline-content-color-disabled: var(
5015
- --spectrum-disabled-static-black-content-color
5016
- );
5017
- }
5018
-
5019
- :host,
5020
- :root {
5021
- --system-spectrum-checkbox-control-color-default: var(--spectrum-gray-600);
5022
- --system-spectrum-checkbox-control-color-hover: var(--spectrum-gray-700);
5023
- --system-spectrum-checkbox-control-color-down: var(--spectrum-gray-800);
5024
- --system-spectrum-checkbox-control-color-focus: var(--spectrum-gray-700);
5025
- }
5026
-
5027
- :host,
5028
- :root {
5029
- --system-spectrum-closebutton-background-color-default: transparent;
5030
- --system-spectrum-closebutton-background-color-hover: var(
5031
- --spectrum-gray-200
5032
- );
5033
- --system-spectrum-closebutton-background-color-down: var(
5034
- --spectrum-gray-300
5035
- );
5036
- --system-spectrum-closebutton-background-color-focus: var(
5037
- --spectrum-gray-200
5038
- );
5039
- }
5040
-
5041
- :host,
5042
- :root {
5043
- --system-spectrum-combobox-border-color-default: var(--spectrum-gray-500);
5044
- --system-spectrum-combobox-border-color-hover: var(--spectrum-gray-600);
5045
- --system-spectrum-combobox-border-color-focus: var(--spectrum-gray-500);
5046
- --system-spectrum-combobox-border-color-focus-hover: var(
5047
- --spectrum-gray-600
5048
- );
5049
- --system-spectrum-combobox-border-color-key-focus: var(--spectrum-gray-600);
5050
- }
5051
-
5052
- :host,
5053
- :root {
5054
- --system-spectrum-infieldbutton-spectrum-infield-button-border-width: var(
5055
- --spectrum-border-width-100
5056
- );
5057
- --system-spectrum-infieldbutton-spectrum-infield-button-border-color: inherit;
5058
- --system-spectrum-infieldbutton-spectrum-infield-button-border-radius: var(
5059
- --spectrum-corner-radius-100
5060
- );
5061
- --system-spectrum-infieldbutton-spectrum-infield-button-border-radius-reset: 0;
5062
- --system-spectrum-infieldbutton-spectrum-infield-button-stacked-top-border-radius-start-start: var(
5063
- --spectrum-infield-button-border-radius-reset
5064
- );
5065
- --system-spectrum-infieldbutton-spectrum-infield-button-stacked-bottom-border-radius-end-start: var(
5066
- --spectrum-infield-button-border-radius-reset
5067
- );
5068
- --system-spectrum-infieldbutton-spectrum-infield-button-background-color: var(
5069
- --spectrum-gray-75
5070
- );
5071
- --system-spectrum-infieldbutton-spectrum-infield-button-background-color-hover: var(
5072
- --spectrum-gray-200
5073
- );
5074
- --system-spectrum-infieldbutton-spectrum-infield-button-background-color-down: var(
5075
- --spectrum-gray-300
5076
- );
5077
- --system-spectrum-infieldbutton-spectrum-infield-button-background-color-key-focus: var(
5078
- --spectrum-gray-200
5079
- );
5080
- }
5081
-
5082
- :host,
5083
- :root {
5084
- --system-spectrum-picker-background-color-default: var(--spectrum-gray-75);
5085
- --system-spectrum-picker-background-color-default-open: var(
5086
- --spectrum-gray-200
5087
- );
5088
- --system-spectrum-picker-background-color-active: var(--spectrum-gray-300);
5089
- --system-spectrum-picker-background-color-hover: var(--spectrum-gray-200);
5090
- --system-spectrum-picker-background-color-hover-open: var(
5091
- --spectrum-gray-200
5092
- );
5093
- --system-spectrum-picker-background-color-key-focus: var(
5094
- --spectrum-gray-200
5095
- );
5096
- --system-spectrum-picker-border-color-default: var(--spectrum-gray-500);
5097
- --system-spectrum-picker-border-color-default-open: var(
5098
- --spectrum-gray-500
5099
- );
5100
- --system-spectrum-picker-border-color-hover: var(--spectrum-gray-600);
5101
- --system-spectrum-picker-border-color-hover-open: var(--spectrum-gray-600);
5102
- --system-spectrum-picker-border-color-active: var(--spectrum-gray-700);
5103
- --system-spectrum-picker-border-color-key-focus: var(--spectrum-gray-600);
5104
- --system-spectrum-picker-border-width: var(--spectrum-border-width-100);
5105
- }
5106
-
5107
- :host,
5108
- :root {
5109
- --system-spectrum-pickerbutton-spectrum-picker-button-background-color: var(
5110
- --spectrum-gray-75
5111
- );
5112
- --system-spectrum-pickerbutton-spectrum-picker-button-background-color-hover: var(
5113
- --spectrum-gray-200
5114
- );
5115
- --system-spectrum-pickerbutton-spectrum-picker-button-background-color-down: var(
5116
- --spectrum-gray-300
5117
- );
5118
- --system-spectrum-pickerbutton-spectrum-picker-button-background-color-key-focus: var(
5119
- --spectrum-gray-200
5120
- );
5121
- --system-spectrum-pickerbutton-spectrum-picker-button-border-color: inherit;
5122
- --system-spectrum-pickerbutton-spectrum-picker-button-border-radius: var(
5123
- --spectrum-corner-radius-100
5124
- );
5125
- --system-spectrum-pickerbutton-spectrum-picker-button-border-radius-rounded-sided: 0;
5126
- --system-spectrum-pickerbutton-spectrum-picker-button-border-radius-sided: 0;
5127
- --system-spectrum-pickerbutton-spectrum-picker-button-border-width: var(
5128
- --spectrum-border-width-100
5129
- );
5130
- }
5131
-
5132
- :host,
5133
- :root {
5134
- --system-spectrum-popover-border-width: var(--spectrum-border-width-100);
5135
- }
5136
-
5137
- :host,
5138
- :root {
5139
- --system-spectrum-radio-button-border-color-default: var(
5140
- --spectrum-gray-600
5141
- );
5142
- --system-spectrum-radio-button-border-color-hover: var(--spectrum-gray-700);
5143
- --system-spectrum-radio-button-border-color-down: var(--spectrum-gray-800);
5144
- --system-spectrum-radio-button-border-color-focus: var(--spectrum-gray-700);
5145
- --system-spectrum-radio-emphasized-button-checked-border-color-default: var(
5146
- --spectrum-accent-color-900
5147
- );
5148
- --system-spectrum-radio-emphasized-button-checked-border-color-hover: var(
5149
- --spectrum-accent-color-1000
5150
- );
5151
- --system-spectrum-radio-emphasized-button-checked-border-color-down: var(
5152
- --spectrum-accent-color-1100
5153
- );
5154
- --system-spectrum-radio-emphasized-button-checked-border-color-focus: var(
5155
- --spectrum-accent-color-1000
5156
- );
5157
- }
5158
-
5159
- :host,
5160
- :root {
5161
- --system-spectrum-search-border-radius: var(--spectrum-corner-radius-100);
5162
- --system-spectrum-search-edge-to-visual: var(
5163
- --spectrum-component-edge-to-visual-100
5164
- );
5165
- --system-spectrum-search-border-color-default: var(--spectrum-gray-500);
5166
- --system-spectrum-search-border-color-hover: var(--spectrum-gray-600);
5167
- --system-spectrum-search-border-color-focus: var(--spectrum-gray-800);
5168
- --system-spectrum-search-border-color-focus-hover: var(--spectrum-gray-900);
5169
- --system-spectrum-search-border-color-key-focus: var(--spectrum-gray-900);
5170
- --system-spectrum-search-sizes-border-radius: var(
5171
- --spectrum-corner-radius-100
5172
- );
5173
- --system-spectrum-search-sizes-edge-to-visual: var(
5174
- --spectrum-component-edge-to-visual-75
5175
- );
5176
- --system-spectrum-search-sizem-border-radius: var(
5177
- --spectrum-corner-radius-100
5178
- );
5179
- --system-spectrum-search-sizem-edge-to-visual: var(
5180
- --spectrum-component-edge-to-visual-100
5181
- );
5182
- --system-spectrum-search-sizel-border-radius: var(
5183
- --spectrum-corner-radius-100
5184
- );
5185
- --system-spectrum-search-sizel-edge-to-visual: var(
5186
- --spectrum-component-edge-to-visual-200
5187
- );
5188
- --system-spectrum-search-sizexl-border-radius: var(
5189
- --spectrum-corner-radius-100
5190
- );
5191
- --system-spectrum-search-sizexl-edge-to-visual: var(
5192
- --spectrum-component-edge-to-visual-300
5193
- );
5194
- }
5195
-
5196
- :host,
5197
- :root {
5198
- --system-spectrum-slider-track-color: var(--spectrum-gray-300);
5199
- --system-spectrum-slider-track-fill-color: var(--spectrum-gray-700);
5200
- --system-spectrum-slider-ramp-track-color: var(--spectrum-gray-400);
5201
- --system-spectrum-slider-ramp-track-color-disabled: var(
5202
- --spectrum-gray-200
5203
- );
5204
- --system-spectrum-slider-handle-background-color: transparent;
5205
- --system-spectrum-slider-handle-background-color-disabled: transparent;
5206
- --system-spectrum-slider-ramp-handle-background-color: var(
5207
- --spectrum-gray-100
5208
- );
5209
- --system-spectrum-slider-ticks-handle-background-color: var(
5210
- --spectrum-gray-100
5211
- );
5212
- --system-spectrum-slider-handle-border-color: var(--spectrum-gray-700);
5213
- --system-spectrum-slider-handle-disabled-background-color: var(
5214
- --spectrum-gray-100
5215
- );
5216
- --system-spectrum-slider-tick-mark-color: var(--spectrum-gray-300);
5217
- --system-spectrum-slider-handle-border-color-hover: var(
5218
- --spectrum-gray-800
5219
- );
5220
- --system-spectrum-slider-handle-border-color-down: var(--spectrum-gray-800);
5221
- --system-spectrum-slider-handle-border-color-key-focus: var(
5222
- --spectrum-gray-800
5223
- );
5224
- --system-spectrum-slider-handle-focus-ring-color-key-focus: var(
5225
- --spectrum-focus-indicator-color
5226
- );
5227
- }
5228
-
5229
- :host,
5230
- :root {
5231
- --system-spectrum-stepper-border-width: var(--spectrum-border-width-100);
5232
- --system-spectrum-stepper-buttons-border-style: none;
5233
- --system-spectrum-stepper-buttons-border-width: 0;
5234
- --system-spectrum-stepper-buttons-border-color: var(--spectrum-gray-500);
5235
- --system-spectrum-stepper-buttons-background-color: var(--spectrum-gray-50);
5236
- --system-spectrum-stepper-buttons-border-color-hover: var(
5237
- --spectrum-gray-600
5238
- );
5239
- --system-spectrum-stepper-buttons-border-color-focus: var(
5240
- --spectrum-gray-800
5241
- );
5242
- --system-spectrum-stepper-buttons-border-color-keyboard-focus: var(
5243
- --spectrum-gray-900
5244
- );
5245
- --system-spectrum-stepper-button-border-radius-reset: 0px;
5246
- --system-spectrum-stepper-button-border-width: var(
5247
- --spectrum-border-width-100
5248
- );
5249
- --system-spectrum-stepper-border-color: var(--spectrum-gray-500);
5250
- --system-spectrum-stepper-border-color-hover: var(--spectrum-gray-600);
5251
- --system-spectrum-stepper-border-color-focus: var(--spectrum-gray-800);
5252
- --system-spectrum-stepper-border-color-focus-hover: var(
5253
- --spectrum-gray-800
5254
- );
5255
- --system-spectrum-stepper-border-color-keyboard-focus: var(
5256
- --spectrum-gray-900
5257
- );
5258
- --system-spectrum-stepper-border-color-invalid: var(
5259
- --spectrum-negative-border-color-default
5260
- );
5261
- --system-spectrum-stepper-border-color-focus-invalid: var(
5262
- --spectrum-negative-border-color-focus
5263
- );
5264
- --system-spectrum-stepper-border-color-focus-hover-invalid: var(
5265
- --spectrum-negative-border-color-focus-hover
5266
- );
5267
- --system-spectrum-stepper-border-color-keyboard-focus-invalid: var(
5268
- --spectrum-negative-border-color-key-focus
5269
- );
5270
- --system-spectrum-stepper-button-background-color-focus: var(
5271
- --spectrum-gray-300
5272
- );
5273
- --system-spectrum-stepper-button-background-color-keyboard-focus: var(
5274
- --spectrum-gray-200
5275
- );
5276
- }
5277
-
5278
- :host,
5279
- :root {
5280
- --system-spectrum-switch-handle-border-color-default: var(
5281
- --spectrum-gray-600
5282
- );
5283
- --system-spectrum-switch-handle-border-color-hover: var(
5284
- --spectrum-gray-700
5285
- );
5286
- --system-spectrum-switch-handle-border-color-down: var(--spectrum-gray-800);
5287
- --system-spectrum-switch-handle-border-color-focus: var(
5288
- --spectrum-gray-700
5289
- );
5290
- --system-spectrum-switch-handle-border-color-selected-default: var(
5291
- --spectrum-gray-700
5292
- );
5293
- --system-spectrum-switch-handle-border-color-selected-hover: var(
5294
- --spectrum-gray-800
5295
- );
5296
- --system-spectrum-switch-handle-border-color-selected-down: var(
5297
- --spectrum-gray-900
5298
- );
5299
- --system-spectrum-switch-handle-border-color-selected-focus: var(
5300
- --spectrum-gray-800
5301
- );
5302
- }
5303
-
5304
- :host,
5305
- :root {
5306
- --system-spectrum-tabs-font-weight: var(--spectrum-default-font-weight);
5307
- }
5308
-
5309
- :host,
5310
- :root {
5311
- --system-spectrum-tag-border-color: var(--spectrum-gray-700);
5312
- --system-spectrum-tag-border-color-hover: var(--spectrum-gray-800);
5313
- --system-spectrum-tag-border-color-active: var(--spectrum-gray-900);
5314
- --system-spectrum-tag-border-color-focus: var(--spectrum-gray-800);
5315
- --system-spectrum-tag-size-small-corner-radius: var(
5316
- --spectrum-corner-radius-100
5317
- );
5318
- --system-spectrum-tag-size-medium-corner-radius: var(
5319
- --spectrum-corner-radius-100
5320
- );
5321
- --system-spectrum-tag-size-large-corner-radius: var(
5322
- --spectrum-corner-radius-100
5323
- );
5324
- --system-spectrum-tag-background-color: var(--spectrum-gray-75);
5325
- --system-spectrum-tag-background-color-hover: var(--spectrum-gray-75);
5326
- --system-spectrum-tag-background-color-active: var(--spectrum-gray-200);
5327
- --system-spectrum-tag-background-color-focus: var(--spectrum-gray-75);
5328
- --system-spectrum-tag-content-color: var(
5329
- --spectrum-neutral-subdued-content-color-default
5330
- );
5331
- --system-spectrum-tag-content-color-hover: var(
5332
- --spectrum-neutral-subdued-content-color-hover
5333
- );
5334
- --system-spectrum-tag-content-color-active: var(
5335
- --spectrum-neutral-subdued-content-color-down
5336
- );
5337
- --system-spectrum-tag-content-color-focus: var(
5338
- --spectrum-neutral-subdued-content-color-key-focus
5339
- );
5340
- --system-spectrum-tag-border-color-selected: var(
5341
- --spectrum-neutral-subdued-background-color-default
5342
- );
5343
- --system-spectrum-tag-border-color-selected-hover: var(
5344
- --spectrum-neutral-subdued-background-color-hover
5345
- );
5346
- --system-spectrum-tag-border-color-selected-active: var(
5347
- --spectrum-neutral-subdued-background-color-down
5348
- );
5349
- --system-spectrum-tag-border-color-selected-focus: var(
5350
- --spectrum-neutral-subdued-background-color-key-focus
5351
- );
5352
- --system-spectrum-tag-border-color-disabled: transparent;
5353
- --system-spectrum-tag-background-color-disabled: var(
5354
- --spectrum-disabled-background-color
5355
- );
5356
- --system-spectrum-tag-size-small-spacing-inline-start: var(
5357
- --spectrum-component-edge-to-visual-75
5358
- );
5359
- --system-spectrum-tag-size-small-label-spacing-inline-end: var(
5360
- --spectrum-component-edge-to-text-75
5361
- );
5362
- --system-spectrum-tag-size-small-clear-button-spacing-inline-end: var(
5363
- --spectrum-component-edge-to-visual-75
5364
- );
5365
- --system-spectrum-tag-size-medium-spacing-inline-start: var(
5366
- --spectrum-component-edge-to-visual-100
5367
- );
5368
- --system-spectrum-tag-size-medium-label-spacing-inline-end: var(
5369
- --spectrum-component-edge-to-text-100
5370
- );
5371
- --system-spectrum-tag-size-medium-clear-button-spacing-inline-end: var(
5372
- --spectrum-component-edge-to-visual-100
5373
- );
5374
- --system-spectrum-tag-size-large-spacing-inline-start: var(
5375
- --spectrum-component-edge-to-visual-200
5376
- );
5377
- --system-spectrum-tag-size-large-label-spacing-inline-end: var(
5378
- --spectrum-component-edge-to-text-200
5379
- );
5380
- --system-spectrum-tag-size-large-clear-button-spacing-inline-end: var(
5381
- --spectrum-component-edge-to-visual-200
5382
- );
5383
- }
5384
-
5385
- :host,
5386
- :root {
5387
- --system-spectrum-textfield-border-color: var(--spectrum-gray-500);
5388
- --system-spectrum-textfield-border-color-hover: var(--spectrum-gray-600);
5389
- --system-spectrum-textfield-border-color-focus: var(--spectrum-gray-800);
5390
- --system-spectrum-textfield-border-color-focus-hover: var(
5391
- --spectrum-gray-900
5392
- );
5393
- --system-spectrum-textfield-border-color-keyboard-focus: var(
5394
- --spectrum-gray-900
5395
- );
5396
- --system-spectrum-textfield-border-width: var(--spectrum-border-width-100);
5397
- }
5398
-
5399
- :host,
5400
- :root {
5401
- --system-spectrum-toast-background-color-default: var(
5402
- --spectrum-neutral-subdued-background-color-default
5403
- );
5404
- }
5405
-
5406
- :host,
5407
- :root {
5408
- --system-spectrum-tooltip-backgound-color-default-neutral: var(
5409
- --spectrum-neutral-subdued-background-color-default
5410
- );
5411
- }