vtex-tachyons - npm Package Compare versions

Comparing version 2.7.0 to 2.8.0

CHANGELOG.md

@@ -10,2 +10,7 @@ # Changelog
 
+## [2.8.0] - 2018-10-15
+
+### Added
+- Add typography styles tokens `.t-heading-1`, `.t-heading-2`, `.t-heading-3`, `.t-heading-4`, `.t-heading-5`, `.t-heading-6`, `.t-body`, `.t-small`, `.t-mini`, `.t-action`, `.t-action--small`, `.t-action--large` and `.t-code`. All of those classes have their responsive counterparts, i.e., `.t-body-s`, `.t-body-ns`, `.t-body-m`, `.t-body-l` and `.t-body-xl`.
+
 ## [2.7.0] - 2018-08-13
@@ -12,0 +17,0 @@

config.js

@@ -274,5 +274,98 @@ module.exports = {
   "typography":{
-    "measure": [30, 34, 20]
+    "measure": [30, 34, 20],
+    "styles": {
+      "heading-1": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "700",
+        "fontSize": "3rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      },
+      "heading-2": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "700",
+        "fontSize": "2.25rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      },
+      "heading-3": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "700",
+        "fontSize": "1.75rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      },
+      "heading-4": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "normal",
+        "fontSize": "1.5rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      },
+      "heading-5": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "normal",
+        "fontSize": "1.25rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      },
+      "heading-6": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "normal",
+        "fontSize": "1.25rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      },
+      "body": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "normal",
+        "fontSize": "1rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      },
+      "small": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "normal",
+        "fontSize": "0.875rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      },
+      "mini": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "normal",
+        "fontSize": "0.75rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      },
+      "action": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "500",
+        "fontSize": "1rem",
+        "textTransform": "uppercase",
+        "letterSpacing": "0"
+      },
+      "action--small": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "500",
+        "fontSize": "0.875rem",
+        "textTransform": "uppercase",
+        "letterSpacing": "0"
+      },
+      "action--large": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "500",
+        "fontSize": "1.25rem",
+        "textTransform": "uppercase",
+        "letterSpacing": "0"
+      },
+      "code": {
+        "fontFamily": "Consolas, monaco, monospace",
+        "fontWeight": "normal",
+        "fontSize": "1rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      }
+    }
   },
   "opacity": [1, 0.9, 0.8, 0.7, 0.6, 0.5, 0.4, 0.3, 0.2, 0.1, 0.05, 0.025, 0]
 }

config.json

@@ -335,3 +335,96 @@ {
       20
-    ]
+    ],
+    "styles": {
+      "heading-1": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "700",
+        "fontSize": "3rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      },
+      "heading-2": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "700",
+        "fontSize": "2.25rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      },
+      "heading-3": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "700",
+        "fontSize": "1.75rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      },
+      "heading-4": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "normal",
+        "fontSize": "1.5rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      },
+      "heading-5": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "normal",
+        "fontSize": "1.25rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      },
+      "heading-6": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "normal",
+        "fontSize": "1.25rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      },
+      "body": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "normal",
+        "fontSize": "1rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      },
+      "small": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "normal",
+        "fontSize": "0.875rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      },
+      "mini": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "normal",
+        "fontSize": "0.75rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      },
+      "action": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "500",
+        "fontSize": "1rem",
+        "textTransform": "uppercase",
+        "letterSpacing": "0"
+      },
+      "action--small": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "500",
+        "fontSize": "0.875rem",
+        "textTransform": "uppercase",
+        "letterSpacing": "0"
+      },
+      "action--large": {
+        "fontFamily": "Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif",
+        "fontWeight": "500",
+        "fontSize": "1.25rem",
+        "textTransform": "uppercase",
+        "letterSpacing": "0"
+      },
+      "code": {
+        "fontFamily": "Consolas, monaco, monospace",
+        "fontWeight": "normal",
+        "fontSize": "1rem",
+        "textTransform": "initial",
+        "letterSpacing": "0"
+      }
+    }
   },
@@ -338,0 +431,0 @@ "opacity": [

index.js

 const fs = require('fs')
 const path = require('path')
 const tachyonsGenerator = require('@vtex/tachyons-generator')
+
 const config = require('./config.js')
@@ -5,0 +6,0 @@

package.json

 {
   "name": "vtex-tachyons",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "description": "A custom Tachyons for VTEX",
@@ -24,4 +24,4 @@ "main": "tachyons.css",
   "devDependencies": {
-    "@vtex/tachyons-generator": "^0.24.0"
+    "@vtex/tachyons-generator": "^0.25.1"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

1511833

increased by16.93%

Number of package files

13

increased by8.33%

Lines of code

9512

increased by3.73%

No dependency changes