@department-of-veterans-affairs/css-library 0.13.1 → 0.14.0

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.
Files changed (11) hide show
  1. package/dist/stylesheets/base/fonts.css +22 -15
  2. package/dist/stylesheets/base/headings.css +22 -15
  3. package/dist/stylesheets/base/va.css +22 -15
  4. package/dist/stylesheets/core.css +44 -30
  5. package/dist/stylesheets/modules/m-action-link.css +22 -15
  6. package/dist/stylesheets/uswds-typography.css +66 -45
  7. package/dist/stylesheets/utilities.css +747 -664
  8. package/dist/tokens/css/variables.css +8 -1
  9. package/dist/tokens/json/variables.json +153 -0
  10. package/dist/tokens/scss/variables.scss +8 -1
  11. package/package.json +2 -2
package/dist/stylesheets/base/fonts.css CHANGED
@@ -505,6 +505,15 @@ https://designsystem.digital.gov/utilities
505
505
  */
506
506
  /*
507
507
  ----------------------------------------
508
+ map-collect()
509
+ ----------------------------------------
510
+ Collect multiple maps into a single
511
+ large map
512
+ source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
513
+ ----------------------------------------
514
+ */
515
+ /*
516
+ ----------------------------------------
508
517
  Utility breakpoints
509
518
  ----------------------------------------
510
519
  Which breakpoints does your project
@@ -601,15 +610,6 @@ being passed in a mixin's props
601
610
  */
602
611
  /*
603
612
  ----------------------------------------
604
- map-collect()
605
- ----------------------------------------
606
- Collect multiple maps into a single
607
- large map
608
- source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
609
- ----------------------------------------
610
- */
611
- /*
612
- ----------------------------------------
613
613
  map-deep-get()
614
614
  ----------------------------------------
615
615
  @author Hugo Giraudel
@@ -762,18 +762,25 @@ Converts a value in px to a value in rem
762
762
  */
763
763
  /*
764
764
  ----------------------------------------
765
- rem-to-px()
765
+ rem-to-user-em()
766
766
  ----------------------------------------
767
- Converts a value in rem to a value in px
767
+ Converts a value in rem to a value in
768
+ [user-settings] em for use in media
769
+ queries
768
770
  ----------------------------------------
769
771
  */
770
772
  /*
771
773
  ----------------------------------------
772
- rem-to-user-em()
774
+ px-to-user-em()
773
775
  ----------------------------------------
774
- Converts a value in rem to a value in
775
- [user-settings] em for use in media
776
- queries
776
+ Converts a value in px to a value in em
777
+ ----------------------------------------
778
+ */
779
+ /*
780
+ ----------------------------------------
781
+ rem-to-px()
782
+ ----------------------------------------
783
+ Converts a value in rem to a value in px
777
784
  ----------------------------------------
778
785
  */
779
786
  /*
package/dist/stylesheets/base/headings.css CHANGED
@@ -499,6 +499,15 @@ https://designsystem.digital.gov/utilities
499
499
  */
500
500
  /*
501
501
  ----------------------------------------
502
+ map-collect()
503
+ ----------------------------------------
504
+ Collect multiple maps into a single
505
+ large map
506
+ source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
507
+ ----------------------------------------
508
+ */
509
+ /*
510
+ ----------------------------------------
502
511
  Utility breakpoints
503
512
  ----------------------------------------
504
513
  Which breakpoints does your project
@@ -596,15 +605,6 @@ being passed in a mixin's props
596
605
  */
597
606
  /*
598
607
  ----------------------------------------
599
- map-collect()
600
- ----------------------------------------
601
- Collect multiple maps into a single
602
- large map
603
- source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
604
- ----------------------------------------
605
- */
606
- /*
607
- ----------------------------------------
608
608
  map-deep-get()
609
609
  ----------------------------------------
610
610
  @author Hugo Giraudel
@@ -1146,18 +1146,25 @@ Converts a value in px to a value in rem
1146
1146
  */
1147
1147
  /*
1148
1148
  ----------------------------------------
1149
- rem-to-px()
1149
+ rem-to-user-em()
1150
1150
  ----------------------------------------
1151
- Converts a value in rem to a value in px
1151
+ Converts a value in rem to a value in
1152
+ [user-settings] em for use in media
1153
+ queries
1152
1154
  ----------------------------------------
1153
1155
  */
1154
1156
  /*
1155
1157
  ----------------------------------------
1156
- rem-to-user-em()
1158
+ px-to-user-em()
1157
1159
  ----------------------------------------
1158
- Converts a value in rem to a value in
1159
- [user-settings] em for use in media
1160
- queries
1160
+ Converts a value in px to a value in em
1161
+ ----------------------------------------
1162
+ */
1163
+ /*
1164
+ ----------------------------------------
1165
+ rem-to-px()
1166
+ ----------------------------------------
1167
+ Converts a value in rem to a value in px
1161
1168
  ----------------------------------------
1162
1169
  */
1163
1170
  /*
package/dist/stylesheets/base/va.css CHANGED
@@ -599,6 +599,15 @@ https://designsystem.digital.gov/utilities
599
599
  */
600
600
  /*
601
601
  ----------------------------------------
602
+ map-collect()
603
+ ----------------------------------------
604
+ Collect multiple maps into a single
605
+ large map
606
+ source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
607
+ ----------------------------------------
608
+ */
609
+ /*
610
+ ----------------------------------------
602
611
  Utility breakpoints
603
612
  ----------------------------------------
604
613
  Which breakpoints does your project
@@ -696,15 +705,6 @@ being passed in a mixin's props
696
705
  */
697
706
  /*
698
707
  ----------------------------------------
699
- map-collect()
700
- ----------------------------------------
701
- Collect multiple maps into a single
702
- large map
703
- source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
704
- ----------------------------------------
705
- */
706
- /*
707
- ----------------------------------------
708
708
  map-deep-get()
709
709
  ----------------------------------------
710
710
  @author Hugo Giraudel
@@ -1246,18 +1246,25 @@ Converts a value in px to a value in rem
1246
1246
  */
1247
1247
  /*
1248
1248
  ----------------------------------------
1249
- rem-to-px()
1249
+ rem-to-user-em()
1250
1250
  ----------------------------------------
1251
- Converts a value in rem to a value in px
1251
+ Converts a value in rem to a value in
1252
+ [user-settings] em for use in media
1253
+ queries
1252
1254
  ----------------------------------------
1253
1255
  */
1254
1256
  /*
1255
1257
  ----------------------------------------
1256
- rem-to-user-em()
1258
+ px-to-user-em()
1257
1259
  ----------------------------------------
1258
- Converts a value in rem to a value in
1259
- [user-settings] em for use in media
1260
- queries
1260
+ Converts a value in px to a value in em
1261
+ ----------------------------------------
1262
+ */
1263
+ /*
1264
+ ----------------------------------------
1265
+ rem-to-px()
1266
+ ----------------------------------------
1267
+ Converts a value in rem to a value in px
1261
1268
  ----------------------------------------
1262
1269
  */
1263
1270
  /*
package/dist/stylesheets/core.css CHANGED
@@ -500,6 +500,15 @@ https://designsystem.digital.gov/utilities
500
500
  */
501
501
  /*
502
502
  ----------------------------------------
503
+ map-collect()
504
+ ----------------------------------------
505
+ Collect multiple maps into a single
506
+ large map
507
+ source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
508
+ ----------------------------------------
509
+ */
510
+ /*
511
+ ----------------------------------------
503
512
  Utility breakpoints
504
513
  ----------------------------------------
505
514
  Which breakpoints does your project
@@ -596,15 +605,6 @@ being passed in a mixin's props
596
605
  */
597
606
  /*
598
607
  ----------------------------------------
599
- map-collect()
600
- ----------------------------------------
601
- Collect multiple maps into a single
602
- large map
603
- source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
604
- ----------------------------------------
605
- */
606
- /*
607
- ----------------------------------------
608
608
  map-deep-get()
609
609
  ----------------------------------------
610
610
  @author Hugo Giraudel
@@ -757,18 +757,25 @@ Converts a value in px to a value in rem
757
757
  */
758
758
  /*
759
759
  ----------------------------------------
760
- rem-to-px()
760
+ rem-to-user-em()
761
761
  ----------------------------------------
762
- Converts a value in rem to a value in px
762
+ Converts a value in rem to a value in
763
+ [user-settings] em for use in media
764
+ queries
763
765
  ----------------------------------------
764
766
  */
765
767
  /*
766
768
  ----------------------------------------
767
- rem-to-user-em()
769
+ px-to-user-em()
768
770
  ----------------------------------------
769
- Converts a value in rem to a value in
770
- [user-settings] em for use in media
771
- queries
771
+ Converts a value in px to a value in em
772
+ ----------------------------------------
773
+ */
774
+ /*
775
+ ----------------------------------------
776
+ rem-to-px()
777
+ ----------------------------------------
778
+ Converts a value in rem to a value in px
772
779
  ----------------------------------------
773
780
  */
774
781
  /*
@@ -4800,6 +4807,15 @@ https://designsystem.digital.gov/utilities
4800
4807
  */
4801
4808
  /*
4802
4809
  ----------------------------------------
4810
+ map-collect()
4811
+ ----------------------------------------
4812
+ Collect multiple maps into a single
4813
+ large map
4814
+ source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
4815
+ ----------------------------------------
4816
+ */
4817
+ /*
4818
+ ----------------------------------------
4803
4819
  Utility breakpoints
4804
4820
  ----------------------------------------
4805
4821
  Which breakpoints does your project
@@ -4889,15 +4905,6 @@ being passed in a mixin's props
4889
4905
  */
4890
4906
  /*
4891
4907
  ----------------------------------------
4892
- map-collect()
4893
- ----------------------------------------
4894
- Collect multiple maps into a single
4895
- large map
4896
- source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
4897
- ----------------------------------------
4898
- */
4899
- /*
4900
- ----------------------------------------
4901
4908
  map-deep-get()
4902
4909
  ----------------------------------------
4903
4910
  @author Hugo Giraudel
@@ -5427,18 +5434,25 @@ Converts a value in px to a value in rem
5427
5434
  */
5428
5435
  /*
5429
5436
  ----------------------------------------
5430
- rem-to-px()
5437
+ rem-to-user-em()
5431
5438
  ----------------------------------------
5432
- Converts a value in rem to a value in px
5439
+ Converts a value in rem to a value in
5440
+ [user-settings] em for use in media
5441
+ queries
5433
5442
  ----------------------------------------
5434
5443
  */
5435
5444
  /*
5436
5445
  ----------------------------------------
5437
- rem-to-user-em()
5446
+ px-to-user-em()
5438
5447
  ----------------------------------------
5439
- Converts a value in rem to a value in
5440
- [user-settings] em for use in media
5441
- queries
5448
+ Converts a value in px to a value in em
5449
+ ----------------------------------------
5450
+ */
5451
+ /*
5452
+ ----------------------------------------
5453
+ rem-to-px()
5454
+ ----------------------------------------
5455
+ Converts a value in rem to a value in px
5442
5456
  ----------------------------------------
5443
5457
  */
5444
5458
  /*
package/dist/stylesheets/modules/m-action-link.css CHANGED
@@ -572,6 +572,15 @@ https://designsystem.digital.gov/utilities
572
572
  */
573
573
  /*
574
574
  ----------------------------------------
575
+ map-collect()
576
+ ----------------------------------------
577
+ Collect multiple maps into a single
578
+ large map
579
+ source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
580
+ ----------------------------------------
581
+ */
582
+ /*
583
+ ----------------------------------------
575
584
  Utility breakpoints
576
585
  ----------------------------------------
577
586
  Which breakpoints does your project
@@ -610,15 +619,6 @@ being passed in a mixin's props
610
619
  */
611
620
  /*
612
621
  ----------------------------------------
613
- map-collect()
614
- ----------------------------------------
615
- Collect multiple maps into a single
616
- large map
617
- source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
618
- ----------------------------------------
619
- */
620
- /*
621
- ----------------------------------------
622
622
  map-deep-get()
623
623
  ----------------------------------------
624
624
  @author Hugo Giraudel
@@ -1160,18 +1160,25 @@ Converts a value in px to a value in rem
1160
1160
  */
1161
1161
  /*
1162
1162
  ----------------------------------------
1163
- rem-to-px()
1163
+ rem-to-user-em()
1164
1164
  ----------------------------------------
1165
- Converts a value in rem to a value in px
1165
+ Converts a value in rem to a value in
1166
+ [user-settings] em for use in media
1167
+ queries
1166
1168
  ----------------------------------------
1167
1169
  */
1168
1170
  /*
1169
1171
  ----------------------------------------
1170
- rem-to-user-em()
1172
+ px-to-user-em()
1171
1173
  ----------------------------------------
1172
- Converts a value in rem to a value in
1173
- [user-settings] em for use in media
1174
- queries
1174
+ Converts a value in px to a value in em
1175
+ ----------------------------------------
1176
+ */
1177
+ /*
1178
+ ----------------------------------------
1179
+ rem-to-px()
1180
+ ----------------------------------------
1181
+ Converts a value in rem to a value in px
1175
1182
  ----------------------------------------
1176
1183
  */
1177
1184
  /*
package/dist/stylesheets/uswds-typography.css CHANGED
@@ -499,6 +499,15 @@ https://designsystem.digital.gov/utilities
499
499
  */
500
500
  /*
501
501
  ----------------------------------------
502
+ map-collect()
503
+ ----------------------------------------
504
+ Collect multiple maps into a single
505
+ large map
506
+ source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
507
+ ----------------------------------------
508
+ */
509
+ /*
510
+ ----------------------------------------
502
511
  Utility breakpoints
503
512
  ----------------------------------------
504
513
  Which breakpoints does your project
@@ -595,15 +604,6 @@ being passed in a mixin's props
595
604
  */
596
605
  /*
597
606
  ----------------------------------------
598
- map-collect()
599
- ----------------------------------------
600
- Collect multiple maps into a single
601
- large map
602
- source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
603
- ----------------------------------------
604
- */
605
- /*
606
- ----------------------------------------
607
607
  map-deep-get()
608
608
  ----------------------------------------
609
609
  @author Hugo Giraudel
@@ -756,18 +756,25 @@ Converts a value in px to a value in rem
756
756
  */
757
757
  /*
758
758
  ----------------------------------------
759
- rem-to-px()
759
+ rem-to-user-em()
760
760
  ----------------------------------------
761
- Converts a value in rem to a value in px
761
+ Converts a value in rem to a value in
762
+ [user-settings] em for use in media
763
+ queries
762
764
  ----------------------------------------
763
765
  */
764
766
  /*
765
767
  ----------------------------------------
766
- rem-to-user-em()
768
+ px-to-user-em()
767
769
  ----------------------------------------
768
- Converts a value in rem to a value in
769
- [user-settings] em for use in media
770
- queries
770
+ Converts a value in px to a value in em
771
+ ----------------------------------------
772
+ */
773
+ /*
774
+ ----------------------------------------
775
+ rem-to-px()
776
+ ----------------------------------------
777
+ Converts a value in rem to a value in px
771
778
  ----------------------------------------
772
779
  */
773
780
  /*
@@ -1936,6 +1943,15 @@ https://designsystem.digital.gov/utilities
1936
1943
  */
1937
1944
  /*
1938
1945
  ----------------------------------------
1946
+ map-collect()
1947
+ ----------------------------------------
1948
+ Collect multiple maps into a single
1949
+ large map
1950
+ source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
1951
+ ----------------------------------------
1952
+ */
1953
+ /*
1954
+ ----------------------------------------
1939
1955
  Utility breakpoints
1940
1956
  ----------------------------------------
1941
1957
  Which breakpoints does your project
@@ -2025,15 +2041,6 @@ being passed in a mixin's props
2025
2041
  */
2026
2042
  /*
2027
2043
  ----------------------------------------
2028
- map-collect()
2029
- ----------------------------------------
2030
- Collect multiple maps into a single
2031
- large map
2032
- source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
2033
- ----------------------------------------
2034
- */
2035
- /*
2036
- ----------------------------------------
2037
2044
  map-deep-get()
2038
2045
  ----------------------------------------
2039
2046
  @author Hugo Giraudel
@@ -2563,18 +2570,25 @@ Converts a value in px to a value in rem
2563
2570
  */
2564
2571
  /*
2565
2572
  ----------------------------------------
2566
- rem-to-px()
2573
+ rem-to-user-em()
2567
2574
  ----------------------------------------
2568
- Converts a value in rem to a value in px
2575
+ Converts a value in rem to a value in
2576
+ [user-settings] em for use in media
2577
+ queries
2569
2578
  ----------------------------------------
2570
2579
  */
2571
2580
  /*
2572
2581
  ----------------------------------------
2573
- rem-to-user-em()
2582
+ px-to-user-em()
2574
2583
  ----------------------------------------
2575
- Converts a value in rem to a value in
2576
- [user-settings] em for use in media
2577
- queries
2584
+ Converts a value in px to a value in em
2585
+ ----------------------------------------
2586
+ */
2587
+ /*
2588
+ ----------------------------------------
2589
+ rem-to-px()
2590
+ ----------------------------------------
2591
+ Converts a value in rem to a value in px
2578
2592
  ----------------------------------------
2579
2593
  */
2580
2594
  /*
@@ -3359,6 +3373,15 @@ https://designsystem.digital.gov/utilities
3359
3373
  */
3360
3374
  /*
3361
3375
  ----------------------------------------
3376
+ map-collect()
3377
+ ----------------------------------------
3378
+ Collect multiple maps into a single
3379
+ large map
3380
+ source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
3381
+ ----------------------------------------
3382
+ */
3383
+ /*
3384
+ ----------------------------------------
3362
3385
  Utility breakpoints
3363
3386
  ----------------------------------------
3364
3387
  Which breakpoints does your project
@@ -3397,15 +3420,6 @@ being passed in a mixin's props
3397
3420
  */
3398
3421
  /*
3399
3422
  ----------------------------------------
3400
- map-collect()
3401
- ----------------------------------------
3402
- Collect multiple maps into a single
3403
- large map
3404
- source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
3405
- ----------------------------------------
3406
- */
3407
- /*
3408
- ----------------------------------------
3409
3423
  map-deep-get()
3410
3424
  ----------------------------------------
3411
3425
  @author Hugo Giraudel
@@ -3935,18 +3949,25 @@ Converts a value in px to a value in rem
3935
3949
  */
3936
3950
  /*
3937
3951
  ----------------------------------------
3938
- rem-to-px()
3952
+ rem-to-user-em()
3939
3953
  ----------------------------------------
3940
- Converts a value in rem to a value in px
3954
+ Converts a value in rem to a value in
3955
+ [user-settings] em for use in media
3956
+ queries
3941
3957
  ----------------------------------------
3942
3958
  */
3943
3959
  /*
3944
3960
  ----------------------------------------
3945
- rem-to-user-em()
3961
+ px-to-user-em()
3946
3962
  ----------------------------------------
3947
- Converts a value in rem to a value in
3948
- [user-settings] em for use in media
3949
- queries
3963
+ Converts a value in px to a value in em
3964
+ ----------------------------------------
3965
+ */
3966
+ /*
3967
+ ----------------------------------------
3968
+ rem-to-px()
3969
+ ----------------------------------------
3970
+ Converts a value in rem to a value in px
3950
3971
  ----------------------------------------
3951
3972
  */
3952
3973
  /*