@nulogy/tokens - npm Package Compare versions

Comparing version 0.9.1 to 0.10.0

dist/exports.js

 /**
  * Do not edit directly
- * Generated on Wed, 19 Jun 2019 13:23:26 GMT
+ * Generated on Thu, 27 Jun 2019 21:37:51 GMT
  */
@@ -5,0 +5,0 @@

package.json

 {
   "name": "@nulogy/tokens",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "Design tokens for the Nulogy Design System - http://nulogy.design",
@@ -19,3 +19,3 @@ "repository": "https://github.com/nulogy/design-system.git",
   },
-  "gitHead": "a54a55dd8fb3c82ad3d68b5bcbbdf32b2ff6af5c"
+  "gitHead": "ffbe3c43740dc52de0b69f32c5bb39e388b7baa2"
 }

readme.md

@@ -15,7 +15,2 @@ ![npm (scoped)](https://img.shields.io/npm/v/@nulogy/tokens.svg?color=blue)
 
-### In JS 
-`import * as tokens from '@nulogy/tokens'`
-
-`Blue is: {tokens.color_base_blue}`
-
 ### In Sass
@@ -25,1 +20,10 @@ `@import '/node_modules/@nulogy/tokens/dist/variables.scss';`
 `.blue-thing {color: $color_base_blue}`
+
+### With CSS Modules 
+
+In your component's jsx file, add `import "@nulogy/tokens/dist/variables.css";`
+
+`.blue-thing {color: var(--color-base-blue)}`
+
+### In JS 
+If you're using javascript, you can access our theme instead of the tokens directly. For instructions on that, see "For custom components" at [nulogy.design/theme](https://nulogy.design/theme/)

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

28

increased by16.67%

Worsened metrics

Total package byte prevSize

13783

decreased by-65.8%

Number of package files

17

decreased by-15%

Lines of code

274

decreased by-77.13%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes