@department-of-veterans-affairs/css-library 0.6.0 → 0.7.0

package/dist/elements.css

@@ -1526,27 +1526,27 @@ h6 {
 
 h1 {
   margin-top: 0;
-  font-size: 4rem;
+  font-size: 2.5rem;
 }
 
 h2 {
-  font-size: 3rem;
+  font-size: 1.875rem;
 }
 
 h3 {
-  font-size: 2rem;
+  font-size: 1.25rem;
 }
 
 h4 {
-  font-size: 1.7rem;
+  font-size: 1.0625rem;
 }
 
 h5 {
-  font-size: 1.5rem;
+  font-size: 0.9375rem;
 }
 
 h6 {
-  font-size: 1.5rem;
+  font-size: 0.9375rem;
 }
 
 @media (max-width: 481px) {

package/dist/full.css

@@ -7101,27 +7101,27 @@ h6 {
 
 h1 {
   margin-top: 0;
-  font-size: 4rem;
+  font-size: 2.5rem;
 }
 
 h2 {
-  font-size: 3rem;
+  font-size: 1.875rem;
 }
 
 h3 {
-  font-size: 2rem;
+  font-size: 1.25rem;
 }
 
 h4 {
-  font-size: 1.7rem;
+  font-size: 1.0625rem;
 }
 
 h5 {
-  font-size: 1.5rem;
+  font-size: 0.9375rem;
 }
 
 h6 {
-  font-size: 1.5rem;
+  font-size: 0.9375rem;
 }
 
 @media (max-width: 481px) {

package/dist/tokens/css/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 16 May 2024 17:23:46 GMT
+ * Generated on Fri, 17 May 2024 17:25:12 GMT
  */
 
 :root {
@@ -95,6 +95,16 @@
   --vads-color-blue-cool: #345d96;
   --vads-color-blue-cool-light: #4a77b4;
   --vads-color-blue-cool-lightest: #98afd2;
+  --vads-color-action-surface-default-on-dark: #58b4ff;
+  --vads-color-action-surface-destructive-on-dark: #fb5a47;
+  --vads-color-action-border-base-active-on-light: #2e2e2e;
+  --vads-color-action-border-base-active-on-dark: #adadad;
+  --vads-color-feedback-surface-info-on-dark: #112f4e;
+  --vads-color-feedback-surface-success-on-dark: #19311e;
+  --vads-color-feedback-surface-warning-on-dark: #422d19;
+  --vads-color-feedback-surface-error-on-dark: #5c1111;
+  --vads-color-feedback-border-warning-on-dark: #face00;
+  --vads-color-bg-default-on-dark: #171716;
   --font-family-sans: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
   --font-family-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
   --font-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
@@ -159,9 +169,11 @@
   --uswds-system-color-blue-70: #274863;
   --uswds-system-color-blue-80: #1f303e;
   --uswds-system-color-blue-90: #11181d;
+  --uswds-system-color-blue-vivid-30: #58b4ff;
   --uswds-system-color-blue-vivid-50: #0076d6;
   --uswds-system-color-blue-vivid-60: #005ea2;
   --uswds-system-color-blue-vivid-70: #0b4778;
+  --uswds-system-color-blue-vivid-80: #112f4e;
   --uswds-system-color-blue-cool-60: #2e6276;
   --uswds-system-color-blue-cool-vivid-5: #e1f3f8;
   --uswds-system-color-blue-cool-vivid-20: #97d4ea;
@@ -215,6 +227,7 @@
   --uswds-system-color-gray-cool-90: #1c1d1f;
   --uswds-system-color-gray-warm-10: #e6e6e2;
   --uswds-system-color-gray-warm-70: #454540;
+  --uswds-system-color-gray-warm-90: #171716;
   --uswds-system-color-green-warm-50: #6f7a41;
   --uswds-system-color-green-cool-5: #ecf3ec;
   --uswds-system-color-green-cool-20: #b4d0b9;
@@ -225,14 +238,17 @@
   --uswds-system-color-green-cool-vivid-50: #008817;
   --uswds-system-color-green-cool-vivid-60: #216e1f;
   --uswds-system-color-green-cool-vivid-70: #154c21;
+  --uswds-system-color-green-cool-vivid-80: #19311e;
   --uswds-system-color-orange-40: #dd7533;
   --uswds-system-color-orange-warm-50: #bd5727;
   --uswds-system-color-red-30: #f2938c;
   --uswds-system-color-red-50: #d83933;
   --uswds-system-color-red-60: #a23737;
   --uswds-system-color-red-70: #6f3331;
+  --uswds-system-color-red-vivid-40: #fb5a47;
   --uswds-system-color-red-vivid-60: #b50909;
   --uswds-system-color-red-vivid-70: #8b0a03;
+  --uswds-system-color-red-vivid-80: #5c1111;
   --uswds-system-color-red-cool-vivid-10: #f8dfe2;
   --uswds-system-color-red-cool-vivid-50: #e41d3d;
   --uswds-system-color-red-cool-vivid-60: #b21d38;
@@ -248,6 +264,7 @@
   --uswds-system-color-yellow-50: #8a7237;
   --uswds-system-color-yellow-vivid-10: #fee685;
   --uswds-system-color-yellow-vivid-20: #face00;
+  --uswds-system-color-yellow-vivid-80: #422d19;
   --uswds-system-color-indigo-cool-60: #3f57a6;
   --uswds-system-color-mint-cool-50: #40807e;
 }

package/dist/tokens/json/variables.json

@@ -1702,6 +1702,196 @@
       ]
     }
   },
+  "vads-color-action-surface-default-on-dark": {
+    "*": {
+      "value": "#58b4ff",
+      "filePath": "tokens/color.json",
+      "isSource": true,
+      "original": {
+        "value": "{uswds-system-color-blue-vivid-30}"
+      },
+      "name": "vads-color-action-surface-default-on-dark",
+      "attributes": {
+        "category": "vads-color-action-surface-default-on-dark",
+        "type": "*"
+      },
+      "path": [
+        "vads-color-action-surface-default-on-dark",
+        "*"
+      ]
+    }
+  },
+  "vads-color-action-surface-destructive-on-dark": {
+    "*": {
+      "value": "#fb5a47",
+      "filePath": "tokens/color.json",
+      "isSource": true,
+      "original": {
+        "value": "{uswds-system-color-red-vivid-40}"
+      },
+      "name": "vads-color-action-surface-destructive-on-dark",
+      "attributes": {
+        "category": "vads-color-action-surface-destructive-on-dark",
+        "type": "*"
+      },
+      "path": [
+        "vads-color-action-surface-destructive-on-dark",
+        "*"
+      ]
+    }
+  },
+  "vads-color-action-border-base-active-on-light": {
+    "*": {
+      "value": "#2e2e2e",
+      "filePath": "tokens/color.json",
+      "isSource": true,
+      "original": {
+        "value": "{uswds-system-color-gray-80}"
+      },
+      "name": "vads-color-action-border-base-active-on-light",
+      "attributes": {
+        "category": "vads-color-action-border-base-active-on-light",
+        "type": "*"
+      },
+      "path": [
+        "vads-color-action-border-base-active-on-light",
+        "*"
+      ]
+    }
+  },
+  "vads-color-action-border-base-active-on-dark": {
+    "*": {
+      "value": "#adadad",
+      "filePath": "tokens/color.json",
+      "isSource": true,
+      "original": {
+        "value": "{uswds-system-color-gray-30}"
+      },
+      "name": "vads-color-action-border-base-active-on-dark",
+      "attributes": {
+        "category": "vads-color-action-border-base-active-on-dark",
+        "type": "*"
+      },
+      "path": [
+        "vads-color-action-border-base-active-on-dark",
+        "*"
+      ]
+    }
+  },
+  "vads-color-feedback-surface-info-on-dark": {
+    "*": {
+      "value": "#112f4e",
+      "filePath": "tokens/color.json",
+      "isSource": true,
+      "original": {
+        "value": "{uswds-system-color-blue-vivid-80}"
+      },
+      "name": "vads-color-feedback-surface-info-on-dark",
+      "attributes": {
+        "category": "vads-color-feedback-surface-info-on-dark",
+        "type": "*"
+      },
+      "path": [
+        "vads-color-feedback-surface-info-on-dark",
+        "*"
+      ]
+    }
+  },
+  "vads-color-feedback-surface-success-on-dark": {
+    "*": {
+      "value": "#19311e",
+      "filePath": "tokens/color.json",
+      "isSource": true,
+      "original": {
+        "value": "{uswds-system-color-green-cool-vivid-80}"
+      },
+      "name": "vads-color-feedback-surface-success-on-dark",
+      "attributes": {
+        "category": "vads-color-feedback-surface-success-on-dark",
+        "type": "*"
+      },
+      "path": [
+        "vads-color-feedback-surface-success-on-dark",
+        "*"
+      ]
+    }
+  },
+  "vads-color-feedback-surface-warning-on-dark": {
+    "*": {
+      "value": "#422d19",
+      "filePath": "tokens/color.json",
+      "isSource": true,
+      "original": {
+        "value": "{uswds-system-color-yellow-vivid-80}"
+      },
+      "name": "vads-color-feedback-surface-warning-on-dark",
+      "attributes": {
+        "category": "vads-color-feedback-surface-warning-on-dark",
+        "type": "*"
+      },
+      "path": [
+        "vads-color-feedback-surface-warning-on-dark",
+        "*"
+      ]
+    }
+  },
+  "vads-color-feedback-surface-error-on-dark": {
+    "*": {
+      "value": "#5c1111",
+      "filePath": "tokens/color.json",
+      "isSource": true,
+      "original": {
+        "value": "{uswds-system-color-red-vivid-80}"
+      },
+      "name": "vads-color-feedback-surface-error-on-dark",
+      "attributes": {
+        "category": "vads-color-feedback-surface-error-on-dark",
+        "type": "*"
+      },
+      "path": [
+        "vads-color-feedback-surface-error-on-dark",
+        "*"
+      ]
+    }
+  },
+  "vads-color-feedback-border-warning-on-dark": {
+    "*": {
+      "value": "#face00",
+      "filePath": "tokens/color.json",
+      "isSource": true,
+      "original": {
+        "value": "{uswds-system-color-yellow-vivid-20}"
+      },
+      "name": "vads-color-feedback-border-warning-on-dark",
+      "attributes": {
+        "category": "vads-color-feedback-border-warning-on-dark",
+        "type": "*"
+      },
+      "path": [
+        "vads-color-feedback-border-warning-on-dark",
+        "*"
+      ]
+    }
+  },
+  "vads-color-bg-default-on-dark": {
+    "*": {
+      "value": "#171716",
+      "filePath": "tokens/color.json",
+      "isSource": true,
+      "original": {
+        "value": "{uswds-system-color-gray-warm-90}"
+      },
+      "name": "vads-color-bg-default-on-dark",
+      "attributes": {
+        "category": "vads-color-bg-default-on-dark",
+        "type": "*"
+      },
+      "path": [
+        "vads-color-bg-default-on-dark",
+        "*"
+      ]
+    }
+  },
   "font": {
     "family": {
       "sans": {
@@ -2828,6 +3018,21 @@
       "uswds-system-color-blue-90"
     ]
   },
+  "uswds-system-color-blue-vivid-30": {
+    "value": "#58b4ff",
+    "filePath": "tokens/uswds.json",
+    "isSource": true,
+    "original": {
+      "value": "#58b4ff"
+    },
+    "name": "uswds-system-color-blue-vivid-30",
+    "attributes": {
+      "category": "uswds-system-color-blue-vivid-30"
+    },
+    "path": [
+      "uswds-system-color-blue-vivid-30"
+    ]
+  },
   "uswds-system-color-blue-vivid-50": {
     "value": "#0076d6",
     "filePath": "tokens/uswds.json",
@@ -2873,6 +3078,21 @@
       "uswds-system-color-blue-vivid-70"
     ]
   },
+  "uswds-system-color-blue-vivid-80": {
+    "value": "#112f4e",
+    "filePath": "tokens/uswds.json",
+    "isSource": true,
+    "original": {
+      "value": "#112f4e"
+    },
+    "name": "uswds-system-color-blue-vivid-80",
+    "attributes": {
+      "category": "uswds-system-color-blue-vivid-80"
+    },
+    "path": [
+      "uswds-system-color-blue-vivid-80"
+    ]
+  },
   "uswds-system-color-blue-cool-60": {
     "value": "#2e6276",
     "filePath": "tokens/uswds.json",
@@ -3668,6 +3888,21 @@
       "uswds-system-color-gray-warm-70"
     ]
   },
+  "uswds-system-color-gray-warm-90": {
+    "value": "#171716",
+    "filePath": "tokens/uswds.json",
+    "isSource": true,
+    "original": {
+      "value": "#171716"
+    },
+    "name": "uswds-system-color-gray-warm-90",
+    "attributes": {
+      "category": "uswds-system-color-gray-warm-90"
+    },
+    "path": [
+      "uswds-system-color-gray-warm-90"
+    ]
+  },
   "uswds-system-color-green-warm-50": {
     "value": "#6f7a41",
     "filePath": "tokens/uswds.json",
@@ -3818,6 +4053,21 @@
       "uswds-system-color-green-cool-vivid-70"
     ]
   },
+  "uswds-system-color-green-cool-vivid-80": {
+    "value": "#19311e",
+    "filePath": "tokens/uswds.json",
+    "isSource": true,
+    "original": {
+      "value": "#19311e"
+    },
+    "name": "uswds-system-color-green-cool-vivid-80",
+    "attributes": {
+      "category": "uswds-system-color-green-cool-vivid-80"
+    },
+    "path": [
+      "uswds-system-color-green-cool-vivid-80"
+    ]
+  },
   "uswds-system-color-orange-40": {
     "value": "#dd7533",
     "filePath": "tokens/uswds.json",
@@ -3908,6 +4158,21 @@
       "uswds-system-color-red-70"
     ]
   },
+  "uswds-system-color-red-vivid-40": {
+    "value": "#fb5a47",
+    "filePath": "tokens/uswds.json",
+    "isSource": true,
+    "original": {
+      "value": "#fb5a47"
+    },
+    "name": "uswds-system-color-red-vivid-40",
+    "attributes": {
+      "category": "uswds-system-color-red-vivid-40"
+    },
+    "path": [
+      "uswds-system-color-red-vivid-40"
+    ]
+  },
   "uswds-system-color-red-vivid-60": {
     "value": "#b50909",
     "filePath": "tokens/uswds.json",
@@ -3938,6 +4203,21 @@
       "uswds-system-color-red-vivid-70"
     ]
   },
+  "uswds-system-color-red-vivid-80": {
+    "value": "#5c1111",
+    "filePath": "tokens/uswds.json",
+    "isSource": true,
+    "original": {
+      "value": "#5c1111"
+    },
+    "name": "uswds-system-color-red-vivid-80",
+    "attributes": {
+      "category": "uswds-system-color-red-vivid-80"
+    },
+    "path": [
+      "uswds-system-color-red-vivid-80"
+    ]
+  },
   "uswds-system-color-red-cool-vivid-10": {
     "value": "#f8dfe2",
     "filePath": "tokens/uswds.json",
@@ -4163,6 +4443,21 @@
       "uswds-system-color-yellow-vivid-20"
     ]
   },
+  "uswds-system-color-yellow-vivid-80": {
+    "value": "#422d19",
+    "filePath": "tokens/uswds.json",
+    "isSource": true,
+    "original": {
+      "value": "#422d19"
+    },
+    "name": "uswds-system-color-yellow-vivid-80",
+    "attributes": {
+      "category": "uswds-system-color-yellow-vivid-80"
+    },
+    "path": [
+      "uswds-system-color-yellow-vivid-80"
+    ]
+  },
   "uswds-system-color-indigo-cool-60": {
     "value": "#3f57a6",
     "filePath": "tokens/uswds.json",

package/dist/tokens/scss/variables.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Thu, 16 May 2024 17:23:46 GMT
+// Generated on Fri, 17 May 2024 17:25:12 GMT
 
 $xsmall-screen: 320px;
 $small-screen: 481px;
@@ -93,6 +93,16 @@ $vads-color-green-lighter: #b4d0b9;
 $vads-color-blue-cool: #345d96;
 $vads-color-blue-cool-light: #4a77b4;
 $vads-color-blue-cool-lightest: #98afd2;
+$vads-color-action-surface-default-on-dark: #58b4ff;
+$vads-color-action-surface-destructive-on-dark: #fb5a47;
+$vads-color-action-border-base-active-on-light: #2e2e2e;
+$vads-color-action-border-base-active-on-dark: #adadad;
+$vads-color-feedback-surface-info-on-dark: #112f4e;
+$vads-color-feedback-surface-success-on-dark: #19311e;
+$vads-color-feedback-surface-warning-on-dark: #422d19;
+$vads-color-feedback-surface-error-on-dark: #5c1111;
+$vads-color-feedback-border-warning-on-dark: #face00;
+$vads-color-bg-default-on-dark: #171716;
 $font-family-sans: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
 $font-family-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
 $font-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
@@ -157,9 +167,11 @@ $uswds-system-color-blue-60: #2c608a;
 $uswds-system-color-blue-70: #274863;
 $uswds-system-color-blue-80: #1f303e;
 $uswds-system-color-blue-90: #11181d;
+$uswds-system-color-blue-vivid-30: #58b4ff;
 $uswds-system-color-blue-vivid-50: #0076d6;
 $uswds-system-color-blue-vivid-60: #005ea2;
 $uswds-system-color-blue-vivid-70: #0b4778;
+$uswds-system-color-blue-vivid-80: #112f4e;
 $uswds-system-color-blue-cool-60: #2e6276;
 $uswds-system-color-blue-cool-vivid-5: #e1f3f8;
 $uswds-system-color-blue-cool-vivid-20: #97d4ea;
@@ -213,6 +225,7 @@ $uswds-system-color-gray-cool-80: #2d2e2f;
 $uswds-system-color-gray-cool-90: #1c1d1f;
 $uswds-system-color-gray-warm-10: #e6e6e2;
 $uswds-system-color-gray-warm-70: #454540;
+$uswds-system-color-gray-warm-90: #171716;
 $uswds-system-color-green-warm-50: #6f7a41;
 $uswds-system-color-green-cool-5: #ecf3ec;
 $uswds-system-color-green-cool-20: #b4d0b9;
@@ -223,14 +236,17 @@ $uswds-system-color-green-cool-vivid-40: #00a91c;
 $uswds-system-color-green-cool-vivid-50: #008817;
 $uswds-system-color-green-cool-vivid-60: #216e1f;
 $uswds-system-color-green-cool-vivid-70: #154c21;
+$uswds-system-color-green-cool-vivid-80: #19311e;
 $uswds-system-color-orange-40: #dd7533;
 $uswds-system-color-orange-warm-50: #bd5727;
 $uswds-system-color-red-30: #f2938c;
 $uswds-system-color-red-50: #d83933;
 $uswds-system-color-red-60: #a23737;
 $uswds-system-color-red-70: #6f3331;
+$uswds-system-color-red-vivid-40: #fb5a47;
 $uswds-system-color-red-vivid-60: #b50909;
 $uswds-system-color-red-vivid-70: #8b0a03;
+$uswds-system-color-red-vivid-80: #5c1111;
 $uswds-system-color-red-cool-vivid-10: #f8dfe2;
 $uswds-system-color-red-cool-vivid-50: #e41d3d;
 $uswds-system-color-red-cool-vivid-60: #b21d38;
@@ -246,5 +262,6 @@ $uswds-system-color-yellow-5: #faf3d1;
 $uswds-system-color-yellow-50: #8a7237;
 $uswds-system-color-yellow-vivid-10: #fee685;
 $uswds-system-color-yellow-vivid-20: #face00;
+$uswds-system-color-yellow-vivid-80: #422d19;
 $uswds-system-color-indigo-cool-60: #3f57a6;
 $uswds-system-color-mint-cool-50: #40807e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@department-of-veterans-affairs/css-library",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "packageManager": "yarn@3.2.0",
   "files": [
     "dist/**/*.css",