@department-of-veterans-affairs/css-library 0.21.0 → 0.21.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/stylesheets/base/va.css +0 -4
- package/dist/stylesheets/core.css +0 -4
- package/dist/stylesheets/modules/m-eyebrow.css +1 -0
- package/dist/stylesheets/modules/m-process-list.css +0 -5
- package/dist/tokens/css/variables.css +11 -1
- package/dist/tokens/json/variables.json +186 -0
- package/dist/tokens/scss/variables.scss +11 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 09 Apr 2025 20:34:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -145,6 +145,12 @@
|
|
|
145
145
|
--font-size-h5: 0.938rem;
|
|
146
146
|
--font-size-h6: 0.938rem;
|
|
147
147
|
--v3-font-base-size: 16px;
|
|
148
|
+
--vads-font-line-height-1: 1;
|
|
149
|
+
--vads-font-line-height-2: 1.15;
|
|
150
|
+
--vads-font-line-height-3: 1.35;
|
|
151
|
+
--vads-font-line-height-4: 1.5;
|
|
152
|
+
--vads-font-line-height-5: 1.62;
|
|
153
|
+
--vads-font-line-height-6: 1.75;
|
|
148
154
|
--vads-font-line-height-body-lead: 1.75;
|
|
149
155
|
--vads-font-line-height-default: 1.5;
|
|
150
156
|
--vads-font-line-height-heading: 1.2;
|
|
@@ -242,4 +248,8 @@
|
|
|
242
248
|
--vads-spacing-vertical-stack-s: 16px;
|
|
243
249
|
--vads-spacing-vertical-stack-default: 16px;
|
|
244
250
|
--vads-forms-spacing-vertical-stack-default: 32px;
|
|
251
|
+
--vads-site-margins-mobile-width: 16px;
|
|
252
|
+
--vads-site-margins-width: 32px;
|
|
253
|
+
--vads-site-margins-breakpoint: 1024px;
|
|
254
|
+
--vads-grid-container-max-width: 1024px;
|
|
245
255
|
}
|
|
@@ -2674,6 +2674,120 @@
|
|
|
2674
2674
|
},
|
|
2675
2675
|
"vads-font": {
|
|
2676
2676
|
"line-height": {
|
|
2677
|
+
"-1": {
|
|
2678
|
+
"value": "1",
|
|
2679
|
+
"filePath": "tokens/fonts.json",
|
|
2680
|
+
"isSource": true,
|
|
2681
|
+
"original": {
|
|
2682
|
+
"value": "1"
|
|
2683
|
+
},
|
|
2684
|
+
"name": "vads-font-line-height-1",
|
|
2685
|
+
"attributes": {
|
|
2686
|
+
"category": "vads-font",
|
|
2687
|
+
"type": "line-height",
|
|
2688
|
+
"item": "-1"
|
|
2689
|
+
},
|
|
2690
|
+
"path": [
|
|
2691
|
+
"vads-font",
|
|
2692
|
+
"line-height",
|
|
2693
|
+
"-1"
|
|
2694
|
+
]
|
|
2695
|
+
},
|
|
2696
|
+
"-2": {
|
|
2697
|
+
"value": "1.15",
|
|
2698
|
+
"filePath": "tokens/fonts.json",
|
|
2699
|
+
"isSource": true,
|
|
2700
|
+
"original": {
|
|
2701
|
+
"value": "1.15"
|
|
2702
|
+
},
|
|
2703
|
+
"name": "vads-font-line-height-2",
|
|
2704
|
+
"attributes": {
|
|
2705
|
+
"category": "vads-font",
|
|
2706
|
+
"type": "line-height",
|
|
2707
|
+
"item": "-2"
|
|
2708
|
+
},
|
|
2709
|
+
"path": [
|
|
2710
|
+
"vads-font",
|
|
2711
|
+
"line-height",
|
|
2712
|
+
"-2"
|
|
2713
|
+
]
|
|
2714
|
+
},
|
|
2715
|
+
"-3": {
|
|
2716
|
+
"value": "1.35",
|
|
2717
|
+
"filePath": "tokens/fonts.json",
|
|
2718
|
+
"isSource": true,
|
|
2719
|
+
"original": {
|
|
2720
|
+
"value": "1.35"
|
|
2721
|
+
},
|
|
2722
|
+
"name": "vads-font-line-height-3",
|
|
2723
|
+
"attributes": {
|
|
2724
|
+
"category": "vads-font",
|
|
2725
|
+
"type": "line-height",
|
|
2726
|
+
"item": "-3"
|
|
2727
|
+
},
|
|
2728
|
+
"path": [
|
|
2729
|
+
"vads-font",
|
|
2730
|
+
"line-height",
|
|
2731
|
+
"-3"
|
|
2732
|
+
]
|
|
2733
|
+
},
|
|
2734
|
+
"-4": {
|
|
2735
|
+
"value": "1.5",
|
|
2736
|
+
"filePath": "tokens/fonts.json",
|
|
2737
|
+
"isSource": true,
|
|
2738
|
+
"original": {
|
|
2739
|
+
"value": "1.5"
|
|
2740
|
+
},
|
|
2741
|
+
"name": "vads-font-line-height-4",
|
|
2742
|
+
"attributes": {
|
|
2743
|
+
"category": "vads-font",
|
|
2744
|
+
"type": "line-height",
|
|
2745
|
+
"item": "-4"
|
|
2746
|
+
},
|
|
2747
|
+
"path": [
|
|
2748
|
+
"vads-font",
|
|
2749
|
+
"line-height",
|
|
2750
|
+
"-4"
|
|
2751
|
+
]
|
|
2752
|
+
},
|
|
2753
|
+
"-5": {
|
|
2754
|
+
"value": "1.62",
|
|
2755
|
+
"filePath": "tokens/fonts.json",
|
|
2756
|
+
"isSource": true,
|
|
2757
|
+
"original": {
|
|
2758
|
+
"value": "1.62"
|
|
2759
|
+
},
|
|
2760
|
+
"name": "vads-font-line-height-5",
|
|
2761
|
+
"attributes": {
|
|
2762
|
+
"category": "vads-font",
|
|
2763
|
+
"type": "line-height",
|
|
2764
|
+
"item": "-5"
|
|
2765
|
+
},
|
|
2766
|
+
"path": [
|
|
2767
|
+
"vads-font",
|
|
2768
|
+
"line-height",
|
|
2769
|
+
"-5"
|
|
2770
|
+
]
|
|
2771
|
+
},
|
|
2772
|
+
"-6": {
|
|
2773
|
+
"value": "1.75",
|
|
2774
|
+
"filePath": "tokens/fonts.json",
|
|
2775
|
+
"isSource": true,
|
|
2776
|
+
"original": {
|
|
2777
|
+
"value": "1.75"
|
|
2778
|
+
},
|
|
2779
|
+
"name": "vads-font-line-height-6",
|
|
2780
|
+
"attributes": {
|
|
2781
|
+
"category": "vads-font",
|
|
2782
|
+
"type": "line-height",
|
|
2783
|
+
"item": "-6"
|
|
2784
|
+
},
|
|
2785
|
+
"path": [
|
|
2786
|
+
"vads-font",
|
|
2787
|
+
"line-height",
|
|
2788
|
+
"-6"
|
|
2789
|
+
]
|
|
2790
|
+
},
|
|
2677
2791
|
"body-lead": {
|
|
2678
2792
|
"value": "1.75",
|
|
2679
2793
|
"filePath": "tokens/fonts.json",
|
|
@@ -4422,5 +4536,77 @@
|
|
|
4422
4536
|
"vertical-stack-default"
|
|
4423
4537
|
]
|
|
4424
4538
|
}
|
|
4539
|
+
},
|
|
4540
|
+
"vads-site-margins": {
|
|
4541
|
+
"mobile-width": {
|
|
4542
|
+
"value": "16px",
|
|
4543
|
+
"filePath": "tokens/spacing.json",
|
|
4544
|
+
"isSource": true,
|
|
4545
|
+
"original": {
|
|
4546
|
+
"value": "{uswds-system-spacing-2}"
|
|
4547
|
+
},
|
|
4548
|
+
"name": "vads-site-margins-mobile-width",
|
|
4549
|
+
"attributes": {
|
|
4550
|
+
"category": "vads-site-margins",
|
|
4551
|
+
"type": "mobile-width"
|
|
4552
|
+
},
|
|
4553
|
+
"path": [
|
|
4554
|
+
"vads-site-margins",
|
|
4555
|
+
"mobile-width"
|
|
4556
|
+
]
|
|
4557
|
+
},
|
|
4558
|
+
"width": {
|
|
4559
|
+
"value": "32px",
|
|
4560
|
+
"filePath": "tokens/spacing.json",
|
|
4561
|
+
"isSource": true,
|
|
4562
|
+
"original": {
|
|
4563
|
+
"value": "{uswds-system-spacing-4}"
|
|
4564
|
+
},
|
|
4565
|
+
"name": "vads-site-margins-width",
|
|
4566
|
+
"attributes": {
|
|
4567
|
+
"category": "vads-site-margins",
|
|
4568
|
+
"type": "width"
|
|
4569
|
+
},
|
|
4570
|
+
"path": [
|
|
4571
|
+
"vads-site-margins",
|
|
4572
|
+
"width"
|
|
4573
|
+
]
|
|
4574
|
+
},
|
|
4575
|
+
"breakpoint": {
|
|
4576
|
+
"value": "1024px",
|
|
4577
|
+
"filePath": "tokens/spacing.json",
|
|
4578
|
+
"isSource": true,
|
|
4579
|
+
"original": {
|
|
4580
|
+
"value": "{desktop}"
|
|
4581
|
+
},
|
|
4582
|
+
"name": "vads-site-margins-breakpoint",
|
|
4583
|
+
"attributes": {
|
|
4584
|
+
"category": "vads-site-margins",
|
|
4585
|
+
"type": "breakpoint"
|
|
4586
|
+
},
|
|
4587
|
+
"path": [
|
|
4588
|
+
"vads-site-margins",
|
|
4589
|
+
"breakpoint"
|
|
4590
|
+
]
|
|
4591
|
+
}
|
|
4592
|
+
},
|
|
4593
|
+
"vads-grid-container": {
|
|
4594
|
+
"max-width": {
|
|
4595
|
+
"value": "1024px",
|
|
4596
|
+
"filePath": "tokens/spacing.json",
|
|
4597
|
+
"isSource": true,
|
|
4598
|
+
"original": {
|
|
4599
|
+
"value": "{desktop}"
|
|
4600
|
+
},
|
|
4601
|
+
"name": "vads-grid-container-max-width",
|
|
4602
|
+
"attributes": {
|
|
4603
|
+
"category": "vads-grid-container",
|
|
4604
|
+
"type": "max-width"
|
|
4605
|
+
},
|
|
4606
|
+
"path": [
|
|
4607
|
+
"vads-grid-container",
|
|
4608
|
+
"max-width"
|
|
4609
|
+
]
|
|
4610
|
+
}
|
|
4425
4611
|
}
|
|
4426
4612
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Wed, 09 Apr 2025 20:34:27 GMT
|
|
4
4
|
|
|
5
5
|
$xsmall-screen: 320px;
|
|
6
6
|
$small-screen: 481px;
|
|
@@ -143,6 +143,12 @@ $font-size-h4: 1.063rem;
|
|
|
143
143
|
$font-size-h5: 0.938rem;
|
|
144
144
|
$font-size-h6: 0.938rem;
|
|
145
145
|
$v3-font-base-size: 16px;
|
|
146
|
+
$vads-font-line-height-1: 1;
|
|
147
|
+
$vads-font-line-height-2: 1.15;
|
|
148
|
+
$vads-font-line-height-3: 1.35;
|
|
149
|
+
$vads-font-line-height-4: 1.5;
|
|
150
|
+
$vads-font-line-height-5: 1.62;
|
|
151
|
+
$vads-font-line-height-6: 1.75;
|
|
146
152
|
$vads-font-line-height-body-lead: 1.75;
|
|
147
153
|
$vads-font-line-height-default: 1.5;
|
|
148
154
|
$vads-font-line-height-heading: 1.2;
|
|
@@ -240,3 +246,7 @@ $vads-spacing-vertical-stack-m: 24px;
|
|
|
240
246
|
$vads-spacing-vertical-stack-s: 16px;
|
|
241
247
|
$vads-spacing-vertical-stack-default: 16px;
|
|
242
248
|
$vads-forms-spacing-vertical-stack-default: 32px;
|
|
249
|
+
$vads-site-margins-mobile-width: 16px;
|
|
250
|
+
$vads-site-margins-width: 32px;
|
|
251
|
+
$vads-site-margins-breakpoint: 1024px;
|
|
252
|
+
$vads-grid-container-max-width: 1024px;
|