@ebot7/edem-tokens - npm Package Compare versions

Comparing version 0.4.0 to 0.5.0

dist/styleguide/tokens.json

@@ -572,2 +572,29 @@ [
   {
+    "value": "#425161",
+    "original": {
+      "value": "{color.palette.grey-lighten-15.value}"
+    },
+    "name": "token-color-font-help",
+    "attributes": {
+      "category": "color",
+      "type": "font",
+      "item": "help"
+    },
+    "path": [
+      "color",
+      "font",
+      "help"
+    ],
+    "title": "Help",
+    "contrast": {
+      "ratio": 8.135639021872413,
+      "score": "AAA"
+    },
+    "variables": {
+      "js": "TOKEN_COLOR_FONT_HELP",
+      "scss": "$token-color-font-help",
+      "css": "var(--token-color-font-help)"
+    }
+  },
+  {
     "value": "#046b99",
@@ -898,20 +925,22 @@ "original": {
     "value": "-apple-system, 'San Francisco', 'Helvetica Neue', 'Segoe WP', 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
+    "description": "We use native typography for all in-product experiences. This ensures that the UI is optimized to be highly legible, performs well, and is frictionless as you move between E-Bot7 products and the rest of the system.",
     "original": {
-      "value": "-apple-system, 'San Francisco', 'Helvetica Neue', 'Segoe WP', 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
+      "value": "-apple-system, 'San Francisco', 'Helvetica Neue', 'Segoe WP', 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
+      "description": "We use native typography for all in-product experiences. This ensures that the UI is optimized to be highly legible, performs well, and is frictionless as you move between E-Bot7 products and the rest of the system."
     },
-    "name": "token-font-text",
+    "name": "token-font-body",
     "attributes": {
       "category": "font",
-      "type": "text"
+      "type": "body"
     },
     "path": [
       "font",
-      "text"
+      "body"
     ],
-    "title": "Text",
+    "title": "Body",
     "contrast": {},
     "variables": {
-      "js": "TOKEN_FONT_TEXT",
-      "scss": "$token-font-text",
-      "css": "var(--token-font-text)"
+      "js": "TOKEN_FONT_BODY",
+      "scss": "$token-font-body",
+      "css": "var(--token-font-body)"
     }
@@ -921,4 +950,6 @@ },
     "value": "'Poppins', -apple-system, 'San Francisco', 'Helvetica Neue', 'Segoe WP', 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
+    "description": "We use Poppins font for almost everything brand and marketing. Every headline should use Poppins font as well.",
     "original": {
-      "value": "'Poppins', -apple-system, 'San Francisco', 'Helvetica Neue', 'Segoe WP', 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
+      "value": "'Poppins', -apple-system, 'San Francisco', 'Helvetica Neue', 'Segoe WP', 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
+      "description": "We use Poppins font for almost everything brand and marketing. Every headline should use Poppins font as well."
     },
@@ -944,4 +975,6 @@ "name": "token-font-headline",
     "value": 400,
+    "description": "Font weight for a body copy style which is supported by Poppins font as well",
     "original": {
-      "value": 400
+      "value": 400,
+      "description": "Font weight for a body copy style which is supported by Poppins font as well"
     },
@@ -969,4 +1002,6 @@ "name": "token-font-weight-regular",
     "value": 500,
+    "description": "Font weight for small labels such as button ones",
     "original": {
-      "value": 500
+      "value": 500,
+      "description": "Font weight for small labels such as button ones"
     },
@@ -994,4 +1029,6 @@ "name": "token-font-weight-medium",
     "value": 600,
+    "description": "Font weight for page and section headers",
     "original": {
-      "value": 600
+      "value": 600,
+      "description": "Font weight for page and section headers"
     },
@@ -1019,4 +1056,6 @@ "name": "token-font-weight-semi-bold",
     "value": 800,
+    "description": "Font weight for very small and very large text. Use in moderation.",
     "original": {
-      "value": 800
+      "value": 800,
+      "description": "Font weight for very small and very large text. Use in moderation."
     },
@@ -1043,11 +1082,13 @@ "name": "token-font-weight-bold",
   {
-    "value": "12px",
+    "value": "11px",
+    "description": "Primarily help text under form fields, and secondary supporting text in applications. It should be used sparingly.",
     "original": {
-      "value": "12px"
+      "value": "11px",
+      "description": "Primarily help text under form fields, and secondary supporting text in applications. It should be used sparingly."
     },
-    "name": "token-font-size-ui-small",
+    "name": "token-font-size-small",
     "attributes": {
       "category": "font",
       "type": "size",
-      "item": "ui-small"
+      "item": "small"
     },
@@ -1057,22 +1098,50 @@ "path": [
       "size",
-      "ui-small"
+      "small"
     ],
-    "title": "Ui Small",
+    "title": "Small",
     "contrast": {},
     "variables": {
-      "js": "TOKEN_FONT_SIZE_UI_SMALL",
-      "scss": "$token-font-size-ui-small",
-      "css": "var(--token-font-size-ui-small)"
+      "js": "TOKEN_FONT_SIZE_SMALL",
+      "scss": "$token-font-size-small",
+      "css": "var(--token-font-size-small)"
     }
   },
   {
+    "value": "14px",
+    "description": "Main body copy style.",
+    "original": {
+      "value": "14px",
+      "description": "Main body copy style."
+    },
+    "name": "token-font-size-text",
+    "attributes": {
+      "category": "font",
+      "type": "size",
+      "item": "text"
+    },
+    "path": [
+      "font",
+      "size",
+      "text"
+    ],
+    "title": "Text",
+    "contrast": {},
+    "variables": {
+      "js": "TOKEN_FONT_SIZE_TEXT",
+      "scss": "$token-font-size-text",
+      "css": "var(--token-font-size-text)"
+    }
+  },
+  {
     "value": "16px",
+    "description": "Page intro text to give users some context.",
     "original": {
-      "value": "16px"
+      "value": "16px",
+      "description": "Page intro text to give users some context."
     },
-    "name": "token-font-size-ui-text",
+    "name": "token-font-size-intro",
     "attributes": {
       "category": "font",
       "type": "size",
-      "item": "ui-text"
+      "item": "intro"
     },
@@ -1082,22 +1151,24 @@ "path": [
       "size",
-      "ui-text"
+      "intro"
     ],
-    "title": "Ui Text",
+    "title": "Intro",
     "contrast": {},
     "variables": {
-      "js": "TOKEN_FONT_SIZE_UI_TEXT",
-      "scss": "$token-font-size-ui-text",
-      "css": "var(--token-font-size-ui-text)"
+      "js": "TOKEN_FONT_SIZE_INTRO",
+      "scss": "$token-font-size-intro",
+      "css": "var(--token-font-size-intro)"
     }
   },
   {
-    "value": "20px",
+    "value": "11px",
+    "description": "Lowest level headings.",
     "original": {
-      "value": "20px"
+      "value": "11px",
+      "description": "Lowest level headings."
     },
-    "name": "token-font-size-headline-4",
+    "name": "token-font-size-h-100",
     "attributes": {
       "category": "font",
       "type": "size",
-      "item": "headline-4"
+      "item": "h100"
     },
@@ -1107,22 +1178,24 @@ "path": [
       "size",
-      "headline-4"
+      "h100"
     ],
-    "title": "Headline 4",
+    "title": "H100",
     "contrast": {},
     "variables": {
-      "js": "TOKEN_FONT_SIZE_HEADLINE_4",
-      "scss": "$token-font-size-headline-4",
-      "css": "var(--token-font-size-headline-4)"
+      "js": "TOKEN_FONT_SIZE_H_100",
+      "scss": "$token-font-size-h-100",
+      "css": "var(--token-font-size-h-100)"
     }
   },
   {
-    "value": "24px",
+    "value": "12px",
+    "description": "Low level headings.",
     "original": {
-      "value": "24px"
+      "value": "12px",
+      "description": "Low level headings."
     },
-    "name": "token-font-size-headline-3",
+    "name": "token-font-size-h-200",
     "attributes": {
       "category": "font",
       "type": "size",
-      "item": "headline-3"
+      "item": "h200"
     },
@@ -1132,22 +1205,24 @@ "path": [
       "size",
-      "headline-3"
+      "h200"
     ],
-    "title": "Headline 3",
+    "title": "H200",
     "contrast": {},
     "variables": {
-      "js": "TOKEN_FONT_SIZE_HEADLINE_3",
-      "scss": "$token-font-size-headline-3",
-      "css": "var(--token-font-size-headline-3)"
+      "js": "TOKEN_FONT_SIZE_H_200",
+      "scss": "$token-font-size-h-200",
+      "css": "var(--token-font-size-h-200)"
     }
   },
   {
-    "value": "36px",
+    "value": "12px",
+    "description": "Heading up a group of list items.",
     "original": {
-      "value": "36px"
+      "value": "12px",
+      "description": "Heading up a group of list items."
     },
-    "name": "token-font-size-headline-2",
+    "name": "token-font-size-h-300",
     "attributes": {
       "category": "font",
       "type": "size",
-      "item": "headline-2"
+      "item": "h300"
     },
@@ -1157,22 +1232,24 @@ "path": [
       "size",
-      "headline-2"
+      "h300"
     ],
-    "title": "Headline 2",
+    "title": "H300",
     "contrast": {},
     "variables": {
-      "js": "TOKEN_FONT_SIZE_HEADLINE_2",
-      "scss": "$token-font-size-headline-2",
-      "css": "var(--token-font-size-headline-2)"
+      "js": "TOKEN_FONT_SIZE_H_300",
+      "scss": "$token-font-size-h-300",
+      "css": "var(--token-font-size-h-300)"
     }
   },
   {
-    "value": "48px",
+    "value": "14px",
+    "description": "Deep headings and for highlighting important pieces of information.",
     "original": {
-      "value": "48px"
+      "value": "14px",
+      "description": "Deep headings and for highlighting important pieces of information."
     },
-    "name": "token-font-size-headline-1",
+    "name": "token-font-size-h-400",
     "attributes": {
       "category": "font",
       "type": "size",
-      "item": "headline-1"
+      "item": "h400"
     },
@@ -1182,22 +1259,24 @@ "path": [
       "size",
-      "headline-1"
+      "h400"
     ],
-    "title": "Headline 1",
+    "title": "H400",
     "contrast": {},
     "variables": {
-      "js": "TOKEN_FONT_SIZE_HEADLINE_1",
-      "scss": "$token-font-size-headline-1",
-      "css": "var(--token-font-size-headline-1)"
+      "js": "TOKEN_FONT_SIZE_H_400",
+      "scss": "$token-font-size-h-400",
+      "css": "var(--token-font-size-h-400)"
     }
   },
   {
-    "value": "72px",
+    "value": "16px",
+    "description": "Sub-section and field group headings.",
     "original": {
-      "value": "72px"
+      "value": "16px",
+      "description": "Sub-section and field group headings."
     },
-    "name": "token-font-size-headline-large",
+    "name": "token-font-size-h-500",
     "attributes": {
       "category": "font",
       "type": "size",
-      "item": "headline-large"
+      "item": "h500"
     },
@@ -1207,181 +1286,405 @@ "path": [
       "size",
-      "headline-large"
+      "h500"
     ],
-    "title": "Headline Large",
+    "title": "H500",
     "contrast": {},
     "variables": {
-      "js": "TOKEN_FONT_SIZE_HEADLINE_LARGE",
-      "scss": "$token-font-size-headline-large",
-      "css": "var(--token-font-size-headline-large)"
+      "js": "TOKEN_FONT_SIZE_H_500",
+      "scss": "$token-font-size-h-500",
+      "css": "var(--token-font-size-h-500)"
     }
   },
   {
-    "value": "1.5em",
+    "value": "20px",
+    "description": "Headings that identify key functionality.",
     "original": {
-      "value": "1.5em"
+      "value": "20px",
+      "description": "Headings that identify key functionality."
     },
-    "name": "token-line-height-ui-small",
+    "name": "token-font-size-h-600",
     "attributes": {
-      "category": "line",
-      "type": "height",
-      "item": "ui-small"
+      "category": "font",
+      "type": "size",
+      "item": "h600"
     },
     "path": [
-      "line",
-      "height",
-      "ui-small"
+      "font",
+      "size",
+      "h600"
     ],
-    "title": "Ui Small",
+    "title": "H600",
     "contrast": {},
     "variables": {
-      "js": "TOKEN_LINE_HEIGHT_UI_SMALL",
-      "scss": "$token-line-height-ui-small",
-      "css": "var(--token-line-height-ui-small)"
+      "js": "TOKEN_FONT_SIZE_H_600",
+      "scss": "$token-font-size-h-600",
+      "css": "var(--token-font-size-h-600)"
     }
   },
   {
-    "value": "1.5em",
+    "value": "24px",
+    "description": "Main titles, use only once per page.",
     "original": {
-      "value": "1.5em"
+      "value": "24px",
+      "description": "Main titles, use only once per page."
     },
-    "name": "token-line-height-ui-text",
+    "name": "token-font-size-h-700",
     "attributes": {
-      "category": "line",
-      "type": "height",
-      "item": "ui-text"
+      "category": "font",
+      "type": "size",
+      "item": "h700"
     },
     "path": [
-      "line",
-      "height",
-      "ui-text"
+      "font",
+      "size",
+      "h700"
     ],
-    "title": "Ui Text",
+    "title": "H700",
     "contrast": {},
     "variables": {
-      "js": "TOKEN_LINE_HEIGHT_UI_TEXT",
-      "scss": "$token-line-height-ui-text",
-      "css": "var(--token-line-height-ui-text)"
+      "js": "TOKEN_FONT_SIZE_H_700",
+      "scss": "$token-font-size-h-700",
+      "css": "var(--token-font-size-h-700)"
     }
   },
   {
-    "value": "1.5em",
+    "value": "29px",
+    "description": "Empty states and feature introductions. Top level headers.",
     "original": {
-      "value": "1.5em"
+      "value": "29px",
+      "description": "Empty states and feature introductions. Top level headers."
     },
-    "name": "token-line-height-headline-4",
+    "name": "token-font-size-h-800",
     "attributes": {
-      "category": "line",
-      "type": "height",
-      "item": "headline-4"
+      "category": "font",
+      "type": "size",
+      "item": "h800"
     },
     "path": [
-      "line",
-      "height",
-      "headline-4"
+      "font",
+      "size",
+      "h800"
     ],
-    "title": "Headline 4",
+    "title": "H800",
     "contrast": {},
     "variables": {
-      "js": "TOKEN_LINE_HEIGHT_HEADLINE_4",
-      "scss": "$token-line-height-headline-4",
-      "css": "var(--token-line-height-headline-4)"
+      "js": "TOKEN_FONT_SIZE_H_800",
+      "scss": "$token-font-size-h-800",
+      "css": "var(--token-font-size-h-800)"
     }
   },
   {
-    "value": "1.4em",
+    "value": "35px",
+    "description": "Oversized screen titles. Use in moderation.",
     "original": {
-      "value": "1.4em"
+      "value": "35px",
+      "description": "Oversized screen titles. Use in moderation."
     },
-    "name": "token-line-height-headline-3",
+    "name": "token-font-size-h-900",
     "attributes": {
-      "category": "line",
-      "type": "height",
-      "item": "headline-3"
+      "category": "font",
+      "type": "size",
+      "item": "h900"
     },
     "path": [
-      "line",
-      "height",
-      "headline-3"
+      "font",
+      "size",
+      "h900"
     ],
-    "title": "Headline 3",
+    "title": "H900",
     "contrast": {},
     "variables": {
-      "js": "TOKEN_LINE_HEIGHT_HEADLINE_3",
-      "scss": "$token-line-height-headline-3",
-      "css": "var(--token-line-height-headline-3)"
+      "js": "TOKEN_FONT_SIZE_H_900",
+      "scss": "$token-font-size-h-900",
+      "css": "var(--token-font-size-h-900)"
     }
   },
   {
-    "value": "1.3em",
+    "value": "14px",
+    "description": "Primarily help text under form fields, and secondary supporting text in applications. It should be used sparingly.",
     "original": {
-      "value": "1.3em"
+      "value": "14px",
+      "description": "Primarily help text under form fields, and secondary supporting text in applications. It should be used sparingly."
     },
-    "name": "token-line-height-headline-2",
+    "name": "token-line-height-small",
     "attributes": {
-      "category": "line",
-      "type": "height",
-      "item": "headline-2"
+      "category": "line-height",
+      "type": "small"
     },
     "path": [
-      "line",
-      "height",
-      "headline-2"
+      "line-height",
+      "small"
     ],
-    "title": "Headline 2",
+    "title": "Small",
     "contrast": {},
     "variables": {
-      "js": "TOKEN_LINE_HEIGHT_HEADLINE_2",
-      "scss": "$token-line-height-headline-2",
-      "css": "var(--token-line-height-headline-2)"
+      "js": "TOKEN_LINE_HEIGHT_SMALL",
+      "scss": "$token-line-height-small",
+      "css": "var(--token-line-height-small)"
     }
   },
   {
-    "value": "1.2em",
+    "value": "24px",
+    "description": "Main body copy style.",
     "original": {
-      "value": "1.2em"
+      "value": "24px",
+      "description": "Main body copy style."
     },
-    "name": "token-line-height-headline-1",
+    "name": "token-line-height-text",
     "attributes": {
-      "category": "line",
-      "type": "height",
-      "item": "headline-1"
+      "category": "line-height",
+      "type": "text"
     },
     "path": [
-      "line",
-      "height",
-      "headline-1"
+      "line-height",
+      "text"
     ],
-    "title": "Headline 1",
+    "title": "Text",
     "contrast": {},
     "variables": {
-      "js": "TOKEN_LINE_HEIGHT_HEADLINE_1",
-      "scss": "$token-line-height-headline-1",
-      "css": "var(--token-line-height-headline-1)"
+      "js": "TOKEN_LINE_HEIGHT_TEXT",
+      "scss": "$token-line-height-text",
+      "css": "var(--token-line-height-text)"
     }
   },
   {
-    "value": "1.2em",
+    "value": "28px",
+    "description": "Page intro text to give users some context.",
     "original": {
-      "value": "1.2em"
+      "value": "28px",
+      "description": "Page intro text to give users some context."
     },
-    "name": "token-line-height-headline-large",
+    "name": "token-line-height-intro",
     "attributes": {
-      "category": "line",
-      "type": "height",
-      "item": "headline-large"
+      "category": "line-height",
+      "type": "intro"
     },
     "path": [
-      "line",
-      "height",
-      "headline-large"
+      "line-height",
+      "intro"
     ],
-    "title": "Headline Large",
+    "title": "Intro",
     "contrast": {},
     "variables": {
-      "js": "TOKEN_LINE_HEIGHT_HEADLINE_LARGE",
-      "scss": "$token-line-height-headline-large",
-      "css": "var(--token-line-height-headline-large)"
+      "js": "TOKEN_LINE_HEIGHT_INTRO",
+      "scss": "$token-line-height-intro",
+      "css": "var(--token-line-height-intro)"
     }
   },
   {
+    "value": "16px",
+    "description": "Lowest level headings.",
+    "original": {
+      "value": "16px",
+      "description": "Lowest level headings."
+    },
+    "name": "token-line-height-h-100",
+    "attributes": {
+      "category": "line-height",
+      "type": "h100"
+    },
+    "path": [
+      "line-height",
+      "h100"
+    ],
+    "title": "H100",
+    "contrast": {},
+    "variables": {
+      "js": "TOKEN_LINE_HEIGHT_H_100",
+      "scss": "$token-line-height-h-100",
+      "css": "var(--token-line-height-h-100)"
+    }
+  },
+  {
+    "value": "16px",
+    "description": "Low level headings.",
+    "original": {
+      "value": "16px",
+      "description": "Low level headings."
+    },
+    "name": "token-line-height-h-200",
+    "attributes": {
+      "category": "line-height",
+      "type": "h200"
+    },
+    "path": [
+      "line-height",
+      "h200"
+    ],
+    "title": "H200",
+    "contrast": {},
+    "variables": {
+      "js": "TOKEN_LINE_HEIGHT_H_200",
+      "scss": "$token-line-height-h-200",
+      "css": "var(--token-line-height-h-200)"
+    }
+  },
+  {
+    "value": "16px",
+    "description": "Heading up a group of list items.",
+    "original": {
+      "value": "16px",
+      "description": "Heading up a group of list items."
+    },
+    "name": "token-line-height-h-300",
+    "attributes": {
+      "category": "line-height",
+      "type": "h300"
+    },
+    "path": [
+      "line-height",
+      "h300"
+    ],
+    "title": "H300",
+    "contrast": {},
+    "variables": {
+      "js": "TOKEN_LINE_HEIGHT_H_300",
+      "scss": "$token-line-height-h-300",
+      "css": "var(--token-line-height-h-300)"
+    }
+  },
+  {
+    "value": "20px",
+    "description": "Deep headings and for highlighting important pieces of information.",
+    "original": {
+      "value": "20px",
+      "description": "Deep headings and for highlighting important pieces of information."
+    },
+    "name": "token-line-height-h-400",
+    "attributes": {
+      "category": "line-height",
+      "type": "h400"
+    },
+    "path": [
+      "line-height",
+      "h400"
+    ],
+    "title": "H400",
+    "contrast": {},
+    "variables": {
+      "js": "TOKEN_LINE_HEIGHT_H_400",
+      "scss": "$token-line-height-h-400",
+      "css": "var(--token-line-height-h-400)"
+    }
+  },
+  {
+    "value": "24px",
+    "description": "Sub-section and field group headings.",
+    "original": {
+      "value": "24px",
+      "description": "Sub-section and field group headings."
+    },
+    "name": "token-line-height-h-500",
+    "attributes": {
+      "category": "line-height",
+      "type": "h500"
+    },
+    "path": [
+      "line-height",
+      "h500"
+    ],
+    "title": "H500",
+    "contrast": {},
+    "variables": {
+      "js": "TOKEN_LINE_HEIGHT_H_500",
+      "scss": "$token-line-height-h-500",
+      "css": "var(--token-line-height-h-500)"
+    }
+  },
+  {
+    "value": "24px",
+    "description": "Headings that identify key functionality.",
+    "original": {
+      "value": "24px",
+      "description": "Headings that identify key functionality."
+    },
+    "name": "token-line-height-h-600",
+    "attributes": {
+      "category": "line-height",
+      "type": "h600"
+    },
+    "path": [
+      "line-height",
+      "h600"
+    ],
+    "title": "H600",
+    "contrast": {},
+    "variables": {
+      "js": "TOKEN_LINE_HEIGHT_H_600",
+      "scss": "$token-line-height-h-600",
+      "css": "var(--token-line-height-h-600)"
+    }
+  },
+  {
+    "value": "28px",
+    "description": "Main titles, use only once per page.",
+    "original": {
+      "value": "28px",
+      "description": "Main titles, use only once per page."
+    },
+    "name": "token-line-height-h-700",
+    "attributes": {
+      "category": "line-height",
+      "type": "h700"
+    },
+    "path": [
+      "line-height",
+      "h700"
+    ],
+    "title": "H700",
+    "contrast": {},
+    "variables": {
+      "js": "TOKEN_LINE_HEIGHT_H_700",
+      "scss": "$token-line-height-h-700",
+      "css": "var(--token-line-height-h-700)"
+    }
+  },
+  {
+    "value": "32px",
+    "description": "Empty states and feature introductions. Top level headers.",
+    "original": {
+      "value": "32px",
+      "description": "Empty states and feature introductions. Top level headers."
+    },
+    "name": "token-line-height-h-800",
+    "attributes": {
+      "category": "line-height",
+      "type": "h800"
+    },
+    "path": [
+      "line-height",
+      "h800"
+    ],
+    "title": "H800",
+    "contrast": {},
+    "variables": {
+      "js": "TOKEN_LINE_HEIGHT_H_800",
+      "scss": "$token-line-height-h-800",
+      "css": "var(--token-line-height-h-800)"
+    }
+  },
+  {
+    "value": "40px",
+    "description": "Oversized screen titles. Use in moderation.",
+    "original": {
+      "value": "40px",
+      "description": "Oversized screen titles. Use in moderation."
+    },
+    "name": "token-line-height-h-900",
+    "attributes": {
+      "category": "line-height",
+      "type": "h900"
+    },
+    "path": [
+      "line-height",
+      "h900"
+    ],
+    "title": "H900",
+    "contrast": {},
+    "variables": {
+      "js": "TOKEN_LINE_HEIGHT_H_900",
+      "scss": "$token-line-height-h-900",
+      "css": "var(--token-line-height-h-900)"
+    }
+  },
+  {
     "value": "8px",
@@ -1388,0 +1691,0 @@ "original": {

dist/web/tokens.es6.js

 /**
  * Do not edit directly
- * Generated on Thu, 29 Oct 2020 11:38:52 GMT
+ * Generated on Fri, 30 Oct 2020 13:32:49 GMT
  */
@@ -28,2 +28,3 @@
 export const TOKEN_COLOR_FONT_HEADLINE = "#425161";
+export const TOKEN_COLOR_FONT_HELP = "#425161";
 export const TOKEN_COLOR_FONT_BRAND = "#046B99";
@@ -41,3 +42,3 @@ export const TOKEN_COLOR_BORDER_BASE = "#6F7A86";
 export const TOKEN_COLOR_BRAND_PRIMARY = "#046B99";
-export const TOKEN_FONT_TEXT = "-apple-system, 'San Francisco', 'Helvetica Neue', 'Segoe WP', 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
+export const TOKEN_FONT_BODY = "-apple-system, 'San Francisco', 'Helvetica Neue', 'Segoe WP', 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
 export const TOKEN_FONT_HEADLINE = "'Poppins', -apple-system, 'San Francisco', 'Helvetica Neue', 'Segoe WP', 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
@@ -48,16 +49,26 @@ export const TOKEN_FONT_WEIGHT_REGULAR = 400;
 export const TOKEN_FONT_WEIGHT_BOLD = 800;
-export const TOKEN_FONT_SIZE_UI_SMALL = "12px";
-export const TOKEN_FONT_SIZE_UI_TEXT = "16px";
-export const TOKEN_FONT_SIZE_HEADLINE_4 = "20px";
-export const TOKEN_FONT_SIZE_HEADLINE_3 = "24px";
-export const TOKEN_FONT_SIZE_HEADLINE_2 = "36px";
-export const TOKEN_FONT_SIZE_HEADLINE_1 = "48px";
-export const TOKEN_FONT_SIZE_HEADLINE_LARGE = "72px";
-export const TOKEN_LINE_HEIGHT_UI_SMALL = "1.5em";
-export const TOKEN_LINE_HEIGHT_UI_TEXT = "1.5em";
-export const TOKEN_LINE_HEIGHT_HEADLINE_4 = "1.5em";
-export const TOKEN_LINE_HEIGHT_HEADLINE_3 = "1.4em";
-export const TOKEN_LINE_HEIGHT_HEADLINE_2 = "1.3em";
-export const TOKEN_LINE_HEIGHT_HEADLINE_1 = "1.2em";
-export const TOKEN_LINE_HEIGHT_HEADLINE_LARGE = "1.2em";
+export const TOKEN_FONT_SIZE_SMALL = "11px";
+export const TOKEN_FONT_SIZE_TEXT = "14px";
+export const TOKEN_FONT_SIZE_INTRO = "16px";
+export const TOKEN_FONT_SIZE_H_100 = "11px";
+export const TOKEN_FONT_SIZE_H_200 = "12px";
+export const TOKEN_FONT_SIZE_H_300 = "12px";
+export const TOKEN_FONT_SIZE_H_400 = "14px";
+export const TOKEN_FONT_SIZE_H_500 = "16px";
+export const TOKEN_FONT_SIZE_H_600 = "20px";
+export const TOKEN_FONT_SIZE_H_700 = "24px";
+export const TOKEN_FONT_SIZE_H_800 = "29px";
+export const TOKEN_FONT_SIZE_H_900 = "35px";
+export const TOKEN_LINE_HEIGHT_SMALL = "14px";
+export const TOKEN_LINE_HEIGHT_TEXT = "24px";
+export const TOKEN_LINE_HEIGHT_INTRO = "28px";
+export const TOKEN_LINE_HEIGHT_H_100 = "16px";
+export const TOKEN_LINE_HEIGHT_H_200 = "16px";
+export const TOKEN_LINE_HEIGHT_H_300 = "16px";
+export const TOKEN_LINE_HEIGHT_H_400 = "20px";
+export const TOKEN_LINE_HEIGHT_H_500 = "24px";
+export const TOKEN_LINE_HEIGHT_H_600 = "24px";
+export const TOKEN_LINE_HEIGHT_H_700 = "28px";
+export const TOKEN_LINE_HEIGHT_H_800 = "32px";
+export const TOKEN_LINE_HEIGHT_H_900 = "40px";
 export const TOKEN_SPACE_UNIT = "8px";
@@ -64,0 +75,0 @@ export const TOKEN_SPACE_XXX_SMALL = "2px";

dist/web/tokens.json

@@ -24,2 +24,3 @@ {
   "token-color-font-headline": "#425161",
+  "token-color-font-help": "#425161",
   "token-color-font-brand": "#046b99",
@@ -37,3 +38,3 @@ "token-color-border-base": "#6f7a86",
   "token-color-brand-primary": "#046b99",
-  "token-font-text": "-apple-system, 'San Francisco', 'Helvetica Neue', 'Segoe WP', 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
+  "token-font-body": "-apple-system, 'San Francisco', 'Helvetica Neue', 'Segoe WP', 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
   "token-font-headline": "'Poppins', -apple-system, 'San Francisco', 'Helvetica Neue', 'Segoe WP', 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
@@ -44,16 +45,26 @@ "token-font-weight-regular": 400,
   "token-font-weight-bold": 800,
-  "token-font-size-ui-small": "12px",
-  "token-font-size-ui-text": "16px",
-  "token-font-size-headline-4": "20px",
-  "token-font-size-headline-3": "24px",
-  "token-font-size-headline-2": "36px",
-  "token-font-size-headline-1": "48px",
-  "token-font-size-headline-large": "72px",
-  "token-line-height-ui-small": "1.5em",
-  "token-line-height-ui-text": "1.5em",
-  "token-line-height-headline-4": "1.5em",
-  "token-line-height-headline-3": "1.4em",
-  "token-line-height-headline-2": "1.3em",
-  "token-line-height-headline-1": "1.2em",
-  "token-line-height-headline-large": "1.2em",
+  "token-font-size-small": "11px",
+  "token-font-size-text": "14px",
+  "token-font-size-intro": "16px",
+  "token-font-size-h-100": "11px",
+  "token-font-size-h-200": "12px",
+  "token-font-size-h-300": "12px",
+  "token-font-size-h-400": "14px",
+  "token-font-size-h-500": "16px",
+  "token-font-size-h-600": "20px",
+  "token-font-size-h-700": "24px",
+  "token-font-size-h-800": "29px",
+  "token-font-size-h-900": "35px",
+  "token-line-height-small": "14px",
+  "token-line-height-text": "24px",
+  "token-line-height-intro": "28px",
+  "token-line-height-h-100": "16px",
+  "token-line-height-h-200": "16px",
+  "token-line-height-h-300": "16px",
+  "token-line-height-h-400": "20px",
+  "token-line-height-h-500": "24px",
+  "token-line-height-h-600": "24px",
+  "token-line-height-h-700": "28px",
+  "token-line-height-h-800": "32px",
+  "token-line-height-h-900": "40px",
   "token-space-unit": "8px",
@@ -60,0 +71,0 @@ "token-space-xxx-small": "2px",

package.json

 {
   "name": "@ebot7/edem-tokens",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "main": "index.js",
@@ -23,3 +23,3 @@ "files": [
   },
-  "gitHead": "7e63f7c6befdeedfa714c5af885edf4d8d8a27e2"
+  "gitHead": "7fe10a157c6915c792dc83bef1de1aacf476b168"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

79962

increased by15.67%

Lines of code

2553

increased by15.16%

No dependency changes