@nulogy/tokens - npm Package Compare versions

Comparing version 2.0.0 to 2.13.0

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+# [2.13.0](https://github.com/nulogy/design-system/compare/v2.12.1...v2.13.0) (2020-06-03)
+
+
+### Features
+
+* add overlay css component ([#666](https://github.com/nulogy/design-system/issues/666)) ([1cf892a](https://github.com/nulogy/design-system/commit/1cf892a85798c40702aad86ee6d5f34037307c8e))
+
+
+
+
+
 # [2.0.0](https://github.com/nulogy/design-system/compare/v1.6.1...v2.0.0) (2020-03-25)
@@ -8,0 +19,0 @@

dist/exports.js

 /**
  * Do not edit directly
- * Generated on Wed, 25 Mar 2020 16:39:58 GMT
+ * Generated on Wed, 03 Jun 2020 20:45:45 GMT
  */
@@ -67,2 +67,6 @@
 export const weight_font_medium = "500";
-export const weight_font_bold = "600";
+export const weight_font_bold = "600";
+export const z_index_content = 100;
+export const z_index_tabs_scoll_indicator = 200;
+export const z_index_tabs_bar = 210;
+export const z_index_overlay = 1000;

package.json

 {
   "name": "@nulogy/tokens",
-  "version": "2.0.0",
+  "version": "2.13.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": "51b233491d8082b28e5e4d05750987a2642d19d4"
+  "gitHead": "ef50c2bc09ee847739b40a14caf20cf54e9404fb"
 }

readme.md

@@ -1,27 +0,29 @@
-![npm (scoped)](https://img.shields.io/npm/v/@nulogy/tokens.svg?color=blue)
-
 # @nulogy/tokens
-This is where Nulogy's design tokens are stored and converted using [Style Dictionary](https://amzn.github.io/style-dictionary). Tokens are mostly used in our React components and CSS classes, but tokens can be imported directly into your application if needed. 
 
+> This is where Nulogy's design tokens are stored and converted using [Style Dictionary](https://amzn.github.io/style-dictionary)
+
+![npm (scoped)](https://img.shields.io/npm/v/@nulogy/tokens.svg)
+
 ## What are tokens?
+
 > Design tokens are the visual design atoms of the design system — specifically, they are named entities that store visual design attributes. We use them in place of hard-coded values (such as hex values for color or pixel values for spacing) in order to maintain a scalable and consistent visual system for UI development.
+
 - [Salesforce](https://www.lightningdesignsystem.com/design-tokens/)
 
-## Installation
-`yarn add @nulogy/tokens`
+## 📦 Installation
 
-## Usage 
+**⚠️ Note** that this package is primarily designed to be used by [@nulogy/components](https://github.com/nulogy/design-system/tree/master/components) and [@nulogy/css](https://github.com/nulogy/design-system/tree/master/css). You probably shouldn't be pulling this into an application, unless you need access to raw sass, css, or javascript values for some reason.
 
-### In Sass
-`@import '/node_modules/@nulogy/tokens/dist/variables.scss';`
+`yarn add @nulogy/tokens`
 
-`.blue-thing {color: $color_base_blue}`
+## ✨ Usage
 
-### With CSS Modules 
+After installing, you'll have access to three variable files:
 
-In your component's jsx file, add `import "@nulogy/tokens/dist/variables.css";`
+- `_variables.scss` for sass variables, used by @nulogy/css
+- `_exports.js` for javascript constants, used by @nulogy/components and converted into [theme](https://nulogy.design/theme) file
+- `variables.css` for access to css variables
 
-`.blue-thing {color: var(--color-base-blue)}`
+## 💬 Questions
 
-### 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/)
+- [#design-system](slack://channel?team=T024N2KKA&id=CBAFQ4X7X)

src/shadow/focus.json

 {
   "shadow": {
-    "focus": { "value": "0px 0px 5px 0px rgba(33, 107, 235, .9)" },
-    "error": { "value": "0px 0px 5px 0px rgba(204, 20, 57, .9)" }
+    "focus": {
+      "value": "0px 0px 5px 0px rgba(33, 107, 235, .9)"
+    },
+    "error": {
+      "value": "0px 0px 5px 0px rgba(204, 20, 57, .9)"
+    }
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

16939

increased by6.7%

Number of package files

19

increased by5.56%

Lines of code

308

increased by10%

Number of lines in readme file

30

increased by7.14%

No dependency changes