@twilio-paste/design-tokens - npm Package Compare versions

Comparing version 2.5.0 to 3.0.0

CHANGELOG.md

@@ -6,2 +6,67 @@ # Change Log
 
+# [3.0.0](https://github.com/twilio-labs/paste/compare/@twilio-paste/design-tokens@2.5.0...@twilio-paste/design-tokens@3.0.0) (2019-11-11)
+
+
+### Features
+
+* **icons:** delete old icons, add new streamline icons ([#129](https://github.com/twilio-labs/paste/issues/129)) ([571791d](https://github.com/twilio-labs/paste/commit/571791ded8ee4c55bb5a3dbcebee4b17b2c7c826))
+* **typography:** heading component ([#149](https://github.com/twilio-labs/paste/issues/149)) ([4e033e6](https://github.com/twilio-labs/paste/commit/4e033e6f3e58566107271b18057532e768420827))
+
+
+### BREAKING CHANGES
+
+* **icons:** removed all the inherited icons since we're moving to a new system
+
+* chore(icons): update icon list for storybook
+
+* fix(spinner): use new icon
+
+* fix(storybook): use new icon for story
+
+* fix(story): button icons should be 24px
+
+* fix: adjust icon size tokens
+
+* feat: add iconSizes as separate key in theme-tokens
+
+* feat(icons): icons package to use tokens and update icons
+
+* fix(spinner): update to use tokens and new icons
+
+* fix(button): use correct spinner size
+
+* fix(icons): major icons package fixes
+
+- huge overhaul to build process
+- now uses rollup
+- builds into cjs and esm directories
+- made the package publishable to npm
+- moved svg folder out of src, now src only holds react stuff
+- updated scripts to use new paths and cleaned up the code
+- programmatically generates rollup config from the icon-list command
+
+* chore: add new icons dist folders to gitignore
+
+* fix: spinner and button icon usage
+
+* feat(icons): add rollup icon list cache file
+
+* fix(core-bundle): sort packages for consistent builds
+
+* chore: use `esm` instead of `es` in rollup for correctness
+
+* chore: yarn.lock
+
+* fix(spinner): lint error
+
+* chore(icons): move rollup icon list
+
+* chore(spinner): use types package in story
+
+* fix(spinner): swap out destructured props for explicit props
+
+
+
+
+
 # [2.5.0](https://github.com/twilio-labs/paste/compare/@twilio-paste/design-tokens@2.4.0...@twilio-paste/design-tokens@2.5.0) (2019-10-29)
@@ -8,0 +73,0 @@

dist/themes/sendgrid/tokens.common.d.ts

@@ -90,11 +90,12 @@ export declare const borderRadius0 = "0";
 export declare const fontFamilyText = "'Colfax', Helvetica, Arial, sans-serif";
-export declare const fontSize10 = "0.75rem";
-export declare const fontSize100 = "2rem";
-export declare const fontSize20 = "0.875rem";
-export declare const fontSize30 = "1rem";
-export declare const fontSize40 = "1.125rem";
-export declare const fontSize50 = "1.25rem";
-export declare const fontSize60 = "1.5rem";
-export declare const fontSize70 = "1.75rem";
-export declare const fontSize80 = "2rem";
+export declare const fontSize10 = "0.625rem";
+export declare const fontSize100 = "2.5rem";
+export declare const fontSize110 = "3rem";
+export declare const fontSize20 = "0.75rem";
+export declare const fontSize30 = "0.875rem";
+export declare const fontSize40 = "1rem";
+export declare const fontSize50 = "1.125rem";
+export declare const fontSize60 = "1.25rem";
+export declare const fontSize70 = "1.5rem";
+export declare const fontSize80 = "1.75rem";
 export declare const fontSize90 = "2rem";
@@ -132,4 +133,4 @@ export declare const fontWeightBold = "700";
 export declare const sizeIcon10 = "1rem";
-export declare const sizeIcon20 = "1.25rem";
-export declare const sizeIcon30 = "1.5rem";
+export declare const sizeIcon20 = "1.5rem";
+export declare const sizeIcon30 = "2rem";
 export declare const space0 = "0";
@@ -245,11 +246,12 @@ export declare const space10 = "0.125rem";
 export declare const fontSizes: {
-  fontSize10: "0.75rem";
-  fontSize100: "2rem";
-  fontSize20: "0.875rem";
-  fontSize30: "1rem";
-  fontSize40: "1.125rem";
-  fontSize50: "1.25rem";
-  fontSize60: "1.5rem";
-  fontSize70: "1.75rem";
-  fontSize80: "2rem";
+  fontSize10: "0.625rem";
+  fontSize100: "2.5rem";
+  fontSize110: "3rem";
+  fontSize20: "0.75rem";
+  fontSize30: "0.875rem";
+  fontSize40: "1rem";
+  fontSize50: "1.125rem";
+  fontSize60: "1.25rem";
+  fontSize70: "1.5rem";
+  fontSize80: "1.75rem";
   fontSize90: "2rem";
@@ -298,4 +300,4 @@ };
   sizeIcon10: "1rem";
-  sizeIcon20: "1.25rem";
-  sizeIcon30: "1.5rem";
+  sizeIcon20: "1.5rem";
+  sizeIcon30: "2rem";
 };
@@ -302,0 +304,0 @@ export declare const spacings: {

dist/themes/sendgrid/tokens.common.js

@@ -90,11 +90,12 @@ const borderRadius0 = "0";
 const fontFamilyText = "'Colfax', Helvetica, Arial, sans-serif";
-const fontSize10 = "0.75rem";
-const fontSize100 = "2rem";
-const fontSize20 = "0.875rem";
-const fontSize30 = "1rem";
-const fontSize40 = "1.125rem";
-const fontSize50 = "1.25rem";
-const fontSize60 = "1.5rem";
-const fontSize70 = "1.75rem";
-const fontSize80 = "2rem";
+const fontSize10 = "0.625rem";
+const fontSize100 = "2.5rem";
+const fontSize110 = "3rem";
+const fontSize20 = "0.75rem";
+const fontSize30 = "0.875rem";
+const fontSize40 = "1rem";
+const fontSize50 = "1.125rem";
+const fontSize60 = "1.25rem";
+const fontSize70 = "1.5rem";
+const fontSize80 = "1.75rem";
 const fontSize90 = "2rem";
@@ -132,4 +133,4 @@ const fontWeightBold = "700";
 const sizeIcon10 = "1rem";
-const sizeIcon20 = "1.25rem";
-const sizeIcon30 = "1.5rem";
+const sizeIcon20 = "1.5rem";
+const sizeIcon30 = "2rem";
 const space0 = "0";
@@ -259,2 +260,3 @@ const space10 = "0.125rem";
 fontSize100,
+fontSize110,
 fontSize20,
@@ -413,2 +415,3 @@ fontSize30,
 fontSize100,
+fontSize110,
 fontSize20,
@@ -415,0 +418,0 @@ fontSize30,

dist/themes/sendgrid/tokens.es6.d.ts

@@ -90,11 +90,12 @@ export declare const borderRadius0 = "0";
 export declare const fontFamilyText = "'Colfax', Helvetica, Arial, sans-serif";
-export declare const fontSize10 = "0.75rem";
-export declare const fontSize100 = "2rem";
-export declare const fontSize20 = "0.875rem";
-export declare const fontSize30 = "1rem";
-export declare const fontSize40 = "1.125rem";
-export declare const fontSize50 = "1.25rem";
-export declare const fontSize60 = "1.5rem";
-export declare const fontSize70 = "1.75rem";
-export declare const fontSize80 = "2rem";
+export declare const fontSize10 = "0.625rem";
+export declare const fontSize100 = "2.5rem";
+export declare const fontSize110 = "3rem";
+export declare const fontSize20 = "0.75rem";
+export declare const fontSize30 = "0.875rem";
+export declare const fontSize40 = "1rem";
+export declare const fontSize50 = "1.125rem";
+export declare const fontSize60 = "1.25rem";
+export declare const fontSize70 = "1.5rem";
+export declare const fontSize80 = "1.75rem";
 export declare const fontSize90 = "2rem";
@@ -132,4 +133,4 @@ export declare const fontWeightBold = "700";
 export declare const sizeIcon10 = "1rem";
-export declare const sizeIcon20 = "1.25rem";
-export declare const sizeIcon30 = "1.5rem";
+export declare const sizeIcon20 = "1.5rem";
+export declare const sizeIcon30 = "2rem";
 export declare const space0 = "0";
@@ -245,11 +246,12 @@ export declare const space10 = "0.125rem";
 export declare const fontSizes: {
-  fontSize10: "0.75rem";
-  fontSize100: "2rem";
-  fontSize20: "0.875rem";
-  fontSize30: "1rem";
-  fontSize40: "1.125rem";
-  fontSize50: "1.25rem";
-  fontSize60: "1.5rem";
-  fontSize70: "1.75rem";
-  fontSize80: "2rem";
+  fontSize10: "0.625rem";
+  fontSize100: "2.5rem";
+  fontSize110: "3rem";
+  fontSize20: "0.75rem";
+  fontSize30: "0.875rem";
+  fontSize40: "1rem";
+  fontSize50: "1.125rem";
+  fontSize60: "1.25rem";
+  fontSize70: "1.5rem";
+  fontSize80: "1.75rem";
   fontSize90: "2rem";
@@ -298,4 +300,4 @@ };
   sizeIcon10: "1rem";
-  sizeIcon20: "1.25rem";
-  sizeIcon30: "1.5rem";
+  sizeIcon20: "1.5rem";
+  sizeIcon30: "2rem";
 };
@@ -302,0 +304,0 @@ export declare const spacings: {

dist/themes/sendgrid/tokens.es6.js

@@ -90,11 +90,12 @@ export const borderRadius0 = "0";
 export const fontFamilyText = "'Colfax', Helvetica, Arial, sans-serif";
-export const fontSize10 = "0.75rem";
-export const fontSize100 = "2rem";
-export const fontSize20 = "0.875rem";
-export const fontSize30 = "1rem";
-export const fontSize40 = "1.125rem";
-export const fontSize50 = "1.25rem";
-export const fontSize60 = "1.5rem";
-export const fontSize70 = "1.75rem";
-export const fontSize80 = "2rem";
+export const fontSize10 = "0.625rem";
+export const fontSize100 = "2.5rem";
+export const fontSize110 = "3rem";
+export const fontSize20 = "0.75rem";
+export const fontSize30 = "0.875rem";
+export const fontSize40 = "1rem";
+export const fontSize50 = "1.125rem";
+export const fontSize60 = "1.25rem";
+export const fontSize70 = "1.5rem";
+export const fontSize80 = "1.75rem";
 export const fontSize90 = "2rem";
@@ -132,4 +133,4 @@ export const fontWeightBold = "700";
 export const sizeIcon10 = "1rem";
-export const sizeIcon20 = "1.25rem";
-export const sizeIcon30 = "1.5rem";
+export const sizeIcon20 = "1.5rem";
+export const sizeIcon30 = "2rem";
 export const space0 = "0";
@@ -247,2 +248,3 @@ export const space10 = "0.125rem";
 fontSize100,
+fontSize110,
 fontSize20,
@@ -249,0 +251,0 @@ fontSize30,

dist/themes/sendgrid/tokens.gatsby.json

@@ -28,3 +28,3 @@ {
     "categoryName": "font-sizes",
-    "tokens": [{"category":"font-size","type":"font-size","value":"0.75rem","comment":"Constant typography token for font size 10","originalValue":"{!font-size-10}","name":"font-size-10"},{"category":"font-size","type":"font-size","value":"2rem","comment":"Constant typography token for font size 100","originalValue":"{!font-size-100}","name":"font-size-100"},{"category":"font-size","type":"font-size","value":"0.875rem","comment":"Constant typography token for font size 20","originalValue":"{!font-size-20}","name":"font-size-20"},{"category":"font-size","type":"font-size","value":"1rem","comment":"Constant typography token for font size 30","originalValue":"{!font-size-30}","name":"font-size-30"},{"category":"font-size","type":"font-size","value":"1.125rem","comment":"Constant typography token for font size 40","originalValue":"{!font-size-40}","name":"font-size-40"},{"category":"font-size","type":"font-size","value":"1.25rem","comment":"Constant typography token for font size 50","originalValue":"{!font-size-50}","name":"font-size-50"},{"category":"font-size","type":"font-size","value":"1.5rem","comment":"Constant typography token for font size 60","originalValue":"{!font-size-60}","name":"font-size-60"},{"category":"font-size","type":"font-size","value":"1.75rem","comment":"Constant typography token for font size 70","originalValue":"{!font-size-70}","name":"font-size-70"},{"category":"font-size","type":"font-size","value":"2rem","comment":"Constant typography token for font size 80","originalValue":"{!font-size-80}","name":"font-size-80"},{"category":"font-size","type":"font-size","value":"2rem","comment":"Constant typography token for font size 90","originalValue":"{!font-size-90}","name":"font-size-90"}]
+    "tokens": [{"category":"font-size","type":"font-size","value":"0.625rem","comment":"Constant typography token for font size 10","originalValue":"{!font-size-10}","name":"font-size-10"},{"category":"font-size","type":"font-size","value":"2.5rem","comment":"Constant typography token for font size 100","originalValue":"{!font-size-100}","name":"font-size-100"},{"category":"font-size","type":"font-size","value":"3rem","comment":"Constant typography token for font size 110","originalValue":"{!font-size-110}","name":"font-size-110"},{"category":"font-size","type":"font-size","value":"0.75rem","comment":"Constant typography token for font size 20","originalValue":"{!font-size-20}","name":"font-size-20"},{"category":"font-size","type":"font-size","value":"0.875rem","comment":"Constant typography token for font size 30","originalValue":"{!font-size-30}","name":"font-size-30"},{"category":"font-size","type":"font-size","value":"1rem","comment":"Constant typography token for font size 40","originalValue":"{!font-size-40}","name":"font-size-40"},{"category":"font-size","type":"font-size","value":"1.125rem","comment":"Constant typography token for font size 50","originalValue":"{!font-size-50}","name":"font-size-50"},{"category":"font-size","type":"font-size","value":"1.25rem","comment":"Constant typography token for font size 60","originalValue":"{!font-size-60}","name":"font-size-60"},{"category":"font-size","type":"font-size","value":"1.5rem","comment":"Constant typography token for font size 70","originalValue":"{!font-size-70}","name":"font-size-70"},{"category":"font-size","type":"font-size","value":"1.75rem","comment":"Constant typography token for font size 80","originalValue":"{!font-size-80}","name":"font-size-80"},{"category":"font-size","type":"font-size","value":"2rem","comment":"Constant typography token for font size 90","originalValue":"{!font-size-90}","name":"font-size-90"}]
   },
@@ -45,3 +45,3 @@ {
     "categoryName": "sizings",
-    "tokens": [{"type":"size","category":"sizing","value":"0","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-0}","name":"size-0"},{"type":"size","category":"sizing","value":"5.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-10}","name":"size-10"},{"type":"size","category":"sizing","value":"64rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-100}","name":"size-100"},{"type":"size","category":"sizing","value":"70.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-110}","name":"size-110"},{"type":"size","category":"sizing","value":"77rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-120}","name":"size-120"},{"type":"size","category":"sizing","value":"12rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-20}","name":"size-20"},{"type":"size","category":"sizing","value":"18.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-30}","name":"size-30"},{"type":"size","category":"sizing","value":"25rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-40}","name":"size-40"},{"type":"size","category":"sizing","value":"31.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-50}","name":"size-50"},{"type":"size","category":"sizing","value":"38rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-60}","name":"size-60"},{"type":"size","category":"sizing","value":"44.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-70}","name":"size-70"},{"type":"size","category":"sizing","value":"51rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-80}","name":"size-80"},{"type":"size","category":"sizing","value":"57.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-90}","name":"size-90"},{"type":"size","category":"sizing","value":"1rem","comment":"Icon sizing token","originalValue":"{!size-square-30}","name":"size-icon-10"},{"type":"size","category":"sizing","value":"1.25rem","comment":"Icon sizing token","originalValue":"{!size-square-40}","name":"size-icon-20"},{"type":"size","category":"sizing","value":"1.5rem","comment":"Icon sizing token","originalValue":"{!size-square-50}","name":"size-icon-30"}]
+    "tokens": [{"type":"size","category":"sizing","value":"0","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-0}","name":"size-0"},{"type":"size","category":"sizing","value":"5.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-10}","name":"size-10"},{"type":"size","category":"sizing","value":"64rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-100}","name":"size-100"},{"type":"size","category":"sizing","value":"70.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-110}","name":"size-110"},{"type":"size","category":"sizing","value":"77rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-120}","name":"size-120"},{"type":"size","category":"sizing","value":"12rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-20}","name":"size-20"},{"type":"size","category":"sizing","value":"18.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-30}","name":"size-30"},{"type":"size","category":"sizing","value":"25rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-40}","name":"size-40"},{"type":"size","category":"sizing","value":"31.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-50}","name":"size-50"},{"type":"size","category":"sizing","value":"38rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-60}","name":"size-60"},{"type":"size","category":"sizing","value":"44.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-70}","name":"size-70"},{"type":"size","category":"sizing","value":"51rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-80}","name":"size-80"},{"type":"size","category":"sizing","value":"57.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-90}","name":"size-90"},{"type":"size","category":"sizing","value":"1rem","comment":"Icon sizing token","originalValue":"{!size-square-30}","name":"size-icon-10"},{"type":"size","category":"sizing","value":"1.5rem","comment":"Icon sizing token","originalValue":"{!size-square-50}","name":"size-icon-20"},{"type":"size","category":"sizing","value":"2rem","comment":"Icon sizing token","originalValue":"{!size-square-70}","name":"size-icon-30"}]
   },
@@ -48,0 +48,0 @@ {

dist/themes/sendgrid/tokens.ios.json

@@ -410,3 +410,10 @@ {
       "type": "font-size",
-      "value": "32",
+      "value": "48",
+      "comment": "Constant typography token for font size 110",
+      "name": "fontSize110"
+    },
+    {
+      "category": "font-size",
+      "type": "font-size",
+      "value": "40",
       "comment": "Constant typography token for font size 100",
@@ -425,3 +432,3 @@ "name": "fontSize100"
       "type": "font-size",
-      "value": "32",
+      "value": "28",
       "comment": "Constant typography token for font size 80",
@@ -433,3 +440,3 @@ "name": "fontSize80"
       "type": "font-size",
-      "value": "28",
+      "value": "24",
       "comment": "Constant typography token for font size 70",
@@ -441,3 +448,3 @@ "name": "fontSize70"
       "type": "font-size",
-      "value": "24",
+      "value": "20",
       "comment": "Constant typography token for font size 60",
@@ -449,3 +456,3 @@ "name": "fontSize60"
       "type": "font-size",
-      "value": "20",
+      "value": "18",
       "comment": "Constant typography token for font size 50",
@@ -457,3 +464,3 @@ "name": "fontSize50"
       "type": "font-size",
-      "value": "18",
+      "value": "16",
       "comment": "Constant typography token for font size 40",
@@ -465,3 +472,3 @@ "name": "fontSize40"
       "type": "font-size",
-      "value": "16",
+      "value": "14",
       "comment": "Constant typography token for font size 30",
@@ -473,3 +480,3 @@ "name": "fontSize30"
       "type": "font-size",
-      "value": "14",
+      "value": "12",
       "comment": "Constant typography token for font size 20",
@@ -481,3 +488,3 @@ "name": "fontSize20"
       "type": "font-size",
-      "value": "12",
+      "value": "10",
       "comment": "Constant typography token for font size 10",
@@ -734,3 +741,3 @@ "name": "fontSize10"
       "category": "sizing",
-      "value": "24",
+      "value": "32",
       "comment": "Icon sizing token",
@@ -749,3 +756,3 @@ "name": "sizeIcon30"
       "category": "sizing",
-      "value": "20",
+      "value": "24",
       "comment": "Icon sizing token",
@@ -752,0 +759,0 @@ "name": "sizeIcon20"

dist/themes/sendgrid/tokens.json

@@ -60,12 +60,13 @@ {
   "font-family-code": "'Fira Mono', 'Courier New', Courier, monospace",
-  "font-size-100": "2rem",
+  "font-size-110": "3rem",
+  "font-size-100": "2.5rem",
   "font-size-90": "2rem",
-  "font-size-80": "2rem",
-  "font-size-70": "1.75rem",
-  "font-size-60": "1.5rem",
-  "font-size-50": "1.25rem",
-  "font-size-40": "1.125rem",
-  "font-size-30": "1rem",
-  "font-size-20": "0.875rem",
-  "font-size-10": "0.75rem",
+  "font-size-80": "1.75rem",
+  "font-size-70": "1.5rem",
+  "font-size-60": "1.25rem",
+  "font-size-50": "1.125rem",
+  "font-size-40": "1rem",
+  "font-size-30": "0.875rem",
+  "font-size-20": "0.75rem",
+  "font-size-10": "0.625rem",
   "font-weight-light": "300",
@@ -106,5 +107,5 @@ "font-weight-normal": "400",
   "size-100": "64rem",
-  "size-icon-30": "1.5rem",
+  "size-icon-30": "2rem",
   "size-60": "38rem",
-  "size-icon-20": "1.25rem",
+  "size-icon-20": "1.5rem",
   "size-icon-10": "1rem",
@@ -111,0 +112,0 @@ "size-50": "31.5rem",

dist/themes/sendgrid/tokens.raw.json

@@ -486,4 +486,7 @@ {
     },
+    "font-size-110": {
+      "value": "3rem"
+    },
     "font-size-100": {
-      "value": "2rem"
+      "value": "2.5rem"
     },
@@ -494,24 +497,24 @@ "font-size-90": {
     "font-size-80": {
-      "value": "2rem"
+      "value": "1.75rem"
     },
     "font-size-70": {
-      "value": "1.75rem"
+      "value": "1.5rem"
     },
     "font-size-60": {
-      "value": "1.5rem"
+      "value": "1.25rem"
     },
     "font-size-50": {
-      "value": "1.25rem"
+      "value": "1.125rem"
     },
     "font-size-40": {
-      "value": "1.125rem"
+      "value": "1rem"
     },
     "font-size-30": {
-      "value": "1rem"
+      "value": "0.875rem"
     },
     "font-size-20": {
-      "value": "0.875rem"
+      "value": "0.75rem"
     },
     "font-size-10": {
-      "value": "0.75rem"
+      "value": "0.625rem"
     },
@@ -1162,6 +1165,14 @@ "font-weight-light": {
     },
+    "font-size-110": {
+      "category": "font-size",
+      "type": "font-size",
+      "value": "3rem",
+      "comment": "Constant typography token for font size 110",
+      "originalValue": "{!font-size-110}",
+      "name": "font-size-110"
+    },
     "font-size-100": {
       "category": "font-size",
       "type": "font-size",
-      "value": "2rem",
+      "value": "2.5rem",
       "comment": "Constant typography token for font size 100",
@@ -1182,3 +1193,3 @@ "originalValue": "{!font-size-100}",
       "type": "font-size",
-      "value": "2rem",
+      "value": "1.75rem",
       "comment": "Constant typography token for font size 80",
@@ -1191,3 +1202,3 @@ "originalValue": "{!font-size-80}",
       "type": "font-size",
-      "value": "1.75rem",
+      "value": "1.5rem",
       "comment": "Constant typography token for font size 70",
@@ -1200,3 +1211,3 @@ "originalValue": "{!font-size-70}",
       "type": "font-size",
-      "value": "1.5rem",
+      "value": "1.25rem",
       "comment": "Constant typography token for font size 60",
@@ -1209,3 +1220,3 @@ "originalValue": "{!font-size-60}",
       "type": "font-size",
-      "value": "1.25rem",
+      "value": "1.125rem",
       "comment": "Constant typography token for font size 50",
@@ -1218,3 +1229,3 @@ "originalValue": "{!font-size-50}",
       "type": "font-size",
-      "value": "1.125rem",
+      "value": "1rem",
       "comment": "Constant typography token for font size 40",
@@ -1227,3 +1238,3 @@ "originalValue": "{!font-size-40}",
       "type": "font-size",
-      "value": "1rem",
+      "value": "0.875rem",
       "comment": "Constant typography token for font size 30",
@@ -1236,3 +1247,3 @@ "originalValue": "{!font-size-30}",
       "type": "font-size",
-      "value": "0.875rem",
+      "value": "0.75rem",
       "comment": "Constant typography token for font size 20",
@@ -1245,3 +1256,3 @@ "originalValue": "{!font-size-20}",
       "type": "font-size",
-      "value": "0.75rem",
+      "value": "0.625rem",
       "comment": "Constant typography token for font size 10",
@@ -1534,5 +1545,5 @@ "originalValue": "{!font-size-10}",
       "category": "sizing",
-      "value": "1.5rem",
+      "value": "2rem",
       "comment": "Icon sizing token",
-      "originalValue": "{!size-square-50}",
+      "originalValue": "{!size-square-70}",
       "name": "size-icon-30"
@@ -1551,5 +1562,5 @@ },
       "category": "sizing",
-      "value": "1.25rem",
+      "value": "1.5rem",
       "comment": "Icon sizing token",
-      "originalValue": "{!size-square-40}",
+      "originalValue": "{!size-square-50}",
       "name": "size-icon-20"
@@ -1556,0 +1567,0 @@ },

dist/tokens.common.d.ts

@@ -90,12 +90,13 @@ export declare const borderRadius0 = "0";
 export declare const fontFamilyText = "'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif";
-export declare const fontSize10 = "0.75rem";
-export declare const fontSize100 = "1.5rem";
-export declare const fontSize20 = "0.875rem";
-export declare const fontSize30 = "1rem";
-export declare const fontSize40 = "1.125rem";
-export declare const fontSize50 = "1.25rem";
-export declare const fontSize60 = "1.5rem";
+export declare const fontSize10 = "0.625rem";
+export declare const fontSize100 = "2.5rem";
+export declare const fontSize110 = "3rem";
+export declare const fontSize20 = "0.75rem";
+export declare const fontSize30 = "0.875rem";
+export declare const fontSize40 = "1rem";
+export declare const fontSize50 = "1.125rem";
+export declare const fontSize60 = "1.25rem";
 export declare const fontSize70 = "1.5rem";
-export declare const fontSize80 = "1.5rem";
-export declare const fontSize90 = "1.5rem";
+export declare const fontSize80 = "1.75rem";
+export declare const fontSize90 = "2rem";
 export declare const fontWeightBold = "700";
@@ -132,4 +133,4 @@ export declare const fontWeightLight = "300";
 export declare const sizeIcon10 = "1rem";
-export declare const sizeIcon20 = "1.25rem";
-export declare const sizeIcon30 = "1.5rem";
+export declare const sizeIcon20 = "1.5rem";
+export declare const sizeIcon30 = "2rem";
 export declare const space0 = "0";
@@ -245,12 +246,13 @@ export declare const space10 = "0.125rem";
 export declare const fontSizes: {
-  fontSize10: "0.75rem";
-  fontSize100: "1.5rem";
-  fontSize20: "0.875rem";
-  fontSize30: "1rem";
-  fontSize40: "1.125rem";
-  fontSize50: "1.25rem";
-  fontSize60: "1.5rem";
+  fontSize10: "0.625rem";
+  fontSize100: "2.5rem";
+  fontSize110: "3rem";
+  fontSize20: "0.75rem";
+  fontSize30: "0.875rem";
+  fontSize40: "1rem";
+  fontSize50: "1.125rem";
+  fontSize60: "1.25rem";
   fontSize70: "1.5rem";
-  fontSize80: "1.5rem";
-  fontSize90: "1.5rem";
+  fontSize80: "1.75rem";
+  fontSize90: "2rem";
 };
@@ -298,4 +300,4 @@ export declare const fontWeights: {
   sizeIcon10: "1rem";
-  sizeIcon20: "1.25rem";
-  sizeIcon30: "1.5rem";
+  sizeIcon20: "1.5rem";
+  sizeIcon30: "2rem";
 };
@@ -302,0 +304,0 @@ export declare const spacings: {

dist/tokens.common.js

@@ -90,12 +90,13 @@ const borderRadius0 = "0";
 const fontFamilyText = "'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif";
-const fontSize10 = "0.75rem";
-const fontSize100 = "1.5rem";
-const fontSize20 = "0.875rem";
-const fontSize30 = "1rem";
-const fontSize40 = "1.125rem";
-const fontSize50 = "1.25rem";
-const fontSize60 = "1.5rem";
+const fontSize10 = "0.625rem";
+const fontSize100 = "2.5rem";
+const fontSize110 = "3rem";
+const fontSize20 = "0.75rem";
+const fontSize30 = "0.875rem";
+const fontSize40 = "1rem";
+const fontSize50 = "1.125rem";
+const fontSize60 = "1.25rem";
 const fontSize70 = "1.5rem";
-const fontSize80 = "1.5rem";
-const fontSize90 = "1.5rem";
+const fontSize80 = "1.75rem";
+const fontSize90 = "2rem";
 const fontWeightBold = "700";
@@ -132,4 +133,4 @@ const fontWeightLight = "300";
 const sizeIcon10 = "1rem";
-const sizeIcon20 = "1.25rem";
-const sizeIcon30 = "1.5rem";
+const sizeIcon20 = "1.5rem";
+const sizeIcon30 = "2rem";
 const space0 = "0";
@@ -259,2 +260,3 @@ const space10 = "0.125rem";
 fontSize100,
+fontSize110,
 fontSize20,
@@ -413,2 +415,3 @@ fontSize30,
 fontSize100,
+fontSize110,
 fontSize20,
@@ -415,0 +418,0 @@ fontSize30,

dist/tokens.es6.d.ts

@@ -90,12 +90,13 @@ export declare const borderRadius0 = "0";
 export declare const fontFamilyText = "'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif";
-export declare const fontSize10 = "0.75rem";
-export declare const fontSize100 = "1.5rem";
-export declare const fontSize20 = "0.875rem";
-export declare const fontSize30 = "1rem";
-export declare const fontSize40 = "1.125rem";
-export declare const fontSize50 = "1.25rem";
-export declare const fontSize60 = "1.5rem";
+export declare const fontSize10 = "0.625rem";
+export declare const fontSize100 = "2.5rem";
+export declare const fontSize110 = "3rem";
+export declare const fontSize20 = "0.75rem";
+export declare const fontSize30 = "0.875rem";
+export declare const fontSize40 = "1rem";
+export declare const fontSize50 = "1.125rem";
+export declare const fontSize60 = "1.25rem";
 export declare const fontSize70 = "1.5rem";
-export declare const fontSize80 = "1.5rem";
-export declare const fontSize90 = "1.5rem";
+export declare const fontSize80 = "1.75rem";
+export declare const fontSize90 = "2rem";
 export declare const fontWeightBold = "700";
@@ -132,4 +133,4 @@ export declare const fontWeightLight = "300";
 export declare const sizeIcon10 = "1rem";
-export declare const sizeIcon20 = "1.25rem";
-export declare const sizeIcon30 = "1.5rem";
+export declare const sizeIcon20 = "1.5rem";
+export declare const sizeIcon30 = "2rem";
 export declare const space0 = "0";
@@ -245,12 +246,13 @@ export declare const space10 = "0.125rem";
 export declare const fontSizes: {
-  fontSize10: "0.75rem";
-  fontSize100: "1.5rem";
-  fontSize20: "0.875rem";
-  fontSize30: "1rem";
-  fontSize40: "1.125rem";
-  fontSize50: "1.25rem";
-  fontSize60: "1.5rem";
+  fontSize10: "0.625rem";
+  fontSize100: "2.5rem";
+  fontSize110: "3rem";
+  fontSize20: "0.75rem";
+  fontSize30: "0.875rem";
+  fontSize40: "1rem";
+  fontSize50: "1.125rem";
+  fontSize60: "1.25rem";
   fontSize70: "1.5rem";
-  fontSize80: "1.5rem";
-  fontSize90: "1.5rem";
+  fontSize80: "1.75rem";
+  fontSize90: "2rem";
 };
@@ -298,4 +300,4 @@ export declare const fontWeights: {
   sizeIcon10: "1rem";
-  sizeIcon20: "1.25rem";
-  sizeIcon30: "1.5rem";
+  sizeIcon20: "1.5rem";
+  sizeIcon30: "2rem";
 };
@@ -302,0 +304,0 @@ export declare const spacings: {

dist/tokens.es6.js

@@ -90,12 +90,13 @@ export const borderRadius0 = "0";
 export const fontFamilyText = "'Whitney SSm A', 'Whitney SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif";
-export const fontSize10 = "0.75rem";
-export const fontSize100 = "1.5rem";
-export const fontSize20 = "0.875rem";
-export const fontSize30 = "1rem";
-export const fontSize40 = "1.125rem";
-export const fontSize50 = "1.25rem";
-export const fontSize60 = "1.5rem";
+export const fontSize10 = "0.625rem";
+export const fontSize100 = "2.5rem";
+export const fontSize110 = "3rem";
+export const fontSize20 = "0.75rem";
+export const fontSize30 = "0.875rem";
+export const fontSize40 = "1rem";
+export const fontSize50 = "1.125rem";
+export const fontSize60 = "1.25rem";
 export const fontSize70 = "1.5rem";
-export const fontSize80 = "1.5rem";
-export const fontSize90 = "1.5rem";
+export const fontSize80 = "1.75rem";
+export const fontSize90 = "2rem";
 export const fontWeightBold = "700";
@@ -132,4 +133,4 @@ export const fontWeightLight = "300";
 export const sizeIcon10 = "1rem";
-export const sizeIcon20 = "1.25rem";
-export const sizeIcon30 = "1.5rem";
+export const sizeIcon20 = "1.5rem";
+export const sizeIcon30 = "2rem";
 export const space0 = "0";
@@ -247,2 +248,3 @@ export const space10 = "0.125rem";
 fontSize100,
+fontSize110,
 fontSize20,
@@ -249,0 +251,0 @@ fontSize30,

dist/tokens.gatsby.json

@@ -28,3 +28,3 @@ {
     "categoryName": "font-sizes",
-    "tokens": [{"category":"font-size","type":"font-size","value":"0.75rem","comment":"Constant typography token for font size 10","originalValue":"{!font-size-10}","name":"font-size-10"},{"category":"font-size","type":"font-size","value":"1.5rem","comment":"Constant typography token for font size 100","originalValue":"{!font-size-100}","name":"font-size-100"},{"category":"font-size","type":"font-size","value":"0.875rem","comment":"Constant typography token for font size 20","originalValue":"{!font-size-20}","name":"font-size-20"},{"category":"font-size","type":"font-size","value":"1rem","comment":"Constant typography token for font size 30","originalValue":"{!font-size-30}","name":"font-size-30"},{"category":"font-size","type":"font-size","value":"1.125rem","comment":"Constant typography token for font size 40","originalValue":"{!font-size-40}","name":"font-size-40"},{"category":"font-size","type":"font-size","value":"1.25rem","comment":"Constant typography token for font size 50","originalValue":"{!font-size-50}","name":"font-size-50"},{"category":"font-size","type":"font-size","value":"1.5rem","comment":"Constant typography token for font size 60","originalValue":"{!font-size-60}","name":"font-size-60"},{"category":"font-size","type":"font-size","value":"1.5rem","comment":"Constant typography token for font size 70","originalValue":"{!font-size-70}","name":"font-size-70"},{"category":"font-size","type":"font-size","value":"1.5rem","comment":"Constant typography token for font size 80","originalValue":"{!font-size-80}","name":"font-size-80"},{"category":"font-size","type":"font-size","value":"1.5rem","comment":"Constant typography token for font size 90","originalValue":"{!font-size-90}","name":"font-size-90"}]
+    "tokens": [{"category":"font-size","type":"font-size","value":"0.625rem","comment":"Constant typography token for font size 10","originalValue":"{!font-size-10}","name":"font-size-10"},{"category":"font-size","type":"font-size","value":"2.5rem","comment":"Constant typography token for font size 100","originalValue":"{!font-size-100}","name":"font-size-100"},{"category":"font-size","type":"font-size","value":"3rem","comment":"Constant typography token for font size 110","originalValue":"{!font-size-110}","name":"font-size-110"},{"category":"font-size","type":"font-size","value":"0.75rem","comment":"Constant typography token for font size 20","originalValue":"{!font-size-20}","name":"font-size-20"},{"category":"font-size","type":"font-size","value":"0.875rem","comment":"Constant typography token for font size 30","originalValue":"{!font-size-30}","name":"font-size-30"},{"category":"font-size","type":"font-size","value":"1rem","comment":"Constant typography token for font size 40","originalValue":"{!font-size-40}","name":"font-size-40"},{"category":"font-size","type":"font-size","value":"1.125rem","comment":"Constant typography token for font size 50","originalValue":"{!font-size-50}","name":"font-size-50"},{"category":"font-size","type":"font-size","value":"1.25rem","comment":"Constant typography token for font size 60","originalValue":"{!font-size-60}","name":"font-size-60"},{"category":"font-size","type":"font-size","value":"1.5rem","comment":"Constant typography token for font size 70","originalValue":"{!font-size-70}","name":"font-size-70"},{"category":"font-size","type":"font-size","value":"1.75rem","comment":"Constant typography token for font size 80","originalValue":"{!font-size-80}","name":"font-size-80"},{"category":"font-size","type":"font-size","value":"2rem","comment":"Constant typography token for font size 90","originalValue":"{!font-size-90}","name":"font-size-90"}]
   },
@@ -45,3 +45,3 @@ {
     "categoryName": "sizings",
-    "tokens": [{"type":"size","category":"sizing","value":"0","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-0}","name":"size-0"},{"type":"size","category":"sizing","value":"5.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-10}","name":"size-10"},{"type":"size","category":"sizing","value":"64rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-100}","name":"size-100"},{"type":"size","category":"sizing","value":"70.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-110}","name":"size-110"},{"type":"size","category":"sizing","value":"77rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-120}","name":"size-120"},{"type":"size","category":"sizing","value":"12rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-20}","name":"size-20"},{"type":"size","category":"sizing","value":"18.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-30}","name":"size-30"},{"type":"size","category":"sizing","value":"25rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-40}","name":"size-40"},{"type":"size","category":"sizing","value":"31.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-50}","name":"size-50"},{"type":"size","category":"sizing","value":"38rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-60}","name":"size-60"},{"type":"size","category":"sizing","value":"44.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-70}","name":"size-70"},{"type":"size","category":"sizing","value":"51rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-80}","name":"size-80"},{"type":"size","category":"sizing","value":"57.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-90}","name":"size-90"},{"type":"size","category":"sizing","value":"1rem","comment":"Icon sizing token","originalValue":"{!size-square-30}","name":"size-icon-10"},{"type":"size","category":"sizing","value":"1.25rem","comment":"Icon sizing token","originalValue":"{!size-square-40}","name":"size-icon-20"},{"type":"size","category":"sizing","value":"1.5rem","comment":"Icon sizing token","originalValue":"{!size-square-50}","name":"size-icon-30"}]
+    "tokens": [{"type":"size","category":"sizing","value":"0","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-0}","name":"size-0"},{"type":"size","category":"sizing","value":"5.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-10}","name":"size-10"},{"type":"size","category":"sizing","value":"64rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-100}","name":"size-100"},{"type":"size","category":"sizing","value":"70.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-110}","name":"size-110"},{"type":"size","category":"sizing","value":"77rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-120}","name":"size-120"},{"type":"size","category":"sizing","value":"12rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-20}","name":"size-20"},{"type":"size","category":"sizing","value":"18.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-30}","name":"size-30"},{"type":"size","category":"sizing","value":"25rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-40}","name":"size-40"},{"type":"size","category":"sizing","value":"31.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-50}","name":"size-50"},{"type":"size","category":"sizing","value":"38rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-60}","name":"size-60"},{"type":"size","category":"sizing","value":"44.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-70}","name":"size-70"},{"type":"size","category":"sizing","value":"51rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-80}","name":"size-80"},{"type":"size","category":"sizing","value":"57.5rem","comment":"Generic sizing token scale for UI components.","originalValue":"{!size-90}","name":"size-90"},{"type":"size","category":"sizing","value":"1rem","comment":"Icon sizing token","originalValue":"{!size-square-30}","name":"size-icon-10"},{"type":"size","category":"sizing","value":"1.5rem","comment":"Icon sizing token","originalValue":"{!size-square-50}","name":"size-icon-20"},{"type":"size","category":"sizing","value":"2rem","comment":"Icon sizing token","originalValue":"{!size-square-70}","name":"size-icon-30"}]
   },
@@ -48,0 +48,0 @@ {

dist/tokens.ios.json

@@ -410,3 +410,10 @@ {
       "type": "font-size",
-      "value": "24",
+      "value": "48",
+      "comment": "Constant typography token for font size 110",
+      "name": "fontSize110"
+    },
+    {
+      "category": "font-size",
+      "type": "font-size",
+      "value": "40",
       "comment": "Constant typography token for font size 100",
@@ -418,3 +425,3 @@ "name": "fontSize100"
       "type": "font-size",
-      "value": "24",
+      "value": "32",
       "comment": "Constant typography token for font size 90",
@@ -426,3 +433,3 @@ "name": "fontSize90"
       "type": "font-size",
-      "value": "24",
+      "value": "28",
       "comment": "Constant typography token for font size 80",
@@ -441,3 +448,3 @@ "name": "fontSize80"
       "type": "font-size",
-      "value": "24",
+      "value": "20",
       "comment": "Constant typography token for font size 60",
@@ -449,3 +456,3 @@ "name": "fontSize60"
       "type": "font-size",
-      "value": "20",
+      "value": "18",
       "comment": "Constant typography token for font size 50",
@@ -457,3 +464,3 @@ "name": "fontSize50"
       "type": "font-size",
-      "value": "18",
+      "value": "16",
       "comment": "Constant typography token for font size 40",
@@ -465,3 +472,3 @@ "name": "fontSize40"
       "type": "font-size",
-      "value": "16",
+      "value": "14",
       "comment": "Constant typography token for font size 30",
@@ -473,3 +480,3 @@ "name": "fontSize30"
       "type": "font-size",
-      "value": "14",
+      "value": "12",
       "comment": "Constant typography token for font size 20",
@@ -481,3 +488,3 @@ "name": "fontSize20"
       "type": "font-size",
-      "value": "12",
+      "value": "10",
       "comment": "Constant typography token for font size 10",
@@ -734,3 +741,3 @@ "name": "fontSize10"
       "category": "sizing",
-      "value": "24",
+      "value": "32",
       "comment": "Icon sizing token",
@@ -749,3 +756,3 @@ "name": "sizeIcon30"
       "category": "sizing",
-      "value": "20",
+      "value": "24",
       "comment": "Icon sizing token",
@@ -752,0 +759,0 @@ "name": "sizeIcon20"

dist/tokens.json

@@ -60,12 +60,13 @@ {
   "font-family-code": "'Fira Mono', 'Courier New', Courier, monospace",
-  "font-size-100": "1.5rem",
-  "font-size-90": "1.5rem",
-  "font-size-80": "1.5rem",
+  "font-size-110": "3rem",
+  "font-size-100": "2.5rem",
+  "font-size-90": "2rem",
+  "font-size-80": "1.75rem",
   "font-size-70": "1.5rem",
-  "font-size-60": "1.5rem",
-  "font-size-50": "1.25rem",
-  "font-size-40": "1.125rem",
-  "font-size-30": "1rem",
-  "font-size-20": "0.875rem",
-  "font-size-10": "0.75rem",
+  "font-size-60": "1.25rem",
+  "font-size-50": "1.125rem",
+  "font-size-40": "1rem",
+  "font-size-30": "0.875rem",
+  "font-size-20": "0.75rem",
+  "font-size-10": "0.625rem",
   "font-weight-light": "300",
@@ -106,5 +107,5 @@ "font-weight-normal": "400",
   "size-100": "64rem",
-  "size-icon-30": "1.5rem",
+  "size-icon-30": "2rem",
   "size-60": "38rem",
-  "size-icon-20": "1.25rem",
+  "size-icon-20": "1.5rem",
   "size-icon-10": "1rem",
@@ -111,0 +112,0 @@ "size-50": "31.5rem",

dist/tokens.raw.json

@@ -270,10 +270,13 @@ {
     },
+    "font-size-110": {
+      "value": "3rem"
+    },
     "font-size-100": {
-      "value": "1.5rem"
+      "value": "2.5rem"
     },
     "font-size-90": {
-      "value": "1.5rem"
+      "value": "2rem"
     },
     "font-size-80": {
-      "value": "1.5rem"
+      "value": "1.75rem"
     },
@@ -284,18 +287,18 @@ "font-size-70": {
     "font-size-60": {
-      "value": "1.5rem"
+      "value": "1.25rem"
     },
     "font-size-50": {
-      "value": "1.25rem"
+      "value": "1.125rem"
     },
     "font-size-40": {
-      "value": "1.125rem"
+      "value": "1rem"
     },
     "font-size-30": {
-      "value": "1rem"
+      "value": "0.875rem"
     },
     "font-size-20": {
-      "value": "0.875rem"
+      "value": "0.75rem"
     },
     "font-size-10": {
-      "value": "0.75rem"
+      "value": "0.625rem"
     },
@@ -946,6 +949,14 @@ "font-weight-light": {
     },
+    "font-size-110": {
+      "category": "font-size",
+      "type": "font-size",
+      "value": "3rem",
+      "comment": "Constant typography token for font size 110",
+      "originalValue": "{!font-size-110}",
+      "name": "font-size-110"
+    },
     "font-size-100": {
       "category": "font-size",
       "type": "font-size",
-      "value": "1.5rem",
+      "value": "2.5rem",
       "comment": "Constant typography token for font size 100",
@@ -958,3 +969,3 @@ "originalValue": "{!font-size-100}",
       "type": "font-size",
-      "value": "1.5rem",
+      "value": "2rem",
       "comment": "Constant typography token for font size 90",
@@ -967,3 +978,3 @@ "originalValue": "{!font-size-90}",
       "type": "font-size",
-      "value": "1.5rem",
+      "value": "1.75rem",
       "comment": "Constant typography token for font size 80",
@@ -984,3 +995,3 @@ "originalValue": "{!font-size-80}",
       "type": "font-size",
-      "value": "1.5rem",
+      "value": "1.25rem",
       "comment": "Constant typography token for font size 60",
@@ -993,3 +1004,3 @@ "originalValue": "{!font-size-60}",
       "type": "font-size",
-      "value": "1.25rem",
+      "value": "1.125rem",
       "comment": "Constant typography token for font size 50",
@@ -1002,3 +1013,3 @@ "originalValue": "{!font-size-50}",
       "type": "font-size",
-      "value": "1.125rem",
+      "value": "1rem",
       "comment": "Constant typography token for font size 40",
@@ -1011,3 +1022,3 @@ "originalValue": "{!font-size-40}",
       "type": "font-size",
-      "value": "1rem",
+      "value": "0.875rem",
       "comment": "Constant typography token for font size 30",
@@ -1020,3 +1031,3 @@ "originalValue": "{!font-size-30}",
       "type": "font-size",
-      "value": "0.875rem",
+      "value": "0.75rem",
       "comment": "Constant typography token for font size 20",
@@ -1029,3 +1040,3 @@ "originalValue": "{!font-size-20}",
       "type": "font-size",
-      "value": "0.75rem",
+      "value": "0.625rem",
       "comment": "Constant typography token for font size 10",
@@ -1318,5 +1329,5 @@ "originalValue": "{!font-size-10}",
       "category": "sizing",
-      "value": "1.5rem",
+      "value": "2rem",
       "comment": "Icon sizing token",
-      "originalValue": "{!size-square-50}",
+      "originalValue": "{!size-square-70}",
       "name": "size-icon-30"
@@ -1335,5 +1346,5 @@ },
       "category": "sizing",
-      "value": "1.25rem",
+      "value": "1.5rem",
       "comment": "Icon sizing token",
-      "originalValue": "{!size-square-40}",
+      "originalValue": "{!size-square-50}",
       "name": "size-icon-20"
@@ -1340,0 +1351,0 @@ },

package.json

 {
   "name": "@twilio-paste/design-tokens",
-  "version": "2.5.0",
+  "version": "3.0.0",
   "description": "Paste Design System Tokens package with a number of different formats for Web, Mobile, and Sketch.",
@@ -39,3 +39,3 @@ "main": "dist/tokens.common.js",
   },
-  "gitHead": "3f8786355696cd4d1df5281cb7f0f18cfd2b8ebe"
+  "gitHead": "380c46893633fe4a11a08f4cd7e218363c4b2109"
 }

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

452683

increased by1%

Lines of code

10380

increased by0.6%

No dependency changes