@department-of-veterans-affairs/css-library 0.6.0 → 0.7.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{elements.css → base/headings.css} +17 -134
- package/dist/full.css +132 -120
- package/dist/tokens/css/variables.css +18 -1
- package/dist/tokens/json/variables.json +295 -0
- package/dist/tokens/scss/variables.scss +18 -1
- package/dist/uswds-typography.css +4224 -0
- package/package.json +4 -3
|
@@ -1702,6 +1702,196 @@
|
|
|
1702
1702
|
]
|
|
1703
1703
|
}
|
|
1704
1704
|
},
|
|
1705
|
+
"vads-color-action-surface-default-on-dark": {
|
|
1706
|
+
"*": {
|
|
1707
|
+
"value": "#58b4ff",
|
|
1708
|
+
"filePath": "tokens/color.json",
|
|
1709
|
+
"isSource": true,
|
|
1710
|
+
"original": {
|
|
1711
|
+
"value": "{uswds-system-color-blue-vivid-30}"
|
|
1712
|
+
},
|
|
1713
|
+
"name": "vads-color-action-surface-default-on-dark",
|
|
1714
|
+
"attributes": {
|
|
1715
|
+
"category": "vads-color-action-surface-default-on-dark",
|
|
1716
|
+
"type": "*"
|
|
1717
|
+
},
|
|
1718
|
+
"path": [
|
|
1719
|
+
"vads-color-action-surface-default-on-dark",
|
|
1720
|
+
"*"
|
|
1721
|
+
]
|
|
1722
|
+
}
|
|
1723
|
+
},
|
|
1724
|
+
"vads-color-action-surface-destructive-on-dark": {
|
|
1725
|
+
"*": {
|
|
1726
|
+
"value": "#fb5a47",
|
|
1727
|
+
"filePath": "tokens/color.json",
|
|
1728
|
+
"isSource": true,
|
|
1729
|
+
"original": {
|
|
1730
|
+
"value": "{uswds-system-color-red-vivid-40}"
|
|
1731
|
+
},
|
|
1732
|
+
"name": "vads-color-action-surface-destructive-on-dark",
|
|
1733
|
+
"attributes": {
|
|
1734
|
+
"category": "vads-color-action-surface-destructive-on-dark",
|
|
1735
|
+
"type": "*"
|
|
1736
|
+
},
|
|
1737
|
+
"path": [
|
|
1738
|
+
"vads-color-action-surface-destructive-on-dark",
|
|
1739
|
+
"*"
|
|
1740
|
+
]
|
|
1741
|
+
}
|
|
1742
|
+
},
|
|
1743
|
+
"vads-color-action-border-base-active-on-light": {
|
|
1744
|
+
"*": {
|
|
1745
|
+
"value": "#2e2e2e",
|
|
1746
|
+
"filePath": "tokens/color.json",
|
|
1747
|
+
"isSource": true,
|
|
1748
|
+
"original": {
|
|
1749
|
+
"value": "{uswds-system-color-gray-80}"
|
|
1750
|
+
},
|
|
1751
|
+
"name": "vads-color-action-border-base-active-on-light",
|
|
1752
|
+
"attributes": {
|
|
1753
|
+
"category": "vads-color-action-border-base-active-on-light",
|
|
1754
|
+
"type": "*"
|
|
1755
|
+
},
|
|
1756
|
+
"path": [
|
|
1757
|
+
"vads-color-action-border-base-active-on-light",
|
|
1758
|
+
"*"
|
|
1759
|
+
]
|
|
1760
|
+
}
|
|
1761
|
+
},
|
|
1762
|
+
"vads-color-action-border-base-active-on-dark": {
|
|
1763
|
+
"*": {
|
|
1764
|
+
"value": "#adadad",
|
|
1765
|
+
"filePath": "tokens/color.json",
|
|
1766
|
+
"isSource": true,
|
|
1767
|
+
"original": {
|
|
1768
|
+
"value": "{uswds-system-color-gray-30}"
|
|
1769
|
+
},
|
|
1770
|
+
"name": "vads-color-action-border-base-active-on-dark",
|
|
1771
|
+
"attributes": {
|
|
1772
|
+
"category": "vads-color-action-border-base-active-on-dark",
|
|
1773
|
+
"type": "*"
|
|
1774
|
+
},
|
|
1775
|
+
"path": [
|
|
1776
|
+
"vads-color-action-border-base-active-on-dark",
|
|
1777
|
+
"*"
|
|
1778
|
+
]
|
|
1779
|
+
}
|
|
1780
|
+
},
|
|
1781
|
+
"vads-color-feedback-surface-info-on-dark": {
|
|
1782
|
+
"*": {
|
|
1783
|
+
"value": "#112f4e",
|
|
1784
|
+
"filePath": "tokens/color.json",
|
|
1785
|
+
"isSource": true,
|
|
1786
|
+
"original": {
|
|
1787
|
+
"value": "{uswds-system-color-blue-vivid-80}"
|
|
1788
|
+
},
|
|
1789
|
+
"name": "vads-color-feedback-surface-info-on-dark",
|
|
1790
|
+
"attributes": {
|
|
1791
|
+
"category": "vads-color-feedback-surface-info-on-dark",
|
|
1792
|
+
"type": "*"
|
|
1793
|
+
},
|
|
1794
|
+
"path": [
|
|
1795
|
+
"vads-color-feedback-surface-info-on-dark",
|
|
1796
|
+
"*"
|
|
1797
|
+
]
|
|
1798
|
+
}
|
|
1799
|
+
},
|
|
1800
|
+
"vads-color-feedback-surface-success-on-dark": {
|
|
1801
|
+
"*": {
|
|
1802
|
+
"value": "#19311e",
|
|
1803
|
+
"filePath": "tokens/color.json",
|
|
1804
|
+
"isSource": true,
|
|
1805
|
+
"original": {
|
|
1806
|
+
"value": "{uswds-system-color-green-cool-vivid-80}"
|
|
1807
|
+
},
|
|
1808
|
+
"name": "vads-color-feedback-surface-success-on-dark",
|
|
1809
|
+
"attributes": {
|
|
1810
|
+
"category": "vads-color-feedback-surface-success-on-dark",
|
|
1811
|
+
"type": "*"
|
|
1812
|
+
},
|
|
1813
|
+
"path": [
|
|
1814
|
+
"vads-color-feedback-surface-success-on-dark",
|
|
1815
|
+
"*"
|
|
1816
|
+
]
|
|
1817
|
+
}
|
|
1818
|
+
},
|
|
1819
|
+
"vads-color-feedback-surface-warning-on-dark": {
|
|
1820
|
+
"*": {
|
|
1821
|
+
"value": "#422d19",
|
|
1822
|
+
"filePath": "tokens/color.json",
|
|
1823
|
+
"isSource": true,
|
|
1824
|
+
"original": {
|
|
1825
|
+
"value": "{uswds-system-color-yellow-vivid-80}"
|
|
1826
|
+
},
|
|
1827
|
+
"name": "vads-color-feedback-surface-warning-on-dark",
|
|
1828
|
+
"attributes": {
|
|
1829
|
+
"category": "vads-color-feedback-surface-warning-on-dark",
|
|
1830
|
+
"type": "*"
|
|
1831
|
+
},
|
|
1832
|
+
"path": [
|
|
1833
|
+
"vads-color-feedback-surface-warning-on-dark",
|
|
1834
|
+
"*"
|
|
1835
|
+
]
|
|
1836
|
+
}
|
|
1837
|
+
},
|
|
1838
|
+
"vads-color-feedback-surface-error-on-dark": {
|
|
1839
|
+
"*": {
|
|
1840
|
+
"value": "#5c1111",
|
|
1841
|
+
"filePath": "tokens/color.json",
|
|
1842
|
+
"isSource": true,
|
|
1843
|
+
"original": {
|
|
1844
|
+
"value": "{uswds-system-color-red-vivid-80}"
|
|
1845
|
+
},
|
|
1846
|
+
"name": "vads-color-feedback-surface-error-on-dark",
|
|
1847
|
+
"attributes": {
|
|
1848
|
+
"category": "vads-color-feedback-surface-error-on-dark",
|
|
1849
|
+
"type": "*"
|
|
1850
|
+
},
|
|
1851
|
+
"path": [
|
|
1852
|
+
"vads-color-feedback-surface-error-on-dark",
|
|
1853
|
+
"*"
|
|
1854
|
+
]
|
|
1855
|
+
}
|
|
1856
|
+
},
|
|
1857
|
+
"vads-color-feedback-border-warning-on-dark": {
|
|
1858
|
+
"*": {
|
|
1859
|
+
"value": "#face00",
|
|
1860
|
+
"filePath": "tokens/color.json",
|
|
1861
|
+
"isSource": true,
|
|
1862
|
+
"original": {
|
|
1863
|
+
"value": "{uswds-system-color-yellow-vivid-20}"
|
|
1864
|
+
},
|
|
1865
|
+
"name": "vads-color-feedback-border-warning-on-dark",
|
|
1866
|
+
"attributes": {
|
|
1867
|
+
"category": "vads-color-feedback-border-warning-on-dark",
|
|
1868
|
+
"type": "*"
|
|
1869
|
+
},
|
|
1870
|
+
"path": [
|
|
1871
|
+
"vads-color-feedback-border-warning-on-dark",
|
|
1872
|
+
"*"
|
|
1873
|
+
]
|
|
1874
|
+
}
|
|
1875
|
+
},
|
|
1876
|
+
"vads-color-bg-default-on-dark": {
|
|
1877
|
+
"*": {
|
|
1878
|
+
"value": "#171716",
|
|
1879
|
+
"filePath": "tokens/color.json",
|
|
1880
|
+
"isSource": true,
|
|
1881
|
+
"original": {
|
|
1882
|
+
"value": "{uswds-system-color-gray-warm-90}"
|
|
1883
|
+
},
|
|
1884
|
+
"name": "vads-color-bg-default-on-dark",
|
|
1885
|
+
"attributes": {
|
|
1886
|
+
"category": "vads-color-bg-default-on-dark",
|
|
1887
|
+
"type": "*"
|
|
1888
|
+
},
|
|
1889
|
+
"path": [
|
|
1890
|
+
"vads-color-bg-default-on-dark",
|
|
1891
|
+
"*"
|
|
1892
|
+
]
|
|
1893
|
+
}
|
|
1894
|
+
},
|
|
1705
1895
|
"font": {
|
|
1706
1896
|
"family": {
|
|
1707
1897
|
"sans": {
|
|
@@ -2828,6 +3018,21 @@
|
|
|
2828
3018
|
"uswds-system-color-blue-90"
|
|
2829
3019
|
]
|
|
2830
3020
|
},
|
|
3021
|
+
"uswds-system-color-blue-vivid-30": {
|
|
3022
|
+
"value": "#58b4ff",
|
|
3023
|
+
"filePath": "tokens/uswds.json",
|
|
3024
|
+
"isSource": true,
|
|
3025
|
+
"original": {
|
|
3026
|
+
"value": "#58b4ff"
|
|
3027
|
+
},
|
|
3028
|
+
"name": "uswds-system-color-blue-vivid-30",
|
|
3029
|
+
"attributes": {
|
|
3030
|
+
"category": "uswds-system-color-blue-vivid-30"
|
|
3031
|
+
},
|
|
3032
|
+
"path": [
|
|
3033
|
+
"uswds-system-color-blue-vivid-30"
|
|
3034
|
+
]
|
|
3035
|
+
},
|
|
2831
3036
|
"uswds-system-color-blue-vivid-50": {
|
|
2832
3037
|
"value": "#0076d6",
|
|
2833
3038
|
"filePath": "tokens/uswds.json",
|
|
@@ -2873,6 +3078,21 @@
|
|
|
2873
3078
|
"uswds-system-color-blue-vivid-70"
|
|
2874
3079
|
]
|
|
2875
3080
|
},
|
|
3081
|
+
"uswds-system-color-blue-vivid-80": {
|
|
3082
|
+
"value": "#112f4e",
|
|
3083
|
+
"filePath": "tokens/uswds.json",
|
|
3084
|
+
"isSource": true,
|
|
3085
|
+
"original": {
|
|
3086
|
+
"value": "#112f4e"
|
|
3087
|
+
},
|
|
3088
|
+
"name": "uswds-system-color-blue-vivid-80",
|
|
3089
|
+
"attributes": {
|
|
3090
|
+
"category": "uswds-system-color-blue-vivid-80"
|
|
3091
|
+
},
|
|
3092
|
+
"path": [
|
|
3093
|
+
"uswds-system-color-blue-vivid-80"
|
|
3094
|
+
]
|
|
3095
|
+
},
|
|
2876
3096
|
"uswds-system-color-blue-cool-60": {
|
|
2877
3097
|
"value": "#2e6276",
|
|
2878
3098
|
"filePath": "tokens/uswds.json",
|
|
@@ -3668,6 +3888,21 @@
|
|
|
3668
3888
|
"uswds-system-color-gray-warm-70"
|
|
3669
3889
|
]
|
|
3670
3890
|
},
|
|
3891
|
+
"uswds-system-color-gray-warm-90": {
|
|
3892
|
+
"value": "#171716",
|
|
3893
|
+
"filePath": "tokens/uswds.json",
|
|
3894
|
+
"isSource": true,
|
|
3895
|
+
"original": {
|
|
3896
|
+
"value": "#171716"
|
|
3897
|
+
},
|
|
3898
|
+
"name": "uswds-system-color-gray-warm-90",
|
|
3899
|
+
"attributes": {
|
|
3900
|
+
"category": "uswds-system-color-gray-warm-90"
|
|
3901
|
+
},
|
|
3902
|
+
"path": [
|
|
3903
|
+
"uswds-system-color-gray-warm-90"
|
|
3904
|
+
]
|
|
3905
|
+
},
|
|
3671
3906
|
"uswds-system-color-green-warm-50": {
|
|
3672
3907
|
"value": "#6f7a41",
|
|
3673
3908
|
"filePath": "tokens/uswds.json",
|
|
@@ -3818,6 +4053,21 @@
|
|
|
3818
4053
|
"uswds-system-color-green-cool-vivid-70"
|
|
3819
4054
|
]
|
|
3820
4055
|
},
|
|
4056
|
+
"uswds-system-color-green-cool-vivid-80": {
|
|
4057
|
+
"value": "#19311e",
|
|
4058
|
+
"filePath": "tokens/uswds.json",
|
|
4059
|
+
"isSource": true,
|
|
4060
|
+
"original": {
|
|
4061
|
+
"value": "#19311e"
|
|
4062
|
+
},
|
|
4063
|
+
"name": "uswds-system-color-green-cool-vivid-80",
|
|
4064
|
+
"attributes": {
|
|
4065
|
+
"category": "uswds-system-color-green-cool-vivid-80"
|
|
4066
|
+
},
|
|
4067
|
+
"path": [
|
|
4068
|
+
"uswds-system-color-green-cool-vivid-80"
|
|
4069
|
+
]
|
|
4070
|
+
},
|
|
3821
4071
|
"uswds-system-color-orange-40": {
|
|
3822
4072
|
"value": "#dd7533",
|
|
3823
4073
|
"filePath": "tokens/uswds.json",
|
|
@@ -3908,6 +4158,21 @@
|
|
|
3908
4158
|
"uswds-system-color-red-70"
|
|
3909
4159
|
]
|
|
3910
4160
|
},
|
|
4161
|
+
"uswds-system-color-red-vivid-40": {
|
|
4162
|
+
"value": "#fb5a47",
|
|
4163
|
+
"filePath": "tokens/uswds.json",
|
|
4164
|
+
"isSource": true,
|
|
4165
|
+
"original": {
|
|
4166
|
+
"value": "#fb5a47"
|
|
4167
|
+
},
|
|
4168
|
+
"name": "uswds-system-color-red-vivid-40",
|
|
4169
|
+
"attributes": {
|
|
4170
|
+
"category": "uswds-system-color-red-vivid-40"
|
|
4171
|
+
},
|
|
4172
|
+
"path": [
|
|
4173
|
+
"uswds-system-color-red-vivid-40"
|
|
4174
|
+
]
|
|
4175
|
+
},
|
|
3911
4176
|
"uswds-system-color-red-vivid-60": {
|
|
3912
4177
|
"value": "#b50909",
|
|
3913
4178
|
"filePath": "tokens/uswds.json",
|
|
@@ -3938,6 +4203,21 @@
|
|
|
3938
4203
|
"uswds-system-color-red-vivid-70"
|
|
3939
4204
|
]
|
|
3940
4205
|
},
|
|
4206
|
+
"uswds-system-color-red-vivid-80": {
|
|
4207
|
+
"value": "#5c1111",
|
|
4208
|
+
"filePath": "tokens/uswds.json",
|
|
4209
|
+
"isSource": true,
|
|
4210
|
+
"original": {
|
|
4211
|
+
"value": "#5c1111"
|
|
4212
|
+
},
|
|
4213
|
+
"name": "uswds-system-color-red-vivid-80",
|
|
4214
|
+
"attributes": {
|
|
4215
|
+
"category": "uswds-system-color-red-vivid-80"
|
|
4216
|
+
},
|
|
4217
|
+
"path": [
|
|
4218
|
+
"uswds-system-color-red-vivid-80"
|
|
4219
|
+
]
|
|
4220
|
+
},
|
|
3941
4221
|
"uswds-system-color-red-cool-vivid-10": {
|
|
3942
4222
|
"value": "#f8dfe2",
|
|
3943
4223
|
"filePath": "tokens/uswds.json",
|
|
@@ -4163,6 +4443,21 @@
|
|
|
4163
4443
|
"uswds-system-color-yellow-vivid-20"
|
|
4164
4444
|
]
|
|
4165
4445
|
},
|
|
4446
|
+
"uswds-system-color-yellow-vivid-80": {
|
|
4447
|
+
"value": "#422d19",
|
|
4448
|
+
"filePath": "tokens/uswds.json",
|
|
4449
|
+
"isSource": true,
|
|
4450
|
+
"original": {
|
|
4451
|
+
"value": "#422d19"
|
|
4452
|
+
},
|
|
4453
|
+
"name": "uswds-system-color-yellow-vivid-80",
|
|
4454
|
+
"attributes": {
|
|
4455
|
+
"category": "uswds-system-color-yellow-vivid-80"
|
|
4456
|
+
},
|
|
4457
|
+
"path": [
|
|
4458
|
+
"uswds-system-color-yellow-vivid-80"
|
|
4459
|
+
]
|
|
4460
|
+
},
|
|
4166
4461
|
"uswds-system-color-indigo-cool-60": {
|
|
4167
4462
|
"value": "#3f57a6",
|
|
4168
4463
|
"filePath": "tokens/uswds.json",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Thu,
|
|
3
|
+
// Generated on Thu, 30 May 2024 19:16:32 GMT
|
|
4
4
|
|
|
5
5
|
$xsmall-screen: 320px;
|
|
6
6
|
$small-screen: 481px;
|
|
@@ -93,6 +93,16 @@ $vads-color-green-lighter: #b4d0b9;
|
|
|
93
93
|
$vads-color-blue-cool: #345d96;
|
|
94
94
|
$vads-color-blue-cool-light: #4a77b4;
|
|
95
95
|
$vads-color-blue-cool-lightest: #98afd2;
|
|
96
|
+
$vads-color-action-surface-default-on-dark: #58b4ff;
|
|
97
|
+
$vads-color-action-surface-destructive-on-dark: #fb5a47;
|
|
98
|
+
$vads-color-action-border-base-active-on-light: #2e2e2e;
|
|
99
|
+
$vads-color-action-border-base-active-on-dark: #adadad;
|
|
100
|
+
$vads-color-feedback-surface-info-on-dark: #112f4e;
|
|
101
|
+
$vads-color-feedback-surface-success-on-dark: #19311e;
|
|
102
|
+
$vads-color-feedback-surface-warning-on-dark: #422d19;
|
|
103
|
+
$vads-color-feedback-surface-error-on-dark: #5c1111;
|
|
104
|
+
$vads-color-feedback-border-warning-on-dark: #face00;
|
|
105
|
+
$vads-color-bg-default-on-dark: #171716;
|
|
96
106
|
$font-family-sans: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
|
|
97
107
|
$font-family-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
98
108
|
$font-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
@@ -157,9 +167,11 @@ $uswds-system-color-blue-60: #2c608a;
|
|
|
157
167
|
$uswds-system-color-blue-70: #274863;
|
|
158
168
|
$uswds-system-color-blue-80: #1f303e;
|
|
159
169
|
$uswds-system-color-blue-90: #11181d;
|
|
170
|
+
$uswds-system-color-blue-vivid-30: #58b4ff;
|
|
160
171
|
$uswds-system-color-blue-vivid-50: #0076d6;
|
|
161
172
|
$uswds-system-color-blue-vivid-60: #005ea2;
|
|
162
173
|
$uswds-system-color-blue-vivid-70: #0b4778;
|
|
174
|
+
$uswds-system-color-blue-vivid-80: #112f4e;
|
|
163
175
|
$uswds-system-color-blue-cool-60: #2e6276;
|
|
164
176
|
$uswds-system-color-blue-cool-vivid-5: #e1f3f8;
|
|
165
177
|
$uswds-system-color-blue-cool-vivid-20: #97d4ea;
|
|
@@ -213,6 +225,7 @@ $uswds-system-color-gray-cool-80: #2d2e2f;
|
|
|
213
225
|
$uswds-system-color-gray-cool-90: #1c1d1f;
|
|
214
226
|
$uswds-system-color-gray-warm-10: #e6e6e2;
|
|
215
227
|
$uswds-system-color-gray-warm-70: #454540;
|
|
228
|
+
$uswds-system-color-gray-warm-90: #171716;
|
|
216
229
|
$uswds-system-color-green-warm-50: #6f7a41;
|
|
217
230
|
$uswds-system-color-green-cool-5: #ecf3ec;
|
|
218
231
|
$uswds-system-color-green-cool-20: #b4d0b9;
|
|
@@ -223,14 +236,17 @@ $uswds-system-color-green-cool-vivid-40: #00a91c;
|
|
|
223
236
|
$uswds-system-color-green-cool-vivid-50: #008817;
|
|
224
237
|
$uswds-system-color-green-cool-vivid-60: #216e1f;
|
|
225
238
|
$uswds-system-color-green-cool-vivid-70: #154c21;
|
|
239
|
+
$uswds-system-color-green-cool-vivid-80: #19311e;
|
|
226
240
|
$uswds-system-color-orange-40: #dd7533;
|
|
227
241
|
$uswds-system-color-orange-warm-50: #bd5727;
|
|
228
242
|
$uswds-system-color-red-30: #f2938c;
|
|
229
243
|
$uswds-system-color-red-50: #d83933;
|
|
230
244
|
$uswds-system-color-red-60: #a23737;
|
|
231
245
|
$uswds-system-color-red-70: #6f3331;
|
|
246
|
+
$uswds-system-color-red-vivid-40: #fb5a47;
|
|
232
247
|
$uswds-system-color-red-vivid-60: #b50909;
|
|
233
248
|
$uswds-system-color-red-vivid-70: #8b0a03;
|
|
249
|
+
$uswds-system-color-red-vivid-80: #5c1111;
|
|
234
250
|
$uswds-system-color-red-cool-vivid-10: #f8dfe2;
|
|
235
251
|
$uswds-system-color-red-cool-vivid-50: #e41d3d;
|
|
236
252
|
$uswds-system-color-red-cool-vivid-60: #b21d38;
|
|
@@ -246,5 +262,6 @@ $uswds-system-color-yellow-5: #faf3d1;
|
|
|
246
262
|
$uswds-system-color-yellow-50: #8a7237;
|
|
247
263
|
$uswds-system-color-yellow-vivid-10: #fee685;
|
|
248
264
|
$uswds-system-color-yellow-vivid-20: #face00;
|
|
265
|
+
$uswds-system-color-yellow-vivid-80: #422d19;
|
|
249
266
|
$uswds-system-color-indigo-cool-60: #3f57a6;
|
|
250
267
|
$uswds-system-color-mint-cool-50: #40807e;
|