@atlaskit/tokens 0.9.1 → 0.9.2
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 +6 -0
- package/babel-plugin/package.json +3 -0
- package/dist/cjs/artifacts/palettes-raw.js +1983 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +374 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +374 -0
- 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/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/tokens-raw/atlassian-dark.js +374 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +374 -0
- 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/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/tokens-raw/atlassian-dark.js +374 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +374 -0
- 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/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/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/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 +13 -3
- 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
|
@@ -620,6 +620,8 @@ var tokens = [{
|
|
|
620
620
|
"group": "paint",
|
|
621
621
|
"state": "deleted",
|
|
622
622
|
"introduced": "0.0.15",
|
|
623
|
+
"deprecated": "0.6.0",
|
|
624
|
+
"deleted": "0.8.0",
|
|
623
625
|
"replacement": "color.text.[default]",
|
|
624
626
|
"description": "Use for primary text, such as body copy, sentence case headers, and buttons"
|
|
625
627
|
},
|
|
@@ -631,6 +633,8 @@ var tokens = [{
|
|
|
631
633
|
"group": "paint",
|
|
632
634
|
"state": "deleted",
|
|
633
635
|
"introduced": "0.0.15",
|
|
636
|
+
"deprecated": "0.6.0",
|
|
637
|
+
"deleted": "0.8.0",
|
|
634
638
|
"replacement": "color.text.[default]",
|
|
635
639
|
"description": "Use for primary text, such as body copy, sentence case headers, and buttons"
|
|
636
640
|
},
|
|
@@ -643,6 +647,8 @@ var tokens = [{
|
|
|
643
647
|
"group": "paint",
|
|
644
648
|
"state": "deleted",
|
|
645
649
|
"introduced": "0.0.15",
|
|
650
|
+
"deprecated": "0.6.0",
|
|
651
|
+
"deleted": "0.8.0",
|
|
646
652
|
"replacement": "color.link.pressed",
|
|
647
653
|
"description": "Use for links in a pressed state"
|
|
648
654
|
},
|
|
@@ -654,6 +660,8 @@ var tokens = [{
|
|
|
654
660
|
"group": "paint",
|
|
655
661
|
"state": "deleted",
|
|
656
662
|
"introduced": "0.0.15",
|
|
663
|
+
"deprecated": "0.6.0",
|
|
664
|
+
"deleted": "0.8.0",
|
|
657
665
|
"replacement": "color.link.pressed",
|
|
658
666
|
"description": "Use for links in a pressed state"
|
|
659
667
|
},
|
|
@@ -666,6 +674,8 @@ var tokens = [{
|
|
|
666
674
|
"group": "paint",
|
|
667
675
|
"state": "deleted",
|
|
668
676
|
"introduced": "0.0.15",
|
|
677
|
+
"deprecated": "0.6.0",
|
|
678
|
+
"deleted": "0.8.0",
|
|
669
679
|
"replacement": "color.link.[default]",
|
|
670
680
|
"description": "Use for links in a resting or hover state. Add an underline for hover states"
|
|
671
681
|
},
|
|
@@ -677,6 +687,8 @@ var tokens = [{
|
|
|
677
687
|
"group": "paint",
|
|
678
688
|
"state": "deleted",
|
|
679
689
|
"introduced": "0.0.15",
|
|
690
|
+
"deprecated": "0.6.0",
|
|
691
|
+
"deleted": "0.8.0",
|
|
680
692
|
"replacement": "color.link.[default]",
|
|
681
693
|
"description": "Use for links in a resting or hover state. Add an underline for hover states"
|
|
682
694
|
},
|
|
@@ -689,6 +701,8 @@ var tokens = [{
|
|
|
689
701
|
"group": "paint",
|
|
690
702
|
"state": "deleted",
|
|
691
703
|
"introduced": "0.0.15",
|
|
704
|
+
"deprecated": "0.6.0",
|
|
705
|
+
"deleted": "0.8.0",
|
|
692
706
|
"replacement": "color.text.subtlest",
|
|
693
707
|
"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"
|
|
694
708
|
},
|
|
@@ -700,6 +714,8 @@ var tokens = [{
|
|
|
700
714
|
"group": "paint",
|
|
701
715
|
"state": "deleted",
|
|
702
716
|
"introduced": "0.0.15",
|
|
717
|
+
"deprecated": "0.6.0",
|
|
718
|
+
"deleted": "0.8.0",
|
|
703
719
|
"replacement": "color.text.subtlest",
|
|
704
720
|
"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"
|
|
705
721
|
},
|
|
@@ -712,6 +728,8 @@ var tokens = [{
|
|
|
712
728
|
"group": "paint",
|
|
713
729
|
"state": "deleted",
|
|
714
730
|
"introduced": "0.0.15",
|
|
731
|
+
"deprecated": "0.6.0",
|
|
732
|
+
"deleted": "0.8.0",
|
|
715
733
|
"replacement": "color.text.subtle",
|
|
716
734
|
"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 "
|
|
717
735
|
},
|
|
@@ -723,6 +741,8 @@ var tokens = [{
|
|
|
723
741
|
"group": "paint",
|
|
724
742
|
"state": "deleted",
|
|
725
743
|
"introduced": "0.0.15",
|
|
744
|
+
"deprecated": "0.6.0",
|
|
745
|
+
"deleted": "0.8.0",
|
|
726
746
|
"replacement": "color.text.subtle",
|
|
727
747
|
"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 "
|
|
728
748
|
},
|
|
@@ -735,6 +755,8 @@ var tokens = [{
|
|
|
735
755
|
"group": "paint",
|
|
736
756
|
"state": "deleted",
|
|
737
757
|
"introduced": "0.0.15",
|
|
758
|
+
"deprecated": "0.6.0",
|
|
759
|
+
"deleted": "0.8.0",
|
|
738
760
|
"replacement": "color.text.inverse",
|
|
739
761
|
"description": "Use for text and icons when on bold backgrounds"
|
|
740
762
|
},
|
|
@@ -746,6 +768,8 @@ var tokens = [{
|
|
|
746
768
|
"group": "paint",
|
|
747
769
|
"state": "deleted",
|
|
748
770
|
"introduced": "0.0.15",
|
|
771
|
+
"deprecated": "0.6.0",
|
|
772
|
+
"deleted": "0.8.0",
|
|
749
773
|
"replacement": "color.text.inverse",
|
|
750
774
|
"description": "Use for text and icons when on bold backgrounds"
|
|
751
775
|
},
|
|
@@ -758,6 +782,8 @@ var tokens = [{
|
|
|
758
782
|
"group": "paint",
|
|
759
783
|
"state": "deleted",
|
|
760
784
|
"introduced": "0.0.15",
|
|
785
|
+
"deprecated": "0.6.0",
|
|
786
|
+
"deleted": "0.8.0",
|
|
761
787
|
"replacement": "color.text.warning.inverse",
|
|
762
788
|
"description": "Use for text and icons when on bold warning backgrounds"
|
|
763
789
|
},
|
|
@@ -769,6 +795,8 @@ var tokens = [{
|
|
|
769
795
|
"group": "paint",
|
|
770
796
|
"state": "deleted",
|
|
771
797
|
"introduced": "0.0.15",
|
|
798
|
+
"deprecated": "0.6.0",
|
|
799
|
+
"deleted": "0.8.0",
|
|
772
800
|
"replacement": "color.text.warning.inverse",
|
|
773
801
|
"description": "Use for text and icons when on bold warning backgrounds"
|
|
774
802
|
},
|
|
@@ -1621,6 +1649,8 @@ var tokens = [{
|
|
|
1621
1649
|
"group": "paint",
|
|
1622
1650
|
"state": "deleted",
|
|
1623
1651
|
"introduced": "0.0.15",
|
|
1652
|
+
"deprecated": "0.6.0",
|
|
1653
|
+
"deleted": "0.8.0",
|
|
1624
1654
|
"replacement": "color.border.focused",
|
|
1625
1655
|
"description": "Use for focus rings of elements in a focus state"
|
|
1626
1656
|
},
|
|
@@ -1632,6 +1662,8 @@ var tokens = [{
|
|
|
1632
1662
|
"group": "paint",
|
|
1633
1663
|
"state": "deleted",
|
|
1634
1664
|
"introduced": "0.0.15",
|
|
1665
|
+
"deprecated": "0.6.0",
|
|
1666
|
+
"deleted": "0.8.0",
|
|
1635
1667
|
"replacement": "color.border.focused",
|
|
1636
1668
|
"description": "Use for focus rings of elements in a focus state"
|
|
1637
1669
|
},
|
|
@@ -1644,6 +1676,8 @@ var tokens = [{
|
|
|
1644
1676
|
"group": "paint",
|
|
1645
1677
|
"state": "deleted",
|
|
1646
1678
|
"introduced": "0.0.15",
|
|
1679
|
+
"deprecated": "0.6.0",
|
|
1680
|
+
"deleted": "0.8.0",
|
|
1647
1681
|
"replacement": "color.border.[default]",
|
|
1648
1682
|
"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"
|
|
1649
1683
|
},
|
|
@@ -1655,6 +1689,8 @@ var tokens = [{
|
|
|
1655
1689
|
"group": "paint",
|
|
1656
1690
|
"state": "deleted",
|
|
1657
1691
|
"introduced": "0.0.15",
|
|
1692
|
+
"deprecated": "0.6.0",
|
|
1693
|
+
"deleted": "0.8.0",
|
|
1658
1694
|
"replacement": "color.border.[default]",
|
|
1659
1695
|
"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"
|
|
1660
1696
|
},
|
|
@@ -1751,6 +1787,8 @@ var tokens = [{
|
|
|
1751
1787
|
"group": "paint",
|
|
1752
1788
|
"state": "deleted",
|
|
1753
1789
|
"introduced": "0.6.0",
|
|
1790
|
+
"deprecated": "0.7.0",
|
|
1791
|
+
"deleted": "0.8.0",
|
|
1754
1792
|
"replacement": "color.background.accent.blue.subtler",
|
|
1755
1793
|
"description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1756
1794
|
},
|
|
@@ -1762,6 +1800,8 @@ var tokens = [{
|
|
|
1762
1800
|
"group": "paint",
|
|
1763
1801
|
"state": "deleted",
|
|
1764
1802
|
"introduced": "0.6.0",
|
|
1803
|
+
"deprecated": "0.7.0",
|
|
1804
|
+
"deleted": "0.8.0",
|
|
1765
1805
|
"replacement": "color.background.accent.blue.subtler",
|
|
1766
1806
|
"description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1767
1807
|
},
|
|
@@ -1774,6 +1814,8 @@ var tokens = [{
|
|
|
1774
1814
|
"group": "paint",
|
|
1775
1815
|
"state": "deleted",
|
|
1776
1816
|
"introduced": "0.6.0",
|
|
1817
|
+
"deprecated": "0.7.0",
|
|
1818
|
+
"deleted": "0.8.0",
|
|
1777
1819
|
"replacement": "color.background.accent.blue.subtle",
|
|
1778
1820
|
"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."
|
|
1779
1821
|
},
|
|
@@ -1785,6 +1827,8 @@ var tokens = [{
|
|
|
1785
1827
|
"group": "paint",
|
|
1786
1828
|
"state": "deleted",
|
|
1787
1829
|
"introduced": "0.6.0",
|
|
1830
|
+
"deprecated": "0.7.0",
|
|
1831
|
+
"deleted": "0.8.0",
|
|
1788
1832
|
"replacement": "color.background.accent.blue.subtle",
|
|
1789
1833
|
"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."
|
|
1790
1834
|
},
|
|
@@ -1881,6 +1925,8 @@ var tokens = [{
|
|
|
1881
1925
|
"group": "paint",
|
|
1882
1926
|
"state": "deleted",
|
|
1883
1927
|
"introduced": "0.6.0",
|
|
1928
|
+
"deprecated": "0.7.0",
|
|
1929
|
+
"deleted": "0.8.0",
|
|
1884
1930
|
"replacement": "color.background.accent.red.subtler",
|
|
1885
1931
|
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1886
1932
|
},
|
|
@@ -1892,6 +1938,8 @@ var tokens = [{
|
|
|
1892
1938
|
"group": "paint",
|
|
1893
1939
|
"state": "deleted",
|
|
1894
1940
|
"introduced": "0.6.0",
|
|
1941
|
+
"deprecated": "0.7.0",
|
|
1942
|
+
"deleted": "0.8.0",
|
|
1895
1943
|
"replacement": "color.background.accent.red.subtler",
|
|
1896
1944
|
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1897
1945
|
},
|
|
@@ -1904,6 +1952,8 @@ var tokens = [{
|
|
|
1904
1952
|
"group": "paint",
|
|
1905
1953
|
"state": "deleted",
|
|
1906
1954
|
"introduced": "0.6.0",
|
|
1955
|
+
"deprecated": "0.7.0",
|
|
1956
|
+
"deleted": "0.8.0",
|
|
1907
1957
|
"replacement": "color.background.accent.red.subtle",
|
|
1908
1958
|
"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."
|
|
1909
1959
|
},
|
|
@@ -1915,6 +1965,8 @@ var tokens = [{
|
|
|
1915
1965
|
"group": "paint",
|
|
1916
1966
|
"state": "deleted",
|
|
1917
1967
|
"introduced": "0.6.0",
|
|
1968
|
+
"deprecated": "0.7.0",
|
|
1969
|
+
"deleted": "0.8.0",
|
|
1918
1970
|
"replacement": "color.background.accent.red.subtle",
|
|
1919
1971
|
"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."
|
|
1920
1972
|
},
|
|
@@ -2011,6 +2063,8 @@ var tokens = [{
|
|
|
2011
2063
|
"group": "paint",
|
|
2012
2064
|
"state": "deleted",
|
|
2013
2065
|
"introduced": "0.6.0",
|
|
2066
|
+
"deprecated": "0.7.0",
|
|
2067
|
+
"deleted": "0.8.0",
|
|
2014
2068
|
"replacement": "color.background.accent.orange.subtler",
|
|
2015
2069
|
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2016
2070
|
},
|
|
@@ -2022,6 +2076,8 @@ var tokens = [{
|
|
|
2022
2076
|
"group": "paint",
|
|
2023
2077
|
"state": "deleted",
|
|
2024
2078
|
"introduced": "0.6.0",
|
|
2079
|
+
"deprecated": "0.7.0",
|
|
2080
|
+
"deleted": "0.8.0",
|
|
2025
2081
|
"replacement": "color.background.accent.orange.subtler",
|
|
2026
2082
|
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2027
2083
|
},
|
|
@@ -2034,6 +2090,8 @@ var tokens = [{
|
|
|
2034
2090
|
"group": "paint",
|
|
2035
2091
|
"state": "deleted",
|
|
2036
2092
|
"introduced": "0.6.0",
|
|
2093
|
+
"deprecated": "0.7.0",
|
|
2094
|
+
"deleted": "0.8.0",
|
|
2037
2095
|
"replacement": "color.background.accent.orange.subtle",
|
|
2038
2096
|
"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."
|
|
2039
2097
|
},
|
|
@@ -2045,6 +2103,8 @@ var tokens = [{
|
|
|
2045
2103
|
"group": "paint",
|
|
2046
2104
|
"state": "deleted",
|
|
2047
2105
|
"introduced": "0.6.0",
|
|
2106
|
+
"deprecated": "0.7.0",
|
|
2107
|
+
"deleted": "0.8.0",
|
|
2048
2108
|
"replacement": "color.background.accent.orange.subtle",
|
|
2049
2109
|
"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."
|
|
2050
2110
|
},
|
|
@@ -2141,6 +2201,8 @@ var tokens = [{
|
|
|
2141
2201
|
"group": "paint",
|
|
2142
2202
|
"state": "deleted",
|
|
2143
2203
|
"introduced": "0.6.0",
|
|
2204
|
+
"deprecated": "0.7.0",
|
|
2205
|
+
"deleted": "0.8.0",
|
|
2144
2206
|
"replacement": "color.background.accent.yellow.subtler",
|
|
2145
2207
|
"description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2146
2208
|
},
|
|
@@ -2152,6 +2214,8 @@ var tokens = [{
|
|
|
2152
2214
|
"group": "paint",
|
|
2153
2215
|
"state": "deleted",
|
|
2154
2216
|
"introduced": "0.6.0",
|
|
2217
|
+
"deprecated": "0.7.0",
|
|
2218
|
+
"deleted": "0.8.0",
|
|
2155
2219
|
"replacement": "color.background.accent.yellow.subtler",
|
|
2156
2220
|
"description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2157
2221
|
},
|
|
@@ -2164,6 +2228,8 @@ var tokens = [{
|
|
|
2164
2228
|
"group": "paint",
|
|
2165
2229
|
"state": "deleted",
|
|
2166
2230
|
"introduced": "0.6.0",
|
|
2231
|
+
"deprecated": "0.7.0",
|
|
2232
|
+
"deleted": "0.8.0",
|
|
2167
2233
|
"replacement": "color.background.accent.yellow.subtle",
|
|
2168
2234
|
"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."
|
|
2169
2235
|
},
|
|
@@ -2175,6 +2241,8 @@ var tokens = [{
|
|
|
2175
2241
|
"group": "paint",
|
|
2176
2242
|
"state": "deleted",
|
|
2177
2243
|
"introduced": "0.6.0",
|
|
2244
|
+
"deprecated": "0.7.0",
|
|
2245
|
+
"deleted": "0.8.0",
|
|
2178
2246
|
"replacement": "color.background.accent.yellow.subtle",
|
|
2179
2247
|
"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."
|
|
2180
2248
|
},
|
|
@@ -2271,6 +2339,8 @@ var tokens = [{
|
|
|
2271
2339
|
"group": "paint",
|
|
2272
2340
|
"state": "deleted",
|
|
2273
2341
|
"introduced": "0.6.0",
|
|
2342
|
+
"deprecated": "0.7.0",
|
|
2343
|
+
"deleted": "0.8.0",
|
|
2274
2344
|
"replacement": "color.background.accent.green.subtler",
|
|
2275
2345
|
"description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2276
2346
|
},
|
|
@@ -2282,6 +2352,8 @@ var tokens = [{
|
|
|
2282
2352
|
"group": "paint",
|
|
2283
2353
|
"state": "deleted",
|
|
2284
2354
|
"introduced": "0.6.0",
|
|
2355
|
+
"deprecated": "0.7.0",
|
|
2356
|
+
"deleted": "0.8.0",
|
|
2285
2357
|
"replacement": "color.background.accent.green.subtler",
|
|
2286
2358
|
"description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2287
2359
|
},
|
|
@@ -2294,6 +2366,8 @@ var tokens = [{
|
|
|
2294
2366
|
"group": "paint",
|
|
2295
2367
|
"state": "deleted",
|
|
2296
2368
|
"introduced": "0.6.0",
|
|
2369
|
+
"deprecated": "0.7.0",
|
|
2370
|
+
"deleted": "0.8.0",
|
|
2297
2371
|
"replacement": "color.background.accent.green.subtle",
|
|
2298
2372
|
"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."
|
|
2299
2373
|
},
|
|
@@ -2305,6 +2379,8 @@ var tokens = [{
|
|
|
2305
2379
|
"group": "paint",
|
|
2306
2380
|
"state": "deleted",
|
|
2307
2381
|
"introduced": "0.6.0",
|
|
2382
|
+
"deprecated": "0.7.0",
|
|
2383
|
+
"deleted": "0.8.0",
|
|
2308
2384
|
"replacement": "color.background.accent.green.subtle",
|
|
2309
2385
|
"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."
|
|
2310
2386
|
},
|
|
@@ -2401,6 +2477,8 @@ var tokens = [{
|
|
|
2401
2477
|
"group": "paint",
|
|
2402
2478
|
"state": "deleted",
|
|
2403
2479
|
"introduced": "0.6.0",
|
|
2480
|
+
"deprecated": "0.7.0",
|
|
2481
|
+
"deleted": "0.8.0",
|
|
2404
2482
|
"replacement": "color.background.accent.teal.subtler",
|
|
2405
2483
|
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2406
2484
|
},
|
|
@@ -2412,6 +2490,8 @@ var tokens = [{
|
|
|
2412
2490
|
"group": "paint",
|
|
2413
2491
|
"state": "deleted",
|
|
2414
2492
|
"introduced": "0.6.0",
|
|
2493
|
+
"deprecated": "0.7.0",
|
|
2494
|
+
"deleted": "0.8.0",
|
|
2415
2495
|
"replacement": "color.background.accent.teal.subtler",
|
|
2416
2496
|
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2417
2497
|
},
|
|
@@ -2424,6 +2504,8 @@ var tokens = [{
|
|
|
2424
2504
|
"group": "paint",
|
|
2425
2505
|
"state": "deleted",
|
|
2426
2506
|
"introduced": "0.6.0",
|
|
2507
|
+
"deprecated": "0.7.0",
|
|
2508
|
+
"deleted": "0.8.0",
|
|
2427
2509
|
"replacement": "color.background.accent.teal.subtle",
|
|
2428
2510
|
"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."
|
|
2429
2511
|
},
|
|
@@ -2435,6 +2517,8 @@ var tokens = [{
|
|
|
2435
2517
|
"group": "paint",
|
|
2436
2518
|
"state": "deleted",
|
|
2437
2519
|
"introduced": "0.6.0",
|
|
2520
|
+
"deprecated": "0.7.0",
|
|
2521
|
+
"deleted": "0.8.0",
|
|
2438
2522
|
"replacement": "color.background.accent.teal.subtle",
|
|
2439
2523
|
"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."
|
|
2440
2524
|
},
|
|
@@ -2531,6 +2615,8 @@ var tokens = [{
|
|
|
2531
2615
|
"group": "paint",
|
|
2532
2616
|
"state": "deleted",
|
|
2533
2617
|
"introduced": "0.6.0",
|
|
2618
|
+
"deprecated": "0.7.0",
|
|
2619
|
+
"deleted": "0.8.0",
|
|
2534
2620
|
"replacement": "color.background.accent.purple.subtler",
|
|
2535
2621
|
"description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2536
2622
|
},
|
|
@@ -2542,6 +2628,8 @@ var tokens = [{
|
|
|
2542
2628
|
"group": "paint",
|
|
2543
2629
|
"state": "deleted",
|
|
2544
2630
|
"introduced": "0.6.0",
|
|
2631
|
+
"deprecated": "0.7.0",
|
|
2632
|
+
"deleted": "0.8.0",
|
|
2545
2633
|
"replacement": "color.background.accent.purple.subtler",
|
|
2546
2634
|
"description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2547
2635
|
},
|
|
@@ -2554,6 +2642,8 @@ var tokens = [{
|
|
|
2554
2642
|
"group": "paint",
|
|
2555
2643
|
"state": "deleted",
|
|
2556
2644
|
"introduced": "0.6.0",
|
|
2645
|
+
"deprecated": "0.7.0",
|
|
2646
|
+
"deleted": "0.8.0",
|
|
2557
2647
|
"replacement": "color.background.accent.purple.subtle",
|
|
2558
2648
|
"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."
|
|
2559
2649
|
},
|
|
@@ -2565,6 +2655,8 @@ var tokens = [{
|
|
|
2565
2655
|
"group": "paint",
|
|
2566
2656
|
"state": "deleted",
|
|
2567
2657
|
"introduced": "0.6.0",
|
|
2658
|
+
"deprecated": "0.7.0",
|
|
2659
|
+
"deleted": "0.8.0",
|
|
2568
2660
|
"replacement": "color.background.accent.purple.subtle",
|
|
2569
2661
|
"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."
|
|
2570
2662
|
},
|
|
@@ -2661,6 +2753,8 @@ var tokens = [{
|
|
|
2661
2753
|
"group": "paint",
|
|
2662
2754
|
"state": "deleted",
|
|
2663
2755
|
"introduced": "0.6.0",
|
|
2756
|
+
"deprecated": "0.7.0",
|
|
2757
|
+
"deleted": "0.8.0",
|
|
2664
2758
|
"replacement": "color.background.accent.magenta.subtler",
|
|
2665
2759
|
"description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2666
2760
|
},
|
|
@@ -2672,6 +2766,8 @@ var tokens = [{
|
|
|
2672
2766
|
"group": "paint",
|
|
2673
2767
|
"state": "deleted",
|
|
2674
2768
|
"introduced": "0.6.0",
|
|
2769
|
+
"deprecated": "0.7.0",
|
|
2770
|
+
"deleted": "0.8.0",
|
|
2675
2771
|
"replacement": "color.background.accent.magenta.subtler",
|
|
2676
2772
|
"description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2677
2773
|
},
|
|
@@ -2684,6 +2780,8 @@ var tokens = [{
|
|
|
2684
2780
|
"group": "paint",
|
|
2685
2781
|
"state": "deleted",
|
|
2686
2782
|
"introduced": "0.6.0",
|
|
2783
|
+
"deprecated": "0.7.0",
|
|
2784
|
+
"deleted": "0.8.0",
|
|
2687
2785
|
"replacement": "color.background.accent.magenta.subtle",
|
|
2688
2786
|
"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."
|
|
2689
2787
|
},
|
|
@@ -2695,6 +2793,8 @@ var tokens = [{
|
|
|
2695
2793
|
"group": "paint",
|
|
2696
2794
|
"state": "deleted",
|
|
2697
2795
|
"introduced": "0.6.0",
|
|
2796
|
+
"deprecated": "0.7.0",
|
|
2797
|
+
"deleted": "0.8.0",
|
|
2698
2798
|
"replacement": "color.background.accent.magenta.subtle",
|
|
2699
2799
|
"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."
|
|
2700
2800
|
},
|
|
@@ -2791,6 +2891,7 @@ var tokens = [{
|
|
|
2791
2891
|
"group": "paint",
|
|
2792
2892
|
"state": "deprecated",
|
|
2793
2893
|
"introduced": "0.1.0",
|
|
2894
|
+
"deprecated": "0.8.3",
|
|
2794
2895
|
"replacement": "color.background.inverse.subtle.[default]",
|
|
2795
2896
|
"description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
|
|
2796
2897
|
},
|
|
@@ -2802,6 +2903,7 @@ var tokens = [{
|
|
|
2802
2903
|
"group": "paint",
|
|
2803
2904
|
"state": "deprecated",
|
|
2804
2905
|
"introduced": "0.1.0",
|
|
2906
|
+
"deprecated": "0.8.3",
|
|
2805
2907
|
"replacement": "color.background.inverse.subtle.[default]",
|
|
2806
2908
|
"description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
|
|
2807
2909
|
},
|
|
@@ -3129,6 +3231,7 @@ var tokens = [{
|
|
|
3129
3231
|
"group": "paint",
|
|
3130
3232
|
"state": "deprecated",
|
|
3131
3233
|
"introduced": "0.6.0",
|
|
3234
|
+
"deprecated": "0.6.2",
|
|
3132
3235
|
"replacement": "color.background.selected.[default].[default]",
|
|
3133
3236
|
"description": "Use for the background of elements used to reinforce our brand."
|
|
3134
3237
|
},
|
|
@@ -3140,6 +3243,7 @@ var tokens = [{
|
|
|
3140
3243
|
"group": "paint",
|
|
3141
3244
|
"state": "deprecated",
|
|
3142
3245
|
"introduced": "0.6.0",
|
|
3246
|
+
"deprecated": "0.6.2",
|
|
3143
3247
|
"replacement": "color.background.selected.[default].[default]",
|
|
3144
3248
|
"description": "Use for the background of elements used to reinforce our brand."
|
|
3145
3249
|
},
|
|
@@ -3152,6 +3256,7 @@ var tokens = [{
|
|
|
3152
3256
|
"group": "paint",
|
|
3153
3257
|
"state": "deprecated",
|
|
3154
3258
|
"introduced": "0.6.0",
|
|
3259
|
+
"deprecated": "0.6.2",
|
|
3155
3260
|
"replacement": "color.background.selected.[default].hovered",
|
|
3156
3261
|
"description": "Hovered state for color.background.brand"
|
|
3157
3262
|
},
|
|
@@ -3163,6 +3268,7 @@ var tokens = [{
|
|
|
3163
3268
|
"group": "paint",
|
|
3164
3269
|
"state": "deprecated",
|
|
3165
3270
|
"introduced": "0.6.0",
|
|
3271
|
+
"deprecated": "0.6.2",
|
|
3166
3272
|
"replacement": "color.background.selected.[default].hovered",
|
|
3167
3273
|
"description": "Hovered state for color.background.brand"
|
|
3168
3274
|
},
|
|
@@ -3175,6 +3281,7 @@ var tokens = [{
|
|
|
3175
3281
|
"group": "paint",
|
|
3176
3282
|
"state": "deprecated",
|
|
3177
3283
|
"introduced": "0.6.0",
|
|
3284
|
+
"deprecated": "0.6.2",
|
|
3178
3285
|
"replacement": "color.background.selected.[default].pressed",
|
|
3179
3286
|
"description": "Pressed state for color.background.brand"
|
|
3180
3287
|
},
|
|
@@ -3186,6 +3293,7 @@ var tokens = [{
|
|
|
3186
3293
|
"group": "paint",
|
|
3187
3294
|
"state": "deprecated",
|
|
3188
3295
|
"introduced": "0.6.0",
|
|
3296
|
+
"deprecated": "0.6.2",
|
|
3189
3297
|
"replacement": "color.background.selected.[default].pressed",
|
|
3190
3298
|
"description": "Pressed state for color.background.brand"
|
|
3191
3299
|
},
|
|
@@ -3324,6 +3432,7 @@ var tokens = [{
|
|
|
3324
3432
|
"group": "paint",
|
|
3325
3433
|
"state": "deprecated",
|
|
3326
3434
|
"introduced": "0.1.0",
|
|
3435
|
+
"deprecated": "0.6.0",
|
|
3327
3436
|
"replacement": "color.background.selected.[default].[default]",
|
|
3328
3437
|
"description": "Use for backgrounds of elements in a selected state"
|
|
3329
3438
|
},
|
|
@@ -3335,6 +3444,7 @@ var tokens = [{
|
|
|
3335
3444
|
"group": "paint",
|
|
3336
3445
|
"state": "deprecated",
|
|
3337
3446
|
"introduced": "0.1.0",
|
|
3447
|
+
"deprecated": "0.6.0",
|
|
3338
3448
|
"replacement": "color.background.selected.[default].[default]",
|
|
3339
3449
|
"description": "Use for backgrounds of elements in a selected state"
|
|
3340
3450
|
},
|
|
@@ -3347,6 +3457,7 @@ var tokens = [{
|
|
|
3347
3457
|
"group": "paint",
|
|
3348
3458
|
"state": "deprecated",
|
|
3349
3459
|
"introduced": "0.1.0",
|
|
3460
|
+
"deprecated": "0.6.0",
|
|
3350
3461
|
"replacement": "color.background.selected.[default].hovered",
|
|
3351
3462
|
"description": "Hover state for color.background.selected"
|
|
3352
3463
|
},
|
|
@@ -3358,6 +3469,7 @@ var tokens = [{
|
|
|
3358
3469
|
"group": "paint",
|
|
3359
3470
|
"state": "deprecated",
|
|
3360
3471
|
"introduced": "0.1.0",
|
|
3472
|
+
"deprecated": "0.6.0",
|
|
3361
3473
|
"replacement": "color.background.selected.[default].hovered",
|
|
3362
3474
|
"description": "Hover state for color.background.selected"
|
|
3363
3475
|
},
|
|
@@ -4000,6 +4112,8 @@ var tokens = [{
|
|
|
4000
4112
|
"group": "paint",
|
|
4001
4113
|
"state": "deleted",
|
|
4002
4114
|
"introduced": "0.0.15",
|
|
4115
|
+
"deprecated": "0.6.0",
|
|
4116
|
+
"deleted": "0.8.0",
|
|
4003
4117
|
"replacement": "color.blanket.[default]",
|
|
4004
4118
|
"description": "Use for the screen overlay that appears with modal dialogs"
|
|
4005
4119
|
},
|
|
@@ -4011,6 +4125,8 @@ var tokens = [{
|
|
|
4011
4125
|
"group": "paint",
|
|
4012
4126
|
"state": "deleted",
|
|
4013
4127
|
"introduced": "0.0.15",
|
|
4128
|
+
"deprecated": "0.6.0",
|
|
4129
|
+
"deleted": "0.8.0",
|
|
4014
4130
|
"replacement": "color.blanket.[default]",
|
|
4015
4131
|
"description": "Use for the screen overlay that appears with modal dialogs"
|
|
4016
4132
|
},
|
|
@@ -4023,6 +4139,8 @@ var tokens = [{
|
|
|
4023
4139
|
"group": "paint",
|
|
4024
4140
|
"state": "deleted",
|
|
4025
4141
|
"introduced": "0.0.15",
|
|
4142
|
+
"deprecated": "0.6.0",
|
|
4143
|
+
"deleted": "0.8.0",
|
|
4026
4144
|
"replacement": "color.background.brand.bold.hovered",
|
|
4027
4145
|
"description": "Hover state of background.boldBrand"
|
|
4028
4146
|
},
|
|
@@ -4034,6 +4152,8 @@ var tokens = [{
|
|
|
4034
4152
|
"group": "paint",
|
|
4035
4153
|
"state": "deleted",
|
|
4036
4154
|
"introduced": "0.0.15",
|
|
4155
|
+
"deprecated": "0.6.0",
|
|
4156
|
+
"deleted": "0.8.0",
|
|
4037
4157
|
"replacement": "color.background.brand.bold.hovered",
|
|
4038
4158
|
"description": "Hover state of background.boldBrand"
|
|
4039
4159
|
},
|
|
@@ -4046,6 +4166,8 @@ var tokens = [{
|
|
|
4046
4166
|
"group": "paint",
|
|
4047
4167
|
"state": "deleted",
|
|
4048
4168
|
"introduced": "0.0.15",
|
|
4169
|
+
"deprecated": "0.6.0",
|
|
4170
|
+
"deleted": "0.8.0",
|
|
4049
4171
|
"replacement": "color.background.brand.bold.pressed",
|
|
4050
4172
|
"description": "Pressed state of background.boldBrand"
|
|
4051
4173
|
},
|
|
@@ -4057,6 +4179,8 @@ var tokens = [{
|
|
|
4057
4179
|
"group": "paint",
|
|
4058
4180
|
"state": "deleted",
|
|
4059
4181
|
"introduced": "0.0.15",
|
|
4182
|
+
"deprecated": "0.6.0",
|
|
4183
|
+
"deleted": "0.8.0",
|
|
4060
4184
|
"replacement": "color.background.brand.bold.pressed",
|
|
4061
4185
|
"description": "Pressed state of background.boldBrand"
|
|
4062
4186
|
},
|
|
@@ -4069,6 +4193,8 @@ var tokens = [{
|
|
|
4069
4193
|
"group": "paint",
|
|
4070
4194
|
"state": "deleted",
|
|
4071
4195
|
"introduced": "0.0.15",
|
|
4196
|
+
"deprecated": "0.6.0",
|
|
4197
|
+
"deleted": "0.8.0",
|
|
4072
4198
|
"replacement": "color.background.brand.bold.[default]",
|
|
4073
4199
|
"description": "A vibrant background for small UI elements like primary buttons and bold in progress lozenges."
|
|
4074
4200
|
},
|
|
@@ -4080,6 +4206,8 @@ var tokens = [{
|
|
|
4080
4206
|
"group": "paint",
|
|
4081
4207
|
"state": "deleted",
|
|
4082
4208
|
"introduced": "0.0.15",
|
|
4209
|
+
"deprecated": "0.6.0",
|
|
4210
|
+
"deleted": "0.8.0",
|
|
4083
4211
|
"replacement": "color.background.brand.bold.[default]",
|
|
4084
4212
|
"description": "A vibrant background for small UI elements like primary buttons and bold in progress lozenges."
|
|
4085
4213
|
},
|
|
@@ -4092,6 +4220,8 @@ var tokens = [{
|
|
|
4092
4220
|
"group": "paint",
|
|
4093
4221
|
"state": "deleted",
|
|
4094
4222
|
"introduced": "0.0.15",
|
|
4223
|
+
"deprecated": "0.6.0",
|
|
4224
|
+
"deleted": "0.8.0",
|
|
4095
4225
|
"replacement": "color.background.danger.bold.hovered",
|
|
4096
4226
|
"description": "Hover state of background.boldDanger"
|
|
4097
4227
|
},
|
|
@@ -4103,6 +4233,8 @@ var tokens = [{
|
|
|
4103
4233
|
"group": "paint",
|
|
4104
4234
|
"state": "deleted",
|
|
4105
4235
|
"introduced": "0.0.15",
|
|
4236
|
+
"deprecated": "0.6.0",
|
|
4237
|
+
"deleted": "0.8.0",
|
|
4106
4238
|
"replacement": "color.background.danger.bold.hovered",
|
|
4107
4239
|
"description": "Hover state of background.boldDanger"
|
|
4108
4240
|
},
|
|
@@ -4115,6 +4247,8 @@ var tokens = [{
|
|
|
4115
4247
|
"group": "paint",
|
|
4116
4248
|
"state": "deleted",
|
|
4117
4249
|
"introduced": "0.0.15",
|
|
4250
|
+
"deprecated": "0.6.0",
|
|
4251
|
+
"deleted": "0.8.0",
|
|
4118
4252
|
"replacement": "color.background.danger.bold.pressed",
|
|
4119
4253
|
"description": "Pressed state of background.boldDanger"
|
|
4120
4254
|
},
|
|
@@ -4126,6 +4260,8 @@ var tokens = [{
|
|
|
4126
4260
|
"group": "paint",
|
|
4127
4261
|
"state": "deleted",
|
|
4128
4262
|
"introduced": "0.0.15",
|
|
4263
|
+
"deprecated": "0.6.0",
|
|
4264
|
+
"deleted": "0.8.0",
|
|
4129
4265
|
"replacement": "color.background.danger.bold.pressed",
|
|
4130
4266
|
"description": "Pressed state of background.boldDanger"
|
|
4131
4267
|
},
|
|
@@ -4138,6 +4274,8 @@ var tokens = [{
|
|
|
4138
4274
|
"group": "paint",
|
|
4139
4275
|
"state": "deleted",
|
|
4140
4276
|
"introduced": "0.0.15",
|
|
4277
|
+
"deprecated": "0.6.0",
|
|
4278
|
+
"deleted": "0.8.0",
|
|
4141
4279
|
"replacement": "color.background.danger.bold.[default]",
|
|
4142
4280
|
"description": "A vibrant background for small UI elements like danger buttons and bold removed lozenges."
|
|
4143
4281
|
},
|
|
@@ -4149,6 +4287,8 @@ var tokens = [{
|
|
|
4149
4287
|
"group": "paint",
|
|
4150
4288
|
"state": "deleted",
|
|
4151
4289
|
"introduced": "0.0.15",
|
|
4290
|
+
"deprecated": "0.6.0",
|
|
4291
|
+
"deleted": "0.8.0",
|
|
4152
4292
|
"replacement": "color.background.danger.bold.[default]",
|
|
4153
4293
|
"description": "A vibrant background for small UI elements like danger buttons and bold removed lozenges."
|
|
4154
4294
|
},
|
|
@@ -4161,6 +4301,8 @@ var tokens = [{
|
|
|
4161
4301
|
"group": "paint",
|
|
4162
4302
|
"state": "deleted",
|
|
4163
4303
|
"introduced": "0.0.15",
|
|
4304
|
+
"deprecated": "0.6.0",
|
|
4305
|
+
"deleted": "0.8.0",
|
|
4164
4306
|
"replacement": "color.background.discovery.bold.hovered",
|
|
4165
4307
|
"description": "Hover state of background.boldDiscovery"
|
|
4166
4308
|
},
|
|
@@ -4172,6 +4314,8 @@ var tokens = [{
|
|
|
4172
4314
|
"group": "paint",
|
|
4173
4315
|
"state": "deleted",
|
|
4174
4316
|
"introduced": "0.0.15",
|
|
4317
|
+
"deprecated": "0.6.0",
|
|
4318
|
+
"deleted": "0.8.0",
|
|
4175
4319
|
"replacement": "color.background.discovery.bold.hovered",
|
|
4176
4320
|
"description": "Hover state of background.boldDiscovery"
|
|
4177
4321
|
},
|
|
@@ -4184,6 +4328,8 @@ var tokens = [{
|
|
|
4184
4328
|
"group": "paint",
|
|
4185
4329
|
"state": "deleted",
|
|
4186
4330
|
"introduced": "0.0.15",
|
|
4331
|
+
"deprecated": "0.6.0",
|
|
4332
|
+
"deleted": "0.8.0",
|
|
4187
4333
|
"replacement": "color.background.discovery.bold.pressed",
|
|
4188
4334
|
"description": "Pressed state of background.boldDiscovery"
|
|
4189
4335
|
},
|
|
@@ -4195,6 +4341,8 @@ var tokens = [{
|
|
|
4195
4341
|
"group": "paint",
|
|
4196
4342
|
"state": "deleted",
|
|
4197
4343
|
"introduced": "0.0.15",
|
|
4344
|
+
"deprecated": "0.6.0",
|
|
4345
|
+
"deleted": "0.8.0",
|
|
4198
4346
|
"replacement": "color.background.discovery.bold.pressed",
|
|
4199
4347
|
"description": "Pressed state of background.boldDiscovery"
|
|
4200
4348
|
},
|
|
@@ -4207,6 +4355,8 @@ var tokens = [{
|
|
|
4207
4355
|
"group": "paint",
|
|
4208
4356
|
"state": "deleted",
|
|
4209
4357
|
"introduced": "0.0.15",
|
|
4358
|
+
"deprecated": "0.6.0",
|
|
4359
|
+
"deleted": "0.8.0",
|
|
4210
4360
|
"replacement": "color.background.discovery.bold.[default]",
|
|
4211
4361
|
"description": "A vibrant background for small UI elements like onboarding buttons and bold new lozenges."
|
|
4212
4362
|
},
|
|
@@ -4218,6 +4368,8 @@ var tokens = [{
|
|
|
4218
4368
|
"group": "paint",
|
|
4219
4369
|
"state": "deleted",
|
|
4220
4370
|
"introduced": "0.0.15",
|
|
4371
|
+
"deprecated": "0.6.0",
|
|
4372
|
+
"deleted": "0.8.0",
|
|
4221
4373
|
"replacement": "color.background.discovery.bold.[default]",
|
|
4222
4374
|
"description": "A vibrant background for small UI elements like onboarding buttons and bold new lozenges."
|
|
4223
4375
|
},
|
|
@@ -4230,6 +4382,8 @@ var tokens = [{
|
|
|
4230
4382
|
"group": "paint",
|
|
4231
4383
|
"state": "deleted",
|
|
4232
4384
|
"introduced": "0.0.15",
|
|
4385
|
+
"deprecated": "0.6.0",
|
|
4386
|
+
"deleted": "0.8.0",
|
|
4233
4387
|
"replacement": "color.background.neutral.bold.hovered",
|
|
4234
4388
|
"description": "Hover state of background.boldNeutral"
|
|
4235
4389
|
},
|
|
@@ -4241,6 +4395,8 @@ var tokens = [{
|
|
|
4241
4395
|
"group": "paint",
|
|
4242
4396
|
"state": "deleted",
|
|
4243
4397
|
"introduced": "0.0.15",
|
|
4398
|
+
"deprecated": "0.6.0",
|
|
4399
|
+
"deleted": "0.8.0",
|
|
4244
4400
|
"replacement": "color.background.neutral.bold.hovered",
|
|
4245
4401
|
"description": "Hover state of background.boldNeutral"
|
|
4246
4402
|
},
|
|
@@ -4253,6 +4409,8 @@ var tokens = [{
|
|
|
4253
4409
|
"group": "paint",
|
|
4254
4410
|
"state": "deleted",
|
|
4255
4411
|
"introduced": "0.0.15",
|
|
4412
|
+
"deprecated": "0.6.0",
|
|
4413
|
+
"deleted": "0.8.0",
|
|
4256
4414
|
"replacement": "color.background.neutral.bold.pressed",
|
|
4257
4415
|
"description": "Pressed state of background.boldNeutral"
|
|
4258
4416
|
},
|
|
@@ -4264,6 +4422,8 @@ var tokens = [{
|
|
|
4264
4422
|
"group": "paint",
|
|
4265
4423
|
"state": "deleted",
|
|
4266
4424
|
"introduced": "0.0.15",
|
|
4425
|
+
"deprecated": "0.6.0",
|
|
4426
|
+
"deleted": "0.8.0",
|
|
4267
4427
|
"replacement": "color.background.neutral.bold.pressed",
|
|
4268
4428
|
"description": "Pressed state of background.boldNeutral"
|
|
4269
4429
|
},
|
|
@@ -4276,6 +4436,8 @@ var tokens = [{
|
|
|
4276
4436
|
"group": "paint",
|
|
4277
4437
|
"state": "deleted",
|
|
4278
4438
|
"introduced": "0.0.15",
|
|
4439
|
+
"deprecated": "0.6.0",
|
|
4440
|
+
"deleted": "0.8.0",
|
|
4279
4441
|
"replacement": "color.background.neutral.bold.[default]",
|
|
4280
4442
|
"description": "A vibrant background for small UI elements like unchecked toggles and bold default lozenges."
|
|
4281
4443
|
},
|
|
@@ -4287,6 +4449,8 @@ var tokens = [{
|
|
|
4287
4449
|
"group": "paint",
|
|
4288
4450
|
"state": "deleted",
|
|
4289
4451
|
"introduced": "0.0.15",
|
|
4452
|
+
"deprecated": "0.6.0",
|
|
4453
|
+
"deleted": "0.8.0",
|
|
4290
4454
|
"replacement": "color.background.neutral.bold.[default]",
|
|
4291
4455
|
"description": "A vibrant background for small UI elements like unchecked toggles and bold default lozenges."
|
|
4292
4456
|
},
|
|
@@ -4299,6 +4463,8 @@ var tokens = [{
|
|
|
4299
4463
|
"group": "paint",
|
|
4300
4464
|
"state": "deleted",
|
|
4301
4465
|
"introduced": "0.0.15",
|
|
4466
|
+
"deprecated": "0.6.0",
|
|
4467
|
+
"deleted": "0.8.0",
|
|
4302
4468
|
"replacement": "color.background.success.bold.hovered",
|
|
4303
4469
|
"description": "Hover state of background.boldSuccess"
|
|
4304
4470
|
},
|
|
@@ -4310,6 +4476,8 @@ var tokens = [{
|
|
|
4310
4476
|
"group": "paint",
|
|
4311
4477
|
"state": "deleted",
|
|
4312
4478
|
"introduced": "0.0.15",
|
|
4479
|
+
"deprecated": "0.6.0",
|
|
4480
|
+
"deleted": "0.8.0",
|
|
4313
4481
|
"replacement": "color.background.success.bold.hovered",
|
|
4314
4482
|
"description": "Hover state of background.boldSuccess"
|
|
4315
4483
|
},
|
|
@@ -4322,6 +4490,8 @@ var tokens = [{
|
|
|
4322
4490
|
"group": "paint",
|
|
4323
4491
|
"state": "deleted",
|
|
4324
4492
|
"introduced": "0.0.15",
|
|
4493
|
+
"deprecated": "0.6.0",
|
|
4494
|
+
"deleted": "0.8.0",
|
|
4325
4495
|
"replacement": "color.background.success.bold.pressed",
|
|
4326
4496
|
"description": "Pressed state of background.boldSuccess"
|
|
4327
4497
|
},
|
|
@@ -4333,6 +4503,8 @@ var tokens = [{
|
|
|
4333
4503
|
"group": "paint",
|
|
4334
4504
|
"state": "deleted",
|
|
4335
4505
|
"introduced": "0.0.15",
|
|
4506
|
+
"deprecated": "0.6.0",
|
|
4507
|
+
"deleted": "0.8.0",
|
|
4336
4508
|
"replacement": "color.background.success.bold.pressed",
|
|
4337
4509
|
"description": "Pressed state of background.boldSuccess"
|
|
4338
4510
|
},
|
|
@@ -4345,6 +4517,8 @@ var tokens = [{
|
|
|
4345
4517
|
"group": "paint",
|
|
4346
4518
|
"state": "deleted",
|
|
4347
4519
|
"introduced": "0.0.15",
|
|
4520
|
+
"deprecated": "0.6.0",
|
|
4521
|
+
"deleted": "0.8.0",
|
|
4348
4522
|
"replacement": "color.background.success.bold.[default]",
|
|
4349
4523
|
"description": "A vibrant background for small UI elements like checked toggles and bold success lozenges."
|
|
4350
4524
|
},
|
|
@@ -4356,6 +4530,8 @@ var tokens = [{
|
|
|
4356
4530
|
"group": "paint",
|
|
4357
4531
|
"state": "deleted",
|
|
4358
4532
|
"introduced": "0.0.15",
|
|
4533
|
+
"deprecated": "0.6.0",
|
|
4534
|
+
"deleted": "0.8.0",
|
|
4359
4535
|
"replacement": "color.background.success.bold.[default]",
|
|
4360
4536
|
"description": "A vibrant background for small UI elements like checked toggles and bold success lozenges."
|
|
4361
4537
|
},
|
|
@@ -4368,6 +4544,8 @@ var tokens = [{
|
|
|
4368
4544
|
"group": "paint",
|
|
4369
4545
|
"state": "deleted",
|
|
4370
4546
|
"introduced": "0.0.15",
|
|
4547
|
+
"deprecated": "0.6.0",
|
|
4548
|
+
"deleted": "0.8.0",
|
|
4371
4549
|
"replacement": "color.background.warning.bold.hovered",
|
|
4372
4550
|
"description": "Hover state of background.boldWarning"
|
|
4373
4551
|
},
|
|
@@ -4379,6 +4557,8 @@ var tokens = [{
|
|
|
4379
4557
|
"group": "paint",
|
|
4380
4558
|
"state": "deleted",
|
|
4381
4559
|
"introduced": "0.0.15",
|
|
4560
|
+
"deprecated": "0.6.0",
|
|
4561
|
+
"deleted": "0.8.0",
|
|
4382
4562
|
"replacement": "color.background.warning.bold.hovered",
|
|
4383
4563
|
"description": "Hover state of background.boldWarning"
|
|
4384
4564
|
},
|
|
@@ -4391,6 +4571,8 @@ var tokens = [{
|
|
|
4391
4571
|
"group": "paint",
|
|
4392
4572
|
"state": "deleted",
|
|
4393
4573
|
"introduced": "0.0.15",
|
|
4574
|
+
"deprecated": "0.6.0",
|
|
4575
|
+
"deleted": "0.8.0",
|
|
4394
4576
|
"replacement": "color.background.warning.bold.pressed",
|
|
4395
4577
|
"description": "Pressed state of background.boldWarning"
|
|
4396
4578
|
},
|
|
@@ -4402,6 +4584,8 @@ var tokens = [{
|
|
|
4402
4584
|
"group": "paint",
|
|
4403
4585
|
"state": "deleted",
|
|
4404
4586
|
"introduced": "0.0.15",
|
|
4587
|
+
"deprecated": "0.6.0",
|
|
4588
|
+
"deleted": "0.8.0",
|
|
4405
4589
|
"replacement": "color.background.warning.bold.pressed",
|
|
4406
4590
|
"description": "Pressed state of background.boldWarning"
|
|
4407
4591
|
},
|
|
@@ -4414,6 +4598,8 @@ var tokens = [{
|
|
|
4414
4598
|
"group": "paint",
|
|
4415
4599
|
"state": "deleted",
|
|
4416
4600
|
"introduced": "0.0.15",
|
|
4601
|
+
"deprecated": "0.6.0",
|
|
4602
|
+
"deleted": "0.8.0",
|
|
4417
4603
|
"replacement": "color.background.warning.bold.[default]",
|
|
4418
4604
|
"description": "A vibrant background for small UI elements like warning buttons and bold moved lozenges."
|
|
4419
4605
|
},
|
|
@@ -4425,6 +4611,8 @@ var tokens = [{
|
|
|
4425
4611
|
"group": "paint",
|
|
4426
4612
|
"state": "deleted",
|
|
4427
4613
|
"introduced": "0.0.15",
|
|
4614
|
+
"deprecated": "0.6.0",
|
|
4615
|
+
"deleted": "0.8.0",
|
|
4428
4616
|
"replacement": "color.background.warning.bold.[default]",
|
|
4429
4617
|
"description": "A vibrant background for small UI elements like warning buttons and bold moved lozenges."
|
|
4430
4618
|
},
|
|
@@ -4437,6 +4625,8 @@ var tokens = [{
|
|
|
4437
4625
|
"group": "paint",
|
|
4438
4626
|
"state": "deleted",
|
|
4439
4627
|
"introduced": "0.0.15",
|
|
4628
|
+
"deprecated": "0.6.0",
|
|
4629
|
+
"deleted": "0.8.0",
|
|
4440
4630
|
"replacement": "elevation.surface.raised",
|
|
4441
4631
|
"description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
|
|
4442
4632
|
},
|
|
@@ -4448,6 +4638,8 @@ var tokens = [{
|
|
|
4448
4638
|
"group": "paint",
|
|
4449
4639
|
"state": "deleted",
|
|
4450
4640
|
"introduced": "0.0.15",
|
|
4641
|
+
"deprecated": "0.6.0",
|
|
4642
|
+
"deleted": "0.8.0",
|
|
4451
4643
|
"replacement": "elevation.surface.raised",
|
|
4452
4644
|
"description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
|
|
4453
4645
|
},
|
|
@@ -4460,6 +4652,8 @@ var tokens = [{
|
|
|
4460
4652
|
"group": "paint",
|
|
4461
4653
|
"state": "deleted",
|
|
4462
4654
|
"introduced": "0.0.15",
|
|
4655
|
+
"deprecated": "0.6.0",
|
|
4656
|
+
"deleted": "0.8.0",
|
|
4463
4657
|
"replacement": "elevation.surface.[default]",
|
|
4464
4658
|
"description": "Use as the primary background for the UI"
|
|
4465
4659
|
},
|
|
@@ -4471,6 +4665,8 @@ var tokens = [{
|
|
|
4471
4665
|
"group": "paint",
|
|
4472
4666
|
"state": "deleted",
|
|
4473
4667
|
"introduced": "0.0.15",
|
|
4668
|
+
"deprecated": "0.6.0",
|
|
4669
|
+
"deleted": "0.8.0",
|
|
4474
4670
|
"replacement": "elevation.surface.[default]",
|
|
4475
4671
|
"description": "Use as the primary background for the UI"
|
|
4476
4672
|
},
|
|
@@ -4483,6 +4679,8 @@ var tokens = [{
|
|
|
4483
4679
|
"group": "paint",
|
|
4484
4680
|
"state": "deleted",
|
|
4485
4681
|
"introduced": "0.0.15",
|
|
4682
|
+
"deprecated": "0.6.0",
|
|
4683
|
+
"deleted": "0.8.0",
|
|
4486
4684
|
"replacement": "elevation.surface.overlay",
|
|
4487
4685
|
"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."
|
|
4488
4686
|
},
|
|
@@ -4494,6 +4692,8 @@ var tokens = [{
|
|
|
4494
4692
|
"group": "paint",
|
|
4495
4693
|
"state": "deleted",
|
|
4496
4694
|
"introduced": "0.0.15",
|
|
4695
|
+
"deprecated": "0.6.0",
|
|
4696
|
+
"deleted": "0.8.0",
|
|
4497
4697
|
"replacement": "elevation.surface.overlay",
|
|
4498
4698
|
"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."
|
|
4499
4699
|
},
|
|
@@ -4506,6 +4706,8 @@ var tokens = [{
|
|
|
4506
4706
|
"group": "paint",
|
|
4507
4707
|
"state": "deleted",
|
|
4508
4708
|
"introduced": "0.0.15",
|
|
4709
|
+
"deprecated": "0.6.0",
|
|
4710
|
+
"deleted": "0.8.0",
|
|
4509
4711
|
"replacement": "color.background.input.pressed",
|
|
4510
4712
|
"description": "Pressed state for background.subtleBorderedNeutral"
|
|
4511
4713
|
},
|
|
@@ -4517,6 +4719,8 @@ var tokens = [{
|
|
|
4517
4719
|
"group": "paint",
|
|
4518
4720
|
"state": "deleted",
|
|
4519
4721
|
"introduced": "0.0.15",
|
|
4722
|
+
"deprecated": "0.6.0",
|
|
4723
|
+
"deleted": "0.8.0",
|
|
4520
4724
|
"replacement": "color.background.input.pressed",
|
|
4521
4725
|
"description": "Pressed state for background.subtleBorderedNeutral"
|
|
4522
4726
|
},
|
|
@@ -4529,6 +4733,8 @@ var tokens = [{
|
|
|
4529
4733
|
"group": "paint",
|
|
4530
4734
|
"state": "deleted",
|
|
4531
4735
|
"introduced": "0.0.15",
|
|
4736
|
+
"deprecated": "0.6.0",
|
|
4737
|
+
"deleted": "0.8.0",
|
|
4532
4738
|
"replacement": "color.background.input.[default]",
|
|
4533
4739
|
"description": "Hover state for background.subtleBorderedNeutral"
|
|
4534
4740
|
},
|
|
@@ -4540,6 +4746,8 @@ var tokens = [{
|
|
|
4540
4746
|
"group": "paint",
|
|
4541
4747
|
"state": "deleted",
|
|
4542
4748
|
"introduced": "0.0.15",
|
|
4749
|
+
"deprecated": "0.6.0",
|
|
4750
|
+
"deleted": "0.8.0",
|
|
4543
4751
|
"replacement": "color.background.input.[default]",
|
|
4544
4752
|
"description": "Hover state for background.subtleBorderedNeutral"
|
|
4545
4753
|
},
|
|
@@ -4552,6 +4760,7 @@ var tokens = [{
|
|
|
4552
4760
|
"group": "paint",
|
|
4553
4761
|
"state": "deprecated",
|
|
4554
4762
|
"introduced": "0.0.15",
|
|
4763
|
+
"deprecated": "0.6.0",
|
|
4555
4764
|
"replacement": "color.background.selected.[default].hovered",
|
|
4556
4765
|
"description": "Hover state for background.subtleBrand"
|
|
4557
4766
|
},
|
|
@@ -4563,6 +4772,7 @@ var tokens = [{
|
|
|
4563
4772
|
"group": "paint",
|
|
4564
4773
|
"state": "deprecated",
|
|
4565
4774
|
"introduced": "0.0.15",
|
|
4775
|
+
"deprecated": "0.6.0",
|
|
4566
4776
|
"replacement": "color.background.selected.[default].hovered",
|
|
4567
4777
|
"description": "Hover state for background.subtleBrand"
|
|
4568
4778
|
},
|
|
@@ -4575,6 +4785,7 @@ var tokens = [{
|
|
|
4575
4785
|
"group": "paint",
|
|
4576
4786
|
"state": "deprecated",
|
|
4577
4787
|
"introduced": "0.0.15",
|
|
4788
|
+
"deprecated": "0.6.0",
|
|
4578
4789
|
"replacement": "color.background.selected.[default].pressed",
|
|
4579
4790
|
"description": "Pressed state for background.subtleBrand"
|
|
4580
4791
|
},
|
|
@@ -4586,6 +4797,7 @@ var tokens = [{
|
|
|
4586
4797
|
"group": "paint",
|
|
4587
4798
|
"state": "deprecated",
|
|
4588
4799
|
"introduced": "0.0.15",
|
|
4800
|
+
"deprecated": "0.6.0",
|
|
4589
4801
|
"replacement": "color.background.selected.[default].pressed",
|
|
4590
4802
|
"description": "Pressed state for background.subtleBrand"
|
|
4591
4803
|
},
|
|
@@ -4598,6 +4810,7 @@ var tokens = [{
|
|
|
4598
4810
|
"group": "paint",
|
|
4599
4811
|
"state": "deprecated",
|
|
4600
4812
|
"introduced": "0.0.15",
|
|
4813
|
+
"deprecated": "0.6.0",
|
|
4601
4814
|
"replacement": "color.background.selected.[default].[default]",
|
|
4602
4815
|
"description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
|
|
4603
4816
|
},
|
|
@@ -4609,6 +4822,7 @@ var tokens = [{
|
|
|
4609
4822
|
"group": "paint",
|
|
4610
4823
|
"state": "deprecated",
|
|
4611
4824
|
"introduced": "0.0.15",
|
|
4825
|
+
"deprecated": "0.6.0",
|
|
4612
4826
|
"replacement": "color.background.selected.[default].[default]",
|
|
4613
4827
|
"description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
|
|
4614
4828
|
},
|
|
@@ -4621,6 +4835,8 @@ var tokens = [{
|
|
|
4621
4835
|
"group": "paint",
|
|
4622
4836
|
"state": "deleted",
|
|
4623
4837
|
"introduced": "0.0.15",
|
|
4838
|
+
"deprecated": "0.6.0",
|
|
4839
|
+
"deleted": "0.8.0",
|
|
4624
4840
|
"replacement": "color.background.danger.[default].hovered",
|
|
4625
4841
|
"description": "Hover state for background.subtleDanger"
|
|
4626
4842
|
},
|
|
@@ -4632,6 +4848,8 @@ var tokens = [{
|
|
|
4632
4848
|
"group": "paint",
|
|
4633
4849
|
"state": "deleted",
|
|
4634
4850
|
"introduced": "0.0.15",
|
|
4851
|
+
"deprecated": "0.6.0",
|
|
4852
|
+
"deleted": "0.8.0",
|
|
4635
4853
|
"replacement": "color.background.danger.[default].hovered",
|
|
4636
4854
|
"description": "Hover state for background.subtleDanger"
|
|
4637
4855
|
},
|
|
@@ -4644,6 +4862,8 @@ var tokens = [{
|
|
|
4644
4862
|
"group": "paint",
|
|
4645
4863
|
"state": "deleted",
|
|
4646
4864
|
"introduced": "0.0.15",
|
|
4865
|
+
"deprecated": "0.6.0",
|
|
4866
|
+
"deleted": "0.8.0",
|
|
4647
4867
|
"replacement": "color.background.danger.[default].pressed",
|
|
4648
4868
|
"description": "Pressed state for background.subtleDanger"
|
|
4649
4869
|
},
|
|
@@ -4655,6 +4875,8 @@ var tokens = [{
|
|
|
4655
4875
|
"group": "paint",
|
|
4656
4876
|
"state": "deleted",
|
|
4657
4877
|
"introduced": "0.0.15",
|
|
4878
|
+
"deprecated": "0.6.0",
|
|
4879
|
+
"deleted": "0.8.0",
|
|
4658
4880
|
"replacement": "color.background.danger.[default].pressed",
|
|
4659
4881
|
"description": "Pressed state for background.subtleDanger"
|
|
4660
4882
|
},
|
|
@@ -4667,6 +4889,8 @@ var tokens = [{
|
|
|
4667
4889
|
"group": "paint",
|
|
4668
4890
|
"state": "deleted",
|
|
4669
4891
|
"introduced": "0.0.15",
|
|
4892
|
+
"deprecated": "0.6.0",
|
|
4893
|
+
"deleted": "0.8.0",
|
|
4670
4894
|
"replacement": "color.background.danger.[default].[default]",
|
|
4671
4895
|
"description": "Use for subdued backgrounds of UI elements like error section messages and removed lozenges."
|
|
4672
4896
|
},
|
|
@@ -4678,6 +4902,8 @@ var tokens = [{
|
|
|
4678
4902
|
"group": "paint",
|
|
4679
4903
|
"state": "deleted",
|
|
4680
4904
|
"introduced": "0.0.15",
|
|
4905
|
+
"deprecated": "0.6.0",
|
|
4906
|
+
"deleted": "0.8.0",
|
|
4681
4907
|
"replacement": "color.background.danger.[default].[default]",
|
|
4682
4908
|
"description": "Use for subdued backgrounds of UI elements like error section messages and removed lozenges."
|
|
4683
4909
|
},
|
|
@@ -4690,6 +4916,8 @@ var tokens = [{
|
|
|
4690
4916
|
"group": "paint",
|
|
4691
4917
|
"state": "deleted",
|
|
4692
4918
|
"introduced": "0.0.15",
|
|
4919
|
+
"deprecated": "0.6.0",
|
|
4920
|
+
"deleted": "0.8.0",
|
|
4693
4921
|
"replacement": "color.background.discovery.[default].hovered",
|
|
4694
4922
|
"description": "Hover state for background.subtleDiscovery"
|
|
4695
4923
|
},
|
|
@@ -4701,6 +4929,8 @@ var tokens = [{
|
|
|
4701
4929
|
"group": "paint",
|
|
4702
4930
|
"state": "deleted",
|
|
4703
4931
|
"introduced": "0.0.15",
|
|
4932
|
+
"deprecated": "0.6.0",
|
|
4933
|
+
"deleted": "0.8.0",
|
|
4704
4934
|
"replacement": "color.background.discovery.[default].hovered",
|
|
4705
4935
|
"description": "Hover state for background.subtleDiscovery"
|
|
4706
4936
|
},
|
|
@@ -4713,6 +4943,8 @@ var tokens = [{
|
|
|
4713
4943
|
"group": "paint",
|
|
4714
4944
|
"state": "deleted",
|
|
4715
4945
|
"introduced": "0.0.15",
|
|
4946
|
+
"deprecated": "0.6.0",
|
|
4947
|
+
"deleted": "0.8.0",
|
|
4716
4948
|
"replacement": "color.background.discovery.[default].pressed",
|
|
4717
4949
|
"description": "Pressed state for background.subtleDiscovery"
|
|
4718
4950
|
},
|
|
@@ -4724,6 +4956,8 @@ var tokens = [{
|
|
|
4724
4956
|
"group": "paint",
|
|
4725
4957
|
"state": "deleted",
|
|
4726
4958
|
"introduced": "0.0.15",
|
|
4959
|
+
"deprecated": "0.6.0",
|
|
4960
|
+
"deleted": "0.8.0",
|
|
4727
4961
|
"replacement": "color.background.discovery.[default].pressed",
|
|
4728
4962
|
"description": "Pressed state for background.subtleDiscovery"
|
|
4729
4963
|
},
|
|
@@ -4736,6 +4970,8 @@ var tokens = [{
|
|
|
4736
4970
|
"group": "paint",
|
|
4737
4971
|
"state": "deleted",
|
|
4738
4972
|
"introduced": "0.0.15",
|
|
4973
|
+
"deprecated": "0.6.0",
|
|
4974
|
+
"deleted": "0.8.0",
|
|
4739
4975
|
"replacement": "color.background.discovery.[default].[default]",
|
|
4740
4976
|
"description": "Use for subdued backgrounds of UI elements like discovery section messages and new lozenges."
|
|
4741
4977
|
},
|
|
@@ -4747,6 +4983,8 @@ var tokens = [{
|
|
|
4747
4983
|
"group": "paint",
|
|
4748
4984
|
"state": "deleted",
|
|
4749
4985
|
"introduced": "0.0.15",
|
|
4986
|
+
"deprecated": "0.6.0",
|
|
4987
|
+
"deleted": "0.8.0",
|
|
4750
4988
|
"replacement": "color.background.discovery.[default].[default]",
|
|
4751
4989
|
"description": "Use for subdued backgrounds of UI elements like discovery section messages and new lozenges."
|
|
4752
4990
|
},
|
|
@@ -4759,6 +4997,8 @@ var tokens = [{
|
|
|
4759
4997
|
"group": "paint",
|
|
4760
4998
|
"state": "deleted",
|
|
4761
4999
|
"introduced": "0.0.15",
|
|
5000
|
+
"deprecated": "0.6.0",
|
|
5001
|
+
"deleted": "0.8.0",
|
|
4762
5002
|
"replacement": "color.background.neutral.[default].hovered",
|
|
4763
5003
|
"description": "Hover state for background.subtleNeutral"
|
|
4764
5004
|
},
|
|
@@ -4770,6 +5010,8 @@ var tokens = [{
|
|
|
4770
5010
|
"group": "paint",
|
|
4771
5011
|
"state": "deleted",
|
|
4772
5012
|
"introduced": "0.0.15",
|
|
5013
|
+
"deprecated": "0.6.0",
|
|
5014
|
+
"deleted": "0.8.0",
|
|
4773
5015
|
"replacement": "color.background.neutral.[default].hovered",
|
|
4774
5016
|
"description": "Hover state for background.subtleNeutral"
|
|
4775
5017
|
},
|
|
@@ -4782,6 +5024,8 @@ var tokens = [{
|
|
|
4782
5024
|
"group": "paint",
|
|
4783
5025
|
"state": "deleted",
|
|
4784
5026
|
"introduced": "0.0.15",
|
|
5027
|
+
"deprecated": "0.6.0",
|
|
5028
|
+
"deleted": "0.8.0",
|
|
4785
5029
|
"replacement": "color.background.neutral.[default].pressed",
|
|
4786
5030
|
"description": "Pressed state for background.subtleNeutral"
|
|
4787
5031
|
},
|
|
@@ -4793,6 +5037,8 @@ var tokens = [{
|
|
|
4793
5037
|
"group": "paint",
|
|
4794
5038
|
"state": "deleted",
|
|
4795
5039
|
"introduced": "0.0.15",
|
|
5040
|
+
"deprecated": "0.6.0",
|
|
5041
|
+
"deleted": "0.8.0",
|
|
4796
5042
|
"replacement": "color.background.neutral.[default].pressed",
|
|
4797
5043
|
"description": "Pressed state for background.subtleNeutral"
|
|
4798
5044
|
},
|
|
@@ -4805,6 +5051,8 @@ var tokens = [{
|
|
|
4805
5051
|
"group": "paint",
|
|
4806
5052
|
"state": "deleted",
|
|
4807
5053
|
"introduced": "0.0.15",
|
|
5054
|
+
"deprecated": "0.6.0",
|
|
5055
|
+
"deleted": "0.8.0",
|
|
4808
5056
|
"replacement": "color.background.neutral.[default].[default]",
|
|
4809
5057
|
"description": "Use as the default background of UI elements like buttons, lozenges, and tags."
|
|
4810
5058
|
},
|
|
@@ -4816,6 +5064,8 @@ var tokens = [{
|
|
|
4816
5064
|
"group": "paint",
|
|
4817
5065
|
"state": "deleted",
|
|
4818
5066
|
"introduced": "0.0.15",
|
|
5067
|
+
"deprecated": "0.6.0",
|
|
5068
|
+
"deleted": "0.8.0",
|
|
4819
5069
|
"replacement": "color.background.neutral.[default].[default]",
|
|
4820
5070
|
"description": "Use as the default background of UI elements like buttons, lozenges, and tags."
|
|
4821
5071
|
},
|
|
@@ -4828,6 +5078,8 @@ var tokens = [{
|
|
|
4828
5078
|
"group": "paint",
|
|
4829
5079
|
"state": "deleted",
|
|
4830
5080
|
"introduced": "0.0.15",
|
|
5081
|
+
"deprecated": "0.6.0",
|
|
5082
|
+
"deleted": "0.8.0",
|
|
4831
5083
|
"replacement": "color.background.success.[default].hovered",
|
|
4832
5084
|
"description": "Hover state for background.subtleSuccess"
|
|
4833
5085
|
},
|
|
@@ -4839,6 +5091,8 @@ var tokens = [{
|
|
|
4839
5091
|
"group": "paint",
|
|
4840
5092
|
"state": "deleted",
|
|
4841
5093
|
"introduced": "0.0.15",
|
|
5094
|
+
"deprecated": "0.6.0",
|
|
5095
|
+
"deleted": "0.8.0",
|
|
4842
5096
|
"replacement": "color.background.success.[default].hovered",
|
|
4843
5097
|
"description": "Hover state for background.subtleSuccess"
|
|
4844
5098
|
},
|
|
@@ -4851,6 +5105,8 @@ var tokens = [{
|
|
|
4851
5105
|
"group": "paint",
|
|
4852
5106
|
"state": "deleted",
|
|
4853
5107
|
"introduced": "0.0.15",
|
|
5108
|
+
"deprecated": "0.6.0",
|
|
5109
|
+
"deleted": "0.8.0",
|
|
4854
5110
|
"replacement": "color.background.success.[default].pressed",
|
|
4855
5111
|
"description": "Pressed state for background.subtleSuccess"
|
|
4856
5112
|
},
|
|
@@ -4862,6 +5118,8 @@ var tokens = [{
|
|
|
4862
5118
|
"group": "paint",
|
|
4863
5119
|
"state": "deleted",
|
|
4864
5120
|
"introduced": "0.0.15",
|
|
5121
|
+
"deprecated": "0.6.0",
|
|
5122
|
+
"deleted": "0.8.0",
|
|
4865
5123
|
"replacement": "color.background.success.[default].pressed",
|
|
4866
5124
|
"description": "Pressed state for background.subtleSuccess"
|
|
4867
5125
|
},
|
|
@@ -4874,6 +5132,8 @@ var tokens = [{
|
|
|
4874
5132
|
"group": "paint",
|
|
4875
5133
|
"state": "deleted",
|
|
4876
5134
|
"introduced": "0.0.15",
|
|
5135
|
+
"deprecated": "0.6.0",
|
|
5136
|
+
"deleted": "0.8.0",
|
|
4877
5137
|
"replacement": "color.background.success.[default].[default]",
|
|
4878
5138
|
"description": "Use for subdued backgrounds of UI elements like success section messages and success lozenges."
|
|
4879
5139
|
},
|
|
@@ -4885,6 +5145,8 @@ var tokens = [{
|
|
|
4885
5145
|
"group": "paint",
|
|
4886
5146
|
"state": "deleted",
|
|
4887
5147
|
"introduced": "0.0.15",
|
|
5148
|
+
"deprecated": "0.6.0",
|
|
5149
|
+
"deleted": "0.8.0",
|
|
4888
5150
|
"replacement": "color.background.success.[default].[default]",
|
|
4889
5151
|
"description": "Use for subdued backgrounds of UI elements like success section messages and success lozenges."
|
|
4890
5152
|
},
|
|
@@ -4897,6 +5159,8 @@ var tokens = [{
|
|
|
4897
5159
|
"group": "paint",
|
|
4898
5160
|
"state": "deleted",
|
|
4899
5161
|
"introduced": "0.0.15",
|
|
5162
|
+
"deprecated": "0.6.0",
|
|
5163
|
+
"deleted": "0.8.0",
|
|
4900
5164
|
"replacement": "color.background.warning.[default].hovered",
|
|
4901
5165
|
"description": "Hover state for background.subtleWarning"
|
|
4902
5166
|
},
|
|
@@ -4908,6 +5172,8 @@ var tokens = [{
|
|
|
4908
5172
|
"group": "paint",
|
|
4909
5173
|
"state": "deleted",
|
|
4910
5174
|
"introduced": "0.0.15",
|
|
5175
|
+
"deprecated": "0.6.0",
|
|
5176
|
+
"deleted": "0.8.0",
|
|
4911
5177
|
"replacement": "color.background.warning.[default].hovered",
|
|
4912
5178
|
"description": "Hover state for background.subtleWarning"
|
|
4913
5179
|
},
|
|
@@ -4920,6 +5186,8 @@ var tokens = [{
|
|
|
4920
5186
|
"group": "paint",
|
|
4921
5187
|
"state": "deleted",
|
|
4922
5188
|
"introduced": "0.0.15",
|
|
5189
|
+
"deprecated": "0.6.0",
|
|
5190
|
+
"deleted": "0.8.0",
|
|
4923
5191
|
"replacement": "color.background.warning.[default].pressed",
|
|
4924
5192
|
"description": "Pressed state for background.subtleWarning"
|
|
4925
5193
|
},
|
|
@@ -4931,6 +5199,8 @@ var tokens = [{
|
|
|
4931
5199
|
"group": "paint",
|
|
4932
5200
|
"state": "deleted",
|
|
4933
5201
|
"introduced": "0.0.15",
|
|
5202
|
+
"deprecated": "0.6.0",
|
|
5203
|
+
"deleted": "0.8.0",
|
|
4934
5204
|
"replacement": "color.background.warning.[default].pressed",
|
|
4935
5205
|
"description": "Pressed state for background.subtleWarning"
|
|
4936
5206
|
},
|
|
@@ -4943,6 +5213,8 @@ var tokens = [{
|
|
|
4943
5213
|
"group": "paint",
|
|
4944
5214
|
"state": "deleted",
|
|
4945
5215
|
"introduced": "0.0.15",
|
|
5216
|
+
"deprecated": "0.6.0",
|
|
5217
|
+
"deleted": "0.8.0",
|
|
4946
5218
|
"replacement": "color.background.warning.[default].[default]",
|
|
4947
5219
|
"description": "Use for subdued backgrounds of UI elements like warning section messages and moved lozenges."
|
|
4948
5220
|
},
|
|
@@ -4954,6 +5226,8 @@ var tokens = [{
|
|
|
4954
5226
|
"group": "paint",
|
|
4955
5227
|
"state": "deleted",
|
|
4956
5228
|
"introduced": "0.0.15",
|
|
5229
|
+
"deprecated": "0.6.0",
|
|
5230
|
+
"deleted": "0.8.0",
|
|
4957
5231
|
"replacement": "color.background.warning.[default].[default]",
|
|
4958
5232
|
"description": "Use for subdued backgrounds of UI elements like warning section messages and moved lozenges."
|
|
4959
5233
|
},
|
|
@@ -4966,6 +5240,8 @@ var tokens = [{
|
|
|
4966
5240
|
"group": "paint",
|
|
4967
5241
|
"state": "deleted",
|
|
4968
5242
|
"introduced": "0.0.15",
|
|
5243
|
+
"deprecated": "0.6.0",
|
|
5244
|
+
"deleted": "0.8.0",
|
|
4969
5245
|
"replacement": "elevation.surface.sunken",
|
|
4970
5246
|
"description": "Use as a secondary background for the UI"
|
|
4971
5247
|
},
|
|
@@ -4977,6 +5253,8 @@ var tokens = [{
|
|
|
4977
5253
|
"group": "paint",
|
|
4978
5254
|
"state": "deleted",
|
|
4979
5255
|
"introduced": "0.0.15",
|
|
5256
|
+
"deprecated": "0.6.0",
|
|
5257
|
+
"deleted": "0.8.0",
|
|
4980
5258
|
"replacement": "elevation.surface.sunken",
|
|
4981
5259
|
"description": "Use as a secondary background for the UI"
|
|
4982
5260
|
},
|
|
@@ -4989,6 +5267,8 @@ var tokens = [{
|
|
|
4989
5267
|
"group": "paint",
|
|
4990
5268
|
"state": "deleted",
|
|
4991
5269
|
"introduced": "0.0.15",
|
|
5270
|
+
"deprecated": "0.6.0",
|
|
5271
|
+
"deleted": "0.8.0",
|
|
4992
5272
|
"replacement": "color.background.neutral.subtle.hovered",
|
|
4993
5273
|
"description": "Hover state for UIs that do not have a default background, such as menu items or subtle buttons."
|
|
4994
5274
|
},
|
|
@@ -5000,6 +5280,8 @@ var tokens = [{
|
|
|
5000
5280
|
"group": "paint",
|
|
5001
5281
|
"state": "deleted",
|
|
5002
5282
|
"introduced": "0.0.15",
|
|
5283
|
+
"deprecated": "0.6.0",
|
|
5284
|
+
"deleted": "0.8.0",
|
|
5003
5285
|
"replacement": "color.background.neutral.subtle.hovered",
|
|
5004
5286
|
"description": "Hover state for UIs that do not have a default background, such as menu items or subtle buttons."
|
|
5005
5287
|
},
|
|
@@ -5012,6 +5294,8 @@ var tokens = [{
|
|
|
5012
5294
|
"group": "paint",
|
|
5013
5295
|
"state": "deleted",
|
|
5014
5296
|
"introduced": "0.0.15",
|
|
5297
|
+
"deprecated": "0.6.0",
|
|
5298
|
+
"deleted": "0.8.0",
|
|
5015
5299
|
"replacement": "color.background.neutral.subtle.pressed",
|
|
5016
5300
|
"description": "Pressed state for UIs that do not have a default background, such as menu items or subtle buttons."
|
|
5017
5301
|
},
|
|
@@ -5023,6 +5307,8 @@ var tokens = [{
|
|
|
5023
5307
|
"group": "paint",
|
|
5024
5308
|
"state": "deleted",
|
|
5025
5309
|
"introduced": "0.0.15",
|
|
5310
|
+
"deprecated": "0.6.0",
|
|
5311
|
+
"deleted": "0.8.0",
|
|
5026
5312
|
"replacement": "color.background.neutral.subtle.pressed",
|
|
5027
5313
|
"description": "Pressed state for UIs that do not have a default background, such as menu items or subtle buttons."
|
|
5028
5314
|
},
|
|
@@ -5266,6 +5552,8 @@ var tokens = [{
|
|
|
5266
5552
|
"group": "paint",
|
|
5267
5553
|
"state": "deleted",
|
|
5268
5554
|
"introduced": "0.1.1",
|
|
5555
|
+
"deprecated": "0.6.0",
|
|
5556
|
+
"deleted": "0.8.0",
|
|
5269
5557
|
"replacement": "color.background.accent.blue.bolder",
|
|
5270
5558
|
"description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5271
5559
|
},
|
|
@@ -5277,6 +5565,8 @@ var tokens = [{
|
|
|
5277
5565
|
"group": "paint",
|
|
5278
5566
|
"state": "deleted",
|
|
5279
5567
|
"introduced": "0.1.1",
|
|
5568
|
+
"deprecated": "0.6.0",
|
|
5569
|
+
"deleted": "0.8.0",
|
|
5280
5570
|
"replacement": "color.background.accent.blue.bolder",
|
|
5281
5571
|
"description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5282
5572
|
},
|
|
@@ -5289,6 +5579,8 @@ var tokens = [{
|
|
|
5289
5579
|
"group": "paint",
|
|
5290
5580
|
"state": "deleted",
|
|
5291
5581
|
"introduced": "0.1.1",
|
|
5582
|
+
"deprecated": "0.6.0",
|
|
5583
|
+
"deleted": "0.8.0",
|
|
5292
5584
|
"replacement": "color.background.accent.green.bolder",
|
|
5293
5585
|
"description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5294
5586
|
},
|
|
@@ -5300,6 +5592,8 @@ var tokens = [{
|
|
|
5300
5592
|
"group": "paint",
|
|
5301
5593
|
"state": "deleted",
|
|
5302
5594
|
"introduced": "0.1.1",
|
|
5595
|
+
"deprecated": "0.6.0",
|
|
5596
|
+
"deleted": "0.8.0",
|
|
5303
5597
|
"replacement": "color.background.accent.green.bolder",
|
|
5304
5598
|
"description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5305
5599
|
},
|
|
@@ -5312,6 +5606,8 @@ var tokens = [{
|
|
|
5312
5606
|
"group": "paint",
|
|
5313
5607
|
"state": "deleted",
|
|
5314
5608
|
"introduced": "0.1.1",
|
|
5609
|
+
"deprecated": "0.6.0",
|
|
5610
|
+
"deleted": "0.8.0",
|
|
5315
5611
|
"replacement": "color.background.accent.orange.bolder",
|
|
5316
5612
|
"description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5317
5613
|
},
|
|
@@ -5323,6 +5619,8 @@ var tokens = [{
|
|
|
5323
5619
|
"group": "paint",
|
|
5324
5620
|
"state": "deleted",
|
|
5325
5621
|
"introduced": "0.1.1",
|
|
5622
|
+
"deprecated": "0.6.0",
|
|
5623
|
+
"deleted": "0.8.0",
|
|
5326
5624
|
"replacement": "color.background.accent.orange.bolder",
|
|
5327
5625
|
"description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5328
5626
|
},
|
|
@@ -5335,6 +5633,8 @@ var tokens = [{
|
|
|
5335
5633
|
"group": "paint",
|
|
5336
5634
|
"state": "deleted",
|
|
5337
5635
|
"introduced": "0.1.1",
|
|
5636
|
+
"deprecated": "0.6.0",
|
|
5637
|
+
"deleted": "0.8.0",
|
|
5338
5638
|
"replacement": "color.background.accent.purple.bolder",
|
|
5339
5639
|
"description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5340
5640
|
},
|
|
@@ -5346,6 +5646,8 @@ var tokens = [{
|
|
|
5346
5646
|
"group": "paint",
|
|
5347
5647
|
"state": "deleted",
|
|
5348
5648
|
"introduced": "0.1.1",
|
|
5649
|
+
"deprecated": "0.6.0",
|
|
5650
|
+
"deleted": "0.8.0",
|
|
5349
5651
|
"replacement": "color.background.accent.purple.bolder",
|
|
5350
5652
|
"description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5351
5653
|
},
|
|
@@ -5358,6 +5660,8 @@ var tokens = [{
|
|
|
5358
5660
|
"group": "paint",
|
|
5359
5661
|
"state": "deleted",
|
|
5360
5662
|
"introduced": "0.1.1",
|
|
5663
|
+
"deprecated": "0.6.0",
|
|
5664
|
+
"deleted": "0.8.0",
|
|
5361
5665
|
"replacement": "color.background.accent.red.bolder",
|
|
5362
5666
|
"description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5363
5667
|
},
|
|
@@ -5369,6 +5673,8 @@ var tokens = [{
|
|
|
5369
5673
|
"group": "paint",
|
|
5370
5674
|
"state": "deleted",
|
|
5371
5675
|
"introduced": "0.1.1",
|
|
5676
|
+
"deprecated": "0.6.0",
|
|
5677
|
+
"deleted": "0.8.0",
|
|
5372
5678
|
"replacement": "color.background.accent.red.bolder",
|
|
5373
5679
|
"description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5374
5680
|
},
|
|
@@ -5381,6 +5687,8 @@ var tokens = [{
|
|
|
5381
5687
|
"group": "paint",
|
|
5382
5688
|
"state": "deleted",
|
|
5383
5689
|
"introduced": "0.1.1",
|
|
5690
|
+
"deprecated": "0.6.0",
|
|
5691
|
+
"deleted": "0.8.0",
|
|
5384
5692
|
"replacement": "color.background.accent.teal.bolder",
|
|
5385
5693
|
"description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5386
5694
|
},
|
|
@@ -5392,6 +5700,8 @@ var tokens = [{
|
|
|
5392
5700
|
"group": "paint",
|
|
5393
5701
|
"state": "deleted",
|
|
5394
5702
|
"introduced": "0.1.1",
|
|
5703
|
+
"deprecated": "0.6.0",
|
|
5704
|
+
"deleted": "0.8.0",
|
|
5395
5705
|
"replacement": "color.background.accent.teal.bolder",
|
|
5396
5706
|
"description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5397
5707
|
},
|
|
@@ -5404,6 +5714,8 @@ var tokens = [{
|
|
|
5404
5714
|
"group": "paint",
|
|
5405
5715
|
"state": "deleted",
|
|
5406
5716
|
"introduced": "0.1.0",
|
|
5717
|
+
"deprecated": "0.6.0",
|
|
5718
|
+
"deleted": "0.8.0",
|
|
5407
5719
|
"replacement": "color.background.accent.blue.subtler",
|
|
5408
5720
|
"description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5409
5721
|
},
|
|
@@ -5415,6 +5727,8 @@ var tokens = [{
|
|
|
5415
5727
|
"group": "paint",
|
|
5416
5728
|
"state": "deleted",
|
|
5417
5729
|
"introduced": "0.1.0",
|
|
5730
|
+
"deprecated": "0.6.0",
|
|
5731
|
+
"deleted": "0.8.0",
|
|
5418
5732
|
"replacement": "color.background.accent.blue.subtler",
|
|
5419
5733
|
"description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5420
5734
|
},
|
|
@@ -5427,6 +5741,8 @@ var tokens = [{
|
|
|
5427
5741
|
"group": "paint",
|
|
5428
5742
|
"state": "deleted",
|
|
5429
5743
|
"introduced": "0.1.0",
|
|
5744
|
+
"deprecated": "0.6.0",
|
|
5745
|
+
"deleted": "0.8.0",
|
|
5430
5746
|
"replacement": "color.background.accent.green.subtler",
|
|
5431
5747
|
"description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5432
5748
|
},
|
|
@@ -5438,6 +5754,8 @@ var tokens = [{
|
|
|
5438
5754
|
"group": "paint",
|
|
5439
5755
|
"state": "deleted",
|
|
5440
5756
|
"introduced": "0.1.0",
|
|
5757
|
+
"deprecated": "0.6.0",
|
|
5758
|
+
"deleted": "0.8.0",
|
|
5441
5759
|
"replacement": "color.background.accent.green.subtler",
|
|
5442
5760
|
"description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5443
5761
|
},
|
|
@@ -5450,6 +5768,8 @@ var tokens = [{
|
|
|
5450
5768
|
"group": "paint",
|
|
5451
5769
|
"state": "deleted",
|
|
5452
5770
|
"introduced": "0.1.0",
|
|
5771
|
+
"deprecated": "0.6.0",
|
|
5772
|
+
"deleted": "0.8.0",
|
|
5453
5773
|
"replacement": "color.background.accent.magenta.subtler",
|
|
5454
5774
|
"description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5455
5775
|
},
|
|
@@ -5461,6 +5781,8 @@ var tokens = [{
|
|
|
5461
5781
|
"group": "paint",
|
|
5462
5782
|
"state": "deleted",
|
|
5463
5783
|
"introduced": "0.1.0",
|
|
5784
|
+
"deprecated": "0.6.0",
|
|
5785
|
+
"deleted": "0.8.0",
|
|
5464
5786
|
"replacement": "color.background.accent.magenta.subtler",
|
|
5465
5787
|
"description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5466
5788
|
},
|
|
@@ -5473,6 +5795,8 @@ var tokens = [{
|
|
|
5473
5795
|
"group": "paint",
|
|
5474
5796
|
"state": "deleted",
|
|
5475
5797
|
"introduced": "0.1.0",
|
|
5798
|
+
"deprecated": "0.6.0",
|
|
5799
|
+
"deleted": "0.8.0",
|
|
5476
5800
|
"replacement": "color.background.accent.orange.subtler",
|
|
5477
5801
|
"description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5478
5802
|
},
|
|
@@ -5484,6 +5808,8 @@ var tokens = [{
|
|
|
5484
5808
|
"group": "paint",
|
|
5485
5809
|
"state": "deleted",
|
|
5486
5810
|
"introduced": "0.1.0",
|
|
5811
|
+
"deprecated": "0.6.0",
|
|
5812
|
+
"deleted": "0.8.0",
|
|
5487
5813
|
"replacement": "color.background.accent.orange.subtler",
|
|
5488
5814
|
"description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5489
5815
|
},
|
|
@@ -5496,6 +5822,8 @@ var tokens = [{
|
|
|
5496
5822
|
"group": "paint",
|
|
5497
5823
|
"state": "deleted",
|
|
5498
5824
|
"introduced": "0.1.0",
|
|
5825
|
+
"deprecated": "0.6.0",
|
|
5826
|
+
"deleted": "0.8.0",
|
|
5499
5827
|
"replacement": "color.background.accent.purple.subtler",
|
|
5500
5828
|
"description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5501
5829
|
},
|
|
@@ -5507,6 +5835,8 @@ var tokens = [{
|
|
|
5507
5835
|
"group": "paint",
|
|
5508
5836
|
"state": "deleted",
|
|
5509
5837
|
"introduced": "0.1.0",
|
|
5838
|
+
"deprecated": "0.6.0",
|
|
5839
|
+
"deleted": "0.8.0",
|
|
5510
5840
|
"replacement": "color.background.accent.purple.subtler",
|
|
5511
5841
|
"description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5512
5842
|
},
|
|
@@ -5519,6 +5849,8 @@ var tokens = [{
|
|
|
5519
5849
|
"group": "paint",
|
|
5520
5850
|
"state": "deleted",
|
|
5521
5851
|
"introduced": "0.1.0",
|
|
5852
|
+
"deprecated": "0.6.0",
|
|
5853
|
+
"deleted": "0.8.0",
|
|
5522
5854
|
"replacement": "color.background.accent.red.subtler",
|
|
5523
5855
|
"description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5524
5856
|
},
|
|
@@ -5530,6 +5862,8 @@ var tokens = [{
|
|
|
5530
5862
|
"group": "paint",
|
|
5531
5863
|
"state": "deleted",
|
|
5532
5864
|
"introduced": "0.1.0",
|
|
5865
|
+
"deprecated": "0.6.0",
|
|
5866
|
+
"deleted": "0.8.0",
|
|
5533
5867
|
"replacement": "color.background.accent.red.subtler",
|
|
5534
5868
|
"description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5535
5869
|
},
|
|
@@ -5542,6 +5876,8 @@ var tokens = [{
|
|
|
5542
5876
|
"group": "paint",
|
|
5543
5877
|
"state": "deleted",
|
|
5544
5878
|
"introduced": "0.1.0",
|
|
5879
|
+
"deprecated": "0.6.0",
|
|
5880
|
+
"deleted": "0.8.0",
|
|
5545
5881
|
"replacement": "color.background.accent.teal.subtler",
|
|
5546
5882
|
"description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5547
5883
|
},
|
|
@@ -5553,6 +5889,8 @@ var tokens = [{
|
|
|
5553
5889
|
"group": "paint",
|
|
5554
5890
|
"state": "deleted",
|
|
5555
5891
|
"introduced": "0.1.0",
|
|
5892
|
+
"deprecated": "0.6.0",
|
|
5893
|
+
"deleted": "0.8.0",
|
|
5556
5894
|
"replacement": "color.background.accent.teal.subtler",
|
|
5557
5895
|
"description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5558
5896
|
},
|
|
@@ -5565,6 +5903,8 @@ var tokens = [{
|
|
|
5565
5903
|
"group": "paint",
|
|
5566
5904
|
"state": "deleted",
|
|
5567
5905
|
"introduced": "0.0.15",
|
|
5906
|
+
"deprecated": "0.6.0",
|
|
5907
|
+
"deleted": "0.8.0",
|
|
5568
5908
|
"replacement": "color.icon.brand",
|
|
5569
5909
|
"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."
|
|
5570
5910
|
},
|
|
@@ -5576,6 +5916,8 @@ var tokens = [{
|
|
|
5576
5916
|
"group": "paint",
|
|
5577
5917
|
"state": "deleted",
|
|
5578
5918
|
"introduced": "0.0.15",
|
|
5919
|
+
"deprecated": "0.6.0",
|
|
5920
|
+
"deleted": "0.8.0",
|
|
5579
5921
|
"replacement": "color.icon.brand",
|
|
5580
5922
|
"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."
|
|
5581
5923
|
},
|
|
@@ -5588,6 +5930,8 @@ var tokens = [{
|
|
|
5588
5930
|
"group": "paint",
|
|
5589
5931
|
"state": "deleted",
|
|
5590
5932
|
"introduced": "0.0.15",
|
|
5933
|
+
"deprecated": "0.6.0",
|
|
5934
|
+
"deleted": "0.8.0",
|
|
5591
5935
|
"replacement": "color.icon.danger",
|
|
5592
5936
|
"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."
|
|
5593
5937
|
},
|
|
@@ -5599,6 +5943,8 @@ var tokens = [{
|
|
|
5599
5943
|
"group": "paint",
|
|
5600
5944
|
"state": "deleted",
|
|
5601
5945
|
"introduced": "0.0.15",
|
|
5946
|
+
"deprecated": "0.6.0",
|
|
5947
|
+
"deleted": "0.8.0",
|
|
5602
5948
|
"replacement": "color.icon.danger",
|
|
5603
5949
|
"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."
|
|
5604
5950
|
},
|
|
@@ -5611,6 +5957,8 @@ var tokens = [{
|
|
|
5611
5957
|
"group": "paint",
|
|
5612
5958
|
"state": "deleted",
|
|
5613
5959
|
"introduced": "0.0.15",
|
|
5960
|
+
"deprecated": "0.6.0",
|
|
5961
|
+
"deleted": "0.8.0",
|
|
5614
5962
|
"replacement": "color.icon.discovery",
|
|
5615
5963
|
"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"
|
|
5616
5964
|
},
|
|
@@ -5622,6 +5970,8 @@ var tokens = [{
|
|
|
5622
5970
|
"group": "paint",
|
|
5623
5971
|
"state": "deleted",
|
|
5624
5972
|
"introduced": "0.0.15",
|
|
5973
|
+
"deprecated": "0.6.0",
|
|
5974
|
+
"deleted": "0.8.0",
|
|
5625
5975
|
"replacement": "color.icon.discovery",
|
|
5626
5976
|
"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"
|
|
5627
5977
|
},
|
|
@@ -5634,6 +5984,8 @@ var tokens = [{
|
|
|
5634
5984
|
"group": "paint",
|
|
5635
5985
|
"state": "deleted",
|
|
5636
5986
|
"introduced": "0.0.15",
|
|
5987
|
+
"deprecated": "0.6.0",
|
|
5988
|
+
"deleted": "0.8.0",
|
|
5637
5989
|
"replacement": "color.icon.success",
|
|
5638
5990
|
"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"
|
|
5639
5991
|
},
|
|
@@ -5645,6 +5997,8 @@ var tokens = [{
|
|
|
5645
5997
|
"group": "paint",
|
|
5646
5998
|
"state": "deleted",
|
|
5647
5999
|
"introduced": "0.0.15",
|
|
6000
|
+
"deprecated": "0.6.0",
|
|
6001
|
+
"deleted": "0.8.0",
|
|
5648
6002
|
"replacement": "color.icon.success",
|
|
5649
6003
|
"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"
|
|
5650
6004
|
},
|
|
@@ -5657,6 +6011,8 @@ var tokens = [{
|
|
|
5657
6011
|
"group": "paint",
|
|
5658
6012
|
"state": "deleted",
|
|
5659
6013
|
"introduced": "0.0.15",
|
|
6014
|
+
"deprecated": "0.6.0",
|
|
6015
|
+
"deleted": "0.8.0",
|
|
5660
6016
|
"replacement": "color.icon.warning.[default]",
|
|
5661
6017
|
"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"
|
|
5662
6018
|
},
|
|
@@ -5668,6 +6024,8 @@ var tokens = [{
|
|
|
5668
6024
|
"group": "paint",
|
|
5669
6025
|
"state": "deleted",
|
|
5670
6026
|
"introduced": "0.0.15",
|
|
6027
|
+
"deprecated": "0.6.0",
|
|
6028
|
+
"deleted": "0.8.0",
|
|
5671
6029
|
"replacement": "color.icon.warning.[default]",
|
|
5672
6030
|
"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"
|
|
5673
6031
|
},
|
|
@@ -5680,6 +6038,8 @@ var tokens = [{
|
|
|
5680
6038
|
"group": "paint",
|
|
5681
6039
|
"state": "deleted",
|
|
5682
6040
|
"introduced": "0.1.0",
|
|
6041
|
+
"deprecated": "0.6.0",
|
|
6042
|
+
"deleted": "0.8.0",
|
|
5683
6043
|
"replacement": "color.interaction.hovered",
|
|
5684
6044
|
"description": "Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars."
|
|
5685
6045
|
},
|
|
@@ -5691,6 +6051,8 @@ var tokens = [{
|
|
|
5691
6051
|
"group": "paint",
|
|
5692
6052
|
"state": "deleted",
|
|
5693
6053
|
"introduced": "0.1.0",
|
|
6054
|
+
"deprecated": "0.6.0",
|
|
6055
|
+
"deleted": "0.8.0",
|
|
5694
6056
|
"replacement": "color.interaction.hovered",
|
|
5695
6057
|
"description": "Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars."
|
|
5696
6058
|
},
|
|
@@ -5703,6 +6065,8 @@ var tokens = [{
|
|
|
5703
6065
|
"group": "paint",
|
|
5704
6066
|
"state": "deleted",
|
|
5705
6067
|
"introduced": "0.1.0",
|
|
6068
|
+
"deprecated": "0.6.0",
|
|
6069
|
+
"deleted": "0.8.0",
|
|
5706
6070
|
"replacement": "color.interaction.pressed",
|
|
5707
6071
|
"description": "Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars."
|
|
5708
6072
|
},
|
|
@@ -5714,6 +6078,8 @@ var tokens = [{
|
|
|
5714
6078
|
"group": "paint",
|
|
5715
6079
|
"state": "deleted",
|
|
5716
6080
|
"introduced": "0.1.0",
|
|
6081
|
+
"deprecated": "0.6.0",
|
|
6082
|
+
"deleted": "0.8.0",
|
|
5717
6083
|
"replacement": "color.interaction.pressed",
|
|
5718
6084
|
"description": "Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars."
|
|
5719
6085
|
},
|
|
@@ -5726,6 +6092,8 @@ var tokens = [{
|
|
|
5726
6092
|
"group": "shadow",
|
|
5727
6093
|
"state": "deleted",
|
|
5728
6094
|
"introduced": "0.6.0",
|
|
6095
|
+
"deprecated": "0.6.0",
|
|
6096
|
+
"deleted": "0.8.0",
|
|
5729
6097
|
"replacement": "elevation.shadow.raised",
|
|
5730
6098
|
"description": "\nUse for the box shadow of raised card elements, such as Jira cards on a Kanban board.\n\nCombine with background.overlay"
|
|
5731
6099
|
},
|
|
@@ -5753,6 +6121,8 @@ var tokens = [{
|
|
|
5753
6121
|
"group": "shadow",
|
|
5754
6122
|
"state": "deleted",
|
|
5755
6123
|
"introduced": "0.6.0",
|
|
6124
|
+
"deprecated": "0.6.0",
|
|
6125
|
+
"deleted": "0.8.0",
|
|
5756
6126
|
"replacement": "elevation.shadow.raised",
|
|
5757
6127
|
"description": "\nUse for the box shadow of raised card elements, such as Jira cards on a Kanban board.\n\nCombine with background.overlay"
|
|
5758
6128
|
},
|
|
@@ -5781,6 +6151,8 @@ var tokens = [{
|
|
|
5781
6151
|
"group": "shadow",
|
|
5782
6152
|
"state": "deleted",
|
|
5783
6153
|
"introduced": "0.6.0",
|
|
6154
|
+
"deprecated": "0.6.0",
|
|
6155
|
+
"deleted": "0.8.0",
|
|
5784
6156
|
"replacement": "elevation.shadow.overlay",
|
|
5785
6157
|
"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"
|
|
5786
6158
|
},
|
|
@@ -5808,6 +6180,8 @@ var tokens = [{
|
|
|
5808
6180
|
"group": "shadow",
|
|
5809
6181
|
"state": "deleted",
|
|
5810
6182
|
"introduced": "0.6.0",
|
|
6183
|
+
"deprecated": "0.6.0",
|
|
6184
|
+
"deleted": "0.8.0",
|
|
5811
6185
|
"replacement": "elevation.shadow.overlay",
|
|
5812
6186
|
"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"
|
|
5813
6187
|
},
|