unify-token - npm Package Compare versions

Comparing version 1.3.1 to 1.4.0-beta-1

build/color.js

@@ -1,2 +0,2 @@
-export const Neutral = {
+const Neutral = {
   N0: '#FFFFFF',
@@ -15,3 +15,3 @@ N100: '#DBDEE2',
 
-export const Red = {
+const Red = {
   R100: '#FFEAEF',
@@ -25,3 +25,3 @@ R200: '#FFCCD9',
 
-export const Green = {
+const Green = {
   G100: '#EBFFEF',
@@ -35,3 +35,3 @@ G200: '#D6FFDE',
 
-export const Blue = {
+const Blue = {
   B100: '#E5F5FF',
@@ -45,3 +45,3 @@ B200: '#CCEBFF',
 
-export const Purple = {
+const Purple = {
   P100: '#FBE7FF',
@@ -55,3 +55,3 @@ P200: '#EEBBFF',
 
-export const Teal = {
+const Teal = {
   T100: '#EBF6F6',
@@ -65,3 +65,3 @@ T200: '#D2F2F2',
 
-export const Yellow = {
+const Yellow = {
   Y100: '#FFFAE6',
@@ -73,1 +73,3 @@ Y200: '#FFF0B3',
 }
+
+module.exports = {Neutral,Red,Green,Blue,Purple,Teal,Yellow};

build/grid.js

@@ -1,2 +0,2 @@
-export const breakpoint = {
+const breakpoint = {
   mobile: '768px',
@@ -7,3 +7,3 @@ tablet: '1024px',
 
-export const breakpointRAW = {
+const breakpointRAW = {
   mobile: 768,
@@ -14,3 +14,3 @@ tablet: 1024,
 
-export const gutter = {
+const gutter = {
   mobile: '8px',
@@ -21,3 +21,3 @@ tablet: '12px',
 
-export const gutterRAW = {
+const gutterRAW = {
   mobile: 8,
@@ -28,3 +28,3 @@ tablet: 12,
 
-export const column = {
+const column = {
   mobile: '8px',
@@ -35,3 +35,3 @@ tablet: '12px',
 
-export const columnRAW = {
+const columnRAW = {
   mobile: 8,
@@ -41,1 +41,3 @@ tablet: 12,
 }
+
+module.exports = {breakpoint,breakpointRAW,gutter,gutterRAW,column,columnRAW};

build/spacing.js

@@ -1,2 +0,2 @@
-export const spacing = {
+const spacing = {
   lvl1: '2px',
@@ -12,3 +12,3 @@ lvl2: '4px',
 
-export const spacingRAW = {
+const spacingRAW = {
   lvl1: 2,
@@ -24,3 +24,3 @@ lvl2: 4,
 
-export const layout = {
+const layout = {
   lvl1: '8px',
@@ -37,3 +37,3 @@ lvl2: '16px',
 
-export const layoutRAW = {
+const layoutRAW = {
   lvl1: 8,
@@ -49,1 +49,3 @@ lvl2: 16,
 }
+
+module.exports = {spacing,spacingRAW,layout,layoutRAW};

build/typography.js

@@ -1,2 +0,2 @@
-export const fontType = {
+const fontType = {
   stackHeading: 'Nunito Sans',
@@ -9,3 +9,3 @@ desktop: 'Open Sans',
 
-export const fontSize = {
+const fontSize = {
   lvl1: '10px',
@@ -23,3 +23,3 @@ lvl2: '12px',
 
-export const fontSizeRAW = {
+const fontSizeRAW = {
   lvl1: 10,
@@ -37,3 +37,3 @@ lvl2: 12,
 
-export const fontWeight = {
+const fontWeight = {
   regular: 400,
@@ -44,3 +44,3 @@ bold: 700,
 
-export const lineHeight = {
+const lineHeight = {
   lvl1: '16px',
@@ -58,3 +58,3 @@ lvl2: '18px',
 
-export const lineHeightRAW = {
+const lineHeightRAW = {
   lvl1: 16,
@@ -71,1 +71,3 @@ lvl2: 18,
 }
+
+module.exports = {fontType,fontTypeRAW,fontSize,fontSizeRAW,fontWeight,fontWeightRAW,lineHeight,lineHeightRAW};

CHANGELOG.md

@@ -10,2 +10,5 @@ # Change Log
 
+## 1.4.0
+* :star2: fix compatibility issues from `ES5` projects.
+
 ## 1.3.1
@@ -12,0 +15,0 @@ * :star2: Update purple Color Token

globfile.js

@@ -64,3 +64,5 @@ const camelCase = require('lodash/camelCase');
 theo.registerFormat('unify.js', result => {
-  return result.get('props').map(prop => {
+  let exportVal = [];
+  
+  const res = result.get('props').map(prop => {
     const name = camelCase(prop.get('name'))
@@ -71,5 +73,5 @@ const unit = prop.get('unit')
     const category = prop.get('category')
-    const opening = `export const ${name} = {\n`
+    const opening = `const ${name} = {\n`
     const closing = `}\n`
-    const openingRAW = `\nexport const ${name}RAW = {\n`
+    const openingRAW = `\nconst ${name}RAW = {\n`
     const closingRAW = `}\n`
@@ -82,2 +84,4 @@ let content = ''
 
+    exportVal = [...exportVal, name, name + 'RAW'];
+
     if (unit) {
@@ -121,8 +125,13 @@ unit.map((key, index) => unitObject[index] = key)
   }).toJS().join('\n')
+
+  return `${res}\nmodule.exports = {${exportVal.join(',')}};`
 })
 
 theo.registerFormat('unify-color.js', result => {
-  return result.get('props').map(prop => {
+  let exportVal = [];
+
+  const res = result.get('props').map(prop => {
+    const name = prop.get('name');
     const value = prop.get('value')
-    const opening = `export const ${prop.get('name')} = {\n`
+    const opening = `const ${name} = {\n`
     const closing = `}\n`
@@ -132,2 +141,4 @@ let content = ''
 
+    exportVal = [...exportVal, name];
+
     value.map((key, index) => valueObject[index] = `${tinycolor(key).toHexString().toUpperCase()}`)
@@ -147,2 +158,4 @@
   }).toJS().join('\n')
+
+  return `${res}\nmodule.exports = {${exportVal.join(',')}};`
 })
@@ -149,0 +162,0 @@

package.json

 {
   "name": "unify-token",
-  "version": "1.3.1",
+  "version": "1.4.0-beta-1",
   "description": "Design Tokens for the Unify Design System",
@@ -5,0 +5,0 @@ "main": "build/index.js",

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Lines of code

567

increased by1.25%

Worsened metrics

Total package byte prevSize

30375

decreased by-66.2%

Number of package files

14

decreased by-6.67%

Number of low quality alerts

2

increased by100%

No dependency changes