@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
|
@@ -4,8 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
10
|
+
* @codegen <<SignedSource::0e47f76666554d1a967ff51c4cae1c25>>
|
|
11
|
+
* @codegenCommand yarn build tokens
|
|
12
|
+
*/
|
|
9
13
|
var tokens = [{
|
|
10
14
|
"attributes": {
|
|
11
15
|
"group": "paint",
|
|
@@ -620,6 +624,8 @@ var tokens = [{
|
|
|
620
624
|
"group": "paint",
|
|
621
625
|
"state": "deleted",
|
|
622
626
|
"introduced": "0.0.15",
|
|
627
|
+
"deprecated": "0.6.0",
|
|
628
|
+
"deleted": "0.8.0",
|
|
623
629
|
"replacement": "color.text.[default]",
|
|
624
630
|
"description": "Use for primary text, such as body copy, sentence case headers, and buttons"
|
|
625
631
|
},
|
|
@@ -631,6 +637,8 @@ var tokens = [{
|
|
|
631
637
|
"group": "paint",
|
|
632
638
|
"state": "deleted",
|
|
633
639
|
"introduced": "0.0.15",
|
|
640
|
+
"deprecated": "0.6.0",
|
|
641
|
+
"deleted": "0.8.0",
|
|
634
642
|
"replacement": "color.text.[default]",
|
|
635
643
|
"description": "Use for primary text, such as body copy, sentence case headers, and buttons"
|
|
636
644
|
},
|
|
@@ -643,6 +651,8 @@ var tokens = [{
|
|
|
643
651
|
"group": "paint",
|
|
644
652
|
"state": "deleted",
|
|
645
653
|
"introduced": "0.0.15",
|
|
654
|
+
"deprecated": "0.6.0",
|
|
655
|
+
"deleted": "0.8.0",
|
|
646
656
|
"replacement": "color.link.pressed",
|
|
647
657
|
"description": "Use for links in a pressed state"
|
|
648
658
|
},
|
|
@@ -654,6 +664,8 @@ var tokens = [{
|
|
|
654
664
|
"group": "paint",
|
|
655
665
|
"state": "deleted",
|
|
656
666
|
"introduced": "0.0.15",
|
|
667
|
+
"deprecated": "0.6.0",
|
|
668
|
+
"deleted": "0.8.0",
|
|
657
669
|
"replacement": "color.link.pressed",
|
|
658
670
|
"description": "Use for links in a pressed state"
|
|
659
671
|
},
|
|
@@ -666,6 +678,8 @@ var tokens = [{
|
|
|
666
678
|
"group": "paint",
|
|
667
679
|
"state": "deleted",
|
|
668
680
|
"introduced": "0.0.15",
|
|
681
|
+
"deprecated": "0.6.0",
|
|
682
|
+
"deleted": "0.8.0",
|
|
669
683
|
"replacement": "color.link.[default]",
|
|
670
684
|
"description": "Use for links in a resting or hover state. Add an underline for hover states"
|
|
671
685
|
},
|
|
@@ -677,6 +691,8 @@ var tokens = [{
|
|
|
677
691
|
"group": "paint",
|
|
678
692
|
"state": "deleted",
|
|
679
693
|
"introduced": "0.0.15",
|
|
694
|
+
"deprecated": "0.6.0",
|
|
695
|
+
"deleted": "0.8.0",
|
|
680
696
|
"replacement": "color.link.[default]",
|
|
681
697
|
"description": "Use for links in a resting or hover state. Add an underline for hover states"
|
|
682
698
|
},
|
|
@@ -689,6 +705,8 @@ var tokens = [{
|
|
|
689
705
|
"group": "paint",
|
|
690
706
|
"state": "deleted",
|
|
691
707
|
"introduced": "0.0.15",
|
|
708
|
+
"deprecated": "0.6.0",
|
|
709
|
+
"deleted": "0.8.0",
|
|
692
710
|
"replacement": "color.text.subtlest",
|
|
693
711
|
"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
712
|
},
|
|
@@ -700,6 +718,8 @@ var tokens = [{
|
|
|
700
718
|
"group": "paint",
|
|
701
719
|
"state": "deleted",
|
|
702
720
|
"introduced": "0.0.15",
|
|
721
|
+
"deprecated": "0.6.0",
|
|
722
|
+
"deleted": "0.8.0",
|
|
703
723
|
"replacement": "color.text.subtlest",
|
|
704
724
|
"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
725
|
},
|
|
@@ -712,6 +732,8 @@ var tokens = [{
|
|
|
712
732
|
"group": "paint",
|
|
713
733
|
"state": "deleted",
|
|
714
734
|
"introduced": "0.0.15",
|
|
735
|
+
"deprecated": "0.6.0",
|
|
736
|
+
"deleted": "0.8.0",
|
|
715
737
|
"replacement": "color.text.subtle",
|
|
716
738
|
"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
739
|
},
|
|
@@ -723,6 +745,8 @@ var tokens = [{
|
|
|
723
745
|
"group": "paint",
|
|
724
746
|
"state": "deleted",
|
|
725
747
|
"introduced": "0.0.15",
|
|
748
|
+
"deprecated": "0.6.0",
|
|
749
|
+
"deleted": "0.8.0",
|
|
726
750
|
"replacement": "color.text.subtle",
|
|
727
751
|
"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
752
|
},
|
|
@@ -735,6 +759,8 @@ var tokens = [{
|
|
|
735
759
|
"group": "paint",
|
|
736
760
|
"state": "deleted",
|
|
737
761
|
"introduced": "0.0.15",
|
|
762
|
+
"deprecated": "0.6.0",
|
|
763
|
+
"deleted": "0.8.0",
|
|
738
764
|
"replacement": "color.text.inverse",
|
|
739
765
|
"description": "Use for text and icons when on bold backgrounds"
|
|
740
766
|
},
|
|
@@ -746,6 +772,8 @@ var tokens = [{
|
|
|
746
772
|
"group": "paint",
|
|
747
773
|
"state": "deleted",
|
|
748
774
|
"introduced": "0.0.15",
|
|
775
|
+
"deprecated": "0.6.0",
|
|
776
|
+
"deleted": "0.8.0",
|
|
749
777
|
"replacement": "color.text.inverse",
|
|
750
778
|
"description": "Use for text and icons when on bold backgrounds"
|
|
751
779
|
},
|
|
@@ -758,6 +786,8 @@ var tokens = [{
|
|
|
758
786
|
"group": "paint",
|
|
759
787
|
"state": "deleted",
|
|
760
788
|
"introduced": "0.0.15",
|
|
789
|
+
"deprecated": "0.6.0",
|
|
790
|
+
"deleted": "0.8.0",
|
|
761
791
|
"replacement": "color.text.warning.inverse",
|
|
762
792
|
"description": "Use for text and icons when on bold warning backgrounds"
|
|
763
793
|
},
|
|
@@ -769,6 +799,8 @@ var tokens = [{
|
|
|
769
799
|
"group": "paint",
|
|
770
800
|
"state": "deleted",
|
|
771
801
|
"introduced": "0.0.15",
|
|
802
|
+
"deprecated": "0.6.0",
|
|
803
|
+
"deleted": "0.8.0",
|
|
772
804
|
"replacement": "color.text.warning.inverse",
|
|
773
805
|
"description": "Use for text and icons when on bold warning backgrounds"
|
|
774
806
|
},
|
|
@@ -1621,6 +1653,8 @@ var tokens = [{
|
|
|
1621
1653
|
"group": "paint",
|
|
1622
1654
|
"state": "deleted",
|
|
1623
1655
|
"introduced": "0.0.15",
|
|
1656
|
+
"deprecated": "0.6.0",
|
|
1657
|
+
"deleted": "0.8.0",
|
|
1624
1658
|
"replacement": "color.border.focused",
|
|
1625
1659
|
"description": "Use for focus rings of elements in a focus state"
|
|
1626
1660
|
},
|
|
@@ -1632,6 +1666,8 @@ var tokens = [{
|
|
|
1632
1666
|
"group": "paint",
|
|
1633
1667
|
"state": "deleted",
|
|
1634
1668
|
"introduced": "0.0.15",
|
|
1669
|
+
"deprecated": "0.6.0",
|
|
1670
|
+
"deleted": "0.8.0",
|
|
1635
1671
|
"replacement": "color.border.focused",
|
|
1636
1672
|
"description": "Use for focus rings of elements in a focus state"
|
|
1637
1673
|
},
|
|
@@ -1644,6 +1680,8 @@ var tokens = [{
|
|
|
1644
1680
|
"group": "paint",
|
|
1645
1681
|
"state": "deleted",
|
|
1646
1682
|
"introduced": "0.0.15",
|
|
1683
|
+
"deprecated": "0.6.0",
|
|
1684
|
+
"deleted": "0.8.0",
|
|
1647
1685
|
"replacement": "color.border.[default]",
|
|
1648
1686
|
"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
1687
|
},
|
|
@@ -1655,6 +1693,8 @@ var tokens = [{
|
|
|
1655
1693
|
"group": "paint",
|
|
1656
1694
|
"state": "deleted",
|
|
1657
1695
|
"introduced": "0.0.15",
|
|
1696
|
+
"deprecated": "0.6.0",
|
|
1697
|
+
"deleted": "0.8.0",
|
|
1658
1698
|
"replacement": "color.border.[default]",
|
|
1659
1699
|
"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
1700
|
},
|
|
@@ -1751,6 +1791,8 @@ var tokens = [{
|
|
|
1751
1791
|
"group": "paint",
|
|
1752
1792
|
"state": "deleted",
|
|
1753
1793
|
"introduced": "0.6.0",
|
|
1794
|
+
"deprecated": "0.7.0",
|
|
1795
|
+
"deleted": "0.8.0",
|
|
1754
1796
|
"replacement": "color.background.accent.blue.subtler",
|
|
1755
1797
|
"description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1756
1798
|
},
|
|
@@ -1762,6 +1804,8 @@ var tokens = [{
|
|
|
1762
1804
|
"group": "paint",
|
|
1763
1805
|
"state": "deleted",
|
|
1764
1806
|
"introduced": "0.6.0",
|
|
1807
|
+
"deprecated": "0.7.0",
|
|
1808
|
+
"deleted": "0.8.0",
|
|
1765
1809
|
"replacement": "color.background.accent.blue.subtler",
|
|
1766
1810
|
"description": "Use for blue backgrounds when there is no meaning tied to the color, such as coloured tags."
|
|
1767
1811
|
},
|
|
@@ -1774,6 +1818,8 @@ var tokens = [{
|
|
|
1774
1818
|
"group": "paint",
|
|
1775
1819
|
"state": "deleted",
|
|
1776
1820
|
"introduced": "0.6.0",
|
|
1821
|
+
"deprecated": "0.7.0",
|
|
1822
|
+
"deleted": "0.8.0",
|
|
1777
1823
|
"replacement": "color.background.accent.blue.subtle",
|
|
1778
1824
|
"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
1825
|
},
|
|
@@ -1785,6 +1831,8 @@ var tokens = [{
|
|
|
1785
1831
|
"group": "paint",
|
|
1786
1832
|
"state": "deleted",
|
|
1787
1833
|
"introduced": "0.6.0",
|
|
1834
|
+
"deprecated": "0.7.0",
|
|
1835
|
+
"deleted": "0.8.0",
|
|
1788
1836
|
"replacement": "color.background.accent.blue.subtle",
|
|
1789
1837
|
"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
1838
|
},
|
|
@@ -1881,6 +1929,8 @@ var tokens = [{
|
|
|
1881
1929
|
"group": "paint",
|
|
1882
1930
|
"state": "deleted",
|
|
1883
1931
|
"introduced": "0.6.0",
|
|
1932
|
+
"deprecated": "0.7.0",
|
|
1933
|
+
"deleted": "0.8.0",
|
|
1884
1934
|
"replacement": "color.background.accent.red.subtler",
|
|
1885
1935
|
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1886
1936
|
},
|
|
@@ -1892,6 +1942,8 @@ var tokens = [{
|
|
|
1892
1942
|
"group": "paint",
|
|
1893
1943
|
"state": "deleted",
|
|
1894
1944
|
"introduced": "0.6.0",
|
|
1945
|
+
"deprecated": "0.7.0",
|
|
1946
|
+
"deleted": "0.8.0",
|
|
1895
1947
|
"replacement": "color.background.accent.red.subtler",
|
|
1896
1948
|
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
1897
1949
|
},
|
|
@@ -1904,6 +1956,8 @@ var tokens = [{
|
|
|
1904
1956
|
"group": "paint",
|
|
1905
1957
|
"state": "deleted",
|
|
1906
1958
|
"introduced": "0.6.0",
|
|
1959
|
+
"deprecated": "0.7.0",
|
|
1960
|
+
"deleted": "0.8.0",
|
|
1907
1961
|
"replacement": "color.background.accent.red.subtle",
|
|
1908
1962
|
"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
1963
|
},
|
|
@@ -1915,6 +1969,8 @@ var tokens = [{
|
|
|
1915
1969
|
"group": "paint",
|
|
1916
1970
|
"state": "deleted",
|
|
1917
1971
|
"introduced": "0.6.0",
|
|
1972
|
+
"deprecated": "0.7.0",
|
|
1973
|
+
"deleted": "0.8.0",
|
|
1918
1974
|
"replacement": "color.background.accent.red.subtle",
|
|
1919
1975
|
"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
1976
|
},
|
|
@@ -2011,6 +2067,8 @@ var tokens = [{
|
|
|
2011
2067
|
"group": "paint",
|
|
2012
2068
|
"state": "deleted",
|
|
2013
2069
|
"introduced": "0.6.0",
|
|
2070
|
+
"deprecated": "0.7.0",
|
|
2071
|
+
"deleted": "0.8.0",
|
|
2014
2072
|
"replacement": "color.background.accent.orange.subtler",
|
|
2015
2073
|
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2016
2074
|
},
|
|
@@ -2022,6 +2080,8 @@ var tokens = [{
|
|
|
2022
2080
|
"group": "paint",
|
|
2023
2081
|
"state": "deleted",
|
|
2024
2082
|
"introduced": "0.6.0",
|
|
2083
|
+
"deprecated": "0.7.0",
|
|
2084
|
+
"deleted": "0.8.0",
|
|
2025
2085
|
"replacement": "color.background.accent.orange.subtler",
|
|
2026
2086
|
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2027
2087
|
},
|
|
@@ -2034,6 +2094,8 @@ var tokens = [{
|
|
|
2034
2094
|
"group": "paint",
|
|
2035
2095
|
"state": "deleted",
|
|
2036
2096
|
"introduced": "0.6.0",
|
|
2097
|
+
"deprecated": "0.7.0",
|
|
2098
|
+
"deleted": "0.8.0",
|
|
2037
2099
|
"replacement": "color.background.accent.orange.subtle",
|
|
2038
2100
|
"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
2101
|
},
|
|
@@ -2045,6 +2107,8 @@ var tokens = [{
|
|
|
2045
2107
|
"group": "paint",
|
|
2046
2108
|
"state": "deleted",
|
|
2047
2109
|
"introduced": "0.6.0",
|
|
2110
|
+
"deprecated": "0.7.0",
|
|
2111
|
+
"deleted": "0.8.0",
|
|
2048
2112
|
"replacement": "color.background.accent.orange.subtle",
|
|
2049
2113
|
"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
2114
|
},
|
|
@@ -2141,6 +2205,8 @@ var tokens = [{
|
|
|
2141
2205
|
"group": "paint",
|
|
2142
2206
|
"state": "deleted",
|
|
2143
2207
|
"introduced": "0.6.0",
|
|
2208
|
+
"deprecated": "0.7.0",
|
|
2209
|
+
"deleted": "0.8.0",
|
|
2144
2210
|
"replacement": "color.background.accent.yellow.subtler",
|
|
2145
2211
|
"description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2146
2212
|
},
|
|
@@ -2152,6 +2218,8 @@ var tokens = [{
|
|
|
2152
2218
|
"group": "paint",
|
|
2153
2219
|
"state": "deleted",
|
|
2154
2220
|
"introduced": "0.6.0",
|
|
2221
|
+
"deprecated": "0.7.0",
|
|
2222
|
+
"deleted": "0.8.0",
|
|
2155
2223
|
"replacement": "color.background.accent.yellow.subtler",
|
|
2156
2224
|
"description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2157
2225
|
},
|
|
@@ -2164,6 +2232,8 @@ var tokens = [{
|
|
|
2164
2232
|
"group": "paint",
|
|
2165
2233
|
"state": "deleted",
|
|
2166
2234
|
"introduced": "0.6.0",
|
|
2235
|
+
"deprecated": "0.7.0",
|
|
2236
|
+
"deleted": "0.8.0",
|
|
2167
2237
|
"replacement": "color.background.accent.yellow.subtle",
|
|
2168
2238
|
"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
2239
|
},
|
|
@@ -2175,6 +2245,8 @@ var tokens = [{
|
|
|
2175
2245
|
"group": "paint",
|
|
2176
2246
|
"state": "deleted",
|
|
2177
2247
|
"introduced": "0.6.0",
|
|
2248
|
+
"deprecated": "0.7.0",
|
|
2249
|
+
"deleted": "0.8.0",
|
|
2178
2250
|
"replacement": "color.background.accent.yellow.subtle",
|
|
2179
2251
|
"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
2252
|
},
|
|
@@ -2271,6 +2343,8 @@ var tokens = [{
|
|
|
2271
2343
|
"group": "paint",
|
|
2272
2344
|
"state": "deleted",
|
|
2273
2345
|
"introduced": "0.6.0",
|
|
2346
|
+
"deprecated": "0.7.0",
|
|
2347
|
+
"deleted": "0.8.0",
|
|
2274
2348
|
"replacement": "color.background.accent.green.subtler",
|
|
2275
2349
|
"description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2276
2350
|
},
|
|
@@ -2282,6 +2356,8 @@ var tokens = [{
|
|
|
2282
2356
|
"group": "paint",
|
|
2283
2357
|
"state": "deleted",
|
|
2284
2358
|
"introduced": "0.6.0",
|
|
2359
|
+
"deprecated": "0.7.0",
|
|
2360
|
+
"deleted": "0.8.0",
|
|
2285
2361
|
"replacement": "color.background.accent.green.subtler",
|
|
2286
2362
|
"description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2287
2363
|
},
|
|
@@ -2294,6 +2370,8 @@ var tokens = [{
|
|
|
2294
2370
|
"group": "paint",
|
|
2295
2371
|
"state": "deleted",
|
|
2296
2372
|
"introduced": "0.6.0",
|
|
2373
|
+
"deprecated": "0.7.0",
|
|
2374
|
+
"deleted": "0.8.0",
|
|
2297
2375
|
"replacement": "color.background.accent.green.subtle",
|
|
2298
2376
|
"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
2377
|
},
|
|
@@ -2305,6 +2383,8 @@ var tokens = [{
|
|
|
2305
2383
|
"group": "paint",
|
|
2306
2384
|
"state": "deleted",
|
|
2307
2385
|
"introduced": "0.6.0",
|
|
2386
|
+
"deprecated": "0.7.0",
|
|
2387
|
+
"deleted": "0.8.0",
|
|
2308
2388
|
"replacement": "color.background.accent.green.subtle",
|
|
2309
2389
|
"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
2390
|
},
|
|
@@ -2401,6 +2481,8 @@ var tokens = [{
|
|
|
2401
2481
|
"group": "paint",
|
|
2402
2482
|
"state": "deleted",
|
|
2403
2483
|
"introduced": "0.6.0",
|
|
2484
|
+
"deprecated": "0.7.0",
|
|
2485
|
+
"deleted": "0.8.0",
|
|
2404
2486
|
"replacement": "color.background.accent.teal.subtler",
|
|
2405
2487
|
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2406
2488
|
},
|
|
@@ -2412,6 +2494,8 @@ var tokens = [{
|
|
|
2412
2494
|
"group": "paint",
|
|
2413
2495
|
"state": "deleted",
|
|
2414
2496
|
"introduced": "0.6.0",
|
|
2497
|
+
"deprecated": "0.7.0",
|
|
2498
|
+
"deleted": "0.8.0",
|
|
2415
2499
|
"replacement": "color.background.accent.teal.subtler",
|
|
2416
2500
|
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2417
2501
|
},
|
|
@@ -2424,6 +2508,8 @@ var tokens = [{
|
|
|
2424
2508
|
"group": "paint",
|
|
2425
2509
|
"state": "deleted",
|
|
2426
2510
|
"introduced": "0.6.0",
|
|
2511
|
+
"deprecated": "0.7.0",
|
|
2512
|
+
"deleted": "0.8.0",
|
|
2427
2513
|
"replacement": "color.background.accent.teal.subtle",
|
|
2428
2514
|
"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
2515
|
},
|
|
@@ -2435,6 +2521,8 @@ var tokens = [{
|
|
|
2435
2521
|
"group": "paint",
|
|
2436
2522
|
"state": "deleted",
|
|
2437
2523
|
"introduced": "0.6.0",
|
|
2524
|
+
"deprecated": "0.7.0",
|
|
2525
|
+
"deleted": "0.8.0",
|
|
2438
2526
|
"replacement": "color.background.accent.teal.subtle",
|
|
2439
2527
|
"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
2528
|
},
|
|
@@ -2531,6 +2619,8 @@ var tokens = [{
|
|
|
2531
2619
|
"group": "paint",
|
|
2532
2620
|
"state": "deleted",
|
|
2533
2621
|
"introduced": "0.6.0",
|
|
2622
|
+
"deprecated": "0.7.0",
|
|
2623
|
+
"deleted": "0.8.0",
|
|
2534
2624
|
"replacement": "color.background.accent.purple.subtler",
|
|
2535
2625
|
"description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2536
2626
|
},
|
|
@@ -2542,6 +2632,8 @@ var tokens = [{
|
|
|
2542
2632
|
"group": "paint",
|
|
2543
2633
|
"state": "deleted",
|
|
2544
2634
|
"introduced": "0.6.0",
|
|
2635
|
+
"deprecated": "0.7.0",
|
|
2636
|
+
"deleted": "0.8.0",
|
|
2545
2637
|
"replacement": "color.background.accent.purple.subtler",
|
|
2546
2638
|
"description": "Use for purple backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2547
2639
|
},
|
|
@@ -2554,6 +2646,8 @@ var tokens = [{
|
|
|
2554
2646
|
"group": "paint",
|
|
2555
2647
|
"state": "deleted",
|
|
2556
2648
|
"introduced": "0.6.0",
|
|
2649
|
+
"deprecated": "0.7.0",
|
|
2650
|
+
"deleted": "0.8.0",
|
|
2557
2651
|
"replacement": "color.background.accent.purple.subtle",
|
|
2558
2652
|
"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
2653
|
},
|
|
@@ -2565,6 +2659,8 @@ var tokens = [{
|
|
|
2565
2659
|
"group": "paint",
|
|
2566
2660
|
"state": "deleted",
|
|
2567
2661
|
"introduced": "0.6.0",
|
|
2662
|
+
"deprecated": "0.7.0",
|
|
2663
|
+
"deleted": "0.8.0",
|
|
2568
2664
|
"replacement": "color.background.accent.purple.subtle",
|
|
2569
2665
|
"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
2666
|
},
|
|
@@ -2661,6 +2757,8 @@ var tokens = [{
|
|
|
2661
2757
|
"group": "paint",
|
|
2662
2758
|
"state": "deleted",
|
|
2663
2759
|
"introduced": "0.6.0",
|
|
2760
|
+
"deprecated": "0.7.0",
|
|
2761
|
+
"deleted": "0.8.0",
|
|
2664
2762
|
"replacement": "color.background.accent.magenta.subtler",
|
|
2665
2763
|
"description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2666
2764
|
},
|
|
@@ -2672,6 +2770,8 @@ var tokens = [{
|
|
|
2672
2770
|
"group": "paint",
|
|
2673
2771
|
"state": "deleted",
|
|
2674
2772
|
"introduced": "0.6.0",
|
|
2773
|
+
"deprecated": "0.7.0",
|
|
2774
|
+
"deleted": "0.8.0",
|
|
2675
2775
|
"replacement": "color.background.accent.magenta.subtler",
|
|
2676
2776
|
"description": "Use for magenta backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
2677
2777
|
},
|
|
@@ -2684,6 +2784,8 @@ var tokens = [{
|
|
|
2684
2784
|
"group": "paint",
|
|
2685
2785
|
"state": "deleted",
|
|
2686
2786
|
"introduced": "0.6.0",
|
|
2787
|
+
"deprecated": "0.7.0",
|
|
2788
|
+
"deleted": "0.8.0",
|
|
2687
2789
|
"replacement": "color.background.accent.magenta.subtle",
|
|
2688
2790
|
"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
2791
|
},
|
|
@@ -2695,6 +2797,8 @@ var tokens = [{
|
|
|
2695
2797
|
"group": "paint",
|
|
2696
2798
|
"state": "deleted",
|
|
2697
2799
|
"introduced": "0.6.0",
|
|
2800
|
+
"deprecated": "0.7.0",
|
|
2801
|
+
"deleted": "0.8.0",
|
|
2698
2802
|
"replacement": "color.background.accent.magenta.subtle",
|
|
2699
2803
|
"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
2804
|
},
|
|
@@ -2791,6 +2895,7 @@ var tokens = [{
|
|
|
2791
2895
|
"group": "paint",
|
|
2792
2896
|
"state": "deprecated",
|
|
2793
2897
|
"introduced": "0.1.0",
|
|
2898
|
+
"deprecated": "0.8.3",
|
|
2794
2899
|
"replacement": "color.background.inverse.subtle.[default]",
|
|
2795
2900
|
"description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
|
|
2796
2901
|
},
|
|
@@ -2802,6 +2907,7 @@ var tokens = [{
|
|
|
2802
2907
|
"group": "paint",
|
|
2803
2908
|
"state": "deprecated",
|
|
2804
2909
|
"introduced": "0.1.0",
|
|
2910
|
+
"deprecated": "0.8.3",
|
|
2805
2911
|
"replacement": "color.background.inverse.subtle.[default]",
|
|
2806
2912
|
"description": "Use for backgrounds of elements on a bold background, such as in the buttons on spotlight cards."
|
|
2807
2913
|
},
|
|
@@ -3129,6 +3235,7 @@ var tokens = [{
|
|
|
3129
3235
|
"group": "paint",
|
|
3130
3236
|
"state": "deprecated",
|
|
3131
3237
|
"introduced": "0.6.0",
|
|
3238
|
+
"deprecated": "0.6.2",
|
|
3132
3239
|
"replacement": "color.background.selected.[default].[default]",
|
|
3133
3240
|
"description": "Use for the background of elements used to reinforce our brand."
|
|
3134
3241
|
},
|
|
@@ -3140,6 +3247,7 @@ var tokens = [{
|
|
|
3140
3247
|
"group": "paint",
|
|
3141
3248
|
"state": "deprecated",
|
|
3142
3249
|
"introduced": "0.6.0",
|
|
3250
|
+
"deprecated": "0.6.2",
|
|
3143
3251
|
"replacement": "color.background.selected.[default].[default]",
|
|
3144
3252
|
"description": "Use for the background of elements used to reinforce our brand."
|
|
3145
3253
|
},
|
|
@@ -3152,6 +3260,7 @@ var tokens = [{
|
|
|
3152
3260
|
"group": "paint",
|
|
3153
3261
|
"state": "deprecated",
|
|
3154
3262
|
"introduced": "0.6.0",
|
|
3263
|
+
"deprecated": "0.6.2",
|
|
3155
3264
|
"replacement": "color.background.selected.[default].hovered",
|
|
3156
3265
|
"description": "Hovered state for color.background.brand"
|
|
3157
3266
|
},
|
|
@@ -3163,6 +3272,7 @@ var tokens = [{
|
|
|
3163
3272
|
"group": "paint",
|
|
3164
3273
|
"state": "deprecated",
|
|
3165
3274
|
"introduced": "0.6.0",
|
|
3275
|
+
"deprecated": "0.6.2",
|
|
3166
3276
|
"replacement": "color.background.selected.[default].hovered",
|
|
3167
3277
|
"description": "Hovered state for color.background.brand"
|
|
3168
3278
|
},
|
|
@@ -3175,6 +3285,7 @@ var tokens = [{
|
|
|
3175
3285
|
"group": "paint",
|
|
3176
3286
|
"state": "deprecated",
|
|
3177
3287
|
"introduced": "0.6.0",
|
|
3288
|
+
"deprecated": "0.6.2",
|
|
3178
3289
|
"replacement": "color.background.selected.[default].pressed",
|
|
3179
3290
|
"description": "Pressed state for color.background.brand"
|
|
3180
3291
|
},
|
|
@@ -3186,6 +3297,7 @@ var tokens = [{
|
|
|
3186
3297
|
"group": "paint",
|
|
3187
3298
|
"state": "deprecated",
|
|
3188
3299
|
"introduced": "0.6.0",
|
|
3300
|
+
"deprecated": "0.6.2",
|
|
3189
3301
|
"replacement": "color.background.selected.[default].pressed",
|
|
3190
3302
|
"description": "Pressed state for color.background.brand"
|
|
3191
3303
|
},
|
|
@@ -3324,6 +3436,7 @@ var tokens = [{
|
|
|
3324
3436
|
"group": "paint",
|
|
3325
3437
|
"state": "deprecated",
|
|
3326
3438
|
"introduced": "0.1.0",
|
|
3439
|
+
"deprecated": "0.6.0",
|
|
3327
3440
|
"replacement": "color.background.selected.[default].[default]",
|
|
3328
3441
|
"description": "Use for backgrounds of elements in a selected state"
|
|
3329
3442
|
},
|
|
@@ -3335,6 +3448,7 @@ var tokens = [{
|
|
|
3335
3448
|
"group": "paint",
|
|
3336
3449
|
"state": "deprecated",
|
|
3337
3450
|
"introduced": "0.1.0",
|
|
3451
|
+
"deprecated": "0.6.0",
|
|
3338
3452
|
"replacement": "color.background.selected.[default].[default]",
|
|
3339
3453
|
"description": "Use for backgrounds of elements in a selected state"
|
|
3340
3454
|
},
|
|
@@ -3347,6 +3461,7 @@ var tokens = [{
|
|
|
3347
3461
|
"group": "paint",
|
|
3348
3462
|
"state": "deprecated",
|
|
3349
3463
|
"introduced": "0.1.0",
|
|
3464
|
+
"deprecated": "0.6.0",
|
|
3350
3465
|
"replacement": "color.background.selected.[default].hovered",
|
|
3351
3466
|
"description": "Hover state for color.background.selected"
|
|
3352
3467
|
},
|
|
@@ -3358,6 +3473,7 @@ var tokens = [{
|
|
|
3358
3473
|
"group": "paint",
|
|
3359
3474
|
"state": "deprecated",
|
|
3360
3475
|
"introduced": "0.1.0",
|
|
3476
|
+
"deprecated": "0.6.0",
|
|
3361
3477
|
"replacement": "color.background.selected.[default].hovered",
|
|
3362
3478
|
"description": "Hover state for color.background.selected"
|
|
3363
3479
|
},
|
|
@@ -4000,6 +4116,8 @@ var tokens = [{
|
|
|
4000
4116
|
"group": "paint",
|
|
4001
4117
|
"state": "deleted",
|
|
4002
4118
|
"introduced": "0.0.15",
|
|
4119
|
+
"deprecated": "0.6.0",
|
|
4120
|
+
"deleted": "0.8.0",
|
|
4003
4121
|
"replacement": "color.blanket.[default]",
|
|
4004
4122
|
"description": "Use for the screen overlay that appears with modal dialogs"
|
|
4005
4123
|
},
|
|
@@ -4011,6 +4129,8 @@ var tokens = [{
|
|
|
4011
4129
|
"group": "paint",
|
|
4012
4130
|
"state": "deleted",
|
|
4013
4131
|
"introduced": "0.0.15",
|
|
4132
|
+
"deprecated": "0.6.0",
|
|
4133
|
+
"deleted": "0.8.0",
|
|
4014
4134
|
"replacement": "color.blanket.[default]",
|
|
4015
4135
|
"description": "Use for the screen overlay that appears with modal dialogs"
|
|
4016
4136
|
},
|
|
@@ -4023,6 +4143,8 @@ var tokens = [{
|
|
|
4023
4143
|
"group": "paint",
|
|
4024
4144
|
"state": "deleted",
|
|
4025
4145
|
"introduced": "0.0.15",
|
|
4146
|
+
"deprecated": "0.6.0",
|
|
4147
|
+
"deleted": "0.8.0",
|
|
4026
4148
|
"replacement": "color.background.brand.bold.hovered",
|
|
4027
4149
|
"description": "Hover state of background.boldBrand"
|
|
4028
4150
|
},
|
|
@@ -4034,6 +4156,8 @@ var tokens = [{
|
|
|
4034
4156
|
"group": "paint",
|
|
4035
4157
|
"state": "deleted",
|
|
4036
4158
|
"introduced": "0.0.15",
|
|
4159
|
+
"deprecated": "0.6.0",
|
|
4160
|
+
"deleted": "0.8.0",
|
|
4037
4161
|
"replacement": "color.background.brand.bold.hovered",
|
|
4038
4162
|
"description": "Hover state of background.boldBrand"
|
|
4039
4163
|
},
|
|
@@ -4046,6 +4170,8 @@ var tokens = [{
|
|
|
4046
4170
|
"group": "paint",
|
|
4047
4171
|
"state": "deleted",
|
|
4048
4172
|
"introduced": "0.0.15",
|
|
4173
|
+
"deprecated": "0.6.0",
|
|
4174
|
+
"deleted": "0.8.0",
|
|
4049
4175
|
"replacement": "color.background.brand.bold.pressed",
|
|
4050
4176
|
"description": "Pressed state of background.boldBrand"
|
|
4051
4177
|
},
|
|
@@ -4057,6 +4183,8 @@ var tokens = [{
|
|
|
4057
4183
|
"group": "paint",
|
|
4058
4184
|
"state": "deleted",
|
|
4059
4185
|
"introduced": "0.0.15",
|
|
4186
|
+
"deprecated": "0.6.0",
|
|
4187
|
+
"deleted": "0.8.0",
|
|
4060
4188
|
"replacement": "color.background.brand.bold.pressed",
|
|
4061
4189
|
"description": "Pressed state of background.boldBrand"
|
|
4062
4190
|
},
|
|
@@ -4069,6 +4197,8 @@ var tokens = [{
|
|
|
4069
4197
|
"group": "paint",
|
|
4070
4198
|
"state": "deleted",
|
|
4071
4199
|
"introduced": "0.0.15",
|
|
4200
|
+
"deprecated": "0.6.0",
|
|
4201
|
+
"deleted": "0.8.0",
|
|
4072
4202
|
"replacement": "color.background.brand.bold.[default]",
|
|
4073
4203
|
"description": "A vibrant background for small UI elements like primary buttons and bold in progress lozenges."
|
|
4074
4204
|
},
|
|
@@ -4080,6 +4210,8 @@ var tokens = [{
|
|
|
4080
4210
|
"group": "paint",
|
|
4081
4211
|
"state": "deleted",
|
|
4082
4212
|
"introduced": "0.0.15",
|
|
4213
|
+
"deprecated": "0.6.0",
|
|
4214
|
+
"deleted": "0.8.0",
|
|
4083
4215
|
"replacement": "color.background.brand.bold.[default]",
|
|
4084
4216
|
"description": "A vibrant background for small UI elements like primary buttons and bold in progress lozenges."
|
|
4085
4217
|
},
|
|
@@ -4092,6 +4224,8 @@ var tokens = [{
|
|
|
4092
4224
|
"group": "paint",
|
|
4093
4225
|
"state": "deleted",
|
|
4094
4226
|
"introduced": "0.0.15",
|
|
4227
|
+
"deprecated": "0.6.0",
|
|
4228
|
+
"deleted": "0.8.0",
|
|
4095
4229
|
"replacement": "color.background.danger.bold.hovered",
|
|
4096
4230
|
"description": "Hover state of background.boldDanger"
|
|
4097
4231
|
},
|
|
@@ -4103,6 +4237,8 @@ var tokens = [{
|
|
|
4103
4237
|
"group": "paint",
|
|
4104
4238
|
"state": "deleted",
|
|
4105
4239
|
"introduced": "0.0.15",
|
|
4240
|
+
"deprecated": "0.6.0",
|
|
4241
|
+
"deleted": "0.8.0",
|
|
4106
4242
|
"replacement": "color.background.danger.bold.hovered",
|
|
4107
4243
|
"description": "Hover state of background.boldDanger"
|
|
4108
4244
|
},
|
|
@@ -4115,6 +4251,8 @@ var tokens = [{
|
|
|
4115
4251
|
"group": "paint",
|
|
4116
4252
|
"state": "deleted",
|
|
4117
4253
|
"introduced": "0.0.15",
|
|
4254
|
+
"deprecated": "0.6.0",
|
|
4255
|
+
"deleted": "0.8.0",
|
|
4118
4256
|
"replacement": "color.background.danger.bold.pressed",
|
|
4119
4257
|
"description": "Pressed state of background.boldDanger"
|
|
4120
4258
|
},
|
|
@@ -4126,6 +4264,8 @@ var tokens = [{
|
|
|
4126
4264
|
"group": "paint",
|
|
4127
4265
|
"state": "deleted",
|
|
4128
4266
|
"introduced": "0.0.15",
|
|
4267
|
+
"deprecated": "0.6.0",
|
|
4268
|
+
"deleted": "0.8.0",
|
|
4129
4269
|
"replacement": "color.background.danger.bold.pressed",
|
|
4130
4270
|
"description": "Pressed state of background.boldDanger"
|
|
4131
4271
|
},
|
|
@@ -4138,6 +4278,8 @@ var tokens = [{
|
|
|
4138
4278
|
"group": "paint",
|
|
4139
4279
|
"state": "deleted",
|
|
4140
4280
|
"introduced": "0.0.15",
|
|
4281
|
+
"deprecated": "0.6.0",
|
|
4282
|
+
"deleted": "0.8.0",
|
|
4141
4283
|
"replacement": "color.background.danger.bold.[default]",
|
|
4142
4284
|
"description": "A vibrant background for small UI elements like danger buttons and bold removed lozenges."
|
|
4143
4285
|
},
|
|
@@ -4149,6 +4291,8 @@ var tokens = [{
|
|
|
4149
4291
|
"group": "paint",
|
|
4150
4292
|
"state": "deleted",
|
|
4151
4293
|
"introduced": "0.0.15",
|
|
4294
|
+
"deprecated": "0.6.0",
|
|
4295
|
+
"deleted": "0.8.0",
|
|
4152
4296
|
"replacement": "color.background.danger.bold.[default]",
|
|
4153
4297
|
"description": "A vibrant background for small UI elements like danger buttons and bold removed lozenges."
|
|
4154
4298
|
},
|
|
@@ -4161,6 +4305,8 @@ var tokens = [{
|
|
|
4161
4305
|
"group": "paint",
|
|
4162
4306
|
"state": "deleted",
|
|
4163
4307
|
"introduced": "0.0.15",
|
|
4308
|
+
"deprecated": "0.6.0",
|
|
4309
|
+
"deleted": "0.8.0",
|
|
4164
4310
|
"replacement": "color.background.discovery.bold.hovered",
|
|
4165
4311
|
"description": "Hover state of background.boldDiscovery"
|
|
4166
4312
|
},
|
|
@@ -4172,6 +4318,8 @@ var tokens = [{
|
|
|
4172
4318
|
"group": "paint",
|
|
4173
4319
|
"state": "deleted",
|
|
4174
4320
|
"introduced": "0.0.15",
|
|
4321
|
+
"deprecated": "0.6.0",
|
|
4322
|
+
"deleted": "0.8.0",
|
|
4175
4323
|
"replacement": "color.background.discovery.bold.hovered",
|
|
4176
4324
|
"description": "Hover state of background.boldDiscovery"
|
|
4177
4325
|
},
|
|
@@ -4184,6 +4332,8 @@ var tokens = [{
|
|
|
4184
4332
|
"group": "paint",
|
|
4185
4333
|
"state": "deleted",
|
|
4186
4334
|
"introduced": "0.0.15",
|
|
4335
|
+
"deprecated": "0.6.0",
|
|
4336
|
+
"deleted": "0.8.0",
|
|
4187
4337
|
"replacement": "color.background.discovery.bold.pressed",
|
|
4188
4338
|
"description": "Pressed state of background.boldDiscovery"
|
|
4189
4339
|
},
|
|
@@ -4195,6 +4345,8 @@ var tokens = [{
|
|
|
4195
4345
|
"group": "paint",
|
|
4196
4346
|
"state": "deleted",
|
|
4197
4347
|
"introduced": "0.0.15",
|
|
4348
|
+
"deprecated": "0.6.0",
|
|
4349
|
+
"deleted": "0.8.0",
|
|
4198
4350
|
"replacement": "color.background.discovery.bold.pressed",
|
|
4199
4351
|
"description": "Pressed state of background.boldDiscovery"
|
|
4200
4352
|
},
|
|
@@ -4207,6 +4359,8 @@ var tokens = [{
|
|
|
4207
4359
|
"group": "paint",
|
|
4208
4360
|
"state": "deleted",
|
|
4209
4361
|
"introduced": "0.0.15",
|
|
4362
|
+
"deprecated": "0.6.0",
|
|
4363
|
+
"deleted": "0.8.0",
|
|
4210
4364
|
"replacement": "color.background.discovery.bold.[default]",
|
|
4211
4365
|
"description": "A vibrant background for small UI elements like onboarding buttons and bold new lozenges."
|
|
4212
4366
|
},
|
|
@@ -4218,6 +4372,8 @@ var tokens = [{
|
|
|
4218
4372
|
"group": "paint",
|
|
4219
4373
|
"state": "deleted",
|
|
4220
4374
|
"introduced": "0.0.15",
|
|
4375
|
+
"deprecated": "0.6.0",
|
|
4376
|
+
"deleted": "0.8.0",
|
|
4221
4377
|
"replacement": "color.background.discovery.bold.[default]",
|
|
4222
4378
|
"description": "A vibrant background for small UI elements like onboarding buttons and bold new lozenges."
|
|
4223
4379
|
},
|
|
@@ -4230,6 +4386,8 @@ var tokens = [{
|
|
|
4230
4386
|
"group": "paint",
|
|
4231
4387
|
"state": "deleted",
|
|
4232
4388
|
"introduced": "0.0.15",
|
|
4389
|
+
"deprecated": "0.6.0",
|
|
4390
|
+
"deleted": "0.8.0",
|
|
4233
4391
|
"replacement": "color.background.neutral.bold.hovered",
|
|
4234
4392
|
"description": "Hover state of background.boldNeutral"
|
|
4235
4393
|
},
|
|
@@ -4241,6 +4399,8 @@ var tokens = [{
|
|
|
4241
4399
|
"group": "paint",
|
|
4242
4400
|
"state": "deleted",
|
|
4243
4401
|
"introduced": "0.0.15",
|
|
4402
|
+
"deprecated": "0.6.0",
|
|
4403
|
+
"deleted": "0.8.0",
|
|
4244
4404
|
"replacement": "color.background.neutral.bold.hovered",
|
|
4245
4405
|
"description": "Hover state of background.boldNeutral"
|
|
4246
4406
|
},
|
|
@@ -4253,6 +4413,8 @@ var tokens = [{
|
|
|
4253
4413
|
"group": "paint",
|
|
4254
4414
|
"state": "deleted",
|
|
4255
4415
|
"introduced": "0.0.15",
|
|
4416
|
+
"deprecated": "0.6.0",
|
|
4417
|
+
"deleted": "0.8.0",
|
|
4256
4418
|
"replacement": "color.background.neutral.bold.pressed",
|
|
4257
4419
|
"description": "Pressed state of background.boldNeutral"
|
|
4258
4420
|
},
|
|
@@ -4264,6 +4426,8 @@ var tokens = [{
|
|
|
4264
4426
|
"group": "paint",
|
|
4265
4427
|
"state": "deleted",
|
|
4266
4428
|
"introduced": "0.0.15",
|
|
4429
|
+
"deprecated": "0.6.0",
|
|
4430
|
+
"deleted": "0.8.0",
|
|
4267
4431
|
"replacement": "color.background.neutral.bold.pressed",
|
|
4268
4432
|
"description": "Pressed state of background.boldNeutral"
|
|
4269
4433
|
},
|
|
@@ -4276,6 +4440,8 @@ var tokens = [{
|
|
|
4276
4440
|
"group": "paint",
|
|
4277
4441
|
"state": "deleted",
|
|
4278
4442
|
"introduced": "0.0.15",
|
|
4443
|
+
"deprecated": "0.6.0",
|
|
4444
|
+
"deleted": "0.8.0",
|
|
4279
4445
|
"replacement": "color.background.neutral.bold.[default]",
|
|
4280
4446
|
"description": "A vibrant background for small UI elements like unchecked toggles and bold default lozenges."
|
|
4281
4447
|
},
|
|
@@ -4287,6 +4453,8 @@ var tokens = [{
|
|
|
4287
4453
|
"group": "paint",
|
|
4288
4454
|
"state": "deleted",
|
|
4289
4455
|
"introduced": "0.0.15",
|
|
4456
|
+
"deprecated": "0.6.0",
|
|
4457
|
+
"deleted": "0.8.0",
|
|
4290
4458
|
"replacement": "color.background.neutral.bold.[default]",
|
|
4291
4459
|
"description": "A vibrant background for small UI elements like unchecked toggles and bold default lozenges."
|
|
4292
4460
|
},
|
|
@@ -4299,6 +4467,8 @@ var tokens = [{
|
|
|
4299
4467
|
"group": "paint",
|
|
4300
4468
|
"state": "deleted",
|
|
4301
4469
|
"introduced": "0.0.15",
|
|
4470
|
+
"deprecated": "0.6.0",
|
|
4471
|
+
"deleted": "0.8.0",
|
|
4302
4472
|
"replacement": "color.background.success.bold.hovered",
|
|
4303
4473
|
"description": "Hover state of background.boldSuccess"
|
|
4304
4474
|
},
|
|
@@ -4310,6 +4480,8 @@ var tokens = [{
|
|
|
4310
4480
|
"group": "paint",
|
|
4311
4481
|
"state": "deleted",
|
|
4312
4482
|
"introduced": "0.0.15",
|
|
4483
|
+
"deprecated": "0.6.0",
|
|
4484
|
+
"deleted": "0.8.0",
|
|
4313
4485
|
"replacement": "color.background.success.bold.hovered",
|
|
4314
4486
|
"description": "Hover state of background.boldSuccess"
|
|
4315
4487
|
},
|
|
@@ -4322,6 +4494,8 @@ var tokens = [{
|
|
|
4322
4494
|
"group": "paint",
|
|
4323
4495
|
"state": "deleted",
|
|
4324
4496
|
"introduced": "0.0.15",
|
|
4497
|
+
"deprecated": "0.6.0",
|
|
4498
|
+
"deleted": "0.8.0",
|
|
4325
4499
|
"replacement": "color.background.success.bold.pressed",
|
|
4326
4500
|
"description": "Pressed state of background.boldSuccess"
|
|
4327
4501
|
},
|
|
@@ -4333,6 +4507,8 @@ var tokens = [{
|
|
|
4333
4507
|
"group": "paint",
|
|
4334
4508
|
"state": "deleted",
|
|
4335
4509
|
"introduced": "0.0.15",
|
|
4510
|
+
"deprecated": "0.6.0",
|
|
4511
|
+
"deleted": "0.8.0",
|
|
4336
4512
|
"replacement": "color.background.success.bold.pressed",
|
|
4337
4513
|
"description": "Pressed state of background.boldSuccess"
|
|
4338
4514
|
},
|
|
@@ -4345,6 +4521,8 @@ var tokens = [{
|
|
|
4345
4521
|
"group": "paint",
|
|
4346
4522
|
"state": "deleted",
|
|
4347
4523
|
"introduced": "0.0.15",
|
|
4524
|
+
"deprecated": "0.6.0",
|
|
4525
|
+
"deleted": "0.8.0",
|
|
4348
4526
|
"replacement": "color.background.success.bold.[default]",
|
|
4349
4527
|
"description": "A vibrant background for small UI elements like checked toggles and bold success lozenges."
|
|
4350
4528
|
},
|
|
@@ -4356,6 +4534,8 @@ var tokens = [{
|
|
|
4356
4534
|
"group": "paint",
|
|
4357
4535
|
"state": "deleted",
|
|
4358
4536
|
"introduced": "0.0.15",
|
|
4537
|
+
"deprecated": "0.6.0",
|
|
4538
|
+
"deleted": "0.8.0",
|
|
4359
4539
|
"replacement": "color.background.success.bold.[default]",
|
|
4360
4540
|
"description": "A vibrant background for small UI elements like checked toggles and bold success lozenges."
|
|
4361
4541
|
},
|
|
@@ -4368,6 +4548,8 @@ var tokens = [{
|
|
|
4368
4548
|
"group": "paint",
|
|
4369
4549
|
"state": "deleted",
|
|
4370
4550
|
"introduced": "0.0.15",
|
|
4551
|
+
"deprecated": "0.6.0",
|
|
4552
|
+
"deleted": "0.8.0",
|
|
4371
4553
|
"replacement": "color.background.warning.bold.hovered",
|
|
4372
4554
|
"description": "Hover state of background.boldWarning"
|
|
4373
4555
|
},
|
|
@@ -4379,6 +4561,8 @@ var tokens = [{
|
|
|
4379
4561
|
"group": "paint",
|
|
4380
4562
|
"state": "deleted",
|
|
4381
4563
|
"introduced": "0.0.15",
|
|
4564
|
+
"deprecated": "0.6.0",
|
|
4565
|
+
"deleted": "0.8.0",
|
|
4382
4566
|
"replacement": "color.background.warning.bold.hovered",
|
|
4383
4567
|
"description": "Hover state of background.boldWarning"
|
|
4384
4568
|
},
|
|
@@ -4391,6 +4575,8 @@ var tokens = [{
|
|
|
4391
4575
|
"group": "paint",
|
|
4392
4576
|
"state": "deleted",
|
|
4393
4577
|
"introduced": "0.0.15",
|
|
4578
|
+
"deprecated": "0.6.0",
|
|
4579
|
+
"deleted": "0.8.0",
|
|
4394
4580
|
"replacement": "color.background.warning.bold.pressed",
|
|
4395
4581
|
"description": "Pressed state of background.boldWarning"
|
|
4396
4582
|
},
|
|
@@ -4402,6 +4588,8 @@ var tokens = [{
|
|
|
4402
4588
|
"group": "paint",
|
|
4403
4589
|
"state": "deleted",
|
|
4404
4590
|
"introduced": "0.0.15",
|
|
4591
|
+
"deprecated": "0.6.0",
|
|
4592
|
+
"deleted": "0.8.0",
|
|
4405
4593
|
"replacement": "color.background.warning.bold.pressed",
|
|
4406
4594
|
"description": "Pressed state of background.boldWarning"
|
|
4407
4595
|
},
|
|
@@ -4414,6 +4602,8 @@ var tokens = [{
|
|
|
4414
4602
|
"group": "paint",
|
|
4415
4603
|
"state": "deleted",
|
|
4416
4604
|
"introduced": "0.0.15",
|
|
4605
|
+
"deprecated": "0.6.0",
|
|
4606
|
+
"deleted": "0.8.0",
|
|
4417
4607
|
"replacement": "color.background.warning.bold.[default]",
|
|
4418
4608
|
"description": "A vibrant background for small UI elements like warning buttons and bold moved lozenges."
|
|
4419
4609
|
},
|
|
@@ -4425,6 +4615,8 @@ var tokens = [{
|
|
|
4425
4615
|
"group": "paint",
|
|
4426
4616
|
"state": "deleted",
|
|
4427
4617
|
"introduced": "0.0.15",
|
|
4618
|
+
"deprecated": "0.6.0",
|
|
4619
|
+
"deleted": "0.8.0",
|
|
4428
4620
|
"replacement": "color.background.warning.bold.[default]",
|
|
4429
4621
|
"description": "A vibrant background for small UI elements like warning buttons and bold moved lozenges."
|
|
4430
4622
|
},
|
|
@@ -4437,6 +4629,8 @@ var tokens = [{
|
|
|
4437
4629
|
"group": "paint",
|
|
4438
4630
|
"state": "deleted",
|
|
4439
4631
|
"introduced": "0.0.15",
|
|
4632
|
+
"deprecated": "0.6.0",
|
|
4633
|
+
"deleted": "0.8.0",
|
|
4440
4634
|
"replacement": "elevation.surface.raised",
|
|
4441
4635
|
"description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
|
|
4442
4636
|
},
|
|
@@ -4448,6 +4642,8 @@ var tokens = [{
|
|
|
4448
4642
|
"group": "paint",
|
|
4449
4643
|
"state": "deleted",
|
|
4450
4644
|
"introduced": "0.0.15",
|
|
4645
|
+
"deprecated": "0.6.0",
|
|
4646
|
+
"deleted": "0.8.0",
|
|
4451
4647
|
"replacement": "elevation.surface.raised",
|
|
4452
4648
|
"description": "Use for the background of raised cards, such as Jira cards on a Kanban board.\nCombine with shadow.card."
|
|
4453
4649
|
},
|
|
@@ -4460,6 +4656,8 @@ var tokens = [{
|
|
|
4460
4656
|
"group": "paint",
|
|
4461
4657
|
"state": "deleted",
|
|
4462
4658
|
"introduced": "0.0.15",
|
|
4659
|
+
"deprecated": "0.6.0",
|
|
4660
|
+
"deleted": "0.8.0",
|
|
4463
4661
|
"replacement": "elevation.surface.[default]",
|
|
4464
4662
|
"description": "Use as the primary background for the UI"
|
|
4465
4663
|
},
|
|
@@ -4471,6 +4669,8 @@ var tokens = [{
|
|
|
4471
4669
|
"group": "paint",
|
|
4472
4670
|
"state": "deleted",
|
|
4473
4671
|
"introduced": "0.0.15",
|
|
4672
|
+
"deprecated": "0.6.0",
|
|
4673
|
+
"deleted": "0.8.0",
|
|
4474
4674
|
"replacement": "elevation.surface.[default]",
|
|
4475
4675
|
"description": "Use as the primary background for the UI"
|
|
4476
4676
|
},
|
|
@@ -4483,6 +4683,8 @@ var tokens = [{
|
|
|
4483
4683
|
"group": "paint",
|
|
4484
4684
|
"state": "deleted",
|
|
4485
4685
|
"introduced": "0.0.15",
|
|
4686
|
+
"deprecated": "0.6.0",
|
|
4687
|
+
"deleted": "0.8.0",
|
|
4486
4688
|
"replacement": "elevation.surface.overlay",
|
|
4487
4689
|
"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
4690
|
},
|
|
@@ -4494,6 +4696,8 @@ var tokens = [{
|
|
|
4494
4696
|
"group": "paint",
|
|
4495
4697
|
"state": "deleted",
|
|
4496
4698
|
"introduced": "0.0.15",
|
|
4699
|
+
"deprecated": "0.6.0",
|
|
4700
|
+
"deleted": "0.8.0",
|
|
4497
4701
|
"replacement": "elevation.surface.overlay",
|
|
4498
4702
|
"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
4703
|
},
|
|
@@ -4506,6 +4710,8 @@ var tokens = [{
|
|
|
4506
4710
|
"group": "paint",
|
|
4507
4711
|
"state": "deleted",
|
|
4508
4712
|
"introduced": "0.0.15",
|
|
4713
|
+
"deprecated": "0.6.0",
|
|
4714
|
+
"deleted": "0.8.0",
|
|
4509
4715
|
"replacement": "color.background.input.pressed",
|
|
4510
4716
|
"description": "Pressed state for background.subtleBorderedNeutral"
|
|
4511
4717
|
},
|
|
@@ -4517,6 +4723,8 @@ var tokens = [{
|
|
|
4517
4723
|
"group": "paint",
|
|
4518
4724
|
"state": "deleted",
|
|
4519
4725
|
"introduced": "0.0.15",
|
|
4726
|
+
"deprecated": "0.6.0",
|
|
4727
|
+
"deleted": "0.8.0",
|
|
4520
4728
|
"replacement": "color.background.input.pressed",
|
|
4521
4729
|
"description": "Pressed state for background.subtleBorderedNeutral"
|
|
4522
4730
|
},
|
|
@@ -4529,6 +4737,8 @@ var tokens = [{
|
|
|
4529
4737
|
"group": "paint",
|
|
4530
4738
|
"state": "deleted",
|
|
4531
4739
|
"introduced": "0.0.15",
|
|
4740
|
+
"deprecated": "0.6.0",
|
|
4741
|
+
"deleted": "0.8.0",
|
|
4532
4742
|
"replacement": "color.background.input.[default]",
|
|
4533
4743
|
"description": "Hover state for background.subtleBorderedNeutral"
|
|
4534
4744
|
},
|
|
@@ -4540,6 +4750,8 @@ var tokens = [{
|
|
|
4540
4750
|
"group": "paint",
|
|
4541
4751
|
"state": "deleted",
|
|
4542
4752
|
"introduced": "0.0.15",
|
|
4753
|
+
"deprecated": "0.6.0",
|
|
4754
|
+
"deleted": "0.8.0",
|
|
4543
4755
|
"replacement": "color.background.input.[default]",
|
|
4544
4756
|
"description": "Hover state for background.subtleBorderedNeutral"
|
|
4545
4757
|
},
|
|
@@ -4552,6 +4764,7 @@ var tokens = [{
|
|
|
4552
4764
|
"group": "paint",
|
|
4553
4765
|
"state": "deprecated",
|
|
4554
4766
|
"introduced": "0.0.15",
|
|
4767
|
+
"deprecated": "0.6.0",
|
|
4555
4768
|
"replacement": "color.background.selected.[default].hovered",
|
|
4556
4769
|
"description": "Hover state for background.subtleBrand"
|
|
4557
4770
|
},
|
|
@@ -4563,6 +4776,7 @@ var tokens = [{
|
|
|
4563
4776
|
"group": "paint",
|
|
4564
4777
|
"state": "deprecated",
|
|
4565
4778
|
"introduced": "0.0.15",
|
|
4779
|
+
"deprecated": "0.6.0",
|
|
4566
4780
|
"replacement": "color.background.selected.[default].hovered",
|
|
4567
4781
|
"description": "Hover state for background.subtleBrand"
|
|
4568
4782
|
},
|
|
@@ -4575,6 +4789,7 @@ var tokens = [{
|
|
|
4575
4789
|
"group": "paint",
|
|
4576
4790
|
"state": "deprecated",
|
|
4577
4791
|
"introduced": "0.0.15",
|
|
4792
|
+
"deprecated": "0.6.0",
|
|
4578
4793
|
"replacement": "color.background.selected.[default].pressed",
|
|
4579
4794
|
"description": "Pressed state for background.subtleBrand"
|
|
4580
4795
|
},
|
|
@@ -4586,6 +4801,7 @@ var tokens = [{
|
|
|
4586
4801
|
"group": "paint",
|
|
4587
4802
|
"state": "deprecated",
|
|
4588
4803
|
"introduced": "0.0.15",
|
|
4804
|
+
"deprecated": "0.6.0",
|
|
4589
4805
|
"replacement": "color.background.selected.[default].pressed",
|
|
4590
4806
|
"description": "Pressed state for background.subtleBrand"
|
|
4591
4807
|
},
|
|
@@ -4598,6 +4814,7 @@ var tokens = [{
|
|
|
4598
4814
|
"group": "paint",
|
|
4599
4815
|
"state": "deprecated",
|
|
4600
4816
|
"introduced": "0.0.15",
|
|
4817
|
+
"deprecated": "0.6.0",
|
|
4601
4818
|
"replacement": "color.background.selected.[default].[default]",
|
|
4602
4819
|
"description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
|
|
4603
4820
|
},
|
|
@@ -4609,6 +4826,7 @@ var tokens = [{
|
|
|
4609
4826
|
"group": "paint",
|
|
4610
4827
|
"state": "deprecated",
|
|
4611
4828
|
"introduced": "0.0.15",
|
|
4829
|
+
"deprecated": "0.6.0",
|
|
4612
4830
|
"replacement": "color.background.selected.[default].[default]",
|
|
4613
4831
|
"description": "Use for subdued backgrounds of UI elements like information section messages and in progress lozenges."
|
|
4614
4832
|
},
|
|
@@ -4621,6 +4839,8 @@ var tokens = [{
|
|
|
4621
4839
|
"group": "paint",
|
|
4622
4840
|
"state": "deleted",
|
|
4623
4841
|
"introduced": "0.0.15",
|
|
4842
|
+
"deprecated": "0.6.0",
|
|
4843
|
+
"deleted": "0.8.0",
|
|
4624
4844
|
"replacement": "color.background.danger.[default].hovered",
|
|
4625
4845
|
"description": "Hover state for background.subtleDanger"
|
|
4626
4846
|
},
|
|
@@ -4632,6 +4852,8 @@ var tokens = [{
|
|
|
4632
4852
|
"group": "paint",
|
|
4633
4853
|
"state": "deleted",
|
|
4634
4854
|
"introduced": "0.0.15",
|
|
4855
|
+
"deprecated": "0.6.0",
|
|
4856
|
+
"deleted": "0.8.0",
|
|
4635
4857
|
"replacement": "color.background.danger.[default].hovered",
|
|
4636
4858
|
"description": "Hover state for background.subtleDanger"
|
|
4637
4859
|
},
|
|
@@ -4644,6 +4866,8 @@ var tokens = [{
|
|
|
4644
4866
|
"group": "paint",
|
|
4645
4867
|
"state": "deleted",
|
|
4646
4868
|
"introduced": "0.0.15",
|
|
4869
|
+
"deprecated": "0.6.0",
|
|
4870
|
+
"deleted": "0.8.0",
|
|
4647
4871
|
"replacement": "color.background.danger.[default].pressed",
|
|
4648
4872
|
"description": "Pressed state for background.subtleDanger"
|
|
4649
4873
|
},
|
|
@@ -4655,6 +4879,8 @@ var tokens = [{
|
|
|
4655
4879
|
"group": "paint",
|
|
4656
4880
|
"state": "deleted",
|
|
4657
4881
|
"introduced": "0.0.15",
|
|
4882
|
+
"deprecated": "0.6.0",
|
|
4883
|
+
"deleted": "0.8.0",
|
|
4658
4884
|
"replacement": "color.background.danger.[default].pressed",
|
|
4659
4885
|
"description": "Pressed state for background.subtleDanger"
|
|
4660
4886
|
},
|
|
@@ -4667,6 +4893,8 @@ var tokens = [{
|
|
|
4667
4893
|
"group": "paint",
|
|
4668
4894
|
"state": "deleted",
|
|
4669
4895
|
"introduced": "0.0.15",
|
|
4896
|
+
"deprecated": "0.6.0",
|
|
4897
|
+
"deleted": "0.8.0",
|
|
4670
4898
|
"replacement": "color.background.danger.[default].[default]",
|
|
4671
4899
|
"description": "Use for subdued backgrounds of UI elements like error section messages and removed lozenges."
|
|
4672
4900
|
},
|
|
@@ -4678,6 +4906,8 @@ var tokens = [{
|
|
|
4678
4906
|
"group": "paint",
|
|
4679
4907
|
"state": "deleted",
|
|
4680
4908
|
"introduced": "0.0.15",
|
|
4909
|
+
"deprecated": "0.6.0",
|
|
4910
|
+
"deleted": "0.8.0",
|
|
4681
4911
|
"replacement": "color.background.danger.[default].[default]",
|
|
4682
4912
|
"description": "Use for subdued backgrounds of UI elements like error section messages and removed lozenges."
|
|
4683
4913
|
},
|
|
@@ -4690,6 +4920,8 @@ var tokens = [{
|
|
|
4690
4920
|
"group": "paint",
|
|
4691
4921
|
"state": "deleted",
|
|
4692
4922
|
"introduced": "0.0.15",
|
|
4923
|
+
"deprecated": "0.6.0",
|
|
4924
|
+
"deleted": "0.8.0",
|
|
4693
4925
|
"replacement": "color.background.discovery.[default].hovered",
|
|
4694
4926
|
"description": "Hover state for background.subtleDiscovery"
|
|
4695
4927
|
},
|
|
@@ -4701,6 +4933,8 @@ var tokens = [{
|
|
|
4701
4933
|
"group": "paint",
|
|
4702
4934
|
"state": "deleted",
|
|
4703
4935
|
"introduced": "0.0.15",
|
|
4936
|
+
"deprecated": "0.6.0",
|
|
4937
|
+
"deleted": "0.8.0",
|
|
4704
4938
|
"replacement": "color.background.discovery.[default].hovered",
|
|
4705
4939
|
"description": "Hover state for background.subtleDiscovery"
|
|
4706
4940
|
},
|
|
@@ -4713,6 +4947,8 @@ var tokens = [{
|
|
|
4713
4947
|
"group": "paint",
|
|
4714
4948
|
"state": "deleted",
|
|
4715
4949
|
"introduced": "0.0.15",
|
|
4950
|
+
"deprecated": "0.6.0",
|
|
4951
|
+
"deleted": "0.8.0",
|
|
4716
4952
|
"replacement": "color.background.discovery.[default].pressed",
|
|
4717
4953
|
"description": "Pressed state for background.subtleDiscovery"
|
|
4718
4954
|
},
|
|
@@ -4724,6 +4960,8 @@ var tokens = [{
|
|
|
4724
4960
|
"group": "paint",
|
|
4725
4961
|
"state": "deleted",
|
|
4726
4962
|
"introduced": "0.0.15",
|
|
4963
|
+
"deprecated": "0.6.0",
|
|
4964
|
+
"deleted": "0.8.0",
|
|
4727
4965
|
"replacement": "color.background.discovery.[default].pressed",
|
|
4728
4966
|
"description": "Pressed state for background.subtleDiscovery"
|
|
4729
4967
|
},
|
|
@@ -4736,6 +4974,8 @@ var tokens = [{
|
|
|
4736
4974
|
"group": "paint",
|
|
4737
4975
|
"state": "deleted",
|
|
4738
4976
|
"introduced": "0.0.15",
|
|
4977
|
+
"deprecated": "0.6.0",
|
|
4978
|
+
"deleted": "0.8.0",
|
|
4739
4979
|
"replacement": "color.background.discovery.[default].[default]",
|
|
4740
4980
|
"description": "Use for subdued backgrounds of UI elements like discovery section messages and new lozenges."
|
|
4741
4981
|
},
|
|
@@ -4747,6 +4987,8 @@ var tokens = [{
|
|
|
4747
4987
|
"group": "paint",
|
|
4748
4988
|
"state": "deleted",
|
|
4749
4989
|
"introduced": "0.0.15",
|
|
4990
|
+
"deprecated": "0.6.0",
|
|
4991
|
+
"deleted": "0.8.0",
|
|
4750
4992
|
"replacement": "color.background.discovery.[default].[default]",
|
|
4751
4993
|
"description": "Use for subdued backgrounds of UI elements like discovery section messages and new lozenges."
|
|
4752
4994
|
},
|
|
@@ -4759,6 +5001,8 @@ var tokens = [{
|
|
|
4759
5001
|
"group": "paint",
|
|
4760
5002
|
"state": "deleted",
|
|
4761
5003
|
"introduced": "0.0.15",
|
|
5004
|
+
"deprecated": "0.6.0",
|
|
5005
|
+
"deleted": "0.8.0",
|
|
4762
5006
|
"replacement": "color.background.neutral.[default].hovered",
|
|
4763
5007
|
"description": "Hover state for background.subtleNeutral"
|
|
4764
5008
|
},
|
|
@@ -4770,6 +5014,8 @@ var tokens = [{
|
|
|
4770
5014
|
"group": "paint",
|
|
4771
5015
|
"state": "deleted",
|
|
4772
5016
|
"introduced": "0.0.15",
|
|
5017
|
+
"deprecated": "0.6.0",
|
|
5018
|
+
"deleted": "0.8.0",
|
|
4773
5019
|
"replacement": "color.background.neutral.[default].hovered",
|
|
4774
5020
|
"description": "Hover state for background.subtleNeutral"
|
|
4775
5021
|
},
|
|
@@ -4782,6 +5028,8 @@ var tokens = [{
|
|
|
4782
5028
|
"group": "paint",
|
|
4783
5029
|
"state": "deleted",
|
|
4784
5030
|
"introduced": "0.0.15",
|
|
5031
|
+
"deprecated": "0.6.0",
|
|
5032
|
+
"deleted": "0.8.0",
|
|
4785
5033
|
"replacement": "color.background.neutral.[default].pressed",
|
|
4786
5034
|
"description": "Pressed state for background.subtleNeutral"
|
|
4787
5035
|
},
|
|
@@ -4793,6 +5041,8 @@ var tokens = [{
|
|
|
4793
5041
|
"group": "paint",
|
|
4794
5042
|
"state": "deleted",
|
|
4795
5043
|
"introduced": "0.0.15",
|
|
5044
|
+
"deprecated": "0.6.0",
|
|
5045
|
+
"deleted": "0.8.0",
|
|
4796
5046
|
"replacement": "color.background.neutral.[default].pressed",
|
|
4797
5047
|
"description": "Pressed state for background.subtleNeutral"
|
|
4798
5048
|
},
|
|
@@ -4805,6 +5055,8 @@ var tokens = [{
|
|
|
4805
5055
|
"group": "paint",
|
|
4806
5056
|
"state": "deleted",
|
|
4807
5057
|
"introduced": "0.0.15",
|
|
5058
|
+
"deprecated": "0.6.0",
|
|
5059
|
+
"deleted": "0.8.0",
|
|
4808
5060
|
"replacement": "color.background.neutral.[default].[default]",
|
|
4809
5061
|
"description": "Use as the default background of UI elements like buttons, lozenges, and tags."
|
|
4810
5062
|
},
|
|
@@ -4816,6 +5068,8 @@ var tokens = [{
|
|
|
4816
5068
|
"group": "paint",
|
|
4817
5069
|
"state": "deleted",
|
|
4818
5070
|
"introduced": "0.0.15",
|
|
5071
|
+
"deprecated": "0.6.0",
|
|
5072
|
+
"deleted": "0.8.0",
|
|
4819
5073
|
"replacement": "color.background.neutral.[default].[default]",
|
|
4820
5074
|
"description": "Use as the default background of UI elements like buttons, lozenges, and tags."
|
|
4821
5075
|
},
|
|
@@ -4828,6 +5082,8 @@ var tokens = [{
|
|
|
4828
5082
|
"group": "paint",
|
|
4829
5083
|
"state": "deleted",
|
|
4830
5084
|
"introduced": "0.0.15",
|
|
5085
|
+
"deprecated": "0.6.0",
|
|
5086
|
+
"deleted": "0.8.0",
|
|
4831
5087
|
"replacement": "color.background.success.[default].hovered",
|
|
4832
5088
|
"description": "Hover state for background.subtleSuccess"
|
|
4833
5089
|
},
|
|
@@ -4839,6 +5095,8 @@ var tokens = [{
|
|
|
4839
5095
|
"group": "paint",
|
|
4840
5096
|
"state": "deleted",
|
|
4841
5097
|
"introduced": "0.0.15",
|
|
5098
|
+
"deprecated": "0.6.0",
|
|
5099
|
+
"deleted": "0.8.0",
|
|
4842
5100
|
"replacement": "color.background.success.[default].hovered",
|
|
4843
5101
|
"description": "Hover state for background.subtleSuccess"
|
|
4844
5102
|
},
|
|
@@ -4851,6 +5109,8 @@ var tokens = [{
|
|
|
4851
5109
|
"group": "paint",
|
|
4852
5110
|
"state": "deleted",
|
|
4853
5111
|
"introduced": "0.0.15",
|
|
5112
|
+
"deprecated": "0.6.0",
|
|
5113
|
+
"deleted": "0.8.0",
|
|
4854
5114
|
"replacement": "color.background.success.[default].pressed",
|
|
4855
5115
|
"description": "Pressed state for background.subtleSuccess"
|
|
4856
5116
|
},
|
|
@@ -4862,6 +5122,8 @@ var tokens = [{
|
|
|
4862
5122
|
"group": "paint",
|
|
4863
5123
|
"state": "deleted",
|
|
4864
5124
|
"introduced": "0.0.15",
|
|
5125
|
+
"deprecated": "0.6.0",
|
|
5126
|
+
"deleted": "0.8.0",
|
|
4865
5127
|
"replacement": "color.background.success.[default].pressed",
|
|
4866
5128
|
"description": "Pressed state for background.subtleSuccess"
|
|
4867
5129
|
},
|
|
@@ -4874,6 +5136,8 @@ var tokens = [{
|
|
|
4874
5136
|
"group": "paint",
|
|
4875
5137
|
"state": "deleted",
|
|
4876
5138
|
"introduced": "0.0.15",
|
|
5139
|
+
"deprecated": "0.6.0",
|
|
5140
|
+
"deleted": "0.8.0",
|
|
4877
5141
|
"replacement": "color.background.success.[default].[default]",
|
|
4878
5142
|
"description": "Use for subdued backgrounds of UI elements like success section messages and success lozenges."
|
|
4879
5143
|
},
|
|
@@ -4885,6 +5149,8 @@ var tokens = [{
|
|
|
4885
5149
|
"group": "paint",
|
|
4886
5150
|
"state": "deleted",
|
|
4887
5151
|
"introduced": "0.0.15",
|
|
5152
|
+
"deprecated": "0.6.0",
|
|
5153
|
+
"deleted": "0.8.0",
|
|
4888
5154
|
"replacement": "color.background.success.[default].[default]",
|
|
4889
5155
|
"description": "Use for subdued backgrounds of UI elements like success section messages and success lozenges."
|
|
4890
5156
|
},
|
|
@@ -4897,6 +5163,8 @@ var tokens = [{
|
|
|
4897
5163
|
"group": "paint",
|
|
4898
5164
|
"state": "deleted",
|
|
4899
5165
|
"introduced": "0.0.15",
|
|
5166
|
+
"deprecated": "0.6.0",
|
|
5167
|
+
"deleted": "0.8.0",
|
|
4900
5168
|
"replacement": "color.background.warning.[default].hovered",
|
|
4901
5169
|
"description": "Hover state for background.subtleWarning"
|
|
4902
5170
|
},
|
|
@@ -4908,6 +5176,8 @@ var tokens = [{
|
|
|
4908
5176
|
"group": "paint",
|
|
4909
5177
|
"state": "deleted",
|
|
4910
5178
|
"introduced": "0.0.15",
|
|
5179
|
+
"deprecated": "0.6.0",
|
|
5180
|
+
"deleted": "0.8.0",
|
|
4911
5181
|
"replacement": "color.background.warning.[default].hovered",
|
|
4912
5182
|
"description": "Hover state for background.subtleWarning"
|
|
4913
5183
|
},
|
|
@@ -4920,6 +5190,8 @@ var tokens = [{
|
|
|
4920
5190
|
"group": "paint",
|
|
4921
5191
|
"state": "deleted",
|
|
4922
5192
|
"introduced": "0.0.15",
|
|
5193
|
+
"deprecated": "0.6.0",
|
|
5194
|
+
"deleted": "0.8.0",
|
|
4923
5195
|
"replacement": "color.background.warning.[default].pressed",
|
|
4924
5196
|
"description": "Pressed state for background.subtleWarning"
|
|
4925
5197
|
},
|
|
@@ -4931,6 +5203,8 @@ var tokens = [{
|
|
|
4931
5203
|
"group": "paint",
|
|
4932
5204
|
"state": "deleted",
|
|
4933
5205
|
"introduced": "0.0.15",
|
|
5206
|
+
"deprecated": "0.6.0",
|
|
5207
|
+
"deleted": "0.8.0",
|
|
4934
5208
|
"replacement": "color.background.warning.[default].pressed",
|
|
4935
5209
|
"description": "Pressed state for background.subtleWarning"
|
|
4936
5210
|
},
|
|
@@ -4943,6 +5217,8 @@ var tokens = [{
|
|
|
4943
5217
|
"group": "paint",
|
|
4944
5218
|
"state": "deleted",
|
|
4945
5219
|
"introduced": "0.0.15",
|
|
5220
|
+
"deprecated": "0.6.0",
|
|
5221
|
+
"deleted": "0.8.0",
|
|
4946
5222
|
"replacement": "color.background.warning.[default].[default]",
|
|
4947
5223
|
"description": "Use for subdued backgrounds of UI elements like warning section messages and moved lozenges."
|
|
4948
5224
|
},
|
|
@@ -4954,6 +5230,8 @@ var tokens = [{
|
|
|
4954
5230
|
"group": "paint",
|
|
4955
5231
|
"state": "deleted",
|
|
4956
5232
|
"introduced": "0.0.15",
|
|
5233
|
+
"deprecated": "0.6.0",
|
|
5234
|
+
"deleted": "0.8.0",
|
|
4957
5235
|
"replacement": "color.background.warning.[default].[default]",
|
|
4958
5236
|
"description": "Use for subdued backgrounds of UI elements like warning section messages and moved lozenges."
|
|
4959
5237
|
},
|
|
@@ -4966,6 +5244,8 @@ var tokens = [{
|
|
|
4966
5244
|
"group": "paint",
|
|
4967
5245
|
"state": "deleted",
|
|
4968
5246
|
"introduced": "0.0.15",
|
|
5247
|
+
"deprecated": "0.6.0",
|
|
5248
|
+
"deleted": "0.8.0",
|
|
4969
5249
|
"replacement": "elevation.surface.sunken",
|
|
4970
5250
|
"description": "Use as a secondary background for the UI"
|
|
4971
5251
|
},
|
|
@@ -4977,6 +5257,8 @@ var tokens = [{
|
|
|
4977
5257
|
"group": "paint",
|
|
4978
5258
|
"state": "deleted",
|
|
4979
5259
|
"introduced": "0.0.15",
|
|
5260
|
+
"deprecated": "0.6.0",
|
|
5261
|
+
"deleted": "0.8.0",
|
|
4980
5262
|
"replacement": "elevation.surface.sunken",
|
|
4981
5263
|
"description": "Use as a secondary background for the UI"
|
|
4982
5264
|
},
|
|
@@ -4989,6 +5271,8 @@ var tokens = [{
|
|
|
4989
5271
|
"group": "paint",
|
|
4990
5272
|
"state": "deleted",
|
|
4991
5273
|
"introduced": "0.0.15",
|
|
5274
|
+
"deprecated": "0.6.0",
|
|
5275
|
+
"deleted": "0.8.0",
|
|
4992
5276
|
"replacement": "color.background.neutral.subtle.hovered",
|
|
4993
5277
|
"description": "Hover state for UIs that do not have a default background, such as menu items or subtle buttons."
|
|
4994
5278
|
},
|
|
@@ -5000,6 +5284,8 @@ var tokens = [{
|
|
|
5000
5284
|
"group": "paint",
|
|
5001
5285
|
"state": "deleted",
|
|
5002
5286
|
"introduced": "0.0.15",
|
|
5287
|
+
"deprecated": "0.6.0",
|
|
5288
|
+
"deleted": "0.8.0",
|
|
5003
5289
|
"replacement": "color.background.neutral.subtle.hovered",
|
|
5004
5290
|
"description": "Hover state for UIs that do not have a default background, such as menu items or subtle buttons."
|
|
5005
5291
|
},
|
|
@@ -5012,6 +5298,8 @@ var tokens = [{
|
|
|
5012
5298
|
"group": "paint",
|
|
5013
5299
|
"state": "deleted",
|
|
5014
5300
|
"introduced": "0.0.15",
|
|
5301
|
+
"deprecated": "0.6.0",
|
|
5302
|
+
"deleted": "0.8.0",
|
|
5015
5303
|
"replacement": "color.background.neutral.subtle.pressed",
|
|
5016
5304
|
"description": "Pressed state for UIs that do not have a default background, such as menu items or subtle buttons."
|
|
5017
5305
|
},
|
|
@@ -5023,6 +5311,8 @@ var tokens = [{
|
|
|
5023
5311
|
"group": "paint",
|
|
5024
5312
|
"state": "deleted",
|
|
5025
5313
|
"introduced": "0.0.15",
|
|
5314
|
+
"deprecated": "0.6.0",
|
|
5315
|
+
"deleted": "0.8.0",
|
|
5026
5316
|
"replacement": "color.background.neutral.subtle.pressed",
|
|
5027
5317
|
"description": "Pressed state for UIs that do not have a default background, such as menu items or subtle buttons."
|
|
5028
5318
|
},
|
|
@@ -5058,7 +5348,7 @@ var tokens = [{
|
|
|
5058
5348
|
"introduced": "0.6.0",
|
|
5059
5349
|
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
5060
5350
|
},
|
|
5061
|
-
"value": "#
|
|
5351
|
+
"value": "#388BFF14",
|
|
5062
5352
|
"filePath": "src/tokens/atlassian-light/color/background.tsx",
|
|
5063
5353
|
"isSource": true,
|
|
5064
5354
|
"original": {
|
|
@@ -5068,7 +5358,7 @@ var tokens = [{
|
|
|
5068
5358
|
"introduced": "0.6.0",
|
|
5069
5359
|
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
5070
5360
|
},
|
|
5071
|
-
"value": "#
|
|
5361
|
+
"value": "#388BFF14"
|
|
5072
5362
|
},
|
|
5073
5363
|
"name": "color.blanket.selected",
|
|
5074
5364
|
"path": ["color", "blanket", "selected"]
|
|
@@ -5079,7 +5369,7 @@ var tokens = [{
|
|
|
5079
5369
|
"introduced": "0.6.0",
|
|
5080
5370
|
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
5081
5371
|
},
|
|
5082
|
-
"value": "#
|
|
5372
|
+
"value": "#EF5C4814",
|
|
5083
5373
|
"filePath": "src/tokens/atlassian-light/color/background.tsx",
|
|
5084
5374
|
"isSource": true,
|
|
5085
5375
|
"original": {
|
|
@@ -5089,7 +5379,7 @@ var tokens = [{
|
|
|
5089
5379
|
"introduced": "0.6.0",
|
|
5090
5380
|
"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"
|
|
5091
5381
|
},
|
|
5092
|
-
"value": "#
|
|
5382
|
+
"value": "#EF5C4814"
|
|
5093
5383
|
},
|
|
5094
5384
|
"name": "color.blanket.danger",
|
|
5095
5385
|
"path": ["color", "blanket", "danger"]
|
|
@@ -5266,6 +5556,8 @@ var tokens = [{
|
|
|
5266
5556
|
"group": "paint",
|
|
5267
5557
|
"state": "deleted",
|
|
5268
5558
|
"introduced": "0.1.1",
|
|
5559
|
+
"deprecated": "0.6.0",
|
|
5560
|
+
"deleted": "0.8.0",
|
|
5269
5561
|
"replacement": "color.background.accent.blue.bolder",
|
|
5270
5562
|
"description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5271
5563
|
},
|
|
@@ -5277,6 +5569,8 @@ var tokens = [{
|
|
|
5277
5569
|
"group": "paint",
|
|
5278
5570
|
"state": "deleted",
|
|
5279
5571
|
"introduced": "0.1.1",
|
|
5572
|
+
"deprecated": "0.6.0",
|
|
5573
|
+
"deleted": "0.8.0",
|
|
5280
5574
|
"replacement": "color.background.accent.blue.bolder",
|
|
5281
5575
|
"description": "Use for blue backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5282
5576
|
},
|
|
@@ -5289,6 +5583,8 @@ var tokens = [{
|
|
|
5289
5583
|
"group": "paint",
|
|
5290
5584
|
"state": "deleted",
|
|
5291
5585
|
"introduced": "0.1.1",
|
|
5586
|
+
"deprecated": "0.6.0",
|
|
5587
|
+
"deleted": "0.8.0",
|
|
5292
5588
|
"replacement": "color.background.accent.green.bolder",
|
|
5293
5589
|
"description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5294
5590
|
},
|
|
@@ -5300,6 +5596,8 @@ var tokens = [{
|
|
|
5300
5596
|
"group": "paint",
|
|
5301
5597
|
"state": "deleted",
|
|
5302
5598
|
"introduced": "0.1.1",
|
|
5599
|
+
"deprecated": "0.6.0",
|
|
5600
|
+
"deleted": "0.8.0",
|
|
5303
5601
|
"replacement": "color.background.accent.green.bolder",
|
|
5304
5602
|
"description": "Use for green backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5305
5603
|
},
|
|
@@ -5312,6 +5610,8 @@ var tokens = [{
|
|
|
5312
5610
|
"group": "paint",
|
|
5313
5611
|
"state": "deleted",
|
|
5314
5612
|
"introduced": "0.1.1",
|
|
5613
|
+
"deprecated": "0.6.0",
|
|
5614
|
+
"deleted": "0.8.0",
|
|
5315
5615
|
"replacement": "color.background.accent.orange.bolder",
|
|
5316
5616
|
"description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5317
5617
|
},
|
|
@@ -5323,6 +5623,8 @@ var tokens = [{
|
|
|
5323
5623
|
"group": "paint",
|
|
5324
5624
|
"state": "deleted",
|
|
5325
5625
|
"introduced": "0.1.1",
|
|
5626
|
+
"deprecated": "0.6.0",
|
|
5627
|
+
"deleted": "0.8.0",
|
|
5326
5628
|
"replacement": "color.background.accent.orange.bolder",
|
|
5327
5629
|
"description": "Use for orange backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5328
5630
|
},
|
|
@@ -5335,6 +5637,8 @@ var tokens = [{
|
|
|
5335
5637
|
"group": "paint",
|
|
5336
5638
|
"state": "deleted",
|
|
5337
5639
|
"introduced": "0.1.1",
|
|
5640
|
+
"deprecated": "0.6.0",
|
|
5641
|
+
"deleted": "0.8.0",
|
|
5338
5642
|
"replacement": "color.background.accent.purple.bolder",
|
|
5339
5643
|
"description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5340
5644
|
},
|
|
@@ -5346,6 +5650,8 @@ var tokens = [{
|
|
|
5346
5650
|
"group": "paint",
|
|
5347
5651
|
"state": "deleted",
|
|
5348
5652
|
"introduced": "0.1.1",
|
|
5653
|
+
"deprecated": "0.6.0",
|
|
5654
|
+
"deleted": "0.8.0",
|
|
5349
5655
|
"replacement": "color.background.accent.purple.bolder",
|
|
5350
5656
|
"description": "Use for purple backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5351
5657
|
},
|
|
@@ -5358,6 +5664,8 @@ var tokens = [{
|
|
|
5358
5664
|
"group": "paint",
|
|
5359
5665
|
"state": "deleted",
|
|
5360
5666
|
"introduced": "0.1.1",
|
|
5667
|
+
"deprecated": "0.6.0",
|
|
5668
|
+
"deleted": "0.8.0",
|
|
5361
5669
|
"replacement": "color.background.accent.red.bolder",
|
|
5362
5670
|
"description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5363
5671
|
},
|
|
@@ -5369,6 +5677,8 @@ var tokens = [{
|
|
|
5369
5677
|
"group": "paint",
|
|
5370
5678
|
"state": "deleted",
|
|
5371
5679
|
"introduced": "0.1.1",
|
|
5680
|
+
"deprecated": "0.6.0",
|
|
5681
|
+
"deleted": "0.8.0",
|
|
5372
5682
|
"replacement": "color.background.accent.red.bolder",
|
|
5373
5683
|
"description": "Use for red backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5374
5684
|
},
|
|
@@ -5381,6 +5691,8 @@ var tokens = [{
|
|
|
5381
5691
|
"group": "paint",
|
|
5382
5692
|
"state": "deleted",
|
|
5383
5693
|
"introduced": "0.1.1",
|
|
5694
|
+
"deprecated": "0.6.0",
|
|
5695
|
+
"deleted": "0.8.0",
|
|
5384
5696
|
"replacement": "color.background.accent.teal.bolder",
|
|
5385
5697
|
"description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5386
5698
|
},
|
|
@@ -5392,6 +5704,8 @@ var tokens = [{
|
|
|
5392
5704
|
"group": "paint",
|
|
5393
5705
|
"state": "deleted",
|
|
5394
5706
|
"introduced": "0.1.1",
|
|
5707
|
+
"deprecated": "0.6.0",
|
|
5708
|
+
"deleted": "0.8.0",
|
|
5395
5709
|
"replacement": "color.background.accent.teal.bolder",
|
|
5396
5710
|
"description": "Use for teal backgrounds of stronger emphasis when there is no meaning tied to the color, such as bold tags."
|
|
5397
5711
|
},
|
|
@@ -5404,6 +5718,8 @@ var tokens = [{
|
|
|
5404
5718
|
"group": "paint",
|
|
5405
5719
|
"state": "deleted",
|
|
5406
5720
|
"introduced": "0.1.0",
|
|
5721
|
+
"deprecated": "0.6.0",
|
|
5722
|
+
"deleted": "0.8.0",
|
|
5407
5723
|
"replacement": "color.background.accent.blue.subtler",
|
|
5408
5724
|
"description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5409
5725
|
},
|
|
@@ -5415,6 +5731,8 @@ var tokens = [{
|
|
|
5415
5731
|
"group": "paint",
|
|
5416
5732
|
"state": "deleted",
|
|
5417
5733
|
"introduced": "0.1.0",
|
|
5734
|
+
"deprecated": "0.6.0",
|
|
5735
|
+
"deleted": "0.8.0",
|
|
5418
5736
|
"replacement": "color.background.accent.blue.subtler",
|
|
5419
5737
|
"description": "Use for blue subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5420
5738
|
},
|
|
@@ -5427,6 +5745,8 @@ var tokens = [{
|
|
|
5427
5745
|
"group": "paint",
|
|
5428
5746
|
"state": "deleted",
|
|
5429
5747
|
"introduced": "0.1.0",
|
|
5748
|
+
"deprecated": "0.6.0",
|
|
5749
|
+
"deleted": "0.8.0",
|
|
5430
5750
|
"replacement": "color.background.accent.green.subtler",
|
|
5431
5751
|
"description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5432
5752
|
},
|
|
@@ -5438,6 +5758,8 @@ var tokens = [{
|
|
|
5438
5758
|
"group": "paint",
|
|
5439
5759
|
"state": "deleted",
|
|
5440
5760
|
"introduced": "0.1.0",
|
|
5761
|
+
"deprecated": "0.6.0",
|
|
5762
|
+
"deleted": "0.8.0",
|
|
5441
5763
|
"replacement": "color.background.accent.green.subtler",
|
|
5442
5764
|
"description": "Use for green subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5443
5765
|
},
|
|
@@ -5450,6 +5772,8 @@ var tokens = [{
|
|
|
5450
5772
|
"group": "paint",
|
|
5451
5773
|
"state": "deleted",
|
|
5452
5774
|
"introduced": "0.1.0",
|
|
5775
|
+
"deprecated": "0.6.0",
|
|
5776
|
+
"deleted": "0.8.0",
|
|
5453
5777
|
"replacement": "color.background.accent.magenta.subtler",
|
|
5454
5778
|
"description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5455
5779
|
},
|
|
@@ -5461,6 +5785,8 @@ var tokens = [{
|
|
|
5461
5785
|
"group": "paint",
|
|
5462
5786
|
"state": "deleted",
|
|
5463
5787
|
"introduced": "0.1.0",
|
|
5788
|
+
"deprecated": "0.6.0",
|
|
5789
|
+
"deleted": "0.8.0",
|
|
5464
5790
|
"replacement": "color.background.accent.magenta.subtler",
|
|
5465
5791
|
"description": "Use for magenta subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5466
5792
|
},
|
|
@@ -5473,6 +5799,8 @@ var tokens = [{
|
|
|
5473
5799
|
"group": "paint",
|
|
5474
5800
|
"state": "deleted",
|
|
5475
5801
|
"introduced": "0.1.0",
|
|
5802
|
+
"deprecated": "0.6.0",
|
|
5803
|
+
"deleted": "0.8.0",
|
|
5476
5804
|
"replacement": "color.background.accent.orange.subtler",
|
|
5477
5805
|
"description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5478
5806
|
},
|
|
@@ -5484,6 +5812,8 @@ var tokens = [{
|
|
|
5484
5812
|
"group": "paint",
|
|
5485
5813
|
"state": "deleted",
|
|
5486
5814
|
"introduced": "0.1.0",
|
|
5815
|
+
"deprecated": "0.6.0",
|
|
5816
|
+
"deleted": "0.8.0",
|
|
5487
5817
|
"replacement": "color.background.accent.orange.subtler",
|
|
5488
5818
|
"description": "Use for orange subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5489
5819
|
},
|
|
@@ -5496,6 +5826,8 @@ var tokens = [{
|
|
|
5496
5826
|
"group": "paint",
|
|
5497
5827
|
"state": "deleted",
|
|
5498
5828
|
"introduced": "0.1.0",
|
|
5829
|
+
"deprecated": "0.6.0",
|
|
5830
|
+
"deleted": "0.8.0",
|
|
5499
5831
|
"replacement": "color.background.accent.purple.subtler",
|
|
5500
5832
|
"description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5501
5833
|
},
|
|
@@ -5507,6 +5839,8 @@ var tokens = [{
|
|
|
5507
5839
|
"group": "paint",
|
|
5508
5840
|
"state": "deleted",
|
|
5509
5841
|
"introduced": "0.1.0",
|
|
5842
|
+
"deprecated": "0.6.0",
|
|
5843
|
+
"deleted": "0.8.0",
|
|
5510
5844
|
"replacement": "color.background.accent.purple.subtler",
|
|
5511
5845
|
"description": "Use for purple subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5512
5846
|
},
|
|
@@ -5519,6 +5853,8 @@ var tokens = [{
|
|
|
5519
5853
|
"group": "paint",
|
|
5520
5854
|
"state": "deleted",
|
|
5521
5855
|
"introduced": "0.1.0",
|
|
5856
|
+
"deprecated": "0.6.0",
|
|
5857
|
+
"deleted": "0.8.0",
|
|
5522
5858
|
"replacement": "color.background.accent.red.subtler",
|
|
5523
5859
|
"description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5524
5860
|
},
|
|
@@ -5530,6 +5866,8 @@ var tokens = [{
|
|
|
5530
5866
|
"group": "paint",
|
|
5531
5867
|
"state": "deleted",
|
|
5532
5868
|
"introduced": "0.1.0",
|
|
5869
|
+
"deprecated": "0.6.0",
|
|
5870
|
+
"deleted": "0.8.0",
|
|
5533
5871
|
"replacement": "color.background.accent.red.subtler",
|
|
5534
5872
|
"description": "Use for red subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5535
5873
|
},
|
|
@@ -5542,6 +5880,8 @@ var tokens = [{
|
|
|
5542
5880
|
"group": "paint",
|
|
5543
5881
|
"state": "deleted",
|
|
5544
5882
|
"introduced": "0.1.0",
|
|
5883
|
+
"deprecated": "0.6.0",
|
|
5884
|
+
"deleted": "0.8.0",
|
|
5545
5885
|
"replacement": "color.background.accent.teal.subtler",
|
|
5546
5886
|
"description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5547
5887
|
},
|
|
@@ -5553,6 +5893,8 @@ var tokens = [{
|
|
|
5553
5893
|
"group": "paint",
|
|
5554
5894
|
"state": "deleted",
|
|
5555
5895
|
"introduced": "0.1.0",
|
|
5896
|
+
"deprecated": "0.6.0",
|
|
5897
|
+
"deleted": "0.8.0",
|
|
5556
5898
|
"replacement": "color.background.accent.teal.subtler",
|
|
5557
5899
|
"description": "Use for teal subdued backgrounds when there is no meaning tied to the color, such as colored tags."
|
|
5558
5900
|
},
|
|
@@ -5565,6 +5907,8 @@ var tokens = [{
|
|
|
5565
5907
|
"group": "paint",
|
|
5566
5908
|
"state": "deleted",
|
|
5567
5909
|
"introduced": "0.0.15",
|
|
5910
|
+
"deprecated": "0.6.0",
|
|
5911
|
+
"deleted": "0.8.0",
|
|
5568
5912
|
"replacement": "color.icon.brand",
|
|
5569
5913
|
"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
5914
|
},
|
|
@@ -5576,6 +5920,8 @@ var tokens = [{
|
|
|
5576
5920
|
"group": "paint",
|
|
5577
5921
|
"state": "deleted",
|
|
5578
5922
|
"introduced": "0.0.15",
|
|
5923
|
+
"deprecated": "0.6.0",
|
|
5924
|
+
"deleted": "0.8.0",
|
|
5579
5925
|
"replacement": "color.icon.brand",
|
|
5580
5926
|
"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
5927
|
},
|
|
@@ -5588,6 +5934,8 @@ var tokens = [{
|
|
|
5588
5934
|
"group": "paint",
|
|
5589
5935
|
"state": "deleted",
|
|
5590
5936
|
"introduced": "0.0.15",
|
|
5937
|
+
"deprecated": "0.6.0",
|
|
5938
|
+
"deleted": "0.8.0",
|
|
5591
5939
|
"replacement": "color.icon.danger",
|
|
5592
5940
|
"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
5941
|
},
|
|
@@ -5599,6 +5947,8 @@ var tokens = [{
|
|
|
5599
5947
|
"group": "paint",
|
|
5600
5948
|
"state": "deleted",
|
|
5601
5949
|
"introduced": "0.0.15",
|
|
5950
|
+
"deprecated": "0.6.0",
|
|
5951
|
+
"deleted": "0.8.0",
|
|
5602
5952
|
"replacement": "color.icon.danger",
|
|
5603
5953
|
"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
5954
|
},
|
|
@@ -5611,6 +5961,8 @@ var tokens = [{
|
|
|
5611
5961
|
"group": "paint",
|
|
5612
5962
|
"state": "deleted",
|
|
5613
5963
|
"introduced": "0.0.15",
|
|
5964
|
+
"deprecated": "0.6.0",
|
|
5965
|
+
"deleted": "0.8.0",
|
|
5614
5966
|
"replacement": "color.icon.discovery",
|
|
5615
5967
|
"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
5968
|
},
|
|
@@ -5622,6 +5974,8 @@ var tokens = [{
|
|
|
5622
5974
|
"group": "paint",
|
|
5623
5975
|
"state": "deleted",
|
|
5624
5976
|
"introduced": "0.0.15",
|
|
5977
|
+
"deprecated": "0.6.0",
|
|
5978
|
+
"deleted": "0.8.0",
|
|
5625
5979
|
"replacement": "color.icon.discovery",
|
|
5626
5980
|
"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
5981
|
},
|
|
@@ -5634,6 +5988,8 @@ var tokens = [{
|
|
|
5634
5988
|
"group": "paint",
|
|
5635
5989
|
"state": "deleted",
|
|
5636
5990
|
"introduced": "0.0.15",
|
|
5991
|
+
"deprecated": "0.6.0",
|
|
5992
|
+
"deleted": "0.8.0",
|
|
5637
5993
|
"replacement": "color.icon.success",
|
|
5638
5994
|
"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
5995
|
},
|
|
@@ -5645,6 +6001,8 @@ var tokens = [{
|
|
|
5645
6001
|
"group": "paint",
|
|
5646
6002
|
"state": "deleted",
|
|
5647
6003
|
"introduced": "0.0.15",
|
|
6004
|
+
"deprecated": "0.6.0",
|
|
6005
|
+
"deleted": "0.8.0",
|
|
5648
6006
|
"replacement": "color.icon.success",
|
|
5649
6007
|
"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
6008
|
},
|
|
@@ -5657,6 +6015,8 @@ var tokens = [{
|
|
|
5657
6015
|
"group": "paint",
|
|
5658
6016
|
"state": "deleted",
|
|
5659
6017
|
"introduced": "0.0.15",
|
|
6018
|
+
"deprecated": "0.6.0",
|
|
6019
|
+
"deleted": "0.8.0",
|
|
5660
6020
|
"replacement": "color.icon.warning.[default]",
|
|
5661
6021
|
"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
6022
|
},
|
|
@@ -5668,6 +6028,8 @@ var tokens = [{
|
|
|
5668
6028
|
"group": "paint",
|
|
5669
6029
|
"state": "deleted",
|
|
5670
6030
|
"introduced": "0.0.15",
|
|
6031
|
+
"deprecated": "0.6.0",
|
|
6032
|
+
"deleted": "0.8.0",
|
|
5671
6033
|
"replacement": "color.icon.warning.[default]",
|
|
5672
6034
|
"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
6035
|
},
|
|
@@ -5680,6 +6042,8 @@ var tokens = [{
|
|
|
5680
6042
|
"group": "paint",
|
|
5681
6043
|
"state": "deleted",
|
|
5682
6044
|
"introduced": "0.1.0",
|
|
6045
|
+
"deprecated": "0.6.0",
|
|
6046
|
+
"deleted": "0.8.0",
|
|
5683
6047
|
"replacement": "color.interaction.hovered",
|
|
5684
6048
|
"description": "Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars."
|
|
5685
6049
|
},
|
|
@@ -5691,6 +6055,8 @@ var tokens = [{
|
|
|
5691
6055
|
"group": "paint",
|
|
5692
6056
|
"state": "deleted",
|
|
5693
6057
|
"introduced": "0.1.0",
|
|
6058
|
+
"deprecated": "0.6.0",
|
|
6059
|
+
"deleted": "0.8.0",
|
|
5694
6060
|
"replacement": "color.interaction.hovered",
|
|
5695
6061
|
"description": "Use as a background overlay for elements in a hover state when their background color cannot change, such as avatars."
|
|
5696
6062
|
},
|
|
@@ -5703,6 +6069,8 @@ var tokens = [{
|
|
|
5703
6069
|
"group": "paint",
|
|
5704
6070
|
"state": "deleted",
|
|
5705
6071
|
"introduced": "0.1.0",
|
|
6072
|
+
"deprecated": "0.6.0",
|
|
6073
|
+
"deleted": "0.8.0",
|
|
5706
6074
|
"replacement": "color.interaction.pressed",
|
|
5707
6075
|
"description": "Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars."
|
|
5708
6076
|
},
|
|
@@ -5714,6 +6082,8 @@ var tokens = [{
|
|
|
5714
6082
|
"group": "paint",
|
|
5715
6083
|
"state": "deleted",
|
|
5716
6084
|
"introduced": "0.1.0",
|
|
6085
|
+
"deprecated": "0.6.0",
|
|
6086
|
+
"deleted": "0.8.0",
|
|
5717
6087
|
"replacement": "color.interaction.pressed",
|
|
5718
6088
|
"description": "Use as a background overlay for elements in a pressed state when their background color cannot change, such as avatars."
|
|
5719
6089
|
},
|
|
@@ -5726,6 +6096,8 @@ var tokens = [{
|
|
|
5726
6096
|
"group": "shadow",
|
|
5727
6097
|
"state": "deleted",
|
|
5728
6098
|
"introduced": "0.6.0",
|
|
6099
|
+
"deprecated": "0.6.0",
|
|
6100
|
+
"deleted": "0.8.0",
|
|
5729
6101
|
"replacement": "elevation.shadow.raised",
|
|
5730
6102
|
"description": "\nUse for the box shadow of raised card elements, such as Jira cards on a Kanban board.\n\nCombine with background.overlay"
|
|
5731
6103
|
},
|
|
@@ -5753,6 +6125,8 @@ var tokens = [{
|
|
|
5753
6125
|
"group": "shadow",
|
|
5754
6126
|
"state": "deleted",
|
|
5755
6127
|
"introduced": "0.6.0",
|
|
6128
|
+
"deprecated": "0.6.0",
|
|
6129
|
+
"deleted": "0.8.0",
|
|
5756
6130
|
"replacement": "elevation.shadow.raised",
|
|
5757
6131
|
"description": "\nUse for the box shadow of raised card elements, such as Jira cards on a Kanban board.\n\nCombine with background.overlay"
|
|
5758
6132
|
},
|
|
@@ -5781,6 +6155,8 @@ var tokens = [{
|
|
|
5781
6155
|
"group": "shadow",
|
|
5782
6156
|
"state": "deleted",
|
|
5783
6157
|
"introduced": "0.6.0",
|
|
6158
|
+
"deprecated": "0.6.0",
|
|
6159
|
+
"deleted": "0.8.0",
|
|
5784
6160
|
"replacement": "elevation.shadow.overlay",
|
|
5785
6161
|
"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
6162
|
},
|
|
@@ -5808,6 +6184,8 @@ var tokens = [{
|
|
|
5808
6184
|
"group": "shadow",
|
|
5809
6185
|
"state": "deleted",
|
|
5810
6186
|
"introduced": "0.6.0",
|
|
6187
|
+
"deprecated": "0.6.0",
|
|
6188
|
+
"deleted": "0.8.0",
|
|
5811
6189
|
"replacement": "elevation.shadow.overlay",
|
|
5812
6190
|
"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
6191
|
},
|