@atlaskit/tokens 0.9.0 → 0.9.3
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/CHANGELOG.md +18 -0
- package/babel-plugin/package.json +3 -0
- package/css/atlassian-dark.css +2 -2
- package/css/atlassian-light.css +2 -2
- package/dist/cjs/artifacts/palettes-raw.js +1983 -0
- package/dist/cjs/artifacts/token-default-values.js +2 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +378 -4
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +378 -4
- package/dist/cjs/entry-points/palettes-raw.js +15 -0
- package/dist/cjs/entry-points/token-ids.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/tokens/atlassian-dark/color/background.js +2 -2
- package/dist/cjs/tokens/atlassian-light/color/background.js +2 -2
- package/dist/cjs/tokens/default/deprecated/deprecated.js +187 -0
- package/dist/cjs/tokens/palette.js +232 -116
- package/dist/cjs/utils/color-detection.js +129 -0
- package/dist/cjs/{token-ids.js → utils/token-ids.js} +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/palettes-raw.js +1976 -0
- package/dist/es2019/artifacts/token-default-values.js +2 -2
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +378 -4
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +378 -4
- package/dist/es2019/entry-points/palettes-raw.js +1 -0
- package/dist/es2019/entry-points/token-ids.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/tokens/atlassian-dark/color/background.js +2 -2
- package/dist/es2019/tokens/atlassian-light/color/background.js +2 -2
- package/dist/es2019/tokens/default/deprecated/deprecated.js +187 -0
- package/dist/es2019/tokens/palette.js +232 -116
- package/dist/es2019/utils/color-detection.js +101 -0
- package/dist/es2019/{token-ids.js → utils/token-ids.js} +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/palettes-raw.js +1976 -0
- package/dist/esm/artifacts/token-default-values.js +2 -2
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +378 -4
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +378 -4
- package/dist/esm/entry-points/palettes-raw.js +1 -0
- package/dist/esm/entry-points/token-ids.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/tokens/atlassian-dark/color/background.js +2 -2
- package/dist/esm/tokens/atlassian-light/color/background.js +2 -2
- package/dist/esm/tokens/default/deprecated/deprecated.js +187 -0
- package/dist/esm/tokens/palette.js +232 -116
- package/dist/esm/utils/color-detection.js +104 -0
- package/dist/esm/{token-ids.js → utils/token-ids.js} +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/palettes-raw.d.ts +19 -0
- package/dist/types/artifacts/token-default-values.d.ts +2 -2
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +43 -0
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +43 -0
- package/dist/types/entry-points/palettes-raw.d.ts +1 -0
- package/dist/types/entry-points/token-ids.d.ts +1 -1
- package/dist/types/tokens/atlassian-dark/utility/utility.d.ts +2 -10
- package/dist/types/tokens/atlassian-light/utility/utility.d.ts +2 -10
- package/dist/types/tokens/default/utility/utility.d.ts +2 -142
- package/dist/types/types.d.ts +22 -7
- package/dist/types/utils/color-detection.d.ts +38 -0
- package/dist/types/{token-ids.d.ts → utils/token-ids.d.ts} +0 -0
- package/package.json +15 -5
- package/palettes-raw/package.json +10 -0
- package/rename-mapping/package.json +3 -0
- package/token-ids/package.json +3 -0
- package/token-names/package.json +3 -0
|
@@ -614,6 +614,8 @@ var tokens = [{
|
|
|
614
614
|
"group": "paint",
|
|
615
615
|
"state": "deleted",
|
|
616
616
|
"introduced": "0.0.15",
|
|
617
|
+
"deprecated": "0.6.0",
|
|
618
|
+
"deleted": "0.8.0",
|
|
617
619
|
"replacement": "color.text.[default]",
|
|
618
620
|
"description": "Use for primary text, such as body copy, sentence case headers, and buttons"
|
|
619
621
|
},
|
|
@@ -625,6 +627,8 @@ var tokens = [{
|
|
|
625
627
|
"group": "paint",
|
|
626
628
|
"state": "deleted",
|
|
627
629
|
"introduced": "0.0.15",
|
|
630
|
+
"deprecated": "0.6.0",
|
|
631
|
+
"deleted": "0.8.0",
|
|
628
632
|
"replacement": "color.text.[default]",
|
|
629
633
|
"description": "Use for primary text, such as body copy, sentence case headers, and buttons"
|
|
630
634
|
},
|
|
@@ -637,6 +641,8 @@ var tokens = [{
|
|
|
637
641
|
"group": "paint",
|
|
638
642
|
"state": "deleted",
|
|
639
643
|
"introduced": "0.0.15",
|
|
644
|
+
"deprecated": "0.6.0",
|
|
645
|
+
"deleted": "0.8.0",
|
|
640
646
|
"replacement": "color.link.pressed",
|
|
641
647
|
"description": "Use for links in a pressed state"
|
|
642
648
|
},
|
|
@@ -648,6 +654,8 @@ var tokens = [{
|
|
|
648
654
|
"group": "paint",
|
|
649
655
|
"state": "deleted",
|
|
650
656
|
"introduced": "0.0.15",
|
|
657
|
+
"deprecated": "0.6.0",
|
|
658
|
+
"deleted": "0.8.0",
|
|
651
659
|
"replacement": "color.link.pressed",
|
|
652
660
|
"description": "Use for links in a pressed state"
|
|
653
661
|
},
|
|
@@ -660,6 +668,8 @@ var tokens = [{
|
|
|
660
668
|
"group": "paint",
|
|
661
669
|
"state": "deleted",
|
|
662
670
|
"introduced": "0.0.15",
|
|
671
|
+
"deprecated": "0.6.0",
|
|
672
|
+
"deleted": "0.8.0",
|
|
663
673
|
"replacement": "color.link.[default]",
|
|
664
674
|
"description": "Use for links in a resting or hover state. Add an underline for hover states"
|
|
665
675
|
},
|
|
@@ -671,6 +681,8 @@ var tokens = [{
|
|
|
671
681
|
"group": "paint",
|
|
672
682
|
"state": "deleted",
|
|
673
683
|
"introduced": "0.0.15",
|
|
684
|
+
"deprecated": "0.6.0",
|
|
685
|
+
"deleted": "0.8.0",
|
|
674
686
|
"replacement": "color.link.[default]",
|
|
675
687
|
"description": "Use for links in a resting or hover state. Add an underline for hover states"
|
|
676
688
|
},
|
|
@@ -683,6 +695,8 @@ var tokens = [{
|
|
|
683
695
|
"group": "paint",
|
|
684
696
|
"state": "deleted",
|
|
685
697
|
"introduced": "0.0.15",
|
|
698
|
+
"deprecated": "0.6.0",
|
|
699
|
+
"deleted": "0.8.0",
|
|
686
700
|
"replacement": "color.text.subtlest",
|
|
687
701
|
"description": "\nUse for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text.\n\nUse for icons that are paired with text.medEmphasis text"
|
|
688
702
|
},
|
|
@@ -694,6 +708,8 @@ var tokens = [{
|
|
|
694
708
|
"group": "paint",
|
|
695
709
|
"state": "deleted",
|
|
696
710
|
"introduced": "0.0.15",
|
|
711
|
+
"deprecated": "0.6.0",
|
|
712
|
+
"deleted": "0.8.0",
|
|
697
713
|
"replacement": "color.text.subtlest",
|
|
698
714
|
"description": "\nUse for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text.\n\nUse for icons that are paired with text.medEmphasis text"
|
|
699
715
|
},
|
|
@@ -706,6 +722,8 @@ var tokens = [{
|
|
|
706
722
|
"group": "paint",
|
|
707
723
|
"state": "deleted",
|
|
708
724
|
"introduced": "0.0.15",
|
|
725
|
+
"deprecated": "0.6.0",
|
|
726
|
+
"deleted": "0.8.0",
|
|
709
727
|
"replacement": "color.text.subtle",
|
|
710
728
|
"description": "\nUse for secondary text, such navigation, subtle button links, input field labels, and all caps subheadings.\n\nUse for icon-only buttons, or icons paired with text.highEmphasis text\n "
|
|
711
729
|
},
|
|
@@ -717,6 +735,8 @@ var tokens = [{
|
|
|
717
735
|
"group": "paint",
|
|
718
736
|
"state": "deleted",
|
|
719
737
|
"introduced": "0.0.15",
|
|
738
|
+
"deprecated": "0.6.0",
|
|
739
|
+
"deleted": "0.8.0",
|
|
720
740
|
"replacement": "color.text.subtle",
|
|
721
741
|
"description": "\nUse for secondary text, such navigation, subtle button links, input field labels, and all caps subheadings.\n\nUse for icon-only buttons, or icons paired with text.highEmphasis text\n "
|
|
722
742
|
},
|
|
@@ -729,6 +749,8 @@ var tokens = [{
|
|
|
729
749
|
"group": "paint",
|
|
730
750
|
"state": "deleted",
|
|
731
751
|
"introduced": "0.0.15",
|
|
752
|
+
"deprecated": "0.6.0",
|
|
753
|
+
"deleted": "0.8.0",
|
|
732
754
|
"replacement": "color.text.inverse",
|
|
733
755
|
"description": "Use for text and icons when on bold backgrounds"
|
|
734
756
|
},
|
|
@@ -740,6 +762,8 @@ var tokens = [{
|
|
|
740
762
|
"group": "paint",
|
|
741
763
|
"state": "deleted",
|
|
742
764
|
"introduced": "0.0.15",
|
|
765
|
+
"deprecated": "0.6.0",
|
|
766
|
+
"deleted": "0.8.0",
|
|
743
767
|
"replacement": "color.text.inverse",
|
|
744
768
|
"description": "Use for text and icons when on bold backgrounds"
|
|
745
769
|
},
|
|
@@ -752,6 +776,8 @@ var tokens = [{
|
|
|
752
776
|
"group": "paint",
|
|
753
777
|
"state": "deleted",
|
|
754
778
|
"introduced": "0.0.15",
|
|
779
|
+
"deprecated": "0.6.0",
|
|
780
|
+
"deleted": "0.8.0",
|
|
755
781
|
"replacement": "color.text.warning.inverse",
|
|
756
782
|
"description": "Use for text and icons when on bold warning backgrounds"
|
|
757
783
|
},
|
|
@@ -763,6 +789,8 @@ var tokens = [{
|
|
|
763
789
|
"group": "paint",
|
|
764
790
|
"state": "deleted",
|
|
765
791
|
"introduced": "0.0.15",
|
|
792
|
+
"deprecated": "0.6.0",
|
|
793
|
+
"deleted": "0.8.0",
|
|
766
794
|
"replacement": "color.text.warning.inverse",
|
|
767
795
|
"description": "Use for text and icons when on bold warning backgrounds"
|
|
768
796
|
},
|
|
@@ -1615,6 +1643,8 @@ var tokens = [{
|
|
|
1615
1643
|
"group": "paint",
|
|
1616
1644
|
"state": "deleted",
|
|
1617
1645
|
"introduced": "0.0.15",
|
|
1646
|
+
"deprecated": "0.6.0",
|
|
1647
|
+
"deleted": "0.8.0",
|
|
1618
1648
|
"replacement": "color.border.focused",
|
|
1619
1649
|
"description": "Use for focus rings of elements in a focus state"
|
|
1620
1650
|
},
|
|
@@ -1626,6 +1656,8 @@ var tokens = [{
|
|
|
1626
1656
|
"group": "paint",
|
|
1627
1657
|
"state": "deleted",
|
|
1628
1658
|
"introduced": "0.0.15",
|
|
1659
|
+
"deprecated": "0.6.0",
|
|
1660
|
+
"deleted": "0.8.0",
|
|
1629
1661
|
"replacement": "color.border.focused",
|
|
1630
1662
|
"description": "Use for focus rings of elements in a focus state"
|
|
1631
1663
|
},
|
|
@@ -1638,6 +1670,8 @@ var tokens = [{
|
|
|
1638
1670
|
"group": "paint",
|
|
1639
1671
|
"state": "deleted",
|
|
1640
1672
|
"introduced": "0.0.15",
|
|
1673
|
+
"deprecated": "0.6.0",
|
|
1674
|
+
"deleted": "0.8.0",
|
|
1641
1675
|
"replacement": "color.border.[default]",
|
|
1642
1676
|
"description": "Use to create borders around UI elements such as text fields, checkboxes, and radio buttons, or to visually group or separate UI elements, such as flat cards or side panel dividers"
|
|
1643
1677
|
},
|
|
@@ -1649,6 +1683,8 @@ var tokens = [{
|
|
|
1649
1683
|
"group": "paint",
|
|
1650
1684
|
"state": "deleted",
|
|
1651
1685
|
"introduced": "0.0.15",
|
|
1686
|
+
"deprecated": "0.6.0",
|
|
1687
|
+
"deleted": "0.8.0",
|
|
1652
1688
|
"replacement": "color.border.[default]",
|
|
1653
1689
|
"description": "Use to create borders around UI elements such as text fields, checkboxes, and radio buttons, or to visually group or separate UI elements, such as flat cards or side panel dividers"
|
|
1654
1690
|
},
|
|
@@ -1745,6 +1781,8 @@ var tokens = [{
|
|
|
1745
1781
|
"group": "paint",
|
|
1746
1782
|
"state": "deleted",
|
|
1747
1783
|
"introduced": "0.6.0",
|
|
1784
|
+
"deprecated": "0.7.0",
|
|
1785
|
+
"deleted": "0.8.0",
|
|
1748
1786
|
"replacement": "color.background.accent.blue.subtler",
|
|
1749
1787
|
"description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1750
1788
|
},
|
|
@@ -1756,6 +1794,8 @@ var tokens = [{
|
|
|
1756
1794
|
"group": "paint",
|
|
1757
1795
|
"state": "deleted",
|
|
1758
1796
|
"introduced": "0.6.0",
|
|
1797
|
+
"deprecated": "0.7.0",
|
|
1798
|
+
"deleted": "0.8.0",
|
|
1759
1799
|
"replacement": "color.background.accent.blue.subtler",
|
|
1760
1800
|
"description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1761
1801
|
},
|
|
@@ -1768,6 +1808,8 @@ var tokens = [{
|
|
|
1768
1808
|
"group": "paint",
|
|
1769
1809
|
"state": "deleted",
|
|
1770
1810
|
"introduced": "0.6.0",
|
|
1811
|
+
"deprecated": "0.7.0",
|
|
1812
|
+
"deleted": "0.8.0",
|
|
1771
1813
|
"replacement": "color.background.accent.blue.subtle",
|
|
1772
1814
|
"description": "Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
|
|
1773
1815
|
},
|
|
@@ -1779,6 +1821,8 @@ var tokens = [{
|
|
|
1779
1821
|
"group": "paint",
|
|
1780
1822
|
"state": "deleted",
|
|
1781
1823
|
"introduced": "0.6.0",
|
|
1824
|
+
"deprecated": "0.7.0",
|
|
1825
|
+
"deleted": "0.8.0",
|
|
1782
1826
|
"replacement": "color.background.accent.blue.subtle",
|
|
1783
1827
|
"description": "Use for blue backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
|
|
1784
1828
|
},
|
|
@@ -1875,6 +1919,8 @@ var tokens = [{
|
|
|
1875
1919
|
"group": "paint",
|
|
1876
1920
|
"state": "deleted",
|
|
1877
1921
|
"introduced": "0.6.0",
|
|
1922
|
+
"deprecated": "0.7.0",
|
|
1923
|
+
"deleted": "0.8.0",
|
|
1878
1924
|
"replacement": "color.background.accent.red.subtler",
|
|
1879
1925
|
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1880
1926
|
},
|
|
@@ -1886,6 +1932,8 @@ var tokens = [{
|
|
|
1886
1932
|
"group": "paint",
|
|
1887
1933
|
"state": "deleted",
|
|
1888
1934
|
"introduced": "0.6.0",
|
|
1935
|
+
"deprecated": "0.7.0",
|
|
1936
|
+
"deleted": "0.8.0",
|
|
1889
1937
|
"replacement": "color.background.accent.red.subtler",
|
|
1890
1938
|
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1891
1939
|
},
|
|
@@ -1898,6 +1946,8 @@ var tokens = [{
|
|
|
1898
1946
|
"group": "paint",
|
|
1899
1947
|
"state": "deleted",
|
|
1900
1948
|
"introduced": "0.6.0",
|
|
1949
|
+
"deprecated": "0.7.0",
|
|
1950
|
+
"deleted": "0.8.0",
|
|
1901
1951
|
"replacement": "color.background.accent.red.subtle",
|
|
1902
1952
|
"description": "Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
|
|
1903
1953
|
},
|
|
@@ -1909,6 +1959,8 @@ var tokens = [{
|
|
|
1909
1959
|
"group": "paint",
|
|
1910
1960
|
"state": "deleted",
|
|
1911
1961
|
"introduced": "0.6.0",
|
|
1962
|
+
"deprecated": "0.7.0",
|
|
1963
|
+
"deleted": "0.8.0",
|
|
1912
1964
|
"replacement": "color.background.accent.red.subtle",
|
|
1913
1965
|
"description": "Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
|
|
1914
1966
|
},
|
|
@@ -2005,6 +2057,8 @@ var tokens = [{
|
|
|
2005
2057
|
"group": "paint",
|
|
2006
2058
|
"state": "deleted",
|
|
2007
2059
|
"introduced": "0.6.0",
|
|
2060
|
+
"deprecated": "0.7.0",
|
|
2061
|
+
"deleted": "0.8.0",
|
|
2008
2062
|
"replacement": "color.background.accent.orange.subtler",
|
|
2009
2063
|
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2010
2064
|
},
|
|
@@ -2016,6 +2070,8 @@ var tokens = [{
|
|
|
2016
2070
|
"group": "paint",
|
|
2017
2071
|
"state": "deleted",
|
|
2018
2072
|
"introduced": "0.6.0",
|
|
2073
|
+
"deprecated": "0.7.0",
|
|
2074
|
+
"deleted": "0.8.0",
|
|
2019
2075
|
"replacement": "color.background.accent.orange.subtler",
|
|
2020
2076
|
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2021
2077
|
},
|
|
@@ -2028,6 +2084,8 @@ var tokens = [{
|
|
|
2028
2084
|
"group": "paint",
|
|
2029
2085
|
"state": "deleted",
|
|
2030
2086
|
"introduced": "0.6.0",
|
|
2087
|
+
"deprecated": "0.7.0",
|
|
2088
|
+
"deleted": "0.8.0",
|
|
2031
2089
|
"replacement": "color.background.accent.orange.subtle",
|
|
2032
2090
|
"description": "Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
|
|
2033
2091
|
},
|
|
@@ -2039,6 +2097,8 @@ var tokens = [{
|
|
|
2039
2097
|
"group": "paint",
|
|
2040
2098
|
"state": "deleted",
|
|
2041
2099
|
"introduced": "0.6.0",
|
|
2100
|
+
"deprecated": "0.7.0",
|
|
2101
|
+
"deleted": "0.8.0",
|
|
2042
2102
|
"replacement": "color.background.accent.orange.subtle",
|
|
2043
2103
|
"description": "Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
|
|
2044
2104
|
},
|
|
@@ -2135,6 +2195,8 @@ var tokens = [{
|
|
|
2135
2195
|
"group": "paint",
|
|
2136
2196
|
"state": "deleted",
|
|
2137
2197
|
"introduced": "0.6.0",
|
|
2198
|
+
"deprecated": "0.7.0",
|
|
2199
|
+
"deleted": "0.8.0",
|
|
2138
2200
|
"replacement": "color.background.accent.yellow.subtler",
|
|
2139
2201
|
"description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2140
2202
|
},
|
|
@@ -2146,6 +2208,8 @@ var tokens = [{
|
|
|
2146
2208
|
"group": "paint",
|
|
2147
2209
|
"state": "deleted",
|
|
2148
2210
|
"introduced": "0.6.0",
|
|
2211
|
+
"deprecated": "0.7.0",
|
|
2212
|
+
"deleted": "0.8.0",
|
|
2149
2213
|
"replacement": "color.background.accent.yellow.subtler",
|
|
2150
2214
|
"description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2151
2215
|
},
|
|
@@ -2158,6 +2222,8 @@ var tokens = [{
|
|
|
2158
2222
|
"group": "paint",
|
|
2159
2223
|
"state": "deleted",
|
|
2160
2224
|
"introduced": "0.6.0",
|
|
2225
|
+
"deprecated": "0.7.0",
|
|
2226
|
+
"deleted": "0.8.0",
|
|
2161
2227
|
"replacement": "color.background.accent.yellow.subtle",
|
|
2162
2228
|
"description": "Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
|
|
2163
2229
|
},
|
|
@@ -2169,6 +2235,8 @@ var tokens = [{
|
|
|
2169
2235
|
"group": "paint",
|
|
2170
2236
|
"state": "deleted",
|
|
2171
2237
|
"introduced": "0.6.0",
|
|
2238
|
+
"deprecated": "0.7.0",
|
|
2239
|
+
"deleted": "0.8.0",
|
|
2172
2240
|
"replacement": "color.background.accent.yellow.subtle",
|
|
2173
2241
|
"description": "Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
|
|
2174
2242
|
},
|
|
@@ -2265,6 +2333,8 @@ var tokens = [{
|
|
|
2265
2333
|
"group": "paint",
|
|
2266
2334
|
"state": "deleted",
|
|
2267
2335
|
"introduced": "0.6.0",
|
|
2336
|
+
"deprecated": "0.7.0",
|
|
2337
|
+
"deleted": "0.8.0",
|
|
2268
2338
|
"replacement": "color.background.accent.green.subtler",
|
|
2269
2339
|
"description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2270
2340
|
},
|
|
@@ -2276,6 +2346,8 @@ var tokens = [{
|
|
|
2276
2346
|
"group": "paint",
|
|
2277
2347
|
"state": "deleted",
|
|
2278
2348
|
"introduced": "0.6.0",
|
|
2349
|
+
"deprecated": "0.7.0",
|
|
2350
|
+
"deleted": "0.8.0",
|
|
2279
2351
|
"replacement": "color.background.accent.green.subtler",
|
|
2280
2352
|
"description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2281
2353
|
},
|
|
@@ -2288,6 +2360,8 @@ var tokens = [{
|
|
|
2288
2360
|
"group": "paint",
|
|
2289
2361
|
"state": "deleted",
|
|
2290
2362
|
"introduced": "0.6.0",
|
|
2363
|
+
"deprecated": "0.7.0",
|
|
2364
|
+
"deleted": "0.8.0",
|
|
2291
2365
|
"replacement": "color.background.accent.green.subtle",
|
|
2292
2366
|
"description": "Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
|
|
2293
2367
|
},
|
|
@@ -2299,6 +2373,8 @@ var tokens = [{
|
|
|
2299
2373
|
"group": "paint",
|
|
2300
2374
|
"state": "deleted",
|
|
2301
2375
|
"introduced": "0.6.0",
|
|
2376
|
+
"deprecated": "0.7.0",
|
|
2377
|
+
"deleted": "0.8.0",
|
|
2302
2378
|
"replacement": "color.background.accent.green.subtle",
|
|
2303
2379
|
"description": "Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
|
|
2304
2380
|
},
|
|
@@ -2395,6 +2471,8 @@ var tokens = [{
|
|
|
2395
2471
|
"group": "paint",
|
|
2396
2472
|
"state": "deleted",
|
|
2397
2473
|
"introduced": "0.6.0",
|
|
2474
|
+
"deprecated": "0.7.0",
|
|
2475
|
+
"deleted": "0.8.0",
|
|
2398
2476
|
"replacement": "color.background.accent.teal.subtler",
|
|
2399
2477
|
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2400
2478
|
},
|
|
@@ -2406,6 +2484,8 @@ var tokens = [{
|
|
|
2406
2484
|
"group": "paint",
|
|
2407
2485
|
"state": "deleted",
|
|
2408
2486
|
"introduced": "0.6.0",
|
|
2487
|
+
"deprecated": "0.7.0",
|
|
2488
|
+
"deleted": "0.8.0",
|
|
2409
2489
|
"replacement": "color.background.accent.teal.subtler",
|
|
2410
2490
|
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2411
2491
|
},
|
|
@@ -2418,6 +2498,8 @@ var tokens = [{
|
|
|
2418
2498
|
"group": "paint",
|
|
2419
2499
|
"state": "deleted",
|
|
2420
2500
|
"introduced": "0.6.0",
|
|
2501
|
+
"deprecated": "0.7.0",
|
|
2502
|
+
"deleted": "0.8.0",
|
|
2421
2503
|
"replacement": "color.background.accent.teal.subtle",
|
|
2422
2504
|
"description": "Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
|
|
2423
2505
|
},
|
|
@@ -2429,6 +2511,8 @@ var tokens = [{
|
|
|
2429
2511
|
"group": "paint",
|
|
2430
2512
|
"state": "deleted",
|
|
2431
2513
|
"introduced": "0.6.0",
|
|
2514
|
+
"deprecated": "0.7.0",
|
|
2515
|
+
"deleted": "0.8.0",
|
|
2432
2516
|
"replacement": "color.background.accent.teal.subtle",
|
|
2433
2517
|
"description": "Use for teal backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
|
|
2434
2518
|
},
|
|
@@ -2525,6 +2609,8 @@ var tokens = [{
|
|
|
2525
2609
|
"group": "paint",
|
|
2526
2610
|
"state": "deleted",
|
|
2527
2611
|
"introduced": "0.6.0",
|
|
2612
|
+
"deprecated": "0.7.0",
|
|
2613
|
+
"deleted": "0.8.0",
|
|
2528
2614
|
"replacement": "color.background.accent.purple.subtler",
|
|
2529
2615
|
"description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2530
2616
|
},
|
|
@@ -2536,6 +2622,8 @@ var tokens = [{
|
|
|
2536
2622
|
"group": "paint",
|
|
2537
2623
|
"state": "deleted",
|
|
2538
2624
|
"introduced": "0.6.0",
|
|
2625
|
+
"deprecated": "0.7.0",
|
|
2626
|
+
"deleted": "0.8.0",
|
|
2539
2627
|
"replacement": "color.background.accent.purple.subtler",
|
|
2540
2628
|
"description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2541
2629
|
},
|
|
@@ -2548,6 +2636,8 @@ var tokens = [{
|
|
|
2548
2636
|
"group": "paint",
|
|
2549
2637
|
"state": "deleted",
|
|
2550
2638
|
"introduced": "0.6.0",
|
|
2639
|
+
"deprecated": "0.7.0",
|
|
2640
|
+
"deleted": "0.8.0",
|
|
2551
2641
|
"replacement": "color.background.accent.purple.subtle",
|
|
2552
2642
|
"description": "Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
|
|
2553
2643
|
},
|
|
@@ -2559,6 +2649,8 @@ var tokens = [{
|
|
|
2559
2649
|
"group": "paint",
|
|
2560
2650
|
"state": "deleted",
|
|
2561
2651
|
"introduced": "0.6.0",
|
|
2652
|
+
"deprecated": "0.7.0",
|
|
2653
|
+
"deleted": "0.8.0",
|
|
2562
2654
|
"replacement": "color.background.accent.purple.subtle",
|
|
2563
2655
|
"description": "Use for purple backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
|
|
2564
2656
|
},
|
|
@@ -2655,6 +2747,8 @@ var tokens = [{
|
|
|
2655
2747
|
"group": "paint",
|
|
2656
2748
|
"state": "deleted",
|
|
2657
2749
|
"introduced": "0.6.0",
|
|
2750
|
+
"deprecated": "0.7.0",
|
|
2751
|
+
"deleted": "0.8.0",
|
|
2658
2752
|
"replacement": "color.background.accent.magenta.subtler",
|
|
2659
2753
|
"description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2660
2754
|
},
|
|
@@ -2666,6 +2760,8 @@ var tokens = [{
|
|
|
2666
2760
|
"group": "paint",
|
|
2667
2761
|
"state": "deleted",
|
|
2668
2762
|
"introduced": "0.6.0",
|
|
2763
|
+
"deprecated": "0.7.0",
|
|
2764
|
+
"deleted": "0.8.0",
|
|
2669
2765
|
"replacement": "color.background.accent.magenta.subtler",
|
|
2670
2766
|
"description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2671
2767
|
},
|
|
@@ -2678,6 +2774,8 @@ var tokens = [{
|
|
|
2678
2774
|
"group": "paint",
|
|
2679
2775
|
"state": "deleted",
|
|
2680
2776
|
"introduced": "0.6.0",
|
|
2777
|
+
"deprecated": "0.7.0",
|
|
2778
|
+
"deleted": "0.8.0",
|
|
2681
2779
|
"replacement": "color.background.accent.magenta.subtle",
|
|
2682
2780
|
"description": "Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
|
|
2683
2781
|
},
|
|
@@ -2689,6 +2787,8 @@ var tokens = [{
|
|
|
2689
2787
|
"group": "paint",
|
|
2690
2788
|
"state": "deleted",
|
|
2691
2789
|
"introduced": "0.6.0",
|
|
2790
|
+
"deprecated": "0.7.0",
|
|
2791
|
+
"deleted": "0.8.0",
|
|
2692
2792
|
"replacement": "color.background.accent.magenta.subtle",
|
|
2693
2793
|
"description": "Use for magenta backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
|
|
2694
2794
|
},
|
|
@@ -2785,6 +2885,7 @@ var tokens = [{
|
|
|
2785
2885
|
"group": "paint",
|
|
2786
2886
|
"state": "deprecated",
|
|
2787
2887
|
"introduced": "0.1.0",
|
|
2888
|
+
"deprecated": "0.8.3",
|
|
2788
2889
|
"replacement": "color.background.inverse.subtle.[default]",
|
|
2789
2890
|
"description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
|
|
2790
2891
|
},
|
|
@@ -2796,6 +2897,7 @@ var tokens = [{
|
|
|
2796
2897
|
"group": "paint",
|
|
2797
2898
|
"state": "deprecated",
|
|
2798
2899
|
"introduced": "0.1.0",
|
|
2900
|
+
"deprecated": "0.8.3",
|
|
2799
2901
|
"replacement": "color.background.inverse.subtle.[default]",
|
|
2800
2902
|
"description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
|
|
2801
2903
|
},
|
|
@@ -3123,6 +3225,7 @@ var tokens = [{
|
|
|
3123
3225
|
"group": "paint",
|
|
3124
3226
|
"state": "deprecated",
|
|
3125
3227
|
"introduced": "0.6.0",
|
|
3228
|
+
"deprecated": "0.6.2",
|
|
3126
3229
|
"replacement": "color.background.selected.[default].[default]",
|
|
3127
3230
|
"description": "Use for the background of elements used to reinforce our brand."
|
|
3128
3231
|
},
|
|
@@ -3134,6 +3237,7 @@ var tokens = [{
|
|
|
3134
3237
|
"group": "paint",
|
|
3135
3238
|
"state": "deprecated",
|
|
3136
3239
|
"introduced": "0.6.0",
|
|
3240
|
+
"deprecated": "0.6.2",
|
|
3137
3241
|
"replacement": "color.background.selected.[default].[default]",
|
|
3138
3242
|
"description": "Use for the background of elements used to reinforce our brand."
|
|
3139
3243
|
},
|
|
@@ -3146,6 +3250,7 @@ var tokens = [{
|
|
|
3146
3250
|
"group": "paint",
|
|
3147
3251
|
"state": "deprecated",
|
|
3148
3252
|
"introduced": "0.6.0",
|
|
3253
|
+
"deprecated": "0.6.2",
|
|
3149
3254
|
"replacement": "color.background.selected.[default].hovered",
|
|
3150
3255
|
"description": "Hovered state for color.background.brand"
|
|
3151
3256
|
},
|
|
@@ -3157,6 +3262,7 @@ var tokens = [{
|
|
|
3157
3262
|
"group": "paint",
|
|
3158
3263
|
"state": "deprecated",
|
|
3159
3264
|
"introduced": "0.6.0",
|
|
3265
|
+
"deprecated": "0.6.2",
|
|
3160
3266
|
"replacement": "color.background.selected.[default].hovered",
|
|
3161
3267
|
"description": "Hovered state for color.background.brand"
|
|
3162
3268
|
},
|
|
@@ -3169,6 +3275,7 @@ var tokens = [{
|
|
|
3169
3275
|
"group": "paint",
|
|
3170
3276
|
"state": "deprecated",
|
|
3171
3277
|
"introduced": "0.6.0",
|
|
3278
|
+
"deprecated": "0.6.2",
|
|
3172
3279
|
"replacement": "color.background.selected.[default].pressed",
|
|
3173
3280
|
"description": "Pressed state for color.background.brand"
|
|
3174
3281
|
},
|
|
@@ -3180,6 +3287,7 @@ var tokens = [{
|
|
|
3180
3287
|
"group": "paint",
|
|
3181
3288
|
"state": "deprecated",
|
|
3182
3289
|
"introduced": "0.6.0",
|
|
3290
|
+
"deprecated": "0.6.2",
|
|
3183
3291
|
"replacement": "color.background.selected.[default].pressed",
|
|
3184
3292
|
"description": "Pressed state for color.background.brand"
|
|
3185
3293
|
},
|
|
@@ -3318,6 +3426,7 @@ var tokens = [{
|
|
|
3318
3426
|
"group": "paint",
|
|
3319
3427
|
"state": "deprecated",
|
|
3320
3428
|
"introduced": "0.1.0",
|
|
3429
|
+
"deprecated": "0.6.0",
|
|
3321
3430
|
"replacement": "color.background.selected.[default].[default]",
|
|
3322
3431
|
"description": "Use for backgrounds of elements in a selected state"
|
|
3323
3432
|
},
|
|
@@ -3329,6 +3438,7 @@ var tokens = [{
|
|
|
3329
3438
|
"group": "paint",
|
|
3330
3439
|
"state": "deprecated",
|
|
3331
3440
|
"introduced": "0.1.0",
|
|
3441
|
+
"deprecated": "0.6.0",
|
|
3332
3442
|
"replacement": "color.background.selected.[default].[default]",
|
|
3333
3443
|
"description": "Use for backgrounds of elements in a selected state"
|
|
3334
3444
|
},
|
|
@@ -3341,6 +3451,7 @@ var tokens = [{
|
|
|
3341
3451
|
"group": "paint",
|
|
3342
3452
|
"state": "deprecated",
|
|
3343
3453
|
"introduced": "0.1.0",
|
|
3454
|
+
"deprecated": "0.6.0",
|
|
3344
3455
|
"replacement": "color.background.selected.[default].hovered",
|
|
3345
3456
|
"description": "Hover state for color.background.selected"
|
|
3346
3457
|
},
|
|
@@ -3352,6 +3463,7 @@ var tokens = [{
|
|
|
3352
3463
|
"group": "paint",
|
|
3353
3464
|
"state": "deprecated",
|
|
3354
3465
|
"introduced": "0.1.0",
|
|
3466
|
+
"deprecated": "0.6.0",
|
|
3355
3467
|
"replacement": "color.background.selected.[default].hovered",
|
|
3356
3468
|
"description": "Hover state for color.background.selected"
|
|
3357
3469
|
},
|
|
@@ -3994,6 +4106,8 @@ var tokens = [{
|
|
|
3994
4106
|
"group": "paint",
|
|
3995
4107
|
"state": "deleted",
|
|
3996
4108
|
"introduced": "0.0.15",
|
|
4109
|
+
"deprecated": "0.6.0",
|
|
4110
|
+
"deleted": "0.8.0",
|
|
3997
4111
|
"replacement": "color.blanket.[default]",
|
|
3998
4112
|
"description": "Use for the screen overlay that appears with modal dialogs"
|
|
3999
4113
|
},
|
|
@@ -4005,6 +4119,8 @@ var tokens = [{
|
|
|
4005
4119
|
"group": "paint",
|
|
4006
4120
|
"state": "deleted",
|
|
4007
4121
|
"introduced": "0.0.15",
|
|
4122
|
+
"deprecated": "0.6.0",
|
|
4123
|
+
"deleted": "0.8.0",
|
|
4008
4124
|
"replacement": "color.blanket.[default]",
|
|
4009
4125
|
"description": "Use for the screen overlay that appears with modal dialogs"
|
|
4010
4126
|
},
|
|
@@ -4017,6 +4133,8 @@ var tokens = [{
|
|
|
4017
4133
|
"group": "paint",
|
|
4018
4134
|
"state": "deleted",
|
|
4019
4135
|
"introduced": "0.0.15",
|
|
4136
|
+
"deprecated": "0.6.0",
|
|
4137
|
+
"deleted": "0.8.0",
|
|
4020
4138
|
"replacement": "color.background.brand.bold.hovered",
|
|
4021
4139
|
"description": "Hover state of background.boldBrand"
|
|
4022
4140
|
},
|
|
@@ -4028,6 +4146,8 @@ var tokens = [{
|
|
|
4028
4146
|
"group": "paint",
|
|
4029
4147
|
"state": "deleted",
|
|
4030
4148
|
"introduced": "0.0.15",
|
|
4149
|
+
"deprecated": "0.6.0",
|
|
4150
|
+
"deleted": "0.8.0",
|
|
4031
4151
|
"replacement": "color.background.brand.bold.hovered",
|
|
4032
4152
|
"description": "Hover state of background.boldBrand"
|
|
4033
4153
|
},
|
|
@@ -4040,6 +4160,8 @@ var tokens = [{
|
|
|
4040
4160
|
"group": "paint",
|
|
4041
4161
|
"state": "deleted",
|
|
4042
4162
|
"introduced": "0.0.15",
|
|
4163
|
+
"deprecated": "0.6.0",
|
|
4164
|
+
"deleted": "0.8.0",
|
|
4043
4165
|
"replacement": "color.background.brand.bold.pressed",
|
|
4044
4166
|
"description": "Pressed state of background.boldBrand"
|
|
4045
4167
|
},
|
|
@@ -4051,6 +4173,8 @@ var tokens = [{
|
|
|
4051
4173
|
"group": "paint",
|
|
4052
4174
|
"state": "deleted",
|
|
4053
4175
|
"introduced": "0.0.15",
|
|
4176
|
+
"deprecated": "0.6.0",
|
|
4177
|
+
"deleted": "0.8.0",
|
|
4054
4178
|
"replacement": "color.background.brand.bold.pressed",
|
|
4055
4179
|
"description": "Pressed state of background.boldBrand"
|
|
4056
4180
|
},
|
|
@@ -4063,6 +4187,8 @@ var tokens = [{
|
|
|
4063
4187
|
"group": "paint",
|
|
4064
4188
|
"state": "deleted",
|
|
4065
4189
|
"introduced": "0.0.15",
|
|
4190
|
+
"deprecated": "0.6.0",
|
|
4191
|
+
"deleted": "0.8.0",
|
|
4066
4192
|
"replacement": "color.background.brand.bold.[default]",
|
|
4067
4193
|
"description": "A vibrant background for small UI elements like primary buttons and bold in progress lozenges."
|
|
4068
4194
|
},
|
|
@@ -4074,6 +4200,8 @@ var tokens = [{
|
|
|
4074
4200
|
"group": "paint",
|
|
4075
4201
|
"state": "deleted",
|
|
4076
4202
|
"introduced": "0.0.15",
|
|
4203
|
+
"deprecated": "0.6.0",
|
|
4204
|
+
"deleted": "0.8.0",
|
|
4077
4205
|
"replacement": "color.background.brand.bold.[default]",
|
|
4078
4206
|
"description": "A vibrant background for small UI elements like primary buttons and bold in progress lozenges."
|
|
4079
4207
|
},
|
|
@@ -4086,6 +4214,8 @@ var tokens = [{
|
|
|
4086
4214
|
"group": "paint",
|
|
4087
4215
|
"state": "deleted",
|
|
4088
4216
|
"introduced": "0.0.15",
|
|
4217
|
+
"deprecated": "0.6.0",
|
|
4218
|
+
"deleted": "0.8.0",
|
|
4089
4219
|
"replacement": "color.background.danger.bold.hovered",
|
|
4090
4220
|
"description": "Hover state of background.boldDanger"
|
|
4091
4221
|
},
|
|
@@ -4097,6 +4227,8 @@ var tokens = [{
|
|
|
4097
4227
|
"group": "paint",
|
|
4098
4228
|
"state": "deleted",
|
|
4099
4229
|
"introduced": "0.0.15",
|
|
4230
|
+
"deprecated": "0.6.0",
|
|
4231
|
+
"deleted": "0.8.0",
|
|
4100
4232
|
"replacement": "color.background.danger.bold.hovered",
|
|
4101
4233
|
"description": "Hover state of background.boldDanger"
|
|
4102
4234
|
},
|
|
@@ -4109,6 +4241,8 @@ var tokens = [{
|
|
|
4109
4241
|
"group": "paint",
|
|
4110
4242
|
"state": "deleted",
|
|
4111
4243
|
"introduced": "0.0.15",
|
|
4244
|
+
"deprecated": "0.6.0",
|
|
4245
|
+
"deleted": "0.8.0",
|
|
4112
4246
|
"replacement": "color.background.danger.bold.pressed",
|
|
4113
4247
|
"description": "Pressed state of background.boldDanger"
|
|
4114
4248
|
},
|
|
@@ -4120,6 +4254,8 @@ var tokens = [{
|
|
|
4120
4254
|
"group": "paint",
|
|
4121
4255
|
"state": "deleted",
|
|
4122
4256
|
"introduced": "0.0.15",
|
|
4257
|
+
"deprecated": "0.6.0",
|
|
4258
|
+
"deleted": "0.8.0",
|
|
4123
4259
|
"replacement": "color.background.danger.bold.pressed",
|
|
4124
4260
|
"description": "Pressed state of background.boldDanger"
|
|
4125
4261
|
},
|
|
@@ -4132,6 +4268,8 @@ var tokens = [{
|
|
|
4132
4268
|
"group": "paint",
|
|
4133
4269
|
"state": "deleted",
|
|
4134
4270
|
"introduced": "0.0.15",
|
|
4271
|
+
"deprecated": "0.6.0",
|
|
4272
|
+
"deleted": "0.8.0",
|
|
4135
4273
|
"replacement": "color.background.danger.bold.[default]",
|
|
4136
4274
|
"description": "A vibrant background for small UI elements like danger buttons and bold removed lozenges."
|
|
4137
4275
|
},
|
|
@@ -4143,6 +4281,8 @@ var tokens = [{
|
|
|
4143
4281
|
"group": "paint",
|
|
4144
4282
|
"state": "deleted",
|
|
4145
4283
|
"introduced": "0.0.15",
|
|
4284
|
+
"deprecated": "0.6.0",
|
|
4285
|
+
"deleted": "0.8.0",
|
|
4146
4286
|
"replacement": "color.background.danger.bold.[default]",
|
|
4147
4287
|
"description": "A vibrant background for small UI elements like danger buttons and bold removed lozenges."
|
|
4148
4288
|
},
|
|
@@ -4155,6 +4295,8 @@ var tokens = [{
|
|
|
4155
4295
|
"group": "paint",
|
|
4156
4296
|
"state": "deleted",
|
|
4157
4297
|
"introduced": "0.0.15",
|
|
4298
|
+
"deprecated": "0.6.0",
|
|
4299
|
+
"deleted": "0.8.0",
|
|
4158
4300
|
"replacement": "color.background.discovery.bold.hovered",
|
|
4159
4301
|
"description": "Hover state of background.boldDiscovery"
|
|
4160
4302
|
},
|
|
@@ -4166,6 +4308,8 @@ var tokens = [{
|
|
|
4166
4308
|
"group": "paint",
|
|
4167
4309
|
"state": "deleted",
|
|
4168
4310
|
"introduced": "0.0.15",
|
|
4311
|
+
"deprecated": "0.6.0",
|
|
4312
|
+
"deleted": "0.8.0",
|
|
4169
4313
|
"replacement": "color.background.discovery.bold.hovered",
|
|
4170
4314
|
"description": "Hover state of background.boldDiscovery"
|
|
4171
4315
|
},
|
|
@@ -4178,6 +4322,8 @@ var tokens = [{
|
|
|
4178
4322
|
"group": "paint",
|
|
4179
4323
|
"state": "deleted",
|
|
4180
4324
|
"introduced": "0.0.15",
|
|
4325
|
+
"deprecated": "0.6.0",
|
|
4326
|
+
"deleted": "0.8.0",
|
|
4181
4327
|
"replacement": "color.background.discovery.bold.pressed",
|
|
4182
4328
|
"description": "Pressed state of background.boldDiscovery"
|
|
4183
4329
|
},
|
|
@@ -4189,6 +4335,8 @@ var tokens = [{
|
|
|
4189
4335
|
"group": "paint",
|
|
4190
4336
|
"state": "deleted",
|
|
4191
4337
|
"introduced": "0.0.15",
|
|
4338
|
+
"deprecated": "0.6.0",
|
|
4339
|
+
"deleted": "0.8.0",
|
|
4192
4340
|
"replacement": "color.background.discovery.bold.pressed",
|
|
4193
4341
|
"description": "Pressed state of background.boldDiscovery"
|
|
4194
4342
|
},
|
|
@@ -4201,6 +4349,8 @@ var tokens = [{
|
|
|
4201
4349
|
"group": "paint",
|
|
4202
4350
|
"state": "deleted",
|
|
4203
4351
|
"introduced": "0.0.15",
|
|
4352
|
+
"deprecated": "0.6.0",
|
|
4353
|
+
"deleted": "0.8.0",
|
|
4204
4354
|
"replacement": "color.background.discovery.bold.[default]",
|
|
4205
4355
|
"description": "A vibrant background for small UI elements like onboarding buttons and bold new lozenges."
|
|
4206
4356
|
},
|
|
@@ -4212,6 +4362,8 @@ var tokens = [{
|
|
|
4212
4362
|
"group": "paint",
|
|
4213
4363
|
"state": "deleted",
|
|
4214
4364
|
"introduced": "0.0.15",
|
|
4365
|
+
"deprecated": "0.6.0",
|
|
4366
|
+
"deleted": "0.8.0",
|
|
4215
4367
|
"replacement": "color.background.discovery.bold.[default]",
|
|
4216
4368
|
"description": "A vibrant background for small UI elements like onboarding buttons and bold new lozenges."
|
|
4217
4369
|
},
|
|
@@ -4224,6 +4376,8 @@ var tokens = [{
|
|
|
4224
4376
|
"group": "paint",
|
|
4225
4377
|
"state": "deleted",
|
|
4226
4378
|
"introduced": "0.0.15",
|
|
4379
|
+
"deprecated": "0.6.0",
|
|
4380
|
+
"deleted": "0.8.0",
|
|
4227
4381
|
"replacement": "color.background.neutral.bold.hovered",
|
|
4228
4382
|
"description": "Hover state of background.boldNeutral"
|
|
4229
4383
|
},
|
|
@@ -4235,6 +4389,8 @@ var tokens = [{
|
|
|
4235
4389
|
"group": "paint",
|
|
4236
4390
|
"state": "deleted",
|
|
4237
4391
|
"introduced": "0.0.15",
|
|
4392
|
+
"deprecated": "0.6.0",
|
|
4393
|
+
"deleted": "0.8.0",
|
|
4238
4394
|
"replacement": "color.background.neutral.bold.hovered",
|
|
4239
4395
|
"description": "Hover state of background.boldNeutral"
|
|
4240
4396
|
},
|
|
@@ -4247,6 +4403,8 @@ var tokens = [{
|
|
|
4247
4403
|
"group": "paint",
|
|
4248
4404
|
"state": "deleted",
|
|
4249
4405
|
"introduced": "0.0.15",
|
|
4406
|
+
"deprecated": "0.6.0",
|
|
4407
|
+
"deleted": "0.8.0",
|
|
4250
4408
|
"replacement": "color.background.neutral.bold.pressed",
|
|
4251
4409
|
"description": "Pressed state of background.boldNeutral"
|
|
4252
4410
|
},
|
|
@@ -4258,6 +4416,8 @@ var tokens = [{
|
|
|
4258
4416
|
"group": "paint",
|
|
4259
4417
|
"state": "deleted",
|
|
4260
4418
|
"introduced": "0.0.15",
|
|
4419
|
+
"deprecated": "0.6.0",
|
|
4420
|
+
"deleted": "0.8.0",
|
|
4261
4421
|
"replacement": "color.background.neutral.bold.pressed",
|
|
4262
4422
|
"description": "Pressed state of background.boldNeutral"
|
|
4263
4423
|
},
|
|
@@ -4270,6 +4430,8 @@ var tokens = [{
|
|
|
4270
4430
|
"group": "paint",
|
|
4271
4431
|
"state": "deleted",
|
|
4272
4432
|
"introduced": "0.0.15",
|
|
4433
|
+
"deprecated": "0.6.0",
|
|
4434
|
+
"deleted": "0.8.0",
|
|
4273
4435
|
"replacement": "color.background.neutral.bold.[default]",
|
|
4274
4436
|
"description": "A vibrant background for small UI elements like unchecked toggles and bold default lozenges."
|
|
4275
4437
|
},
|
|
@@ -4281,6 +4443,8 @@ var tokens = [{
|
|
|
4281
4443
|
"group": "paint",
|
|
4282
4444
|
"state": "deleted",
|
|
4283
4445
|
"introduced": "0.0.15",
|
|
4446
|
+
"deprecated": "0.6.0",
|
|
4447
|
+
"deleted": "0.8.0",
|
|
4284
4448
|
"replacement": "color.background.neutral.bold.[default]",
|
|
4285
4449
|
"description": "A vibrant background for small UI elements like unchecked toggles and bold default lozenges."
|
|
4286
4450
|
},
|
|
@@ -4293,6 +4457,8 @@ var tokens = [{
|
|
|
4293
4457
|
"group": "paint",
|
|
4294
4458
|
"state": "deleted",
|
|
4295
4459
|
"introduced": "0.0.15",
|
|
4460
|
+
"deprecated": "0.6.0",
|
|
4461
|
+
"deleted": "0.8.0",
|
|
4296
4462
|
"replacement": "color.background.success.bold.hovered",
|
|
4297
4463
|
"description": "Hover state of background.boldSuccess"
|
|
4298
4464
|
},
|
|
@@ -4304,6 +4470,8 @@ var tokens = [{
|
|
|
4304
4470
|
"group": "paint",
|
|
4305
4471
|
"state": "deleted",
|
|
4306
4472
|
"introduced": "0.0.15",
|
|
4473
|
+
"deprecated": "0.6.0",
|
|
4474
|
+
"deleted": "0.8.0",
|
|
4307
4475
|
"replacement": "color.background.success.bold.hovered",
|
|
4308
4476
|
"description": "Hover state of background.boldSuccess"
|
|
4309
4477
|
},
|
|
@@ -4316,6 +4484,8 @@ var tokens = [{
|
|
|
4316
4484
|
"group": "paint",
|
|
4317
4485
|
"state": "deleted",
|
|
4318
4486
|
"introduced": "0.0.15",
|
|
4487
|
+
"deprecated": "0.6.0",
|
|
4488
|
+
"deleted": "0.8.0",
|
|
4319
4489
|
"replacement": "color.background.success.bold.pressed",
|
|
4320
4490
|
"description": "Pressed state of background.boldSuccess"
|
|
4321
4491
|
},
|
|
@@ -4327,6 +4497,8 @@ var tokens = [{
|
|
|
4327
4497
|
"group": "paint",
|
|
4328
4498
|
"state": "deleted",
|
|
4329
4499
|
"introduced": "0.0.15",
|
|
4500
|
+
"deprecated": "0.6.0",
|
|
4501
|
+
"deleted": "0.8.0",
|
|
4330
4502
|
"replacement": "color.background.success.bold.pressed",
|
|
4331
4503
|
"description": "Pressed state of background.boldSuccess"
|
|
4332
4504
|
},
|
|
@@ -4339,6 +4511,8 @@ var tokens = [{
|
|
|
4339
4511
|
"group": "paint",
|
|
4340
4512
|
"state": "deleted",
|
|
4341
4513
|
"introduced": "0.0.15",
|
|
4514
|
+
"deprecated": "0.6.0",
|
|
4515
|
+
"deleted": "0.8.0",
|
|
4342
4516
|
"replacement": "color.background.success.bold.[default]",
|
|
4343
4517
|
"description": "A vibrant background for small UI elements like checked toggles and bold success lozenges."
|
|
4344
4518
|
},
|
|
@@ -4350,6 +4524,8 @@ var tokens = [{
|
|
|
4350
4524
|
"group": "paint",
|
|
4351
4525
|
"state": "deleted",
|
|
4352
4526
|
"introduced": "0.0.15",
|
|
4527
|
+
"deprecated": "0.6.0",
|
|
4528
|
+
"deleted": "0.8.0",
|
|
4353
4529
|
"replacement": "color.background.success.bold.[default]",
|
|
4354
4530
|
"description": "A vibrant background for small UI elements like checked toggles and bold success lozenges."
|
|
4355
4531
|
},
|
|
@@ -4362,6 +4538,8 @@ var tokens = [{
|
|
|
4362
4538
|
"group": "paint",
|
|
4363
4539
|
"state": "deleted",
|
|
4364
4540
|
"introduced": "0.0.15",
|
|
4541
|
+
"deprecated": "0.6.0",
|
|
4542
|
+
"deleted": "0.8.0",
|
|
4365
4543
|
"replacement": "color.background.warning.bold.hovered",
|
|
4366
4544
|
"description": "Hover state of background.boldWarning"
|
|
4367
4545
|
},
|
|
@@ -4373,6 +4551,8 @@ var tokens = [{
|
|
|
4373
4551
|
"group": "paint",
|
|
4374
4552
|
"state": "deleted",
|
|
4375
4553
|
"introduced": "0.0.15",
|
|
4554
|
+
"deprecated": "0.6.0",
|
|
4555
|
+
"deleted": "0.8.0",
|
|
4376
4556
|
"replacement": "color.background.warning.bold.hovered",
|
|
4377
4557
|
"description": "Hover state of background.boldWarning"
|
|
4378
4558
|
},
|
|
@@ -4385,6 +4565,8 @@ var tokens = [{
|
|
|
4385
4565
|
"group": "paint",
|
|
4386
4566
|
"state": "deleted",
|
|
4387
4567
|
"introduced": "0.0.15",
|
|
4568
|
+
"deprecated": "0.6.0",
|
|
4569
|
+
"deleted": "0.8.0",
|
|
4388
4570
|
"replacement": "color.background.warning.bold.pressed",
|
|
4389
4571
|
"description": "Pressed state of background.boldWarning"
|
|
4390
4572
|
},
|
|
@@ -4396,6 +4578,8 @@ var tokens = [{
|
|
|
4396
4578
|
"group": "paint",
|
|
4397
4579
|
"state": "deleted",
|
|
4398
4580
|
"introduced": "0.0.15",
|
|
4581
|
+
"deprecated": "0.6.0",
|
|
4582
|
+
"deleted": "0.8.0",
|
|
4399
4583
|
"replacement": "color.background.warning.bold.pressed",
|
|
4400
4584
|
"description": "Pressed state of background.boldWarning"
|
|
4401
4585
|
},
|
|
@@ -4408,6 +4592,8 @@ var tokens = [{
|
|
|
4408
4592
|
"group": "paint",
|
|
4409
4593
|
"state": "deleted",
|
|
4410
4594
|
"introduced": "0.0.15",
|
|
4595
|
+
"deprecated": "0.6.0",
|
|
4596
|
+
"deleted": "0.8.0",
|
|
4411
4597
|
"replacement": "color.background.warning.bold.[default]",
|
|
4412
4598
|
"description": "A vibrant background for small UI elements like warning buttons and bold moved lozenges."
|
|
4413
4599
|
},
|
|
@@ -4419,6 +4605,8 @@ var tokens = [{
|
|
|
4419
4605
|
"group": "paint",
|
|
4420
4606
|
"state": "deleted",
|
|
4421
4607
|
"introduced": "0.0.15",
|
|
4608
|
+
"deprecated": "0.6.0",
|
|
4609
|
+
"deleted": "0.8.0",
|
|
4422
4610
|
"replacement": "color.background.warning.bold.[default]",
|
|
4423
4611
|
"description": "A vibrant background for small UI elements like warning buttons and bold moved lozenges."
|
|
4424
4612
|
},
|
|
@@ -4431,6 +4619,8 @@ var tokens = [{
|
|
|
4431
4619
|
"group": "paint",
|
|
4432
4620
|
"state": "deleted",
|
|
4433
4621
|
"introduced": "0.0.15",
|
|
4622
|
+
"deprecated": "0.6.0",
|
|
4623
|
+
"deleted": "0.8.0",
|
|
4434
4624
|
"replacement": "elevation.surface.raised",
|
|
4435
4625
|
"description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
|
|
4436
4626
|
},
|
|
@@ -4442,6 +4632,8 @@ var tokens = [{
|
|
|
4442
4632
|
"group": "paint",
|
|
4443
4633
|
"state": "deleted",
|
|
4444
4634
|
"introduced": "0.0.15",
|
|
4635
|
+
"deprecated": "0.6.0",
|
|
4636
|
+
"deleted": "0.8.0",
|
|
4445
4637
|
"replacement": "elevation.surface.raised",
|
|
4446
4638
|
"description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
|
|
4447
4639
|
},
|
|
@@ -4454,6 +4646,8 @@ var tokens = [{
|
|
|
4454
4646
|
"group": "paint",
|
|
4455
4647
|
"state": "deleted",
|
|
4456
4648
|
"introduced": "0.0.15",
|
|
4649
|
+
"deprecated": "0.6.0",
|
|
4650
|
+
"deleted": "0.8.0",
|
|
4457
4651
|
"replacement": "elevation.surface.[default]",
|
|
4458
4652
|
"description": "Use as the primary background for the UI"
|
|
4459
4653
|
},
|
|
@@ -4465,6 +4659,8 @@ var tokens = [{
|
|
|
4465
4659
|
"group": "paint",
|
|
4466
4660
|
"state": "deleted",
|
|
4467
4661
|
"introduced": "0.0.15",
|
|
4662
|
+
"deprecated": "0.6.0",
|
|
4663
|
+
"deleted": "0.8.0",
|
|
4468
4664
|
"replacement": "elevation.surface.[default]",
|
|
4469
4665
|
"description": "Use as the primary background for the UI"
|
|
4470
4666
|
},
|
|
@@ -4477,6 +4673,8 @@ var tokens = [{
|
|
|
4477
4673
|
"group": "paint",
|
|
4478
4674
|
"state": "deleted",
|
|
4479
4675
|
"introduced": "0.0.15",
|
|
4676
|
+
"deprecated": "0.6.0",
|
|
4677
|
+
"deleted": "0.8.0",
|
|
4480
4678
|
"replacement": "elevation.surface.overlay",
|
|
4481
4679
|
"description": "\nUse for the background of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the background of raised cards in a dragged state.\n\nCombine with shadow.overlay."
|
|
4482
4680
|
},
|
|
@@ -4488,6 +4686,8 @@ var tokens = [{
|
|
|
4488
4686
|
"group": "paint",
|
|
4489
4687
|
"state": "deleted",
|
|
4490
4688
|
"introduced": "0.0.15",
|
|
4689
|
+
"deprecated": "0.6.0",
|
|
4690
|
+
"deleted": "0.8.0",
|
|
4491
4691
|
"replacement": "elevation.surface.overlay",
|
|
4492
4692
|
"description": "\nUse for the background of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the background of raised cards in a dragged state.\n\nCombine with shadow.overlay."
|
|
4493
4693
|
},
|
|
@@ -4500,6 +4700,8 @@ var tokens = [{
|
|
|
4500
4700
|
"group": "paint",
|
|
4501
4701
|
"state": "deleted",
|
|
4502
4702
|
"introduced": "0.0.15",
|
|
4703
|
+
"deprecated": "0.6.0",
|
|
4704
|
+
"deleted": "0.8.0",
|
|
4503
4705
|
"replacement": "color.background.input.pressed",
|
|
4504
4706
|
"description": "Pressed state for background.subtleBorderedNeutral"
|
|
4505
4707
|
},
|
|
@@ -4511,6 +4713,8 @@ var tokens = [{
|
|
|
4511
4713
|
"group": "paint",
|
|
4512
4714
|
"state": "deleted",
|
|
4513
4715
|
"introduced": "0.0.15",
|
|
4716
|
+
"deprecated": "0.6.0",
|
|
4717
|
+
"deleted": "0.8.0",
|
|
4514
4718
|
"replacement": "color.background.input.pressed",
|
|
4515
4719
|
"description": "Pressed state for background.subtleBorderedNeutral"
|
|
4516
4720
|
},
|
|
@@ -4523,6 +4727,8 @@ var tokens = [{
|
|
|
4523
4727
|
"group": "paint",
|
|
4524
4728
|
"state": "deleted",
|
|
4525
4729
|
"introduced": "0.0.15",
|
|
4730
|
+
"deprecated": "0.6.0",
|
|
4731
|
+
"deleted": "0.8.0",
|
|
4526
4732
|
"replacement": "color.background.input.[default]",
|
|
4527
4733
|
"description": "Hover state for background.subtleBorderedNeutral"
|
|
4528
4734
|
},
|
|
@@ -4534,6 +4740,8 @@ var tokens = [{
|
|
|
4534
4740
|
"group": "paint",
|
|
4535
4741
|
"state": "deleted",
|
|
4536
4742
|
"introduced": "0.0.15",
|
|
4743
|
+
"deprecated": "0.6.0",
|
|
4744
|
+
"deleted": "0.8.0",
|
|
4537
4745
|
"replacement": "color.background.input.[default]",
|
|
4538
4746
|
"description": "Hover state for background.subtleBorderedNeutral"
|
|
4539
4747
|
},
|
|
@@ -4546,6 +4754,7 @@ var tokens = [{
|
|
|
4546
4754
|
"group": "paint",
|
|
4547
4755
|
"state": "deprecated",
|
|
4548
4756
|
"introduced": "0.0.15",
|
|
4757
|
+
"deprecated": "0.6.0",
|
|
4549
4758
|
"replacement": "color.background.selected.[default].hovered",
|
|
4550
4759
|
"description": "Hover state for background.subtleBrand"
|
|
4551
4760
|
},
|
|
@@ -4557,6 +4766,7 @@ var tokens = [{
|
|
|
4557
4766
|
"group": "paint",
|
|
4558
4767
|
"state": "deprecated",
|
|
4559
4768
|
"introduced": "0.0.15",
|
|
4769
|
+
"deprecated": "0.6.0",
|
|
4560
4770
|
"replacement": "color.background.selected.[default].hovered",
|
|
4561
4771
|
"description": "Hover state for background.subtleBrand"
|
|
4562
4772
|
},
|
|
@@ -4569,6 +4779,7 @@ var tokens = [{
|
|
|
4569
4779
|
"group": "paint",
|
|
4570
4780
|
"state": "deprecated",
|
|
4571
4781
|
"introduced": "0.0.15",
|
|
4782
|
+
"deprecated": "0.6.0",
|
|
4572
4783
|
"replacement": "color.background.selected.[default].pressed",
|
|
4573
4784
|
"description": "Pressed state for background.subtleBrand"
|
|
4574
4785
|
},
|
|
@@ -4580,6 +4791,7 @@ var tokens = [{
|
|
|
4580
4791
|
"group": "paint",
|
|
4581
4792
|
"state": "deprecated",
|
|
4582
4793
|
"introduced": "0.0.15",
|
|
4794
|
+
"deprecated": "0.6.0",
|
|
4583
4795
|
"replacement": "color.background.selected.[default].pressed",
|
|
4584
4796
|
"description": "Pressed state for background.subtleBrand"
|
|
4585
4797
|
},
|
|
@@ -4592,6 +4804,7 @@ var tokens = [{
|
|
|
4592
4804
|
"group": "paint",
|
|
4593
4805
|
"state": "deprecated",
|
|
4594
4806
|
"introduced": "0.0.15",
|
|
4807
|
+
"deprecated": "0.6.0",
|
|
4595
4808
|
"replacement": "color.background.selected.[default].[default]",
|
|
4596
4809
|
"description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
|
|
4597
4810
|
},
|
|
@@ -4603,6 +4816,7 @@ var tokens = [{
|
|
|
4603
4816
|
"group": "paint",
|
|
4604
4817
|
"state": "deprecated",
|
|
4605
4818
|
"introduced": "0.0.15",
|
|
4819
|
+
"deprecated": "0.6.0",
|
|
4606
4820
|
"replacement": "color.background.selected.[default].[default]",
|
|
4607
4821
|
"description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
|
|
4608
4822
|
},
|
|
@@ -4615,6 +4829,8 @@ var tokens = [{
|
|
|
4615
4829
|
"group": "paint",
|
|
4616
4830
|
"state": "deleted",
|
|
4617
4831
|
"introduced": "0.0.15",
|
|
4832
|
+
"deprecated": "0.6.0",
|
|
4833
|
+
"deleted": "0.8.0",
|
|
4618
4834
|
"replacement": "color.background.danger.[default].hovered",
|
|
4619
4835
|
"description": "Hover state for background.subtleDanger"
|
|
4620
4836
|
},
|
|
@@ -4626,6 +4842,8 @@ var tokens = [{
|
|
|
4626
4842
|
"group": "paint",
|
|
4627
4843
|
"state": "deleted",
|
|
4628
4844
|
"introduced": "0.0.15",
|
|
4845
|
+
"deprecated": "0.6.0",
|
|
4846
|
+
"deleted": "0.8.0",
|
|
4629
4847
|
"replacement": "color.background.danger.[default].hovered",
|
|
4630
4848
|
"description": "Hover state for background.subtleDanger"
|
|
4631
4849
|
},
|
|
@@ -4638,6 +4856,8 @@ var tokens = [{
|
|
|
4638
4856
|
"group": "paint",
|
|
4639
4857
|
"state": "deleted",
|
|
4640
4858
|
"introduced": "0.0.15",
|
|
4859
|
+
"deprecated": "0.6.0",
|
|
4860
|
+
"deleted": "0.8.0",
|
|
4641
4861
|
"replacement": "color.background.danger.[default].pressed",
|
|
4642
4862
|
"description": "Pressed state for background.subtleDanger"
|
|
4643
4863
|
},
|
|
@@ -4649,6 +4869,8 @@ var tokens = [{
|
|
|
4649
4869
|
"group": "paint",
|
|
4650
4870
|
"state": "deleted",
|
|
4651
4871
|
"introduced": "0.0.15",
|
|
4872
|
+
"deprecated": "0.6.0",
|
|
4873
|
+
"deleted": "0.8.0",
|
|
4652
4874
|
"replacement": "color.background.danger.[default].pressed",
|
|
4653
4875
|
"description": "Pressed state for background.subtleDanger"
|
|
4654
4876
|
},
|
|
@@ -4661,6 +4883,8 @@ var tokens = [{
|
|
|
4661
4883
|
"group": "paint",
|
|
4662
4884
|
"state": "deleted",
|
|
4663
4885
|
"introduced": "0.0.15",
|
|
4886
|
+
"deprecated": "0.6.0",
|
|
4887
|
+
"deleted": "0.8.0",
|
|
4664
4888
|
"replacement": "color.background.danger.[default].[default]",
|
|
4665
4889
|
"description": "Use for subdued backgrounds of UI elements like error section messages and removed lozenges."
|
|
4666
4890
|
},
|
|
@@ -4672,6 +4896,8 @@ var tokens = [{
|
|
|
4672
4896
|
"group": "paint",
|
|
4673
4897
|
"state": "deleted",
|
|
4674
4898
|
"introduced": "0.0.15",
|
|
4899
|
+
"deprecated": "0.6.0",
|
|
4900
|
+
"deleted": "0.8.0",
|
|
4675
4901
|
"replacement": "color.background.danger.[default].[default]",
|
|
4676
4902
|
"description": "Use for subdued backgrounds of UI elements like error section messages and removed lozenges."
|
|
4677
4903
|
},
|
|
@@ -4684,6 +4910,8 @@ var tokens = [{
|
|
|
4684
4910
|
"group": "paint",
|
|
4685
4911
|
"state": "deleted",
|
|
4686
4912
|
"introduced": "0.0.15",
|
|
4913
|
+
"deprecated": "0.6.0",
|
|
4914
|
+
"deleted": "0.8.0",
|
|
4687
4915
|
"replacement": "color.background.discovery.[default].hovered",
|
|
4688
4916
|
"description": "Hover state for background.subtleDiscovery"
|
|
4689
4917
|
},
|
|
@@ -4695,6 +4923,8 @@ var tokens = [{
|
|
|
4695
4923
|
"group": "paint",
|
|
4696
4924
|
"state": "deleted",
|
|
4697
4925
|
"introduced": "0.0.15",
|
|
4926
|
+
"deprecated": "0.6.0",
|
|
4927
|
+
"deleted": "0.8.0",
|
|
4698
4928
|
"replacement": "color.background.discovery.[default].hovered",
|
|
4699
4929
|
"description": "Hover state for background.subtleDiscovery"
|
|
4700
4930
|
},
|
|
@@ -4707,6 +4937,8 @@ var tokens = [{
|
|
|
4707
4937
|
"group": "paint",
|
|
4708
4938
|
"state": "deleted",
|
|
4709
4939
|
"introduced": "0.0.15",
|
|
4940
|
+
"deprecated": "0.6.0",
|
|
4941
|
+
"deleted": "0.8.0",
|
|
4710
4942
|
"replacement": "color.background.discovery.[default].pressed",
|
|
4711
4943
|
"description": "Pressed state for background.subtleDiscovery"
|
|
4712
4944
|
},
|
|
@@ -4718,6 +4950,8 @@ var tokens = [{
|
|
|
4718
4950
|
"group": "paint",
|
|
4719
4951
|
"state": "deleted",
|
|
4720
4952
|
"introduced": "0.0.15",
|
|
4953
|
+
"deprecated": "0.6.0",
|
|
4954
|
+
"deleted": "0.8.0",
|
|
4721
4955
|
"replacement": "color.background.discovery.[default].pressed",
|
|
4722
4956
|
"description": "Pressed state for background.subtleDiscovery"
|
|
4723
4957
|
},
|
|
@@ -4730,6 +4964,8 @@ var tokens = [{
|
|
|
4730
4964
|
"group": "paint",
|
|
4731
4965
|
"state": "deleted",
|
|
4732
4966
|
"introduced": "0.0.15",
|
|
4967
|
+
"deprecated": "0.6.0",
|
|
4968
|
+
"deleted": "0.8.0",
|
|
4733
4969
|
"replacement": "color.background.discovery.[default].[default]",
|
|
4734
4970
|
"description": "Use for subdued backgrounds of UI elements like discovery section messages and new lozenges."
|
|
4735
4971
|
},
|
|
@@ -4741,6 +4977,8 @@ var tokens = [{
|
|
|
4741
4977
|
"group": "paint",
|
|
4742
4978
|
"state": "deleted",
|
|
4743
4979
|
"introduced": "0.0.15",
|
|
4980
|
+
"deprecated": "0.6.0",
|
|
4981
|
+
"deleted": "0.8.0",
|
|
4744
4982
|
"replacement": "color.background.discovery.[default].[default]",
|
|
4745
4983
|
"description": "Use for subdued backgrounds of UI elements like discovery section messages and new lozenges."
|
|
4746
4984
|
},
|
|
@@ -4753,6 +4991,8 @@ var tokens = [{
|
|
|
4753
4991
|
"group": "paint",
|
|
4754
4992
|
"state": "deleted",
|
|
4755
4993
|
"introduced": "0.0.15",
|
|
4994
|
+
"deprecated": "0.6.0",
|
|
4995
|
+
"deleted": "0.8.0",
|
|
4756
4996
|
"replacement": "color.background.neutral.[default].hovered",
|
|
4757
4997
|
"description": "Hover state for background.subtleNeutral"
|
|
4758
4998
|
},
|
|
@@ -4764,6 +5004,8 @@ var tokens = [{
|
|
|
4764
5004
|
"group": "paint",
|
|
4765
5005
|
"state": "deleted",
|
|
4766
5006
|
"introduced": "0.0.15",
|
|
5007
|
+
"deprecated": "0.6.0",
|
|
5008
|
+
"deleted": "0.8.0",
|
|
4767
5009
|
"replacement": "color.background.neutral.[default].hovered",
|
|
4768
5010
|
"description": "Hover state for background.subtleNeutral"
|
|
4769
5011
|
},
|
|
@@ -4776,6 +5018,8 @@ var tokens = [{
|
|
|
4776
5018
|
"group": "paint",
|
|
4777
5019
|
"state": "deleted",
|
|
4778
5020
|
"introduced": "0.0.15",
|
|
5021
|
+
"deprecated": "0.6.0",
|
|
5022
|
+
"deleted": "0.8.0",
|
|
4779
5023
|
"replacement": "color.background.neutral.[default].pressed",
|
|
4780
5024
|
"description": "Pressed state for background.subtleNeutral"
|
|
4781
5025
|
},
|
|
@@ -4787,6 +5031,8 @@ var tokens = [{
|
|
|
4787
5031
|
"group": "paint",
|
|
4788
5032
|
"state": "deleted",
|
|
4789
5033
|
"introduced": "0.0.15",
|
|
5034
|
+
"deprecated": "0.6.0",
|
|
5035
|
+
"deleted": "0.8.0",
|
|
4790
5036
|
"replacement": "color.background.neutral.[default].pressed",
|
|
4791
5037
|
"description": "Pressed state for background.subtleNeutral"
|
|
4792
5038
|
},
|
|
@@ -4799,6 +5045,8 @@ var tokens = [{
|
|
|
4799
5045
|
"group": "paint",
|
|
4800
5046
|
"state": "deleted",
|
|
4801
5047
|
"introduced": "0.0.15",
|
|
5048
|
+
"deprecated": "0.6.0",
|
|
5049
|
+
"deleted": "0.8.0",
|
|
4802
5050
|
"replacement": "color.background.neutral.[default].[default]",
|
|
4803
5051
|
"description": "Use as the default background of UI elements like buttons, lozenges, and tags."
|
|
4804
5052
|
},
|
|
@@ -4810,6 +5058,8 @@ var tokens = [{
|
|
|
4810
5058
|
"group": "paint",
|
|
4811
5059
|
"state": "deleted",
|
|
4812
5060
|
"introduced": "0.0.15",
|
|
5061
|
+
"deprecated": "0.6.0",
|
|
5062
|
+
"deleted": "0.8.0",
|
|
4813
5063
|
"replacement": "color.background.neutral.[default].[default]",
|
|
4814
5064
|
"description": "Use as the default background of UI elements like buttons, lozenges, and tags."
|
|
4815
5065
|
},
|
|
@@ -4822,6 +5072,8 @@ var tokens = [{
|
|
|
4822
5072
|
"group": "paint",
|
|
4823
5073
|
"state": "deleted",
|
|
4824
5074
|
"introduced": "0.0.15",
|
|
5075
|
+
"deprecated": "0.6.0",
|
|
5076
|
+
"deleted": "0.8.0",
|
|
4825
5077
|
"replacement": "color.background.success.[default].hovered",
|
|
4826
5078
|
"description": "Hover state for background.subtleSuccess"
|
|
4827
5079
|
},
|
|
@@ -4833,6 +5085,8 @@ var tokens = [{
|
|
|
4833
5085
|
"group": "paint",
|
|
4834
5086
|
"state": "deleted",
|
|
4835
5087
|
"introduced": "0.0.15",
|
|
5088
|
+
"deprecated": "0.6.0",
|
|
5089
|
+
"deleted": "0.8.0",
|
|
4836
5090
|
"replacement": "color.background.success.[default].hovered",
|
|
4837
5091
|
"description": "Hover state for background.subtleSuccess"
|
|
4838
5092
|
},
|
|
@@ -4845,6 +5099,8 @@ var tokens = [{
|
|
|
4845
5099
|
"group": "paint",
|
|
4846
5100
|
"state": "deleted",
|
|
4847
5101
|
"introduced": "0.0.15",
|
|
5102
|
+
"deprecated": "0.6.0",
|
|
5103
|
+
"deleted": "0.8.0",
|
|
4848
5104
|
"replacement": "color.background.success.[default].pressed",
|
|
4849
5105
|
"description": "Pressed state for background.subtleSuccess"
|
|
4850
5106
|
},
|
|
@@ -4856,6 +5112,8 @@ var tokens = [{
|
|
|
4856
5112
|
"group": "paint",
|
|
4857
5113
|
"state": "deleted",
|
|
4858
5114
|
"introduced": "0.0.15",
|
|
5115
|
+
"deprecated": "0.6.0",
|
|
5116
|
+
"deleted": "0.8.0",
|
|
4859
5117
|
"replacement": "color.background.success.[default].pressed",
|
|
4860
5118
|
"description": "Pressed state for background.subtleSuccess"
|
|
4861
5119
|
},
|
|
@@ -4868,6 +5126,8 @@ var tokens = [{
|
|
|
4868
5126
|
"group": "paint",
|
|
4869
5127
|
"state": "deleted",
|
|
4870
5128
|
"introduced": "0.0.15",
|
|
5129
|
+
"deprecated": "0.6.0",
|
|
5130
|
+
"deleted": "0.8.0",
|
|
4871
5131
|
"replacement": "color.background.success.[default].[default]",
|
|
4872
5132
|
"description": "Use for subdued backgrounds of UI elements like success section messages and success lozenges."
|
|
4873
5133
|
},
|
|
@@ -4879,6 +5139,8 @@ var tokens = [{
|
|
|
4879
5139
|
"group": "paint",
|
|
4880
5140
|
"state": "deleted",
|
|
4881
5141
|
"introduced": "0.0.15",
|
|
5142
|
+
"deprecated": "0.6.0",
|
|
5143
|
+
"deleted": "0.8.0",
|
|
4882
5144
|
"replacement": "color.background.success.[default].[default]",
|
|
4883
5145
|
"description": "Use for subdued backgrounds of UI elements like success section messages and success lozenges."
|
|
4884
5146
|
},
|
|
@@ -4891,6 +5153,8 @@ var tokens = [{
|
|
|
4891
5153
|
"group": "paint",
|
|
4892
5154
|
"state": "deleted",
|
|
4893
5155
|
"introduced": "0.0.15",
|
|
5156
|
+
"deprecated": "0.6.0",
|
|
5157
|
+
"deleted": "0.8.0",
|
|
4894
5158
|
"replacement": "color.background.warning.[default].hovered",
|
|
4895
5159
|
"description": "Hover state for background.subtleWarning"
|
|
4896
5160
|
},
|
|
@@ -4902,6 +5166,8 @@ var tokens = [{
|
|
|
4902
5166
|
"group": "paint",
|
|
4903
5167
|
"state": "deleted",
|
|
4904
5168
|
"introduced": "0.0.15",
|
|
5169
|
+
"deprecated": "0.6.0",
|
|
5170
|
+
"deleted": "0.8.0",
|
|
4905
5171
|
"replacement": "color.background.warning.[default].hovered",
|
|
4906
5172
|
"description": "Hover state for background.subtleWarning"
|
|
4907
5173
|
},
|
|
@@ -4914,6 +5180,8 @@ var tokens = [{
|
|
|
4914
5180
|
"group": "paint",
|
|
4915
5181
|
"state": "deleted",
|
|
4916
5182
|
"introduced": "0.0.15",
|
|
5183
|
+
"deprecated": "0.6.0",
|
|
5184
|
+
"deleted": "0.8.0",
|
|
4917
5185
|
"replacement": "color.background.warning.[default].pressed",
|
|
4918
5186
|
"description": "Pressed state for background.subtleWarning"
|
|
4919
5187
|
},
|
|
@@ -4925,6 +5193,8 @@ var tokens = [{
|
|
|
4925
5193
|
"group": "paint",
|
|
4926
5194
|
"state": "deleted",
|
|
4927
5195
|
"introduced": "0.0.15",
|
|
5196
|
+
"deprecated": "0.6.0",
|
|
5197
|
+
"deleted": "0.8.0",
|
|
4928
5198
|
"replacement": "color.background.warning.[default].pressed",
|
|
4929
5199
|
"description": "Pressed state for background.subtleWarning"
|
|
4930
5200
|
},
|
|
@@ -4937,6 +5207,8 @@ var tokens = [{
|
|
|
4937
5207
|
"group": "paint",
|
|
4938
5208
|
"state": "deleted",
|
|
4939
5209
|
"introduced": "0.0.15",
|
|
5210
|
+
"deprecated": "0.6.0",
|
|
5211
|
+
"deleted": "0.8.0",
|
|
4940
5212
|
"replacement": "color.background.warning.[default].[default]",
|
|
4941
5213
|
"description": "Use for subdued backgrounds of UI elements like warning section messages and moved lozenges."
|
|
4942
5214
|
},
|
|
@@ -4948,6 +5220,8 @@ var tokens = [{
|
|
|
4948
5220
|
"group": "paint",
|
|
4949
5221
|
"state": "deleted",
|
|
4950
5222
|
"introduced": "0.0.15",
|
|
5223
|
+
"deprecated": "0.6.0",
|
|
5224
|
+
"deleted": "0.8.0",
|
|
4951
5225
|
"replacement": "color.background.warning.[default].[default]",
|
|
4952
5226
|
"description": "Use for subdued backgrounds of UI elements like warning section messages and moved lozenges."
|
|
4953
5227
|
},
|
|
@@ -4960,6 +5234,8 @@ var tokens = [{
|
|
|
4960
5234
|
"group": "paint",
|
|
4961
5235
|
"state": "deleted",
|
|
4962
5236
|
"introduced": "0.0.15",
|
|
5237
|
+
"deprecated": "0.6.0",
|
|
5238
|
+
"deleted": "0.8.0",
|
|
4963
5239
|
"replacement": "elevation.surface.sunken",
|
|
4964
5240
|
"description": "Use as a secondary background for the UI"
|
|
4965
5241
|
},
|
|
@@ -4971,6 +5247,8 @@ var tokens = [{
|
|
|
4971
5247
|
"group": "paint",
|
|
4972
5248
|
"state": "deleted",
|
|
4973
5249
|
"introduced": "0.0.15",
|
|
5250
|
+
"deprecated": "0.6.0",
|
|
5251
|
+
"deleted": "0.8.0",
|
|
4974
5252
|
"replacement": "elevation.surface.sunken",
|
|
4975
5253
|
"description": "Use as a secondary background for the UI"
|
|
4976
5254
|
},
|
|
@@ -4983,6 +5261,8 @@ var tokens = [{
|
|
|
4983
5261
|
"group": "paint",
|
|
4984
5262
|
"state": "deleted",
|
|
4985
5263
|
"introduced": "0.0.15",
|
|
5264
|
+
"deprecated": "0.6.0",
|
|
5265
|
+
"deleted": "0.8.0",
|
|
4986
5266
|
"replacement": "color.background.neutral.subtle.hovered",
|
|
4987
5267
|
"description": "Hover state for UIs that do not have a default background, such as menu items or subtle buttons."
|
|
4988
5268
|
},
|
|
@@ -4994,6 +5274,8 @@ var tokens = [{
|
|
|
4994
5274
|
"group": "paint",
|
|
4995
5275
|
"state": "deleted",
|
|
4996
5276
|
"introduced": "0.0.15",
|
|
5277
|
+
"deprecated": "0.6.0",
|
|
5278
|
+
"deleted": "0.8.0",
|
|
4997
5279
|
"replacement": "color.background.neutral.subtle.hovered",
|
|
4998
5280
|
"description": "Hover state for UIs that do not have a default background, such as menu items or subtle buttons."
|
|
4999
5281
|
},
|
|
@@ -5006,6 +5288,8 @@ var tokens = [{
|
|
|
5006
5288
|
"group": "paint",
|
|
5007
5289
|
"state": "deleted",
|
|
5008
5290
|
"introduced": "0.0.15",
|
|
5291
|
+
"deprecated": "0.6.0",
|
|
5292
|
+
"deleted": "0.8.0",
|
|
5009
5293
|
"replacement": "color.background.neutral.subtle.pressed",
|
|
5010
5294
|
"description": "Pressed state for UIs that do not have a default background, such as menu items or subtle buttons."
|
|
5011
5295
|
},
|
|
@@ -5017,6 +5301,8 @@ var tokens = [{
|
|
|
5017
5301
|
"group": "paint",
|
|
5018
5302
|
"state": "deleted",
|
|
5019
5303
|
"introduced": "0.0.15",
|
|
5304
|
+
"deprecated": "0.6.0",
|
|
5305
|
+
"deleted": "0.8.0",
|
|
5020
5306
|
"replacement": "color.background.neutral.subtle.pressed",
|
|
5021
5307
|
"description": "Pressed state for UIs that do not have a default background, such as menu items or subtle buttons."
|
|
5022
5308
|
},
|
|
@@ -5052,7 +5338,7 @@ var tokens = [{
|
|
|
5052
5338
|
"introduced": "0.6.0",
|
|
5053
5339
|
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
5054
5340
|
},
|
|
5055
|
-
"value": "#
|
|
5341
|
+
"value": "#388BFF14",
|
|
5056
5342
|
"filePath": "src/tokens/atlassian-light/color/background.tsx",
|
|
5057
5343
|
"isSource": true,
|
|
5058
5344
|
"original": {
|
|
@@ -5062,7 +5348,7 @@ var tokens = [{
|
|
|
5062
5348
|
"introduced": "0.6.0",
|
|
5063
5349
|
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
5064
5350
|
},
|
|
5065
|
-
"value": "#
|
|
5351
|
+
"value": "#388BFF14"
|
|
5066
5352
|
},
|
|
5067
5353
|
"name": "color.blanket.selected",
|
|
5068
5354
|
"path": ["color", "blanket", "selected"]
|
|
@@ -5073,7 +5359,7 @@ var tokens = [{
|
|
|
5073
5359
|
"introduced": "0.6.0",
|
|
5074
5360
|
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
5075
5361
|
},
|
|
5076
|
-
"value": "#
|
|
5362
|
+
"value": "#EF5C4814",
|
|
5077
5363
|
"filePath": "src/tokens/atlassian-light/color/background.tsx",
|
|
5078
5364
|
"isSource": true,
|
|
5079
5365
|
"original": {
|
|
@@ -5083,7 +5369,7 @@ var tokens = [{
|
|
|
5083
5369
|
"introduced": "0.6.0",
|
|
5084
5370
|
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
5085
5371
|
},
|
|
5086
|
-
"value": "#
|
|
5372
|
+
"value": "#EF5C4814"
|
|
5087
5373
|
},
|
|
5088
5374
|
"name": "color.blanket.danger",
|
|
5089
5375
|
"path": ["color", "blanket", "danger"]
|
|
@@ -5260,6 +5546,8 @@ var tokens = [{
|
|
|
5260
5546
|
"group": "paint",
|
|
5261
5547
|
"state": "deleted",
|
|
5262
5548
|
"introduced": "0.1.1",
|
|
5549
|
+
"deprecated": "0.6.0",
|
|
5550
|
+
"deleted": "0.8.0",
|
|
5263
5551
|
"replacement": "color.background.accent.blue.bolder",
|
|
5264
5552
|
"description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5265
5553
|
},
|
|
@@ -5271,6 +5559,8 @@ var tokens = [{
|
|
|
5271
5559
|
"group": "paint",
|
|
5272
5560
|
"state": "deleted",
|
|
5273
5561
|
"introduced": "0.1.1",
|
|
5562
|
+
"deprecated": "0.6.0",
|
|
5563
|
+
"deleted": "0.8.0",
|
|
5274
5564
|
"replacement": "color.background.accent.blue.bolder",
|
|
5275
5565
|
"description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5276
5566
|
},
|
|
@@ -5283,6 +5573,8 @@ var tokens = [{
|
|
|
5283
5573
|
"group": "paint",
|
|
5284
5574
|
"state": "deleted",
|
|
5285
5575
|
"introduced": "0.1.1",
|
|
5576
|
+
"deprecated": "0.6.0",
|
|
5577
|
+
"deleted": "0.8.0",
|
|
5286
5578
|
"replacement": "color.background.accent.green.bolder",
|
|
5287
5579
|
"description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5288
5580
|
},
|
|
@@ -5294,6 +5586,8 @@ var tokens = [{
|
|
|
5294
5586
|
"group": "paint",
|
|
5295
5587
|
"state": "deleted",
|
|
5296
5588
|
"introduced": "0.1.1",
|
|
5589
|
+
"deprecated": "0.6.0",
|
|
5590
|
+
"deleted": "0.8.0",
|
|
5297
5591
|
"replacement": "color.background.accent.green.bolder",
|
|
5298
5592
|
"description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5299
5593
|
},
|
|
@@ -5306,6 +5600,8 @@ var tokens = [{
|
|
|
5306
5600
|
"group": "paint",
|
|
5307
5601
|
"state": "deleted",
|
|
5308
5602
|
"introduced": "0.1.1",
|
|
5603
|
+
"deprecated": "0.6.0",
|
|
5604
|
+
"deleted": "0.8.0",
|
|
5309
5605
|
"replacement": "color.background.accent.orange.bolder",
|
|
5310
5606
|
"description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5311
5607
|
},
|
|
@@ -5317,6 +5613,8 @@ var tokens = [{
|
|
|
5317
5613
|
"group": "paint",
|
|
5318
5614
|
"state": "deleted",
|
|
5319
5615
|
"introduced": "0.1.1",
|
|
5616
|
+
"deprecated": "0.6.0",
|
|
5617
|
+
"deleted": "0.8.0",
|
|
5320
5618
|
"replacement": "color.background.accent.orange.bolder",
|
|
5321
5619
|
"description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5322
5620
|
},
|
|
@@ -5329,6 +5627,8 @@ var tokens = [{
|
|
|
5329
5627
|
"group": "paint",
|
|
5330
5628
|
"state": "deleted",
|
|
5331
5629
|
"introduced": "0.1.1",
|
|
5630
|
+
"deprecated": "0.6.0",
|
|
5631
|
+
"deleted": "0.8.0",
|
|
5332
5632
|
"replacement": "color.background.accent.purple.bolder",
|
|
5333
5633
|
"description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5334
5634
|
},
|
|
@@ -5340,6 +5640,8 @@ var tokens = [{
|
|
|
5340
5640
|
"group": "paint",
|
|
5341
5641
|
"state": "deleted",
|
|
5342
5642
|
"introduced": "0.1.1",
|
|
5643
|
+
"deprecated": "0.6.0",
|
|
5644
|
+
"deleted": "0.8.0",
|
|
5343
5645
|
"replacement": "color.background.accent.purple.bolder",
|
|
5344
5646
|
"description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5345
5647
|
},
|
|
@@ -5352,6 +5654,8 @@ var tokens = [{
|
|
|
5352
5654
|
"group": "paint",
|
|
5353
5655
|
"state": "deleted",
|
|
5354
5656
|
"introduced": "0.1.1",
|
|
5657
|
+
"deprecated": "0.6.0",
|
|
5658
|
+
"deleted": "0.8.0",
|
|
5355
5659
|
"replacement": "color.background.accent.red.bolder",
|
|
5356
5660
|
"description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5357
5661
|
},
|
|
@@ -5363,6 +5667,8 @@ var tokens = [{
|
|
|
5363
5667
|
"group": "paint",
|
|
5364
5668
|
"state": "deleted",
|
|
5365
5669
|
"introduced": "0.1.1",
|
|
5670
|
+
"deprecated": "0.6.0",
|
|
5671
|
+
"deleted": "0.8.0",
|
|
5366
5672
|
"replacement": "color.background.accent.red.bolder",
|
|
5367
5673
|
"description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5368
5674
|
},
|
|
@@ -5375,6 +5681,8 @@ var tokens = [{
|
|
|
5375
5681
|
"group": "paint",
|
|
5376
5682
|
"state": "deleted",
|
|
5377
5683
|
"introduced": "0.1.1",
|
|
5684
|
+
"deprecated": "0.6.0",
|
|
5685
|
+
"deleted": "0.8.0",
|
|
5378
5686
|
"replacement": "color.background.accent.teal.bolder",
|
|
5379
5687
|
"description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5380
5688
|
},
|
|
@@ -5386,6 +5694,8 @@ var tokens = [{
|
|
|
5386
5694
|
"group": "paint",
|
|
5387
5695
|
"state": "deleted",
|
|
5388
5696
|
"introduced": "0.1.1",
|
|
5697
|
+
"deprecated": "0.6.0",
|
|
5698
|
+
"deleted": "0.8.0",
|
|
5389
5699
|
"replacement": "color.background.accent.teal.bolder",
|
|
5390
5700
|
"description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5391
5701
|
},
|
|
@@ -5398,6 +5708,8 @@ var tokens = [{
|
|
|
5398
5708
|
"group": "paint",
|
|
5399
5709
|
"state": "deleted",
|
|
5400
5710
|
"introduced": "0.1.0",
|
|
5711
|
+
"deprecated": "0.6.0",
|
|
5712
|
+
"deleted": "0.8.0",
|
|
5401
5713
|
"replacement": "color.background.accent.blue.subtler",
|
|
5402
5714
|
"description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5403
5715
|
},
|
|
@@ -5409,6 +5721,8 @@ var tokens = [{
|
|
|
5409
5721
|
"group": "paint",
|
|
5410
5722
|
"state": "deleted",
|
|
5411
5723
|
"introduced": "0.1.0",
|
|
5724
|
+
"deprecated": "0.6.0",
|
|
5725
|
+
"deleted": "0.8.0",
|
|
5412
5726
|
"replacement": "color.background.accent.blue.subtler",
|
|
5413
5727
|
"description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5414
5728
|
},
|
|
@@ -5421,6 +5735,8 @@ var tokens = [{
|
|
|
5421
5735
|
"group": "paint",
|
|
5422
5736
|
"state": "deleted",
|
|
5423
5737
|
"introduced": "0.1.0",
|
|
5738
|
+
"deprecated": "0.6.0",
|
|
5739
|
+
"deleted": "0.8.0",
|
|
5424
5740
|
"replacement": "color.background.accent.green.subtler",
|
|
5425
5741
|
"description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5426
5742
|
},
|
|
@@ -5432,6 +5748,8 @@ var tokens = [{
|
|
|
5432
5748
|
"group": "paint",
|
|
5433
5749
|
"state": "deleted",
|
|
5434
5750
|
"introduced": "0.1.0",
|
|
5751
|
+
"deprecated": "0.6.0",
|
|
5752
|
+
"deleted": "0.8.0",
|
|
5435
5753
|
"replacement": "color.background.accent.green.subtler",
|
|
5436
5754
|
"description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5437
5755
|
},
|
|
@@ -5444,6 +5762,8 @@ var tokens = [{
|
|
|
5444
5762
|
"group": "paint",
|
|
5445
5763
|
"state": "deleted",
|
|
5446
5764
|
"introduced": "0.1.0",
|
|
5765
|
+
"deprecated": "0.6.0",
|
|
5766
|
+
"deleted": "0.8.0",
|
|
5447
5767
|
"replacement": "color.background.accent.magenta.subtler",
|
|
5448
5768
|
"description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5449
5769
|
},
|
|
@@ -5455,6 +5775,8 @@ var tokens = [{
|
|
|
5455
5775
|
"group": "paint",
|
|
5456
5776
|
"state": "deleted",
|
|
5457
5777
|
"introduced": "0.1.0",
|
|
5778
|
+
"deprecated": "0.6.0",
|
|
5779
|
+
"deleted": "0.8.0",
|
|
5458
5780
|
"replacement": "color.background.accent.magenta.subtler",
|
|
5459
5781
|
"description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5460
5782
|
},
|
|
@@ -5467,6 +5789,8 @@ var tokens = [{
|
|
|
5467
5789
|
"group": "paint",
|
|
5468
5790
|
"state": "deleted",
|
|
5469
5791
|
"introduced": "0.1.0",
|
|
5792
|
+
"deprecated": "0.6.0",
|
|
5793
|
+
"deleted": "0.8.0",
|
|
5470
5794
|
"replacement": "color.background.accent.orange.subtler",
|
|
5471
5795
|
"description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5472
5796
|
},
|
|
@@ -5478,6 +5802,8 @@ var tokens = [{
|
|
|
5478
5802
|
"group": "paint",
|
|
5479
5803
|
"state": "deleted",
|
|
5480
5804
|
"introduced": "0.1.0",
|
|
5805
|
+
"deprecated": "0.6.0",
|
|
5806
|
+
"deleted": "0.8.0",
|
|
5481
5807
|
"replacement": "color.background.accent.orange.subtler",
|
|
5482
5808
|
"description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5483
5809
|
},
|
|
@@ -5490,6 +5816,8 @@ var tokens = [{
|
|
|
5490
5816
|
"group": "paint",
|
|
5491
5817
|
"state": "deleted",
|
|
5492
5818
|
"introduced": "0.1.0",
|
|
5819
|
+
"deprecated": "0.6.0",
|
|
5820
|
+
"deleted": "0.8.0",
|
|
5493
5821
|
"replacement": "color.background.accent.purple.subtler",
|
|
5494
5822
|
"description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5495
5823
|
},
|
|
@@ -5501,6 +5829,8 @@ var tokens = [{
|
|
|
5501
5829
|
"group": "paint",
|
|
5502
5830
|
"state": "deleted",
|
|
5503
5831
|
"introduced": "0.1.0",
|
|
5832
|
+
"deprecated": "0.6.0",
|
|
5833
|
+
"deleted": "0.8.0",
|
|
5504
5834
|
"replacement": "color.background.accent.purple.subtler",
|
|
5505
5835
|
"description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5506
5836
|
},
|
|
@@ -5513,6 +5843,8 @@ var tokens = [{
|
|
|
5513
5843
|
"group": "paint",
|
|
5514
5844
|
"state": "deleted",
|
|
5515
5845
|
"introduced": "0.1.0",
|
|
5846
|
+
"deprecated": "0.6.0",
|
|
5847
|
+
"deleted": "0.8.0",
|
|
5516
5848
|
"replacement": "color.background.accent.red.subtler",
|
|
5517
5849
|
"description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5518
5850
|
},
|
|
@@ -5524,6 +5856,8 @@ var tokens = [{
|
|
|
5524
5856
|
"group": "paint",
|
|
5525
5857
|
"state": "deleted",
|
|
5526
5858
|
"introduced": "0.1.0",
|
|
5859
|
+
"deprecated": "0.6.0",
|
|
5860
|
+
"deleted": "0.8.0",
|
|
5527
5861
|
"replacement": "color.background.accent.red.subtler",
|
|
5528
5862
|
"description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5529
5863
|
},
|
|
@@ -5536,6 +5870,8 @@ var tokens = [{
|
|
|
5536
5870
|
"group": "paint",
|
|
5537
5871
|
"state": "deleted",
|
|
5538
5872
|
"introduced": "0.1.0",
|
|
5873
|
+
"deprecated": "0.6.0",
|
|
5874
|
+
"deleted": "0.8.0",
|
|
5539
5875
|
"replacement": "color.background.accent.teal.subtler",
|
|
5540
5876
|
"description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5541
5877
|
},
|
|
@@ -5547,6 +5883,8 @@ var tokens = [{
|
|
|
5547
5883
|
"group": "paint",
|
|
5548
5884
|
"state": "deleted",
|
|
5549
5885
|
"introduced": "0.1.0",
|
|
5886
|
+
"deprecated": "0.6.0",
|
|
5887
|
+
"deleted": "0.8.0",
|
|
5550
5888
|
"replacement": "color.background.accent.teal.subtler",
|
|
5551
5889
|
"description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5552
5890
|
},
|
|
@@ -5559,6 +5897,8 @@ var tokens = [{
|
|
|
5559
5897
|
"group": "paint",
|
|
5560
5898
|
"state": "deleted",
|
|
5561
5899
|
"introduced": "0.0.15",
|
|
5900
|
+
"deprecated": "0.6.0",
|
|
5901
|
+
"deleted": "0.8.0",
|
|
5562
5902
|
"replacement": "color.icon.brand",
|
|
5563
5903
|
"description": "\nUse rarely for icons or borders representing brand, in-progress, or information, such as the icons in information sections messages.\n\nAlso use for blue icons or borders when there is no meaning tied to the color, such as file type icons."
|
|
5564
5904
|
},
|
|
@@ -5570,6 +5910,8 @@ var tokens = [{
|
|
|
5570
5910
|
"group": "paint",
|
|
5571
5911
|
"state": "deleted",
|
|
5572
5912
|
"introduced": "0.0.15",
|
|
5913
|
+
"deprecated": "0.6.0",
|
|
5914
|
+
"deleted": "0.8.0",
|
|
5573
5915
|
"replacement": "color.icon.brand",
|
|
5574
5916
|
"description": "\nUse rarely for icons or borders representing brand, in-progress, or information, such as the icons in information sections messages.\n\nAlso use for blue icons or borders when there is no meaning tied to the color, such as file type icons."
|
|
5575
5917
|
},
|
|
@@ -5582,6 +5924,8 @@ var tokens = [{
|
|
|
5582
5924
|
"group": "paint",
|
|
5583
5925
|
"state": "deleted",
|
|
5584
5926
|
"introduced": "0.0.15",
|
|
5927
|
+
"deprecated": "0.6.0",
|
|
5928
|
+
"deleted": "0.8.0",
|
|
5585
5929
|
"replacement": "color.icon.danger",
|
|
5586
5930
|
"description": "\nUse rarely for icons and borders representing critical information, such the icons in error section messages or the borders on invalid text fields.\n\nAlso use for red icons or borders when there is no meaning tied to the color, such as file type icons."
|
|
5587
5931
|
},
|
|
@@ -5593,6 +5937,8 @@ var tokens = [{
|
|
|
5593
5937
|
"group": "paint",
|
|
5594
5938
|
"state": "deleted",
|
|
5595
5939
|
"introduced": "0.0.15",
|
|
5940
|
+
"deprecated": "0.6.0",
|
|
5941
|
+
"deleted": "0.8.0",
|
|
5596
5942
|
"replacement": "color.icon.danger",
|
|
5597
5943
|
"description": "\nUse rarely for icons and borders representing critical information, such the icons in error section messages or the borders on invalid text fields.\n\nAlso use for red icons or borders when there is no meaning tied to the color, such as file type icons."
|
|
5598
5944
|
},
|
|
@@ -5605,6 +5951,8 @@ var tokens = [{
|
|
|
5605
5951
|
"group": "paint",
|
|
5606
5952
|
"state": "deleted",
|
|
5607
5953
|
"introduced": "0.0.15",
|
|
5954
|
+
"deprecated": "0.6.0",
|
|
5955
|
+
"deleted": "0.8.0",
|
|
5608
5956
|
"replacement": "color.icon.discovery",
|
|
5609
5957
|
"description": "\nUse rarely for icons and borders representing new information, such as the icons in discovery section mesages or the borders in onboarding spotlights.\n\nAlso use for purple icons or borders when there is no meaning tied to the color, such as file type icons.\n"
|
|
5610
5958
|
},
|
|
@@ -5616,6 +5964,8 @@ var tokens = [{
|
|
|
5616
5964
|
"group": "paint",
|
|
5617
5965
|
"state": "deleted",
|
|
5618
5966
|
"introduced": "0.0.15",
|
|
5967
|
+
"deprecated": "0.6.0",
|
|
5968
|
+
"deleted": "0.8.0",
|
|
5619
5969
|
"replacement": "color.icon.discovery",
|
|
5620
5970
|
"description": "\nUse rarely for icons and borders representing new information, such as the icons in discovery section mesages or the borders in onboarding spotlights.\n\nAlso use for purple icons or borders when there is no meaning tied to the color, such as file type icons.\n"
|
|
5621
5971
|
},
|
|
@@ -5628,6 +5978,8 @@ var tokens = [{
|
|
|
5628
5978
|
"group": "paint",
|
|
5629
5979
|
"state": "deleted",
|
|
5630
5980
|
"introduced": "0.0.15",
|
|
5981
|
+
"deprecated": "0.6.0",
|
|
5982
|
+
"deleted": "0.8.0",
|
|
5631
5983
|
"replacement": "color.icon.success",
|
|
5632
5984
|
"description": "\nUse rarely for icons and borders representing positive information, such as the icons in success section messages or the borders on validated text fields.\n\nAlso use for green icons or borders when there is no meaning tied to the color, such as file type icons.\n"
|
|
5633
5985
|
},
|
|
@@ -5639,6 +5991,8 @@ var tokens = [{
|
|
|
5639
5991
|
"group": "paint",
|
|
5640
5992
|
"state": "deleted",
|
|
5641
5993
|
"introduced": "0.0.15",
|
|
5994
|
+
"deprecated": "0.6.0",
|
|
5995
|
+
"deleted": "0.8.0",
|
|
5642
5996
|
"replacement": "color.icon.success",
|
|
5643
5997
|
"description": "\nUse rarely for icons and borders representing positive information, such as the icons in success section messages or the borders on validated text fields.\n\nAlso use for green icons or borders when there is no meaning tied to the color, such as file type icons.\n"
|
|
5644
5998
|
},
|
|
@@ -5651,6 +6005,8 @@ var tokens = [{
|
|
|
5651
6005
|
"group": "paint",
|
|
5652
6006
|
"state": "deleted",
|
|
5653
6007
|
"introduced": "0.0.15",
|
|
6008
|
+
"deprecated": "0.6.0",
|
|
6009
|
+
"deleted": "0.8.0",
|
|
5654
6010
|
"replacement": "color.icon.warning.[default]",
|
|
5655
6011
|
"description": "\nUse rarely for icons and borders representing semi-urgent information, such as the icons in warning section messages.\n\nAlso use for yellow icons or borders when there is no meaning tied to the color, such as file type icons.\n"
|
|
5656
6012
|
},
|
|
@@ -5662,6 +6018,8 @@ var tokens = [{
|
|
|
5662
6018
|
"group": "paint",
|
|
5663
6019
|
"state": "deleted",
|
|
5664
6020
|
"introduced": "0.0.15",
|
|
6021
|
+
"deprecated": "0.6.0",
|
|
6022
|
+
"deleted": "0.8.0",
|
|
5665
6023
|
"replacement": "color.icon.warning.[default]",
|
|
5666
6024
|
"description": "\nUse rarely for icons and borders representing semi-urgent information, such as the icons in warning section messages.\n\nAlso use for yellow icons or borders when there is no meaning tied to the color, such as file type icons.\n"
|
|
5667
6025
|
},
|
|
@@ -5674,6 +6032,8 @@ var tokens = [{
|
|
|
5674
6032
|
"group": "paint",
|
|
5675
6033
|
"state": "deleted",
|
|
5676
6034
|
"introduced": "0.1.0",
|
|
6035
|
+
"deprecated": "0.6.0",
|
|
6036
|
+
"deleted": "0.8.0",
|
|
5677
6037
|
"replacement": "color.interaction.hovered",
|
|
5678
6038
|
"description": "Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars."
|
|
5679
6039
|
},
|
|
@@ -5685,6 +6045,8 @@ var tokens = [{
|
|
|
5685
6045
|
"group": "paint",
|
|
5686
6046
|
"state": "deleted",
|
|
5687
6047
|
"introduced": "0.1.0",
|
|
6048
|
+
"deprecated": "0.6.0",
|
|
6049
|
+
"deleted": "0.8.0",
|
|
5688
6050
|
"replacement": "color.interaction.hovered",
|
|
5689
6051
|
"description": "Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars."
|
|
5690
6052
|
},
|
|
@@ -5697,6 +6059,8 @@ var tokens = [{
|
|
|
5697
6059
|
"group": "paint",
|
|
5698
6060
|
"state": "deleted",
|
|
5699
6061
|
"introduced": "0.1.0",
|
|
6062
|
+
"deprecated": "0.6.0",
|
|
6063
|
+
"deleted": "0.8.0",
|
|
5700
6064
|
"replacement": "color.interaction.pressed",
|
|
5701
6065
|
"description": "Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars."
|
|
5702
6066
|
},
|
|
@@ -5708,6 +6072,8 @@ var tokens = [{
|
|
|
5708
6072
|
"group": "paint",
|
|
5709
6073
|
"state": "deleted",
|
|
5710
6074
|
"introduced": "0.1.0",
|
|
6075
|
+
"deprecated": "0.6.0",
|
|
6076
|
+
"deleted": "0.8.0",
|
|
5711
6077
|
"replacement": "color.interaction.pressed",
|
|
5712
6078
|
"description": "Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars."
|
|
5713
6079
|
},
|
|
@@ -5720,6 +6086,8 @@ var tokens = [{
|
|
|
5720
6086
|
"group": "shadow",
|
|
5721
6087
|
"state": "deleted",
|
|
5722
6088
|
"introduced": "0.6.0",
|
|
6089
|
+
"deprecated": "0.6.0",
|
|
6090
|
+
"deleted": "0.8.0",
|
|
5723
6091
|
"replacement": "elevation.shadow.raised",
|
|
5724
6092
|
"description": "\nUse for the box shadow of raised card elements, such as Jira cards on a Kanban board.\n\nCombine with background.overlay"
|
|
5725
6093
|
},
|
|
@@ -5747,6 +6115,8 @@ var tokens = [{
|
|
|
5747
6115
|
"group": "shadow",
|
|
5748
6116
|
"state": "deleted",
|
|
5749
6117
|
"introduced": "0.6.0",
|
|
6118
|
+
"deprecated": "0.6.0",
|
|
6119
|
+
"deleted": "0.8.0",
|
|
5750
6120
|
"replacement": "elevation.shadow.raised",
|
|
5751
6121
|
"description": "\nUse for the box shadow of raised card elements, such as Jira cards on a Kanban board.\n\nCombine with background.overlay"
|
|
5752
6122
|
},
|
|
@@ -5775,6 +6145,8 @@ var tokens = [{
|
|
|
5775
6145
|
"group": "shadow",
|
|
5776
6146
|
"state": "deleted",
|
|
5777
6147
|
"introduced": "0.6.0",
|
|
6148
|
+
"deprecated": "0.6.0",
|
|
6149
|
+
"deleted": "0.8.0",
|
|
5778
6150
|
"replacement": "elevation.shadow.overlay",
|
|
5779
6151
|
"description": "\nUse for the box shadow of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the box shadow of raised cards in a dragged state.\n\nCombine with background.overlay"
|
|
5780
6152
|
},
|
|
@@ -5802,6 +6174,8 @@ var tokens = [{
|
|
|
5802
6174
|
"group": "shadow",
|
|
5803
6175
|
"state": "deleted",
|
|
5804
6176
|
"introduced": "0.6.0",
|
|
6177
|
+
"deprecated": "0.6.0",
|
|
6178
|
+
"deleted": "0.8.0",
|
|
5805
6179
|
"replacement": "elevation.shadow.overlay",
|
|
5806
6180
|
"description": "\nUse for the box shadow of overlay elements, such as modals, dropdown menus, flags, and inline dialogs (i.e. elements that sit on top of the UI).\n\nAlso use for the box shadow of raised cards in a dragged state.\n\nCombine with background.overlay"
|
|
5807
6181
|
},
|