@spectrum-web-components/styles 1.2.0-beta.14 → 1.2.0-beta.16

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/styles",
3
- "version": "1.2.0-beta.14",
3
+ "version": "1.2.0-beta.16",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -115,7 +115,7 @@
115
115
  "lit-html"
116
116
  ],
117
117
  "dependencies": {
118
- "@spectrum-web-components/base": "^1.2.0-beta.14",
118
+ "@spectrum-web-components/base": "^1.2.0-beta.16",
119
119
  "lit": "^2.5.0 || ^3.1.3"
120
120
  },
121
121
  "devDependencies": {
@@ -130,5 +130,5 @@
130
130
  "./**/*.css"
131
131
  ],
132
132
  "style": "all-medium-lightest.css",
133
- "gitHead": "5892237f53f691803eb3aff462a92d3119eb998e"
133
+ "gitHead": "c5ff77aaedeae8c87b1798471551b098c3878a84"
134
134
  }
@@ -1592,197 +1592,8 @@
1592
1592
  --system-combobox-border-color-focus: var(--spectrum-gray-900);
1593
1593
  --system-combobox-border-color-focus-hover: var(--spectrum-gray-800);
1594
1594
  --system-combobox-border-color-key-focus: var(--spectrum-gray-900);
1595
- --system-combobox-inline-size: var(--spectrum-field-width);
1596
- --system-combobox-minimum-width-multiplier: var(
1597
- --spectrum-combo-box-minimum-width-multiplier
1598
- );
1599
- --system-combobox-focus-indicator-thickness: var(
1600
- --spectrum-focus-indicator-thickness
1601
- );
1602
- --system-combobox-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
1603
- --system-combobox-focus-indicator-color: var(
1604
- --spectrum-focus-indicator-color
1605
- );
1606
- --system-combobox-border-radius: var(--spectrum-corner-radius-100);
1607
- --system-combobox-border-width: var(--spectrum-border-width-100);
1608
- --system-combobox-spacing-label-to: var(
1609
- --spectrum-field-label-to-component
1610
- );
1611
- --system-combobox-font-style: var(--spectrum-default-font-style);
1612
- --system-combobox-line-height: var(--spectrum-line-height-100);
1613
- --system-combobox-border-color-invalid-default: var(
1614
- --spectrum-negative-border-color-default
1615
- );
1616
- --system-combobox-border-color-invalid-hover: var(
1617
- --spectrum-negative-border-color-hover
1618
- );
1619
- --system-combobox-border-color-invalid-focus: var(
1620
- --spectrum-negative-border-color-focus
1621
- );
1622
- --system-combobox-border-color-invalid-focus-hover: var(
1623
- --spectrum-negative-border-color-focus-hover
1624
- );
1625
- --system-combobox-border-color-invalid-key-focus: var(
1626
- --spectrum-negative-border-color-key-focus
1627
- );
1628
- --system-combobox-size-s-block-size: var(--spectrum-component-height-75);
1629
- --system-combobox-size-s-icon-size: var(--spectrum-workflow-icon-size-75);
1630
- --system-combobox-size-s-font-size: var(--spectrum-font-size-75);
1631
- --system-combobox-size-s-spacing-inline-icon-to-button: var(
1632
- --spectrum-combo-box-visual-to-field-button-small
1633
- );
1634
- --system-combobox-size-s-block-spacing-edge-to-progress-circle: var(
1635
- --spectrum-field-top-to-progress-circle-small
1636
- );
1637
- --system-combobox-size-s-block-spacing-edge-to-alert: var(
1638
- --spectrum-field-top-to-alert-icon-small
1639
- );
1640
- --system-combobox-size-s-spacing-edge-to-menu: var(
1641
- --spectrum-component-to-menu-small
1642
- );
1643
- --system-combobox-size-s-spacing-block-start-edge-to-text: var(
1644
- --spectrum-component-top-to-text-75
1645
- );
1646
- --system-combobox-size-s-spacing-block-end-edge-to-text: var(
1647
- --spectrum-component-bottom-to-text-75
1648
- );
1649
- --system-combobox-size-s-spacing-inline-start-edge-to-text: var(
1650
- --spectrum-component-edge-to-text-75
1651
- );
1652
- --system-combobox-size-s-spacing-inline-end-edge-to-text: var(
1653
- --spectrum-component-edge-to-text-75
1654
- );
1655
- --system-combobox-block-size: var(--spectrum-component-height-100);
1656
- --system-combobox-size-m-block-size: var(--spectrum-component-height-100);
1657
- --system-combobox-icon-size: var(--spectrum-workflow-icon-size-100);
1658
- --system-combobox-size-m-icon-size: var(--spectrum-workflow-icon-size-100);
1659
- --system-combobox-font-size: var(--spectrum-font-size-100);
1660
- --system-combobox-size-m-font-size: var(--spectrum-font-size-100);
1661
- --system-combobox-spacing-inline-icon-to-button: var(
1662
- --spectrum-combo-box-visual-to-field-button-medium
1663
- );
1664
- --system-combobox-size-m-spacing-inline-icon-to-button: var(
1665
- --spectrum-combo-box-visual-to-field-button-medium
1666
- );
1667
- --system-combobox-block-spacing-edge-to-progress-circle: var(
1668
- --spectrum-field-top-to-progress-circle-medium
1669
- );
1670
- --system-combobox-size-m-block-spacing-edge-to-progress-circle: var(
1671
- --spectrum-field-top-to-progress-circle-medium
1672
- );
1673
- --system-combobox-block-spacing-edge-to-alert: var(
1674
- --spectrum-field-top-to-alert-icon-medium
1675
- );
1676
- --system-combobox-size-m-block-spacing-edge-to-alert: var(
1677
- --spectrum-field-top-to-alert-icon-medium
1678
- );
1679
- --system-combobox-spacing-edge-to-menu: var(
1680
- --spectrum-component-to-menu-medium
1681
- );
1682
- --system-combobox-size-m-spacing-edge-to-menu: var(
1683
- --spectrum-component-to-menu-medium
1684
- );
1685
- --system-combobox-spacing-block-start-edge-to-text: var(
1686
- --spectrum-component-top-to-text-100
1687
- );
1688
- --system-combobox-size-m-spacing-block-start-edge-to-text: var(
1689
- --spectrum-component-top-to-text-100
1690
- );
1691
- --system-combobox-spacing-block-end-edge-to-text: var(
1692
- --spectrum-component-bottom-to-text-100
1693
- );
1694
- --system-combobox-size-m-spacing-block-end-edge-to-text: var(
1695
- --spectrum-component-bottom-to-text-100
1696
- );
1697
- --system-combobox-spacing-inline-start-edge-to-text: var(
1698
- --spectrum-component-edge-to-text-100
1699
- );
1700
- --system-combobox-size-m-spacing-inline-start-edge-to-text: var(
1701
- --spectrum-component-edge-to-text-100
1702
- );
1703
- --system-combobox-spacing-inline-end-edge-to-text: var(
1704
- --spectrum-component-edge-to-text-100
1705
- );
1706
- --system-combobox-size-m-spacing-inline-end-edge-to-text: var(
1707
- --spectrum-component-edge-to-text-100
1708
- );
1709
- --system-combobox-size-l-block-size: var(--spectrum-component-height-200);
1710
- --system-combobox-size-l-icon-size: var(--spectrum-workflow-icon-size-200);
1711
- --system-combobox-size-l-font-size: var(--spectrum-font-size-200);
1712
- --system-combobox-size-l-spacing-inline-icon-to-button: var(
1713
- --spectrum-combo-box-visual-to-field-button-large
1714
- );
1715
- --system-combobox-size-l-block-spacing-edge-to-progress-circle: var(
1716
- --spectrum-field-top-to-progress-circle-large
1717
- );
1718
- --system-combobox-size-l-block-spacing-edge-to-alert: var(
1719
- --spectrum-field-top-to-alert-icon-large
1720
- );
1721
- --system-combobox-size-l-spacing-edge-to-menu: var(
1722
- --spectrum-component-to-menu-large
1723
- );
1724
- --system-combobox-size-l-spacing-block-start-edge-to-text: var(
1725
- --spectrum-component-top-to-text-200
1726
- );
1727
- --system-combobox-size-l-spacing-block-end-edge-to-text: var(
1728
- --spectrum-component-bottom-to-text-200
1729
- );
1730
- --system-combobox-size-l-spacing-inline-start-edge-to-text: var(
1731
- --spectrum-component-edge-to-text-200
1732
- );
1733
- --system-combobox-size-l-spacing-inline-end-edge-to-text: var(
1734
- --spectrum-component-edge-to-text-200
1735
- );
1736
- --system-combobox-size-xl-block-size: var(--spectrum-component-height-300);
1737
- --system-combobox-size-xl-icon-size: var(--spectrum-workflow-icon-size-300);
1738
- --system-combobox-size-xl-font-size: var(--spectrum-font-size-300);
1739
- --system-combobox-size-xl-spacing-inline-icon-to-button: var(
1740
- --spectrum-combo-box-visual-to-field-button-extra-large
1741
- );
1742
- --system-combobox-size-xl-block-spacing-edge-to-progress-circle: var(
1743
- --spectrum-field-top-to-progress-circle-extra-large
1744
- );
1745
- --system-combobox-size-xl-block-spacing-edge-to-alert: var(
1746
- --spectrum-field-top-to-alert-icon-extra-large
1747
- );
1748
- --system-combobox-size-xl-spacing-edge-to-menu: var(
1749
- --spectrum-component-to-menu-extra-large
1750
- );
1751
- --system-combobox-size-xl-spacing-block-start-edge-to-text: var(
1752
- --spectrum-component-top-to-text-300
1753
- );
1754
- --system-combobox-size-xl-spacing-block-end-edge-to-text: var(
1755
- --spectrum-component-bottom-to-text-300
1756
- );
1757
- --system-combobox-size-xl-spacing-inline-start-edge-to-text: var(
1758
- --spectrum-component-edge-to-text-300
1759
- );
1760
- --system-combobox-size-xl-spacing-inline-end-edge-to-text: var(
1761
- --spectrum-component-edge-to-text-300
1762
- );
1763
- --system-combobox-quiet-minimum-width-multiplier: var(
1764
- --spectrum-combo-box-quiet-minimum-width-multiplier
1765
- );
1766
- --system-combobox-quiet-spacing-inline-icon-to-button: var(
1767
- --spectrum-combo-box-visual-to-field-button-quiet
1768
- );
1769
- --system-combobox-quiet-spacing-inline-start-edge-to-text: var(
1770
- --spectrum-field-edge-to-text-quiet
1771
- );
1772
- --system-combobox-quiet-size-s-spacing-label-to: var(
1773
- --spectrum-field-label-to-component-quiet-small
1774
- );
1775
- --system-combobox-quiet-spacing-label-to: var(
1776
- --spectrum-field-label-to-component-quiet-medium
1777
- );
1778
- --system-combobox-quiet-size-m-spacing-label-to: var(
1779
- --spectrum-field-label-to-component-quiet-medium
1780
- );
1781
- --system-combobox-quiet-size-l-spacing-label-to: var(
1782
- --spectrum-field-label-to-component-quiet-large
1783
- );
1784
- --system-combobox-quiet-size-xl-spacing-label-to: var(
1785
- --spectrum-field-label-to-component-quiet-extra-large
1595
+ --system-combobox-background-color-disabled: var(
1596
+ --spectrum-disabled-background-color
1786
1597
  );
1787
1598
  --system-contextual-help-padding: var(--spectrum-spacing-400);
1788
1599
  --system-contextual-help-content-spacing: var(--spectrum-spacing-100);
@@ -1598,197 +1598,8 @@
1598
1598
  --system-combobox-border-color-focus: var(--spectrum-gray-500);
1599
1599
  --system-combobox-border-color-focus-hover: var(--spectrum-gray-600);
1600
1600
  --system-combobox-border-color-key-focus: var(--spectrum-gray-600);
1601
- --system-combobox-inline-size: var(--spectrum-field-width);
1602
- --system-combobox-minimum-width-multiplier: var(
1603
- --spectrum-combo-box-minimum-width-multiplier
1604
- );
1605
- --system-combobox-focus-indicator-thickness: var(
1606
- --spectrum-focus-indicator-thickness
1607
- );
1608
- --system-combobox-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
1609
- --system-combobox-focus-indicator-color: var(
1610
- --spectrum-focus-indicator-color
1611
- );
1612
- --system-combobox-border-radius: var(--spectrum-corner-radius-100);
1613
- --system-combobox-border-width: var(--spectrum-border-width-100);
1614
- --system-combobox-spacing-label-to: var(
1615
- --spectrum-field-label-to-component
1616
- );
1617
- --system-combobox-font-style: var(--spectrum-default-font-style);
1618
- --system-combobox-line-height: var(--spectrum-line-height-100);
1619
- --system-combobox-border-color-invalid-default: var(
1620
- --spectrum-negative-border-color-default
1621
- );
1622
- --system-combobox-border-color-invalid-hover: var(
1623
- --spectrum-negative-border-color-hover
1624
- );
1625
- --system-combobox-border-color-invalid-focus: var(
1626
- --spectrum-negative-border-color-focus
1627
- );
1628
- --system-combobox-border-color-invalid-focus-hover: var(
1629
- --spectrum-negative-border-color-focus-hover
1630
- );
1631
- --system-combobox-border-color-invalid-key-focus: var(
1632
- --spectrum-negative-border-color-key-focus
1633
- );
1634
- --system-combobox-size-s-block-size: var(--spectrum-component-height-75);
1635
- --system-combobox-size-s-icon-size: var(--spectrum-workflow-icon-size-75);
1636
- --system-combobox-size-s-font-size: var(--spectrum-font-size-75);
1637
- --system-combobox-size-s-spacing-inline-icon-to-button: var(
1638
- --spectrum-combo-box-visual-to-field-button-small
1639
- );
1640
- --system-combobox-size-s-block-spacing-edge-to-progress-circle: var(
1641
- --spectrum-field-top-to-progress-circle-small
1642
- );
1643
- --system-combobox-size-s-block-spacing-edge-to-alert: var(
1644
- --spectrum-field-top-to-alert-icon-small
1645
- );
1646
- --system-combobox-size-s-spacing-edge-to-menu: var(
1647
- --spectrum-component-to-menu-small
1648
- );
1649
- --system-combobox-size-s-spacing-block-start-edge-to-text: var(
1650
- --spectrum-component-top-to-text-75
1651
- );
1652
- --system-combobox-size-s-spacing-block-end-edge-to-text: var(
1653
- --spectrum-component-bottom-to-text-75
1654
- );
1655
- --system-combobox-size-s-spacing-inline-start-edge-to-text: var(
1656
- --spectrum-component-edge-to-text-75
1657
- );
1658
- --system-combobox-size-s-spacing-inline-end-edge-to-text: var(
1659
- --spectrum-component-edge-to-text-75
1660
- );
1661
- --system-combobox-block-size: var(--spectrum-component-height-100);
1662
- --system-combobox-size-m-block-size: var(--spectrum-component-height-100);
1663
- --system-combobox-icon-size: var(--spectrum-workflow-icon-size-100);
1664
- --system-combobox-size-m-icon-size: var(--spectrum-workflow-icon-size-100);
1665
- --system-combobox-font-size: var(--spectrum-font-size-100);
1666
- --system-combobox-size-m-font-size: var(--spectrum-font-size-100);
1667
- --system-combobox-spacing-inline-icon-to-button: var(
1668
- --spectrum-combo-box-visual-to-field-button-medium
1669
- );
1670
- --system-combobox-size-m-spacing-inline-icon-to-button: var(
1671
- --spectrum-combo-box-visual-to-field-button-medium
1672
- );
1673
- --system-combobox-block-spacing-edge-to-progress-circle: var(
1674
- --spectrum-field-top-to-progress-circle-medium
1675
- );
1676
- --system-combobox-size-m-block-spacing-edge-to-progress-circle: var(
1677
- --spectrum-field-top-to-progress-circle-medium
1678
- );
1679
- --system-combobox-block-spacing-edge-to-alert: var(
1680
- --spectrum-field-top-to-alert-icon-medium
1681
- );
1682
- --system-combobox-size-m-block-spacing-edge-to-alert: var(
1683
- --spectrum-field-top-to-alert-icon-medium
1684
- );
1685
- --system-combobox-spacing-edge-to-menu: var(
1686
- --spectrum-component-to-menu-medium
1687
- );
1688
- --system-combobox-size-m-spacing-edge-to-menu: var(
1689
- --spectrum-component-to-menu-medium
1690
- );
1691
- --system-combobox-spacing-block-start-edge-to-text: var(
1692
- --spectrum-component-top-to-text-100
1693
- );
1694
- --system-combobox-size-m-spacing-block-start-edge-to-text: var(
1695
- --spectrum-component-top-to-text-100
1696
- );
1697
- --system-combobox-spacing-block-end-edge-to-text: var(
1698
- --spectrum-component-bottom-to-text-100
1699
- );
1700
- --system-combobox-size-m-spacing-block-end-edge-to-text: var(
1701
- --spectrum-component-bottom-to-text-100
1702
- );
1703
- --system-combobox-spacing-inline-start-edge-to-text: var(
1704
- --spectrum-component-edge-to-text-100
1705
- );
1706
- --system-combobox-size-m-spacing-inline-start-edge-to-text: var(
1707
- --spectrum-component-edge-to-text-100
1708
- );
1709
- --system-combobox-spacing-inline-end-edge-to-text: var(
1710
- --spectrum-component-edge-to-text-100
1711
- );
1712
- --system-combobox-size-m-spacing-inline-end-edge-to-text: var(
1713
- --spectrum-component-edge-to-text-100
1714
- );
1715
- --system-combobox-size-l-block-size: var(--spectrum-component-height-200);
1716
- --system-combobox-size-l-icon-size: var(--spectrum-workflow-icon-size-200);
1717
- --system-combobox-size-l-font-size: var(--spectrum-font-size-200);
1718
- --system-combobox-size-l-spacing-inline-icon-to-button: var(
1719
- --spectrum-combo-box-visual-to-field-button-large
1720
- );
1721
- --system-combobox-size-l-block-spacing-edge-to-progress-circle: var(
1722
- --spectrum-field-top-to-progress-circle-large
1723
- );
1724
- --system-combobox-size-l-block-spacing-edge-to-alert: var(
1725
- --spectrum-field-top-to-alert-icon-large
1726
- );
1727
- --system-combobox-size-l-spacing-edge-to-menu: var(
1728
- --spectrum-component-to-menu-large
1729
- );
1730
- --system-combobox-size-l-spacing-block-start-edge-to-text: var(
1731
- --spectrum-component-top-to-text-200
1732
- );
1733
- --system-combobox-size-l-spacing-block-end-edge-to-text: var(
1734
- --spectrum-component-bottom-to-text-200
1735
- );
1736
- --system-combobox-size-l-spacing-inline-start-edge-to-text: var(
1737
- --spectrum-component-edge-to-text-200
1738
- );
1739
- --system-combobox-size-l-spacing-inline-end-edge-to-text: var(
1740
- --spectrum-component-edge-to-text-200
1741
- );
1742
- --system-combobox-size-xl-block-size: var(--spectrum-component-height-300);
1743
- --system-combobox-size-xl-icon-size: var(--spectrum-workflow-icon-size-300);
1744
- --system-combobox-size-xl-font-size: var(--spectrum-font-size-300);
1745
- --system-combobox-size-xl-spacing-inline-icon-to-button: var(
1746
- --spectrum-combo-box-visual-to-field-button-extra-large
1747
- );
1748
- --system-combobox-size-xl-block-spacing-edge-to-progress-circle: var(
1749
- --spectrum-field-top-to-progress-circle-extra-large
1750
- );
1751
- --system-combobox-size-xl-block-spacing-edge-to-alert: var(
1752
- --spectrum-field-top-to-alert-icon-extra-large
1753
- );
1754
- --system-combobox-size-xl-spacing-edge-to-menu: var(
1755
- --spectrum-component-to-menu-extra-large
1756
- );
1757
- --system-combobox-size-xl-spacing-block-start-edge-to-text: var(
1758
- --spectrum-component-top-to-text-300
1759
- );
1760
- --system-combobox-size-xl-spacing-block-end-edge-to-text: var(
1761
- --spectrum-component-bottom-to-text-300
1762
- );
1763
- --system-combobox-size-xl-spacing-inline-start-edge-to-text: var(
1764
- --spectrum-component-edge-to-text-300
1765
- );
1766
- --system-combobox-size-xl-spacing-inline-end-edge-to-text: var(
1767
- --spectrum-component-edge-to-text-300
1768
- );
1769
- --system-combobox-quiet-minimum-width-multiplier: var(
1770
- --spectrum-combo-box-quiet-minimum-width-multiplier
1771
- );
1772
- --system-combobox-quiet-spacing-inline-icon-to-button: var(
1773
- --spectrum-combo-box-visual-to-field-button-quiet
1774
- );
1775
- --system-combobox-quiet-spacing-inline-start-edge-to-text: var(
1776
- --spectrum-field-edge-to-text-quiet
1777
- );
1778
- --system-combobox-quiet-size-s-spacing-label-to: var(
1779
- --spectrum-field-label-to-component-quiet-small
1780
- );
1781
- --system-combobox-quiet-spacing-label-to: var(
1782
- --spectrum-field-label-to-component-quiet-medium
1783
- );
1784
- --system-combobox-quiet-size-m-spacing-label-to: var(
1785
- --spectrum-field-label-to-component-quiet-medium
1786
- );
1787
- --system-combobox-quiet-size-l-spacing-label-to: var(
1788
- --spectrum-field-label-to-component-quiet-large
1789
- );
1790
- --system-combobox-quiet-size-xl-spacing-label-to: var(
1791
- --spectrum-field-label-to-component-quiet-extra-large
1601
+ --system-combobox-background-color-disabled: var(
1602
+ --spectrum-disabled-background-color
1792
1603
  );
1793
1604
  --system-contextual-help-padding: var(--spectrum-spacing-400);
1794
1605
  --system-contextual-help-content-spacing: var(--spectrum-spacing-100);
@@ -1589,201 +1589,10 @@
1589
1589
  );
1590
1590
  --system-combobox-border-color-default: var(--spectrum-gray-500);
1591
1591
  --system-combobox-border-color-hover: var(--spectrum-gray-600);
1592
- --system-combobox-border-color-focus: var(--spectrum-gray-500);
1593
- --system-combobox-border-color-focus-hover: var(--spectrum-gray-600);
1594
- --system-combobox-border-color-key-focus: var(--spectrum-gray-600);
1595
- --system-combobox-inline-size: var(--spectrum-field-width);
1596
- --system-combobox-minimum-width-multiplier: var(
1597
- --spectrum-combo-box-minimum-width-multiplier
1598
- );
1599
- --system-combobox-focus-indicator-thickness: var(
1600
- --spectrum-focus-indicator-thickness
1601
- );
1602
- --system-combobox-focus-indicator-gap: var(--spectrum-focus-indicator-gap);
1603
- --system-combobox-focus-indicator-color: var(
1604
- --spectrum-focus-indicator-color
1605
- );
1606
- --system-combobox-border-radius: var(--spectrum-corner-radius-100);
1607
- --system-combobox-border-width: var(--spectrum-border-width-100);
1608
- --system-combobox-spacing-label-to: var(
1609
- --spectrum-field-label-to-component
1610
- );
1611
- --system-combobox-font-style: var(--spectrum-default-font-style);
1612
- --system-combobox-line-height: var(--spectrum-line-height-100);
1613
- --system-combobox-border-color-invalid-default: var(
1614
- --spectrum-negative-border-color-default
1615
- );
1616
- --system-combobox-border-color-invalid-hover: var(
1617
- --spectrum-negative-border-color-hover
1618
- );
1619
- --system-combobox-border-color-invalid-focus: var(
1620
- --spectrum-negative-border-color-focus
1621
- );
1622
- --system-combobox-border-color-invalid-focus-hover: var(
1623
- --spectrum-negative-border-color-focus-hover
1624
- );
1625
- --system-combobox-border-color-invalid-key-focus: var(
1626
- --spectrum-negative-border-color-key-focus
1627
- );
1628
- --system-combobox-size-s-block-size: var(--spectrum-component-height-75);
1629
- --system-combobox-size-s-icon-size: var(--spectrum-workflow-icon-size-75);
1630
- --system-combobox-size-s-font-size: var(--spectrum-font-size-75);
1631
- --system-combobox-size-s-spacing-inline-icon-to-button: var(
1632
- --spectrum-combo-box-visual-to-field-button-small
1633
- );
1634
- --system-combobox-size-s-block-spacing-edge-to-progress-circle: var(
1635
- --spectrum-field-top-to-progress-circle-small
1636
- );
1637
- --system-combobox-size-s-block-spacing-edge-to-alert: var(
1638
- --spectrum-field-top-to-alert-icon-small
1639
- );
1640
- --system-combobox-size-s-spacing-edge-to-menu: var(
1641
- --spectrum-component-to-menu-small
1642
- );
1643
- --system-combobox-size-s-spacing-block-start-edge-to-text: var(
1644
- --spectrum-component-top-to-text-75
1645
- );
1646
- --system-combobox-size-s-spacing-block-end-edge-to-text: var(
1647
- --spectrum-component-bottom-to-text-75
1648
- );
1649
- --system-combobox-size-s-spacing-inline-start-edge-to-text: var(
1650
- --spectrum-component-edge-to-text-75
1651
- );
1652
- --system-combobox-size-s-spacing-inline-end-edge-to-text: var(
1653
- --spectrum-component-edge-to-text-75
1654
- );
1655
- --system-combobox-block-size: var(--spectrum-component-height-100);
1656
- --system-combobox-size-m-block-size: var(--spectrum-component-height-100);
1657
- --system-combobox-icon-size: var(--spectrum-workflow-icon-size-100);
1658
- --system-combobox-size-m-icon-size: var(--spectrum-workflow-icon-size-100);
1659
- --system-combobox-font-size: var(--spectrum-font-size-100);
1660
- --system-combobox-size-m-font-size: var(--spectrum-font-size-100);
1661
- --system-combobox-spacing-inline-icon-to-button: var(
1662
- --spectrum-combo-box-visual-to-field-button-medium
1663
- );
1664
- --system-combobox-size-m-spacing-inline-icon-to-button: var(
1665
- --spectrum-combo-box-visual-to-field-button-medium
1666
- );
1667
- --system-combobox-block-spacing-edge-to-progress-circle: var(
1668
- --spectrum-field-top-to-progress-circle-medium
1669
- );
1670
- --system-combobox-size-m-block-spacing-edge-to-progress-circle: var(
1671
- --spectrum-field-top-to-progress-circle-medium
1672
- );
1673
- --system-combobox-block-spacing-edge-to-alert: var(
1674
- --spectrum-field-top-to-alert-icon-medium
1675
- );
1676
- --system-combobox-size-m-block-spacing-edge-to-alert: var(
1677
- --spectrum-field-top-to-alert-icon-medium
1678
- );
1679
- --system-combobox-spacing-edge-to-menu: var(
1680
- --spectrum-component-to-menu-medium
1681
- );
1682
- --system-combobox-size-m-spacing-edge-to-menu: var(
1683
- --spectrum-component-to-menu-medium
1684
- );
1685
- --system-combobox-spacing-block-start-edge-to-text: var(
1686
- --spectrum-component-top-to-text-100
1687
- );
1688
- --system-combobox-size-m-spacing-block-start-edge-to-text: var(
1689
- --spectrum-component-top-to-text-100
1690
- );
1691
- --system-combobox-spacing-block-end-edge-to-text: var(
1692
- --spectrum-component-bottom-to-text-100
1693
- );
1694
- --system-combobox-size-m-spacing-block-end-edge-to-text: var(
1695
- --spectrum-component-bottom-to-text-100
1696
- );
1697
- --system-combobox-spacing-inline-start-edge-to-text: var(
1698
- --spectrum-component-edge-to-text-100
1699
- );
1700
- --system-combobox-size-m-spacing-inline-start-edge-to-text: var(
1701
- --spectrum-component-edge-to-text-100
1702
- );
1703
- --system-combobox-spacing-inline-end-edge-to-text: var(
1704
- --spectrum-component-edge-to-text-100
1705
- );
1706
- --system-combobox-size-m-spacing-inline-end-edge-to-text: var(
1707
- --spectrum-component-edge-to-text-100
1708
- );
1709
- --system-combobox-size-l-block-size: var(--spectrum-component-height-200);
1710
- --system-combobox-size-l-icon-size: var(--spectrum-workflow-icon-size-200);
1711
- --system-combobox-size-l-font-size: var(--spectrum-font-size-200);
1712
- --system-combobox-size-l-spacing-inline-icon-to-button: var(
1713
- --spectrum-combo-box-visual-to-field-button-large
1714
- );
1715
- --system-combobox-size-l-block-spacing-edge-to-progress-circle: var(
1716
- --spectrum-field-top-to-progress-circle-large
1717
- );
1718
- --system-combobox-size-l-block-spacing-edge-to-alert: var(
1719
- --spectrum-field-top-to-alert-icon-large
1720
- );
1721
- --system-combobox-size-l-spacing-edge-to-menu: var(
1722
- --spectrum-component-to-menu-large
1723
- );
1724
- --system-combobox-size-l-spacing-block-start-edge-to-text: var(
1725
- --spectrum-component-top-to-text-200
1726
- );
1727
- --system-combobox-size-l-spacing-block-end-edge-to-text: var(
1728
- --spectrum-component-bottom-to-text-200
1729
- );
1730
- --system-combobox-size-l-spacing-inline-start-edge-to-text: var(
1731
- --spectrum-component-edge-to-text-200
1732
- );
1733
- --system-combobox-size-l-spacing-inline-end-edge-to-text: var(
1734
- --spectrum-component-edge-to-text-200
1735
- );
1736
- --system-combobox-size-xl-block-size: var(--spectrum-component-height-300);
1737
- --system-combobox-size-xl-icon-size: var(--spectrum-workflow-icon-size-300);
1738
- --system-combobox-size-xl-font-size: var(--spectrum-font-size-300);
1739
- --system-combobox-size-xl-spacing-inline-icon-to-button: var(
1740
- --spectrum-combo-box-visual-to-field-button-extra-large
1741
- );
1742
- --system-combobox-size-xl-block-spacing-edge-to-progress-circle: var(
1743
- --spectrum-field-top-to-progress-circle-extra-large
1744
- );
1745
- --system-combobox-size-xl-block-spacing-edge-to-alert: var(
1746
- --spectrum-field-top-to-alert-icon-extra-large
1747
- );
1748
- --system-combobox-size-xl-spacing-edge-to-menu: var(
1749
- --spectrum-component-to-menu-extra-large
1750
- );
1751
- --system-combobox-size-xl-spacing-block-start-edge-to-text: var(
1752
- --spectrum-component-top-to-text-300
1753
- );
1754
- --system-combobox-size-xl-spacing-block-end-edge-to-text: var(
1755
- --spectrum-component-bottom-to-text-300
1756
- );
1757
- --system-combobox-size-xl-spacing-inline-start-edge-to-text: var(
1758
- --spectrum-component-edge-to-text-300
1759
- );
1760
- --system-combobox-size-xl-spacing-inline-end-edge-to-text: var(
1761
- --spectrum-component-edge-to-text-300
1762
- );
1763
- --system-combobox-quiet-minimum-width-multiplier: var(
1764
- --spectrum-combo-box-quiet-minimum-width-multiplier
1765
- );
1766
- --system-combobox-quiet-spacing-inline-icon-to-button: var(
1767
- --spectrum-combo-box-visual-to-field-button-quiet
1768
- );
1769
- --system-combobox-quiet-spacing-inline-start-edge-to-text: var(
1770
- --spectrum-field-edge-to-text-quiet
1771
- );
1772
- --system-combobox-quiet-size-s-spacing-label-to: var(
1773
- --spectrum-field-label-to-component-quiet-small
1774
- );
1775
- --system-combobox-quiet-spacing-label-to: var(
1776
- --spectrum-field-label-to-component-quiet-medium
1777
- );
1778
- --system-combobox-quiet-size-m-spacing-label-to: var(
1779
- --spectrum-field-label-to-component-quiet-medium
1780
- );
1781
- --system-combobox-quiet-size-l-spacing-label-to: var(
1782
- --spectrum-field-label-to-component-quiet-large
1783
- );
1784
- --system-combobox-quiet-size-xl-spacing-label-to: var(
1785
- --spectrum-field-label-to-component-quiet-extra-large
1786
- );
1592
+ --system-combobox-border-color-focus: var(--spectrum-gray-800);
1593
+ --system-combobox-border-color-focus-hover: var(--spectrum-gray-900);
1594
+ --system-combobox-border-color-key-focus: var(--spectrum-gray-800);
1595
+ --system-combobox-background-color-disabled: var(--spectrum-gray-25);
1787
1596
  --system-contextual-help-padding: var(--spectrum-spacing-400);
1788
1597
  --system-contextual-help-content-spacing: var(--spectrum-spacing-100);
1789
1598
  --system-contextual-help-link-spacing: var(--spectrum-spacing-300);