@atlaskit/tokens 0.9.1 → 0.9.4
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 +7 -4
- package/css/atlassian-light.css +7 -4
- package/dist/cjs/artifacts/palettes-raw.js +1987 -0
- package/dist/cjs/artifacts/rename-mapping.js +8 -4
- package/dist/cjs/artifacts/token-default-values.js +8 -5
- package/dist/cjs/artifacts/token-names.js +6 -2
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +384 -6
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +384 -6
- 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 +1979 -0
- package/dist/es2019/artifacts/rename-mapping.js +8 -5
- package/dist/es2019/artifacts/token-default-values.js +8 -6
- package/dist/es2019/artifacts/token-names.js +5 -2
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +383 -6
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +383 -6
- 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 +1979 -0
- package/dist/esm/artifacts/rename-mapping.js +8 -5
- package/dist/esm/artifacts/token-default-values.js +8 -6
- package/dist/esm/artifacts/token-names.js +5 -2
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +383 -6
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +383 -6
- 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 +24 -0
- package/dist/types/artifacts/rename-mapping.d.ts +8 -3
- package/dist/types/artifacts/token-default-values.d.ts +8 -3
- package/dist/types/artifacts/token-names.d.ts +5 -0
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +48 -0
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +48 -0
- package/dist/types/artifacts/types-internal.d.ts +3 -1
- package/dist/types/artifacts/types.d.ts +3 -1
- 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 +18 -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
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
/**
|
|
2
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
+
* @codegen <<SignedSource::0e47f76666554d1a967ff51c4cae1c25>>
|
|
4
|
+
* @codegenCommand yarn build tokens
|
|
5
|
+
*/
|
|
3
6
|
var tokens = [{
|
|
4
7
|
"attributes": {
|
|
5
8
|
"group": "paint",
|
|
@@ -614,6 +617,8 @@ var tokens = [{
|
|
|
614
617
|
"group": "paint",
|
|
615
618
|
"state": "deleted",
|
|
616
619
|
"introduced": "0.0.15",
|
|
620
|
+
"deprecated": "0.6.0",
|
|
621
|
+
"deleted": "0.8.0",
|
|
617
622
|
"replacement": "color.text.[default]",
|
|
618
623
|
"description": "Use for primary text, such as body copy, sentence case headers, and buttons"
|
|
619
624
|
},
|
|
@@ -625,6 +630,8 @@ var tokens = [{
|
|
|
625
630
|
"group": "paint",
|
|
626
631
|
"state": "deleted",
|
|
627
632
|
"introduced": "0.0.15",
|
|
633
|
+
"deprecated": "0.6.0",
|
|
634
|
+
"deleted": "0.8.0",
|
|
628
635
|
"replacement": "color.text.[default]",
|
|
629
636
|
"description": "Use for primary text, such as body copy, sentence case headers, and buttons"
|
|
630
637
|
},
|
|
@@ -637,6 +644,8 @@ var tokens = [{
|
|
|
637
644
|
"group": "paint",
|
|
638
645
|
"state": "deleted",
|
|
639
646
|
"introduced": "0.0.15",
|
|
647
|
+
"deprecated": "0.6.0",
|
|
648
|
+
"deleted": "0.8.0",
|
|
640
649
|
"replacement": "color.link.pressed",
|
|
641
650
|
"description": "Use for links in a pressed state"
|
|
642
651
|
},
|
|
@@ -648,6 +657,8 @@ var tokens = [{
|
|
|
648
657
|
"group": "paint",
|
|
649
658
|
"state": "deleted",
|
|
650
659
|
"introduced": "0.0.15",
|
|
660
|
+
"deprecated": "0.6.0",
|
|
661
|
+
"deleted": "0.8.0",
|
|
651
662
|
"replacement": "color.link.pressed",
|
|
652
663
|
"description": "Use for links in a pressed state"
|
|
653
664
|
},
|
|
@@ -660,6 +671,8 @@ var tokens = [{
|
|
|
660
671
|
"group": "paint",
|
|
661
672
|
"state": "deleted",
|
|
662
673
|
"introduced": "0.0.15",
|
|
674
|
+
"deprecated": "0.6.0",
|
|
675
|
+
"deleted": "0.8.0",
|
|
663
676
|
"replacement": "color.link.[default]",
|
|
664
677
|
"description": "Use for links in a resting or hover state. Add an underline for hover states"
|
|
665
678
|
},
|
|
@@ -671,6 +684,8 @@ var tokens = [{
|
|
|
671
684
|
"group": "paint",
|
|
672
685
|
"state": "deleted",
|
|
673
686
|
"introduced": "0.0.15",
|
|
687
|
+
"deprecated": "0.6.0",
|
|
688
|
+
"deleted": "0.8.0",
|
|
674
689
|
"replacement": "color.link.[default]",
|
|
675
690
|
"description": "Use for links in a resting or hover state. Add an underline for hover states"
|
|
676
691
|
},
|
|
@@ -683,6 +698,8 @@ var tokens = [{
|
|
|
683
698
|
"group": "paint",
|
|
684
699
|
"state": "deleted",
|
|
685
700
|
"introduced": "0.0.15",
|
|
701
|
+
"deprecated": "0.6.0",
|
|
702
|
+
"deleted": "0.8.0",
|
|
686
703
|
"replacement": "color.text.subtlest",
|
|
687
704
|
"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
705
|
},
|
|
@@ -694,6 +711,8 @@ var tokens = [{
|
|
|
694
711
|
"group": "paint",
|
|
695
712
|
"state": "deleted",
|
|
696
713
|
"introduced": "0.0.15",
|
|
714
|
+
"deprecated": "0.6.0",
|
|
715
|
+
"deleted": "0.8.0",
|
|
697
716
|
"replacement": "color.text.subtlest",
|
|
698
717
|
"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
718
|
},
|
|
@@ -706,6 +725,8 @@ var tokens = [{
|
|
|
706
725
|
"group": "paint",
|
|
707
726
|
"state": "deleted",
|
|
708
727
|
"introduced": "0.0.15",
|
|
728
|
+
"deprecated": "0.6.0",
|
|
729
|
+
"deleted": "0.8.0",
|
|
709
730
|
"replacement": "color.text.subtle",
|
|
710
731
|
"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
732
|
},
|
|
@@ -717,6 +738,8 @@ var tokens = [{
|
|
|
717
738
|
"group": "paint",
|
|
718
739
|
"state": "deleted",
|
|
719
740
|
"introduced": "0.0.15",
|
|
741
|
+
"deprecated": "0.6.0",
|
|
742
|
+
"deleted": "0.8.0",
|
|
720
743
|
"replacement": "color.text.subtle",
|
|
721
744
|
"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
745
|
},
|
|
@@ -729,6 +752,8 @@ var tokens = [{
|
|
|
729
752
|
"group": "paint",
|
|
730
753
|
"state": "deleted",
|
|
731
754
|
"introduced": "0.0.15",
|
|
755
|
+
"deprecated": "0.6.0",
|
|
756
|
+
"deleted": "0.8.0",
|
|
732
757
|
"replacement": "color.text.inverse",
|
|
733
758
|
"description": "Use for text and icons when on bold backgrounds"
|
|
734
759
|
},
|
|
@@ -740,6 +765,8 @@ var tokens = [{
|
|
|
740
765
|
"group": "paint",
|
|
741
766
|
"state": "deleted",
|
|
742
767
|
"introduced": "0.0.15",
|
|
768
|
+
"deprecated": "0.6.0",
|
|
769
|
+
"deleted": "0.8.0",
|
|
743
770
|
"replacement": "color.text.inverse",
|
|
744
771
|
"description": "Use for text and icons when on bold backgrounds"
|
|
745
772
|
},
|
|
@@ -752,6 +779,8 @@ var tokens = [{
|
|
|
752
779
|
"group": "paint",
|
|
753
780
|
"state": "deleted",
|
|
754
781
|
"introduced": "0.0.15",
|
|
782
|
+
"deprecated": "0.6.0",
|
|
783
|
+
"deleted": "0.8.0",
|
|
755
784
|
"replacement": "color.text.warning.inverse",
|
|
756
785
|
"description": "Use for text and icons when on bold warning backgrounds"
|
|
757
786
|
},
|
|
@@ -763,6 +792,8 @@ var tokens = [{
|
|
|
763
792
|
"group": "paint",
|
|
764
793
|
"state": "deleted",
|
|
765
794
|
"introduced": "0.0.15",
|
|
795
|
+
"deprecated": "0.6.0",
|
|
796
|
+
"deleted": "0.8.0",
|
|
766
797
|
"replacement": "color.text.warning.inverse",
|
|
767
798
|
"description": "Use for text and icons when on bold warning backgrounds"
|
|
768
799
|
},
|
|
@@ -1615,6 +1646,8 @@ var tokens = [{
|
|
|
1615
1646
|
"group": "paint",
|
|
1616
1647
|
"state": "deleted",
|
|
1617
1648
|
"introduced": "0.0.15",
|
|
1649
|
+
"deprecated": "0.6.0",
|
|
1650
|
+
"deleted": "0.8.0",
|
|
1618
1651
|
"replacement": "color.border.focused",
|
|
1619
1652
|
"description": "Use for focus rings of elements in a focus state"
|
|
1620
1653
|
},
|
|
@@ -1626,6 +1659,8 @@ var tokens = [{
|
|
|
1626
1659
|
"group": "paint",
|
|
1627
1660
|
"state": "deleted",
|
|
1628
1661
|
"introduced": "0.0.15",
|
|
1662
|
+
"deprecated": "0.6.0",
|
|
1663
|
+
"deleted": "0.8.0",
|
|
1629
1664
|
"replacement": "color.border.focused",
|
|
1630
1665
|
"description": "Use for focus rings of elements in a focus state"
|
|
1631
1666
|
},
|
|
@@ -1638,6 +1673,8 @@ var tokens = [{
|
|
|
1638
1673
|
"group": "paint",
|
|
1639
1674
|
"state": "deleted",
|
|
1640
1675
|
"introduced": "0.0.15",
|
|
1676
|
+
"deprecated": "0.6.0",
|
|
1677
|
+
"deleted": "0.8.0",
|
|
1641
1678
|
"replacement": "color.border.[default]",
|
|
1642
1679
|
"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
1680
|
},
|
|
@@ -1649,6 +1686,8 @@ var tokens = [{
|
|
|
1649
1686
|
"group": "paint",
|
|
1650
1687
|
"state": "deleted",
|
|
1651
1688
|
"introduced": "0.0.15",
|
|
1689
|
+
"deprecated": "0.6.0",
|
|
1690
|
+
"deleted": "0.8.0",
|
|
1652
1691
|
"replacement": "color.border.[default]",
|
|
1653
1692
|
"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
1693
|
},
|
|
@@ -1745,6 +1784,8 @@ var tokens = [{
|
|
|
1745
1784
|
"group": "paint",
|
|
1746
1785
|
"state": "deleted",
|
|
1747
1786
|
"introduced": "0.6.0",
|
|
1787
|
+
"deprecated": "0.7.0",
|
|
1788
|
+
"deleted": "0.8.0",
|
|
1748
1789
|
"replacement": "color.background.accent.blue.subtler",
|
|
1749
1790
|
"description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1750
1791
|
},
|
|
@@ -1756,6 +1797,8 @@ var tokens = [{
|
|
|
1756
1797
|
"group": "paint",
|
|
1757
1798
|
"state": "deleted",
|
|
1758
1799
|
"introduced": "0.6.0",
|
|
1800
|
+
"deprecated": "0.7.0",
|
|
1801
|
+
"deleted": "0.8.0",
|
|
1759
1802
|
"replacement": "color.background.accent.blue.subtler",
|
|
1760
1803
|
"description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1761
1804
|
},
|
|
@@ -1768,6 +1811,8 @@ var tokens = [{
|
|
|
1768
1811
|
"group": "paint",
|
|
1769
1812
|
"state": "deleted",
|
|
1770
1813
|
"introduced": "0.6.0",
|
|
1814
|
+
"deprecated": "0.7.0",
|
|
1815
|
+
"deleted": "0.8.0",
|
|
1771
1816
|
"replacement": "color.background.accent.blue.subtle",
|
|
1772
1817
|
"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
1818
|
},
|
|
@@ -1779,6 +1824,8 @@ var tokens = [{
|
|
|
1779
1824
|
"group": "paint",
|
|
1780
1825
|
"state": "deleted",
|
|
1781
1826
|
"introduced": "0.6.0",
|
|
1827
|
+
"deprecated": "0.7.0",
|
|
1828
|
+
"deleted": "0.8.0",
|
|
1782
1829
|
"replacement": "color.background.accent.blue.subtle",
|
|
1783
1830
|
"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
1831
|
},
|
|
@@ -1875,6 +1922,8 @@ var tokens = [{
|
|
|
1875
1922
|
"group": "paint",
|
|
1876
1923
|
"state": "deleted",
|
|
1877
1924
|
"introduced": "0.6.0",
|
|
1925
|
+
"deprecated": "0.7.0",
|
|
1926
|
+
"deleted": "0.8.0",
|
|
1878
1927
|
"replacement": "color.background.accent.red.subtler",
|
|
1879
1928
|
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1880
1929
|
},
|
|
@@ -1886,6 +1935,8 @@ var tokens = [{
|
|
|
1886
1935
|
"group": "paint",
|
|
1887
1936
|
"state": "deleted",
|
|
1888
1937
|
"introduced": "0.6.0",
|
|
1938
|
+
"deprecated": "0.7.0",
|
|
1939
|
+
"deleted": "0.8.0",
|
|
1889
1940
|
"replacement": "color.background.accent.red.subtler",
|
|
1890
1941
|
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1891
1942
|
},
|
|
@@ -1898,6 +1949,8 @@ var tokens = [{
|
|
|
1898
1949
|
"group": "paint",
|
|
1899
1950
|
"state": "deleted",
|
|
1900
1951
|
"introduced": "0.6.0",
|
|
1952
|
+
"deprecated": "0.7.0",
|
|
1953
|
+
"deleted": "0.8.0",
|
|
1901
1954
|
"replacement": "color.background.accent.red.subtle",
|
|
1902
1955
|
"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
1956
|
},
|
|
@@ -1909,6 +1962,8 @@ var tokens = [{
|
|
|
1909
1962
|
"group": "paint",
|
|
1910
1963
|
"state": "deleted",
|
|
1911
1964
|
"introduced": "0.6.0",
|
|
1965
|
+
"deprecated": "0.7.0",
|
|
1966
|
+
"deleted": "0.8.0",
|
|
1912
1967
|
"replacement": "color.background.accent.red.subtle",
|
|
1913
1968
|
"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
1969
|
},
|
|
@@ -2005,6 +2060,8 @@ var tokens = [{
|
|
|
2005
2060
|
"group": "paint",
|
|
2006
2061
|
"state": "deleted",
|
|
2007
2062
|
"introduced": "0.6.0",
|
|
2063
|
+
"deprecated": "0.7.0",
|
|
2064
|
+
"deleted": "0.8.0",
|
|
2008
2065
|
"replacement": "color.background.accent.orange.subtler",
|
|
2009
2066
|
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2010
2067
|
},
|
|
@@ -2016,6 +2073,8 @@ var tokens = [{
|
|
|
2016
2073
|
"group": "paint",
|
|
2017
2074
|
"state": "deleted",
|
|
2018
2075
|
"introduced": "0.6.0",
|
|
2076
|
+
"deprecated": "0.7.0",
|
|
2077
|
+
"deleted": "0.8.0",
|
|
2019
2078
|
"replacement": "color.background.accent.orange.subtler",
|
|
2020
2079
|
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2021
2080
|
},
|
|
@@ -2028,6 +2087,8 @@ var tokens = [{
|
|
|
2028
2087
|
"group": "paint",
|
|
2029
2088
|
"state": "deleted",
|
|
2030
2089
|
"introduced": "0.6.0",
|
|
2090
|
+
"deprecated": "0.7.0",
|
|
2091
|
+
"deleted": "0.8.0",
|
|
2031
2092
|
"replacement": "color.background.accent.orange.subtle",
|
|
2032
2093
|
"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
2094
|
},
|
|
@@ -2039,6 +2100,8 @@ var tokens = [{
|
|
|
2039
2100
|
"group": "paint",
|
|
2040
2101
|
"state": "deleted",
|
|
2041
2102
|
"introduced": "0.6.0",
|
|
2103
|
+
"deprecated": "0.7.0",
|
|
2104
|
+
"deleted": "0.8.0",
|
|
2042
2105
|
"replacement": "color.background.accent.orange.subtle",
|
|
2043
2106
|
"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
2107
|
},
|
|
@@ -2135,6 +2198,8 @@ var tokens = [{
|
|
|
2135
2198
|
"group": "paint",
|
|
2136
2199
|
"state": "deleted",
|
|
2137
2200
|
"introduced": "0.6.0",
|
|
2201
|
+
"deprecated": "0.7.0",
|
|
2202
|
+
"deleted": "0.8.0",
|
|
2138
2203
|
"replacement": "color.background.accent.yellow.subtler",
|
|
2139
2204
|
"description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2140
2205
|
},
|
|
@@ -2146,6 +2211,8 @@ var tokens = [{
|
|
|
2146
2211
|
"group": "paint",
|
|
2147
2212
|
"state": "deleted",
|
|
2148
2213
|
"introduced": "0.6.0",
|
|
2214
|
+
"deprecated": "0.7.0",
|
|
2215
|
+
"deleted": "0.8.0",
|
|
2149
2216
|
"replacement": "color.background.accent.yellow.subtler",
|
|
2150
2217
|
"description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2151
2218
|
},
|
|
@@ -2158,6 +2225,8 @@ var tokens = [{
|
|
|
2158
2225
|
"group": "paint",
|
|
2159
2226
|
"state": "deleted",
|
|
2160
2227
|
"introduced": "0.6.0",
|
|
2228
|
+
"deprecated": "0.7.0",
|
|
2229
|
+
"deleted": "0.8.0",
|
|
2161
2230
|
"replacement": "color.background.accent.yellow.subtle",
|
|
2162
2231
|
"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
2232
|
},
|
|
@@ -2169,6 +2238,8 @@ var tokens = [{
|
|
|
2169
2238
|
"group": "paint",
|
|
2170
2239
|
"state": "deleted",
|
|
2171
2240
|
"introduced": "0.6.0",
|
|
2241
|
+
"deprecated": "0.7.0",
|
|
2242
|
+
"deleted": "0.8.0",
|
|
2172
2243
|
"replacement": "color.background.accent.yellow.subtle",
|
|
2173
2244
|
"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
2245
|
},
|
|
@@ -2265,6 +2336,8 @@ var tokens = [{
|
|
|
2265
2336
|
"group": "paint",
|
|
2266
2337
|
"state": "deleted",
|
|
2267
2338
|
"introduced": "0.6.0",
|
|
2339
|
+
"deprecated": "0.7.0",
|
|
2340
|
+
"deleted": "0.8.0",
|
|
2268
2341
|
"replacement": "color.background.accent.green.subtler",
|
|
2269
2342
|
"description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2270
2343
|
},
|
|
@@ -2276,6 +2349,8 @@ var tokens = [{
|
|
|
2276
2349
|
"group": "paint",
|
|
2277
2350
|
"state": "deleted",
|
|
2278
2351
|
"introduced": "0.6.0",
|
|
2352
|
+
"deprecated": "0.7.0",
|
|
2353
|
+
"deleted": "0.8.0",
|
|
2279
2354
|
"replacement": "color.background.accent.green.subtler",
|
|
2280
2355
|
"description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2281
2356
|
},
|
|
@@ -2288,6 +2363,8 @@ var tokens = [{
|
|
|
2288
2363
|
"group": "paint",
|
|
2289
2364
|
"state": "deleted",
|
|
2290
2365
|
"introduced": "0.6.0",
|
|
2366
|
+
"deprecated": "0.7.0",
|
|
2367
|
+
"deleted": "0.8.0",
|
|
2291
2368
|
"replacement": "color.background.accent.green.subtle",
|
|
2292
2369
|
"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
2370
|
},
|
|
@@ -2299,6 +2376,8 @@ var tokens = [{
|
|
|
2299
2376
|
"group": "paint",
|
|
2300
2377
|
"state": "deleted",
|
|
2301
2378
|
"introduced": "0.6.0",
|
|
2379
|
+
"deprecated": "0.7.0",
|
|
2380
|
+
"deleted": "0.8.0",
|
|
2302
2381
|
"replacement": "color.background.accent.green.subtle",
|
|
2303
2382
|
"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
2383
|
},
|
|
@@ -2395,6 +2474,8 @@ var tokens = [{
|
|
|
2395
2474
|
"group": "paint",
|
|
2396
2475
|
"state": "deleted",
|
|
2397
2476
|
"introduced": "0.6.0",
|
|
2477
|
+
"deprecated": "0.7.0",
|
|
2478
|
+
"deleted": "0.8.0",
|
|
2398
2479
|
"replacement": "color.background.accent.teal.subtler",
|
|
2399
2480
|
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2400
2481
|
},
|
|
@@ -2406,6 +2487,8 @@ var tokens = [{
|
|
|
2406
2487
|
"group": "paint",
|
|
2407
2488
|
"state": "deleted",
|
|
2408
2489
|
"introduced": "0.6.0",
|
|
2490
|
+
"deprecated": "0.7.0",
|
|
2491
|
+
"deleted": "0.8.0",
|
|
2409
2492
|
"replacement": "color.background.accent.teal.subtler",
|
|
2410
2493
|
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2411
2494
|
},
|
|
@@ -2418,6 +2501,8 @@ var tokens = [{
|
|
|
2418
2501
|
"group": "paint",
|
|
2419
2502
|
"state": "deleted",
|
|
2420
2503
|
"introduced": "0.6.0",
|
|
2504
|
+
"deprecated": "0.7.0",
|
|
2505
|
+
"deleted": "0.8.0",
|
|
2421
2506
|
"replacement": "color.background.accent.teal.subtle",
|
|
2422
2507
|
"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
2508
|
},
|
|
@@ -2429,6 +2514,8 @@ var tokens = [{
|
|
|
2429
2514
|
"group": "paint",
|
|
2430
2515
|
"state": "deleted",
|
|
2431
2516
|
"introduced": "0.6.0",
|
|
2517
|
+
"deprecated": "0.7.0",
|
|
2518
|
+
"deleted": "0.8.0",
|
|
2432
2519
|
"replacement": "color.background.accent.teal.subtle",
|
|
2433
2520
|
"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
2521
|
},
|
|
@@ -2525,6 +2612,8 @@ var tokens = [{
|
|
|
2525
2612
|
"group": "paint",
|
|
2526
2613
|
"state": "deleted",
|
|
2527
2614
|
"introduced": "0.6.0",
|
|
2615
|
+
"deprecated": "0.7.0",
|
|
2616
|
+
"deleted": "0.8.0",
|
|
2528
2617
|
"replacement": "color.background.accent.purple.subtler",
|
|
2529
2618
|
"description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2530
2619
|
},
|
|
@@ -2536,6 +2625,8 @@ var tokens = [{
|
|
|
2536
2625
|
"group": "paint",
|
|
2537
2626
|
"state": "deleted",
|
|
2538
2627
|
"introduced": "0.6.0",
|
|
2628
|
+
"deprecated": "0.7.0",
|
|
2629
|
+
"deleted": "0.8.0",
|
|
2539
2630
|
"replacement": "color.background.accent.purple.subtler",
|
|
2540
2631
|
"description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2541
2632
|
},
|
|
@@ -2548,6 +2639,8 @@ var tokens = [{
|
|
|
2548
2639
|
"group": "paint",
|
|
2549
2640
|
"state": "deleted",
|
|
2550
2641
|
"introduced": "0.6.0",
|
|
2642
|
+
"deprecated": "0.7.0",
|
|
2643
|
+
"deleted": "0.8.0",
|
|
2551
2644
|
"replacement": "color.background.accent.purple.subtle",
|
|
2552
2645
|
"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
2646
|
},
|
|
@@ -2559,6 +2652,8 @@ var tokens = [{
|
|
|
2559
2652
|
"group": "paint",
|
|
2560
2653
|
"state": "deleted",
|
|
2561
2654
|
"introduced": "0.6.0",
|
|
2655
|
+
"deprecated": "0.7.0",
|
|
2656
|
+
"deleted": "0.8.0",
|
|
2562
2657
|
"replacement": "color.background.accent.purple.subtle",
|
|
2563
2658
|
"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
2659
|
},
|
|
@@ -2655,6 +2750,8 @@ var tokens = [{
|
|
|
2655
2750
|
"group": "paint",
|
|
2656
2751
|
"state": "deleted",
|
|
2657
2752
|
"introduced": "0.6.0",
|
|
2753
|
+
"deprecated": "0.7.0",
|
|
2754
|
+
"deleted": "0.8.0",
|
|
2658
2755
|
"replacement": "color.background.accent.magenta.subtler",
|
|
2659
2756
|
"description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2660
2757
|
},
|
|
@@ -2666,6 +2763,8 @@ var tokens = [{
|
|
|
2666
2763
|
"group": "paint",
|
|
2667
2764
|
"state": "deleted",
|
|
2668
2765
|
"introduced": "0.6.0",
|
|
2766
|
+
"deprecated": "0.7.0",
|
|
2767
|
+
"deleted": "0.8.0",
|
|
2669
2768
|
"replacement": "color.background.accent.magenta.subtler",
|
|
2670
2769
|
"description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2671
2770
|
},
|
|
@@ -2678,6 +2777,8 @@ var tokens = [{
|
|
|
2678
2777
|
"group": "paint",
|
|
2679
2778
|
"state": "deleted",
|
|
2680
2779
|
"introduced": "0.6.0",
|
|
2780
|
+
"deprecated": "0.7.0",
|
|
2781
|
+
"deleted": "0.8.0",
|
|
2681
2782
|
"replacement": "color.background.accent.magenta.subtle",
|
|
2682
2783
|
"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
2784
|
},
|
|
@@ -2689,6 +2790,8 @@ var tokens = [{
|
|
|
2689
2790
|
"group": "paint",
|
|
2690
2791
|
"state": "deleted",
|
|
2691
2792
|
"introduced": "0.6.0",
|
|
2793
|
+
"deprecated": "0.7.0",
|
|
2794
|
+
"deleted": "0.8.0",
|
|
2692
2795
|
"replacement": "color.background.accent.magenta.subtle",
|
|
2693
2796
|
"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
2797
|
},
|
|
@@ -2785,6 +2888,7 @@ var tokens = [{
|
|
|
2785
2888
|
"group": "paint",
|
|
2786
2889
|
"state": "deprecated",
|
|
2787
2890
|
"introduced": "0.1.0",
|
|
2891
|
+
"deprecated": "0.8.3",
|
|
2788
2892
|
"replacement": "color.background.inverse.subtle.[default]",
|
|
2789
2893
|
"description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
|
|
2790
2894
|
},
|
|
@@ -2796,6 +2900,7 @@ var tokens = [{
|
|
|
2796
2900
|
"group": "paint",
|
|
2797
2901
|
"state": "deprecated",
|
|
2798
2902
|
"introduced": "0.1.0",
|
|
2903
|
+
"deprecated": "0.8.3",
|
|
2799
2904
|
"replacement": "color.background.inverse.subtle.[default]",
|
|
2800
2905
|
"description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
|
|
2801
2906
|
},
|
|
@@ -3123,6 +3228,7 @@ var tokens = [{
|
|
|
3123
3228
|
"group": "paint",
|
|
3124
3229
|
"state": "deprecated",
|
|
3125
3230
|
"introduced": "0.6.0",
|
|
3231
|
+
"deprecated": "0.6.2",
|
|
3126
3232
|
"replacement": "color.background.selected.[default].[default]",
|
|
3127
3233
|
"description": "Use for the background of elements used to reinforce our brand."
|
|
3128
3234
|
},
|
|
@@ -3134,6 +3240,7 @@ var tokens = [{
|
|
|
3134
3240
|
"group": "paint",
|
|
3135
3241
|
"state": "deprecated",
|
|
3136
3242
|
"introduced": "0.6.0",
|
|
3243
|
+
"deprecated": "0.6.2",
|
|
3137
3244
|
"replacement": "color.background.selected.[default].[default]",
|
|
3138
3245
|
"description": "Use for the background of elements used to reinforce our brand."
|
|
3139
3246
|
},
|
|
@@ -3146,6 +3253,7 @@ var tokens = [{
|
|
|
3146
3253
|
"group": "paint",
|
|
3147
3254
|
"state": "deprecated",
|
|
3148
3255
|
"introduced": "0.6.0",
|
|
3256
|
+
"deprecated": "0.6.2",
|
|
3149
3257
|
"replacement": "color.background.selected.[default].hovered",
|
|
3150
3258
|
"description": "Hovered state for color.background.brand"
|
|
3151
3259
|
},
|
|
@@ -3157,6 +3265,7 @@ var tokens = [{
|
|
|
3157
3265
|
"group": "paint",
|
|
3158
3266
|
"state": "deprecated",
|
|
3159
3267
|
"introduced": "0.6.0",
|
|
3268
|
+
"deprecated": "0.6.2",
|
|
3160
3269
|
"replacement": "color.background.selected.[default].hovered",
|
|
3161
3270
|
"description": "Hovered state for color.background.brand"
|
|
3162
3271
|
},
|
|
@@ -3169,6 +3278,7 @@ var tokens = [{
|
|
|
3169
3278
|
"group": "paint",
|
|
3170
3279
|
"state": "deprecated",
|
|
3171
3280
|
"introduced": "0.6.0",
|
|
3281
|
+
"deprecated": "0.6.2",
|
|
3172
3282
|
"replacement": "color.background.selected.[default].pressed",
|
|
3173
3283
|
"description": "Pressed state for color.background.brand"
|
|
3174
3284
|
},
|
|
@@ -3180,6 +3290,7 @@ var tokens = [{
|
|
|
3180
3290
|
"group": "paint",
|
|
3181
3291
|
"state": "deprecated",
|
|
3182
3292
|
"introduced": "0.6.0",
|
|
3293
|
+
"deprecated": "0.6.2",
|
|
3183
3294
|
"replacement": "color.background.selected.[default].pressed",
|
|
3184
3295
|
"description": "Pressed state for color.background.brand"
|
|
3185
3296
|
},
|
|
@@ -3318,6 +3429,7 @@ var tokens = [{
|
|
|
3318
3429
|
"group": "paint",
|
|
3319
3430
|
"state": "deprecated",
|
|
3320
3431
|
"introduced": "0.1.0",
|
|
3432
|
+
"deprecated": "0.6.0",
|
|
3321
3433
|
"replacement": "color.background.selected.[default].[default]",
|
|
3322
3434
|
"description": "Use for backgrounds of elements in a selected state"
|
|
3323
3435
|
},
|
|
@@ -3329,6 +3441,7 @@ var tokens = [{
|
|
|
3329
3441
|
"group": "paint",
|
|
3330
3442
|
"state": "deprecated",
|
|
3331
3443
|
"introduced": "0.1.0",
|
|
3444
|
+
"deprecated": "0.6.0",
|
|
3332
3445
|
"replacement": "color.background.selected.[default].[default]",
|
|
3333
3446
|
"description": "Use for backgrounds of elements in a selected state"
|
|
3334
3447
|
},
|
|
@@ -3341,6 +3454,7 @@ var tokens = [{
|
|
|
3341
3454
|
"group": "paint",
|
|
3342
3455
|
"state": "deprecated",
|
|
3343
3456
|
"introduced": "0.1.0",
|
|
3457
|
+
"deprecated": "0.6.0",
|
|
3344
3458
|
"replacement": "color.background.selected.[default].hovered",
|
|
3345
3459
|
"description": "Hover state for color.background.selected"
|
|
3346
3460
|
},
|
|
@@ -3352,6 +3466,7 @@ var tokens = [{
|
|
|
3352
3466
|
"group": "paint",
|
|
3353
3467
|
"state": "deprecated",
|
|
3354
3468
|
"introduced": "0.1.0",
|
|
3469
|
+
"deprecated": "0.6.0",
|
|
3355
3470
|
"replacement": "color.background.selected.[default].hovered",
|
|
3356
3471
|
"description": "Hover state for color.background.selected"
|
|
3357
3472
|
},
|
|
@@ -3994,6 +4109,8 @@ var tokens = [{
|
|
|
3994
4109
|
"group": "paint",
|
|
3995
4110
|
"state": "deleted",
|
|
3996
4111
|
"introduced": "0.0.15",
|
|
4112
|
+
"deprecated": "0.6.0",
|
|
4113
|
+
"deleted": "0.8.0",
|
|
3997
4114
|
"replacement": "color.blanket.[default]",
|
|
3998
4115
|
"description": "Use for the screen overlay that appears with modal dialogs"
|
|
3999
4116
|
},
|
|
@@ -4005,6 +4122,8 @@ var tokens = [{
|
|
|
4005
4122
|
"group": "paint",
|
|
4006
4123
|
"state": "deleted",
|
|
4007
4124
|
"introduced": "0.0.15",
|
|
4125
|
+
"deprecated": "0.6.0",
|
|
4126
|
+
"deleted": "0.8.0",
|
|
4008
4127
|
"replacement": "color.blanket.[default]",
|
|
4009
4128
|
"description": "Use for the screen overlay that appears with modal dialogs"
|
|
4010
4129
|
},
|
|
@@ -4017,6 +4136,8 @@ var tokens = [{
|
|
|
4017
4136
|
"group": "paint",
|
|
4018
4137
|
"state": "deleted",
|
|
4019
4138
|
"introduced": "0.0.15",
|
|
4139
|
+
"deprecated": "0.6.0",
|
|
4140
|
+
"deleted": "0.8.0",
|
|
4020
4141
|
"replacement": "color.background.brand.bold.hovered",
|
|
4021
4142
|
"description": "Hover state of background.boldBrand"
|
|
4022
4143
|
},
|
|
@@ -4028,6 +4149,8 @@ var tokens = [{
|
|
|
4028
4149
|
"group": "paint",
|
|
4029
4150
|
"state": "deleted",
|
|
4030
4151
|
"introduced": "0.0.15",
|
|
4152
|
+
"deprecated": "0.6.0",
|
|
4153
|
+
"deleted": "0.8.0",
|
|
4031
4154
|
"replacement": "color.background.brand.bold.hovered",
|
|
4032
4155
|
"description": "Hover state of background.boldBrand"
|
|
4033
4156
|
},
|
|
@@ -4040,6 +4163,8 @@ var tokens = [{
|
|
|
4040
4163
|
"group": "paint",
|
|
4041
4164
|
"state": "deleted",
|
|
4042
4165
|
"introduced": "0.0.15",
|
|
4166
|
+
"deprecated": "0.6.0",
|
|
4167
|
+
"deleted": "0.8.0",
|
|
4043
4168
|
"replacement": "color.background.brand.bold.pressed",
|
|
4044
4169
|
"description": "Pressed state of background.boldBrand"
|
|
4045
4170
|
},
|
|
@@ -4051,6 +4176,8 @@ var tokens = [{
|
|
|
4051
4176
|
"group": "paint",
|
|
4052
4177
|
"state": "deleted",
|
|
4053
4178
|
"introduced": "0.0.15",
|
|
4179
|
+
"deprecated": "0.6.0",
|
|
4180
|
+
"deleted": "0.8.0",
|
|
4054
4181
|
"replacement": "color.background.brand.bold.pressed",
|
|
4055
4182
|
"description": "Pressed state of background.boldBrand"
|
|
4056
4183
|
},
|
|
@@ -4063,6 +4190,8 @@ var tokens = [{
|
|
|
4063
4190
|
"group": "paint",
|
|
4064
4191
|
"state": "deleted",
|
|
4065
4192
|
"introduced": "0.0.15",
|
|
4193
|
+
"deprecated": "0.6.0",
|
|
4194
|
+
"deleted": "0.8.0",
|
|
4066
4195
|
"replacement": "color.background.brand.bold.[default]",
|
|
4067
4196
|
"description": "A vibrant background for small UI elements like primary buttons and bold in progress lozenges."
|
|
4068
4197
|
},
|
|
@@ -4074,6 +4203,8 @@ var tokens = [{
|
|
|
4074
4203
|
"group": "paint",
|
|
4075
4204
|
"state": "deleted",
|
|
4076
4205
|
"introduced": "0.0.15",
|
|
4206
|
+
"deprecated": "0.6.0",
|
|
4207
|
+
"deleted": "0.8.0",
|
|
4077
4208
|
"replacement": "color.background.brand.bold.[default]",
|
|
4078
4209
|
"description": "A vibrant background for small UI elements like primary buttons and bold in progress lozenges."
|
|
4079
4210
|
},
|
|
@@ -4086,6 +4217,8 @@ var tokens = [{
|
|
|
4086
4217
|
"group": "paint",
|
|
4087
4218
|
"state": "deleted",
|
|
4088
4219
|
"introduced": "0.0.15",
|
|
4220
|
+
"deprecated": "0.6.0",
|
|
4221
|
+
"deleted": "0.8.0",
|
|
4089
4222
|
"replacement": "color.background.danger.bold.hovered",
|
|
4090
4223
|
"description": "Hover state of background.boldDanger"
|
|
4091
4224
|
},
|
|
@@ -4097,6 +4230,8 @@ var tokens = [{
|
|
|
4097
4230
|
"group": "paint",
|
|
4098
4231
|
"state": "deleted",
|
|
4099
4232
|
"introduced": "0.0.15",
|
|
4233
|
+
"deprecated": "0.6.0",
|
|
4234
|
+
"deleted": "0.8.0",
|
|
4100
4235
|
"replacement": "color.background.danger.bold.hovered",
|
|
4101
4236
|
"description": "Hover state of background.boldDanger"
|
|
4102
4237
|
},
|
|
@@ -4109,6 +4244,8 @@ var tokens = [{
|
|
|
4109
4244
|
"group": "paint",
|
|
4110
4245
|
"state": "deleted",
|
|
4111
4246
|
"introduced": "0.0.15",
|
|
4247
|
+
"deprecated": "0.6.0",
|
|
4248
|
+
"deleted": "0.8.0",
|
|
4112
4249
|
"replacement": "color.background.danger.bold.pressed",
|
|
4113
4250
|
"description": "Pressed state of background.boldDanger"
|
|
4114
4251
|
},
|
|
@@ -4120,6 +4257,8 @@ var tokens = [{
|
|
|
4120
4257
|
"group": "paint",
|
|
4121
4258
|
"state": "deleted",
|
|
4122
4259
|
"introduced": "0.0.15",
|
|
4260
|
+
"deprecated": "0.6.0",
|
|
4261
|
+
"deleted": "0.8.0",
|
|
4123
4262
|
"replacement": "color.background.danger.bold.pressed",
|
|
4124
4263
|
"description": "Pressed state of background.boldDanger"
|
|
4125
4264
|
},
|
|
@@ -4132,6 +4271,8 @@ var tokens = [{
|
|
|
4132
4271
|
"group": "paint",
|
|
4133
4272
|
"state": "deleted",
|
|
4134
4273
|
"introduced": "0.0.15",
|
|
4274
|
+
"deprecated": "0.6.0",
|
|
4275
|
+
"deleted": "0.8.0",
|
|
4135
4276
|
"replacement": "color.background.danger.bold.[default]",
|
|
4136
4277
|
"description": "A vibrant background for small UI elements like danger buttons and bold removed lozenges."
|
|
4137
4278
|
},
|
|
@@ -4143,6 +4284,8 @@ var tokens = [{
|
|
|
4143
4284
|
"group": "paint",
|
|
4144
4285
|
"state": "deleted",
|
|
4145
4286
|
"introduced": "0.0.15",
|
|
4287
|
+
"deprecated": "0.6.0",
|
|
4288
|
+
"deleted": "0.8.0",
|
|
4146
4289
|
"replacement": "color.background.danger.bold.[default]",
|
|
4147
4290
|
"description": "A vibrant background for small UI elements like danger buttons and bold removed lozenges."
|
|
4148
4291
|
},
|
|
@@ -4155,6 +4298,8 @@ var tokens = [{
|
|
|
4155
4298
|
"group": "paint",
|
|
4156
4299
|
"state": "deleted",
|
|
4157
4300
|
"introduced": "0.0.15",
|
|
4301
|
+
"deprecated": "0.6.0",
|
|
4302
|
+
"deleted": "0.8.0",
|
|
4158
4303
|
"replacement": "color.background.discovery.bold.hovered",
|
|
4159
4304
|
"description": "Hover state of background.boldDiscovery"
|
|
4160
4305
|
},
|
|
@@ -4166,6 +4311,8 @@ var tokens = [{
|
|
|
4166
4311
|
"group": "paint",
|
|
4167
4312
|
"state": "deleted",
|
|
4168
4313
|
"introduced": "0.0.15",
|
|
4314
|
+
"deprecated": "0.6.0",
|
|
4315
|
+
"deleted": "0.8.0",
|
|
4169
4316
|
"replacement": "color.background.discovery.bold.hovered",
|
|
4170
4317
|
"description": "Hover state of background.boldDiscovery"
|
|
4171
4318
|
},
|
|
@@ -4178,6 +4325,8 @@ var tokens = [{
|
|
|
4178
4325
|
"group": "paint",
|
|
4179
4326
|
"state": "deleted",
|
|
4180
4327
|
"introduced": "0.0.15",
|
|
4328
|
+
"deprecated": "0.6.0",
|
|
4329
|
+
"deleted": "0.8.0",
|
|
4181
4330
|
"replacement": "color.background.discovery.bold.pressed",
|
|
4182
4331
|
"description": "Pressed state of background.boldDiscovery"
|
|
4183
4332
|
},
|
|
@@ -4189,6 +4338,8 @@ var tokens = [{
|
|
|
4189
4338
|
"group": "paint",
|
|
4190
4339
|
"state": "deleted",
|
|
4191
4340
|
"introduced": "0.0.15",
|
|
4341
|
+
"deprecated": "0.6.0",
|
|
4342
|
+
"deleted": "0.8.0",
|
|
4192
4343
|
"replacement": "color.background.discovery.bold.pressed",
|
|
4193
4344
|
"description": "Pressed state of background.boldDiscovery"
|
|
4194
4345
|
},
|
|
@@ -4201,6 +4352,8 @@ var tokens = [{
|
|
|
4201
4352
|
"group": "paint",
|
|
4202
4353
|
"state": "deleted",
|
|
4203
4354
|
"introduced": "0.0.15",
|
|
4355
|
+
"deprecated": "0.6.0",
|
|
4356
|
+
"deleted": "0.8.0",
|
|
4204
4357
|
"replacement": "color.background.discovery.bold.[default]",
|
|
4205
4358
|
"description": "A vibrant background for small UI elements like onboarding buttons and bold new lozenges."
|
|
4206
4359
|
},
|
|
@@ -4212,6 +4365,8 @@ var tokens = [{
|
|
|
4212
4365
|
"group": "paint",
|
|
4213
4366
|
"state": "deleted",
|
|
4214
4367
|
"introduced": "0.0.15",
|
|
4368
|
+
"deprecated": "0.6.0",
|
|
4369
|
+
"deleted": "0.8.0",
|
|
4215
4370
|
"replacement": "color.background.discovery.bold.[default]",
|
|
4216
4371
|
"description": "A vibrant background for small UI elements like onboarding buttons and bold new lozenges."
|
|
4217
4372
|
},
|
|
@@ -4224,6 +4379,8 @@ var tokens = [{
|
|
|
4224
4379
|
"group": "paint",
|
|
4225
4380
|
"state": "deleted",
|
|
4226
4381
|
"introduced": "0.0.15",
|
|
4382
|
+
"deprecated": "0.6.0",
|
|
4383
|
+
"deleted": "0.8.0",
|
|
4227
4384
|
"replacement": "color.background.neutral.bold.hovered",
|
|
4228
4385
|
"description": "Hover state of background.boldNeutral"
|
|
4229
4386
|
},
|
|
@@ -4235,6 +4392,8 @@ var tokens = [{
|
|
|
4235
4392
|
"group": "paint",
|
|
4236
4393
|
"state": "deleted",
|
|
4237
4394
|
"introduced": "0.0.15",
|
|
4395
|
+
"deprecated": "0.6.0",
|
|
4396
|
+
"deleted": "0.8.0",
|
|
4238
4397
|
"replacement": "color.background.neutral.bold.hovered",
|
|
4239
4398
|
"description": "Hover state of background.boldNeutral"
|
|
4240
4399
|
},
|
|
@@ -4247,6 +4406,8 @@ var tokens = [{
|
|
|
4247
4406
|
"group": "paint",
|
|
4248
4407
|
"state": "deleted",
|
|
4249
4408
|
"introduced": "0.0.15",
|
|
4409
|
+
"deprecated": "0.6.0",
|
|
4410
|
+
"deleted": "0.8.0",
|
|
4250
4411
|
"replacement": "color.background.neutral.bold.pressed",
|
|
4251
4412
|
"description": "Pressed state of background.boldNeutral"
|
|
4252
4413
|
},
|
|
@@ -4258,6 +4419,8 @@ var tokens = [{
|
|
|
4258
4419
|
"group": "paint",
|
|
4259
4420
|
"state": "deleted",
|
|
4260
4421
|
"introduced": "0.0.15",
|
|
4422
|
+
"deprecated": "0.6.0",
|
|
4423
|
+
"deleted": "0.8.0",
|
|
4261
4424
|
"replacement": "color.background.neutral.bold.pressed",
|
|
4262
4425
|
"description": "Pressed state of background.boldNeutral"
|
|
4263
4426
|
},
|
|
@@ -4270,6 +4433,8 @@ var tokens = [{
|
|
|
4270
4433
|
"group": "paint",
|
|
4271
4434
|
"state": "deleted",
|
|
4272
4435
|
"introduced": "0.0.15",
|
|
4436
|
+
"deprecated": "0.6.0",
|
|
4437
|
+
"deleted": "0.8.0",
|
|
4273
4438
|
"replacement": "color.background.neutral.bold.[default]",
|
|
4274
4439
|
"description": "A vibrant background for small UI elements like unchecked toggles and bold default lozenges."
|
|
4275
4440
|
},
|
|
@@ -4281,6 +4446,8 @@ var tokens = [{
|
|
|
4281
4446
|
"group": "paint",
|
|
4282
4447
|
"state": "deleted",
|
|
4283
4448
|
"introduced": "0.0.15",
|
|
4449
|
+
"deprecated": "0.6.0",
|
|
4450
|
+
"deleted": "0.8.0",
|
|
4284
4451
|
"replacement": "color.background.neutral.bold.[default]",
|
|
4285
4452
|
"description": "A vibrant background for small UI elements like unchecked toggles and bold default lozenges."
|
|
4286
4453
|
},
|
|
@@ -4293,6 +4460,8 @@ var tokens = [{
|
|
|
4293
4460
|
"group": "paint",
|
|
4294
4461
|
"state": "deleted",
|
|
4295
4462
|
"introduced": "0.0.15",
|
|
4463
|
+
"deprecated": "0.6.0",
|
|
4464
|
+
"deleted": "0.8.0",
|
|
4296
4465
|
"replacement": "color.background.success.bold.hovered",
|
|
4297
4466
|
"description": "Hover state of background.boldSuccess"
|
|
4298
4467
|
},
|
|
@@ -4304,6 +4473,8 @@ var tokens = [{
|
|
|
4304
4473
|
"group": "paint",
|
|
4305
4474
|
"state": "deleted",
|
|
4306
4475
|
"introduced": "0.0.15",
|
|
4476
|
+
"deprecated": "0.6.0",
|
|
4477
|
+
"deleted": "0.8.0",
|
|
4307
4478
|
"replacement": "color.background.success.bold.hovered",
|
|
4308
4479
|
"description": "Hover state of background.boldSuccess"
|
|
4309
4480
|
},
|
|
@@ -4316,6 +4487,8 @@ var tokens = [{
|
|
|
4316
4487
|
"group": "paint",
|
|
4317
4488
|
"state": "deleted",
|
|
4318
4489
|
"introduced": "0.0.15",
|
|
4490
|
+
"deprecated": "0.6.0",
|
|
4491
|
+
"deleted": "0.8.0",
|
|
4319
4492
|
"replacement": "color.background.success.bold.pressed",
|
|
4320
4493
|
"description": "Pressed state of background.boldSuccess"
|
|
4321
4494
|
},
|
|
@@ -4327,6 +4500,8 @@ var tokens = [{
|
|
|
4327
4500
|
"group": "paint",
|
|
4328
4501
|
"state": "deleted",
|
|
4329
4502
|
"introduced": "0.0.15",
|
|
4503
|
+
"deprecated": "0.6.0",
|
|
4504
|
+
"deleted": "0.8.0",
|
|
4330
4505
|
"replacement": "color.background.success.bold.pressed",
|
|
4331
4506
|
"description": "Pressed state of background.boldSuccess"
|
|
4332
4507
|
},
|
|
@@ -4339,6 +4514,8 @@ var tokens = [{
|
|
|
4339
4514
|
"group": "paint",
|
|
4340
4515
|
"state": "deleted",
|
|
4341
4516
|
"introduced": "0.0.15",
|
|
4517
|
+
"deprecated": "0.6.0",
|
|
4518
|
+
"deleted": "0.8.0",
|
|
4342
4519
|
"replacement": "color.background.success.bold.[default]",
|
|
4343
4520
|
"description": "A vibrant background for small UI elements like checked toggles and bold success lozenges."
|
|
4344
4521
|
},
|
|
@@ -4350,6 +4527,8 @@ var tokens = [{
|
|
|
4350
4527
|
"group": "paint",
|
|
4351
4528
|
"state": "deleted",
|
|
4352
4529
|
"introduced": "0.0.15",
|
|
4530
|
+
"deprecated": "0.6.0",
|
|
4531
|
+
"deleted": "0.8.0",
|
|
4353
4532
|
"replacement": "color.background.success.bold.[default]",
|
|
4354
4533
|
"description": "A vibrant background for small UI elements like checked toggles and bold success lozenges."
|
|
4355
4534
|
},
|
|
@@ -4362,6 +4541,8 @@ var tokens = [{
|
|
|
4362
4541
|
"group": "paint",
|
|
4363
4542
|
"state": "deleted",
|
|
4364
4543
|
"introduced": "0.0.15",
|
|
4544
|
+
"deprecated": "0.6.0",
|
|
4545
|
+
"deleted": "0.8.0",
|
|
4365
4546
|
"replacement": "color.background.warning.bold.hovered",
|
|
4366
4547
|
"description": "Hover state of background.boldWarning"
|
|
4367
4548
|
},
|
|
@@ -4373,6 +4554,8 @@ var tokens = [{
|
|
|
4373
4554
|
"group": "paint",
|
|
4374
4555
|
"state": "deleted",
|
|
4375
4556
|
"introduced": "0.0.15",
|
|
4557
|
+
"deprecated": "0.6.0",
|
|
4558
|
+
"deleted": "0.8.0",
|
|
4376
4559
|
"replacement": "color.background.warning.bold.hovered",
|
|
4377
4560
|
"description": "Hover state of background.boldWarning"
|
|
4378
4561
|
},
|
|
@@ -4385,6 +4568,8 @@ var tokens = [{
|
|
|
4385
4568
|
"group": "paint",
|
|
4386
4569
|
"state": "deleted",
|
|
4387
4570
|
"introduced": "0.0.15",
|
|
4571
|
+
"deprecated": "0.6.0",
|
|
4572
|
+
"deleted": "0.8.0",
|
|
4388
4573
|
"replacement": "color.background.warning.bold.pressed",
|
|
4389
4574
|
"description": "Pressed state of background.boldWarning"
|
|
4390
4575
|
},
|
|
@@ -4396,6 +4581,8 @@ var tokens = [{
|
|
|
4396
4581
|
"group": "paint",
|
|
4397
4582
|
"state": "deleted",
|
|
4398
4583
|
"introduced": "0.0.15",
|
|
4584
|
+
"deprecated": "0.6.0",
|
|
4585
|
+
"deleted": "0.8.0",
|
|
4399
4586
|
"replacement": "color.background.warning.bold.pressed",
|
|
4400
4587
|
"description": "Pressed state of background.boldWarning"
|
|
4401
4588
|
},
|
|
@@ -4408,6 +4595,8 @@ var tokens = [{
|
|
|
4408
4595
|
"group": "paint",
|
|
4409
4596
|
"state": "deleted",
|
|
4410
4597
|
"introduced": "0.0.15",
|
|
4598
|
+
"deprecated": "0.6.0",
|
|
4599
|
+
"deleted": "0.8.0",
|
|
4411
4600
|
"replacement": "color.background.warning.bold.[default]",
|
|
4412
4601
|
"description": "A vibrant background for small UI elements like warning buttons and bold moved lozenges."
|
|
4413
4602
|
},
|
|
@@ -4419,6 +4608,8 @@ var tokens = [{
|
|
|
4419
4608
|
"group": "paint",
|
|
4420
4609
|
"state": "deleted",
|
|
4421
4610
|
"introduced": "0.0.15",
|
|
4611
|
+
"deprecated": "0.6.0",
|
|
4612
|
+
"deleted": "0.8.0",
|
|
4422
4613
|
"replacement": "color.background.warning.bold.[default]",
|
|
4423
4614
|
"description": "A vibrant background for small UI elements like warning buttons and bold moved lozenges."
|
|
4424
4615
|
},
|
|
@@ -4431,6 +4622,8 @@ var tokens = [{
|
|
|
4431
4622
|
"group": "paint",
|
|
4432
4623
|
"state": "deleted",
|
|
4433
4624
|
"introduced": "0.0.15",
|
|
4625
|
+
"deprecated": "0.6.0",
|
|
4626
|
+
"deleted": "0.8.0",
|
|
4434
4627
|
"replacement": "elevation.surface.raised",
|
|
4435
4628
|
"description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
|
|
4436
4629
|
},
|
|
@@ -4442,6 +4635,8 @@ var tokens = [{
|
|
|
4442
4635
|
"group": "paint",
|
|
4443
4636
|
"state": "deleted",
|
|
4444
4637
|
"introduced": "0.0.15",
|
|
4638
|
+
"deprecated": "0.6.0",
|
|
4639
|
+
"deleted": "0.8.0",
|
|
4445
4640
|
"replacement": "elevation.surface.raised",
|
|
4446
4641
|
"description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
|
|
4447
4642
|
},
|
|
@@ -4454,6 +4649,8 @@ var tokens = [{
|
|
|
4454
4649
|
"group": "paint",
|
|
4455
4650
|
"state": "deleted",
|
|
4456
4651
|
"introduced": "0.0.15",
|
|
4652
|
+
"deprecated": "0.6.0",
|
|
4653
|
+
"deleted": "0.8.0",
|
|
4457
4654
|
"replacement": "elevation.surface.[default]",
|
|
4458
4655
|
"description": "Use as the primary background for the UI"
|
|
4459
4656
|
},
|
|
@@ -4465,6 +4662,8 @@ var tokens = [{
|
|
|
4465
4662
|
"group": "paint",
|
|
4466
4663
|
"state": "deleted",
|
|
4467
4664
|
"introduced": "0.0.15",
|
|
4665
|
+
"deprecated": "0.6.0",
|
|
4666
|
+
"deleted": "0.8.0",
|
|
4468
4667
|
"replacement": "elevation.surface.[default]",
|
|
4469
4668
|
"description": "Use as the primary background for the UI"
|
|
4470
4669
|
},
|
|
@@ -4477,6 +4676,8 @@ var tokens = [{
|
|
|
4477
4676
|
"group": "paint",
|
|
4478
4677
|
"state": "deleted",
|
|
4479
4678
|
"introduced": "0.0.15",
|
|
4679
|
+
"deprecated": "0.6.0",
|
|
4680
|
+
"deleted": "0.8.0",
|
|
4480
4681
|
"replacement": "elevation.surface.overlay",
|
|
4481
4682
|
"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
4683
|
},
|
|
@@ -4488,6 +4689,8 @@ var tokens = [{
|
|
|
4488
4689
|
"group": "paint",
|
|
4489
4690
|
"state": "deleted",
|
|
4490
4691
|
"introduced": "0.0.15",
|
|
4692
|
+
"deprecated": "0.6.0",
|
|
4693
|
+
"deleted": "0.8.0",
|
|
4491
4694
|
"replacement": "elevation.surface.overlay",
|
|
4492
4695
|
"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
4696
|
},
|
|
@@ -4500,6 +4703,8 @@ var tokens = [{
|
|
|
4500
4703
|
"group": "paint",
|
|
4501
4704
|
"state": "deleted",
|
|
4502
4705
|
"introduced": "0.0.15",
|
|
4706
|
+
"deprecated": "0.6.0",
|
|
4707
|
+
"deleted": "0.8.0",
|
|
4503
4708
|
"replacement": "color.background.input.pressed",
|
|
4504
4709
|
"description": "Pressed state for background.subtleBorderedNeutral"
|
|
4505
4710
|
},
|
|
@@ -4511,6 +4716,8 @@ var tokens = [{
|
|
|
4511
4716
|
"group": "paint",
|
|
4512
4717
|
"state": "deleted",
|
|
4513
4718
|
"introduced": "0.0.15",
|
|
4719
|
+
"deprecated": "0.6.0",
|
|
4720
|
+
"deleted": "0.8.0",
|
|
4514
4721
|
"replacement": "color.background.input.pressed",
|
|
4515
4722
|
"description": "Pressed state for background.subtleBorderedNeutral"
|
|
4516
4723
|
},
|
|
@@ -4523,6 +4730,8 @@ var tokens = [{
|
|
|
4523
4730
|
"group": "paint",
|
|
4524
4731
|
"state": "deleted",
|
|
4525
4732
|
"introduced": "0.0.15",
|
|
4733
|
+
"deprecated": "0.6.0",
|
|
4734
|
+
"deleted": "0.8.0",
|
|
4526
4735
|
"replacement": "color.background.input.[default]",
|
|
4527
4736
|
"description": "Hover state for background.subtleBorderedNeutral"
|
|
4528
4737
|
},
|
|
@@ -4534,6 +4743,8 @@ var tokens = [{
|
|
|
4534
4743
|
"group": "paint",
|
|
4535
4744
|
"state": "deleted",
|
|
4536
4745
|
"introduced": "0.0.15",
|
|
4746
|
+
"deprecated": "0.6.0",
|
|
4747
|
+
"deleted": "0.8.0",
|
|
4537
4748
|
"replacement": "color.background.input.[default]",
|
|
4538
4749
|
"description": "Hover state for background.subtleBorderedNeutral"
|
|
4539
4750
|
},
|
|
@@ -4546,6 +4757,7 @@ var tokens = [{
|
|
|
4546
4757
|
"group": "paint",
|
|
4547
4758
|
"state": "deprecated",
|
|
4548
4759
|
"introduced": "0.0.15",
|
|
4760
|
+
"deprecated": "0.6.0",
|
|
4549
4761
|
"replacement": "color.background.selected.[default].hovered",
|
|
4550
4762
|
"description": "Hover state for background.subtleBrand"
|
|
4551
4763
|
},
|
|
@@ -4557,6 +4769,7 @@ var tokens = [{
|
|
|
4557
4769
|
"group": "paint",
|
|
4558
4770
|
"state": "deprecated",
|
|
4559
4771
|
"introduced": "0.0.15",
|
|
4772
|
+
"deprecated": "0.6.0",
|
|
4560
4773
|
"replacement": "color.background.selected.[default].hovered",
|
|
4561
4774
|
"description": "Hover state for background.subtleBrand"
|
|
4562
4775
|
},
|
|
@@ -4569,6 +4782,7 @@ var tokens = [{
|
|
|
4569
4782
|
"group": "paint",
|
|
4570
4783
|
"state": "deprecated",
|
|
4571
4784
|
"introduced": "0.0.15",
|
|
4785
|
+
"deprecated": "0.6.0",
|
|
4572
4786
|
"replacement": "color.background.selected.[default].pressed",
|
|
4573
4787
|
"description": "Pressed state for background.subtleBrand"
|
|
4574
4788
|
},
|
|
@@ -4580,6 +4794,7 @@ var tokens = [{
|
|
|
4580
4794
|
"group": "paint",
|
|
4581
4795
|
"state": "deprecated",
|
|
4582
4796
|
"introduced": "0.0.15",
|
|
4797
|
+
"deprecated": "0.6.0",
|
|
4583
4798
|
"replacement": "color.background.selected.[default].pressed",
|
|
4584
4799
|
"description": "Pressed state for background.subtleBrand"
|
|
4585
4800
|
},
|
|
@@ -4592,6 +4807,7 @@ var tokens = [{
|
|
|
4592
4807
|
"group": "paint",
|
|
4593
4808
|
"state": "deprecated",
|
|
4594
4809
|
"introduced": "0.0.15",
|
|
4810
|
+
"deprecated": "0.6.0",
|
|
4595
4811
|
"replacement": "color.background.selected.[default].[default]",
|
|
4596
4812
|
"description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
|
|
4597
4813
|
},
|
|
@@ -4603,6 +4819,7 @@ var tokens = [{
|
|
|
4603
4819
|
"group": "paint",
|
|
4604
4820
|
"state": "deprecated",
|
|
4605
4821
|
"introduced": "0.0.15",
|
|
4822
|
+
"deprecated": "0.6.0",
|
|
4606
4823
|
"replacement": "color.background.selected.[default].[default]",
|
|
4607
4824
|
"description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
|
|
4608
4825
|
},
|
|
@@ -4615,6 +4832,8 @@ var tokens = [{
|
|
|
4615
4832
|
"group": "paint",
|
|
4616
4833
|
"state": "deleted",
|
|
4617
4834
|
"introduced": "0.0.15",
|
|
4835
|
+
"deprecated": "0.6.0",
|
|
4836
|
+
"deleted": "0.8.0",
|
|
4618
4837
|
"replacement": "color.background.danger.[default].hovered",
|
|
4619
4838
|
"description": "Hover state for background.subtleDanger"
|
|
4620
4839
|
},
|
|
@@ -4626,6 +4845,8 @@ var tokens = [{
|
|
|
4626
4845
|
"group": "paint",
|
|
4627
4846
|
"state": "deleted",
|
|
4628
4847
|
"introduced": "0.0.15",
|
|
4848
|
+
"deprecated": "0.6.0",
|
|
4849
|
+
"deleted": "0.8.0",
|
|
4629
4850
|
"replacement": "color.background.danger.[default].hovered",
|
|
4630
4851
|
"description": "Hover state for background.subtleDanger"
|
|
4631
4852
|
},
|
|
@@ -4638,6 +4859,8 @@ var tokens = [{
|
|
|
4638
4859
|
"group": "paint",
|
|
4639
4860
|
"state": "deleted",
|
|
4640
4861
|
"introduced": "0.0.15",
|
|
4862
|
+
"deprecated": "0.6.0",
|
|
4863
|
+
"deleted": "0.8.0",
|
|
4641
4864
|
"replacement": "color.background.danger.[default].pressed",
|
|
4642
4865
|
"description": "Pressed state for background.subtleDanger"
|
|
4643
4866
|
},
|
|
@@ -4649,6 +4872,8 @@ var tokens = [{
|
|
|
4649
4872
|
"group": "paint",
|
|
4650
4873
|
"state": "deleted",
|
|
4651
4874
|
"introduced": "0.0.15",
|
|
4875
|
+
"deprecated": "0.6.0",
|
|
4876
|
+
"deleted": "0.8.0",
|
|
4652
4877
|
"replacement": "color.background.danger.[default].pressed",
|
|
4653
4878
|
"description": "Pressed state for background.subtleDanger"
|
|
4654
4879
|
},
|
|
@@ -4661,6 +4886,8 @@ var tokens = [{
|
|
|
4661
4886
|
"group": "paint",
|
|
4662
4887
|
"state": "deleted",
|
|
4663
4888
|
"introduced": "0.0.15",
|
|
4889
|
+
"deprecated": "0.6.0",
|
|
4890
|
+
"deleted": "0.8.0",
|
|
4664
4891
|
"replacement": "color.background.danger.[default].[default]",
|
|
4665
4892
|
"description": "Use for subdued backgrounds of UI elements like error section messages and removed lozenges."
|
|
4666
4893
|
},
|
|
@@ -4672,6 +4899,8 @@ var tokens = [{
|
|
|
4672
4899
|
"group": "paint",
|
|
4673
4900
|
"state": "deleted",
|
|
4674
4901
|
"introduced": "0.0.15",
|
|
4902
|
+
"deprecated": "0.6.0",
|
|
4903
|
+
"deleted": "0.8.0",
|
|
4675
4904
|
"replacement": "color.background.danger.[default].[default]",
|
|
4676
4905
|
"description": "Use for subdued backgrounds of UI elements like error section messages and removed lozenges."
|
|
4677
4906
|
},
|
|
@@ -4684,6 +4913,8 @@ var tokens = [{
|
|
|
4684
4913
|
"group": "paint",
|
|
4685
4914
|
"state": "deleted",
|
|
4686
4915
|
"introduced": "0.0.15",
|
|
4916
|
+
"deprecated": "0.6.0",
|
|
4917
|
+
"deleted": "0.8.0",
|
|
4687
4918
|
"replacement": "color.background.discovery.[default].hovered",
|
|
4688
4919
|
"description": "Hover state for background.subtleDiscovery"
|
|
4689
4920
|
},
|
|
@@ -4695,6 +4926,8 @@ var tokens = [{
|
|
|
4695
4926
|
"group": "paint",
|
|
4696
4927
|
"state": "deleted",
|
|
4697
4928
|
"introduced": "0.0.15",
|
|
4929
|
+
"deprecated": "0.6.0",
|
|
4930
|
+
"deleted": "0.8.0",
|
|
4698
4931
|
"replacement": "color.background.discovery.[default].hovered",
|
|
4699
4932
|
"description": "Hover state for background.subtleDiscovery"
|
|
4700
4933
|
},
|
|
@@ -4707,6 +4940,8 @@ var tokens = [{
|
|
|
4707
4940
|
"group": "paint",
|
|
4708
4941
|
"state": "deleted",
|
|
4709
4942
|
"introduced": "0.0.15",
|
|
4943
|
+
"deprecated": "0.6.0",
|
|
4944
|
+
"deleted": "0.8.0",
|
|
4710
4945
|
"replacement": "color.background.discovery.[default].pressed",
|
|
4711
4946
|
"description": "Pressed state for background.subtleDiscovery"
|
|
4712
4947
|
},
|
|
@@ -4718,6 +4953,8 @@ var tokens = [{
|
|
|
4718
4953
|
"group": "paint",
|
|
4719
4954
|
"state": "deleted",
|
|
4720
4955
|
"introduced": "0.0.15",
|
|
4956
|
+
"deprecated": "0.6.0",
|
|
4957
|
+
"deleted": "0.8.0",
|
|
4721
4958
|
"replacement": "color.background.discovery.[default].pressed",
|
|
4722
4959
|
"description": "Pressed state for background.subtleDiscovery"
|
|
4723
4960
|
},
|
|
@@ -4730,6 +4967,8 @@ var tokens = [{
|
|
|
4730
4967
|
"group": "paint",
|
|
4731
4968
|
"state": "deleted",
|
|
4732
4969
|
"introduced": "0.0.15",
|
|
4970
|
+
"deprecated": "0.6.0",
|
|
4971
|
+
"deleted": "0.8.0",
|
|
4733
4972
|
"replacement": "color.background.discovery.[default].[default]",
|
|
4734
4973
|
"description": "Use for subdued backgrounds of UI elements like discovery section messages and new lozenges."
|
|
4735
4974
|
},
|
|
@@ -4741,6 +4980,8 @@ var tokens = [{
|
|
|
4741
4980
|
"group": "paint",
|
|
4742
4981
|
"state": "deleted",
|
|
4743
4982
|
"introduced": "0.0.15",
|
|
4983
|
+
"deprecated": "0.6.0",
|
|
4984
|
+
"deleted": "0.8.0",
|
|
4744
4985
|
"replacement": "color.background.discovery.[default].[default]",
|
|
4745
4986
|
"description": "Use for subdued backgrounds of UI elements like discovery section messages and new lozenges."
|
|
4746
4987
|
},
|
|
@@ -4753,6 +4994,8 @@ var tokens = [{
|
|
|
4753
4994
|
"group": "paint",
|
|
4754
4995
|
"state": "deleted",
|
|
4755
4996
|
"introduced": "0.0.15",
|
|
4997
|
+
"deprecated": "0.6.0",
|
|
4998
|
+
"deleted": "0.8.0",
|
|
4756
4999
|
"replacement": "color.background.neutral.[default].hovered",
|
|
4757
5000
|
"description": "Hover state for background.subtleNeutral"
|
|
4758
5001
|
},
|
|
@@ -4764,6 +5007,8 @@ var tokens = [{
|
|
|
4764
5007
|
"group": "paint",
|
|
4765
5008
|
"state": "deleted",
|
|
4766
5009
|
"introduced": "0.0.15",
|
|
5010
|
+
"deprecated": "0.6.0",
|
|
5011
|
+
"deleted": "0.8.0",
|
|
4767
5012
|
"replacement": "color.background.neutral.[default].hovered",
|
|
4768
5013
|
"description": "Hover state for background.subtleNeutral"
|
|
4769
5014
|
},
|
|
@@ -4776,6 +5021,8 @@ var tokens = [{
|
|
|
4776
5021
|
"group": "paint",
|
|
4777
5022
|
"state": "deleted",
|
|
4778
5023
|
"introduced": "0.0.15",
|
|
5024
|
+
"deprecated": "0.6.0",
|
|
5025
|
+
"deleted": "0.8.0",
|
|
4779
5026
|
"replacement": "color.background.neutral.[default].pressed",
|
|
4780
5027
|
"description": "Pressed state for background.subtleNeutral"
|
|
4781
5028
|
},
|
|
@@ -4787,6 +5034,8 @@ var tokens = [{
|
|
|
4787
5034
|
"group": "paint",
|
|
4788
5035
|
"state": "deleted",
|
|
4789
5036
|
"introduced": "0.0.15",
|
|
5037
|
+
"deprecated": "0.6.0",
|
|
5038
|
+
"deleted": "0.8.0",
|
|
4790
5039
|
"replacement": "color.background.neutral.[default].pressed",
|
|
4791
5040
|
"description": "Pressed state for background.subtleNeutral"
|
|
4792
5041
|
},
|
|
@@ -4799,6 +5048,8 @@ var tokens = [{
|
|
|
4799
5048
|
"group": "paint",
|
|
4800
5049
|
"state": "deleted",
|
|
4801
5050
|
"introduced": "0.0.15",
|
|
5051
|
+
"deprecated": "0.6.0",
|
|
5052
|
+
"deleted": "0.8.0",
|
|
4802
5053
|
"replacement": "color.background.neutral.[default].[default]",
|
|
4803
5054
|
"description": "Use as the default background of UI elements like buttons, lozenges, and tags."
|
|
4804
5055
|
},
|
|
@@ -4810,6 +5061,8 @@ var tokens = [{
|
|
|
4810
5061
|
"group": "paint",
|
|
4811
5062
|
"state": "deleted",
|
|
4812
5063
|
"introduced": "0.0.15",
|
|
5064
|
+
"deprecated": "0.6.0",
|
|
5065
|
+
"deleted": "0.8.0",
|
|
4813
5066
|
"replacement": "color.background.neutral.[default].[default]",
|
|
4814
5067
|
"description": "Use as the default background of UI elements like buttons, lozenges, and tags."
|
|
4815
5068
|
},
|
|
@@ -4822,6 +5075,8 @@ var tokens = [{
|
|
|
4822
5075
|
"group": "paint",
|
|
4823
5076
|
"state": "deleted",
|
|
4824
5077
|
"introduced": "0.0.15",
|
|
5078
|
+
"deprecated": "0.6.0",
|
|
5079
|
+
"deleted": "0.8.0",
|
|
4825
5080
|
"replacement": "color.background.success.[default].hovered",
|
|
4826
5081
|
"description": "Hover state for background.subtleSuccess"
|
|
4827
5082
|
},
|
|
@@ -4833,6 +5088,8 @@ var tokens = [{
|
|
|
4833
5088
|
"group": "paint",
|
|
4834
5089
|
"state": "deleted",
|
|
4835
5090
|
"introduced": "0.0.15",
|
|
5091
|
+
"deprecated": "0.6.0",
|
|
5092
|
+
"deleted": "0.8.0",
|
|
4836
5093
|
"replacement": "color.background.success.[default].hovered",
|
|
4837
5094
|
"description": "Hover state for background.subtleSuccess"
|
|
4838
5095
|
},
|
|
@@ -4845,6 +5102,8 @@ var tokens = [{
|
|
|
4845
5102
|
"group": "paint",
|
|
4846
5103
|
"state": "deleted",
|
|
4847
5104
|
"introduced": "0.0.15",
|
|
5105
|
+
"deprecated": "0.6.0",
|
|
5106
|
+
"deleted": "0.8.0",
|
|
4848
5107
|
"replacement": "color.background.success.[default].pressed",
|
|
4849
5108
|
"description": "Pressed state for background.subtleSuccess"
|
|
4850
5109
|
},
|
|
@@ -4856,6 +5115,8 @@ var tokens = [{
|
|
|
4856
5115
|
"group": "paint",
|
|
4857
5116
|
"state": "deleted",
|
|
4858
5117
|
"introduced": "0.0.15",
|
|
5118
|
+
"deprecated": "0.6.0",
|
|
5119
|
+
"deleted": "0.8.0",
|
|
4859
5120
|
"replacement": "color.background.success.[default].pressed",
|
|
4860
5121
|
"description": "Pressed state for background.subtleSuccess"
|
|
4861
5122
|
},
|
|
@@ -4868,6 +5129,8 @@ var tokens = [{
|
|
|
4868
5129
|
"group": "paint",
|
|
4869
5130
|
"state": "deleted",
|
|
4870
5131
|
"introduced": "0.0.15",
|
|
5132
|
+
"deprecated": "0.6.0",
|
|
5133
|
+
"deleted": "0.8.0",
|
|
4871
5134
|
"replacement": "color.background.success.[default].[default]",
|
|
4872
5135
|
"description": "Use for subdued backgrounds of UI elements like success section messages and success lozenges."
|
|
4873
5136
|
},
|
|
@@ -4879,6 +5142,8 @@ var tokens = [{
|
|
|
4879
5142
|
"group": "paint",
|
|
4880
5143
|
"state": "deleted",
|
|
4881
5144
|
"introduced": "0.0.15",
|
|
5145
|
+
"deprecated": "0.6.0",
|
|
5146
|
+
"deleted": "0.8.0",
|
|
4882
5147
|
"replacement": "color.background.success.[default].[default]",
|
|
4883
5148
|
"description": "Use for subdued backgrounds of UI elements like success section messages and success lozenges."
|
|
4884
5149
|
},
|
|
@@ -4891,6 +5156,8 @@ var tokens = [{
|
|
|
4891
5156
|
"group": "paint",
|
|
4892
5157
|
"state": "deleted",
|
|
4893
5158
|
"introduced": "0.0.15",
|
|
5159
|
+
"deprecated": "0.6.0",
|
|
5160
|
+
"deleted": "0.8.0",
|
|
4894
5161
|
"replacement": "color.background.warning.[default].hovered",
|
|
4895
5162
|
"description": "Hover state for background.subtleWarning"
|
|
4896
5163
|
},
|
|
@@ -4902,6 +5169,8 @@ var tokens = [{
|
|
|
4902
5169
|
"group": "paint",
|
|
4903
5170
|
"state": "deleted",
|
|
4904
5171
|
"introduced": "0.0.15",
|
|
5172
|
+
"deprecated": "0.6.0",
|
|
5173
|
+
"deleted": "0.8.0",
|
|
4905
5174
|
"replacement": "color.background.warning.[default].hovered",
|
|
4906
5175
|
"description": "Hover state for background.subtleWarning"
|
|
4907
5176
|
},
|
|
@@ -4914,6 +5183,8 @@ var tokens = [{
|
|
|
4914
5183
|
"group": "paint",
|
|
4915
5184
|
"state": "deleted",
|
|
4916
5185
|
"introduced": "0.0.15",
|
|
5186
|
+
"deprecated": "0.6.0",
|
|
5187
|
+
"deleted": "0.8.0",
|
|
4917
5188
|
"replacement": "color.background.warning.[default].pressed",
|
|
4918
5189
|
"description": "Pressed state for background.subtleWarning"
|
|
4919
5190
|
},
|
|
@@ -4925,6 +5196,8 @@ var tokens = [{
|
|
|
4925
5196
|
"group": "paint",
|
|
4926
5197
|
"state": "deleted",
|
|
4927
5198
|
"introduced": "0.0.15",
|
|
5199
|
+
"deprecated": "0.6.0",
|
|
5200
|
+
"deleted": "0.8.0",
|
|
4928
5201
|
"replacement": "color.background.warning.[default].pressed",
|
|
4929
5202
|
"description": "Pressed state for background.subtleWarning"
|
|
4930
5203
|
},
|
|
@@ -4937,6 +5210,8 @@ var tokens = [{
|
|
|
4937
5210
|
"group": "paint",
|
|
4938
5211
|
"state": "deleted",
|
|
4939
5212
|
"introduced": "0.0.15",
|
|
5213
|
+
"deprecated": "0.6.0",
|
|
5214
|
+
"deleted": "0.8.0",
|
|
4940
5215
|
"replacement": "color.background.warning.[default].[default]",
|
|
4941
5216
|
"description": "Use for subdued backgrounds of UI elements like warning section messages and moved lozenges."
|
|
4942
5217
|
},
|
|
@@ -4948,6 +5223,8 @@ var tokens = [{
|
|
|
4948
5223
|
"group": "paint",
|
|
4949
5224
|
"state": "deleted",
|
|
4950
5225
|
"introduced": "0.0.15",
|
|
5226
|
+
"deprecated": "0.6.0",
|
|
5227
|
+
"deleted": "0.8.0",
|
|
4951
5228
|
"replacement": "color.background.warning.[default].[default]",
|
|
4952
5229
|
"description": "Use for subdued backgrounds of UI elements like warning section messages and moved lozenges."
|
|
4953
5230
|
},
|
|
@@ -4960,6 +5237,8 @@ var tokens = [{
|
|
|
4960
5237
|
"group": "paint",
|
|
4961
5238
|
"state": "deleted",
|
|
4962
5239
|
"introduced": "0.0.15",
|
|
5240
|
+
"deprecated": "0.6.0",
|
|
5241
|
+
"deleted": "0.8.0",
|
|
4963
5242
|
"replacement": "elevation.surface.sunken",
|
|
4964
5243
|
"description": "Use as a secondary background for the UI"
|
|
4965
5244
|
},
|
|
@@ -4971,6 +5250,8 @@ var tokens = [{
|
|
|
4971
5250
|
"group": "paint",
|
|
4972
5251
|
"state": "deleted",
|
|
4973
5252
|
"introduced": "0.0.15",
|
|
5253
|
+
"deprecated": "0.6.0",
|
|
5254
|
+
"deleted": "0.8.0",
|
|
4974
5255
|
"replacement": "elevation.surface.sunken",
|
|
4975
5256
|
"description": "Use as a secondary background for the UI"
|
|
4976
5257
|
},
|
|
@@ -4983,6 +5264,8 @@ var tokens = [{
|
|
|
4983
5264
|
"group": "paint",
|
|
4984
5265
|
"state": "deleted",
|
|
4985
5266
|
"introduced": "0.0.15",
|
|
5267
|
+
"deprecated": "0.6.0",
|
|
5268
|
+
"deleted": "0.8.0",
|
|
4986
5269
|
"replacement": "color.background.neutral.subtle.hovered",
|
|
4987
5270
|
"description": "Hover state for UIs that do not have a default background, such as menu items or subtle buttons."
|
|
4988
5271
|
},
|
|
@@ -4994,6 +5277,8 @@ var tokens = [{
|
|
|
4994
5277
|
"group": "paint",
|
|
4995
5278
|
"state": "deleted",
|
|
4996
5279
|
"introduced": "0.0.15",
|
|
5280
|
+
"deprecated": "0.6.0",
|
|
5281
|
+
"deleted": "0.8.0",
|
|
4997
5282
|
"replacement": "color.background.neutral.subtle.hovered",
|
|
4998
5283
|
"description": "Hover state for UIs that do not have a default background, such as menu items or subtle buttons."
|
|
4999
5284
|
},
|
|
@@ -5006,6 +5291,8 @@ var tokens = [{
|
|
|
5006
5291
|
"group": "paint",
|
|
5007
5292
|
"state": "deleted",
|
|
5008
5293
|
"introduced": "0.0.15",
|
|
5294
|
+
"deprecated": "0.6.0",
|
|
5295
|
+
"deleted": "0.8.0",
|
|
5009
5296
|
"replacement": "color.background.neutral.subtle.pressed",
|
|
5010
5297
|
"description": "Pressed state for UIs that do not have a default background, such as menu items or subtle buttons."
|
|
5011
5298
|
},
|
|
@@ -5017,6 +5304,8 @@ var tokens = [{
|
|
|
5017
5304
|
"group": "paint",
|
|
5018
5305
|
"state": "deleted",
|
|
5019
5306
|
"introduced": "0.0.15",
|
|
5307
|
+
"deprecated": "0.6.0",
|
|
5308
|
+
"deleted": "0.8.0",
|
|
5020
5309
|
"replacement": "color.background.neutral.subtle.pressed",
|
|
5021
5310
|
"description": "Pressed state for UIs that do not have a default background, such as menu items or subtle buttons."
|
|
5022
5311
|
},
|
|
@@ -5052,7 +5341,7 @@ var tokens = [{
|
|
|
5052
5341
|
"introduced": "0.6.0",
|
|
5053
5342
|
"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
5343
|
},
|
|
5055
|
-
"value": "#
|
|
5344
|
+
"value": "#388BFF14",
|
|
5056
5345
|
"filePath": "src/tokens/atlassian-light/color/background.tsx",
|
|
5057
5346
|
"isSource": true,
|
|
5058
5347
|
"original": {
|
|
@@ -5062,7 +5351,7 @@ var tokens = [{
|
|
|
5062
5351
|
"introduced": "0.6.0",
|
|
5063
5352
|
"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
5353
|
},
|
|
5065
|
-
"value": "#
|
|
5354
|
+
"value": "#388BFF14"
|
|
5066
5355
|
},
|
|
5067
5356
|
"name": "color.blanket.selected",
|
|
5068
5357
|
"path": ["color", "blanket", "selected"]
|
|
@@ -5073,7 +5362,7 @@ var tokens = [{
|
|
|
5073
5362
|
"introduced": "0.6.0",
|
|
5074
5363
|
"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
5364
|
},
|
|
5076
|
-
"value": "#
|
|
5365
|
+
"value": "#EF5C4814",
|
|
5077
5366
|
"filePath": "src/tokens/atlassian-light/color/background.tsx",
|
|
5078
5367
|
"isSource": true,
|
|
5079
5368
|
"original": {
|
|
@@ -5083,7 +5372,7 @@ var tokens = [{
|
|
|
5083
5372
|
"introduced": "0.6.0",
|
|
5084
5373
|
"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
5374
|
},
|
|
5086
|
-
"value": "#
|
|
5375
|
+
"value": "#EF5C4814"
|
|
5087
5376
|
},
|
|
5088
5377
|
"name": "color.blanket.danger",
|
|
5089
5378
|
"path": ["color", "blanket", "danger"]
|
|
@@ -5260,6 +5549,8 @@ var tokens = [{
|
|
|
5260
5549
|
"group": "paint",
|
|
5261
5550
|
"state": "deleted",
|
|
5262
5551
|
"introduced": "0.1.1",
|
|
5552
|
+
"deprecated": "0.6.0",
|
|
5553
|
+
"deleted": "0.8.0",
|
|
5263
5554
|
"replacement": "color.background.accent.blue.bolder",
|
|
5264
5555
|
"description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5265
5556
|
},
|
|
@@ -5271,6 +5562,8 @@ var tokens = [{
|
|
|
5271
5562
|
"group": "paint",
|
|
5272
5563
|
"state": "deleted",
|
|
5273
5564
|
"introduced": "0.1.1",
|
|
5565
|
+
"deprecated": "0.6.0",
|
|
5566
|
+
"deleted": "0.8.0",
|
|
5274
5567
|
"replacement": "color.background.accent.blue.bolder",
|
|
5275
5568
|
"description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5276
5569
|
},
|
|
@@ -5283,6 +5576,8 @@ var tokens = [{
|
|
|
5283
5576
|
"group": "paint",
|
|
5284
5577
|
"state": "deleted",
|
|
5285
5578
|
"introduced": "0.1.1",
|
|
5579
|
+
"deprecated": "0.6.0",
|
|
5580
|
+
"deleted": "0.8.0",
|
|
5286
5581
|
"replacement": "color.background.accent.green.bolder",
|
|
5287
5582
|
"description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5288
5583
|
},
|
|
@@ -5294,6 +5589,8 @@ var tokens = [{
|
|
|
5294
5589
|
"group": "paint",
|
|
5295
5590
|
"state": "deleted",
|
|
5296
5591
|
"introduced": "0.1.1",
|
|
5592
|
+
"deprecated": "0.6.0",
|
|
5593
|
+
"deleted": "0.8.0",
|
|
5297
5594
|
"replacement": "color.background.accent.green.bolder",
|
|
5298
5595
|
"description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5299
5596
|
},
|
|
@@ -5306,6 +5603,8 @@ var tokens = [{
|
|
|
5306
5603
|
"group": "paint",
|
|
5307
5604
|
"state": "deleted",
|
|
5308
5605
|
"introduced": "0.1.1",
|
|
5606
|
+
"deprecated": "0.6.0",
|
|
5607
|
+
"deleted": "0.8.0",
|
|
5309
5608
|
"replacement": "color.background.accent.orange.bolder",
|
|
5310
5609
|
"description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5311
5610
|
},
|
|
@@ -5317,6 +5616,8 @@ var tokens = [{
|
|
|
5317
5616
|
"group": "paint",
|
|
5318
5617
|
"state": "deleted",
|
|
5319
5618
|
"introduced": "0.1.1",
|
|
5619
|
+
"deprecated": "0.6.0",
|
|
5620
|
+
"deleted": "0.8.0",
|
|
5320
5621
|
"replacement": "color.background.accent.orange.bolder",
|
|
5321
5622
|
"description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5322
5623
|
},
|
|
@@ -5329,6 +5630,8 @@ var tokens = [{
|
|
|
5329
5630
|
"group": "paint",
|
|
5330
5631
|
"state": "deleted",
|
|
5331
5632
|
"introduced": "0.1.1",
|
|
5633
|
+
"deprecated": "0.6.0",
|
|
5634
|
+
"deleted": "0.8.0",
|
|
5332
5635
|
"replacement": "color.background.accent.purple.bolder",
|
|
5333
5636
|
"description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5334
5637
|
},
|
|
@@ -5340,6 +5643,8 @@ var tokens = [{
|
|
|
5340
5643
|
"group": "paint",
|
|
5341
5644
|
"state": "deleted",
|
|
5342
5645
|
"introduced": "0.1.1",
|
|
5646
|
+
"deprecated": "0.6.0",
|
|
5647
|
+
"deleted": "0.8.0",
|
|
5343
5648
|
"replacement": "color.background.accent.purple.bolder",
|
|
5344
5649
|
"description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5345
5650
|
},
|
|
@@ -5352,6 +5657,8 @@ var tokens = [{
|
|
|
5352
5657
|
"group": "paint",
|
|
5353
5658
|
"state": "deleted",
|
|
5354
5659
|
"introduced": "0.1.1",
|
|
5660
|
+
"deprecated": "0.6.0",
|
|
5661
|
+
"deleted": "0.8.0",
|
|
5355
5662
|
"replacement": "color.background.accent.red.bolder",
|
|
5356
5663
|
"description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5357
5664
|
},
|
|
@@ -5363,6 +5670,8 @@ var tokens = [{
|
|
|
5363
5670
|
"group": "paint",
|
|
5364
5671
|
"state": "deleted",
|
|
5365
5672
|
"introduced": "0.1.1",
|
|
5673
|
+
"deprecated": "0.6.0",
|
|
5674
|
+
"deleted": "0.8.0",
|
|
5366
5675
|
"replacement": "color.background.accent.red.bolder",
|
|
5367
5676
|
"description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5368
5677
|
},
|
|
@@ -5375,6 +5684,8 @@ var tokens = [{
|
|
|
5375
5684
|
"group": "paint",
|
|
5376
5685
|
"state": "deleted",
|
|
5377
5686
|
"introduced": "0.1.1",
|
|
5687
|
+
"deprecated": "0.6.0",
|
|
5688
|
+
"deleted": "0.8.0",
|
|
5378
5689
|
"replacement": "color.background.accent.teal.bolder",
|
|
5379
5690
|
"description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5380
5691
|
},
|
|
@@ -5386,6 +5697,8 @@ var tokens = [{
|
|
|
5386
5697
|
"group": "paint",
|
|
5387
5698
|
"state": "deleted",
|
|
5388
5699
|
"introduced": "0.1.1",
|
|
5700
|
+
"deprecated": "0.6.0",
|
|
5701
|
+
"deleted": "0.8.0",
|
|
5389
5702
|
"replacement": "color.background.accent.teal.bolder",
|
|
5390
5703
|
"description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5391
5704
|
},
|
|
@@ -5398,6 +5711,8 @@ var tokens = [{
|
|
|
5398
5711
|
"group": "paint",
|
|
5399
5712
|
"state": "deleted",
|
|
5400
5713
|
"introduced": "0.1.0",
|
|
5714
|
+
"deprecated": "0.6.0",
|
|
5715
|
+
"deleted": "0.8.0",
|
|
5401
5716
|
"replacement": "color.background.accent.blue.subtler",
|
|
5402
5717
|
"description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5403
5718
|
},
|
|
@@ -5409,6 +5724,8 @@ var tokens = [{
|
|
|
5409
5724
|
"group": "paint",
|
|
5410
5725
|
"state": "deleted",
|
|
5411
5726
|
"introduced": "0.1.0",
|
|
5727
|
+
"deprecated": "0.6.0",
|
|
5728
|
+
"deleted": "0.8.0",
|
|
5412
5729
|
"replacement": "color.background.accent.blue.subtler",
|
|
5413
5730
|
"description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5414
5731
|
},
|
|
@@ -5421,6 +5738,8 @@ var tokens = [{
|
|
|
5421
5738
|
"group": "paint",
|
|
5422
5739
|
"state": "deleted",
|
|
5423
5740
|
"introduced": "0.1.0",
|
|
5741
|
+
"deprecated": "0.6.0",
|
|
5742
|
+
"deleted": "0.8.0",
|
|
5424
5743
|
"replacement": "color.background.accent.green.subtler",
|
|
5425
5744
|
"description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5426
5745
|
},
|
|
@@ -5432,6 +5751,8 @@ var tokens = [{
|
|
|
5432
5751
|
"group": "paint",
|
|
5433
5752
|
"state": "deleted",
|
|
5434
5753
|
"introduced": "0.1.0",
|
|
5754
|
+
"deprecated": "0.6.0",
|
|
5755
|
+
"deleted": "0.8.0",
|
|
5435
5756
|
"replacement": "color.background.accent.green.subtler",
|
|
5436
5757
|
"description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5437
5758
|
},
|
|
@@ -5444,6 +5765,8 @@ var tokens = [{
|
|
|
5444
5765
|
"group": "paint",
|
|
5445
5766
|
"state": "deleted",
|
|
5446
5767
|
"introduced": "0.1.0",
|
|
5768
|
+
"deprecated": "0.6.0",
|
|
5769
|
+
"deleted": "0.8.0",
|
|
5447
5770
|
"replacement": "color.background.accent.magenta.subtler",
|
|
5448
5771
|
"description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5449
5772
|
},
|
|
@@ -5455,6 +5778,8 @@ var tokens = [{
|
|
|
5455
5778
|
"group": "paint",
|
|
5456
5779
|
"state": "deleted",
|
|
5457
5780
|
"introduced": "0.1.0",
|
|
5781
|
+
"deprecated": "0.6.0",
|
|
5782
|
+
"deleted": "0.8.0",
|
|
5458
5783
|
"replacement": "color.background.accent.magenta.subtler",
|
|
5459
5784
|
"description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5460
5785
|
},
|
|
@@ -5467,6 +5792,8 @@ var tokens = [{
|
|
|
5467
5792
|
"group": "paint",
|
|
5468
5793
|
"state": "deleted",
|
|
5469
5794
|
"introduced": "0.1.0",
|
|
5795
|
+
"deprecated": "0.6.0",
|
|
5796
|
+
"deleted": "0.8.0",
|
|
5470
5797
|
"replacement": "color.background.accent.orange.subtler",
|
|
5471
5798
|
"description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5472
5799
|
},
|
|
@@ -5478,6 +5805,8 @@ var tokens = [{
|
|
|
5478
5805
|
"group": "paint",
|
|
5479
5806
|
"state": "deleted",
|
|
5480
5807
|
"introduced": "0.1.0",
|
|
5808
|
+
"deprecated": "0.6.0",
|
|
5809
|
+
"deleted": "0.8.0",
|
|
5481
5810
|
"replacement": "color.background.accent.orange.subtler",
|
|
5482
5811
|
"description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5483
5812
|
},
|
|
@@ -5490,6 +5819,8 @@ var tokens = [{
|
|
|
5490
5819
|
"group": "paint",
|
|
5491
5820
|
"state": "deleted",
|
|
5492
5821
|
"introduced": "0.1.0",
|
|
5822
|
+
"deprecated": "0.6.0",
|
|
5823
|
+
"deleted": "0.8.0",
|
|
5493
5824
|
"replacement": "color.background.accent.purple.subtler",
|
|
5494
5825
|
"description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5495
5826
|
},
|
|
@@ -5501,6 +5832,8 @@ var tokens = [{
|
|
|
5501
5832
|
"group": "paint",
|
|
5502
5833
|
"state": "deleted",
|
|
5503
5834
|
"introduced": "0.1.0",
|
|
5835
|
+
"deprecated": "0.6.0",
|
|
5836
|
+
"deleted": "0.8.0",
|
|
5504
5837
|
"replacement": "color.background.accent.purple.subtler",
|
|
5505
5838
|
"description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5506
5839
|
},
|
|
@@ -5513,6 +5846,8 @@ var tokens = [{
|
|
|
5513
5846
|
"group": "paint",
|
|
5514
5847
|
"state": "deleted",
|
|
5515
5848
|
"introduced": "0.1.0",
|
|
5849
|
+
"deprecated": "0.6.0",
|
|
5850
|
+
"deleted": "0.8.0",
|
|
5516
5851
|
"replacement": "color.background.accent.red.subtler",
|
|
5517
5852
|
"description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5518
5853
|
},
|
|
@@ -5524,6 +5859,8 @@ var tokens = [{
|
|
|
5524
5859
|
"group": "paint",
|
|
5525
5860
|
"state": "deleted",
|
|
5526
5861
|
"introduced": "0.1.0",
|
|
5862
|
+
"deprecated": "0.6.0",
|
|
5863
|
+
"deleted": "0.8.0",
|
|
5527
5864
|
"replacement": "color.background.accent.red.subtler",
|
|
5528
5865
|
"description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5529
5866
|
},
|
|
@@ -5536,6 +5873,8 @@ var tokens = [{
|
|
|
5536
5873
|
"group": "paint",
|
|
5537
5874
|
"state": "deleted",
|
|
5538
5875
|
"introduced": "0.1.0",
|
|
5876
|
+
"deprecated": "0.6.0",
|
|
5877
|
+
"deleted": "0.8.0",
|
|
5539
5878
|
"replacement": "color.background.accent.teal.subtler",
|
|
5540
5879
|
"description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5541
5880
|
},
|
|
@@ -5547,6 +5886,8 @@ var tokens = [{
|
|
|
5547
5886
|
"group": "paint",
|
|
5548
5887
|
"state": "deleted",
|
|
5549
5888
|
"introduced": "0.1.0",
|
|
5889
|
+
"deprecated": "0.6.0",
|
|
5890
|
+
"deleted": "0.8.0",
|
|
5550
5891
|
"replacement": "color.background.accent.teal.subtler",
|
|
5551
5892
|
"description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5552
5893
|
},
|
|
@@ -5559,6 +5900,8 @@ var tokens = [{
|
|
|
5559
5900
|
"group": "paint",
|
|
5560
5901
|
"state": "deleted",
|
|
5561
5902
|
"introduced": "0.0.15",
|
|
5903
|
+
"deprecated": "0.6.0",
|
|
5904
|
+
"deleted": "0.8.0",
|
|
5562
5905
|
"replacement": "color.icon.brand",
|
|
5563
5906
|
"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
5907
|
},
|
|
@@ -5570,6 +5913,8 @@ var tokens = [{
|
|
|
5570
5913
|
"group": "paint",
|
|
5571
5914
|
"state": "deleted",
|
|
5572
5915
|
"introduced": "0.0.15",
|
|
5916
|
+
"deprecated": "0.6.0",
|
|
5917
|
+
"deleted": "0.8.0",
|
|
5573
5918
|
"replacement": "color.icon.brand",
|
|
5574
5919
|
"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
5920
|
},
|
|
@@ -5582,6 +5927,8 @@ var tokens = [{
|
|
|
5582
5927
|
"group": "paint",
|
|
5583
5928
|
"state": "deleted",
|
|
5584
5929
|
"introduced": "0.0.15",
|
|
5930
|
+
"deprecated": "0.6.0",
|
|
5931
|
+
"deleted": "0.8.0",
|
|
5585
5932
|
"replacement": "color.icon.danger",
|
|
5586
5933
|
"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
5934
|
},
|
|
@@ -5593,6 +5940,8 @@ var tokens = [{
|
|
|
5593
5940
|
"group": "paint",
|
|
5594
5941
|
"state": "deleted",
|
|
5595
5942
|
"introduced": "0.0.15",
|
|
5943
|
+
"deprecated": "0.6.0",
|
|
5944
|
+
"deleted": "0.8.0",
|
|
5596
5945
|
"replacement": "color.icon.danger",
|
|
5597
5946
|
"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
5947
|
},
|
|
@@ -5605,6 +5954,8 @@ var tokens = [{
|
|
|
5605
5954
|
"group": "paint",
|
|
5606
5955
|
"state": "deleted",
|
|
5607
5956
|
"introduced": "0.0.15",
|
|
5957
|
+
"deprecated": "0.6.0",
|
|
5958
|
+
"deleted": "0.8.0",
|
|
5608
5959
|
"replacement": "color.icon.discovery",
|
|
5609
5960
|
"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
5961
|
},
|
|
@@ -5616,6 +5967,8 @@ var tokens = [{
|
|
|
5616
5967
|
"group": "paint",
|
|
5617
5968
|
"state": "deleted",
|
|
5618
5969
|
"introduced": "0.0.15",
|
|
5970
|
+
"deprecated": "0.6.0",
|
|
5971
|
+
"deleted": "0.8.0",
|
|
5619
5972
|
"replacement": "color.icon.discovery",
|
|
5620
5973
|
"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
5974
|
},
|
|
@@ -5628,6 +5981,8 @@ var tokens = [{
|
|
|
5628
5981
|
"group": "paint",
|
|
5629
5982
|
"state": "deleted",
|
|
5630
5983
|
"introduced": "0.0.15",
|
|
5984
|
+
"deprecated": "0.6.0",
|
|
5985
|
+
"deleted": "0.8.0",
|
|
5631
5986
|
"replacement": "color.icon.success",
|
|
5632
5987
|
"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
5988
|
},
|
|
@@ -5639,6 +5994,8 @@ var tokens = [{
|
|
|
5639
5994
|
"group": "paint",
|
|
5640
5995
|
"state": "deleted",
|
|
5641
5996
|
"introduced": "0.0.15",
|
|
5997
|
+
"deprecated": "0.6.0",
|
|
5998
|
+
"deleted": "0.8.0",
|
|
5642
5999
|
"replacement": "color.icon.success",
|
|
5643
6000
|
"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
6001
|
},
|
|
@@ -5651,6 +6008,8 @@ var tokens = [{
|
|
|
5651
6008
|
"group": "paint",
|
|
5652
6009
|
"state": "deleted",
|
|
5653
6010
|
"introduced": "0.0.15",
|
|
6011
|
+
"deprecated": "0.6.0",
|
|
6012
|
+
"deleted": "0.8.0",
|
|
5654
6013
|
"replacement": "color.icon.warning.[default]",
|
|
5655
6014
|
"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
6015
|
},
|
|
@@ -5662,6 +6021,8 @@ var tokens = [{
|
|
|
5662
6021
|
"group": "paint",
|
|
5663
6022
|
"state": "deleted",
|
|
5664
6023
|
"introduced": "0.0.15",
|
|
6024
|
+
"deprecated": "0.6.0",
|
|
6025
|
+
"deleted": "0.8.0",
|
|
5665
6026
|
"replacement": "color.icon.warning.[default]",
|
|
5666
6027
|
"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
6028
|
},
|
|
@@ -5674,6 +6035,8 @@ var tokens = [{
|
|
|
5674
6035
|
"group": "paint",
|
|
5675
6036
|
"state": "deleted",
|
|
5676
6037
|
"introduced": "0.1.0",
|
|
6038
|
+
"deprecated": "0.6.0",
|
|
6039
|
+
"deleted": "0.8.0",
|
|
5677
6040
|
"replacement": "color.interaction.hovered",
|
|
5678
6041
|
"description": "Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars."
|
|
5679
6042
|
},
|
|
@@ -5685,6 +6048,8 @@ var tokens = [{
|
|
|
5685
6048
|
"group": "paint",
|
|
5686
6049
|
"state": "deleted",
|
|
5687
6050
|
"introduced": "0.1.0",
|
|
6051
|
+
"deprecated": "0.6.0",
|
|
6052
|
+
"deleted": "0.8.0",
|
|
5688
6053
|
"replacement": "color.interaction.hovered",
|
|
5689
6054
|
"description": "Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars."
|
|
5690
6055
|
},
|
|
@@ -5697,6 +6062,8 @@ var tokens = [{
|
|
|
5697
6062
|
"group": "paint",
|
|
5698
6063
|
"state": "deleted",
|
|
5699
6064
|
"introduced": "0.1.0",
|
|
6065
|
+
"deprecated": "0.6.0",
|
|
6066
|
+
"deleted": "0.8.0",
|
|
5700
6067
|
"replacement": "color.interaction.pressed",
|
|
5701
6068
|
"description": "Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars."
|
|
5702
6069
|
},
|
|
@@ -5708,6 +6075,8 @@ var tokens = [{
|
|
|
5708
6075
|
"group": "paint",
|
|
5709
6076
|
"state": "deleted",
|
|
5710
6077
|
"introduced": "0.1.0",
|
|
6078
|
+
"deprecated": "0.6.0",
|
|
6079
|
+
"deleted": "0.8.0",
|
|
5711
6080
|
"replacement": "color.interaction.pressed",
|
|
5712
6081
|
"description": "Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars."
|
|
5713
6082
|
},
|
|
@@ -5720,6 +6089,8 @@ var tokens = [{
|
|
|
5720
6089
|
"group": "shadow",
|
|
5721
6090
|
"state": "deleted",
|
|
5722
6091
|
"introduced": "0.6.0",
|
|
6092
|
+
"deprecated": "0.6.0",
|
|
6093
|
+
"deleted": "0.8.0",
|
|
5723
6094
|
"replacement": "elevation.shadow.raised",
|
|
5724
6095
|
"description": "\nUse for the box shadow of raised card elements, such as Jira cards on a Kanban board.\n\nCombine with background.overlay"
|
|
5725
6096
|
},
|
|
@@ -5747,6 +6118,8 @@ var tokens = [{
|
|
|
5747
6118
|
"group": "shadow",
|
|
5748
6119
|
"state": "deleted",
|
|
5749
6120
|
"introduced": "0.6.0",
|
|
6121
|
+
"deprecated": "0.6.0",
|
|
6122
|
+
"deleted": "0.8.0",
|
|
5750
6123
|
"replacement": "elevation.shadow.raised",
|
|
5751
6124
|
"description": "\nUse for the box shadow of raised card elements, such as Jira cards on a Kanban board.\n\nCombine with background.overlay"
|
|
5752
6125
|
},
|
|
@@ -5775,6 +6148,8 @@ var tokens = [{
|
|
|
5775
6148
|
"group": "shadow",
|
|
5776
6149
|
"state": "deleted",
|
|
5777
6150
|
"introduced": "0.6.0",
|
|
6151
|
+
"deprecated": "0.6.0",
|
|
6152
|
+
"deleted": "0.8.0",
|
|
5778
6153
|
"replacement": "elevation.shadow.overlay",
|
|
5779
6154
|
"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
6155
|
},
|
|
@@ -5802,6 +6177,8 @@ var tokens = [{
|
|
|
5802
6177
|
"group": "shadow",
|
|
5803
6178
|
"state": "deleted",
|
|
5804
6179
|
"introduced": "0.6.0",
|
|
6180
|
+
"deprecated": "0.6.0",
|
|
6181
|
+
"deleted": "0.8.0",
|
|
5805
6182
|
"replacement": "elevation.shadow.overlay",
|
|
5806
6183
|
"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
6184
|
},
|