@blackbaud/skyux-design-tokens - npm Package Compare versions

Comparing version 0.0.8 to 0.0.9

CHANGELOG.md

@@ -0,1 +1,5 @@
+# 0.0.9 (2017-08-21)
+
+- Added values for viewport breakpoints and spacing. [#17](https://github.com/blackbaud/skyux-design-tokens/pull/17) [#19](https://github.com/blackbaud/skyux-design-tokens/pull/19)
+
 # 0.0.8 (2017-08-17)
@@ -31,2 +35,2 @@
 
-  - Added initial design tokens for SKY UX.
+  - Added initial design tokens for SKY UX.

json/design-tokens.json

@@ -43,2 +43,29 @@ {
   },
+  "size": {
+    "screen": {
+      "xs": {
+        "max": "767px"
+      },
+      "sm": {
+        "min": "768px",
+        "max": "991px"
+      },
+      "md": {
+        "min": "992px",
+        "max": "1199px"
+      },
+      "lg": {
+        "min": "1200px"
+      }
+    }
+  },
+  "space": {
+    "default": "10px",
+    "xxs": "3px",
+    "xs": "5px",
+    "sm": "8px",
+    "md": "10px",
+    "lg": "15px",
+    "xl": "20px"
+  },
   "text-color": {
@@ -72,3 +99,64 @@ "default": "#282b31",
     "neutral-medium": "#cdcfd2"
+  },
+  "screen": {
+    "xs-max": "767px",
+    "sm-min": "768px",
+    "sm-max": "991px",
+    "md-min": "992px",
+    "md-max": "1199px",
+    "lg-min": "1200px"
+  },
+  "padding": {
+    "even": {
+      "default": [
+        "10px",
+        "10px",
+        "10px",
+        "10px"
+      ],
+      "small": [
+        "8px",
+        "8px",
+        "8px",
+        "8px"
+      ],
+      "large": [
+        "15px",
+        "15px",
+        "15px",
+        "15px"
+      ]
+    },
+    "squish": {
+      "default": [
+        "5px",
+        "10px",
+        "5px",
+        "10px"
+      ],
+      "small": [
+        "3px",
+        "8px",
+        "3px",
+        "8px"
+      ],
+      "large": [
+        "8px",
+        "15px",
+        "8px",
+        "15px"
+      ]
+    }
+  },
+  "margin": {
+    "inline": {
+      "default": "10px",
+      "compact": "3px"
+    },
+    "stacked": {
+      "default": "10px",
+      "compact": "5px",
+      "separate": "20px"
+    }
   }
 }

package.json

 {
   "name": "@blackbaud/skyux-design-tokens",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "Design tokens for SKY UX",
@@ -12,6 +12,5 @@ "homepage": "https://github.com/blackbaud/skyux-design-tokens",
   "devDependencies": {
-    "js-yaml": "3.8.4",
-    "path": "0.12.7",
-    "fs-extra": "3.0.1",
-    "rimraf": "2.6.1"
+    "js-yaml": "3.12.0",
+    "fs-extra": "7.0.0",
+    "rimraf": "2.6.2"
   },
@@ -18,0 +17,0 @@ "repository": {

README.md

 # skyux-design-tokens
 
+[![npm](https://img.shields.io/npm/v/@blackbaud/skyux-design-tokens.svg)](https://www.npmjs.com/package/@blackbaud/skyux-design-tokens)
+
 This repository contains design tokens for building styles for SKY UX. The tokens are stored in 'src/design-tokens.yml' When this package is released, it will contain the following files:
@@ -15,2 +17,2 @@
 
-To create these result files locally, clone this repository, run `npm install` and then `npm run build`.
+To create these result files locally, clone this repository, run `npm install` and then `npm run build`.

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

11549

increased by57.99%

Dev dependency count

3

decreased by-25%

Lines of code

159

increased by123.94%

Number of lines in readme file

18

increased by20%

No dependency changes