🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

unify-token

Package Overview
Dependencies
Maintainers
5
Versions
79
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

unify-token - npm Package Compare versions

Comparing version

1.8.0-beta-2
to
1.8.0-dev-1

build/v2/motions.js

153

build/color.js

@@ -1,119 +0,69 @@

const Base = {
Black: '#000000',
White: '#FFFFFF'
};
const Neutral = {
N0: '#FFFFFF',
N100: '#EFF3F9',
N200: '#E4EAF3',
N300: '#CAD3E1',
N950: '#212121',
N400: '#AAB4C8',
N500: '#8D96AA',
N600: '#778092',
N700: '#525A67',
N50: '#FAFCFE',
N800: '#40464E',
N900: '#2E3237',
N100: '#DBDEE2',
N200: '#9FA6B0',
N300: '#838994',
N400: '#6C727C',
N500: '#52565E',
N600: '#40454C',
N700: '#31353B',
N50: '#F3F4F5',
N75: '#E5E7E9',
N150: '#B5BBC5'
};
}
const Red = {
R200: '#FE8999',
R300: '#F76478',
R950: '#41101B',
R400: '#EC465C',
R500: '#E8324A',
R600: '#D2253D',
R700: '#AD1C30',
R800: '#871C2A',
R900: '#671A24',
R50: '#FFEBEE',
R100: '#FDA2AE'
};
R100: '#FFEAEF',
R200: '#FFCCD9',
R300: '#FD8AA7',
R400: '#FF5C84',
R500: '#EF144A',
R600: '#D6001C'
}
const Green = {
G50: '#D4FBE6',
G100: '#9EF8C7',
G200: '#7AE8AD',
G300: '#4FD18B',
G950: '#071F15',
G400: '#2ABF6C',
G500: '#00AA5B',
G600: '#029450',
G700: '#027645',
G800: '#0F5134',
G900: '#0A3724'
};
G100: '#EBFFEF',
G200: '#D6FFDE',
G300: '#82EF95',
G400: '#4FD15A',
G500: '#03AC0E',
G600: '#12883D'
}
const Blue = {
B100: '#91D5FF',
B200: '#72C1FA',
B300: '#4EA5E5',
B950: '#0C1821',
B400: '#2B85CC',
B500: '#036FBD',
B600: '#065E9E',
B700: '#144B73',
B800: '#163953',
B900: '#132A39',
B50: '#BDEEFF'
};
B100: '#E5F5FF',
B200: '#CCEBFF',
B300: '#77CAFF',
B400: '#32AFFF',
B500: '#009BFF',
B600: '#0066A9'
}
const Purple = {
P100: '#CF9EF0',
P200: '#C381F1',
P300: '#AD54EB',
P950: '#1D092F',
P400: '#9033CF',
P500: '#7A08C9',
P600: '#581493',
P700: '#490F7B',
P800: '#3D0D67',
P900: '#2C0C48',
P50: '#F0D5FF'
};
P100: '#FBE7FF',
P200: '#EEBBFF',
P300: '#D07EFF',
P400: '#AC43F6',
P500: '#9022DC',
P600: '#7A08C9'
}
const Teal = {
T400: '#42C0CE',
T950: '#0C262A',
T500: '#16A5B9',
T600: '#0092A6',
T700: '#077383',
T800: '#0C545E',
T900: '#113F45',
T50: '#D3FFFC',
T100: '#ABF8FB',
T200: '#81E5EE',
T300: '#67D1DB'
};
T100: '#EBF6F6',
T200: '#D2F2F2',
T300: '#B0E2E5',
T400: '#84C6C9',
T500: '#689C9E',
T600: '#3A6E70'
}
const Yellow = {
Y900: '#5F220B',
Y50: '#FFEEC9',
Y100: '#FFDD9C',
Y200: '#FFCD6B',
Y300: '#FFB53C',
Y950: '#3A1B0F',
Y400: '#F99A00',
Y500: '#F47915',
Y600: '#ED5F0E',
Y700: '#C64A13',
Y800: '#883212'
};
Y100: '#FFFAE6',
Y200: '#FFF0B3',
Y300: '#FFC400',
Y400: '#FF8B00',
Y500: '#FA591D'
}
const Text = {
highEmphasis: '#212121',
lowEmphasis: '#778092',
disabled: '#AAB4C8',
danger: '#E8324A',
link: '#00AA5B',
linkHover: '#027645',
invert: '#FFFFFF'
};
module.exports = {
Base,
Neutral,

@@ -125,4 +75,3 @@ Red,

Teal,
Yellow,
Text
Yellow
};

4

build/typography.js
const fontType = {
stackHeading: 'Metropolis Bold',
stackHeading: 'Nunito Sans',
desktop: 'Open Sans',
lite: 'Open Sans',
lite: '-apple-system, BlinkMacSystemFont, Roboto, sans-serif',
ios: 'SF Pro Text',

@@ -6,0 +6,0 @@ android: 'Roboto'

133

build/v2/colors.js

@@ -1,18 +0,11 @@

// Base
export const Black = '#000000';
export const White = '#FFFFFF';
// Neutral
export const N0 = '#FFFFFF';
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 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 N75 = '#E5E7E9';

@@ -22,86 +15,46 @@ export const N150 = '#B5BBC5';

// Red
export const R200 = '#FE8999';
export const R300 = '#F76478';
export const R950 = '#41101B';
export const R400 = '#EC465C';
export const R500 = '#E8324A';
export const R600 = '#D2253D';
export const R700 = '#AD1C30';
export const R800 = '#871C2A';
export const R900 = '#671A24';
export const R50 = '#FFEBEE';
export const R100 = '#FDA2AE';
export const R100 = '#FFEAEF';
export const R200 = '#FFCCD9';
export const R300 = '#FD8AA7';
export const R400 = '#FF5C84';
export const R500 = '#EF144A';
export const R600 = '#D6001C';
// Green
export const G50 = '#D4FBE6';
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';
export const G100 = '#EBFFEF';
export const G200 = '#D6FFDE';
export const G300 = '#82EF95';
export const G400 = '#4FD15A';
export const G500 = '#03AC0E';
export const G600 = '#12883D';
// Blue
export const B100 = '#91D5FF';
export const B200 = '#72C1FA';
export const B300 = '#4EA5E5';
export const B950 = '#0C1821';
export const B400 = '#2B85CC';
export const B500 = '#036FBD';
export const B600 = '#065E9E';
export const B700 = '#144B73';
export const B800 = '#163953';
export const B900 = '#132A39';
export const B50 = '#BDEEFF';
export const B100 = '#E5F5FF';
export const B200 = '#CCEBFF';
export const B300 = '#77CAFF';
export const B400 = '#32AFFF';
export const B500 = '#009BFF';
export const B600 = '#0066A9';
// Purple
export const P100 = '#CF9EF0';
export const P200 = '#C381F1';
export const P300 = '#AD54EB';
export const P950 = '#1D092F';
export const P400 = '#9033CF';
export const P500 = '#7A08C9';
export const P600 = '#581493';
export const P700 = '#490F7B';
export const P800 = '#3D0D67';
export const P900 = '#2C0C48';
export const P50 = '#F0D5FF';
export const P100 = '#FBE7FF';
export const P200 = '#EEBBFF';
export const P300 = '#D07EFF';
export const P400 = '#AC43F6';
export const P500 = '#9022DC';
export const P600 = '#7A08C9';
// Teal
export const T400 = '#42C0CE';
export const T950 = '#0C262A';
export const T500 = '#16A5B9';
export const T600 = '#0092A6';
export const T700 = '#077383';
export const T800 = '#0C545E';
export const T900 = '#113F45';
export const T50 = '#D3FFFC';
export const T100 = '#ABF8FB';
export const T200 = '#81E5EE';
export const T300 = '#67D1DB';
export const T100 = '#EBF6F6';
export const T200 = '#D2F2F2';
export const T300 = '#B0E2E5';
export const T400 = '#84C6C9';
export const T500 = '#689C9E';
export const T600 = '#3A6E70';
// Yellow
export const Y900 = '#5F220B';
export const Y50 = '#FFEEC9';
export const Y100 = '#FFDD9C';
export const Y200 = '#FFCD6B';
export const Y300 = '#FFB53C';
export const Y950 = '#3A1B0F';
export const Y400 = '#F99A00';
export const Y500 = '#F47915';
export const Y600 = '#ED5F0E';
export const Y700 = '#C64A13';
export const Y800 = '#883212';
// Text
export const textHighEmphasis = '#212121';
export const textLowEmphasis = '#778092';
export const textDisabled = '#AAB4C8';
export const textDanger = '#E8324A';
export const textLink = '#00AA5B';
export const textLinkHover = '#027645';
export const textInvert = '#FFFFFF';
export const Y100 = '#FFFAE6';
export const Y200 = '#FFF0B3';
export const Y300 = '#FFC400';
export const Y400 = '#FF8B00';
export const Y500 = '#FA591D';

4

build/v2/typographies.js
// Font Family
export const fontFamilyStackHeading = 'Metropolis Bold';
export const fontFamilyStackHeading = 'Nunito Sans';
export const fontFamilyDesktop = 'Open Sans';
export const fontFamilyLite = 'Open Sans';
export const fontFamilyLite = '-apple-system, BlinkMacSystemFont, Roboto, sans-serif';
export const fontFamilyIos = 'SF Pro Text';

@@ -6,0 +6,0 @@ export const fontFamilyAndroid = 'Roboto';

16

package.json
{
"name": "unify-token",
"version": "1.8.0-beta-2",
"version": "1.8.0-dev-1",
"description": "Design Tokens for the Unify Design System",

@@ -8,12 +8,8 @@ "main": "build/index.js",

"scripts": {
"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",
"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",
"clean": "rimraf ./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"
"sketch-json": "rimraf ./sketch-json ./sketch/test.zip && sketch-json *.sketch",
"prepublishOnly": "npm run build"
},

@@ -20,0 +16,0 @@ "keywords": [

publish.sh