npm - @department-of-veterans-affairs/css-library - Versions diffs - 0.11.1 → 0.12.0 - Mend

@department-of-veterans-affairs/css-library 0.11.1 → 0.12.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 (4) hide show

package/dist/tokens/css/variables.css +15 -1
package/dist/tokens/json/variables.json +296 -0
package/dist/tokens/scss/variables.scss +15 -1
package/package.json +1 -1

package/dist/tokens/css/variables.css CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 17 Sep 2024 02:58:09 GMT
+ * Generated on Thu, 26 Sep 2024 16:59:02 GMT
  */
 :root {
@@ -132,6 +132,20 @@
   --font-size-h5: 0.938rem;
   --font-size-h6: 0.938rem;
   --v3-font-base-size: 16px;
+  --vads-font-line-height-body-lead: 1.75;
+  --vads-font-line-height-default: 1.5;
+  --vads-font-line-height-heading: 1.2;
+  --vads-font-size-body-large: 20px;
+  --vads-font-size-body-lead: 20px;
+  --vads-font-size-body-medium: 17px;
+  --vads-font-size-body-small: 15px;
+  --vads-font-size-eyebrow: 17px;
+  --vads-font-size-heading-level-1: 40px;
+  --vads-font-size-heading-level-2: 32px;
+  --vads-font-size-heading-level-3: 20px;
+  --vads-font-size-heading-level-4: 17px;
+  --vads-font-size-heading-level-5: 15px;
+  --vads-font-size-heading-level-6: 15px;
   --units-0: 0;
   --units-1: 0.5rem;
   --units-2: 1rem;

package/dist/tokens/json/variables.json CHANGED Viewed

@@ -2403,6 +2403,302 @@
       }
     }
   },
+  "vads-font": {
+    "line-height": {
+      "body-lead": {
+        "value": "1.75",
+        "filePath": "tokens/fonts.json",
+        "isSource": true,
+        "original": {
+          "value": "1.75"
+        },
+        "name": "vads-font-line-height-body-lead",
+        "attributes": {
+          "category": "vads-font",
+          "type": "line-height",
+          "item": "body-lead"
+        },
+        "path": [
+          "vads-font",
+          "line-height",
+          "body-lead"
+        ]
+      },
+      "default": {
+        "value": "1.5",
+        "filePath": "tokens/fonts.json",
+        "isSource": true,
+        "original": {
+          "value": "1.5"
+        },
+        "name": "vads-font-line-height-default",
+        "attributes": {
+          "category": "vads-font",
+          "type": "line-height",
+          "item": "default"
+        },
+        "path": [
+          "vads-font",
+          "line-height",
+          "default"
+        ]
+      },
+      "heading": {
+        "value": "1.2",
+        "filePath": "tokens/fonts.json",
+        "isSource": true,
+        "original": {
+          "value": "1.2"
+        },
+        "name": "vads-font-line-height-heading",
+        "attributes": {
+          "category": "vads-font",
+          "type": "line-height",
+          "item": "heading"
+        },
+        "path": [
+          "vads-font",
+          "line-height",
+          "heading"
+        ]
+      }
+    },
+    "size": {
+      "body": {
+        "large": {
+          "value": "20px",
+          "filePath": "tokens/fonts.json",
+          "isSource": true,
+          "original": {
+            "value": "20px"
+          },
+          "name": "vads-font-size-body-large",
+          "attributes": {
+            "category": "vads-font",
+            "type": "size",
+            "item": "body",
+            "subitem": "large"
+          },
+          "path": [
+            "vads-font",
+            "size",
+            "body",
+            "large"
+          ]
+        },
+        "lead": {
+          "value": "20px",
+          "filePath": "tokens/fonts.json",
+          "isSource": true,
+          "original": {
+            "value": "20px"
+          },
+          "name": "vads-font-size-body-lead",
+          "attributes": {
+            "category": "vads-font",
+            "type": "size",
+            "item": "body",
+            "subitem": "lead"
+          },
+          "path": [
+            "vads-font",
+            "size",
+            "body",
+            "lead"
+          ]
+        },
+        "medium": {
+          "value": "17px",
+          "filePath": "tokens/fonts.json",
+          "isSource": true,
+          "original": {
+            "value": "17px"
+          },
+          "name": "vads-font-size-body-medium",
+          "attributes": {
+            "category": "vads-font",
+            "type": "size",
+            "item": "body",
+            "subitem": "medium"
+          },
+          "path": [
+            "vads-font",
+            "size",
+            "body",
+            "medium"
+          ]
+        },
+        "small": {
+          "value": "15px",
+          "filePath": "tokens/fonts.json",
+          "isSource": true,
+          "original": {
+            "value": "15px"
+          },
+          "name": "vads-font-size-body-small",
+          "attributes": {
+            "category": "vads-font",
+            "type": "size",
+            "item": "body",
+            "subitem": "small"
+          },
+          "path": [
+            "vads-font",
+            "size",
+            "body",
+            "small"
+          ]
+        }
+      },
+      "eyebrow": {
+        "value": "17px",
+        "filePath": "tokens/fonts.json",
+        "isSource": true,
+        "original": {
+          "value": "17px"
+        },
+        "name": "vads-font-size-eyebrow",
+        "attributes": {
+          "category": "vads-font",
+          "type": "size",
+          "item": "eyebrow"
+        },
+        "path": [
+          "vads-font",
+          "size",
+          "eyebrow"
+        ]
+      },
+      "heading": {
+        "level-1": {
+          "value": "40px",
+          "filePath": "tokens/fonts.json",
+          "isSource": true,
+          "original": {
+            "value": "40px"
+          },
+          "name": "vads-font-size-heading-level-1",
+          "attributes": {
+            "category": "vads-font",
+            "type": "size",
+            "item": "heading",
+            "subitem": "level-1"
+          },
+          "path": [
+            "vads-font",
+            "size",
+            "heading",
+            "level-1"
+          ]
+        },
+        "level-2": {
+          "value": "32px",
+          "filePath": "tokens/fonts.json",
+          "isSource": true,
+          "original": {
+            "value": "32px"
+          },
+          "name": "vads-font-size-heading-level-2",
+          "attributes": {
+            "category": "vads-font",
+            "type": "size",
+            "item": "heading",
+            "subitem": "level-2"
+          },
+          "path": [
+            "vads-font",
+            "size",
+            "heading",
+            "level-2"
+          ]
+        },
+        "level-3": {
+          "value": "20px",
+          "filePath": "tokens/fonts.json",
+          "isSource": true,
+          "original": {
+            "value": "20px"
+          },
+          "name": "vads-font-size-heading-level-3",
+          "attributes": {
+            "category": "vads-font",
+            "type": "size",
+            "item": "heading",
+            "subitem": "level-3"
+          },
+          "path": [
+            "vads-font",
+            "size",
+            "heading",
+            "level-3"
+          ]
+        },
+        "level-4": {
+          "value": "17px",
+          "filePath": "tokens/fonts.json",
+          "isSource": true,
+          "original": {
+            "value": "17px"
+          },
+          "name": "vads-font-size-heading-level-4",
+          "attributes": {
+            "category": "vads-font",
+            "type": "size",
+            "item": "heading",
+            "subitem": "level-4"
+          },
+          "path": [
+            "vads-font",
+            "size",
+            "heading",
+            "level-4"
+          ]
+        },
+        "level-5": {
+          "value": "15px",
+          "filePath": "tokens/fonts.json",
+          "isSource": true,
+          "original": {
+            "value": "15px"
+          },
+          "name": "vads-font-size-heading-level-5",
+          "attributes": {
+            "category": "vads-font",
+            "type": "size",
+            "item": "heading",
+            "subitem": "level-5"
+          },
+          "path": [
+            "vads-font",
+            "size",
+            "heading",
+            "level-5"
+          ]
+        },
+        "level-6": {
+          "value": "15px",
+          "filePath": "tokens/fonts.json",
+          "isSource": true,
+          "original": {
+            "value": "15px"
+          },
+          "name": "vads-font-size-heading-level-6",
+          "attributes": {
+            "category": "vads-font",
+            "type": "size",
+            "item": "heading",
+            "subitem": "level-6"
+          },
+          "path": [
+            "vads-font",
+            "size",
+            "heading",
+            "level-6"
+          ]
+        }
+      }
+    }
+  },
   "units": {
     "0": {
       "value": "0",

package/dist/tokens/scss/variables.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 17 Sep 2024 02:58:09 GMT
+// Generated on Thu, 26 Sep 2024 16:59:02 GMT
 $xsmall-screen: 320px;
 $small-screen: 481px;
@@ -130,6 +130,20 @@ $font-size-h4: 1.063rem;
 $font-size-h5: 0.938rem;
 $font-size-h6: 0.938rem;
 $v3-font-base-size: 16px;
+$vads-font-line-height-body-lead: 1.75;
+$vads-font-line-height-default: 1.5;
+$vads-font-line-height-heading: 1.2;
+$vads-font-size-body-large: 20px;
+$vads-font-size-body-lead: 20px;
+$vads-font-size-body-medium: 17px;
+$vads-font-size-body-small: 15px;
+$vads-font-size-eyebrow: 17px;
+$vads-font-size-heading-level-1: 40px;
+$vads-font-size-heading-level-2: 32px;
+$vads-font-size-heading-level-3: 20px;
+$vads-font-size-heading-level-4: 17px;
+$vads-font-size-heading-level-5: 15px;
+$vads-font-size-heading-level-6: 15px;
 $units-0: 0;
 $units-1: 0.5rem;
 $units-2: 1rem;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@department-of-veterans-affairs/css-library",
-  "version": "0.11.1",
+  "version": "0.12.0",
   "description": "Department of Veterans Affairs stylesheets, tokens, and utilities",
   "packageManager": "yarn@3.2.0",
   "files": [