unify-token
Advanced tools
Comparing version
@@ -0,14 +1,22 @@ | ||
const Base = { | ||
Black: '#000000', | ||
White: '#FFFFFF' | ||
}; | ||
const Neutral = { | ||
N0: '#FFFFFF', | ||
N100: '#DBDEE2', | ||
N200: '#9FA6B0', | ||
N300: '#838994', | ||
N400: '#6C727C', | ||
N500: '#52565E', | ||
N600: '#40454C', | ||
N700: '#31353B', | ||
N50: '#F3F4F5', | ||
N100: '#EFF3F9', | ||
N200: '#E4EAF3', | ||
N300: '#CAD3E1', | ||
N950: '#212121', | ||
N400: '#AAB4C8', | ||
N500: '#8D96AA', | ||
N600: '#778092', | ||
N700: '#525A67', | ||
N50: '#FAFCFE', | ||
N800: '#40464E', | ||
N900: '#2E3237', | ||
N75: '#E5E7E9', | ||
N150: '#B5BBC5' | ||
} | ||
}; | ||
@@ -22,12 +30,18 @@ const Red = { | ||
R600: '#D6001C' | ||
} | ||
}; | ||
const Green = { | ||
G100: '#EBFFEF', | ||
G200: '#D6FFDE', | ||
G300: '#82EF95', | ||
G400: '#4FD15A', | ||
G500: '#03AC0E', | ||
G600: '#12883D' | ||
} | ||
G50: '#D4FBE6', | ||
G0: '#FFFFFF', | ||
G100: '#9EF8C7', | ||
G200: '#7AE8AD', | ||
G300: '#4FD18B', | ||
G950: '#071F15', | ||
G400: '#2ABF6C', | ||
G500: '#00AA5B', | ||
G600: '#029450', | ||
G700: '#027645', | ||
G800: '#0F5134', | ||
G900: '#0A3724' | ||
}; | ||
@@ -41,3 +55,3 @@ const Blue = { | ||
B600: '#0066A9' | ||
} | ||
}; | ||
@@ -51,3 +65,3 @@ const Purple = { | ||
P600: '#7A08C9' | ||
} | ||
}; | ||
@@ -61,3 +75,3 @@ const Teal = { | ||
T600: '#3A6E70' | ||
} | ||
}; | ||
@@ -70,5 +84,16 @@ const Yellow = { | ||
Y500: '#FA591D' | ||
} | ||
}; | ||
const Text = { | ||
highEmphasis: '#212121', | ||
lowEmphasis: '#778092', | ||
disabled: '#AAB4C8', | ||
danger: '#EF144A', | ||
link: '#00AA5B', | ||
linkHover: '#027645', | ||
invert: '#FFFFFF' | ||
}; | ||
module.exports = { | ||
Base, | ||
Neutral, | ||
@@ -80,3 +105,4 @@ Red, | ||
Teal, | ||
Yellow | ||
Yellow, | ||
Text | ||
}; |
const fontType = { | ||
stackHeading: 'Nunito Sans', | ||
stackHeading: 'Metropolis Bold', | ||
desktop: 'Open Sans', | ||
@@ -4,0 +4,0 @@ lite: 'Open Sans', |
@@ -0,11 +1,18 @@ | ||
// Base | ||
export const Black = '#000000'; | ||
export const White = '#FFFFFF'; | ||
// Neutral | ||
export const N0 = '#FFFFFF'; | ||
export const N100 = '#DBDEE2'; | ||
export const N200 = '#9FA6B0'; | ||
export const N300 = '#838994'; | ||
export const N400 = '#6C727C'; | ||
export const N500 = '#52565E'; | ||
export const N600 = '#40454C'; | ||
export const N700 = '#31353B'; | ||
export const N50 = '#F3F4F5'; | ||
export const N100 = '#EFF3F9'; | ||
export const N200 = '#E4EAF3'; | ||
export const N300 = '#CAD3E1'; | ||
export const N950 = '#212121'; | ||
export const N400 = '#AAB4C8'; | ||
export const N500 = '#8D96AA'; | ||
export const N600 = '#778092'; | ||
export const N700 = '#525A67'; | ||
export const N50 = '#FAFCFE'; | ||
export const N800 = '#40464E'; | ||
export const N900 = '#2E3237'; | ||
export const N75 = '#E5E7E9'; | ||
@@ -23,8 +30,14 @@ export const N150 = '#B5BBC5'; | ||
// Green | ||
export const G100 = '#EBFFEF'; | ||
export const G200 = '#D6FFDE'; | ||
export const G300 = '#82EF95'; | ||
export const G400 = '#4FD15A'; | ||
export const G500 = '#03AC0E'; | ||
export const G600 = '#12883D'; | ||
export const G50 = '#D4FBE6'; | ||
export const G0 = '#FFFFFF'; | ||
export const G100 = '#9EF8C7'; | ||
export const G200 = '#7AE8AD'; | ||
export const G300 = '#4FD18B'; | ||
export const G950 = '#071F15'; | ||
export const G400 = '#2ABF6C'; | ||
export const G500 = '#00AA5B'; | ||
export const G600 = '#029450'; | ||
export const G700 = '#027645'; | ||
export const G800 = '#0F5134'; | ||
export const G900 = '#0A3724'; | ||
@@ -61,1 +74,10 @@ // Blue | ||
export const Y500 = '#FA591D'; | ||
// Text | ||
export const textHighEmphasis = '#212121'; | ||
export const textLowEmphasis = '#778092'; | ||
export const textDisabled = '#AAB4C8'; | ||
export const textDanger = '#EF144A'; | ||
export const textLink = '#00AA5B'; | ||
export const textLinkHover = '#027645'; | ||
export const textInvert = '#FFFFFF'; |
// Font Family | ||
export const fontFamilyStackHeading = 'Nunito Sans'; | ||
export const fontFamilyStackHeading = 'Metropolis Bold'; | ||
export const fontFamilyDesktop = 'Open Sans'; | ||
@@ -4,0 +4,0 @@ export const fontFamilyLite = 'Open Sans'; |
{ | ||
"name": "unify-token", | ||
"version": "1.7.0", | ||
"version": "1.8.0-beta-1", | ||
"description": "Design Tokens for the Unify Design System", | ||
@@ -8,8 +8,12 @@ "main": "build/index.js", | ||
"scripts": { | ||
"build": "rimraf ./build && node globfile.js", | ||
"build-edge": "rimraf ./build && node globfile.edge.js", | ||
"build-test": "rimraf ./build && theo ./tokens/index.yml --format module.js,scss,common.js,ios.json,android.xml --dest ./build", | ||
"build": "node globfile.js", | ||
"build:clean": "yarn clean && yarn build", | ||
"build:edge": "yarn clean && node globfile.edge.js", | ||
"build:test": "yarn clean && theo ./tokens/index.yml --format module.js,scss,common.js,ios.json,android.xml --dest ./build", | ||
"clean": "rimraf ./build", | ||
"sketch-json": "rimraf ./sketch-json ./sketch/test.zip && sketch-json *.sketch", | ||
"prepublishOnly": "npm run build" | ||
"prepublishOnly": "npm run build:clean", | ||
"release": "./publish.sh", | ||
"release:dev": "./publish.sh -dev", | ||
"release:beta": "./publish.sh -beta", | ||
"sketch-json": "rimraf ./sketch-json ./sketch/test.zip && sketch-json *.sketch" | ||
}, | ||
@@ -16,0 +20,0 @@ "keywords": [ |
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
21365
12.95%13
8.33%561
8.51%2
100%